uisv 0.0.1

package/dist/theme/progress.js

@@ -0,0 +1,241 @@
+export default (options) => ({
+    slots: {
+        root: 'gap-2',
+        base: 'relative overflow-hidden rounded-full bg-accented',
+        indicator: 'rounded-full size-full transition-transform duration-200 ease-out',
+        status: 'flex text-dimmed transition-[width] duration-200',
+        steps: 'grid items-end',
+        step: 'truncate text-end row-start-1 col-start-1 transition-opacity'
+    },
+    variants: {
+        animation: {
+            carousel: '',
+            'carousel-inverse': '',
+            swing: '',
+            elastic: ''
+        },
+        color: {
+            ...Object.fromEntries((options.theme.colors || []).map((color) => [
+                color,
+                {
+                    indicator: `bg-${color}`,
+                    steps: `text-${color}`
+                }
+            ])),
+            neutral: {
+                indicator: 'bg-inverted',
+                steps: 'text-inverted'
+            }
+        },
+        size: {
+            '2xs': {
+                status: 'text-xs',
+                steps: 'text-xs'
+            },
+            xs: {
+                status: 'text-xs',
+                steps: 'text-xs'
+            },
+            sm: {
+                status: 'text-sm',
+                steps: 'text-sm'
+            },
+            md: {
+                status: 'text-sm',
+                steps: 'text-sm'
+            },
+            lg: {
+                status: 'text-sm',
+                steps: 'text-sm'
+            },
+            xl: {
+                status: 'text-base',
+                steps: 'text-base'
+            },
+            '2xl': {
+                status: 'text-base',
+                steps: 'text-base'
+            }
+        },
+        step: {
+            active: {
+                step: 'opacity-100'
+            },
+            first: {
+                step: 'opacity-100 text-muted'
+            },
+            other: {
+                step: 'opacity-0'
+            },
+            last: {
+                step: ''
+            }
+        },
+        orientation: {
+            horizontal: {
+                root: 'w-full flex flex-col',
+                base: 'w-full',
+                status: 'flex-row items-center justify-end min-w-fit'
+            },
+            vertical: {
+                root: 'h-full flex flex-row-reverse',
+                base: 'h-full',
+                status: 'flex-col justify-end min-h-fit'
+            }
+        },
+        inverted: {
+            true: {
+                status: 'self-end'
+            }
+        }
+    },
+    compoundVariants: [
+        {
+            inverted: true,
+            orientation: 'horizontal',
+            class: {
+                step: 'text-start',
+                status: 'flex-row-reverse'
+            }
+        },
+        {
+            inverted: true,
+            orientation: 'vertical',
+            class: {
+                steps: 'items-start',
+                status: 'flex-col-reverse'
+            }
+        },
+        {
+            orientation: 'horizontal',
+            size: '2xs',
+            class: 'h-px'
+        },
+        {
+            orientation: 'horizontal',
+            size: 'xs',
+            class: 'h-0.5'
+        },
+        {
+            orientation: 'horizontal',
+            size: 'sm',
+            class: 'h-1'
+        },
+        {
+            orientation: 'horizontal',
+            size: 'md',
+            class: 'h-2'
+        },
+        {
+            orientation: 'horizontal',
+            size: 'lg',
+            class: 'h-3'
+        },
+        {
+            orientation: 'horizontal',
+            size: 'xl',
+            class: 'h-4'
+        },
+        {
+            orientation: 'horizontal',
+            size: '2xl',
+            class: 'h-5'
+        },
+        {
+            orientation: 'vertical',
+            size: '2xs',
+            class: 'w-px'
+        },
+        {
+            orientation: 'vertical',
+            size: 'xs',
+            class: 'w-0.5'
+        },
+        {
+            orientation: 'vertical',
+            size: 'sm',
+            class: 'w-1'
+        },
+        {
+            orientation: 'vertical',
+            size: 'md',
+            class: 'w-2'
+        },
+        {
+            orientation: 'vertical',
+            size: 'lg',
+            class: 'w-3'
+        },
+        {
+            orientation: 'vertical',
+            size: 'xl',
+            class: 'w-4'
+        },
+        {
+            orientation: 'vertical',
+            size: '2xl',
+            class: 'w-5'
+        },
+        {
+            orientation: 'horizontal',
+            animation: 'carousel',
+            class: {
+                indicator: 'data-[state=indeterminate]:animate-[carousel_2s_ease-in-out_infinite] data-[state=indeterminate]:rtl:animate-[carousel-rtl_2s_ease-in-out_infinite]'
+            }
+        },
+        {
+            orientation: 'vertical',
+            animation: 'carousel',
+            class: {
+                indicator: 'data-[state=indeterminate]:animate-[carousel-vertical_2s_ease-in-out_infinite]'
+            }
+        },
+        {
+            orientation: 'horizontal',
+            animation: 'carousel-inverse',
+            class: {
+                indicator: 'data-[state=indeterminate]:animate-[carousel-inverse_2s_ease-in-out_infinite] data-[state=indeterminate]:rtl:animate-[carousel-inverse-rtl_2s_ease-in-out_infinite]'
+            }
+        },
+        {
+            orientation: 'vertical',
+            animation: 'carousel-inverse',
+            class: {
+                indicator: 'data-[state=indeterminate]:animate-[carousel-inverse-vertical_2s_ease-in-out_infinite]'
+            }
+        },
+        {
+            orientation: 'horizontal',
+            animation: 'swing',
+            class: {
+                indicator: 'data-[state=indeterminate]:animate-[swing_2s_ease-in-out_infinite]'
+            }
+        },
+        {
+            orientation: 'vertical',
+            animation: 'swing',
+            class: {
+                indicator: 'data-[state=indeterminate]:animate-[swing-vertical_2s_ease-in-out_infinite]'
+            }
+        },
+        {
+            orientation: 'horizontal',
+            animation: 'elastic',
+            class: {
+                indicator: 'data-[state=indeterminate]:animate-[elastic_2s_ease-in-out_infinite]'
+            }
+        },
+        {
+            orientation: 'vertical',
+            animation: 'elastic',
+            class: {
+                indicator: 'data-[state=indeterminate]:animate-[elastic-vertical_2s_ease-in-out_infinite]'
+            }
+        }
+    ],
+    defaultVariants: {
+        animation: 'carousel',
+        color: 'primary',
+        size: 'md'
+    }
+});

