uisv 0.0.1 → 0.0.3

package/dist/theme/input-menu.js

@@ -1,136 +0,0 @@
-import { defuFn } from 'defu';
-import input from './input';
-export default (options) => {
-    return defuFn({
-        slots: {
-            base: () => ['rounded-md', options.theme.transitions && 'transition-colors'],
-            trailing: 'group absolute inset-y-0 end-0 flex items-center disabled:cursor-not-allowed disabled:opacity-75',
-            arrow: 'fill-default',
-            content: 'max-h-60 w-(--reka-combobox-trigger-width) bg-default shadow-lg rounded-md ring ring-default overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-combobox-content-transform-origin) pointer-events-auto flex flex-col',
-            viewport: 'relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1',
-            group: 'p-1 isolate',
-            empty: 'text-center text-muted',
-            label: 'font-semibold text-highlighted',
-            separator: '-mx-1 my-1 h-px bg-border',
-            item: [
-                'group relative w-full flex items-center gap-1.5 p-1.5 text-sm select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75 text-default data-highlighted:not-data-disabled:text-highlighted data-highlighted:not-data-disabled:before:bg-elevated/50',
-                options.theme.transitions && 'transition-colors before:transition-colors'
-            ],
-            itemLeadingIcon: [
-                'shrink-0 text-dimmed group-data-highlighted:not-group-data-disabled:text-default',
-                options.theme.transitions && 'transition-colors'
-            ],
-            itemLeadingAvatar: 'shrink-0',
-            itemLeadingAvatarSize: '',
-            itemLeadingChip: 'shrink-0',
-            itemLeadingChipSize: '',
-            itemTrailing: 'ms-auto inline-flex gap-1.5 items-center',
-            itemTrailingIcon: 'shrink-0',
-            itemLabel: 'truncate',
-            tagsItem: 'px-1.5 py-0.5 rounded-sm font-medium inline-flex items-center gap-0.5 ring ring-inset ring-accented bg-elevated text-default data-disabled:cursor-not-allowed data-disabled:opacity-75',
-            tagsItemText: 'truncate',
-            tagsItemDelete: [
-                'inline-flex items-center rounded-xs text-dimmed hover:text-default hover:bg-accented/75 disabled:pointer-events-none',
-                options.theme.transitions && 'transition-colors'
-            ],
-            tagsItemDeleteIcon: 'shrink-0',
-            tagsInput: 'flex-1 border-0 bg-transparent placeholder:text-dimmed focus:outline-none disabled:cursor-not-allowed disabled:opacity-75'
-        },
-        variants: {
-            multiple: {
-                true: {
-                    root: 'flex-wrap'
-                },
-                false: {
-                    base: 'w-full border-0 placeholder:text-dimmed focus:outline-none disabled:cursor-not-allowed disabled:opacity-75'
-                }
-            },
-            size: {
-                xs: {
-                    label: 'p-1 text-[10px]/3 gap-1',
-                    item: 'p-1 text-xs gap-1',
-                    itemLeadingIcon: 'size-4',
-                    itemLeadingAvatarSize: '3xs',
-                    itemLeadingChip: 'size-4',
-                    itemLeadingChipSize: 'sm',
-                    itemTrailingIcon: 'size-4',
-                    tagsItem: 'text-[10px]/3',
-                    tagsItemDeleteIcon: 'size-3',
-                    empty: 'p-1 text-xs'
-                },
-                sm: {
-                    label: 'p-1.5 text-[10px]/3 gap-1.5',
-                    item: 'p-1.5 text-xs gap-1.5',
-                    itemLeadingIcon: 'size-4',
-                    itemLeadingAvatarSize: '3xs',
-                    itemLeadingChip: 'size-4',
-                    itemLeadingChipSize: 'sm',
-                    itemTrailingIcon: 'size-4',
-                    tagsItem: 'text-[10px]/3',
-                    tagsItemDeleteIcon: 'size-3',
-                    empty: 'p-1.5 text-xs'
-                },
-                md: {
-                    label: 'p-1.5 text-xs gap-1.5',
-                    item: 'p-1.5 text-sm gap-1.5',
-                    itemLeadingIcon: 'size-5',
-                    itemLeadingAvatarSize: '2xs',
-                    itemLeadingChip: 'size-5',
-                    itemLeadingChipSize: 'md',
-                    itemTrailingIcon: 'size-5',
-                    tagsItem: 'text-xs',
-                    tagsItemDeleteIcon: 'size-3.5',
-                    empty: 'p-1.5 text-sm'
-                },
-                lg: {
-                    label: 'p-2 text-xs gap-2',
-                    item: 'p-2 text-sm gap-2',
-                    itemLeadingIcon: 'size-5',
-                    itemLeadingAvatarSize: '2xs',
-                    itemLeadingChip: 'size-5',
-                    itemLeadingChipSize: 'md',
-                    itemTrailingIcon: 'size-5',
-                    tagsItem: 'text-xs',
-                    tagsItemDeleteIcon: 'size-3.5',
-                    empty: 'p-2 text-sm'
-                },
-                xl: {
-                    label: 'p-2 text-sm gap-2',
-                    item: 'p-2 text-base gap-2',
-                    itemLeadingIcon: 'size-6',
-                    itemLeadingAvatarSize: 'xs',
-                    itemLeadingChip: 'size-6',
-                    itemLeadingChipSize: 'lg',
-                    itemTrailingIcon: 'size-6',
-                    tagsItem: 'text-sm',
-                    tagsItemDeleteIcon: 'size-4',
-                    empty: 'p-2 text-base'
-                }
-            }
-        },
-        compoundVariants: [
-            {
-                variant: 'soft',
-                multiple: true,
-                class: 'has-focus:bg-elevated'
-            },
-            {
-                variant: 'ghost',
-                multiple: true,
-                class: 'has-focus:bg-elevated'
-            },
-            ...(options.theme.colors || []).map((color) => ({
-                color,
-                multiple: true,
-                variant: ['outline', 'subtle'],
-                class: `has-focus-visible:ring-2 has-focus-visible:ring-${color}`
-            })),
-            {
-                color: 'neutral',
-                multiple: true,
-                variant: ['outline', 'subtle'],
-                class: 'has-focus-visible:ring-2 has-focus-visible:ring-inverted'
-            }
-        ]
-    }, input(options));
-};

