@juxtui/ui 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Julius K.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,62 @@
+# 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

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

@@ -0,0 +1,26 @@
+export type AvatarStatus = 'online' | 'away' | 'busy' | 'offline';
+export interface AvatarProps {
+    src?: string;
+    /** Image alt text. Defaults to `name`. */
+    alt?: string;
+    /** Full name — used for initials and as the accessible name. */
+    name?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    shape?: 'circle' | 'square';
+    status?: AvatarStatus;
+}
+type __VLS_Slots = {
+    fallback?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<AvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    shape: "circle" | "square";
+}, {}, {}, {}, 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/badge/JBadge.vue.d.ts

@@ -0,0 +1,26 @@
+export type BadgeVariant = 'neutral' | 'success' | 'warning' | 'destructive' | 'accent';
+export interface BadgeProps {
+    variant?: BadgeVariant;
+    size?: 'sm' | 'md';
+    /**
+     * Status style: plain text led by a small square marker, no fill.
+     * Reads as a state rather than a label.
+     */
+    dot?: boolean;
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+    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;
+}, {}, {}, {}, 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

@@ -0,0 +1,37 @@
+import type { Component } from 'vue';
+export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive';
+export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
+export interface ButtonProps {
+    /** Visual weight. `primary` is for the single most important action in a view. */
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    /** Shows a spinner, keeps the width, and blocks activation while staying focusable. */
+    loading?: boolean;
+    disabled?: boolean;
+    /** Square button for a single icon. Provide an `aria-label`. */
+    icon?: boolean;
+    /** Stretch to the full width of the container. */
+    block?: boolean;
+    /** Render as another element or component, e.g. `a` or `NuxtLink`. */
+    as?: string | Component;
+    type?: 'button' | 'submit' | 'reset';
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+    leading?: () => unknown;
+    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;
+    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/card/JCard.vue.d.ts

@@ -0,0 +1,29 @@
+import type { Component } from 'vue';
+export interface CardProps {
+    title?: string;
+    description?: string;
+    /** `outline` sits on the page; `muted` recedes into it. */
+    variant?: 'outline' | 'muted';
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+    as?: string | Component;
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+    header?: () => unknown;
+    /** Sits to the right of the title — a button, badge or menu. */
+    actions?: () => unknown;
+    footer?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<CardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{}>, {
+    variant: "outline" | "muted";
+    as: string | Component;
+    padding: "none" | "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/checkbox/JCheckbox.vue.d.ts

@@ -0,0 +1,36 @@
+export interface CheckboxProps {
+    label?: string;
+    description?: string;
+    disabled?: boolean;
+    required?: boolean;
+    /** Shows a dash. Typically used for "select all" when only some items are selected. */
+    indeterminate?: boolean;
+    name?: string;
+    value?: string;
+    id?: string;
+}
+type __VLS_Props = CheckboxProps;
+type __VLS_Slots = {
+    default?: () => unknown;
+    description?: () => unknown;
+};
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    input: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
+    focus: () => void | undefined;
+}, {}, {}, {}, 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

@@ -0,0 +1,81 @@
+import type { Component } from 'vue';
+export interface CommandItem {
+    id: string;
+    label: string;
+    description?: string;
+    /** An icon component, rendered at 16px. */
+    icon?: Component;
+    /** Shortcut to display, in hotkey syntax: `mod+shift+p`. Display only. */
+    shortcut?: string;
+    /** Extra terms that should find this item. */
+    keywords?: string[];
+    disabled?: boolean;
+    /** Called when the item is chosen, before `select` is emitted. */
+    onSelect?: (item: CommandItem) => void;
+}
+export interface CommandGroup {
+    id: string;
+    label?: string;
+    items: CommandItem[];
+}
+export interface CommandPaletteProps {
+    groups: CommandGroup[];
+    /** Shown as a "Recent" group while the search is empty. */
+    recent?: CommandItem[];
+    placeholder?: string;
+    /** Show a loading indicator — for async results. */
+    loading?: boolean;
+    /**
+     * Built-in ranking and filtering. Set to `false` when you filter yourself
+     * (e.g. server-side search driven by `v-model:search`).
+     */
+    filter?: boolean;
+    /** Global shortcut that toggles the palette. `false` to disable. */
+    hotkey?: string | false;
+    /** Accessible name of the dialog. */
+    label?: string;
+    emptyText?: string;
+}
+type __VLS_Props = CommandPaletteProps;
+type __VLS_Slots = {
+    item?: (props: {
+        item: CommandItem;
+        active: boolean;
+    }) => unknown;
+    empty?: (props: {
+        search: string;
+    }) => unknown;
+    footer?: () => unknown;
+};
+declare function close(): void;
+type __VLS_ModelProps = {
+    'open'?: boolean;
+    'search'?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    close: typeof close;
+    focus: () => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (item: CommandItem) => any;
+    "update:open": (value: boolean) => any;
+    "update:search": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((item: CommandItem) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:search"?: ((value: string) => any) | undefined;
+}>, {
+    label: string;
+    filter: boolean;
+    placeholder: string;
+    hotkey: string | false;
+    emptyText: 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/command-palette/search.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Ranking for the command palette. Cheap enough to run on every keystroke
+ * over a few thousand items, and ordered the way people expect:
+ * exact › prefix › word start › substring › in-order letters.
+ */
+export type MatchRange = [start: number, end: number];
+export interface MatchResult {
+    score: number;
+    ranges: MatchRange[];
+}
+export declare function matchText(query: string, text: string): MatchResult;
+/** Split text into highlighted and plain runs. */
+export declare function splitByRanges(text: string, ranges: MatchRange[]): Array<{
+    text: string;
+    match: boolean;
+}>;

package/dist/components/dialog/JDialog.vue.d.ts

@@ -0,0 +1,53 @@
+export interface DialogProps {
+    title?: string;
+    description?: string;
+    size?: 'sm' | 'md' | 'lg';
+    /** Close when the backdrop is clicked. Defaults to true. */
+    closeOnOverlay?: boolean;
+    /** Close when Escape is pressed. Defaults to true. */
+    closeOnEscape?: boolean;
+    /** Hide the close button in the corner. */
+    hideClose?: boolean;
+    /** Accessible label when there is no visible title. */
+    ariaLabel?: string;
+}
+type __VLS_Props = DialogProps;
+type __VLS_Slots = {
+    default?: (props: {
+        close: () => void;
+    }) => unknown;
+    /** Custom header. Put `titleId` on your heading so the dialog stays labelled. */
+    header?: (props: {
+        titleId: string;
+        descriptionId: string;
+    }) => unknown;
+    footer?: (props: {
+        close: () => void;
+    }) => unknown;
+};
+declare function close(): void;
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    close: typeof close;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    afterClose: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onAfterClose?: (() => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    closeOnOverlay: boolean;
+    closeOnEscape: 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/dropdown-menu/JDropdownMenu.vue.d.ts

@@ -0,0 +1,39 @@
+import type { Placement } from '../../composables/useFloating';
+export interface DropdownMenuProps {
+    placement?: Placement;
+    /** Distance from the trigger, in px. */
+    offset?: number;
+    disabled?: boolean;
+}
+type __VLS_Props = DropdownMenuProps;
+type __VLS_Slots = {
+    /** The element that opens the menu — usually a `JButton`. */
+    trigger?: (props: {
+        open: boolean;
+    }) => unknown;
+    default?: () => unknown;
+};
+declare function close(restoreFocus?: boolean): void;
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    open: () => void;
+    close: typeof close;
+}, {}, {}, {}, 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;
+}, {}, {}, {}, 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/dropdown-menu/JDropdownMenuItem.vue.d.ts

@@ -0,0 +1,35 @@
+import type { Component } from 'vue';
+export interface DropdownMenuItemProps {
+    disabled?: boolean;
+    /** Styles the item as a destructive action. */
+    destructive?: boolean;
+    /** A keyboard shortcut to display, e.g. `⌘D`. Display only. */
+    shortcut?: string;
+    /** Render as another element, e.g. `a` or `NuxtLink` for navigation items. */
+    as?: string | Component;
+    /**
+     * Makes the item one choice in a set (e.g. a theme picker). `true` shows a
+     * check at the end of the row. Leave undefined for a plain action.
+     */
+    checked?: boolean;
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+    leading?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<DropdownMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<DropdownMenuItemProps> & Readonly<{
+    onSelect?: ((event: Event) => any) | undefined;
+}>, {
+    as: string | Component;
+    checked: 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/dropdown-menu/JDropdownMenuLabel.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/dropdown-menu/JDropdownMenuSeparator.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,17 @@
+export interface DropdownMenuSubProps {
+    label: string;
+    disabled?: boolean;
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+    leading?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<DropdownMenuSubProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DropdownMenuSubProps> & 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/dropdown-menu/JMenuContent.vue.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Internal: the floating list shared by the root menu and submenus.
+ * Owns positioning, keyboard navigation, typeahead and the layer.
+ */
+import type { Placement } from '../../composables/useFloating';
+type __VLS_Props = {
+    open: boolean;
+    reference: HTMLElement | null;
+    id: string;
+    labelledby?: string;
+    placement: Placement;
+    offset: number | {
+        mainAxis?: number;
+        crossAxis?: number;
+    };
+    /** What to focus once open. */
+    initialFocus: 'first' | 'last' | 'content' | 'none';
+    isSub?: boolean;
+};
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    content: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    pointerenter: () => any;
+    escape: () => any;
+    outside: (event: PointerEvent) => any;
+    back: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onPointerenter?: (() => any) | undefined;
+    onEscape?: (() => any) | undefined;
+    onOutside?: ((event: PointerEvent) => any) | undefined;
+    onBack?: (() => 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/dropdown-menu/context.d.ts

@@ -0,0 +1,17 @@
+import type { InjectionKey, Ref } from 'vue';
+export interface MenuRootContext {
+    /** Close the whole menu tree. */
+    close: (restoreFocus?: boolean) => void;
+}
+export interface MenuLevelContext {
+    content: Ref<HTMLElement | null>;
+    /** Id of the submenu currently open at this level. */
+    openSub: Ref<string | null>;
+    setOpenSub: (id: string | null) => void;
+    /** Close the open submenu shortly, unless the pointer is on its way into it. */
+    scheduleSubClose: () => void;
+    cancelSubClose: () => void;
+}
+export declare const MENU_ROOT: InjectionKey<MenuRootContext>;
+export declare const MENU_LEVEL: InjectionKey<MenuLevelContext>;
+export declare function getMenuItems(content: HTMLElement | null): HTMLElement[];

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

@@ -0,0 +1,33 @@
+/**
+ * Internal: lays out label, control, description and error for form fields.
+ * Not exported — every field component composes it.
+ */
+type __VLS_Props = {
+    id: string;
+    labelId: string;
+    descriptionId: string;
+    errorId: string;
+    label?: string;
+    description?: string;
+    errorMessage?: string;
+    showDescription?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    /** Render the label as a plain element when the control isn't labelable (e.g. a button). */
+    labelFor?: string | null;
+};
+declare var __VLS_7: {}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & 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/field/useField.d.ts

@@ -0,0 +1,24 @@
+import type { MaybeRefOrGetter } from 'vue';
+export interface FieldProps {
+    /** Visible label. Also used as the accessible name. */
+    label?: string;
+    /** Supporting text under the control. Hidden while an error message is shown. */
+    description?: string;
+    /** An error message, or `true` to mark the field invalid without a message. */
+    error?: string | boolean;
+    required?: boolean;
+    disabled?: boolean;
+    /** Id for the control. Generated when omitted. */
+    id?: string;
+}
+/** Ids and ARIA wiring shared by every form control. */
+export declare function useField(props: MaybeRefOrGetter<FieldProps>): {
+    id: import("vue").ComputedRef<string>;
+    labelId: import("vue").ComputedRef<string>;
+    descriptionId: import("vue").ComputedRef<string>;
+    errorId: import("vue").ComputedRef<string>;
+    invalid: import("vue").ComputedRef<boolean>;
+    errorMessage: import("vue").ComputedRef<string>;
+    showDescription: import("vue").ComputedRef<boolean>;
+    describedBy: import("vue").ComputedRef<string | undefined>;
+};