@jasmine-ui/vue 0.6.0

package/dist/components/code-block/code-block.style.d.ts

@@ -0,0 +1,113 @@
+/** Tailwind Variants for the CodeBlock component — twMerge disabled to prevent BEM class conflicts */
+export declare const codeBlockVariants: import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    header: string;
+    body: string;
+    lineNumbers: string;
+    pre: string;
+    copyButton: string;
+    languageBadge: string;
+}, undefined, {
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    header: string;
+    body: string;
+    lineNumbers: string;
+    pre: string;
+    copyButton: string;
+    languageBadge: string;
+}, import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    header: string;
+    body: string;
+    lineNumbers: string;
+    pre: string;
+    copyButton: string;
+    languageBadge: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/components/code-block/index.d.ts

@@ -0,0 +1 @@
+export { default as CodeBlock } from './code-block';

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

@@ -0,0 +1,136 @@
+import { ExtractPropTypes } from 'vue';
+import { ListEntry, ListItemData } from '../../types/common';
+import { comboboxProps } from './combobox.props';
+type ComboboxProps = ExtractPropTypes<typeof comboboxProps>;
+type ComboboxEmitFn = {
+    (event: 'update:modelValue', value: string | number | undefined): void;
+    (event: 'open'): void;
+    (event: 'close'): void;
+    (event: 'clear'): void;
+    (event: 'search', query: string): void;
+};
+/**
+ * Composable that handles Combobox component logic.
+ * Composes PopoverList with a text input trigger that filters items by query.
+ */
+export declare const useCombobox: (props: ComboboxProps, emit: ComboboxEmitFn) => {
+    classes: import('vue').ComputedRef<{
+        wrapper: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        trigger: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        label: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        input: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        icon: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        clear: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        empty: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {
+        wrapper: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        trigger: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        label: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        input: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        icon: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        clear: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        empty: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {}>;
+    query: import('vue').Ref<string, string>;
+    filteredItems: import('vue').ComputedRef<ListEntry[]>;
+    displayItems: import('vue').ComputedRef<ListEntry[]>;
+    isOpen: import('vue').Ref<boolean, boolean>;
+    isFocused: import('vue').Ref<boolean, boolean>;
+    hasValue: import('vue').ComputedRef<boolean>;
+    isLabelFloating: import('vue').ComputedRef<boolean>;
+    handleInput: (value: string) => void;
+    handleFocus: () => void;
+    handleBlur: () => void;
+    handleOpenChange: (open: boolean) => void;
+    handleItemClick: (payload: {
+        item: ListItemData;
+        index: number;
+    }) => void;
+    handleClear: () => void;
+    handleKeydown: (event: KeyboardEvent) => void;
+};
+export {};

package/dist/components/combobox/combobox.d.ts

@@ -0,0 +1,127 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    items: {
+        type: import('vue').PropType<import('../list').ListInput>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: import('vue').PropType<string | number | undefined>;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    emptyContent: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: import('vue').PropType<import('../..').InputVariant>;
+        default: "outline";
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+    radius: {
+        type: import('vue').PropType<import('../..').Radius>;
+        default: "md";
+    };
+    color: {
+        default: "primary";
+        type: import('vue').PropType<import('../..').Color>;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isClearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | undefined) => any;
+    open: () => any;
+    clear: () => any;
+    close: () => any;
+    search: (query: string) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    items: {
+        type: import('vue').PropType<import('../list').ListInput>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: import('vue').PropType<string | number | undefined>;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    emptyContent: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: import('vue').PropType<import('../..').InputVariant>;
+        default: "outline";
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+    radius: {
+        type: import('vue').PropType<import('../..').Radius>;
+        default: "md";
+    };
+    color: {
+        default: "primary";
+        type: import('vue').PropType<import('../..').Color>;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isClearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onSearch?: ((query: string) => any) | undefined;
+}>, {
+    variant: import('../..').InputVariant;
+    color: import('../..').Color;
+    size: import('../..').Size;
+    radius: import('../..').Radius;
+    label: string;
+    items: import('../list').ListInput;
+    modelValue: string | number | undefined;
+    isDisabled: boolean;
+    placeholder: string;
+    name: string;
+    emptyContent: string;
+    isClearable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    inputRef: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,52 @@
+import { PropType } from 'vue';
+import { ListInput } from '../../types/common';
+export declare const comboboxProps: {
+    items: {
+        type: PropType<ListInput>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: PropType<string | number | undefined>;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    emptyContent: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: PropType<import('../../types/common').InputVariant>;
+        default: "outline";
+    };
+    size: {
+        type: PropType<import('../../types/common').Size>;
+        default: "md";
+    };
+    radius: {
+        type: PropType<import('../../types/common').Radius>;
+        default: "md";
+    };
+    color: {
+        default: "primary";
+        type: PropType<import('../../types/common').Color>;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isClearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+};

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

@@ -0,0 +1,202 @@
+export declare const comboboxVariants: import('tailwind-variants').TVReturnType<{
+    variant: {
+        outline: {
+            trigger: string;
+        };
+        filled: {
+            trigger: string;
+        };
+    };
+    size: {
+        sm: {
+            trigger: string;
+        };
+        md: {
+            trigger: string;
+        };
+        lg: {
+            trigger: string;
+        };
+    };
+    radius: {
+        none: {
+            trigger: string;
+        };
+        sm: {
+            trigger: string;
+        };
+        md: {
+            trigger: string;
+        };
+        lg: {
+            trigger: string;
+        };
+        full: {
+            trigger: string;
+        };
+    };
+    color: {
+        default: {
+            trigger: string;
+        };
+        primary: {
+            trigger: string;
+        };
+        danger: {
+            trigger: string;
+        };
+        success: {
+            trigger: string;
+        };
+        warning: {
+            trigger: string;
+        };
+    };
+    isLabelFloating: {
+        true: {
+            label: string;
+        };
+    };
+}, {
+    wrapper: string;
+    trigger: string;
+    label: string;
+    input: string;
+    icon: string;
+    clear: string;
+    empty: string;
+}, undefined, {
+    variant: {
+        outline: {
+            trigger: string;
+        };
+        filled: {
+            trigger: string;
+        };
+    };
+    size: {
+        sm: {
+            trigger: string;
+        };
+        md: {
+            trigger: string;
+        };
+        lg: {
+            trigger: string;
+        };
+    };
+    radius: {
+        none: {
+            trigger: string;
+        };
+        sm: {
+            trigger: string;
+        };
+        md: {
+            trigger: string;
+        };
+        lg: {
+            trigger: string;
+        };
+        full: {
+            trigger: string;
+        };
+    };
+    color: {
+        default: {
+            trigger: string;
+        };
+        primary: {
+            trigger: string;
+        };
+        danger: {
+            trigger: string;
+        };
+        success: {
+            trigger: string;
+        };
+        warning: {
+            trigger: string;
+        };
+    };
+    isLabelFloating: {
+        true: {
+            label: string;
+        };
+    };
+}, {
+    wrapper: string;
+    trigger: string;
+    label: string;
+    input: string;
+    icon: string;
+    clear: string;
+    empty: string;
+}, import('tailwind-variants').TVReturnType<{
+    variant: {
+        outline: {
+            trigger: string;
+        };
+        filled: {
+            trigger: string;
+        };
+    };
+    size: {
+        sm: {
+            trigger: string;
+        };
+        md: {
+            trigger: string;
+        };
+        lg: {
+            trigger: string;
+        };
+    };
+    radius: {
+        none: {
+            trigger: string;
+        };
+        sm: {
+            trigger: string;
+        };
+        md: {
+            trigger: string;
+        };
+        lg: {
+            trigger: string;
+        };
+        full: {
+            trigger: string;
+        };
+    };
+    color: {
+        default: {
+            trigger: string;
+        };
+        primary: {
+            trigger: string;
+        };
+        danger: {
+            trigger: string;
+        };
+        success: {
+            trigger: string;
+        };
+        warning: {
+            trigger: string;
+        };
+    };
+    isLabelFloating: {
+        true: {
+            label: string;
+        };
+    };
+}, {
+    wrapper: string;
+    trigger: string;
+    label: string;
+    input: string;
+    icon: string;
+    clear: string;
+    empty: string;
+}, undefined, unknown, unknown, undefined>>;

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

@@ -0,0 +1 @@
+export { default as Combobox } from './combobox';

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

@@ -0,0 +1,13 @@
+import { ComputedRef, ExtractPropTypes } from 'vue';
+import { dividerProps } from './divider.props';
+type DividerProps = ExtractPropTypes<typeof dividerProps>;
+/**
+ * Composable that handles Divider component logic.
+ * Receives props and a slot-content flag (detected in script setup).
+ * Returns computed class bindings and content detection.
+ */
+export declare const useDivider: (props: DividerProps, hasSlotContent: ComputedRef<boolean>) => {
+    classes: ComputedRef<string>;
+    hasContent: ComputedRef<boolean>;
+};
+export {};

package/dist/components/divider/divider.d.ts

@@ -0,0 +1,47 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    orientation: {
+        default: "horizontal";
+        type: import('vue').PropType<import('../..').Orientation>;
+    };
+    content: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    contentPosition: {
+        type: import('vue').PropType<import('../../types/common').ContentPosition>;
+        default: "center";
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    orientation: {
+        default: "horizontal";
+        type: import('vue').PropType<import('../..').Orientation>;
+    };
+    content: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    contentPosition: {
+        type: import('vue').PropType<import('../../types/common').ContentPosition>;
+        default: "center";
+    };
+}>> & Readonly<{}>, {
+    content: string;
+    orientation: import('../..').Orientation;
+    contentPosition: import('../../types/common').ContentPosition;
+}, {}, {}, {}, 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;
+    };
+};