@masumdev/rn-ui 0.1.0 → 0.1.2

package/lib/module/components/KeyboardAvoiding.js

@@ -0,0 +1,64 @@
+"use strict";
+
+import React from "react";
+import { KeyboardAvoidingView, Platform, ScrollView, View } from "react-native";
+import { useTheme } from "../theme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function KeyboardAvoiding({
+  bg = "background",
+  p,
+  px,
+  py,
+  gap,
+  scroll = false,
+  fullHeight = true,
+  behavior,
+  keyboardVerticalOffset = 0,
+  enabled = true,
+  contentContainerStyle,
+  scrollViewProps,
+  style,
+  children,
+  ...props
+}) {
+  const {
+    colors,
+    spacing
+  } = useTheme();
+  const resolvedBehavior = behavior ?? (Platform.OS === "ios" ? "padding" : "height");
+  const {
+    contentContainerStyle: scrollContentContainerStyle,
+    keyboardShouldPersistTaps = "handled",
+    contentInsetAdjustmentBehavior = "automatic",
+    ...restScrollViewProps
+  } = scrollViewProps ?? {};
+  const contentStyle = {
+    padding: p ? spacing[p] : undefined,
+    paddingHorizontal: px ? spacing[px] : undefined,
+    paddingVertical: py ? spacing[py] : undefined,
+    gap: gap ? spacing[gap] : undefined
+  };
+  return /*#__PURE__*/_jsx(KeyboardAvoidingView, {
+    behavior: resolvedBehavior,
+    keyboardVerticalOffset: keyboardVerticalOffset,
+    enabled: enabled,
+    style: [{
+      flex: fullHeight ? 1 : undefined,
+      backgroundColor: colors[bg]
+    }, style],
+    ...props,
+    children: scroll ? /*#__PURE__*/_jsx(ScrollView, {
+      keyboardShouldPersistTaps: keyboardShouldPersistTaps,
+      contentInsetAdjustmentBehavior: contentInsetAdjustmentBehavior,
+      contentContainerStyle: [contentStyle, fullHeight && {
+        flexGrow: 1
+      }, contentContainerStyle, scrollContentContainerStyle],
+      ...restScrollViewProps,
+      children: children
+    }) : /*#__PURE__*/_jsx(View, {
+      style: [contentStyle, contentContainerStyle],
+      children: children
+    })
+  });
+}
+//# sourceMappingURL=KeyboardAvoiding.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","KeyboardAvoidingView","Platform","ScrollView","View","useTheme","jsx","_jsx","KeyboardAvoiding","bg","p","px","py","gap","scroll","fullHeight","behavior","keyboardVerticalOffset","enabled","contentContainerStyle","scrollViewProps","style","children","props","colors","spacing","resolvedBehavior","OS","scrollContentContainerStyle","keyboardShouldPersistTaps","contentInsetAdjustmentBehavior","restScrollViewProps","contentStyle","padding","undefined","paddingHorizontal","paddingVertical","flex","backgroundColor","flexGrow"],"sourceRoot":"../../../src","sources":["components/KeyboardAvoiding.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,oBAAoB,EACpBC,QAAQ,EACRC,UAAU,EACVC,IAAI,QAKC,cAAc;AAErB,SAASC,QAAQ,QAAQ,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAqBpC,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,EAAE,GAAG,YAAY;EACjBC,CAAC;EACDC,EAAE;EACFC,EAAE;EACFC,GAAG;EACHC,MAAM,GAAG,KAAK;EACdC,UAAU,GAAG,IAAI;EACjBC,QAAQ;EACRC,sBAAsB,GAAG,CAAC;EAC1BC,OAAO,GAAG,IAAI;EACdC,qBAAqB;EACrBC,eAAe;EACfC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACkB,CAAC,EAAE;EACxB,MAAM;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAGpB,QAAQ,CAAC,CAAC;EACtC,MAAMqB,gBAAgB,GACpBV,QAAQ,KAAKd,QAAQ,CAACyB,EAAE,KAAK,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;EAC5D,MAAM;IACJR,qBAAqB,EAAES,2BAA2B;IAClDC,yBAAyB,GAAG,SAAS;IACrCC,8BAA8B,GAAG,WAAW;IAC5C,GAAGC;EACL,CAAC,GAAGX,eAAe,IAAI,CAAC,CAAC;EAEzB,MAAMY,YAAuB,GAAG;IAC9BC,OAAO,EAAEvB,CAAC,GAAGe,OAAO,CAACf,CAAC,CAAC,GAAGwB,SAAS;IACnCC,iBAAiB,EAAExB,EAAE,GAAGc,OAAO,CAACd,EAAE,CAAC,GAAGuB,SAAS;IAC/CE,eAAe,EAAExB,EAAE,GAAGa,OAAO,CAACb,EAAE,CAAC,GAAGsB,SAAS;IAC7CrB,GAAG,EAAEA,GAAG,GAAGY,OAAO,CAACZ,GAAG,CAAC,GAAGqB;EAC5B,CAAC;EAED,oBACE3B,IAAA,CAACN,oBAAoB;IACnBe,QAAQ,EAAEU,gBAAiB;IAC3BT,sBAAsB,EAAEA,sBAAuB;IAC/CC,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EAAE,CACL;MACEgB,IAAI,EAAEtB,UAAU,GAAG,CAAC,GAAGmB,SAAS;MAChCI,eAAe,EAAEd,MAAM,CAACf,EAAE;IAC5B,CAAC,EACDY,KAAK,CACL;IAAA,GACEE,KAAK;IAAAD,QAAA,EAERR,MAAM,gBACLP,IAAA,CAACJ,UAAU;MACT0B,yBAAyB,EAAEA,yBAA0B;MACrDC,8BAA8B,EAAEA,8BAA+B;MAC/DX,qBAAqB,EAAE,CACrBa,YAAY,EACZjB,UAAU,IAAI;QAAEwB,QAAQ,EAAE;MAAE,CAAC,EAC7BpB,qBAAqB,EACrBS,2BAA2B,CAC3B;MAAA,GACEG,mBAAmB;MAAAT,QAAA,EAEtBA;IAAQ,CACC,CAAC,gBAEbf,IAAA,CAACH,IAAI;MAACiB,KAAK,EAAE,CAACW,YAAY,EAAEb,qBAAqB,CAAE;MAAAG,QAAA,EAAEA;IAAQ,CAAO;EACrE,CACmB,CAAC;AAE3B","ignoreList":[]}

