uisv 0.0.1 → 0.0.3

package/dist/theme/separator.d.ts

@@ -1,61 +0,0 @@
-declare const _default: (options: Required<ModuleOptions>) => {
-    slots: {
-        root: string;
-        border: string;
-        container: string;
-        icon: string;
-        avatar: string;
-        avatarSize: string;
-        label: string;
-    };
-    variants: {
-        color: {
-            neutral: {
-                border: string;
-            };
-        };
-        orientation: {
-            horizontal: {
-                root: string;
-                border: string;
-                container: string;
-            };
-            vertical: {
-                root: string;
-                border: string;
-                container: string;
-            };
-        };
-        size: {
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-        };
-        type: {
-            solid: {
-                border: string;
-            };
-            dashed: {
-                border: string;
-            };
-            dotted: {
-                border: string;
-            };
-        };
-    };
-    compoundVariants: {
-        orientation: string;
-        size: string;
-        class: {
-            border: string;
-        };
-    }[];
-    defaultVariants: {
-        color: string;
-        size: string;
-        type: string;
-    };
-};
-export default _default;

package/dist/theme/separator.js

@@ -1,104 +0,0 @@
-export default (options) => ({
-    slots: {
-        root: 'flex items-center align-center text-center',
-        border: '',
-        container: 'font-medium text-default flex',
-        icon: 'shrink-0 size-5',
-        avatar: 'shrink-0',
-        avatarSize: '2xs',
-        label: 'text-sm'
-    },
-    variants: {
-        color: {
-            ...Object.fromEntries((options.theme.colors || []).map((color) => [color, { border: `border-${color}` }])),
-            neutral: { border: 'border-default' }
-        },
-        orientation: {
-            horizontal: {
-                root: 'w-full flex-row',
-                border: 'w-full',
-                container: 'mx-3 whitespace-nowrap'
-            },
-            vertical: {
-                root: 'h-full flex-col',
-                border: 'h-full',
-                container: 'my-2'
-            }
-        },
-        size: {
-            xs: '',
-            sm: '',
-            md: '',
-            lg: '',
-            xl: ''
-        },
-        type: {
-            solid: {
-                border: 'border-solid'
-            },
-            dashed: {
-                border: 'border-dashed'
-            },
-            dotted: {
-                border: 'border-dotted'
-            }
-        }
-    },
-    compoundVariants: [
-        {
-            orientation: 'horizontal',
-            size: 'xs',
-            class: { border: 'border-t' }
-        },
-        {
-            orientation: 'horizontal',
-            size: 'sm',
-            class: { border: 'border-t-[2px]' }
-        },
-        {
-            orientation: 'horizontal',
-            size: 'md',
-            class: { border: 'border-t-[3px]' }
-        },
-        {
-            orientation: 'horizontal',
-            size: 'lg',
-            class: { border: 'border-t-[4px]' }
-        },
-        {
-            orientation: 'horizontal',
-            size: 'xl',
-            class: { border: 'border-t-[5px]' }
-        },
-        {
-            orientation: 'vertical',
-            size: 'xs',
-            class: { border: 'border-s' }
-        },
-        {
-            orientation: 'vertical',
-            size: 'sm',
-            class: { border: 'border-s-[2px]' }
-        },
-        {
-            orientation: 'vertical',
-            size: 'md',
-            class: { border: 'border-s-[3px]' }
-        },
-        {
-            orientation: 'vertical',
-            size: 'lg',
-            class: { border: 'border-s-[4px]' }
-        },
-        {
-            orientation: 'vertical',
-            size: 'xl',
-            class: { border: 'border-s-[5px]' }
-        }
-    ],
-    defaultVariants: {
-        color: 'neutral',
-        size: 'xs',
-        type: 'solid'
-    }
-});

package/dist/theme/skeleton.d.ts

@@ -1,4 +0,0 @@
-declare const _default: {
-    base: string;
-};
-export default _default;

package/dist/theme/skeleton.js

@@ -1,3 +0,0 @@
-export default {
-    base: 'animate-pulse rounded-md bg-elevated'
-};

package/dist/theme/slideover.d.ts

