welcome-ui 0.0.0-dev.1758380197423 → 0.0.0-dev.1758890349491

package/dist/ASMQKSDT-B0uKEmRA.js

@@ -0,0 +1,89 @@
+"use client";
+import { t as M, f as D, c as H, a as O, _ as V, k as W, m as $, w as q, u as P, v as z, b as B, j as G, d as v, x as I } from "./LVA2YJMS-D2mneeop.js";
+import { createContext as J, useState as K, useRef as L, useEffect as Q } from "react";
+import { u as X } from "./KUU7WJ55-hqhtYOWh.js";
+import { u as Y } from "./YV4JVR4I-QAXqkn1D.js";
+import { jsx as Z } from "react/jsx-runtime";
+var ee = J(!1), re = M(), te = re.useContext, A = "input";
+function y(t, a) {
+  a ? t.indeterminate = !0 : t.indeterminate && (t.indeterminate = !1);
+}
+function ne(t, a) {
+  return t === "input" && (!a || a === "checkbox");
+}
+function _(t) {
+  return Array.isArray(t) ? t.toString() : t;
+}
+var oe = H(
+  function(a) {
+    var f = a, {
+      store: i,
+      name: h,
+      value: n,
+      checked: p,
+      defaultChecked: C
+    } = f, r = V(f, [
+      "store",
+      "name",
+      "value",
+      "checked",
+      "defaultChecked"
+    ]);
+    const T = te();
+    i = i || T;
+    const [E, S] = K(C ?? !1), u = Y(i, (e) => {
+      if (p !== void 0) return p;
+      if ((e == null ? void 0 : e.value) === void 0) return E;
+      if (n != null) {
+        if (Array.isArray(e.value)) {
+          const d = _(n);
+          return e.value.includes(d);
+        }
+        return e.value === n;
+      }
+      return Array.isArray(e.value) ? !1 : typeof e.value == "boolean" ? e.value : !1;
+    }), k = L(null), N = W(k, A), o = ne(N, r.type), m = u ? u === "mixed" : void 0, s = u === "mixed" ? !1 : u, R = $(r), [U, j] = q();
+    Q(() => {
+      const e = k.current;
+      e && (y(e, m), !o && (e.checked = s, h !== void 0 && (e.name = h), n !== void 0 && (e.value = `${n}`)));
+    }, [U, m, o, s, h, n]);
+    const x = r.onChange, b = P((e) => {
+      if (R) {
+        e.stopPropagation(), e.preventDefault();
+        return;
+      }
+      if (y(e.currentTarget, m), o || (e.currentTarget.checked = !e.currentTarget.checked, j()), x == null || x(e), e.defaultPrevented) return;
+      const d = e.currentTarget.checked;
+      S(d), i == null || i.setValue((c) => {
+        if (n == null) return d;
+        const l = _(n);
+        return Array.isArray(c) ? d ? c.includes(l) ? c : [...c, l] : c.filter((F) => F !== l) : c === l ? !1 : l;
+      });
+    }), g = r.onClick, w = P((e) => {
+      g == null || g(e), !e.defaultPrevented && (o || b(e));
+    });
+    return r = z(
+      r,
+      (e) => /* @__PURE__ */ Z(ee.Provider, { value: s, children: e }),
+      [s]
+    ), r = B(v({
+      role: o ? void 0 : "checkbox",
+      type: o ? "checkbox" : void 0,
+      "aria-checked": u
+    }, r), {
+      ref: G(k, r.ref),
+      onChange: b,
+      onClick: w
+    }), r = X(v({ clickOnEnter: !o }, r)), I(v({
+      name: o ? h : void 0,
+      value: o ? n : void 0,
+      checked: s
+    }, r));
+  }
+), de = D(function(a) {
+  const f = oe(a);
+  return O(A, f);
+});
+export {
+  de as C
+};

package/dist/AXB53BZF-BNopkntV.js

@@ -0,0 +1,25 @@
+"use client";
+import { u } from "./P4IRICAX-ClmK-EBz.js";
+import { a as c } from "./VGCJ63VH-BEG6jWWr.js";
+import { f as l, c as p, a as D, _ as m, i as g, d as a, g as v } from "./LVA2YJMS-D2mneeop.js";
+var d = "button", f = p(
+  function(r) {
+    var s = r, { store: o } = s, e = m(s, ["store"]);
+    const i = c();
+    o = o || i, g(
+      o,
+      process.env.NODE_ENV !== "production" && "DialogDisclosure must receive a `store` prop or be wrapped in a DialogProvider component."
+    );
+    const n = o.useState("contentElement");
+    return e = a({
+      "aria-haspopup": v(n, "dialog")
+    }, e), e = u(a({ store: o }, e)), e;
+  }
+), P = l(function(r) {
+  const s = f(r);
+  return D(d, s);
+});
+export {
+  P as D,
+  f as u
+};

