@cascivo/react 0.8.0 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (287) hide show
  1. package/README.md +24 -11
  2. package/dist/combobox/combobox.js +73 -73
  3. package/dist/command-menu/command-menu.js +2 -2
  4. package/dist/date-picker/date-picker.js +95 -95
  5. package/dist/field/field.js +24 -15
  6. package/dist/filter/filter.js +12 -12
  7. package/dist/index.d.ts +74 -8
  8. package/dist/index.js +2 -0
  9. package/dist/node/accordion/accordion.js +95 -0
  10. package/dist/node/accordion/accordion.module.js +13 -0
  11. package/dist/node/action-sheet/action-sheet.js +91 -0
  12. package/dist/node/action-sheet/action-sheet.module.js +14 -0
  13. package/dist/node/alert/alert.js +55 -0
  14. package/dist/node/alert/alert.module.js +13 -0
  15. package/dist/node/alert-dialog/alert-dialog.js +68 -0
  16. package/dist/node/alert-dialog/alert-dialog.module.js +13 -0
  17. package/dist/node/app-shell/app-shell.js +80 -0
  18. package/dist/node/app-shell/app-shell.module.js +14 -0
  19. package/dist/node/aspect-ratio/aspect-ratio.js +22 -0
  20. package/dist/node/aspect-ratio/aspect-ratio.module.js +8 -0
  21. package/dist/node/avatar/avatar.js +57 -0
  22. package/dist/node/avatar/avatar.module.js +10 -0
  23. package/dist/node/avatar-group/avatar-group.js +26 -0
  24. package/dist/node/avatar-group/avatar-group.module.js +8 -0
  25. package/dist/node/badge/badge.js +17 -0
  26. package/dist/node/badge/badge.module.js +5 -0
  27. package/dist/node/blockquote/blockquote.js +18 -0
  28. package/dist/node/blockquote/blockquote.module.js +8 -0
  29. package/dist/node/bottom-sheet/bottom-sheet.js +111 -0
  30. package/dist/node/bottom-sheet/bottom-sheet.module.js +16 -0
  31. package/dist/node/breadcrumb/breadcrumb.js +28 -0
  32. package/dist/node/breadcrumb/breadcrumb.module.js +5 -0
  33. package/dist/node/button/button.js +31 -0
  34. package/dist/node/button/button.module.js +5 -0
  35. package/dist/node/button-group/button-group.js +39 -0
  36. package/dist/node/button-group/button-group.module.js +5 -0
  37. package/dist/node/calendar/calendar.js +195 -0
  38. package/dist/node/calendar/calendar.module.js +16 -0
  39. package/dist/node/card/card.js +45 -0
  40. package/dist/node/card/card.module.js +11 -0
  41. package/dist/node/carousel/carousel.js +138 -0
  42. package/dist/node/carousel/carousel.module.js +15 -0
  43. package/dist/node/chat-bubble/chat-bubble.js +33 -0
  44. package/dist/node/chat-bubble/chat-bubble.module.js +13 -0
  45. package/dist/node/checkbox/checkbox.js +38 -0
  46. package/dist/node/checkbox/checkbox.module.js +10 -0
  47. package/dist/node/checkbox-card/checkbox-card.js +48 -0
  48. package/dist/node/checkbox-card/checkbox-card.module.js +13 -0
  49. package/dist/node/code/code.js +16 -0
  50. package/dist/node/code/code.module.js +5 -0
  51. package/dist/node/code-snippet/code-snippet.js +116 -0
  52. package/dist/node/code-snippet/code-snippet.module.js +19 -0
  53. package/dist/node/code-snippet/highlight.js +69 -0
  54. package/dist/node/collapsible/collapsible.js +42 -0
  55. package/dist/node/collapsible/collapsible.module.js +10 -0
  56. package/dist/node/color-picker/color-picker.js +268 -0
  57. package/dist/node/color-picker/color-picker.module.js +20 -0
  58. package/dist/node/combobox/combobox.js +164 -0
  59. package/dist/node/combobox/combobox.module.js +21 -0
  60. package/dist/node/command-menu/command-menu.js +425 -0
  61. package/dist/node/command-menu/command-menu.module.js +36 -0
  62. package/dist/node/comparison/comparison.js +69 -0
  63. package/dist/node/comparison/comparison.module.js +11 -0
  64. package/dist/node/contained-list/contained-list.js +41 -0
  65. package/dist/node/contained-list/contained-list.module.js +13 -0
  66. package/dist/node/context-menu/context-menu.js +89 -0
  67. package/dist/node/context-menu/context-menu.module.js +9 -0
  68. package/dist/node/copy-button/copy-button.js +58 -0
  69. package/dist/node/copy-button/copy-button.module.js +8 -0
  70. package/dist/node/data-list/data-list.js +27 -0
  71. package/dist/node/data-list/data-list.module.js +10 -0
  72. package/dist/node/data-table/data-table.js +370 -0
  73. package/dist/node/data-table/data-table.module.js +35 -0
  74. package/dist/node/date-picker/date-picker.js +218 -0
  75. package/dist/node/date-picker/date-picker.module.js +25 -0
  76. package/dist/node/date-range-picker/date-range-picker.js +196 -0
  77. package/dist/node/date-range-picker/date-range-picker.module.js +20 -0
  78. package/dist/node/dock/dock.js +34 -0
  79. package/dist/node/dock/dock.module.js +10 -0
  80. package/dist/node/drawer/drawer.js +95 -0
  81. package/dist/node/drawer/drawer.module.js +15 -0
  82. package/dist/node/dropdown/dropdown.js +109 -0
  83. package/dist/node/dropdown/dropdown.module.js +11 -0
  84. package/dist/node/editable/editable.js +67 -0
  85. package/dist/node/editable/editable.module.js +13 -0
  86. package/dist/node/empty-state/empty-state.js +34 -0
  87. package/dist/node/empty-state/empty-state.module.js +11 -0
  88. package/dist/node/fab/fab.js +93 -0
  89. package/dist/node/fab/fab.module.js +14 -0
  90. package/dist/node/field/field.js +48 -0
  91. package/dist/node/field/field.module.js +9 -0
  92. package/dist/node/file-uploader/file-uploader.js +122 -0
  93. package/dist/node/file-uploader/file-uploader.module.js +20 -0
  94. package/dist/node/filter/filter.js +34 -0
  95. package/dist/node/filter/filter.module.js +8 -0
  96. package/dist/node/form/form.js +95 -0
  97. package/dist/node/form/form.module.js +5 -0
  98. package/dist/node/header/header.js +44 -0
  99. package/dist/node/header/header.module.js +13 -0
  100. package/dist/node/header-panel/header-panel.js +74 -0
  101. package/dist/node/header-panel/header-panel.module.js +11 -0
  102. package/dist/node/heading/heading.js +24 -0
  103. package/dist/node/heading/heading.module.js +5 -0
  104. package/dist/node/hover-card/hover-card.js +84 -0
  105. package/dist/node/hover-card/hover-card.module.js +8 -0
  106. package/dist/node/icon-button/icon-button.js +21 -0
  107. package/dist/node/icon-button/icon-button.module.js +5 -0
  108. package/dist/node/image/image.js +64 -0
  109. package/dist/node/image/image.module.js +11 -0
  110. package/dist/node/index.js +2 -0
  111. package/dist/node/indicator/indicator.js +18 -0
  112. package/dist/node/indicator/indicator.module.js +8 -0
  113. package/dist/node/inline-loading/inline-loading.js +76 -0
  114. package/dist/node/inline-loading/inline-loading.module.js +11 -0
  115. package/dist/node/input/input.js +54 -0
  116. package/dist/node/input/input.module.js +11 -0
  117. package/dist/node/input-group/input-group.js +41 -0
  118. package/dist/node/input-group/input-group.module.js +11 -0
  119. package/dist/node/item/item.js +52 -0
  120. package/dist/node/item/item.module.js +12 -0
  121. package/dist/node/join/join.js +14 -0
  122. package/dist/node/join/join.module.js +5 -0
  123. package/dist/node/kbd/kbd.js +16 -0
  124. package/dist/node/kbd/kbd.module.js +5 -0
  125. package/dist/node/label/label.js +25 -0
  126. package/dist/node/label/label.module.js +9 -0
  127. package/dist/node/layouts/src/auto-grid/auto-grid.js +19 -0
  128. package/dist/node/layouts/src/auto-grid/auto-grid.module.js +6 -0
  129. package/dist/node/layouts/src/center/center.js +18 -0
  130. package/dist/node/layouts/src/center/center.module.js +5 -0
  131. package/dist/node/layouts/src/columns/columns.js +23 -0
  132. package/dist/node/layouts/src/columns/columns.module.js +8 -0
  133. package/dist/node/layouts/src/flex/flex.js +22 -0
  134. package/dist/node/layouts/src/flex/flex.module.js +5 -0
  135. package/dist/node/layouts/src/grid/grid.js +57 -0
  136. package/dist/node/layouts/src/grid/grid.module.js +9 -0
  137. package/dist/node/layouts/src/spacer/spacer.js +19 -0
  138. package/dist/node/layouts/src/spacer/spacer.module.js +5 -0
  139. package/dist/node/link/link.js +22 -0
  140. package/dist/node/link/link.module.js +5 -0
  141. package/dist/node/list/list.js +23 -0
  142. package/dist/node/list/list.module.js +8 -0
  143. package/dist/node/log-viewer/log-viewer.js +184 -0
  144. package/dist/node/log-viewer/log-viewer.module.js +18 -0
  145. package/dist/node/menu/menu.js +121 -0
  146. package/dist/node/menu/menu.module.js +10 -0
  147. package/dist/node/menu-button/menu-button.js +92 -0
  148. package/dist/node/menu-button/menu-button.module.js +10 -0
  149. package/dist/node/menubar/menubar.js +103 -0
  150. package/dist/node/menubar/menubar.module.js +10 -0
  151. package/dist/node/modal/modal.js +70 -0
  152. package/dist/node/modal/modal.module.js +13 -0
  153. package/dist/node/multi-select/multi-select.js +106 -0
  154. package/dist/node/multi-select/multi-select.module.js +17 -0
  155. package/dist/node/native-select/native-select.js +37 -0
  156. package/dist/node/native-select/native-select.module.js +9 -0
  157. package/dist/node/navigation-menu/navigation-menu.js +99 -0
  158. package/dist/node/navigation-menu/navigation-menu.module.js +12 -0
  159. package/dist/node/notification/notification.js +134 -0
  160. package/dist/node/notification/notification.module.js +13 -0
  161. package/dist/node/number-input/number-input.js +145 -0
  162. package/dist/node/number-input/number-input.module.js +14 -0
  163. package/dist/node/otp-input/otp-input.js +70 -0
  164. package/dist/node/otp-input/otp-input.module.js +8 -0
  165. package/dist/node/overflow-menu/overflow-menu.js +65 -0
  166. package/dist/node/overflow-menu/overflow-menu.module.js +9 -0
  167. package/dist/node/pagination/pagination.js +92 -0
  168. package/dist/node/pagination/pagination.module.js +13 -0
  169. package/dist/node/password-input/password-input.js +80 -0
  170. package/dist/node/password-input/password-input.module.js +13 -0
  171. package/dist/node/popover/popover.js +49 -0
  172. package/dist/node/popover/popover.module.js +8 -0
  173. package/dist/node/popover/use-popover.js +57 -0
  174. package/dist/node/progress/progress.js +17 -0
  175. package/dist/node/progress/progress.module.js +8 -0
  176. package/dist/node/progress-bar/progress-bar.js +44 -0
  177. package/dist/node/progress-bar/progress-bar.module.js +13 -0
  178. package/dist/node/progress-circle/progress-circle.js +48 -0
  179. package/dist/node/progress-circle/progress-circle.module.js +11 -0
  180. package/dist/node/progress-indicator/progress-indicator.js +36 -0
  181. package/dist/node/progress-indicator/progress-indicator.module.js +12 -0
  182. package/dist/node/prose/prose.js +15 -0
  183. package/dist/node/prose/prose.module.js +5 -0
  184. package/dist/node/pull-to-refresh/pull-to-refresh.js +82 -0
  185. package/dist/node/pull-to-refresh/pull-to-refresh.module.js +11 -0
  186. package/dist/node/qr-code/encode.js +585 -0
  187. package/dist/node/qr-code/qr-code.js +41 -0
  188. package/dist/node/qr-code/qr-code.module.js +8 -0
  189. package/dist/node/radial-progress/radial-progress.js +28 -0
  190. package/dist/node/radial-progress/radial-progress.module.js +8 -0
  191. package/dist/node/radio/radio.js +49 -0
  192. package/dist/node/radio/radio.module.js +11 -0
  193. package/dist/node/radio-card/radio-card.js +63 -0
  194. package/dist/node/radio-card/radio-card.module.js +13 -0
  195. package/dist/node/rating-group/rating-group.js +37 -0
  196. package/dist/node/rating-group/rating-group.module.js +8 -0
  197. package/dist/node/react/src/index.js +138 -0
  198. package/dist/node/react/src/theme.js +54 -0
  199. package/dist/node/relative-time/relative-time.js +66 -0
  200. package/dist/node/relative-time/relative-time.module.js +5 -0
  201. package/dist/node/resizable/resizable.js +80 -0
  202. package/dist/node/resizable/resizable.module.js +10 -0
  203. package/dist/node/scroll-area/scroll-area.js +38 -0
  204. package/dist/node/scroll-area/scroll-area.module.js +5 -0
  205. package/dist/node/search/search.js +94 -0
  206. package/dist/node/search/search.module.js +11 -0
  207. package/dist/node/segmented-control/segmented-control.js +43 -0
  208. package/dist/node/segmented-control/segmented-control.module.js +8 -0
  209. package/dist/node/select/select.js +71 -0
  210. package/dist/node/select/select.module.js +13 -0
  211. package/dist/node/separator/separator.js +21 -0
  212. package/dist/node/separator/separator.module.js +5 -0
  213. package/dist/node/sheet/sheet.js +50 -0
  214. package/dist/node/sheet/sheet.module.js +11 -0
  215. package/dist/node/shell-header/shell-header.js +166 -0
  216. package/dist/node/shell-header/shell-header.module.js +25 -0
  217. package/dist/node/side-nav/side-nav.js +333 -0
  218. package/dist/node/side-nav/side-nav.module.js +33 -0
  219. package/dist/node/skeleton/skeleton.js +25 -0
  220. package/dist/node/skeleton/skeleton.module.js +9 -0
  221. package/dist/node/skip-nav/skip-nav.js +27 -0
  222. package/dist/node/skip-nav/skip-nav.module.js +5 -0
  223. package/dist/node/slider/slider.js +29 -0
  224. package/dist/node/slider/slider.module.js +9 -0
  225. package/dist/node/spinner/spinner.js +18 -0
  226. package/dist/node/spinner/spinner.module.js +8 -0
  227. package/dist/node/stack/stack.js +19 -0
  228. package/dist/node/stack/stack.module.js +8 -0
  229. package/dist/node/stat/stat.js +41 -0
  230. package/dist/node/stat/stat.module.js +13 -0
  231. package/dist/node/status/status.js +20 -0
  232. package/dist/node/status/status.module.js +9 -0
  233. package/dist/node/steps/steps.js +35 -0
  234. package/dist/node/steps/steps.module.js +10 -0
  235. package/dist/node/storage/src/drivers.js +36 -0
  236. package/dist/node/storage/src/persisted-signal.js +43 -0
  237. package/dist/node/structured-list/structured-list.js +101 -0
  238. package/dist/node/structured-list/structured-list.module.js +14 -0
  239. package/dist/node/swap/swap.js +36 -0
  240. package/dist/node/swap/swap.module.js +9 -0
  241. package/dist/node/swipe-item/swipe-item.js +62 -0
  242. package/dist/node/swipe-item/swipe-item.module.js +14 -0
  243. package/dist/node/switcher/switcher.js +32 -0
  244. package/dist/node/switcher/switcher.module.js +10 -0
  245. package/dist/node/tabs/tabs.js +95 -0
  246. package/dist/node/tabs/tabs.module.js +10 -0
  247. package/dist/node/tag/tag.js +26 -0
  248. package/dist/node/tag/tag.module.js +8 -0
  249. package/dist/node/tags-input/tags-input.js +64 -0
  250. package/dist/node/tags-input/tags-input.module.js +10 -0
  251. package/dist/node/text/text.js +18 -0
  252. package/dist/node/text/text.module.js +5 -0
  253. package/dist/node/textarea/textarea.js +56 -0
  254. package/dist/node/textarea/textarea.module.js +11 -0
  255. package/dist/node/tile/tile.js +39 -0
  256. package/dist/node/tile/tile.module.js +9 -0
  257. package/dist/node/time-picker/time-picker.js +62 -0
  258. package/dist/node/time-picker/time-picker.module.js +11 -0
  259. package/dist/node/timeline/timeline.js +41 -0
  260. package/dist/node/timeline/timeline.module.js +13 -0
  261. package/dist/node/toast/toast.js +85 -0
  262. package/dist/node/toast/toast.module.js +13 -0
  263. package/dist/node/toc/toc.js +42 -0
  264. package/dist/node/toc/toc.module.js +5 -0
  265. package/dist/node/toc/use-toc-from-region.js +18 -0
  266. package/dist/node/toggle/toggle.js +39 -0
  267. package/dist/node/toggle/toggle.module.js +10 -0
  268. package/dist/node/toggle-group/toggle-group.js +55 -0
  269. package/dist/node/toggle-group/toggle-group.module.js +8 -0
  270. package/dist/node/toggletip/toggletip.js +49 -0
  271. package/dist/node/toggletip/toggletip.module.js +9 -0
  272. package/dist/node/tooltip/tooltip.js +58 -0
  273. package/dist/node/tooltip/tooltip.module.js +8 -0
  274. package/dist/node/tree-view/tree-view.js +201 -0
  275. package/dist/node/tree-view/tree-view.module.js +15 -0
  276. package/dist/node/user/user.js +37 -0
  277. package/dist/node/user/user.module.js +11 -0
  278. package/dist/node/visually-hidden/visually-hidden.js +15 -0
  279. package/dist/node/visually-hidden/visually-hidden.module.js +5 -0
  280. package/dist/number-input/number-input.js +41 -41
  281. package/dist/react/src/theme.js +42 -31
  282. package/dist/search/search.js +35 -35
  283. package/dist/swap/swap.js +12 -12
  284. package/dist/time-picker/time-picker.js +24 -24
  285. package/dist/toggle/toggle.js +12 -12
  286. package/package.json +7 -6
  287. package/readme.body.md +24 -11
