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

package/dist/FileUpload.js

@@ -0,0 +1,3 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),P=require("./Button.js"),A=require("./System.js"),k=require("./create-event-YSlay9Ef.js"),g=require("./index-CgT8GWHS.js"),h=require("./Tag.js"),z=require("./Box.js"),D=require("@xstyled/styled-components"),O=D.inputBox.withConfig({shouldForwardProp:A.shouldForwardProp})`
+  display: none;
+`,C=2e6,M="*/*",S=n=>Array.isArray(n)?n:n?[n]:[],N=({file:n,onRemove:u})=>{const m=g.getFileIcon(n),o=g.getFileName(n),p=g.getFileSize(n);return t.createElement(h.Tag,{"data-id":o,key:o,mr:"sm",mt:"sm",onRemove:u},t.createElement(m,{size:"md"}),o,p&&t.createElement(z.Box,{color:"beige-60"},"(",p,")"))},I=A.forwardRef(({accept:n=M,children:u,dataTestId:m,disabled:o,draggable:p,handleAddFile:f,handleRemoveFile:v,maxSize:T=C,multiple:w,name:E,onBlur:i,onChange:l,onError:B,preview:R=N,value:d=[],...b},s)=>{const[c,F]=t.useState(S(d)),U=t.useRef();t.useEffect(()=>{F(S(d))},[d]),t.useEffect(()=>()=>{c&&c.map(e=>e instanceof File?URL.revokeObjectURL(e.preview):e)},[c]);const _=e=>{let r=Array.from(e.target.files).map(a=>(a.preview=URL.createObjectURL(a),a));F(r),r.length===1&&(r=r[0]);const y=k.createEvent({name:E,value:r});l&&l(y),f&&f(r),i&&i()},q=e=>{const r=c.filter(x=>x!==e),y=w?r:void 0;F(r);const a=k.createEvent({name:E,value:y});l&&l(a),v&&v(e),i&&i()},L=()=>{U.current.click()},j=c.map(e=>e instanceof File?e.preview:void 0).join("");return t.createElement(t.Fragment,null,u?u({openFile:L,disabled:o,files:c,onRemoveFile:q}):t.createElement(P.Button,{disabled:o,onClick:L},"Upload file"),t.createElement("br",null),t.createElement(O,{accept:n,"data-testid":m,disabled:o,key:j,maxSize:T,multiple:w,name:E,onBlur:i,onChange:_,ref:e=>{U.current=e,typeof s=="function"?s(e):s!=null&&s.current&&(s.current=e)},...b,type:"file"}),R&&c.map(e=>t.createElement(R,{file:e,key:e instanceof File?e.name:e,onRemove:()=>q(e)})))});I.displayName="FileUpload";exports.FileUpload=I;

package/dist/FileUpload.mjs

@@ -0,0 +1,88 @@
+"use client";
+import n, { useState as x, useRef as z, useEffect as k } from "react";
+import { Button as D } from "./Button.mjs";
+import { shouldForwardProp as h, forwardRef as C } from "./System.mjs";
+import { c as v } from "./create-event-rXDe5aCQ.mjs";
+import { g as N, a as O, b as P } from "./index-DHOW43M6.mjs";
+import { Tag as K } from "./Tag.mjs";
+import { Box as M } from "./Box.mjs";
+import X from "@xstyled/styled-components";
+const Y = X.inputBox.withConfig({ shouldForwardProp: h })`
+  display: none;
+`, Z = 2e6, q = "*/*", A = (t) => Array.isArray(t) ? t : t ? [t] : [], G = ({ file: t, onRemove: m }) => {
+  const l = N(t), o = O(t), u = P(t);
+  return /* @__PURE__ */ n.createElement(K, { "data-id": o, key: o, mr: "sm", mt: "sm", onRemove: m }, /* @__PURE__ */ n.createElement(l, { size: "md" }), o, u && /* @__PURE__ */ n.createElement(M, { color: "beige-60" }, "(", u, ")"));
+}, H = C(
+  ({
+    accept: t = q,
+    children: m,
+    dataTestId: l,
+    disabled: o,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    draggable: u,
+    handleAddFile: y,
+    handleRemoveFile: g,
+    maxSize: I = Z,
+    multiple: R,
+    name: f,
+    onBlur: a,
+    onChange: p,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    onError: J,
+    preview: w = G,
+    value: E = [],
+    ...b
+  }, s) => {
+    const [c, F] = x(A(E)), U = z();
+    k(() => {
+      F(A(E));
+    }, [E]), k(() => () => {
+      c && c.map((e) => e instanceof File ? URL.revokeObjectURL(e.preview) : e);
+    }, [c]);
+    const S = (e) => {
+      let r = Array.from(e.target.files).map(
+        (i) => (i.preview = URL.createObjectURL(i), i)
+      );
+      F(r), r.length === 1 && (r = r[0]);
+      const d = v({ name: f, value: r });
+      p && p(d), y && y(r), a && a();
+    }, _ = (e) => {
+      const r = c.filter((j) => j !== e), d = R ? r : void 0;
+      F(r);
+      const i = v({ name: f, value: d });
+      p && p(i), g && g(e), a && a();
+    }, L = () => {
+      U.current.click();
+    }, T = c.map((e) => e instanceof File ? e.preview : void 0).join("");
+    return /* @__PURE__ */ n.createElement(n.Fragment, null, m ? m({ openFile: L, disabled: o, files: c, onRemoveFile: _ }) : /* @__PURE__ */ n.createElement(D, { disabled: o, onClick: L }, "Upload file"), /* @__PURE__ */ n.createElement("br", null), /* @__PURE__ */ n.createElement(
+      Y,
+      {
+        accept: t,
+        "data-testid": l,
+        disabled: o,
+        key: T,
+        maxSize: I,
+        multiple: R,
+        name: f,
+        onBlur: a,
+        onChange: S,
+        ref: (e) => {
+          U.current = e, typeof s == "function" ? s(e) : s != null && s.current && (s.current = e);
+        },
+        ...b,
+        type: "file"
+      }
+    ), w && c.map((e) => /* @__PURE__ */ n.createElement(
+      w,
+      {
+        file: e,
+        key: e instanceof File ? e.name : e,
+        onRemove: () => _(e)
+      }
+    )));
+  }
+);
+H.displayName = "FileUpload";
+export {
+  H as FileUpload
+};

