@viax.io/uxm 4.36.0

package/dist/ui/popover/popover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/popover/popover.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type RefObject,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { cn } from '../../helpers/cn';\nimport { useDismiss } from '../../hooks/use-dismiss';\nimport { useFocusOnMount } from '../../hooks/use-focus-on-mount';\nimport { usePortal } from '../../hooks/use-portal';\n\nexport type PopoverPlacement =\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'top-start'\n  | 'top-end';\n\n// Module-level so the useDismiss deps stay referentially stable.\nconst NESTED_FLOATING_LAYERS = ['.uxm-popover'];\n\nexport interface PopoverProps {\n  /** Whether the popover is open. Controlled — pair with `onOpenChange`. */\n  open: boolean;\n  /** Called when the popover requests to close (outside click, Escape). */\n  onOpenChange: (open: boolean) => void;\n  /**\n   * Element the popover anchors to. Used for both positioning and\n   * click-outside exclusion (clicks inside `anchor` won't close the popover —\n   * the consumer's trigger handles toggling instead).\n   */\n  anchor: RefObject<HTMLElement | null>;\n  /** Popover content. Only mounted while `open`. */\n  children: ReactNode;\n  /** Preferred placement. Flips to the opposite side if it overflows. Default `bottom-start`. */\n  placement?: PopoverPlacement;\n  /** Gap in px between the anchor and the panel edge. Default 4. */\n  offset?: number;\n  /** Render into a portal at `document.body`. Default true — escapes overflow / transform parents. */\n  portal?: boolean;\n  /** Force the panel width to match the anchor width. `true` sets width, `\"min\"` sets minWidth. Default false. */\n  matchAnchorWidth?: boolean | 'min';\n  /** Minimum panel width in px. Useful when `matchAnchorWidth` is false but you want a sensible floor. */\n  minWidth?: number;\n  /** Maximum panel width in px. */\n  maxWidth?: number;\n  /** Close on Escape keydown anywhere. Default true. */\n  closeOnEscape?: boolean;\n  /** Close on mousedown outside the anchor + panel. Default true. */\n  closeOnOutsideClick?: boolean;\n  /** Element to focus when the popover opens (e.g. a search input). */\n  initialFocus?: RefObject<HTMLElement | null>;\n  /** Restore focus to the anchor on close. Default true. */\n  restoreFocus?: boolean;\n  /** Class applied to the panel root. */\n  className?: string;\n  /** Style applied to the panel root (merged after computed position). */\n  style?: CSSProperties;\n  /** ARIA role on the panel. Default `dialog` — pickers should override with `listbox`/`menu`. */\n  role?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  id?: string;\n}\n\n/**\n * Headless popover primitive — owns positioning, portal mounting,\n * click-outside, Escape, and optional focus management. No visual\n * chrome of its own; consumers style the panel via `className`.\n *\n * Trigger ownership stays with the consumer (pass a ref via `anchor`).\n * That keeps composite components like `PhoneInput` and `PillSelect`\n * — where the trigger lives inside a larger field surface — wire-able\n * without renderProps acrobatics.\n *\n * Position is recomputed on open, on window resize, and on scroll\n * within any ancestor scroll container. Placement flips along the\n * cross-axis if the preferred side would clip; we always use\n * `position: fixed` so transformed / clipped parents don't break us.\n */\nexport function Popover({\n  open,\n  onOpenChange,\n  anchor,\n  children,\n  placement = 'bottom-start',\n  offset = 4,\n  portal = true,\n  matchAnchorWidth = false,\n  minWidth,\n  maxWidth,\n  closeOnEscape = true,\n  closeOnOutsideClick = true,\n  initialFocus,\n  restoreFocus = true,\n  className,\n  style,\n  role = 'dialog',\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  id,\n}: PopoverProps) {\n  const panelRef = useRef<HTMLDivElement | null>(null);\n  const [position, setPosition] = useState<{\n    top: number;\n    left: number;\n    width: number | undefined;\n    anchorWidth: number;\n    placement: PopoverPlacement;\n  } | null>(null);\n\n  // SSR-safe mount gate — shared with Dialog and any future portaled atom.\n  const mounted = usePortal();\n\n  // eslint-disable-next-line react-hooks/preserve-manual-memoization -- updatePosition reads from refs (anchor, panelRef) inside the callback body; the deps list intentionally excludes them since ref reads are imperative, not reactive\n  const updatePosition = useCallback(() => {\n    const trigger = anchor.current;\n    const panel = panelRef.current;\n    if (!trigger || !panel) return;\n\n    const triggerRect = trigger.getBoundingClientRect();\n    const panelRect = panel.getBoundingClientRect();\n    const viewportW = window.innerWidth;\n    const viewportH = window.innerHeight;\n\n    // Decide vertical side — flip if preferred side would clip and\n    // the opposite side has more room.\n    const wantsBottom = placement.startsWith('bottom');\n    const spaceBelow = viewportH - triggerRect.bottom - offset;\n    const spaceAbove = triggerRect.top - offset;\n    const fitsBottom = spaceBelow >= panelRect.height;\n    const fitsTop = spaceAbove >= panelRect.height;\n    const useBottom = wantsBottom ? fitsBottom || !fitsTop : !(fitsTop || !fitsBottom);\n\n    // Decide horizontal alignment — flip end/start if it would clip\n    // off-screen on the chosen side.\n    const wantsEnd = placement.endsWith('end');\n    let left = wantsEnd\n      ? triggerRect.right - panelRect.width\n      : triggerRect.left;\n    // Re-anchor if we overflow either edge.\n    if (left + panelRect.width > viewportW - 4) {\n      left = Math.max(4, triggerRect.right - panelRect.width);\n    }\n    if (left < 4) {\n      left = Math.min(viewportW - panelRect.width - 4, triggerRect.left);\n      if (left < 4) left = 4;\n    }\n\n    const top = useBottom\n      ? triggerRect.bottom + offset\n      : triggerRect.top - panelRect.height - offset;\n\n    const resolvedPlacement: PopoverPlacement = `${useBottom ? 'bottom' : 'top'}-${\n      wantsEnd ? 'end' : 'start'\n    }` as PopoverPlacement;\n\n    setPosition({\n      top,\n      left,\n      width: matchAnchorWidth === true ? triggerRect.width : undefined,\n      anchorWidth: triggerRect.width,\n      placement: resolvedPlacement,\n    });\n  }, [anchor, offset, placement, matchAnchorWidth]);\n\n  // First-paint positioning + reposition on size / scroll changes.\n  // `useLayoutEffect` so the panel's first paint includes the correct\n  // coords (otherwise it flashes at 0,0).\n  useLayoutEffect(() => {\n    if (!open || !mounted) {\n      // eslint-disable-next-line react-hooks/set-state-in-effect -- clear cached position on close so reopen recomputes\n      setPosition(null);\n      return;\n    }\n    updatePosition();\n    // Re-run once after the browser settles a frame — handles cases where\n    // the panel's intrinsic size depends on async content (e.g. fonts).\n    const r = requestAnimationFrame(updatePosition);\n    return () => cancelAnimationFrame(r);\n  }, [open, updatePosition, mounted]);\n\n  useEffect(() => {\n    if (!open) return;\n    const onResize = () => updatePosition();\n    // Capture phase so we catch scrolls in any ancestor — using fixed\n    // positioning means we must reposition on any scroll, not just window.\n    const onScroll = () => updatePosition();\n    window.addEventListener('resize', onResize);\n    window.addEventListener('scroll', onScroll, true);\n\n    // Re-measure if the panel itself changes size (filter typed, list\n    // shortens). Without this, the flip / horizontal clamp from\n    // `updatePosition` runs against stale dimensions.\n    let ro: ResizeObserver | undefined;\n    if (panelRef.current && typeof ResizeObserver !== 'undefined') {\n      ro = new ResizeObserver(updatePosition);\n      ro.observe(panelRef.current);\n    }\n    return () => {\n      window.removeEventListener('resize', onResize);\n      window.removeEventListener('scroll', onScroll, true);\n      ro?.disconnect();\n    };\n  }, [open, updatePosition]);\n\n  // Dismissal — Escape + outside-click handled by the shared hook so\n  // popover.tsx, dialog.tsx, date-input.tsx, and time-input.tsx all\n  // share one implementation. Inside-region for popovers spans BOTH\n  // the anchor (clicks on the trigger toggle via the consumer's own\n  // handler, not via dismiss) and the panel itself.\n  const dismissRefs = useMemo(() => [anchor, panelRef], [anchor]);\n  useDismiss({\n    enabled: open,\n    onDismiss: () => onOpenChange(false),\n    refs: dismissRefs,\n    // A floating layer opened FROM this popover (e.g. a Select/Listbox inside\n    // the panel) portals to document.body, so it's not a DOM descendant of\n    // panelRef — without this, picking one of its options would read as an\n    // outside click and dismiss us. Same convention Dialog uses.\n    excludeClosest: NESTED_FLOATING_LAYERS,\n    closeOnEscape,\n    closeOnOutsideClick,\n  });\n\n  // Focus management — shared with Dialog. `useFocusOnMount` captures\n  // `document.activeElement` at activate time and restores to it on\n  // close, which gives Popover its \"restore to anchor if anchor was\n  // focused at open time, otherwise leave focus alone\" semantic for\n  // free (since anchor was the activeElement iff the user clicked it\n  // to open).\n  useFocusOnMount({\n    active: open,\n    initialFocus,\n    returnFocus: restoreFocus,\n  });\n\n  if (!open || !mounted) return null;\n\n  const panelStyle: CSSProperties = {\n    position: 'fixed',\n    top: position?.top ?? 0,\n    left: position?.left ?? 0,\n    width: position?.width,\n    minWidth: matchAnchorWidth === 'min' ? position?.anchorWidth : minWidth,\n    maxWidth: maxWidth,\n    // Pre-paint: invisible until the first position measurement lands so\n    // we never flash at 0,0. After that, full opacity. Pointer-events\n    // also gated so a not-yet-positioned panel can't eat clicks.\n    visibility: position ? 'visible' : 'hidden',\n    pointerEvents: position ? 'auto' : 'none',\n    ...style,\n  };\n\n  const panel = (\n    <div\n      ref={panelRef}\n      id={id}\n      role={role}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      data-placement={position?.placement ?? placement}\n      className={cn('uxm-popover', className)}\n      style={panelStyle}\n    >\n      {children}\n    </div>\n  );\n\n  if (!portal) return panel;\n  return createPortal(panel, document.body);\n}\n"],"mappings":"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","names":["panel"]}