package/dist/theme/input-number.d.ts

@@ -1,16 +0,0 @@
-declare const _default: (options: Required<ModuleOptions>) => {
-    slots: {
-        root: string;
-        base: any[];
-        increment: string;
-        decrement: string;
-    };
-    variants: any;
-    compoundVariants: any[];
-    defaultVariants: {
-        size: string;
-        color: string;
-        variant: string;
-    };
-};
-export default _default;

package/dist/theme/input-number.js

@@ -1,130 +0,0 @@
-import inputTheme from './input';
-import { fieldGroupVariantWithRoot } from './field-group';
-export default (options) => {
-    const input = inputTheme(options);
-    return {
-        slots: {
-            root: 'relative inline-flex items-center',
-            base: [
-                'w-full rounded-md border-0 placeholder:text-dimmed focus:outline-none disabled:cursor-not-allowed disabled:opacity-75',
-                options.theme.transitions && 'transition-colors'
-            ],
-            increment: 'absolute flex items-center',
-            decrement: 'absolute flex items-center'
-        },
-        variants: {
-            ...fieldGroupVariantWithRoot,
-            color: {
-                ...Object.fromEntries((options.theme.colors || []).map((color) => [color, ''])),
-                neutral: ''
-            },
-            size: {
-                xs: 'px-2 py-1 text-xs gap-1',
-                sm: 'px-2.5 py-1.5 text-xs gap-1.5',
-                md: 'px-2.5 py-1.5 text-sm gap-1.5',
-                lg: 'px-3 py-2 text-sm gap-2',
-                xl: 'px-3 py-2 text-base gap-2'
-            },
-            variant: {
-                ...input.variants.variant
-            },
-            disabled: {
-                true: {
-                    increment: 'opacity-75 cursor-not-allowed',
-                    decrement: 'opacity-75 cursor-not-allowed'
-                }
-            },
-            orientation: {
-                horizontal: {
-                    base: 'text-center',
-                    increment: 'inset-y-0 end-0 pe-1',
-                    decrement: 'inset-y-0 start-0 ps-1'
-                },
-                vertical: {
-                    increment: 'top-0 end-0 pe-1 [&>button]:py-0 scale-80',
-                    decrement: 'bottom-0 end-0 pe-1 [&>button]:py-0 scale-80'
-                }
-            },
-            highlight: {
-                true: ''
-            }
-        },
-        compoundVariants: [
-            ...(options.theme.colors || []).map((color) => ({
-                color,
-                variant: ['outline', 'subtle'],
-                class: `focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-${color}`
-            })),
-            ...(options.theme.colors || []).map((color) => ({
-                color,
-                highlight: true,
-                class: `ring ring-inset ring-${color}`
-            })),
-            {
-                color: 'neutral',
-                variant: ['outline', 'subtle'],
-                class: 'focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted'
-            },
-            {
-                color: 'neutral',
-                highlight: true,
-                class: 'ring ring-inset ring-inverted'
-            },
-            {
-                orientation: 'horizontal',
-                size: 'xs',
-                class: 'px-7'
-            },
-            {
-                orientation: 'horizontal',
-                size: 'sm',
-                class: 'px-8'
-            },
-            {
-                orientation: 'horizontal',
-                size: 'md',
-                class: 'px-9'
-            },
-            {
-                orientation: 'horizontal',
-                size: 'lg',
-                class: 'px-10'
-            },
-            {
-                orientation: 'horizontal',
-                size: 'xl',
-                class: 'px-11'
-            },
-            {
-                orientation: 'vertical',
-                size: 'xs',
-                class: 'pe-7'
-            },
-            {
-                orientation: 'vertical',
-                size: 'sm',
-                class: 'pe-8'
-            },
-            {
-                orientation: 'vertical',
-                size: 'md',
-                class: 'pe-9'
-            },
-            {
-                orientation: 'vertical',
-                size: 'lg',
-                class: 'pe-10'
-            },
-            {
-                orientation: 'vertical',
-                size: 'xl',
-                class: 'pe-11'
-            }
-        ],
-        defaultVariants: {
-            size: 'md',
-            color: 'primary',
-            variant: 'outline'
-        }
-    };
-};