package/lib/module/components/Label.js

@@ -0,0 +1,34 @@
+"use strict";
+
+import React from "react";
+import { Text } from "react-native";
+import { useTheme } from "../theme/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Label({
+  required = false,
+  requiredIndicator,
+  requiredIndicatorStyle,
+  disabled = false,
+  invalid = false,
+  style,
+  children,
+  ...props
+}) {
+  const {
+    colors,
+    typography
+  } = useTheme();
+  return /*#__PURE__*/_jsxs(Text, {
+    style: [typography.label, {
+      color: disabled ? colors.disabledText : invalid ? colors.danger : colors.text
+    }, style],
+    ...props,
+    children: [children, required ? requiredIndicator ?? /*#__PURE__*/_jsx(Text, {
+      style: [{
+        color: colors.danger
+      }, requiredIndicatorStyle],
+      children: " *"
+    }) : null]
+  });
+}
+//# sourceMappingURL=Label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","useTheme","jsx","_jsx","jsxs","_jsxs","Label","required","requiredIndicator","requiredIndicatorStyle","disabled","invalid","style","children","props","colors","typography","label","color","disabledText","danger","text"],"sourceRoot":"../../../src","sources":["components/Label.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,QAIC,cAAc;AAErB,SAASC,QAAQ,QAAQ,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWpC,OAAO,SAASC,KAAKA,CAAC;EACpBC,QAAQ,GAAG,KAAK;EAChBC,iBAAiB;EACjBC,sBAAsB;EACtBC,QAAQ,GAAG,KAAK;EAChBC,OAAO,GAAG,KAAK;EACfC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACO,CAAC,EAAE;EACb,MAAM;IAAEC,MAAM;IAAEC;EAAW,CAAC,GAAGf,QAAQ,CAAC,CAAC;EAEzC,oBACEI,KAAA,CAACL,IAAI;IACHY,KAAK,EAAE,CACLI,UAAU,CAACC,KAAK,EAChB;MACEC,KAAK,EAAER,QAAQ,GACXK,MAAM,CAACI,YAAY,GACnBR,OAAO,GACLI,MAAM,CAACK,MAAM,GACbL,MAAM,CAACM;IACf,CAAC,EACDT,KAAK,CACL;IAAA,GACEE,KAAK;IAAAD,QAAA,GAERA,QAAQ,EACRN,QAAQ,GACJC,iBAAiB,iBAChBL,IAAA,CAACH,IAAI;MAACY,KAAK,EAAE,CAAC;QAAEM,KAAK,EAAEH,MAAM,CAACK;MAAO,CAAC,EAAEX,sBAAsB,CAAE;MAAAI,QAAA,EAC7D;IAAI,CACD,CACP,GACD,IAAI;EAAA,CACJ,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/MetricCard.js