package/dist/ui/popover/popover.css

@@ -0,0 +1,11 @@
+@charset "UTF-8";
+/* ── popover ────────────────────────────────────────────────────────────────
+   Bare positioned panel — no chrome of its own. Consumers (Listbox,
+   PhoneInput country picker, future menus) layer their visual treatment
+   on top. Mirrors the Dialog precedent: shell contributes positioning +
+   z-index only.
+   ──────────────────────────────────────────────────────────────────────── */
+.uxm-popover {
+  z-index: var(--uxm-popover-z-index, 50);
+  outline: none;
+}

package/dist/ui/popover/popover.d.ts

@@ -0,0 +1,62 @@
+import { type CSSProperties, type ReactNode, type RefObject } from 'react';
+export type PopoverPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+export interface PopoverProps {
+    /** Whether the popover is open. Controlled — pair with `onOpenChange`. */
+    open: boolean;
+    /** Called when the popover requests to close (outside click, Escape). */
+    onOpenChange: (open: boolean) => void;
+    /**
+     * Element the popover anchors to. Used for both positioning and
+     * click-outside exclusion (clicks inside `anchor` won't close the popover —
+     * the consumer's trigger handles toggling instead).
+     */
+    anchor: RefObject<HTMLElement | null>;
+    /** Popover content. Only mounted while `open`. */
+    children: ReactNode;
+    /** Preferred placement. Flips to the opposite side if it overflows. Default `bottom-start`. */
+    placement?: PopoverPlacement;
+    /** Gap in px between the anchor and the panel edge. Default 4. */
+    offset?: number;
+    /** Render into a portal at `document.body`. Default true — escapes overflow / transform parents. */
+    portal?: boolean;
+    /** Force the panel width to match the anchor width. `true` sets width, `"min"` sets minWidth. Default false. */
+    matchAnchorWidth?: boolean | 'min';
+    /** Minimum panel width in px. Useful when `matchAnchorWidth` is false but you want a sensible floor. */
+    minWidth?: number;
+    /** Maximum panel width in px. */
+    maxWidth?: number;
+    /** Close on Escape keydown anywhere. Default true. */
+    closeOnEscape?: boolean;
+    /** Close on mousedown outside the anchor + panel. Default true. */
+    closeOnOutsideClick?: boolean;
+    /** Element to focus when the popover opens (e.g. a search input). */
+    initialFocus?: RefObject<HTMLElement | null>;
+    /** Restore focus to the anchor on close. Default true. */
+    restoreFocus?: boolean;
+    /** Class applied to the panel root. */
+    className?: string;
+    /** Style applied to the panel root (merged after computed position). */
+    style?: CSSProperties;
+    /** ARIA role on the panel. Default `dialog` — pickers should override with `listbox`/`menu`. */
+    role?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    id?: string;
+}
+/**
+ * Headless popover primitive — owns positioning, portal mounting,
+ * click-outside, Escape, and optional focus management. No visual
+ * chrome of its own; consumers style the panel via `className`.
+ *
+ * Trigger ownership stays with the consumer (pass a ref via `anchor`).
+ * That keeps composite components like `PhoneInput` and `PillSelect`
+ * — where the trigger lives inside a larger field surface — wire-able
+ * without renderProps acrobatics.
+ *
+ * Position is recomputed on open, on window resize, and on scroll
+ * within any ancestor scroll container. Placement flips along the
+ * cross-axis if the preferred side would clip; we always use
+ * `position: fixed` so transformed / clipped parents don't break us.
+ */
+export declare function Popover({ open, onOpenChange, anchor, children, placement, offset, portal, matchAnchorWidth, minWidth, maxWidth, closeOnEscape, closeOnOutsideClick, initialFocus, restoreFocus, className, style, role, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, id, }: PopoverProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=popover.d.ts.map

package/dist/ui/popover/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/ui/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,MAAM,MAAM,gBAAgB,GACxB,cAAc,GACd,YAAY,GACZ,WAAW,GACX,SAAS,CAAC;AAKd,MAAM,WAAW,YAAY;IAC3B,0EAA0E;IAC1E,IAAI,EAAE,OAAO,CAAC;IACd,yEAAyE;IACzE,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC;;;;OAIG;IACH,MAAM,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtC,kDAAkD;IAClD,QAAQ,EAAE,SAAS,CAAC;IACpB,+FAA+F;IAC/F,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oGAAoG;IACpG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACnC,wGAAwG;IACxG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,qEAAqE;IACrE,YAAY,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7C,0DAA0D;IAC1D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,gGAAgG;IAChG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,SAA0B,EAC1B,MAAU,EACV,MAAa,EACb,gBAAwB,EACxB,QAAQ,EACR,QAAQ,EACR,aAAoB,EACpB,mBAA0B,EAC1B,YAAY,EACZ,YAAmB,EACnB,SAAS,EACT,KAAK,EACL,IAAe,EACf,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,EAAE,GACH,EAAE,YAAY,kDA0Kd"}

package/dist/ui/popover/popover.js

@@ -0,0 +1,153 @@
+import { jsx } from "react/jsx-runtime";
+import {
+  useCallback,
+  useEffect,
+  useLayoutEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { createPortal } from "react-dom";
+import { cn } from "../../helpers/cn.js";
+import { useDismiss } from "../../hooks/use-dismiss.js";
+import { useFocusOnMount } from "../../hooks/use-focus-on-mount.js";
+import { usePortal } from "../../hooks/use-portal.js";
+const NESTED_FLOATING_LAYERS = [".uxm-popover"];
+function Popover({
+  open,
+  onOpenChange,
+  anchor,
+  children,
+  placement = "bottom-start",
+  offset = 4,
+  portal = true,
+  matchAnchorWidth = false,
+  minWidth,
+  maxWidth,
+  closeOnEscape = true,
+  closeOnOutsideClick = true,
+  initialFocus,
+  restoreFocus = true,
+  className,
+  style,
+  role = "dialog",
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  id
+}) {
+  const panelRef = useRef(null);
+  const [position, setPosition] = useState(null);
+  const mounted = usePortal();
+  const updatePosition = useCallback(() => {
+    const trigger = anchor.current;
+    const panel2 = panelRef.current;
+    if (!trigger || !panel2) return;
+    const triggerRect = trigger.getBoundingClientRect();
+    const panelRect = panel2.getBoundingClientRect();
+    const viewportW = window.innerWidth;
+    const viewportH = window.innerHeight;
+    const wantsBottom = placement.startsWith("bottom");
+    const spaceBelow = viewportH - triggerRect.bottom - offset;
+    const spaceAbove = triggerRect.top - offset;
+    const fitsBottom = spaceBelow >= panelRect.height;
+    const fitsTop = spaceAbove >= panelRect.height;
+    const useBottom = wantsBottom ? fitsBottom || !fitsTop : !(fitsTop || !fitsBottom);
+    const wantsEnd = placement.endsWith("end");
+    let left = wantsEnd ? triggerRect.right - panelRect.width : triggerRect.left;
+    if (left + panelRect.width > viewportW - 4) {
+      left = Math.max(4, triggerRect.right - panelRect.width);
+    }
+    if (left < 4) {
+      left = Math.min(viewportW - panelRect.width - 4, triggerRect.left);
+      if (left < 4) left = 4;
+    }
+    const top = useBottom ? triggerRect.bottom + offset : triggerRect.top - panelRect.height - offset;
+    const resolvedPlacement = `${useBottom ? "bottom" : "top"}-${wantsEnd ? "end" : "start"}`;
+    setPosition({
+      top,
+      left,
+      width: matchAnchorWidth === true ? triggerRect.width : void 0,
+      anchorWidth: triggerRect.width,
+      placement: resolvedPlacement
+    });
+  }, [anchor, offset, placement, matchAnchorWidth]);
+  useLayoutEffect(() => {
+    if (!open || !mounted) {
+      setPosition(null);
+      return;
+    }
+    updatePosition();
+    const r = requestAnimationFrame(updatePosition);
+    return () => cancelAnimationFrame(r);
+  }, [open, updatePosition, mounted]);
+  useEffect(() => {
+    if (!open) return;
+    const onResize = () => updatePosition();
+    const onScroll = () => updatePosition();
+    window.addEventListener("resize", onResize);
+    window.addEventListener("scroll", onScroll, true);
+    let ro;
+    if (panelRef.current && typeof ResizeObserver !== "undefined") {
+      ro = new ResizeObserver(updatePosition);
+      ro.observe(panelRef.current);
+    }
+    return () => {
+      window.removeEventListener("resize", onResize);
+      window.removeEventListener("scroll", onScroll, true);
+      ro?.disconnect();
+    };
+  }, [open, updatePosition]);
+  const dismissRefs = useMemo(() => [anchor, panelRef], [anchor]);
+  useDismiss({
+    enabled: open,
+    onDismiss: () => onOpenChange(false),
+    refs: dismissRefs,
+    // A floating layer opened FROM this popover (e.g. a Select/Listbox inside
+    // the panel) portals to document.body, so it's not a DOM descendant of
+    // panelRef — without this, picking one of its options would read as an
+    // outside click and dismiss us. Same convention Dialog uses.
+    excludeClosest: NESTED_FLOATING_LAYERS,
+    closeOnEscape,
+    closeOnOutsideClick
+  });
+  useFocusOnMount({
+    active: open,
+    initialFocus,
+    returnFocus: restoreFocus
+  });
+  if (!open || !mounted) return null;
+  const panelStyle = {
+    position: "fixed",
+    top: position?.top ?? 0,
+    left: position?.left ?? 0,
+    width: position?.width,
+    minWidth: matchAnchorWidth === "min" ? position?.anchorWidth : minWidth,
+    maxWidth,
+    // Pre-paint: invisible until the first position measurement lands so
+    // we never flash at 0,0. After that, full opacity. Pointer-events
+    // also gated so a not-yet-positioned panel can't eat clicks.
+    visibility: position ? "visible" : "hidden",
+    pointerEvents: position ? "auto" : "none",
+    ...style
+  };
+  const panel = /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: panelRef,
+      id,
+      role,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledby,
+      "data-placement": position?.placement ?? placement,
+      className: cn("uxm-popover", className),
+      style: panelStyle,
+      children
+    }
+  );
+  if (!portal) return panel;
+  return createPortal(panel, document.body);
+}
+export {
+  Popover
+};
+//# sourceMappingURL=popover.js.map

