uisv 0.0.1 → 0.0.3

package/dist/theme/drawer.d.ts

@@ -1,54 +0,0 @@
-declare const _default: (options: Required<ModuleOptions>) => {
-    slots: {
-        overlay: string;
-        content: string;
-        handle: any[];
-        container: string;
-        header: string;
-        title: string;
-        description: string;
-        body: string;
-        footer: string;
-    };
-    variants: {
-        direction: {
-            top: {
-                content: string;
-                handle: string;
-            };
-            right: {
-                content: string;
-                handle: string;
-            };
-            bottom: {
-                content: string;
-                handle: string;
-            };
-            left: {
-                content: string;
-                handle: string;
-            };
-        };
-        inset: {
-            true: {
-                content: string;
-            };
-        };
-    };
-    compoundVariants: ({
-        direction: string[];
-        class: {
-            content: string;
-            handle: string;
-        };
-        inset?: undefined;
-    } | {
-        direction: string;
-        inset: boolean;
-        class: {
-            content: string;
-            handle?: undefined;
-        };
-    })[];
-};
-export default _default;

package/dist/theme/drawer.js

@@ -1,110 +0,0 @@
-export default (options) => ({
-    slots: {
-        overlay: 'fixed inset-0 bg-elevated/75',
-        content: 'fixed bg-default ring ring-default flex focus:outline-none',
-        handle: ['shrink-0 !bg-accented', options.theme.transitions && 'transition-opacity'],
-        container: 'w-full flex flex-col gap-4 p-4 overflow-y-auto',
-        header: '',
-        title: 'text-highlighted font-semibold',
-        description: 'mt-1 text-muted text-sm',
-        body: 'flex-1',
-        footer: 'flex flex-col gap-1.5'
-    },
-    variants: {
-        direction: {
-            top: {
-                content: 'mb-24 flex-col-reverse',
-                handle: 'mb-4'
-            },
-            right: {
-                content: 'flex-row',
-                handle: '!ml-4'
-            },
-            bottom: {
-                content: 'mt-24 flex-col',
-                handle: 'mt-4'
-            },
-            left: {
-                content: 'flex-row-reverse',
-                handle: '!mr-4'
-            }
-        },
-        inset: {
-            true: {
-                content: 'rounded-lg after:hidden overflow-hidden [--initial-transform:calc(100%+1.5rem)]'
-            }
-        }
-    },
-    compoundVariants: [
-        {
-            direction: ['top', 'bottom'],
-            class: {
-                content: 'h-auto max-h-[96%]',
-                handle: '!w-12 !h-1.5 mx-auto'
-            }
-        },
-        {
-            direction: ['right', 'left'],
-            class: {
-                content: 'w-auto max-w-[calc(100%-2rem)]',
-                handle: '!h-12 !w-1.5 mt-auto mb-auto'
-            }
-        },
-        {
-            direction: 'top',
-            inset: true,
-            class: {
-                content: 'inset-x-4 top-4'
-            }
-        },
-        {
-            direction: 'top',
-            inset: false,
-            class: {
-                content: 'inset-x-0 top-0 rounded-b-lg'
-            }
-        },
-        {
-            direction: 'bottom',
-            inset: true,
-            class: {
-                content: 'inset-x-4 bottom-4'
-            }
-        },
-        {
-            direction: 'bottom',
-            inset: false,
-            class: {
-                content: 'inset-x-0 bottom-0 rounded-t-lg'
-            }
-        },
-        {
-            direction: 'left',
-            inset: true,
-            class: {
-                content: 'inset-y-4 left-4'
-            }
-        },
-        {
-            direction: 'left',
-            inset: false,
-            class: {
-                content: 'inset-y-0 left-0 rounded-r-lg'
-            }
-        },
-        {
-            direction: 'right',
-            inset: true,
-            class: {
-                content: 'inset-y-4 right-4'
-            }
-        },
-        {
-            direction: 'right',
-            inset: false,
-            class: {
-                content: 'inset-y-0 right-0 rounded-l-lg'
-            }
-        }
-    ]
-});

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

