@gmana/aspect-ratio - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

build/legacy/aspect-ratio.js

@@ -1,210 +0,7 @@
-"use strict";
 "use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+import {
+  AspectRatio
+} from "./chunk-LOLXJCFF.js";
+export {
+  AspectRatio
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/aspect-ratio.tsx
-var aspect_ratio_exports = {};
-__export(aspect_ratio_exports, {
-  AspectRatio: () => AspectRatio
-});
-module.exports = __toCommonJS(aspect_ratio_exports);
-
-// ../../node_modules/.pnpm/@babel+runtime@7.23.9/node_modules/@babel/runtime/helpers/esm/extends.js
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-aspect-ratio@1.0.3_@types+react-dom@18.2.19_@types+react@18.2.60_react-dom@18.2.0_react@18.2.0/node_modules/@radix-ui/react-aspect-ratio/dist/index.mjs
-var import_react4 = require("react");
-
-// ../../node_modules/.pnpm/@radix-ui+react-primitive@1.0.3_@types+react-dom@18.2.19_@types+react@18.2.60_react-dom@18.2.0_react@18.2.0/node_modules/@radix-ui/react-primitive/dist/index.mjs
-var import_react3 = require("react");
-var import_react_dom = require("react-dom");
-
-// ../../node_modules/.pnpm/@radix-ui+react-slot@1.0.2_@types+react@18.2.60_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.mjs
-var import_react2 = require("react");
-
-// ../../node_modules/.pnpm/@radix-ui+react-compose-refs@1.0.1_@types+react@18.2.60_react@18.2.0/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-var import_react = require("react");
-function $6ed0406888f73fc4$var$setRef(ref, value) {
-  if (typeof ref === "function")
-    ref(value);
-  else if (ref !== null && ref !== void 0)
-    ref.current = value;
-}
-function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {
-  return (node) => refs.forEach(
-    (ref) => $6ed0406888f73fc4$var$setRef(ref, node)
-  );
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-slot@1.0.2_@types+react@18.2.60_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.mjs
-var $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /* @__PURE__ */ (0, import_react2.forwardRef)((props, forwardedRef) => {
-  const { children, ...slotProps } = props;
-  const childrenArray = import_react2.Children.toArray(children);
-  const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable);
-  if (slottable) {
-    const newElement = slottable.props.children;
-    const newChildren = childrenArray.map((child) => {
-      if (child === slottable) {
-        if (import_react2.Children.count(newElement) > 1)
-          return import_react2.Children.only(null);
-        return /* @__PURE__ */ (0, import_react2.isValidElement)(newElement) ? newElement.props.children : null;
-      } else
-        return child;
-    });
-    return /* @__PURE__ */ (0, import_react2.createElement)($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
-      ref: forwardedRef
-    }), /* @__PURE__ */ (0, import_react2.isValidElement)(newElement) ? /* @__PURE__ */ (0, import_react2.cloneElement)(newElement, void 0, newChildren) : null);
-  }
-  return /* @__PURE__ */ (0, import_react2.createElement)($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
-    ref: forwardedRef
-  }), children);
-});
-$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = "Slot";
-var $5e63c961fc1ce211$var$SlotClone = /* @__PURE__ */ (0, import_react2.forwardRef)((props, forwardedRef) => {
-  const { children, ...slotProps } = props;
-  if (/* @__PURE__ */ (0, import_react2.isValidElement)(children))
-    return /* @__PURE__ */ (0, import_react2.cloneElement)(children, {
-      ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),
-      ref: forwardedRef ? $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref) : children.ref
-    });
-  return import_react2.Children.count(children) > 1 ? import_react2.Children.only(null) : null;
-});
-$5e63c961fc1ce211$var$SlotClone.displayName = "SlotClone";
-var $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children }) => {
-  return /* @__PURE__ */ (0, import_react2.createElement)(import_react2.Fragment, null, children);
-};
-function $5e63c961fc1ce211$var$isSlottable(child) {
-  return /* @__PURE__ */ (0, import_react2.isValidElement)(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;
-}
-function $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {
-  const overrideProps = {
-    ...childProps
-  };
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-    if (isHandler) {
-      if (slotPropValue && childPropValue)
-        overrideProps[propName] = (...args) => {
-          childPropValue(...args);
-          slotPropValue(...args);
-        };
-      else if (slotPropValue)
-        overrideProps[propName] = slotPropValue;
-    } else if (propName === "style")
-      overrideProps[propName] = {
-        ...slotPropValue,
-        ...childPropValue
-      };
-    else if (propName === "className")
-      overrideProps[propName] = [
-        slotPropValue,
-        childPropValue
-      ].filter(Boolean).join(" ");
-  }
-  return {
-    ...slotProps,
-    ...overrideProps
-  };
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-primitive@1.0.3_@types+react-dom@18.2.19_@types+react@18.2.60_react-dom@18.2.0_react@18.2.0/node_modules/@radix-ui/react-primitive/dist/index.mjs
-var $8927f6f2acc4f386$var$NODES = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "span",
-  "svg",
-  "ul"
-];
-var $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.reduce((primitive, node) => {
-  const Node = /* @__PURE__ */ (0, import_react3.forwardRef)((props, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : node;
-    (0, import_react3.useEffect)(() => {
-      window[Symbol.for("radix-ui")] = true;
-    }, []);
-    return /* @__PURE__ */ (0, import_react3.createElement)(Comp, _extends({}, primitiveProps, {
-      ref: forwardedRef
-    }));
-  });
-  Node.displayName = `Primitive.${node}`;
-  return {
-    ...primitive,
-    [node]: Node
-  };
-}, {});
-
-// ../../node_modules/.pnpm/@radix-ui+react-aspect-ratio@1.0.3_@types+react-dom@18.2.19_@types+react@18.2.60_react-dom@18.2.0_react@18.2.0/node_modules/@radix-ui/react-aspect-ratio/dist/index.mjs
-var $c1b5f66aac50e106$export$e840e8869344ca38 = /* @__PURE__ */ (0, import_react4.forwardRef)((props, forwardedRef) => {
-  const { ratio = 1, style, ...aspectRatioProps } = props;
-  return /* @__PURE__ */ (0, import_react4.createElement)("div", {
-    style: {
-      // ensures inner element is contained
-      position: "relative",
-      // ensures padding bottom trick maths works
-      width: "100%",
-      paddingBottom: `${100 / ratio}%`
-    },
-    "data-radix-aspect-ratio-wrapper": ""
-  }, /* @__PURE__ */ (0, import_react4.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, aspectRatioProps, {
-    ref: forwardedRef,
-    style: {
-      ...style,
-      // ensures children expand in ratio
-      position: "absolute",
-      top: 0,
-      right: 0,
-      bottom: 0,
-      left: 0
-    }
-  })));
-});
-var $c1b5f66aac50e106$export$be92b6f5f03c0fe9 = $c1b5f66aac50e106$export$e840e8869344ca38;
-
-// src/aspect-ratio.tsx
-var AspectRatio = $c1b5f66aac50e106$export$be92b6f5f03c0fe9;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AspectRatio
-});

