fluent-styles 1.54.0 → 1.55.0

package/lib/module/timeline/index.js

@@ -0,0 +1,258 @@
+"use strict";
+
+/**
+ * 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
+ */
+
+import React, { useEffect, useRef } from 'react';
+import { Animated, Easing } from 'react-native';
+import { Stack, StyledText, StyledPressable, theme, palettes } from 'fluent-styles';
+
+// ─── Types ────────────────────────────────────────────────────────────────────
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ─── Size tokens ──────────────────────────────────────────────────────────────
+
+const VARIANT_GAP = {
+  compact: 12,
+  default: 20,
+  spacious: 32
+};
+
+// ─── Animated dot ─────────────────────────────────────────────────────────────
+
+const TimelineDot = ({
+  size,
+  color,
+  borderColor,
+  shape,
+  animated: anim,
+  delay
+}) => {
+  const scale = useRef(new Animated.Value(anim ? 0 : 1)).current;
+  useEffect(() => {
+    if (!anim) return;
+    Animated.timing(scale, {
+      toValue: 1,
+      duration: 300,
+      delay,
+      easing: Easing.out(Easing.back(1.8)),
+      useNativeDriver: true
+    }).start();
+  }, []);
+  const inner = shape === 'circle' ? /*#__PURE__*/_jsx(Stack, {
+    width: size,
+    height: size,
+    borderRadius: size / 2,
+    backgroundColor: "transparent",
+    borderWidth: 2,
+    borderColor: color
+  }) : shape === 'ring' ? /*#__PURE__*/_jsx(Stack, {
+    width: size,
+    height: size,
+    borderRadius: size / 2,
+    backgroundColor: borderColor,
+    borderWidth: 2.5,
+    borderColor: color
+  }) :
+  /*#__PURE__*/
+  // filled (default)
+  _jsx(Stack, {
+    width: size,
+    height: size,
+    borderRadius: size / 2,
+    backgroundColor: color
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: {
+      transform: [{
+        scale
+      }]
+    },
+    children: inner
+  });
+};
+
+// ─── Default item renderer ────────────────────────────────────────────────────
+
+const DefaultItemContent = ({
+  item
+}) => /*#__PURE__*/_jsxs(Stack, {
+  flex: 1,
+  gap: 4,
+  children: [item.title && /*#__PURE__*/_jsx(StyledText, {
+    fontSize: theme.fontSize.normal,
+    fontWeight: theme.fontWeight.semiBold,
+    color: theme.colors.gray[900],
+    children: item.title
+  }), item.subtitle && /*#__PURE__*/_jsx(StyledText, {
+    fontSize: theme.fontSize.small,
+    color: theme.colors.gray[500],
+    children: item.subtitle
+  }), item.description && /*#__PURE__*/_jsx(StyledText, {
+    fontSize: theme.fontSize.small,
+    color: 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"
+ * />
+ * ```
+ */
+export 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 ?? theme.colors.gray[200],
+    dot: colorsProp?.dot ?? '#8bc34a',
+    dotBorder: colorsProp?.dotBorder ?? palettes.white,
+    timeText: colorsProp?.timeText ?? theme.colors.gray[900],
+    endTimeText: colorsProp?.endTimeText ?? theme.colors.gray[400]
+  };
+  const gap = VARIANT_GAP[variant];
+  const childArray = React.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__*/_jsx(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__*/_jsx(DefaultItemContent, {
+        item: item
+      });
+      return /*#__PURE__*/_jsxs(Stack, {
+        horizontal: true,
+        alignItems: "stretch",
+        children: [/*#__PURE__*/_jsx(Stack, {
+          width: timeColumnWidth,
+          alignItems: "flex-end",
+          paddingRight: 12,
+          children: /*#__PURE__*/_jsxs(Stack, {
+            alignItems: "flex-end",
+            gap: 2,
+            paddingTop: 2,
+            children: [hasTime && /*#__PURE__*/_jsx(StyledText, {
+              fontSize: theme.fontSize.normal,
+              fontWeight: theme.fontWeight.semiBold,
+              color: C.timeText,
+              numberOfLines: 1,
+              children: item.time
+            }), item.endTime && /*#__PURE__*/_jsx(StyledText, {
+              fontSize: theme.fontSize.small,
+              color: C.endTimeText,
+              numberOfLines: 1,
+              children: item.endTime
+            })]
+          })
+        }), /*#__PURE__*/_jsxs(Stack, {
+          alignItems: "center",
+          width: dotSize + 12,
+          children: [/*#__PURE__*/_jsx(Stack, {
+            paddingTop: 4,
+            children: /*#__PURE__*/_jsx(TimelineDot, {
+              size: dotSize,
+              color: C.dot,
+              borderColor: C.dotBorder,
+              shape: dotShape,
+              animated: animated,
+              delay: index * 60
+            })
+          }), !isLast && /*#__PURE__*/_jsx(Stack, {
+            flex: 1,
+            width: 1.5,
+            backgroundColor: C.line,
+            marginTop: 4,
+            marginBottom: 0,
+            style: {
+              minHeight: gap
+            }
+          })]
+        }), /*#__PURE__*/_jsx(Stack, {
+          flex: 1,
+          paddingLeft: timeGap,
+          paddingBottom: isLast ? 0 : gap,
+          children: /*#__PURE__*/_jsx(StyledPressable, {
+            onPress: () => onItemPress?.(item),
+            style: {
+              flex: 1
+            },
+            children: resolvedContent
+          })
+        })]
+      }, item.id);
+    })
+  });
+};
+export default StyledTimeline;
+//# sourceMappingURL=index.js.map

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

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

package/lib/module/toast/index.js

@@ -0,0 +1,187 @@
+"use strict";
+
+import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import { Animated, StyleSheet, Text, TouchableOpacity, useColorScheme, View } from 'react-native';
+import { resolveTheme, TOAST_DARK, TOAST_LIGHT } from "../utiles/theme.js";
+
+// ─── Types ────────────────────────────────────────────────────────────────────
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ─── Icon map ─────────────────────────────────────────────────────────────────
+
+const VARIANT_ICON = {
+  success: '✓',
+  error: '✕',
+  warning: '!',
+  info: 'i'
+};
+
+// ─── Component ────────────────────────────────────────────────────────────────
+
+export const Toast = ({
+  message,
+  description,
+  variant = 'info',
+  duration = 3500,
+  onDismiss,
+  theme = 'dark',
+  colors: colorOverrides
+}) => {
+  const deviceScheme = useColorScheme();
+  const colors = useMemo(() => {
+    const base = resolveTheme(theme, deviceScheme) === 'light' ? TOAST_LIGHT : 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 = useRef(new Animated.Value(-20)).current;
+  const opacity = useRef(new Animated.Value(0)).current;
+  const isDismissing = useRef(false);
+  const onDismissRef = useRef(onDismiss);
+  useEffect(() => {
+    onDismissRef.current = onDismiss;
+  }, [onDismiss]);
+  const dismiss = useCallback(() => {
+    if (isDismissing.current) return;
+    isDismissing.current = true;
+    Animated.parallel([Animated.timing(translateY, {
+      toValue: -20,
+      duration: 220,
+      useNativeDriver: true
+    }), Animated.timing(opacity, {
+      toValue: 0,
+      duration: 220,
+      useNativeDriver: true
+    })]).start(() => onDismissRef.current?.());
+  }, [translateY, opacity]);
+  useEffect(() => {
+    Animated.parallel([Animated.spring(translateY, {
+      toValue: 0,
+      useNativeDriver: true,
+      damping: 18,
+      stiffness: 200
+    }), 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__*/_jsxs(Animated.View, {
+    style: [styles.container, {
+      backgroundColor: bg,
+      borderColor: border,
+      opacity,
+      transform: [{
+        translateY
+      }]
+    }],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.iconBadge, {
+        borderColor: border
+      }],
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [styles.iconText, {
+          color: label
+        }],
+        children: icon
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.textBlock,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.message, {
+          color: label
+        }],
+        children: message
+      }), description ? /*#__PURE__*/_jsx(Text, {
+        style: [styles.description, {
+          color: colors.description
+        }],
+        children: description
+      }) : null]
+    }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: dismiss,
+      hitSlop: {
+        top: 8,
+        bottom: 8,
+        left: 8,
+        right: 8
+      },
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [styles.close, {
+          color: colors.closeIcon
+        }],
+        children: "\u2715"
+      })
+    })]
+  });
+};
+
+// ─── Styles (layout only) ─────────────────────────────────────────────────────
+
+const styles = 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'
+  }
+});
+export { TOAST_DARK, TOAST_LIGHT };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","Animated","StyleSheet","Text","TouchableOpacity","useColorScheme","View","resolveTheme","TOAST_DARK","TOAST_LIGHT","jsx","_jsx","jsxs","_jsxs","VARIANT_ICON","success","error","warning","info","Toast","message","description","variant","duration","onDismiss","theme","colors","colorOverrides","deviceScheme","base","bg","border","label","icon","translateY","Value","current","opacity","isDismissing","onDismissRef","dismiss","parallel","timing","toValue","useNativeDriver","start","spring","damping","stiffness","t","setTimeout","clearTimeout","style","styles","container","backgroundColor","borderColor","transform","children","iconBadge","iconText","color","textBlock","onPress","hitSlop","top","bottom","left","right","close","closeIcon","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/module/toast/useToast.js

@@ -0,0 +1,78 @@
+"use strict";
+
+import { useCallback, useRef } from 'react';
+import React from 'react';
+import { usePortal } from "../portal/PortalContext.js";
+import { Toast } from "./index.js";
+
+// ─── Types ────────────────────────────────────────────────────────────────────
+import { jsx as _jsx } from "react/jsx-runtime";
+// ─── 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)
+ * ```
+ */
+export function useToast() {
+  const {
+    mount,
+    unmount
+  } = usePortal();
+  // Track all active ids so dismissAll() works
+  const activeIds = useRef(new Set());
+  const show = useCallback(options => {
+    let id;
+    const handleDismiss = () => {
+      unmount(id);
+      activeIds.current.delete(id);
+    };
+    id = mount(/*#__PURE__*/_jsx(Toast, {
+      ...options,
+      onDismiss: handleDismiss
+    }), {
+      position: 'top',
+      offset: {
+        x: 0,
+        y: 56
+      }
+    });
+    activeIds.current.add(id);
+    return id;
+  }, [mount, unmount]);
+  const shortcut = useCallback(variant => (message, description) => show({
+    message,
+    description,
+    variant
+  }), [show]);
+  const dismiss = useCallback(id => {
+    unmount(id);
+    activeIds.current.delete(id);
+  }, [unmount]);
+  const dismissAll = 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/module/toast/useToast.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","React","usePortal","Toast","jsx","_jsx","useToast","mount","unmount","activeIds","Set","show","options","id","handleDismiss","current","delete","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":";;AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAC3C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,4BAAyB;AACnD,SAASC,KAAK,QAAkC,YAAI;;AAEpD;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAcA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAA,EAAa;EACnC,MAAM;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGN,SAAS,CAAC,CAAC;EACtC;EACA,MAAMO,SAAS,GAAGT,MAAM,CAAc,IAAIU,GAAG,CAAC,CAAC,CAAC;EAEhD,MAAMC,IAAI,GAAGZ,WAAW,CACrBa,OAAoB,IAAa;IAChC,IAAIC,EAAU;IAEd,MAAMC,aAAa,GAAGA,CAAA,KAAM;MAC1BN,OAAO,CAACK,EAAE,CAAC;MACXJ,SAAS,CAACM,OAAO,CAACC,MAAM,CAACH,EAAE,CAAC;IAC9B,CAAC;IAEDA,EAAE,GAAGN,KAAK,cACRF,IAAA,CAACF,KAAK;MAAA,GAAKS,OAAO;MAAEK,SAAS,EAAEH;IAAc,CAAE,CAAC,EAChD;MAAEI,QAAQ,EAAE,KAAK;MAAEC,MAAM,EAAE;QAAEC,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE;MAAG;IAAE,CAC7C,CAAC;IAEDZ,SAAS,CAACM,OAAO,CAACO,GAAG,CAACT,EAAE,CAAC;IACzB,OAAOA,EAAE;EACX,CAAC,EACD,CAACN,KAAK,EAAEC,OAAO,CACjB,CAAC;EAED,MAAMe,QAAQ,GAAGxB,WAAW,CACzByB,OAAqB,IACpB,CAACC,OAAe,EAAEC,WAAoB,KACpCf,IAAI,CAAC;IAAEc,OAAO;IAAEC,WAAW;IAAEF;EAAQ,CAAC,CAAC,EAC3C,CAACb,IAAI,CACP,CAAC;EAED,MAAMgB,OAAO,GAAG5B,WAAW,CACxBc,EAAU,IAAK;IACdL,OAAO,CAACK,EAAE,CAAC;IACXJ,SAAS,CAACM,OAAO,CAACC,MAAM,CAACH,EAAE,CAAC;EAC9B,CAAC,EACD,CAACL,OAAO,CACV,CAAC;EAED,MAAMoB,UAAU,GAAG7B,WAAW,CAAC,MAAM;IACnCU,SAAS,CAACM,OAAO,CAACc,OAAO,CAAChB,EAAE,IAAIL,OAAO,CAACK,EAAE,CAAC,CAAC;IAC5CJ,SAAS,CAACM,OAAO,CAACe,KAAK,CAAC,CAAC;EAC3B,CAAC,EAAE,CAACtB,OAAO,CAAC,CAAC;EAEb,OAAO;IACLG,IAAI;IACJoB,OAAO,EAAER,QAAQ,CAAC,SAAS,CAAC;IAC5BS,KAAK,EAAIT,QAAQ,CAAC,OAAO,CAAC;IAC1BU,OAAO,EAAEV,QAAQ,CAAC,SAAS,CAAC;IAC5BW,IAAI,EAAKX,QAAQ,CAAC,MAAM,CAAC;IACzBI,OAAO;IACPC;EACF,CAAC;AACH","ignoreList":[]}

package/lib/module/utiles/createIcon.js

@@ -0,0 +1,45 @@
+"use strict";
+
+/**
+ * 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} />
+ */
+
+export 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/module/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;;AAWA,OAAO,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":[]}

package/lib/module/utiles/fontStyles.js

@@ -0,0 +1,31 @@
+"use strict";
+
+/* eslint-disable prettier/prettier */
+import { Platform } from 'react-native';
+export const fontStyles = {
+  crimson_text_bold: Platform.select({
+    ios: 'CrimsonText-Bold',
+    android: 'crimson_text_bold'
+  }),
+  crimson_text_italic: Platform.select({
+    ios: 'CrimsonText-Italic',
+    android: 'crimson_text_italic'
+  }),
+  crimson_text_regular: Platform.select({
+    ios: 'CrimsonText-Regular',
+    android: 'crimson_text_regular'
+  }),
+  Roboto_Regular: Platform.select({
+    ios: 'Roboto-Regular',
+    android: 'Roboto-Regular'
+  }),
+  Roboto_Italic: Platform.select({
+    ios: 'Roboto-Italic',
+    android: 'Roboto-Italic'
+  }),
+  Roboto_Bold: Platform.select({
+    ios: 'Roboto-Bold',
+    android: 'Roboto-Bold'
+  })
+};
+//# sourceMappingURL=fontStyles.js.map

package/lib/module/utiles/fontStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","fontStyles","crimson_text_bold","select","ios","android","crimson_text_italic","crimson_text_regular","Roboto_Regular","Roboto_Italic","Roboto_Bold"],"sourceRoot":"../../../src","sources":["utiles/fontStyles.js"],"mappings":";;AAAA;AACA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,OAAO,MAAMC,UAAU,GAAG;EACxBC,iBAAiB,EAAEF,QAAQ,CAACG,MAAM,CAAC;IACjCC,GAAG,EAAE,kBAAkB;IACvBC,OAAO,EAAE;EACX,CAAC,CAAC;EACFC,mBAAmB,EAAEN,QAAQ,CAACG,MAAM,CAAC;IACnCC,GAAG,EAAE,oBAAoB;IACzBC,OAAO,EAAE;EACX,CAAC,CAAC;EACFE,oBAAoB,EAAEP,QAAQ,CAACG,MAAM,CAAC;IACpCC,GAAG,EAAE,qBAAqB;IAC1BC,OAAO,EAAE;EACX,CAAC,CAAC;EACFG,cAAc,EAAER,QAAQ,CAACG,MAAM,CAAC;IAC9BC,GAAG,EAAE,gBAAgB;IACrBC,OAAO,EAAE;EACX,CAAC,CAAC;EACFI,aAAa,EAAET,QAAQ,CAACG,MAAM,CAAC;IAC7BC,GAAG,EAAE,eAAe;IACpBC,OAAO,EAAE;EACX,CAAC,CAAC;EACFK,WAAW,EAAEV,QAAQ,CAACG,MAAM,CAAC;IAC3BC,GAAG,EAAE,aAAa;IAClBC,OAAO,EAAE;EACX,CAAC;AACH,CAAC","ignoreList":[]}