@dlbcodes/ui 0.8.0

package/dist/lib/components/primitives/panel/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Panel } from './Panel.vue';
+export { default as PanelHeader } from './PanelHeader.vue';
+export { default as PanelContent } from './PanelContent.vue';
+export { default as PanelFooter } from './PanelFooter.vue';

package/dist/lib/components/primitives/sidebar/Sidebar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/components/primitives/sidebar/Sidebar.vue.d.ts

@@ -0,0 +1,22 @@
+import { HTMLAttributes } from 'vue';
+interface Props {
+    class?: HTMLAttributes["class"];
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/components/primitives/sidebar/SidebarContent.vue.d.ts

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from 'vue';
+interface Props {
+    class?: HTMLAttributes["class"];
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/components/primitives/sidebar/SidebarFooter.vue.d.ts

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from 'vue';
+interface Props {
+    class?: HTMLAttributes["class"];
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/components/primitives/sidebar/SidebarGroup.vue.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAttributes } from 'vue';
+interface Props {
+    /** Optional group heading. */
+    label?: string;
+    class?: HTMLAttributes["class"];
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/components/primitives/sidebar/SidebarHeader.vue.d.ts

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from 'vue';
+interface Props {
+    class?: HTMLAttributes["class"];
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/components/primitives/sidebar/SidebarItem.vue.d.ts

@@ -0,0 +1,34 @@
+import { Component, HTMLAttributes } from 'vue';
+interface Props {
+    /**
+     * The element/component to render as. Use "a" for a plain link,
+     * or pass RouterLink (Vue) / NuxtLink (Nuxt) for SPA navigation.
+     */
+    as?: string | Component;
+    /** Whether this item is the active route (consumer-controlled). */
+    active?: boolean;
+    /** Whether this item is disabled (visible but not interactive). */
+    disabled?: boolean;
+    class?: HTMLAttributes["class"];
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    as: string | Component;
+    disabled: boolean;
+    active: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/components/primitives/sidebar/SidebarProvider.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/components/primitives/sidebar/SidebarTrigger.vue.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'vue';
+interface Props {
+    class?: HTMLAttributes["class"];
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+export default _default;

package/dist/lib/components/primitives/sidebar/context.d.ts

@@ -0,0 +1,12 @@
+import { InjectionKey, Ref } from 'vue';
+export interface SidebarContext {
+    isMobile: Ref<boolean>;
+    mobileOpen: Ref<boolean>;
+    collapsed: Ref<boolean>;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+}
+export declare const SidebarContextKey: InjectionKey<SidebarContext>;
+export declare const provideSidebar: (ctx: SidebarContext) => void;
+export declare const useSidebar: () => SidebarContext;

package/dist/lib/components/primitives/sidebar/index.d.ts

@@ -0,0 +1,9 @@
+export { default as SidebarProvider } from './SidebarProvider.vue';
+export { default as Sidebar } from './Sidebar.vue';
+export { default as SidebarTrigger } from './SidebarTrigger.vue';
+export { default as SidebarHeader } from './SidebarHeader.vue';
+export { default as SidebarContent } from './SidebarContent.vue';
+export { default as SidebarFooter } from './SidebarFooter.vue';
+export { default as SidebarGroup } from './SidebarGroup.vue';
+export { default as SidebarItem } from './SidebarItem.vue';
+export { useSidebar } from './context';

package/dist/lib/components/primitives/tabs/Tabs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/components/primitives/tabs/Tabs.vue.d.ts

@@ -0,0 +1,34 @@
+import { HTMLAttributes } from 'vue';
+interface Props {
+    /** Initial selected tab index (uncontrolled). */
+    defaultIndex?: number;
+    /** Controlled selected tab index. */
+    selectedIndex?: number;
+    /** Only change tab on Enter/Space, not on focus. */
+    manual?: boolean;
+    class?: HTMLAttributes["class"];
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (index: number) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((index: number) => any) | undefined;
+}>, {
+    defaultIndex: number;
+    manual: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/components/primitives/tabs/TabsContent.vue.d.ts

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from 'vue';
+interface Props {
+    class?: HTMLAttributes["class"];
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/components/primitives/tabs/TabsList.vue.d.ts

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from 'vue';
+interface Props {
+    class?: HTMLAttributes["class"];
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/components/primitives/tabs/TabsPanels.vue.d.ts

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from 'vue';
+interface Props {
+    class?: HTMLAttributes["class"];
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/components/primitives/tabs/TabsTrigger.vue.d.ts

@@ -0,0 +1,24 @@
+import { HTMLAttributes } from 'vue';
+interface Props {
+    disabled?: boolean;
+    class?: HTMLAttributes["class"];
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            selected: any;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/components/primitives/tabs/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Tabs } from './Tabs.vue';
+export { default as TabsList } from './TabsList.vue';
+export { default as TabsTrigger } from './TabsTrigger.vue';
+export { default as TabsPanels } from './TabsPanels.vue';
+export { default as TabsContent } from './TabsContent.vue';

package/dist/lib/core/field-context.d.ts

@@ -0,0 +1,24 @@
+import { InjectionKey, ComputedRef } from 'vue';
+/**
+ * Shared field state. FieldRoot provides it; FieldLabel/Description/Error use it
+ * to generate matching ids, and form controls (Input, Textarea, Checkbox, the
+ * Select trigger, ...) optionally inject it to wire aria-describedby /
+ * aria-invalid / id. Controls still work standalone when there's no Field.
+ */
+export interface FieldContext {
+    /** Base id for the field; the control uses it as its element id. */
+    id: ComputedRef<string>;
+    /** Id of the description element (for aria-describedby). */
+    descriptionId: ComputedRef<string>;
+    /** Id of the error element (for aria-describedby). */
+    errorId: ComputedRef<string>;
+    /** Whichever message id should describe the control (error wins). */
+    describedById: ComputedRef<string | undefined>;
+    /** Whether the field is invalid (drives aria-invalid + data-invalid styling). */
+    invalid: ComputedRef<boolean>;
+    /** Whether the field is disabled. */
+    disabled: ComputedRef<boolean>;
+    /** Whether the field is required. */
+    required: ComputedRef<boolean>;
+}
+export declare const FieldKey: InjectionKey<FieldContext>;

package/dist/lib/core/placement.d.ts

@@ -0,0 +1 @@
+export type Placement = "bottom-start" | "bottom-end" | "bottom" | "top-start" | "top-end" | "top";

package/dist/lib/core/transitions.d.ts

@@ -0,0 +1,8 @@
+export declare const overlayTransition: {
+    readonly enter: "transition ease-out duration-150 motion-reduce:transition-none";
+    readonly enterFrom: "opacity-0 scale-95 motion-reduce:scale-100";
+    readonly enterTo: "opacity-100 scale-100";
+    readonly leave: "transition-none";
+    readonly leaveFrom: "opacity-100";
+    readonly leaveTo: "opacity-0";
+};

package/dist/lib/index.d.ts

@@ -0,0 +1,19 @@
+export * from './components/primitives';
+export * from './components/form/field';
+export * from './components/form/select';
+export * from './components/form/multiselect';
+export * from './components/form/dropdown';
+export * from './components/form/combobox';
+export { default as Input } from './components/form/Input.vue';
+export { default as Textarea } from './components/form/Textarea.vue';
+export { default as Checkbox } from './components/form/Checkbox.vue';
+export { default as Switch } from './components/form/Switch.vue';
+export * from './components/overlays/popover';
+export * from './components/overlays/modal';
+export { cn } from './utils/cn';
+export * from './variants/button';
+export * from './variants/badge';
+export * from './variants/input';
+export * from './variants/popover';
+export type { FieldContext } from './core/field-context';
+export { FieldKey } from './core/field-context';

package/dist/lib/styles/tokens.css

@@ -0,0 +1,125 @@
+@theme {
+    /* ═══════════════════════════════════════════════════════════════
+       1 · PRIMITIVES — the raw palette (internal)
+       Source colors. You normally DON'T override these; theme via the
+       semantic tokens in section 2. Override a primitive only to shift
+       every semantic token that references it at once.
+       ═══════════════════════════════════════════════════════════════ */
+
+    /* Neutrals — text ramp (light → dark) */
+    --color-text-100: oklch(94.5% 0.009 96);
+    --color-text-300: oklch(87% 0.0155 96);
+    --color-text-500: oklch(76% 0.0155 97);
+    --color-text-700: oklch(55.11% 0.0092 99);
+    --color-text-900: oklch(19.08% 0.002 106.6);
+
+    /* Neutrals — background ramp (light → dark) */
+    --color-bg-0: oklch(100% 0 0);
+    --color-bg-100: oklch(98.18% 0.0054 95.1);
+    --color-bg-200: oklch(96.6% 0.0093 100);
+    --color-bg-300: oklch(94.85% 0.0109 95.2);
+    --color-bg-400: oklch(92.37% 0.0135 97.5);
+    --color-bg-600: oklch(84.5% 0.018 97);
+    --color-bg-900: oklch(0% 0 0);
+
+    /* Brand */
+    --color-brand-100: oklch(60.78% 0.1379 39.01);
+    --color-brand-200: oklch(67.24% 0.1308 38.76);
+
+    /* Accent */
+    --color-accent-pro-200: oklch(45.78% 0.143 287.89);
+
+    /* Status — success (green) */
+    --color-success-100: oklch(52% 0.13 152); /* text */
+    --color-success-200: oklch(90% 0.06 152); /* border */
+    --color-success-300: oklch(96.5% 0.03 152); /* surface */
+
+    /* Status — warning (amber) */
+    --color-warning-100: oklch(55% 0.12 75); /* text */
+    --color-warning-200: oklch(90% 0.08 85); /* border */
+    --color-warning-300: oklch(96.5% 0.04 85); /* surface */
+
+    /* Status — info (blue) */
+    --color-info-100: oklch(52% 0.15 250); /* text */
+    --color-info-200: oklch(90% 0.06 245); /* border */
+    --color-info-300: oklch(96.5% 0.03 245); /* surface */
+
+    /* Status — danger (red) */
+    --color-danger-100: oklch(52% 0.17 25); /* text */
+    --color-danger-200: oklch(90% 0.06 18); /* border */
+    --color-danger-300: oklch(96% 0.03 18); /* surface */
+
+    /* ═══════════════════════════════════════════════════════════════
+       2 · SEMANTIC TOKENS — the public theming API
+       Maps roles onto the primitives above. THIS is the layer to
+       override: set a semantic token to any value to retarget that role.
+       ═══════════════════════════════════════════════════════════════ */
+
+    /* Text */
+    --color-text-primary: var(--color-text-900); /* body copy, headings */
+    --color-text-secondary: var(--color-text-700); /* labels, metadata */
+    --color-text-tertiary: var(--color-text-500); /* placeholders, hints */
+    --color-text-disabled: var(--color-text-300); /* disabled state */
+    --color-text-inverse: var(--color-text-100); /* text on dark surfaces */
+
+    /* Background */
+    --color-bg-base: var(--color-bg-100); /* page background */
+    --color-bg-surface: var(--color-bg-200); /* cards, panels */
+    --color-bg-raised: var(--color-bg-0); /* floating/selected surface */
+    --color-bg-elevated: var(--color-bg-300); /* dropdowns, tooltips */
+    --color-bg-subtle: var(--color-bg-400); /* hover states, tags */
+    --color-bg-strong: var(--color-bg-600); /* separators, badges */
+    --color-bg-inverse: var(--color-bg-900); /* dark surfaces, banners */
+
+    /* Border */
+    --color-border-subtle: var(--color-bg-300); /* soft dividers */
+    --color-border-default: var(--color-bg-400); /* inputs, cards */
+    --color-border-strong: var(--color-bg-600); /* focus, emphasis */
+    --color-border-dark: var(--color-bg-900); /* strong outline */
+
+    /* Status — success */
+    --color-success-surface: var(--color-success-300);
+    --color-success-border: var(--color-success-200);
+    --color-success-text: var(--color-success-100);
+
+    /* Status — warning */
+    --color-warning-surface: var(--color-warning-300);
+    --color-warning-border: var(--color-warning-200);
+    --color-warning-text: var(--color-warning-100);
+
+    /* Status — info */
+    --color-info-surface: var(--color-info-300);
+    --color-info-border: var(--color-info-200);
+    --color-info-text: var(--color-info-100);
+
+    /* Status — danger */
+    --color-danger-surface: var(--color-danger-300);
+    --color-danger-border: var(--color-danger-200);
+    --color-danger-text: var(--color-danger-100);
+}
+
+/* ═══════════════════════════════════════════════════════════════════
+   3 · UTILITIES
+   ═══════════════════════════════════════════════════════════════════ */
+
+@utility no-scrollbar {
+    scrollbar-width: none;
+    &::-webkit-scrollbar {
+        display: none;
+    }
+}
+
+@utility scrollbar-thin {
+    scrollbar-width: thin;
+    scrollbar-color: var(--color-bg-strong) transparent;
+    &::-webkit-scrollbar {
+        width: 6px;
+    }
+    &::-webkit-scrollbar-thumb {
+        background-color: var(--color-bg-strong);
+        border-radius: 3px;
+    }
+    &::-webkit-scrollbar-track {
+        background: transparent;
+    }
+}

package/dist/lib/utils/cn.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/variants/alert.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const alertVariants: (props?: ({
+    variant?: "success" | "info" | "neutral" | "warning" | "danger" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type AlertVariantsProps = VariantProps<typeof alertVariants>;

package/dist/lib/variants/avatar.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const avatarVariants: (props?: ({
+    size?: "xl" | "lg" | "base" | "sm" | "10xl" | "9xl" | "8xl" | "7xl" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "xs" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type AvatarProps = VariantProps<typeof avatarVariants>;

package/dist/lib/variants/badge.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const badgeVariants: (props?: ({
+    variant?: "primary" | "destructive" | "outline" | "success" | "pending" | "info" | "neutral" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type BadgeProps = VariantProps<typeof badgeVariants>;

package/dist/lib/variants/button.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const buttonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "destructive" | "outline" | "ghost" | "link" | "icon" | null | undefined;
+    size?: "icon" | "xl" | "lg" | "base" | "sm" | "icon-sm" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ButtonProps = VariantProps<typeof buttonVariants>;

package/dist/lib/variants/empty.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const emptyMediaVariants: (props?: ({
+    variant?: "icon" | "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type EmptyMediaVariants = VariantProps<typeof emptyMediaVariants>;

package/dist/lib/variants/input.d.ts

@@ -0,0 +1,7 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const inputVariants: (props?: ({
+    variant?: "primary" | "contrast" | null | undefined;
+    size?: "base" | "sm" | null | undefined;
+    invalid?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type InputProps = VariantProps<typeof inputVariants>;

package/dist/lib/variants/menu-item.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const menuItemVariants: (props?: ({
+    indicator?: "none" | "trailing-check" | "leading-control" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type MenuItemProps = VariantProps<typeof menuItemVariants>;

package/dist/lib/variants/modal.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const modalVariants: (props?: ({
+    size?: "xl" | "lg" | "sm" | "5xl" | "4xl" | "3xl" | "2xl" | "full" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ModalVariantsProps = VariantProps<typeof modalVariants>;

package/dist/lib/variants/popover.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const popoverVariants: (props?: ({
+    size?: "lg" | "sm" | "xs" | "fit" | "full" | "3xs" | "2xs" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type PopoverVariantsProps = VariantProps<typeof popoverVariants>;

package/dist/lib/variants/separator.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const separatorVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type SeparatorVariantsProps = VariantProps<typeof separatorVariants>;

package/dist/lib/variants/sidebar.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const sidebarItemVariants: (props?: ({
+    active?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type SidebarItemVariants = VariantProps<typeof sidebarItemVariants>;

package/dist/lib/variants/tabs.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const tabGroupVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const tabVariants: (props?: ({
+    selected?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type TabVariantsProps = VariantProps<typeof tabVariants>;