@alfadocs/ui-kit-debug 1.31.0 → 1.33.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit-debug",
-  "version": "1.31.0",
+  "version": "1.33.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe. (debug build — identical runtime to @alfadocs/ui-kit, ships source maps for symbolication).",
   "license": "BUSL-1.1",
@@ -1070,6 +1070,7 @@
     "react-dropzone": "^15.0.0",
     "sonner": "^2.0.7",
     "tw-animate-css": "^1.4.0",
+    "uqr": "^0.1.3",
     "validator": "^13.15.35"
   },
   "devDependencies": {
@@ -1124,6 +1125,7 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "globals": "^17.6.0",
     "i18next": "^26.0.4",
+    "jsqr": "^1.4.0",
     "libphonenumber-js": "^1.12.41",
     "pdfjs-dist": "^5.6.205",
     "playwright": "^1.59.1",

package/dist/_chunks/avatar-BNQNhoyL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar-BNQNhoyL.js","sources":["../../src/components/avatar/avatar.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\n\n// ── Hash ──────────────────────────────────────────────────────────────────────\n\n/** djb2 hash — fast, unsigned 32-bit, stable across calls. */\nfunction djb2(str: string): number {\n  let hash = 5381;\n  for (let i = 0; i < str.length; i++) {\n    hash = ((hash << 5) + hash) ^ str.charCodeAt(i);\n    hash = hash >>> 0; // coerce to unsigned 32-bit integer\n  }\n  return hash;\n}\n\n/**\n * 16 brand hues — all verified ≥ 4.5 : 1 contrast against the kit's\n * lightest cream (var(--primary-foreground) in light/dark, with a\n * dark-accessible-only override to --color-grey-500 because that theme\n * pins --primary-foreground to deep navy which is illegible on the\n * bright swatches). Spans four distinct hue families for good visual\n * distribution.\n *\n *  Index | Token                  | Contrast  | Visual character\n *  0     | --color-violet-500     | 4.74 : 1  | bright violet\n *  1     | --color-violet-600     | 5.53 : 1  | medium violet\n *  2     | --color-violet-700     | 7.29 : 1  | dark violet\n *  3     | --color-violet-800     | 9.57 : 1  | deep violet\n *  4     | --color-violet-900     | 12.06 : 1 | midnight violet\n *  5     | --color-purple-700     | 5.21 : 1  | medium purple\n *  6     | --color-purple-800     | 7.52 : 1  | dark purple\n *  7     | --color-purple-900     | 10.40 : 1 | deep purple\n *  8     | --color-magenta-700    | 6.01 : 1  | vivid magenta\n *  9     | --color-magenta-800    | 8.05 : 1  | dark magenta\n *  10    | --color-magenta-900    | 11.20 : 1 | deep magenta\n *  11    | --color-blue-300       | 4.64 : 1  | slate / steel blue\n *  12    | --color-blue-400       | 6.95 : 1  | medium slate\n *  13    | --color-blue-500       | 13.00 : 1 | deep navy\n *  14    | --color-blue-700       | 17.82 : 1 | midnight navy\n *  15    | --color-grey-900       | 5.78 : 1  | warm charcoal\n */\nconst INITIALS_BG_CLASSES = [\n  'ds:bg-[var(--color-violet-500)]',\n  'ds:bg-[var(--color-violet-600)]',\n  'ds:bg-[var(--color-violet-700)]',\n  'ds:bg-[var(--color-violet-800)]',\n  'ds:bg-[var(--color-violet-900)]',\n  'ds:bg-[var(--color-purple-700)]',\n  'ds:bg-[var(--color-purple-800)]',\n  'ds:bg-[var(--color-purple-900)]',\n  'ds:bg-[var(--color-magenta-700)]',\n  'ds:bg-[var(--color-magenta-800)]',\n  'ds:bg-[var(--color-magenta-900)]',\n  'ds:bg-[var(--color-blue-300)]',\n  'ds:bg-[var(--color-blue-400)]',\n  'ds:bg-[var(--color-blue-500)]',\n  'ds:bg-[var(--color-blue-700)]',\n  'ds:bg-[var(--color-grey-900)]',\n] as const;\n\n/** Deterministically maps a name string to one of 16 brand-hue Tailwind classes. Same name always produces the same class. */\nexport function nameToColorClass(name: string): string {\n  return INITIALS_BG_CLASSES[djb2(name) % INITIALS_BG_CLASSES.length];\n}\n\n/**\n * Extracts 1–2 uppercase initials:\n * - Single-word name: first two characters  (\"John\" → \"JO\")\n * - Multi-word name: first char of first word + first char of last word  (\"John Doe\" → \"JD\")\n */\nexport function getInitials(name: string): string {\n  const words = name.trim().split(/\\s+/).filter(Boolean);\n  if (words.length === 0) return '';\n  if (words.length === 1) return words[0].slice(0, 2).toUpperCase();\n  return (words[0][0] + words[words.length - 1][0]).toUpperCase();\n}\n\n// ── CVA ───────────────────────────────────────────────────────────────────────\n\nconst avatarVariants = cva(\n  [\n    'ds:relative ds:inline-flex ds:shrink-0 ds:select-none ds:items-center ds:justify-center ds:overflow-hidden ds:rounded-[var(--radius-full)]',\n    // Focus ring — uses design-system tokens so theme overrides (accessible: 3px) apply automatically.\n    // The ring renders when Avatar is placed inside a focusable ancestor (e.g. a <button>).\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-ring',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        // text-[var(--font-size-xs)] = 0.75rem (12px) — smallest available token\n        xs: 'ds:size-6 ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none',\n        sm: 'ds:size-8 ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none',\n        md: 'ds:size-10 ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none',\n        lg: 'ds:size-12 ds:text-[length:var(--font-size-sm)] ds:font-semibold ds:leading-none',\n        xl: 'ds:size-16 ds:text-[length:var(--font-size-base)] ds:font-semibold ds:leading-none',\n        // 2xl / 3xl are hero / display crops (operator cards, practice-\n        // profile pages). They token-reference `--avatar-size-*` so\n        // consumer themes can override the dimensions per-context, and\n        // `--avatar-text-size-*` so initials scale proportionally to\n        // the circle (otherwise --font-size-base at 192px reads as a\n        // tiny letter in a vast disc).\n        '2xl':\n          'ds:size-[var(--avatar-size-2xl)] ds:text-[length:var(--avatar-text-size-2xl)] ds:font-semibold ds:leading-none',\n        '3xl':\n          'ds:size-[var(--avatar-size-3xl)] ds:text-[length:var(--avatar-text-size-3xl)] ds:font-semibold ds:leading-none',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n// ── Props ─────────────────────────────────────────────────────────────────────\n\nexport interface AvatarProps\n  extends\n    Omit<HTMLAttributes<HTMLSpanElement>, 'color'>,\n    VariantProps<typeof avatarVariants> {\n  /** Image source URL. When provided and loads successfully, the image is displayed. */\n  src?: string;\n  /** Display name — drives initials extraction and deterministic background colour. */\n  name?: string;\n  /**\n   * Override the auto-generated background with any CSS colour string\n   * (e.g. `\"var(--color-violet-700)\"`).\n   * Applied via a CSS custom property so no `style` attribute is added to the JSX element.\n   * Caller is responsible for WCAG AA contrast (≥4.5:1) against white text.\n   */\n  color?: string;\n}\n\n// ── Component ─────────────────────────────────────────────────────────────────\n\nexport const Avatar = forwardRef<HTMLSpanElement, AvatarProps>(\n  ({ src, name, color, size, className, ...props }, ref) => {\n    const { t } = useTranslation();\n\n    const innerRef = useRef<HTMLSpanElement>(null);\n    const composedRef = composeRefs(ref, innerRef);\n\n    // Track only image errors. The image renders immediately as an overlay;\n    // before it loads the browser paints nothing (transparent), showing the\n    // background colour + initials behind it. On error we remove the img and\n    // the initials/fallback remain permanently visible.\n    const [imgError, setImgError] = useState(false);\n\n    // Reset error flag whenever src changes\n    useEffect(() => {\n      setImgError(false);\n    }, [src]);\n\n    // Apply color override via CSS custom property — avoids style={{…}} on JSX.\n    // Mirrors the pattern used by the Progress component for imperative CSS property injection.\n    useIsomorphicLayoutEffect(() => {\n      const el = innerRef.current;\n      if (!el) return;\n      if (color) {\n        el.style.setProperty('--avatar-color-override', color);\n      } else {\n        el.style.removeProperty('--avatar-color-override');\n      }\n    }, [color]);\n\n    // Image is \"active\" when provided and not errored\n    const imgActive = !!src && !imgError;\n\n    // Initials and fallback icon are shown when no usable image\n    const showInitials = !imgActive && !!name;\n    const showIcon = !imgActive && !name;\n\n    // Background — always rendered (serves as loading placeholder when image is fetching)\n    const fallbackBgClass = color\n      ? 'ds:bg-[var(--avatar-color-override)]'\n      : name\n        ? nameToColorClass(name)\n        : 'ds:bg-muted';\n\n    // Always light text against brand hues / color override; muted-foreground\n    // for icon. In dark-accessible, `--primary-foreground` pins to deep navy\n    // (illegible on bright swatches), so override to the kit's lightest cream\n    // (`--color-grey-500`) — keeps initials readable in all four themes.\n    const contentColorClass =\n      color || name\n        ? 'ds:text-[var(--primary-foreground)] ds:[.theme-dark.theme-accessible_&]:text-[var(--color-grey-500)]'\n        : 'ds:text-muted-foreground';\n\n    const rootClassName = avatarVariants({\n      size,\n      className: [fallbackBgClass, contentColorClass, className]\n        .filter(Boolean)\n        .join(' '),\n    });\n\n    // Accessible label — name takes priority, then the localised placeholder\n    const ariaLabel = name ?? t('avatar.placeholder', 'User avatar');\n\n    return (\n      <span\n        ref={composedRef}\n        role=\"img\"\n        aria-label={ariaLabel}\n        data-component=\"avatar\"\n        className={rootClassName}\n        {...props}\n      >\n        {/* Initials — rendered behind the image; visible while image is loading\n            or permanently when no src / src errors */}\n        {(showInitials || imgActive) && !!name && (\n          <span aria-hidden=\"true\">{getInitials(name)}</span>\n        )}\n\n        {/* Fallback icon — shown when neither image nor name is available */}\n        {showIcon && (\n          <svg\n            aria-hidden=\"true\"\n            viewBox=\"0 0 24 24\"\n            className=\"ds:size-[58%] ds:fill-current\"\n          >\n            <path d=\"M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm0 2c-3.33 0-10 1.67-10 5v2h20v-2c0-3.33-6.67-5-10-5z\" />\n          </svg>\n        )}\n\n        {/* Image — absolutely positioned overlay. Renders transparently until the\n            browser paints the decoded pixels, then covers the initials behind it.\n            Removed from DOM on error so initials remain permanently visible. */}\n        {imgActive && (\n          <img\n            src={src}\n            alt=\"\"\n            aria-hidden=\"true\"\n            className=\"ds:absolute ds:inset-0 ds:size-full ds:object-cover\"\n            onError={() => setImgError(true)}\n          />\n        )}\n      </span>\n    );\n  },\n);\n\nAvatar.displayName = 'Avatar';\n"],"names":["djb2","str","hash","i","INITIALS_BG_CLASSES","nameToColorClass","name","getInitials","words","avatarVariants","cva","Avatar","forwardRef","src","color","size","className","props","ref","t","useTranslation","innerRef","useRef","composedRef","composeRefs","imgError","setImgError","useState","useEffect","useIsomorphicLayoutEffect","el","imgActive","showInitials","showIcon","fallbackBgClass","rootClassName","ariaLabel","jsxs","jsx"],"mappings":"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"}

package/dist/_chunks/dialog-UbKJCi1X.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-UbKJCi1X.js","sources":["../../src/components/dialog/dialog.agent.ts","../../src/components/dialog/dialog.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { DialogHandle } from './dialog';\n\n/**\n * Dialog wraps Radix Dialog. The curated handle (`DialogHandle`) bridges the\n * Radix controlled-or-uncontrolled `open` state so an agent can observe and\n * drive the dialog without owning the React state itself.\n */\nexport const dialogAgent: AgentAdapter<DialogHandle> = {\n  id: 'dialog',\n  capabilities: ['open', 'close', 'dismiss'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.dialog.state.isOpen',\n      description: 'True when the dialog is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.dialog.actions.open',\n      description: 'Open the dialog.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.dialog.actions.close',\n      description: 'Close the dialog. Reversible by reopening.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    dismiss: {\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.dialog.actions.dismiss',\n      description:\n        'Dismiss the dialog. Loses any in-progress input that has not been committed.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'dialog' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on Dialog.Root.',\n    },\n  },\n};\n","import {\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  type ComponentPropsWithoutRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useAgentRegistration } from '../../agent';\nimport { dialogAgent } from './dialog.agent';\n\n// The `ds-dialog__*` class names below are the framework-agnostic contract\n// defined in src/styles.css (@layer ui-kit-components). The React component\n// renders the SAME classes a vanilla (non-React) host hand-authors — the\n// surface (`ds-dialog__surface` + its size modifiers), the close button\n// (`ds-dialog__close`), and the body slot (`ds-dialog__body`) — so there is\n// ONE visual skin (scrim, radius, elevation, bg, padding, centering, sizing,\n// close-button glyph + hover/focus) and the two surfaces can't drift. The few\n// Tailwind utilities that remain are NOT skin: they are the Radix animation\n// hooks (`data-[state=…]:animate-*`) and the surface focus-suppression chrome\n// — neither lives in the vanilla CSS contract. Layer order\n// (`…, utilities, ui-kit-tokens, ui-kit-components`) puts the `ds-dialog__*`\n// rules after Tailwind's utilities, so the contract owns every visual\n// property and the animation utilities only touch `animation` / `outline`.\nconst OVERLAY_CLASSES = [\n  'ds-dialog__backdrop',\n  'ds:backdrop-blur-sm',\n  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0',\n  'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\n// Animation + focus chrome only — every visual property (position, centering,\n// bg, radius, elevation, padding, sizing) comes from `.ds-dialog__surface`.\nconst SURFACE_CHROME = [\n  'ds:focus-visible:outline-none',\n  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95',\n  'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\n// CVA drives only the contract class names per size. `ds-dialog` is the host\n// marker (cascade-reset boundary); `ds-dialog__surface` carries the panel skin;\n// the `--sm` / `--lg` / `--fullscreen` modifiers shift only `max-inline-size`\n// (or the fullscreen geometry) and are defined alongside the base rule in\n// src/styles.css — so size, like the skin, lives in one place.\nconst contentVariants = cva(`ds-dialog ds-dialog__surface ${SURFACE_CHROME}`, {\n  variants: {\n    size: {\n      sm: 'ds-dialog__surface--sm',\n      md: '',\n      lg: 'ds-dialog__surface--lg',\n      fullscreen: 'ds-dialog__surface--fullscreen',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\n// Curated agent-readiness handle — see dialog.agent.ts.\nexport interface DialogHandle {\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface DialogRootProps extends ComponentPropsWithoutRef<\n  typeof RadixDialog.Root\n> {\n  /** Opaque instance id — forwarded to Dialog.Content as `data-component-id`. */\n  id?: string;\n}\n\nconst DialogIdContext = createContext<string | undefined>(undefined);\n\nconst DialogRoot = ({\n  children,\n  id,\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  ...props\n}: DialogRootProps) => {\n  const [openRaw, setOpen] = useControllableState<boolean>({\n    value: openProp,\n    defaultValue: defaultOpen ?? false,\n    onChange: onOpenChange,\n  });\n  const open = openRaw ?? false;\n\n  const openRef = useRef(open);\n  useEffect(() => {\n    openRef.current = open;\n  }, [open]);\n\n  const handle = useMemo<DialogHandle>(\n    () => ({\n      getIsOpen: () => openRef.current,\n      open: () => setOpen(true),\n      close: () => setOpen(false),\n    }),\n    [setOpen],\n  );\n  useAgentRegistration(dialogAgent, handle, id);\n\n  return (\n    <DialogIdContext.Provider value={id}>\n      <RadixDialog.Root open={open} onOpenChange={setOpen} {...props}>\n        {children}\n      </RadixDialog.Root>\n    </DialogIdContext.Provider>\n  );\n};\nDialogRoot.displayName = 'Dialog.Root';\n\nconst DialogTrigger = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Trigger>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Trigger ref={ref} {...props}>\n    {children}\n  </RadixDialog.Trigger>\n));\nDialogTrigger.displayName = 'Dialog.Trigger';\n\nconst DialogClose = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Close>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Close ref={ref} {...props}>\n    {children}\n  </RadixDialog.Close>\n));\nDialogClose.displayName = 'Dialog.Close';\n\nexport interface DialogContentProps\n  extends\n    Omit<ComponentPropsWithoutRef<typeof RadixDialog.Content>, 'role'>,\n    VariantProps<typeof contentVariants> {\n  size?: 'sm' | 'md' | 'lg' | 'fullscreen';\n  variant?: 'default' | 'alert' | 'confirmation';\n  /**\n   * Hide the top-right dismiss \"X\". The default is **variant-aware**: the X is\n   * shown for `variant=\"default\"` and hidden for `variant=\"alert\"` /\n   * `\"confirmation\"` (forced-choice surfaces, where the decision is made via\n   * the explicit footer actions). An explicit value always wins — pass `false`\n   * to force the X onto an alert, or `true` to suppress it on a default dialog.\n   */\n  hideCloseButton?: boolean;\n  className?: string;\n  children: ReactNode;\n}\n\nconst DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(\n  (\n    {\n      size = 'md',\n      variant = 'default',\n      hideCloseButton,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const instanceId = useContext(DialogIdContext);\n    // Only forward `role` when we actually need to override Radix's default\n    // (`role=\"dialog\"`). Passing `role={undefined}` explicitly wins over\n    // Radix's internal assignment and strips the attribute entirely.\n    const roleOverride =\n      variant === 'alert' ? { role: 'alertdialog' as const } : {};\n\n    // Variant-aware close default: plain dialogs expose the dismiss X; alert\n    // and confirmation dialogs are forced-choice (no X) so the decision is\n    // made via the explicit footer actions. An explicit `hideCloseButton`\n    // always wins.\n    const closeHidden = hideCloseButton ?? variant !== 'default';\n\n    return (\n      <RadixDialog.Portal>\n        <RadixDialog.Overlay\n          data-component=\"dialog-overlay\"\n          className={OVERLAY_CLASSES}\n        />\n        <RadixDialog.Content\n          ref={ref}\n          {...roleOverride}\n          data-component=\"dialog\"\n          data-component-id={instanceId}\n          className={contentVariants({ size, className })}\n          {...props}\n        >\n          {children}\n\n          {!closeHidden && (\n            // The close is a plain button carrying the `ds-dialog__close`\n            // contract class — the SAME class a vanilla host renders. The CSS\n            // (src/styles.css) owns its position, sizing, glyph size, hover\n            // wash, and focus ring from tokens, so the React and non-React\n            // close buttons are identical and can't drift.\n            <RadixDialog.Close\n              type=\"button\"\n              className=\"ds-dialog__close\"\n              aria-label={t('common.close', 'Close')}\n            >\n              <X aria-hidden=\"true\" />\n            </RadixDialog.Close>\n          )}\n        </RadixDialog.Content>\n      </RadixDialog.Portal>\n    );\n  },\n);\nDialogContent.displayName = 'Dialog.Content';\n\nconst DialogHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={['ds-dialog__header', className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  ),\n);\nDialogHeader.displayName = 'Dialog.Header';\n\n// Optional body slot. Carries the `ds-dialog__body` contract class — the SAME\n// class a vanilla host renders — so content / iframe slots match between the\n// React and non-React surfaces and can't drift. Additive: content placed\n// directly in Dialog.Content (without this wrapper) still works as before.\nconst DialogBody = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={['ds-dialog__body', className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  ),\n);\nDialogBody.displayName = 'Dialog.Body';\n\nconst DialogTitle = forwardRef<\n  HTMLHeadingElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Title>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Title\n    ref={ref}\n    className={['ds-dialog__title type-title-card ds:break-words', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nDialogTitle.displayName = 'Dialog.Title';\n\nconst DialogDescription = forwardRef<\n  HTMLParagraphElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Description>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Description\n    ref={ref}\n    className={['type-body-sm ds:text-[var(--muted-foreground)]', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nDialogDescription.displayName = 'Dialog.Description';\n\ninterface DialogFooterProps extends HTMLAttributes<HTMLDivElement> {\n  divider?: boolean;\n}\n\nconst DialogFooter = forwardRef<HTMLDivElement, DialogFooterProps>(\n  ({ className, divider = false, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]',\n        'ds:mt-[var(--spacing-md)]',\n        divider &&\n          'ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-md)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nDialogFooter.displayName = 'Dialog.Footer';\n\nexport const Dialog = Object.assign(DialogRoot, {\n  Root: DialogRoot,\n  Trigger: DialogTrigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Title: DialogTitle,\n  Description: DialogDescription,\n  Body: DialogBody,\n  Footer: DialogFooter,\n  Close: DialogClose,\n});\n\nexport type { DialogFooterProps };\n"],"names":["dialogAgent","handle","OVERLAY_CLASSES","SURFACE_CHROME","contentVariants","cva","DialogIdContext","createContext","DialogRoot","children","id","openProp","defaultOpen","onOpenChange","props","openRaw","setOpen","useControllableState","open","openRef","useRef","useEffect","useMemo","useAgentRegistration","jsx","RadixDialog","DialogTrigger","forwardRef","ref","DialogClose","DialogContent","size","variant","hideCloseButton","className","t","useTranslation","instanceId","useContext","roleOverride","closeHidden","jsxs","X","DialogHeader","DialogBody","DialogTitle","DialogDescription","DialogFooter","divider","Dialog"],"mappings":"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"}

package/dist/_chunks/qr-code-CPkEs5mG.js

@@ -1,574 +0,0 @@
-var K = Object.defineProperty;
-var P = (e, t, o) => t in e ? K(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var D = (e, t, o) => P(e, typeof t != "symbol" ? t + "" : t, o);
-import { jsxs as N, jsx as w } from "react/jsx-runtime";
-import { forwardRef as H, useMemo as X } from "react";
-import { c as Q } from "./index-D2ZczOXr.js";
-import { useTranslation as Z } from "react-i18next";
-import { u as J } from "./registry-DvAUVLHh.js";
-import { A as W } from "./Alfadocs_Logo_Mark-7o3L3WBI.js";
-const Y = {
-  id: "qr-code",
-  capabilities: [],
-  state: {
-    value: {
-      type: "string",
-      descriptionKey: "ui.agent.qrCode.state.value",
-      description: "The string (typically an https URL) encoded into the QR.",
-      read: (e) => e
-    }
-  },
-  actions: {},
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "qr-code",
-      description: "Marks the element as a kit QrCode renderer."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-}, A = new Uint8Array(512), I = new Uint8Array(256);
-(() => {
-  let e = 1;
-  for (let t = 0; t < 255; t++)
-    A[t] = e, I[e] = t, e <<= 1, e & 256 && (e ^= 285);
-  for (let t = 255; t < 512; t++) A[t] = A[t - 255];
-})();
-function G(e, t) {
-  return e === 0 || t === 0 ? 0 : A[I[e] + I[t]];
-}
-function ee(e) {
-  let t = [1];
-  for (let o = 0; o < e; o++) {
-    const r = new Array(t.length + 1).fill(0);
-    for (let n = 0; n < t.length; n++)
-      r[n] ^= t[n], r[n + 1] ^= G(t[n], A[o]);
-    t = r;
-  }
-  return t;
-}
-function F(e, t) {
-  const o = ee(t), r = new Array(t).fill(0);
-  for (const n of e) {
-    const l = n ^ r[0];
-    if (r.shift(), r.push(0), l !== 0)
-      for (let s = 0; s < t; s++) r[s] ^= G(o[s + 1], l);
-  }
-  return r;
-}
-const $ = {
-  L: {
-    1: [7, 1, 19, 0, 0],
-    2: [10, 1, 34, 0, 0],
-    3: [15, 1, 55, 0, 0],
-    4: [20, 1, 80, 0, 0],
-    5: [26, 1, 108, 0, 0],
-    6: [18, 2, 68, 0, 0],
-    7: [20, 2, 78, 0, 0],
-    8: [24, 2, 97, 0, 0],
-    9: [30, 2, 116, 0, 0],
-    10: [18, 2, 68, 2, 69]
-  },
-  M: {
-    1: [10, 1, 16, 0, 0],
-    2: [16, 1, 28, 0, 0],
-    3: [26, 1, 44, 0, 0],
-    4: [18, 2, 32, 0, 0],
-    5: [24, 2, 43, 0, 0],
-    6: [16, 4, 27, 0, 0],
-    7: [18, 4, 31, 0, 0],
-    8: [22, 2, 38, 2, 39],
-    9: [22, 3, 36, 2, 37],
-    10: [26, 4, 43, 1, 44]
-  },
-  Q: {
-    1: [13, 1, 13, 0, 0],
-    2: [22, 1, 22, 0, 0],
-    3: [18, 2, 17, 0, 0],
-    4: [26, 2, 24, 0, 0],
-    5: [18, 2, 15, 2, 16],
-    6: [24, 4, 19, 0, 0],
-    7: [18, 2, 14, 4, 15],
-    8: [22, 4, 18, 2, 19],
-    9: [20, 4, 16, 4, 17],
-    10: [24, 6, 19, 2, 20]
-  },
-  H: {
-    1: [17, 1, 9, 0, 0],
-    2: [28, 1, 16, 0, 0],
-    3: [22, 2, 13, 0, 0],
-    4: [16, 4, 9, 0, 0],
-    5: [22, 2, 11, 2, 12],
-    6: [28, 4, 15, 0, 0],
-    7: [26, 4, 13, 1, 14],
-    8: [26, 4, 14, 2, 15],
-    9: [24, 4, 12, 4, 13],
-    10: [28, 6, 15, 2, 16]
-  }
-};
-function R(e) {
-  const [, t, o, r, n] = e;
-  return t * o + r * n;
-}
-const te = {
-  L: 1,
-  M: 0,
-  Q: 3,
-  H: 2
-};
-function re(e) {
-  let t = e << 10;
-  const o = 1335;
-  for (; k(t) - k(o) >= 0; ) t ^= o << k(t) - k(o);
-  return (e << 10 | t) ^ 21522;
-}
-function oe(e) {
-  let t = e << 12;
-  const o = 7973;
-  for (; k(t) - k(o) >= 0; ) t ^= o << k(t) - k(o);
-  return e << 12 | t;
-}
-function k(e) {
-  let t = 0;
-  for (; e; )
-    t++, e >>>= 1;
-  return t;
-}
-const se = {
-  1: [],
-  2: [6, 18],
-  3: [6, 22],
-  4: [6, 26],
-  5: [6, 30],
-  6: [6, 34],
-  7: [6, 22, 38],
-  8: [6, 24, 42],
-  9: [6, 26, 46],
-  10: [6, 28, 50]
-};
-function U(e) {
-  const t = new TextEncoder();
-  return Array.from(t.encode(e));
-}
-function ne(e, t) {
-  for (let o = 1; o <= 10; o++) {
-    const r = $[t][o], n = R(r), s = 4 + (o >= 10 ? 16 : 8), i = Math.floor((n * 8 - s) / 8);
-    if (e <= i) return o;
-  }
-  throw new Error(
-    `[QrCode] value too long for version 10 at EC level ${t} (${e} bytes).`
-  );
-}
-class ae {
-  constructor() {
-    D(this, "bits", []);
-  }
-  put(t, o) {
-    for (let r = o - 1; r >= 0; r--) this.bits.push(t >>> r & 1);
-  }
-  get length() {
-    return this.bits.length;
-  }
-}
-function ce(e, t, o) {
-  const r = U(e), n = $[t][o], l = R(n), s = new ae();
-  s.put(4, 4), s.put(r.length, o >= 10 ? 16 : 8);
-  for (const f of r) s.put(f, 8);
-  const i = l * 8, h = Math.min(4, i - s.length);
-  for (s.put(0, h); s.length % 8 !== 0; ) s.bits.push(0);
-  const v = [];
-  for (let f = 0; f < s.length; f += 8) {
-    let m = 0;
-    for (let q = 0; q < 8; q++) m = m << 1 | s.bits[f + q];
-    v.push(m);
-  }
-  const a = [236, 17];
-  let c = 0;
-  for (; v.length < l; ) v.push(a[c++ % 2]);
-  const [d, u, b, _, y] = n, g = [];
-  let p = 0;
-  for (let f = 0; f < u; f++) {
-    const m = v.slice(p, p + b);
-    p += b, g.push({ data: m, ec: F(m, d) });
-  }
-  for (let f = 0; f < _; f++) {
-    const m = v.slice(p, p + y);
-    p += y, g.push({ data: m, ec: F(m, d) });
-  }
-  const x = [], L = Math.max(b, y);
-  for (let f = 0; f < L; f++)
-    for (const m of g) f < m.data.length && x.push(m.data[f]);
-  for (let f = 0; f < d; f++)
-    for (const m of g) x.push(m.ec[f]);
-  return x;
-}
-function le(e) {
-  return Array.from(
-    { length: e },
-    () => Array.from({ length: e }, () => ({ dark: !1, reserved: !1 }))
-  );
-}
-function z(e, t, o) {
-  for (let r = -1; r <= 7; r++)
-    for (let n = -1; n <= 7; n++) {
-      const l = t + r, s = o + n;
-      if (l < 0 || l >= e.length || s < 0 || s >= e.length) continue;
-      const i = r >= 0 && r <= 6 && (n === 0 || n === 6) || n >= 0 && n <= 6 && (r === 0 || r === 6), h = r >= 2 && r <= 4 && n >= 2 && n <= 4;
-      e[l][s] = { dark: i || h, reserved: !0 };
-    }
-}
-function de(e, t) {
-  const o = se[t];
-  for (const r of o)
-    for (const n of o)
-      if (!(r === 6 && n === 6 || r === 6 && n === o[o.length - 1] || r === o[o.length - 1] && n === 6) && !e[r][n].reserved)
-        for (let l = -2; l <= 2; l++)
-          for (let s = -2; s <= 2; s++) {
-            const i = Math.max(Math.abs(l), Math.abs(s)) !== 1;
-            e[r + l][n + s] = { dark: i, reserved: !0 };
-          }
-}
-function ie(e) {
-  for (let t = 8; t < e.length - 8; t++)
-    e[6][t].reserved || (e[6][t] = { dark: t % 2 === 0, reserved: !0 }), e[t][6].reserved || (e[t][6] = { dark: t % 2 === 0, reserved: !0 });
-}
-function fe(e, t) {
-  const o = e.length;
-  e[o - 8][8] = { dark: !0, reserved: !0 };
-  for (let r = 0; r < 9; r++)
-    e[8][r].reserved || (e[8][r].reserved = !0), e[r][8].reserved || (e[r][8].reserved = !0);
-  for (let r = 0; r < 8; r++)
-    e[8][o - 1 - r].reserved = !0, e[o - 1 - r][8].reserved = !0;
-  if (t >= 7)
-    for (let r = 0; r < 6; r++)
-      for (let n = 0; n < 3; n++)
-        e[r][o - 11 + n].reserved = !0, e[o - 11 + n][r].reserved = !0;
-}
-function ue(e, t) {
-  const o = e.length;
-  let r = 0;
-  const n = t.length * 8, l = (i) => i < n ? t[i >> 3] >> 7 - (i & 7) & 1 : 0;
-  let s = !0;
-  for (let i = o - 1; i > 0; i -= 2) {
-    i === 6 && i--;
-    for (let h = 0; h < o; h++) {
-      const v = s ? o - 1 - h : h;
-      for (let a = 0; a < 2; a++) {
-        const c = i - a, d = e[v][c];
-        d.reserved || (d.dark = l(r) === 1, r++);
-      }
-    }
-    s = !s;
-  }
-}
-const he = [
-  (e, t) => (e + t) % 2 === 0,
-  (e) => e % 2 === 0,
-  (e, t) => t % 3 === 0,
-  (e, t) => (e + t) % 3 === 0,
-  (e, t) => (Math.floor(e / 2) + Math.floor(t / 3)) % 2 === 0,
-  (e, t) => e * t % 2 + e * t % 3 === 0,
-  (e, t) => (e * t % 2 + e * t % 3) % 2 === 0,
-  (e, t) => ((e + t) % 2 + e * t % 3) % 2 === 0
-];
-function pe(e, t) {
-  return e.map(
-    (o, r) => o.map((n, l) => ({
-      dark: n.reserved ? n.dark : n.dark !== he[t](r, l)
-    }))
-  );
-}
-function me(e, t, o) {
-  const r = e.length, n = re(te[t] << 3 | o), l = (s) => (n >> s & 1) === 1;
-  for (let s = 0; s <= 5; s++) e[s][8].dark = l(s);
-  e[7][8].dark = l(6), e[8][8].dark = l(7), e[8][7].dark = l(8);
-  for (let s = 9; s < 15; s++) e[8][14 - s].dark = l(s);
-  for (let s = 0; s < 8; s++) e[8][r - 1 - s].dark = l(s);
-  for (let s = 8; s < 15; s++) e[r - 15 + s][8].dark = l(s);
-  e[r - 8][8].dark = !0;
-}
-function ve(e, t) {
-  if (t < 7) return;
-  const o = e.length, r = oe(t);
-  for (let n = 0; n < 18; n++) {
-    const l = (r >> n & 1) === 1, s = Math.floor(n / 3), i = n % 3;
-    e[s][o - 11 + i].dark = l, e[o - 11 + i][s].dark = l;
-  }
-}
-function be(e) {
-  const t = e.length;
-  let o = 0;
-  const r = (a) => {
-    let c = 0, d = 1;
-    for (let u = 1; u < a.length; u++)
-      a[u] === a[u - 1] ? d++ : (d >= 5 && (c += 3 + (d - 5)), d = 1);
-    return d >= 5 && (c += 3 + (d - 5)), c;
-  };
-  for (let a = 0; a < t; a++) o += r(e[a].map((c) => c.dark));
-  for (let a = 0; a < t; a++) o += r(e.map((c) => c[a].dark));
-  for (let a = 0; a < t - 1; a++)
-    for (let c = 0; c < t - 1; c++) {
-      const d = e[a][c].dark;
-      e[a][c + 1].dark === d && e[a + 1][c].dark === d && e[a + 1][c + 1].dark === d && (o += 3);
-    }
-  const n = [!0, !1, !0, !0, !0, !1, !0], l = (a, c) => n.every((d, u) => a[c + u] === d), s = (a) => {
-    let c = 0;
-    for (let d = 0; d + 11 <= a.length; d++)
-      l(a, d) && a.slice(d + 7, d + 11).every((u) => !u) && (c += 40), a.slice(d, d + 4).every((u) => !u) && l(a, d + 4) && (c += 40);
-    return c;
-  };
-  for (let a = 0; a < t; a++) o += s(e[a].map((c) => c.dark));
-  for (let a = 0; a < t; a++)
-    o += s(e.map((c) => c[a].dark));
-  let i = 0;
-  for (const a of e) for (const c of a) c.dark && i++;
-  const h = i / (t * t) * 100, v = Math.floor(Math.abs(h - 50) / 5);
-  return o += v * 10, o;
-}
-function ge(e, t) {
-  const o = U(e).length, r = ne(o, t), n = r * 4 + 17, l = ce(e, t, r), s = le(n);
-  z(s, 0, 0), z(s, 0, n - 7), z(s, n - 7, 0), de(s, r), ie(s), fe(s, r), ue(s, l);
-  let i = null, h = 1 / 0;
-  for (let c = 0; c < 8; c++) {
-    const d = pe(s, c);
-    me(d, t, c), ve(d, r);
-    const u = be(d);
-    u < h && (h = u, i = d);
-  }
-  const v = i, a = [];
-  for (let c = 0; c < n; c++)
-    for (let d = 0; d < n; d++) a.push(v[c][d].dark);
-  return { size: n, modules: a };
-}
-let T = null;
-function Te(e) {
-  T = e;
-}
-function ke(e, t) {
-  if (T) {
-    const o = T(e, { errorCorrectionLevel: t }), { size: r, data: n } = o.modules, l = [];
-    for (let s = 0; s < n.length; s++) l.push(n[s] === 1);
-    return { size: r, modules: l };
-  }
-  return ge(e, t);
-}
-const ye = Q(
-  [
-    "ds:inline-flex ds:flex-col ds:items-center ds:shrink-0",
-    "ds:gap-[var(--spacing-sm)]",
-    // The matrix must never mirror in RTL — a mirrored QR is unscannable —
-    // so the wrapper pins LTR while caption/label text still flips via the
-    // logical `text-*` utilities. Mirrors Sparkline's `dir="ltr"` pin.
-    "ds:leading-none"
-  ],
-  {
-    variants: {
-      variant: {
-        plain: "",
-        framed: [
-          "ds:bg-[var(--card)] ds:text-[var(--card-foreground)]",
-          "ds:border ds:border-[color:var(--border)]",
-          // Accessible theme thickens the boundary in step with Card / Stat.
-          "ds:[.theme-accessible_&]:border-2",
-          "ds:rounded-[var(--radius-lg)]",
-          "ds:p-[var(--spacing-md)]",
-          // Forced-colors: the UA strips background; keep a CanvasText
-          // boundary so the frame survives Windows High Contrast Mode.
-          "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
-        ],
-        "with-caption": [
-          "ds:bg-[var(--card)] ds:text-[var(--card-foreground)]",
-          "ds:border ds:border-[color:var(--border)]",
-          "ds:[.theme-accessible_&]:border-2",
-          "ds:rounded-[var(--radius-lg)]",
-          "ds:p-[var(--spacing-md)]",
-          "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
-        ]
-      },
-      // Edge length of the matrix box, driven by dedicated tokens
-      // (`--qr-code-size-*`, parallel to `--logo-size-*`). The token owner
-      // controls the scale and the accessible theme can lift it; the
-      // var() fallback is only a graceful default so the box renders before
-      // those token rows land — the token wins whenever it is defined.
-      size: {
-        sm: "ds:[--qr-edge:var(--qr-code-size-sm,8rem)]",
-        md: "ds:[--qr-edge:var(--qr-code-size-md,12rem)]",
-        lg: "ds:[--qr-edge:var(--qr-code-size-lg,16rem)]"
-      },
-      tone: {
-        default: "",
-        // Light modules on a dark quiet zone. The chrome inverts via tokens;
-        // the matrix colours themselves are swapped in the SVG (scanner
-        // constraint — see the literal note below).
-        inverted: ""
-      }
-    },
-    defaultVariants: { variant: "framed", size: "md", tone: "default" }
-  }
-), xe = Q(
-  [
-    "type-body-sm",
-    "ds:text-[color:var(--card-foreground)]",
-    // Caption flips with reading direction; the matrix above stays LTR.
-    "ds:text-center"
-  ],
-  {
-    variants: {
-      tone: {
-        default: "",
-        inverted: ""
-      }
-    },
-    defaultVariants: { tone: "default" }
-  }
-), we = Q(
-  [
-    "ds:pointer-events-none ds:absolute ds:inset-0 ds:m-auto",
-    "ds:flex ds:items-center ds:justify-center",
-    "ds:rounded-[var(--radius-sm)] ds:p-[var(--spacing-2xs)]",
-    "ds:bg-[var(--background)]",
-    // Clamp to the published LOGO_EDGE_FRACTION of the matrix edge.
-    "ds:[block-size:calc(var(--qr-edge)*var(--qr-logo-edge))]",
-    "ds:[inline-size:calc(var(--qr-edge)*var(--qr-logo-edge))]",
-    // The mark/custom node fills the padded knockout box.
-    "ds:[&>*]:h-full ds:[&>*]:w-full",
-    "ds:[&>*]:max-h-full ds:[&>*]:max-w-full"
-  ],
-  {
-    variants: {
-      tone: {
-        default: "ds:text-[color:var(--primary)]",
-        inverted: "ds:text-[color:var(--foreground)]"
-      }
-    },
-    defaultVariants: { tone: "default" }
-  }
-), E = 4, qe = "ds:[--qr-logo-edge:0.22]", Me = /* @__PURE__ */ w(W, { "aria-hidden": !0, focusable: "false" });
-function Ce(e, t) {
-  if (!e) return null;
-  try {
-    return ke(e, t);
-  } catch {
-    return null;
-  }
-}
-const Ae = H(
-  ({
-    value: e,
-    variant: t = "framed",
-    size: o = "md",
-    tone: r = "default",
-    errorCorrectionLevel: n,
-    logo: l,
-    caption: s,
-    quietZone: i = E,
-    label: h,
-    decorative: v,
-    className: a,
-    id: c,
-    ...d
-  }, u) => {
-    const { t: b } = Z(), _ = l !== !1, y = _ ? l ?? Me : null, g = n ?? (_ ? "H" : "M"), p = X(() => Ce(e, g), [e, g]), x = Math.max(E, Math.floor(i)), L = p ? h ? b("qrCode.ariaLabelNamed", { label: h }) : b("qrCode.ariaLabel") : b("qrCode.empty"), f = v ? { role: "presentation", "aria-hidden": !0 } : { role: "img", "aria-label": L }, q = t === "with-caption" ? s ?? b("qrCode.caption") : void 0, j = r === "inverted" ? "#fff" : "#000", S = r === "inverted" ? "#000" : "#fff", O = [];
-    let B = `0 0 ${(E * 2 + 1) * 1} ${(E * 2 + 1) * 1}`;
-    if (p) {
-      const V = p.size + x * 2;
-      B = `0 0 ${V} ${V}`;
-      for (let M = 0; M < p.size; M++)
-        for (let C = 0; C < p.size; C++)
-          p.modules[M * p.size + C] && O.push(
-            /* @__PURE__ */ w(
-              "rect",
-              {
-                x: C + x,
-                y: M + x,
-                width: 1,
-                height: 1,
-                fill: j
-              },
-              `${M}-${C}`
-            )
-          );
-    }
-    return J(Y, e, c), /* @__PURE__ */ N(
-      "div",
-      {
-        ref: u,
-        ...f,
-        ...d,
-        id: c,
-        dir: "ltr",
-        "data-component": "qr-code",
-        "data-component-id": c,
-        "data-tone": r,
-        "data-ec": g,
-        "data-logo": y ? "true" : "false",
-        className: ye({ variant: t, size: o, tone: r, className: a }),
-        children: [
-          /* @__PURE__ */ N(
-            "div",
-            {
-              className: `ds:relative ds:w-[var(--qr-edge)] ds:h-[var(--qr-edge)] ds:max-w-full ${qe}`,
-              children: [
-                p ? /* @__PURE__ */ N(
-                  "svg",
-                  {
-                    "aria-hidden": "true",
-                    focusable: "false",
-                    viewBox: B,
-                    shapeRendering: "crispEdges",
-                    className: "ds:block ds:h-full ds:w-full",
-                    children: [
-                      /* @__PURE__ */ w("rect", { x: 0, y: 0, width: "100%", height: "100%", fill: S }),
-                      O
-                    ]
-                  }
-                ) : /* @__PURE__ */ w(
-                  "svg",
-                  {
-                    "aria-hidden": "true",
-                    focusable: "false",
-                    viewBox: B,
-                    className: "ds:block ds:h-full ds:w-full",
-                    children: /* @__PURE__ */ w(
-                      "rect",
-                      {
-                        x: 0,
-                        y: 0,
-                        width: "100%",
-                        height: "100%",
-                        fill: S,
-                        className: "ds:opacity-0"
-                      }
-                    )
-                  }
-                ),
-                p && y ? /* @__PURE__ */ w(
-                  "span",
-                  {
-                    "aria-hidden": "true",
-                    "data-slot": "qr-center-logo",
-                    className: we({ tone: r }),
-                    children: y
-                  }
-                ) : null
-              ]
-            }
-          ),
-          q ? /* @__PURE__ */ w("p", { className: xe({ tone: r }), children: q }) : null
-        ]
-      }
-    );
-  }
-);
-Ae.displayName = "QrCode";
-export {
-  Ae as Q,
-  ke as c,
-  Y as q,
-  Te as s
-};
-//# sourceMappingURL=qr-code-CPkEs5mG.js.map