uisv 0.0.1 → 0.0.3

package/dist/theme/timeline.d.ts

@@ -1,52 +0,0 @@
-declare const _default: (options: Required<ModuleOptions>) => {
-    slots: {
-        root: string;
-        item: string;
-        container: string;
-        indicator: string;
-        separator: string;
-        wrapper: string;
-        date: string;
-        title: string;
-        description: string;
-    };
-    variants: {
-        orientation: {
-            horizontal: {
-                root: string;
-                item: string;
-                separator: string;
-            };
-            vertical: {
-                root: string;
-                container: string;
-                separator: string;
-            };
-        };
-        color: {
-            neutral: {
-                indicator: string;
-            };
-        };
-        size: {
-            '3xs': string;
-            '2xs': string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            '2xl': string;
-            '3xl': string;
-        };
-        reverse: {
-            true: string;
-        };
-    };
-    compoundVariants: any[];
-    defaultVariants: {
-        size: string;
-        color: string;
-    };
-};
-export default _default;

package/dist/theme/timeline.js

@@ -1,212 +0,0 @@
-export default (options) => ({
-    slots: {
-        root: 'flex gap-1.5',
-        item: 'group relative flex flex-1 gap-3',
-        container: 'relative flex items-center gap-1.5',
-        indicator: 'group-data-[state=completed]:text-inverted group-data-[state=active]:text-inverted text-muted',
-        separator: 'flex-1 rounded-full bg-elevated',
-        wrapper: 'w-full',
-        date: 'text-dimmed text-xs/5',
-        title: 'font-medium text-highlighted text-sm',
-        description: 'text-muted text-wrap text-sm'
-    },
-    variants: {
-        orientation: {
-            horizontal: {
-                root: 'flex-row w-full',
-                item: 'flex-col',
-                separator: 'h-0.5'
-            },
-            vertical: {
-                root: 'flex-col',
-                container: 'flex-col',
-                separator: 'w-0.5'
-            }
-        },
-        color: {
-            ...Object.fromEntries((options.theme.colors || []).map((color) => [
-                color,
-                {
-                    indicator: `group-data-[state=completed]:bg-${color} group-data-[state=active]:bg-${color}`
-                }
-            ])),
-            neutral: {
-                indicator: 'group-data-[state=completed]:bg-inverted group-data-[state=active]:bg-inverted'
-            }
-        },
-        size: {
-            '3xs': '',
-            '2xs': '',
-            xs: '',
-            sm: '',
-            md: '',
-            lg: '',
-            xl: '',
-            '2xl': '',
-            '3xl': ''
-        },
-        reverse: {
-            true: ''
-        }
-    },
-    compoundVariants: [
-        ...(options.theme.colors || []).map((color) => ({
-            color,
-            reverse: false,
-            class: {
-                separator: `group-data-[state=completed]:bg-${color}`
-            }
-        })),
-        ...(options.theme.colors || []).map((color) => ({
-            color,
-            reverse: true,
-            class: {
-                separator: `group-data-[state=active]:bg-${color} group-data-[state=completed]:bg-${color}`
-            }
-        })),
-        {
-            color: 'neutral',
-            reverse: false,
-            class: {
-                separator: 'group-data-[state=completed]:bg-inverted'
-            }
-        },
-        {
-            color: 'neutral',
-            reverse: true,
-            class: {
-                separator: 'group-data-[state=active]:bg-inverted group-data-[state=completed]:bg-inverted'
-            }
-        },
-        {
-            orientation: 'horizontal',
-            size: '3xs',
-            class: {
-                wrapper: 'pe-4.5'
-            }
-        },
-        {
-            orientation: 'horizontal',
-            size: '2xs',
-            class: {
-                wrapper: 'pe-5'
-            }
-        },
-        {
-            orientation: 'horizontal',
-            size: 'xs',
-            class: {
-                wrapper: 'pe-5.5'
-            }
-        },
-        {
-            orientation: 'horizontal',
-            size: 'sm',
-            class: {
-                wrapper: 'pe-6'
-            }
-        },
-        {
-            orientation: 'horizontal',
-            size: 'md',
-            class: {
-                wrapper: 'pe-6.5'
-            }
-        },
-        {
-            orientation: 'horizontal',
-            size: 'lg',
-            class: {
-                wrapper: 'pe-7'
-            }
-        },
-        {
-            orientation: 'horizontal',
-            size: 'xl',
-            class: {
-                wrapper: 'pe-7.5'
-            }
-        },
-        {
-            orientation: 'horizontal',
-            size: '2xl',
-            class: {
-                wrapper: 'pe-8'
-            }
-        },
-        {
-            orientation: 'horizontal',
-            size: '3xl',
-            class: {
-                wrapper: 'pe-8.5'
-            }
-        },
-        {
-            orientation: 'vertical',
-            size: '3xs',
-            class: {
-                wrapper: '-mt-0.5 pb-4.5'
-            }
-        },
-        {
-            orientation: 'vertical',
-            size: '2xs',
-            class: {
-                wrapper: 'pb-5'
-            }
-        },
-        {
-            orientation: 'vertical',
-            size: 'xs',
-            class: {
-                wrapper: 'mt-0.5 pb-5.5'
-            }
-        },
-        {
-            orientation: 'vertical',
-            size: 'sm',
-            class: {
-                wrapper: 'mt-1 pb-6'
-            }
-        },
-        {
-            orientation: 'vertical',
-            size: 'md',
-            class: {
-                wrapper: 'mt-1.5 pb-6.5'
-            }
-        },
-        {
-            orientation: 'vertical',
-            size: 'lg',
-            class: {
-                wrapper: 'mt-2 pb-7'
-            }
-        },
-        {
-            orientation: 'vertical',
-            size: 'xl',
-            class: {
-                wrapper: 'mt-2.5 pb-7.5'
-            }
-        },
-        {
-            orientation: 'vertical',
-            size: '2xl',
-            class: {
-                wrapper: 'mt-3 pb-8'
-            }
-        },
-        {
-            orientation: 'vertical',
-            size: '3xl',
-            class: {
-                wrapper: 'mt-3.5 pb-8.5'
-            }
-        }
-    ],
-    defaultVariants: {
-        size: 'md',
-        color: 'primary'
-    }
-});