@@ -0,0 +1,55 @@
+"use strict";
+
+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 } from "react/jsx-runtime";
+export function MetricCard({
+  label,
+  value,
+  delta,
+  icon,
+  style,
+  ...props
+}) {
+  const {
+    colors,
+    components,
+    radii,
+    spacing
+  } = useTheme();
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      borderWidth: components.borderWidth.strong,
+      borderColor: colors.border,
+      borderRadius: radii.xl,
+      backgroundColor: colors.surface,
+      padding: spacing.lg,
+      gap: spacing.md
+    }, style],
+    ...props,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: spacing.md
+      },
+      children: [typeof label === "string" ? /*#__PURE__*/_jsx(Text, {
+        variant: "bodySmall",
+        color: "textMuted",
+        children: label
+      }) : label, renderIcon(icon, colors.primary, components.metricCard.iconSize)]
+    }), typeof value === "string" || typeof value === "number" ? /*#__PURE__*/_jsx(Text, {
+      variant: "h3",
+      children: value
+    }) : value, delta ? typeof delta === "string" ? /*#__PURE__*/_jsx(Text, {
+      variant: "caption",
+      color: "success",
+      children: delta
+    }) : delta : null]
+  });
+}
+//# sourceMappingURL=MetricCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","useTheme","Text","renderIcon","jsx","_jsx","jsxs","_jsxs","MetricCard","label","value","delta","icon","style","props","colors","components","radii","spacing","borderWidth","strong","borderColor","border","borderRadius","xl","backgroundColor","surface","padding","lg","gap","md","children","flexDirection","alignItems","justifyContent","variant","color","primary","metricCard","iconSize"],"sourceRoot":"../../../src","sources":["components/MetricCard.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,QAAyB,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUtD,OAAO,SAASC,UAAUA,CAAC;EACzBC,KAAK;EACLC,KAAK;EACLC,KAAK;EACLC,IAAI;EACJC,KAAK;EACL,GAAGC;AACY,CAAC,EAAE;EAClB,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGjB,QAAQ,CAAC,CAAC;EAEzD,oBACEM,KAAA,CAACP,IAAI;IACHa,KAAK,EAAE,CACL;MACEM,WAAW,EAAEH,UAAU,CAACG,WAAW,CAACC,MAAM;MAC1CC,WAAW,EAAEN,MAAM,CAACO,MAAM;MAC1BC,YAAY,EAAEN,KAAK,CAACO,EAAE;MACtBC,eAAe,EAAEV,MAAM,CAACW,OAAO;MAC/BC,OAAO,EAAET,OAAO,CAACU,EAAE;MACnBC,GAAG,EAAEX,OAAO,CAACY;IACf,CAAC,EACDjB,KAAK,CACL;IAAA,GACEC,KAAK;IAAAiB,QAAA,gBAETxB,KAAA,CAACP,IAAI;MACHa,KAAK,EAAE;QACLmB,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,eAAe;QAC/BL,GAAG,EAAEX,OAAO,CAACY;MACf,CAAE;MAAAC,QAAA,GAED,OAAOtB,KAAK,KAAK,QAAQ,gBACxBJ,IAAA,CAACH,IAAI;QAACiC,OAAO,EAAC,WAAW;QAACC,KAAK,EAAC,WAAW;QAAAL,QAAA,EACxCtB;MAAK,CACF,CAAC,GAEPA,KACD,EACAN,UAAU,CAACS,IAAI,EAAEG,MAAM,CAACsB,OAAO,EAAErB,UAAU,CAACsB,UAAU,CAACC,QAAQ,CAAC;IAAA,CAC7D,CAAC,EACN,OAAO7B,KAAK,KAAK,QAAQ,IAAI,OAAOA,KAAK,KAAK,QAAQ,gBACrDL,IAAA,CAACH,IAAI;MAACiC,OAAO,EAAC,IAAI;MAAAJ,QAAA,EAAErB;IAAK,CAAO,CAAC,GAEjCA,KACD,EACAC,KAAK,GACJ,OAAOA,KAAK,KAAK,QAAQ,gBACvBN,IAAA,CAACH,IAAI;MAACiC,OAAO,EAAC,SAAS;MAACC,KAAK,EAAC,SAAS;MAAAL,QAAA,EACpCpB;IAAK,CACF,CAAC,GAEPA,KACD,GACC,IAAI;EAAA,CACJ,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/Pagination.js

