@juxtui/ui 0.2.0 → 0.3.0

package/README.md

@@ -4,7 +4,7 @@
 
 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.
+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>

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/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/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/slider/JSlider.vue.d.ts

@@ -0,0 +1,31 @@
+export interface SliderProps {
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    /** Accessible name for the thumb(s) when no visible label is associated. */
+    label?: string;
+    size?: 'sm' | 'md';
+    /** Show the current value in a floating bubble above the active thumb. */
+    showValue?: boolean;
+    /** Format the displayed and announced value. */
+    format?: (value: number) => string;
+}
+type __VLS_Props = SliderProps;
+type __VLS_ModelProps = {
+    /** A single value, or a `[low, high]` tuple for a range slider. */
+    modelValue?: number | [number, 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 | [number, number]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number | [number, number]) => any) | undefined;
+}>, {
+    size: "sm" | "md";
+    max: number;
+    step: number;
+    min: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/stat/JStat.vue.d.ts

@@ -0,0 +1,22 @@
+export type StatTrend = 'up' | 'down' | 'neutral';
+export interface StatProps {
+    label: string;
+    value: string | number;
+    /** Delta shown next to the value, e.g. `"+12%"`. */
+    delta?: string;
+    trend?: StatTrend;
+    description?: string;
+}
+type __VLS_Slots = {
+    /** Icon shown next to the label. */
+    icon?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<StatProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StatProps> & 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/tag/JTag.vue.d.ts

@@ -0,0 +1,28 @@
+export type TagVariant = 'neutral' | 'success' | 'warning' | 'destructive' | 'accent';
+export interface TagProps {
+    variant?: TagVariant;
+    size?: 'sm' | 'md';
+    disabled?: boolean;
+    /** Accessible label for the remove button, e.g. `"Remove Engineering"`. Defaults to "Remove". */
+    removeLabel?: string;
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+    leading?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<TagProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    remove: () => any;
+}, string, import("vue").PublicProps, Readonly<TagProps> & Readonly<{
+    onRemove?: (() => any) | undefined;
+}>, {
+    variant: TagVariant;
+    size: "sm" | "md";
+}, {}, {}, {}, 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/timeline/JTimeline.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/timeline/JTimelineItem.vue.d.ts

@@ -0,0 +1,24 @@
+export type TimelineItemStatus = 'complete' | 'current' | 'upcoming';
+export interface TimelineItemProps {
+    title?: string;
+    /** A timestamp or relative time, e.g. "2 hours ago". */
+    time?: string;
+    status?: TimelineItemStatus;
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+    title?: () => unknown;
+    /** Replace the default dot marker. */
+    marker?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<TimelineItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TimelineItemProps> & Readonly<{}>, {
+    status: TimelineItemStatus;
+}, {}, {}, {}, 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/toast/JToaster.vue.d.ts

@@ -10,9 +10,9 @@ export interface ToasterProps {
 }
 declare const __VLS_export: import("vue").DefineComponent<ToasterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToasterProps> & Readonly<{}>, {
     label: string;
+    max: number;
     hotkey: string;
     position: ToasterPosition;
-    max: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/toggle-group/JToggleGroup.vue.d.ts

@@ -0,0 +1,33 @@
+export interface ToggleGroupProps {
+    /** `single` keeps at most one item pressed; `multiple` lets any number stay pressed. */
+    type?: 'single' | 'multiple';
+    size?: 'sm' | 'md';
+    disabled?: boolean;
+    /** Accessible name for the group. */
+    label?: string;
+}
+type __VLS_Props = ToggleGroupProps;
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+type __VLS_ModelProps = {
+    /** The pressed value in `single` mode, or an array of values in `multiple` mode. */
+    modelValue?: string | string[] | null;
+};
+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: string | string[] | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | string[] | null) => any) | undefined;
+}>, {
+    type: "single" | "multiple";
+    size: "sm" | "md";
+}, {}, {}, {}, 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/toggle-group/JToggleGroupItem.vue.d.ts

@@ -0,0 +1,19 @@
+export interface ToggleGroupItemProps {
+    /** Identifies the item in the group's `v-model`. */
+    value: string;
+    disabled?: boolean;
+    /** Accessible name, when the slot content isn't descriptive enough (e.g. an icon-only item). */
+    label?: string;
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<ToggleGroupItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToggleGroupItemProps> & 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/toggle-group/context.d.ts

@@ -0,0 +1,9 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+export type ToggleGroupType = 'single' | 'multiple';
+export interface ToggleGroupContext {
+    type: ComputedRef<ToggleGroupType>;
+    disabled: ComputedRef<boolean>;
+    isSelected: (value: string) => boolean;
+    toggle: (value: string) => void;
+}
+export declare const TOGGLE_GROUP: InjectionKey<ToggleGroupContext>;

package/dist/components/visually-hidden/JVisuallyHidden.vue.d.ts

@@ -0,0 +1,19 @@
+import type { Component } from 'vue';
+export interface VisuallyHiddenProps {
+    /** Render as another element or component, e.g. `label` or `h2`. */
+    as?: string | Component;
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<VisuallyHiddenProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VisuallyHiddenProps> & 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.d.ts

@@ -1,11 +1,16 @@
 export { default as JAccordion } from './components/accordion/JAccordion.vue';
 export { default as JAccordionItem } from './components/accordion/JAccordionItem.vue';
 export { default as JAlert } from './components/alert/JAlert.vue';
+export { default as JAspectRatio } from './components/aspect-ratio/JAspectRatio.vue';
 export { default as JAvatar } from './components/avatar/JAvatar.vue';
+export { default as JAvatarGroup } from './components/avatar-group/JAvatarGroup.vue';
 export { default as JBadge } from './components/badge/JBadge.vue';
+export { default as JBanner } from './components/banner/JBanner.vue';
+export { default as JBreadcrumb } from './components/breadcrumb/JBreadcrumb.vue';
 export { default as JButton } from './components/button/JButton.vue';
 export { default as JCard } from './components/card/JCard.vue';
 export { default as JCheckbox } from './components/checkbox/JCheckbox.vue';
+export { default as JCollapsible } from './components/collapsible/JCollapsible.vue';
 export { default as JCommandPalette } from './components/command-palette/JCommandPalette.vue';
 export { default as JDialog } from './components/dialog/JDialog.vue';
 export { default as JDropdownMenu } from './components/dropdown-menu/JDropdownMenu.vue';
@@ -13,19 +18,30 @@ export { default as JDropdownMenuItem } from './components/dropdown-menu/JDropdo
 export { default as JDropdownMenuLabel } from './components/dropdown-menu/JDropdownMenuLabel.vue';
 export { default as JDropdownMenuSeparator } from './components/dropdown-menu/JDropdownMenuSeparator.vue';
 export { default as JDropdownMenuSub } from './components/dropdown-menu/JDropdownMenuSub.vue';
+export { default as JEmptyState } from './components/empty-state/JEmptyState.vue';
 export { default as JInput } from './components/input/JInput.vue';
 export { default as JKbd } from './components/kbd/JKbd.vue';
+export { default as JPagination } from './components/pagination/JPagination.vue';
 export { default as JPopover } from './components/popover/JPopover.vue';
 export { default as JProgress } from './components/progress/JProgress.vue';
 export { default as JRadio } from './components/radio/JRadio.vue';
 export { default as JRadioGroup } from './components/radio/JRadioGroup.vue';
+export { default as JRating } from './components/rating/JRating.vue';
 export { default as JSelect } from './components/select/JSelect.vue';
 export { default as JSeparator } from './components/separator/JSeparator.vue';
 export { default as JSheet } from './components/sheet/JSheet.vue';
 export { default as JSkeleton } from './components/skeleton/JSkeleton.vue';
+export { default as JSlider } from './components/slider/JSlider.vue';
 export { default as JSpinner } from './components/spinner/JSpinner.vue';
+export { default as JStat } from './components/stat/JStat.vue';
 export { default as JSwitch } from './components/switch/JSwitch.vue';
 export { default as JTabs } from './components/tabs/JTabs.vue';
+export { default as JTag } from './components/tag/JTag.vue';
 export { default as JTextarea } from './components/textarea/JTextarea.vue';
+export { default as JTimeline } from './components/timeline/JTimeline.vue';
+export { default as JTimelineItem } from './components/timeline/JTimelineItem.vue';
 export { default as JToaster } from './components/toast/JToaster.vue';
+export { default as JToggleGroup } from './components/toggle-group/JToggleGroup.vue';
+export { default as JToggleGroupItem } from './components/toggle-group/JToggleGroupItem.vue';
 export { default as JTooltip } from './components/tooltip/JTooltip.vue';
+export { default as JVisuallyHidden } from './components/visually-hidden/JVisuallyHidden.vue';

package/dist/composables/useModal.d.ts

@@ -7,7 +7,7 @@ export interface ModalOptions {
     focusSelector?: string;
 }
 /**
- * Internal: everything a modal surface (Dialog, Sheet) shares — layering,
+ * Internal: everything a modal surface (Dialog, Sheet) shares | layering,
  * focus trap and restoration, scroll lock, backdrop clicks and the "nudge"
  * when dismissal is refused.
  */

package/dist/composables/useToast.d.ts

@@ -52,7 +52,7 @@ export interface ToastFn {
     update: typeof update;
     dismiss: typeof dismiss;
 }
-/** Show a toast. Works anywhere — inside or outside components. */
+/** Show a toast. Works anywhere | inside or outside components. */
 export declare const toast: ToastFn;
 export declare function useToast(): {
     toast: ToastFn;

package/dist/icons.d.ts

@@ -11,6 +11,10 @@ export declare const IconCircleX: Icon;
 export declare const IconAlert: Icon;
 export declare const IconInfo: Icon;
 export declare const IconCornerDownLeft: Icon;
+export declare const IconChevronLeft: Icon;
+export declare const IconMoreHorizontal: Icon;
+export declare const IconArrowUpRight: Icon;
+export declare const IconArrowDownRight: Icon;
 /** The loading spinner used across Juxt. A quarter arc over a faint track. */
 export declare const Spinner: FunctionalComponent<{
     size?: number;

package/dist/index.d.ts

@@ -3,35 +3,51 @@ export * from './components';
 export type { AccordionProps } from './components/accordion/JAccordion.vue';
 export type { AccordionItemProps } from './components/accordion/JAccordionItem.vue';
 export type { AlertProps, AlertVariant } from './components/alert/JAlert.vue';
+export type { AspectRatioProps } from './components/aspect-ratio/JAspectRatio.vue';
 export type { AvatarProps, AvatarStatus } from './components/avatar/JAvatar.vue';
+export type { AvatarGroupItem, AvatarGroupProps } from './components/avatar-group/JAvatarGroup.vue';
 export type { BadgeProps, BadgeVariant } from './components/badge/JBadge.vue';
+export type { BannerProps, BannerVariant } from './components/banner/JBanner.vue';
+export type { BreadcrumbItem, BreadcrumbProps } from './components/breadcrumb/JBreadcrumb.vue';
 export type { ButtonProps, ButtonSize, ButtonVariant } from './components/button/JButton.vue';
 export type { CardProps } from './components/card/JCard.vue';
 export type { CheckboxProps } from './components/checkbox/JCheckbox.vue';
+export type { CollapsibleProps } from './components/collapsible/JCollapsible.vue';
 export type { CommandGroup, CommandItem, CommandPaletteProps } from './components/command-palette/JCommandPalette.vue';
 export { matchText } from './components/command-palette/search';
 export type { DialogProps } from './components/dialog/JDialog.vue';
 export type { DropdownMenuProps } from './components/dropdown-menu/JDropdownMenu.vue';
 export type { DropdownMenuItemProps } from './components/dropdown-menu/JDropdownMenuItem.vue';
 export type { DropdownMenuSubProps } from './components/dropdown-menu/JDropdownMenuSub.vue';
+export type { EmptyStateProps } from './components/empty-state/JEmptyState.vue';
 export type { FieldProps } from './components/field/useField';
 export type { InputProps, InputSize } from './components/input/JInput.vue';
 export type { KbdProps } from './components/kbd/JKbd.vue';
+export type { PaginationProps } from './components/pagination/JPagination.vue';
 export type { PopoverProps } from './components/popover/JPopover.vue';
 export type { ProgressProps } from './components/progress/JProgress.vue';
 export type { RadioValue } from './components/radio/context';
 export type { RadioProps } from './components/radio/JRadio.vue';
 export type { RadioGroupProps } from './components/radio/JRadioGroup.vue';
+export type { RatingProps } from './components/rating/JRating.vue';
 export type { SelectOption, SelectProps } from './components/select/JSelect.vue';
 export type { SeparatorProps } from './components/separator/JSeparator.vue';
 export type { SheetProps } from './components/sheet/JSheet.vue';
 export type { SkeletonProps } from './components/skeleton/JSkeleton.vue';
+export type { SliderProps } from './components/slider/JSlider.vue';
 export type { SpinnerProps } from './components/spinner/JSpinner.vue';
+export type { StatProps, StatTrend } from './components/stat/JStat.vue';
 export type { SwitchProps } from './components/switch/JSwitch.vue';
 export type { TabItem, TabsProps } from './components/tabs/JTabs.vue';
+export type { TagProps, TagVariant } from './components/tag/JTag.vue';
 export type { TextareaProps } from './components/textarea/JTextarea.vue';
+export type { TimelineItemProps, TimelineItemStatus } from './components/timeline/JTimelineItem.vue';
 export type { ToasterPosition, ToasterProps } from './components/toast/JToaster.vue';
+export type { ToggleGroupType } from './components/toggle-group/context';
+export type { ToggleGroupProps } from './components/toggle-group/JToggleGroup.vue';
+export type { ToggleGroupItemProps } from './components/toggle-group/JToggleGroupItem.vue';
 export type { TooltipProps } from './components/tooltip/JTooltip.vue';
+export type { VisuallyHiddenProps } from './components/visually-hidden/JVisuallyHidden.vue';
 export { useFocusTrap } from './composables/useFocusTrap';
 export type { FocusTrapOptions } from './composables/useFocusTrap';
 export { formatHotkey, matchesHotkey, useHotkey } from './composables/useHotkey';