package/dist/ui/popover/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/popover/popover.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type RefObject,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { cn } from '../../helpers/cn';\nimport { useDismiss } from '../../hooks/use-dismiss';\nimport { useFocusOnMount } from '../../hooks/use-focus-on-mount';\nimport { usePortal } from '../../hooks/use-portal';\n\nexport type PopoverPlacement =\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'top-start'\n  | 'top-end';\n\n// Module-level so the useDismiss deps stay referentially stable.\nconst NESTED_FLOATING_LAYERS = ['.uxm-popover'];\n\nexport interface PopoverProps {\n  /** Whether the popover is open. Controlled — pair with `onOpenChange`. */\n  open: boolean;\n  /** Called when the popover requests to close (outside click, Escape). */\n  onOpenChange: (open: boolean) => void;\n  /**\n   * Element the popover anchors to. Used for both positioning and\n   * click-outside exclusion (clicks inside `anchor` won't close the popover —\n   * the consumer's trigger handles toggling instead).\n   */\n  anchor: RefObject<HTMLElement | null>;\n  /** Popover content. Only mounted while `open`. */\n  children: ReactNode;\n  /** Preferred placement. Flips to the opposite side if it overflows. Default `bottom-start`. */\n  placement?: PopoverPlacement;\n  /** Gap in px between the anchor and the panel edge. Default 4. */\n  offset?: number;\n  /** Render into a portal at `document.body`. Default true — escapes overflow / transform parents. */\n  portal?: boolean;\n  /** Force the panel width to match the anchor width. `true` sets width, `\"min\"` sets minWidth. Default false. */\n  matchAnchorWidth?: boolean | 'min';\n  /** Minimum panel width in px. Useful when `matchAnchorWidth` is false but you want a sensible floor. */\n  minWidth?: number;\n  /** Maximum panel width in px. */\n  maxWidth?: number;\n  /** Close on Escape keydown anywhere. Default true. */\n  closeOnEscape?: boolean;\n  /** Close on mousedown outside the anchor + panel. Default true. */\n  closeOnOutsideClick?: boolean;\n  /** Element to focus when the popover opens (e.g. a search input). */\n  initialFocus?: RefObject<HTMLElement | null>;\n  /** Restore focus to the anchor on close. Default true. */\n  restoreFocus?: boolean;\n  /** Class applied to the panel root. */\n  className?: string;\n  /** Style applied to the panel root (merged after computed position). */\n  style?: CSSProperties;\n  /** ARIA role on the panel. Default `dialog` — pickers should override with `listbox`/`menu`. */\n  role?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  id?: string;\n}\n\n/**\n * Headless popover primitive — owns positioning, portal mounting,\n * click-outside, Escape, and optional focus management. No visual\n * chrome of its own; consumers style the panel via `className`.\n *\n * Trigger ownership stays with the consumer (pass a ref via `anchor`).\n * That keeps composite components like `PhoneInput` and `PillSelect`\n * — where the trigger lives inside a larger field surface — wire-able\n * without renderProps acrobatics.\n *\n * Position is recomputed on open, on window resize, and on scroll\n * within any ancestor scroll container. Placement flips along the\n * cross-axis if the preferred side would clip; we always use\n * `position: fixed` so transformed / clipped parents don't break us.\n */\nexport function Popover({\n  open,\n  onOpenChange,\n  anchor,\n  children,\n  placement = 'bottom-start',\n  offset = 4,\n  portal = true,\n  matchAnchorWidth = false,\n  minWidth,\n  maxWidth,\n  closeOnEscape = true,\n  closeOnOutsideClick = true,\n  initialFocus,\n  restoreFocus = true,\n  className,\n  style,\n  role = 'dialog',\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  id,\n}: PopoverProps) {\n  const panelRef = useRef<HTMLDivElement | null>(null);\n  const [position, setPosition] = useState<{\n    top: number;\n    left: number;\n    width: number | undefined;\n    anchorWidth: number;\n    placement: PopoverPlacement;\n  } | null>(null);\n\n  // SSR-safe mount gate — shared with Dialog and any future portaled atom.\n  const mounted = usePortal();\n\n  // eslint-disable-next-line react-hooks/preserve-manual-memoization -- updatePosition reads from refs (anchor, panelRef) inside the callback body; the deps list intentionally excludes them since ref reads are imperative, not reactive\n  const updatePosition = useCallback(() => {\n    const trigger = anchor.current;\n    const panel = panelRef.current;\n    if (!trigger || !panel) return;\n\n    const triggerRect = trigger.getBoundingClientRect();\n    const panelRect = panel.getBoundingClientRect();\n    const viewportW = window.innerWidth;\n    const viewportH = window.innerHeight;\n\n    // Decide vertical side — flip if preferred side would clip and\n    // the opposite side has more room.\n    const wantsBottom = placement.startsWith('bottom');\n    const spaceBelow = viewportH - triggerRect.bottom - offset;\n    const spaceAbove = triggerRect.top - offset;\n    const fitsBottom = spaceBelow >= panelRect.height;\n    const fitsTop = spaceAbove >= panelRect.height;\n    const useBottom = wantsBottom ? fitsBottom || !fitsTop : !(fitsTop || !fitsBottom);\n\n    // Decide horizontal alignment — flip end/start if it would clip\n    // off-screen on the chosen side.\n    const wantsEnd = placement.endsWith('end');\n    let left = wantsEnd\n      ? triggerRect.right - panelRect.width\n      : triggerRect.left;\n    // Re-anchor if we overflow either edge.\n    if (left + panelRect.width > viewportW - 4) {\n      left = Math.max(4, triggerRect.right - panelRect.width);\n    }\n    if (left < 4) {\n      left = Math.min(viewportW - panelRect.width - 4, triggerRect.left);\n      if (left < 4) left = 4;\n    }\n\n    const top = useBottom\n      ? triggerRect.bottom + offset\n      : triggerRect.top - panelRect.height - offset;\n\n    const resolvedPlacement: PopoverPlacement = `${useBottom ? 'bottom' : 'top'}-${\n      wantsEnd ? 'end' : 'start'\n    }` as PopoverPlacement;\n\n    setPosition({\n      top,\n      left,\n      width: matchAnchorWidth === true ? triggerRect.width : undefined,\n      anchorWidth: triggerRect.width,\n      placement: resolvedPlacement,\n    });\n  }, [anchor, offset, placement, matchAnchorWidth]);\n\n  // First-paint positioning + reposition on size / scroll changes.\n  // `useLayoutEffect` so the panel's first paint includes the correct\n  // coords (otherwise it flashes at 0,0).\n  useLayoutEffect(() => {\n    if (!open || !mounted) {\n      // eslint-disable-next-line react-hooks/set-state-in-effect -- clear cached position on close so reopen recomputes\n      setPosition(null);\n      return;\n    }\n    updatePosition();\n    // Re-run once after the browser settles a frame — handles cases where\n    // the panel's intrinsic size depends on async content (e.g. fonts).\n    const r = requestAnimationFrame(updatePosition);\n    return () => cancelAnimationFrame(r);\n  }, [open, updatePosition, mounted]);\n\n  useEffect(() => {\n    if (!open) return;\n    const onResize = () => updatePosition();\n    // Capture phase so we catch scrolls in any ancestor — using fixed\n    // positioning means we must reposition on any scroll, not just window.\n    const onScroll = () => updatePosition();\n    window.addEventListener('resize', onResize);\n    window.addEventListener('scroll', onScroll, true);\n\n    // Re-measure if the panel itself changes size (filter typed, list\n    // shortens). Without this, the flip / horizontal clamp from\n    // `updatePosition` runs against stale dimensions.\n    let ro: ResizeObserver | undefined;\n    if (panelRef.current && typeof ResizeObserver !== 'undefined') {\n      ro = new ResizeObserver(updatePosition);\n      ro.observe(panelRef.current);\n    }\n    return () => {\n      window.removeEventListener('resize', onResize);\n      window.removeEventListener('scroll', onScroll, true);\n      ro?.disconnect();\n    };\n  }, [open, updatePosition]);\n\n  // Dismissal — Escape + outside-click handled by the shared hook so\n  // popover.tsx, dialog.tsx, date-input.tsx, and time-input.tsx all\n  // share one implementation. Inside-region for popovers spans BOTH\n  // the anchor (clicks on the trigger toggle via the consumer's own\n  // handler, not via dismiss) and the panel itself.\n  const dismissRefs = useMemo(() => [anchor, panelRef], [anchor]);\n  useDismiss({\n    enabled: open,\n    onDismiss: () => onOpenChange(false),\n    refs: dismissRefs,\n    // A floating layer opened FROM this popover (e.g. a Select/Listbox inside\n    // the panel) portals to document.body, so it's not a DOM descendant of\n    // panelRef — without this, picking one of its options would read as an\n    // outside click and dismiss us. Same convention Dialog uses.\n    excludeClosest: NESTED_FLOATING_LAYERS,\n    closeOnEscape,\n    closeOnOutsideClick,\n  });\n\n  // Focus management — shared with Dialog. `useFocusOnMount` captures\n  // `document.activeElement` at activate time and restores to it on\n  // close, which gives Popover its \"restore to anchor if anchor was\n  // focused at open time, otherwise leave focus alone\" semantic for\n  // free (since anchor was the activeElement iff the user clicked it\n  // to open).\n  useFocusOnMount({\n    active: open,\n    initialFocus,\n    returnFocus: restoreFocus,\n  });\n\n  if (!open || !mounted) return null;\n\n  const panelStyle: CSSProperties = {\n    position: 'fixed',\n    top: position?.top ?? 0,\n    left: position?.left ?? 0,\n    width: position?.width,\n    minWidth: matchAnchorWidth === 'min' ? position?.anchorWidth : minWidth,\n    maxWidth: maxWidth,\n    // Pre-paint: invisible until the first position measurement lands so\n    // we never flash at 0,0. After that, full opacity. Pointer-events\n    // also gated so a not-yet-positioned panel can't eat clicks.\n    visibility: position ? 'visible' : 'hidden',\n    pointerEvents: position ? 'auto' : 'none',\n    ...style,\n  };\n\n  const panel = (\n    <div\n      ref={panelRef}\n      id={id}\n      role={role}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      data-placement={position?.placement ?? placement}\n      className={cn('uxm-popover', className)}\n      style={panelStyle}\n    >\n      {children}\n    </div>\n  );\n\n  if (!portal) return panel;\n  return createPortal(panel, document.body);\n}\n"],"mappings":"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","names":["panel"]}

