@spark-ui/components 13.0.6 → 13.1.0

package/dist/alert-dialog/index.js

@@ -1,405 +1,35 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/alert-dialog/index.ts
-var alert_dialog_exports = {};
-__export(alert_dialog_exports, {
-  AlertDialog: () => AlertDialog2,
-  useAlertDialog: () => useAlertDialog
-});
-module.exports = __toCommonJS(alert_dialog_exports);
-
-// src/alert-dialog/AlertDialog.tsx
-var import_alert_dialog = require("@base-ui/react/alert-dialog");
-var import_react2 = require("react");
-
-// src/alert-dialog/AlertDialogContext.tsx
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var AlertDialogContext = (0, import_react.createContext)(null);
-var AlertDialogProvider = ({
-  children,
-  withFade = false,
-  cancelRef
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogContext.Provider,
-    {
-      value: {
-        cancelRef,
-        withFade
-      },
-      children
-    }
-  );
-};
-var useAlertDialog = () => {
-  const context = (0, import_react.useContext)(AlertDialogContext);
-  if (!context) {
-    throw Error("useAlertDialog must be used within an AlertDialog provider");
-  }
-  return context;
-};
-
-// src/alert-dialog/AlertDialog.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var AlertDialog = ({ onOpenChange, withFade = false, ...props }) => {
-  const cancelRef = (0, import_react2.useRef)(null);
-  const handleOpenChange = onOpenChange ? (open, _eventDetails) => {
-    onOpenChange(open);
-  } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AlertDialogProvider, { withFade, cancelRef, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_alert_dialog.AlertDialog.Root,
-    {
-      "data-spark-component": "alert-dialog",
-      onOpenChange: handleOpenChange,
-      ...props
-    }
-  ) });
-};
-AlertDialog.displayName = "AlertDialog";
-
-// src/alert-dialog/AlertDialogAction.tsx
-var import_alert_dialog2 = require("@base-ui/react/alert-dialog");
-
-// src/slot/Slot.tsx
-var import_radix_ui = require("radix-ui");
-var import_react3 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Slottable = import_radix_ui.Slot.Slottable;
-var Slot = ({ ref, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_radix_ui.Slot.Root, { ref, ...props });
-};
-
-// src/alert-dialog/useRenderSlot.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function useRenderSlot(asChild, defaultTag) {
-  const Component = asChild ? Slot : defaultTag;
-  return asChild ? ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Component, { ...props }) : void 0;
-}
-
-// src/alert-dialog/AlertDialogAction.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var AlertDialogAction = ({ asChild = false, ...props }) => {
-  const renderSlot = useRenderSlot(asChild, "button");
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_alert_dialog2.AlertDialog.Close,
-    {
-      "data-spark-component": "alert-dialog-action",
-      render: renderSlot,
-      ...props
-    }
-  );
-};
-AlertDialogAction.displayName = "AlertDialog.Action";
-
-// src/alert-dialog/AlertDialogBody.tsx
-var import_use_merge_refs = require("@spark-ui/hooks/use-merge-refs");
-var import_use_scroll_overflow = require("@spark-ui/hooks/use-scroll-overflow");
-var import_class_variance_authority = require("class-variance-authority");
-var import_react4 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var AlertDialogBody = ({
-  children,
-  className,
-  inset = false,
-  ref: forwardedRef,
-  ...rest
-}) => {
-  const scrollAreaRef = (0, import_react4.useRef)(null);
-  const ref = (0, import_use_merge_refs.useMergeRefs)(forwardedRef, scrollAreaRef);
-  const { withFade } = useAlertDialog();
-  const { overflow } = (0, import_use_scroll_overflow.useScrollOverflow)(scrollAreaRef);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    "div",
-    {
-      "data-spark-component": "alert-dialog-body",
-      ref,
-      className: (0, import_class_variance_authority.cx)(
-        "focus-visible:u-outline relative grow overflow-y-auto outline-hidden",
-        "transition-all duration-300",
-        {
-          ["px-xl py-lg"]: !inset
-        },
-        className
-      ),
-      style: {
-        ...withFade && {
-          maskImage: "linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 44px, rgba(0, 0, 0, 1) calc(100% - 44px), rgba(0, 0, 0, 0))",
-          maskSize: `100% calc(100% + ${overflow.top ? "0px" : "44px"} + ${overflow.bottom ? "0px" : "44px"})`,
-          maskPosition: `0 ${overflow.top ? "0px" : "-44px"}`
-        }
-      },
-      ...rest,
-      children
-    }
-  );
-};
-AlertDialogBody.displayName = "AlertDialog.Body";
-
-// src/alert-dialog/AlertDialogCancel.tsx
-var import_alert_dialog3 = require("@base-ui/react/alert-dialog");
-var import_use_merge_refs2 = require("@spark-ui/hooks/use-merge-refs");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var AlertDialogCancel = ({
-  asChild = false,
-  ref: forwardedRef,
-  ...props
-}) => {
-  const { cancelRef } = useAlertDialog();
-  const ref = (0, import_use_merge_refs2.useMergeRefs)(forwardedRef, cancelRef);
-  const renderSlot = useRenderSlot(asChild, "button");
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    import_alert_dialog3.AlertDialog.Close,
-    {
-      ref,
-      "data-spark-component": "alert-dialog-cancel",
-      render: renderSlot,
-      ...props
-    }
-  );
-};
-AlertDialogCancel.displayName = "AlertDialog.Cancel";
-
-// src/alert-dialog/AlertDialogContent.tsx
-var import_alert_dialog4 = require("@base-ui/react/alert-dialog");
-var import_class_variance_authority3 = require("class-variance-authority");
-
-// src/dialog/DialogContent.styles.tsx
-var import_class_variance_authority2 = require("class-variance-authority");
-var dialogContentStyles = (0, import_class_variance_authority2.cva)(
-  [
-    "z-modal flex flex-col bg-surface group",
-    "focus-visible:outline-hidden focus-visible:u-outline",
-    "[&:not(:has(footer))]:pb-lg",
-    "[&:not(:has(header))]:pt-lg"
-  ],
-  {
-    variants: {
-      size: {
-        fullscreen: "fixed size-full top-0 left-0",
-        sm: "max-w-sz-480",
-        md: "max-w-sz-672",
-        lg: "max-w-sz-864"
-      },
-      isNarrow: {
-        true: [],
-        false: []
-      }
-    },
-    compoundVariants: [
-      {
-        size: ["sm", "md", "lg"],
-        class: [
-          "fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
-          "max-h-[80%]",
-          "shadow-md rounded-lg",
-          "data-[state=open]:animate-fade-in",
-          "data-[state=closed]:animate-fade-out"
-        ]
-      },
-      {
-        size: ["sm", "md", "lg"],
-        isNarrow: false,
-        class: ["w-full"]
-      }
-    ],
-    defaultVariants: {
-      size: "md",
-      isNarrow: false
-    }
-  }
-);
-
-// src/alert-dialog/AlertDialogContent.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var AlertDialogContent = ({
-  className,
-  ref,
-  initialFocus,
-  ...others
-}) => {
-  const { cancelRef } = useAlertDialog();
-  const handleInitialFocus = initialFocus !== void 0 ? initialFocus : () => cancelRef.current;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    import_alert_dialog4.AlertDialog.Popup,
-    {
-      ref,
-      "data-spark-component": "alert-dialog-content",
-      role: "alertdialog",
-      className: (state) => (0, import_class_variance_authority3.cx)(
-        dialogContentStyles({ size: "md", isNarrow: true }),
-        "min-w-sz-288",
-        // Base UI automatically adds data-[starting-style] and data-[ending-style] attributes
-        // Transition with opacity and scale for smooth open/close animations
-        "transition-all duration-150",
-        "data-starting-style:scale-90 data-starting-style:opacity-0",
-        "data-ending-style:scale-90 data-ending-style:opacity-0",
-        typeof className === "function" ? className(state) : className
-      ),
-      initialFocus: handleInitialFocus,
-      ...others
-    }
-  );
-};
-AlertDialogContent.displayName = "AlertDialog.Content";
-
-// src/alert-dialog/AlertDialogDescription.tsx
-var import_alert_dialog5 = require("@base-ui/react/alert-dialog");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var AlertDialogDescription = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_alert_dialog5.AlertDialog.Description, { "data-spark-component": "alert-dialog-description", ...props });
-};
-AlertDialogDescription.displayName = "AlertDialog.Description";
-
-// src/alert-dialog/AlertDialogFooter.tsx
-var import_class_variance_authority4 = require("class-variance-authority");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var AlertDialogFooter = ({
-  children,
-  className,
-  ref,
-  ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-  "footer",
-  {
-    "data-spark-component": "alert-dialog-footer",
-    ref,
-    className: (0, import_class_variance_authority4.cx)(className, ["px-xl", "py-lg"]),
-    ...rest,
-    children
-  }
-);
-AlertDialogFooter.displayName = "AlertDialog.Footer";
-
-// src/alert-dialog/AlertDialogHeader.tsx
-var import_class_variance_authority5 = require("class-variance-authority");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var AlertDialogHeader = ({
-  children,
-  className,
-  ref,
-  ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-  "header",
-  {
-    "data-spark-component": "alert-dialog-header",
-    ref,
-    className: (0, import_class_variance_authority5.cx)(className, ["px-xl", "py-lg"]),
-    ...rest,
-    children
-  }
-);
-AlertDialogHeader.displayName = "AlertDialog.Header";
-
-// src/alert-dialog/AlertDialogOverlay.tsx
-var import_alert_dialog6 = require("@base-ui/react/alert-dialog");
-var import_class_variance_authority6 = require("class-variance-authority");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var AlertDialogOverlay = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_alert_dialog6.AlertDialog.Backdrop,
-    {
-      "data-spark-component": "alert-dialog-overlay",
-      className: (state) => (0, import_class_variance_authority6.cx)(
-        "z-overlay fixed top-0 left-0 h-screen w-screen",
-        "bg-overlay/dim-1",
-        // Base UI automatically adds data-[starting-style] and data-[ending-style] attributes
-        "data-[starting-style]:animate-fade-in",
-        "data-[ending-style]:animate-fade-out",
-        typeof className === "function" ? className(state) : className
-      ),
-      ...props
-    }
-  );
-};
-AlertDialogOverlay.displayName = "AlertDialog.Overlay";
-
-// src/alert-dialog/AlertDialogPortal.tsx
-var import_alert_dialog7 = require("@base-ui/react/alert-dialog");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var AlertDialogPortal = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_alert_dialog7.AlertDialog.Portal, { "data-spark-component": "alert-dialog-portal", ...props });
-};
-AlertDialogPortal.displayName = "AlertDialog.Portal";
-
-// src/alert-dialog/AlertDialogTitle.tsx
-var import_alert_dialog8 = require("@base-ui/react/alert-dialog");
-var import_class_variance_authority7 = require("class-variance-authority");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var AlertDialogTitle = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    import_alert_dialog8.AlertDialog.Title,
-    {
-      "data-spark-component": "alert-dialog-title",
-      className: (0, import_class_variance_authority7.cx)("text-headline-1 text-on-surface", className),
-      ...props
-    }
-  );
-};
-AlertDialogTitle.displayName = "AlertDialog.Title";
-
-// src/alert-dialog/AlertDialogTrigger.tsx
-var import_alert_dialog9 = require("@base-ui/react/alert-dialog");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var AlertDialogTrigger = ({ asChild = false, ...props }) => {
-  const renderSlot = useRenderSlot(asChild, "button");
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    import_alert_dialog9.AlertDialog.Trigger,
-    {
-      "data-spark-component": "alert-dialog-trigger",
-      render: renderSlot,
-      ...props
-    }
-  );
-};
-AlertDialogTrigger.displayName = "AlertDialog.Trigger";
-
-// src/alert-dialog/index.ts
-var AlertDialog2 = Object.assign(AlertDialog, {
-  Action: AlertDialogAction,
-  Body: AlertDialogBody,
-  Cancel: AlertDialogCancel,
-  Content: AlertDialogContent,
-  Description: AlertDialogDescription,
-  Footer: AlertDialogFooter,
-  Header: AlertDialogHeader,
-  Overlay: AlertDialogOverlay,
-  Portal: AlertDialogPortal,
-  Title: AlertDialogTitle,
-  Trigger: AlertDialogTrigger
-});
-AlertDialog2.displayName = "AlertDialog";
-AlertDialog2.Action.displayName = "AlertDialog.Action";
-AlertDialog2.Body.displayName = "AlertDialog.Body";
-AlertDialog2.Cancel.displayName = "AlertDialog.Cancel";
-AlertDialog2.Content.displayName = "AlertDialog.Content";
-AlertDialog2.Description.displayName = "AlertDialog.Description";
-AlertDialog2.Footer.displayName = "AlertDialog.Footer";
-AlertDialog2.Header.displayName = "AlertDialog.Header";
-AlertDialog2.Overlay.displayName = "AlertDialog.Overlay";
-AlertDialog2.Portal.displayName = "AlertDialog.Portal";
-AlertDialog2.Title.displayName = "AlertDialog.Title";
-AlertDialog2.Trigger.displayName = "AlertDialog.Trigger";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AlertDialog,
-  useAlertDialog
-});
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("react/jsx-runtime"),de=require("react"),c=require("../useOpenChangeComplete-Dk-u_f2y.js"),F=require("../floating-ui.utils.dom-CCN4I08l.js"),ct=require("../detectBrowser-DTbs_30X.js"),d=require("../inertValue-ShwihJSN.js"),Pe=require("../useTransitionStatus-CqbEyvIj.js"),He=require("../index-DdkVj7D0.js"),se=require("../composite-fJD9R7R0.js"),Kt=require("../Slot-ghrohQLA.js"),ut=require("@spark-ui/hooks/use-merge-refs"),zt=require("@spark-ui/hooks/use-scroll-overflow"),be=require("../index-DnaHaH_0.js"),qt=require("../DialogContent.styles-BrhKaHc_.js");function $t(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const f=$t(de);function he(e,t,n=!0){return e.filter(r=>r.parentId===t&&(!n||r.context?.open)).flatMap(r=>[r,...he(e,r.id,n)])}function Ye(e,t){let n=[],o=e.find(r=>r.id===t)?.parentId;for(;o;){const r=e.find(s=>s.id===o);o=r?.parentId,r&&(n=n.concat(r))}return n}let Ge={},Xe={},Je="";function Ut(e){if(typeof document>"u")return!1;const t=d.ownerDocument(e);return F.getWindow(t).innerWidth-t.documentElement.clientWidth>0}function Yt(e){const t=d.ownerDocument(e),n=t.documentElement,o=t.body,r=F.isOverflowElement(n)?n:o,s=r.style.overflow;return r.style.overflow="hidden",()=>{r.style.overflow=s}}function Gt(e){const t=d.ownerDocument(e),n=t.documentElement,o=t.body,r=F.getWindow(n);let s=0,l=0;const a=c.AnimationFrame.create(),i=typeof CSS<"u"&&CSS.supports?.("scrollbar-gutter","stable");if(ct.isWebKit&&(r.visualViewport?.scale??1)!==1)return()=>{};function u(){const m=r.getComputedStyle(n),E=r.getComputedStyle(o),R=(m.scrollbarGutter||"").includes("both-edges")?"stable both-edges":"stable";s=n.scrollTop,l=n.scrollLeft,Ge={scrollbarGutter:n.style.scrollbarGutter,overflowY:n.style.overflowY,overflowX:n.style.overflowX},Je=n.style.scrollBehavior,Xe={position:o.style.position,height:o.style.height,width:o.style.width,boxSizing:o.style.boxSizing,overflowY:o.style.overflowY,overflowX:o.style.overflowX,scrollBehavior:o.style.scrollBehavior};const x=n.scrollHeight>n.clientHeight,v=n.scrollWidth>n.clientWidth,y=m.overflowY==="scroll"||E.overflowY==="scroll",k=m.overflowX==="scroll"||E.overflowX==="scroll",M=Math.max(0,r.innerWidth-n.clientWidth),D=Math.max(0,r.innerHeight-n.clientHeight),I=parseFloat(E.marginTop)+parseFloat(E.marginBottom),N=parseFloat(E.marginLeft)+parseFloat(E.marginRight),W=F.isOverflowElement(n)?n:o;if(i){n.style.scrollbarGutter=R,W.style.overflowY="hidden",W.style.overflowX="hidden";return}Object.assign(n.style,{scrollbarGutter:R,overflowY:"hidden",overflowX:"hidden"}),(x||y)&&(n.style.overflowY="scroll"),(v||k)&&(n.style.overflowX="scroll"),Object.assign(o.style,{position:"relative",height:I||D?`calc(100dvh - ${I+D}px)`:"100dvh",width:N||M?`calc(100vw - ${N+M}px)`:"100vw",boxSizing:"border-box",overflow:"hidden",scrollBehavior:"unset"}),o.scrollTop=s,o.scrollLeft=l,n.setAttribute("data-base-ui-scroll-locked",""),n.style.scrollBehavior="unset"}function g(){Object.assign(n.style,Ge),Object.assign(o.style,Xe),i||(n.scrollTop=s,n.scrollLeft=l,n.removeAttribute("data-base-ui-scroll-locked"),n.style.scrollBehavior=Je)}function b(){g(),a.request(u)}return u(),r.addEventListener("resize",b),()=>{a.cancel(),g(),typeof r.removeEventListener=="function"&&r.removeEventListener("resize",b)}}class Xt{lockCount=0;restore=null;timeoutLock=d.Timeout.create();timeoutUnlock=d.Timeout.create();acquire(t){return this.lockCount+=1,this.lockCount===1&&this.restore===null&&this.timeoutLock.start(0,()=>this.lock(t)),this.release}release=()=>{this.lockCount-=1,this.lockCount===0&&this.restore&&this.timeoutUnlock.start(0,this.unlock)};unlock=()=>{this.lockCount===0&&this.restore&&(this.restore?.(),this.restore=null)};lock(t){if(this.lockCount===0||this.restore!==null)return;const o=d.ownerDocument(t).documentElement,r=F.getWindow(o).getComputedStyle(o).overflowY;if(r==="hidden"||r==="clip"){this.restore=c.NOOP;return}const s=ct.isIOS||!Ut(t);this.restore=s?Yt(t):Gt(t)}}const Jt=new Xt;function Qt(e=!0,t=null){c.useIsoLayoutEffect(()=>{if(e)return Jt.acquire(t)},[e,t])}function Zt(){const e=new Map;return{emit(t,n){e.get(t)?.forEach(o=>o(n))},on(t,n){e.has(t)||e.set(t,new Set),e.get(t).add(n)},off(t,n){e.get(t)?.delete(n)}}}const dt=f.createContext(null);process.env.NODE_ENV!=="production"&&(dt.displayName="FloatingNodeContext");const ft=f.createContext(null);process.env.NODE_ENV!=="production"&&(ft.displayName="FloatingTreeContext");const pt=()=>f.useContext(dt)?.id||null,gt=e=>{const t=f.useContext(ft);return e??t};let Qe=0;function Fe(e,t={}){const{preventScroll:n=!1,cancelPrevious:o=!0,sync:r=!1}=t;o&&cancelAnimationFrame(Qe);const s=()=>e?.focus({preventScroll:n});r?s():Qe=requestAnimationFrame(s)}const Ee={inert:new WeakMap,"aria-hidden":new WeakMap,none:new WeakMap};function Ze(e){return e==="inert"?Ee.inert:e==="aria-hidden"?Ee["aria-hidden"]:Ee.none}let we=new WeakSet,De={},Ve=0;const mt=e=>e&&(e.host||mt(e.parentNode)),en=(e,t)=>t.map(n=>{if(e.contains(n))return n;const o=mt(n);return e.contains(o)?o:null}).filter(n=>n!=null);function tn(e,t,n,o){const r="data-base-ui-inert",s=o?"inert":n?"aria-hidden":null,l=en(t,e),a=new Set,i=new Set(l),u=[];De[r]||(De[r]=new WeakMap);const g=De[r];l.forEach(b),m(t),a.clear();function b(E){!E||a.has(E)||(a.add(E),E.parentNode&&b(E.parentNode))}function m(E){!E||i.has(E)||[].forEach.call(E.children,h=>{if(F.getNodeName(h)!=="script")if(a.has(h))m(h);else{const C=s?h.getAttribute(s):null,R=C!==null&&C!=="false",x=Ze(s),v=(x.get(h)||0)+1,y=(g.get(h)||0)+1;x.set(h,v),g.set(h,y),u.push(h),v===1&&R&&we.add(h),y===1&&h.setAttribute(r,""),!R&&s&&h.setAttribute(s,s==="inert"?"":"true")}})}return Ve+=1,()=>{u.forEach(E=>{const h=Ze(s),R=(h.get(E)||0)-1,x=(g.get(E)||0)-1;h.set(E,R),g.set(E,x),R||(!we.has(E)&&s&&E.removeAttribute(s),we.delete(E)),x||E.removeAttribute(r)}),Ve-=1,Ve||(Ee.inert=new WeakMap,Ee["aria-hidden"]=new WeakMap,Ee.none=new WeakMap,we=new WeakSet,De={})}}function nn(e,t=!1,n=!1){const o=d.getDocument(e[0]).body;return tn(e.concat(Array.from(o.querySelectorAll("[aria-live]"))),o,t,n)}function on(e,t){const n=F.getWindow(e.target);return e instanceof n.KeyboardEvent?"keyboard":e instanceof n.FocusEvent?t||"keyboard":"pointerType"in e?e.pointerType||"keyboard":"touches"in e?"touch":e instanceof n.MouseEvent?t||(e.detail===0?"keyboard":"mouse"):""}const et=20;let le=[];function Ke(){le=le.filter(e=>e.isConnected)}function rn(e){Ke(),e&&F.getNodeName(e)!=="body"&&(le.push(e),le.length>et&&(le=le.slice(-et)))}function Be(){return Ke(),le[le.length-1]}function sn(e){if(!e)return null;const t=d.getTabbableOptions();return d.isTabbable(e,t)?e:d.tabbable(e,t)[0]||e}function ln(e){return!e||!e.isConnected?!1:typeof e.checkVisibility=="function"?e.checkVisibility():F.getComputedStyle(e).display!=="none"}function tt(e,t){if(!t.current.includes("floating")&&!e.getAttribute("role")?.includes("dialog"))return;const n=d.getTabbableOptions(),r=d.focusable(e,n).filter(l=>{const a=l.getAttribute("data-tabindex")||"";return d.isTabbable(l,n)||l.hasAttribute("data-tabindex")&&!a.startsWith("-")}),s=e.getAttribute("tabindex");t.current.includes("floating")||r.length===0?s!=="0"&&e.setAttribute("tabindex","0"):(s!=="-1"||e.hasAttribute("data-tabindex")&&e.getAttribute("data-tabindex")!=="-1")&&(e.setAttribute("tabindex","-1"),e.setAttribute("data-tabindex","-1"))}function an(e){const{context:t,children:n,disabled:o=!1,order:r=["content"],initialFocus:s=!0,returnFocus:l=!0,restoreFocus:a=!1,modal:i=!0,closeOnFocusOut:u=!0,openInteractionType:g="",getInsideElements:b=()=>[],nextFocusableElement:m,previousFocusableElement:E,beforeContentFocusGuardRef:h,externalTree:C}=e,R="rootStore"in t?t.rootStore:t,x=R.useState("open"),v=R.useState("domReferenceElement"),y=R.useState("floatingElement"),{events:k,dataRef:M}=R.context,D=c.useStableCallback(()=>M.current.floatingContext?.nodeId),I=c.useStableCallback(b),N=s===!1,W=d.isTypeableCombobox(v)&&N,H=c.useValueAsRef(r),$=c.useValueAsRef(s),X=c.useValueAsRef(l),ye=c.useValueAsRef(g),Y=gt(C),V=d.usePortalContext(),oe=f.useRef(null),Le=f.useRef(null),U=f.useRef(!1),ne=f.useRef(!1),fe=f.useRef(!1),Te=f.useRef(-1),pe=f.useRef(""),te=f.useRef(""),Se=d.useTimeout(),ge=d.useTimeout(),Re=c.useAnimationFrame(),ce=V!=null,P=d.getFloatingFocusElement(y),Z=c.useStableCallback((S=P)=>S?d.tabbable(S,d.getTabbableOptions()):[]),ie=c.useStableCallback(S=>{const w=Z(S);return H.current.map(()=>w).filter(Boolean).flat()});f.useEffect(()=>{if(o||!i)return;function S(z){z.key==="Tab"&&d.contains(P,d.activeElement(d.getDocument(P)))&&Z().length===0&&!W&&se.stopEvent(z)}const w=d.getDocument(P);return w.addEventListener("keydown",S),()=>{w.removeEventListener("keydown",S)}},[o,v,P,i,H,W,Z,ie]),f.useEffect(()=>{if(o||!y)return;function S(w){const z=d.getTarget(w),q=Z().indexOf(z);q!==-1&&(Te.current=q)}return y.addEventListener("focusin",S),()=>{y.removeEventListener("focusin",S)}},[o,y,Z]),f.useEffect(()=>{if(o||!x)return;const S=d.getDocument(P);function w(){fe.current=!1}function z(q){const T=d.getTarget(q),A=d.contains(y,T)||d.contains(v,T)||d.contains(V?.portalNode,T);fe.current=!A,te.current=q.pointerType||"keyboard"}function j(){te.current="keyboard"}return S.addEventListener("pointerdown",z,!0),S.addEventListener("pointerup",w,!0),S.addEventListener("pointercancel",w,!0),S.addEventListener("keydown",j,!0),()=>{S.removeEventListener("pointerdown",z,!0),S.removeEventListener("pointerup",w,!0),S.removeEventListener("pointercancel",w,!0),S.removeEventListener("keydown",j,!0)}},[o,y,v,P,x,V]),f.useEffect(()=>{if(o||!u)return;function S(){ne.current=!0,ge.start(0,()=>{ne.current=!1})}function w(T){const A=T.relatedTarget,re=T.currentTarget,J=d.getTarget(T);queueMicrotask(()=>{const me=D(),Oe=R.context.triggerElements,_e=!(d.contains(v,A)||d.contains(y,A)||d.contains(A,y)||d.contains(V?.portalNode,A)||A!=null&&Oe.hasElement(A)||Oe.hasMatchingElement(ee=>d.contains(ee,A))||A?.hasAttribute(d.createAttribute("focus-guard"))||Y&&(he(Y.nodesRef.current,me).find(ee=>d.contains(ee.context?.elements.floating,A)||d.contains(ee.context?.elements.domReference,A))||Ye(Y.nodesRef.current,me).find(ee=>[ee.context?.elements.floating,d.getFloatingFocusElement(ee.context?.elements.floating)].includes(A)||ee.context?.elements.domReference===A)));if(re===v&&P&&tt(P,H),a&&re!==v&&!ln(J)&&d.activeElement(d.getDocument(P))===d.getDocument(P).body){if(F.isHTMLElement(P)&&(P.focus(),a==="popup")){Re.request(()=>{P.focus()});return}const ee=Te.current,ve=Z(),xe=ve[ee]||ve[ve.length-1]||P;F.isHTMLElement(xe)&&xe.focus()}if(M.current.insideReactTree){M.current.insideReactTree=!1;return}(W||!i)&&A&&_e&&!ne.current&&(W||A!==Be())&&(U.current=!0,R.setOpen(!1,c.createChangeEventDetails(c.focusOut,T)))})}function z(){fe.current||(M.current.insideReactTree=!0,Se.start(0,()=>{M.current.insideReactTree=!1}))}const j=F.isHTMLElement(v)?v:null,q=[];if(!(!y&&!j))return j&&(j.addEventListener("focusout",w),j.addEventListener("pointerdown",S),q.push(()=>{j.removeEventListener("focusout",w),j.removeEventListener("pointerdown",S)})),y&&(y.addEventListener("focusout",w),V&&(y.addEventListener("focusout",z,!0),q.push(()=>{y.removeEventListener("focusout",z,!0)})),q.push(()=>{y.removeEventListener("focusout",w)})),()=>{q.forEach(T=>{T()})}},[o,v,y,P,i,Y,V,R,u,a,Z,W,D,H,M,Se,ge,Re]);const p=f.useRef(null),L=f.useRef(null),O=c.useMergedRefs(p,h,V?.beforeInsideRef),G=c.useMergedRefs(L,V?.afterInsideRef);f.useEffect(()=>{if(o||!y||!x)return;const S=Array.from(V?.portalNode?.querySelectorAll(`[${d.createAttribute("portal")}]`)||[]),z=(Y?Ye(Y.nodesRef.current,D()):[]).find(T=>d.isTypeableCombobox(T.context?.elements.domReference||null))?.context?.elements.domReference,j=[y,z,...S,...I(),oe.current,Le.current,p.current,L.current,V?.beforeOutsideRef.current,V?.afterOutsideRef.current,c.resolveRef(E),c.resolveRef(m),W?v:null].filter(T=>T!=null),q=nn(j,i||W);return()=>{q()}},[x,o,v,y,i,H,V,W,Y,D,I,m,E]),c.useIsoLayoutEffect(()=>{if(!x||o||!F.isHTMLElement(P))return;const S=d.getDocument(P),w=d.activeElement(S);queueMicrotask(()=>{const z=ie(P),j=$.current,q=typeof j=="function"?j(ye.current||""):j;if(q===void 0||q===!1)return;let T;q===!0||q===null?T=z[0]||P:T=c.resolveRef(q),T=T||z[0]||P,!d.contains(P,w)&&Fe(T,{preventScroll:T===P})})},[o,x,P,N,ie,$,ye]),c.useIsoLayoutEffect(()=>{if(o||!P)return;const S=d.getDocument(P),w=d.activeElement(S);rn(w);function z(T){if(T.open||(pe.current=on(T.nativeEvent,te.current)),T.reason===c.triggerHover&&T.nativeEvent.type==="mouseleave"&&(U.current=!0),T.reason===c.outsidePress)if(T.nested)U.current=!1;else if(se.isVirtualClick(T.nativeEvent)||se.isVirtualPointerEvent(T.nativeEvent))U.current=!1;else{let A=!1;document.createElement("div").focus({get preventScroll(){return A=!0,!1}}),A?U.current=!1:U.current=!0}}k.on("openchange",z);const j=S.createElement("span");j.setAttribute("tabindex","-1"),j.setAttribute("aria-hidden","true"),Object.assign(j.style,d.visuallyHidden),ce&&v&&v.insertAdjacentElement("afterend",j);function q(){const T=X.current;let A=typeof T=="function"?T(pe.current):T;if(A===void 0||A===!1)return null;if(A===null&&(A=!0),typeof A=="boolean"){const J=v||Be();return J&&J.isConnected?J:j}const re=v||Be()||j;return c.resolveRef(A)||re}return()=>{k.off("openchange",z);const T=d.activeElement(S),A=d.contains(y,T)||Y&&he(Y.nodesRef.current,D(),!1).some(J=>d.contains(J.context?.elements.floating,T)),re=q();queueMicrotask(()=>{const J=sn(re),me=typeof X.current!="boolean";X.current&&!U.current&&F.isHTMLElement(J)&&(!(!me&&J!==T&&T!==S.body)||A)&&J.focus({preventScroll:!0}),j.remove()})}},[o,y,P,X,M,k,Y,ce,v,D]),f.useEffect(()=>{queueMicrotask(()=>{U.current=!1})},[o]),f.useEffect(()=>{if(o||!x)return;function S(z){d.getTarget(z)?.closest(`[${d.CLICK_TRIGGER_IDENTIFIER}]`)&&(ne.current=!0)}const w=d.getDocument(P);return w.addEventListener("pointerdown",S,!0),()=>{w.removeEventListener("pointerdown",S,!0)}},[o,x,P]),c.useIsoLayoutEffect(()=>{if(!o&&V)return V.setFocusManagerState({modal:i,closeOnFocusOut:u,open:x,onOpenChange:R.setOpen,domReference:v}),()=>{V.setFocusManagerState(null)}},[o,V,i,x,R,u,v]),c.useIsoLayoutEffect(()=>{if(!(o||!P))return tt(P,H),()=>{queueMicrotask(Ke)}},[o,P,H]);const _=!o&&(i?!W:!0)&&(ce||i);return K.jsxs(f.Fragment,{children:[_&&K.jsx(d.FocusGuard,{"data-type":"inside",ref:O,onFocus:S=>{if(i){const w=ie();Fe(w[w.length-1])}else V?.portalNode&&(U.current=!1,d.isOutsideEvent(S,V.portalNode)?d.getNextTabbable(v)?.focus():c.resolveRef(E??V.beforeOutsideRef)?.focus())}}),n,_&&K.jsx(d.FocusGuard,{"data-type":"inside",ref:G,onFocus:S=>{i?Fe(ie()[0]):V?.portalNode&&(u&&(U.current=!0),d.isOutsideEvent(S,V.portalNode)?d.getPreviousTabbable(v)?.focus():c.resolveRef(m??V.afterOutsideRef)?.focus())}})]})}function cn(e,t={}){const n="rootStore"in e?e.rootStore:e,o=n.context.dataRef,{enabled:r=!0,event:s="click",toggle:l=!0,ignoreMouse:a=!1,stickIfOpen:i=!0,touchOpenDelay:u=0}=t,g=f.useRef(void 0),b=c.useAnimationFrame(),m=d.useTimeout(),E=f.useMemo(()=>({onPointerDown(h){g.current=h.pointerType},onMouseDown(h){const C=g.current,R=h.nativeEvent,x=n.select("open");if(h.button!==0||s==="click"||se.isMouseLikePointerType(C)&&a)return;const v=o.current.openEvent,y=v?.type,k=n.select("domReferenceElement")!==h.currentTarget,M=x&&k||!(x&&l&&(!(v&&i)||y==="click"||y==="mousedown"));if(d.isTypeableElement(R.target)){const I=c.createChangeEventDetails(c.triggerPress,R,R.target);M&&C==="touch"&&u>0?m.start(u,()=>{n.setOpen(!0,I)}):n.setOpen(M,I);return}const D=h.currentTarget;b.request(()=>{const I=c.createChangeEventDetails(c.triggerPress,R,D);M&&C==="touch"&&u>0?m.start(u,()=>{n.setOpen(!0,I)}):n.setOpen(M,I)})},onClick(h){if(s==="mousedown-only")return;const C=g.current;if(s==="mousedown"&&C){g.current=void 0;return}if(se.isMouseLikePointerType(C)&&a)return;const R=n.select("open"),x=o.current.openEvent,v=n.select("domReferenceElement")!==h.currentTarget,y=R&&v||!(R&&l&&(!(x&&i)||se.isClickLikeEvent(x))),k=c.createChangeEventDetails(c.triggerPress,h.nativeEvent,h.currentTarget);y&&C==="touch"&&u>0?m.start(u,()=>{n.setOpen(!0,k)}):n.setOpen(y,k)},onKeyDown(){g.current=void 0}}),[o,s,a,n,i,l,b,m,u]);return f.useMemo(()=>r?{reference:E}:c.EMPTY_OBJECT,[r,E])}const un={intentional:"onClick",sloppy:"onPointerDown"};function dn(e){return{escapeKey:typeof e=="boolean"?e:e?.escapeKey??!1,outsidePress:typeof e=="boolean"?e:e?.outsidePress??!0}}function fn(e,t={}){const n="rootStore"in e?e.rootStore:e,o=n.useState("open"),r=n.useState("floatingElement"),s=n.useState("referenceElement"),l=n.useState("domReferenceElement"),{onOpenChange:a,dataRef:i}=n.context,{enabled:u=!0,escapeKey:g=!0,outsidePress:b=!0,outsidePressEvent:m="sloppy",referencePress:E=!1,referencePressEvent:h="sloppy",ancestorScroll:C=!1,bubbles:R,externalTree:x}=t,v=gt(x),y=c.useStableCallback(typeof b=="function"?b:()=>!1),k=typeof b=="function"?y:b,M=f.useRef(!1),{escapeKey:D,outsidePress:I}=dn(R),N=f.useRef(null),W=d.useTimeout(),H=d.useTimeout(),$=c.useStableCallback(()=>{H.clear(),i.current.insideReactTree=!1}),X=f.useRef(!1),ye=f.useRef(""),Y=c.useStableCallback(p=>{ye.current=p.pointerType}),V=c.useStableCallback(()=>{const p=ye.current,L=p==="pen"||!p?"mouse":p,O=typeof m=="function"?m():m;return typeof O=="string"?O:O[L]}),oe=c.useStableCallback(p=>{if(!o||!u||!g||p.key!=="Escape"||X.current)return;const L=i.current.floatingContext?.nodeId,O=v?he(v.nodesRef.current,L):[];if(!D&&O.length>0){let S=!0;if(O.forEach(w=>{w.context?.open&&!w.context.dataRef.current.__escapeKeyBubbles&&(S=!1)}),!S)return}const G=se.isReactEvent(p)?p.nativeEvent:p,_=c.createChangeEventDetails(c.escapeKey,G);n.setOpen(!1,_),!D&&!_.isPropagationAllowed&&p.stopPropagation()}),Le=c.useStableCallback(p=>{const L=V();return L==="intentional"&&p.type!=="click"||L==="sloppy"&&p.type==="click"}),U=c.useStableCallback(()=>{i.current.insideReactTree=!0,H.start(0,$)}),ne=c.useStableCallback((p,L=!1)=>{if(Le(p)){$();return}if(i.current.insideReactTree){$();return}if(V()==="intentional"&&L||typeof k=="function"&&!k(p))return;const O=d.getTarget(p),G=`[${d.createAttribute("inert")}]`,_=d.getDocument(n.select("floatingElement")).querySelectorAll(G),S=n.context.triggerElements;if(O&&(S.hasElement(O)||S.hasMatchingElement(T=>d.contains(T,O))))return;let w=F.isElement(O)?O:null;for(;w&&!F.isLastTraversableNode(w);){const T=F.getParentNode(w);if(F.isLastTraversableNode(T)||!F.isElement(T))break;w=T}if(_.length&&F.isElement(O)&&!d.isRootElement(O)&&!d.contains(O,n.select("floatingElement"))&&Array.from(_).every(T=>!d.contains(w,T)))return;if(F.isHTMLElement(O)&&!("touches"in p)){const T=F.isLastTraversableNode(O),A=F.getComputedStyle(O),re=/auto|scroll/,J=T||re.test(A.overflowX),me=T||re.test(A.overflowY),Oe=J&&O.clientWidth>0&&O.scrollWidth>O.clientWidth,_e=me&&O.clientHeight>0&&O.scrollHeight>O.clientHeight,ee=A.direction==="rtl",ve=_e&&(ee?p.offsetX<=O.offsetWidth-O.clientWidth:p.offsetX>O.clientWidth),xe=Oe&&p.offsetY>O.clientHeight;if(ve||xe)return}const z=i.current.floatingContext?.nodeId,j=v&&he(v.nodesRef.current,z).some(T=>d.isEventTargetWithin(p,T.context?.elements.floating));if(d.isEventTargetWithin(p,n.select("floatingElement"))||d.isEventTargetWithin(p,n.select("domReferenceElement"))||j)return;const q=v?he(v.nodesRef.current,z):[];if(q.length>0){let T=!0;if(q.forEach(A=>{A.context?.open&&!A.context.dataRef.current.__outsidePressBubbles&&(T=!1)}),!T)return}n.setOpen(!1,c.createChangeEventDetails(c.outsidePress,p)),$()}),fe=c.useStableCallback(p=>{V()!=="sloppy"||p.pointerType==="touch"||!n.select("open")||!u||d.isEventTargetWithin(p,n.select("floatingElement"))||d.isEventTargetWithin(p,n.select("domReferenceElement"))||ne(p)}),Te=c.useStableCallback(p=>{if(V()!=="sloppy"||!n.select("open")||!u||d.isEventTargetWithin(p,n.select("floatingElement"))||d.isEventTargetWithin(p,n.select("domReferenceElement")))return;const L=p.touches[0];L&&(N.current={startTime:Date.now(),startX:L.clientX,startY:L.clientY,dismissOnTouchEnd:!1,dismissOnMouseDown:!0},W.start(1e3,()=>{N.current&&(N.current.dismissOnTouchEnd=!1,N.current.dismissOnMouseDown=!1)}))}),pe=c.useStableCallback(p=>{const L=d.getTarget(p);function O(){Te(p),L?.removeEventListener(p.type,O)}L?.addEventListener(p.type,O)}),te=c.useStableCallback(p=>{const L=M.current;if(M.current=!1,W.clear(),p.type==="mousedown"&&N.current&&!N.current.dismissOnMouseDown)return;const O=d.getTarget(p);function G(){p.type==="pointerdown"?fe(p):ne(p,L),O?.removeEventListener(p.type,G)}O?.addEventListener(p.type,G)}),Se=c.useStableCallback(p=>{if(V()!=="sloppy"||!N.current||d.isEventTargetWithin(p,n.select("floatingElement"))||d.isEventTargetWithin(p,n.select("domReferenceElement")))return;const L=p.touches[0];if(!L)return;const O=Math.abs(L.clientX-N.current.startX),G=Math.abs(L.clientY-N.current.startY),_=Math.sqrt(O*O+G*G);_>5&&(N.current.dismissOnTouchEnd=!0),_>10&&(ne(p),W.clear(),N.current=null)}),ge=c.useStableCallback(p=>{const L=d.getTarget(p);function O(){Se(p),L?.removeEventListener(p.type,O)}L?.addEventListener(p.type,O)}),Re=c.useStableCallback(p=>{V()!=="sloppy"||!N.current||d.isEventTargetWithin(p,n.select("floatingElement"))||d.isEventTargetWithin(p,n.select("domReferenceElement"))||(N.current.dismissOnTouchEnd&&ne(p),W.clear(),N.current=null)}),ce=c.useStableCallback(p=>{const L=d.getTarget(p);function O(){Re(p),L?.removeEventListener(p.type,O)}L?.addEventListener(p.type,O)});f.useEffect(()=>{if(!o||!u)return;i.current.__escapeKeyBubbles=D,i.current.__outsidePressBubbles=I;const p=new d.Timeout;function L(w){n.setOpen(!1,c.createChangeEventDetails(c.none,w))}function O(){p.clear(),X.current=!0}function G(){p.start(F.isWebKit()?5:0,()=>{X.current=!1})}const _=d.getDocument(r);_.addEventListener("pointerdown",Y,!0),g&&(_.addEventListener("keydown",oe),_.addEventListener("compositionstart",O),_.addEventListener("compositionend",G)),k&&(_.addEventListener("click",te,!0),_.addEventListener("pointerdown",te,!0),_.addEventListener("touchstart",pe,!0),_.addEventListener("touchmove",ge,!0),_.addEventListener("touchend",ce,!0),_.addEventListener("mousedown",te,!0));let S=[];return C&&(F.isElement(l)&&(S=F.getOverflowAncestors(l)),F.isElement(r)&&(S=S.concat(F.getOverflowAncestors(r))),!F.isElement(s)&&s&&s.contextElement&&(S=S.concat(F.getOverflowAncestors(s.contextElement)))),S=S.filter(w=>w!==_.defaultView?.visualViewport),S.forEach(w=>{w.addEventListener("scroll",L,{passive:!0})}),()=>{_.removeEventListener("pointerdown",Y,!0),g&&(_.removeEventListener("keydown",oe),_.removeEventListener("compositionstart",O),_.removeEventListener("compositionend",G)),k&&(_.removeEventListener("click",te,!0),_.removeEventListener("pointerdown",te,!0),_.removeEventListener("touchstart",pe,!0),_.removeEventListener("touchmove",ge,!0),_.removeEventListener("touchend",ce,!0),_.removeEventListener("mousedown",te,!0)),S.forEach(w=>{w.removeEventListener("scroll",L)}),p.clear()}},[i,r,s,l,g,k,o,a,C,u,D,I,oe,ne,te,fe,pe,ge,ce,Y,n]),f.useEffect($,[k,$]);const P=f.useMemo(()=>({onKeyDown:oe,...E&&{[un[h]]:p=>{n.setOpen(!1,c.createChangeEventDetails(c.triggerPress,p.nativeEvent))},...h!=="intentional"&&{onClick(p){n.setOpen(!1,c.createChangeEventDetails(c.triggerPress,p.nativeEvent))}}}}),[oe,n,E,h]),Z=c.useStableCallback(p=>{const L=d.getTarget(p.nativeEvent);!d.contains(n.select("floatingElement"),L)||p.button!==0||(M.current=!0)}),ie=f.useMemo(()=>({onKeyDown:oe,onPointerDown:Z,onMouseDown:Z,onMouseUp:Z,onClickCapture:U,onMouseDownCapture:U,onPointerDownCapture:U,onMouseUpCapture:U,onTouchEndCapture:U,onTouchMoveCapture:U}),[oe,Z,U]);return f.useMemo(()=>u?{reference:P,floating:ie,trigger:P}:{},[u,P,ie])}var pn=(e,t,n)=>{if(t.length===1&&t[0]===n){let o=!1;try{const r={};e(r)===r&&(o=!0)}catch{}if(o){let r;try{throw new Error}catch(s){({stack:r}=s)}console.warn(`The result function returned its own inputs without modification. e.g
+\`createSelector([state => state.todos], todos => todos)\`
+This could lead to inefficient memoization and unnecessary re-renders.
+Ensure transformation logic is in the result function, and extraction logic is in the input selectors.`,{stack:r})}}},gn=(e,t,n)=>{const{memoize:o,memoizeOptions:r}=t,{inputSelectorResults:s,inputSelectorResultsCopy:l}=e,a=o(()=>({}),...r);if(!(a.apply(null,s)===a.apply(null,l))){let u;try{throw new Error}catch(g){({stack:u}=g)}console.warn(`An input selector returned a different result when passed same arguments.
+This means your output selector will likely run more frequently than intended.
+Avoid returning a new reference inside your input selector, e.g.
+\`createSelector([state => state.todos.map(todo => todo.id)], todoIds => todoIds.length)\``,{arguments:n,firstInputs:s,secondInputs:l,stack:u})}},mn={inputStabilityCheck:"once",identityFunctionCheck:"once"},Ne=Symbol("NOT_FOUND");function hn(e,t=`expected a function, instead received ${typeof e}`){if(typeof e!="function")throw new TypeError(t)}function En(e,t=`expected an object, instead received ${typeof e}`){if(typeof e!="object")throw new TypeError(t)}function bn(e,t="expected all items to be functions, instead received the following types: "){if(!e.every(n=>typeof n=="function")){const n=e.map(o=>typeof o=="function"?`function ${o.name||"unnamed"}()`:typeof o).join(", ");throw new TypeError(`${t}[${n}]`)}}var nt=e=>Array.isArray(e)?e:[e];function yn(e){const t=Array.isArray(e[0])?e[0]:e;return bn(t,"createSelector expects all input-selectors to be functions, but received the following types: "),t}function ot(e,t){const n=[],{length:o}=e;for(let r=0;r<o;r++)n.push(e[r].apply(null,t));return n}var vn=(e,t)=>{const{identityFunctionCheck:n,inputStabilityCheck:o}={...mn,...t};return{identityFunctionCheck:{shouldRun:n==="always"||n==="once"&&e,run:pn},inputStabilityCheck:{shouldRun:o==="always"||o==="once"&&e,run:gn}}};function Cn(e){let t;return{get(n){return t&&e(t.key,n)?t.value:Ne},put(n,o){t={key:n,value:o}},getEntries(){return t?[t]:[]},clear(){t=void 0}}}function Tn(e,t){let n=[];function o(a){const i=n.findIndex(u=>t(a,u.key));if(i>-1){const u=n[i];return i>0&&(n.splice(i,1),n.unshift(u)),u.value}return Ne}function r(a,i){o(a)===Ne&&(n.unshift({key:a,value:i}),n.length>e&&n.pop())}function s(){return n}function l(){n=[]}return{get:o,put:r,getEntries:s,clear:l}}var Sn=(e,t)=>e===t;function Rn(e){return function(n,o){if(n===null||o===null||n.length!==o.length)return!1;const{length:r}=n;for(let s=0;s<r;s++)if(!e(n[s],o[s]))return!1;return!0}}function On(e,t){const n=typeof t=="object"?t:{equalityCheck:t},{equalityCheck:o=Sn,maxSize:r=1,resultEqualityCheck:s}=n,l=Rn(o);let a=0;const i=r<=1?Cn(l):Tn(r,l);function u(){let g=i.get(arguments);if(g===Ne){if(g=e.apply(null,arguments),a++,s){const m=i.getEntries().find(E=>s(E.value,g));m&&(g=m.value,a!==0&&a--)}i.put(arguments,g)}return g}return u.clearCache=()=>{i.clear(),u.resetResultsCount()},u.resultsCount=()=>a,u.resetResultsCount=()=>{a=0},u}var xn=class{constructor(e){this.value=e}deref(){return this.value}},wn=typeof WeakRef<"u"?WeakRef:xn,Dn=0,rt=1;function ke(){return{s:Dn,v:void 0,o:null,p:null}}function ht(e,t={}){let n=ke();const{resultEqualityCheck:o}=t;let r,s=0;function l(){let a=n;const{length:i}=arguments;for(let b=0,m=i;b<m;b++){const E=arguments[b];if(typeof E=="function"||typeof E=="object"&&E!==null){let h=a.o;h===null&&(a.o=h=new WeakMap);const C=h.get(E);C===void 0?(a=ke(),h.set(E,a)):a=C}else{let h=a.p;h===null&&(a.p=h=new Map);const C=h.get(E);C===void 0?(a=ke(),h.set(E,a)):a=C}}const u=a;let g;if(a.s===rt)g=a.v;else if(g=e.apply(null,arguments),s++,o){const b=r?.deref?.()??r;b!=null&&o(b,g)&&(g=b,s!==0&&s--),r=typeof g=="object"&&g!==null||typeof g=="function"?new wn(g):g}return u.s=rt,u.v=g,g}return l.clearCache=()=>{n=ke(),l.resetResultsCount()},l.resultsCount=()=>s,l.resetResultsCount=()=>{s=0},l}function Et(e,...t){const n=typeof e=="function"?{memoize:e,memoizeOptions:t}:e,o=(...r)=>{let s=0,l=0,a,i={},u=r.pop();typeof u=="object"&&(i=u,u=r.pop()),hn(u,`createSelector expects an output function after the inputs, but received: [${typeof u}]`);const g={...n,...i},{memoize:b,memoizeOptions:m=[],argsMemoize:E=ht,argsMemoizeOptions:h=[],devModeChecks:C={}}=g,R=nt(m),x=nt(h),v=yn(r),y=b(function(){return s++,u.apply(null,arguments)},...R);let k=!0;const M=E(function(){l++;const I=ot(v,arguments);if(a=y.apply(null,I),process.env.NODE_ENV!=="production"){const{identityFunctionCheck:N,inputStabilityCheck:W}=vn(k,C);if(N.shouldRun&&N.run(u,I,a),W.shouldRun){const H=ot(v,arguments);W.run({inputSelectorResults:I,inputSelectorResultsCopy:H},{memoize:b,memoizeOptions:R},arguments)}k&&(k=!1)}return a},...x);return Object.assign(M,{resultFunc:u,memoizedResultFunc:y,dependencies:v,dependencyRecomputations:()=>l,resetDependencyRecomputations:()=>{l=0},lastResult:()=>a,recomputations:()=>s,resetRecomputations:()=>{s=0},memoize:b,argsMemoize:E})};return Object.assign(o,{withTypes:()=>o}),o}var kn=Et(ht),In=Object.assign((e,t=kn)=>{En(e,`createStructuredSelector expects first argument to be an object where each property is a selector, instead received a ${typeof e}`);const n=Object.keys(e),o=n.map(s=>e[s]);return t(o,(...s)=>s.reduce((l,a,i)=>(l[n[i]]=a,l),{}))},{withTypes:()=>In});Et({memoize:On,memoizeOptions:{maxSize:1,equalityCheck:Object.is}});const B=(e,t,n,o,r,s,...l)=>{if(l.length>0)throw new Error(process.env.NODE_ENV!=="production"?"Unsupported number of selectors":c.formatErrorMessage(1));let a;if(e)a=e;else throw new Error("Missing arguments");return a};var Ie={exports:{}},je={};/**
+ * @license React
+ * use-sync-external-store-shim/with-selector.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var st;function Mn(){if(st)return je;st=1;var e=de,t=He.requireShim();function n(u,g){return u===g&&(u!==0||1/u===1/g)||u!==u&&g!==g}var o=typeof Object.is=="function"?Object.is:n,r=t.useSyncExternalStore,s=e.useRef,l=e.useEffect,a=e.useMemo,i=e.useDebugValue;return je.useSyncExternalStoreWithSelector=function(u,g,b,m,E){var h=s(null);if(h.current===null){var C={hasValue:!1,value:null};h.current=C}else C=h.current;h=a(function(){function x(D){if(!v){if(v=!0,y=D,D=m(D),E!==void 0&&C.hasValue){var I=C.value;if(E(I,D))return k=I}return k=D}if(I=k,o(y,D))return I;var N=m(D);return E!==void 0&&E(I,N)?(y=D,I):(y=D,k=N)}var v=!1,y,k,M=b===void 0?null:b;return[function(){return x(g())},M===null?void 0:function(){return x(M())}]},[g,b,m,E]);var R=r(u,h[0],h[1]);return l(function(){C.hasValue=!0,C.value=R},[R]),i(R),R},je}var We={};/**
+ * @license React
+ * use-sync-external-store-shim/with-selector.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var it;function Nn(){return it||(it=1,process.env.NODE_ENV!=="production"&&(function(){function e(u,g){return u===g&&(u!==0||1/u===1/g)||u!==u&&g!==g}typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var t=de,n=He.requireShim(),o=typeof Object.is=="function"?Object.is:e,r=n.useSyncExternalStore,s=t.useRef,l=t.useEffect,a=t.useMemo,i=t.useDebugValue;We.useSyncExternalStoreWithSelector=function(u,g,b,m,E){var h=s(null);if(h.current===null){var C={hasValue:!1,value:null};h.current=C}else C=h.current;h=a(function(){function x(D){if(!v){if(v=!0,y=D,D=m(D),E!==void 0&&C.hasValue){var I=C.value;if(E(I,D))return k=I}return k=D}if(I=k,o(y,D))return I;var N=m(D);return E!==void 0&&E(I,N)?(y=D,I):(y=D,k=N)}var v=!1,y,k,M=b===void 0?null:b;return[function(){return x(g())},M===null?void 0:function(){return x(M())}]},[g,b,m,E]);var R=r(u,h[0],h[1]);return l(function(){C.hasValue=!0,C.value=R},[R]),i(R),R},typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())})()),We}var lt;function Pn(){return lt||(lt=1,process.env.NODE_ENV==="production"?Ie.exports=Mn():Ie.exports=Nn()),Ie.exports}var An=Pn();const Ln=c.isReactVersionAtLeast(19),_n=Ln?Vn:Bn;function Fn(e,t,n,o,r){return _n(e,t,n,o,r)}function Vn(e,t,n,o,r){const s=f.useCallback(()=>t(e.getSnapshot(),n,o,r),[e,t,n,o,r]);return He.shimExports.useSyncExternalStore(e.subscribe,s,s)}function Bn(e,t,n,o,r){return An.useSyncExternalStoreWithSelector(e.subscribe,e.getSnapshot,e.getSnapshot,s=>t(s,n,o,r))}class Ce{constructor(t){this.state=t,this.listeners=new Set,this.updateTick=0}subscribe=t=>(this.listeners.add(t),()=>{this.listeners.delete(t)});getSnapshot=()=>this.state;setState(t){if(this.state===t)return;this.state=t,this.updateTick+=1;const n=this.updateTick;for(const o of this.listeners){if(n!==this.updateTick)return;o(t)}}update(t){for(const n in t)if(!Object.is(this.state[n],t[n])){Ce.prototype.setState.call(this,{...this.state,...t});return}}set(t,n){Object.is(this.state[t],n)||Ce.prototype.setState.call(this,{...this.state,[t]:n})}notifyAll(){const t={...this.state};Ce.prototype.setState.call(this,t)}}class bt extends Ce{constructor(t,n={},o){super(t),this.context=n,this.selectors=o}controlledValues=new Map;useSyncedValue(t,n){f.useDebugValue(t),c.useIsoLayoutEffect(()=>{this.state[t]!==n&&this.set(t,n)},[t,n])}useSyncedValueWithCleanup(t,n){c.useIsoLayoutEffect(()=>(this.state[t]!==n&&this.set(t,n),()=>{this.set(t,void 0)}),[t,n])}useSyncedValues(t){if(process.env.NODE_ENV!=="production"){f.useDebugValue(t,s=>Object.keys(s));const o=f.useRef(Object.keys(t)).current,r=Object.keys(t);(o.length!==r.length||o.some((s,l)=>s!==r[l]))&&console.error("ReactStore.useSyncedValues expects the same prop keys on every render. Keys should be stable.")}const n=Object.values(t);c.useIsoLayoutEffect(()=>{this.update(t)},n)}useControlledProp(t,n,o){f.useDebugValue(t);const r=n!==void 0;if(process.env.NODE_ENV!=="production"){const s=this.controlledValues.get(t);s!==void 0&&s!==r&&console.error(`A component is changing the ${r?"":"un"}controlled state of ${t.toString()} to be ${r?"un":""}controlled. Elements should not switch from uncontrolled to controlled (or vice versa).`)}this.controlledValues.has(t)||(this.controlledValues.set(t,r),!r&&!Object.is(this.state[t],o)&&super.setState({...this.state,[t]:o})),c.useIsoLayoutEffect(()=>{r&&!Object.is(this.state[t],n)&&super.setState({...this.state,[t]:n})},[t,n,o,r])}set(t,n){this.controlledValues.get(t)!==!0&&super.set(t,n)}update(t){const n={...t};for(const o in n)if(Object.hasOwn(n,o)&&this.controlledValues.get(o)===!0){delete n[o];continue}super.update(n)}setState(t){const n={...t};for(const o in n)if(Object.hasOwn(n,o)&&this.controlledValues.get(o)===!0){delete n[o];continue}super.setState({...this.state,...n})}select=(t,n,o,r)=>{const s=this.selectors[t];return s(this.state,n,o,r)};useState=(t,n,o,r)=>{f.useDebugValue(t);const s=this.selectors[t];return Fn(this,s,n,o,r)};useContextCallback(t,n){f.useDebugValue(t);const o=c.useStableCallback(n??c.NOOP);this.context[t]=o}useStateSetter(t){const n=f.useRef(void 0);return n.current===void 0&&(n.current=o=>{this.set(t,o)}),n.current}observe(t,n){let o;typeof t=="function"?o=t:o=this.selectors[t];let r=o(this.state);return n(r,r,this),this.subscribe(s=>{const l=o(s);if(!Object.is(r,l)){const a=r;r=l,n(l,a,this)}})}}const jn={open:B(e=>e.open),domReferenceElement:B(e=>e.domReferenceElement),referenceElement:B(e=>e.positionReference??e.referenceElement),floatingElement:B(e=>e.floatingElement),floatingId:B(e=>e.floatingId)};class yt extends bt{constructor(t){const{nested:n,noEmit:o,onOpenChange:r,triggerElements:s,...l}=t;super({...l,positionReference:l.referenceElement,domReferenceElement:l.referenceElement},{onOpenChange:r,dataRef:{current:{}},events:Zt(),nested:n,noEmit:o,triggerElements:s},jn)}setOpen=(t,n)=>{if((!t||!this.state.open||se.isClickLikeEvent(n.event))&&(this.context.dataRef.current.openEvent=t?n.event:void 0),!this.context.noEmit){const o={open:t,reason:n.reason,nativeEvent:n.event,nested:this.context.nested,triggerElement:n.trigger};this.context.events.emit("openchange",o)}this.context.onOpenChange?.(t,n)}}function Wn(e,t){const n=f.useRef(null);return f.useCallback(o=>{e!==void 0&&(n.current!==null&&(t.context.triggerElements.delete(n.current),n.current=null),o!==null&&(n.current=e,t.context.triggerElements.add(e,o)))},[t,e])}function Hn(e,t,n,o){const r=n.useState("isMountedByTrigger",e),s=Wn(e,n),l=c.useStableCallback(a=>{s(a),a!==null&&n.select("open")&&n.select("activeTriggerId")==null&&n.update({activeTriggerId:e,activeTriggerElement:a,...o})});return c.useIsoLayoutEffect(()=>{r&&n.update({activeTriggerElement:t.current,...o})},[r,n,t,...Object.values(o)]),{registerTrigger:l,isMountedByThisTrigger:r}}function Kn(e){const t=e.useState("open");c.useIsoLayoutEffect(()=>{if(t&&!e.select("activeTriggerId")&&e.context.triggerElements.size===1){const n=e.context.triggerElements.entries().next();if(!n.done){const[o,r]=n.value;e.update({activeTriggerId:o,activeTriggerElement:r})}}},[t,e])}function zn(e,t,n){const{mounted:o,setMounted:r,transitionStatus:s}=Pe.useTransitionStatus(e);t.useSyncedValues({mounted:o,transitionStatus:s});const l=c.useStableCallback(()=>{r(!1),t.update({activeTriggerId:null,activeTriggerElement:null,mounted:!1}),n?.(),t.context.onOpenChangeComplete?.(!1)}),a=t.useState("preventUnmountingOnClose");return c.useOpenChangeComplete({enabled:!a,open:e,ref:t.context.popupRef,onComplete(){e||l()}}),{forceUnmount:l,transitionStatus:s}}class vt{constructor(){this.elements=new Set,this.idMap=new Map}add(t,n){const o=this.idMap.get(t);if(o!==n&&(o!==void 0&&this.elements.delete(o),this.elements.add(n),this.idMap.set(t,n),process.env.NODE_ENV!=="production"&&this.elements.size!==this.idMap.size))throw new Error(process.env.NODE_ENV!=="production"?"Base UI: A trigger element cannot be registered under multiple IDs in PopupTriggerMap.":c.formatErrorMessage(87))}delete(t){const n=this.idMap.get(t);n&&(this.elements.delete(n),this.idMap.delete(t))}hasElement(t){return this.elements.has(t)}hasMatchingElement(t){for(const n of this.elements)if(t(n))return!0;return!1}getById(t){return this.idMap.get(t)}entries(){return this.idMap.entries()}get size(){return this.idMap.size}}function qn(){return new yt({open:!1,floatingElement:null,referenceElement:null,triggerElements:new vt,floatingId:"",nested:!1,noEmit:!1,onOpenChange:void 0})}function $n(){return{open:!1,mounted:!1,transitionStatus:"idle",floatingRootContext:qn(),preventUnmountingOnClose:!1,payload:void 0,activeTriggerId:null,activeTriggerElement:null,popupElement:null,positionerElement:null,activeTriggerProps:c.EMPTY_OBJECT,inactiveTriggerProps:c.EMPTY_OBJECT,popupProps:c.EMPTY_OBJECT}}const Un={open:B(e=>e.open),mounted:B(e=>e.mounted),transitionStatus:B(e=>e.transitionStatus),floatingRootContext:B(e=>e.floatingRootContext),preventUnmountingOnClose:B(e=>e.preventUnmountingOnClose),payload:B(e=>e.payload),activeTriggerId:B(e=>e.activeTriggerId),activeTriggerElement:B(e=>e.mounted?e.activeTriggerElement:null),isTriggerActive:B((e,t)=>t!==void 0&&e.activeTriggerId===t),isOpenedByTrigger:B((e,t)=>t!==void 0&&e.activeTriggerId===t&&e.open),isMountedByTrigger:B((e,t)=>t!==void 0&&e.activeTriggerId===t&&e.mounted),triggerProps:B((e,t)=>t?e.activeTriggerProps:e.inactiveTriggerProps),popupProps:B(e=>e.popupProps),popupElement:B(e=>e.popupElement),positionerElement:B(e=>e.positionerElement)};function Yn(e){const{popupStore:t,noEmit:n=!1,treatPopupAsFloatingElement:o=!1,onOpenChange:r}=e,s=c.useId(),l=pt()!=null,a=t.useState("open"),i=t.useState("activeTriggerElement"),u=t.useState(o?"popupElement":"positionerElement"),g=t.context.triggerElements,b=c.useRefWithInit(()=>new yt({open:a,referenceElement:i,floatingElement:u,triggerElements:g,onOpenChange:r,floatingId:s,nested:l,noEmit:n})).current;return c.useIsoLayoutEffect(()=>{const m={open:a,floatingId:s,referenceElement:i,floatingElement:u};F.isElement(i)&&(m.domReferenceElement=i),b.update(m)},[a,s,i,u,b]),b.context.onOpenChange=r,b.context.nested=l,b.context.noEmit=n,b}function Ct(e=[]){const t=e.map(u=>u?.reference),n=e.map(u=>u?.floating),o=e.map(u=>u?.item),r=e.map(u=>u?.trigger),s=f.useCallback(u=>Me(u,e,"reference"),t),l=f.useCallback(u=>Me(u,e,"floating"),n),a=f.useCallback(u=>Me(u,e,"item"),o),i=f.useCallback(u=>Me(u,e,"trigger"),r);return f.useMemo(()=>({getReferenceProps:s,getFloatingProps:l,getItemProps:a,getTriggerProps:i}),[s,l,a,i])}function Me(e,t,n){const o=new Map,r=n==="item",s={};n==="floating"&&(s.tabIndex=-1,s[d.FOCUSABLE_ATTRIBUTE]="");for(const l in e)r&&e&&(l===d.ACTIVE_KEY||l===d.SELECTED_KEY)||(s[l]=e[l]);for(let l=0;l<t.length;l+=1){let a;const i=t[l]?.[n];typeof i=="function"?a=e?i(e):null:a=i,a&&at(s,a,r,o)}return at(s,e,r,o),s}function at(e,t,n,o){for(const r in t){const s=t[r];n&&(r===d.ACTIVE_KEY||r===d.SELECTED_KEY)||(r.startsWith("on")?(o.has(r)||o.set(r,[]),typeof s=="function"&&(o.get(r)?.push(s),e[r]=(...l)=>o.get(r)?.map(a=>a(...l)).find(a=>a!==void 0))):e[r]=s)}}const Gn=new Map([["select","listbox"],["combobox","listbox"],["label",!1]]);function Xn(e,t={}){const n="rootStore"in e?e.rootStore:e,o=n.useState("open"),r=n.useState("floatingId"),s=n.useState("domReferenceElement"),l=n.useState("floatingElement"),{enabled:a=!0,role:i="dialog"}=t,u=c.useId(),g=s?.id||u,b=f.useMemo(()=>d.getFloatingFocusElement(l)?.id||r,[l,r]),m=Gn.get(i)??i,h=pt()!=null,C=f.useMemo(()=>m==="tooltip"||i==="label"?c.EMPTY_OBJECT:{"aria-haspopup":m==="alertdialog"?"dialog":m,"aria-expanded":"false",...m==="listbox"&&{role:"combobox"},...m==="menu"&&h&&{role:"menuitem"},...i==="select"&&{"aria-autocomplete":"none"},...i==="combobox"&&{"aria-autocomplete":"list"}},[m,h,i]),R=f.useMemo(()=>m==="tooltip"||i==="label"?{[`aria-${i==="label"?"labelledby":"describedby"}`]:o?b:void 0}:{...C,"aria-expanded":o?"true":"false","aria-controls":o?b:void 0,...m==="menu"&&{id:g}},[m,b,o,g,i,C]),x=f.useMemo(()=>{const y={id:b,...m&&{role:m}};return m==="tooltip"||i==="label"?y:{...y,...m==="menu"&&{"aria-labelledby":g}}},[m,b,g,i]),v=f.useCallback(({active:y,selected:k})=>{const M={role:"option",...y&&{id:`${b}-fui-option`}};switch(i){case"select":case"combobox":return{...M,"aria-selected":k}}return{}},[b,i]);return f.useMemo(()=>a?{reference:R,floating:x,item:v,trigger:C}:{},[a,R,x,C,v])}function Jn(e){const t=f.useRef(""),n=f.useCallback(r=>{r.defaultPrevented||(t.current=r.pointerType,e(r,r.pointerType))},[e]);return{onClick:f.useCallback(r=>{if(r.detail===0){e(r,"keyboard");return}"pointerType"in r&&e(r,r.pointerType),e(r,t.current),t.current=""},[e]),onPointerDown:n}}function Qn(e){const[t,n]=f.useState(null),o=c.useStableCallback((a,i)=>{e||n(i)}),r=f.useCallback(()=>{n(null)},[]),{onClick:s,onPointerDown:l}=Jn(o);return f.useMemo(()=>({openMethod:t,reset:r,triggerProps:{onClick:s,onPointerDown:l}}),[t,r,s,l])}function Zn(e){const{store:t,parentContext:n,actionsRef:o}=e,r=t.useState("open"),s=t.useState("disablePointerDismissal"),l=t.useState("modal"),a=t.useState("popupElement"),{openMethod:i,triggerProps:u,reset:g}=Qn(r);Kn(t);const{forceUnmount:b}=zn(r,t,()=>{g()}),m=c.useStableCallback(H=>{const $=c.createChangeEventDetails(H);return $.preventUnmountOnClose=()=>{t.set("preventUnmountingOnClose",!0)},$}),E=f.useCallback(()=>{t.setOpen(!1,m(c.imperativeAction))},[t,m]);f.useImperativeHandle(o,()=>({unmount:b,close:E}),[b,E]);const h=Yn({popupStore:t,onOpenChange:t.setOpen,treatPopupAsFloatingElement:!0,noEmit:!0}),[C,R]=f.useState(0),x=C===0,v=Xn(h),y=fn(h,{outsidePressEvent(){return t.context.internalBackdropRef.current||t.context.backdropRef.current?"intentional":{mouse:l==="trap-focus"?"sloppy":"intentional",touch:"sloppy"}},outsidePress(H){if("button"in H&&H.button!==0||"touches"in H&&H.touches.length!==1)return!1;const $=d.getTarget(H);if(x&&!s){const X=$;return l&&(t.context.internalBackdropRef.current||t.context.backdropRef.current)?t.context.internalBackdropRef.current===X||t.context.backdropRef.current===X||d.contains(X,a)&&!X?.hasAttribute("data-base-ui-portal"):!0}return!1},escapeKey:x});Qt(r&&l===!0,a);const{getReferenceProps:k,getFloatingProps:M,getTriggerProps:D}=Ct([v,y]);t.useContextCallback("onNestedDialogOpen",H=>{R(H+1)}),t.useContextCallback("onNestedDialogClose",()=>{R(0)}),f.useEffect(()=>(n?.onNestedDialogOpen&&r&&n.onNestedDialogOpen(C),n?.onNestedDialogClose&&!r&&n.onNestedDialogClose(),()=>{n?.onNestedDialogClose&&r&&n.onNestedDialogClose()}),[r,n,C]);const I=f.useMemo(()=>k(u),[k,u]),N=f.useMemo(()=>D(u),[D,u]),W=f.useMemo(()=>M(),[M]);t.useSyncedValues({openMethod:i,activeTriggerProps:I,inactiveTriggerProps:N,popupProps:W,floatingRootContext:h,nestedOpenDialogCount:C})}const ze=f.createContext(void 0);process.env.NODE_ENV!=="production"&&(ze.displayName="DialogRootContext");function ae(e){const t=f.useContext(ze);if(e===!1&&t===void 0)throw new Error(process.env.NODE_ENV!=="production"?"Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>.":c.formatErrorMessage(27));return t}const eo={...Un,modal:B(e=>e.modal),nested:B(e=>e.nested),nestedOpenDialogCount:B(e=>e.nestedOpenDialogCount),disablePointerDismissal:B(e=>e.disablePointerDismissal),openMethod:B(e=>e.openMethod),descriptionElementId:B(e=>e.descriptionElementId),titleElementId:B(e=>e.titleElementId),viewportElement:B(e=>e.viewportElement),role:B(e=>e.role)};class to extends bt{constructor(t){super(no(t),{popupRef:f.createRef(),backdropRef:f.createRef(),internalBackdropRef:f.createRef(),triggerElements:new vt,onOpenChange:void 0,onOpenChangeComplete:void 0},eo)}setOpen=(t,n)=>{if(n.preventUnmountOnClose=()=>{this.set("preventUnmountingOnClose",!0)},!t&&n.trigger==null&&this.state.activeTriggerId!=null&&(n.trigger=this.state.activeTriggerElement??void 0),this.context.onOpenChange?.(t,n),n.isCanceled)return;const o={open:t,nativeEvent:n.event,reason:n.reason,nested:this.state.nested};this.state.floatingRootContext.context.events?.emit("openchange",o);const r={open:t},s=n.trigger?.id??null;(s||t)&&(r.activeTriggerId=s,r.activeTriggerElement=n.trigger??null),this.update(r)}}function no(e={}){return{...$n(),modal:!0,disablePointerDismissal:!1,popupElement:null,viewportElement:null,descriptionElementId:void 0,titleElementId:void 0,openMethod:null,nested:!1,nestedOpenDialogCount:0,role:"dialog",...e}}function oo(e){const{children:t,open:n,defaultOpen:o=!1,onOpenChange:r,onOpenChangeComplete:s,actionsRef:l,handle:a,triggerId:i,defaultTriggerId:u=null}=e,g=ae(),b=!!g,m=c.useRefWithInit(()=>a?.store??new to({open:n??o,activeTriggerId:i!==void 0?i:u,modal:!0,disablePointerDismissal:!0,nested:b,role:"alertdialog"})).current;m.useControlledProp("open",n,o),m.useControlledProp("activeTriggerId",i,u),m.useSyncedValue("nested",b),m.useContextCallback("onOpenChange",r),m.useContextCallback("onOpenChangeComplete",s);const E=m.useState("payload");Zn({store:m,actionsRef:l,parentContext:g?.store.context});const h=f.useMemo(()=>({store:m}),[m]);return K.jsx(ze.Provider,{value:h,children:typeof t=="function"?t({payload:E}):t})}let ue=(function(e){return e.open="data-open",e.closed="data-closed",e[e.startingStyle=c.TransitionStatusDataAttributes.startingStyle]="startingStyle",e[e.endingStyle=c.TransitionStatusDataAttributes.endingStyle]="endingStyle",e.anchorHidden="data-anchor-hidden",e})({}),ro=(function(e){return e.popupOpen="data-popup-open",e.pressed="data-pressed",e})({});const so={[ro.popupOpen]:""},io={[ue.open]:""},lo={[ue.closed]:""},ao={[ue.anchorHidden]:""},co={open(e){return e?so:null}},Tt={open(e){return e?io:lo},anchorHidden(e){return e?ao:null}},uo={...Tt,...c.transitionStatusMapping},St=f.forwardRef(function(t,n){const{render:o,className:r,forceRender:s=!1,...l}=t,{store:a}=ae(),i=a.useState("open"),u=a.useState("nested"),g=a.useState("mounted"),b=a.useState("transitionStatus"),m=f.useMemo(()=>({open:i,transitionStatus:b}),[i,b]);return c.useRenderElement("div",t,{state:m,ref:[a.context.backdropRef,n],stateAttributesMapping:uo,props:[{role:"presentation",hidden:!g,style:{userSelect:"none",WebkitUserSelect:"none"}},l],enabled:s||!u})});process.env.NODE_ENV!=="production"&&(St.displayName="DialogBackdrop");const qe=f.forwardRef(function(t,n){const{render:o,className:r,disabled:s=!1,nativeButton:l=!0,...a}=t,{store:i}=ae(),u=i.useState("open");function g(h){u&&i.setOpen(!1,c.createChangeEventDetails(c.closePress,h.nativeEvent))}const{getButtonProps:b,buttonRef:m}=c.useButton({disabled:s,native:l}),E=f.useMemo(()=>({disabled:s}),[s]);return c.useRenderElement("button",t,{state:E,ref:[n,m],props:[{onClick:g},a,b]})});process.env.NODE_ENV!=="production"&&(qe.displayName="DialogClose");const Rt=f.forwardRef(function(t,n){const{render:o,className:r,id:s,...l}=t,{store:a}=ae(),i=Pe.useBaseUiId(s);return a.useSyncedValueWithCleanup("descriptionElementId",i),c.useRenderElement("p",t,{ref:n,props:[{id:i},l]})});process.env.NODE_ENV!=="production"&&(Rt.displayName="DialogDescription");let fo=(function(e){return e.nestedDialogs="--nested-dialogs",e})({}),po=(function(e){return e[e.open=ue.open]="open",e[e.closed=ue.closed]="closed",e[e.startingStyle=ue.startingStyle]="startingStyle",e[e.endingStyle=ue.endingStyle]="endingStyle",e.nested="data-nested",e.nestedDialogOpen="data-nested-dialog-open",e})({});const $e=f.createContext(void 0);process.env.NODE_ENV!=="production"&&($e.displayName="DialogPortalContext");function go(){const e=f.useContext($e);if(e===void 0)throw new Error(process.env.NODE_ENV!=="production"?"Base UI: <Dialog.Portal> is missing.":c.formatErrorMessage(26));return e}const mo={...Tt,...c.transitionStatusMapping,nestedDialogOpen(e){return e?{[po.nestedDialogOpen]:""}:null}},Ot=f.forwardRef(function(t,n){const{className:o,finalFocus:r,initialFocus:s,render:l,...a}=t,{store:i}=ae(),u=i.useState("descriptionElementId"),g=i.useState("disablePointerDismissal"),b=i.useState("floatingRootContext"),m=i.useState("popupProps"),E=i.useState("modal"),h=i.useState("mounted"),C=i.useState("nested"),R=i.useState("nestedOpenDialogCount"),x=i.useState("open"),v=i.useState("openMethod"),y=i.useState("titleElementId"),k=i.useState("transitionStatus"),M=i.useState("role");go(),c.useOpenChangeComplete({open:x,ref:i.context.popupRef,onComplete(){x&&i.context.onOpenChangeComplete?.(!0)}});function D($){return $==="touch"?i.context.popupRef.current:!0}const I=s===void 0?D:s,N=R>0,W=f.useMemo(()=>({open:x,nested:C,transitionStatus:k,nestedDialogOpen:N}),[x,C,k,N]),H=c.useRenderElement("div",t,{state:W,props:[m,{"aria-labelledby":y??void 0,"aria-describedby":u??void 0,role:M,tabIndex:-1,hidden:!h,onKeyDown($){se.COMPOSITE_KEYS.has($.key)&&$.stopPropagation()},style:{[fo.nestedDialogs]:R}},a],ref:[n,i.context.popupRef,i.useStateSetter("popupElement")],stateAttributesMapping:mo});return K.jsx(an,{context:b,openInteractionType:v,disabled:!h,closeOnFocusOut:!g,initialFocus:I,returnFocus:r,modal:E!==!1,restoreFocus:"popup",children:H})});process.env.NODE_ENV!=="production"&&(Ot.displayName="DialogPopup");const xt=f.forwardRef(function(t,n){const{cutout:o,...r}=t;let s;if(o){const l=o?.getBoundingClientRect();s=`polygon(
+      0% 0%,
+      100% 0%,
+      100% 100%,
+      0% 100%,
+      0% 0%,
+      ${l.left}px ${l.top}px,
+      ${l.left}px ${l.bottom}px,
+      ${l.right}px ${l.bottom}px,
+      ${l.right}px ${l.top}px,
+      ${l.left}px ${l.top}px
+    )`}return K.jsx("div",{ref:n,role:"presentation","data-base-ui-inert":"",...r,style:{position:"fixed",inset:0,userSelect:"none",WebkitUserSelect:"none",clipPath:s}})});process.env.NODE_ENV!=="production"&&(xt.displayName="InternalBackdrop");const wt=f.forwardRef(function(t,n){const{keepMounted:o=!1,...r}=t,{store:s}=ae(),l=s.useState("mounted"),a=s.useState("modal");return l||o?K.jsx($e.Provider,{value:o,children:K.jsxs(d.FloatingPortal,{ref:n,...r,children:[l&&a===!0&&K.jsx(xt,{ref:s.context.internalBackdropRef,inert:d.inertValue(!open)}),t.children]})}):null});process.env.NODE_ENV!=="production"&&(wt.displayName="DialogPortal");const Dt=f.forwardRef(function(t,n){const{render:o,className:r,id:s,...l}=t,{store:a}=ae(),i=Pe.useBaseUiId(s);return a.useSyncedValueWithCleanup("titleElementId",i),c.useRenderElement("h2",t,{ref:n,props:[{id:i},l]})});process.env.NODE_ENV!=="production"&&(Dt.displayName="DialogTitle");const kt=f.forwardRef(function(t,n){const{render:o,className:r,disabled:s=!1,nativeButton:l=!0,id:a,payload:i,handle:u,...g}=t,b=ae(!0),m=u?.store??b?.store;if(!m)throw new Error(process.env.NODE_ENV!=="production"?"Base UI: <Dialog.Trigger> must be used within <Dialog.Root> or provided with a handle.":c.formatErrorMessage(79));const E=Pe.useBaseUiId(a),h=m.useState("floatingRootContext"),C=m.useState("isOpenedByTrigger",E),R=f.useRef(null),{registerTrigger:x,isMountedByThisTrigger:v}=Hn(E,R,m,{payload:i}),{getButtonProps:y,buttonRef:k}=c.useButton({disabled:s,native:l}),M=cn(h,{enabled:h!=null}),D=Ct([M]),I=f.useMemo(()=>({disabled:s,open:C}),[s,C]),N=m.useState("triggerProps",v);return c.useRenderElement("button",t,{state:I,ref:[k,n,x,R],props:[D.getReferenceProps(),N,{[d.CLICK_TRIGGER_IDENTIFIER]:"",id:E},g,y],stateAttributesMapping:co})});process.env.NODE_ENV!=="production"&&(kt.displayName="DialogTrigger");const It=de.createContext(null),ho=({children:e,withFade:t=!1,cancelRef:n})=>K.jsx(It.Provider,{value:{cancelRef:n,withFade:t},children:e}),Ae=()=>{const e=de.useContext(It);if(!e)throw Error("useAlertDialog must be used within an AlertDialog provider");return e},Mt=({onOpenChange:e,withFade:t=!1,...n})=>{const o=de.useRef(null),r=e?(s,l)=>{e(s)}:void 0;return K.jsx(ho,{withFade:t,cancelRef:o,children:K.jsx(oo,{"data-spark-component":"alert-dialog",onOpenChange:r,...n})})};Mt.displayName="AlertDialog";function Ue(e,t){const n=e?Kt.Slot:t;return e?({...o})=>K.jsx(n,{...o}):void 0}const Nt=({asChild:e=!1,...t})=>{const n=Ue(e,"button");return K.jsx(qe,{"data-spark-component":"alert-dialog-action",render:n,...t})};Nt.displayName="AlertDialog.Action";const Pt=({children:e,className:t,inset:n=!1,ref:o,...r})=>{const s=de.useRef(null),l=ut.useMergeRefs(o,s),{withFade:a}=Ae(),{overflow:i}=zt.useScrollOverflow(s);return K.jsx("div",{"data-spark-component":"alert-dialog-body",ref:l,className:be.cx("focus-visible:u-outline relative grow overflow-y-auto outline-hidden","transition-all duration-300",{"px-xl py-lg":!n},t),style:{...a&&{maskImage:"linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 44px, rgba(0, 0, 0, 1) calc(100% - 44px), rgba(0, 0, 0, 0))",maskSize:`100% calc(100% + ${i.top?"0px":"44px"} + ${i.bottom?"0px":"44px"})`,maskPosition:`0 ${i.top?"0px":"-44px"}`}},...r,children:e})};Pt.displayName="AlertDialog.Body";const At=({asChild:e=!1,ref:t,...n})=>{const{cancelRef:o}=Ae(),r=ut.useMergeRefs(t,o),s=Ue(e,"button");return K.jsx(qe,{ref:r,"data-spark-component":"alert-dialog-cancel",render:s,...n})};At.displayName="AlertDialog.Cancel";const Lt=({className:e,ref:t,initialFocus:n,...o})=>{const{cancelRef:r}=Ae(),s=n!==void 0?n:()=>r.current;return K.jsx(Ot,{ref:t,"data-spark-component":"alert-dialog-content",role:"alertdialog",className:l=>be.cx(qt.dialogContentStyles({size:"md",isNarrow:!0}),"min-w-sz-288","transition-all duration-150","data-starting-style:scale-90 data-starting-style:opacity-0","data-ending-style:scale-90 data-ending-style:opacity-0",typeof e=="function"?e(l):e),initialFocus:s,...o})};Lt.displayName="AlertDialog.Content";const _t=e=>K.jsx(Rt,{"data-spark-component":"alert-dialog-description",...e});_t.displayName="AlertDialog.Description";const Ft=({children:e,className:t,ref:n,...o})=>K.jsx("footer",{"data-spark-component":"alert-dialog-footer",ref:n,className:be.cx(t,["px-xl","py-lg"]),...o,children:e});Ft.displayName="AlertDialog.Footer";const Vt=({children:e,className:t,ref:n,...o})=>K.jsx("header",{"data-spark-component":"alert-dialog-header",ref:n,className:be.cx(t,["px-xl","py-lg"]),...o,children:e});Vt.displayName="AlertDialog.Header";const Bt=({className:e,...t})=>K.jsx(St,{"data-spark-component":"alert-dialog-overlay",className:n=>be.cx("z-overlay fixed top-0 left-0 h-screen w-screen","bg-overlay/dim-1","data-[starting-style]:animate-fade-in","data-[ending-style]:animate-fade-out",typeof e=="function"?e(n):e),...t});Bt.displayName="AlertDialog.Overlay";const jt=e=>K.jsx(wt,{"data-spark-component":"alert-dialog-portal",...e});jt.displayName="AlertDialog.Portal";const Wt=({className:e,...t})=>K.jsx(Dt,{"data-spark-component":"alert-dialog-title",className:be.cx("text-headline-1 text-on-surface",e),...t});Wt.displayName="AlertDialog.Title";const Ht=({asChild:e=!1,...t})=>{const n=Ue(e,"button");return K.jsx(kt,{"data-spark-component":"alert-dialog-trigger",render:n,...t})};Ht.displayName="AlertDialog.Trigger";const Q=Object.assign(Mt,{Action:Nt,Body:Pt,Cancel:At,Content:Lt,Description:_t,Footer:Ft,Header:Vt,Overlay:Bt,Portal:jt,Title:Wt,Trigger:Ht});Q.displayName="AlertDialog";Q.Action.displayName="AlertDialog.Action";Q.Body.displayName="AlertDialog.Body";Q.Cancel.displayName="AlertDialog.Cancel";Q.Content.displayName="AlertDialog.Content";Q.Description.displayName="AlertDialog.Description";Q.Footer.displayName="AlertDialog.Footer";Q.Header.displayName="AlertDialog.Header";Q.Overlay.displayName="AlertDialog.Overlay";Q.Portal.displayName="AlertDialog.Portal";Q.Title.displayName="AlertDialog.Title";Q.Trigger.displayName="AlertDialog.Trigger";exports.AlertDialog=Q;exports.useAlertDialog=Ae;
+//# sourceMappingURL=index.js.map