build/legacy/index.js

@@ -1,209 +0,6 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+import {
+  AspectRatio
+} from "./chunk-LOLXJCFF.js";
+export {
+  AspectRatio
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  AspectRatio: () => AspectRatio
-});
-module.exports = __toCommonJS(src_exports);
-
-// ../../node_modules/.pnpm/@babel+runtime@7.23.9/node_modules/@babel/runtime/helpers/esm/extends.js
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-aspect-ratio@1.0.3_@types+react-dom@18.2.19_@types+react@18.2.60_react-dom@18.2.0_react@18.2.0/node_modules/@radix-ui/react-aspect-ratio/dist/index.mjs
-var import_react4 = require("react");
-
-// ../../node_modules/.pnpm/@radix-ui+react-primitive@1.0.3_@types+react-dom@18.2.19_@types+react@18.2.60_react-dom@18.2.0_react@18.2.0/node_modules/@radix-ui/react-primitive/dist/index.mjs
-var import_react3 = require("react");
-var import_react_dom = require("react-dom");
-
-// ../../node_modules/.pnpm/@radix-ui+react-slot@1.0.2_@types+react@18.2.60_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.mjs
-var import_react2 = require("react");
-
-// ../../node_modules/.pnpm/@radix-ui+react-compose-refs@1.0.1_@types+react@18.2.60_react@18.2.0/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-var import_react = require("react");
-function $6ed0406888f73fc4$var$setRef(ref, value) {
-  if (typeof ref === "function")
-    ref(value);
-  else if (ref !== null && ref !== void 0)
-    ref.current = value;
-}
-function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {
-  return (node) => refs.forEach(
-    (ref) => $6ed0406888f73fc4$var$setRef(ref, node)
-  );
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-slot@1.0.2_@types+react@18.2.60_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.mjs
-var $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /* @__PURE__ */ (0, import_react2.forwardRef)((props, forwardedRef) => {
-  const { children, ...slotProps } = props;
-  const childrenArray = import_react2.Children.toArray(children);
-  const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable);
-  if (slottable) {
-    const newElement = slottable.props.children;
-    const newChildren = childrenArray.map((child) => {
-      if (child === slottable) {
-        if (import_react2.Children.count(newElement) > 1)
-          return import_react2.Children.only(null);
-        return /* @__PURE__ */ (0, import_react2.isValidElement)(newElement) ? newElement.props.children : null;
-      } else
-        return child;
-    });
-    return /* @__PURE__ */ (0, import_react2.createElement)($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
-      ref: forwardedRef
-    }), /* @__PURE__ */ (0, import_react2.isValidElement)(newElement) ? /* @__PURE__ */ (0, import_react2.cloneElement)(newElement, void 0, newChildren) : null);
-  }
-  return /* @__PURE__ */ (0, import_react2.createElement)($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
-    ref: forwardedRef
-  }), children);
-});
-$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = "Slot";
-var $5e63c961fc1ce211$var$SlotClone = /* @__PURE__ */ (0, import_react2.forwardRef)((props, forwardedRef) => {
-  const { children, ...slotProps } = props;
-  if (/* @__PURE__ */ (0, import_react2.isValidElement)(children))
-    return /* @__PURE__ */ (0, import_react2.cloneElement)(children, {
-      ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),
-      ref: forwardedRef ? $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref) : children.ref
-    });
-  return import_react2.Children.count(children) > 1 ? import_react2.Children.only(null) : null;
-});
-$5e63c961fc1ce211$var$SlotClone.displayName = "SlotClone";
-var $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children }) => {
-  return /* @__PURE__ */ (0, import_react2.createElement)(import_react2.Fragment, null, children);
-};
-function $5e63c961fc1ce211$var$isSlottable(child) {
-  return /* @__PURE__ */ (0, import_react2.isValidElement)(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;
-}
-function $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {
-  const overrideProps = {
-    ...childProps
-  };
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-    if (isHandler) {
-      if (slotPropValue && childPropValue)
-        overrideProps[propName] = (...args) => {
-          childPropValue(...args);
-          slotPropValue(...args);
-        };
-      else if (slotPropValue)
-        overrideProps[propName] = slotPropValue;
-    } else if (propName === "style")
-      overrideProps[propName] = {
-        ...slotPropValue,
-        ...childPropValue
-      };
-    else if (propName === "className")
-      overrideProps[propName] = [
-        slotPropValue,
-        childPropValue
-      ].filter(Boolean).join(" ");
-  }
-  return {
-    ...slotProps,
-    ...overrideProps
-  };
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-primitive@1.0.3_@types+react-dom@18.2.19_@types+react@18.2.60_react-dom@18.2.0_react@18.2.0/node_modules/@radix-ui/react-primitive/dist/index.mjs
-var $8927f6f2acc4f386$var$NODES = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "span",
-  "svg",
-  "ul"
-];
-var $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.reduce((primitive, node) => {
-  const Node = /* @__PURE__ */ (0, import_react3.forwardRef)((props, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : node;
-    (0, import_react3.useEffect)(() => {
-      window[Symbol.for("radix-ui")] = true;
-    }, []);
-    return /* @__PURE__ */ (0, import_react3.createElement)(Comp, _extends({}, primitiveProps, {
-      ref: forwardedRef
-    }));
-  });
-  Node.displayName = `Primitive.${node}`;
-  return {
-    ...primitive,
-    [node]: Node
-  };
-}, {});
-
-// ../../node_modules/.pnpm/@radix-ui+react-aspect-ratio@1.0.3_@types+react-dom@18.2.19_@types+react@18.2.60_react-dom@18.2.0_react@18.2.0/node_modules/@radix-ui/react-aspect-ratio/dist/index.mjs
-var $c1b5f66aac50e106$export$e840e8869344ca38 = /* @__PURE__ */ (0, import_react4.forwardRef)((props, forwardedRef) => {
-  const { ratio = 1, style, ...aspectRatioProps } = props;
-  return /* @__PURE__ */ (0, import_react4.createElement)("div", {
-    style: {
-      // ensures inner element is contained
-      position: "relative",
-      // ensures padding bottom trick maths works
-      width: "100%",
-      paddingBottom: `${100 / ratio}%`
-    },
-    "data-radix-aspect-ratio-wrapper": ""
-  }, /* @__PURE__ */ (0, import_react4.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, aspectRatioProps, {
-    ref: forwardedRef,
-    style: {
-      ...style,
-      // ensures children expand in ratio
-      position: "absolute",
-      top: 0,
-      right: 0,
-      bottom: 0,
-      left: 0
-    }
-  })));
-});
-var $c1b5f66aac50e106$export$be92b6f5f03c0fe9 = $c1b5f66aac50e106$export$e840e8869344ca38;
-
-// src/aspect-ratio.tsx
-var AspectRatio = $c1b5f66aac50e106$export$be92b6f5f03c0fe9;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AspectRatio
-});