@@ -1,92 +0,0 @@
-declare const _default: (options: Required<ModuleOptions>) => {
-    slots: {
-        content: string;
-        viewport: string;
-        arrow: string;
-        group: string;
-        label: string;
-        separator: string;
-        item: string;
-        itemLeadingIcon: string;
-        itemLeadingAvatar: string;
-        itemLeadingAvatarSize: string;
-        itemTrailing: string;
-        itemTrailingIcon: string;
-        itemTrailingKbds: string;
-        itemTrailingKbdsSize: string;
-        itemLabel: string;
-        itemLabelExternalIcon: string;
-    };
-    variants: {
-        color: {
-            neutral: string;
-        };
-        active: {
-            true: {
-                item: string;
-                itemLeadingIcon: string;
-            };
-            false: {
-                item: any[];
-                itemLeadingIcon: any[];
-            };
-        };
-        loading: {
-            true: {
-                itemLeadingIcon: string;
-            };
-        };
-        size: {
-            xs: {
-                label: string;
-                item: string;
-                itemLeadingIcon: string;
-                itemLeadingAvatarSize: string;
-                itemTrailingIcon: string;
-                itemTrailingKbds: string;
-                itemTrailingKbdsSize: string;
-            };
-            sm: {
-                label: string;
-                item: string;
-                itemLeadingIcon: string;
-                itemLeadingAvatarSize: string;
-                itemTrailingIcon: string;
-                itemTrailingKbds: string;
-                itemTrailingKbdsSize: string;
-            };
-            md: {
-                label: string;
-                item: string;
-                itemLeadingIcon: string;
-                itemLeadingAvatarSize: string;
-                itemTrailingIcon: string;
-                itemTrailingKbds: string;
-                itemTrailingKbdsSize: string;
-            };
-            lg: {
-                label: string;
-                item: string;
-                itemLeadingIcon: string;
-                itemLeadingAvatarSize: string;
-                itemTrailingIcon: string;
-                itemTrailingKbds: string;
-                itemTrailingKbdsSize: string;
-            };
-            xl: {
-                label: string;
-                item: string;
-                itemLeadingIcon: string;
-                itemLeadingAvatarSize: string;
-                itemTrailingIcon: string;
-                itemTrailingKbds: string;
-                itemTrailingKbdsSize: string;
-            };
-        };
-    };
-    compoundVariants: any[];
-    defaultVariants: {
-        size: string;
-    };
-};
-export default _default;

package/dist/theme/dropdown-menu.js