package/dist/Accordion.css

@@ -0,0 +1 @@
+@layer components{._root_hq7u6_2{background-color:var(--color-neutral-10);border:var(--border-width-sm) solid var(--color-neutral-30);border-radius:var(--radius-md);transition:var(--duration-medium)}._root_hq7u6_2:hover{border-color:var(--color-neutral-50)}._icon_hq7u6_11{flex-shrink:0;transform:rotate3d(0);transition:var(--duration-medium);padding:var(--spacing-sm);color:inherit;display:flex;border-radius:var(--radius-circle);color:var(--color-neutral-90)}._icon_hq7u6_11 *:first-child{margin:auto}._disclosure_hq7u6_24{width:100%;padding:var(--spacing-lg);background-color:transparent;border:0;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}._disclosure_hq7u6_24[aria-expanded=true] ._icon_hq7u6_11{transform:rotate3d(0,0,1,90deg)}._disclosure_hq7u6_24:focus,._disclosure_hq7u6_24:hover{cursor:pointer}._disclosure_hq7u6_24:focus ._icon_hq7u6_11,._disclosure_hq7u6_24:hover ._icon_hq7u6_11{background-color:var(--color-neutral-30)}._disclosure_hq7u6_24:focus{outline:0}._disclosure_hq7u6_24:focus ._icon_hq7u6_11{color:inherit}._disclosure-content_hq7u6_49{display:grid;grid-template-rows:0fr;transition-property:grid-template-rows;transition-timing-function:linear;transition-duration:.2s;animation-duration:.2s}._disclosure-content_hq7u6_49>*{overflow:hidden;padding:0}._disclosure-content_hq7u6_49[data-enter]{grid-template-rows:1fr}._content-child_hq7u6_64{padding:var(--spacing-lg);padding-top:0;color:var(--color-neutral-70);font-size:var(--font-size-sm)}}

