@llui/components 0.0.1 → 0.0.3

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 (193) hide show
  1. package/README.md +73 -0
  2. package/dist/components/color-picker.d.ts +2 -0
  3. package/dist/components/color-picker.d.ts.map +1 -1
  4. package/dist/components/color-picker.js +8 -0
  5. package/dist/components/listbox.d.ts +1 -0
  6. package/dist/components/listbox.d.ts.map +1 -1
  7. package/dist/components/listbox.js +6 -0
  8. package/dist/components/navigation-menu.d.ts +2 -0
  9. package/dist/components/navigation-menu.d.ts.map +1 -1
  10. package/dist/components/navigation-menu.js +26 -4
  11. package/dist/components/tree-view.d.ts +1 -0
  12. package/dist/components/tree-view.d.ts.map +1 -1
  13. package/dist/components/tree-view.js +6 -0
  14. package/dist/styles/classes/accordion.d.ts +23 -0
  15. package/dist/styles/classes/accordion.d.ts.map +1 -0
  16. package/dist/styles/classes/accordion.js +47 -0
  17. package/dist/styles/classes/angle-slider.d.ts +19 -0
  18. package/dist/styles/classes/angle-slider.d.ts.map +1 -0
  19. package/dist/styles/classes/angle-slider.js +32 -0
  20. package/dist/styles/classes/async-list.d.ts +13 -0
  21. package/dist/styles/classes/async-list.d.ts.map +1 -0
  22. package/dist/styles/classes/async-list.js +9 -0
  23. package/dist/styles/classes/avatar.d.ts +18 -0
  24. package/dist/styles/classes/avatar.d.ts.map +1 -0
  25. package/dist/styles/classes/avatar.js +20 -0
  26. package/dist/styles/classes/carousel.d.ts +21 -0
  27. package/dist/styles/classes/carousel.d.ts.map +1 -0
  28. package/dist/styles/classes/carousel.js +23 -0
  29. package/dist/styles/classes/cascade-select.d.ts +18 -0
  30. package/dist/styles/classes/cascade-select.d.ts.map +1 -0
  31. package/dist/styles/classes/cascade-select.js +20 -0
  32. package/dist/styles/classes/checkbox.d.ts +21 -0
  33. package/dist/styles/classes/checkbox.d.ts.map +1 -0
  34. package/dist/styles/classes/checkbox.js +23 -0
  35. package/dist/styles/classes/clipboard.d.ts +12 -0
  36. package/dist/styles/classes/clipboard.d.ts.map +1 -0
  37. package/dist/styles/classes/clipboard.js +8 -0
  38. package/dist/styles/classes/collapsible.d.ts +21 -0
  39. package/dist/styles/classes/collapsible.d.ts.map +1 -0
  40. package/dist/styles/classes/collapsible.js +40 -0
  41. package/dist/styles/classes/color-picker.d.ts +14 -0
  42. package/dist/styles/classes/color-picker.d.ts.map +1 -0
  43. package/dist/styles/classes/color-picker.js +10 -0
  44. package/dist/styles/classes/combobox.d.ts +21 -0
  45. package/dist/styles/classes/combobox.d.ts.map +1 -0
  46. package/dist/styles/classes/combobox.js +45 -0
  47. package/dist/styles/classes/context-menu.d.ts +18 -0
  48. package/dist/styles/classes/context-menu.d.ts.map +1 -0
  49. package/dist/styles/classes/context-menu.js +31 -0
  50. package/dist/styles/classes/date-input.d.ts +18 -0
  51. package/dist/styles/classes/date-input.d.ts.map +1 -0
  52. package/dist/styles/classes/date-input.js +20 -0
  53. package/dist/styles/classes/date-picker.d.ts +19 -0
  54. package/dist/styles/classes/date-picker.d.ts.map +1 -0
  55. package/dist/styles/classes/date-picker.js +32 -0
  56. package/dist/styles/classes/dialog.d.ts +22 -0
  57. package/dist/styles/classes/dialog.d.ts.map +1 -0
  58. package/dist/styles/classes/dialog.js +24 -0
  59. package/dist/styles/classes/drawer.d.ts +27 -0
  60. package/dist/styles/classes/drawer.d.ts.map +1 -0
  61. package/dist/styles/classes/drawer.js +55 -0
  62. package/dist/styles/classes/editable.d.ts +20 -0
  63. package/dist/styles/classes/editable.d.ts.map +1 -0
  64. package/dist/styles/classes/editable.js +22 -0
  65. package/dist/styles/classes/file-upload.d.ts +21 -0
  66. package/dist/styles/classes/file-upload.d.ts.map +1 -0
  67. package/dist/styles/classes/file-upload.js +17 -0
  68. package/dist/styles/classes/floating-panel.d.ts +21 -0
  69. package/dist/styles/classes/floating-panel.d.ts.map +1 -0
  70. package/dist/styles/classes/floating-panel.js +23 -0
  71. package/dist/styles/classes/hover-card.d.ts +18 -0
  72. package/dist/styles/classes/hover-card.d.ts.map +1 -0
  73. package/dist/styles/classes/hover-card.js +20 -0
  74. package/dist/styles/classes/image-cropper.d.ts +13 -0
  75. package/dist/styles/classes/image-cropper.d.ts.map +1 -0
  76. package/dist/styles/classes/image-cropper.js +9 -0
  77. package/dist/styles/classes/index.d.ts +54 -0
  78. package/dist/styles/classes/index.d.ts.map +1 -0
  79. package/dist/styles/classes/index.js +53 -0
  80. package/dist/styles/classes/listbox.d.ts +16 -0
  81. package/dist/styles/classes/listbox.d.ts.map +1 -0
  82. package/dist/styles/classes/listbox.js +29 -0
  83. package/dist/styles/classes/marquee.d.ts +10 -0
  84. package/dist/styles/classes/marquee.d.ts.map +1 -0
  85. package/dist/styles/classes/marquee.js +6 -0
  86. package/dist/styles/classes/menu.d.ts +22 -0
  87. package/dist/styles/classes/menu.d.ts.map +1 -0
  88. package/dist/styles/classes/menu.js +35 -0
  89. package/dist/styles/classes/navigation-menu.d.ts +11 -0
  90. package/dist/styles/classes/navigation-menu.d.ts.map +1 -0
  91. package/dist/styles/classes/navigation-menu.js +7 -0
  92. package/dist/styles/classes/number-input.d.ts +18 -0
  93. package/dist/styles/classes/number-input.d.ts.map +1 -0
  94. package/dist/styles/classes/number-input.js +42 -0
  95. package/dist/styles/classes/pagination.d.ts +19 -0
  96. package/dist/styles/classes/pagination.d.ts.map +1 -0
  97. package/dist/styles/classes/pagination.js +32 -0
  98. package/dist/styles/classes/password-input.d.ts +17 -0
  99. package/dist/styles/classes/password-input.d.ts.map +1 -0
  100. package/dist/styles/classes/password-input.js +30 -0
  101. package/dist/styles/classes/pin-input.d.ts +17 -0
  102. package/dist/styles/classes/pin-input.d.ts.map +1 -0
  103. package/dist/styles/classes/pin-input.js +19 -0
  104. package/dist/styles/classes/popover.d.ts +21 -0
  105. package/dist/styles/classes/popover.d.ts.map +1 -0
  106. package/dist/styles/classes/popover.js +23 -0
  107. package/dist/styles/classes/presence.d.ts +9 -0
  108. package/dist/styles/classes/presence.d.ts.map +1 -0
  109. package/dist/styles/classes/presence.js +5 -0
  110. package/dist/styles/classes/progress.d.ts +22 -0
  111. package/dist/styles/classes/progress.d.ts.map +1 -0
  112. package/dist/styles/classes/progress.js +46 -0
  113. package/dist/styles/classes/qr-code.d.ts +11 -0
  114. package/dist/styles/classes/qr-code.d.ts.map +1 -0
  115. package/dist/styles/classes/qr-code.js +7 -0
  116. package/dist/styles/classes/radio-group.d.ts +23 -0
  117. package/dist/styles/classes/radio-group.d.ts.map +1 -0
  118. package/dist/styles/classes/radio-group.js +40 -0
  119. package/dist/styles/classes/rating-group.d.ts +16 -0
  120. package/dist/styles/classes/rating-group.d.ts.map +1 -0
  121. package/dist/styles/classes/rating-group.js +29 -0
  122. package/dist/styles/classes/scroll-area.d.ts +14 -0
  123. package/dist/styles/classes/scroll-area.d.ts.map +1 -0
  124. package/dist/styles/classes/scroll-area.js +10 -0
  125. package/dist/styles/classes/select.d.ts +19 -0
  126. package/dist/styles/classes/select.d.ts.map +1 -0
  127. package/dist/styles/classes/select.js +43 -0
  128. package/dist/styles/classes/signature-pad.d.ts +14 -0
  129. package/dist/styles/classes/signature-pad.d.ts.map +1 -0
  130. package/dist/styles/classes/signature-pad.js +10 -0
  131. package/dist/styles/classes/slider.d.ts +19 -0
  132. package/dist/styles/classes/slider.d.ts.map +1 -0
  133. package/dist/styles/classes/slider.js +43 -0
  134. package/dist/styles/classes/splitter.d.ts +17 -0
  135. package/dist/styles/classes/splitter.d.ts.map +1 -0
  136. package/dist/styles/classes/splitter.js +29 -0
  137. package/dist/styles/classes/steps.d.ts +24 -0
  138. package/dist/styles/classes/steps.d.ts.map +1 -0
  139. package/dist/styles/classes/steps.js +42 -0
  140. package/dist/styles/classes/switch.d.ts +22 -0
  141. package/dist/styles/classes/switch.d.ts.map +1 -0
  142. package/dist/styles/classes/switch.js +46 -0
  143. package/dist/styles/classes/tabs.d.ts +24 -0
  144. package/dist/styles/classes/tabs.d.ts.map +1 -0
  145. package/dist/styles/classes/tabs.js +48 -0
  146. package/dist/styles/classes/tags-input.d.ts +19 -0
  147. package/dist/styles/classes/tags-input.d.ts.map +1 -0
  148. package/dist/styles/classes/tags-input.js +32 -0
  149. package/dist/styles/classes/time-picker.d.ts +18 -0
  150. package/dist/styles/classes/time-picker.d.ts.map +1 -0
  151. package/dist/styles/classes/time-picker.js +20 -0
  152. package/dist/styles/classes/timer.d.ts +19 -0
  153. package/dist/styles/classes/timer.d.ts.map +1 -0
  154. package/dist/styles/classes/timer.js +21 -0
  155. package/dist/styles/classes/toast.d.ts +24 -0
  156. package/dist/styles/classes/toast.d.ts.map +1 -0
  157. package/dist/styles/classes/toast.js +26 -0
  158. package/dist/styles/classes/toc.d.ts +19 -0
  159. package/dist/styles/classes/toc.d.ts.map +1 -0
  160. package/dist/styles/classes/toc.js +21 -0
  161. package/dist/styles/classes/toggle-group.d.ts +20 -0
  162. package/dist/styles/classes/toggle-group.d.ts.map +1 -0
  163. package/dist/styles/classes/toggle-group.js +28 -0
  164. package/dist/styles/classes/toggle.d.ts +19 -0
  165. package/dist/styles/classes/toggle.d.ts.map +1 -0
  166. package/dist/styles/classes/toggle.js +21 -0
  167. package/dist/styles/classes/tooltip.d.ts +18 -0
  168. package/dist/styles/classes/tooltip.d.ts.map +1 -0
  169. package/dist/styles/classes/tooltip.js +20 -0
  170. package/dist/styles/classes/tour.d.ts +17 -0
  171. package/dist/styles/classes/tour.d.ts.map +1 -0
  172. package/dist/styles/classes/tour.js +13 -0
  173. package/dist/styles/classes/tree-view.d.ts +18 -0
  174. package/dist/styles/classes/tree-view.d.ts.map +1 -0
  175. package/dist/styles/classes/tree-view.js +20 -0
  176. package/dist/styles/index.d.ts +5 -0
  177. package/dist/styles/index.d.ts.map +1 -0
  178. package/dist/styles/index.js +4 -0
  179. package/dist/styles/theme-dark.css +56 -0
  180. package/dist/styles/theme.css +1782 -0
  181. package/dist/styles/theme.d.ts +49 -0
  182. package/dist/styles/theme.d.ts.map +1 -0
  183. package/dist/styles/theme.js +13 -0
  184. package/dist/styles/utils/cx.d.ts +4 -0
  185. package/dist/styles/utils/cx.d.ts.map +1 -0
  186. package/dist/styles/utils/cx.js +12 -0
  187. package/dist/styles/utils/index.d.ts +3 -0
  188. package/dist/styles/utils/index.d.ts.map +1 -0
  189. package/dist/styles/utils/index.js +2 -0
  190. package/dist/styles/utils/variants.d.ts +18 -0
  191. package/dist/styles/utils/variants.d.ts.map +1 -0
  192. package/dist/styles/utils/variants.js +25 -0
  193. package/package.json +225 -4
