welcome-ui 9.0.10 → 10.0.0-alpha.10

package/dist/{T22PY7TE-BxbmImwX.js → T22PY7TE-gLuJpoOm.js}

@@ -1,14 +1,14 @@
 "use client";
-import { e as T, f as j, _ as I, a as b, c as Y, b as Z, i as ee, w as te, M as p, x as ne, d as w, p as oe, r as ae, H as S, G as se, I as re, K as ie } from "./OE2EFRVA-C3721cM3.js";
-import { createContext as M, useRef as ue, useState as le, useMemo as ce } from "react";
-import { u as R, m as de, o as me, t as fe, c as ve, s as y, a as A, e as pe, b as Se, d as P } from "./RTNCFSKZ-P4icqVD0.js";
+import { e as j, f as H, _ as R, a as b, c as Y, b as Z, i as ee, l as te, m as p, k as ne, d as O, v as oe, r as ae, z as S, A as se, B as re, C as ie } from "./OE2EFRVA-Dg1R6gaC.js";
+import { createContext as F, useRef as ue, useState as le, useMemo as ce } from "react";
+import { b as I, m as de, o as me, t as fe, c as ve, s as y, d as V, e as pe, u as Se, a as P } from "./RTNCFSKZ-BywELldk.js";
 import { flushSync as De } from "react-dom";
-import { jsx as F } from "react/jsx-runtime";
-var _ = T(), N = _.useProviderContext, Ce = _.ContextProvider, xe = _.ScopedContextProvider, D = T(
+import { jsx as M } from "react/jsx-runtime";
+var _ = j(), N = _.useProviderContext, Ce = _.ContextProvider, xe = _.ScopedContextProvider, D = j(
   [Ce],
   [xe]
-), Ie = D.useScopedContext, Me = D.useProviderContext, Re = D.ContextProvider, ge = D.ScopedContextProvider, Fe = M(void 0), Ne = M(void 0), Ee = "div";
-function V(n, o) {
+), Re = D.useScopedContext, Fe = D.useProviderContext, Ie = D.ContextProvider, ge = D.ScopedContextProvider, Me = F(void 0), Ne = F(void 0), Ee = "div";
+function w(n, o) {
   const e = setTimeout(o, n);
   return () => clearTimeout(e);
 }
@@ -18,7 +18,7 @@ function ye(n) {
   });
   return () => cancelAnimationFrame(o);
 }
