welcome-ui 1.0.0-beta.3 → 1.0.0-beta.4

package/dist/Tooltip.mjs

@@ -0,0 +1,303 @@
+"use client";
+import p, { useRef as G, useEffect as C, useState as J } from "react";
+import { Box as U } from "./Box.mjs";
+import { forwardRef as tt } from "./System.mjs";
+import M, { css as f, th as y, system as et } from "@xstyled/styled-components";
+import { c as ot, d as rt, e as nt, f as it, g as st, h as at } from "./BYC7LY2E-BAjGN7k_.mjs";
+import { c as j, a as ut, b as A, d as B } from "./YV4JVR4I-1ezWeCCz.mjs";
+import { B as I, C as $, D as E, n as lt, c as z, _ as Y, i as L, E as dt, a as P, h as K, f as Q, b as W, m as ct, Y as H, Z as pt, Q as ft, e as w } from "./LVA2YJMS-Dm5ieEMw.mjs";
+import { c as mt } from "./JC64G2H7-CQsqXPS_.mjs";
+function vt(t = {}) {
+  var r;
+  process.env.NODE_ENV !== "production" && t.type === "label" && console.warn(
+    "The `type` option on the tooltip store is deprecated.",
+    "Render a visually hidden label or use the `aria-label` or `aria-labelledby` attributes on the anchor element instead.",
+    "See https://ariakit.org/components/tooltip#tooltip-anchors-must-have-accessible-names"
+  );
+  const o = (r = t.store) == null ? void 0 : r.getState(), e = ot(I(E({}, t), {
+    placement: $(
+      t.placement,
+      o == null ? void 0 : o.placement,
+      "top"
+    ),
+    hideTimeout: $(t.hideTimeout, o == null ? void 0 : o.hideTimeout, 0)
+  })), m = I(E({}, e.getState()), {
+    type: $(t.type, o == null ? void 0 : o.type, "description"),
+    skipTimeout: $(t.skipTimeout, o == null ? void 0 : o.skipTimeout, 300)
+  }), i = j(m, e, t.store);
+  return E(E({}, e), i);
+}
+function ht(t, r, o) {
+  return A(t, o, "type"), A(t, o, "skipTimeout"), rt(t, r, o);
+}
+function bt(t = {}) {
+  const [r, o] = ut(vt, t);
+  return ht(r, o, t);
+}
+var X = lt(
+  [it],
+  [nt]
+), k = X.useProviderContext, St = X.ScopedContextProvider, gt = "div", Tt = z(
+  function(r) {
+    var o = r, {
+      store: e,
+      portal: m = !0,
+      gutter: i = 8,
+      preserveTabOrder: g = !1,
+      hideOnHoverOutside: c = !0,
+      hideOnInteractOutside: d = !0
+    } = o, a = Y(o, [
+      "store",
+      "portal",
+      "gutter",
+      "preserveTabOrder",
+      "hideOnHoverOutside",
+      "hideOnInteractOutside"
+    ]);
+    const h = k();
+    e = e || h, L(
+      e,
+      process.env.NODE_ENV !== "production" && "Tooltip must receive a `store` prop or be wrapped in a TooltipProvider component."
+    ), a = dt(
+      a,
+      (s) => /* @__PURE__ */ ct.jsx(St, { value: e, children: s }),
+      [e]
+    );
+    const b = e.useState(
+      (s) => s.type === "description" ? "tooltip" : "none"
+    );
+    return a = P({ role: b }, a), a = st(K(P({}, a), {
+      store: e,
+      portal: m,
+      gutter: i,
+      preserveTabOrder: g,
+      hideOnHoverOutside(s) {
+        if (H(c, s)) return !1;
+        const u = e == null ? void 0 : e.getState().anchorElement;
+        return u ? !("focusVisible" in u.dataset) : !0;
+      },
+      hideOnInteractOutside: (s) => {
+        if (H(d, s)) return !1;
+        const u = e == null ? void 0 : e.getState().anchorElement;
+        return u ? !pt(u, s.target) : !0;
+      }
+    })), a;
+  }
+), xt = mt(
+  Q(function(r) {
+    const o = Tt(r);
+    return W(gt, o);
+  }),
+  k
+), yt = "div", v = j({
+  activeStore: null
+});
+function N(t) {
+  return () => {
+    const { activeStore: r } = v.getState();
+    r === t && v.setState("activeStore", null);
+  };
+}
+var $t = z(
+  function(r) {
+    var o = r, { store: e, showOnHover: m = !0 } = o, i = Y(o, ["store", "showOnHover"]);
+    const g = k();
+    e = e || g, L(
+      e,
+      process.env.NODE_ENV !== "production" && "TooltipAnchor must receive a `store` prop or be wrapped in a TooltipProvider component."
+    );
+    const c = G(!1);
+    C(() => B(e, ["mounted"], (n) => {
+      n.mounted || (c.current = !1);
+    }), [e]), C(() => {
+      if (e)
+        return ft(
+          // Immediately remove the current store from the global store when
+          // the component unmounts. This is useful, for example, to avoid
+          // showing tooltips immediately on serial tests.
+          N(e),
+          B(e, ["mounted", "skipTimeout"], (n) => {
+            if (!e) return;
+            if (n.mounted) {
+              const { activeStore: T } = v.getState();
+              return T !== e && (T == null || T.hide()), v.setState("activeStore", e);
+            }
+            const l = setTimeout(
+              N(e),
+              n.skipTimeout
+            );
+            return () => clearTimeout(l);
+          })
+        );
+    }, [e]);
+    const d = i.onMouseEnter, a = w((n) => {
+      d == null || d(n), c.current = !0;
+    }), h = i.onFocusVisible, b = w((n) => {
+      h == null || h(n), !n.defaultPrevented && (e == null || e.setAnchorElement(n.currentTarget), e == null || e.show());
+    }), s = i.onBlur, u = w((n) => {
+      if (s == null || s(n), n.defaultPrevented) return;
+      const { activeStore: l } = v.getState();
+      c.current = !1, l === e && v.setState("activeStore", null);
+    }), O = e.useState("type"), _ = e.useState((n) => {
+      var l;
+      return (l = n.contentElement) == null ? void 0 : l.id;
+    });
+    return i = K(P({
+      "aria-labelledby": O === "label" ? _ : void 0
+    }, i), {
+      onMouseEnter: a,
+      onFocusVisible: b,
+      onBlur: u
+    }), i = at(P({
+      store: e,
+      showOnHover(n) {
+        if (!c.current || H(m, n)) return !1;
+        const { activeStore: l } = v.getState();
+        return l ? (e == null || e.show(), !1) : !0;
+      }
+    }, i)), i;
+  }
+), Et = Q(function(r) {
+  const o = $t(r);
+  return W(yt, o);
+});
+const Pt = {
+  top: "translate3d(0, -4px, 0)",
+  right: "translate3d(4px, 0, 0)",
+  bottom: "translate3d(0, 4px, 0)",
+  left: "translate3d(-4px, 0, 0)",
+  auto: "translate3d(0, 0, 0)"
+}, Ot = (t) => {
+  const r = t == null ? void 0 : t.split("-"), o = r[0];
+  if (r.length < 2)
+    return Pt[o];
+  {
+    let e = "0, 0";
+    return (t == "right-end" || t == "bottom-end") && (e = "4px, 4px"), (t == "right-start" || t == "top-end") && (e = "4px, -4px"), (t == "left-end" || t == "bottom-start") && (e = "-4px, 4px"), (t == "left-start" || t == "top-start") && (e = "-4px, -4px"), `translate3d(${e}, 0)`;
+  }
+}, _t = f`
+  visibility: visible;
+  opacity: 1;
+  transform: translate3d(0, 0, 0);
+`, S = 12, x = S * 1.5, D = (t) => t.includes("start") ? x : t.includes("end") ? `calc(100% - ${x + "px"})` : "50%", F = (t, r) => {
+  const o = r - x < S;
+  return t.includes("end") ? o ? `${S}px` : `calc(100% - ${x}px)` : t.includes("start") ? o ? `${S}px` : `${x}px` : "50%";
+}, wt = M.divBox(
+  ({ fixed: t, placement: r, popoverHeight: o, withArrow: e }) => f`
+    ${y("tooltips")};
+    ${et};
+    transition:
+      opacity ${y.transition("medium")},
+      transform ${y.transition("medium")},
+      visibility ${y.transition("medium")};
+    visibility: hidden;
+    opacity: 0;
+    transform-origin: top center;
+    z-index: 10;
+
+    ${t && e && f`
+      &::after {
+        content: '';
+        position: absolute;
+        background-color: inherit;
+        width: ${S};
+        height: ${S};
+        border-width: inherit;
+        border-style: solid;
+        border-color: transparent neutral-60 neutral-60 transparent;
+        border-bottom-right-radius: inherit;
+        clip-path: polygon(0% 100%, 0% 100%, 100% 100%, 100% 0%);
+        z-index: 0;
+        translate: -50% -50%;
+
+        ${r.includes("top") && f`
+          top: 100%;
+          left: ${D(r)};
+          rotate: 45deg;
+        `}
+
+        ${r.includes("bottom") && f`
+          bottom: 100%;
+          left: ${D(r)};
+          translate: -50% 50%;
+          rotate: 225deg;
+        `}
+
+        ${r.includes("left") && f`
+          top: ${F(r, o)};
+          left: 100%;
+          rotate: -45deg;
+        `}
+
+        ${r.includes("right") && f`
+          top: ${F(r, o)};
+          left: 0%;
+          rotate: 135deg;
+        `}
+      }
+    `}
+
+    ${t && f`
+      transform: ${Ot(r)};
+    `}
+
+    [data-enter] & {
+      ${_t}
+    }
+  `
+), Ct = M.div`
+  display: inline-block;
+`, Dt = tt(
+  ({
+    children: t,
+    content: r,
+    fixed: o = !1,
+    placement: e = o ? "top" : "bottom",
+    gutter: m = 8,
+    withArrow: i,
+    ...g
+  }, c) => {
+    var R;
+    const d = bt({ placement: e, animated: 300 }), [a, h] = J({ x: 0, y: 0 }), { render: b, stopAnimation: s } = d, { anchorElement: u, currentPlacement: O, mounted: _, popoverElement: n } = d.useState(), l = () => {
+      n && Object.assign(n.style, {
+        display: _ ? "block" : "none",
+        position: "absolute",
+        left: `${a.x}px`,
+        top: `${a.y + window.scrollY + 20}px`
+      });
+    }, T = (R = t == null ? void 0 : t.props) != null && R.disabled ? p.Children.only(/* @__PURE__ */ p.createElement(Ct, null, t)) : t;
+    return C(() => {
+      function V({ clientX: Z, clientY: q }) {
+        h({ x: Z, y: q }), b();
+      }
+      if (u && !o)
+        return u.addEventListener("mousemove", V), () => {
+          u.removeEventListener("mousemove", V);
+        };
+    }, [b, o, u]), r ? /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement(Et, { render: T, store: d }), /* @__PURE__ */ p.createElement(
+      xt,
+      {
+        fixed: o,
+        gutter: m,
+        ref: c,
+        render: /* @__PURE__ */ p.createElement(U, { ...g }),
+        store: d,
+        updatePosition: o ? void 0 : l
+      },
+      /* @__PURE__ */ p.createElement(
+        wt,
+        {
+          fixed: o,
+          onTransitionEnd: s,
+          placement: O,
+          popoverHeight: n == null ? void 0 : n.getBoundingClientRect().height,
+          withArrow: i
+        },
+        r
+      )
+    )) : t;
+  }
+);
+export {
+  Dt as Tooltip
+};

