@expcat/tigercat-vue 2.1.2 → 2.1.3

package/dist/components/Checkbox.d.mts

@@ -1,133 +1,82 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { ComponentSize } from '@expcat/tigercat-core';
+import { ComponentSize, InputStatus } from '@expcat/tigercat-core';
 
 interface VueCheckboxProps {
-    modelValue?: boolean | null;
+    modelValue?: boolean;
     value?: string | number | boolean;
     size?: ComponentSize;
     disabled?: boolean;
     indeterminate?: boolean;
     defaultValue?: boolean;
+    status?: InputStatus;
     className?: string;
     style?: Record<string, string | number>;
 }
 declare const Checkbox: vue.DefineComponent<vue.ExtractPropTypes<{
-    /**
-     * Checkbox value in controlled mode (v-model)
-     */
     modelValue: {
-        type: PropType<boolean | null>;
-        default: null;
+        type: PropType<boolean | undefined>;
+        default: undefined;
     };
-    /**
-     * Checkbox value (for use in checkbox groups)
-     */
     value: {
         type: PropType<string | number | boolean>;
     };
-    /**
-     * Checkbox size
-     */
     size: {
         type: PropType<ComponentSize>;
     };
-    /**
-     * Whether the checkbox is disabled
-     */
     disabled: {
         type: BooleanConstructor;
     };
-    /**
-     * Whether the checkbox is in indeterminate state
-     * @default false
-     */
     indeterminate: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Default checked state (uncontrolled mode)
-     * @default false
-     */
     defaultValue: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Additional CSS classes (applied to root element)
-     */
+    status: {
+        type: PropType<InputStatus>;
+    };
     className: {
         type: StringConstructor;
     };
-    /**
-     * Inline styles (applied to root element)
-     */
     style: {
         type: PropType<Record<string, string | number>>;
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    /**
-     * Emitted when checked state changes (for v-model)
-     */
     'update:modelValue': (value: boolean) => boolean;
-    /**
-     * Emitted when checked state changes
-     */
     change: (value: boolean, event: Event) => boolean;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    /**
-     * Checkbox value in controlled mode (v-model)
-     */
     modelValue: {
-        type: PropType<boolean | null>;
-        default: null;
+        type: PropType<boolean | undefined>;
+        default: undefined;
     };
-    /**
-     * Checkbox value (for use in checkbox groups)
-     */
     value: {
         type: PropType<string | number | boolean>;
     };
-    /**
-     * Checkbox size
-     */
     size: {
         type: PropType<ComponentSize>;
     };
-    /**
-     * Whether the checkbox is disabled
-     */
     disabled: {
         type: BooleanConstructor;
     };
-    /**
-     * Whether the checkbox is in indeterminate state
-     * @default false
-     */
     indeterminate: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Default checked state (uncontrolled mode)
-     * @default false
-     */
     defaultValue: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Additional CSS classes (applied to root element)
-     */
+    status: {
+        type: PropType<InputStatus>;
+    };
     className: {
         type: StringConstructor;
     };
-    /**
-     * Inline styles (applied to root element)
-     */
     style: {
         type: PropType<Record<string, string | number>>;
     };
@@ -136,7 +85,7 @@ declare const Checkbox: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     disabled: boolean;
-    modelValue: boolean | null;
+    modelValue: boolean | undefined;
     defaultValue: boolean;
     indeterminate: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/Checkbox.mjs

@@ -1,8 +1,9 @@
 import {
   Checkbox,
   Checkbox_default
-} from "../chunk-MYKKKVGK.mjs";
-import "../chunk-P3VAY2IQ.mjs";
+} from "../chunk-V5BSH3EF.mjs";
+import "../chunk-36CRSIXF.mjs";
+import "../chunk-P2LZ2MR5.mjs";
 export {
   Checkbox,
   Checkbox_default as default

package/dist/components/CheckboxGroup.d.mts

@@ -1,6 +1,6 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { CheckboxGroupValue, ComponentSize } from '@expcat/tigercat-core';
+import { CheckboxGroupValue, ComponentSize, ChoiceGroupDirection, InputStatus } from '@expcat/tigercat-core';
 
 declare const CheckboxGroupKey: unique symbol;
 interface CheckboxGroupContext {
@@ -14,103 +14,71 @@ interface VueCheckboxGroupProps {
     defaultValue?: CheckboxGroupValue;
     disabled?: boolean;
     size?: ComponentSize;
+    direction?: ChoiceGroupDirection;
+    status?: InputStatus;
     className?: string;
     style?: Record<string, string | number>;
 }
 declare const CheckboxGroup: vue.DefineComponent<vue.ExtractPropTypes<{
-    /**
-     * Selected values (v-model)
-     */
     modelValue: {
         type: PropType<CheckboxGroupValue>;
     };
-    /**
-     * Default selected values (uncontrolled mode)
-     * @default []
-     */
     defaultValue: {
         type: PropType<CheckboxGroupValue>;
         default: () => never[];
     };
-    /**
-     * Whether all checkboxes are disabled
-     * @default false
-     */
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Checkbox size for all checkboxes
-     * @default 'md'
-     */
     size: {
         type: PropType<ComponentSize>;
         default: ComponentSize;
     };
-    /**
-     * Additional CSS classes
-     */
+    direction: {
+        type: PropType<ChoiceGroupDirection>;
+        default: ChoiceGroupDirection;
+    };
+    status: {
+        type: PropType<InputStatus>;
+    };
     className: {
         type: StringConstructor;
     };
-    /**
-     * Inline styles
-     */
     style: {
         type: PropType<Record<string, string | number>>;
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    /**
-     * Emitted when selected values change (for v-model)
-     */
     'update:modelValue': (value: CheckboxGroupValue) => boolean;
-    /**
-     * Emitted when selected values change
-     */
     change: (value: CheckboxGroupValue) => boolean;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    /**
-     * Selected values (v-model)
-     */
     modelValue: {
         type: PropType<CheckboxGroupValue>;
     };
-    /**
-     * Default selected values (uncontrolled mode)
-     * @default []
-     */
     defaultValue: {
         type: PropType<CheckboxGroupValue>;
         default: () => never[];
     };
-    /**
-     * Whether all checkboxes are disabled
-     * @default false
-     */
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Checkbox size for all checkboxes
-     * @default 'md'
-     */
     size: {
         type: PropType<ComponentSize>;
         default: ComponentSize;
     };
-    /**
-     * Additional CSS classes
-     */
+    direction: {
+        type: PropType<ChoiceGroupDirection>;
+        default: ChoiceGroupDirection;
+    };
+    status: {
+        type: PropType<InputStatus>;
+    };
     className: {
         type: StringConstructor;
     };
-    /**
-     * Inline styles
-     */
     style: {
         type: PropType<Record<string, string | number>>;
     };
@@ -118,6 +86,7 @@ declare const CheckboxGroup: vue.DefineComponent<vue.ExtractPropTypes<{
     onChange?: ((value: CheckboxGroupValue) => any) | undefined;
     "onUpdate:modelValue"?: ((value: CheckboxGroupValue) => any) | undefined;
 }>, {
+    direction: ChoiceGroupDirection;
     size: ComponentSize;
     disabled: boolean;
     defaultValue: CheckboxGroupValue;

package/dist/components/CheckboxGroup.mjs

@@ -2,7 +2,8 @@ import {
   CheckboxGroup,
   CheckboxGroupKey,
   CheckboxGroup_default
-} from "../chunk-P3VAY2IQ.mjs";
+} from "../chunk-36CRSIXF.mjs";
+import "../chunk-P2LZ2MR5.mjs";
 export {
   CheckboxGroup,
   CheckboxGroupKey,

package/dist/components/Code.d.mts

@@ -86,12 +86,12 @@ declare const Code: vue.DefineComponent<vue.ExtractPropTypes<{
     onCopy?: ((...args: any[]) => any) | undefined;
 }>, {
     locale: Partial<TigerLocale>;
+    style: Record<string, string | number>;
     labels: Partial<TigerLocaleCode>;
     copyLabel: string;
     copiedLabel: string;
     copyFailedLabel: string;
     className: string;
-    style: Record<string, string | number>;
     copyable: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/Code.mjs

@@ -1,9 +1,8 @@
 import {
   Code,
   Code_default
-} from "../chunk-QZRSFGZZ.mjs";
-import "../chunk-UOJOJBEU.mjs";
-import "../chunk-TGXBCKOU.mjs";
+} from "../chunk-35JLHFUT.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   Code,
   Code_default as default

package/dist/components/CodeEditor.d.mts

@@ -1,9 +1,9 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { CodeLanguage, CodeEditorTheme, CodeHighlighter } from '@expcat/tigercat-core';
+import { CodeLanguage, CodeEditorTheme, CodeHighlighter, TigerLocale, TigerLocaleCodeEditor } from '@expcat/tigercat-core';
 
 interface VueCodeEditorProps {
-    value?: string;
+    modelValue?: string;
     defaultValue?: string;
     language?: CodeLanguage;
     theme?: CodeEditorTheme;
@@ -19,15 +19,18 @@ interface VueCodeEditorProps {
     className?: string;
     style?: Record<string, string | number>;
     /**
-     * Optional pluggable highlighter (PR-17). When provided the built-in
-     * regex tokenizer is bypassed and the engine renders raw HTML for
-     * each line (or whole block via `highlightCode`). Output is treated
-     * as TRUSTED HTML — sanitise inside the engine if needed.
+     * Optional pluggable highlighter. Output is TRUSTED HTML — sanitise
+     * inside the engine if the source is untrusted.
      */
     highlighter?: CodeHighlighter;
+    locale?: Partial<TigerLocale>;
+    labels?: Partial<TigerLocaleCodeEditor>;
+    ariaLabel?: string;
+    name?: string;
+    id?: string;
 }
 declare const CodeEditor: vue.DefineComponent<vue.ExtractPropTypes<{
-    value: {
+    modelValue: {
         type: StringConstructor;
         default: undefined;
     };
@@ -91,10 +94,30 @@ declare const CodeEditor: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<CodeHighlighter>;
         default: undefined;
     };
+    locale: {
+        type: PropType<Partial<TigerLocale>>;
+        default: undefined;
+    };
+    labels: {
+        type: PropType<Partial<TigerLocaleCodeEditor>>;
+        default: undefined;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "update:value")[], "change" | "update:value", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    value: {
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    modelValue: {
         type: StringConstructor;
         default: undefined;
     };
@@ -158,25 +181,50 @@ declare const CodeEditor: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<CodeHighlighter>;
         default: undefined;
     };
+    locale: {
+        type: PropType<Partial<TigerLocale>>;
+        default: undefined;
+    };
+    labels: {
+        type: PropType<Partial<TigerLocaleCodeEditor>>;
+        default: undefined;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+    locale: Partial<TigerLocale>;
     theme: CodeEditorTheme;
+    name: string;
+    style: Record<string, string | number>;
+    ariaLabel: string;
+    labels: Partial<TigerLocaleCodeEditor>;
     placeholder: string;
-    value: string;
     className: string;
-    style: Record<string, string | number>;
     disabled: boolean;
+    id: string;
+    modelValue: string;
     defaultValue: string;
-    language: CodeLanguage;
+    maxLines: number;
+    tabSize: number;
+    wordWrap: boolean;
     readOnly: boolean;
+    language: CodeLanguage;
     lineNumbers: boolean;
     highlightActiveLine: boolean;
-    tabSize: number;
-    wordWrap: boolean;
     minLines: number;
-    maxLines: number;
     highlighter: CodeHighlighter;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/CodeEditor.mjs

@@ -1,7 +1,9 @@
 import {
   CodeEditor,
   CodeEditor_default
-} from "../chunk-TPESRDUG.mjs";
+} from "../chunk-VCXYK54V.mjs";
+import "../chunk-P2LZ2MR5.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   CodeEditor,
   CodeEditor_default as default

package/dist/components/Col.d.mts

@@ -3,49 +3,51 @@ import { PropType } from 'vue';
 import { ColSpan, Breakpoint, ColProps } from '@expcat/tigercat-core';
 
 interface VueColProps extends ColProps {
+    className?: string;
 }
 declare const Col: vue.DefineComponent<vue.ExtractPropTypes<{
-    /** Column span (1-24) or responsive object @default 24 */
     span: {
         type: PropType<ColSpan>;
         default: number;
     };
-    /** Column offset (0-24) or responsive object @default 0 */
     offset: {
         type: PropType<number | Partial<Record<Breakpoint, number>>>;
         default: number;
     };
-    /** Column order or responsive object */
     order: {
         type: PropType<number | Partial<Record<Breakpoint, number>>>;
     };
-    /** Flex layout style */
     flex: {
         type: PropType<string | number>;
     };
+    className: {
+        type: PropType<string>;
+        default: undefined;
+    };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    /** Column span (1-24) or responsive object @default 24 */
     span: {
         type: PropType<ColSpan>;
         default: number;
     };
-    /** Column offset (0-24) or responsive object @default 0 */
     offset: {
         type: PropType<number | Partial<Record<Breakpoint, number>>>;
         default: number;
     };
-    /** Column order or responsive object */
     order: {
         type: PropType<number | Partial<Record<Breakpoint, number>>>;
     };
-    /** Flex layout style */
     flex: {
         type: PropType<string | number>;
     };
+    className: {
+        type: PropType<string>;
+        default: undefined;
+    };
 }>> & Readonly<{}>, {
     span: ColSpan;
+    className: string;
     offset: number | Partial<Record<Breakpoint, number>>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/Col.mjs

@@ -1,7 +1,6 @@
 import {
   Col
-} from "../chunk-UNTTADHL.mjs";
-import "../chunk-M3G6LJKZ.mjs";
+} from "../chunk-IX3VRRYB.mjs";
 export {
   Col
 };

package/dist/components/Collapse.d.mts

@@ -1,6 +1,6 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { ExpandIconPosition } from '@expcat/tigercat-core';
+import { ExpandIconPosition, CollapseHeaderRecord, CollapseHeaderFocusAction } from '@expcat/tigercat-core';
 
 declare const CollapseContextKey: unique symbol;
 interface CollapseContext {
@@ -10,7 +10,11 @@ interface CollapseContext {
     bordered: boolean;
     ghost: boolean;
     handlePanelClick: (key: string | number) => void;
+    registerHeader: (record: CollapseHeaderRecord) => void;
+    unregisterHeader: (key: string) => void;
+    moveHeaderFocus: (currentKey: string, action: CollapseHeaderFocusAction) => void;
 }
+declare function useCollapseContext(): CollapseContext | undefined;
 interface VueCollapseProps {
     activeKey?: string | number | (string | number)[];
     defaultActiveKey?: string | number | (string | number)[];
@@ -21,9 +25,11 @@ interface VueCollapseProps {
     className?: string;
     style?: Record<string, string | number>;
 }
+type CollapseProps = VueCollapseProps;
 declare const Collapse: vue.DefineComponent<vue.ExtractPropTypes<{
     /**
-     * Currently active panel keys (controlled mode)
+     * Currently active panel keys (controlled mode).
+     * Empty `[]` is a controlled all-closed state.
      */
     activeKey: {
         type: PropType<string | number | (string | number)[]>;
@@ -37,7 +43,8 @@ declare const Collapse: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
     /**
-     * Accordion mode - only one panel can be expanded at a time
+     * Accordion mode — only one panel. Extra keys are dropped (last wins).
+     * `update:activeKey` / `change` always emit an array.
      * @default false
      */
     accordion: {
@@ -86,7 +93,8 @@ declare const Collapse: vue.DefineComponent<vue.ExtractPropTypes<{
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "update:activeKey")[], "change" | "update:activeKey", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /**
-     * Currently active panel keys (controlled mode)
+     * Currently active panel keys (controlled mode).
+     * Empty `[]` is a controlled all-closed state.
      */
     activeKey: {
         type: PropType<string | number | (string | number)[]>;
@@ -100,7 +108,8 @@ declare const Collapse: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
     /**
-     * Accordion mode - only one panel can be expanded at a time
+     * Accordion mode — only one panel. Extra keys are dropped (last wins).
+     * `update:activeKey` / `change` always emit an array.
      * @default false
      */
     accordion: {
@@ -149,14 +158,14 @@ declare const Collapse: vue.DefineComponent<vue.ExtractPropTypes<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:activeKey"?: ((...args: any[]) => any) | undefined;
 }>, {
-    className: string;
     style: Record<string, string | number>;
+    className: string;
     ghost: boolean;
     bordered: boolean;
-    expandIconPosition: ExpandIconPosition;
     activeKey: string | number | (string | number)[];
     defaultActiveKey: string | number | (string | number)[];
     accordion: boolean;
+    expandIconPosition: ExpandIconPosition;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { Collapse, type CollapseContext, CollapseContextKey, type VueCollapseProps, Collapse as default };
+export { Collapse, type CollapseContext, CollapseContextKey, type CollapseProps, type VueCollapseProps, Collapse as default, useCollapseContext };

package/dist/components/Collapse.mjs

@@ -1,10 +1,12 @@
 import {
   Collapse,
   CollapseContextKey,
-  Collapse_default
-} from "../chunk-WE4DGU2T.mjs";
+  Collapse_default,
+  useCollapseContext
+} from "../chunk-63QGROKA.mjs";
 export {
   Collapse,
   CollapseContextKey,
-  Collapse_default as default
+  Collapse_default as default,
+  useCollapseContext
 };