@uzum-tech/ui 1.13.0 → 1.13.1

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;
 }, {}>;

package/lib/collapse/src/CollapseItem.js

@@ -3,7 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.collapseItemProps = void 0;
 const vue_1 = require("vue");
 const seemly_1 = require("seemly");
 const vooks_1 = require("vooks");
@@ -14,15 +13,10 @@ const _internal_1 = require("../../_internal");
 const _utils_1 = require("../../_utils");
 const Collapse_1 = require("./Collapse");
 const CollapseItemContent_1 = __importDefault(require("./CollapseItemContent"));
-exports.collapseItemProps = {
-    title: String,
-    name: [String, Number],
-    disabled: Boolean,
-    displayDirective: String
-};
+const collapseItem_props_1 = require("./props/collapseItem.props");
 exports.default = (0, vue_1.defineComponent)({
     name: 'CollapseItem',
-    props: exports.collapseItemProps,
+    props: collapseItem_props_1.collapseItemProps,
     setup(props) {
         const { mergedRtlRef } = (0, _mixins_1.useConfig)(props);
         const randomName = (0, seemly_1.createId)();
@@ -48,12 +42,26 @@ exports.default = (0, vue_1.defineComponent)({
             return true;
         });
         const rtlEnabledRef = (0, use_rtl_1.useRtl)('Collapse', mergedRtlRef, mergedClsPrefixRef);
+        function clickedOn(event, area) {
+            return (0, seemly_1.happensIn)(event, area);
+        }
+        function checkClickedPlace(event) {
+            let clickedPlace = 'main';
+            if (clickedOn(event, 'arrow')) {
+                clickedPlace = 'arrow';
+            }
+            if (clickedOn(event, 'extra')) {
+                clickedPlace = 'extra';
+            }
+            return clickedPlace;
+        }
         return {
             rtlEnabled: rtlEnabledRef,
             collapseSlots,
             randomName,
             mergedClsPrefix: mergedClsPrefixRef,
             collapsed: collapsedRef,
+            triggerAreas: (0, vue_1.toRef)(collapseProps, 'triggerAreas'),
             mergedDisplayDirective: (0, vue_1.computed)(() => {
                 const { displayDirective } = props;
                 if (displayDirective) {
@@ -66,41 +74,44 @@ exports.default = (0, vue_1.defineComponent)({
             arrowPlacement: (0, vue_1.computed)(() => {
                 return collapseProps.arrowPlacement;
             }),
-            handleClick(e) {
-                e.stopPropagation();
+            handleClick(event) {
+                const clickedPlace = checkClickedPlace(event);
+                if (!collapseProps.triggerAreas.includes(clickedPlace)) {
+                    return;
+                }
                 if (UCollapse && !props.disabled) {
-                    UCollapse.toggleItem(collapsedRef.value, mergedNameRef.value, e);
+                    UCollapse.toggleItem(collapsedRef.value, mergedNameRef.value, event);
                 }
             }
         };
     },
     render() {
-        const { collapseSlots, $slots, arrowPlacement, collapsed, mergedDisplayDirective, mergedClsPrefix, disabled } = this;
+        const { collapseSlots, $slots, arrowPlacement, collapsed, mergedDisplayDirective, mergedClsPrefix, disabled, triggerAreas } = this;
         const headerNode = (0, _utils_1.resolveSlotWithProps)($slots.header, { collapsed }, () => [this.title]);
         const headerExtraSlot = $slots['header-extra'] || collapseSlots['header-extra'];
         const arrowSlot = $slots.arrow || collapseSlots.arrow;
-        const arrowNode = ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-collapse-item-arrow`, key: this.rtlEnabled ? 0 : 1 }, (0, _utils_1.resolveSlotWithProps)(arrowSlot, { collapsed }, () => {
-            var _a;
-            return [
-                (0, vue_1.h)(_internal_1.UBaseIcon, { clsPrefix: mergedClsPrefix }, {
-                    default: (_a = collapseSlots.expandIcon) !== null && _a !== void 0 ? _a : (() => this.rtlEnabled ? (0, vue_1.h)(icons_1.ChevronLeftIcon, null) : (0, vue_1.h)(icons_1.ChevronRightIcon, null))
-                })
-            ];
-        })));
+        const arrowNode = ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-collapse-item-arrow`, key: this.rtlEnabled ? 0 : 1, "data-arrow": true }, (0, _utils_1.resolveSlotWithProps)(arrowSlot, { collapsed }, () => [
+            (0, vue_1.h)(_internal_1.UBaseIcon, { clsPrefix: mergedClsPrefix }, {
+                default: () => this.rtlEnabled ? (0, vue_1.h)(icons_1.ChevronLeftIcon, null) : (0, vue_1.h)(icons_1.ChevronRightIcon, null)
+            })
+        ])));
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-collapse-item`,
                 `${mergedClsPrefix}-collapse-item--${arrowPlacement}-arrow-placement`,
                 disabled && `${mergedClsPrefix}-collapse-item--disabled`,
-                !collapsed && `${mergedClsPrefix}-collapse-item--active`
-            ], onClick: this.handleClick },
+                !collapsed && `${mergedClsPrefix}-collapse-item--active`,
+                triggerAreas.map((area) => {
+                    return `${mergedClsPrefix}-collapse-item--trigger-area-${area}`;
+                })
+            ] },
             (0, vue_1.h)("div", { class: [
                     `${mergedClsPrefix}-collapse-item__header`,
                     !collapsed && `${mergedClsPrefix}-collapse-item__header--active`
-                ] },
+                ], onClick: this.handleClick },
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-collapse-item__header-main` },
                     arrowPlacement !== 'right-edge' && arrowNode,
                     headerNode),
-                (0, _utils_1.resolveWrappedSlotWithProps)(headerExtraSlot, { collapsed }, (children) => ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-collapse-item__header-extra`, onClick: this.handleClick }, children))),
+                (0, _utils_1.resolveWrappedSlotWithProps)(headerExtraSlot, { collapsed }, (children) => ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-collapse-item__header-extra`, "data-extra": true }, children))),
                 arrowPlacement === 'right-edge' && arrowNode),
             (0, vue_1.h)(CollapseItemContent_1.default, { clsPrefix: mergedClsPrefix, displayDirective: mergedDisplayDirective, show: !collapsed }, $slots)));
     }

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

