uisv 0.0.1

package/dist/theme/content/content-search.js

@@ -0,0 +1,6 @@
+export default {
+    slots: {
+        modal: 'sm:max-w-3xl sm:h-[28rem]',
+        input: '[&>input]:text-base/5'
+    }
+};

package/dist/theme/content/content-surround.d.ts

@@ -0,0 +1,23 @@
+import type { NuxtOptions } from '@nuxt/schema';
+declare const _default: (options: Required<NuxtOptions["ui"]>) => {
+    slots: {
+        root: string;
+        link: any[];
+        linkLeading: any[];
+        linkLeadingIcon: any[];
+        linkTitle: string;
+        linkDescription: string;
+    };
+    variants: {
+        direction: {
+            left: {
+                linkLeadingIcon: any[];
+            };
+            right: {
+                link: string;
+                linkLeadingIcon: any[];
+            };
+        };
+    };
+};
+export default _default;

package/dist/theme/content/content-surround.js

@@ -0,0 +1,21 @@
+export default (options) => ({
+    slots: {
+        root: 'grid grid-cols-1 sm:grid-cols-2 gap-8',
+        link: ['group block px-6 py-8 rounded-lg border border-default hover:bg-elevated/50 focus-visible:outline-primary', options.theme.transitions && 'transition-colors'],
+        linkLeading: ['inline-flex items-center rounded-full p-1.5 bg-elevated group-hover:bg-primary/10 ring ring-accented mb-4 group-hover:ring-primary/50', options.theme.transitions && 'transition'],
+        linkLeadingIcon: ['size-5 shrink-0 text-highlighted group-hover:text-primary', options.theme.transitions && 'transition-[color,translate]'],
+        linkTitle: 'font-medium text-[15px] text-highlighted mb-1 truncate',
+        linkDescription: 'text-sm text-muted line-clamp-2'
+    },
+    variants: {
+        direction: {
+            left: {
+                linkLeadingIcon: [options.theme.transitions && 'group-active:-translate-x-0.5']
+            },
+            right: {
+                link: 'text-right',
+                linkLeadingIcon: [options.theme.transitions && 'group-active:translate-x-0.5']
+            }
+        }
+    }
+});

package/dist/theme/content/content-toc.d.ts

@@ -0,0 +1,53 @@
+import type { NuxtOptions } from '@nuxt/schema';
+declare const _default: (options: Required<NuxtOptions["ui"]>) => {
+    slots: {
+        root: string;
+        container: string;
+        top: string;
+        bottom: string;
+        trigger: string;
+        title: string;
+        trailing: string;
+        trailingIcon: string;
+        content: string;
+        list: string;
+        listWithChildren: string;
+        item: string;
+        itemWithChildren: string;
+        link: string;
+        linkText: string;
+        indicator: string;
+    };
+    variants: {
+        color: {
+            neutral: string;
+        };
+        highlightColor: {
+            neutral: {
+                indicator: string;
+            };
+        };
+        active: {
+            false: {
+                link: any[];
+            };
+        };
+        highlight: {
+            true: {
+                list: string;
+                item: string;
+            };
+        };
+        body: {
+            true: {
+                bottom: string;
+            };
+        };
+    };
+    compoundVariants: any[];
+    defaultVariants: {
+        color: string;
+        highlightColor: string;
+    };
+};
+export default _default;

package/dist/theme/content/content-toc.js

