@alfadocs/ui-kit-debug 0.1.8 → 0.2.0

package/dist/_chunks/popover-DekUKNBk.js

@@ -0,0 +1,293 @@
+import { jsx as s, jsxs as $ } from "react/jsx-runtime";
+import { useState as C, useCallback as g, useRef as R, useEffect as h, useMemo as q, forwardRef as f, useId as D, useContext as u, createContext as N } from "react";
+import * as v from "@radix-ui/react-popover";
+import { c as G } from "./index-D2ZczOXr.js";
+import { useTranslation as J } from "react-i18next";
+import { I as K } from "./icon-button-C4CGcYuz.js";
+import { u as Q } from "./registry-C9nwlNyL.js";
+import { X as U } from "./x-CCcI3eJp.js";
+const Y = {
+  id: "popover",
+  capabilities: ["open", "close"],
+  state: {
+    isOpen: {
+      type: "boolean",
+      description: "True when the popover is currently open.",
+      read: (e) => e.getIsOpen()
+    }
+  },
+  actions: {
+    open: {
+      safety: "read",
+      description: "Open the popover.",
+      invoke: (e) => {
+        e.open();
+      }
+    },
+    close: {
+      safety: "read",
+      description: "Close the popover.",
+      invoke: (e) => {
+        e.close();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "popover" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop on Popover.Root."
+    }
+  }
+}, y = N({
+  headingId: void 0,
+  setHeadingId: () => {
+  },
+  descriptionId: void 0,
+  setDescriptionId: () => {
+  }
+}), k = N({
+  isHoverMode: !1,
+  clearHoverTimer: () => {
+  },
+  closeWithDelay: () => {
+  }
+});
+function Z(e) {
+  if (e === "top" || e === "bottom") return e;
+  const o = typeof document < "u" && document.documentElement.dir === "rtl";
+  return e === "start" ? o ? "right" : "left" : o ? "left" : "right";
+}
+const _ = G(
+  [
+    // Border kept (transparent) so the forced-colors override below can
+    // repaint a visible edge in HCM. In normal modes the soft drop-shadow
+    // carries the edge cue; the heavy `--border` (grey-800 since WCAG
+    // 1.4.11 bump in 67fef8c) made the popover read as a charcoal box.
+    "ds:relative ds:bg-[var(--popover)] ds:border ds:border-transparent ds:rounded-[var(--radius-md)]",
+    "ds:p-[var(--spacing-md)]",
+    "ds:shadow-[var(--shadow-lg)]",
+    "ds:z-[var(--z-popover)]",
+    "ds:text-[var(--popover-foreground)] ds:text-[length:var(--font-size-sm)]",
+    "ds:break-words",
+    "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
+    "ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0",
+    "ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95",
+    "ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2",
+    "ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2",
+    "ds:motion-reduce:transition-none ds:motion-reduce:animate-none",
+    "ds:forced-colors:border-[CanvasText]",
+    "ds:focus-visible:outline-none"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:max-w-[var(--popover-size-sm)]",
+        md: "ds:max-w-[var(--popover-size-md)]",
+        lg: "ds:max-w-[var(--popover-size-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), M = N(void 0);
+function T({
+  openOn: e = "click",
+  children: o,
+  id: r,
+  open: i,
+  onOpenChange: t,
+  defaultOpen: c,
+  modal: P
+}) {
+  const [I, b] = C(c ?? !1), m = i !== void 0, l = m ? i : I, n = g(
+    (z) => {
+      m || b(z), t == null || t(z);
+    },
+    [m, t]
+  ), d = R(null), p = e === "hover" || e === "hover-or-click", a = g(() => {
+    d.current && (clearTimeout(d.current), d.current = null);
+  }, []), H = g(() => {
+    a(), d.current = setTimeout(() => {
+      n(!0);
+    }, 300);
+  }, [a, n]), x = g(() => {
+    a(), d.current = setTimeout(() => {
+      n(!1);
+    }, 300);
+  }, [a, n]);
+  h(() => () => a(), [a]);
+  const w = R(l);
+  h(() => {
+    w.current = l;
+  }, [l]);
+  const O = q(
+    () => ({
+      getIsOpen: () => w.current,
+      open: () => n(!0),
+      close: () => n(!1)
+    }),
+    [n]
+  );
+  Q(Y, O, r);
+  const [F, L] = C(void 0), [V, S] = C(
+    void 0
+  ), X = p ? {
+    onMouseEnter: H,
+    onMouseLeave: x,
+    onFocus: () => {
+      a(), n(!0);
+    },
+    onBlur: x
+  } : {};
+  return /* @__PURE__ */ s(M.Provider, { value: r, children: /* @__PURE__ */ s(
+    y.Provider,
+    {
+      value: { headingId: F, setHeadingId: L, descriptionId: V, setDescriptionId: S },
+      children: /* @__PURE__ */ s(
+        k.Provider,
+        {
+          value: { isHoverMode: p, clearHoverTimer: a, closeWithDelay: x },
+          children: /* @__PURE__ */ s(
+            v.Root,
+            {
+              open: l,
+              onOpenChange: n,
+              modal: P,
+              children: p ? /* @__PURE__ */ s("span", { className: "ds:inline-flex", ...X, children: o }) : o
+            }
+          )
+        }
+      )
+    }
+  ) });
+}
+T.displayName = "Popover.Root";
+const j = f(({ children: e, ...o }, r) => /* @__PURE__ */ s(v.Trigger, { ref: r, ...o, children: e }));
+j.displayName = "Popover.Trigger";
+const B = f(
+  ({
+    side: e = "bottom",
+    align: o = "center",
+    size: r = "md",
+    showArrow: i = !0,
+    className: t,
+    children: c,
+    ...P
+  }, I) => {
+    const { headingId: b, descriptionId: m } = u(y), l = u(M), {
+      isHoverMode: n,
+      clearHoverTimer: d,
+      closeWithDelay: p
+    } = u(k), a = Z(e), H = n ? {
+      onMouseEnter: d,
+      onMouseLeave: p,
+      onFocus: d,
+      onBlur: p
+    } : {};
+    return /* @__PURE__ */ s(v.Portal, { children: /* @__PURE__ */ $(
+      v.Content,
+      {
+        ref: I,
+        side: a,
+        align: o,
+        sideOffset: 8,
+        collisionPadding: 8,
+        "aria-labelledby": b,
+        "aria-describedby": m,
+        className: _({ size: r, className: t }),
+        "data-component": "popover",
+        "data-component-id": l,
+        ...H,
+        ...P,
+        children: [
+          c,
+          i && /* @__PURE__ */ s(
+            v.Arrow,
+            {
+              width: 12,
+              height: 6,
+              className: "ds:fill-[var(--popover)]"
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+B.displayName = "Popover.Content";
+const A = f(
+  ({ className: e }, o) => {
+    const { t: r } = J();
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        className: [
+          "ds:absolute ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]",
+          e
+        ].filter(Boolean).join(" "),
+        children: /* @__PURE__ */ s(v.Close, { asChild: !0, children: /* @__PURE__ */ s(
+          K,
+          {
+            ref: o,
+            icon: /* @__PURE__ */ s(U, {}),
+            intent: "ghost",
+            size: "sm",
+            "aria-label": r("ui.common.close", "Close")
+          }
+        ) })
+      }
+    );
+  }
+);
+A.displayName = "Popover.Close";
+const E = f(
+  ({ as: e = "h3", className: o, ...r }, i) => {
+    const t = D(), { setHeadingId: c } = u(y);
+    return h(() => (c(t), () => c(void 0)), [t, c]), /* @__PURE__ */ s(
+      e,
+      {
+        ref: i,
+        id: t,
+        className: [
+          "type-title-item ds:leading-snug ds:break-words",
+          "ds:pe-[var(--spacing-xl)]",
+          o
+        ].filter(Boolean).join(" "),
+        ...r
+      }
+    );
+  }
+);
+E.displayName = "Popover.Heading";
+const W = f(({ className: e, ...o }, r) => {
+  const i = D(), { setDescriptionId: t } = u(y);
+  return h(() => (t(i), () => t(void 0)), [i, t]), /* @__PURE__ */ s(
+    "p",
+    {
+      ref: r,
+      id: i,
+      className: [
+        "ds:text-[var(--muted-foreground)] type-body-sm ds:mt-[var(--spacing-xs)]",
+        e
+      ].filter(Boolean).join(" "),
+      ...o
+    }
+  );
+});
+W.displayName = "Popover.Description";
+const ae = Object.assign(T, {
+  Root: T,
+  Trigger: j,
+  Content: B,
+  Close: A,
+  Heading: E,
+  Description: W
+});
+export {
+  ae as P,
+  Y as p
+};
+//# sourceMappingURL=popover-DekUKNBk.js.map

package/dist/_chunks/popover-DekUKNBk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-DekUKNBk.js","sources":["../../src/components/popover/popover.agent.ts","../../src/components/popover/popover.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { PopoverHandle } from './popover';\n\nexport const popoverAgent: AgentAdapter<PopoverHandle> = {\n  id: 'popover',\n  capabilities: ['open', 'close'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      description: 'True when the popover is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      description: 'Open the popover.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      description: 'Close the popover.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'popover' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on Popover.Root.',\n    },\n  },\n};\n","import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { useAgentRegistration } from '../../agent';\nimport { popoverAgent } from './popover.agent';\n\ninterface PopoverA11yContext {\n  headingId: string | undefined;\n  setHeadingId: (id: string | undefined) => void;\n  descriptionId: string | undefined;\n  setDescriptionId: (id: string | undefined) => void;\n}\n\nconst A11yContext = createContext<PopoverA11yContext>({\n  headingId: undefined,\n  setHeadingId: () => {},\n  descriptionId: undefined,\n  setDescriptionId: () => {},\n});\n\ninterface PopoverHoverContext {\n  isHoverMode: boolean;\n  clearHoverTimer: () => void;\n  closeWithDelay: () => void;\n}\n\nconst HoverContext = createContext<PopoverHoverContext>({\n  isHoverMode: false,\n  clearHoverTimer: () => {},\n  closeWithDelay: () => {},\n});\n\nfunction resolvePhysicalSide(\n  logicalSide: 'start' | 'top' | 'end' | 'bottom',\n): 'left' | 'top' | 'right' | 'bottom' {\n  if (logicalSide === 'top' || logicalSide === 'bottom') return logicalSide;\n  const isRtl =\n    typeof document !== 'undefined' && document.documentElement.dir === 'rtl';\n  if (logicalSide === 'start') return isRtl ? 'right' : 'left';\n  /* logicalSide === 'end' */\n  return isRtl ? 'left' : 'right';\n}\n\nconst contentVariants = cva(\n  [\n    // Border kept (transparent) so the forced-colors override below can\n    // repaint a visible edge in HCM. In normal modes the soft drop-shadow\n    // carries the edge cue; the heavy `--border` (grey-800 since WCAG\n    // 1.4.11 bump in 67fef8c) made the popover read as a charcoal box.\n    'ds:relative ds:bg-[var(--popover)] ds:border ds:border-transparent ds:rounded-[var(--radius-md)]',\n    'ds:p-[var(--spacing-md)]',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:z-[var(--z-popover)]',\n    'ds:text-[var(--popover-foreground)] ds:text-[length:var(--font-size-sm)]',\n    'ds:break-words',\n    'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n    'ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0',\n    'ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95',\n    'ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2',\n    'ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2',\n    'ds:motion-reduce:transition-none ds:motion-reduce:animate-none',\n    'ds:forced-colors:border-[CanvasText]',\n    'ds:focus-visible:outline-none',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:max-w-[var(--popover-size-sm)]',\n        md: 'ds:max-w-[var(--popover-size-md)]',\n        lg: 'ds:max-w-[var(--popover-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\n// Curated agent-readiness handle — see popover.agent.ts.\nexport interface PopoverHandle {\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface PopoverRootProps extends ComponentPropsWithoutRef<\n  typeof RadixPopover.Root\n> {\n  openOn?: 'click' | 'hover' | 'hover-or-click';\n  /** Opaque instance id — forwarded to Popover.Content as `data-component-id`. */\n  id?: string;\n  children: ReactNode;\n}\n\nconst PopoverIdContext = createContext<string | undefined>(undefined);\n\nfunction PopoverRoot({\n  openOn = 'click',\n  children,\n  id,\n  open: controlledOpen,\n  onOpenChange,\n  defaultOpen,\n  modal,\n}: PopoverRootProps) {\n  const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : internalOpen;\n\n  const handleOpenChange = useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) setInternalOpen(nextOpen);\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const hoverTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isHoverMode = openOn === 'hover' || openOn === 'hover-or-click';\n\n  const clearHoverTimer = useCallback(() => {\n    if (hoverTimerRef.current) {\n      clearTimeout(hoverTimerRef.current);\n      hoverTimerRef.current = null;\n    }\n  }, []);\n\n  const openWithDelay = useCallback(() => {\n    clearHoverTimer();\n    hoverTimerRef.current = setTimeout(() => {\n      handleOpenChange(true);\n    }, 300);\n  }, [clearHoverTimer, handleOpenChange]);\n\n  const closeWithDelay = useCallback(() => {\n    clearHoverTimer();\n    hoverTimerRef.current = setTimeout(() => {\n      handleOpenChange(false);\n    }, 300);\n  }, [clearHoverTimer, handleOpenChange]);\n\n  useEffect(() => {\n    return () => clearHoverTimer();\n  }, [clearHoverTimer]);\n\n  // Agent handle.\n  const openRef = useRef(isOpen);\n  useEffect(() => {\n    openRef.current = isOpen;\n  }, [isOpen]);\n\n  const agentHandle = useMemo<PopoverHandle>(\n    () => ({\n      getIsOpen: () => openRef.current,\n      open: () => handleOpenChange(true),\n      close: () => handleOpenChange(false),\n    }),\n    [handleOpenChange],\n  );\n  useAgentRegistration(popoverAgent, agentHandle, id);\n\n  /* a11y context state */\n  const [headingId, setHeadingId] = useState<string | undefined>(undefined);\n  const [descriptionId, setDescriptionId] = useState<string | undefined>(\n    undefined,\n  );\n\n  const hoverHandlers = isHoverMode\n    ? {\n        onMouseEnter: openWithDelay,\n        onMouseLeave: closeWithDelay,\n        onFocus: () => {\n          clearHoverTimer();\n          handleOpenChange(true);\n        },\n        onBlur: closeWithDelay,\n      }\n    : {};\n\n  return (\n    <PopoverIdContext.Provider value={id}>\n      <A11yContext.Provider\n        value={{ headingId, setHeadingId, descriptionId, setDescriptionId }}\n      >\n        <HoverContext.Provider\n          value={{ isHoverMode, clearHoverTimer, closeWithDelay }}\n        >\n          <RadixPopover.Root\n            open={isOpen}\n            onOpenChange={handleOpenChange}\n            modal={modal}\n          >\n            {isHoverMode ? (\n              <span className=\"ds:inline-flex\" {...hoverHandlers}>\n                {children}\n              </span>\n            ) : (\n              children\n            )}\n          </RadixPopover.Root>\n        </HoverContext.Provider>\n      </A11yContext.Provider>\n    </PopoverIdContext.Provider>\n  );\n}\nPopoverRoot.displayName = 'Popover.Root';\n\nconst PopoverTrigger = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixPopover.Trigger>\n>(({ children, ...props }, ref) => (\n  <RadixPopover.Trigger ref={ref} {...props}>\n    {children}\n  </RadixPopover.Trigger>\n));\nPopoverTrigger.displayName = 'Popover.Trigger';\n\nexport interface PopoverContentProps\n  extends\n    Omit<\n      ComponentPropsWithoutRef<typeof RadixPopover.Content>,\n      'side' | 'align'\n    >,\n    VariantProps<typeof contentVariants> {\n  side?: 'start' | 'top' | 'end' | 'bottom';\n  align?: 'start' | 'center' | 'end';\n  size?: 'sm' | 'md' | 'lg';\n  showArrow?: boolean;\n  className?: string;\n  children: ReactNode;\n}\n\nconst PopoverContent = forwardRef<HTMLDivElement, PopoverContentProps>(\n  (\n    {\n      side = 'bottom',\n      align = 'center',\n      size = 'md',\n      showArrow = true,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { headingId, descriptionId } = useContext(A11yContext);\n    const instanceId = useContext(PopoverIdContext);\n    const {\n      isHoverMode: isHover,\n      clearHoverTimer: cancelTimer,\n      closeWithDelay: delayClose,\n    } = useContext(HoverContext);\n    const physicalSide = resolvePhysicalSide(side);\n\n    const contentHoverHandlers = isHover\n      ? {\n          onMouseEnter: cancelTimer,\n          onMouseLeave: delayClose,\n          onFocus: cancelTimer,\n          onBlur: delayClose,\n        }\n      : {};\n\n    return (\n      <RadixPopover.Portal>\n        <RadixPopover.Content\n          ref={ref}\n          side={physicalSide}\n          align={align}\n          sideOffset={8}\n          collisionPadding={8}\n          aria-labelledby={headingId}\n          aria-describedby={descriptionId}\n          className={contentVariants({ size, className })}\n          data-component=\"popover\"\n          data-component-id={instanceId}\n          {...contentHoverHandlers}\n          {...props}\n        >\n          {children}\n          {showArrow && (\n            <RadixPopover.Arrow\n              width={12}\n              height={6}\n              className=\"ds:fill-[var(--popover)]\"\n            />\n          )}\n        </RadixPopover.Content>\n      </RadixPopover.Portal>\n    );\n  },\n);\nPopoverContent.displayName = 'Popover.Content';\n\nconst PopoverClose = forwardRef<HTMLButtonElement, { className?: string }>(\n  ({ className }, ref) => {\n    const { t } = useTranslation();\n\n    return (\n      <div\n        className={[\n          'ds:absolute ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <RadixPopover.Close asChild>\n          <IconButton\n            ref={ref}\n            icon={<X />}\n            intent=\"ghost\"\n            size=\"sm\"\n            aria-label={t('ui.common.close', 'Close')}\n          />\n        </RadixPopover.Close>\n      </div>\n    );\n  },\n);\nPopoverClose.displayName = 'Popover.Close';\n\ninterface PopoverHeadingProps extends HTMLAttributes<HTMLHeadingElement> {\n  as?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n}\n\nconst PopoverHeading = forwardRef<HTMLHeadingElement, PopoverHeadingProps>(\n  ({ as: Tag = 'h3', className, ...props }, ref) => {\n    const generatedId = useId();\n    const { setHeadingId } = useContext(A11yContext);\n\n    useEffect(() => {\n      setHeadingId(generatedId);\n      return () => setHeadingId(undefined);\n    }, [generatedId, setHeadingId]);\n\n    return (\n      <Tag\n        ref={ref}\n        id={generatedId}\n        className={[\n          'type-title-item ds:leading-snug ds:break-words',\n          'ds:pe-[var(--spacing-xl)]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      />\n    );\n  },\n);\nPopoverHeading.displayName = 'Popover.Heading';\n\nconst PopoverDescription = forwardRef<\n  HTMLParagraphElement,\n  HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n  const generatedId = useId();\n  const { setDescriptionId } = useContext(A11yContext);\n\n  useEffect(() => {\n    setDescriptionId(generatedId);\n    return () => setDescriptionId(undefined);\n  }, [generatedId, setDescriptionId]);\n\n  return (\n    <p\n      ref={ref}\n      id={generatedId}\n      className={[\n        'ds:text-[var(--muted-foreground)] type-body-sm ds:mt-[var(--spacing-xs)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  );\n});\nPopoverDescription.displayName = 'Popover.Description';\n\nexport const Popover = Object.assign(PopoverRoot, {\n  Root: PopoverRoot,\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Close: PopoverClose,\n  Heading: PopoverHeading,\n  Description: PopoverDescription,\n});\n\nexport type { PopoverRootProps as PopoverProps, PopoverHeadingProps };\n"],"names":["popoverAgent","handle","A11yContext","createContext","HoverContext","resolvePhysicalSide","logicalSide","isRtl","contentVariants","cva","PopoverIdContext","PopoverRoot","openOn","children","id","controlledOpen","onOpenChange","defaultOpen","modal","internalOpen","setInternalOpen","useState","isControlled","isOpen","handleOpenChange","useCallback","nextOpen","hoverTimerRef","useRef","isHoverMode","clearHoverTimer","openWithDelay","closeWithDelay","useEffect","openRef","agentHandle","useMemo","useAgentRegistration","headingId","setHeadingId","descriptionId","setDescriptionId","hoverHandlers","jsx","RadixPopover","PopoverTrigger","forwardRef","props","ref","PopoverContent","side","align","size","showArrow","className","useContext","instanceId","isHover","cancelTimer","delayClose","physicalSide","contentHoverHandlers","jsxs","PopoverClose","t","useTranslation","IconButton","X","PopoverHeading","Tag","generatedId","useId","PopoverDescription","Popover"],"mappings":"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"}

package/dist/_chunks/privacy-lock-BKsI6ReN.js

@@ -0,0 +1,193 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { forwardRef as q, useState as G, useCallback as g, useRef as L, useImperativeHandle as J, useMemo as Q } from "react";
+import { useTranslation as V } from "react-i18next";
+import * as i from "@radix-ui/react-dialog";
+import { B as u } from "./button-DD_0Xdmr.js";
+import { I as W } from "./icon-button-C4CGcYuz.js";
+import { L as X } from "./logo-_Z-jLq80.js";
+import { u as Y } from "./registry-C9nwlNyL.js";
+import { E as h } from "./eye-off-xEXDAh5z.js";
+import { U as Z } from "./user-CPxpqFjJ.js";
+import { L as _ } from "./log-out-616hnn2-.js";
+const $ = {
+  id: "privacy-lock",
+  capabilities: ["submit", "dismiss"],
+  state: {
+    isLocked: {
+      type: "boolean",
+      descriptionKey: "ui.agent.privacyLock.state.isLocked",
+      description: "True when the privacy overlay is open.",
+      read: (t) => t.isLocked()
+    }
+  },
+  actions: {
+    lock: {
+      safety: "write",
+      descriptionKey: "ui.agent.privacyLock.actions.lock",
+      description: "Open the privacy overlay.",
+      invoke: (t) => {
+        t.lock();
+      }
+    },
+    unlock: {
+      safety: "write",
+      descriptionKey: "ui.agent.privacyLock.actions.unlock",
+      description: "Close the privacy overlay (consumer-confirmed action).",
+      invoke: (t) => {
+        t.unlock();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "privacy-lock",
+      description: "Marks the PrivacyLock trigger."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, ee = q(
+  ({
+    open: t,
+    defaultOpen: x = !1,
+    onOpenChange: s,
+    onUnlock: b,
+    onAccountPage: m,
+    onSignOut: v,
+    triggerIcon: w,
+    triggerAriaLabel: D,
+    triggerTooltip: P,
+    title: T,
+    description: I,
+    unlockLabel: O,
+    accountPageLabel: A,
+    signOutLabel: N,
+    className: R,
+    ...c
+  }, j) => {
+    const { t: r } = V(), [z, C] = G(x), d = t !== void 0, l = d ? t : z, a = g(
+      (e) => {
+        d || C(e), s == null || s(e);
+      },
+      [d, s]
+    ), f = L(l);
+    f.current = l;
+    const y = L(null);
+    J(j, () => y.current, []);
+    const U = Q(
+      () => ({
+        isLocked: () => f.current,
+        lock: () => a(!0),
+        unlock: () => a(!1)
+      }),
+      [a]
+    );
+    Y(
+      $,
+      U,
+      c.id
+    );
+    const p = g(
+      (e) => (F) => {
+        e == null || e(), F.defaultPrevented || a(!1);
+      },
+      [a]
+    ), K = D ?? r("privacyLock.triggerAriaLabel", "Lock screen for privacy"), B = P ?? r("privacyLock.triggerTooltip", "Lock screen"), k = T ?? r("privacyLock.title", "Screen locked for privacy"), E = I ?? r(
+      "privacyLock.description",
+      "Locking the screen helps protect the privacy of your data."
+    ), H = O ?? r("privacyLock.unlock", "Unlock screen"), S = A ?? r("privacyLock.accountPage", "Account page"), M = N ?? r("privacyLock.signOut", "Log out");
+    return /* @__PURE__ */ n(i.Root, { open: l, onOpenChange: a, children: [
+      /* @__PURE__ */ o(i.Trigger, { asChild: !0, children: /* @__PURE__ */ o(
+        W,
+        {
+          ref: y,
+          icon: w ?? /* @__PURE__ */ o(h, { "aria-hidden": !0 }),
+          "aria-label": K,
+          tooltip: B,
+          className: R,
+          "data-component": "privacy-lock",
+          "data-component-id": c.id,
+          ...c
+        }
+      ) }),
+      /* @__PURE__ */ n(i.Portal, { children: [
+        /* @__PURE__ */ o(
+          i.Overlay,
+          {
+            className: [
+              "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
+              "ds:bg-[var(--background)]/40 ds:backdrop-blur-xl",
+              // Fade-in / fade-out via Radix data-state. Gated on
+              // motion-reduce per accessibility requirements.
+              "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in",
+              "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out",
+              "ds:motion-reduce:animate-none"
+            ].join(" ")
+          }
+        ),
+        /* @__PURE__ */ o(
+          i.Content,
+          {
+            "aria-label": k,
+            onEscapeKeyDown: (e) => e.preventDefault(),
+            onPointerDownOutside: (e) => e.preventDefault(),
+            onInteractOutside: (e) => e.preventDefault(),
+            onCloseAutoFocus: (e) => e.preventDefault(),
+            className: [
+              "ds:fixed ds:inset-0 ds:z-[var(--z-modal)]",
+              "ds:flex ds:items-center ds:justify-center",
+              "ds:focus:outline-none",
+              "ds:text-[color:var(--foreground)]",
+              "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in",
+              "ds:motion-reduce:animate-none"
+            ].join(" "),
+            children: /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:w-[min(22rem,calc(100vw-var(--spacing-xl)))] ds:text-center", children: [
+              /* @__PURE__ */ o(X, { size: "xl", decorative: !0 }),
+              /* @__PURE__ */ o(i.Title, { className: "ds:sr-only", children: k }),
+              /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full", children: [
+                /* @__PURE__ */ o(
+                  u,
+                  {
+                    intent: "primary",
+                    startIcon: /* @__PURE__ */ o(h, { "aria-hidden": !0 }),
+                    onClick: p(b),
+                    children: H
+                  }
+                ),
+                m ? /* @__PURE__ */ o(
+                  u,
+                  {
+                    intent: "secondary",
+                    startIcon: /* @__PURE__ */ o(Z, { "aria-hidden": !0 }),
+                    onClick: p(m),
+                    children: S
+                  }
+                ) : null,
+                v ? /* @__PURE__ */ o(
+                  u,
+                  {
+                    intent: "secondary",
+                    startIcon: /* @__PURE__ */ o(_, { "aria-hidden": !0 }),
+                    onClick: p(v),
+                    children: M
+                  }
+                ) : null
+              ] }),
+              /* @__PURE__ */ o(i.Description, { className: "type-body-sm ds:opacity-90", children: E })
+            ] })
+          }
+        )
+      ] })
+    ] });
+  }
+);
+ee.displayName = "PrivacyLock";
+export {
+  ee as P,
+  $ as p
+};
+//# sourceMappingURL=privacy-lock-BKsI6ReN.js.map

package/dist/_chunks/privacy-lock-BKsI6ReN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"privacy-lock-BKsI6ReN.js","sources":["../../src/components/privacy-lock/privacy-lock.agent.ts","../../src/components/privacy-lock/privacy-lock.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — PrivacyLock.                                           */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { PrivacyLockHandle } from './privacy-lock';\n\nexport const privacyLockAgent: AgentAdapter<PrivacyLockHandle> = {\n  id: 'privacy-lock',\n  capabilities: ['submit', 'dismiss'],\n  state: {\n    isLocked: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.privacyLock.state.isLocked',\n      description: 'True when the privacy overlay is open.',\n      read: (handle) => handle.isLocked(),\n    },\n  },\n  actions: {\n    lock: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.privacyLock.actions.lock',\n      description: 'Open the privacy overlay.',\n      invoke: (handle) => {\n        handle.lock();\n      },\n    },\n    unlock: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.privacyLock.actions.unlock',\n      description: 'Close the privacy overlay (consumer-confirmed action).',\n      invoke: (handle) => {\n        handle.unlock();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'privacy-lock',\n      description: 'Marks the PrivacyLock trigger.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","/* -------------------------------------------------------------------- */\n/* PrivacyLock — a one-click \"lock my screen\" dialog for operator        */\n/* workstations on shared clinic hardware. Clicking the trigger paints   */\n/* a full-viewport privacy overlay (blurred backdrop + centred card);    */\n/* the only ways out are the three action buttons the consumer wires.    */\n/*                                                                       */\n/* Composed of one `IconButton` trigger and a Radix Dialog overlay. The  */\n/* dialog is intentionally *not* dismissible via Escape or outside-click */\n/* — the whole point is to make the screen unreadable until the user     */\n/* takes an explicit action.                                              */\n/*                                                                       */\n/* See `src/components/privacy-lock/privacy-lock.mdx` for usage.          */\n/* -------------------------------------------------------------------- */\n\nimport {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type MouseEvent,\n  type ReactNode,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { EyeOff, LogOut, User } from 'lucide-react';\nimport { Button } from '../button';\nimport { IconButton } from '../button/icon-button';\nimport { Logo } from '../logo';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { privacyLockAgent } from './privacy-lock.agent';\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\n/** Curated imperative handle for agent / external automation. */\nexport interface PrivacyLockHandle {\n  isLocked: () => boolean;\n  lock: () => void;\n  unlock: () => void;\n}\n\nexport interface PrivacyLockProps {\n  /** Controlled open state. Pair with `onOpenChange`. */\n  open?: boolean;\n  /** Uncontrolled initial state. Ignored when `open` is provided. */\n  defaultOpen?: boolean;\n  /** Fires whenever the dialog opens or closes — trigger click, action button, etc. */\n  onOpenChange?: (open: boolean) => void;\n\n  /** Fires when the \"Unlock screen\" button is activated. Dialog closes automatically. */\n  onUnlock?: () => void;\n  /** Fires when \"Account page\" is activated. Button is omitted when undefined. Dialog closes automatically. */\n  onAccountPage?: () => void;\n  /** Fires when \"Log out\" is activated. Button is omitted when undefined. Dialog closes automatically. */\n  onSignOut?: () => void;\n\n  /** Override the trigger icon. Default: `lucide-react` `<EyeOff />`. */\n  triggerIcon?: ReactNode;\n  /** Accessible name for the trigger. Default: t('privacyLock.triggerAriaLabel'). */\n  triggerAriaLabel?: string;\n  /** Tooltip for the trigger. Default: t('privacyLock.triggerTooltip'). */\n  triggerTooltip?: string;\n\n  /** Accessible title of the dialog (visually hidden). Default: t('privacyLock.title'). */\n  title?: string;\n  /** Visible supporting text under the action buttons. Default: t('privacyLock.description'). */\n  description?: string;\n  /** Label for the \"Unlock screen\" button. Default: t('privacyLock.unlock'). */\n  unlockLabel?: string;\n  /** Label for the \"Account page\" button. Default: t('privacyLock.accountPage'). */\n  accountPageLabel?: string;\n  /** Label for the \"Log out\" button. Default: t('privacyLock.signOut'). */\n  signOutLabel?: string;\n\n  /** Extra classes on the trigger `IconButton`. */\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport const PrivacyLock = forwardRef<HTMLButtonElement, PrivacyLockProps>(\n  (\n    {\n      open,\n      defaultOpen = false,\n      onOpenChange,\n      onUnlock,\n      onAccountPage,\n      onSignOut,\n      triggerIcon,\n      triggerAriaLabel,\n      triggerTooltip,\n      title,\n      description,\n      unlockLabel,\n      accountPageLabel,\n      signOutLabel,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n    const isControlled = open !== undefined;\n    const isOpen = isControlled ? open : uncontrolledOpen;\n\n    const setOpen = useCallback(\n      (next: boolean) => {\n        if (!isControlled) setUncontrolledOpen(next);\n        onOpenChange?.(next);\n      },\n      [isControlled, onOpenChange],\n    );\n\n    const latestOpenRef = useRef(isOpen);\n    latestOpenRef.current = isOpen;\n\n    const triggerRef = useRef<HTMLButtonElement>(null);\n    useImperativeHandle(ref, () => triggerRef.current as HTMLButtonElement, []);\n\n    const agentHandle = useMemo<PrivacyLockHandle>(\n      () => ({\n        isLocked: () => latestOpenRef.current,\n        lock: () => setOpen(true),\n        unlock: () => setOpen(false),\n      }),\n      [setOpen],\n    );\n    useAgentRegistration(\n      privacyLockAgent,\n      agentHandle,\n      (rest as { id?: string }).id,\n    );\n\n    // Every action closes the dialog after firing the consumer's\n    // callback. Consumers that need to keep the dialog open (e.g.\n    // confirmation step) should control `open` themselves and skip the\n    // close on the relevant callback.\n    const handleAction = useCallback(\n      (callback?: () => void) => (event: MouseEvent<HTMLButtonElement>) => {\n        callback?.();\n        // Only close if the consumer didn't preventDefault — lets a\n        // controlled consumer stop the auto-close for guarded actions.\n        if (!event.defaultPrevented) setOpen(false);\n      },\n      [setOpen],\n    );\n\n    const resolvedTriggerAriaLabel =\n      triggerAriaLabel ??\n      t('privacyLock.triggerAriaLabel', 'Lock screen for privacy');\n    const resolvedTriggerTooltip =\n      triggerTooltip ?? t('privacyLock.triggerTooltip', 'Lock screen');\n    const resolvedTitle =\n      title ?? t('privacyLock.title', 'Screen locked for privacy');\n    const resolvedDescription =\n      description ??\n      t(\n        'privacyLock.description',\n        'Locking the screen helps protect the privacy of your data.',\n      );\n    const resolvedUnlockLabel =\n      unlockLabel ?? t('privacyLock.unlock', 'Unlock screen');\n    const resolvedAccountPageLabel =\n      accountPageLabel ?? t('privacyLock.accountPage', 'Account page');\n    const resolvedSignOutLabel =\n      signOutLabel ?? t('privacyLock.signOut', 'Log out');\n\n    return (\n      <RadixDialog.Root open={isOpen} onOpenChange={setOpen}>\n        <RadixDialog.Trigger asChild>\n          <IconButton\n            ref={triggerRef}\n            icon={triggerIcon ?? <EyeOff aria-hidden />}\n            aria-label={resolvedTriggerAriaLabel}\n            tooltip={resolvedTriggerTooltip}\n            className={className}\n            data-component=\"privacy-lock\"\n            data-component-id={(rest as { id?: string }).id}\n            {...rest}\n          />\n        </RadixDialog.Trigger>\n        <RadixDialog.Portal>\n          <RadixDialog.Overlay\n            className={[\n              'ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]',\n              'ds:bg-[var(--background)]/40 ds:backdrop-blur-xl',\n              // Fade-in / fade-out via Radix data-state. Gated on\n              // motion-reduce per accessibility requirements.\n              'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in',\n              'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out',\n              'ds:motion-reduce:animate-none',\n            ].join(' ')}\n          />\n          <RadixDialog.Content\n            aria-label={resolvedTitle}\n            // Make the overlay non-dismissible by ambient input. The only\n            // way out is an explicit action button — preserving the\n            // \"locked\" contract. Screen readers + assistive tech still\n            // reach the buttons via Tab.\n            onEscapeKeyDown={(event) => event.preventDefault()}\n            onPointerDownOutside={(event) => event.preventDefault()}\n            onInteractOutside={(event) => event.preventDefault()}\n            // Radix's default closes the dialog and returns focus to the\n            // trigger (per the WAI-ARIA Dialog pattern). Stacked with\n            // Radix Tooltip — which opens on focus per the WAI-ARIA\n            // Tooltip pattern — that produces a tooltip stuck on the\n            // lock icon every time the user unlocks. PrivacyLock's UX\n            // contract is \"unlock and get out of the user's way\" (cf.\n            // macOS / Windows / 1Password unlock flows: focus returns to\n            // the page, not the unlock control), so we opt out of\n            // Radix's auto-focus return and let focus fall to the body.\n            onCloseAutoFocus={(event) => event.preventDefault()}\n            className={[\n              'ds:fixed ds:inset-0 ds:z-[var(--z-modal)]',\n              'ds:flex ds:items-center ds:justify-center',\n              'ds:focus:outline-none',\n              'ds:text-[color:var(--foreground)]',\n              'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in',\n              'ds:motion-reduce:animate-none',\n            ].join(' ')}\n          >\n            <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:w-[min(22rem,calc(100vw-var(--spacing-xl)))] ds:text-center\">\n              <Logo size=\"xl\" decorative />\n              <RadixDialog.Title className=\"ds:sr-only\">\n                {resolvedTitle}\n              </RadixDialog.Title>\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full\">\n                <Button\n                  intent=\"primary\"\n                  startIcon={<EyeOff aria-hidden />}\n                  onClick={handleAction(onUnlock)}\n                >\n                  {resolvedUnlockLabel}\n                </Button>\n                {onAccountPage ? (\n                  <Button\n                    intent=\"secondary\"\n                    startIcon={<User aria-hidden />}\n                    onClick={handleAction(onAccountPage)}\n                  >\n                    {resolvedAccountPageLabel}\n                  </Button>\n                ) : null}\n                {onSignOut ? (\n                  <Button\n                    intent=\"secondary\"\n                    startIcon={<LogOut aria-hidden />}\n                    onClick={handleAction(onSignOut)}\n                  >\n                    {resolvedSignOutLabel}\n                  </Button>\n                ) : null}\n              </div>\n              <RadixDialog.Description className=\"type-body-sm ds:opacity-90\">\n                {resolvedDescription}\n              </RadixDialog.Description>\n            </div>\n          </RadixDialog.Content>\n        </RadixDialog.Portal>\n      </RadixDialog.Root>\n    );\n  },\n);\nPrivacyLock.displayName = 'PrivacyLock';\n"],"names":["privacyLockAgent","handle","PrivacyLock","forwardRef","open","defaultOpen","onOpenChange","onUnlock","onAccountPage","onSignOut","triggerIcon","triggerAriaLabel","triggerTooltip","title","description","unlockLabel","accountPageLabel","signOutLabel","className","rest","ref","t","useTranslation","uncontrolledOpen","setUncontrolledOpen","useState","isControlled","isOpen","setOpen","useCallback","next","latestOpenRef","useRef","triggerRef","useImperativeHandle","agentHandle","useMemo","useAgentRegistration","handleAction","callback","event","resolvedTriggerAriaLabel","resolvedTriggerTooltip","resolvedTitle","resolvedDescription","resolvedUnlockLabel","resolvedAccountPageLabel","resolvedSignOutLabel","RadixDialog","jsx","IconButton","EyeOff","jsxs","Logo","Button","User","LogOut"],"mappings":"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"}