package/dist/theme/prose/a.d.ts

@@ -0,0 +1,5 @@
+import type { NuxtOptions } from '@nuxt/schema';
+declare const _default: (options: Required<NuxtOptions["ui"]>) => {
+    base: any[];
+};
+export default _default;

package/dist/theme/prose/a.js

@@ -0,0 +1,3 @@
+export default (options) => ({
+    base: ['text-primary border-b border-transparent hover:border-primary font-medium focus-visible:outline-primary [&>code]:border-dashed hover:[&>code]:border-primary hover:[&>code]:text-primary', options.theme.transitions && 'transition-colors [&>code]:transition-colors']
+});

package/dist/theme/prose/accordion-item.d.ts

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

package/dist/theme/prose/accordion-item.js

@@ -0,0 +1,3 @@
+export default {
+    base: 'pb-4 text-muted *:first:mt-0 *:last:mb-0 *:my-1.5'
+};

package/dist/theme/prose/accordion.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    slots: {
+        root: string;
+        trigger: string;
+    };
+};
+export default _default;

package/dist/theme/prose/accordion.js

@@ -0,0 +1,6 @@
+export default {
+    slots: {
+        root: 'my-5',
+        trigger: 'text-base'
+    }
+};

package/dist/theme/prose/badge.d.ts

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

package/dist/theme/prose/badge.js

@@ -0,0 +1,3 @@
+export default {
+    base: 'rounded-full'
+};

package/dist/theme/prose/blockquote.d.ts

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

package/dist/theme/prose/blockquote.js

@@ -0,0 +1,3 @@
+export default {
+    base: 'border-s-4 border-accented ps-4 italic'
+};

package/dist/theme/prose/callout.d.ts

@@ -0,0 +1,25 @@
+import type { NuxtOptions } from '@nuxt/schema';
+declare const _default: (options: Required<NuxtOptions["ui"]>) => {
+    slots: {
+        base: any[];
+        icon: any[];
+        externalIcon: any[];
+    };
+    variants: {
+        color: {
+            neutral: {
+                base: string;
+                icon: string;
+                externalIcon: string;
+            };
+        };
+        to: {
+            true: string;
+        };
+    };
+    compoundVariants: any[];
+    defaultVariants: {
+        color: string;
+    };
+};
+export default _default;

package/dist/theme/prose/callout.js