package/dist/UniversalLink.js

@@ -0,0 +1,4 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),r=require("./System.js"),l=require("@xstyled/styled-components"),d=l.aBox.withConfig({shouldForwardProp:r.shouldForwardProp})`
+  color: inherit;
+  text-decoration: none;
+`,n=r.forwardRef(({children:o,dataTestId:i,target:e,...t},s)=>a.createElement(d,{color:"inherit","data-testid":i,ref:s,rel:e==="_blank"?"noopener noreferrer":void 0,target:e,...t},o));n.displayName="UniversalLink";exports.UniversalLink=n;

package/dist/UniversalLink.mjs

@@ -0,0 +1,25 @@
+"use client";
+import t from "react";
+import { shouldForwardProp as a, forwardRef as l } from "./System.mjs";
+import d from "@xstyled/styled-components";
+const f = d.aBox.withConfig({ shouldForwardProp: a })`
+  color: inherit;
+  text-decoration: none;
+`, s = l(
+  ({ children: r, dataTestId: o, target: e, ...n }, i) => /* @__PURE__ */ t.createElement(
+    f,
+    {
+      color: "inherit",
+      "data-testid": o,
+      ref: i,
+      rel: e === "_blank" ? "noopener noreferrer" : void 0,
+      target: e,
+      ...n
+    },
+    r
+  )
+);
+s.displayName = "UniversalLink";
+export {
+  s as UniversalLink
+};