package/dist/ui/progress-bar/index.cjs

@@ -0,0 +1,29 @@
+"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);
+var progress_bar_exports = {};
+__export(progress_bar_exports, {
+  ProgressBar: () => import_progress_bar.ProgressBar
+});
+module.exports = __toCommonJS(progress_bar_exports);
+var import_progress_bar = require("./progress-bar.cjs");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProgressBar
+});
+//# sourceMappingURL=index.cjs.map

package/dist/ui/progress-bar/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/progress-bar/index.ts"],"sourcesContent":["export { ProgressBar } from './progress-bar';\nexport type { ProgressBarProps, ProgressBarVariant } from './progress-bar';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA4B;","names":[]}

package/dist/ui/progress-bar/index.d.ts

@@ -0,0 +1,3 @@
+export { ProgressBar } from './progress-bar.js';
+export type { ProgressBarProps, ProgressBarVariant } from './progress-bar.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/progress-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/progress-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/ui/progress-bar/index.js

@@ -0,0 +1,5 @@
+import { ProgressBar } from "./progress-bar.js";
+export {
+  ProgressBar
+};
+//# sourceMappingURL=index.js.map

package/dist/ui/progress-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/progress-bar/index.ts"],"sourcesContent":["export { ProgressBar } from './progress-bar';\nexport type { ProgressBarProps, ProgressBarVariant } from './progress-bar';\n"],"mappings":"AAAA,SAAS,mBAAmB;","names":[]}

