@llui/components 0.0.1 → 0.0.3

package/dist/styles/classes/checkbox.d.ts

@@ -0,0 +1,21 @@
+import { type VariantProps } from '../utils/variants';
+type Variants = {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    colorScheme: {
+        primary: string;
+        destructive: string;
+    };
+};
+export type CheckboxStyleVariants = VariantProps<Variants>;
+export interface CheckboxClasses {
+    root: string;
+    indicator: string;
+    label: string;
+}
+export declare function checkboxClasses(props?: CheckboxStyleVariants): CheckboxClasses;
+export {};
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/styles/classes/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/checkbox.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,WAAW,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAA;CACtD,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAE1D,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,eAAe,CAAC,KAAK,CAAC,EAAE,qBAAqB,GAAG,eAAe,CAM9E"}

package/dist/styles/classes/checkbox.js

@@ -0,0 +1,23 @@
+import { createVariants } from '../utils/variants';
+const rootVariants = createVariants({
+    base: 'inline-flex items-center justify-center border-2 border-border rounded-sm cursor-pointer transition-all duration-fast data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed',
+    variants: {
+        size: {
+            sm: 'w-4 h-4',
+            md: 'w-5 h-5',
+            lg: 'w-6 h-6',
+        },
+        colorScheme: {
+            primary: 'data-[state=checked]:bg-primary data-[state=checked]:border-primary',
+            destructive: 'data-[state=checked]:bg-destructive data-[state=checked]:border-destructive',
+        },
+    },
+    defaultVariants: { size: 'md', colorScheme: 'primary' },
+});
+export function checkboxClasses(props) {
+    return {
+        root: rootVariants(props),
+        indicator: 'text-text-inverted flex items-center justify-center data-[state=unchecked]:hidden',
+        label: 'text-text select-none',
+    };
+}

package/dist/styles/classes/clipboard.d.ts

@@ -0,0 +1,12 @@
+import { type VariantProps } from '../utils/variants';
+type Variants = Record<string, never>;
+export type ClipboardStyleVariants = VariantProps<Variants>;
+export interface ClipboardClasses {
+    root: string;
+    trigger: string;
+    input: string;
+    indicator: string;
+}
+export declare function clipboardClasses(): ClipboardClasses;
+export {};
+//# sourceMappingURL=clipboard.d.ts.map

package/dist/styles/classes/clipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/clipboard.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,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,gBAAgB,IAAI,gBAAgB,CASnD"}

package/dist/styles/classes/clipboard.js

@@ -0,0 +1,8 @@
+export function clipboardClasses() {
+    return {
+        root: 'inline-flex items-center gap-2',
+        trigger: 'inline-flex items-center justify-center px-3 py-1.5 border border-border rounded-md bg-surface cursor-pointer transition-colors duration-fast hover:bg-surface-hover',
+        input: 'px-3 py-1.5 border border-border rounded-md bg-surface-muted text-text-muted select-all outline-none',
+        indicator: 'text-primary transition-opacity duration-fast',
+    };
+}

package/dist/styles/classes/collapsible.d.ts

@@ -0,0 +1,21 @@
+import { type VariantProps } from '../utils/variants';
+type Variants = {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    variant: {
+        default: string;
+        ghost: string;
+    };
+};
+export type CollapsibleStyleVariants = VariantProps<Variants>;
+export interface CollapsibleClasses {
+    root: string;
+    trigger: string;
+    content: string;
+}
+export declare function collapsibleClasses(props?: CollapsibleStyleVariants): CollapsibleClasses;
+export {};
+//# sourceMappingURL=collapsible.d.ts.map

package/dist/styles/classes/collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/collapsible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAqCrE,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,wBAAwB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAE7D,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,CAAC,EAAE,wBAAwB,GAAG,kBAAkB,CAMvF"}

package/dist/styles/classes/collapsible.js

