react-native-mantine 0.1.15 → 0.3.0

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

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Image = 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 _themeProvider = require("../../theme/theme-provider.js");
+var _index3 = 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, _index3.createStyles)((theme, {
+  width,
+  height,
+  radius,
+  fit
+}) => ({
+  root: {
+    position: 'relative',
+    width: width || 300,
+    height: height || 200,
+    borderRadius: theme.fn.radius(radius),
+    overflow: 'hidden',
+    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[6] : theme.colors.gray?.[1]
+  },
+  image: {
+    width: '100%',
+    height: '100%',
+    resizeMode: fit === 'scale-down' ? 'contain' : fit,
+    borderRadius: theme.fn.radius(radius)
+  },
+  placeholder: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[6] : theme.colors.gray?.[1]
+  },
+  errorContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[7] : theme.colors.gray?.[0]
+  },
+  errorText: {
+    color: theme.colorScheme === 'dark' ? theme.colors.dark?.[2] : theme.colors.gray?.[6],
+    fontSize: 14,
+    textAlign: 'center',
+    paddingHorizontal: 16
+  }
+}));
+const defaultProps = {
+  fit: 'cover',
+  radius: 0,
+  errorMessage: 'Failed to load image'
+};
+const Image = exports.Image = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    source,
+    width,
+    height,
+    fit,
+    radius,
+    placeholder,
+    errorMessage,
+    errorPlaceholder,
+    alt,
+    style,
+    onLoad,
+    onError
+  } = (0, _themeProvider.useComponentDefaultProps)('Image', defaultProps, props);
+  const [loading, setLoading] = (0, _react.useState)(true);
+  const [error, setError] = (0, _react.useState)(false);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    width,
+    height,
+    radius,
+    fit
+  }, {
+    name: 'Image'
+  });
+  const handleLoad = () => {
+    setLoading(false);
+    setError(false);
+    onLoad?.();
+  };
+  const handleError = event => {
+    setLoading(false);
+    setError(true);
+    onError?.(event);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      source: source,
+      style: styles.image,
+      onLoad: handleLoad,
+      onError: handleError,
+      ...(alt ? {
+        accessible: true,
+        accessibilityLabel: alt
+      } : {})
+    }), loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      style: styles.placeholder,
+      children: placeholder || /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        size: "large"
+      })
+    }), error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      style: styles.errorContainer,
+      children: errorPlaceholder || /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        style: styles.errorText,
+        children: errorMessage
+      })
+    })]
+  });
+});
+Image.displayName = 'Image';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_themeProvider","_index3","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","width","height","radius","fit","root","position","borderRadius","fn","overflow","backgroundColor","colorScheme","colors","dark","gray","image","resizeMode","placeholder","top","left","right","bottom","justifyContent","alignItems","errorContainer","errorText","color","fontSize","textAlign","paddingHorizontal","defaultProps","errorMessage","Image","exports","forwardRef","props","ref","source","errorPlaceholder","alt","style","onLoad","onError","useComponentDefaultProps","loading","setLoading","useState","error","setError","styles","sx","name","handleLoad","handleError","event","jsxs","BoxView","children","jsx","accessible","accessibilityLabel","ActivityIndicator","size","Text","displayName"],"sourceRoot":"../../../../src","sources":["components/Image/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,198 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Indicator = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../BoxView/index.js");
+var _index2 = require("../Text/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _index3 = 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)(6),
+  sm: (0, _rem.rem)(8),
+  md: (0, _rem.rem)(10),
+  lg: (0, _rem.rem)(12),
+  xl: (0, _rem.rem)(16)
+};
+const useStyles = (0, _index3.createStyles)((theme, {
+  color,
+  size,
+  radius,
+  withBorder,
+  position,
+  offset,
+  disabled,
+  inline
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  const indicatorSize = typeof size === 'number' ? (0, _rem.rem)(size) : sizes[size] || sizes.md;
+  const getPositionStyles = () => {
+    const offsetValue = offset || 0;
+    switch (position) {
+      case 'top-start':
+        return {
+          top: offsetValue,
+          left: offsetValue
+        };
+      case 'top-end':
+        return {
+          top: offsetValue,
+          right: offsetValue
+        };
+      case 'bottom-start':
+        return {
+          bottom: offsetValue,
+          left: offsetValue
+        };
+      case 'bottom-end':
+        return {
+          bottom: offsetValue,
+          right: offsetValue
+        };
+      case 'top-center':
+        return {
+          top: offsetValue,
+          left: '50%',
+          transform: [{
+            translateX: -(typeof indicatorSize === 'number' ? indicatorSize : 10) / 2
+          }]
+        };
+      case 'bottom-center':
+        return {
+          bottom: offsetValue,
+          left: '50%',
+          transform: [{
+            translateX: -(typeof indicatorSize === 'number' ? indicatorSize : 10) / 2
+          }]
+        };
+      case 'middle-start':
+        return {
+          top: '50%',
+          left: offsetValue,
+          transform: [{
+            translateY: -(typeof indicatorSize === 'number' ? indicatorSize : 10) / 2
+          }]
+        };
+      case 'middle-end':
+        return {
+          top: '50%',
+          right: offsetValue,
+          transform: [{
+            translateY: -(typeof indicatorSize === 'number' ? indicatorSize : 10) / 2
+          }]
+        };
+      case 'middle-center':
+        return {
+          top: '50%',
+          left: '50%',
+          transform: [{
+            translateX: -(typeof indicatorSize === 'number' ? indicatorSize : 10) / 2
+          }, {
+            translateY: -(typeof indicatorSize === 'number' ? indicatorSize : 10) / 2
+          }]
+        };
+      default:
+        return {
+          top: offsetValue,
+          right: offsetValue
+        };
+    }
+  };
+  return {
+    root: {
+      position: 'relative',
+      display: 'flex'
+    },
+    indicator: {
+      ...(!inline && {
+        position: 'absolute',
+        zIndex: 1,
+        ...getPositionStyles()
+      }),
+      width: indicatorSize,
+      height: indicatorSize,
+      borderRadius: theme.fn.radius(radius),
+      backgroundColor: disabled ? theme.colors.gray?.[5] || theme.colors.gray?.[6] : colors?.[6] || colors?.[5] || theme.primaryBgColor,
+      ...(withBorder && {
+        borderWidth: 2,
+        borderColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[7] : theme.white
+      }),
+      alignItems: 'center',
+      justifyContent: 'center',
+      opacity: disabled ? 0.5 : 1
+    },
+    label: {
+      fontSize: (0, _rem.rem)(10),
+      fontWeight: '700',
+      color: theme.white
+    }
+  };
+});
+const defaultProps = {
+  color: 'red',
+  size: 'md',
+  radius: 'xl',
+  withBorder: false,
+  position: 'top-end',
+  offset: 0,
+  disabled: false,
+  inline: false,
+  processing: false,
+  withPulse: false
+};
+const Indicator = exports.Indicator = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    color,
+    size,
+    radius,
+    withBorder,
+    position,
+    offset,
+    label,
+    disabled,
+    inline,
+    processing,
+    withPulse,
+    children,
+    style,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('Indicator', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    color,
+    size,
+    radius,
+    withBorder,
+    position,
+    offset,
+    disabled,
+    inline
+  }, {
+    name: 'Indicator'
+  });
+  const indicator = /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+    style: styles.indicator,
+    children: label && typeof label === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+      style: styles.label,
+      children: label
+    }) : label
+  });
+  if (inline) {
+    return indicator;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: [indicator, children]
+  });
+});
+Indicator.displayName = 'Indicator';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_index2","_themeProvider","_index3","_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","radius","withBorder","position","offset","disabled","inline","colors","primaryColor","indicatorSize","getPositionStyles","offsetValue","top","left","right","bottom","transform","translateX","translateY","root","display","indicator","zIndex","width","height","borderRadius","fn","backgroundColor","gray","primaryBgColor","borderWidth","borderColor","colorScheme","dark","white","alignItems","justifyContent","opacity","label","fontSize","fontWeight","defaultProps","processing","withPulse","Indicator","exports","forwardRef","props","ref","children","style","others","useComponentDefaultProps","styles","sx","name","jsx","BoxView","Text","jsxs","displayName"],"sourceRoot":"../../../../src","sources":["components/Indicator/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Kbd = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../BoxView/index.js");
+var _index2 = require("../Text/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _index3 = 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: {
+    fontSize: (0, _rem.rem)(10),
+    padding: (0, _rem.rem)(2),
+    minWidth: (0, _rem.rem)(16)
+  },
+  sm: {
+    fontSize: (0, _rem.rem)(11),
+    padding: (0, _rem.rem)(3),
+    minWidth: (0, _rem.rem)(18)
+  },
+  md: {
+    fontSize: (0, _rem.rem)(12),
+    padding: (0, _rem.rem)(4),
+    minWidth: (0, _rem.rem)(20)
+  },
+  lg: {
+    fontSize: (0, _rem.rem)(14),
+    padding: (0, _rem.rem)(5),
+    minWidth: (0, _rem.rem)(24)
+  },
+  xl: {
+    fontSize: (0, _rem.rem)(16),
+    padding: (0, _rem.rem)(6),
+    minWidth: (0, _rem.rem)(28)
+  }
+};
+const useStyles = (0, _index3.createStyles)((theme, _params, {
+  size
+}) => {
+  const sizeStyles = sizes[size] || sizes.md;
+  return {
+    root: {
+      backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[5] : (theme.colors.gray || [])[0],
+      borderWidth: 1,
+      borderBottomWidth: 2,
+      borderColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[3],
+      borderRadius: theme.radius.sm,
+      paddingHorizontal: theme.spacing.xs,
+      paddingVertical: (0, _rem.rem)(2),
+      minWidth: sizeStyles.minWidth,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    label: {
+      fontSize: sizeStyles.fontSize,
+      fontWeight: '700',
+      fontFamily: theme.fontFamilyMonospace,
+      color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[0] : (theme.colors.gray || [])[7]
+    }
+  };
+});
+const defaultProps = {
+  size: 'md'
+};
+const Kbd = exports.Kbd = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    size,
+    children,
+    style,
+    ...otherProps
+  } = (0, _themeProvider.useComponentDefaultProps)('Kbd', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({}, {
+    name: 'Kbd',
+    size
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...otherProps,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+      style: styles.label,
+      children: children
+    })
+  });
+});
+Kbd.displayName = 'Kbd';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_index2","_themeProvider","_index3","_rem","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","sizes","xs","fontSize","rem","padding","minWidth","sm","md","lg","xl","useStyles","createStyles","theme","_params","size","sizeStyles","root","backgroundColor","colorScheme","colors","dark","gray","borderWidth","borderBottomWidth","borderColor","borderRadius","radius","paddingHorizontal","spacing","paddingVertical","alignItems","justifyContent","label","fontWeight","fontFamily","fontFamilyMonospace","color","defaultProps","Kbd","exports","forwardRef","props","ref","children","style","otherProps","useComponentDefaultProps","styles","sx","name","jsx","BoxView","Text","displayName"],"sourceRoot":"../../../../src","sources":["components/Kbd/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,IAAA,GAAAL,OAAA;AAA4C,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,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;AAa5C,MAAMkB,KAAK,GAAG;EACZC,EAAE,EAAE;IAAEC,QAAQ,EAAE,IAAAC,QAAG,EAAC,EAAE,CAAC;IAAEC,OAAO,EAAE,IAAAD,QAAG,EAAC,CAAC,CAAC;IAAEE,QAAQ,EAAE,IAAAF,QAAG,EAAC,EAAE;EAAE,CAAC;EAC7DG,EAAE,EAAE;IAAEJ,QAAQ,EAAE,IAAAC,QAAG,EAAC,EAAE,CAAC;IAAEC,OAAO,EAAE,IAAAD,QAAG,EAAC,CAAC,CAAC;IAAEE,QAAQ,EAAE,IAAAF,QAAG,EAAC,EAAE;EAAE,CAAC;EAC7DI,EAAE,EAAE;IAAEL,QAAQ,EAAE,IAAAC,QAAG,EAAC,EAAE,CAAC;IAAEC,OAAO,EAAE,IAAAD,QAAG,EAAC,CAAC,CAAC;IAAEE,QAAQ,EAAE,IAAAF,QAAG,EAAC,EAAE;EAAE,CAAC;EAC7DK,EAAE,EAAE;IAAEN,QAAQ,EAAE,IAAAC,QAAG,EAAC,EAAE,CAAC;IAAEC,OAAO,EAAE,IAAAD,QAAG,EAAC,CAAC,CAAC;IAAEE,QAAQ,EAAE,IAAAF,QAAG,EAAC,EAAE;EAAE,CAAC;EAC7DM,EAAE,EAAE;IAAEP,QAAQ,EAAE,IAAAC,QAAG,EAAC,EAAE,CAAC;IAAEC,OAAO,EAAE,IAAAD,QAAG,EAAC,CAAC,CAAC;IAAEE,QAAQ,EAAE,IAAAF,QAAG,EAAC,EAAE;EAAE;AAC9D,CAAC;AAED,MAAMO,SAAS,GAAG,IAAAC,oBAAY,EAC5B,CAACC,KAAK,EAAEC,OAAO,EAAE;EAAEC;AAAK,CAAC,KAAK;EAC5B,MAAMC,UAAU,GAAGf,KAAK,CAACc,IAAI,CAAuB,IAAId,KAAK,CAACO,EAAE;EAEhE,OAAO;IACLS,IAAI,EAAE;MACJC,eAAe,EACbL,KAAK,CAACM,WAAW,KAAK,MAAM,GACxB,CAACN,KAAK,CAACO,MAAM,CAACC,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC,GAC5B,CAACR,KAAK,CAACO,MAAM,CAACE,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC;MAClCC,WAAW,EAAE,CAAC;MACdC,iBAAiB,EAAE,CAAC;MACpBC,WAAW,EACTZ,KAAK,CAACM,WAAW,KAAK,MAAM,GACxB,CAACN,KAAK,CAACO,MAAM,CAACC,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC,GAC5B,CAACR,KAAK,CAACO,MAAM,CAACE,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC;MAClCI,YAAY,EAAEb,KAAK,CAACc,MAAM,CAACpB,EAAE;MAC7BqB,iBAAiB,EAAEf,KAAK,CAACgB,OAAO,CAAC3B,EAAE;MACnC4B,eAAe,EAAE,IAAA1B,QAAG,EAAC,CAAC,CAAe;MACrCE,QAAQ,EAAEU,UAAU,CAACV,QAAe;MACpCyB,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDC,KAAK,EAAE;MACL9B,QAAQ,EAAEa,UAAU,CAACb,QAAe;MACpC+B,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAEtB,KAAK,CAACuB,mBAAmB;MACrCC,KAAK,EACHxB,KAAK,CAACM,WAAW,KAAK,MAAM,GACxB,CAACN,KAAK,CAACO,MAAM,CAACC,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC,GAC5B,CAACR,KAAK,CAACO,MAAM,CAACE,IAAI,IAAI,EAAE,EAAE,CAAC;IACnC;EACF,CAAC;AACH,CACF,CAAC;AAED,MAAMgB,YAA+B,GAAG;EACtCvB,IAAI,EAAE;AACR,CAAC;AAEM,MAAMwB,GAAG,GAAAC,OAAA,CAAAD,GAAA,gBAAG,IAAAE,iBAAU,EAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC3D,MAAM;IAAE5B,IAAI;IAAE6B,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAG,IAAAC,uCAAwB,EACtE,KAAK,EACLT,YAAY,EACZI,KACF,CAAC;EAED,MAAM;IAAEM,MAAM;IAAEC;EAAG,CAAC,GAAGtC,SAAS,CAAC,CAAC,CAAC,EAAE;IAAEuC,IAAI,EAAE,KAAK;IAAEnC;EAAI,CAAC,CAAQ;EAEjE,oBACE,IAAAlC,WAAA,CAAAsE,GAAA,EAAC3E,MAAA,CAAA4E,OAAO;IAACT,GAAG,EAAEA,GAAI;IAACE,KAAK,EAAEI,EAAE,CAACD,MAAM,CAAC/B,IAAI,EAAE4B,KAAK,CAAE;IAAA,GAAKC,UAAU;IAAAF,QAAA,eAC9D,IAAA/D,WAAA,CAAAsE,GAAA,EAAC1E,OAAA,CAAA4E,IAAI;MAACR,KAAK,EAAEG,MAAM,CAACf,KAAM;MAAAW,QAAA,EAAEA;IAAQ,CAAO;EAAC,CACrC,CAAC;AAEd,CAAC,CAAC;AAEFL,GAAG,CAACe,WAAW,GAAG,KAAK","ignoreList":[]}

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