package/dist/theme/toast.d.ts

@@ -1,41 +0,0 @@
-declare const _default: (options: Required<ModuleOptions>) => {
-    slots: {
-        root: string;
-        wrapper: string;
-        title: string;
-        description: string;
-        icon: string;
-        avatar: string;
-        avatarSize: string;
-        actions: string;
-        progress: string;
-        close: string;
-    };
-    variants: {
-        color: {
-            neutral: {
-                root: string;
-                icon: string;
-            };
-        };
-        orientation: {
-            horizontal: {
-                root: string;
-                actions: string;
-            };
-            vertical: {
-                root: string;
-                actions: string;
-            };
-        };
-        title: {
-            true: {
-                description: string;
-            };
-        };
-    };
-    defaultVariants: {
-        color: string;
-    };
-};
-export default _default;

package/dist/theme/toast.js

@@ -1,47 +0,0 @@
-export default (options) => ({
-    slots: {
-        root: 'relative group overflow-hidden bg-default shadow-lg rounded-lg ring ring-default p-4 flex gap-2.5 focus:outline-none',
-        wrapper: 'w-0 flex-1 flex flex-col',
-        title: 'text-sm font-medium text-highlighted',
-        description: 'text-sm text-muted',
-        icon: 'shrink-0 size-5',
-        avatar: 'shrink-0',
-        avatarSize: '2xl',
-        actions: 'flex gap-1.5 shrink-0',
-        progress: 'absolute inset-x-0 bottom-0',
-        close: 'p-0'
-    },
-    variants: {
-        color: {
-            ...Object.fromEntries((options.theme.colors || []).map((color) => [
-                color,
-                {
-                    root: `focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-${color}`,
-                    icon: `text-${color}`
-                }
-            ])),
-            neutral: {
-                root: 'focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted',
-                icon: 'text-highlighted'
-            }
-        },
-        orientation: {
-            horizontal: {
-                root: 'items-center',
-                actions: 'items-center'
-            },
-            vertical: {
-                root: 'items-start',
-                actions: 'items-start mt-2.5'
-            }
-        },
-        title: {
-            true: {
-                description: 'mt-1'
-            }
-        }
-    },
-    defaultVariants: {
-        color: 'primary'
-    }
-});

package/dist/theme/toaster.d.ts

