uisv 0.0.1 → 0.0.3

package/dist/theme/switch.d.ts

@@ -1,84 +0,0 @@
-declare const _default: (options: Required<ModuleOptions>) => {
-    slots: {
-        root: string;
-        base: any[];
-        container: string;
-        thumb: string;
-        icon: any[];
-        wrapper: string;
-        label: string;
-        description: string;
-    };
-    variants: {
-        color: {
-            neutral: {
-                base: string;
-                icon: string;
-            };
-        };
-        size: {
-            xs: {
-                base: string;
-                container: string;
-                thumb: string;
-                wrapper: string;
-            };
-            sm: {
-                base: string;
-                container: string;
-                thumb: string;
-                wrapper: string;
-            };
-            md: {
-                base: string;
-                container: string;
-                thumb: string;
-                wrapper: string;
-            };
-            lg: {
-                base: string;
-                container: string;
-                thumb: string;
-                wrapper: string;
-            };
-            xl: {
-                base: string;
-                container: string;
-                thumb: string;
-                wrapper: string;
-            };
-        };
-        checked: {
-            true: {
-                icon: string;
-            };
-        };
-        unchecked: {
-            true: {
-                icon: string;
-            };
-        };
-        loading: {
-            true: {
-                icon: string;
-            };
-        };
-        required: {
-            true: {
-                label: string;
-            };
-        };
-        disabled: {
-            true: {
-                base: string;
-                label: string;
-                description: string;
-            };
-        };
-    };
-    defaultVariants: {
-        color: string;
-        size: string;
-    };
-};
-export default _default;

package/dist/theme/switch.js

@@ -1,96 +0,0 @@
-export default (options) => ({
-    slots: {
-        root: 'relative flex items-start',
-        base: [
-            'inline-flex items-center shrink-0 rounded-full border-2 border-transparent focus-visible:outline-2 focus-visible:outline-offset-2 data-[state=unchecked]:bg-accented',
-            options.theme.transitions && 'transition-[background] duration-200'
-        ],
-        container: 'flex items-center',
-        thumb: 'group pointer-events-none rounded-full bg-default shadow-lg ring-0 transition-transform duration-200 data-[state=unchecked]:translate-x-0 data-[state=unchecked]:rtl:-translate-x-0 flex items-center justify-center',
-        icon: [
-            'absolute shrink-0 group-data-[state=unchecked]:text-dimmed opacity-0 size-10/12',
-            options.theme.transitions && 'transition-[color,opacity] duration-200'
-        ],
-        wrapper: 'ms-2',
-        label: 'block font-medium text-default',
-        description: 'text-muted'
-    },
-    variants: {
-        color: {
-            ...Object.fromEntries((options.theme.colors || []).map((color) => [
-                color,
-                {
-                    base: `data-[state=checked]:bg-${color} focus-visible:outline-${color}`,
-                    icon: `group-data-[state=checked]:text-${color}`
-                }
-            ])),
-            neutral: {
-                base: 'data-[state=checked]:bg-inverted focus-visible:outline-inverted',
-                icon: 'group-data-[state=checked]:text-highlighted'
-            }
-        },
-        size: {
-            xs: {
-                base: 'w-7',
-                container: 'h-4',
-                thumb: 'size-3 data-[state=checked]:translate-x-3 data-[state=checked]:rtl:-translate-x-3',
-                wrapper: 'text-xs'
-            },
-            sm: {
-                base: 'w-8',
-                container: 'h-4',
-                thumb: 'size-3.5 data-[state=checked]:translate-x-3.5 data-[state=checked]:rtl:-translate-x-3.5',
-                wrapper: 'text-xs'
-            },
-            md: {
-                base: 'w-9',
-                container: 'h-5',
-                thumb: 'size-4 data-[state=checked]:translate-x-4 data-[state=checked]:rtl:-translate-x-4',
-                wrapper: 'text-sm'
-            },
-            lg: {
-                base: 'w-10',
-                container: 'h-5',
-                thumb: 'size-4.5 data-[state=checked]:translate-x-4.5 data-[state=checked]:rtl:-translate-x-4.5',
-                wrapper: 'text-sm'
-            },
-            xl: {
-                base: 'w-11',
-                container: 'h-6',
-                thumb: 'size-5 data-[state=checked]:translate-x-5 data-[state=checked]:rtl:-translate-x-5',
-                wrapper: 'text-base'
-            }
-        },
-        checked: {
-            true: {
-                icon: 'group-data-[state=checked]:opacity-100'
-            }
-        },
-        unchecked: {
-            true: {
-                icon: 'group-data-[state=unchecked]:opacity-100'
-            }
-        },
-        loading: {
-            true: {
-                icon: 'animate-spin'
-            }
-        },
-        required: {
-            true: {
-                label: "after:content-['*'] after:ms-0.5 after:text-error"
-            }
-        },
-        disabled: {
-            true: {
-                base: 'cursor-not-allowed opacity-75',
-                label: 'cursor-not-allowed opacity-75',
-                description: 'cursor-not-allowed opacity-75'
-            }
-        }
-    },
-    defaultVariants: {
-        color: 'primary',
-        size: 'md'
-    }
-});

