@alfadocs/ui-kit-debug 0.11.0 → 0.13.0

package/dist/_chunks/{contact-card-VJIUqKB2.js → contact-card-DTQUMetD.js}

@@ -1,37 +1,21 @@
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { forwardRef as r, Fragment as b } from "react";
+import { forwardRef as i, Fragment as b } from "react";
 import { useTranslation as k } from "react-i18next";
 import { C as o } from "./card-CWzuTLYE.js";
-import { L as p } from "./link-BGpwaFik.js";
-import { c as L } from "./createLucideIcon-CrFbzy84.js";
-/**
- * @license lucide-react v1.8.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const v = [
-  [
-    "path",
-    {
-      d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0",
-      key: "1r0f0z"
-    }
-  ],
-  ["circle", { cx: "12", cy: "10", r: "3", key: "ilqhr7" }]
-], j = L("map-pin", v);
-function O(s) {
+import { L as p } from "./link-DmM5IevO.js";
+import { M as v } from "./map-pin-B8STOPMJ.js";
+function L(s) {
   return `tel:${s.replace(/\(0\)/g, "").replace(/[^\d+]/g, "")}`;
 }
-const f = r(
-  ({ title: s, variant: e = "default", className: d, children: n, ...c }, i) => /* @__PURE__ */ t(
+const f = i(
+  ({ title: s, variant: e = "default", className: d, children: n, ...r }, c) => /* @__PURE__ */ t(
     o,
     {
-      ref: i,
+      ref: c,
       variant: e,
       "data-component": "contact-card",
       className: d,
-      ...c,
+      ...r,
       children: [
         s !== void 0 ? /* @__PURE__ */ a(o.Header, { children: /* @__PURE__ */ a("h2", { className: "type-title-card ds:text-foreground", children: s }) }) : null,
         /* @__PURE__ */ a(
@@ -52,9 +36,9 @@ const f = r(
   )
 );
 f.displayName = "ContactCard";
-const u = r(
-  ({ name: s, lines: e, vatNumber: d, phone: n, nameAs: c = "p", className: i, ...C }, h) => {
-    const { t: l } = k(), N = c;
+const u = i(
+  ({ name: s, lines: e, vatNumber: d, phone: n, nameAs: r = "p", className: c, ...C }, h) => {
+    const { t: l } = k(), N = r;
     return /* @__PURE__ */ t(
       "address",
       {
@@ -65,13 +49,13 @@ const u = r(
           // the kit's type ramp already encodes intent — italic would
           // double up with a heading-bold name and read as emphasis.
           "ds:not-italic ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
-          i
+          c
         ].filter(Boolean).join(" "),
         ...C,
         children: [
           /* @__PURE__ */ t(N, { className: "ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)] type-label ds:font-semibold ds:text-foreground", children: [
             /* @__PURE__ */ a(
-              j,
+              v,
               {
                 "aria-hidden": "true",
                 className: "ds:size-[1.25em] ds:text-primary ds:shrink-0"
@@ -89,7 +73,7 @@ const u = r(
           ] }) : null,
           n ? /* @__PURE__ */ t("div", { className: "type-body-sm ds:text-muted-foreground ds:inline-flex ds:items-baseline ds:gap-[var(--spacing-2xs)] ds:flex-wrap", children: [
             /* @__PURE__ */ a("span", { children: l("contactCard.phoneLabel") }),
-            /* @__PURE__ */ a(p, { href: O(n), intent: "default", children: /* @__PURE__ */ a("span", { className: "ds:[unicode-bidi:isolate]", children: n }) })
+            /* @__PURE__ */ a(p, { href: L(n), intent: "default", children: /* @__PURE__ */ a("span", { className: "ds:[unicode-bidi:isolate]", children: n }) })
           ] }) : null
         ]
       }
@@ -97,7 +81,7 @@ const u = r(
   }
 );
 u.displayName = "ContactCard.Office";
-const x = r(
+const g = i(
   ({ className: s, children: e, ...d }, n) => /* @__PURE__ */ a(
     "ul",
     {
@@ -113,9 +97,9 @@ const x = r(
     }
   )
 );
-x.displayName = "ContactCard.Links";
-const g = r(
-  ({ href: s, icon: e, external: d, children: n }, c) => /* @__PURE__ */ a("li", { ref: c, className: "ds:m-0", children: /* @__PURE__ */ a(
+g.displayName = "ContactCard.Links";
+const x = i(
+  ({ href: s, icon: e, external: d, children: n }, r) => /* @__PURE__ */ a("li", { ref: r, className: "ds:m-0", children: /* @__PURE__ */ a(
     p,
     {
       href: s,
@@ -125,13 +109,13 @@ const g = r(
     }
   ) })
 );
-g.displayName = "ContactCard.Link";
+x.displayName = "ContactCard.Link";
 const M = Object.assign(f, {
   Office: u,
-  Links: x,
-  Link: g
+  Links: g,
+  Link: x
 });
 export {
   M as C
 };
-//# sourceMappingURL=contact-card-VJIUqKB2.js.map
+//# sourceMappingURL=contact-card-DTQUMetD.js.map

package/dist/_chunks/contact-card-DTQUMetD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-card-DTQUMetD.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/{date-picker-BD5FYW08.js → date-picker-BlhtBhPo.js}

@@ -6,7 +6,7 @@ import { forwardRef as _e, useState as G, useRef as se, useEffect as Ie, useCall
 import { useTranslation as He } from "react-i18next";
 import * as Z from "@radix-ui/react-popover";
 import { u as qe } from "./form-field-context-B3APVHKx.js";
-import { g as Le, k as Ne, b as Ce, i as Re, j as Qe, t as We, C as Ae, d as Fe, p as Be, D as Ge, f as Ve, h as Xe } from "./react-day-picker-C04L_28V.js";
+import { g as Le, k as Ne, b as Ce, i as Re, j as Qe, t as We, C as Ae, d as Fe, p as Be, D as Ge, f as Ve, h as Xe } from "./react-day-picker-C5F3-TTX.js";
 import { g as ue, e as Ke, b as S, h as le, j as ze, k as Ze, c as de, l as fe, m as je, n as ie, o as $e, w as oe, p as Ue, f as ce, q as Je } from "./isSameMonth-5wNF2f4I.js";
 import { u as Se } from "./registry-C9nwlNyL.js";
 import { t as H, c as _, m as et, a as tt, e as rt } from "./isSameDay-ecuM8PBB.js";
@@ -1819,4 +1819,4 @@ export {
   rr as D,
   tr as d
 };
-//# sourceMappingURL=date-picker-BD5FYW08.js.map
+//# sourceMappingURL=date-picker-BlhtBhPo.js.map