uisv 0.0.1 → 0.0.3

package/dist/theme/radio-group.d.ts

@@ -1,117 +0,0 @@
-declare const _default: (options: Required<ModuleOptions>) => {
-    slots: {
-        root: string;
-        fieldset: string;
-        legend: string;
-        item: string;
-        container: string;
-        base: string;
-        indicator: string;
-        wrapper: string;
-        label: string;
-        description: string;
-    };
-    variants: {
-        color: {
-            neutral: {
-                base: string;
-                indicator: string;
-            };
-        };
-        variant: {
-            list: {
-                item: string;
-            };
-            card: {
-                item: string;
-            };
-            table: {
-                item: string;
-            };
-        };
-        orientation: {
-            horizontal: {
-                fieldset: string;
-            };
-            vertical: {
-                fieldset: string;
-            };
-        };
-        indicator: {
-            start: {
-                item: string;
-                wrapper: string;
-            };
-            end: {
-                item: string;
-                wrapper: string;
-            };
-            hidden: {
-                base: string;
-                wrapper: string;
-            };
-        };
-        size: {
-            xs: {
-                fieldset: string;
-                legend: string;
-                base: string;
-                item: string;
-                container: string;
-                indicator: string;
-            };
-            sm: {
-                fieldset: string;
-                legend: string;
-                base: string;
-                item: string;
-                container: string;
-                indicator: string;
-            };
-            md: {
-                fieldset: string;
-                legend: string;
-                base: string;
-                item: string;
-                container: string;
-                indicator: string;
-            };
-            lg: {
-                fieldset: string;
-                legend: string;
-                base: string;
-                item: string;
-                container: string;
-                indicator: string;
-            };
-            xl: {
-                fieldset: string;
-                legend: string;
-                base: string;
-                item: string;
-                container: string;
-                indicator: string;
-            };
-        };
-        disabled: {
-            true: {
-                base: string;
-                label: string;
-            };
-        };
-        required: {
-            true: {
-                legend: string;
-            };
-        };
-    };
-    compoundVariants: any[];
-    defaultVariants: {
-        size: string;
-        color: string;
-        variant: string;
-        orientation: string;
-        indicator: string;
-    };
-};
-export default _default;

package/dist/theme/radio-group.js