@@ -0,0 +1,40 @@
+import { createVariants } from '../utils/variants';
+const rootVariants = createVariants({
+    base: '',
+    variants: {
+        variant: {
+            default: 'border border-border rounded-lg',
+            ghost: '',
+        },
+    },
+    defaultVariants: { variant: 'default' },
+});
+const triggerVariants = createVariants({
+    base: 'flex items-center justify-between w-full bg-transparent border-none cursor-pointer font-medium transition-colors duration-fast hover:bg-surface-hover data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed',
+    variants: {
+        size: {
+            sm: 'px-3 py-2 text-sm',
+            md: 'px-4 py-3',
+            lg: 'px-5 py-4 text-lg',
+        },
+    },
+    defaultVariants: { size: 'md' },
+});
+const contentVariants = createVariants({
+    base: 'overflow-hidden data-[state=closed]:hidden',
+    variants: {
+        size: {
+            sm: 'px-3 pb-3 text-sm',
+            md: 'px-4 pb-4',
+            lg: 'px-5 pb-5 text-lg',
+        },
+    },
+    defaultVariants: { size: 'md' },
+});
+export function collapsibleClasses(props) {
+    return {
+        root: rootVariants(props),
+        trigger: triggerVariants(props),
+        content: contentVariants(props),
+    };
+}

package/dist/styles/classes/color-picker.d.ts

@@ -0,0 +1,14 @@
+import { type VariantProps } from '../utils/variants';
+type Variants = Record<string, never>;
+export type ColorPickerStyleVariants = VariantProps<Variants>;
+export interface ColorPickerClasses {
+    root: string;
+    hueSlider: string;
+    saturationSlider: string;
+    lightnessSlider: string;
+    hexInput: string;
+    swatch: string;
+}
+export declare function colorPickerClasses(): ColorPickerClasses;
+export {};
+//# sourceMappingURL=color-picker.d.ts.map

package/dist/styles/classes/color-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/color-picker.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,wBAAwB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAE7D,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,gBAAgB,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,kBAAkB,IAAI,kBAAkB,CAUvD"}

package/dist/styles/classes/color-picker.js

@@ -0,0 +1,10 @@
+export function colorPickerClasses() {
+    return {
+        root: 'flex flex-col gap-3 p-3 bg-surface border border-border rounded-lg shadow-md',
+        hueSlider: 'w-full h-3 rounded-full cursor-pointer',
+        saturationSlider: 'w-full h-3 rounded-full cursor-pointer',
+        lightnessSlider: 'w-full h-3 rounded-full cursor-pointer',
+        hexInput: 'w-full px-2 py-1 text-sm border border-border rounded-md bg-surface outline-none focus:border-border-focus transition-colors duration-fast',
+        swatch: 'w-8 h-8 rounded-md border border-border',
+    };
+}

package/dist/styles/classes/combobox.d.ts

@@ -0,0 +1,21 @@
+import { type VariantProps } from '../utils/variants';
+type Variants = {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+};
+export type ComboboxStyleVariants = VariantProps<Variants>;
+export interface ComboboxClasses {
+    root: string;
+    input: string;
+    trigger: string;
+    positioner: string;
+    content: string;
+    item: string;
+    empty: string;
+}
+export declare function comboboxClasses(props?: ComboboxStyleVariants): ComboboxClasses;
+export {};
+//# sourceMappingURL=combobox.d.ts.map

package/dist/styles/classes/combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/combobox.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,qBAAqB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAE1D,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,eAAe,CAAC,KAAK,CAAC,EAAE,qBAAqB,GAAG,eAAe,CAW9E"}

package/dist/styles/classes/combobox.js

