sv5ui 1.3.0 → 1.4.0

package/dist/Command/command.variants.d.ts

@@ -0,0 +1,226 @@
+import { type VariantProps } from 'tailwind-variants';
+export declare const commandVariants: import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            inputIcon: string;
+            input: string;
+            inputWrapper: string;
+            item: string;
+            itemIcon: string;
+            groupHeading: string;
+            empty: string;
+            loading: string;
+        };
+        sm: {
+            inputIcon: string;
+            input: string;
+            inputWrapper: string;
+            item: string;
+            itemIcon: string;
+            groupHeading: string;
+            empty: string;
+            loading: string;
+        };
+        md: {
+            inputIcon: string;
+            input: string;
+            inputWrapper: string;
+            item: string;
+            itemIcon: string;
+            groupHeading: string;
+            empty: string;
+            loading: string;
+        };
+        lg: {
+            inputIcon: string;
+            input: string;
+            inputWrapper: string;
+            item: string;
+            itemIcon: string;
+            groupHeading: string;
+            empty: string;
+            loading: string;
+        };
+        xl: {
+            inputIcon: string;
+            input: string;
+            inputWrapper: string;
+            item: string;
+            itemIcon: string;
+            groupHeading: string;
+            empty: string;
+            loading: string;
+        };
+    };
+}, {
+    root: string;
+    inputWrapper: string;
+    inputIcon: string;
+    input: string;
+    list: string;
+    empty: string;
+    loading: string;
+    group: string;
+    groupHeading: string;
+    groupItems: string;
+    separator: string;
+    item: string;
+    itemIcon: string;
+    itemWrapper: string;
+    itemLabel: string;
+    itemDescription: string;
+    itemTrailing: string;
+    footer: string;
+}, undefined, {
+    size: {
+        xs: {
+            inputIcon: string;
+            input: string;
+            inputWrapper: string;
+            item: string;
+            itemIcon: string;
+            groupHeading: string;
+            empty: string;
+            loading: string;
+        };
+        sm: {
+            inputIcon: string;
+            input: string;
+            inputWrapper: string;
+            item: string;
+            itemIcon: string;
+            groupHeading: string;
+            empty: string;
+            loading: string;
+        };
+        md: {
+            inputIcon: string;
+            input: string;
+            inputWrapper: string;
+            item: string;
+            itemIcon: string;
+            groupHeading: string;
+            empty: string;
+            loading: string;
+        };
+        lg: {
+            inputIcon: string;
+            input: string;
+            inputWrapper: string;
+            item: string;
+            itemIcon: string;
+            groupHeading: string;
+            empty: string;
+            loading: string;
+        };
+        xl: {
+            inputIcon: string;
+            input: string;
+            inputWrapper: string;
+            item: string;
+            itemIcon: string;
+            groupHeading: string;
+            empty: string;
+            loading: string;
+        };
+    };
+}, {
+    root: string;
+    inputWrapper: string;
+    inputIcon: string;
+    input: string;
+    list: string;
+    empty: string;
+    loading: string;
+    group: string;
+    groupHeading: string;
+    groupItems: string;
+    separator: string;
+    item: string;
+    itemIcon: string;
+    itemWrapper: string;
+    itemLabel: string;
+    itemDescription: string;
+    itemTrailing: string;
+    footer: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            inputIcon: string;
+            input: string;
+            inputWrapper: string;
+            item: string;
+            itemIcon: string;
+            groupHeading: string;
+            empty: string;
+            loading: string;
+        };
+        sm: {
+            inputIcon: string;
+            input: string;
+            inputWrapper: string;
+            item: string;
+            itemIcon: string;
+            groupHeading: string;
+            empty: string;
+            loading: string;
+        };
+        md: {
+            inputIcon: string;
+            input: string;
+            inputWrapper: string;
+            item: string;
+            itemIcon: string;
+            groupHeading: string;
+            empty: string;
+            loading: string;
+        };
+        lg: {
+            inputIcon: string;
+            input: string;
+            inputWrapper: string;
+            item: string;
+            itemIcon: string;
+            groupHeading: string;
+            empty: string;
+            loading: string;
+        };
+        xl: {
+            inputIcon: string;
+            input: string;
+            inputWrapper: string;
+            item: string;
+            itemIcon: string;
+            groupHeading: string;
+            empty: string;
+            loading: string;
+        };
+    };
+}, {
+    root: string;
+    inputWrapper: string;
+    inputIcon: string;
+    input: string;
+    list: string;
+    empty: string;
+    loading: string;
+    group: string;
+    groupHeading: string;
+    groupItems: string;
+    separator: string;
+    item: string;
+    itemIcon: string;
+    itemWrapper: string;
+    itemLabel: string;
+    itemDescription: string;
+    itemTrailing: string;
+    footer: string;
+}, undefined, unknown, unknown, undefined>>;
+export type CommandVariantProps = VariantProps<typeof commandVariants>;
+export type CommandSlots = keyof ReturnType<typeof commandVariants>;
+export declare const commandDefaults: {
+    defaultVariants: {
+        size: NonNullable<CommandVariantProps["size"]>;
+    };
+    slots: Partial<Record<CommandSlots, string>>;
+};