@@ -0,0 +1,42 @@
+export default (options) => ({
+    slots: {
+        base: ['group relative block px-4 py-3 rounded-md text-sm/6 my-5 last:mb-0 [&_code]:text-xs/5 [&_code]:bg-default [&_pre]:bg-default [&>div]:my-2.5 [&_ul]:my-2.5 [&_ol]:my-2.5 [&>*]:last:!mb-0 [&_ul]:ps-4.5 [&_ol]:ps-4.5 [&_li]:my-0', options.theme.transitions && 'transition-colors'],
+        icon: ['size-4 shrink-0 align-sub me-1.5', options.theme.transitions && 'transition-colors'],
+        externalIcon: ['size-4 align-top absolute right-2 top-2 pointer-events-none', options.theme.transitions && 'transition-colors']
+    },
+    variants: {
+        color: {
+            ...Object.fromEntries((options.theme.colors || []).map((color) => [color, {
+                    base: `border border-${color}/25 bg-${color}/10 text-${color}-600 dark:text-${color}-300 [&_a]:text-${color} [&_a]:hover:border-${color} [&_code]:text-${color}-600 dark:[&_code]:text-${color}-300 [&_code]:border-${color}/25 [&_a]:hover:[&>code]:border-${color} [&_a]:hover:[&>code]:text-${color} [&>ul]:marker:text-${color}/50`,
+                    icon: `text-${color}`,
+                    externalIcon: `text-${color}-600 dark:text-${color}-300`
+                }])),
+            neutral: {
+                base: 'border border-muted bg-muted text-default',
+                icon: 'text-highlighted',
+                externalIcon: 'text-dimmed'
+            }
+        },
+        to: {
+            true: 'border-dashed'
+        }
+    },
+    compoundVariants: [...(options.theme.colors || []).map((color) => ({
+            color,
+            to: true,
+            class: {
+                base: `hover:border-${color}`,
+                externalIcon: `group-hover:text-${color}`
+            }
+        })), {
+            color: 'neutral',
+            to: true,
+            class: {
+                base: 'hover:border-inverted',
+                externalIcon: 'group-hover:text-highlighted'
+            }
+        }],
+    defaultVariants: {
+        color: 'neutral'
+    }
+});

package/dist/theme/prose/card-group.d.ts

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

package/dist/theme/prose/card-group.js

@@ -0,0 +1,3 @@
+export default {
+    base: 'grid grid-cols-1 sm:grid-cols-2 gap-5 my-5 *:my-0'
+};

package/dist/theme/prose/card.d.ts

@@ -0,0 +1,30 @@
+import type { NuxtOptions } from '@nuxt/schema';
+declare const _default: (options: Required<NuxtOptions["ui"]>) => {
+    slots: {
+        base: any[];
+        icon: string;
+        title: string;
+        description: string;
+        externalIcon: any[];
+    };
+    variants: {
+        color: {
+            neutral: {
+                icon: string;
+            };
+        };
+        to: {
+            true: string;
+        };
+        title: {
+            true: {
+                description: string;
+            };
+        };
+    };
+    compoundVariants: any[];
+    defaultVariants: {
+        color: string;
+    };
+};
+export default _default;

package/dist/theme/prose/card.js

@@ -0,0 +1,45 @@
+export default (options) => ({
+    slots: {
+        base: ['group relative block my-5 p-4 sm:p-6 border border-default rounded-md bg-default', options.theme.transitions && 'transition-colors'],
+        icon: 'size-6 mb-2 block',
+        title: 'text-highlighted font-semibold',
+        description: 'text-[15px] text-muted *:first:mt-0 *:last:mb-0 *:my-1',
+        externalIcon: ['size-4 align-top absolute right-2 top-2 text-dimmed pointer-events-none', options.theme.transitions && 'transition-colors']
+    },
+    variants: {
+        color: {
+            ...Object.fromEntries((options.theme.colors || []).map((color) => [color, {
+                    icon: `text-${color}`
+                }])),
+            neutral: {
+                icon: 'text-highlighted'
+            }
+        },
+        to: {
+            true: ''
+        },
+        title: {
+            true: {
+                description: 'mt-1'
+            }
+        }
+    },
+    compoundVariants: [...(options.theme.colors || []).map((color) => ({
+            color,
+            to: true,
+            class: {
+                base: `hover:bg-${color}/10 hover:border-${color}`,
+                externalIcon: `group-hover:text-${color}`
+            }
+        })), {
+            color: 'neutral',
+            to: true,
+            class: {
+                base: 'hover:bg-elevated/50 hover:border-inverted',
+                externalIcon: 'group-hover:text-highlighted'
+            }
+        }],
+    defaultVariants: {
+        color: 'primary'
+    }
+});

