@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.
- package/README.md +73 -0
- 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
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { createVariants } from '../utils/variants';
|
|
2
|
+
const rootVariants = createVariants({
|
|
3
|
+
base: 'inline-flex items-center cursor-pointer',
|
|
4
|
+
variants: {
|
|
5
|
+
size: {
|
|
6
|
+
sm: 'gap-2',
|
|
7
|
+
md: 'gap-3',
|
|
8
|
+
lg: 'gap-4',
|
|
9
|
+
},
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: { size: 'md' },
|
|
12
|
+
});
|
|
13
|
+
const trackVariants = createVariants({
|
|
14
|
+
base: 'relative rounded-full bg-surface-active transition-colors duration-fast data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed',
|
|
15
|
+
variants: {
|
|
16
|
+
size: {
|
|
17
|
+
sm: 'w-8 h-4',
|
|
18
|
+
md: 'w-11 h-6',
|
|
19
|
+
lg: 'w-14 h-7',
|
|
20
|
+
},
|
|
21
|
+
colorScheme: {
|
|
22
|
+
primary: 'data-[state=checked]:bg-primary',
|
|
23
|
+
destructive: 'data-[state=checked]:bg-destructive',
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
defaultVariants: { size: 'md', colorScheme: 'primary' },
|
|
27
|
+
});
|
|
28
|
+
const thumbVariants = createVariants({
|
|
29
|
+
base: 'absolute top-0.5 left-0.5 rounded-full bg-white shadow-sm transition-transform duration-fast',
|
|
30
|
+
variants: {
|
|
31
|
+
size: {
|
|
32
|
+
sm: 'w-3 h-3 data-[state=checked]:translate-x-4',
|
|
33
|
+
md: 'w-5 h-5 data-[state=checked]:translate-x-5',
|
|
34
|
+
lg: 'w-6 h-6 data-[state=checked]:translate-x-7',
|
|
35
|
+
},
|
|
36
|
+
},
|
|
37
|
+
defaultVariants: { size: 'md' },
|
|
38
|
+
});
|
|
39
|
+
export function switchClasses(props) {
|
|
40
|
+
return {
|
|
41
|
+
root: rootVariants(props),
|
|
42
|
+
track: trackVariants(props),
|
|
43
|
+
thumb: thumbVariants(props),
|
|
44
|
+
label: 'text-text select-none',
|
|
45
|
+
};
|
|
46
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
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
|
+
underline: string;
|
|
10
|
+
outline: string;
|
|
11
|
+
pill: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export type TabsStyleVariants = VariantProps<Variants>;
|
|
15
|
+
export interface TabsClasses {
|
|
16
|
+
root: string;
|
|
17
|
+
list: string;
|
|
18
|
+
trigger: string;
|
|
19
|
+
panel: string;
|
|
20
|
+
indicator: string;
|
|
21
|
+
}
|
|
22
|
+
export declare function tabsClasses(props?: TabsStyleVariants): TabsClasses;
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=tabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AA6CrE,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,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CAC9D,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAEtD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,WAAW,CAAC,KAAK,CAAC,EAAE,iBAAiB,GAAG,WAAW,CAQlE"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { createVariants } from '../utils/variants';
|
|
2
|
+
const listVariants = createVariants({
|
|
3
|
+
base: 'flex relative',
|
|
4
|
+
variants: {
|
|
5
|
+
variant: {
|
|
6
|
+
underline: 'border-b border-border gap-1',
|
|
7
|
+
outline: 'gap-1',
|
|
8
|
+
pill: 'gap-1 bg-surface-muted rounded-lg p-1',
|
|
9
|
+
},
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: { variant: 'underline' },
|
|
12
|
+
});
|
|
13
|
+
const triggerVariants = createVariants({
|
|
14
|
+
base: 'font-medium cursor-pointer transition-all duration-fast',
|
|
15
|
+
variants: {
|
|
16
|
+
size: {
|
|
17
|
+
sm: 'px-3 py-1.5 text-sm',
|
|
18
|
+
md: 'px-4 py-2',
|
|
19
|
+
lg: 'px-6 py-3 text-lg',
|
|
20
|
+
},
|
|
21
|
+
variant: {
|
|
22
|
+
underline: 'bg-transparent border-none border-b-2 border-transparent text-text-muted hover:text-text data-[state=active]:text-primary data-[state=active]:border-b-primary',
|
|
23
|
+
outline: 'bg-transparent border border-transparent rounded-md text-text-muted hover:text-text data-[state=active]:border-border data-[state=active]:text-text',
|
|
24
|
+
pill: 'bg-transparent border-none rounded-md text-text-muted hover:text-text data-[state=active]:bg-surface data-[state=active]:text-text data-[state=active]:shadow-sm',
|
|
25
|
+
},
|
|
26
|
+
},
|
|
27
|
+
defaultVariants: { size: 'md', variant: 'underline' },
|
|
28
|
+
});
|
|
29
|
+
const panelVariants = 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 tabsClasses(props) {
|
|
41
|
+
return {
|
|
42
|
+
root: 'flex flex-col data-[orientation=vertical]:flex-row',
|
|
43
|
+
list: listVariants(props),
|
|
44
|
+
trigger: triggerVariants(props),
|
|
45
|
+
panel: panelVariants(props),
|
|
46
|
+
indicator: 'absolute bottom-0 h-0.5 bg-primary transition-all duration-normal',
|
|
47
|
+
};
|
|
48
|
+
}
|
|
@@ -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 TagsInputStyleVariants = VariantProps<Variants>;
|
|
10
|
+
export interface TagsInputClasses {
|
|
11
|
+
root: string;
|
|
12
|
+
input: string;
|
|
13
|
+
tag: string;
|
|
14
|
+
tagRemove: string;
|
|
15
|
+
clearTrigger: string;
|
|
16
|
+
}
|
|
17
|
+
export declare function tagsInputClasses(props?: TagsInputStyleVariants): TagsInputClasses;
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=tags-input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tags-input.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/tags-input.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,sBAAsB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAE3D,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,CAAC,EAAE,sBAAsB,GAAG,gBAAgB,CAQjF"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { createVariants } from '../utils/variants';
|
|
2
|
+
const rootVariants = createVariants({
|
|
3
|
+
base: 'flex flex-wrap items-center gap-1.5 border border-border bg-surface transition-all duration-fast focus-within:border-border-focus',
|
|
4
|
+
variants: {
|
|
5
|
+
size: {
|
|
6
|
+
sm: 'px-2 py-1 rounded-md min-h-8 text-sm',
|
|
7
|
+
md: 'px-3 py-1.5 rounded-md min-h-10',
|
|
8
|
+
lg: 'px-4 py-2 rounded-lg min-h-12 text-lg',
|
|
9
|
+
},
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: { size: 'md' },
|
|
12
|
+
});
|
|
13
|
+
const tagVariants = createVariants({
|
|
14
|
+
base: 'inline-flex items-center gap-1 bg-surface-active rounded-md font-medium',
|
|
15
|
+
variants: {
|
|
16
|
+
size: {
|
|
17
|
+
sm: 'px-1.5 py-0.5 text-xs',
|
|
18
|
+
md: 'px-2 py-0.5 text-sm',
|
|
19
|
+
lg: 'px-2.5 py-1 text-base',
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: { size: 'md' },
|
|
23
|
+
});
|
|
24
|
+
export function tagsInputClasses(props) {
|
|
25
|
+
return {
|
|
26
|
+
root: rootVariants(props),
|
|
27
|
+
input: 'flex-1 bg-transparent border-none outline-none min-w-16',
|
|
28
|
+
tag: tagVariants(props),
|
|
29
|
+
tagRemove: 'cursor-pointer text-text-muted hover:text-text transition-colors duration-fast',
|
|
30
|
+
clearTrigger: 'cursor-pointer text-text-muted hover:text-text transition-colors duration-fast',
|
|
31
|
+
};
|
|
32
|
+
}
|
|
@@ -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 TimePickerStyleVariants = VariantProps<Variants>;
|
|
10
|
+
export interface TimePickerClasses {
|
|
11
|
+
root: string;
|
|
12
|
+
hoursInput: string;
|
|
13
|
+
minutesInput: string;
|
|
14
|
+
periodTrigger: string;
|
|
15
|
+
}
|
|
16
|
+
export declare function timePickerClasses(props?: TimePickerStyleVariants): TimePickerClasses;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=time-picker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/time-picker.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,uBAAuB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAE5D,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,CAAC,EAAE,uBAAuB,GAAG,iBAAiB,CAQpF"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { createVariants } from '../utils/variants';
|
|
2
|
+
const rootVariants = createVariants({
|
|
3
|
+
base: 'inline-flex items-center gap-1 border border-border bg-surface transition-all duration-fast focus-within:border-border-focus',
|
|
4
|
+
variants: {
|
|
5
|
+
size: {
|
|
6
|
+
sm: 'rounded-md px-2 h-8 text-sm',
|
|
7
|
+
md: 'rounded-md px-3 h-10',
|
|
8
|
+
lg: 'rounded-lg px-4 h-12 text-lg',
|
|
9
|
+
},
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: { size: 'md' },
|
|
12
|
+
});
|
|
13
|
+
export function timePickerClasses(props) {
|
|
14
|
+
return {
|
|
15
|
+
root: rootVariants(props),
|
|
16
|
+
hoursInput: 'w-6 bg-transparent border-none outline-none text-center',
|
|
17
|
+
minutesInput: 'w-6 bg-transparent border-none outline-none text-center',
|
|
18
|
+
periodTrigger: 'cursor-pointer bg-transparent border-none font-medium text-text-muted hover:text-text transition-colors duration-fast',
|
|
19
|
+
};
|
|
20
|
+
}
|
|
@@ -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 TimerStyleVariants = VariantProps<Variants>;
|
|
10
|
+
export interface TimerClasses {
|
|
11
|
+
root: string;
|
|
12
|
+
display: string;
|
|
13
|
+
startTrigger: string;
|
|
14
|
+
pauseTrigger: string;
|
|
15
|
+
resetTrigger: string;
|
|
16
|
+
}
|
|
17
|
+
export declare function timerClasses(props?: TimerStyleVariants): TimerClasses;
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=timer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timer.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/timer.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,kBAAkB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAEvD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,YAAY,CAAC,KAAK,CAAC,EAAE,kBAAkB,GAAG,YAAY,CAWrE"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { createVariants } from '../utils/variants';
|
|
2
|
+
const displayVariants = createVariants({
|
|
3
|
+
base: 'font-mono tabular-nums',
|
|
4
|
+
variants: {
|
|
5
|
+
size: {
|
|
6
|
+
sm: 'text-xl',
|
|
7
|
+
md: 'text-3xl',
|
|
8
|
+
lg: 'text-5xl',
|
|
9
|
+
},
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: { size: 'md' },
|
|
12
|
+
});
|
|
13
|
+
export function timerClasses(props) {
|
|
14
|
+
return {
|
|
15
|
+
root: 'inline-flex flex-col items-center gap-3',
|
|
16
|
+
display: displayVariants(props),
|
|
17
|
+
startTrigger: 'inline-flex items-center justify-center px-4 py-2 bg-primary text-text-inverted rounded-md cursor-pointer font-medium transition-colors duration-fast hover:bg-primary-hover',
|
|
18
|
+
pauseTrigger: 'inline-flex items-center justify-center px-4 py-2 border border-border rounded-md cursor-pointer font-medium transition-colors duration-fast hover:bg-surface-hover',
|
|
19
|
+
resetTrigger: 'inline-flex items-center justify-center px-4 py-2 border border-border rounded-md cursor-pointer font-medium transition-colors duration-fast hover:bg-surface-hover',
|
|
20
|
+
};
|
|
21
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
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
|
+
default: string;
|
|
10
|
+
success: string;
|
|
11
|
+
error: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export type ToastStyleVariants = VariantProps<Variants>;
|
|
15
|
+
export interface ToastClasses {
|
|
16
|
+
region: string;
|
|
17
|
+
root: string;
|
|
18
|
+
title: string;
|
|
19
|
+
description: string;
|
|
20
|
+
closeTrigger: string;
|
|
21
|
+
}
|
|
22
|
+
export declare function toastClasses(props?: ToastStyleVariants): ToastClasses;
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=toast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAmBrE,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,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;CAC7D,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAEvD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,YAAY,CAAC,KAAK,CAAC,EAAE,kBAAkB,GAAG,YAAY,CASrE"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { createVariants } from '../utils/variants';
|
|
2
|
+
const rootVariants = createVariants({
|
|
3
|
+
base: 'bg-surface border border-border shadow-lg p-4 relative flex items-start gap-3',
|
|
4
|
+
variants: {
|
|
5
|
+
size: {
|
|
6
|
+
sm: 'rounded-md min-w-64 text-sm',
|
|
7
|
+
md: 'rounded-lg min-w-80',
|
|
8
|
+
lg: 'rounded-lg min-w-96 text-lg',
|
|
9
|
+
},
|
|
10
|
+
variant: {
|
|
11
|
+
default: '',
|
|
12
|
+
success: 'border-l-4 border-l-primary',
|
|
13
|
+
error: 'border-l-4 border-l-destructive',
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
defaultVariants: { size: 'md', variant: 'default' },
|
|
17
|
+
});
|
|
18
|
+
export function toastClasses(props) {
|
|
19
|
+
return {
|
|
20
|
+
region: 'fixed z-tooltip flex flex-col gap-2 p-4',
|
|
21
|
+
root: rootVariants(props),
|
|
22
|
+
title: 'font-semibold',
|
|
23
|
+
description: 'text-text-muted',
|
|
24
|
+
closeTrigger: 'absolute top-2 right-2 bg-transparent border-none cursor-pointer text-text-muted hover:text-text transition-colors duration-fast',
|
|
25
|
+
};
|
|
26
|
+
}
|
|
@@ -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 TocStyleVariants = VariantProps<Variants>;
|
|
10
|
+
export interface TocClasses {
|
|
11
|
+
root: string;
|
|
12
|
+
list: string;
|
|
13
|
+
item: string;
|
|
14
|
+
link: string;
|
|
15
|
+
expandTrigger: string;
|
|
16
|
+
}
|
|
17
|
+
export declare function tocClasses(props?: TocStyleVariants): TocClasses;
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=toc.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toc.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/toc.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,gBAAgB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAErD,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,UAAU,CAAC,KAAK,CAAC,EAAE,gBAAgB,GAAG,UAAU,CAS/D"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { createVariants } from '../utils/variants';
|
|
2
|
+
const linkVariants = createVariants({
|
|
3
|
+
base: 'block text-text-muted transition-colors duration-fast hover:text-text data-[state=active]:text-primary data-[state=active]:font-medium',
|
|
4
|
+
variants: {
|
|
5
|
+
size: {
|
|
6
|
+
sm: 'py-0.5 text-xs',
|
|
7
|
+
md: 'py-1 text-sm',
|
|
8
|
+
lg: 'py-1.5',
|
|
9
|
+
},
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: { size: 'md' },
|
|
12
|
+
});
|
|
13
|
+
export function tocClasses(props) {
|
|
14
|
+
return {
|
|
15
|
+
root: '',
|
|
16
|
+
list: 'flex flex-col border-l border-border pl-3',
|
|
17
|
+
item: '',
|
|
18
|
+
link: linkVariants(props),
|
|
19
|
+
expandTrigger: 'inline-flex items-center justify-center cursor-pointer text-text-muted hover:text-text transition-colors duration-fast',
|
|
20
|
+
};
|
|
21
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type VariantProps } from '../utils/variants';
|
|
2
|
+
type Variants = {
|
|
3
|
+
size: {
|
|
4
|
+
sm: string;
|
|
5
|
+
md: string;
|
|
6
|
+
lg: string;
|
|
7
|
+
};
|
|
8
|
+
orientation: {
|
|
9
|
+
horizontal: string;
|
|
10
|
+
vertical: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export type ToggleGroupStyleVariants = VariantProps<Variants>;
|
|
14
|
+
export interface ToggleGroupClasses {
|
|
15
|
+
root: string;
|
|
16
|
+
item: string;
|
|
17
|
+
}
|
|
18
|
+
export declare function toggleGroupClasses(props?: ToggleGroupStyleVariants): ToggleGroupClasses;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=toggle-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/toggle-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAyBrE,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5C,WAAW,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAA;CACtD,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAE7D,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,kBAAkB,CAAC,KAAK,CAAC,EAAE,wBAAwB,GAAG,kBAAkB,CAKvF"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { createVariants } from '../utils/variants';
|
|
2
|
+
const rootVariants = createVariants({
|
|
3
|
+
base: 'inline-flex border border-border rounded-md overflow-hidden',
|
|
4
|
+
variants: {
|
|
5
|
+
orientation: {
|
|
6
|
+
horizontal: 'flex-row',
|
|
7
|
+
vertical: 'flex-col',
|
|
8
|
+
},
|
|
9
|
+
},
|
|
10
|
+
defaultVariants: { orientation: 'horizontal' },
|
|
11
|
+
});
|
|
12
|
+
const itemVariants = createVariants({
|
|
13
|
+
base: 'inline-flex items-center justify-center bg-surface cursor-pointer transition-all duration-fast hover:bg-surface-hover data-[state=on]:bg-surface-active data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed border-r border-border last:border-r-0',
|
|
14
|
+
variants: {
|
|
15
|
+
size: {
|
|
16
|
+
sm: 'px-2 py-1 text-sm',
|
|
17
|
+
md: 'px-3 py-1.5',
|
|
18
|
+
lg: 'px-4 py-2 text-lg',
|
|
19
|
+
},
|
|
20
|
+
},
|
|
21
|
+
defaultVariants: { size: 'md' },
|
|
22
|
+
});
|
|
23
|
+
export function toggleGroupClasses(props) {
|
|
24
|
+
return {
|
|
25
|
+
root: rootVariants(props),
|
|
26
|
+
item: itemVariants(props),
|
|
27
|
+
};
|
|
28
|
+
}
|
|
@@ -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
|
+
variant: {
|
|
9
|
+
outline: string;
|
|
10
|
+
ghost: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export type ToggleStyleVariants = VariantProps<Variants>;
|
|
14
|
+
export interface ToggleClasses {
|
|
15
|
+
root: string;
|
|
16
|
+
}
|
|
17
|
+
export declare function toggleClasses(props?: ToggleStyleVariants): ToggleClasses;
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=toggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAkBrE,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,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;CAC5C,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAExD,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,aAAa,CAAC,KAAK,CAAC,EAAE,mBAAmB,GAAG,aAAa,CAIxE"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { createVariants } from '../utils/variants';
|
|
2
|
+
const rootVariants = createVariants({
|
|
3
|
+
base: 'inline-flex items-center justify-center border border-border rounded-md bg-surface cursor-pointer transition-all duration-fast hover:bg-surface-hover data-[state=on]:bg-surface-active data-[state=on]:border-border-hover data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed',
|
|
4
|
+
variants: {
|
|
5
|
+
size: {
|
|
6
|
+
sm: 'p-1.5 text-sm',
|
|
7
|
+
md: 'p-2',
|
|
8
|
+
lg: 'p-3 text-lg',
|
|
9
|
+
},
|
|
10
|
+
variant: {
|
|
11
|
+
outline: '',
|
|
12
|
+
ghost: 'border-transparent',
|
|
13
|
+
},
|
|
14
|
+
},
|
|
15
|
+
defaultVariants: { size: 'md', variant: 'outline' },
|
|
16
|
+
});
|
|
17
|
+
export function toggleClasses(props) {
|
|
18
|
+
return {
|
|
19
|
+
root: rootVariants(props),
|
|
20
|
+
};
|
|
21
|
+
}
|
|
@@ -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 TooltipStyleVariants = VariantProps<Variants>;
|
|
10
|
+
export interface TooltipClasses {
|
|
11
|
+
trigger: string;
|
|
12
|
+
positioner: string;
|
|
13
|
+
content: string;
|
|
14
|
+
arrow: string;
|
|
15
|
+
}
|
|
16
|
+
export declare function tooltipClasses(props?: TooltipStyleVariants): TooltipClasses;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=tooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/tooltip.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,oBAAoB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAEzD,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE,oBAAoB,GAAG,cAAc,CAO3E"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { createVariants } from '../utils/variants';
|
|
2
|
+
const contentVariants = createVariants({
|
|
3
|
+
base: 'bg-text text-text-inverted shadow-md px-2.5 py-1.5',
|
|
4
|
+
variants: {
|
|
5
|
+
size: {
|
|
6
|
+
sm: 'rounded-md text-xs max-w-48',
|
|
7
|
+
md: 'rounded-md text-sm max-w-64',
|
|
8
|
+
lg: 'rounded-lg max-w-80',
|
|
9
|
+
},
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: { size: 'md' },
|
|
12
|
+
});
|
|
13
|
+
export function tooltipClasses(props) {
|
|
14
|
+
return {
|
|
15
|
+
trigger: '',
|
|
16
|
+
positioner: 'absolute z-tooltip',
|
|
17
|
+
content: contentVariants(props),
|
|
18
|
+
arrow: 'fill-text',
|
|
19
|
+
};
|
|
20
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type VariantProps } from '../utils/variants';
|
|
2
|
+
type Variants = Record<string, never>;
|
|
3
|
+
export type TourStyleVariants = VariantProps<Variants>;
|
|
4
|
+
export interface TourClasses {
|
|
5
|
+
root: string;
|
|
6
|
+
backdrop: string;
|
|
7
|
+
spotlight: string;
|
|
8
|
+
title: string;
|
|
9
|
+
description: string;
|
|
10
|
+
progressText: string;
|
|
11
|
+
prevTrigger: string;
|
|
12
|
+
nextTrigger: string;
|
|
13
|
+
closeTrigger: string;
|
|
14
|
+
}
|
|
15
|
+
export declare function tourClasses(): TourClasses;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=tour.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tour.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/tour.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,iBAAiB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAEtD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,WAAW,IAAI,WAAW,CAezC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export function tourClasses() {
|
|
2
|
+
return {
|
|
3
|
+
root: 'fixed z-tooltip bg-surface border border-border shadow-lg rounded-xl p-4 max-w-sm',
|
|
4
|
+
backdrop: 'fixed inset-0 bg-black/50 z-dialog',
|
|
5
|
+
spotlight: 'absolute rounded-md shadow-lg ring-4 ring-primary/30 z-dialog',
|
|
6
|
+
title: 'font-semibold mb-1',
|
|
7
|
+
description: 'text-text-muted mb-3',
|
|
8
|
+
progressText: 'text-xs text-text-muted',
|
|
9
|
+
prevTrigger: 'inline-flex items-center justify-center px-3 py-1.5 border border-border rounded-md cursor-pointer transition-colors duration-fast hover:bg-surface-hover',
|
|
10
|
+
nextTrigger: 'inline-flex items-center justify-center px-3 py-1.5 bg-primary text-text-inverted rounded-md cursor-pointer font-medium transition-colors duration-fast hover:bg-primary-hover',
|
|
11
|
+
closeTrigger: 'absolute top-2 right-2 bg-transparent border-none cursor-pointer text-text-muted hover:text-text transition-colors duration-fast',
|
|
12
|
+
};
|
|
13
|
+
}
|
|
@@ -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 TreeViewStyleVariants = VariantProps<Variants>;
|
|
10
|
+
export interface TreeViewClasses {
|
|
11
|
+
root: string;
|
|
12
|
+
item: string;
|
|
13
|
+
branchTrigger: string;
|
|
14
|
+
checkbox: string;
|
|
15
|
+
}
|
|
16
|
+
export declare function treeViewClasses(props?: TreeViewStyleVariants): TreeViewClasses;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=tree-view.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tree-view.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/tree-view.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,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,wBAAgB,eAAe,CAAC,KAAK,CAAC,EAAE,qBAAqB,GAAG,eAAe,CAS9E"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { createVariants } from '../utils/variants';
|
|
2
|
+
const itemVariants = createVariants({
|
|
3
|
+
base: 'flex items-center cursor-pointer transition-colors duration-fast hover:bg-surface-hover data-[state=selected]:bg-surface-active rounded-md',
|
|
4
|
+
variants: {
|
|
5
|
+
size: {
|
|
6
|
+
sm: 'px-2 py-0.5 text-sm gap-1.5',
|
|
7
|
+
md: 'px-2 py-1 gap-2',
|
|
8
|
+
lg: 'px-3 py-1.5 text-lg gap-2.5',
|
|
9
|
+
},
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: { size: 'md' },
|
|
12
|
+
});
|
|
13
|
+
export function treeViewClasses(props) {
|
|
14
|
+
return {
|
|
15
|
+
root: 'flex flex-col',
|
|
16
|
+
item: itemVariants(props),
|
|
17
|
+
branchTrigger: 'inline-flex items-center justify-center text-text-muted transition-transform duration-fast data-[state=open]:rotate-90',
|
|
18
|
+
checkbox: 'inline-flex items-center justify-center border-2 border-border rounded-sm w-4 h-4 data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary',
|
|
19
|
+
};
|
|
20
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export type { ThemeTokens, ThemeToken } from './theme';
|
|
2
|
+
export { cx, createVariants } from './utils/index';
|
|
3
|
+
export type { ClassValue, VariantConfig, VariantProps, VariantRecord } from './utils/index';
|
|
4
|
+
export * from './classes/index';
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGtD,OAAO,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAClD,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAG3F,cAAc,iBAAiB,CAAA"}
|