@@ -1,50 +0,0 @@
-declare const _default: {
-    slots: {
-        viewport: string;
-        base: string;
-    };
-    variants: {
-        position: {
-            'top-left': {
-                viewport: string;
-            };
-            'top-center': {
-                viewport: string;
-            };
-            'top-right': {
-                viewport: string;
-            };
-            'bottom-left': {
-                viewport: string;
-            };
-            'bottom-center': {
-                viewport: string;
-            };
-            'bottom-right': {
-                viewport: string;
-            };
-        };
-        swipeDirection: {
-            up: string;
-            right: string;
-            down: string;
-            left: string;
-        };
-    };
-    compoundVariants: ({
-        position: string[];
-        class: {
-            viewport: string;
-            base: string;
-        };
-        swipeDirection?: undefined;
-    } | {
-        swipeDirection: string[];
-        class: string;
-        position?: undefined;
-    })[];
-    defaultVariants: {
-        position: string;
-    };
-};
-export default _default;

package/dist/theme/toaster.js

@@ -1,56 +0,0 @@
-export default {
-    slots: {
-        viewport: 'fixed flex flex-col w-[calc(100%-2rem)] sm:w-96 z-[100] data-[expanded=true]:h-(--height) focus:outline-none',
-        base: 'pointer-events-auto absolute inset-x-0 z-(--index) transform-(--transform) data-[expanded=false]:data-[front=false]:h-(--front-height) data-[expanded=false]:data-[front=false]:*:opacity-0 data-[front=false]:*:transition-opacity data-[front=false]:*:duration-100 data-[state=closed]:animate-[toast-closed_200ms_ease-in-out] data-[state=closed]:data-[expanded=false]:data-[front=false]:animate-[toast-collapsed-closed_200ms_ease-in-out] data-[swipe=move]:transition-none transition-[transform,translate,height] duration-200 ease-out'
-    },
-    variants: {
-        position: {
-            'top-left': {
-                viewport: 'left-4'
-            },
-            'top-center': {
-                viewport: 'left-1/2 transform -translate-x-1/2'
-            },
-            'top-right': {
-                viewport: 'right-4'
-            },
-            'bottom-left': {
-                viewport: 'left-4'
-            },
-            'bottom-center': {
-                viewport: 'left-1/2 transform -translate-x-1/2'
-            },
-            'bottom-right': {
-                viewport: 'right-4'
-            }
-        },
-        swipeDirection: {
-            up: 'data-[swipe=end]:animate-[toast-slide-up_200ms_ease-out]',
-            right: 'data-[swipe=end]:animate-[toast-slide-right_200ms_ease-out]',
-            down: 'data-[swipe=end]:animate-[toast-slide-down_200ms_ease-out]',
-            left: 'data-[swipe=end]:animate-[toast-slide-left_200ms_ease-out]'
-        }
-    },
-    compoundVariants: [{
-            position: ['top-left', 'top-center', 'top-right'],
-            class: {
-                viewport: 'top-4',
-                base: 'top-0 data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out]'
-            }
-        }, {
-            position: ['bottom-left', 'bottom-center', 'bottom-right'],
-            class: {
-                viewport: 'bottom-4',
-                base: 'bottom-0 data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out]'
-            }
-        }, {
-            swipeDirection: ['left', 'right'],
-            class: 'data-[swipe=move]:translate-x-(--reka-toast-swipe-move-x) data-[swipe=end]:translate-x-(--reka-toast-swipe-end-x) data-[swipe=cancel]:translate-x-0'
-        }, {
-            swipeDirection: ['up', 'down'],
-            class: 'data-[swipe=move]:translate-y-(--reka-toast-swipe-move-y) data-[swipe=end]:translate-y-(--reka-toast-swipe-end-y) data-[swipe=cancel]:translate-y-0'
-        }],
-    defaultVariants: {
-        position: 'bottom-right'
-    }
-};

package/dist/theme/tooltip.d.ts

@@ -1,10 +0,0 @@
-declare const _default: {
-    slots: {
-        content: string;
-        arrow: string;
-        text: string;
-        kbds: string;
-        kbdsSize: string;
-    };
-};
-export default _default;

package/dist/theme/tooltip.js

@@ -1,9 +0,0 @@
-export default {
-    slots: {
-        content: 'flex items-center gap-1 bg-default text-highlighted shadow-sm rounded-sm ring ring-default h-6 px-2.5 py-1 text-xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-tooltip-content-transform-origin) pointer-events-auto',
-        arrow: 'fill-default',
-        text: 'truncate',
-        kbds: `hidden lg:inline-flex items-center shrink-0 gap-0.5 not-first-of-type:before:content-['·'] not-first-of-type:before:me-0.5`,
-        kbdsSize: 'sm'
-    }
-};