package/dist/Accordion.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { D as d } from "./P4IRICAX-ClmK-EBz.js";
+import { d as a } from "./VGCJ63VH-BEG6jWWr.js";
+import { e as b } from "./VGCJ63VH-BEG6jWWr.js";
+import { forwardRef as u } from "react";
+import "./Icon-CvQNL_iy.js";
+import { R as h } from "./index-BYbxYLuX.js";
+import { Text as _ } from "./Text.js";
+import { c as f } from "./classNames-qiokGROM.js";
+const p = "_root_hq7u6_2", v = "_icon_hq7u6_11", x = "_disclosure_hq7u6_24", N = {
+  root: p,
+  icon: v,
+  disclosure: x,
+  "disclosure-content": "_disclosure-content_hq7u6_49",
+  "content-child": "_content-child_hq7u6_64"
+}, s = f(N), y = u(
+  ({ children: r, className: e, dataTestId: c, store: i, title: n, ...l }, m) => /* @__PURE__ */ t("div", { className: s("root", e), ref: m, ...l, children: [
+    /* @__PURE__ */ t(
+      d,
+      {
+        className: s("disclosure"),
+        "data-testid": c ? `${c}-title` : void 0,
+        store: i,
+        children: [
+          /* @__PURE__ */ o(_, { variant: "h5", children: n }),
+          /* @__PURE__ */ o("div", { className: s("icon"), children: /* @__PURE__ */ o(h, { size: "sm" }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(
+      a,
+      {
+        className: s("disclosure-content"),
+        "data-testid": c ? `${c}-content` : void 0,
+        store: i,
+        children: /* @__PURE__ */ o("div", { className: s("content-child"), children: r })
+      }
+    )
+  ] })
+);
+export {
+  y as Accordion,
+  b as useAccordion
+};

package/dist/Alert.css

@@ -0,0 +1 @@
+@layer components{._root_16lh6_2{position:relative;display:flex;align-items:flex-start;width:100%;border-radius:var(--radius-lg);border:var(--border-width-sm) solid;padding:var(--padding);max-width:var(--maxWidth, max-content);background-color:var(--backgroundColor, var(--color-neutral-10));border-color:var(--borderColor, var(--color-neutral-30));color:var(--color, var(--color-neutral-80))}._size-sm_16lh6_16{--padding: var(--spacing-lg)}._size-md_16lh6_19{--padding: var(--spacing-xl)}._variant-ai_16lh6_22{--backgroundColor: var(--color-violet-10);--borderColor: var(--color-violet-10);--color: var(--color-violet-90)}._variant-beige_16lh6_27{--backgroundColor: var(--color-beige-20);--borderColor: var(--color-beige-20);--color: var(--color-beige-80)}._variant-danger_16lh6_32{--backgroundColor: var(--color-red-10);--borderColor: var(--color-red-10);--color: var(--color-red-90)}._variant-info_16lh6_37{--backgroundColor: var(--color-blue-10);--borderColor: var(--color-blue-10);--color: var(--color-blue-90)}._variant-success_16lh6_42{--backgroundColor: var(--color-green-10);--borderColor: var(--color-green-10);--color: var(--color-green-90)}._variant-warning_16lh6_47{--backgroundColor: var(--color-orange-10);--borderColor: var(--color-orange-10);--color: var(--color-orange-90)}._full-width_16lh6_52{--maxWidth: 100%}._icon_16lh6_55._size-sm_16lh6_16 svg{margin-top:1px}._icon_16lh6_55._size-sm_16lh6_16 ._content_16lh6_58{margin-left:var(--spacing-md)}._icon_16lh6_55._size-md_16lh6_19 svg{margin-top:-3px}._icon_16lh6_55._size-md_16lh6_19 ._content_16lh6_58{margin-left:var(--spacing-lg)}._content_16lh6_58{display:flex;gap:var(--spacing-md);flex-direction:column;justify-content:space-between;align-items:flex-start;flex:1}._content-text_16lh6_76{flex:1}._content-actions_16lh6_79{display:flex;align-items:center;gap:var(--spacing-sm)}._variant-icon_16lh6_84{align-self:start}._title_16lh6_88{font-weight:var(--font-weight-500);margin-bottom:var(--titleMarginBottom)}._title-size-sm_16lh6_93{--titleMarginBottom: var(--spacing-xs)}._title-size-md_16lh6_96{--titleMarginBottom: var(--spacing-sm)}._title-close-button_16lh6_99{margin-right:var(--spacing-xl)}}

package/dist/Alert.js

@@ -0,0 +1,107 @@
+"use client";
+import { jsx as i, jsxs as d } from "react/jsx-runtime";
+import j, { forwardRef as _, Children as v, cloneElement as c } from "react";
+import { Button as w } from "./Button.js";
+import { Text as y } from "./Text.js";
+import { VariantIcon as k } from "./VariantIcon.js";
+import { c as S } from "./classNames-qiokGROM.js";
+import { f as T } from "./index-DvTnFqEw.js";
+import { B as V, C as E } from "./index-DIDc-J9O.js";
+import O, { th as g } from "@xstyled/styled-components";
+const q = O(V)`
+  & > svg:only-child {
+    width: ${g("space.md")};
+    height: ${g("space.md")};
+  }
+`, D = T((o, e) => /* @__PURE__ */ i(q, { ref: e, shape: "circle", size: "sm", title: "Close", variant: "ghost", ...o, children: /* @__PURE__ */ i(E, { size: "lg" }) })), F = "_root_16lh6_2", G = "_icon_16lh6_55", H = "_content_16lh6_58", J = "_title_16lh6_88", K = {
+  root: F,
+  "size-sm": "_size-sm_16lh6_16",
+  "size-md": "_size-md_16lh6_19",
+  "variant-ai": "_variant-ai_16lh6_22",
+  "variant-beige": "_variant-beige_16lh6_27",
+  "variant-danger": "_variant-danger_16lh6_32",
+  "variant-info": "_variant-info_16lh6_37",
+  "variant-success": "_variant-success_16lh6_42",
+  "variant-warning": "_variant-warning_16lh6_47",
+  "full-width": "_full-width_16lh6_52",
+  icon: G,
+  content: H,
+  "content-text": "_content-text_16lh6_76",
+  "content-actions": "_content-actions_16lh6_79",
+  "variant-icon": "_variant-icon_16lh6_84",
+  title: J,
+  "title-size-sm": "_title-size-sm_16lh6_93",
+  "title-size-md": "_title-size-md_16lh6_96",
+  "title-close-button": "_title-close-button_16lh6_99"
+}, r = S(K), L = _(
+  ({ children: o, className: e, cta: n, handleClose: a, hideIcon: b, isFullWidth: z, size: s = "sm", variant: l, ...A }, $) => {
+    const C = l === "beige" ? void 0 : l, m = l === "ai", u = !b, I = v.toArray(o).map((t) => t.type === N ? c(t, { hasCloseButton: !!a, variant: s }) : t), h = (t) => {
+      var p;
+      if (t) {
+        if (t.type === B)
+          return c(t, {
+            size: s,
+            variant: m ? "primary-ai" : void 0
+          });
+        if (t.type === x)
+          return c(t, {
+            size: s,
+            variant: m ? "tertiary-ai" : void 0
+          });
+        if ((p = t.props) != null && p.children)
+          return c(t, {
+            ...t.props,
+            children: v.map(
+              t.props.children,
+              (R) => h(R)
+            )
+          });
+      }
+      return t;
+    }, f = j.isValidElement(n) ? h(n) : n;
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        className: r(
+          "root",
+          z && "full-width",
+          s && `size-${s}`,
+          l && `variant-${l}`,
+          u && "icon",
+          e
+        ),
+        ref: $,
+        ...A,
+        children: [
+          !!a && /* @__PURE__ */ i(D, { onClick: a, position: "absolute", right: "sm", size: "xs", top: "sm" }),
+          u ? /* @__PURE__ */ i(k, { className: r("variant-icon"), size: s, variant: C }) : null,
+          /* @__PURE__ */ d("div", { className: r("content"), children: [
+            /* @__PURE__ */ i(y, { as: "div", className: r("content-text"), children: I }),
+            !!f && /* @__PURE__ */ i("div", { className: r("content-actions"), children: f })
+          ] })
+        ]
+      }
+    );
+  }
+), B = _(
+  ({ variant: o = "secondary", ...e }, n) => /* @__PURE__ */ i(w, { className: "shrink-0 w-fit", ref: n, ...e, variant: o })
+), x = _(
+  ({ variant: o = "tertiary", ...e }, n) => /* @__PURE__ */ i(w, { className: "shrink-0 w-fit", ref: n, ...e, variant: o })
+), N = ({ children: o, hasCloseButton: e, variant: n, ...a }) => /* @__PURE__ */ i(
+  y,
+  {
+    as: "span",
+    className: r("title", `title-size-${n}`, e && "title-close-button"),
+    variant: n,
+    ...a,
+    children: o
+  }
+), nt = Object.assign(L, {
+  Button: B,
+  SecondaryButton: x,
+  Title: N
+});
+export {
+  nt as Alert,
+  N as AlertTitle
+};

package/dist/AspectRatio.css

@@ -0,0 +1 @@
+@layer components{._root_1p11o_2{position:relative}._root_1p11o_2>*{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%}._root_1p11o_2>img,._root_1p11o_2>video{object-fit:cover}._root_1p11o_2:before{height:0;content:"";display:block;padding-bottom:calc(1 / var(--aspect-ratio) * 100%)}}

package/dist/AspectRatio.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { c as i } from "./classNames-qiokGROM.js";
+import { f as m } from "./forwardRefWithAs-8eP3ZN15.js";
+const p = "_root_1p11o_2", n = {
+  root: p
+}, f = i(n), l = m(
+  ({ as: o = "div", className: t, ratio: s = 4 / 3, ...r }, a) => {
+    const c = { "--aspect-ratio": s };
+    return /* @__PURE__ */ e(o, { className: f("root", t), ref: a, style: c, ...r });
+  }
+);
+l.displayName = "AspectRatio";
+export {
+  l as AspectRatio
+};

package/dist/Avatar.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
-import { classNames as g } from "./utils.js";
+import { c as g } from "./classNames-qiokGROM.js";
 const i = "_root_1glzt_2", _ = {
   root: i,
   "size-sm": "_size-sm_1glzt_22",
@@ -31,16 +31,16 @@ const z = (e) => {
   "secondary-teal",
   "secondary-violet"
 ], m = d(
-  ({ className: e, getInitials: o = u, name: r, size: t = "md", src: s }, l) => {
+  ({ className: e, getInitials: o = u, name: r, size: s = "md", src: t }, l) => {
     const a = z(r);
     return /* @__PURE__ */ n(
       "div",
       {
         "aria-label": r,
-        className: y("root", t && `size-${t}`, a && `background-${a}`, e),
+        className: y("root", s && `size-${s}`, a && `background-${a}`, e),
         ref: l,
         role: "img",
-        children: s ? /* @__PURE__ */ n("img", { alt: r, src: s }) : /* @__PURE__ */ n("p", { children: o(r) })
+        children: t ? /* @__PURE__ */ n("img", { alt: r, src: t }) : /* @__PURE__ */ n("p", { children: o(r) })
       }
     );
   }