@mastra/playground-ui 61.0.0-alpha.6 → 61.0.0

package/dist/hooks/use-fluid-hover.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-fluid-hover.es.js","sources":["../../src/hooks/use-fluid-hover.ts"],"sourcesContent":["'use client';\n\nimport { useRef, useState, useCallback, useEffect, type Dispatch, type RefObject, type SetStateAction } from 'react';\n\nexport interface ItemRect {\n  top: number;\n  height: number;\n  left: number;\n  width: number;\n}\n\nexport interface UseFluidHoverOptions {\n  /**\n   * Which direction to resolve the nearest item along.\n   *   \"y\"  — vertical lists (default): closest by top/height\n   *   \"x\"  — horizontal strips: closest by left/width\n   *   \"xy\" — 2-D grids: closest card across both rows AND columns,\n   *          measured by Euclidean distance to each item's center\n   */\n  axis?: 'x' | 'y' | 'xy';\n  /**\n   * Makes an item invisible to hit-testing without unregistering it — for\n   * rows that stay mounted while clipped away (a collapsed sub-tree).\n   * Unregistering would invalidate every measurement; a skipped item keeps\n   * the set stable. Consulted per mouse move, so keep it cheap.\n   */\n  isItemDisabled?: (element: HTMLElement) => boolean;\n  /**\n   * Whether a click that lands between items (a gap, the padding, past the\n   * last row) is routed to the highlighted item, so what is lit is what a\n   * click hits. On by default: in a menu or a list the highlight is a\n   * promise about the click. Pass `false` where empty space should stay\n   * inert (rows with destructive actions, generous whitespace), or\n   * `{ maxDistance }` to route only clicks within that many pixels of the\n   * highlighted item's edge.\n   */\n  gapClick?: boolean | { maxDistance?: number };\n}\n\nexport interface UseFluidHoverReturn {\n  activeIndex: number | null;\n  setActiveIndex: Dispatch<SetStateAction<number | null>>;\n  itemRects: ItemRect[];\n  /**\n   * True once every registered item has been measured and no remeasure is\n   * pending, i.e. `itemRects` describes the current item set. Gate absolutely\n   * positioned overlays on it: an overlay that mounts against a rect a later\n   * pass still corrects animates from the wrong place to the right one, which\n   * reads as the highlight sliding in from another row.\n   */\n  isMeasured: boolean;\n  /**\n   * Events whose target sits outside the container in the DOM are ignored:\n   * React bubbles events from a portaled child (a submenu) through its React\n   * parents, and those must not steer or click this list.\n   */\n  handlers: {\n    onMouseMove: (e: React.MouseEvent) => void;\n    onMouseLeave: (e: React.MouseEvent) => void;\n    /**\n     * Routes a click that lands between items (a gap, the padding, past the\n     * last row) to the highlighted item, so the highlight and the click agree:\n     * what is lit is what a click hits. A click inside an item is left to the\n     * item. Disabled items (`isItemDisabled`) are never activated.\n     */\n    onClick: (e: React.MouseEvent) => void;\n  };\n  registerItem: (index: number, element: HTMLElement | null) => void;\n  /**\n   * Invalidates the published rects and runs the hook's coalesced measurement\n   * pass again, holding `isMeasured` false until it settles. Reach for it when\n   * the rects may be wrong and showing an overlay against them would misplace\n   * it: a popup that stays mounted between opens keeps its items registered,\n   * so nothing else would notice that its rects were taken while it was\n   * hidden. Registration, item resize, and container resize already trigger\n   * a pass; do not call this on `children` changes.\n   */\n  remeasure: () => void;\n  /**\n   * Re-reads the rects synchronously, keeping `isMeasured` as it is. Only for\n   * layout that moves the rows under a visible overlay frame by frame (the\n   * accordion re-measures inside its height animation). Everything else\n   * wants `remeasure`, or nothing.\n   */\n  measureItems: () => void;\n}\n\nexport interface PickNearestInput {\n  axis: 'x' | 'y' | 'xy';\n  /** The pointer, in viewport coordinates. */\n  point: { x: number; y: number };\n  /** Item rects in the container's layout space (sparse: unregistered slots\n   *  are undefined). */\n  rects: readonly (ItemRect | undefined)[];\n  /** The container's bounding rect and live scroll / border offsets, which\n   *  map layout rects into the pointer's viewport space. */\n  containerRect: { left: number; top: number; width: number; height: number };\n  scroll: { x: number; y: number };\n  border: { x: number; y: number };\n  /** Layout size of the container, so a cumulative ancestor `transform:\n   *  scale` (a popup mid scale-in) can be factored out per axis. */\n  layoutSize: { width: number; height: number };\n  /** Skips an item without unregistering it. */\n  isDisabled?: (index: number) => boolean;\n}\n\nfunction isOverDisabledItem(\n  items: Iterable<HTMLElement>,\n  point: { clientX: number; clientY: number },\n  isItemDisabled: ((element: HTMLElement) => boolean) | undefined,\n) {\n  for (const element of items) {\n    if (!isItemDisabled?.(element)) continue;\n    const r = element.getBoundingClientRect();\n    if (point.clientX >= r.left && point.clientX <= r.right && point.clientY >= r.top && point.clientY <= r.bottom) {\n      return true;\n    }\n  }\n  return false;\n}\n\n/**\n * The rule, as one pure function: an item the pointer is inside wins;\n * otherwise the item whose center is nearest does, so a pointer in a gap, in\n * the padding, or past the last row still lands. `y` and `x` measure one\n * coordinate; `xy` measures the straight line to each center. Ties keep the\n * first item. The hook calls this once per animation frame; the docs page\n * times it.\n */\nexport function pickNearest({\n  axis,\n  point,\n  rects,\n  containerRect,\n  scroll,\n  border,\n  layoutSize,\n  isDisabled,\n}: PickNearestInput): number | null {\n  const scaleX = layoutSize.width > 0 ? containerRect.width / layoutSize.width : 1;\n  const scaleY = layoutSize.height > 0 ? containerRect.height / layoutSize.height : 1;\n  let closestIndex: number | null = null;\n  let closestDistance = Infinity;\n  let containingIndex: number | null = null;\n\n  for (let index = 0; index < rects.length; index++) {\n    const r = rects[index];\n    if (!r) continue;\n    if (isDisabled?.(index)) continue;\n\n    if (axis === 'xy') {\n      const left = containerRect.left + (border.x + r.left - scroll.x) * scaleX;\n      const top = containerRect.top + (border.y + r.top - scroll.y) * scaleY;\n      const width = r.width * scaleX;\n      const height = r.height * scaleY;\n      if (point.x >= left && point.x <= left + width && point.y >= top && point.y <= top + height) {\n        containingIndex = index;\n      }\n      const distance = Math.hypot(point.x - (left + width / 2), point.y - (top + height / 2));\n      if (distance < closestDistance) {\n        closestDistance = distance;\n        closestIndex = index;\n      }\n      continue;\n    }\n\n    const horizontal = axis === 'x';\n    const mousePos = horizontal ? point.x : point.y;\n    const scale = horizontal ? scaleX : scaleY;\n    const itemStart =\n      (horizontal ? containerRect.left : containerRect.top) +\n      ((horizontal ? border.x : border.y) + (horizontal ? r.left : r.top) - (horizontal ? scroll.x : scroll.y)) * scale;\n    const itemSize = (horizontal ? r.width : r.height) * scale;\n    if (mousePos >= itemStart && mousePos <= itemStart + itemSize) {\n      containingIndex = index;\n    }\n    const distance = Math.abs(mousePos - (itemStart + itemSize / 2));\n    if (distance < closestDistance) {\n      closestDistance = distance;\n      closestIndex = index;\n    }\n  }\n\n  return containingIndex ?? closestIndex;\n}\n\n/** Set on the highlighted item (boolean attribute). */\nexport const ACTIVE_ATTR = 'data-fluid-hover-active';\n/** Set on the container: the highlighted index, or absent. */\nexport const ACTIVE_INDEX_ATTR = 'data-fluid-hover-active-index';\n\n/** False for an event bubbled through React from a portal outside the container, and for a detached target. */\nfunction isFromInside(e: React.SyntheticEvent) {\n  return e.target instanceof Node && e.currentTarget.contains(e.target);\n}\n\nconst ACTIVATOR_SELECTOR =\n  \"a[href], button, [role='menuitem'], [role='menuitemradio'], [role='menuitemcheckbox'], [role='option'], [role='radio'], [role='checkbox'], [role='tab'], [role='link'], [role='button']\";\n\n/**\n * The element a routed click should land on. A registered item is usually\n * the interactive row itself; when it is only a box around one (a sidebar\n * row around its button, a card around its link), the first control inside\n * is what a real click on the row would have reached.\n */\nfunction resolveActivator(element: HTMLElement): HTMLElement {\n  if (element.matches(ACTIVATOR_SELECTOR) || element.hasAttribute('tabindex')) {\n    return element;\n  }\n  return element.querySelector<HTMLElement>(ACTIVATOR_SELECTOR) ?? element;\n}\n\n/**\n * How many frames the coalesced remeasure retries while the registered items\n * still have no layout box. A popup can be in the DOM one frame before it is\n * laid out; retrying beats publishing zeroed rects, and the cap keeps a list\n * that stays hidden for good from spinning frames forever.\n */\nconst measurementAttempts = 3;\n\nconst CONTROL_BETWEEN_ROWS =\n  \"input, textarea, select, button, a, label, summary, [contenteditable], [role='textbox'], [role='searchbox'], [role='button'], [role='link'], [role='radio'], [role='checkbox'], [role='switch'], [role='slider'], [role='spinbutton'], [role='tab'], [role='radiogroup'], [role='tablist'], [role='toolbar']\";\n\nexport function useFluidHover<T extends HTMLElement>(\n  containerRef: RefObject<T | null>,\n  options: UseFluidHoverOptions = {},\n): UseFluidHoverReturn {\n  const { axis = 'y', isItemDisabled, gapClick = true } = options;\n  const gapClickMaxDistance = typeof gapClick === 'object' ? (gapClick.maxDistance ?? Infinity) : Infinity;\n  const itemsRef = useRef(new Map<number, HTMLElement>());\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  // Mirrored for handlers that read it outside a render (the gap click).\n  const activeIndexRef = useRef<number | null>(null);\n  activeIndexRef.current = activeIndex;\n\n  // The state, in the DOM: `data-fluid-hover-active` on the highlighted item\n  // and `data-fluid-hover-active-index` on the container. Devtools shows it\n  // and a test asserts on it without waiting for a frame. React does not\n  // manage these attributes, so it never clobbers them.\n  useEffect(() => {\n    const container = containerRef.current;\n    if (activeIndex === null) container?.removeAttribute(ACTIVE_INDEX_ATTR);\n    else container?.setAttribute(ACTIVE_INDEX_ATTR, String(activeIndex));\n    const active = activeIndex === null ? undefined : itemsRef.current.get(activeIndex);\n    active?.setAttribute(ACTIVE_ATTR, '');\n    return () => {\n      active?.removeAttribute(ACTIVE_ATTR);\n      // A row that re-registered under this index while it was highlighted\n      // (a remount under a new key) was marked by registerItem, not by this\n      // effect: drop the mark from whatever element holds the index now.\n      // eslint-disable-next-line react-hooks/exhaustive-deps -- itemsRef is a registry Map, reading it at cleanup is the point\n      if (activeIndex !== null) itemsRef.current.get(activeIndex)?.removeAttribute(ACTIVE_ATTR);\n    };\n  }, [activeIndex, containerRef]);\n  const [itemRects, setItemRects] = useState<ItemRect[]>([]);\n  const [isMeasured, setIsMeasured] = useState(false);\n  const itemRectsRef = useRef<ItemRect[]>([]);\n  const rafIdRef = useRef<number | null>(null);\n  const remeasureRafIdRef = useRef<number | null>(null);\n\n  /**\n   * Publishes a rect for every registered item. Returns false when the\n   * measurement could not be completed (no container, or an item without a\n   * layout box) — nothing is published in that case, so the last complete\n   * measurement stands instead of being overwritten with zeroes.\n   */\n  const runMeasurement = useCallback(() => {\n    const container = containerRef.current;\n    if (!container) return false;\n    const rects: ItemRect[] = [];\n    let everyItemHasLayout = true;\n    itemsRef.current.forEach((element, index) => {\n      // An element inside a display:none / not-yet-laid-out popup has no\n      // offsetParent and reports every offset as 0. Publishing that would pin\n      // overlays to the top of the list, so treat the whole pass as\n      // incomplete. A boxless element is the only case: `position: fixed`\n      // items also have no offsetParent but do have a size.\n      const hasLayoutBox = element.offsetParent !== null || element.offsetWidth > 0 || element.offsetHeight > 0;\n      if (!hasLayoutBox) {\n        everyItemHasLayout = false;\n        return;\n      }\n      // Use offset* instead of getBoundingClientRect so measurements are\n      // unaffected by CSS transforms (e.g. scaleY animation on the parent\n      // motion.div). offsetTop/offsetLeft are layout values relative to the\n      // offsetParent (the scroll container), matching the coordinate space\n      // used by `position: absolute` children. Items nested inside positioned\n      // descendants of the container (a sidebar sub-menu's rows live inside a\n      // positioned row) accumulate those ancestors' offsets, so every rect\n      // lands in the container's own coordinate space; for a flat list the\n      // loop never runs and this is exactly the plain offsetTop/offsetLeft.\n      let top = element.offsetTop;\n      let left = element.offsetLeft;\n      let ancestor = element.offsetParent;\n      while (ancestor instanceof HTMLElement && ancestor !== container && container.contains(ancestor)) {\n        top += ancestor.offsetTop + ancestor.clientTop;\n        left += ancestor.offsetLeft + ancestor.clientLeft;\n        ancestor = ancestor.offsetParent;\n      }\n      rects[index] = {\n        top,\n        height: element.offsetHeight,\n        left,\n        width: element.offsetWidth,\n      };\n    });\n    if (!everyItemHasLayout) return false;\n    // Skip the state update when nothing moved (a cheap top/left/width/height\n    // compare) so redundant remeasures don't churn re-renders.\n    const prev = itemRectsRef.current;\n    let changed = prev.length !== rects.length;\n    for (let i = 0; !changed && i < rects.length; i++) {\n      const p = prev[i];\n      const r = rects[i];\n      if (p === r) continue; // both undefined (sparse slot)\n      changed = !p || !r || p.top !== r.top || p.left !== r.left || p.width !== r.width || p.height !== r.height;\n    }\n    if (changed) {\n      itemRectsRef.current = rects;\n      setItemRects(rects);\n    }\n    return true;\n  }, [containerRef]);\n\n  const measureItems = useCallback(() => {\n    runMeasurement();\n  }, [runMeasurement]);\n\n  /**\n   * The hook's single measurement pass: coalesces every trigger (item\n   * registration, container resize) into one remeasure on the next frame and\n   * is the only place readiness is reported, so `isMeasured` can never turn\n   * true while another pass is still queued.\n   */\n  const scheduleMeasurement = useCallback(\n    (attemptsLeft: number) => {\n      if (remeasureRafIdRef.current !== null) {\n        cancelAnimationFrame(remeasureRafIdRef.current);\n      }\n      remeasureRafIdRef.current = requestAnimationFrame(() => {\n        remeasureRafIdRef.current = null;\n        if (runMeasurement()) {\n          setIsMeasured(true);\n        } else if (attemptsLeft > 1) {\n          scheduleMeasurement(attemptsLeft - 1);\n        }\n      });\n    },\n    [runMeasurement],\n  );\n\n  const remeasure = useCallback(() => {\n    // Readiness drops first: until the pass below settles, the published rects\n    // may not describe what is on screen, and an overlay positioned from them\n    // would be corrected after mounting — which animates as a slide.\n    setIsMeasured(false);\n    scheduleMeasurement(measurementAttempts);\n  }, [scheduleMeasurement]);\n\n  // Observes the registered items themselves (not just the container): rows\n  // that change size in place — e.g. the site-wide size step flipping while a\n  // selection background is up — must invalidate the published rects even when\n  // the container the effect below captured has since been remounted and the\n  // ref points at a different element than the one being observed.\n  const itemRoRef = useRef<ResizeObserver | null>(null);\n  const getItemRo = useCallback(() => {\n    if (itemRoRef.current === null && typeof ResizeObserver !== 'undefined') {\n      itemRoRef.current = new ResizeObserver(() => scheduleMeasurement(measurementAttempts));\n    }\n    return itemRoRef.current;\n  }, [scheduleMeasurement]);\n\n  const registerItem = useCallback(\n    (index: number, element: HTMLElement | null) => {\n      if (element) {\n        itemsRef.current.set(index, element);\n        getItemRo()?.observe(element);\n        if (index === activeIndexRef.current) element.setAttribute(ACTIVE_ATTR, '');\n      } else {\n        const previous = itemsRef.current.get(index);\n        if (previous) itemRoRef.current?.unobserve(previous);\n        // The mark leaves with the element: a row that only moved to another\n        // index (a filtering list re-ordering) must not carry it there.\n        previous?.removeAttribute(ACTIVE_ATTR);\n        itemsRef.current.delete(index);\n        // The highlighted row is gone: nothing should stay lit or receive a\n        // routed click until the pointer picks again. Decided when the\n        // update applies, after this commit's registrations, so a row that\n        // only moved index hands the highlight to the row now under it.\n        if (index === activeIndexRef.current) {\n          setActiveIndex(current => (current === index && !itemsRef.current.has(index) ? null : current));\n        }\n      }\n      // Coalesce rapid register/unregister calls (e.g. when an AnimatePresence\n      // remounts a list of rows) into a single remeasure on the next frame,\n      // so consumers don't have to manually call measureItems after the\n      // container's children swap. A lit row keeps its element (unregistering\n      // it clears the highlight), so its rect stays good while the pass runs:\n      // dropping readiness then would blink the highlight every time a\n      // virtualized list mounts a row while scrolling.\n      if (activeIndexRef.current === null) remeasure();\n      else scheduleMeasurement(measurementAttempts);\n    },\n    [remeasure, scheduleMeasurement, getItemRo],\n  );\n\n  const handleMouseMove = useCallback(\n    (e: React.MouseEvent) => {\n      if (!isFromInside(e)) return;\n      const mouseX = e.clientX;\n      const mouseY = e.clientY;\n\n      if (rafIdRef.current !== null) {\n        cancelAnimationFrame(rafIdRef.current);\n      }\n\n      rafIdRef.current = requestAnimationFrame(() => {\n        rafIdRef.current = null;\n        const container = containerRef.current;\n        if (!container) return;\n        setActiveIndex(\n          pickNearest({\n            axis,\n            point: { x: mouseX, y: mouseY },\n            rects: itemRectsRef.current,\n            containerRect: container.getBoundingClientRect(),\n            scroll: { x: container.scrollLeft, y: container.scrollTop },\n            border: { x: container.clientLeft, y: container.clientTop },\n            layoutSize: { width: container.offsetWidth, height: container.offsetHeight },\n            isDisabled: isItemDisabled\n              ? index => {\n                  const el = itemsRef.current.get(index);\n                  return !!el && isItemDisabled(el);\n                }\n              : undefined,\n          }),\n        );\n      });\n    },\n    [axis, containerRef, isItemDisabled],\n  );\n\n  const handleMouseLeave = useCallback((e: React.MouseEvent) => {\n    if (!isFromInside(e)) return;\n    if (rafIdRef.current !== null) {\n      cancelAnimationFrame(rafIdRef.current);\n      rafIdRef.current = null;\n    }\n    setActiveIndex(null);\n  }, []);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      // Outside the container in the DOM: a portaled child's click, or a row\n      // that unmounted while its own click was still bubbling (a pick whose\n      // primitive re-renders the list synchronously). Neither is a gap.\n      const { target } = e;\n      if (!(target instanceof Element) || !isFromInside(e)) return;\n      // Inside an item: the item owns the click.\n      for (const element of itemsRef.current.values()) {\n        if (element.contains(target)) return;\n      }\n      // A control that sits between the rows (a search field at the top of\n      // a menu, a footer button, a theme toggle) keeps its own click too.\n      if (target.closest(CONTROL_BETWEEN_ROWS)) return;\n      if (gapClick === false) return;\n      if (isOverDisabledItem(itemsRef.current.values(), e, isItemDisabled)) return;\n      const index = activeIndexRef.current;\n      if (index === null) return;\n      const element = itemsRef.current.get(index);\n      if (!element || isItemDisabled?.(element)) return;\n      if (gapClickMaxDistance !== Infinity) {\n        const r = element.getBoundingClientRect();\n        const dx = Math.max(r.left - e.clientX, 0, e.clientX - r.right);\n        const dy = Math.max(r.top - e.clientY, 0, e.clientY - r.bottom);\n        if (Math.hypot(dx, dy) > gapClickMaxDistance) return;\n      }\n      // A real DOM click on the item, so its own handlers (and the primitive\n      // wrapping it, if any) run exactly as if the pointer had been inside.\n      resolveActivator(element).click();\n    },\n    [isItemDisabled, gapClick, gapClickMaxDistance],\n  );\n\n  // Remeasure when the container resizes — a reflow moves items even though\n  // the registered set is unchanged, which would otherwise leave itemRects\n  // stale. Coalesced through the same rAF as register/unregister. Readiness is\n  // deliberately not dropped: the item set is unchanged, so the published rects\n  // stay usable, and hiding overlays on every reflow would flicker them.\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container || typeof ResizeObserver === 'undefined') return;\n    const ro = new ResizeObserver(() => scheduleMeasurement(measurementAttempts));\n    ro.observe(container);\n    return () => ro.disconnect();\n  }, [containerRef, scheduleMeasurement]);\n\n  // Clean up rAF and the item observer on unmount\n  useEffect(() => {\n    return () => {\n      if (rafIdRef.current !== null) {\n        cancelAnimationFrame(rafIdRef.current);\n      }\n      if (remeasureRafIdRef.current !== null) {\n        cancelAnimationFrame(remeasureRafIdRef.current);\n      }\n      itemRoRef.current?.disconnect();\n      itemRoRef.current = null;\n    };\n  }, []);\n\n  return {\n    activeIndex,\n    setActiveIndex,\n    itemRects,\n    isMeasured,\n    handlers: {\n      onMouseMove: handleMouseMove,\n      onMouseLeave: handleMouseLeave,\n      onClick: handleClick,\n    },\n    registerItem,\n    remeasure,\n    measureItems,\n  };\n}\n\n/**\n * Registers an item's element with its list for as long as it is mounted.\n * The one way rows join a list: pass the hook's `registerItem` (or the copy\n * a context hands down), the row's index, and its ref. Either may be\n * missing for a row rendered outside a list (a standalone card, an accordion\n * item that is not grouped); then nothing is registered.\n */\nexport function useRegisterFluidHoverItem(\n  registerItem: ((index: number, element: HTMLElement | null) => void) | undefined,\n  index: number | undefined,\n  ref: RefObject<HTMLElement | null>,\n) {\n  useEffect(() => {\n    if (!registerItem || index === undefined) return;\n    registerItem(index, ref.current);\n    return () => registerItem(index, null);\n  }, [index, registerItem, ref]);\n}\n"],"names":["distance","element"],"mappings":"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"}
+{"version":3,"file":"use-fluid-hover.es.js","sources":["../../src/hooks/use-fluid-hover.ts"],"sourcesContent":["'use client';\n\nimport { useRef, useState, useCallback, useEffect, type Dispatch, type RefObject, type SetStateAction } from 'react';\n\nexport interface ItemRect {\n  top: number;\n  height: number;\n  left: number;\n  width: number;\n}\n\nexport interface UseFluidHoverOptions {\n  /**\n   * Which direction to resolve the nearest item along.\n   *   \"y\"  — vertical lists (default): closest by top/height\n   *   \"x\"  — horizontal strips: closest by left/width\n   *   \"xy\" — 2-D grids: closest card across both rows AND columns,\n   *          measured by Euclidean distance to each item's center\n   */\n  axis?: 'x' | 'y' | 'xy';\n  /**\n   * Makes an item invisible to hit-testing without unregistering it — for\n   * rows that stay mounted while clipped away (a collapsed sub-tree).\n   * Unregistering would invalidate every measurement; a skipped item keeps\n   * the set stable. Consulted per mouse move, so keep it cheap.\n   */\n  isItemDisabled?: (element: HTMLElement) => boolean;\n  /**\n   * Whether a click that lands between items (a gap, the padding, past the\n   * last row) is routed to the highlighted item, so what is lit is what a\n   * click hits. On by default: in a menu or a list the highlight is a\n   * promise about the click. Pass `false` where empty space should stay\n   * inert (rows with destructive actions, generous whitespace), or\n   * `{ maxDistance }` to route only clicks within that many pixels of the\n   * highlighted item's edge.\n   */\n  gapClick?: boolean | { maxDistance?: number };\n}\n\nexport interface UseFluidHoverReturn {\n  activeIndex: number | null;\n  setActiveIndex: Dispatch<SetStateAction<number | null>>;\n  itemRects: ItemRect[];\n  /**\n   * True once every registered item has been measured and no remeasure is\n   * pending, i.e. `itemRects` describes the current item set. Gate absolutely\n   * positioned overlays on it: an overlay that mounts against a rect a later\n   * pass still corrects animates from the wrong place to the right one, which\n   * reads as the highlight sliding in from another row.\n   */\n  isMeasured: boolean;\n  /**\n   * Events whose target sits outside the container in the DOM are ignored:\n   * React bubbles events from a portaled child (a submenu) through its React\n   * parents, and those must not steer or click this list.\n   */\n  handlers: {\n    onMouseMove: (e: React.MouseEvent) => void;\n    onMouseLeave: (e: React.MouseEvent) => void;\n    /**\n     * Routes a click that lands between items (a gap, the padding, past the\n     * last row) to the highlighted item, so the highlight and the click agree:\n     * what is lit is what a click hits. A click inside an item is left to the\n     * item. Disabled items (`isItemDisabled`) are never activated.\n     */\n    onClick: (e: React.MouseEvent) => void;\n  };\n  registerItem: (index: number, element: HTMLElement | null) => void;\n  /**\n   * Invalidates the published rects and runs the hook's coalesced measurement\n   * pass again, holding `isMeasured` false until it settles. Reach for it when\n   * the rects may be wrong and showing an overlay against them would misplace\n   * it: a popup that stays mounted between opens keeps its items registered,\n   * so nothing else would notice that its rects were taken while it was\n   * hidden. Registration, item resize, and container resize already trigger\n   * a pass; do not call this on `children` changes.\n   */\n  remeasure: () => void;\n  /**\n   * Re-reads the rects synchronously, keeping `isMeasured` as it is. Only for\n   * layout that moves the rows under a visible overlay frame by frame (the\n   * accordion re-measures inside its height animation). Everything else\n   * wants `remeasure`, or nothing.\n   */\n  measureItems: () => void;\n}\n\nexport interface PickNearestInput {\n  axis: 'x' | 'y' | 'xy';\n  /** The pointer, in viewport coordinates. */\n  point: { x: number; y: number };\n  /** Item rects in the container's layout space (sparse: unregistered slots\n   *  are undefined). */\n  rects: readonly (ItemRect | undefined)[];\n  /** The container's bounding rect and live scroll / border offsets, which\n   *  map layout rects into the pointer's viewport space. */\n  containerRect: { left: number; top: number; width: number; height: number };\n  scroll: { x: number; y: number };\n  border: { x: number; y: number };\n  /** Layout size of the container, so a cumulative ancestor `transform:\n   *  scale` (a popup mid scale-in) can be factored out per axis. */\n  layoutSize: { width: number; height: number };\n  /** Skips an item without unregistering it. */\n  isDisabled?: (index: number) => boolean;\n  /** Resolves nothing once the pointer leaves the span from the first item to the last. */\n  onlyBetweenItems?: boolean;\n}\n\ninterface ViewportBox {\n  left: number;\n  top: number;\n  right: number;\n  bottom: number;\n}\n\nfunction boxContains(box: ViewportBox, point: { x: number; y: number }, axis: PickNearestInput['axis']) {\n  const insideX = point.x >= box.left && point.x <= box.right;\n  const insideY = point.y >= box.top && point.y <= box.bottom;\n  if (axis === 'x') return insideX;\n  if (axis === 'y') return insideY;\n  return insideX && insideY;\n}\n\nfunction distanceToCenter(box: ViewportBox, point: { x: number; y: number }, axis: PickNearestInput['axis']) {\n  const dx = point.x - (box.left + box.right) / 2;\n  const dy = point.y - (box.top + box.bottom) / 2;\n  if (axis === 'x') return Math.abs(dx);\n  if (axis === 'y') return Math.abs(dy);\n  return Math.hypot(dx, dy);\n}\n\nfunction isOverDisabledItem(\n  items: Iterable<HTMLElement>,\n  point: { clientX: number; clientY: number },\n  isItemDisabled: ((element: HTMLElement) => boolean) | undefined,\n) {\n  for (const element of items) {\n    if (!isItemDisabled?.(element)) continue;\n    const r = element.getBoundingClientRect();\n    if (point.clientX >= r.left && point.clientX <= r.right && point.clientY >= r.top && point.clientY <= r.bottom) {\n      return true;\n    }\n  }\n  return false;\n}\n\n/**\n * The rule, as one pure function: an item the pointer is inside wins;\n * otherwise the item whose center is nearest does, so a pointer in a gap, in\n * the padding, or past the last row still lands. `y` and `x` measure one\n * coordinate; `xy` measures the straight line to each center. Ties keep the\n * first item. The hook calls this once per animation frame; the docs page\n * times it.\n */\nexport function pickNearest({\n  axis,\n  point,\n  rects,\n  containerRect,\n  scroll,\n  border,\n  layoutSize,\n  isDisabled,\n  onlyBetweenItems = false,\n}: PickNearestInput): number | null {\n  const scaleX = layoutSize.width > 0 ? containerRect.width / layoutSize.width : 1;\n  const scaleY = layoutSize.height > 0 ? containerRect.height / layoutSize.height : 1;\n  let closestIndex: number | null = null;\n  let closestDistance = Infinity;\n  let containingIndex: number | null = null;\n  const itemSpan: ViewportBox = { left: Infinity, top: Infinity, right: -Infinity, bottom: -Infinity };\n\n  for (let index = 0; index < rects.length; index++) {\n    const r = rects[index];\n    if (!r) continue;\n    if (isDisabled?.(index)) continue;\n\n    const left = containerRect.left + (border.x + r.left - scroll.x) * scaleX;\n    const top = containerRect.top + (border.y + r.top - scroll.y) * scaleY;\n    const box: ViewportBox = { left, top, right: left + r.width * scaleX, bottom: top + r.height * scaleY };\n    itemSpan.left = Math.min(itemSpan.left, box.left);\n    itemSpan.top = Math.min(itemSpan.top, box.top);\n    itemSpan.right = Math.max(itemSpan.right, box.right);\n    itemSpan.bottom = Math.max(itemSpan.bottom, box.bottom);\n\n    if (boxContains(box, point, axis)) containingIndex = index;\n    const distance = distanceToCenter(box, point, axis);\n    if (distance < closestDistance) {\n      closestDistance = distance;\n      closestIndex = index;\n    }\n  }\n\n  if (onlyBetweenItems && !boxContains(itemSpan, point, axis)) return null;\n  return containingIndex ?? closestIndex;\n}\n\n/** Set on the highlighted item (boolean attribute). */\nexport const ACTIVE_ATTR = 'data-fluid-hover-active';\n/** Set on the container: the highlighted index, or absent. */\nexport const ACTIVE_INDEX_ATTR = 'data-fluid-hover-active-index';\n/** Marks an element whose items form their own hover group: the highlight stays between that group's items. */\nexport const GROUP_ATTR = 'data-fluid-hover-group';\nconst GROUP_SELECTOR = `[${GROUP_ATTR}]`;\n\n/** False for an event bubbled through React from a portal outside the container, and for a detached target. */\nfunction isFromInside(e: React.SyntheticEvent) {\n  return e.target instanceof Node && e.currentTarget.contains(e.target);\n}\n\nconst ACTIVATOR_SELECTOR =\n  \"a[href], button, [role='menuitem'], [role='menuitemradio'], [role='menuitemcheckbox'], [role='option'], [role='radio'], [role='checkbox'], [role='tab'], [role='link'], [role='button']\";\n\n/**\n * The element a routed click should land on. A registered item is usually\n * the interactive row itself; when it is only a box around one (a sidebar\n * row around its button, a card around its link), the first control inside\n * is what a real click on the row would have reached.\n */\nfunction resolveActivator(element: HTMLElement): HTMLElement {\n  if (element.matches(ACTIVATOR_SELECTOR) || element.hasAttribute('tabindex')) {\n    return element;\n  }\n  return element.querySelector<HTMLElement>(ACTIVATOR_SELECTOR) ?? element;\n}\n\n/**\n * How many frames the coalesced remeasure retries while the registered items\n * still have no layout box. A popup can be in the DOM one frame before it is\n * laid out; retrying beats publishing zeroed rects, and the cap keeps a list\n * that stays hidden for good from spinning frames forever.\n */\nconst measurementAttempts = 3;\n\nconst CONTROL_BETWEEN_ROWS =\n  \"input, textarea, select, button, a, label, summary, [contenteditable], [role='textbox'], [role='searchbox'], [role='button'], [role='link'], [role='radio'], [role='checkbox'], [role='switch'], [role='slider'], [role='spinbutton'], [role='tab'], [role='radiogroup'], [role='tablist'], [role='toolbar']\";\n\nexport function useFluidHover<T extends HTMLElement>(\n  containerRef: RefObject<T | null>,\n  options: UseFluidHoverOptions = {},\n): UseFluidHoverReturn {\n  const { axis = 'y', isItemDisabled, gapClick = true } = options;\n  const gapClickMaxDistance = typeof gapClick === 'object' ? (gapClick.maxDistance ?? Infinity) : Infinity;\n  const itemsRef = useRef(new Map<number, HTMLElement>());\n  const itemGroupsRef = useRef(new Map<number, Element | null>());\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  // Mirrored for handlers that read it outside a render (the gap click).\n  const activeIndexRef = useRef<number | null>(null);\n  activeIndexRef.current = activeIndex;\n\n  // The state, in the DOM: `data-fluid-hover-active` on the highlighted item\n  // and `data-fluid-hover-active-index` on the container. Devtools shows it\n  // and a test asserts on it without waiting for a frame. React does not\n  // manage these attributes, so it never clobbers them.\n  useEffect(() => {\n    const container = containerRef.current;\n    if (activeIndex === null) container?.removeAttribute(ACTIVE_INDEX_ATTR);\n    else container?.setAttribute(ACTIVE_INDEX_ATTR, String(activeIndex));\n    const active = activeIndex === null ? undefined : itemsRef.current.get(activeIndex);\n    active?.setAttribute(ACTIVE_ATTR, '');\n    return () => {\n      active?.removeAttribute(ACTIVE_ATTR);\n      // A row that re-registered under this index while it was highlighted\n      // (a remount under a new key) was marked by registerItem, not by this\n      // effect: drop the mark from whatever element holds the index now.\n      // eslint-disable-next-line react-hooks/exhaustive-deps -- itemsRef is a registry Map, reading it at cleanup is the point\n      if (activeIndex !== null) itemsRef.current.get(activeIndex)?.removeAttribute(ACTIVE_ATTR);\n    };\n  }, [activeIndex, containerRef]);\n  const [itemRects, setItemRects] = useState<ItemRect[]>([]);\n  const [isMeasured, setIsMeasured] = useState(false);\n  const itemRectsRef = useRef<ItemRect[]>([]);\n  const rafIdRef = useRef<number | null>(null);\n  const remeasureRafIdRef = useRef<number | null>(null);\n\n  /**\n   * Publishes a rect for every registered item. Returns false when the\n   * measurement could not be completed (no container, or an item without a\n   * layout box) — nothing is published in that case, so the last complete\n   * measurement stands instead of being overwritten with zeroes.\n   */\n  const runMeasurement = useCallback(() => {\n    const container = containerRef.current;\n    if (!container) return false;\n    const rects: ItemRect[] = [];\n    let everyItemHasLayout = true;\n    itemsRef.current.forEach((element, index) => {\n      // An element inside a display:none / not-yet-laid-out popup has no\n      // offsetParent and reports every offset as 0. Publishing that would pin\n      // overlays to the top of the list, so treat the whole pass as\n      // incomplete. A boxless element is the only case: `position: fixed`\n      // items also have no offsetParent but do have a size.\n      const hasLayoutBox = element.offsetParent !== null || element.offsetWidth > 0 || element.offsetHeight > 0;\n      if (!hasLayoutBox) {\n        everyItemHasLayout = false;\n        return;\n      }\n      // Use offset* instead of getBoundingClientRect so measurements are\n      // unaffected by CSS transforms (e.g. scaleY animation on the parent\n      // motion.div). offsetTop/offsetLeft are layout values relative to the\n      // offsetParent (the scroll container), matching the coordinate space\n      // used by `position: absolute` children. Items nested inside positioned\n      // descendants of the container (a sidebar sub-menu's rows live inside a\n      // positioned row) accumulate those ancestors' offsets, so every rect\n      // lands in the container's own coordinate space; for a flat list the\n      // loop never runs and this is exactly the plain offsetTop/offsetLeft.\n      let top = element.offsetTop;\n      let left = element.offsetLeft;\n      let ancestor = element.offsetParent;\n      while (ancestor instanceof HTMLElement && ancestor !== container && container.contains(ancestor)) {\n        top += ancestor.offsetTop + ancestor.clientTop;\n        left += ancestor.offsetLeft + ancestor.clientLeft;\n        ancestor = ancestor.offsetParent;\n      }\n      rects[index] = {\n        top,\n        height: element.offsetHeight,\n        left,\n        width: element.offsetWidth,\n      };\n    });\n    if (!everyItemHasLayout) return false;\n    // Skip the state update when nothing moved (a cheap top/left/width/height\n    // compare) so redundant remeasures don't churn re-renders.\n    const prev = itemRectsRef.current;\n    let changed = prev.length !== rects.length;\n    for (let i = 0; !changed && i < rects.length; i++) {\n      const p = prev[i];\n      const r = rects[i];\n      if (p === r) continue; // both undefined (sparse slot)\n      changed = !p || !r || p.top !== r.top || p.left !== r.left || p.width !== r.width || p.height !== r.height;\n    }\n    if (changed) {\n      itemRectsRef.current = rects;\n      setItemRects(rects);\n    }\n    return true;\n  }, [containerRef]);\n\n  const measureItems = useCallback(() => {\n    runMeasurement();\n  }, [runMeasurement]);\n\n  /**\n   * The hook's single measurement pass: coalesces every trigger (item\n   * registration, container resize) into one remeasure on the next frame and\n   * is the only place readiness is reported, so `isMeasured` can never turn\n   * true while another pass is still queued.\n   */\n  const scheduleMeasurement = useCallback(\n    (attemptsLeft: number) => {\n      if (remeasureRafIdRef.current !== null) {\n        cancelAnimationFrame(remeasureRafIdRef.current);\n      }\n      remeasureRafIdRef.current = requestAnimationFrame(() => {\n        remeasureRafIdRef.current = null;\n        if (runMeasurement()) {\n          setIsMeasured(true);\n        } else if (attemptsLeft > 1) {\n          scheduleMeasurement(attemptsLeft - 1);\n        }\n      });\n    },\n    [runMeasurement],\n  );\n\n  const remeasure = useCallback(() => {\n    // Readiness drops first: until the pass below settles, the published rects\n    // may not describe what is on screen, and an overlay positioned from them\n    // would be corrected after mounting — which animates as a slide.\n    setIsMeasured(false);\n    scheduleMeasurement(measurementAttempts);\n  }, [scheduleMeasurement]);\n\n  // Observes the registered items themselves (not just the container): rows\n  // that change size in place — e.g. the site-wide size step flipping while a\n  // selection background is up — must invalidate the published rects even when\n  // the container the effect below captured has since been remounted and the\n  // ref points at a different element than the one being observed.\n  const itemRoRef = useRef<ResizeObserver | null>(null);\n  const getItemRo = useCallback(() => {\n    if (itemRoRef.current === null && typeof ResizeObserver !== 'undefined') {\n      itemRoRef.current = new ResizeObserver(() => scheduleMeasurement(measurementAttempts));\n    }\n    return itemRoRef.current;\n  }, [scheduleMeasurement]);\n\n  const registerItem = useCallback(\n    (index: number, element: HTMLElement | null) => {\n      if (element) {\n        itemsRef.current.set(index, element);\n        itemGroupsRef.current.set(index, element.closest(GROUP_SELECTOR));\n        getItemRo()?.observe(element);\n        if (index === activeIndexRef.current) element.setAttribute(ACTIVE_ATTR, '');\n      } else {\n        const previous = itemsRef.current.get(index);\n        if (previous) itemRoRef.current?.unobserve(previous);\n        // The mark leaves with the element: a row that only moved to another\n        // index (a filtering list re-ordering) must not carry it there.\n        previous?.removeAttribute(ACTIVE_ATTR);\n        itemsRef.current.delete(index);\n        itemGroupsRef.current.delete(index);\n        // The highlighted row is gone: nothing should stay lit or receive a\n        // routed click until the pointer picks again. Decided when the\n        // update applies, after this commit's registrations, so a row that\n        // only moved index hands the highlight to the row now under it.\n        if (index === activeIndexRef.current) {\n          setActiveIndex(current => (current === index && !itemsRef.current.has(index) ? null : current));\n        }\n      }\n      // Coalesce rapid register/unregister calls (e.g. when an AnimatePresence\n      // remounts a list of rows) into a single remeasure on the next frame,\n      // so consumers don't have to manually call measureItems after the\n      // container's children swap. A lit row keeps its element (unregistering\n      // it clears the highlight), so its rect stays good while the pass runs:\n      // dropping readiness then would blink the highlight every time a\n      // virtualized list mounts a row while scrolling.\n      if (activeIndexRef.current === null) remeasure();\n      else scheduleMeasurement(measurementAttempts);\n    },\n    [remeasure, scheduleMeasurement, getItemRo],\n  );\n\n  const handleMouseMove = useCallback(\n    (e: React.MouseEvent) => {\n      if (!isFromInside(e) || !(e.target instanceof Element)) return;\n      const pointerTarget = e.target;\n      const mouseX = e.clientX;\n      const mouseY = e.clientY;\n\n      if (rafIdRef.current !== null) {\n        cancelAnimationFrame(rafIdRef.current);\n      }\n\n      rafIdRef.current = requestAnimationFrame(() => {\n        rafIdRef.current = null;\n        const container = containerRef.current;\n        if (!container) return;\n        const enclosingGroup = container.closest(GROUP_SELECTOR);\n        const groupInside = (group: Element | null | undefined) => (group === enclosingGroup ? null : group);\n        const pointerGroup = groupInside(pointerTarget.closest(GROUP_SELECTOR));\n        setActiveIndex(\n          pickNearest({\n            axis,\n            point: { x: mouseX, y: mouseY },\n            rects: itemRectsRef.current,\n            containerRect: container.getBoundingClientRect(),\n            scroll: { x: container.scrollLeft, y: container.scrollTop },\n            border: { x: container.clientLeft, y: container.clientTop },\n            layoutSize: { width: container.offsetWidth, height: container.offsetHeight },\n            isDisabled: index => {\n              if (groupInside(itemGroupsRef.current.get(index)) !== pointerGroup) return true;\n              const element = itemsRef.current.get(index);\n              return !!element && !!isItemDisabled?.(element);\n            },\n            onlyBetweenItems: pointerGroup !== null,\n          }),\n        );\n      });\n    },\n    [axis, containerRef, isItemDisabled],\n  );\n\n  const handleMouseLeave = useCallback((e: React.MouseEvent) => {\n    if (!isFromInside(e)) return;\n    if (rafIdRef.current !== null) {\n      cancelAnimationFrame(rafIdRef.current);\n      rafIdRef.current = null;\n    }\n    setActiveIndex(null);\n  }, []);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      // Outside the container in the DOM: a portaled child's click, or a row\n      // that unmounted while its own click was still bubbling (a pick whose\n      // primitive re-renders the list synchronously). Neither is a gap.\n      const { target } = e;\n      if (!(target instanceof Element) || !isFromInside(e)) return;\n      // Inside an item: the item owns the click.\n      for (const element of itemsRef.current.values()) {\n        if (element.contains(target)) return;\n      }\n      // A control that sits between the rows (a search field at the top of\n      // a menu, a footer button, a theme toggle) keeps its own click too.\n      if (target.closest(CONTROL_BETWEEN_ROWS)) return;\n      if (gapClick === false) return;\n      if (isOverDisabledItem(itemsRef.current.values(), e, isItemDisabled)) return;\n      const index = activeIndexRef.current;\n      if (index === null) return;\n      const element = itemsRef.current.get(index);\n      if (!element || isItemDisabled?.(element)) return;\n      if (gapClickMaxDistance !== Infinity) {\n        const r = element.getBoundingClientRect();\n        const dx = Math.max(r.left - e.clientX, 0, e.clientX - r.right);\n        const dy = Math.max(r.top - e.clientY, 0, e.clientY - r.bottom);\n        if (Math.hypot(dx, dy) > gapClickMaxDistance) return;\n      }\n      // A real DOM click on the item, so its own handlers (and the primitive\n      // wrapping it, if any) run exactly as if the pointer had been inside.\n      resolveActivator(element).click();\n    },\n    [isItemDisabled, gapClick, gapClickMaxDistance],\n  );\n\n  // Remeasure when the container resizes — a reflow moves items even though\n  // the registered set is unchanged, which would otherwise leave itemRects\n  // stale. Coalesced through the same rAF as register/unregister. Readiness is\n  // deliberately not dropped: the item set is unchanged, so the published rects\n  // stay usable, and hiding overlays on every reflow would flicker them.\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container || typeof ResizeObserver === 'undefined') return;\n    const ro = new ResizeObserver(() => scheduleMeasurement(measurementAttempts));\n    ro.observe(container);\n    return () => ro.disconnect();\n  }, [containerRef, scheduleMeasurement]);\n\n  // Clean up rAF and the item observer on unmount\n  useEffect(() => {\n    return () => {\n      if (rafIdRef.current !== null) {\n        cancelAnimationFrame(rafIdRef.current);\n      }\n      if (remeasureRafIdRef.current !== null) {\n        cancelAnimationFrame(remeasureRafIdRef.current);\n      }\n      itemRoRef.current?.disconnect();\n      itemRoRef.current = null;\n    };\n  }, []);\n\n  return {\n    activeIndex,\n    setActiveIndex,\n    itemRects,\n    isMeasured,\n    handlers: {\n      onMouseMove: handleMouseMove,\n      onMouseLeave: handleMouseLeave,\n      onClick: handleClick,\n    },\n    registerItem,\n    remeasure,\n    measureItems,\n  };\n}\n\n/**\n * Registers an item's element with its list for as long as it is mounted.\n * The one way rows join a list: pass the hook's `registerItem` (or the copy\n * a context hands down), the row's index, and its ref. Either may be\n * missing for a row rendered outside a list (a standalone card, an accordion\n * item that is not grouped); then nothing is registered.\n */\nexport function useRegisterFluidHoverItem(\n  registerItem: ((index: number, element: HTMLElement | null) => void) | undefined,\n  index: number | undefined,\n  ref: RefObject<HTMLElement | null>,\n) {\n  useEffect(() => {\n    if (!registerItem || index === undefined) return;\n    registerItem(index, ref.current);\n    return () => registerItem(index, null);\n  }, [index, registerItem, ref]);\n}\n"],"names":["element"],"mappings":"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"}

