yuyeon 0.3.1-rc.2 → 0.3.1-rc.4

package/package.json

@@ -1,120 +1,120 @@
-{
-  "name": "yuyeon",
-  "version": "0.3.1-rc.2",
-  "keywords": [
-    "UI Library",
-    "Vue"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/yuyeonUI/yuyeon",
-    "directory": "packages/yuyeon"
-  },
-  "author": "yeonyew",
-  "license": "Apache-2.0",
-  "files": [
-    "dist/",
-    "lib/",
-    "types/"
-  ],
-  "type": "module",
-  "exports": {
-    ".": {
-      "types": "./types/index.d.ts",
-      "default": "./lib/index.mjs"
-    },
-    "./styles/*": "./lib/styles/*",
-    "./locales": {
-      "types": "./types/locales/index.d.ts",
-      "default": "./lib/locales/index.mjs"
-    },
-    "./lib": {
-      "types": "./types/index.d.ts"
-    },
-    "./components": {
-      "types": "./types/components/index.d.ts",
-      "module": "./lib/components/index.mjs"
-    },
-    "./components/*": "./lib/components/*/index.mjs",
-    "./composables": {
-      "types": "./types/composables/index.d.ts",
-      "module": "./lib/composables/index.mjs",
-      "default": "./lib/composables/index.mjs"
-    },
-    "./util": {
-      "types": "./types/util/index.d.ts",
-      "module": "./lib/util/index.mjs"
-    },
-    "./shims": "./types/shims.d.ts",
-    "./types/*": "./types/*",
-    "./*": "./*"
-  },
-  "main": "lib/index.mjs",
-  "module": "lib/index.mjs",
-  "types": "types/index.d.ts",
-  "typesVersions": {
-    "*": {
-      "lib/index.mjs": [
-        "types/index.d.ts"
-      ],
-      "*": [
-        "*",
-        "types/*",
-        "types/*.d.ts",
-        "types/*/index.d.ts"
-      ]
-    }
-  },
-  "scripts": {
-    "build": "vue-tsc && vite build && yarn run build:lib",
-    "build:lib": "cross-env NODE_ENV=lib babel src --out-dir lib --source-maps --extensions \".ts\",\".tsx\" --copy-files --no-copy-ignored --out-file-extension .mjs"
-  },
-  "dependencies": {
-    "motion": "^10.15.5"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.21.0",
-    "@babel/core": "^7.21.3",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-typescript": "^7.21.0",
-    "@rollup/plugin-alias": "^4.0.3",
-    "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-typescript": "^11.0.0",
-    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
-    "@types/jest": "^28.1.8",
-    "@types/node": "^18.19.1",
-    "@types/resize-observer-browser": "^0.1.7",
-    "@vitejs/plugin-vue": "^5.0.5",
-    "@vitejs/plugin-vue-jsx": "^4.0.0",
-    "@vue/babel-plugin-jsx": "^1.2.2",
-    "@vue/test-utils": "2.4.6",
-    "autoprefixer": "^10.4.14",
-    "babel-plugin-add-import-extension": "1.5.1",
-    "babel-plugin-module-resolver": "^5.0.0",
-    "babel-plugin-transform-define": "^2.1.0",
-    "babel-polyfill": "^6.26.0",
-    "concurrently": "^4.1.1",
-    "cross-env": "^7.0.3",
-    "rollup": "^4.22.4",
-    "rollup-plugin-dts": "^5.3.0",
-    "rollup-plugin-sass": "^1.2.19",
-    "rollup-plugin-sourcemaps": "^0.6.3",
-    "rollup-plugin-terser": "^7.0.2",
-    "sass": "^1.63.3",
-    "vite": "^5.4.6",
-    "vite-plugin-dts": "^3.9.1",
-    "vue-router": "^4.3.3",
-    "vue-tsc": "^2.0.21"
-  },
-  "peerDependencies": {
-    "motion": "^10.15.5",
-    "vue": "^3.3.0",
-    "vue-i18n": "^9.0.0 || ^10.0.0"
-  },
-  "peerDependenciesMeta": {
-    "vue-i18n": {
-      "optional": true
-    }
-  }
-}
+{
+  "name": "yuyeon",
+  "version": "0.3.1-rc.4",
+  "keywords": [
+    "UI Library",
+    "Vue"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yuyeonUI/yuyeon",
+    "directory": "packages/yuyeon"
+  },
+  "author": "yeonyew",
+  "license": "Apache-2.0",
+  "files": [
+    "dist/",
+    "lib/",
+    "types/"
+  ],
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "default": "./lib/index.mjs"
+    },
+    "./styles/*": "./lib/styles/*",
+    "./locales": {
+      "types": "./types/locales/index.d.ts",
+      "default": "./lib/locales/index.mjs"
+    },
+    "./lib": {
+      "types": "./types/index.d.ts"
+    },
+    "./components": {
+      "types": "./types/components/index.d.ts",
+      "module": "./lib/components/index.mjs"
+    },
+    "./components/*": "./lib/components/*/index.mjs",
+    "./composables": {
+      "types": "./types/composables/index.d.ts",
+      "module": "./lib/composables/index.mjs",
+      "default": "./lib/composables/index.mjs"
+    },
+    "./util": {
+      "types": "./types/util/index.d.ts",
+      "module": "./lib/util/index.mjs"
+    },
+    "./shims": "./types/shims.d.ts",
+    "./types/*": "./types/*",
+    "./*": "./*"
+  },
+  "main": "lib/index.mjs",
+  "module": "lib/index.mjs",
+  "types": "types/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "lib/index.mjs": [
+        "types/index.d.ts"
+      ],
+      "*": [
+        "*",
+        "types/*",
+        "types/*.d.ts",
+        "types/*/index.d.ts"
+      ]
+    }
+  },
+  "scripts": {
+    "build": "vue-tsc && vite build && yarn run build:lib",
+    "build:lib": "cross-env NODE_ENV=lib babel src --out-dir lib --source-maps --extensions \".ts\",\".tsx\" --copy-files --no-copy-ignored --out-file-extension .mjs"
+  },
+  "dependencies": {
+    "motion": "^10.15.5"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.21.0",
+    "@babel/core": "^7.21.3",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-typescript": "^7.21.0",
+    "@rollup/plugin-alias": "^4.0.3",
+    "@rollup/plugin-babel": "^6.0.3",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-typescript": "^11.0.0",
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
+    "@types/jest": "^28.1.8",
+    "@types/node": "^18.19.1",
+    "@types/resize-observer-browser": "^0.1.7",
+    "@vitejs/plugin-vue": "^5.0.5",
+    "@vitejs/plugin-vue-jsx": "^4.0.0",
+    "@vue/babel-plugin-jsx": "^1.2.2",
+    "@vue/test-utils": "2.4.6",
+    "autoprefixer": "^10.4.14",
+    "babel-plugin-add-import-extension": "1.5.1",
+    "babel-plugin-module-resolver": "^5.0.0",
+    "babel-plugin-transform-define": "^2.1.0",
+    "babel-polyfill": "^6.26.0",
+    "concurrently": "^4.1.1",
+    "cross-env": "^7.0.3",
+    "rollup": "^4.22.4",
+    "rollup-plugin-dts": "^5.3.0",
+    "rollup-plugin-sass": "^1.2.19",
+    "rollup-plugin-sourcemaps": "^0.6.3",
+    "rollup-plugin-terser": "^7.0.2",
+    "sass": "^1.63.3",
+    "vite": "^5.4.6",
+    "vite-plugin-dts": "^3.9.1",
+    "vue-router": "^4.3.3",
+    "vue-tsc": "^2.0.21"
+  },
+  "peerDependencies": {
+    "motion": "^10.15.5",
+    "vue": "^3.3.0",
+    "vue-i18n": "^9.0.0 || ^10.0.0"
+  },
+  "peerDependenciesMeta": {
+    "vue-i18n": {
+      "optional": true
+    }
+  }
+}