package/dist/theme/table.d.ts

@@ -1,56 +0,0 @@
-declare const _default: (options: Required<ModuleOptions>) => {
-    slots: {
-        root: string;
-        base: string;
-        caption: string;
-        thead: string;
-        tbody: string;
-        tfoot: string;
-        tr: string;
-        th: string;
-        td: string;
-        separator: string;
-        empty: string;
-        loading: string;
-    };
-    variants: {
-        pinned: {
-            true: {
-                th: string;
-                td: string;
-            };
-        };
-        sticky: {
-            true: {
-                thead: string;
-                tfoot: string;
-            };
-            header: {
-                thead: string;
-            };
-            footer: {
-                tfoot: string;
-            };
-        };
-        loading: {
-            true: {
-                thead: string;
-            };
-        };
-        loadingAnimation: {
-            carousel: string;
-            'carousel-inverse': string;
-            swing: string;
-            elastic: string;
-        };
-        loadingColor: {
-            neutral: string;
-        };
-    };
-    compoundVariants: any[];
-    defaultVariants: {
-        loadingColor: string;
-        loadingAnimation: string;
-    };
-};
-export default _default;

package/dist/theme/table.js

@@ -1,99 +0,0 @@
-export default (options) => ({
-    slots: {
-        root: 'relative overflow-auto',
-        base: 'min-w-full overflow-clip',
-        caption: 'sr-only',
-        thead: 'relative',
-        tbody: 'divide-y divide-default [&>tr]:data-[selectable=true]:hover:bg-elevated/50 [&>tr]:data-[selectable=true]:focus-visible:outline-primary',
-        tfoot: 'relative',
-        tr: 'data-[selected=true]:bg-elevated/50',
-        th: 'px-4 py-3.5 text-sm text-highlighted text-left rtl:text-right font-semibold [&:has([role=checkbox])]:pe-0',
-        td: 'p-4 text-sm text-muted whitespace-nowrap [&:has([role=checkbox])]:pe-0',
-        separator: 'absolute z-[1] left-0 w-full h-px bg-(--ui-border-accented)',
-        empty: 'py-6 text-center text-sm text-muted',
-        loading: 'py-6 text-center'
-    },
-    variants: {
-        pinned: {
-            true: {
-                th: 'sticky bg-default/75 data-[pinned=left]:left-0 data-[pinned=right]:right-0',
-                td: 'sticky bg-default/75 data-[pinned=left]:left-0 data-[pinned=right]:right-0'
-            }
-        },
-        sticky: {
-            true: {
-                thead: 'sticky top-0 inset-x-0 bg-default/75 z-[1] backdrop-blur',
-                tfoot: 'sticky bottom-0 inset-x-0 bg-default/75 z-[1] backdrop-blur'
-            },
-            header: {
-                thead: 'sticky top-0 inset-x-0 bg-default/75 z-[1] backdrop-blur'
-            },
-            footer: {
-                tfoot: 'sticky bottom-0 inset-x-0 bg-default/75 z-[1] backdrop-blur'
-            }
-        },
-        loading: {
-            true: {
-                thead: 'after:absolute after:z-[1] after:h-px'
-            }
-        },
-        loadingAnimation: {
-            carousel: '',
-            'carousel-inverse': '',
-            swing: '',
-            elastic: ''
-        },
-        loadingColor: {
-            ...Object.fromEntries((options.theme.colors || []).map((color) => [color, ''])),
-            neutral: ''
-        }
-    },
-    compoundVariants: [
-        ...(options.theme.colors || []).map((loadingColor) => ({
-            loading: true,
-            loadingColor,
-            class: {
-                thead: `after:bg-${loadingColor}`
-            }
-        })),
-        {
-            loading: true,
-            loadingColor: 'neutral',
-            class: {
-                thead: 'after:bg-inverted'
-            }
-        },
-        {
-            loading: true,
-            loadingAnimation: 'carousel',
-            class: {
-                thead: 'after:animate-[carousel_2s_ease-in-out_infinite] rtl:after:animate-[carousel-rtl_2s_ease-in-out_infinite]'
-            }
-        },
-        {
-            loading: true,
-            loadingAnimation: 'carousel-inverse',
-            class: {
-                thead: 'after:animate-[carousel-inverse_2s_ease-in-out_infinite] rtl:after:animate-[carousel-inverse-rtl_2s_ease-in-out_infinite]'
-            }
-        },
-        {
-            loading: true,
-            loadingAnimation: 'swing',
-            class: {
-                thead: 'after:animate-[swing_2s_ease-in-out_infinite]'
-            }
-        },
-        {
-            loading: true,
-            loadingAnimation: 'elastic',
-            class: {
-                thead: 'after:animate-[elastic_2s_ease-in-out_infinite]'
-            }
-        }
-    ],
-    defaultVariants: {
-        loadingColor: 'primary',
-        loadingAnimation: 'carousel'
-    }
-});

