yuyeon 0.2.1-rc.9 → 0.2.2-rc.0

package/lib/util/reactivity.mjs

@@ -1,8 +1,8 @@
 import { computed, reactive, toRefs, watchEffect } from 'vue';
 
-/**
- * For Destructuring assignment
- * @param getter
+/**
+ * For Destructuring assignment
+ * @param getter
  */
 export function $computed(getter) {
   const refs = reactive({});

package/lib/util/reactivity.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"reactivity.mjs","names":["computed","reactive","toRefs","watchEffect","$computed","getter","refs","base","key","value","flush"],"sources":["../../src/util/reactivity.ts"],"sourcesContent":["import {\n  type ComputedGetter,\n  computed,\n  reactive,\n  toRefs,\n  watchEffect,\n} from 'vue';\n\n/**\n * For Destructuring assignment\n * @param getter\n */\nexport function $computed<T extends object>(getter: ComputedGetter<T>) {\n  const refs = reactive({}) as T;\n  const base = computed(getter);\n  watchEffect(\n    () => {\n      for (const key in base.value) {\n        refs[key] = base.value[key];\n      }\n    },\n    { flush: 'sync' },\n  );\n  return toRefs(refs);\n}\n"],"mappings":"AAAA,SAEEA,QAAQ,EACRC,QAAQ,EACRC,MAAM,EACNC,WAAW,QACN,KAAK;;AAEZ;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAAmBC,MAAyB,EAAE;EACrE,MAAMC,IAAI,GAAGL,QAAQ,CAAC,CAAC,CAAC,CAAM;EAC9B,MAAMM,IAAI,GAAGP,QAAQ,CAACK,MAAM,CAAC;EAC7BF,WAAW,CACT,MAAM;IACJ,KAAK,MAAMK,GAAG,IAAID,IAAI,CAACE,KAAK,EAAE;MAC5BH,IAAI,CAACE,GAAG,CAAC,GAAGD,IAAI,CAACE,KAAK,CAACD,GAAG,CAAC;IAC7B;EACF,CAAC,EACD;IAAEE,KAAK,EAAE;EAAO,CAClB,CAAC;EACD,OAAOR,MAAM,CAACI,IAAI,CAAC;AACrB"}
+{"version":3,"file":"reactivity.mjs","names":["computed","reactive","toRefs","watchEffect","$computed","getter","refs","base","key","value","flush"],"sources":["../../src/util/reactivity.ts"],"sourcesContent":["import {\r\n  type ComputedGetter,\r\n  computed,\r\n  reactive,\r\n  toRefs,\r\n  watchEffect,\r\n} from 'vue';\r\n\r\n/**\r\n * For Destructuring assignment\r\n * @param getter\r\n */\r\nexport function $computed<T extends object>(getter: ComputedGetter<T>) {\r\n  const refs = reactive({}) as T;\r\n  const base = computed(getter);\r\n  watchEffect(\r\n    () => {\r\n      for (const key in base.value) {\r\n        refs[key] = base.value[key];\r\n      }\r\n    },\r\n    { flush: 'sync' },\r\n  );\r\n  return toRefs(refs);\r\n}\r\n"],"mappings":"AAAA,SAEEA,QAAQ,EACRC,QAAQ,EACRC,MAAM,EACNC,WAAW,QACN,KAAK;;AAEZ;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAAmBC,MAAyB,EAAE;EACrE,MAAMC,IAAI,GAAGL,QAAQ,CAAC,CAAC,CAAC,CAAM;EAC9B,MAAMM,IAAI,GAAGP,QAAQ,CAACK,MAAM,CAAC;EAC7BF,WAAW,CACT,MAAM;IACJ,KAAK,MAAMK,GAAG,IAAID,IAAI,CAACE,KAAK,EAAE;MAC5BH,IAAI,CAACE,GAAG,CAAC,GAAGD,IAAI,CAACE,KAAK,CAACD,GAAG,CAAC;IAC7B;EACF,CAAC,EACD;IAAEE,KAAK,EAAE;EAAO,CAClB,CAAC;EACD,OAAOR,MAAM,CAACI,IAAI,CAAC;AACrB"}

