welcome-ui 0.0.0-dev.1789563648976 → 0.0.0-dev.1789571589259

package/dist/CustomPopper-DWdMQOgg.js

@@ -1,4 +1,5 @@
 "use client";
+import './CustomPopper.css';
 var sn = Object.defineProperty;
 var cn = (a, n, t) => n in a ? sn(a, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[n] = t;
 var w = (a, n, t) => cn(a, typeof n != "symbol" ? n + "" : n, t);

package/dist/Tabs.css

@@ -1 +1 @@
-@layer components{._root_6qdcx_2{display:flex;align-items:center;transition-property:background-color,border-color,color,box-shadow;transition-timing-function:ease-in-out;cursor:pointer;border-radius:var(--radius-md);transition-duration:var(--duration-medium);font-weight:var(--font-weight-medium);gap:var(--tabGap);max-height:var(--tabItemMaxHeight);padding-block:var(--tabPaddingBlock);padding-inline:var(--tabPaddingInline);font-size:var(--tabFontSize);background-color:var(--tabItemBackgroundColor, var(--tab-color-background-unchecked-default));color:var(--tabItemColor, var(--tab-color-text-unchecked-default));box-shadow:inset 0 0 0 var(--tabItemBorderSize, var(--tab-border-width-unchecked)) var(--tabItemBorderColor, var(--tab-color-border-unchecked-default)),var(--tabItemBoxShadow, var(--elevation-10))}._root_6qdcx_2:focus{outline:none!important;--tabItemColor: var(--tab-color-text-unchecked-pressed);--tabItemBackgroundColor: var(--tab-color-background-unchecked-pressed);--tabItemBorderColor: var(--tab-color-border-unchecked-pressed)}._root_6qdcx_2:focus[aria-selected=true]{--tabItemColor: var(--tab-color-text-checked-default);--tabItemBackgroundColor: var(--tab-color-background-checked-default);--tabItemBorderColor: var(--tab-color-border-checked-default)}._root_6qdcx_2[aria-selected=true]{--tabItemColor: var(--tab-color-text-checked-default);--tabItemBackgroundColor: var(--tab-color-background-checked-default);--tabItemBorderColor: var(--tab-color-border-checked-default);--tabItemBorderSize: var(--tab-border-width-checked)}._root_6qdcx_2[aria-selected=true]:hover{--tabItemColor: var(--tab-color-text-checked-hover);--tabItemBackgroundColor: var(--tab-color-background-checked-hover);--tabItemBorderColor: var(--tab-color-border-checked-hover);--tabItemBorderSize: var(--tab-border-width-checked);--tabItemBoxShadow: var(--elevation-20)}._root_6qdcx_2[aria-disabled=true]{cursor:not-allowed;--tabItemColor: var(--button-color-text-secondary-main-disabled);background:repeating-linear-gradient(-45deg,transparent,transparent 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 4.3px),var(--button-color-background-secondary-main-disabled)}._root_6qdcx_2:hover:not([aria-selected=true]):not([aria-disabled=true]){--tabItemColor: var(--tab-color-text-unchecked-hover);--tabItemBackgroundColor: var(--tab-color-background-unchecked-hover);--tabItemBorderColor: var(--tab-color-border-unchecked-hover);--tabItemBoxShadow: var(--elevation-20)}._root_6qdcx_2._orientation-vertical_6qdcx_58{width:100%}._content_6qdcx_61{display:flex;flex:1;align-items:center;gap:var(--tabGap)}._size-lg_6qdcx_67{--tabItemMaxHeight: var(--tab-size-max-height-lg);--tabPaddingBlock: var(--tab-padding-block-lg);--tabPaddingInline: var(--tab-padding-inline-lg);--tabFontSize: var(--font-size-sm);--tabGap: var(--tab-gap-content-lg)}._size-md_6qdcx_74{--tabItemMaxHeight: var(--tab-size-max-height-md);--tabPaddingBlock: var(--tab-padding-block-md);--tabPaddingInline: var(--tab-padding-inline-md);--tabFontSize: var(--font-size-xs);--tabGap: var(--tab-gap-content-md)}._folder-icon_6qdcx_84{color:var(--tabIconColor)}._folder-icon-blue_6qdcx_87{--tabIconColor: var(--color-background-accent-blue-primary)}._folder-icon-blue-active_6qdcx_90{--tabIconColor: var(--color-background-accent-blue-strong)}._folder-icon-green_6qdcx_93{--tabIconColor: var(--color-background-accent-green-primary)}._folder-icon-green-active_6qdcx_96{--tabIconColor: var(--color-background-accent-green-strong)}._folder-icon-orange_6qdcx_99{--tabIconColor: var(--color-background-accent-orange-primary)}._folder-icon-orange-active_6qdcx_102{--tabIconColor: var(--color-background-accent-orange-strong)}._folder-icon-pink_6qdcx_105{--tabIconColor: var(--color-background-accent-pink-primary)}._folder-icon-pink-active_6qdcx_108{--tabIconColor: var(--color-background-accent-pink-strong)}._folder-icon-teal_6qdcx_111{--tabIconColor: var(--color-background-accent-teal-primary)}._folder-icon-teal-active_6qdcx_114{--tabIconColor: var(--color-background-accent-teal-strong)}._folder-icon-violet_6qdcx_117{--tabIconColor: var(--color-background-accent-violet-primary)}._folder-icon-violet-active_6qdcx_120{--tabIconColor: var(--color-background-accent-violet-strong)}._folder-icon-warm_6qdcx_123{--tabIconColor: var(--color-background-warm-stronger)}._folder-icon-warm-active_6qdcx_126{--tabIconColor: var(--color-beige-60)}._tab-list_6qdcx_132{display:flex;align-items:center;gap:var(--tabsGap, 0)}._tab-list_6qdcx_132._size-lg_6qdcx_67{--tabsGap: var(--tab-gap-content-lg)}._tab-list_6qdcx_132._size-md_6qdcx_74{--tabsGap: var(--tab-gap-content-md)}._tab-list_6qdcx_132._orientation-vertical_6qdcx_58{flex-direction:column;align-items:stretch;--tabsGap: var(--tab-gap-content-lg)}}
+@layer components{._root_ijogm_2{display:flex;align-items:center;transition-property:background-color,border-color,color,box-shadow;transition-timing-function:ease-in-out;cursor:pointer;border-radius:var(--radius-md);transition-duration:var(--duration-medium);font-weight:var(--font-weight-medium);gap:var(--tabGap);max-height:var(--tabItemMaxHeight);padding-block:var(--tabPaddingBlock);padding-inline:var(--tabPaddingInline);font-size:var(--tabFontSize);background-color:var(--tabItemBackgroundColor, var(--tab-color-background-unchecked-default));color:var(--tabItemColor, var(--tab-color-text-unchecked-default));box-shadow:inset 0 0 0 var(--tabItemBorderSize, var(--tab-border-width-unchecked)) var(--tabItemBorderColor, var(--tab-color-border-unchecked-default)),var(--tabItemBoxShadow, var(--elevation-10))}._root_ijogm_2:focus{outline:none!important;--tabItemColor: var(--tab-color-text-unchecked-pressed);--tabItemBackgroundColor: var(--tab-color-background-unchecked-pressed);--tabItemBorderColor: var(--tab-color-border-unchecked-pressed)}._root_ijogm_2:focus[aria-selected=true]{--tabItemColor: var(--tab-color-text-checked-default);--tabItemBackgroundColor: var(--tab-color-background-checked-default);--tabItemBorderColor: var(--tab-color-border-checked-default)}._root_ijogm_2[aria-selected=true]{--tabItemColor: var(--tab-color-text-checked-default);--tabItemBackgroundColor: var(--tab-color-background-checked-default);--tabItemBorderColor: var(--tab-color-border-checked-default);--tabItemBorderSize: var(--tab-border-width-checked)}._root_ijogm_2[aria-selected=true]:hover{--tabItemColor: var(--tab-color-text-checked-hover);--tabItemBackgroundColor: var(--tab-color-background-checked-hover);--tabItemBorderColor: var(--tab-color-border-checked-hover);--tabItemBorderSize: var(--tab-border-width-checked);--tabItemBoxShadow: var(--elevation-20)}._root_ijogm_2[aria-disabled=true]{cursor:not-allowed;--tabItemColor: var(--button-color-text-secondary-main-disabled);background:repeating-linear-gradient(-45deg,transparent,transparent 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 4.3px),var(--button-color-background-secondary-main-disabled)}._root_ijogm_2:hover:not([aria-selected=true]):not([aria-disabled=true]){--tabItemColor: var(--tab-color-text-unchecked-hover);--tabItemBackgroundColor: var(--tab-color-background-unchecked-hover);--tabItemBorderColor: var(--tab-color-border-unchecked-hover);--tabItemBoxShadow: var(--elevation-20)}._size-lg_ijogm_58{--tabItemMaxHeight: var(--tab-size-max-height-lg);--tabPaddingBlock: var(--tab-padding-block-lg);--tabPaddingInline: var(--tab-padding-inline-lg);--tabFontSize: var(--font-size-sm);--tabGap: var(--tab-gap-content-lg)}._size-md_ijogm_65{--tabItemMaxHeight: var(--tab-size-max-height-md);--tabPaddingBlock: var(--tab-padding-block-md);--tabPaddingInline: var(--tab-padding-inline-md);--tabFontSize: var(--font-size-xs);--tabGap: var(--tab-gap-content-md)}._folder-icon_ijogm_75{color:var(--tabIconColor)}._folder-icon-blue_ijogm_78{--tabIconColor: var(--color-background-accent-blue-primary)}._folder-icon-blue-active_ijogm_81{--tabIconColor: var(--color-background-accent-blue-strong)}._folder-icon-green_ijogm_84{--tabIconColor: var(--color-background-accent-green-primary)}._folder-icon-green-active_ijogm_87{--tabIconColor: var(--color-background-accent-green-strong)}._folder-icon-orange_ijogm_90{--tabIconColor: var(--color-background-accent-orange-primary)}._folder-icon-orange-active_ijogm_93{--tabIconColor: var(--color-background-accent-orange-strong)}._folder-icon-pink_ijogm_96{--tabIconColor: var(--color-background-accent-pink-primary)}._folder-icon-pink-active_ijogm_99{--tabIconColor: var(--color-background-accent-pink-strong)}._folder-icon-teal_ijogm_102{--tabIconColor: var(--color-background-accent-teal-primary)}._folder-icon-teal-active_ijogm_105{--tabIconColor: var(--color-background-accent-teal-strong)}._folder-icon-violet_ijogm_108{--tabIconColor: var(--color-background-accent-violet-primary)}._folder-icon-violet-active_ijogm_111{--tabIconColor: var(--color-background-accent-violet-strong)}._folder-icon-warm_ijogm_114{--tabIconColor: var(--color-background-warm-stronger)}._folder-icon-warm-active_ijogm_117{--tabIconColor: var(--color-beige-60)}._tab-list_ijogm_123{display:flex;align-items:center;gap:var(--tabsGap, 0)}._tab-list_ijogm_123._size-lg_ijogm_58{--tabsGap: var(--tab-gap-content-lg)}._tab-list_ijogm_123._size-md_ijogm_65{--tabsGap: var(--tab-gap-content-md)}}

package/dist/Tabs.js

@@ -1,51 +1,51 @@
 "use client";
 import './Tabs.css';
-import { jsx as h, jsxs as E } from "react/jsx-runtime";
-import { T as R, b as W, a as K } from "./tab-panel-DMICXMJc.js";
-import { a as U } from "./combobox-context-COdkPD-I.js";
-import { u as D } from "./composite-store-BbsZpdXc.js";
-import { P as G, b as H } from "./popover-context-B2YQ_e3N.js";
-import { C as J, a as Q, c as X, m as Y } from "./composite-item-CzuZunbi.js";
-import { b as Z, w as v, V as C, ab as ee, x as O } from "./D5lwkpmX-BTxFdaqc.js";
-import q, { createContext as V, useMemo as te, forwardRef as $, useEffect as oe } from "react";
-import { m as re, o as N, c as ae, s as _, d as f, g as ne, a as B, b as F, u as se } from "./index-B0vSTNCB.js";
-import { c as T } from "./index-B6iGEm-i.js";
-import { Badge as le } from "./Badge.js";
-import { f as ce } from "./forwardRefWithAs-8eP3ZN15.js";
-import { Icon as ie } from "./Icon.js";
-const de = Z([H, Q], [G, J]), ue = de.useContext;
-V(!1);
-V(null);
-function me(e) {
-  var r;
-  const o = (r = e[0]) == null ? void 0 : r.element;
+import { jsx as h, jsxs as L } from "react/jsx-runtime";
+import { T as A, b as R, a as W } from "./tab-panel-DMICXMJc.js";
+import { a as K } from "./combobox-context-COdkPD-I.js";
+import { u as U } from "./composite-store-BbsZpdXc.js";
+import { P as D, b as G } from "./popover-context-B2YQ_e3N.js";
+import { C as H, a as J, c as Q, m as X } from "./composite-item-CzuZunbi.js";
+import { b as Y, w as _, V as z, ab as Z, x as y } from "./D5lwkpmX-BTxFdaqc.js";
+import O, { createContext as F, useMemo as ee, forwardRef as M } from "react";
+import { m as te, o as E, c as oe, s as I, d as f, g as re, a as N, b as C, u as se } from "./index-B0vSTNCB.js";
+import { c as j } from "./index-B6iGEm-i.js";
+import { Badge as ae } from "./Badge.js";
+import { f as ne } from "./forwardRefWithAs-8eP3ZN15.js";
+import { Icon as le } from "./Icon.js";
+const ie = Y([G, J], [D, H]), ce = ie.useContext;
+F(!1);
+F(null);
+function de(e) {
+  var a;
+  const o = (a = e[0]) == null ? void 0 : a.element;
   if (!o) return;
-  const t = ee(o);
+  const t = Z(o);
   if (t)
-    return e.find((s) => s.element === t);
+    return e.find((l) => l.element === t);
 }
-function fe(e, o) {
+function ue(e, o) {
   if (o != null)
     return e.find((t) => t.id === o);
 }
-function k(e) {
+function w(e) {
   return !(!e || e.disabled || e.dimmed);
 }
-function be() {
-  const e = Y(), o = /* @__PURE__ */ new Map();
+function me() {
+  const e = X(), o = /* @__PURE__ */ new Map();
   return f(e, ["items"], (t) => {
     o.clear();
-    for (const r of t.items) {
-      const { tabId: s } = r;
-      s != null && (o.has(s) || o.set(s, r));
+    for (const a of t.items) {
+      const { tabId: l } = a;
+      l != null && (o.has(l) || o.set(l, a));
     }
   }), {
     panels: e,
     panel: (t) => t == null ? null : o.get(t) || null
   };
 }
-function ge({ composite: e, combobox: o, ...t } = {}) {
-  const r = [
+function fe({ composite: e, combobox: o, ...t } = {}) {
+  const a = [
     "items",
     "renderedItems",
     "moves",
@@ -59,136 +59,130 @@ function ge({ composite: e, combobox: o, ...t } = {}) {
     "focusShift",
     "focusWrap",
     "selectOnMove"
-  ], s = re(t.store, N(e, r), N(o, r)), a = s == null ? void 0 : s.getState(), i = X({
+  ], l = te(t.store, E(e, a), E(o, a)), r = l == null ? void 0 : l.getState(), m = Q({
     ...t,
-    store: s,
-    compositeElementInFocusOrder: v(t.compositeElementInFocusOrder, t.includesBaseElement, a == null ? void 0 : a.compositeElementInFocusOrder, a == null ? void 0 : a.includesBaseElement, !1),
-    orientation: v(t.orientation, a == null ? void 0 : a.orientation, "horizontal"),
-    focusLoop: v(t.focusLoop, a == null ? void 0 : a.focusLoop, !0)
-  }), { panels: g, panel: w } = be(), S = {
-    ...i.getState(),
-    selectedId: v(t.selectedId, a == null ? void 0 : a.selectedId, t.defaultSelectedId),
-    selectOnMove: v(t.selectOnMove, a == null ? void 0 : a.selectOnMove, !0)
-  }, n = ae(S, i, s);
-  _(n, () => f(n, ["moves"], () => {
-    const { activeId: l, selectOnMove: c } = n.getState();
-    if (!c || !l) return;
-    const m = i.item(l);
-    k(m) && n.setState("selectedId", m.id);
+    store: l,
+    compositeElementInFocusOrder: _(t.compositeElementInFocusOrder, t.includesBaseElement, r == null ? void 0 : r.compositeElementInFocusOrder, r == null ? void 0 : r.includesBaseElement, !1),
+    orientation: _(t.orientation, r == null ? void 0 : r.orientation, "horizontal"),
+    focusLoop: _(t.focusLoop, r == null ? void 0 : r.focusLoop, !0)
+  }), { panels: b, panel: x } = me(), S = {
+    ...m.getState(),
+    selectedId: _(t.selectedId, r == null ? void 0 : r.selectedId, t.defaultSelectedId),
+    selectOnMove: _(t.selectOnMove, r == null ? void 0 : r.selectOnMove, !0)
+  }, s = oe(S, m, l);
+  I(s, () => f(s, ["moves"], () => {
+    const { activeId: n, selectOnMove: d } = s.getState();
+    if (!d || !n) return;
+    const u = m.item(n);
+    w(u) && s.setState("selectedId", u.id);
   }));
-  let p = !1, x;
-  _(n, () => (p = !1, ne(n, ["selectedId"], (l, c) => {
-    if (p && (p = !1, l.selectedId === x) || e && l.selectedId === c.selectedId) return;
-    const { activeId: m, renderedItems: d } = n.getState();
-    if (m === l.selectedId) return;
-    const u = me(d), I = fe(d, l.selectedId);
-    if (u && k(I)) {
-      i.move(I.id);
+  let g = !1, v;
+  I(s, () => (g = !1, re(s, ["selectedId"], (n, d) => {
+    if (g && (g = !1, n.selectedId === v) || e && n.selectedId === d.selectedId) return;
+    const { activeId: u, renderedItems: i } = s.getState();
+    if (u === n.selectedId) return;
+    const c = de(i), k = ue(i, n.selectedId);
+    if (c && w(k)) {
+      m.move(k.id);
       return;
     }
-    n.setState("activeId", l.selectedId);
-  }))), _(n, () => f(n, ["selectedId", "renderedItems"], (l) => {
-    if (l.selectedId !== void 0) return;
-    const { activeId: c, renderedItems: m } = n.getState(), d = i.item(c);
-    if (k(d)) n.setState("selectedId", d.id);
+    s.setState("activeId", n.selectedId);
+  }))), I(s, () => f(s, ["selectedId", "renderedItems"], (n) => {
+    if (n.selectedId !== void 0) return;
+    const { activeId: d, renderedItems: u } = s.getState(), i = m.item(d);
+    if (w(i)) s.setState("selectedId", i.id);
     else {
-      const u = m.find(k);
-      n.setState("selectedId", u == null ? void 0 : u.id);
+      const c = u.find(w);
+      s.setState("selectedId", c == null ? void 0 : c.id);
     }
-  })), _(n, () => f(n, ["renderedItems"], (l) => {
-    const c = l.renderedItems;
-    if (c.length)
-      return f(g, ["renderedItems"], (m) => {
-        const d = m.renderedItems;
-        d.some((u) => !u.tabId) && d.forEach((u, I) => {
-          if (u.tabId) return;
-          const y = c[I];
-          y && g.renderItem({
-            ...u,
-            tabId: y.id
+  })), I(s, () => f(s, ["renderedItems"], (n) => {
+    const d = n.renderedItems;
+    if (d.length)
+      return f(b, ["renderedItems"], (u) => {
+        const i = u.renderedItems;
+        i.some((c) => !c.tabId) && i.forEach((c, k) => {
+          if (c.tabId) return;
+          const P = d[k];
+          P && b.renderItem({
+            ...c,
+            tabId: P.id
           });
         });
       });
   }));
-  let b = null;
-  return _(n, () => {
-    const l = () => {
-      b = n.getState().selectedId;
-    }, c = () => {
-      const { selectedId: u } = n.getState();
-      u !== b && (p = !0, x = b, n.setState("selectedId", b));
-    }, m = !!e && "setSelectedValue" in e, d = m ? e : o;
-    if (e && !m && "setSelectElement" in e) return C(f(e, ["value"], l), f(e, ["mounted"], c));
-    if (d)
-      return C(f(d, ["selectedValue"], l), f(d, ["mounted"], c));
+  let p = null;
+  return I(s, () => {
+    const n = () => {
+      p = s.getState().selectedId;
+    }, d = () => {
+      const { selectedId: c } = s.getState();
+      c !== p && (g = !0, v = p, s.setState("selectedId", p));
+    }, u = !!e && "setSelectedValue" in e, i = u ? e : o;
+    if (e && !u && "setSelectElement" in e) return z(f(e, ["value"], n), f(e, ["mounted"], d));
+    if (i)
+      return z(f(i, ["selectedValue"], n), f(i, ["mounted"], d));
   }), {
-    ...i,
-    ...n,
-    panels: g,
-    panel: w,
-    setSelectedId: (l) => n.setState("selectedId", l),
-    select: (l) => {
-      n.setState("selectedId", l), i.move(l);
+    ...m,
+    ...s,
+    panels: b,
+    panel: x,
+    setSelectedId: (n) => s.setState("selectedId", n),
+    select: (n) => {
+      s.setState("selectedId", n), m.move(n);
     }
   };
 }
-function pe(e, o, t) {
-  O(o, [
+function be(e, o, t) {
+  y(o, [
     t.composite,
     t.combobox,
     o
   ]);
-  const r = D(e, o, t);
-  F(r, t, "selectedId", "setSelectedId"), F(r, t, "selectOnMove");
-  const [s, a] = B(() => r.panels, {});
-  return O(a, [r, a]), Object.assign(te(() => ({
-    ...r,
-    panels: s
-  }), [r, s]), {
+  const a = U(e, o, t);
+  C(a, t, "selectedId", "setSelectedId"), C(a, t, "selectOnMove");
+  const [l, r] = N(() => a.panels, {});
+  return y(r, [a, r]), Object.assign(ee(() => ({
+    ...a,
+    panels: l
+  }), [a, l]), {
     composite: t.composite,
     combobox: t.combobox
   });
 }
-function Qe(e = {}) {
-  const o = U(), t = ue() || o, r = {
+function Ge(e = {}) {
+  const o = K(), t = ce() || o, a = {
     ...e,
     composite: e.composite !== void 0 ? e.composite : t,
     combobox: e.combobox !== void 0 ? e.combobox : o
-  }, [s, a] = B(ge, r);
-  return pe(s, a, r);
+  }, [l, r] = N(fe, a);
+  return be(l, r, a);
 }
-const z = q.createContext(null);
-function he() {
-  const e = q.useContext(z);
+const $ = O.createContext(null);
+function ge() {
+  const e = O.useContext($);
   return (e == null ? void 0 : e.size) || "lg";
 }
-function ve() {
-  const e = q.useContext(z);
-  return (e == null ? void 0 : e.vertical) ?? !1;
-}
-const _e = "_root_6qdcx_2", xe = "_content_6qdcx_61", P = {
-  root: _e,
-  "orientation-vertical": "_orientation-vertical_6qdcx_58",
-  content: xe,
-  "size-lg": "_size-lg_6qdcx_67",
-  "size-md": "_size-md_6qdcx_74",
-  "folder-icon": "_folder-icon_6qdcx_84",
-  "folder-icon-blue": "_folder-icon-blue_6qdcx_87",
-  "folder-icon-blue-active": "_folder-icon-blue-active_6qdcx_90",
-  "folder-icon-green": "_folder-icon-green_6qdcx_93",
-  "folder-icon-green-active": "_folder-icon-green-active_6qdcx_96",
-  "folder-icon-orange": "_folder-icon-orange_6qdcx_99",
-  "folder-icon-orange-active": "_folder-icon-orange-active_6qdcx_102",
-  "folder-icon-pink": "_folder-icon-pink_6qdcx_105",
-  "folder-icon-pink-active": "_folder-icon-pink-active_6qdcx_108",
-  "folder-icon-teal": "_folder-icon-teal_6qdcx_111",
-  "folder-icon-teal-active": "_folder-icon-teal-active_6qdcx_114",
-  "folder-icon-violet": "_folder-icon-violet_6qdcx_117",
-  "folder-icon-violet-active": "_folder-icon-violet-active_6qdcx_120",
-  "folder-icon-warm": "_folder-icon-warm_6qdcx_123",
-  "folder-icon-warm-active": "_folder-icon-warm-active_6qdcx_126",
-  "tab-list": "_tab-list_6qdcx_132"
-}, Ie = [
+const pe = "_root_ijogm_2", T = {
+  root: pe,
+  "size-lg": "_size-lg_ijogm_58",
+  "size-md": "_size-md_ijogm_65",
+  "folder-icon": "_folder-icon_ijogm_75",
+  "folder-icon-blue": "_folder-icon-blue_ijogm_78",
+  "folder-icon-blue-active": "_folder-icon-blue-active_ijogm_81",
+  "folder-icon-green": "_folder-icon-green_ijogm_84",
+  "folder-icon-green-active": "_folder-icon-green-active_ijogm_87",
+  "folder-icon-orange": "_folder-icon-orange_ijogm_90",
+  "folder-icon-orange-active": "_folder-icon-orange-active_ijogm_93",
+  "folder-icon-pink": "_folder-icon-pink_ijogm_96",
+  "folder-icon-pink-active": "_folder-icon-pink-active_ijogm_99",
+  "folder-icon-teal": "_folder-icon-teal_ijogm_102",
+  "folder-icon-teal-active": "_folder-icon-teal-active_ijogm_105",
+  "folder-icon-violet": "_folder-icon-violet_ijogm_108",
+  "folder-icon-violet-active": "_folder-icon-violet-active_ijogm_111",
+  "folder-icon-warm": "_folder-icon-warm_ijogm_114",
+  "folder-icon-warm-active": "_folder-icon-warm-active_ijogm_117",
+  "tab-list": "_tab-list_ijogm_123"
+}, he = [
   "angle-left-b",
   "angle-right-b",
   "angle-up",
@@ -205,7 +199,7 @@ const _e = "_root_6qdcx_2", xe = "_content_6qdcx_61", P = {
   "angle-double-right",
   "angle-left",
   "angle-right"
-], ke = [
+], ve = [
   "asterisk",
   "info-circle",
   "chart-line",
@@ -261,13 +255,13 @@ const _e = "_root_6qdcx_2", xe = "_content_6qdcx_61", P = {
   "share",
   "bulk",
   "bulk-active"
-], we = [
+], _e = [
   "chat",
   "chat-bubble-user",
   "comment",
   "comment-alt-lines",
   "comment-chart-line"
-], Se = [
+], Ie = [
   "music",
   "rocket",
   "file-alt",
@@ -355,7 +349,7 @@ const _e = "_root_6qdcx_2", xe = "_content_6qdcx_61", P = {
   // (not unicons, personal mashup)
   "plug",
   "hourglass"
-], qe = [
+], ke = [
   "play",
   "play-solid",
   "stop-circle-solid",
@@ -385,7 +379,7 @@ const _e = "_root_6qdcx_2", xe = "_content_6qdcx_61", P = {
   "volume-up",
   "volume-mute",
   "closed-captioning"
-], Te = [
+], we = [
   "icons",
   "package",
   "basketball",
@@ -461,14 +455,14 @@ const _e = "_root_6qdcx_2", xe = "_content_6qdcx_61", P = {
   "redo",
   "play",
   "ban"
-], ze = [
+], xe = [
   "folder",
   "folder-open",
   "folder-full",
   "folder-plus",
   "file",
   "image"
-], Pe = [
+], Se = [
   "bold",
   "arrow",
   "brackets-curly",
@@ -494,7 +488,7 @@ const _e = "_root_6qdcx_2", xe = "_content_6qdcx_61", P = {
   // (not unicons, original creation)
   "font",
   "underline"
-], ye = [
+], je = [
   "behance",
   "dribbble",
   "facebook",
@@ -521,84 +515,80 @@ const _e = "_root_6qdcx_2", xe = "_content_6qdcx_61", P = {
   // (not unicons)
   "medium"
   // (not unicons)
-], Ee = ["symbol", "wttj"], Ce = ["flag-fr", "flag-en", "flag-us"], Oe = [
-  ...ke,
-  ...Ie,
-  ...ye,
-  ...we,
-  ...ze,
-  ...Ce,
+], Te = ["symbol", "wttj"], Pe = ["flag-fr", "flag-en", "flag-us"], ze = [
+  ...ve,
+  ...he,
+  ...je,
+  ..._e,
+  ...xe,
   ...Pe,
   ...Se,
-  ...qe,
-  ...Ee,
-  ...Te
-], Ne = (e) => Oe.includes(e), Fe = T(P);
-function Me({
+  ...Ie,
+  ...ke,
+  ...Te,
+  ...we
+], ye = (e) => ze.includes(e), Ee = j(T);
+function Ce({
   icon: e,
   iconColor: o,
   isActive: t,
-  size: r
+  size: a
 }) {
-  return e ? typeof e != "string" || !Ne(e) ? e : /* @__PURE__ */ h(
-    ie,
+  return e ? typeof e != "string" || !ye(e) ? e : /* @__PURE__ */ h(
+    le,
     {
-      className: o ? Fe("folder-icon", `folder-icon-${o}${t ? "-active" : ""}`) : void 0,
+      className: o ? Ee("folder-icon", `folder-icon-${o}${t ? "-active" : ""}`) : void 0,
       name: e,
-      size: r
+      size: a
     }
   ) : null;
 }
-const M = T(P), j = ce(
-  ({ as: e, badge: o, children: t, className: r, icon: s, iconColor: a = "violet", id: i, store: g, ...w }, S) => {
-    const n = he(), p = ve(), { selectedId: x } = se(g), b = x === i, l = Me({
-      icon: s,
-      iconColor: a,
-      isActive: b,
-      size: n
-    }), c = b ? "neutral" : "warm";
-    return /* @__PURE__ */ E(
-      R,
+const Oe = j(T), V = ne(
+  ({ as: e, badge: o, children: t, className: a, icon: l, iconColor: r = "violet", id: m, store: b, ...x }, S) => {
+    const s = ge(), { selectedId: g } = se(b), v = g === m, p = Ce({
+      icon: l,
+      iconColor: r,
+      isActive: v,
+      size: s
+    }), n = v ? "neutral" : "warm";
+    return /* @__PURE__ */ L(
+      A,
       {
-        className: M("root", `size-${n}`, p && "orientation-vertical", r),
-        id: i,
+        className: Oe("root", `size-${s}`, a),
+        id: m,
         ref: S,
         render: e ? /* @__PURE__ */ h(e, {}) : void 0,
-        store: g,
-        ...w,
+        store: b,
+        ...x,
         children: [
-          /* @__PURE__ */ E("span", { className: M("content"), children: [
-            l,
-            t
-          ] }),
-          o ? /* @__PURE__ */ h(le, { size: n, variant: c, children: o }) : null
+          p,
+          t,
+          o ? /* @__PURE__ */ h(ae, { size: s, variant: n, children: o }) : null
         ]
       }
     );
   }
 );
-j.displayName = "Tabs.Tab";
-const L = $(({ children: e, ...o }, t) => /* @__PURE__ */ h(W, { ref: t, ...o, children: e }));
-L.displayName = "Tabs.Panel";
-const Ve = T(P), A = $(
-  ({ children: e, className: o, size: t = "lg", store: r, vertical: s = !1, ...a }, i) => (oe(() => {
-    r == null || r.setState("orientation", s ? "vertical" : "horizontal");
-  }, [r, s]), /* @__PURE__ */ h(
-    K,
+V.displayName = "Tabs.Tab";
+const B = M(({ children: e, ...o }, t) => /* @__PURE__ */ h(R, { ref: t, ...o, children: e }));
+B.displayName = "Tabs.Panel";
+const Fe = j(T), q = M(
+  ({ children: e, className: o, size: t = "lg", store: a, ...l }, r) => /* @__PURE__ */ h(
+    W,
     {
-      className: Ve("tab-list", `size-${t}`, s && "orientation-vertical", o),
-      ref: i,
-      store: r,
-      ...a,
-      children: /* @__PURE__ */ h(z.Provider, { value: { size: t, vertical: s }, children: e })
+      className: Fe("tab-list", `size-${t}`, o),
+      ref: r,
+      store: a,
+      ...l,
+      children: /* @__PURE__ */ h($.Provider, { value: { size: t }, children: e })
     }
-  ))
+  )
 );
-A.displayName = "Tabs";
-const Xe = Object.assign(A, { Panel: L, Tab: j });
+q.displayName = "Tabs";
+const He = Object.assign(q, { Panel: B, Tab: V });
 export {
-  Xe as Tabs,
-  A as TabsComponent,
-  P as tabsClasses,
-  Qe as useTab
+  He as Tabs,
+  q as TabsComponent,
+  T as tabsClasses,
+  Ge as useTab
 };

package/dist/types/components/Tabs/TabContext.d.ts

@@ -2,9 +2,7 @@ import { default as React } from 'react';
 import { Size } from './types';
 type TabContextType = {
     size?: Size;
-    vertical?: boolean;
 };
 export declare const TabContext: React.Context<TabContextType>;
 export declare function useTabSize(): Size;
-export declare function useTabVertical(): boolean;
 export {};

package/dist/types/components/Tabs/types.d.ts

@@ -7,7 +7,6 @@ export type TabListProps = {
     className?: string;
     size?: Size;
     store: UseTab;
-    vertical?: boolean;
 };
 export interface TabOptions {
     badge?: number | string;

package/dist/utils-ZE_dEXnJ.js

@@ -1,4 +1,5 @@
 "use client";
+import './utils.css';
 import { g as J } from "./index-B6iGEm-i.js";
 const Y = {
   "custom-header": "_custom-header_1w74t_2",

package/dist/utils.js

@@ -1,5 +1,4 @@
 "use client";
-import './utils.css';
 import { u, b as f } from "./index-B6iGEm-i.js";
 import { c as b } from "./index-B6iGEm-i.js";
 import { f as S } from "./forwardRefWithAs-8eP3ZN15.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "0.0.0-dev.1789563648976",
+  "version": "0.0.0-dev.1789571589259",
   "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
   "files": [
     "dist"
@@ -28,7 +28,7 @@
   },
   "scripts": {
     "start": "vite build --watch",
-    "build": "vite build && node ./scripts/patch-css-imports.js",
+    "build": "vite build",
     "tokens:build": "node ./src/theme/scripts/build-tokens.js",
     "tokens:generate-theme-variables": "tsx src/theme/scripts/generate-theme-variables.ts",
     "theme:generate": "yarn tokens:build && tsx src/theme/scripts/generate-theme.ts && yarn run -T prettier --write 'src/theme/generated/theme.css' && yarn tokens:generate-theme-variables",