uisv 0.0.1 → 0.0.3

package/dist/theme/navigation-menu.js

@@ -1,315 +0,0 @@
-export default (options) => ({
-    slots: {
-        root: 'relative flex gap-1.5 [&>div]:min-w-0',
-        list: 'isolate min-w-0',
-        label: 'w-full flex items-center gap-1.5 font-semibold text-xs/5 text-highlighted px-2.5 py-1.5',
-        item: 'min-w-0',
-        link: 'group relative w-full flex items-center gap-1.5 font-medium text-sm before:absolute before:z-[-1] before:rounded-md focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2',
-        linkLeadingIcon: 'shrink-0 size-5',
-        linkLeadingAvatar: 'shrink-0',
-        linkLeadingAvatarSize: '2xs',
-        linkTrailing: 'group ms-auto inline-flex gap-1.5 items-center',
-        linkTrailingBadge: 'shrink-0',
-        linkTrailingBadgeSize: 'sm',
-        linkTrailingIcon: 'size-5 transform shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200',
-        linkLabel: 'truncate',
-        linkLabelExternalIcon: 'inline-block size-3 align-top text-dimmed',
-        childList: 'isolate',
-        childLabel: 'text-xs text-highlighted',
-        childItem: '',
-        childLink: 'group relative size-full flex items-start text-start text-sm before:absolute before:z-[-1] before:rounded-md focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2',
-        childLinkWrapper: 'min-w-0',
-        childLinkIcon: 'size-5 shrink-0',
-        childLinkLabel: 'truncate',
-        childLinkLabelExternalIcon: 'inline-block size-3 align-top text-dimmed',
-        childLinkDescription: 'text-muted',
-        separator: 'px-2 h-px bg-border',
-        viewportWrapper: 'absolute top-full left-0 flex w-full',
-        viewport: 'relative overflow-hidden bg-default shadow-lg rounded-md ring ring-default h-(--reka-navigation-menu-viewport-height) w-full transition-[width,height,left] duration-200 origin-[top_center] data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] z-[1]',
-        content: '',
-        indicator: 'absolute data-[state=visible]:animate-[fade-in_100ms_ease-out] data-[state=hidden]:animate-[fade-out_100ms_ease-in] data-[state=hidden]:opacity-0 bottom-0 z-[2] w-(--reka-navigation-menu-indicator-size) translate-x-(--reka-navigation-menu-indicator-position) flex h-2.5 items-end justify-center overflow-hidden transition-[translate,width] duration-200',
-        arrow: 'relative top-[50%] size-2.5 rotate-45 border border-default bg-default z-[1] rounded-xs'
-    },
-    variants: {
-        color: {
-            ...Object.fromEntries((options.theme.colors || []).map((color) => [
-                color,
-                {
-                    link: `focus-visible:before:ring-${color}`,
-                    childLink: `focus-visible:before:ring-${color}`
-                }
-            ])),
-            neutral: {
-                link: 'focus-visible:before:ring-inverted',
-                childLink: 'focus-visible:before:ring-inverted'
-            }
-        },
-        highlightColor: {
-            ...Object.fromEntries((options.theme.colors || []).map((color) => [color, ''])),
-            neutral: ''
-        },
-        variant: {
-            pill: '',
-            link: ''
-        },
-        orientation: {
-            horizontal: {
-                root: 'items-center justify-between',
-                list: 'flex items-center',
-                item: 'py-2',
-                link: 'px-2.5 py-1.5 before:inset-x-px before:inset-y-0',
-                childList: 'grid p-2',
-                childLink: 'px-3 py-2 gap-2 before:inset-x-px before:inset-y-0',
-                childLinkLabel: 'font-medium',
-                content: 'absolute top-0 left-0 w-full max-h-[70vh] overflow-y-auto'
-            },
-            vertical: {
-                root: 'flex-col',
-                link: 'flex-row px-2.5 py-1.5 before:inset-y-px before:inset-x-0',
-                childLabel: 'px-1.5 py-0.5',
-                childLink: 'p-1.5 gap-1.5 before:inset-y-px before:inset-x-0'
-            }
-        },
-        contentOrientation: {
-            horizontal: {
-                viewportWrapper: 'justify-center',
-                content: 'data-[motion=from-start]:animate-[enter-from-left_200ms_ease] data-[motion=from-end]:animate-[enter-from-right_200ms_ease] data-[motion=to-start]:animate-[exit-to-left_200ms_ease] data-[motion=to-end]:animate-[exit-to-right_200ms_ease]'
-            },
-            vertical: {
-                viewport: 'sm:w-(--reka-navigation-menu-viewport-width) left-(--reka-navigation-menu-viewport-left)'
-            }
-        },
-        active: {
-            true: {
-                childLink: 'before:bg-elevated text-highlighted',
-                childLinkIcon: 'text-default'
-            },
-            false: {
-                link: 'text-muted',
-                linkLeadingIcon: 'text-dimmed',
-                childLink: [
-                    'hover:before:bg-elevated/50 text-default hover:text-highlighted',
-                    options.theme.transitions && 'transition-colors before:transition-colors'
-                ],
-                childLinkIcon: [
-                    'text-dimmed group-hover:text-default',
-                    options.theme.transitions && 'transition-colors'
-                ]
-            }
-        },
-        disabled: {
-            true: {
-                link: 'cursor-not-allowed opacity-75'
-            }
-        },
-        highlight: {
-            true: ''
-        },
-        level: {
-            true: ''
-        },
-        collapsed: {
-            true: ''
-        }
-    },
-    compoundVariants: [
-        {
-            orientation: 'horizontal',
-            contentOrientation: 'horizontal',
-            class: {
-                childList: 'grid-cols-2 gap-2'
-            }
-        },
-        {
-            orientation: 'horizontal',
-            contentOrientation: 'vertical',
-            class: {
-                childList: 'gap-1',
-                content: 'w-60'
-            }
-        },
-        {
-            orientation: 'vertical',
-            collapsed: false,
-            class: {
-                childList: 'ms-5 border-s border-default',
-                childItem: 'ps-1.5 -ms-px',
-                content: 'data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden'
-            }
-        },
-        {
-            orientation: 'vertical',
-            collapsed: true,
-            class: {
-                link: 'px-1.5',
-                content: 'shadow-sm rounded-sm min-h-6 p-1'
-            }
-        },
-        {
-            orientation: 'horizontal',
-            highlight: true,
-            class: {
-                link: [
-                    'after:absolute after:-bottom-2 after:inset-x-2.5 after:block after:h-px after:rounded-full',
-                    options.theme.transitions && 'after:transition-colors'
-                ]
-            }
-        },
-        {
-            orientation: 'vertical',
-            highlight: true,
-            level: true,
-            class: {
-                link: [
-                    'after:absolute after:-start-1.5 after:inset-y-0.5 after:block after:w-px after:rounded-full',
-                    options.theme.transitions && 'after:transition-colors'
-                ]
-            }
-        },
-        {
-            disabled: false,
-            active: false,
-            variant: 'pill',
-            class: {
-                link: [
-                    'hover:text-highlighted hover:before:bg-elevated/50',
-                    options.theme.transitions && 'transition-colors before:transition-colors'
-                ],
-                linkLeadingIcon: [
-                    'group-hover:text-default',
-                    options.theme.transitions && 'transition-colors'
-                ]
-            }
-        },
-        {
-            disabled: false,
-            active: false,
-            variant: 'pill',
-            orientation: 'horizontal',
-            class: {
-                link: 'data-[state=open]:text-highlighted',
-                linkLeadingIcon: 'group-data-[state=open]:text-default'
-            }
-        },
-        {
-            disabled: false,
-            variant: 'pill',
-            highlight: true,
-            orientation: 'horizontal',
-            class: {
-                link: 'data-[state=open]:before:bg-elevated/50'
-            }
-        },
-        {
-            disabled: false,
-            variant: 'pill',
-            highlight: false,
-            active: false,
-            orientation: 'horizontal',
-            class: {
-                link: 'data-[state=open]:before:bg-elevated/50'
-            }
-        },
-        ...(options.theme.colors || []).map((color) => ({
-            color,
-            variant: 'pill',
-            active: true,
-            class: {
-                link: `text-${color}`,
-                linkLeadingIcon: `text-${color} group-data-[state=open]:text-${color}`
-            }
-        })),
-        {
-            color: 'neutral',
-            variant: 'pill',
-            active: true,
-            class: {
-                link: 'text-highlighted',
-                linkLeadingIcon: 'text-highlighted group-data-[state=open]:text-highlighted'
-            }
-        },
-        {
-            variant: 'pill',
-            active: true,
-            highlight: false,
-            class: {
-                link: 'before:bg-elevated'
-            }
-        },
-        {
-            variant: 'pill',
-            active: true,
-            highlight: true,
-            disabled: false,
-            class: {
-                link: [
-                    'hover:before:bg-elevated/50',
-                    options.theme.transitions && 'before:transition-colors'
-                ]
-            }
-        },
-        {
-            disabled: false,
-            active: false,
-            variant: 'link',
-            class: {
-                link: ['hover:text-highlighted', options.theme.transitions && 'transition-colors'],
-                linkLeadingIcon: [
-                    'group-hover:text-default',
-                    options.theme.transitions && 'transition-colors'
-                ]
-            }
-        },
-        {
-            disabled: false,
-            active: false,
-            variant: 'link',
-            orientation: 'horizontal',
-            class: {
-                link: 'data-[state=open]:text-highlighted',
-                linkLeadingIcon: 'group-data-[state=open]:text-default'
-            }
-        },
-        ...(options.theme.colors || []).map((color) => ({
-            color,
-            variant: 'link',
-            active: true,
-            class: {
-                link: `text-${color}`,
-                linkLeadingIcon: `text-${color} group-data-[state=open]:text-${color}`
-            }
-        })),
-        {
-            color: 'neutral',
-            variant: 'link',
-            active: true,
-            class: {
-                link: 'text-highlighted',
-                linkLeadingIcon: 'text-highlighted group-data-[state=open]:text-highlighted'
-            }
-        },
-        ...(options.theme.colors || []).map((highlightColor) => ({
-            highlightColor,
-            highlight: true,
-            level: true,
-            active: true,
-            class: {
-                link: `after:bg-${highlightColor}`
-            }
-        })),
-        {
-            highlightColor: 'neutral',
-            highlight: true,
-            level: true,
-            active: true,
-            class: {
-                link: 'after:bg-inverted'
-            }
-        }
-    ],
-    defaultVariants: {
-        color: 'primary',
-        highlightColor: 'primary',
-        variant: 'pill'
-    }
-});