@@ -1,180 +0,0 @@
-export default (options) => ({
-    slots: {
-        root: 'relative',
-        fieldset: 'flex gap-x-2',
-        legend: 'mb-1 block font-medium text-default',
-        item: 'flex items-start',
-        container: 'flex items-center',
-        base: 'rounded-full ring ring-inset ring-accented overflow-hidden focus-visible:outline-2 focus-visible:outline-offset-2',
-        indicator: 'flex items-center justify-center size-full after:bg-default after:rounded-full',
-        wrapper: 'w-full',
-        label: 'block font-medium text-default',
-        description: 'text-muted'
-    },
-    variants: {
-        color: {
-            ...Object.fromEntries((options.theme.colors || []).map((color) => [
-                color,
-                {
-                    base: `focus-visible:outline-${color}`,
-                    indicator: `bg-${color}`
-                }
-            ])),
-            neutral: {
-                base: 'focus-visible:outline-inverted',
-                indicator: 'bg-inverted'
-            }
-        },
-        variant: {
-            list: {
-                item: ''
-            },
-            card: {
-                item: 'border border-muted rounded-lg'
-            },
-            table: {
-                item: 'border border-muted'
-            }
-        },
-        orientation: {
-            horizontal: {
-                fieldset: 'flex-row'
-            },
-            vertical: {
-                fieldset: 'flex-col'
-            }
-        },
-        indicator: {
-            start: {
-                item: 'flex-row',
-                wrapper: 'ms-2'
-            },
-            end: {
-                item: 'flex-row-reverse',
-                wrapper: 'me-2'
-            },
-            hidden: {
-                base: 'sr-only',
-                wrapper: 'text-center'
-            }
-        },
-        size: {
-            xs: {
-                fieldset: 'gap-y-0.5',
-                legend: 'text-xs',
-                base: 'size-3',
-                item: 'text-xs',
-                container: 'h-4',
-                indicator: 'after:size-1'
-            },
-            sm: {
-                fieldset: 'gap-y-0.5',
-                legend: 'text-xs',
-                base: 'size-3.5',
-                item: 'text-xs',
-                container: 'h-4',
-                indicator: 'after:size-1'
-            },
-            md: {
-                fieldset: 'gap-y-1',
-                legend: 'text-sm',
-                base: 'size-4',
-                item: 'text-sm',
-                container: 'h-5',
-                indicator: 'after:size-1.5'
-            },
-            lg: {
-                fieldset: 'gap-y-1',
-                legend: 'text-sm',
-                base: 'size-4.5',
-                item: 'text-sm',
-                container: 'h-5',
-                indicator: 'after:size-1.5'
-            },
-            xl: {
-                fieldset: 'gap-y-1.5',
-                legend: 'text-base',
-                base: 'size-5',
-                item: 'text-base',
-                container: 'h-6',
-                indicator: 'after:size-2'
-            }
-        },
-        disabled: {
-            true: {
-                base: 'cursor-not-allowed opacity-75',
-                label: 'cursor-not-allowed opacity-75'
-            }
-        },
-        required: {
-            true: {
-                legend: "after:content-['*'] after:ms-0.5 after:text-error"
-            }
-        }
-    },
-    compoundVariants: [
-        { size: 'xs', variant: ['card', 'table'], class: { item: 'p-2.5' } },
-        { size: 'sm', variant: ['card', 'table'], class: { item: 'p-3' } },
-        { size: 'md', variant: ['card', 'table'], class: { item: 'p-3.5' } },
-        { size: 'lg', variant: ['card', 'table'], class: { item: 'p-4' } },
-        { size: 'xl', variant: ['card', 'table'], class: { item: 'p-4.5' } },
-        {
-            orientation: 'horizontal',
-            variant: 'table',
-            class: {
-                item: 'first-of-type:rounded-s-lg last-of-type:rounded-e-lg',
-                fieldset: 'gap-0 -space-x-px'
-            }
-        },
-        {
-            orientation: 'vertical',
-            variant: 'table',
-            class: {
-                item: 'first-of-type:rounded-t-lg last-of-type:rounded-b-lg',
-                fieldset: 'gap-0 -space-y-px'
-            }
-        },
-        ...(options.theme.colors || []).map((color) => ({
-            color,
-            variant: 'card',
-            class: {
-                item: `has-data-[state=checked]:border-${color}`
-            }
-        })),
-        {
-            color: 'neutral',
-            variant: 'card',
-            class: {
-                item: 'has-data-[state=checked]:border-inverted'
-            }
-        },
-        ...(options.theme.colors || []).map((color) => ({
-            color,
-            variant: 'table',
-            class: {
-                item: `has-data-[state=checked]:bg-${color}/10 has-data-[state=checked]:border-${color}/50 has-data-[state=checked]:z-[1]`
-            }
-        })),
-        {
-            color: 'neutral',
-            variant: 'table',
-            class: {
-                item: 'has-data-[state=checked]:bg-elevated has-data-[state=checked]:border-inverted/50 has-data-[state=checked]:z-[1]'
-            }
-        },
-        {
-            variant: ['card', 'table'],
-            disabled: true,
-            class: {
-                item: 'cursor-not-allowed opacity-75'
-            }
-        }
-    ],
-    defaultVariants: {
-        size: 'md',
-        color: 'primary',
-        variant: 'list',
-        orientation: 'vertical',
-        indicator: 'start'
-    }
-});

package/dist/theme/select-menu.d.ts