package/dist/VEVQD5MH-De4r89YE.mjs

@@ -0,0 +1,20 @@
+"use client";
+import { C as t, a as r } from "./P2CTZE2T-5jxBu6ix.mjs";
+import { P as a, a as n } from "./MTZPJQMC-DZ3zg4be.mjs";
+import { n as i } from "./LVA2YJMS-Dm5ieEMw.mjs";
+import { createContext as o } from "react";
+o(
+  void 0
+);
+var e = i(
+  [n, r],
+  [a, t]
+), m = e.useContext, p = e.useProviderContext;
+o(
+  void 0
+);
+o(!1);
+export {
+  p as a,
+  m as u
+};

package/dist/VEVQD5MH-mN1wMozH.js

@@ -0,0 +1 @@
+"use client";"use strict";const o=require("./P2CTZE2T-q8vyaGc0.js"),t=require("./MTZPJQMC-5Xg78Uyy.js"),n=require("./LVA2YJMS-B2HZjIhJ.js"),e=require("react");e.createContext(void 0);var r=n.createStoreContext([t.PopoverContextProvider,o.CompositeContextProvider],[t.PopoverScopedContextProvider,o.CompositeScopedContextProvider]),C=r.useContext,x=r.useProviderContext;e.createContext(void 0);e.createContext(!1);exports.useComboboxContext=C;exports.useComboboxProviderContext=x;

