uisv 0.0.1

package/dist/theme/avatar-group.d.ts

@@ -0,0 +1,41 @@
+declare const _default: {
+    slots: {
+        root: string;
+        base: string;
+    };
+    variants: {
+        size: {
+            '3xs': {
+                base: string;
+            };
+            '2xs': {
+                base: string;
+            };
+            xs: {
+                base: string;
+            };
+            sm: {
+                base: string;
+            };
+            md: {
+                base: string;
+            };
+            lg: {
+                base: string;
+            };
+            xl: {
+                base: string;
+            };
+            '2xl': {
+                base: string;
+            };
+            '3xl': {
+                base: string;
+            };
+        };
+    };
+    defaultVariants: {
+        size: string;
+    };
+};
+export default _default;

package/dist/theme/avatar-group.js

@@ -0,0 +1,40 @@
+export default {
+    slots: {
+        root: 'inline-flex flex-row-reverse justify-end',
+        base: 'relative rounded-full ring-bg first:me-0'
+    },
+    variants: {
+        size: {
+            '3xs': {
+                base: 'ring -me-0.5'
+            },
+            '2xs': {
+                base: 'ring -me-0.5'
+            },
+            'xs': {
+                base: 'ring -me-0.5'
+            },
+            'sm': {
+                base: 'ring-2 -me-1.5'
+            },
+            'md': {
+                base: 'ring-2 -me-1.5'
+            },
+            'lg': {
+                base: 'ring-2 -me-1.5'
+            },
+            'xl': {
+                base: 'ring-3 -me-2'
+            },
+            '2xl': {
+                base: 'ring-3 -me-2'
+            },
+            '3xl': {
+                base: 'ring-3 -me-2'
+            }
+        }
+    },
+    defaultVariants: {
+        size: 'md'
+    }
+};

package/dist/theme/avatar.d.ts

@@ -0,0 +1,43 @@
+declare const _default: {
+    slots: {
+        root: string;
+        image: string;
+        fallback: string;
+        icon: string;
+    };
+    variants: {
+        size: {
+            '3xs': {
+                root: string;
+            };
+            '2xs': {
+                root: string;
+            };
+            xs: {
+                root: string;
+            };
+            sm: {
+                root: string;
+            };
+            md: {
+                root: string;
+            };
+            lg: {
+                root: string;
+            };
+            xl: {
+                root: string;
+            };
+            '2xl': {
+                root: string;
+            };
+            '3xl': {
+                root: string;
+            };
+        };
+    };
+    defaultVariants: {
+        size: string;
+    };
+};
+export default _default;

package/dist/theme/avatar.js

@@ -0,0 +1,42 @@
+export default {
+    slots: {
+        root: 'inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle bg-elevated',
+        image: 'h-full w-full rounded-[inherit] object-cover',
+        fallback: 'font-medium leading-none text-muted truncate',
+        icon: 'text-muted shrink-0'
+    },
+    variants: {
+        size: {
+            '3xs': {
+                root: 'size-4 text-[8px]'
+            },
+            '2xs': {
+                root: 'size-5 text-[10px]'
+            },
+            'xs': {
+                root: 'size-6 text-xs'
+            },
+            'sm': {
+                root: 'size-7 text-sm'
+            },
+            'md': {
+                root: 'size-8 text-base'
+            },
+            'lg': {
+                root: 'size-9 text-lg'
+            },
+            'xl': {
+                root: 'size-10 text-xl'
+            },
+            '2xl': {
+                root: 'size-11 text-[22px]'
+            },
+            '3xl': {
+                root: 'size-12 text-2xl'
+            }
+        }
+    },
+    defaultVariants: {
+        size: 'md'
+    }
+};

package/dist/theme/badge.d.ts

@@ -0,0 +1,18 @@
+declare const _default: (options: Required<ModuleOptions>) => {
+    slots: {
+        base: string;
+        label: string;
+        leadingIcon: string;
+        leadingAvatar: string;
+        leadingAvatarSize: string;
+        trailingIcon: string;
+    };
+    variants: any;
+    compoundVariants: any[];
+    defaultVariants: {
+        color: string;
+        variant: string;
+        size: string;
+    };
+};
+export default _default;

package/dist/theme/badge.js

