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

package/dist/Field.js

@@ -0,0 +1,72 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),N=require("./index-CiYwvMF0.js"),y=require("./Hint.js"),$=require("./index-DHCyCfRv.js"),j=require("./use-isomorphic-layout-effect-C1_Gy5Nu.js"),F=require("./System.js"),t=require("@xstyled/styled-components"),V=t.css`
+  ${t.th("defaultFields.checkablelabel.default")};
+  align-items: flex-start;
+  overflow-wrap: break-word;
+`,z=t("div").withConfig({shouldForwardProp:F.shouldForwardProp})(({checked:e,isCheckable:o,isRadioGroup:i,withHintText:d})=>t.css`
+    ${o&&t.css`
+      input {
+        margin-top: xs;
+      }
+    `}
+    ${$.StyledLabel} {
+      ${o&&V};
+      ${o&&d&&t.th("defaultFields.checkablelabel.default")}
+      ${e&&t.th("defaultFields.checkablelabel.checked")}
+      ${!o&&t.css`
+        margin-bottom: sm;
+      `}
+      ${i&&t.css`
+        margin-bottom: md;
+      `}
+    }
+    ${t.system};
+  `),C=t.div`
+  display: flex;
+  align-items: flex-start;
+  gap: sm;
+`,D=t.div`
+  display: flex;
+  flex-direction: column;
+`,M=t.divBox(({iconPlacement:e,size:o})=>t.css`
+    position: absolute;
+    top: 0;
+    left: ${e==="left"?t.th(`defaultFields.iconPlacement.${o}.left`):"auto"};
+    right: ${e==="right"?t.th(`defaultFields.iconPlacement.${o}.right`):"auto"};
+    bottom: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    pointer-events: none;
+    transition: medium;
+    transition-timing-function: primary;
+    color: neutral-90;
+    ${t.system};
+
+    /* for button action */
+    & > button {
+      pointer-events: auto;
+    }
+
+    ${o==="xs"&&t.css`
+      button {
+        height: ${t.th("buttons.sizes.xxs.height")};
+        width: ${t.th("buttons.sizes.xxs.height")};
+      }
+    `}
+  `),O=t.divBox(({size:e})=>t.css`
+    position: absolute;
+    padding: 0;
+    top: 0;
+    bottom: 0;
+    right: ${e==="xs"?"sm":"md"};
+    display: flex;
+    align-items: center;
+    gap: xs;
+    color: neutral-90;
+    ${e==="xs"&&t.css`
+      button {
+        height: ${t.th("buttons.sizes.xxs.height")};
+        width: ${t.th("buttons.sizes.xxs.height")};
+      }
+    `}
+  `),Y={Checkbox:"checkbox",Radio:"radio",InputText:"text",RadioTab:"radio",Select:"text",Toggle:"checkbox"},w=e=>Y[e]||e,A=({error:e,success:o,warning:i})=>{if(e)return"danger";if(i)return"warning";if(o)return"success"},J=()=>`wui-field-${Math.random().toString(36).slice(2)}`,K=["disabled","required","variant"],E=F.forwardRef(({children:e,dataTestId:o,disabled:i,disabledIcon:d,error:u,flexDirection:k,hint:I,label:p,required:m,success:h,transparent:v,warning:f,...T},G)=>{const c=w(e.props.type||e.type.displayName),R=c==="radio",b=c==="RadioGroup",S=c==="FieldGroup",q=c==="checkbox",L=e.type.displayName==="Toggle",s=R||q||L,W=k||(s?"row":"column"),P=S||b,a=A({error:u,warning:f,success:h}),r=a?u||f||h:I,B=!!r,l=e.props.id||e.props.name||J(),g=n.cloneElement(n.Children.only(e),{disabled:i,id:l,required:m,variant:a,transparent:v,...P?{flexDirection:W}:{}});return j.useIsomorphicLayoutEffect(()=>{Object.keys(e.props).forEach(x=>{if(K.includes(x)){const H=document.getElementById(l);console.warn(`You must pass the "${x}" prop to the <Field /> instead of`,H)}})},[e.props,e.type.displayName,l]),n.createElement(z,{ref:G,...T,"data-testid":o,isCheckable:s,isRadioGroup:b,withHintText:B},n.createElement(C,null,s&&g,n.createElement(D,null,p&&n.createElement($.Label,{checkableField:s,disabled:i,disabledIcon:d,htmlFor:l,required:m,variant:a,withDisabledIcon:!s},s&&n.createElement(N.VariantIcon,{size:"sm",variant:a}),p),s&&r&&n.createElement(y.Hint,{checkableField:!0,dataTestId:o?`${o}-hint`:void 0,mt:"0",variant:a},r))),!s&&g,!s&&r&&n.createElement(y.Hint,{dataTestId:o?`${o}-hint`:void 0,variant:a},r))});E.displayName="Field";const Q=M,U=O;exports.Field=E;exports.IconGroupWrapper=U;exports.IconWrapper=Q;exports.getBaseType=w;

