@masumdev/rn-ui 0.1.0 → 0.1.1

package/lib/commonjs/components/Accordion.js

@@ -0,0 +1,239 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Accordion = Accordion;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _theme = require("../theme");
+var _types = require("./types");
+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); }
+function renderIndicator(indicator, expanded, color, size) {
+  if (typeof indicator === "function") {
+    return indicator({
+      expanded,
+      color,
+      size
+    });
+  }
+  if (indicator) {
+    return indicator;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    style: {
+      color,
+      fontSize: size,
+      lineHeight: size,
+      fontWeight: "700"
+    },
+    children: expanded ? "-" : "+"
+  });
+}
+function DefaultAccordionContent({
+  expanded,
+  children,
+  duration,
+  style
+}) {
+  const progress = (0, _reactNativeReanimated.useSharedValue)(expanded ? 1 : 0);
+  const [contentHeight, setContentHeight] = (0, _react.useState)(0);
+  const [shouldRender, setShouldRender] = (0, _react.useState)(expanded);
+  (0, _react.useEffect)(() => {
+    if (expanded) {
+      setShouldRender(true);
+    }
+    progress.value = (0, _reactNativeReanimated.withTiming)(expanded ? 1 : 0, {
+      duration
+    }, finished => {
+      if (finished && !expanded) {
+        (0, _reactNativeReanimated.runOnJS)(setShouldRender)(false);
+      }
+    });
+  }, [duration, expanded, progress]);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    height: progress.value * contentHeight,
+    opacity: progress.value
+  }));
+  if (!shouldRender && !expanded) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [{
+      overflow: "hidden"
+    }, animatedStyle],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [style, {
+        position: "absolute",
+        left: 0,
+        right: 0
+      }],
+      onLayout: event => {
+        setContentHeight(event.nativeEvent.layout.height);
+      },
+      children: children
+    })
+  });
+}
+function DefaultAccordionIndicator({
+  expanded,
+  children,
+  duration,
+  style
+}) {
+  const progress = (0, _reactNativeReanimated.useSharedValue)(expanded ? 1 : 0);
+  (0, _react.useEffect)(() => {
+    progress.value = (0, _reactNativeReanimated.withTiming)(expanded ? 1 : 0, {
+      duration
+    });
+  }, [duration, expanded, progress]);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      rotate: `${progress.value * 180}deg`
+    }]
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [style, animatedStyle],
+    children: children
+  });
+}
+function Accordion({
+  items,
+  allowMultiple = false,
+  defaultOpenIds = [],
+  openIds,
+  onOpenChange,
+  disabled = false,
+  animated = true,
+  animationDuration = 180,
+  animationComponents,
+  indicator,
+  itemStyle,
+  headerStyle,
+  titleStyle,
+  subtitleStyle,
+  contentStyle,
+  style
+}) {
+  const {
+    colors,
+    components,
+    radii,
+    spacing,
+    typography
+  } = (0, _theme.useTheme)();
+  const [internalOpenIds, setInternalOpenIds] = (0, _react.useState)(defaultOpenIds);
+  const activeOpenIds = openIds ?? internalOpenIds;
+  const openSet = (0, _react.useMemo)(() => new Set(activeOpenIds), [activeOpenIds]);
+  const setNextOpenIds = (0, _react.useCallback)(nextOpenIds => {
+    if (!openIds) {
+      setInternalOpenIds(nextOpenIds);
+    }
+    onOpenChange?.(nextOpenIds);
+  }, [onOpenChange, openIds]);
+  const AnimatedContent = animationComponents?.Content ?? DefaultAccordionContent;
+  const AnimatedIndicator = animationComponents?.Indicator ?? DefaultAccordionIndicator;
+  const toggleItem = (0, _react.useCallback)(item => {
+    if (disabled || item.disabled) return;
+    const expanded = openSet.has(item.id);
+    const nextOpenIds = expanded ? activeOpenIds.filter(id => id !== item.id) : allowMultiple ? [...activeOpenIds, item.id] : [item.id];
+    setNextOpenIds(nextOpenIds);
+  }, [activeOpenIds, allowMultiple, disabled, openSet, setNextOpenIds]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      gap: spacing.sm
+    }, style],
+    children: items.map(item => {
+      const expanded = openSet.has(item.id);
+      const itemDisabled = disabled || item.disabled;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [{
+          backgroundColor: colors.surface,
+          borderRadius: radii.xl,
+          borderWidth: components.borderWidth.strong,
+          borderColor: expanded ? colors.primary : colors.border,
+          overflow: "hidden",
+          opacity: itemDisabled ? 0.58 : 1
+        }, itemStyle],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+          accessibilityRole: "button",
+          accessibilityState: {
+            expanded,
+            disabled: itemDisabled
+          },
+          disabled: itemDisabled,
+          onPress: () => toggleItem(item),
+          style: ({
+            pressed
+          }) => [{
+            padding: spacing.lg,
+            flexDirection: "row",
+            alignItems: "center",
+            gap: spacing.md,
+            backgroundColor: pressed && !itemDisabled ? colors.backgroundMuted : colors.surface
+          }, headerStyle],
+          children: [(0, _types.renderIcon)(item.icon, expanded ? colors.primary : colors.textMuted, 20), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: {
+              flex: 1,
+              gap: spacing.xxs
+            },
+            children: [typeof item.title === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [typography.subtitle, {
+                color: expanded ? colors.primary : colors.text
+              }, titleStyle],
+              children: item.title
+            }) : item.title, typeof item.subtitle === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [typography.bodySmall, {
+                color: colors.textMuted
+              }, subtitleStyle],
+              children: item.subtitle
+            }) : item.subtitle]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              width: 24,
+              height: 24,
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            children: animated ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedIndicator, {
+              expanded: expanded,
+              duration: animationDuration,
+              children: renderIndicator(indicator, expanded, expanded ? colors.primary : colors.textMuted, 18)
+            }) : renderIndicator(indicator, expanded, expanded ? colors.primary : colors.textMuted, 18)
+          })]
+        }), animated ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedContent, {
+          expanded: expanded,
+          duration: animationDuration,
+          style: [{
+            borderTopWidth: 1,
+            borderTopColor: colors.border,
+            padding: spacing.lg,
+            backgroundColor: colors.surface
+          }, contentStyle],
+          children: typeof item.content === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [typography.body, {
+              color: colors.textMuted
+            }],
+            children: item.content
+          }) : item.content
+        }) : expanded && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [{
+            borderTopWidth: 1,
+            borderTopColor: colors.border,
+            padding: spacing.lg,
+            backgroundColor: colors.surface
+          }, contentStyle],
+          children: typeof item.content === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [typography.body, {
+              color: colors.textMuted
+            }],
+            children: item.content
+          }) : item.content
+        })]
+      }, item.id);
+    })
+  });
+}
+//# sourceMappingURL=Accordion.js.map

