@jasmine-ui/vue 0.6.0

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

@@ -0,0 +1,22 @@
+export declare const checkboxProps: {
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: import('vue').PropType<import('../..').Color>;
+        default: "primary";
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+};

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

@@ -0,0 +1,106 @@
+export declare const checkboxVariants: import('tailwind-variants').TVReturnType<{
+    color: {
+        default: {
+            box: string;
+        };
+        primary: {
+            box: string;
+        };
+        danger: {
+            box: string;
+        };
+        success: {
+            box: string;
+        };
+        warning: {
+            box: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    box: string;
+    indicator: string;
+    icon: string;
+    label: string;
+}, undefined, {
+    color: {
+        default: {
+            box: string;
+        };
+        primary: {
+            box: string;
+        };
+        danger: {
+            box: string;
+        };
+        success: {
+            box: string;
+        };
+        warning: {
+            box: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    box: string;
+    indicator: string;
+    icon: string;
+    label: string;
+}, import('tailwind-variants').TVReturnType<{
+    color: {
+        default: {
+            box: string;
+        };
+        primary: {
+            box: string;
+        };
+        danger: {
+            box: string;
+        };
+        success: {
+            box: string;
+        };
+        warning: {
+            box: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    box: string;
+    indicator: string;
+    icon: string;
+    label: string;
+}, undefined, unknown, unknown, undefined>>;

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

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

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

@@ -0,0 +1,51 @@
+import { ExtractPropTypes } from 'vue';
+import { chipProps } from './chip.props';
+type ChipProps = ExtractPropTypes<typeof chipProps>;
+type ChipEmitFn = (event: 'close', value: string | number | undefined) => void;
+/**
+ * Composable that handles Chip component logic.
+ * Returns computed class bindings and close handler.
+ */
+export declare const useChip: (props: ChipProps, emit: ChipEmitFn) => {
+    classes: import('vue').ComputedRef<{
+        base: (slotProps?: ({
+            variant?: "solid" | "outline" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        label: (slotProps?: ({
+            variant?: "solid" | "outline" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        close: (slotProps?: ({
+            variant?: "solid" | "outline" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {
+        base: (slotProps?: ({
+            variant?: "solid" | "outline" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        label: (slotProps?: ({
+            variant?: "solid" | "outline" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        close: (slotProps?: ({
+            variant?: "solid" | "outline" | undefined;
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {}>;
+    handleClose: (event: MouseEvent) => void;
+};
+export {};

package/dist/components/chip/chip.d.ts

@@ -0,0 +1,96 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        start?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<string | number>;
+        default: undefined;
+    };
+    color: {
+        default: "default";
+        type: import('vue').PropType<import('../..').Color>;
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+    radius: {
+        default: "full";
+        type: import('vue').PropType<import('../..').Radius>;
+    };
+    variant: {
+        type: import('vue').PropType<import('../..').ChipVariant>;
+        default: "solid";
+    };
+    isClosable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (value: string | number | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<string | number>;
+        default: undefined;
+    };
+    color: {
+        default: "default";
+        type: import('vue').PropType<import('../..').Color>;
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+    radius: {
+        default: "full";
+        type: import('vue').PropType<import('../..').Radius>;
+    };
+    variant: {
+        type: import('vue').PropType<import('../..').ChipVariant>;
+        default: "solid";
+    };
+    isClosable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClose?: ((value: string | number | undefined) => any) | undefined;
+}>, {
+    variant: import('../..').ChipVariant;
+    color: import('../..').Color;
+    size: import('../..').Size;
+    radius: import('../..').Radius;
+    isDisabled: boolean;
+    value: string | number;
+    isClosable: boolean;
+}, {}, {}, {}, 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/chip/chip.props.d.ts

@@ -0,0 +1,35 @@
+import { PropType } from 'vue';
+export declare const chipProps: {
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    color: {
+        default: "default";
+        type: PropType<import('../..').Color>;
+    };
+    size: {
+        type: PropType<import('../..').Size>;
+        default: "md";
+    };
+    radius: {
+        default: "full";
+        type: PropType<import('../..').Radius>;
+    };
+    variant: {
+        type: PropType<import('../..').ChipVariant>;
+        default: "solid";
+    };
+    isClosable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};

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

@@ -0,0 +1,184 @@
+export declare const chipVariants: import('tailwind-variants').TVReturnType<{
+    color: {
+        default: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+        danger: {
+            base: string;
+        };
+        success: {
+            base: string;
+        };
+        warning: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {
+            base: string;
+        };
+        outline: {
+            base: string;
+        };
+    };
+    size: {
+        sm: {
+            base: string;
+            close: string;
+        };
+        md: {
+            base: string;
+            close: string;
+        };
+        lg: {
+            base: string;
+            close: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    label: string;
+    close: string;
+}, undefined, {
+    color: {
+        default: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+        danger: {
+            base: string;
+        };
+        success: {
+            base: string;
+        };
+        warning: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {
+            base: string;
+        };
+        outline: {
+            base: string;
+        };
+    };
+    size: {
+        sm: {
+            base: string;
+            close: string;
+        };
+        md: {
+            base: string;
+            close: string;
+        };
+        lg: {
+            base: string;
+            close: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    label: string;
+    close: string;
+}, import('tailwind-variants').TVReturnType<{
+    color: {
+        default: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+        danger: {
+            base: string;
+        };
+        success: {
+            base: string;
+        };
+        warning: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {
+            base: string;
+        };
+        outline: {
+            base: string;
+        };
+    };
+    size: {
+        sm: {
+            base: string;
+            close: string;
+        };
+        md: {
+            base: string;
+            close: string;
+        };
+        lg: {
+            base: string;
+            close: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    label: string;
+    close: string;
+}, undefined, unknown, unknown, undefined>>;

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

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

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

@@ -0,0 +1,16 @@
+import { codeBlockVariants } from './code-block.style';
+import { ComputedRef, ExtractPropTypes, Ref } from 'vue';
+import { codeBlockProps } from './code-block.props';
+type CodeBlockProps = ExtractPropTypes<typeof codeBlockProps>;
+type CodeBlockComposableReturn = {
+    classes: ComputedRef<ReturnType<typeof codeBlockVariants>>;
+    highlightedHtml: Ref<string>;
+    rawCode: ComputedRef<string>;
+    isCopied: Ref<boolean>;
+    lineCount: ComputedRef<number>;
+    languageDisplayName: ComputedRef<string>;
+    handleCopy: () => Promise<void>;
+};
+/** Composable for the CodeBlock component — manages highlighting, copy state, and classes */
+declare const useCodeBlock: (props: CodeBlockProps) => CodeBlockComposableReturn;
+export { useCodeBlock };

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

@@ -0,0 +1,105 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?: () => unknown;
+        header?: () => unknown;
+    }> & {
+        default?: () => unknown;
+        header?: () => unknown;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    code: {
+        type: StringConstructor;
+        default: string;
+    };
+    language: {
+        type: import('vue').PropType<import('../..').CodeBlockLanguage>;
+        default: "text";
+    };
+    lineNumbers: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlightedLines: {
+        type: import('vue').PropType<number[]>;
+        default: () => never[];
+    };
+    showCopyButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showLanguageBadge: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    theme: {
+        type: import('vue').PropType<import('shiki').BundledTheme>;
+        default: undefined;
+    };
+    radius: {
+        type: import('vue').PropType<import('../..').Radius>;
+        default: "md";
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    code: {
+        type: StringConstructor;
+        default: string;
+    };
+    language: {
+        type: import('vue').PropType<import('../..').CodeBlockLanguage>;
+        default: "text";
+    };
+    lineNumbers: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlightedLines: {
+        type: import('vue').PropType<number[]>;
+        default: () => never[];
+    };
+    showCopyButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showLanguageBadge: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    theme: {
+        type: import('vue').PropType<import('shiki').BundledTheme>;
+        default: undefined;
+    };
+    radius: {
+        type: import('vue').PropType<import('../..').Radius>;
+        default: "md";
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+}>> & Readonly<{}>, {
+    size: import('../..').Size;
+    radius: import('../..').Radius;
+    code: string;
+    theme: import('shiki').BundledTheme;
+    lineNumbers: boolean;
+    language: import('../..').CodeBlockLanguage;
+    highlightedLines: number[];
+    showCopyButton: boolean;
+    showLanguageBadge: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/code-block/code-block.props.d.ts

@@ -0,0 +1,51 @@
+import { BundledTheme } from 'shiki';
+import { PropType } from 'vue';
+import { CodeBlockLanguage } from '../../types/common';
+/** Runtime props for the CodeBlock component */
+export declare const codeBlockProps: {
+    /** Code string to highlight (primary input) */
+    code: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Language for syntax highlighting */
+    language: {
+        type: PropType<CodeBlockLanguage>;
+        default: "text";
+    };
+    /** Show line number gutter */
+    lineNumbers: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Lines to visually emphasize (out-of-range values ignored) */
+    highlightedLines: {
+        type: PropType<number[]>;
+        default: () => never[];
+    };
+    /** Show copy-to-clipboard button */
+    showCopyButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Show language label in header */
+    showLanguageBadge: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Override Jasmine theme with any Shiki bundled theme */
+    theme: {
+        type: PropType<BundledTheme>;
+        default: undefined;
+    };
+    /** Border radius */
+    radius: {
+        type: PropType<import('../../types/common').Radius>;
+        default: "md";
+    };
+    /** Controls font size and padding */
+    size: {
+        type: PropType<import('../../types/common').Size>;
+        default: "md";
+    };
+};