package/dist/Field.mjs

@@ -0,0 +1,177 @@
+"use client";
+import i from "react";
+import { V as _ } from "./index-DRa_xux4.mjs";
+import { Hint as F } from "./Hint.mjs";
+import { S as H, L as V } from "./index-D3Tnfi3U.mjs";
+import { u as j } from "./use-isomorphic-layout-effect-Izr-e2pi.mjs";
+import { shouldForwardProp as z, forwardRef as C } from "./System.mjs";
+import c, { css as n, th as s, system as w } from "@xstyled/styled-components";
+const D = n`
+  ${s("defaultFields.checkablelabel.default")};
+  align-items: flex-start;
+  overflow-wrap: break-word;
+`, Y = c("div").withConfig({ shouldForwardProp: z })(
+  ({ checked: t, isCheckable: e, isRadioGroup: a, withHintText: m }) => n`
+    ${e && n`
+      input {
+        margin-top: xs;
+      }
+    `}
+    ${H} {
+      ${e && D};
+      ${e && m && s("defaultFields.checkablelabel.default")}
+      ${t && s("defaultFields.checkablelabel.checked")}
+      ${!e && n`
+        margin-bottom: sm;
+      `}
+      ${a && n`
+        margin-bottom: md;
+      `}
+    }
+    ${w};
+  `
+), M = c.div`
+  display: flex;
+  align-items: flex-start;
+  gap: sm;
+`, O = c.div`
+  display: flex;
+  flex-direction: column;
+`, q = c.divBox(
+  ({ iconPlacement: t, size: e }) => n`
+    position: absolute;
+    top: 0;
+    left: ${t === "left" ? s(`defaultFields.iconPlacement.${e}.left`) : "auto"};
+    right: ${t === "right" ? s(`defaultFields.iconPlacement.${e}.right`) : "auto"};
+    bottom: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    pointer-events: none;
+    transition: medium;
+    transition-timing-function: primary;
+    color: neutral-90;
+    ${w};
+
+    /* for button action */
+    & > button {
+      pointer-events: auto;
+    }
+
+    ${e === "xs" && n`
+      button {
+        height: ${s("buttons.sizes.xxs.height")};
+        width: ${s("buttons.sizes.xxs.height")};
+      }
+    `}
+  `
+), A = c.divBox(
+  ({ size: t }) => n`
+    position: absolute;
+    padding: 0;
+    top: 0;
+    bottom: 0;
+    right: ${t === "xs" ? "sm" : "md"};
+    display: flex;
+    align-items: center;
+    gap: xs;
+    color: neutral-90;
+    ${t === "xs" && n`
+      button {
+        height: ${s("buttons.sizes.xxs.height")};
+        width: ${s("buttons.sizes.xxs.height")};
+      }
+    `}
+  `
+), J = {
+  Checkbox: "checkbox",
+  Radio: "radio",
+  InputText: "text",
+  RadioTab: "radio",
+  Select: "text",
+  Toggle: "checkbox"
+}, K = (t) => J[t] || t, Q = ({
+  error: t,
+  success: e,
+  warning: a
+}) => {
+  if (t) return "danger";
+  if (a) return "warning";
+  if (e) return "success";
+}, U = () => `wui-field-${Math.random().toString(36).slice(2)}`, X = ["disabled", "required", "variant"], Z = C(
+  ({
+    children: t,
+    dataTestId: e,
+    disabled: a,
+    disabledIcon: m,
+    error: u,
+    flexDirection: k,
+    hint: E,
+    label: f,
+    required: h,
+    success: b,
+    transparent: v,
+    warning: g,
+    ...I
+  }, R) => {
+    const d = K(t.props.type || t.type.displayName), T = d === "radio", x = d === "RadioGroup", G = d === "FieldGroup", L = d === "checkbox", S = t.type.displayName === "Toggle", o = T || L || S, W = k || (o ? "row" : "column"), B = G || x, r = Q({ error: u, warning: g, success: b }), l = r ? u || g || b : E, N = !!l, p = t.props.id || t.props.name || U(), $ = i.cloneElement(i.Children.only(t), {
+      disabled: a,
+      id: p,
+      required: h,
+      variant: r,
+      transparent: v,
+      ...B ? { flexDirection: W } : {}
+    });
+    return j(() => {
+      Object.keys(t.props).forEach((y) => {
+        if (X.includes(y)) {
+          const P = document.getElementById(p);
+          console.warn(`You must pass the "${y}" prop to the <Field /> instead of`, P);
+        }
+      });
+    }, [t.props, t.type.displayName, p]), /* @__PURE__ */ i.createElement(
+      Y,
+      {
+        ref: R,
+        ...I,
+        "data-testid": e,
+        isCheckable: o,
+        isRadioGroup: x,
+        withHintText: N
+      },
+      /* @__PURE__ */ i.createElement(M, null, o && $, /* @__PURE__ */ i.createElement(O, null, f && /* @__PURE__ */ i.createElement(
+        V,
+        {
+          checkableField: o,
+          disabled: a,
+          disabledIcon: m,
+          htmlFor: p,
+          required: h,
+          variant: r,
+          withDisabledIcon: !o
+        },
+        o && /* @__PURE__ */ i.createElement(_, { size: "sm", variant: r }),
+        f
+      ), o && l && /* @__PURE__ */ i.createElement(
+        F,
+        {
+          checkableField: !0,
+          dataTestId: e ? `${e}-hint` : void 0,
+          mt: "0",
+          variant: r
+        },
+        l
+      ))),
+      !o && $,
+      !o && l && /* @__PURE__ */ i.createElement(F, { dataTestId: e ? `${e}-hint` : void 0, variant: r }, l)
+    );
+  }
+);
+Z.displayName = "Field";
+const rt = q, lt = A;
+export {
+  Z as Field,
+  lt as IconGroupWrapper,
+  rt as IconWrapper,
+  K as getBaseType
+};