@@ -0,0 +1,55 @@
+"use strict";
+
+import React from "react";
+import { View } from "react-native";
+import { useTheme } from "../theme/index.js";
+import { Button } from "./Button.js";
+import { Text } from "./Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Pagination({
+  page,
+  pageCount,
+  onPageChange,
+  previousLabel = "Prev",
+  nextLabel = "Next",
+  style,
+  ...props
+}) {
+  const {
+    spacing
+  } = useTheme();
+  const safePage = Math.min(pageCount, Math.max(1, page));
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      width: "100%",
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      gap: spacing.sm
+    }, style],
+    ...props,
+    children: [/*#__PURE__*/_jsx(Button, {
+      size: "sm",
+      variant: "outline",
+      tone: "secondary",
+      disabled: safePage <= 1,
+      onPress: () => onPageChange?.(safePage - 1),
+      children: previousLabel
+    }), /*#__PURE__*/_jsxs(Text, {
+      variant: "labelSmall",
+      color: "textMuted",
+      style: {
+        fontVariant: ["tabular-nums"]
+      },
+      children: [safePage, " / ", pageCount]
+    }), /*#__PURE__*/_jsx(Button, {
+      size: "sm",
+      variant: "outline",
+      tone: "secondary",
+      disabled: safePage >= pageCount,
+      onPress: () => onPageChange?.(safePage + 1),
+      children: nextLabel
+    })]
+  });
+}
+//# sourceMappingURL=Pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","useTheme","Button","Text","jsx","_jsx","jsxs","_jsxs","Pagination","page","pageCount","onPageChange","previousLabel","nextLabel","style","props","spacing","safePage","Math","min","max","width","flexDirection","alignItems","justifyContent","gap","sm","children","size","variant","tone","disabled","onPress","color","fontVariant"],"sourceRoot":"../../../src","sources":["components/Pagination.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,QAIC,cAAc;AAErB,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,IAAI,QAAQ,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAW9B,OAAO,SAASC,UAAUA,CAAC;EACzBC,IAAI;EACJC,SAAS;EACTC,YAAY;EACZC,aAAa,GAAG,MAAM;EACtBC,SAAS,GAAG,MAAM;EAClBC,KAAK;EACL,GAAGC;AACY,CAAC,EAAE;EAClB,MAAM;IAAEC;EAAQ,CAAC,GAAGf,QAAQ,CAAC,CAAC;EAC9B,MAAMgB,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAACT,SAAS,EAAEQ,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEX,IAAI,CAAC,CAAC;EAEvD,oBACEF,KAAA,CAACP,IAAI;IACHc,KAAK,EAAE,CACL;MACEO,KAAK,EAAE,MAAM;MACbC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,eAAe;MAC/BC,GAAG,EAAET,OAAO,CAACU;IACf,CAAC,EACDZ,KAAK,CACL;IAAA,GACEC,KAAK;IAAAY,QAAA,gBAETtB,IAAA,CAACH,MAAM;MACL0B,IAAI,EAAC,IAAI;MACTC,OAAO,EAAC,SAAS;MACjBC,IAAI,EAAC,WAAW;MAChBC,QAAQ,EAAEd,QAAQ,IAAI,CAAE;MACxBe,OAAO,EAAEA,CAAA,KAAMrB,YAAY,GAAGM,QAAQ,GAAG,CAAC,CAAE;MAAAU,QAAA,EAE3Cf;IAAa,CACR,CAAC,eACTL,KAAA,CAACJ,IAAI;MACH0B,OAAO,EAAC,YAAY;MACpBI,KAAK,EAAC,WAAW;MACjBnB,KAAK,EAAE;QAAEoB,WAAW,EAAE,CAAC,cAAc;MAAE,CAAE;MAAAP,QAAA,GAExCV,QAAQ,EAAC,KAAG,EAACP,SAAS;IAAA,CACnB,CAAC,eACPL,IAAA,CAACH,MAAM;MACL0B,IAAI,EAAC,IAAI;MACTC,OAAO,EAAC,SAAS;MACjBC,IAAI,EAAC,WAAW;MAChBC,QAAQ,EAAEd,QAAQ,IAAIP,SAAU;MAChCsB,OAAO,EAAEA,CAAA,KAAMrB,YAAY,GAAGM,QAAQ,GAAG,CAAC,CAAE;MAAAU,QAAA,EAE3Cd;IAAS,CACJ,CAAC;EAAA,CACL,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/Popover.js

