@alfadocs/ui-kit-debug 0.25.1 → 0.30.0

package/dist/_chunks/{recaptcha-widget-Kp1XntuE.js → recaptcha-widget-BtBNb6tB.js}

@@ -2,7 +2,7 @@ import { jsxs as U, jsx as L } from "react/jsx-runtime";
 import { forwardRef as q, useRef as u, useState as E, useEffect as G, useMemo as J, useImperativeHandle as K } from "react";
 import { useTranslation as Q } from "react-i18next";
 import { u as X } from "./form-field-context-B3APVHKx.js";
-import { u as Y } from "./use-theme-B1cwAXJR.js";
+import { u as Y } from "./use-theme-C2dHKUAN.js";
 import { u as Z } from "./registry-C9nwlNyL.js";
 const z = {
   id: "recaptcha-widget",
@@ -189,4 +189,4 @@ export {
   oe as R,
   z as r
 };
-//# sourceMappingURL=recaptcha-widget-Kp1XntuE.js.map
+//# sourceMappingURL=recaptcha-widget-BtBNb6tB.js.map

package/dist/_chunks/{recaptcha-widget-Kp1XntuE.js.map → recaptcha-widget-BtBNb6tB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"recaptcha-widget-Kp1XntuE.js","sources":["../../src/components/recaptcha-widget/recaptcha-widget.agent.ts","../../src/components/recaptcha-widget/recaptcha-widget.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — RecaptchaWidget.                                       */\n/*                                                                        */\n/* Recaptcha already exposes a curated `RecaptchaWidgetHandle` via        */\n/* useImperativeHandle. The adapter wires `execute` (issue token, write)  */\n/* and `reset` (clear token, destructive) into that existing handle.      */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { RecaptchaWidgetHandle } from './recaptcha-widget';\n\nexport const recaptchaWidgetAgent: AgentAdapter<RecaptchaWidgetHandle> = {\n  id: 'recaptcha-widget',\n  capabilities: ['submit'],\n  state: {\n    hasToken: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.recaptchaWidget.state.hasToken',\n      description:\n        'True when the widget currently holds a valid verification token.',\n      read: (handle) => handle.getResponse().length > 0,\n    },\n  },\n  actions: {\n    execute: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.recaptchaWidget.actions.execute',\n      description:\n        'Programmatically trigger the captcha challenge. Issues a token via the callback.',\n      invoke: (handle) => {\n        handle.execute();\n      },\n    },\n    reset: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.recaptchaWidget.actions.reset',\n      description:\n        'Clear the current token and re-roll the captcha. Irreversible.',\n      invoke: (handle) => {\n        handle.reset();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'recaptcha-widget',\n      description: 'Marks the RecaptchaWidget wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop (or the surrounding FormField id).',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useFormField } from '../form-field/form-field-context';\nimport { useTheme } from '../../hooks';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { recaptchaWidgetAgent } from './recaptcha-widget.agent';\n\n/* ------------------------------------------------------------------ */\n/* Loader — idempotent across instances                                */\n/* ------------------------------------------------------------------ */\n\n/**\n * Google reCAPTCHA v2 ships as a global `grecaptcha` object loaded from\n * `https://www.google.com/recaptcha/api.js`. We lazy-load the script\n * once per page using a shared promise so N widgets on the same form\n * (or N renders of a single widget) all wait on the same fetch.\n *\n * The `?render=explicit` query parameter is required so we control\n * when each widget mounts via `grecaptcha.render`, rather than letting\n * the global auto-bind to every `.g-recaptcha` div on the page.\n */\nconst SCRIPT_SRC = 'https://www.google.com/recaptcha/api.js';\nconst SCRIPT_ID = 'alfadocs-ui-recaptcha-loader';\n\ninterface RecaptchaApi {\n  render: (\n    container: HTMLElement,\n    parameters: {\n      sitekey: string;\n      theme?: 'light' | 'dark';\n      size?: 'normal' | 'compact' | 'invisible';\n      hl?: string;\n      callback?: (token: string) => void;\n      'expired-callback'?: () => void;\n      'error-callback'?: () => void;\n    },\n  ) => number;\n  reset: (widgetId?: number) => void;\n  getResponse: (widgetId?: number) => string;\n  execute: (widgetId?: number) => void;\n}\n\ndeclare global {\n  interface Window {\n    grecaptcha?: RecaptchaApi;\n    ___grecaptchaOnLoad___?: () => void;\n  }\n}\n\nlet loaderPromise: Promise<RecaptchaApi> | null = null;\n\nfunction loadRecaptcha(hl: string | undefined): Promise<RecaptchaApi> {\n  if (typeof window === 'undefined') {\n    return Promise.reject(new Error('recaptcha: window is not available'));\n  }\n  if (window.grecaptcha && typeof window.grecaptcha.render === 'function') {\n    return Promise.resolve(window.grecaptcha);\n  }\n  if (loaderPromise) {\n    return loaderPromise;\n  }\n\n  loaderPromise = new Promise<RecaptchaApi>((resolve, reject) => {\n    const existing = document.getElementById(\n      SCRIPT_ID,\n    ) as HTMLScriptElement | null;\n\n    const onReady = () => {\n      if (window.grecaptcha && typeof window.grecaptcha.render === 'function') {\n        resolve(window.grecaptcha);\n      } else {\n        reject(new Error('recaptcha: grecaptcha global missing after load'));\n      }\n    };\n\n    window.___grecaptchaOnLoad___ = onReady;\n\n    if (existing) {\n      // Another instance kicked off the load — wait for the global\n      // onload callback we just (re)installed.\n      return;\n    }\n\n    const params = new URLSearchParams({\n      onload: '___grecaptchaOnLoad___',\n      render: 'explicit',\n    });\n    if (hl) params.set('hl', hl);\n\n    const script = document.createElement('script');\n    script.id = SCRIPT_ID;\n    script.src = `${SCRIPT_SRC}?${params.toString()}`;\n    script.async = true;\n    script.defer = true;\n    script.onerror = () => {\n      loaderPromise = null;\n      reject(new Error('recaptcha: script failed to load'));\n    };\n    document.head.appendChild(script);\n  });\n\n  return loaderPromise;\n}\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                          */\n/* ------------------------------------------------------------------ */\n\nexport interface RecaptchaWidgetHandle {\n  /** Re-roll the captcha — clears the response token. */\n  reset: () => void;\n  /** Returns the current response token, or empty string when unsolved. */\n  getResponse: () => string;\n  /** Programmatically trigger an invisible captcha challenge. */\n  execute: () => void;\n}\n\nexport interface RecaptchaWidgetProps {\n  /** Google reCAPTCHA v2 site key. Required. */\n  siteKey: string;\n  /**\n   * Visual theme. Defaults to the resolved DS theme (`useTheme`).\n   * Pass `'light'` / `'dark'` to force.\n   */\n  theme?: 'light' | 'dark';\n  /** Two-letter locale hint. Defaults to the current i18next language. */\n  locale?: string;\n  /** Widget size. */\n  size?: 'normal' | 'compact' | 'invisible';\n  /** Called with the verification token, or `null` when expired/reset. */\n  onChange?: (token: string | null) => void;\n  /** Called when the user solves but the token then times out. */\n  onExpired?: () => void;\n  /** Called when the script or challenge errors out. */\n  onError?: () => void;\n  /** Error message — wires aria-describedby + announces via the live region. */\n  error?: string;\n  /** Override the DOM id; defaults to the surrounding FormField id. */\n  id?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const RecaptchaWidget = forwardRef<\n  RecaptchaWidgetHandle,\n  RecaptchaWidgetProps\n>(function RecaptchaWidget(\n  {\n    siteKey,\n    theme,\n    locale,\n    size = 'normal',\n    onChange,\n    onExpired,\n    onError,\n    error,\n    id,\n    className,\n  },\n  ref,\n) {\n  const { t, i18n } = useTranslation();\n  const formField = useFormField();\n  const { resolvedTheme } = useTheme();\n\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const widgetIdRef = useRef<number | null>(null);\n  const apiRef = useRef<RecaptchaApi | null>(null);\n  const [statusMessage, setStatusMessage] = useState<string>('');\n\n  const wrapperId = id ?? formField.id;\n  const errorId = error ? `${wrapperId}-error` : undefined;\n  const describedBy =\n    [formField.describedBy, errorId].filter(Boolean).join(' ') || undefined;\n\n  // Mirror the DS theme into reCAPTCHA's two-tone setting.\n  const effectiveTheme: 'light' | 'dark' =\n    theme ?? (resolvedTheme.startsWith('dark') ? 'dark' : 'light');\n  const effectiveLocale = locale ?? i18n.language;\n\n  // Stable callbacks via refs so we don't re-render the widget on\n  // every parent state change.\n  const onChangeRef = useRef(onChange);\n  const onExpiredRef = useRef(onExpired);\n  const onErrorRef = useRef(onError);\n  onChangeRef.current = onChange;\n  onExpiredRef.current = onExpired;\n  onErrorRef.current = onError;\n\n  const expiredLabel = t(\n    'inputs.recaptcha.expired',\n    'Verification expired — please retry.',\n  );\n  const errorLabel = t(\n    'inputs.recaptcha.error',\n    'Verification failed — please retry.',\n  );\n\n  useEffect(() => {\n    if (!siteKey || !containerRef.current) return;\n    let cancelled = false;\n\n    loadRecaptcha(effectiveLocale)\n      .then((api) => {\n        if (cancelled || !containerRef.current) return;\n        apiRef.current = api;\n        widgetIdRef.current = api.render(containerRef.current, {\n          sitekey: siteKey,\n          theme: effectiveTheme,\n          size,\n          hl: effectiveLocale,\n          callback: (token) => {\n            setStatusMessage('');\n            onChangeRef.current?.(token);\n          },\n          'expired-callback': () => {\n            setStatusMessage(expiredLabel);\n            onChangeRef.current?.(null);\n            onExpiredRef.current?.();\n          },\n          'error-callback': () => {\n            setStatusMessage(errorLabel);\n            onChangeRef.current?.(null);\n            onErrorRef.current?.();\n          },\n        });\n      })\n      .catch(() => {\n        if (cancelled) return;\n        setStatusMessage(errorLabel);\n        onErrorRef.current?.();\n      });\n\n    return () => {\n      cancelled = true;\n      // grecaptcha has no public destroy. The shared script stays\n      // loaded; we reset the widget so its iframe stops listening.\n      if (apiRef.current && widgetIdRef.current !== null) {\n        try {\n          apiRef.current.reset(widgetIdRef.current);\n        } catch {\n          /* widget id may already be invalid — safe to ignore. */\n        }\n      }\n    };\n    // Re-render the widget when the underlying configuration changes.\n  }, [\n    siteKey,\n    effectiveTheme,\n    effectiveLocale,\n    size,\n    expiredLabel,\n    errorLabel,\n  ]);\n\n  const agentHandle = useMemo<RecaptchaWidgetHandle>(\n    () => ({\n      reset: () => {\n        if (apiRef.current && widgetIdRef.current !== null) {\n          apiRef.current.reset(widgetIdRef.current);\n          setStatusMessage('');\n          onChangeRef.current?.(null);\n        }\n      },\n      getResponse: () => {\n        if (apiRef.current && widgetIdRef.current !== null) {\n          return apiRef.current.getResponse(widgetIdRef.current);\n        }\n        return '';\n      },\n      execute: () => {\n        if (apiRef.current && widgetIdRef.current !== null) {\n          apiRef.current.execute(widgetIdRef.current);\n        }\n      },\n    }),\n    [],\n  );\n  useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n  useAgentRegistration(recaptchaWidgetAgent, agentHandle, wrapperId);\n\n  const liveMessage = error || statusMessage;\n  // For invisible widgets the iframe is offscreen, so we mark the\n  // wrapper as a non-visual badge. Otherwise the wrapper just hosts\n  // the rendered iframe and contributes no interactive role itself.\n  const wrapperRole = size === 'invisible' ? 'presentation' : undefined;\n\n  return (\n    <div\n      className={[\n        'ds:inline-block',\n        // Keep the iframe inside the wrapper's stacking context so\n        // popovers etc. above the form continue to overlay correctly.\n        'ds:relative ds:isolate',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      data-component=\"recaptcha-widget\"\n      data-component-id={wrapperId}\n      data-size={size}\n      role={wrapperRole}\n    >\n      <div\n        ref={containerRef}\n        id={wrapperId}\n        // The class name is the canonical hook Google's verifier\n        // looks for when the page form is submitted server-side. Some\n        // Symfony / Laravel validators short-circuit when this class\n        // is missing, so we render it even though we're using\n        // grecaptcha.render explicitly.\n        className=\"g-recaptcha\"\n        data-sitekey={siteKey}\n        data-theme={effectiveTheme}\n        data-size={size}\n        aria-describedby={describedBy}\n        aria-invalid={error || formField.invalid ? true : undefined}\n      />\n      {/* Live announcement for expired / error states. Empty when the\n          widget is healthy so SR users aren't spammed. */}\n      <div\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        className=\"ds:sr-only\"\n      >\n        {liveMessage}\n      </div>\n    </div>\n  );\n});\n"],"names":["recaptchaWidgetAgent","handle","SCRIPT_SRC","SCRIPT_ID","loaderPromise","loadRecaptcha","hl","resolve","reject","existing","onReady","params","script","RecaptchaWidget","forwardRef","siteKey","theme","locale","size","onChange","onExpired","onError","error","id","className","ref","t","i18n","useTranslation","formField","useFormField","resolvedTheme","useTheme","containerRef","useRef","widgetIdRef","apiRef","statusMessage","setStatusMessage","useState","wrapperId","errorId","describedBy","effectiveTheme","effectiveLocale","onChangeRef","onExpiredRef","onErrorRef","expiredLabel","errorLabel","useEffect","cancelled","api","token","_a","_b","agentHandle","useMemo","useImperativeHandle","useAgentRegistration","liveMessage","wrapperRole","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"recaptcha-widget-BtBNb6tB.js","sources":["../../src/components/recaptcha-widget/recaptcha-widget.agent.ts","../../src/components/recaptcha-widget/recaptcha-widget.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — RecaptchaWidget.                                       */\n/*                                                                        */\n/* Recaptcha already exposes a curated `RecaptchaWidgetHandle` via        */\n/* useImperativeHandle. The adapter wires `execute` (issue token, write)  */\n/* and `reset` (clear token, destructive) into that existing handle.      */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { RecaptchaWidgetHandle } from './recaptcha-widget';\n\nexport const recaptchaWidgetAgent: AgentAdapter<RecaptchaWidgetHandle> = {\n  id: 'recaptcha-widget',\n  capabilities: ['submit'],\n  state: {\n    hasToken: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.recaptchaWidget.state.hasToken',\n      description:\n        'True when the widget currently holds a valid verification token.',\n      read: (handle) => handle.getResponse().length > 0,\n    },\n  },\n  actions: {\n    execute: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.recaptchaWidget.actions.execute',\n      description:\n        'Programmatically trigger the captcha challenge. Issues a token via the callback.',\n      invoke: (handle) => {\n        handle.execute();\n      },\n    },\n    reset: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.recaptchaWidget.actions.reset',\n      description:\n        'Clear the current token and re-roll the captcha. Irreversible.',\n      invoke: (handle) => {\n        handle.reset();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'recaptcha-widget',\n      description: 'Marks the RecaptchaWidget wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop (or the surrounding FormField id).',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useFormField } from '../form-field/form-field-context';\nimport { useTheme } from '../../hooks';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { recaptchaWidgetAgent } from './recaptcha-widget.agent';\n\n/* ------------------------------------------------------------------ */\n/* Loader — idempotent across instances                                */\n/* ------------------------------------------------------------------ */\n\n/**\n * Google reCAPTCHA v2 ships as a global `grecaptcha` object loaded from\n * `https://www.google.com/recaptcha/api.js`. We lazy-load the script\n * once per page using a shared promise so N widgets on the same form\n * (or N renders of a single widget) all wait on the same fetch.\n *\n * The `?render=explicit` query parameter is required so we control\n * when each widget mounts via `grecaptcha.render`, rather than letting\n * the global auto-bind to every `.g-recaptcha` div on the page.\n */\nconst SCRIPT_SRC = 'https://www.google.com/recaptcha/api.js';\nconst SCRIPT_ID = 'alfadocs-ui-recaptcha-loader';\n\ninterface RecaptchaApi {\n  render: (\n    container: HTMLElement,\n    parameters: {\n      sitekey: string;\n      theme?: 'light' | 'dark';\n      size?: 'normal' | 'compact' | 'invisible';\n      hl?: string;\n      callback?: (token: string) => void;\n      'expired-callback'?: () => void;\n      'error-callback'?: () => void;\n    },\n  ) => number;\n  reset: (widgetId?: number) => void;\n  getResponse: (widgetId?: number) => string;\n  execute: (widgetId?: number) => void;\n}\n\ndeclare global {\n  interface Window {\n    grecaptcha?: RecaptchaApi;\n    ___grecaptchaOnLoad___?: () => void;\n  }\n}\n\nlet loaderPromise: Promise<RecaptchaApi> | null = null;\n\nfunction loadRecaptcha(hl: string | undefined): Promise<RecaptchaApi> {\n  if (typeof window === 'undefined') {\n    return Promise.reject(new Error('recaptcha: window is not available'));\n  }\n  if (window.grecaptcha && typeof window.grecaptcha.render === 'function') {\n    return Promise.resolve(window.grecaptcha);\n  }\n  if (loaderPromise) {\n    return loaderPromise;\n  }\n\n  loaderPromise = new Promise<RecaptchaApi>((resolve, reject) => {\n    const existing = document.getElementById(\n      SCRIPT_ID,\n    ) as HTMLScriptElement | null;\n\n    const onReady = () => {\n      if (window.grecaptcha && typeof window.grecaptcha.render === 'function') {\n        resolve(window.grecaptcha);\n      } else {\n        reject(new Error('recaptcha: grecaptcha global missing after load'));\n      }\n    };\n\n    window.___grecaptchaOnLoad___ = onReady;\n\n    if (existing) {\n      // Another instance kicked off the load — wait for the global\n      // onload callback we just (re)installed.\n      return;\n    }\n\n    const params = new URLSearchParams({\n      onload: '___grecaptchaOnLoad___',\n      render: 'explicit',\n    });\n    if (hl) params.set('hl', hl);\n\n    const script = document.createElement('script');\n    script.id = SCRIPT_ID;\n    script.src = `${SCRIPT_SRC}?${params.toString()}`;\n    script.async = true;\n    script.defer = true;\n    script.onerror = () => {\n      loaderPromise = null;\n      reject(new Error('recaptcha: script failed to load'));\n    };\n    document.head.appendChild(script);\n  });\n\n  return loaderPromise;\n}\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                          */\n/* ------------------------------------------------------------------ */\n\nexport interface RecaptchaWidgetHandle {\n  /** Re-roll the captcha — clears the response token. */\n  reset: () => void;\n  /** Returns the current response token, or empty string when unsolved. */\n  getResponse: () => string;\n  /** Programmatically trigger an invisible captcha challenge. */\n  execute: () => void;\n}\n\nexport interface RecaptchaWidgetProps {\n  /** Google reCAPTCHA v2 site key. Required. */\n  siteKey: string;\n  /**\n   * Visual theme. Defaults to the resolved DS theme (`useTheme`).\n   * Pass `'light'` / `'dark'` to force.\n   */\n  theme?: 'light' | 'dark';\n  /** Two-letter locale hint. Defaults to the current i18next language. */\n  locale?: string;\n  /** Widget size. */\n  size?: 'normal' | 'compact' | 'invisible';\n  /** Called with the verification token, or `null` when expired/reset. */\n  onChange?: (token: string | null) => void;\n  /** Called when the user solves but the token then times out. */\n  onExpired?: () => void;\n  /** Called when the script or challenge errors out. */\n  onError?: () => void;\n  /** Error message — wires aria-describedby + announces via the live region. */\n  error?: string;\n  /** Override the DOM id; defaults to the surrounding FormField id. */\n  id?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const RecaptchaWidget = forwardRef<\n  RecaptchaWidgetHandle,\n  RecaptchaWidgetProps\n>(function RecaptchaWidget(\n  {\n    siteKey,\n    theme,\n    locale,\n    size = 'normal',\n    onChange,\n    onExpired,\n    onError,\n    error,\n    id,\n    className,\n  },\n  ref,\n) {\n  const { t, i18n } = useTranslation();\n  const formField = useFormField();\n  const { resolvedTheme } = useTheme();\n\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const widgetIdRef = useRef<number | null>(null);\n  const apiRef = useRef<RecaptchaApi | null>(null);\n  const [statusMessage, setStatusMessage] = useState<string>('');\n\n  const wrapperId = id ?? formField.id;\n  const errorId = error ? `${wrapperId}-error` : undefined;\n  const describedBy =\n    [formField.describedBy, errorId].filter(Boolean).join(' ') || undefined;\n\n  // Mirror the DS theme into reCAPTCHA's two-tone setting.\n  const effectiveTheme: 'light' | 'dark' =\n    theme ?? (resolvedTheme.startsWith('dark') ? 'dark' : 'light');\n  const effectiveLocale = locale ?? i18n.language;\n\n  // Stable callbacks via refs so we don't re-render the widget on\n  // every parent state change.\n  const onChangeRef = useRef(onChange);\n  const onExpiredRef = useRef(onExpired);\n  const onErrorRef = useRef(onError);\n  onChangeRef.current = onChange;\n  onExpiredRef.current = onExpired;\n  onErrorRef.current = onError;\n\n  const expiredLabel = t(\n    'inputs.recaptcha.expired',\n    'Verification expired — please retry.',\n  );\n  const errorLabel = t(\n    'inputs.recaptcha.error',\n    'Verification failed — please retry.',\n  );\n\n  useEffect(() => {\n    if (!siteKey || !containerRef.current) return;\n    let cancelled = false;\n\n    loadRecaptcha(effectiveLocale)\n      .then((api) => {\n        if (cancelled || !containerRef.current) return;\n        apiRef.current = api;\n        widgetIdRef.current = api.render(containerRef.current, {\n          sitekey: siteKey,\n          theme: effectiveTheme,\n          size,\n          hl: effectiveLocale,\n          callback: (token) => {\n            setStatusMessage('');\n            onChangeRef.current?.(token);\n          },\n          'expired-callback': () => {\n            setStatusMessage(expiredLabel);\n            onChangeRef.current?.(null);\n            onExpiredRef.current?.();\n          },\n          'error-callback': () => {\n            setStatusMessage(errorLabel);\n            onChangeRef.current?.(null);\n            onErrorRef.current?.();\n          },\n        });\n      })\n      .catch(() => {\n        if (cancelled) return;\n        setStatusMessage(errorLabel);\n        onErrorRef.current?.();\n      });\n\n    return () => {\n      cancelled = true;\n      // grecaptcha has no public destroy. The shared script stays\n      // loaded; we reset the widget so its iframe stops listening.\n      if (apiRef.current && widgetIdRef.current !== null) {\n        try {\n          apiRef.current.reset(widgetIdRef.current);\n        } catch {\n          /* widget id may already be invalid — safe to ignore. */\n        }\n      }\n    };\n    // Re-render the widget when the underlying configuration changes.\n  }, [\n    siteKey,\n    effectiveTheme,\n    effectiveLocale,\n    size,\n    expiredLabel,\n    errorLabel,\n  ]);\n\n  const agentHandle = useMemo<RecaptchaWidgetHandle>(\n    () => ({\n      reset: () => {\n        if (apiRef.current && widgetIdRef.current !== null) {\n          apiRef.current.reset(widgetIdRef.current);\n          setStatusMessage('');\n          onChangeRef.current?.(null);\n        }\n      },\n      getResponse: () => {\n        if (apiRef.current && widgetIdRef.current !== null) {\n          return apiRef.current.getResponse(widgetIdRef.current);\n        }\n        return '';\n      },\n      execute: () => {\n        if (apiRef.current && widgetIdRef.current !== null) {\n          apiRef.current.execute(widgetIdRef.current);\n        }\n      },\n    }),\n    [],\n  );\n  useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n  useAgentRegistration(recaptchaWidgetAgent, agentHandle, wrapperId);\n\n  const liveMessage = error || statusMessage;\n  // For invisible widgets the iframe is offscreen, so we mark the\n  // wrapper as a non-visual badge. Otherwise the wrapper just hosts\n  // the rendered iframe and contributes no interactive role itself.\n  const wrapperRole = size === 'invisible' ? 'presentation' : undefined;\n\n  return (\n    <div\n      className={[\n        'ds:inline-block',\n        // Keep the iframe inside the wrapper's stacking context so\n        // popovers etc. above the form continue to overlay correctly.\n        'ds:relative ds:isolate',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      data-component=\"recaptcha-widget\"\n      data-component-id={wrapperId}\n      data-size={size}\n      role={wrapperRole}\n    >\n      <div\n        ref={containerRef}\n        id={wrapperId}\n        // The class name is the canonical hook Google's verifier\n        // looks for when the page form is submitted server-side. Some\n        // Symfony / Laravel validators short-circuit when this class\n        // is missing, so we render it even though we're using\n        // grecaptcha.render explicitly.\n        className=\"g-recaptcha\"\n        data-sitekey={siteKey}\n        data-theme={effectiveTheme}\n        data-size={size}\n        aria-describedby={describedBy}\n        aria-invalid={error || formField.invalid ? true : undefined}\n      />\n      {/* Live announcement for expired / error states. Empty when the\n          widget is healthy so SR users aren't spammed. */}\n      <div\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        className=\"ds:sr-only\"\n      >\n        {liveMessage}\n      </div>\n    </div>\n  );\n});\n"],"names":["recaptchaWidgetAgent","handle","SCRIPT_SRC","SCRIPT_ID","loaderPromise","loadRecaptcha","hl","resolve","reject","existing","onReady","params","script","RecaptchaWidget","forwardRef","siteKey","theme","locale","size","onChange","onExpired","onError","error","id","className","ref","t","i18n","useTranslation","formField","useFormField","resolvedTheme","useTheme","containerRef","useRef","widgetIdRef","apiRef","statusMessage","setStatusMessage","useState","wrapperId","errorId","describedBy","effectiveTheme","effectiveLocale","onChangeRef","onExpiredRef","onErrorRef","expiredLabel","errorLabel","useEffect","cancelled","api","token","_a","_b","agentHandle","useMemo","useImperativeHandle","useAgentRegistration","liveMessage","wrapperRole","jsxs","jsx"],"mappings":"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"}

package/dist/_chunks/reviews-panel-CFttsfuC.js

@@ -0,0 +1,513 @@
+import { jsx as s, jsxs as t } from "react/jsx-runtime";
+import { forwardRef as q, useState as _, useCallback as L, useMemo as V, useRef as F, useImperativeHandle as G, useId as B, useEffect as J } from "react";
+import { c as K } from "./index-D2ZczOXr.js";
+import { useTranslation as E } from "react-i18next";
+import { u as Q } from "./registry-C9nwlNyL.js";
+import { R as N } from "./rating-BRD7O74e.js";
+import { C as T } from "./card-DKTMLVrw.js";
+import { C as W, b as X, a as Y } from "./collapsible-hHiyZp0b.js";
+import { D as d } from "./description-list-yl3y3QKg.js";
+import { E as Z } from "./empty-state-BLy7tigq.js";
+import { S as C } from "./skeleton-CZbwyJAA.js";
+import { B as ee } from "./button-DD_0Xdmr.js";
+import { C as se } from "./chevron-down-BX_NP2Yh.js";
+const ae = {
+  id: "reviews-panel",
+  capabilities: ["filter"],
+  state: {
+    filter: {
+      type: "string",
+      descriptionKey: "ui.agent.reviewsPanel.state.filter",
+      description: 'Active star-bucket filter — `"all"` or an integer 1..5. Reads the controlled `filter` prop.',
+      read: (e) => e.getFilter()
+    },
+    visibleCount: {
+      type: "number",
+      descriptionKey: "ui.agent.reviewsPanel.state.visibleCount",
+      description: "Number of reviews currently rendered after the filter is applied.",
+      read: (e) => e.getVisibleCount()
+    }
+  },
+  actions: {
+    set_filter: {
+      safety: "read",
+      argsType: '{ filter: "all" | 1 | 2 | 3 | 4 | 5 }',
+      descriptionKey: "ui.agent.reviewsPanel.actions.setFilter",
+      description: 'Narrow the visible review list to a star bucket, or `"all"` to clear the filter.',
+      invoke: (e, l) => {
+        e.setFilter(l.filter);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "reviews-panel",
+      description: "Marks the ReviewsPanel root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, b = ["all", 5, 4, 3, 2, 1];
+function $(e) {
+  return Math.min(5, Math.max(1, Math.floor(e)));
+}
+function te(e) {
+  const l = {
+    1: 0,
+    2: 0,
+    3: 0,
+    4: 0,
+    5: 0
+  };
+  for (const r of e) l[$(r.overallScore)] += 1;
+  return l;
+}
+const re = K(
+  [
+    "ds:relative ds:flex ds:w-full ds:items-center ds:justify-between",
+    "ds:gap-[var(--spacing-sm)]",
+    "ds:min-h-[var(--min-target-size)]",
+    "ds:rounded-[var(--radius-md)]",
+    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+    "ds:pt-[var(--spacing-2xs)] ds:pb-[var(--spacing-2xs)]",
+    "ds:text-start",
+    "ds:transition-[background-color,color]",
+    "ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+    "ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[var(--ring)]",
+    "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]",
+    "ds:cursor-pointer"
+  ].join(" "),
+  {
+    variants: {
+      state: {
+        idle: "ds:hover:bg-[var(--muted)]/30 ds:text-[var(--foreground)]",
+        selected: [
+          "ds:bg-[var(--primary)]",
+          "ds:text-[var(--primary-foreground)]",
+          "ds:font-[var(--font-weight-semibold)]"
+        ].join(" ")
+      }
+    },
+    defaultVariants: { state: "idle" }
+  }
+);
+function ne({
+  filter: e,
+  histogram: l,
+  totalCount: r,
+  onChange: c
+}) {
+  const { t: g } = E(), x = B(), [S, o] = _(
+    () => Math.max(0, b.indexOf(e))
+  );
+  J(() => {
+    const n = b.indexOf(e);
+    n >= 0 && o(n);
+  }, [e]);
+  const m = F(/* @__PURE__ */ new Map()), p = L((n) => {
+    var a;
+    (a = m.current.get(n)) == null || a.focus();
+  }, []), h = b.length, y = L(
+    (n, a) => {
+      switch (n.key) {
+        case "ArrowDown":
+        case "ArrowRight": {
+          n.preventDefault();
+          const i = (a + 1) % h;
+          o(i), p(i), c(b[i]);
+          break;
+        }
+        case "ArrowUp":
+        case "ArrowLeft": {
+          n.preventDefault();
+          const i = (a - 1 + h) % h;
+          o(i), p(i), c(b[i]);
+          break;
+        }
+        case "Home": {
+          n.preventDefault(), o(0), p(0), c(b[0]);
+          break;
+        }
+        case "End": {
+          n.preventDefault();
+          const i = h - 1;
+          o(i), p(i), c(b[i]);
+          break;
+        }
+        case "Enter":
+        case " ": {
+          n.preventDefault(), c(b[a]);
+          break;
+        }
+      }
+    },
+    [h, p, c]
+  );
+  return /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ s(
+      "h3",
+      {
+        id: x,
+        className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0",
+        children: g("reviewsPanel.filterTitle")
+      }
+    ),
+    /* @__PURE__ */ s(
+      "div",
+      {
+        role: "radiogroup",
+        "aria-labelledby": x,
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
+        children: b.map((n, a) => {
+          const i = n === "all", w = i ? 0 : n, f = i ? r : l[w], R = n === e, u = S === a, k = i ? g("reviewsPanel.filter.allLabel", { count: f }) : g("reviewsPanel.filter.starsLabel", { stars: w, count: f });
+          return /* @__PURE__ */ t(
+            "button",
+            {
+              ref: (P) => {
+                P ? m.current.set(a, P) : m.current.delete(a);
+              },
+              type: "button",
+              role: "radio",
+              "aria-checked": R,
+              "aria-label": k,
+              tabIndex: u ? 0 : -1,
+              onClick: () => {
+                o(a), c(n);
+              },
+              onFocus: () => o(a),
+              onKeyDown: (P) => y(P, a),
+              "data-filter-bucket": String(n),
+              className: re({
+                state: R ? "selected" : "idle"
+              }),
+              children: [
+                /* @__PURE__ */ s(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
+                    children: i ? /* @__PURE__ */ s("span", { className: "type-label", children: g("reviewsPanel.filter.allShort") }) : /* @__PURE__ */ s(N, { value: w, size: "sm", decorative: !0 })
+                  }
+                ),
+                /* @__PURE__ */ s(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: "type-meta ds:text-[var(--muted-foreground)]",
+                    children: f
+                  }
+                )
+              ]
+            },
+            String(n)
+          );
+        })
+      }
+    )
+  ] });
+}
+function ie({ review: e, locale: l }) {
+  var n, a, i, w;
+  const { t: r } = E(), c = B(), g = B(), [x, S] = _(!1), o = !!(e.breakdown && Object.values(e.breakdown).some((f) => f != null)), m = !!e.reply || o || !!e.futureVisit || !!e.recommendation, p = V(() => {
+    if (!e.authoredAt) return "";
+    try {
+      const f = new Date(e.authoredAt);
+      return Number.isNaN(f.getTime()) ? e.authoredAt : new Intl.DateTimeFormat(l, { dateStyle: "medium" }).format(
+        f
+      );
+    } catch {
+      return e.authoredAt;
+    }
+  }, [e.authoredAt, l]), h = e.pseudonym ?? r("reviewsPanel.anonymous"), y = /* @__PURE__ */ t(
+    W,
+    {
+      open: m ? x : !1,
+      onOpenChange: m ? S : void 0,
+      children: [
+        /* @__PURE__ */ t(T.Footer, { children: [
+          /* @__PURE__ */ s("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: p }),
+          m ? /* @__PURE__ */ s(X, { asChild: !0, children: /* @__PURE__ */ t(
+            "button",
+            {
+              id: c,
+              type: "button",
+              "data-review-trigger": !0,
+              className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-2xs)] ds:pt-[var(--spacing-2xs)] ds:pb-[var(--spacing-2xs)] ds:bg-transparent ds:border-0 ds:text-[length:var(--font-size-sm)] ds:text-[var(--primary)] ds:hover:underline ds:cursor-pointer ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]",
+              children: [
+                r(x ? "reviewsPanel.card.collapse" : "reviewsPanel.card.expand"),
+                /* @__PURE__ */ s(
+                  se,
+                  {
+                    "aria-hidden": "true",
+                    className: [
+                      "ds:size-4 ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+                      x ? "ds:rotate-180" : ""
+                    ].filter(Boolean).join(" ")
+                  }
+                )
+              ]
+            }
+          ) }) : null
+        ] }),
+        m ? /* @__PURE__ */ s(Y, { id: g, "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: [
+          o || e.futureVisit || e.recommendation ? /* @__PURE__ */ t(d, { layout: "inline", density: "compact", children: [
+            ((n = e.breakdown) == null ? void 0 : n.appointmentScore) != null ? /* @__PURE__ */ t(d.Row, { children: [
+              /* @__PURE__ */ s(d.Term, { children: r("reviewsPanel.breakdown.appointment") }),
+              /* @__PURE__ */ s(d.Detail, { children: /* @__PURE__ */ s(
+                N,
+                {
+                  value: e.breakdown.appointmentScore,
+                  size: "sm"
+                }
+              ) })
+            ] }) : null,
+            ((a = e.breakdown) == null ? void 0 : a.communicationScore) != null ? /* @__PURE__ */ t(d.Row, { children: [
+              /* @__PURE__ */ s(d.Term, { children: r("reviewsPanel.breakdown.communication") }),
+              /* @__PURE__ */ s(d.Detail, { children: /* @__PURE__ */ s(
+                N,
+                {
+                  value: e.breakdown.communicationScore,
+                  size: "sm"
+                }
+              ) })
+            ] }) : null,
+            ((i = e.breakdown) == null ? void 0 : i.staffScore) != null ? /* @__PURE__ */ t(d.Row, { children: [
+              /* @__PURE__ */ s(d.Term, { children: r("reviewsPanel.breakdown.staff") }),
+              /* @__PURE__ */ s(d.Detail, { children: /* @__PURE__ */ s(N, { value: e.breakdown.staffScore, size: "sm" }) })
+            ] }) : null,
+            ((w = e.breakdown) == null ? void 0 : w.overallScore) != null ? /* @__PURE__ */ t(d.Row, { children: [
+              /* @__PURE__ */ s(d.Term, { children: r("reviewsPanel.breakdown.overall") }),
+              /* @__PURE__ */ s(d.Detail, { children: /* @__PURE__ */ s(N, { value: e.breakdown.overallScore, size: "sm" }) })
+            ] }) : null,
+            e.futureVisit ? /* @__PURE__ */ t(d.Row, { children: [
+              /* @__PURE__ */ s(d.Term, { children: r("reviewsPanel.breakdown.futureVisit") }),
+              /* @__PURE__ */ s(d.Detail, { children: r(`reviewsPanel.answer.${e.futureVisit}`) })
+            ] }) : null,
+            e.recommendation ? /* @__PURE__ */ t(d.Row, { children: [
+              /* @__PURE__ */ s(d.Term, { children: r("reviewsPanel.breakdown.recommendation") }),
+              /* @__PURE__ */ s(d.Detail, { children: r(`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: [
+            /* @__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: r("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
+        ] }) }) : null
+      ]
+    }
+  );
+  return /* @__PURE__ */ t(T, { variant: "default", className: "ds:shadow-[var(--shadow-sm)]", children: [
+    /* @__PURE__ */ s(T.Header, { children: /* @__PURE__ */ t("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: h }),
+      /* @__PURE__ */ s(N, { value: e.overallScore, size: "sm" })
+    ] }) }),
+    e.comment ? /* @__PURE__ */ s(T.Body, { children: /* @__PURE__ */ s("p", { className: "type-body ds:m-0 ds:text-[var(--foreground)] ds:line-clamp-2", children: e.comment }) }) : null,
+    y
+  ] });
+}
+function le({ 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: [
+      /* @__PURE__ */ s(C, { variant: "text", width: "40%" }),
+      /* @__PURE__ */ s(C, { variant: "text", width: "20%" })
+    ] }),
+    /* @__PURE__ */ t(
+      "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)]",
+        children: [
+          e ? null : /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: Array.from({ length: 6 }, (l, r) => /* @__PURE__ */ s(C, { variant: "rounded", height: "2.5rem" }, `rp-fs-${r}`)) }),
+          /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: Array.from({ length: 3 }, (l, r) => /* @__PURE__ */ s(C, { variant: "rounded", height: "6rem" }, `rp-rs-${r}`)) })
+        ]
+      }
+    )
+  ] });
+}
+const j = K(
+  "ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-md)] ds:text-[var(--foreground)]"
+), de = q(
+  ({
+    reviews: e,
+    aggregate: l,
+    filter: r,
+    onFilterChange: c,
+    introSlot: g,
+    headerActionSlot: x,
+    "aria-label": S,
+    id: o,
+    className: m,
+    hideFilter: p = !1,
+    loading: h = !1,
+    ...y
+  }, n) => {
+    const { t: a, i18n: i } = E(), w = i.language ?? "en", [f, R] = _("all"), u = r ?? f, k = L(
+      (v) => {
+        r === void 0 && R(v), c == null || c(v);
+      },
+      [r, c]
+    ), P = V(
+      () => l.histogram ?? te(e),
+      [l.histogram, e]
+    ), D = V(() => u === "all" ? e : e.filter((v) => $(v.overallScore) === u), [e, u]), H = F(u);
+    H.current = u;
+    const M = F(D.length);
+    M.current = D.length;
+    const U = V(
+      () => ({
+        getFilter: () => H.current,
+        setFilter: (v) => k(v),
+        getVisibleCount: () => M.current
+      }),
+      [k]
+    ), A = F(null);
+    G(n, () => A.current, []), Q(ae, U, o);
+    const I = S ?? a("reviewsPanel.regionLabel"), z = String(u);
+    if (h)
+      return /* @__PURE__ */ s(
+        "section",
+        {
+          ref: A,
+          "aria-label": I,
+          "aria-busy": "true",
+          id: o,
+          "data-component": "reviews-panel",
+          "data-component-id": o,
+          "data-filter": z,
+          "data-state": "loading",
+          className: j({ className: m }),
+          ...y,
+          children: /* @__PURE__ */ s(le, { hideFilter: p })
+        }
+      );
+    if (l.count === 0 && e.length === 0)
+      return /* @__PURE__ */ s(
+        "section",
+        {
+          ref: A,
+          "aria-label": I,
+          id: o,
+          "data-component": "reviews-panel",
+          "data-component-id": o,
+          "data-filter": z,
+          "data-state": "empty",
+          className: j({ className: m }),
+          ...y,
+          children: /* @__PURE__ */ s(
+            Z,
+            {
+              variant: "no-results",
+              title: a("reviewsPanel.empty.title"),
+              description: a("reviewsPanel.empty.description")
+            }
+          )
+        }
+      );
+    const O = !p;
+    return /* @__PURE__ */ t(
+      "section",
+      {
+        ref: A,
+        "aria-label": I,
+        id: o,
+        "data-component": "reviews-panel",
+        "data-component-id": o,
+        "data-filter": z,
+        className: j({ className: m }),
+        ...y,
+        children: [
+          /* @__PURE__ */ t("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: [
+              x,
+              /* @__PURE__ */ s(
+                N,
+                {
+                  value: l.averageScore,
+                  reviews: { count: l.count },
+                  size: "md"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: O ? "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)]",
+              children: [
+                O ? /* @__PURE__ */ s(
+                  ne,
+                  {
+                    filter: u,
+                    histogram: P,
+                    totalCount: l.count,
+                    onChange: k
+                  }
+                ) : null,
+                /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:min-w-0", children: [
+                  g ? (
+                    // Plain div, not <aside>: axe's
+                    // `landmark-complementary-is-top-level` rule fires when an
+                    // `<aside>` lands inside another landmark (this panel's
+                    // <section role="region">), and the consumer's introSlot
+                    // already supplies its own semantics (e.g. an Alert with
+                    // role="status").
+                    /* @__PURE__ */ s("div", { className: "ds:rounded-[var(--radius-md)] ds:bg-[color-mix(in_srgb,var(--info)_8%,transparent)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]", children: g })
+                  ) : null,
+                  D.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(
+                      "div",
+                      {
+                        role: "status",
+                        "data-state": "no-match",
+                        className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-sm)] ds:rounded-[var(--radius-md)] ds:border ds:border-dashed ds:border-[var(--border)] ds:p-[var(--spacing-lg)] ds:text-center",
+                        children: [
+                          /* @__PURE__ */ s("p", { className: "type-body ds:m-0 ds:text-[var(--muted-foreground)]", children: u === "all" ? a("reviewsPanel.empty.title") : a("reviewsPanel.empty.filterDescription", {
+                            stars: u
+                          }) }),
+                          u !== "all" ? /* @__PURE__ */ s(
+                            ee,
+                            {
+                              intent: "secondary",
+                              size: "sm",
+                              onClick: () => k("all"),
+                              children: a("reviewsPanel.empty.resetFilter")
+                            }
+                          ) : null
+                        ]
+                      }
+                    )
+                  ) : /* @__PURE__ */ s(
+                    "ol",
+                    {
+                      "aria-label": a("reviewsPanel.listLabel"),
+                      className: "ds:list-none ds:m-0 ds:p-0 ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+                      children: D.map((v) => /* @__PURE__ */ s("li", { "data-review-id": v.id, children: /* @__PURE__ */ s(ie, { review: v, locale: w }) }, v.id))
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+de.displayName = "ReviewsPanel";
+export {
+  de as R,
+  ae as r
+};
+//# sourceMappingURL=reviews-panel-CFttsfuC.js.map