package/types/globals.d.ts

@@ -1,21 +1,21 @@
 import { VNode } from 'vue';
-
-
-declare global {
-  namespace JSX {
-    interface Element extends VNode {}
-
-    interface IntrinsicAttributes {
-      [name: string]: any
-    }
-  }
-}
-
-declare module '@vue/runtime-core' {
-  export interface ComponentCustomProperties {
-  }
-
-  export interface ComponentInternalInstance {
-    provides: Record<string, unknown>
-  }
-}
+
+
+declare global {
+  namespace JSX {
+    interface Element extends VNode {}
+
+    interface IntrinsicAttributes {
+      [name: string]: any
+    }
+  }
+}
+
+declare module '@vue/runtime-core' {
+  export interface ComponentCustomProperties {
+  }
+
+  export interface ComponentInternalInstance {
+    provides: Record<string, unknown>
+  }
+}

package/types/shims.d.ts

@@ -1,56 +1,56 @@
 import { YAlert, YApp, YBadge, YButton, YCard, YCardBody, YCardFooter, YCardHeader, YCheckbox, YChip, YDataTable, YDataTableServer, YDateCalendar, YDatePicker, YDialog, YDividePanel, YDivider, YDropdown, YExpandHTransition, YExpandVTransition, YFieldInput, YForm, YHover, YIcon, YInput, YInputCheckbox, YIpv4Field, YLayer, YList, YListItem, YMenu, YMonthPicker, YPagination, YProgressBar, YSelect, YSnackbar, YSpinnerRing, YSwitch, YTab, YTable, YTabs, YTextHighlighter, YTextarea, YTi, YTooltip, YTreeView, YTreeViewNode, YProgressRing } from 'yuyeon/components';