package/dist/theme/input-tags.d.ts

@@ -1,86 +0,0 @@
-declare const _default: (options: Required<ModuleOptions>) => Omit<{
-    slots: {
-        root: (prev: string) => string[];
-        base: () => any[];
-        item: string;
-        itemText: string;
-        itemDelete: any[];
-        itemDeleteIcon: string;
-        input: string;
-    };
-    variants: {
-        size: {
-            xs: {
-                item: string;
-                itemDeleteIcon: string;
-            };
-            sm: {
-                item: string;
-                itemDeleteIcon: string;
-            };
-            md: {
-                item: string;
-                itemDeleteIcon: string;
-            };
-            lg: {
-                item: string;
-                itemDeleteIcon: string;
-            };
-            xl: {
-                item: string;
-                itemDeleteIcon: string;
-            };
-        };
-        variant: (prev: Record<string, string>) => {
-            [k: string]: string;
-        };
-    };
-    compoundVariants: (prev: Record<string, any>[]) => {
-        class: any;
-    }[];
-}, "variants" | "slots" | "compoundVariants"> & Omit<{
-    slots: {
-        root: string;
-        base: any[];
-        leading: string;
-        leadingIcon: string;
-        leadingAvatar: string;
-        leadingAvatarSize: string;
-        trailing: string;
-        trailingIcon: string;
-    };
-    variants: any;
-    compoundVariants: any[];
-    defaultVariants: {
-        size: string;
-        color: string;
-        variant: string;
-    };
-}, "variants" | "slots" | "compoundVariants"> & {
-    variants: any;
-    slots: Omit<{
-        root: (prev: string) => string[];
-        base: () => any[];
-        item: string;
-        itemText: string;
-        itemDelete: any[];
-        itemDeleteIcon: string;
-        input: string;
-    }, "base" | "root"> & Omit<{
-        root: string;
-        base: any[];
-        leading: string;
-        leadingIcon: string;
-        leadingAvatar: string;
-        leadingAvatarSize: string;
-        trailing: string;
-        trailingIcon: string;
-    }, "base" | "root"> & {
-        base: any[] | (() => any[]);
-        root: string | ((prev: string) => string[]);
-    };
-    compoundVariants: any[] | ((prev: Record<string, any>[]) => {
-        class: any;
-    }[]);
-};
-export default _default;

package/dist/theme/input-tags.js

