react-native-mantine 0.1.15 → 0.3.0

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

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ThemeIcon = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _expoLinearGradient = require("expo-linear-gradient");
+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 sizes = {
+  xs: 16,
+  sm: 20,
+  md: 26,
+  lg: 32,
+  xl: 40
+};
+const useStyles = (0, _index2.createStyles)((theme, {
+  color,
+  size,
+  radius,
+  variant
+}) => {
+  const iconSize = typeof size === 'number' ? size : (0, _index2.getSize)({
+    size,
+    sizes
+  });
+  const themeColor = theme?.colors && color in theme.colors ? color : theme.primaryColor;
+  const shade = theme.primaryShade;
+  const getVariantStyles = () => {
+    switch (variant) {
+      case 'filled':
+        return {
+          backgroundColor: theme.colors[themeColor]?.[shade] || theme.colors[themeColor]?.[6]
+        };
+      case 'light':
+        return {
+          backgroundColor: theme.colorScheme === 'dark' ? theme.colors[themeColor]?.[9] : theme.colors[themeColor]?.[0]
+        };
+      case 'outline':
+        return {
+          backgroundColor: 'transparent',
+          borderWidth: 1,
+          borderColor: theme.colors[themeColor]?.[shade] || theme.colors[themeColor]?.[6]
+        };
+      case 'gradient':
+        return {
+          backgroundColor: 'transparent'
+        };
+      default:
+        return {
+          backgroundColor: theme.colors[themeColor]?.[shade] || theme.colors[themeColor]?.[6]
+        };
+    }
+  };
+  return {
+    root: {
+      width: iconSize,
+      height: iconSize,
+      borderRadius: theme.fn.radius(radius),
+      justifyContent: 'center',
+      alignItems: 'center',
+      overflow: 'hidden',
+      ...getVariantStyles()
+    },
+    gradient: {
+      width: '100%',
+      height: '100%',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  };
+});
+const defaultProps = {
+  variant: 'filled',
+  size: 'md',
+  radius: 'sm',
+  color: 'blue',
+  gradient: {
+    from: 'blue',
+    to: 'cyan',
+    deg: 45
+  }
+};
+const ThemeIcon = exports.ThemeIcon = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    color,
+    variant,
+    gradient,
+    size,
+    radius,
+    children,
+    style,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('ThemeIcon', defaultProps, props);
+  const {
+    styles,
+    sx,
+    theme
+  } = useStyles({
+    color,
+    size,
+    radius,
+    variant
+  }, {
+    name: 'ThemeIcon'
+  });
+  const getGradientColors = () => {
+    const fromColor = gradient?.from && theme?.colors && gradient.from in theme.colors ? theme.colors[gradient.from][theme.primaryShade] : gradient?.from || theme.colors.blue?.[6] || '#228be6';
+    const toColor = gradient?.to && theme?.colors && gradient.to in theme.colors ? theme.colors[gradient.to][theme.primaryShade] : gradient?.to || theme.colors.cyan?.[6] || '#22b8cf';
+    return [fromColor, toColor];
+  };
+  if (variant === 'gradient') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      ref: ref,
+      style: sx(styles.root, style),
+      ...others,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_expoLinearGradient.LinearGradient, {
+        colors: getGradientColors(),
+        start: {
+          x: 0,
+          y: 0
+        },
+        end: {
+          x: 1,
+          y: 1
+        },
+        style: styles.gradient,
+        children: children
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: children
+  });
+});
+ThemeIcon.displayName = 'ThemeIcon';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_expoLinearGradient","_index","_themeProvider","_index2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","sizes","xs","sm","md","lg","xl","useStyles","createStyles","theme","color","size","radius","variant","iconSize","getSize","themeColor","colors","primaryColor","shade","primaryShade","getVariantStyles","backgroundColor","colorScheme","borderWidth","borderColor","root","width","height","borderRadius","fn","justifyContent","alignItems","overflow","gradient","defaultProps","from","to","deg","ThemeIcon","exports","forwardRef","props","ref","children","style","others","useComponentDefaultProps","styles","sx","name","getGradientColors","fromColor","blue","toColor","cyan","jsx","BoxView","LinearGradient","start","x","y","end","displayName"],"sourceRoot":"../../../../src","sources":["components/ThemeIcon/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,241 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimelineItem = exports.Timeline = 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 TimelineContext = /*#__PURE__*/(0, _react.createContext)(null);
+const useTimelineContext = () => {
+  const context = (0, _react.useContext)(TimelineContext);
+  if (!context) {
+    throw new Error('Timeline components must be used within Timeline');
+  }
+  return context;
+};
+const useTimelineStyles = (0, _index3.createStyles)((_theme, {
+  align
+}) => ({
+  root: {
+    flexDirection: 'column',
+    alignItems: align === 'left' ? 'flex-start' : 'flex-end'
+  }
+}));
+const useTimelineItemStyles = (0, _index3.createStyles)((theme, {
+  color,
+  radius,
+  lineWidth,
+  bulletSize,
+  align,
+  isActive,
+  lineVariant,
+  isLast
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  const getLineStyle = () => {
+    const baseStyle = {
+      borderLeftWidth: lineWidth,
+      borderLeftColor: isActive ? colors?.[6] || colors?.[5] || theme.primaryBgColor : theme.colorScheme === 'dark' ? theme.colors.dark?.[4] : theme.colors.gray?.[3]
+    };
+    if (lineVariant === 'dashed') {
+      return {
+        ...baseStyle,
+        borderStyle: 'dashed'
+      };
+    }
+    if (lineVariant === 'dotted') {
+      return {
+        ...baseStyle,
+        borderStyle: 'dotted'
+      };
+    }
+    return baseStyle;
+  };
+  return {
+    item: {
+      flexDirection: align === 'left' ? 'row' : 'row-reverse',
+      width: '100%'
+    },
+    itemBody: {
+      flex: 1,
+      paddingBottom: isLast ? 0 : theme.spacing.md,
+      ...(align === 'left' && {
+        paddingLeft: theme.spacing.md
+      }),
+      ...(align === 'right' && {
+        paddingRight: theme.spacing.md
+      })
+    },
+    bulletWrapper: {
+      position: 'relative',
+      width: bulletSize,
+      alignItems: 'center'
+    },
+    bullet: {
+      width: bulletSize,
+      height: bulletSize,
+      borderRadius: theme.fn.radius(radius),
+      backgroundColor: isActive ? colors?.[6] || colors?.[5] || theme.primaryBgColor : theme.colorScheme === 'dark' ? theme.colors.dark?.[5] : theme.colors.gray?.[2],
+      borderWidth: (0, _rem.rem)(2),
+      borderColor: isActive ? colors?.[6] || colors?.[5] || theme.primaryBgColor : theme.colorScheme === 'dark' ? theme.colors.dark?.[4] : theme.colors.gray?.[3],
+      justifyContent: 'center',
+      alignItems: 'center',
+      zIndex: 1
+    },
+    line: {
+      position: 'absolute',
+      top: bulletSize,
+      bottom: 0,
+      left: bulletSize / 2 - lineWidth / 2,
+      ...getLineStyle()
+    },
+    title: {
+      fontSize: theme.fontSizes.sm,
+      fontWeight: '600',
+      color: theme.colorScheme === 'dark' ? theme.white : theme.black,
+      marginBottom: (0, _rem.rem)(4)
+    },
+    content: {
+      fontSize: theme.fontSizes.sm,
+      color: theme.colorScheme === 'dark' ? theme.colors.dark?.[2] : theme.colors.gray?.[7]
+    }
+  };
+});
+const defaultProps = {
+  color: 'blue',
+  align: 'left',
+  lineWidth: 2,
+  bulletSize: 20,
+  radius: 'xl',
+  reverseActive: false,
+  active: -1
+};
+const defaultItemProps = {
+  lineVariant: 'solid'
+};
+const TimelineRoot = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    color,
+    align,
+    lineWidth,
+    bulletSize,
+    radius,
+    reverseActive,
+    active,
+    children,
+    style,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('Timeline', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useTimelineStyles({
+    align
+  }, {
+    name: 'Timeline'
+  });
+  const childrenArray = _react.default.Children.toArray(children);
+  const itemsCount = childrenArray.length;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineContext.Provider, {
+    value: {
+      color: color,
+      radius: radius || 'sm',
+      lineWidth: lineWidth,
+      bulletSize: bulletSize,
+      align: align,
+      reverseActive: reverseActive
+    },
+    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;
+        const isActive = reverseActive ? index >= itemsCount - (active + 1) : index <= active;
+        return /*#__PURE__*/_react.default.cloneElement(child, {
+          key: index,
+          __index: index,
+          __isLast: index === itemsCount - 1,
+          __isActive: isActive
+        });
+      })
+    })
+  });
+});
+const TimelineItem = exports.TimelineItem = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    title,
+    children,
+    bullet,
+    bulletSize: itemBulletSize,
+    color: itemColor,
+    lineVariant,
+    style,
+    __index,
+    __isLast,
+    __isActive,
+    ...others
+  } = {
+    ...defaultItemProps,
+    ...props
+  };
+  const context = useTimelineContext();
+  const bulletSize = itemBulletSize || context.bulletSize;
+  const color = itemColor || context.color;
+  const isActive = __isActive ?? false;
+  const isLast = __isLast ?? false;
+  const {
+    styles,
+    sx
+  } = useTimelineItemStyles({
+    color,
+    radius: context.radius,
+    lineWidth: context.lineWidth,
+    bulletSize,
+    align: context.align,
+    isActive,
+    lineVariant: lineVariant,
+    isLast
+  }, {
+    name: 'TimelineItem'
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.BoxView, {
+    ref: ref,
+    style: sx(styles.item, style),
+    ...others,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.BoxView, {
+      style: styles.bulletWrapper,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+        style: styles.bullet,
+        children: bullet
+      }), !isLast && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+        style: styles.line
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.BoxView, {
+      style: styles.itemBody,
+      children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        style: styles.title,
+        children: typeof title === 'string' ? title : title
+      }), children && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        style: styles.content,
+        children: typeof children === 'string' ? children : children
+      })]
+    })]
+  });
+});
+TimelineRoot.displayName = 'Timeline';
+TimelineItem.displayName = 'Timeline.Item';
+
+// Create a properly typed Timeline component with Item subcomponent
+
+// Attach sub-components and export with proper typing
+const Timeline = exports.Timeline = TimelineRoot;
+Timeline.Item = TimelineItem;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Timeline/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","TimelineContext","createContext","useTimelineContext","context","useContext","Error","useTimelineStyles","createStyles","_theme","align","root","flexDirection","alignItems","useTimelineItemStyles","theme","color","radius","lineWidth","bulletSize","isActive","lineVariant","isLast","colors","primaryColor","getLineStyle","baseStyle","borderLeftWidth","borderLeftColor","primaryBgColor","colorScheme","dark","gray","borderStyle","item","width","itemBody","flex","paddingBottom","spacing","md","paddingLeft","paddingRight","bulletWrapper","position","bullet","height","borderRadius","fn","backgroundColor","borderWidth","rem","borderColor","justifyContent","zIndex","line","top","bottom","left","title","fontSize","fontSizes","sm","fontWeight","white","black","marginBottom","content","defaultProps","reverseActive","active","defaultItemProps","TimelineRoot","forwardRef","props","ref","children","style","others","useComponentDefaultProps","styles","sx","name","childrenArray","React","Children","toArray","itemsCount","length","jsx","Provider","value","BoxView","map","child","index","isValidElement","cloneElement","key","__index","__isLast","__isActive","TimelineItem","exports","itemBulletSize","itemColor","jsxs","Text","displayName","Timeline","Item"],"sourceRoot":"../../../../src","sources":["components/Timeline/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Title = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../Text/index.js");
+var _themeProvider = require("../../theme/theme-provider.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); }
+/**
+ * Title component renders heading text with appropriate styling
+ * Maps order prop to h1-h6 heading styles from theme
+ */
+const Title = exports.Title = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    order = 1,
+    children,
+    style,
+    ...others
+  } = props;
+  const theme = (0, _themeProvider.useTheme)();
+
+  // Get heading styles from theme
+  const headingKey = `h${order}`;
+  const headingStyles = theme.headings.sizes[headingKey];
+
+  // Determine fontWeight - use specific value or default to 700
+  const fontWeight = headingStyles.fontWeight ?? theme.headings.fontWeight ?? 700;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+    ref: ref,
+    style: [{
+      fontSize: headingStyles.fontSize,
+      lineHeight: headingStyles.lineHeight ? headingStyles.fontSize * headingStyles.lineHeight : headingStyles.fontSize * 1.3,
+      fontWeight: fontWeight,
+      fontFamily: theme.headings.fontFamily || theme.fontFamilyBold
+    }, style],
+    ...others,
+    children: children
+  });
+});
+Title.displayName = 'Title';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_themeProvider","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Title","exports","forwardRef","props","ref","order","children","style","others","theme","useTheme","headingKey","headingStyles","headings","sizes","fontWeight","jsx","Text","fontSize","lineHeight","fontFamily","fontFamilyBold","displayName"],"sourceRoot":"../../../../src","sources":["components/Title/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AAAsD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,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;AAUtD;AACA;AACA;AACA;AACO,MAAMkB,KAAK,GAAAC,OAAA,CAAAD,KAAA,gBAAG,IAAAE,iBAAU,EAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC/D,MAAM;IAAEC,KAAK,GAAG,CAAC;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAM,CAAC,GAAGL,KAAK;EACtD,MAAMM,KAAK,GAAG,IAAAC,uBAAQ,EAAC,CAAC;;EAExB;EACA,MAAMC,UAAU,GAAG,IAAIN,KAAK,EAA6C;EACzE,MAAMO,aAAa,GAAGH,KAAK,CAACI,QAAQ,CAACC,KAAK,CAACH,UAAU,CAAC;;EAEtD;EACA,MAAMI,UAAU,GACdH,aAAa,CAACG,UAAU,IACxBN,KAAK,CAACI,QAAQ,CAACE,UAAU,IACzB,GAAG;EAEL,oBACE,IAAAnC,WAAA,CAAAoC,GAAA,EAACtC,MAAA,CAAAuC,IAAI;IACHb,GAAG,EAAEA,GAAI;IACTG,KAAK,EAAE,CACL;MACEW,QAAQ,EAAEN,aAAa,CAACM,QAAQ;MAChCC,UAAU,EAAEP,aAAa,CAACO,UAAU,GAChCP,aAAa,CAACM,QAAQ,GAAGN,aAAa,CAACO,UAAU,GACjDP,aAAa,CAACM,QAAQ,GAAG,GAAG;MAChCH,UAAU,EAAEA,UAAiB;MAC7BK,UAAU,EAAEX,KAAK,CAACI,QAAQ,CAACO,UAAU,IAAIX,KAAK,CAACY;IACjD,CAAC,EACDd,KAAK,CACL;IAAA,GACEC,MAAM;IAAAF,QAAA,EAETA;EAAQ,CACL,CAAC;AAEX,CAAC,CAAC;AAEFN,KAAK,CAACsB,WAAW,GAAG,OAAO","ignoreList":[]}

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