package/dist/VGCJ63VH-BNLwLOaC.js

@@ -0,0 +1 @@
+"use client";"use strict";const a=require("./YV4JVR4I-DIthYWMj.js"),n=require("./LVA2YJMS-B2HZjIhJ.js"),D=require("react"),z=require("./index-BHi0wohR.js");function j(o={}){const r=a.mergeStore(o.store,a.omit2(o.disclosure,["contentElement","disclosureElement"]));a.throwOnConflictingProps(o,r);const e=r==null?void 0:r.getState(),t=n.defaultValue(o.open,e==null?void 0:e.open,o.defaultOpen,!1),l=n.defaultValue(o.animated,e==null?void 0:e.animated,!1),u={open:t,animated:l,animating:!!l&&t,mounted:t,contentElement:n.defaultValue(e==null?void 0:e.contentElement,null),disclosureElement:n.defaultValue(e==null?void 0:e.disclosureElement,null)},s=a.createStore(u,r);return a.setup(s,()=>a.sync(s,["animated","animating"],i=>{i.animated||s.setState("animating",!1)})),a.setup(s,()=>a.subscribe(s,["open"],()=>{s.getState().animated&&s.setState("animating",!0)})),a.setup(s,()=>a.sync(s,["open","animating"],i=>{s.setState("mounted",i.open||i.animating)})),n.__spreadProps$1(n.__spreadValues$1({},s),{disclosure:o.disclosure,setOpen:i=>s.setState("open",i),show:()=>s.setState("open",!0),hide:()=>s.setState("open",!1),toggle:()=>s.setState("open",i=>!i),stopAnimation:()=>s.setState("animating",!1),setContentElement:i=>s.setState("contentElement",i),setDisclosureElement:i=>s.setState("disclosureElement",i)})}function A(o,r,e){return n.useUpdateEffect(r,[e.store,e.disclosure]),a.useStoreProps(o,e,"open","setOpen"),a.useStoreProps(o,e,"mounted","setMounted"),a.useStoreProps(o,e,"animated"),Object.assign(o,{disclosure:e.disclosure})}function B(o={}){const[r,e]=a.useStore(j,o);return A(r,e,o)}var y=n.createStoreContext(),_=y.useProviderContext,G=y.ContextProvider,K=y.ScopedContextProvider,v=n.createStoreContext([G],[K]);v.useContext;var Q=v.useScopedContext,X=v.useProviderContext,Z=v.ContextProvider,O=v.ScopedContextProvider,ee=D.createContext(void 0),te=D.createContext(void 0),ne="div";function R(o,r){const e=setTimeout(r,o);return()=>clearTimeout(e)}function oe(o){let r=requestAnimationFrame(()=>{r=requestAnimationFrame(o)});return()=>cancelAnimationFrame(r)}function h(...o){return o.join(", ").split(", ").reduce((r,e)=>{const t=e.endsWith("ms")?1:1e3,l=Number.parseFloat(e||"0s")*t;return l>r?l:r},0)}function w(o,r,e){return!e&&r!==!1&&(!o||!!r)}var H=n.createHook(function(r){var e=r,{store:t,alwaysVisible:l}=e,u=n.__objRest(e,["store","alwaysVisible"]);const s=_();t=t||s,n.invariant(t,process.env.NODE_ENV!=="production"&&"DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component.");const i=D.useRef(null),p=n.useId(u.id),[d,V]=D.useState(null),m=t.useState("open"),x=t.useState("mounted"),f=t.useState("animated"),S=t.useState("contentElement"),g=a.useStoreState(t.disclosure,"contentElement");n.useSafeLayoutEffect(()=>{i.current&&(t==null||t.setContentElement(i.current))},[t]),n.useSafeLayoutEffect(()=>{let c;return t==null||t.setState("animated",C=>(c=C,!0)),()=>{c!==void 0&&(t==null||t.setState("animated",c))}},[t]),n.useSafeLayoutEffect(()=>{if(f){if(!(S!=null&&S.isConnected)){V(null);return}return oe(()=>{V(m?"enter":x?"leave":null)})}},[f,S,m,x]),n.useSafeLayoutEffect(()=>{if(!t||!f||!d||!S)return;const c=()=>t==null?void 0:t.setState("animating",!1),C=()=>z.reactDomExports.flushSync(c);if(d==="leave"&&m||d==="enter"&&!m)return;if(typeof f=="number")return R(f,C);const{transitionDuration:T,animationDuration:I,transitionDelay:L,animationDelay:M}=getComputedStyle(S),{transitionDuration:F="0",animationDuration:N="0",transitionDelay:$="0",animationDelay:J="0"}=g?getComputedStyle(g):{},U=h(L,M,$,J),W=h(T,I,F,N),b=U+W;if(!b){d==="enter"&&t.setState("animated",!1),c();return}const Y=1e3/60,k=Math.max(b-Y,0);return R(k,C)},[t,f,S,g,m,d]),u=n.useWrapElement(u,c=>n.jsxRuntimeExports.jsx(O,{value:t,children:c}),[t]);const P=w(x,u.hidden,l),E=u.style,q=D.useMemo(()=>P?n.__spreadProps(n.__spreadValues({},E),{display:"none"}):E,[P,E]);return u=n.__spreadProps(n.__spreadValues({id:p,"data-open":m||void 0,"data-enter":d==="enter"||void 0,"data-leave":d==="leave"||void 0,hidden:P},u),{ref:n.useMergeRefs(p?t.setContentElement:null,i,u.ref),style:q}),n.removeUndefinedValues(u)}),re=n.forwardRef2(function(r){const e=H(r);return n.createElement(ne,e)}),se=n.forwardRef2(function(r){var e=r,{unmountOnHide:t}=e,l=n.__objRest(e,["unmountOnHide"]);const u=_(),s=l.store||u;return a.useStoreState(s,p=>!t||(p==null?void 0:p.mounted))===!1?null:n.jsxRuntimeExports.jsx(re,n.__spreadValues({},l))});exports.DialogContextProvider=Z;exports.DialogDescriptionContext=te;exports.DialogHeadingContext=ee;exports.DialogScopedContextProvider=O;exports.DisclosureContent=se;exports.createDisclosureStore=j;exports.isHidden=w;exports.useDialogProviderContext=X;exports.useDialogScopedContext=Q;exports.useDisclosureContent=H;exports.useDisclosureProviderContext=_;exports.useDisclosureStore=B;exports.useDisclosureStoreProps=A;