@@ -0,0 +1,89 @@
+"use strict";
+
+import React from "react";
+import { Modal, Pressable } from "react-native";
+import { useTheme } from "../theme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const PopoverContext = /*#__PURE__*/React.createContext(null);
+export function Popover({
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  children
+}) {
+  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
+  const currentOpen = open ?? internalOpen;
+  const setOpen = next => {
+    if (open === undefined) setInternalOpen(next);
+    onOpenChange?.(next);
+  };
+  return /*#__PURE__*/_jsx(PopoverContext.Provider, {
+    value: {
+      open: currentOpen,
+      setOpen
+    },
+    children: children
+  });
+}
+export function PopoverTrigger({
+  triggerMode = "press",
+  onPress,
+  onLongPress,
+  ...props
+}) {
+  const context = React.useContext(PopoverContext);
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: event => {
+      if (triggerMode === "press") context?.setOpen(true);
+      onPress?.(event);
+    },
+    onLongPress: event => {
+      if (triggerMode === "longPress") context?.setOpen(true);
+      onLongPress?.(event);
+    },
+    ...props
+  });
+}
+export function PopoverContent({
+  children,
+  width = 280,
+  style
+}) {
+  const context = React.useContext(PopoverContext);
+  const {
+    colors,
+    components,
+    radii,
+    spacing
+  } = useTheme();
+  if (!context) return null;
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: context.open,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: () => context.setOpen(false),
+    children: /*#__PURE__*/_jsx(Pressable, {
+      style: {
+        flex: 1,
+        backgroundColor: colors.overlay,
+        alignItems: "center",
+        justifyContent: "center",
+        padding: spacing.xl
+      },
+      onPress: () => context.setOpen(false),
+      children: /*#__PURE__*/_jsx(Pressable, {
+        style: [{
+          width,
+          maxWidth: "100%",
+          borderRadius: radii.xl,
+          borderWidth: components.borderWidth.strong,
+          borderColor: colors.border,
+          backgroundColor: colors.surface,
+          padding: spacing.lg
+        }, style],
+        children: children
+      })
+    })
+  });
+}
+//# sourceMappingURL=Popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Modal","Pressable","useTheme","jsx","_jsx","PopoverContext","createContext","Popover","open","defaultOpen","onOpenChange","children","internalOpen","setInternalOpen","useState","currentOpen","setOpen","next","undefined","Provider","value","PopoverTrigger","triggerMode","onPress","onLongPress","props","context","useContext","event","PopoverContent","width","style","colors","components","radii","spacing","visible","transparent","animationType","onRequestClose","flex","backgroundColor","overlay","alignItems","justifyContent","padding","xl","maxWidth","borderRadius","borderWidth","strong","borderColor","border","surface","lg"],"sourceRoot":"../../../src","sources":["components/Popover.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Progress.js