@@ -0,0 +1,131 @@
+import { fieldGroupVariant } from './field-group';
+export default (options) => ({
+    slots: {
+        base: 'font-medium inline-flex items-center',
+        label: 'truncate',
+        leadingIcon: 'shrink-0',
+        leadingAvatar: 'shrink-0',
+        leadingAvatarSize: '',
+        trailingIcon: 'shrink-0'
+    },
+    variants: {
+        ...fieldGroupVariant,
+        color: {
+            ...Object.fromEntries((options.theme.colors || []).map((color) => [color, ''])),
+            neutral: ''
+        },
+        variant: {
+            solid: '',
+            outline: '',
+            soft: '',
+            subtle: ''
+        },
+        size: {
+            xs: {
+                base: 'text-[8px]/3 px-1 py-0.5 gap-1 rounded-sm',
+                leadingIcon: 'size-3',
+                leadingAvatarSize: '3xs',
+                trailingIcon: 'size-3'
+            },
+            sm: {
+                base: 'text-[10px]/3 px-1.5 py-1 gap-1 rounded-sm',
+                leadingIcon: 'size-3',
+                leadingAvatarSize: '3xs',
+                trailingIcon: 'size-3'
+            },
+            md: {
+                base: 'text-xs px-2 py-1 gap-1 rounded-md',
+                leadingIcon: 'size-4',
+                leadingAvatarSize: '3xs',
+                trailingIcon: 'size-4'
+            },
+            lg: {
+                base: 'text-sm px-2 py-1 gap-1.5 rounded-md',
+                leadingIcon: 'size-5',
+                leadingAvatarSize: '2xs',
+                trailingIcon: 'size-5'
+            },
+            xl: {
+                base: 'text-base px-2.5 py-1 gap-1.5 rounded-md',
+                leadingIcon: 'size-6',
+                leadingAvatarSize: '2xs',
+                trailingIcon: 'size-6'
+            }
+        },
+        square: {
+            true: ''
+        }
+    },
+    compoundVariants: [
+        ...(options.theme.colors || []).map((color) => ({
+            color,
+            variant: 'solid',
+            class: `bg-${color} text-inverted`
+        })),
+        ...(options.theme.colors || []).map((color) => ({
+            color,
+            variant: 'outline',
+            class: `text-${color} ring ring-inset ring-${color}/50`
+        })),
+        ...(options.theme.colors || []).map((color) => ({
+            color,
+            variant: 'soft',
+            class: `bg-${color}/10 text-${color}`
+        })),
+        ...(options.theme.colors || []).map((color) => ({
+            color,
+            variant: 'subtle',
+            class: `bg-${color}/10 text-${color} ring ring-inset ring-${color}/25`
+        })),
+        {
+            color: 'neutral',
+            variant: 'solid',
+            class: 'text-inverted bg-inverted'
+        },
+        {
+            color: 'neutral',
+            variant: 'outline',
+            class: 'ring ring-inset ring-accented text-default bg-default'
+        },
+        {
+            color: 'neutral',
+            variant: 'soft',
+            class: 'text-default bg-elevated'
+        },
+        {
+            color: 'neutral',
+            variant: 'subtle',
+            class: 'ring ring-inset ring-accented text-default bg-elevated'
+        },
+        {
+            size: 'xs',
+            square: true,
+            class: 'p-0.5'
+        },
+        {
+            size: 'sm',
+            square: true,
+            class: 'p-1'
+        },
+        {
+            size: 'md',
+            square: true,
+            class: 'p-1'
+        },
+        {
+            size: 'lg',
+            square: true,
+            class: 'p-1'
+        },
+        {
+            size: 'xl',
+            square: true,
+            class: 'p-1'
+        }
+    ],
+    defaultVariants: {
+        color: 'primary',
+        variant: 'solid',
+        size: 'md'
+    }
+});

package/dist/theme/banner.d.ts

@@ -0,0 +1,29 @@
+import type { NuxtOptions } from '@nuxt/schema';
+declare const _default: (options: Required<NuxtOptions["ui"]>) => {
+    slots: {
+        root: any[];
+        container: string;
+        left: string;
+        center: string;
+        right: string;
+        icon: string;
+        title: string;
+        actions: string;
+        close: string;
+    };
+    variants: {
+        color: {
+            neutral: {
+                root: string;
+            };
+        };
+        to: {
+            true: string;
+        };
+    };
+    compoundVariants: any[];
+    defaultVariants: {
+        color: string;
+    };
+};
+export default _default;