package/dist/Command/command.variants.js

@@ -0,0 +1,86 @@
+import { tv } from 'tailwind-variants';
+export const commandVariants = tv({
+    slots: {
+        root: 'flex flex-col overflow-hidden',
+        inputWrapper: 'flex items-center border-b border-outline-variant px-3',
+        inputIcon: 'mr-2 shrink-0 opacity-50',
+        input: 'flex h-12 w-full bg-transparent text-sm outline-none placeholder:text-on-surface-variant/50 disabled:cursor-not-allowed disabled:opacity-50',
+        list: 'scroll-py-1 overflow-y-auto overflow-x-hidden scrollbar-thin',
+        empty: 'py-6 text-center text-sm text-on-surface-variant',
+        loading: 'py-6 text-center text-sm text-on-surface-variant',
+        group: 'overflow-hidden p-1',
+        groupHeading: 'px-2 py-1.5 text-xs font-semibold text-on-surface-variant',
+        groupItems: '',
+        separator: '-mx-1 h-px bg-outline-variant',
+        item: 'relative flex w-full cursor-default select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[selected]:bg-surface-container-highest',
+        itemIcon: 'size-4 shrink-0',
+        itemWrapper: 'flex min-w-0 flex-1 flex-col',
+        itemLabel: 'truncate',
+        itemDescription: 'truncate text-xs text-on-surface-variant',
+        itemTrailing: 'ms-auto flex items-center gap-1',
+        footer: 'border-t border-outline-variant p-1'
+    },
+    variants: {
+        size: {
+            xs: {
+                inputIcon: 'size-3.5',
+                input: 'h-9 text-xs',
+                inputWrapper: 'px-2',
+                item: 'px-1.5 py-1 text-xs gap-1.5',
+                itemIcon: 'size-3.5',
+                groupHeading: 'px-1.5 py-1 text-[10px]',
+                empty: 'py-4 text-xs',
+                loading: 'py-4 text-xs'
+            },
+            sm: {
+                inputIcon: 'size-3.5',
+                input: 'h-10 text-xs',
+                inputWrapper: 'px-2.5',
+                item: 'px-1.5 py-1 text-xs gap-1.5',
+                itemIcon: 'size-4',
+                groupHeading: 'px-1.5 py-1 text-[10px]',
+                empty: 'py-5 text-xs',
+                loading: 'py-5 text-xs'
+            },
+            md: {
+                inputIcon: 'size-4',
+                input: 'h-12 text-sm',
+                inputWrapper: 'px-3',
+                item: 'px-2 py-1.5 text-sm gap-2',
+                itemIcon: 'size-4',
+                groupHeading: 'px-2 py-1.5 text-xs',
+                empty: 'py-6 text-sm',
+                loading: 'py-6 text-sm'
+            },
+            lg: {
+                inputIcon: 'size-5',
+                input: 'h-13 text-sm',
+                inputWrapper: 'px-3.5',
+                item: 'px-2.5 py-2 text-sm gap-2',
+                itemIcon: 'size-5',
+                groupHeading: 'px-2.5 py-2 text-xs',
+                empty: 'py-7 text-sm',
+                loading: 'py-7 text-sm'
+            },
+            xl: {
+                inputIcon: 'size-5',
+                input: 'h-14 text-base',
+                inputWrapper: 'px-4',
+                item: 'px-3 py-2 text-base gap-2.5',
+                itemIcon: 'size-5',
+                groupHeading: 'px-3 py-2 text-sm',
+                empty: 'py-8 text-base',
+                loading: 'py-8 text-base'
+            }
+        }
+    },
+    defaultVariants: {
+        size: 'md'
+    }
+});
+export const commandDefaults = {
+    defaultVariants: {
+        size: 'md'
+    },
+    slots: {}
+};

package/dist/Command/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Command } from './Command.svelte';
+export type { CommandProps } from './command.types.js';

package/dist/Command/index.js

@@ -0,0 +1 @@
+export { default as Command } from './Command.svelte';

package/dist/Select/select.variants.js

@@ -26,7 +26,7 @@ export const selectVariants = tv({
             'focus:outline-none',
             'overflow-hidden'
         ],
-        viewport: 'p-1',
+        viewport: 'p-1 max-h-60 overflow-y-auto scrollbar-thin',
         group: '',
         groupLabel: 'px-2 py-1.5 text-xs font-semibold text-on-surface-variant',
         item: [

package/dist/SelectMenu/select-menu.variants.js

@@ -14,7 +14,7 @@ export const selectMenuVariants = tv({
             'flex flex-col'
         ],
         input: 'border-b border-outline-variant',
-        viewport: 'p-1 flex-1 overflow-y-auto',
+        viewport: 'p-1 flex-1 overflow-y-auto scrollbar-thin',
         empty: 'text-center text-on-surface-variant'
     },
     variants: {