@jasmine-ui/vue 0.6.0

package/dist/components/kbd/kbd.composable.d.ts

@@ -0,0 +1,40 @@
+import { ExtractPropTypes } from 'vue';
+import { kbdProps } from './kbd.props';
+type KbdProps = ExtractPropTypes<typeof kbdProps>;
+/** Maps key names (and aliases) to their display symbols */
+export declare const KEY_SYMBOLS: Record<string, string>;
+/**
+ * Resolves a key name to its display symbol.
+ * Mapped keys return their symbol. Single lowercase letters are uppercased.
+ * Everything else is returned as-is.
+ */
+export declare const resolveKey: (key: string) => string;
+/**
+ * Composable that handles Kbd component logic.
+ * Returns computed TV class bindings and the resolveKey utility.
+ */
+export declare const useKbd: (props: KbdProps) => {
+    classes: import('vue').ComputedRef<{
+        base: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "auto" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        key: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "auto" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        separator: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "auto" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {
+        base: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "auto" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        key: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "auto" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        separator: (slotProps?: ({
+            size?: "md" | "sm" | "lg" | "auto" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {}>;
+    resolveKey: (key: string) => string;
+};
+export {};

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

@@ -0,0 +1,46 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        separator?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    keys: {
+        type: import('vue').PropType<import('../..').KbdKey[]>;
+        required: true;
+    };
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: import('vue').PropType<import('../..').KbdSize>;
+        default: "md";
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    keys: {
+        type: import('vue').PropType<import('../..').KbdKey[]>;
+        required: true;
+    };
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: import('vue').PropType<import('../..').KbdSize>;
+        default: "md";
+    };
+}>> & Readonly<{}>, {
+    size: import('../..').KbdSize;
+    separator: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/kbd/kbd.props.d.ts

@@ -0,0 +1,20 @@
+import { PropType } from 'vue';
+import { KbdKey, KbdSize } from '../../types/common';
+/** Props definition for the Kbd component */
+export declare const kbdProps: {
+    /** Array of key names to display as keyboard shortcuts */
+    keys: {
+        type: PropType<KbdKey[]>;
+        required: true;
+    };
+    /** Character or string rendered between keys */
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Size variant — controls key padding, font size, and gap */
+    size: {
+        type: PropType<KbdSize>;
+        default: "md";
+    };
+};

package/dist/components/kbd/kbd.style.d.ts

@@ -0,0 +1,59 @@
+/** Tailwind Variants definition for the Kbd component */
+export declare const kbdVariants: import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        auto: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    key: string;
+    separator: string;
+}, undefined, {
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        auto: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    key: string;
+    separator: string;
+}, import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        auto: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    key: string;
+    separator: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/components/list/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ListItem } from '../list-item/list-item';
+export { default as List } from './list';
+export type { ListDividerData, ListEntry, ListHeaderData, ListInput, ListItemData } from '../../types/common';

package/dist/components/list/list.composable.d.ts

@@ -0,0 +1,40 @@
+import { CSSProperties, ExtractPropTypes, Ref } from 'vue';
+import { ListEntry, ListItemData } from '../../types/common';
+import { listProps } from './list.props';
+type ListProps = ExtractPropTypes<typeof listProps>;
+type ListEmitFn = {
+    (event: 'update:modelValue', value: string | number | Array<string | number>): void;
+    (event: 'item-click', payload: {
+        item: ListItemData;
+        index: number;
+    }): void;
+};
+/**
+ * Pre-computed item heights per size, measured from CSS definitions.
+ * Used by virtual mode to calculate container and row heights.
+ */
+export declare const ITEM_HEIGHTS: Record<'sm' | 'md' | 'lg', {
+    base: number;
+    withDescription: number;
+}>;
+/**
+ * Composable that handles List component logic.
+ * Provides color and size context to child ListItems.
+ * Returns computed class bindings, normalized items, event handlers, indicator state,
+ * and virtual list state when isVirtualized is true.
+ */
+export declare const useList: (props: ListProps, emit: ListEmitFn, containerRef: Ref<HTMLElement | undefined>) => {
+    classes: import('vue').ComputedRef<string>;
+    items: import('vue').ComputedRef<(ListEntry & {
+        resolvedType: "item" | "header" | "divider";
+    })[]>;
+    hasItems: import('vue').ComputedRef<boolean>;
+    handleItemClick: (item: ListItemData, index: number) => void;
+    indicatorCssVars: import('vue').ComputedRef<CSSProperties>;
+    isIndicatorVisible: import('vue').ComputedRef<boolean>;
+    hasAppeared: Ref<boolean, boolean>;
+    virtualItems: import('vue').ComputedRef<ListItemData[]>;
+    resolvedItemHeight: import('vue').ComputedRef<number>;
+    containerHeight: import('vue').ComputedRef<number>;
+};
+export {};

package/dist/components/list/list.d.ts

@@ -0,0 +1,148 @@
+import { ListHeaderData, ListItemData } from '../../types/common';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        item?(_: {
+            item: ListItemData;
+            index: number;
+        }): any;
+        item?(_: {
+            item: ListItemData;
+            index: number;
+        }): any;
+        'item-start'?(_: {
+            item: ListItemData;
+            index: number;
+        }): any;
+        'item-start'?(_: {
+            item: ListItemData;
+            index: number;
+        }): any;
+        'item-end'?(_: {
+            item: ListItemData;
+            index: number;
+        }): any;
+        'item-end'?(_: {
+            item: ListItemData;
+            index: number;
+        }): any;
+        empty?(_: {}): any;
+        empty?(_: {}): any;
+        header?(_: {
+            header: ListHeaderData;
+            index: number;
+        }): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        containerRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    items: {
+        type: import('vue').PropType<import('../../types/common').ListInput>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: import('vue').PropType<string | number | Array<string | number>>;
+        default: undefined;
+    };
+    selectionMode: {
+        type: import('vue').PropType<import('../../types/common').SelectionMode>;
+        default: "none";
+    };
+    color: {
+        default: "default";
+        type: import('vue').PropType<import('../../types/common').Color>;
+    };
+    size: {
+        type: import('vue').PropType<import('../../types/common').Size>;
+        default: "md";
+    };
+    variant: {
+        type: import('vue').PropType<import('../../types/common').ListVariant>;
+        default: "flat";
+    };
+    isVirtualized: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxItems: {
+        type: NumberConstructor;
+        default: number;
+    };
+    itemHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | (string | number)[]) => any;
+    "item-click": (payload: {
+        item: ListItemData;
+        index: number;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    items: {
+        type: import('vue').PropType<import('../../types/common').ListInput>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: import('vue').PropType<string | number | Array<string | number>>;
+        default: undefined;
+    };
+    selectionMode: {
+        type: import('vue').PropType<import('../../types/common').SelectionMode>;
+        default: "none";
+    };
+    color: {
+        default: "default";
+        type: import('vue').PropType<import('../../types/common').Color>;
+    };
+    size: {
+        type: import('vue').PropType<import('../../types/common').Size>;
+        default: "md";
+    };
+    variant: {
+        type: import('vue').PropType<import('../../types/common').ListVariant>;
+        default: "flat";
+    };
+    isVirtualized: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxItems: {
+        type: NumberConstructor;
+        default: number;
+    };
+    itemHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | (string | number)[]) => any) | undefined;
+    "onItem-click"?: ((payload: {
+        item: ListItemData;
+        index: number;
+    }) => any) | undefined;
+}>, {
+    variant: import('../../types/common').ListVariant;
+    color: import('../../types/common').Color;
+    size: import('../../types/common').Size;
+    items: import('../../types/common').ListInput;
+    modelValue: string | number | (string | number)[];
+    selectionMode: import('../../types/common').SelectionMode;
+    isVirtualized: boolean;
+    maxItems: number;
+    itemHeight: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    containerRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/list/list.props.d.ts

@@ -0,0 +1,40 @@
+import { PropType } from 'vue';
+import { ListInput } from '../../types/common';
+export declare const listProps: {
+    items: {
+        type: PropType<ListInput>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: PropType<string | number | Array<string | number>>;
+        default: undefined;
+    };
+    selectionMode: {
+        type: PropType<import('../../types/common').SelectionMode>;
+        default: "none";
+    };
+    color: {
+        default: "default";
+        type: PropType<import('../../types/common').Color>;
+    };
+    size: {
+        type: PropType<import('../../types/common').Size>;
+        default: "md";
+    };
+    variant: {
+        type: PropType<import('../../types/common').ListVariant>;
+        default: "flat";
+    };
+    isVirtualized: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxItems: {
+        type: NumberConstructor;
+        default: number;
+    };
+    itemHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+};

package/dist/components/list/list.style.d.ts

@@ -0,0 +1,52 @@
+export declare const listVariants: import('tailwind-variants').TVReturnType<{
+    variant: {
+        flat: string;
+        bordered: string;
+    };
+    color: {
+        default: string;
+        primary: string;
+        danger: string;
+        success: string;
+        warning: string;
+    };
+    selectionMode: {
+        none: string;
+        single: string;
+        multiple: string;
+    };
+}, undefined, "list", {
+    variant: {
+        flat: string;
+        bordered: string;
+    };
+    color: {
+        default: string;
+        primary: string;
+        danger: string;
+        success: string;
+        warning: string;
+    };
+    selectionMode: {
+        none: string;
+        single: string;
+        multiple: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        flat: string;
+        bordered: string;
+    };
+    color: {
+        default: string;
+        primary: string;
+        danger: string;
+        success: string;
+        warning: string;
+    };
+    selectionMode: {
+        none: string;
+        single: string;
+        multiple: string;
+    };
+}, undefined, "list", unknown, unknown, undefined>>;

package/dist/components/list-item/index.d.ts

@@ -0,0 +1 @@
+export { default as ListItem } from './list-item';

package/dist/components/list-item/list-item.composable.d.ts

@@ -0,0 +1,91 @@
+import { ExtractPropTypes } from 'vue';
+import { listItemProps } from './list-item.props';
+type ListItemProps = ExtractPropTypes<typeof listItemProps>;
+type ListItemEmitFn = (event: 'click', payload: MouseEvent) => void;
+/**
+ * Composable that handles ListItem component logic.
+ * Resolves props from explicit values, injected context, or computed defaults.
+ * Returns computed class bindings, element tag, element props, and event handlers.
+ */
+export declare const useListItem: (props: ListItemProps, emit: ListItemEmitFn) => {
+    classes: import('vue').ComputedRef<{
+        root: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            isActive?: boolean | undefined;
+            isPressable?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        content: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            isActive?: boolean | undefined;
+            isPressable?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        label: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            isActive?: boolean | undefined;
+            isPressable?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        description: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            isActive?: boolean | undefined;
+            isPressable?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        start: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            isActive?: boolean | undefined;
+            isPressable?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        end: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            isActive?: boolean | undefined;
+            isPressable?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {
+        root: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            isActive?: boolean | undefined;
+            isPressable?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        content: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            isActive?: boolean | undefined;
+            isPressable?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        label: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            isActive?: boolean | undefined;
+            isPressable?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        description: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            isActive?: boolean | undefined;
+            isPressable?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        start: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            isActive?: boolean | undefined;
+            isPressable?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        end: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            isActive?: boolean | undefined;
+            isPressable?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {}>;
+    elementTag: import('vue').ComputedRef<string>;
+    elementProps: import('vue').ComputedRef<Record<string, unknown>>;
+    isInteractive: import('vue').ComputedRef<boolean>;
+    handleClick: (event: MouseEvent) => void;
+};
+export {};

package/dist/components/list-item/list-item.d.ts

@@ -0,0 +1,115 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        start?(_: {}): any;
+        default?(_: {}): any;
+        end?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    description: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: import('vue').PropType<string | number>;
+        default: undefined;
+    };
+    href: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    to: {
+        type: import('vue').PropType<string | object>;
+        default: undefined;
+    };
+    color: {
+        default: "default";
+        type: import('vue').PropType<import('../..').Color>;
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+    isPressable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    description: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: import('vue').PropType<string | number>;
+        default: undefined;
+    };
+    href: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    to: {
+        type: import('vue').PropType<string | object>;
+        default: undefined;
+    };
+    color: {
+        default: "default";
+        type: import('vue').PropType<import('../..').Color>;
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+    isPressable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    color: import('../..').Color;
+    size: import('../..').Size;
+    isDisabled: boolean;
+    value: string | number;
+    description: string;
+    isActive: boolean;
+    isPressable: boolean;
+    href: string;
+    to: string | object;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};