@alfadocs/ui-kit 0.0.19 → 0.1.0

package/dist/_chunks/phone-input-ZWa_FU4R.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-input-ZWa_FU4R.js","sources":["../../src/components/phone-input/phone-input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n} from 'react';\nimport * as Popover from '@radix-ui/react-popover';\nimport { Command, defaultFilter } from 'cmdk';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown } from 'lucide-react';\nimport {\n  AsYouType,\n  getCountries,\n  getCountryCallingCode,\n  parsePhoneNumberFromString,\n  type CountryCode,\n} from 'libphonenumber-js/min';\nimport {\n  FormFieldContext,\n  useFormField,\n} from '../form-field/form-field-context';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { normalizeDiacritics } from '../_shared/normalize-diacritics';\nimport { Flag } from '../flag';\n\nexport interface PhoneInputChangeMeta {\n  country: CountryCode;\n  isValid: boolean;\n  isPossible: boolean;\n  type?: string;\n}\n\nexport interface PhoneInputProps {\n  value?: string;\n  defaultValue?: string;\n  /**\n   * Country pre-selected when no value is supplied. Defaults to `IT`\n   * (AlfaDocs's dominant user base is Italian). Pass a different\n   * `CountryCode` to override, or enable `detectBrowserCountry` to\n   * derive it from the browser locale.\n   */\n  defaultCountry?: CountryCode;\n  /**\n   * When true, infer the default country from `navigator.language` /\n   * `Intl.Locale` before falling back to `defaultCountry` (or `IT`).\n   * Off by default — most AlfaDocs flows should stay on IT regardless\n   * of the visitor's browser locale.\n   */\n  detectBrowserCountry?: boolean;\n  onChange?: (e164: string, meta: PhoneInputChangeMeta) => void;\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  disabled?: boolean;\n  readOnly?: boolean;\n  placeholder?: string;\n  popularCountries?: CountryCode[];\n  className?: string;\n  id?: string;\n  name?: string;\n  required?: boolean;\n  'aria-label'?: string;\n}\n\nconst phoneInputWrapperVariants = cva(\n  [\n    'ds:group ds:relative ds:inline-flex ds:items-stretch ds:w-full',\n    'ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-background',\n    'ds:text-foreground',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid',\n    'ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-within:outline-[CanvasText]',\n    'ds:has-[:disabled]:cursor-not-allowed ds:has-[:disabled]:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-8 ds:text-[var(--font-size-sm)]',\n        md: 'ds:h-[var(--min-target-size)] ds:text-[var(--font-size-base)]',\n        lg: 'ds:h-12 ds:text-[var(--font-size-lg)]',\n      },\n      tone: {\n        default: '',\n        error: 'ds:border-destructive ds:focus-within:outline-destructive',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      tone: 'default',\n    },\n  },\n);\n\nconst countryTriggerVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n    'ds:bg-transparent ds:text-foreground',\n    'ds:border-0 ds:border-e ds:border-e-border',\n    'ds:rounded-s-[var(--radius-sm)]',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:bg-muted',\n    'ds:focus:outline-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:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:disabled:cursor-not-allowed',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:ps-3 ds:pe-2',\n        md: 'ds:ps-3 ds:pe-2',\n        lg: 'ds:ps-4 ds:pe-3',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst phoneNumberInputVariants = cva(\n  [\n    'ds:flex-1 ds:min-w-0 ds:bg-transparent ds:text-foreground ds:placeholder:text-muted-foreground',\n    'ds:border-0 ds:outline-none',\n    'ds:disabled:cursor-not-allowed',\n    'ds:read-only:cursor-default',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:ps-2 ds:pe-3 ds:text-[var(--font-size-sm)]',\n        md: 'ds:ps-2 ds:pe-3 ds:text-[var(--font-size-base)]',\n        lg: 'ds:ps-3 ds:pe-4 ds:text-[var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst pickerContentClasses = [\n  'z-[var(--z-popover)] overflow-hidden w-72',\n  'rounded-[var(--radius-md)] border border-border bg-background text-foreground',\n  'shadow-[var(--shadow-lg)]',\n  'animate-in fade-in zoom-in-95',\n  'data-[state=closed]:animate-out data-[state=closed]:fade-out',\n  'data-[state=closed]:zoom-out-95',\n  'data-[side=bottom]:slide-in-from-top-2',\n  'data-[side=top]:slide-in-from-bottom-2',\n  'motion-reduce:animate-none',\n].join(' ');\n\nconst pickerSearchClasses = [\n  'w-full bg-transparent text-foreground placeholder:text-muted-foreground',\n  'border-0 border-b border-b-border outline-none',\n  'ps-3 pe-3 py-2 text-[var(--font-size-sm)]',\n  'focus:outline-none',\n].join(' ');\n\nconst pickerListClasses = 'max-h-72 overflow-y-auto p-[var(--spacing-xs)]';\n\nconst pickerItemClasses = [\n  'relative flex cursor-pointer items-center gap-[var(--spacing-sm)]',\n  'rounded-[var(--radius-sm)] ps-3 pe-3 py-2 text-[var(--font-size-sm)]',\n  'text-foreground outline-none select-none',\n  'data-[highlighted]:bg-muted data-[highlighted]:text-foreground',\n  'data-[highlighted]:border-s-2 data-[highlighted]:border-s-primary',\n  'aria-selected:bg-muted',\n].join(' ');\n\nconst pickerGroupHeadingClasses = [\n  'ps-3 pe-3 py-1.5',\n  'type-eyebrow text-muted-foreground',\n].join(' ');\n\nconst pickerEmptyClasses = 'ps-3 pe-3 py-2 type-body-sm text-muted-foreground';\n\nconst chevronSizeBySize = {\n  sm: 'size-3.5',\n  md: 'size-4',\n  lg: 'size-5',\n} as const;\n\nconst flagSizeBySize = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n} as const satisfies Record<'sm' | 'md' | 'lg', 'sm' | 'md' | 'lg'>;\n\nfunction countDigitsBefore(str: string, position: number): number {\n  let digits = 0;\n  for (let i = 0; i < position && i < str.length; i++) {\n    if (str[i] >= '0' && str[i] <= '9') digits++;\n  }\n  return digits;\n}\n\nfunction positionAfterDigits(str: string, targetDigits: number): number {\n  if (targetDigits === 0) return 0;\n  let count = 0;\n  for (let i = 0; i < str.length; i++) {\n    if (str[i] >= '0' && str[i] <= '9') {\n      count++;\n      if (count === targetDigits) return i + 1;\n    }\n  }\n  return str.length;\n}\n\nfunction resolveDefaultCountry(\n  explicit: CountryCode | undefined,\n  supported: Set<string>,\n  detectBrowser: boolean,\n  locale: string,\n): CountryCode {\n  if (explicit && supported.has(explicit)) return explicit;\n\n  if (detectBrowser) {\n    const fromNavigator =\n      typeof navigator !== 'undefined' ? navigator.language : undefined;\n    if (fromNavigator) {\n      const match = fromNavigator.match(/-([A-Za-z]{2})/);\n      if (match) {\n        const candidate = match[1].toUpperCase();\n        if (supported.has(candidate)) return candidate as CountryCode;\n      }\n    }\n\n    try {\n      const region = new Intl.Locale(locale).region;\n      if (region && supported.has(region.toUpperCase())) {\n        return region.toUpperCase() as CountryCode;\n      }\n    } catch {\n      // Intl.Locale may throw on malformed BCP-47 — fall through.\n    }\n  }\n\n  return 'IT';\n}\n\ninterface CountryRow {\n  code: CountryCode;\n  name: string;\n  dialCode: string;\n}\n\nfunction buildCountryRows(\n  locale: string,\n  countries: CountryCode[],\n): CountryRow[] {\n  let displayNames: Intl.DisplayNames;\n  try {\n    displayNames = new Intl.DisplayNames([locale], { type: 'region' });\n  } catch {\n    displayNames = new Intl.DisplayNames(['en'], { type: 'region' });\n  }\n  const rows = countries.map<CountryRow>((code) => ({\n    code,\n    name: displayNames.of(code) ?? code,\n    dialCode: getCountryCallingCode(code),\n  }));\n  const collator = new Intl.Collator(locale);\n  return rows.sort((a, b) => collator.compare(a.name, b.name));\n}\n\nexport const PhoneInput = forwardRef<HTMLInputElement, PhoneInputProps>(\n  function PhoneInput(\n    {\n      value,\n      defaultValue,\n      defaultCountry,\n      detectBrowserCountry = false,\n      onChange,\n      size = 'md',\n      tone = 'default',\n      disabled,\n      readOnly,\n      placeholder,\n      popularCountries,\n      className,\n      id,\n      name,\n      required,\n      'aria-label': ariaLabel,\n    },\n    ref,\n  ) {\n    const { t, i18n } = useTranslation();\n    const ctx = useFormField();\n    const inFormField = useContext(FormFieldContext) !== null;\n\n    const supportedCountries = useMemo(\n      () => new Set(getCountries() as string[]),\n      [],\n    );\n\n    const initialState = useMemo(() => {\n      const resolvedCountry = resolveDefaultCountry(\n        defaultCountry,\n        supportedCountries,\n        detectBrowserCountry,\n        i18n.language,\n      );\n      const raw = value ?? defaultValue;\n      if (raw) {\n        const parsed = parsePhoneNumberFromString(raw);\n        if (parsed?.country) {\n          return {\n            country: parsed.country,\n            display: parsed.formatNational(),\n          };\n        }\n        return { country: resolvedCountry, display: raw };\n      }\n      return { country: resolvedCountry, display: '' };\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const [country, setCountry] = useState<CountryCode>(initialState.country);\n    const [displayValue, setDisplayValue] = useState<string>(\n      initialState.display,\n    );\n    const [pickerOpen, setPickerOpen] = useState(false);\n    const [pickerSearch, setPickerSearch] = useState('');\n\n    const isControlled = value !== undefined;\n    const lastEmittedRef = useRef<string>('');\n    const pendingCaretRef = useRef<number | null>(null);\n\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const composedInputRef = composeRefs(ref, inputRef);\n\n    // Sync state back from a controlled `value` prop change that did not\n    // originate from this component (e.g. parent reset). Skip the sync when\n    // the incoming value matches what we just emitted.\n    useEffect(() => {\n      if (!isControlled) return;\n      const current = value ?? '';\n      if (current === lastEmittedRef.current) return;\n      if (current === '') {\n        setDisplayValue('');\n        return;\n      }\n      const parsed = parsePhoneNumberFromString(current);\n      if (parsed?.country) {\n        setCountry(parsed.country);\n        setDisplayValue(parsed.formatNational());\n      } else {\n        setDisplayValue(current);\n      }\n    }, [value, isControlled]);\n\n    useLayoutEffect(() => {\n      if (pendingCaretRef.current == null) return;\n      const pos = pendingCaretRef.current;\n      pendingCaretRef.current = null;\n      const node = inputRef.current;\n      if (node && document.activeElement === node) {\n        node.setSelectionRange(pos, pos);\n      }\n    });\n\n    const emit = useCallback(\n      (nextDisplay: string, nextCountry: CountryCode) => {\n        const parsed = parsePhoneNumberFromString(nextDisplay, nextCountry);\n        const e164 = parsed?.number ?? '';\n        lastEmittedRef.current = e164;\n        onChange?.(e164, {\n          country: nextCountry,\n          isValid: parsed?.isValid() ?? false,\n          isPossible: parsed?.isPossible() ?? false,\n          type: parsed?.getType(),\n        });\n      },\n      [onChange],\n    );\n\n    const inputId = id ?? (inFormField ? ctx.id : undefined);\n    const effectiveDisabled =\n      (inFormField ? ctx.disabled : false) || Boolean(disabled);\n    const effectiveRequired =\n      (inFormField ? ctx.required : false) || Boolean(required);\n    const effectiveInvalid = inFormField ? ctx.invalid : false;\n    const effectiveTone = effectiveInvalid ? 'error' : tone;\n    const describedBy =\n      inFormField && ctx.describedBy ? ctx.describedBy : undefined;\n\n    const resolvedPlaceholder =\n      placeholder ?? t('ui.inputs.phone.placeholder', 'Phone number');\n\n    const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n      if (readOnly) return;\n      const target = event.target;\n      const raw = target.value;\n      const caret = target.selectionStart ?? raw.length;\n      const digitsBefore = countDigitsBefore(raw, caret);\n\n      const formatter = new AsYouType(country);\n      const formatted = formatter.input(raw);\n\n      pendingCaretRef.current = positionAfterDigits(formatted, digitsBefore);\n      setDisplayValue(formatted);\n      emit(formatted, country);\n    };\n\n    const handleCountrySelect = (nextCountry: CountryCode) => {\n      if (nextCountry === country) {\n        setPickerOpen(false);\n        return;\n      }\n      const digits = displayValue.replace(/\\D/g, '');\n      const formatter = new AsYouType(nextCountry);\n      const reformatted = digits ? formatter.input(digits) : '';\n      setCountry(nextCountry);\n      setDisplayValue(reformatted);\n      setPickerOpen(false);\n      setPickerSearch('');\n      emit(reformatted, nextCountry);\n      requestAnimationFrame(() => {\n        inputRef.current?.focus();\n      });\n    };\n\n    const countryRows = useMemo(\n      () =>\n        buildCountryRows(\n          i18n.language,\n          Array.from(supportedCountries) as CountryCode[],\n        ),\n      [i18n.language, supportedCountries],\n    );\n\n    const popularRows = useMemo(() => {\n      if (!popularCountries || popularCountries.length === 0) return [];\n      const byCode = new Map(countryRows.map((row) => [row.code, row]));\n      return popularCountries\n        .filter((code): code is CountryCode =>\n          supportedCountries.has(code),\n        )\n        .map((code) => byCode.get(code))\n        .filter((row): row is CountryRow => Boolean(row));\n    }, [popularCountries, countryRows, supportedCountries]);\n\n    const popularCodes = useMemo(\n      () => new Set(popularRows.map((row) => row.code)),\n      [popularRows],\n    );\n\n    const remainingRows = useMemo(\n      () =>\n        popularCodes.size > 0\n          ? countryRows.filter((row) => !popularCodes.has(row.code))\n          : countryRows,\n      [countryRows, popularCodes],\n    );\n\n    const selected = useMemo(\n      () => countryRows.find((row) => row.code === country),\n      [countryRows, country],\n    );\n    const selectedDialCode = selected ? selected.dialCode : '';\n    const selectedName = selected ? selected.name : country;\n\n    const triggerLabel = t(\n      'ui.inputs.phone.countryPickerLabel',\n      'Country',\n    );\n    const triggerAccessibleName = `${triggerLabel}: ${selectedName}, +${selectedDialCode}`;\n\n    const filterFn = useCallback(\n      (candidate: string, searchStr: string, keywords?: string[]) => {\n        const normalizedCandidate = normalizeDiacritics(candidate);\n        const normalizedSearch = normalizeDiacritics(searchStr);\n        const normalizedKeywords = keywords?.map(normalizeDiacritics);\n        return defaultFilter(\n          normalizedCandidate,\n          normalizedSearch,\n          normalizedKeywords,\n        );\n      },\n      [],\n    );\n\n    const renderRow = (row: CountryRow) => {\n      const accessibleLabel = `${row.name}, +${row.dialCode}`;\n      return (\n        <Command.Item\n          key={row.code}\n          value={row.code}\n          keywords={[row.name, row.dialCode, `+${row.dialCode}`]}\n          onSelect={() => handleCountrySelect(row.code)}\n          className={pickerItemClasses}\n          aria-label={accessibleLabel}\n        >\n          <Flag country={row.code} size={flagSizeBySize[size]} />\n          <span className=\"ds:flex-1 ds:truncate\">{row.name}</span>\n          <bdi dir=\"ltr\" className=\"ds:text-muted-foreground ds:tabular-nums\">\n            +{row.dialCode}\n          </bdi>\n        </Command.Item>\n      );\n    };\n\n    return (\n      <div\n        data-slot=\"phone-input\"\n        className={phoneInputWrapperVariants({\n          size,\n          tone: effectiveTone,\n          className,\n        })}\n      >\n        <Popover.Root open={pickerOpen} onOpenChange={setPickerOpen}>\n          <Popover.Trigger asChild>\n            <button\n              type=\"button\"\n              disabled={effectiveDisabled}\n              aria-haspopup=\"listbox\"\n              aria-expanded={pickerOpen}\n              aria-label={triggerAccessibleName}\n              className={countryTriggerVariants({ size })}\n            >\n              <Flag country={country} size={flagSizeBySize[size]} />\n              <bdi dir=\"ltr\" className=\"ds:tabular-nums\">\n                +{selectedDialCode}\n              </bdi>\n              <ChevronDown\n                aria-hidden=\"true\"\n                className={[\n                  chevronSizeBySize[size],\n                  'ds:shrink-0 ds:text-muted-foreground',\n                  'ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n                  pickerOpen ? 'ds:rotate-180' : '',\n                ].join(' ')}\n              />\n            </button>\n          </Popover.Trigger>\n          <Popover.Portal>\n            <Popover.Content\n              sideOffset={6}\n              align=\"start\"\n              className={pickerContentClasses}\n            >\n              <Command filter={filterFn} shouldFilter loop label={triggerLabel}>\n                <Command.Input\n                  asChild\n                  value={pickerSearch}\n                  onValueChange={setPickerSearch}\n                >\n                  <input\n                    data-phone-country-search=\"true\"\n                    type=\"text\"\n                    autoComplete=\"off\"\n                    autoCorrect=\"off\"\n                    spellCheck={false}\n                    placeholder={t(\n                      'ui.inputs.phone.searchCountry',\n                      'Search countries…',\n                    )}\n                    className={pickerSearchClasses}\n                  />\n                </Command.Input>\n                <Command.List className={pickerListClasses}>\n                  <Command.Empty className={pickerEmptyClasses}>\n                    {t('ui.inputs.phone.noCountryFound', 'No country found')}\n                  </Command.Empty>\n                  {popularRows.length > 0 ? (\n                    <Command.Group\n                      heading={\n                        <span className={pickerGroupHeadingClasses}>\n                          {t('ui.inputs.phone.popularCountries', 'Popular')}\n                        </span>\n                      }\n                    >\n                      {popularRows.map(renderRow)}\n                    </Command.Group>\n                  ) : null}\n                  <Command.Group\n                    heading={\n                      popularRows.length > 0 ? (\n                        <span className={pickerGroupHeadingClasses}>\n                          {t('ui.inputs.phone.allCountries', 'All countries')}\n                        </span>\n                      ) : undefined\n                    }\n                  >\n                    {remainingRows.map(renderRow)}\n                  </Command.Group>\n                </Command.List>\n              </Command>\n            </Popover.Content>\n          </Popover.Portal>\n        </Popover.Root>\n        <input\n          ref={composedInputRef}\n          id={inputId}\n          name={name}\n          type=\"tel\"\n          inputMode=\"tel\"\n          autoComplete=\"tel-national\"\n          value={displayValue}\n          placeholder={resolvedPlaceholder}\n          disabled={effectiveDisabled}\n          readOnly={readOnly}\n          required={effectiveRequired}\n          aria-label={ariaLabel}\n          aria-describedby={describedBy}\n          aria-invalid={effectiveInvalid || undefined}\n          onChange={handleInputChange}\n          className={phoneNumberInputVariants({ size })}\n        />\n      </div>\n    );\n  },\n);\n\nPhoneInput.displayName = 'PhoneInput';\n\nexport {\n  phoneInputWrapperVariants,\n  countryTriggerVariants,\n  phoneNumberInputVariants,\n};\n"],"names":["phoneInputWrapperVariants","cva","countryTriggerVariants","phoneNumberInputVariants","pickerContentClasses","pickerSearchClasses","pickerListClasses","pickerItemClasses","pickerGroupHeadingClasses","pickerEmptyClasses","chevronSizeBySize","flagSizeBySize","countDigitsBefore","str","position","digits","i","positionAfterDigits","targetDigits","count","resolveDefaultCountry","explicit","supported","detectBrowser","locale","fromNavigator","match","candidate","region","buildCountryRows","countries","displayNames","rows","code","getCountryCallingCode","collator","a","b","PhoneInput","forwardRef","value","defaultValue","defaultCountry","detectBrowserCountry","onChange","size","tone","disabled","readOnly","placeholder","popularCountries","className","id","name","required","ariaLabel","ref","t","i18n","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","supportedCountries","useMemo","getCountries","initialState","resolvedCountry","raw","parsed","parsePhoneNumberFromString","country","setCountry","useState","displayValue","setDisplayValue","pickerOpen","setPickerOpen","pickerSearch","setPickerSearch","isControlled","lastEmittedRef","useRef","pendingCaretRef","inputRef","composedInputRef","composeRefs","useEffect","current","useLayoutEffect","pos","node","emit","useCallback","nextDisplay","nextCountry","e164","inputId","effectiveDisabled","effectiveRequired","effectiveInvalid","effectiveTone","describedBy","resolvedPlaceholder","handleInputChange","event","target","caret","digitsBefore","formatted","AsYouType","handleCountrySelect","formatter","reformatted","_a","countryRows","popularRows","byCode","row","popularCodes","remainingRows","selected","selectedDialCode","selectedName","triggerLabel","triggerAccessibleName","filterFn","searchStr","keywords","normalizedCandidate","normalizeDiacritics","normalizedSearch","normalizedKeywords","defaultFilter","renderRow","accessibleLabel","jsxs","Command","jsx","Flag","Popover","ChevronDown"],"mappings":"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"}

