@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.
- package/CONSUMER.md +24 -9
- package/README.md +9 -10
- package/{COMPONENTS.md → SKILL.md} +296 -860
- package/dist/Accordion.d.mts +2 -0
- package/dist/Accordion.d.ts +2 -0
- package/dist/Accordion.js +1 -0
- package/dist/Accordion.mjs +1 -2
- package/dist/AlertBanner.mjs +0 -1
- package/dist/AppHeader.d.mts +5 -2
- package/dist/AppHeader.d.ts +5 -2
- package/dist/AppHeader.js +8 -4
- package/dist/AppHeader.mjs +1 -2
- package/dist/Avatar.mjs +0 -1
- package/dist/Badge.mjs +0 -1
- package/dist/Button.mjs +0 -1
- package/dist/ButtonGroup.mjs +0 -1
- package/dist/Card.mjs +0 -1
- package/dist/CategoryStrip.mjs +0 -1
- package/dist/Checkbox.d.mts +2 -1
- package/dist/Checkbox.d.ts +2 -1
- package/dist/Checkbox.js +3 -1
- package/dist/Checkbox.mjs +1 -2
- package/dist/Chip.mjs +0 -1
- package/dist/ConfirmDialog.d.mts +2 -1
- package/dist/ConfirmDialog.d.ts +2 -1
- package/dist/ConfirmDialog.js +26 -14
- package/dist/ConfirmDialog.mjs +1 -2
- package/dist/CurrencyDisplay.mjs +0 -1
- package/dist/CurrencyInput.mjs +0 -1
- package/dist/DetailRow.mjs +0 -1
- package/dist/EmptyState.mjs +0 -1
- package/dist/ErrorBoundary.mjs +0 -1
- package/dist/Form.mjs +0 -1
- package/dist/HolographicCard.mjs +0 -1
- package/dist/IconButton.mjs +0 -1
- package/dist/IconPicker.mjs +0 -1
- package/dist/ImageUpload.d.mts +1 -3
- package/dist/ImageUpload.d.ts +1 -3
- package/dist/ImageUpload.js +27 -26
- package/dist/ImageUpload.mjs +1 -2
- package/dist/ImageViewer.mjs +0 -1
- package/dist/Input.mjs +0 -1
- package/dist/LabelValue.mjs +0 -1
- package/dist/ListGroup.mjs +0 -1
- package/dist/ListItem.d.mts +2 -1
- package/dist/ListItem.d.ts +2 -1
- package/dist/ListItem.js +3 -1
- package/dist/ListItem.mjs +1 -2
- package/dist/MediaCard.mjs +0 -1
- package/dist/MenuGroup.mjs +0 -1
- package/dist/MenuItem.d.mts +2 -1
- package/dist/MenuItem.d.ts +2 -1
- package/dist/MenuItem.js +3 -1
- package/dist/MenuItem.mjs +1 -2
- package/dist/MonthPicker.mjs +0 -1
- package/dist/NumberStepper.d.mts +2 -1
- package/dist/NumberStepper.d.ts +2 -1
- package/dist/NumberStepper.js +4 -1
- package/dist/NumberStepper.mjs +1 -2
- package/dist/PagerDots.mjs +0 -1
- package/dist/Pressable.mjs +0 -1
- package/dist/PricingCard.mjs +0 -1
- package/dist/Progress.mjs +0 -1
- package/dist/RadioGroup.mjs +0 -1
- package/dist/RetrayProvider.mjs +0 -1
- package/dist/Select.d.mts +2 -1
- package/dist/Select.d.ts +2 -1
- package/dist/Select.js +3 -1
- package/dist/Select.mjs +1 -2
- package/dist/SelectableCard.mjs +0 -1
- package/dist/SelectableGrid.js +0 -1
- package/dist/SelectableGrid.mjs +1 -2
- package/dist/Separator.mjs +0 -1
- package/dist/Sheet.d.mts +1 -1
- package/dist/Sheet.d.ts +1 -1
- package/dist/Sheet.js +26 -13
- package/dist/Sheet.mjs +1 -2
- package/dist/SheetSelect.mjs +0 -1
- package/dist/Skeleton.mjs +0 -1
- package/dist/Slider.d.mts +2 -1
- package/dist/Slider.d.ts +2 -1
- package/dist/Slider.js +2 -0
- package/dist/Slider.mjs +1 -2
- package/dist/Spinner.mjs +0 -1
- package/dist/Stats.mjs +0 -1
- package/dist/Switch.d.mts +2 -1
- package/dist/Switch.d.ts +2 -1
- package/dist/Switch.js +2 -1
- package/dist/Switch.mjs +1 -2
- package/dist/TabBar.mjs +0 -1
- package/dist/Tabs.mjs +0 -1
- package/dist/Text.mjs +0 -1
- package/dist/Textarea.mjs +0 -1
- package/dist/Toast.d.mts +12 -10
- package/dist/Toast.d.ts +12 -10
- package/dist/Toast.mjs +0 -1
- package/dist/Toggle.mjs +0 -1
- package/dist/{chunk-TETMEKZE.mjs → chunk-2QXJDRVU.mjs} +4 -1
- package/dist/{chunk-CBIZLRYH.mjs → chunk-422IVD3H.mjs} +1 -0
- package/dist/{chunk-4ZO5PTKF.mjs → chunk-77UOVFIS.mjs} +3 -1
- package/dist/{chunk-2QOHHBJC.mjs → chunk-7BZJRB77.mjs} +25 -15
- package/dist/{chunk-UOKFSFNJ.mjs → chunk-C5ZRMR2E.mjs} +2 -0
- package/dist/{chunk-E4EQSCKR.mjs → chunk-COA2YZOX.mjs} +3 -1
- package/dist/{chunk-6QLBHUEG.mjs → chunk-CZN6L2QU.mjs} +3 -1
- package/dist/{chunk-BTUW5LSG.mjs → chunk-E2PONRJG.mjs} +2 -1
- package/dist/{chunk-6CR4S6W2.mjs → chunk-H6MQL7PS.mjs} +9 -4
- package/dist/{chunk-EROPDCB5.mjs → chunk-HHOOFDBA.mjs} +26 -21
- package/dist/{chunk-URIH43IJ.mjs → chunk-IDVUZIVY.mjs} +3 -1
- package/dist/{chunk-MP7GLMIR.mjs → chunk-NPCBNGNE.mjs} +0 -1
- package/dist/{chunk-V2ZB2XNS.mjs → chunk-UMZTPUB3.mjs} +27 -15
- package/dist/fonts.mjs +0 -2
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +108 -64
- package/dist/index.mjs +13 -14
- package/package.json +14 -12
- package/src/components/Accordion/Accordion.tsx +3 -0
- package/src/components/AppHeader/AppHeader.tsx +25 -10
- package/src/components/Checkbox/Checkbox.tsx +3 -0
- package/src/components/ConfirmDialog/ConfirmDialog.tsx +30 -14
- package/src/components/ImageUpload/ImageUpload.tsx +33 -25
- package/src/components/ListItem/ListItem.tsx +3 -0
- package/src/components/MenuItem/MenuItem.tsx +3 -0
- package/src/components/NumberStepper/NumberStepper.tsx +4 -0
- package/src/components/Select/Select.tsx +3 -0
- package/src/components/SelectableGrid/SelectableGrid.tsx +0 -1
- package/src/components/Sheet/Sheet.tsx +27 -14
- package/src/components/Sheet/index.ts +2 -2
- package/src/components/Slider/Slider.tsx +3 -0
- package/src/components/Switch/Switch.tsx +3 -1
- package/src/components/Text/Text.tsx +1 -0
- package/dist/chunk-Y6FXYEAI.mjs +0 -8
package/dist/MenuGroup.mjs
CHANGED
package/dist/MenuItem.d.mts
CHANGED
|
@@ -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.d.ts
CHANGED
|
@@ -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-
|
|
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';
|
package/dist/MonthPicker.mjs
CHANGED
package/dist/NumberStepper.d.mts
CHANGED
|
@@ -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 };
|
package/dist/NumberStepper.d.ts
CHANGED
|
@@ -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 };
|
package/dist/NumberStepper.js
CHANGED
|
@@ -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 })
|
package/dist/NumberStepper.mjs
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
export { NumberStepper } from './chunk-
|
|
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';
|
package/dist/PagerDots.mjs
CHANGED
package/dist/Pressable.mjs
CHANGED
package/dist/PricingCard.mjs
CHANGED
package/dist/Progress.mjs
CHANGED
package/dist/RadioGroup.mjs
CHANGED
package/dist/RetrayProvider.mjs
CHANGED
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
package/dist/SelectableCard.mjs
CHANGED
package/dist/SelectableGrid.js
CHANGED
|
@@ -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
|
package/dist/SelectableGrid.mjs
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
export { SelectableGrid } from './chunk-
|
|
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';
|
package/dist/Separator.mjs
CHANGED
package/dist/Sheet.d.mts
CHANGED
package/dist/Sheet.d.ts
CHANGED
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
|
|
79
|
-
const
|
|
78
|
+
const sheetState = React2.useRef("idle");
|
|
79
|
+
const onCloseRef = React2.useRef(onClose);
|
|
80
80
|
const name = React2.useId();
|
|
81
|
-
const
|
|
82
|
-
|
|
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
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
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-
|
|
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';
|
package/dist/SheetSelect.mjs
CHANGED
package/dist/Skeleton.mjs
CHANGED
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
package/dist/Spinner.mjs
CHANGED
package/dist/Stats.mjs
CHANGED
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-
|
|
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
package/dist/Tabs.mjs
CHANGED
package/dist/Text.mjs
CHANGED
package/dist/Textarea.mjs
CHANGED
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<
|
|
26
|
-
success: (result:
|
|
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">
|
|
35
|
-
|
|
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<
|
|
26
|
-
success: (result:
|
|
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">
|
|
35
|
-
|
|
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
package/dist/Toggle.mjs
CHANGED
|
@@ -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 })
|