@@ -0,0 +1,58 @@
+"use strict";
+
+import React from "react";
+import { View } from "react-native";
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
+import { useTheme } from "../theme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Progress({
+  value = 0,
+  max = 100,
+  animated = true,
+  style,
+  indicatorStyle,
+  ...props
+}) {
+  const {
+    colors,
+    radii
+  } = useTheme();
+  const progress = Math.max(0, Math.min(1, max <= 0 ? 0 : value / max));
+  const width = useSharedValue(progress);
+  React.useEffect(() => {
+    if (!animated) {
+      width.value = progress;
+      return;
+    }
+    width.value = withTiming(progress, {
+      duration: 180
+    });
+  }, [animated, progress, width]);
+  const indicatorAnimatedStyle = useAnimatedStyle(() => ({
+    width: `${width.value * 100}%`
+  }));
+  return /*#__PURE__*/_jsx(View, {
+    accessibilityRole: "progressbar",
+    accessibilityValue: {
+      min: 0,
+      max,
+      now: value
+    },
+    style: [{
+      width: "100%",
+      height: 10,
+      borderRadius: radii.full,
+      overflow: "hidden",
+      backgroundColor: colors.backgroundSubtle
+    }, style],
+    ...props,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [{
+        height: "100%",
+        borderRadius: radii.full,
+        backgroundColor: colors.primary
+      }, indicatorAnimatedStyle, indicatorStyle]
+    })
+  });
+}
+//# sourceMappingURL=Progress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Animated","useAnimatedStyle","useSharedValue","withTiming","useTheme","jsx","_jsx","Progress","value","max","animated","style","indicatorStyle","props","colors","radii","progress","Math","min","width","useEffect","duration","indicatorAnimatedStyle","accessibilityRole","accessibilityValue","now","height","borderRadius","full","overflow","backgroundColor","backgroundSubtle","children","primary"],"sourceRoot":"../../../src","sources":["components/Progress.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,QAIC,cAAc;AACrB,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAEhC,SAASC,QAAQ,QAAQ,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUpC,OAAO,SAASC,QAAQA,CAAC;EACvBC,KAAK,GAAG,CAAC;EACTC,GAAG,GAAG,GAAG;EACTC,QAAQ,GAAG,IAAI;EACfC,KAAK;EACLC,cAAc;EACd,GAAGC;AACU,CAAC,EAAE;EAChB,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGX,QAAQ,CAAC,CAAC;EACpC,MAAMY,QAAQ,GAAGC,IAAI,CAACR,GAAG,CAAC,CAAC,EAAEQ,IAAI,CAACC,GAAG,CAAC,CAAC,EAAET,GAAG,IAAI,CAAC,GAAG,CAAC,GAAGD,KAAK,GAAGC,GAAG,CAAC,CAAC;EACrE,MAAMU,KAAK,GAAGjB,cAAc,CAACc,QAAQ,CAAC;EAEtClB,KAAK,CAACsB,SAAS,CAAC,MAAM;IACpB,IAAI,CAACV,QAAQ,EAAE;MACbS,KAAK,CAACX,KAAK,GAAGQ,QAAQ;MACtB;IACF;IACAG,KAAK,CAACX,KAAK,GAAGL,UAAU,CAACa,QAAQ,EAAE;MAAEK,QAAQ,EAAE;IAAI,CAAC,CAAC;EACvD,CAAC,EAAE,CAACX,QAAQ,EAAEM,QAAQ,EAAEG,KAAK,CAAC,CAAC;EAE/B,MAAMG,sBAAsB,GAAGrB,gBAAgB,CAAC,OAAO;IACrDkB,KAAK,EAAE,GAAGA,KAAK,CAACX,KAAK,GAAG,GAAG;EAC7B,CAAC,CAAC,CAAC;EAEH,oBACEF,IAAA,CAACP,IAAI;IACHwB,iBAAiB,EAAC,aAAa;IAC/BC,kBAAkB,EAAE;MAAEN,GAAG,EAAE,CAAC;MAAET,GAAG;MAAEgB,GAAG,EAAEjB;IAAM,CAAE;IAChDG,KAAK,EAAE,CACL;MACEQ,KAAK,EAAE,MAAM;MACbO,MAAM,EAAE,EAAE;MACVC,YAAY,EAAEZ,KAAK,CAACa,IAAI;MACxBC,QAAQ,EAAE,QAAQ;MAClBC,eAAe,EAAEhB,MAAM,CAACiB;IAC1B,CAAC,EACDpB,KAAK,CACL;IAAA,GACEE,KAAK;IAAAmB,QAAA,eAET1B,IAAA,CAACN,QAAQ,CAACD,IAAI;MACZY,KAAK,EAAE,CACL;QACEe,MAAM,EAAE,MAAM;QACdC,YAAY,EAAEZ,KAAK,CAACa,IAAI;QACxBE,eAAe,EAAEhB,MAAM,CAACmB;MAC1B,CAAC,EACDX,sBAAsB,EACtBV,cAAc;IACd,CACH;EAAC,CACE,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/RadioGroup.js