package/README.md CHANGED
@@ -36,12 +36,17 @@ supplies the tokens and themes the components read.
36
36
  Charts live in a separate package — add [`@cascivo/charts`](https://github.com/cascivo/cascivo/tree/main/packages/charts)
37
37
  for `LineChart`, `AreaChart`, `BarChart`, `Sparkline`, and more.
38
38
 
39
+ > **Types are the reference.** The shipped `dist/index.d.ts` is a self-contained, flat
40
+ > rollup — every component's `…Props` interface is real, documentation-grade API. Reading
41
+ > it (or the per-component [`/llms/<name>.md`](https://cascivo.com/llms.txt)) is the fastest
42
+ > way to learn a component's props with no web access.
43
+
39
44
  ### Framework setup (Next.js App Router)
40
45
 
41
46
  In a Server Component file (e.g. `app/layout.tsx`), import the themes once:
42
47
 
43
48
  ```tsx
44
- import '@cascivo/themes/all'
49
+ import '@cascivo/themes/all.css'
45
50
  ```
46
51
 
47
52
  Component CSS ships **per component** and is pulled in automatically when you
@@ -58,19 +63,27 @@ RSC without any extra wrapper.
58
63
  > only if you prefer one explicit stylesheet over per-component tree-shaking, or
59
64
  > for Vite SSR (below), where it is required.
60
65
 
61
- > **Vite SSR / TanStack Start / Remix / workerd?** Those per-component `.css`
62
- > imports need a bundler to resolve them; a bare server-side ESM loader throws
63
- > `Unknown file extension ".css"`. Add `ssr: { noExternal: [/^@cascivo\//] }` (or
64
- > the `cascivoSsr()` plugin from `@cascivo/vite-plugin`) and import
65
- > `@cascivo/react/styles.css` once in your root entry. Full recipe:
66
- > [USING-WITH-VITE-SSR.md](https://github.com/cascivo/cascivo/blob/main/docs/USING-WITH-VITE-SSR.md).
66
+ > **Vite SSR / TanStack Start / Remix / workerd?** The 4-line SSR checklist (full
67
+ > recipe: [USING-WITH-VITE-SSR.md](https://github.com/cascivo/cascivo/blob/main/docs/USING-WITH-VITE-SSR.md)):
68
+ >
69
+ > 1. **`ssr: { noExternal: [/^@cascivo\//] }`** in `vite.config` (or the
70
+ > `cascivoSsr()` plugin from `@cascivo/vite-plugin`). Without it a bare
71
+ > server-side ESM loader can't resolve the per-component `.css` side-effect
72
+ > imports and throws `Unknown file extension ".css"`.
73
+ > 2. **`@preact/signals-react` 3.x** — on React 19 the 2.x line fails to load. The
74
+ > peer range enforces `>=3`.
75
+ > 3. **Import the CSS once** in your root entry: `@cascivo/react/styles.css` +
76
+ > `@cascivo/themes/all` (+ `@cascivo/charts/styles.css` if you use charts).
77
+ > 4. **Theme without a mismatch:** inline `themePreloadScript()` in `<head>` and add
78
+ > `suppressHydrationWarning` to `<html>`, or hard-code `data-theme` for a fixed theme.
79
+ >
67
80
  > Next.js App Router needs none of this.
68
81
 
69
82
  ## Use
70
83
 
71
84
  ```tsx
72
85
  // once, in your entry file — themes are the only global import
73
- import '@cascivo/themes/all' // tokens (once) + base typography + light & dark
86
+ import '@cascivo/themes/all.css' // tokens (once) + base typography + light & dark
74
87
 
75
88
  // anywhere — each component brings its own CSS along
76
89
  import { Button, Card, CardContent, Toggle } from '@cascivo/react'
@@ -97,9 +110,9 @@ Prefer à-la-carte? Import only the themes you need — each self-imports the to
97
110
  (deduped by URL, so light + dark load tokens once):
98
111
 
99
112
  ```tsx
100
- import '@cascivo/themes/base' // base typography (font/line-height/color)
101
- import '@cascivo/themes/light'
102
- import '@cascivo/themes/dark'
113
+ import '@cascivo/themes/base.css' // base typography (font/line-height/color)
114
+ import '@cascivo/themes/light.css'
115
+ import '@cascivo/themes/dark.css'
103
116
  ```
104
117
 
105
118
  Scope a theme with `data-theme="light" | "dark" | "warm"` on any container. Brand
package/dist/combobox/combobox.js CHANGED
@@ -13,149 +13,149 @@ var p = n({
13
13
  open: { on: { CLOSE: "closed" } }
14
14
  }
15
15
  });
16
- function m({ options: n, value: m, defaultValue: h, onChange: g, clearable: _ = !1, searchable: v = !0, label: y, hint: b, error: x, size: S = "md", disabled: C = !1, labels: w, className: T, id: E }) {
16
+ function m({ options: n, value: m, defaultValue: h, onValueChange: g, onChange: _, clearable: v = !1, searchable: y = !0, label: b, hint: x, error: S, size: C = "md", disabled: w = !1, labels: T, className: E, id: D }) {
17
17
  o();
18
- let [D, O] = r(p), k = d(), A = E ?? `cascade-combobox-${k}`, j = `${k}-listbox`, M = f(null), N = w?.placeholder ?? c(s.combobox.placeholder), P = w?.empty ?? c(s.combobox.empty), F = w?.clear ?? c(s.combobox.clear), I = w?.search ?? c(s.combobox.search), L = i(m ?? h);
19
- m !== void 0 && (L.value = m);
20
- let R = i(""), z = i(0), B = D.value === "open", V = n.filter((e) => !v || !R.value ? !0 : e.label.toLowerCase().includes(R.value.toLowerCase())), H = n.find((e) => e.value === L.value);
18
+ let [O, k] = r(p), A = d(), j = D ?? `cascade-combobox-${A}`, M = `${A}-listbox`, N = f(null), P = T?.placeholder ?? c(s.combobox.placeholder), F = T?.empty ?? c(s.combobox.empty), I = T?.clear ?? c(s.combobox.clear), L = T?.search ?? c(s.combobox.search), R = i(m ?? h);
19
+ m !== void 0 && (R.value = m);
20
+ let z = i(""), B = i(0), V = O.value === "open", H = n.filter((e) => !y || !z.value ? !0 : e.label.toLowerCase().includes(z.value.toLowerCase())), U = n.find((e) => e.value === R.value);
21
21
  a(() => {
22
- if (!B) return;
22
+ if (!V) return;
23
23
  let e = (e) => {
24
- let t = document.getElementById(`${k}-root`);
25
- t && !t.contains(e.target) && O("CLOSE");
24
+ let t = document.getElementById(`${A}-root`);
25
+ t && !t.contains(e.target) && k("CLOSE");
26
26
  };
27
27
  return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
28
28
  });
29
- let U = () => {
30
- C || (R.value = "", z.value = 0, O("OPEN"), setTimeout(() => M.current?.focus(), 0));
31
- }, W = () => {
32
- O("CLOSE"), R.value = "";
33
- }, G = (e) => {
34
- m === void 0 && (L.value = e), g?.(e), W();
35
- }, K = () => {
36
- m === void 0 && (L.value = void 0), g?.(void 0);
37
- }, q = V.flatMap((e, t) => e.disabled ? [] : [t]), J = (e) => {
38
- if (q.length === 0) return;
39
- let t = q[(q.indexOf(z.value) + e + q.length) % q.length];
40
- t !== void 0 && (z.value = t);
41
- }, Y = (e) => {
42
- (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), U());
43
- }, X = (e) => {
29
+ let W = () => {
30
+ w || (z.value = "", B.value = 0, k("OPEN"), setTimeout(() => N.current?.focus(), 0));
31
+ }, G = () => {
32
+ k("CLOSE"), z.value = "";
33
+ }, K = g ?? _, q = (e) => {
34
+ m === void 0 && (R.value = e), K?.(e), G();
35
+ }, J = () => {
36
+ m === void 0 && (R.value = void 0), K?.(void 0);
37
+ }, Y = H.flatMap((e, t) => e.disabled ? [] : [t]), X = (e) => {
38
+ if (Y.length === 0) return;
39
+ let t = Y[(Y.indexOf(B.value) + e + Y.length) % Y.length];
40
+ t !== void 0 && (B.value = t);
41
+ }, Z = (e) => {
42
+ (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), W());
43
+ }, Q = (e) => {
44
44
  switch (e.key) {
45
45
  case "ArrowDown":
46
- e.preventDefault(), J(1);
46
+ e.preventDefault(), X(1);
47
47
  break;
48
48
  case "ArrowUp":
49
- e.preventDefault(), J(-1);
49
+ e.preventDefault(), X(-1);
50
50
  break;
51
51
  case "Enter": {
52
52
  e.preventDefault();
53
- let t = V[z.value];
54
- t && !t.disabled && G(t.value);
53
+ let t = H[B.value];
54
+ t && !t.disabled && q(t.value);
55
55
  break;
56
56
  }
57
57
  case "Escape":
58
- e.preventDefault(), W();
58
+ e.preventDefault(), G();
59
59
  break;
60
60
  case "Tab":
61
- W();
61
+ G();
62
62
  break;
63
63
  }
64
- }, Z = (e) => `${k}-option-${e}`;
64
+ }, $ = (e) => `${A}-option-${e}`;
65
65
  return /* @__PURE__ */ u("div", {
66
- id: `${k}-root`,
67
- className: t(e.wrapper, T),
68
- "data-state": x ? "error" : D.value,
69
- "data-size": S,
66
+ id: `${A}-root`,
67
+ className: t(e.wrapper, E),
68
+ "data-state": S ? "error" : O.value,
69
+ "data-size": C,
70
70
  children: [
71
- y && /* @__PURE__ */ l("label", {
71
+ b && /* @__PURE__ */ l("label", {
72
72
  className: e.label,
73
- htmlFor: A,
74
- children: y
73
+ htmlFor: j,
74
+ children: b
75
75
  }),
76
76
  /* @__PURE__ */ u("div", {
77
77
  className: e.field,
78
78
  children: [/* @__PURE__ */ u("button", {
79
- id: A,
79
+ id: j,
80
80
  type: "button",
81
81
  role: "combobox",
82
- "aria-expanded": B,
83
- "aria-controls": j,
82
+ "aria-expanded": V,
83
+ "aria-controls": M,
84
84
  "aria-haspopup": "listbox",
85
- "aria-activedescendant": B && z.value >= 0 ? Z(z.value) : void 0,
86
- "aria-invalid": x ? !0 : void 0,
87
- "aria-describedby": x ? `${k}-error` : b ? `${k}-hint` : void 0,
85
+ "aria-activedescendant": V && B.value >= 0 ? $(B.value) : void 0,
86
+ "aria-invalid": S ? !0 : void 0,
87
+ "aria-describedby": S ? `${A}-error` : x ? `${A}-hint` : void 0,
88
88
  className: e.trigger,
89
- disabled: C,
90
- onKeyDown: Y,
91
- onClick: B ? W : U,
89
+ disabled: w,
90
+ onKeyDown: Z,
91
+ onClick: V ? G : W,
92
92
  children: [/* @__PURE__ */ l("span", {
93
- className: t(e.value, H ? void 0 : e.placeholder),
94
- children: H?.label ?? N
93
+ className: t(e.value, U ? void 0 : e.placeholder),
94
+ children: U?.label ?? P
95
95
  }), /* @__PURE__ */ l("span", {
96
96
  className: e.chevron,
97
97
  "aria-hidden": "true"
98
98
  })]
99
- }), _ && L.value !== void 0 && /* @__PURE__ */ l("button", {
99
+ }), v && R.value !== void 0 && /* @__PURE__ */ l("button", {
100
100
  type: "button",
101
101
  className: e.clear,
102
- "aria-label": F,
102
+ "aria-label": I,
103
103
  onClick: (e) => {
104
- e.stopPropagation(), K();
104
+ e.stopPropagation(), J();
105
105
  },
106
106
  children: "✕"
107
107
  })]
108
108
  }),
109
109
  /* @__PURE__ */ u("div", {
110
110
  role: "listbox",
111
- id: j,
111
+ id: M,
112
112
  className: e.listbox,
113
- "data-state": B ? "open" : "closed",
114
- "aria-label": y,
115
- children: [v && B && /* @__PURE__ */ l("div", {
113
+ "data-state": V ? "open" : "closed",
114
+ "aria-label": b,
115
+ children: [y && V && /* @__PURE__ */ l("div", {
116
116
  className: e.searchWrapper,
117
117
  children: /* @__PURE__ */ l("input", {
118
- ref: M,
118
+ ref: N,
119
119
  type: "text",
120
120
  className: e.search,
121
- value: R.value,
121
+ value: z.value,
122
122
  onChange: (e) => {
123
- R.value = e.target.value, z.value = 0;
123
+ z.value = e.target.value, B.value = 0;
124
124
  },
125
- onKeyDown: X,
126
- "aria-label": I,
125
+ onKeyDown: Q,
126
+ "aria-label": L,
127
127
  autoComplete: "off"
128
128
  })
129
- }), V.length === 0 ? /* @__PURE__ */ l("div", {
129
+ }), H.length === 0 ? /* @__PURE__ */ l("div", {
130
130
  className: e.empty,
131
- children: P
132
- }) : V.map((t, n) => /* @__PURE__ */ l("div", {
133
- id: Z(n),
131
+ children: F
132
+ }) : H.map((t, n) => /* @__PURE__ */ l("div", {
133
+ id: $(n),
134
134
  role: "option",
135
- "aria-selected": t.value === L.value,
135
+ "aria-selected": t.value === R.value,
136
136
  "aria-disabled": t.disabled || void 0,
137
- "data-state": n === z.value ? "active" : void 0,
137
+ "data-state": n === B.value ? "active" : void 0,
138
138
  "data-disabled": t.disabled || void 0,
139
139
  className: e.option,
140
140
  onMouseEnter: () => {
141
- t.disabled || (z.value = n);
141
+ t.disabled || (B.value = n);
142
142
  },
143
143
  onClick: () => {
144
- t.disabled || G(t.value);
144
+ t.disabled || q(t.value);
145
145
  },
146
146
  children: t.label
147
147
  }, t.value))]
148
148
  }),
149
- x && /* @__PURE__ */ l("span", {
150
- id: `${k}-error`,
149
+ S && /* @__PURE__ */ l("span", {
150
+ id: `${A}-error`,
151
151
  className: e.error,
152
152
  role: "alert",
153
- children: x
153
+ children: S
154
154
  }),
155
- !x && b && /* @__PURE__ */ l("span", {
156
- id: `${k}-hint`,
155
+ !S && x && /* @__PURE__ */ l("span", {
156
+ id: `${A}-hint`,
157
157
  className: e.hint,
158
- children: b
158
+ children: x
159
159
  })
160
160
  ]
161
161
  });
package/dist/command-menu/command-menu.js CHANGED
@@ -282,6 +282,7 @@ function v({ open: m, onOpenChange: v, groups: te, placeholder: y, emptyLabel: b
282
282
  role: "listbox",
283
283
  id: k,
284
284
  "aria-label": S,
285
+ tabIndex: 0,
285
286
  children: H.map((e, r) => /* @__PURE__ */ d("div", {
286
287
  role: "group",
287
288
  "aria-label": e.heading,
@@ -338,8 +339,7 @@ function v({ open: m, onOpenChange: v, groups: te, placeholder: y, emptyLabel: b
338
339
  }),
339
340
  r.actions && r.actions.length > 0 && /* @__PURE__ */ u("span", {
340
341
  className: n.actions,
341
- children: r.actions.map((e) => /* @__PURE__ */ d("button", {
342
- type: "button",
342
+ children: r.actions.map((e) => /* @__PURE__ */ d("span", {
343
343
  className: n.action,
344
344
  onClick: (t) => {
345
345
  t.stopPropagation(), Y(e);
package/dist/date-picker/date-picker.js CHANGED
@@ -2,25 +2,25 @@
2
2
 
3
3
  import e from "./date-picker.module.js";
4
4
  import { batch as t, cn as n, createMachine as r, useMachine as i, useSignal as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
5
- import { builtin as c, currentLocale as l, t as u } from "@cascivo/i18n";
6
- import { jsx as d, jsxs as f } from "react/jsx-runtime";
7
- import { useId as p, useRef as m } from "react";
5
+ import { builtin as c, currentLocale as ee, t as l } from "@cascivo/i18n";
6
+ import { jsx as u, jsxs as d } from "react/jsx-runtime";
7
+ import { useId as f, useRef as te } from "react";
8
8
  //#region ../components/src/date-picker/date-picker.tsx
9
- var h = r({
9
+ var p = r({
10
10
  initial: "closed",
11
11
  states: {
12
12
  closed: { on: { OPEN: "open" } },
13
13
  open: { on: { CLOSE: "closed" } }
14
14
  }
15
15
  });
16
- function ee(e) {
16
+ function ne(e) {
17
17
  try {
18
18
  let t = new Intl.Locale(e).weekInfo;
19
19
  if (t) return t.firstDay % 7;
20
20
  } catch {}
21
21
  return 1;
22
22
  }
23
- function g(e, t, n) {
23
+ function m(e, t, n) {
24
24
  let r = new Date(Date.UTC(e, t, 1)), i = new Date(Date.UTC(e, t + 1, 0)), a = (r.getUTCDay() - n + 7) % 7, o = [];
25
25
  for (let e = 0; e < a; e++) o.push(null);
26
26
  for (let n = 1; n <= i.getUTCDate(); n++) o.push(new Date(Date.UTC(e, t, n)));
@@ -29,170 +29,170 @@ function g(e, t, n) {
29
29
  for (let e = 0; e < o.length; e += 7) s.push(o.slice(e, e + 7));
30
30
  return s;
31
31
  }
32
- function _(e, t) {
32
+ function h(e, t) {
33
33
  return new Intl.DateTimeFormat(t).format(e);
34
34
  }
35
- function v(e) {
35
+ function g(e) {
36
36
  return e.toISOString().slice(0, 10);
37
37
  }
38
- function y(e) {
38
+ function _(e) {
39
39
  let [t, n, r] = e.split("-").map(Number);
40
40
  return new Date(Date.UTC(t, n - 1, r));
41
41
  }
42
- function b({ value: r, defaultValue: b, onChange: x, min: S, max: C, clearable: w = !1, label: T, hint: E, error: D, size: O = "md", disabled: k = !1, labels: A, className: j, id: M }) {
42
+ function v({ value: r, defaultValue: v, onValueChange: y, onChange: b, min: x, max: S, clearable: C = !1, label: w, hint: T, error: E, size: D = "md", disabled: O = !1, labels: k, className: re, id: A }) {
43
43
  s();
44
- let [N, P] = i(h), F = p(), I = M ?? `cascade-date-picker-${F}`, L = `${F}-grid`, R = l(), z = A?.placeholder ?? u(c.datePicker.placeholder), te = A?.previousMonth ?? u(c.datePicker.previousMonth), ne = A?.nextMonth ?? u(c.datePicker.nextMonth), B = A?.clear ?? u(c.datePicker.clear), V = /* @__PURE__ */ new Date(), H = v(V), U = a(r ?? b);
45
- r !== void 0 && (U.value = r);
46
- let W = a(U.value ? y(U.value).getUTCFullYear() : V.getUTCFullYear()), G = a(U.value ? y(U.value).getUTCMonth() : V.getUTCMonth()), K = a(U.value), q = m(null);
44
+ let [j, M] = i(p), N = f(), P = A ?? `cascade-date-picker-${N}`, F = `${N}-grid`, I = ee(), ie = k?.placeholder ?? l(c.datePicker.placeholder), ae = k?.previousMonth ?? l(c.datePicker.previousMonth), L = k?.nextMonth ?? l(c.datePicker.nextMonth), R = k?.clear ?? l(c.datePicker.clear), z = /* @__PURE__ */ new Date(), B = g(z), V = a(r ?? v);
45
+ r !== void 0 && (V.value = r);
46
+ let H = a(V.value ? _(V.value).getUTCFullYear() : z.getUTCFullYear()), U = a(V.value ? _(V.value).getUTCMonth() : z.getUTCMonth()), W = a(V.value), G = te(null);
47
47
  o(() => {
48
- if (N.value !== "open") return;
48
+ if (j.value !== "open") return;
49
49
  let e = (e) => {
50
- q.current && !q.current.contains(e.target) && P("CLOSE");
50
+ G.current && !G.current.contains(e.target) && M("CLOSE");
51
51
  };
52
52
  return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
53
53
  });
54
- let J = () => {
55
- k || P("OPEN");
56
- }, Y = () => P("CLOSE"), X = (e) => {
57
- S && e < S || C && e > C || (r === void 0 && (U.value = e), x?.(e), Y());
58
- }, re = (e) => {
59
- e.stopPropagation(), r === void 0 && (U.value = void 0), x?.(void 0);
60
- }, ie = () => {
61
- G.value === 0 ? t(() => {
62
- W.value--, G.value = 11;
63
- }) : G.value--;
64
- }, ae = () => {
65
- G.value === 11 ? t(() => {
66
- W.value++, G.value = 0;
67
- }) : G.value++;
68
- }, Z = ee(R), oe = g(W.value, G.value, Z), se = new Intl.DateTimeFormat(R, { weekday: "short" }), ce = Array.from({ length: 7 }, (e, t) => {
69
- let n = new Date(Date.UTC(2024, 0, 7 + Z + t));
70
- return se.format(n);
71
- }), Q = new Intl.DateTimeFormat(R, {
54
+ let K = () => {
55
+ O || M("OPEN");
56
+ }, q = () => M("CLOSE"), J = y ?? b, Y = (e) => {
57
+ x && e < x || S && e > S || (r === void 0 && (V.value = e), J?.(e), q());
58
+ }, oe = (e) => {
59
+ e.stopPropagation(), r === void 0 && (V.value = void 0), J?.(void 0);
60
+ }, se = () => {
61
+ U.value === 0 ? t(() => {
62
+ H.value--, U.value = 11;
63
+ }) : U.value--;
64
+ }, ce = () => {
65
+ U.value === 11 ? t(() => {
66
+ H.value++, U.value = 0;
67
+ }) : U.value++;
68
+ }, X = ne(I), Z = m(H.value, U.value, X), le = new Intl.DateTimeFormat(I, { weekday: "short" }), ue = Array.from({ length: 7 }, (e, t) => {
69
+ let n = new Date(Date.UTC(2024, 0, 7 + X + t));
70
+ return le.format(n);
71
+ }), Q = new Intl.DateTimeFormat(I, {
72
72
  month: "long",
73
73
  year: "numeric"
74
- }).format(new Date(Date.UTC(W.value, G.value, 1))), le = (e) => {
75
- let n = K.value;
74
+ }).format(new Date(Date.UTC(H.value, U.value, 1))), de = (e) => {
75
+ let n = W.value;
76
76
  if (!n) return;
77
- let r = y(n), i;
77
+ let r = _(n), i;
78
78
  if (e.key === "ArrowRight") i = new Date(Date.UTC(r.getUTCFullYear(), r.getUTCMonth(), r.getUTCDate() + 1));
79
79
  else if (e.key === "ArrowLeft") i = new Date(Date.UTC(r.getUTCFullYear(), r.getUTCMonth(), r.getUTCDate() - 1));
80
80
  else if (e.key === "ArrowDown") i = new Date(Date.UTC(r.getUTCFullYear(), r.getUTCMonth(), r.getUTCDate() + 7));
81
81
  else if (e.key === "ArrowUp") i = new Date(Date.UTC(r.getUTCFullYear(), r.getUTCMonth(), r.getUTCDate() - 7));
82
82
  else if (e.key === "Enter" || e.key === " ") {
83
- e.preventDefault(), X(n);
83
+ e.preventDefault(), Y(n);
84
84
  return;
85
85
  } else if (e.key === "Escape") {
86
- Y();
86
+ q();
87
87
  return;
88
88
  } else return;
89
89
  if (e.preventDefault(), i) {
90
- let e = v(i);
91
- if (S && e < S || C && e > C) return;
92
- K.value = e, t(() => {
93
- W.value = i.getUTCFullYear(), G.value = i.getUTCMonth();
90
+ let e = g(i);
91
+ if (x && e < x || S && e > S) return;
92
+ W.value = e, t(() => {
93
+ H.value = i.getUTCFullYear(), U.value = i.getUTCMonth();
94
94
  });
95
95
  }
96
- }, $ = U.value ? _(y(U.value), R) : "";
97
- return /* @__PURE__ */ f("div", {
98
- ref: q,
99
- className: n(e.wrapper, j),
100
- "data-state": D ? "error" : N.value,
101
- "data-size": O,
96
+ }, $ = V.value ? h(_(V.value), I) : "";
97
+ return /* @__PURE__ */ d("div", {
98
+ ref: G,
99
+ className: n(e.wrapper, re),
100
+ "data-state": E ? "error" : j.value,
101
+ "data-size": D,
102
102
  children: [
103
- T && /* @__PURE__ */ d("label", {
103
+ w && /* @__PURE__ */ u("label", {
104
104
  className: e.label,
105
- htmlFor: I,
106
- children: T
105
+ htmlFor: P,
106
+ children: w
107
107
  }),
108
- /* @__PURE__ */ f("div", {
108
+ /* @__PURE__ */ d("div", {
109
109
  className: e.field,
110
- children: [/* @__PURE__ */ f("button", {
111
- id: I,
110
+ children: [/* @__PURE__ */ d("button", {
111
+ id: P,
112
112
  type: "button",
113
113
  role: "combobox",
114
- "aria-expanded": N.value === "open",
115
- "aria-controls": L,
114
+ "aria-expanded": j.value === "open",
115
+ "aria-controls": F,
116
116
  "aria-haspopup": "dialog",
117
- "aria-invalid": D ? !0 : void 0,
118
- "aria-describedby": D ? `${F}-error` : E ? `${F}-hint` : void 0,
117
+ "aria-invalid": E ? !0 : void 0,
118
+ "aria-describedby": E ? `${N}-error` : T ? `${N}-hint` : void 0,
119
119
  className: e.trigger,
120
- disabled: k,
121
- onClick: N.value === "open" ? Y : J,
122
- children: [/* @__PURE__ */ d("span", {
120
+ disabled: O,
121
+ onClick: j.value === "open" ? q : K,
122
+ children: [/* @__PURE__ */ u("span", {
123
123
  className: n(e.value, $ ? void 0 : e.placeholder),
124
- children: $ || z
125
- }), /* @__PURE__ */ d("span", {
124
+ children: $ || ie
125
+ }), /* @__PURE__ */ u("span", {
126
126
  className: e.icon,
127
127
  "aria-hidden": "true",
128
128
  children: "📅"
129
129
  })]
130
- }), w && U.value !== void 0 && /* @__PURE__ */ d("button", {
130
+ }), C && V.value !== void 0 && /* @__PURE__ */ u("button", {
131
131
  type: "button",
132
132
  className: e.clear,
133
- "aria-label": B,
134
- onClick: re,
133
+ "aria-label": R,
134
+ onClick: oe,
135
135
  children: "✕"
136
136
  })]
137
137
  }),
138
- /* @__PURE__ */ f("div", {
139
- id: L,
138
+ /* @__PURE__ */ d("div", {
139
+ id: F,
140
140
  role: "dialog",
141
141
  "aria-label": Q,
142
142
  className: e.calendar,
143
- "data-state": N.value,
144
- onKeyDown: le,
145
- children: [/* @__PURE__ */ f("div", {
143
+ "data-state": j.value,
144
+ onKeyDown: de,
145
+ children: [/* @__PURE__ */ d("div", {
146
146
  className: e.header,
147
147
  children: [
148
- /* @__PURE__ */ d("button", {
148
+ /* @__PURE__ */ u("button", {
149
149
  type: "button",
150
150
  className: e.navButton,
151
- "aria-label": te,
152
- onClick: ie,
151
+ "aria-label": ae,
152
+ onClick: se,
153
153
  children: "‹"
154
154
  }),
155
- /* @__PURE__ */ d("span", {
155
+ /* @__PURE__ */ u("span", {
156
156
  className: e.monthLabel,
157
157
  "aria-live": "polite",
158
158
  children: Q
159
159
  }),
160
- /* @__PURE__ */ d("button", {
160
+ /* @__PURE__ */ u("button", {
161
161
  type: "button",
162
162
  className: e.navButton,
163
- "aria-label": ne,
164
- onClick: ae,
163
+ "aria-label": L,
164
+ onClick: ce,
165
165
  children: "›"
166
166
  })
167
167
  ]
168
- }), /* @__PURE__ */ f("table", {
168
+ }), /* @__PURE__ */ d("table", {
169
169
  role: "grid",
170
170
  className: e.grid,
171
- children: [/* @__PURE__ */ d("thead", { children: /* @__PURE__ */ d("tr", { children: ce.map((t) => /* @__PURE__ */ d("th", {
171
+ children: [/* @__PURE__ */ u("thead", { children: /* @__PURE__ */ u("tr", { children: ue.map((t) => /* @__PURE__ */ u("th", {
172
172
  className: e.weekday,
173
173
  abbr: t,
174
174
  scope: "col",
175
175
  children: t
176
- }, t)) }) }), /* @__PURE__ */ d("tbody", { children: oe.map((t, n) => /* @__PURE__ */ d("tr", { children: t.map((t, n) => {
177
- if (!t) return /* @__PURE__ */ d("td", { className: e.empty }, n);
178
- let r = v(t), i = r === U.value, a = r === H, o = r === K.value, s = S !== void 0 && r < S || C !== void 0 && r > C;
179
- return /* @__PURE__ */ d("td", {
176
+ }, t)) }) }), /* @__PURE__ */ u("tbody", { children: Z.map((t, n) => /* @__PURE__ */ u("tr", { children: t.map((t, n) => {
177
+ if (!t) return /* @__PURE__ */ u("td", { className: e.empty }, n);
178
+ let r = g(t), i = r === V.value, a = r === B, o = r === W.value, s = x !== void 0 && r < x || S !== void 0 && r > S;
179
+ return /* @__PURE__ */ u("td", {
180
180
  className: e.cell,
181
- children: /* @__PURE__ */ d("button", {
181
+ children: /* @__PURE__ */ u("button", {
182
182
  type: "button",
183
183
  className: e.day,
184
184
  tabIndex: o ? 0 : -1,
185
185
  "aria-pressed": i,
186
- "aria-label": _(t, R),
186
+ "aria-label": h(t, I),
187
187
  "aria-current": a ? "date" : void 0,
188
188
  "aria-disabled": s || void 0,
189
189
  "data-selected": i || void 0,
190
190
  "data-today": a || void 0,
191
191
  onClick: () => {
192
- s || X(r);
192
+ s || Y(r);
193
193
  },
194
194
  onFocus: () => {
195
- K.value = r;
195
+ W.value = r;
196
196
  },
197
197
  children: t.getUTCDate()
198
198
  })
@@ -200,19 +200,19 @@ function b({ value: r, defaultValue: b, onChange: x, min: S, max: C, clearable:
200
200
  }) }, n)) })]
201
201
  })]
202
202
  }),
203
- D && /* @__PURE__ */ d("span", {
204
- id: `${F}-error`,
203
+ E && /* @__PURE__ */ u("span", {
204
+ id: `${N}-error`,
205
205
  className: e.error,
206
206
  role: "alert",
207
- children: D
207
+ children: E
208
208
  }),
209
- !D && E && /* @__PURE__ */ d("span", {
210
- id: `${F}-hint`,
209
+ !E && T && /* @__PURE__ */ u("span", {
210
+ id: `${N}-hint`,
211
211
  className: e.hint,
212
- children: E
212
+ children: T
213
213
  })
214
214
  ]
215
215
  });
216
216
  }
217
217
  //#endregion
218
- export { b as DatePicker };
218
+ export { v as DatePicker };