@juxtui/ui 0.2.0 → 0.4.0

package/README.md

@@ -1,62 +1,63 @@
-# juxt
-
-**Thoughtfully crafted components for Nuxt & Vue.**
-
-Juxt is a small component library that cares about the details you feel but rarely notice: how far a menu travels when it opens, where focus goes when a dialog closes, whether a loading button changes width, what happens when you press Escape with a select open inside a dialog.
-
-It is fifteen components, one token system and one motion language. It's mostly grayscale, and the green `#079D6B` is kept for state.
-
-```vue
-<JButton>
-  Save changes
-</JButton>
-```
-
-## Installation
-
-```bash
-pnpm add @juxtui/ui
-```
-
-**Nuxt**: add the module. Components, composables and styles are wired up for you.
-
-```ts
-// nuxt.config.ts
-export default defineNuxtConfig({
-  modules: ['@juxtui/ui/nuxt'],
-})
-```
-
-**Vue**: import the stylesheet once, then import what you use.
-
-```ts
-import '@juxtui/ui/style.css'
-import { JButton, toast } from '@juxtui/ui'
-```
-
-Using Tailwind CSS v4? `@import '@juxtui/ui/tailwind.css'` maps the tokens onto utilities (`bg-surface`, `text-fg-muted`, `rounded-md`, `duration-fast`, …). Juxt's styles live in a `juxt` cascade layer, so your own classes always win.
-
-## Components
-
-| | |
-| --- | --- |
-| **Actions** | Button |
-| **Forms** | Input · Textarea · Checkbox · Switch · Select |
-| **Overlays** | Dialog · Dropdown Menu · Tooltip · Command Palette |
-| **Feedback** | Toast · Badge |
-| **Display** | Avatar · Card |
-| **Navigation** | Tabs |
-
-Each one supports light and dark themes, full keyboard use, reduced motion and SSR. Its docs page lists the keys it handles and the ARIA it exposes.
-
-## Design philosophy
-
-- **Quiet until it matters.** The interface is grayscale, and green marks state: focus, checked, success, where you are. Primary buttons use ink, not green.
-- **Motion is feedback.** There are four durations (80–240ms) and three curves, and only `transform` and `opacity` animate. Entrances are slower than exits. With reduced motion, things still fade but don't move.
-- **Accessible by construction.** Overlays trap focus, restore it when they close, and stack correctly: Escape and outside clicks go to the top-most layer only.
-- **Small APIs.** Props are named after what they do, and anything that holds state has a `v-model`. If you know one component, you know the rest.
-- **Tokens all the way down.** Colour, type, space, radius, elevation, motion and layering are CSS custom properties. Change `--juxt-accent` and the whole system follows.
-
-## License
-
-MIT
+# juxt.ui
+
+**Thoughtfully crafted components for Nuxt & Vue.**
+
+juxt.ui is a small component library that cares about the details you feel but rarely notice: how far a menu travels when it opens, where focus goes when a dialog closes, whether a loading button changes width, what happens when you press Escape with a select open inside a dialog.
+
+It is Multiple components, one token system and one motion language. It's mostly grayscale, and the green `#079D6B` is kept for state.
+
+```vue
+<JButton>
+  Save changes
+</JButton>
+```
+
+## Installation
+
+```bash
+pnpm add @juxtui/ui
+```
+
+**Nuxt**: add the module. Components, composables and styles are wired up for you.
+
+```ts
+// nuxt.config.ts
+export default defineNuxtConfig({
+  modules: ['@juxtui/ui/nuxt'],
+})
+```
+
+**Vue**: import the stylesheet once, then import what you use.
+
+```ts
+import '@juxtui/ui/style.css'
+import { JButton, toast } from '@juxtui/ui'
+```
+
+Using Tailwind CSS v4? `@import '@juxtui/ui/tailwind.css'` maps the tokens onto utilities (`bg-surface`, `text-fg-muted`, `rounded-md`, `duration-fast`, …). juxt.ui's styles live in a `juxt` cascade layer, so your own classes always win.
+
+## Components
+
+| | |
+| --- | --- |
+| **Actions** | Button |
+| **Forms** | Input · Textarea · Checkbox · Switch · Select |
+| **Overlays** | Dialog · Dropdown Menu · Tooltip · Command Palette |
+| **Feedback** | Toast · Badge |
+| **Display** | Avatar · Card |
+| **Navigation** | Tabs |
+| **Layout** | Navbar · Burger · Footer · Sidebar |
+
+Each one supports light and dark themes, full keyboard use, reduced motion and SSR. Its docs page lists the keys it handles and the ARIA it exposes.
+
+## Design philosophy
+
+- **Quiet until it matters.** The interface is grayscale, and green marks state: focus, checked, success, where you are. Primary buttons use ink, not green.
+- **Motion is feedback.** There are four durations (80–240ms) and three curves, and only `transform` and `opacity` animate. Entrances are slower than exits. With reduced motion, things still fade but don't move.
+- **Accessible by construction.** Overlays trap focus, restore it when they close, and stack correctly: Escape and outside clicks go to the top-most layer only.
+- **Small APIs.** Props are named after what they do, and anything that holds state has a `v-model`. If you know one component, you know the rest.
+- **Tokens all the way down.** Colour, type, space, radius, elevation, motion and layering are CSS custom properties. Change `--juxt-accent` and the whole system follows.
+
+## License
+
+MIT

