@bagelink/vue 0.0.845 → 0.0.849

package/dist/components/TableSchema.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AA2iBA,OAAO,EAEN,KAAK,cAAc,EAKnB,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;yBAGtC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAoaxD,mBAAmB,CAAC;;;;;;;;;wBAtNZ,MAAM,EAAE;;cA1MnB,CAAC,EAAE;iBACA,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC;qBACzC,MAAM,EAAE;wBACL,OAAO;qBACV,OAAO;4BACA,MAAM,IAAI;MA2ZwD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;;UApDuE,GAAG;UAsD9E;0BAvNS,CAAC,OAAO,SAAiC,CAAC;6BACvC,CAAC,UAAU,QAAoC,CAAC;gCAC7C,CAAC,aAAa,EAAC,MAAM,EAAE,CAAC;KAqNL;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AA9avE,wBA8a4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AA4iBA,OAAO,EAEN,KAAK,cAAc,EAKnB,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;yBAGtC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAsaxD,mBAAmB,CAAC;;;;;;;;;wBAtNZ,MAAM,EAAE;;cA5MnB,CAAC,EAAE;iBACA,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC;qBACzC,MAAM,EAAE;wBACL,OAAO;qBACV,OAAO;4BACA,MAAM,IAAI;MA6ZwD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;;UApDuE,GAAG;UAsD9E;0BAvNS,CAAC,OAAO,SAAiC,CAAC;6BACvC,CAAC,UAAU,QAAoC,CAAC;gCAC7C,CAAC,aAAa,EAAC,MAAM,EAAE,CAAC;KAqNL;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAhbvE,wBAgb4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/index.cjs

@@ -53985,13 +53985,13 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   emits: /* @__PURE__ */ vue.mergeModels(["update:selectedItems", "orderBy", "select"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "ced4aeb8": vue.unref(computedItemHiehgt)
+      "706cfbe3": vue.unref(computedItemHeight)
     }));
     const emit2 = __emit;
     const slots = vue.useSlots();
     const loading = vue.useModel(__props, "loading");
     const itemHeight = vue.useModel(__props, "itemHeight");