build/modern/aspect-ratio.js

@@ -1,210 +0,7 @@
-"use strict";
 "use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+import {
+  AspectRatio
+} from "./chunk-LOLXJCFF.js";
+export {
+  AspectRatio
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/aspect-ratio.tsx
-var aspect_ratio_exports = {};
-__export(aspect_ratio_exports, {
-  AspectRatio: () => AspectRatio
-});
-module.exports = __toCommonJS(aspect_ratio_exports);
-
-// ../../node_modules/.pnpm/@babel+runtime@7.23.9/node_modules/@babel/runtime/helpers/esm/extends.js
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-aspect-ratio@1.0.3_@types+react-dom@18.2.19_@types+react@18.2.60_react-dom@18.2.0_react@18.2.0/node_modules/@radix-ui/react-aspect-ratio/dist/index.mjs
-var import_react4 = require("react");
-
-// ../../node_modules/.pnpm/@radix-ui+react-primitive@1.0.3_@types+react-dom@18.2.19_@types+react@18.2.60_react-dom@18.2.0_react@18.2.0/node_modules/@radix-ui/react-primitive/dist/index.mjs
-var import_react3 = require("react");
-var import_react_dom = require("react-dom");
-
-// ../../node_modules/.pnpm/@radix-ui+react-slot@1.0.2_@types+react@18.2.60_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.mjs
-var import_react2 = require("react");
-
-// ../../node_modules/.pnpm/@radix-ui+react-compose-refs@1.0.1_@types+react@18.2.60_react@18.2.0/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-var import_react = require("react");
-function $6ed0406888f73fc4$var$setRef(ref, value) {
-  if (typeof ref === "function")
-    ref(value);
-  else if (ref !== null && ref !== void 0)
-    ref.current = value;
-}
-function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {
-  return (node) => refs.forEach(
-    (ref) => $6ed0406888f73fc4$var$setRef(ref, node)
-  );
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-slot@1.0.2_@types+react@18.2.60_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.mjs
-var $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /* @__PURE__ */ (0, import_react2.forwardRef)((props, forwardedRef) => {
-  const { children, ...slotProps } = props;
-  const childrenArray = import_react2.Children.toArray(children);
-  const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable);
-  if (slottable) {
-    const newElement = slottable.props.children;
-    const newChildren = childrenArray.map((child) => {
-      if (child === slottable) {
-        if (import_react2.Children.count(newElement) > 1)
-          return import_react2.Children.only(null);
-        return /* @__PURE__ */ (0, import_react2.isValidElement)(newElement) ? newElement.props.children : null;
-      } else
-        return child;
-    });
-    return /* @__PURE__ */ (0, import_react2.createElement)($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
-      ref: forwardedRef
-    }), /* @__PURE__ */ (0, import_react2.isValidElement)(newElement) ? /* @__PURE__ */ (0, import_react2.cloneElement)(newElement, void 0, newChildren) : null);
-  }
-  return /* @__PURE__ */ (0, import_react2.createElement)($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
-    ref: forwardedRef
-  }), children);
-});
-$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = "Slot";
-var $5e63c961fc1ce211$var$SlotClone = /* @__PURE__ */ (0, import_react2.forwardRef)((props, forwardedRef) => {
-  const { children, ...slotProps } = props;
-  if (/* @__PURE__ */ (0, import_react2.isValidElement)(children))
-    return /* @__PURE__ */ (0, import_react2.cloneElement)(children, {
-      ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),
-      ref: forwardedRef ? $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref) : children.ref
-    });
-  return import_react2.Children.count(children) > 1 ? import_react2.Children.only(null) : null;
-});
-$5e63c961fc1ce211$var$SlotClone.displayName = "SlotClone";
-var $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children }) => {
-  return /* @__PURE__ */ (0, import_react2.createElement)(import_react2.Fragment, null, children);
-};
-function $5e63c961fc1ce211$var$isSlottable(child) {
-  return /* @__PURE__ */ (0, import_react2.isValidElement)(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;
-}
-function $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {
-  const overrideProps = {
-    ...childProps
-  };
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-    if (isHandler) {
-      if (slotPropValue && childPropValue)
-        overrideProps[propName] = (...args) => {
-          childPropValue(...args);
-          slotPropValue(...args);
-        };
-      else if (slotPropValue)
-        overrideProps[propName] = slotPropValue;
-    } else if (propName === "style")
-      overrideProps[propName] = {
-        ...slotPropValue,
-        ...childPropValue
-      };
-    else if (propName === "className")
-      overrideProps[propName] = [
-        slotPropValue,
-        childPropValue
-      ].filter(Boolean).join(" ");
-  }
-  return {
-    ...slotProps,
-    ...overrideProps
-  };
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-primitive@1.0.3_@types+react-dom@18.2.19_@types+react@18.2.60_react-dom@18.2.0_react@18.2.0/node_modules/@radix-ui/react-primitive/dist/index.mjs
-var $8927f6f2acc4f386$var$NODES = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "span",
-  "svg",
-  "ul"
-];
-var $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.reduce((primitive, node) => {
-  const Node = /* @__PURE__ */ (0, import_react3.forwardRef)((props, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : node;
-    (0, import_react3.useEffect)(() => {
-      window[Symbol.for("radix-ui")] = true;
-    }, []);
-    return /* @__PURE__ */ (0, import_react3.createElement)(Comp, _extends({}, primitiveProps, {
-      ref: forwardedRef
-    }));
-  });
-  Node.displayName = `Primitive.${node}`;
-  return {
-    ...primitive,
-    [node]: Node
-  };
-}, {});
-
-// ../../node_modules/.pnpm/@radix-ui+react-aspect-ratio@1.0.3_@types+react-dom@18.2.19_@types+react@18.2.60_react-dom@18.2.0_react@18.2.0/node_modules/@radix-ui/react-aspect-ratio/dist/index.mjs
-var $c1b5f66aac50e106$export$e840e8869344ca38 = /* @__PURE__ */ (0, import_react4.forwardRef)((props, forwardedRef) => {
-  const { ratio = 1, style, ...aspectRatioProps } = props;
-  return /* @__PURE__ */ (0, import_react4.createElement)("div", {
-    style: {
-      // ensures inner element is contained
-      position: "relative",
-      // ensures padding bottom trick maths works
-      width: "100%",
-      paddingBottom: `${100 / ratio}%`
-    },
-    "data-radix-aspect-ratio-wrapper": ""
-  }, /* @__PURE__ */ (0, import_react4.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, aspectRatioProps, {
-    ref: forwardedRef,
-    style: {
-      ...style,
-      // ensures children expand in ratio
-      position: "absolute",
-      top: 0,
-      right: 0,
-      bottom: 0,
-      left: 0
-    }
-  })));
-});
-var $c1b5f66aac50e106$export$be92b6f5f03c0fe9 = $c1b5f66aac50e106$export$e840e8869344ca38;
-
-// src/aspect-ratio.tsx
-var AspectRatio = $c1b5f66aac50e106$export$be92b6f5f03c0fe9;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AspectRatio
-});