package/README.md CHANGED
@@ -113,6 +113,79 @@ Shared helpers used internally and exported for advanced use:
113
113
  | `aria-hidden` | `aria-hidden` on siblings of a modal for screen readers |
114
114
  | `remove-scroll` | Body scroll lock for modals/drawers |
115
115
 
116
+ ## Styling (opt-in)
117
+
118
+ Components are fully headless by default. An opt-in styling layer provides two complementary mechanisms:
119
+
120
+ ### CSS theme — `theme.css`
121
+
122
+ Import once at your app root for a complete default look based on `data-scope`/`data-part` attribute selectors:
123
+
124
+ ```typescript
125
+ import '@llui/components/styles/theme.css'
126
+ ```
127
+
128
+ Includes design tokens (`@theme`) and enter/exit animations for overlays. Override any token in your own CSS:
129
+
130
+ ```css
131
+ @theme {
132
+ --color-primary: #8b5cf6;
133
+ --radius-lg: 1rem;
134
+ }
135
+ ```
136
+
137
+ For dark mode, import the separate dark theme file **after** Tailwind and theme.css:
138
+
139
+ ```typescript
140
+ import '@llui/components/styles/theme-dark.css'
141
+ ```
142
+
143
+ This activates automatically via `prefers-color-scheme: dark`. Force light with `<html data-theme="light">`, force dark with `<html data-theme="dark">`. The dark file is separate because Tailwind 4's `@theme` scanner would otherwise merge dark tokens into the root theme.
144
+
145
+ ### JS class helpers — Tailwind utility strings
146
+
147
+ Each component has a class helper that returns Tailwind utility strings per part, with size/variant props:
148
+
149
+ ```typescript
150
+ import { tabsClasses } from '@llui/components/styles/tabs'
151
+
152
+ const cls = tabsClasses({ size: 'sm', variant: 'pill' })
153
+ // cls.root, cls.list, cls.trigger, cls.panel, cls.indicator
154
+
155
+ div({ ...t.root, class: cls.root }, [
156
+ div({ ...t.list, class: cls.list }, [
157
+ button({ ...t.item('a').trigger, class: cls.trigger }, [text('Tab A')]),
158
+ ]),
159
+ div({ ...t.item('a').panel, class: cls.panel }, [text('Content A')]),
160
+ ])
161
+ ```
162
+
163
+ Or import everything from the barrel:
164
+
165
+ ```typescript
166
+ import { tabsClasses, dialogClasses, cx } from '@llui/components/styles'
167
+ ```
168
+
169
+ ### Variant engine
170
+
171
+ The `createVariants` utility powers all class helpers and is exported for custom components:
172
+
173
+ ```typescript
174
+ import { createVariants, cx } from '@llui/components/styles'
175
+
176
+ const button = createVariants({
177
+ base: 'inline-flex items-center font-medium',
178
+ variants: {
179
+ size: { sm: 'px-2 py-1 text-sm', md: 'px-4 py-2' },
180
+ intent: { primary: 'bg-primary text-white', ghost: 'bg-transparent' },
181
+ },
182
+ defaultVariants: { size: 'md', intent: 'primary' },
183
+ compoundVariants: [{ size: 'sm', intent: 'ghost', class: 'font-normal' }],
184
+ })
185
+
186
+ button({ size: 'sm', intent: 'ghost' }) // → class string
187
+ ```
188
+
116
189
  ## Sub-path imports
