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

package/dist/Accordion.js

@@ -0,0 +1,89 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),ae=require("./index-Ct2FOeyM.js"),ie=require("./System.js"),P=require("@xstyled/styled-components"),o=require("./X5NMLKT6-vrNG8i_R.js"),ce=require("./index-DRNn5iIc.js");function le(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const q=le(g);function de(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function I(e,n){const t=e.__unstableInternals;return o.invariant(t,"Invalid store"),t[n]}function B(e,...n){let t=e,r=t,a=Symbol(),u=o.noop;const s=new Set,i=new Set,E=new Set,h=new Set,y=new Set,c=new WeakMap,m=new WeakMap,S=d=>(E.add(d),()=>E.delete(d)),b=()=>{const d=s.size,l=Symbol();s.add(l);const C=()=>{s.delete(l),!s.size&&u()};if(d)return C;const L=o.getKeys(t).map(R=>o.chain(...n.map(A=>{var O;const T=(O=A==null?void 0:A.getState)==null?void 0:O.call(A);if(T&&o.hasOwnProperty(T,R))return H(A,[R],N=>{_(R,N[R],!0)})}))),j=[];for(const R of E)j.push(R());const M=n.map(oe);return u=o.chain(...L,...j,...M),C},v=(d,l,C=h)=>(C.add(l),m.set(l,d),()=>{var L;(L=c.get(l))==null||L(),c.delete(l),m.delete(l),C.delete(l)}),x=(d,l)=>v(d,l),$=(d,l)=>(c.set(l,l(t,t)),v(d,l)),w=(d,l)=>(c.set(l,l(t,r)),v(d,l,y)),f=d=>B(o.pick(t,d),V),p=d=>B(o.omit(t,d),V),D=()=>t,_=(d,l,C=!1)=>{var L;if(!o.hasOwnProperty(t,d))return;const j=o.applyState(l,t[d]);if(j===t[d])return;if(!C)for(const O of n)(L=O==null?void 0:O.setState)==null||L.call(O,d,j);const M=t;t=o.__spreadProps(o.__spreadValues({},t),{[d]:j});const R=Symbol();a=R,i.add(d);const A=(O,T,N)=>{var J;const Q=m.get(O),ue=Z=>N?N.has(Z):Z===d;(!Q||Q.some(ue))&&((J=c.get(O))==null||J(),c.set(O,O(t,T)))};for(const O of h)A(O,M);queueMicrotask(()=>{if(a!==R)return;const O=t;for(const T of y)A(T,r,i);r=O,i.clear()})},V={getState:D,setState:_,__unstableInternals:{setup:S,init:b,subscribe:x,sync:$,batch:w,pick:f,omit:p}};return V}function K(e,...n){if(e)return I(e,"setup")(...n)}function oe(e,...n){if(e)return I(e,"init")(...n)}function se(e,...n){if(e)return I(e,"subscribe")(...n)}function H(e,...n){if(e)return I(e,"sync")(...n)}function fe(e,...n){if(e)return I(e,"batch")(...n)}function pe(e,...n){if(e)return I(e,"omit")(...n)}function me(...e){const n=e.reduce((r,a)=>{var u;const s=(u=a==null?void 0:a.getState)==null?void 0:u.call(a);return s?Object.assign(r,s):r},{}),t=B(n,...e);return Object.assign({},...e,t)}function Se(e,n){if(process.env.NODE_ENV==="production"||!n)return;const t=Object.entries(e).filter(([u,s])=>u.startsWith("default")&&s!==void 0).map(([u])=>{var s;const i=u.replace("default","");return`${((s=i[0])==null?void 0:s.toLowerCase())||""}${i.slice(1)}`});if(!t.length)return;const r=n.getState();if(t.filter(u=>o.hasOwnProperty(r,u)).length)throw new Error(`Passing a store prop in conjunction with a default state is not supported.
+
+const store = useSelectStore();
+<SelectProvider store={store} defaultValue="Apple" />
+                ^             ^
+
+Instead, pass the default state to the topmost store:
+
+const store = useSelectStore({ defaultValue: "Apple" });
+<SelectProvider store={store} />
+
+See https://github.com/ariakit/ariakit/pull/2745 for more details.
+
+If there's a particular need for this, please submit a feature request at https://github.com/ariakit/ariakit
+`)}var z={exports:{}},W={},ee;function ve(){if(ee)return W;ee=1;var e=g;function n(c,m){return c===m&&(c!==0||1/c===1/m)||c!==c&&m!==m}var t=typeof Object.is=="function"?Object.is:n,r=e.useState,a=e.useEffect,u=e.useLayoutEffect,s=e.useDebugValue;function i(c,m){var S=m(),b=r({inst:{value:S,getSnapshot:m}}),v=b[0].inst,x=b[1];return u(function(){v.value=S,v.getSnapshot=m,E(v)&&x({inst:v})},[c,S,m]),a(function(){return E(v)&&x({inst:v}),c(function(){E(v)&&x({inst:v})})},[c]),s(S),S}function E(c){var m=c.getSnapshot;c=c.value;try{var S=m();return!t(c,S)}catch{return!0}}function h(c,m){return m()}var y=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?h:i;return W.useSyncExternalStore=e.useSyncExternalStore!==void 0?e.useSyncExternalStore:y,W}var G={},te;function _e(){return te||(te=1,process.env.NODE_ENV!=="production"&&function(){typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error);var e=g,n=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function t(f){{for(var p=arguments.length,D=new Array(p>1?p-1:0),_=1;_<p;_++)D[_-1]=arguments[_];r("error",f,D)}}function r(f,p,D){{var _=n.ReactDebugCurrentFrame,V=_.getStackAddendum();V!==""&&(p+="%s",D=D.concat([V]));var d=D.map(function(l){return String(l)});d.unshift("Warning: "+p),Function.prototype.apply.call(console[f],console,d)}}function a(f,p){return f===p&&(f!==0||1/f===1/p)||f!==f&&p!==p}var u=typeof Object.is=="function"?Object.is:a,s=e.useState,i=e.useEffect,E=e.useLayoutEffect,h=e.useDebugValue,y=!1,c=!1;function m(f,p,D){y||e.startTransition!==void 0&&(y=!0,t("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));var _=p();if(!c){var V=p();u(_,V)||(t("The result of getSnapshot should be cached to avoid an infinite loop"),c=!0)}var d=s({inst:{value:_,getSnapshot:p}}),l=d[0].inst,C=d[1];return E(function(){l.value=_,l.getSnapshot=p,S(l)&&C({inst:l})},[f,_,p]),i(function(){S(l)&&C({inst:l});var L=function(){S(l)&&C({inst:l})};return f(L)},[f]),h(_),_}function S(f){var p=f.getSnapshot,D=f.value;try{var _=p();return!u(D,_)}catch{return!0}}function b(f,p,D){return p()}var v=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",x=!v,$=x?b:m,w=e.useSyncExternalStore!==void 0?e.useSyncExternalStore:$;G.useSyncExternalStore=w,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error)}()),G}process.env.NODE_ENV==="production"?z.exports=ve():z.exports=_e();var Ee=z.exports;const ge=de(Ee);var{useSyncExternalStore:he}=ge,ye=()=>()=>{};function k(e,n=o.identity){const t=q.useCallback(a=>e?se(e,null,a):ye(),[e]),r=()=>{const a=typeof n=="string"?n:null,u=typeof n=="function"?n:null,s=e==null?void 0:e.getState();if(u)return u(s);if(s&&a&&o.hasOwnProperty(s,a))return s[a]};return he(t,r,r)}function F(e,n,t,r){const a=o.hasOwnProperty(n,t)?n[t]:void 0,u=r?n[r]:void 0,s=o.useLiveRef({value:a,setValue:u});o.useSafeLayoutEffect(()=>H(e,[t],(i,E)=>{const{value:h,setValue:y}=s.current;y&&i[t]!==E[t]&&i[t]!==h&&y(i[t])}),[e,t]),o.useSafeLayoutEffect(()=>{if(a!==void 0)return e.setState(t,a),fe(e,[t],()=>{a!==void 0&&e.setState(t,a)})})}function Oe(e,n){const[t,r]=q.useState(()=>e(n));o.useSafeLayoutEffect(()=>oe(t),[t]);const a=q.useCallback(i=>k(t,i),[t]),u=q.useMemo(()=>o.__spreadProps$1(o.__spreadValues$1({},t),{useState:a}),[t,a]),s=o.useEvent(()=>{r(i=>e(o.__spreadValues$1(o.__spreadValues$1({},n),i.getState())))});return[u,s]}function be(e={}){const n=me(e.store,pe(e.disclosure,["contentElement","disclosureElement"]));Se(e,n);const t=n==null?void 0:n.getState(),r=o.defaultValue(e.open,t==null?void 0:t.open,e.defaultOpen,!1),a=o.defaultValue(e.animated,t==null?void 0:t.animated,!1),u={open:r,animated:a,animating:!!a&&r,mounted:r,contentElement:o.defaultValue(t==null?void 0:t.contentElement,null),disclosureElement:o.defaultValue(t==null?void 0:t.disclosureElement,null)},s=B(u,n);return K(s,()=>H(s,["animated","animating"],i=>{i.animated||s.setState("animating",!1)})),K(s,()=>se(s,["open"],()=>{s.getState().animated&&s.setState("animating",!0)})),K(s,()=>H(s,["open","animating"],i=>{s.setState("mounted",i.open||i.animating)})),o.__spreadProps(o.__spreadValues({},s),{disclosure:e.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 De(e,n,t){return o.useUpdateEffect(n,[t.store,t.disclosure]),F(e,t,"open","setOpen"),F(e,t,"mounted","setMounted"),F(e,t,"animated"),Object.assign(e,{disclosure:t.disclosure})}function xe(e={}){const[n,t]=Oe(be,e);return De(n,t,e)}var Y=o.createStoreContext(),X=Y.useProviderContext,we=Y.ContextProvider,Ce=Y.ScopedContextProvider,Pe=o.createStoreContext([we],[Ce]),Ve=Pe.ScopedContextProvider;g.createContext(void 0);g.createContext(void 0);var Le="button",Re=Symbol("disclosure"),$e=o.createHook(function(n){var t=n,{store:r,toggleOnClick:a=!0}=t,u=o.__objRest(t,["store","toggleOnClick"]);const s=X();r=r||s,o.invariant(r,process.env.NODE_ENV!=="production"&&"Disclosure must receive a `store` prop or be wrapped in a DisclosureProvider component.");const i=g.useRef(null),[E,h]=g.useState(!1),y=r.useState("disclosureElement"),c=r.useState("open");g.useEffect(()=>{let w=y===i.current;y!=null&&y.isConnected||(r==null||r.setDisclosureElement(i.current),w=!0),h(c&&w)},[y,r,c]);const m=u.onClick,S=o.useBooleanEvent(a),[b,v]=o.useMetadataProps(u,Re,!0),x=o.useEvent(w=>{m==null||m(w),!w.defaultPrevented&&(b||S(w)&&(r==null||r.setDisclosureElement(w.currentTarget),r==null||r.toggle()))}),$=r.useState("contentElement");return u=o.__spreadProps$1(o.__spreadValues$1(o.__spreadValues$1({"aria-expanded":E,"aria-controls":$==null?void 0:$.id},v),u),{ref:o.useMergeRefs(i,u.ref),onClick:x}),u=o.useButton(u),u}),Ae=o.forwardRef2(function(n){const t=$e(n);return o.createElement(Le,t)}),je="div";function ne(e,n){const t=setTimeout(n,e);return()=>clearTimeout(t)}function Te(e){let n=requestAnimationFrame(()=>{n=requestAnimationFrame(e)});return()=>cancelAnimationFrame(n)}function re(...e){return e.join(", ").split(", ").reduce((n,t)=>{const r=t.endsWith("ms")?1:1e3,a=Number.parseFloat(t||"0s")*r;return a>n?a:n},0)}function Ie(e,n,t){return!t&&n!==!1&&(!e||!!n)}var Me=o.createHook(function(n){var t=n,{store:r,alwaysVisible:a}=t,u=o.__objRest(t,["store","alwaysVisible"]);const s=X();r=r||s,o.invariant(r,process.env.NODE_ENV!=="production"&&"DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component.");const i=g.useRef(null),E=o.useId(u.id),[h,y]=g.useState(null),c=r.useState("open"),m=r.useState("mounted"),S=r.useState("animated"),b=r.useState("contentElement"),v=k(r.disclosure,"contentElement");o.useSafeLayoutEffect(()=>{i.current&&(r==null||r.setContentElement(i.current))},[r]),o.useSafeLayoutEffect(()=>{let f;return r==null||r.setState("animated",p=>(f=p,!0)),()=>{f!==void 0&&(r==null||r.setState("animated",f))}},[r]),o.useSafeLayoutEffect(()=>{if(S){if(!(b!=null&&b.isConnected)){y(null);return}return Te(()=>{y(c?"enter":m?"leave":null)})}},[S,b,c,m]),o.useSafeLayoutEffect(()=>{if(!r||!S||!h||!b)return;const f=()=>r==null?void 0:r.setState("animating",!1),p=()=>ce.reactDomExports.flushSync(f);if(h==="leave"&&c||h==="enter"&&!c)return;if(typeof S=="number")return ne(S,p);const{transitionDuration:D,animationDuration:_,transitionDelay:V,animationDelay:d}=getComputedStyle(b),{transitionDuration:l="0",animationDuration:C="0",transitionDelay:L="0",animationDelay:j="0"}=v?getComputedStyle(v):{},M=re(V,d,L,j),R=re(D,_,l,C),A=M+R;if(!A){h==="enter"&&r.setState("animated",!1),f();return}const O=1e3/60,T=Math.max(A-O,0);return ne(T,p)},[r,S,b,v,c,h]),u=o.useWrapElement(u,f=>o.jsxRuntimeExports.jsx(Ve,{value:r,children:f}),[r]);const x=Ie(m,u.hidden,a),$=u.style,w=g.useMemo(()=>x?o.__spreadProps$1(o.__spreadValues$1({},$),{display:"none"}):$,[x,$]);return u=o.__spreadProps$1(o.__spreadValues$1({id:E,"data-open":c||void 0,"data-enter":h==="enter"||void 0,"data-leave":h==="leave"||void 0,hidden:x},u),{ref:o.useMergeRefs(E?r.setContentElement:null,i,u.ref),style:w}),o.removeUndefinedValues(u)}),Ne=o.forwardRef2(function(n){const t=Me(n);return o.createElement(je,t)}),qe=o.forwardRef2(function(n){var t=n,{unmountOnHide:r}=t,a=o.__objRest(t,["unmountOnHide"]);const u=X(),s=a.store||u;return k(s,E=>!r||(E==null?void 0:E.mounted))===!1?null:o.jsxRuntimeExports.jsx(Ne,o.__spreadValues$1({},a))});const Ue=P.div`
+  ${P.th("accordions.wrapper")};
+  ${P.system};
+  transition: medium;
+
+  &:hover {
+    border-color: neutral-50;
+  }
+`,U=P.divBox`
+  flex-shrink: 0;
+  ${P.th("accordions.icon")};
+  transform: rotate3d(0);
+  transition: medium;
+  width: 24;
+  height: 24;
+  color: inherit;
+  display: flex;
+  border-radius: 12;
+
+  & *:first-child {
+    margin: auto;
+  }
+`,Be=P(Ae)`
+  ${P.th("accordions.title")};
+  width: 100%;
+  padding: ${P.th("accordions.padding")};
+  background-color: transparent;
+  border: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: xxl;
+
+  &[aria-expanded='true'] {
+    ${U} {
+      transform: rotate3d(0, 0, 1, 90deg);
+    }
+  }
+
+  &:focus,
+  &:hover {
+    cursor: pointer;
+    ${U} {
+      background-color: neutral-30;
+    }
+  }
+
+  &:focus {
+    outline: 0;
+    ${U} {
+      color: inherit;
+    }
+  }
+`,He=P(qe)`
+  display: grid;
+  grid-template-rows: 0fr;
+  transition-property: grid-template-rows;
+  transition-timing-function: linear;
+  transition-duration: 200ms;
+  animation-duration: 200ms;
+
+  > * {
+    overflow: hidden;
+    padding: 0;
+  }
+
+  &[data-enter] {
+    grid-template-rows: 1fr;
+  }
+`,Ke=P.div`
+  ${P.th("accordions.content")};
+  padding: ${P.th("accordions.padding")};
+  padding-top: 0;
+  color: neutral-70;
+`,We=ie.forwardRef(({children:e,dataTestId:n,icon:t=g.createElement(ae.RightIcon,null),store:r,title:a,...u},s)=>g.createElement(Ue,{"data-testid":n,ref:s,...u},g.createElement(Be,{"data-testid":n?`${n}-title`:void 0,store:r},a,g.createElement(U,null,g.cloneElement(t,{size:"sm"}))),g.createElement(He,{"data-testid":n?`${n}-content`:void 0,store:r},g.createElement("div",null,g.createElement(Ke,null,e)))));function Ge(e){return xe({animated:!0,...e})}exports.Accordion=We;exports.useAccordion=Ge;

package/dist/Accordion.mjs

@@ -0,0 +1,579 @@
+"use client";
+import * as K from "react";
+import L, { createContext as pe, useRef as me, useState as Se, useEffect as we, useMemo as Pe, cloneElement as Ae } from "react";
+import { R as Re } from "./index-Bwrtxit1.mjs";
+import { forwardRef as Le } from "./System.mjs";
+import q, { th as I, system as Ve } from "@xstyled/styled-components";
+import { i as Z, h as B, g as Te, c as ue, p as $e, o as je, a as Ie, _ as ve, b as Ee, n as Ne, d as Me, u as j, e as G, f as $, j as _e, k as Ue, l as H, m as Be, q as ge, r as he, s as ee, t as te, v as qe, w as He, x as ye, y as Ke, z as De, A as We, C as Ge, D as Fe, E as Oe } from "./X5NMLKT6-BC1Q56kB.mjs";
+import { r as ze } from "./index-WmqrMIzg.mjs";
+function Ye(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function N(e, n) {
+  const t = e.__unstableInternals;
+  return Z(t, "Invalid store"), t[n];
+}
+function F(e, ...n) {
+  let t = e, r = t, a = Symbol(), s = Ne;
+  const o = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), E = /* @__PURE__ */ new Set(), _ = /* @__PURE__ */ new Set(), g = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), m = (l) => (E.add(l), () => E.delete(l)), y = () => {
+    const l = o.size, c = Symbol();
+    o.add(c);
+    const x = () => {
+      o.delete(c), !o.size && s();
+    };
+    if (l) return x;
+    const w = Te(t).map(
+      (P) => ue(
+        ...n.map((R) => {
+          var h;
+          const T = (h = R == null ? void 0 : R.getState) == null ? void 0 : h.call(R);
+          if (T && B(T, P))
+            return z(R, [P], (U) => {
+              v(
+                P,
+                U[P],
+                // @ts-expect-error - Not public API. This is just to prevent
+                // infinite loops.
+                !0
+              );
+            });
+        })
+      )
+    ), V = [];
+    for (const P of E)
+      V.push(P());
+    const M = n.map(be);
+    return s = ue(...w, ...V, ...M), x;
+  }, S = (l, c, x = _) => (x.add(c), p.set(c, l), () => {
+    var w;
+    (w = u.get(c)) == null || w(), u.delete(c), p.delete(c), x.delete(c);
+  }), O = (l, c) => S(l, c), A = (l, c) => (u.set(c, c(t, t)), S(l, c)), b = (l, c) => (u.set(c, c(t, r)), S(l, c, g)), d = (l) => F($e(t, l), C), f = (l) => F(je(t, l), C), D = () => t, v = (l, c, x = !1) => {
+    var w;
+    if (!B(t, l)) return;
+    const V = Ie(c, t[l]);
+    if (V === t[l]) return;
+    if (!x)
+      for (const h of n)
+        (w = h == null ? void 0 : h.setState) == null || w.call(h, l, V);
+    const M = t;
+    t = ve(Ee({}, t), { [l]: V });
+    const P = Symbol();
+    a = P, i.add(l);
+    const R = (h, T, U) => {
+      var se;
+      const ae = p.get(h), Ce = (ie) => U ? U.has(ie) : ie === l;
+      (!ae || ae.some(Ce)) && ((se = u.get(h)) == null || se(), u.set(h, h(t, T)));
+    };
+    for (const h of _)
+      R(h, M);
+    queueMicrotask(() => {
+      if (a !== P) return;
+      const h = t;
+      for (const T of g)
+        R(T, r, i);
+      r = h, i.clear();
+    });
+  }, C = {
+    getState: D,
+    setState: v,
+    __unstableInternals: {
+      setup: m,
+      init: y,
+      subscribe: O,
+      sync: A,
+      batch: b,
+      pick: d,
+      omit: f
+    }
+  };
+  return C;
+}
+function Y(e, ...n) {
+  if (e)
+    return N(e, "setup")(...n);
+}
+function be(e, ...n) {
+  if (e)
+    return N(e, "init")(...n);
+}
+function xe(e, ...n) {
+  if (e)
+    return N(e, "subscribe")(...n);
+}
+function z(e, ...n) {
+  if (e)
+    return N(e, "sync")(...n);
+}
+function ke(e, ...n) {
+  if (e)
+    return N(e, "batch")(...n);
+}
+function Je(e, ...n) {
+  if (e)
+    return N(e, "omit")(...n);
+}
+function Qe(...e) {
+  const n = e.reduce((r, a) => {
+    var s;
+    const o = (s = a == null ? void 0 : a.getState) == null ? void 0 : s.call(a);
+    return o ? Object.assign(r, o) : r;
+  }, {}), t = F(n, ...e);
+  return Object.assign({}, ...e, t);
+}
+function Xe(e, n) {
+  if (process.env.NODE_ENV === "production" || !n) return;
+  const t = Object.entries(e).filter(([s, o]) => s.startsWith("default") && o !== void 0).map(([s]) => {
+    var o;
+    const i = s.replace("default", "");
+    return `${((o = i[0]) == null ? void 0 : o.toLowerCase()) || ""}${i.slice(1)}`;
+  });
+  if (!t.length) return;
+  const r = n.getState();
+  if (t.filter(
+    (s) => B(r, s)
+  ).length)
+    throw new Error(
+      `Passing a store prop in conjunction with a default state is not supported.
+
+const store = useSelectStore();
+<SelectProvider store={store} defaultValue="Apple" />
+                ^             ^
+
+Instead, pass the default state to the topmost store:
+
+const store = useSelectStore({ defaultValue: "Apple" });
+<SelectProvider store={store} />
+
+See https://github.com/ariakit/ariakit/pull/2745 for more details.
+
+If there's a particular need for this, please submit a feature request at https://github.com/ariakit/ariakit
+`
+    );
+}
+var X = { exports: {} }, k = {}, ce;
+function Ze() {
+  if (ce) return k;
+  ce = 1;
+  var e = L;
+  function n(u, p) {
+    return u === p && (u !== 0 || 1 / u === 1 / p) || u !== u && p !== p;
+  }
+  var t = typeof Object.is == "function" ? Object.is : n, r = e.useState, a = e.useEffect, s = e.useLayoutEffect, o = e.useDebugValue;
+  function i(u, p) {
+    var m = p(), y = r({ inst: { value: m, getSnapshot: p } }), S = y[0].inst, O = y[1];
+    return s(function() {
+      S.value = m, S.getSnapshot = p, E(S) && O({ inst: S });
+    }, [u, m, p]), a(function() {
+      return E(S) && O({ inst: S }), u(function() {
+        E(S) && O({ inst: S });
+      });
+    }, [u]), o(m), m;
+  }
+  function E(u) {
+    var p = u.getSnapshot;
+    u = u.value;
+    try {
+      var m = p();
+      return !t(u, m);
+    } catch {
+      return !0;
+    }
+  }
+  function _(u, p) {
+    return p();
+  }
+  var g = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? _ : i;
+  return k.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : g, k;
+}
+var J = {}, le;
+function et() {
+  return le || (le = 1, process.env.NODE_ENV !== "production" && function() {
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
+    var e = L, n = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function t(d) {
+      {
+        for (var f = arguments.length, D = new Array(f > 1 ? f - 1 : 0), v = 1; v < f; v++)
+          D[v - 1] = arguments[v];
+        r("error", d, D);
+      }
+    }
+    function r(d, f, D) {
+      {
+        var v = n.ReactDebugCurrentFrame, C = v.getStackAddendum();
+        C !== "" && (f += "%s", D = D.concat([C]));
+        var l = D.map(function(c) {
+          return String(c);
+        });
+        l.unshift("Warning: " + f), Function.prototype.apply.call(console[d], console, l);
+      }
+    }
+    function a(d, f) {
+      return d === f && (d !== 0 || 1 / d === 1 / f) || d !== d && f !== f;
+    }
+    var s = typeof Object.is == "function" ? Object.is : a, o = e.useState, i = e.useEffect, E = e.useLayoutEffect, _ = e.useDebugValue, g = !1, u = !1;
+    function p(d, f, D) {
+      g || e.startTransition !== void 0 && (g = !0, t("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
+      var v = f();
+      if (!u) {
+        var C = f();
+        s(v, C) || (t("The result of getSnapshot should be cached to avoid an infinite loop"), u = !0);
+      }
+      var l = o({
+        inst: {
+          value: v,
+          getSnapshot: f
+        }
+      }), c = l[0].inst, x = l[1];
+      return E(function() {
+        c.value = v, c.getSnapshot = f, m(c) && x({
+          inst: c
+        });
+      }, [d, v, f]), i(function() {
+        m(c) && x({
+          inst: c
+        });
+        var w = function() {
+          m(c) && x({
+            inst: c
+          });
+        };
+        return d(w);
+      }, [d]), _(v), v;
+    }
+    function m(d) {
+      var f = d.getSnapshot, D = d.value;
+      try {
+        var v = f();
+        return !s(D, v);
+      } catch {
+        return !0;
+      }
+    }
+    function y(d, f, D) {
+      return f();
+    }
+    var S = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", O = !S, A = O ? y : p, b = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : A;
+    J.useSyncExternalStore = b, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+  }()), J;
+}
+process.env.NODE_ENV === "production" ? X.exports = Ze() : X.exports = et();
+var tt = X.exports;
+const nt = /* @__PURE__ */ Ye(tt);
+var { useSyncExternalStore: rt } = nt, ot = () => () => {
+};
+function ne(e, n = Me) {
+  const t = K.useCallback(
+    (a) => e ? xe(e, null, a) : ot(),
+    [e]
+  ), r = () => {
+    const a = typeof n == "string" ? n : null, s = typeof n == "function" ? n : null, o = e == null ? void 0 : e.getState();
+    if (s) return s(o);
+    if (o && a && B(o, a))
+      return o[a];
+  };
+  return rt(t, r, r);
+}
+function Q(e, n, t, r) {
+  const a = B(n, t) ? n[t] : void 0, s = r ? n[r] : void 0, o = Ue({ value: a, setValue: s });
+  j(() => z(e, [t], (i, E) => {
+    const { value: _, setValue: g } = o.current;
+    g && i[t] !== E[t] && i[t] !== _ && g(i[t]);
+  }), [e, t]), j(() => {
+    if (a !== void 0)
+      return e.setState(t, a), ke(e, [t], () => {
+        a !== void 0 && e.setState(t, a);
+      });
+  });
+}
+function st(e, n) {
+  const [t, r] = K.useState(() => e(n));
+  j(() => be(t), [t]);
+  const a = K.useCallback(
+    (i) => ne(t, i),
+    [t]
+  ), s = K.useMemo(
+    () => G($({}, t), { useState: a }),
+    [t, a]
+  ), o = _e(() => {
+    r((i) => e($($({}, n), i.getState())));
+  });
+  return [s, o];
+}
+function at(e = {}) {
+  const n = Qe(
+    e.store,
+    Je(e.disclosure, ["contentElement", "disclosureElement"])
+  );
+  Xe(e, n);
+  const t = n == null ? void 0 : n.getState(), r = H(
+    e.open,
+    t == null ? void 0 : t.open,
+    e.defaultOpen,
+    !1
+  ), a = H(e.animated, t == null ? void 0 : t.animated, !1), s = {
+    open: r,
+    animated: a,
+    animating: !!a && r,
+    mounted: r,
+    contentElement: H(t == null ? void 0 : t.contentElement, null),
+    disclosureElement: H(t == null ? void 0 : t.disclosureElement, null)
+  }, o = F(s, n);
+  return Y(
+    o,
+    () => z(o, ["animated", "animating"], (i) => {
+      i.animated || o.setState("animating", !1);
+    })
+  ), Y(
+    o,
+    () => xe(o, ["open"], () => {
+      o.getState().animated && o.setState("animating", !0);
+    })
+  ), Y(
+    o,
+    () => z(o, ["open", "animating"], (i) => {
+      o.setState("mounted", i.open || i.animating);
+    })
+  ), ve(Ee({}, o), {
+    disclosure: e.disclosure,
+    setOpen: (i) => o.setState("open", i),
+    show: () => o.setState("open", !0),
+    hide: () => o.setState("open", !1),
+    toggle: () => o.setState("open", (i) => !i),
+    stopAnimation: () => o.setState("animating", !1),
+    setContentElement: (i) => o.setState("contentElement", i),
+    setDisclosureElement: (i) => o.setState("disclosureElement", i)
+  });
+}
+function it(e, n, t) {
+  return Be(n, [t.store, t.disclosure]), Q(e, t, "open", "setOpen"), Q(e, t, "mounted", "setMounted"), Q(e, t, "animated"), Object.assign(e, { disclosure: t.disclosure });
+}
+function ut(e = {}) {
+  const [n, t] = st(at, e);
+  return it(n, t, e);
+}
+var re = ge(), oe = re.useProviderContext, ct = re.ContextProvider, lt = re.ScopedContextProvider, dt = ge(
+  [ct],
+  [lt]
+), ft = dt.ScopedContextProvider;
+pe(void 0);
+pe(void 0);
+var pt = "button", mt = Symbol("disclosure"), St = he(
+  function(n) {
+    var t = n, { store: r, toggleOnClick: a = !0 } = t, s = te(t, ["store", "toggleOnClick"]);
+    const o = oe();
+    r = r || o, Z(
+      r,
+      process.env.NODE_ENV !== "production" && "Disclosure must receive a `store` prop or be wrapped in a DisclosureProvider component."
+    );
+    const i = me(null), [E, _] = Se(!1), g = r.useState("disclosureElement"), u = r.useState("open");
+    we(() => {
+      let b = g === i.current;
+      g != null && g.isConnected || (r == null || r.setDisclosureElement(i.current), b = !0), _(u && b);
+    }, [g, r, u]);
+    const p = s.onClick, m = qe(a), [y, S] = He(s, mt, !0), O = _e((b) => {
+      p == null || p(b), !b.defaultPrevented && (y || m(b) && (r == null || r.setDisclosureElement(b.currentTarget), r == null || r.toggle()));
+    }), A = r.useState("contentElement");
+    return s = G($($({
+      "aria-expanded": E,
+      "aria-controls": A == null ? void 0 : A.id
+    }, S), s), {
+      ref: ye(i, s.ref),
+      onClick: O
+    }), s = Ke(s), s;
+  }
+), vt = ee(function(n) {
+  const t = St(n);
+  return De(pt, t);
+}), Et = "div";
+function de(e, n) {
+  const t = setTimeout(n, e);
+  return () => clearTimeout(t);
+}
+function _t(e) {
+  let n = requestAnimationFrame(() => {
+    n = requestAnimationFrame(e);
+  });
+  return () => cancelAnimationFrame(n);
+}
+function fe(...e) {
+  return e.join(", ").split(", ").reduce((n, t) => {
+    const r = t.endsWith("ms") ? 1 : 1e3, a = Number.parseFloat(t || "0s") * r;
+    return a > n ? a : n;
+  }, 0);
+}
+function gt(e, n, t) {
+  return !t && n !== !1 && (!e || !!n);
+}
+var ht = he(function(n) {
+  var t = n, { store: r, alwaysVisible: a } = t, s = te(t, ["store", "alwaysVisible"]);
+  const o = oe();
+  r = r || o, Z(
+    r,
+    process.env.NODE_ENV !== "production" && "DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component."
+  );
+  const i = me(null), E = We(s.id), [_, g] = Se(null), u = r.useState("open"), p = r.useState("mounted"), m = r.useState("animated"), y = r.useState("contentElement"), S = ne(r.disclosure, "contentElement");
+  j(() => {
+    i.current && (r == null || r.setContentElement(i.current));
+  }, [r]), j(() => {
+    let d;
+    return r == null || r.setState("animated", (f) => (d = f, !0)), () => {
+      d !== void 0 && (r == null || r.setState("animated", d));
+    };
+  }, [r]), j(() => {
+    if (m) {
+      if (!(y != null && y.isConnected)) {
+        g(null);
+        return;
+      }
+      return _t(() => {
+        g(u ? "enter" : p ? "leave" : null);
+      });
+    }
+  }, [m, y, u, p]), j(() => {
+    if (!r || !m || !_ || !y) return;
+    const d = () => r == null ? void 0 : r.setState("animating", !1), f = () => ze.flushSync(d);
+    if (_ === "leave" && u || _ === "enter" && !u) return;
+    if (typeof m == "number")
+      return de(m, f);
+    const {
+      transitionDuration: D,
+      animationDuration: v,
+      transitionDelay: C,
+      animationDelay: l
+    } = getComputedStyle(y), {
+      transitionDuration: c = "0",
+      animationDuration: x = "0",
+      transitionDelay: w = "0",
+      animationDelay: V = "0"
+    } = S ? getComputedStyle(S) : {}, M = fe(
+      C,
+      l,
+      w,
+      V
+    ), P = fe(
+      D,
+      v,
+      c,
+      x
+    ), R = M + P;
+    if (!R) {
+      _ === "enter" && r.setState("animated", !1), d();
+      return;
+    }
+    const h = 1e3 / 60, T = Math.max(R - h, 0);
+    return de(T, f);
+  }, [r, m, y, S, u, _]), s = Ge(
+    s,
+    (d) => /* @__PURE__ */ Oe.jsx(ft, { value: r, children: d }),
+    [r]
+  );
+  const O = gt(p, s.hidden, a), A = s.style, b = Pe(() => O ? G($({}, A), { display: "none" }) : A, [O, A]);
+  return s = G($({
+    id: E,
+    "data-open": u || void 0,
+    "data-enter": _ === "enter" || void 0,
+    "data-leave": _ === "leave" || void 0,
+    hidden: O
+  }, s), {
+    ref: ye(E ? r.setContentElement : null, i, s.ref),
+    style: b
+  }), Fe(s);
+}), yt = ee(function(n) {
+  const t = ht(n);
+  return De(Et, t);
+}), Dt = ee(function(n) {
+  var t = n, {
+    unmountOnHide: r
+  } = t, a = te(t, [
+    "unmountOnHide"
+  ]);
+  const s = oe(), o = a.store || s;
+  return ne(
+    o,
+    (E) => !r || (E == null ? void 0 : E.mounted)
+  ) === !1 ? null : /* @__PURE__ */ Oe.jsx(yt, $({}, a));
+});
+const Ot = q.div`
+  ${I("accordions.wrapper")};
+  ${Ve};
+  transition: medium;
+
+  &:hover {
+    border-color: neutral-50;
+  }
+`, W = q.divBox`
+  flex-shrink: 0;
+  ${I("accordions.icon")};
+  transform: rotate3d(0);
+  transition: medium;
+  width: 24;
+  height: 24;
+  color: inherit;
+  display: flex;
+  border-radius: 12;
+
+  & *:first-child {
+    margin: auto;
+  }
+`, bt = q(vt)`
+  ${I("accordions.title")};
+  width: 100%;
+  padding: ${I("accordions.padding")};
+  background-color: transparent;
+  border: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: xxl;
+
+  &[aria-expanded='true'] {
+    ${W} {
+      transform: rotate3d(0, 0, 1, 90deg);
+    }
+  }
+
+  &:focus,
+  &:hover {
+    cursor: pointer;
+    ${W} {
+      background-color: neutral-30;
+    }
+  }
+
+  &:focus {
+    outline: 0;
+    ${W} {
+      color: inherit;
+    }
+  }
+`, xt = q(Dt)`
+  display: grid;
+  grid-template-rows: 0fr;
+  transition-property: grid-template-rows;
+  transition-timing-function: linear;
+  transition-duration: 200ms;
+  animation-duration: 200ms;
+
+  > * {
+    overflow: hidden;
+    padding: 0;
+  }
+
+  &[data-enter] {
+    grid-template-rows: 1fr;
+  }
+`, Ct = q.div`
+  ${I("accordions.content")};
+  padding: ${I("accordions.padding")};
+  padding-top: 0;
+  color: neutral-70;
+`, Tt = Le(
+  ({ children: e, dataTestId: n, icon: t = /* @__PURE__ */ L.createElement(Re, null), store: r, title: a, ...s }, o) => /* @__PURE__ */ L.createElement(Ot, { "data-testid": n, ref: o, ...s }, /* @__PURE__ */ L.createElement(bt, { "data-testid": n ? `${n}-title` : void 0, store: r }, a, /* @__PURE__ */ L.createElement(W, null, Ae(t, { size: "sm" }))), /* @__PURE__ */ L.createElement(xt, { "data-testid": n ? `${n}-content` : void 0, store: r }, /* @__PURE__ */ L.createElement("div", null, /* @__PURE__ */ L.createElement(Ct, null, e))))
+);
+function $t(e) {
+  return ut({ animated: !0, ...e });
+}
+export {
+  Tt as Accordion,
+  $t as useAccordion
+};

package/dist/Alert.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const e=require("./index-BNA_A0oa.js");require("./System.js");require("./Box.js");exports.Alert=e.Alert;