-function H(...n) {
+function T(...n) {
   return n.join(", ").split(", ").reduce((o, e) => {
     const t = e.endsWith("ms") ? 1 : 1e3, i = Number.parseFloat(e || "0s") * t;
     return i > o ? i : o;
@@ -28,13 +28,13 @@ function Pe(n, o, e) {
   return !e && o !== !1 && (!n || !!o);
 }
 var be = Y(function(o) {
-  var e = o, { store: t, alwaysVisible: i } = e, r = I(e, ["store", "alwaysVisible"]);
+  var e = o, { store: t, alwaysVisible: i } = e, r = R(e, ["store", "alwaysVisible"]);
   const a = N();
   t = t || a, ee(
     t,
     process.env.NODE_ENV !== "production" && "DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component."
   );
-  const s = ue(null), f = te(r.id), [l, h] = le(null), c = t.useState("open"), C = t.useState("mounted"), d = t.useState("animated"), m = t.useState("contentElement"), x = R(t.disclosure, "contentElement");
+  const s = ue(null), f = te(r.id), [l, h] = le(null), c = t.useState("open"), C = t.useState("mounted"), d = t.useState("animated"), m = t.useState("contentElement"), x = I(t.disclosure, "contentElement");
   p(() => {
     s.current && (t == null || t.setContentElement(s.current));
   }, [t]), p(() => {
@@ -57,41 +57,41 @@ var be = Y(function(o) {
     const u = () => t == null ? void 0 : t.setState("animating", !1), v = () => De(u);
     if (l === "leave" && c || l === "enter" && !c) return;
     if (typeof d == "number")
-      return V(d, v);
+      return w(d, v);
     const {
-      transitionDuration: k,
+      transitionDuration: $,
       animationDuration: q,
       transitionDelay: U,
       animationDelay: W
     } = getComputedStyle(m), {
-      transitionDuration: G = "0",
-      animationDuration: K = "0",
+      transitionDuration: z = "0",
+      animationDuration: B = "0",
       transitionDelay: L = "0",
-      animationDelay: z = "0"
-    } = x ? getComputedStyle(x) : {}, B = H(
+      animationDelay: G = "0"
+    } = x ? getComputedStyle(x) : {}, J = T(
       U,
       W,
       L,
-      z
-    ), J = H(
-      k,
+      G
+    ), K = T(
+      $,
       q,
-      G,
-      K
-    ), O = B + J;
-    if (!O) {
+      z,
+      B
+    ), A = J + K;
+    if (!A) {
       l === "enter" && t.setState("animated", !1), u();
       return;
     }
-    const Q = 1e3 / 60, X = Math.max(O - Q, 0);
-    return V(X, v);
+    const Q = 1e3 / 60, X = Math.max(A - Q, 0);
+    return w(X, v);
   }, [t, d, m, x, c, l]), r = ne(
     r,
-    (u) => /* @__PURE__ */ F(ge, { value: t, children: u }),
+    (u) => /* @__PURE__ */ M(ge, { value: t, children: u }),
     [t]
   );
-  const g = Pe(C, r.hidden, i), E = r.style, $ = ce(() => g ? w(b({}, E), { display: "none" }) : E, [g, E]);
-  return r = w(b({
+  const g = Pe(C, r.hidden, i), E = r.style, k = ce(() => g ? O(b({}, E), { display: "none" }) : E, [g, E]);
+  return r = O(b({
     id: f,
     "data-open": c || void 0,
     "data-enter": l === "enter" || void 0,
@@ -99,22 +99,22 @@ var be = Y(function(o) {
     hidden: g
   }, r), {
     ref: oe(f ? t.setContentElement : null, s, r.ref),
-    style: $
+    style: k
   }), ae(r);
-}), _e = j(function(o) {
+}), _e = H(function(o) {
   const e = be(o);
   return Z(Ee, e);
-}), $e = j(function(o) {
+}), ke = H(function(o) {
   var e = o, {
     unmountOnHide: t
-  } = e, i = I(e, [
+  } = e, i = R(e, [
     "unmountOnHide"
   ]);
   const r = N(), a = i.store || r;
-  return R(
+  return I(
     a,
     (f) => !t || (f == null ? void 0 : f.mounted)
-  ) === !1 ? null : /* @__PURE__ */ F(_e, b({}, i));
+  ) === !1 ? null : /* @__PURE__ */ M(_e, b({}, i));
 });
 function he(n = {}) {
   const o = de(
@@ -137,7 +137,7 @@ function he(n = {}) {
   }, a = ve(r, o);
   return y(
     a,
-    () => A(a, ["animated", "animating"], (s) => {
+    () => V(a, ["animated", "animating"], (s) => {
       s.animated || a.setState("animating", !1);
     })
   ), y(
@@ -147,7 +147,7 @@ function he(n = {}) {
     })
   ), y(
     a,
-    () => A(a, ["open", "animating"], (s) => {
+    () => V(a, ["open", "animating"], (s) => {
       a.setState("mounted", s.open || s.animating);
     })
   ), se(re({}, a), {
@@ -161,25 +161,25 @@ function he(n = {}) {
     setDisclosureElement: (s) => a.setState("disclosureElement", s)
   });
 }
-function Oe(n, o, e) {
+function Ae(n, o, e) {
   return ie(o, [e.store, e.disclosure]), P(n, e, "open", "setOpen"), P(n, e, "mounted", "setMounted"), P(n, e, "animated"), Object.assign(n, { disclosure: e.disclosure });
 }
-function ke(n = {}) {
+function $e(n = {}) {
   const [o, e] = Se(he, n);
-  return Oe(o, e, n);
+  return Ae(o, e, n);
 }
 export {
-  $e as D,
-  Ie as a,
-  Me as b,
+  ke as D,
+  Re as a,
+  Fe as b,
   N as c,
   be as d,
   he as e,
-  Oe as f,
+  Ae as f,
   ge as g,
-  Fe as h,
+  Me as h,
   Pe as i,
   Ne as j,
-  Re as k,
-  ke as u
+  Ie as k,
+  $e as u
 };

package/dist/Table.css

@@ -1 +1 @@
-@layer components{._root_8bmny_2{width:100%;overflow:hidden}._content_8bmny_6{width:100%;overflow-x:auto}._content_8bmny_6 table{width:100%;border-collapse:collapse;border:0}._content_8bmny_6 table td{padding:var(--spacing-xl);text-align:left}._content_8bmny_6 table td:first-child{padding-left:0}._content_8bmny_6 table td:last-child{padding-right:0}._content_8bmny_6 table th{border-bottom:var(--border-width-sm) solid var(--color-neutral-90);color:var(--color-neutral-60);font-weight:var(--font-weight-500);text-align:left;padding:var(--spacing-xl);vertical-align:middle}._content_8bmny_6 table th:first-child{padding-left:0}._content_8bmny_6 table th:last-child{padding-right:0}._content_8bmny_6 table tr{border-bottom:var(--border-width-sm) solid var(--color-neutral-30);background-color:var(--trBackgroundColor, "transparent");color:var(--trColor, "inherit");transition:background-color var(--duration-medium) ease-in-out}._content_8bmny_6 table tr:last-child{border:0}._content_8bmny_6 table tr._clickable_8bmny_48{cursor:pointer}._content_8bmny_6 table tr._clickable_8bmny_48:hover{background-color:var(--color-beige-10)}._content_8bmny_6 table tr._variant-danger_8bmny_54{--trBackgroundColor: var(--color-red-10);--trColor: var(--color-red-70)}._content_8bmny_6 table tr._variant-warning_8bmny_58{--trBackgroundColor: var(--color-orange-10);--trColor: var(--color-orange-80)}._content_8bmny_6 table tr._variant-success_8bmny_62{--trBackgroundColor: var(--color-green-10);--trColor: var(--color-green-70)}._content_8bmny_6 table tr._variant-info_8bmny_66{--trBackgroundColor: var(--color-blue-10);--trColor: var(--color-blue-70)}._indent_8bmny_70 table td:first-child,._indent_8bmny_70 table th:first-child{padding-left:var(--spacing-xl)}._indent_8bmny_70 table td:last-child,._indent_8bmny_70 table th:last-child{padding-right:var(--spacing-xl)}}
+@layer components{._root_10vth_2{width:100%;overflow:hidden}._content_10vth_6{width:100%;overflow-x:auto}._content_10vth_6 table{width:100%;border-collapse:collapse;border:0}._content_10vth_6 table td{padding:var(--components-dimensions-tab-size-icon-lg);text-align:left}._content_10vth_6 table td:first-child{padding-left:0}._content_10vth_6 table td:last-child{padding-right:0}._content_10vth_6 table th{border-bottom:var(--components-dimensions-tab-border-width-unchecked) solid var(--components-colors-tab-color-text-unchecked-pressed);color:var(--color-icon-neutral-subtle);font-weight:var(--font-weight-medium);text-align:left;padding:var(--components-dimensions-tab-size-icon-lg);vertical-align:middle}._content_10vth_6 table th:first-child{padding-left:0}._content_10vth_6 table th:last-child{padding-right:0}._content_10vth_6 table tr{border-bottom:var(--components-dimensions-tab-border-width-unchecked) solid var(--color-background-neutral-subtlest);background-color:var(--trBackgroundColor, "transparent");color:var(--trColor, "inherit");transition:background-color var(--duration-medium) ease-in-out}._content_10vth_6 table tr:last-child{border:0}._content_10vth_6 table tr._clickable_10vth_48{cursor:pointer}._content_10vth_6 table tr._clickable_10vth_48:hover{background-color:var(--color-background-warm-minimal)}._content_10vth_6 table tr._variant-danger_10vth_54{--trBackgroundColor: var(--color-background-danger-minimal);--trColor: var(--color-background-danger-strongest)}._content_10vth_6 table tr._variant-warning_10vth_58{--trBackgroundColor: var(--color-background-warning-minimal);--trColor: var(--color-icon-warning-secondary)}._content_10vth_6 table tr._variant-success_10vth_62{--trBackgroundColor: var(--color-green-10);--trColor: var(--color-icon-accent-green-tertiary)}._content_10vth_6 table tr._variant-info_10vth_66{--trBackgroundColor: var(--color-background-accent-blue-minimal);--trColor: var(--color-background-accent-blue-strongest)}._indent_10vth_70 table td:first-child,._indent_10vth_70 table th:first-child{padding-left:var(--components-dimensions-tab-size-icon-lg)}._indent_10vth_70 table td:last-child,._indent_10vth_70 table th:last-child{padding-right:var(--components-dimensions-tab-size-icon-lg)}}

package/dist/Table.js

@@ -1,33 +1,46 @@
 "use client";
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { c as i } from "./index-PAaZGbyz.js";
-const _ = "_root_8bmny_2", b = "_content_8bmny_6", l = "_clickable_8bmny_48", m = "_indent_8bmny_70", d = {
-  root: _,
-  content: b,
-  clickable: l,
-  "variant-danger": "_variant-danger_8bmny_54",
-  "variant-warning": "_variant-warning_8bmny_58",
-  "variant-success": "_variant-success_8bmny_62",
-  "variant-info": "_variant-info_8bmny_66",
-  indent: m
-}, c = i(d), y = s(
-  ({ children: n, className: a, indent: e, ...r }, o) => /* @__PURE__ */ t("div", { className: c("root", a), ref: o, ...r, children: /* @__PURE__ */ t("div", { className: c("content", e && "indent"), children: /* @__PURE__ */ t("table", { children: n }) }) })
-), v = (n) => /* @__PURE__ */ t("tbody", { ...n }), u = (n) => /* @__PURE__ */ t("th", { ...n }), f = (n) => /* @__PURE__ */ t("thead", { ...n }), T = (n) => /* @__PURE__ */ t("td", { ...n }), h = ({ className: n, onClick: a, variant: e, ...r }) => /* @__PURE__ */ t(
+import './Table.css';
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as v } from "react";
+import { c as T } from "./index-PAaZGbyz.js";
+const m = "_root_10vth_2", h = "_content_10vth_6", p = "_clickable_10vth_48", y = "_indent_10vth_70", N = {
+  root: m,
+  content: h,
+  clickable: p,
+  "variant-danger": "_variant-danger_10vth_54",
+  "variant-warning": "_variant-warning_10vth_58",
+  "variant-success": "_variant-success_10vth_62",
+  "variant-info": "_variant-info_10vth_66",
+  indent: y
+}, s = T(N), o = v(
+  ({ children: t, className: n, indent: e, ...r }, b) => /* @__PURE__ */ a("div", { className: s("root", n), ref: b, ...r, children: /* @__PURE__ */ a("div", { className: s("content", e && "indent"), children: /* @__PURE__ */ a("table", { children: t }) }) })
+);
+o.displayName = "Table";
+const c = (t) => /* @__PURE__ */ a("tbody", { ...t });
+c.displayName = "Table.Tbody";
+const i = (t) => /* @__PURE__ */ a("th", { ...t });
+i.displayName = "Table.Th";
+const l = (t) => /* @__PURE__ */ a("thead", { ...t });
+l.displayName = "Table.Thead";
+const d = (t) => /* @__PURE__ */ a("td", { ...t });
+d.displayName = "Table.Td";
+const _ = ({ className: t, onClick: n, variant: e, ...r }) => /* @__PURE__ */ a(
   "tr",
   {
-    className: c(e && `variant-${e}`, !!a && "clickable", n),
-    onClick: a,
+    className: s(e && `variant-${e}`, !!n && "clickable", t),
+    onClick: n,
     ...r
   }
-), k = Object.assign(y, {
-  Tbody: v,
-  Td: T,
-  Th: u,
-  Thead: f,
-  Tr: h
+);
+_.displayName = "Table.Tr";
+const k = Object.assign(o, {
+  Tbody: c,
+  Td: d,
+  Th: i,
+  Thead: l,
+  Tr: _
 });
 export {
   k as Table,
-  y as TableComponent
+  o as TableComponent
 };

package/dist/Tabs.css

@@ -1 +1 @@
-@layer components{._root_102tt_2{position:absolute;will-change:width,transform;transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);background-color:var(--color-brand-40)}[aria-orientation=horizontal] ._root_102tt_2{width:var(--active-bar-size);height:var(--border-width-md);left:0;bottom:0;transform:translate(var(--active-bar-offset))}[aria-orientation=vertical] ._root_102tt_2{width:var(--border-width-md);height:var(--active-bar-size);right:0;top:0;transform:translateY(var(--active-bar-offset))}}@layer components{._root_axn0q_2{width:100%;position:relative;display:flex;overflow-x:auto;border:0;gap:var(--spacing-xl);--tab-font-size: var(--font-size-md);--tab-box-shadow: inset 0 calc(-1 * var(--border-width-sm)) 0 var(--color-neutral-30);font-size:var(--tab-font-size);box-shadow:var(--tab-box-shadow)}._root_axn0q_2[aria-orientation=vertical]{flex-direction:column;--tab-box-shadow: inset calc(-1 * var(--border-width-sm)) 0 0 var(--color-neutral-30)}._size-md_axn0q_18{--tab-font-size: var(--font-size-md)}._size-sm_axn0q_21{--tab-font-size: var(--font-size-sm)}}@layer components{._root_1kepd_2:focus{outline:none}[aria-orientation=horizontal] ._root_1kepd_2{margin-top:var(--spacing-xl)}[aria-orientation=vertical] ._root_1kepd_2{margin-left:var(--spacing-xl)}}@layer components{._root_1j27o_2{border:0;background:none;color:var(--tabs-color, var(--color-neutral-70));font-weight:var(--font-weight-medium);line-height:var(--line-height-md);text-decoration:none;display:flex;align-items:center;flex:none;padding:var(--spacing-md) 0;transition:var(--duration-medium);text-transform:none;cursor:pointer;gap:var(--spacing-sm)}._root_1j27o_2:focus{outline:none!important}._root_1j27o_2:focus:not([aria-selected=true]){--tabs-color: var(--color-neutral-90)}._root_1j27o_2[aria-selected=true]{--tabs-color: var(--color-neutral-90)}._root_1j27o_2[aria-disabled=true]{--tabs-color: var(--color-neutral-60);cursor:not-allowed}._root_1j27o_2:hover:not([aria-selected=true]):not([aria-disabled=true]){--tabs-color: var(--color-neutral-90)}._root_1j27o_2>svg,._root_1j27o_2 img{max-height:var(--spacing-lg);max-width:var(--spacing-lg)}._root_1j27o_2>span{max-height:var(--spacing-lg)}}
+@layer components{._root_156xk_2{position:absolute;will-change:width,transform;transition-property:all;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);background-color:var(--components-colors-tab-color-background-checked-pressed)}[aria-orientation=horizontal] ._root_156xk_2{width:var(--activeBarSize);height:var(--components-dimensions-tab-border-width-checked);left:0;bottom:0;transform:translate(var(--activeBarOffset))}[aria-orientation=vertical] ._root_156xk_2{width:var(--components-dimensions-tab-border-width-checked);height:var(--activeBarSize);right:0;top:0;transform:translateY(var(--activeBarOffset))}}@layer components{._root_3pg7f_2{width:100%;position:relative;display:flex;overflow-x:auto;border:0;gap:var(--components-dimensions-tab-size-icon-lg);--tabFontSize: var(--components-dimensions-tab-padding-inline-lg);--tabBoxShadow: inset 0 calc(-1 * var(--components-dimensions-tab-border-width-unchecked)) 0 var(--color-background-neutral-subtlest);font-size:var(--tabFontSize);box-shadow:var(--tabBoxShadow)}._root_3pg7f_2[aria-orientation=vertical]{flex-direction:column;--tabBoxShadow: inset calc(-1 * var(--components-dimensions-tab-border-width-unchecked)) 0 0 var(--color-background-neutral-subtlest)}._size-md_3pg7f_20{--tabFontSize: var(--components-dimensions-tab-padding-inline-lg)}._size-sm_3pg7f_23{--tabFontSize: var(--font-size-14)}}@layer components{._root_etkg6_2:focus{outline:none}[aria-orientation=horizontal] ._root_etkg6_2{margin-top:var(--components-dimensions-tab-size-icon-lg)}[aria-orientation=vertical] ._root_etkg6_2{margin-left:var(--components-dimensions-tab-size-icon-lg)}}@layer components{._root_86cgt_2{border:0;background:none;color:var(--tabsColor, var(--color-background-neutral-tertiary));font-weight:var(--font-weight-medium);line-height:var(--font-size-lg);text-decoration:none;display:flex;align-items:center;flex:none;padding:var(--components-dimensions-tab-padding-inline-md) 0;transition:var(--duration-medium);text-transform:none;cursor:pointer;gap:var(--components-dimensions-tab-padding-block-md)}._root_86cgt_2:focus{outline:none!important}._root_86cgt_2:focus:not([aria-selected=true]){--tabsColor: var(--components-colors-tab-color-text-unchecked-pressed)}._root_86cgt_2[aria-selected=true]{--tabsColor: var(--components-colors-tab-color-text-unchecked-pressed)}._root_86cgt_2[aria-disabled=true]{--tabsColor: var(--color-icon-neutral-subtle);cursor:not-allowed}._root_86cgt_2:hover:not([aria-selected=true]):not([aria-disabled=true]){--tabsColor: var(--components-colors-tab-color-text-unchecked-pressed)}._root_86cgt_2>svg,._root_86cgt_2 img{max-height:var(--components-dimensions-tab-padding-inline-lg);max-width:var(--components-dimensions-tab-padding-inline-lg)}._root_86cgt_2>span{max-height:var(--components-dimensions-tab-padding-inline-lg)}}