package/dist/theme/tabs.d.ts

@@ -1,78 +0,0 @@
-declare const _default: (options: Required<ModuleOptions>) => {
-    slots: {
-        root: string;
-        list: string;
-        indicator: string;
-        trigger: any[];
-        leadingIcon: string;
-        leadingAvatar: string;
-        leadingAvatarSize: string;
-        label: string;
-        trailingBadge: string;
-        trailingBadgeSize: string;
-        content: string;
-    };
-    variants: {
-        color: {
-            neutral: string;
-        };
-        variant: {
-            pill: {
-                list: string;
-                trigger: string;
-                indicator: string;
-            };
-            link: {
-                list: string;
-                indicator: string;
-                trigger: string;
-            };
-        };
-        orientation: {
-            horizontal: {
-                root: string;
-                list: string;
-                indicator: string;
-                trigger: string;
-            };
-            vertical: {
-                list: string;
-                indicator: string;
-            };
-        };
-        size: {
-            xs: {
-                trigger: string;
-                leadingIcon: string;
-                leadingAvatarSize: string;
-            };
-            sm: {
-                trigger: string;
-                leadingIcon: string;
-                leadingAvatarSize: string;
-            };
-            md: {
-                trigger: string;
-                leadingIcon: string;
-                leadingAvatarSize: string;
-            };
-            lg: {
-                trigger: string;
-                leadingIcon: string;
-                leadingAvatarSize: string;
-            };
-            xl: {
-                trigger: string;
-                leadingIcon: string;
-                leadingAvatarSize: string;
-            };
-        };
-    };
-    compoundVariants: any[];
-    defaultVariants: {
-        color: string;
-        variant: string;
-        size: string;
-    };
-};
-export default _default;

package/dist/theme/tabs.js