-
-
-declare module '@vue/runtime-core' {
-  export interface GlobalComponents {
-    // @define-components
-    YApp: typeof YApp;
-    YButton: typeof YButton;
-    YChip: typeof YChip;
-    YInput: typeof YInput;
-    YFieldInput: typeof YFieldInput;
-    YTextarea: typeof YTextarea;
-    YForm: typeof YForm;
-    YCard: typeof YCard;
-    YCardBody: typeof YCardBody;
-    YCardHeader: typeof YCardHeader;
-    YCardFooter: typeof YCardFooter;
-    YDialog: typeof YDialog;
-    YLayer: typeof YLayer;
-    YSnackbar: typeof YSnackbar;
-    YProgressBar: typeof YProgressBar;
-    YSpinnerRing: typeof YSpinnerRing;
-    YTooltip: typeof YTooltip;
-    YExpandVTransition: typeof YExpandVTransition;
-    YExpandHTransition: typeof YExpandHTransition;
-    YDividePanel: typeof YDividePanel;
-    YList: typeof YList;
-    YListItem: typeof YListItem;
-    YTreeView: typeof YTreeView;
-    YTreeViewNode: typeof YTreeViewNode;
-    YDataTable: typeof YDataTable;
-    YTable: typeof YTable;
-    YDataTableServer: typeof YDataTableServer;
-    YMenu: typeof YMenu;
-    YPagination: typeof YPagination;
-    YInputCheckbox: typeof YInputCheckbox;
-    YCheckbox: typeof YCheckbox;
-    YSwitch: typeof YSwitch;
-    YDropdown: typeof YDropdown;
-    YSelect: typeof YSelect;
-    YAlert: typeof YAlert;
-    YTabs: typeof YTabs;
-    YTab: typeof YTab;
-    YDivider: typeof YDivider;
-    YDateCalendar: typeof YDateCalendar;
-    YIcon: typeof YIcon;
-    YDatePicker: typeof YDatePicker;
-    YMonthPicker: typeof YMonthPicker;
-    YBadge: typeof YBadge;
-    YIpv4Field: typeof YIpv4Field;
-    YHover: typeof YHover;
-    YTi: typeof YTi;
-    YTextHighlighter: typeof YTextHighlighter;
-    YProgressRing: typeof YProgressRing;
-  }
-}
+
+
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    // @define-components
+    YApp: typeof YApp;
+    YButton: typeof YButton;
+    YChip: typeof YChip;
+    YInput: typeof YInput;
+    YFieldInput: typeof YFieldInput;
+    YTextarea: typeof YTextarea;
+    YForm: typeof YForm;
+    YCard: typeof YCard;
+    YCardBody: typeof YCardBody;
+    YCardHeader: typeof YCardHeader;
+    YCardFooter: typeof YCardFooter;
+    YDialog: typeof YDialog;
+    YLayer: typeof YLayer;
+    YSnackbar: typeof YSnackbar;
+    YProgressBar: typeof YProgressBar;
+    YSpinnerRing: typeof YSpinnerRing;
+    YTooltip: typeof YTooltip;
+    YExpandVTransition: typeof YExpandVTransition;
+    YExpandHTransition: typeof YExpandHTransition;
+    YDividePanel: typeof YDividePanel;
+    YList: typeof YList;
+    YListItem: typeof YListItem;
+    YTreeView: typeof YTreeView;
+    YTreeViewNode: typeof YTreeViewNode;
+    YDataTable: typeof YDataTable;
+    YTable: typeof YTable;
+    YDataTableServer: typeof YDataTableServer;
+    YMenu: typeof YMenu;
+    YPagination: typeof YPagination;
+    YInputCheckbox: typeof YInputCheckbox;
+    YCheckbox: typeof YCheckbox;
+    YSwitch: typeof YSwitch;
+    YDropdown: typeof YDropdown;
+    YSelect: typeof YSelect;
+    YAlert: typeof YAlert;
+    YTabs: typeof YTabs;
+    YTab: typeof YTab;
+    YDivider: typeof YDivider;
+    YDateCalendar: typeof YDateCalendar;
+    YIcon: typeof YIcon;
+    YDatePicker: typeof YDatePicker;
+    YMonthPicker: typeof YMonthPicker;
+    YBadge: typeof YBadge;
+    YIpv4Field: typeof YIpv4Field;
+    YHover: typeof YHover;
+    YTi: typeof YTi;
+    YTextHighlighter: typeof YTextHighlighter;
+    YProgressRing: typeof YProgressRing;
+  }
+}

