@masumdev/rn-ui 0.1.7 → 0.2.0

package/lib/module/components/Switch.js

@@ -4,6 +4,7 @@ import React from "react";
 import { Pressable } from "react-native";
 import Animated, { interpolateColor, useAnimatedStyle, useSharedValue, withSpring, withTiming } from "react-native-reanimated";
 import { useTheme } from "../theme/index.js";
+import { triggerHaptic } from "../utils/haptics.js";
 import { renderIcon } from "./types.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function Switch({
@@ -14,6 +15,8 @@ export function Switch({
   invalid = false,
   size = "md",
   tone = "primary",
+  glass = false,
+  haptic = true,
   style,
   trackStyle,
   thumbStyle,
@@ -32,7 +35,8 @@ export function Switch({
   const {
     colors,
     components,
-    radii
+    radii,
+    isDark
   } = useTheme();
   const isControlled = value !== undefined;
   const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
@@ -47,7 +51,6 @@ export function Switch({
     });
   }, [checked, progress]);
   const activeColor = invalid ? colors.danger : colors[tone];
-  const activeSoftColor = invalid ? colors.dangerSoft : tone === "primary" ? colors.primarySoft : tone === "secondary" ? colors.secondarySoft : tone === "accent" ? colors.accentSoft : tone === "success" ? colors.successSoft : tone === "warning" ? colors.warningSoft : tone === "danger" ? colors.dangerSoft : colors.infoSoft;
   const thumbIcon = checked ? activeIcon : inactiveIcon;
   const selectedThumbContent = (checked ? activeThumbContent : inactiveThumbContent) ?? thumbContent;
   const width = components.switch.width[size];
@@ -57,12 +60,19 @@ export function Switch({
   const borderWidth = components.borderWidth.focus;
   const inset = (height - thumbSize) / 2;
   const travel = width - thumbSize - (inset + borderWidth) * 2;
-  const thumbColor = disabled ? colors.disabledText : colors.surface;
-  const inactiveTrackColor = disabled ? colors.disabled : colors.backgroundMuted;
-  const inactiveBorderColor = invalid ? colors.danger : colors.border;
+  const glassBg = isDark ? "rgba(15, 27, 45, 0.60)" : "rgba(255, 255, 255, 0.70)";
+  const inactiveTrackColor = disabled ? colors.disabled : glass ? glassBg : isDark ? "rgba(30, 41, 59, 0.90)" : colors.backgroundMuted;
+  const activeTrackColor = disabled ? colors.disabled : activeColor;
+  const inactiveBorderColor = invalid ? colors.danger : glass ? isDark ? "rgba(248, 250, 252, 0.20)" : "rgba(15, 23, 42, 0.14)" : isDark ? "rgba(148, 163, 184, 0.30)" : colors.border;
+  const activeBorderColor = invalid ? colors.danger : activeColor;
+
+  // Crisp white/light-slate knob for OFF state in both dark & light mode
+  const inactiveThumbColor = disabled ? colors.disabledText : isDark ? "#e2e8f0" : "#ffffff";
+  const activeThumbColor = disabled ? colors.disabledText : "#ffffff";
   const handlePress = event => {
     onPress?.(event);
     if (disabled) return;
+    if (haptic) triggerHaptic("selection");
     const nextValue = !checked;
     if (!isControlled) {
       setUncontrolledValue(nextValue);
@@ -82,8 +92,8 @@ export function Switch({
     });
   };
   const trackAnimatedStyle = useAnimatedStyle(() => ({
-    backgroundColor: interpolateColor(progress.value, [0, 1], [inactiveTrackColor, activeSoftColor]),
-    borderColor: interpolateColor(progress.value, [0, 1], [inactiveBorderColor, activeColor])
+    backgroundColor: interpolateColor(progress.value, [0, 1], [inactiveTrackColor, activeTrackColor]),
+    borderColor: interpolateColor(progress.value, [0, 1], [inactiveBorderColor, activeBorderColor])
   }));
   const thumbAnimatedStyle = useAnimatedStyle(() => ({
     transform: [{
@@ -91,9 +101,9 @@ export function Switch({
     }, {
       scale: 1 + pressed.value * 0.06
     }],
-    backgroundColor: interpolateColor(progress.value, [0, 1], [thumbColor, activeColor])
+    backgroundColor: interpolateColor(progress.value, [0, 1], [inactiveThumbColor, activeThumbColor])
   }));
-  const iconColor = checked ? invalid ? colors.onDanger : tone === "primary" ? colors.onPrimary : tone === "secondary" ? colors.onSecondary : tone === "accent" ? colors.onAccent : tone === "success" ? colors.onSuccess : tone === "warning" ? colors.onWarning : tone === "danger" ? colors.onDanger : colors.onInfo : colors.textSubtle;
+  const iconColor = checked ? invalid ? colors.danger : activeColor : colors.textSubtle;
   const thumbContentParams = {
     checked,
     disabled,
@@ -116,7 +126,7 @@ export function Switch({
     style: ({
       pressed: isPressed
     }) => [{
-      opacity: disabled ? 0.56 : isPressed ? 0.9 : 1,
+      opacity: disabled ? 0.45 : isPressed ? 0.9 : 1,
       alignSelf: "flex-start"
     }, style],
     ...props,
@@ -137,7 +147,7 @@ export function Switch({
           alignItems: "center",
           justifyContent: "center",
           borderWidth: components.borderWidth.default,
-          borderColor: checked ? activeColor : colors.borderMuted
+          borderColor: checked ? activeColor : "transparent"
         }, thumbAnimatedStyle, thumbStyle],
         children: renderThumb ? renderThumb(thumbContentParams) : renderedThumbContent ? renderedThumbContent : thumbIcon ? renderIcon(thumbIcon, iconColor, iconSize) : null
       })

package/lib/module/components/Switch.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","Animated","interpolateColor","useAnimatedStyle","useSharedValue","withSpring","withTiming","useTheme","renderIcon","jsx","_jsx","Switch","value","defaultValue","onValueChange","disabled","invalid","size","tone","style","trackStyle","thumbStyle","activeIcon","inactiveIcon","thumbContent","activeThumbContent","inactiveThumbContent","renderThumb","onPress","onPressIn","onPressOut","accessibilityLabel","props","colors","components","radii","isControlled","undefined","uncontrolledValue","setUncontrolledValue","useState","checked","progress","pressed","useEffect","damping","stiffness","mass","activeColor","danger","activeSoftColor","dangerSoft","primarySoft","secondarySoft","accentSoft","successSoft","warningSoft","infoSoft","thumbIcon","selectedThumbContent","width","switch","height","thumbSize","iconSize","borderWidth","focus","inset","travel","thumbColor","disabledText","surface","inactiveTrackColor","backgroundMuted","inactiveBorderColor","border","handlePress","event","nextValue","handlePressIn","duration","handlePressOut","trackAnimatedStyle","backgroundColor","borderColor","thumbAnimatedStyle","transform","translateX","scale","iconColor","onDanger","onPrimary","onSecondary","onAccent","onSuccess","onWarning","onInfo","textSubtle","thumbContentParams","color","renderedThumbContent","accessibilityRole","accessibilityState","isPressed","opacity","alignSelf","children","View","borderRadius","full","padding","justifyContent","alignItems","default","borderMuted"],"sourceRoot":"../../../src","sources":["components/Switch.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Pressable","Animated","interpolateColor","useAnimatedStyle","useSharedValue","withSpring","withTiming","useTheme","triggerHaptic","renderIcon","jsx","_jsx","Switch","value","defaultValue","onValueChange","disabled","invalid","size","tone","glass","haptic","style","trackStyle","thumbStyle","activeIcon","inactiveIcon","thumbContent","activeThumbContent","inactiveThumbContent","renderThumb","onPress","onPressIn","onPressOut","accessibilityLabel","props","colors","components","radii","isDark","isControlled","undefined","uncontrolledValue","setUncontrolledValue","useState","checked","progress","pressed","useEffect","damping","stiffness","mass","activeColor","danger","thumbIcon","selectedThumbContent","width","switch","height","thumbSize","iconSize","borderWidth","focus","inset","travel","glassBg","inactiveTrackColor","backgroundMuted","activeTrackColor","inactiveBorderColor","border","activeBorderColor","inactiveThumbColor","disabledText","activeThumbColor","handlePress","event","nextValue","handlePressIn","duration","handlePressOut","trackAnimatedStyle","backgroundColor","borderColor","thumbAnimatedStyle","transform","translateX","scale","iconColor","textSubtle","thumbContentParams","color","renderedThumbContent","accessibilityRole","accessibilityState","isPressed","opacity","alignSelf","children","View","borderRadius","full","padding","justifyContent","alignItems","default"],"sourceRoot":"../../../src","sources":["components/Switch.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Tabs.js

@@ -2,13 +2,28 @@
 
 import React from "react";
 import { Pressable, View } from "react-native";
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
 import { useTheme } from "../theme/index.js";
+import { triggerHaptic } from "../utils/haptics.js";
 import { Text } from "./Text.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { renderIcon } from "./types.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const TabsContext = /*#__PURE__*/React.createContext(null);
+export function useTabsContext() {
+  const context = React.useContext(TabsContext);
+  if (!context) {
+    throw new Error("Tabs compound components must be rendered inside <Tabs />");
+  }
+  return context;
+}
 export function Tabs({
   value,
   defaultValue,
+  variant = "segmented",
+  size = "md",
+  glass = false,
+  haptic = true,
+  animated = true,
   onValueChange,
   style,
   ...props
@@ -17,15 +32,35 @@ export function Tabs({
     spacing
   } = useTheme();
   const [internalValue, setInternalValue] = React.useState(defaultValue);
+  const [tabNodes, setTabNodes] = React.useState({});
   const currentValue = value ?? internalValue;
+  const registerTabNode = React.useCallback((tabValue, layout) => {
+    setTabNodes(prev => {
+      if (prev[tabValue]?.x === layout.x && prev[tabValue]?.width === layout.width) {
+        return prev;
+      }
+      return {
+        ...prev,
+        [tabValue]: layout
+      };
+    });
+  }, []);
   const handleValueChange = React.useCallback(next => {
+    if (haptic) triggerHaptic("selection");
     if (value === undefined) setInternalValue(next);
     onValueChange?.(next);
-  }, [onValueChange, value]);
+  }, [haptic, onValueChange, value]);
   const context = React.useMemo(() => ({
     value: currentValue,
-    onValueChange: handleValueChange
-  }), [currentValue, handleValueChange]);
+    onValueChange: handleValueChange,
+    variant,
+    size,
+    glass,
+    haptic,
+    animated,
+    registerTabNode,
+    tabNodes
+  }), [currentValue, handleValueChange, variant, size, glass, haptic, animated, registerTabNode, tabNodes]);
   return /*#__PURE__*/_jsx(TabsContext.Provider, {
     value: context,
     children: /*#__PURE__*/_jsx(View, {
@@ -37,73 +72,165 @@ export function Tabs({
     })
   });
 }
+const listHeights = {
+  sm: 36,
+  md: 44,
+  lg: 52
+};
 export function TabsList({
   style,
+  children,
   ...props
 }) {
   const {
     colors,
     components,
     radii,
-    spacing
+    spacing,
+    isDark
   } = useTheme();
-  return /*#__PURE__*/_jsx(View, {
+  const {
+    value,
+    variant,
+    size,
+    glass,
+    animated,
+    tabNodes
+  } = useTabsContext();
+  const activeNode = value ? tabNodes[value] : undefined;
+  const indicatorX = useSharedValue(0);
+  const indicatorWidth = useSharedValue(0);
+  const initialized = useSharedValue(false);
+  React.useEffect(() => {
+    if (activeNode && activeNode.width > 0) {
+      if (!animated || !initialized.value) {
+        indicatorX.value = activeNode.x;
+        indicatorWidth.value = activeNode.width;
+        initialized.value = true;
+      } else {
+        indicatorX.value = withTiming(activeNode.x, {
+          duration: 180
+        });
+        indicatorWidth.value = withTiming(activeNode.width, {
+          duration: 180
+        });
+      }
+    }
+  }, [activeNode, animated, indicatorX, indicatorWidth, initialized]);
+  const glassBg = isDark ? "rgba(15, 27, 45, 0.70)" : "rgba(255, 255, 255, 0.85)";
+  const isUnderline = variant === "underline";
+  const isPills = variant === "pills";
+  const height = listHeights[size];
+  const indicatorStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: indicatorX.value
+    }],
+    width: indicatorWidth.value
+  }));
+  const activeBg = variant === "segmented" || variant === "pills" ? colors.primary : variant === "soft" ? colors.primarySoft : colors.transparent;
+  const padding = isUnderline ? 0 : 4;
+  // Concentric radius rule: InnerRadius = OuterRadius - Padding (16 - 4 = 12px)
+  const innerRadius = isPills ? radii.full : isUnderline ? 0 : radii.md;
+  return /*#__PURE__*/_jsxs(View, {
     style: [{
       width: "100%",
-      minHeight: 44,
-      padding: 3,
-      borderRadius: radii.lg,
-      borderWidth: components.borderWidth.strong,
-      borderColor: colors.border,
-      backgroundColor: colors.surface,
+      minHeight: height,
+      height: isUnderline ? undefined : height,
+      padding,
+      borderRadius: isUnderline ? 0 : radii.lg,
+      borderWidth: isUnderline ? 0 : components.borderWidth.strong,
+      borderColor: glass ? isDark ? "rgba(248, 250, 252, 0.20)" : "rgba(15, 23, 42, 0.14)" : colors.border,
+      borderBottomWidth: isUnderline ? components.borderWidth.strong : undefined,
+      borderBottomColor: isUnderline ? colors.border : undefined,
+      backgroundColor: isUnderline ? colors.transparent : isPills ? colors.transparent : glass ? glassBg : colors.input,
       flexDirection: "row",
-      gap: spacing.xs
+      alignItems: "stretch",
+      gap: isPills ? spacing.xs : isUnderline ? spacing.md : 4,
+      position: "relative"
     }, style],
-    ...props
+    ...props,
+    children: [activeNode && /*#__PURE__*/_jsx(Animated.View, {
+      style: [{
+        position: "absolute",
+        top: isUnderline ? undefined : padding,
+        bottom: isUnderline ? 0 : padding,
+        height: isUnderline ? 2.5 : undefined,
+        borderRadius: innerRadius,
+        backgroundColor: isUnderline ? colors.primary : activeBg,
+        zIndex: 0
+      }, indicatorStyle]
+    }), children]
   });
 }
 export function TabsTrigger({
   value,
+  icon,
   children,
   style,
   disabled,
   ...props
 }) {
-  const context = React.useContext(TabsContext);
+  const {
+    value: selectedValue,
+    onValueChange,
+    variant,
+    size,
+    registerTabNode
+  } = useTabsContext();
   const {
     colors,
     radii,
     spacing
   } = useTheme();
-  const active = context?.value === value;
-  return /*#__PURE__*/_jsx(Pressable, {
+  const active = selectedValue === value;
+  const handleLayout = event => {
+    const {
+      x,
+      width,
+      height
+    } = event.nativeEvent.layout;
+    registerTabNode(value, {
+      x,
+      width,
+      height
+    });
+  };
+  const activeTextColor = variant === "segmented" || variant === "pills" ? colors.onPrimary : colors.primary;
+  const isPills = variant === "pills";
+  const isUnderline = variant === "underline";
+  const triggerRadius = isPills ? radii.full : isUnderline ? 0 : radii.md;
+  return /*#__PURE__*/_jsxs(Pressable, {
     accessibilityRole: "tab",
     accessibilityState: {
       selected: active,
       disabled: Boolean(disabled)
     },
     disabled: disabled,
-    onPress: () => context?.onValueChange?.(value),
+    onLayout: handleLayout,
+    onPress: () => onValueChange?.(value),
     style: ({
       pressed
     }) => [{
       flex: 1,
-      minHeight: 36,
-      borderRadius: radii.md,
-      backgroundColor: active ? colors.primary : colors.transparent,
+      height: isUnderline ? listHeights[size] : "100%",
+      borderRadius: triggerRadius,
       alignItems: "center",
       justifyContent: "center",
-      paddingHorizontal: spacing.md,
-      opacity: disabled ? 0.5 : pressed ? 0.78 : 1
+      flexDirection: "row",
+      gap: spacing.xs,
+      paddingHorizontal: spacing.sm,
+      zIndex: 1,
+      opacity: disabled ? 0.5 : pressed ? 0.82 : 1
     }, style],
     ...props,
-    children: typeof children === "string" ? /*#__PURE__*/_jsx(Text, {
-      variant: "label",
+    children: [icon ? renderIcon(icon, active ? activeTextColor : colors.textMuted, size === "sm" ? 14 : 16) : null, typeof children === "string" ? /*#__PURE__*/_jsx(Text, {
+      variant: size === "sm" ? "bodySmall" : "label",
+      weight: active ? "600" : "400",
       style: {
-        color: active ? colors.onPrimary : colors.textMuted
+        color: active ? activeTextColor : colors.textMuted
       },
       children: children
-    }) : children
+    }) : children]
   });
 }
 export function TabsContent({
@@ -112,8 +239,10 @@ export function TabsContent({
   style,
   ...props
 }) {
-  const context = React.useContext(TabsContext);
-  const active = context?.value === value;
+  const {
+    value: selectedValue
+  } = useTabsContext();
+  const active = selectedValue === value;
   if (!active && !forceMount) return null;
   return /*#__PURE__*/_jsx(View, {
     style: [{

package/lib/module/components/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","View","useTheme","Text","jsx","_jsx","TabsContext","createContext","Tabs","value","defaultValue","onValueChange","style","props","spacing","internalValue","setInternalValue","useState","currentValue","handleValueChange","useCallback","next","undefined","context","useMemo","Provider","children","width","gap","md","TabsList","colors","components","radii","minHeight","padding","borderRadius","lg","borderWidth","strong","borderColor","border","backgroundColor","surface","flexDirection","xs","TabsTrigger","disabled","useContext","active","accessibilityRole","accessibilityState","selected","Boolean","onPress","pressed","flex","primary","transparent","alignItems","justifyContent","paddingHorizontal","opacity","variant","color","onPrimary","textMuted","TabsContent","forceMount","display"],"sourceRoot":"../../../src","sources":["components/Tabs.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Pressable","View","Animated","useAnimatedStyle","useSharedValue","withTiming","useTheme","triggerHaptic","Text","renderIcon","jsx","_jsx","jsxs","_jsxs","TabsContext","createContext","useTabsContext","context","useContext","Error","Tabs","value","defaultValue","variant","size","glass","haptic","animated","onValueChange","style","props","spacing","internalValue","setInternalValue","useState","tabNodes","setTabNodes","currentValue","registerTabNode","useCallback","tabValue","layout","prev","x","width","handleValueChange","next","undefined","useMemo","Provider","children","gap","md","listHeights","sm","lg","TabsList","colors","components","radii","isDark","activeNode","indicatorX","indicatorWidth","initialized","useEffect","duration","glassBg","isUnderline","isPills","height","indicatorStyle","transform","translateX","activeBg","primary","primarySoft","transparent","padding","innerRadius","full","minHeight","borderRadius","borderWidth","strong","borderColor","border","borderBottomWidth","borderBottomColor","backgroundColor","input","flexDirection","alignItems","xs","position","top","bottom","zIndex","TabsTrigger","icon","disabled","selectedValue","active","handleLayout","event","nativeEvent","activeTextColor","onPrimary","triggerRadius","accessibilityRole","accessibilityState","selected","Boolean","onLayout","onPress","pressed","flex","justifyContent","paddingHorizontal","opacity","textMuted","weight","color","TabsContent","forceMount","display"],"sourceRoot":"../../../src","sources":["components/Tabs.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Timeline.js

@@ -4,23 +4,38 @@ import React from "react";
 import { View } from "react-native";
 import { useTheme } from "../theme/index.js";
 import { Text } from "./Text.js";
+import { renderIcon } from "./types.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export function Timeline({
   style,
+  children,
   ...props
 }) {
-  const {
-    spacing
-  } = useTheme();
+  const childrenArray = React.Children.toArray(children).filter(Boolean);
+  const count = childrenArray.length;
   return /*#__PURE__*/_jsx(View, {
     style: [{
-      gap: spacing.md
+      gap: 0
     }, style],
-    ...props
+    ...props,
+    children: childrenArray.map((child, index) => {
+      if (/*#__PURE__*/React.isValidElement(child)) {
+        return /*#__PURE__*/React.cloneElement(child, {
+          isLast: child.props.isLast ?? index === count - 1,
+          isFirst: child.props.isFirst ?? index === 0
+        });
+      }
+      return child;
+    })
   });
 }
 export function TimelineItem({
   active = false,
+  isLast = false,
+  isFirst = false,
+  lineColor,
+  dotColor,
+  icon,
   style,
   children,
   ...props
@@ -31,6 +46,8 @@ export function TimelineItem({
     spacing
   } = useTheme();
   const indicatorSize = components.timeline.indicatorSize;
+  const resolvedDotColor = dotColor ?? (active ? colors.primary : colors.border);
+  const resolvedLineColor = lineColor ?? (active ? colors.primary : colors.borderMuted);
   return /*#__PURE__*/_jsxs(View, {
     style: [{
       flexDirection: "row",
@@ -39,26 +56,32 @@ export function TimelineItem({
     ...props,
     children: [/*#__PURE__*/_jsxs(View, {
       style: {
-        alignItems: "center"
+        alignItems: "center",
+        width: indicatorSize + 8
       },
       children: [/*#__PURE__*/_jsx(View, {
         style: {
           width: indicatorSize,
           height: indicatorSize,
           borderRadius: indicatorSize / 2,
-          backgroundColor: active ? colors.primary : colors.border
-        }
-      }), /*#__PURE__*/_jsx(View, {
+          backgroundColor: resolvedDotColor,
+          marginTop: 4,
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        children: icon ? renderIcon(icon, colors.onPrimary, 8) : null
+      }), !isLast && /*#__PURE__*/_jsx(View, {
         style: {
-          width: components.timeline.connectorWidth,
+          width: components.timeline.connectorWidth ?? 1.5,
           flex: 1,
-          minHeight: components.timeline.connectorMinHeight,
-          backgroundColor: colors.borderMuted
+          backgroundColor: resolvedLineColor,
+          marginTop: 4
         }
       })]
     }), /*#__PURE__*/_jsx(View, {
       style: {
         flex: 1,
+        paddingBottom: isLast ? 0 : spacing.lg,
         gap: spacing.xs
       },
       children: children

package/lib/module/components/Timeline.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","useTheme","Text","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Timeline","style","props","spacing","gap","md","TimelineItem","active","children","colors","components","indicatorSize","timeline","flexDirection","alignItems","width","height","borderRadius","backgroundColor","primary","border","connectorWidth","flex","minHeight","connectorMinHeight","borderMuted","xs","TimelineTitle","variant","TimelineDescription","color"],"sourceRoot":"../../../src","sources":["components/Timeline.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,QAIC,cAAc;AAErB,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,IAAI,QAAQ,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAmB9B,OAAO,SAASC,QAAQA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAqB,CAAC,EAAE;EAC3D,MAAM;IAAEC;EAAQ,CAAC,GAAGX,QAAQ,CAAC,CAAC;EAC9B,oBAAOG,IAAA,CAACJ,IAAI;IAACU,KAAK,EAAE,CAAC;MAAEG,GAAG,EAAED,OAAO,CAACE;IAAG,CAAC,EAAEJ,KAAK,CAAE;IAAA,GAAKC;EAAK,CAAG,CAAC;AACjE;AAEA,OAAO,SAASI,YAAYA,CAAC;EAC3BC,MAAM,GAAG,KAAK;EACdN,KAAK;EACLO,QAAQ;EACR,GAAGN;AACc,CAAC,EAAE;EACpB,MAAM;IAAEO,MAAM;IAAEC,UAAU;IAAEP;EAAQ,CAAC,GAAGX,QAAQ,CAAC,CAAC;EAClD,MAAMmB,aAAa,GAAGD,UAAU,CAACE,QAAQ,CAACD,aAAa;EAEvD,oBACEd,KAAA,CAACN,IAAI;IAACU,KAAK,EAAE,CAAC;MAAEY,aAAa,EAAE,KAAK;MAAET,GAAG,EAAED,OAAO,CAACE;IAAG,CAAC,EAAEJ,KAAK,CAAE;IAAA,GAAKC,KAAK;IAAAM,QAAA,gBACxEX,KAAA,CAACN,IAAI;MAACU,KAAK,EAAE;QAAEa,UAAU,EAAE;MAAS,CAAE;MAAAN,QAAA,gBACpCb,IAAA,CAACJ,IAAI;QACHU,KAAK,EAAE;UACLc,KAAK,EAAEJ,aAAa;UACpBK,MAAM,EAAEL,aAAa;UACrBM,YAAY,EAAEN,aAAa,GAAG,CAAC;UAC/BO,eAAe,EAAEX,MAAM,GAAGE,MAAM,CAACU,OAAO,GAAGV,MAAM,CAACW;QACpD;MAAE,CACH,CAAC,eACFzB,IAAA,CAACJ,IAAI;QACHU,KAAK,EAAE;UACLc,KAAK,EAAEL,UAAU,CAACE,QAAQ,CAACS,cAAc;UACzCC,IAAI,EAAE,CAAC;UACPC,SAAS,EAAEb,UAAU,CAACE,QAAQ,CAACY,kBAAkB;UACjDN,eAAe,EAAET,MAAM,CAACgB;QAC1B;MAAE,CACH,CAAC;IAAA,CACE,CAAC,eACP9B,IAAA,CAACJ,IAAI;MAACU,KAAK,EAAE;QAAEqB,IAAI,EAAE,CAAC;QAAElB,GAAG,EAAED,OAAO,CAACuB;MAAG,CAAE;MAAAlB,QAAA,EAAEA;IAAQ,CAAO,CAAC;EAAA,CACxD,CAAC;AAEX;AAEA,OAAO,SAASmB,aAAaA,CAAC;EAAEnB;AAA6B,CAAC,EAAE;EAC9D,OAAO,OAAOA,QAAQ,KAAK,QAAQ,gBACjCb,IAAA,CAACF,IAAI;IAACmC,OAAO,EAAC,OAAO;IAAApB,QAAA,EAAEA;EAAQ,CAAO,CAAC,gBAEvCb,IAAA,CAAAI,SAAA;IAAAS,QAAA,EAAGA;EAAQ,CAAG,CACf;AACH;AAEA,OAAO,SAASqB,mBAAmBA,CAAC;EAAErB;AAAmC,CAAC,EAAE;EAC1E,OAAO,OAAOA,QAAQ,KAAK,QAAQ,gBACjCb,IAAA,CAACF,IAAI;IAACmC,OAAO,EAAC,WAAW;IAACE,KAAK,EAAC,WAAW;IAAAtB,QAAA,EACxCA;EAAQ,CACL,CAAC,gBAEPb,IAAA,CAAAI,SAAA;IAAAS,QAAA,EAAGA;EAAQ,CAAG,CACf;AACH","ignoreList":[]}
+{"version":3,"names":["React","View","useTheme","Text","renderIcon","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Timeline","style","children","props","childrenArray","Children","toArray","filter","Boolean","count","length","gap","map","child","index","isValidElement","cloneElement","isLast","isFirst","TimelineItem","active","lineColor","dotColor","icon","colors","components","spacing","indicatorSize","timeline","resolvedDotColor","primary","border","resolvedLineColor","borderMuted","flexDirection","md","alignItems","width","height","borderRadius","backgroundColor","marginTop","justifyContent","onPrimary","connectorWidth","flex","paddingBottom","lg","xs","TimelineTitle","variant","TimelineDescription","color"],"sourceRoot":"../../../src","sources":["components/Timeline.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,QAIC,cAAc;AAErB,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,UAAU,QAA8C,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAwB3E,OAAO,SAASC,QAAQA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAqB,CAAC,EAAE;EACrE,MAAMC,aAAa,GAAGf,KAAK,CAACgB,QAAQ,CAACC,OAAO,CAACJ,QAAQ,CAAC,CAACK,MAAM,CAACC,OAAO,CAAC;EACtE,MAAMC,KAAK,GAAGL,aAAa,CAACM,MAAM;EAElC,oBACEf,IAAA,CAACL,IAAI;IAACW,KAAK,EAAE,CAAC;MAAEU,GAAG,EAAE;IAAE,CAAC,EAAEV,KAAK,CAAE;IAAA,GAAKE,KAAK;IAAAD,QAAA,EACxCE,aAAa,CAACQ,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;MACnC,iBAAIzB,KAAK,CAAC0B,cAAc,CAAoBF,KAAK,CAAC,EAAE;QAClD,oBAAOxB,KAAK,CAAC2B,YAAY,CAACH,KAAK,EAAE;UAC/BI,MAAM,EAAEJ,KAAK,CAACV,KAAK,CAACc,MAAM,IAAIH,KAAK,KAAKL,KAAK,GAAG,CAAC;UACjDS,OAAO,EAAEL,KAAK,CAACV,KAAK,CAACe,OAAO,IAAIJ,KAAK,KAAK;QAC5C,CAAC,CAAC;MACJ;MACA,OAAOD,KAAK;IACd,CAAC;EAAC,CACE,CAAC;AAEX;AAEA,OAAO,SAASM,YAAYA,CAAC;EAC3BC,MAAM,GAAG,KAAK;EACdH,MAAM,GAAG,KAAK;EACdC,OAAO,GAAG,KAAK;EACfG,SAAS;EACTC,QAAQ;EACRC,IAAI;EACJtB,KAAK;EACLC,QAAQ;EACR,GAAGC;AACc,CAAC,EAAE;EACpB,MAAM;IAAEqB,MAAM;IAAEC,UAAU;IAAEC;EAAQ,CAAC,GAAGnC,QAAQ,CAAC,CAAC;EAClD,MAAMoC,aAAa,GAAGF,UAAU,CAACG,QAAQ,CAACD,aAAa;EACvD,MAAME,gBAAgB,GACpBP,QAAQ,KAAKF,MAAM,GAAGI,MAAM,CAACM,OAAO,GAAGN,MAAM,CAACO,MAAM,CAAC;EACvD,MAAMC,iBAAiB,GACrBX,SAAS,KAAKD,MAAM,GAAGI,MAAM,CAACM,OAAO,GAAGN,MAAM,CAACS,WAAW,CAAC;EAE7D,oBACEpC,KAAA,CAACP,IAAI;IAACW,KAAK,EAAE,CAAC;MAAEiC,aAAa,EAAE,KAAK;MAAEvB,GAAG,EAAEe,OAAO,CAACS;IAAG,CAAC,EAAElC,KAAK,CAAE;IAAA,GAAKE,KAAK;IAAAD,QAAA,gBACxEL,KAAA,CAACP,IAAI;MAACW,KAAK,EAAE;QAAEmC,UAAU,EAAE,QAAQ;QAAEC,KAAK,EAAEV,aAAa,GAAG;MAAE,CAAE;MAAAzB,QAAA,gBAC9DP,IAAA,CAACL,IAAI;QACHW,KAAK,EAAE;UACLoC,KAAK,EAAEV,aAAa;UACpBW,MAAM,EAAEX,aAAa;UACrBY,YAAY,EAAEZ,aAAa,GAAG,CAAC;UAC/Ba,eAAe,EAAEX,gBAAgB;UACjCY,SAAS,EAAE,CAAC;UACZL,UAAU,EAAE,QAAQ;UACpBM,cAAc,EAAE;QAClB,CAAE;QAAAxC,QAAA,EAEDqB,IAAI,GAAG9B,UAAU,CAAC8B,IAAI,EAAEC,MAAM,CAACmB,SAAS,EAAE,CAAC,CAAC,GAAG;MAAI,CAChD,CAAC,EACN,CAAC1B,MAAM,iBACNtB,IAAA,CAACL,IAAI;QACHW,KAAK,EAAE;UACLoC,KAAK,EAAEZ,UAAU,CAACG,QAAQ,CAACgB,cAAc,IAAI,GAAG;UAChDC,IAAI,EAAE,CAAC;UACPL,eAAe,EAAER,iBAAiB;UAClCS,SAAS,EAAE;QACb;MAAE,CACH,CACF;IAAA,CACG,CAAC,eAEP9C,IAAA,CAACL,IAAI;MACHW,KAAK,EAAE;QACL4C,IAAI,EAAE,CAAC;QACPC,aAAa,EAAE7B,MAAM,GAAG,CAAC,GAAGS,OAAO,CAACqB,EAAE;QACtCpC,GAAG,EAAEe,OAAO,CAACsB;MACf,CAAE;MAAA9C,QAAA,EAEDA;IAAQ,CACL,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,OAAO,SAAS+C,aAAaA,CAAC;EAAE/C;AAA6B,CAAC,EAAE;EAC9D,OAAO,OAAOA,QAAQ,KAAK,QAAQ,gBACjCP,IAAA,CAACH,IAAI;IAAC0D,OAAO,EAAC,OAAO;IAAAhD,QAAA,EAAEA;EAAQ,CAAO,CAAC,gBAEvCP,IAAA,CAAAI,SAAA;IAAAG,QAAA,EAAGA;EAAQ,CAAG,CACf;AACH;AAEA,OAAO,SAASiD,mBAAmBA,CAAC;EAAEjD;AAAmC,CAAC,EAAE;EAC1E,OAAO,OAAOA,QAAQ,KAAK,QAAQ,gBACjCP,IAAA,CAACH,IAAI;IAAC0D,OAAO,EAAC,WAAW;IAACE,KAAK,EAAC,WAAW;IAAAlD,QAAA,EACxCA;EAAQ,CACL,CAAC,gBAEPP,IAAA,CAAAI,SAAA;IAAAG,QAAA,EAAGA;EAAQ,CAAG,CACf;AACH","ignoreList":[]}