@@ -1,42 +0,0 @@
-declare const _default: {
-    slots: {
-        overlay: string;
-        content: string;
-        header: string;
-        wrapper: string;
-        body: string;
-        footer: string;
-        title: string;
-        description: string;
-        close: string;
-    };
-    variants: {
-        side: {
-            top: {
-                content: string;
-            };
-            right: {
-                content: string;
-            };
-            bottom: {
-                content: string;
-            };
-            left: {
-                content: string;
-            };
-        };
-        transition: {
-            true: {
-                overlay: string;
-            };
-        };
-    };
-    compoundVariants: {
-        transition: boolean;
-        side: string;
-        class: {
-            content: string;
-        };
-    }[];
-};
-export default _default;

package/dist/theme/slideover.js

@@ -1,59 +0,0 @@
-export default {
-    slots: {
-        overlay: 'fixed inset-0 bg-elevated/75',
-        content: 'fixed bg-default divide-y divide-default sm:ring ring-default sm:shadow-lg flex flex-col focus:outline-none',
-        header: 'flex items-center gap-1.5 p-4 sm:px-6 min-h-16',
-        wrapper: '',
-        body: 'flex-1 overflow-y-auto p-4 sm:p-6',
-        footer: 'flex items-center gap-1.5 p-4 sm:px-6',
-        title: 'text-highlighted font-semibold',
-        description: 'mt-1 text-muted text-sm',
-        close: 'absolute top-4 end-4'
-    },
-    variants: {
-        side: {
-            top: {
-                content: 'inset-x-0 top-0 max-h-full'
-            },
-            right: {
-                content: 'right-0 inset-y-0 w-full max-w-md'
-            },
-            bottom: {
-                content: 'inset-x-0 bottom-0 max-h-full'
-            },
-            left: {
-                content: 'left-0 inset-y-0 w-full max-w-md'
-            }
-        },
-        transition: {
-            true: {
-                overlay: 'data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]'
-            }
-        }
-    },
-    compoundVariants: [{
-            transition: true,
-            side: 'top',
-            class: {
-                content: 'data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-top_200ms_ease-in-out]'
-            }
-        }, {
-            transition: true,
-            side: 'right',
-            class: {
-                content: 'data-[state=open]:animate-[slide-in-from-right_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-right_200ms_ease-in-out]'
-            }
-        }, {
-            transition: true,
-            side: 'bottom',
-            class: {
-                content: 'data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-bottom_200ms_ease-in-out]'
-            }
-        }, {
-            transition: true,
-            side: 'left',
-            class: {
-                content: 'data-[state=open]:animate-[slide-in-from-left_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-left_200ms_ease-in-out]'
-            }
-        }]
-};

package/dist/theme/slider.d.ts

@@ -1,60 +0,0 @@
-declare const _default: (options: Required<ModuleOptions>) => {
-    slots: {
-        root: string;
-        track: string;
-        range: string;
-        thumb: string;
-    };
-    variants: {
-        color: {
-            neutral: {
-                range: string;
-                thumb: string;
-            };
-        };
-        size: {
-            xs: {
-                thumb: string;
-            };
-            sm: {
-                thumb: string;
-            };
-            md: {
-                thumb: string;
-            };
-            lg: {
-                thumb: string;
-            };
-            xl: {
-                thumb: string;
-            };
-        };
-        orientation: {
-            horizontal: {
-                root: string;
-                range: string;
-            };
-            vertical: {
-                root: string;
-                range: string;
-            };
-        };
-        disabled: {
-            true: {
-                root: string;
-            };
-        };
-    };
-    compoundVariants: {
-        orientation: string;
-        size: string;
-        class: {
-            track: string;
-        };
-    }[];
-    defaultVariants: {
-        size: string;
-        color: string;
-    };
-};
-export default _default;

package/dist/theme/slider.js