package/lib/components/icon/poly.mjs

@@ -1,57 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from 'vue';
-import { IconValue } from "../../composables/icon.mjs";
-import { propsFactory } from "../../util/index.mjs";
-export const pressIconPropsOptions = propsFactory({
-  icon: {
-    type: IconValue
-  },
-  tag: {
-    type: String,
-    required: true
-  }
-}, 'icon');
-export const YComponentIcon = defineComponent({
-  name: 'YComponentIcon',
-  props: pressIconPropsOptions(),
-  setup(props, _ref) {
-    let {
-      slots
-    } = _ref;
-    return () => {
-      const Icon = props.icon;
-      return _createVNode(props.tag, null, {
-        default: () => [props.icon ? _createVNode(Icon, null, null) : slots.default?.()]
-      });
-    };
-  }
-});
-export const YSvgIcon = defineComponent({
-  name: 'YSvgIcon',
-  inheritAttrs: false,
-  props: pressIconPropsOptions(),
-  setup(props, _ref2) {
-    let {
-      attrs
-    } = _ref2;
-    return () => {
-      return _createVNode(props.tag, attrs, {
-        default: () => [_createVNode("svg", {
-          "class": "y-icon__svg",
-          "xmlns": "http://www.w3.org/2000/svg",
-          "viewBox": "0 0 24 24",
-          "role": "img",
-          "aria-hidden": "true"
-        }, [Array.isArray(props.icon) ? props.icon.map(path => Array.isArray(path) ? _createVNode("path", {
-          "d": path[0],
-          "fill-opacity": path[1]
-        }, null) : _createVNode("path", {
-          "d": path
-        }, null)) : _createVNode("path", {
-          "d": props.icon
-        }, null)])]
-      });
-    };
-  }
-});
-//# sourceMappingURL=poly.mjs.map

