@thewhileloop/whileui 0.2.12 → 1.1.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/README.md +192 -44
- package/dist/blocks/chat/chat.js +1 -1
- package/dist/blocks/chat/chat.js.map +1 -1
- package/dist/blocks/datepicker/date-range-picker-modal.js +1 -1
- package/dist/blocks/datepicker/date-range-picker-modal.js.map +1 -1
- package/dist/blocks/datepicker/datepicker-modal.js +1 -1
- package/dist/blocks/datepicker/datepicker-modal.js.map +1 -1
- package/dist/blocks/layout/confirm-action-sheet.js +1 -1
- package/dist/blocks/layout/confirm-action-sheet.js.map +1 -1
- package/dist/blocks/layout/content-skeleton.d.ts +9 -0
- package/dist/blocks/layout/content-skeleton.d.ts.map +1 -0
- package/dist/blocks/layout/content-skeleton.js +27 -0
- package/dist/blocks/layout/content-skeleton.js.map +1 -0
- package/dist/blocks/layout/error-boundary.d.ts +20 -0
- package/dist/blocks/layout/error-boundary.d.ts.map +1 -0
- package/dist/blocks/layout/error-boundary.js +31 -0
- package/dist/blocks/layout/error-boundary.js.map +1 -0
- package/dist/blocks/layout/index.d.ts +6 -0
- package/dist/blocks/layout/index.d.ts.map +1 -1
- package/dist/blocks/layout/index.js +5 -0
- package/dist/blocks/layout/index.js.map +1 -1
- package/dist/blocks/layout/page-skeleton.d.ts +15 -0
- package/dist/blocks/layout/page-skeleton.d.ts.map +1 -0
- package/dist/blocks/layout/page-skeleton.js +46 -0
- package/dist/blocks/layout/page-skeleton.js.map +1 -0
- package/dist/blocks/layout/pull-to-refresh-scroll-view.d.ts +9 -0
- package/dist/blocks/layout/pull-to-refresh-scroll-view.d.ts.map +1 -0
- package/dist/blocks/layout/pull-to-refresh-scroll-view.js +11 -0
- package/dist/blocks/layout/pull-to-refresh-scroll-view.js.map +1 -0
- package/dist/blocks/layout/sheet.d.ts +30 -0
- package/dist/blocks/layout/sheet.d.ts.map +1 -0
- package/dist/blocks/layout/sheet.js +52 -0
- package/dist/blocks/layout/sheet.js.map +1 -0
- package/dist/blocks/layout/smart-input.js +1 -1
- package/dist/blocks/layout/smart-input.js.map +1 -1
- package/dist/components/badge/badge.d.ts.map +1 -1
- package/dist/components/badge/badge.js +2 -1
- package/dist/components/badge/badge.js.map +1 -1
- package/dist/components/button/button.d.ts.map +1 -1
- package/dist/components/button/button.js +2 -2
- package/dist/components/button/button.js.map +1 -1
- package/dist/components/card/card.d.ts +3 -3
- package/dist/components/card/card.d.ts.map +1 -1
- package/dist/components/card/card.js +2 -1
- package/dist/components/card/card.js.map +1 -1
- package/dist/components/checkbox/checkbox.d.ts.map +1 -1
- package/dist/components/checkbox/checkbox.js +1 -1
- package/dist/components/checkbox/checkbox.js.map +1 -1
- package/dist/components/form-field/form-field.js +1 -1
- package/dist/components/form-field/form-field.js.map +1 -1
- package/dist/components/input/input.d.ts +2 -2
- package/dist/components/input/input.js +3 -3
- package/dist/components/input/input.js.map +1 -1
- package/dist/components/label/label.js +3 -3
- package/dist/components/label/label.js.map +1 -1
- package/dist/components/labeled-field/labeled-field.js +1 -1
- package/dist/components/labeled-field/labeled-field.js.map +1 -1
- package/dist/components/numeric-input/numeric-input.d.ts +2 -2
- package/dist/components/numeric-input/numeric-input.d.ts.map +1 -1
- package/dist/components/numeric-input/numeric-input.js +12 -5
- package/dist/components/numeric-input/numeric-input.js.map +1 -1
- package/dist/components/radio-group/radio-group.d.ts.map +1 -1
- package/dist/components/radio-group/radio-group.js +1 -1
- package/dist/components/radio-group/radio-group.js.map +1 -1
- package/dist/components/segmented-control/segmented-control.d.ts +60 -3
- package/dist/components/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/segmented-control/segmented-control.js +17 -5
- package/dist/components/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/select/select.js +1 -1
- package/dist/components/select/select.js.map +1 -1
- package/dist/components/skeleton/index.d.ts +1 -1
- package/dist/components/skeleton/index.d.ts.map +1 -1
- package/dist/components/skeleton/index.js +1 -1
- package/dist/components/skeleton/index.js.map +1 -1
- package/dist/components/skeleton/skeleton.d.ts +40 -3
- package/dist/components/skeleton/skeleton.d.ts.map +1 -1
- package/dist/components/skeleton/skeleton.js +43 -9
- package/dist/components/skeleton/skeleton.js.map +1 -1
- package/dist/components/switch/switch.d.ts.map +1 -1
- package/dist/components/switch/switch.js +1 -1
- package/dist/components/switch/switch.js.map +1 -1
- package/dist/components/text/text.d.ts.map +1 -1
- package/dist/components/text/text.js +3 -3
- package/dist/components/text/text.js.map +1 -1
- package/dist/components/textarea/textarea.d.ts +2 -2
- package/dist/components/textarea/textarea.js +2 -2
- package/dist/components/textarea/textarea.js.map +1 -1
- package/dist/index.d.ts +3 -5
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -5
- package/dist/index.js.map +1 -1
- package/dist/lib/font-context.d.ts +18 -3
- package/dist/lib/font-context.d.ts.map +1 -1
- package/dist/lib/font-context.js +27 -8
- package/dist/lib/font-context.js.map +1 -1
- package/dist/lib/theme-colors.d.ts +6 -0
- package/dist/lib/theme-colors.d.ts.map +1 -1
- package/dist/lib/theme-colors.js +7 -1
- package/dist/lib/theme-colors.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../src/components/label/label.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAmB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACvF,MAAM,QAAQ,GAAG,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../src/components/label/label.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAmB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACvF,MAAM,QAAQ,GAAG,EAAE,CAAC,mDAAmD,EAAE,SAAS,CAAC,CAAC;IACpF,MAAM,IAAI,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAC5C,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAC3C,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,KACrC,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -5,7 +5,7 @@ import { FormControl, FormField, FormHint, FormLabel, FormMessage, } from '../fo
|
|
|
5
5
|
import { cn } from '../../lib/cn';
|
|
6
6
|
function LabeledField({ label, hint, error, leftSlot, rightSlot, children, controlWrapperClassName, required, disabled, invalid, ...props }) {
|
|
7
7
|
const isInvalid = invalid ?? Boolean(error);
|
|
8
|
-
return (_jsxs(FormField, { required: required, disabled: disabled, invalid: isInvalid, ...props, children: [label ? _jsx(FormLabel, { children: label }) : null, _jsx(FormControl, { children: _jsxs(View, { className: cn('flex-row items-center gap-2 rounded-md border border-
|
|
8
|
+
return (_jsxs(FormField, { required: required, disabled: disabled, invalid: isInvalid, ...props, children: [label ? _jsx(FormLabel, { children: label }) : null, _jsx(FormControl, { children: _jsxs(View, { className: cn('flex-row items-center gap-2 rounded-md border border-border bg-muted px-3', isInvalid && 'border-destructive', disabled && 'opacity-60', controlWrapperClassName), children: [leftSlot ? _jsx(View, { className: "shrink-0", children: leftSlot }) : null, _jsx(View, { className: "min-h-10 min-w-0 flex-1 justify-center", children: children }), rightSlot ? _jsx(View, { className: "shrink-0", children: rightSlot }) : null] }) }), error ? _jsx(FormMessage, { children: error }) : hint ? _jsx(FormHint, { children: hint }) : null] }));
|
|
9
9
|
}
|
|
10
10
|
const LabeledFieldControl = React.forwardRef(({ className, ...props }, ref) => {
|
|
11
11
|
return _jsx(View, { ref: ref, className: cn('min-w-0 flex-1', className), ...props });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"labeled-field.js","sourceRoot":"","sources":["../../../src/components/labeled-field/labeled-field.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EACL,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,WAAW,GAEZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAgBlC,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,uBAAuB,EACvB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACU;IAClB,MAAM,SAAS,GAAG,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,MAAC,SAAS,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,KAAM,KAAK,aAC7E,KAAK,CAAC,CAAC,CAAC,KAAC,SAAS,cAAE,KAAK,GAAa,CAAC,CAAC,CAAC,IAAI,EAC9C,KAAC,WAAW,cACV,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX
|
|
1
|
+
{"version":3,"file":"labeled-field.js","sourceRoot":"","sources":["../../../src/components/labeled-field/labeled-field.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EACL,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,WAAW,GAEZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAgBlC,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,uBAAuB,EACvB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACU;IAClB,MAAM,SAAS,GAAG,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,MAAC,SAAS,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,KAAM,KAAK,aAC7E,KAAK,CAAC,CAAC,CAAC,KAAC,SAAS,cAAE,KAAK,GAAa,CAAC,CAAC,CAAC,IAAI,EAC9C,KAAC,WAAW,cACV,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,SAAS,IAAI,oBAAoB,EACjC,QAAQ,IAAI,YAAY,EACxB,uBAAuB,CACxB,aAEA,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,UAAU,YAAE,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC/D,KAAC,IAAI,IAAC,SAAS,EAAC,wCAAwC,YAAE,QAAQ,GAAQ,EACzE,SAAS,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,UAAU,YAAE,SAAS,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC5D,GACK,EACb,KAAK,CAAC,CAAC,CAAC,KAAC,WAAW,cAAE,KAAK,GAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,cAAE,IAAI,GAAY,CAAC,CAAC,CAAC,IAAI,IAC7E,CACb,CAAC;AACJ,CAAC;AAED,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAC1C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/B,OAAO,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACnF,CAAC,CACF,CAAC;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -10,7 +10,7 @@ declare const numericInputVariants: import("tailwind-variants").TVReturnType<{
|
|
|
10
10
|
default: string;
|
|
11
11
|
compact: string;
|
|
12
12
|
};
|
|
13
|
-
}, undefined, "w-full flex-row items-center rounded-md border bg-
|
|
13
|
+
}, undefined, "w-full flex-row items-center rounded-md border border-border bg-muted", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
14
14
|
variant: {
|
|
15
15
|
default: string;
|
|
16
16
|
error: string;
|
|
@@ -46,7 +46,7 @@ declare const numericInputVariants: import("tailwind-variants").TVReturnType<{
|
|
|
46
46
|
default: string;
|
|
47
47
|
compact: string;
|
|
48
48
|
};
|
|
49
|
-
}, undefined, "w-full flex-row items-center rounded-md border bg-
|
|
49
|
+
}, undefined, "w-full flex-row items-center rounded-md border border-border bg-muted", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
50
50
|
variant: {
|
|
51
51
|
default: string;
|
|
52
52
|
error: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"numeric-input.d.ts","sourceRoot":"","sources":["../../../src/components/numeric-input/numeric-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAmB,SAAS,EAAQ,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAErF,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAGrD,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAgBxB,CAAC;AAEH,QAAA,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAW5B,CAAC;
|
|
1
|
+
{"version":3,"file":"numeric-input.d.ts","sourceRoot":"","sources":["../../../src/components/numeric-input/numeric-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAmB,SAAS,EAAQ,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAErF,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAGrD,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAgBxB,CAAC;AAEH,QAAA,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAW5B,CAAC;AAsDH,MAAM,WAAW,iBACf,SACE,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC,EAChF,YAAY,CAAC,OAAO,oBAAoB,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,YAAY,qFA6IjB,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,CAAC"}
|
|
@@ -5,10 +5,10 @@ import { cn } from '../../lib/cn';
|
|
|
5
5
|
import { tv } from '../../lib/tv';
|
|
6
6
|
import { useThemeColors } from '../../lib/theme-colors';
|
|
7
7
|
const numericInputVariants = tv({
|
|
8
|
-
base: 'w-full flex-row items-center rounded-md border bg-
|
|
8
|
+
base: 'w-full flex-row items-center rounded-md border border-border bg-muted',
|
|
9
9
|
variants: {
|
|
10
10
|
variant: {
|
|
11
|
-
default: 'border-
|
|
11
|
+
default: 'border-border',
|
|
12
12
|
error: 'border-destructive',
|
|
13
13
|
},
|
|
14
14
|
size: {
|
|
@@ -74,6 +74,11 @@ function clampValue(value, min, max) {
|
|
|
74
74
|
}
|
|
75
75
|
return next;
|
|
76
76
|
}
|
|
77
|
+
/** JS float math is imprecise (72.8 + 0.1 → 72.899...). Round to clean display. */
|
|
78
|
+
function roundToStepPrecision(value, step) {
|
|
79
|
+
const decimals = step >= 1 ? 0 : (step.toString().split('.')[1]?.length ?? 2);
|
|
80
|
+
return Number(value.toFixed(decimals));
|
|
81
|
+
}
|
|
77
82
|
const NumericInput = React.forwardRef(({ className, inputClassName, prefix, suffix, value, defaultValue, onValueChange, min, max, step = 1, showSteppers = false, variant = 'default', size = 'default', editable = true, placeholderTextColor, onBlur, ...props }, ref) => {
|
|
78
83
|
const colors = useThemeColors();
|
|
79
84
|
const [internalText, setInternalText] = useState(() => toInputText(defaultValue));
|
|
@@ -110,7 +115,8 @@ const NumericInput = React.forwardRef(({ className, inputClassName, prefix, suff
|
|
|
110
115
|
const handleBlur = (event) => {
|
|
111
116
|
const parsed = parseNumericText(textValue);
|
|
112
117
|
if (parsed !== null) {
|
|
113
|
-
const
|
|
118
|
+
const rounded = roundToStepPrecision(parsed, step);
|
|
119
|
+
const clamped = clampValue(rounded, min, max);
|
|
114
120
|
if (!isControlled) {
|
|
115
121
|
setInternalText(toInputText(clamped));
|
|
116
122
|
}
|
|
@@ -122,9 +128,10 @@ const NumericInput = React.forwardRef(({ className, inputClassName, prefix, suff
|
|
|
122
128
|
const canIncrease = editable && (max === undefined || currentValue === null || currentValue < max);
|
|
123
129
|
const nudge = (delta) => {
|
|
124
130
|
const baseline = currentValue ?? min ?? 0;
|
|
125
|
-
|
|
131
|
+
const raw = baseline + delta * step;
|
|
132
|
+
applyNumericValue(roundToStepPrecision(raw, step));
|
|
126
133
|
};
|
|
127
|
-
return (_jsxs(View, { className: cn(numericInputVariants({ variant, size }), !editable && 'opacity-50', className), children: [prefix ? _jsx(View, { className: "shrink-0 pl-3", children: prefix }) : null, _jsx(TextInput, { ref: ref, className: cn(numericInputTextVariants({ size }), inputClassName), value: textValue, onChangeText: handleTextChange, onBlur: handleBlur, keyboardType: "decimal-pad", editable: editable, placeholderTextColor: placeholderTextColor ?? colors.
|
|
134
|
+
return (_jsxs(View, { className: cn(numericInputVariants({ variant, size }), !editable && 'opacity-50', className), children: [prefix ? _jsx(View, { className: "shrink-0 pl-3", children: prefix }) : null, _jsx(TextInput, { ref: ref, className: cn(numericInputTextVariants({ size }), inputClassName), value: textValue, onChangeText: handleTextChange, onBlur: handleBlur, keyboardType: "decimal-pad", editable: editable, placeholderTextColor: placeholderTextColor ?? colors.placeholder, ...props }), suffix ? _jsx(View, { className: "shrink-0 pr-3", children: suffix }) : null, showSteppers ? (_jsxs(View, { className: "ml-1 h-full flex-row border-l border-border", children: [_jsx(Pressable, { className: cn(stepperButtonVariants({ size, disabled: !canDecrease })), onPress: () => nudge(-1), disabled: !canDecrease, hitSlop: 4, accessibilityRole: "button", accessibilityLabel: "Decrease value", children: _jsx(Text, { className: "text-base font-medium text-foreground", children: "-" }) }), _jsx(Pressable, { className: cn(stepperButtonVariants({ size, disabled: !canIncrease })), onPress: () => nudge(1), disabled: !canIncrease, hitSlop: 4, accessibilityRole: "button", accessibilityLabel: "Increase value", children: _jsx(Text, { className: "text-base font-medium text-foreground", children: "+" }) })] })) : null] }));
|
|
128
135
|
});
|
|
129
136
|
NumericInput.displayName = 'NumericInput';
|
|
130
137
|
export { NumericInput, numericInputVariants, numericInputTextVariants };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"numeric-input.js","sourceRoot":"","sources":["../../../src/components/numeric-input/numeric-input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAuB,MAAM,cAAc,CAAC;AACrF,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,oBAAoB,GAAG,EAAE,CAAC;IAC9B,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"numeric-input.js","sourceRoot":"","sources":["../../../src/components/numeric-input/numeric-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAiBpF,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,iBAAS,UAAU,CAAC,EAClB,YAAiB,EACjB,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAgBjB;kBAvBQ,UAAU;;;AAyBnB,iBAAS,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAiBpF,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,iBAAS,UAAU,CAAC,EAClB,YAAiB,EACjB,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAgBjB;kBAvBQ,UAAU;;;AAyBnB,iBAAS,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAkBrF;kBAlBQ,cAAc;;;AAuBvB,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -19,7 +19,7 @@ function RadioGroup({ defaultValue = '', value: controlledValue, onValueChange,
|
|
|
19
19
|
function RadioGroupItem({ value: itemValue, className, ...props }) {
|
|
20
20
|
const { value, onValueChange } = useContext(RadioGroupContext);
|
|
21
21
|
const isSelected = value === itemValue;
|
|
22
|
-
return (_jsx(Pressable, { className: cn('h-5 w-5 rounded-full border-2 items-center justify-center', isSelected ? 'border-primary' : 'border-
|
|
22
|
+
return (_jsx(Pressable, { className: cn('h-5 w-5 rounded-full border-2 items-center justify-center', isSelected ? 'border-primary' : 'border-border', className), onPress: () => onValueChange(itemValue), hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }, ...props, children: isSelected && _jsx(View, { className: "h-2.5 w-2.5 rounded-full bg-primary" }) }));
|
|
23
23
|
}
|
|
24
24
|
RadioGroup.displayName = 'RadioGroup';
|
|
25
25
|
RadioGroupItem.displayName = 'RadioGroupItem';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,SAAS,EAAuC,MAAM,cAAc,CAAC;AACpF,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AASlC,MAAM,iBAAiB,GAAG,aAAa,CAAyB;IAC9D,KAAK,EAAE,EAAE;IACT,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;CACxB,CAAC,CAAC;AAgBH,gEAAgE;AAEhE,SAAS,UAAU,CAAC,EAClB,YAAY,GAAG,EAAE,EACjB,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACQ;IAChB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACjE,MAAM,KAAK,GAAG,eAAe,IAAI,aAAa,CAAC;IAE/C,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC7C,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAC3B,aAAa,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,YAC5E,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,KAAM,KAAK,YAC/C,QAAQ,GACJ,GACoB,CAC9B,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAuB;IACpF,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC/D,MAAM,UAAU,GAAG,KAAK,KAAK,SAAS,CAAC;IAEvC,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAE,EAAE,CACX,2DAA2D,EAC3D,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,SAAS,EAAuC,MAAM,cAAc,CAAC;AACpF,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AASlC,MAAM,iBAAiB,GAAG,aAAa,CAAyB;IAC9D,KAAK,EAAE,EAAE;IACT,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;CACxB,CAAC,CAAC;AAgBH,gEAAgE;AAEhE,SAAS,UAAU,CAAC,EAClB,YAAY,GAAG,EAAE,EACjB,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACQ;IAChB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACjE,MAAM,KAAK,GAAG,eAAe,IAAI,aAAa,CAAC;IAE/C,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC7C,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAC3B,aAAa,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,YAC5E,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,KAAM,KAAK,YAC/C,QAAQ,GACJ,GACoB,CAC9B,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAuB;IACpF,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC/D,MAAM,UAAU,GAAG,KAAK,KAAK,SAAS,CAAC;IAEvC,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAE,EAAE,CACX,2DAA2D,EAC3D,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,EAC/C,SAAS,CACV,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,EACvC,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KACjD,KAAK,YAER,UAAU,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,qCAAqC,GAAG,GAC7D,CACb,CAAC;AACJ,CAAC;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AACtC,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type PressableProps, type TextProps, type ViewProps } from 'react-native';
|
|
3
3
|
declare const segmentedControlVariants: import("tailwind-variants").TVReturnType<{
|
|
4
|
+
variant: {
|
|
5
|
+
default: string;
|
|
6
|
+
pill: string;
|
|
7
|
+
};
|
|
4
8
|
wrap: {
|
|
5
9
|
true: string;
|
|
6
10
|
false: string;
|
|
@@ -10,6 +14,10 @@ declare const segmentedControlVariants: import("tailwind-variants").TVReturnType
|
|
|
10
14
|
compact: string;
|
|
11
15
|
};
|
|
12
16
|
}, undefined, "w-full flex-row items-center rounded-lg bg-muted p-1", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
17
|
+
variant: {
|
|
18
|
+
default: string;
|
|
19
|
+
pill: string;
|
|
20
|
+
};
|
|
13
21
|
wrap: {
|
|
14
22
|
true: string;
|
|
15
23
|
false: string;
|
|
@@ -19,6 +27,10 @@ declare const segmentedControlVariants: import("tailwind-variants").TVReturnType
|
|
|
19
27
|
compact: string;
|
|
20
28
|
};
|
|
21
29
|
}, {
|
|
30
|
+
variant: {
|
|
31
|
+
default: string;
|
|
32
|
+
pill: string;
|
|
33
|
+
};
|
|
22
34
|
wrap: {
|
|
23
35
|
true: string;
|
|
24
36
|
false: string;
|
|
@@ -28,6 +40,10 @@ declare const segmentedControlVariants: import("tailwind-variants").TVReturnType
|
|
|
28
40
|
compact: string;
|
|
29
41
|
};
|
|
30
42
|
}>, {
|
|
43
|
+
variant: {
|
|
44
|
+
default: string;
|
|
45
|
+
pill: string;
|
|
46
|
+
};
|
|
31
47
|
wrap: {
|
|
32
48
|
true: string;
|
|
33
49
|
false: string;
|
|
@@ -37,6 +53,10 @@ declare const segmentedControlVariants: import("tailwind-variants").TVReturnType
|
|
|
37
53
|
compact: string;
|
|
38
54
|
};
|
|
39
55
|
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
56
|
+
variant: {
|
|
57
|
+
default: string;
|
|
58
|
+
pill: string;
|
|
59
|
+
};
|
|
40
60
|
wrap: {
|
|
41
61
|
true: string;
|
|
42
62
|
false: string;
|
|
@@ -46,6 +66,10 @@ declare const segmentedControlVariants: import("tailwind-variants").TVReturnType
|
|
|
46
66
|
compact: string;
|
|
47
67
|
};
|
|
48
68
|
}, undefined, "w-full flex-row items-center rounded-lg bg-muted p-1", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
69
|
+
variant: {
|
|
70
|
+
default: string;
|
|
71
|
+
pill: string;
|
|
72
|
+
};
|
|
49
73
|
wrap: {
|
|
50
74
|
true: string;
|
|
51
75
|
false: string;
|
|
@@ -55,6 +79,10 @@ declare const segmentedControlVariants: import("tailwind-variants").TVReturnType
|
|
|
55
79
|
compact: string;
|
|
56
80
|
};
|
|
57
81
|
}, {
|
|
82
|
+
variant: {
|
|
83
|
+
default: string;
|
|
84
|
+
pill: string;
|
|
85
|
+
};
|
|
58
86
|
wrap: {
|
|
59
87
|
true: string;
|
|
60
88
|
false: string;
|
|
@@ -65,6 +93,10 @@ declare const segmentedControlVariants: import("tailwind-variants").TVReturnType
|
|
|
65
93
|
};
|
|
66
94
|
}>, unknown, unknown, undefined>>;
|
|
67
95
|
declare const segmentedControlItemVariants: import("tailwind-variants").TVReturnType<{
|
|
96
|
+
variant: {
|
|
97
|
+
default: string;
|
|
98
|
+
pill: string;
|
|
99
|
+
};
|
|
68
100
|
selected: {
|
|
69
101
|
true: string;
|
|
70
102
|
false: string;
|
|
@@ -81,7 +113,11 @@ declare const segmentedControlItemVariants: import("tailwind-variants").TVReturn
|
|
|
81
113
|
true: string;
|
|
82
114
|
false: string;
|
|
83
115
|
};
|
|
84
|
-
}, undefined, "min-h-10 min-w-0 flex-row items-center justify-center
|
|
116
|
+
}, undefined, "min-h-10 min-w-0 flex-row items-center justify-center px-3 active:opacity-70", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
117
|
+
variant: {
|
|
118
|
+
default: string;
|
|
119
|
+
pill: string;
|
|
120
|
+
};
|
|
85
121
|
selected: {
|
|
86
122
|
true: string;
|
|
87
123
|
false: string;
|
|
@@ -99,6 +135,10 @@ declare const segmentedControlItemVariants: import("tailwind-variants").TVReturn
|
|
|
99
135
|
false: string;
|
|
100
136
|
};
|
|
101
137
|
}, {
|
|
138
|
+
variant: {
|
|
139
|
+
default: string;
|
|
140
|
+
pill: string;
|
|
141
|
+
};
|
|
102
142
|
selected: {
|
|
103
143
|
true: string;
|
|
104
144
|
false: string;
|
|
@@ -116,6 +156,10 @@ declare const segmentedControlItemVariants: import("tailwind-variants").TVReturn
|
|
|
116
156
|
false: string;
|
|
117
157
|
};
|
|
118
158
|
}>, {
|
|
159
|
+
variant: {
|
|
160
|
+
default: string;
|
|
161
|
+
pill: string;
|
|
162
|
+
};
|
|
119
163
|
selected: {
|
|
120
164
|
true: string;
|
|
121
165
|
false: string;
|
|
@@ -133,6 +177,10 @@ declare const segmentedControlItemVariants: import("tailwind-variants").TVReturn
|
|
|
133
177
|
false: string;
|
|
134
178
|
};
|
|
135
179
|
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
180
|
+
variant: {
|
|
181
|
+
default: string;
|
|
182
|
+
pill: string;
|
|
183
|
+
};
|
|
136
184
|
selected: {
|
|
137
185
|
true: string;
|
|
138
186
|
false: string;
|
|
@@ -149,7 +197,11 @@ declare const segmentedControlItemVariants: import("tailwind-variants").TVReturn
|
|
|
149
197
|
true: string;
|
|
150
198
|
false: string;
|
|
151
199
|
};
|
|
152
|
-
}, undefined, "min-h-10 min-w-0 flex-row items-center justify-center
|
|
200
|
+
}, undefined, "min-h-10 min-w-0 flex-row items-center justify-center px-3 active:opacity-70", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
201
|
+
variant: {
|
|
202
|
+
default: string;
|
|
203
|
+
pill: string;
|
|
204
|
+
};
|
|
153
205
|
selected: {
|
|
154
206
|
true: string;
|
|
155
207
|
false: string;
|
|
@@ -167,6 +219,10 @@ declare const segmentedControlItemVariants: import("tailwind-variants").TVReturn
|
|
|
167
219
|
false: string;
|
|
168
220
|
};
|
|
169
221
|
}, {
|
|
222
|
+
variant: {
|
|
223
|
+
default: string;
|
|
224
|
+
pill: string;
|
|
225
|
+
};
|
|
170
226
|
selected: {
|
|
171
227
|
true: string;
|
|
172
228
|
false: string;
|
|
@@ -252,6 +308,7 @@ export interface SegmentedControlProps extends ViewProps {
|
|
|
252
308
|
value?: string;
|
|
253
309
|
defaultValue?: string;
|
|
254
310
|
onValueChange?: (value: string) => void;
|
|
311
|
+
variant?: 'default' | 'pill';
|
|
255
312
|
wrap?: boolean | 'auto';
|
|
256
313
|
size?: 'default' | 'compact';
|
|
257
314
|
disabled?: boolean;
|
|
@@ -265,7 +322,7 @@ export interface SegmentedControlItemProps extends Omit<PressableProps, 'childre
|
|
|
265
322
|
export interface SegmentedControlItemTextProps extends TextProps {
|
|
266
323
|
className?: string;
|
|
267
324
|
}
|
|
268
|
-
declare function SegmentedControl({ value: controlledValue, defaultValue, onValueChange, wrap, size, disabled, className, children, ...props }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
|
|
325
|
+
declare function SegmentedControl({ value: controlledValue, defaultValue, onValueChange, variant, wrap, size, disabled, className, children, ...props }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
|
|
269
326
|
declare namespace SegmentedControl {
|
|
270
327
|
var displayName: string;
|
|
271
328
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,QAAA,MAAM,wBAAwB
|
|
1
|
+
{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,QAAA,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAqB5B,CAAC;AAEH,QAAA,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA+BhC,CAAC;AAEH,QAAA,MAAM,gCAAgC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAgBpC,CAAC;AA8BH,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,6BAA8B,SAAQ,SAAS;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,aAAa,EACb,OAAmB,EACnB,IAAa,EACb,IAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAiCvB;kBA5CQ,gBAAgB;;;AA8CzB,iBAAS,oBAAoB,CAAC,EAC5B,KAAK,EAAE,SAAS,EAChB,SAAS,EACT,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAkC3B;kBAxCQ,oBAAoB;;;AA0C7B,iBAAS,wBAAwB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,6BAA6B,2CAUvF;kBAVQ,wBAAwB;;;AAgBjC,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,wBAAwB,EACxB,wBAAwB,EACxB,4BAA4B,EAC5B,gCAAgC,GACjC,CAAC"}
|
|
@@ -6,6 +6,10 @@ import { tv } from '../../lib/tv';
|
|
|
6
6
|
const segmentedControlVariants = tv({
|
|
7
7
|
base: 'w-full flex-row items-center rounded-lg bg-muted p-1',
|
|
8
8
|
variants: {
|
|
9
|
+
variant: {
|
|
10
|
+
default: 'rounded-lg',
|
|
11
|
+
pill: 'rounded-full',
|
|
12
|
+
},
|
|
9
13
|
wrap: {
|
|
10
14
|
true: 'flex-wrap justify-center gap-1',
|
|
11
15
|
false: 'flex-nowrap gap-1',
|
|
@@ -16,13 +20,18 @@ const segmentedControlVariants = tv({
|
|
|
16
20
|
},
|
|
17
21
|
},
|
|
18
22
|
defaultVariants: {
|
|
23
|
+
variant: 'default',
|
|
19
24
|
wrap: true,
|
|
20
25
|
size: 'default',
|
|
21
26
|
},
|
|
22
27
|
});
|
|
23
28
|
const segmentedControlItemVariants = tv({
|
|
24
|
-
base: 'min-h-10 min-w-0 flex-row items-center justify-center
|
|
29
|
+
base: 'min-h-10 min-w-0 flex-row items-center justify-center px-3 active:opacity-70',
|
|
25
30
|
variants: {
|
|
31
|
+
variant: {
|
|
32
|
+
default: 'rounded-md',
|
|
33
|
+
pill: 'rounded-full',
|
|
34
|
+
},
|
|
26
35
|
selected: {
|
|
27
36
|
true: 'bg-background shadow-sm',
|
|
28
37
|
false: 'bg-transparent',
|
|
@@ -41,6 +50,7 @@ const segmentedControlItemVariants = tv({
|
|
|
41
50
|
},
|
|
42
51
|
},
|
|
43
52
|
defaultVariants: {
|
|
53
|
+
variant: 'default',
|
|
44
54
|
selected: false,
|
|
45
55
|
size: 'default',
|
|
46
56
|
disabled: false,
|
|
@@ -67,6 +77,7 @@ const segmentedControlItemTextVariants = tv({
|
|
|
67
77
|
const SegmentedControlContext = createContext({
|
|
68
78
|
value: '',
|
|
69
79
|
onValueChange: () => { },
|
|
80
|
+
variant: 'default',
|
|
70
81
|
size: 'default',
|
|
71
82
|
wrap: true,
|
|
72
83
|
disabled: false,
|
|
@@ -75,7 +86,7 @@ const SegmentedControlItemContext = createContext({
|
|
|
75
86
|
selected: false,
|
|
76
87
|
size: 'default',
|
|
77
88
|
});
|
|
78
|
-
function SegmentedControl({ value: controlledValue, defaultValue = '', onValueChange, wrap = 'auto', size = 'default', disabled = false, className, children, ...props }) {
|
|
89
|
+
function SegmentedControl({ value: controlledValue, defaultValue = '', onValueChange, variant = 'default', wrap = 'auto', size = 'default', disabled = false, className, children, ...props }) {
|
|
79
90
|
const [internalValue, setInternalValue] = useState(defaultValue);
|
|
80
91
|
const value = controlledValue ?? internalValue;
|
|
81
92
|
const itemCount = useMemo(() => React.Children.toArray(children).filter((child) => React.isValidElement(child)).length, [children]);
|
|
@@ -87,14 +98,15 @@ function SegmentedControl({ value: controlledValue, defaultValue = '', onValueCh
|
|
|
87
98
|
setInternalValue(nextValue);
|
|
88
99
|
onValueChange?.(nextValue);
|
|
89
100
|
};
|
|
90
|
-
const contextValue = useMemo(() => ({ value, onValueChange: handleValueChange, size, wrap: shouldWrap, disabled }), [value, size, shouldWrap, disabled]);
|
|
91
|
-
return (_jsx(SegmentedControlContext.Provider, { value: contextValue, children: _jsx(View, { className: cn(segmentedControlVariants({ wrap: shouldWrap, size }), className), accessibilityRole: "radiogroup", ...props, children: children }) }));
|
|
101
|
+
const contextValue = useMemo(() => ({ value, onValueChange: handleValueChange, variant, size, wrap: shouldWrap, disabled }), [value, variant, size, shouldWrap, disabled]);
|
|
102
|
+
return (_jsx(SegmentedControlContext.Provider, { value: contextValue, children: _jsx(View, { className: cn(segmentedControlVariants({ variant, wrap: shouldWrap, size }), className), accessibilityRole: "radiogroup", ...props, children: children }) }));
|
|
92
103
|
}
|
|
93
104
|
function SegmentedControlItem({ value: itemValue, className, children, disabled: itemDisabled, ...props }) {
|
|
94
|
-
const { value, onValueChange, size, wrap, disabled } = useContext(SegmentedControlContext);
|
|
105
|
+
const { value, onValueChange, variant, size, wrap, disabled } = useContext(SegmentedControlContext);
|
|
95
106
|
const selected = value === itemValue;
|
|
96
107
|
const finalDisabled = disabled || Boolean(itemDisabled);
|
|
97
108
|
return (_jsx(SegmentedControlItemContext.Provider, { value: { selected, size }, children: _jsx(Pressable, { className: cn(segmentedControlItemVariants({
|
|
109
|
+
variant,
|
|
98
110
|
selected,
|
|
99
111
|
size,
|
|
100
112
|
disabled: finalDisabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,EACL,SAAS,EACT,IAAI,EACJ,IAAI,GAIL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,wBAAwB,GAAG,EAAE,CAAC;IAClC,IAAI,EAAE,sDAAsD;IAC5D,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,gCAAgC;YACtC,KAAK,EAAE,mBAAmB;SAC3B;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,EAAE;SACZ;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,SAAS;KAChB;CACF,CAAC,CAAC;AAEH,MAAM,4BAA4B,GAAG,EAAE,CAAC;IACtC,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ const FullWindowOverlay = Platform.OS === 'ios' ? RNFullWindowOverlay : React.Fr
|
|
|
10
10
|
const Select = SelectPrimitive.Root;
|
|
11
11
|
const SelectGroup = SelectPrimitive.Group;
|
|
12
12
|
const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => {
|
|
13
|
-
return (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn('border-
|
|
13
|
+
return (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn('border-border bg-muted flex min-h-12 w-full flex-row items-center justify-between gap-2 rounded-lg border px-4 shadow-sm active:opacity-70', props.disabled && 'opacity-50', className), ...props, children: [_jsx(_Fragment, { children: children }), _jsx(View, { className: "border-muted-foreground h-2 w-2 rotate-45 border-b-2 border-r-2" })] }));
|
|
14
14
|
});
|
|
15
15
|
SelectTrigger.displayName = 'SelectTrigger';
|
|
16
16
|
function SelectValue({ className, placeholder = 'Select...', ...props }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,iBAAiB,IAAI,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,yDAAyD;AACzD,MAAM,iBAAiB,GAAG,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;AAkEvF,gEAAgE;AAEhE,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC;AAEpC,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC;AAE1C,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACpC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,OAAO,CACL,MAAC,eAAe,CAAC,OAAO,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Skeleton, type SkeletonProps } from './skeleton';
|
|
1
|
+
export { Skeleton, skeletonVariants, type SkeletonProps } from './skeleton';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Skeleton } from './skeleton';
|
|
1
|
+
export { Skeleton, skeletonVariants } from './skeleton';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAsB,MAAM,YAAY,CAAC"}
|
|
@@ -1,10 +1,47 @@
|
|
|
1
1
|
import { type ViewProps } from 'react-native';
|
|
2
|
-
|
|
2
|
+
import { type VariantProps } from '../../lib/tv';
|
|
3
|
+
declare const skeletonVariants: import("tailwind-variants").TVReturnType<{
|
|
4
|
+
variant: {
|
|
5
|
+
pulse: string;
|
|
6
|
+
shimmer: string;
|
|
7
|
+
};
|
|
8
|
+
}, undefined, "rounded-md bg-muted", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
9
|
+
variant: {
|
|
10
|
+
pulse: string;
|
|
11
|
+
shimmer: string;
|
|
12
|
+
};
|
|
13
|
+
}, {
|
|
14
|
+
variant: {
|
|
15
|
+
pulse: string;
|
|
16
|
+
shimmer: string;
|
|
17
|
+
};
|
|
18
|
+
}>, {
|
|
19
|
+
variant: {
|
|
20
|
+
pulse: string;
|
|
21
|
+
shimmer: string;
|
|
22
|
+
};
|
|
23
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
24
|
+
variant: {
|
|
25
|
+
pulse: string;
|
|
26
|
+
shimmer: string;
|
|
27
|
+
};
|
|
28
|
+
}, undefined, "rounded-md bg-muted", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
29
|
+
variant: {
|
|
30
|
+
pulse: string;
|
|
31
|
+
shimmer: string;
|
|
32
|
+
};
|
|
33
|
+
}, {
|
|
34
|
+
variant: {
|
|
35
|
+
pulse: string;
|
|
36
|
+
shimmer: string;
|
|
37
|
+
};
|
|
38
|
+
}>, unknown, unknown, undefined>>;
|
|
39
|
+
export interface SkeletonProps extends ViewProps, VariantProps<typeof skeletonVariants> {
|
|
3
40
|
className?: string;
|
|
4
41
|
}
|
|
5
|
-
declare function Skeleton({ className, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
declare function Skeleton({ className, variant, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
6
43
|
declare namespace Skeleton {
|
|
7
44
|
var displayName: string;
|
|
8
45
|
}
|
|
9
|
-
export { Skeleton };
|
|
46
|
+
export { Skeleton, skeletonVariants };
|
|
10
47
|
//# sourceMappingURL=skeleton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAUpD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAIrD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCASpB,CAAC;AAIH,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAqD1E;kBArDQ,QAAQ;;;AA2DjB,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1,19 +1,53 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect } from 'react';
|
|
3
|
-
import
|
|
3
|
+
import { View } from 'react-native';
|
|
4
|
+
import Animated, { useSharedValue, useAnimatedStyle, withRepeat, withTiming, Easing, interpolate, } from 'react-native-reanimated';
|
|
4
5
|
import { cn } from '../../lib/cn';
|
|
6
|
+
import { tv } from '../../lib/tv';
|
|
7
|
+
// ─── Variants ─────────────────────────────────────────────────
|
|
8
|
+
const skeletonVariants = tv({
|
|
9
|
+
base: 'rounded-md bg-muted',
|
|
10
|
+
variants: {
|
|
11
|
+
variant: {
|
|
12
|
+
pulse: '',
|
|
13
|
+
shimmer: '',
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
defaultVariants: { variant: 'pulse' },
|
|
17
|
+
});
|
|
5
18
|
// ─── Component ───────────────────────────────────────────────
|
|
6
|
-
function Skeleton({ className, ...props }) {
|
|
7
|
-
const
|
|
19
|
+
function Skeleton({ className, variant = 'pulse', ...props }) {
|
|
20
|
+
const progress = useSharedValue(0);
|
|
8
21
|
useEffect(() => {
|
|
9
|
-
|
|
10
|
-
}, [
|
|
11
|
-
const
|
|
12
|
-
opacity:
|
|
22
|
+
progress.value = withRepeat(withTiming(1, { duration: variant === 'shimmer' ? 1400 : 1500, easing: Easing.linear }), -1, false);
|
|
23
|
+
}, [progress, variant]);
|
|
24
|
+
const pulseStyle = useAnimatedStyle(() => ({
|
|
25
|
+
opacity: variant === 'pulse' ? interpolate(progress.value, [0, 0.5, 1], [1, 0.35, 1]) : 1,
|
|
13
26
|
}));
|
|
14
|
-
|
|
27
|
+
const shimmerBandWidth = 56;
|
|
28
|
+
const shimmerStyle = useAnimatedStyle(() => {
|
|
29
|
+
if (variant !== 'shimmer')
|
|
30
|
+
return {};
|
|
31
|
+
return {
|
|
32
|
+
transform: [{ translateX: interpolate(progress.value, [0, 1], [-shimmerBandWidth, 999]) }],
|
|
33
|
+
};
|
|
34
|
+
});
|
|
35
|
+
if (variant === 'shimmer') {
|
|
36
|
+
return (_jsx(View, { className: cn(skeletonVariants({ variant }), 'overflow-hidden', className), ...props, children: _jsx(Animated.View, { style: [
|
|
37
|
+
shimmerStyle,
|
|
38
|
+
{
|
|
39
|
+
position: 'absolute',
|
|
40
|
+
left: 0,
|
|
41
|
+
top: 0,
|
|
42
|
+
bottom: 0,
|
|
43
|
+
width: shimmerBandWidth,
|
|
44
|
+
backgroundColor: 'rgba(255,255,255,0.35)',
|
|
45
|
+
},
|
|
46
|
+
] }) }));
|
|
47
|
+
}
|
|
48
|
+
return (_jsx(Animated.View, { style: pulseStyle, className: cn(skeletonVariants({ variant }), className), ...props }));
|
|
15
49
|
}
|
|
16
50
|
Skeleton.displayName = 'Skeleton';
|
|
17
51
|
// ─── Exports ─────────────────────────────────────────────────
|
|
18
|
-
export { Skeleton };
|
|
52
|
+
export { Skeleton, skeletonVariants };
|
|
19
53
|
//# sourceMappingURL=skeleton.js.map
|