fluent-styles 1.54.0 → 1.55.0

package/lib/commonjs/timeline/index.js

@@ -0,0 +1,264 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.StyledTimeline = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _fluentStyles = require("fluent-styles");
+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); }
+/**
+ * StyledTimeline.tsx
+ * ──────────────────
+ * A fully reusable, data-driven vertical timeline component for fluent-styles.
+ *
+ * Features:
+ *  • Accepts JSON data OR React children (or both)
+ *  • Animated dot entrance on mount
+ *  • Customisable dot size, colour, line style, connector colour
+ *  • Time label column on the left (start + end)
+ *  • Right content slot: any ReactNode per item
+ *  • Variants: default · compact · spacious
+ *  • Full TypeScript props
+ */
+
+// ─── Types ────────────────────────────────────────────────────────────────────
+
+// ─── Size tokens ──────────────────────────────────────────────────────────────
+
+const VARIANT_GAP = {
+  compact: 12,
+  default: 20,
+  spacious: 32
+};
+
+// ─── Animated dot ─────────────────────────────────────────────────────────────
+
+const TimelineDot = ({
+  size,
+  color,
+  borderColor,
+  shape,
+  animated: anim,
+  delay
+}) => {
+  const scale = (0, _react.useRef)(new _reactNative.Animated.Value(anim ? 0 : 1)).current;
+  (0, _react.useEffect)(() => {
+    if (!anim) return;
+    _reactNative.Animated.timing(scale, {
+      toValue: 1,
+      duration: 300,
+      delay,
+      easing: _reactNative.Easing.out(_reactNative.Easing.back(1.8)),
+      useNativeDriver: true
+    }).start();
+  }, []);
+  const inner = shape === 'circle' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.Stack, {
+    width: size,
+    height: size,
+    borderRadius: size / 2,
+    backgroundColor: "transparent",
+    borderWidth: 2,
+    borderColor: color
+  }) : shape === 'ring' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.Stack, {
+    width: size,
+    height: size,
+    borderRadius: size / 2,
+    backgroundColor: borderColor,
+    borderWidth: 2.5,
+    borderColor: color
+  }) :
+  /*#__PURE__*/
+  // filled (default)
+  (0, _jsxRuntime.jsx)(_fluentStyles.Stack, {
+    width: size,
+    height: size,
+    borderRadius: size / 2,
+    backgroundColor: color
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    style: {
+      transform: [{
+        scale
+      }]
+    },
+    children: inner
+  });
+};
+
+// ─── Default item renderer ────────────────────────────────────────────────────
+
+const DefaultItemContent = ({
+  item
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_fluentStyles.Stack, {
+  flex: 1,
+  gap: 4,
+  children: [item.title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.StyledText, {
+    fontSize: _fluentStyles.theme.fontSize.normal,
+    fontWeight: _fluentStyles.theme.fontWeight.semiBold,
+    color: _fluentStyles.theme.colors.gray[900],
+    children: item.title
+  }), item.subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.StyledText, {
+    fontSize: _fluentStyles.theme.fontSize.small,
+    color: _fluentStyles.theme.colors.gray[500],
+    children: item.subtitle
+  }), item.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.StyledText, {
+    fontSize: _fluentStyles.theme.fontSize.small,
+    color: _fluentStyles.theme.colors.gray[400],
+    children: item.description
+  })]
+});
+
+// ─── StyledTimeline ───────────────────────────────────────────────────────────
+
+/**
+ * StyledTimeline — vertical data-driven timeline for fluent-styles apps.
+ *
+ * @example JSON-driven (minimal)
+ * ```tsx
+ * <StyledTimeline
+ *   items={[
+ *     { id: '1', time: '09:00', title: 'Morning Run',    subtitle: 'Cardio · 5km'  },
+ *     { id: '2', time: '11:30', title: 'Strength Class', subtitle: 'Upper body'    },
+ *     { id: '3', time: '14:00', title: 'Yoga',           subtitle: 'Recovery'      },
+ *   ]}
+ * />
+ * ```
+ *
+ * @example Custom renderItem
+ * ```tsx
+ * <StyledTimeline
+ *   items={workoutItems}
+ *   renderItem={(item) => <WorkoutCard item={item} />}
+ * />
+ * ```
+ *
+ * @example Mixed: data + inline children
+ * ```tsx
+ * <StyledTimeline items={scheduleItems}>
+ *   <NoteCard note="Don't forget to hydrate!" />
+ * </StyledTimeline>
+ * ```
+ *
+ * @example Custom colours
+ * ```tsx
+ * <StyledTimeline
+ *   items={items}
+ *   colors={{ dot: '#2196f3', line: '#bbdefb' }}
+ *   dotShape="ring"
+ *   variant="spacious"
+ * />
+ * ```
+ */
+const StyledTimeline = ({
+  items = [],
+  renderItem,
+  children,
+  variant = 'default',
+  dotShape = 'filled',
+  dotSize = 10,
+  timeColumnWidth = 56,
+  timeGap = 16,
+  animated = true,
+  colors: colorsProp,
+  onItemPress
+}) => {
+  const C = {
+    line: colorsProp?.line ?? _fluentStyles.theme.colors.gray[200],
+    dot: colorsProp?.dot ?? '#8bc34a',
+    dotBorder: colorsProp?.dotBorder ?? _fluentStyles.palettes.white,
+    timeText: colorsProp?.timeText ?? _fluentStyles.theme.colors.gray[900],
+    endTimeText: colorsProp?.endTimeText ?? _fluentStyles.theme.colors.gray[400]
+  };
+  const gap = VARIANT_GAP[variant];
+  const childArray = _react.default.Children.toArray(children);
+
+  // Convert children into pseudo-items so they render in the same loop
+  const childItems = childArray.map((child, i) => ({
+    id: `__child_${i}`,
+    time: '',
+    content: child
+  }));
+  const allItems = [...items, ...childItems];
+
+  // ── Row height measurement for line drawing ──────────────────────────────
+  // We use a simple layout: each row renders into a measured Stack.
+  // The connector line is drawn as a fixed-width left column overlay.
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.Stack, {
+    children: allItems.map((item, index) => {
+      const isLast = index === allItems.length - 1;
+      const hasTime = !!item.time;
+
+      // Resolve content
+      const resolvedContent = item.content ? item.content : renderItem ? renderItem(item, index) : /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultItemContent, {
+        item: item
+      });
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_fluentStyles.Stack, {
+        horizontal: true,
+        alignItems: "stretch",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.Stack, {
+          width: timeColumnWidth,
+          alignItems: "flex-end",
+          paddingRight: 12,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_fluentStyles.Stack, {
+            alignItems: "flex-end",
+            gap: 2,
+            paddingTop: 2,
+            children: [hasTime && /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.StyledText, {
+              fontSize: _fluentStyles.theme.fontSize.normal,
+              fontWeight: _fluentStyles.theme.fontWeight.semiBold,
+              color: C.timeText,
+              numberOfLines: 1,
+              children: item.time
+            }), item.endTime && /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.StyledText, {
+              fontSize: _fluentStyles.theme.fontSize.small,
+              color: C.endTimeText,
+              numberOfLines: 1,
+              children: item.endTime
+            })]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_fluentStyles.Stack, {
+          alignItems: "center",
+          width: dotSize + 12,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.Stack, {
+            paddingTop: 4,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineDot, {
+              size: dotSize,
+              color: C.dot,
+              borderColor: C.dotBorder,
+              shape: dotShape,
+              animated: animated,
+              delay: index * 60
+            })
+          }), !isLast && /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.Stack, {
+            flex: 1,
+            width: 1.5,
+            backgroundColor: C.line,
+            marginTop: 4,
+            marginBottom: 0,
+            style: {
+              minHeight: gap
+            }
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.Stack, {
+          flex: 1,
+          paddingLeft: timeGap,
+          paddingBottom: isLast ? 0 : gap,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.StyledPressable, {
+            onPress: () => onItemPress?.(item),
+            style: {
+              flex: 1
+            },
+            children: resolvedContent
+          })
+        })]
+      }, item.id);
+    })
+  });
+};
+exports.StyledTimeline = StyledTimeline;
+var _default = exports.default = StyledTimeline;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/timeline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_fluentStyles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","VARIANT_GAP","compact","spacious","TimelineDot","size","color","borderColor","shape","animated","anim","delay","scale","useRef","Animated","Value","current","useEffect","timing","toValue","duration","easing","Easing","out","back","useNativeDriver","start","inner","jsx","Stack","width","height","borderRadius","backgroundColor","borderWidth","View","style","transform","children","DefaultItemContent","item","jsxs","flex","gap","title","StyledText","fontSize","theme","normal","fontWeight","semiBold","colors","gray","subtitle","small","description","StyledTimeline","items","renderItem","variant","dotShape","dotSize","timeColumnWidth","timeGap","colorsProp","onItemPress","C","line","dot","dotBorder","palettes","white","timeText","endTimeText","childArray","React","Children","toArray","childItems","map","child","id","time","content","allItems","index","isLast","length","hasTime","resolvedContent","horizontal","alignItems","paddingRight","paddingTop","numberOfLines","endTime","marginTop","marginBottom","minHeight","paddingLeft","paddingBottom","StyledPressable","onPress","exports","_default"],"sourceRoot":"../../../src","sources":["timeline/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/toast/index.js