package/dist/VGCJ63VH-fv0YLRh8.mjs

@@ -0,0 +1,186 @@
+"use client";
+import { m as Y, o as Z, t as ee, s as y, c as te, d as O, e as ne, a as oe, b as P, u as H } from "./YV4JVR4I-1ezWeCCz.mjs";
+import { C as v, B as se, D as ae, H as re, n as R, c as ie, f as T, _ as F, i as ue, x as le, F as D, E as de, h as A, a as b, j as ce, z as me, b as fe, m as I } from "./LVA2YJMS-Dm5ieEMw.mjs";
+import { createContext as M, useRef as pe, useState as Se, useMemo as ve } from "react";
+import { r as De } from "./index-BYdkhqH4.mjs";
+function Ce(n = {}) {
+  const o = Y(
+    n.store,
+    Z(n.disclosure, ["contentElement", "disclosureElement"])
+  );
+  ee(n, o);
+  const e = o == null ? void 0 : o.getState(), t = v(
+    n.open,
+    e == null ? void 0 : e.open,
+    n.defaultOpen,
+    !1
+  ), i = v(n.animated, e == null ? void 0 : e.animated, !1), r = {
+    open: t,
+    animated: i,
+    animating: !!i && t,
+    mounted: t,
+    contentElement: v(e == null ? void 0 : e.contentElement, null),
+    disclosureElement: v(e == null ? void 0 : e.disclosureElement, null)
+  }, s = te(r, o);
+  return y(
+    s,
+    () => O(s, ["animated", "animating"], (a) => {
+      a.animated || s.setState("animating", !1);
+    })
+  ), y(
+    s,
+    () => ne(s, ["open"], () => {
+      s.getState().animated && s.setState("animating", !0);
+    })
+  ), y(
+    s,
+    () => O(s, ["open", "animating"], (a) => {
+      s.setState("mounted", a.open || a.animating);
+    })
+  ), se(ae({}, s), {
+    disclosure: n.disclosure,
+    setOpen: (a) => s.setState("open", a),
+    show: () => s.setState("open", !0),
+    hide: () => s.setState("open", !1),
+    toggle: () => s.setState("open", (a) => !a),
+    stopAnimation: () => s.setState("animating", !1),
+    setContentElement: (a) => s.setState("contentElement", a),
+    setDisclosureElement: (a) => s.setState("disclosureElement", a)
+  });
+}
+function xe(n, o, e) {
+  return re(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 Re(n = {}) {
+  const [o, e] = oe(Ce, n);
+  return xe(o, e, n);
+}
+var _ = R(), N = _.useProviderContext, ge = _.ContextProvider, Ee = _.ScopedContextProvider, p = R(
+  [ge],
+  [Ee]
+);
+p.useContext;
+var Te = p.useScopedContext, Fe = p.useProviderContext, Ie = p.ContextProvider, ye = p.ScopedContextProvider, Me = M(void 0), Ne = M(void 0), Pe = "div";
+function V(n, o) {
+  const e = setTimeout(o, n);
+  return () => clearTimeout(e);
+}
+function be(n) {
+  let o = requestAnimationFrame(() => {
+    o = requestAnimationFrame(n);
+  });
+  return () => cancelAnimationFrame(o);
+}
+function w(...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;
+  }, 0);
+}
+function _e(n, o, e) {
+  return !e && o !== !1 && (!n || !!o);
+}
+var he = ie(function(o) {
+  var e = o, { store: t, alwaysVisible: i } = e, r = F(e, ["store", "alwaysVisible"]);
+  const s = N();
+  t = t || s, ue(
+    t,
+    process.env.NODE_ENV !== "production" && "DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component."
+  );
+  const a = pe(null), f = le(r.id), [l, h] = Se(null), d = t.useState("open"), C = t.useState("mounted"), c = t.useState("animated"), m = t.useState("contentElement"), x = H(t.disclosure, "contentElement");
+  D(() => {
+    a.current && (t == null || t.setContentElement(a.current));
+  }, [t]), D(() => {
+    let u;
+    return t == null || t.setState("animated", (S) => (u = S, !0)), () => {
+      u !== void 0 && (t == null || t.setState("animated", u));
+    };
+  }, [t]), D(() => {
+    if (c) {
+      if (!(m != null && m.isConnected)) {
+        h(null);
+        return;
+      }
+      return be(() => {
+        h(d ? "enter" : C ? "leave" : null);
+      });
+    }
+  }, [c, m, d, C]), D(() => {
+    if (!t || !c || !l || !m) return;
+    const u = () => t == null ? void 0 : t.setState("animating", !1), S = () => De.flushSync(u);
+    if (l === "leave" && d || l === "enter" && !d) return;
+    if (typeof c == "number")
+      return V(c, S);
+    const {
+      transitionDuration: k,
+      animationDuration: q,
+      transitionDelay: U,
+      animationDelay: W
+    } = getComputedStyle(m), {
+      transitionDuration: z = "0",
+      animationDuration: B = "0",
+      transitionDelay: L = "0",
+      animationDelay: G = "0"
+    } = x ? getComputedStyle(x) : {}, J = w(
+      U,
+      W,
+      L,
+      G
+    ), K = w(
+      k,
+      q,
+      z,
+      B
+    ), j = J + K;
+    if (!j) {
+      l === "enter" && t.setState("animated", !1), u();
+      return;
+    }
+    const Q = 1e3 / 60, X = Math.max(j - Q, 0);
+    return V(X, S);
+  }, [t, c, m, x, d, l]), r = de(
+    r,
+    (u) => /* @__PURE__ */ I.jsx(ye, { value: t, children: u }),
+    [t]
+  );
+  const g = _e(C, r.hidden, i), E = r.style, $ = ve(() => g ? A(b({}, E), { display: "none" }) : E, [g, E]);
+  return r = A(b({
+    id: f,
+    "data-open": d || void 0,
+    "data-enter": l === "enter" || void 0,
+    "data-leave": l === "leave" || void 0,
+    hidden: g
+  }, r), {
+    ref: ce(f ? t.setContentElement : null, a, r.ref),
+    style: $
+  }), me(r);
+}), je = T(function(o) {
+  const e = he(o);
+  return fe(Pe, e);
+}), $e = T(function(o) {
+  var e = o, {
+    unmountOnHide: t
+  } = e, i = F(e, [
+    "unmountOnHide"
+  ]);
+  const r = N(), s = i.store || r;
+  return H(
+    s,
+    (f) => !t || (f == null ? void 0 : f.mounted)
+  ) === !1 ? null : /* @__PURE__ */ I.jsx(je, b({}, i));
+});
+export {
+  ye as D,
+  N as a,
+  Te as b,
+  Ie as c,
+  $e as d,
+  Re as e,
+  he as f,
+  Ce as g,
+  xe as h,
+  _e as i,
+  Me as j,
+  Ne as k,
+  Fe as u
+};