package/dist/Grid.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),s=require("./Box.js"),a=require("./System.js"),f=a.forwardRef(({area:e,column:r,dataTestId:t,row:o,...i},d)=>n.createElement(s.Box,{"data-testid":t,gridArea:e,gridColumn:r,ref:d,row:o,...i})),C=a.forwardRef(({area:e,autoColumns:r,autoFlow:t,autoRows:o,column:i,columnGap:d,dataTestId:u,gap:g,row:l,rowGap:c,templateAreas:m,templateColumns:p,templateRows:w,...A},R)=>n.createElement(s.Box,{columnGap:d,"data-testid":u,display:"grid",gap:g,gridArea:e,gridAutoColumns:r,gridAutoFlow:t,gridAutoRows:o,gridColumn:i,gridRow:l,gridTemplateAreas:m,gridTemplateColumns:p,gridTemplateRows:w,ref:R,rowGap:c,...A})),y=Object.assign(C,{Item:f});exports.Grid=y;

package/dist/Grid.mjs

@@ -0,0 +1,57 @@
+"use client";
+import a from "react";
+import { Box as m } from "./Box.mjs";
+import { forwardRef as n } from "./System.mjs";
+const C = n(
+  ({ area: r, column: t, dataTestId: e, row: o, ...i }, d) => /* @__PURE__ */ a.createElement(
+    m,
+    {
+      "data-testid": e,
+      gridArea: r,
+      gridColumn: t,
+      ref: d,
+      row: o,
+      ...i
+    }
+  )
+), R = n(
+  ({
+    area: r,
+    autoColumns: t,
+    autoFlow: e,
+    autoRows: o,
+    column: i,
+    columnGap: d,
+    dataTestId: s,
+    gap: g,
+    row: l,
+    rowGap: u,
+    templateAreas: p,
+    templateColumns: c,
+    templateRows: f,
+    ...A
+  }, w) => /* @__PURE__ */ a.createElement(
+    m,
+    {
+      columnGap: d,
+      "data-testid": s,
+      display: "grid",
+      gap: g,
+      gridArea: r,
+      gridAutoColumns: t,
+      gridAutoFlow: e,
+      gridAutoRows: o,
+      gridColumn: i,
+      gridRow: l,
+      gridTemplateAreas: p,
+      gridTemplateColumns: c,
+      gridTemplateRows: f,
+      ref: w,
+      rowGap: u,
+      ...A
+    }
+  )
+), G = Object.assign(R, { Item: C });
+export {
+  G as Grid
+};

package/dist/Hint.js

@@ -0,0 +1,8 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),o=require("./System.js"),t=require("@xstyled/styled-components"),s=t.div(({variant:e})=>t.css`
+    ${t.th("hints.default")};
+    ${e&&t.th(`hints.${e}`)};
+    margin-top: xs;
+    display: flex;
+    align-items: center;
+    ${t.system};
+  `),i=o.forwardRef(({children:e,dataTestId:n,variant:r,...c},l)=>d.createElement(s,{"data-testid":n,ref:l,variant:r,...c},e));i.displayName="Hint";const a=s;exports.Hint=i;exports.StyledHint=a;

package/dist/Hint.mjs

@@ -0,0 +1,22 @@
+"use client";
+import a from "react";
+import { forwardRef as d } from "./System.mjs";
+import l, { css as m, th as e, system as f } from "@xstyled/styled-components";
+const i = l.div(
+  ({ variant: t }) => m`
+    ${e("hints.default")};
+    ${t && e(`hints.${t}`)};
+    margin-top: xs;
+    display: flex;
+    align-items: center;
+    ${f};
+  `
+), c = d(
+  ({ children: t, dataTestId: s, variant: n, ...r }, o) => /* @__PURE__ */ a.createElement(i, { "data-testid": s, ref: o, variant: n, ...r }, t)
+);
+c.displayName = "Hint";
+const $ = i;
+export {
+  c as Hint,
+  $ as StyledHint
+};

package/dist/ITI7HKP4-BPa8qpnl.js