@@ -0,0 +1,203 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TOAST_DARK", {
+  enumerable: true,
+  get: function () {
+    return _theme.TOAST_DARK;
+  }
+});
+Object.defineProperty(exports, "TOAST_LIGHT", {
+  enumerable: true,
+  get: function () {
+    return _theme.TOAST_LIGHT;
+  }
+});
+exports.Toast = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _theme = require("../utiles/theme.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); }
+// ─── Types ────────────────────────────────────────────────────────────────────
+
+// ─── Icon map ─────────────────────────────────────────────────────────────────
+
+const VARIANT_ICON = {
+  success: '✓',
+  error: '✕',
+  warning: '!',
+  info: 'i'
+};
+
+// ─── Component ────────────────────────────────────────────────────────────────
+
+const Toast = ({
+  message,
+  description,
+  variant = 'info',
+  duration = 3500,
+  onDismiss,
+  theme = 'dark',
+  colors: colorOverrides
+}) => {
+  const deviceScheme = (0, _reactNative.useColorScheme)();
+  const colors = (0, _react.useMemo)(() => {
+    const base = (0, _theme.resolveTheme)(theme, deviceScheme) === 'light' ? _theme.TOAST_LIGHT : _theme.TOAST_DARK;
+    return colorOverrides ? {
+      ...base,
+      ...colorOverrides
+    } : base;
+  }, [theme, deviceScheme, colorOverrides]);
+
+  // Resolved per-variant tokens
+  const bg = colors[`${variant}Bg`];
+  const border = colors[`${variant}Border`];
+  const label = colors[`${variant}Label`];
+  const icon = VARIANT_ICON[variant];
+
+  // ── Animation ────────────────────────────────────────────────────────────
+  const translateY = (0, _react.useRef)(new _reactNative.Animated.Value(-20)).current;
+  const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const isDismissing = (0, _react.useRef)(false);
+  const onDismissRef = (0, _react.useRef)(onDismiss);
+  (0, _react.useEffect)(() => {
+    onDismissRef.current = onDismiss;
+  }, [onDismiss]);
+  const dismiss = (0, _react.useCallback)(() => {
+    if (isDismissing.current) return;
+    isDismissing.current = true;
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(translateY, {
+      toValue: -20,
+      duration: 220,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(opacity, {
+      toValue: 0,
+      duration: 220,
+      useNativeDriver: true
+    })]).start(() => onDismissRef.current?.());
+  }, [translateY, opacity]);
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.parallel([_reactNative.Animated.spring(translateY, {
+      toValue: 0,
+      useNativeDriver: true,
+      damping: 18,
+      stiffness: 200
+    }), _reactNative.Animated.timing(opacity, {
+      toValue: 1,
+      duration: 200,
+      useNativeDriver: true
+    })]).start();
+    if (duration > 0) {
+      const t = setTimeout(dismiss, duration);
+      return () => clearTimeout(t);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // ── Render ───────────────────────────────────────────────────────────────
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+    style: [styles.container, {
+      backgroundColor: bg,
+      borderColor: border,
+      opacity,
+      transform: [{
+        translateY
+      }]
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.iconBadge, {
+        borderColor: border
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.iconText, {
+          color: label
+        }],
+        children: icon
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.textBlock,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.message, {
+          color: label
+        }],
+        children: message
+      }), description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.description, {
+          color: colors.description
+        }],
+        children: description
+      }) : null]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      onPress: dismiss,
+      hitSlop: {
+        top: 8,
+        bottom: 8,
+        left: 8,
+        right: 8
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.close, {
+          color: colors.closeIcon
+        }],
+        children: "\u2715"
+      })
+    })]
+  });
+};
+
+// ─── Styles (layout only) ─────────────────────────────────────────────────────
+exports.Toast = Toast;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderRadius: 10,
+    paddingHorizontal: 14,
+    paddingVertical: 12,
+    gap: 12,
+    minWidth: 280,
+    maxWidth: 360,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 8
+    },
+    shadowOpacity: 0.2,
+    shadowRadius: 16,
+    elevation: 8
+  },
+  iconBadge: {
+    width: 28,
+    height: 28,
+    borderRadius: 14,
+    borderWidth: 1.5,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  iconText: {
+    fontSize: 13,
+    fontWeight: '700'
+  },
+  textBlock: {
+    flex: 1,
+    gap: 2
+  },
+  message: {
+    fontSize: 14,
+    fontWeight: '600',
+    letterSpacing: 0.1
+  },
+  description: {
+    fontSize: 12,
+    lineHeight: 16
+  },
+  close: {
+    fontSize: 12,
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_theme","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","VARIANT_ICON","success","error","warning","info","Toast","message","description","variant","duration","onDismiss","theme","colors","colorOverrides","deviceScheme","useColorScheme","useMemo","base","resolveTheme","TOAST_LIGHT","TOAST_DARK","bg","border","label","icon","translateY","useRef","Animated","Value","current","opacity","isDismissing","onDismissRef","useEffect","dismiss","useCallback","parallel","timing","toValue","useNativeDriver","start","spring","damping","stiffness","setTimeout","clearTimeout","jsxs","View","style","styles","container","backgroundColor","borderColor","transform","children","jsx","iconBadge","Text","iconText","color","textBlock","TouchableOpacity","onPress","hitSlop","top","bottom","left","right","close","closeIcon","exports","StyleSheet","create","flexDirection","alignItems","borderWidth","borderRadius","paddingHorizontal","paddingVertical","gap","minWidth","maxWidth","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","justifyContent","fontSize","fontWeight","flex","letterSpacing","lineHeight"],"sourceRoot":"../../../src","sources":["toast/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/toast/useToast.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useToast = useToast;
+var _react = _interopRequireWildcard(require("react"));
+var _PortalContext = require("../portal/PortalContext.js");
+var _index = require("./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); }
+// ─── Types ────────────────────────────────────────────────────────────────────
+
+// ─── Hook ─────────────────────────────────────────────────────────────────────
+
+/**
+ * Declarative toast hook — requires a `PortalManager` ancestor.
+ *
+ * @example
+ * ```tsx
+ * const toast = useToast()
+ *
+ * // Convenience shortcuts
+ * toast.success('Profile saved')
+ * toast.error('Upload failed', 'Max file size is 5 MB')
+ *
+ * // Full control
+ * const id = toast.show({ message: 'Processing…', duration: 0, variant: 'info' })
+ * // Later:
+ * toast.dismiss(id)
+ * ```
+ */
+function useToast() {
+  const {
+    mount,
+    unmount
+  } = (0, _PortalContext.usePortal)();
+  // Track all active ids so dismissAll() works
+  const activeIds = (0, _react.useRef)(new Set());
+  const show = (0, _react.useCallback)(options => {
+    let id;
+    const handleDismiss = () => {
+      unmount(id);
+      activeIds.current.delete(id);
+    };
+    id = mount(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Toast, {
+      ...options,
+      onDismiss: handleDismiss
+    }), {
+      position: 'top',
+      offset: {
+        x: 0,
+        y: 56
+      }
+    });
+    activeIds.current.add(id);
+    return id;
+  }, [mount, unmount]);
+  const shortcut = (0, _react.useCallback)(variant => (message, description) => show({
+    message,
+    description,
+    variant
+  }), [show]);
+  const dismiss = (0, _react.useCallback)(id => {
+    unmount(id);
+    activeIds.current.delete(id);
+  }, [unmount]);
+  const dismissAll = (0, _react.useCallback)(() => {
+    activeIds.current.forEach(id => unmount(id));
+    activeIds.current.clear();
+  }, [unmount]);
+  return {
+    show,
+    success: shortcut('success'),
+    error: shortcut('error'),
+    warning: shortcut('warning'),
+    info: shortcut('info'),
+    dismiss,
+    dismissAll
+  };
+}
+//# sourceMappingURL=useToast.js.map

package/lib/commonjs/toast/useToast.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_PortalContext","_index","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useToast","mount","unmount","usePortal","activeIds","useRef","Set","show","useCallback","options","id","handleDismiss","current","delete","jsx","Toast","onDismiss","position","offset","x","y","add","shortcut","variant","message","description","dismiss","dismissAll","forEach","clear","success","error","warning","info"],"sourceRoot":"../../../src","sources":["toast/useToast.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/utiles/createIcon.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createIcon = createIcon;
+/**
+ * Creates a reusable icon component with standardised size, color, and strokeWidth props.
+ *
+ * @template P - Additional props passed through to the underlying Svg element
+ *
+ * @param {IconRenderer<P>} renderer - A render function that receives resolved icon props
+ *   and any extra SVG props, and returns a React element containing the Svg markup.
+ *
+ * @returns {React.FC<IconProps & P>} A React functional component that accepts:
+ *   - `size`        {number}  Width and height in dp. Default: `24`
+ *   - `color`       {string}  Stroke (and optional fill) color. Default: `"currentColor"`
+ *   - `strokeWidth` {number}  Stroke thickness in SVG units. Default: `1.5`
+ *   - `...props`    {P}       Any additional props forwarded to the Svg element
+ *
+ * @example
+ * const BackArrow = createIcon(({ size, color, strokeWidth }, props) => (
+ *   <Svg width={size} height={size} viewBox="0 0 24 24" {...props}>
+ *     <Path d="M19 12H5"      stroke={color} strokeWidth={strokeWidth} strokeLinecap="round" fill="none" />
+ *     <Path d="M12 19l-7-7 7-7" stroke={color} strokeWidth={strokeWidth} strokeLinecap="round" strokeLinejoin="round" fill="none" />
+ *   </Svg>
+ * ))
+ *
+ * // Usage
+ * <BackArrow size={20} color={theme.text} strokeWidth={2} />
+ */
+
+function createIcon(renderer) {
+  const Icon = ({
+    size = 24,
+    color = 'currentColor',
+    strokeWidth = 1.5,
+    ...props
+  }) => {
+    return renderer({
+      size,
+      color,
+      strokeWidth
+    }, props);
+  };
+  Icon.displayName = 'Icon';
+  return Icon;
+}
+//# sourceMappingURL=createIcon.js.map

package/lib/commonjs/utiles/createIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createIcon","renderer","Icon","size","color","strokeWidth","props","displayName"],"sourceRoot":"../../../src","sources":["utiles/createIcon.ts"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAWO,SAASA,UAAUA,CAACC,QAAsB,EAAE;EACjD,MAAMC,IAAI,GAAGA,CAAC;IAAEC,IAAI,GAAG,EAAE;IAAEC,KAAK,GAAG,cAAc;IAAEC,WAAW,GAAG,GAAG;IAAE,GAAGC;EAAiB,CAAC,KAAK;IAC9F,OAAOL,QAAQ,CAAC;MAAEE,IAAI;MAAEC,KAAK;MAAEC;IAAY,CAAC,EAAEC,KAAK,CAAC;EACtD,CAAC;EACDJ,IAAI,CAACK,WAAW,GAAG,MAAM;EACzB,OAAOL,IAAI;AACb","ignoreList":[]}