welcome-ui 10.6.7 → 10.6.8

package/dist/Icon.js

@@ -180,6 +180,7 @@ const s = "_root_576cf_2", n = {
   /* @__PURE__ */ a("symbol", { id: "check-circle", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M14.72,8.79l-4.29,4.3L8.78,11.44a1,1,0,1,0-1.41,1.41l2.35,2.36a1,1,0,0,0,.71.29,1,1,0,0,0,.7-.29l5-5a1,1,0,0,0,0-1.42A1,1,0,0,0,14.72,8.79ZM12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z", xmlns: "http://www.w3.org/2000/svg" }) }),
   /* @__PURE__ */ a("symbol", { id: "plug", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M19,6H16V3a1,1,0,0,0-2,0V6H10V3A1,1,0,0,0,8,3V6H5A1,1,0,0,0,5,8H6v5a1,1,0,0,0,.29.71L9,16.41V21a1,1,0,0,0,2,0V17h2v4a1,1,0,0,0,2,0V16.41l2.71-2.7A1,1,0,0,0,18,13V8h1a1,1,0,0,0,0-2Zm-3,6.59L13.59,15H10.41L8,12.59V8h8ZM11,13h2a1,1,0,0,0,0-2H11a1,1,0,0,0,0,2Z", xmlns: "http://www.w3.org/2000/svg" }) }),
   /* @__PURE__ */ a("symbol", { id: "hourglass", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M18.9917,21.002h-1V19.335a5.00057,5.00057,0,0,0-.29956-1.67773c-.01093-.02936-.0224-.05658-.03589-.08454a4.97694,4.97694,0,0,0-.66455-1.23675l-1.3999-1.86719a3.01933,3.01933,0,0,1-.6001-1.80078V11.6582a3.02108,3.02108,0,0,1,.87842-2.12109l.65722-.65723A4.94566,4.94566,0,0,0,17.92365,6.0415c.00054-.01391.008-.02551.008-.03955l-.00281-.01373a5.01836,5.01836,0,0,0,.06287-.64349V3.002h1a1,1,0,0,0,0-2h-14a1,1,0,0,0,0,2h1V5.34473a5.01836,5.01836,0,0,0,.06287.64349L6.05176,6.002c0,.014.00744.02564.008.03955a4.94571,4.94571,0,0,0,1.3963,2.83838l.65723.65723A3.02108,3.02108,0,0,1,8.9917,11.6582V12.668a3.02212,3.02212,0,0,1-.59961,1.80078L6.99121,16.33594a4.98221,4.98221,0,0,0-.66437,1.23718c-.0133.02771-.02472.05463-.03552.08368A5.00309,5.00309,0,0,0,5.9917,19.335v1.667h-1a1,1,0,0,0,0,2h14a1,1,0,0,0,0-2Zm-11-16v-2h8v2Zm.87842,2.46387A2.97036,2.97036,0,0,1,8.49323,7.002h6.99694a2.97094,2.97094,0,0,1-.37689.46387l-.65723.65723a4.9603,4.9603,0,0,0-1.42187,2.8789h-2.085A4.96025,4.96025,0,0,0,9.52734,8.123ZM9.99219,15.668a5.03688,5.03688,0,0,0,.98828-2.666h2.02246a5.03332,5.03332,0,0,0,.98877,2.666l1.00012,1.334H8.99133Zm5.99951,5.334h-8V19.335a2.954,2.954,0,0,1,.02722-.333h7.94556a2.954,2.954,0,0,1,.02722.333Z", xmlns: "http://www.w3.org/2000/svg" }) }),
+  /* @__PURE__ */ a("symbol", { id: "focus-target", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M3,9A1,1,0,0,0,4,8V5A1,1,0,0,1,5,4H8A1,1,0,0,0,8,2H5A3,3,0,0,0,2,5V8A1,1,0,0,0,3,9ZM8,20H5a1,1,0,0,1-1-1V16a1,1,0,0,0-2,0v3a3,3,0,0,0,3,3H8a1,1,0,0,0,0-2Zm9-7a1,1,0,0,0,0-2H15.86A4,4,0,0,0,13,8.14V7a1,1,0,0,0-2,0V8.14A4,4,0,0,0,8.14,11H7a1,1,0,0,0,0,2H8.14A4,4,0,0,0,11,15.86V17a1,1,0,0,0,2,0V15.86A4,4,0,0,0,15.86,13Zm-5,1a2,2,0,1,1,2-2A2,2,0,0,1,12,14Zm9,1a1,1,0,0,0-1,1v3a1,1,0,0,1-1,1H16a1,1,0,0,0,0,2h3a3,3,0,0,0,3-3V16A1,1,0,0,0,21,15ZM19,2H16a1,1,0,0,0,0,2h3a1,1,0,0,1,1,1V8a1,1,0,0,0,2,0V5A3,3,0,0,0,19,2Z", xmlns: "http://www.w3.org/2000/svg" }) }),
   /* @__PURE__ */ a("symbol", { id: "play", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M18.54,9,8.88,3.46a3.42,3.42,0,0,0-5.13,3V17.58A3.42,3.42,0,0,0,7.17,21a3.43,3.43,0,0,0,1.71-.46L18.54,15a3.42,3.42,0,0,0,0-5.92Zm-1,4.19L7.88,18.81a1.44,1.44,0,0,1-1.42,0,1.42,1.42,0,0,1-.71-1.23V6.42a1.42,1.42,0,0,1,.71-1.23A1.51,1.51,0,0,1,7.17,5a1.54,1.54,0,0,1,.71.19l9.66,5.58a1.42,1.42,0,0,1,0,2.46Z", xmlns: "http://www.w3.org/2000/svg" }) }),
   /* @__PURE__ */ a("symbol", { id: "play-solid", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M18.54,9,8.88,3.46a3.42,3.42,0,0,0-5.13,3V17.58A3.42,3.42,0,0,0,7.17,21a3.43,3.43,0,0,0,1.71-.46L18.54,15a3.42,3.42,0,0,0,0-5.92Zm-1,4.19L7.88,18.81a1.44,1.44,0,0,1-1.42,0,1.42,1.42,0,0,1-.71-1.23V6.42a1.42,1.42,0,0,1,.71-1.23A1.51,1.51,0,0,1,7.17,5a1.54,1.54,0,0,1,.71.19l9.66,5.58a1.42,1.42,0,0,1,0,2.46Z", xmlns: "http://www.w3.org/2000/svg" }) }),
   /* @__PURE__ */ a("symbol", { id: "stop-circle-solid", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M15,8H9A1,1,0,0,0,8,9v6a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V9A1,1,0,0,0,15,8Zm-1,6H10V10h4ZM12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z", xmlns: "http://www.w3.org/2000/svg" }) }),

package/dist/Tabs.css

@@ -1 +1 @@
-@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)}}
+@layer components{._root_2romh_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_2romh_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_2romh_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_2romh_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_2romh_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_2romh_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_2romh_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_2romh_2._orientation-vertical_2romh_58{width:100%}._content_2romh_61{display:flex;flex:1;align-items:center;gap:var(--tabGap);min-width:0}._content_2romh_61 ._icon_2romh_68{display:flex;flex-shrink:0}._size-lg_2romh_72{--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_2romh_79{--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_2romh_89{color:var(--tabIconColor)}._folder-icon-blue_2romh_92{--tabIconColor: var(--color-background-accent-blue-primary)}._folder-icon-blue-active_2romh_95{--tabIconColor: var(--color-background-accent-blue-strong)}._folder-icon-green_2romh_98{--tabIconColor: var(--color-background-accent-green-primary)}._folder-icon-green-active_2romh_101{--tabIconColor: var(--color-background-accent-green-strong)}._folder-icon-orange_2romh_104{--tabIconColor: var(--color-background-accent-orange-primary)}._folder-icon-orange-active_2romh_107{--tabIconColor: var(--color-background-accent-orange-strong)}._folder-icon-pink_2romh_110{--tabIconColor: var(--color-background-accent-pink-primary)}._folder-icon-pink-active_2romh_113{--tabIconColor: var(--color-background-accent-pink-strong)}._folder-icon-teal_2romh_116{--tabIconColor: var(--color-background-accent-teal-primary)}._folder-icon-teal-active_2romh_119{--tabIconColor: var(--color-background-accent-teal-strong)}._folder-icon-violet_2romh_122{--tabIconColor: var(--color-background-accent-violet-primary)}._folder-icon-violet-active_2romh_125{--tabIconColor: var(--color-background-accent-violet-strong)}._folder-icon-warm_2romh_128{--tabIconColor: var(--color-background-warm-stronger)}._folder-icon-warm-active_2romh_131{--tabIconColor: var(--color-beige-60)}._tab-list_2romh_137{display:flex;align-items:center;gap:var(--tabsGap, 0)}._tab-list_2romh_137._size-lg_2romh_72{--tabsGap: var(--tab-gap-content-lg)}._tab-list_2romh_137._size-md_2romh_79{--tabsGap: var(--tab-gap-content-md)}._tab-list_2romh_137._orientation-vertical_2romh_58{flex-direction:column;align-items:stretch;--tabsGap: var(--tab-gap-content-lg)}}

package/dist/Tabs.js

@@ -1,50 +1,50 @@
 "use client";
 import './Tabs.css';
-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 { jsx as g, jsxs as O } from "react/jsx-runtime";
+import { T as W, b as K, a as U } from "./tab-panel-DMICXMJc.js";
+import { a as D } from "./combobox-context-COdkPD-I.js";
+import { u as G } from "./composite-store-BbsZpdXc.js";
+import { P as H, b as J } from "./popover-context-B2YQ_e3N.js";
+import { C as Q, a as X, c as Y, m as Z } from "./composite-item-CzuZunbi.js";
+import { b as ee, w as _, V as N, ab as te, x as F } from "./D5lwkpmX-BTxFdaqc.js";
+import z, { createContext as $, useMemo as oe, forwardRef as B } from "react";
+import { m as re, o as M, c as ne, s as I, d as b, g as ae, a as j, b as V, u as q } from "./index-B0vSTNCB.js";
+import { c as P } from "./index-B6iGEm-i.js";
+import { Badge as se } from "./Badge.js";
+import { f as ie } 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) {
+const ce = ee([J, X], [H, Q]), de = ce.useContext;
+$(!1);
+$(null);
+function ue(e) {
   var a;
   const o = (a = e[0]) == null ? void 0 : a.element;
   if (!o) return;
-  const t = Z(o);
+  const t = te(o);
   if (t)
-    return e.find((l) => l.element === t);
+    return e.find((i) => i.element === t);
 }
-function ue(e, o) {
+function me(e, o) {
   if (o != null)
     return e.find((t) => t.id === o);
 }
-function w(e) {
+function x(e) {
   return !(!e || e.disabled || e.dimmed);
 }
-function me() {
-  const e = X(), o = /* @__PURE__ */ new Map();
-  return f(e, ["items"], (t) => {
+function fe() {
+  const e = Z(), o = /* @__PURE__ */ new Map();
+  return b(e, ["items"], (t) => {
     o.clear();
     for (const a of t.items) {
-      const { tabId: l } = a;
-      l != null && (o.has(l) || o.set(l, a));
+      const { tabId: i } = a;
+      i != null && (o.has(i) || o.set(i, a));
     }
   }), {
     panels: e,
     panel: (t) => t == null ? null : o.get(t) || null
   };
 }
-function fe({ composite: e, combobox: o, ...t } = {}) {
+function be({ composite: e, combobox: o, ...t } = {}) {
   const a = [
     "items",
     "renderedItems",
@@ -59,130 +59,137 @@ function fe({ composite: e, combobox: o, ...t } = {}) {
     "focusShift",
     "focusWrap",
     "selectOnMove"
-  ], l = te(t.store, E(e, a), E(o, a)), r = l == null ? void 0 : l.getState(), m = Q({
+  ], i = re(t.store, M(e, a), M(o, a)), r = i == null ? void 0 : i.getState(), c = Y({
     ...t,
-    store: l,
+    store: i,
     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(),
+  }), { panels: f, panel: v } = fe(), S = {
+    ...c.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);
+  }, n = ne(S, c, i);
+  I(n, () => b(n, ["moves"], () => {
+    const { activeId: s, selectOnMove: l } = n.getState();
+    if (!l || !s) return;
+    const m = c.item(s);
+    x(m) && n.setState("selectedId", m.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);
+  let p = !1, k;
+  I(n, () => (p = !1, ae(n, ["selectedId"], (s, l) => {
+    if (p && (p = !1, s.selectedId === k) || e && s.selectedId === l.selectedId) return;
+    const { activeId: m, renderedItems: d } = n.getState();
+    if (m === s.selectedId) return;
+    const u = ue(d), w = me(d, s.selectedId);
+    if (u && x(w)) {
+      c.move(w.id);
       return;
     }
-    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);
+    n.setState("activeId", s.selectedId);
+  }))), I(n, () => b(n, ["selectedId", "renderedItems"], (s) => {
+    if (s.selectedId !== void 0) return;
+    const { activeId: l, renderedItems: m } = n.getState(), d = c.item(l);
+    if (x(d)) n.setState("selectedId", d.id);
     else {
-      const c = u.find(w);
-      s.setState("selectedId", c == null ? void 0 : c.id);
+      const u = m.find(x);
+      n.setState("selectedId", u == null ? void 0 : u.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
+  })), I(n, () => b(n, ["renderedItems"], (s) => {
+    const l = s.renderedItems;
+    if (l.length)
+      return b(f, ["renderedItems"], (m) => {
+        const d = m.renderedItems;
+        d.some((u) => !u.tabId) && d.forEach((u, w) => {
+          if (u.tabId) return;
+          const C = l[w];
+          C && f.renderItem({
+            ...u,
+            tabId: C.id
           });
         });
       });
   }));
-  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));
+  let h = null;
+  return I(n, () => {
+    const s = () => {
+      h = n.getState().selectedId;
+    }, l = () => {
+      const { selectedId: u } = n.getState();
+      u !== h && (p = !0, k = h, n.setState("selectedId", h));
+    }, m = !!e && "setSelectedValue" in e, d = m ? e : o;
+    if (e && !m && "setSelectElement" in e) return N(b(e, ["value"], s), b(e, ["mounted"], l));
+    if (d)
+      return N(b(d, ["selectedValue"], s), b(d, ["mounted"], l));
   }), {
-    ...m,
-    ...s,
-    panels: b,
-    panel: x,
-    setSelectedId: (n) => s.setState("selectedId", n),
-    select: (n) => {
-      s.setState("selectedId", n), m.move(n);
+    ...c,
+    ...n,
+    panels: f,
+    panel: v,
+    setSelectedId: (s) => n.setState("selectedId", s),
+    select: (s) => {
+      n.setState("selectedId", s), c.move(s);
     }
   };
 }
-function be(e, o, t) {
-  y(o, [
+function he(e, o, t) {
+  F(o, [
     t.composite,
     t.combobox,
     o
   ]);
-  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(() => ({
+  const a = G(e, o, t);
+  V(a, t, "selectedId", "setSelectedId"), V(a, t, "selectOnMove");
+  const [i, r] = j(() => a.panels, {});
+  return F(r, [a, r]), Object.assign(oe(() => ({
     ...a,
-    panels: l
-  }), [a, l]), {
+    panels: i
+  }), [a, i]), {
     composite: t.composite,
     combobox: t.combobox
   });
 }
-function Ge(e = {}) {
-  const o = K(), t = ce() || o, a = {
+function Qe(e = {}) {
+  const o = D(), t = de() || o, a = {
     ...e,
     composite: e.composite !== void 0 ? e.composite : t,
     combobox: e.combobox !== void 0 ? e.combobox : o
-  }, [l, r] = N(fe, a);
-  return be(l, r, a);
+  }, [i, r] = j(be, a);
+  return he(i, r, a);
 }
-const $ = O.createContext(null);
+const y = z.createContext(null);
 function ge() {
-  const e = O.useContext($);
+  const e = z.useContext(y);
+  return (e == null ? void 0 : e.orientation) ?? "horizontal";
+}
+function pe() {
+  const e = z.useContext(y);
   return (e == null ? void 0 : e.size) || "lg";
 }
-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 = [
+const ve = "_root_2romh_2", _e = "_content_2romh_61", Ie = "_icon_2romh_68", E = {
+  root: ve,
+  "orientation-vertical": "_orientation-vertical_2romh_58",
+  content: _e,
+  icon: Ie,
+  "size-lg": "_size-lg_2romh_72",
+  "size-md": "_size-md_2romh_79",
+  "folder-icon": "_folder-icon_2romh_89",
+  "folder-icon-blue": "_folder-icon-blue_2romh_92",
+  "folder-icon-blue-active": "_folder-icon-blue-active_2romh_95",
+  "folder-icon-green": "_folder-icon-green_2romh_98",
+  "folder-icon-green-active": "_folder-icon-green-active_2romh_101",
+  "folder-icon-orange": "_folder-icon-orange_2romh_104",
+  "folder-icon-orange-active": "_folder-icon-orange-active_2romh_107",
+  "folder-icon-pink": "_folder-icon-pink_2romh_110",
+  "folder-icon-pink-active": "_folder-icon-pink-active_2romh_113",
+  "folder-icon-teal": "_folder-icon-teal_2romh_116",
+  "folder-icon-teal-active": "_folder-icon-teal-active_2romh_119",
+  "folder-icon-violet": "_folder-icon-violet_2romh_122",
+  "folder-icon-violet-active": "_folder-icon-violet-active_2romh_125",
+  "folder-icon-warm": "_folder-icon-warm_2romh_128",
+  "folder-icon-warm-active": "_folder-icon-warm-active_2romh_131",
+  "tab-list": "_tab-list_2romh_137"
+}, ke = [
   "angle-left-b",
   "angle-right-b",
   "angle-up",
@@ -199,7 +206,7 @@ const pe = "_root_ijogm_2", T = {
   "angle-double-right",
   "angle-left",
   "angle-right"
-], ve = [
+], we = [
   "asterisk",
   "info-circle",
   "chart-line",
@@ -255,13 +262,13 @@ const pe = "_root_ijogm_2", T = {
   "share",
   "bulk",
   "bulk-active"
-], _e = [
+], xe = [
   "chat",
   "chat-bubble-user",
   "comment",
   "comment-alt-lines",
   "comment-chart-line"
-], Ie = [
+], Se = [
   "music",
   "rocket",
   "file-alt",
@@ -348,8 +355,9 @@ const pe = "_root_ijogm_2", T = {
   "certified",
   // (not unicons, personal mashup)
   "plug",
-  "hourglass"
-], ke = [
+  "hourglass",
+  "focus-target"
+], Te = [
   "play",
   "play-solid",
   "stop-circle-solid",
@@ -379,7 +387,7 @@ const pe = "_root_ijogm_2", T = {
   "volume-up",
   "volume-mute",
   "closed-captioning"
-], we = [
+], ze = [
   "icons",
   "package",
   "basketball",
@@ -455,14 +463,14 @@ const pe = "_root_ijogm_2", T = {
   "redo",
   "play",
   "ban"
-], xe = [
+], Pe = [
   "folder",
   "folder-open",
   "folder-full",
   "folder-plus",
   "file",
   "image"
-], Se = [
+], ye = [
   "bold",
   "arrow",
   "brackets-curly",
@@ -488,7 +496,7 @@ const pe = "_root_ijogm_2", T = {
   // (not unicons, original creation)
   "font",
   "underline"
-], je = [
+], Ee = [
   "behance",
   "dribbble",
   "facebook",
@@ -515,80 +523,90 @@ const pe = "_root_ijogm_2", T = {
   // (not unicons)
   "medium"
   // (not unicons)
-], Te = ["symbol", "wttj"], Pe = ["flag-fr", "flag-en", "flag-us"], ze = [
-  ...ve,
-  ...he,
-  ...je,
-  ..._e,
+], Ce = ["symbol", "wttj"], Oe = ["flag-fr", "flag-en", "flag-us"], Ne = [
+  ...we,
+  ...ke,
+  ...Ee,
   ...xe,
   ...Pe,
+  ...Oe,
+  ...ye,
   ...Se,
-  ...Ie,
-  ...ke,
   ...Te,
-  ...we
-], ye = (e) => ze.includes(e), Ee = j(T);
-function Ce({
+  ...Ce,
+  ...ze
+], Fe = (e) => Ne.includes(e), Me = P(E);
+function Ve({
   icon: e,
   iconColor: o,
   isActive: t,
   size: a
 }) {
-  return e ? typeof e != "string" || !ye(e) ? e : /* @__PURE__ */ h(
+  return e ? typeof e != "string" || !Fe(e) ? e : /* @__PURE__ */ g(
     le,
     {
-      className: o ? Ee("folder-icon", `folder-icon-${o}${t ? "-active" : ""}`) : void 0,
+      className: o ? Me("folder-icon", `folder-icon-${o}${t ? "-active" : ""}`) : void 0,
       name: e,
       size: a
     }
   ) : null;
 }
-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,
+const T = P(E), L = ie(
+  ({ as: e, badge: o, children: t, className: a, icon: i, iconColor: r = "violet", id: c, store: f, ...v }, S) => {
+    const n = pe(), p = ge(), { selectedId: k } = q(f), h = k === c, s = Ve({
+      icon: i,
       iconColor: r,
-      isActive: v,
-      size: s
-    }), n = v ? "neutral" : "warm";
-    return /* @__PURE__ */ L(
-      A,
+      isActive: h,
+      size: n
+    }), l = h ? "neutral" : "warm";
+    return /* @__PURE__ */ O(
+      W,
       {
-        className: Oe("root", `size-${s}`, a),
-        id: m,
+        className: T(
+          "root",
+          `size-${n}`,
+          p === "vertical" && "orientation-vertical",
+          a
+        ),
+        id: c,
         ref: S,
-        render: e ? /* @__PURE__ */ h(e, {}) : void 0,
-        store: b,
-        ...x,
+        render: e ? /* @__PURE__ */ g(e, {}) : void 0,
+        store: f,
+        ...v,
         children: [
-          p,
-          t,
-          o ? /* @__PURE__ */ h(ae, { size: s, variant: n, children: o }) : null
+          /* @__PURE__ */ O("span", { className: T("content"), children: [
+            s ? /* @__PURE__ */ g("span", { className: T("icon"), children: s }) : null,
+            t
+          ] }),
+          o ? /* @__PURE__ */ g(se, { size: n, variant: l, children: o }) : null
         ]
       }
     );
   }
 );
-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: Fe("tab-list", `size-${t}`, o),
-      ref: r,
-      store: a,
-      ...l,
-      children: /* @__PURE__ */ h($.Provider, { value: { size: t }, children: e })
-    }
-  )
+L.displayName = "Tabs.Tab";
+const A = B(({ children: e, ...o }, t) => /* @__PURE__ */ g(K, { ref: t, ...o, children: e }));
+A.displayName = "Tabs.Panel";
+const $e = P(E), R = B(
+  ({ children: e, className: o, size: t = "lg", store: a, ...i }, r) => {
+    const { orientation: c } = q(a), f = c === "vertical", v = f ? "vertical" : "horizontal";
+    return /* @__PURE__ */ g(
+      U,
+      {
+        className: $e("tab-list", `size-${t}`, f && "orientation-vertical", o),
+        ref: r,
+        store: a,
+        ...i,
+        children: /* @__PURE__ */ g(y.Provider, { value: { orientation: v, size: t }, children: e })
+      }
+    );
+  }
 );
-q.displayName = "Tabs";
-const He = Object.assign(q, { Panel: B, Tab: V });
+R.displayName = "Tabs";
+const Xe = Object.assign(R, { Panel: A, Tab: L });
 export {
-  He as Tabs,
-  q as TabsComponent,
-  T as tabsClasses,
-  Ge as useTab
+  Xe as Tabs,
+  R as TabsComponent,
+  E as tabsClasses,
+  Qe as useTab
 };

package/dist/types/components/Icon/icons.d.ts

@@ -1,7 +1,7 @@
 export declare const arrows: readonly ["angle-left-b", "angle-right-b", "angle-up", "angle-down", "arrow-left", "arrow-right", "arrow-up", "arrow-down", "left-arrow-to-left", "arrow-to-right", "top-arrow-to-top", "arrow-to-bottom", "angle-double-left", "angle-double-right", "angle-left", "angle-right"];
 export declare const actions: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "edit", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "draggabledots", "compress-alt", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "sliders-v-alt", "link", "sign-out-alt", "bars", "sort-amount-down", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share", "bulk", "bulk-active"];
 export declare const chat: readonly ["chat", "chat-bubble-user", "comment", "comment-alt-lines", "comment-chart-line"];
-export declare const miscellaneous: readonly ["music", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "file-slash", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "envelope-star", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "map-pin", "lock-alt", "unlock", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "swatchbook", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug", "hourglass"];
+export declare const miscellaneous: readonly ["music", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "file-slash", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "envelope-star", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "map-pin", "lock-alt", "unlock", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "swatchbook", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug", "hourglass", "focus-target"];
 export declare const player: readonly ["play", "play-solid", "stop-circle-solid", "pause-circle-solid", "previous", "step-forward", "expand-arrows-alt", "compress-arrows", "screen-share", "stop-screen-share", "microphone", "microphone-slash", "cast", "cast-connected", "cast-unavailable", "video", "video-slash", "airplay", "history", "playlist", "volume-up", "volume-mute", "closed-captioning"];
 export declare const wtf: readonly ["icons", "package", "basketball", "bill", "invoice", "book-alt", "lightbulb-alt", "life-ring", "calculator-alt", "camera", "shopping-cart", "clipboard-notes", "coffee", "ruler", "desktop", "hard-hat", "credit-card", "moon-solid", "moon", "crosshair", "crown", "restaurant", "diamond", "industry", "fingerprint", "flag", "flag-solid", "setting", "handshake", "hashtag", "headphones", "heart", "estate", "balance-scale", "key-skeleton", "leaf", "map", "masonry", "masonry-plus", "megaphone", "microphone", "processor", "euro-circle", "mountains", "pen", "images", "chart-pie-alt", "pizza-slice", "puzzle-piece-solid", "puzzle-piece", "shield", "wrench", "sparkles", "server", "sun", "hunting", "thumbs-up", "thumbs-down", "trees", "sofa", "exit", "redo", "play", "ban"];
 export declare const foldersAndFiles: readonly ["folder", "folder-open", "folder-full", "folder-plus", "file", "image"];
@@ -9,5 +9,5 @@ export declare const markdown: readonly ["bold", "arrow", "brackets-curly", "ita
 export declare const brands: readonly ["behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier", "medium"];
 export declare const welcome: readonly ["symbol", "wttj"];
 export declare const flags: readonly ["flag-fr", "flag-en", "flag-us"];
-export declare const icons: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "edit", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "draggabledots", "compress-alt", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "sliders-v-alt", "link", "sign-out-alt", "bars", "sort-amount-down", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share", "bulk", "bulk-active", "angle-left-b", "angle-right-b", "angle-up", "angle-down", "arrow-left", "arrow-right", "arrow-up", "arrow-down", "left-arrow-to-left", "arrow-to-right", "top-arrow-to-top", "arrow-to-bottom", "angle-double-left", "angle-double-right", "angle-left", "angle-right", "behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier", "medium", "chat", "chat-bubble-user", "comment", "comment-alt-lines", "comment-chart-line", "folder", "folder-open", "folder-full", "folder-plus", "file", "image", "flag-fr", "flag-en", "flag-us", "bold", "arrow", "brackets-curly", "italic", "list-ol-alt", "list-ul", "quote", "text-strike-through", "heading", "heading-1", "heading-2", "heading-3", "heading-4", "heading-5", "heading-6", "font", "underline", "music", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "file-slash", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "envelope-star", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "map-pin", "lock-alt", "unlock", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "swatchbook", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug", "hourglass", "play", "play-solid", "stop-circle-solid", "pause-circle-solid", "previous", "step-forward", "expand-arrows-alt", "compress-arrows", "screen-share", "stop-screen-share", "microphone", "microphone-slash", "cast", "cast-connected", "cast-unavailable", "video", "video-slash", "airplay", "history", "playlist", "volume-up", "volume-mute", "closed-captioning", "symbol", "wttj", "icons", "package", "basketball", "bill", "invoice", "book-alt", "lightbulb-alt", "life-ring", "calculator-alt", "camera", "shopping-cart", "clipboard-notes", "coffee", "ruler", "desktop", "hard-hat", "credit-card", "moon-solid", "moon", "crosshair", "crown", "restaurant", "diamond", "industry", "fingerprint", "flag", "flag-solid", "setting", "handshake", "hashtag", "headphones", "heart", "estate", "balance-scale", "key-skeleton", "leaf", "map", "masonry", "masonry-plus", "megaphone", "microphone", "processor", "euro-circle", "mountains", "pen", "images", "chart-pie-alt", "pizza-slice", "puzzle-piece-solid", "puzzle-piece", "shield", "wrench", "sparkles", "server", "sun", "hunting", "thumbs-up", "thumbs-down", "trees", "sofa", "exit", "redo", "play", "ban"];
+export declare const icons: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "edit", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "draggabledots", "compress-alt", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "sliders-v-alt", "link", "sign-out-alt", "bars", "sort-amount-down", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share", "bulk", "bulk-active", "angle-left-b", "angle-right-b", "angle-up", "angle-down", "arrow-left", "arrow-right", "arrow-up", "arrow-down", "left-arrow-to-left", "arrow-to-right", "top-arrow-to-top", "arrow-to-bottom", "angle-double-left", "angle-double-right", "angle-left", "angle-right", "behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier", "medium", "chat", "chat-bubble-user", "comment", "comment-alt-lines", "comment-chart-line", "folder", "folder-open", "folder-full", "folder-plus", "file", "image", "flag-fr", "flag-en", "flag-us", "bold", "arrow", "brackets-curly", "italic", "list-ol-alt", "list-ul", "quote", "text-strike-through", "heading", "heading-1", "heading-2", "heading-3", "heading-4", "heading-5", "heading-6", "font", "underline", "music", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "file-slash", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "envelope-star", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "map-pin", "lock-alt", "unlock", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "swatchbook", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug", "hourglass", "focus-target", "play", "play-solid", "stop-circle-solid", "pause-circle-solid", "previous", "step-forward", "expand-arrows-alt", "compress-arrows", "screen-share", "stop-screen-share", "microphone", "microphone-slash", "cast", "cast-connected", "cast-unavailable", "video", "video-slash", "airplay", "history", "playlist", "volume-up", "volume-mute", "closed-captioning", "symbol", "wttj", "icons", "package", "basketball", "bill", "invoice", "book-alt", "lightbulb-alt", "life-ring", "calculator-alt", "camera", "shopping-cart", "clipboard-notes", "coffee", "ruler", "desktop", "hard-hat", "credit-card", "moon-solid", "moon", "crosshair", "crown", "restaurant", "diamond", "industry", "fingerprint", "flag", "flag-solid", "setting", "handshake", "hashtag", "headphones", "heart", "estate", "balance-scale", "key-skeleton", "leaf", "map", "masonry", "masonry-plus", "megaphone", "microphone", "processor", "euro-circle", "mountains", "pen", "images", "chart-pie-alt", "pizza-slice", "puzzle-piece-solid", "puzzle-piece", "shield", "wrench", "sparkles", "server", "sun", "hunting", "thumbs-up", "thumbs-down", "trees", "sofa", "exit", "redo", "play", "ban"];
 export declare const isValidIconName: (iconName: string) => iconName is (typeof icons)[number];

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

@@ -1,8 +1,11 @@
 import { default as React } from 'react';
 import { Size } from './types';
+export type TabOrientation = 'horizontal' | 'vertical';
 type TabContextType = {
+    orientation?: TabOrientation;
     size?: Size;
 };
 export declare const TabContext: React.Context<TabContextType>;
+export declare function useTabOrientation(): TabOrientation;
 export declare function useTabSize(): Size;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "10.6.7",
+  "version": "10.6.8",
   "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
   "files": [
     "dist"