package/lib/commonjs/components/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_theme","_types","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","renderIndicator","indicator","expanded","color","size","jsx","Text","style","fontSize","lineHeight","fontWeight","children","DefaultAccordionContent","duration","progress","useSharedValue","contentHeight","setContentHeight","useState","shouldRender","setShouldRender","useEffect","value","withTiming","finished","runOnJS","animatedStyle","useAnimatedStyle","height","opacity","View","overflow","position","left","right","onLayout","event","nativeEvent","layout","DefaultAccordionIndicator","transform","rotate","Accordion","items","allowMultiple","defaultOpenIds","openIds","onOpenChange","disabled","animated","animationDuration","animationComponents","itemStyle","headerStyle","titleStyle","subtitleStyle","contentStyle","colors","components","radii","spacing","typography","useTheme","internalOpenIds","setInternalOpenIds","activeOpenIds","openSet","useMemo","Set","setNextOpenIds","useCallback","nextOpenIds","AnimatedContent","Content","AnimatedIndicator","Indicator","toggleItem","item","id","filter","gap","sm","map","itemDisabled","jsxs","backgroundColor","surface","borderRadius","xl","borderWidth","strong","borderColor","primary","border","Pressable","accessibilityRole","accessibilityState","onPress","pressed","padding","lg","flexDirection","alignItems","md","backgroundMuted","renderIcon","icon","textMuted","flex","xxs","title","subtitle","text","bodySmall","width","justifyContent","borderTopWidth","borderTopColor","content","body"],"sourceRoot":"../../../src","sources":["components/Accordion.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAQA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AAOA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAsD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,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;AA2DtD,SAASkB,eAAeA,CACtBC,SAAyC,EACzCC,QAAiB,EACjBC,KAAa,EACbC,IAAY,EACZ;EACA,IAAI,OAAOH,SAAS,KAAK,UAAU,EAAE;IACnC,OAAOA,SAAS,CAAC;MAAEC,QAAQ;MAAEC,KAAK;MAAEC;IAAK,CAAC,CAAC;EAC7C;EAEA,IAAIH,SAAS,EAAE;IACb,OAAOA,SAAS;EAClB;EAEA,oBACE,IAAArB,WAAA,CAAAyB,GAAA,EAAC7B,YAAA,CAAA8B,IAAM;IACLC,KAAK,EAAE;MACLJ,KAAK;MACLK,QAAQ,EAAEJ,IAAI;MACdK,UAAU,EAAEL,IAAI;MAChBM,UAAU,EAAE;IACd,CAAE;IAAAC,QAAA,EAEDT,QAAQ,GAAG,GAAG,GAAG;EAAG,CACf,CAAC;AAEb;AAEA,SAASU,uBAAuBA,CAAC;EAC/BV,QAAQ;EACRS,QAAQ;EACRE,QAAQ;EACRN;AAC6B,CAAC,EAAE;EAChC,MAAMO,QAAQ,GAAG,IAAAC,qCAAc,EAACb,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAC;EACjD,MAAM,CAACc,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EACrD,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAF,eAAQ,EAAChB,QAAQ,CAAC;EAE1D,IAAAmB,gBAAS,EAAC,MAAM;IACd,IAAInB,QAAQ,EAAE;MACZkB,eAAe,CAAC,IAAI,CAAC;IACvB;IAEAN,QAAQ,CAACQ,KAAK,GAAG,IAAAC,iCAAU,EAACrB,QAAQ,GAAG,CAAC,GAAG,CAAC,EAAE;MAAEW;IAAS,CAAC,EAAGW,QAAQ,IAAK;MACxE,IAAIA,QAAQ,IAAI,CAACtB,QAAQ,EAAE;QACzB,IAAAuB,8BAAO,EAACL,eAAe,CAAC,CAAC,KAAK,CAAC;MACjC;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACP,QAAQ,EAAEX,QAAQ,EAAEY,QAAQ,CAAC,CAAC;EAElC,MAAMY,aAAa,GAAG,IAAAC,uCAAgB,EAAC,OAAO;IAC5CC,MAAM,EAAEd,QAAQ,CAACQ,KAAK,GAAGN,aAAa;IACtCa,OAAO,EAAEf,QAAQ,CAACQ;EACpB,CAAC,CAAC,CAAC;EAEH,IAAI,CAACH,YAAY,IAAI,CAACjB,QAAQ,EAAE;IAC9B,OAAO,IAAI;EACb;EAEA,oBACE,IAAAtB,WAAA,CAAAyB,GAAA,EAAC5B,sBAAA,CAAAc,OAAQ,CAACuC,IAAI;IAACvB,KAAK,EAAE,CAAC;MAAEwB,QAAQ,EAAE;IAAS,CAAC,EAAEL,aAAa,CAAE;IAAAf,QAAA,eAC5D,IAAA/B,WAAA,CAAAyB,GAAA,EAAC7B,YAAA,CAAAsD,IAAI;MACHvB,KAAK,EAAE,CAACA,KAAK,EAAE;QAAEyB,QAAQ,EAAE,UAAU;QAAEC,IAAI,EAAE,CAAC;QAAEC,KAAK,EAAE;MAAE,CAAC,CAAE;MAC5DC,QAAQ,EAAGC,KAAK,IAAK;QACnBnB,gBAAgB,CAACmB,KAAK,CAACC,WAAW,CAACC,MAAM,CAACV,MAAM,CAAC;MACnD,CAAE;MAAAjB,QAAA,EAEDA;IAAQ,CACL;EAAC,CACM,CAAC;AAEpB;AAEA,SAAS4B,yBAAyBA,CAAC;EACjCrC,QAAQ;EACRS,QAAQ;EACRE,QAAQ;EACRN;AAC+B,CAAC,EAAE;EAClC,MAAMO,QAAQ,GAAG,IAAAC,qCAAc,EAACb,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAC;EAEjD,IAAAmB,gBAAS,EAAC,MAAM;IACdP,QAAQ,CAACQ,KAAK,GAAG,IAAAC,iCAAU,EAACrB,QAAQ,GAAG,CAAC,GAAG,CAAC,EAAE;MAAEW;IAAS,CAAC,CAAC;EAC7D,CAAC,EAAE,CAACA,QAAQ,EAAEX,QAAQ,EAAEY,QAAQ,CAAC,CAAC;EAElC,MAAMY,aAAa,GAAG,IAAAC,uCAAgB,EAAC,OAAO;IAC5Ca,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE,GAAG3B,QAAQ,CAACQ,KAAK,GAAG,GAAG;IAAM,CAAC;EACtD,CAAC,CAAC,CAAC;EAEH,oBACE,IAAA1C,WAAA,CAAAyB,GAAA,EAAC5B,sBAAA,CAAAc,OAAQ,CAACuC,IAAI;IAACvB,KAAK,EAAE,CAACA,KAAK,EAAEmB,aAAa,CAAE;IAAAf,QAAA,EAAEA;EAAQ,CAAgB,CAAC;AAE5E;AAEO,SAAS+B,SAASA,CAAC;EACxBC,KAAK;EACLC,aAAa,GAAG,KAAK;EACrBC,cAAc,GAAG,EAAE;EACnBC,OAAO;EACPC,YAAY;EACZC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,IAAI;EACfC,iBAAiB,GAAG,GAAG;EACvBC,mBAAmB;EACnBlD,SAAS;EACTmD,SAAS;EACTC,WAAW;EACXC,UAAU;EACVC,aAAa;EACbC,YAAY;EACZjD;AACc,CAAC,EAAE;EACjB,MAAM;IAAEkD,MAAM;IAAEC,UAAU;IAAEC,KAAK;IAAEC,OAAO;IAAEC;EAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACrE,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAG,IAAA9C,eAAQ,EAAC2B,cAAc,CAAC;EACtE,MAAMoB,aAAa,GAAGnB,OAAO,IAAIiB,eAAe;EAEhD,MAAMG,OAAO,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAIC,GAAG,CAACH,aAAa,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEtE,MAAMI,cAAc,GAAG,IAAAC,kBAAW,EAC/BC,WAAqB,IAAK;IACzB,IAAI,CAACzB,OAAO,EAAE;MACZkB,kBAAkB,CAACO,WAAW,CAAC;IACjC;IAEAxB,YAAY,GAAGwB,WAAW,CAAC;EAC7B,CAAC,EACD,CAACxB,YAAY,EAAED,OAAO,CACxB,CAAC;EAED,MAAM0B,eAAe,GACnBrB,mBAAmB,EAAEsB,OAAO,IAAI7D,uBAAuB;EACzD,MAAM8D,iBAAiB,GACrBvB,mBAAmB,EAAEwB,SAAS,IAAIpC,yBAAyB;EAE7D,MAAMqC,UAAU,GAAG,IAAAN,kBAAW,EAC3BO,IAAmB,IAAK;IACvB,IAAI7B,QAAQ,IAAI6B,IAAI,CAAC7B,QAAQ,EAAE;IAE/B,MAAM9C,QAAQ,GAAGgE,OAAO,CAAC1E,GAAG,CAACqF,IAAI,CAACC,EAAE,CAAC;IACrC,MAAMP,WAAW,GAAGrE,QAAQ,GACxB+D,aAAa,CAACc,MAAM,CAAED,EAAE,IAAKA,EAAE,KAAKD,IAAI,CAACC,EAAE,CAAC,GAC5ClC,aAAa,GACX,CAAC,GAAGqB,aAAa,EAAEY,IAAI,CAACC,EAAE,CAAC,GAC3B,CAACD,IAAI,CAACC,EAAE,CAAC;IAEfT,cAAc,CAACE,WAAW,CAAC;EAC7B,CAAC,EACD,CAACN,aAAa,EAAErB,aAAa,EAAEI,QAAQ,EAAEkB,OAAO,EAAEG,cAAc,CAClE,CAAC;EAED,oBACE,IAAAzF,WAAA,CAAAyB,GAAA,EAAC7B,YAAA,CAAAsD,IAAI;IAACvB,KAAK,EAAE,CAAC;MAAEyE,GAAG,EAAEpB,OAAO,CAACqB;IAAG,CAAC,EAAE1E,KAAK,CAAE;IAAAI,QAAA,EACvCgC,KAAK,CAACuC,GAAG,CAAEL,IAAI,IAAK;MACnB,MAAM3E,QAAQ,GAAGgE,OAAO,CAAC1E,GAAG,CAACqF,IAAI,CAACC,EAAE,CAAC;MACrC,MAAMK,YAAY,GAAGnC,QAAQ,IAAI6B,IAAI,CAAC7B,QAAQ;MAE9C,oBACE,IAAApE,WAAA,CAAAwG,IAAA,EAAC5G,YAAA,CAAAsD,IAAI;QAEHvB,KAAK,EAAE,CACL;UACE8E,eAAe,EAAE5B,MAAM,CAAC6B,OAAO;UAC/BC,YAAY,EAAE5B,KAAK,CAAC6B,EAAE;UACtBC,WAAW,EAAE/B,UAAU,CAAC+B,WAAW,CAACC,MAAM;UAC1CC,WAAW,EAAEzF,QAAQ,GAAGuD,MAAM,CAACmC,OAAO,GAAGnC,MAAM,CAACoC,MAAM;UACtD9D,QAAQ,EAAE,QAAQ;UAClBF,OAAO,EAAEsD,YAAY,GAAG,IAAI,GAAG;QACjC,CAAC,EACD/B,SAAS,CACT;QAAAzC,QAAA,gBAEF,IAAA/B,WAAA,CAAAwG,IAAA,EAAC5G,YAAA,CAAAsH,SAAS;UACRC,iBAAiB,EAAC,QAAQ;UAC1BC,kBAAkB,EAAE;YAAE9F,QAAQ;YAAE8C,QAAQ,EAAEmC;UAAa,CAAE;UACzDnC,QAAQ,EAAEmC,YAAa;UACvBc,OAAO,EAAEA,CAAA,KAAMrB,UAAU,CAACC,IAAI,CAAE;UAChCtE,KAAK,EAAEA,CAAC;YAAE2F;UAAQ,CAAC,KAAK,CACtB;YACEC,OAAO,EAAEvC,OAAO,CAACwC,EAAE;YACnBC,aAAa,EAAE,KAAK;YACpBC,UAAU,EAAE,QAAQ;YACpBtB,GAAG,EAAEpB,OAAO,CAAC2C,EAAE;YACflB,eAAe,EACba,OAAO,IAAI,CAACf,YAAY,GACpB1B,MAAM,CAAC+C,eAAe,GACtB/C,MAAM,CAAC6B;UACf,CAAC,EACDjC,WAAW,CACX;UAAA1C,QAAA,GAED,IAAA8F,iBAAU,EACT5B,IAAI,CAAC6B,IAAI,EACTxG,QAAQ,GAAGuD,MAAM,CAACmC,OAAO,GAAGnC,MAAM,CAACkD,SAAS,EAC5C,EACF,CAAC,eAED,IAAA/H,WAAA,CAAAwG,IAAA,EAAC5G,YAAA,CAAAsD,IAAI;YAACvB,KAAK,EAAE;cAAEqG,IAAI,EAAE,CAAC;cAAE5B,GAAG,EAAEpB,OAAO,CAACiD;YAAI,CAAE;YAAAlG,QAAA,GACxC,OAAOkE,IAAI,CAACiC,KAAK,KAAK,QAAQ,gBAC7B,IAAAlI,WAAA,CAAAyB,GAAA,EAAC7B,YAAA,CAAA8B,IAAM;cACLC,KAAK,EAAE,CACLsD,UAAU,CAACkD,QAAQ,EACnB;gBAAE5G,KAAK,EAAED,QAAQ,GAAGuD,MAAM,CAACmC,OAAO,GAAGnC,MAAM,CAACuD;cAAK,CAAC,EAClD1D,UAAU,CACV;cAAA3C,QAAA,EAEDkE,IAAI,CAACiC;YAAK,CACL,CAAC,GAETjC,IAAI,CAACiC,KACN,EAEA,OAAOjC,IAAI,CAACkC,QAAQ,KAAK,QAAQ,gBAChC,IAAAnI,WAAA,CAAAyB,GAAA,EAAC7B,YAAA,CAAA8B,IAAM;cACLC,KAAK,EAAE,CACLsD,UAAU,CAACoD,SAAS,EACpB;gBAAE9G,KAAK,EAAEsD,MAAM,CAACkD;cAAU,CAAC,EAC3BpD,aAAa,CACb;cAAA5C,QAAA,EAEDkE,IAAI,CAACkC;YAAQ,CACR,CAAC,GAETlC,IAAI,CAACkC,QACN;UAAA,CACG,CAAC,eAEP,IAAAnI,WAAA,CAAAyB,GAAA,EAAC7B,YAAA,CAAAsD,IAAI;YACHvB,KAAK,EAAE;cACL2G,KAAK,EAAE,EAAE;cACTtF,MAAM,EAAE,EAAE;cACV0E,UAAU,EAAE,QAAQ;cACpBa,cAAc,EAAE;YAClB,CAAE;YAAAxG,QAAA,EAEDsC,QAAQ,gBACP,IAAArE,WAAA,CAAAyB,GAAA,EAACqE,iBAAiB;cAChBxE,QAAQ,EAAEA,QAAS;cACnBW,QAAQ,EAAEqC,iBAAkB;cAAAvC,QAAA,EAE3BX,eAAe,CACdC,SAAS,EACTC,QAAQ,EACRA,QAAQ,GAAGuD,MAAM,CAACmC,OAAO,GAAGnC,MAAM,CAACkD,SAAS,EAC5C,EACF;YAAC,CACgB,CAAC,GAEpB3G,eAAe,CACbC,SAAS,EACTC,QAAQ,EACRA,QAAQ,GAAGuD,MAAM,CAACmC,OAAO,GAAGnC,MAAM,CAACkD,SAAS,EAC5C,EACF;UACD,CACG,CAAC;QAAA,CACE,CAAC,EAEX1D,QAAQ,gBACP,IAAArE,WAAA,CAAAyB,GAAA,EAACmE,eAAe;UACdtE,QAAQ,EAAEA,QAAS;UACnBW,QAAQ,EAAEqC,iBAAkB;UAC5B3C,KAAK,EAAE,CACL;YACE6G,cAAc,EAAE,CAAC;YACjBC,cAAc,EAAE5D,MAAM,CAACoC,MAAM;YAC7BM,OAAO,EAAEvC,OAAO,CAACwC,EAAE;YACnBf,eAAe,EAAE5B,MAAM,CAAC6B;UAC1B,CAAC,EACD9B,YAAY,CACZ;UAAA7C,QAAA,EAED,OAAOkE,IAAI,CAACyC,OAAO,KAAK,QAAQ,gBAC/B,IAAA1I,WAAA,CAAAyB,GAAA,EAAC7B,YAAA,CAAA8B,IAAM;YACLC,KAAK,EAAE,CAACsD,UAAU,CAAC0D,IAAI,EAAE;cAAEpH,KAAK,EAAEsD,MAAM,CAACkD;YAAU,CAAC,CAAE;YAAAhG,QAAA,EAErDkE,IAAI,CAACyC;UAAO,CACP,CAAC,GAETzC,IAAI,CAACyC;QACN,CACc,CAAC,GAElBpH,QAAQ,iBACN,IAAAtB,WAAA,CAAAyB,GAAA,EAAC7B,YAAA,CAAAsD,IAAI;UACHvB,KAAK,EAAE,CACL;YACE6G,cAAc,EAAE,CAAC;YACjBC,cAAc,EAAE5D,MAAM,CAACoC,MAAM;YAC7BM,OAAO,EAAEvC,OAAO,CAACwC,EAAE;YACnBf,eAAe,EAAE5B,MAAM,CAAC6B;UAC1B,CAAC,EACD9B,YAAY,CACZ;UAAA7C,QAAA,EAED,OAAOkE,IAAI,CAACyC,OAAO,KAAK,QAAQ,gBAC/B,IAAA1I,WAAA,CAAAyB,GAAA,EAAC7B,YAAA,CAAA8B,IAAM;YACLC,KAAK,EAAE,CAACsD,UAAU,CAAC0D,IAAI,EAAE;cAAEpH,KAAK,EAAEsD,MAAM,CAACkD;YAAU,CAAC,CAAE;YAAAhG,QAAA,EAErDkE,IAAI,CAACyC;UAAO,CACP,CAAC,GAETzC,IAAI,CAACyC;QACN,CACG,CAET;MAAA,GAnJIzC,IAAI,CAACC,EAoJN,CAAC;IAEX,CAAC;EAAC,CACE,CAAC;AAEX","ignoreList":[]}

