naive-ui 2.30.6 → 2.31.0

package/lib/button-group/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NButtonGroup } from './src/ButtonGroup';
+export { default as NButtonGroup, buttonGroupProps } from './src/ButtonGroup';
 export type { ButtonGroupProps } from './src/ButtonGroup';

package/lib/button-group/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NButtonGroup = void 0;
+exports.buttonGroupProps = exports.NButtonGroup = void 0;
 var ButtonGroup_1 = require("./src/ButtonGroup");
 Object.defineProperty(exports, "NButtonGroup", { enumerable: true, get: function () { return __importDefault(ButtonGroup_1).default; } });
+Object.defineProperty(exports, "buttonGroupProps", { enumerable: true, get: function () { return ButtonGroup_1.buttonGroupProps; } });

package/lib/button-group/src/ButtonGroup.d.ts

@@ -4,7 +4,7 @@ import type { ExtractPublicPropTypes } from '../../_utils';
 export interface ButtonGroupInjection {
     size?: Size | undefined;
 }
-declare const buttonGroupProps: {
+export declare const buttonGroupProps: {
     readonly size: {
         readonly type: PropType<Size | undefined>;
         readonly default: undefined;

package/lib/button-group/src/ButtonGroup.js

@@ -3,12 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.buttonGroupProps = void 0;
 const vue_1 = require("vue");
-const use_rtl_1 = __importDefault(require("../../_mixins/use-rtl"));
+const use_rtl_1 = require("../../_mixins/use-rtl");
 const _mixins_1 = require("../../_mixins");
 const context_1 = require("./context");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const buttonGroupProps = {
+exports.buttonGroupProps = {
     size: {
         type: String,
         default: undefined
@@ -17,12 +18,12 @@ const buttonGroupProps = {
 };
 exports.default = (0, vue_1.defineComponent)({
     name: 'ButtonGroup',
-    props: buttonGroupProps,
+    props: exports.buttonGroupProps,
     setup(props) {
         const { mergedClsPrefixRef, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
         (0, _mixins_1.useStyle)('-button-group', index_cssr_1.default, mergedClsPrefixRef);
         (0, vue_1.provide)(context_1.buttonGroupInjectionKey, props);
-        const rtlEnabledRef = (0, use_rtl_1.default)('ButtonGroup', mergedRtlRef, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, use_rtl_1.useRtl)('ButtonGroup', mergedRtlRef, mergedClsPrefixRef);
         return {
             rtlEnabled: rtlEnabledRef,
             mergedClsPrefix: mergedClsPrefixRef

package/lib/calendar/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NCalendar } from './src/Calendar';
+export { default as NCalendar, calendarProps } from './src/Calendar';
 export type { CalendarProps } from './src/Calendar';

package/lib/calendar/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NCalendar = void 0;
+exports.calendarProps = exports.NCalendar = void 0;
 var Calendar_1 = require("./src/Calendar");
 Object.defineProperty(exports, "NCalendar", { enumerable: true, get: function () { return __importDefault(Calendar_1).default; } });
+Object.defineProperty(exports, "calendarProps", { enumerable: true, get: function () { return Calendar_1.calendarProps; } });

package/lib/calendar/src/Calendar.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { OnUpdateValue, DateItem, OnPanelChange } from './interface';
-declare const calendarProps: {
+export declare const calendarProps: {
     readonly isDateDisabled: PropType<(date: number) => boolean | undefined>;
     readonly value: NumberConstructor;
     readonly defaultValue: {

package/lib/calendar/src/Calendar.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.calendarProps = void 0;
 const vue_1 = require("vue");
 const date_fns_1 = require("date-fns"); //
 const vooks_1 = require("vooks");
@@ -15,13 +16,13 @@ const button_group_1 = require("../../button-group");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const calendarProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { isDateDisabled: Function, value: Number, defaultValue: {
+exports.calendarProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { isDateDisabled: Function, value: Number, defaultValue: {
         type: Number,
         default: null
     }, onPanelChange: Function, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Calendar',
-    props: calendarProps,
+    props: exports.calendarProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Calendar', '-calendar', index_cssr_1.default, styles_1.calendarLight, props, mergedClsPrefixRef);

package/lib/card/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NCard } from './src/Card';
+export { default as NCard, cardProps } from './src/Card';
 export type { CardProps } from './src/Card';

package/lib/card/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NCard = void 0;
+exports.cardProps = exports.NCard = void 0;
 var Card_1 = require("./src/Card");
 Object.defineProperty(exports, "NCard", { enumerable: true, get: function () { return __importDefault(Card_1).default; } });
+Object.defineProperty(exports, "cardProps", { enumerable: true, get: function () { return Card_1.cardProps; } });

package/lib/card/src/Card.d.ts

@@ -32,8 +32,8 @@ export declare const cardBaseProps: {
     readonly role: StringConstructor;
     readonly onClose: PropType<MaybeArray<() => void>>;
 };
-export declare const cardBasePropKeys: ("size" | "title" | "role" | "bordered" | "closable" | "contentStyle" | "onClose" | "headerStyle" | "hoverable" | "headerExtraStyle" | "footerStyle" | "embedded" | "segmented")[];
-declare const cardProps: {
+export declare const cardBasePropKeys: ("size" | "title" | "role" | "bordered" | "closable" | "contentStyle" | "onClose" | "headerStyle" | "footerStyle" | "hoverable" | "headerExtraStyle" | "embedded" | "segmented")[];
+export declare const cardProps: {
     title: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
     headerStyle: PropType<string | CSSProperties>;

package/lib/card/src/Card.js

@@ -3,10 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.cardBasePropKeys = exports.cardBaseProps = void 0;
+exports.cardProps = exports.cardBasePropKeys = exports.cardBaseProps = void 0;
 const vue_1 = require("vue");
 const seemly_1 = require("seemly");
-const use_rtl_1 = __importDefault(require("../../_mixins/use-rtl"));
+const use_rtl_1 = require("../../_mixins/use-rtl");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const _internal_1 = require("../../_internal");
@@ -40,10 +40,10 @@ exports.cardBaseProps = {
     onClose: [Function, Array]
 };
 exports.cardBasePropKeys = (0, _utils_1.keysOf)(exports.cardBaseProps);
-const cardProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), exports.cardBaseProps);
+exports.cardProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), exports.cardBaseProps);
 exports.default = (0, vue_1.defineComponent)({
     name: 'Card',
-    props: cardProps,
+    props: exports.cardProps,
     setup(props) {
         const handleCloseClick = () => {
             const { onClose } = props;
@@ -52,7 +52,7 @@ exports.default = (0, vue_1.defineComponent)({
         };
         const { inlineThemeDisabled, mergedClsPrefixRef, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Card', '-card', index_cssr_1.default, styles_1.cardLight, props, mergedClsPrefixRef);
-        const rtlEnabledRef = (0, use_rtl_1.default)('Card', mergedRtlRef, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, use_rtl_1.useRtl)('Card', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { size } = props;
             const { self: { color, colorModal, colorTarget, textColor, titleTextColor, titleFontWeight, borderColor, actionColor, borderRadius, lineHeight, closeIconColor, closeIconColorHover, closeIconColorPressed, closeColorHover, closeColorPressed, closeBorderRadius, closeIconSize, closeSize, boxShadow, colorPopover, colorEmbedded, [(0, _utils_1.createKey)('padding', size)]: padding, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('titleFontSize', size)]: titleFontSize }, common: { cubicBezierEaseInOut } } = themeRef.value;

package/lib/carousel/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NCarousel } from './src/Carousel';
+export { default as NCarousel, carouselProps } from './src/Carousel';
 export { default as NCarouselItem } from './src/CarouselItem';
 export type { CarouselProps } from './src/Carousel';

package/lib/carousel/index.js

@@ -3,8 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NCarouselItem = exports.NCarousel = void 0;
+exports.NCarouselItem = exports.carouselProps = exports.NCarousel = void 0;
 var Carousel_1 = require("./src/Carousel");
 Object.defineProperty(exports, "NCarousel", { enumerable: true, get: function () { return __importDefault(Carousel_1).default; } });
+Object.defineProperty(exports, "carouselProps", { enumerable: true, get: function () { return Carousel_1.carouselProps; } });
 var CarouselItem_1 = require("./src/CarouselItem");
 Object.defineProperty(exports, "NCarouselItem", { enumerable: true, get: function () { return __importDefault(CarouselItem_1).default; } });

package/lib/carousel/src/Carousel.d.ts

@@ -3,7 +3,7 @@ import type { ExtractPublicPropTypes } from '../../_utils';
 import type { ElementOf } from './interface';
 declare const transitionProperties: ["transitionDuration", "transitionTimingFunction"];
 declare type TransitionStyle = Partial<Pick<CSSProperties, ElementOf<typeof transitionProperties>>>;
-declare const carouselProps: {
+export declare const carouselProps: {
     defaultIndex: {
         type: NumberConstructor;
         default: number;

package/lib/carousel/src/Carousel.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.carouselProps = void 0;
 const vue_1 = require("vue");
 const vueuc_1 = require("vueuc");
 const evtd_1 = require("evtd");
@@ -16,7 +17,7 @@ const CarouselItem_1 = __importDefault(require("./CarouselItem"));
 const interface_1 = require("./interface");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 const transitionProperties = (0, interface_1.tuple)('transitionDuration', 'transitionTimingFunction');
-const carouselProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { defaultIndex: {
+exports.carouselProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { defaultIndex: {
         type: Number,
         default: 0
     }, currentIndex: Number, showArrow: Boolean, dotType: {
@@ -62,7 +63,7 @@ const carouselProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
 let globalDragging = false;
 exports.default = (0, vue_1.defineComponent)({
     name: 'Carousel',
-    props: carouselProps,
+    props: exports.carouselProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         // Dom

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

@@ -82,6 +82,7 @@ exports.default = (0, cssr_1.cB)('carousel', `
  color: var(--n-arrow-color);
  border-radius: 8px;
  user-select: none;
+ -webkit-user-select: none;
  font-size: 18px;
  `, [(0, cssr_1.c)('svg', `
  height: 1em;

package/lib/cascader/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NCascader } from './src/Cascader';
+export { default as NCascader, cascaderProps } from './src/Cascader';
 export type { CascaderProps } from './src/Cascader';
 export type { CascaderOption, CascaderInst } from './src/interface';

package/lib/cascader/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NCascader = void 0;
+exports.cascaderProps = exports.NCascader = void 0;
 var Cascader_1 = require("./src/Cascader");
 Object.defineProperty(exports, "NCascader", { enumerable: true, get: function () { return __importDefault(Cascader_1).default; } });
+Object.defineProperty(exports, "cascaderProps", { enumerable: true, get: function () { return Cascader_1.cascaderProps; } });

package/lib/cascader/src/Cascader.d.ts

@@ -5,7 +5,7 @@ import type { FormValidationStatus } from '../../form/src/interface';
 import type { SelectBaseOption } from '../../select/src/interface';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { CascaderOption, ExpandTrigger, Filter, OnLoad, OnUpdateValue, Value } from './interface';
-declare const cascaderProps: {
+export declare const cascaderProps: {
     readonly allowCheckingNotLoaded: BooleanConstructor;
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;

package/lib/cascader/src/Cascader.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.cascaderProps = void 0;
 const vue_1 = require("vue");
 const treemate_1 = require("treemate");
 const vueuc_1 = require("vueuc");
@@ -17,7 +18,7 @@ const CascaderMenu_1 = __importDefault(require("./CascaderMenu"));
 const CascaderSelectMenu_1 = __importDefault(require("./CascaderSelectMenu"));
 const interface_1 = require("./interface");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const cascaderProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { allowCheckingNotLoaded: Boolean, to: _utils_1.useAdjustedTo.propTo, bordered: {
+exports.cascaderProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { allowCheckingNotLoaded: Boolean, to: _utils_1.useAdjustedTo.propTo, bordered: {
         type: Boolean,
         default: undefined
     }, options: {
@@ -70,7 +71,7 @@ const cascaderProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     onChange: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Cascader',
-    props: cascaderProps,
+    props: exports.cascaderProps,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
             (0, vue_1.watchEffect)(() => {

package/lib/cascader/src/utils.d.ts

@@ -2,13 +2,10 @@ import type { TmNode, CascaderOption } from './interface';
 import type { SelectBaseOption } from '../../select/src/interface';
 declare function getRawNodePath(tmNodes: TmNode[]): CascaderOption[];
 declare function getRawNodePath(tmNodes: TmNode[] | undefined): CascaderOption[] | null;
-declare function traverseWithCallback<T extends {
-    children?: T[];
-}>(options: T[], beforeCallback: (node: T) => void, afterCallback: (node: T) => void): void;
 export { getRawNodePath };
 declare function createSelectOptions(tmNodes: TmNode[], checkStrategyIsChild: boolean, labelField: string, separator: string): Array<SelectBaseOption & {
     rawNode: CascaderOption;
     path: CascaderOption[];
 }>;
 declare function getPathLabel(node: TmNode | null, separator: string, labelField: string): string;
-export { traverseWithCallback, createSelectOptions, getPathLabel };
+export { createSelectOptions, getPathLabel };

package/lib/cascader/src/utils.js

@@ -1,47 +1,36 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPathLabel = exports.createSelectOptions = exports.traverseWithCallback = exports.getRawNodePath = void 0;
+exports.getPathLabel = exports.createSelectOptions = exports.getRawNodePath = void 0;
 function getRawNodePath(tmNodes) {
     if (!tmNodes)
         return null;
     return tmNodes.map((tmNode) => tmNode.rawNode);
 }
 exports.getRawNodePath = getRawNodePath;
-function traverseWithCallback(options, beforeCallback, afterCallback) {
-    if (Array.isArray(options)) {
-        for (const option of options) {
-            if (beforeCallback)
-                beforeCallback(option);
-            if (option.children) {
-                traverseWithCallback(option.children, beforeCallback, afterCallback);
-            }
-            if (afterCallback)
-                afterCallback(option);
-        }
-    }
-}
-exports.traverseWithCallback = traverseWithCallback;
 function createSelectOptions(tmNodes, checkStrategyIsChild, labelField, separator) {
     const selectOptions = [];
     const path = [];
-    traverseWithCallback(tmNodes, (tmNode) => {
-        if (tmNode.isLeaf || !checkStrategyIsChild) {
+    function traverse(_tmNodes) {
+        for (const tmNode of _tmNodes) {
             if (tmNode.disabled)
-                return;
+                continue;
             const { rawNode } = tmNode;
             path.push(rawNode);
-            selectOptions.push({
-                label: path
-                    .map((rawNodeInPath) => rawNodeInPath[labelField])
-                    .join(separator),
-                value: tmNode.key,
-                rawNode: tmNode.rawNode,
-                path: Array.from(path)
-            });
+            if (tmNode.isLeaf || !checkStrategyIsChild) {
+                selectOptions.push({
+                    label: getPathLabel(tmNode, separator, labelField),
+                    value: tmNode.key,
+                    rawNode: tmNode.rawNode,
+                    path: Array.from(path)
+                });
+            }
+            if (!tmNode.isLeaf && tmNode.children) {
+                traverse(tmNode.children);
+            }
+            path.pop();
         }
-    }, () => {
-        path.pop();
-    });
+    }
+    traverse(tmNodes);
     return selectOptions;
 }
 exports.createSelectOptions = createSelectOptions;

package/lib/checkbox/index.d.ts

@@ -1,5 +1,5 @@
-export { default as NCheckbox } from './src/Checkbox';
-export { default as NCheckboxGroup } from './src/CheckboxGroup';
+export { default as NCheckbox, checkboxProps } from './src/Checkbox';
+export { default as NCheckboxGroup, checkboxGroupProps } from './src/CheckboxGroup';
 export type { CheckboxProps } from './src/Checkbox';
 export type { CheckboxGroupProps } from './src/CheckboxGroup';
 export type { CheckboxInst } from './src/interface';

package/lib/checkbox/index.js

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NCheckboxGroup = exports.NCheckbox = void 0;
+exports.checkboxGroupProps = exports.NCheckboxGroup = exports.checkboxProps = exports.NCheckbox = void 0;
 var Checkbox_1 = require("./src/Checkbox");
 Object.defineProperty(exports, "NCheckbox", { enumerable: true, get: function () { return __importDefault(Checkbox_1).default; } });
+Object.defineProperty(exports, "checkboxProps", { enumerable: true, get: function () { return Checkbox_1.checkboxProps; } });
 var CheckboxGroup_1 = require("./src/CheckboxGroup");
 Object.defineProperty(exports, "NCheckboxGroup", { enumerable: true, get: function () { return __importDefault(CheckboxGroup_1).default; } });
+Object.defineProperty(exports, "checkboxGroupProps", { enumerable: true, get: function () { return CheckboxGroup_1.checkboxGroupProps; } });

package/lib/checkbox/src/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { OnUpdateChecked, CheckboxInst } from './interface';
-declare const checkboxProps: {
+export declare const checkboxProps: {
     size: PropType<"small" | "medium" | "large">;
     checked: {
         type: PropType<string | number | boolean | undefined>;

package/lib/checkbox/src/Checkbox.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkboxProps = void 0;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const seemly_1 = require("seemly");
@@ -15,8 +16,8 @@ const CheckMark_1 = __importDefault(require("./CheckMark"));
 const LineMark_1 = __importDefault(require("./LineMark"));
 const CheckboxGroup_1 = require("./CheckboxGroup");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const use_rtl_1 = __importDefault(require("../../_mixins/use-rtl"));
-const checkboxProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { size: String, checked: {
+const use_rtl_1 = require("../../_mixins/use-rtl");
+exports.checkboxProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { size: String, checked: {
         type: [Boolean, String, Number],
         default: undefined
     }, defaultChecked: {
@@ -41,7 +42,7 @@ const checkboxProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     onChange: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Checkbox',
-    props: checkboxProps,
+    props: exports.checkboxProps,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
             (0, vue_1.watchEffect)(() => {
@@ -167,7 +168,7 @@ exports.default = (0, vue_1.defineComponent)({
                 (_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.blur();
             }
         };
-        const rtlEnabledRef = (0, use_rtl_1.default)('Checkbox', mergedRtlRef, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, use_rtl_1.useRtl)('Checkbox', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { value: mergedSize } = mergedSizeRef;
             const { common: { cubicBezierEaseInOut }, self: { borderRadius, color, colorChecked, colorDisabled, colorTableHeader, colorTableHeaderModal, colorTableHeaderPopover, checkMarkColor, checkMarkColorDisabled, border, borderFocus, borderDisabled, borderChecked, boxShadowFocus, textColor, textColorDisabled, checkMarkColorDisabledChecked, colorDisabledChecked, borderDisabledChecked, labelPadding, labelLineHeight, [(0, _utils_1.createKey)('fontSize', mergedSize)]: fontSize, [(0, _utils_1.createKey)('size', mergedSize)]: size } } = themeRef.value;

package/lib/checkbox/src/CheckboxGroup.d.ts

@@ -11,7 +11,7 @@ export interface CheckboxGroupInjection {
     toggleCheckbox: (checked: boolean, checkboxValue: string | number) => void;
 }
 export declare const checkboxGroupInjectionKey: import("vue").InjectionKey<CheckboxGroupInjection>;
-declare const checkboxGroupProps: {
+export declare const checkboxGroupProps: {
     readonly min: NumberConstructor;
     readonly max: NumberConstructor;
     readonly size: PropType<"small" | "medium" | "large">;

package/lib/checkbox/src/CheckboxGroup.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkboxGroupInjectionKey = void 0;
+exports.checkboxGroupProps = exports.checkboxGroupInjectionKey = void 0;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 exports.checkboxGroupInjectionKey = (0, _utils_1.createInjectionKey)('n-checkbox-group');
-const checkboxGroupProps = {
+exports.checkboxGroupProps = {
     min: Number,
     max: Number,
     size: String,
@@ -35,7 +35,7 @@ const checkboxGroupProps = {
 };
 exports.default = (0, vue_1.defineComponent)({
     name: 'CheckboxGroup',
-    props: checkboxGroupProps,
+    props: exports.checkboxGroupProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const formItem = (0, _mixins_1.useFormItem)(props);

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

@@ -92,6 +92,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('checkbox', `
  flex-shrink: 0;
  flex-grow: 0;
  user-select: none;
+ -webkit-user-select: none;
  `), (0, cssr_1.cB)('checkbox-box', `
  position: absolute;
  left: 0;
@@ -142,6 +143,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('checkbox', `
  color: var(--n-text-color);
  transition: color .3s var(--n-bezier);
  user-select: none;
+ -webkit-user-select: none;
  padding: var(--n-label-padding);
  `, [(0, cssr_1.c)('&:empty', {
   display: 'none'

package/lib/code/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NCode } from './src/Code';
+export { default as NCode, codeProps } from './src/Code';
 export type { CodeProps } from './src/Code';

package/lib/code/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NCode = void 0;
+exports.codeProps = exports.NCode = void 0;
 var Code_1 = require("./src/Code");
 Object.defineProperty(exports, "NCode", { enumerable: true, get: function () { return __importDefault(Code_1).default; } });
+Object.defineProperty(exports, "codeProps", { enumerable: true, get: function () { return Code_1.codeProps; } });

package/lib/code/src/Code.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { Hljs } from '../../_mixins';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const codeProps: {
+export declare const codeProps: {
     language: StringConstructor;
     code: {
         type: StringConstructor;

package/lib/code/src/Code.js

@@ -3,11 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.codeProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const codeProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { language: String, code: {
+exports.codeProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { language: String, code: {
         type: String,
         default: ''
     }, trim: {
@@ -18,7 +19,7 @@ const codeProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { l
     internalFontSize: Number, internalNoHighlight: Boolean });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Code',
-    props: codeProps,
+    props: exports.codeProps,
     setup(props, { slots }) {
         const { internalNoHighlight } = props;
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)();

package/lib/collapse/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NCollapse } from './src/Collapse';
-export { default as NCollapseItem } from './src/CollapseItem';
+export { default as NCollapse, collapseProps } from './src/Collapse';
+export { default as NCollapseItem, collapseItemProps } from './src/CollapseItem';
 export type { CollapseProps } from './src/Collapse';
 export type { CollapseItemProps } from './src/CollapseItem';

package/lib/collapse/index.js

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NCollapseItem = exports.NCollapse = void 0;
+exports.collapseItemProps = exports.NCollapseItem = exports.collapseProps = exports.NCollapse = void 0;
 var Collapse_1 = require("./src/Collapse");
 Object.defineProperty(exports, "NCollapse", { enumerable: true, get: function () { return __importDefault(Collapse_1).default; } });
+Object.defineProperty(exports, "collapseProps", { enumerable: true, get: function () { return Collapse_1.collapseProps; } });
 var CollapseItem_1 = require("./src/CollapseItem");
 Object.defineProperty(exports, "NCollapseItem", { 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

@@ -2,7 +2,7 @@ import { PropType, Ref, ExtractPropTypes, Slots } from 'vue';
 import { ExtractPublicPropTypes } from '../../_utils';
 import type { MaybeArray } from '../../_utils';
 import { OnItemHeaderClick, OnUpdateExpandedNames } from './interface';
-declare const collapseProps: {
+export declare const collapseProps: {
     readonly defaultExpandedNames: {
         readonly type: PropType<string | number | (string | number)[] | null>;
         readonly default: null;

package/lib/collapse/src/Collapse.js

@@ -3,15 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.collapseInjectionKey = void 0;
+exports.collapseInjectionKey = exports.collapseProps = void 0;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const use_rtl_1 = __importDefault(require("../../_mixins/use-rtl"));
-const collapseProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { defaultExpandedNames: {
+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: {
@@ -38,7 +38,7 @@ const collapseProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
 exports.collapseInjectionKey = (0, _utils_1.createInjectionKey)('n-collapse');
 exports.default = (0, vue_1.defineComponent)({
     name: 'Collapse',
-    props: collapseProps,
+    props: exports.collapseProps,
     setup(props, { slots }) {
         const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
         const uncontrolledExpandedNamesRef = (0, vue_1.ref)(props.defaultExpandedNames);
@@ -105,7 +105,7 @@ exports.default = (0, vue_1.defineComponent)({
             slots,
             toggleItem
         });
-        const rtlEnabledRef = (0, use_rtl_1.default)('Collapse', mergedRtlRef, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, use_rtl_1.useRtl)('Collapse', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { common: { cubicBezierEaseInOut }, self: { titleFontWeight, dividerColor, titleTextColor, textColor, arrowColor, fontSize, titleFontSize } } = themeRef.value;
             return {

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { ExtractPublicPropTypes } from '../../_utils';
-declare const collapseItemProps: {
+export declare const collapseItemProps: {
     readonly title: StringConstructor;
     readonly name: PropType<string | number>;
     readonly displayDirective: PropType<"show" | "if">;