@retray-dev/ui-kit 13.0.0 → 13.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/CONSUMER.md +24 -9
  2. package/README.md +9 -10
  3. package/{COMPONENTS.md → SKILL.md} +296 -860
  4. package/dist/Accordion.d.mts +2 -0
  5. package/dist/Accordion.d.ts +2 -0
  6. package/dist/Accordion.js +1 -0
  7. package/dist/Accordion.mjs +1 -2
  8. package/dist/AlertBanner.mjs +0 -1
  9. package/dist/AppHeader.d.mts +5 -2
  10. package/dist/AppHeader.d.ts +5 -2
  11. package/dist/AppHeader.js +8 -4
  12. package/dist/AppHeader.mjs +1 -2
  13. package/dist/Avatar.mjs +0 -1
  14. package/dist/Badge.mjs +0 -1
  15. package/dist/Button.mjs +0 -1
  16. package/dist/ButtonGroup.mjs +0 -1
  17. package/dist/Card.mjs +0 -1
  18. package/dist/CategoryStrip.mjs +0 -1
  19. package/dist/Checkbox.d.mts +2 -1
  20. package/dist/Checkbox.d.ts +2 -1
  21. package/dist/Checkbox.js +3 -1
  22. package/dist/Checkbox.mjs +1 -2
  23. package/dist/Chip.mjs +0 -1
  24. package/dist/ConfirmDialog.d.mts +2 -1
  25. package/dist/ConfirmDialog.d.ts +2 -1
  26. package/dist/ConfirmDialog.js +26 -14
  27. package/dist/ConfirmDialog.mjs +1 -2
  28. package/dist/CurrencyDisplay.mjs +0 -1
  29. package/dist/CurrencyInput.mjs +0 -1
  30. package/dist/DetailRow.mjs +0 -1
  31. package/dist/EmptyState.mjs +0 -1
  32. package/dist/ErrorBoundary.mjs +0 -1
  33. package/dist/Form.mjs +0 -1
  34. package/dist/HolographicCard.mjs +0 -1
  35. package/dist/IconButton.mjs +0 -1
  36. package/dist/IconPicker.mjs +0 -1
  37. package/dist/ImageUpload.d.mts +1 -3
  38. package/dist/ImageUpload.d.ts +1 -3
  39. package/dist/ImageUpload.js +27 -26
  40. package/dist/ImageUpload.mjs +1 -2
  41. package/dist/ImageViewer.mjs +0 -1
  42. package/dist/Input.mjs +0 -1
  43. package/dist/LabelValue.mjs +0 -1
  44. package/dist/ListGroup.mjs +0 -1
  45. package/dist/ListItem.d.mts +2 -1
  46. package/dist/ListItem.d.ts +2 -1
  47. package/dist/ListItem.js +3 -1
  48. package/dist/ListItem.mjs +1 -2
  49. package/dist/MediaCard.mjs +0 -1
  50. package/dist/MenuGroup.mjs +0 -1
  51. package/dist/MenuItem.d.mts +2 -1
  52. package/dist/MenuItem.d.ts +2 -1
  53. package/dist/MenuItem.js +3 -1
  54. package/dist/MenuItem.mjs +1 -2
  55. package/dist/MonthPicker.mjs +0 -1
  56. package/dist/NumberStepper.d.mts +2 -1
  57. package/dist/NumberStepper.d.ts +2 -1
  58. package/dist/NumberStepper.js +4 -1
  59. package/dist/NumberStepper.mjs +1 -2
  60. package/dist/PagerDots.mjs +0 -1
  61. package/dist/Pressable.mjs +0 -1
  62. package/dist/PricingCard.mjs +0 -1
  63. package/dist/Progress.mjs +0 -1
  64. package/dist/RadioGroup.mjs +0 -1
  65. package/dist/RetrayProvider.mjs +0 -1
  66. package/dist/Select.d.mts +2 -1
  67. package/dist/Select.d.ts +2 -1
  68. package/dist/Select.js +3 -1
  69. package/dist/Select.mjs +1 -2
  70. package/dist/SelectableCard.mjs +0 -1
  71. package/dist/SelectableGrid.js +0 -1
  72. package/dist/SelectableGrid.mjs +1 -2
  73. package/dist/Separator.mjs +0 -1
  74. package/dist/Sheet.d.mts +1 -1
  75. package/dist/Sheet.d.ts +1 -1
  76. package/dist/Sheet.js +26 -13
  77. package/dist/Sheet.mjs +1 -2
  78. package/dist/SheetSelect.mjs +0 -1
  79. package/dist/Skeleton.mjs +0 -1
  80. package/dist/Slider.d.mts +2 -1
  81. package/dist/Slider.d.ts +2 -1
  82. package/dist/Slider.js +2 -0
  83. package/dist/Slider.mjs +1 -2
  84. package/dist/Spinner.mjs +0 -1
  85. package/dist/Stats.mjs +0 -1
  86. package/dist/Switch.d.mts +2 -1
  87. package/dist/Switch.d.ts +2 -1
  88. package/dist/Switch.js +2 -1
  89. package/dist/Switch.mjs +1 -2
  90. package/dist/TabBar.mjs +0 -1
  91. package/dist/Tabs.mjs +0 -1
  92. package/dist/Text.mjs +0 -1
  93. package/dist/Textarea.mjs +0 -1
  94. package/dist/Toast.d.mts +12 -10
  95. package/dist/Toast.d.ts +12 -10
  96. package/dist/Toast.mjs +0 -1
  97. package/dist/Toggle.mjs +0 -1
  98. package/dist/{chunk-TETMEKZE.mjs → chunk-2QXJDRVU.mjs} +4 -1
  99. package/dist/{chunk-CBIZLRYH.mjs → chunk-422IVD3H.mjs} +1 -0
  100. package/dist/{chunk-4ZO5PTKF.mjs → chunk-77UOVFIS.mjs} +3 -1
  101. package/dist/{chunk-2QOHHBJC.mjs → chunk-7BZJRB77.mjs} +25 -15
  102. package/dist/{chunk-UOKFSFNJ.mjs → chunk-C5ZRMR2E.mjs} +2 -0
  103. package/dist/{chunk-E4EQSCKR.mjs → chunk-COA2YZOX.mjs} +3 -1
  104. package/dist/{chunk-6QLBHUEG.mjs → chunk-CZN6L2QU.mjs} +3 -1
  105. package/dist/{chunk-BTUW5LSG.mjs → chunk-E2PONRJG.mjs} +2 -1
  106. package/dist/{chunk-6CR4S6W2.mjs → chunk-H6MQL7PS.mjs} +9 -4
  107. package/dist/{chunk-EROPDCB5.mjs → chunk-HHOOFDBA.mjs} +26 -21
  108. package/dist/{chunk-URIH43IJ.mjs → chunk-IDVUZIVY.mjs} +3 -1
  109. package/dist/{chunk-MP7GLMIR.mjs → chunk-NPCBNGNE.mjs} +0 -1
  110. package/dist/{chunk-V2ZB2XNS.mjs → chunk-UMZTPUB3.mjs} +27 -15
  111. package/dist/fonts.mjs +0 -2
  112. package/dist/index.d.mts +1 -1
  113. package/dist/index.d.ts +1 -1
  114. package/dist/index.js +108 -64
  115. package/dist/index.mjs +13 -14
  116. package/package.json +14 -12
  117. package/src/components/Accordion/Accordion.tsx +3 -0
  118. package/src/components/AppHeader/AppHeader.tsx +25 -10
  119. package/src/components/Checkbox/Checkbox.tsx +3 -0
  120. package/src/components/ConfirmDialog/ConfirmDialog.tsx +30 -14
  121. package/src/components/ImageUpload/ImageUpload.tsx +33 -25
  122. package/src/components/ListItem/ListItem.tsx +3 -0
  123. package/src/components/MenuItem/MenuItem.tsx +3 -0
  124. package/src/components/NumberStepper/NumberStepper.tsx +4 -0
  125. package/src/components/Select/Select.tsx +3 -0
  126. package/src/components/SelectableGrid/SelectableGrid.tsx +0 -1
  127. package/src/components/Sheet/Sheet.tsx +27 -14
  128. package/src/components/Sheet/index.ts +2 -2
  129. package/src/components/Slider/Slider.tsx +3 -0
  130. package/src/components/Switch/Switch.tsx +3 -1
  131. package/src/components/Text/Text.tsx +1 -0
  132. package/dist/chunk-Y6FXYEAI.mjs +0 -8