package/dist/theme/banner.js

@@ -0,0 +1,42 @@
+export default (options) => ({
+    slots: {
+        root: ['relative z-50 w-full', options.theme.transitions && 'transition-colors'],
+        container: 'flex items-center justify-between gap-3 h-12',
+        left: 'hidden lg:flex-1 lg:flex lg:items-center',
+        center: 'flex items-center gap-1.5 min-w-0',
+        right: 'lg:flex-1 flex items-center justify-end',
+        icon: 'size-5 shrink-0 text-inverted pointer-events-none',
+        title: 'text-sm text-inverted font-medium truncate',
+        actions: 'flex gap-1.5 shrink-0 isolate',
+        close: 'text-inverted hover:bg-default/10 focus-visible:bg-default/10 -me-1.5 lg:me-0'
+    },
+    variants: {
+        color: {
+            ...Object.fromEntries((options.theme.colors || []).map((color) => [color, {
+                    root: `bg-${color}`
+                }])),
+            neutral: {
+                root: 'bg-inverted'
+            }
+        },
+        to: {
+            true: ''
+        }
+    },
+    compoundVariants: [...(options.theme.colors || []).map((color) => ({
+            color,
+            to: true,
+            class: {
+                root: `hover:bg-${color}/90`
+            }
+        })), {
+            color: 'neutral',
+            to: true,
+            class: {
+                root: 'hover:bg-inverted/90'
+            }
+        }],
+    defaultVariants: {
+        color: 'primary'
+    }
+});

package/dist/theme/blog-post.d.ts

@@ -0,0 +1,112 @@
+import type { NuxtOptions } from '@nuxt/schema';
+declare const _default: (options: Required<NuxtOptions["ui"]>) => {
+    slots: {
+        root: string;
+        header: string;
+        body: string;
+        footer: string;
+        image: string;
+        title: string;
+        description: string;
+        authors: string;
+        avatar: string;
+        meta: string;
+        date: string;
+        badge: string;
+    };
+    variants: {
+        orientation: {
+            horizontal: {
+                root: string;
+                body: string;
+            };
+            vertical: {
+                root: string;
+                body: string;
+            };
+        };
+        variant: {
+            outline: {
+                root: string;
+                date: string;
+                description: string;
+            };
+            soft: {
+                root: string;
+                date: string;
+                description: string;
+            };
+            subtle: {
+                root: string;
+                date: string;
+                description: string;
+            };
+            ghost: {
+                date: string;
+                description: string;
+                header: string;
+            };
+            naked: {
+                root: string;
+                date: string;
+                description: string;
+                header: string;
+            };
+        };
+        to: {
+            true: {
+                root: any[];
+                image: string;
+                avatar: string;
+            };
+        };
+        image: {
+            true: string;
+        };
+    };
+    compoundVariants: ({
+        variant: string;
+        to: boolean;
+        class: {
+            root: string;
+            header?: undefined;
+            body?: undefined;
+        };
+        orientation?: undefined;
+        image?: undefined;
+    } | {
+        variant: string;
+        to: boolean;
+        class: {
+            root: string;
+            header: any[];
+            body?: undefined;
+        };
+        orientation?: undefined;
+        image?: undefined;
+    } | {
+        variant: string;
+        to: boolean;
+        orientation: string;
+        class: {
+            header: string;
+            root?: undefined;
+            body?: undefined;
+        };
+        image?: undefined;
+    } | {
+        orientation: string;
+        image: boolean;
+        variant: string;
+        class: {
+            body: string;
+            root?: undefined;
+            header?: undefined;
+        };
+        to?: undefined;
+    })[];
+    defaultVariants: {
+        variant: string;
+    };
+};
+export default _default;

package/dist/theme/blog-post.js

