@juxtui/ui 0.1.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/accordion/JAccordion.vue.d.ts

@@ -0,0 +1,34 @@
+export interface AccordionProps {
+    /** `single` keeps at most one item open; `multiple` lets any number stay open. */
+    type?: 'single' | 'multiple';
+    /** In `single` mode, allow closing the open item so none are open. */
+    collapsible?: boolean;
+    /** Heading level wrapping each trigger, for a correct document outline. */
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+}
+type __VLS_Props = AccordionProps;
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+type __VLS_ModelProps = {
+    /** Open item(s): a value in `single` mode, an array 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";
+    collapsible: boolean;
+    headingLevel: 2 | 3 | 4 | 5 | 6;
+}, {}, {}, {}, 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/accordion/JAccordionItem.vue.d.ts

@@ -0,0 +1,19 @@
+export interface AccordionItemProps {
+    /** Identifies the item in the accordion's `v-model`. */
+    value: string;
+    title?: string;
+    disabled?: boolean;
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+    title?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<AccordionItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AccordionItemProps> & 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/accordion/context.d.ts

@@ -0,0 +1,7 @@
+import type { InjectionKey } from 'vue';
+export interface AccordionContext {
+    isOpen: (value: string) => boolean;
+    toggle: (value: string) => void;
+    headingLevel: () => number;
+}
+export declare const ACCORDION: InjectionKey<AccordionContext>;

package/dist/components/alert/JAlert.vue.d.ts

@@ -0,0 +1,30 @@
+export type AlertVariant = 'neutral' | 'info' | 'success' | 'warning' | 'destructive';
+export interface AlertProps {
+    variant?: AlertVariant;
+    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<AlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    dismiss: () => any;
+}, string, import("vue").PublicProps, Readonly<AlertProps> & Readonly<{
+    onDismiss?: (() => any) | undefined;
+}>, {
+    variant: AlertVariant;
+}, {}, {}, {}, 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/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/badge/JBadge.vue.d.ts

@@ -13,8 +13,8 @@ type __VLS_Slots = {
     leading?: () => unknown;
 };
 declare const __VLS_base: import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
-    size: "sm" | "md";
     variant: BadgeVariant;
+    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;

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/button/JButton.vue.d.ts

@@ -22,9 +22,9 @@ type __VLS_Slots = {
     trailing?: () => unknown;
 };
 declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
-    size: ButtonSize;
     type: "button" | "submit" | "reset";
     variant: ButtonVariant;
+    size: ButtonSize;
     as: string | Component;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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/input/JInput.vue.d.ts

@@ -28,9 +28,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
 }>, {
-    size: InputSize;
-    error: string | boolean;
     type: string;
+    error: string | boolean;
+    size: InputSize;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/kbd/JKbd.vue.d.ts

@@ -0,0 +1,22 @@
+export interface KbdProps {
+    /**
+     * A shortcut in hotkey syntax, e.g. `mod+k` or `shift+enter`. `mod` renders
+     * as ⌘ on Apple platforms and Ctrl elsewhere. Use the slot for literal keys.
+     */
+    keys?: string;
+    size?: 'sm' | 'md';
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<KbdProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KbdProps> & Readonly<{}>, {
+    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/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/popover/JPopover.vue.d.ts

@@ -0,0 +1,43 @@
+import type { Placement } from '../../composables/useFloating';
+export interface PopoverProps {
+    placement?: Placement;
+    /** Distance from the trigger in px. */
+    offset?: number;
+    /** Accessible name of the popover content. */
+    ariaLabel?: string;
+    /** Close when focus or a click leaves the popover. Defaults to true. */
+    closeOnOutside?: boolean;
+    disabled?: boolean;
+}
+type __VLS_Props = PopoverProps;
+type __VLS_Slots = {
+    trigger?: (props: {
+        open: boolean;
+    }) => unknown;
+    default?: (props: {
+        close: () => void;
+    }) => unknown;
+};
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    close: () => void;
+}, {}, {}, {}, 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;
+}>, {
+    placement: Placement;
+    offset: number;
+    closeOnOutside: 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/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/progress/JProgress.vue.d.ts

@@ -0,0 +1,20 @@
+export interface ProgressProps {
+    /** Current value. `null` shows an indeterminate bar. */
+    value?: number | null;
+    max?: number;
+    size?: 'sm' | 'md';
+    /** Visible label above the bar; also its accessible name. */
+    label?: string;
+    /** Show the percentage next to the label. */
+    showValue?: boolean;
+    /** `accent` for progress toward a goal, `neutral` for plain measurement. */
+    variant?: 'accent' | 'neutral';
+}
+declare const __VLS_export: import("vue").DefineComponent<ProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProgressProps> & Readonly<{}>, {
+    value: number | null;
+    variant: "accent" | "neutral";
+    size: "sm" | "md";
+    max: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/radio/JRadio.vue.d.ts

@@ -0,0 +1,20 @@
+import type { RadioValue } from './context';
+export interface RadioProps {
+    value: RadioValue;
+    label?: string;
+    description?: string;
+    disabled?: boolean;
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+    description?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<RadioProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RadioProps> & 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/radio/JRadioGroup.vue.d.ts

@@ -0,0 +1,38 @@
+import type { RadioValue } from './context';
+export interface RadioGroupProps {
+    /** Group label, rendered as the fieldset legend. */
+    label?: string;
+    description?: string;
+    /** An error message, or `true` to mark the group invalid without one. */
+    error?: string | boolean;
+    orientation?: 'vertical' | 'horizontal';
+    disabled?: boolean;
+    required?: boolean;
+    /** Form field name. Generated when omitted. */
+    name?: string;
+}
+type __VLS_Props = RadioGroupProps;
+type __VLS_Slots = {
+    default?: () => unknown;
+    label?: () => unknown;
+};
+type __VLS_ModelProps = {
+    modelValue?: RadioValue | 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: RadioValue | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: RadioValue | null) => any) | undefined;
+}>, {
+    error: string | boolean;
+    orientation: "vertical" | "horizontal";
+}, {}, {}, {}, 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/radio/context.d.ts

@@ -0,0 +1,11 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+export type RadioValue = string | number;
+export interface RadioGroupContext {
+    name: ComputedRef<string>;
+    value: ComputedRef<RadioValue | null | undefined>;
+    disabled: ComputedRef<boolean>;
+    required: ComputedRef<boolean>;
+    invalid: ComputedRef<boolean>;
+    select: (value: RadioValue) => void;
+}
+export declare const RADIO_GROUP: InjectionKey<RadioGroupContext>;

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/select/JSelect.vue.d.ts

@@ -17,8 +17,8 @@ declare const __VLS_export: <T extends string | number = string>(__VLS_props: No
     props: import("vue").PublicProps & __VLS_PrettifyLocal<(SelectProps<T> & {
         modelValue?: T | null;
     }) & {
-        onClose?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: T | null) => any) | undefined;
+        onClose?: (() => any) | undefined;
         onOpen?: (() => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/separator/JSeparator.vue.d.ts

@@ -0,0 +1,25 @@
+export interface SeparatorProps {
+    orientation?: 'horizontal' | 'vertical';
+    /** Text in the middle of a horizontal separator, e.g. "or". */
+    label?: string;
+    /**
+     * Purely visual (the default). Set to false when the separator divides
+     * meaningful groups and should be announced.
+     */
+    decorative?: boolean;
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<SeparatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SeparatorProps> & Readonly<{}>, {
+    orientation: "horizontal" | "vertical";
+    decorative: 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;
+    };
+};