@@ -1,131 +0,0 @@
-export default (options) => ({
-    slots: {
-        root: 'relative flex items-center select-none touch-none',
-        track: 'relative bg-accented overflow-hidden rounded-full grow',
-        range: 'absolute rounded-full',
-        thumb: 'rounded-full bg-default ring-2 focus-visible:outline-2 focus-visible:outline-offset-2'
-    },
-    variants: {
-        color: {
-            ...Object.fromEntries((options.theme.colors || []).map((color) => [
-                color,
-                {
-                    range: `bg-${color}`,
-                    thumb: `ring-${color} focus-visible:outline-${color}/50`
-                }
-            ])),
-            neutral: {
-                range: 'bg-inverted',
-                thumb: 'ring-inverted focus-visible:outline-inverted/50'
-            }
-        },
-        size: {
-            xs: {
-                thumb: 'size-3'
-            },
-            sm: {
-                thumb: 'size-3.5'
-            },
-            md: {
-                thumb: 'size-4'
-            },
-            lg: {
-                thumb: 'size-4.5'
-            },
-            xl: {
-                thumb: 'size-5'
-            }
-        },
-        orientation: {
-            horizontal: {
-                root: 'w-full',
-                range: 'h-full'
-            },
-            vertical: {
-                root: 'flex-col h-full',
-                range: 'w-full'
-            }
-        },
-        disabled: {
-            true: {
-                root: 'opacity-75 cursor-not-allowed'
-            }
-        }
-    },
-    compoundVariants: [
-        {
-            orientation: 'horizontal',
-            size: 'xs',
-            class: {
-                track: 'h-[6px]'
-            }
-        },
-        {
-            orientation: 'horizontal',
-            size: 'sm',
-            class: {
-                track: 'h-[7px]'
-            }
-        },
-        {
-            orientation: 'horizontal',
-            size: 'md',
-            class: {
-                track: 'h-[8px]'
-            }
-        },
-        {
-            orientation: 'horizontal',
-            size: 'lg',
-            class: {
-                track: 'h-[9px]'
-            }
-        },
-        {
-            orientation: 'horizontal',
-            size: 'xl',
-            class: {
-                track: 'h-[10px]'
-            }
-        },
-        {
-            orientation: 'vertical',
-            size: 'xs',
-            class: {
-                track: 'w-[6px]'
-            }
-        },
-        {
-            orientation: 'vertical',
-            size: 'sm',
-            class: {
-                track: 'w-[7px]'
-            }
-        },
-        {
-            orientation: 'vertical',
-            size: 'md',
-            class: {
-                track: 'w-[8px]'
-            }
-        },
-        {
-            orientation: 'vertical',
-            size: 'lg',
-            class: {
-                track: 'w-[9px]'
-            }
-        },
-        {
-            orientation: 'vertical',
-            size: 'xl',
-            class: {
-                track: 'w-[10px]'
-            }
-        }
-    ],
-    defaultVariants: {
-        size: 'md',
-        color: 'primary'
-    }
-});

package/dist/theme/stepper.d.ts

@@ -1,94 +0,0 @@
-declare const _default: (options: Required<ModuleOptions>) => {
-    slots: {
-        root: string;
-        header: string;
-        item: string;
-        container: string;
-        trigger: string;
-        indicator: string;
-        icon: string;
-        separator: string;
-        wrapper: string;
-        title: string;
-        description: string;
-        content: string;
-    };
-    variants: {
-        orientation: {
-            horizontal: {
-                root: string;
-                container: string;
-                separator: string;
-                wrapper: string;
-            };
-            vertical: {
-                header: string;
-                item: string;
-                separator: string;
-            };
-        };
-        size: {
-            xs: {
-                trigger: string;
-                icon: string;
-                title: string;
-                description: string;
-                wrapper: string;
-            };
-            sm: {
-                trigger: string;
-                icon: string;
-                title: string;
-                description: string;
-                wrapper: string;
-            };
-            md: {
-                trigger: string;
-                icon: string;
-                title: string;
-                description: string;
-                wrapper: string;
-            };
-            lg: {
-                trigger: string;
-                icon: string;
-                title: string;
-                description: string;
-                wrapper: string;
-            };
-            xl: {
-                trigger: string;
-                icon: string;
-                title: string;
-                description: string;
-                wrapper: string;
-            };
-        };
-        color: {
-            neutral: {
-                trigger: string;
-                separator: string;
-            };
-        };
-    };
-    compoundVariants: ({
-        orientation: string;
-        size: string;
-        class: {
-            separator: string;
-            item?: undefined;
-        };
-    } | {
-        orientation: string;
-        size: string;
-        class: {
-            separator: string;
-            item: string;
-        };
-    })[];
-    defaultVariants: {
-        size: string;
-        color: string;
-    };
-};
-export default _default;

package/dist/theme/stepper.js

