@spark-ui/components 13.0.6 → 13.1.0

package/dist/popover/index.js

@@ -1,1339 +1,2 @@
-"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/popover/index.ts
-var popover_exports = {};
-__export(popover_exports, {
-  Popover: () => Popover2
-});
-module.exports = __toCommonJS(popover_exports);
-
-// src/popover/Popover.tsx
-var import_radix_ui = require("radix-ui");
-
-// src/popover/PopoverContext.tsx
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var PopoverContext = (0, import_react.createContext)(null);
-var ID_PREFIX = ":popover";
-var PopoverProvider = ({
-  children,
-  intent
-}) => {
-  const [headerId, setHeaderId] = (0, import_react.useState)(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    PopoverContext.Provider,
-    {
-      value: {
-        headerId,
-        setHeaderId,
-        intent
-      },
-      children
-    }
-  );
-};
-var usePopover = () => {
-  const context = (0, import_react.useContext)(PopoverContext);
-  if (!context) {
-    throw Error("usePopover must be used within a Popover provider");
-  }
-  return context;
-};
-
-// src/popover/Popover.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Popover = ({ children, intent = "surface", modal = false, ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PopoverProvider, { intent, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_radix_ui.Popover.Root, { "data-spark-component": "popover", modal, ...rest, children }) });
-};
-Popover.displayName = "Popover";
-
-// src/popover/PopoverAnchor.tsx
-var import_radix_ui2 = require("radix-ui");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Anchor = ({ asChild = false, children, ref, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_radix_ui2.Popover.Anchor, { "data-spark-component": "popover-anchor", ref, asChild, ...rest, children });
-Anchor.displayName = "Popover.Anchor";
-
-// src/popover/PopoverArrow.tsx
-var import_class_variance_authority = require("class-variance-authority");
-var import_radix_ui3 = require("radix-ui");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var Arrow = ({
-  asChild = false,
-  width = 16,
-  height = 8,
-  className,
-  ref,
-  ...rest
-}) => {
-  const { intent } = usePopover();
-  const styles2 = (0, import_class_variance_authority.cva)("visible", {
-    variants: {
-      intent: {
-        surface: "fill-surface",
-        main: "fill-main-container",
-        support: "fill-support-container",
-        accent: "fill-accent-container",
-        basic: "fill-basic-container",
-        success: "fill-success-container",
-        alert: "fill-alert-container",
-        danger: "fill-error-container",
-        info: "fill-info-container",
-        neutral: "fill-neutral-container"
-      }
-    },
-    defaultVariants: {
-      intent: "surface"
-    }
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_radix_ui3.Popover.Arrow,
-    {
-      "data-spark-component": "popover-arrow",
-      ref,
-      className: styles2({ intent, className }),
-      asChild,
-      width,
-      height,
-      ...rest
-    }
-  );
-};
-Arrow.displayName = "Popover.Arrow";
-
-// src/popover/PopoverCloseButton.tsx
-var import_Close = require("@spark-ui/icons/Close");
-var import_class_variance_authority7 = require("class-variance-authority");
-var import_radix_ui5 = require("radix-ui");
-
-// src/icon/Icon.tsx
-var import_react3 = require("react");
-
-// src/slot/Slot.tsx
-var import_radix_ui4 = require("radix-ui");
-var import_react2 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var Slottable = import_radix_ui4.Slot.Slottable;
-var Slot = ({ ref, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_radix_ui4.Slot.Root, { ref, ...props });
-};
-var wrapPolymorphicSlot = (asChild, children, callback) => {
-  if (!asChild) return callback(children);
-  return (0, import_react2.isValidElement)(children) ? (0, import_react2.cloneElement)(
-    children,
-    void 0,
-    callback(children.props.children)
-  ) : null;
-};
-
-// src/visually-hidden/VisuallyHidden.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var VisuallyHidden = ({ asChild = false, ref, ...props }) => {
-  const Component = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    Component,
-    {
-      ...props,
-      ref,
-      style: {
-        // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
-        position: "absolute",
-        border: 0,
-        width: 1,
-        height: 1,
-        padding: 0,
-        margin: -1,
-        overflow: "hidden",
-        clip: "rect(0, 0, 0, 0)",
-        whiteSpace: "nowrap",
-        wordWrap: "normal",
-        ...props.style
-      }
-    }
-  );
-};
-VisuallyHidden.displayName = "VisuallyHidden";
-
-// src/icon/Icon.styles.tsx
-var import_internal_utils = require("@spark-ui/internal-utils");
-var import_class_variance_authority2 = require("class-variance-authority");
-var iconStyles = (0, import_class_variance_authority2.cva)(["fill-current shrink-0"], {
-  variants: {
-    /**
-     * Color scheme of the icon.
-     */
-    intent: (0, import_internal_utils.makeVariants)({
-      current: ["text-current"],
-      main: ["text-main"],
-      support: ["text-support"],
-      accent: ["text-accent"],
-      basic: ["text-basic"],
-      success: ["text-success"],
-      alert: ["text-alert"],
-      error: ["text-error"],
-      info: ["text-info"],
-      neutral: ["text-neutral"]
-    }),
-    /**
-     * Sets the size of the icon.
-     */
-    size: (0, import_internal_utils.makeVariants)({
-      current: ["u-current-font-size"],
-      sm: ["w-sz-16", "h-sz-16"],
-      md: ["w-sz-24", "h-sz-24"],
-      lg: ["w-sz-32", "h-sz-32"],
-      xl: ["w-sz-40", "h-sz-40"]
-    })
-  }
-});
-
-// src/icon/Icon.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var Icon = ({
-  label,
-  className,
-  size = "current",
-  intent = "current",
-  children,
-  ...others
-}) => {
-  const child = import_react3.Children.only(children);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    (0, import_react3.cloneElement)(child, {
-      className: iconStyles({ className, size, intent }),
-      "data-spark-component": "icon",
-      "aria-hidden": "true",
-      focusable: "false",
-      ...others
-    }),
-    label && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(VisuallyHidden, { children: label })
-  ] });
-};
-Icon.displayName = "Icon";
-
-// src/button/Button.tsx
-var import_class_variance_authority5 = require("class-variance-authority");
-var import_react4 = require("react");
-
-// src/spinner/Spinner.styles.tsx
-var import_internal_utils2 = require("@spark-ui/internal-utils");
-var import_class_variance_authority3 = require("class-variance-authority");
-var defaultVariants = {
-  intent: "current",
-  size: "current",
-  isBackgroundVisible: false
-};
-var spinnerStyles = (0, import_class_variance_authority3.cva)(
-  ["inline-block", "border-solid", "rounded-full", "border-md", "animate-spin"],
-  {
-    variants: {
-      /**
-       * Use `size` prop to set the size of the spinner. If you want to set the full size for the spinner, don't forget to add a wrapping container with its own size.
-       */
-      size: {
-        current: ["u-current-font-size"],
-        sm: ["w-sz-20", "h-sz-20"],
-        md: ["w-sz-28", "h-sz-28"],
-        full: ["w-full", "h-full"]
-      },
-      /**
-       * Color scheme of the spinner.
-       */
-      intent: (0, import_internal_utils2.makeVariants)({
-        current: ["border-current"],
-        main: ["border-main"],
-        support: ["border-support"],
-        accent: ["border-accent"],
-        basic: ["border-basic"],
-        success: ["border-success"],
-        alert: ["border-alert"],
-        error: ["border-error"],
-        info: ["border-info"],
-        neutral: ["border-neutral"]
-      }),
-      /**
-       * Size of the button.
-       */
-      isBackgroundVisible: {
-        true: ["border-b-neutral-container", "border-l-neutral-container"],
-        false: ["border-b-transparent", "border-l-transparent"]
-      }
-    },
-    defaultVariants
-  }
-);
-
-// src/spinner/Spinner.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var Spinner = ({
-  className,
-  size = "current",
-  intent = "current",
-  label,
-  isBackgroundVisible,
-  ref,
-  ...others
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    "span",
-    {
-      role: "status",
-      "data-spark-component": "spinner",
-      ref,
-      className: spinnerStyles({ className, size, intent, isBackgroundVisible }),
-      ...others,
-      children: label && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(VisuallyHidden, { children: label })
-    }
-  );
-};
-
-// src/button/Button.styles.tsx
-var import_internal_utils8 = require("@spark-ui/internal-utils");
-var import_class_variance_authority4 = require("class-variance-authority");
-
-// src/button/variants/filled.ts
-var import_internal_utils3 = require("@spark-ui/internal-utils");
-var filledVariants = [
-  // Main
-  {
-    intent: "main",
-    design: "filled",
-    class: (0, import_internal_utils3.tw)([
-      "bg-main",
-      "text-on-main",
-      "hover:bg-main-hovered",
-      "enabled:active:bg-main-hovered",
-      "focus-visible:bg-main-hovered"
-    ])
-  },
-  // Support
-  {
-    intent: "support",
-    design: "filled",
-    class: (0, import_internal_utils3.tw)([
-      "bg-support",
-      "text-on-support",
-      "hover:bg-support-hovered",
-      "enabled:active:bg-support-hovered",
-      "focus-visible:bg-support-hovered"
-    ])
-  },
-  // Accent
-  {
-    intent: "accent",
-    design: "filled",
-    class: (0, import_internal_utils3.tw)([
-      "bg-accent",
-      "text-on-accent",
-      "hover:bg-accent-hovered",
-      "enabled:active:bg-accent-hovered",
-      "focus-visible:bg-accent-hovered"
-    ])
-  },
-  // Basic
-  {
-    intent: "basic",
-    design: "filled",
-    class: (0, import_internal_utils3.tw)([
-      "bg-basic",
-      "text-on-basic",
-      "hover:bg-basic-hovered",
-      "enabled:active:bg-basic-hovered",
-      "focus-visible:bg-basic-hovered"
-    ])
-  },
-  // Success
-  {
-    intent: "success",
-    design: "filled",
-    class: (0, import_internal_utils3.tw)([
-      "bg-success",
-      "text-on-success",
-      "hover:bg-success-hovered",
-      "enabled:active:bg-success-hovered",
-      "focus-visible:bg-success-hovered"
-    ])
-  },
-  // Alert
-  {
-    intent: "alert",
-    design: "filled",
-    class: (0, import_internal_utils3.tw)([
-      "bg-alert",
-      "text-on-alert",
-      "hover:bg-alert-hovered",
-      "enabled:active:bg-alert-hovered",
-      "focus-visible:bg-alert-hovered"
-    ])
-  },
-  // Danger
-  {
-    intent: "danger",
-    design: "filled",
-    class: (0, import_internal_utils3.tw)([
-      "text-on-error bg-error",
-      "hover:bg-error-hovered enabled:active:bg-error-hovered",
-      "focus-visible:bg-error-hovered"
-    ])
-  },
-  // Info
-  {
-    intent: "info",
-    design: "filled",
-    class: (0, import_internal_utils3.tw)([
-      "text-on-error bg-info",
-      "hover:bg-info-hovered enabled:active:bg-info-hovered",
-      "focus-visible:bg-info-hovered"
-    ])
-  },
-  // Neutral
-  {
-    intent: "neutral",
-    design: "filled",
-    class: (0, import_internal_utils3.tw)([
-      "bg-neutral",
-      "text-on-neutral",
-      "hover:bg-neutral-hovered",
-      "enabled:active:bg-neutral-hovered",
-      "focus-visible:bg-neutral-hovered"
-    ])
-  },
-  // Surface
-  {
-    intent: "surface",
-    design: "filled",
-    class: (0, import_internal_utils3.tw)([
-      "bg-surface",
-      "text-on-surface",
-      "hover:bg-surface-hovered",
-      "enabled:active:bg-surface-hovered",
-      "focus-visible:bg-surface-hovered"
-    ])
-  },
-  {
-    intent: "surfaceInverse",
-    design: "filled",
-    class: (0, import_internal_utils3.tw)([
-      "bg-surface-inverse",
-      "text-on-surface-inverse",
-      "hover:bg-surface-inverse-hovered",
-      "enabled:active:bg-surface-inverse-hovered",
-      "focus-visible:bg-surface-inverse-hovered"
-    ])
-  }
-];
-
-// src/button/variants/ghost.ts
-var import_internal_utils4 = require("@spark-ui/internal-utils");
-var ghostVariants = [
-  {
-    intent: "main",
-    design: "ghost",
-    class: (0, import_internal_utils4.tw)([
-      "text-on-main-container",
-      "hover:bg-main/dim-5",
-      "enabled:active:bg-main/dim-5",
-      "focus-visible:bg-main/dim-5"
-    ])
-  },
-  {
-    intent: "support",
-    design: "ghost",
-    class: (0, import_internal_utils4.tw)([
-      "text-on-support-container",
-      "hover:bg-support/dim-5",
-      "enabled:active:bg-support/dim-5",
-      "focus-visible:bg-support/dim-5"
-    ])
-  },
-  {
-    intent: "accent",
-    design: "ghost",
-    class: (0, import_internal_utils4.tw)([
-      "text-on-accent-container",
-      "hover:bg-accent/dim-5",
-      "enabled:active:bg-accent/dim-5",
-      "focus-visible:bg-accent/dim-5"
-    ])
-  },
-  {
-    intent: "basic",
-    design: "ghost",
-    class: (0, import_internal_utils4.tw)([
-      "text-on-basic-container",
-      "hover:bg-basic/dim-5",
-      "enabled:active:bg-basic/dim-5",
-      "focus-visible:bg-basic/dim-5"
-    ])
-  },
-  {
-    intent: "success",
-    design: "ghost",
-    class: (0, import_internal_utils4.tw)([
-      "text-on-success-container",
-      "hover:bg-success/dim-5",
-      "enabled:active:bg-success/dim-5",
-      "focus-visible:bg-success/dim-5"
-    ])
-  },
-  {
-    intent: "alert",
-    design: "ghost",
-    class: (0, import_internal_utils4.tw)([
-      "text-on-alert-container",
-      "hover:bg-alert/dim-5",
-      "enabled:active:bg-alert/dim-5",
-      "focus-visible:bg-alert/dim-5"
-    ])
-  },
-  {
-    intent: "danger",
-    design: "ghost",
-    class: (0, import_internal_utils4.tw)([
-      "text-on-error-container",
-      "hover:bg-error/dim-5",
-      "enabled:active:bg-error/dim-5",
-      "focus-visible:bg-error/dim-5"
-    ])
-  },
-  {
-    intent: "info",
-    design: "ghost",
-    class: (0, import_internal_utils4.tw)([
-      "text-on-info-container",
-      "hover:bg-info/dim-5",
-      "enabled:active:bg-info/dim-5",
-      "focus-visible:bg-info/dim-5"
-    ])
-  },
-  {
-    intent: "neutral",
-    design: "ghost",
-    class: (0, import_internal_utils4.tw)([
-      "text-on-neutral-container",
-      "hover:bg-neutral/dim-5",
-      "enabled:active:bg-neutral/dim-5",
-      "focus-visible:bg-neutral/dim-5"
-    ])
-  },
-  {
-    intent: "surface",
-    design: "ghost",
-    class: (0, import_internal_utils4.tw)([
-      "text-surface",
-      "hover:bg-surface/dim-5",
-      "enabled:active:bg-surface/dim-5",
-      "focus-visible:bg-surface/dim-5"
-    ])
-  },
-  {
-    intent: "surfaceInverse",
-    design: "ghost",
-    class: (0, import_internal_utils4.tw)([
-      "text-surface-inverse",
-      "hover:bg-surface-inverse/dim-5",
-      "enabled:active:bg-surface-inverse/dim-5",
-      "focus-visible:bg-surface-inverse/dim-5"
-    ])
-  }
-];
-
-// src/button/variants/outlined.ts
-var import_internal_utils5 = require("@spark-ui/internal-utils");
-var outlinedVariants = [
-  {
-    intent: "main",
-    design: "outlined",
-    class: (0, import_internal_utils5.tw)([
-      "hover:bg-main/dim-5",
-      "enabled:active:bg-main/dim-5",
-      "focus-visible:bg-main/dim-5",
-      "text-main"
-    ])
-  },
-  {
-    intent: "support",
-    design: "outlined",
-    class: (0, import_internal_utils5.tw)([
-      "hover:bg-support/dim-5",
-      "enabled:active:bg-support/dim-5",
-      "focus-visible:bg-support/dim-5",
-      "text-support"
-    ])
-  },
-  {
-    intent: "accent",
-    design: "outlined",
-    class: (0, import_internal_utils5.tw)([
-      "hover:bg-accent/dim-5",
-      "enabled:active:bg-accent/dim-5",
-      "focus-visible:bg-accent/dim-5",
-      "text-accent"
-    ])
-  },
-  {
-    intent: "basic",
-    design: "outlined",
-    class: (0, import_internal_utils5.tw)([
-      "hover:bg-basic/dim-5",
-      "enabled:active:bg-basic/dim-5",
-      "focus-visible:bg-basic/dim-5",
-      "text-basic"
-    ])
-  },
-  {
-    intent: "success",
-    design: "outlined",
-    class: (0, import_internal_utils5.tw)([
-      "hover:bg-success/dim-5",
-      "enabled:active:bg-success/dim-5",
-      "focus-visible:bg-success/dim-5",
-      "text-success"
-    ])
-  },
-  {
-    intent: "alert",
-    design: "outlined",
-    class: (0, import_internal_utils5.tw)([
-      "hover:bg-alert/dim-5",
-      "enabled:active:bg-alert/dim-5",
-      "focus-visible:bg-alert/dim-5",
-      "text-alert"
-    ])
-  },
-  {
-    intent: "danger",
-    design: "outlined",
-    class: (0, import_internal_utils5.tw)([
-      "hover:bg-error/dim-5",
-      "enabled:active:bg-error/dim-5",
-      "focus-visible:bg-error/dim-5",
-      "text-error"
-    ])
-  },
-  {
-    intent: "info",
-    design: "outlined",
-    class: (0, import_internal_utils5.tw)([
-      "hover:bg-info/dim-5",
-      "enabled:active:bg-info/dim-5",
-      "focus-visible:bg-info/dim-5",
-      "text-info"
-    ])
-  },
-  {
-    intent: "neutral",
-    design: "outlined",
-    class: (0, import_internal_utils5.tw)([
-      "hover:bg-neutral/dim-5",
-      "enabled:active:bg-neutral/dim-5",
-      "focus-visible:bg-neutral/dim-5",
-      "text-neutral"
-    ])
-  },
-  {
-    intent: "surface",
-    design: "outlined",
-    class: (0, import_internal_utils5.tw)([
-      "hover:bg-surface/dim-5",
-      "enabled:active:bg-surface/dim-5",
-      "focus-visible:bg-surface/dim-5",
-      "text-surface"
-    ])
-  },
-  {
-    intent: "surfaceInverse",
-    design: "outlined",
-    class: (0, import_internal_utils5.tw)([
-      "hover:bg-surface-inverse/dim-5",
-      "enabled:active:bg-surface-inverse/dim-5",
-      "focus-visible:bg-surface-inverse/dim-5",
-      "text-surface-inverse"
-    ])
-  }
-];
-
-// src/button/variants/tinted.ts
-var import_internal_utils6 = require("@spark-ui/internal-utils");
-var tintedVariants = [
-  {
-    intent: "main",
-    design: "tinted",
-    class: (0, import_internal_utils6.tw)([
-      "bg-main-container",
-      "text-on-main-container",
-      "hover:bg-main-container-hovered",
-      "enabled:active:bg-main-container-hovered",
-      "focus-visible:bg-main-container-hovered"
-    ])
-  },
-  {
-    intent: "support",
-    design: "tinted",
-    class: (0, import_internal_utils6.tw)([
-      "bg-support-container",
-      "text-on-support-container",
-      "hover:bg-support-container-hovered",
-      "enabled:active:bg-support-container-hovered",
-      "focus-visible:bg-support-container-hovered"
-    ])
-  },
-  {
-    intent: "accent",
-    design: "tinted",
-    class: (0, import_internal_utils6.tw)([
-      "bg-accent-container",
-      "text-on-accent-container",
-      "hover:bg-accent-container-hovered",
-      "enabled:active:bg-accent-container-hovered",
-      "focus-visible:bg-accent-container-hovered"
-    ])
-  },
-  {
-    intent: "basic",
-    design: "tinted",
-    class: (0, import_internal_utils6.tw)([
-      "bg-basic-container",
-      "text-on-basic-container",
-      "hover:bg-basic-container-hovered",
-      "enabled:active:bg-basic-container-hovered",
-      "focus-visible:bg-basic-container-hovered"
-    ])
-  },
-  {
-    intent: "success",
-    design: "tinted",
-    class: (0, import_internal_utils6.tw)([
-      "bg-success-container",
-      "text-on-success-container",
-      "hover:bg-success-container-hovered",
-      "enabled:active:bg-success-container-hovered",
-      "focus-visible:bg-success-container-hovered"
-    ])
-  },
-  {
-    intent: "alert",
-    design: "tinted",
-    class: (0, import_internal_utils6.tw)([
-      "bg-alert-container",
-      "text-on-alert-container",
-      "hover:bg-alert-container-hovered",
-      "enabled:active:bg-alert-container-hovered",
-      "focus-visible:bg-alert-container-hovered"
-    ])
-  },
-  {
-    intent: "danger",
-    design: "tinted",
-    class: (0, import_internal_utils6.tw)([
-      "bg-error-container",
-      "text-on-error-container",
-      "hover:bg-error-container-hovered",
-      "enabled:active:bg-error-container-hovered",
-      "focus-visible:bg-error-container-hovered"
-    ])
-  },
-  {
-    intent: "info",
-    design: "tinted",
-    class: (0, import_internal_utils6.tw)([
-      "bg-info-container",
-      "text-on-info-container",
-      "hover:bg-info-container-hovered",
-      "enabled:active:bg-info-container-hovered",
-      "focus-visible:bg-info-container-hovered"
-    ])
-  },
-  {
-    intent: "neutral",
-    design: "tinted",
-    class: (0, import_internal_utils6.tw)([
-      "bg-neutral-container",
-      "text-on-neutral-container",
-      "hover:bg-neutral-container-hovered",
-      "enabled:active:bg-neutral-container-hovered",
-      "focus-visible:bg-neutral-container-hovered"
-    ])
-  },
-  {
-    intent: "surface",
-    design: "tinted",
-    class: (0, import_internal_utils6.tw)([
-      "bg-surface",
-      "text-on-surface",
-      "hover:bg-surface-hovered",
-      "enabled:active:bg-surface-hovered",
-      "focus-visible:bg-surface-hovered"
-    ])
-  },
-  {
-    intent: "surfaceInverse",
-    design: "tinted",
-    class: (0, import_internal_utils6.tw)([
-      "bg-surface-inverse",
-      "text-on-surface-inverse",
-      "hover:bg-surface-inverse-hovered",
-      "enabled:active:bg-surface-inverse-hovered",
-      "focus-visible:bg-surface-inverse-hovered"
-    ])
-  }
-];
-
-// src/button/variants/contrast.ts
-var import_internal_utils7 = require("@spark-ui/internal-utils");
-var contrastVariants = [
-  {
-    intent: "main",
-    design: "contrast",
-    class: (0, import_internal_utils7.tw)([
-      "text-on-main-contaier bg-surface",
-      "hover:bg-main-container-hovered",
-      "enabled:active:bg-main-container-hovered",
-      "focus-visible:bg-main-container-hovered"
-    ])
-  },
-  {
-    intent: "support",
-    design: "contrast",
-    class: (0, import_internal_utils7.tw)([
-      "text-on-support-container bg-surface",
-      "hover:bg-support-container-hovered",
-      "enabled:active:bg-support-container-hovered",
-      "focus-visible:bg-support-container-hovered"
-    ])
-  },
-  {
-    intent: "accent",
-    design: "contrast",
-    class: (0, import_internal_utils7.tw)([
-      "text-on-accent-container bg-surface",
-      "hover:bg-accent-container-hovered",
-      "enabled:active:bg-accent-container-hovered",
-      "focus-visible:bg-accent-container-hovered"
-    ])
-  },
-  {
-    intent: "basic",
-    design: "contrast",
-    class: (0, import_internal_utils7.tw)([
-      "text-on-basic-container bg-surface",
-      "hover:bg-basic-container-hovered",
-      "enabled:active:bg-basic-container-hovered",
-      "focus-visible:bg-basic-container-hovered"
-    ])
-  },
-  {
-    intent: "success",
-    design: "contrast",
-    class: (0, import_internal_utils7.tw)([
-      "text-on-success-container bg-surface",
-      "hover:bg-success-container-hovered",
-      "enabled:active:bg-success-container-hovered",
-      "focus-visible:bg-success-container-hovered"
-    ])
-  },
-  {
-    intent: "alert",
-    design: "contrast",
-    class: (0, import_internal_utils7.tw)([
-      "text-on-alert-container bg-surface",
-      "hover:bg-alert-container-hovered",
-      "enabled:active:bg-alert-container-hovered",
-      "focus-visible:bg-alert-container-hovered"
-    ])
-  },
-  {
-    intent: "danger",
-    design: "contrast",
-    class: (0, import_internal_utils7.tw)([
-      "text-on-error-container bg-surface",
-      "hover:bg-error-container-hovered",
-      "enabled:active:bg-error-container-hovered",
-      "focus-visible:bg-error-container-hovered"
-    ])
-  },
-  {
-    intent: "info",
-    design: "contrast",
-    class: (0, import_internal_utils7.tw)([
-      "text-on-info-container bg-surface",
-      "hover:bg-info-container-hovered",
-      "enabled:active:bg-info-container-hovered",
-      "focus-visible:bg-info-container-hovered"
-    ])
-  },
-  {
-    intent: "neutral",
-    design: "contrast",
-    class: (0, import_internal_utils7.tw)([
-      "text-on-neutral-container bg-surface",
-      "hover:bg-neutral-container-hovered",
-      "enabled:active:bg-neutral-container-hovered",
-      "focus-visible:bg-neutral-container-hovered"
-    ])
-  },
-  {
-    intent: "surface",
-    design: "contrast",
-    class: (0, import_internal_utils7.tw)([
-      "text-on-surface bg-surface",
-      "hover:bg-surface-hovered",
-      "enabled:active:bg-surface-hovered",
-      "focus-visible:bg-surface-hovered"
-    ])
-  },
-  {
-    intent: "surfaceInverse",
-    design: "contrast",
-    class: (0, import_internal_utils7.tw)([
-      "text-on-surface-inverse bg-surface-inverse",
-      "hover:bg-surface-inverse-hovered",
-      "enabled:active:bg-surface-inverse-hovered",
-      "focus-visible:bg-surface-inverse-hovered"
-    ])
-  }
-];
-
-// src/button/Button.styles.tsx
-var buttonStyles = (0, import_class_variance_authority4.cva)(
-  [
-    "u-shadow-border-transition",
-    "box-border inline-flex items-center justify-center gap-md whitespace-nowrap",
-    "default:px-lg",
-    "text-body-1 font-bold",
-    "focus-visible:u-outline"
-  ],
-  {
-    variants: {
-      /**
-       * Main style of the button.
-       *
-       * - `filled`: Button will be plain.
-       *
-       * - `outlined`: Button will be transparent with an outline.
-       *
-       * - `tinted`: Button will be filled but using a lighter color scheme.
-       *
-       * - `ghost`: Button will look like a link. No borders, plain text.
-       *
-       * - `contrast`: Button will be surface filled. No borders, plain text.
-       *
-       */
-      design: (0, import_internal_utils8.makeVariants)({
-        filled: [],
-        outlined: ["bg-transparent", "border-sm", "border-current"],
-        tinted: [],
-        ghost: ["default:-mx-md px-md hover:bg-main/dim-5"],
-        contrast: []
-      }),
-      underline: {
-        true: ["underline"]
-      },
-      /**
-       * Color scheme of the button.
-       */
-      intent: (0, import_internal_utils8.makeVariants)({
-        main: [],
-        support: [],
-        accent: [],
-        basic: [],
-        success: [],
-        alert: [],
-        danger: [],
-        info: [],
-        neutral: [],
-        surface: [],
-        surfaceInverse: []
-      }),
-      /**
-       * Size of the button.
-       */
-      size: (0, import_internal_utils8.makeVariants)({
-        sm: ["min-w-sz-32", "h-sz-32"],
-        md: ["min-w-sz-44", "h-sz-44"],
-        lg: ["min-w-sz-56", "h-sz-56"]
-      }),
-      /**
-       * Shape of the button.
-       */
-      shape: (0, import_internal_utils8.makeVariants)({
-        rounded: ["rounded-lg"],
-        square: ["rounded-0"],
-        pill: ["rounded-full"]
-      }),
-      /**
-       * Disable the button, preventing user interaction and adding opacity.
-       */
-      disabled: {
-        true: ["cursor-not-allowed", "opacity-dim-3"],
-        false: ["cursor-pointer"]
-      }
-    },
-    compoundVariants: [
-      ...filledVariants,
-      ...outlinedVariants,
-      ...tintedVariants,
-      ...ghostVariants,
-      ...contrastVariants
-    ],
-    defaultVariants: {
-      design: "filled",
-      intent: "main",
-      size: "md",
-      shape: "rounded"
-    }
-  }
-);
-
-// src/button/Button.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var blockedEventHandlers = [
-  "onClick",
-  "onMouseDown",
-  "onMouseUp",
-  "onMouseEnter",
-  "onMouseLeave",
-  "onMouseOver",
-  "onMouseOut",
-  "onKeyDown",
-  "onKeyPress",
-  "onKeyUp",
-  "onSubmit"
-];
-var Button = ({
-  children,
-  design = "filled",
-  disabled = false,
-  intent = "main",
-  isLoading = false,
-  loadingLabel,
-  loadingText,
-  shape = "rounded",
-  size = "md",
-  asChild,
-  className,
-  underline = false,
-  ref,
-  ...others
-}) => {
-  const Component = asChild ? Slot : "button";
-  const shouldNotInteract = !!disabled || isLoading;
-  const disabledEventHandlers = (0, import_react4.useMemo)(() => {
-    const result = {};
-    if (shouldNotInteract) {
-      blockedEventHandlers.forEach((eventHandler) => result[eventHandler] = void 0);
-    }
-    return result;
-  }, [shouldNotInteract]);
-  const spinnerProps = {
-    size: "current",
-    className: loadingText ? "inline-block" : "absolute",
-    ...loadingLabel && { "aria-label": loadingLabel }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    Component,
-    {
-      "data-spark-component": "button",
-      ...Component === "button" && { type: "button" },
-      ref,
-      className: buttonStyles({
-        className,
-        design,
-        disabled: shouldNotInteract,
-        intent,
-        shape,
-        size,
-        underline
-      }),
-      disabled: !!disabled,
-      "aria-busy": isLoading,
-      "aria-live": isLoading ? "assertive" : "off",
-      ...others,
-      ...disabledEventHandlers,
-      children: wrapPolymorphicSlot(
-        asChild,
-        children,
-        (slotted) => isLoading ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Spinner, { ...spinnerProps }),
-          loadingText && loadingText,
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-            "div",
-            {
-              "aria-hidden": true,
-              className: (0, import_class_variance_authority5.cx)("gap-md", loadingText ? "hidden" : "inline-flex opacity-0"),
-              children: slotted
-            }
-          )
-        ] }) : slotted
-      )
-    }
-  );
-};
-Button.displayName = "Button";
-
-// src/icon-button/IconButton.styles.tsx
-var import_internal_utils9 = require("@spark-ui/internal-utils");
-var import_class_variance_authority6 = require("class-variance-authority");
-var iconButtonStyles = (0, import_class_variance_authority6.cva)(["pl-0 pr-0"], {
-  variants: {
-    /**
-     * Sets the size of the icon.
-     */
-    size: (0, import_internal_utils9.makeVariants)({
-      sm: ["text-body-1"],
-      md: ["text-body-1"],
-      lg: ["text-display-3"]
-    })
-  }
-});
-
-// src/icon-button/IconButton.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var IconButton = ({
-  design = "filled",
-  disabled = false,
-  intent = "main",
-  shape = "rounded",
-  size = "md",
-  className,
-  ref,
-  ...others
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    Button,
-    {
-      "data-spark-component": "icon-button",
-      ref,
-      className: iconButtonStyles({ size, className }),
-      design,
-      disabled,
-      intent,
-      shape,
-      size,
-      ...others
-    }
-  );
-};
-IconButton.displayName = "IconButton";
-
-// src/popover/PopoverCloseButton.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var CloseButton = ({
-  "aria-label": ariaLabel,
-  className,
-  ref,
-  ...rest
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    import_radix_ui5.Popover.Close,
-    {
-      "data-spark-component": "popover-close-button",
-      ref,
-      className: (0, import_class_variance_authority7.cx)("right-lg top-md absolute", className),
-      asChild: true,
-      ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconButton, { size: "sm", intent: "neutral", design: "ghost", "aria-label": ariaLabel, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_Close.Close, {}) }) })
-    }
-  );
-};
-CloseButton.displayName = "Popover.CloseButton";
-
-// src/popover/PopoverContent.tsx
-var import_radix_ui6 = require("radix-ui");
-
-// src/popover/PopoverContent.styles.ts
-var import_class_variance_authority8 = require("class-variance-authority");
-var styles = (0, import_class_variance_authority8.cva)(
-  [
-    "rounded-md",
-    "shadow-sm",
-    "focus-visible:outline-hidden focus-visible:u-outline",
-    "max-h-(--radix-popper-available-height) overflow-y-auto"
-  ],
-  {
-    variants: {
-      intent: {
-        surface: "bg-surface text-on-surface",
-        main: "bg-main-container text-on-main-container",
-        support: "bg-support-container text-on-support-container",
-        accent: "bg-accent-container text-on-accent-container",
-        basic: "bg-basic-container text-on-basic-container",
-        success: "bg-success-container text-on-success-container",
-        alert: "bg-alert-container text-on-alert-container",
-        danger: "bg-error-container text-on-error-container",
-        info: "bg-info-container text-on-info-container",
-        neutral: "bg-neutral-container text-on-neutral-container"
-      },
-      matchTriggerWidth: {
-        true: "w-(--radix-popper-anchor-width)"
-      },
-      enforceBoundaries: {
-        true: ["max-w-(--radix-popper-available-width)"]
-      },
-      inset: {
-        true: "overflow-hidden",
-        false: "p-lg"
-      },
-      elevation: {
-        dropdown: "z-dropdown",
-        popover: "z-popover"
-      }
-    },
-    compoundVariants: [
-      {
-        inset: false,
-        /**
-         * When there is a close button, padding to the right side must be adjusted to avoid content overlapping with it.
-         */
-        class: "has-data-[spark-component=popover-close-button]:pr-3xl"
-      },
-      {
-        enforceBoundaries: false,
-        matchTriggerWidth: false,
-        class: "max-w-[min(var(--spacing-sz-384),100vw)]"
-      }
-    ],
-    defaultVariants: {
-      matchTriggerWidth: false,
-      enforceBoundaries: false,
-      inset: false,
-      intent: "surface",
-      elevation: "popover"
-    }
-  }
-);
-
-// src/popover/PopoverContent.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var Content = ({
-  // Spark props
-  className,
-  children,
-  matchTriggerWidth = false,
-  // Radix props
-  align = "center",
-  arrowPadding = 16,
-  // In order not to overlap the arrow on the rounded corners of the popover.
-  asChild = false,
-  avoidCollisions = true,
-  "aria-labelledby": ariaLabelledBy,
-  collisionBoundary,
-  collisionPadding = 0,
-  hideWhenDetached = false,
-  side = "bottom",
-  sideOffset = 8,
-  sticky = "partial",
-  inset = false,
-  elevation = "popover",
-  ref,
-  ...rest
-}) => {
-  const { headerId, intent } = usePopover();
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_radix_ui6.Popover.Content,
-    {
-      "aria-labelledby": headerId || ariaLabelledBy,
-      className: styles({
-        enforceBoundaries: !!collisionBoundary,
-        matchTriggerWidth,
-        inset,
-        elevation,
-        intent,
-        className
-      }),
-      "data-spark-component": "popover-content",
-      ref,
-      ...{
-        align,
-        arrowPadding,
-        asChild,
-        avoidCollisions,
-        collisionBoundary,
-        collisionPadding,
-        hideWhenDetached,
-        side,
-        sideOffset,
-        sticky
-      },
-      ...rest,
-      children
-    }
-  );
-};
-Content.displayName = "Popover.Content";
-
-// src/popover/PopoverHeader.tsx
-var import_class_variance_authority9 = require("class-variance-authority");
-var import_react5 = require("react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var Header = ({ children, className, ref, ...rest }) => {
-  const id = `${ID_PREFIX}-header-${(0, import_react5.useId)()}`;
-  const { setHeaderId } = usePopover();
-  (0, import_react5.useLayoutEffect)(() => {
-    setHeaderId(id);
-    return () => setHeaderId(null);
-  }, [id, setHeaderId]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("header", { id, ref, className: (0, import_class_variance_authority9.cx)("mb-md text-headline-2", className), ...rest, children });
-};
-Header.displayName = "Popover.Header";
-
-// src/popover/PopoverPortal.tsx
-var import_radix_ui7 = require("radix-ui");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var Portal = ({ children, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_radix_ui7.Popover.Portal, { ...rest, children });
-Portal.displayName = "Popover.Portal";
-
-// src/popover/PopoverTrigger.tsx
-var import_radix_ui8 = require("radix-ui");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var Trigger = ({ asChild = false, children, ref, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-  import_radix_ui8.Popover.Trigger,
-  {
-    "data-spark-component": "popover-trigger",
-    ref,
-    asChild,
-    ...rest,
-    children
-  }
-);
-Trigger.displayName = "Popover.Trigger";
-
-// src/popover/index.ts
-var Popover2 = Object.assign(Popover, {
-  Anchor,
-  Arrow,
-  CloseButton,
-  Content,
-  Header,
-  Portal,
-  Trigger
-});
-Popover2.displayName = "Popover";
-Anchor.displayName = "Popover.Anchor";
-Arrow.displayName = "Popover.Arrow";
-CloseButton.displayName = "Popover.CloseButton";
-Content.displayName = "Popover.Content";
-Header.displayName = "Popover.Header";
-Portal.displayName = "Popover.Portal";
-Trigger.displayName = "Popover.Trigger";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Popover
-});
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),Y=require("react"),U=require("../index-Dkj4QRX8.js"),ne=require("../index-1WIgmEZh.js"),Ye=require("../index-DO-atGp-.js"),ee=require("../index-tXqxYME3.js"),Ke=require("../index-CDBBjNXc.js"),p=require("../floating-ui.utils.dom-CCN4I08l.js"),zt=require("react-dom"),oe=require("../index-ChLwd62c.js"),je=require("../index-MQ0c3ZX_.js"),qt=require("../index-Cjj_rUPu.js"),Vt=require("../index-DKuHkHFX.js"),Ue=require("../index-MHF2-CYX.js"),de=require("../index-DnaHaH_0.js"),Xt=require("@spark-ui/icons/Close"),Yt=require("../Icon-Bf0XrmiR.js"),Kt=require("../IconButton-Bf-EDzpI.js");function Ge(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 v=Ge(Y),Ut=Ge(zt),Gt=["top","right","bottom","left"],V=Math.min,H=Math.max,ae=Math.round,se=Math.floor,B=e=>({x:e,y:e}),Zt={left:"right",right:"left",bottom:"top",top:"bottom"},Jt={start:"end",end:"start"};function xe(e,t,n){return H(e,V(t,n))}function z(e,t){return typeof e=="function"?e(t):e}function q(e){return e.split("-")[0]}function J(e){return e.split("-")[1]}function we(e){return e==="x"?"y":"x"}function ye(e){return e==="y"?"height":"width"}const Qt=new Set(["top","bottom"]);function I(e){return Qt.has(q(e))?"y":"x"}function Pe(e){return we(I(e))}function en(e,t,n){n===void 0&&(n=!1);const o=J(e),r=Pe(e),i=ye(r);let s=r==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return t.reference[i]>t.floating[i]&&(s=le(s)),[s,le(s)]}function tn(e){const t=le(e);return[ve(e),t,ve(t)]}function ve(e){return e.replace(/start|end/g,t=>Jt[t])}const Fe=["left","right"],ke=["right","left"],nn=["top","bottom"],on=["bottom","top"];function rn(e,t,n){switch(e){case"top":case"bottom":return n?t?ke:Fe:t?Fe:ke;case"left":case"right":return t?nn:on;default:return[]}}function sn(e,t,n,o){const r=J(e);let i=rn(q(e),n==="start",o);return r&&(i=i.map(s=>s+"-"+r),t&&(i=i.concat(i.map(ve)))),i}function le(e){return e.replace(/left|right|bottom|top/g,t=>Zt[t])}function cn(e){return{top:0,right:0,bottom:0,left:0,...e}}function Ze(e){return typeof e!="number"?cn(e):{top:e,right:e,bottom:e,left:e}}function fe(e){const{x:t,y:n,width:o,height:r}=e;return{width:o,height:r,top:n,left:t,right:t+o,bottom:n+r,x:t,y:n}}function He(e,t,n){let{reference:o,floating:r}=e;const i=I(t),s=Pe(t),c=ye(s),a=q(t),l=i==="y",f=o.x+o.width/2-r.width/2,u=o.y+o.height/2-r.height/2,m=o[c]/2-r[c]/2;let d;switch(a){case"top":d={x:f,y:o.y-r.height};break;case"bottom":d={x:f,y:o.y+o.height};break;case"right":d={x:o.x+o.width,y:u};break;case"left":d={x:o.x-r.width,y:u};break;default:d={x:o.x,y:o.y}}switch(J(t)){case"start":d[s]-=m*(n&&l?-1:1);break;case"end":d[s]+=m*(n&&l?-1:1);break}return d}const an=async(e,t,n)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:s}=n,c=i.filter(Boolean),a=await(s.isRTL==null?void 0:s.isRTL(t));let l=await s.getElementRects({reference:e,floating:t,strategy:r}),{x:f,y:u}=He(l,o,a),m=o,d={},g=0;for(let h=0;h<c.length;h++){const{name:w,fn:x}=c[h],{x:P,y:b,data:A,reset:C}=await x({x:f,y:u,initialPlacement:o,placement:m,strategy:r,middlewareData:d,rects:l,platform:s,elements:{reference:e,floating:t}});f=P??f,u=b??u,d={...d,[w]:{...d[w],...A}},C&&g<=50&&(g++,typeof C=="object"&&(C.placement&&(m=C.placement),C.rects&&(l=C.rects===!0?await s.getElementRects({reference:e,floating:t,strategy:r}):C.rects),{x:f,y:u}=He(l,m,a)),h=-1)}return{x:f,y:u,placement:m,strategy:r,middlewareData:d}};async function te(e,t){var n;t===void 0&&(t={});const{x:o,y:r,platform:i,rects:s,elements:c,strategy:a}=e,{boundary:l="clippingAncestors",rootBoundary:f="viewport",elementContext:u="floating",altBoundary:m=!1,padding:d=0}=z(t,e),g=Ze(d),w=c[m?u==="floating"?"reference":"floating":u],x=fe(await i.getClippingRect({element:(n=await(i.isElement==null?void 0:i.isElement(w)))==null||n?w:w.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(c.floating)),boundary:l,rootBoundary:f,strategy:a})),P=u==="floating"?{x:o,y:r,width:s.floating.width,height:s.floating.height}:s.reference,b=await(i.getOffsetParent==null?void 0:i.getOffsetParent(c.floating)),A=await(i.isElement==null?void 0:i.isElement(b))?await(i.getScale==null?void 0:i.getScale(b))||{x:1,y:1}:{x:1,y:1},C=fe(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:P,offsetParent:b,strategy:a}):P);return{top:(x.top-C.top+g.top)/A.y,bottom:(C.bottom-x.bottom+g.bottom)/A.y,left:(x.left-C.left+g.left)/A.x,right:(C.right-x.right+g.right)/A.x}}const ln=e=>({name:"arrow",options:e,async fn(t){const{x:n,y:o,placement:r,rects:i,platform:s,elements:c,middlewareData:a}=t,{element:l,padding:f=0}=z(e,t)||{};if(l==null)return{};const u=Ze(f),m={x:n,y:o},d=Pe(r),g=ye(d),h=await s.getDimensions(l),w=d==="y",x=w?"top":"left",P=w?"bottom":"right",b=w?"clientHeight":"clientWidth",A=i.reference[g]+i.reference[d]-m[d]-i.floating[g],C=m[d]-i.reference[d],E=await(s.getOffsetParent==null?void 0:s.getOffsetParent(l));let O=E?E[b]:0;(!O||!await(s.isElement==null?void 0:s.isElement(E)))&&(O=c.floating[b]||i.floating[g]);const L=A/2-C/2,F=O/2-h[g]/2-1,D=V(u[x],F),$=V(u[P],F),j=D,N=O-h[g]-$,S=O/2-h[g]/2+L,k=xe(j,S,N),T=!a.arrow&&J(r)!=null&&S!==k&&i.reference[g]/2-(S<j?D:$)-h[g]/2<0,M=T?S<j?S-j:S-N:0;return{[d]:m[d]+M,data:{[d]:k,centerOffset:S-k-M,...T&&{alignmentOffset:M}},reset:T}}}),fn=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var n,o;const{placement:r,middlewareData:i,rects:s,initialPlacement:c,platform:a,elements:l}=t,{mainAxis:f=!0,crossAxis:u=!0,fallbackPlacements:m,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:h=!0,...w}=z(e,t);if((n=i.arrow)!=null&&n.alignmentOffset)return{};const x=q(r),P=I(c),b=q(c)===c,A=await(a.isRTL==null?void 0:a.isRTL(l.floating)),C=m||(b||!h?[le(c)]:tn(c)),E=g!=="none";!m&&E&&C.push(...sn(c,h,g,A));const O=[c,...C],L=await te(t,w),F=[];let D=((o=i.flip)==null?void 0:o.overflows)||[];if(f&&F.push(L[x]),u){const S=en(r,s,A);F.push(L[S[0]],L[S[1]])}if(D=[...D,{placement:r,overflows:F}],!F.every(S=>S<=0)){var $,j;const S=((($=i.flip)==null?void 0:$.index)||0)+1,k=O[S];if(k&&(!(u==="alignment"?P!==I(k):!1)||D.every(R=>I(R.placement)===P?R.overflows[0]>0:!0)))return{data:{index:S,overflows:D},reset:{placement:k}};let T=(j=D.filter(M=>M.overflows[0]<=0).sort((M,R)=>M.overflows[1]-R.overflows[1])[0])==null?void 0:j.placement;if(!T)switch(d){case"bestFit":{var N;const M=(N=D.filter(R=>{if(E){const _=I(R.placement);return _===P||_==="y"}return!0}).map(R=>[R.placement,R.overflows.filter(_=>_>0).reduce((_,W)=>_+W,0)]).sort((R,_)=>R[1]-_[1])[0])==null?void 0:N[0];M&&(T=M);break}case"initialPlacement":T=c;break}if(r!==T)return{reset:{placement:T}}}return{}}}};function We(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function Ie(e){return Gt.some(t=>e[t]>=0)}const un=function(e){return e===void 0&&(e={}),{name:"hide",options:e,async fn(t){const{rects:n}=t,{strategy:o="referenceHidden",...r}=z(e,t);switch(o){case"referenceHidden":{const i=await te(t,{...r,elementContext:"reference"}),s=We(i,n.reference);return{data:{referenceHiddenOffsets:s,referenceHidden:Ie(s)}}}case"escaped":{const i=await te(t,{...r,altBoundary:!0}),s=We(i,n.floating);return{data:{escapedOffsets:s,escaped:Ie(s)}}}default:return{}}}}},Je=new Set(["left","top"]);async function dn(e,t){const{placement:n,platform:o,elements:r}=e,i=await(o.isRTL==null?void 0:o.isRTL(r.floating)),s=q(n),c=J(n),a=I(n)==="y",l=Je.has(s)?-1:1,f=i&&a?-1:1,u=z(t,e);let{mainAxis:m,crossAxis:d,alignmentAxis:g}=typeof u=="number"?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:u.mainAxis||0,crossAxis:u.crossAxis||0,alignmentAxis:u.alignmentAxis};return c&&typeof g=="number"&&(d=c==="end"?g*-1:g),a?{x:d*f,y:m*l}:{x:m*l,y:d*f}}const pn=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var n,o;const{x:r,y:i,placement:s,middlewareData:c}=t,a=await dn(t,e);return s===((n=c.offset)==null?void 0:n.placement)&&(o=c.arrow)!=null&&o.alignmentOffset?{}:{x:r+a.x,y:i+a.y,data:{...a,placement:s}}}}},mn=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){const{x:n,y:o,placement:r}=t,{mainAxis:i=!0,crossAxis:s=!1,limiter:c={fn:w=>{let{x,y:P}=w;return{x,y:P}}},...a}=z(e,t),l={x:n,y:o},f=await te(t,a),u=I(q(r)),m=we(u);let d=l[m],g=l[u];if(i){const w=m==="y"?"top":"left",x=m==="y"?"bottom":"right",P=d+f[w],b=d-f[x];d=xe(P,d,b)}if(s){const w=u==="y"?"top":"left",x=u==="y"?"bottom":"right",P=g+f[w],b=g-f[x];g=xe(P,g,b)}const h=c.fn({...t,[m]:d,[u]:g});return{...h,data:{x:h.x-n,y:h.y-o,enabled:{[m]:i,[u]:s}}}}}},gn=function(e){return e===void 0&&(e={}),{options:e,fn(t){const{x:n,y:o,placement:r,rects:i,middlewareData:s}=t,{offset:c=0,mainAxis:a=!0,crossAxis:l=!0}=z(e,t),f={x:n,y:o},u=I(r),m=we(u);let d=f[m],g=f[u];const h=z(c,t),w=typeof h=="number"?{mainAxis:h,crossAxis:0}:{mainAxis:0,crossAxis:0,...h};if(a){const b=m==="y"?"height":"width",A=i.reference[m]-i.floating[b]+w.mainAxis,C=i.reference[m]+i.reference[b]-w.mainAxis;d<A?d=A:d>C&&(d=C)}if(l){var x,P;const b=m==="y"?"width":"height",A=Je.has(q(r)),C=i.reference[u]-i.floating[b]+(A&&((x=s.offset)==null?void 0:x[u])||0)+(A?0:w.crossAxis),E=i.reference[u]+i.reference[b]+(A?0:((P=s.offset)==null?void 0:P[u])||0)-(A?w.crossAxis:0);g<C?g=C:g>E&&(g=E)}return{[m]:d,[u]:g}}}},hn=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(t){var n,o;const{placement:r,rects:i,platform:s,elements:c}=t,{apply:a=()=>{},...l}=z(e,t),f=await te(t,l),u=q(r),m=J(r),d=I(r)==="y",{width:g,height:h}=i.floating;let w,x;u==="top"||u==="bottom"?(w=u,x=m===(await(s.isRTL==null?void 0:s.isRTL(c.floating))?"start":"end")?"left":"right"):(x=u,w=m==="end"?"top":"bottom");const P=h-f.top-f.bottom,b=g-f.left-f.right,A=V(h-f[w],P),C=V(g-f[x],b),E=!t.middlewareData.shift;let O=A,L=C;if((n=t.middlewareData.shift)!=null&&n.enabled.x&&(L=b),(o=t.middlewareData.shift)!=null&&o.enabled.y&&(O=P),E&&!m){const D=H(f.left,0),$=H(f.right,0),j=H(f.top,0),N=H(f.bottom,0);d?L=g-2*(D!==0||$!==0?D+$:H(f.left,f.right)):O=h-2*(j!==0||N!==0?j+N:H(f.top,f.bottom))}await a({...t,availableWidth:L,availableHeight:O});const F=await s.getDimensions(c.floating);return g!==F.width||h!==F.height?{reset:{rects:!0}}:{}}}};function Qe(e){const t=p.getComputedStyle(e);let n=parseFloat(t.width)||0,o=parseFloat(t.height)||0;const r=p.isHTMLElement(e),i=r?e.offsetWidth:n,s=r?e.offsetHeight:o,c=ae(n)!==i||ae(o)!==s;return c&&(n=i,o=s),{width:n,height:o,$:c}}function be(e){return p.isElement(e)?e:e.contextElement}function G(e){const t=be(e);if(!p.isHTMLElement(t))return B(1);const n=t.getBoundingClientRect(),{width:o,height:r,$:i}=Qe(t);let s=(i?ae(n.width):n.width)/o,c=(i?ae(n.height):n.height)/r;return(!s||!Number.isFinite(s))&&(s=1),(!c||!Number.isFinite(c))&&(c=1),{x:s,y:c}}const xn=B(0);function et(e){const t=p.getWindow(e);return!p.isWebKit()||!t.visualViewport?xn:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function vn(e,t,n){return t===void 0&&(t=!1),!n||t&&n!==p.getWindow(e)?!1:t}function K(e,t,n,o){t===void 0&&(t=!1),n===void 0&&(n=!1);const r=e.getBoundingClientRect(),i=be(e);let s=B(1);t&&(o?p.isElement(o)&&(s=G(o)):s=G(e));const c=vn(i,n,o)?et(i):B(0);let a=(r.left+c.x)/s.x,l=(r.top+c.y)/s.y,f=r.width/s.x,u=r.height/s.y;if(i){const m=p.getWindow(i),d=o&&p.isElement(o)?p.getWindow(o):o;let g=m,h=p.getFrameElement(g);for(;h&&o&&d!==g;){const w=G(h),x=h.getBoundingClientRect(),P=p.getComputedStyle(h),b=x.left+(h.clientLeft+parseFloat(P.paddingLeft))*w.x,A=x.top+(h.clientTop+parseFloat(P.paddingTop))*w.y;a*=w.x,l*=w.y,f*=w.x,u*=w.y,a+=b,l+=A,g=p.getWindow(h),h=p.getFrameElement(g)}}return fe({width:f,height:u,x:a,y:l})}function pe(e,t){const n=p.getNodeScroll(e).scrollLeft;return t?t.left+n:K(p.getDocumentElement(e)).left+n}function tt(e,t){const n=e.getBoundingClientRect(),o=n.left+t.scrollLeft-pe(e,n),r=n.top+t.scrollTop;return{x:o,y:r}}function wn(e){let{elements:t,rect:n,offsetParent:o,strategy:r}=e;const i=r==="fixed",s=p.getDocumentElement(o),c=t?p.isTopLayer(t.floating):!1;if(o===s||c&&i)return n;let a={scrollLeft:0,scrollTop:0},l=B(1);const f=B(0),u=p.isHTMLElement(o);if((u||!u&&!i)&&((p.getNodeName(o)!=="body"||p.isOverflowElement(s))&&(a=p.getNodeScroll(o)),p.isHTMLElement(o))){const d=K(o);l=G(o),f.x=d.x+o.clientLeft,f.y=d.y+o.clientTop}const m=s&&!u&&!i?tt(s,a):B(0);return{width:n.width*l.x,height:n.height*l.y,x:n.x*l.x-a.scrollLeft*l.x+f.x+m.x,y:n.y*l.y-a.scrollTop*l.y+f.y+m.y}}function yn(e){return Array.from(e.getClientRects())}function Pn(e){const t=p.getDocumentElement(e),n=p.getNodeScroll(e),o=e.ownerDocument.body,r=H(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),i=H(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight);let s=-n.scrollLeft+pe(e);const c=-n.scrollTop;return p.getComputedStyle(o).direction==="rtl"&&(s+=H(t.clientWidth,o.clientWidth)-r),{width:r,height:i,x:s,y:c}}const Be=25;function bn(e,t){const n=p.getWindow(e),o=p.getDocumentElement(e),r=n.visualViewport;let i=o.clientWidth,s=o.clientHeight,c=0,a=0;if(r){i=r.width,s=r.height;const f=p.isWebKit();(!f||f&&t==="fixed")&&(c=r.offsetLeft,a=r.offsetTop)}const l=pe(o);if(l<=0){const f=o.ownerDocument,u=f.body,m=getComputedStyle(u),d=f.compatMode==="CSS1Compat"&&parseFloat(m.marginLeft)+parseFloat(m.marginRight)||0,g=Math.abs(o.clientWidth-u.clientWidth-d);g<=Be&&(i-=g)}else l<=Be&&(i+=l);return{width:i,height:s,x:c,y:a}}const An=new Set(["absolute","fixed"]);function Cn(e,t){const n=K(e,!0,t==="fixed"),o=n.top+e.clientTop,r=n.left+e.clientLeft,i=p.isHTMLElement(e)?G(e):B(1),s=e.clientWidth*i.x,c=e.clientHeight*i.y,a=r*i.x,l=o*i.y;return{width:s,height:c,x:a,y:l}}function ze(e,t,n){let o;if(t==="viewport")o=bn(e,n);else if(t==="document")o=Pn(p.getDocumentElement(e));else if(p.isElement(t))o=Cn(t,n);else{const r=et(e);o={x:t.x-r.x,y:t.y-r.y,width:t.width,height:t.height}}return fe(o)}function nt(e,t){const n=p.getParentNode(e);return n===t||!p.isElement(n)||p.isLastTraversableNode(n)?!1:p.getComputedStyle(n).position==="fixed"||nt(n,t)}function Rn(e,t){const n=t.get(e);if(n)return n;let o=p.getOverflowAncestors(e,[],!1).filter(c=>p.isElement(c)&&p.getNodeName(c)!=="body"),r=null;const i=p.getComputedStyle(e).position==="fixed";let s=i?p.getParentNode(e):e;for(;p.isElement(s)&&!p.isLastTraversableNode(s);){const c=p.getComputedStyle(s),a=p.isContainingBlock(s);!a&&c.position==="fixed"&&(r=null),(i?!a&&!r:!a&&c.position==="static"&&!!r&&An.has(r.position)||p.isOverflowElement(s)&&!a&&nt(e,s))?o=o.filter(f=>f!==s):r=c,s=p.getParentNode(s)}return t.set(e,o),o}function On(e){let{element:t,boundary:n,rootBoundary:o,strategy:r}=e;const s=[...n==="clippingAncestors"?p.isTopLayer(t)?[]:Rn(t,this._c):[].concat(n),o],c=s[0],a=s.reduce((l,f)=>{const u=ze(t,f,r);return l.top=H(u.top,l.top),l.right=V(u.right,l.right),l.bottom=V(u.bottom,l.bottom),l.left=H(u.left,l.left),l},ze(t,c,r));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}}function En(e){const{width:t,height:n}=Qe(e);return{width:t,height:n}}function Sn(e,t,n){const o=p.isHTMLElement(t),r=p.getDocumentElement(t),i=n==="fixed",s=K(e,!0,i,t);let c={scrollLeft:0,scrollTop:0};const a=B(0);function l(){a.x=pe(r)}if(o||!o&&!i)if((p.getNodeName(t)!=="body"||p.isOverflowElement(r))&&(c=p.getNodeScroll(t)),o){const d=K(t,!0,i,t);a.x=d.x+t.clientLeft,a.y=d.y+t.clientTop}else r&&l();i&&!o&&r&&l();const f=r&&!o&&!i?tt(r,c):B(0),u=s.left+c.scrollLeft-a.x-f.x,m=s.top+c.scrollTop-a.y-f.y;return{x:u,y:m,width:s.width,height:s.height}}function ge(e){return p.getComputedStyle(e).position==="static"}function qe(e,t){if(!p.isHTMLElement(e)||p.getComputedStyle(e).position==="fixed")return null;if(t)return t(e);let n=e.offsetParent;return p.getDocumentElement(e)===n&&(n=n.ownerDocument.body),n}function ot(e,t){const n=p.getWindow(e);if(p.isTopLayer(e))return n;if(!p.isHTMLElement(e)){let r=p.getParentNode(e);for(;r&&!p.isLastTraversableNode(r);){if(p.isElement(r)&&!ge(r))return r;r=p.getParentNode(r)}return n}let o=qe(e,t);for(;o&&p.isTableElement(o)&&ge(o);)o=qe(o,t);return o&&p.isLastTraversableNode(o)&&ge(o)&&!p.isContainingBlock(o)?n:o||p.getContainingBlock(e)||n}const Nn=async function(e){const t=this.getOffsetParent||ot,n=this.getDimensions,o=await n(e.floating);return{reference:Sn(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Tn(e){return p.getComputedStyle(e).direction==="rtl"}const Mn={convertOffsetParentRelativeRectToViewportRelativeRect:wn,getDocumentElement:p.getDocumentElement,getClippingRect:On,getOffsetParent:ot,getElementRects:Nn,getClientRects:yn,getDimensions:En,getScale:G,isElement:p.isElement,isRTL:Tn};function rt(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function Dn(e,t){let n=null,o;const r=p.getDocumentElement(e);function i(){var c;clearTimeout(o),(c=n)==null||c.disconnect(),n=null}function s(c,a){c===void 0&&(c=!1),a===void 0&&(a=1),i();const l=e.getBoundingClientRect(),{left:f,top:u,width:m,height:d}=l;if(c||t(),!m||!d)return;const g=se(u),h=se(r.clientWidth-(f+m)),w=se(r.clientHeight-(u+d)),x=se(f),b={rootMargin:-g+"px "+-h+"px "+-w+"px "+-x+"px",threshold:H(0,V(1,a))||1};let A=!0;function C(E){const O=E[0].intersectionRatio;if(O!==a){if(!A)return s();O?s(!1,O):o=setTimeout(()=>{s(!1,1e-7)},1e3)}O===1&&!rt(l,e.getBoundingClientRect())&&s(),A=!1}try{n=new IntersectionObserver(C,{...b,root:r.ownerDocument})}catch{n=new IntersectionObserver(C,b)}n.observe(e)}return s(!0),i}function Ln(e,t,n,o){o===void 0&&(o={});const{ancestorScroll:r=!0,ancestorResize:i=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:a=!1}=o,l=be(e),f=r||i?[...l?p.getOverflowAncestors(l):[],...p.getOverflowAncestors(t)]:[];f.forEach(x=>{r&&x.addEventListener("scroll",n,{passive:!0}),i&&x.addEventListener("resize",n)});const u=l&&c?Dn(l,n):null;let m=-1,d=null;s&&(d=new ResizeObserver(x=>{let[P]=x;P&&P.target===l&&d&&(d.unobserve(t),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var b;(b=d)==null||b.observe(t)})),n()}),l&&!a&&d.observe(l),d.observe(t));let g,h=a?K(e):null;a&&w();function w(){const x=K(e);h&&!rt(h,x)&&n(),h=x,g=requestAnimationFrame(w)}return n(),()=>{var x;f.forEach(P=>{r&&P.removeEventListener("scroll",n),i&&P.removeEventListener("resize",n)}),u?.(),(x=d)==null||x.disconnect(),d=null,a&&cancelAnimationFrame(g)}}const _n=pn,$n=mn,jn=fn,Fn=hn,kn=un,Ve=ln,Hn=gn,Wn=(e,t,n)=>{const o=new Map,r={platform:Mn,...n},i={...r.platform,_c:o};return an(e,t,{...r,platform:i})};var In=typeof document<"u",Bn=function(){},ce=In?Y.useLayoutEffect:Bn;function ue(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if(typeof e=="function"&&e.toString()===t.toString())return!0;let n,o,r;if(e&&t&&typeof e=="object"){if(Array.isArray(e)){if(n=e.length,n!==t.length)return!1;for(o=n;o--!==0;)if(!ue(e[o],t[o]))return!1;return!0}if(r=Object.keys(e),n=r.length,n!==Object.keys(t).length)return!1;for(o=n;o--!==0;)if(!{}.hasOwnProperty.call(t,r[o]))return!1;for(o=n;o--!==0;){const i=r[o];if(!(i==="_owner"&&e.$$typeof)&&!ue(e[i],t[i]))return!1}return!0}return e!==e&&t!==t}function it(e){return typeof window>"u"?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function Xe(e,t){const n=it(e);return Math.round(t*n)/n}function he(e){const t=v.useRef(e);return ce(()=>{t.current=e}),t}function zn(e){e===void 0&&(e={});const{placement:t="bottom",strategy:n="absolute",middleware:o=[],platform:r,elements:{reference:i,floating:s}={},transform:c=!0,whileElementsMounted:a,open:l}=e,[f,u]=v.useState({x:0,y:0,strategy:n,placement:t,middlewareData:{},isPositioned:!1}),[m,d]=v.useState(o);ue(m,o)||d(o);const[g,h]=v.useState(null),[w,x]=v.useState(null),P=v.useCallback(R=>{R!==E.current&&(E.current=R,h(R))},[]),b=v.useCallback(R=>{R!==O.current&&(O.current=R,x(R))},[]),A=i||g,C=s||w,E=v.useRef(null),O=v.useRef(null),L=v.useRef(f),F=a!=null,D=he(a),$=he(r),j=he(l),N=v.useCallback(()=>{if(!E.current||!O.current)return;const R={placement:t,strategy:n,middleware:m};$.current&&(R.platform=$.current),Wn(E.current,O.current,R).then(_=>{const W={..._,isPositioned:j.current!==!1};S.current&&!ue(L.current,W)&&(L.current=W,Ut.flushSync(()=>{u(W)}))})},[m,t,n,$,j]);ce(()=>{l===!1&&L.current.isPositioned&&(L.current.isPositioned=!1,u(R=>({...R,isPositioned:!1})))},[l]);const S=v.useRef(!1);ce(()=>(S.current=!0,()=>{S.current=!1}),[]),ce(()=>{if(A&&(E.current=A),C&&(O.current=C),A&&C){if(D.current)return D.current(A,C,N);N()}},[A,C,N,D,F]);const k=v.useMemo(()=>({reference:E,floating:O,setReference:P,setFloating:b}),[P,b]),T=v.useMemo(()=>({reference:A,floating:C}),[A,C]),M=v.useMemo(()=>{const R={position:n,left:0,top:0};if(!T.floating)return R;const _=Xe(T.floating,f.x),W=Xe(T.floating,f.y);return c?{...R,transform:"translate("+_+"px, "+W+"px)",...it(T.floating)>=1.5&&{willChange:"transform"}}:{position:n,left:_,top:W}},[n,c,T.floating,f.x,f.y]);return v.useMemo(()=>({...f,update:N,refs:k,elements:T,floatingStyles:M}),[f,N,k,T,M])}const qn=e=>{function t(n){return{}.hasOwnProperty.call(n,"current")}return{name:"arrow",options:e,fn(n){const{element:o,padding:r}=typeof e=="function"?e(n):e;return o&&t(o)?o.current!=null?Ve({element:o.current,padding:r}).fn(n):{}:o?Ve({element:o,padding:r}).fn(n):{}}}},Vn=(e,t)=>({..._n(e),options:[e,t]}),Xn=(e,t)=>({...$n(e),options:[e,t]}),Yn=(e,t)=>({...Hn(e),options:[e,t]}),Kn=(e,t)=>({...jn(e),options:[e,t]}),Un=(e,t)=>({...Fn(e),options:[e,t]}),Gn=(e,t)=>({...kn(e),options:[e,t]}),Zn=(e,t)=>({...qn(e),options:[e,t]});var Jn="Arrow",st=v.forwardRef((e,t)=>{const{children:n,width:o=10,height:r=5,...i}=e;return y.jsx(oe.Primitive.svg,{...i,ref:t,width:o,height:r,viewBox:"0 0 30 10",preserveAspectRatio:"none",children:e.asChild?n:y.jsx("polygon",{points:"0,0 30,0 15,10"})})});st.displayName=Jn;var Qn=st,Ae="Popper",[ct,at]=Ye.createContextScope(Ae),[eo,lt]=ct(Ae),ft=e=>{const{__scopePopper:t,children:n}=e,[o,r]=v.useState(null);return y.jsx(eo,{scope:t,anchor:o,onAnchorChange:r,children:n})};ft.displayName=Ae;var ut="PopperAnchor",dt=v.forwardRef((e,t)=>{const{__scopePopper:n,virtualRef:o,...r}=e,i=lt(ut,n),s=v.useRef(null),c=ne.useComposedRefs(t,s),a=v.useRef(null);return v.useEffect(()=>{const l=a.current;a.current=o?.current||s.current,l!==a.current&&i.onAnchorChange(a.current)}),o?null:y.jsx(oe.Primitive.div,{...r,ref:c})});dt.displayName=ut;var Ce="PopperContent",[to,no]=ct(Ce),pt=v.forwardRef((e,t)=>{const{__scopePopper:n,side:o="bottom",sideOffset:r=0,align:i="center",alignOffset:s=0,arrowPadding:c=0,avoidCollisions:a=!0,collisionBoundary:l=[],collisionPadding:f=0,sticky:u="partial",hideWhenDetached:m=!1,updatePositionStrategy:d="optimized",onPlaced:g,...h}=e,w=lt(Ce,n),[x,P]=v.useState(null),b=ne.useComposedRefs(t,Q=>P(Q)),[A,C]=v.useState(null),E=qt.useSize(A),O=E?.width??0,L=E?.height??0,F=o+(i!=="center"?"-"+i:""),D=typeof f=="number"?f:{top:0,right:0,bottom:0,left:0,...f},$=Array.isArray(l)?l:[l],j=$.length>0,N={padding:D,boundary:$.filter(ro),altBoundary:j},{refs:S,floatingStyles:k,placement:T,isPositioned:M,middlewareData:R}=zn({strategy:"fixed",placement:F,whileElementsMounted:(...Q)=>Ln(...Q,{animationFrame:d==="always"}),elements:{reference:w.anchor},middleware:[Vn({mainAxis:r+L,alignmentAxis:s}),a&&Xn({mainAxis:!0,crossAxis:!1,limiter:u==="partial"?Yn():void 0,...N}),a&&Kn({...N}),Un({...N,apply:({elements:Q,rects:$e,availableWidth:Ht,availableHeight:Wt})=>{const{width:It,height:Bt}=$e.reference,ie=Q.floating.style;ie.setProperty("--radix-popper-available-width",`${Ht}px`),ie.setProperty("--radix-popper-available-height",`${Wt}px`),ie.setProperty("--radix-popper-anchor-width",`${It}px`),ie.setProperty("--radix-popper-anchor-height",`${Bt}px`)}}),A&&Zn({element:A,padding:c}),io({arrowWidth:O,arrowHeight:L}),m&&Gn({strategy:"referenceHidden",...N})]}),[_,W]=ht(T),_e=Ke.useCallbackRef(g);je.useLayoutEffect2(()=>{M&&_e?.()},[M,_e]);const _t=R.arrow?.x,$t=R.arrow?.y,jt=R.arrow?.centerOffset!==0,[Ft,kt]=v.useState();return je.useLayoutEffect2(()=>{x&&kt(window.getComputedStyle(x).zIndex)},[x]),y.jsx("div",{ref:S.setFloating,"data-radix-popper-content-wrapper":"",style:{...k,transform:M?k.transform:"translate(0, -200%)",minWidth:"max-content",zIndex:Ft,"--radix-popper-transform-origin":[R.transformOrigin?.x,R.transformOrigin?.y].join(" "),...R.hide?.referenceHidden&&{visibility:"hidden",pointerEvents:"none"}},dir:e.dir,children:y.jsx(to,{scope:n,placedSide:_,onArrowChange:C,arrowX:_t,arrowY:$t,shouldHideArrow:jt,children:y.jsx(oe.Primitive.div,{"data-side":_,"data-align":W,...h,ref:b,style:{...h.style,animation:M?void 0:"none"}})})})});pt.displayName=Ce;var mt="PopperArrow",oo={top:"bottom",right:"left",bottom:"top",left:"right"},gt=v.forwardRef(function(t,n){const{__scopePopper:o,...r}=t,i=no(mt,o),s=oo[i.placedSide];return y.jsx("span",{ref:i.onArrowChange,style:{position:"absolute",left:i.arrowX,top:i.arrowY,[s]:0,transformOrigin:{top:"",right:"0 0",bottom:"center 0",left:"100% 0"}[i.placedSide],transform:{top:"translateY(100%)",right:"translateY(50%) rotate(90deg) translateX(-50%)",bottom:"rotate(180deg)",left:"translateY(50%) rotate(-90deg) translateX(50%)"}[i.placedSide],visibility:i.shouldHideArrow?"hidden":void 0},children:y.jsx(Qn,{...r,ref:n,style:{...r.style,display:"block"}})})});gt.displayName=mt;function ro(e){return e!==null}var io=e=>({name:"transformOrigin",options:e,fn(t){const{placement:n,rects:o,middlewareData:r}=t,s=r.arrow?.centerOffset!==0,c=s?0:e.arrowWidth,a=s?0:e.arrowHeight,[l,f]=ht(n),u={start:"0%",center:"50%",end:"100%"}[f],m=(r.arrow?.x??0)+c/2,d=(r.arrow?.y??0)+a/2;let g="",h="";return l==="bottom"?(g=s?u:`${m}px`,h=`${-a}px`):l==="top"?(g=s?u:`${m}px`,h=`${o.floating.height+a}px`):l==="right"?(g=`${-a}px`,h=s?u:`${d}px`):l==="left"&&(g=`${o.floating.width+a}px`,h=s?u:`${d}px`),{data:{x:g,y:h}}}});function ht(e){const[t,n="center"]=e.split("-");return[t,n]}var so=ft,xt=dt,co=pt,ao=gt,me="Popover",[vt]=Ye.createContextScope(me,[at]),re=at(),[lo,X]=vt(me),wt=e=>{const{__scopePopover:t,children:n,open:o,defaultOpen:r,onOpenChange:i,modal:s=!1}=e,c=re(t),a=v.useRef(null),[l,f]=v.useState(!1),[u,m]=U.useControllableState({prop:o,defaultProp:r??!1,onChange:i,caller:me});return y.jsx(so,{...c,children:y.jsx(lo,{scope:t,contentId:Ke.useId(),triggerRef:a,open:u,onOpenChange:m,onOpenToggle:v.useCallback(()=>m(d=>!d),[m]),hasCustomAnchor:l,onCustomAnchorAdd:v.useCallback(()=>f(!0),[]),onCustomAnchorRemove:v.useCallback(()=>f(!1),[]),modal:s,children:n})})};wt.displayName=me;var yt="PopoverAnchor",Pt=v.forwardRef((e,t)=>{const{__scopePopover:n,...o}=e,r=X(yt,n),i=re(n),{onCustomAnchorAdd:s,onCustomAnchorRemove:c}=r;return v.useEffect(()=>(s(),()=>c()),[s,c]),y.jsx(xt,{...i,...o,ref:t})});Pt.displayName=yt;var bt="PopoverTrigger",At=v.forwardRef((e,t)=>{const{__scopePopover:n,...o}=e,r=X(bt,n),i=re(n),s=ne.useComposedRefs(t,r.triggerRef),c=y.jsx(oe.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":r.open,"aria-controls":r.contentId,"data-state":Tt(r.open),...o,ref:s,onClick:U.composeEventHandlers(e.onClick,r.onOpenToggle)});return r.hasCustomAnchor?c:y.jsx(xt,{asChild:!0,...i,children:c})});At.displayName=bt;var Re="PopoverPortal",[fo,uo]=vt(Re,{forceMount:void 0}),Ct=e=>{const{__scopePopover:t,forceMount:n,children:o,container:r}=e,i=X(Re,t);return y.jsx(fo,{scope:t,forceMount:n,children:y.jsx(Ue.Presence,{present:n||i.open,children:y.jsx(Vt.Portal,{asChild:!0,container:r,children:o})})})};Ct.displayName=Re;var Z="PopoverContent",Rt=v.forwardRef((e,t)=>{const n=uo(Z,e.__scopePopover),{forceMount:o=n.forceMount,...r}=e,i=X(Z,e.__scopePopover);return y.jsx(Ue.Presence,{present:o||i.open,children:i.modal?y.jsx(mo,{...r,ref:t}):y.jsx(go,{...r,ref:t})})});Rt.displayName=Z;var po=ne.createSlot("PopoverContent.RemoveScroll"),mo=v.forwardRef((e,t)=>{const n=X(Z,e.__scopePopover),o=v.useRef(null),r=ne.useComposedRefs(t,o),i=v.useRef(!1);return v.useEffect(()=>{const s=o.current;if(s)return ee.hideOthers(s)},[]),y.jsx(ee.ReactRemoveScroll,{as:po,allowPinchZoom:!0,children:y.jsx(Ot,{...e,ref:r,trapFocus:n.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:U.composeEventHandlers(e.onCloseAutoFocus,s=>{s.preventDefault(),i.current||n.triggerRef.current?.focus()}),onPointerDownOutside:U.composeEventHandlers(e.onPointerDownOutside,s=>{const c=s.detail.originalEvent,a=c.button===0&&c.ctrlKey===!0,l=c.button===2||a;i.current=l},{checkForDefaultPrevented:!1}),onFocusOutside:U.composeEventHandlers(e.onFocusOutside,s=>s.preventDefault(),{checkForDefaultPrevented:!1})})})}),go=v.forwardRef((e,t)=>{const n=X(Z,e.__scopePopover),o=v.useRef(!1),r=v.useRef(!1);return y.jsx(Ot,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:i=>{e.onCloseAutoFocus?.(i),i.defaultPrevented||(o.current||n.triggerRef.current?.focus(),i.preventDefault()),o.current=!1,r.current=!1},onInteractOutside:i=>{e.onInteractOutside?.(i),i.defaultPrevented||(o.current=!0,i.detail.originalEvent.type==="pointerdown"&&(r.current=!0));const s=i.target;n.triggerRef.current?.contains(s)&&i.preventDefault(),i.detail.originalEvent.type==="focusin"&&r.current&&i.preventDefault()}})}),Ot=v.forwardRef((e,t)=>{const{__scopePopover:n,trapFocus:o,onOpenAutoFocus:r,onCloseAutoFocus:i,disableOutsidePointerEvents:s,onEscapeKeyDown:c,onPointerDownOutside:a,onFocusOutside:l,onInteractOutside:f,...u}=e,m=X(Z,n),d=re(n);return ee.useFocusGuards(),y.jsx(ee.FocusScope,{asChild:!0,loop:!0,trapped:o,onMountAutoFocus:r,onUnmountAutoFocus:i,children:y.jsx(ee.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:s,onInteractOutside:f,onEscapeKeyDown:c,onPointerDownOutside:a,onFocusOutside:l,onDismiss:()=>m.onOpenChange(!1),children:y.jsx(co,{"data-state":Tt(m.open),role:"dialog",id:m.contentId,...d,...u,ref:t,style:{...u.style,"--radix-popover-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-popover-content-available-width":"var(--radix-popper-available-width)","--radix-popover-content-available-height":"var(--radix-popper-available-height)","--radix-popover-trigger-width":"var(--radix-popper-anchor-width)","--radix-popover-trigger-height":"var(--radix-popper-anchor-height)"}})})})}),Et="PopoverClose",St=v.forwardRef((e,t)=>{const{__scopePopover:n,...o}=e,r=X(Et,n);return y.jsx(oe.Primitive.button,{type:"button",...o,ref:t,onClick:U.composeEventHandlers(e.onClick,()=>r.onOpenChange(!1))})});St.displayName=Et;var ho="PopoverArrow",Nt=v.forwardRef((e,t)=>{const{__scopePopover:n,...o}=e,r=re(n);return y.jsx(ao,{...r,...o,ref:t})});Nt.displayName=ho;function Tt(e){return e?"open":"closed"}var xo=wt,vo=Pt,wo=At,yo=Ct,Po=Rt,bo=St,Ao=Nt;const Mt=Y.createContext(null),Co=":popover",Ro=({children:e,intent:t})=>{const[n,o]=Y.useState(null);return y.jsx(Mt.Provider,{value:{headerId:n,setHeaderId:o,intent:t},children:e})},Oe=()=>{const e=Y.useContext(Mt);if(!e)throw Error("usePopover must be used within a Popover provider");return e},Dt=({children:e,intent:t="surface",modal:n=!1,...o})=>y.jsx(Ro,{intent:t,children:y.jsx(xo,{"data-spark-component":"popover",modal:n,...o,children:e})});Dt.displayName="Popover";const Ee=({asChild:e=!1,children:t,ref:n,...o})=>y.jsx(vo,{"data-spark-component":"popover-anchor",ref:n,asChild:e,...o,children:t});Ee.displayName="Popover.Anchor";const Se=({asChild:e=!1,width:t=16,height:n=8,className:o,ref:r,...i})=>{const{intent:s}=Oe(),c=de.cva("visible",{variants:{intent:{surface:"fill-surface",main:"fill-main-container",support:"fill-support-container",accent:"fill-accent-container",basic:"fill-basic-container",success:"fill-success-container",alert:"fill-alert-container",danger:"fill-error-container",info:"fill-info-container",neutral:"fill-neutral-container"}},defaultVariants:{intent:"surface"}});return y.jsx(Ao,{"data-spark-component":"popover-arrow",ref:r,className:c({intent:s,className:o}),asChild:e,width:t,height:n,...i})};Se.displayName="Popover.Arrow";const Ne=({"aria-label":e,className:t,ref:n,...o})=>y.jsx(bo,{"data-spark-component":"popover-close-button",ref:n,className:de.cx("right-lg top-md absolute",t),asChild:!0,...o,children:y.jsx(Kt.IconButton,{size:"sm",intent:"neutral",design:"ghost","aria-label":e,children:y.jsx(Yt.Icon,{children:y.jsx(Xt.Close,{})})})});Ne.displayName="Popover.CloseButton";const Oo=de.cva(["rounded-md","shadow-sm","focus-visible:outline-hidden focus-visible:u-outline","max-h-(--radix-popper-available-height) overflow-y-auto"],{variants:{intent:{surface:"bg-surface text-on-surface",main:"bg-main-container text-on-main-container",support:"bg-support-container text-on-support-container",accent:"bg-accent-container text-on-accent-container",basic:"bg-basic-container text-on-basic-container",success:"bg-success-container text-on-success-container",alert:"bg-alert-container text-on-alert-container",danger:"bg-error-container text-on-error-container",info:"bg-info-container text-on-info-container",neutral:"bg-neutral-container text-on-neutral-container"},matchTriggerWidth:{true:"w-(--radix-popper-anchor-width)"},enforceBoundaries:{true:["max-w-(--radix-popper-available-width)"]},inset:{true:"overflow-hidden",false:"p-lg"},elevation:{dropdown:"z-dropdown",popover:"z-popover"}},compoundVariants:[{inset:!1,class:"has-data-[spark-component=popover-close-button]:pr-3xl"},{enforceBoundaries:!1,matchTriggerWidth:!1,class:"max-w-[min(var(--spacing-sz-384),100vw)]"}],defaultVariants:{matchTriggerWidth:!1,enforceBoundaries:!1,inset:!1,intent:"surface",elevation:"popover"}}),Te=({className:e,children:t,matchTriggerWidth:n=!1,align:o="center",arrowPadding:r=16,asChild:i=!1,avoidCollisions:s=!0,"aria-labelledby":c,collisionBoundary:a,collisionPadding:l=0,hideWhenDetached:f=!1,side:u="bottom",sideOffset:m=8,sticky:d="partial",inset:g=!1,elevation:h="popover",ref:w,...x})=>{const{headerId:P,intent:b}=Oe();return y.jsx(Po,{"aria-labelledby":P||c,className:Oo({enforceBoundaries:!!a,matchTriggerWidth:n,inset:g,elevation:h,intent:b,className:e}),"data-spark-component":"popover-content",ref:w,align:o,arrowPadding:r,asChild:i,avoidCollisions:s,collisionBoundary:a,collisionPadding:l,hideWhenDetached:f,side:u,sideOffset:m,sticky:d,...x,children:t})};Te.displayName="Popover.Content";const Me=({children:e,className:t,ref:n,...o})=>{const r=`${Co}-header-${Y.useId()}`,{setHeaderId:i}=Oe();return Y.useLayoutEffect(()=>(i(r),()=>i(null)),[r,i]),y.jsx("header",{id:r,ref:n,className:de.cx("mb-md text-headline-2",t),...o,children:e})};Me.displayName="Popover.Header";const De=({children:e,...t})=>y.jsx(yo,{...t,children:e});De.displayName="Popover.Portal";const Le=({asChild:e=!1,children:t,ref:n,...o})=>y.jsx(wo,{"data-spark-component":"popover-trigger",ref:n,asChild:e,...o,children:t});Le.displayName="Popover.Trigger";const Lt=Object.assign(Dt,{Anchor:Ee,Arrow:Se,CloseButton:Ne,Content:Te,Header:Me,Portal:De,Trigger:Le});Lt.displayName="Popover";Ee.displayName="Popover.Anchor";Se.displayName="Popover.Arrow";Ne.displayName="Popover.CloseButton";Te.displayName="Popover.Content";Me.displayName="Popover.Header";De.displayName="Popover.Portal";Le.displayName="Popover.Trigger";exports.Popover=Lt;
+//# sourceMappingURL=index.js.map