@alfadocs/ui-kit-debug 0.68.0 → 0.69.0

package/dist/_chunks/resizable-DVGcfOrk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable-DVGcfOrk.js","sources":["../../src/components/resizable/resizable-context.ts","../../src/components/resizable/resizable.agent.ts","../../src/components/resizable/resizable.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  type MutableRefObject,\n  type RefObject,\n} from 'react';\n\nexport interface PanelConfig {\n  id: string;\n  index: number;\n  defaultSize: number;\n  minSize: number;\n  maxSize: number;\n  collapsible: boolean;\n  collapsedSize: number;\n}\n\nexport interface ResizableContextShape {\n  direction: 'horizontal' | 'vertical';\n  sizes: number[];\n  liveSizesRef: MutableRefObject<number[]>;\n  panels: PanelConfig[];\n  groupRef: RefObject<HTMLDivElement>;\n  updateSizesImperative: (newSizes: number[]) => void;\n  commitSizes: (newSizes: number[]) => void;\n  registerPanelElement: (index: number, el: HTMLDivElement) => void;\n  unregisterPanelElement: (index: number) => void;\n  setAnnounceText: (text: string) => void;\n}\n\nexport const ResizableContext = createContext<ResizableContextShape | null>(\n  null,\n);\n\nexport function useResizable(): ResizableContextShape {\n  const ctx = useContext(ResizableContext);\n  if (!ctx) {\n    throw new Error('useResizable must be used within a PanelGroup');\n  }\n  return ctx;\n}\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — Resizable.                                             */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ResizableHandle } from './resizable';\n\nexport const resizableAgent: AgentAdapter<ResizableHandle> = {\n  id: 'resizable',\n  // Sizes are a persisted value the user can re-adjust — set_value, not range_navigate.\n  capabilities: ['set_value'],\n  state: {\n    sizes: {\n      type: 'number[]',\n      descriptionKey: 'ui.agent.resizable.state.sizes',\n      description: 'Current per-panel sizes as percentages of the group.',\n      read: (handle) => handle.getSizes(),\n    },\n  },\n  actions: {\n    set_sizes: {\n      // Persists the panel layout — reversible by dragging or calling again.\n      safety: 'write',\n      argsType: '{ sizes: number[] }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          sizes: {\n            type: 'array',\n            items: { type: 'number' },\n            description: 'Per-panel sizes as percentages, summing to 100.',\n          },\n        },\n        required: ['sizes'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.resizable.actions.setSizes',\n      description: 'Replace the panel sizes (percentages, summing to 100).',\n      examples: [\n        { args: { sizes: [30, 70] }, note: 'Split a two-panel group 30/70.' },\n      ],\n      invoke: (handle, args: { sizes: number[] }) => {\n        handle.setSizes(args.sizes);\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'resizable' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on PanelGroup.',\n    },\n    item: {\n      attr: 'data-panel-id',\n      description: 'Each Panel emits its `id` as data-panel-id.',\n    },\n  },\n};\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MutableRefObject,\n  type PointerEvent as ReactPointerEvent,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  ResizableContext,\n  useResizable,\n  type PanelConfig,\n} from './resizable-context';\nimport { useAgentRegistration } from '../../agent';\nimport { resizableAgent } from './resizable.agent';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\n\n// ─── storage ──────────────────────────────────────────────────────────────────\n\nconst STORAGE_PREFIX = 'ui-kit:resizable:';\n\nfunction loadFromStorage(groupId: string | undefined): number[] | null {\n  if (!groupId) return null;\n  try {\n    const raw = localStorage.getItem(`${STORAGE_PREFIX}${groupId}`);\n    if (!raw) return null;\n    const parsed = JSON.parse(raw) as { v: number; sizes: number[] };\n    if (parsed.v !== 1 || !Array.isArray(parsed.sizes)) return null;\n    return parsed.sizes;\n  } catch {\n    return null;\n  }\n}\n\nfunction saveToStorage(groupId: string, sizes: number[]): void {\n  try {\n    localStorage.setItem(\n      `${STORAGE_PREFIX}${groupId}`,\n      JSON.stringify({ v: 1, sizes }),\n    );\n  } catch {\n    // QuotaExceeded or private mode\n  }\n}\n\n// ─── size helpers ─────────────────────────────────────────────────────────────\n\nfunction normalizeSizes(raw: number[]): number[] {\n  const total = raw.reduce((a, b) => a + b, 0);\n  if (total === 0) return raw.map(() => 100 / raw.length);\n  return raw.map((s) => (s / total) * 100);\n}\n\nfunction computeNewSizes(\n  currentSizes: number[],\n  handleIndex: number,\n  deltaPercent: number,\n  panels: PanelConfig[],\n  groupSizePx: number,\n): number[] {\n  const sizes = [...currentSizes];\n  const li = handleIndex;\n  const ri = handleIndex + 1;\n  if (li >= sizes.length || ri >= sizes.length) return sizes;\n\n  const lc = panels[li];\n  const rc = panels[ri];\n  const total = sizes[li] + sizes[ri];\n  const collapseThreshold = groupSizePx > 0 ? (20 / groupSizePx) * 100 : 2;\n\n  let newLeft = sizes[li] + deltaPercent;\n  let newRight = total - newLeft;\n\n  if (lc.collapsible && newLeft < lc.minSize) {\n    if (newLeft < lc.minSize - collapseThreshold) {\n      sizes[li] = lc.collapsedSize;\n      sizes[ri] = total - lc.collapsedSize;\n      return sizes;\n    }\n    newLeft = lc.minSize;\n    newRight = total - newLeft;\n  }\n\n  if (rc.collapsible && newRight < rc.minSize) {\n    if (newRight < rc.minSize - collapseThreshold) {\n      sizes[ri] = rc.collapsedSize;\n      sizes[li] = total - rc.collapsedSize;\n      return sizes;\n    }\n    newRight = rc.minSize;\n    newLeft = total - newRight;\n  }\n\n  const lMin = lc.collapsible ? lc.collapsedSize : lc.minSize;\n  const rMin = rc.collapsible ? rc.collapsedSize : rc.minSize;\n\n  newLeft = Math.max(lMin, Math.min(lc.maxSize, newLeft));\n  newRight = total - newLeft;\n  newRight = Math.max(rMin, Math.min(rc.maxSize, newRight));\n  newLeft = total - newRight;\n  newLeft = Math.max(lMin, Math.min(lc.maxSize, newLeft));\n\n  sizes[li] = Math.max(0, newLeft);\n  sizes[ri] = Math.max(0, total - sizes[li]);\n  return sizes;\n}\n\n// ─── Handle CVA ──────────────────────────────────────────────────────────────\n// calc with underscores for Tailwind arbitrary value spaces\n// Extends hit area to --min-target-size via ::before pseudo-element\n\nconst handleVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-center ds:justify-center ds:shrink-0 ds:select-none',\n    'ds:bg-[var(--border)]',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:hover:bg-[var(--accent)] ds:data-[dragging]:bg-[var(--accent)]',\n    \"ds:before:absolute ds:before:content-['']\",\n  ],\n  {\n    variants: {\n      orientation: {\n        horizontal: [\n          'ds:[inline-size:var(--resizable-handle-size)] ds:cursor-col-resize ds:[block-size:100%]',\n          'ds:before:[block-size:100%]',\n          'ds:before:[inline-size:var(--min-target-size)]',\n          'ds:before:[inset-block:0]',\n          'ds:before:[inset-inline:calc(0px_-_(var(--min-target-size)_-_var(--resizable-handle-size))_/_2)]',\n        ],\n        vertical: [\n          'ds:[block-size:var(--resizable-handle-size)] ds:cursor-row-resize ds:[inline-size:100%]',\n          'ds:before:[inline-size:100%]',\n          'ds:before:[block-size:var(--min-target-size)]',\n          'ds:before:[inset-inline:0]',\n          'ds:before:[inset-block:calc(0px_-_(var(--min-target-size)_-_var(--resizable-handle-size))_/_2)]',\n        ],\n      },\n    },\n    defaultVariants: { orientation: 'horizontal' },\n  },\n);\n\n// ─── PanelGroup CVA ──────────────────────────────────────────────────────────\n\nconst panelGroupVariants = cva('ds:flex ds:overflow-hidden', {\n  variants: {\n    direction: {\n      horizontal: 'ds:flex-row',\n      vertical: 'ds:flex-col',\n    },\n  },\n  defaultVariants: { direction: 'horizontal' },\n});\n\n// ─── Panel CVA ────────────────────────────────────────────────────────────────\n\nconst panelVariants = cva(\n  'ds:[flex:0_0_var(--panel-self-size,50%)] ds:overflow-auto',\n  {\n    variants: {\n      direction: {\n        horizontal: 'ds:[min-inline-size:0]',\n        vertical: 'ds:[min-block-size:0]',\n      },\n    },\n    defaultVariants: { direction: 'horizontal' },\n  },\n);\n\n// ─── Public types ─────────────────────────────────────────────────────────────\n\nexport interface PanelGroupProps {\n  direction: 'horizontal' | 'vertical';\n  groupId?: string;\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n  onLayout?: (sizes: number[]) => void;\n  className?: string;\n  children: ReactNode;\n}\n\n// Curated agent-readiness handle — see resizable.agent.ts.\nexport interface ResizableHandle {\n  getSizes: () => number[];\n  setSizes: (sizes: number[]) => void;\n}\n\nexport interface PanelHandle {\n  resize: (size: number) => void;\n}\n\nexport interface PanelProps {\n  defaultSize: number;\n  minSize?: number;\n  maxSize?: number;\n  collapsible?: boolean;\n  collapsedSize?: number;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport interface HandleProps {\n  className?: string;\n}\n\n// Internal injection (not exported)\ntype PanelInternalProps = PanelProps & {\n  _panelIndex?: number;\n  _panelId?: string;\n};\n\ntype HandleInternalProps = HandleProps & {\n  _handleIndex?: number;\n};\n\n// ─── PanelGroup ───────────────────────────────────────────────────────────────\n\nexport const PanelGroup = forwardRef<HTMLDivElement, PanelGroupProps>(\n  ({ direction, groupId, id, onLayout, className, children }, outerRef) => {\n    const baseId = useId();\n    const groupRef = useRef<HTMLDivElement>(null!);\n    const panelElementsRef = useRef<Map<number, HTMLDivElement>>(new Map());\n    const storageTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(\n      null,\n    );\n    const [announceText, setAnnounceText] = useState('');\n\n    // Walk children to extract panel configs and inject internal indices\n    const { panelConfigs, processedChildren } = useMemo(() => {\n      const configs: PanelConfig[] = [];\n      let panelIdx = 0;\n      let handleIdx = 0;\n\n      const walk = (child: ReactNode): ReactNode => {\n        if (!isValidElement(child)) return child;\n        if (child.type === Panel) {\n          const idx = panelIdx;\n          const p = child.props as PanelProps;\n          configs.push({\n            id: `${baseId}-panel-${idx}`,\n            index: idx,\n            defaultSize: p.defaultSize,\n            minSize: p.minSize ?? 10,\n            maxSize: p.maxSize ?? 90,\n            collapsible: p.collapsible ?? false,\n            collapsedSize: p.collapsedSize ?? 0,\n          });\n          panelIdx++;\n          return cloneElement(child as ReactElement<PanelInternalProps>, {\n            _panelIndex: idx,\n            _panelId: `${baseId}-panel-${idx}`,\n          });\n        }\n        if (child.type === Handle) {\n          const idx = handleIdx++;\n          return cloneElement(child as ReactElement<HandleInternalProps>, {\n            _handleIndex: idx,\n          });\n        }\n        return child;\n      };\n\n      return {\n        panelConfigs: configs,\n        processedChildren: Children.map(children, walk),\n      };\n    }, [children, baseId]);\n\n    // Initial sizes from storage or defaults\n    const [committedSizes, setCommittedSizes] = useState<number[]>(() => {\n      if (panelConfigs.length === 0) return [];\n      const stored = loadFromStorage(groupId);\n      if (stored && stored.length === panelConfigs.length) return stored;\n      return normalizeSizes(panelConfigs.map((p) => p.defaultSize));\n    });\n\n    const liveSizesRef = useRef<number[]>(committedSizes);\n\n    useEffect(() => {\n      liveSizesRef.current = committedSizes;\n    }, [committedSizes]);\n\n    const updateSizesImperative = useCallback((newSizes: number[]) => {\n      liveSizesRef.current = newSizes;\n      panelElementsRef.current.forEach((el, idx) => {\n        if (idx < newSizes.length) {\n          el.style.setProperty('--panel-self-size', `${newSizes[idx]}%`);\n        }\n      });\n    }, []);\n\n    const commitSizes = useCallback(\n      (newSizes: number[]) => {\n        liveSizesRef.current = newSizes;\n        setCommittedSizes(newSizes);\n        onLayout?.(newSizes);\n        if (groupId) {\n          if (storageTimeoutRef.current)\n            clearTimeout(storageTimeoutRef.current);\n          storageTimeoutRef.current = setTimeout(\n            () => saveToStorage(groupId, newSizes),\n            120,\n          );\n        }\n      },\n      [groupId, onLayout],\n    );\n\n    // Apply CSS vars to panel elements when committed sizes change\n    useIsomorphicLayoutEffect(() => {\n      panelElementsRef.current.forEach((el, idx) => {\n        if (idx < committedSizes.length) {\n          el.style.setProperty('--panel-self-size', `${committedSizes[idx]}%`);\n        }\n      });\n    }, [committedSizes]);\n\n    const registerPanelElement = useCallback(\n      (index: number, el: HTMLDivElement) => {\n        panelElementsRef.current.set(index, el);\n        const size = liveSizesRef.current[index];\n        if (size !== undefined) {\n          el.style.setProperty('--panel-self-size', `${size}%`);\n        }\n      },\n      [],\n    );\n\n    const unregisterPanelElement = useCallback((index: number) => {\n      panelElementsRef.current.delete(index);\n    }, []);\n\n    const setAnnounceCb = useCallback((text: string) => {\n      setAnnounceText(text);\n    }, []);\n\n    const containerClass = panelGroupVariants({ direction, className });\n\n    const ctxValue = {\n      direction,\n      sizes: committedSizes,\n      liveSizesRef,\n      panels: panelConfigs,\n      groupRef,\n      updateSizesImperative,\n      commitSizes,\n      registerPanelElement,\n      unregisterPanelElement,\n      setAnnounceText: setAnnounceCb,\n    };\n\n    const setRef = (el: HTMLDivElement | null) => {\n      (groupRef as MutableRefObject<HTMLDivElement | null>).current = el;\n      if (typeof outerRef === 'function') outerRef(el);\n      else if (outerRef) outerRef.current = el;\n    };\n\n    // Agent handle for the root PanelGroup.\n    const agentHandle = useMemo<ResizableHandle>(\n      () => ({\n        getSizes: () => [...liveSizesRef.current],\n        setSizes: (next) => commitSizes(normalizeSizes(next)),\n      }),\n      [commitSizes],\n    );\n    useAgentRegistration(resizableAgent, agentHandle, id);\n\n    return (\n      <ResizableContext.Provider value={ctxValue}>\n        <div\n          ref={setRef}\n          className={containerClass}\n          data-component=\"resizable\"\n          data-component-id={id}\n          data-panel-group\n          data-direction={direction}\n        >\n          {processedChildren}\n          <span className=\"ds:sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n            {announceText}\n          </span>\n        </div>\n      </ResizableContext.Provider>\n    );\n  },\n);\n\nPanelGroup.displayName = 'PanelGroup';\n\n// ─── Panel ────────────────────────────────────────────────────────────────────\n\nexport const Panel = forwardRef<PanelHandle, PanelInternalProps>(\n  (\n    {\n      _panelIndex = 0,\n      _panelId,\n      minSize = 10,\n      maxSize = 90,\n      children,\n      className,\n    },\n    ref,\n  ) => {\n    const {\n      direction,\n      liveSizesRef,\n      panels,\n      updateSizesImperative,\n      commitSizes,\n      registerPanelElement,\n      unregisterPanelElement,\n    } = useResizable();\n\n    const panelRef = useRef<HTMLDivElement>(null!);\n\n    useEffect(() => {\n      const el = panelRef.current;\n      if (!el) return;\n      registerPanelElement(_panelIndex, el);\n      return () => unregisterPanelElement(_panelIndex);\n    }, [_panelIndex, registerPanelElement, unregisterPanelElement]);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        resize: (newSize: number) => {\n          const currentSizes = [...liveSizesRef.current];\n          const clamped = Math.max(minSize, Math.min(maxSize, newSize));\n          const diff = clamped - (currentSizes[_panelIndex] ?? 0);\n          if (Math.abs(diff) < 0.001) return;\n\n          const newSizes = [...currentSizes];\n          newSizes[_panelIndex] = clamped;\n\n          const otherIndices = currentSizes\n            .map((_, i) => i)\n            .filter((i) => i !== _panelIndex);\n          const otherTotal = otherIndices.reduce(\n            (s, i) => s + (currentSizes[i] ?? 0),\n            0,\n          );\n          otherIndices.forEach((i) => {\n            newSizes[i] =\n              otherTotal > 0\n                ? (currentSizes[i] ?? 0) -\n                  diff * ((currentSizes[i] ?? 0) / otherTotal)\n                : (currentSizes[i] ?? 0) - diff / otherIndices.length;\n          });\n\n          updateSizesImperative(newSizes);\n          commitSizes(newSizes);\n        },\n      }),\n      [\n        _panelIndex,\n        minSize,\n        maxSize,\n        panels,\n        liveSizesRef,\n        updateSizesImperative,\n        commitSizes,\n      ],\n    );\n\n    return (\n      <div\n        ref={panelRef}\n        id={_panelId}\n        data-panel\n        data-panel-id={_panelId}\n        data-panel-index={_panelIndex}\n        className={panelVariants({ direction, className })}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nPanel.displayName = 'Panel';\n\n// ─── Handle ───────────────────────────────────────────────────────────────────\n\nexport const Handle = forwardRef<HTMLDivElement, HandleInternalProps>(\n  ({ _handleIndex = 0, className }, ref) => {\n    const { t, i18n } = useTranslation();\n    const {\n      direction,\n      sizes,\n      liveSizesRef,\n      panels,\n      groupRef,\n      updateSizesImperative,\n      commitSizes,\n      setAnnounceText,\n    } = useResizable();\n\n    const [isDragging, setIsDragging] = useState(false);\n    const dragStateRef = useRef<{\n      startX: number;\n      startY: number;\n      startSizes: number[];\n      groupRect: DOMRect;\n    } | null>(null);\n    const announceTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(\n      null,\n    );\n    const announceRafRef = useRef<number | null>(null);\n    const handleRef = useRef<HTMLDivElement>(null!);\n\n    const scheduleAnnounce = useCallback(\n      (size: number, immediate = false) => {\n        if (announceRafRef.current !== null) {\n          cancelAnimationFrame(announceRafRef.current);\n          announceRafRef.current = null;\n        }\n        if (announceTimeoutRef.current) {\n          clearTimeout(announceTimeoutRef.current);\n          announceTimeoutRef.current = null;\n        }\n        const formatted = new Intl.NumberFormat(i18n.language, {\n          style: 'percent',\n        }).format(size / 100);\n        const text = t('resizable.sizeAnnounce', { percent: formatted });\n        if (immediate) {\n          setAnnounceText(text);\n        } else {\n          // rAF coalesces calls within the same frame; 200ms debounce prevents spam\n          announceRafRef.current = requestAnimationFrame(() => {\n            announceRafRef.current = null;\n            announceTimeoutRef.current = setTimeout(\n              () => setAnnounceText(text),\n              200,\n            );\n          });\n        }\n      },\n      [t, i18n.language, setAnnounceText],\n    );\n\n    const isRtl = useCallback(() => {\n      if (!groupRef.current) return false;\n      return getComputedStyle(groupRef.current).direction === 'rtl';\n    }, [groupRef]);\n\n    const onPointerDown = (e: ReactPointerEvent<HTMLDivElement>) => {\n      if (!groupRef.current) return;\n      e.currentTarget.setPointerCapture(e.pointerId);\n      e.currentTarget.style.setProperty('touch-action', 'none');\n      dragStateRef.current = {\n        startX: e.clientX,\n        startY: e.clientY,\n        startSizes: [...liveSizesRef.current],\n        groupRect: groupRef.current.getBoundingClientRect(),\n      };\n      setIsDragging(true);\n    };\n\n    const onPointerMove = (e: ReactPointerEvent<HTMLDivElement>) => {\n      if (!dragStateRef.current) return;\n      const { startX, startY, startSizes, groupRect } = dragStateRef.current;\n      const isHorizontal = direction === 'horizontal';\n      const groupSize = isHorizontal ? groupRect.width : groupRect.height;\n      if (groupSize === 0) return;\n\n      const rawDelta = isHorizontal ? e.clientX - startX : e.clientY - startY;\n      const effectiveDelta = isHorizontal && isRtl() ? -rawDelta : rawDelta;\n      const percentDelta = (effectiveDelta / groupSize) * 100;\n\n      const newSizes = computeNewSizes(\n        startSizes,\n        _handleIndex,\n        percentDelta,\n        panels,\n        groupSize,\n      );\n\n      updateSizesImperative(newSizes);\n\n      if (handleRef.current) {\n        const rounded = Math.round(newSizes[_handleIndex]);\n        handleRef.current.setAttribute('aria-valuenow', String(rounded));\n        handleRef.current.setAttribute(\n          'aria-valuetext',\n          new Intl.NumberFormat(i18n.language, { style: 'percent' }).format(\n            rounded / 100,\n          ),\n        );\n      }\n\n      scheduleAnnounce(newSizes[_handleIndex]);\n    };\n\n    const onPointerUp = (e: ReactPointerEvent<HTMLDivElement>) => {\n      if (!dragStateRef.current) return;\n      e.currentTarget.releasePointerCapture(e.pointerId);\n      e.currentTarget.style.removeProperty('touch-action');\n      dragStateRef.current = null;\n      setIsDragging(false);\n      const finalSizes = liveSizesRef.current;\n      commitSizes(finalSizes);\n      scheduleAnnounce(finalSizes[_handleIndex], true);\n    };\n\n    const onPointerCancel = (e: ReactPointerEvent<HTMLDivElement>) => {\n      if (!dragStateRef.current) return;\n      e.currentTarget.releasePointerCapture(e.pointerId);\n      e.currentTarget.style.removeProperty('touch-action');\n      dragStateRef.current = null;\n      setIsDragging(false);\n      const finalSizes = liveSizesRef.current;\n      commitSizes(finalSizes);\n    };\n\n    const onKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n      const li = _handleIndex;\n      const ri = _handleIndex + 1;\n      if (li >= panels.length || ri >= panels.length) return;\n\n      const lc = panels[li];\n      const rc = panels[ri];\n      const isHorizontal = direction === 'horizontal';\n      const rtl = isHorizontal && isRtl();\n      const step = e.shiftKey ? 10 : 1;\n      const current = [...liveSizesRef.current];\n\n      const growLeft = (amount = step): number[] | null => {\n        const avail = Math.min(\n          amount,\n          lc.maxSize - current[li],\n          current[ri] - (rc.collapsible ? rc.collapsedSize : rc.minSize),\n        );\n        if (avail <= 0) return null;\n        const ns = [...current];\n        ns[li] += avail;\n        ns[ri] -= avail;\n        return ns;\n      };\n\n      const shrinkLeft = (amount = step): number[] | null => {\n        const lMin = lc.collapsible ? lc.collapsedSize : lc.minSize;\n        const avail = Math.min(amount, current[li] - lMin);\n        if (avail <= 0) return null;\n        const ns = [...current];\n        ns[li] -= avail;\n        ns[ri] += avail;\n        return ns;\n      };\n\n      let newSizes: number[] | null = null;\n\n      switch (e.key) {\n        case 'ArrowRight':\n          if (!isHorizontal) break;\n          e.preventDefault();\n          newSizes = rtl ? shrinkLeft() : growLeft();\n          break;\n        case 'ArrowLeft':\n          if (!isHorizontal) break;\n          e.preventDefault();\n          newSizes = rtl ? growLeft() : shrinkLeft();\n          break;\n        case 'ArrowDown':\n          if (isHorizontal) break;\n          e.preventDefault();\n          newSizes = growLeft();\n          break;\n        case 'ArrowUp':\n          if (isHorizontal) break;\n          e.preventDefault();\n          newSizes = shrinkLeft();\n          break;\n        case 'Home': {\n          e.preventDefault();\n          const lMin = lc.collapsible ? lc.collapsedSize : lc.minSize;\n          const delta = current[li] - lMin;\n          if (delta > 0) {\n            const ns = [...current];\n            ns[li] = lMin;\n            ns[ri] += delta;\n            newSizes = ns;\n          }\n          break;\n        }\n        case 'End': {\n          e.preventDefault();\n          const rMin = rc.collapsible ? rc.collapsedSize : rc.minSize;\n          const avail = Math.min(lc.maxSize - current[li], current[ri] - rMin);\n          if (avail > 0) {\n            const ns = [...current];\n            ns[li] += avail;\n            ns[ri] -= avail;\n            newSizes = ns;\n          }\n          break;\n        }\n        case 'Enter': {\n          e.preventDefault();\n          const panel = lc.collapsible ? lc : rc.collapsible ? rc : null;\n          const pIdx = lc.collapsible ? li : rc.collapsible ? ri : -1;\n          if (!panel || pIdx < 0) break;\n          const partner = pIdx === li ? ri : li;\n          const isCollapsed =\n            Math.abs(current[pIdx] - panel.collapsedSize) < 0.5;\n          const total = current[li] + current[ri];\n          const ns = [...current];\n          if (isCollapsed) {\n            ns[pIdx] = panel.minSize;\n            ns[partner] = total - panel.minSize;\n          } else {\n            ns[pIdx] = panel.collapsedSize;\n            ns[partner] = total - panel.collapsedSize;\n          }\n          newSizes = ns;\n          break;\n        }\n        default:\n          break;\n      }\n\n      if (newSizes) {\n        updateSizesImperative(newSizes);\n        commitSizes(newSizes);\n        scheduleAnnounce(newSizes[li], true);\n      }\n    };\n\n    const li = _handleIndex;\n    const ri = _handleIndex + 1;\n    const leftPanel = panels[li];\n    const rightPanel = panels[ri];\n    const orientation =\n      direction === 'horizontal'\n        ? ('horizontal' as const)\n        : ('vertical' as const);\n\n    const formatValueText = (size: number) =>\n      new Intl.NumberFormat(i18n.language, { style: 'percent' }).format(\n        size / 100,\n      );\n\n    const setRefs = (el: HTMLDivElement | null) => {\n      (handleRef as MutableRefObject<HTMLDivElement | null>).current = el;\n      if (typeof ref === 'function') ref(el);\n      else if (ref) ref.current = el;\n    };\n\n    return (\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- separator handle is keyboard-actionable via arrow keys to resize the adjacent panels\n      <div\n        ref={setRefs}\n        role=\"separator\"\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- separator handle is keyboard-actionable via arrow keys to resize the adjacent panels\n        tabIndex={0}\n        aria-orientation={orientation}\n        aria-valuemin={\n          leftPanel\n            ? leftPanel.collapsible\n              ? leftPanel.collapsedSize\n              : leftPanel.minSize\n            : 0\n        }\n        aria-valuemax={leftPanel?.maxSize ?? 100}\n        aria-valuenow={Math.round(sizes[li] ?? 0)}\n        aria-valuetext={formatValueText(sizes[li] ?? 0)}\n        aria-controls={\n          [leftPanel?.id, rightPanel?.id].filter(Boolean).join(' ') || undefined\n        }\n        aria-label={t('resizable.resizeLabel')}\n        data-dragging={isDragging ? '' : undefined}\n        className={handleVariants({ orientation, className })}\n        onPointerDown={onPointerDown}\n        onPointerMove={onPointerMove}\n        onPointerUp={onPointerUp}\n        onPointerCancel={onPointerCancel}\n        onKeyDown={onKeyDown}\n      />\n    );\n  },\n);\n\nHandle.displayName = 'Handle';\n"],"names":["ResizableContext","createContext","useResizable","ctx","useContext","resizableAgent","handle","args","STORAGE_PREFIX","loadFromStorage","groupId","raw","parsed","saveToStorage","sizes","normalizeSizes","total","a","b","s","computeNewSizes","currentSizes","handleIndex","deltaPercent","panels","groupSizePx","li","ri","lc","rc","collapseThreshold","newLeft","newRight","lMin","rMin","handleVariants","cva","panelGroupVariants","panelVariants","PanelGroup","forwardRef","direction","id","onLayout","className","children","outerRef","baseId","useId","groupRef","useRef","panelElementsRef","storageTimeoutRef","announceText","setAnnounceText","useState","panelConfigs","processedChildren","useMemo","configs","panelIdx","handleIdx","walk","child","isValidElement","Panel","idx","p","cloneElement","Handle","Children","committedSizes","setCommittedSizes","stored","liveSizesRef","useEffect","updateSizesImperative","useCallback","newSizes","el","commitSizes","useIsomorphicLayoutEffect","registerPanelElement","index","size","unregisterPanelElement","setAnnounceCb","text","containerClass","ctxValue","setRef","agentHandle","next","useAgentRegistration","jsx","jsxs","_panelIndex","_panelId","minSize","maxSize","ref","panelRef","useImperativeHandle","newSize","clamped","diff","otherIndices","_","i","otherTotal","_handleIndex","t","i18n","useTranslation","isDragging","setIsDragging","dragStateRef","announceTimeoutRef","announceRafRef","handleRef","scheduleAnnounce","immediate","formatted","isRtl","onPointerDown","e","onPointerMove","startX","startY","startSizes","groupRect","isHorizontal","groupSize","rawDelta","percentDelta","rounded","onPointerUp","finalSizes","onPointerCancel","onKeyDown","rtl","step","current","growLeft","amount","avail","ns","shrinkLeft","delta","panel","pIdx","partner","isCollapsed","leftPanel","rightPanel","orientation","formatValueText"],"mappings":"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"}

package/dist/_chunks/{reviews-panel-DBktKm7i.js → reviews-panel-Dq7LMDcH.js}

@@ -1,17 +1,17 @@
-import { jsx as s, jsxs as t } from "react/jsx-runtime";
+import { jsx as s, jsxs as r } from "react/jsx-runtime";
 import { forwardRef as G, useState as E, useCallback as L, useMemo as C, useRef as V, useImperativeHandle as J, useId as B, useEffect as Q } from "react";
 import { c as K } from "./index-D2ZczOXr.js";
 import { useTranslation as H } from "react-i18next";
-import { u as W } from "./registry-nPAVE19X.js";
-import { R as N } from "./rating-BRD7O74e.js";
+import { u as W } from "./registry-DvAUVLHh.js";
+import { R as k } from "./rating-BRD7O74e.js";
 import { C as A } from "./card-DPmk26CL.js";
-import { C as X, b as Y, a as Z } from "./collapsible-X3oaLPU3.js";
+import { C as X, b as Y, a as Z } from "./collapsible-BrnRiCC6.js";
 import { D as l } from "./description-list-gkNGWk5G.js";
 import { E as ee } from "./empty-state-BLy7tigq.js";
 import { S as T } from "./skeleton-CZbwyJAA.js";
 import { B as se } from "./button-DD_0Xdmr.js";
 import { C as ae } from "./chevron-down-BX_NP2Yh.js";
-const re = {
+const te = {
   id: "reviews-panel",
   capabilities: ["filter"],
   state: {
@@ -30,10 +30,29 @@ const re = {
   },
   actions: {
     set_filter: {
+      // Pure ephemeral narrowing of the visible list — no data loss.
       safety: "read",
       argsType: '{ filter: "all" | 1 | 2 | 3 | 4 | 5 }',
+      argsSchema: {
+        type: "object",
+        properties: {
+          filter: {
+            description: 'Star bucket to show, or "all" to clear the filter.',
+            oneOf: [
+              { type: "string", enum: ["all"] },
+              { type: "integer", enum: [1, 2, 3, 4, 5] }
+            ]
+          }
+        },
+        required: ["filter"]
+      },
+      idempotent: !0,
       descriptionKey: "ui.agent.reviewsPanel.actions.setFilter",
       description: 'Narrow the visible review list to a star bucket, or `"all"` to clear the filter.',
+      examples: [
+        { args: { filter: 5 }, note: "Show only 5-star reviews." },
+        { args: { filter: "all" }, note: "Clear the star filter." }
+      ],
       invoke: (e, i) => {
         e.setFilter(i.filter);
       }
@@ -55,7 +74,7 @@ const re = {
 function $(e) {
   return Math.min(5, Math.max(1, Math.floor(e)));
 }
-function te(e) {
+function re(e) {
   const i = {
     1: 0,
     2: 0,
@@ -105,53 +124,53 @@ function ie({
   totalCount: n,
   onChange: c
 }) {
-  const { t: h } = H(), w = B(), [k, d] = E(
+  const { t: h } = H(), w = B(), [N, d] = E(
     () => Math.max(0, x.indexOf(e))
   );
   Q(() => {
-    const r = x.indexOf(e);
-    r >= 0 && d(r);
+    const t = x.indexOf(e);
+    t >= 0 && d(t);
   }, [e]);
-  const m = V(/* @__PURE__ */ new Map()), f = L((r) => {
+  const m = V(/* @__PURE__ */ new Map()), f = L((t) => {
     var o;
-    (o = m.current.get(r)) == null || o.focus();
+    (o = m.current.get(t)) == null || o.focus();
   }, []), p = x.length, P = L(
-    (r, o) => {
-      switch (r.key) {
+    (t, o) => {
+      switch (t.key) {
         case "ArrowDown":
         case "ArrowRight": {
-          r.preventDefault();
+          t.preventDefault();
           const a = (o + 1) % p;
           d(a), f(a), c(x[a]);
           break;
         }
         case "ArrowUp":
         case "ArrowLeft": {
-          r.preventDefault();
+          t.preventDefault();
           const a = (o - 1 + p) % p;
           d(a), f(a), c(x[a]);
           break;
         }
         case "Home": {
-          r.preventDefault(), d(0), f(0), c(x[0]);
+          t.preventDefault(), d(0), f(0), c(x[0]);
           break;
         }
         case "End": {
-          r.preventDefault();
+          t.preventDefault();
           const a = p - 1;
           d(a), f(a), c(x[a]);
           break;
         }
         case "Enter":
         case " ": {
-          r.preventDefault(), c(x[o]);
+          t.preventDefault(), c(x[o]);
           break;
         }
       }
     },
     [p, f, c]
   );
-  return /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+  return /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
     /* @__PURE__ */ s(
       "h3",
       {
@@ -166,9 +185,9 @@ function ie({
         role: "radiogroup",
         "aria-labelledby": w,
         className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
-        children: x.map((r, o) => {
-          const a = r === "all", y = a ? 0 : r, v = a ? n : i[y], S = r === e, j = k === o, u = a ? h("reviewsPanel.filter.allLabel", { count: v }) : h("reviewsPanel.filter.starsLabel", { stars: y, count: v });
-          return /* @__PURE__ */ t(
+        children: x.map((t, o) => {
+          const a = t === "all", y = a ? 0 : t, v = a ? n : i[y], S = t === e, j = N === o, u = a ? h("reviewsPanel.filter.allLabel", { count: v }) : h("reviewsPanel.filter.starsLabel", { stars: y, count: v });
+          return /* @__PURE__ */ r(
             "button",
             {
               ref: (b) => {
@@ -180,11 +199,11 @@ function ie({
               "aria-label": u,
               tabIndex: j ? 0 : -1,
               onClick: () => {
-                d(o), c(r);
+                d(o), c(t);
               },
               onFocus: () => d(o),
               onKeyDown: (b) => P(b, o),
-              "data-filter-bucket": String(r),
+              "data-filter-bucket": String(t),
               className: ne({
                 state: S ? "selected" : "idle"
               }),
@@ -194,7 +213,7 @@ function ie({
                   {
                     "aria-hidden": "true",
                     className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
-                    children: a ? /* @__PURE__ */ s("span", { className: "type-label", children: h("reviewsPanel.filter.allShort") }) : /* @__PURE__ */ s(N, { value: y, size: "sm", decorative: !0 })
+                    children: a ? /* @__PURE__ */ s("span", { className: "type-label", children: h("reviewsPanel.filter.allShort") }) : /* @__PURE__ */ s(k, { value: y, size: "sm", decorative: !0 })
                   }
                 ),
                 /* @__PURE__ */ s(
@@ -218,7 +237,7 @@ function ie({
                 )
               ]
             },
-            String(r)
+            String(t)
           );
         })
       }
@@ -226,8 +245,8 @@ function ie({
   ] });
 }
 function le({ review: e, locale: i }) {
-  var r, o, a, y;
-  const { t: n } = H(), c = B(), h = B(), [w, k] = E(!1), d = !!(e.breakdown && Object.values(e.breakdown).some((v) => v != null)), m = !!e.reply || d || !!e.futureVisit || !!e.recommendation, f = C(() => {
+  var t, o, a, y;
+  const { t: n } = H(), c = B(), h = B(), [w, N] = E(!1), d = !!(e.breakdown && Object.values(e.breakdown).some((v) => v != null)), m = !!e.reply || d || !!e.futureVisit || !!e.recommendation, f = C(() => {
     if (!e.authoredAt) return "";
     try {
       const v = new Date(e.authoredAt);
@@ -237,15 +256,15 @@ function le({ review: e, locale: i }) {
     } catch {
       return e.authoredAt;
     }
-  }, [e.authoredAt, i]), p = e.pseudonym ?? n("reviewsPanel.anonymous"), P = /* @__PURE__ */ t(
+  }, [e.authoredAt, i]), p = e.pseudonym ?? n("reviewsPanel.anonymous"), P = /* @__PURE__ */ r(
     X,
     {
       open: m ? w : !1,
-      onOpenChange: m ? k : void 0,
+      onOpenChange: m ? N : void 0,
       children: [
-        /* @__PURE__ */ t(A.Footer, { children: [
+        /* @__PURE__ */ r(A.Footer, { children: [
           /* @__PURE__ */ s("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: f }),
-          m ? /* @__PURE__ */ s(Y, { asChild: !0, children: /* @__PURE__ */ t(
+          m ? /* @__PURE__ */ s(Y, { asChild: !0, children: /* @__PURE__ */ r(
             "button",
             {
               id: c,
@@ -268,46 +287,46 @@ function le({ review: e, locale: i }) {
             }
           ) }) : null
         ] }),
-        m ? /* @__PURE__ */ s(Z, { id: h, "aria-labelledby": c, children: /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pb-[var(--spacing-md)]", children: [
-          d || e.futureVisit || e.recommendation ? /* @__PURE__ */ t(l, { layout: "inline", density: "compact", children: [
-            ((r = e.breakdown) == null ? void 0 : r.appointmentScore) != null ? /* @__PURE__ */ t(l.Row, { children: [
+        m ? /* @__PURE__ */ s(Z, { id: h, "aria-labelledby": c, children: /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pb-[var(--spacing-md)]", children: [
+          d || e.futureVisit || e.recommendation ? /* @__PURE__ */ r(l, { layout: "inline", density: "compact", children: [
+            ((t = e.breakdown) == null ? void 0 : t.appointmentScore) != null ? /* @__PURE__ */ r(l.Row, { children: [
               /* @__PURE__ */ s(l.Term, { children: n("reviewsPanel.breakdown.appointment") }),
               /* @__PURE__ */ s(l.Detail, { children: /* @__PURE__ */ s(
-                N,
+                k,
                 {
                   value: e.breakdown.appointmentScore,
                   size: "sm"
                 }
               ) })
             ] }) : null,
-            ((o = e.breakdown) == null ? void 0 : o.communicationScore) != null ? /* @__PURE__ */ t(l.Row, { children: [
+            ((o = e.breakdown) == null ? void 0 : o.communicationScore) != null ? /* @__PURE__ */ r(l.Row, { children: [
               /* @__PURE__ */ s(l.Term, { children: n("reviewsPanel.breakdown.communication") }),
               /* @__PURE__ */ s(l.Detail, { children: /* @__PURE__ */ s(
-                N,
+                k,
                 {
                   value: e.breakdown.communicationScore,
                   size: "sm"
                 }
               ) })
             ] }) : null,
-            ((a = e.breakdown) == null ? void 0 : a.staffScore) != null ? /* @__PURE__ */ t(l.Row, { children: [
+            ((a = e.breakdown) == null ? void 0 : a.staffScore) != null ? /* @__PURE__ */ r(l.Row, { children: [
               /* @__PURE__ */ s(l.Term, { children: n("reviewsPanel.breakdown.staff") }),
-              /* @__PURE__ */ s(l.Detail, { children: /* @__PURE__ */ s(N, { value: e.breakdown.staffScore, size: "sm" }) })
+              /* @__PURE__ */ s(l.Detail, { children: /* @__PURE__ */ s(k, { value: e.breakdown.staffScore, size: "sm" }) })
             ] }) : null,
-            ((y = e.breakdown) == null ? void 0 : y.overallScore) != null ? /* @__PURE__ */ t(l.Row, { children: [
+            ((y = e.breakdown) == null ? void 0 : y.overallScore) != null ? /* @__PURE__ */ r(l.Row, { children: [
               /* @__PURE__ */ s(l.Term, { children: n("reviewsPanel.breakdown.overall") }),
-              /* @__PURE__ */ s(l.Detail, { children: /* @__PURE__ */ s(N, { value: e.breakdown.overallScore, size: "sm" }) })
+              /* @__PURE__ */ s(l.Detail, { children: /* @__PURE__ */ s(k, { value: e.breakdown.overallScore, size: "sm" }) })
             ] }) : null,
-            e.futureVisit ? /* @__PURE__ */ t(l.Row, { children: [
+            e.futureVisit ? /* @__PURE__ */ r(l.Row, { children: [
               /* @__PURE__ */ s(l.Term, { children: n("reviewsPanel.breakdown.futureVisit") }),
               /* @__PURE__ */ s(l.Detail, { children: n(`reviewsPanel.answer.${e.futureVisit}`) })
             ] }) : null,
-            e.recommendation ? /* @__PURE__ */ t(l.Row, { children: [
+            e.recommendation ? /* @__PURE__ */ r(l.Row, { children: [
               /* @__PURE__ */ s(l.Term, { children: n("reviewsPanel.breakdown.recommendation") }),
               /* @__PURE__ */ s(l.Detail, { children: n(`reviewsPanel.answer.${e.recommendation}`) })
             ] }) : null
           ] }) : null,
-          e.reply ? /* @__PURE__ */ t("div", { className: "ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]/40 ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", children: [
+          e.reply ? /* @__PURE__ */ r("div", { className: "ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]/40 ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", children: [
             /* @__PURE__ */ s("p", { className: "type-label ds:m-0 ds:mb-[var(--spacing-2xs)] ds:text-[var(--muted-foreground)] ds:font-[var(--font-weight-semibold)]", children: n("reviewsPanel.replyTitle") }),
             /* @__PURE__ */ s("p", { className: "type-body-sm ds:m-0 ds:text-[var(--foreground)] ds:[white-space:pre-line]", children: e.reply })
           ] }) : null
@@ -315,22 +334,22 @@ function le({ review: e, locale: i }) {
       ]
     }
   );
-  return /* @__PURE__ */ t(A, { variant: "default", className: "ds:shadow-[var(--shadow-sm)]", children: [
-    /* @__PURE__ */ s(A.Header, { children: /* @__PURE__ */ t("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+  return /* @__PURE__ */ r(A, { variant: "default", className: "ds:shadow-[var(--shadow-sm)]", children: [
+    /* @__PURE__ */ s(A.Header, { children: /* @__PURE__ */ r("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
       /* @__PURE__ */ s("h4", { className: "type-title-item ds:m-0 ds:text-[var(--foreground)]", children: p }),
-      /* @__PURE__ */ s(N, { value: e.overallScore, size: "sm" })
+      /* @__PURE__ */ s(k, { value: e.overallScore, size: "sm" })
     ] }) }),
     e.comment ? /* @__PURE__ */ s(A.Body, { children: /* @__PURE__ */ s("p", { className: "type-body ds:m-0 ds:text-[var(--foreground)] ds:line-clamp-2", children: e.comment }) }) : null,
     P
   ] });
 }
 function de({ hideFilter: e }) {
-  return /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ t("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+  return /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ r("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
       /* @__PURE__ */ s(T, { variant: "text", width: "40%" }),
       /* @__PURE__ */ s(T, { variant: "text", width: "20%" })
     ] }),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ r(
       "div",
       {
         className: e ? "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]" : "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-[minmax(0,30%)_minmax(0,1fr)]",
@@ -371,13 +390,13 @@ const z = K(
     onFilterChange: c,
     introSlot: h,
     headerActionSlot: w,
-    "aria-label": k,
+    "aria-label": N,
     id: d,
     className: m,
     hideFilter: f = !1,
     surface: p = "flat",
     loading: P = !1,
-    ...r
+    ...t
   }, o) => {
     const { t: a, i18n: y } = H(), v = y.language ?? "en", [S, j] = E("all"), u = n ?? S, b = L(
       (g) => {
@@ -385,7 +404,7 @@ const z = K(
       },
       [n, c]
     ), U = C(
-      () => i.histogram ?? te(e),
+      () => i.histogram ?? re(e),
       [i.histogram, e]
     ), R = C(() => u === "all" ? e : e.filter((g) => $(g.overallScore) === u), [e, u]), M = V(u);
     M.current = u;
@@ -399,8 +418,8 @@ const z = K(
       }),
       [b]
     ), D = V(null);
-    J(o, () => D.current, []), W(re, q, d);
-    const F = k ?? a("reviewsPanel.regionLabel"), I = String(u);
+    J(o, () => D.current, []), W(te, q, d);
+    const F = N ?? a("reviewsPanel.regionLabel"), I = String(u);
     if (P)
       return /* @__PURE__ */ s(
         "section",
@@ -414,7 +433,7 @@ const z = K(
           "data-filter": I,
           "data-state": "loading",
           className: z({ surface: p, className: m }),
-          ...r,
+          ...t,
           children: /* @__PURE__ */ s(de, { hideFilter: f })
         }
       );
@@ -430,7 +449,7 @@ const z = K(
           "data-filter": I,
           "data-state": "empty",
           className: z({ surface: p, className: m }),
-          ...r,
+          ...t,
           children: /* @__PURE__ */ s(
             ee,
             {
@@ -442,7 +461,7 @@ const z = K(
         }
       );
     const _ = !f;
-    return /* @__PURE__ */ t(
+    return /* @__PURE__ */ r(
       "section",
       {
         ref: D,
@@ -452,14 +471,14 @@ const z = K(
         "data-component-id": d,
         "data-filter": I,
         className: z({ surface: p, className: m }),
-        ...r,
+        ...t,
         children: [
-          /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
             /* @__PURE__ */ s("h2", { className: "type-title-section ds:m-0 ds:text-[var(--foreground)]", children: a("reviewsPanel.title") }),
-            /* @__PURE__ */ t("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-md)]", children: [
+            /* @__PURE__ */ r("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-md)]", children: [
               w,
               /* @__PURE__ */ s(
-                N,
+                k,
                 {
                   value: i.averageScore,
                   reviews: { count: i.count },
@@ -468,7 +487,7 @@ const z = K(
               )
             ] })
           ] }),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ r(
             "div",
             {
               className: _ ? "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-[minmax(0,30%)_minmax(0,1fr)]" : "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
@@ -482,14 +501,14 @@ const z = K(
                     onChange: b
                   }
                 ) : null,
-                /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:min-w-0", children: [
+                /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:min-w-0", children: [
                   h || null,
                   R.length === 0 ? (
                     // `role="status"` already implies `aria-live="polite"` —
                     // declaring both would queue two announcements when the
                     // filter changes (the radio's aria-checked flip + this
                     // container's text). Keeping `role` only.
-                    /* @__PURE__ */ t(
+                    /* @__PURE__ */ r(
                       "div",
                       {
                         role: "status",
@@ -531,6 +550,6 @@ const z = K(
 oe.displayName = "ReviewsPanel";
 export {
   oe as R,
-  re as r
+  te as r
 };
-//# sourceMappingURL=reviews-panel-DBktKm7i.js.map
+//# sourceMappingURL=reviews-panel-Dq7LMDcH.js.map