welcome-ui 0.0.0-dev.1789636399709 → 0.0.0-dev.1790256200313

package/dist/DatePicker.js

@@ -1,15 +1,15 @@
 "use client";
 import './DatePicker.css';
-import { jsxs as J, jsx as i } from "react/jsx-runtime";
-import { useState as j, useMemo as $, useEffect as A, forwardRef as Q, useRef as V } from "react";
-import { D as W, C as X } from "./CustomPopper-PWIRxhgV.js";
-import { Button as F } from "./Button.js";
-import { Icon as M } from "./Icon.js";
-import { Select as P } from "./Select.js";
-import { c as S } from "./index-B6iGEm-i.js";
-import { g as Z, a as Y, s as L, D as K, b as g } from "./utils-Cf0NRrqX.js";
-import { InputText as C } from "./InputText.js";
-const h = S(L), O = ({
+import { jsxs as G, jsx as i } from "react/jsx-runtime";
+import { useState as A, useMemo as $, useEffect as S, forwardRef as J, useRef as Q } from "react";
+import { D as V, C as W } from "./CustomPopper-PWIRxhgV.js";
+import { Button as j } from "./Button.js";
+import { Icon as F } from "./Icon.js";
+import { Select as M } from "./Select.js";
+import { c as v } from "./index-B6iGEm-i.js";
+import { g as X, a as Z, s as B, D as P, b as Y } from "./utils-Cf0NRrqX.js";
+import { InputText as g } from "./InputText.js";
+const C = v(B), L = ({
   changeMonth: x,
   changeYear: N,
   date: f,
@@ -22,24 +22,24 @@ const h = S(L), O = ({
   locale: D,
   startYear: m
 }) => {
-  const [p, I] = j(null), [a, R] = j(null), l = $(() => Z(D), [D]), r = $(() => Y(m, c), [m, c]), o = (t || p === l[0].label) && a === m, w = (t || p === l[l.length - 1].label) && a === c;
-  return A(() => {
+  const [p, I] = A(null), [a, R] = A(null), l = $(() => X(D), [D]), r = $(() => Z(m, c), [m, c]), o = (t || p === l[0].label) && a === m, w = (t || p === l[l.length - 1].label) && a === c;
+  return S(() => {
     const b = new Date(f), u = l[b.getMonth()].label, E = b.getFullYear();
     I(u), R(E);
-  }, [f, l]), /* @__PURE__ */ J("div", { className: h("custom-header"), children: [
+  }, [f, l]), /* @__PURE__ */ G("div", { className: C("custom-header"), children: [
     /* @__PURE__ */ i(
-      F,
+      j,
       {
         disabled: o,
         onClick: t ? k : T,
         size: "sm",
         title: `Previous ${t ? "year" : "month"}`,
         variant: "tertiary",
-        children: /* @__PURE__ */ i(M, { name: "angle-left-b", size: "xs" })
+        children: /* @__PURE__ */ i(F, { name: "angle-left-b", size: "xs" })
       }
     ),
     !t && /* @__PURE__ */ i(
-      P,
+      M,
       {
         id: "month",
         name: "month",
@@ -49,28 +49,28 @@ const h = S(L), O = ({
         value: p
       }
     ),
-    /* @__PURE__ */ i(P, { id: "year", name: "year", onChange: N, options: r, size: "md", value: a }),
+    /* @__PURE__ */ i(M, { id: "year", name: "year", onChange: N, options: r, size: "md", value: a }),
     /* @__PURE__ */ i(
-      F,
+      j,
       {
         disabled: w,
         onClick: t ? y : z,
         size: "sm",
         title: `Next ${t ? "year" : "month"}`,
         variant: "tertiary",
-        children: /* @__PURE__ */ i(M, { name: "angle-right-b", size: "xs" })
+        children: /* @__PURE__ */ i(F, { name: "angle-right-b", size: "xs" })
       }
     )
   ] });
 };
-O.displayName = "DateTimePicker.CustomHeader";
-const v = S(L), B = S(), tt = Q(
+L.displayName = "DateTimePicker.CustomHeader";
+const K = v(B), h = J(
   ({
     autoFocus: x,
     className: N,
     dateFormat: f = "dd/MM/yyyy",
     disabled: T,
-    endYear: k = K.getFullYear(),
+    endYear: k = P.getFullYear(),
     icon: c,
     iconPlacement: z = "left",
     locale: y,
@@ -82,24 +82,24 @@ const v = S(L), B = S(), tt = Q(
     startYear: a = 1900,
     transparent: R,
     useWeekdaysShort: l = !0,
-    value: r = K,
+    value: r = P,
     ...o
   }, w) => {
-    const b = o == null ? void 0 : o.timeIntervals, u = (e) => g(e, b), [E, d] = j(u(r)), U = V(), H = w || U;
-    A(() => {
+    const b = o == null ? void 0 : o.timeIntervals, u = (e) => Y(e, b), [E, d] = A(u(r)), O = Q(), H = w || O;
+    S(() => {
       t == null || t(u(r));
-    }, []), A(() => {
+    }, []), S(() => {
       var n;
       const e = u(r), s = typeof r == "object" ? r == null ? void 0 : r.toISOString() : r;
       ((n = new Date(Date.parse(s))) == null ? void 0 : n.getTime()) - (e == null ? void 0 : e.getTime()) !== 0 && (t == null || t(e)), d(e);
     }, [r]);
-    const _ = (e) => {
+    const U = (e) => {
       var s;
       ["Enter", "Escape"].includes(e.key) && ((s = H.current) == null || s.blur());
-    }, q = (e) => {
+    }, _ = (e) => {
       var s;
       e.preventDefault(), (s = H.current) == null || s.blur(), d(null), t == null || t(null);
-    }, G = (e) => {
+    }, q = (e) => {
       if (!e) {
         d(null), t == null || t(null);
         return;
@@ -117,22 +117,22 @@ const v = S(L), B = S(), tt = Q(
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-expect-error
       /* @__PURE__ */ i(
-        W,
+        V,
         {
           autoComplete: "off",
           calendarClassName: "date-picker-popper",
           customInput: /* @__PURE__ */ i(
-            C,
+            g,
             {
               autoFocus: x,
-              className: B(v("date-picker"), N),
+              className: K("date-picker", N),
               "data-testid": o["data-testid"],
               disabled: T,
               icon: c,
               iconPlacement: z,
               inputMode: m ? "none" : "text",
               isClearable: !0,
-              onReset: q,
+              onReset: _,
               placeholder: D,
               ref: H,
               size: I,
@@ -141,11 +141,11 @@ const v = S(L), B = S(), tt = Q(
           ),
           dateFormat: f,
           locale: y,
-          onChange: G,
-          onKeyDown: _,
-          popperContainer: X,
+          onChange: q,
+          onKeyDown: U,
+          popperContainer: W,
           renderCustomHeader: (e) => /* @__PURE__ */ i(
-            O,
+            L,
             {
               endYear: k,
               isMonthYearPicker: p,
@@ -158,8 +158,8 @@ const v = S(L), B = S(), tt = Q(
           showMonthYearPicker: p,
           useWeekdaysShort: l,
           ...o,
-          wrapperClassName: B(
-            v("picker-input-root"),
+          wrapperClassName: K(
+            "picker-input-root",
             "date-picker-wrapper",
             "field-input",
             o.wrapperClassName
@@ -169,8 +169,8 @@ const v = S(L), B = S(), tt = Q(
     );
   }
 );
-tt.displayName = "DatePicker";
+h.displayName = "DatePicker";
 export {
-  tt as DatePicker,
-  L as datePickerClasses
+  h as DatePicker,
+  B as datePickerClasses
 };

package/dist/DateTimePicker.js

@@ -1,20 +1,20 @@
 "use client";
-import { jsx as E } from "react/jsx-runtime";
-import { forwardRef as N, useState as P, useRef as x, useEffect as o, Children as j, cloneElement as H } from "react";
-import { D as I, b, s as F } from "./utils-Cf0NRrqX.js";
-import { c as u } from "./index-B6iGEm-i.js";
-const L = u(F), M = u(), S = N(
+import { jsx as A } from "react/jsx-runtime";
+import { forwardRef as E, useState as P, useRef as x, useEffect as a, Children as N, cloneElement as H } from "react";
+import { D as I, b, s as j } from "./utils-Cf0NRrqX.js";
+import { c as F } from "./index-B6iGEm-i.js";
+const L = F(j), M = E(
   ({
-    children: d,
-    disabled: p,
-    locale: D,
+    children: o,
+    disabled: d,
+    locale: p,
     onChange: s,
-    size: n = "md",
-    transparent: k,
+    size: D = "md",
+    transparent: n,
     value: i = I,
     ...l
-  }, T) => {
-    const a = l == null ? void 0 : l.timeIntervals, r = (t) => b(t, a), [y, c] = P(r(i)), R = x(), A = T || R, m = (t) => {
+  }, k) => {
+    const u = l == null ? void 0 : l.timeIntervals, r = (t) => b(t, u), [T, c] = P(r(i)), y = x(), R = k || y, m = (t) => {
       if (!t) {
         c(null), s == null || s(null);
         return;
@@ -27,27 +27,27 @@ const L = u(F), M = u(), S = N(
       const f = r(e);
       e.setHours(f.getHours(), f.getMinutes()), c(e), s == null || s(new Date(e));
     };
-    return o(() => {
+    return a(() => {
       m(r(i));
-    }, []), o(() => {
+    }, []), a(() => {
       var e;
       const t = r(i);
       ((e = new Date(i)) == null ? void 0 : e.getTime()) - (t == null ? void 0 : t.getTime()) !== 0 && m(t), c(t);
-    }, [i]), /* @__PURE__ */ E("div", { className: M(L("date-time-picker"), "field-input"), children: j.map(d, (t, e) => H(t, {
-      disabled: p,
-      inputRef: e === 0 ? A : null,
+    }, [i]), /* @__PURE__ */ A("div", { className: L("date-time-picker", "field-input"), children: N.map(o, (t, e) => H(t, {
+      disabled: d,
+      inputRef: e === 0 ? R : null,
       // give ref only to the DatePicker
       key: e,
-      locale: D,
+      locale: p,
       onChange: m,
-      size: n,
-      timeIntervals: a,
-      transparent: k,
-      value: y
+      size: D,
+      timeIntervals: u,
+      transparent: n,
+      value: T
     })) });
   }
 );
-S.displayName = "DateTimePicker";
+M.displayName = "DateTimePicker";
 export {
-  S as DateTimePicker
+  M as DateTimePicker
 };

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/Table.css

@@ -1 +1 @@
-@layer components{._root_1u48q_2{width:100%;overflow:hidden;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}._content_1u48q_8{width:100%;overflow-x:auto}._content_1u48q_8 table{--borderWidth: var(--table-cell-border-width);--borderColorChecked: var(--table-cell-color-border-checked);width:100%;border-collapse:collapse}._content_1u48q_8 table tr{font-family:var(--font-family-body);font-size:var(--font-size-sm);border-bottom-color:var(--table-cell-color-border-default);border-bottom-width:var(--borderWidth);border-bottom-style:solid}._content_1u48q_8 table tr[data-clickable=true]{cursor:pointer}._content_1u48q_8 table tr[data-clickable=true]:hover{border-top-width:var(--borderWidth);border-top-style:solid;background-color:var(--table-cell-color-background-hover);border-color:var(--borderColorChecked)}._content_1u48q_8 table th,._content_1u48q_8 table td{padding:var(--table-cell-padding);text-align:left}._content_1u48q_8 table th:has(>[aria-checked]:only-child),._content_1u48q_8 table td:has(>[aria-checked]:only-child){max-width:var(--table-cell-size-checkbox)}._content_1u48q_8 table thead{background-color:var(--table-header-color-background-warm)}._content_1u48q_8 table thead th{line-height:var(--font-line-height-xs);font-weight:var(--font-weight-medium)}._content_1u48q_8 table tbody tr{line-height:var(--font-line-height-md);font-weight:var(--font-weight-regular)}._content_1u48q_8 table tbody tr[aria-selected=true]{background-color:var(--table-cell-color-background-checked);border-bottom-width:0}._content_1u48q_8 table tbody tr[aria-selected=true]:not(tr[aria-selected=true]+tr[aria-selected=true]){border-top-width:var(--borderWidth);border-top-color:var(--borderColorChecked)}._content_1u48q_8 table tbody tr[aria-selected=true]:not(:has(+tr[aria-selected=true])){border-bottom-width:var(--borderWidth);border-bottom-color:var(--borderColorChecked)}._content_1u48q_8 table:has(tbody tr[data-clickable=true]:first-child:hover) thead tr,._content_1u48q_8 table:has(tbody tr:first-child[aria-selected=true]) thead tr{border-bottom-width:0}._content_1u48q_8 table tr:has(+tr[data-clickable=true]:hover),._content_1u48q_8 table tr:has(+tr[aria-selected=true]){border-bottom-width:0}._withColumnDivider_1u48q_73 table tbody td{border-right-color:var(--table-cell-color-border-default);border-right-width:var(--table-cell-border-width);border-right-style:solid}._withColumnDivider_1u48q_73 table tbody td:last-child{border-right:none}}
+@layer components{._root_1jybv_2{width:100%;overflow:hidden;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}._content_1jybv_8{width:100%;overflow-x:auto}._content_1jybv_8 table{--borderWidth: var(--table-cell-border-width);--borderColorChecked: var(--table-cell-color-border-checked);width:100%;border-collapse:collapse}._content_1jybv_8 table tr{font-family:var(--font-family-body);font-size:var(--font-size-sm);border-bottom-color:var(--table-cell-color-border-default);border-bottom-width:var(--borderWidth);border-bottom-style:solid}._content_1jybv_8 table tr[data-clickable=true]{cursor:pointer}._content_1jybv_8 table tr[data-clickable=true]:hover{border-top-width:var(--borderWidth);border-top-style:solid;background-color:var(--table-cell-color-background-hover);border-color:var(--borderColorChecked)}._content_1jybv_8 table th,._content_1jybv_8 table td{padding:var(--table-cell-padding);text-align:left}._content_1jybv_8 table th:has(>[aria-checked]:only-child),._content_1jybv_8 table td:has(>[aria-checked]:only-child){max-width:var(--table-cell-size-checkbox)}._content_1jybv_8 table thead{background-color:var(--table-header-color-background-warm)}._content_1jybv_8 table thead th{line-height:var(--font-line-height-xs);font-weight:var(--font-weight-medium)}._content_1jybv_8 table tbody tr{line-height:var(--font-line-height-md);font-weight:var(--font-weight-regular)}._content_1jybv_8 table tbody tr[aria-selected=true]{background-color:var(--table-cell-color-background-checked);border-bottom-width:0}._content_1jybv_8 table tbody tr[aria-selected=true]:not(tr[aria-selected=true]+tr[aria-selected=true]){border-top-width:var(--borderWidth);border-top-color:var(--borderColorChecked)}._content_1jybv_8 table tbody tr[aria-selected=true]:not(:has(+tr[aria-selected=true])){border-bottom-width:var(--borderWidth);border-bottom-color:var(--borderColorChecked)}._content_1jybv_8 table:has(tbody tr[data-clickable=true]:first-child:hover) thead tr,._content_1jybv_8 table:has(tbody tr:first-child[aria-selected=true]) thead tr{border-bottom-width:0}._content_1jybv_8 table tr:has(+tr[data-clickable=true]:hover),._content_1jybv_8 table tr:has(+tr[aria-selected=true]){border-bottom-width:0}._withElevation_1jybv_73{border:1px solid var(--table-header-color-border);box-shadow:var(--elevation-20)}._withColumnDivider_1jybv_77 table tbody td{border-right-color:var(--table-cell-color-border-default);border-right-width:var(--table-cell-border-width);border-right-style:solid}._withColumnDivider_1jybv_77 table tbody td:last-child{border-right:none}}

package/dist/Table.js

@@ -1,35 +1,36 @@
 "use client";
 import './Table.css';
 import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as b } from "react";
-import { c as u } from "./index-B6iGEm-i.js";
-const h = "_root_1u48q_2", p = "_content_1u48q_8", y = "_withColumnDivider_1u48q_73", N = {
-  root: h,
-  content: p,
-  withColumnDivider: y
-}, s = u(N), n = b(
-  ({ children: t, className: a, withColumnDivider: o = !1, ...m }, T) => /* @__PURE__ */ e("div", { className: s("root", a), ref: T, ...m, children: /* @__PURE__ */ e("div", { className: s("content", o && "withColumnDivider"), children: /* @__PURE__ */ e("table", { children: t }) }) })
+import { forwardRef as h } from "react";
+import { c as v } from "./index-B6iGEm-i.js";
+const y = "_root_1jybv_2", _ = "_content_1jybv_8", p = "_withElevation_1jybv_73", u = "_withColumnDivider_1jybv_77", w = {
+  root: y,
+  content: _,
+  withElevation: p,
+  withColumnDivider: u
+}, n = v(w), s = h(
+  ({ children: t, className: a, withColumnDivider: o = !1, withElevation: b = !1, ...m }, T) => /* @__PURE__ */ e("div", { className: n("root", b && "withElevation", a), ref: T, ...m, children: /* @__PURE__ */ e("div", { className: n("content", o && "withColumnDivider"), children: /* @__PURE__ */ e("table", { children: t }) }) })
 );
-n.displayName = "Table";
-const r = (t) => /* @__PURE__ */ e("tbody", { ...t });
-r.displayName = "Table.Tbody";
-const l = (t) => /* @__PURE__ */ e("th", { ...t });
-l.displayName = "Table.Th";
-const i = (t) => /* @__PURE__ */ e("thead", { ...t });
-i.displayName = "Table.Thead";
+s.displayName = "Table";
+const l = (t) => /* @__PURE__ */ e("tbody", { ...t });
+l.displayName = "Table.Tbody";
+const i = (t) => /* @__PURE__ */ e("th", { ...t });
+i.displayName = "Table.Th";
+const r = (t) => /* @__PURE__ */ e("thead", { ...t });
+r.displayName = "Table.Thead";
 const c = (t) => /* @__PURE__ */ e("td", { ...t });
 c.displayName = "Table.Td";
 const d = ({ className: t, onClick: a, ...o }) => /* @__PURE__ */ e("tr", { className: t, "data-clickable": !!a, onClick: a, ...o });
 d.displayName = "Table.Tr";
-const w = Object.assign(n, {
-  Tbody: r,
+const C = Object.assign(s, {
+  Tbody: l,
   Td: c,
-  Th: l,
-  Thead: i,
+  Th: i,
+  Thead: r,
   Tr: d
 });
 export {
-  w as Table,
-  n as TableComponent,
-  N as tableClasses
+  C as Table,
+  s as TableComponent,
+  w as tableClasses
 };

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/TimePicker.js

@@ -1,38 +1,38 @@
 "use client";
 import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as F, useState as I, useRef as L, useEffect as a } from "react";
-import { D as M, C as O } from "./CustomPopper-PWIRxhgV.js";
-import { D as U, b as _, s as q } from "./utils-Cf0NRrqX.js";
-import { InputText as z } from "./InputText.js";
-import { c as T } from "./index-B6iGEm-i.js";
-const d = T(q), o = T(), B = F(
+import { forwardRef as S, useState as j, useRef as F, useEffect as d } from "react";
+import { D as I, C as L } from "./CustomPopper-PWIRxhgV.js";
+import { D as M, b as O, s as U } from "./utils-Cf0NRrqX.js";
+import { InputText as _ } from "./InputText.js";
+import { c as q } from "./index-B6iGEm-i.js";
+const a = q(U), z = S(
   ({
-    autoFocus: D,
-    className: k,
-    dateFormat: N = "HH:mm",
-    disabled: R,
-    icon: w,
-    iconPlacement: x = "left",
+    autoFocus: o,
+    className: T,
+    dateFormat: D = "HH:mm",
+    disabled: k,
+    icon: N,
+    iconPlacement: R = "left",
     onChange: t,
-    placeholder: y,
-    size: A = "md",
-    timeIntervals: m = 15,
-    transparent: H,
-    value: r = U,
+    placeholder: w,
+    size: x = "md",
+    timeIntervals: p = 15,
+    transparent: y,
+    value: r = M,
     ...c
-  }, p) => {
-    const l = (e) => _(e, m), [P, i] = I(l(r)), b = L(), E = p || b;
-    a(() => {
+  }, m) => {
+    const l = (e) => O(e, p), [A, i] = j(l(r)), H = F(), P = m || H;
+    d(() => {
       t == null || t(l(r));
-    }, []), a(() => {
+    }, []), d(() => {
       var s;
       const e = l(r);
       ((s = new Date(r)) == null ? void 0 : s.getTime()) - (e == null ? void 0 : e.getTime()) !== 0 && (t == null || t(e)), i(e);
     }, [r]);
-    const S = (e) => {
+    const b = (e) => {
       var s;
-      e.preventDefault(), (s = E.current) == null || s.blur(), i(null), t == null || t(null);
-    }, j = (e) => {
+      e.preventDefault(), (s = P.current) == null || s.blur(), i(null), t == null || t(null);
+    }, E = (e) => {
       if (!e) {
         i(null), t == null || t(null);
         return;
@@ -50,36 +50,36 @@ const d = T(q), o = T(), B = F(
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-expect-error
       /* @__PURE__ */ f(
-        M,
+        I,
         {
           calendarClassName: "time-picker-popper",
           customInput: /* @__PURE__ */ f(
-            z,
+            _,
             {
-              autoFocus: D,
-              className: o(d("time-picker"), k),
+              autoFocus: o,
+              className: a("time-picker", T),
               "data-testid": c["data-testid"],
-              disabled: R,
-              icon: w,
-              iconPlacement: x,
+              disabled: k,
+              icon: N,
+              iconPlacement: R,
               isClearable: !1,
-              onReset: S,
-              ref: p,
-              size: A,
-              transparent: H
+              onReset: b,
+              ref: m,
+              size: x,
+              transparent: y
             }
           ),
-          dateFormat: N,
-          onChange: j,
-          placeholderText: y,
-          popperContainer: O,
-          selected: P,
+          dateFormat: D,
+          onChange: E,
+          placeholderText: w,
+          popperContainer: L,
+          selected: A,
           showTimeSelect: !0,
           showTimeSelectOnly: !0,
-          timeIntervals: m,
+          timeIntervals: p,
           ...c,
-          wrapperClassName: o(
-            d("picker-input-root"),
+          wrapperClassName: a(
+            "picker-input-root",
             "time-picker-wrapper",
             "field-input",
             c.wrapperClassName
@@ -89,7 +89,7 @@ const d = T(q), o = T(), B = F(
     );
   }
 );
-B.displayName = "TimePicker";
+z.displayName = "TimePicker";
 export {
-  B as TimePicker
+  z as TimePicker
 };

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/Table/types.d.ts

@@ -6,6 +6,10 @@ interface TableOptions {
      * Add vertical divider between columns
      */
     withColumnDivider?: boolean;
+    /**
+     * Add borders and elevation to the Table
+     */
+    withElevation?: boolean;
 }
 interface TableTrOptions {
     /**

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": "0.0.0-dev.1789636399709",
+  "version": "0.0.0-dev.1790256200313",
   "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
   "files": [
     "dist"