@u-elements/u-tabs 0.0.9 → 0.0.11

package/dist/u-tabs.cjs

@@ -11,8 +11,7 @@ var DISPLAY_BLOCK = ":host(:not([hidden])) { display: block }";
 var UHTMLElement = typeof HTMLElement === "undefined" ? class {
 } : HTMLElement;
 function attr(el, name, value) {
-  var _a2;
-  if (value === void 0) return (_a2 = el.getAttribute(name)) != null ? _a2 : null;
+  if (value === void 0) return el.getAttribute(name);
   if (value === null) el.removeAttribute(name);
   else if (el.getAttribute(name) !== value) el.setAttribute(name, value);
   return null;
@@ -25,7 +24,7 @@ var events = (action, element, rest) => {
 };
 var on = (element, ...rest) => events("add", element, rest);
 var off = (element, ...rest) => events("remove", element, rest);
-var attachStyle = (element, css) => element.attachShadow({ mode: "open" }).append(
+var attachStyle = (element, css) => element.shadowRoot || element.attachShadow({ mode: "open" }).append(
   createElement("slot"),
   // Unnamed slot does automatically render all top element nodes
   createElement("style", css)
@@ -36,7 +35,7 @@ var mutationObserver = (element, options) => {
   try {
     observers.get(element).disconnect();
     observers.delete(element);
-  } catch (err) {
+  } catch (_err) {
   }
   if (options) {
     const observer = new MutationObserver(
@@ -71,14 +70,23 @@ var createElement = (tagName, text, attrs) => {
 var customElements = {
   define: (name, instance) => !IS_BROWSER || window.customElements.get(name) || window.customElements.define(name, instance)
 };
+var declarativeShadowRoot = (style, slot = "<slot></slot>") => `<template shadowrootmode="open">${slot}<style>${style}</style></template>`;
 
 // u-tabs.ts
+var UHTMLTabsStyle = DISPLAY_BLOCK;
+var UHTMLTabListStyle = DISPLAY_BLOCK;
+var UHTMLTabPanelStyle = DISPLAY_BLOCK;
+var UHTMLTabStyle = ":host(:not([hidden])) { cursor: pointer; display: inline-block }";
+var UHTMLTabsShadowRoot = declarativeShadowRoot(UHTMLTabsStyle);
+var UHTMLTabListShadowRoot = declarativeShadowRoot(UHTMLTabListStyle);
+var UHTMLTabShadowRoot = declarativeShadowRoot(UHTMLTabStyle);
+var UHTMLTabPanelShadowRoot = declarativeShadowRoot(UHTMLTabPanelStyle);
 var ARIA_CONTROLS = "aria-controls";
 var ARIA_SELECTED = "aria-selected";
 var UHTMLTabsElement = class extends UHTMLElement {
   constructor() {
     super();
-    attachStyle(this, DISPLAY_BLOCK);
+    if (!this.shadowRoot) attachStyle(this, UHTMLTabsStyle);
   }
   get tabList() {
     return queryWithoutNested("u-tablist", this)[0] || null;
@@ -99,7 +107,7 @@ var UHTMLTabsElement = class extends UHTMLElement {
 var UHTMLTabListElement = class extends UHTMLElement {
   constructor() {
     super();
-    attachStyle(this, DISPLAY_BLOCK);
+    if (!this.shadowRoot) attachStyle(this, UHTMLTabListStyle);
   }
   connectedCallback() {
     attr(this, "role", "tablist");
@@ -162,10 +170,7 @@ var UHTMLTabElement = class extends UHTMLElement {
   }
   constructor() {
     super();
-    attachStyle(
-      this,
-      ":host(:not([hidden])) { cursor: pointer; display: inline-block }"
-    );
+    if (!this.shadowRoot) attachStyle(this, UHTMLTabStyle);
   }
   connectedCallback() {
     attr(this, "role", "tab");
@@ -182,8 +187,8 @@ var UHTMLTabElement = class extends UHTMLElement {
         const panel = getPanel(tab, panels[index]);
         tab.tabIndex = tab === this ? 0 : -1;
         attr(tab, ARIA_SELECTED, `${tab === this}`);
+        attr(tab, ARIA_CONTROLS, (panel == null ? void 0 : panel.id) || null);
         if (panel) panel.hidden = panel !== nextPanel;
-        if (panel) attr(tab, ARIA_CONTROLS, panel.id);
       });
       SKIP_ATTR_CHANGE = false;
     }
@@ -217,7 +222,7 @@ var UHTMLTabPanelElement = class extends UHTMLElement {
   }
   constructor() {
     super();
-    attachStyle(this, DISPLAY_BLOCK);
+    if (!this.shadowRoot) attachStyle(this, UHTMLTabPanelStyle);
   }
   connectedCallback() {
     attr(this, "role", "tabpanel");
@@ -225,9 +230,9 @@ var UHTMLTabPanelElement = class extends UHTMLElement {
     this.attributeChangedCallback();
   }
   attributeChangedCallback() {
-    if (this.hidden || isFocusable(this.firstChild))
-      attr(this, "tabindex", null);
-    else this.tabIndex = 0;
+    const hidden = this.hidden;
+    attr(this, "aria-hidden", `${hidden}`);
+    attr(this, "tabindex", hidden || isFocusable(this.firstChild) ? null : "0");
   }
   get tabsElement() {
     return this.closest("u-tabs");
@@ -255,5 +260,13 @@ customElements.define("u-tabpanel", UHTMLTabPanelElement);
 
 exports.UHTMLTabElement = UHTMLTabElement;
 exports.UHTMLTabListElement = UHTMLTabListElement;
+exports.UHTMLTabListShadowRoot = UHTMLTabListShadowRoot;
+exports.UHTMLTabListStyle = UHTMLTabListStyle;
 exports.UHTMLTabPanelElement = UHTMLTabPanelElement;
+exports.UHTMLTabPanelShadowRoot = UHTMLTabPanelShadowRoot;
+exports.UHTMLTabPanelStyle = UHTMLTabPanelStyle;
+exports.UHTMLTabShadowRoot = UHTMLTabShadowRoot;
+exports.UHTMLTabStyle = UHTMLTabStyle;
 exports.UHTMLTabsElement = UHTMLTabsElement;
+exports.UHTMLTabsShadowRoot = UHTMLTabsShadowRoot;
+exports.UHTMLTabsStyle = UHTMLTabsStyle;

package/dist/u-tabs.d.cts

@@ -11,6 +11,14 @@ declare global {
         "u-tabpanel": UHTMLTabPanelElement;
     }
 }
+declare const UHTMLTabsStyle = ":host(:not([hidden])) { display: block }";
+declare const UHTMLTabListStyle = ":host(:not([hidden])) { display: block }";
+declare const UHTMLTabPanelStyle = ":host(:not([hidden])) { display: block }";
+declare const UHTMLTabStyle = ":host(:not([hidden])) { cursor: pointer; display: inline-block }";
+declare const UHTMLTabsShadowRoot: string;
+declare const UHTMLTabListShadowRoot: string;
+declare const UHTMLTabShadowRoot: string;
+declare const UHTMLTabPanelShadowRoot: string;
 /**
  * The `<u-tabs>` HTML element is used to group a `<u-tablist>` and several `<u-tabpanel>` elements.
  * No MDN reference available.
@@ -63,8 +71,7 @@ declare class UHTMLTabPanelElement extends UHTMLElement {
     get tabs(): NodeListOf<UHTMLTabElement>;
 }
 
-export { UHTMLTabElement, UHTMLTabListElement, UHTMLTabPanelElement, UHTMLTabsElement };
-
+export { UHTMLTabElement, UHTMLTabListElement, UHTMLTabListShadowRoot, UHTMLTabListStyle, UHTMLTabPanelElement, UHTMLTabPanelShadowRoot, UHTMLTabPanelStyle, UHTMLTabShadowRoot, UHTMLTabStyle, UHTMLTabsElement, UHTMLTabsShadowRoot, UHTMLTabsStyle };
 import type * as PreactTypes from 'preact'
 import type * as ReactTypes from 'react'
 import type * as SvelteTypes from 'svelte/elements'
@@ -73,7 +80,7 @@ import type { JSX as QwikJSX } from '@builder.io/qwik/jsx-runtime'
 import type { JSX as SolidJSX } from 'solid-js'
 
 
-export type PreactUtabs = PreactTypes.JSX.HTMLAttributes<UHTMLTagsElement> & {  }
+export type PreactUtabs = PreactTypes.JSX.HTMLAttributes<UHTMLTabsElement> & {  }
 export type ReactUtabs = ReactTypes.DetailedHTMLProps<ReactTypes.HTMLAttributes<UHTMLTabsElement>, UHTMLTabsElement> & { class?: string }
 export type QwikUtabs = QwikJSX.IntrinsicElements['div']
 export type VueUtabs = VueJSX.HTMLAttributes
@@ -92,7 +99,7 @@ declare module 'solid-js' {
     interface CustomEvents {  }
   }
 }
-export type PreactUtablist = PreactTypes.JSX.HTMLAttributes<UHTMLTagsElement> & {  }
+export type PreactUtablist = PreactTypes.JSX.HTMLAttributes<UHTMLTabListElement> & {  }
 export type ReactUtablist = ReactTypes.DetailedHTMLProps<ReactTypes.HTMLAttributes<UHTMLTabListElement>, UHTMLTabListElement> & { class?: string }
 export type QwikUtablist = QwikJSX.IntrinsicElements['div']
 export type VueUtablist = VueJSX.HTMLAttributes
@@ -111,7 +118,7 @@ declare module 'solid-js' {
     interface CustomEvents {  }
   }
 }
-export type PreactUtab = PreactTypes.JSX.HTMLAttributes<UHTMLTagsElement> & {  }
+export type PreactUtab = PreactTypes.JSX.HTMLAttributes<UHTMLTabElement> & {  }
 export type ReactUtab = ReactTypes.DetailedHTMLProps<ReactTypes.HTMLAttributes<UHTMLTabElement>, UHTMLTabElement> & { class?: string }
 export type QwikUtab = QwikJSX.IntrinsicElements['div']
 export type VueUtab = VueJSX.HTMLAttributes
@@ -130,7 +137,7 @@ declare module 'solid-js' {
     interface CustomEvents {  }
   }
 }
-export type PreactUtabpanel = PreactTypes.JSX.HTMLAttributes<UHTMLTagsElement> & {  }
+export type PreactUtabpanel = PreactTypes.JSX.HTMLAttributes<UHTMLTabPanelElement> & {  }
 export type ReactUtabpanel = ReactTypes.DetailedHTMLProps<ReactTypes.HTMLAttributes<UHTMLTabPanelElement>, UHTMLTabPanelElement> & { class?: string }
 export type QwikUtabpanel = QwikJSX.IntrinsicElements['div']
 export type VueUtabpanel = VueJSX.HTMLAttributes

package/dist/u-tabs.d.ts

@@ -11,6 +11,14 @@ declare global {
         "u-tabpanel": UHTMLTabPanelElement;
     }
 }
+declare const UHTMLTabsStyle = ":host(:not([hidden])) { display: block }";
+declare const UHTMLTabListStyle = ":host(:not([hidden])) { display: block }";
+declare const UHTMLTabPanelStyle = ":host(:not([hidden])) { display: block }";
+declare const UHTMLTabStyle = ":host(:not([hidden])) { cursor: pointer; display: inline-block }";
+declare const UHTMLTabsShadowRoot: string;
+declare const UHTMLTabListShadowRoot: string;
+declare const UHTMLTabShadowRoot: string;
+declare const UHTMLTabPanelShadowRoot: string;
 /**
  * The `<u-tabs>` HTML element is used to group a `<u-tablist>` and several `<u-tabpanel>` elements.
  * No MDN reference available.
@@ -63,8 +71,7 @@ declare class UHTMLTabPanelElement extends UHTMLElement {
     get tabs(): NodeListOf<UHTMLTabElement>;
 }
 
-export { UHTMLTabElement, UHTMLTabListElement, UHTMLTabPanelElement, UHTMLTabsElement };
-
+export { UHTMLTabElement, UHTMLTabListElement, UHTMLTabListShadowRoot, UHTMLTabListStyle, UHTMLTabPanelElement, UHTMLTabPanelShadowRoot, UHTMLTabPanelStyle, UHTMLTabShadowRoot, UHTMLTabStyle, UHTMLTabsElement, UHTMLTabsShadowRoot, UHTMLTabsStyle };
 import type * as PreactTypes from 'preact'
 import type * as ReactTypes from 'react'
 import type * as SvelteTypes from 'svelte/elements'
@@ -73,7 +80,7 @@ import type { JSX as QwikJSX } from '@builder.io/qwik/jsx-runtime'
 import type { JSX as SolidJSX } from 'solid-js'
 
 
-export type PreactUtabs = PreactTypes.JSX.HTMLAttributes<UHTMLTagsElement> & {  }
+export type PreactUtabs = PreactTypes.JSX.HTMLAttributes<UHTMLTabsElement> & {  }
 export type ReactUtabs = ReactTypes.DetailedHTMLProps<ReactTypes.HTMLAttributes<UHTMLTabsElement>, UHTMLTabsElement> & { class?: string }
 export type QwikUtabs = QwikJSX.IntrinsicElements['div']
 export type VueUtabs = VueJSX.HTMLAttributes
@@ -92,7 +99,7 @@ declare module 'solid-js' {
     interface CustomEvents {  }
   }
 }
-export type PreactUtablist = PreactTypes.JSX.HTMLAttributes<UHTMLTagsElement> & {  }
+export type PreactUtablist = PreactTypes.JSX.HTMLAttributes<UHTMLTabListElement> & {  }
 export type ReactUtablist = ReactTypes.DetailedHTMLProps<ReactTypes.HTMLAttributes<UHTMLTabListElement>, UHTMLTabListElement> & { class?: string }
 export type QwikUtablist = QwikJSX.IntrinsicElements['div']
 export type VueUtablist = VueJSX.HTMLAttributes
@@ -111,7 +118,7 @@ declare module 'solid-js' {
     interface CustomEvents {  }
   }
 }
-export type PreactUtab = PreactTypes.JSX.HTMLAttributes<UHTMLTagsElement> & {  }
+export type PreactUtab = PreactTypes.JSX.HTMLAttributes<UHTMLTabElement> & {  }
 export type ReactUtab = ReactTypes.DetailedHTMLProps<ReactTypes.HTMLAttributes<UHTMLTabElement>, UHTMLTabElement> & { class?: string }
 export type QwikUtab = QwikJSX.IntrinsicElements['div']
 export type VueUtab = VueJSX.HTMLAttributes
@@ -130,7 +137,7 @@ declare module 'solid-js' {
     interface CustomEvents {  }
   }
 }
-export type PreactUtabpanel = PreactTypes.JSX.HTMLAttributes<UHTMLTagsElement> & {  }
+export type PreactUtabpanel = PreactTypes.JSX.HTMLAttributes<UHTMLTabPanelElement> & {  }
 export type ReactUtabpanel = ReactTypes.DetailedHTMLProps<ReactTypes.HTMLAttributes<UHTMLTabPanelElement>, UHTMLTabPanelElement> & { class?: string }
 export type QwikUtabpanel = QwikJSX.IntrinsicElements['div']
 export type VueUtabpanel = VueJSX.HTMLAttributes

package/dist/u-tabs.js

@@ -9,8 +9,7 @@ var DISPLAY_BLOCK = ":host(:not([hidden])) { display: block }";
 var UHTMLElement = typeof HTMLElement === "undefined" ? class {
 } : HTMLElement;
 function attr(el, name, value) {
-  var _a2;
-  if (value === void 0) return (_a2 = el.getAttribute(name)) != null ? _a2 : null;
+  if (value === void 0) return el.getAttribute(name);
   if (value === null) el.removeAttribute(name);
   else if (el.getAttribute(name) !== value) el.setAttribute(name, value);
   return null;
@@ -23,7 +22,7 @@ var events = (action, element, rest) => {
 };
 var on = (element, ...rest) => events("add", element, rest);
 var off = (element, ...rest) => events("remove", element, rest);
-var attachStyle = (element, css) => element.attachShadow({ mode: "open" }).append(
+var attachStyle = (element, css) => element.shadowRoot || element.attachShadow({ mode: "open" }).append(
   createElement("slot"),
   // Unnamed slot does automatically render all top element nodes
   createElement("style", css)
@@ -34,7 +33,7 @@ var mutationObserver = (element, options) => {
   try {
     observers.get(element).disconnect();
     observers.delete(element);
-  } catch (err) {
+  } catch (_err) {
   }
   if (options) {
     const observer = new MutationObserver(
@@ -69,14 +68,23 @@ var createElement = (tagName, text, attrs) => {
 var customElements = {
   define: (name, instance) => !IS_BROWSER || window.customElements.get(name) || window.customElements.define(name, instance)
 };
+var declarativeShadowRoot = (style, slot = "<slot></slot>") => `<template shadowrootmode="open">${slot}<style>${style}</style></template>`;
 
 // u-tabs.ts
+var UHTMLTabsStyle = DISPLAY_BLOCK;
+var UHTMLTabListStyle = DISPLAY_BLOCK;
+var UHTMLTabPanelStyle = DISPLAY_BLOCK;
+var UHTMLTabStyle = ":host(:not([hidden])) { cursor: pointer; display: inline-block }";
+var UHTMLTabsShadowRoot = declarativeShadowRoot(UHTMLTabsStyle);
+var UHTMLTabListShadowRoot = declarativeShadowRoot(UHTMLTabListStyle);
+var UHTMLTabShadowRoot = declarativeShadowRoot(UHTMLTabStyle);
+var UHTMLTabPanelShadowRoot = declarativeShadowRoot(UHTMLTabPanelStyle);
 var ARIA_CONTROLS = "aria-controls";
 var ARIA_SELECTED = "aria-selected";
 var UHTMLTabsElement = class extends UHTMLElement {
   constructor() {
     super();
-    attachStyle(this, DISPLAY_BLOCK);
+    if (!this.shadowRoot) attachStyle(this, UHTMLTabsStyle);
   }
   get tabList() {
     return queryWithoutNested("u-tablist", this)[0] || null;
@@ -97,7 +105,7 @@ var UHTMLTabsElement = class extends UHTMLElement {
 var UHTMLTabListElement = class extends UHTMLElement {
   constructor() {
     super();
-    attachStyle(this, DISPLAY_BLOCK);
+    if (!this.shadowRoot) attachStyle(this, UHTMLTabListStyle);
   }
   connectedCallback() {
     attr(this, "role", "tablist");
@@ -160,10 +168,7 @@ var UHTMLTabElement = class extends UHTMLElement {
   }
   constructor() {
     super();
-    attachStyle(
-      this,
-      ":host(:not([hidden])) { cursor: pointer; display: inline-block }"
-    );
+    if (!this.shadowRoot) attachStyle(this, UHTMLTabStyle);
   }
   connectedCallback() {
     attr(this, "role", "tab");
@@ -180,8 +185,8 @@ var UHTMLTabElement = class extends UHTMLElement {
         const panel = getPanel(tab, panels[index]);
         tab.tabIndex = tab === this ? 0 : -1;
         attr(tab, ARIA_SELECTED, `${tab === this}`);
+        attr(tab, ARIA_CONTROLS, (panel == null ? void 0 : panel.id) || null);
         if (panel) panel.hidden = panel !== nextPanel;
-        if (panel) attr(tab, ARIA_CONTROLS, panel.id);
       });
       SKIP_ATTR_CHANGE = false;
     }
@@ -215,7 +220,7 @@ var UHTMLTabPanelElement = class extends UHTMLElement {
   }
   constructor() {
     super();
-    attachStyle(this, DISPLAY_BLOCK);
+    if (!this.shadowRoot) attachStyle(this, UHTMLTabPanelStyle);
   }
   connectedCallback() {
     attr(this, "role", "tabpanel");
@@ -223,9 +228,9 @@ var UHTMLTabPanelElement = class extends UHTMLElement {
     this.attributeChangedCallback();
   }
   attributeChangedCallback() {
-    if (this.hidden || isFocusable(this.firstChild))
-      attr(this, "tabindex", null);
-    else this.tabIndex = 0;
+    const hidden = this.hidden;
+    attr(this, "aria-hidden", `${hidden}`);
+    attr(this, "tabindex", hidden || isFocusable(this.firstChild) ? null : "0");
   }
   get tabsElement() {
     return this.closest("u-tabs");
@@ -251,4 +256,4 @@ customElements.define("u-tablist", UHTMLTabListElement);
 customElements.define("u-tab", UHTMLTabElement);
 customElements.define("u-tabpanel", UHTMLTabPanelElement);
 
-export { UHTMLTabElement, UHTMLTabListElement, UHTMLTabPanelElement, UHTMLTabsElement };
+export { UHTMLTabElement, UHTMLTabListElement, UHTMLTabListShadowRoot, UHTMLTabListStyle, UHTMLTabPanelElement, UHTMLTabPanelShadowRoot, UHTMLTabPanelStyle, UHTMLTabShadowRoot, UHTMLTabStyle, UHTMLTabsElement, UHTMLTabsShadowRoot, UHTMLTabsStyle };

package/dist/u-tabs.manifest.json

@@ -6,6 +6,45 @@
    "kind": "javascript-module",
    "path": "u-tabs.ts",
    "declarations": [
+    {
+     "kind": "variable",
+     "name": "UHTMLTabsStyle",
+     "default": "DISPLAY_BLOCK"
+    },
+    {
+     "kind": "variable",
+     "name": "UHTMLTabListStyle",
+     "default": "DISPLAY_BLOCK"
+    },
+    {
+     "kind": "variable",
+     "name": "UHTMLTabPanelStyle",
+     "default": "DISPLAY_BLOCK"
+    },
+    {
+     "kind": "variable",
+     "name": "UHTMLTabStyle",
+     "type": {
+      "text": "string"
+     },
+     "default": "\":host(:not([hidden])) { cursor: pointer; display: inline-block }\""
+    },
+    {
+     "kind": "variable",
+     "name": "UHTMLTabsShadowRoot"
+    },
+    {
+     "kind": "variable",
+     "name": "UHTMLTabListShadowRoot"
+    },
+    {
+     "kind": "variable",
+     "name": "UHTMLTabShadowRoot"
+    },
+    {
+     "kind": "variable",
+     "name": "UHTMLTabPanelShadowRoot"
+    },
     {
      "kind": "class",
      "description": "The `<u-tabs>` HTML element is used to group a `<u-tablist>` and several `<u-tabpanel>` elements.\nNo MDN reference available.",
@@ -193,6 +232,70 @@
     }
    ],
    "exports": [
+    {
+     "kind": "js",
+     "name": "UHTMLTabsStyle",
+     "declaration": {
+      "name": "UHTMLTabsStyle",
+      "module": "u-tabs.ts"
+     }
+    },
+    {
+     "kind": "js",
+     "name": "UHTMLTabListStyle",
+     "declaration": {
+      "name": "UHTMLTabListStyle",
+      "module": "u-tabs.ts"
+     }
+    },
+    {
+     "kind": "js",
+     "name": "UHTMLTabPanelStyle",
+     "declaration": {
+      "name": "UHTMLTabPanelStyle",
+      "module": "u-tabs.ts"
+     }
+    },
+    {
+     "kind": "js",
+     "name": "UHTMLTabStyle",
+     "declaration": {
+      "name": "UHTMLTabStyle",
+      "module": "u-tabs.ts"
+     }
+    },
+    {
+     "kind": "js",
+     "name": "UHTMLTabsShadowRoot",
+     "declaration": {
+      "name": "UHTMLTabsShadowRoot",
+      "module": "u-tabs.ts"
+     }
+    },
+    {
+     "kind": "js",
+     "name": "UHTMLTabListShadowRoot",
+     "declaration": {
+      "name": "UHTMLTabListShadowRoot",
+      "module": "u-tabs.ts"
+     }
+    },
+    {
+     "kind": "js",
+     "name": "UHTMLTabShadowRoot",
+     "declaration": {
+      "name": "UHTMLTabShadowRoot",
+      "module": "u-tabs.ts"
+     }
+    },
+    {
+     "kind": "js",
+     "name": "UHTMLTabPanelShadowRoot",
+     "declaration": {
+      "name": "UHTMLTabPanelShadowRoot",
+      "module": "u-tabs.ts"
+     }
+    },
     {
      "kind": "js",
      "name": "UHTMLTabsElement",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@u-elements/u-tabs",
-	"version": "0.0.9",
+	"version": "0.0.11",
 	"license": "MIT",
 	"description": "HTML tags, just truly accessible",
 	"homepage": "https://u-elements.github.io/u-elements/",
@@ -9,6 +9,18 @@
 	"module": "dist/u-tabs.js",
 	"types": "dist/u-tabs.d.ts",
 	"customElements": "dist/u-tabs.manifest.json",
+	"exports": {
+		".": {
+			"import": {
+				"types": "./dist/u-tabs.d.ts",
+				"default": "./dist/u-tabs.js"
+			},
+			"require": {
+				"types": "./dist/u-tabs.d.cts",
+				"default": "./dist/u-tabs.cjs"
+			}
+		}
+	},
 	"files": [
 		"dist"
 	],