package/lib/util/rect.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rect.mjs","names":["MutableRect","constructor","_ref","x","y","width","height","top","bottom","left","right","getOverflow","a","b","before","Math","max","after"],"sources":["../../src/util/rect.ts"],"sourcesContent":["export interface Rect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n\n  get top(): number;\n  get bottom(): number;\n  get left(): number;\n  get right(): number;\n}\n\nexport class MutableRect implements Rect {\n  public x: number;\n\n  public y: number;\n\n  public width: number;\n\n  public height: number;\n\n  constructor({\n    x,\n    y,\n    width,\n    height,\n  }: {\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n  }) {\n    this.x = x ?? 0;\n    this.y = y ?? 0;\n    this.width = width ?? 0;\n    this.height = height ?? 0;\n  }\n\n  public get top(): number {\n    return this.y;\n  }\n\n  public get bottom(): number {\n    return this.y + this.height;\n  }\n\n  public get left(): number {\n    return this.x;\n  }\n\n  public get right(): number {\n    return this.x + this.width;\n  }\n}\n\nexport function getOverflow(a: MutableRect, b: MutableRect) {\n  return {\n    x: {\n      before: Math.max(0, b.left - a.left),\n      after: Math.max(0, a.right - b.right),\n    },\n    y: {\n      before: Math.max(0, b.top - a.top),\n      after: Math.max(0, a.bottom - b.bottom),\n    },\n  };\n}\n"],"mappings":"AAYA,OAAO,MAAMA,WAAW,CAAiB;EASvCC,WAAWA,CAAAC,IAAA,EAUR;IAAA,IAVS;MACVC,CAAC;MACDC,CAAC;MACDC,KAAK;MACLC;IAMF,CAAC,GAAAJ,IAAA;IACC,IAAI,CAACC,CAAC,GAAGA,CAAC,IAAI,CAAC;IACf,IAAI,CAACC,CAAC,GAAGA,CAAC,IAAI,CAAC;IACf,IAAI,CAACC,KAAK,GAAGA,KAAK,IAAI,CAAC;IACvB,IAAI,CAACC,MAAM,GAAGA,MAAM,IAAI,CAAC;EAC3B;EAEA,IAAWC,GAAGA,CAAA,EAAW;IACvB,OAAO,IAAI,CAACH,CAAC;EACf;EAEA,IAAWI,MAAMA,CAAA,EAAW;IAC1B,OAAO,IAAI,CAACJ,CAAC,GAAG,IAAI,CAACE,MAAM;EAC7B;EAEA,IAAWG,IAAIA,CAAA,EAAW;IACxB,OAAO,IAAI,CAACN,CAAC;EACf;EAEA,IAAWO,KAAKA,CAAA,EAAW;IACzB,OAAO,IAAI,CAACP,CAAC,GAAG,IAAI,CAACE,KAAK;EAC5B;AACF;AAEA,OAAO,SAASM,WAAWA,CAACC,CAAc,EAAEC,CAAc,EAAE;EAC1D,OAAO;IACLV,CAAC,EAAE;MACDW,MAAM,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEH,CAAC,CAACJ,IAAI,GAAGG,CAAC,CAACH,IAAI,CAAC;MACpCQ,KAAK,EAAEF,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEJ,CAAC,CAACF,KAAK,GAAGG,CAAC,CAACH,KAAK;IACtC,CAAC;IACDN,CAAC,EAAE;MACDU,MAAM,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEH,CAAC,CAACN,GAAG,GAAGK,CAAC,CAACL,GAAG,CAAC;MAClCU,KAAK,EAAEF,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEJ,CAAC,CAACJ,MAAM,GAAGK,CAAC,CAACL,MAAM;IACxC;EACF,CAAC;AACH"}
+{"version":3,"file":"rect.mjs","names":["MutableRect","constructor","_ref","x","y","width","height","top","bottom","left","right","getOverflow","a","b","before","Math","max","after"],"sources":["../../src/util/rect.ts"],"sourcesContent":["export interface Rect {\r\n  x: number;\r\n  y: number;\r\n  width: number;\r\n  height: number;\r\n\r\n  get top(): number;\r\n  get bottom(): number;\r\n  get left(): number;\r\n  get right(): number;\r\n}\r\n\r\nexport class MutableRect implements Rect {\r\n  public x: number;\r\n\r\n  public y: number;\r\n\r\n  public width: number;\r\n\r\n  public height: number;\r\n\r\n  constructor({\r\n    x,\r\n    y,\r\n    width,\r\n    height,\r\n  }: {\r\n    x: number;\r\n    y: number;\r\n    width: number;\r\n    height: number;\r\n  }) {\r\n    this.x = x ?? 0;\r\n    this.y = y ?? 0;\r\n    this.width = width ?? 0;\r\n    this.height = height ?? 0;\r\n  }\r\n\r\n  public get top(): number {\r\n    return this.y;\r\n  }\r\n\r\n  public get bottom(): number {\r\n    return this.y + this.height;\r\n  }\r\n\r\n  public get left(): number {\r\n    return this.x;\r\n  }\r\n\r\n  public get right(): number {\r\n    return this.x + this.width;\r\n  }\r\n}\r\n\r\nexport function getOverflow(a: MutableRect, b: MutableRect) {\r\n  return {\r\n    x: {\r\n      before: Math.max(0, b.left - a.left),\r\n      after: Math.max(0, a.right - b.right),\r\n    },\r\n    y: {\r\n      before: Math.max(0, b.top - a.top),\r\n      after: Math.max(0, a.bottom - b.bottom),\r\n    },\r\n  };\r\n}\r\n"],"mappings":"AAYA,OAAO,MAAMA,WAAW,CAAiB;EASvCC,WAAWA,CAAAC,IAAA,EAUR;IAAA,IAVS;MACVC,CAAC;MACDC,CAAC;MACDC,KAAK;MACLC;IAMF,CAAC,GAAAJ,IAAA;IACC,IAAI,CAACC,CAAC,GAAGA,CAAC,IAAI,CAAC;IACf,IAAI,CAACC,CAAC,GAAGA,CAAC,IAAI,CAAC;IACf,IAAI,CAACC,KAAK,GAAGA,KAAK,IAAI,CAAC;IACvB,IAAI,CAACC,MAAM,GAAGA,MAAM,IAAI,CAAC;EAC3B;EAEA,IAAWC,GAAGA,CAAA,EAAW;IACvB,OAAO,IAAI,CAACH,CAAC;EACf;EAEA,IAAWI,MAAMA,CAAA,EAAW;IAC1B,OAAO,IAAI,CAACJ,CAAC,GAAG,IAAI,CAACE,MAAM;EAC7B;EAEA,IAAWG,IAAIA,CAAA,EAAW;IACxB,OAAO,IAAI,CAACN,CAAC;EACf;EAEA,IAAWO,KAAKA,CAAA,EAAW;IACzB,OAAO,IAAI,CAACP,CAAC,GAAG,IAAI,CAACE,KAAK;EAC5B;AACF;AAEA,OAAO,SAASM,WAAWA,CAACC,CAAc,EAAEC,CAAc,EAAE;EAC1D,OAAO;IACLV,CAAC,EAAE;MACDW,MAAM,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEH,CAAC,CAACJ,IAAI,GAAGG,CAAC,CAACH,IAAI,CAAC;MACpCQ,KAAK,EAAEF,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEJ,CAAC,CAACF,KAAK,GAAGG,CAAC,CAACH,KAAK;IACtC,CAAC;IACDN,CAAC,EAAE;MACDU,MAAM,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEH,CAAC,CAACN,GAAG,GAAGK,CAAC,CAACL,GAAG,CAAC;MAClCU,KAAK,EAAEF,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEJ,CAAC,CAACJ,MAAM,GAAGK,CAAC,CAACL,MAAM;IACxC;EACF,CAAC;AACH"}

