@alfadocs/ui-kit-debug 0.64.0 → 0.66.0

package/dist/_chunks/{key-value-pair-CkQIb9EG.js → key-value-pair-BrgbMfbF.js}

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as i, Fragment as f } from "react/jsx-runtime";
 import { forwardRef as g, useState as y, useCallback as z } from "react";
 import { c as P } from "./index-D2ZczOXr.js";
 import { useTranslation as I } from "react-i18next";
-import { I as K } from "./icon-button-CKEOrN37.js";
+import { I as K } from "./icon-button-LqoiKcUN.js";
 import { C as T } from "./check-DPdL_Sm7.js";
 import { C as j } from "./copy-B00HK7tj.js";
 const B = P("ds:flex", {
@@ -141,4 +141,4 @@ export {
   L as K,
   _ as a
 };
-//# sourceMappingURL=key-value-pair-CkQIb9EG.js.map
+//# sourceMappingURL=key-value-pair-BrgbMfbF.js.map

package/dist/_chunks/{key-value-pair-CkQIb9EG.js.map → key-value-pair-BrgbMfbF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"key-value-pair-CkQIb9EG.js","sources":["../../src/components/key-value-pair/key-value-pair.tsx"],"sourcesContent":["import { forwardRef, useState, useCallback, type HTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Copy, Check } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\n\n/* ------------------------------------------------------------------ */\n/* CVA — root wrapper                                                   */\n/*                                                                      */\n/* The layout variants below describe the LOGICAL flow of label/value. */\n/* When an `icon` prop is supplied, the root flips to `flex-row` and    */\n/* renders the icon at the leading edge regardless of the chosen        */\n/* layout — the layout then governs the inner label/value stack. Cap-  */\n/* height alignment is handled by `items-start` + a small `mt` offset  */\n/* on the icon wrapper so a wrapping value doesn't push the icon       */\n/* downward.                                                            */\n/* ------------------------------------------------------------------ */\n\nconst keyValuePairVariants = cva('ds:flex', {\n  variants: {\n    layout: {\n      horizontal: 'ds:flex-row ds:items-center ds:gap-[var(--spacing-sm)]',\n      vertical: 'ds:flex-col ds:gap-[var(--spacing-xs)]',\n    },\n    /** Internal — flips the root to a horizontal flex when an icon\n        is present so the icon can sit at the leading edge of both\n        horizontal and vertical inner stacks. `items-start` keeps the\n        icon anchored to the label row even when the value wraps. */\n    hasIcon: {\n      true: 'ds:flex-row ds:items-start ds:gap-[var(--spacing-sm)]',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    layout: 'horizontal',\n    hasIcon: false,\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* KeyValuePairProps                                                    */\n/* ------------------------------------------------------------------ */\n\nexport interface KeyValuePairProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    Omit<VariantProps<typeof keyValuePairVariants>, 'hasIcon'> {\n  /** The label (term) */\n  label: string;\n  /** The value — accepts plain text, Badge, Tag, monospace code, any ReactNode */\n  value: React.ReactNode;\n  /** Layout direction */\n  layout?: 'horizontal' | 'vertical';\n  /** Render value in monospace font */\n  mono?: boolean;\n  /** Show a copy-to-clipboard IconButton beside the value */\n  copyable?: boolean;\n  /** The text to copy — defaults to `value` if value is a string */\n  copyText?: string;\n  /**\n   * Optional decorative icon rendered at the leading edge of the pair.\n   * Pass a `lucide-react` icon (or any single React element) for\n   * visual consistency. The wrapper applies `aria-hidden=\"true\"` and\n   * paints the icon with `var(--key-value-pair-icon-color)` (defaults\n   * to `--muted-foreground`); consumers can recolour the slot via\n   * that token without forking the component.\n   *\n   * Cap-height alignment with the label is automatic — the wrapper\n   * uses `mt-0.5` so the glyph rides the label row, not the\n   * geometric centre of a wrapping value.\n   *\n   * Type is `ReactElement` (not the broader `ReactNode`) so the\n   * intent is clear at the call site: this slot is for a single\n   * SVG/icon, not arbitrary fragments, strings, or numbers.\n   */\n  icon?: React.ReactElement | null;\n}\n\n/* ------------------------------------------------------------------ */\n/* KeyValuePair                                                         */\n/* ------------------------------------------------------------------ */\n\nexport const KeyValuePair = forwardRef<HTMLDivElement, KeyValuePairProps>(\n  (\n    {\n      label,\n      value,\n      layout = 'horizontal',\n      mono = false,\n      copyable = false,\n      copyText,\n      icon,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [copied, setCopied] = useState(false);\n    const [announcement, setAnnouncement] = useState('');\n\n    const textToCopy =\n      copyText ?? (typeof value === 'string' ? value : undefined);\n\n    const handleCopy = useCallback(async () => {\n      if (!textToCopy) {\n        if (import.meta.env.DEV) {\n          console.warn(\n            'KeyValuePair: copyable is true but no copyText was provided and value is not a string. Copy no-op.',\n          );\n        }\n        return;\n      }\n\n      try {\n        await navigator.clipboard.writeText(textToCopy);\n        setCopied(true);\n        setAnnouncement(t('keyValuePair.copied'));\n        setTimeout(() => {\n          setCopied(false);\n          setAnnouncement('');\n        }, 2000);\n      } catch {\n        setAnnouncement(t('keyValuePair.notAvailable'));\n        setTimeout(() => setAnnouncement(''), 3000);\n      }\n    }, [textToCopy, t]);\n\n    const valueClasses = [\n      'type-body ds:text-foreground ds:min-w-0 ds:shrink ds:[unicode-bidi:isolate]',\n      // `flex-1` lets the value absorb the remaining inline space\n      // when the KVP root flexes the icon / label / value as direct\n      // siblings (`hasIcon && layout === 'horizontal'`). Without it,\n      // the value would shrink to its content width and the row\n      // would leave inline-end whitespace. Vertical layout doesn't\n      // need it because the value is below the label, not beside it.\n      layout === 'horizontal' ? 'ds:flex-1' : '',\n      mono ? 'ds:font-[family-name:var(--font-mono)]' : '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const hasIcon = icon !== undefined && icon !== null;\n\n    // Inner stack — used ONLY for `layout=\"vertical\"` when an icon is\n    // present (icon on the leading edge, label-on-top-of-value stacked\n    // next to it). For `layout=\"horizontal\"` we render the icon /\n    // label / value as direct flex children of the root — wrapping\n    // them in a single `<div>` would break the KeyValueList subgrid\n    // (the subgrid's 3 tracks would collapse to 2: the wrapper +\n    // icon). See the conditional below.\n    const innerStackClass =\n      'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0 ds:flex-1';\n\n    const stack = (\n      <>\n        <span className=\"type-label ds:text-muted-foreground ds:shrink-0\">\n          {label}\n          <span className=\"ds:sr-only\">: </span>\n        </span>\n        <span className={valueClasses}>{value}</span>\n        {copyable && (\n          <IconButton\n            icon={copied ? <Check /> : <Copy />}\n            size=\"sm\"\n            aria-label={t('keyValuePair.copy', { label })}\n            onClick={handleCopy}\n            intent=\"ghost\"\n            className={\n              layout === 'horizontal'\n                ? 'ds:ms-auto ds:shrink-0'\n                : 'ds:self-start'\n            }\n          />\n        )}\n      </>\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={keyValuePairVariants({ layout, hasIcon, className })}\n        data-component=\"key-value-pair\"\n        {...props}\n      >\n        {hasIcon ? (\n          <>\n            {/* Decorative icon wrapper. `aria-hidden` so SR users only\n                hear \"<label>: <value>\" — the icon is brand polish,\n                not semantic content.\n\n                `translate-y` shifts the icon down by 2px visually so\n                its centre lines up with the label's x-height centre.\n                In a baseline-aligned subgrid row, the icon's margin-\n                box bottom pins to the label's text baseline — that\n                leaves the 16px SVG sitting visually 3-4px above the\n                label's centre. `translate-y` adjusts only the paint\n                position; the underlying baseline math still holds,\n                so multi-line value cells (e.g. address + map link)\n                stay correctly aligned with the FIRST line of the\n                value. */}\n            <span\n              aria-hidden=\"true\"\n              className=\"ds:inline-flex ds:shrink-0 ds:translate-y-0.5 ds:text-[color:var(--key-value-pair-icon-color)] ds:[&_svg]:size-4\"\n            >\n              {icon}\n            </span>\n            {/* `horizontal` layout: render label / value / copy as\n                direct flex children of the root so each piece falls\n                into its own track when this KVP is promoted to a\n                subgrid row by `<KeyValueList>`. Wrapping them in a\n                `<div>` here would collapse the subgrid's 3 tracks\n                (icon | label | value) to 2 (icon | wrapper) and labels\n                across rows would no longer share a column. The root's\n                `flex flex-row` + `gap-sm` keeps the standalone visual\n                identical.\n\n                `vertical` layout still needs the wrapper because the\n                stack is column-flow — label-on-top-of-value next to\n                the icon. */}\n            {layout === 'horizontal' ? (\n              stack\n            ) : (\n              <div className={innerStackClass}>{stack}</div>\n            )}\n          </>\n        ) : (\n          stack\n        )}\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {announcement}\n        </span>\n      </div>\n    );\n  },\n);\n\nKeyValuePair.displayName = 'KeyValuePair';\n\n/* ------------------------------------------------------------------ */\n/* KeyValueList — subgrid alignment for a column of KVP rows           */\n/*                                                                      */\n/* When several `<KeyValuePair>` rows live in the same card (practice  */\n/* profile, settings panel, contact card, etc.), the per-row flex      */\n/* layout means each row's label column has a different width. The     */\n/* values end up zigzagged. Wrapping in `<KeyValueList>` puts all rows */\n/* into a single 3-column CSS subgrid (icon | label | value), so       */\n/* labels share a column across rows and values start at the same     */\n/* inline-start edge.                                                  */\n/*                                                                      */\n/* Standalone `<KeyValuePair>` instances outside a `<KeyValueList>`    */\n/* keep their existing per-row flex layout — no behaviour change for   */\n/* consumers that didn't opt in.                                       */\n/* ------------------------------------------------------------------ */\n\nexport interface KeyValueListProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Gap between rows. Maps to spacing tokens — defaults to `md`.\n   * Smaller gaps suit dense settings panels; larger gaps suit\n   * profile cards.\n   */\n  rowGap?: 'sm' | 'md' | 'lg';\n}\n\nconst rowGapClassMap: Record<\n  NonNullable<KeyValueListProps['rowGap']>,\n  string\n> = {\n  sm: 'ds:gap-y-[var(--spacing-sm)]',\n  md: 'ds:gap-y-[var(--spacing-md)]',\n  lg: 'ds:gap-y-[var(--spacing-lg)]',\n};\n\nexport const KeyValueList = forwardRef<HTMLDivElement, KeyValueListProps>(\n  ({ children, className, rowGap = 'md', ...props }, ref) => {\n    // Three-column subgrid: icon | label | value.\n    //   - col 1: `auto` — width of the widest icon (or 0 if no rows have icons)\n    //   - col 2: `auto` — width of the widest label, shared across all rows\n    //   - col 3: `minmax(0, 1fr)` — value flexes; `minmax` prevents the\n    //     value from forcing the grid wider than its container when the\n    //     value contains a long unbroken string (e.g. an email or URL).\n    //\n    // Each child `<KeyValuePair>` (which renders as a `<div>` with a\n    // `data-component=\"key-value-pair\"` marker) is promoted into a\n    // subgrid row by the CSS below — the cell boundaries align across\n    // every direct child.\n    //\n    // We render as `<div>` (not `<dl>`): axe enforces \"dl can only\n    // contain dt/dd\" and the inner KVP renders as a `<div>`. The KVP's\n    // own SR markup (label + `<span class=\"sr-only\">: </span>` + value)\n    // already conveys term-value semantics — wrapping in a `<dl>`\n    // doesn't add anything the screen reader doesn't already get.\n    return (\n      <div\n        ref={ref}\n        data-component=\"key-value-list\"\n        className={[\n          'ds:grid ds:grid-cols-[auto_auto_minmax(0,1fr)]',\n          'ds:gap-x-[var(--spacing-md)]',\n          rowGapClassMap[rowGap],\n          // Each direct `data-component=\"key-value-pair\"` child becomes\n          // a subgrid row spanning all three columns. The KVP's own\n          // flex layout still works inside the cell (icon shrinks-0,\n          // label shrinks-0, value flexes) — subgrid just aligns the\n          // boundaries between siblings.\n          'ds:[&>[data-component=\"key-value-pair\"]]:grid',\n          'ds:[&>[data-component=\"key-value-pair\"]]:grid-cols-subgrid',\n          'ds:[&>[data-component=\"key-value-pair\"]]:col-span-3',\n          'ds:[&>[data-component=\"key-value-pair\"]]:items-baseline',\n          // Unset the KVP's intra-row `gap-sm` so the subgrid inherits\n          // the parent KeyValueList's `gap-x-md` for every track gap\n          // (icon→label and label→value). `gap-0` here would override\n          // the parent's gap and crowd the icon against the label;\n          // `[gap:normal]` is the subgrid-spec way to defer to the\n          // parent.\n          'ds:[&>[data-component=\"key-value-pair\"]]:[gap:normal]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nKeyValueList.displayName = 'KeyValueList';\n"],"names":["keyValuePairVariants","cva","KeyValuePair","forwardRef","label","value","layout","mono","copyable","copyText","icon","className","props","ref","t","useTranslation","copied","setCopied","useState","announcement","setAnnouncement","textToCopy","handleCopy","useCallback","valueClasses","hasIcon","innerStackClass","stack","jsxs","Fragment","jsx","IconButton","Check","Copy","rowGapClassMap","KeyValueList","children","rowGap"],"mappings":"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"}
+{"version":3,"file":"key-value-pair-BrgbMfbF.js","sources":["../../src/components/key-value-pair/key-value-pair.tsx"],"sourcesContent":["import { forwardRef, useState, useCallback, type HTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Copy, Check } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\n\n/* ------------------------------------------------------------------ */\n/* CVA — root wrapper                                                   */\n/*                                                                      */\n/* The layout variants below describe the LOGICAL flow of label/value. */\n/* When an `icon` prop is supplied, the root flips to `flex-row` and    */\n/* renders the icon at the leading edge regardless of the chosen        */\n/* layout — the layout then governs the inner label/value stack. Cap-  */\n/* height alignment is handled by `items-start` + a small `mt` offset  */\n/* on the icon wrapper so a wrapping value doesn't push the icon       */\n/* downward.                                                            */\n/* ------------------------------------------------------------------ */\n\nconst keyValuePairVariants = cva('ds:flex', {\n  variants: {\n    layout: {\n      horizontal: 'ds:flex-row ds:items-center ds:gap-[var(--spacing-sm)]',\n      vertical: 'ds:flex-col ds:gap-[var(--spacing-xs)]',\n    },\n    /** Internal — flips the root to a horizontal flex when an icon\n        is present so the icon can sit at the leading edge of both\n        horizontal and vertical inner stacks. `items-start` keeps the\n        icon anchored to the label row even when the value wraps. */\n    hasIcon: {\n      true: 'ds:flex-row ds:items-start ds:gap-[var(--spacing-sm)]',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    layout: 'horizontal',\n    hasIcon: false,\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* KeyValuePairProps                                                    */\n/* ------------------------------------------------------------------ */\n\nexport interface KeyValuePairProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    Omit<VariantProps<typeof keyValuePairVariants>, 'hasIcon'> {\n  /** The label (term) */\n  label: string;\n  /** The value — accepts plain text, Badge, Tag, monospace code, any ReactNode */\n  value: React.ReactNode;\n  /** Layout direction */\n  layout?: 'horizontal' | 'vertical';\n  /** Render value in monospace font */\n  mono?: boolean;\n  /** Show a copy-to-clipboard IconButton beside the value */\n  copyable?: boolean;\n  /** The text to copy — defaults to `value` if value is a string */\n  copyText?: string;\n  /**\n   * Optional decorative icon rendered at the leading edge of the pair.\n   * Pass a `lucide-react` icon (or any single React element) for\n   * visual consistency. The wrapper applies `aria-hidden=\"true\"` and\n   * paints the icon with `var(--key-value-pair-icon-color)` (defaults\n   * to `--muted-foreground`); consumers can recolour the slot via\n   * that token without forking the component.\n   *\n   * Cap-height alignment with the label is automatic — the wrapper\n   * uses `mt-0.5` so the glyph rides the label row, not the\n   * geometric centre of a wrapping value.\n   *\n   * Type is `ReactElement` (not the broader `ReactNode`) so the\n   * intent is clear at the call site: this slot is for a single\n   * SVG/icon, not arbitrary fragments, strings, or numbers.\n   */\n  icon?: React.ReactElement | null;\n}\n\n/* ------------------------------------------------------------------ */\n/* KeyValuePair                                                         */\n/* ------------------------------------------------------------------ */\n\nexport const KeyValuePair = forwardRef<HTMLDivElement, KeyValuePairProps>(\n  (\n    {\n      label,\n      value,\n      layout = 'horizontal',\n      mono = false,\n      copyable = false,\n      copyText,\n      icon,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [copied, setCopied] = useState(false);\n    const [announcement, setAnnouncement] = useState('');\n\n    const textToCopy =\n      copyText ?? (typeof value === 'string' ? value : undefined);\n\n    const handleCopy = useCallback(async () => {\n      if (!textToCopy) {\n        if (import.meta.env.DEV) {\n          console.warn(\n            'KeyValuePair: copyable is true but no copyText was provided and value is not a string. Copy no-op.',\n          );\n        }\n        return;\n      }\n\n      try {\n        await navigator.clipboard.writeText(textToCopy);\n        setCopied(true);\n        setAnnouncement(t('keyValuePair.copied'));\n        setTimeout(() => {\n          setCopied(false);\n          setAnnouncement('');\n        }, 2000);\n      } catch {\n        setAnnouncement(t('keyValuePair.notAvailable'));\n        setTimeout(() => setAnnouncement(''), 3000);\n      }\n    }, [textToCopy, t]);\n\n    const valueClasses = [\n      'type-body ds:text-foreground ds:min-w-0 ds:shrink ds:[unicode-bidi:isolate]',\n      // `flex-1` lets the value absorb the remaining inline space\n      // when the KVP root flexes the icon / label / value as direct\n      // siblings (`hasIcon && layout === 'horizontal'`). Without it,\n      // the value would shrink to its content width and the row\n      // would leave inline-end whitespace. Vertical layout doesn't\n      // need it because the value is below the label, not beside it.\n      layout === 'horizontal' ? 'ds:flex-1' : '',\n      mono ? 'ds:font-[family-name:var(--font-mono)]' : '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const hasIcon = icon !== undefined && icon !== null;\n\n    // Inner stack — used ONLY for `layout=\"vertical\"` when an icon is\n    // present (icon on the leading edge, label-on-top-of-value stacked\n    // next to it). For `layout=\"horizontal\"` we render the icon /\n    // label / value as direct flex children of the root — wrapping\n    // them in a single `<div>` would break the KeyValueList subgrid\n    // (the subgrid's 3 tracks would collapse to 2: the wrapper +\n    // icon). See the conditional below.\n    const innerStackClass =\n      'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0 ds:flex-1';\n\n    const stack = (\n      <>\n        <span className=\"type-label ds:text-muted-foreground ds:shrink-0\">\n          {label}\n          <span className=\"ds:sr-only\">: </span>\n        </span>\n        <span className={valueClasses}>{value}</span>\n        {copyable && (\n          <IconButton\n            icon={copied ? <Check /> : <Copy />}\n            size=\"sm\"\n            aria-label={t('keyValuePair.copy', { label })}\n            onClick={handleCopy}\n            intent=\"ghost\"\n            className={\n              layout === 'horizontal'\n                ? 'ds:ms-auto ds:shrink-0'\n                : 'ds:self-start'\n            }\n          />\n        )}\n      </>\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={keyValuePairVariants({ layout, hasIcon, className })}\n        data-component=\"key-value-pair\"\n        {...props}\n      >\n        {hasIcon ? (\n          <>\n            {/* Decorative icon wrapper. `aria-hidden` so SR users only\n                hear \"<label>: <value>\" — the icon is brand polish,\n                not semantic content.\n\n                `translate-y` shifts the icon down by 2px visually so\n                its centre lines up with the label's x-height centre.\n                In a baseline-aligned subgrid row, the icon's margin-\n                box bottom pins to the label's text baseline — that\n                leaves the 16px SVG sitting visually 3-4px above the\n                label's centre. `translate-y` adjusts only the paint\n                position; the underlying baseline math still holds,\n                so multi-line value cells (e.g. address + map link)\n                stay correctly aligned with the FIRST line of the\n                value. */}\n            <span\n              aria-hidden=\"true\"\n              className=\"ds:inline-flex ds:shrink-0 ds:translate-y-0.5 ds:text-[color:var(--key-value-pair-icon-color)] ds:[&_svg]:size-4\"\n            >\n              {icon}\n            </span>\n            {/* `horizontal` layout: render label / value / copy as\n                direct flex children of the root so each piece falls\n                into its own track when this KVP is promoted to a\n                subgrid row by `<KeyValueList>`. Wrapping them in a\n                `<div>` here would collapse the subgrid's 3 tracks\n                (icon | label | value) to 2 (icon | wrapper) and labels\n                across rows would no longer share a column. The root's\n                `flex flex-row` + `gap-sm` keeps the standalone visual\n                identical.\n\n                `vertical` layout still needs the wrapper because the\n                stack is column-flow — label-on-top-of-value next to\n                the icon. */}\n            {layout === 'horizontal' ? (\n              stack\n            ) : (\n              <div className={innerStackClass}>{stack}</div>\n            )}\n          </>\n        ) : (\n          stack\n        )}\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {announcement}\n        </span>\n      </div>\n    );\n  },\n);\n\nKeyValuePair.displayName = 'KeyValuePair';\n\n/* ------------------------------------------------------------------ */\n/* KeyValueList — subgrid alignment for a column of KVP rows           */\n/*                                                                      */\n/* When several `<KeyValuePair>` rows live in the same card (practice  */\n/* profile, settings panel, contact card, etc.), the per-row flex      */\n/* layout means each row's label column has a different width. The     */\n/* values end up zigzagged. Wrapping in `<KeyValueList>` puts all rows */\n/* into a single 3-column CSS subgrid (icon | label | value), so       */\n/* labels share a column across rows and values start at the same     */\n/* inline-start edge.                                                  */\n/*                                                                      */\n/* Standalone `<KeyValuePair>` instances outside a `<KeyValueList>`    */\n/* keep their existing per-row flex layout — no behaviour change for   */\n/* consumers that didn't opt in.                                       */\n/* ------------------------------------------------------------------ */\n\nexport interface KeyValueListProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Gap between rows. Maps to spacing tokens — defaults to `md`.\n   * Smaller gaps suit dense settings panels; larger gaps suit\n   * profile cards.\n   */\n  rowGap?: 'sm' | 'md' | 'lg';\n}\n\nconst rowGapClassMap: Record<\n  NonNullable<KeyValueListProps['rowGap']>,\n  string\n> = {\n  sm: 'ds:gap-y-[var(--spacing-sm)]',\n  md: 'ds:gap-y-[var(--spacing-md)]',\n  lg: 'ds:gap-y-[var(--spacing-lg)]',\n};\n\nexport const KeyValueList = forwardRef<HTMLDivElement, KeyValueListProps>(\n  ({ children, className, rowGap = 'md', ...props }, ref) => {\n    // Three-column subgrid: icon | label | value.\n    //   - col 1: `auto` — width of the widest icon (or 0 if no rows have icons)\n    //   - col 2: `auto` — width of the widest label, shared across all rows\n    //   - col 3: `minmax(0, 1fr)` — value flexes; `minmax` prevents the\n    //     value from forcing the grid wider than its container when the\n    //     value contains a long unbroken string (e.g. an email or URL).\n    //\n    // Each child `<KeyValuePair>` (which renders as a `<div>` with a\n    // `data-component=\"key-value-pair\"` marker) is promoted into a\n    // subgrid row by the CSS below — the cell boundaries align across\n    // every direct child.\n    //\n    // We render as `<div>` (not `<dl>`): axe enforces \"dl can only\n    // contain dt/dd\" and the inner KVP renders as a `<div>`. The KVP's\n    // own SR markup (label + `<span class=\"sr-only\">: </span>` + value)\n    // already conveys term-value semantics — wrapping in a `<dl>`\n    // doesn't add anything the screen reader doesn't already get.\n    return (\n      <div\n        ref={ref}\n        data-component=\"key-value-list\"\n        className={[\n          'ds:grid ds:grid-cols-[auto_auto_minmax(0,1fr)]',\n          'ds:gap-x-[var(--spacing-md)]',\n          rowGapClassMap[rowGap],\n          // Each direct `data-component=\"key-value-pair\"` child becomes\n          // a subgrid row spanning all three columns. The KVP's own\n          // flex layout still works inside the cell (icon shrinks-0,\n          // label shrinks-0, value flexes) — subgrid just aligns the\n          // boundaries between siblings.\n          'ds:[&>[data-component=\"key-value-pair\"]]:grid',\n          'ds:[&>[data-component=\"key-value-pair\"]]:grid-cols-subgrid',\n          'ds:[&>[data-component=\"key-value-pair\"]]:col-span-3',\n          'ds:[&>[data-component=\"key-value-pair\"]]:items-baseline',\n          // Unset the KVP's intra-row `gap-sm` so the subgrid inherits\n          // the parent KeyValueList's `gap-x-md` for every track gap\n          // (icon→label and label→value). `gap-0` here would override\n          // the parent's gap and crowd the icon against the label;\n          // `[gap:normal]` is the subgrid-spec way to defer to the\n          // parent.\n          'ds:[&>[data-component=\"key-value-pair\"]]:[gap:normal]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nKeyValueList.displayName = 'KeyValueList';\n"],"names":["keyValuePairVariants","cva","KeyValuePair","forwardRef","label","value","layout","mono","copyable","copyText","icon","className","props","ref","t","useTranslation","copied","setCopied","useState","announcement","setAnnouncement","textToCopy","handleCopy","useCallback","valueClasses","hasIcon","innerStackClass","stack","jsxs","Fragment","jsx","IconButton","Check","Copy","rowGapClassMap","KeyValueList","children","rowGap"],"mappings":"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"}

package/dist/_chunks/{locale-picker-D99UyZVJ.js → locale-picker-C9JmBht3.js}

@@ -3,8 +3,8 @@ import { forwardRef as H, useId as $, useState as M, useCallback as R, useMemo a
 import { c as B } from "./index-D2ZczOXr.js";
 import { useTranslation as T } from "react-i18next";
 import { _ as y, R as ee } from "./index-4xgbg-sn.js";
-import { I as ae } from "./icon-button-CKEOrN37.js";
-import { P as C } from "./popover-Devce-tT.js";
+import { I as ae } from "./icon-button-LqoiKcUN.js";
+import { P as C } from "./popover-DTbfAuR0.js";
 import { h as A, a as _ } from "./flag-DZ6V7-hU.js";
 import { c as se, a as te, d as re } from "./input-surface-xyERuLU_.js";
 import { LOCALES_WITH_BUNDLES as j } from "../i18n/config.js";
@@ -724,4 +724,4 @@ export {
   I as b,
   k as c
 };
-//# sourceMappingURL=locale-picker-D99UyZVJ.js.map
+//# sourceMappingURL=locale-picker-C9JmBht3.js.map

package/dist/_chunks/{locale-picker-D99UyZVJ.js.map → locale-picker-C9JmBht3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"locale-picker-D99UyZVJ.js","sources":["../../src/i18n/locale-meta.ts","../../src/components/locale-picker/locale-picker.agent.ts","../../src/components/locale-picker/locale-picker.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Locale metadata registry.                                              */\n/*                                                                       */\n/* Single source of truth for human-facing locale information — native   */\n/* name, English name, flag emoji, and writing direction. Consumed by    */\n/* LocalePicker / HeaderSettings to render the language switcher.        */\n/*                                                                       */\n/* Keys must match `LOCALES_WITH_BUNDLES` from `./resources` 1:1; the    */\n/* `locale-meta.test.ts` parity check fails the build if a code is       */\n/* added to one and not the other.                                        */\n/*                                                                       */\n/* Flag emojis use the Regional Indicator pair convention — a few of    */\n/* the codes are language tags rather than country tags (en, ar, hi);   */\n/* the flag chosen is the \"default-region\" the kit ships marketing      */\n/* surfaces in. Consumers that need a different region flag (e.g.       */\n/* British vs. American English) can override via `LOCALE_META[code]`.  */\n/* -------------------------------------------------------------------- */\n\nimport { LOCALES_WITH_BUNDLES } from './resources';\n\n/** Reading direction. Mirrors the shape of `hooks/use-locale.ts#LocaleDir`. */\nexport type LocaleDir = 'ltr' | 'rtl';\n\n/** IETF locale tag from the kit's bundled set. */\nexport type Locale = (typeof LOCALES_WITH_BUNDLES)[number];\n\nexport interface LocaleMetaEntry {\n  /** IETF locale tag (matches the key in `LOCALES_WITH_BUNDLES`). */\n  code: Locale;\n  /** Endonym — the locale's name in its own language (\"Italiano\", \"العربية\"). */\n  nativeName: string;\n  /** Exonym — the locale's name in English (\"Italian\", \"Arabic\"). */\n  englishName: string;\n  /**\n   * ISO 3166-1 alpha-2 country code for the default-region flag. Feed\n   * to the kit's `<Flag country={…} />` component to render the actual\n   * flag SVG (NOT the emoji glyph — those don't paint on Windows and\n   * lose fidelity at hero sizes). A few language tags here aren't tied\n   * to a single country (en, ar, hi); we pick the AlfaDocs default\n   * marketing region — consumers needing a different region flag\n   * override at the call site.\n   */\n  countryCode: string;\n  /**\n   * Regional-indicator flag emoji. Retained as a fallback for non-DOM\n   * contexts (terminal logs, plain-text exports) and the rare consumer\n   * surface that can't mount the kit's `Flag` component. UI surfaces\n   * should always reach for `countryCode` + `<Flag />` instead.\n   */\n  flag: string;\n  /** Reading direction. */\n  dir: LocaleDir;\n}\n\n/**\n * Canonical metadata for every locale shipped in `LOCALES_WITH_BUNDLES`.\n * Order matches the bundled-locales array so iteration is stable.\n */\nexport const LOCALE_META: Record<Locale, LocaleMetaEntry> = {\n  en: {\n    code: 'en',\n    nativeName: 'English',\n    englishName: 'English',\n    countryCode: 'GB',\n    flag: '🇬🇧',\n    dir: 'ltr',\n  },\n  it: {\n    code: 'it',\n    nativeName: 'Italiano',\n    englishName: 'Italian',\n    countryCode: 'IT',\n    flag: '🇮🇹',\n    dir: 'ltr',\n  },\n  de: {\n    code: 'de',\n    nativeName: 'Deutsch',\n    englishName: 'German',\n    countryCode: 'DE',\n    flag: '🇩🇪',\n    dir: 'ltr',\n  },\n  ar: {\n    code: 'ar',\n    nativeName: 'العربية',\n    englishName: 'Arabic',\n    countryCode: 'SA',\n    flag: '🇸🇦',\n    dir: 'rtl',\n  },\n  fr: {\n    code: 'fr',\n    nativeName: 'Français',\n    englishName: 'French',\n    countryCode: 'FR',\n    flag: '🇫🇷',\n    dir: 'ltr',\n  },\n  es: {\n    code: 'es',\n    nativeName: 'Español',\n    englishName: 'Spanish',\n    countryCode: 'ES',\n    flag: '🇪🇸',\n    dir: 'ltr',\n  },\n  pt: {\n    code: 'pt',\n    nativeName: 'Português',\n    englishName: 'Portuguese',\n    countryCode: 'PT',\n    flag: '🇵🇹',\n    dir: 'ltr',\n  },\n  nl: {\n    code: 'nl',\n    nativeName: 'Nederlands',\n    englishName: 'Dutch',\n    countryCode: 'NL',\n    flag: '🇳🇱',\n    dir: 'ltr',\n  },\n  ro: {\n    code: 'ro',\n    nativeName: 'Română',\n    englishName: 'Romanian',\n    countryCode: 'RO',\n    flag: '🇷🇴',\n    dir: 'ltr',\n  },\n  sq: {\n    code: 'sq',\n    nativeName: 'Shqip',\n    englishName: 'Albanian',\n    countryCode: 'AL',\n    flag: '🇦🇱',\n    dir: 'ltr',\n  },\n  tr: {\n    code: 'tr',\n    nativeName: 'Türkçe',\n    englishName: 'Turkish',\n    countryCode: 'TR',\n    flag: '🇹🇷',\n    dir: 'ltr',\n  },\n  pl: {\n    code: 'pl',\n    nativeName: 'Polski',\n    englishName: 'Polish',\n    countryCode: 'PL',\n    flag: '🇵🇱',\n    dir: 'ltr',\n  },\n  sv: {\n    code: 'sv',\n    nativeName: 'Svenska',\n    englishName: 'Swedish',\n    countryCode: 'SE',\n    flag: '🇸🇪',\n    dir: 'ltr',\n  },\n  ru: {\n    code: 'ru',\n    nativeName: 'Русский',\n    englishName: 'Russian',\n    countryCode: 'RU',\n    flag: '🇷🇺',\n    dir: 'ltr',\n  },\n  el: {\n    code: 'el',\n    nativeName: 'Ελληνικά',\n    englishName: 'Greek',\n    countryCode: 'GR',\n    flag: '🇬🇷',\n    dir: 'ltr',\n  },\n  ja: {\n    code: 'ja',\n    nativeName: '日本語',\n    englishName: 'Japanese',\n    countryCode: 'JP',\n    flag: '🇯🇵',\n    dir: 'ltr',\n  },\n  zh: {\n    code: 'zh',\n    nativeName: '中文',\n    englishName: 'Chinese',\n    countryCode: 'CN',\n    flag: '🇨🇳',\n    dir: 'ltr',\n  },\n  hi: {\n    code: 'hi',\n    nativeName: 'हिन्दी',\n    englishName: 'Hindi',\n    countryCode: 'IN',\n    flag: '🇮🇳',\n    dir: 'ltr',\n  },\n};\n\n/**\n * Canonical (i18n-parity) order — used when consumers need the same\n * sequence as `LOCALES_WITH_BUNDLES` (e.g. generating fixtures or\n * snapshot keys). Pickers / menus should use `LOCALE_LIST` instead,\n * which sorts alphabetically.\n */\nexport const LOCALE_LIST_CANONICAL: readonly LocaleMetaEntry[] =\n  LOCALES_WITH_BUNDLES.map((code) => LOCALE_META[code]);\n\n/**\n * Picker-facing list — sorted alphabetically by English name so the\n * order is deterministic and language-independent. End users searching\n * by native name use the picker's input box to filter; the visible\n * order doesn't depend on the active locale's collation.\n *\n * \"System Default\" (the OS-driven fallback) is rendered separately at\n * the top of `LocalePicker.SearchList` — not in this list — so the\n * alphabetical order here applies to the 18 explicit locale rows only.\n */\nexport const LOCALE_LIST: readonly LocaleMetaEntry[] = [\n  ...LOCALES_WITH_BUNDLES.map((code) => LOCALE_META[code]),\n].sort((a, b) => a.englishName.localeCompare(b.englishName, 'en'));\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — LocalePicker.                                          */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { LocalePickerHandle } from './locale-picker';\n\nexport const localePickerAgent: AgentAdapter<LocalePickerHandle> = {\n  id: 'locale-picker',\n  capabilities: ['view_change'],\n  state: {},\n  actions: {\n    set_locale: {\n      safety: 'write',\n      argsType: '{ locale: string }',\n      descriptionKey: 'ui.agent.localePicker.actions.setLocale',\n      description: 'Switch the active locale to the given IETF tag.',\n      invoke: (handle, args: { locale: string }) => {\n        // The handle's own implementation gates against\n        // `LOCALES_WITH_BUNDLES`, so a tag the kit doesn't ship is a\n        // no-op rather than a runtime crash.\n        handle.setLocale(args.locale);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'locale-picker',\n      description: 'Marks the LocalePicker wrapper.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type Ref,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, Globe, Monitor } from 'lucide-react';\nimport { Command, defaultFilter } from 'cmdk';\nimport { IconButton } from '../button/icon-button';\nimport { Popover } from '../popover/popover';\nimport { Flag, hasFlag } from '../flag/flag';\nimport {\n  INPUT_SURFACE_CHROME,\n  INPUT_SURFACE_HEIGHT,\n  INPUT_SURFACE_PADDING_X,\n} from '../_shared/input-surface';\nimport { LOCALE_LIST, LOCALE_META, type Locale } from '../../i18n/locale-meta';\nimport { LOCALES_WITH_BUNDLES } from '../../i18n/config';\nimport { useLocale } from '../../hooks/use-locale';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { localePickerAgent } from './locale-picker.agent';\n\n/* ------------------------------------------------------------------ */\n/* Persistence + browser-locale detection                              */\n/*                                                                     */\n/* The first mount of a LocalePicker after a fresh page load runs a    */\n/* one-shot detection: if no locale has ever been persisted, read      */\n/* navigator.language, normalise to the base tag (`it-IT` → `it`),    */\n/* and adopt it if the kit ships a matching bundle. Fall back to       */\n/* `en` if not. Result is persisted so a subsequent page load          */\n/* respects the user choice without re-detecting.                      */\n/*                                                                     */\n/* Module-level flag — the detection must fire once per app           */\n/* lifecycle, not once per LocalePicker instance, since HeaderSettings */\n/* + a standalone picker can both be mounted simultaneously.           */\n/* ------------------------------------------------------------------ */\n\nexport const LOCALE_STORAGE_KEY = 'alfadocs-ui.locale';\n\n/**\n * Sentinel value (and Combobox-row key) for \"follow the browser /\n * OS locale\". Mirrors the ThemeToggle's `'system'` preference: the\n * picker doesn't store a concrete locale code; the runtime resolves\n * to `navigator.language` on each mount.\n */\nexport const LOCALE_SYSTEM_DEFAULT = 'system' as const;\nexport type LocalePreference = Locale | typeof LOCALE_SYSTEM_DEFAULT;\n\nlet detectionFired = false;\n\nfunction isSupportedLocale(value: unknown): value is Locale {\n  return (\n    typeof value === 'string' &&\n    (LOCALES_WITH_BUNDLES as readonly string[]).includes(value)\n  );\n}\n\nfunction safeReadStorage(key: string): string | null {\n  if (typeof window === 'undefined') return null;\n  try {\n    return window.localStorage.getItem(key);\n  } catch {\n    return null;\n  }\n}\n\nfunction safeWriteStorage(key: string, value: string): void {\n  if (typeof window === 'undefined') return;\n  try {\n    window.localStorage.setItem(key, value);\n  } catch {\n    /* Storage can throw in private mode / when quota is exceeded — the\n       in-memory state is the source of truth. Same silent-fail shape\n       as use-theme.ts. */\n  }\n}\n\nfunction detectBrowserLocale(): Locale {\n  if (typeof navigator === 'undefined') return 'en';\n  const raw = navigator.language;\n  if (!raw) return 'en';\n  const base = raw.toLowerCase().split('-')[0];\n  return isSupportedLocale(base) ? base : 'en';\n}\n\nfunction applyDocumentAttrs(locale: Locale): void {\n  if (typeof document === 'undefined') return;\n  const root = document.documentElement;\n  root.lang = locale;\n  root.dir = LOCALE_META[locale].dir;\n}\n\n/* ------------------------------------------------------------------ */\n/* Shared state hook                                                   */\n/*                                                                     */\n/* Centralises the setLocale wrapper so both the standalone picker     */\n/* and the inline `LocalePicker.SearchList` share one source of truth: */\n/*   1. delegate to `useLocale().setLocale` (the i18next change)       */\n/*   2. set `document.documentElement.dir` + `lang`                    */\n/*   3. persist to localStorage at `alfadocs-ui.locale`                */\n/* ------------------------------------------------------------------ */\n\ninterface LocalePickerState {\n  /** Resolved locale actually applied to the page (always concrete). */\n  locale: Locale;\n  /**\n   * True when the resolved locale came from `navigator.language`\n   * rather than an explicit user choice (i.e. no localStorage entry).\n   * Used to mark the \"System Default\" row as the active selection\n   * until the user picks a specific locale.\n   */\n  isSystemDefault: boolean;\n  /**\n   * Switch to a specific locale (persists) OR back to the System\n   * Default (clears the localStorage entry and re-detects).\n   */\n  setLocale: (next: LocalePreference) => void;\n}\n\nfunction safeRemoveStorage(key: string): void {\n  if (typeof window === 'undefined') return;\n  try {\n    window.localStorage.removeItem(key);\n  } catch {\n    /* private mode etc. — silent fail per the rest of the file. */\n  }\n}\n\nfunction useLocalePickerState(): LocalePickerState {\n  const { locale: rawLocale, setLocale: setLocaleI18n } = useLocale();\n  const [isSystemDefault, setIsSystemDefault] = useState<boolean>(\n    () => safeReadStorage(LOCALE_STORAGE_KEY) === null,\n  );\n\n  // Coerce the i18next-reported locale to the supported set so consumers\n  // never see an un-bundled tag (e.g. when the host app pre-loads\n  // `en-US` before the kit's resources land).\n  const locale: Locale = isSupportedLocale(rawLocale) ? rawLocale : 'en';\n\n  const setLocale = useCallback(\n    (next: LocalePreference) => {\n      if (next === LOCALE_SYSTEM_DEFAULT) {\n        // Clear persistence + re-resolve to navigator.language.\n        safeRemoveStorage(LOCALE_STORAGE_KEY);\n        const detected = detectBrowserLocale();\n        void setLocaleI18n(detected);\n        applyDocumentAttrs(detected);\n        setIsSystemDefault(true);\n        return;\n      }\n      if (!isSupportedLocale(next)) return;\n      void setLocaleI18n(next);\n      applyDocumentAttrs(next);\n      safeWriteStorage(LOCALE_STORAGE_KEY, next);\n      setIsSystemDefault(false);\n    },\n    [setLocaleI18n],\n  );\n\n  // One-shot detection on first LocalePicker mount per app lifecycle.\n  useEffect(() => {\n    if (detectionFired) return;\n    detectionFired = true;\n    const stored = safeReadStorage(LOCALE_STORAGE_KEY);\n    if (isSupportedLocale(stored)) {\n      // User-chosen value persists — keep i18next + document in sync.\n      if (stored !== rawLocale) void setLocaleI18n(stored);\n      applyDocumentAttrs(stored);\n      return;\n    }\n    // No stored value → we're in System Default mode. Detect, apply,\n    // but do NOT persist (so the System Default selection stays\n    // sticky across reloads until the user explicitly chooses).\n    const detected = detectBrowserLocale();\n    void setLocaleI18n(detected);\n    applyDocumentAttrs(detected);\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- intentional one-shot detection\n  }, []);\n\n  return { locale, isSystemDefault, setLocale };\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst wrapperVariants = cva('ds:inline-flex ds:items-center', {\n  variants: {\n    variant: {\n      icon: '',\n      compact: '',\n    },\n  },\n  defaultVariants: { variant: 'icon' },\n});\n\nconst compactTriggerClasses = [\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n  'ds:rounded-[var(--radius-sm)] ds:px-[var(--spacing-sm)]',\n  'ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]',\n  'ds:bg-transparent ds:text-foreground',\n  'ds:hover:bg-muted',\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-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n  'type-body-sm',\n].join(' ');\n\nconst popoverContentClasses = [\n  'ds:w-[18rem] ds:rounded-[var(--radius-md)]',\n  'ds:bg-background ds:text-foreground ds:border ds:border-border',\n  'ds:shadow-[var(--shadow-lg)]',\n  'ds:overflow-hidden',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport type LocalePickerVariant = 'icon' | 'compact';\n\nexport interface LocalePickerProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    VariantProps<typeof wrapperVariants> {\n  variant?: LocalePickerVariant;\n  /**\n   * Controlled escape hatch — when omitted the picker reads/writes\n   * `useLocale()` directly so a bare `<LocalePicker />` works with no\n   * wiring. Pass both to opt into controlled mode.\n   */\n  value?: Locale;\n  onValueChange?: (next: LocalePreference) => void;\n  /** Disable interaction (greys out the trigger). */\n  disabled?: boolean;\n  /** Mark as busy (kept open / focusable but read-only). */\n  loading?: boolean;\n  /**\n   * Side the search popover opens onto, relative to the trigger.\n   * Defaults to `bottom` (standard dropdown). Use `end` (inline-end —\n   * right in LTR, left in RTL) when nesting the LocalePicker inside\n   * another popover/menu so the search surface flies out to the side\n   * rather than stacking below.\n   */\n  popoverSide?: 'top' | 'bottom' | 'start' | 'end';\n}\n\n/**\n * Curated imperative handle for agent / external automation. The\n * `setLocale` parameter is widened to `string` (rather than the\n * narrower `Locale`) so untyped agent inputs don't have to thread the\n * `LOCALES_WITH_BUNDLES` constraint at the call site — the\n * implementation validates internally and no-ops on an unsupported\n * tag.\n */\nexport interface LocalePickerHandle {\n  setLocale: (next: string) => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* LocalePicker.SearchList — the inline searchable list                */\n/*                                                                     */\n/* HeaderSettings renders this directly inside its DropdownMenu so the */\n/* same UX is reused without nesting another popover. Standalone the   */\n/* root component renders this same widget inside a Popover.           */\n/* ------------------------------------------------------------------ */\n\nexport interface LocalePickerSearchListProps {\n  /**\n   * Active selection. Either a `Locale` code or the\n   * `LOCALE_SYSTEM_DEFAULT` sentinel (when the user hasn't made an\n   * explicit choice and the kit is following `navigator.language`).\n   * Defaults to the shared store.\n   */\n  value?: LocalePreference;\n  /**\n   * Fires after a successful selection. Accepts a concrete `Locale`\n   * or `LOCALE_SYSTEM_DEFAULT` (when the user picks the \"System\n   * Default\" row at the top of the list).\n   *\n   * Defaults to the shared setter (delegates to useLocale, persists\n   * or clears storage, updates document.dir/lang).\n   */\n  onValueChange?: (next: LocalePreference) => void;\n  /** Optional id for the search input (axe `aria-labelledby` chain). */\n  inputId?: string;\n  /** Disable the input + list interactions. */\n  disabled?: boolean;\n  /** Mark as busy (read-only). */\n  loading?: boolean;\n  className?: string;\n}\n\nconst searchListVariants = cva('ds:flex ds:flex-col', {\n  variants: {\n    loading: {\n      true: 'ds:opacity-60 ds:pointer-events-none',\n      false: '',\n    },\n  },\n  defaultVariants: { loading: false },\n});\n\nexport const LocalePickerSearchList = forwardRef<\n  HTMLDivElement,\n  LocalePickerSearchListProps\n>(\n  (\n    {\n      value: valueProp,\n      onValueChange,\n      inputId: inputIdProp,\n      disabled = false,\n      loading = false,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const store = useLocalePickerState();\n    // Resolved-to-render-with: which locale name to display for\n    // \"System Default ({{nativeName}})\". Always a concrete Locale.\n    const resolvedLocale = store.locale;\n    // Selection-state: the picker's current value is either an\n    // explicit Locale or the System Default sentinel.\n    const currentSelection: LocalePreference =\n      valueProp ??\n      (store.isSystemDefault ? LOCALE_SYSTEM_DEFAULT : store.locale);\n    const generatedId = useId();\n    const inputId = inputIdProp ?? `${generatedId}-search`;\n    const [search, setSearch] = useState('');\n\n    const handleSelect = useCallback(\n      (code: string) => {\n        if (disabled || loading) return;\n        if (code === LOCALE_SYSTEM_DEFAULT) {\n          if (onValueChange) {\n            onValueChange(LOCALE_SYSTEM_DEFAULT);\n          } else {\n            store.setLocale(LOCALE_SYSTEM_DEFAULT);\n          }\n          return;\n        }\n        if (!isSupportedLocale(code)) return;\n        if (onValueChange) {\n          onValueChange(code);\n        } else {\n          store.setLocale(code);\n        }\n      },\n      [disabled, loading, onValueChange, store],\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={[searchListVariants({ loading }), className]\n          .filter(Boolean)\n          .join(' ')}\n        data-component=\"locale-picker-search-list\"\n      >\n        <Command\n          label={t('navigation.localePicker.commandLabel')}\n          // Defer to cmdk's defaultFilter — it ranks against both the\n          // Item's `value` (the locale code) and `keywords` (the\n          // native + English names), which is exactly the haystack we\n          // want users to be able to match against. The Item's `value`\n          // alone wouldn't surface \"jap\" → 日本語 because the code is\n          // `ja`; the keyword \"Japanese\" handles that match.\n          filter={defaultFilter}\n          shouldFilter\n        >\n          {/* Input chrome borrows the kit's standard INPUT_SURFACE\n              tokens (same as Combobox / Autocomplete) so the search\n              field reads as a first-class kit input rather than a\n              one-off list header. The wrapper carries the border /\n              padding / focus-within ring; the inner Command.Input\n              keeps its outline-less peer styling. */}\n          <div\n            className={[\n              INPUT_SURFACE_CHROME,\n              INPUT_SURFACE_HEIGHT.sm,\n              INPUT_SURFACE_PADDING_X.sm,\n              'ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n              'ds:m-[var(--spacing-xs)]',\n            ].join(' ')}\n          >\n            <Globe\n              aria-hidden=\"true\"\n              className=\"ds:size-4 ds:text-muted-foreground ds:shrink-0\"\n            />\n            <Command.Input\n              id={inputId}\n              value={search}\n              onValueChange={setSearch}\n              placeholder={t('navigation.localePicker.searchPlaceholder')}\n              aria-label={t('navigation.localePicker.searchLabel')}\n              disabled={disabled || loading}\n              className={[\n                'ds:peer ds:flex-1 ds:bg-transparent ds:border-0 ds:outline-none',\n                'ds:placeholder:text-muted-foreground ds:text-foreground',\n                'ds:text-[length:var(--font-size-sm)]',\n              ].join(' ')}\n            />\n          </div>\n          <Command.List\n            className={[\n              'ds:max-h-[18rem] ds:overflow-y-auto',\n              'ds:p-[var(--spacing-xs)]',\n            ].join(' ')}\n          >\n            <Command.Empty\n              className={[\n                'ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]',\n                'type-body-sm ds:text-muted-foreground',\n              ].join(' ')}\n            >\n              {t('navigation.localePicker.empty')}\n            </Command.Empty>\n\n            {/* \"System Default\" — always the first row. Selected when\n                the user hasn't picked an explicit locale; selecting it\n                clears the localStorage entry and re-resolves to\n                navigator.language. Mirrors the `'system'` value in\n                ThemeToggle. */}\n            {(() => {\n              const isSystemSelected =\n                currentSelection === LOCALE_SYSTEM_DEFAULT;\n              const resolvedEntry = LOCALE_META[resolvedLocale];\n              return (\n                <Command.Item\n                  key={LOCALE_SYSTEM_DEFAULT}\n                  value={LOCALE_SYSTEM_DEFAULT}\n                  keywords={[\n                    'system',\n                    'default',\n                    'auto',\n                    'browser',\n                    resolvedEntry.nativeName,\n                    resolvedEntry.englishName,\n                  ]}\n                  disabled={disabled || loading}\n                  onSelect={handleSelect}\n                  className={[\n                    'ds:relative ds:flex ds:cursor-pointer ds:select-none',\n                    'ds:items-center ds:gap-[var(--spacing-sm)]',\n                    'ds:rounded-[var(--radius-sm)]',\n                    'ds:min-h-[var(--min-target-size)]',\n                    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n                    'ds:text-foreground ds:outline-none',\n                    'ds:data-[highlighted]:bg-muted',\n                    'ds:aria-selected:bg-muted',\n                    'ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed',\n                  ].join(' ')}\n                  aria-selected={isSystemSelected || undefined}\n                  data-current={isSystemSelected ? 'true' : undefined}\n                >\n                  <Monitor\n                    aria-hidden=\"true\"\n                    className=\"ds:size-4 ds:text-muted-foreground ds:shrink-0\"\n                  />\n                  <span className=\"ds:flex-1 ds:min-w-0 ds:truncate type-body-sm\">\n                    {t('navigation.localePicker.systemDefault', {\n                      locale: resolvedEntry.nativeName,\n                    })}\n                  </span>\n                  {isSystemSelected ? (\n                    <Check\n                      aria-hidden=\"true\"\n                      className=\"ds:size-4 ds:text-primary ds:shrink-0\"\n                    />\n                  ) : null}\n                  {isSystemSelected ? (\n                    <span className=\"ds:sr-only\">\n                      {t('navigation.localePicker.currentSelection')}\n                    </span>\n                  ) : null}\n                </Command.Item>\n              );\n            })()}\n\n            {LOCALE_LIST.map((entry) => {\n              const isSelected = currentSelection === entry.code;\n              return (\n                <Command.Item\n                  key={entry.code}\n                  value={entry.code}\n                  keywords={[entry.nativeName, entry.englishName]}\n                  disabled={disabled || loading}\n                  onSelect={handleSelect}\n                  className={[\n                    'ds:relative ds:flex ds:cursor-pointer ds:select-none',\n                    'ds:items-center ds:gap-[var(--spacing-sm)]',\n                    'ds:rounded-[var(--radius-sm)]',\n                    'ds:min-h-[var(--min-target-size)]',\n                    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n                    'ds:text-foreground ds:outline-none',\n                    'ds:data-[highlighted]:bg-muted',\n                    'ds:aria-selected:bg-muted',\n                    'ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed',\n                  ].join(' ')}\n                  aria-selected={isSelected || undefined}\n                  data-current={isSelected ? 'true' : undefined}\n                  // `lang` on the row triggers font-cascade selection\n                  // so Arabic / Japanese / Devanagari / Greek glyphs\n                  // paint via the Noto Sans family. Intentionally\n                  // omits `dir` — the row layout follows the picker\n                  // surface's direction (LTR menu = LTR row, RTL menu\n                  // = RTL row). Setting `dir=\"rtl\"` per Arabic row\n                  // would flip just THAT row inside an LTR menu, which\n                  // breaks the visual rhythm with neighbouring rows.\n                  // Arabic text within the row still renders RTL at\n                  // the character level (script-driven) regardless.\n                  lang={entry.code}\n                >\n                  {hasFlag(entry.countryCode) ? (\n                    <Flag\n                      country={entry.countryCode}\n                      size=\"sm\"\n                      shape=\"rectangle\"\n                      rounded=\"sm\"\n                      className=\"ds:shrink-0\"\n                    />\n                  ) : (\n                    /* hasFlag fallback: render the emoji glyph only\n                       when the kit doesn't ship an SVG for this\n                       country code. All 18 bundled locales currently\n                       have SVG flags, so this is dead code on the\n                       canonical set — kept for resilience when\n                       consumers extend the registry. */\n                    <span\n                      aria-hidden=\"true\"\n                      className=\"ds:text-base ds:shrink-0\"\n                    >\n                      {entry.flag}\n                    </span>\n                  )}\n                  <span className=\"ds:flex-1 ds:min-w-0 ds:truncate type-body-sm\">\n                    {entry.nativeName}\n                  </span>\n                  {isSelected ? (\n                    <Check\n                      aria-hidden=\"true\"\n                      className=\"ds:size-4 ds:text-primary ds:shrink-0\"\n                    />\n                  ) : null}\n                  {isSelected ? (\n                    <span className=\"ds:sr-only\">\n                      {t('navigation.localePicker.currentSelection')}\n                    </span>\n                  ) : null}\n                </Command.Item>\n              );\n            })}\n          </Command.List>\n        </Command>\n      </div>\n    );\n  },\n);\nLocalePickerSearchList.displayName = 'LocalePicker.SearchList';\n\n/* ------------------------------------------------------------------ */\n/* LocalePicker root — icon + compact trigger variants                 */\n/* ------------------------------------------------------------------ */\n\ninterface VariantRenderProps {\n  state: LocalePickerState;\n  rest: HTMLAttributes<HTMLDivElement>;\n  forwardedRef: Ref<HTMLDivElement>;\n  className?: string;\n  disabled: boolean;\n  loading: boolean;\n  popoverSide: 'top' | 'bottom' | 'start' | 'end';\n}\n\nfunction IconTrigger({\n  state,\n  rest,\n  forwardedRef,\n  className,\n  disabled,\n  loading,\n  popoverSide,\n}: VariantRenderProps) {\n  const { t } = useTranslation();\n  const entry = LOCALE_META[state.locale];\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"locale-picker\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'icon', className })}\n      {...rest}\n    >\n      <Popover.Root>\n        <Popover.Trigger asChild>\n          <IconButton\n            disabled={disabled || loading}\n            icon={\n              <span className=\"ds:relative ds:inline-flex ds:items-center ds:justify-center\">\n                <Globe aria-hidden className=\"ds:size-5\" />\n                {hasFlag(entry.countryCode) ? (\n                  <Flag\n                    country={entry.countryCode}\n                    size=\"sm\"\n                    shape=\"rectangle\"\n                    rounded=\"sm\"\n                    className={[\n                      // Corner chip overlaying the globe glyph.\n                      // `outline` paints a thin background-coloured\n                      // ring around the flag so it reads as a chip\n                      // rather than blending into the globe edge.\n                      'ds:absolute ds:bottom-[-3px] ds:end-[-5px]',\n                      'ds:outline ds:outline-2 ds:outline-background',\n                      // Scale down to chip size — Flag's sm tile is\n                      // larger than the original emoji glyph.\n                      'ds:scale-75 ds:origin-bottom-end',\n                    ].join(' ')}\n                  />\n                ) : null}\n              </span>\n            }\n            aria-label={t('navigation.localePicker.trigger', {\n              locale: entry.nativeName,\n            })}\n          />\n        </Popover.Trigger>\n        <Popover.Content\n          side={popoverSide}\n          align=\"start\"\n          sideOffset={8}\n          className={popoverContentClasses}\n          aria-label={t('navigation.localePicker.popupLabel')}\n        >\n          <LocalePickerSearchList\n            value={state.locale}\n            onValueChange={state.setLocale}\n            disabled={disabled}\n            loading={loading}\n          />\n        </Popover.Content>\n      </Popover.Root>\n    </div>\n  );\n}\n\nfunction CompactTrigger({\n  state,\n  rest,\n  forwardedRef,\n  className,\n  disabled,\n  loading,\n  popoverSide,\n}: VariantRenderProps) {\n  const { t } = useTranslation();\n  const entry = LOCALE_META[state.locale];\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"locale-picker\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'compact', className })}\n      {...rest}\n    >\n      <Popover.Root>\n        <Popover.Trigger asChild>\n          <button\n            type=\"button\"\n            disabled={disabled || loading}\n            className={compactTriggerClasses}\n            aria-label={t('navigation.localePicker.trigger', {\n              locale: entry.nativeName,\n            })}\n          >\n            {hasFlag(entry.countryCode) ? (\n              <Flag\n                country={entry.countryCode}\n                size=\"sm\"\n                shape=\"rectangle\"\n                rounded=\"sm\"\n                className=\"ds:shrink-0\"\n              />\n            ) : (\n              <Globe aria-hidden className=\"ds:size-4 ds:shrink-0\" />\n            )}\n            <span\n              className=\"ds:flex-1 ds:truncate type-body-sm\"\n              lang={entry.code}\n            >\n              {entry.nativeName}\n            </span>\n          </button>\n        </Popover.Trigger>\n        <Popover.Content\n          side={popoverSide}\n          align=\"start\"\n          sideOffset={8}\n          className={popoverContentClasses}\n          aria-label={t('navigation.localePicker.popupLabel')}\n        >\n          <LocalePickerSearchList\n            value={state.locale}\n            onValueChange={state.setLocale}\n            disabled={disabled}\n            loading={loading}\n          />\n        </Popover.Content>\n      </Popover.Root>\n    </div>\n  );\n}\n\nconst LocalePickerRoot = forwardRef<HTMLDivElement, LocalePickerProps>(\n  (props, ref) => {\n    const {\n      variant = 'icon',\n      value,\n      onValueChange,\n      disabled = false,\n      loading = false,\n      popoverSide = 'bottom',\n      className,\n      id,\n      ...rest\n    } = props as LocalePickerProps & { id?: string };\n\n    const store = useLocalePickerState();\n    const resolvedLocale = value ?? store.locale;\n\n    // Controlled overlay: when a consumer passes `onValueChange`, route\n    // selections to them instead of the shared store. Document attrs +\n    // localStorage are still updated so the picker behaves consistently\n    // either way.\n    const setLocale = useCallback(\n      (next: LocalePreference) => {\n        if (onValueChange) {\n          onValueChange(next);\n          // Side-effects in controlled mode: still write through to\n          // the persistence + document attrs so the rest of the page\n          // re-renders even though we're routing state to the consumer.\n          if (next === LOCALE_SYSTEM_DEFAULT) {\n            safeRemoveStorage(LOCALE_STORAGE_KEY);\n            const detected = detectBrowserLocale();\n            applyDocumentAttrs(detected);\n          } else if (isSupportedLocale(next)) {\n            applyDocumentAttrs(next);\n            safeWriteStorage(LOCALE_STORAGE_KEY, next);\n          }\n          return;\n        }\n        store.setLocale(next);\n      },\n      [onValueChange, store],\n    );\n\n    const state: LocalePickerState = useMemo(\n      () => ({\n        locale: resolvedLocale,\n        isSystemDefault: store.isSystemDefault,\n        setLocale,\n      }),\n      [resolvedLocale, store.isSystemDefault, setLocale],\n    );\n\n    const forwardedRef = useRef<HTMLDivElement | null>(null);\n    useImperativeHandle(ref, () => forwardedRef.current as HTMLDivElement, []);\n\n    const stateRef = useRef(state);\n    stateRef.current = state;\n    const agentHandle = useMemo<LocalePickerHandle>(\n      () => ({\n        setLocale: (next: string) => {\n          if (isSupportedLocale(next)) {\n            stateRef.current.setLocale(next);\n          }\n        },\n      }),\n      [],\n    );\n    useAgentRegistration(localePickerAgent, agentHandle, id);\n\n    if (variant === 'compact') {\n      return (\n        <CompactTrigger\n          state={state}\n          rest={rest}\n          forwardedRef={forwardedRef}\n          className={className}\n          disabled={disabled}\n          loading={loading}\n          popoverSide={popoverSide}\n        />\n      );\n    }\n    return (\n      <IconTrigger\n        state={state}\n        rest={rest}\n        forwardedRef={forwardedRef}\n        className={className}\n        disabled={disabled}\n        loading={loading}\n        popoverSide={popoverSide}\n      />\n    );\n  },\n);\nLocalePickerRoot.displayName = 'LocalePicker';\n\nexport const LocalePicker = Object.assign(LocalePickerRoot, {\n  SearchList: LocalePickerSearchList,\n});\n"],"names":["LOCALE_META","LOCALES_WITH_BUNDLES","code","LOCALE_LIST","a","b","localePickerAgent","handle","args","LOCALE_STORAGE_KEY","LOCALE_SYSTEM_DEFAULT","detectionFired","isSupportedLocale","value","safeReadStorage","key","safeWriteStorage","detectBrowserLocale","raw","base","applyDocumentAttrs","locale","root","safeRemoveStorage","useLocalePickerState","rawLocale","setLocaleI18n","useLocale","isSystemDefault","setIsSystemDefault","useState","setLocale","useCallback","next","detected","useEffect","stored","wrapperVariants","cva","compactTriggerClasses","popoverContentClasses","searchListVariants","LocalePickerSearchList","forwardRef","valueProp","onValueChange","inputIdProp","disabled","loading","className","ref","t","useTranslation","store","resolvedLocale","currentSelection","generatedId","useId","inputId","search","setSearch","handleSelect","jsx","jsxs","Command","defaultFilter","INPUT_SURFACE_CHROME","INPUT_SURFACE_HEIGHT","INPUT_SURFACE_PADDING_X","Globe","isSystemSelected","resolvedEntry","Monitor","Check","entry","isSelected","hasFlag","Flag","IconTrigger","state","rest","forwardedRef","popoverSide","Popover","IconButton","CompactTrigger","LocalePickerRoot","props","variant","id","useMemo","useRef","useImperativeHandle","stateRef","agentHandle","useAgentRegistration","LocalePicker"],"mappings":"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"}
+{"version":3,"file":"locale-picker-C9JmBht3.js","sources":["../../src/i18n/locale-meta.ts","../../src/components/locale-picker/locale-picker.agent.ts","../../src/components/locale-picker/locale-picker.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Locale metadata registry.                                              */\n/*                                                                       */\n/* Single source of truth for human-facing locale information — native   */\n/* name, English name, flag emoji, and writing direction. Consumed by    */\n/* LocalePicker / HeaderSettings to render the language switcher.        */\n/*                                                                       */\n/* Keys must match `LOCALES_WITH_BUNDLES` from `./resources` 1:1; the    */\n/* `locale-meta.test.ts` parity check fails the build if a code is       */\n/* added to one and not the other.                                        */\n/*                                                                       */\n/* Flag emojis use the Regional Indicator pair convention — a few of    */\n/* the codes are language tags rather than country tags (en, ar, hi);   */\n/* the flag chosen is the \"default-region\" the kit ships marketing      */\n/* surfaces in. Consumers that need a different region flag (e.g.       */\n/* British vs. American English) can override via `LOCALE_META[code]`.  */\n/* -------------------------------------------------------------------- */\n\nimport { LOCALES_WITH_BUNDLES } from './resources';\n\n/** Reading direction. Mirrors the shape of `hooks/use-locale.ts#LocaleDir`. */\nexport type LocaleDir = 'ltr' | 'rtl';\n\n/** IETF locale tag from the kit's bundled set. */\nexport type Locale = (typeof LOCALES_WITH_BUNDLES)[number];\n\nexport interface LocaleMetaEntry {\n  /** IETF locale tag (matches the key in `LOCALES_WITH_BUNDLES`). */\n  code: Locale;\n  /** Endonym — the locale's name in its own language (\"Italiano\", \"العربية\"). */\n  nativeName: string;\n  /** Exonym — the locale's name in English (\"Italian\", \"Arabic\"). */\n  englishName: string;\n  /**\n   * ISO 3166-1 alpha-2 country code for the default-region flag. Feed\n   * to the kit's `<Flag country={…} />` component to render the actual\n   * flag SVG (NOT the emoji glyph — those don't paint on Windows and\n   * lose fidelity at hero sizes). A few language tags here aren't tied\n   * to a single country (en, ar, hi); we pick the AlfaDocs default\n   * marketing region — consumers needing a different region flag\n   * override at the call site.\n   */\n  countryCode: string;\n  /**\n   * Regional-indicator flag emoji. Retained as a fallback for non-DOM\n   * contexts (terminal logs, plain-text exports) and the rare consumer\n   * surface that can't mount the kit's `Flag` component. UI surfaces\n   * should always reach for `countryCode` + `<Flag />` instead.\n   */\n  flag: string;\n  /** Reading direction. */\n  dir: LocaleDir;\n}\n\n/**\n * Canonical metadata for every locale shipped in `LOCALES_WITH_BUNDLES`.\n * Order matches the bundled-locales array so iteration is stable.\n */\nexport const LOCALE_META: Record<Locale, LocaleMetaEntry> = {\n  en: {\n    code: 'en',\n    nativeName: 'English',\n    englishName: 'English',\n    countryCode: 'GB',\n    flag: '🇬🇧',\n    dir: 'ltr',\n  },\n  it: {\n    code: 'it',\n    nativeName: 'Italiano',\n    englishName: 'Italian',\n    countryCode: 'IT',\n    flag: '🇮🇹',\n    dir: 'ltr',\n  },\n  de: {\n    code: 'de',\n    nativeName: 'Deutsch',\n    englishName: 'German',\n    countryCode: 'DE',\n    flag: '🇩🇪',\n    dir: 'ltr',\n  },\n  ar: {\n    code: 'ar',\n    nativeName: 'العربية',\n    englishName: 'Arabic',\n    countryCode: 'SA',\n    flag: '🇸🇦',\n    dir: 'rtl',\n  },\n  fr: {\n    code: 'fr',\n    nativeName: 'Français',\n    englishName: 'French',\n    countryCode: 'FR',\n    flag: '🇫🇷',\n    dir: 'ltr',\n  },\n  es: {\n    code: 'es',\n    nativeName: 'Español',\n    englishName: 'Spanish',\n    countryCode: 'ES',\n    flag: '🇪🇸',\n    dir: 'ltr',\n  },\n  pt: {\n    code: 'pt',\n    nativeName: 'Português',\n    englishName: 'Portuguese',\n    countryCode: 'PT',\n    flag: '🇵🇹',\n    dir: 'ltr',\n  },\n  nl: {\n    code: 'nl',\n    nativeName: 'Nederlands',\n    englishName: 'Dutch',\n    countryCode: 'NL',\n    flag: '🇳🇱',\n    dir: 'ltr',\n  },\n  ro: {\n    code: 'ro',\n    nativeName: 'Română',\n    englishName: 'Romanian',\n    countryCode: 'RO',\n    flag: '🇷🇴',\n    dir: 'ltr',\n  },\n  sq: {\n    code: 'sq',\n    nativeName: 'Shqip',\n    englishName: 'Albanian',\n    countryCode: 'AL',\n    flag: '🇦🇱',\n    dir: 'ltr',\n  },\n  tr: {\n    code: 'tr',\n    nativeName: 'Türkçe',\n    englishName: 'Turkish',\n    countryCode: 'TR',\n    flag: '🇹🇷',\n    dir: 'ltr',\n  },\n  pl: {\n    code: 'pl',\n    nativeName: 'Polski',\n    englishName: 'Polish',\n    countryCode: 'PL',\n    flag: '🇵🇱',\n    dir: 'ltr',\n  },\n  sv: {\n    code: 'sv',\n    nativeName: 'Svenska',\n    englishName: 'Swedish',\n    countryCode: 'SE',\n    flag: '🇸🇪',\n    dir: 'ltr',\n  },\n  ru: {\n    code: 'ru',\n    nativeName: 'Русский',\n    englishName: 'Russian',\n    countryCode: 'RU',\n    flag: '🇷🇺',\n    dir: 'ltr',\n  },\n  el: {\n    code: 'el',\n    nativeName: 'Ελληνικά',\n    englishName: 'Greek',\n    countryCode: 'GR',\n    flag: '🇬🇷',\n    dir: 'ltr',\n  },\n  ja: {\n    code: 'ja',\n    nativeName: '日本語',\n    englishName: 'Japanese',\n    countryCode: 'JP',\n    flag: '🇯🇵',\n    dir: 'ltr',\n  },\n  zh: {\n    code: 'zh',\n    nativeName: '中文',\n    englishName: 'Chinese',\n    countryCode: 'CN',\n    flag: '🇨🇳',\n    dir: 'ltr',\n  },\n  hi: {\n    code: 'hi',\n    nativeName: 'हिन्दी',\n    englishName: 'Hindi',\n    countryCode: 'IN',\n    flag: '🇮🇳',\n    dir: 'ltr',\n  },\n};\n\n/**\n * Canonical (i18n-parity) order — used when consumers need the same\n * sequence as `LOCALES_WITH_BUNDLES` (e.g. generating fixtures or\n * snapshot keys). Pickers / menus should use `LOCALE_LIST` instead,\n * which sorts alphabetically.\n */\nexport const LOCALE_LIST_CANONICAL: readonly LocaleMetaEntry[] =\n  LOCALES_WITH_BUNDLES.map((code) => LOCALE_META[code]);\n\n/**\n * Picker-facing list — sorted alphabetically by English name so the\n * order is deterministic and language-independent. End users searching\n * by native name use the picker's input box to filter; the visible\n * order doesn't depend on the active locale's collation.\n *\n * \"System Default\" (the OS-driven fallback) is rendered separately at\n * the top of `LocalePicker.SearchList` — not in this list — so the\n * alphabetical order here applies to the 18 explicit locale rows only.\n */\nexport const LOCALE_LIST: readonly LocaleMetaEntry[] = [\n  ...LOCALES_WITH_BUNDLES.map((code) => LOCALE_META[code]),\n].sort((a, b) => a.englishName.localeCompare(b.englishName, 'en'));\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — LocalePicker.                                          */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { LocalePickerHandle } from './locale-picker';\n\nexport const localePickerAgent: AgentAdapter<LocalePickerHandle> = {\n  id: 'locale-picker',\n  capabilities: ['view_change'],\n  state: {},\n  actions: {\n    set_locale: {\n      safety: 'write',\n      argsType: '{ locale: string }',\n      descriptionKey: 'ui.agent.localePicker.actions.setLocale',\n      description: 'Switch the active locale to the given IETF tag.',\n      invoke: (handle, args: { locale: string }) => {\n        // The handle's own implementation gates against\n        // `LOCALES_WITH_BUNDLES`, so a tag the kit doesn't ship is a\n        // no-op rather than a runtime crash.\n        handle.setLocale(args.locale);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'locale-picker',\n      description: 'Marks the LocalePicker wrapper.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type Ref,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, Globe, Monitor } from 'lucide-react';\nimport { Command, defaultFilter } from 'cmdk';\nimport { IconButton } from '../button/icon-button';\nimport { Popover } from '../popover/popover';\nimport { Flag, hasFlag } from '../flag/flag';\nimport {\n  INPUT_SURFACE_CHROME,\n  INPUT_SURFACE_HEIGHT,\n  INPUT_SURFACE_PADDING_X,\n} from '../_shared/input-surface';\nimport { LOCALE_LIST, LOCALE_META, type Locale } from '../../i18n/locale-meta';\nimport { LOCALES_WITH_BUNDLES } from '../../i18n/config';\nimport { useLocale } from '../../hooks/use-locale';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { localePickerAgent } from './locale-picker.agent';\n\n/* ------------------------------------------------------------------ */\n/* Persistence + browser-locale detection                              */\n/*                                                                     */\n/* The first mount of a LocalePicker after a fresh page load runs a    */\n/* one-shot detection: if no locale has ever been persisted, read      */\n/* navigator.language, normalise to the base tag (`it-IT` → `it`),    */\n/* and adopt it if the kit ships a matching bundle. Fall back to       */\n/* `en` if not. Result is persisted so a subsequent page load          */\n/* respects the user choice without re-detecting.                      */\n/*                                                                     */\n/* Module-level flag — the detection must fire once per app           */\n/* lifecycle, not once per LocalePicker instance, since HeaderSettings */\n/* + a standalone picker can both be mounted simultaneously.           */\n/* ------------------------------------------------------------------ */\n\nexport const LOCALE_STORAGE_KEY = 'alfadocs-ui.locale';\n\n/**\n * Sentinel value (and Combobox-row key) for \"follow the browser /\n * OS locale\". Mirrors the ThemeToggle's `'system'` preference: the\n * picker doesn't store a concrete locale code; the runtime resolves\n * to `navigator.language` on each mount.\n */\nexport const LOCALE_SYSTEM_DEFAULT = 'system' as const;\nexport type LocalePreference = Locale | typeof LOCALE_SYSTEM_DEFAULT;\n\nlet detectionFired = false;\n\nfunction isSupportedLocale(value: unknown): value is Locale {\n  return (\n    typeof value === 'string' &&\n    (LOCALES_WITH_BUNDLES as readonly string[]).includes(value)\n  );\n}\n\nfunction safeReadStorage(key: string): string | null {\n  if (typeof window === 'undefined') return null;\n  try {\n    return window.localStorage.getItem(key);\n  } catch {\n    return null;\n  }\n}\n\nfunction safeWriteStorage(key: string, value: string): void {\n  if (typeof window === 'undefined') return;\n  try {\n    window.localStorage.setItem(key, value);\n  } catch {\n    /* Storage can throw in private mode / when quota is exceeded — the\n       in-memory state is the source of truth. Same silent-fail shape\n       as use-theme.ts. */\n  }\n}\n\nfunction detectBrowserLocale(): Locale {\n  if (typeof navigator === 'undefined') return 'en';\n  const raw = navigator.language;\n  if (!raw) return 'en';\n  const base = raw.toLowerCase().split('-')[0];\n  return isSupportedLocale(base) ? base : 'en';\n}\n\nfunction applyDocumentAttrs(locale: Locale): void {\n  if (typeof document === 'undefined') return;\n  const root = document.documentElement;\n  root.lang = locale;\n  root.dir = LOCALE_META[locale].dir;\n}\n\n/* ------------------------------------------------------------------ */\n/* Shared state hook                                                   */\n/*                                                                     */\n/* Centralises the setLocale wrapper so both the standalone picker     */\n/* and the inline `LocalePicker.SearchList` share one source of truth: */\n/*   1. delegate to `useLocale().setLocale` (the i18next change)       */\n/*   2. set `document.documentElement.dir` + `lang`                    */\n/*   3. persist to localStorage at `alfadocs-ui.locale`                */\n/* ------------------------------------------------------------------ */\n\ninterface LocalePickerState {\n  /** Resolved locale actually applied to the page (always concrete). */\n  locale: Locale;\n  /**\n   * True when the resolved locale came from `navigator.language`\n   * rather than an explicit user choice (i.e. no localStorage entry).\n   * Used to mark the \"System Default\" row as the active selection\n   * until the user picks a specific locale.\n   */\n  isSystemDefault: boolean;\n  /**\n   * Switch to a specific locale (persists) OR back to the System\n   * Default (clears the localStorage entry and re-detects).\n   */\n  setLocale: (next: LocalePreference) => void;\n}\n\nfunction safeRemoveStorage(key: string): void {\n  if (typeof window === 'undefined') return;\n  try {\n    window.localStorage.removeItem(key);\n  } catch {\n    /* private mode etc. — silent fail per the rest of the file. */\n  }\n}\n\nfunction useLocalePickerState(): LocalePickerState {\n  const { locale: rawLocale, setLocale: setLocaleI18n } = useLocale();\n  const [isSystemDefault, setIsSystemDefault] = useState<boolean>(\n    () => safeReadStorage(LOCALE_STORAGE_KEY) === null,\n  );\n\n  // Coerce the i18next-reported locale to the supported set so consumers\n  // never see an un-bundled tag (e.g. when the host app pre-loads\n  // `en-US` before the kit's resources land).\n  const locale: Locale = isSupportedLocale(rawLocale) ? rawLocale : 'en';\n\n  const setLocale = useCallback(\n    (next: LocalePreference) => {\n      if (next === LOCALE_SYSTEM_DEFAULT) {\n        // Clear persistence + re-resolve to navigator.language.\n        safeRemoveStorage(LOCALE_STORAGE_KEY);\n        const detected = detectBrowserLocale();\n        void setLocaleI18n(detected);\n        applyDocumentAttrs(detected);\n        setIsSystemDefault(true);\n        return;\n      }\n      if (!isSupportedLocale(next)) return;\n      void setLocaleI18n(next);\n      applyDocumentAttrs(next);\n      safeWriteStorage(LOCALE_STORAGE_KEY, next);\n      setIsSystemDefault(false);\n    },\n    [setLocaleI18n],\n  );\n\n  // One-shot detection on first LocalePicker mount per app lifecycle.\n  useEffect(() => {\n    if (detectionFired) return;\n    detectionFired = true;\n    const stored = safeReadStorage(LOCALE_STORAGE_KEY);\n    if (isSupportedLocale(stored)) {\n      // User-chosen value persists — keep i18next + document in sync.\n      if (stored !== rawLocale) void setLocaleI18n(stored);\n      applyDocumentAttrs(stored);\n      return;\n    }\n    // No stored value → we're in System Default mode. Detect, apply,\n    // but do NOT persist (so the System Default selection stays\n    // sticky across reloads until the user explicitly chooses).\n    const detected = detectBrowserLocale();\n    void setLocaleI18n(detected);\n    applyDocumentAttrs(detected);\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- intentional one-shot detection\n  }, []);\n\n  return { locale, isSystemDefault, setLocale };\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst wrapperVariants = cva('ds:inline-flex ds:items-center', {\n  variants: {\n    variant: {\n      icon: '',\n      compact: '',\n    },\n  },\n  defaultVariants: { variant: 'icon' },\n});\n\nconst compactTriggerClasses = [\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n  'ds:rounded-[var(--radius-sm)] ds:px-[var(--spacing-sm)]',\n  'ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]',\n  'ds:bg-transparent ds:text-foreground',\n  'ds:hover:bg-muted',\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-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n  'type-body-sm',\n].join(' ');\n\nconst popoverContentClasses = [\n  'ds:w-[18rem] ds:rounded-[var(--radius-md)]',\n  'ds:bg-background ds:text-foreground ds:border ds:border-border',\n  'ds:shadow-[var(--shadow-lg)]',\n  'ds:overflow-hidden',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport type LocalePickerVariant = 'icon' | 'compact';\n\nexport interface LocalePickerProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    VariantProps<typeof wrapperVariants> {\n  variant?: LocalePickerVariant;\n  /**\n   * Controlled escape hatch — when omitted the picker reads/writes\n   * `useLocale()` directly so a bare `<LocalePicker />` works with no\n   * wiring. Pass both to opt into controlled mode.\n   */\n  value?: Locale;\n  onValueChange?: (next: LocalePreference) => void;\n  /** Disable interaction (greys out the trigger). */\n  disabled?: boolean;\n  /** Mark as busy (kept open / focusable but read-only). */\n  loading?: boolean;\n  /**\n   * Side the search popover opens onto, relative to the trigger.\n   * Defaults to `bottom` (standard dropdown). Use `end` (inline-end —\n   * right in LTR, left in RTL) when nesting the LocalePicker inside\n   * another popover/menu so the search surface flies out to the side\n   * rather than stacking below.\n   */\n  popoverSide?: 'top' | 'bottom' | 'start' | 'end';\n}\n\n/**\n * Curated imperative handle for agent / external automation. The\n * `setLocale` parameter is widened to `string` (rather than the\n * narrower `Locale`) so untyped agent inputs don't have to thread the\n * `LOCALES_WITH_BUNDLES` constraint at the call site — the\n * implementation validates internally and no-ops on an unsupported\n * tag.\n */\nexport interface LocalePickerHandle {\n  setLocale: (next: string) => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* LocalePicker.SearchList — the inline searchable list                */\n/*                                                                     */\n/* HeaderSettings renders this directly inside its DropdownMenu so the */\n/* same UX is reused without nesting another popover. Standalone the   */\n/* root component renders this same widget inside a Popover.           */\n/* ------------------------------------------------------------------ */\n\nexport interface LocalePickerSearchListProps {\n  /**\n   * Active selection. Either a `Locale` code or the\n   * `LOCALE_SYSTEM_DEFAULT` sentinel (when the user hasn't made an\n   * explicit choice and the kit is following `navigator.language`).\n   * Defaults to the shared store.\n   */\n  value?: LocalePreference;\n  /**\n   * Fires after a successful selection. Accepts a concrete `Locale`\n   * or `LOCALE_SYSTEM_DEFAULT` (when the user picks the \"System\n   * Default\" row at the top of the list).\n   *\n   * Defaults to the shared setter (delegates to useLocale, persists\n   * or clears storage, updates document.dir/lang).\n   */\n  onValueChange?: (next: LocalePreference) => void;\n  /** Optional id for the search input (axe `aria-labelledby` chain). */\n  inputId?: string;\n  /** Disable the input + list interactions. */\n  disabled?: boolean;\n  /** Mark as busy (read-only). */\n  loading?: boolean;\n  className?: string;\n}\n\nconst searchListVariants = cva('ds:flex ds:flex-col', {\n  variants: {\n    loading: {\n      true: 'ds:opacity-60 ds:pointer-events-none',\n      false: '',\n    },\n  },\n  defaultVariants: { loading: false },\n});\n\nexport const LocalePickerSearchList = forwardRef<\n  HTMLDivElement,\n  LocalePickerSearchListProps\n>(\n  (\n    {\n      value: valueProp,\n      onValueChange,\n      inputId: inputIdProp,\n      disabled = false,\n      loading = false,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const store = useLocalePickerState();\n    // Resolved-to-render-with: which locale name to display for\n    // \"System Default ({{nativeName}})\". Always a concrete Locale.\n    const resolvedLocale = store.locale;\n    // Selection-state: the picker's current value is either an\n    // explicit Locale or the System Default sentinel.\n    const currentSelection: LocalePreference =\n      valueProp ??\n      (store.isSystemDefault ? LOCALE_SYSTEM_DEFAULT : store.locale);\n    const generatedId = useId();\n    const inputId = inputIdProp ?? `${generatedId}-search`;\n    const [search, setSearch] = useState('');\n\n    const handleSelect = useCallback(\n      (code: string) => {\n        if (disabled || loading) return;\n        if (code === LOCALE_SYSTEM_DEFAULT) {\n          if (onValueChange) {\n            onValueChange(LOCALE_SYSTEM_DEFAULT);\n          } else {\n            store.setLocale(LOCALE_SYSTEM_DEFAULT);\n          }\n          return;\n        }\n        if (!isSupportedLocale(code)) return;\n        if (onValueChange) {\n          onValueChange(code);\n        } else {\n          store.setLocale(code);\n        }\n      },\n      [disabled, loading, onValueChange, store],\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={[searchListVariants({ loading }), className]\n          .filter(Boolean)\n          .join(' ')}\n        data-component=\"locale-picker-search-list\"\n      >\n        <Command\n          label={t('navigation.localePicker.commandLabel')}\n          // Defer to cmdk's defaultFilter — it ranks against both the\n          // Item's `value` (the locale code) and `keywords` (the\n          // native + English names), which is exactly the haystack we\n          // want users to be able to match against. The Item's `value`\n          // alone wouldn't surface \"jap\" → 日本語 because the code is\n          // `ja`; the keyword \"Japanese\" handles that match.\n          filter={defaultFilter}\n          shouldFilter\n        >\n          {/* Input chrome borrows the kit's standard INPUT_SURFACE\n              tokens (same as Combobox / Autocomplete) so the search\n              field reads as a first-class kit input rather than a\n              one-off list header. The wrapper carries the border /\n              padding / focus-within ring; the inner Command.Input\n              keeps its outline-less peer styling. */}\n          <div\n            className={[\n              INPUT_SURFACE_CHROME,\n              INPUT_SURFACE_HEIGHT.sm,\n              INPUT_SURFACE_PADDING_X.sm,\n              'ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n              'ds:m-[var(--spacing-xs)]',\n            ].join(' ')}\n          >\n            <Globe\n              aria-hidden=\"true\"\n              className=\"ds:size-4 ds:text-muted-foreground ds:shrink-0\"\n            />\n            <Command.Input\n              id={inputId}\n              value={search}\n              onValueChange={setSearch}\n              placeholder={t('navigation.localePicker.searchPlaceholder')}\n              aria-label={t('navigation.localePicker.searchLabel')}\n              disabled={disabled || loading}\n              className={[\n                'ds:peer ds:flex-1 ds:bg-transparent ds:border-0 ds:outline-none',\n                'ds:placeholder:text-muted-foreground ds:text-foreground',\n                'ds:text-[length:var(--font-size-sm)]',\n              ].join(' ')}\n            />\n          </div>\n          <Command.List\n            className={[\n              'ds:max-h-[18rem] ds:overflow-y-auto',\n              'ds:p-[var(--spacing-xs)]',\n            ].join(' ')}\n          >\n            <Command.Empty\n              className={[\n                'ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]',\n                'type-body-sm ds:text-muted-foreground',\n              ].join(' ')}\n            >\n              {t('navigation.localePicker.empty')}\n            </Command.Empty>\n\n            {/* \"System Default\" — always the first row. Selected when\n                the user hasn't picked an explicit locale; selecting it\n                clears the localStorage entry and re-resolves to\n                navigator.language. Mirrors the `'system'` value in\n                ThemeToggle. */}\n            {(() => {\n              const isSystemSelected =\n                currentSelection === LOCALE_SYSTEM_DEFAULT;\n              const resolvedEntry = LOCALE_META[resolvedLocale];\n              return (\n                <Command.Item\n                  key={LOCALE_SYSTEM_DEFAULT}\n                  value={LOCALE_SYSTEM_DEFAULT}\n                  keywords={[\n                    'system',\n                    'default',\n                    'auto',\n                    'browser',\n                    resolvedEntry.nativeName,\n                    resolvedEntry.englishName,\n                  ]}\n                  disabled={disabled || loading}\n                  onSelect={handleSelect}\n                  className={[\n                    'ds:relative ds:flex ds:cursor-pointer ds:select-none',\n                    'ds:items-center ds:gap-[var(--spacing-sm)]',\n                    'ds:rounded-[var(--radius-sm)]',\n                    'ds:min-h-[var(--min-target-size)]',\n                    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n                    'ds:text-foreground ds:outline-none',\n                    'ds:data-[highlighted]:bg-muted',\n                    'ds:aria-selected:bg-muted',\n                    'ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed',\n                  ].join(' ')}\n                  aria-selected={isSystemSelected || undefined}\n                  data-current={isSystemSelected ? 'true' : undefined}\n                >\n                  <Monitor\n                    aria-hidden=\"true\"\n                    className=\"ds:size-4 ds:text-muted-foreground ds:shrink-0\"\n                  />\n                  <span className=\"ds:flex-1 ds:min-w-0 ds:truncate type-body-sm\">\n                    {t('navigation.localePicker.systemDefault', {\n                      locale: resolvedEntry.nativeName,\n                    })}\n                  </span>\n                  {isSystemSelected ? (\n                    <Check\n                      aria-hidden=\"true\"\n                      className=\"ds:size-4 ds:text-primary ds:shrink-0\"\n                    />\n                  ) : null}\n                  {isSystemSelected ? (\n                    <span className=\"ds:sr-only\">\n                      {t('navigation.localePicker.currentSelection')}\n                    </span>\n                  ) : null}\n                </Command.Item>\n              );\n            })()}\n\n            {LOCALE_LIST.map((entry) => {\n              const isSelected = currentSelection === entry.code;\n              return (\n                <Command.Item\n                  key={entry.code}\n                  value={entry.code}\n                  keywords={[entry.nativeName, entry.englishName]}\n                  disabled={disabled || loading}\n                  onSelect={handleSelect}\n                  className={[\n                    'ds:relative ds:flex ds:cursor-pointer ds:select-none',\n                    'ds:items-center ds:gap-[var(--spacing-sm)]',\n                    'ds:rounded-[var(--radius-sm)]',\n                    'ds:min-h-[var(--min-target-size)]',\n                    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n                    'ds:text-foreground ds:outline-none',\n                    'ds:data-[highlighted]:bg-muted',\n                    'ds:aria-selected:bg-muted',\n                    'ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed',\n                  ].join(' ')}\n                  aria-selected={isSelected || undefined}\n                  data-current={isSelected ? 'true' : undefined}\n                  // `lang` on the row triggers font-cascade selection\n                  // so Arabic / Japanese / Devanagari / Greek glyphs\n                  // paint via the Noto Sans family. Intentionally\n                  // omits `dir` — the row layout follows the picker\n                  // surface's direction (LTR menu = LTR row, RTL menu\n                  // = RTL row). Setting `dir=\"rtl\"` per Arabic row\n                  // would flip just THAT row inside an LTR menu, which\n                  // breaks the visual rhythm with neighbouring rows.\n                  // Arabic text within the row still renders RTL at\n                  // the character level (script-driven) regardless.\n                  lang={entry.code}\n                >\n                  {hasFlag(entry.countryCode) ? (\n                    <Flag\n                      country={entry.countryCode}\n                      size=\"sm\"\n                      shape=\"rectangle\"\n                      rounded=\"sm\"\n                      className=\"ds:shrink-0\"\n                    />\n                  ) : (\n                    /* hasFlag fallback: render the emoji glyph only\n                       when the kit doesn't ship an SVG for this\n                       country code. All 18 bundled locales currently\n                       have SVG flags, so this is dead code on the\n                       canonical set — kept for resilience when\n                       consumers extend the registry. */\n                    <span\n                      aria-hidden=\"true\"\n                      className=\"ds:text-base ds:shrink-0\"\n                    >\n                      {entry.flag}\n                    </span>\n                  )}\n                  <span className=\"ds:flex-1 ds:min-w-0 ds:truncate type-body-sm\">\n                    {entry.nativeName}\n                  </span>\n                  {isSelected ? (\n                    <Check\n                      aria-hidden=\"true\"\n                      className=\"ds:size-4 ds:text-primary ds:shrink-0\"\n                    />\n                  ) : null}\n                  {isSelected ? (\n                    <span className=\"ds:sr-only\">\n                      {t('navigation.localePicker.currentSelection')}\n                    </span>\n                  ) : null}\n                </Command.Item>\n              );\n            })}\n          </Command.List>\n        </Command>\n      </div>\n    );\n  },\n);\nLocalePickerSearchList.displayName = 'LocalePicker.SearchList';\n\n/* ------------------------------------------------------------------ */\n/* LocalePicker root — icon + compact trigger variants                 */\n/* ------------------------------------------------------------------ */\n\ninterface VariantRenderProps {\n  state: LocalePickerState;\n  rest: HTMLAttributes<HTMLDivElement>;\n  forwardedRef: Ref<HTMLDivElement>;\n  className?: string;\n  disabled: boolean;\n  loading: boolean;\n  popoverSide: 'top' | 'bottom' | 'start' | 'end';\n}\n\nfunction IconTrigger({\n  state,\n  rest,\n  forwardedRef,\n  className,\n  disabled,\n  loading,\n  popoverSide,\n}: VariantRenderProps) {\n  const { t } = useTranslation();\n  const entry = LOCALE_META[state.locale];\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"locale-picker\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'icon', className })}\n      {...rest}\n    >\n      <Popover.Root>\n        <Popover.Trigger asChild>\n          <IconButton\n            disabled={disabled || loading}\n            icon={\n              <span className=\"ds:relative ds:inline-flex ds:items-center ds:justify-center\">\n                <Globe aria-hidden className=\"ds:size-5\" />\n                {hasFlag(entry.countryCode) ? (\n                  <Flag\n                    country={entry.countryCode}\n                    size=\"sm\"\n                    shape=\"rectangle\"\n                    rounded=\"sm\"\n                    className={[\n                      // Corner chip overlaying the globe glyph.\n                      // `outline` paints a thin background-coloured\n                      // ring around the flag so it reads as a chip\n                      // rather than blending into the globe edge.\n                      'ds:absolute ds:bottom-[-3px] ds:end-[-5px]',\n                      'ds:outline ds:outline-2 ds:outline-background',\n                      // Scale down to chip size — Flag's sm tile is\n                      // larger than the original emoji glyph.\n                      'ds:scale-75 ds:origin-bottom-end',\n                    ].join(' ')}\n                  />\n                ) : null}\n              </span>\n            }\n            aria-label={t('navigation.localePicker.trigger', {\n              locale: entry.nativeName,\n            })}\n          />\n        </Popover.Trigger>\n        <Popover.Content\n          side={popoverSide}\n          align=\"start\"\n          sideOffset={8}\n          className={popoverContentClasses}\n          aria-label={t('navigation.localePicker.popupLabel')}\n        >\n          <LocalePickerSearchList\n            value={state.locale}\n            onValueChange={state.setLocale}\n            disabled={disabled}\n            loading={loading}\n          />\n        </Popover.Content>\n      </Popover.Root>\n    </div>\n  );\n}\n\nfunction CompactTrigger({\n  state,\n  rest,\n  forwardedRef,\n  className,\n  disabled,\n  loading,\n  popoverSide,\n}: VariantRenderProps) {\n  const { t } = useTranslation();\n  const entry = LOCALE_META[state.locale];\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"locale-picker\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'compact', className })}\n      {...rest}\n    >\n      <Popover.Root>\n        <Popover.Trigger asChild>\n          <button\n            type=\"button\"\n            disabled={disabled || loading}\n            className={compactTriggerClasses}\n            aria-label={t('navigation.localePicker.trigger', {\n              locale: entry.nativeName,\n            })}\n          >\n            {hasFlag(entry.countryCode) ? (\n              <Flag\n                country={entry.countryCode}\n                size=\"sm\"\n                shape=\"rectangle\"\n                rounded=\"sm\"\n                className=\"ds:shrink-0\"\n              />\n            ) : (\n              <Globe aria-hidden className=\"ds:size-4 ds:shrink-0\" />\n            )}\n            <span\n              className=\"ds:flex-1 ds:truncate type-body-sm\"\n              lang={entry.code}\n            >\n              {entry.nativeName}\n            </span>\n          </button>\n        </Popover.Trigger>\n        <Popover.Content\n          side={popoverSide}\n          align=\"start\"\n          sideOffset={8}\n          className={popoverContentClasses}\n          aria-label={t('navigation.localePicker.popupLabel')}\n        >\n          <LocalePickerSearchList\n            value={state.locale}\n            onValueChange={state.setLocale}\n            disabled={disabled}\n            loading={loading}\n          />\n        </Popover.Content>\n      </Popover.Root>\n    </div>\n  );\n}\n\nconst LocalePickerRoot = forwardRef<HTMLDivElement, LocalePickerProps>(\n  (props, ref) => {\n    const {\n      variant = 'icon',\n      value,\n      onValueChange,\n      disabled = false,\n      loading = false,\n      popoverSide = 'bottom',\n      className,\n      id,\n      ...rest\n    } = props as LocalePickerProps & { id?: string };\n\n    const store = useLocalePickerState();\n    const resolvedLocale = value ?? store.locale;\n\n    // Controlled overlay: when a consumer passes `onValueChange`, route\n    // selections to them instead of the shared store. Document attrs +\n    // localStorage are still updated so the picker behaves consistently\n    // either way.\n    const setLocale = useCallback(\n      (next: LocalePreference) => {\n        if (onValueChange) {\n          onValueChange(next);\n          // Side-effects in controlled mode: still write through to\n          // the persistence + document attrs so the rest of the page\n          // re-renders even though we're routing state to the consumer.\n          if (next === LOCALE_SYSTEM_DEFAULT) {\n            safeRemoveStorage(LOCALE_STORAGE_KEY);\n            const detected = detectBrowserLocale();\n            applyDocumentAttrs(detected);\n          } else if (isSupportedLocale(next)) {\n            applyDocumentAttrs(next);\n            safeWriteStorage(LOCALE_STORAGE_KEY, next);\n          }\n          return;\n        }\n        store.setLocale(next);\n      },\n      [onValueChange, store],\n    );\n\n    const state: LocalePickerState = useMemo(\n      () => ({\n        locale: resolvedLocale,\n        isSystemDefault: store.isSystemDefault,\n        setLocale,\n      }),\n      [resolvedLocale, store.isSystemDefault, setLocale],\n    );\n\n    const forwardedRef = useRef<HTMLDivElement | null>(null);\n    useImperativeHandle(ref, () => forwardedRef.current as HTMLDivElement, []);\n\n    const stateRef = useRef(state);\n    stateRef.current = state;\n    const agentHandle = useMemo<LocalePickerHandle>(\n      () => ({\n        setLocale: (next: string) => {\n          if (isSupportedLocale(next)) {\n            stateRef.current.setLocale(next);\n          }\n        },\n      }),\n      [],\n    );\n    useAgentRegistration(localePickerAgent, agentHandle, id);\n\n    if (variant === 'compact') {\n      return (\n        <CompactTrigger\n          state={state}\n          rest={rest}\n          forwardedRef={forwardedRef}\n          className={className}\n          disabled={disabled}\n          loading={loading}\n          popoverSide={popoverSide}\n        />\n      );\n    }\n    return (\n      <IconTrigger\n        state={state}\n        rest={rest}\n        forwardedRef={forwardedRef}\n        className={className}\n        disabled={disabled}\n        loading={loading}\n        popoverSide={popoverSide}\n      />\n    );\n  },\n);\nLocalePickerRoot.displayName = 'LocalePicker';\n\nexport const LocalePicker = Object.assign(LocalePickerRoot, {\n  SearchList: LocalePickerSearchList,\n});\n"],"names":["LOCALE_META","LOCALES_WITH_BUNDLES","code","LOCALE_LIST","a","b","localePickerAgent","handle","args","LOCALE_STORAGE_KEY","LOCALE_SYSTEM_DEFAULT","detectionFired","isSupportedLocale","value","safeReadStorage","key","safeWriteStorage","detectBrowserLocale","raw","base","applyDocumentAttrs","locale","root","safeRemoveStorage","useLocalePickerState","rawLocale","setLocaleI18n","useLocale","isSystemDefault","setIsSystemDefault","useState","setLocale","useCallback","next","detected","useEffect","stored","wrapperVariants","cva","compactTriggerClasses","popoverContentClasses","searchListVariants","LocalePickerSearchList","forwardRef","valueProp","onValueChange","inputIdProp","disabled","loading","className","ref","t","useTranslation","store","resolvedLocale","currentSelection","generatedId","useId","inputId","search","setSearch","handleSelect","jsx","jsxs","Command","defaultFilter","INPUT_SURFACE_CHROME","INPUT_SURFACE_HEIGHT","INPUT_SURFACE_PADDING_X","Globe","isSystemSelected","resolvedEntry","Monitor","Check","entry","isSelected","hasFlag","Flag","IconTrigger","state","rest","forwardedRef","popoverSide","Popover","IconButton","CompactTrigger","LocalePickerRoot","props","variant","id","useMemo","useRef","useImperativeHandle","stateRef","agentHandle","useAgentRegistration","LocalePicker"],"mappings":"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"}