@@ -0,0 +1 @@
+"use client";"use strict";const v=require("./YV4JVR4I-DIthYWMj.js"),r=require("./LVA2YJMS-B2HZjIhJ.js"),b=require("./P2CTZE2T-q8vyaGc0.js"),M=require("react");function X(e){var i;const n=e.find(c=>!!c.element),t=[...e].reverse().find(c=>!!c.element);let o=(i=n==null?void 0:n.element)==null?void 0:i.parentElement;for(;o&&(t!=null&&t.element);){if(t&&o.contains(t.element))return o;o=o.parentElement}return r.getDocument(o).body}function ee(e){return e==null?void 0:e.__unstablePrivateStore}function Y(e={}){var i;v.throwOnConflictingProps(e,e.store);const n=(i=e.store)==null?void 0:i.getState(),t=r.defaultValue(e.items,n==null?void 0:n.items,e.defaultItems,[]),o=new Map(t.map(l=>[l.id,l])),c={items:t,renderedItems:r.defaultValue(n==null?void 0:n.renderedItems,[])},d=ee(e.store),a=v.createStore({items:t,renderedItems:c.renderedItems},d),u=v.createStore(c,e.store),F=l=>{const m=r.sortBasedOnDOMPosition(l,I=>I.element);a.setState("renderedItems",m),u.setState("renderedItems",m)};v.setup(u,()=>v.init(a)),v.setup(a,()=>v.batch(a,["items"],l=>{u.setState("items",l.items)})),v.setup(a,()=>v.batch(a,["renderedItems"],l=>{let m=!0,I=requestAnimationFrame(()=>{const{renderedItems:E}=u.getState();l.renderedItems!==E&&F(l.renderedItems)});if(typeof IntersectionObserver!="function")return()=>cancelAnimationFrame(I);const w=()=>{if(m){m=!1;return}cancelAnimationFrame(I),I=requestAnimationFrame(()=>F(l.renderedItems))},R=X(l.renderedItems),g=new IntersectionObserver(w,{root:R});for(const E of l.renderedItems)E.element&&g.observe(E.element);return()=>{cancelAnimationFrame(I),g.disconnect()}}));const S=(l,m,I=!1)=>{let w;return m(g=>{const E=g.findIndex(({id:h})=>h===l.id),V=g.slice();if(E!==-1){w=g[E];const h=r.__spreadValues$1(r.__spreadValues$1({},w),l);V[E]=h,o.set(l.id,h)}else V.push(l),o.set(l.id,l);return V}),()=>{m(g=>{if(!w)return I&&o.delete(l.id),g.filter(({id:h})=>h!==l.id);const E=g.findIndex(({id:h})=>h===l.id);if(E===-1)return g;const V=g.slice();return V[E]=w,o.set(l.id,w),V})}},L=l=>S(l,m=>a.setState("items",m),!0);return r.__spreadProps$1(r.__spreadValues$1({},u),{registerItem:L,renderItem:l=>r.chain(L(l),S(l,m=>a.setState("renderedItems",m))),item:l=>{if(!l)return null;let m=o.get(l);if(!m){const{items:I}=a.getState();m=I.find(w=>w.id===l),m&&o.set(l,m)}return m||null},__unstablePrivateStore:a})}function te(e,i,n){return r.useUpdateEffect(i,[n.store]),v.useStoreProps(e,n,"items","setItems"),e}function G(e){const i=[];for(const n of e)i.push(...n);return i}function N(e){return e.slice().reverse()}var ne={id:null};function k(e,i){return e.find(n=>i?!n.disabled&&n.id!==i:!n.disabled)}function re(e,i){return e.filter(n=>i?!n.disabled&&n.id!==i:!n.disabled)}function U(e,i){return e.filter(n=>n.rowId===i)}function ue(e,i,n=!1){const t=e.findIndex(o=>o.id===i);return[...e.slice(t+1),...n?[ne]:[],...e.slice(0,t)]}function J(e){const i=[];for(const n of e){const t=i.find(o=>{var c;return((c=o[0])==null?void 0:c.rowId)===n.rowId});t?t.push(n):i.push([n])}return i}function Z(e){let i=0;for(const{length:n}of e)n>i&&(i=n);return i}function se(e){return{id:"__EMPTY_ITEM__",disabled:!0,rowId:e}}function ie(e,i,n){const t=Z(e);for(const o of e)for(let c=0;c<t;c+=1){const d=o[c];if(!d||n&&d.disabled){const u=c===0&&n?k(o):o[c-1];o[c]=u&&i!==u.id&&n?u:se(u==null?void 0:u.rowId)}}return e}function oe(e){const i=J(e),n=Z(i),t=[];for(let o=0;o<n;o+=1)for(const c of i){const d=c[o];d&&t.push(r.__spreadProps$1(r.__spreadValues$1({},d),{rowId:d.rowId?`${o}`:void 0}))}return t}function le(e={}){var i;const n=(i=e.store)==null?void 0:i.getState(),t=Y(e),o=r.defaultValue(e.activeId,n==null?void 0:n.activeId,e.defaultActiveId),c=r.__spreadProps$1(r.__spreadValues$1({},t.getState()),{id:r.defaultValue(e.id,n==null?void 0:n.id,`id-${Math.random().toString(36).slice(2,8)}`),activeId:o,baseElement:r.defaultValue(n==null?void 0:n.baseElement,null),includesBaseElement:r.defaultValue(e.includesBaseElement,n==null?void 0:n.includesBaseElement,o===null),moves:r.defaultValue(n==null?void 0:n.moves,0),orientation:r.defaultValue(e.orientation,n==null?void 0:n.orientation,"both"),rtl:r.defaultValue(e.rtl,n==null?void 0:n.rtl,!1),virtualFocus:r.defaultValue(e.virtualFocus,n==null?void 0:n.virtualFocus,!1),focusLoop:r.defaultValue(e.focusLoop,n==null?void 0:n.focusLoop,!1),focusWrap:r.defaultValue(e.focusWrap,n==null?void 0:n.focusWrap,!1),focusShift:r.defaultValue(e.focusShift,n==null?void 0:n.focusShift,!1)}),d=v.createStore(c,t,e.store);v.setup(d,()=>v.sync(d,["renderedItems","activeId"],u=>{d.setState("activeId",F=>{var S;return F!==void 0?F:(S=k(u.renderedItems))==null?void 0:S.id})}));const a=(u="next",F={})=>{var S,L;const l=d.getState(),{skip:m=0,activeId:I=l.activeId,focusShift:w=l.focusShift,focusLoop:R=l.focusLoop,focusWrap:g=l.focusWrap,includesBaseElement:E=l.includesBaseElement,renderedItems:V=l.renderedItems,rtl:h=l.rtl}=F,A=u==="up"||u==="down",D=u==="next"||u==="down",W=D?h&&!A:!h||A,O=w&&!m;let _=A?G(ie(J(V),I,O)):V;if(_=W?N(_):_,_=A?oe(_):_,I==null)return(S=k(_))==null?void 0:S.id;const K=_.find(p=>p.id===I);if(!K)return(L=k(_))==null?void 0:L.id;const z=_.some(p=>p.rowId),q=_.indexOf(K),s=_.slice(q+1),f=U(s,K.rowId);if(m){const p=re(f,I),x=p.slice(m)[0]||p[p.length-1];return x==null?void 0:x.id}const P=R&&(A?R!=="horizontal":R!=="vertical"),y=z&&g&&(A?g!=="horizontal":g!=="vertical"),C=D?(!z||A)&&P&&E:A?E:!1;if(P){const p=y&&!C?_:U(_,K.rowId),x=ue(p,I,C),B=k(x,I);return B==null?void 0:B.id}if(y){const p=k(C?f:s,I);return C?(p==null?void 0:p.id)||null:p==null?void 0:p.id}const T=k(f,I);return!T&&C?null:T==null?void 0:T.id};return r.__spreadProps$1(r.__spreadValues$1(r.__spreadValues$1({},t),d),{setBaseElement:u=>d.setState("baseElement",u),setActiveId:u=>d.setState("activeId",u),move:u=>{u!==void 0&&(d.setState("activeId",u),d.setState("moves",F=>F+1))},first:()=>{var u;return(u=k(d.getState().renderedItems))==null?void 0:u.id},last:()=>{var u;return(u=k(N(d.getState().renderedItems)))==null?void 0:u.id},next:u=>(u!==void 0&&typeof u=="number"&&(u={skip:u}),a("next",u)),previous:u=>(u!==void 0&&typeof u=="number"&&(u={skip:u}),a("previous",u)),down:u=>(u!==void 0&&typeof u=="number"&&(u={skip:u}),a("down",u)),up:u=>(u!==void 0&&typeof u=="number"&&(u={skip:u}),a("up",u))})}function ae(e,i,n){return e=te(e,i,n),v.useStoreProps(e,n,"activeId","setActiveId"),v.useStoreProps(e,n,"includesBaseElement"),v.useStoreProps(e,n,"virtualFocus"),v.useStoreProps(e,n,"orientation"),v.useStoreProps(e,n,"rtl"),v.useStoreProps(e,n,"focusLoop"),v.useStoreProps(e,n,"focusWrap"),v.useStoreProps(e,n,"focusShift"),e}var ce="div";function de(e){return e.some(i=>!!i.rowId)}function fe(e){const i=e.target;return i&&!r.isTextField(i)?!1:e.key.length===1&&!e.ctrlKey&&!e.metaKey}function me(e){return e.key==="Shift"||e.key==="Control"||e.key==="Alt"||e.key==="Meta"}function j(e,i,n){return r.useEvent(t=>{var o;if(i==null||i(t),t.defaultPrevented||t.isPropagationStopped()||!r.isSelfTarget(t)||me(t)||fe(t))return;const c=e.getState(),d=(o=b.getEnabledItem(e,c.activeId))==null?void 0:o.element;if(!d)return;const a=t,u=r.__objRest(a,["view"]),F=n==null?void 0:n.current;d!==F&&d.focus(),r.fireKeyboardEvent(d,t.type,u)||t.preventDefault(),t.currentTarget.contains(d)&&t.stopPropagation()})}function Ie(e){return b.findFirstEnabledItem(G(N(b.groupItemsByRows(e))))}function ve(e){const[i,n]=M.useState(!1),t=M.useCallback(()=>n(!0),[]),o=e.useState(c=>b.getEnabledItem(e,c.activeId));return M.useEffect(()=>{const c=o==null?void 0:o.element;i&&c&&(n(!1),c.focus({preventScroll:!0}))},[o,i]),t}var Q=r.createHook(function(i){var n=i,{store:t,composite:o=!0,focusOnMove:c=o,moveOnKeyPress:d=!0}=n,a=r.__objRest(n,["store","composite","focusOnMove","moveOnKeyPress"]);const u=b.useCompositeProviderContext();t=t||u,r.invariant(t,process.env.NODE_ENV!=="production"&&"Composite must receive a `store` prop or be wrapped in a CompositeProvider component.");const F=M.useRef(null),S=M.useRef(null),L=ve(t),l=t.useState("moves"),[,m]=r.useTransactionState(o?t.setBaseElement:null);M.useEffect(()=>{var s;if(!t||!l||!o||!c)return;const{activeId:f}=t.getState(),P=(s=b.getEnabledItem(t,f))==null?void 0:s.element;P&&r.focusIntoView(P)},[t,l,o,c]),r.useSafeLayoutEffect(()=>{if(!t||!l||!o)return;const{baseElement:s,activeId:f}=t.getState();if(!(f===null)||!s)return;const y=S.current;S.current=null,y&&r.fireBlurEvent(y,{relatedTarget:s}),r.hasFocus(s)||s.focus()},[t,l,o]);const I=t.useState("activeId"),w=t.useState("virtualFocus");r.useSafeLayoutEffect(()=>{var s;if(!t||!o||!w)return;const f=S.current;if(S.current=null,!f)return;const y=((s=b.getEnabledItem(t,I))==null?void 0:s.element)||r.getActiveElement(f);y!==f&&r.fireBlurEvent(f,{relatedTarget:y})},[t,I,w,o]);const R=j(t,a.onKeyDownCapture,S),g=j(t,a.onKeyUpCapture,S),E=a.onFocusCapture,V=r.useEvent(s=>{if(E==null||E(s),s.defaultPrevented||!t)return;const{virtualFocus:f}=t.getState();if(!f)return;const P=s.relatedTarget,y=b.silentlyFocused(s.currentTarget);r.isSelfTarget(s)&&y&&(s.stopPropagation(),S.current=P)}),h=a.onFocus,A=r.useEvent(s=>{if(h==null||h(s),s.defaultPrevented||!o||!t)return;const{relatedTarget:f}=s,{virtualFocus:P}=t.getState();P?r.isSelfTarget(s)&&!b.isItem(t,f)&&queueMicrotask(L):r.isSelfTarget(s)&&t.setActiveId(null)}),D=a.onBlurCapture,W=r.useEvent(s=>{var f;if(D==null||D(s),s.defaultPrevented||!t)return;const{virtualFocus:P,activeId:y}=t.getState();if(!P)return;const C=(f=b.getEnabledItem(t,y))==null?void 0:f.element,T=s.relatedTarget,p=b.isItem(t,T),x=S.current;S.current=null,r.isSelfTarget(s)&&p?(T===C?x&&x!==T&&r.fireBlurEvent(x,s):C?r.fireBlurEvent(C,s):x&&r.fireBlurEvent(x,s),s.stopPropagation()):!b.isItem(t,s.target)&&C&&r.fireBlurEvent(C,s)}),O=a.onKeyDown,_=r.useBooleanEvent(d),K=r.useEvent(s=>{var f;if(O==null||O(s),s.defaultPrevented||!t||!r.isSelfTarget(s))return;const{orientation:P,renderedItems:y,activeId:C}=t.getState(),T=b.getEnabledItem(t,C);if((f=T==null?void 0:T.element)!=null&&f.isConnected)return;const p=P!=="horizontal",x=P!=="vertical",B=de(y);if((s.key==="ArrowLeft"||s.key==="ArrowRight"||s.key==="Home"||s.key==="End")&&r.isTextField(s.currentTarget))return;const H={ArrowUp:(B||p)&&(()=>{if(B){const $=Ie(y);return $==null?void 0:$.id}return t==null?void 0:t.last()}),ArrowRight:(B||x)&&t.first,ArrowDown:(B||p)&&t.first,ArrowLeft:(B||x)&&t.last,Home:t.first,End:t.last,PageUp:t.first,PageDown:t.last}[s.key];if(H){const $=H();if($!==void 0){if(!_(s))return;s.preventDefault(),t.move($)}}});a=r.useWrapElement(a,s=>r.jsxRuntimeExports.jsx(b.CompositeContextProvider,{value:t,children:s}),[t]);const z=t.useState(s=>{var f;if(t&&o&&s.virtualFocus)return(f=b.getEnabledItem(t,s.activeId))==null?void 0:f.id});a=r.__spreadProps(r.__spreadValues({"aria-activedescendant":z},a),{ref:r.useMergeRefs(F,m,a.ref),onKeyDownCapture:R,onKeyUpCapture:g,onFocusCapture:V,onFocus:A,onBlurCapture:W,onKeyDown:K});const q=t.useState(s=>o&&(s.virtualFocus||s.activeId===null));return a=r.useFocusable(r.__spreadValues({focusable:q},a)),a});r.forwardRef2(function(i){const n=Q(i);return r.createElement(ce,n)});exports.createCollectionStore=Y;exports.createCompositeStore=le;exports.useComposite=Q;exports.useCompositeStoreProps=ae;

