@jasmine-ui/vue 0.6.0

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

@@ -0,0 +1,42 @@
+import { ExtractPropTypes } from 'vue';
+import { popoverProps } from './popover.props';
+type PopoverProps = ExtractPropTypes<typeof popoverProps>;
+type PopoverEmitFn = {
+    (event: 'update:open', value: boolean): void;
+    (event: 'open'): void;
+    (event: 'close'): void;
+};
+/**
+ * Composable that handles Popover component logic.
+ * Manages controlled/uncontrolled open state, hover mode with debounce,
+ * disabled guard, TV class computation, and event emission.
+ */
+export declare const usePopover: (props: PopoverProps, emit: PopoverEmitFn) => {
+    classes: import('vue').ComputedRef<{
+        content: (slotProps?: ({
+            matchTriggerWidth?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        arrow: (slotProps?: ({
+            matchTriggerWidth?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {
+        content: (slotProps?: ({
+            matchTriggerWidth?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        arrow: (slotProps?: ({
+            matchTriggerWidth?: boolean | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {}>;
+    resolvedOpen: import('vue').ComputedRef<boolean | undefined>;
+    handleOpenChange: (value: boolean) => void;
+    triggerHandlers: {
+        onMouseenter: () => void;
+        onMouseleave: () => void;
+    };
+    contentHandlers: {
+        onMouseenter: () => void;
+        onMouseleave: () => void;
+    };
+    close: () => void;
+};
+export {};

package/dist/components/popover/popover.d.ts

@@ -0,0 +1,142 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {
+            open: boolean | undefined;
+        }): any;
+        default?(_: {
+            open: boolean | undefined;
+            close: () => void;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    triggerMode: {
+        type: import('vue').PropType<"click" | "hover">;
+        default: "click";
+    };
+    side: {
+        type: import('vue').PropType<"top" | "right" | "bottom" | "left">;
+        default: "bottom";
+    };
+    sideOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    align: {
+        type: import('vue').PropType<"start" | "center" | "end">;
+        default: "center";
+    };
+    alignOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    matchTriggerWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    preventAutoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    open: () => any;
+    close: () => any;
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    triggerMode: {
+        type: import('vue').PropType<"click" | "hover">;
+        default: "click";
+    };
+    side: {
+        type: import('vue').PropType<"top" | "right" | "bottom" | "left">;
+        default: "bottom";
+    };
+    sideOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    align: {
+        type: import('vue').PropType<"start" | "center" | "end">;
+        default: "center";
+    };
+    alignOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    matchTriggerWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    preventAutoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onOpen?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    isDisabled: boolean;
+    open: boolean;
+    defaultOpen: boolean;
+    matchTriggerWidth: boolean;
+    triggerMode: "click" | "hover";
+    side: "bottom" | "left" | "right" | "top";
+    sideOffset: number;
+    align: "center" | "start" | "end";
+    alignOffset: number;
+    isModal: boolean;
+    hasArrow: boolean;
+    preventAutoFocus: boolean;
+}, {}, {}, {}, 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;
+    };
+};

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

@@ -0,0 +1,51 @@
+import { PropType } from 'vue';
+export declare const popoverProps: {
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    triggerMode: {
+        type: PropType<"click" | "hover">;
+        default: "click";
+    };
+    side: {
+        type: PropType<"top" | "right" | "bottom" | "left">;
+        default: "bottom";
+    };
+    sideOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    align: {
+        type: PropType<"start" | "center" | "end">;
+        default: "center";
+    };
+    alignOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    matchTriggerWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    preventAutoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};

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

@@ -0,0 +1,28 @@
+export declare const popoverVariants: import('tailwind-variants').TVReturnType<{
+    matchTriggerWidth: {
+        true: {
+            content: string;
+        };
+    };
+}, {
+    content: string;
+    arrow: string;
+}, undefined, {
+    matchTriggerWidth: {
+        true: {
+            content: string;
+        };
+    };
+}, {
+    content: string;
+    arrow: string;
+}, import('tailwind-variants').TVReturnType<{
+    matchTriggerWidth: {
+        true: {
+            content: string;
+        };
+    };
+}, {
+    content: string;
+    arrow: string;
+}, undefined, unknown, unknown, undefined>>;

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

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

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

@@ -0,0 +1,158 @@
+import { ListItemData } from '../../types/common';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {
+            isOpen: boolean | undefined;
+        }): any;
+        'item-end'?(_: {
+            item: ListItemData;
+            index: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+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;
+    };
+    open: {
+        type: BooleanConstructor;
+        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";
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    matchTriggerWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    side: {
+        type: import('vue').PropType<"top" | "right" | "bottom" | "left">;
+        default: "bottom";
+    };
+    sideOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    align: {
+        type: import('vue').PropType<"start" | "center" | "end">;
+        default: "start";
+    };
+    alignOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    preventAutoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | (string | number)[]) => any;
+    "item-click": (payload: {
+        item: ListItemData;
+        index: number;
+    }) => any;
+    "update:open": (value: boolean) => 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;
+    };
+    open: {
+        type: BooleanConstructor;
+        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";
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    matchTriggerWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    side: {
+        type: import('vue').PropType<"top" | "right" | "bottom" | "left">;
+        default: "bottom";
+    };
+    sideOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    align: {
+        type: import('vue').PropType<"start" | "center" | "end">;
+        default: "start";
+    };
+    alignOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    preventAutoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | (string | number)[]) => any) | undefined;
+    "onItem-click"?: ((payload: {
+        item: ListItemData;
+        index: number;
+    }) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    color: import('../../types/common').Color;
+    size: import('../../types/common').Size;
+    items: import('../../types/common').ListInput;
+    modelValue: string | number | (string | number)[];
+    isDisabled: boolean;
+    open: boolean;
+    selectionMode: import('../../types/common').SelectionMode;
+    matchTriggerWidth: boolean;
+    side: "bottom" | "left" | "right" | "top";
+    sideOffset: number;
+    align: "center" | "start" | "end";
+    alignOffset: number;
+    preventAutoFocus: boolean;
+}, {}, {}, {}, 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;
+    };
+};

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

@@ -0,0 +1,73 @@
+import { PropType } from 'vue';
+import { ListInput } from '../../types/common';
+/**
+ * Props for the internal PopoverList component.
+ * Combines Popover positioning + List rendering into a single prop surface.
+ */
+export declare const popoverListProps: {
+    /** Items to render in the List */
+    items: {
+        type: PropType<ListInput>;
+        default: () => never[];
+    };
+    /** Current selection value — passed through to List */
+    modelValue: {
+        type: PropType<string | number | Array<string | number>>;
+        default: undefined;
+    };
+    /** Whether the popover is open (controlled mode) */
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Selection mode passed to List */
+    selectionMode: {
+        type: PropType<import('../../types/common').SelectionMode>;
+        default: "none";
+    };
+    /** Accent color passed to List */
+    color: {
+        default: "default";
+        type: PropType<import('../../types/common').Color>;
+    };
+    /** Size passed to List */
+    size: {
+        type: PropType<import('../../types/common').Size>;
+        default: "md";
+    };
+    /** Whether the trigger is disabled */
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Whether the popover content matches the trigger width */
+    matchTriggerWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Preferred side for the popover */
+    side: {
+        type: PropType<"top" | "right" | "bottom" | "left">;
+        default: "bottom";
+    };
+    /** Distance from the trigger */
+    sideOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Alignment relative to the trigger */
+    align: {
+        type: PropType<"start" | "center" | "end">;
+        default: "start";
+    };
+    /** Offset from the alignment edge */
+    alignOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Prevent auto-focus on popover content (needed for combobox) */
+    preventAutoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};

package/dist/components/radio-group/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Radio } from './radio';
+export { default as RadioGroup } from './radio-group';

package/dist/components/radio-group/radio-group.composable.d.ts

@@ -0,0 +1,13 @@
+import { ExtractPropTypes } from 'vue';
+import { radioGroupProps } from './radio-group.props';
+type RadioGroupProps = ExtractPropTypes<typeof radioGroupProps>;
+type RadioGroupEmitFn = (event: 'update:modelValue', value: string | number) => void;
+/**
+ * Composable that handles RadioGroup component logic.
+ * Returns computed class bindings and event handlers.
+ */
+export declare const useRadioGroup: (props: RadioGroupProps, emit: RadioGroupEmitFn) => {
+    classes: import('vue').ComputedRef<string>;
+    handleChange: (value: string | number) => void;
+};
+export {};

package/dist/components/radio-group/radio-group.d.ts

@@ -0,0 +1,80 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        item?(_: {
+            item: import('../..').RadioItem;
+            isSelected: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: import('vue').PropType<string | number | undefined>;
+        default: undefined;
+    };
+    items: {
+        type: import('vue').PropType<import('../..').RadioItem[]>;
+        required: true;
+    };
+    color: {
+        type: import('vue').PropType<import('../..').Color>;
+        default: "primary";
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+    orientation: {
+        type: import('vue').PropType<import('../..').Orientation>;
+        default: "vertical";
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: import('vue').PropType<string | number | undefined>;
+        default: undefined;
+    };
+    items: {
+        type: import('vue').PropType<import('../..').RadioItem[]>;
+        required: true;
+    };
+    color: {
+        type: import('vue').PropType<import('../..').Color>;
+        default: "primary";
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+    orientation: {
+        type: import('vue').PropType<import('../..').Orientation>;
+        default: "vertical";
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {
+    color: import('../..').Color;
+    size: import('../..').Size;
+    modelValue: string | number | undefined;
+    isDisabled: boolean;
+    orientation: import('../..').Orientation;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/components/radio-group/radio-group.props.d.ts

@@ -0,0 +1,28 @@
+import { PropType } from 'vue';
+import { RadioItem } from '../../types/common';
+export declare const radioGroupProps: {
+    modelValue: {
+        type: PropType<string | number | undefined>;
+        default: undefined;
+    };
+    items: {
+        type: PropType<RadioItem[]>;
+        required: true;
+    };
+    color: {
+        type: PropType<import('../../types/common').Color>;
+        default: "primary";
+    };
+    size: {
+        type: PropType<import('../../types/common').Size>;
+        default: "md";
+    };
+    orientation: {
+        type: PropType<import('../../types/common').Orientation>;
+        default: "vertical";
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};

package/dist/components/radio-group/radio-group.style.d.ts

@@ -0,0 +1,16 @@
+export declare const radioGroupVariants: import('tailwind-variants').TVReturnType<{
+    orientation: {
+        vertical: string;
+        horizontal: string;
+    };
+}, undefined, "radio-group", {
+    orientation: {
+        vertical: string;
+        horizontal: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    orientation: {
+        vertical: string;
+        horizontal: string;
+    };
+}, undefined, "radio-group", unknown, unknown, undefined>>;