@@ -1,115 +0,0 @@
-export default (options) => ({
-    slots: {
-        content: 'min-w-32 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-dropdown-menu-content-transform-origin) flex flex-col',
-        viewport: 'relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1',
-        arrow: 'fill-default',
-        group: 'p-1 isolate',
-        label: 'w-full flex items-center 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',
-        itemLeadingIcon: 'shrink-0',
-        itemLeadingAvatar: 'shrink-0',
-        itemLeadingAvatarSize: '',
-        itemTrailing: 'ms-auto inline-flex gap-1.5 items-center',
-        itemTrailingIcon: 'shrink-0',
-        itemTrailingKbds: 'hidden lg:inline-flex items-center shrink-0',
-        itemTrailingKbdsSize: '',
-        itemLabel: 'truncate',
-        itemLabelExternalIcon: 'inline-block size-3 align-top text-dimmed'
-    },
-    variants: {
-        color: {
-            ...Object.fromEntries((options.theme.colors || []).map((color) => [color, ''])),
-            neutral: ''
-        },
-        active: {
-            true: {
-                item: 'text-highlighted before:bg-elevated',
-                itemLeadingIcon: 'text-default'
-            },
-            false: {
-                item: [
-                    'text-default data-highlighted:text-highlighted data-[state=open]:text-highlighted data-highlighted:before:bg-elevated/50 data-[state=open]:before:bg-elevated/50',
-                    options.theme.transitions && 'transition-colors before:transition-colors'
-                ],
-                itemLeadingIcon: [
-                    'text-dimmed group-data-highlighted:text-default group-data-[state=open]:text-default',
-                    options.theme.transitions && 'transition-colors'
-                ]
-            }
-        },
-        loading: {
-            true: {
-                itemLeadingIcon: 'animate-spin'
-            }
-        },
-        size: {
-            xs: {
-                label: 'p-1 text-xs gap-1',
-                item: 'p-1 text-xs gap-1',
-                itemLeadingIcon: 'size-4',
-                itemLeadingAvatarSize: '3xs',
-                itemTrailingIcon: 'size-4',
-                itemTrailingKbds: 'gap-0.5',
-                itemTrailingKbdsSize: 'sm'
-            },
-            sm: {
-                label: 'p-1.5 text-xs gap-1.5',
-                item: 'p-1.5 text-xs gap-1.5',
-                itemLeadingIcon: 'size-4',
-                itemLeadingAvatarSize: '3xs',
-                itemTrailingIcon: 'size-4',
-                itemTrailingKbds: 'gap-0.5',
-                itemTrailingKbdsSize: 'sm'
-            },
-            md: {
-                label: 'p-1.5 text-sm gap-1.5',
-                item: 'p-1.5 text-sm gap-1.5',
-                itemLeadingIcon: 'size-5',
-                itemLeadingAvatarSize: '2xs',
-                itemTrailingIcon: 'size-5',
-                itemTrailingKbds: 'gap-0.5',
-                itemTrailingKbdsSize: 'md'
-            },
-            lg: {
-                label: 'p-2 text-sm gap-2',
-                item: 'p-2 text-sm gap-2',
-                itemLeadingIcon: 'size-5',
-                itemLeadingAvatarSize: '2xs',
-                itemTrailingIcon: 'size-5',
-                itemTrailingKbds: 'gap-1',
-                itemTrailingKbdsSize: 'md'
-            },
-            xl: {
-                label: 'p-2 text-base gap-2',
-                item: 'p-2 text-base gap-2',
-                itemLeadingIcon: 'size-6',
-                itemLeadingAvatarSize: 'xs',
-                itemTrailingIcon: 'size-6',
-                itemTrailingKbds: 'gap-1',
-                itemTrailingKbdsSize: 'lg'
-            }
-        }
-    },
-    compoundVariants: [
-        ...(options.theme.colors || []).map((color) => ({
-            color,
-            active: false,
-            class: {
-                item: `text-${color} data-highlighted:text-${color} data-highlighted:before:bg-${color}/10 data-[state=open]:before:bg-${color}/10`,
-                itemLeadingIcon: `text-${color}/75 group-data-highlighted:text-${color} group-data-[state=open]:text-${color}`
-            }
-        })),
-        ...(options.theme.colors || []).map((color) => ({
-            color,
-            active: true,
-            class: {
-                item: `text-${color} before:bg-${color}/10`,
-                itemLeadingIcon: `text-${color}`
-            }
-        }))
-    ],
-    defaultVariants: {
-        size: 'md'
-    }
-});

package/dist/theme/error.d.ts

@@ -1,10 +0,0 @@
-declare const _default: {
-    slots: {
-        root: string;
-        statusCode: string;
-        statusMessage: string;
-        message: string;
-        links: string;
-    };
-};
-export default _default;

package/dist/theme/error.js

@@ -1,9 +0,0 @@
-export default {
-    slots: {
-        root: 'min-h-[calc(100vh-var(--ui-header-height))] flex flex-col items-center justify-center text-center',
-        statusCode: 'text-base font-semibold text-primary',
-        statusMessage: 'mt-2 text-4xl sm:text-5xl font-bold text-highlighted text-balance',
-        message: 'mt-4 text-lg text-muted text-balance',
-        links: 'mt-8 flex items-center justify-center gap-6'
-    }
-};