package/lib/commonjs/components/Alert.js

@@ -0,0 +1,183 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Alert = Alert;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _theme = require("../theme");
+var _types = require("./types");
+var _Text = require("./Text");
+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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function getToneColors(tone, colors) {
+  if (tone === "primary") return {
+    base: colors.primary,
+    soft: colors.primarySoft,
+    on: colors.onPrimary
+  };
+  if (tone === "success") return {
+    base: colors.success,
+    soft: colors.successSoft,
+    on: colors.onSuccess
+  };
+  if (tone === "warning") return {
+    base: colors.warning,
+    soft: colors.warningSoft,
+    on: colors.onWarning
+  };
+  if (tone === "danger") return {
+    base: colors.danger,
+    soft: colors.dangerSoft,
+    on: colors.onDanger
+  };
+  if (tone === "info") return {
+    base: colors.info,
+    soft: colors.infoSoft,
+    on: colors.onInfo
+  };
+  return {
+    base: colors.secondary,
+    soft: colors.secondarySoft,
+    on: colors.onSecondary
+  };
+}
+function renderTextContent(content, fallbackStyle) {
+  if (typeof content === "string") {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      style: fallbackStyle,
+      children: content
+    });
+  }
+  return content;
+}
+function Alert({
+  title,
+  children,
+  tone = "info",
+  variant = "soft",
+  icon,
+  action,
+  dismissible = false,
+  animated = true,
+  animationDuration = 180,
+  onClose,
+  closeIcon,
+  style,
+  contentStyle,
+  titleStyle,
+  textStyle
+}) {
+  const {
+    colors,
+    components,
+    radii,
+    spacing
+  } = (0, _theme.useTheme)();
+  const [visible, setVisible] = _react.default.useState(true);
+  const progress = (0, _reactNativeReanimated.useSharedValue)(1);
+  const toneColors = getToneColors(tone, colors);
+  const isSolid = variant === "solid";
+  const backgroundColor = variant === "solid" ? toneColors.base : variant === "soft" ? toneColors.soft : colors.surface;
+  const foregroundColor = isSolid ? toneColors.on : toneColors.base;
+  const bodyColor = isSolid ? toneColors.on : colors.textMuted;
+  const borderColor = variant === "outline" ? toneColors.base : toneColors.base;
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: progress.value,
+    transform: [{
+      scale: 0.98 + progress.value * 0.02
+    }]
+  }));
+  const handleClose = () => {
+    if (dismissible && animated) {
+      progress.value = (0, _reactNativeReanimated.withTiming)(0, {
+        duration: animationDuration
+      }, finished => {
+        if (finished) {
+          (0, _reactNativeReanimated.runOnJS)(setVisible)(false);
+        }
+      });
+    } else if (dismissible) {
+      setVisible(false);
+    }
+    onClose?.();
+  };
+  const container = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    accessibilityRole: "alert",
+    style: [{
+      backgroundColor,
+      borderColor,
+      borderWidth: components.borderWidth.strong,
+      borderRadius: radii.xl,
+      padding: spacing.lg,
+      flexDirection: "row",
+      gap: spacing.md
+    }, style],
+    children: [(0, _types.renderIcon)(icon, foregroundColor, 20), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [{
+        flex: 1,
+        gap: spacing.xs
+      }, contentStyle],
+      children: [title ? renderTextContent(title, [{
+        color: isSolid ? toneColors.on : colors.text
+      }, titleStyle]) : null, children ? renderTextContent(children, [{
+        color: bodyColor
+      }, textStyle]) : null, action ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+        accessibilityRole: "button",
+        onPress: action.onPress,
+        style: ({
+          pressed
+        }) => ({
+          alignSelf: "flex-start",
+          flexDirection: "row",
+          alignItems: "center",
+          gap: spacing.xs,
+          marginTop: spacing.xs,
+          opacity: pressed ? 0.72 : 1
+        }),
+        children: [(0, _types.renderIcon)(action.icon, foregroundColor, 14), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          variant: "labelSmall",
+          style: {
+            color: foregroundColor
+          },
+          children: action.label
+        })]
+      }) : null]
+    }), dismissible || onClose ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      accessibilityRole: "button",
+      accessibilityLabel: "Close alert",
+      onPress: handleClose,
+      style: ({
+        pressed
+      }) => ({
+        width: 28,
+        height: 28,
+        borderRadius: 14,
+        alignItems: "center",
+        justifyContent: "center",
+        opacity: pressed ? 0.72 : 1
+      }),
+      children: closeIcon ? (0, _types.renderIcon)(closeIcon, foregroundColor, 16) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "label",
+        style: {
+          color: foregroundColor
+        },
+        children: "x"
+      })
+    }) : null]
+  });
+  if (!visible) {
+    return null;
+  }
+  if (animated) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: animatedStyle,
+      children: container
+    });
+  }
+  return container;
+}
+//# sourceMappingURL=Alert.js.map

