@retray-dev/ui-kit 10.2.0 → 12.1.0

package/dist/Checkbox.mjs

@@ -1,7 +1,7 @@
-export { Checkbox } from './chunk-AV4EMIRH.mjs';
+export { Checkbox } from './chunk-3N2M3WZL.mjs';
 import './chunk-3DKJ2GIC.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-DVK4G2GT.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-EMUWGDWC.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/Chip.mjs

@@ -1,8 +1,8 @@
-export { Chip, ChipGroup } from './chunk-DYT7BG5I.mjs';
+export { Chip, ChipGroup } from './chunk-FA2KMTH5.mjs';
 import './chunk-3DKJ2GIC.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-DVK4G2GT.mjs';
 import './chunk-KA7LTET3.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-EMUWGDWC.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/ConfirmDialog.d.mts

@@ -3,20 +3,15 @@ import React from 'react';
 interface ConfirmDialogProps {
     visible: boolean;
     title: string;
-    /** Secondary text below title. */
     subtitle?: string;
-    /** @deprecated Use `subtitle` instead. */
-    description?: string;
     confirmLabel?: string;
     cancelLabel?: string;
     confirmVariant?: 'primary' | 'destructive';
-    /** Show a loading spinner in the confirm button (e.g. while async action completes). */
     loading?: boolean;
-    /** Show an X close button in the top-right corner. */
     showCloseButton?: boolean;
     onConfirm: () => void;
     onCancel: () => void;
 }
-declare function ConfirmDialog({ visible, title, subtitle, description, confirmLabel, cancelLabel, confirmVariant, loading, showCloseButton, onConfirm, onCancel, }: ConfirmDialogProps): React.JSX.Element;
+declare function ConfirmDialog({ visible, title, subtitle, confirmLabel, cancelLabel, confirmVariant, loading, showCloseButton, onConfirm, onCancel, }: ConfirmDialogProps): React.JSX.Element;
 
 export { ConfirmDialog, type ConfirmDialogProps };

package/dist/ConfirmDialog.d.ts

@@ -3,20 +3,15 @@ import React from 'react';
 interface ConfirmDialogProps {
     visible: boolean;
     title: string;
-    /** Secondary text below title. */
     subtitle?: string;
-    /** @deprecated Use `subtitle` instead. */
-    description?: string;
     confirmLabel?: string;
     cancelLabel?: string;
     confirmVariant?: 'primary' | 'destructive';
-    /** Show a loading spinner in the confirm button (e.g. while async action completes). */
     loading?: boolean;
-    /** Show an X close button in the top-right corner. */
     showCloseButton?: boolean;
     onConfirm: () => void;
     onCancel: () => void;
 }
-declare function ConfirmDialog({ visible, title, subtitle, description, confirmLabel, cancelLabel, confirmVariant, loading, showCloseButton, onConfirm, onCancel, }: ConfirmDialogProps): React.JSX.Element;
+declare function ConfirmDialog({ visible, title, subtitle, confirmLabel, cancelLabel, confirmVariant, loading, showCloseButton, onConfirm, onCancel, }: ConfirmDialogProps): React.JSX.Element;
 
 export { ConfirmDialog, type ConfirmDialogProps };

package/dist/ConfirmDialog.js

@@ -2,7 +2,8 @@
 
 var React3 = require('react');
 var reactNative = require('react-native');
-var BottomSheet = require('@gorhom/bottom-sheet');
+var bottomSheet = require('@gorhom/bottom-sheet');
+var reactNativeSafeAreaContext = require('react-native-safe-area-context');
 var vectorIcons = require('@expo/vector-icons');
 var reactNativeSizeMatters = require('react-native-size-matters');
 var AntDesign = require('@expo/vector-icons/AntDesign');
@@ -17,7 +18,6 @@ var reactNativeReanimated = require('react-native-reanimated');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React3__default = /*#__PURE__*/_interopDefault(React3);
-var BottomSheet__default = /*#__PURE__*/_interopDefault(BottomSheet);
 var AntDesign__default = /*#__PURE__*/_interopDefault(AntDesign);
 var Entypo__default = /*#__PURE__*/_interopDefault(Entypo);
 var Feather__default = /*#__PURE__*/_interopDefault(Feather);