package/dist/theme/prose/code-collapse.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    slots: {
+        root: string;
+        footer: string;
+        trigger: string;
+        triggerIcon: string;
+    };
+    variants: {
+        open: {
+            true: {
+                root: string;
+            };
+            false: {
+                root: string;
+                footer: string;
+            };
+        };
+    };
+};
+export default _default;

package/dist/theme/prose/code-collapse.js

@@ -0,0 +1,19 @@
+export default {
+    slots: {
+        root: 'relative [&_pre]:h-[200px]',
+        footer: 'h-16 absolute inset-x-px bottom-px rounded-b-md flex items-center justify-center',
+        trigger: 'group',
+        triggerIcon: 'group-data-[state=open]:rotate-180'
+    },
+    variants: {
+        open: {
+            true: {
+                root: '[&_pre]:h-auto [&_pre]:min-h-[200px] [&_pre]:max-h-[80vh] [&_pre]:pb-12'
+            },
+            false: {
+                root: '[&_pre]:overflow-hidden',
+                footer: 'bg-gradient-to-t from-muted'
+            }
+        }
+    }
+};

package/dist/theme/prose/code-group.d.ts

@@ -0,0 +1,12 @@
+import type { NuxtOptions } from '@nuxt/schema';
+declare const _default: (options: Required<NuxtOptions["ui"]>) => {
+    slots: {
+        root: string;
+        list: string;
+        indicator: string;
+        trigger: any[];
+        triggerIcon: string;
+        triggerLabel: string;
+    };
+};
+export default _default;

package/dist/theme/prose/code-group.js

@@ -0,0 +1,10 @@
+export default (options) => ({
+    slots: {
+        root: 'relative group *:not-first:!my-0 *:not-first:!static my-5',
+        list: 'relative flex items-center gap-1 border border-muted bg-default border-b-0 rounded-t-md overflow-x-auto p-2',
+        indicator: 'absolute left-0 inset-y-2 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position) transition-[translate,width] duration-200 bg-elevated rounded-md shadow-xs',
+        trigger: ['relative inline-flex items-center gap-1.5 text-default data-[state=active]:text-highlighted hover:bg-elevated/50 px-2 py-1.5 text-sm rounded-md disabled:cursor-not-allowed disabled:opacity-75 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary focus:outline-none', options.theme.transitions && 'transition-colors'],
+        triggerIcon: 'size-4 shrink-0',
+        triggerLabel: 'truncate'
+    }
+});

package/dist/theme/prose/code-icon.d.ts

@@ -0,0 +1,67 @@
+declare const _default: {
+    'package.json': string;
+    'tsconfig.json': string;
+    '.npmrc': string;
+    '.editorconfig': string;
+    '.eslintrc': string;
+    '.eslintrc.cjs': string;
+    '.eslintignore': string;
+    'eslint.config.js': string;
+    'eslint.config.mjs': string;
+    'eslint.config.cjs': string;
+    '.gitignore': string;
+    'yarn.lock': string;
+    '.env': string;
+    '.env.example': string;
+    '.vscode/settings.json': string;
+    nuxt: string;
+    '.nuxtrc': string;
+    '.nuxtignore': string;
+    'nuxt.config.js': string;
+    'nuxt.config.ts': string;
+    'nuxt.schema.ts': string;
+    'tailwind.config.js': string;
+    'tailwind.config.ts': string;
+    vue: string;
+    ts: string;
+    tsx: string;
+    mjs: string;
+    cjs: string;
+    js: string;
+    jsx: string;
+    md: string;
+    py: string;
+    cs: string;
+    asm: string;
+    f: string;
+    hs: string;
+    fs: string;
+    kt: string;
+    rs: string;
+    rb: string;
+    lsp: string;
+    ps1: string;
+    psd1: string;
+    psm1: string;
+    go: string;
+    gleam: string;
+    bicep: string;
+    bicepparam: string;
+    exs: string;
+    erl: string;
+    sbt: string;
+    h: string;
+    ino: string;
+    pl: string;
+    jl: string;
+    dart: string;
+    ico: string;
+    npm: string;
+    pnpm: string;
+    npx: string;
+    yarn: string;
+    bun: string;
+    yml: string;
+    terminal: string;
+};
+export default _default;

package/dist/theme/prose/code-icon.js