@@ -1,10 +1 @@
-export type OnUpdateExpandedNames = <T extends string[] & number[] & Array<string | number> & (string | number | null) & (string | null) & (number | null)>(value: T) => void;
-export type OnUpdateExpandedNamesImpl = <T extends string[] | number[] | Array<string | number> | (string | number | null) | (string | null) | (number | null)>(value: T) => void;
-export type OnItemHeaderClick = <T extends string & number & (string | number)>(info: HeaderClickInfo<T>) => void;
-export type OnItemHeaderClickImpl = <T extends string | number | (string | number)>(info: HeaderClickInfo<T>) => void;
-export interface HeaderClickInfo<T> {
-    name: T;
-    expanded: boolean;
-    event: MouseEvent;
-}
-export type ArrowPlacement = 'left' | 'right' | 'right-edge';
+export type { ArrowPlacement, CollapseArrowSlotProps, CollapseExpandedName, CollapseExpandedNames, CollapseItemProps, CollapseItemSlots, CollapseItemArrowSlotProps, CollapseItemHeaderExtraSlotProps, CollapseItemHeaderSlotProps, CollapseProps, CollapseSlots, CollapseTriggerArea, HeaderClickInfo, OnItemHeaderClick, OnItemHeaderClickImpl, OnUpdateExpandedNames, OnUpdateExpandedNamesImpl, UCollapseInjection } from './types/collapse.types';

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