package/dist/hooks/use-is-mobile.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-is-mobile.cjs.js","sources":["../../src/hooks/use-is-mobile.ts"],"sourcesContent":["import { useLayoutEffect, useMemo, useState } from 'react';\n\n// Default breakpoint 1024 matches MainSidebar's mobile breakpoint.\nexport const useIsMobile = (breakpoint: number = 1024) => {\n  const query = useMemo(() => `(max-width: ${breakpoint - 1}px)`, [breakpoint]);\n  const [isMobile, setIsMobile] = useState(false);\n\n  useLayoutEffect(() => {\n    const mq = window.matchMedia(query);\n    const update = () => setIsMobile(mq.matches);\n\n    update();\n    mq.addEventListener('change', update);\n    return () => mq.removeEventListener('change', update);\n  }, [query]);\n\n  return isMobile;\n};\n"],"names":["useMemo","useState","useLayoutEffect"],"mappings":";;;;;;AAGO,MAAM,WAAA,GAAc,CAAC,UAAA,GAAqB,IAAA,KAAS;AACxD,EAAA,MAAM,KAAA,GAAQA,cAAQ,MAAM,CAAA,YAAA,EAAe,aAAa,CAAC,CAAA,GAAA,CAAA,EAAO,CAAC,UAAU,CAAC,CAAA;AAC5E,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIC,eAAS,KAAK,CAAA;AAE9C,EAAAC,qBAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,EAAA,GAAK,MAAA,CAAO,UAAA,CAAW,KAAK,CAAA;AAClC,IAAA,MAAM,MAAA,GAAS,MAAM,WAAA,CAAY,EAAA,CAAG,OAAO,CAAA;AAE3C,IAAA,MAAA,EAAO;AACP,IAAA,EAAA,CAAG,gBAAA,CAAiB,UAAU,MAAM,CAAA;AACpC,IAAA,OAAO,MAAM,EAAA,CAAG,mBAAA,CAAoB,QAAA,EAAU,MAAM,CAAA;AAAA,EACtD,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,OAAO,QAAA;AACT;;;;"}
+{"version":3,"file":"use-is-mobile.cjs.js","sources":["../../src/hooks/use-is-mobile.ts"],"sourcesContent":["import { useLayoutEffect, useMemo, useState } from 'react';\n\n// Default breakpoint 1024 matches Sidebar's mobile breakpoint.\nexport const useIsMobile = (breakpoint: number = 1024) => {\n  const query = useMemo(() => `(max-width: ${breakpoint - 1}px)`, [breakpoint]);\n  const [isMobile, setIsMobile] = useState(false);\n\n  useLayoutEffect(() => {\n    const mq = window.matchMedia(query);\n    const update = () => setIsMobile(mq.matches);\n\n    update();\n    mq.addEventListener('change', update);\n    return () => mq.removeEventListener('change', update);\n  }, [query]);\n\n  return isMobile;\n};\n"],"names":["useMemo","useState","useLayoutEffect"],"mappings":";;;;;;AAGO,MAAM,WAAA,GAAc,CAAC,UAAA,GAAqB,IAAA,KAAS;AACxD,EAAA,MAAM,KAAA,GAAQA,cAAQ,MAAM,CAAA,YAAA,EAAe,aAAa,CAAC,CAAA,GAAA,CAAA,EAAO,CAAC,UAAU,CAAC,CAAA;AAC5E,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIC,eAAS,KAAK,CAAA;AAE9C,EAAAC,qBAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,EAAA,GAAK,MAAA,CAAO,UAAA,CAAW,KAAK,CAAA;AAClC,IAAA,MAAM,MAAA,GAAS,MAAM,WAAA,CAAY,EAAA,CAAG,OAAO,CAAA;AAE3C,IAAA,MAAA,EAAO;AACP,IAAA,EAAA,CAAG,gBAAA,CAAiB,UAAU,MAAM,CAAA;AACpC,IAAA,OAAO,MAAM,EAAA,CAAG,mBAAA,CAAoB,QAAA,EAAU,MAAM,CAAA;AAAA,EACtD,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,OAAO,QAAA;AACT;;;;"}