@@ -0,0 +1,69 @@
+export default (options) => ({
+    slots: {
+        root: 'sticky top-(--ui-header-height) z-10 bg-default/75 lg:bg-[initial] backdrop-blur -mx-4 px-4 sm:px-6 sm:-mx-6 overflow-y-auto max-h-[calc(100vh-var(--ui-header-height))]',
+        container: 'pt-4 sm:pt-6 pb-2.5 sm:pb-4.5 lg:py-8 border-b border-dashed border-default lg:border-0 flex flex-col',
+        top: '',
+        bottom: 'hidden lg:flex lg:flex-col gap-6',
+        trigger: 'group text-sm font-semibold flex-1 flex items-center gap-1.5 py-1.5 -mt-1.5 focus-visible:outline-primary',
+        title: 'truncate',
+        trailing: 'ms-auto inline-flex gap-1.5 items-center',
+        trailingIcon: 'size-5 transform transition-transform duration-200 shrink-0 group-data-[state=open]:rotate-180 lg:hidden',
+        content: 'data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden focus:outline-none',
+        list: 'min-w-0',
+        listWithChildren: 'ms-3',
+        item: 'min-w-0',
+        itemWithChildren: '',
+        link: 'group relative text-sm flex items-center focus-visible:outline-primary py-1',
+        linkText: 'truncate',
+        indicator: 'absolute ms-2.5 transition-[translate,height] duration-200 h-(--indicator-size) translate-y-(--indicator-position) w-px rounded-full'
+    },
+    variants: {
+        color: {
+            ...Object.fromEntries((options.theme.colors || []).map((color) => [color, ''])),
+            neutral: ''
+        },
+        highlightColor: {
+            ...Object.fromEntries((options.theme.colors || []).map((color) => [color, {
+                    indicator: `bg-${color}`
+                }])),
+            neutral: {
+                indicator: 'bg-inverted'
+            }
+        },
+        active: {
+            false: {
+                link: ['text-muted hover:text-default', options.theme.transitions && 'transition-colors']
+            }
+        },
+        highlight: {
+            true: {
+                list: 'ms-2.5 ps-4 border-s border-default',
+                item: '-ms-px'
+            }
+        },
+        body: {
+            true: {
+                bottom: 'mt-6'
+            }
+        }
+    },
+    compoundVariants: [...(options.theme.colors || []).map((color) => ({
+            color,
+            active: true,
+            class: {
+                link: `text-${color}`,
+                linkLeadingIcon: `text-${color}`
+            }
+        })), {
+            color: 'neutral',
+            active: true,
+            class: {
+                link: 'text-highlighted',
+                linkLeadingIcon: 'text-highlighted'
+            }
+        }],
+    defaultVariants: {
+        color: 'primary',
+        highlightColor: 'primary'
+    }
+});

package/dist/theme/content/index.d.ts

@@ -0,0 +1,5 @@
+export { default as contentNavigation } from './content-navigation';
+export { default as contentSearch } from './content-search';
+export { default as contentSearchButton } from './content-search-button';
+export { default as contentSurround } from './content-surround';
+export { default as contentToc } from './content-toc';

package/dist/theme/content/index.js

@@ -0,0 +1,5 @@
+export { default as contentNavigation } from './content-navigation';
+export { default as contentSearch } from './content-search';
+export { default as contentSearchButton } from './content-search-button';
+export { default as contentSurround } from './content-surround';
+export { default as contentToc } from './content-toc';

package/dist/theme/context-menu.d.ts

@@ -0,0 +1,91 @@
+declare const _default: (options: Required<ModuleOptions>) => {
+    slots: {
+        content: string;
+        viewport: string;
+        group: string;
+        label: string;
+        separator: string;
+        item: string;
+        itemLeadingIcon: string;
+        itemLeadingAvatar: string;
+        itemLeadingAvatarSize: string;
+        itemTrailing: string;
+        itemTrailingIcon: string;
+        itemTrailingKbds: string;
+        itemTrailingKbdsSize: string;
+        itemLabel: string;
+        itemLabelExternalIcon: string;
+    };
+    variants: {
+        color: {
+            neutral: string;
+        };
+        active: {
+            true: {
+                item: string;
+                itemLeadingIcon: string;
+            };
+            false: {
+                item: any[];
+                itemLeadingIcon: any[];
+            };
+        };
+        loading: {
+            true: {
+                itemLeadingIcon: string;
+            };
+        };
+        size: {
+            xs: {
+                label: string;
+                item: string;
+                itemLeadingIcon: string;
+                itemLeadingAvatarSize: string;
+                itemTrailingIcon: string;
+                itemTrailingKbds: string;
+                itemTrailingKbdsSize: string;
+            };
+            sm: {
+                label: string;
+                item: string;
+                itemLeadingIcon: string;
+                itemLeadingAvatarSize: string;
+                itemTrailingIcon: string;
+                itemTrailingKbds: string;
+                itemTrailingKbdsSize: string;
+            };
+            md: {
+                label: string;
+                item: string;
+                itemLeadingIcon: string;
+                itemLeadingAvatarSize: string;
+                itemTrailingIcon: string;
+                itemTrailingKbds: string;
+                itemTrailingKbdsSize: string;
+            };
+            lg: {
+                label: string;
+                item: string;
+                itemLeadingIcon: string;
+                itemLeadingAvatarSize: string;
+                itemTrailingIcon: string;
+                itemTrailingKbds: string;
+                itemTrailingKbdsSize: string;
+            };
+            xl: {
+                label: string;
+                item: string;
+                itemLeadingIcon: string;
+                itemLeadingAvatarSize: string;
+                itemTrailingIcon: string;
+                itemTrailingKbds: string;
+                itemTrailingKbdsSize: string;
+            };
+        };
+    };
+    compoundVariants: any[];
+    defaultVariants: {
+        size: string;
+    };
+};
+export default _default;