@@ -0,0 +1,100 @@
+import type { PropType } from 'vue';
+import type { MaybeArray } from '../../../_utils';
+import type { ArrowPlacement, CollapseTriggerArea, OnItemHeaderClick, OnUpdateExpandedNames } from '../types/collapse.types';
+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 triggerAreas: {
+        readonly type: PropType<CollapseTriggerArea[]>;
+        readonly default: () => string[];
+    };
+    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;
+        iconBorder: string;
+        iconBorderRadius: string;
+        iconBackground: 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;
+        iconBorder: string;
+        iconBorderRadius: string;
+        iconBackground: 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;
+        iconBorder: string;
+        iconBorderRadius: string;
+        iconBackground: string;
+    }, any>>>;
+};

package/lib/collapse/src/props/collapse.props.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.collapseProps = void 0;
+const _mixins_1 = require("../../../_mixins");
+const _utils_1 = require("../../../_utils");
+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'
+    }, triggerAreas: {
+        type: Array,
+        default: () => ['main', 'extra', 'arrow']
+    }, 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
+    } });

package/lib/collapse/src/props/collapseItem.props.d.ts

@@ -0,0 +1,7 @@
+import type { PropType } from 'vue';
+export declare const collapseItemProps: {
+    readonly title: StringConstructor;
+    readonly name: PropType<string | number>;
+    readonly disabled: BooleanConstructor;
+    readonly displayDirective: PropType<"if" | "show">;
+};

package/lib/collapse/src/props/collapseItem.props.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.collapseItemProps = void 0;
+exports.collapseItemProps = {
+    title: String,
+    name: [String, Number],
+    disabled: Boolean,
+    displayDirective: String
+};

package/lib/collapse/src/styles/index.cssr.js

