@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.
Files changed (262) hide show
  1. package/AGENTS.md +32 -19
  2. package/dist/module/components/alert/components/alert-description.js.map +1 -1
  3. package/dist/module/components/button/components/button-label.js.map +1 -1
  4. package/dist/module/components/index.js +1 -0
  5. package/dist/module/components/index.js.map +1 -1
  6. package/dist/module/components/input/numeric-input.js +1 -1
  7. package/dist/module/components/input/numeric-input.js.map +1 -1
  8. package/dist/module/components/input/variants/default.js +9 -2
  9. package/dist/module/components/input/variants/default.js.map +1 -1
  10. package/dist/module/components/input/variants/secondary.js +9 -2
  11. package/dist/module/components/input/variants/secondary.js.map +1 -1
  12. package/dist/module/components/link/variants/default.js.map +1 -1
  13. package/dist/module/components/menu/components/menu-trigger.js +1 -1
  14. package/dist/module/components/menu/components/menu-trigger.js.map +1 -1
  15. package/dist/module/components/phone-input/index.js +4 -0
  16. package/dist/module/components/phone-input/index.js.map +1 -0
  17. package/dist/module/components/phone-input/phone-input.js +165 -0
  18. package/dist/module/components/phone-input/phone-input.js.map +1 -0
  19. package/dist/module/components/phone-input/types.js +4 -0
  20. package/dist/module/components/phone-input/types.js.map +1 -0
  21. package/dist/module/components/phone-input/variants/default.js +128 -0
  22. package/dist/module/components/phone-input/variants/default.js.map +1 -0
  23. package/dist/module/components/phone-input/variants/index.js +7 -0
  24. package/dist/module/components/phone-input/variants/index.js.map +1 -0
  25. package/dist/module/components/select/components/select-trigger.js +2 -2
  26. package/dist/module/components/select/components/select-trigger.js.map +1 -1
  27. package/dist/module/components/tabs/variants/default.js.map +1 -1
  28. package/dist/module/components/toast/components/toast-icon.js.map +1 -1
  29. package/dist/module/components/toast/manager.js +2 -2
  30. package/dist/module/components/toast/manager.js.map +1 -1
  31. package/dist/module/components/typography/variants/body-lg.js.map +1 -1
  32. package/dist/module/components/typography/variants/body-md.js.map +1 -1
  33. package/dist/module/components/typography/variants/body-sm.js.map +1 -1
  34. package/dist/module/components/typography/variants/heading-lg.js.map +1 -1
  35. package/dist/module/components/typography/variants/heading-md.js.map +1 -1
  36. package/dist/module/components/typography/variants/heading-sm.js.map +1 -1
  37. package/dist/module/data/countries.js +476 -0
  38. package/dist/module/data/countries.js.map +1 -0
  39. package/dist/module/hooks/index.js +1 -0
  40. package/dist/module/hooks/index.js.map +1 -1
  41. package/dist/module/hooks/use-phone-mask.js +121 -0
  42. package/dist/module/hooks/use-phone-mask.js.map +1 -0
  43. package/dist/module/hooks/use-relative-position.js.map +1 -1
  44. package/dist/module/index.js +2 -2
  45. package/dist/module/index.js.map +1 -1
  46. package/dist/module/themes/default/colors.js +28 -28
  47. package/dist/module/themes/default/colors.js.map +1 -1
  48. package/dist/module/themes/provider.js.map +1 -1
  49. package/dist/module/themes/utils.js.map +1 -1
  50. package/dist/module/utils/input-utils.js.map +1 -1
  51. package/dist/module/utils/normalize-layout.js.map +1 -1
  52. package/dist/module/utils/use-themed-styles.js.map +1 -1
  53. package/dist/typescript/src/components/alert/components/alert-body.d.ts.map +1 -1
  54. package/dist/typescript/src/components/alert/components/alert-description.d.ts +2 -2
  55. package/dist/typescript/src/components/alert/components/alert-description.d.ts.map +1 -1
  56. package/dist/typescript/src/components/alert/components/alert-icon.d.ts.map +1 -1
  57. package/dist/typescript/src/components/alert/components/alert-root.d.ts.map +1 -1
  58. package/dist/typescript/src/components/alert/components/alert-title.d.ts.map +1 -1
  59. package/dist/typescript/src/components/alert/variants/default.d.ts +1 -1
  60. package/dist/typescript/src/components/alert/variants/default.d.ts.map +1 -1
  61. package/dist/typescript/src/components/alert/variants/destructive.d.ts +1 -1
  62. package/dist/typescript/src/components/alert/variants/destructive.d.ts.map +1 -1
  63. package/dist/typescript/src/components/alert-dialog/components/alert-dialog-trigger.d.ts.map +1 -1
  64. package/dist/typescript/src/components/alert-dialog/variants/default.d.ts +1 -1
  65. package/dist/typescript/src/components/alert-dialog/variants/default.d.ts.map +1 -1
  66. package/dist/typescript/src/components/avatar/variants/default.d.ts +1 -1
  67. package/dist/typescript/src/components/avatar/variants/default.d.ts.map +1 -1
  68. package/dist/typescript/src/components/badge/components/badge-root.d.ts.map +1 -1
  69. package/dist/typescript/src/components/badge/variants/default.d.ts +1 -1
  70. package/dist/typescript/src/components/badge/variants/default.d.ts.map +1 -1
  71. package/dist/typescript/src/components/badge/variants/secondary.d.ts +1 -1
  72. package/dist/typescript/src/components/badge/variants/secondary.d.ts.map +1 -1
  73. package/dist/typescript/src/components/button/components/button-label.d.ts +2 -1
  74. package/dist/typescript/src/components/button/components/button-label.d.ts.map +1 -1
  75. package/dist/typescript/src/components/button/variants/default.d.ts +1 -1
  76. package/dist/typescript/src/components/button/variants/default.d.ts.map +1 -1
  77. package/dist/typescript/src/components/button/variants/secondary.d.ts +1 -1
  78. package/dist/typescript/src/components/button/variants/secondary.d.ts.map +1 -1
  79. package/dist/typescript/src/components/calendar/variants/default.d.ts +1 -1
  80. package/dist/typescript/src/components/calendar/variants/default.d.ts.map +1 -1
  81. package/dist/typescript/src/components/card/card-body.d.ts.map +1 -1
  82. package/dist/typescript/src/components/card/card-footer.d.ts.map +1 -1
  83. package/dist/typescript/src/components/card/card-header.d.ts.map +1 -1
  84. package/dist/typescript/src/components/card/card-root.d.ts.map +1 -1
  85. package/dist/typescript/src/components/card/card-title.d.ts.map +1 -1
  86. package/dist/typescript/src/components/card/variants/default.d.ts +1 -1
  87. package/dist/typescript/src/components/card/variants/default.d.ts.map +1 -1
  88. package/dist/typescript/src/components/checkbox/variants/default.d.ts +1 -1
  89. package/dist/typescript/src/components/checkbox/variants/default.d.ts.map +1 -1
  90. package/dist/typescript/src/components/checkbox/variants/outlined.d.ts +1 -1
  91. package/dist/typescript/src/components/checkbox/variants/outlined.d.ts.map +1 -1
  92. package/dist/typescript/src/components/empty/variants/default.d.ts +1 -1
  93. package/dist/typescript/src/components/empty/variants/default.d.ts.map +1 -1
  94. package/dist/typescript/src/components/field/variants/default.d.ts +1 -1
  95. package/dist/typescript/src/components/field/variants/default.d.ts.map +1 -1
  96. package/dist/typescript/src/components/icon/icon.d.ts.map +1 -1
  97. package/dist/typescript/src/components/index.d.ts +1 -0
  98. package/dist/typescript/src/components/index.d.ts.map +1 -1
  99. package/dist/typescript/src/components/input/input.d.ts.map +1 -1
  100. package/dist/typescript/src/components/input/numeric-input.d.ts +1 -1
  101. package/dist/typescript/src/components/input/numeric-input.d.ts.map +1 -1
  102. package/dist/typescript/src/components/input/variants/default.d.ts +1 -1
  103. package/dist/typescript/src/components/input/variants/default.d.ts.map +1 -1
  104. package/dist/typescript/src/components/input/variants/secondary.d.ts +1 -1
  105. package/dist/typescript/src/components/input/variants/secondary.d.ts.map +1 -1
  106. package/dist/typescript/src/components/link/variants/default.d.ts.map +1 -1
  107. package/dist/typescript/src/components/menu/components/menu-trigger.d.ts +1 -1
  108. package/dist/typescript/src/components/menu/components/menu-trigger.d.ts.map +1 -1
  109. package/dist/typescript/src/components/menu/context.d.ts.map +1 -1
  110. package/dist/typescript/src/components/menu/variants/default.d.ts +1 -1
  111. package/dist/typescript/src/components/menu/variants/default.d.ts.map +1 -1
  112. package/dist/typescript/src/components/phone-input/index.d.ts +3 -0
  113. package/dist/typescript/src/components/phone-input/index.d.ts.map +1 -0
  114. package/dist/typescript/src/components/phone-input/phone-input.d.ts +16 -0
  115. package/dist/typescript/src/components/phone-input/phone-input.d.ts.map +1 -0
  116. package/dist/typescript/src/components/phone-input/types.d.ts +15 -0
  117. package/dist/typescript/src/components/phone-input/types.d.ts.map +1 -0
  118. package/dist/typescript/src/components/phone-input/variants/default.d.ts +3 -0
  119. package/dist/typescript/src/components/phone-input/variants/default.d.ts.map +1 -0
  120. package/dist/typescript/src/components/phone-input/variants/index.d.ts +5 -0
  121. package/dist/typescript/src/components/phone-input/variants/index.d.ts.map +1 -0
  122. package/dist/typescript/src/components/popover/components/popover-trigger.d.ts.map +1 -1
  123. package/dist/typescript/src/components/popover/context.d.ts.map +1 -1
  124. package/dist/typescript/src/components/popover/variants/default.d.ts +1 -1
  125. package/dist/typescript/src/components/popover/variants/default.d.ts.map +1 -1
  126. package/dist/typescript/src/components/popover/variants/unstyled.d.ts +1 -1
  127. package/dist/typescript/src/components/popover/variants/unstyled.d.ts.map +1 -1
  128. package/dist/typescript/src/components/progress/variants/default.d.ts +1 -1
  129. package/dist/typescript/src/components/progress/variants/default.d.ts.map +1 -1
  130. package/dist/typescript/src/components/select/components/select-trigger.d.ts.map +1 -1
  131. package/dist/typescript/src/components/select/context.d.ts.map +1 -1
  132. package/dist/typescript/src/components/select/variants/default.d.ts +1 -1
  133. package/dist/typescript/src/components/select/variants/default.d.ts.map +1 -1
  134. package/dist/typescript/src/components/tabs/variants/default.d.ts +1 -1
  135. package/dist/typescript/src/components/tabs/variants/default.d.ts.map +1 -1
  136. package/dist/typescript/src/components/tabs/variants/line.d.ts +1 -1
  137. package/dist/typescript/src/components/tabs/variants/line.d.ts.map +1 -1
  138. package/dist/typescript/src/components/textarea/variants/default.d.ts +1 -1
  139. package/dist/typescript/src/components/textarea/variants/default.d.ts.map +1 -1
  140. package/dist/typescript/src/components/toast/components/toast-icon.d.ts +1 -1
  141. package/dist/typescript/src/components/toast/components/toast-icon.d.ts.map +1 -1
  142. package/dist/typescript/src/components/toast/manager.d.ts.map +1 -1
  143. package/dist/typescript/src/components/typography/variants/body-lg.d.ts.map +1 -1
  144. package/dist/typescript/src/components/typography/variants/body-md.d.ts.map +1 -1
  145. package/dist/typescript/src/components/typography/variants/body-sm.d.ts.map +1 -1
  146. package/dist/typescript/src/components/typography/variants/heading-lg.d.ts.map +1 -1
  147. package/dist/typescript/src/components/typography/variants/heading-md.d.ts.map +1 -1
  148. package/dist/typescript/src/components/typography/variants/heading-sm.d.ts.map +1 -1
  149. package/dist/typescript/src/data/countries.d.ts +17 -0
  150. package/dist/typescript/src/data/countries.d.ts.map +1 -0
  151. package/dist/typescript/src/hooks/index.d.ts +1 -0
  152. package/dist/typescript/src/hooks/index.d.ts.map +1 -1
  153. package/dist/typescript/src/hooks/use-phone-mask.d.ts +20 -0
  154. package/dist/typescript/src/hooks/use-phone-mask.d.ts.map +1 -0
  155. package/dist/typescript/src/hooks/use-relative-position.d.ts +1 -1
  156. package/dist/typescript/src/hooks/use-relative-position.d.ts.map +1 -1
  157. package/dist/typescript/src/index.d.ts +2 -2
  158. package/dist/typescript/src/index.d.ts.map +1 -1
  159. package/dist/typescript/src/themes/provider.d.ts +1 -1
  160. package/dist/typescript/src/themes/provider.d.ts.map +1 -1
  161. package/dist/typescript/src/themes/types.d.ts +1 -1
  162. package/dist/typescript/src/themes/types.d.ts.map +1 -1
  163. package/dist/typescript/src/themes/utils.d.ts.map +1 -1
  164. package/dist/typescript/src/utils/input-utils.d.ts.map +1 -1
  165. package/dist/typescript/src/utils/normalize-layout.d.ts +1 -1
  166. package/dist/typescript/src/utils/normalize-layout.d.ts.map +1 -1
  167. package/dist/typescript/src/utils/use-themed-styles.d.ts.map +1 -1
  168. package/package.json +1 -1
  169. package/src/components/alert/components/alert-body.tsx +1 -1
  170. package/src/components/alert/components/alert-description.tsx +5 -3
  171. package/src/components/alert/components/alert-icon.tsx +1 -1
  172. package/src/components/alert/components/alert-root.tsx +1 -1
  173. package/src/components/alert/components/alert-title.tsx +2 -2
  174. package/src/components/alert/variants/default.tsx +2 -2
  175. package/src/components/alert/variants/destructive.tsx +2 -2
  176. package/src/components/alert-dialog/components/alert-dialog-trigger.tsx +1 -1
  177. package/src/components/alert-dialog/variants/default.tsx +2 -2
  178. package/src/components/avatar/variants/default.tsx +2 -2
  179. package/src/components/badge/components/badge-label.tsx +1 -1
  180. package/src/components/badge/components/badge-root.tsx +2 -2
  181. package/src/components/badge/variants/default.tsx +2 -2
  182. package/src/components/badge/variants/secondary.tsx +2 -2
  183. package/src/components/button/components/button-label.tsx +3 -2
  184. package/src/components/button/variants/default.tsx +3 -3
  185. package/src/components/button/variants/secondary.tsx +3 -3
  186. package/src/components/calendar/components/calendar-day.tsx +1 -1
  187. package/src/components/calendar/components/calendar-nav-button.tsx +1 -1
  188. package/src/components/calendar/components/calendar-title.tsx +1 -1
  189. package/src/components/calendar/components/calendar-weeks.tsx +1 -1
  190. package/src/components/calendar/variants/default.tsx +2 -2
  191. package/src/components/card/card-body.tsx +2 -2
  192. package/src/components/card/card-footer.tsx +2 -2
  193. package/src/components/card/card-header.tsx +2 -2
  194. package/src/components/card/card-root.tsx +2 -2
  195. package/src/components/card/card-title.tsx +3 -3
  196. package/src/components/card/variants/default.tsx +2 -2
  197. package/src/components/checkbox/variants/default.tsx +2 -2
  198. package/src/components/checkbox/variants/outlined.tsx +2 -2
  199. package/src/components/empty/variants/default.tsx +2 -2
  200. package/src/components/field/variants/default.tsx +2 -2
  201. package/src/components/icon/icon.tsx +1 -1
  202. package/src/components/icon/variants/default.tsx +1 -1
  203. package/src/components/index.ts +1 -0
  204. package/src/components/input/input.tsx +1 -1
  205. package/src/components/input/numeric-input.tsx +8 -2
  206. package/src/components/input/variants/default.tsx +10 -3
  207. package/src/components/input/variants/secondary.tsx +10 -3
  208. package/src/components/link/variants/default.tsx +2 -2
  209. package/src/components/menu/components/menu-content.tsx +1 -1
  210. package/src/components/menu/components/menu-root.tsx +1 -1
  211. package/src/components/menu/components/menu-trigger.tsx +40 -38
  212. package/src/components/menu/context.ts +1 -1
  213. package/src/components/menu/variants/default.tsx +2 -2
  214. package/src/components/phone-input/index.ts +2 -0
  215. package/src/components/phone-input/phone-input.tsx +220 -0
  216. package/src/components/phone-input/types.ts +20 -0
  217. package/src/components/phone-input/variants/default.tsx +124 -0
  218. package/src/components/phone-input/variants/index.ts +5 -0
  219. package/src/components/popover/components/popover-content.tsx +2 -2
  220. package/src/components/popover/components/popover-root.tsx +1 -1
  221. package/src/components/popover/components/popover-trigger.tsx +2 -2
  222. package/src/components/popover/context.ts +1 -1
  223. package/src/components/popover/variants/default.tsx +2 -2
  224. package/src/components/popover/variants/unstyled.tsx +2 -2
  225. package/src/components/progress/components/progress-indicator.tsx +1 -1
  226. package/src/components/progress/components/progress-root.tsx +1 -1
  227. package/src/components/progress/variants/default.tsx +2 -2
  228. package/src/components/scroll-bar/scroll-bar.tsx +1 -1
  229. package/src/components/select/components/select-content.tsx +2 -2
  230. package/src/components/select/components/select-option.tsx +1 -1
  231. package/src/components/select/components/select-overlay.tsx +1 -1
  232. package/src/components/select/components/select-root.tsx +2 -2
  233. package/src/components/select/components/select-trigger.tsx +35 -9
  234. package/src/components/select/context.ts +1 -1
  235. package/src/components/select/variants/default.tsx +2 -2
  236. package/src/components/tabs/variants/default.tsx +2 -2
  237. package/src/components/tabs/variants/line.tsx +2 -2
  238. package/src/components/textarea/variants/default.tsx +2 -2
  239. package/src/components/toast/components/toast-icon.tsx +8 -2
  240. package/src/components/toast/manager.tsx +11 -4
  241. package/src/components/toast/variants/danger.tsx +1 -1
  242. package/src/components/toast/variants/default.tsx +1 -1
  243. package/src/components/toast/variants/success.tsx +1 -1
  244. package/src/components/typography/variants/body-lg.tsx +1 -1
  245. package/src/components/typography/variants/body-md.tsx +1 -1
  246. package/src/components/typography/variants/body-sm.tsx +1 -1
  247. package/src/components/typography/variants/heading-lg.tsx +1 -1
  248. package/src/components/typography/variants/heading-md.tsx +1 -1
  249. package/src/components/typography/variants/heading-sm.tsx +1 -1
  250. package/src/data/countries.ts +88 -0
  251. package/src/hooks/index.ts +1 -0
  252. package/src/hooks/use-phone-mask.ts +183 -0
  253. package/src/hooks/use-relative-position.ts +94 -18
  254. package/src/index.tsx +8 -3
  255. package/src/themes/default/colors.ts +28 -28
  256. package/src/themes/provider.tsx +23 -5
  257. package/src/themes/types.ts +1 -1
  258. package/src/themes/utils.ts +5 -2
  259. package/src/utils/input-utils.ts +5 -2
  260. package/src/utils/normalize-layout.ts +5 -2
  261. package/src/utils/use-themed-styles.ts +11 -3
  262. 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 "@/utils/use-themed-styles";
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 "@/utils/use-themed-styles";
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 "@/utils/use-themed-styles";
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 | Usage |
484
- |-------|-------|
485
- | `colors.background` | Main background color |
486
- | `colors.foreground` | Main text color |
487
- | `colors.primary` | Primary action color |
488
- | `colors.muted` | Subtle background (hover states) |
489
- | `colors.border` | Border color |
490
- | `radius` | Border radius value |
491
- | `fontSize` | Base font size |
492
- | `fontFamily` | Font family string |
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: '#007AFF'
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: '16px'
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":";;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,QAAQ;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAQtC,OAAO,SAASC,gBAAgBA,CAACC,KAA6C,EAAE;EAC9E,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
+ {"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":";;AAAA,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":[]}
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":["useNumericMask","React","useEffect","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,SAASA,cAAc;AACvB,OAAOC,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,KAAK;AAAmC,SAAAC,GAAA,IAAAC,IAAA;AAgBjD,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,GAAGpB,cAAc,CAAC;IACjCS,MAAM;IACNC,MAAM;IACNC,QAAQ;IACRC,SAAS;IACTC,GAAG;IACHC,GAAG;IACHC,aAAa;IACbP;EACF,CAAC,CAAC;EAEFN,SAAS,CAAC,MAAM;IACd,IAAIK,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
+ {"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","height","color","foreground","focused","disabled","muted"],"sourceRoot":"../../../../../src","sources":["components/input/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe;AAExB,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;QACrBC,YAAY,EAAE,CAAC;QACfhB,UAAU;QACVC,QAAQ;QACRgB,MAAM,EAAE,EAAE;QACVC,KAAK,EAAEpB,MAAM,CAACqB;MAChB;IACF,CAAC;IACDC,OAAO,EAAE;MACPb,KAAK,EAAE;QACLE,WAAW,EAAEX,MAAM,CAACQ;MACtB;IACF,CAAC;IACDe,QAAQ,EAAE;MACRd,KAAK,EAAE;QACLW,KAAK,EAAEpB,MAAM,CAACM,eAAe;QAC7BQ,eAAe,EAAEd,MAAM,CAACwB;MAC1B;IACF;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}
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","height","color","foreground","focused","disabled","muted"],"sourceRoot":"../../../../../src","sources":["components/input/variants/secondary.tsx"],"mappings":";;AACA,SAASA,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;QACrBC,YAAY,EAAE,CAAC;QACfhB,UAAU;QACVC,QAAQ;QACRgB,MAAM,EAAE,EAAE;QACVC,KAAK,EAAEpB,MAAM,CAACqB;MAChB;IACF,CAAC;IACDC,OAAO,EAAE;MACPb,KAAK,EAAE;QACLE,WAAW,EAAEX,MAAM,CAACQ;MACtB;IACF,CAAC;IACDe,QAAQ,EAAE;MACRd,KAAK,EAAE;QACLW,KAAK,EAAEpB,MAAM,CAACM,eAAe;QAC7BQ,eAAe,EAAEd,MAAM,CAACwB;MAC1B;IACF;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}
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":";;AAAA,SAASA,eAAe;AAGxB,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
+ {"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":["measureLayoutPosition","React","forwardRef","useImperativeHandle","useRef","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":";;AACA,SAASA,qBAAqB;AAC9B,OAAOC,KAAK,IAAIC,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,QAAQ,OAAO;AAEtE,SAASC,OAAO;AAWhB,OAAO,MAAMC,WAAW,gBAAGJ,UAAU,CAAmC,CAACK,KAAK,EAAEC,GAAG,KAAK;EACtF,MAAMC,IAAI,GAAGJ,OAAO,CAAC,CAAC;EACtB,MAAMK,UAAU,GAAGN,MAAM,CAAU,IAAI,CAAC;EAExC,MAAMO,cAAc,GAAG,MAAAA,CAAA,KAAY;IACjC,IAAI,CAACF,IAAI,CAACG,MAAM,EAAE;MAChBZ,qBAAqB,CAACU,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;EAEDb,mBAAmB,CAACK,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,oBAAOf,KAAK,CAACuB,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,CAAC,CAAC;AAEFD,WAAW,CAAC0B,WAAW,GAAG,aAAa","ignoreList":[]}
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,4 @@
1
+ "use strict";
2
+
3
+ export { PhoneInput } from "./phone-input.js";
4
+ //# sourceMappingURL=index.js.map
@@ -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,4 @@
1
+ "use strict";
2
+
3
+ export {};
4
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/phone-input/types.ts"],"mappings":"","ignoreList":[]}