@retray-dev/ui-kit 10.0.0 → 10.2.0

package/dist/ConfirmDialog.js

@@ -2,7 +2,7 @@
 
 var React3 = require('react');
 var reactNative = require('react-native');
-var bottomSheet = require('@gorhom/bottom-sheet');
+var BottomSheet = require('@gorhom/bottom-sheet');
 var vectorIcons = require('@expo/vector-icons');
 var reactNativeSizeMatters = require('react-native-size-matters');
 var AntDesign = require('@expo/vector-icons/AntDesign');
@@ -17,6 +17,7 @@ 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);
@@ -239,7 +240,7 @@ var ALL_FAMILIES = [
 ];
 var activeFamilies = ALL_FAMILIES;
 var resolvedCache = null;
-function buildCache() {
+function buildCache(families) {
   const cache = /* @__PURE__ */ new Map();
   for (const family of activeFamilies) {
     const glyphMap = family.getGlyphMap();
@@ -455,26 +456,29 @@ var styles = reactNative.StyleSheet.create({
 function ConfirmDialog({
   visible,
   title,
+  subtitle,
   description,
   confirmLabel = "Confirm",
   cancelLabel = "Cancel",
   confirmVariant = "primary",
   loading = false,
+  showCloseButton = false,
   onConfirm,
   onCancel
 }) {
   const { colors } = useTheme();
   const ref = React3.useRef(null);
+  const effectiveSubtitle = subtitle ?? description;
   React3.useEffect(() => {
     if (visible) {
       impactMedium();
-      ref.current?.present();
+      ref.current?.snapToIndex(0);
     } else {
-      ref.current?.dismiss();
+      ref.current?.close();
     }
   }, [visible]);
   const renderBackdrop = (props) => /* @__PURE__ */ React3__default.default.createElement(
-    bottomSheet.BottomSheetBackdrop,
+    BottomSheet.BottomSheetBackdrop,
     {
       ...props,
       disappearsOnIndex: -1,
@@ -483,17 +487,30 @@ function ConfirmDialog({
     }
   );
   return /* @__PURE__ */ React3__default.default.createElement(
-    bottomSheet.BottomSheetModal,
+    BottomSheet__default.default,
     {
       ref,
+      index: -1,
+      onClose: onCancel,
       enableDynamicSizing: true,
-      onDismiss: onCancel,
       backdropComponent: renderBackdrop,
       backgroundStyle: [styles2.background, { backgroundColor: colors.card }],
       handleIndicatorStyle: [styles2.handle, { backgroundColor: colors.border }],
       enablePanDownToClose: true
     },
-    /* @__PURE__ */ React3__default.default.createElement(bottomSheet.BottomSheetView, { style: styles2.content }, /* @__PURE__ */ React3__default.default.createElement(reactNative.Text, { style: [styles2.title, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React3__default.default.createElement(reactNative.Text, { style: [styles2.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null, /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles2.actions }, /* @__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,
+        style: styles2.closeButton,
+        activeOpacity: 0.6,
+        touchSoundDisabled: true,
+        accessibilityRole: "button",
+        accessibilityLabel: "Close",
+        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(
       Button,
       {
         label: confirmLabel,
@@ -540,19 +557,32 @@ var styles2 = reactNative.StyleSheet.create({
     borderRadius: ms(2)
   },
   content: {
-    paddingHorizontal: s(24),
-    paddingBottom: vs(32),
-    gap: vs(12)
+    paddingHorizontal: s(16),
+    paddingBottom: vs(32)
+  },
+  header: {
+    paddingTop: vs(4),
+    paddingBottom: vs(12),
+    gap: vs(4)
+  },
+  headerRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
   },
   title: {
     fontFamily: "Sohne-SemiBold",
     fontSize: ms(18),
-    lineHeight: mvs(26)
+    flex: 1
+  },
+  closeButton: {
+    padding: s(4),
+    marginLeft: s(8)
   },
-  description: {
+  subtitle: {
     fontFamily: "Sohne-Regular",
-    fontSize: ms(15),
-    lineHeight: mvs(22)
+    fontSize: ms(14),
+    lineHeight: mvs(20)
   },
   actions: {
     gap: vs(10),

package/dist/ConfirmDialog.mjs

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

package/dist/CurrencyInput.js

@@ -159,7 +159,7 @@ var ALL_FAMILIES = [
 ];
 var activeFamilies = ALL_FAMILIES;
 var resolvedCache = null;
-function buildCache() {
+function buildCache(families) {
   const cache = /* @__PURE__ */ new Map();
   for (const family of activeFamilies) {
     const glyphMap = family.getGlyphMap();

package/dist/CurrencyInput.mjs

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

package/dist/DetailRow.d.mts

@@ -5,7 +5,7 @@ type DetailRowSeparator = 'dotted' | 'solid' | 'dashed' | 'none';
 type DetailRowLabelWeight = 'normal' | 'medium' | 'semibold' | 'bold';
 interface DetailRowProps {
     label: React.ReactNode;
-    value: string | React.ReactNode;
+    value: string | number | React.ReactNode;
     /** Dotted/dashed/solid line between label and value. Defaults to 'dotted'. */
     separator?: DetailRowSeparator;
     labelWeight?: DetailRowLabelWeight;

package/dist/DetailRow.d.ts

@@ -5,7 +5,7 @@ type DetailRowSeparator = 'dotted' | 'solid' | 'dashed' | 'none';
 type DetailRowLabelWeight = 'normal' | 'medium' | 'semibold' | 'bold';
 interface DetailRowProps {
     label: React.ReactNode;
-    value: string | React.ReactNode;
+    value: string | number | React.ReactNode;
     /** Dotted/dashed/solid line between label and value. Defaults to 'dotted'. */
     separator?: DetailRowSeparator;
     labelWeight?: DetailRowLabelWeight;

package/dist/DetailRow.js

@@ -155,7 +155,7 @@ var ALL_FAMILIES = [
 ];
 var activeFamilies = ALL_FAMILIES;
 var resolvedCache = null;
-function buildCache() {
+function buildCache(families) {
   const cache = /* @__PURE__ */ new Map();
   for (const family of activeFamilies) {
     const glyphMap = family.getGlyphMap();

package/dist/DetailRow.mjs

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

package/dist/EmptyState.js

@@ -163,7 +163,7 @@ var ALL_FAMILIES = [
 ];
 var activeFamilies = ALL_FAMILIES;
 var resolvedCache = null;
-function buildCache() {
+function buildCache(families) {
   const cache = /* @__PURE__ */ new Map();
   for (const family of activeFamilies) {
     const glyphMap = family.getGlyphMap();

package/dist/EmptyState.mjs

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

package/dist/ErrorBoundary.js

@@ -156,7 +156,7 @@ var ALL_FAMILIES = [
 ];
 var activeFamilies = ALL_FAMILIES;
 var resolvedCache = null;
-function buildCache() {
+function buildCache(families) {
   const cache = /* @__PURE__ */ new Map();
   for (const family of activeFamilies) {
     const glyphMap = family.getGlyphMap();

package/dist/ErrorBoundary.mjs

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

package/dist/IconButton.js

@@ -215,7 +215,7 @@ var ALL_FAMILIES = [
 ];
 var activeFamilies = ALL_FAMILIES;
 var resolvedCache = null;
-function buildCache() {
+function buildCache(families) {
   const cache = /* @__PURE__ */ new Map();
   for (const family of activeFamilies) {
     const glyphMap = family.getGlyphMap();

package/dist/IconButton.mjs

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

package/dist/IconPicker.d.mts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ViewStyle } from 'react-native';
+
+interface IconPickerProps {
+    value: string | null;
+    onChange: (iconName: string) => void;
+    label?: string;
+    error?: string;
+    hint?: string;
+    disabled?: boolean;
+    numColumns?: number;
+    gap?: number;
+    style?: ViewStyle;
+}
+declare function IconPicker({ value, onChange, label, error, hint, disabled, numColumns, gap, style, }: IconPickerProps): React.JSX.Element;
+
+export { IconPicker, type IconPickerProps };

package/dist/IconPicker.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ViewStyle } from 'react-native';
+
+interface IconPickerProps {
+    value: string | null;
+    onChange: (iconName: string) => void;
+    label?: string;
+    error?: string;
+    hint?: string;
+    disabled?: boolean;
+    numColumns?: number;
+    gap?: number;
+    style?: ViewStyle;
+}
+declare function IconPicker({ value, onChange, label, error, hint, disabled, numColumns, gap, style, }: IconPickerProps): React.JSX.Element;
+
+export { IconPicker, type IconPickerProps };