welcome-ui 1.0.0-beta.2 → 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/Flex.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),u=require("./System.js"),d=require("./Box.js"),e=u.forwardRef(({align:t,basis:r,dataTestId:l,direction:i,grow:s,justify:n,shrink:o,wrap:a,...x},c)=>f.createElement(d.Box,{alignItems:t,"data-testid":l,display:"flex",flexBasis:r,flexDirection:i,flexGrow:s,flexShrink:o,flexWrap:a,justifyContent:n,ref:c,...x}));e.displayName="Flex";exports.Flex=e;

package/dist/Flex.mjs

@@ -0,0 +1,26 @@
+"use client";
+import n from "react";
+import { forwardRef as s } from "./System.mjs";
+import { Box as p } from "./Box.mjs";
+const d = s(
+  ({ align: e, basis: t, dataTestId: r, direction: l, grow: f, justify: i, shrink: o, wrap: a, ...x }, m) => /* @__PURE__ */ n.createElement(
+    p,
+    {
+      alignItems: e,
+      "data-testid": r,
+      display: "flex",
+      flexBasis: t,
+      flexDirection: l,
+      flexGrow: f,
+      flexShrink: o,
+      flexWrap: a,
+      justifyContent: i,
+      ref: m,
+      ...x
+    }
+  )
+);
+d.displayName = "Flex";
+export {
+  d as Flex
+};

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;