package/dist/ui/progress-bar/progress-bar-preview.cjs

@@ -0,0 +1,51 @@
+"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);
+var progress_bar_preview_exports = {};
+__export(progress_bar_preview_exports, {
+  ProgressBarPreview: () => ProgressBarPreview
+});
+module.exports = __toCommonJS(progress_bar_preview_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ui = require("../../ui/index.cjs");
+function buildVars(styles) {
+  return {
+    "--uxm-progress-bar-fill-color": styles.fillColor,
+    "--uxm-progress-bar-track-color": styles.trackColor,
+    "--uxm-progress-bar-bar-height": `${styles.barHeight}px`,
+    "--uxm-progress-bar-bar-radius": `${styles.barRadius}px`,
+    "--uxm-progress-bar-ring-size": `${styles.ringSize}px`,
+    "--uxm-progress-bar-ring-thickness": `${styles.ringThickness}px`,
+    "--uxm-progress-bar-value-color": styles.valueColor,
+    "--uxm-progress-bar-value-size": `${styles.valueSize}px`,
+    "--uxm-progress-bar-label-color": styles.labelColor,
+    "--uxm-progress-bar-label-size": `${styles.labelSize}px`,
+    "--uxm-progress-bar-stack-gap": `${styles.stackGap}px`
+  };
+}
+function ProgressBarPreview({ styles, variants }) {
+  const variant = variants.variant ?? "linear";
+  const value = Math.max(0, Math.min(100, styles.value ?? 0));
+  const label = (styles.label ?? "").trim() || void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.ProgressBar, { variant, value, label, style: buildVars(styles) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProgressBarPreview
+});
+//# sourceMappingURL=progress-bar-preview.cjs.map

package/dist/ui/progress-bar/progress-bar-preview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/progress-bar/progress-bar-preview.tsx"],"sourcesContent":["\nimport type { PreviewProps } from '@/previews/types';\nimport { ProgressBar, type ProgressBarVariant } from '@/ui';\n\nimport type { CSSProperties } from 'react';\n\ntype Styles = PreviewProps['styles'];\n\n// Map the registry knobs onto the atom's `--uxm-progress-bar-*` custom\n// properties. `value` is NOT emitted here — it rides the component's `value`\n// prop (set inline as the unitless `--uxm-progress-bar-value`), so the editor\n// slider drives the live fill directly and the saved rule stays inert.\nfunction buildVars(styles: Styles): CSSProperties {\n  return {\n    '--uxm-progress-bar-fill-color': styles.fillColor as string,\n    '--uxm-progress-bar-track-color': styles.trackColor as string,\n    '--uxm-progress-bar-bar-height': `${styles.barHeight}px`,\n    '--uxm-progress-bar-bar-radius': `${styles.barRadius}px`,\n    '--uxm-progress-bar-ring-size': `${styles.ringSize}px`,\n    '--uxm-progress-bar-ring-thickness': `${styles.ringThickness}px`,\n    '--uxm-progress-bar-value-color': styles.valueColor as string,\n    '--uxm-progress-bar-value-size': `${styles.valueSize}px`,\n    '--uxm-progress-bar-label-color': styles.labelColor as string,\n    '--uxm-progress-bar-label-size': `${styles.labelSize}px`,\n    '--uxm-progress-bar-stack-gap': `${styles.stackGap}px`,\n  } as CSSProperties;\n}\n\nexport function ProgressBarPreview({ styles, variants }: PreviewProps & { componentId: string }) {\n  const variant = (variants.variant as ProgressBarVariant) ?? 'linear';\n  const value = Math.max(0, Math.min(100, (styles.value as number) ?? 0));\n  const label = ((styles.label as string) ?? '').trim() || undefined;\n\n  return <ProgressBar variant={variant} value={value} label={label} style={buildVars(styles)} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCS;AA/BT,gBAAqD;AAUrD,SAAS,UAAU,QAA+B;AAChD,SAAO;AAAA,IACL,iCAAiC,OAAO;AAAA,IACxC,kCAAkC,OAAO;AAAA,IACzC,iCAAiC,GAAG,OAAO,SAAS;AAAA,IACpD,iCAAiC,GAAG,OAAO,SAAS;AAAA,IACpD,gCAAgC,GAAG,OAAO,QAAQ;AAAA,IAClD,qCAAqC,GAAG,OAAO,aAAa;AAAA,IAC5D,kCAAkC,OAAO;AAAA,IACzC,iCAAiC,GAAG,OAAO,SAAS;AAAA,IACpD,kCAAkC,OAAO;AAAA,IACzC,iCAAiC,GAAG,OAAO,SAAS;AAAA,IACpD,gCAAgC,GAAG,OAAO,QAAQ;AAAA,EACpD;AACF;AAEO,SAAS,mBAAmB,EAAE,QAAQ,SAAS,GAA2C;AAC/F,QAAM,UAAW,SAAS,WAAkC;AAC5D,QAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,KAAM,OAAO,SAAoB,CAAC,CAAC;AACtE,QAAM,SAAU,OAAO,SAAoB,IAAI,KAAK,KAAK;AAEzD,SAAO,4CAAC,yBAAY,SAAkB,OAAc,OAAc,OAAO,UAAU,MAAM,GAAG;AAC9F;","names":[]}

package/dist/ui/progress-bar/progress-bar-preview.d.ts

@@ -0,0 +1,5 @@
+import type { PreviewProps } from '../../previews/types.js';
+export declare function ProgressBarPreview({ styles, variants }: PreviewProps & {
+    componentId: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=progress-bar-preview.d.ts.map

package/dist/ui/progress-bar/progress-bar-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/progress-bar/progress-bar-preview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AA2BrD,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,GAAG;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,2CAM9F"}

package/dist/ui/progress-bar/progress-bar-preview.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import { ProgressBar } from "../../ui/index.js";
+function buildVars(styles) {
+  return {
+    "--uxm-progress-bar-fill-color": styles.fillColor,
+    "--uxm-progress-bar-track-color": styles.trackColor,
+    "--uxm-progress-bar-bar-height": `${styles.barHeight}px`,
+    "--uxm-progress-bar-bar-radius": `${styles.barRadius}px`,
+    "--uxm-progress-bar-ring-size": `${styles.ringSize}px`,
+    "--uxm-progress-bar-ring-thickness": `${styles.ringThickness}px`,
+    "--uxm-progress-bar-value-color": styles.valueColor,
+    "--uxm-progress-bar-value-size": `${styles.valueSize}px`,
+    "--uxm-progress-bar-label-color": styles.labelColor,
+    "--uxm-progress-bar-label-size": `${styles.labelSize}px`,
+    "--uxm-progress-bar-stack-gap": `${styles.stackGap}px`
+  };
+}
+function ProgressBarPreview({ styles, variants }) {
+  const variant = variants.variant ?? "linear";
+  const value = Math.max(0, Math.min(100, styles.value ?? 0));
+  const label = (styles.label ?? "").trim() || void 0;
+  return /* @__PURE__ */ jsx(ProgressBar, { variant, value, label, style: buildVars(styles) });
+}
+export {
+  ProgressBarPreview
+};
+//# sourceMappingURL=progress-bar-preview.js.map

package/dist/ui/progress-bar/progress-bar-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/progress-bar/progress-bar-preview.tsx"],"sourcesContent":["\nimport type { PreviewProps } from '@/previews/types';\nimport { ProgressBar, type ProgressBarVariant } from '@/ui';\n\nimport type { CSSProperties } from 'react';\n\ntype Styles = PreviewProps['styles'];\n\n// Map the registry knobs onto the atom's `--uxm-progress-bar-*` custom\n// properties. `value` is NOT emitted here — it rides the component's `value`\n// prop (set inline as the unitless `--uxm-progress-bar-value`), so the editor\n// slider drives the live fill directly and the saved rule stays inert.\nfunction buildVars(styles: Styles): CSSProperties {\n  return {\n    '--uxm-progress-bar-fill-color': styles.fillColor as string,\n    '--uxm-progress-bar-track-color': styles.trackColor as string,\n    '--uxm-progress-bar-bar-height': `${styles.barHeight}px`,\n    '--uxm-progress-bar-bar-radius': `${styles.barRadius}px`,\n    '--uxm-progress-bar-ring-size': `${styles.ringSize}px`,\n    '--uxm-progress-bar-ring-thickness': `${styles.ringThickness}px`,\n    '--uxm-progress-bar-value-color': styles.valueColor as string,\n    '--uxm-progress-bar-value-size': `${styles.valueSize}px`,\n    '--uxm-progress-bar-label-color': styles.labelColor as string,\n    '--uxm-progress-bar-label-size': `${styles.labelSize}px`,\n    '--uxm-progress-bar-stack-gap': `${styles.stackGap}px`,\n  } as CSSProperties;\n}\n\nexport function ProgressBarPreview({ styles, variants }: PreviewProps & { componentId: string }) {\n  const variant = (variants.variant as ProgressBarVariant) ?? 'linear';\n  const value = Math.max(0, Math.min(100, (styles.value as number) ?? 0));\n  const label = ((styles.label as string) ?? '').trim() || undefined;\n\n  return <ProgressBar variant={variant} value={value} label={label} style={buildVars(styles)} />;\n}\n"],"mappings":"AAiCS;AA/BT,SAAS,mBAA4C;AAUrD,SAAS,UAAU,QAA+B;AAChD,SAAO;AAAA,IACL,iCAAiC,OAAO;AAAA,IACxC,kCAAkC,OAAO;AAAA,IACzC,iCAAiC,GAAG,OAAO,SAAS;AAAA,IACpD,iCAAiC,GAAG,OAAO,SAAS;AAAA,IACpD,gCAAgC,GAAG,OAAO,QAAQ;AAAA,IAClD,qCAAqC,GAAG,OAAO,aAAa;AAAA,IAC5D,kCAAkC,OAAO;AAAA,IACzC,iCAAiC,GAAG,OAAO,SAAS;AAAA,IACpD,kCAAkC,OAAO;AAAA,IACzC,iCAAiC,GAAG,OAAO,SAAS;AAAA,IACpD,gCAAgC,GAAG,OAAO,QAAQ;AAAA,EACpD;AACF;AAEO,SAAS,mBAAmB,EAAE,QAAQ,SAAS,GAA2C;AAC/F,QAAM,UAAW,SAAS,WAAkC;AAC5D,QAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,KAAM,OAAO,SAAoB,CAAC,CAAC;AACtE,QAAM,SAAU,OAAO,SAAoB,IAAI,KAAK,KAAK;AAEzD,SAAO,oBAAC,eAAY,SAAkB,OAAc,OAAc,OAAO,UAAU,MAAM,GAAG;AAC9F;","names":[]}

package/dist/ui/progress-bar/progress-bar.cjs

@@ -0,0 +1,89 @@
+"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);
+var progress_bar_exports = {};
+__export(progress_bar_exports, {
+  ProgressBar: () => ProgressBar
+});
+module.exports = __toCommonJS(progress_bar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_helpers = require("../../helpers/index.cjs");
+function ProgressBar({
+  value,
+  variant = "linear",
+  label,
+  valueText,
+  className,
+  style,
+  ...rest
+}) {
+  const clamped = Math.max(0, Math.min(100, value));
+  const text = valueText ?? `${Math.round(clamped)}%`;
+  const mergedStyle = {
+    ...style,
+    // Unitless — consumed via `calc(var(--…-value) * 1%)`. Inline so the
+    // runtime value overrides any (px-suffixed, inert) saved declaration.
+    ["--uxm-progress-bar-value"]: clamped
+  };
+  const a11y = {
+    role: "progressbar",
+    "aria-valuenow": Math.round(clamped),
+    "aria-valuemin": 0,
+    "aria-valuemax": 100,
+    "aria-label": label || void 0
+  };
+  if (variant === "ring") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: (0, import_helpers.cn)("uxm-progress-bar", "uxm-progress-bar--ring", className),
+        style: mergedStyle,
+        ...a11y,
+        ...rest,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "uxm-progress-bar__ring", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "uxm-progress-bar__ring-fill", "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-progress-bar__value", children: text })
+          ] }),
+          label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-progress-bar__label", children: label })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_helpers.cn)("uxm-progress-bar", "uxm-progress-bar--linear", className),
+      style: mergedStyle,
+      ...a11y,
+      ...rest,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "uxm-progress-bar__head", children: [
+          label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-progress-bar__label", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-progress-bar__value", children: text })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "uxm-progress-bar__track", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "uxm-progress-bar__fill" }) })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProgressBar
+});
+//# sourceMappingURL=progress-bar.cjs.map