@@ -0,0 +1,45 @@
+import { createVariants } from '../utils/variants';
+const inputVariants = createVariants({
+    base: 'w-full bg-surface border border-border outline-none transition-all duration-fast placeholder:text-text-muted focus:border-border-focus data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed',
+    variants: {
+        size: {
+            sm: 'px-2.5 py-1.5 text-sm rounded-md',
+            md: 'px-3 py-2 rounded-md',
+            lg: 'px-4 py-2.5 text-lg rounded-lg',
+        },
+    },
+    defaultVariants: { size: 'md' },
+});
+const contentVariants = createVariants({
+    base: 'bg-surface border border-border shadow-md overflow-auto',
+    variants: {
+        size: {
+            sm: 'rounded-md py-1 text-sm',
+            md: 'rounded-md py-1',
+            lg: 'rounded-lg py-1.5 text-lg',
+        },
+    },
+    defaultVariants: { size: 'md' },
+});
+const itemVariants = createVariants({
+    base: 'flex items-center cursor-pointer transition-colors duration-fast data-[highlighted]:bg-surface-hover data-[state=checked]:text-primary data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed',
+    variants: {
+        size: {
+            sm: 'px-2 py-1 text-sm',
+            md: 'px-3 py-1.5',
+            lg: 'px-4 py-2 text-lg',
+        },
+    },
+    defaultVariants: { size: 'md' },
+});
+export function comboboxClasses(props) {
+    return {
+        root: 'relative',
+        input: inputVariants(props),
+        trigger: 'absolute right-2 top-1/2 -translate-y-1/2 cursor-pointer text-text-muted hover:text-text transition-colors duration-fast',
+        positioner: 'absolute z-popover',
+        content: contentVariants(props),
+        item: itemVariants(props),
+        empty: 'px-3 py-2 text-text-muted',
+    };
+}

package/dist/styles/classes/context-menu.d.ts

@@ -0,0 +1,18 @@
+import { type VariantProps } from '../utils/variants';
+type Variants = {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+};
+export type ContextMenuStyleVariants = VariantProps<Variants>;
+export interface ContextMenuClasses {
+    trigger: string;
+    positioner: string;
+    content: string;
+    item: string;
+}
+export declare function contextMenuClasses(props?: ContextMenuStyleVariants): ContextMenuClasses;
+export {};
+//# sourceMappingURL=context-menu.d.ts.map

package/dist/styles/classes/context-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/context-menu.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,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,kBAAkB,CAAC,KAAK,CAAC,EAAE,wBAAwB,GAAG,kBAAkB,CAOvF"}

package/dist/styles/classes/context-menu.js

@@ -0,0 +1,31 @@
+import { createVariants } from '../utils/variants';
+const contentVariants = createVariants({
+    base: 'bg-surface border border-border shadow-md overflow-hidden',
+    variants: {
+        size: {
+            sm: 'rounded-md py-1 min-w-32 text-sm',
+            md: 'rounded-md py-1 min-w-48',
+            lg: 'rounded-lg py-1.5 min-w-56 text-lg',
+        },
+    },
+    defaultVariants: { size: 'md' },
+});
+const itemVariants = createVariants({
+    base: 'flex items-center cursor-pointer transition-colors duration-fast data-[highlighted]:bg-surface-hover data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed',
+    variants: {
+        size: {
+            sm: 'px-2 py-1 text-sm gap-2',
+            md: 'px-3 py-1.5 gap-2',
+            lg: 'px-4 py-2 text-lg gap-3',
+        },
+    },
+    defaultVariants: { size: 'md' },
+});
+export function contextMenuClasses(props) {
+    return {
+        trigger: '',
+        positioner: 'absolute z-popover',
+        content: contentVariants(props),
+        item: itemVariants(props),
+    };
+}

package/dist/styles/classes/date-input.d.ts

@@ -0,0 +1,18 @@
+import { type VariantProps } from '../utils/variants';
+type Variants = {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+};
+export type DateInputStyleVariants = VariantProps<Variants>;
+export interface DateInputClasses {
+    root: string;
+    input: string;
+    clearTrigger: string;
+    errorText: string;
+}
+export declare function dateInputClasses(props?: DateInputStyleVariants): DateInputClasses;
+export {};
+//# sourceMappingURL=date-input.d.ts.map

package/dist/styles/classes/date-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-input.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/date-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,sBAAsB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAE3D,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,CAAC,EAAE,sBAAsB,GAAG,gBAAgB,CAOjF"}

package/dist/styles/classes/date-input.js

