@cal.macconnachie/web-components 1.1.2 → 1.1.3

package/dist/index.d.ts

@@ -352,6 +352,7 @@ export declare class BaseTabs extends BaseElement {
     ariaLabel: string;
     syncWithHash: boolean;
     variant: TabVariant;
+    forceExpanded: boolean;
     private tabs;
     private isExpanded;
     private isMobile;

package/dist/index.js

@@ -249,7 +249,7 @@ let Ae = class extends HTMLElement {
 Ae.elementStyles = [], Ae.shadowRootOptions = { mode: "open" }, Ae[He("elementProperties")] = /* @__PURE__ */ new Map(), Ae[He("finalized")] = /* @__PURE__ */ new Map(), ho?.({ ReactiveElement: Ae }), (st.reactiveElementVersions ??= []).push("2.1.1");
 const _t = globalThis, ot = _t.trustedTypes, Gt = ot ? ot.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, kr = "$lit$", de = `lit$${Math.random().toFixed(9).slice(2)}$`, Sr = "?" + de, po = `<${Sr}>`, $e = document, Le = () => $e.createComment(""), qe = (e) => e === null || typeof e != "object" && typeof e != "function", Ot = Array.isArray, uo = (e) => Ot(e) || typeof e?.[Symbol.iterator] == "function", bt = `[ 	
 \f\r]`, Ne = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Qt = /-->/g, Xt = />/g, me = RegExp(`>|${bt}(?:([^\\s"'>=/]+)(${bt}*=${bt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Zt = /'/g, er = /"/g, Ar = /^(?:script|style|textarea|title)$/i, fo = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), f = fo(1), ae = Symbol.for("lit-noChange"), S = Symbol.for("lit-nothing"), tr = /* @__PURE__ */ new WeakMap(), ye = $e.createTreeWalker($e, 129);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Zt = /'/g, er = /"/g, Ar = /^(?:script|style|textarea|title)$/i, fo = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), f = fo(1), ne = Symbol.for("lit-noChange"), S = Symbol.for("lit-nothing"), tr = /* @__PURE__ */ new WeakMap(), ye = $e.createTreeWalker($e, 129);
 function Er(e, t) {
   if (!Ot(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Gt !== void 0 ? Gt.createHTML(t) : t;
@@ -304,7 +304,7 @@ class Fe {
   }
 }
 function Ee(e, t, r = e, o) {
-  if (t === ae) return t;
+  if (t === ne) return t;
   let i = o !== void 0 ? r._$Co?.[o] : r._$Cl;
   const s = qe(t) ? void 0 : t._$litDirective$;
   return i?.constructor !== s && (i?._$AO?.(!1), s === void 0 ? i = void 0 : (i = new s(e), i._$AT(e, r, o)), o !== void 0 ? (r._$Co ??= [])[o] = i : r._$Cl = i), i !== void 0 && (t = Ee(e, i._$AS(e, t.values), i, o)), t;
@@ -356,7 +356,7 @@ class _e {
     return this._$AB;
   }
   _$AI(t, r = this) {
-    t = Ee(this, t, r), qe(t) ? t === S || t == null || t === "" ? (this._$AH !== S && this._$AR(), this._$AH = S) : t !== this._$AH && t !== ae && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : uo(t) ? this.k(t) : this._(t);
+    t = Ee(this, t, r), qe(t) ? t === S || t == null || t === "" ? (this._$AH !== S && this._$AR(), this._$AH = S) : t !== this._$AH && t !== ne && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : uo(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -409,11 +409,11 @@ class at {
   _$AI(t, r = this, o, i) {
     const s = this.strings;
     let a = !1;
-    if (s === void 0) t = Ee(this, t, r, 0), a = !qe(t) || t !== this._$AH && t !== ae, a && (this._$AH = t);
+    if (s === void 0) t = Ee(this, t, r, 0), a = !qe(t) || t !== this._$AH && t !== ne, a && (this._$AH = t);
     else {
       const n = t;
       let l, d;
-      for (t = s[0], l = 0; l < s.length - 1; l++) d = Ee(this, n[o + l], r, l), d === ae && (d = this._$AH[l]), a ||= !qe(d) || d !== this._$AH[l], d === S ? t = S : t !== S && (t += (d ?? "") + s[l + 1]), this._$AH[l] = d;
+      for (t = s[0], l = 0; l < s.length - 1; l++) d = Ee(this, n[o + l], r, l), d === ne && (d = this._$AH[l]), a ||= !qe(d) || d !== this._$AH[l], d === S ? t = S : t !== S && (t += (d ?? "") + s[l + 1]), this._$AH[l] = d;
     }
     a && !i && this.j(t);
   }
@@ -442,7 +442,7 @@ class yo extends at {
     super(t, r, o, i, s), this.type = 5;
   }
   _$AI(t, r = this) {
-    if ((t = Ee(this, t, r, 0) ?? S) === ae) return;
+    if ((t = Ee(this, t, r, 0) ?? S) === ne) return;
     const o = this._$AH, i = t === S && o !== S || t.capture !== o.capture || t.once !== o.once || t.passive !== o.passive, s = t !== S && (o === S || i);
     i && this.element.removeEventListener(this.name, this, o), s && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
@@ -492,7 +492,7 @@ let Be = class extends Ae {
     super.disconnectedCallback(), this._$Do?.setConnected(!1);
   }
   render() {
-    return ae;
+    return ne;
   }
 };
 Be._$litElement$ = !0, Be.finalized = !0, Dt.litElementHydrateSupport?.({ LitElement: Be });
@@ -630,7 +630,7 @@ const or = (e, t, r) => {
       const v = i[p++];
       v !== null && gt(v);
     }
-    return this.ut = a, Oo(e, l), ae;
+    return this.ut = a, Oo(e, l), ne;
   }
 });
 var Po = Object.defineProperty, Tr = (e, t, r, o) => {
@@ -2454,7 +2454,7 @@ const $ = Rt(class extends zt {
       const i = !!t[o];
       i === this.st.has(o) || this.nt?.has(o) || (i ? (r.add(o), this.st.add(o)) : (r.remove(o), this.st.delete(o)));
     }
-    return ae;
+    return ne;
   }
 });
 var Bo = Object.defineProperty, Lo = Object.getOwnPropertyDescriptor, fe = (e, t, r, o) => {
@@ -3224,7 +3224,7 @@ Oe([
 he = Oe([
   W("base-card")
 ], he);
-const ee = (e) => e ?? S;
+const te = (e) => e ?? S;
 var jo = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, M = (e, t, r, o) => {
   for (var i = o > 1 ? void 0 : o ? Yo(t, r) : t, s = e.length - 1, a; s >= 0; s--)
     (a = e[s]) && (i = (o ? a(t, r, i) : a(i)) || i);
@@ -3389,7 +3389,7 @@ let P = class extends B {
             role="button"
             aria-haspopup="dialog"
             aria-expanded=${this.isOpen}
-            aria-describedby=${ee(e ? `${this.inputId}-error` : void 0)}
+            aria-describedby=${te(e ? `${this.inputId}-error` : void 0)}
             aria-invalid=${e}
           >
             ${this.displayValue || this.placeholder}
@@ -4268,7 +4268,7 @@ let T = class extends B {
             role="button"
             aria-haspopup="dialog"
             aria-expanded=${this.isOpen}
-            aria-describedby=${ee(e ? `${this.inputId}-error` : void 0)}
+            aria-describedby=${te(e ? `${this.inputId}-error` : void 0)}
             aria-invalid=${e}
           >
             ${this.displayValue || this.placeholder}
@@ -5130,7 +5130,7 @@ O([
 T = O([
   W("base-datetime-picker")
 ], T);
-var Wo = Object.defineProperty, Jo = Object.getOwnPropertyDescriptor, X = (e, t, r, o) => {
+var Wo = Object.defineProperty, Jo = Object.getOwnPropertyDescriptor, Z = (e, t, r, o) => {
   for (var i = o > 1 ? void 0 : o ? Jo(t, r) : t, s = e.length - 1, a; s >= 0; s--)
     (a = e[s]) && (i = (o ? a(t, r, i) : a(i)) || i);
   return o && i && Wo(t, r, i), i;
@@ -5270,43 +5270,43 @@ let V = class extends B {
   }
 };
 V.styles = Or();
-X([
+Z([
   b({ type: Boolean, reflect: !0 })
 ], V.prototype, "open", 2);
-X([
+Z([
   b({ type: String, attribute: "size" })
 ], V.prototype, "size", 2);
-X([
+Z([
   w()
 ], V.prototype, "isClosing", 2);
-X([
+Z([
   w()
 ], V.prototype, "isVisible", 2);
-X([
+Z([
   w()
 ], V.prototype, "isDragging", 2);
-X([
+Z([
   w()
 ], V.prototype, "dragStartY", 2);
-X([
+Z([
   w()
 ], V.prototype, "dragCurrentY", 2);
-X([
+Z([
   w()
 ], V.prototype, "dragStartTime", 2);
-X([
+Z([
   w()
 ], V.prototype, "lastDragEndTime", 2);
-X([
+Z([
   q(".modal-container")
 ], V.prototype, "modalContainer", 2);
-X([
+Z([
   q(".modal-body")
 ], V.prototype, "modalBody", 2);
-V = X([
+V = Z([
   W("base-drawer")
 ], V);
-var Go = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, Z = (e, t, r, o) => {
+var Go = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, ee = (e, t, r, o) => {
   for (var i = o > 1 ? void 0 : o ? Qo(t, r) : t, s = e.length - 1, a; s >= 0; s--)
     (a = e[s]) && (i = (o ? a(t, r, i) : a(i)) || i);
   return o && i && Go(t, r, i), i;
@@ -5366,11 +5366,11 @@ let K = class extends B {
             id=${this.inputId}
             class=${$(t)}
             type=${this.type}
-            placeholder=${ee(this.placeholder)}
+            placeholder=${te(this.placeholder)}
             ?disabled=${this.disabled}
             ?required=${this.required}
-            autocomplete=${ee(this.autocomplete)}
-            aria-describedby=${ee(e ? `${this.inputId}-error` : void 0)}
+            autocomplete=${te(this.autocomplete)}
+            aria-describedby=${te(e ? `${this.inputId}-error` : void 0)}
             aria-invalid=${e}
             .value=${this.value}
             @input=${this.handleInput}
@@ -5532,40 +5532,40 @@ K.styles = J`
       line-height: var(--line-height-tight);
     }
   `;
-Z([
+ee([
   b({ type: String })
 ], K.prototype, "value", 2);
-Z([
+ee([
   b({ type: String })
 ], K.prototype, "label", 2);
-Z([
+ee([
   b({ type: String })
 ], K.prototype, "placeholder", 2);
-Z([
+ee([
   b({ type: String })
 ], K.prototype, "type", 2);
-Z([
+ee([
   b({ type: Boolean, reflect: !0 })
 ], K.prototype, "required", 2);
-Z([
+ee([
   b({ type: Boolean, reflect: !0 })
 ], K.prototype, "disabled", 2);
-Z([
+ee([
   b({ type: String })
 ], K.prototype, "error", 2);
-Z([
+ee([
   b({ type: String })
 ], K.prototype, "hint", 2);
-Z([
+ee([
   b({ type: String })
 ], K.prototype, "autocomplete", 2);
-Z([
+ee([
   b({ type: String })
 ], K.prototype, "size", 2);
-Z([
+ee([
   q("input")
 ], K.prototype, "inputElement", 2);
-K = Z([
+K = ee([
   W("base-input")
 ], K);
 var Xo = Object.defineProperty, Zo = Object.getOwnPropertyDescriptor, I = (e, t, r, o) => {
@@ -5688,7 +5688,7 @@ let R = class extends B {
                   .value=${this.searchQuery}
                   @input=${this.handleSearchInput}
                   @keydown=${this.handleKeydown}
-                  aria-describedby=${ee(e ? `${this.selectId}-error` : void 0)}
+                  aria-describedby=${te(e ? `${this.selectId}-error` : void 0)}
                   aria-invalid=${e}
                 />
               ` : f`
@@ -5701,7 +5701,7 @@ let R = class extends B {
                   role="combobox"
                   aria-expanded=${this.isOpen}
                   aria-haspopup="listbox"
-                  aria-describedby=${ee(e ? `${this.selectId}-error` : void 0)}
+                  aria-describedby=${te(e ? `${this.selectId}-error` : void 0)}
                   aria-invalid=${e}
                 >
                   ${this.displayValue}
@@ -6105,7 +6105,7 @@ class xt extends zt {
   }
   render(t) {
     if (t === S || t == null) return this._t = void 0, this.it = t;
-    if (t === ae) return t;
+    if (t === ne) return t;
     if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
     if (t === this.it) return this._t;
     this.it = t;
@@ -6115,14 +6115,14 @@ class xt extends zt {
 }
 xt.directiveName = "unsafeHTML", xt.resultType = 1;
 const ri = Rt(xt);
-var oi = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, ne = (e, t, r, o) => {
+var oi = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, ae = (e, t, r, o) => {
   for (var i = o > 1 ? void 0 : o ? ii(t, r) : t, s = e.length - 1, a; s >= 0; s--)
     (a = e[s]) && (i = (o ? a(t, r, i) : a(i)) || i);
   return o && i && oi(t, r, i), i;
 };
-let te = class extends B {
+let X = class extends B {
   constructor() {
-    super(...arguments), this.activeTab = "", this.ariaLabel = "Dashboard navigation", this.syncWithHash = !0, this.variant = "sidebar", this.tabs = [], this.isExpanded = !1, this.isMobile = !1, this.boundHashChangeHandler = this.handleHashChange.bind(this), this.boundResizeHandler = this.handleResize.bind(this), this.hasInitialized = !1;
+    super(...arguments), this.activeTab = "", this.ariaLabel = "Dashboard navigation", this.syncWithHash = !0, this.variant = "sidebar", this.forceExpanded = !1, this.tabs = [], this.isExpanded = !1, this.isMobile = !1, this.boundHashChangeHandler = this.handleHashChange.bind(this), this.boundResizeHandler = this.handleResize.bind(this), this.hasInitialized = !1;
   }
   connectedCallback() {
     super.connectedCallback(), window.addEventListener("hashchange", this.boundHashChangeHandler), window.addEventListener("resize", this.boundResizeHandler), this.handleResize(), this.addEventListener("tab-register", this.handleTabRegister), this.addEventListener("tab-badge-update", this.handleTabBadgeUpdate);
@@ -6222,7 +6222,7 @@ let te = class extends B {
     this.isExpanded = !this.isExpanded;
   }
   renderTabButton(e, t) {
-    const r = this.activeTab === e.id, o = {
+    const r = this.activeTab === e.id, o = this.forceExpanded || this.isExpanded, i = {
       "tab-button": !0,
       "tab-button--active": r
     };
@@ -6233,13 +6233,13 @@ let te = class extends B {
         aria-controls="tabpanel-${e.id}"
         id="tab-${e.id}"
         tabindex=${r ? 0 : -1}
-        class=${$(o)}
+        class=${$(i)}
         @click=${() => this.handleTabClick(e.id)}
-        @keydown=${(i) => this.handleKeyDown(i, t)}
+        @keydown=${(s) => this.handleKeyDown(s, t)}
       >
-        ${e.icon && this.variant === "sidebar" ? f`<span class="tab-icon">${ri(e.icon)}</span>` : S}
-        ${this.isExpanded || this.variant !== "sidebar" || this.isMobile ? f`<span class="tab-label">${e.label}</span>` : S}
-        ${e.badge !== void 0 && e.badge > 0 && (this.isExpanded || this.variant !== "sidebar" || this.isMobile) ? f`<span class="tab-badge">${e.badge}</span>` : S}
+        ${e.icon ? f`<span class="tab-icon">${ri(e.icon)}</span>` : S}
+        ${o || this.variant !== "sidebar" || this.isMobile ? f`<span class="tab-label">${e.label}</span>` : S}
+        ${e.badge !== void 0 && e.badge > 0 && (o || this.variant !== "sidebar" || this.isMobile) ? f`<span class="tab-badge">${e.badge}</span>` : S}
       </button>
     `;
   }
@@ -6247,14 +6247,17 @@ let te = class extends B {
     const e = {
       "base-tabs": !0,
       "base-tabs--vertical": this.variant === "sidebar"
-    }, t = {
+    }, t = this.forceExpanded || this.isExpanded, r = {
       "tabs-sidebar": !0,
-      "tabs-sidebar--expanded": this.isExpanded
+      "tabs-sidebar--expanded": t
+    }, o = {
+      "sidebar-toggle": !0,
+      "sidebar-toggle--hidden": this.forceExpanded
     };
     return f`
       <div class=${$(e)} role="tablist" aria-label=${this.ariaLabel}>
         ${this.variant === "sidebar" ? f`
-              <div class=${$(t)}>
+              <div class=${$(r)}>
                 <!-- Sidebar Header -->
                 <div class="sidebar-header">
                   <slot name="sidebar-header"></slot>
@@ -6262,11 +6265,11 @@ let te = class extends B {
 
                 <!-- Sidebar Toggle -->
                 <button
-                  class="sidebar-toggle"
+                  class=${$(o)}
                   @click=${this.toggleSidebar}
                   aria-label="Toggle sidebar"
                 >
-                  ${this.isExpanded ? f`<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                  ${t ? f`<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
           <path d="M11 19l-7-7 7-7" />
         </svg>` : f`<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
           <path d="M9 5l7 7-7 7" />
@@ -6275,7 +6278,7 @@ let te = class extends B {
 
                 <!-- Tabs Navigation -->
                 <nav class="tabs-nav">
-                  ${this.tabs.map((r, o) => this.renderTabButton(r, o))}
+                  ${this.tabs.map((i, s) => this.renderTabButton(i, s))}
                 </nav>
 
                 <!-- Sidebar Footer -->
@@ -6285,7 +6288,7 @@ let te = class extends B {
               </div>
             ` : f`
               <div class="tabs-header">
-                ${this.tabs.map((r, o) => this.renderTabButton(r, o))}
+                ${this.tabs.map((i, s) => this.renderTabButton(i, s))}
               </div>
             `}
 
@@ -6297,7 +6300,7 @@ let te = class extends B {
     `;
   }
 };
-te.styles = J`
+X.styles = J`
     :host {
       display: block;
       min-width: 0;
@@ -6316,6 +6319,7 @@ te.styles = J`
       padding: var(--space-4, 1rem);
       min-width: 0;
       overflow-x: hidden;
+      height: 100%;
     }
 
     /* Sidebar Layout */
@@ -6363,6 +6367,10 @@ te.styles = J`
       transition: all var(--transition-fast, 150ms);
     }
 
+    .sidebar-toggle--hidden {
+      display: none;
+    }
+
     .sidebar-toggle:hover {
       background: var(--color-bg-muted, #f8fafc);
       color: var(--color-text-primary, #0f172a);
@@ -6496,8 +6504,10 @@ te.styles = J`
     .tabs-header .tab-button {
       position: relative;
       display: flex;
+      flex-direction: column;
       align-items: center;
-      gap: var(--space-2, 0.5rem);
+      justify-content: center;
+      gap: var(--space-1, 0.25rem);
       padding: var(--space-3, 0.75rem) var(--space-4, 1rem);
       background: none;
       border: none;
@@ -6527,8 +6537,28 @@ te.styles = J`
       border-bottom-color: var(--color-primary, #2563eb);
     }
 
+    .tabs-header .tab-icon {
+      flex-shrink: 0;
+      width: 100%;
+      height: 20px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-left: 0;
+    }
+
+    .tabs-header .tab-icon svg {
+      width: 20px;
+      height: 20px;
+      stroke: currentColor;
+      display: block;
+      margin: 0 auto;
+    }
+
     .tabs-header .tab-label {
+      width: 100%;
       line-height: 1;
+      text-align: center;
     }
 
     .tabs-header .tab-badge {
@@ -6554,11 +6584,16 @@ te.styles = J`
       flex: 1;
       min-width: 0;
       animation: fadeIn 0.2s ease-in;
+      overflow-y: auto;
+      overflow-x: hidden;
     }
 
     .base-tabs--vertical .tabs-content {
       flex: 1;
       min-width: 0;
+      min-height: 0;
+      overflow-y: auto;
+      overflow-x: hidden;
     }
 
     @keyframes fadeIn {
@@ -6723,33 +6758,36 @@ te.styles = J`
       }
     }
   `;
-ne([
+ae([
   b({ type: String, attribute: "active-tab" })
-], te.prototype, "activeTab", 2);
-ne([
+], X.prototype, "activeTab", 2);
+ae([
   b({ type: String, attribute: "aria-label" })
-], te.prototype, "ariaLabel", 2);
-ne([
+], X.prototype, "ariaLabel", 2);
+ae([
   b({ type: Boolean, attribute: "sync-with-hash" })
-], te.prototype, "syncWithHash", 2);
-ne([
+], X.prototype, "syncWithHash", 2);
+ae([
   b({ type: String })
-], te.prototype, "variant", 2);
-ne([
+], X.prototype, "variant", 2);
+ae([
+  b({ type: Boolean, attribute: "force-expanded" })
+], X.prototype, "forceExpanded", 2);
+ae([
   w()
-], te.prototype, "tabs", 2);
-ne([
+], X.prototype, "tabs", 2);
+ae([
   w()
-], te.prototype, "isExpanded", 2);
-ne([
+], X.prototype, "isExpanded", 2);
+ae([
   w()
-], te.prototype, "isMobile", 2);
-ne([
+], X.prototype, "isMobile", 2);
+ae([
   q(".tabs-nav")
-], te.prototype, "tabsNav", 2);
-te = ne([
+], X.prototype, "tabsNav", 2);
+X = ae([
   W("base-tabs")
-], te);
+], X);
 var si = Object.defineProperty, ai = Object.getOwnPropertyDescriptor, G = (e, t, r, o) => {
   for (var i = o > 1 ? void 0 : o ? ai(t, r) : t, s = e.length - 1, a; s >= 0; s--)
     (a = e[s]) && (i = (o ? a(t, r, i) : a(i)) || i);
@@ -6813,12 +6851,12 @@ let L = class extends B {
           <textarea
             id=${this.textareaId}
             class=${$(s)}
-            placeholder=${ee(this.placeholder)}
+            placeholder=${te(this.placeholder)}
             rows=${this.rows}
-            maxlength=${ee(this.maxlength)}
+            maxlength=${te(this.maxlength)}
             ?disabled=${this.disabled}
             ?required=${this.required}
-            aria-describedby=${ee(e ? `${this.textareaId}-error` : void 0)}
+            aria-describedby=${te(e ? `${this.textareaId}-error` : void 0)}
             aria-invalid=${e}
             .value=${this.value}
             @input=${this.handleInput}
@@ -7166,7 +7204,7 @@ let N = class extends B {
             role="button"
             aria-haspopup="dialog"
             aria-expanded=${this.isOpen}
-            aria-describedby=${ee(e ? `${this.inputId}-error` : void 0)}
+            aria-describedby=${te(e ? `${this.inputId}-error` : void 0)}
             aria-invalid=${e}
           >
             ${this.displayValue || this.placeholder}
@@ -9867,7 +9905,7 @@ export {
   K as BaseInput,
   R as BaseSelect,
   pe as BaseTab,
-  te as BaseTabs,
+  X as BaseTabs,
   L as BaseTextarea,
   N as BaseTimePicker,
   ue as QuantitySelect,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cal.macconnachie/web-components",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "Web components hosted on a CDN",
   "keywords": [
     "web-components",