package/dist/theme/page-anchors.d.ts

@@ -1,26 +0,0 @@
-import type { NuxtOptions } from '@nuxt/schema';
-declare const _default: (options: Required<NuxtOptions["ui"]>) => {
-    slots: {
-        root: string;
-        list: string;
-        item: string;
-        link: string;
-        linkLeading: string;
-        linkLeadingIcon: string;
-        linkLabel: string;
-        linkLabelExternalIcon: string;
-    };
-    variants: {
-        active: {
-            true: {
-                link: string;
-                linkLeading: string;
-            };
-            false: {
-                link: any[];
-                linkLeading: any[];
-            };
-        };
-    };
-};
-export default _default;

package/dist/theme/page-anchors.js

@@ -1,24 +0,0 @@
-export default (options) => ({
-    slots: {
-        root: '',
-        list: '',
-        item: 'relative',
-        link: 'group text-sm flex items-center gap-1.5 py-1 focus-visible:outline-primary',
-        linkLeading: 'rounded-md p-1 inline-flex ring-inset ring',
-        linkLeadingIcon: 'size-4 shrink-0',
-        linkLabel: 'truncate',
-        linkLabelExternalIcon: 'size-3 absolute top-0 text-dimmed'
-    },
-    variants: {
-        active: {
-            true: {
-                link: 'text-primary font-semibold',
-                linkLeading: 'bg-primary ring-primary text-inverted'
-            },
-            false: {
-                link: ['text-muted hover:text-default font-medium', options.theme.transitions && 'transition-colors'],
-                linkLeading: ['bg-elevated/50 ring-accented text-dimmed group-hover:bg-primary group-hover:ring-primary group-hover:text-inverted', options.theme.transitions && 'transition']
-            }
-        }
-    }
-});