package/lib/commonjs/components/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_theme","_types","_Text","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","getToneColors","tone","colors","base","primary","soft","primarySoft","on","onPrimary","success","successSoft","onSuccess","warning","warningSoft","onWarning","danger","dangerSoft","onDanger","info","infoSoft","onInfo","secondary","secondarySoft","onSecondary","renderTextContent","content","fallbackStyle","jsx","Text","style","children","Alert","title","variant","icon","action","dismissible","animated","animationDuration","onClose","closeIcon","contentStyle","titleStyle","textStyle","components","radii","spacing","useTheme","visible","setVisible","React","useState","progress","useSharedValue","toneColors","isSolid","backgroundColor","surface","foregroundColor","bodyColor","textMuted","borderColor","animatedStyle","useAnimatedStyle","opacity","value","transform","scale","handleClose","withTiming","duration","finished","runOnJS","container","jsxs","View","accessibilityRole","borderWidth","strong","borderRadius","xl","padding","lg","flexDirection","gap","md","renderIcon","flex","xs","color","text","Pressable","onPress","pressed","alignSelf","alignItems","marginTop","label","accessibilityLabel","width","height","justifyContent"],"sourceRoot":"../../../src","sources":["components/Alert.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/AlertDialog.js

@@ -0,0 +1,223 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AlertDialog = AlertDialog;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _theme = require("../theme");
+var _types = require("./types");
+var _Button = require("./Button");
+var _Text = require("./Text");
+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); }
+function getToneColor(tone, colors) {
+  if (tone === "primary") return colors.primary;
+  if (tone === "success") return colors.success;
+  if (tone === "warning") return colors.warning;
+  if (tone === "danger") return colors.danger;
+  if (tone === "info") return colors.info;
+  return colors.secondary;
+}
+function renderDialogText(content, variant, color, style) {
+  if (typeof content === "string") {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: variant,
+      color: color,
+      style: style,
+      children: content
+    });
+  }
+  return content;
+}
+function AlertDialog({
+  visible,
+  title,
+  description,
+  children,
+  tone = "primary",
+  icon,
+  closeIcon,
+  confirmText = "Confirm",
+  cancelText = "Cancel",
+  onConfirm,
+  onCancel,
+  onClose,
+  confirmLoading = false,
+  confirmDisabled = false,
+  cancelDisabled = false,
+  dismissOnBackdropPress = true,
+  animated = true,
+  animationDuration = 180,
+  modalProps,
+  overlayStyle,
+  style,
+  contentStyle,
+  titleStyle,
+  descriptionStyle
+}) {
+  const {
+    colors,
+    components,
+    radii,
+    spacing
+  } = (0, _theme.useTheme)();
+  const [mounted, setMounted] = (0, _react.useState)(visible);
+  const progress = (0, _reactNativeReanimated.useSharedValue)(visible ? 1 : 0);
+  const toneColor = getToneColor(tone, colors);
+  (0, _react.useEffect)(() => {
+    if (visible) {
+      setMounted(true);
+    }
+    if (!animated) {
+      if (!visible) {
+        setMounted(false);
+      }
+      return;
+    }
+    progress.value = (0, _reactNativeReanimated.withTiming)(visible ? 1 : 0, {
+      duration: animationDuration
+    }, finished => {
+      if (finished && !visible) {
+        (0, _reactNativeReanimated.runOnJS)(setMounted)(false);
+      }
+    });
+  }, [animated, animationDuration, progress, visible]);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: progress.value,
+    transform: [{
+      scale: 0.96 + progress.value * 0.04
+    }, {
+      translateY: 12 * (1 - progress.value)
+    }]
+  }));
+  if (!mounted) {
+    return null;
+  }
+  const requestClose = () => {
+    onClose?.();
+  };
+  const handleBackdropPress = () => {
+    if (dismissOnBackdropPress) {
+      requestClose();
+    }
+  };
+  const dialog = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      width: "100%",
+      maxWidth: 420,
+      backgroundColor: colors.surface,
+      borderRadius: radii.xxl,
+      borderWidth: components.borderWidth.strong,
+      borderColor: colors.border,
+      padding: spacing.lg,
+      gap: spacing.lg
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: "row",
+        gap: spacing.md,
+        alignItems: "flex-start"
+      },
+      children: [icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: 40,
+          height: 40,
+          borderRadius: radii.lg,
+          backgroundColor: colors.backgroundMuted,
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        children: (0, _types.renderIcon)(icon, toneColor, 22)
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [{
+          flex: 1,
+          gap: spacing.xs
+        }, contentStyle],
+        children: [title ? renderDialogText(title, "title", "text", titleStyle) : null, description ? renderDialogText(description, "bodySmall", "textMuted", descriptionStyle) : null]
+      }), onClose ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        accessibilityRole: "button",
+        accessibilityLabel: "Close dialog",
+        onPress: requestClose,
+        style: ({
+          pressed
+        }) => ({
+          width: 32,
+          height: 32,
+          borderRadius: 16,
+          alignItems: "center",
+          justifyContent: "center",
+          opacity: pressed ? 0.72 : 1
+        }),
+        children: closeIcon ? (0, _types.renderIcon)(closeIcon, colors.textMuted, 18) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          variant: "label",
+          color: "textMuted",
+          children: "x"
+        })
+      }) : null]
+    }), children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      children: children
+    }) : null, onCancel || onConfirm ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: "row",
+        justifyContent: "flex-end",
+        gap: spacing.sm
+      },
+      children: [onCancel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+        variant: "outline",
+        tone: "secondary",
+        size: "sm",
+        disabled: cancelDisabled,
+        onPress: onCancel,
+        children: cancelText
+      }) : null, onConfirm ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+        variant: "filled",
+        tone: tone,
+        size: "sm",
+        loading: confirmLoading,
+        disabled: confirmDisabled,
+        onPress: onConfirm,
+        children: confirmText
+      }) : null]
+    }) : null]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: mounted,
+    transparent: true,
+    animationType: "none",
+    statusBarTranslucent: true,
+    navigationBarTranslucent: true,
+    hardwareAccelerated: true,
+    onRequestClose: requestClose,
+    ...modalProps,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [{
+        flex: 1,
+        backgroundColor: colors.overlay,
+        padding: spacing.xl,
+        alignItems: "center",
+        justifyContent: "center"
+      }, overlayStyle],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        accessibilityRole: "button",
+        style: {
+          position: "absolute",
+          top: 0,
+          right: 0,
+          bottom: 0,
+          left: 0
+        },
+        onPress: handleBackdropPress
+      }), animated ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        style: [{
+          width: "100%",
+          maxWidth: 420
+        }, animatedStyle],
+        children: dialog
+      }) : dialog]
+    })
+  });
+}
+//# sourceMappingURL=AlertDialog.js.map