@@ -0,0 +1,186 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tooltip = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../Text/index.js");
+var _index2 = require("../Portal/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 useStyles = (0, _index3.createStyles)((theme, {
+  color,
+  radius,
+  multiline,
+  width
+}) => {
+  const colors = theme.colors[color] || theme.colors.gray;
+  return {
+    tooltip: {
+      position: 'absolute',
+      backgroundColor: colors?.[9] || colors?.[8] || (theme.colors.gray || [])[9],
+      borderRadius: theme.fn.radius(radius),
+      paddingVertical: (0, _rem.rem)(6),
+      paddingHorizontal: (0, _rem.rem)(10),
+      maxWidth: width === 'auto' ? (0, _rem.rem)(250) : width,
+      ...(multiline && {
+        textAlign: 'left'
+      }),
+      ..._reactNative.Platform.select({
+        ios: {
+          shadowColor: '#000',
+          shadowOffset: {
+            width: 0,
+            height: 2
+          },
+          shadowOpacity: 0.25,
+          shadowRadius: 3.84
+        },
+        android: {
+          elevation: 5
+        }
+      })
+    },
+    label: {
+      color: theme.white,
+      fontSize: (0, _rem.rem)(12),
+      lineHeight: (0, _rem.rem)(16),
+      ...(multiline && {
+        whiteSpace: 'normal'
+      })
+    }
+  };
+});
+const defaultProps = {
+  position: 'top',
+  color: 'gray',
+  radius: 'sm',
+  multiline: false,
+  width: 'auto',
+  zIndex: 1000,
+  openDelay: 0,
+  closeDelay: 0,
+  disabled: false,
+  trigger: 'longPress',
+  withArrow: false
+};
+const Tooltip = exports.Tooltip = /*#__PURE__*/(0, _react.forwardRef)((props, _ref) => {
+  const {
+    label,
+    position,
+    color,
+    radius,
+    multiline,
+    width,
+    zIndex,
+    openDelay,
+    closeDelay,
+    opened: controlledOpened,
+    disabled,
+    trigger,
+    withArrow,
+    children,
+    style,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('Tooltip', defaultProps, props);
+  const [visible, setVisible] = (0, _react.useState)(false);
+  const [tooltipPosition, setTooltipPosition] = (0, _react.useState)({
+    top: 0,
+    left: 0
+  });
+  const targetRef = (0, _react.useRef)(null);
+  const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const {
+    styles,
+    sx
+  } = useStyles({
+    color,
+    radius,
+    multiline,
+    width
+  }, {
+    name: 'Tooltip'
+  });
+  const isControlled = controlledOpened !== undefined;
+  const isVisible = isControlled ? controlledOpened : visible;
+  const show = () => {
+    if (disabled) return;
+    if (targetRef.current) {
+      targetRef.current.measureInWindow((x, y, width, _height) => {
+        const top = y - 40; // Simple positioning, can be improved
+        const left = x + width / 2 - 50;
+        setTooltipPosition({
+          top,
+          left
+        });
+      });
+    }
+    if (!isControlled) {
+      setTimeout(() => {
+        setVisible(true);
+        _reactNative.Animated.timing(opacity, {
+          toValue: 1,
+          duration: 150,
+          useNativeDriver: true
+        }).start();
+      }, openDelay);
+    }
+  };
+  const hide = () => {
+    if (!isControlled) {
+      setTimeout(() => {
+        _reactNative.Animated.timing(opacity, {
+          toValue: 0,
+          duration: 150,
+          useNativeDriver: true
+        }).start(() => setVisible(false));
+      }, closeDelay);
+    }
+  };
+  const triggerProps = trigger === 'longPress' ? {
+    onLongPress: show
+  } : {
+    onPress: show,
+    onPressOut: hide
+  };
+  const childWithRef = /*#__PURE__*/_react.default.cloneElement(children, {
+    ref: targetRef,
+    ...triggerProps
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [childWithRef, isVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Portal, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
+        onPress: hide,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            zIndex
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+            style: [sx(styles.tooltip, style), {
+              top: tooltipPosition.top,
+              left: tooltipPosition.left,
+              opacity
+            }],
+            ...others,
+            children: typeof label === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+              style: styles.label,
+              children: label
+            }) : label
+          })
+        })
+      })
+    })]
+  });
+});
+Tooltip.displayName = 'Tooltip';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_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","useStyles","createStyles","theme","color","radius","multiline","width","colors","gray","tooltip","position","backgroundColor","borderRadius","fn","paddingVertical","rem","paddingHorizontal","maxWidth","textAlign","Platform","select","ios","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","android","elevation","label","white","fontSize","lineHeight","whiteSpace","defaultProps","zIndex","openDelay","closeDelay","disabled","trigger","withArrow","Tooltip","exports","forwardRef","props","_ref","opened","controlledOpened","children","style","others","useComponentDefaultProps","visible","setVisible","useState","tooltipPosition","setTooltipPosition","top","left","targetRef","useRef","opacity","Animated","Value","current","styles","sx","name","isControlled","undefined","isVisible","show","measureInWindow","x","y","_height","setTimeout","timing","toValue","duration","useNativeDriver","start","hide","triggerProps","onLongPress","onPress","onPressOut","childWithRef","React","cloneElement","ref","jsxs","Fragment","jsx","Portal","TouchableWithoutFeedback","View","right","bottom","Text","displayName"],"sourceRoot":"../../../../src","sources":["components/Tooltip/index.tsx"],"mappings":"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","ignoreList":[]}