@@ -1,145 +0,0 @@
-export default (options) => ({
-    slots: {
-        root: 'flex items-center gap-2',
-        list: 'relative flex p-1 group',
-        indicator: 'absolute transition-[translate,width] duration-200',
-        trigger: [
-            'group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75',
-            options.theme.transitions && 'transition-colors'
-        ],
-        leadingIcon: 'shrink-0',
-        leadingAvatar: 'shrink-0',
-        leadingAvatarSize: '',
-        label: 'truncate',
-        trailingBadge: 'shrink-0',
-        trailingBadgeSize: 'sm',
-        content: 'focus:outline-none w-full'
-    },
-    variants: {
-        color: {
-            ...Object.fromEntries((options.theme.colors || []).map((color) => [color, ''])),
-            neutral: ''
-        },
-        variant: {
-            pill: {
-                list: 'bg-elevated rounded-lg',
-                trigger: 'grow',
-                indicator: 'rounded-md shadow-xs'
-            },
-            link: {
-                list: 'border-default',
-                indicator: 'rounded-full',
-                trigger: 'focus:outline-none'
-            }
-        },
-        orientation: {
-            horizontal: {
-                root: 'flex-col',
-                list: 'w-full',
-                indicator: 'left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)',
-                trigger: 'justify-center'
-            },
-            vertical: {
-                list: 'flex-col',
-                indicator: 'top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)'
-            }
-        },
-        size: {
-            xs: {
-                trigger: 'px-2 py-1 text-xs gap-1',
-                leadingIcon: 'size-4',
-                leadingAvatarSize: '3xs'
-            },
-            sm: {
-                trigger: 'px-2.5 py-1.5 text-xs gap-1.5',
-                leadingIcon: 'size-4',
-                leadingAvatarSize: '3xs'
-            },
-            md: {
-                trigger: 'px-3 py-1.5 text-sm gap-1.5',
-                leadingIcon: 'size-5',
-                leadingAvatarSize: '2xs'
-            },
-            lg: {
-                trigger: 'px-3 py-2 text-sm gap-2',
-                leadingIcon: 'size-5',
-                leadingAvatarSize: '2xs'
-            },
-            xl: {
-                trigger: 'px-3 py-2 text-base gap-2',
-                leadingIcon: 'size-6',
-                leadingAvatarSize: 'xs'
-            }
-        }
-    },
-    compoundVariants: [
-        {
-            orientation: 'horizontal',
-            variant: 'pill',
-            class: {
-                indicator: 'inset-y-1'
-            }
-        },
-        {
-            orientation: 'horizontal',
-            variant: 'link',
-            class: {
-                list: 'border-b -mb-px',
-                indicator: '-bottom-px h-px'
-            }
-        },
-        {
-            orientation: 'vertical',
-            variant: 'pill',
-            class: {
-                indicator: 'inset-x-1',
-                list: 'items-center'
-            }
-        },
-        {
-            orientation: 'vertical',
-            variant: 'link',
-            class: {
-                list: 'border-s -ms-px',
-                indicator: '-start-px w-px'
-            }
-        },
-        ...(options.theme.colors || []).map((color) => ({
-            color,
-            variant: 'pill',
-            class: {
-                indicator: `bg-${color}`,
-                trigger: `data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-${color}`
-            }
-        })),
-        {
-            color: 'neutral',
-            variant: 'pill',
-            class: {
-                indicator: 'bg-inverted',
-                trigger: 'data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-inverted'
-            }
-        },
-        ...(options.theme.colors || []).map((color) => ({
-            color,
-            variant: 'link',
-            class: {
-                indicator: `bg-${color}`,
-                trigger: `data-[state=active]:text-${color} focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-${color}`
-            }
-        })),
-        {
-            color: 'neutral',
-            variant: 'link',
-            class: {
-                indicator: 'bg-inverted',
-                trigger: 'data-[state=active]:text-highlighted focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted'
-            }
-        }
-    ],
-    defaultVariants: {
-        color: 'primary',
-        variant: 'pill',
-        size: 'md'
-    }
-});

package/dist/theme/textarea.d.ts

@@ -1,72 +0,0 @@
-declare const _default: (options: Required<ModuleOptions>) => Omit<{
-    slots: {
-        leading: string;
-        trailing: string;
-    };
-    variants: {
-        autoresize: {
-            true: {
-                base: string;
-            };
-        };
-        size: {
-            xs: {
-                leading: string;
-                trailing: string;
-            };
-            sm: {
-                leading: string;
-                trailing: string;
-            };
-            md: {
-                leading: string;
-                trailing: string;
-            };
-            lg: {
-                leading: string;
-                trailing: string;
-            };
-            xl: {
-                leading: string;
-                trailing: string;
-            };
-        };
-    };
-}, "variants" | "slots"> & 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"> & {
-    variants: any;
-    slots: Omit<{
-        leading: string;
-        trailing: string;
-    }, "leading" | "trailing"> & Omit<{
-        root: string;
-        base: any[];
-        leading: string;
-        leadingIcon: string;
-        leadingAvatar: string;
-        leadingAvatarSize: string;
-        trailing: string;
-        trailingIcon: string;
-    }, "leading" | "trailing"> & {
-        leading: string;
-        trailing: string;
-    };
-};
-export default _default;

package/dist/theme/textarea.js

@@ -1,39 +0,0 @@
-import { defu } from 'defu';
-import input from './input';
-export default (options) => {
-    return defu({
-        slots: {
-            leading: 'absolute start-0 flex items-start',
-            trailing: 'absolute end-0 flex items-start'
-        },
-        variants: {
-            autoresize: {
-                true: {
-                    base: 'resize-none'
-                }
-            },
-            size: {
-                xs: {
-                    leading: 'ps-2 inset-y-1',
-                    trailing: 'pe-2 inset-y-1'
-                },
-                sm: {
-                    leading: 'ps-2.5 inset-y-1.5',
-                    trailing: 'pe-2.5 inset-y-1.5'
-                },
-                md: {
-                    leading: 'ps-2.5 inset-y-1.5',
-                    trailing: 'pe-2.5 inset-y-1.5'
-                },
-                lg: {
-                    leading: 'ps-3 inset-y-2',
-                    trailing: 'pe-3 inset-y-2'
-                },
-                xl: {
-                    leading: 'ps-3 inset-y-2',
-                    trailing: 'pe-3 inset-y-2'
-                }
-            }
-        }
-    }, input(options));
-};