@@ -0,0 +1,20 @@
+import { createVariants } from '../utils/variants';
+const rootVariants = createVariants({
+    base: 'inline-flex items-center border border-border bg-surface transition-all duration-fast focus-within:border-border-focus',
+    variants: {
+        size: {
+            sm: 'rounded-md h-8 px-2 text-sm gap-1',
+            md: 'rounded-md h-10 px-3 gap-1',
+            lg: 'rounded-lg h-12 px-4 text-lg gap-1.5',
+        },
+    },
+    defaultVariants: { size: 'md' },
+});
+export function dateInputClasses(props) {
+    return {
+        root: rootVariants(props),
+        input: 'bg-transparent border-none outline-none text-center w-8',
+        clearTrigger: 'cursor-pointer text-text-muted hover:text-text transition-colors duration-fast',
+        errorText: 'text-destructive text-sm mt-1',
+    };
+}

package/dist/styles/classes/date-picker.d.ts

@@ -0,0 +1,19 @@
+import { type VariantProps } from '../utils/variants';
+type Variants = {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+};
+export type DatePickerStyleVariants = VariantProps<Variants>;
+export interface DatePickerClasses {
+    root: string;
+    grid: string;
+    dayCell: string;
+    prevMonthTrigger: string;
+    nextMonthTrigger: string;
+}
+export declare function datePickerClasses(props?: DatePickerStyleVariants): DatePickerClasses;
+export {};
+//# sourceMappingURL=date-picker.d.ts.map

package/dist/styles/classes/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/date-picker.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,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,MAAM,CAAA;CACzB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,CAAC,EAAE,uBAAuB,GAAG,iBAAiB,CAUpF"}

package/dist/styles/classes/date-picker.js

@@ -0,0 +1,32 @@
+import { createVariants } from '../utils/variants';
+const rootVariants = createVariants({
+    base: 'inline-flex flex-col bg-surface border border-border shadow-md',
+    variants: {
+        size: {
+            sm: 'rounded-md p-2 text-sm',
+            md: 'rounded-lg p-3',
+            lg: 'rounded-lg p-4 text-lg',
+        },
+    },
+    defaultVariants: { size: 'md' },
+});
+const dayCellVariants = createVariants({
+    base: 'inline-flex items-center justify-center rounded-md cursor-pointer transition-colors duration-fast hover:bg-surface-hover data-[state=selected]:bg-primary data-[state=selected]:text-text-inverted data-[today]:font-bold data-[outside-range]:opacity-30 data-[outside-range]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed',
+    variants: {
+        size: {
+            sm: 'w-7 h-7 text-sm',
+            md: 'w-9 h-9',
+            lg: 'w-11 h-11 text-lg',
+        },
+    },
+    defaultVariants: { size: 'md' },
+});
+export function datePickerClasses(props) {
+    return {
+        root: rootVariants(props),
+        grid: 'grid grid-cols-7 gap-0.5',
+        dayCell: dayCellVariants(props),
+        prevMonthTrigger: 'inline-flex items-center justify-center cursor-pointer bg-transparent border-none text-text-muted hover:text-text transition-colors duration-fast',
+        nextMonthTrigger: 'inline-flex items-center justify-center cursor-pointer bg-transparent border-none text-text-muted hover:text-text transition-colors duration-fast',
+    };
+}

package/dist/styles/classes/dialog.d.ts

@@ -0,0 +1,22 @@
+import { type VariantProps } from '../utils/variants';
+type Variants = {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+};
+export type DialogStyleVariants = VariantProps<Variants>;
+export interface DialogClasses {
+    trigger: string;
+    backdrop: string;
+    positioner: string;
+    content: string;
+    title: string;
+    description: string;
+    closeTrigger: string;
+}
+export declare function dialogClasses(props?: DialogStyleVariants): DialogClasses;
+export {};
+//# sourceMappingURL=dialog.d.ts.map

package/dist/styles/classes/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/dialog.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,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CAC3D,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAExD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,aAAa,CAAC,KAAK,CAAC,EAAE,mBAAmB,GAAG,aAAa,CAYxE"}

package/dist/styles/classes/dialog.js

