@llui/components 0.0.2 → 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,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 FloatingPanelStyleVariants = VariantProps<Variants>;
|
|
10
|
+
export interface FloatingPanelClasses {
|
|
11
|
+
root: string;
|
|
12
|
+
dragHandle: string;
|
|
13
|
+
content: string;
|
|
14
|
+
minimizeTrigger: string;
|
|
15
|
+
maximizeTrigger: string;
|
|
16
|
+
closeTrigger: string;
|
|
17
|
+
resizeHandle: string;
|
|
18
|
+
}
|
|
19
|
+
export declare function floatingPanelClasses(props?: FloatingPanelStyleVariants): FloatingPanelClasses;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=floating-panel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"floating-panel.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/floating-panel.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,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,oBAAoB,CAAC,KAAK,CAAC,EAAE,0BAA0B,GAAG,oBAAoB,CAc7F"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { createVariants } from '../utils/variants';
|
|
2
|
+
const rootVariants = createVariants({
|
|
3
|
+
base: 'fixed bg-surface border border-border shadow-lg rounded-xl flex flex-col overflow-hidden z-popover',
|
|
4
|
+
variants: {
|
|
5
|
+
size: {
|
|
6
|
+
sm: 'min-w-64 min-h-48',
|
|
7
|
+
md: 'min-w-80 min-h-60',
|
|
8
|
+
lg: 'min-w-96 min-h-72',
|
|
9
|
+
},
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: { size: 'md' },
|
|
12
|
+
});
|
|
13
|
+
export function floatingPanelClasses(props) {
|
|
14
|
+
return {
|
|
15
|
+
root: rootVariants(props),
|
|
16
|
+
dragHandle: 'flex items-center justify-between px-3 py-2 bg-surface-muted cursor-grab active:cursor-grabbing border-b border-border',
|
|
17
|
+
content: 'flex-1 overflow-auto p-4',
|
|
18
|
+
minimizeTrigger: 'inline-flex items-center justify-center w-6 h-6 bg-transparent border-none cursor-pointer text-text-muted hover:text-text transition-colors duration-fast',
|
|
19
|
+
maximizeTrigger: 'inline-flex items-center justify-center w-6 h-6 bg-transparent border-none cursor-pointer text-text-muted hover:text-text transition-colors duration-fast',
|
|
20
|
+
closeTrigger: 'inline-flex items-center justify-center w-6 h-6 bg-transparent border-none cursor-pointer text-text-muted hover:text-destructive transition-colors duration-fast',
|
|
21
|
+
resizeHandle: 'absolute bottom-0 right-0 w-4 h-4 cursor-nwse-resize',
|
|
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 HoverCardStyleVariants = VariantProps<Variants>;
|
|
10
|
+
export interface HoverCardClasses {
|
|
11
|
+
trigger: string;
|
|
12
|
+
positioner: string;
|
|
13
|
+
content: string;
|
|
14
|
+
arrow: string;
|
|
15
|
+
}
|
|
16
|
+
export declare function hoverCardClasses(props?: HoverCardStyleVariants): HoverCardClasses;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=hover-card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/hover-card.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,sBAAsB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAE3D,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,gBAAgB,CAAC,KAAK,CAAC,EAAE,sBAAsB,GAAG,gBAAgB,CAOjF"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { createVariants } from '../utils/variants';
|
|
2
|
+
const contentVariants = createVariants({
|
|
3
|
+
base: 'bg-surface border border-border shadow-lg p-4',
|
|
4
|
+
variants: {
|
|
5
|
+
size: {
|
|
6
|
+
sm: 'rounded-md max-w-56 text-sm',
|
|
7
|
+
md: 'rounded-lg max-w-72',
|
|
8
|
+
lg: 'rounded-xl max-w-96 text-lg',
|
|
9
|
+
},
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: { size: 'md' },
|
|
12
|
+
});
|
|
13
|
+
export function hoverCardClasses(props) {
|
|
14
|
+
return {
|
|
15
|
+
trigger: '',
|
|
16
|
+
positioner: 'absolute z-popover',
|
|
17
|
+
content: contentVariants(props),
|
|
18
|
+
arrow: 'fill-surface stroke-border',
|
|
19
|
+
};
|
|
20
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type VariantProps } from '../utils/variants';
|
|
2
|
+
type Variants = Record<string, never>;
|
|
3
|
+
export type ImageCropperStyleVariants = VariantProps<Variants>;
|
|
4
|
+
export interface ImageCropperClasses {
|
|
5
|
+
root: string;
|
|
6
|
+
image: string;
|
|
7
|
+
cropBox: string;
|
|
8
|
+
resizeHandle: string;
|
|
9
|
+
resetTrigger: string;
|
|
10
|
+
}
|
|
11
|
+
export declare function imageCropperClasses(): ImageCropperClasses;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=image-cropper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image-cropper.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/image-cropper.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,yBAAyB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAE9D,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,mBAAmB,IAAI,mBAAmB,CASzD"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export function imageCropperClasses() {
|
|
2
|
+
return {
|
|
3
|
+
root: 'relative overflow-hidden inline-block',
|
|
4
|
+
image: 'block max-w-full',
|
|
5
|
+
cropBox: 'absolute border-2 border-primary bg-primary/10 cursor-move',
|
|
6
|
+
resizeHandle: 'absolute w-3 h-3 bg-surface border-2 border-primary rounded-sm',
|
|
7
|
+
resetTrigger: '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',
|
|
8
|
+
};
|
|
9
|
+
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
export { accordionClasses, type AccordionClasses, type AccordionStyleVariants } from './accordion';
|
|
2
|
+
export { angleSliderClasses, type AngleSliderClasses, type AngleSliderStyleVariants, } from './angle-slider';
|
|
3
|
+
export { asyncListClasses, type AsyncListClasses, type AsyncListStyleVariants } from './async-list';
|
|
4
|
+
export { avatarClasses, type AvatarClasses, type AvatarStyleVariants } from './avatar';
|
|
5
|
+
export { carouselClasses, type CarouselClasses, type CarouselStyleVariants } from './carousel';
|
|
6
|
+
export { cascadeSelectClasses, type CascadeSelectClasses, type CascadeSelectStyleVariants, } from './cascade-select';
|
|
7
|
+
export { checkboxClasses, type CheckboxClasses, type CheckboxStyleVariants } from './checkbox';
|
|
8
|
+
export { clipboardClasses, type ClipboardClasses, type ClipboardStyleVariants } from './clipboard';
|
|
9
|
+
export { collapsibleClasses, type CollapsibleClasses, type CollapsibleStyleVariants, } from './collapsible';
|
|
10
|
+
export { colorPickerClasses, type ColorPickerClasses, type ColorPickerStyleVariants, } from './color-picker';
|
|
11
|
+
export { comboboxClasses, type ComboboxClasses, type ComboboxStyleVariants } from './combobox';
|
|
12
|
+
export { contextMenuClasses, type ContextMenuClasses, type ContextMenuStyleVariants, } from './context-menu';
|
|
13
|
+
export { dateInputClasses, type DateInputClasses, type DateInputStyleVariants } from './date-input';
|
|
14
|
+
export { datePickerClasses, type DatePickerClasses, type DatePickerStyleVariants, } from './date-picker';
|
|
15
|
+
export { dialogClasses, type DialogClasses, type DialogStyleVariants } from './dialog';
|
|
16
|
+
export { drawerClasses, type DrawerClasses, type DrawerStyleVariants } from './drawer';
|
|
17
|
+
export { editableClasses, type EditableClasses, type EditableStyleVariants } from './editable';
|
|
18
|
+
export { fileUploadClasses, type FileUploadClasses, type FileUploadStyleVariants, } from './file-upload';
|
|
19
|
+
export { floatingPanelClasses, type FloatingPanelClasses, type FloatingPanelStyleVariants, } from './floating-panel';
|
|
20
|
+
export { hoverCardClasses, type HoverCardClasses, type HoverCardStyleVariants } from './hover-card';
|
|
21
|
+
export { imageCropperClasses, type ImageCropperClasses, type ImageCropperStyleVariants, } from './image-cropper';
|
|
22
|
+
export { listboxClasses, type ListboxClasses, type ListboxStyleVariants } from './listbox';
|
|
23
|
+
export { marqueeClasses, type MarqueeClasses, type MarqueeStyleVariants } from './marquee';
|
|
24
|
+
export { menuClasses, type MenuClasses, type MenuStyleVariants } from './menu';
|
|
25
|
+
export { navigationMenuClasses, type NavigationMenuClasses, type NavigationMenuStyleVariants, } from './navigation-menu';
|
|
26
|
+
export { numberInputClasses, type NumberInputClasses, type NumberInputStyleVariants, } from './number-input';
|
|
27
|
+
export { paginationClasses, type PaginationClasses, type PaginationStyleVariants, } from './pagination';
|
|
28
|
+
export { passwordInputClasses, type PasswordInputClasses, type PasswordInputStyleVariants, } from './password-input';
|
|
29
|
+
export { pinInputClasses, type PinInputClasses, type PinInputStyleVariants } from './pin-input';
|
|
30
|
+
export { popoverClasses, type PopoverClasses, type PopoverStyleVariants } from './popover';
|
|
31
|
+
export { presenceClasses, type PresenceClasses, type PresenceStyleVariants } from './presence';
|
|
32
|
+
export { progressClasses, type ProgressClasses, type ProgressStyleVariants } from './progress';
|
|
33
|
+
export { qrCodeClasses, type QrCodeClasses, type QrCodeStyleVariants } from './qr-code';
|
|
34
|
+
export { radioGroupClasses, type RadioGroupClasses, type RadioGroupStyleVariants, } from './radio-group';
|
|
35
|
+
export { ratingGroupClasses, type RatingGroupClasses, type RatingGroupStyleVariants, } from './rating-group';
|
|
36
|
+
export { scrollAreaClasses, type ScrollAreaClasses, type ScrollAreaStyleVariants, } from './scroll-area';
|
|
37
|
+
export { selectClasses, type SelectClasses, type SelectStyleVariants } from './select';
|
|
38
|
+
export { signaturePadClasses, type SignaturePadClasses, type SignaturePadStyleVariants, } from './signature-pad';
|
|
39
|
+
export { sliderClasses, type SliderClasses, type SliderStyleVariants } from './slider';
|
|
40
|
+
export { splitterClasses, type SplitterClasses, type SplitterStyleVariants } from './splitter';
|
|
41
|
+
export { stepsClasses, type StepsClasses, type StepsStyleVariants } from './steps';
|
|
42
|
+
export { switchClasses, type SwitchClasses, type SwitchStyleVariants } from './switch';
|
|
43
|
+
export { tabsClasses, type TabsClasses, type TabsStyleVariants } from './tabs';
|
|
44
|
+
export { tagsInputClasses, type TagsInputClasses, type TagsInputStyleVariants } from './tags-input';
|
|
45
|
+
export { timePickerClasses, type TimePickerClasses, type TimePickerStyleVariants, } from './time-picker';
|
|
46
|
+
export { timerClasses, type TimerClasses, type TimerStyleVariants } from './timer';
|
|
47
|
+
export { toastClasses, type ToastClasses, type ToastStyleVariants } from './toast';
|
|
48
|
+
export { tocClasses, type TocClasses, type TocStyleVariants } from './toc';
|
|
49
|
+
export { toggleClasses, type ToggleClasses, type ToggleStyleVariants } from './toggle';
|
|
50
|
+
export { toggleGroupClasses, type ToggleGroupClasses, type ToggleGroupStyleVariants, } from './toggle-group';
|
|
51
|
+
export { tooltipClasses, type TooltipClasses, type TooltipStyleVariants } from './tooltip';
|
|
52
|
+
export { tourClasses, type TourClasses, type TourStyleVariants } from './tour';
|
|
53
|
+
export { treeViewClasses, type TreeViewClasses, type TreeViewStyleVariants } from './tree-view';
|
|
54
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
export { accordionClasses } from './accordion';
|
|
2
|
+
export { angleSliderClasses, } from './angle-slider';
|
|
3
|
+
export { asyncListClasses } from './async-list';
|
|
4
|
+
export { avatarClasses } from './avatar';
|
|
5
|
+
export { carouselClasses } from './carousel';
|
|
6
|
+
export { cascadeSelectClasses, } from './cascade-select';
|
|
7
|
+
export { checkboxClasses } from './checkbox';
|
|
8
|
+
export { clipboardClasses } from './clipboard';
|
|
9
|
+
export { collapsibleClasses, } from './collapsible';
|
|
10
|
+
export { colorPickerClasses, } from './color-picker';
|
|
11
|
+
export { comboboxClasses } from './combobox';
|
|
12
|
+
export { contextMenuClasses, } from './context-menu';
|
|
13
|
+
export { dateInputClasses } from './date-input';
|
|
14
|
+
export { datePickerClasses, } from './date-picker';
|
|
15
|
+
export { dialogClasses } from './dialog';
|
|
16
|
+
export { drawerClasses } from './drawer';
|
|
17
|
+
export { editableClasses } from './editable';
|
|
18
|
+
export { fileUploadClasses, } from './file-upload';
|
|
19
|
+
export { floatingPanelClasses, } from './floating-panel';
|
|
20
|
+
export { hoverCardClasses } from './hover-card';
|
|
21
|
+
export { imageCropperClasses, } from './image-cropper';
|
|
22
|
+
export { listboxClasses } from './listbox';
|
|
23
|
+
export { marqueeClasses } from './marquee';
|
|
24
|
+
export { menuClasses } from './menu';
|
|
25
|
+
export { navigationMenuClasses, } from './navigation-menu';
|
|
26
|
+
export { numberInputClasses, } from './number-input';
|
|
27
|
+
export { paginationClasses, } from './pagination';
|
|
28
|
+
export { passwordInputClasses, } from './password-input';
|
|
29
|
+
export { pinInputClasses } from './pin-input';
|
|
30
|
+
export { popoverClasses } from './popover';
|
|
31
|
+
export { presenceClasses } from './presence';
|
|
32
|
+
export { progressClasses } from './progress';
|
|
33
|
+
export { qrCodeClasses } from './qr-code';
|
|
34
|
+
export { radioGroupClasses, } from './radio-group';
|
|
35
|
+
export { ratingGroupClasses, } from './rating-group';
|
|
36
|
+
export { scrollAreaClasses, } from './scroll-area';
|
|
37
|
+
export { selectClasses } from './select';
|
|
38
|
+
export { signaturePadClasses, } from './signature-pad';
|
|
39
|
+
export { sliderClasses } from './slider';
|
|
40
|
+
export { splitterClasses } from './splitter';
|
|
41
|
+
export { stepsClasses } from './steps';
|
|
42
|
+
export { switchClasses } from './switch';
|
|
43
|
+
export { tabsClasses } from './tabs';
|
|
44
|
+
export { tagsInputClasses } from './tags-input';
|
|
45
|
+
export { timePickerClasses, } from './time-picker';
|
|
46
|
+
export { timerClasses } from './timer';
|
|
47
|
+
export { toastClasses } from './toast';
|
|
48
|
+
export { tocClasses } from './toc';
|
|
49
|
+
export { toggleClasses } from './toggle';
|
|
50
|
+
export { toggleGroupClasses, } from './toggle-group';
|
|
51
|
+
export { tooltipClasses } from './tooltip';
|
|
52
|
+
export { tourClasses } from './tour';
|
|
53
|
+
export { treeViewClasses } from './tree-view';
|
|
@@ -0,0 +1,16 @@
|
|
|
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 ListboxStyleVariants = VariantProps<Variants>;
|
|
10
|
+
export interface ListboxClasses {
|
|
11
|
+
root: string;
|
|
12
|
+
item: string;
|
|
13
|
+
}
|
|
14
|
+
export declare function listboxClasses(props?: ListboxStyleVariants): ListboxClasses;
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=listbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"listbox.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/listbox.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,oBAAoB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAEzD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE,oBAAoB,GAAG,cAAc,CAK3E"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { createVariants } from '../utils/variants';
|
|
2
|
+
const rootVariants = createVariants({
|
|
3
|
+
base: 'flex flex-col border border-border overflow-auto bg-surface',
|
|
4
|
+
variants: {
|
|
5
|
+
size: {
|
|
6
|
+
sm: 'rounded-md text-sm',
|
|
7
|
+
md: 'rounded-md',
|
|
8
|
+
lg: 'rounded-lg text-lg',
|
|
9
|
+
},
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: { size: 'md' },
|
|
12
|
+
});
|
|
13
|
+
const itemVariants = createVariants({
|
|
14
|
+
base: 'flex items-center cursor-pointer transition-colors duration-fast data-[highlighted]:bg-surface-hover data-[state=checked]:bg-surface-active data-[state=checked]:text-primary data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed',
|
|
15
|
+
variants: {
|
|
16
|
+
size: {
|
|
17
|
+
sm: 'px-2 py-1 text-sm',
|
|
18
|
+
md: 'px-3 py-1.5',
|
|
19
|
+
lg: 'px-4 py-2 text-lg',
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: { size: 'md' },
|
|
23
|
+
});
|
|
24
|
+
export function listboxClasses(props) {
|
|
25
|
+
return {
|
|
26
|
+
root: rootVariants(props),
|
|
27
|
+
item: itemVariants(props),
|
|
28
|
+
};
|
|
29
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type VariantProps } from '../utils/variants';
|
|
2
|
+
type Variants = Record<string, never>;
|
|
3
|
+
export type MarqueeStyleVariants = VariantProps<Variants>;
|
|
4
|
+
export interface MarqueeClasses {
|
|
5
|
+
root: string;
|
|
6
|
+
content: string;
|
|
7
|
+
}
|
|
8
|
+
export declare function marqueeClasses(): MarqueeClasses;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=marquee.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"marquee.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/marquee.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,oBAAoB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAEzD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,wBAAgB,cAAc,IAAI,cAAc,CAK/C"}
|
|
@@ -0,0 +1,22 @@
|
|
|
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
|
+
destructive: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export type MenuStyleVariants = VariantProps<Variants>;
|
|
14
|
+
export interface MenuClasses {
|
|
15
|
+
trigger: string;
|
|
16
|
+
positioner: string;
|
|
17
|
+
content: string;
|
|
18
|
+
item: string;
|
|
19
|
+
}
|
|
20
|
+
export declare function menuClasses(props?: MenuStyleVariants): MenuClasses;
|
|
21
|
+
export {};
|
|
22
|
+
//# sourceMappingURL=menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AA8BrE,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,WAAW,EAAE,MAAM,CAAA;KAAE,CAAA;CAClD,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAEtD,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,WAAW,CAAC,KAAK,CAAC,EAAE,iBAAiB,GAAG,WAAW,CAOlE"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { createVariants } from '../utils/variants';
|
|
2
|
+
const contentVariants = createVariants({
|
|
3
|
+
base: 'bg-surface border border-border shadow-md overflow-hidden',
|
|
4
|
+
variants: {
|
|
5
|
+
size: {
|
|
6
|
+
sm: 'rounded-md py-1 min-w-32 text-sm',
|
|
7
|
+
md: 'rounded-md py-1 min-w-40',
|
|
8
|
+
lg: 'rounded-lg py-1.5 min-w-48 text-lg',
|
|
9
|
+
},
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: { size: 'md' },
|
|
12
|
+
});
|
|
13
|
+
const itemVariants = createVariants({
|
|
14
|
+
base: 'flex items-center cursor-pointer transition-colors duration-fast data-[highlighted]:bg-surface-hover data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed',
|
|
15
|
+
variants: {
|
|
16
|
+
size: {
|
|
17
|
+
sm: 'px-2 py-1 text-sm gap-2',
|
|
18
|
+
md: 'px-3 py-1.5 gap-2',
|
|
19
|
+
lg: 'px-4 py-2 text-lg gap-3',
|
|
20
|
+
},
|
|
21
|
+
variant: {
|
|
22
|
+
default: '',
|
|
23
|
+
destructive: 'text-destructive data-[highlighted]:bg-destructive/10',
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
defaultVariants: { size: 'md', variant: 'default' },
|
|
27
|
+
});
|
|
28
|
+
export function menuClasses(props) {
|
|
29
|
+
return {
|
|
30
|
+
trigger: '',
|
|
31
|
+
positioner: 'absolute z-popover',
|
|
32
|
+
content: contentVariants(props),
|
|
33
|
+
item: itemVariants(props),
|
|
34
|
+
};
|
|
35
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type VariantProps } from '../utils/variants';
|
|
2
|
+
type Variants = Record<string, never>;
|
|
3
|
+
export type NavigationMenuStyleVariants = VariantProps<Variants>;
|
|
4
|
+
export interface NavigationMenuClasses {
|
|
5
|
+
root: string;
|
|
6
|
+
trigger: string;
|
|
7
|
+
content: string;
|
|
8
|
+
}
|
|
9
|
+
export declare function navigationMenuClasses(): NavigationMenuClasses;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=navigation-menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/navigation-menu.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,2BAA2B,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAEhE,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,wBAAgB,qBAAqB,IAAI,qBAAqB,CAO7D"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export function navigationMenuClasses() {
|
|
2
|
+
return {
|
|
3
|
+
root: 'flex items-center gap-1',
|
|
4
|
+
trigger: 'inline-flex items-center px-3 py-2 rounded-md font-medium cursor-pointer transition-colors duration-fast text-text-muted hover:text-text hover:bg-surface-hover data-[state=open]:text-text data-[state=open]:bg-surface-hover',
|
|
5
|
+
content: 'absolute z-popover bg-surface border border-border shadow-lg rounded-lg p-4',
|
|
6
|
+
};
|
|
7
|
+
}
|
|
@@ -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 NumberInputStyleVariants = VariantProps<Variants>;
|
|
10
|
+
export interface NumberInputClasses {
|
|
11
|
+
root: string;
|
|
12
|
+
input: string;
|
|
13
|
+
increment: string;
|
|
14
|
+
decrement: string;
|
|
15
|
+
}
|
|
16
|
+
export declare function numberInputClasses(props?: NumberInputStyleVariants): NumberInputClasses;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=number-input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/number-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAsCrE,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,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,CAAC,EAAE,wBAAwB,GAAG,kBAAkB,CAOvF"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { createVariants } from '../utils/variants';
|
|
2
|
+
const rootVariants = createVariants({
|
|
3
|
+
base: 'inline-flex items-center border border-border bg-surface overflow-hidden transition-all duration-fast focus-within:border-border-focus',
|
|
4
|
+
variants: {
|
|
5
|
+
size: {
|
|
6
|
+
sm: 'rounded-md h-8 text-sm',
|
|
7
|
+
md: 'rounded-md h-10',
|
|
8
|
+
lg: 'rounded-lg h-12 text-lg',
|
|
9
|
+
},
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: { size: 'md' },
|
|
12
|
+
});
|
|
13
|
+
const inputVariants = createVariants({
|
|
14
|
+
base: 'flex-1 bg-transparent border-none outline-none text-center min-w-0',
|
|
15
|
+
variants: {
|
|
16
|
+
size: {
|
|
17
|
+
sm: 'px-2 text-sm',
|
|
18
|
+
md: 'px-3',
|
|
19
|
+
lg: 'px-4 text-lg',
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: { size: 'md' },
|
|
23
|
+
});
|
|
24
|
+
const buttonVariants = createVariants({
|
|
25
|
+
base: 'flex items-center justify-center bg-transparent border-none cursor-pointer text-text-muted hover:bg-surface-hover hover:text-text transition-colors duration-fast data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed',
|
|
26
|
+
variants: {
|
|
27
|
+
size: {
|
|
28
|
+
sm: 'w-8 text-sm',
|
|
29
|
+
md: 'w-10',
|
|
30
|
+
lg: 'w-12 text-lg',
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
defaultVariants: { size: 'md' },
|
|
34
|
+
});
|
|
35
|
+
export function numberInputClasses(props) {
|
|
36
|
+
return {
|
|
37
|
+
root: rootVariants(props),
|
|
38
|
+
input: inputVariants(props),
|
|
39
|
+
increment: buttonVariants(props),
|
|
40
|
+
decrement: buttonVariants(props),
|
|
41
|
+
};
|
|
42
|
+
}
|
|
@@ -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 PaginationStyleVariants = VariantProps<Variants>;
|
|
10
|
+
export interface PaginationClasses {
|
|
11
|
+
root: string;
|
|
12
|
+
prevTrigger: string;
|
|
13
|
+
nextTrigger: string;
|
|
14
|
+
item: string;
|
|
15
|
+
ellipsis: string;
|
|
16
|
+
}
|
|
17
|
+
export declare function paginationClasses(props?: PaginationStyleVariants): PaginationClasses;
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=pagination.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/pagination.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,uBAAuB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAE5D,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,CAAC,EAAE,uBAAuB,GAAG,iBAAiB,CAQpF"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { createVariants } from '../utils/variants';
|
|
2
|
+
const itemVariants = createVariants({
|
|
3
|
+
base: 'inline-flex items-center justify-center border border-border rounded-md cursor-pointer transition-all duration-fast hover:bg-surface-hover data-[state=active]:bg-primary data-[state=active]:border-primary data-[state=active]:text-text-inverted 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
|
+
const navTriggerVariants = createVariants({
|
|
14
|
+
base: 'inline-flex items-center justify-center border border-border rounded-md cursor-pointer transition-all duration-fast hover:bg-surface-hover data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed',
|
|
15
|
+
variants: {
|
|
16
|
+
size: {
|
|
17
|
+
sm: 'w-7 h-7 text-sm',
|
|
18
|
+
md: 'w-9 h-9',
|
|
19
|
+
lg: 'w-11 h-11 text-lg',
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: { size: 'md' },
|
|
23
|
+
});
|
|
24
|
+
export function paginationClasses(props) {
|
|
25
|
+
return {
|
|
26
|
+
root: 'inline-flex items-center gap-1',
|
|
27
|
+
prevTrigger: navTriggerVariants(props),
|
|
28
|
+
nextTrigger: navTriggerVariants(props),
|
|
29
|
+
item: itemVariants(props),
|
|
30
|
+
ellipsis: 'inline-flex items-center justify-center text-text-muted',
|
|
31
|
+
};
|
|
32
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
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 PasswordInputStyleVariants = VariantProps<Variants>;
|
|
10
|
+
export interface PasswordInputClasses {
|
|
11
|
+
root: string;
|
|
12
|
+
input: string;
|
|
13
|
+
visibilityTrigger: string;
|
|
14
|
+
}
|
|
15
|
+
export declare function passwordInputClasses(props?: PasswordInputStyleVariants): PasswordInputClasses;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=password-input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"password-input.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/password-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,0BAA0B,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAE/D,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,EAAE,MAAM,CAAA;CAC1B;AAED,wBAAgB,oBAAoB,CAAC,KAAK,CAAC,EAAE,0BAA0B,GAAG,oBAAoB,CAO7F"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { createVariants } from '../utils/variants';
|
|
2
|
+
const rootVariants = createVariants({
|
|
3
|
+
base: 'inline-flex items-center border border-border bg-surface overflow-hidden transition-all duration-fast focus-within:border-border-focus',
|
|
4
|
+
variants: {
|
|
5
|
+
size: {
|
|
6
|
+
sm: 'rounded-md h-8 text-sm',
|
|
7
|
+
md: 'rounded-md h-10',
|
|
8
|
+
lg: 'rounded-lg h-12 text-lg',
|
|
9
|
+
},
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: { size: 'md' },
|
|
12
|
+
});
|
|
13
|
+
const inputVariants = createVariants({
|
|
14
|
+
base: 'flex-1 bg-transparent border-none outline-none min-w-0',
|
|
15
|
+
variants: {
|
|
16
|
+
size: {
|
|
17
|
+
sm: 'px-2.5 text-sm',
|
|
18
|
+
md: 'px-3',
|
|
19
|
+
lg: 'px-4 text-lg',
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: { size: 'md' },
|
|
23
|
+
});
|
|
24
|
+
export function passwordInputClasses(props) {
|
|
25
|
+
return {
|
|
26
|
+
root: rootVariants(props),
|
|
27
|
+
input: inputVariants(props),
|
|
28
|
+
visibilityTrigger: 'flex items-center justify-center px-2 bg-transparent border-none cursor-pointer text-text-muted hover:text-text transition-colors duration-fast',
|
|
29
|
+
};
|
|
30
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
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 PinInputStyleVariants = VariantProps<Variants>;
|
|
10
|
+
export interface PinInputClasses {
|
|
11
|
+
root: string;
|
|
12
|
+
label: string;
|
|
13
|
+
input: string;
|
|
14
|
+
}
|
|
15
|
+
export declare function pinInputClasses(props?: PinInputStyleVariants): PinInputClasses;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=pin-input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pin-input.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/pin-input.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,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,eAAe,CAAC,KAAK,CAAC,EAAE,qBAAqB,GAAG,eAAe,CAM9E"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { createVariants } from '../utils/variants';
|
|
2
|
+
const inputVariants = createVariants({
|
|
3
|
+
base: 'text-center border border-border bg-surface outline-none transition-all duration-fast focus:border-border-focus data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed',
|
|
4
|
+
variants: {
|
|
5
|
+
size: {
|
|
6
|
+
sm: 'w-8 h-8 text-sm rounded-md',
|
|
7
|
+
md: 'w-10 h-10 rounded-md',
|
|
8
|
+
lg: 'w-12 h-12 text-lg rounded-lg',
|
|
9
|
+
},
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: { size: 'md' },
|
|
12
|
+
});
|
|
13
|
+
export function pinInputClasses(props) {
|
|
14
|
+
return {
|
|
15
|
+
root: 'inline-flex items-center gap-2',
|
|
16
|
+
label: 'font-medium text-text',
|
|
17
|
+
input: inputVariants(props),
|
|
18
|
+
};
|
|
19
|
+
}
|