@expcat/tigercat-vue 2.0.4 → 2.1.0

package/dist/components/ImageCompare.d.mts

@@ -0,0 +1,284 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { ImageFit, ImageCompareOrientation } from '@expcat/tigercat-core';
+
+interface VueImageCompareProps {
+    beforeSrc?: string;
+    afterSrc?: string;
+    beforeAlt?: string;
+    afterAlt?: string;
+    fit?: ImageFit;
+    position?: number;
+    defaultPosition?: number;
+    orientation?: ImageCompareOrientation;
+    step?: number;
+    disabled?: boolean;
+    width?: number | string;
+    height?: number | string;
+    ariaLabel?: string;
+    className?: string;
+    style?: Record<string, unknown>;
+}
+declare const ImageCompare: vue.DefineComponent<vue.ExtractPropTypes<{
+    /**
+     * Before (starting) image URL. The `before` slot takes precedence when provided.
+     */
+    beforeSrc: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * After (ending) image URL. The `after` slot takes precedence when provided.
+     */
+    afterSrc: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Alternative text for the before image
+     * @default ''
+     */
+    beforeAlt: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Alternative text for the after image
+     * @default ''
+     */
+    afterAlt: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Object-fit applied to the before/after `<img>` elements
+     * @default 'cover'
+     */
+    fit: {
+        type: PropType<ImageFit>;
+        default: string;
+    };
+    /**
+     * Handle position as a percentage of the before image that is visible
+     * (controlled mode)
+     */
+    position: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * Initial handle position (uncontrolled mode)
+     * @default 50
+     */
+    defaultPosition: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * Comparison axis
+     * @default 'horizontal'
+     */
+    orientation: {
+        type: PropType<ImageCompareOrientation>;
+        default: string;
+    };
+    /**
+     * Keyboard and pointer snap increment, in percentage points
+     * @default 1
+     */
+    step: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * Whether pointer and keyboard adjustment are disabled
+     * @default false
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Root width (CSS value). A number is treated as pixels.
+     */
+    width: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    /**
+     * Root height (CSS value). A number is treated as pixels.
+     */
+    height: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    /**
+     * Accessible name for the comparison handle
+     * @default 'Image comparison'
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Additional CSS classes
+     */
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Inline styles
+     */
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    /**
+     * Emitted when the handle position changes (for v-model:position)
+     */
+    'update:position': (value: number) => boolean;
+    /**
+     * Emitted when the handle position changes
+     */
+    change: (value: number) => boolean;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * Before (starting) image URL. The `before` slot takes precedence when provided.
+     */
+    beforeSrc: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * After (ending) image URL. The `after` slot takes precedence when provided.
+     */
+    afterSrc: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Alternative text for the before image
+     * @default ''
+     */
+    beforeAlt: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Alternative text for the after image
+     * @default ''
+     */
+    afterAlt: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Object-fit applied to the before/after `<img>` elements
+     * @default 'cover'
+     */
+    fit: {
+        type: PropType<ImageFit>;
+        default: string;
+    };
+    /**
+     * Handle position as a percentage of the before image that is visible
+     * (controlled mode)
+     */
+    position: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * Initial handle position (uncontrolled mode)
+     * @default 50
+     */
+    defaultPosition: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * Comparison axis
+     * @default 'horizontal'
+     */
+    orientation: {
+        type: PropType<ImageCompareOrientation>;
+        default: string;
+    };
+    /**
+     * Keyboard and pointer snap increment, in percentage points
+     * @default 1
+     */
+    step: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * Whether pointer and keyboard adjustment are disabled
+     * @default false
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Root width (CSS value). A number is treated as pixels.
+     */
+    width: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    /**
+     * Root height (CSS value). A number is treated as pixels.
+     */
+    height: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    /**
+     * Accessible name for the comparison handle
+     * @default 'Image comparison'
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Additional CSS classes
+     */
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Inline styles
+     */
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: ((value: number) => any) | undefined;
+    "onUpdate:position"?: ((value: number) => any) | undefined;
+}>, {
+    ariaLabel: string;
+    className: string;
+    style: Record<string, unknown>;
+    disabled: boolean;
+    step: number;
+    width: string | number;
+    height: string | number;
+    position: number;
+    orientation: ImageCompareOrientation;
+    fit: ImageFit;
+    beforeSrc: string;
+    afterSrc: string;
+    beforeAlt: string;
+    afterAlt: string;
+    defaultPosition: number;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { ImageCompare, type VueImageCompareProps, ImageCompare as default };

package/dist/components/ImageCompare.mjs

@@ -0,0 +1,8 @@
+import {
+  ImageCompare,
+  ImageCompare_default
+} from "../chunk-AY7CGLMO.mjs";
+export {
+  ImageCompare,
+  ImageCompare_default as default
+};

package/dist/components/Input.d.mts

@@ -260,9 +260,9 @@ declare const Input: vue.DefineComponent<vue.ExtractPropTypes<{
     clearable: boolean;
     readonly: boolean;
     autoFocus: boolean;
+    _shakeTrigger: number;
     showCount: boolean;
     showPassword: boolean;
-    _shakeTrigger: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { Input, type VueInputProps, Input as default };

package/dist/components/InputOTP.d.mts

@@ -0,0 +1,261 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { ComponentSize, InputStatus, InputOTPType } from '@expcat/tigercat-core';
+
+type VueInputOTPProps = InstanceType<typeof InputOTP>['$props'];
+declare const InputOTP: vue.DefineComponent<vue.ExtractPropTypes<{
+    /**
+     * Value (for v-model) — the joined characters
+     */
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Default value (for uncontrolled mode)
+     */
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Input size
+     * @default 'md'
+     */
+    size: {
+        type: PropType<ComponentSize>;
+        default: string;
+    };
+    /**
+     * Validation status
+     * @default 'default'
+     */
+    status: {
+        type: PropType<InputStatus>;
+        default: string;
+    };
+    /**
+     * Error message to display
+     */
+    errorMessage: StringConstructor;
+    /**
+     * Number of character slots
+     * @default 6
+     */
+    length: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Allowed character set
+     * @default 'numeric'
+     */
+    type: {
+        type: PropType<InputOTPType>;
+        default: string;
+    };
+    /**
+     * Per-character validation regex; overrides `type` filtering
+     */
+    pattern: {
+        type: PropType<RegExp>;
+        default: undefined;
+    };
+    /**
+     * Hide entered characters (renders maskChar instead)
+     */
+    masked: BooleanConstructor;
+    /**
+     * Character shown per filled slot when masked
+     * @default '•'
+     */
+    maskChar: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Visual slot grouping, e.g. [3, 3]
+     */
+    groups: {
+        type: PropType<number[]>;
+        default: undefined;
+    };
+    /**
+     * Separator rendered between groups
+     * @default '-'
+     */
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Whether the input is disabled */
+    disabled: BooleanConstructor;
+    /** Whether the input is readonly */
+    readonly: BooleanConstructor;
+    /** Whether to autofocus the first empty slot on mount */
+    autoFocus: BooleanConstructor;
+    /** Name for the hidden input carrying the joined value */
+    name: StringConstructor;
+    /** Id attribute applied to the group element */
+    id: StringConstructor;
+    /** Accessible label for the slot group */
+    ariaLabel: StringConstructor;
+    /**
+     * Internal shake trigger counter (used by FormItem)
+     * @internal
+     */
+    _shakeTrigger: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /** Additional CSS classes */
+    className: StringConstructor;
+    /** Inline styles */
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': null;
+    complete: null;
+    focus: null;
+    blur: null;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * Value (for v-model) — the joined characters
+     */
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Default value (for uncontrolled mode)
+     */
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Input size
+     * @default 'md'
+     */
+    size: {
+        type: PropType<ComponentSize>;
+        default: string;
+    };
+    /**
+     * Validation status
+     * @default 'default'
+     */
+    status: {
+        type: PropType<InputStatus>;
+        default: string;
+    };
+    /**
+     * Error message to display
+     */
+    errorMessage: StringConstructor;
+    /**
+     * Number of character slots
+     * @default 6
+     */
+    length: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Allowed character set
+     * @default 'numeric'
+     */
+    type: {
+        type: PropType<InputOTPType>;
+        default: string;
+    };
+    /**
+     * Per-character validation regex; overrides `type` filtering
+     */
+    pattern: {
+        type: PropType<RegExp>;
+        default: undefined;
+    };
+    /**
+     * Hide entered characters (renders maskChar instead)
+     */
+    masked: BooleanConstructor;
+    /**
+     * Character shown per filled slot when masked
+     * @default '•'
+     */
+    maskChar: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Visual slot grouping, e.g. [3, 3]
+     */
+    groups: {
+        type: PropType<number[]>;
+        default: undefined;
+    };
+    /**
+     * Separator rendered between groups
+     * @default '-'
+     */
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Whether the input is disabled */
+    disabled: BooleanConstructor;
+    /** Whether the input is readonly */
+    readonly: BooleanConstructor;
+    /** Whether to autofocus the first empty slot on mount */
+    autoFocus: BooleanConstructor;
+    /** Name for the hidden input carrying the joined value */
+    name: StringConstructor;
+    /** Id attribute applied to the group element */
+    id: StringConstructor;
+    /** Accessible label for the slot group */
+    ariaLabel: StringConstructor;
+    /**
+     * Internal shake trigger counter (used by FormItem)
+     * @internal
+     */
+    _shakeTrigger: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /** Additional CSS classes */
+    className: StringConstructor;
+    /** Inline styles */
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onComplete?: ((...args: any[]) => any) | undefined;
+}>, {
+    status: InputStatus;
+    length: number;
+    type: InputOTPType;
+    size: ComponentSize;
+    style: Record<string, string | number>;
+    disabled: boolean;
+    pattern: RegExp;
+    defaultValue: string;
+    modelValue: string;
+    separator: string;
+    readonly: boolean;
+    masked: boolean;
+    autoFocus: boolean;
+    maskChar: string;
+    groups: number[];
+    _shakeTrigger: number;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { InputOTP, type VueInputOTPProps, InputOTP as default };

package/dist/components/InputOTP.mjs

@@ -0,0 +1,11 @@
+import {
+  InputOTP,
+  InputOTP_default
+} from "../chunk-UUWPSRNV.mjs";
+import "../chunk-P2LZ2MR5.mjs";
+import "../chunk-UOJOJBEU.mjs";
+import "../chunk-TGXBCKOU.mjs";
+export {
+  InputOTP,
+  InputOTP_default as default
+};

package/dist/components/Kbd.d.mts

@@ -0,0 +1,118 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { KbdSize, KbdVariant } from '@expcat/tigercat-core';
+
+interface VueKbdProps {
+    keys?: string | string[];
+    separator?: string;
+    size?: KbdSize;
+    variant?: KbdVariant;
+    className?: string;
+    style?: Record<string, unknown>;
+}
+declare const Kbd: vue.DefineComponent<vue.ExtractPropTypes<{
+    /**
+     * One key or a combo list. A string is a single key; an array is joined
+     * with `separator`. Combine with the default slot to append a final key.
+     */
+    keys: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    /**
+     * Separator between combo keys
+     * @default '+'
+     */
+    separator: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Visual size
+     * @default 'md'
+     */
+    size: {
+        type: PropType<KbdSize>;
+        default: string;
+    };
+    /**
+     * Visual variant. `default` reuses Tag default chrome; `subtle` is quieter.
+     * @default 'default'
+     */
+    variant: {
+        type: PropType<KbdVariant>;
+        default: string;
+    };
+    /**
+     * Additional CSS classes
+     */
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Inline styles
+     */
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * One key or a combo list. A string is a single key; an array is joined
+     * with `separator`. Combine with the default slot to append a final key.
+     */
+    keys: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    /**
+     * Separator between combo keys
+     * @default '+'
+     */
+    separator: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Visual size
+     * @default 'md'
+     */
+    size: {
+        type: PropType<KbdSize>;
+        default: string;
+    };
+    /**
+     * Visual variant. `default` reuses Tag default chrome; `subtle` is quieter.
+     * @default 'default'
+     */
+    variant: {
+        type: PropType<KbdVariant>;
+        default: string;
+    };
+    /**
+     * Additional CSS classes
+     */
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Inline styles
+     */
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    keys: string | string[];
+    size: KbdSize;
+    className: string;
+    style: Record<string, unknown>;
+    variant: KbdVariant;
+    separator: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { Kbd, type VueKbdProps, Kbd as default };

package/dist/components/Kbd.mjs

@@ -0,0 +1,8 @@
+import {
+  Kbd,
+  Kbd_default
+} from "../chunk-AECXFT7D.mjs";
+export {
+  Kbd,
+  Kbd_default as default
+};