package/dist/components/aspect-ratio/JAspectRatio.vue.d.ts

@@ -0,0 +1,18 @@
+export interface AspectRatioProps {
+    /** Width/height ratio, e.g. `16 / 9` or `1`. */
+    ratio?: number;
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<AspectRatioProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AspectRatioProps> & Readonly<{}>, {
+    ratio: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/avatar/JAvatar.vue.d.ts

@@ -3,7 +3,7 @@ export interface AvatarProps {
     src?: string;
     /** Image alt text. Defaults to `name`. */
     alt?: string;
-    /** Full name — used for initials and as the accessible name. */
+    /** Full name | used for initials and as the accessible name. */
     name?: string;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     shape?: 'circle' | 'square';

package/dist/components/avatar-group/JAvatarGroup.vue.d.ts

@@ -0,0 +1,19 @@
+export interface AvatarGroupItem {
+    src?: string;
+    name?: string;
+}
+export interface AvatarGroupProps {
+    items: AvatarGroupItem[];
+    /** Avatars shown before the rest collapse into a "+N" indicator. */
+    max?: number;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    shape?: 'circle' | 'square';
+    /** Accessible name for the group. Defaults to a plain count, not an assumption about who's in it. */
+    label?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<AvatarGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarGroupProps> & Readonly<{}>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    shape: "circle" | "square";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/banner/JBanner.vue.d.ts

@@ -0,0 +1,30 @@
+export type BannerVariant = 'neutral' | 'info' | 'success' | 'warning' | 'destructive';
+export interface BannerProps {
+    variant?: BannerVariant;
+    title?: string;
+    description?: string;
+    /** Show a close button; emits `dismiss`. */
+    dismissible?: boolean;
+    /** Hide the leading icon. */
+    hideIcon?: boolean;
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+    icon?: () => unknown;
+    actions?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<BannerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    dismiss: () => any;
+}, string, import("vue").PublicProps, Readonly<BannerProps> & Readonly<{
+    onDismiss?: (() => any) | undefined;
+}>, {
+    variant: BannerVariant;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/breadcrumb/JBreadcrumb.vue.d.ts

@@ -0,0 +1,29 @@
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+}
+export interface BreadcrumbProps {
+    /** Trail of items, first to last. The last item renders as the current page. */
+    items?: BreadcrumbItem[];
+    /** Accessible name for the nav landmark. Defaults to "Breadcrumb". */
+    label?: string;
+    /** Collapse middle items behind an ellipsis once the trail is longer than this. */
+    maxItems?: number;
+}
+/**
+ * Provide `items` for the common case, or omit it and pass your own `<li>`
+ * elements (with class `j-breadcrumb__item`) into the default slot for full
+ * control over each crumb.
+ */
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<BreadcrumbProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BreadcrumbProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/burger/JBurger.vue.d.ts

@@ -0,0 +1,25 @@
+export interface BurgerProps {
+    /** Accessible name while closed. */
+    openLabel?: string;
+    /** Accessible name while open. */
+    closeLabel?: string;
+    size?: 'sm' | 'md';
+    /** Id of the element this button shows and hides. */
+    controls?: string;
+}
+type __VLS_Props = BurgerProps;
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    size: "sm" | "md";
+    openLabel: string;
+    closeLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/card/JCard.vue.d.ts

@@ -10,7 +10,7 @@ export interface CardProps {
 type __VLS_Slots = {
     default?: () => unknown;
     header?: () => unknown;
-    /** Sits to the right of the title — a button, badge or menu. */
+    /** Sits to the right of the title | a button, badge or menu. */
     actions?: () => unknown;
     footer?: () => unknown;
 };

package/dist/components/collapsible/JCollapsible.vue.d.ts

@@ -0,0 +1,28 @@
+export interface CollapsibleProps {
+    /** Visible summary text; use the `trigger` slot for custom content instead. */
+    label?: string;
+    disabled?: boolean;
+}
+type __VLS_Props = CollapsibleProps;
+type __VLS_Slots = {
+    default?: () => unknown;
+    trigger?: () => unknown;
+};
+type __VLS_ModelProps = {
+    /** A single disclosure primitive | for a group of them, use `JAccordion`. */
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/command-palette/JCommandPalette.vue.d.ts

@@ -23,7 +23,7 @@ export interface CommandPaletteProps {
     /** Shown as a "Recent" group while the search is empty. */
     recent?: CommandItem[];
     placeholder?: string;
-    /** Show a loading indicator — for async results. */
+    /** Show a loading indicator | for async results. */
     loading?: boolean;
     /**
      * Built-in ranking and filtering. Set to `false` when you filter yourself

package/dist/components/dropdown-menu/JDropdownMenu.vue.d.ts

@@ -7,7 +7,7 @@ export interface DropdownMenuProps {
 }
 type __VLS_Props = DropdownMenuProps;
 type __VLS_Slots = {
-    /** The element that opens the menu — usually a `JButton`. */
+    /** The element that opens the menu | usually a `JButton`. */
     trigger?: (props: {
         open: boolean;
     }) => unknown;

package/dist/components/empty-state/JEmptyState.vue.d.ts

@@ -0,0 +1,23 @@
+export interface EmptyStateProps {
+    title?: string;
+    description?: string;
+    size?: 'sm' | 'md' | 'lg';
+}
+type __VLS_Slots = {
+    /** Icon or illustration shown above the title. */
+    icon?: () => unknown;
+    default?: () => unknown;
+    /** Call to action, typically a `JButton`. */
+    actions?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<EmptyStateProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EmptyStateProps> & Readonly<{}>, {
+    size: "sm" | "md" | "lg";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/field/JFieldShell.vue.d.ts

@@ -1,6 +1,6 @@
 /**
  * Internal: lays out label, control, description and error for form fields.
- * Not exported — every field component composes it.
+ * Not exported | every field component composes it.
  */
 type __VLS_Props = {
     id: string;

package/dist/components/footer/JFooter.vue.d.ts

@@ -0,0 +1,26 @@
+export interface FooterProps {
+    /** Maximum content width; any CSS length. `none` spans the full width. */
+    maxWidth?: string;
+    /** Hairline above the footer. */
+    bordered?: boolean;
+}
+type __VLS_Slots = {
+    /** Logo and a short line about the product. */
+    brand?: () => unknown;
+    /** Link columns, typically `JFooterColumn`s. */
+    default?: () => unknown;
+    /** The last line: copyright, legal links, social icons. */
+    bottom?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<FooterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FooterProps> & Readonly<{}>, {
+    maxWidth: string;
+    bordered: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/footer/JFooterColumn.vue.d.ts

@@ -0,0 +1,15 @@
+export interface FooterColumnProps {
+    title: string;
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<FooterColumnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FooterColumnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/navbar/JNavbar.vue.d.ts

@@ -0,0 +1,47 @@
+export interface NavbarProps {
+    /** Stick to the top of the viewport while scrolling. */
+    sticky?: boolean;
+    /** Hairline under the bar. */
+    bordered?: boolean;
+    /** Accessible name of the navigation landmark. */
+    label?: string;
+    /** Width below which links collapse behind the burger. `never` keeps them inline. */
+    collapse?: 'sm' | 'md' | 'lg' | 'never';
+    /** Maximum content width; any CSS length. `none` spans the full width. */
+    maxWidth?: string;
+}
+type __VLS_Props = NavbarProps;
+type __VLS_Slots = {
+    /** Logo or product name, usually a link home. */
+    brand?: () => unknown;
+    /** Navigation links, typically `JNavbarLink`s. Shown inline, or in the mobile menu. */
+    default?: () => unknown;
+    /** Always visible on the right: search, theme switch, avatar. */
+    actions?: () => unknown;
+    /** Extra content at the bottom of the mobile menu, e.g. sign-in buttons. */
+    'menu-footer'?: () => unknown;
+};
+type __VLS_ModelProps = {
+    /** Mobile menu state. */
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    label: string;
+    sticky: boolean;
+    maxWidth: string;
+    bordered: boolean;
+    collapse: "sm" | "md" | "lg" | "never";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/navbar/JNavbarLink.vue.d.ts

@@ -0,0 +1,22 @@
+import type { Component } from 'vue';
+export interface NavbarLinkProps {
+    /** Marks the current page: styled and announced with `aria-current="page"`. */
+    active?: boolean;
+    /** Render as another element or component, e.g. `NuxtLink` or `RouterLink`. */
+    as?: string | Component;
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+    leading?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<NavbarLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavbarLinkProps> & Readonly<{}>, {
+    as: string | Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/pagination/JPagination.vue.d.ts

@@ -0,0 +1,25 @@
+export interface PaginationProps {
+    /** Total number of pages. */
+    total: number;
+    /** Pages shown on each side of the current page before collapsing to an ellipsis. */
+    siblingCount?: number;
+    /** Accessible name for the nav landmark. */
+    label?: string;
+    size?: 'sm' | 'md';
+    disabled?: boolean;
+}
+type __VLS_Props = PaginationProps;
+type __VLS_ModelProps = {
+    modelValue?: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    size: "sm" | "md";
+    siblingCount: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/primitives/JSlot.d.ts

@@ -1,7 +1,7 @@
 import type { VNode } from 'vue';
 /**
  * Internal: renders its first child element and merges its own attributes
- * (ARIA, listeners, ids) onto it — no wrapper element.
+ * (ARIA, listeners, ids) onto it | no wrapper element.
  */
 export declare const JSlot: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;

package/dist/components/rating/JRating.vue.d.ts

@@ -0,0 +1,27 @@
+export interface RatingProps {
+    /** Number of stars. */
+    max?: number;
+    /** Static display mode | no interaction, ideal for showing an average. */
+    readonly?: boolean;
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    /** Accessible name for the group, e.g. "Rate this product". */
+    label?: string;
+    /** Allow half-star precision. Only applies in `readonly` mode. */
+    allowHalf?: boolean;
+}
+type __VLS_Props = RatingProps;
+type __VLS_ModelProps = {
+    modelValue?: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    max: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/sidebar/JSidebar.vue.d.ts

@@ -0,0 +1,23 @@
+export interface SidebarProps {
+    /** Accessible name of the navigation landmark. */
+    label?: string;
+}
+type __VLS_Slots = {
+    /** Top of the sidebar: logo, workspace switcher. */
+    header?: () => unknown;
+    /** Items and groups. */
+    default?: () => unknown;
+    /** Pinned to the bottom: account, settings, help. */
+    footer?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<SidebarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SidebarProps> & Readonly<{}>, {
+    label: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/sidebar/JSidebarGroup.vue.d.ts

@@ -0,0 +1,29 @@
+export interface SidebarGroupProps {
+    title?: string;
+    /** Let the title fold the group away. */
+    collapsible?: boolean;
+}
+type __VLS_Props = SidebarGroupProps;
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+type __VLS_ModelProps = {
+    /** Whether the group is expanded. Open by default. */
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    collapsible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/sidebar/JSidebarItem.vue.d.ts

@@ -0,0 +1,26 @@
+import type { Component } from 'vue';
+export interface SidebarItemProps {
+    /** Marks the current page: styled and announced with `aria-current="page"`. */
+    active?: boolean;
+    disabled?: boolean;
+    /** Render as another element or component, e.g. `NuxtLink`. */
+    as?: string | Component;
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+    /** Icon before the label. */
+    leading?: () => unknown;
+    /** After the label: a count, badge or shortcut. */
+    trailing?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<SidebarItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SidebarItemProps> & Readonly<{}>, {
+    as: string | Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};