package/dist/FieldGroup.js

@@ -0,0 +1,13 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),u=require("./index-DHCyCfRv.js"),d=require("./System.js"),e=require("@xstyled/styled-components"),i=e.fieldsetBox.withConfig({shouldForwardProp:d.shouldForwardProp})`
+  width: 100%;
+  min-width: 0;
+  min-height: 0;
+  margin: 0;
+  padding: 0;
+  ${e.th("defaultFields.fieldset")};
+  ${e.system};
+
+  > * {
+    margin-bottom: md;
+  }
+`,o=d.forwardRef(({children:l,dataTestId:s,label:t,required:n},a)=>r.createElement(i,{"data-testid":s,ref:a},t&&r.createElement(u.Label,{as:"legend",required:n},t),l));o.displayName="FieldGroup";const c=i;exports.FieldGroup=o;exports.StyledFieldGroup=c;

package/dist/FieldGroup.mjs

@@ -0,0 +1,26 @@
+"use client";
+import t from "react";
+import { L as a } from "./index-D3Tnfi3U.mjs";
+import { shouldForwardProp as l, forwardRef as s } from "./System.mjs";
+import n, { th as f, system as p } from "@xstyled/styled-components";
+const d = n.fieldsetBox.withConfig({ shouldForwardProp: l })`
+  width: 100%;
+  min-width: 0;
+  min-height: 0;
+  margin: 0;
+  padding: 0;
+  ${f("defaultFields.fieldset")};
+  ${p};
+
+  > * {
+    margin-bottom: md;
+  }
+`, u = s(
+  ({ children: i, dataTestId: o, label: e, required: r }, m) => /* @__PURE__ */ t.createElement(d, { "data-testid": o, ref: m }, e && /* @__PURE__ */ t.createElement(a, { as: "legend", required: r }, e), i)
+);
+u.displayName = "FieldGroup";
+const w = d;
+export {
+  u as FieldGroup,
+  w as StyledFieldGroup
+};

package/dist/FileDrop.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const e=require("./index-BZq8PyIk.js");require("./Icon.js");require("./Button.js");require("./System.js");require("./create-event-YSlay9Ef.js");exports.FileDrop=e.FileDrop;exports.ImagePreview=e.ImagePreview;

package/dist/FileDrop.mjs

@@ -0,0 +1,10 @@
+import "react";
+import { F as a, I as s } from "./index-R0G4mc9j.mjs";
+import "./Icon.mjs";
+import "./Button.mjs";
+import "./System.mjs";
+import "./create-event-rXDe5aCQ.mjs";
+export {
+  a as FileDrop,
+  s as ImagePreview
+};

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-BxWjuyQw.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-Bn9aiaUQ.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;