@@ -0,0 +1,24 @@
+import { createVariants } from '../utils/variants';
+const contentVariants = createVariants({
+    base: 'bg-surface rounded-xl shadow-lg p-6 relative w-full',
+    variants: {
+        size: {
+            sm: 'max-w-sm',
+            md: 'max-w-lg',
+            lg: 'max-w-2xl',
+            full: 'max-w-[calc(100vw-2rem)]',
+        },
+    },
+    defaultVariants: { size: 'md' },
+});
+export function dialogClasses(props) {
+    return {
+        trigger: '',
+        backdrop: 'fixed inset-0 bg-black/50 z-dialog data-[state=open]:animate-in data-[state=open]:fade-in',
+        positioner: 'fixed inset-0 flex items-center justify-center z-dialog',
+        content: contentVariants(props),
+        title: 'text-lg font-semibold mb-2',
+        description: 'text-text-muted mb-4',
+        closeTrigger: 'absolute top-3 right-3 bg-transparent border-none cursor-pointer text-text-muted hover:text-text transition-colors duration-fast',
+    };
+}

package/dist/styles/classes/drawer.d.ts

@@ -0,0 +1,27 @@
+import { type VariantProps } from '../utils/variants';
+type Variants = {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    placement: {
+        left: string;
+        right: string;
+        top: string;
+        bottom: string;
+    };
+};
+export type DrawerStyleVariants = VariantProps<Variants>;
+export interface DrawerClasses {
+    trigger: string;
+    backdrop: string;
+    positioner: string;
+    content: string;
+    title: string;
+    description: string;
+    closeTrigger: string;
+}
+export declare function drawerClasses(props?: DrawerStyleVariants): DrawerClasses;
+export {};
+//# sourceMappingURL=drawer.d.ts.map

package/dist/styles/classes/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AA+CrE,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5C,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;CACxE,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAExD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,aAAa,CAAC,KAAK,CAAC,EAAE,mBAAmB,GAAG,aAAa,CAWxE"}

package/dist/styles/classes/drawer.js

@@ -0,0 +1,55 @@
+import { createVariants } from '../utils/variants';
+const positionerVariants = createVariants({
+    base: 'fixed inset-0 z-dialog',
+    variants: {
+        placement: {
+            left: 'flex justify-start',
+            right: 'flex justify-end',
+            top: 'flex flex-col items-stretch',
+            bottom: 'flex flex-col items-stretch justify-end',
+        },
+    },
+    defaultVariants: { placement: 'right' },
+});
+const contentVariants = createVariants({
+    base: 'bg-surface shadow-lg relative flex flex-col overflow-auto',
+    variants: {
+        size: {
+            sm: '',
+            md: '',
+            lg: '',
+        },
+        placement: {
+            left: 'h-full',
+            right: 'h-full',
+            top: 'w-full',
+            bottom: 'w-full',
+        },
+    },
+    defaultVariants: { size: 'md', placement: 'right' },
+    compoundVariants: [
+        { size: 'sm', placement: 'left', class: 'w-64' },
+        { size: 'sm', placement: 'right', class: 'w-64' },
+        { size: 'sm', placement: 'top', class: 'h-48' },
+        { size: 'sm', placement: 'bottom', class: 'h-48' },
+        { size: 'md', placement: 'left', class: 'w-80' },
+        { size: 'md', placement: 'right', class: 'w-80' },
+        { size: 'md', placement: 'top', class: 'h-64' },
+        { size: 'md', placement: 'bottom', class: 'h-64' },
+        { size: 'lg', placement: 'left', class: 'w-96' },
+        { size: 'lg', placement: 'right', class: 'w-96' },
+        { size: 'lg', placement: 'top', class: 'h-80' },
+        { size: 'lg', placement: 'bottom', class: 'h-80' },
+    ],
+});
+export function drawerClasses(props) {
+    return {
+        trigger: '',
+        backdrop: 'fixed inset-0 bg-black/50 z-dialog',
+        positioner: positionerVariants(props),
+        content: contentVariants(props),
+        title: 'text-lg font-semibold mb-2 px-6 pt-6',
+        description: 'text-text-muted mb-4 px-6',
+        closeTrigger: 'absolute top-3 right-3 bg-transparent border-none cursor-pointer text-text-muted hover:text-text transition-colors duration-fast',
+    };
+}

package/dist/styles/classes/editable.d.ts