package/dist/theme/context-menu.js

@@ -0,0 +1,114 @@
+export default (options) => ({
+    slots: {
+        content: 'min-w-32 bg-default shadow-lg rounded-md ring ring-default overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-context-menu-content-transform-origin) flex flex-col',
+        viewport: 'relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1',
+        group: 'p-1 isolate',
+        label: 'w-full flex items-center font-semibold text-highlighted',
+        separator: '-mx-1 my-1 h-px bg-border',
+        item: 'group relative w-full flex items-center select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75',
+        itemLeadingIcon: 'shrink-0',
+        itemLeadingAvatar: 'shrink-0',
+        itemLeadingAvatarSize: '',
+        itemTrailing: 'ms-auto inline-flex gap-1.5 items-center',
+        itemTrailingIcon: 'shrink-0',
+        itemTrailingKbds: 'hidden lg:inline-flex items-center shrink-0',
+        itemTrailingKbdsSize: '',
+        itemLabel: 'truncate',
+        itemLabelExternalIcon: 'inline-block size-3 align-top text-dimmed'
+    },
+    variants: {
+        color: {
+            ...Object.fromEntries((options.theme.colors || []).map((color) => [color, ''])),
+            neutral: ''
+        },
+        active: {
+            true: {
+                item: 'text-highlighted before:bg-elevated',
+                itemLeadingIcon: 'text-default'
+            },
+            false: {
+                item: [
+                    'text-default data-highlighted:text-highlighted data-[state=open]:text-highlighted data-highlighted:before:bg-elevated/50 data-[state=open]:before:bg-elevated/50',
+                    options.theme.transitions && 'transition-colors before:transition-colors'
+                ],
+                itemLeadingIcon: [
+                    'text-dimmed group-data-highlighted:text-default group-data-[state=open]:text-default',
+                    options.theme.transitions && 'transition-colors'
+                ]
+            }
+        },
+        loading: {
+            true: {
+                itemLeadingIcon: 'animate-spin'
+            }
+        },
+        size: {
+            xs: {
+                label: 'p-1 text-xs gap-1',
+                item: 'p-1 text-xs gap-1',
+                itemLeadingIcon: 'size-4',
+                itemLeadingAvatarSize: '3xs',
+                itemTrailingIcon: 'size-4',
+                itemTrailingKbds: 'gap-0.5',
+                itemTrailingKbdsSize: 'sm'
+            },
+            sm: {
+                label: 'p-1.5 text-xs gap-1.5',
+                item: 'p-1.5 text-xs gap-1.5',
+                itemLeadingIcon: 'size-4',
+                itemLeadingAvatarSize: '3xs',
+                itemTrailingIcon: 'size-4',
+                itemTrailingKbds: 'gap-0.5',
+                itemTrailingKbdsSize: 'sm'
+            },
+            md: {
+                label: 'p-1.5 text-sm gap-1.5',
+                item: 'p-1.5 text-sm gap-1.5',
+                itemLeadingIcon: 'size-5',
+                itemLeadingAvatarSize: '2xs',
+                itemTrailingIcon: 'size-5',
+                itemTrailingKbds: 'gap-0.5',
+                itemTrailingKbdsSize: 'md'
+            },
+            lg: {
+                label: 'p-2 text-sm gap-2',
+                item: 'p-2 text-sm gap-2',
+                itemLeadingIcon: 'size-5',
+                itemLeadingAvatarSize: '2xs',
+                itemTrailingIcon: 'size-5',
+                itemTrailingKbds: 'gap-1',
+                itemTrailingKbdsSize: 'md'
+            },
+            xl: {
+                label: 'p-2 text-base gap-2',
+                item: 'p-2 text-base gap-2',
+                itemLeadingIcon: 'size-6',
+                itemLeadingAvatarSize: 'xs',
+                itemTrailingIcon: 'size-6',
+                itemTrailingKbds: 'gap-1',
+                itemTrailingKbdsSize: 'lg'
+            }
+        }
+    },
+    compoundVariants: [
+        ...(options.theme.colors || []).map((color) => ({
+            color,
+            active: false,
+            class: {
+                item: `text-${color} data-highlighted:text-${color} data-highlighted:before:bg-${color}/10 data-[state=open]:before:bg-${color}/10`,
+                itemLeadingIcon: `text-${color}/75 group-data-highlighted:text-${color} group-data-[state=open]:text-${color}`
+            }
+        })),
+        ...(options.theme.colors || []).map((color) => ({
+            color,
+            active: true,
+            class: {
+                item: `text-${color} before:bg-${color}/10`,
+                itemLeadingIcon: `text-${color}`
+            }
+        }))
+    ],
+    defaultVariants: {
+        size: 'md'
+    }
+});

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

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