package/dist/hooks/use-is-mobile.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-is-mobile.es.js","sources":["../../src/hooks/use-is-mobile.ts"],"sourcesContent":["import { useLayoutEffect, useMemo, useState } from 'react';\n\n// Default breakpoint 1024 matches MainSidebar's mobile breakpoint.\nexport const useIsMobile = (breakpoint: number = 1024) => {\n  const query = useMemo(() => `(max-width: ${breakpoint - 1}px)`, [breakpoint]);\n  const [isMobile, setIsMobile] = useState(false);\n\n  useLayoutEffect(() => {\n    const mq = window.matchMedia(query);\n    const update = () => setIsMobile(mq.matches);\n\n    update();\n    mq.addEventListener('change', update);\n    return () => mq.removeEventListener('change', update);\n  }, [query]);\n\n  return isMobile;\n};\n"],"names":[],"mappings":";;AAGO,MAAM,WAAA,GAAc,CAAC,UAAA,GAAqB,IAAA,KAAS;AACxD,EAAA,MAAM,KAAA,GAAQ,QAAQ,MAAM,CAAA,YAAA,EAAe,aAAa,CAAC,CAAA,GAAA,CAAA,EAAO,CAAC,UAAU,CAAC,CAAA;AAC5E,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAE9C,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,EAAA,GAAK,MAAA,CAAO,UAAA,CAAW,KAAK,CAAA;AAClC,IAAA,MAAM,MAAA,GAAS,MAAM,WAAA,CAAY,EAAA,CAAG,OAAO,CAAA;AAE3C,IAAA,MAAA,EAAO;AACP,IAAA,EAAA,CAAG,gBAAA,CAAiB,UAAU,MAAM,CAAA;AACpC,IAAA,OAAO,MAAM,EAAA,CAAG,mBAAA,CAAoB,QAAA,EAAU,MAAM,CAAA;AAAA,EACtD,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,OAAO,QAAA;AACT;;;;"}
+{"version":3,"file":"use-is-mobile.es.js","sources":["../../src/hooks/use-is-mobile.ts"],"sourcesContent":["import { useLayoutEffect, useMemo, useState } from 'react';\n\n// Default breakpoint 1024 matches Sidebar's mobile breakpoint.\nexport const useIsMobile = (breakpoint: number = 1024) => {\n  const query = useMemo(() => `(max-width: ${breakpoint - 1}px)`, [breakpoint]);\n  const [isMobile, setIsMobile] = useState(false);\n\n  useLayoutEffect(() => {\n    const mq = window.matchMedia(query);\n    const update = () => setIsMobile(mq.matches);\n\n    update();\n    mq.addEventListener('change', update);\n    return () => mq.removeEventListener('change', update);\n  }, [query]);\n\n  return isMobile;\n};\n"],"names":[],"mappings":";;AAGO,MAAM,WAAA,GAAc,CAAC,UAAA,GAAqB,IAAA,KAAS;AACxD,EAAA,MAAM,KAAA,GAAQ,QAAQ,MAAM,CAAA,YAAA,EAAe,aAAa,CAAC,CAAA,GAAA,CAAA,EAAO,CAAC,UAAU,CAAC,CAAA;AAC5E,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAE9C,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,EAAA,GAAK,MAAA,CAAO,UAAA,CAAW,KAAK,CAAA;AAClC,IAAA,MAAM,MAAA,GAAS,MAAM,WAAA,CAAY,EAAA,CAAG,OAAO,CAAA;AAE3C,IAAA,MAAA,EAAO;AACP,IAAA,EAAA,CAAG,gBAAA,CAAiB,UAAU,MAAM,CAAA;AACpC,IAAA,OAAO,MAAM,EAAA,CAAG,mBAAA,CAAoB,QAAA,EAAU,MAAM,CAAA;AAAA,EACtD,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,OAAO,QAAA;AACT;;;;"}