package/dist/theme/page-aside.d.ts

@@ -1,11 +0,0 @@
-declare const _default: {
-    slots: {
-        root: string;
-        container: string;
-        top: string;
-        topHeader: string;
-        topBody: string;
-        topFooter: string;
-    };
-};
-export default _default;

package/dist/theme/page-aside.js

@@ -1,10 +0,0 @@
-export default {
-    slots: {
-        root: 'hidden overflow-y-auto lg:block lg:max-h-[calc(100vh-var(--ui-header-height))] lg:sticky lg:top-(--ui-header-height) py-8 lg:ps-4 lg:-ms-4 lg:pe-6.5',
-        container: 'relative',
-        top: 'sticky -top-8 -mt-8 pointer-events-none z-[1]',
-        topHeader: 'h-8 bg-default -mx-4 px-4',
-        topBody: 'bg-default relative pointer-events-auto flex flex-col -mx-4 px-4',
-        topFooter: 'h-8 bg-gradient-to-b from-default -mx-4 px-4'
-    }
-};

package/dist/theme/page-body.d.ts

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

package/dist/theme/page-body.js

@@ -1,3 +0,0 @@
-export default {
-    base: 'mt-8 pb-24 space-y-12'
-};

package/dist/theme/page-card.d.ts

@@ -1,90 +0,0 @@
-import type { NuxtOptions } from '@nuxt/schema';
-declare const _default: (options: Required<NuxtOptions["ui"]>) => {
-    slots: {
-        root: string;
-        spotlight: string;
-        container: string;
-        wrapper: string;
-        header: string;
-        body: string;
-        footer: string;
-        leading: string;
-        leadingIcon: string;
-        title: string;
-        description: string;
-    };
-    variants: {
-        orientation: {
-            horizontal: {
-                container: string;
-            };
-            vertical: {
-                container: string;
-            };
-        };
-        reverse: {
-            true: {
-                wrapper: string;
-            };
-        };
-        variant: {
-            solid: {
-                root: string;
-                title: string;
-                description: string;
-            };
-            outline: {
-                root: string;
-                description: string;
-            };
-            soft: {
-                root: string;
-                description: string;
-            };
-            subtle: {
-                root: string;
-                description: string;
-            };
-            ghost: {
-                description: string;
-            };
-            naked: {
-                container: string;
-                description: string;
-            };
-        };
-        to: {
-            true: {
-                root: any[];
-            };
-        };
-        title: {
-            true: {
-                description: string;
-            };
-        };
-        highlight: {
-            true: {
-                root: string;
-            };
-        };
-        highlightColor: {
-            neutral: string;
-        };
-        spotlight: {
-            true: {
-                root: string;
-            };
-        };
-        spotlightColor: {
-            neutral: string;
-        };
-    };
-    compoundVariants: any[];
-    defaultVariants: {
-        variant: string;
-        highlightColor: string;
-        spotlightColor: string;
-    };
-};
-export default _default;