@@ -1,50 +0,0 @@
-import { defuFn } from 'defu';
-import input from './input';
-export default (options) => {
-    return defuFn({
-        slots: {
-            root: (prev) => [prev, 'flex-wrap'],
-            base: () => ['rounded-md', options.theme.transitions && 'transition-colors'],
-            item: 'px-1.5 py-0.5 rounded-sm font-medium inline-flex items-center gap-0.5 ring ring-inset ring-accented bg-elevated text-default data-disabled:cursor-not-allowed data-disabled:opacity-75 wrap-anywhere data-[state="active"]:bg-accented',
-            itemText: '',
-            itemDelete: [
-                'inline-flex items-center rounded-xs text-dimmed hover:text-default hover:bg-accented/75 disabled:pointer-events-none',
-                options.theme.transitions && 'transition-colors'
-            ],
-            itemDeleteIcon: 'shrink-0',
-            input: 'flex-1 border-0 bg-transparent placeholder:text-dimmed focus:outline-none disabled:cursor-not-allowed disabled:opacity-75'
-        },
-        variants: {
-            size: {
-                xs: {
-                    item: 'text-[10px]/3',
-                    itemDeleteIcon: 'size-3'
-                },
-                sm: {
-                    item: 'text-[10px]/3',
-                    itemDeleteIcon: 'size-3'
-                },
-                md: {
-                    item: 'text-xs',
-                    itemDeleteIcon: 'size-3.5'
-                },
-                lg: {
-                    item: 'text-xs',
-                    itemDeleteIcon: 'size-3.5'
-                },
-                xl: {
-                    item: 'text-sm',
-                    itemDeleteIcon: 'size-4'
-                }
-            },
-            variant: (prev) => Object.fromEntries(Object.entries(prev).map(([key, value]) => [key, replaceFocus(value)]))
-        },
-        compoundVariants: (prev) => prev.map((item) => ({
-            ...item,
-            class: typeof item.class === 'string' ? replaceFocus(item.class) : item.class
-        }))
-    }, input(options));
-};
-function replaceFocus(str) {
-    return str.replace(/focus:/g, 'has-focus:').replace(/focus-visible:/g, 'has-focus-visible:');
-}

package/dist/theme/input.d.ts

@@ -1,20 +0,0 @@
-declare const _default: (options: Required<ModuleOptions>) => {
-    slots: {
-        root: string;
-        base: any[];
-        leading: string;
-        leadingIcon: string;
-        leadingAvatar: string;
-        leadingAvatarSize: string;
-        trailing: string;
-        trailingIcon: string;
-    };
-    variants: any;
-    compoundVariants: any[];
-    defaultVariants: {
-        size: string;
-        color: string;
-        variant: string;
-    };
-};
-export default _default;

package/dist/theme/input.js