@@ -1,141 +0,0 @@
-declare const _default: (options: Required<ModuleOptions>) => Omit<{
-    slots: {
-        input: string;
-        focusScope: string;
-        content: (content: string) => string[];
-    };
-    compoundVariants: (prev: Record<string, any>[]) => {
-        class: any;
-    }[];
-}, "slots" | "compoundVariants"> & Omit<Omit<{
-    slots: {
-        root: () => undefined;
-        base: () => any[];
-        value: string;
-        placeholder: string;
-        arrow: string;
-        content: string;
-        viewport: string;
-        group: string;
-        empty: string;
-        label: string;
-        separator: string;
-        item: any[];
-        itemLeadingIcon: any[];
-        itemLeadingAvatar: string;
-        itemLeadingAvatarSize: string;
-        itemLeadingChip: string;
-        itemLeadingChipSize: string;
-        itemTrailing: string;
-        itemTrailingIcon: string;
-        itemLabel: string;
-    };
-    variants: any;
-    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: () => undefined;
-        base: () => any[];
-        value: string;
-        placeholder: string;
-        arrow: string;
-        content: string;
-        viewport: string;
-        group: string;
-        empty: string;
-        label: string;
-        separator: string;
-        item: any[];
-        itemLeadingIcon: any[];
-        itemLeadingAvatar: string;
-        itemLeadingAvatarSize: string;
-        itemLeadingChip: string;
-        itemLeadingChipSize: string;
-        itemTrailing: string;
-        itemTrailingIcon: string;
-        itemLabel: 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 | (() => undefined);
-    };
-    compoundVariants: any[] | ((prev: Record<string, any>[]) => {
-        class: any;
-    }[]);
-}, "slots" | "compoundVariants"> & {
-    slots: Omit<{
-        input: string;
-        focusScope: string;
-        content: (content: string) => string[];
-    }, "content"> & Omit<Omit<{
-        root: () => undefined;
-        base: () => any[];
-        value: string;
-        placeholder: string;
-        arrow: string;
-        content: string;
-        viewport: string;
-        group: string;
-        empty: string;
-        label: string;
-        separator: string;
-        item: any[];
-        itemLeadingIcon: any[];
-        itemLeadingAvatar: string;
-        itemLeadingAvatarSize: string;
-        itemLeadingChip: string;
-        itemLeadingChipSize: string;
-        itemTrailing: string;
-        itemTrailingIcon: string;
-        itemLabel: 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 | (() => undefined);
-    }, "content"> & {
-        content: string | ((content: string) => string[]);
-    };
-    compoundVariants: any[] | ((prev: Record<string, any>[]) => {
-        class: any;
-    }[]) | ((prev: Record<string, any>[]) => {
-        class: any;
-    }[]);
-};
-export default _default;

package/dist/theme/select-menu.js

@@ -1,21 +0,0 @@
-import { defuFn } from 'defu';
-import select from './select';
-export default (options) => {
-    return defuFn({
-        slots: {
-            input: 'border-b border-default',
-            focusScope: 'flex flex-col min-h-0',
-            content: (content) => [
-                content,
-                'origin-(--reka-combobox-content-transform-origin) w-(--reka-combobox-trigger-width)'
-            ]
-        },
-        compoundVariants: (prev) => prev.map((item) => ({
-            ...item,
-            class: typeof item.class === 'string' ? replaceFocus(item.class) : item.class
-        }))
-    }, select(options));
-};
-function replaceFocus(str) {
-    return str.replace(/focus:/g, 'focus-visible:');
-}

package/dist/theme/select.d.ts

@@ -1,86 +0,0 @@
-declare const _default: (options: Required<ModuleOptions>) => Omit<{
-    slots: {
-        root: () => undefined;
-        base: () => any[];
-        value: string;
-        placeholder: string;
-        arrow: string;
-        content: string;
-        viewport: string;
-        group: string;
-        empty: string;
-        label: string;
-        separator: string;
-        item: any[];
-        itemLeadingIcon: any[];
-        itemLeadingAvatar: string;
-        itemLeadingAvatarSize: string;
-        itemLeadingChip: string;
-        itemLeadingChipSize: string;
-        itemTrailing: string;
-        itemTrailingIcon: string;
-        itemLabel: string;
-    };
-    variants: any;
-    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: () => undefined;
-        base: () => any[];
-        value: string;
-        placeholder: string;
-        arrow: string;
-        content: string;
-        viewport: string;
-        group: string;
-        empty: string;
-        label: string;
-        separator: string;
-        item: any[];
-        itemLeadingIcon: any[];
-        itemLeadingAvatar: string;
-        itemLeadingAvatarSize: string;
-        itemLeadingChip: string;
-        itemLeadingChipSize: string;
-        itemTrailing: string;
-        itemTrailingIcon: string;
-        itemLabel: 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 | (() => undefined);
-    };
-    compoundVariants: any[] | ((prev: Record<string, any>[]) => {
-        class: any;
-    }[]);
-};
-export default _default;

package/dist/theme/select.js

@@ -1,100 +0,0 @@
-import { defuFn } from 'defu';
-import input from './input';
-import { fieldGroupVariant } from './field-group';
-export default (options) => {
-    return defuFn({
-        slots: {
-            root: () => undefined,
-            base: () => [
-                'relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75',
-                options.theme.transitions && 'transition-colors'
-            ],
-            value: 'truncate pointer-events-none',
-            placeholder: 'truncate text-dimmed',
-            arrow: 'fill-default',
-            content: 'max-h-60 w-(--reka-select-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-select-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 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'
-        },
-        variants: {
-            ...fieldGroupVariant,
-            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',
-                    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',
-                    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',
-                    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',
-                    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',
-                    empty: 'p-2 text-base'
-                }
-            }
-        },
-        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-visible:/g, 'focus:');
-}