package/dist/{horizontal-bars-BdQnhZ5Y.cjs → horizontal-bars-BhYULTsx.cjs}

@@ -3,7 +3,7 @@
 const jsxRuntime = require('react/jsx-runtime');
 const scrollArea = require('./scroll-area-gN-e805H.cjs');
 const tooltip = require('./tooltip-DIZ5oqjV.cjs');
-const Txt = require('./Txt-DNnvlrBo.cjs');
+const Txt = require('./Txt-DFPibRb3.cjs');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
 
 function hexLuminance(color) {
@@ -157,4 +157,4 @@ function Wrapper({ children }) {
 }
 
 exports.HorizontalBars = HorizontalBars;
-//# sourceMappingURL=horizontal-bars-BdQnhZ5Y.cjs.map
+//# sourceMappingURL=horizontal-bars-BhYULTsx.cjs.map

package/dist/{horizontal-bars-BdQnhZ5Y.cjs.map → horizontal-bars-BhYULTsx.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"horizontal-bars-BdQnhZ5Y.cjs","sources":["../src/ds/components/HorizontalBars/horizontal-bars.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { ScrollArea } from '@/ds/components/ScrollArea/scroll-area';\nimport { Tooltip, TooltipTrigger, TooltipContent } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\n/** Relative luminance (WCAG) of a hex color, or `undefined` for anything else (e.g. `var(--token)`). */\nfunction hexLuminance(color: string): number | undefined {\n  const hex = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(color.trim())?.[1];\n  if (!hex) return undefined;\n  const full = hex.length === 3 ? [...hex].map(c => c + c).join('') : hex;\n  const linear = (offset: number) => {\n    const channel = parseInt(full.slice(offset, offset + 2), 16) / 255;\n    return channel <= 0.03928 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4;\n  };\n  return 0.2126 * linear(0) + 0.7152 * linear(2) + 0.0722 * linear(4);\n}\n\n/** Bright fills (yellow, orange, green, red) swallow the light label; dark text reads better on them. */\nfunction needsDarkLabel(color: string | undefined): boolean {\n  const luminance = color ? hexLuminance(color) : undefined;\n  return luminance !== undefined && luminance > 0.25;\n}\n\ntype Segment = { label: string; color: string };\n\ntype HorizontalBarRow = {\n  name: string;\n  values: number[];\n  /** If present, the whole row is rendered as a link to this URL. */\n  href?: string;\n  /** If present, an individual segment becomes its own link. Indices align with `segments`. */\n  hrefs?: Array<string | undefined>;\n};\n\nexport function HorizontalBars({\n  data,\n  segments,\n  maxVal,\n  fmt,\n  className,\n  LinkComponent = 'a',\n}: {\n  data: Array<HorizontalBarRow>;\n  segments: Segment[];\n  maxVal: number;\n  fmt: (v: number) => string;\n  className?: string;\n  /** Override how links produced by `href` / `hrefs` are rendered. Receives `href`,\n   *  `className`, `aria-label`, and `children`. Defaults to a plain `<a>` element;\n   *  consumers using a router should pass an adapter that maps `href` to their\n   *  navigation primitive (e.g. react-router `<Link to={href} />`). */\n  LinkComponent?: LinkComponent;\n}) {\n  const sorted = [...data].sort((a, b) => {\n    const totalB = b.values.reduce((s, v) => s + v, 0);\n    const totalA = a.values.reduce((s, v) => s + v, 0);\n    return totalB - totalA;\n  });\n\n  const isStacked = segments.length > 1;\n\n  return (\n    <ScrollArea className={cn('size-full', className)}>\n      <div className=\"mt-2 mb-4 flex items-center gap-3\">\n        <div className=\"flex flex-1 items-center gap-4\">\n          {segments.map(seg => (\n            <div key={seg.label} className=\"flex items-center gap-2\">\n              <div className=\"size-2 rounded-full\" style={{ backgroundColor: seg.color }} />\n              <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n                {seg.label}\n              </Txt>\n            </div>\n          ))}\n        </div>\n        <Txt as=\"span\" variant=\"caption\" tone=\"faint\" className=\"shrink-0 pr-2\">\n          Total\n        </Txt>\n      </div>\n      <div className=\"grid gap-3.5\">\n        {sorted.map(d => {\n          const total = d.values.reduce((s, v) => s + v, 0);\n          const barWidth = `${maxVal > 0 ? (total / maxVal) * 100 : 0}%`;\n          // The label starts over the first filled segment; that fill decides the label tone in dark mode.\n          // Light mode fades every fill to 40% (see below), so the default label already reads there.\n          const darkLabelOnFill = needsDarkLabel(segments[d.values.findIndex(v => v > 0)]?.color);\n          const rowBody = (\n            <>\n              <div className=\"relative h-full min-w-0 flex-1\" style={{ '--bar-width': barWidth } as CSSProperties}>\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <div\n                      className={cn('absolute inset-y-0 left-0', d.href ? 'cursor-pointer' : 'cursor-default')}\n                      style={{ width: barWidth }}\n                    >\n                      {segments.map((seg, si) => {\n                        const val = d.values[si] ?? 0;\n                        const pct = total > 0 ? (val / total) * 100 : 0;\n                        const left = d.values.slice(0, si).reduce((s, v) => s + (total > 0 ? (v / total) * 100 : 0), 0);\n                        const isLastWithValue = d.values.slice(si + 1).every(v => !v);\n                        // Only honor segment-level links when the row itself is not an anchor.\n                        // Otherwise we'd render <a> nested inside <a>, which is invalid HTML.\n                        const segHref = d.href ? undefined : d.hrefs?.[si];\n\n                        const segmentNode = (\n                          <div\n                            className={cn(\n                              'absolute inset-y-0 opacity-40 dark:opacity-100',\n                              isStacked && si === 0 && 'rounded-l',\n                              isStacked && isLastWithValue && 'rounded-r',\n                              !isStacked && 'rounded',\n                              segHref && 'cursor-pointer transition-opacity hover:opacity-70',\n                            )}\n                            style={{\n                              left: isStacked ? `${left}%` : 0,\n                              width: isStacked ? `${pct}%` : `${pct}%`,\n                              backgroundColor: seg.color,\n                            }}\n                          />\n                        );\n\n                        if (segHref) {\n                          return (\n                            <LinkComponent\n                              key={seg.label}\n                              href={segHref}\n                              aria-label={`${d.name} — ${seg.label}`}\n                              className=\"contents\"\n                            >\n                              {segmentNode}\n                            </LinkComponent>\n                          );\n                        }\n                        return <Wrapper key={seg.label}>{segmentNode}</Wrapper>;\n                      })}\n                    </div>\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\" className=\"font-mono\">\n                    <div className=\"grid gap-1\">\n                      {segments.map((seg, si) => (\n                        <div key={seg.label} className=\"flex items-center gap-2\">\n                          <span>{seg.label}</span>\n                          <span className=\"ml-auto pl-3\">{fmt(d.values[si] ?? 0)}</span>\n                        </div>\n                      ))}\n                    </div>\n                  </TooltipContent>\n                </Tooltip>\n                <div\n                  className={cn(\n                    'pointer-events-none absolute inset-0 z-10',\n                    darkLabelOnFill && 'dark:[clip-path:inset(0_0_0_var(--bar-width))]',\n                  )}\n                >\n                  <Txt\n                    as=\"span\"\n                    variant=\"caption\"\n                    tone=\"muted\"\n                    className=\"absolute inset-y-0 left-2.5 flex items-center truncate\"\n                  >\n                    {d.name}\n                  </Txt>\n                </div>\n                {darkLabelOnFill && (\n                  <div\n                    aria-hidden\n                    className=\"pointer-events-none absolute inset-y-0 left-0 z-10 hidden w-(--bar-width) overflow-hidden dark:block\"\n                  >\n                    <Txt\n                      as=\"span\"\n                      variant=\"caption\"\n                      tone=\"faint\"\n                      className=\"absolute inset-y-0 left-2.5 flex items-center whitespace-nowrap\"\n                    >\n                      {d.name}\n                    </Txt>\n                  </div>\n                )}\n              </div>\n              <Txt as=\"span\" tone=\"muted\" className=\"shrink-0 pr-3 tabular-nums\">\n                {fmt(total)}\n              </Txt>\n            </>\n          );\n\n          if (d.href) {\n            return (\n              <LinkComponent\n                key={d.name}\n                href={d.href}\n                className=\"flex h-6 cursor-pointer items-center gap-14 rounded transition-colors outline-none hover:bg-fill-subtle focus-visible:bg-fill-subtle\"\n              >\n                {rowBody}\n              </LinkComponent>\n            );\n          }\n          return (\n            <div key={d.name} className=\"flex h-6 items-center gap-14\">\n              {rowBody}\n            </div>\n          );\n        })}\n      </div>\n    </ScrollArea>\n  );\n}\n\nfunction Wrapper({ children }: { children: ReactNode }) {\n  return <>{children}</>;\n}\n"],"names":["ScrollArea","cn","jsxs","jsx","Txt","Fragment","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}
+{"version":3,"file":"horizontal-bars-BhYULTsx.cjs","sources":["../src/ds/components/HorizontalBars/horizontal-bars.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { ScrollArea } from '@/ds/components/ScrollArea/scroll-area';\nimport { Tooltip, TooltipTrigger, TooltipContent } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\n/** Relative luminance (WCAG) of a hex color, or `undefined` for anything else (e.g. `var(--token)`). */\nfunction hexLuminance(color: string): number | undefined {\n  const hex = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(color.trim())?.[1];\n  if (!hex) return undefined;\n  const full = hex.length === 3 ? [...hex].map(c => c + c).join('') : hex;\n  const linear = (offset: number) => {\n    const channel = parseInt(full.slice(offset, offset + 2), 16) / 255;\n    return channel <= 0.03928 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4;\n  };\n  return 0.2126 * linear(0) + 0.7152 * linear(2) + 0.0722 * linear(4);\n}\n\n/** Bright fills (yellow, orange, green, red) swallow the light label; dark text reads better on them. */\nfunction needsDarkLabel(color: string | undefined): boolean {\n  const luminance = color ? hexLuminance(color) : undefined;\n  return luminance !== undefined && luminance > 0.25;\n}\n\ntype Segment = { label: string; color: string };\n\ntype HorizontalBarRow = {\n  name: string;\n  values: number[];\n  /** If present, the whole row is rendered as a link to this URL. */\n  href?: string;\n  /** If present, an individual segment becomes its own link. Indices align with `segments`. */\n  hrefs?: Array<string | undefined>;\n};\n\nexport function HorizontalBars({\n  data,\n  segments,\n  maxVal,\n  fmt,\n  className,\n  LinkComponent = 'a',\n}: {\n  data: Array<HorizontalBarRow>;\n  segments: Segment[];\n  maxVal: number;\n  fmt: (v: number) => string;\n  className?: string;\n  /** Override how links produced by `href` / `hrefs` are rendered. Receives `href`,\n   *  `className`, `aria-label`, and `children`. Defaults to a plain `<a>` element;\n   *  consumers using a router should pass an adapter that maps `href` to their\n   *  navigation primitive (e.g. react-router `<Link to={href} />`). */\n  LinkComponent?: LinkComponent;\n}) {\n  const sorted = [...data].sort((a, b) => {\n    const totalB = b.values.reduce((s, v) => s + v, 0);\n    const totalA = a.values.reduce((s, v) => s + v, 0);\n    return totalB - totalA;\n  });\n\n  const isStacked = segments.length > 1;\n\n  return (\n    <ScrollArea className={cn('size-full', className)}>\n      <div className=\"mt-2 mb-4 flex items-center gap-3\">\n        <div className=\"flex flex-1 items-center gap-4\">\n          {segments.map(seg => (\n            <div key={seg.label} className=\"flex items-center gap-2\">\n              <div className=\"size-2 rounded-full\" style={{ backgroundColor: seg.color }} />\n              <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n                {seg.label}\n              </Txt>\n            </div>\n          ))}\n        </div>\n        <Txt as=\"span\" variant=\"caption\" tone=\"faint\" className=\"shrink-0 pr-2\">\n          Total\n        </Txt>\n      </div>\n      <div className=\"grid gap-3.5\">\n        {sorted.map(d => {\n          const total = d.values.reduce((s, v) => s + v, 0);\n          const barWidth = `${maxVal > 0 ? (total / maxVal) * 100 : 0}%`;\n          // The label starts over the first filled segment; that fill decides the label tone in dark mode.\n          // Light mode fades every fill to 40% (see below), so the default label already reads there.\n          const darkLabelOnFill = needsDarkLabel(segments[d.values.findIndex(v => v > 0)]?.color);\n          const rowBody = (\n            <>\n              <div className=\"relative h-full min-w-0 flex-1\" style={{ '--bar-width': barWidth } as CSSProperties}>\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <div\n                      className={cn('absolute inset-y-0 left-0', d.href ? 'cursor-pointer' : 'cursor-default')}\n                      style={{ width: barWidth }}\n                    >\n                      {segments.map((seg, si) => {\n                        const val = d.values[si] ?? 0;\n                        const pct = total > 0 ? (val / total) * 100 : 0;\n                        const left = d.values.slice(0, si).reduce((s, v) => s + (total > 0 ? (v / total) * 100 : 0), 0);\n                        const isLastWithValue = d.values.slice(si + 1).every(v => !v);\n                        // Only honor segment-level links when the row itself is not an anchor.\n                        // Otherwise we'd render <a> nested inside <a>, which is invalid HTML.\n                        const segHref = d.href ? undefined : d.hrefs?.[si];\n\n                        const segmentNode = (\n                          <div\n                            className={cn(\n                              'absolute inset-y-0 opacity-40 dark:opacity-100',\n                              isStacked && si === 0 && 'rounded-l',\n                              isStacked && isLastWithValue && 'rounded-r',\n                              !isStacked && 'rounded',\n                              segHref && 'cursor-pointer transition-opacity hover:opacity-70',\n                            )}\n                            style={{\n                              left: isStacked ? `${left}%` : 0,\n                              width: isStacked ? `${pct}%` : `${pct}%`,\n                              backgroundColor: seg.color,\n                            }}\n                          />\n                        );\n\n                        if (segHref) {\n                          return (\n                            <LinkComponent\n                              key={seg.label}\n                              href={segHref}\n                              aria-label={`${d.name} — ${seg.label}`}\n                              className=\"contents\"\n                            >\n                              {segmentNode}\n                            </LinkComponent>\n                          );\n                        }\n                        return <Wrapper key={seg.label}>{segmentNode}</Wrapper>;\n                      })}\n                    </div>\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\" className=\"font-mono\">\n                    <div className=\"grid gap-1\">\n                      {segments.map((seg, si) => (\n                        <div key={seg.label} className=\"flex items-center gap-2\">\n                          <span>{seg.label}</span>\n                          <span className=\"ml-auto pl-3\">{fmt(d.values[si] ?? 0)}</span>\n                        </div>\n                      ))}\n                    </div>\n                  </TooltipContent>\n                </Tooltip>\n                <div\n                  className={cn(\n                    'pointer-events-none absolute inset-0 z-10',\n                    darkLabelOnFill && 'dark:[clip-path:inset(0_0_0_var(--bar-width))]',\n                  )}\n                >\n                  <Txt\n                    as=\"span\"\n                    variant=\"caption\"\n                    tone=\"muted\"\n                    className=\"absolute inset-y-0 left-2.5 flex items-center truncate\"\n                  >\n                    {d.name}\n                  </Txt>\n                </div>\n                {darkLabelOnFill && (\n                  <div\n                    aria-hidden\n                    className=\"pointer-events-none absolute inset-y-0 left-0 z-10 hidden w-(--bar-width) overflow-hidden dark:block\"\n                  >\n                    <Txt\n                      as=\"span\"\n                      variant=\"caption\"\n                      tone=\"faint\"\n                      className=\"absolute inset-y-0 left-2.5 flex items-center whitespace-nowrap\"\n                    >\n                      {d.name}\n                    </Txt>\n                  </div>\n                )}\n              </div>\n              <Txt as=\"span\" tone=\"muted\" className=\"shrink-0 pr-3 tabular-nums\">\n                {fmt(total)}\n              </Txt>\n            </>\n          );\n\n          if (d.href) {\n            return (\n              <LinkComponent\n                key={d.name}\n                href={d.href}\n                className=\"flex h-6 cursor-pointer items-center gap-14 rounded transition-colors outline-none hover:bg-fill-subtle focus-visible:bg-fill-subtle\"\n              >\n                {rowBody}\n              </LinkComponent>\n            );\n          }\n          return (\n            <div key={d.name} className=\"flex h-6 items-center gap-14\">\n              {rowBody}\n            </div>\n          );\n        })}\n      </div>\n    </ScrollArea>\n  );\n}\n\nfunction Wrapper({ children }: { children: ReactNode }) {\n  return <>{children}</>;\n}\n"],"names":["ScrollArea","cn","jsxs","jsx","Txt","Fragment","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}

package/dist/{horizontal-bars-DHX7208F.js → horizontal-bars-ibfbdoX9.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { S as ScrollArea } from './scroll-area-CfoN8Hpp.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-DsQPiynb.js';
-import { T as Txt } from './Txt-C3cYJgKU.js';
+import { T as Txt } from './Txt-CuuPO9Ho.js';
 import { c as cn } from './cn-65Adrsfj.js';
 
 function hexLuminance(color) {
@@ -155,4 +155,4 @@ function Wrapper({ children }) {
 }
 
 export { HorizontalBars as H };
-//# sourceMappingURL=horizontal-bars-DHX7208F.js.map
+//# sourceMappingURL=horizontal-bars-ibfbdoX9.js.map

package/dist/{horizontal-bars-DHX7208F.js.map → horizontal-bars-ibfbdoX9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"horizontal-bars-DHX7208F.js","sources":["../src/ds/components/HorizontalBars/horizontal-bars.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { ScrollArea } from '@/ds/components/ScrollArea/scroll-area';\nimport { Tooltip, TooltipTrigger, TooltipContent } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\n/** Relative luminance (WCAG) of a hex color, or `undefined` for anything else (e.g. `var(--token)`). */\nfunction hexLuminance(color: string): number | undefined {\n  const hex = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(color.trim())?.[1];\n  if (!hex) return undefined;\n  const full = hex.length === 3 ? [...hex].map(c => c + c).join('') : hex;\n  const linear = (offset: number) => {\n    const channel = parseInt(full.slice(offset, offset + 2), 16) / 255;\n    return channel <= 0.03928 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4;\n  };\n  return 0.2126 * linear(0) + 0.7152 * linear(2) + 0.0722 * linear(4);\n}\n\n/** Bright fills (yellow, orange, green, red) swallow the light label; dark text reads better on them. */\nfunction needsDarkLabel(color: string | undefined): boolean {\n  const luminance = color ? hexLuminance(color) : undefined;\n  return luminance !== undefined && luminance > 0.25;\n}\n\ntype Segment = { label: string; color: string };\n\ntype HorizontalBarRow = {\n  name: string;\n  values: number[];\n  /** If present, the whole row is rendered as a link to this URL. */\n  href?: string;\n  /** If present, an individual segment becomes its own link. Indices align with `segments`. */\n  hrefs?: Array<string | undefined>;\n};\n\nexport function HorizontalBars({\n  data,\n  segments,\n  maxVal,\n  fmt,\n  className,\n  LinkComponent = 'a',\n}: {\n  data: Array<HorizontalBarRow>;\n  segments: Segment[];\n  maxVal: number;\n  fmt: (v: number) => string;\n  className?: string;\n  /** Override how links produced by `href` / `hrefs` are rendered. Receives `href`,\n   *  `className`, `aria-label`, and `children`. Defaults to a plain `<a>` element;\n   *  consumers using a router should pass an adapter that maps `href` to their\n   *  navigation primitive (e.g. react-router `<Link to={href} />`). */\n  LinkComponent?: LinkComponent;\n}) {\n  const sorted = [...data].sort((a, b) => {\n    const totalB = b.values.reduce((s, v) => s + v, 0);\n    const totalA = a.values.reduce((s, v) => s + v, 0);\n    return totalB - totalA;\n  });\n\n  const isStacked = segments.length > 1;\n\n  return (\n    <ScrollArea className={cn('size-full', className)}>\n      <div className=\"mt-2 mb-4 flex items-center gap-3\">\n        <div className=\"flex flex-1 items-center gap-4\">\n          {segments.map(seg => (\n            <div key={seg.label} className=\"flex items-center gap-2\">\n              <div className=\"size-2 rounded-full\" style={{ backgroundColor: seg.color }} />\n              <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n                {seg.label}\n              </Txt>\n            </div>\n          ))}\n        </div>\n        <Txt as=\"span\" variant=\"caption\" tone=\"faint\" className=\"shrink-0 pr-2\">\n          Total\n        </Txt>\n      </div>\n      <div className=\"grid gap-3.5\">\n        {sorted.map(d => {\n          const total = d.values.reduce((s, v) => s + v, 0);\n          const barWidth = `${maxVal > 0 ? (total / maxVal) * 100 : 0}%`;\n          // The label starts over the first filled segment; that fill decides the label tone in dark mode.\n          // Light mode fades every fill to 40% (see below), so the default label already reads there.\n          const darkLabelOnFill = needsDarkLabel(segments[d.values.findIndex(v => v > 0)]?.color);\n          const rowBody = (\n            <>\n              <div className=\"relative h-full min-w-0 flex-1\" style={{ '--bar-width': barWidth } as CSSProperties}>\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <div\n                      className={cn('absolute inset-y-0 left-0', d.href ? 'cursor-pointer' : 'cursor-default')}\n                      style={{ width: barWidth }}\n                    >\n                      {segments.map((seg, si) => {\n                        const val = d.values[si] ?? 0;\n                        const pct = total > 0 ? (val / total) * 100 : 0;\n                        const left = d.values.slice(0, si).reduce((s, v) => s + (total > 0 ? (v / total) * 100 : 0), 0);\n                        const isLastWithValue = d.values.slice(si + 1).every(v => !v);\n                        // Only honor segment-level links when the row itself is not an anchor.\n                        // Otherwise we'd render <a> nested inside <a>, which is invalid HTML.\n                        const segHref = d.href ? undefined : d.hrefs?.[si];\n\n                        const segmentNode = (\n                          <div\n                            className={cn(\n                              'absolute inset-y-0 opacity-40 dark:opacity-100',\n                              isStacked && si === 0 && 'rounded-l',\n                              isStacked && isLastWithValue && 'rounded-r',\n                              !isStacked && 'rounded',\n                              segHref && 'cursor-pointer transition-opacity hover:opacity-70',\n                            )}\n                            style={{\n                              left: isStacked ? `${left}%` : 0,\n                              width: isStacked ? `${pct}%` : `${pct}%`,\n                              backgroundColor: seg.color,\n                            }}\n                          />\n                        );\n\n                        if (segHref) {\n                          return (\n                            <LinkComponent\n                              key={seg.label}\n                              href={segHref}\n                              aria-label={`${d.name} — ${seg.label}`}\n                              className=\"contents\"\n                            >\n                              {segmentNode}\n                            </LinkComponent>\n                          );\n                        }\n                        return <Wrapper key={seg.label}>{segmentNode}</Wrapper>;\n                      })}\n                    </div>\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\" className=\"font-mono\">\n                    <div className=\"grid gap-1\">\n                      {segments.map((seg, si) => (\n                        <div key={seg.label} className=\"flex items-center gap-2\">\n                          <span>{seg.label}</span>\n                          <span className=\"ml-auto pl-3\">{fmt(d.values[si] ?? 0)}</span>\n                        </div>\n                      ))}\n                    </div>\n                  </TooltipContent>\n                </Tooltip>\n                <div\n                  className={cn(\n                    'pointer-events-none absolute inset-0 z-10',\n                    darkLabelOnFill && 'dark:[clip-path:inset(0_0_0_var(--bar-width))]',\n                  )}\n                >\n                  <Txt\n                    as=\"span\"\n                    variant=\"caption\"\n                    tone=\"muted\"\n                    className=\"absolute inset-y-0 left-2.5 flex items-center truncate\"\n                  >\n                    {d.name}\n                  </Txt>\n                </div>\n                {darkLabelOnFill && (\n                  <div\n                    aria-hidden\n                    className=\"pointer-events-none absolute inset-y-0 left-0 z-10 hidden w-(--bar-width) overflow-hidden dark:block\"\n                  >\n                    <Txt\n                      as=\"span\"\n                      variant=\"caption\"\n                      tone=\"faint\"\n                      className=\"absolute inset-y-0 left-2.5 flex items-center whitespace-nowrap\"\n                    >\n                      {d.name}\n                    </Txt>\n                  </div>\n                )}\n              </div>\n              <Txt as=\"span\" tone=\"muted\" className=\"shrink-0 pr-3 tabular-nums\">\n                {fmt(total)}\n              </Txt>\n            </>\n          );\n\n          if (d.href) {\n            return (\n              <LinkComponent\n                key={d.name}\n                href={d.href}\n                className=\"flex h-6 cursor-pointer items-center gap-14 rounded transition-colors outline-none hover:bg-fill-subtle focus-visible:bg-fill-subtle\"\n              >\n                {rowBody}\n              </LinkComponent>\n            );\n          }\n          return (\n            <div key={d.name} className=\"flex h-6 items-center gap-14\">\n              {rowBody}\n            </div>\n          );\n        })}\n      </div>\n    </ScrollArea>\n  );\n}\n\nfunction Wrapper({ children }: { children: ReactNode }) {\n  return <>{children}</>;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"horizontal-bars-ibfbdoX9.js","sources":["../src/ds/components/HorizontalBars/horizontal-bars.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { ScrollArea } from '@/ds/components/ScrollArea/scroll-area';\nimport { Tooltip, TooltipTrigger, TooltipContent } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\n/** Relative luminance (WCAG) of a hex color, or `undefined` for anything else (e.g. `var(--token)`). */\nfunction hexLuminance(color: string): number | undefined {\n  const hex = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(color.trim())?.[1];\n  if (!hex) return undefined;\n  const full = hex.length === 3 ? [...hex].map(c => c + c).join('') : hex;\n  const linear = (offset: number) => {\n    const channel = parseInt(full.slice(offset, offset + 2), 16) / 255;\n    return channel <= 0.03928 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4;\n  };\n  return 0.2126 * linear(0) + 0.7152 * linear(2) + 0.0722 * linear(4);\n}\n\n/** Bright fills (yellow, orange, green, red) swallow the light label; dark text reads better on them. */\nfunction needsDarkLabel(color: string | undefined): boolean {\n  const luminance = color ? hexLuminance(color) : undefined;\n  return luminance !== undefined && luminance > 0.25;\n}\n\ntype Segment = { label: string; color: string };\n\ntype HorizontalBarRow = {\n  name: string;\n  values: number[];\n  /** If present, the whole row is rendered as a link to this URL. */\n  href?: string;\n  /** If present, an individual segment becomes its own link. Indices align with `segments`. */\n  hrefs?: Array<string | undefined>;\n};\n\nexport function HorizontalBars({\n  data,\n  segments,\n  maxVal,\n  fmt,\n  className,\n  LinkComponent = 'a',\n}: {\n  data: Array<HorizontalBarRow>;\n  segments: Segment[];\n  maxVal: number;\n  fmt: (v: number) => string;\n  className?: string;\n  /** Override how links produced by `href` / `hrefs` are rendered. Receives `href`,\n   *  `className`, `aria-label`, and `children`. Defaults to a plain `<a>` element;\n   *  consumers using a router should pass an adapter that maps `href` to their\n   *  navigation primitive (e.g. react-router `<Link to={href} />`). */\n  LinkComponent?: LinkComponent;\n}) {\n  const sorted = [...data].sort((a, b) => {\n    const totalB = b.values.reduce((s, v) => s + v, 0);\n    const totalA = a.values.reduce((s, v) => s + v, 0);\n    return totalB - totalA;\n  });\n\n  const isStacked = segments.length > 1;\n\n  return (\n    <ScrollArea className={cn('size-full', className)}>\n      <div className=\"mt-2 mb-4 flex items-center gap-3\">\n        <div className=\"flex flex-1 items-center gap-4\">\n          {segments.map(seg => (\n            <div key={seg.label} className=\"flex items-center gap-2\">\n              <div className=\"size-2 rounded-full\" style={{ backgroundColor: seg.color }} />\n              <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n                {seg.label}\n              </Txt>\n            </div>\n          ))}\n        </div>\n        <Txt as=\"span\" variant=\"caption\" tone=\"faint\" className=\"shrink-0 pr-2\">\n          Total\n        </Txt>\n      </div>\n      <div className=\"grid gap-3.5\">\n        {sorted.map(d => {\n          const total = d.values.reduce((s, v) => s + v, 0);\n          const barWidth = `${maxVal > 0 ? (total / maxVal) * 100 : 0}%`;\n          // The label starts over the first filled segment; that fill decides the label tone in dark mode.\n          // Light mode fades every fill to 40% (see below), so the default label already reads there.\n          const darkLabelOnFill = needsDarkLabel(segments[d.values.findIndex(v => v > 0)]?.color);\n          const rowBody = (\n            <>\n              <div className=\"relative h-full min-w-0 flex-1\" style={{ '--bar-width': barWidth } as CSSProperties}>\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <div\n                      className={cn('absolute inset-y-0 left-0', d.href ? 'cursor-pointer' : 'cursor-default')}\n                      style={{ width: barWidth }}\n                    >\n                      {segments.map((seg, si) => {\n                        const val = d.values[si] ?? 0;\n                        const pct = total > 0 ? (val / total) * 100 : 0;\n                        const left = d.values.slice(0, si).reduce((s, v) => s + (total > 0 ? (v / total) * 100 : 0), 0);\n                        const isLastWithValue = d.values.slice(si + 1).every(v => !v);\n                        // Only honor segment-level links when the row itself is not an anchor.\n                        // Otherwise we'd render <a> nested inside <a>, which is invalid HTML.\n                        const segHref = d.href ? undefined : d.hrefs?.[si];\n\n                        const segmentNode = (\n                          <div\n                            className={cn(\n                              'absolute inset-y-0 opacity-40 dark:opacity-100',\n                              isStacked && si === 0 && 'rounded-l',\n                              isStacked && isLastWithValue && 'rounded-r',\n                              !isStacked && 'rounded',\n                              segHref && 'cursor-pointer transition-opacity hover:opacity-70',\n                            )}\n                            style={{\n                              left: isStacked ? `${left}%` : 0,\n                              width: isStacked ? `${pct}%` : `${pct}%`,\n                              backgroundColor: seg.color,\n                            }}\n                          />\n                        );\n\n                        if (segHref) {\n                          return (\n                            <LinkComponent\n                              key={seg.label}\n                              href={segHref}\n                              aria-label={`${d.name} — ${seg.label}`}\n                              className=\"contents\"\n                            >\n                              {segmentNode}\n                            </LinkComponent>\n                          );\n                        }\n                        return <Wrapper key={seg.label}>{segmentNode}</Wrapper>;\n                      })}\n                    </div>\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\" className=\"font-mono\">\n                    <div className=\"grid gap-1\">\n                      {segments.map((seg, si) => (\n                        <div key={seg.label} className=\"flex items-center gap-2\">\n                          <span>{seg.label}</span>\n                          <span className=\"ml-auto pl-3\">{fmt(d.values[si] ?? 0)}</span>\n                        </div>\n                      ))}\n                    </div>\n                  </TooltipContent>\n                </Tooltip>\n                <div\n                  className={cn(\n                    'pointer-events-none absolute inset-0 z-10',\n                    darkLabelOnFill && 'dark:[clip-path:inset(0_0_0_var(--bar-width))]',\n                  )}\n                >\n                  <Txt\n                    as=\"span\"\n                    variant=\"caption\"\n                    tone=\"muted\"\n                    className=\"absolute inset-y-0 left-2.5 flex items-center truncate\"\n                  >\n                    {d.name}\n                  </Txt>\n                </div>\n                {darkLabelOnFill && (\n                  <div\n                    aria-hidden\n                    className=\"pointer-events-none absolute inset-y-0 left-0 z-10 hidden w-(--bar-width) overflow-hidden dark:block\"\n                  >\n                    <Txt\n                      as=\"span\"\n                      variant=\"caption\"\n                      tone=\"faint\"\n                      className=\"absolute inset-y-0 left-2.5 flex items-center whitespace-nowrap\"\n                    >\n                      {d.name}\n                    </Txt>\n                  </div>\n                )}\n              </div>\n              <Txt as=\"span\" tone=\"muted\" className=\"shrink-0 pr-3 tabular-nums\">\n                {fmt(total)}\n              </Txt>\n            </>\n          );\n\n          if (d.href) {\n            return (\n              <LinkComponent\n                key={d.name}\n                href={d.href}\n                className=\"flex h-6 cursor-pointer items-center gap-14 rounded transition-colors outline-none hover:bg-fill-subtle focus-visible:bg-fill-subtle\"\n              >\n                {rowBody}\n              </LinkComponent>\n            );\n          }\n          return (\n            <div key={d.name} className=\"flex h-6 items-center gap-14\">\n              {rowBody}\n            </div>\n          );\n        })}\n      </div>\n    </ScrollArea>\n  );\n}\n\nfunction Wrapper({ children }: { children: ReactNode }) {\n  return <>{children}</>;\n}\n"],"names":[],"mappings":"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"}

package/dist/layout/tabbed-container.cjs.js

@@ -5,16 +5,16 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 require('../tabbed-container.css');const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const combobox = require('../combobox-BaVFPQ6X.cjs');
-const dataList = require('../data-list-TouUI4pb.cjs');
+const combobox = require('../combobox-anmnqGB0.cjs');
+const dataList = require('../data-list-DQgIgmjy.cjs');
 const listSearch = require('../list-search-BiATHpQj.cjs');
 const tabsContent = require('../tabs-content-DfH1hhpU.cjs');
 const tabsContext = require('../tabs-context-pnspPkI-.cjs');
-const tabsList = require('../tabs-list-Tqj36HIL.cjs');
+const tabsList = require('../tabs-list-BeWntzEw.cjs');
 const tabsRoot = require('../tabs-root-Hkt7A6oq.cjs');
-const tabsTab = require('../tabs-tab-C-C2vX-D.cjs');
+const tabsTab = require('../tabs-tab-DhLs9bO0.cjs');
 const tooltip = require('../tooltip-DIZ5oqjV.cjs');
-const Txt = require('../Txt-DNnvlrBo.cjs');
+const Txt = require('../Txt-DFPibRb3.cjs');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 const TabbedContainerPanel = ({ value, children, className }) => /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value, keepMounted: true, className: utils_cn.cn("min-h-0 flex-1", className), children });

package/dist/layout/tabbed-container.es.js

@@ -1,16 +1,16 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ListFilterIcon } from 'lucide-react';
 import { Children, isValidElement, useContext } from 'react';
-import { C as Combobox } from '../combobox-NPw0vrSa.js';
-import { D as DataList } from '../data-list-BHtjZ528.js';
+import { C as Combobox } from '../combobox-Dwf4U1CZ.js';
+import { D as DataList } from '../data-list-B6DT-u-0.js';
 import { L as ListSearch } from '../list-search-B9t_AAN5.js';
 import { T as TabContent } from '../tabs-content-OWF8un_n.js';
 import { T as TabsContext } from '../tabs-context-Cbuw7i0u.js';
-import { T as TabList } from '../tabs-list-tLx5fgP0.js';
+import { T as TabList } from '../tabs-list-DoSX2xLL.js';
 import { T as Tabs } from '../tabs-root-BbzhUZl4.js';
-import { T as Tab } from '../tabs-tab-ClLIOGiC.js';
+import { T as Tab } from '../tabs-tab-BI3hb-HP.js';
 import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../tooltip-DsQPiynb.js';
-import { T as Txt } from '../Txt-C3cYJgKU.js';
+import { T as Txt } from '../Txt-CuuPO9Ho.js';
 import { c as cn } from '../cn-65Adrsfj.js';
 
 import '../tabbed-container.css';const TabbedContainerPanel = ({ value, children, className }) => /* @__PURE__ */ jsx(TabContent, { value, keepMounted: true, className: cn("min-h-0 flex-1", className), children });

package/dist/lib/form/components/array-element-wrapper.cjs.js

@@ -11,7 +11,7 @@ const lib_form_useSectionDisclosure = require('../use-section-disclosure.cjs.js'
 const lib_form_utils = require('../utils.cjs.js');
 const Button = require('../../../Button-CXhSUBxN.cjs');
 const collapsible = require('../../../collapsible-jfzzU7Gp.cjs');
-const Txt = require('../../../Txt-DNnvlrBo.cjs');
+const Txt = require('../../../Txt-DFPibRb3.cjs');
 
 const HUMAN_SUMMARY_KEYS = ["title", "name", "label"];
 function firstFilledText(values) {

package/dist/lib/form/components/array-element-wrapper.es.js

@@ -7,7 +7,7 @@ import { useSectionDisclosure } from '../use-section-disclosure.es.js';
 import { isPlainObject } from '../utils.es.js';
 import { B as Button } from '../../../Button-D43ghVKt.js';
 import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from '../../../collapsible-BNUn4644.js';
-import { T as Txt } from '../../../Txt-C3cYJgKU.js';
+import { T as Txt } from '../../../Txt-CuuPO9Ho.js';
 
 const HUMAN_SUMMARY_KEYS = ["title", "name", "label"];
 function firstFilledText(values) {

package/dist/lib/form/components/array-wrapper.cjs.js

@@ -7,7 +7,7 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const lib_form_fieldContext = require('../field-context.cjs.js');
 const Button = require('../../../Button-CXhSUBxN.cjs');
-const Txt = require('../../../Txt-DNnvlrBo.cjs');
+const Txt = require('../../../Txt-DFPibRb3.cjs');
 
 function ArrayWrapper({ label, children, onAddItem }) {
   const readOnly = React.useContext(lib_form_fieldContext.FormReadOnlyContext);

package/dist/lib/form/components/array-wrapper.es.js

@@ -3,7 +3,7 @@ import { Brackets, Plus } from 'lucide-react';
 import { useContext, Children, useRef } from 'react';
 import { FormReadOnlyContext, ArrayAddButtonContext } from '../field-context.es.js';
 import { B as Button } from '../../../Button-D43ghVKt.js';
-import { T as Txt } from '../../../Txt-C3cYJgKU.js';
+import { T as Txt } from '../../../Txt-CuuPO9Ho.js';
 
 function ArrayWrapper({ label, children, onAddItem }) {
   const readOnly = useContext(FormReadOnlyContext);

package/dist/lib/form/components/error-message.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const Notice = require('../../../Notice-D4zc_oTj.cjs');
+const Notice = require('../../../Notice-CjQQjfK7.cjs');
 
 const ErrorMessage = ({ error }) => /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice, { variant: "destructive", title: error });
 

package/dist/lib/form/components/error-message.es.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { N as Notice } from '../../../Notice-D4gMAkVI.js';
+import { N as Notice } from '../../../Notice-CmFkTliT.js';
 
 const ErrorMessage = ({ error }) => /* @__PURE__ */ jsx(Notice, { variant: "destructive", title: error });
 

package/dist/lib/form/components/object-wrapper.cjs.js

@@ -8,7 +8,7 @@ const React = require('react');
 const lib_form_fieldContext = require('../field-context.cjs.js');
 const lib_form_useSectionDisclosure = require('../use-section-disclosure.cjs.js');
 const collapsible = require('../../../collapsible-jfzzU7Gp.cjs');
-const Txt = require('../../../Txt-DNnvlrBo.cjs');
+const Txt = require('../../../Txt-DFPibRb3.cjs');
 
 function ObjectWrapper({ label, children }) {
   if (label === lib_form_fieldContext.ROOT_FIELD_KEY || label === "") return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children });

package/dist/lib/form/components/object-wrapper.es.js

@@ -4,7 +4,7 @@ import { useContext } from 'react';
 import { ROOT_FIELD_KEY, FieldPathContext } from '../field-context.es.js';
 import { useSectionDisclosure } from '../use-section-disclosure.es.js';
 import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from '../../../collapsible-BNUn4644.js';
-import { T as Txt } from '../../../Txt-C3cYJgKU.js';
+import { T as Txt } from '../../../Txt-CuuPO9Ho.js';
 
 function ObjectWrapper({ label, children }) {
   if (label === ROOT_FIELD_KEY || label === "") return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children });

package/dist/lib/form/components/union-field.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const lib_form_components_customArrayField = require('../../../custom-auto-form-field-DVse5pih.cjs');
-const Txt = require('../../../Txt-DNnvlrBo.cjs');
+const Txt = require('../../../Txt-DFPibRb3.cjs');
 
 const UnionField = ({ field, inputProps }) => {
   const path = inputProps.name?.split(".") ?? [];

package/dist/lib/form/components/union-field.es.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { C as CustomAutoFormField } from '../../../custom-auto-form-field-BvEhSH73.js';
-import { T as Txt } from '../../../Txt-C3cYJgKU.js';
+import { T as Txt } from '../../../Txt-CuuPO9Ho.js';
 
 const UnionField = ({ field, inputProps }) => {
   const path = inputProps.name?.split(".") ?? [];

package/dist/{logs-data-list-MakOZmBm.cjs → logs-data-list-CMbvhzUW.cjs}

@@ -1,10 +1,10 @@
 'use strict';
 
 const dataListTop = require('./data-list-top-BFssu4VI.cjs');
-const dataListSpacer = require('./data-list-spacer-CtooAPJP.cjs');
+const dataListSpacer = require('./data-list-spacer-_GgQY2d4.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const Badge = require('./Badge-DB59RxT5.cjs');
-const Txt = require('./Txt-DNnvlrBo.cjs');
+const Txt = require('./Txt-DFPibRb3.cjs');
 const icons_AgentIcon = require('./icons/AgentIcon.cjs.js');
 const icons_ToolsIcon = require('./icons/ToolsIcon.cjs.js');
 const icons_WorkflowIcon = require('./icons/WorkflowIcon.cjs.js');
@@ -81,4 +81,4 @@ const LogsDataList = Object.assign(dataListTop.DataListRoot, {
 });
 
 exports.LogsDataList = LogsDataList;
-//# sourceMappingURL=logs-data-list-MakOZmBm.cjs.map
+//# sourceMappingURL=logs-data-list-CMbvhzUW.cjs.map