@@ -1,179 +0,0 @@
-import { fieldGroupVariantWithRoot } from './field-group';
-export default (options) => ({
-    slots: {
-        root: 'relative inline-flex items-center',
-        base: [
-            'w-full rounded-md border-0 appearance-none placeholder:text-dimmed focus:outline-none disabled:cursor-not-allowed disabled:opacity-75',
-            options.theme.transitions && 'transition-colors'
-        ],
-        leading: 'absolute inset-y-0 start-0 flex items-center',
-        leadingIcon: 'shrink-0 text-dimmed',
-        leadingAvatar: 'shrink-0',
-        leadingAvatarSize: '',
-        trailing: 'absolute inset-y-0 end-0 flex items-center',
-        trailingIcon: 'shrink-0 text-dimmed'
-    },
-    variants: {
-        ...fieldGroupVariantWithRoot,
-        size: {
-            xs: {
-                base: 'px-2 py-1 text-xs gap-1',
-                leading: 'ps-2',
-                trailing: 'pe-2',
-                leadingIcon: 'size-4',
-                leadingAvatarSize: '3xs',
-                trailingIcon: 'size-4'
-            },
-            sm: {
-                base: 'px-2.5 py-1.5 text-xs gap-1.5',
-                leading: 'ps-2.5',
-                trailing: 'pe-2.5',
-                leadingIcon: 'size-4',
-                leadingAvatarSize: '3xs',
-                trailingIcon: 'size-4'
-            },
-            md: {
-                base: 'px-2.5 py-1.5 text-sm gap-1.5',
-                leading: 'ps-2.5',
-                trailing: 'pe-2.5',
-                leadingIcon: 'size-5',
-                leadingAvatarSize: '2xs',
-                trailingIcon: 'size-5'
-            },
-            lg: {
-                base: 'px-3 py-2 text-sm gap-2',
-                leading: 'ps-3',
-                trailing: 'pe-3',
-                leadingIcon: 'size-5',
-                leadingAvatarSize: '2xs',
-                trailingIcon: 'size-5'
-            },
-            xl: {
-                base: 'px-3 py-2 text-base gap-2',
-                leading: 'ps-3',
-                trailing: 'pe-3',
-                leadingIcon: 'size-6',
-                leadingAvatarSize: 'xs',
-                trailingIcon: 'size-6'
-            }
-        },
-        variant: {
-            outline: 'text-highlighted bg-default ring ring-inset ring-accented',
-            soft: 'text-highlighted bg-elevated/50 hover:bg-elevated focus:bg-elevated disabled:bg-elevated/50',
-            subtle: 'text-highlighted bg-elevated ring ring-inset ring-accented',
-            ghost: 'text-highlighted bg-transparent hover:bg-elevated focus:bg-elevated disabled:bg-transparent dark:disabled:bg-transparent',
-            none: 'text-highlighted bg-transparent'
-        },
-        color: {
-            ...Object.fromEntries((options.theme.colors || []).map((color) => [color, ''])),
-            neutral: ''
-        },
-        leading: {
-            true: ''
-        },
-        trailing: {
-            true: ''
-        },
-        loading: {
-            true: ''
-        },
-        highlight: {
-            true: ''
-        },
-        type: {
-            file: 'file:me-1.5 file:font-medium file:text-muted file:outline-none'
-        }
-    },
-    compoundVariants: [
-        ...(options.theme.colors || []).map((color) => ({
-            color,
-            variant: ['outline', 'subtle'],
-            class: `focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-${color}`
-        })),
-        ...(options.theme.colors || []).map((color) => ({
-            color,
-            highlight: true,
-            class: `ring ring-inset ring-${color}`
-        })),
-        {
-            color: 'neutral',
-            variant: ['outline', 'subtle'],
-            class: 'focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted'
-        },
-        {
-            color: 'neutral',
-            highlight: true,
-            class: 'ring ring-inset ring-inverted'
-        },
-        {
-            leading: true,
-            size: 'xs',
-            class: 'ps-7'
-        },
-        {
-            leading: true,
-            size: 'sm',
-            class: 'ps-8'
-        },
-        {
-            leading: true,
-            size: 'md',
-            class: 'ps-9'
-        },
-        {
-            leading: true,
-            size: 'lg',
-            class: 'ps-10'
-        },
-        {
-            leading: true,
-            size: 'xl',
-            class: 'ps-11'
-        },
-        {
-            trailing: true,
-            size: 'xs',
-            class: 'pe-7'
-        },
-        {
-            trailing: true,
-            size: 'sm',
-            class: 'pe-8'
-        },
-        {
-            trailing: true,
-            size: 'md',
-            class: 'pe-9'
-        },
-        {
-            trailing: true,
-            size: 'lg',
-            class: 'pe-10'
-        },
-        {
-            trailing: true,
-            size: 'xl',
-            class: 'pe-11'
-        },
-        {
-            loading: true,
-            leading: true,
-            class: {
-                leadingIcon: 'animate-spin'
-            }
-        },
-        {
-            loading: true,
-            leading: false,
-            trailing: true,
-            class: {
-                trailingIcon: 'animate-spin'
-            }
-        }
-    ],
-    defaultVariants: {
-        size: 'md',
-        color: 'primary',
-        variant: 'outline'
-    }
-});

package/dist/theme/kbd.d.ts

@@ -1,26 +0,0 @@
-declare const _default: (options: Required<ModuleOptions>) => {
-    base: string;
-    variants: {
-        color: {
-            neutral: string;
-        };
-        variant: {
-            solid: string;
-            outline: string;
-            soft: string;
-            subtle: string;
-        };
-        size: {
-            sm: string;
-            md: string;
-            lg: string;
-        };
-    };
-    compoundVariants: any[];
-    defaultVariants: {
-        variant: string;
-        color: string;
-        size: string;
-    };
-};
-export default _default;