package/dist/_chunks/{popover-D1woU9mP.js → popover-CMr1pTPO.js}

@@ -3,7 +3,7 @@ import { useState as H, useCallback as u, useRef as V, useEffect as C, forwardRe
 import * as m from "@radix-ui/react-popover";
 import { c as X } from "./index-D2ZczOXr.js";
 import { useTranslation as $ } from "react-i18next";
-import { I as q } from "./icon-button-C1vpylg3.js";
+import { I as q } from "./icon-button-C482ii4y.js";
 import { X as G } from "./x-CCcI3eJp.js";
 const g = z({
   headingId: void 0,
@@ -26,27 +26,27 @@ function J(e) {
 }
 const K = X(
   [
-    "relative bg-[var(--popover)] border border-[color:var(--border)] rounded-[var(--radius-md)]",
-    "p-[var(--spacing-md)]",
-    "shadow-[var(--shadow-lg)]",
-    "z-[var(--z-popover)]",
-    "text-[var(--popover-foreground)] text-[var(--font-size-sm)]",
-    "break-words",
-    "data-[state=open]:animate-in data-[state=closed]:animate-out",
-    "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-    "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-    "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
-    "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-    "motion-reduce:transition-none motion-reduce:animate-none",
-    "forced-colors:border-[CanvasText]",
-    "focus-visible:outline-none"
+    "ds:relative ds:bg-[var(--popover)] ds:border ds:border-[color:var(--border)] ds:rounded-[var(--radius-md)]",
+    "ds:p-[var(--spacing-md)]",
+    "ds:shadow-[var(--shadow-lg)]",
+    "ds:z-[var(--z-popover)]",
+    "ds:text-[var(--popover-foreground)] ds:text-[var(--font-size-sm)]",
+    "ds:break-words",
+    "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
+    "ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0",
+    "ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95",
+    "ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2",
+    "ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2",
+    "ds:motion-reduce:transition-none ds:motion-reduce:animate-none",
+    "ds:forced-colors:border-[CanvasText]",
+    "ds:focus-visible:outline-none"
   ].join(" "),
   {
     variants: {
       size: {
-        sm: "max-w-[var(--popover-size-sm)]",
-        md: "max-w-[var(--popover-size-md)]",
-        lg: "max-w-[var(--popover-size-lg)]"
+        sm: "ds:max-w-[var(--popover-size-sm)]",
+        md: "ds:max-w-[var(--popover-size-md)]",
+        lg: "ds:max-w-[var(--popover-size-lg)]"
       }
     },
     defaultVariants: {
@@ -57,27 +57,27 @@ const K = X(
 function x({
   openOn: e = "click",
   children: o,
-  open: r,
-  onOpenChange: s,
+  open: s,
+  onOpenChange: r,
   defaultOpen: n,
   modal: c
 }) {
-  const [h, b] = H(n ?? !1), p = r !== void 0, y = p ? r : h, a = u(
+  const [h, b] = H(n ?? !1), p = s !== void 0, y = p ? s : h, d = u(
     (T) => {
-      p || b(T), s == null || s(T);
+      p || b(T), r == null || r(T);
     },
-    [p, s]
-  ), d = V(null), l = e === "hover" || e === "hover-or-click", i = u(() => {
-    d.current && (clearTimeout(d.current), d.current = null);
+    [p, r]
+  ), a = V(null), l = e === "hover" || e === "hover-or-click", i = u(() => {
+    a.current && (clearTimeout(a.current), a.current = null);
   }, []), P = u(() => {
-    i(), d.current = setTimeout(() => {
-      a(!0);
+    i(), a.current = setTimeout(() => {
+      d(!0);
     }, 300);
-  }, [i, a]), I = u(() => {
-    i(), d.current = setTimeout(() => {
-      a(!1);
+  }, [i, d]), I = u(() => {
+    i(), a.current = setTimeout(() => {
+      d(!1);
     }, 300);
-  }, [i, a]);
+  }, [i, d]);
   C(() => () => i(), [i]);
   const [k, E] = H(void 0), [W, A] = H(
     void 0
@@ -85,7 +85,7 @@ function x({
     onMouseEnter: P,
     onMouseLeave: I,
     onFocus: () => {
-      i(), a(!0);
+      i(), d(!0);
     },
     onBlur: I
   } : {};
@@ -101,9 +101,9 @@ function x({
             m.Root,
             {
               open: y,
-              onOpenChange: a,
+              onOpenChange: d,
               modal: c,
-              children: l ? /* @__PURE__ */ t("span", { className: "inline-flex", ...F, children: o }) : o
+              children: l ? /* @__PURE__ */ t("span", { className: "ds:inline-flex", ...F, children: o }) : o
             }
           )
         }
@@ -112,22 +112,22 @@ function x({
   );
 }
 x.displayName = "Popover.Root";
-const D = v(({ children: e, ...o }, r) => /* @__PURE__ */ t(m.Trigger, { ref: r, ...o, children: e }));
+const D = v(({ children: e, ...o }, s) => /* @__PURE__ */ t(m.Trigger, { ref: s, ...o, children: e }));
 D.displayName = "Popover.Trigger";
 const R = v(
   ({
     side: e = "bottom",
     align: o = "center",
-    size: r = "md",
-    showArrow: s = !0,
+    size: s = "md",
+    showArrow: r = !0,
     className: n,
     children: c,
     ...h
   }, b) => {
-    const { headingId: p, descriptionId: y } = f(g), { isHoverMode: a, clearHoverTimer: d, closeWithDelay: l } = f(w), i = J(e), P = a ? {
-      onMouseEnter: d,
+    const { headingId: p, descriptionId: y } = f(g), { isHoverMode: d, clearHoverTimer: a, closeWithDelay: l } = f(w), i = J(e), P = d ? {
+      onMouseEnter: a,
       onMouseLeave: l,
-      onFocus: d,
+      onFocus: a,
       onBlur: l
     } : {};
     return /* @__PURE__ */ t(m.Portal, { children: /* @__PURE__ */ L(
@@ -140,17 +140,17 @@ const R = v(
         collisionPadding: 8,
         "aria-labelledby": p,
         "aria-describedby": y,
-        className: K({ size: r, className: n }),
+        className: K({ size: s, className: n }),
         ...P,
         ...h,
         children: [
           c,
-          s && /* @__PURE__ */ t(
+          r && /* @__PURE__ */ t(
             m.Arrow,
             {
               width: 12,
               height: 6,
-              className: "fill-[var(--popover)]"
+              className: "ds:fill-[var(--popover)]"
             }
           )
         ]
@@ -160,47 +160,47 @@ const R = v(
 );
 R.displayName = "Popover.Content";
 const j = v(({ className: e }, o) => {
-  const { t: r } = $();
-  return /* @__PURE__ */ t("div", { className: ["absolute top-[var(--spacing-sm)] end-[var(--spacing-sm)]", e].filter(Boolean).join(" "), children: /* @__PURE__ */ t(m.Close, { asChild: !0, children: /* @__PURE__ */ t(
+  const { t: s } = $();
+  return /* @__PURE__ */ t("div", { className: ["ds:absolute ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]", e].filter(Boolean).join(" "), children: /* @__PURE__ */ t(m.Close, { asChild: !0, children: /* @__PURE__ */ t(
     q,
     {
       ref: o,
       icon: /* @__PURE__ */ t(G, {}),
       intent: "ghost",
       size: "sm",
-      "aria-label": r("ui.common.close", "Close")
+      "aria-label": s("ui.common.close", "Close")
     }
   ) }) });
 });
 j.displayName = "Popover.Close";
 const M = v(
-  ({ as: e = "h3", className: o, ...r }, s) => {
+  ({ as: e = "h3", className: o, ...s }, r) => {
     const n = N(), { setHeadingId: c } = f(g);
     return C(() => (c(n), () => c(void 0)), [n, c]), /* @__PURE__ */ t(
       e,
       {
-        ref: s,
+        ref: r,
         id: n,
         className: [
-          "type-title-item leading-snug break-words",
-          "pe-[var(--spacing-xl)]",
+          "type-title-item ds:leading-snug ds:break-words",
+          "ds:pe-[var(--spacing-xl)]",
           o
         ].filter(Boolean).join(" "),
-        ...r
+        ...s
       }
     );
   }
 );
 M.displayName = "Popover.Heading";
-const B = v(({ className: e, ...o }, r) => {
-  const s = N(), { setDescriptionId: n } = f(g);
-  return C(() => (n(s), () => n(void 0)), [s, n]), /* @__PURE__ */ t(
+const B = v(({ className: e, ...o }, s) => {
+  const r = N(), { setDescriptionId: n } = f(g);
+  return C(() => (n(r), () => n(void 0)), [r, n]), /* @__PURE__ */ t(
     "p",
     {
-      ref: r,
-      id: s,
+      ref: s,
+      id: r,
       className: [
-        "text-[var(--muted-foreground)] type-body-sm mt-[var(--spacing-xs)]",
+        "ds:text-[var(--muted-foreground)] type-body-sm ds:mt-[var(--spacing-xs)]",
         e
       ].filter(Boolean).join(" "),
       ...o
@@ -219,4 +219,4 @@ const O = Object.assign(x, {
 export {
   O as P
 };
-//# sourceMappingURL=popover-D1woU9mP.js.map
+//# sourceMappingURL=popover-CMr1pTPO.js.map

package/dist/_chunks/popover-CMr1pTPO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-CMr1pTPO.js","sources":["../../src/components/popover/popover.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\n\ninterface PopoverA11yContext {\n  headingId: string | undefined;\n  setHeadingId: (id: string | undefined) => void;\n  descriptionId: string | undefined;\n  setDescriptionId: (id: string | undefined) => void;\n}\n\nconst A11yContext = createContext<PopoverA11yContext>({\n  headingId: undefined,\n  setHeadingId: () => {},\n  descriptionId: undefined,\n  setDescriptionId: () => {},\n});\n\ninterface PopoverHoverContext {\n  isHoverMode: boolean;\n  clearHoverTimer: () => void;\n  closeWithDelay: () => void;\n}\n\nconst HoverContext = createContext<PopoverHoverContext>({\n  isHoverMode: false,\n  clearHoverTimer: () => {},\n  closeWithDelay: () => {},\n});\n\nfunction resolvePhysicalSide(\n  logicalSide: 'start' | 'top' | 'end' | 'bottom',\n): 'left' | 'top' | 'right' | 'bottom' {\n  if (logicalSide === 'top' || logicalSide === 'bottom') return logicalSide;\n  const isRtl =\n    typeof document !== 'undefined' && document.documentElement.dir === 'rtl';\n  if (logicalSide === 'start') return isRtl ? 'right' : 'left';\n  /* logicalSide === 'end' */\n  return isRtl ? 'left' : 'right';\n}\n\nconst contentVariants = cva(\n  [\n    'ds:relative ds:bg-[var(--popover)] ds:border ds:border-[color:var(--border)] ds:rounded-[var(--radius-md)]',\n    'ds:p-[var(--spacing-md)]',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:z-[var(--z-popover)]',\n    'ds:text-[var(--popover-foreground)] ds:text-[var(--font-size-sm)]',\n    'ds:break-words',\n    'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n    'ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0',\n    'ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95',\n    'ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2',\n    'ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2',\n    'ds:motion-reduce:transition-none ds:motion-reduce:animate-none',\n    'ds:forced-colors:border-[CanvasText]',\n    'ds:focus-visible:outline-none',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:max-w-[var(--popover-size-sm)]',\n        md: 'ds:max-w-[var(--popover-size-md)]',\n        lg: 'ds:max-w-[var(--popover-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nexport interface PopoverRootProps\n  extends ComponentPropsWithoutRef<typeof RadixPopover.Root> {\n  openOn?: 'click' | 'hover' | 'hover-or-click';\n  children: ReactNode;\n}\n\nfunction PopoverRoot({\n  openOn = 'click',\n  children,\n  open: controlledOpen,\n  onOpenChange,\n  defaultOpen,\n  modal,\n}: PopoverRootProps) {\n  const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : internalOpen;\n\n  const handleOpenChange = useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) setInternalOpen(nextOpen);\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const hoverTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isHoverMode = openOn === 'hover' || openOn === 'hover-or-click';\n\n  const clearHoverTimer = useCallback(() => {\n    if (hoverTimerRef.current) {\n      clearTimeout(hoverTimerRef.current);\n      hoverTimerRef.current = null;\n    }\n  }, []);\n\n  const openWithDelay = useCallback(() => {\n    clearHoverTimer();\n    hoverTimerRef.current = setTimeout(() => {\n      handleOpenChange(true);\n    }, 300);\n  }, [clearHoverTimer, handleOpenChange]);\n\n  const closeWithDelay = useCallback(() => {\n    clearHoverTimer();\n    hoverTimerRef.current = setTimeout(() => {\n      handleOpenChange(false);\n    }, 300);\n  }, [clearHoverTimer, handleOpenChange]);\n\n  useEffect(() => {\n    return () => clearHoverTimer();\n  }, [clearHoverTimer]);\n\n  /* a11y context state */\n  const [headingId, setHeadingId] = useState<string | undefined>(undefined);\n  const [descriptionId, setDescriptionId] = useState<string | undefined>(\n    undefined,\n  );\n\n  const hoverHandlers = isHoverMode\n    ? {\n        onMouseEnter: openWithDelay,\n        onMouseLeave: closeWithDelay,\n        onFocus: () => {\n          clearHoverTimer();\n          handleOpenChange(true);\n        },\n        onBlur: closeWithDelay,\n      }\n    : {};\n\n  return (\n    <A11yContext.Provider\n      value={{ headingId, setHeadingId, descriptionId, setDescriptionId }}\n    >\n      <HoverContext.Provider\n        value={{ isHoverMode, clearHoverTimer, closeWithDelay }}\n      >\n        <RadixPopover.Root\n          open={isOpen}\n          onOpenChange={handleOpenChange}\n          modal={modal}\n        >\n          {isHoverMode ? (\n            <span className=\"ds:inline-flex\" {...hoverHandlers}>\n              {children}\n            </span>\n          ) : (\n            children\n          )}\n        </RadixPopover.Root>\n      </HoverContext.Provider>\n    </A11yContext.Provider>\n  );\n}\nPopoverRoot.displayName = 'Popover.Root';\n\nconst PopoverTrigger = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixPopover.Trigger>\n>(({ children, ...props }, ref) => (\n  <RadixPopover.Trigger ref={ref} {...props}>\n    {children}\n  </RadixPopover.Trigger>\n));\nPopoverTrigger.displayName = 'Popover.Trigger';\n\nexport interface PopoverContentProps\n  extends Omit<\n    ComponentPropsWithoutRef<typeof RadixPopover.Content>,\n    'side' | 'align'\n  >,\n  VariantProps<typeof contentVariants> {\n  side?: 'start' | 'top' | 'end' | 'bottom';\n  align?: 'start' | 'center' | 'end';\n  size?: 'sm' | 'md' | 'lg';\n  showArrow?: boolean;\n  className?: string;\n  children: ReactNode;\n}\n\nconst PopoverContent = forwardRef<HTMLDivElement, PopoverContentProps>(\n  (\n    {\n      side = 'bottom',\n      align = 'center',\n      size = 'md',\n      showArrow = true,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { headingId, descriptionId } = useContext(A11yContext);\n    const { isHoverMode: isHover, clearHoverTimer: cancelTimer, closeWithDelay: delayClose } =\n      useContext(HoverContext);\n    const physicalSide = resolvePhysicalSide(side);\n\n    const contentHoverHandlers = isHover\n      ? {\n          onMouseEnter: cancelTimer,\n          onMouseLeave: delayClose,\n          onFocus: cancelTimer,\n          onBlur: delayClose,\n        }\n      : {};\n\n    return (\n      <RadixPopover.Portal>\n        <RadixPopover.Content\n          ref={ref}\n          side={physicalSide}\n          align={align}\n          sideOffset={8}\n          collisionPadding={8}\n          aria-labelledby={headingId}\n          aria-describedby={descriptionId}\n          className={contentVariants({ size, className })}\n          {...contentHoverHandlers}\n          {...props}\n        >\n          {children}\n          {showArrow && (\n            <RadixPopover.Arrow\n              width={12}\n              height={6}\n              className=\"ds:fill-[var(--popover)]\"\n            />\n          )}\n        </RadixPopover.Content>\n      </RadixPopover.Portal>\n    );\n  },\n);\nPopoverContent.displayName = 'Popover.Content';\n\nconst PopoverClose = forwardRef<\n  HTMLButtonElement,\n  { className?: string }\n>(({ className }, ref) => {\n  const { t } = useTranslation();\n\n  return (\n    <div className={['ds:absolute ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]', className].filter(Boolean).join(' ')}>\n      <RadixPopover.Close asChild>\n        <IconButton\n          ref={ref}\n          icon={<X />}\n          intent=\"ghost\"\n          size=\"sm\"\n          aria-label={t('ui.common.close', 'Close')}\n        />\n      </RadixPopover.Close>\n    </div>\n  );\n});\nPopoverClose.displayName = 'Popover.Close';\n\ninterface PopoverHeadingProps extends HTMLAttributes<HTMLHeadingElement> {\n  as?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n}\n\nconst PopoverHeading = forwardRef<HTMLHeadingElement, PopoverHeadingProps>(\n  ({ as: Tag = 'h3', className, ...props }, ref) => {\n    const generatedId = useId();\n    const { setHeadingId } = useContext(A11yContext);\n\n    useEffect(() => {\n      setHeadingId(generatedId);\n      return () => setHeadingId(undefined);\n    }, [generatedId, setHeadingId]);\n\n    return (\n      <Tag\n        ref={ref}\n        id={generatedId}\n        className={[\n          'type-title-item ds:leading-snug ds:break-words',\n          'ds:pe-[var(--spacing-xl)]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      />\n    );\n  },\n);\nPopoverHeading.displayName = 'Popover.Heading';\n\nconst PopoverDescription = forwardRef<\n  HTMLParagraphElement,\n  HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n  const generatedId = useId();\n  const { setDescriptionId } = useContext(A11yContext);\n\n  useEffect(() => {\n    setDescriptionId(generatedId);\n    return () => setDescriptionId(undefined);\n  }, [generatedId, setDescriptionId]);\n\n  return (\n    <p\n      ref={ref}\n      id={generatedId}\n      className={[\n        'ds:text-[var(--muted-foreground)] type-body-sm ds:mt-[var(--spacing-xs)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  );\n});\nPopoverDescription.displayName = 'Popover.Description';\n\nexport const Popover = Object.assign(PopoverRoot, {\n  Root: PopoverRoot,\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Close: PopoverClose,\n  Heading: PopoverHeading,\n  Description: PopoverDescription,\n});\n\nexport type { PopoverRootProps as PopoverProps, PopoverHeadingProps };\n"],"names":["A11yContext","createContext","HoverContext","resolvePhysicalSide","logicalSide","isRtl","contentVariants","cva","PopoverRoot","openOn","children","controlledOpen","onOpenChange","defaultOpen","modal","internalOpen","setInternalOpen","useState","isControlled","isOpen","handleOpenChange","useCallback","nextOpen","hoverTimerRef","useRef","isHoverMode","clearHoverTimer","openWithDelay","closeWithDelay","useEffect","headingId","setHeadingId","descriptionId","setDescriptionId","hoverHandlers","jsx","RadixPopover","PopoverTrigger","forwardRef","props","ref","PopoverContent","side","align","size","showArrow","className","useContext","isHover","cancelTimer","delayClose","physicalSide","contentHoverHandlers","jsxs","PopoverClose","t","useTranslation","IconButton","X","PopoverHeading","Tag","generatedId","useId","PopoverDescription","Popover"],"mappings":"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"}

package/dist/_chunks/{privacy-lock-C1X42Sit.js → privacy-lock-Br5k7Rul.js}

@@ -1,18 +1,18 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { forwardRef as K, useState as q, useCallback as f } from "react";
 import { useTranslation as F } from "react-i18next";
 import * as r from "@radix-ui/react-dialog";
-import { B as l } from "./button-CXL8bA8G.js";
-import { I as G } from "./icon-button-C1vpylg3.js";
-import { L as H } from "./logo-UNWYb9p7.js";
+import { B as d } from "./button-DmiGFnNA.js";
+import { I as G } from "./icon-button-C482ii4y.js";
+import { L as H } from "./logo-3wrZGpwg.js";
 import { E as v } from "./eye-off-xEXDAh5z.js";
 import { U as J } from "./user-CPxpqFjJ.js";
 import { L as M } from "./log-out-616hnn2-.js";
 const Q = K(
   ({
-    open: d,
+    open: l,
     defaultOpen: g = !1,
-    onOpenChange: a,
+    onOpenChange: s,
     onUnlock: y,
     onAccountPage: p,
     onSignOut: m,
@@ -27,21 +27,21 @@ const Q = K(
     className: P,
     ...w
   }, I) => {
-    const { t: o } = F(), [O, j] = q(g), n = d !== void 0, z = n ? d : O, c = f(
+    const { t: o } = F(), [O, j] = q(g), i = l !== void 0, z = i ? l : O, n = f(
       (t) => {
-        n || j(t), a == null || a(t);
+        i || j(t), s == null || s(t);
       },
-      [n, a]
-    ), s = f(
+      [i, s]
+    ), c = f(
       (t) => (S) => {
-        t == null || t(), S.defaultPrevented || c(!1);
+        t == null || t(), S.defaultPrevented || n(!1);
       },
-      [c]
+      [n]
     ), U = k ?? o("privacyLock.triggerAriaLabel", "Lock screen for privacy"), A = h ?? o("privacyLock.triggerTooltip", "Lock screen"), u = x ?? o("privacyLock.title", "Screen locked for privacy"), B = b ?? o(
       "privacyLock.description",
       "Locking the screen helps protect the privacy of your data."
     ), C = D ?? o("privacyLock.unlock", "Unlock screen"), E = T ?? o("privacyLock.accountPage", "Account page"), R = N ?? o("privacyLock.signOut", "Log out");
-    return /* @__PURE__ */ i(r.Root, { open: z, onOpenChange: c, children: [
+    return /* @__PURE__ */ a(r.Root, { open: z, onOpenChange: n, children: [
       /* @__PURE__ */ e(r.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
         G,
         {
@@ -53,18 +53,18 @@ const Q = K(
           ...w
         }
       ) }),
-      /* @__PURE__ */ i(r.Portal, { children: [
+      /* @__PURE__ */ a(r.Portal, { children: [
         /* @__PURE__ */ e(
           r.Overlay,
           {
             className: [
-              "fixed inset-0 z-[var(--z-modal-backdrop)]",
-              "bg-[var(--background)]/40 backdrop-blur-xl",
+              "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
+              "ds:bg-[var(--background)]/40 ds:backdrop-blur-xl",
               // Fade-in / fade-out via Radix data-state. Gated on
               // motion-reduce per accessibility requirements.
-              "data-[state=open]:animate-in data-[state=open]:fade-in",
-              "data-[state=closed]:animate-out data-[state=closed]:fade-out",
-              "motion-reduce:animate-none"
+              "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in",
+              "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out",
+              "ds:motion-reduce:animate-none"
             ].join(" ")
           }
         ),
@@ -76,46 +76,46 @@ const Q = K(
             onPointerDownOutside: (t) => t.preventDefault(),
             onInteractOutside: (t) => t.preventDefault(),
             className: [
-              "fixed inset-0 z-[var(--z-modal)]",
-              "flex items-center justify-center",
-              "focus:outline-none",
-              "text-[color:var(--foreground)]",
-              "data-[state=open]:animate-in data-[state=open]:fade-in",
-              "motion-reduce:animate-none"
+              "ds:fixed ds:inset-0 ds:z-[var(--z-modal)]",
+              "ds:flex ds:items-center ds:justify-center",
+              "ds:focus:outline-none",
+              "ds:text-[color:var(--foreground)]",
+              "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in",
+              "ds:motion-reduce:animate-none"
             ].join(" "),
-            children: /* @__PURE__ */ i("div", { className: "flex flex-col items-center gap-[var(--spacing-lg)] w-[min(22rem,calc(100vw-var(--spacing-xl)))] text-center", children: [
+            children: /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:w-[min(22rem,calc(100vw-var(--spacing-xl)))] ds:text-center", children: [
               /* @__PURE__ */ e(H, { size: "xl", decorative: !0 }),
-              /* @__PURE__ */ e(r.Title, { className: "sr-only", children: u }),
-              /* @__PURE__ */ i("div", { className: "flex flex-col gap-[var(--spacing-xs)] w-full", children: [
+              /* @__PURE__ */ e(r.Title, { className: "ds:sr-only", children: u }),
+              /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full", children: [
                 /* @__PURE__ */ e(
-                  l,
+                  d,
                   {
                     intent: "primary",
                     startIcon: /* @__PURE__ */ e(v, { "aria-hidden": !0 }),
-                    onClick: s(y),
+                    onClick: c(y),
                     children: C
                   }
                 ),
                 p ? /* @__PURE__ */ e(
-                  l,
+                  d,
                   {
                     intent: "outline",
                     startIcon: /* @__PURE__ */ e(J, { "aria-hidden": !0 }),
-                    onClick: s(p),
+                    onClick: c(p),
                     children: E
                   }
                 ) : null,
                 m ? /* @__PURE__ */ e(
-                  l,
+                  d,
                   {
                     intent: "outline",
                     startIcon: /* @__PURE__ */ e(M, { "aria-hidden": !0 }),
-                    onClick: s(m),
+                    onClick: c(m),
                     children: R
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ e(r.Description, { className: "type-body-sm opacity-90", children: B })
+              /* @__PURE__ */ e(r.Description, { className: "type-body-sm ds:opacity-90", children: B })
             ] })
           }
         )
@@ -127,4 +127,4 @@ Q.displayName = "PrivacyLock";
 export {
   Q as P
 };
-//# sourceMappingURL=privacy-lock-C1X42Sit.js.map
+//# sourceMappingURL=privacy-lock-Br5k7Rul.js.map

package/dist/_chunks/privacy-lock-Br5k7Rul.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"privacy-lock-Br5k7Rul.js","sources":["../../src/components/privacy-lock/privacy-lock.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* PrivacyLock — a one-click \"lock my screen\" dialog for operator        */\n/* workstations on shared clinic hardware. Clicking the trigger paints   */\n/* a full-viewport privacy overlay (blurred backdrop + centred card);    */\n/* the only ways out are the three action buttons the consumer wires.    */\n/*                                                                       */\n/* Composed of one `IconButton` trigger and a Radix Dialog overlay. The  */\n/* dialog is intentionally *not* dismissible via Escape or outside-click */\n/* — the whole point is to make the screen unreadable until the user     */\n/* takes an explicit action.                                              */\n/*                                                                       */\n/* See `src/components/privacy-lock/privacy-lock.mdx` for usage.          */\n/* -------------------------------------------------------------------- */\n\nimport {\n  forwardRef,\n  useCallback,\n  useState,\n  type MouseEvent,\n  type ReactNode,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { EyeOff, LogOut, User } from 'lucide-react';\nimport { Button } from '../button';\nimport { IconButton } from '../button/icon-button';\nimport { Logo } from '../logo';\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface PrivacyLockProps {\n  /** Controlled open state. Pair with `onOpenChange`. */\n  open?: boolean;\n  /** Uncontrolled initial state. Ignored when `open` is provided. */\n  defaultOpen?: boolean;\n  /** Fires whenever the dialog opens or closes — trigger click, action button, etc. */\n  onOpenChange?: (open: boolean) => void;\n\n  /** Fires when the \"Unlock screen\" button is activated. Dialog closes automatically. */\n  onUnlock?: () => void;\n  /** Fires when \"Account page\" is activated. Button is omitted when undefined. Dialog closes automatically. */\n  onAccountPage?: () => void;\n  /** Fires when \"Log out\" is activated. Button is omitted when undefined. Dialog closes automatically. */\n  onSignOut?: () => void;\n\n  /** Override the trigger icon. Default: `lucide-react` `<EyeOff />`. */\n  triggerIcon?: ReactNode;\n  /** Accessible name for the trigger. Default: t('privacyLock.triggerAriaLabel'). */\n  triggerAriaLabel?: string;\n  /** Tooltip for the trigger. Default: t('privacyLock.triggerTooltip'). */\n  triggerTooltip?: string;\n\n  /** Accessible title of the dialog (visually hidden). Default: t('privacyLock.title'). */\n  title?: string;\n  /** Visible supporting text under the action buttons. Default: t('privacyLock.description'). */\n  description?: string;\n  /** Label for the \"Unlock screen\" button. Default: t('privacyLock.unlock'). */\n  unlockLabel?: string;\n  /** Label for the \"Account page\" button. Default: t('privacyLock.accountPage'). */\n  accountPageLabel?: string;\n  /** Label for the \"Log out\" button. Default: t('privacyLock.signOut'). */\n  signOutLabel?: string;\n\n  /** Extra classes on the trigger `IconButton`. */\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport const PrivacyLock = forwardRef<HTMLButtonElement, PrivacyLockProps>(\n  (\n    {\n      open,\n      defaultOpen = false,\n      onOpenChange,\n      onUnlock,\n      onAccountPage,\n      onSignOut,\n      triggerIcon,\n      triggerAriaLabel,\n      triggerTooltip,\n      title,\n      description,\n      unlockLabel,\n      accountPageLabel,\n      signOutLabel,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n    const isControlled = open !== undefined;\n    const isOpen = isControlled ? open : uncontrolledOpen;\n\n    const setOpen = useCallback(\n      (next: boolean) => {\n        if (!isControlled) setUncontrolledOpen(next);\n        onOpenChange?.(next);\n      },\n      [isControlled, onOpenChange],\n    );\n\n    // Every action closes the dialog after firing the consumer's\n    // callback. Consumers that need to keep the dialog open (e.g.\n    // confirmation step) should control `open` themselves and skip the\n    // close on the relevant callback.\n    const handleAction = useCallback(\n      (callback?: () => void) => (event: MouseEvent<HTMLButtonElement>) => {\n        callback?.();\n        // Only close if the consumer didn't preventDefault — lets a\n        // controlled consumer stop the auto-close for guarded actions.\n        if (!event.defaultPrevented) setOpen(false);\n      },\n      [setOpen],\n    );\n\n    const resolvedTriggerAriaLabel =\n      triggerAriaLabel ?? t('privacyLock.triggerAriaLabel', 'Lock screen for privacy');\n    const resolvedTriggerTooltip =\n      triggerTooltip ?? t('privacyLock.triggerTooltip', 'Lock screen');\n    const resolvedTitle =\n      title ?? t('privacyLock.title', 'Screen locked for privacy');\n    const resolvedDescription =\n      description ??\n      t(\n        'privacyLock.description',\n        'Locking the screen helps protect the privacy of your data.',\n      );\n    const resolvedUnlockLabel =\n      unlockLabel ?? t('privacyLock.unlock', 'Unlock screen');\n    const resolvedAccountPageLabel =\n      accountPageLabel ?? t('privacyLock.accountPage', 'Account page');\n    const resolvedSignOutLabel =\n      signOutLabel ?? t('privacyLock.signOut', 'Log out');\n\n    return (\n      <RadixDialog.Root open={isOpen} onOpenChange={setOpen}>\n        <RadixDialog.Trigger asChild>\n          <IconButton\n            ref={ref}\n            icon={triggerIcon ?? <EyeOff aria-hidden />}\n            aria-label={resolvedTriggerAriaLabel}\n            tooltip={resolvedTriggerTooltip}\n            className={className}\n            {...rest}\n          />\n        </RadixDialog.Trigger>\n        <RadixDialog.Portal>\n          <RadixDialog.Overlay\n            className={[\n              'ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]',\n              'ds:bg-[var(--background)]/40 ds:backdrop-blur-xl',\n              // Fade-in / fade-out via Radix data-state. Gated on\n              // motion-reduce per accessibility requirements.\n              'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in',\n              'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out',\n              'ds:motion-reduce:animate-none',\n            ].join(' ')}\n          />\n          <RadixDialog.Content\n            aria-label={resolvedTitle}\n            // Make the overlay non-dismissible by ambient input. The only\n            // way out is an explicit action button — preserving the\n            // \"locked\" contract. Screen readers + assistive tech still\n            // reach the buttons via Tab.\n            onEscapeKeyDown={(event) => event.preventDefault()}\n            onPointerDownOutside={(event) => event.preventDefault()}\n            onInteractOutside={(event) => event.preventDefault()}\n            className={[\n              'ds:fixed ds:inset-0 ds:z-[var(--z-modal)]',\n              'ds:flex ds:items-center ds:justify-center',\n              'ds:focus:outline-none',\n              'ds:text-[color:var(--foreground)]',\n              'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in',\n              'ds:motion-reduce:animate-none',\n            ].join(' ')}\n          >\n            <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:w-[min(22rem,calc(100vw-var(--spacing-xl)))] ds:text-center\">\n              <Logo size=\"xl\" decorative />\n              <RadixDialog.Title className=\"ds:sr-only\">\n                {resolvedTitle}\n              </RadixDialog.Title>\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full\">\n                <Button\n                  intent=\"primary\"\n                  startIcon={<EyeOff aria-hidden />}\n                  onClick={handleAction(onUnlock)}\n                >\n                  {resolvedUnlockLabel}\n                </Button>\n                {onAccountPage ? (\n                  <Button\n                    intent=\"outline\"\n                    startIcon={<User aria-hidden />}\n                    onClick={handleAction(onAccountPage)}\n                  >\n                    {resolvedAccountPageLabel}\n                  </Button>\n                ) : null}\n                {onSignOut ? (\n                  <Button\n                    intent=\"outline\"\n                    startIcon={<LogOut aria-hidden />}\n                    onClick={handleAction(onSignOut)}\n                  >\n                    {resolvedSignOutLabel}\n                  </Button>\n                ) : null}\n              </div>\n              <RadixDialog.Description className=\"type-body-sm ds:opacity-90\">\n                {resolvedDescription}\n              </RadixDialog.Description>\n            </div>\n          </RadixDialog.Content>\n        </RadixDialog.Portal>\n      </RadixDialog.Root>\n    );\n  },\n);\nPrivacyLock.displayName = 'PrivacyLock';\n"],"names":["PrivacyLock","forwardRef","open","defaultOpen","onOpenChange","onUnlock","onAccountPage","onSignOut","triggerIcon","triggerAriaLabel","triggerTooltip","title","description","unlockLabel","accountPageLabel","signOutLabel","className","rest","ref","t","useTranslation","uncontrolledOpen","setUncontrolledOpen","useState","isControlled","isOpen","setOpen","useCallback","next","handleAction","callback","event","resolvedTriggerAriaLabel","resolvedTriggerTooltip","resolvedTitle","resolvedDescription","resolvedUnlockLabel","resolvedAccountPageLabel","resolvedSignOutLabel","RadixDialog","jsx","IconButton","EyeOff","jsxs","Logo","Button","User","LogOut"],"mappings":"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"}