package/dist/VariantIcon.js

@@ -0,0 +1,8 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("./index-Cs1IZBks.js"),i=require("./System.js"),l=require("@xstyled/styled-components"),f=l.divBox(({variant:r})=>l.css`
+    display: inline-flex;
+    ${l.th(`variantIcon.${r}`)}
+    flex-shrink: 0;
+    align-self: center;
+
+    ${l.system};
+  `),u=i.forwardRef(({icon:r,size:t="md",variant:e,...s},a)=>{const o=n.useMemo(()=>{if(r===null)return null;if(r)return r;if(e==="default")return n.createElement(c.PromoteIcon,{size:t});if(e==="success")return n.createElement(c.CheckIcon,{size:t});if(e==="info")return n.createElement(c.InformationIcon,{size:t});if(e==="warning")return n.createElement(c.AlertIcon,{size:t});if(e==="danger")return n.createElement(c.SquareAlertIcon,{size:t})},[t,r,e]);return o?n.createElement(f,{ref:a,variant:e,...s},o):null});u.displayName="VariantIcon";exports.VariantIcon=u;

package/dist/VariantIcon.mjs

@@ -0,0 +1,32 @@
+"use client";
+import n, { useMemo as a } from "react";
+import { P as f, a as m, I as u, A as s, b as i } from "./index-ColyClKR.mjs";
+import { forwardRef as I } from "./System.mjs";
+import d, { css as p, th as E, system as x } from "@xstyled/styled-components";
+const y = d.divBox(
+  ({ variant: r }) => p`
+    display: inline-flex;
+    ${E(`variantIcon.${r}`)}
+    flex-shrink: 0;
+    align-self: center;
+
+    ${x};
+  `
+), _ = I(
+  ({ icon: r, size: t = "md", variant: e, ...l }, c) => {
+    const o = a(() => {
+      if (r === null) return null;
+      if (r) return r;
+      if (e === "default") return /* @__PURE__ */ n.createElement(f, { size: t });
+      if (e === "success") return /* @__PURE__ */ n.createElement(m, { size: t });
+      if (e === "info") return /* @__PURE__ */ n.createElement(u, { size: t });
+      if (e === "warning") return /* @__PURE__ */ n.createElement(s, { size: t });
+      if (e === "danger") return /* @__PURE__ */ n.createElement(i, { size: t });
+    }, [t, r, e]);
+    return o ? /* @__PURE__ */ n.createElement(y, { ref: c, variant: e, ...l }, o) : null;
+  }
+);
+_.displayName = "VariantIcon";
+export {
+  _ as VariantIcon
+};