@@ -0,0 +1,20 @@
+import { type VariantProps } from '../utils/variants';
+type Variants = {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+};
+export type EditableStyleVariants = VariantProps<Variants>;
+export interface EditableClasses {
+    root: string;
+    preview: string;
+    input: string;
+    submitTrigger: string;
+    cancelTrigger: string;
+    editTrigger: string;
+}
+export declare function editableClasses(props?: EditableStyleVariants): EditableClasses;
+export {};
+//# sourceMappingURL=editable.d.ts.map

package/dist/styles/classes/editable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editable.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/editable.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,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,eAAe,CAAC,KAAK,CAAC,EAAE,qBAAqB,GAAG,eAAe,CAa9E"}

package/dist/styles/classes/editable.js

@@ -0,0 +1,22 @@
+import { createVariants } from '../utils/variants';
+const inputVariants = createVariants({
+    base: 'w-full bg-surface border border-border outline-none transition-all duration-fast focus:border-border-focus',
+    variants: {
+        size: {
+            sm: 'px-2 py-1 text-sm rounded-md',
+            md: 'px-3 py-1.5 rounded-md',
+            lg: 'px-4 py-2 text-lg rounded-lg',
+        },
+    },
+    defaultVariants: { size: 'md' },
+});
+export function editableClasses(props) {
+    return {
+        root: 'inline-flex items-center gap-2',
+        preview: 'cursor-pointer hover:bg-surface-hover rounded-md px-1 transition-colors duration-fast',
+        input: inputVariants(props),
+        submitTrigger: 'inline-flex items-center justify-center cursor-pointer text-primary hover:text-primary-hover transition-colors duration-fast',
+        cancelTrigger: 'inline-flex items-center justify-center cursor-pointer text-text-muted hover:text-text transition-colors duration-fast',
+        editTrigger: 'inline-flex items-center justify-center cursor-pointer text-text-muted hover:text-text transition-colors duration-fast',
+    };
+}

package/dist/styles/classes/file-upload.d.ts

@@ -0,0 +1,21 @@
+import { type VariantProps } from '../utils/variants';
+type Variants = Record<string, never>;
+export type FileUploadStyleVariants = VariantProps<Variants>;
+export interface FileUploadClasses {
+    root: string;
+    dropzone: string;
+    trigger: string;
+    hiddenInput: string;
+    label: string;
+    clearTrigger: string;
+    itemGroup: string;
+    item: string;
+    itemName: string;
+    itemSizeText: string;
+    itemPreview: string;
+    itemRemove: string;
+    itemDeleteTrigger: string;
+}
+export declare function fileUploadClasses(): FileUploadClasses;
+export {};
+//# sourceMappingURL=file-upload.d.ts.map

package/dist/styles/classes/file-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.d.ts","sourceRoot":"","sources":["../../../src/styles/classes/file-upload.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,uBAAuB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAE5D,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,EAAE,MAAM,CAAA;CAC1B;AAED,wBAAgB,iBAAiB,IAAI,iBAAiB,CAoBrD"}

package/dist/styles/classes/file-upload.js

@@ -0,0 +1,17 @@
+export function fileUploadClasses() {
+    return {
+        root: 'flex flex-col gap-3',
+        dropzone: 'flex flex-col items-center justify-center border-2 border-dashed border-border rounded-lg p-8 transition-colors duration-fast hover:border-border-hover data-[dragging]:border-primary data-[dragging]:bg-primary/5',
+        trigger: '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',
+        hiddenInput: 'sr-only',
+        label: 'font-medium text-text',
+        clearTrigger: 'cursor-pointer text-text-muted hover:text-text transition-colors duration-fast',
+        itemGroup: 'flex flex-col gap-2',
+        item: 'flex items-center gap-3 p-2 border border-border rounded-md',
+        itemName: 'font-medium text-sm truncate',
+        itemSizeText: 'text-xs text-text-muted',
+        itemPreview: 'w-10 h-10 rounded-md object-cover',
+        itemRemove: 'cursor-pointer text-text-muted hover:text-destructive transition-colors duration-fast',
+        itemDeleteTrigger: 'cursor-pointer text-text-muted hover:text-destructive transition-colors duration-fast',
+    };
+}