package/lib/components/icon/poly.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"poly.mjs","names":["defineComponent","IconValue","propsFactory","pressIconPropsOptions","icon","type","tag","String","required","YComponentIcon","name","props","setup","_ref","slots","Icon","_createVNode","default","YSvgIcon","inheritAttrs","_ref2","attrs","Array","isArray","map","path"],"sources":["../../../src/components/icon/poly.tsx"],"sourcesContent":["import { defineComponent } from 'vue';\n\nimport { IconValue } from '../../composables/icon';\nimport { JSXComponent } from '../../types';\nimport { propsFactory } from '../../util';\n\nexport const pressIconPropsOptions = propsFactory(\n  {\n    icon: {\n      type: IconValue,\n    },\n    tag: {\n      type: String,\n      required: true,\n    },\n  },\n  'icon',\n);\n\nexport const YComponentIcon = defineComponent({\n  name: 'YComponentIcon',\n  props: pressIconPropsOptions(),\n  setup(props, { slots }) {\n    return () => {\n      const Icon = props.icon as JSXComponent;\n      return <props.tag>{props.icon ? <Icon /> : slots.default?.()}</props.tag>;\n    };\n  },\n});\nexport type YComponentIcon = InstanceType<typeof YComponentIcon>;\n\nexport const YSvgIcon = defineComponent({\n  name: 'YSvgIcon',\n  inheritAttrs: false,\n  props: pressIconPropsOptions(),\n  setup(props, { attrs }) {\n    return () => {\n      return (\n        <props.tag {...attrs}>\n          <svg\n            class=\"y-icon__svg\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n            role=\"img\"\n            aria-hidden=\"true\"\n          >\n            {Array.isArray(props.icon) ? (\n              props.icon.map((path) =>\n                Array.isArray(path) ? (\n                  <path d={path[0] as string} fill-opacity={path[1]}></path>\n                ) : (\n                  <path d={path as string}></path>\n                ),\n              )\n            ) : (\n              <path d={props.icon as string}></path>\n            )}\n          </svg>\n        </props.tag>\n      );\n    };\n  },\n});\nexport type YSvgIcon = InstanceType<typeof YSvgIcon>;\n"],"mappings":";AAAA,SAASA,eAAe,QAAQ,KAAK;AAAC,SAE7BC,SAAS;AAAA,SAETC,YAAY;AAErB,OAAO,MAAMC,qBAAqB,GAAGD,YAAY,CAC/C;EACEE,IAAI,EAAE;IACJC,IAAI,EAAEJ;EACR,CAAC;EACDK,GAAG,EAAE;IACHD,IAAI,EAAEE,MAAM;IACZC,QAAQ,EAAE;EACZ;AACF,CAAC,EACD,MACF,CAAC;AAED,OAAO,MAAMC,cAAc,GAAGT,eAAe,CAAC;EAC5CU,IAAI,EAAE,gBAAgB;EACtBC,KAAK,EAAER,qBAAqB,CAAC,CAAC;EAC9BS,KAAKA,CAACD,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACpB,OAAO,MAAM;MACX,MAAME,IAAI,GAAGJ,KAAK,CAACP,IAAoB;MACvC,OAAAY,YAAA,CAAAL,KAAA,CAAAL,GAAA;QAAAW,OAAA,EAAAA,CAAA,MAAmBN,KAAK,CAACP,IAAI,GAAAY,YAAA,CAAAD,IAAA,gBAAcD,KAAK,CAACG,OAAO,GAAG,CAAC;MAAA;IAC9D,CAAC;EACH;AACF,CAAC,CAAC;AAGF,OAAO,MAAMC,QAAQ,GAAGlB,eAAe,CAAC;EACtCU,IAAI,EAAE,UAAU;EAChBS,YAAY,EAAE,KAAK;EACnBR,KAAK,EAAER,qBAAqB,CAAC,CAAC;EAC9BS,KAAKA,CAACD,KAAK,EAAAS,KAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,KAAA;IACpB,OAAO,MAAM;MACX,OAAAJ,YAAA,CAAAL,KAAA,CAAAL,GAAA,EACiBe,KAAK;QAAAJ,OAAA,EAAAA,CAAA,MAAAD,YAAA;UAAA,SAEV,aAAa;UAAA,SACb,4BAA4B;UAAA,WAC1B,WAAW;UAAA,QACd,KAAK;UAAA,eACE;QAAM,IAEjBM,KAAK,CAACC,OAAO,CAACZ,KAAK,CAACP,IAAI,CAAC,GACxBO,KAAK,CAACP,IAAI,CAACoB,GAAG,CAAEC,IAAI,IAClBH,KAAK,CAACC,OAAO,CAACE,IAAI,CAAC,GAAAT,YAAA;UAAA,KACRS,IAAI,CAAC,CAAC,CAAC;UAAA,gBAA0BA,IAAI,CAAC,CAAC;QAAC,WAAAT,YAAA;UAAA,KAExCS;QAAI,QAEjB,CAAC,GAAAT,YAAA;UAAA,KAEQL,KAAK,CAACP;QAAI,QACpB;MAAA;IAIT,CAAC;EACH;AACF,CAAC,CAAC"}