package/dist/ITI7HKP4-Couz1Z73.mjs

@@ -0,0 +1,473 @@
+"use client";
+import { t as de, c as X, s as $, i as fe, g as Z, b as B, d as me } from "./YV4JVR4I-1ezWeCCz.mjs";
+import { C as F, B as j, Q as Ie, D as T, I as ve, R as ge, H as Se, c as pe, _ as ie, i as Ee, S as ye, T as we, F as ee, U as O, V as be, W as he, e as H, p as z, u as xe, q as ue, E as _e, m as Fe, h as Pe, j as Ce, a as te, v as Ae, f as ke, b as Be, X as Re } from "./LVA2YJMS-Dm5ieEMw.mjs";
+import { b as De, g as L, s as Ke, i as Q, a as Le, f as Te, c as Me } from "./P2CTZE2T-5jxBu6ix.mjs";
+import { useRef as ne, useEffect as oe, useState as Oe, useCallback as ze } from "react";
+function We(e) {
+  var i;
+  const n = e.find((c) => !!c.element), t = [...e].reverse().find((c) => !!c.element);
+  let u = (i = n == null ? void 0 : n.element) == null ? void 0 : i.parentElement;
+  for (; u && (t != null && t.element); ) {
+    if (t && u.contains(t.element))
+      return u;
+    u = u.parentElement;
+  }
+  return ve(u).body;
+}
+function Ve(e) {
+  return e == null ? void 0 : e.__unstablePrivateStore;
+}
+function He(e = {}) {
+  var i;
+  de(e, e.store);
+  const n = (i = e.store) == null ? void 0 : i.getState(), t = F(
+    e.items,
+    n == null ? void 0 : n.items,
+    e.defaultItems,
+    []
+  ), u = new Map(t.map((o) => [o.id, o])), c = {
+    items: t,
+    renderedItems: F(n == null ? void 0 : n.renderedItems, [])
+  }, l = Ve(e.store), a = X(
+    { items: t, renderedItems: c.renderedItems },
+    l
+  ), r = X(c, e.store), x = (o) => {
+    const f = ge(o, (m) => m.element);
+    a.setState("renderedItems", f), r.setState("renderedItems", f);
+  };
+  $(r, () => fe(a)), $(a, () => Z(a, ["items"], (o) => {
+    r.setState("items", o.items);
+  })), $(a, () => Z(a, ["renderedItems"], (o) => {
+    let f = !0, m = requestAnimationFrame(() => {
+      const { renderedItems: S } = r.getState();
+      o.renderedItems !== S && x(o.renderedItems);
+    });
+    if (typeof IntersectionObserver != "function")
+      return () => cancelAnimationFrame(m);
+    const w = () => {
+      if (f) {
+        f = !1;
+        return;
+      }
+      cancelAnimationFrame(m), m = requestAnimationFrame(() => x(o.renderedItems));
+    }, D = We(o.renderedItems), g = new IntersectionObserver(w, { root: D });
+    for (const S of o.renderedItems)
+      S.element && g.observe(S.element);
+    return () => {
+      cancelAnimationFrame(m), g.disconnect();
+    };
+  }));
+  const v = (o, f, m = !1) => {
+    let w;
+    return f((g) => {
+      const S = g.findIndex(({ id: b }) => b === o.id), P = g.slice();
+      if (S !== -1) {
+        w = g[S];
+        const b = T(T({}, w), o);
+        P[S] = b, u.set(o.id, b);
+      } else
+        P.push(o), u.set(o.id, o);
+      return P;
+    }), () => {
+      f((g) => {
+        if (!w)
+          return m && u.delete(o.id), g.filter(({ id: b }) => b !== o.id);
+        const S = g.findIndex(({ id: b }) => b === o.id);
+        if (S === -1) return g;
+        const P = g.slice();
+        return P[S] = w, u.set(o.id, w), P;
+      });
+    };
+  }, K = (o) => v(
+    o,
+    (f) => a.setState("items", f),
+    !0
+  );
+  return j(T({}, r), {
+    registerItem: K,
+    renderItem: (o) => Ie(
+      K(o),
+      v(
+        o,
+        (f) => a.setState("renderedItems", f)
+      )
+    ),
+    item: (o) => {
+      if (!o) return null;
+      let f = u.get(o);
+      if (!f) {
+        const { items: m } = a.getState();
+        f = m.find((w) => w.id === o), f && u.set(o, f);
+      }
+      return f || null;
+    },
+    // @ts-expect-error Internal
+    __unstablePrivateStore: a
+  });
+}
+function Ne(e, i, n) {
+  return Se(i, [n.store]), B(e, n, "items", "setItems"), e;
+}
+function ae(e) {
+  const i = [];
+  for (const n of e)
+    i.push(...n);
+  return i;
+}
+function Y(e) {
+  return e.slice().reverse();
+}
+var Ue = { id: null };
+function R(e, i) {
+  return e.find((n) => i ? !n.disabled && n.id !== i : !n.disabled);
+}
+function $e(e, i) {
+  return e.filter((n) => i ? !n.disabled && n.id !== i : !n.disabled);
+}
+function re(e, i) {
+  return e.filter((n) => n.rowId === i);
+}
+function je(e, i, n = !1) {
+  const t = e.findIndex((u) => u.id === i);
+  return [
+    ...e.slice(t + 1),
+    ...n ? [Ue] : [],
+    ...e.slice(0, t)
+  ];
+}
+function ce(e) {
+  const i = [];
+  for (const n of e) {
+    const t = i.find((u) => {
+      var c;
+      return ((c = u[0]) == null ? void 0 : c.rowId) === n.rowId;
+    });
+    t ? t.push(n) : i.push([n]);
+  }
+  return i;
+}
+function le(e) {
+  let i = 0;
+  for (const { length: n } of e)
+    n > i && (i = n);
+  return i;
+}
+function qe(e) {
+  return {
+    id: "__EMPTY_ITEM__",
+    disabled: !0,
+    rowId: e
+  };
+}
+function Ge(e, i, n) {
+  const t = le(e);
+  for (const u of e)
+    for (let c = 0; c < t; c += 1) {
+      const l = u[c];
+      if (!l || n && l.disabled) {
+        const r = c === 0 && n ? R(u) : u[c - 1];
+        u[c] = r && i !== r.id && n ? r : qe(r == null ? void 0 : r.rowId);
+      }
+    }
+  return e;
+}
+function Qe(e) {
+  const i = ce(e), n = le(i), t = [];
+  for (let u = 0; u < n; u += 1)
+    for (const c of i) {
+      const l = c[u];
+      l && t.push(j(T({}, l), {
+        // If there's no rowId, it means that it's not a grid composite, but
+        // a single row instead. So, instead of verticalizing it, that is,
+        // assigning a different rowId based on the column index, we keep it
+        // undefined so they will be part of the same row. This is useful
+        // when using up/down on one-dimensional composites.
+        rowId: l.rowId ? `${u}` : void 0
+      }));
+    }
+  return t;
+}
+function lt(e = {}) {
+  var i;
+  const n = (i = e.store) == null ? void 0 : i.getState(), t = He(e), u = F(
+    e.activeId,
+    n == null ? void 0 : n.activeId,
+    e.defaultActiveId
+  ), c = j(T({}, t.getState()), {
+    id: F(
+      e.id,
+      n == null ? void 0 : n.id,
+      `id-${Math.random().toString(36).slice(2, 8)}`
+    ),
+    activeId: u,
+    baseElement: F(n == null ? void 0 : n.baseElement, null),
+    includesBaseElement: F(
+      e.includesBaseElement,
+      n == null ? void 0 : n.includesBaseElement,
+      u === null
+    ),
+    moves: F(n == null ? void 0 : n.moves, 0),
+    orientation: F(
+      e.orientation,
+      n == null ? void 0 : n.orientation,
+      "both"
+    ),
+    rtl: F(e.rtl, n == null ? void 0 : n.rtl, !1),
+    virtualFocus: F(
+      e.virtualFocus,
+      n == null ? void 0 : n.virtualFocus,
+      !1
+    ),
+    focusLoop: F(e.focusLoop, n == null ? void 0 : n.focusLoop, !1),
+    focusWrap: F(e.focusWrap, n == null ? void 0 : n.focusWrap, !1),
+    focusShift: F(e.focusShift, n == null ? void 0 : n.focusShift, !1)
+  }), l = X(c, t, e.store);
+  $(
+    l,
+    () => me(l, ["renderedItems", "activeId"], (r) => {
+      l.setState("activeId", (x) => {
+        var v;
+        return x !== void 0 ? x : (v = R(r.renderedItems)) == null ? void 0 : v.id;
+      });
+    })
+  );
+  const a = (r = "next", x = {}) => {
+    var v, K;
+    const o = l.getState(), {
+      skip: f = 0,
+      activeId: m = o.activeId,
+      focusShift: w = o.focusShift,
+      focusLoop: D = o.focusLoop,
+      focusWrap: g = o.focusWrap,
+      includesBaseElement: S = o.includesBaseElement,
+      renderedItems: P = o.renderedItems,
+      rtl: b = o.rtl
+    } = x, C = r === "up" || r === "down", W = r === "next" || r === "down", q = W ? b && !C : !b || C, N = w && !f;
+    let p = C ? ae(
+      Ge(ce(P), m, N)
+    ) : P;
+    if (p = q ? Y(p) : p, p = C ? Qe(p) : p, m == null)
+      return (v = R(p)) == null ? void 0 : v.id;
+    const M = p.find((I) => I.id === m);
+    if (!M)
+      return (K = R(p)) == null ? void 0 : K.id;
+    const U = p.some((I) => I.rowId), G = p.indexOf(M), s = p.slice(G + 1), d = re(s, M.rowId);
+    if (f) {
+      const I = $e(d, m), h = I.slice(f)[0] || // If we can't find an item, just return the last one.
+      I[I.length - 1];
+      return h == null ? void 0 : h.id;
+    }
+    const E = D && (C ? D !== "horizontal" : D !== "vertical"), y = U && g && (C ? g !== "horizontal" : g !== "vertical"), _ = W ? (!U || C) && E && S : C ? S : !1;
+    if (E) {
+      const I = y && !_ ? p : re(p, M.rowId), h = je(I, m, _), k = R(h, m);
+      return k == null ? void 0 : k.id;
+    }
+    if (y) {
+      const I = R(
+        // We can use nextItems, which contains all the next items, including
+        // items from other rows, to wrap between rows. However, if there is a
+        // null item (the composite container), we'll only use the next items in
+        // the row. So moving next from the last item will focus on the
+        // composite container. On grid composites, horizontal navigation never
+        // focuses on the composite container, only vertical.
+        _ ? d : s,
+        m
+      );
+      return _ ? (I == null ? void 0 : I.id) || null : I == null ? void 0 : I.id;
+    }
+    const A = R(d, m);
+    return !A && _ ? null : A == null ? void 0 : A.id;
+  };
+  return j(T(T({}, t), l), {
+    setBaseElement: (r) => l.setState("baseElement", r),
+    setActiveId: (r) => l.setState("activeId", r),
+    move: (r) => {
+      r !== void 0 && (l.setState("activeId", r), l.setState("moves", (x) => x + 1));
+    },
+    first: () => {
+      var r;
+      return (r = R(l.getState().renderedItems)) == null ? void 0 : r.id;
+    },
+    last: () => {
+      var r;
+      return (r = R(Y(l.getState().renderedItems))) == null ? void 0 : r.id;
+    },
+    next: (r) => (r !== void 0 && typeof r == "number" && (r = { skip: r }), a("next", r)),
+    previous: (r) => (r !== void 0 && typeof r == "number" && (r = { skip: r }), a("previous", r)),
+    down: (r) => (r !== void 0 && typeof r == "number" && (r = { skip: r }), a("down", r)),
+    up: (r) => (r !== void 0 && typeof r == "number" && (r = { skip: r }), a("up", r))
+  });
+}
+function dt(e, i, n) {
+  return e = Ne(e, i, n), B(e, n, "activeId", "setActiveId"), B(e, n, "includesBaseElement"), B(e, n, "virtualFocus"), B(e, n, "orientation"), B(e, n, "rtl"), B(e, n, "focusLoop"), B(e, n, "focusWrap"), B(e, n, "focusShift"), e;
+}
+var Xe = "div";
+function Ye(e) {
+  return e.some((i) => !!i.rowId);
+}
+function Je(e) {
+  const i = e.target;
+  return i && !ue(i) ? !1 : e.key.length === 1 && !e.ctrlKey && !e.metaKey;
+}
+function Ze(e) {
+  return e.key === "Shift" || e.key === "Control" || e.key === "Alt" || e.key === "Meta";
+}
+function se(e, i, n) {
+  return H((t) => {
+    var u;
+    if (i == null || i(t), t.defaultPrevented || t.isPropagationStopped() || !z(t) || Ze(t) || Je(t)) return;
+    const c = e.getState(), l = (u = L(e, c.activeId)) == null ? void 0 : u.element;
+    if (!l) return;
+    const a = t, r = ie(a, ["view"]), x = n == null ? void 0 : n.current;
+    l !== x && l.focus(), Re(l, t.type, r) || t.preventDefault(), t.currentTarget.contains(l) && t.stopPropagation();
+  });
+}
+function et(e) {
+  return Te(
+    ae(Y(Me(e)))
+  );
+}
+function tt(e) {
+  const [i, n] = Oe(!1), t = ze(() => n(!0), []), u = e.useState(
+    (c) => L(e, c.activeId)
+  );
+  return oe(() => {
+    const c = u == null ? void 0 : u.element;
+    i && c && (n(!1), c.focus({ preventScroll: !0 }));
+  }, [u, i]), t;
+}
+var nt = pe(
+  function(i) {
+    var n = i, {
+      store: t,
+      composite: u = !0,
+      focusOnMove: c = u,
+      moveOnKeyPress: l = !0
+    } = n, a = ie(n, [
+      "store",
+      "composite",
+      "focusOnMove",
+      "moveOnKeyPress"
+    ]);
+    const r = De();
+    t = t || r, Ee(
+      t,
+      process.env.NODE_ENV !== "production" && "Composite must receive a `store` prop or be wrapped in a CompositeProvider component."
+    );
+    const x = ne(null), v = ne(null), K = tt(t), o = t.useState("moves"), [, f] = ye(
+      u ? t.setBaseElement : null
+    );
+    oe(() => {
+      var s;
+      if (!t || !o || !u || !c) return;
+      const { activeId: d } = t.getState(), E = (s = L(t, d)) == null ? void 0 : s.element;
+      E && we(E);
+    }, [t, o, u, c]), ee(() => {
+      if (!t || !o || !u) return;
+      const { baseElement: s, activeId: d } = t.getState();
+      if (!(d === null) || !s) return;
+      const y = v.current;
+      v.current = null, y && O(y, { relatedTarget: s }), be(s) || s.focus();
+    }, [t, o, u]);
+    const m = t.useState("activeId"), w = t.useState("virtualFocus");
+    ee(() => {
+      var s;
+      if (!t || !u || !w) return;
+      const d = v.current;
+      if (v.current = null, !d) return;
+      const y = ((s = L(t, m)) == null ? void 0 : s.element) || he(d);
+      y !== d && O(d, { relatedTarget: y });
+    }, [t, m, w, u]);
+    const D = se(
+      t,
+      a.onKeyDownCapture,
+      v
+    ), g = se(
+      t,
+      a.onKeyUpCapture,
+      v
+    ), S = a.onFocusCapture, P = H((s) => {
+      if (S == null || S(s), s.defaultPrevented || !t) return;
+      const { virtualFocus: d } = t.getState();
+      if (!d) return;
+      const E = s.relatedTarget, y = Ke(s.currentTarget);
+      z(s) && y && (s.stopPropagation(), v.current = E);
+    }), b = a.onFocus, C = H((s) => {
+      if (b == null || b(s), s.defaultPrevented || !u || !t) return;
+      const { relatedTarget: d } = s, { virtualFocus: E } = t.getState();
+      E ? z(s) && !Q(t, d) && queueMicrotask(K) : z(s) && t.setActiveId(null);
+    }), W = a.onBlurCapture, q = H((s) => {
+      var d;
+      if (W == null || W(s), s.defaultPrevented || !t) return;
+      const { virtualFocus: E, activeId: y } = t.getState();
+      if (!E) return;
+      const _ = (d = L(t, y)) == null ? void 0 : d.element, A = s.relatedTarget, I = Q(t, A), h = v.current;
+      v.current = null, z(s) && I ? (A === _ ? h && h !== A && O(h, s) : _ ? O(_, s) : h && O(h, s), s.stopPropagation()) : !Q(t, s.target) && _ && O(_, s);
+    }), N = a.onKeyDown, p = xe(l), M = H((s) => {
+      var d;
+      if (N == null || N(s), s.defaultPrevented || !t || !z(s)) return;
+      const { orientation: E, renderedItems: y, activeId: _ } = t.getState(), A = L(t, _);
+      if ((d = A == null ? void 0 : A.element) != null && d.isConnected) return;
+      const I = E !== "horizontal", h = E !== "vertical", k = Ye(y);
+      if ((s.key === "ArrowLeft" || s.key === "ArrowRight" || s.key === "Home" || s.key === "End") && ue(s.currentTarget)) return;
+      const J = {
+        ArrowUp: (k || I) && (() => {
+          if (k) {
+            const V = et(y);
+            return V == null ? void 0 : V.id;
+          }
+          return t == null ? void 0 : t.last();
+        }),
+        ArrowRight: (k || h) && t.first,
+        ArrowDown: (k || I) && t.first,
+        ArrowLeft: (k || h) && t.last,
+        Home: t.first,
+        End: t.last,
+        PageUp: t.first,
+        PageDown: t.last
+      }[s.key];
+      if (J) {
+        const V = J();
+        if (V !== void 0) {
+          if (!p(s)) return;
+          s.preventDefault(), t.move(V);
+        }
+      }
+    });
+    a = _e(
+      a,
+      (s) => /* @__PURE__ */ Fe.jsx(Le, { value: t, children: s }),
+      [t]
+    );
+    const U = t.useState((s) => {
+      var d;
+      if (t && u && s.virtualFocus)
+        return (d = L(t, s.activeId)) == null ? void 0 : d.id;
+    });
+    a = Pe(te({
+      "aria-activedescendant": U
+    }, a), {
+      ref: Ce(x, f, a.ref),
+      onKeyDownCapture: D,
+      onKeyUpCapture: g,
+      onFocusCapture: P,
+      onFocus: C,
+      onBlurCapture: q,
+      onKeyDown: M
+    });
+    const G = t.useState(
+      (s) => u && (s.virtualFocus || s.activeId === null)
+    );
+    return a = Ae(te({ focusable: G }, a)), a;
+  }
+);
+ke(function(i) {
+  const n = nt(i);
+  return Be(Xe, n);
+});
+export {
+  nt as a,
+  He as b,
+  lt as c,
+  dt as u
+};