package/dist/theme/file-upload.d.ts

@@ -1,100 +0,0 @@
-declare const _default: (options: Required<ModuleOptions>) => {
-    slots: {
-        root: string;
-        base: any[];
-        wrapper: string;
-        icon: string;
-        avatar: string;
-        label: string;
-        description: string;
-        actions: string;
-        files: string;
-        file: string;
-        fileLeadingAvatar: string;
-        fileWrapper: string;
-        fileName: string;
-        fileSize: string;
-        fileTrailingButton: string;
-    };
-    variants: {
-        color: {
-            neutral: string;
-        };
-        variant: {
-            area: {
-                wrapper: string;
-                base: string;
-            };
-            button: {};
-        };
-        size: {
-            xs: {
-                base: string;
-                icon: string;
-                file: string;
-                fileWrapper: string;
-            };
-            sm: {
-                base: string;
-                icon: string;
-                file: string;
-                fileWrapper: string;
-            };
-            md: {
-                base: string;
-                icon: string;
-                file: string;
-            };
-            lg: {
-                base: string;
-                icon: string;
-                file: string;
-                fileSize: string;
-            };
-            xl: {
-                base: string;
-                icon: string;
-                file: string;
-            };
-        };
-        layout: {
-            list: {
-                root: string;
-                files: string;
-                file: string;
-                fileTrailingButton: string;
-            };
-            grid: {
-                fileWrapper: string;
-                fileLeadingAvatar: string;
-                fileTrailingButton: string;
-            };
-        };
-        position: {
-            inside: string;
-            outside: string;
-        };
-        dropzone: {
-            true: string;
-        };
-        interactive: {
-            true: string;
-        };
-        highlight: {
-            true: string;
-        };
-        multiple: {
-            true: string;
-        };
-        disabled: {
-            true: string;
-        };
-    };
-    compoundVariants: any[];
-    defaultVariants: {
-        color: string;
-        variant: string;
-        size: string;
-    };
-};
-export default _default;

package/dist/theme/file-upload.js