package/dist/theme/page-card.js

@@ -1,156 +0,0 @@
-export default (options) => ({
-    slots: {
-        root: 'relative flex rounded-lg',
-        spotlight: 'absolute inset-0 rounded-[inherit] pointer-events-none bg-default/90',
-        container: 'relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6',
-        wrapper: 'flex flex-col flex-1 items-start',
-        header: 'mb-4',
-        body: 'flex-1',
-        footer: 'pt-4 mt-auto',
-        leading: 'inline-flex items-center mb-2.5',
-        leadingIcon: 'size-5 shrink-0 text-primary',
-        title: 'text-base text-pretty font-semibold text-highlighted',
-        description: 'text-[15px] text-pretty'
-    },
-    variants: {
-        orientation: {
-            horizontal: {
-                container: 'lg:grid-cols-2 lg:items-center'
-            },
-            vertical: {
-                container: ''
-            }
-        },
-        reverse: {
-            true: {
-                wrapper: 'lg:order-last'
-            }
-        },
-        variant: {
-            solid: {
-                root: 'bg-inverted text-inverted',
-                title: 'text-inverted',
-                description: 'text-dimmed'
-            },
-            outline: {
-                root: 'bg-default ring ring-default',
-                description: 'text-muted'
-            },
-            soft: {
-                root: 'bg-elevated/50',
-                description: 'text-toned'
-            },
-            subtle: {
-                root: 'bg-elevated/50 ring ring-default',
-                description: 'text-toned'
-            },
-            ghost: {
-                description: 'text-muted'
-            },
-            naked: {
-                container: 'p-0 sm:p-0',
-                description: 'text-muted'
-            }
-        },
-        to: {
-            true: {
-                root: [options.theme.transitions && 'transition']
-            }
-        },
-        title: {
-            true: {
-                description: 'mt-1'
-            }
-        },
-        highlight: {
-            true: {
-                root: 'ring-2'
-            }
-        },
-        highlightColor: {
-            ...Object.fromEntries((options.theme.colors || []).map((color) => [color, ''])),
-            neutral: ''
-        },
-        spotlight: {
-            true: {
-                root: '[--spotlight-size:400px] before:absolute before:-inset-px before:pointer-events-none before:rounded-[inherit] before:bg-[radial-gradient(var(--spotlight-size)_var(--spotlight-size)_at_calc(var(--spotlight-x,0px))_calc(var(--spotlight-y,0px)),var(--spotlight-color),transparent_70%)]'
-            }
-        },
-        spotlightColor: {
-            ...Object.fromEntries((options.theme.colors || []).map((color) => [color, ''])),
-            neutral: ''
-        }
-    },
-    compoundVariants: [{
-            variant: 'solid',
-            to: true,
-            class: {
-                root: 'hover:bg-inverted/90'
-            }
-        }, {
-            variant: 'outline',
-            to: true,
-            class: {
-                root: 'hover:bg-elevated/50'
-            }
-        }, {
-            variant: 'soft',
-            to: true,
-            class: {
-                root: 'hover:bg-elevated'
-            }
-        }, {
-            variant: 'subtle',
-            to: true,
-            class: {
-                root: 'hover:bg-elevated'
-            }
-        }, {
-            variant: 'subtle',
-            to: true,
-            highlight: false,
-            class: {
-                root: 'hover:ring-accented'
-            }
-        }, {
-            variant: 'ghost',
-            to: true,
-            class: {
-                root: 'hover:bg-elevated/50'
-            }
-        }, ...(options.theme.colors || []).map((highlightColor) => ({
-            highlightColor,
-            highlight: true,
-            class: {
-                root: `ring-${highlightColor}`
-            }
-        })), {
-            highlightColor: 'neutral',
-            highlight: true,
-            class: {
-                root: 'ring-inverted'
-            }
-        }, ...(options.theme.colors || []).map((spotlightColor) => ({
-            spotlightColor,
-            spotlight: true,
-            class: {
-                root: `[--spotlight-color:var(--ui-${spotlightColor})]`
-            }
-        })), {
-            spotlightColor: 'neutral',
-            spotlight: true,
-            class: {
-                root: '[--spotlight-color:var(--ui-bg-inverted)]'
-            }
-        }, {
-            to: true,
-            class: {
-                root: 'has-focus-visible:ring-2 has-focus-visible:ring-primary'
-            }
-        }],
-    defaultVariants: {
-        variant: 'outline',
-        highlightColor: 'primary',
-        spotlightColor: 'primary'
-    }
-});

package/dist/theme/page-columns.d.ts

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

package/dist/theme/page-columns.js

@@ -1,3 +0,0 @@
-export default {
-    base: 'relative column-1 md:columns-2 lg:columns-3 gap-8 space-y-8 *:break-inside-avoid-column *:will-change-transform'
-};