package/dist/ui/progress-bar/progress-bar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/progress-bar/progress-bar.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport type { CSSProperties, HTMLAttributes } from 'react';\n\n\nexport type ProgressBarVariant = 'linear' | 'ring';\n\nexport interface ProgressBarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** Completion, 0–100. Clamped into range. */\n  value: number;\n  /** Linear track or circular ring. Both are determinate. */\n  variant?: ProgressBarVariant;\n  /** Optional caption — above the bar (linear) / below the ring (ring). */\n  label?: string;\n  /** Override the percentage text (defaults to `${Math.round(value)}%`). */\n  valueText?: string;\n}\n\n/**\n * Determinate progress — the companion to Loader's indeterminate states.\n * Use for uploads, batch operations, and stepped flows where the share of\n * work done is known. For \"something is happening, no ETA\" use Loader.\n *\n * Theming flows through `--uxm-progress-bar-*` custom properties on inner\n * elements (root is layout-only), so editor saves route via the kebab\n * fallback path — no PER_COMPONENT_MAPPING entry needed. The single\n * `--uxm-progress-bar-value` var drives BOTH the linear fill width and the\n * ring's conic sweep; it is set inline here from the `value` prop so the\n * live (runtime) value always wins over any saved rule.\n */\nexport function ProgressBar({\n  value,\n  variant = 'linear',\n  label,\n  valueText,\n  className,\n  style,\n  ...rest\n}: ProgressBarProps) {\n  const clamped = Math.max(0, Math.min(100, value));\n  const text = valueText ?? `${Math.round(clamped)}%`;\n  const mergedStyle = {\n    ...style,\n    // Unitless — consumed via `calc(var(--…-value) * 1%)`. Inline so the\n    // runtime value overrides any (px-suffixed, inert) saved declaration.\n    ['--uxm-progress-bar-value']: clamped,\n  } as CSSProperties;\n\n  const a11y = {\n    role: 'progressbar' as const,\n    'aria-valuenow': Math.round(clamped),\n    'aria-valuemin': 0,\n    'aria-valuemax': 100,\n    'aria-label': label || undefined,\n  };\n\n  if (variant === 'ring') {\n    return (\n      <div\n        className={cn('uxm-progress-bar', 'uxm-progress-bar--ring', className)}\n        style={mergedStyle}\n        {...a11y}\n        {...rest}\n      >\n        <div className=\"uxm-progress-bar__ring\">\n          <div className=\"uxm-progress-bar__ring-fill\" aria-hidden=\"true\" />\n          <span className=\"uxm-progress-bar__value\">{text}</span>\n        </div>\n        {label && <span className=\"uxm-progress-bar__label\">{label}</span>}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn('uxm-progress-bar', 'uxm-progress-bar--linear', className)}\n      style={mergedStyle}\n      {...a11y}\n      {...rest}\n    >\n      <div className=\"uxm-progress-bar__head\">\n        {label && <span className=\"uxm-progress-bar__label\">{label}</span>}\n        <span className=\"uxm-progress-bar__value\">{text}</span>\n      </div>\n      <div className=\"uxm-progress-bar__track\">\n        <div className=\"uxm-progress-bar__fill\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgEQ;AAhER,qBAAmB;AA8BZ,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,QAAM,UAAU,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,KAAK,CAAC;AAChD,QAAM,OAAO,aAAa,GAAG,KAAK,MAAM,OAAO,CAAC;AAChD,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA;AAAA;AAAA,IAGH,CAAC,0BAA0B,GAAG;AAAA,EAChC;AAEA,QAAM,OAAO;AAAA,IACX,MAAM;AAAA,IACN,iBAAiB,KAAK,MAAM,OAAO;AAAA,IACnC,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,cAAc,SAAS;AAAA,EACzB;AAEA,MAAI,YAAY,QAAQ;AACtB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW,mBAAG,oBAAoB,0BAA0B,SAAS;AAAA,QACrE,OAAO;AAAA,QACN,GAAG;AAAA,QACH,GAAG;AAAA,QAEJ;AAAA,uDAAC,SAAI,WAAU,0BACb;AAAA,wDAAC,SAAI,WAAU,+BAA8B,eAAY,QAAO;AAAA,YAChE,4CAAC,UAAK,WAAU,2BAA2B,gBAAK;AAAA,aAClD;AAAA,UACC,SAAS,4CAAC,UAAK,WAAU,2BAA2B,iBAAM;AAAA;AAAA;AAAA,IAC7D;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,mBAAG,oBAAoB,4BAA4B,SAAS;AAAA,MACvE,OAAO;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ;AAAA,qDAAC,SAAI,WAAU,0BACZ;AAAA,mBAAS,4CAAC,UAAK,WAAU,2BAA2B,iBAAM;AAAA,UAC3D,4CAAC,UAAK,WAAU,2BAA2B,gBAAK;AAAA,WAClD;AAAA,QACA,4CAAC,SAAI,WAAU,2BACb,sDAAC,SAAI,WAAU,0BAAyB,GAC1C;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}