117
190
 
118
191
  Every component has its own entry point for tree-shaking:
package/dist/components/color-picker.d.ts CHANGED
@@ -74,6 +74,7 @@ export interface ColorPickerParts<S> {
74
74
  'aria-label': string;
75
75
  disabled: (s: S) => boolean;
76
76
  value: (s: S) => string;
77
+ style: (s: S) => string;
77
78
  'data-scope': 'color-picker';
78
79
  'data-part': 'saturation-slider';
79
80
  onInput: (e: Event) => void;
@@ -86,6 +87,7 @@ export interface ColorPickerParts<S> {
86
87
  'aria-label': string;
87
88
  disabled: (s: S) => boolean;
88
89
  value: (s: S) => string;
90
+ style: (s: S) => string;
89
91
  'data-scope': 'color-picker';
90
92
  'data-part': 'lightness-slider';
91
93
  onInput: (e: Event) => void;
package/dist/components/color-picker.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../src/components/color-picker.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../src/components/color-picker.ts"],"names":[],"mappings":"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"}
package/dist/components/color-picker.js CHANGED
@@ -132,6 +132,10 @@ export function connect(get, send, opts = {}) {
132
132
  'aria-label': opts.saturationLabel ?? 'Saturation',
133
133
  disabled: (s) => get(s).disabled,
134
134
  value: (s) => String(get(s).hsl.s),
135
+ style: (s) => {
136
+ const { h, l } = get(s).hsl;
137
+ return `background: linear-gradient(to right, hsl(${h} 0% ${l}%), hsl(${h} 100% ${l}%))`;
138
+ },
135
139
  'data-scope': 'color-picker',
136
140
  'data-part': 'saturation-slider',
137
141
  onInput: (e) => send({ type: 'setSaturation', s: Number(e.target.value) }),
@@ -144,6 +148,10 @@ export function connect(get, send, opts = {}) {
144
148
  'aria-label': opts.lightnessLabel ?? 'Lightness',
145
149
  disabled: (s) => get(s).disabled,
146
150
  value: (s) => String(get(s).hsl.l),
151
+ style: (s) => {
152
+ const { h, s: sat } = get(s).hsl;
153
+ return `background: linear-gradient(to right, hsl(${h} ${sat}% 0%), hsl(${h} ${sat}% 50%), hsl(${h} ${sat}% 100%))`;
154
+ },
147
155
  'data-scope': 'color-picker',
148
156
  'data-part': 'lightness-slider',
149
157
  onInput: (e) => send({ type: 'setLightness', l: Number(e.target.value) }),
package/dist/components/listbox.d.ts CHANGED
@@ -74,6 +74,7 @@ export interface ListboxItemParts<S> {
74
74
  export interface ListboxParts<S> {
75
75
  root: {
76
76
  role: 'listbox';
77
+ 'aria-owns': (s: S) => string | undefined;
77
78
  'aria-multiselectable': (s: S) => 'true' | undefined;
78
79
  'aria-disabled': (s: S) => 'true' | undefined;
79
80
  'aria-activedescendant': (s: S) => string | undefined;
package/dist/components/listbox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"listbox.d.ts","sourceRoot":"","sources":["../../src/components/listbox.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"listbox.d.ts","sourceRoot":"","sources":["../../src/components/listbox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAQrC;;;;GAIG;AAEH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAA;AAEjD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,aAAa,EAAE,MAAM,EAAE,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;IACjB,aAAa,EAAE,aAAa,CAAA;IAC5B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,kBAAkB,EAAE,MAAM,CAAA;CAC3B;AAED,MAAM,MAAM,UAAU,GAClB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACjC;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,EAAE,CAAA;CAAE,GACrC;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,GACzB;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,GACzB;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,GAC1B;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,GACzB;IAAE,IAAI,EAAE,mBAAmB,CAAA;CAAE,GAC7B;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,GAC1D;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAA;AAEpD,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B;AAED,wBAAgB,IAAI,CAAC,IAAI,GAAE,WAAgB,GAAG,YAAY,CAWzD;AAwCD,wBAAgB,MAAM,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,UAAU,GAAG,CAAC,YAAY,EAAE,KAAK,EAAE,CAAC,CA4DpF;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ,CAAA;QACd,EAAE,EAAE,MAAM,CAAA;QACV,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAClC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAA;QAC7C,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,GAAG,SAAS,CAAA;QAC9C,kBAAkB,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QAC5C,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACzC,YAAY,EAAE,SAAS,CAAA;QACvB,WAAW,EAAE,MAAM,CAAA;QACnB,YAAY,EAAE,MAAM,CAAA;QACpB,YAAY,EAAE,MAAM,CAAA;QACpB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;QAChC,aAAa,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,CAAA;KACzC,CAAA;CACF;AAED,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS,CAAA;QACf,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAA;QACzC,sBAAsB,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAA;QACpD,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAA;QAC7C,uBAAuB,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAA;QACrD,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QAC1B,EAAE,EAAE,MAAM,CAAA;QACV,YAAY,EAAE,SAAS,CAAA;QACvB,WAAW,EAAE,MAAM,CAAA;QACnB,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACzC,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;KACtC,CAAA;IACD,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,gBAAgB,CAAC,CAAC,CAAC,CAAA;CAC5D;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;CACX;AAED,wBAAgB,OAAO,CAAC,CAAC,EACvB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,YAAY,EAC3B,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,EACtB,IAAI,EAAE,cAAc,GACnB,YAAY,CAAC,CAAC,CAAC,CAuEjB;AAED,eAAO,MAAM,OAAO;;;;CAA4B,CAAA"}
package/dist/components/listbox.js CHANGED
@@ -111,6 +111,12 @@ export function connect(get, send, opts) {
111
111
  return {
112
112
  root: {
113
113
  role: 'listbox',
114
+ 'aria-owns': (s) => {
115
+ const items = get(s).items;
116
+ if (items.length === 0)
117
+ return undefined;
118
+ return items.map((_, i) => itemId(i)).join(' ');
119
+ },
114
120
  'aria-multiselectable': (s) => (get(s).selectionMode === 'multiple' ? 'true' : undefined),
115
121
  'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),
116
122
  'aria-activedescendant': (s) => {
package/dist/components/navigation-menu.d.ts CHANGED
@@ -75,6 +75,7 @@ export interface NavItemParts<S> {
75
75
  'data-part': 'content';
76
76
  'data-state': (s: S) => 'open' | 'closed';
77
77
  hidden: (s: S) => boolean;
78
+ onPointerEnter: (e: PointerEvent) => void;
78
79
  };
79
80
  }
80
81
  export interface NavMenuParts<S> {
@@ -85,6 +86,7 @@ export interface NavMenuParts<S> {
85
86
  'data-part': 'root';
86
87
  'data-disabled': (s: S) => '' | undefined;
87
88
  onPointerLeave: (e: PointerEvent) => void;
89
+ onPointerEnter: (e: PointerEvent) => void;
88
90
  };
89
91
  item: (id: string, options: {
90
92
  isBranch: boolean;
package/dist/components/navigation-menu.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../src/components/navigation-menu.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../src/components/navigation-menu.ts"],"names":[],"mappings":"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"}
package/dist/components/navigation-menu.js CHANGED
@@ -48,6 +48,23 @@ export function connect(get, send, opts) {
48
48
  const triggerId = (v) => `${opts.id}:trigger:${v}`;
49
49
  const contentId = (v) => `${opts.id}:content:${v}`;
50
50
  const closeOnLeave = opts.closeOnLeave !== false;
51
+ let closeTimer = null;
52
+ const scheduleClose = () => {
53
+ if (!closeOnLeave)
54
+ return;
55
+ if (closeTimer)
56
+ clearTimeout(closeTimer);
57
+ closeTimer = setTimeout(() => {
58
+ send({ type: 'closeAll' });
59
+ closeTimer = null;
60
+ }, 150);
61
+ };
62
+ const cancelClose = () => {
63
+ if (closeTimer) {
64
+ clearTimeout(closeTimer);
65
+ closeTimer = null;
66
+ }
67
+ };
51
68
  return {
52
69
  root: {
53
70
  role: 'menubar',
@@ -55,10 +72,8 @@ export function connect(get, send, opts) {
55
72
  'data-scope': 'navigation-menu',
56
73
  'data-part': 'root',
57
74
  'data-disabled': (s) => (get(s).disabled ? '' : undefined),
58
- onPointerLeave: () => {
59
- if (closeOnLeave)
60
- send({ type: 'closeAll' });
61
- },
75
+ onPointerLeave: () => scheduleClose(),
76
+ onPointerEnter: () => cancelClose(),
62
77
  },
63
78
  item: (id, options) => {
64
79
  const ancestorIds = options.ancestorIds ?? [];
@@ -80,6 +95,7 @@ export function connect(get, send, opts) {
80
95
  }
81
96
  },
82
97
  onPointerEnter: () => {
98
+ cancelClose();
83
99
  if (options.isBranch) {
84
100
  send({ type: 'openBranch', id, ancestorIds });
85
101
  }
@@ -94,6 +110,12 @@ export function connect(get, send, opts) {
94
110
  'data-part': 'content',
95
111
  'data-state': (s) => (isOpen(get(s), id) ? 'open' : 'closed'),
96
112
  hidden: (s) => !isOpen(get(s), id),
113
+ onPointerEnter: () => {
114
+ cancelClose();
115
+ if (options.isBranch) {
116
+ send({ type: 'openBranch', id, ancestorIds });
117
+ }
118
+ },
97
119
  },
98
120
  };
99
121
  },
package/dist/components/tree-view.d.ts CHANGED
@@ -184,6 +184,7 @@ export interface TreeItemParts<S> {
184
184
  export interface TreeViewParts<S> {
185
185
  root: {
186
186
  role: 'tree';
187
+ 'aria-owns': (s: S) => string | undefined;
187
188
  'aria-multiselectable': (s: S) => 'true' | undefined;
188
189
  'aria-disabled': (s: S) => 'true' | undefined;
189
190
  'data-scope': 'tree-view';
package/dist/components/tree-view.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tree-view.d.ts","sourceRoot":"","sources":["../../src/components/tree-view.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"tree-view.d.ts","sourceRoot":"","sources":["../../src/components/tree-view.ts"],"names":[],"mappings":"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"}
package/dist/components/tree-view.js CHANGED
@@ -178,6 +178,12 @@ export function connect(get, send, opts) {
178
178
  return {
179
179
  root: {
180
180
  role: 'tree',
181
+ 'aria-owns': (s) => {
182
+ const items = get(s).visibleItems;
183
+ if (items.length === 0)
184
+ return undefined;
185
+ return items.map((id) => itemId(id)).join(' ');
186
+ },
181
187
  'aria-multiselectable': (s) => (get(s).selectionMode === 'multiple' ? 'true' : undefined),
182
188
  'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),
183
189
  'data-scope': 'tree-view',
package/dist/styles/classes/accordion.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ import { type VariantProps } from '../utils/variants';
2
+ type Variants = {
3
+ size: {
4
+ sm: string;
5
+ md: string;
6
+ lg: string;
7
+ };
8
+ variant: {
9
+ outline: string;
10
+ filled: string;
11
+ ghost: string;
12
+ };
13
+ };
14
+ export type AccordionStyleVariants = VariantProps<Variants>;
15
+ export interface AccordionClasses {
16
+ root: string;
17
+ item: string;
18
+ trigger: string;
19
+ content: string;
20
+ }
21
+ export declare function accordionClasses(props?: AccordionStyleVariants): AccordionClasses;
22
+ export {};
23
+ //# sourceMappingURL=accordion.d.ts.map
package/dist/styles/classes/accordion.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AA2CrE,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5C,OAAO,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;CAC5D,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAE3D,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,CAAC,EAAE,sBAAsB,GAAG,gBAAgB,CAOjF"}
package/dist/styles/classes/accordion.js ADDED
@@ -0,0 +1,47 @@
1
+ import { createVariants } from '../utils/variants';
2
+ const rootVariants = createVariants({
3
+ base: 'flex flex-col overflow-hidden',
4
+ variants: {
5
+ size: {
6
+ sm: 'text-sm',
7
+ md: 'text-base',
8
+ lg: 'text-lg',
9
+ },
10
+ variant: {
11
+ outline: 'border border-border rounded-lg',
12
+ filled: 'bg-surface-muted rounded-lg',
13
+ ghost: '',
14
+ },
15
+ },
16
+ defaultVariants: { size: 'md', variant: 'outline' },
17
+ });
18
+ const triggerVariants = createVariants({
19
+ base: 'flex items-center justify-between w-full px-4 font-medium bg-surface border-none border-b border-border cursor-pointer transition-colors duration-fast hover:bg-surface-hover data-[state=open]:bg-surface-muted',
20
+ variants: {
21
+ size: {
22
+ sm: 'py-2 text-sm',
23
+ md: 'py-3',
24
+ lg: 'py-4 text-lg',
25
+ },
26
+ },
27
+ defaultVariants: { size: 'md' },
28
+ });
29
+ const contentVariants = createVariants({
30
+ base: '',
31
+ variants: {
32
+ size: {
33
+ sm: 'p-3 text-sm',
34
+ md: 'p-4',
35
+ lg: 'p-6 text-lg',
36
+ },
37
+ },
38
+ defaultVariants: { size: 'md' },
39
+ });
40
+ export function accordionClasses(props) {
41
+ return {
42
+ root: rootVariants(props),
43
+ item: 'border-b border-border last:border-b-0',
44
+ trigger: triggerVariants(props),
45
+ content: contentVariants(props),
46
+ };
47
+ }
package/dist/styles/classes/angle-slider.d.ts ADDED
@@ -0,0 +1,19 @@
1
+ import { type VariantProps } from '../utils/variants';
2
+ type Variants = {
3
+ size: {
4
+ sm: string;
5
+ md: string;
6
+ lg: string;
7
+ };
8
+ };
9
+ export type AngleSliderStyleVariants = VariantProps<Variants>;
10
+ export interface AngleSliderClasses {
11
+ root: string;
12
+ control: string;
13
+ thumb: string;
14
+ valueText: string;
15
+ hiddenInput: string;
16
+ }
17
+ export declare function angleSliderClasses(props?: AngleSliderStyleVariants): AngleSliderClasses;
18
+ export {};
19
+ //# sourceMappingURL=angle-slider.d.ts.map
package/dist/styles/classes/angle-slider.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"angle-slider.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/angle-slider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AA0BrE,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;CAC7C,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAE7D,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,CAAC,EAAE,wBAAwB,GAAG,kBAAkB,CAQvF"}
package/dist/styles/classes/angle-slider.js ADDED
@@ -0,0 +1,32 @@
1
+ import { createVariants } from '../utils/variants';
2
+ const rootVariants = createVariants({
3
+ base: 'relative inline-flex items-center justify-center rounded-full border-2 border-border bg-surface',
4
+ variants: {
5
+ size: {
6
+ sm: 'w-16 h-16',
7
+ md: 'w-24 h-24',
8
+ lg: 'w-32 h-32',
9
+ },
10
+ },
11
+ defaultVariants: { size: 'md' },
12
+ });
13
+ const thumbVariants = createVariants({
14
+ base: 'absolute rounded-full bg-primary shadow-sm cursor-pointer',
15
+ variants: {
16
+ size: {
17
+ sm: 'w-3 h-3',
18
+ md: 'w-4 h-4',
19
+ lg: 'w-5 h-5',
20
+ },
21
+ },
22
+ defaultVariants: { size: 'md' },
23
+ });
24
+ export function angleSliderClasses(props) {
25
+ return {
26
+ root: rootVariants(props),
27
+ control: 'absolute inset-0',
28
+ thumb: thumbVariants(props),
29
+ valueText: 'text-sm font-medium text-text',
30
+ hiddenInput: 'sr-only',
31
+ };
32
+ }
package/dist/styles/classes/async-list.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import { type VariantProps } from '../utils/variants';
2
+ type Variants = Record<string, never>;
3
+ export type AsyncListStyleVariants = VariantProps<Variants>;
4
+ export interface AsyncListClasses {
5
+ root: string;
6
+ sentinel: string;
7
+ loadMoreTrigger: string;
8
+ retryTrigger: string;
9
+ errorText: string;
10
+ }
11
+ export declare function asyncListClasses(): AsyncListClasses;
12
+ export {};
13
+ //# sourceMappingURL=async-list.d.ts.map
package/dist/styles/classes/async-list.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"async-list.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/async-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,KAAK,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;AAErC,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAE3D,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,gBAAgB,IAAI,gBAAgB,CAUnD"}
package/dist/styles/classes/async-list.js ADDED
@@ -0,0 +1,9 @@
1
+ export function asyncListClasses() {
2
+ return {
3
+ root: 'flex flex-col',
4
+ sentinel: '',
5
+ loadMoreTrigger: 'inline-flex items-center justify-center px-4 py-2 border border-border rounded-md cursor-pointer transition-colors duration-fast hover:bg-surface-hover mx-auto mt-4',
6
+ retryTrigger: 'inline-flex items-center justify-center px-4 py-2 border border-destructive text-destructive rounded-md cursor-pointer transition-colors duration-fast hover:bg-destructive/10 mx-auto mt-4',
7
+ errorText: 'text-destructive text-sm text-center mt-2',
8
+ };
9
+ }
package/dist/styles/classes/avatar.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ import { type VariantProps } from '../utils/variants';
2
+ type Variants = {
3
+ size: {
4
+ sm: string;
5
+ md: string;
6
+ lg: string;
7
+ xl: string;
8
+ };
9
+ };
10
+ export type AvatarStyleVariants = VariantProps<Variants>;
11
+ export interface AvatarClasses {
12
+ root: string;
13
+ image: string;
14
+ fallback: string;
15
+ }
16
+ export declare function avatarClasses(props?: AvatarStyleVariants): AvatarClasses;
17
+ export {};
18
+ //# sourceMappingURL=avatar.d.ts.map
package/dist/styles/classes/avatar.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/avatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAerE,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;CACzD,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAExD,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,wBAAgB,aAAa,CAAC,KAAK,CAAC,EAAE,mBAAmB,GAAG,aAAa,CAMxE"}
package/dist/styles/classes/avatar.js ADDED
@@ -0,0 +1,20 @@
1
+ import { createVariants } from '../utils/variants';
2
+ const rootVariants = createVariants({
3
+ base: 'inline-flex items-center justify-center rounded-full bg-surface-active overflow-hidden',
4
+ variants: {
5
+ size: {
6
+ sm: 'w-8 h-8 text-sm',
7
+ md: 'w-10 h-10',
8
+ lg: 'w-14 h-14 text-lg',
9
+ xl: 'w-20 h-20 text-xl',
10
+ },
11
+ },
12
+ defaultVariants: { size: 'md' },
13
+ });
14
+ export function avatarClasses(props) {
15
+ return {
16
+ root: rootVariants(props),
17
+ image: 'w-full h-full object-cover',
18
+ fallback: 'font-medium text-text-muted',
19
+ };
20
+ }
package/dist/styles/classes/carousel.d.ts ADDED
@@ -0,0 +1,21 @@
1
+ import { type VariantProps } from '../utils/variants';
2
+ type Variants = {
3
+ size: {
4
+ sm: string;
5
+ md: string;
6
+ lg: string;
7
+ };
8
+ };
9
+ export type CarouselStyleVariants = VariantProps<Variants>;
10
+ export interface CarouselClasses {
11
+ root: string;
12
+ viewport: string;
13
+ slide: string;
14
+ indicatorGroup: string;
15
+ indicator: string;
16
+ nextTrigger: string;
17
+ prevTrigger: string;
18
+ }
19
+ export declare function carouselClasses(props?: CarouselStyleVariants): CarouselClasses;
20
+ export {};
21
+ //# sourceMappingURL=carousel.d.ts.map
package/dist/styles/classes/carousel.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/carousel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAcrE,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;CAC7C,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAE1D,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,eAAe,CAAC,KAAK,CAAC,EAAE,qBAAqB,GAAG,eAAe,CAW9E"}
package/dist/styles/classes/carousel.js ADDED
@@ -0,0 +1,23 @@
1
+ import { createVariants } from '../utils/variants';
2
+ const navTriggerVariants = createVariants({
3
+ base: 'inline-flex items-center justify-center rounded-full bg-surface border border-border shadow-sm cursor-pointer transition-all duration-fast hover:bg-surface-hover data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed',
4
+ variants: {
5
+ size: {
6
+ sm: 'w-7 h-7 text-sm',
7
+ md: 'w-9 h-9',
8
+ lg: 'w-11 h-11 text-lg',
9
+ },
10
+ },
11
+ defaultVariants: { size: 'md' },
12
+ });
13
+ export function carouselClasses(props) {
14
+ return {
15
+ root: 'relative overflow-hidden',
16
+ viewport: 'overflow-hidden',
17
+ slide: 'min-w-0 flex-shrink-0 flex-grow-0',
18
+ indicatorGroup: 'flex items-center justify-center gap-1.5 mt-3',
19
+ indicator: 'w-2 h-2 rounded-full bg-surface-active cursor-pointer transition-colors duration-fast data-[state=active]:bg-primary',
20
+ nextTrigger: navTriggerVariants(props),
21
+ prevTrigger: navTriggerVariants(props),
22
+ };
23
+ }
package/dist/styles/classes/cascade-select.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ import { type VariantProps } from '../utils/variants';
2
+ type Variants = {
3
+ size: {
4
+ sm: string;
5
+ md: string;
6
+ lg: string;
7
+ };
8
+ };
9
+ export type CascadeSelectStyleVariants = VariantProps<Variants>;
10
+ export interface CascadeSelectClasses {
11
+ root: string;
12
+ levelLabel: string;
13
+ levelSelect: string;
14
+ clearTrigger: string;
15
+ }
16
+ export declare function cascadeSelectClasses(props?: CascadeSelectStyleVariants): CascadeSelectClasses;
17
+ export {};
18
+ //# sourceMappingURL=cascade-select.d.ts.map
package/dist/styles/classes/cascade-select.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cascade-select.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/cascade-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAcrE,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;CAC7C,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAE/D,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,oBAAoB,CAAC,KAAK,CAAC,EAAE,0BAA0B,GAAG,oBAAoB,CAQ7F"}
package/dist/styles/classes/cascade-select.js ADDED
@@ -0,0 +1,20 @@
1
+ import { createVariants } from '../utils/variants';
2
+ const rootVariants = createVariants({
3
+ base: 'inline-flex items-center',
4
+ variants: {
5
+ size: {
6
+ sm: 'gap-1 text-sm',
7
+ md: 'gap-2',
8
+ lg: 'gap-3 text-lg',
9
+ },
10
+ },
11
+ defaultVariants: { size: 'md' },
12
+ });
13
+ export function cascadeSelectClasses(props) {
14
+ return {
15
+ root: rootVariants(props),
16
+ levelLabel: 'text-text-muted font-medium',
17
+ levelSelect: 'px-3 py-1.5 border border-border rounded-md bg-surface cursor-pointer transition-all duration-fast hover:border-border-hover focus:border-border-focus',
18
+ clearTrigger: 'cursor-pointer text-text-muted hover:text-text transition-colors duration-fast',
19
+ };
20
+ }