@@ -21,6 +21,9 @@ const fade_in_height_expand_cssr_1 = require("../../../_styles/transitions/fade-
 // --u-border-radius
 // --u-padding
 // --u-box-sizing
+// --u-icon-border
+// --u-icon-border-radius
+// --u-icon-background
 exports.default = (0, cssr_1.cB)('collapse', `
  width: 100%;
  background-color: var(--u-background-color);
@@ -49,8 +52,9 @@ exports.default = (0, cssr_1.cB)('collapse', `
  height: 28px;
  justify-content: center;
  align-items: center;
- border-radius: 100px;
- background: #F3F4F6;
+ border: var(--u-icon-border);
+ border-radius: var(--u-icon-border-radius);
+ background: var(--u-icon-background);
  `, [(0, cssr_1.cB)('base-icon', `
  transform: scaleY(1) rotate(90deg);
  transition:

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

@@ -0,0 +1,55 @@
+import type { Ref, VNode } from 'vue';
+import type { ExtractPublicPropTypes } from '../../../_utils';
+import { collapseItemProps } from '../props/collapseItem.props';
+import { collapseProps } from '../props/collapse.props';
+export type CollapseTriggerArea = 'main' | 'extra' | 'arrow';
+export type CollapseExpandedName = string | number;
+export type CollapseExpandedNames = CollapseExpandedName | CollapseExpandedName[] | null;
+export type OnUpdateExpandedNames = <T extends string[] & number[] & Array<string | number> & (string | number | null) & (string | null) & (number | null)>(value: T) => void;
+export type OnUpdateExpandedNamesImpl = <T extends string[] | number[] | Array<string | number> | (string | number | null) | (string | null) | (number | null)>(value: T) => void;
+export type OnItemHeaderClick = <T extends string & number & (string | number)>(info: HeaderClickInfo<T>) => void;
+export type OnItemHeaderClickImpl = <T extends string | number | (string | number)>(info: HeaderClickInfo<T>) => void;
+export interface HeaderClickInfo<T> {
+    name: T;
+    expanded: boolean;
+    event: MouseEvent;
+}
+export type ArrowPlacement = 'left' | 'right' | 'right-edge';
+export interface CollapseArrowSlotProps {
+    collapsed: boolean;
+}
+export interface CollapseItemHeaderSlotProps {
+    collapsed: boolean;
+}
+export interface CollapseItemHeaderExtraSlotProps {
+    collapsed: boolean;
+}
+export interface CollapseItemArrowSlotProps {
+    collapsed: boolean;
+}
+export interface CollapseSlots {
+    default?: () => VNode[];
+    arrow?: (props: CollapseArrowSlotProps) => VNode[];
+    header?: (props: CollapseItemHeaderSlotProps) => VNode[];
+    'header-extra'?: (props: CollapseItemHeaderExtraSlotProps) => VNode[];
+}
+export interface CollapseItemSlots {
+    default?: () => VNode[];
+    header?: (props: CollapseItemHeaderSlotProps) => VNode[];
+    'header-extra'?: (props: CollapseItemHeaderExtraSlotProps) => VNode[];
+    arrow?: (props: CollapseItemArrowSlotProps) => VNode[];
+}
+export interface UCollapseInjectionProps {
+    triggerAreas: CollapseTriggerArea[];
+    displayDirective: 'if' | 'show';
+    arrowPlacement: ArrowPlacement;
+}
+export interface UCollapseInjection {
+    props: UCollapseInjectionProps;
+    expandedNamesRef: Ref<CollapseExpandedNames>;
+    mergedClsPrefixRef: Ref<string>;
+    slots: CollapseSlots;
+    toggleItem: (collapse: boolean, name: CollapseExpandedName, event: MouseEvent) => void;
+}
+export type CollapseProps = ExtractPublicPropTypes<typeof collapseProps>;
+export type CollapseItemProps = ExtractPublicPropTypes<typeof collapseItemProps>;

package/lib/collapse/src/types/collapse.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/collapse/styles/light.d.ts

@@ -18,6 +18,9 @@ export declare const self: (vars: ThemeCommonVars) => {
     borderRadius: string;
     padding: string;
     boxSizing: string;
+    iconBorder: string;
+    iconBorderRadius: string;
+    iconBackground: string;
 };
 export type CollapseThemeVars = ReturnType<typeof self>;
 declare const collapseLight: Theme<'Collapse', CollapseThemeVars>;

package/lib/collapse/styles/light.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.self = void 0;
 const common_1 = require("../../_styles/common");
 const self = (vars) => {
-    const { fontWeight, fontBodyLarge, lineHeightBodyLarge, elementsQuaternary, textPrimary, textSecondary, fontBodyMedium, lineHeightBodyMedium, iconSmall, containerPrimary } = vars;
+    const { fontWeight, fontBodyLarge, lineHeightBodyLarge, elementsQuaternary, textPrimary, textSecondary, fontBodyMedium, lineHeightBodyMedium, iconSmall, containerPrimary, elementsTertiary } = vars;
     return {
         titleFontSize: fontBodyLarge,
         titleLineHeight: lineHeightBodyLarge,
@@ -21,7 +21,10 @@ const self = (vars) => {
         backgroundColor: containerPrimary,
         borderRadius: '20px',
         padding: '24px',
-        boxSizing: 'border-box'
+        boxSizing: 'border-box',
+        iconBorder: 'none',
+        iconBorderRadius: '100px',
+        iconBackground: elementsTertiary
     };
 };
 exports.self = self;

package/lib/dropdown/src/Dropdown.d.ts

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

package/lib/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/lib/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/lib/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/lib/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/lib/version.d.ts

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

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '1.13.0';
+exports.default = '1.13.1';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "1.13.0",
+  "version": "1.13.1",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "main": "lib/index.js",
   "module": "es/index.js",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@uzum-tech/ui",
-  "version": "1.13.0",
+  "version": "1.13.1",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -3455,6 +3455,13 @@
               "type": "'if' | 'show'",
               "description": "The display directive to use when `u-collapse-item` renders content. `'if'` corresponds to `v-if` and `'show'` corresponds to `v-show`.",
               "default": "'if'"
+            },
+            {
+              "name": "trigger-areas",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/collapse",
+              "type": "Array<'main' | 'arrow' | 'extra'>",
+              "description": "Expansion trigger areas. If you don't want to trigger expansion on some areas, you can use the prop.",
+              "default": "['main', 'arrow', 'extra']"
             }
           ],
           "js": {