@@ -1,212 +0,0 @@
-export default (options) => ({
-    slots: {
-        root: 'relative flex flex-col',
-        base: [
-            'w-full flex-1 bg-default border border-default flex flex-col gap-2 items-stretch justify-center rounded-lg focus-visible:outline-2',
-            options.theme.transitions && 'transition-[background]'
-        ],
-        wrapper: 'flex flex-col items-center justify-center text-center',
-        icon: 'shrink-0',
-        avatar: 'shrink-0',
-        label: 'font-medium text-default mt-2',
-        description: 'text-muted mt-1',
-        actions: 'flex flex-wrap gap-1.5 shrink-0 mt-4',
-        files: '',
-        file: 'relative',
-        fileLeadingAvatar: 'shrink-0',
-        fileWrapper: 'flex flex-col min-w-0',
-        fileName: 'text-default truncate',
-        fileSize: 'text-muted truncate',
-        fileTrailingButton: ''
-    },
-    variants: {
-        color: {
-            ...Object.fromEntries((options.theme.colors || []).map((color) => [color, ''])),
-            neutral: ''
-        },
-        variant: {
-            area: {
-                wrapper: 'px-4 py-3',
-                base: 'p-4'
-            },
-            button: {}
-        },
-        size: {
-            xs: {
-                base: 'text-xs',
-                icon: 'size-4',
-                file: 'text-xs px-2 py-1 gap-1',
-                fileWrapper: 'flex-row gap-1'
-            },
-            sm: {
-                base: 'text-xs',
-                icon: 'size-4',
-                file: 'text-xs px-2.5 py-1.5 gap-1.5',
-                fileWrapper: 'flex-row gap-1'
-            },
-            md: {
-                base: 'text-sm',
-                icon: 'size-5',
-                file: 'text-xs px-2.5 py-1.5 gap-1.5'
-            },
-            lg: {
-                base: 'text-sm',
-                icon: 'size-5',
-                file: 'text-sm px-3 py-2 gap-2',
-                fileSize: 'text-xs'
-            },
-            xl: {
-                base: 'text-base',
-                icon: 'size-6',
-                file: 'text-sm px-3 py-2 gap-2'
-            }
-        },
-        layout: {
-            list: {
-                root: 'gap-2 items-start',
-                files: 'flex flex-col w-full gap-2',
-                file: 'min-w-0 flex items-center border border-default rounded-md w-full',
-                fileTrailingButton: 'ms-auto'
-            },
-            grid: {
-                fileWrapper: 'hidden',
-                fileLeadingAvatar: 'size-full rounded-lg',
-                fileTrailingButton: 'absolute -top-1.5 -end-1.5 p-0 rounded-full border-2 border-bg'
-            }
-        },
-        position: {
-            inside: '',
-            outside: ''
-        },
-        dropzone: {
-            true: 'border-dashed data-[dragging=true]:bg-elevated/25'
-        },
-        interactive: {
-            true: ''
-        },
-        highlight: {
-            true: ''
-        },
-        multiple: {
-            true: ''
-        },
-        disabled: {
-            true: 'cursor-not-allowed opacity-75'
-        }
-    },
-    compoundVariants: [
-        ...(options.theme.colors || []).map((color) => ({
-            color,
-            class: `focus-visible:outline-${color}`
-        })),
-        ...(options.theme.colors || []).map((color) => ({
-            color,
-            highlight: true,
-            class: `border-${color}`
-        })),
-        {
-            color: 'neutral',
-            class: 'focus-visible:outline-inverted'
-        },
-        {
-            color: 'neutral',
-            highlight: true,
-            class: 'border-inverted'
-        },
-        {
-            size: 'xs',
-            layout: 'list',
-            class: {
-                fileTrailingButton: '-me-1'
-            }
-        },
-        {
-            size: 'sm',
-            layout: 'list',
-            class: {
-                fileTrailingButton: '-me-1.5'
-            }
-        },
-        {
-            size: 'md',
-            layout: 'list',
-            class: {
-                fileTrailingButton: '-me-1.5'
-            }
-        },
-        {
-            size: 'lg',
-            layout: 'list',
-            class: {
-                fileTrailingButton: '-me-2'
-            }
-        },
-        {
-            size: 'xl',
-            layout: 'list',
-            class: {
-                fileTrailingButton: '-me-2'
-            }
-        },
-        {
-            variant: 'button',
-            size: 'xs',
-            class: {
-                base: 'p-1'
-            }
-        },
-        {
-            variant: 'button',
-            size: 'sm',
-            class: {
-                base: 'p-1.5'
-            }
-        },
-        {
-            variant: 'button',
-            size: 'md',
-            class: {
-                base: 'p-1.5'
-            }
-        },
-        {
-            variant: 'button',
-            size: 'lg',
-            class: {
-                base: 'p-2'
-            }
-        },
-        {
-            variant: 'button',
-            size: 'xl',
-            class: {
-                base: 'p-2'
-            }
-        },
-        {
-            layout: 'grid',
-            multiple: true,
-            class: {
-                files: 'grid grid-cols-2 md:grid-cols-3 gap-4 w-full',
-                file: 'p-0 aspect-square'
-            }
-        },
-        {
-            layout: 'grid',
-            multiple: false,
-            class: {
-                file: 'absolute inset-0 p-0'
-            }
-        },
-        {
-            interactive: true,
-            disabled: false,
-            class: 'hover:bg-elevated/25'
-        }
-    ],
-    defaultVariants: {
-        color: 'primary',
-        variant: 'area',
-        size: 'md'
-    }
-});