package/lib/util/validation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"validation.mjs","names":["REQUIRE_RULE","value"],"sources":["../../src/util/validation.ts"],"sourcesContent":["export function REQUIRE_RULE(value: any): boolean {\n  return !!value;\n}\n\nexport default {};\n"],"mappings":"AAAA,OAAO,SAASA,YAAYA,CAACC,KAAU,EAAW;EAChD,OAAO,CAAC,CAACA,KAAK;AAChB;AAEA,eAAe,CAAC,CAAC"}
+{"version":3,"file":"validation.mjs","names":["REQUIRE_RULE","value"],"sources":["../../src/util/validation.ts"],"sourcesContent":["export function REQUIRE_RULE(value: any): boolean {\r\n  return !!value;\r\n}\r\n\r\nexport default {};\r\n"],"mappings":"AAAA,OAAO,SAASA,YAAYA,CAACC,KAAU,EAAW;EAChD,OAAO,CAAC,CAACA,KAAK;AAChB;AAEA,eAAe,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuyeon",
-  "version": "0.2.1-rc.9",
+  "version": "0.2.2-rc.0",
   "keywords": [
     "UI Library",
     "Vue"

package/types/components/date-picker/YMonthPicker.d.ts

@@ -21,5 +21,5 @@ export declare const YMonthPicker: import('vue').DefineComponent<{
     modelValue: NumberConstructor;
     color: StringConstructor;
     height: (NumberConstructor | StringConstructor)[];
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "mode"[], "mode">;
 export type YMonthPicker = InstanceType<typeof YMonthPicker>;

package/types/components/date-picker/YYearPicker.d.ts

@@ -34,5 +34,5 @@ export declare const YYearPicker: import('vue').DefineComponent<{
     height: (NumberConstructor | StringConstructor)[];
     min: PropType<unknown>;
     max: PropType<unknown>;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "mode"[], "mode">;
 export type YYearPicker = InstanceType<typeof YYearPicker>;

package/types/components/dialog/YDialog.d.ts

@@ -30,6 +30,7 @@ export declare const pressYDialogPropsOptions: <Defaults extends {
     contentStyles?: unknown;
     openOnHover?: unknown;
     contained?: unknown;
+    layerGroup?: unknown;
     persistent?: unknown;
     dialogClasses?: unknown;
     maximized?: unknown;
@@ -278,6 +279,10 @@ export declare const pressYDialogPropsOptions: <Defaults extends {
         type: PropType<unknown extends Defaults["contained"] ? boolean : boolean | Defaults["contained"]>;
         default: unknown extends Defaults["contained"] ? boolean : boolean | Defaults["contained"];
     };
+    layerGroup: unknown extends Defaults["layerGroup"] ? PropType<string | Element> : {
+        type: PropType<unknown extends Defaults["layerGroup"] ? string | Element : NonNullable<string | Element> | Defaults["layerGroup"]>;
+        default: unknown extends Defaults["layerGroup"] ? string | Element : NonNullable<string | Element> | Defaults["layerGroup"];
+    };
     persistent: unknown extends Defaults["persistent"] ? {
         type: PropType<boolean>;
         default: boolean;
@@ -408,6 +413,7 @@ export declare const YDialog: import('vue').DefineComponent<{
         default: boolean;
     };
     contained: BooleanConstructor;
+    layerGroup: PropType<string | Element>;
     persistent: {
         type: PropType<boolean>;
         default: boolean;
@@ -519,6 +525,7 @@ export declare const YDialog: import('vue').DefineComponent<{
             default: number;
         };
         contained: BooleanConstructor;
+        layerGroup: PropType<string | Element>;
         modal: PropType<boolean>;
     }, {
         complementClickOption: {

package/types/components/dropdown/YDropdown.d.ts

@@ -39,6 +39,7 @@ export declare const pressYDropdownPropsOptions: <Defaults extends {
     contentStyles?: unknown;
     openOnHover?: unknown;
     contained?: unknown;
+    layerGroup?: unknown;
     preventClip?: unknown;
     preventCloseBubble?: unknown;
     menuClasses?: unknown;
@@ -367,6 +368,10 @@ export declare const pressYDropdownPropsOptions: <Defaults extends {
         type: PropType<unknown extends Defaults["contained"] ? boolean : boolean | Defaults["contained"]>;
         default: unknown extends Defaults["contained"] ? boolean : boolean | Defaults["contained"];
     };
+    layerGroup: unknown extends Defaults["layerGroup"] ? PropType<string | Element> : {
+        type: PropType<unknown extends Defaults["layerGroup"] ? string | Element : NonNullable<string | Element> | Defaults["layerGroup"]>;
+        default: unknown extends Defaults["layerGroup"] ? string | Element : NonNullable<string | Element> | Defaults["layerGroup"];
+    };
     preventClip: unknown extends Defaults["preventClip"] ? {
         type: PropType<boolean>;
         default: boolean;
@@ -531,6 +536,7 @@ export declare const YDropdown: import('vue').DefineComponent<{
         default: boolean;
     };
     contained: BooleanConstructor;
+    layerGroup: PropType<string | Element>;
     preventClip: {
         type: PropType<boolean>;
         default: boolean;

package/types/components/layer/YLayer.d.ts

@@ -32,6 +32,7 @@ export declare const pressYLayerProps: <Defaults extends {
     closeDelay?: unknown;
     zIndex?: unknown;
     contained?: unknown;
+    layerGroup?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     minWidth: unknown extends Defaults["minWidth"] ? PropType<string | number> : {
         type: PropType<unknown extends Defaults["minWidth"] ? string | number : NonNullable<string | number> | Defaults["minWidth"]>;
@@ -285,6 +286,10 @@ export declare const pressYLayerProps: <Defaults extends {
         type: PropType<unknown extends Defaults["contained"] ? boolean : boolean | Defaults["contained"]>;
         default: unknown extends Defaults["contained"] ? boolean : boolean | Defaults["contained"];
     };
+    layerGroup: unknown extends Defaults["layerGroup"] ? PropType<string | Element> : {
+        type: PropType<unknown extends Defaults["layerGroup"] ? string | Element : Defaults["layerGroup"] | NonNullable<string | Element>>;
+        default: unknown extends Defaults["layerGroup"] ? string | Element : Defaults["layerGroup"] | NonNullable<string | Element>;
+    };
 };
 export declare const YLayer: import('vue').DefineComponent<{
     minWidth: PropType<string | number>;
@@ -378,6 +383,7 @@ export declare const YLayer: import('vue').DefineComponent<{
         default: number;
     };
     contained: BooleanConstructor;
+    layerGroup: PropType<string | Element>;
     modal: PropType<boolean>;
 }, {
     complementClickOption: {

package/types/components/menu/YMenu.d.ts

@@ -99,6 +99,7 @@ export declare const YMenuPropOptions: {
         default: number;
     };
     contained: BooleanConstructor;
+    layerGroup: PropType<string | Element>;
     menuClasses: {
         type: PropType<string | string[] | Record<string, any>>;
     };
@@ -224,6 +225,7 @@ export declare const YMenu: import('vue').DefineComponent<{
         default: number;
     };
     contained: BooleanConstructor;
+    layerGroup: PropType<string | Element>;
     menuClasses: {
         type: PropType<string | string[] | Record<string, any>>;
     };
@@ -332,6 +334,7 @@ export declare const YMenu: import('vue').DefineComponent<{
             default: number;
         };
         contained: BooleanConstructor;
+        layerGroup: PropType<string | Element>;
         modal: PropType<boolean>;
     }, {
         complementClickOption: {

package/types/components/select/YSelect.d.ts

@@ -151,6 +151,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -263,6 +264,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -340,6 +342,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -452,6 +455,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -529,6 +533,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -641,6 +646,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -716,6 +722,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -828,6 +835,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -904,6 +912,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -1016,6 +1025,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -1091,6 +1101,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -1203,6 +1214,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -1666,6 +1678,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -1778,6 +1791,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -1855,6 +1869,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -1967,6 +1982,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -2044,6 +2060,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -2156,6 +2173,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -2231,6 +2249,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -2343,6 +2362,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -2419,6 +2439,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -2531,6 +2552,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -2606,6 +2628,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -2718,6 +2741,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -2956,6 +2980,7 @@ export declare const YSelect: import('vue').DefineComponent<{
             readonly eager?: boolean | undefined;
             readonly contentClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeClickScrim?: boolean | undefined;
+            readonly layerGroup?: string | Element | undefined;
             readonly preventCloseBubble?: boolean | undefined;
             readonly menuClasses?: string | string[] | Record<string, any> | undefined;
             readonly closeCondition?: boolean | Function | undefined;
@@ -3068,6 +3093,7 @@ export declare const YSelect: import('vue').DefineComponent<{
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             menuClasses: {
                 type: PropType<string | string[] | Record<string, any>>;
             };
@@ -3218,6 +3244,7 @@ export declare const YSelect: import('vue').DefineComponent<{
             default: number;
         };
         contained: BooleanConstructor;
+        layerGroup: PropType<string | Element>;
         menuClasses: {
             type: PropType<string | string[] | Record<string, any>>;
         };
@@ -3330,6 +3357,7 @@ export declare const YSelect: import('vue').DefineComponent<{
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             modal: PropType<boolean>;
         }, {
             complementClickOption: {
@@ -5069,6 +5097,7 @@ export declare const YSelect: import('vue').DefineComponent<{
             default: number;
         };
         contained: BooleanConstructor;
+        layerGroup: PropType<string | Element>;
         menuClasses: {
             type: PropType<string | string[] | Record<string, any>>;
         };
@@ -5221,6 +5250,7 @@ export declare const YSelect: import('vue').DefineComponent<{
             default: number;
         };
         contained: BooleanConstructor;
+        layerGroup: PropType<string | Element>;
         menuClasses: {
             type: PropType<string | string[] | Record<string, any>>;
         };
@@ -5333,6 +5363,7 @@ export declare const YSelect: import('vue').DefineComponent<{
                 default: number;
             };
             contained: BooleanConstructor;
+            layerGroup: PropType<string | Element>;
             modal: PropType<boolean>;
         }, {
             complementClickOption: {

package/types/components/snackbar/YSnackbar.d.ts

@@ -33,6 +33,7 @@ export declare const pressYSnackbarPropsOptions: <Defaults extends {
     closeDelay?: unknown;
     zIndex?: unknown;
     contained?: unknown;
+    layerGroup?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     modelValue: unknown extends Defaults["modelValue"] ? {
         type: PropType<boolean>;
@@ -306,6 +307,10 @@ export declare const pressYSnackbarPropsOptions: <Defaults extends {
         type: PropType<unknown extends Defaults["contained"] ? boolean : boolean | Defaults["contained"]>;
         default: unknown extends Defaults["contained"] ? boolean : boolean | Defaults["contained"];
     };
+    layerGroup: unknown extends Defaults["layerGroup"] ? PropType<string | Element> : {
+        type: PropType<unknown extends Defaults["layerGroup"] ? string | Element : NonNullable<string | Element> | Defaults["layerGroup"]>;
+        default: unknown extends Defaults["layerGroup"] ? string | Element : NonNullable<string | Element> | Defaults["layerGroup"];
+    };
 };
 export declare const YSnackbar: import('vue').DefineComponent<{
     modelValue: {
@@ -412,6 +417,7 @@ export declare const YSnackbar: import('vue').DefineComponent<{
         default: number;
     };
     contained: BooleanConstructor;
+    layerGroup: PropType<string | Element>;
 }, {
     active: import('vue').Ref<any> & {
         readonly rxValue: any;

package/types/components/table/YDataTable.d.ts

@@ -129,10 +129,10 @@ export declare const pressDataTableProps: <Defaults extends {
     };
     itemComparator: unknown extends Defaults["itemComparator"] ? {
         type: PropType<string | typeof import('../../util').deepEqual>;
-        default: typeof import('../../util').deepEqual;
+        default: () => typeof import('../../util').deepEqual;
     } : Omit<{
         type: PropType<string | typeof import('../../util').deepEqual>;
-        default: typeof import('../../util').deepEqual;
+        default: () => typeof import('../../util').deepEqual;
     }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["itemComparator"] ? string | typeof import('../../util').deepEqual : NonNullable<string | typeof import('../../util').deepEqual> | Defaults["itemComparator"]>;
         default: unknown extends Defaults["itemComparator"] ? string | typeof import('../../util').deepEqual : NonNullable<string | typeof import('../../util').deepEqual> | Defaults["itemComparator"];
@@ -208,6 +208,7 @@ export declare const pressDataTableProps: <Defaults extends {
             readonly rowspan?: number | undefined;
             readonly fixed?: boolean | undefined;
             readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
+            readonly headerClasses?: string | readonly string[] | undefined;
             readonly align?: "start" | "end" | "center" | undefined;
             readonly width?: string | number | undefined;
             readonly minWidth?: string | undefined;
@@ -226,6 +227,7 @@ export declare const pressDataTableProps: <Defaults extends {
             readonly rowspan?: number | undefined;
             readonly fixed?: boolean | undefined;
             readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
+            readonly headerClasses?: string | readonly string[] | undefined;
             readonly align?: "start" | "end" | "center" | undefined;
             readonly width?: string | number | undefined;
             readonly minWidth?: string | undefined;
@@ -244,6 +246,7 @@ export declare const pressDataTableProps: <Defaults extends {
             readonly rowspan?: number | undefined;
             readonly fixed?: boolean | undefined;
             readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
+            readonly headerClasses?: string | readonly string[] | undefined;
             readonly align?: "start" | "end" | "center" | undefined;
             readonly width?: string | number | undefined;
             readonly minWidth?: string | undefined;
@@ -259,6 +262,7 @@ export declare const pressDataTableProps: <Defaults extends {
             readonly rowspan?: number | undefined;
             readonly fixed?: boolean | undefined;
             readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
+            readonly headerClasses?: string | readonly string[] | undefined;
             readonly align?: "start" | "end" | "center" | undefined;
             readonly width?: string | number | undefined;
             readonly minWidth?: string | undefined;
@@ -275,6 +279,7 @@ export declare const pressDataTableProps: <Defaults extends {
             readonly rowspan?: number | undefined;
             readonly fixed?: boolean | undefined;
             readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
+            readonly headerClasses?: string | readonly string[] | undefined;
             readonly align?: "start" | "end" | "center" | undefined;
             readonly width?: string | number | undefined;
             readonly minWidth?: string | undefined;
@@ -290,6 +295,7 @@ export declare const pressDataTableProps: <Defaults extends {
             readonly rowspan?: number | undefined;
             readonly fixed?: boolean | undefined;
             readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
+            readonly headerClasses?: string | readonly string[] | undefined;
             readonly align?: "start" | "end" | "center" | undefined;
             readonly width?: string | number | undefined;
             readonly minWidth?: string | undefined;
@@ -387,7 +393,7 @@ export declare const YDataTable: import('vue').DefineComponent<{
     };
     itemComparator: {
         type: PropType<string | typeof import('../../util').deepEqual>;
-        default: typeof import('../../util').deepEqual;
+        default: () => typeof import('../../util').deepEqual;
     };
     sortBy: {
         type: PropType<readonly {
@@ -418,6 +424,7 @@ export declare const YDataTable: import('vue').DefineComponent<{
             readonly rowspan?: number | undefined;
             readonly fixed?: boolean | undefined;
             readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
+            readonly headerClasses?: string | readonly string[] | undefined;
             readonly align?: "start" | "end" | "center" | undefined;
             readonly width?: string | number | undefined;
             readonly minWidth?: string | undefined;

package/types/components/table/YDataTableServer.d.ts

@@ -132,10 +132,10 @@ export declare const pressDataTableServerProps: <Defaults extends {
     };
     itemComparator: unknown extends Defaults["itemComparator"] ? {
         type: PropType<string | typeof import('../../util').deepEqual>;
-        default: typeof import('../../util').deepEqual;
+        default: () => typeof import('../../util').deepEqual;
     } : Omit<{
         type: PropType<string | typeof import('../../util').deepEqual>;
-        default: typeof import('../../util').deepEqual;
+        default: () => typeof import('../../util').deepEqual;
     }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["itemComparator"] ? string | typeof import('../../util').deepEqual : NonNullable<string | typeof import('../../util').deepEqual> | Defaults["itemComparator"]>;
         default: unknown extends Defaults["itemComparator"] ? string | typeof import('../../util').deepEqual : NonNullable<string | typeof import('../../util').deepEqual> | Defaults["itemComparator"];
@@ -211,6 +211,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
             readonly rowspan?: number | undefined;
             readonly fixed?: boolean | undefined;
             readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
+            readonly headerClasses?: string | readonly string[] | undefined;
             readonly align?: "start" | "end" | "center" | undefined;
             readonly width?: string | number | undefined;
             readonly minWidth?: string | undefined;
@@ -229,6 +230,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
             readonly rowspan?: number | undefined;
             readonly fixed?: boolean | undefined;
             readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
+            readonly headerClasses?: string | readonly string[] | undefined;
             readonly align?: "start" | "end" | "center" | undefined;
             readonly width?: string | number | undefined;
             readonly minWidth?: string | undefined;
@@ -247,6 +249,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
             readonly rowspan?: number | undefined;
             readonly fixed?: boolean | undefined;
             readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
+            readonly headerClasses?: string | readonly string[] | undefined;
             readonly align?: "start" | "end" | "center" | undefined;
             readonly width?: string | number | undefined;
             readonly minWidth?: string | undefined;
@@ -262,6 +265,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
             readonly rowspan?: number | undefined;
             readonly fixed?: boolean | undefined;
             readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
+            readonly headerClasses?: string | readonly string[] | undefined;
             readonly align?: "start" | "end" | "center" | undefined;
             readonly width?: string | number | undefined;
             readonly minWidth?: string | undefined;
@@ -278,6 +282,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
             readonly rowspan?: number | undefined;
             readonly fixed?: boolean | undefined;
             readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
+            readonly headerClasses?: string | readonly string[] | undefined;
             readonly align?: "start" | "end" | "center" | undefined;
             readonly width?: string | number | undefined;
             readonly minWidth?: string | undefined;
@@ -293,6 +298,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
             readonly rowspan?: number | undefined;
             readonly fixed?: boolean | undefined;
             readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
+            readonly headerClasses?: string | readonly string[] | undefined;
             readonly align?: "start" | "end" | "center" | undefined;
             readonly width?: string | number | undefined;
             readonly minWidth?: string | undefined;
@@ -420,7 +426,7 @@ export declare const YDataTableServer: import('vue').DefineComponent<{
     };
     itemComparator: {
         type: PropType<string | typeof import('../../util').deepEqual>;
-        default: typeof import('../../util').deepEqual;
+        default: () => typeof import('../../util').deepEqual;
     };
     sortBy: {
         type: PropType<readonly {
@@ -451,6 +457,7 @@ export declare const YDataTableServer: import('vue').DefineComponent<{
             readonly rowspan?: number | undefined;
             readonly fixed?: boolean | undefined;
             readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
+            readonly headerClasses?: string | readonly string[] | undefined;
             readonly align?: "start" | "end" | "center" | undefined;
             readonly width?: string | number | undefined;
             readonly minWidth?: string | undefined;