build/modern/index.js

@@ -1,209 +0,6 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+import {
+  AspectRatio
+} from "./chunk-LOLXJCFF.js";
+export {
+  AspectRatio
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  AspectRatio: () => AspectRatio
-});
-module.exports = __toCommonJS(src_exports);
-
-// ../../node_modules/.pnpm/@babel+runtime@7.23.9/node_modules/@babel/runtime/helpers/esm/extends.js
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-aspect-ratio@1.0.3_@types+react-dom@18.2.19_@types+react@18.2.60_react-dom@18.2.0_react@18.2.0/node_modules/@radix-ui/react-aspect-ratio/dist/index.mjs
-var import_react4 = require("react");
-
-// ../../node_modules/.pnpm/@radix-ui+react-primitive@1.0.3_@types+react-dom@18.2.19_@types+react@18.2.60_react-dom@18.2.0_react@18.2.0/node_modules/@radix-ui/react-primitive/dist/index.mjs
-var import_react3 = require("react");
-var import_react_dom = require("react-dom");
-
-// ../../node_modules/.pnpm/@radix-ui+react-slot@1.0.2_@types+react@18.2.60_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.mjs
-var import_react2 = require("react");
-
-// ../../node_modules/.pnpm/@radix-ui+react-compose-refs@1.0.1_@types+react@18.2.60_react@18.2.0/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-var import_react = require("react");
-function $6ed0406888f73fc4$var$setRef(ref, value) {
-  if (typeof ref === "function")
-    ref(value);
-  else if (ref !== null && ref !== void 0)
-    ref.current = value;
-}
-function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {
-  return (node) => refs.forEach(
-    (ref) => $6ed0406888f73fc4$var$setRef(ref, node)
-  );
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-slot@1.0.2_@types+react@18.2.60_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.mjs
-var $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /* @__PURE__ */ (0, import_react2.forwardRef)((props, forwardedRef) => {
-  const { children, ...slotProps } = props;
-  const childrenArray = import_react2.Children.toArray(children);
-  const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable);
-  if (slottable) {
-    const newElement = slottable.props.children;
-    const newChildren = childrenArray.map((child) => {
-      if (child === slottable) {
-        if (import_react2.Children.count(newElement) > 1)
-          return import_react2.Children.only(null);
-        return /* @__PURE__ */ (0, import_react2.isValidElement)(newElement) ? newElement.props.children : null;
-      } else
-        return child;
-    });
-    return /* @__PURE__ */ (0, import_react2.createElement)($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
-      ref: forwardedRef
-    }), /* @__PURE__ */ (0, import_react2.isValidElement)(newElement) ? /* @__PURE__ */ (0, import_react2.cloneElement)(newElement, void 0, newChildren) : null);
-  }
-  return /* @__PURE__ */ (0, import_react2.createElement)($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
-    ref: forwardedRef
-  }), children);
-});
-$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = "Slot";
-var $5e63c961fc1ce211$var$SlotClone = /* @__PURE__ */ (0, import_react2.forwardRef)((props, forwardedRef) => {
-  const { children, ...slotProps } = props;
-  if (/* @__PURE__ */ (0, import_react2.isValidElement)(children))
-    return /* @__PURE__ */ (0, import_react2.cloneElement)(children, {
-      ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),
-      ref: forwardedRef ? $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref) : children.ref
-    });
-  return import_react2.Children.count(children) > 1 ? import_react2.Children.only(null) : null;
-});
-$5e63c961fc1ce211$var$SlotClone.displayName = "SlotClone";
-var $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children }) => {
-  return /* @__PURE__ */ (0, import_react2.createElement)(import_react2.Fragment, null, children);
-};
-function $5e63c961fc1ce211$var$isSlottable(child) {
-  return /* @__PURE__ */ (0, import_react2.isValidElement)(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;
-}
-function $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {
-  const overrideProps = {
-    ...childProps
-  };
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-    if (isHandler) {
-      if (slotPropValue && childPropValue)
-        overrideProps[propName] = (...args) => {
-          childPropValue(...args);
-          slotPropValue(...args);
-        };
-      else if (slotPropValue)
-        overrideProps[propName] = slotPropValue;
-    } else if (propName === "style")
-      overrideProps[propName] = {
-        ...slotPropValue,
-        ...childPropValue
-      };
-    else if (propName === "className")
-      overrideProps[propName] = [
-        slotPropValue,
-        childPropValue
-      ].filter(Boolean).join(" ");
-  }
-  return {
-    ...slotProps,
-    ...overrideProps
-  };
-}
-
-// ../../node_modules/.pnpm/@radix-ui+react-primitive@1.0.3_@types+react-dom@18.2.19_@types+react@18.2.60_react-dom@18.2.0_react@18.2.0/node_modules/@radix-ui/react-primitive/dist/index.mjs
-var $8927f6f2acc4f386$var$NODES = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "span",
-  "svg",
-  "ul"
-];
-var $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.reduce((primitive, node) => {
-  const Node = /* @__PURE__ */ (0, import_react3.forwardRef)((props, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : node;
-    (0, import_react3.useEffect)(() => {
-      window[Symbol.for("radix-ui")] = true;
-    }, []);
-    return /* @__PURE__ */ (0, import_react3.createElement)(Comp, _extends({}, primitiveProps, {
-      ref: forwardedRef
-    }));
-  });
-  Node.displayName = `Primitive.${node}`;
-  return {
-    ...primitive,
-    [node]: Node
-  };
-}, {});
-
-// ../../node_modules/.pnpm/@radix-ui+react-aspect-ratio@1.0.3_@types+react-dom@18.2.19_@types+react@18.2.60_react-dom@18.2.0_react@18.2.0/node_modules/@radix-ui/react-aspect-ratio/dist/index.mjs
-var $c1b5f66aac50e106$export$e840e8869344ca38 = /* @__PURE__ */ (0, import_react4.forwardRef)((props, forwardedRef) => {
-  const { ratio = 1, style, ...aspectRatioProps } = props;
-  return /* @__PURE__ */ (0, import_react4.createElement)("div", {
-    style: {
-      // ensures inner element is contained
-      position: "relative",
-      // ensures padding bottom trick maths works
-      width: "100%",
-      paddingBottom: `${100 / ratio}%`
-    },
-    "data-radix-aspect-ratio-wrapper": ""
-  }, /* @__PURE__ */ (0, import_react4.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, aspectRatioProps, {
-    ref: forwardedRef,
-    style: {
-      ...style,
-      // ensures children expand in ratio
-      position: "absolute",
-      top: 0,
-      right: 0,
-      bottom: 0,
-      left: 0
-    }
-  })));
-});
-var $c1b5f66aac50e106$export$be92b6f5f03c0fe9 = $c1b5f66aac50e106$export$e840e8869344ca38;
-
-// src/aspect-ratio.tsx
-var AspectRatio = $c1b5f66aac50e106$export$be92b6f5f03c0fe9;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AspectRatio
-});

package.json

 {
   "name": "@gmana/aspect-ratio",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "aspect-ratio",
@@ -15,2 +15,3 @@ "keywords": [
   "license": "MIT",
+  "type": "module",
   "main": "build/legacy/index.cjs",
@@ -35,3 +36,3 @@ "sideEffects": false,
     "@gmana/core": "1.3.14",
-    "@gmana/utils": "1.3.10"
+    "@gmana/utils": "1.3.11"
   },
@@ -38,0 +39,0 @@ "peerDependencies": {

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

51669

increased by0.03%

Is type module

Yes

Dependency changes

• + Added@gmana/utils@1.3.11(transitive)

• + Addedtailwindcss@4.0.8(transitive)

• - Removed@gmana/utils@1.3.10(transitive)

• - Removedtailwindcss@4.0.9(transitive)

• Updated@gmana/utils@1.3.11