package/lib/composables/group.mjs

@@ -1,194 +0,0 @@
-import { computed, getCurrentInstance, inject, onBeforeUnmount, onMounted, provide, reactive, toRef, watch } from 'vue';
-import { wrapInArray } from "../util/array.mjs";
-import { deepEqual } from "../util/common.mjs";
-import { getUid, propsFactory } from "../util/vue-component.mjs";
-import { useModelDuplex } from "./communication.mjs";
-export const pressGroupPropsOptions = propsFactory({
-  modelValue: {
-    type: null,
-    default: undefined
-  },
-  multiple: Boolean,
-  mandatory: [Boolean, String],
-  max: Number,
-  selectedClass: String,
-  disabled: Boolean
-}, 'group');
-export const pressGroupItemPropsOptions = propsFactory({
-  value: null,
-  disabled: Boolean,
-  selectedClass: String
-}, 'group-item');
-export function useGroupItem(props, injectKey) {
-  let required = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  const vm = getCurrentInstance();
-  if (!vm) {
-    throw new Error('useGroupItem composable must be used inside a component setup function');
-  }
-  const id = getUid();
-  provide(Symbol.for(`${injectKey.description}:id`), id);
-  const group = inject(injectKey, null);
-  if (!group) {
-    if (!required) return group;
-    throw new Error(`[Vuetify] Could not find useGroup injection with symbol ${injectKey.description}`);
-  }
-  const value = toRef(props, 'value');
-  const disabled = computed(() => !!(group.disabled.value || props.disabled));
-  group.register({
-    id,
-    value,
-    disabled
-  }, vm);
-  onBeforeUnmount(() => {
-    group.unregister(id);
-  });
-  const isSelected = computed(() => {
-    return group.isSelected(id);
-  });
-  const selectedClass = computed(() => isSelected.value && [group.selectedClass.value, props.selectedClass]);
-  watch(isSelected, value => {
-    vm.emit('group:selected', {
-      value
-    });
-  });
-  return {
-    id,
-    isSelected,
-    toggle: () => group.select(id, !isSelected.value),
-    select: value => group.select(id, value),
-    selectedClass,
-    value,
-    disabled,
-    group
-  };
-}
-export function useGroup(props, injectKey) {
-  let isUnmounted = false;
-  const items = reactive([]);
-  const selected = useModelDuplex(props, 'modelValue', [], v => {
-    if (v == null) return [];
-    return getIds(items, wrapInArray(v));
-  }, v => {
-    const arr = getValues(items, v);
-    return props.multiple ? arr : arr[0];
-  });
-  const groupVm = getCurrentInstance();
-  function register(item, vm) {
-    // Is there a better way to fix this typing?
-    const unwrapped = item;
-    const key = Symbol.for(`${injectKey.description}:id`);
-    const children = findChildrenWithProvide(key, groupVm?.vnode);
-    const index = children.indexOf(vm);
-    if (index > -1) {
-      items.splice(index, 0, unwrapped);
-    } else {
-      items.push(unwrapped);
-    }
-  }
-  function unregister(id) {
-    if (isUnmounted) return;
-    forceMandatoryValue();
-    const index = items.findIndex(item => item.id === id);
-    items.splice(index, 1);
-  }
-  function forceMandatoryValue() {
-    const item = items.find(item => !item.disabled);
-    if (item && props.mandatory === 'force' && !selected.value.length) {
-      selected.value = [item.id];
-    }
-  }
-  onMounted(() => {
-    forceMandatoryValue();
-  });
-  onBeforeUnmount(() => {
-    isUnmounted = true;
-  });
-  function select(id, value) {
-    const item = items.find(item => item.id === id);
-    if (value && item?.disabled) return;
-    if (props.multiple) {
-      const internalValue = selected.value.slice();
-      const index = internalValue.findIndex(v => v === id);
-      const isSelected = ~index;
-      value = value ?? !isSelected;
-
-      // We can't remove value if group is
-      // mandatory, value already exists,
-      // and it is the only value
-      if (isSelected && props.mandatory && internalValue.length <= 1) return;
-
-      // We can't add value if it would
-      // cause max limit to be exceeded
-      if (!isSelected && props.max != null && internalValue.length + 1 > props.max) return;
-      if (index < 0 && value) internalValue.push(id);else if (index >= 0 && !value) internalValue.splice(index, 1);
-      selected.value = internalValue;
-    } else {
-      const isSelected = selected.value.includes(id);
-      if (props.mandatory && isSelected) return;
-      selected.value = value ?? !isSelected ? [id] : [];
-    }
-  }
-  function step(offset) {
-    if (props.multiple) {}
-    if (!selected.value.length) {
-      const item = items.find(item => !item.disabled);
-      item && (selected.value = [item.id]);
-    } else {
-      const currentId = selected.value[0];
-      const currentIndex = items.findIndex(i => i.id === currentId);
-      let newIndex = (currentIndex + offset) % items.length;
-      let newItem = items[newIndex];
-      while (newItem.disabled && newIndex !== currentIndex) {
-        newIndex = (newIndex + offset) % items.length;
-        newItem = items[newIndex];
-      }
-      if (newItem.disabled) return;
-      selected.value = [items[newIndex].id];
-    }
-  }
-  const state = {
-    register,
-    unregister,
-    selected,
-    select,
-    disabled: toRef(props, 'disabled'),
-    prev: () => step(items.length - 1),
-    next: () => step(1),
-    isSelected: id => selected.value.includes(id),
-    selectedClass: computed(() => props.selectedClass),
-    items: computed(() => items),
-    getItemIndex: value => getItemIndex(items, value)
-  };
-  provide(injectKey, state);
-  return state;
-}
-function getItemIndex(items, value) {
-  const ids = getIds(items, [value]);
-  if (!ids.length) return -1;
-  return items.findIndex(item => item.id === ids[0]);
-}
-function getIds(items, modelValue) {
-  const ids = [];
-  modelValue.forEach(value => {
-    const item = items.find(item => deepEqual(value, item.value));
-    const itemByIndex = items[value];
-    if (item?.value != null) {
-      ids.push(item.id);
-    } else if (itemByIndex != null) {
-      ids.push(itemByIndex.id);
-    }
-  });
-  return ids;
-}
-function getValues(items, ids) {
-  const values = [];
-  ids.forEach(id => {
-    const itemIndex = items.findIndex(item => item.id === id);
-    if (~itemIndex) {
-      const item = items[itemIndex];
-      values.push(item.value != null ? item.value : itemIndex);
-    }
-  });
-  return values;
-}
-//# sourceMappingURL=group.mjs.map