react-native-mantine 0.1.15 → 0.3.0

package/lib/commonjs/components/Accordion/index.js

@@ -0,0 +1,250 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SimpleAccordionItem = exports.AccordionPanel = exports.AccordionItem = exports.AccordionControl = exports.Accordion = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../BoxView/index.js");
+var _index2 = require("../Text/index.js");
+var _index3 = require("../Collapse/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _index4 = require("../../theme/index.js");
+var _rem = require("../../theme/utils/rem.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const AccordionContext = /*#__PURE__*/(0, _react.createContext)(null);
+const useAccordionContext = () => {
+  const context = (0, _react.useContext)(AccordionContext);
+  if (!context) {
+    throw new Error('Accordion components must be used within Accordion');
+  }
+  return context;
+};
+const useAccordionStyles = (0, _index4.createStyles)((theme, {
+  variant,
+  radius,
+  spacing
+}) => {
+  const getSpacing = () => {
+    if (typeof spacing === 'number') return (0, _rem.rem)(spacing);
+    return theme.spacing[spacing] || theme.spacing.md;
+  };
+  return {
+    root: {
+      ...(variant === 'contained' && {
+        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[6] : theme.white,
+        borderRadius: theme.fn.radius(radius),
+        borderWidth: 1,
+        borderColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[4] : theme.colors.gray?.[3]
+      })
+    },
+    item: {
+      ...(variant === 'separated' && {
+        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[6] : theme.white,
+        borderRadius: theme.fn.radius(radius),
+        borderWidth: 1,
+        borderColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[4] : theme.colors.gray?.[3],
+        marginBottom: getSpacing()
+      }),
+      ...(variant === 'default' && {
+        borderBottomWidth: 1,
+        borderBottomColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[4] : theme.colors.gray?.[3]
+      })
+    }
+  };
+});
+const useAccordionItemStyles = (0, _index4.createStyles)(theme => ({
+  control: {
+    padding: theme.spacing.md,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  label: {
+    fontSize: theme.fontSizes.sm,
+    fontWeight: '500',
+    color: theme.colorScheme === 'dark' ? theme.white : theme.black,
+    flex: 1
+  },
+  icon: {
+    marginLeft: theme.spacing.sm
+  },
+  iconText: {
+    fontSize: 16,
+    color: theme.colorScheme === 'dark' ? theme.colors.dark?.[2] : theme.colors.gray?.[6]
+  },
+  panel: {
+    padding: theme.spacing.md,
+    paddingTop: 0
+  }
+}));
+const defaultAccordionProps = {
+  multiple: false,
+  variant: 'default',
+  radius: 'sm',
+  spacing: 'md'
+};
+const Accordion = exports.Accordion = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    multiple,
+    defaultValue,
+    value: controlledValue,
+    onChange,
+    variant,
+    radius,
+    spacing,
+    style,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('Accordion', defaultAccordionProps, props);
+  const [uncontrolledValue, setUncontrolledValue] = (0, _react.useState)(() => {
+    if (defaultValue === undefined) return [];
+    return Array.isArray(defaultValue) ? defaultValue : [defaultValue];
+  });
+  const value = controlledValue !== undefined ? Array.isArray(controlledValue) ? controlledValue : [controlledValue] : uncontrolledValue;
+  const handleChange = itemValue => {
+    const newValue = value.includes(itemValue) ? value.filter(v => v !== itemValue) : multiple ? [...value, itemValue] : [itemValue];
+    if (controlledValue === undefined) {
+      setUncontrolledValue(newValue);
+    }
+    onChange?.(multiple ? newValue : newValue[0] || '');
+  };
+  const {
+    styles,
+    sx
+  } = useAccordionStyles({
+    variant: variant || 'default',
+    radius: radius || 'sm',
+    spacing: spacing || 'md'
+  }, {
+    name: 'Accordion'
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionContext.Provider, {
+    value: {
+      value,
+      onChange: handleChange,
+      multiple: multiple || false,
+      variant: variant || 'default'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      ref: ref,
+      style: sx(styles.root, style),
+      ...others,
+      children: children
+    })
+  });
+});
+const AccordionItem = exports.AccordionItem = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    style,
+    ...others
+  } = props;
+  const {
+    styles,
+    sx
+  } = useAccordionItemStyles({}, {
+    name: 'AccordionItem'
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+    ref: ref,
+    style: sx(styles.item, style),
+    ...others,
+    children: children
+  });
+});
+const AccordionControl = exports.AccordionControl = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    style,
+    ...others
+  } = props;
+  const {
+    styles
+  } = useAccordionItemStyles({}, {
+    name: 'AccordionControl'
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+    ref: ref,
+    style: [styles.control, style],
+    ...others,
+    children: children
+  });
+});
+const AccordionPanel = exports.AccordionPanel = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    style,
+    ...others
+  } = props;
+  const {
+    styles
+  } = useAccordionItemStyles({}, {
+    name: 'AccordionPanel'
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+    ref: ref,
+    style: [styles.panel, style],
+    ...others,
+    children: children
+  });
+});
+
+// Simplified Accordion.Item component that combines all parts
+
+const SimpleAccordionItem = exports.SimpleAccordionItem = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    value,
+    label,
+    children,
+    style,
+    ...others
+  } = props;
+  const context = useAccordionContext();
+  const {
+    styles,
+    sx
+  } = useAccordionItemStyles({}, {
+    name: 'AccordionItem'
+  });
+  const isOpen = context.value.includes(value);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.BoxView, {
+    ref: ref,
+    style: sx(styles.item, style),
+    ...others,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+      style: styles.control,
+      onPress: () => context.onChange(value),
+      activeOpacity: 0.7,
+      children: [typeof label === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        style: styles.label,
+        children: label
+      }) : label, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+        style: styles.icon,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+          style: styles.iconText,
+          children: isOpen ? '−' : '+'
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Collapse, {
+      in: isOpen,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+        style: styles.panel,
+        children: children
+      })
+    })]
+  });
+});
+Accordion.displayName = 'Accordion';
+AccordionItem.displayName = 'Accordion.Item';
+AccordionControl.displayName = 'Accordion.Control';
+AccordionPanel.displayName = 'Accordion.Panel';
+SimpleAccordionItem.displayName = 'Accordion.SimpleItem';
+
+// Attach sub-components
+Accordion.Item = SimpleAccordionItem;
+Accordion.Control = AccordionControl;
+Accordion.Panel = AccordionPanel;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_index3","_themeProvider","_index4","_rem","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AccordionContext","createContext","useAccordionContext","context","useContext","Error","useAccordionStyles","createStyles","theme","variant","radius","spacing","getSpacing","rem","md","root","backgroundColor","colorScheme","colors","dark","white","borderRadius","fn","borderWidth","borderColor","gray","item","marginBottom","borderBottomWidth","borderBottomColor","useAccordionItemStyles","control","padding","flexDirection","justifyContent","alignItems","label","fontSize","fontSizes","sm","fontWeight","color","black","flex","icon","marginLeft","iconText","panel","paddingTop","defaultAccordionProps","multiple","Accordion","exports","forwardRef","props","ref","children","defaultValue","value","controlledValue","onChange","style","others","useComponentDefaultProps","uncontrolledValue","setUncontrolledValue","useState","undefined","Array","isArray","handleChange","itemValue","newValue","includes","filter","v","styles","sx","name","jsx","Provider","BoxView","AccordionItem","AccordionControl","AccordionPanel","SimpleAccordionItem","isOpen","jsxs","TouchableOpacity","onPress","activeOpacity","Text","Collapse","in","displayName","Item","Control","Panel"],"sourceRoot":"../../../../src","sources":["components/Accordion/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAEA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,IAAA,GAAAP,OAAA;AAA4C,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAD,wBAAAU,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,CAAAU,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAS5C,MAAMkB,gBAAgB,gBAAG,IAAAC,oBAAa,EAA+B,IAAI,CAAC;AAE1E,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EAChC,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACJ,gBAAgB,CAAC;EAC5C,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CAAC,oDAAoD,CAAC;EACvE;EACA,OAAOF,OAAO;AAChB,CAAC;AA6DD,MAAMG,kBAAkB,GAAG,IAAAC,oBAAY,EACrC,CACEC,KAAK,EACL;EACEC,OAAO;EACPC,MAAM;EACNC;AAKF,CAAC,KACE;EACH,MAAMC,UAAU,GAAGA,CAAA,KAAM;IACvB,IAAI,OAAOD,OAAO,KAAK,QAAQ,EAAE,OAAO,IAAAE,QAAG,EAACF,OAAO,CAAC;IACpD,OAAOH,KAAK,CAACG,OAAO,CAACA,OAAO,CAAC,IAAIH,KAAK,CAACG,OAAO,CAACG,EAAE;EACnD,CAAC;EAED,OAAO;IACLC,IAAI,EAAE;MACJ,IAAIN,OAAO,KAAK,WAAW,IAAI;QAC7BO,eAAe,EAAER,KAAK,CAACS,WAAW,KAAK,MAAM,GAAGT,KAAK,CAACU,MAAM,CAACC,IAAI,GAAG,CAAC,CAAC,GAAGX,KAAK,CAACY,KAAK;QACpFC,YAAY,EAAEb,KAAK,CAACc,EAAE,CAACZ,MAAM,CAACA,MAAM,CAAC;QACrCa,WAAW,EAAE,CAAC;QACdC,WAAW,EACThB,KAAK,CAACS,WAAW,KAAK,MAAM,GAAGT,KAAK,CAACU,MAAM,CAACC,IAAI,GAAG,CAAC,CAAC,GAAGX,KAAK,CAACU,MAAM,CAACO,IAAI,GAAG,CAAC;MACjF,CAAC;IACH,CAAC;IACDC,IAAI,EAAE;MACJ,IAAIjB,OAAO,KAAK,WAAW,IAAI;QAC7BO,eAAe,EAAER,KAAK,CAACS,WAAW,KAAK,MAAM,GAAGT,KAAK,CAACU,MAAM,CAACC,IAAI,GAAG,CAAC,CAAC,GAAGX,KAAK,CAACY,KAAK;QACpFC,YAAY,EAAEb,KAAK,CAACc,EAAE,CAACZ,MAAM,CAACA,MAAM,CAAC;QACrCa,WAAW,EAAE,CAAC;QACdC,WAAW,EACThB,KAAK,CAACS,WAAW,KAAK,MAAM,GAAGT,KAAK,CAACU,MAAM,CAACC,IAAI,GAAG,CAAC,CAAC,GAAGX,KAAK,CAACU,MAAM,CAACO,IAAI,GAAG,CAAC,CAAC;QAChFE,YAAY,EAAEf,UAAU,CAAC;MAC3B,CAAC,CAAC;MACF,IAAIH,OAAO,KAAK,SAAS,IAAI;QAC3BmB,iBAAiB,EAAE,CAAC;QACpBC,iBAAiB,EACfrB,KAAK,CAACS,WAAW,KAAK,MAAM,GAAGT,KAAK,CAACU,MAAM,CAACC,IAAI,GAAG,CAAC,CAAC,GAAGX,KAAK,CAACU,MAAM,CAACO,IAAI,GAAG,CAAC;MACjF,CAAC;IACH;EACF,CAAC;AACH,CACF,CAAC;AAED,MAAMK,sBAAsB,GAAG,IAAAvB,oBAAY,EAAEC,KAAK,KAAM;EACtDuB,OAAO,EAAE;IACPC,OAAO,EAAExB,KAAK,CAACG,OAAO,CAACG,EAAE;IACzBmB,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAE7B,KAAK,CAAC8B,SAAS,CAACC,EAAY;IACtCC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEjC,KAAK,CAACS,WAAW,KAAK,MAAM,GAAGT,KAAK,CAACY,KAAK,GAAGZ,KAAK,CAACkC,KAAK;IAC/DC,IAAI,EAAE;EACR,CAAC;EACDC,IAAI,EAAE;IACJC,UAAU,EAAErC,KAAK,CAACG,OAAO,CAAC4B;EAC5B,CAAC;EACDO,QAAQ,EAAE;IACRT,QAAQ,EAAE,EAAE;IACZI,KAAK,EAAEjC,KAAK,CAACS,WAAW,KAAK,MAAM,GAAGT,KAAK,CAACU,MAAM,CAACC,IAAI,GAAG,CAAC,CAAC,GAAGX,KAAK,CAACU,MAAM,CAACO,IAAI,GAAG,CAAC;EACtF,CAAC;EACDsB,KAAK,EAAE;IACLf,OAAO,EAAExB,KAAK,CAACG,OAAO,CAACG,EAAE;IACzBkC,UAAU,EAAE;EACd;AACF,CAAC,CAAC,CAAC;AAEH,MAAMC,qBAA8C,GAAG;EACrDC,QAAQ,EAAE,KAAK;EACfzC,OAAO,EAAE,SAAS;EAClBC,MAAM,EAAE,IAAI;EACZC,OAAO,EAAE;AACX,CAAC;AAEM,MAAMwC,SAAS,GAAAC,OAAA,CAAAD,SAAA,gBAAG,IAAAE,iBAAU,EAAsB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACvE,MAAM;IACJC,QAAQ;IACRN,QAAQ;IACRO,YAAY;IACZC,KAAK,EAAEC,eAAe;IACtBC,QAAQ;IACRnD,OAAO;IACPC,MAAM;IACNC,OAAO;IACPkD,KAAK;IACL,GAAGC;EACL,CAAC,GAAG,IAAAC,uCAAwB,EAAC,WAAW,EAAEd,qBAAqB,EAAEK,KAAK,CAAC;EAEvE,MAAM,CAACU,iBAAiB,EAAEC,oBAAoB,CAAC,GAAG,IAAAC,eAAQ,EAAW,MAAM;IACzE,IAAIT,YAAY,KAAKU,SAAS,EAAE,OAAO,EAAE;IACzC,OAAOC,KAAK,CAACC,OAAO,CAACZ,YAAY,CAAC,GAAGA,YAAY,GAAG,CAACA,YAAY,CAAC;EACpE,CAAC,CAAC;EAEF,MAAMC,KAAK,GACTC,eAAe,KAAKQ,SAAS,GACzBC,KAAK,CAACC,OAAO,CAACV,eAAe,CAAC,GAC5BA,eAAe,GACf,CAACA,eAAe,CAAC,GACnBK,iBAAiB;EAEvB,MAAMM,YAAY,GAAIC,SAAiB,IAAK;IAC1C,MAAMC,QAAQ,GAAGd,KAAK,CAACe,QAAQ,CAACF,SAAS,CAAC,GACtCb,KAAK,CAACgB,MAAM,CAAEC,CAAC,IAAKA,CAAC,KAAKJ,SAAS,CAAC,GACpCrB,QAAQ,GACR,CAAC,GAAGQ,KAAK,EAAEa,SAAS,CAAC,GACrB,CAACA,SAAS,CAAC;IAEf,IAAIZ,eAAe,KAAKQ,SAAS,EAAE;MACjCF,oBAAoB,CAACO,QAAQ,CAAC;IAChC;IAEAZ,QAAQ,GAAGV,QAAQ,GAAGsB,QAAQ,GAAGA,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;EACrD,CAAC;EAED,MAAM;IAAEI,MAAM;IAAEC;EAAG,CAAC,GAAGvE,kBAAkB,CACvC;IAAEG,OAAO,EAAEA,OAAO,IAAI,SAAS;IAAEC,MAAM,EAAEA,MAAM,IAAI,IAAI;IAAEC,OAAO,EAAEA,OAAO,IAAI;EAAK,CAAC,EACnF;IAAEmE,IAAI,EAAE;EAAY,CACtB,CAAQ;EAER,oBACE,IAAAlG,WAAA,CAAAmG,GAAA,EAAC/E,gBAAgB,CAACgF,QAAQ;IAACtB,KAAK,EAAE;MAAEA,KAAK;MAAEE,QAAQ,EAAEU,YAAY;MAAEpB,QAAQ,EAAEA,QAAQ,IAAI,KAAK;MAAEzC,OAAO,EAAEA,OAAO,IAAI;IAAU,CAAE;IAAA+C,QAAA,eAC9H,IAAA5E,WAAA,CAAAmG,GAAA,EAACzG,MAAA,CAAA2G,OAAO;MAAC1B,GAAG,EAAEA,GAAI;MAACM,KAAK,EAAEgB,EAAE,CAACD,MAAM,CAAC7D,IAAI,EAAE8C,KAAK,CAAE;MAAA,GAAKC,MAAM;MAAAN,QAAA,EACzDA;IAAQ,CACF;EAAC,CACe,CAAC;AAEhC,CAAC,CAAC;AAEK,MAAM0B,aAAa,GAAA9B,OAAA,CAAA8B,aAAA,gBAAG,IAAA7B,iBAAU,EAA0B,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC/E,MAAM;IAAEC,QAAQ;IAAEK,KAAK;IAAE,GAAGC;EAAO,CAAC,GAAGR,KAAK;EAC5C,MAAM;IAAEsB,MAAM;IAAEC;EAAG,CAAC,GAAG/C,sBAAsB,CAAC,CAAC,CAAC,EAAE;IAAEgD,IAAI,EAAE;EAAgB,CAAC,CAAQ;EAEnF,oBACE,IAAAlG,WAAA,CAAAmG,GAAA,EAACzG,MAAA,CAAA2G,OAAO;IAAC1B,GAAG,EAAEA,GAAI;IAACM,KAAK,EAAEgB,EAAE,CAACD,MAAM,CAAClD,IAAI,EAAEmC,KAAK,CAAE;IAAA,GAAKC,MAAM;IAAAN,QAAA,EACzDA;EAAQ,CACF,CAAC;AAEd,CAAC,CAAC;AAEK,MAAM2B,gBAAgB,GAAA/B,OAAA,CAAA+B,gBAAA,gBAAG,IAAA9B,iBAAU,EAA6B,CAACC,KAAK,EAAEC,GAAG,KAAK;EACrF,MAAM;IAAEC,QAAQ;IAAEK,KAAK;IAAE,GAAGC;EAAO,CAAC,GAAGR,KAAK;EAC5C,MAAM;IAAEsB;EAAO,CAAC,GAAG9C,sBAAsB,CAAC,CAAC,CAAC,EAAE;IAAEgD,IAAI,EAAE;EAAmB,CAAC,CAAQ;EAElF,oBACE,IAAAlG,WAAA,CAAAmG,GAAA,EAACzG,MAAA,CAAA2G,OAAO;IAAC1B,GAAG,EAAEA,GAAI;IAACM,KAAK,EAAE,CAACe,MAAM,CAAC7C,OAAO,EAAE8B,KAAK,CAAE;IAAA,GAAKC,MAAM;IAAAN,QAAA,EAC1DA;EAAQ,CACF,CAAC;AAEd,CAAC,CAAC;AAEK,MAAM4B,cAAc,GAAAhC,OAAA,CAAAgC,cAAA,gBAAG,IAAA/B,iBAAU,EAA2B,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjF,MAAM;IAAEC,QAAQ;IAAEK,KAAK;IAAE,GAAGC;EAAO,CAAC,GAAGR,KAAK;EAC5C,MAAM;IAAEsB;EAAO,CAAC,GAAG9C,sBAAsB,CAAC,CAAC,CAAC,EAAE;IAAEgD,IAAI,EAAE;EAAiB,CAAC,CAAQ;EAEhF,oBACE,IAAAlG,WAAA,CAAAmG,GAAA,EAACzG,MAAA,CAAA2G,OAAO;IAAC1B,GAAG,EAAEA,GAAI;IAACM,KAAK,EAAE,CAACe,MAAM,CAAC7B,KAAK,EAAEc,KAAK,CAAE;IAAA,GAAKC,MAAM;IAAAN,QAAA,EACxDA;EAAQ,CACF,CAAC;AAEd,CAAC,CAAC;;AAEF;;AAKA,MAAM6B,mBAAmB,GAAAjC,OAAA,CAAAiC,mBAAA,gBAAG,IAAAhC,iBAAU,EAAgC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpF,MAAM;IAAEG,KAAK;IAAEtB,KAAK;IAAEoB,QAAQ;IAAEK,KAAK;IAAE,GAAGC;EAAM,CAAC,GAAGR,KAAK;EACzD,MAAMnD,OAAO,GAAGD,mBAAmB,CAAC,CAAC;EACrC,MAAM;IAAE0E,MAAM;IAAEC;EAAE,CAAC,GAAG/C,sBAAsB,CAAC,CAAC,CAAC,EAAE;IAAEgD,IAAI,EAAE;EAAgB,CAAC,CAAQ;EAElF,MAAMQ,MAAM,GAAGnF,OAAO,CAACuD,KAAK,CAACe,QAAQ,CAACf,KAAK,CAAC;EAE5C,oBACE,IAAA9E,WAAA,CAAA2G,IAAA,EAACjH,MAAA,CAAA2G,OAAO;IAAC1B,GAAG,EAAEA,GAAI;IAACM,KAAK,EAAEgB,EAAE,CAACD,MAAM,CAAClD,IAAI,EAAEmC,KAAK,CAAE;IAAA,GAAKC,MAAM;IAAAN,QAAA,gBAC1D,IAAA5E,WAAA,CAAA2G,IAAA,EAAClH,YAAA,CAAAmH,gBAAgB;MACf3B,KAAK,EAAEe,MAAM,CAAC7C,OAAQ;MACtB0D,OAAO,EAAEA,CAAA,KAAMtF,OAAO,CAACyD,QAAQ,CAACF,KAAK,CAAE;MACvCgC,aAAa,EAAE,GAAI;MAAAlC,QAAA,GAElB,OAAOpB,KAAK,KAAK,QAAQ,gBAAG,IAAAxD,WAAA,CAAAmG,GAAA,EAACxG,OAAA,CAAAoH,IAAI;QAAC9B,KAAK,EAAEe,MAAM,CAACxC,KAAM;QAAAoB,QAAA,EAAEpB;MAAK,CAAO,CAAC,GAAGA,KAAK,eAC9E,IAAAxD,WAAA,CAAAmG,GAAA,EAACzG,MAAA,CAAA2G,OAAO;QAACpB,KAAK,EAAEe,MAAM,CAAChC,IAAK;QAAAY,QAAA,eAC1B,IAAA5E,WAAA,CAAAmG,GAAA,EAACxG,OAAA,CAAAoH,IAAI;UAAC9B,KAAK,EAAEe,MAAM,CAAC9B,QAAS;UAAAU,QAAA,EAAE8B,MAAM,GAAG,GAAG,GAAG;QAAG,CAAO;MAAC,CAClD,CAAC;IAAA,CACM,CAAC,eAEnB,IAAA1G,WAAA,CAAAmG,GAAA,EAACvG,OAAA,CAAAoH,QAAQ;MAACC,EAAE,EAAEP,MAAO;MAAA9B,QAAA,eACnB,IAAA5E,WAAA,CAAAmG,GAAA,EAACzG,MAAA,CAAA2G,OAAO;QAACpB,KAAK,EAAEe,MAAM,CAAC7B,KAAM;QAAAS,QAAA,EAAEA;MAAQ,CAAU;IAAC,CAC1C,CAAC;EAAA,CACJ,CAAC;AAEd,CAAC,CAAC;AAEFL,SAAS,CAAC2C,WAAW,GAAG,WAAW;AACnCZ,aAAa,CAACY,WAAW,GAAG,gBAAgB;AAC5CX,gBAAgB,CAACW,WAAW,GAAG,mBAAmB;AAClDV,cAAc,CAACU,WAAW,GAAG,iBAAiB;AAC9CT,mBAAmB,CAACS,WAAW,GAAG,sBAAsB;;AAExD;AACC3C,SAAS,CAAS4C,IAAI,GAAGV,mBAAmB;AAC5ClC,SAAS,CAAS6C,OAAO,GAAGb,gBAAgB;AAC5ChC,SAAS,CAAS8C,KAAK,GAAGb,cAAc","ignoreList":[]}