-    const computedItemHiehgt = vue.computed(() => `${itemHeight.value}px`);
+    const computedItemHeight = vue.computed(() => `${itemHeight.value}px`);
     let sortField = vue.ref("");
     let sortDirection = vue.ref("ASC");
     const selectedItems = vue.useModel(
@@ -54014,8 +54014,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     function transform(rowData) {
       var _a2;
       const obj = { ...rowData };
-      const fields = computedSchema.value.filter((f2) => f2.id);
-      for (const field of fields) {
+      const schemaFields = computedSchema.value.filter((f2) => f2.id);
+      for (const field of schemaFields) {
         const fieldData = rowData[`${field.id}`];
         const newFieldVal = (_a2 = field.transform) == null ? void 0 : _a2.call(field, fieldData, rowData);
         Object.assign(obj, {
@@ -54025,6 +54025,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       }
       return obj;
     }
+    const NON_DIGIT_REGEX = /[^\d.-]/g;
     const computedData = vue.computed(() => {
       if (!sortField.value || __props.useServerSort === true) return __props.data.map(transform);
       return __props.data.map(transform).sort(
@@ -54035,8 +54036,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
             aValue = new Date(aValue).getTime();
             bValue = new Date(bValue).getTime();
           }
-          const numAValue = Number.parseInt(`${aValue}`.replaceAll(/[^\d.-]/g, ""), 10);
-          const numBValue = Number.parseInt(`${bValue}`.replaceAll(/[^\d.-]/g, ""), 10);
+          const numAValue = Number.parseInt(`${aValue}`.replaceAll(NON_DIGIT_REGEX, ""), 10);
+          const numBValue = Number.parseInt(`${bValue}`.replaceAll(NON_DIGIT_REGEX, ""), 10);
           if (!Number.isNaN(numAValue) && !Number.isNaN(numBValue)) {
             if (sortDirection.value === "ASC") return numAValue - numBValue;
             return numBValue - numAValue;
@@ -54207,7 +54208,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-54f3c477"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-d8ca38b1"]]);
 const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {

package/dist/index.mjs

@@ -53983,13 +53983,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["update:selectedItems", "orderBy", "select"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "ced4aeb8": unref(computedItemHiehgt)
+      "706cfbe3": unref(computedItemHeight)
     }));
     const emit2 = __emit;
     const slots = useSlots();
     const loading = useModel(__props, "loading");
     const itemHeight = useModel(__props, "itemHeight");
-    const computedItemHiehgt = computed(() => `${itemHeight.value}px`);
+    const computedItemHeight = computed(() => `${itemHeight.value}px`);
     let sortField = ref("");
     let sortDirection = ref("ASC");
     const selectedItems = useModel(
@@ -54012,8 +54012,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     function transform(rowData) {
       var _a2;
       const obj = { ...rowData };
-      const fields = computedSchema.value.filter((f2) => f2.id);
-      for (const field of fields) {
+      const schemaFields = computedSchema.value.filter((f2) => f2.id);
+      for (const field of schemaFields) {
         const fieldData = rowData[`${field.id}`];
         const newFieldVal = (_a2 = field.transform) == null ? void 0 : _a2.call(field, fieldData, rowData);
         Object.assign(obj, {
@@ -54023,6 +54023,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
       return obj;
     }
+    const NON_DIGIT_REGEX = /[^\d.-]/g;
     const computedData = computed(() => {
       if (!sortField.value || __props.useServerSort === true) return __props.data.map(transform);
       return __props.data.map(transform).sort(
@@ -54033,8 +54034,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             aValue = new Date(aValue).getTime();
             bValue = new Date(bValue).getTime();
           }
-          const numAValue = Number.parseInt(`${aValue}`.replaceAll(/[^\d.-]/g, ""), 10);
-          const numBValue = Number.parseInt(`${bValue}`.replaceAll(/[^\d.-]/g, ""), 10);
+          const numAValue = Number.parseInt(`${aValue}`.replaceAll(NON_DIGIT_REGEX, ""), 10);
+          const numBValue = Number.parseInt(`${bValue}`.replaceAll(NON_DIGIT_REGEX, ""), 10);
           if (!Number.isNaN(numAValue) && !Number.isNaN(numBValue)) {
             if (sortDirection.value === "ASC") return numAValue - numBValue;
             return numBValue - numAValue;
@@ -54205,7 +54206,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-54f3c477"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-d8ca38b1"]]);
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "Title",
   props: {

package/dist/style.css

@@ -3237,22 +3237,22 @@ svg.leaflet-image-layer.leaflet-interactive path {
   background: transparent;
 }
 
-.table-list-wrap[data-v-54f3c477] {
+.table-list-wrap[data-v-d8ca38b1] {
 	min-height: 150px;
 }
-.selected[data-v-54f3c477] {
+.selected[data-v-d8ca38b1] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-54f3c477]:hover {
+tbody tr.selected[data-v-d8ca38b1]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-54f3c477] {
+.loading-table[data-v-d8ca38b1] {
 	position: relative;
 }
-.inset[data-v-54f3c477] {
+.inset[data-v-d8ca38b1] {
 	inset: 0;
 }
-.loading-table-animation[data-v-54f3c477] {
+.loading-table-animation[data-v-d8ca38b1] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -3260,9 +3260,9 @@ tbody tr.selected[data-v-54f3c477]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-54f3c477 1s linear infinite;
+	animation: loading-table-d8ca38b1 1s linear infinite;
 }
-@keyframes loading-table-54f3c477 {
+@keyframes loading-table-d8ca38b1 {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -3270,52 +3270,51 @@ tbody tr.selected[data-v-54f3c477]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-54f3c477] {
+.list-arrows[data-v-d8ca38b1] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-54f3c477] {
+.list-arrows .bgl_icon-font[data-v-d8ca38b1] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-54f3c477] {
+.list-arrows.sorted[data-v-d8ca38b1] {
 	opacity: 1;
 }
-.col img[data-v-54f3c477] {
+.col img[data-v-d8ca38b1] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-54f3c477] {
+.list-arrows.sorted .desc[data-v-d8ca38b1] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-54f3c477] {
-	border-collapse: separate;
+table[data-v-d8ca38b1] {
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-54f3c477] {
+th[data-v-d8ca38b1] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-box-bg);
-	height: var(--ced4aeb8);
+	height: var(--706cfbe3);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-54f3c477] {
+.embedded-field[data-v-d8ca38b1] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-54f3c477] {
+.row[data-v-d8ca38b1] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-54f3c477] {
+.row.first-row[data-v-d8ca38b1] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -3324,7 +3323,7 @@ th[data-v-54f3c477] {
 	background: var(--bgl-box-bg);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-54f3c477]::after {
+.row.first-row[data-v-d8ca38b1]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -3332,30 +3331,30 @@ th[data-v-54f3c477] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-54f3c477] {
+.first-row .col[data-v-d8ca38b1] {
 	cursor: pointer;
 	background: var(--bgl-box-bg);
 }
-.col[data-v-54f3c477] {
+.col[data-v-d8ca38b1] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 	align-items: center;
 }
-.col[data-v-54f3c477]:has(.bagel-input) {
+.col[data-v-d8ca38b1]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-54f3c477] {
+.col > div[data-v-d8ca38b1] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-54f3c477] {
+.max-col-width[data-v-d8ca38b1] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-54f3c477] {
+.col.check .bgl_icon-font[data-v-d8ca38b1] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -3366,35 +3365,35 @@ th[data-v-54f3c477] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-54f3c477] {
+.rows[data-v-d8ca38b1] {
 	font-size: 0.88em;
 }
-.table-list[data-v-54f3c477] {
+.table-list[data-v-d8ca38b1] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-54f3c477] {
+.BagelTable .table-list[data-v-d8ca38b1] {
 	overflow: unset;
 }
-.row-item[data-v-54f3c477] {
-	height: var(--ced4aeb8);
+.row-item[data-v-d8ca38b1] {
+	height: var(--706cfbe3);
 	transition: all 200ms ease;
 }
-.row-item[data-v-54f3c477]:hover {
+.row-item[data-v-d8ca38b1]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-54f3c477] {
+.row-item input[type='checkbox'][data-v-d8ca38b1] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-54f3c477] {
+.infinite-wrapper[data-v-d8ca38b1] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-54f3c477] {
+input[type='checkbox'][data-v-d8ca38b1] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
@@ -3406,7 +3405,7 @@ input[type='checkbox'][data-v-54f3c477] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-54f3c477]::before {
+input[type='checkbox'][data-v-d8ca38b1]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -3419,18 +3418,18 @@ input[type='checkbox'][data-v-54f3c477]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-54f3c477]:hover::before {
+input[type='checkbox'][data-v-d8ca38b1]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-54f3c477] {
+[lang='he'] [dir='ltr'][data-v-d8ca38b1] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-54f3c477] {
+th input[type='checkbox'][data-v-d8ca38b1] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-accent-color);
 }
-th[data-v-54f3c477]::after {
+th[data-v-d8ca38b1]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -3438,24 +3437,24 @@ th[data-v-54f3c477]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-54f3c477] {
+tr[data-v-d8ca38b1] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-54f3c477],
-th[data-v-54f3c477] {
+td[data-v-d8ca38b1],
+th[data-v-d8ca38b1] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-54f3c477] {
+tbody tr[data-v-d8ca38b1] {
 	font-size: 0.88em;
-	height: var(--ced4aeb8);
+	height: var(--706cfbe3);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-54f3c477]:hover {
+tbody tr[data-v-d8ca38b1]:hover {
 	background: var(--bgl-gray-light);
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.845",
+  "version": "0.0.849",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/TableSchema.vue

@@ -39,7 +39,7 @@ const slots = useSlots()
 const loading = defineModel('loading', { default: false })
 
 const itemHeight = defineModel('itemHeight', { default: 50 })
-const computedItemHiehgt = $computed(() => `${itemHeight.value}px`)
+const computedItemHeight = $computed(() => `${itemHeight.value}px`)
 
 let sortField = $ref('')
 let sortDirection = $ref<SortDirectionsT>('ASC')
@@ -67,9 +67,9 @@ const computedSchema = $computed(() => useBglSchema<T>({
 
 function transform(rowData: any) {
 	const obj: { [key: string]: any } = { ...rowData }
-	const fields = computedSchema.filter(f => f.id)
+	const schemaFields = computedSchema.filter(f => f.id)
 
-	for (const field of fields) {
+	for (const field of schemaFields) {
 		const fieldData = rowData[`${field.id}`]
 
 		const newFieldVal = field.transform?.(fieldData, rowData)
@@ -82,6 +82,8 @@ function transform(rowData: any) {
 	return obj
 }
 
+const NON_DIGIT_REGEX = /[^\d.-]/g
+
 const computedData = computed(() => {
 	if (!sortField || useServerSort === true) return data.map(transform)
 
@@ -99,8 +101,8 @@ const computedData = computed(() => {
 						bValue = new Date(bValue).getTime()
 					}
 
-					const numAValue = Number.parseInt(`${aValue}`.replaceAll(/[^\d.-]/g, ''), 10)
-					const numBValue = Number.parseInt(`${bValue}`.replaceAll(/[^\d.-]/g, ''), 10)
+					const numAValue = Number.parseInt(`${aValue}`.replaceAll(NON_DIGIT_REGEX, ''), 10)
+					const numBValue = Number.parseInt(`${bValue}`.replaceAll(NON_DIGIT_REGEX, ''), 10)
 
 					if (!Number.isNaN(numAValue) && !Number.isNaN(numBValue)) {
 						if (sortDirection === 'ASC') return numAValue - numBValue
@@ -354,7 +356,6 @@ tbody tr.selected:hover {
 }
 
 table {
-	border-collapse: separate;
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
@@ -367,7 +368,7 @@ th {
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-box-bg);
-	height: v-bind(computedItemHiehgt);
+	height: v-bind(computedItemHeight);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
@@ -459,7 +460,7 @@ th {
 }
 
 .row-item {
-	height: v-bind(computedItemHiehgt);
+	height: v-bind(computedItemHeight);
 	transition: all 200ms ease;
 }
 
@@ -543,7 +544,7 @@ th {
 
 tbody tr {
 	font-size: 0.88em;
-	height: v-bind(computedItemHiehgt);
+	height: v-bind(computedItemHeight);
 	transition: all 200ms ease;
 }
 

package/src/components/layout/Tabs.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { VNode } from 'vue'
 import { type Tab, TabsNav } from '@bagelink/vue'
-import { defineComponent, defineProps, h, useSlots } from 'vue'
+import { defineComponent, h, useSlots } from 'vue'
 
 import { useTabs } from './tabsManager'