package/dist/theme/dashboard-group.js

@@ -0,0 +1,3 @@
+export default {
+    base: 'fixed inset-0 flex overflow-hidden'
+};

package/dist/theme/dashboard-navbar.d.ts

@@ -0,0 +1,22 @@
+declare const _default: {
+    slots: {
+        root: string;
+        left: string;
+        icon: string;
+        title: string;
+        center: string;
+        right: string;
+        toggle: string;
+    };
+    variants: {
+        toggleSide: {
+            left: {
+                toggle: string;
+            };
+            right: {
+                toggle: string;
+            };
+        };
+    };
+};
+export default _default;

package/dist/theme/dashboard-navbar.js

@@ -0,0 +1,21 @@
+export default {
+    slots: {
+        root: 'h-(--ui-header-height) shrink-0 flex items-center justify-between border-b border-default px-4 sm:px-6 gap-1.5',
+        left: 'flex items-center gap-1.5 min-w-0',
+        icon: 'shrink-0 size-5 self-center me-1.5',
+        title: 'flex items-center gap-1.5 font-semibold text-highlighted truncate',
+        center: 'hidden lg:flex',
+        right: 'flex items-center shrink-0 gap-1.5',
+        toggle: ''
+    },
+    variants: {
+        toggleSide: {
+            left: {
+                toggle: ''
+            },
+            right: {
+                toggle: ''
+            }
+        }
+    }
+};

package/dist/theme/dashboard-panel.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    slots: {
+        root: string;
+        body: string;
+        handle: string;
+    };
+    variants: {
+        size: {
+            true: {
+                root: string;
+            };
+            false: {
+                root: string;
+            };
+        };
+    };
+};
+export default _default;

package/dist/theme/dashboard-panel.js

@@ -0,0 +1,17 @@
+export default {
+    slots: {
+        root: 'relative flex flex-col min-w-0 min-h-svh lg:not-last:border-r lg:not-last:border-default shrink-0',
+        body: 'flex flex-col gap-4 sm:gap-6 flex-1 overflow-y-auto p-4 sm:p-6',
+        handle: ''
+    },
+    variants: {
+        size: {
+            true: {
+                root: 'w-full lg:w-(--width)'
+            },
+            false: {
+                root: 'flex-1'
+            }
+        }
+    }
+};

package/dist/theme/dashboard-resize-handle.d.ts

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