@@ -0,0 +1,216 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListItem = exports.List = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../BoxView/index.js");
+var _index2 = require("../Text/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _index3 = 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 ListContext = /*#__PURE__*/(0, _react.createContext)(null);
+const useListContext = () => {
+  const context = (0, _react.useContext)(ListContext);
+  if (!context) {
+    throw new Error('List components must be used within List');
+  }
+  return context;
+};
+const fontSizes = {
+  xs: (0, _rem.rem)(10),
+  sm: (0, _rem.rem)(12),
+  md: (0, _rem.rem)(14),
+  lg: (0, _rem.rem)(16),
+  xl: (0, _rem.rem)(18)
+};
+const useListStyles = (0, _index3.createStyles)((theme, {
+  withPadding,
+  spacing
+}) => {
+  const getSpacing = () => {
+    if (typeof spacing === 'number') return (0, _rem.rem)(spacing);
+    return theme.spacing[spacing] || theme.spacing.md;
+  };
+  return {
+    root: {
+      ...(withPadding && {
+        paddingLeft: theme.spacing.md
+      })
+    },
+    item: {
+      marginBottom: getSpacing()
+    }
+  };
+});
+const useListItemStyles = (0, _index3.createStyles)((theme, {
+  size,
+  center
+}) => ({
+  item: {
+    flexDirection: 'row',
+    alignItems: center ? 'center' : 'flex-start'
+  },
+  icon: {
+    marginRight: theme.spacing.xs,
+    marginTop: center ? 0 : (0, _rem.rem)(2)
+  },
+  iconText: {
+    fontSize: fontSizes[size],
+    color: theme.colorScheme === 'dark' ? theme.colors.dark?.[2] : theme.colors.gray?.[6],
+    fontWeight: '600',
+    minWidth: (0, _rem.rem)(20)
+  },
+  content: {
+    flex: 1
+  },
+  contentText: {
+    fontSize: fontSizes[size],
+    color: theme.colorScheme === 'dark' ? theme.white : theme.black,
+    lineHeight: fontSizes[size] * 1.5
+  }
+}));
+const defaultProps = {
+  type: 'unordered',
+  size: 'md',
+  spacing: 'xs',
+  center: false,
+  withPadding: false,
+  listStyleType: 'decimal',
+  startIndex: 1
+};
+const defaultItemProps = {};
+const getListMarker = (type, index, listStyleType, startIndex) => {
+  if (type === 'unordered') {
+    return '•';
+  }
+  const actualIndex = index + startIndex;
+  switch (listStyleType) {
+    case 'decimal':
+      return `${actualIndex}.`;
+    case 'lower-alpha':
+      return `${String.fromCharCode(96 + actualIndex)}.`;
+    case 'upper-alpha':
+      return `${String.fromCharCode(64 + actualIndex)}.`;
+    case 'lower-roman':
+      {
+        const romanNumerals = ['i', 'ii', 'iii', 'iv', 'v', 'vi', 'vii', 'viii', 'ix', 'x'];
+        return `${romanNumerals[actualIndex - 1] || actualIndex}.`;
+      }
+    case 'upper-roman':
+      {
+        const romanNumerals = ['I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX', 'X'];
+        return `${romanNumerals[actualIndex - 1] || actualIndex}.`;
+      }
+    default:
+      return `${actualIndex}.`;
+  }
+};
+const ListRoot = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    type,
+    size,
+    spacing,
+    center,
+    icon,
+    withPadding,
+    listStyleType,
+    startIndex,
+    children,
+    style,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('List', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useListStyles({
+    withPadding,
+    spacing
+  }, {
+    name: 'List'
+  });
+  const childrenArray = _react.default.Children.toArray(children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListContext.Provider, {
+    value: {
+      type: type || 'unordered',
+      size: size || 'md',
+      spacing: spacing || 'md',
+      center: center || false,
+      icon,
+      withPadding: withPadding || false,
+      listStyleType: listStyleType || 'disc',
+      startIndex: startIndex || 1
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      ref: ref,
+      style: sx(styles.root, style),
+      ...others,
+      children: childrenArray.map((child, index) => {
+        if (! /*#__PURE__*/_react.default.isValidElement(child)) return child;
+        return /*#__PURE__*/_react.default.cloneElement(child, {
+          key: index,
+          __index: index
+        });
+      })
+    })
+  });
+});
+const ListItem = exports.ListItem = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    icon: itemIcon,
+    style,
+    __index,
+    ...others
+  } = {
+    ...defaultItemProps,
+    ...props
+  };
+  const context = useListContext();
+  const {
+    styles,
+    sx
+  } = useListItemStyles({
+    size: context.size,
+    center: context.center
+  }, {
+    name: 'ListItem'
+  });
+  const index = __index ?? 0;
+  const renderIcon = () => {
+    if (itemIcon) return itemIcon;
+    if (context.icon) return context.icon;
+    const marker = getListMarker(context.type, index, context.listStyleType, context.startIndex);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+      style: styles.iconText,
+      children: marker
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.BoxView, {
+    ref: ref,
+    style: sx(styles.item, style),
+    ...others,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      style: styles.icon,
+      children: renderIcon()
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      style: styles.content,
+      children: typeof children === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        style: styles.contentText,
+        children: children
+      }) : children
+    })]
+  });
+});
+ListRoot.displayName = 'List';
+ListItem.displayName = 'List.Item';
+
+// Create a properly typed List component with Item subcomponent
+
+// Attach sub-components and export with proper typing
+const List = exports.List = ListRoot;
+List.Item = ListItem;
+//# sourceMappingURL=index.js.map