package/lib/commonjs/components/ActionIcon/ActionIcon.js

@@ -10,32 +10,29 @@ var _createStyles = require("../../theme/create-styles.js");
 var _index = require("../BoxView/index.js");
 var _index2 = require("../../theme/index.js");
 var _jsxRuntime = require("react/jsx-runtime");
-const ActionIcon = ({
+const ActionIcon = exports.ActionIcon = /*#__PURE__*/(0, _react.forwardRef)(({
   onPress = () => {},
   children,
-  icon,
-  minWidth = 100,
+  variant = 'default',
   style,
   size = 'md'
-}) => {
+}, ref) => {
   const {
     styles
   } = useStyles({
-    minWidth,
-    size
+    size,
+    variant
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+    ref: ref,
     onPress: typeof onPress === 'function' ? onPress : () => {},
-    style: [style, styles.container],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
-        style: styles.containerButton,
-        children: icon
-      }), /*#__PURE__*/(0, _react.isValidElement)(children) ? children : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {})]
+    style: [styles.container, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      style: styles.iconWrapper,
+      children: children
     })
   });
-};
-exports.ActionIcon = ActionIcon;
+});
 const sizes = exports.sizes = {
   xs: 18,
   sm: 22,
@@ -44,27 +41,25 @@ const sizes = exports.sizes = {
   xl: 44
 };
 const useStyles = (0, _createStyles.createStyles)((theme, {
-  minWidth = 100,
-  size = 40
+  size = 'md',
+  variant = 'default'
 }) => {
+  const sizeValue = typeof size === 'number' ? size : (0, _index2.getSize)({
+    size,
+    sizes
+  });
   return {
     container: {
       alignItems: 'center',
-      minWidth: minWidth
+      justifyContent: 'center'
     },
-    containerButton: {
-      backgroundColor: theme.currentMode === 'dark' ? theme.primaryBgColor : theme.secondaryBgColor,
-      borderRadius: 50,
+    iconWrapper: {
+      backgroundColor: variant === 'transparent' ? 'transparent' : theme.currentMode === 'dark' ? theme.primaryBgColor : theme.secondaryBgColor,
+      borderRadius: sizeValue / 2,
       alignItems: 'center',
       justifyContent: 'center',
-      height: (0, _index2.getSize)({
-        size: size,
-        sizes
-      }),
-      width: (0, _index2.getSize)({
-        size: size,
-        sizes
-      })
+      height: sizeValue,
+      width: sizeValue
     }
   };
 });

package/lib/commonjs/components/ActionIcon/ActionIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_createStyles","_index","_index2","_jsxRuntime","ActionIcon","onPress","children","icon","minWidth","style","size","styles","useStyles","jsx","TouchableOpacity","container","jsxs","Fragment","BoxView","containerButton","isValidElement","exports","sizes","xs","sm","md","lg","xl","createStyles","theme","alignItems","backgroundColor","currentMode","primaryBgColor","secondaryBgColor","borderRadius","justifyContent","height","getSize","width"],"sourceRoot":"../../../../src","sources":["components/ActionIcon/ActionIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAsC,IAAAK,WAAA,GAAAL,OAAA;AAW/B,MAAMM,UAAU,GAAGA,CAAC;EACzBC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;EAClBC,QAAQ;EACRC,IAAI;EACJC,QAAQ,GAAG,GAAG;EACdC,KAAK;EACLC,IAAI,GAAG;AACQ,CAAC,KAAyB;EACzC,MAAM;IAAEC;EAAO,CAAC,GAAGC,SAAS,CAAC;IAAEJ,QAAQ;IAAEE;EAAK,CAAC,CAAC;EAChD,oBACE,IAAAP,WAAA,CAAAU,GAAA,EAACd,YAAA,CAAAe,gBAAgB;IACfT,OAAO,EAAE,OAAOA,OAAO,KAAK,UAAU,GAAGA,OAAO,GAAG,MAAM,CAAC,CAAE;IAC5DI,KAAK,EAAE,CAACA,KAAK,EAAEE,MAAM,CAACI,SAAS,CAAE;IAAAT,QAAA,eAEjC,IAAAH,WAAA,CAAAa,IAAA,EAAAb,WAAA,CAAAc,QAAA;MAAAX,QAAA,gBACE,IAAAH,WAAA,CAAAU,GAAA,EAACZ,MAAA,CAAAiB,OAAO;QAACT,KAAK,EAAEE,MAAM,CAACQ,eAAgB;QAAAb,QAAA,EAAEC;MAAI,CAAU,CAAC,EACvD,iBAAAa,qBAAc,EAACd,QAAQ,CAAC,GAAGA,QAAQ,gBAAG,IAAAH,WAAA,CAAAU,GAAA,EAAAV,WAAA,CAAAc,QAAA,IAAI,CAAC;IAAA,CAC5C;EAAC,CACa,CAAC;AAEvB,CAAC;AAACI,OAAA,CAAAjB,UAAA,GAAAA,UAAA;AAEK,MAAMkB,KAAK,GAAAD,OAAA,CAAAC,KAAA,GAAG;EACnBC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,MAAMf,SAAS,GAAG,IAAAgB,0BAAY,EAAC,CAACC,KAAK,EAAE;EAAErB,QAAQ,GAAG,GAAG;EAAEE,IAAI,GAAG;AAAG,CAAC,KAAK;EACvE,OAAO;IACLK,SAAS,EAAE;MACTe,UAAU,EAAE,QAAQ;MACpBtB,QAAQ,EAAEA;IACZ,CAAC;IACDW,eAAe,EAAE;MACfY,eAAe,EACbF,KAAK,CAACG,WAAW,KAAK,MAAM,GACxBH,KAAK,CAACI,cAAc,GACpBJ,KAAK,CAACK,gBAAgB;MAC5BC,YAAY,EAAE,EAAE;MAChBL,UAAU,EAAE,QAAQ;MACpBM,cAAc,EAAE,QAAQ;MACxBC,MAAM,EAAE,IAAAC,eAAO,EAAC;QAAE5B,IAAI,EAAEA,IAAI;QAAEY;MAAM,CAAC,CAAC;MACtCiB,KAAK,EAAE,IAAAD,eAAO,EAAC;QAAE5B,IAAI,EAAEA,IAAI;QAAEY;MAAM,CAAC;IACtC;EACF,CAAC;AACH,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_createStyles","_index","_index2","_jsxRuntime","ActionIcon","exports","forwardRef","onPress","children","variant","style","size","ref","styles","useStyles","jsx","TouchableOpacity","container","BoxView","iconWrapper","sizes","xs","sm","md","lg","xl","createStyles","theme","sizeValue","getSize","alignItems","justifyContent","backgroundColor","currentMode","primaryBgColor","secondaryBgColor","borderRadius","height","width"],"sourceRoot":"../../../../src","sources":["components/ActionIcon/ActionIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAsC,IAAAK,WAAA,GAAAL,OAAA;AAW/B,MAAMM,UAAU,GAAAC,OAAA,CAAAD,UAAA,gBAAG,IAAAE,iBAAU,EAClC,CACE;EACEC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;EAClBC,QAAQ;EACRC,OAAO,GAAG,SAAS;EACnBC,KAAK;EACLC,IAAI,GAAG;AACT,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IAAEC;EAAO,CAAC,GAAGC,SAAS,CAAC;IAAEH,IAAI;IAAEF;EAAQ,CAAC,CAAC;EAC/C,oBACE,IAAAN,WAAA,CAAAY,GAAA,EAAChB,YAAA,CAAAiB,gBAAgB;IACfJ,GAAG,EAAEA,GAAI;IACTL,OAAO,EAAE,OAAOA,OAAO,KAAK,UAAU,GAAGA,OAAO,GAAG,MAAM,CAAC,CAAE;IAC5DG,KAAK,EAAE,CAACG,MAAM,CAACI,SAAS,EAAEP,KAAK,CAAE;IAAAF,QAAA,eAEjC,IAAAL,WAAA,CAAAY,GAAA,EAACd,MAAA,CAAAiB,OAAO;MAACR,KAAK,EAAEG,MAAM,CAACM,WAAY;MAAAX,QAAA,EAAEA;IAAQ,CAAU;EAAC,CACxC,CAAC;AAEvB,CACF,CAAC;AAEM,MAAMY,KAAK,GAAAf,OAAA,CAAAe,KAAA,GAAG;EACnBC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,MAAMX,SAAS,GAAG,IAAAY,0BAAY,EAC5B,CACEC,KAAK,EACL;EACEhB,IAAI,GAAG,IAAI;EACXF,OAAO,GAAG;AAIZ,CAAC,KACE;EACH,MAAMmB,SAAS,GAAG,OAAOjB,IAAI,KAAK,QAAQ,GAAGA,IAAI,GAAG,IAAAkB,eAAO,EAAC;IAAElB,IAAI;IAAES;EAAM,CAAC,CAAC;EAE5E,OAAO;IACLH,SAAS,EAAE;MACTa,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDZ,WAAW,EAAE;MACXa,eAAe,EACbvB,OAAO,KAAK,aAAa,GACrB,aAAa,GACbkB,KAAK,CAACM,WAAW,KAAK,MAAM,GAC1BN,KAAK,CAACO,cAAc,GACpBP,KAAK,CAACQ,gBAAgB;MAC9BC,YAAY,EAAER,SAAS,GAAG,CAAC;MAC3BE,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBM,MAAM,EAAET,SAAS;MACjBU,KAAK,EAAEV;IACT;EACF,CAAC;AACH,CACF,CAAC","ignoreList":[]}

package/lib/commonjs/components/Anchor/index.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Anchor = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../Text/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _index2 = require("../../theme/index.js");
+var _rem = require("../../theme/utils/rem.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const sizes = {
+  xs: (0, _rem.rem)(12),
+  sm: (0, _rem.rem)(14),
+  md: (0, _rem.rem)(16),
+  lg: (0, _rem.rem)(18),
+  xl: (0, _rem.rem)(20)
+};
+const useStyles = (0, _index2.createStyles)((theme, {
+  color,
+  size,
+  weight,
+  underline
+}, {
+  variant
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  const fontSize = sizes[size] || sizes.md;
+  const getVariantStyles = () => {
+    switch (variant) {
+      case 'link':
+        return {
+          color: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+          textDecorationLine: underline ? 'underline' : 'none'
+        };
+      case 'text':
+        return {
+          color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[0] || theme.white : theme.black,
+          textDecorationLine: 'none'
+        };
+      default:
+        return {
+          color: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+          textDecorationLine: underline ? 'underline' : 'none'
+        };
+    }
+  };
+  return {
+    root: {
+      fontSize,
+      fontWeight: weight || '400',
+      ...getVariantStyles()
+    }
+  };
+});
+const defaultProps = {
+  color: 'blue',
+  size: 'md',
+  weight: '400',
+  underline: true,
+  variant: 'link'
+};
+const Anchor = exports.Anchor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    color,
+    size,
+    weight,
+    underline,
+    variant,
+    href,
+    onPress,
+    children,
+    style,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('Anchor', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    color,
+    size,
+    weight,
+    underline
+  }, {
+    name: 'Anchor',
+    variant
+  });
+  const handlePress = () => {
+    if (onPress) {
+      onPress();
+    } else if (href) {
+      _reactNative.Linking.openURL(href).catch(err => console.error('Failed to open URL:', err));
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+    ref: ref,
+    style: sx(styles.root, style),
+    onPress: handlePress,
+    ...others,
+    children: children
+  });
+});
+Anchor.displayName = 'Anchor';
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Anchor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_themeProvider","_index2","_rem","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","sizes","xs","rem","sm","md","lg","xl","useStyles","createStyles","theme","color","size","weight","underline","variant","colors","primaryColor","fontSize","getVariantStyles","primaryBgColor","textDecorationLine","colorScheme","dark","white","black","root","fontWeight","defaultProps","Anchor","exports","forwardRef","props","ref","href","onPress","children","style","others","useComponentDefaultProps","styles","sx","name","handlePress","Linking","openURL","catch","err","console","error","jsx","Text","displayName"],"sourceRoot":"../../../../src","sources":["components/Anchor/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/AspectRatio/index.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AspectRatio = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../BoxView/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _index2 = require("../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const useStyles = (0, _index2.createStyles)(() => ({
+  root: {
+    position: 'relative',
+    width: '100%'
+  },
+  content: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    overflow: 'hidden'
+  }
+}));
+const defaultProps = {
+  ratio: 1
+};
+const AspectRatio = exports.AspectRatio = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    ratio,
+    children,
+    style,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('AspectRatio', defaultProps, props);
+  const [width, setWidth] = (0, _react.useState)(0);
+  const {
+    styles,
+    sx
+  } = useStyles({}, {
+    name: 'AspectRatio'
+  });
+  const handleLayout = event => {
+    const {
+      width: layoutWidth
+    } = event.nativeEvent.layout;
+    setWidth(layoutWidth);
+  };
+  const height = width / ratio;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+    ref: ref,
+    style: sx(styles.root, {
+      height
+    }, style),
+    onLayout: handleLayout,
+    ...others,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      style: styles.content,
+      children: children
+    })
+  });
+});
+AspectRatio.displayName = 'AspectRatio';
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/AspectRatio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_themeProvider","_index2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","root","position","width","content","top","left","right","bottom","overflow","defaultProps","ratio","AspectRatio","exports","forwardRef","props","ref","children","style","others","useComponentDefaultProps","setWidth","useState","styles","sx","name","handleLayout","event","layoutWidth","nativeEvent","layout","height","jsx","BoxView","onLayout","displayName"],"sourceRoot":"../../../../src","sources":["components/AspectRatio/index.tsx"],"mappings":"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","ignoreList":[]}