package/dist/_chunks/{marketplace-app-shell-C4OYAC22.js → marketplace-app-shell-Cou6XnMJ.js}

@@ -8,10 +8,10 @@ import { A as D } from "./alert-_mUKLmwA.js";
 import { C as w } from "./card-DPmk26CL.js";
 import { D as m } from "./dropdown-menu-DwwPovMZ.js";
 import { T as F } from "./tab-bar-Xetknddo.js";
-import { a as S, H as q, g as G, f as A, e as J, c as K, d as Q } from "./header-Ce1Br27u.js";
-import { H as U } from "./header-settings-D5Z2B_Yz.js";
-import { S as X } from "./sign-in-with-alfadocs-button-BpAjVmsI.js";
-import { S as Y, a as Z, j as _, k as aa, i as ea, h as z } from "./sidebar-DPEHzxLZ.js";
+import { a as S, H as q, g as G, f as A, e as J, c as K, d as Q } from "./header-CNszv2WQ.js";
+import { H as U } from "./header-settings-CNOqIhoW.js";
+import { S as X } from "./sign-in-with-alfadocs-button-LppxjlFt.js";
+import { S as Y, a as Z, j as _, k as aa, i as ea, h as z } from "./sidebar-BFwbx74W.js";
 import { T as sa } from "./theme-root-BOO73p5t.js";
 import { a as ta } from "./tooltip-DvmfrNvB.js";
 import { u as ra } from "./use-theme-CAuo6EYT.js";
@@ -510,4 +510,4 @@ export {
   va as M,
   g as P
 };
-//# sourceMappingURL=marketplace-app-shell-C4OYAC22.js.map
+//# sourceMappingURL=marketplace-app-shell-Cou6XnMJ.js.map