package/dist/theme/tree.d.ts

@@ -1,66 +0,0 @@
-declare const _default: (options: Required<ModuleOptions>) => {
-    slots: {
-        root: string;
-        item: string;
-        listWithChildren: string;
-        itemWithChildren: string;
-        link: string;
-        linkLeadingIcon: string;
-        linkLabel: string;
-        linkTrailing: string;
-        linkTrailingIcon: string;
-    };
-    variants: {
-        color: {
-            neutral: {
-                link: string;
-            };
-        };
-        size: {
-            xs: {
-                link: string;
-                linkLeadingIcon: string;
-                linkTrailingIcon: string;
-            };
-            sm: {
-                link: string;
-                linkLeadingIcon: string;
-                linkTrailingIcon: string;
-            };
-            md: {
-                link: string;
-                linkLeadingIcon: string;
-                linkTrailingIcon: string;
-            };
-            lg: {
-                link: string;
-                linkLeadingIcon: string;
-                linkTrailingIcon: string;
-            };
-            xl: {
-                link: string;
-                linkLeadingIcon: string;
-                linkTrailingIcon: string;
-            };
-        };
-        selected: {
-            true: {
-                link: string;
-            };
-            false: {
-                link: any[];
-            };
-        };
-        disabled: {
-            true: {
-                link: string;
-            };
-        };
-    };
-    compoundVariants: any[];
-    defaultVariants: {
-        color: string;
-        size: string;
-    };
-};
-export default _default;

package/dist/theme/tree.js

@@ -1,89 +0,0 @@
-export default (options) => ({
-    slots: {
-        root: 'relative isolate',
-        item: '',
-        listWithChildren: 'ms-4.5 border-s border-default',
-        itemWithChildren: 'ps-1.5 -ms-px',
-        link: 'relative group w-full flex items-center text-sm before:absolute before:inset-y-px before:inset-x-0 before:z-[-1] before:rounded-md focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2',
-        linkLeadingIcon: 'shrink-0',
-        linkLabel: 'truncate',
-        linkTrailing: 'ms-auto inline-flex gap-1.5 items-center',
-        linkTrailingIcon: 'shrink-0 transform transition-transform duration-200 group-data-[expanded=true]:rotate-180'
-    },
-    variants: {
-        color: {
-            ...Object.fromEntries((options.theme.colors || []).map((color) => [
-                color,
-                {
-                    link: `focus-visible:before:ring-${color}`
-                }
-            ])),
-            neutral: {
-                link: 'focus-visible:before:ring-inverted'
-            }
-        },
-        size: {
-            xs: {
-                link: 'px-2 py-1 text-xs gap-1',
-                linkLeadingIcon: 'size-4',
-                linkTrailingIcon: 'size-4'
-            },
-            sm: {
-                link: 'px-2.5 py-1.5 text-xs gap-1.5',
-                linkLeadingIcon: 'size-4',
-                linkTrailingIcon: 'size-4'
-            },
-            md: {
-                link: 'px-2.5 py-1.5 text-sm gap-1.5',
-                linkLeadingIcon: 'size-5',
-                linkTrailingIcon: 'size-5'
-            },
-            lg: {
-                link: 'px-3 py-2 text-sm gap-2',
-                linkLeadingIcon: 'size-5',
-                linkTrailingIcon: 'size-5'
-            },
-            xl: {
-                link: 'px-3 py-2 text-base gap-2',
-                linkLeadingIcon: 'size-6',
-                linkTrailingIcon: 'size-6'
-            }
-        },
-        selected: {
-            true: {
-                link: 'before:bg-elevated'
-            },
-            false: {
-                link: [
-                    'hover:not-disabled:text-highlighted hover:not-disabled:before:bg-elevated/50',
-                    options.theme.transitions && 'transition-colors before:transition-colors'
-                ]
-            }
-        },
-        disabled: {
-            true: {
-                link: 'cursor-not-allowed opacity-75'
-            }
-        }
-    },
-    compoundVariants: [
-        ...(options.theme.colors || []).map((color) => ({
-            color,
-            selected: true,
-            class: {
-                link: `text-${color}`
-            }
-        })),
-        {
-            color: 'neutral',
-            selected: true,
-            class: {
-                link: 'text-highlighted'
-            }
-        }
-    ],
-    defaultVariants: {
-        color: 'primary',
-        size: 'md'
-    }
-});