@@ -2,4 +2,3 @@ export { MenuGroup, MenuGroupFooter, MenuGroupHeader } from './chunk-S2VGME7X.mj
2
2
  import './chunk-QY3X2UYR.mjs';
3
3
  import './chunk-KSSVIFYR.mjs';
4
4
  import './chunk-2CE3TQVY.mjs';
5
- import './chunk-Y6FXYEAI.mjs';
@@ -41,8 +41,9 @@ interface MenuItemProps {
41
41
  labelStyle?: TextStyle;
42
42
  /** Accessibility label override. Defaults to label. */
43
43
  accessibilityLabel?: string;
44
+ accessibilityHint?: string;
44
45
  }
45
- declare function MenuItemBase({ label, subtitle, iconName, icon, iconColor, rightRender, showChevron, onPress, disabled, variant, showSeparator, style, labelStyle, accessibilityLabel, }: MenuItemProps): React.JSX.Element;
46
+ declare function MenuItemBase({ label, subtitle, iconName, icon, iconColor, rightRender, showChevron, onPress, disabled, variant, showSeparator, style, labelStyle, accessibilityLabel, accessibilityHint, }: MenuItemProps): React.JSX.Element;
46
47
  declare const MenuItem: React.MemoExoticComponent<typeof MenuItemBase>;
47
48
 
48
49
  export { MenuItem, type MenuItemProps, type MenuItemVariant };
@@ -41,8 +41,9 @@ interface MenuItemProps {
41
41
  labelStyle?: TextStyle;
42
42
  /** Accessibility label override. Defaults to label. */
43
43
  accessibilityLabel?: string;
44
+ accessibilityHint?: string;
44
45
  }
45
- declare function MenuItemBase({ label, subtitle, iconName, icon, iconColor, rightRender, showChevron, onPress, disabled, variant, showSeparator, style, labelStyle, accessibilityLabel, }: MenuItemProps): React.JSX.Element;
46
+ declare function MenuItemBase({ label, subtitle, iconName, icon, iconColor, rightRender, showChevron, onPress, disabled, variant, showSeparator, style, labelStyle, accessibilityLabel, accessibilityHint, }: MenuItemProps): React.JSX.Element;
46
47
  declare const MenuItem: React.MemoExoticComponent<typeof MenuItemBase>;
47
48
 
48
49
  export { MenuItem, type MenuItemProps, type MenuItemVariant };