@@ -0,0 +1,66 @@
+export default {
+    'package.json': 'i-vscode-icons-file-type-node',
+    'tsconfig.json': 'i-vscode-icons-file-type-tsconfig',
+    '.npmrc': 'i-vscode-icons-file-type-npm',
+    '.editorconfig': 'i-vscode-icons-file-type-editorconfig',
+    '.eslintrc': 'i-vscode-icons-file-type-eslint',
+    '.eslintrc.cjs': 'i-vscode-icons-file-type-eslint',
+    '.eslintignore': 'i-vscode-icons-file-type-eslint',
+    'eslint.config.js': 'i-vscode-icons-file-type-eslint',
+    'eslint.config.mjs': 'i-vscode-icons-file-type-eslint',
+    'eslint.config.cjs': 'i-vscode-icons-file-type-eslint',
+    '.gitignore': 'i-vscode-icons-file-type-git',
+    'yarn.lock': 'i-vscode-icons-file-type-yarn',
+    '.env': 'i-vscode-icons-file-type-dotenv',
+    '.env.example': 'i-vscode-icons-file-type-dotenv',
+    '.vscode/settings.json': 'i-vscode-icons-file-type-vscode',
+    'nuxt': 'i-vscode-icons-file-type-nuxt',
+    '.nuxtrc': 'i-vscode-icons-file-type-nuxt',
+    '.nuxtignore': 'i-vscode-icons-file-type-nuxt',
+    'nuxt.config.js': 'i-vscode-icons-file-type-nuxt',
+    'nuxt.config.ts': 'i-vscode-icons-file-type-nuxt',
+    'nuxt.schema.ts': 'i-vscode-icons-file-type-nuxt',
+    'tailwind.config.js': 'i-vscode-icons-file-type-tailwind',
+    'tailwind.config.ts': 'i-vscode-icons-file-type-tailwind',
+    'vue': 'i-vscode-icons-file-type-vue',
+    'ts': 'i-vscode-icons-file-type-typescript',
+    'tsx': 'i-vscode-icons-file-type-typescript',
+    'mjs': 'i-vscode-icons-file-type-js',
+    'cjs': 'i-vscode-icons-file-type-js',
+    'js': 'i-vscode-icons-file-type-js',
+    'jsx': 'i-vscode-icons-file-type-js',
+    'md': 'i-vscode-icons-file-type-markdown',
+    'py': 'i-vscode-icons-file-type-python',
+    'cs': 'i-vscode-icons-file-type-csharp',
+    'asm': 'i-vscode-icons-file-type-assembly',
+    'f': 'i-vscode-icons-file-type-fortran',
+    'hs': 'i-vscode-icons-file-type-haskell',
+    'fs': 'i-vscode-icons-file-type-fsharp',
+    'kt': 'i-vscode-icons-file-type-kotlin',
+    'rs': 'i-vscode-icons-file-type-rust',
+    'rb': 'i-vscode-icons-file-type-ruby',
+    'lsp': 'i-vscode-icons-file-type-lisp',
+    'ps1': 'i-vscode-icons-file-type-powershell',
+    'psd1': 'i-vscode-icons-file-type-powershell',
+    'psm1': 'i-vscode-icons-file-type-powershell',
+    'go': 'i-vscode-icons-file-type-go',
+    'gleam': 'i-vscode-icons-file-type-gleam',
+    'bicep': 'i-vscode-icons-file-type-bicep',
+    'bicepparam': 'i-vscode-icons-file-type-bicep',
+    'exs': 'i-vscode-icons-file-type-elixir',
+    'erl': 'i-vscode-icons-file-type-erlang',
+    'sbt': 'i-vscode-icons-file-type-scala',
+    'h': 'i-vscode-icons-file-type-cppheader',
+    'ino': 'i-vscode-icons-file-type-arduino',
+    'pl': 'i-vscode-icons-file-type-perl',
+    'jl': 'i-vscode-icons-file-type-julia',
+    'dart': 'i-vscode-icons-file-type-dartlang',
+    'ico': 'i-vscode-icons-file-type-favicon',
+    'npm': 'i-vscode-icons-file-type-npm',
+    'pnpm': 'i-vscode-icons-file-type-pnpm',
+    'npx': 'i-vscode-icons-file-type-npm',
+    'yarn': 'i-vscode-icons-file-type-yarn',
+    'bun': 'i-vscode-icons-file-type-bun',
+    'yml': 'i-vscode-icons-file-type-yaml',
+    'terminal': 'i-lucide-terminal'
+};

package/dist/theme/prose/code-preview.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+    slots: {
+        root: string;
+        preview: string;
+        code: string;
+    };
+    variants: {
+        code: {
+            true: {
+                preview: string;
+            };
+        };
+    };
+};
+export default _default;