@@ -1,137 +0,0 @@
-export default (options) => ({
-    slots: {
-        root: 'flex gap-4',
-        header: 'flex',
-        item: 'group text-center relative w-full',
-        container: 'relative',
-        trigger: 'rounded-full font-medium text-center align-middle flex items-center justify-center font-semibold group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted text-muted bg-elevated focus-visible:outline-2 focus-visible:outline-offset-2',
-        indicator: 'flex items-center justify-center size-full',
-        icon: 'shrink-0',
-        separator: 'absolute rounded-full group-data-[disabled]:opacity-75 bg-accented',
-        wrapper: '',
-        title: 'font-medium text-default',
-        description: 'text-muted text-wrap',
-        content: 'size-full'
-    },
-    variants: {
-        orientation: {
-            horizontal: {
-                root: 'flex-col',
-                container: 'flex justify-center',
-                separator: 'top-[calc(50%-2px)] h-0.5',
-                wrapper: 'mt-1'
-            },
-            vertical: {
-                header: 'flex-col gap-4',
-                item: 'flex text-start',
-                separator: 'start-[calc(50%-1px)] -bottom-[10px] w-0.5'
-            }
-        },
-        size: {
-            xs: {
-                trigger: 'size-6 text-xs',
-                icon: 'size-3',
-                title: 'text-xs',
-                description: 'text-xs',
-                wrapper: 'mt-1.5'
-            },
-            sm: {
-                trigger: 'size-8 text-sm',
-                icon: 'size-4',
-                title: 'text-xs',
-                description: 'text-xs',
-                wrapper: 'mt-2'
-            },
-            md: {
-                trigger: 'size-10 text-base',
-                icon: 'size-5',
-                title: 'text-sm',
-                description: 'text-sm',
-                wrapper: 'mt-2.5'
-            },
-            lg: {
-                trigger: 'size-12 text-lg',
-                icon: 'size-6',
-                title: 'text-base',
-                description: 'text-base',
-                wrapper: 'mt-3'
-            },
-            xl: {
-                trigger: 'size-14 text-xl',
-                icon: 'size-7',
-                title: 'text-lg',
-                description: 'text-lg',
-                wrapper: 'mt-3.5'
-            }
-        },
-        color: {
-            ...Object.fromEntries((options.theme.colors || []).map((color) => [
-                color,
-                {
-                    trigger: `group-data-[state=completed]:bg-${color} group-data-[state=active]:bg-${color} focus-visible:outline-${color}`,
-                    separator: `group-data-[state=completed]:bg-${color}`
-                }
-            ])),
-            neutral: {
-                trigger: `group-data-[state=completed]:bg-inverted group-data-[state=active]:bg-inverted focus-visible:outline-inverted`,
-                separator: `group-data-[state=completed]:bg-inverted`
-            }
-        }
-    },
-    compoundVariants: [
-        {
-            orientation: 'horizontal',
-            size: 'xs',
-            class: { separator: 'start-[calc(50%+16px)] end-[calc(-50%+16px)]' }
-        },
-        {
-            orientation: 'horizontal',
-            size: 'sm',
-            class: { separator: 'start-[calc(50%+20px)] end-[calc(-50%+20px)]' }
-        },
-        {
-            orientation: 'horizontal',
-            size: 'md',
-            class: { separator: 'start-[calc(50%+28px)] end-[calc(-50%+28px)]' }
-        },
-        {
-            orientation: 'horizontal',
-            size: 'lg',
-            class: { separator: 'start-[calc(50%+32px)] end-[calc(-50%+32px)]' }
-        },
-        {
-            orientation: 'horizontal',
-            size: 'xl',
-            class: { separator: 'start-[calc(50%+36px)] end-[calc(-50%+36px)]' }
-        },
-        {
-            orientation: 'vertical',
-            size: 'xs',
-            class: { separator: 'top-[30px]', item: 'gap-1.5' }
-        },
-        {
-            orientation: 'vertical',
-            size: 'sm',
-            class: { separator: 'top-[38px]', item: 'gap-2' }
-        },
-        {
-            orientation: 'vertical',
-            size: 'md',
-            class: { separator: 'top-[46px]', item: 'gap-2.5' }
-        },
-        {
-            orientation: 'vertical',
-            size: 'lg',
-            class: { separator: 'top-[54px]', item: 'gap-3' }
-        },
-        {
-            orientation: 'vertical',
-            size: 'xl',
-            class: { separator: 'top-[62px]', item: 'gap-3.5' }
-        }
-    ],
-    defaultVariants: {
-        size: 'md',
-        color: 'primary'
-    }
-});