@bloomneo/uikit 1.5.0

package/dist/popover.js

@@ -0,0 +1,263 @@
+import { jsx as s } from "react/jsx-runtime";
+import * as i from "react";
+import { u as L, c as P } from "./index-C0UREtMP.js";
+import { u as O, c as z } from "./index-DQH6odE9.js";
+import { c as G } from "./index-DFZozV_h.js";
+import { P as H, D as K } from "./index-BY7PeRJA.js";
+import { h as j, R as U, u as V, F as W } from "./Combination-C0DFrmJW.js";
+import { u as Z } from "./index-xqkGMOJ8.js";
+import { c as _, R as q, A as x, C as B, a as J } from "./index-dhIqEbxW.js";
+import { P as w } from "./index-BCjJQGh8.js";
+import { P as b } from "./index-BVRIAMfe.js";
+import { c as Q } from "./utils-CwJPJKOE.js";
+var C = "Popover", [E, xo] = G(C, [
+  _
+]), m = _(), [X, u] = E(C), F = (o) => {
+  const {
+    __scopePopover: n,
+    children: e,
+    open: a,
+    defaultOpen: t,
+    onOpenChange: r,
+    modal: c = !1
+  } = o, p = m(n), f = i.useRef(null), [v, g] = i.useState(!1), [h, l] = L({
+    prop: a,
+    defaultProp: t ?? !1,
+    onChange: r,
+    caller: C
+  });
+  return /* @__PURE__ */ s(q, { ...p, children: /* @__PURE__ */ s(
+    X,
+    {
+      scope: n,
+      contentId: Z(),
+      triggerRef: f,
+      open: h,
+      onOpenChange: l,
+      onOpenToggle: i.useCallback(() => l((R) => !R), [l]),
+      hasCustomAnchor: v,
+      onCustomAnchorAdd: i.useCallback(() => g(!0), []),
+      onCustomAnchorRemove: i.useCallback(() => g(!1), []),
+      modal: c,
+      children: e
+    }
+  ) });
+};
+F.displayName = C;
+var N = "PopoverAnchor", S = i.forwardRef(
+  (o, n) => {
+    const { __scopePopover: e, ...a } = o, t = u(N, e), r = m(e), { onCustomAnchorAdd: c, onCustomAnchorRemove: p } = t;
+    return i.useEffect(() => (c(), () => p()), [c, p]), /* @__PURE__ */ s(x, { ...r, ...a, ref: n });
+  }
+);
+S.displayName = N;
+var y = "PopoverTrigger", D = i.forwardRef(
+  (o, n) => {
+    const { __scopePopover: e, ...a } = o, t = u(y, e), r = m(e), c = O(n, t.triggerRef), p = /* @__PURE__ */ s(
+      b.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": t.open,
+        "aria-controls": t.contentId,
+        "data-state": $(t.open),
+        ...a,
+        ref: c,
+        onClick: P(o.onClick, t.onOpenToggle)
+      }
+    );
+    return t.hasCustomAnchor ? p : /* @__PURE__ */ s(x, { asChild: !0, ...r, children: p });
+  }
+);
+D.displayName = y;
+var A = "PopoverPortal", [Y, oo] = E(A, {
+  forceMount: void 0
+}), M = (o) => {
+  const { __scopePopover: n, forceMount: e, children: a, container: t } = o, r = u(A, n);
+  return /* @__PURE__ */ s(Y, { scope: n, forceMount: e, children: /* @__PURE__ */ s(w, { present: e || r.open, children: /* @__PURE__ */ s(H, { asChild: !0, container: t, children: a }) }) });
+};
+M.displayName = A;
+var d = "PopoverContent", T = i.forwardRef(
+  (o, n) => {
+    const e = oo(d, o.__scopePopover), { forceMount: a = e.forceMount, ...t } = o, r = u(d, o.__scopePopover);
+    return /* @__PURE__ */ s(w, { present: a || r.open, children: r.modal ? /* @__PURE__ */ s(to, { ...t, ref: n }) : /* @__PURE__ */ s(ro, { ...t, ref: n }) });
+  }
+);
+T.displayName = d;
+var eo = z("PopoverContent.RemoveScroll"), to = i.forwardRef(
+  (o, n) => {
+    const e = u(d, o.__scopePopover), a = i.useRef(null), t = O(n, a), r = i.useRef(!1);
+    return i.useEffect(() => {
+      const c = a.current;
+      if (c) return j(c);
+    }, []), /* @__PURE__ */ s(U, { as: eo, allowPinchZoom: !0, children: /* @__PURE__ */ s(
+      k,
+      {
+        ...o,
+        ref: t,
+        trapFocus: e.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: P(o.onCloseAutoFocus, (c) => {
+          c.preventDefault(), r.current || e.triggerRef.current?.focus();
+        }),
+        onPointerDownOutside: P(
+          o.onPointerDownOutside,
+          (c) => {
+            const p = c.detail.originalEvent, f = p.button === 0 && p.ctrlKey === !0, v = p.button === 2 || f;
+            r.current = v;
+          },
+          { checkForDefaultPrevented: !1 }
+        ),
+        onFocusOutside: P(
+          o.onFocusOutside,
+          (c) => c.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+), ro = i.forwardRef(
+  (o, n) => {
+    const e = u(d, o.__scopePopover), a = i.useRef(!1), t = i.useRef(!1);
+    return /* @__PURE__ */ s(
+      k,
+      {
+        ...o,
+        ref: n,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (r) => {
+          o.onCloseAutoFocus?.(r), r.defaultPrevented || (a.current || e.triggerRef.current?.focus(), r.preventDefault()), a.current = !1, t.current = !1;
+        },
+        onInteractOutside: (r) => {
+          o.onInteractOutside?.(r), r.defaultPrevented || (a.current = !0, r.detail.originalEvent.type === "pointerdown" && (t.current = !0));
+          const c = r.target;
+          e.triggerRef.current?.contains(c) && r.preventDefault(), r.detail.originalEvent.type === "focusin" && t.current && r.preventDefault();
+        }
+      }
+    );
+  }
+), k = i.forwardRef(
+  (o, n) => {
+    const {
+      __scopePopover: e,
+      trapFocus: a,
+      onOpenAutoFocus: t,
+      onCloseAutoFocus: r,
+      disableOutsidePointerEvents: c,
+      onEscapeKeyDown: p,
+      onPointerDownOutside: f,
+      onFocusOutside: v,
+      onInteractOutside: g,
+      ...h
+    } = o, l = u(d, e), R = m(e);
+    return V(), /* @__PURE__ */ s(
+      W,
+      {
+        asChild: !0,
+        loop: !0,
+        trapped: a,
+        onMountAutoFocus: t,
+        onUnmountAutoFocus: r,
+        children: /* @__PURE__ */ s(
+          K,
+          {
+            asChild: !0,
+            disableOutsidePointerEvents: c,
+            onInteractOutside: g,
+            onEscapeKeyDown: p,
+            onPointerDownOutside: f,
+            onFocusOutside: v,
+            onDismiss: () => l.onOpenChange(!1),
+            children: /* @__PURE__ */ s(
+              B,
+              {
+                "data-state": $(l.open),
+                role: "dialog",
+                id: l.contentId,
+                ...R,
+                ...h,
+                ref: n,
+                style: {
+                  ...h.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)"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+), I = "PopoverClose", no = i.forwardRef(
+  (o, n) => {
+    const { __scopePopover: e, ...a } = o, t = u(I, e);
+    return /* @__PURE__ */ s(
+      b.button,
+      {
+        type: "button",
+        ...a,
+        ref: n,
+        onClick: P(o.onClick, () => t.onOpenChange(!1))
+      }
+    );
+  }
+);
+no.displayName = I;
+var ao = "PopoverArrow", so = i.forwardRef(
+  (o, n) => {
+    const { __scopePopover: e, ...a } = o, t = m(e);
+    return /* @__PURE__ */ s(J, { ...t, ...a, ref: n });
+  }
+);
+so.displayName = ao;
+function $(o) {
+  return o ? "open" : "closed";
+}
+var co = F, io = S, po = D, uo = M, lo = T;
+function wo({
+  ...o
+}) {
+  return /* @__PURE__ */ s(co, { "data-slot": "popover", ...o });
+}
+function bo({
+  ...o
+}) {
+  return /* @__PURE__ */ s(po, { "data-slot": "popover-trigger", ...o });
+}
+function Eo({
+  className: o,
+  align: n = "center",
+  sideOffset: e = 4,
+  ...a
+}) {
+  return /* @__PURE__ */ s(uo, { children: /* @__PURE__ */ s(
+    lo,
+    {
+      "data-slot": "popover-content",
+      align: n,
+      sideOffset: e,
+      className: Q(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        o
+      ),
+      ...a
+    }
+  ) });
+}
+function Fo({
+  ...o
+}) {
+  return /* @__PURE__ */ s(io, { "data-slot": "popover-anchor", ...o });
+}
+export {
+  wo as Popover,
+  Fo as PopoverAnchor,
+  Eo as PopoverContent,
+  bo as PopoverTrigger
+};
+//# sourceMappingURL=popover.js.map

package/dist/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sources":["../node_modules/@radix-ui/react-popover/dist/index.mjs","../src/components/ui/popover.tsx"],"sourcesContent":["\"use client\";\n\n// src/popover.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { DismissableLayer } from \"@radix-ui/react-dismissable-layer\";\nimport { useFocusGuards } from \"@radix-ui/react-focus-guards\";\nimport { FocusScope } from \"@radix-ui/react-focus-scope\";\nimport { useId } from \"@radix-ui/react-id\";\nimport * as PopperPrimitive from \"@radix-ui/react-popper\";\nimport { createPopperScope } from \"@radix-ui/react-popper\";\nimport { Portal as PortalPrimitive } from \"@radix-ui/react-portal\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { createSlot } from \"@radix-ui/react-slot\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { hideOthers } from \"aria-hidden\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { jsx } from \"react/jsx-runtime\";\nvar POPOVER_NAME = \"Popover\";\nvar [createPopoverContext, createPopoverScope] = createContextScope(POPOVER_NAME, [\n  createPopperScope\n]);\nvar usePopperScope = createPopperScope();\nvar [PopoverProvider, usePopoverContext] = createPopoverContext(POPOVER_NAME);\nvar Popover = (props) => {\n  const {\n    __scopePopover,\n    children,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    modal = false\n  } = props;\n  const popperScope = usePopperScope(__scopePopover);\n  const triggerRef = React.useRef(null);\n  const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);\n  const [open, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen ?? false,\n    onChange: onOpenChange,\n    caller: POPOVER_NAME\n  });\n  return /* @__PURE__ */ jsx(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ jsx(\n    PopoverProvider,\n    {\n      scope: __scopePopover,\n      contentId: useId(),\n      triggerRef,\n      open,\n      onOpenChange: setOpen,\n      onOpenToggle: React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),\n      hasCustomAnchor,\n      onCustomAnchorAdd: React.useCallback(() => setHasCustomAnchor(true), []),\n      onCustomAnchorRemove: React.useCallback(() => setHasCustomAnchor(false), []),\n      modal,\n      children\n    }\n  ) });\n};\nPopover.displayName = POPOVER_NAME;\nvar ANCHOR_NAME = \"PopoverAnchor\";\nvar PopoverAnchor = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopePopover, ...anchorProps } = props;\n    const context = usePopoverContext(ANCHOR_NAME, __scopePopover);\n    const popperScope = usePopperScope(__scopePopover);\n    const { onCustomAnchorAdd, onCustomAnchorRemove } = context;\n    React.useEffect(() => {\n      onCustomAnchorAdd();\n      return () => onCustomAnchorRemove();\n    }, [onCustomAnchorAdd, onCustomAnchorRemove]);\n    return /* @__PURE__ */ jsx(PopperPrimitive.Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });\n  }\n);\nPopoverAnchor.displayName = ANCHOR_NAME;\nvar TRIGGER_NAME = \"PopoverTrigger\";\nvar PopoverTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopePopover, ...triggerProps } = props;\n    const context = usePopoverContext(TRIGGER_NAME, __scopePopover);\n    const popperScope = usePopperScope(__scopePopover);\n    const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);\n    const trigger = /* @__PURE__ */ jsx(\n      Primitive.button,\n      {\n        type: \"button\",\n        \"aria-haspopup\": \"dialog\",\n        \"aria-expanded\": context.open,\n        \"aria-controls\": context.contentId,\n        \"data-state\": getState(context.open),\n        ...triggerProps,\n        ref: composedTriggerRef,\n        onClick: composeEventHandlers(props.onClick, context.onOpenToggle)\n      }\n    );\n    return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsx(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: trigger });\n  }\n);\nPopoverTrigger.displayName = TRIGGER_NAME;\nvar PORTAL_NAME = \"PopoverPortal\";\nvar [PortalProvider, usePortalContext] = createPopoverContext(PORTAL_NAME, {\n  forceMount: void 0\n});\nvar PopoverPortal = (props) => {\n  const { __scopePopover, forceMount, children, container } = props;\n  const context = usePopoverContext(PORTAL_NAME, __scopePopover);\n  return /* @__PURE__ */ jsx(PortalProvider, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(PortalPrimitive, { asChild: true, container, children }) }) });\n};\nPopoverPortal.displayName = PORTAL_NAME;\nvar CONTENT_NAME = \"PopoverContent\";\nvar PopoverContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const portalContext = usePortalContext(CONTENT_NAME, props.__scopePopover);\n    const { forceMount = portalContext.forceMount, ...contentProps } = props;\n    const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });\n  }\n);\nPopoverContent.displayName = CONTENT_NAME;\nvar Slot = createSlot(\"PopoverContent.RemoveScroll\");\nvar PopoverContentModal = React.forwardRef(\n  (props, forwardedRef) => {\n    const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);\n    const contentRef = React.useRef(null);\n    const composedRefs = useComposedRefs(forwardedRef, contentRef);\n    const isRightClickOutsideRef = React.useRef(false);\n    React.useEffect(() => {\n      const content = contentRef.current;\n      if (content) return hideOthers(content);\n    }, []);\n    return /* @__PURE__ */ jsx(RemoveScroll, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ jsx(\n      PopoverContentImpl,\n      {\n        ...props,\n        ref: composedRefs,\n        trapFocus: context.open,\n        disableOutsidePointerEvents: true,\n        onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {\n          event.preventDefault();\n          if (!isRightClickOutsideRef.current) context.triggerRef.current?.focus();\n        }),\n        onPointerDownOutside: composeEventHandlers(\n          props.onPointerDownOutside,\n          (event) => {\n            const originalEvent = event.detail.originalEvent;\n            const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;\n            const isRightClick = originalEvent.button === 2 || ctrlLeftClick;\n            isRightClickOutsideRef.current = isRightClick;\n          },\n          { checkForDefaultPrevented: false }\n        ),\n        onFocusOutside: composeEventHandlers(\n          props.onFocusOutside,\n          (event) => event.preventDefault(),\n          { checkForDefaultPrevented: false }\n        )\n      }\n    ) });\n  }\n);\nvar PopoverContentNonModal = React.forwardRef(\n  (props, forwardedRef) => {\n    const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);\n    const hasInteractedOutsideRef = React.useRef(false);\n    const hasPointerDownOutsideRef = React.useRef(false);\n    return /* @__PURE__ */ jsx(\n      PopoverContentImpl,\n      {\n        ...props,\n        ref: forwardedRef,\n        trapFocus: false,\n        disableOutsidePointerEvents: false,\n        onCloseAutoFocus: (event) => {\n          props.onCloseAutoFocus?.(event);\n          if (!event.defaultPrevented) {\n            if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();\n            event.preventDefault();\n          }\n          hasInteractedOutsideRef.current = false;\n          hasPointerDownOutsideRef.current = false;\n        },\n        onInteractOutside: (event) => {\n          props.onInteractOutside?.(event);\n          if (!event.defaultPrevented) {\n            hasInteractedOutsideRef.current = true;\n            if (event.detail.originalEvent.type === \"pointerdown\") {\n              hasPointerDownOutsideRef.current = true;\n            }\n          }\n          const target = event.target;\n          const targetIsTrigger = context.triggerRef.current?.contains(target);\n          if (targetIsTrigger) event.preventDefault();\n          if (event.detail.originalEvent.type === \"focusin\" && hasPointerDownOutsideRef.current) {\n            event.preventDefault();\n          }\n        }\n      }\n    );\n  }\n);\nvar PopoverContentImpl = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopePopover,\n      trapFocus,\n      onOpenAutoFocus,\n      onCloseAutoFocus,\n      disableOutsidePointerEvents,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      ...contentProps\n    } = props;\n    const context = usePopoverContext(CONTENT_NAME, __scopePopover);\n    const popperScope = usePopperScope(__scopePopover);\n    useFocusGuards();\n    return /* @__PURE__ */ jsx(\n      FocusScope,\n      {\n        asChild: true,\n        loop: true,\n        trapped: trapFocus,\n        onMountAutoFocus: onOpenAutoFocus,\n        onUnmountAutoFocus: onCloseAutoFocus,\n        children: /* @__PURE__ */ jsx(\n          DismissableLayer,\n          {\n            asChild: true,\n            disableOutsidePointerEvents,\n            onInteractOutside,\n            onEscapeKeyDown,\n            onPointerDownOutside,\n            onFocusOutside,\n            onDismiss: () => context.onOpenChange(false),\n            children: /* @__PURE__ */ jsx(\n              PopperPrimitive.Content,\n              {\n                \"data-state\": getState(context.open),\n                role: \"dialog\",\n                id: context.contentId,\n                ...popperScope,\n                ...contentProps,\n                ref: forwardedRef,\n                style: {\n                  ...contentProps.style,\n                  // re-namespace exposed content custom properties\n                  ...{\n                    \"--radix-popover-content-transform-origin\": \"var(--radix-popper-transform-origin)\",\n                    \"--radix-popover-content-available-width\": \"var(--radix-popper-available-width)\",\n                    \"--radix-popover-content-available-height\": \"var(--radix-popper-available-height)\",\n                    \"--radix-popover-trigger-width\": \"var(--radix-popper-anchor-width)\",\n                    \"--radix-popover-trigger-height\": \"var(--radix-popper-anchor-height)\"\n                  }\n                }\n              }\n            )\n          }\n        )\n      }\n    );\n  }\n);\nvar CLOSE_NAME = \"PopoverClose\";\nvar PopoverClose = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopePopover, ...closeProps } = props;\n    const context = usePopoverContext(CLOSE_NAME, __scopePopover);\n    return /* @__PURE__ */ jsx(\n      Primitive.button,\n      {\n        type: \"button\",\n        ...closeProps,\n        ref: forwardedRef,\n        onClick: composeEventHandlers(props.onClick, () => context.onOpenChange(false))\n      }\n    );\n  }\n);\nPopoverClose.displayName = CLOSE_NAME;\nvar ARROW_NAME = \"PopoverArrow\";\nvar PopoverArrow = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopePopover, ...arrowProps } = props;\n    const popperScope = usePopperScope(__scopePopover);\n    return /* @__PURE__ */ jsx(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });\n  }\n);\nPopoverArrow.displayName = ARROW_NAME;\nfunction getState(open) {\n  return open ? \"open\" : \"closed\";\n}\nvar Root2 = Popover;\nvar Anchor2 = PopoverAnchor;\nvar Trigger = PopoverTrigger;\nvar Portal = PopoverPortal;\nvar Content2 = PopoverContent;\nvar Close = PopoverClose;\nvar Arrow2 = PopoverArrow;\nexport {\n  Anchor2 as Anchor,\n  Arrow2 as Arrow,\n  Close,\n  Content2 as Content,\n  Popover,\n  PopoverAnchor,\n  PopoverArrow,\n  PopoverClose,\n  PopoverContent,\n  PopoverPortal,\n  PopoverTrigger,\n  Portal,\n  Root2 as Root,\n  Trigger,\n  createPopoverScope\n};\n//# sourceMappingURL=index.mjs.map\n","import * as React from \"react\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n"],"names":["POPOVER_NAME","createPopoverContext","createPopoverScope","createContextScope","createPopperScope","usePopperScope","PopoverProvider","usePopoverContext","Popover","props","__scopePopover","children","openProp","defaultOpen","onOpenChange","modal","popperScope","triggerRef","React","hasCustomAnchor","setHasCustomAnchor","open","setOpen","useControllableState","jsx","PopperPrimitive.Root","useId","prevOpen","ANCHOR_NAME","PopoverAnchor","forwardedRef","anchorProps","context","onCustomAnchorAdd","onCustomAnchorRemove","PopperPrimitive.Anchor","TRIGGER_NAME","PopoverTrigger","triggerProps","composedTriggerRef","useComposedRefs","trigger","Primitive","getState","composeEventHandlers","PORTAL_NAME","PortalProvider","usePortalContext","PopoverPortal","forceMount","container","Presence","PortalPrimitive","CONTENT_NAME","PopoverContent","portalContext","contentProps","PopoverContentModal","PopoverContentNonModal","Slot","createSlot","contentRef","composedRefs","isRightClickOutsideRef","content","hideOthers","RemoveScroll","PopoverContentImpl","event","originalEvent","ctrlLeftClick","isRightClick","hasInteractedOutsideRef","hasPointerDownOutsideRef","target","trapFocus","onOpenAutoFocus","onCloseAutoFocus","disableOutsidePointerEvents","onEscapeKeyDown","onPointerDownOutside","onFocusOutside","onInteractOutside","useFocusGuards","FocusScope","DismissableLayer","PopperPrimitive.Content","CLOSE_NAME","PopoverClose","closeProps","ARROW_NAME","PopoverArrow","arrowProps","PopperPrimitive.Arrow","Root2","Anchor2","Trigger","Portal","Content2","PopoverPrimitive.Root","PopoverPrimitive.Trigger","className","align","sideOffset","PopoverPrimitive.Portal","PopoverPrimitive.Content","cn","PopoverPrimitive.Anchor"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/popup.js

@@ -0,0 +1,335 @@
+import { jsxs as o, jsx as a, Fragment as z } from "react/jsx-runtime";
+import { forwardRef as b } from "react";
+import { c as i } from "./index-Bke1qZdk.js";
+import { c as r } from "./utils-CwJPJKOE.js";
+import { Button as x } from "./button.js";
+import { Separator as V } from "./separator.js";
+import { C as k } from "./chevron-left-C1pkx4AF.js";
+import { X as C } from "./x-BxwubQiM.js";
+const I = i(
+  "flex flex-col border rounded-lg overflow-hidden",
+  {
+    variants: {
+      scheme: {
+        modal: "shadow-lg",
+        drawer: "shadow-md h-full rounded-none",
+        floating: "shadow-xl"
+      },
+      tone: {
+        clean: "bg-background border-border",
+        subtle: "bg-muted/30 border-border/50",
+        brand: "bg-primary/5 border-primary/20",
+        contrast: "bg-zinc-900 border-zinc-700 text-zinc-100"
+      },
+      size: {
+        sm: "w-72 max-h-80",
+        // 288px × 320px - Ultra compact
+        md: "w-80 max-h-96",
+        // 320px × 384px - Standard popup
+        lg: "w-96 max-h-[32rem]",
+        // 384px × 512px - Large popup
+        xl: "w-[28rem] max-h-[36rem]",
+        // 448px × 576px - Extra large
+        full: "min-w-72 max-w-lg max-h-[80vh]"
+        // Responsive
+      },
+      position: {
+        sticky: "sticky top-0 z-50",
+        fixed: "fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-50",
+        relative: "relative"
+      }
+    },
+    defaultVariants: {
+      scheme: "modal",
+      tone: "clean",
+      size: "md",
+      position: "relative"
+    }
+  }
+), N = i(
+  "flex items-center gap-3",
+  {
+    variants: {
+      tone: {
+        clean: "",
+        subtle: "",
+        brand: "",
+        contrast: ""
+      },
+      size: {
+        sm: "p-2",
+        md: "p-3",
+        lg: "p-4",
+        xl: "p-4",
+        full: "p-4"
+      }
+    },
+    defaultVariants: {
+      tone: "clean",
+      size: "md"
+    }
+  }
+), P = i(
+  "flex-1",
+  {
+    variants: {
+      tone: {
+        clean: "",
+        subtle: "",
+        brand: "",
+        contrast: ""
+      },
+      size: {
+        sm: "p-2",
+        md: "p-3",
+        lg: "p-4",
+        xl: "p-4",
+        full: "p-4"
+      },
+      scrollable: {
+        true: "overflow-y-auto overflow-x-hidden",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      tone: "clean",
+      size: "md",
+      scrollable: !0
+    }
+  }
+), F = i(
+  "border-t",
+  {
+    variants: {
+      tone: {
+        clean: "border-border",
+        subtle: "border-border/50",
+        brand: "border-primary/20",
+        contrast: "border-zinc-700"
+      },
+      size: {
+        sm: "p-2",
+        md: "p-3",
+        lg: "p-4",
+        xl: "p-4",
+        full: "p-4"
+      }
+    },
+    defaultVariants: {
+      tone: "clean",
+      size: "md"
+    }
+  }
+), f = i(
+  "h-8 w-8 p-0 shrink-0",
+  {
+    variants: {
+      tone: {
+        clean: "text-muted-foreground hover:text-foreground hover:bg-muted",
+        subtle: "text-muted-foreground hover:text-foreground hover:bg-background/50",
+        brand: "text-primary/80 hover:text-primary hover:bg-primary/10",
+        contrast: "text-zinc-400 hover:text-zinc-100 hover:bg-zinc-800"
+      }
+    },
+    defaultVariants: {
+      tone: "clean"
+    }
+  }
+), H = i(
+  "font-semibold truncate",
+  {
+    variants: {
+      size: {
+        sm: "text-xs",
+        md: "text-sm",
+        lg: "text-base",
+        xl: "text-base",
+        full: "text-base"
+      },
+      tone: {
+        clean: "text-foreground",
+        subtle: "text-foreground",
+        brand: "text-foreground",
+        contrast: "text-zinc-100"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      tone: "clean"
+    }
+  }
+), L = i(
+  "truncate mt-0.5",
+  {
+    variants: {
+      size: {
+        sm: "text-xs",
+        md: "text-xs",
+        lg: "text-sm",
+        xl: "text-sm",
+        full: "text-sm"
+      },
+      tone: {
+        clean: "text-muted-foreground",
+        subtle: "text-muted-foreground",
+        brand: "text-muted-foreground",
+        contrast: "text-zinc-400"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      tone: "clean"
+    }
+  }
+), j = b(({
+  scheme: s = "modal",
+  tone: e = "clean",
+  size: t = "md",
+  position: d = "relative",
+  title: n,
+  subtitle: l,
+  logo: c,
+  badge: m,
+  headerActions: p,
+  showBack: u = !1,
+  showClose: h = !1,
+  showDivider: v = !0,
+  onBack: g,
+  onClose: S,
+  footer: w,
+  scrollable: X = !0,
+  className: q,
+  style: B,
+  children: D
+}, E) => {
+  const y = n || l || c || m || p || u || h;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      ref: E,
+      className: r(I({ scheme: s, tone: e, size: t, position: d }), q),
+      style: B,
+      children: [
+        y && /* @__PURE__ */ o(z, { children: [
+          /* @__PURE__ */ o("div", { className: r(N({ tone: e, size: t })), children: [
+            u && /* @__PURE__ */ a(
+              x,
+              {
+                variant: "ghost",
+                className: r(f({ tone: e })),
+                onClick: g,
+                "aria-label": "Go back",
+                children: /* @__PURE__ */ a(k, { className: "h-4 w-4" })
+              }
+            ),
+            c && /* @__PURE__ */ a("div", { className: "shrink-0", children: c }),
+            /* @__PURE__ */ o("div", { className: "flex-1 min-w-0", children: [
+              n && /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ a("h1", { className: r(H({ size: t, tone: e })), children: n }),
+                m && m
+              ] }),
+              l && /* @__PURE__ */ a("p", { className: r(L({ size: t, tone: e })), children: l })
+            ] }),
+            p && /* @__PURE__ */ a("div", { className: "shrink-0 flex items-center gap-1", children: p }),
+            h && /* @__PURE__ */ a(
+              x,
+              {
+                variant: "ghost",
+                className: r(f({ tone: e })),
+                onClick: S,
+                "aria-label": "Close",
+                children: /* @__PURE__ */ a(C, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          v && /* @__PURE__ */ a(V, { className: r(
+            e === "subtle" && "bg-border/50",
+            e === "brand" && "bg-primary/20",
+            e === "contrast" && "bg-zinc-700"
+          ) })
+        ] }),
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: r(
+              P({ tone: e, size: t, scrollable: X }),
+              !y && N({ tone: e, size: t })
+            ),
+            children: D
+          }
+        ),
+        w && /* @__PURE__ */ o(z, { children: [
+          /* @__PURE__ */ a(V, { className: r(
+            e === "subtle" && "bg-border/50",
+            e === "brand" && "bg-primary/20",
+            e === "contrast" && "bg-zinc-700"
+          ) }),
+          /* @__PURE__ */ a("div", { className: r(F({ tone: e, size: t })), children: w })
+        ] })
+      ]
+    }
+  );
+});
+j.displayName = "PopupLayout";
+const G = b(({
+  tone: s = "clean",
+  size: e = "md",
+  title: t,
+  subtitle: d,
+  logo: n,
+  badge: l,
+  actions: c,
+  showBack: m = !1,
+  showClose: p = !1,
+  onBack: u,
+  onClose: h,
+  className: v
+}, g) => /* @__PURE__ */ o("div", { ref: g, className: r(N({ tone: s, size: e }), v), children: [
+  m && /* @__PURE__ */ a(x, { variant: "ghost", className: r(f({ tone: s })), onClick: u, children: /* @__PURE__ */ a(k, { className: "h-4 w-4" }) }),
+  n && /* @__PURE__ */ a("div", { className: "shrink-0", children: n }),
+  /* @__PURE__ */ o("div", { className: "flex-1 min-w-0", children: [
+    t && /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ a("h1", { className: r(H({ size: e, tone: s })), children: t }),
+      l && l
+    ] }),
+    d && /* @__PURE__ */ a("p", { className: r(L({ size: e, tone: s })), children: d })
+  ] }),
+  c && /* @__PURE__ */ a("div", { className: "shrink-0", children: c }),
+  p && /* @__PURE__ */ a(x, { variant: "ghost", className: r(f({ tone: s })), onClick: h, children: /* @__PURE__ */ a(C, { className: "h-4 w-4" }) })
+] }));
+G.displayName = "PopupHeader";
+const O = b(({
+  tone: s = "clean",
+  size: e = "md",
+  scrollable: t = !0,
+  className: d,
+  children: n
+}, l) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: l,
+    className: r(P({ tone: s, size: e, scrollable: t }), d),
+    children: n
+  }
+));
+O.displayName = "PopupContent";
+const R = b(({
+  tone: s = "clean",
+  size: e = "md",
+  actions: t,
+  className: d,
+  children: n
+}, l) => /* @__PURE__ */ a("div", { ref: l, className: r(F({ tone: s, size: e }), d), children: t || n }));
+R.displayName = "PopupFooter";
+const Z = Object.assign(j, {
+  Header: G,
+  Content: O,
+  Footer: R
+});
+export {
+  O as PopupContent,
+  R as PopupFooter,
+  G as PopupHeader,
+  Z as PopupLayout
+};
+//# sourceMappingURL=popup.js.map