yc-design-vue 2.0.2 → 2.0.4

package/es/Dropdown/index.d.ts

@@ -23,15 +23,15 @@ declare const Dropdown: {
         "popup-visible-change": (value: boolean) => any;
         select: (value: import('./type').DoptionValue, ev: MouseEvent) => any;
     }, import('vue').PublicProps, {
+        popupContainer: import('..').PopupContainer;
         trigger: import('..').TriggerType;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         alignPoint: boolean;
         position: import('./type').DropdownPosition;
-        popupContainer: import('..').PopupContainer;
         triggerProps: import('..').TriggerProps;
         hideOnSelect: boolean;
-        popupMaxHeight: number | boolean;
+        popupMaxHeight: import('..').PopupMaxHeight;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -47,15 +47,15 @@ declare const Dropdown: {
         show(): void;
         hide(): void;
     }, {}, {}, {}, {
+        popupContainer: import('..').PopupContainer;
         trigger: import('..').TriggerType;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         alignPoint: boolean;
         position: import('./type').DropdownPosition;
-        popupContainer: import('..').PopupContainer;
         triggerProps: import('..').TriggerProps;
         hideOnSelect: boolean;
-        popupMaxHeight: number | boolean;
+        popupMaxHeight: import('..').PopupMaxHeight;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -72,17 +72,17 @@ declare const Dropdown: {
     "popup-visible-change": (value: boolean) => any;
     select: (value: import('./type').DoptionValue, ev: MouseEvent) => any;
 }, string, {
+    popupContainer: import('..').PopupContainer;
     trigger: import('..').TriggerType;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     alignPoint: boolean;
     position: import('./type').DropdownPosition;
-    popupContainer: import('..').PopupContainer;
     triggerProps: import('..').TriggerProps;
     hideOnSelect: boolean;
-    popupMaxHeight: number | boolean;
+    popupMaxHeight: import('..').PopupMaxHeight;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Readonly<import('./type').DropdownSlots> & import('./type').DropdownSlots;
+    $slots: any;
 }) & {
     option: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').DoptionProps> & Readonly<{
@@ -119,7 +119,7 @@ declare const Dropdown: {
         isSubmenu: boolean;
         isActive: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Readonly<import('./type').DoptionSlots> & import('./type').DoptionSlots;
+        $slots: any;
     });
     group: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').DgroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -147,13 +147,13 @@ declare const Dropdown: {
             select: (value: import('./type').DoptionValue) => any;
         }, import('vue').PublicProps, {
             size: import('..').Size;
+            type: import('..').ButtonType;
+            popupContainer: import('..').PopupContainer;
             trigger: import('..').TriggerType;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
             position: import('./type').DropdownPosition;
-            popupContainer: import('..').PopupContainer;
-            type: import('..').ButtonType;
             hideOnSelect: boolean;
             buttonProps: import('..').ButtonProps;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -169,13 +169,13 @@ declare const Dropdown: {
             onSelect?: ((value: import('./type').DoptionValue) => any) | undefined;
         }>, {}, {}, {}, {}, {
             size: import('..').Size;
+            type: import('..').ButtonType;
+            popupContainer: import('..').PopupContainer;
             trigger: import('..').TriggerType;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
             position: import('./type').DropdownPosition;
-            popupContainer: import('..').PopupContainer;
-            type: import('..').ButtonType;
             hideOnSelect: boolean;
             buttonProps: import('..').ButtonProps;
         }>;
@@ -192,13 +192,13 @@ declare const Dropdown: {
         select: (value: import('./type').DoptionValue) => any;
     }, string, {
         size: import('..').Size;
+        type: import('..').ButtonType;
+        popupContainer: import('..').PopupContainer;
         trigger: import('..').TriggerType;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
         position: import('./type').DropdownPosition;
-        popupContainer: import('..').PopupContainer;
-        type: import('..').ButtonType;
         hideOnSelect: boolean;
         buttonProps: import('..').ButtonProps;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -215,13 +215,13 @@ declare const Dropdown: {
             "update:popupVisible": (value: boolean) => any;
             "popup-visible-change": (value: boolean) => any;
         }, import('vue').PublicProps, {
-            trigger: import('./type').DsubmenuTrigger;
+            trigger: import('..').EventTrigger;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
             position: import('./type').DsubmenuPosition;
             triggerProps: import('..').TriggerProps;
-            popupMaxHeight: number;
+            popupMaxHeight: import('..').PopupMaxHeight;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
             triggerRef: ({
                 $: import('vue').ComponentInternalInstance;
@@ -230,7 +230,7 @@ declare const Dropdown: {
                     readonly popupVisible?: boolean | undefined;
                     readonly defaultPopupVisible?: boolean | undefined;
                     readonly trigger?: import('..').TriggerType | undefined;
-                    readonly position?: import('..').TriggerPostion | undefined;
+                    readonly position?: import('..').PopupPosition | undefined;
                     readonly disabled?: boolean | undefined;
                     readonly popupOffset?: number | undefined;
                     readonly popupTranslate?: number[] | undefined;
@@ -240,9 +240,9 @@ declare const Dropdown: {
                     readonly clickToClose?: boolean | undefined;
                     readonly clickOutsideToClose?: boolean | undefined;
                     readonly unmountOnClose?: boolean | undefined;
-                    readonly contentClass?: import('../_shared/type').ClassName | undefined;
+                    readonly contentClass?: import('..').ClassName | undefined;
                     readonly contentStyle?: import('vue').CSSProperties | undefined;
-                    readonly arrowClass?: import('../_shared/type').ClassName | undefined;
+                    readonly arrowClass?: import('..').ClassName | undefined;
                     readonly arrowStyle?: import('vue').CSSProperties | undefined;
                     readonly animationName?: string | undefined;
                     readonly duration?: number | undefined;
@@ -332,7 +332,7 @@ declare const Dropdown: {
                     }> & Omit<Readonly<{
                         preventFocus?: boolean;
                         tag?: string;
-                    }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                    }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
                         $slots: {
                             default?(_: {}): any;
                         };
@@ -362,6 +362,8 @@ declare const Dropdown: {
                     show: () => any;
                     hide: () => any;
                 }, string, {
+                    popupContainer: import('..').PopupContainer;
+                    renderToBody: boolean;
                     trigger: import('..').TriggerType;
                     mouseEnterDelay: number;
                     popupVisible: boolean;
@@ -376,21 +378,19 @@ declare const Dropdown: {
                     scrollToClose: boolean;
                     autoSetPosition: boolean;
                     alignPoint: boolean;
-                    position: import('..').TriggerPostion;
+                    position: import('..').PopupPosition;
                     popupOffset: number;
                     popupTranslate: number[];
                     showArrow: boolean;
                     unmountOnClose: boolean;
-                    contentClass: import('../_shared/type').ClassName;
+                    contentClass: import('..').ClassName;
                     contentStyle: import('vue').CSSProperties;
-                    arrowClass: import('../_shared/type').ClassName;
+                    arrowClass: import('..').ClassName;
                     arrowStyle: import('vue').CSSProperties;
                     animationName: string;
                     duration: number;
                     autoFitPopupWidth: boolean;
                     autoFitPopupMinWidth: boolean;
-                    popupContainer: import('..').PopupContainer;
-                    renderToBody: boolean;
                     autoFitPosition: boolean;
                     updateAtScroll: boolean;
                     preventFocus: boolean;
@@ -416,6 +416,8 @@ declare const Dropdown: {
                 $nextTick: typeof import('vue').nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{
+                popupContainer: import('..').PopupContainer;
+                renderToBody: boolean;
                 trigger: import('..').TriggerType;
                 mouseEnterDelay: number;
                 popupVisible: boolean;
@@ -430,21 +432,19 @@ declare const Dropdown: {
                 scrollToClose: boolean;
                 autoSetPosition: boolean;
                 alignPoint: boolean;
-                position: import('..').TriggerPostion;
+                position: import('..').PopupPosition;
                 popupOffset: number;
                 popupTranslate: number[];
                 showArrow: boolean;
                 unmountOnClose: boolean;
-                contentClass: import('../_shared/type').ClassName;
+                contentClass: import('..').ClassName;
                 contentStyle: import('vue').CSSProperties;
-                arrowClass: import('../_shared/type').ClassName;
+                arrowClass: import('..').ClassName;
                 arrowStyle: import('vue').CSSProperties;
                 animationName: string;
                 duration: number;
                 autoFitPopupWidth: boolean;
                 autoFitPopupMinWidth: boolean;
-                popupContainer: import('..').PopupContainer;
-                renderToBody: boolean;
                 autoFitPosition: boolean;
                 updateAtScroll: boolean;
                 preventFocus: boolean;
@@ -454,12 +454,12 @@ declare const Dropdown: {
                 "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
                 onShow?: (() => any) | undefined;
                 onHide?: (() => any) | undefined;
-            }>, "show" | "hide" | ("trigger" | "mouseEnterDelay" | "popupVisible" | "defaultPopupVisible" | "clickToClose" | "blurToClose" | "clickOutsideToClose" | "mouseLeaveDelay" | "focusDelay" | "disabled" | "scrollToCloseDistance" | "scrollToClose" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "popupContainer" | "renderToBody" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
+            }>, "show" | "hide" | ("popupContainer" | "renderToBody" | "trigger" | "mouseEnterDelay" | "popupVisible" | "defaultPopupVisible" | "clickToClose" | "blurToClose" | "clickOutsideToClose" | "mouseLeaveDelay" | "focusDelay" | "disabled" | "scrollToCloseDistance" | "scrollToClose" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
                 hide(): void;
                 show(): void;
                 updatePosition(x: number, y: number): void;
-            }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: Readonly<import('..').TriggerSlots> & import('..').TriggerSlots;
+            }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+                $slots: any;
             }) | null;
             optionRef: ({
                 $: import('vue').ComponentInternalInstance;
@@ -519,8 +519,8 @@ declare const Dropdown: {
                 isActive: boolean;
             }> & Omit<Readonly<import('./type').DoptionProps> & Readonly<{
                 onClick?: ((ev: MouseEvent) => any) | undefined;
-            }>, "disabled" | "isSubmenu" | "isActive"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: Readonly<import('./type').DoptionSlots> & import('./type').DoptionSlots;
+            }>, "disabled" | "isSubmenu" | "isActive"> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+                $slots: any;
             }) | null;
         }, any, import('vue').ComponentProvideOptions, {
             P: {};
@@ -536,13 +536,13 @@ declare const Dropdown: {
             show(): void;
             hide(): void;
         }, {}, {}, {}, {
-            trigger: import('./type').DsubmenuTrigger;
+            trigger: import('..').EventTrigger;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
             position: import('./type').DsubmenuPosition;
             triggerProps: import('..').TriggerProps;
-            popupMaxHeight: number;
+            popupMaxHeight: import('..').PopupMaxHeight;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -557,15 +557,15 @@ declare const Dropdown: {
         "update:popupVisible": (value: boolean) => any;
         "popup-visible-change": (value: boolean) => any;
     }, string, {
-        trigger: import('./type').DsubmenuTrigger;
+        trigger: import('..').EventTrigger;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
         position: import('./type').DsubmenuPosition;
         triggerProps: import('..').TriggerProps;
-        popupMaxHeight: number;
+        popupMaxHeight: import('..').PopupMaxHeight;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Readonly<import('./type').DsubmenuSlots> & import('./type').DsubmenuSlots;
+        $slots: any;
     });
     install: (app: App) => void;
 };

package/es/Dropdown/type.d.ts

@@ -1,4 +1,4 @@
-import { ObjectData, PopupContainer, Size } from '../_shared/type';
+import { EventTrigger, RecordType, PopupContainer, PopupMaxHeight, Size } from '../_shared/type';
 import { TriggerProps, TriggerType } from '../Trigger';
 import { ButtonProps, ButtonType } from '../Button';
 import { VNode } from 'vue';
@@ -11,7 +11,7 @@ export interface DropdownProps {
     hideOnSelect?: boolean;
     alignPoint?: boolean;
     triggerProps?: TriggerProps;
-    popupMaxHeight?: number | boolean;
+    popupMaxHeight?: PopupMaxHeight;
 }
 export interface DropdownEmits {
     (e: 'update:popupVisible', value: boolean): void;
@@ -40,12 +40,12 @@ export interface DoptionSlots {
 }
 export interface DsubmenuProps {
     disabled?: boolean;
-    trigger?: DsubmenuTrigger;
+    trigger?: EventTrigger;
     position?: DsubmenuPosition;
     popupVisible?: boolean;
     defaultPopupVisible?: boolean;
     triggerProps?: TriggerProps;
-    popupMaxHeight?: number;
+    popupMaxHeight?: PopupMaxHeight;
 }
 export interface DsubmenuEmits {
     (e: 'update:popupVisible', value: boolean): void;
@@ -80,7 +80,6 @@ export interface DropdownButtonSlots {
     default?: () => VNode[];
     icon?: () => VNode[];
 }
-export type DoptionValue = string | number | boolean | ObjectData;
+export type DoptionValue = string | number | boolean | RecordType;
 export type DropdownPosition = 'top' | 'tr' | 'tl' | 'bottom' | 'br' | 'bl';
-export type DsubmenuTrigger = 'hover' | 'click';
 export type DsubmenuPosition = 'rt' | 'lt';

package/es/Empty/index.vue.js

@@ -1,8 +1,6 @@
 import { defineComponent, toRefs, createElementBlock, openBlock, createElementVNode, renderSlot, createCommentVNode, createVNode, unref, createTextVNode, toDisplayString } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
 import { useI18n } from "../_shared/utils/locale.js";
+import "../_shared/utils/dom.js";
 /* empty css                                          */
 /* empty css                                               */
 /* empty css                                   */

package/es/Grid/Grid.vue.d.ts

@@ -7,10 +7,10 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<GridProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridProps> & Readonly<{}>, {
-    cols: number | import('./type').ResponsiveValue;
-    rowGap: number | import('./type').ResponsiveValue;
-    colGap: number | import('./type').ResponsiveValue;
+    rowGap: number | import('..').ResponsiveValue;
     collapsed: boolean;
+    cols: number | import('..').ResponsiveValue;
+    colGap: number | import('..').ResponsiveValue;
     collapsedRows: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/es/Grid/Grid.vue.js

@@ -1,8 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, normalizeStyle, unref, renderSlot } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { mediaQueryHandler, valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/Grid/GridCol.vue.d.ts

@@ -7,8 +7,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<GridColProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridColProps> & Readonly<{}>, {
-    span: number | import('./type').ResponsiveValue;
-    offset: number | import('./type').ResponsiveValue;
+    span: number | import('..').ResponsiveValue;
+    offset: number | import('..').ResponsiveValue;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/es/Grid/GridCol.vue.js

@@ -1,9 +1,6 @@
 import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { getBreakpointValue, valueToPx } from "../_shared/utils/dom.js";
 import { isString } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/Grid/GridItem.vue.d.ts

@@ -7,9 +7,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<GridItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridItemProps> & Readonly<{}>, {
-    span: number | import('./type').ResponsiveValue;
+    span: number | import('..').ResponsiveValue;
     suffix: boolean;
-    offset: number | import('./type').ResponsiveValue;
+    offset: number | import('..').ResponsiveValue;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/es/Grid/GridItem.vue.js

@@ -1,8 +1,5 @@
 import { defineComponent, toRefs, computed, withDirectives, createElementBlock, openBlock, normalizeStyle, renderSlot, vShow } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { getBreakpointValue, valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/Grid/GridRow.vue.d.ts

@@ -7,11 +7,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<GridRowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridRowProps> & Readonly<{}>, {
+    div: boolean;
     wrap: boolean;
     justify: import('./type').GridRowJustify;
-    div: boolean;
-    gutter: import('./type').Gutter | [import('./type').Gutter, import('./type').Gutter];
     align: import('./type').GridRowAlign;
+    gutter: import('./type').GridRowGutter | [import('./type').GridRowGutter, import('./type').GridRowGutter];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/es/Grid/GridRow.vue.js

@@ -1,8 +1,5 @@
 import { defineComponent, toRefs, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { mediaQueryHandler, valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/Grid/hooks/useContext.d.ts

@@ -1,6 +1,6 @@
 import { Ref, Reactive } from 'vue';
-import { BreakpointName, Gutter } from '../type';
-import { Props } from '../../_shared/type';
+import { GridRowGutter } from '../type';
+import { RecordType, BreakpointName } from '../../_shared/type';
 export declare const GRID_CONTEXT_KEY = "grid-context";
 export type GridContext = {
     breakpoint: Ref<BreakpointName>;
@@ -17,9 +17,9 @@ export type SpanMap = Map<string, {
     span: number;
     suffix: boolean;
 }>;
-export type GutterValue = Gutter | [Gutter, Gutter];
+export type GutterValue = GridRowGutter | [GridRowGutter, GridRowGutter];
 declare const _default: () => {
-    provide: (props: Props) => {
+    provide: (props: RecordType) => {
         breakpoint: Ref<BreakpointName, BreakpointName>;
         cols: import('vue').ComputedRef<number>;
         colGap: import('vue').ComputedRef<number>;

package/es/Grid/hooks/useContext.js

@@ -1,10 +1,7 @@
 import { toRefs, ref, reactive, computed, provide, inject, watchEffect, onBeforeUnmount } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
-import { getBreakpointValue } from "../../_shared/utils/dom.js";
-import { isArray } from "../../_shared/utils/is.js";
-import "../../_shared/utils/time.js";
-import "../../_shared/utils/locale.js";
 import { nanoid } from "../../node_modules/nanoid/index.browser.js";
+import { isArray } from "../../_shared/utils/is.js";
+import { getBreakpointValue } from "../../_shared/utils/dom.js";
 const GRID_CONTEXT_KEY = "grid-context";
 const useContext = () => {
   const provide$1 = (props) => {

package/es/Grid/index.d.ts

@@ -7,10 +7,10 @@ export type ColInstance = InstanceType<typeof _Col>;
 export * from './type';
 declare const Grid: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').GridProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        cols: number | import('./type').ResponsiveValue;
-        rowGap: number | import('./type').ResponsiveValue;
-        colGap: number | import('./type').ResponsiveValue;
+        rowGap: number | import('..').ResponsiveValue;
         collapsed: boolean;
+        cols: number | import('..').ResponsiveValue;
+        colGap: number | import('..').ResponsiveValue;
         collapsedRows: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
@@ -20,28 +20,28 @@ declare const Grid: {
         M: {};
         Defaults: {};
     }, Readonly<import('./type').GridProps> & Readonly<{}>, {}, {}, {}, {}, {
-        cols: number | import('./type').ResponsiveValue;
-        rowGap: number | import('./type').ResponsiveValue;
-        colGap: number | import('./type').ResponsiveValue;
+        rowGap: number | import('..').ResponsiveValue;
         collapsed: boolean;
+        cols: number | import('..').ResponsiveValue;
+        colGap: number | import('..').ResponsiveValue;
         collapsedRows: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').GridProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    cols: number | import('./type').ResponsiveValue;
-    rowGap: number | import('./type').ResponsiveValue;
-    colGap: number | import('./type').ResponsiveValue;
+    rowGap: number | import('..').ResponsiveValue;
     collapsed: boolean;
+    cols: number | import('..').ResponsiveValue;
+    colGap: number | import('..').ResponsiveValue;
     collapsedRows: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: Readonly<import('./type').GridSlots> & import('./type').GridSlots;
 }) & {
     col: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').GridColProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            span: number | import('./type').ResponsiveValue;
-            offset: number | import('./type').ResponsiveValue;
+            span: number | import('..').ResponsiveValue;
+            offset: number | import('..').ResponsiveValue;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -50,25 +50,25 @@ declare const Grid: {
             M: {};
             Defaults: {};
         }, Readonly<import('./type').GridColProps> & Readonly<{}>, {}, {}, {}, {}, {
-            span: number | import('./type').ResponsiveValue;
-            offset: number | import('./type').ResponsiveValue;
+            span: number | import('..').ResponsiveValue;
+            offset: number | import('..').ResponsiveValue;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').GridColProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        span: number | import('./type').ResponsiveValue;
-        offset: number | import('./type').ResponsiveValue;
+        span: number | import('..').ResponsiveValue;
+        offset: number | import('..').ResponsiveValue;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<import('./type').GridColSlots> & import('./type').GridColSlots;
     });
     row: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').GridRowProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            div: boolean;
             wrap: boolean;
             justify: import('./type').GridRowJustify;
-            div: boolean;
-            gutter: import('./type').Gutter | [import('./type').Gutter, import('./type').Gutter];
             align: import('./type').GridRowAlign;
+            gutter: import('./type').GridRowGutter | [import('./type').GridRowGutter, import('./type').GridRowGutter];
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -77,29 +77,29 @@ declare const Grid: {
             M: {};
             Defaults: {};
         }, Readonly<import('./type').GridRowProps> & Readonly<{}>, {}, {}, {}, {}, {
+            div: boolean;
             wrap: boolean;
             justify: import('./type').GridRowJustify;
-            div: boolean;
-            gutter: import('./type').Gutter | [import('./type').Gutter, import('./type').Gutter];
             align: import('./type').GridRowAlign;
+            gutter: import('./type').GridRowGutter | [import('./type').GridRowGutter, import('./type').GridRowGutter];
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').GridRowProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        div: boolean;
         wrap: boolean;
         justify: import('./type').GridRowJustify;
-        div: boolean;
-        gutter: import('./type').Gutter | [import('./type').Gutter, import('./type').Gutter];
         align: import('./type').GridRowAlign;
+        gutter: import('./type').GridRowGutter | [import('./type').GridRowGutter, import('./type').GridRowGutter];
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<import('./type').GridRowSlots> & import('./type').GridRowSlots;
     });
     item: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').GridItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            span: number | import('./type').ResponsiveValue;
+            span: number | import('..').ResponsiveValue;
             suffix: boolean;
-            offset: number | import('./type').ResponsiveValue;
+            offset: number | import('..').ResponsiveValue;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -108,17 +108,17 @@ declare const Grid: {
             M: {};
             Defaults: {};
         }, Readonly<import('./type').GridItemProps> & Readonly<{}>, {}, {}, {}, {}, {
-            span: number | import('./type').ResponsiveValue;
+            span: number | import('..').ResponsiveValue;
             suffix: boolean;
-            offset: number | import('./type').ResponsiveValue;
+            offset: number | import('..').ResponsiveValue;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').GridItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        span: number | import('./type').ResponsiveValue;
+        span: number | import('..').ResponsiveValue;
         suffix: boolean;
-        offset: number | import('./type').ResponsiveValue;
+        offset: number | import('..').ResponsiveValue;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<import('./type').GridItemSlots> & import('./type').GridItemSlots;
     });