@@ -0,0 +1,116 @@
+export default (options) => ({
+    slots: {
+        root: 'relative group/blog-post flex flex-col rounded-lg overflow-hidden',
+        header: 'relative overflow-hidden aspect-[16/9] w-full pointer-events-none',
+        body: 'min-w-0 flex-1 flex flex-col',
+        footer: '',
+        image: 'object-cover object-top w-full h-full',
+        title: 'text-xl text-pretty font-semibold text-highlighted',
+        description: 'mt-1 text-base text-pretty',
+        authors: 'pt-4 mt-auto flex flex-wrap gap-x-3 gap-y-1.5',
+        avatar: '',
+        meta: 'flex items-center gap-2 mb-2',
+        date: 'text-sm',
+        badge: ''
+    },
+    variants: {
+        orientation: {
+            horizontal: {
+                root: 'lg:grid lg:grid-cols-2 lg:items-center gap-x-8',
+                body: 'justify-center p-4 sm:p-6 lg:px-0'
+            },
+            vertical: {
+                root: 'flex flex-col',
+                body: 'p-4 sm:p-6'
+            }
+        },
+        variant: {
+            outline: {
+                root: 'bg-default ring ring-default',
+                date: 'text-toned',
+                description: 'text-muted'
+            },
+            soft: {
+                root: 'bg-elevated/50',
+                date: 'text-muted',
+                description: 'text-toned'
+            },
+            subtle: {
+                root: 'bg-elevated/50 ring ring-default',
+                date: 'text-muted',
+                description: 'text-toned'
+            },
+            ghost: {
+                date: 'text-toned',
+                description: 'text-muted',
+                header: 'shadow-lg rounded-lg'
+            },
+            naked: {
+                root: 'p-0 sm:p-0',
+                date: 'text-toned',
+                description: 'text-muted',
+                header: 'shadow-lg rounded-lg'
+            }
+        },
+        to: {
+            true: {
+                root: [options.theme.transitions && 'transition'],
+                image: 'transform transition-transform duration-200 group-hover/blog-post:scale-110',
+                avatar: 'transform transition-transform duration-200 hover:scale-115'
+            }
+        },
+        image: {
+            true: ''
+        }
+    },
+    compoundVariants: [{
+            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 hover:ring-accented'
+            }
+        }, {
+            variant: 'ghost',
+            to: true,
+            class: {
+                root: 'hover:bg-elevated/50',
+                header: ['group-hover/blog-post:shadow-none', options.theme.transitions && 'transition-all']
+            }
+        }, {
+            variant: 'ghost',
+            to: true,
+            orientation: 'vertical',
+            class: {
+                header: 'group-hover/blog-post:rounded-b-none'
+            }
+        }, {
+            variant: 'ghost',
+            to: true,
+            orientation: 'horizontal',
+            class: {
+                header: 'group-hover/blog-post:rounded-r-none'
+            }
+        }, {
+            orientation: 'vertical',
+            image: false,
+            variant: 'naked',
+            class: {
+                body: 'p-0 sm:p-0'
+            }
+        }],
+    defaultVariants: {
+        variant: 'outline'
+    }
+});

package/dist/theme/blog-posts.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    base: string;
+    variants: {
+        orientation: {
+            horizontal: string;
+            vertical: string;
+        };
+    };
+};
+export default _default;

package/dist/theme/blog-posts.js

@@ -0,0 +1,9 @@
+export default {
+    base: 'flex flex-col gap-8 lg:gap-y-16',
+    variants: {
+        orientation: {
+            horizontal: 'sm:grid sm:grid-cols-2 lg:grid-cols-3',
+            vertical: ''
+        }
+    }
+};

package/dist/theme/breadcrumb.d.ts

@@ -0,0 +1,41 @@
+declare const _default: (options: Required<ModuleOptions>) => {
+    slots: {
+        root: string;
+        list: string;
+        item: string;
+        link: string;
+        linkLeadingIcon: string;
+        linkLeadingAvatar: string;
+        linkLeadingAvatarSize: string;
+        linkLabel: string;
+        separator: string;
+        separatorIcon: string;
+    };
+    variants: {
+        active: {
+            true: {
+                link: string;
+            };
+            false: {
+                link: string;
+            };
+        };
+        disabled: {
+            true: {
+                link: string;
+            };
+        };
+        to: {
+            true: string;
+        };
+    };
+    compoundVariants: {
+        disabled: boolean;
+        active: boolean;
+        to: boolean;
+        class: {
+            link: any[];
+        };
+    }[];
+};
+export default _default;