package/dist/MenuItem.js CHANGED
@@ -110,7 +110,8 @@ function MenuItemBase({
110
110
  showSeparator = false,
111
111
  style,
112
112
  labelStyle,
113
- accessibilityLabel
113
+ accessibilityLabel,
114
+ accessibilityHint
114
115
  }) {
115
116
  const { colors } = useTheme();
116
117
  const handlePress = () => {
@@ -141,6 +142,7 @@ function MenuItemBase({
141
142
  activateOnHover: true,
142
143
  accessibilityRole: "button",
143
144
  accessibilityLabel: a11yLabel,
145
+ accessibilityHint,
144
146
  accessibilityState: { disabled }
145
147
  },
146
148
  resolvedIcon ? /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles.iconContainer }, resolvedIcon) : null,
package/dist/MenuItem.mjs CHANGED
@@ -1,8 +1,7 @@
1
- export { MenuItem } from './chunk-E4EQSCKR.mjs';
1
+ export { MenuItem } from './chunk-COA2YZOX.mjs';
2
2
  import './chunk-IFYMBOEN.mjs';
3
3
  import './chunk-ARONDO7M.mjs';
4
4
  import './chunk-QY3X2UYR.mjs';
5
5
  import './chunk-MZ6WRTD2.mjs';
6
6
  import './chunk-KSSVIFYR.mjs';
7
7
  import './chunk-2CE3TQVY.mjs';
8
- import './chunk-Y6FXYEAI.mjs';
@@ -2,4 +2,3 @@ export { MonthPicker, dateToMonthPickerValue, monthPickerValueToDate } from './c
2
2
  import './chunk-ARONDO7M.mjs';
3
3
  import './chunk-KSSVIFYR.mjs';
4
4
  import './chunk-2CE3TQVY.mjs';
5
- import './chunk-Y6FXYEAI.mjs';
@@ -12,8 +12,9 @@ interface NumberStepperProps {
12
12
  disabled?: boolean;
13
13
  style?: ViewStyle;
14
14
  accessibilityLabel?: string;
15
+ accessibilityHint?: string;
15
16
  }
16
- declare function NumberStepperBase({ value, onValueChange, min, max, step, size, disabled, style, accessibilityLabel, }: NumberStepperProps): React.JSX.Element;
17
+ declare function NumberStepperBase({ value, onValueChange, min, max, step, size, disabled, style, accessibilityLabel, accessibilityHint, }: NumberStepperProps): React.JSX.Element;
17
18
  declare const NumberStepper: React.MemoExoticComponent<typeof NumberStepperBase>;
18
19
 
19
20
  export { NumberStepper, type NumberStepperProps, type NumberStepperSize };
@@ -12,8 +12,9 @@ interface NumberStepperProps {
12
12
  disabled?: boolean;
13
13
  style?: ViewStyle;
14
14
  accessibilityLabel?: string;
15
+ accessibilityHint?: string;
15
16
  }
16
- declare function NumberStepperBase({ value, onValueChange, min, max, step, size, disabled, style, accessibilityLabel, }: NumberStepperProps): React.JSX.Element;
17
+ declare function NumberStepperBase({ value, onValueChange, min, max, step, size, disabled, style, accessibilityLabel, accessibilityHint, }: NumberStepperProps): React.JSX.Element;
17
18
  declare const NumberStepper: React.MemoExoticComponent<typeof NumberStepperBase>;
18
19
 
19
20
  export { NumberStepper, type NumberStepperProps, type NumberStepperSize };
@@ -109,7 +109,8 @@ function NumberStepperBase({
109
109
  size = "md",
110
110
  disabled = false,
111
111
  style,
112
- accessibilityLabel
112
+ accessibilityLabel,
113
+ accessibilityHint
113
114
  }) {
114
115
  const { colors } = useTheme();
115
116
  const canDecrement = value > min && !disabled;
@@ -145,6 +146,7 @@ function NumberStepperBase({
145
146
  touchSoundDisabled: true,
146
147
  accessibilityRole: "button",
147
148
  accessibilityLabel: `Disminuir, valor actual ${displayValue}`,
149
+ accessibilityHint,
148
150
  accessibilityState: { disabled: !canDecrement }
149
151
  },
150
152
  /* @__PURE__ */ React3__default.default.createElement(Icon, { name: "minus", size: iconSize, color: canDecrement ? colors.foreground : colors.foregroundMuted })
@@ -184,6 +186,7 @@ function NumberStepperBase({
184
186
  touchSoundDisabled: true,
185
187
  accessibilityRole: "button",
186
188
  accessibilityLabel: `Aumentar, valor actual ${displayValue}`,
189
+ accessibilityHint,
187
190
  accessibilityState: { disabled: !canIncrement }
188
191
  },
189
192
  /* @__PURE__ */ React3__default.default.createElement(Icon, { name: "plus", size: iconSize, color: canIncrement ? colors.foreground : colors.foregroundMuted })
@@ -1,8 +1,7 @@
1
- export { NumberStepper } from './chunk-TETMEKZE.mjs';
1
+ export { NumberStepper } from './chunk-2QXJDRVU.mjs';
2
2
  import './chunk-IFYMBOEN.mjs';
3
3
  import './chunk-ARONDO7M.mjs';
4
4
  import './chunk-QY3X2UYR.mjs';
5
5
  import './chunk-MZ6WRTD2.mjs';
6
6
  import './chunk-KSSVIFYR.mjs';
7
7
  import './chunk-2CE3TQVY.mjs';
8
- import './chunk-Y6FXYEAI.mjs';
@@ -5,4 +5,3 @@ import './chunk-ARONDO7M.mjs';
5
5
  import './chunk-MZ6WRTD2.mjs';
6
6
  import './chunk-KSSVIFYR.mjs';
7
7
  import './chunk-2CE3TQVY.mjs';
8
- import './chunk-Y6FXYEAI.mjs';
@@ -2,4 +2,3 @@ export { Pressable } from './chunk-62BBSSUF.mjs';
2
2
  import './chunk-M53LC4Q7.mjs';
3
3
  import './chunk-IFYMBOEN.mjs';
4
4
  import './chunk-ARONDO7M.mjs';
5
- import './chunk-Y6FXYEAI.mjs';
@@ -8,4 +8,3 @@ import './chunk-QY3X2UYR.mjs';
8
8
  import './chunk-MZ6WRTD2.mjs';
9
9
  import './chunk-KSSVIFYR.mjs';
10
10
  import './chunk-2CE3TQVY.mjs';
11
- import './chunk-Y6FXYEAI.mjs';
package/dist/Progress.mjs CHANGED
@@ -2,4 +2,3 @@ export { Progress } from './chunk-DBHSUUKU.mjs';
2
2
  import './chunk-M53LC4Q7.mjs';
3
3
  import './chunk-KSSVIFYR.mjs';
4
4
  import './chunk-2CE3TQVY.mjs';
5
- import './chunk-Y6FXYEAI.mjs';
@@ -4,4 +4,3 @@ import './chunk-IFYMBOEN.mjs';
4
4
  import './chunk-ARONDO7M.mjs';
5
5
  import './chunk-KSSVIFYR.mjs';
6
6
  import './chunk-2CE3TQVY.mjs';
7
- import './chunk-Y6FXYEAI.mjs';
@@ -2,4 +2,3 @@ export { RetrayProvider } from './chunk-ERWJPVX7.mjs';
2
2
  import './chunk-SZEKQAOY.mjs';
3
3
  import './chunk-KSSVIFYR.mjs';
4
4
  import './chunk-2CE3TQVY.mjs';
5
- import './chunk-Y6FXYEAI.mjs';
package/dist/Select.d.mts CHANGED
@@ -17,7 +17,8 @@ interface SelectProps {
17
17
  disabled?: boolean;
18
18
  style?: ViewStyle;
19
19
  accessibilityLabel?: string;
20
+ accessibilityHint?: string;
20
21
  }
21
- declare function Select({ options, value, onValueChange, placeholder, label, hint, error, disabled, style, accessibilityLabel, }: SelectProps): React.JSX.Element;
22
+ declare function Select({ options, value, onValueChange, placeholder, label, hint, error, disabled, style, accessibilityLabel, accessibilityHint, }: SelectProps): React.JSX.Element;
22
23
 
23
24
  export { Select, type SelectOption, type SelectProps };
package/dist/Select.d.ts CHANGED
@@ -17,7 +17,8 @@ interface SelectProps {
17
17
  disabled?: boolean;
18
18
  style?: ViewStyle;
19
19
  accessibilityLabel?: string;
20
+ accessibilityHint?: string;
20
21
  }
21
- declare function Select({ options, value, onValueChange, placeholder, label, hint, error, disabled, style, accessibilityLabel, }: SelectProps): React.JSX.Element;
22
+ declare function Select({ options, value, onValueChange, placeholder, label, hint, error, disabled, style, accessibilityLabel, accessibilityHint, }: SelectProps): React.JSX.Element;
22
23
 
23
24
  export { Select, type SelectOption, type SelectProps };
package/dist/Select.js CHANGED
@@ -65,7 +65,8 @@ function Select({
65
65
  error,
66
66
  disabled,
67
67
  style,
68
- accessibilityLabel
68
+ accessibilityLabel,
69
+ accessibilityHint
69
70
  }) {
70
71
  const { colors } = useTheme();
71
72
  const [pickerVisible, setPickerVisible] = React2.useState(false);
@@ -109,6 +110,7 @@ function Select({
109
110
  touchSoundDisabled: true,
110
111
  accessibilityRole: "combobox",
111
112
  accessibilityLabel: accessibilityLabel ?? label,
113
+ accessibilityHint,
112
114
  accessibilityValue: { text: selected?.label ?? placeholder },
113
115
  accessibilityState: { disabled: !!disabled, expanded: pickerVisible }
114
116
  },
package/dist/Select.mjs CHANGED
@@ -1,6 +1,5 @@
1
- export { Select } from './chunk-URIH43IJ.mjs';
1
+ export { Select } from './chunk-IDVUZIVY.mjs';
2
2
  import './chunk-IFYMBOEN.mjs';
3
3
  import './chunk-ARONDO7M.mjs';
4
4
  import './chunk-KSSVIFYR.mjs';
5
5
  import './chunk-2CE3TQVY.mjs';
6
- import './chunk-Y6FXYEAI.mjs';
@@ -5,4 +5,3 @@ import './chunk-QY3X2UYR.mjs';
5
5
  import './chunk-MZ6WRTD2.mjs';
6
6
  import './chunk-KSSVIFYR.mjs';
7
7
  import './chunk-2CE3TQVY.mjs';
8
- import './chunk-Y6FXYEAI.mjs';
@@ -119,7 +119,6 @@ function Cell({ item, selected, width, onPress }) {
119
119
  { width },
120
120
  styles.cell,
121
121
  {
122
- backgroundColor: selected ? colors.primary + "14" : colors.surface,
123
122
  borderColor: selected ? colors.primary : "transparent"
124
123
  },
125
124
  item.disabled && styles.cellDisabled
@@ -1,8 +1,7 @@
1
- export { SelectableGrid } from './chunk-MP7GLMIR.mjs';
1
+ export { SelectableGrid } from './chunk-NPCBNGNE.mjs';
2
2
  import './chunk-IFYMBOEN.mjs';
3
3
  import './chunk-ARONDO7M.mjs';
4
4
  import './chunk-QY3X2UYR.mjs';
5
5
  import './chunk-MZ6WRTD2.mjs';
6
6
  import './chunk-KSSVIFYR.mjs';
7
7
  import './chunk-2CE3TQVY.mjs';
8
- import './chunk-Y6FXYEAI.mjs';
@@ -1,3 +1,2 @@
1
1
  export { Separator } from './chunk-EW2FIDSM.mjs';
2
2
  import './chunk-KSSVIFYR.mjs';
3
- import './chunk-Y6FXYEAI.mjs';
package/dist/Sheet.d.mts CHANGED
@@ -48,4 +48,4 @@ declare namespace Sheet {
48
48
  var Footer: typeof SheetFooter;
49
49
  }
50
50
 
51
- export { Sheet, type SheetProps };
51
+ export { Sheet, SheetContent, type SheetContentProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, type SheetProps };
package/dist/Sheet.d.ts CHANGED
@@ -48,4 +48,4 @@ declare namespace Sheet {
48
48
  var Footer: typeof SheetFooter;
49
49
  }
50
50
 
51
- export { Sheet, type SheetProps };
51
+ export { Sheet, SheetContent, type SheetContentProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, type SheetProps };
package/dist/Sheet.js CHANGED
@@ -75,23 +75,33 @@ function Sheet({
75
75
  const { colors } = useTheme();
76
76
  const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
77
77
  const ref = React2.useRef(null);
78
- const wasOpened = React2.useRef(false);
79
- const isPresentedRef = React2.useRef(false);
78
+ const sheetState = React2.useRef("idle");
79
+ const onCloseRef = React2.useRef(onClose);
80
80
  const name = React2.useId();
81
- const handleDismiss = React2.useCallback(() => {
82
- isPresentedRef.current = false;
83
- onClose?.();
81
+ const [tick, setTick] = React2.useState(0);
82
+ React2.useEffect(() => {
83
+ onCloseRef.current = onClose;
84
84
  }, [onClose]);
85
+ const handleDismiss = React2.useCallback(() => {
86
+ sheetState.current = "idle";
87
+ onCloseRef.current?.();
88
+ setTick((t) => t + 1);
89
+ }, []);
85
90
  React2.useEffect(() => {
86
- if (open && !isPresentedRef.current) {
87
- impactMedium();
88
- ref.current?.present();
89
- wasOpened.current = true;
90
- isPresentedRef.current = true;
91
- } else if (!open && wasOpened.current && isPresentedRef.current) {
92
- ref.current?.dismiss();
91
+ if (open) {
92
+ if (sheetState.current === "idle") {
93
+ sheetState.current = "presenting";
94
+ impactMedium();
95
+ ref.current?.present();
96
+ sheetState.current = "presented";
97
+ }
98
+ } else {
99
+ if (sheetState.current === "presented" || sheetState.current === "presenting") {
100
+ sheetState.current = "dismissing";
101
+ ref.current?.dismiss();
102
+ }
93
103
  }
94
- }, [open]);
104
+ }, [open, tick]);
95
105
  const renderBackdrop = React2.useCallback(
96
106
  (props) => /* @__PURE__ */ React2__default.default.createElement(
97
107
  bottomSheet.BottomSheetBackdrop,
@@ -236,3 +246,6 @@ Object.defineProperty(exports, "SheetTextInput", {
236
246
  get: function () { return bottomSheet.BottomSheetTextInput; }
237
247
  });
238
248
  exports.Sheet = Sheet;
249
+ exports.SheetContent = SheetContent;
250
+ exports.SheetFooter = SheetFooter;
251
+ exports.SheetHeader = SheetHeader;
package/dist/Sheet.mjs CHANGED
@@ -1,5 +1,4 @@
1
- export { BottomSheetModalProvider, Sheet, BottomSheetTextInput as SheetTextInput } from './chunk-2QOHHBJC.mjs';
1
+ export { BottomSheetModalProvider, Sheet, SheetContent, SheetFooter, SheetHeader, BottomSheetTextInput as SheetTextInput } from './chunk-7BZJRB77.mjs';
2
2
  import './chunk-ARONDO7M.mjs';
3
3
  import './chunk-KSSVIFYR.mjs';
4
4
  import './chunk-2CE3TQVY.mjs';
5
- import './chunk-Y6FXYEAI.mjs';
@@ -6,4 +6,3 @@ import './chunk-QY3X2UYR.mjs';
6
6
  import './chunk-MZ6WRTD2.mjs';
7
7
  import './chunk-KSSVIFYR.mjs';
8
8
  import './chunk-2CE3TQVY.mjs';
9
- import './chunk-Y6FXYEAI.mjs';
package/dist/Skeleton.mjs CHANGED
@@ -3,4 +3,3 @@ import './chunk-M53LC4Q7.mjs';
3
3
  import './chunk-QY3X2UYR.mjs';
4
4
  import './chunk-KSSVIFYR.mjs';
5
5
  import './chunk-2CE3TQVY.mjs';
6
- import './chunk-Y6FXYEAI.mjs';
package/dist/Slider.d.mts CHANGED
@@ -12,9 +12,10 @@ interface SliderProps {
12
12
  showValue?: boolean;
13
13
  formatValue?: (value: number) => string;
14
14
  accessibilityLabel?: string;
15
+ accessibilityHint?: string;
15
16
  disabled?: boolean;
16
17
  style?: ViewStyle;
17
18
  }
18
- declare function Slider({ value, minimumValue, maximumValue, step, onValueChange, onSlidingComplete, label, showValue, formatValue, accessibilityLabel, disabled, style, }: SliderProps): React.JSX.Element;
19
+ declare function Slider({ value, minimumValue, maximumValue, step, onValueChange, onSlidingComplete, label, showValue, formatValue, accessibilityLabel, accessibilityHint, disabled, style, }: SliderProps): React.JSX.Element;
19
20
 
20
21
  export { Slider, type SliderProps };
package/dist/Slider.d.ts CHANGED
@@ -12,9 +12,10 @@ interface SliderProps {
12
12
  showValue?: boolean;
13
13
  formatValue?: (value: number) => string;
14
14
  accessibilityLabel?: string;
15
+ accessibilityHint?: string;
15
16
  disabled?: boolean;
16
17
  style?: ViewStyle;
17
18
  }
18
- declare function Slider({ value, minimumValue, maximumValue, step, onValueChange, onSlidingComplete, label, showValue, formatValue, accessibilityLabel, disabled, style, }: SliderProps): React.JSX.Element;
19
+ declare function Slider({ value, minimumValue, maximumValue, step, onValueChange, onSlidingComplete, label, showValue, formatValue, accessibilityLabel, accessibilityHint, disabled, style, }: SliderProps): React.JSX.Element;
19
20
 
20
21
  export { Slider, type SliderProps };
package/dist/Slider.js CHANGED
@@ -52,6 +52,7 @@ function Slider({
52
52
  showValue = false,
53
53
  formatValue = (v) => v.toFixed(2),
54
54
  accessibilityLabel,
55
+ accessibilityHint,
55
56
  disabled,
56
57
  style
57
58
  }) {
@@ -70,6 +71,7 @@ function Slider({
70
71
  style: [styles.wrapper, style],
71
72
  accessibilityRole: "adjustable",
72
73
  accessibilityLabel: accessibilityLabel ?? label,
74
+ accessibilityHint,
73
75
  accessibilityValue: {
74
76
  min: minimumValue,
75
77
  max: maximumValue,
package/dist/Slider.mjs CHANGED
@@ -1,5 +1,4 @@
1
- export { Slider } from './chunk-UOKFSFNJ.mjs';
1
+ export { Slider } from './chunk-C5ZRMR2E.mjs';
2
2
  import './chunk-ARONDO7M.mjs';
3
3
  import './chunk-KSSVIFYR.mjs';
4
4
  import './chunk-2CE3TQVY.mjs';
5
- import './chunk-Y6FXYEAI.mjs';
package/dist/Spinner.mjs CHANGED
@@ -1,4 +1,3 @@
1
1
  export { Spinner } from './chunk-2VIDP72N.mjs';
2
2
  import './chunk-KSSVIFYR.mjs';
3
3
  import './chunk-2CE3TQVY.mjs';
4
- import './chunk-Y6FXYEAI.mjs';
package/dist/Stats.mjs CHANGED
@@ -5,4 +5,3 @@ import './chunk-QY3X2UYR.mjs';
5
5
  import './chunk-MZ6WRTD2.mjs';
6
6
  import './chunk-KSSVIFYR.mjs';
7
7
  import './chunk-2CE3TQVY.mjs';
8
- import './chunk-Y6FXYEAI.mjs';
package/dist/Switch.d.mts CHANGED
@@ -7,7 +7,8 @@ interface SwitchProps {
7
7
  disabled?: boolean;
8
8
  style?: ViewStyle;
9
9
  accessibilityLabel?: string;
10
+ accessibilityHint?: string;
10
11
  }
11
- declare function Switch({ checked, onCheckedChange, disabled, style, accessibilityLabel }: SwitchProps): React.JSX.Element;
12
+ declare function Switch({ checked, onCheckedChange, disabled, style, accessibilityLabel, accessibilityHint }: SwitchProps): React.JSX.Element;
12
13
 
13
14
  export { Switch, type SwitchProps };
package/dist/Switch.d.ts CHANGED
@@ -7,7 +7,8 @@ interface SwitchProps {
7
7
  disabled?: boolean;
8
8
  style?: ViewStyle;
9
9
  accessibilityLabel?: string;
10
+ accessibilityHint?: string;
10
11
  }
11
- declare function Switch({ checked, onCheckedChange, disabled, style, accessibilityLabel }: SwitchProps): React.JSX.Element;
12
+ declare function Switch({ checked, onCheckedChange, disabled, style, accessibilityLabel, accessibilityHint }: SwitchProps): React.JSX.Element;
12
13
 
13
14
  export { Switch, type SwitchProps };
package/dist/Switch.js CHANGED
@@ -77,7 +77,7 @@ var THUMB_OFFSET = s(3);
77
77
  var THUMB_TRAVEL = TRACK_WIDTH - THUMB_SIZE - THUMB_OFFSET * 2;
78
78
  var ICON_SIZE = s(13);
79
79
  var DISABLED_OPACITY = 0.45;
80
- function Switch({ checked = false, onCheckedChange, disabled, style, accessibilityLabel }) {
80
+ function Switch({ checked = false, onCheckedChange, disabled, style, accessibilityLabel, accessibilityHint }) {
81
81
  const { colors } = useTheme();
82
82
  const isDisabled = !!disabled;
83
83
  return /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [{ alignSelf: "flex-start" }, style] }, /* @__PURE__ */ React2__default.default.createElement(
@@ -92,6 +92,7 @@ function Switch({ checked = false, onCheckedChange, disabled, style, accessibili
92
92
  touchSoundDisabled: true,
93
93
  accessibilityRole: "switch",
94
94
  accessibilityLabel,
95
+ accessibilityHint,
95
96
  accessibilityState: { checked, disabled: isDisabled },
96
97
  style: styles.touchable
97
98
  },
package/dist/Switch.mjs CHANGED
@@ -1,7 +1,6 @@
1
- export { Switch } from './chunk-BTUW5LSG.mjs';
1
+ export { Switch } from './chunk-E2PONRJG.mjs';
2
2
  import './chunk-M53LC4Q7.mjs';
3
3
  import './chunk-IFYMBOEN.mjs';
4
4
  import './chunk-ARONDO7M.mjs';
5
5
  import './chunk-KSSVIFYR.mjs';
6
6
  import './chunk-2CE3TQVY.mjs';
7
- import './chunk-Y6FXYEAI.mjs';
package/dist/TabBar.mjs CHANGED
@@ -4,4 +4,3 @@ import './chunk-ARONDO7M.mjs';
4
4
  import './chunk-MZ6WRTD2.mjs';
5
5
  import './chunk-KSSVIFYR.mjs';
6
6
  import './chunk-2CE3TQVY.mjs';
7
- import './chunk-Y6FXYEAI.mjs';
package/dist/Tabs.mjs CHANGED
@@ -4,4 +4,3 @@ import './chunk-IFYMBOEN.mjs';
4
4
  import './chunk-ARONDO7M.mjs';
5
5
  import './chunk-KSSVIFYR.mjs';
6
6
  import './chunk-2CE3TQVY.mjs';
7
- import './chunk-Y6FXYEAI.mjs';
package/dist/Text.mjs CHANGED
@@ -2,4 +2,3 @@ export { Text } from './chunk-EHGBHFMH.mjs';
2
2
  import './chunk-QY3X2UYR.mjs';
3
3
  import './chunk-KSSVIFYR.mjs';
4
4
  import './chunk-2CE3TQVY.mjs';
5
- import './chunk-Y6FXYEAI.mjs';
package/dist/Textarea.mjs CHANGED
@@ -3,4 +3,3 @@ import './chunk-M53LC4Q7.mjs';
3
3
  import './chunk-MZ6WRTD2.mjs';
4
4
  import './chunk-KSSVIFYR.mjs';
5
5
  import './chunk-2CE3TQVY.mjs';
6
- import './chunk-Y6FXYEAI.mjs';
package/dist/Toast.d.mts CHANGED
@@ -3,27 +3,27 @@ export { toast } from 'sonner-native';
3
3
  import React from 'react';
4
4
 
5
5
  declare function useToast(): {
6
- toast: ((message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "jsx" | "promise"> & {
6
+ toast: ((message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "index" | "jsx" | "promise" | "numberOfToasts" | "orderedToastIds"> & {
7
7
  id?: string | number;
8
8
  }) => string | number) & {
9
- success: (message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "jsx" | "promise"> & {
9
+ success: (message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "index" | "jsx" | "promise" | "numberOfToasts" | "orderedToastIds"> & {
10
10
  id?: string | number;
11
11
  }) => string | number;
12
- info: (message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "jsx" | "promise"> & {
12
+ info: (message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "index" | "jsx" | "promise" | "numberOfToasts" | "orderedToastIds"> & {
13
13
  id?: string | number;
14
14
  }) => string | number;
15
- error: (message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "jsx" | "promise"> & {
15
+ error: (message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "index" | "jsx" | "promise" | "numberOfToasts" | "orderedToastIds"> & {
16
16
  id?: string | number;
17
17
  }) => string | number;
18
- warning: (message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "jsx" | "promise"> & {
18
+ warning: (message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "index" | "jsx" | "promise" | "numberOfToasts" | "orderedToastIds"> & {
19
19
  id?: string | number;
20
20
  }) => string | number;
21
- custom: (jsx: React.ReactElement, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "jsx" | "promise"> & {
21
+ custom: (jsx: React.ReactElement, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "index" | "jsx" | "promise" | "numberOfToasts" | "orderedToastIds"> & {
22
22
  id?: string | number;
23
23
  }) => string | number;
24
24
  promise: <T>(promise: Promise<T>, options: Omit<{
25
- promise: Promise<unknown>;
26
- success: (result: any) => string;
25
+ promise: Promise<T>;
26
+ success: (result: T) => string;
27
27
  error: ((error: unknown) => string) | string;
28
28
  loading: string;
29
29
  styles?: {
@@ -31,8 +31,10 @@ declare function useToast(): {
31
31
  success?: sonner_native.ToastStyles;
32
32
  error?: sonner_native.ToastStyles;
33
33
  };
34
- }, "promise">) => string | number;
35
- loading: (message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "jsx" | "promise"> & {
34
+ }, "promise"> & (Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "index" | "jsx" | "promise" | "numberOfToasts" | "orderedToastIds"> & {
35
+ id?: string | number;
36
+ })) => string | number;
37
+ loading: (message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "index" | "jsx" | "promise" | "numberOfToasts" | "orderedToastIds"> & {
36
38
  id?: string | number;
37
39
  }) => string | number;
38
40
  dismiss: (id?: string | number) => string | number | undefined;
package/dist/Toast.d.ts CHANGED
@@ -3,27 +3,27 @@ export { toast } from 'sonner-native';
3
3
  import React from 'react';
4
4
 
5
5
  declare function useToast(): {
6
- toast: ((message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "jsx" | "promise"> & {
6
+ toast: ((message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "index" | "jsx" | "promise" | "numberOfToasts" | "orderedToastIds"> & {
7
7
  id?: string | number;
8
8
  }) => string | number) & {
9
- success: (message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "jsx" | "promise"> & {
9
+ success: (message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "index" | "jsx" | "promise" | "numberOfToasts" | "orderedToastIds"> & {
10
10
  id?: string | number;
11
11
  }) => string | number;
12
- info: (message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "jsx" | "promise"> & {
12
+ info: (message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "index" | "jsx" | "promise" | "numberOfToasts" | "orderedToastIds"> & {
13
13
  id?: string | number;
14
14
  }) => string | number;
15
- error: (message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "jsx" | "promise"> & {
15
+ error: (message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "index" | "jsx" | "promise" | "numberOfToasts" | "orderedToastIds"> & {
16
16
  id?: string | number;
17
17
  }) => string | number;
18
- warning: (message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "jsx" | "promise"> & {
18
+ warning: (message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "index" | "jsx" | "promise" | "numberOfToasts" | "orderedToastIds"> & {
19
19
  id?: string | number;
20
20
  }) => string | number;
21
- custom: (jsx: React.ReactElement, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "jsx" | "promise"> & {
21
+ custom: (jsx: React.ReactElement, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "index" | "jsx" | "promise" | "numberOfToasts" | "orderedToastIds"> & {
22
22
  id?: string | number;
23
23
  }) => string | number;
24
24
  promise: <T>(promise: Promise<T>, options: Omit<{
25
- promise: Promise<unknown>;
26
- success: (result: any) => string;
25
+ promise: Promise<T>;
26
+ success: (result: T) => string;
27
27
  error: ((error: unknown) => string) | string;
28
28
  loading: string;
29
29
  styles?: {
@@ -31,8 +31,10 @@ declare function useToast(): {
31
31
  success?: sonner_native.ToastStyles;
32
32
  error?: sonner_native.ToastStyles;
33
33
  };
34
- }, "promise">) => string | number;
35
- loading: (message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "jsx" | "promise"> & {
34
+ }, "promise"> & (Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "index" | "jsx" | "promise" | "numberOfToasts" | "orderedToastIds"> & {
35
+ id?: string | number;
36
+ })) => string | number;
37
+ loading: (message: string, data?: Omit<sonner_native.ToastProps, "title" | "type" | "id" | "variant" | "index" | "jsx" | "promise" | "numberOfToasts" | "orderedToastIds"> & {
36
38
  id?: string | number;
37
39
  }) => string | number;
38
40
  dismiss: (id?: string | number) => string | number | undefined;
package/dist/Toast.mjs CHANGED
@@ -1,4 +1,3 @@
1
1
  export { ToastProvider, sonnerToast as toast, useToast } from './chunk-SZEKQAOY.mjs';
2
2
  import './chunk-KSSVIFYR.mjs';
3
3
  import './chunk-2CE3TQVY.mjs';
4
- import './chunk-Y6FXYEAI.mjs';
package/dist/Toggle.mjs CHANGED
@@ -5,4 +5,3 @@ import './chunk-ARONDO7M.mjs';
5
5
  import './chunk-MZ6WRTD2.mjs';
6
6
  import './chunk-KSSVIFYR.mjs';
7
7
  import './chunk-2CE3TQVY.mjs';
8
- import './chunk-Y6FXYEAI.mjs';
@@ -21,7 +21,8 @@ function NumberStepperBase({
21
21
  size = "md",
22
22
  disabled = false,
23
23
  style,
24
- accessibilityLabel
24
+ accessibilityLabel,
25
+ accessibilityHint
25
26
  }) {
26
27
  const { colors } = useTheme();
27
28
  const canDecrement = value > min && !disabled;
@@ -57,6 +58,7 @@ function NumberStepperBase({
57
58
  touchSoundDisabled: true,
58
59
  accessibilityRole: "button",
59
60
  accessibilityLabel: `Disminuir, valor actual ${displayValue}`,
61
+ accessibilityHint,
60
62
  accessibilityState: { disabled: !canDecrement }
61
63
  },
62
64
  /* @__PURE__ */ React.createElement(Icon, { name: "minus", size: iconSize, color: canDecrement ? colors.foreground : colors.foregroundMuted })
@@ -96,6 +98,7 @@ function NumberStepperBase({
96
98
  touchSoundDisabled: true,
97
99
  accessibilityRole: "button",
98
100
  accessibilityLabel: `Aumentar, valor actual ${displayValue}`,
101
+ accessibilityHint,
99
102
  accessibilityState: { disabled: !canIncrement }
100
103
  },
101
104
  /* @__PURE__ */ React.createElement(Icon, { name: "plus", size: iconSize, color: canIncrement ? colors.foreground : colors.foregroundMuted })