@korsolutions/ui 0.0.51 → 0.0.53
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/AGENTS.md +32 -19
- package/dist/module/components/alert/components/alert-description.js.map +1 -1
- package/dist/module/components/button/components/button-label.js.map +1 -1
- package/dist/module/components/index.js +1 -0
- package/dist/module/components/index.js.map +1 -1
- package/dist/module/components/input/numeric-input.js +1 -1
- package/dist/module/components/input/numeric-input.js.map +1 -1
- package/dist/module/components/input/variants/default.js +9 -2
- package/dist/module/components/input/variants/default.js.map +1 -1
- package/dist/module/components/input/variants/secondary.js +9 -2
- package/dist/module/components/input/variants/secondary.js.map +1 -1
- package/dist/module/components/link/variants/default.js.map +1 -1
- package/dist/module/components/menu/components/menu-trigger.js +1 -1
- package/dist/module/components/menu/components/menu-trigger.js.map +1 -1
- package/dist/module/components/phone-input/index.js +4 -0
- package/dist/module/components/phone-input/index.js.map +1 -0
- package/dist/module/components/phone-input/phone-input.js +165 -0
- package/dist/module/components/phone-input/phone-input.js.map +1 -0
- package/dist/module/components/phone-input/types.js +4 -0
- package/dist/module/components/phone-input/types.js.map +1 -0
- package/dist/module/components/phone-input/variants/default.js +128 -0
- package/dist/module/components/phone-input/variants/default.js.map +1 -0
- package/dist/module/components/phone-input/variants/index.js +7 -0
- package/dist/module/components/phone-input/variants/index.js.map +1 -0
- package/dist/module/components/select/components/select-trigger.js +2 -2
- package/dist/module/components/select/components/select-trigger.js.map +1 -1
- package/dist/module/components/tabs/variants/default.js.map +1 -1
- package/dist/module/components/toast/components/toast-icon.js.map +1 -1
- package/dist/module/components/toast/manager.js +2 -2
- package/dist/module/components/toast/manager.js.map +1 -1
- package/dist/module/components/typography/variants/body-lg.js.map +1 -1
- package/dist/module/components/typography/variants/body-md.js.map +1 -1
- package/dist/module/components/typography/variants/body-sm.js.map +1 -1
- package/dist/module/components/typography/variants/heading-lg.js.map +1 -1
- package/dist/module/components/typography/variants/heading-md.js.map +1 -1
- package/dist/module/components/typography/variants/heading-sm.js.map +1 -1
- package/dist/module/data/countries.js +476 -0
- package/dist/module/data/countries.js.map +1 -0
- package/dist/module/hooks/index.js +1 -0
- package/dist/module/hooks/index.js.map +1 -1
- package/dist/module/hooks/use-phone-mask.js +121 -0
- package/dist/module/hooks/use-phone-mask.js.map +1 -0
- package/dist/module/hooks/use-relative-position.js.map +1 -1
- package/dist/module/index.js +2 -2
- package/dist/module/index.js.map +1 -1
- package/dist/module/themes/default/colors.js +28 -28
- package/dist/module/themes/default/colors.js.map +1 -1
- package/dist/module/themes/provider.js.map +1 -1
- package/dist/module/themes/utils.js.map +1 -1
- package/dist/module/utils/input-utils.js.map +1 -1
- package/dist/module/utils/normalize-layout.js.map +1 -1
- package/dist/module/utils/use-themed-styles.js.map +1 -1
- package/dist/typescript/src/components/alert/components/alert-body.d.ts.map +1 -1
- package/dist/typescript/src/components/alert/components/alert-description.d.ts +2 -2
- package/dist/typescript/src/components/alert/components/alert-description.d.ts.map +1 -1
- package/dist/typescript/src/components/alert/components/alert-icon.d.ts.map +1 -1
- package/dist/typescript/src/components/alert/components/alert-root.d.ts.map +1 -1
- package/dist/typescript/src/components/alert/components/alert-title.d.ts.map +1 -1
- package/dist/typescript/src/components/alert/variants/default.d.ts +1 -1
- package/dist/typescript/src/components/alert/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/alert/variants/destructive.d.ts +1 -1
- package/dist/typescript/src/components/alert/variants/destructive.d.ts.map +1 -1
- package/dist/typescript/src/components/alert-dialog/components/alert-dialog-trigger.d.ts.map +1 -1
- package/dist/typescript/src/components/alert-dialog/variants/default.d.ts +1 -1
- package/dist/typescript/src/components/alert-dialog/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/avatar/variants/default.d.ts +1 -1
- package/dist/typescript/src/components/avatar/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/badge/components/badge-root.d.ts.map +1 -1
- package/dist/typescript/src/components/badge/variants/default.d.ts +1 -1
- package/dist/typescript/src/components/badge/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/badge/variants/secondary.d.ts +1 -1
- package/dist/typescript/src/components/badge/variants/secondary.d.ts.map +1 -1
- package/dist/typescript/src/components/button/components/button-label.d.ts +2 -1
- package/dist/typescript/src/components/button/components/button-label.d.ts.map +1 -1
- package/dist/typescript/src/components/button/variants/default.d.ts +1 -1
- package/dist/typescript/src/components/button/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/button/variants/secondary.d.ts +1 -1
- package/dist/typescript/src/components/button/variants/secondary.d.ts.map +1 -1
- package/dist/typescript/src/components/calendar/variants/default.d.ts +1 -1
- package/dist/typescript/src/components/calendar/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/card/card-body.d.ts.map +1 -1
- package/dist/typescript/src/components/card/card-footer.d.ts.map +1 -1
- package/dist/typescript/src/components/card/card-header.d.ts.map +1 -1
- package/dist/typescript/src/components/card/card-root.d.ts.map +1 -1
- package/dist/typescript/src/components/card/card-title.d.ts.map +1 -1
- package/dist/typescript/src/components/card/variants/default.d.ts +1 -1
- package/dist/typescript/src/components/card/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/checkbox/variants/default.d.ts +1 -1
- package/dist/typescript/src/components/checkbox/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/checkbox/variants/outlined.d.ts +1 -1
- package/dist/typescript/src/components/checkbox/variants/outlined.d.ts.map +1 -1
- package/dist/typescript/src/components/empty/variants/default.d.ts +1 -1
- package/dist/typescript/src/components/empty/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/field/variants/default.d.ts +1 -1
- package/dist/typescript/src/components/field/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/icon/icon.d.ts.map +1 -1
- package/dist/typescript/src/components/index.d.ts +1 -0
- package/dist/typescript/src/components/index.d.ts.map +1 -1
- package/dist/typescript/src/components/input/input.d.ts.map +1 -1
- package/dist/typescript/src/components/input/numeric-input.d.ts +1 -1
- package/dist/typescript/src/components/input/numeric-input.d.ts.map +1 -1
- package/dist/typescript/src/components/input/variants/default.d.ts +1 -1
- package/dist/typescript/src/components/input/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/input/variants/secondary.d.ts +1 -1
- package/dist/typescript/src/components/input/variants/secondary.d.ts.map +1 -1
- package/dist/typescript/src/components/link/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/menu/components/menu-trigger.d.ts +1 -1
- package/dist/typescript/src/components/menu/components/menu-trigger.d.ts.map +1 -1
- package/dist/typescript/src/components/menu/context.d.ts.map +1 -1
- package/dist/typescript/src/components/menu/variants/default.d.ts +1 -1
- package/dist/typescript/src/components/menu/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/phone-input/index.d.ts +3 -0
- package/dist/typescript/src/components/phone-input/index.d.ts.map +1 -0
- package/dist/typescript/src/components/phone-input/phone-input.d.ts +16 -0
- package/dist/typescript/src/components/phone-input/phone-input.d.ts.map +1 -0
- package/dist/typescript/src/components/phone-input/types.d.ts +15 -0
- package/dist/typescript/src/components/phone-input/types.d.ts.map +1 -0
- package/dist/typescript/src/components/phone-input/variants/default.d.ts +3 -0
- package/dist/typescript/src/components/phone-input/variants/default.d.ts.map +1 -0
- package/dist/typescript/src/components/phone-input/variants/index.d.ts +5 -0
- package/dist/typescript/src/components/phone-input/variants/index.d.ts.map +1 -0
- package/dist/typescript/src/components/popover/components/popover-trigger.d.ts.map +1 -1
- package/dist/typescript/src/components/popover/context.d.ts.map +1 -1
- package/dist/typescript/src/components/popover/variants/default.d.ts +1 -1
- package/dist/typescript/src/components/popover/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/popover/variants/unstyled.d.ts +1 -1
- package/dist/typescript/src/components/popover/variants/unstyled.d.ts.map +1 -1
- package/dist/typescript/src/components/progress/variants/default.d.ts +1 -1
- package/dist/typescript/src/components/progress/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/select/components/select-trigger.d.ts.map +1 -1
- package/dist/typescript/src/components/select/context.d.ts.map +1 -1
- package/dist/typescript/src/components/select/variants/default.d.ts +1 -1
- package/dist/typescript/src/components/select/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/tabs/variants/default.d.ts +1 -1
- package/dist/typescript/src/components/tabs/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/tabs/variants/line.d.ts +1 -1
- package/dist/typescript/src/components/tabs/variants/line.d.ts.map +1 -1
- package/dist/typescript/src/components/textarea/variants/default.d.ts +1 -1
- package/dist/typescript/src/components/textarea/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/toast/components/toast-icon.d.ts +1 -1
- package/dist/typescript/src/components/toast/components/toast-icon.d.ts.map +1 -1
- package/dist/typescript/src/components/toast/manager.d.ts.map +1 -1
- package/dist/typescript/src/components/typography/variants/body-lg.d.ts.map +1 -1
- package/dist/typescript/src/components/typography/variants/body-md.d.ts.map +1 -1
- package/dist/typescript/src/components/typography/variants/body-sm.d.ts.map +1 -1
- package/dist/typescript/src/components/typography/variants/heading-lg.d.ts.map +1 -1
- package/dist/typescript/src/components/typography/variants/heading-md.d.ts.map +1 -1
- package/dist/typescript/src/components/typography/variants/heading-sm.d.ts.map +1 -1
- package/dist/typescript/src/data/countries.d.ts +17 -0
- package/dist/typescript/src/data/countries.d.ts.map +1 -0
- package/dist/typescript/src/hooks/index.d.ts +1 -0
- package/dist/typescript/src/hooks/index.d.ts.map +1 -1
- package/dist/typescript/src/hooks/use-phone-mask.d.ts +20 -0
- package/dist/typescript/src/hooks/use-phone-mask.d.ts.map +1 -0
- package/dist/typescript/src/hooks/use-relative-position.d.ts +1 -1
- package/dist/typescript/src/hooks/use-relative-position.d.ts.map +1 -1
- package/dist/typescript/src/index.d.ts +2 -2
- package/dist/typescript/src/index.d.ts.map +1 -1
- package/dist/typescript/src/themes/provider.d.ts +1 -1
- package/dist/typescript/src/themes/provider.d.ts.map +1 -1
- package/dist/typescript/src/themes/types.d.ts +1 -1
- package/dist/typescript/src/themes/types.d.ts.map +1 -1
- package/dist/typescript/src/themes/utils.d.ts.map +1 -1
- package/dist/typescript/src/utils/input-utils.d.ts.map +1 -1
- package/dist/typescript/src/utils/normalize-layout.d.ts +1 -1
- package/dist/typescript/src/utils/normalize-layout.d.ts.map +1 -1
- package/dist/typescript/src/utils/use-themed-styles.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/alert/components/alert-body.tsx +1 -1
- package/src/components/alert/components/alert-description.tsx +5 -3
- package/src/components/alert/components/alert-icon.tsx +1 -1
- package/src/components/alert/components/alert-root.tsx +1 -1
- package/src/components/alert/components/alert-title.tsx +2 -2
- package/src/components/alert/variants/default.tsx +2 -2
- package/src/components/alert/variants/destructive.tsx +2 -2
- package/src/components/alert-dialog/components/alert-dialog-trigger.tsx +1 -1
- package/src/components/alert-dialog/variants/default.tsx +2 -2
- package/src/components/avatar/variants/default.tsx +2 -2
- package/src/components/badge/components/badge-label.tsx +1 -1
- package/src/components/badge/components/badge-root.tsx +2 -2
- package/src/components/badge/variants/default.tsx +2 -2
- package/src/components/badge/variants/secondary.tsx +2 -2
- package/src/components/button/components/button-label.tsx +3 -2
- package/src/components/button/variants/default.tsx +3 -3
- package/src/components/button/variants/secondary.tsx +3 -3
- package/src/components/calendar/components/calendar-day.tsx +1 -1
- package/src/components/calendar/components/calendar-nav-button.tsx +1 -1
- package/src/components/calendar/components/calendar-title.tsx +1 -1
- package/src/components/calendar/components/calendar-weeks.tsx +1 -1
- package/src/components/calendar/variants/default.tsx +2 -2
- package/src/components/card/card-body.tsx +2 -2
- package/src/components/card/card-footer.tsx +2 -2
- package/src/components/card/card-header.tsx +2 -2
- package/src/components/card/card-root.tsx +2 -2
- package/src/components/card/card-title.tsx +3 -3
- package/src/components/card/variants/default.tsx +2 -2
- package/src/components/checkbox/variants/default.tsx +2 -2
- package/src/components/checkbox/variants/outlined.tsx +2 -2
- package/src/components/empty/variants/default.tsx +2 -2
- package/src/components/field/variants/default.tsx +2 -2
- package/src/components/icon/icon.tsx +1 -1
- package/src/components/icon/variants/default.tsx +1 -1
- package/src/components/index.ts +1 -0
- package/src/components/input/input.tsx +1 -1
- package/src/components/input/numeric-input.tsx +8 -2
- package/src/components/input/variants/default.tsx +10 -3
- package/src/components/input/variants/secondary.tsx +10 -3
- package/src/components/link/variants/default.tsx +2 -2
- package/src/components/menu/components/menu-content.tsx +1 -1
- package/src/components/menu/components/menu-root.tsx +1 -1
- package/src/components/menu/components/menu-trigger.tsx +40 -38
- package/src/components/menu/context.ts +1 -1
- package/src/components/menu/variants/default.tsx +2 -2
- package/src/components/phone-input/index.ts +2 -0
- package/src/components/phone-input/phone-input.tsx +220 -0
- package/src/components/phone-input/types.ts +20 -0
- package/src/components/phone-input/variants/default.tsx +124 -0
- package/src/components/phone-input/variants/index.ts +5 -0
- package/src/components/popover/components/popover-content.tsx +2 -2
- package/src/components/popover/components/popover-root.tsx +1 -1
- package/src/components/popover/components/popover-trigger.tsx +2 -2
- package/src/components/popover/context.ts +1 -1
- package/src/components/popover/variants/default.tsx +2 -2
- package/src/components/popover/variants/unstyled.tsx +2 -2
- package/src/components/progress/components/progress-indicator.tsx +1 -1
- package/src/components/progress/components/progress-root.tsx +1 -1
- package/src/components/progress/variants/default.tsx +2 -2
- package/src/components/scroll-bar/scroll-bar.tsx +1 -1
- package/src/components/select/components/select-content.tsx +2 -2
- package/src/components/select/components/select-option.tsx +1 -1
- package/src/components/select/components/select-overlay.tsx +1 -1
- package/src/components/select/components/select-root.tsx +2 -2
- package/src/components/select/components/select-trigger.tsx +35 -9
- package/src/components/select/context.ts +1 -1
- package/src/components/select/variants/default.tsx +2 -2
- package/src/components/tabs/variants/default.tsx +2 -2
- package/src/components/tabs/variants/line.tsx +2 -2
- package/src/components/textarea/variants/default.tsx +2 -2
- package/src/components/toast/components/toast-icon.tsx +8 -2
- package/src/components/toast/manager.tsx +11 -4
- package/src/components/toast/variants/danger.tsx +1 -1
- package/src/components/toast/variants/default.tsx +1 -1
- package/src/components/toast/variants/success.tsx +1 -1
- package/src/components/typography/variants/body-lg.tsx +1 -1
- package/src/components/typography/variants/body-md.tsx +1 -1
- package/src/components/typography/variants/body-sm.tsx +1 -1
- package/src/components/typography/variants/heading-lg.tsx +1 -1
- package/src/components/typography/variants/heading-md.tsx +1 -1
- package/src/components/typography/variants/heading-sm.tsx +1 -1
- package/src/data/countries.ts +88 -0
- package/src/hooks/index.ts +1 -0
- package/src/hooks/use-phone-mask.ts +183 -0
- package/src/hooks/use-relative-position.ts +94 -18
- package/src/index.tsx +8 -3
- package/src/themes/default/colors.ts +28 -28
- package/src/themes/provider.tsx +23 -5
- package/src/themes/types.ts +1 -1
- package/src/themes/utils.ts +5 -2
- package/src/utils/input-utils.ts +5 -2
- package/src/utils/normalize-layout.ts +5 -2
- package/src/utils/use-themed-styles.ts +11 -3
- package/tsconfig.json +14 -7
package/AGENTS.md
CHANGED
|
@@ -29,6 +29,7 @@ Layer 3: Variants (themed style hooks)
|
|
|
29
29
|
Headless UI components providing behavior without visual styles.
|
|
30
30
|
|
|
31
31
|
**Pattern**:
|
|
32
|
+
|
|
32
33
|
```typescript
|
|
33
34
|
// primitives/button/button-root.tsx
|
|
34
35
|
export interface ButtonRootProps {
|
|
@@ -65,6 +66,7 @@ export const ButtonPrimitive = {
|
|
|
65
66
|
```
|
|
66
67
|
|
|
67
68
|
**Key Rules**:
|
|
69
|
+
|
|
68
70
|
- ❌ No inline styles or hardcoded colors
|
|
69
71
|
- ❌ No theme access (`useTheme`)
|
|
70
72
|
- ✅ Accept `styles` prop for variant injection
|
|
@@ -76,6 +78,7 @@ export const ButtonPrimitive = {
|
|
|
76
78
|
Styled components using primitives with variant system.
|
|
77
79
|
|
|
78
80
|
**Pattern**:
|
|
81
|
+
|
|
79
82
|
```typescript
|
|
80
83
|
// components/button/components/button-root.tsx
|
|
81
84
|
export interface ButtonRootProps extends ButtonPrimitiveRootProps {
|
|
@@ -98,6 +101,7 @@ export const Button = {
|
|
|
98
101
|
```
|
|
99
102
|
|
|
100
103
|
**Key Rules**:
|
|
104
|
+
|
|
101
105
|
- ✅ Use primitives as base
|
|
102
106
|
- ✅ Apply variants for styling
|
|
103
107
|
- ✅ Default variant is "default"
|
|
@@ -109,9 +113,10 @@ export const Button = {
|
|
|
109
113
|
Theme-aware style hooks providing reactive styles.
|
|
110
114
|
|
|
111
115
|
**Pattern**:
|
|
116
|
+
|
|
112
117
|
```typescript
|
|
113
118
|
// components/button/variants/default.tsx
|
|
114
|
-
import { useThemedStyles } from "
|
|
119
|
+
import { useThemedStyles } from "../../../utils/use-themed-styles";
|
|
115
120
|
import { type ButtonStyles } from "../types";
|
|
116
121
|
|
|
117
122
|
export const useButtonVariantDefault = (): ButtonStyles => {
|
|
@@ -131,7 +136,7 @@ export const useButtonVariantDefault = (): ButtonStyles => {
|
|
|
131
136
|
spinner: {
|
|
132
137
|
color: colors.background,
|
|
133
138
|
},
|
|
134
|
-
})
|
|
139
|
+
}),
|
|
135
140
|
);
|
|
136
141
|
};
|
|
137
142
|
|
|
@@ -143,6 +148,7 @@ export const ButtonVariants = {
|
|
|
143
148
|
```
|
|
144
149
|
|
|
145
150
|
**Key Rules**:
|
|
151
|
+
|
|
146
152
|
- ✅ Always use `useThemedStyles` hook
|
|
147
153
|
- ✅ Return complete style objects
|
|
148
154
|
- ✅ Access theme tokens (colors, radius, fontSize, etc.)
|
|
@@ -295,7 +301,7 @@ touch src/components/alert/index.ts
|
|
|
295
301
|
|
|
296
302
|
```typescript
|
|
297
303
|
// src/components/alert/variants/default.tsx
|
|
298
|
-
import { useThemedStyles } from "
|
|
304
|
+
import { useThemedStyles } from "../../../utils/use-themed-styles";
|
|
299
305
|
import type { AlertStyles } from "../types";
|
|
300
306
|
|
|
301
307
|
export const useAlertVariantDefault = (): AlertStyles => {
|
|
@@ -328,7 +334,7 @@ export const useAlertVariantDefault = (): AlertStyles => {
|
|
|
328
334
|
color: colors.mutedForeground,
|
|
329
335
|
lineHeight: 20,
|
|
330
336
|
},
|
|
331
|
-
})
|
|
337
|
+
}),
|
|
332
338
|
);
|
|
333
339
|
};
|
|
334
340
|
```
|
|
@@ -407,6 +413,7 @@ const composedProps = {
|
|
|
407
413
|
### Style Composition Order
|
|
408
414
|
|
|
409
415
|
Always compose styles in this order:
|
|
416
|
+
|
|
410
417
|
1. Variant styles (from `styles` prop)
|
|
411
418
|
2. User styles (from `style` prop)
|
|
412
419
|
|
|
@@ -442,7 +449,7 @@ export function Icon({
|
|
|
442
449
|
|
|
443
450
|
```typescript
|
|
444
451
|
// In component code (variants only)
|
|
445
|
-
import { useThemedStyles } from "
|
|
452
|
+
import { useThemedStyles } from "../../../utils/use-themed-styles";
|
|
446
453
|
|
|
447
454
|
const styles = useThemedStyles((theme) => ({
|
|
448
455
|
container: {
|
|
@@ -480,16 +487,16 @@ interface Theme {
|
|
|
480
487
|
|
|
481
488
|
Always use theme tokens instead of hardcoded values:
|
|
482
489
|
|
|
483
|
-
| Token
|
|
484
|
-
|
|
485
|
-
| `colors.background` | Main background color
|
|
486
|
-
| `colors.foreground` | Main text color
|
|
487
|
-
| `colors.primary`
|
|
488
|
-
| `colors.muted`
|
|
489
|
-
| `colors.border`
|
|
490
|
-
| `radius`
|
|
491
|
-
| `fontSize`
|
|
492
|
-
| `fontFamily`
|
|
490
|
+
| Token | Usage |
|
|
491
|
+
| ------------------- | -------------------------------- |
|
|
492
|
+
| `colors.background` | Main background color |
|
|
493
|
+
| `colors.foreground` | Main text color |
|
|
494
|
+
| `colors.primary` | Primary action color |
|
|
495
|
+
| `colors.muted` | Subtle background (hover states) |
|
|
496
|
+
| `colors.border` | Border color |
|
|
497
|
+
| `radius` | Border radius value |
|
|
498
|
+
| `fontSize` | Base font size |
|
|
499
|
+
| `fontFamily` | Font family string |
|
|
493
500
|
|
|
494
501
|
## Anti-Patterns (Avoid)
|
|
495
502
|
|
|
@@ -529,28 +536,28 @@ export const useVariant = (): Styles => {
|
|
|
529
536
|
|
|
530
537
|
```typescript
|
|
531
538
|
// BAD
|
|
532
|
-
backgroundColor:
|
|
539
|
+
backgroundColor: "#007AFF";
|
|
533
540
|
```
|
|
534
541
|
|
|
535
542
|
### ✅ Theme Colors
|
|
536
543
|
|
|
537
544
|
```typescript
|
|
538
545
|
// GOOD
|
|
539
|
-
backgroundColor: theme.colors.primary
|
|
546
|
+
backgroundColor: theme.colors.primary;
|
|
540
547
|
```
|
|
541
548
|
|
|
542
549
|
### ❌ String Values for Spacing
|
|
543
550
|
|
|
544
551
|
```typescript
|
|
545
552
|
// BAD
|
|
546
|
-
padding:
|
|
553
|
+
padding: "16px";
|
|
547
554
|
```
|
|
548
555
|
|
|
549
556
|
### ✅ Number Values
|
|
550
557
|
|
|
551
558
|
```typescript
|
|
552
559
|
// GOOD
|
|
553
|
-
padding: 16
|
|
560
|
+
padding: 16;
|
|
554
561
|
```
|
|
555
562
|
|
|
556
563
|
## Type Safety
|
|
@@ -596,6 +603,7 @@ bun build
|
|
|
596
603
|
```
|
|
597
604
|
|
|
598
605
|
This runs:
|
|
606
|
+
|
|
599
607
|
1. `bob build` - Compiles TypeScript with Babel
|
|
600
608
|
2. `tsc-alias` - Resolves path aliases in type definitions
|
|
601
609
|
|
|
@@ -641,18 +649,23 @@ dist/
|
|
|
641
649
|
## Common Issues
|
|
642
650
|
|
|
643
651
|
**Issue**: "Cannot find module @/..."
|
|
652
|
+
|
|
644
653
|
- **Fix**: Check `tsconfig.json` has path alias: `"@/*": ["./src/*"]`
|
|
645
654
|
|
|
646
655
|
**Issue**: Styles not applying
|
|
656
|
+
|
|
647
657
|
- **Fix**: Ensure variant styles passed to primitive via `styles` prop
|
|
648
658
|
|
|
649
659
|
**Issue**: Theme not updating
|
|
660
|
+
|
|
650
661
|
- **Fix**: Use `useThemedStyles` hook, not plain `useMemo`
|
|
651
662
|
|
|
652
663
|
**Issue**: Type errors with compound exports
|
|
664
|
+
|
|
653
665
|
- **Fix**: Export both types and components from index files
|
|
654
666
|
|
|
655
667
|
**Issue**: Build fails
|
|
668
|
+
|
|
656
669
|
- **Fix**: Run `bun build` from library directory, check for TypeScript errors
|
|
657
670
|
|
|
658
671
|
## Resources
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Text","useAlert","jsx","_jsx","AlertDescription","props","alert","composedStyle","styles","description","style","Component","render"],"sourceRoot":"../../../../../src","sources":["components/alert/components/alert-description.tsx"],"mappings":";;
|
|
1
|
+
{"version":3,"names":["React","Text","useAlert","jsx","_jsx","AlertDescription","props","alert","composedStyle","styles","description","style","Component","render"],"sourceRoot":"../../../../../src","sources":["components/alert/components/alert-description.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AAGnE,SAASC,QAAQ;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAQtC,OAAO,SAASC,gBAAgBA,CAC9BC,KAA6C,EAC7C;EACA,MAAMC,KAAK,GAAGL,QAAQ,CAAC,CAAC;EAExB,MAAMM,aAAa,GAAG,CAACD,KAAK,CAACE,MAAM,EAAEC,WAAW,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE9D,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBAAOG,IAAA,CAACQ,SAAS;IAAA,GAAKN,KAAK;IAAEK,KAAK,EAAEH;EAAc,CAAE,CAAC;AACvD","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["calculateComposedStyles","React","Text","useButton","jsx","_jsx","ButtonLabel","props","button","calculatedStyle","styles","state","style","isSelectable","selectable","children"],"sourceRoot":"../../../../../src","sources":["components/button/components/button-label.tsx"],"mappings":";;
|
|
1
|
+
{"version":3,"names":["calculateComposedStyles","React","Text","useButton","jsx","_jsx","ButtonLabel","props","button","calculatedStyle","styles","state","style","isSelectable","selectable","children"],"sourceRoot":"../../../../../src","sources":["components/button/components/button-label.tsx"],"mappings":";;AACA,SAASA,uBAAuB;AAChC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,SAAS;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAQvC,OAAO,SAASC,WAAWA,CAACC,KAAuB,EAAE;EACnD,MAAMC,MAAM,GAAGL,SAAS,CAAC,CAAC;EAE1B,MAAMM,eAAe,GAAGT,uBAAuB,CAACQ,MAAM,CAACE,MAAM,EAAEF,MAAM,CAACG,KAAK,EAAE,OAAO,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAElG,MAAMC,YAAY,GAAGL,MAAM,CAACG,KAAK,KAAK,UAAU,IAAIH,MAAM,CAACG,KAAK,KAAK,SAAS;EAE9E,oBACEN,IAAA,CAACH,IAAI;IAACY,UAAU,EAAED,YAAa;IAACD,KAAK,EAAEH,eAAgB;IAAAM,QAAA,EACpDR,KAAK,CAACQ;EAAQ,CACX,CAAC;AAEX","ignoreList":[]}
|
|
@@ -15,6 +15,7 @@ export * from "./input/index.js";
|
|
|
15
15
|
export * from "./link/index.js";
|
|
16
16
|
export * from "./list/index.js";
|
|
17
17
|
export * from "./menu/index.js";
|
|
18
|
+
export * from "./phone-input/index.js";
|
|
18
19
|
export * from "./popover/index.js";
|
|
19
20
|
export * from "./portal/index.js";
|
|
20
21
|
export * from "./progress/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { useNumericMask } from "../../hooks/use-numeric-mask.js";
|
|
4
3
|
import React, { useEffect } from "react";
|
|
4
|
+
import { useNumericMask } from "../../hooks/use-numeric-mask.js";
|
|
5
5
|
import { Input } from "./input.js";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
export function NumericInput({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","useEffect","useNumericMask","Input","jsx","_jsx","NumericInput","value","onChange","format","locale","currency","precision","min","max","allowNegative","variant","onBlur","onFocus","props","numericMask","numericValue","setValue","handleBlur","e","handleFocus","onChangeText","keyboardType"],"sourceRoot":"../../../../src","sources":["components/input/numeric-input.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SACEC,cAAc;AAGhB,SAASC,KAAK;AAAmC,SAAAC,GAAA,IAAAC,IAAA;AAmBjD,OAAO,SAASC,YAAYA,CAAC;EAC3BC,KAAK;EACLC,QAAQ;EACRC,MAAM,GAAG,SAAS;EAClBC,MAAM,GAAG,OAAO;EAChBC,QAAQ,GAAG,KAAK;EAChBC,SAAS,GAAG,CAAC;EACbC,GAAG;EACHC,GAAG;EACHC,aAAa,GAAG,IAAI;EACpBC,OAAO,GAAG,SAAS;EACnBC,MAAM;EACNC,OAAO;EACP,GAAGC;AACc,CAAC,EAAE;EACpB,MAAMC,WAAW,GAAGlB,cAAc,CAAC;IACjCO,MAAM;IACNC,MAAM;IACNC,QAAQ;IACRC,SAAS;IACTC,GAAG;IACHC,GAAG;IACHC,aAAa;IACbP;EACF,CAAC,CAAC;EAEFP,SAAS,CAAC,MAAM;IACd,IAAIM,KAAK,KAAKa,WAAW,CAACC,YAAY,EAAE;MACtCD,WAAW,CAACE,QAAQ,CAACf,KAAK,IAAI,IAAI,CAAC;IACrC;EACF,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMgB,UAAU,GAAIC,CAAM,IAAK;IAC7BJ,WAAW,CAACH,MAAM,CAAC,CAAC;IACpBA,MAAM,GAAGO,CAAC,CAAC;EACb,CAAC;EAED,MAAMC,WAAW,GAAID,CAAM,IAAK;IAC9BJ,WAAW,CAACF,OAAO,CAAC,CAAC;IACrBA,OAAO,GAAGM,CAAC,CAAC;EACd,CAAC;EAED,oBACEnB,IAAA,CAACF,KAAK;IAAA,GACAgB,KAAK;IACTZ,KAAK,EAAEa,WAAW,CAACb,KAAM;IACzBC,QAAQ,EAAEY,WAAW,CAACM,YAAa;IACnCT,MAAM,EAAEM,UAAW;IACnBL,OAAO,EAAEO,WAAY;IACrBE,YAAY,EAAEP,WAAW,CAACO;EAAa,CACxC,CAAC;AAEN","ignoreList":[]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import { Platform } from "react-native";
|
|
3
4
|
import { useThemedStyles } from "../../../utils/use-themed-styles.js";
|
|
4
5
|
export function useInputVariantDefault() {
|
|
5
6
|
return useThemedStyles(({
|
|
@@ -18,11 +19,17 @@ export function useInputVariantDefault() {
|
|
|
18
19
|
backgroundColor: colors.surface,
|
|
19
20
|
paddingVertical: 12,
|
|
20
21
|
paddingHorizontal: 16,
|
|
21
|
-
outlineWidth: 0,
|
|
22
22
|
fontFamily,
|
|
23
23
|
fontSize,
|
|
24
24
|
height: 48,
|
|
25
|
-
color: colors.foreground
|
|
25
|
+
color: colors.foreground,
|
|
26
|
+
outlineWidth: 0,
|
|
27
|
+
...Platform.select({
|
|
28
|
+
default: {},
|
|
29
|
+
web: {
|
|
30
|
+
outline: "none"
|
|
31
|
+
}
|
|
32
|
+
})
|
|
26
33
|
}
|
|
27
34
|
},
|
|
28
35
|
focused: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useThemedStyles","useInputVariantDefault","colors","radius","fontFamily","fontSize","default","placeholderTextColor","mutedForeground","selectionColor","primary","style","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","paddingVertical","paddingHorizontal","outlineWidth","
|
|
1
|
+
{"version":3,"names":["Platform","useThemedStyles","useInputVariantDefault","colors","radius","fontFamily","fontSize","default","placeholderTextColor","mutedForeground","selectionColor","primary","style","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","paddingVertical","paddingHorizontal","height","color","foreground","outlineWidth","select","web","outline","focused","disabled","muted"],"sourceRoot":"../../../../../src","sources":["components/input/variants/default.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,eAAe;AAGxB,OAAO,SAASC,sBAAsBA,CAAA,EAAgB;EACpD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAmB;IAC1DC,OAAO,EAAE;MACPC,oBAAoB,EAAEL,MAAM,CAACM,eAAe;MAC5CC,cAAc,EAAEP,MAAM,CAACQ,OAAO;MAC9BC,KAAK,EAAE;QACLC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEX,MAAM,CAACY,MAAM;QAC1BC,YAAY,EAAEZ,MAAM;QACpBa,eAAe,EAAEd,MAAM,CAACe,OAAO;QAC/BC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBf,UAAU;QACVC,QAAQ;QACRe,MAAM,EAAE,EAAE;QACVC,KAAK,EAAEnB,MAAM,CAACoB,UAAU;QACxBC,YAAY,EAAE,CAAC;QACf,GAAGxB,QAAQ,CAACyB,MAAM,CAAC;UACjBlB,OAAO,EAAE,CAAC,CAAC;UACXmB,GAAG,EAAE;YACHC,OAAO,EAAE;UACX;QACF,CAAC;MACH;IACF,CAAC;IACDC,OAAO,EAAE;MACPhB,KAAK,EAAE;QACLE,WAAW,EAAEX,MAAM,CAACQ;MACtB;IACF,CAAC;IACDkB,QAAQ,EAAE;MACRjB,KAAK,EAAE;QACLU,KAAK,EAAEnB,MAAM,CAACM,eAAe;QAC7BQ,eAAe,EAAEd,MAAM,CAAC2B;MAC1B;IACF;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import { Platform } from "react-native";
|
|
3
4
|
import { useThemedStyles } from "../../../utils/use-themed-styles.js";
|
|
4
5
|
export function useInputVariantSecondary() {
|
|
5
6
|
return useThemedStyles(({
|
|
@@ -18,11 +19,17 @@ export function useInputVariantSecondary() {
|
|
|
18
19
|
backgroundColor: colors.background,
|
|
19
20
|
paddingVertical: 12,
|
|
20
21
|
paddingHorizontal: 16,
|
|
21
|
-
outlineWidth: 0,
|
|
22
22
|
fontFamily,
|
|
23
23
|
fontSize,
|
|
24
24
|
height: 48,
|
|
25
|
-
color: colors.foreground
|
|
25
|
+
color: colors.foreground,
|
|
26
|
+
outlineWidth: 0,
|
|
27
|
+
...Platform.select({
|
|
28
|
+
default: {},
|
|
29
|
+
web: {
|
|
30
|
+
outline: "none"
|
|
31
|
+
}
|
|
32
|
+
})
|
|
26
33
|
}
|
|
27
34
|
},
|
|
28
35
|
focused: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useThemedStyles","useInputVariantSecondary","colors","radius","fontFamily","fontSize","default","placeholderTextColor","mutedForeground","selectionColor","primary","style","borderWidth","borderColor","border","borderRadius","backgroundColor","background","paddingVertical","paddingHorizontal","outlineWidth","
|
|
1
|
+
{"version":3,"names":["Platform","useThemedStyles","useInputVariantSecondary","colors","radius","fontFamily","fontSize","default","placeholderTextColor","mutedForeground","selectionColor","primary","style","borderWidth","borderColor","border","borderRadius","backgroundColor","background","paddingVertical","paddingHorizontal","height","color","foreground","outlineWidth","select","web","outline","focused","disabled","muted"],"sourceRoot":"../../../../../src","sources":["components/input/variants/secondary.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,SAASC,eAAe;AAExB,OAAO,SAASC,wBAAwBA,CAAA,EAAgB;EACtD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAmB;IAC1DC,OAAO,EAAE;MACPC,oBAAoB,EAAEL,MAAM,CAACM,eAAe;MAC5CC,cAAc,EAAEP,MAAM,CAACQ,OAAO;MAC9BC,KAAK,EAAE;QACLC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEX,MAAM,CAACY,MAAM;QAC1BC,YAAY,EAAEZ,MAAM;QACpBa,eAAe,EAAEd,MAAM,CAACe,UAAU;QAClCC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBf,UAAU;QACVC,QAAQ;QACRe,MAAM,EAAE,EAAE;QACVC,KAAK,EAAEnB,MAAM,CAACoB,UAAU;QACxBC,YAAY,EAAE,CAAC;QACf,GAAGxB,QAAQ,CAACyB,MAAM,CAAC;UACjBlB,OAAO,EAAE,CAAC,CAAC;UACXmB,GAAG,EAAE;YACHC,OAAO,EAAE;UACX;QACF,CAAC;MACH;IACF,CAAC;IACDC,OAAO,EAAE;MACPhB,KAAK,EAAE;QACLE,WAAW,EAAEX,MAAM,CAACQ;MACtB;IACF,CAAC;IACDkB,QAAQ,EAAE;MACRjB,KAAK,EAAE;QACLU,KAAK,EAAEnB,MAAM,CAACM,eAAe;QAC7BQ,eAAe,EAAEd,MAAM,CAAC2B;MAC1B;IACF;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useThemedStyles","useLinkVariantDefault","colors","fontFamily","letterSpacing","fontSize","color","primary","textDecorationLine"],"sourceRoot":"../../../../../src","sources":["components/link/variants/default.tsx"],"mappings":";;
|
|
1
|
+
{"version":3,"names":["useThemedStyles","useLinkVariantDefault","colors","fontFamily","letterSpacing","fontSize","color","primary","textDecorationLine"],"sourceRoot":"../../../../../src","sources":["components/link/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe;AAExB,OAAO,SAASC,qBAAqBA,CAAA,EAAc;EACjD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,UAAU;IAAEC,aAAa;IAAEC;EAAS,CAAC,MAAiB;IAC/DC,KAAK,EAAEJ,MAAM,CAACK,OAAO;IACrBF,QAAQ;IACRF,UAAU;IACVK,kBAAkB,EAAE,WAAW;IAC/BJ;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { measureLayoutPosition } from "../../../utils/normalize-layout.js";
|
|
4
3
|
import React, { forwardRef, useImperativeHandle, useRef } from "react";
|
|
4
|
+
import { measureLayoutPosition } from "../../../utils/normalize-layout.js";
|
|
5
5
|
import { useMenu } from "../context.js";
|
|
6
6
|
export const MenuTrigger = /*#__PURE__*/forwardRef((props, ref) => {
|
|
7
7
|
const menu = useMenu();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useImperativeHandle","useRef","measureLayoutPosition","useMenu","MenuTrigger","props","ref","menu","triggerRef","onTriggerPress","isOpen","current","layout","setTriggerPosition","setIsOpen","open","measureInWindow","pageX","pageY","width","height","close","cloneElement","children","onPress","role","accessible","accessibilityRole","accessibilityState","expanded","displayName"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-trigger.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,QAAQ,OAAO;AAGtE,SAASC,qBAAqB;AAC9B,SAASC,OAAO;AAWhB,OAAO,MAAMC,WAAW,gBAAGL,UAAU,CACnC,CAACM,KAAK,EAAEC,GAAG,KAAK;EACd,MAAMC,IAAI,GAAGJ,OAAO,CAAC,CAAC;EACtB,MAAMK,UAAU,GAAGP,MAAM,CAAU,IAAI,CAAC;EAExC,MAAMQ,cAAc,GAAG,MAAAA,CAAA,KAAY;IACjC,IAAI,CAACF,IAAI,CAACG,MAAM,EAAE;MAChBR,qBAAqB,CAACM,UAAU,CAACG,OAAO,EAAGC,MAAM,IAAK;QACpDL,IAAI,CAACM,kBAAkB,CAACD,MAAM,CAAC;QAC/BL,IAAI,CAACO,SAAS,CAAC,IAAI,CAAC;MACtB,CAAC,CAAC;IACJ,CAAC,MAAM;MACLP,IAAI,CAACO,SAAS,CAAC,KAAK,CAAC;IACvB;EACF,CAAC;EAEDd,mBAAmB,CAACM,GAAG,EAAE,OAAO;IAC9BS,IAAI,EAAEA,CAAA,KAAM;MACVP,UAAU,CAACG,OAAO,EAAEK,eAAe,CAAC,CAACC,KAAK,EAAEC,KAAK,EAAEC,KAAK,EAAEC,MAAM,KAAK;QACnEb,IAAI,CAACM,kBAAkB,CAAC;UACtBO,MAAM;UACND,KAAK;UACLF,KAAK;UACLC;QACF,CAAC,CAAC;QACFX,IAAI,CAACO,SAAS,CAAC,IAAI,CAAC;MACtB,CAAC,CAAC;IACJ,CAAC;IACDO,KAAK,EAAEA,CAAA,KAAMd,IAAI,CAACO,SAAS,CAAC,KAAK;EACnC,CAAC,CAAC,CAAC;EAEH,oBAAOhB,KAAK,CAACwB,YAAY,CAACjB,KAAK,CAACkB,QAAQ,EAAE;IACxCjB,GAAG,EAAEE,UAAU;IACfgB,OAAO,EAAEf,cAAc;IACvBgB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAE,IAAI;IAChBC,iBAAiB,EAAE,QAAQ;IAC3BC,kBAAkB,EAAE;MAAEC,QAAQ,EAAEtB,IAAI,CAACG;IAAO,CAAC;IAC7C,GAAGL,KAAK,CAACkB,QAAQ,CAAClB;EACpB,CAAC,CAAC;AACJ,CACF,CAAC;AAEDD,WAAW,CAAC0B,WAAW,GAAG,aAAa","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["PhoneInput"],"sourceRoot":"../../../../src","sources":["components/phone-input/index.ts"],"mappings":";;AAAA,SAASA,UAAU","ignoreList":[]}
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { usePhoneMask } from "../../hooks/use-phone-mask.js";
|
|
4
|
+
import { DEFAULT_LAYOUT, DEFAULT_POSITION, useRelativePosition } from "../../hooks/use-relative-position.js";
|
|
5
|
+
import { measureLayoutPosition } from "../../utils/normalize-layout.js";
|
|
6
|
+
import React, { useRef, useState } from "react";
|
|
7
|
+
import { Keyboard, Platform, Pressable, ScrollView, StyleSheet, Text, TextInput, View } from "react-native";
|
|
8
|
+
import { Portal } from "../portal/index.js";
|
|
9
|
+
import { PhoneInputVariants } from "./variants/index.js";
|
|
10
|
+
import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
11
|
+
const calculateState = (isDisabled, isFocused) => {
|
|
12
|
+
if (isDisabled) return "disabled";
|
|
13
|
+
if (isFocused) return "focused";
|
|
14
|
+
return "default";
|
|
15
|
+
};
|
|
16
|
+
export function PhoneInput({
|
|
17
|
+
value,
|
|
18
|
+
onChange,
|
|
19
|
+
defaultCountry = "US",
|
|
20
|
+
countries,
|
|
21
|
+
placeholder,
|
|
22
|
+
isDisabled = false,
|
|
23
|
+
variant = "default",
|
|
24
|
+
style
|
|
25
|
+
}) {
|
|
26
|
+
const variantStyles = PhoneInputVariants[variant]();
|
|
27
|
+
const [isFocused, setIsFocused] = useState(false);
|
|
28
|
+
const [isPickerOpen, setIsPickerOpen] = useState(false);
|
|
29
|
+
const [searchQuery, setSearchQuery] = useState("");
|
|
30
|
+
const [triggerPosition, setTriggerPosition] = useState(DEFAULT_POSITION);
|
|
31
|
+
const [contentLayout, setContentLayout] = useState(DEFAULT_LAYOUT);
|
|
32
|
+
const triggerRef = useRef(null);
|
|
33
|
+
const state = calculateState(isDisabled, isFocused);
|
|
34
|
+
const phoneMask = usePhoneMask({
|
|
35
|
+
value,
|
|
36
|
+
defaultCountry,
|
|
37
|
+
onChange,
|
|
38
|
+
countries
|
|
39
|
+
});
|
|
40
|
+
const rootStyles = StyleSheet.flatten([variantStyles.root?.default, variantStyles.root?.[state], style]);
|
|
41
|
+
const countryButtonStyles = StyleSheet.flatten([variantStyles.countryButton?.default, variantStyles.countryButton?.[state]]);
|
|
42
|
+
const countryButtonTextStyles = StyleSheet.flatten([variantStyles.countryButtonText?.default, variantStyles.countryButtonText?.[state]]);
|
|
43
|
+
const separatorStyles = StyleSheet.flatten([variantStyles.separator?.default, variantStyles.separator?.[state]]);
|
|
44
|
+
const inputStyles = StyleSheet.flatten([variantStyles.input?.default, variantStyles.input?.[state]]);
|
|
45
|
+
const openPicker = () => {
|
|
46
|
+
if (isDisabled) return;
|
|
47
|
+
if (Platform.OS !== "web") {
|
|
48
|
+
Keyboard.dismiss();
|
|
49
|
+
}
|
|
50
|
+
measureLayoutPosition(triggerRef.current, layout => {
|
|
51
|
+
setTriggerPosition(layout);
|
|
52
|
+
setSearchQuery("");
|
|
53
|
+
setIsPickerOpen(true);
|
|
54
|
+
});
|
|
55
|
+
};
|
|
56
|
+
const closePicker = () => {
|
|
57
|
+
setIsPickerOpen(false);
|
|
58
|
+
setSearchQuery("");
|
|
59
|
+
};
|
|
60
|
+
const selectCountry = country => {
|
|
61
|
+
phoneMask.setCountry(country.code);
|
|
62
|
+
closePicker();
|
|
63
|
+
};
|
|
64
|
+
const filteredCountries = searchQuery ? phoneMask.countries.filter(c => c.name.toLowerCase().includes(searchQuery.toLowerCase())) : phoneMask.countries;
|
|
65
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
66
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
67
|
+
ref: triggerRef,
|
|
68
|
+
style: rootStyles,
|
|
69
|
+
children: [/*#__PURE__*/_jsx(Pressable, {
|
|
70
|
+
onPress: openPicker,
|
|
71
|
+
disabled: isDisabled,
|
|
72
|
+
style: countryButtonStyles,
|
|
73
|
+
children: /*#__PURE__*/_jsxs(Text, {
|
|
74
|
+
style: countryButtonTextStyles,
|
|
75
|
+
children: [phoneMask.country.flag, " +", phoneMask.country.dialCode]
|
|
76
|
+
})
|
|
77
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
78
|
+
style: separatorStyles
|
|
79
|
+
}), /*#__PURE__*/_jsx(TextInput, {
|
|
80
|
+
value: phoneMask.displayValue,
|
|
81
|
+
onChangeText: phoneMask.onChangeText,
|
|
82
|
+
keyboardType: phoneMask.keyboardType,
|
|
83
|
+
placeholder: placeholder,
|
|
84
|
+
placeholderTextColor: StyleSheet.flatten(variantStyles.countryButtonText?.disabled)?.color,
|
|
85
|
+
readOnly: isDisabled,
|
|
86
|
+
onFocus: () => setIsFocused(true),
|
|
87
|
+
onBlur: () => setIsFocused(false),
|
|
88
|
+
style: inputStyles
|
|
89
|
+
})]
|
|
90
|
+
}), isPickerOpen && /*#__PURE__*/_jsx(CountryPicker, {
|
|
91
|
+
countries: filteredCountries,
|
|
92
|
+
selectedCode: phoneMask.country.code,
|
|
93
|
+
searchQuery: searchQuery,
|
|
94
|
+
onSearchChange: setSearchQuery,
|
|
95
|
+
onSelect: selectCountry,
|
|
96
|
+
onClose: closePicker,
|
|
97
|
+
triggerPosition: triggerPosition,
|
|
98
|
+
contentLayout: contentLayout,
|
|
99
|
+
onContentLayout: setContentLayout,
|
|
100
|
+
variantStyles: variantStyles,
|
|
101
|
+
state: state
|
|
102
|
+
})]
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
function CountryPicker({
|
|
106
|
+
countries,
|
|
107
|
+
selectedCode,
|
|
108
|
+
searchQuery,
|
|
109
|
+
onSearchChange,
|
|
110
|
+
onSelect,
|
|
111
|
+
onClose,
|
|
112
|
+
triggerPosition,
|
|
113
|
+
contentLayout,
|
|
114
|
+
onContentLayout,
|
|
115
|
+
variantStyles,
|
|
116
|
+
state
|
|
117
|
+
}) {
|
|
118
|
+
const positionStyle = useRelativePosition({
|
|
119
|
+
align: "start",
|
|
120
|
+
triggerPosition,
|
|
121
|
+
contentLayout,
|
|
122
|
+
alignOffset: 0,
|
|
123
|
+
preferredSide: "bottom",
|
|
124
|
+
sideOffset: 4
|
|
125
|
+
});
|
|
126
|
+
const overlayStyles = StyleSheet.flatten([variantStyles.pickerOverlay?.default, variantStyles.pickerOverlay?.[state]]);
|
|
127
|
+
const contentStyles = StyleSheet.flatten([variantStyles.pickerContent?.default, variantStyles.pickerContent?.[state]]);
|
|
128
|
+
const searchStyles = StyleSheet.flatten([variantStyles.pickerSearch?.default, variantStyles.pickerSearch?.[state]]);
|
|
129
|
+
return /*#__PURE__*/_jsxs(Portal, {
|
|
130
|
+
name: "phone-input-country-picker",
|
|
131
|
+
children: [/*#__PURE__*/_jsx(Pressable, {
|
|
132
|
+
onPress: onClose,
|
|
133
|
+
style: [StyleSheet.absoluteFill, overlayStyles]
|
|
134
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
135
|
+
style: [positionStyle, contentStyles, {
|
|
136
|
+
width: triggerPosition.width
|
|
137
|
+
}],
|
|
138
|
+
onLayout: e => onContentLayout(e.nativeEvent.layout),
|
|
139
|
+
pointerEvents: "box-none",
|
|
140
|
+
children: [/*#__PURE__*/_jsx(TextInput, {
|
|
141
|
+
value: searchQuery,
|
|
142
|
+
onChangeText: onSearchChange,
|
|
143
|
+
placeholder: "Search countries...",
|
|
144
|
+
autoFocus: true,
|
|
145
|
+
style: searchStyles
|
|
146
|
+
}), /*#__PURE__*/_jsx(ScrollView, {
|
|
147
|
+
keyboardShouldPersistTaps: "handled",
|
|
148
|
+
children: countries.map(country => {
|
|
149
|
+
const isSelected = country.code === selectedCode;
|
|
150
|
+
const optionStyles = StyleSheet.flatten([variantStyles.pickerOption?.default, isSelected && variantStyles.pickerOption?.selected]);
|
|
151
|
+
const optionTextStyles = StyleSheet.flatten([variantStyles.pickerOptionText?.default, isSelected && variantStyles.pickerOptionText?.selected]);
|
|
152
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
153
|
+
onPress: () => onSelect(country),
|
|
154
|
+
style: optionStyles,
|
|
155
|
+
children: /*#__PURE__*/_jsxs(Text, {
|
|
156
|
+
style: optionTextStyles,
|
|
157
|
+
children: [country.flag, " ", country.name, " +", country.dialCode]
|
|
158
|
+
})
|
|
159
|
+
}, country.code);
|
|
160
|
+
})
|
|
161
|
+
})]
|
|
162
|
+
})]
|
|
163
|
+
});
|
|
164
|
+
}
|
|
165
|
+
//# sourceMappingURL=phone-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["usePhoneMask","DEFAULT_LAYOUT","DEFAULT_POSITION","useRelativePosition","measureLayoutPosition","React","useRef","useState","Keyboard","Platform","Pressable","ScrollView","StyleSheet","Text","TextInput","View","Portal","PhoneInputVariants","jsxs","_jsxs","jsx","_jsx","Fragment","_Fragment","calculateState","isDisabled","isFocused","PhoneInput","value","onChange","defaultCountry","countries","placeholder","variant","style","variantStyles","setIsFocused","isPickerOpen","setIsPickerOpen","searchQuery","setSearchQuery","triggerPosition","setTriggerPosition","contentLayout","setContentLayout","triggerRef","state","phoneMask","rootStyles","flatten","root","default","countryButtonStyles","countryButton","countryButtonTextStyles","countryButtonText","separatorStyles","separator","inputStyles","input","openPicker","OS","dismiss","current","layout","closePicker","selectCountry","country","setCountry","code","filteredCountries","filter","c","name","toLowerCase","includes","children","ref","onPress","disabled","flag","dialCode","displayValue","onChangeText","keyboardType","placeholderTextColor","color","readOnly","onFocus","onBlur","CountryPicker","selectedCode","onSearchChange","onSelect","onClose","onContentLayout","positionStyle","align","alignOffset","preferredSide","sideOffset","overlayStyles","pickerOverlay","contentStyles","pickerContent","searchStyles","pickerSearch","absoluteFill","width","onLayout","e","nativeEvent","pointerEvents","autoFocus","keyboardShouldPersistTaps","map","isSelected","optionStyles","pickerOption","selected","optionTextStyles","pickerOptionText"],"sourceRoot":"../../../../src","sources":["components/phone-input/phone-input.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/phone-input/types.ts"],"mappings":"","ignoreList":[]}
|