package/dist/theme/dashboard-resize-handle.js

@@ -0,0 +1,3 @@
+export default {
+    base: 'hidden lg:block touch-none select-none cursor-ew-resize relative before:absolute before:inset-y-0 before:-left-1.5 before:-right-1.5'
+};

package/dist/theme/dashboard-search-button.d.ts

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

package/dist/theme/dashboard-search-button.js

@@ -0,0 +1,6 @@
+export default {
+    slots: {
+        base: '',
+        trailing: 'hidden lg:flex items-center gap-0.5 ms-auto'
+    }
+};

package/dist/theme/dashboard-search.d.ts

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

package/dist/theme/dashboard-search.js

@@ -0,0 +1,6 @@
+export default {
+    slots: {
+        modal: 'sm:max-w-3xl sm:h-[28rem]',
+        input: '[&>input]:text-base/5'
+    }
+};

package/dist/theme/dashboard-sidebar-collapse.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    base: string;
+    variants: {
+        side: {
+            left: string;
+            right: string;
+        };
+    };
+};
+export default _default;

package/dist/theme/dashboard-sidebar-collapse.js

@@ -0,0 +1,9 @@
+export default {
+    base: 'hidden lg:flex',
+    variants: {
+        side: {
+            left: '',
+            right: ''
+        }
+    }
+};

package/dist/theme/dashboard-sidebar-toggle.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    base: string;
+    variants: {
+        side: {
+            left: string;
+            right: string;
+        };
+    };
+};
+export default _default;

package/dist/theme/dashboard-sidebar-toggle.js

@@ -0,0 +1,9 @@
+export default {
+    base: 'lg:hidden',
+    variants: {
+        side: {
+            left: '',
+            right: ''
+        }
+    }
+};

package/dist/theme/dashboard-sidebar.d.ts

@@ -0,0 +1,38 @@
+declare const _default: {
+    slots: {
+        root: string;
+        header: string;
+        body: string;
+        footer: string;
+        toggle: string;
+        handle: string;
+        content: string;
+        overlay: string;
+    };
+    variants: {
+        menu: {
+            true: {
+                header: string;
+                body: string;
+                footer: string;
+            };
+        };
+        side: {
+            left: {
+                root: string;
+            };
+            right: {
+                root: string;
+            };
+        };
+        toggleSide: {
+            left: {
+                toggle: string;
+            };
+            right: {
+                toggle: string;
+            };
+        };
+    };
+};
+export default _default;

package/dist/theme/dashboard-sidebar.js

@@ -0,0 +1,37 @@
+export default {
+    slots: {
+        root: 'relative hidden lg:flex flex-col min-h-svh min-w-16 w-(--width) shrink-0',
+        header: 'h-(--ui-header-height) shrink-0 flex items-center gap-1.5 px-4',
+        body: 'flex flex-col gap-4 flex-1 overflow-y-auto px-4 py-2',
+        footer: 'shrink-0 flex items-center gap-1.5 px-4 py-2',
+        toggle: '',
+        handle: '',
+        content: 'lg:hidden',
+        overlay: 'lg:hidden'
+    },
+    variants: {
+        menu: {
+            true: {
+                header: 'sm:px-6',
+                body: 'sm:px-6',
+                footer: 'sm:px-6'
+            }
+        },
+        side: {
+            left: {
+                root: 'border-r border-default'
+            },
+            right: {
+                root: ''
+            }
+        },
+        toggleSide: {
+            left: {
+                toggle: ''
+            },
+            right: {
+                toggle: 'ms-auto'
+            }
+        }
+    }
+};

package/dist/theme/dashboard-toolbar.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    slots: {
+        root: string;
+        left: string;
+        right: string;
+    };
+};
+export default _default;

package/dist/theme/dashboard-toolbar.js

@@ -0,0 +1,7 @@
+export default {
+    slots: {
+        root: 'shrink-0 flex items-center justify-between border-b border-default px-4 sm:px-6 gap-1.5 overflow-x-auto min-h-[49px]',
+        left: 'flex items-center gap-1.5',
+        right: 'flex items-center gap-1.5'
+    }
+};