@@ -0,0 +1,121 @@
+"use strict";
+
+import React from "react";
+import { Pressable, View } from "react-native";
+import { useTheme } from "../theme/index.js";
+import { Text } from "./Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const RadioGroupContext = /*#__PURE__*/React.createContext(null);
+export function RadioGroup({
+  value,
+  defaultValue,
+  disabled = false,
+  onValueChange,
+  style,
+  ...props
+}) {
+  const {
+    spacing
+  } = useTheme();
+  const [internalValue, setInternalValue] = React.useState(defaultValue);
+  const currentValue = value ?? internalValue;
+  const handleValueChange = React.useCallback(next => {
+    if (value === undefined) setInternalValue(next);
+    onValueChange?.(next);
+  }, [onValueChange, value]);
+  const context = React.useMemo(() => ({
+    value: currentValue,
+    disabled,
+    onValueChange: handleValueChange
+  }), [currentValue, disabled, handleValueChange]);
+  return /*#__PURE__*/_jsx(RadioGroupContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/_jsx(View, {
+      accessibilityRole: "radiogroup",
+      style: [{
+        gap: spacing.sm,
+        width: "100%"
+      }, style],
+      ...props
+    })
+  });
+}
+export function RadioGroupItem({
+  value,
+  label,
+  description,
+  disabled = false,
+  style,
+  ...props
+}) {
+  const context = React.useContext(RadioGroupContext);
+  const {
+    colors,
+    components,
+    radii,
+    spacing,
+    typography
+  } = useTheme();
+  const checked = context?.value === value;
+  const isDisabled = disabled || Boolean(context?.disabled);
+  return /*#__PURE__*/_jsxs(Pressable, {
+    accessibilityRole: "radio",
+    accessibilityState: {
+      checked,
+      disabled: isDisabled
+    },
+    disabled: isDisabled,
+    onPress: () => context?.onValueChange?.(value),
+    style: ({
+      pressed
+    }) => [{
+      width: "100%",
+      flexDirection: "row",
+      alignItems: "flex-start",
+      gap: spacing.md,
+      padding: spacing.md,
+      borderWidth: components.borderWidth.strong,
+      borderColor: checked ? colors.primary : colors.border,
+      borderRadius: radii.lg,
+      backgroundColor: checked ? colors.primarySoft : colors.surface,
+      opacity: isDisabled ? 0.5 : pressed ? 0.78 : 1
+    }, style],
+    ...props,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        width: 18,
+        height: 18,
+        borderRadius: 9,
+        borderWidth: components.borderWidth.focus,
+        borderColor: checked ? colors.primary : colors.border,
+        alignItems: "center",
+        justifyContent: "center",
+        marginTop: 1
+      },
+      children: checked ? /*#__PURE__*/_jsx(View, {
+        style: {
+          width: 8,
+          height: 8,
+          borderRadius: 4,
+          backgroundColor: colors.primary
+        }
+      }) : null
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        flex: 1,
+        gap: spacing.xs
+      },
+      children: [typeof label === "string" ? /*#__PURE__*/_jsx(Text, {
+        variant: "label",
+        color: "text",
+        children: label
+      }) : label, typeof description === "string" ? /*#__PURE__*/_jsx(Text, {
+        style: [typography.bodySmall, {
+          color: colors.textMuted
+        }],
+        children: description
+      }) : description]
+    })]
+  });
+}
+//# sourceMappingURL=RadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","View","useTheme","Text","jsx","_jsx","jsxs","_jsxs","RadioGroupContext","createContext","RadioGroup","value","defaultValue","disabled","onValueChange","style","props","spacing","internalValue","setInternalValue","useState","currentValue","handleValueChange","useCallback","next","undefined","context","useMemo","Provider","children","accessibilityRole","gap","sm","width","RadioGroupItem","label","description","useContext","colors","components","radii","typography","checked","isDisabled","Boolean","accessibilityState","onPress","pressed","flexDirection","alignItems","md","padding","borderWidth","strong","borderColor","primary","border","borderRadius","lg","backgroundColor","primarySoft","surface","opacity","height","focus","justifyContent","marginTop","flex","xs","variant","color","bodySmall","textMuted"],"sourceRoot":"../../../src","sources":["components/RadioGroup.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Select.js

