@alfadocs/ui-kit-debug 0.31.8 → 0.32.1

package/dist/_chunks/{card-CNri9ssR.js → card-DPmk26CL.js}

@@ -147,7 +147,7 @@ const h = t(
     "div",
     {
       ref: r,
-      className: ["ds:p-[var(--spacing-md)] ds:flex-1 ds:text-start", a].filter(Boolean).join(" "),
+      className: ["ds:p-[var(--spacing-md)] ds:flex-1", a].filter(Boolean).join(" "),
       ...e
     }
   )
@@ -176,4 +176,4 @@ const O = Object.assign(m, {
 export {
   O as C
 };
-//# sourceMappingURL=card-CNri9ssR.js.map
+//# sourceMappingURL=card-DPmk26CL.js.map

package/dist/_chunks/{card-CNri9ssR.js.map → card-DPmk26CL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"card-CNri9ssR.js","sources":["../../src/components/card/card.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useId,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\n/* ------------------------------------------------------------------ */\n/* Context                                                             */\n/* ------------------------------------------------------------------ */\n\ninterface CardContextValue {\n  headerId: string;\n  interactive: boolean;\n  registerHeader: () => void;\n}\n\nconst CardContext = createContext<CardContextValue>({\n  headerId: '',\n  interactive: false,\n  registerHeader: () => {},\n});\n\n/* ------------------------------------------------------------------ */\n/* Variants                                                            */\n/* ------------------------------------------------------------------ */\n\nconst cardVariants = cva(\n  [\n    'ds:rounded-[var(--radius-lg)] ds:text-[var(--card-foreground)]',\n    'ds:overflow-hidden',\n    'ds:flex ds:flex-col',\n  ].join(' '),\n  {\n    variants: {\n      // 0.31.5: accessible-theme bumps the border from 1px → 2px so\n      // the boundary reads at the strict-AA / AAA contrast bar — at\n      // 1px the `--card-border` (#00000080 light / #ffffff52 dark)\n      // clears 3:1 luminance but reads as a hairline on tall cards.\n      // Light + dark keep 1px. Forced-colours users get `border-2 +\n      // CanvasText` as a parallel safety net.\n      variant: {\n        default:\n          'ds:bg-[var(--card)] ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2',\n        outlined:\n          'ds:bg-[var(--card)] ds:border ds:border-[color:var(--border)] ds:[.theme-accessible_&]:border-2',\n        elevated:\n          'ds:bg-[var(--card)] ds:border ds:border-[color:var(--card-border)] ds:shadow-[var(--shadow-card)] ds:[.theme-accessible_&]:border-2',\n      },\n      interactive: {\n        true: [\n          'ds:cursor-pointer',\n          'ds:transition-shadow ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n          'ds:hover:shadow-[var(--shadow-hover)]',\n          'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n          'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n          'ds:min-h-[var(--min-target-size)]',\n        ].join(' '),\n        false: '',\n      },\n      // `stretch: true` fills the parent layout cell (grid / flex) so a\n      // row of Cards ends up with matching heights. Combined with the\n      // `flex-1` on `Card.Body`, the footer naturally pins to the bottom.\n      stretch: {\n        true: 'ds:h-full ds:self-stretch',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      interactive: false,\n      stretch: false,\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface CardProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'role'>,\n    VariantProps<typeof cardVariants> {\n  variant?: 'default' | 'outlined' | 'elevated';\n  interactive?: boolean;\n  /**\n   * Stretch the Card to fill its parent layout cell. Use on every Card in\n   * a dashboard row so siblings end up with matching heights, and the\n   * `Card.Body` + `Card.Footer` flex naturally pin the footer to the\n   * bottom. Grid cells already `align-items: stretch` by default, but an\n   * explicit `h-full` keeps the behaviour robust under flex parents too.\n   */\n  stretch?: boolean;\n  asChild?: boolean;\n  children: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nconst CardRoot = forwardRef<HTMLElement, CardProps>(\n  (\n    {\n      variant = 'default',\n      interactive = false,\n      stretch = false,\n      asChild = false,\n      className,\n      children,\n      onClick,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const headerId = useId();\n    const [hasHeader, setHasHeader] = useState(false);\n    const registerHeader = useCallback(() => setHasHeader(true), []);\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLElement>) => {\n      if (interactive && (e.key === 'Enter' || e.key === ' ')) {\n        e.preventDefault();\n        (e.currentTarget as HTMLElement).click();\n      }\n      onKeyDown?.(e);\n    };\n\n    // When asChild=true the consumer provides its own element (<a>, <button>)\n    // which already carries the correct role and tabIndex — don't override them.\n    const interactiveProps = interactive\n      ? {\n          ...(asChild ? {} : { role: 'button' as const, tabIndex: 0 }),\n          onKeyDown: handleKeyDown,\n          onClick,\n        }\n      : { onClick };\n\n    // `<article>` is the default semantic root, but axe's\n    // `aria-allowed-role` rule forbids `role=\"button\"` on `<article>`.\n    // When the card is interactive we switch to `<div>` so the explicit\n    // role is valid. Consumers can still pass `asChild` to provide their\n    // own anchor / button element when they want stronger semantics.\n    const Comp = asChild ? Slot : interactive ? 'div' : 'article';\n\n    return (\n      <CardContext.Provider\n        value={{ headerId, interactive: interactive ?? false, registerHeader }}\n      >\n        <Comp\n          ref={ref as React.Ref<HTMLDivElement>}\n          aria-labelledby={hasHeader ? headerId : undefined}\n          data-component=\"card\"\n          className={cardVariants({\n            variant,\n            interactive: interactive ?? false,\n            stretch: stretch ?? false,\n            className,\n          })}\n          {...interactiveProps}\n          {...props}\n        >\n          {children}\n        </Comp>\n      </CardContext.Provider>\n    );\n  },\n);\nCardRoot.displayName = 'Card';\n\n/* ------------------------------------------------------------------ */\n/* Header                                                              */\n/* ------------------------------------------------------------------ */\n\nconst CardHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const { headerId, registerHeader } = useContext(CardContext);\n\n    // Notify root that a header is present so aria-labelledby is applied.\n    const callbackRef = useCallback(\n      (node: HTMLDivElement | null) => {\n        if (node) registerHeader();\n        if (typeof ref === 'function') ref(node);\n        else if (ref)\n          (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [ref, registerHeader],\n    );\n\n    return (\n      <div\n        ref={callbackRef}\n        id={headerId}\n        className={[\n          'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:p-[var(--spacing-md)] ds:pb-0',\n          // Wrap policy for header text content. Scoped to DIRECT children\n          // (h1–h6 / p / div) and using `break-word` instead of `anywhere`\n          // so natural-language titles wrap at word boundaries first; only\n          // genuinely unbreakable strings (URLs, hashes) break mid-word\n          // when they'd otherwise overflow. The previous `[&_*]:` cascade\n          // applied `overflow-wrap: anywhere` to every descendant, which\n          // chopped natural-language labels mid-character inside narrow\n          // contexts (DescriptionList rows in a Carousel slide).\n          'ds:[&>*]:break-normal ds:[&>*]:[overflow-wrap:break-word]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      />\n    );\n  },\n);\nCardHeader.displayName = 'Card.Header';\n\n/* ------------------------------------------------------------------ */\n/* Media                                                               */\n/* ------------------------------------------------------------------ */\n\nconst CardMedia = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:overflow-hidden ds:[&_img]:w-full ds:[&_img]:h-auto ds:[&_img]:[object-fit:cover] ds:[&_video]:w-full',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nCardMedia.displayName = 'Card.Media';\n\n/* ------------------------------------------------------------------ */\n/* Body                                                                */\n/* ------------------------------------------------------------------ */\n\nconst CardBody = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={['ds:p-[var(--spacing-md)] ds:flex-1 ds:text-start', className]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nCardBody.displayName = 'Card.Body';\n\n/* ------------------------------------------------------------------ */\n/* Footer                                                              */\n/* ------------------------------------------------------------------ */\n\nconst CardFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)] ds:pt-0',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nCardFooter.displayName = 'Card.Footer';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const Card = Object.assign(CardRoot, {\n  Header: CardHeader,\n  Media: CardMedia,\n  Body: CardBody,\n  Footer: CardFooter,\n});\n\nexport type { VariantProps as CardVariantProps };\n"],"names":["CardContext","createContext","cardVariants","cva","CardRoot","forwardRef","variant","interactive","stretch","asChild","className","children","onClick","onKeyDown","props","ref","headerId","useId","hasHeader","setHasHeader","useState","registerHeader","useCallback","interactiveProps","e","Comp","Slot","jsx","CardHeader","useContext","callbackRef","node","CardMedia","CardBody","CardFooter","Card"],"mappings":"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"}
+{"version":3,"file":"card-DPmk26CL.js","sources":["../../src/components/card/card.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useId,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\n/* ------------------------------------------------------------------ */\n/* Context                                                             */\n/* ------------------------------------------------------------------ */\n\ninterface CardContextValue {\n  headerId: string;\n  interactive: boolean;\n  registerHeader: () => void;\n}\n\nconst CardContext = createContext<CardContextValue>({\n  headerId: '',\n  interactive: false,\n  registerHeader: () => {},\n});\n\n/* ------------------------------------------------------------------ */\n/* Variants                                                            */\n/* ------------------------------------------------------------------ */\n\nconst cardVariants = cva(\n  [\n    'ds:rounded-[var(--radius-lg)] ds:text-[var(--card-foreground)]',\n    'ds:overflow-hidden',\n    'ds:flex ds:flex-col',\n  ].join(' '),\n  {\n    variants: {\n      // 0.31.5: accessible-theme bumps the border from 1px → 2px so\n      // the boundary reads at the strict-AA / AAA contrast bar — at\n      // 1px the `--card-border` (#00000080 light / #ffffff52 dark)\n      // clears 3:1 luminance but reads as a hairline on tall cards.\n      // Light + dark keep 1px. Forced-colours users get `border-2 +\n      // CanvasText` as a parallel safety net.\n      variant: {\n        default:\n          'ds:bg-[var(--card)] ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2',\n        outlined:\n          'ds:bg-[var(--card)] ds:border ds:border-[color:var(--border)] ds:[.theme-accessible_&]:border-2',\n        elevated:\n          'ds:bg-[var(--card)] ds:border ds:border-[color:var(--card-border)] ds:shadow-[var(--shadow-card)] ds:[.theme-accessible_&]:border-2',\n      },\n      interactive: {\n        true: [\n          'ds:cursor-pointer',\n          'ds:transition-shadow ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n          'ds:hover:shadow-[var(--shadow-hover)]',\n          'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n          'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n          'ds:min-h-[var(--min-target-size)]',\n        ].join(' '),\n        false: '',\n      },\n      // `stretch: true` fills the parent layout cell (grid / flex) so a\n      // row of Cards ends up with matching heights. Combined with the\n      // `flex-1` on `Card.Body`, the footer naturally pins to the bottom.\n      stretch: {\n        true: 'ds:h-full ds:self-stretch',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      interactive: false,\n      stretch: false,\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface CardProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'role'>,\n    VariantProps<typeof cardVariants> {\n  variant?: 'default' | 'outlined' | 'elevated';\n  interactive?: boolean;\n  /**\n   * Stretch the Card to fill its parent layout cell. Use on every Card in\n   * a dashboard row so siblings end up with matching heights, and the\n   * `Card.Body` + `Card.Footer` flex naturally pin the footer to the\n   * bottom. Grid cells already `align-items: stretch` by default, but an\n   * explicit `h-full` keeps the behaviour robust under flex parents too.\n   */\n  stretch?: boolean;\n  asChild?: boolean;\n  children: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nconst CardRoot = forwardRef<HTMLElement, CardProps>(\n  (\n    {\n      variant = 'default',\n      interactive = false,\n      stretch = false,\n      asChild = false,\n      className,\n      children,\n      onClick,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const headerId = useId();\n    const [hasHeader, setHasHeader] = useState(false);\n    const registerHeader = useCallback(() => setHasHeader(true), []);\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLElement>) => {\n      if (interactive && (e.key === 'Enter' || e.key === ' ')) {\n        e.preventDefault();\n        (e.currentTarget as HTMLElement).click();\n      }\n      onKeyDown?.(e);\n    };\n\n    // When asChild=true the consumer provides its own element (<a>, <button>)\n    // which already carries the correct role and tabIndex — don't override them.\n    const interactiveProps = interactive\n      ? {\n          ...(asChild ? {} : { role: 'button' as const, tabIndex: 0 }),\n          onKeyDown: handleKeyDown,\n          onClick,\n        }\n      : { onClick };\n\n    // `<article>` is the default semantic root, but axe's\n    // `aria-allowed-role` rule forbids `role=\"button\"` on `<article>`.\n    // When the card is interactive we switch to `<div>` so the explicit\n    // role is valid. Consumers can still pass `asChild` to provide their\n    // own anchor / button element when they want stronger semantics.\n    const Comp = asChild ? Slot : interactive ? 'div' : 'article';\n\n    return (\n      <CardContext.Provider\n        value={{ headerId, interactive: interactive ?? false, registerHeader }}\n      >\n        <Comp\n          ref={ref as React.Ref<HTMLDivElement>}\n          aria-labelledby={hasHeader ? headerId : undefined}\n          data-component=\"card\"\n          className={cardVariants({\n            variant,\n            interactive: interactive ?? false,\n            stretch: stretch ?? false,\n            className,\n          })}\n          {...interactiveProps}\n          {...props}\n        >\n          {children}\n        </Comp>\n      </CardContext.Provider>\n    );\n  },\n);\nCardRoot.displayName = 'Card';\n\n/* ------------------------------------------------------------------ */\n/* Header                                                              */\n/* ------------------------------------------------------------------ */\n\nconst CardHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const { headerId, registerHeader } = useContext(CardContext);\n\n    // Notify root that a header is present so aria-labelledby is applied.\n    const callbackRef = useCallback(\n      (node: HTMLDivElement | null) => {\n        if (node) registerHeader();\n        if (typeof ref === 'function') ref(node);\n        else if (ref)\n          (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [ref, registerHeader],\n    );\n\n    return (\n      <div\n        ref={callbackRef}\n        id={headerId}\n        className={[\n          'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:p-[var(--spacing-md)] ds:pb-0',\n          // Wrap policy for header text content. Scoped to DIRECT children\n          // (h1–h6 / p / div) and using `break-word` instead of `anywhere`\n          // so natural-language titles wrap at word boundaries first; only\n          // genuinely unbreakable strings (URLs, hashes) break mid-word\n          // when they'd otherwise overflow. The previous `[&_*]:` cascade\n          // applied `overflow-wrap: anywhere` to every descendant, which\n          // chopped natural-language labels mid-character inside narrow\n          // contexts (DescriptionList rows in a Carousel slide).\n          'ds:[&>*]:break-normal ds:[&>*]:[overflow-wrap:break-word]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      />\n    );\n  },\n);\nCardHeader.displayName = 'Card.Header';\n\n/* ------------------------------------------------------------------ */\n/* Media                                                               */\n/* ------------------------------------------------------------------ */\n\nconst CardMedia = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:overflow-hidden ds:[&_img]:w-full ds:[&_img]:h-auto ds:[&_img]:[object-fit:cover] ds:[&_video]:w-full',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nCardMedia.displayName = 'Card.Media';\n\n/* ------------------------------------------------------------------ */\n/* Body                                                                */\n/* ------------------------------------------------------------------ */\n\nconst CardBody = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      // `text-start` is INTENTIONALLY OMITTED from the baseline so a\n      // consumer `className=\"ds:text-center\"` (or `text-end`) wins the\n      // cascade without source-order trickery. Tailwind 4 emits its\n      // utilities in alphabetical-ish order in tokens.css, so a kit\n      // baseline `text-start` would land AFTER a consumer\n      // `text-center` and override it — exactly the cascade trap that\n      // bit Badge `bg-muted/20` earlier. Without a baseline, the body\n      // inherits its parent's `text-align` (always `start` in\n      // browsers' default cascade — same render as before for every\n      // existing consumer), and consumer overrides apply with no\n      // surprises. Pass `className=\"ds:text-start\"` explicitly if you\n      // need to override a parent that set `text-center`.\n      className={['ds:p-[var(--spacing-md)] ds:flex-1', className]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nCardBody.displayName = 'Card.Body';\n\n/* ------------------------------------------------------------------ */\n/* Footer                                                              */\n/* ------------------------------------------------------------------ */\n\nconst CardFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)] ds:pt-0',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nCardFooter.displayName = 'Card.Footer';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const Card = Object.assign(CardRoot, {\n  Header: CardHeader,\n  Media: CardMedia,\n  Body: CardBody,\n  Footer: CardFooter,\n});\n\nexport type { VariantProps as CardVariantProps };\n"],"names":["CardContext","createContext","cardVariants","cva","CardRoot","forwardRef","variant","interactive","stretch","asChild","className","children","onClick","onKeyDown","props","ref","headerId","useId","hasHeader","setHasHeader","useState","registerHeader","useCallback","interactiveProps","e","Comp","Slot","jsx","CardHeader","useContext","callbackRef","node","CardMedia","CardBody","CardFooter","Card"],"mappings":"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"}

package/dist/_chunks/{contact-card-Dos7Tley.js → contact-card-Cf8Ktyt3.js}

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
 import { forwardRef as i, Fragment as b } from "react";
 import { useTranslation as k } from "react-i18next";
-import { C as o } from "./card-CNri9ssR.js";
+import { C as o } from "./card-DPmk26CL.js";
 import { L as p } from "./link-DrD_cRUg.js";
 import { M as v } from "./map-pin-B8STOPMJ.js";
 function L(s) {
@@ -118,4 +118,4 @@ const M = Object.assign(f, {
 export {
   M as C
 };
-//# sourceMappingURL=contact-card-Dos7Tley.js.map
+//# sourceMappingURL=contact-card-Cf8Ktyt3.js.map

package/dist/_chunks/{contact-card-Dos7Tley.js.map → contact-card-Cf8Ktyt3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"contact-card-Dos7Tley.js","sources":["../../src/components/contact-card/contact-card.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Fragment,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { MapPin } from 'lucide-react';\nimport { Card } from '../card/card';\nimport { Link } from '../link/link';\n\n/* ------------------------------------------------------------------ */\n/* Phone helper                                                        */\n/* ------------------------------------------------------------------ */\n\n/**\n * Strip everything that's not a digit or a leading `+` so the display\n * string (`\"+49 (0)89 51871478\"`) becomes a valid `tel:` URI target\n * (`\"tel:+498951871478\"`). RFC 3966 allows visual separators, but most\n * dialer apps still trip on them — collapsing to a strict E.164-ish\n * form is the safe default. The `(0)` trunk-prefix convention is\n * intentionally dropped: it's not a real digit in international\n * dialling, only a hint for in-country dialling.\n */\nfunction buildTelHref(display: string): string {\n  const trunkStripped = display.replace(/\\(0\\)/g, '');\n  const digits = trunkStripped.replace(/[^\\d+]/g, '');\n  return `tel:${digits}`;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface ContactCardProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'title'\n> {\n  /**\n   * Optional card heading rendered inside `Card.Header` as an `<h2>` —\n   * e.g. \"Contact information\" above one or more office blocks. Omit\n   * when the card sits inside a section that already has a heading.\n   */\n  title?: ReactNode;\n  /**\n   * `Card` variant. Defaults to `default` (subtle border on `--card`\n   * surface) to match the marketing site's treatment.\n   */\n  variant?: 'default' | 'outlined' | 'elevated';\n  children: ReactNode;\n}\n\nconst ContactCardRoot = forwardRef<HTMLElement, ContactCardProps>(\n  ({ title, variant = 'default', className, children, ...props }, ref) => (\n    <Card\n      ref={ref}\n      variant={variant}\n      data-component=\"contact-card\"\n      className={className}\n      {...props}\n    >\n      {title !== undefined ? (\n        <Card.Header>\n          <h2 className=\"type-title-card ds:text-foreground\">{title}</h2>\n        </Card.Header>\n      ) : null}\n      <Card.Body\n        className={[\n          'ds:flex ds:flex-col ds:gap-[var(--spacing-md)]',\n          // Tighten the body padding-block-start when a header sits\n          // above so the whole card reads as one cohesive block rather\n          // than two stacked sections — Card.Header already paints\n          // bottom padding via `pb-0` + Card.Body's `p-md`.\n        ].join(' ')}\n      >\n        {children}\n      </Card.Body>\n    </Card>\n  ),\n);\nContactCardRoot.displayName = 'ContactCard';\n\n/* ------------------------------------------------------------------ */\n/* Office                                                              */\n/* ------------------------------------------------------------------ */\n\nexport interface ContactCardOfficeProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'children'\n> {\n  /**\n   * Office name — rendered as the block's bold label next to the pin\n   * glyph. Not a heading element by default so a card with multiple\n   * offices doesn't fragment the heading outline; pass `nameAs=\"h3\"`\n   * (or `h4` etc.) when the consuming page wants a real heading.\n   */\n  name: ReactNode;\n  /**\n   * Address lines in document order, one per `<br>`-equivalent. Country\n   * / region / postcode formatting is the consumer's responsibility —\n   * the kit only inserts the line breaks.\n   */\n  lines: ReadonlyArray<string>;\n  /**\n   * VAT / tax-ID number. Rendered on its own line with the kit-owned\n   * `ui.contactCard.vatNumberLabel` prefix.\n   */\n  vatNumber?: string;\n  /**\n   * Phone number as it should display (with separators, parens, trunk\n   * prefix). The kit normalises this into a `tel:` URI internally —\n   * see `buildTelHref` for the rules.\n   */\n  phone?: string;\n  /** Heading element used for `name`. Defaults to a non-heading `<p>`. */\n  nameAs?: 'p' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n}\n\nconst ContactCardOffice = forwardRef<HTMLElement, ContactCardOfficeProps>(\n  (\n    { name, lines, vatNumber, phone, nameAs = 'p', className, ...props },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const NameTag = nameAs as 'p';\n\n    return (\n      <address\n        ref={ref as React.Ref<HTMLElement>}\n        data-component=\"contact-card-office\"\n        className={[\n          // `not-italic` overrides the UA default for `<address>` since\n          // the kit's type ramp already encodes intent — italic would\n          // double up with a heading-bold name and read as emphasis.\n          'ds:not-italic ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        <NameTag className=\"ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)] type-label ds:font-semibold ds:text-foreground\">\n          <MapPin\n            aria-hidden=\"true\"\n            className=\"ds:size-[1.25em] ds:text-primary ds:shrink-0\"\n          />\n          <span>{name}</span>\n        </NameTag>\n        <div className=\"type-body-sm ds:text-foreground ds:[unicode-bidi:isolate]\">\n          {lines.map((line, i) => (\n            <Fragment key={i}>\n              {line}\n              {i < lines.length - 1 ? <br /> : null}\n            </Fragment>\n          ))}\n        </div>\n        {vatNumber ? (\n          <div className=\"type-body-sm ds:text-muted-foreground\">\n            <span className=\"ds:me-[var(--spacing-2xs)]\">\n              {t('contactCard.vatNumberLabel')}\n            </span>\n            <span className=\"ds:[unicode-bidi:isolate]\">{vatNumber}</span>\n          </div>\n        ) : null}\n        {phone ? (\n          <div className=\"type-body-sm ds:text-muted-foreground ds:inline-flex ds:items-baseline ds:gap-[var(--spacing-2xs)] ds:flex-wrap\">\n            <span>{t('contactCard.phoneLabel')}</span>\n            <Link href={buildTelHref(phone)} intent=\"default\">\n              <span className=\"ds:[unicode-bidi:isolate]\">{phone}</span>\n            </Link>\n          </div>\n        ) : null}\n      </address>\n    );\n  },\n);\nContactCardOffice.displayName = 'ContactCard.Office';\n\n/* ------------------------------------------------------------------ */\n/* Links                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type ContactCardLinksProps = HTMLAttributes<HTMLUListElement>;\n\nconst ContactCardLinks = forwardRef<HTMLUListElement, ContactCardLinksProps>(\n  ({ className, children, ...props }, ref) => (\n    <ul\n      ref={ref}\n      data-component=\"contact-card-links\"\n      className={[\n        'ds:m-0 ds:p-0 ds:list-none',\n        'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {children}\n    </ul>\n  ),\n);\nContactCardLinks.displayName = 'ContactCard.Links';\n\n/* ------------------------------------------------------------------ */\n/* Link                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface ContactCardLinkProps {\n  href: string;\n  /**\n   * Leading glyph. Rendered with `--primary` so the link list reads as\n   * a coloured-icon menu (matches the marketing site's treatment).\n   * Consumers pass a bare lucide-react icon; the kit handles colour /\n   * size / aria-hidden.\n   */\n  icon: ReactNode;\n  /** Open in a new tab — adds `target=\"_blank\"` and `rel` via `Link`. */\n  external?: boolean;\n  children: ReactNode;\n}\n\nconst ContactCardLink = forwardRef<HTMLLIElement, ContactCardLinkProps>(\n  ({ href, icon, external, children }, ref) => (\n    <li ref={ref} className=\"ds:m-0\">\n      <Link\n        href={href}\n        external={external}\n        // Wrap in a `text-primary` span so the lucide glyph (which uses\n        // `currentColor`) picks up the brand tint without the consumer\n        // having to thread a className through every icon. Link adds\n        // its own aria-hidden wrapper + `[&_svg]:size-[1em]` outside\n        // this; the colour cascades through.\n        startIcon={<span className=\"ds:text-primary\">{icon}</span>}\n      >\n        {children}\n      </Link>\n    </li>\n  ),\n);\nContactCardLink.displayName = 'ContactCard.Link';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const ContactCard = Object.assign(ContactCardRoot, {\n  Office: ContactCardOffice,\n  Links: ContactCardLinks,\n  Link: ContactCardLink,\n});\n\nexport { buildTelHref as __buildTelHref };\n"],"names":["buildTelHref","display","ContactCardRoot","forwardRef","title","variant","className","children","props","ref","jsxs","Card","jsx","ContactCardOffice","name","lines","vatNumber","phone","nameAs","t","useTranslation","NameTag","MapPin","line","i","Fragment","Link","ContactCardLinks","ContactCardLink","href","icon","external","ContactCard"],"mappings":"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"}
+{"version":3,"file":"contact-card-Cf8Ktyt3.js","sources":["../../src/components/contact-card/contact-card.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Fragment,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { MapPin } from 'lucide-react';\nimport { Card } from '../card/card';\nimport { Link } from '../link/link';\n\n/* ------------------------------------------------------------------ */\n/* Phone helper                                                        */\n/* ------------------------------------------------------------------ */\n\n/**\n * Strip everything that's not a digit or a leading `+` so the display\n * string (`\"+49 (0)89 51871478\"`) becomes a valid `tel:` URI target\n * (`\"tel:+498951871478\"`). RFC 3966 allows visual separators, but most\n * dialer apps still trip on them — collapsing to a strict E.164-ish\n * form is the safe default. The `(0)` trunk-prefix convention is\n * intentionally dropped: it's not a real digit in international\n * dialling, only a hint for in-country dialling.\n */\nfunction buildTelHref(display: string): string {\n  const trunkStripped = display.replace(/\\(0\\)/g, '');\n  const digits = trunkStripped.replace(/[^\\d+]/g, '');\n  return `tel:${digits}`;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface ContactCardProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'title'\n> {\n  /**\n   * Optional card heading rendered inside `Card.Header` as an `<h2>` —\n   * e.g. \"Contact information\" above one or more office blocks. Omit\n   * when the card sits inside a section that already has a heading.\n   */\n  title?: ReactNode;\n  /**\n   * `Card` variant. Defaults to `default` (subtle border on `--card`\n   * surface) to match the marketing site's treatment.\n   */\n  variant?: 'default' | 'outlined' | 'elevated';\n  children: ReactNode;\n}\n\nconst ContactCardRoot = forwardRef<HTMLElement, ContactCardProps>(\n  ({ title, variant = 'default', className, children, ...props }, ref) => (\n    <Card\n      ref={ref}\n      variant={variant}\n      data-component=\"contact-card\"\n      className={className}\n      {...props}\n    >\n      {title !== undefined ? (\n        <Card.Header>\n          <h2 className=\"type-title-card ds:text-foreground\">{title}</h2>\n        </Card.Header>\n      ) : null}\n      <Card.Body\n        className={[\n          'ds:flex ds:flex-col ds:gap-[var(--spacing-md)]',\n          // Tighten the body padding-block-start when a header sits\n          // above so the whole card reads as one cohesive block rather\n          // than two stacked sections — Card.Header already paints\n          // bottom padding via `pb-0` + Card.Body's `p-md`.\n        ].join(' ')}\n      >\n        {children}\n      </Card.Body>\n    </Card>\n  ),\n);\nContactCardRoot.displayName = 'ContactCard';\n\n/* ------------------------------------------------------------------ */\n/* Office                                                              */\n/* ------------------------------------------------------------------ */\n\nexport interface ContactCardOfficeProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'children'\n> {\n  /**\n   * Office name — rendered as the block's bold label next to the pin\n   * glyph. Not a heading element by default so a card with multiple\n   * offices doesn't fragment the heading outline; pass `nameAs=\"h3\"`\n   * (or `h4` etc.) when the consuming page wants a real heading.\n   */\n  name: ReactNode;\n  /**\n   * Address lines in document order, one per `<br>`-equivalent. Country\n   * / region / postcode formatting is the consumer's responsibility —\n   * the kit only inserts the line breaks.\n   */\n  lines: ReadonlyArray<string>;\n  /**\n   * VAT / tax-ID number. Rendered on its own line with the kit-owned\n   * `ui.contactCard.vatNumberLabel` prefix.\n   */\n  vatNumber?: string;\n  /**\n   * Phone number as it should display (with separators, parens, trunk\n   * prefix). The kit normalises this into a `tel:` URI internally —\n   * see `buildTelHref` for the rules.\n   */\n  phone?: string;\n  /** Heading element used for `name`. Defaults to a non-heading `<p>`. */\n  nameAs?: 'p' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n}\n\nconst ContactCardOffice = forwardRef<HTMLElement, ContactCardOfficeProps>(\n  (\n    { name, lines, vatNumber, phone, nameAs = 'p', className, ...props },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const NameTag = nameAs as 'p';\n\n    return (\n      <address\n        ref={ref as React.Ref<HTMLElement>}\n        data-component=\"contact-card-office\"\n        className={[\n          // `not-italic` overrides the UA default for `<address>` since\n          // the kit's type ramp already encodes intent — italic would\n          // double up with a heading-bold name and read as emphasis.\n          'ds:not-italic ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        <NameTag className=\"ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)] type-label ds:font-semibold ds:text-foreground\">\n          <MapPin\n            aria-hidden=\"true\"\n            className=\"ds:size-[1.25em] ds:text-primary ds:shrink-0\"\n          />\n          <span>{name}</span>\n        </NameTag>\n        <div className=\"type-body-sm ds:text-foreground ds:[unicode-bidi:isolate]\">\n          {lines.map((line, i) => (\n            <Fragment key={i}>\n              {line}\n              {i < lines.length - 1 ? <br /> : null}\n            </Fragment>\n          ))}\n        </div>\n        {vatNumber ? (\n          <div className=\"type-body-sm ds:text-muted-foreground\">\n            <span className=\"ds:me-[var(--spacing-2xs)]\">\n              {t('contactCard.vatNumberLabel')}\n            </span>\n            <span className=\"ds:[unicode-bidi:isolate]\">{vatNumber}</span>\n          </div>\n        ) : null}\n        {phone ? (\n          <div className=\"type-body-sm ds:text-muted-foreground ds:inline-flex ds:items-baseline ds:gap-[var(--spacing-2xs)] ds:flex-wrap\">\n            <span>{t('contactCard.phoneLabel')}</span>\n            <Link href={buildTelHref(phone)} intent=\"default\">\n              <span className=\"ds:[unicode-bidi:isolate]\">{phone}</span>\n            </Link>\n          </div>\n        ) : null}\n      </address>\n    );\n  },\n);\nContactCardOffice.displayName = 'ContactCard.Office';\n\n/* ------------------------------------------------------------------ */\n/* Links                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type ContactCardLinksProps = HTMLAttributes<HTMLUListElement>;\n\nconst ContactCardLinks = forwardRef<HTMLUListElement, ContactCardLinksProps>(\n  ({ className, children, ...props }, ref) => (\n    <ul\n      ref={ref}\n      data-component=\"contact-card-links\"\n      className={[\n        'ds:m-0 ds:p-0 ds:list-none',\n        'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {children}\n    </ul>\n  ),\n);\nContactCardLinks.displayName = 'ContactCard.Links';\n\n/* ------------------------------------------------------------------ */\n/* Link                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface ContactCardLinkProps {\n  href: string;\n  /**\n   * Leading glyph. Rendered with `--primary` so the link list reads as\n   * a coloured-icon menu (matches the marketing site's treatment).\n   * Consumers pass a bare lucide-react icon; the kit handles colour /\n   * size / aria-hidden.\n   */\n  icon: ReactNode;\n  /** Open in a new tab — adds `target=\"_blank\"` and `rel` via `Link`. */\n  external?: boolean;\n  children: ReactNode;\n}\n\nconst ContactCardLink = forwardRef<HTMLLIElement, ContactCardLinkProps>(\n  ({ href, icon, external, children }, ref) => (\n    <li ref={ref} className=\"ds:m-0\">\n      <Link\n        href={href}\n        external={external}\n        // Wrap in a `text-primary` span so the lucide glyph (which uses\n        // `currentColor`) picks up the brand tint without the consumer\n        // having to thread a className through every icon. Link adds\n        // its own aria-hidden wrapper + `[&_svg]:size-[1em]` outside\n        // this; the colour cascades through.\n        startIcon={<span className=\"ds:text-primary\">{icon}</span>}\n      >\n        {children}\n      </Link>\n    </li>\n  ),\n);\nContactCardLink.displayName = 'ContactCard.Link';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const ContactCard = Object.assign(ContactCardRoot, {\n  Office: ContactCardOffice,\n  Links: ContactCardLinks,\n  Link: ContactCardLink,\n});\n\nexport { buildTelHref as __buildTelHref };\n"],"names":["buildTelHref","display","ContactCardRoot","forwardRef","title","variant","className","children","props","ref","jsxs","Card","jsx","ContactCardOffice","name","lines","vatNumber","phone","nameAs","t","useTranslation","NameTag","MapPin","line","i","Fragment","Link","ContactCardLinks","ContactCardLink","href","icon","external","ContactCard"],"mappings":"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"}

package/dist/_chunks/{practice-profile-card-CfAMeTxQ.js → contact-profile-card-Ce-LIDU8.js}

@@ -1,18 +1,18 @@
-import { jsxs as u, jsx as e, Fragment as _ } from "react/jsx-runtime";
-import { forwardRef as oe, useId as le, useMemo as ce } from "react";
+import { jsxs as u, jsx as e, Fragment as R } from "react/jsx-runtime";
+import { forwardRef as ie, useId as le, useMemo as ce } from "react";
 import { c as se } from "./index-D2ZczOXr.js";
 import { useTranslation as de } from "react-i18next";
-import { B as S } from "./badge-B9Cr6iEB.js";
-import { C as F } from "./card-CNri9ssR.js";
-import { K as pe, a as ue } from "./key-value-pair-CYE7NSpM.js";
+import { B as S } from "./badge-zsf5i5bH.js";
+import { C as F } from "./card-DPmk26CL.js";
+import { K as pe, a as ue } from "./key-value-pair-CkQIb9EG.js";
 import { L as d } from "./link-DrD_cRUg.js";
 import { u as fe } from "./registry-nPAVE19X.js";
-import { S as H } from "./stethoscope-DT5qCW8Y.js";
-import { H as T, S as V, L as z } from "./shield-check-BhHyReu8.js";
-import { c as E } from "./createLucideIcon-CrFbzy84.js";
-import { G as K } from "./globe-BkEFMNSg.js";
-import { M as L } from "./mail-C8irm52s.js";
-import { M as O } from "./message-circle-C23eicgb.js";
+import { S as T } from "./stethoscope-DT5qCW8Y.js";
+import { H, S as V, L as z } from "./shield-check-BhHyReu8.js";
+import { c as O } from "./createLucideIcon-CrFbzy84.js";
+import { G as E } from "./globe-BkEFMNSg.js";
+import { M as K } from "./mail-C8irm52s.js";
+import { M as L } from "./message-circle-C23eicgb.js";
 import { M as U } from "./map-pin-B8STOPMJ.js";
 /**
  * @license lucide-react v1.8.0 - ISC
@@ -24,7 +24,7 @@ const me = [
   ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "2", key: "9lu3g6" }],
   ["circle", { cx: "12", cy: "12", r: "2", key: "1c9p78" }],
   ["path", { d: "M6 12h.01M18 12h.01", key: "113zkx" }]
-], j = E("banknote", me);
+], j = O("banknote", me);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
@@ -39,23 +39,23 @@ const he = [
       key: "9njp5v"
     }
   ]
-], B = E("phone", he), ge = {
-  id: "practice-profile-card",
+], B = O("phone", he), ge = {
+  id: "contact-profile-card",
   capabilities: ["view_change"],
   state: {
     profession: {
       type: "string",
-      descriptionKey: "ui.agent.practiceProfileCard.state.profession",
+      descriptionKey: "ui.agent.contactProfileCard.state.profession",
       description: "Profession string the card is currently rendering — undefined when the consumer omitted it.",
-      read: (r) => r.getProfession()
+      read: (t) => t.getProfession()
     }
   },
   actions: {},
   domHooks: {
     root: {
       attr: "data-component",
-      value: "practice-profile-card",
-      description: "Marks the PracticeProfileCard root region."
+      value: "contact-profile-card",
+      description: "Marks the ContactProfileCard root region."
     },
     instanceId: {
       attr: "data-component-id",
@@ -63,46 +63,49 @@ const he = [
       description: "Sourced from the id prop."
     }
   }
-}, ve = se("ds:w-full ds:text-[color:var(--foreground)]", {
-  variants: {
-    // Matches the kit's other `surface` props (Booking, ReviewsPanel).
-    // The card itself renders `<Card variant="elevated">` so the
-    // `surface="flat"` opt-out is rare — most consumers want the
-    // boundary.
-    surface: {
-      flat: "",
-      elevated: ""
-    }
-  },
-  defaultVariants: { surface: "elevated" }
-});
-function xe(r) {
-  return r.replace(/[^\d+]/g, "");
+}, ve = se(
+  "ds:w-full ds:text-[color:var(--foreground)] ds:[--key-value-pair-icon-color:var(--accent)]",
+  {
+    variants: {
+      // Matches the kit's other `surface` props (Booking, ReviewsPanel).
+      // The card itself renders `<Card variant="elevated">` so the
+      // `surface="flat"` opt-out is rare — most consumers want the
+      // boundary.
+      surface: {
+        flat: "",
+        elevated: ""
+      }
+    },
+    defaultVariants: { surface: "elevated" }
+  }
+);
+function xe(t) {
+  return t.replace(/[^\d+]/g, "");
 }
-function Pe(r, t) {
-  const a = `https://wa.me/${r}`;
-  return t ? `${a}?text=${encodeURIComponent(t)}` : a;
+function ye(t, r) {
+  const a = `https://wa.me/${t}`;
+  return r ? `${a}?text=${encodeURIComponent(r)}` : a;
 }
-function be(r) {
-  return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(r.line)}`;
+function Ce(t) {
+  return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(t.line)}`;
 }
-function ye(r, t, a) {
+function be(t, r, a) {
   try {
     return new Intl.NumberFormat(a, {
       style: "currency",
-      currency: t
-    }).format(r / 100);
+      currency: r
+    }).format(t / 100);
   } catch {
-    return (r / 100).toFixed(2);
+    return (t / 100).toFixed(2);
   }
 }
-function Ce() {
+function Pe() {
   if (typeof document > "u") return "4945a3";
-  const r = getComputedStyle(document.documentElement).getPropertyValue("--map-marker-color").trim(), t = /^#?([0-9a-fA-F]{6})$/.exec(r);
-  return t ? t[1] : "4945a3";
+  const t = getComputedStyle(document.documentElement).getPropertyValue("--map-marker-color").trim(), r = /^#?([0-9a-fA-F]{6})$/.exec(t);
+  return r ? r[1] : "4945a3";
 }
-function ke({ apiKey: r, center: t, zoom: a, altText: c }) {
-  const s = Ce(), f = `https://maps.googleapis.com/maps/api/staticmap?center=${t.lat},${t.lng}&zoom=${a}&size=640x192&scale=2&markers=color:0x${s}%7C${t.lat},${t.lng}&key=${encodeURIComponent(r)}`;
+function ke({ apiKey: t, center: r, zoom: a, altText: c }) {
+  const s = Pe(), f = `https://maps.googleapis.com/maps/api/staticmap?center=${r.lat},${r.lng}&zoom=${a}&size=640x192&scale=2&markers=color:0x${s}%7C${r.lat},${r.lng}&key=${encodeURIComponent(t)}`;
   return /* @__PURE__ */ e(
     "img",
     {
@@ -116,10 +119,10 @@ function ke({ apiKey: r, center: t, zoom: a, altText: c }) {
     }
   );
 }
-const we = oe(
+const we = ie(
   ({
-    heading: r,
-    description: t,
+    heading: t,
+    description: r,
     address: a,
     phone: c,
     whatsappNumber: s,
@@ -130,10 +133,10 @@ const we = oe(
     languageLabels: p,
     insurances: v,
     firstVisitPriceCents: x,
-    currencyCode: y = "EUR",
-    profession: P,
+    currencyCode: b = "EUR",
+    profession: y,
     specializedInFearPatients: G,
-    googleMapsApiKey: C,
+    googleMapsApiKey: P,
     mapZoom: q = 14,
     onPhoneClick: W,
     onWhatsAppClick: D,
@@ -143,35 +146,35 @@ const we = oe(
     footerSlot: X,
     surface: k = "elevated",
     "aria-label": Z,
-    id: b,
+    id: C,
     className: ee,
     ...ae
-  }, re) => {
-    const { t: i, i18n: w } = de(), M = le(), $ = w.language ?? "en", A = r ?? i("practiceProfileCard.heading"), te = Z ?? A, I = ce(() => {
+  }, te) => {
+    const { t: n, i18n: w } = de(), M = le(), $ = w.language ?? "en", N = t ?? n("contactProfileCard.heading"), re = Z ?? N, A = ce(() => {
       if (x != null)
-        return ye(x, y, $);
-    }, [x, y, $]), n = [];
-    if (a && n.push({
+        return be(x, b, $);
+    }, [x, b, $]), o = [];
+    if (a && o.push({
       key: "address",
       icon: /* @__PURE__ */ e(U, { "aria-hidden": "true" }),
-      label: i("practiceProfileCard.label.address"),
+      label: n("contactProfileCard.label.address"),
       value: /* @__PURE__ */ u("span", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
         /* @__PURE__ */ e("span", { children: a.line }),
         a.lat != null && a.lng != null ? /* @__PURE__ */ e(
           d,
           {
-            href: be(a),
+            href: Ce(a),
             external: !0,
             intent: "default",
             onClick: Y,
-            children: i("practiceProfileCard.openInGoogleMaps")
+            children: n("contactProfileCard.openInGoogleMaps")
           }
         ) : null
       ] })
-    }), c && n.push({
+    }), c && o.push({
       key: "phone",
       icon: /* @__PURE__ */ e(B, { "aria-hidden": "true" }),
-      label: i("practiceProfileCard.label.phone"),
+      label: n("contactProfileCard.label.phone"),
       value: /* @__PURE__ */ e(
         d,
         {
@@ -181,24 +184,24 @@ const we = oe(
           children: c
         }
       )
-    }), s && n.push({
+    }), s && o.push({
       key: "whatsapp",
-      icon: /* @__PURE__ */ e(O, { "aria-hidden": "true" }),
-      label: i("practiceProfileCard.label.whatsapp"),
+      icon: /* @__PURE__ */ e(L, { "aria-hidden": "true" }),
+      label: n("contactProfileCard.label.whatsapp"),
       value: /* @__PURE__ */ e(
         d,
         {
-          href: Pe(s, f),
+          href: ye(s, f),
           external: !0,
           intent: "default",
           onClick: D,
           children: s
         }
       )
-    }), m && n.push({
+    }), m && o.push({
       key: "email",
-      icon: /* @__PURE__ */ e(L, { "aria-hidden": "true" }),
-      label: i("practiceProfileCard.label.email"),
+      icon: /* @__PURE__ */ e(K, { "aria-hidden": "true" }),
+      label: n("contactProfileCard.label.email"),
       value: /* @__PURE__ */ e(
         d,
         {
@@ -208,74 +211,74 @@ const we = oe(
           children: m
         }
       )
-    }), h && n.push({
+    }), h && o.push({
       key: "website",
-      icon: /* @__PURE__ */ e(K, { "aria-hidden": "true" }),
-      label: i("practiceProfileCard.label.website"),
+      icon: /* @__PURE__ */ e(E, { "aria-hidden": "true" }),
+      label: n("contactProfileCard.label.website"),
       value: /* @__PURE__ */ e(d, { href: h, external: !0, intent: "default", children: h })
     }), g && g.length > 0) {
-      const o = (l) => {
+      const i = (l) => {
         if (p != null && p[l]) return p[l];
-        const N = `languages.${l}`;
-        return w.exists(N) ? i(N) : l.toUpperCase();
+        const I = `languages.${l}`;
+        return w.exists(I) ? n(I) : l.toUpperCase();
       };
-      n.push({
+      o.push({
         key: "languages",
         icon: /* @__PURE__ */ e(z, { "aria-hidden": "true" }),
-        label: i("practiceProfileCard.label.languages"),
-        value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: g.map((l) => /* @__PURE__ */ e(S, { variant: "neutral", children: o(l) }, l)) })
+        label: n("contactProfileCard.label.languages"),
+        value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: g.map((l) => /* @__PURE__ */ e(S, { variant: "neutral", children: i(l) }, l)) })
       });
     }
-    v && v.length > 0 && n.push({
+    v && v.length > 0 && o.push({
       key: "insurances",
       icon: /* @__PURE__ */ e(V, { "aria-hidden": "true" }),
-      label: i("practiceProfileCard.label.insurances"),
-      value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: v.map((o) => /* @__PURE__ */ e(S, { variant: "info", children: o }, o)) })
-    }), I && n.push({
+      label: n("contactProfileCard.label.insurances"),
+      value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: v.map((i) => /* @__PURE__ */ e(S, { variant: "info", children: i }, i)) })
+    }), A && o.push({
       key: "firstVisitPrice",
       icon: /* @__PURE__ */ e(j, { "aria-hidden": "true" }),
-      label: i("practiceProfileCard.label.firstVisitPrice"),
-      value: I
-    }), G && n.push({
+      label: n("contactProfileCard.label.firstVisitPrice"),
+      value: A
+    }), G && o.push({
       key: "expertForAnxiousPatients",
-      icon: /* @__PURE__ */ e(T, { "aria-hidden": "true" }),
-      label: i("practiceProfileCard.label.expertForAnxiousPatients"),
-      value: i("practiceProfileCard.value.yesShort")
-    }), P && n.push({
-      key: "profession",
       icon: /* @__PURE__ */ e(H, { "aria-hidden": "true" }),
-      label: i("practiceProfileCard.label.profession"),
-      value: P
+      label: n("contactProfileCard.label.expertForAnxiousPatients"),
+      value: n("contactProfileCard.value.yesShort")
+    }), y && o.push({
+      key: "profession",
+      icon: /* @__PURE__ */ e(T, { "aria-hidden": "true" }),
+      label: n("contactProfileCard.label.profession"),
+      value: y
     }), fe(
       ge,
-      { getProfession: () => P },
-      b
+      { getProfession: () => y },
+      C
     );
-    const ie = /* @__PURE__ */ u(_, { children: [
-      t ? /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:whitespace-pre-line", children: t }) : null,
-      n.length > 0 ? /* @__PURE__ */ e(pe, { rowGap: "md", children: n.map((o) => /* @__PURE__ */ e(
+    const ne = /* @__PURE__ */ u(R, { children: [
+      r ? /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:whitespace-pre-line", children: r }) : null,
+      o.length > 0 ? /* @__PURE__ */ e(pe, { rowGap: "md", children: o.map((i) => /* @__PURE__ */ e(
         ue,
         {
-          icon: o.icon,
-          label: o.label,
-          value: o.value
+          icon: i.icon,
+          label: i.label,
+          value: i.value
         },
-        o.key
+        i.key
       )) }) : null,
       X
-    ] }), ne = !!C && (a == null ? void 0 : a.lat) !== void 0 && (a == null ? void 0 : a.lng) !== void 0 ? /* @__PURE__ */ e(
+    ] }), oe = !!P && (a == null ? void 0 : a.lat) !== void 0 && (a == null ? void 0 : a.lng) !== void 0 ? /* @__PURE__ */ e(
       ke,
       {
-        apiKey: C,
+        apiKey: P,
         center: { lat: a.lat, lng: a.lng },
         zoom: q,
-        altText: i("practiceProfileCard.map.alt", {
+        altText: n("contactProfileCard.map.alt", {
           address: a.line,
           defaultValue: "Map showing {{address}}"
         })
       }
-    ) : null, R = /* @__PURE__ */ u(_, { children: [
-      ne,
+    ) : null, _ = /* @__PURE__ */ u(R, { children: [
+      oe,
       /* @__PURE__ */ u("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
         Q,
         /* @__PURE__ */ e(
@@ -283,30 +286,30 @@ const we = oe(
           {
             id: M,
             className: "type-title-card ds:m-0 ds:text-[color:var(--foreground)]",
-            children: A
+            children: N
           }
         )
       ] }),
-      ie
+      ne
     ] });
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: re,
+        ref: te,
         role: "region",
-        "aria-label": te,
+        "aria-label": re,
         "aria-labelledby": M,
-        "data-component": "practice-profile-card",
-        "data-component-id": b,
-        id: b,
+        "data-component": "contact-profile-card",
+        "data-component-id": C,
+        id: C,
         className: ve({ surface: k, className: ee }),
         ...ae,
-        children: k === "elevated" ? /* @__PURE__ */ e(F, { variant: "elevated", children: /* @__PURE__ */ e(F.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: R }) }) : /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: R })
+        children: k === "elevated" ? /* @__PURE__ */ e(F, { variant: "elevated", children: /* @__PURE__ */ e(F.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: _ }) }) : /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: _ })
       }
     );
   }
 );
-we.displayName = "PracticeProfileCard";
+we.displayName = "ContactProfileCard";
 const Ue = [
   "address",
   "phone",
@@ -321,19 +324,19 @@ const Ue = [
 ], je = {
   address: U,
   phone: B,
-  whatsapp: O,
-  email: L,
-  website: K,
+  whatsapp: L,
+  email: K,
+  website: E,
   languages: z,
   insurances: V,
   firstVisitPrice: j,
-  expertForAnxiousPatients: T,
-  profession: H
+  expertForAnxiousPatients: H,
+  profession: T
 };
 export {
-  je as P,
+  je as C,
   Ue as a,
   we as b,
-  ge as p
+  ge as c
 };
-//# sourceMappingURL=practice-profile-card-CfAMeTxQ.js.map
+//# sourceMappingURL=contact-profile-card-Ce-LIDU8.js.map