@llui/components 0.0.2 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +73 -4
- package/dist/components/color-picker.d.ts +2 -0
- package/dist/components/color-picker.d.ts.map +1 -1
- package/dist/components/color-picker.js +8 -0
- package/dist/components/listbox.d.ts +1 -0
- package/dist/components/listbox.d.ts.map +1 -1
- package/dist/components/listbox.js +6 -0
- package/dist/components/navigation-menu.d.ts +2 -0
- package/dist/components/navigation-menu.d.ts.map +1 -1
- package/dist/components/navigation-menu.js +26 -4
- package/dist/components/tree-view.d.ts +1 -0
- package/dist/components/tree-view.d.ts.map +1 -1
- package/dist/components/tree-view.js +6 -0
- package/dist/styles/classes/accordion.d.ts +23 -0
- package/dist/styles/classes/accordion.d.ts.map +1 -0
- package/dist/styles/classes/accordion.js +47 -0
- package/dist/styles/classes/angle-slider.d.ts +19 -0
- package/dist/styles/classes/angle-slider.d.ts.map +1 -0
- package/dist/styles/classes/angle-slider.js +32 -0
- package/dist/styles/classes/async-list.d.ts +13 -0
- package/dist/styles/classes/async-list.d.ts.map +1 -0
- package/dist/styles/classes/async-list.js +9 -0
- package/dist/styles/classes/avatar.d.ts +18 -0
- package/dist/styles/classes/avatar.d.ts.map +1 -0
- package/dist/styles/classes/avatar.js +20 -0
- package/dist/styles/classes/carousel.d.ts +21 -0
- package/dist/styles/classes/carousel.d.ts.map +1 -0
- package/dist/styles/classes/carousel.js +23 -0
- package/dist/styles/classes/cascade-select.d.ts +18 -0
- package/dist/styles/classes/cascade-select.d.ts.map +1 -0
- package/dist/styles/classes/cascade-select.js +20 -0
- package/dist/styles/classes/checkbox.d.ts +21 -0
- package/dist/styles/classes/checkbox.d.ts.map +1 -0
- package/dist/styles/classes/checkbox.js +23 -0
- package/dist/styles/classes/clipboard.d.ts +12 -0
- package/dist/styles/classes/clipboard.d.ts.map +1 -0
- package/dist/styles/classes/clipboard.js +8 -0
- package/dist/styles/classes/collapsible.d.ts +21 -0
- package/dist/styles/classes/collapsible.d.ts.map +1 -0
- package/dist/styles/classes/collapsible.js +40 -0
- package/dist/styles/classes/color-picker.d.ts +14 -0
- package/dist/styles/classes/color-picker.d.ts.map +1 -0
- package/dist/styles/classes/color-picker.js +10 -0
- package/dist/styles/classes/combobox.d.ts +21 -0
- package/dist/styles/classes/combobox.d.ts.map +1 -0
- package/dist/styles/classes/combobox.js +45 -0
- package/dist/styles/classes/context-menu.d.ts +18 -0
- package/dist/styles/classes/context-menu.d.ts.map +1 -0
- package/dist/styles/classes/context-menu.js +31 -0
- package/dist/styles/classes/date-input.d.ts +18 -0
- package/dist/styles/classes/date-input.d.ts.map +1 -0
- package/dist/styles/classes/date-input.js +20 -0
- package/dist/styles/classes/date-picker.d.ts +19 -0
- package/dist/styles/classes/date-picker.d.ts.map +1 -0
- package/dist/styles/classes/date-picker.js +32 -0
- package/dist/styles/classes/dialog.d.ts +22 -0
- package/dist/styles/classes/dialog.d.ts.map +1 -0
- package/dist/styles/classes/dialog.js +24 -0
- package/dist/styles/classes/drawer.d.ts +27 -0
- package/dist/styles/classes/drawer.d.ts.map +1 -0
- package/dist/styles/classes/drawer.js +55 -0
- package/dist/styles/classes/editable.d.ts +20 -0
- package/dist/styles/classes/editable.d.ts.map +1 -0
- package/dist/styles/classes/editable.js +22 -0
- package/dist/styles/classes/file-upload.d.ts +21 -0
- package/dist/styles/classes/file-upload.d.ts.map +1 -0
- package/dist/styles/classes/file-upload.js +17 -0
- package/dist/styles/classes/floating-panel.d.ts +21 -0
- package/dist/styles/classes/floating-panel.d.ts.map +1 -0
- package/dist/styles/classes/floating-panel.js +23 -0
- package/dist/styles/classes/hover-card.d.ts +18 -0
- package/dist/styles/classes/hover-card.d.ts.map +1 -0
- package/dist/styles/classes/hover-card.js +20 -0
- package/dist/styles/classes/image-cropper.d.ts +13 -0
- package/dist/styles/classes/image-cropper.d.ts.map +1 -0
- package/dist/styles/classes/image-cropper.js +9 -0
- package/dist/styles/classes/index.d.ts +54 -0
- package/dist/styles/classes/index.d.ts.map +1 -0
- package/dist/styles/classes/index.js +53 -0
- package/dist/styles/classes/listbox.d.ts +16 -0
- package/dist/styles/classes/listbox.d.ts.map +1 -0
- package/dist/styles/classes/listbox.js +29 -0
- package/dist/styles/classes/marquee.d.ts +10 -0
- package/dist/styles/classes/marquee.d.ts.map +1 -0
- package/dist/styles/classes/marquee.js +6 -0
- package/dist/styles/classes/menu.d.ts +22 -0
- package/dist/styles/classes/menu.d.ts.map +1 -0
- package/dist/styles/classes/menu.js +35 -0
- package/dist/styles/classes/navigation-menu.d.ts +11 -0
- package/dist/styles/classes/navigation-menu.d.ts.map +1 -0
- package/dist/styles/classes/navigation-menu.js +7 -0
- package/dist/styles/classes/number-input.d.ts +18 -0
- package/dist/styles/classes/number-input.d.ts.map +1 -0
- package/dist/styles/classes/number-input.js +42 -0
- package/dist/styles/classes/pagination.d.ts +19 -0
- package/dist/styles/classes/pagination.d.ts.map +1 -0
- package/dist/styles/classes/pagination.js +32 -0
- package/dist/styles/classes/password-input.d.ts +17 -0
- package/dist/styles/classes/password-input.d.ts.map +1 -0
- package/dist/styles/classes/password-input.js +30 -0
- package/dist/styles/classes/pin-input.d.ts +17 -0
- package/dist/styles/classes/pin-input.d.ts.map +1 -0
- package/dist/styles/classes/pin-input.js +19 -0
- package/dist/styles/classes/popover.d.ts +21 -0
- package/dist/styles/classes/popover.d.ts.map +1 -0
- package/dist/styles/classes/popover.js +23 -0
- package/dist/styles/classes/presence.d.ts +9 -0
- package/dist/styles/classes/presence.d.ts.map +1 -0
- package/dist/styles/classes/presence.js +5 -0
- package/dist/styles/classes/progress.d.ts +22 -0
- package/dist/styles/classes/progress.d.ts.map +1 -0
- package/dist/styles/classes/progress.js +46 -0
- package/dist/styles/classes/qr-code.d.ts +11 -0
- package/dist/styles/classes/qr-code.d.ts.map +1 -0
- package/dist/styles/classes/qr-code.js +7 -0
- package/dist/styles/classes/radio-group.d.ts +23 -0
- package/dist/styles/classes/radio-group.d.ts.map +1 -0
- package/dist/styles/classes/radio-group.js +40 -0
- package/dist/styles/classes/rating-group.d.ts +16 -0
- package/dist/styles/classes/rating-group.d.ts.map +1 -0
- package/dist/styles/classes/rating-group.js +29 -0
- package/dist/styles/classes/scroll-area.d.ts +14 -0
- package/dist/styles/classes/scroll-area.d.ts.map +1 -0
- package/dist/styles/classes/scroll-area.js +10 -0
- package/dist/styles/classes/select.d.ts +19 -0
- package/dist/styles/classes/select.d.ts.map +1 -0
- package/dist/styles/classes/select.js +43 -0
- package/dist/styles/classes/signature-pad.d.ts +14 -0
- package/dist/styles/classes/signature-pad.d.ts.map +1 -0
- package/dist/styles/classes/signature-pad.js +10 -0
- package/dist/styles/classes/slider.d.ts +19 -0
- package/dist/styles/classes/slider.d.ts.map +1 -0
- package/dist/styles/classes/slider.js +43 -0
- package/dist/styles/classes/splitter.d.ts +17 -0
- package/dist/styles/classes/splitter.d.ts.map +1 -0
- package/dist/styles/classes/splitter.js +29 -0
- package/dist/styles/classes/steps.d.ts +24 -0
- package/dist/styles/classes/steps.d.ts.map +1 -0
- package/dist/styles/classes/steps.js +42 -0
- package/dist/styles/classes/switch.d.ts +22 -0
- package/dist/styles/classes/switch.d.ts.map +1 -0
- package/dist/styles/classes/switch.js +46 -0
- package/dist/styles/classes/tabs.d.ts +24 -0
- package/dist/styles/classes/tabs.d.ts.map +1 -0
- package/dist/styles/classes/tabs.js +48 -0
- package/dist/styles/classes/tags-input.d.ts +19 -0
- package/dist/styles/classes/tags-input.d.ts.map +1 -0
- package/dist/styles/classes/tags-input.js +32 -0
- package/dist/styles/classes/time-picker.d.ts +18 -0
- package/dist/styles/classes/time-picker.d.ts.map +1 -0
- package/dist/styles/classes/time-picker.js +20 -0
- package/dist/styles/classes/timer.d.ts +19 -0
- package/dist/styles/classes/timer.d.ts.map +1 -0
- package/dist/styles/classes/timer.js +21 -0
- package/dist/styles/classes/toast.d.ts +24 -0
- package/dist/styles/classes/toast.d.ts.map +1 -0
- package/dist/styles/classes/toast.js +26 -0
- package/dist/styles/classes/toc.d.ts +19 -0
- package/dist/styles/classes/toc.d.ts.map +1 -0
- package/dist/styles/classes/toc.js +21 -0
- package/dist/styles/classes/toggle-group.d.ts +20 -0
- package/dist/styles/classes/toggle-group.d.ts.map +1 -0
- package/dist/styles/classes/toggle-group.js +28 -0
- package/dist/styles/classes/toggle.d.ts +19 -0
- package/dist/styles/classes/toggle.d.ts.map +1 -0
- package/dist/styles/classes/toggle.js +21 -0
- package/dist/styles/classes/tooltip.d.ts +18 -0
- package/dist/styles/classes/tooltip.d.ts.map +1 -0
- package/dist/styles/classes/tooltip.js +20 -0
- package/dist/styles/classes/tour.d.ts +17 -0
- package/dist/styles/classes/tour.d.ts.map +1 -0
- package/dist/styles/classes/tour.js +13 -0
- package/dist/styles/classes/tree-view.d.ts +18 -0
- package/dist/styles/classes/tree-view.d.ts.map +1 -0
- package/dist/styles/classes/tree-view.js +20 -0
- package/dist/styles/index.d.ts +5 -0
- package/dist/styles/index.d.ts.map +1 -0
- package/dist/styles/index.js +4 -0
- package/dist/styles/theme-dark.css +56 -0
- package/dist/styles/theme.css +1782 -0
- package/dist/styles/theme.d.ts +49 -0
- package/dist/styles/theme.d.ts.map +1 -0
- package/dist/styles/theme.js +13 -0
- package/dist/styles/utils/cx.d.ts +4 -0
- package/dist/styles/utils/cx.d.ts.map +1 -0
- package/dist/styles/utils/cx.js +12 -0
- package/dist/styles/utils/index.d.ts +3 -0
- package/dist/styles/utils/index.d.ts.map +1 -0
- package/dist/styles/utils/index.js +2 -0
- package/dist/styles/utils/variants.d.ts +18 -0
- package/dist/styles/utils/variants.d.ts.map +1 -0
- package/dist/styles/utils/variants.js +25 -0
- 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:
|
|
@@ -137,7 +210,3 @@ const parts = editable.connect<S>(get, send, {
|
|
|
137
210
|
```
|
|
138
211
|
|
|
139
212
|
Supported on: editable, number-input, tags-input, pin-input, file-upload.
|
|
140
|
-
|
|
141
|
-
## License
|
|
142
|
-
|
|
143
|
-
MIT
|
|
@@ -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;
|
|
@@ -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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"}
|
|
@@ -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) }),
|
|
@@ -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;
|
|
@@ -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":"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"}
|
|
@@ -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) => {
|
|
@@ -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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../src/components/navigation-menu.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAErC;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,MAAM,WAAW,YAAY;IAC3B;yDACqD;IACrD,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,UAAU,GAClB;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,EAAE,CAAA;CAAE,GACzD;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,EAAE,CAAA;CAAE,GAC3D;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GACpB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAA;AAExC,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,IAAI,CAAC,IAAI,GAAE,WAAgB,GAAG,YAAY,CAMzD;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,UAAU,GAAG,CAAC,YAAY,EAAE,KAAK,EAAE,CAAC,CAgCpF;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM,GAAG,OAAO,CAE/D;AAED,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,OAAO,EAAE;QACP,IAAI,EAAE,QAAQ,CAAA;QACd,IAAI,EAAE,UAAU,CAAA;QAChB,EAAE,EAAE,MAAM,CAAA;QACV,eAAe,EAAE,MAAM,GAAG,SAAS,CAAA;QACnC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,GAAG,SAAS,CAAA;QAC9C,YAAY,EAAE,iBAAiB,CAAA;QAC/B,WAAW,EAAE,SAAS,CAAA;QACtB,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,QAAQ,CAAA;QACzC,YAAY,EAAE,MAAM,CAAA;QACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QAC1B,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;QAChC,cAAc,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,CAAA;QACzC,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,OAAO,EAAE;QACP,IAAI,EAAE,MAAM,CAAA;QACZ,EAAE,EAAE,MAAM,CAAA;QACV,iBAAiB,EAAE,MAAM,CAAA;QACzB,YAAY,EAAE,iBAAiB,CAAA;QAC/B,WAAW,EAAE,SAAS,CAAA;QACtB,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,QAAQ,CAAA;QACzC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../src/components/navigation-menu.ts"],"names":[],"mappings":"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"}
|
|
@@ -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
|
-
|
|
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
|
},
|
|
@@ -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';
|
|
@@ -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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"}
|
|
@@ -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',
|
|
@@ -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
|
|
@@ -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"}
|
|
@@ -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
|
+
}
|
|
@@ -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
|
|
@@ -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"}
|
|
@@ -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
|
+
}
|
|
@@ -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
|
|
@@ -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"}
|
|
@@ -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
|
+
}
|
|
@@ -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
|
|
@@ -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"}
|
|
@@ -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
|
+
}
|
|
@@ -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
|
|
@@ -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"}
|
|
@@ -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
|
+
}
|
|
@@ -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
|
|
@@ -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"}
|
|
@@ -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
|
+
}
|