@@ -0,0 +1,142 @@
+"use strict";
+
+import React from "react";
+import { Modal, Pressable, ScrollView, 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 Select({
+  value,
+  defaultValue,
+  options,
+  placeholder = "Select option",
+  disabled = false,
+  title = "Select",
+  onValueChange,
+  chevronIcon,
+  checkIcon,
+  style
+}) {
+  const {
+    colors,
+    components,
+    radii,
+    spacing
+  } = useTheme();
+  const [open, setOpen] = React.useState(false);
+  const [internalValue, setInternalValue] = React.useState(defaultValue);
+  const currentValue = value ?? internalValue;
+  const selected = options.find(option => option.value === currentValue);
+  const choose = next => {
+    if (value === undefined) setInternalValue(next);
+    onValueChange?.(next);
+    setOpen(false);
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      accessibilityRole: "button",
+      disabled: disabled,
+      onPress: () => setOpen(true),
+      style: ({
+        pressed
+      }) => [{
+        minHeight: 44,
+        width: "100%",
+        borderWidth: components.borderWidth.strong,
+        borderColor: colors.border,
+        borderRadius: radii.lg,
+        backgroundColor: colors.input,
+        paddingHorizontal: spacing.md,
+        flexDirection: "row",
+        alignItems: "center",
+        gap: spacing.sm,
+        opacity: disabled ? 0.5 : pressed ? 0.78 : 1
+      }, style],
+      children: [/*#__PURE__*/_jsx(Text, {
+        color: selected ? "text" : "placeholder",
+        style: {
+          flex: 1
+        },
+        children: selected?.label ?? placeholder
+      }), renderIcon(chevronIcon, colors.textMuted, 18) ?? /*#__PURE__*/_jsx(Text, {
+        color: "textMuted",
+        children: "\u2304"
+      })]
+    }), /*#__PURE__*/_jsx(Modal, {
+      visible: open,
+      transparent: true,
+      animationType: "fade",
+      onRequestClose: () => setOpen(false),
+      children: /*#__PURE__*/_jsx(Pressable, {
+        style: {
+          flex: 1,
+          backgroundColor: colors.overlay,
+          justifyContent: "flex-end"
+        },
+        onPress: () => setOpen(false),
+        children: /*#__PURE__*/_jsxs(Pressable, {
+          style: {
+            backgroundColor: colors.surface,
+            borderTopLeftRadius: radii.xxl,
+            borderTopRightRadius: radii.xxl,
+            borderWidth: components.borderWidth.strong,
+            borderColor: colors.border,
+            padding: spacing.lg,
+            gap: spacing.md,
+            maxHeight: "72%"
+          },
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "title",
+            children: title
+          }), /*#__PURE__*/_jsx(ScrollView, {
+            children: /*#__PURE__*/_jsx(View, {
+              style: {
+                gap: spacing.sm
+              },
+              children: options.map(option => {
+                const active = option.value === currentValue;
+                return /*#__PURE__*/_jsxs(Pressable, {
+                  disabled: option.disabled,
+                  onPress: () => choose(option.value),
+                  style: ({
+                    pressed
+                  }) => ({
+                    minHeight: 48,
+                    borderRadius: radii.lg,
+                    borderWidth: components.borderWidth.strong,
+                    borderColor: active ? colors.primary : colors.border,
+                    backgroundColor: active ? colors.primarySoft : colors.surface,
+                    padding: spacing.md,
+                    flexDirection: "row",
+                    alignItems: "center",
+                    gap: spacing.md,
+                    opacity: option.disabled ? 0.5 : pressed ? 0.78 : 1
+                  }),
+                  children: [/*#__PURE__*/_jsxs(View, {
+                    style: {
+                      flex: 1,
+                      gap: spacing.xs
+                    },
+                    children: [/*#__PURE__*/_jsx(Text, {
+                      variant: "label",
+                      children: option.label
+                    }), option.description ? /*#__PURE__*/_jsx(Text, {
+                      variant: "bodySmall",
+                      color: "textMuted",
+                      children: option.description
+                    }) : null]
+                  }), active ? renderIcon(checkIcon, colors.primary, 18) ?? /*#__PURE__*/_jsx(Text, {
+                    color: "primary",
+                    children: "\u2713"
+                  }) : null]
+                }, option.value);
+              })
+            })
+          })]
+        })
+      })
+    })]
+  });
+}
+//# sourceMappingURL=Select.js.map