@uzum-tech/ui 1.13.0 → 1.13.2

package/es/icon-bar/src/interface.d.ts

@@ -0,0 +1,112 @@
+import { ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNodeChild } from 'vue';
+import { GridProps } from '../../grid';
+import { TextProps } from '../../typography';
+export declare const iconBarInjectionKey: InjectionKey<{
+    typographyPropsRef: Ref<Partial<TextProps> | undefined>;
+}>;
+export declare const iconBarItemProps: {
+    readonly label: StringConstructor;
+    readonly icon: PropType<() => VNodeChild>;
+    readonly iconSize: PropType<number | string>;
+    readonly span: PropType<number | string>;
+    readonly typographyProps: {
+        readonly type: PropType<Partial<TextProps>>;
+    };
+    readonly theme: PropType<import("../../_mixins").Theme<"IconBar", {
+        itemSize: string;
+        color: string;
+        colorHover: string;
+        itemGap: string;
+        iconSize: string;
+        labelColor: string;
+        labelSizeHover: string;
+        labelColorHover: string;
+        boxShadow: string;
+        span: number;
+        cols: number;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
+        itemSize: string;
+        color: string;
+        colorHover: string;
+        itemGap: string;
+        iconSize: string;
+        labelColor: string;
+        labelSizeHover: string;
+        labelColorHover: string;
+        boxShadow: string;
+        span: number;
+        cols: number;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
+        itemSize: string;
+        color: string;
+        colorHover: string;
+        itemGap: string;
+        iconSize: string;
+        labelColor: string;
+        labelSizeHover: string;
+        labelColorHover: string;
+        boxShadow: string;
+        span: number;
+        cols: number;
+    }, any>>>;
+};
+export declare const iconBarProps: {
+    readonly items: {
+        readonly type: PropType<IconBarItemProps[]>;
+        readonly default: () => never[];
+    };
+    readonly cols: {
+        readonly type: NumberConstructor;
+        readonly default: 6;
+    };
+    readonly gridProps: {
+        readonly type: PropType<Partial<GridProps>>;
+    };
+    readonly typographyProps: {
+        readonly type: PropType<Partial<TextProps>>;
+    };
+    readonly itemSize: PropType<number | string>;
+    readonly theme: PropType<import("../../_mixins").Theme<"IconBar", {
+        itemSize: string;
+        color: string;
+        colorHover: string;
+        itemGap: string;
+        iconSize: string;
+        labelColor: string;
+        labelSizeHover: string;
+        labelColorHover: string;
+        boxShadow: string;
+        span: number;
+        cols: number;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
+        itemSize: string;
+        color: string;
+        colorHover: string;
+        itemGap: string;
+        iconSize: string;
+        labelColor: string;
+        labelSizeHover: string;
+        labelColorHover: string;
+        boxShadow: string;
+        span: number;
+        cols: number;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"IconBar", {
+        itemSize: string;
+        color: string;
+        colorHover: string;
+        itemGap: string;
+        iconSize: string;
+        labelColor: string;
+        labelSizeHover: string;
+        labelColorHover: string;
+        boxShadow: string;
+        span: number;
+        cols: number;
+    }, any>>>;
+};
+export type IconBarItemProps = ExtractPublicPropTypes<typeof iconBarItemProps>;
+export type IconBarProps = ExtractPublicPropTypes<typeof iconBarProps>;

package/es/icon-bar/src/interface.js

@@ -0,0 +1,17 @@
+import { createInjectionKey } from '../../_utils';
+import { useTheme } from '../../_mixins';
+export const iconBarInjectionKey = createInjectionKey('icon-bar');
+export const iconBarItemProps = Object.assign(Object.assign({}, useTheme.props), { label: String, icon: Function, iconSize: [Number, String], span: [Number, String], typographyProps: {
+        type: Object
+    } });
+export const iconBarProps = Object.assign(Object.assign({}, useTheme.props), { items: {
+        type: Array,
+        default: () => []
+    }, cols: {
+        type: Number,
+        default: 6
+    }, gridProps: {
+        type: Object
+    }, typographyProps: {
+        type: Object
+    }, itemSize: [Number, String] });

package/es/popconfirm/src/Popconfirm.d.ts

@@ -2716,6 +2716,7 @@ declare const _default: import("vue").DefineComponent<{
     show: boolean | undefined;
     showArrow: boolean;
     trigger: PopoverTrigger;
+    arrow: boolean | undefined;
     displayDirective: "show" | "if";
     defaultShow: boolean;
     animated: boolean;
@@ -2731,6 +2732,5 @@ declare const _default: import("vue").DefineComponent<{
     internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];
     internalTrapFocus: boolean;
     internalExtraClass: string[];
-    arrow: boolean | undefined;
 }, {}>;
 export default _default;

package/es/popover/src/Popover.d.ts

@@ -528,6 +528,7 @@ declare const _default: import("vue").DefineComponent<{
     show: boolean | undefined;
     showArrow: boolean;
     trigger: PopoverTrigger;
+    arrow: boolean | undefined;
     displayDirective: "show" | "if";
     defaultShow: boolean;
     animated: boolean;
@@ -543,6 +544,5 @@ declare const _default: import("vue").DefineComponent<{
     internalInheritedEventHandlers: TriggerEventHandlers[];
     internalTrapFocus: boolean;
     internalExtraClass: string[];
-    arrow: boolean | undefined;
 }, {}>;
 export default _default;

package/es/qr-code/src/QrCode.d.ts

@@ -164,8 +164,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly size: number;
     readonly padding: string | number;
     readonly backgroundColor: string;
-    readonly iconBackgroundColor: string;
     readonly iconBorderRadius: number;
+    readonly iconBackgroundColor: string;
     readonly errorCorrectionLevel: "Q" | "H" | "L" | "M";
 }, {}>;
 export default _default;

package/es/tooltip/src/Tooltip.d.ts

@@ -636,6 +636,7 @@ declare const _default: import("vue").DefineComponent<{
     show: boolean | undefined;
     showArrow: boolean;
     trigger: import("../../popover").PopoverTrigger;
+    arrow: boolean | undefined;
     displayDirective: "show" | "if";
     defaultShow: boolean;
     animated: boolean;
@@ -651,6 +652,5 @@ declare const _default: import("vue").DefineComponent<{
     internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];
     internalTrapFocus: boolean;
     internalExtraClass: string[];
-    arrow: boolean | undefined;
 }, {}>;
 export default _default;

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.13.0";
+declare const _default: "1.13.2";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '1.13.0';
+export default '1.13.2';

package/lib/collapse/index.d.ts

@@ -1,4 +1,5 @@
-export { default as UCollapse, collapseProps } from './src/Collapse';
-export { default as UCollapseItem, collapseItemProps } from './src/CollapseItem';
-export type { CollapseProps } from './src/Collapse';
-export type { CollapseItemProps } from './src/CollapseItem';
+export { collapseProps } from './src/props/collapse.props';
+export { default as UCollapse } from './src/Collapse';
+export { collapseItemProps } from './src/props/collapseItem.props';
+export { default as UCollapseItem } from './src/CollapseItem';
+export type { CollapseProps, CollapseSlots, CollapseItemProps, CollapseItemSlots, ArrowPlacement, CollapseArrowSlotProps, CollapseExpandedName, CollapseExpandedNames, CollapseItemArrowSlotProps, CollapseItemHeaderExtraSlotProps, CollapseItemHeaderSlotProps, CollapseTriggerArea, HeaderClickInfo, OnItemHeaderClick, OnItemHeaderClickImpl, OnUpdateExpandedNames, OnUpdateExpandedNamesImpl, UCollapseInjection } from './src/interface';

package/lib/collapse/index.js

@@ -3,10 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.collapseItemProps = exports.UCollapseItem = exports.collapseProps = exports.UCollapse = void 0;
+exports.UCollapseItem = exports.collapseItemProps = exports.UCollapse = exports.collapseProps = void 0;
+var collapse_props_1 = require("./src/props/collapse.props");
+Object.defineProperty(exports, "collapseProps", { enumerable: true, get: function () { return collapse_props_1.collapseProps; } });
 var Collapse_1 = require("./src/Collapse");
 Object.defineProperty(exports, "UCollapse", { enumerable: true, get: function () { return __importDefault(Collapse_1).default; } });
-Object.defineProperty(exports, "collapseProps", { enumerable: true, get: function () { return Collapse_1.collapseProps; } });
+var collapseItem_props_1 = require("./src/props/collapseItem.props");
+Object.defineProperty(exports, "collapseItemProps", { enumerable: true, get: function () { return collapseItem_props_1.collapseItemProps; } });
 var CollapseItem_1 = require("./src/CollapseItem");
 Object.defineProperty(exports, "UCollapseItem", { enumerable: true, get: function () { return __importDefault(CollapseItem_1).default; } });
-Object.defineProperty(exports, "collapseItemProps", { enumerable: true, get: function () { return CollapseItem_1.collapseItemProps; } });

package/lib/collapse/src/Collapse.d.ts

@@ -1,107 +1,13 @@
-import { type PropType, type Ref, type ExtractPropTypes, type Slots } from 'vue';
-import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
-import type { OnItemHeaderClick, OnUpdateExpandedNames, ArrowPlacement } from './interface';
-export declare const collapseProps: {
-    readonly defaultExpandedNames: {
-        readonly type: PropType<string | number | Array<string | number> | null>;
-        readonly default: null;
-    };
-    readonly expandedNames: PropType<string | number | Array<string | number> | null>;
-    readonly arrowPlacement: {
-        readonly type: PropType<ArrowPlacement>;
-        readonly default: "right-edge";
-    };
-    readonly accordion: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly displayDirective: {
-        readonly type: PropType<"if" | "show">;
-        readonly default: "if";
-    };
-    readonly onItemHeaderClick: PropType<MaybeArray<OnItemHeaderClick>>;
-    readonly 'onUpdate:expandedNames': PropType<MaybeArray<OnUpdateExpandedNames>>;
-    readonly onUpdateExpandedNames: PropType<MaybeArray<OnUpdateExpandedNames>>;
-    readonly onExpandedNamesChange: {
-        readonly type: PropType<MaybeArray<OnUpdateExpandedNames> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
-    readonly theme: PropType<import("../../_mixins").Theme<"Collapse", {
-        titleFontSize: string;
-        titleLineHeight: string;
-        titleFontWeight: string;
-        dividerColor: string;
-        titleTextColor: string;
-        titleTextColorDisabled: string;
-        fontSize: string;
-        lineHeight: string;
-        textColor: string;
-        arrowSize: string;
-        arrowColor: string;
-        arrowColorDisabled: string;
-        titlePadding: string;
-        backgroundColor: string;
-        borderRadius: string;
-        padding: string;
-        boxSizing: string;
-    }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
-        titleFontSize: string;
-        titleLineHeight: string;
-        titleFontWeight: string;
-        dividerColor: string;
-        titleTextColor: string;
-        titleTextColorDisabled: string;
-        fontSize: string;
-        lineHeight: string;
-        textColor: string;
-        arrowSize: string;
-        arrowColor: string;
-        arrowColorDisabled: string;
-        titlePadding: string;
-        backgroundColor: string;
-        borderRadius: string;
-        padding: string;
-        boxSizing: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
-        titleFontSize: string;
-        titleLineHeight: string;
-        titleFontWeight: string;
-        dividerColor: string;
-        titleTextColor: string;
-        titleTextColorDisabled: string;
-        fontSize: string;
-        lineHeight: string;
-        textColor: string;
-        arrowSize: string;
-        arrowColor: string;
-        arrowColorDisabled: string;
-        titlePadding: string;
-        backgroundColor: string;
-        borderRadius: string;
-        padding: string;
-        boxSizing: string;
-    }, any>>>;
-};
-export type CollapseProps = ExtractPublicPropTypes<typeof collapseProps>;
-export interface UCollapseInjection {
-    props: ExtractPropTypes<typeof collapseProps>;
-    expandedNamesRef: Ref<string | number | Array<string | number> | null>;
-    mergedClsPrefixRef: Ref<string>;
-    slots: Slots;
-    toggleItem: (collapse: boolean, name: string | number, event: MouseEvent) => void;
-}
+import type { UCollapseInjection } from './types/collapse.types';
 export declare const collapseInjectionKey: import("vue").InjectionKey<UCollapseInjection>;
 declare const _default: import("vue").DefineComponent<{
     readonly defaultExpandedNames: {
-        readonly type: PropType<string | number | Array<string | number> | null>;
+        readonly type: import("vue").PropType<string | number | Array<string | number> | null>;
         readonly default: null;
     };
-    readonly expandedNames: PropType<string | number | Array<string | number> | null>;
+    readonly expandedNames: import("vue").PropType<string | number | Array<string | number> | null>;
     readonly arrowPlacement: {
-        readonly type: PropType<ArrowPlacement>;
+        readonly type: import("vue").PropType<import("./types/collapse.types").ArrowPlacement>;
         readonly default: "right-edge";
     };
     readonly accordion: {
@@ -109,18 +15,22 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: false;
     };
     readonly displayDirective: {
-        readonly type: PropType<"if" | "show">;
+        readonly type: import("vue").PropType<"if" | "show">;
         readonly default: "if";
     };
-    readonly onItemHeaderClick: PropType<MaybeArray<OnItemHeaderClick>>;
-    readonly 'onUpdate:expandedNames': PropType<MaybeArray<OnUpdateExpandedNames>>;
-    readonly onUpdateExpandedNames: PropType<MaybeArray<OnUpdateExpandedNames>>;
+    readonly triggerAreas: {
+        readonly type: import("vue").PropType<import("./types/collapse.types").CollapseTriggerArea[]>;
+        readonly default: () => string[];
+    };
+    readonly onItemHeaderClick: import("vue").PropType<import("../../_utils").MaybeArray<import("./types/collapse.types").OnItemHeaderClick>>;
+    readonly 'onUpdate:expandedNames': import("vue").PropType<import("../../_utils").MaybeArray<import("./types/collapse.types").OnUpdateExpandedNames>>;
+    readonly onUpdateExpandedNames: import("vue").PropType<import("../../_utils").MaybeArray<import("./types/collapse.types").OnUpdateExpandedNames>>;
     readonly onExpandedNamesChange: {
-        readonly type: PropType<MaybeArray<OnUpdateExpandedNames> | undefined>;
+        readonly type: import("vue").PropType<import("../../_utils").MaybeArray<import("./types/collapse.types").OnUpdateExpandedNames> | undefined>;
         readonly validator: () => boolean;
         readonly default: undefined;
     };
-    readonly theme: PropType<import("../../_mixins").Theme<"Collapse", {
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
         titleLineHeight: string;
         titleFontWeight: string;
@@ -138,8 +48,11 @@ declare const _default: import("vue").DefineComponent<{
         borderRadius: string;
         padding: string;
         boxSizing: string;
+        iconBorder: string;
+        iconBorderRadius: string;
+        iconBackground: string;
     }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
         titleLineHeight: string;
         titleFontWeight: string;
@@ -157,8 +70,11 @@ declare const _default: import("vue").DefineComponent<{
         borderRadius: string;
         padding: string;
         boxSizing: string;
+        iconBorder: string;
+        iconBorderRadius: string;
+        iconBackground: string;
     }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
         titleLineHeight: string;
         titleFontWeight: string;
@@ -176,9 +92,12 @@ declare const _default: import("vue").DefineComponent<{
         borderRadius: string;
         padding: string;
         boxSizing: string;
+        iconBorder: string;
+        iconBorderRadius: string;
+        iconBackground: string;
     }, any>>>;
 }, {
-    rtlEnabled: Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
+    rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     mergedTheme: import("vue").ComputedRef<{
         common: import("../..").ThemeCommonVars;
         self: {
@@ -199,13 +118,16 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             padding: string;
             boxSizing: string;
+            iconBorder: string;
+            iconBorderRadius: string;
+            iconBackground: string;
         };
         peers: any;
         peerOverrides: {
             [x: string]: any;
         };
     }>;
-    mergedClsPrefix: Ref<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     cssVars: import("vue").ComputedRef<{
         '--u-font-size': string;
         '--u-bezier': string;
@@ -225,17 +147,20 @@ declare const _default: import("vue").DefineComponent<{
         '--u-border-radius': string;
         '--u-padding': string;
         '--u-box-sizing': string;
+        '--u-icon-border': string;
+        '--u-icon-border-radius': string;
+        '--u-icon-background': string;
     }> | undefined;
-    themeClass: Ref<string> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly defaultExpandedNames: {
-        readonly type: PropType<string | number | Array<string | number> | null>;
+        readonly type: import("vue").PropType<string | number | Array<string | number> | null>;
         readonly default: null;
     };
-    readonly expandedNames: PropType<string | number | Array<string | number> | null>;
+    readonly expandedNames: import("vue").PropType<string | number | Array<string | number> | null>;
     readonly arrowPlacement: {
-        readonly type: PropType<ArrowPlacement>;
+        readonly type: import("vue").PropType<import("./types/collapse.types").ArrowPlacement>;
         readonly default: "right-edge";
     };
     readonly accordion: {
@@ -243,18 +168,22 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: false;
     };
     readonly displayDirective: {
-        readonly type: PropType<"if" | "show">;
+        readonly type: import("vue").PropType<"if" | "show">;
         readonly default: "if";
     };
-    readonly onItemHeaderClick: PropType<MaybeArray<OnItemHeaderClick>>;
-    readonly 'onUpdate:expandedNames': PropType<MaybeArray<OnUpdateExpandedNames>>;
-    readonly onUpdateExpandedNames: PropType<MaybeArray<OnUpdateExpandedNames>>;
+    readonly triggerAreas: {
+        readonly type: import("vue").PropType<import("./types/collapse.types").CollapseTriggerArea[]>;
+        readonly default: () => string[];
+    };
+    readonly onItemHeaderClick: import("vue").PropType<import("../../_utils").MaybeArray<import("./types/collapse.types").OnItemHeaderClick>>;
+    readonly 'onUpdate:expandedNames': import("vue").PropType<import("../../_utils").MaybeArray<import("./types/collapse.types").OnUpdateExpandedNames>>;
+    readonly onUpdateExpandedNames: import("vue").PropType<import("../../_utils").MaybeArray<import("./types/collapse.types").OnUpdateExpandedNames>>;
     readonly onExpandedNamesChange: {
-        readonly type: PropType<MaybeArray<OnUpdateExpandedNames> | undefined>;
+        readonly type: import("vue").PropType<import("../../_utils").MaybeArray<import("./types/collapse.types").OnUpdateExpandedNames> | undefined>;
         readonly validator: () => boolean;
         readonly default: undefined;
     };
-    readonly theme: PropType<import("../../_mixins").Theme<"Collapse", {
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
         titleLineHeight: string;
         titleFontWeight: string;
@@ -272,8 +201,11 @@ declare const _default: import("vue").DefineComponent<{
         borderRadius: string;
         padding: string;
         boxSizing: string;
+        iconBorder: string;
+        iconBorderRadius: string;
+        iconBackground: string;
     }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
         titleLineHeight: string;
         titleFontWeight: string;
@@ -291,8 +223,11 @@ declare const _default: import("vue").DefineComponent<{
         borderRadius: string;
         padding: string;
         boxSizing: string;
+        iconBorder: string;
+        iconBorderRadius: string;
+        iconBackground: string;
     }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
         titleLineHeight: string;
         titleFontWeight: string;
@@ -310,12 +245,16 @@ declare const _default: import("vue").DefineComponent<{
         borderRadius: string;
         padding: string;
         boxSizing: string;
+        iconBorder: string;
+        iconBorderRadius: string;
+        iconBackground: string;
     }, any>>>;
 }>>, {
     readonly defaultExpandedNames: string | number | (string | number)[] | null;
-    readonly arrowPlacement: ArrowPlacement;
+    readonly arrowPlacement: import("./types/collapse.types").ArrowPlacement;
     readonly accordion: boolean;
     readonly displayDirective: "show" | "if";
-    readonly onExpandedNamesChange: MaybeArray<OnUpdateExpandedNames> | undefined;
+    readonly triggerAreas: import("./types/collapse.types").CollapseTriggerArea[];
+    readonly onExpandedNamesChange: import("../../_utils").MaybeArray<import("./types/collapse.types").OnUpdateExpandedNames> | undefined;
 }, {}>;
 export default _default;

package/lib/collapse/src/Collapse.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.collapseInjectionKey = exports.collapseProps = void 0;
+exports.collapseInjectionKey = void 0;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const _mixins_1 = require("../../_mixins");
@@ -11,34 +11,11 @@ const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 const use_rtl_1 = require("../../_mixins/use-rtl");
-exports.collapseProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { defaultExpandedNames: {
-        type: [Array, String],
-        default: null
-    }, expandedNames: [Array, String], arrowPlacement: {
-        type: String,
-        default: 'right-edge'
-    }, accordion: {
-        type: Boolean,
-        default: false
-    }, displayDirective: {
-        type: String,
-        default: 'if'
-    }, onItemHeaderClick: [Function, Array], 'onUpdate:expandedNames': [Function, Array], onUpdateExpandedNames: [Function, Array], 
-    // deprecated
-    onExpandedNamesChange: {
-        type: [Function, Array],
-        validator: () => {
-            if (process.env.NODE_ENV !== 'production') {
-                (0, _utils_1.warn)('collapse', '`on-expanded-names-change` is deprecated, please use `on-update:expanded-names` instead.');
-            }
-            return true;
-        },
-        default: undefined
-    } });
+const collapse_props_1 = require("./props/collapse.props");
 exports.collapseInjectionKey = (0, _utils_1.createInjectionKey)('u-collapse');
 exports.default = (0, vue_1.defineComponent)({
     name: 'Collapse',
-    props: exports.collapseProps,
+    props: collapse_props_1.collapseProps,
     setup(props, { slots }) {
         const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
         const uncontrolledExpandedNamesRef = (0, vue_1.ref)(props.defaultExpandedNames);
@@ -107,7 +84,7 @@ exports.default = (0, vue_1.defineComponent)({
         });
         const rtlEnabledRef = (0, use_rtl_1.useRtl)('Collapse', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
-            const { common: { cubicBezierEaseInOut }, self: { titleFontWeight, dividerColor, titlePadding, titleTextColor, titleTextColorDisabled, textColor, arrowColor, fontSize, titleFontSize, arrowColorDisabled, lineHeight, titleLineHeight, arrowSize, backgroundColor, borderRadius, padding, boxSizing } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { titleFontWeight, dividerColor, titlePadding, titleTextColor, titleTextColorDisabled, textColor, arrowColor, fontSize, titleFontSize, arrowColorDisabled, lineHeight, titleLineHeight, arrowSize, backgroundColor, borderRadius, padding, boxSizing, iconBorder, iconBorderRadius, iconBackground } } = themeRef.value;
             return {
                 '--u-font-size': fontSize,
                 '--u-bezier': cubicBezierEaseInOut,
@@ -126,7 +103,10 @@ exports.default = (0, vue_1.defineComponent)({
                 '--u-background-color': backgroundColor,
                 '--u-border-radius': borderRadius,
                 '--u-padding': padding,
-                '--u-box-sizing': boxSizing
+                '--u-box-sizing': boxSizing,
+                '--u-icon-border': iconBorder,
+                '--u-icon-border-radius': iconBorderRadius,
+                '--u-icon-background': iconBackground
             };
         });
         const themeClassHandle = inlineThemeDisabled

package/lib/collapse/src/CollapseItem.d.ts

@@ -1,34 +1,24 @@
-import { type PropType } from 'vue';
-import type { ExtractPublicPropTypes } from '../../_utils';
-import { ArrowPlacement } from './interface';
-export declare const collapseItemProps: {
-    readonly title: StringConstructor;
-    readonly name: PropType<string | number>;
-    readonly disabled: BooleanConstructor;
-    readonly displayDirective: PropType<"if" | "show">;
-};
-export type CollapseItemProps = ExtractPublicPropTypes<typeof collapseItemProps>;
+import { ArrowPlacement, CollapseTriggerArea } from './types/collapse.types';
 declare const _default: import("vue").DefineComponent<{
     readonly title: StringConstructor;
-    readonly name: PropType<string | number>;
+    readonly name: import("vue").PropType<string | number>;
     readonly disabled: BooleanConstructor;
-    readonly displayDirective: PropType<"if" | "show">;
+    readonly displayDirective: import("vue").PropType<"if" | "show">;
 }, {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
-    collapseSlots: Readonly<{
-        [name: string]: import("vue").Slot<any> | undefined;
-    }>;
+    collapseSlots: import("./types/collapse.types").CollapseSlots;
     randomName: string;
     mergedClsPrefix: import("vue").Ref<string>;
     collapsed: import("vue").ComputedRef<boolean>;
+    triggerAreas: import("vue").Ref<CollapseTriggerArea[]>;
     mergedDisplayDirective: import("vue").ComputedRef<"show" | "if">;
     arrowPlacement: import("vue").ComputedRef<ArrowPlacement>;
-    handleClick(e: MouseEvent): void;
+    handleClick(event: MouseEvent): void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly title: StringConstructor;
-    readonly name: PropType<string | number>;
+    readonly name: import("vue").PropType<string | number>;
     readonly disabled: BooleanConstructor;
-    readonly displayDirective: PropType<"if" | "show">;
+    readonly displayDirective: import("vue").PropType<"if" | "show">;
 }>>, {
     readonly disabled: boolean;
 }, {}>;