@@ -457,7 +457,6 @@ function ConfirmDialog({
   visible,
   title,
   subtitle,
-  description,
   confirmLabel = "Confirm",
   cancelLabel = "Cancel",
   confirmVariant = "primary",
@@ -467,38 +466,45 @@ function ConfirmDialog({
   onCancel
 }) {
   const { colors } = useTheme();
+  const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
   const ref = React3.useRef(null);
-  const effectiveSubtitle = subtitle ?? description;
+  const wasOpened = React3.useRef(false);
+  const name = React3.useId();
   React3.useEffect(() => {
     if (visible) {
       impactMedium();
-      ref.current?.snapToIndex(0);
-    } else {
-      ref.current?.close();
+      ref.current?.present();
+      wasOpened.current = true;
+    } else if (wasOpened.current) {
+      ref.current?.dismiss();
     }
   }, [visible]);
-  const renderBackdrop = (props) => /* @__PURE__ */ React3__default.default.createElement(
-    BottomSheet.BottomSheetBackdrop,
-    {
-      ...props,
-      disappearsOnIndex: -1,
-      appearsOnIndex: 0,
-      pressBehavior: "close"
-    }
+  const renderBackdrop = React3.useCallback(
+    (props) => /* @__PURE__ */ React3__default.default.createElement(
+      bottomSheet.BottomSheetBackdrop,
+      {
+        ...props,
+        disappearsOnIndex: -1,
+        appearsOnIndex: 0,
+        pressBehavior: "close"
+      }
+    ),
+    []
   );
   return /* @__PURE__ */ React3__default.default.createElement(
-    BottomSheet__default.default,
+    bottomSheet.BottomSheetModal,
     {
       ref,
-      index: -1,
-      onClose: onCancel,
+      name,
+      onDismiss: onCancel,
       enableDynamicSizing: true,
       backdropComponent: renderBackdrop,
-      backgroundStyle: [styles2.background, { backgroundColor: colors.card }],
-      handleIndicatorStyle: [styles2.handle, { backgroundColor: colors.border }],
-      enablePanDownToClose: true
+      backgroundStyle: { ...styles2.background, backgroundColor: colors.card },
+      handleIndicatorStyle: { ...styles2.handle, backgroundColor: colors.border },
+      enablePanDownToClose: true,
+      topInset: insets.top
     },
-    /* @__PURE__ */ React3__default.default.createElement(BottomSheet.BottomSheetView, { style: styles2.content }, /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles2.header, accessibilityRole: "header" }, /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles2.headerRow }, /* @__PURE__ */ React3__default.default.createElement(reactNative.Text, { style: [styles2.title, { color: colors.foreground }], allowFontScaling: true }, title), showCloseButton ? /* @__PURE__ */ React3__default.default.createElement(
+    /* @__PURE__ */ React3__default.default.createElement(bottomSheet.BottomSheetView, { style: styles2.content }, /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles2.header, accessibilityRole: "header" }, /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles2.headerRow }, /* @__PURE__ */ React3__default.default.createElement(reactNative.Text, { style: [styles2.title, { color: colors.foreground }], allowFontScaling: true }, title), showCloseButton ? /* @__PURE__ */ React3__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: onCancel,
@@ -510,7 +516,7 @@ function ConfirmDialog({
         hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }
       },
       /* @__PURE__ */ React3__default.default.createElement(vectorIcons.Feather, { name: "x", size: ms(18), color: colors.foregroundMuted })
-    ) : null), effectiveSubtitle ? /* @__PURE__ */ React3__default.default.createElement(reactNative.Text, { style: [styles2.subtitle, { color: colors.foregroundMuted }], allowFontScaling: true }, effectiveSubtitle) : null), /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles2.actions }, /* @__PURE__ */ React3__default.default.createElement(
+    ) : null), subtitle ? /* @__PURE__ */ React3__default.default.createElement(reactNative.Text, { style: [styles2.subtitle, { color: colors.foregroundMuted }], allowFontScaling: true }, subtitle) : null), /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles2.actions }, /* @__PURE__ */ React3__default.default.createElement(
       Button,
       {
         label: confirmLabel,

package/dist/ConfirmDialog.mjs

@@ -1,10 +1,10 @@
-export { ConfirmDialog } from './chunk-WYEUNUTP.mjs';
-import './chunk-HTHGSXFG.mjs';
+export { ConfirmDialog } from './chunk-JCZQOY4O.mjs';
+import './chunk-DOGIPOF5.mjs';
 import './chunk-3DKJ2GIC.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-DVK4G2GT.mjs';
 import './chunk-QY3X2UYR.mjs';
 import './chunk-KA7LTET3.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-EMUWGDWC.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/CurrencyDisplay.mjs

@@ -1,4 +1,4 @@
-export { CurrencyDisplay } from './chunk-BRKYVJVV.mjs';
-import './chunk-SOYNZDVY.mjs';
+export { CurrencyDisplay } from './chunk-BQZE3HAW.mjs';
+import './chunk-EMUWGDWC.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/CurrencyInput.d.mts

@@ -1,9 +1,7 @@
 import React from 'react';
-import { ViewStyle, TextStyle } from 'react-native';
+import { TextInputProps, ViewStyle } from 'react-native';
 
-interface CurrencyInputProps {
-    value?: string;
-    onChangeText?: (formatted: string) => void;
+interface CurrencyInputProps extends TextInputProps {
     /** Called with the parsed numeric value (no separators, no prefix). */
     onChangeValue?: (raw: number) => void;
     /** Currency symbol shown left of the value. Any string (`'$'`, `'€'`, `'£'`, `'COP '`). Defaults to `'$'`. */
@@ -16,13 +14,10 @@ interface CurrencyInputProps {
     /** Red helper text; also changes input border to destructive color. */
     error?: string;
     hint?: string;
-    placeholder?: string;
-    editable?: boolean;
     containerStyle?: ViewStyle;
-    style?: TextStyle;
     /** Use inside a Sheet/BottomSheet — passes sheetMode to the underlying Input. */
     sheetMode?: boolean;
 }
-declare function CurrencyInput({ value, onChangeText, onChangeValue, prefix, thousandsSeparator, size, label, error, hint, placeholder, editable, containerStyle, style, sheetMode, }: CurrencyInputProps): React.JSX.Element;
+declare function CurrencyInput({ value, onChangeText, onChangeValue, prefix, thousandsSeparator, size, label, error, hint, placeholder, editable, containerStyle, style, sheetMode, ...props }: CurrencyInputProps): React.JSX.Element;
 
 export { CurrencyInput, type CurrencyInputProps };

package/dist/CurrencyInput.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
-import { ViewStyle, TextStyle } from 'react-native';
+import { TextInputProps, ViewStyle } from 'react-native';
 
-interface CurrencyInputProps {
-    value?: string;
-    onChangeText?: (formatted: string) => void;
+interface CurrencyInputProps extends TextInputProps {
     /** Called with the parsed numeric value (no separators, no prefix). */
     onChangeValue?: (raw: number) => void;
     /** Currency symbol shown left of the value. Any string (`'$'`, `'€'`, `'£'`, `'COP '`). Defaults to `'$'`. */
@@ -16,13 +14,10 @@ interface CurrencyInputProps {
     /** Red helper text; also changes input border to destructive color. */
     error?: string;
     hint?: string;
-    placeholder?: string;
-    editable?: boolean;
     containerStyle?: ViewStyle;
-    style?: TextStyle;
     /** Use inside a Sheet/BottomSheet — passes sheetMode to the underlying Input. */
     sheetMode?: boolean;
 }
-declare function CurrencyInput({ value, onChangeText, onChangeValue, prefix, thousandsSeparator, size, label, error, hint, placeholder, editable, containerStyle, style, sheetMode, }: CurrencyInputProps): React.JSX.Element;
+declare function CurrencyInput({ value, onChangeText, onChangeValue, prefix, thousandsSeparator, size, label, error, hint, placeholder, editable, containerStyle, style, sheetMode, ...props }: CurrencyInputProps): React.JSX.Element;
 
 export { CurrencyInput, type CurrencyInputProps };

package/dist/CurrencyInput.js

@@ -379,7 +379,8 @@ function CurrencyInput({
   editable,
   containerStyle,
   style,
-  sheetMode
+  sheetMode,
+  ...props
 }) {
   const handleChange = (text) => {
     const withoutPrefix = prefix && text.startsWith(prefix) ? text.slice(prefix.length) : text;
@@ -400,6 +401,7 @@ function CurrencyInput({
   return /* @__PURE__ */ React3__default.default.createElement(
     Input,
     {
+      ...props,
       value: displayValue,
       onChangeText: handleChange,
       keyboardType: "numeric",

package/dist/CurrencyInput.mjs

@@ -1,7 +1,7 @@
-export { CurrencyInput } from './chunk-NMU5FMQJ.mjs';
-import './chunk-SXLKNTA4.mjs';
+export { CurrencyInput } from './chunk-X26S5EVZ.mjs';
+import './chunk-PGERH3P7.mjs';
 import './chunk-DVK4G2GT.mjs';
 import './chunk-KA7LTET3.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-EMUWGDWC.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/DetailRow.mjs

@@ -1,5 +1,5 @@
-export { DetailRow } from './chunk-S2R7UVOE.mjs';
+export { DetailRow } from './chunk-ZHMSAYLT.mjs';
 import './chunk-KA7LTET3.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-EMUWGDWC.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/EmptyState.mjs

@@ -1,10 +1,10 @@
-export { EmptyState } from './chunk-6SECQ2ZF.mjs';
-import './chunk-HTHGSXFG.mjs';
+export { EmptyState } from './chunk-7HSILTC4.mjs';
+import './chunk-DOGIPOF5.mjs';
 import './chunk-3DKJ2GIC.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-DVK4G2GT.mjs';
 import './chunk-QY3X2UYR.mjs';
 import './chunk-KA7LTET3.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-EMUWGDWC.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/ErrorBoundary.mjs

@@ -1,7 +1,7 @@
-export { ErrorBoundary } from './chunk-RYZC432S.mjs';
+export { ErrorBoundary } from './chunk-LRM4AVYY.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-QY3X2UYR.mjs';
 import './chunk-KA7LTET3.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-EMUWGDWC.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/Form.mjs

@@ -1,4 +1,4 @@
-export { Form, FormField, FormFooter, FormSection } from './chunk-6Q64UFIA.mjs';
-import './chunk-SOYNZDVY.mjs';
+export { Form, FormField, FormFooter, FormSection } from './chunk-HJ46DTJE.mjs';
+import './chunk-EMUWGDWC.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/IconButton.mjs

@@ -1,8 +1,8 @@
-export { IconButton } from './chunk-T2KCAHOS.mjs';
+export { IconButton } from './chunk-DF6DU42P.mjs';
 import './chunk-3DKJ2GIC.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-DVK4G2GT.mjs';
 import './chunk-KA7LTET3.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-EMUWGDWC.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';