@alfadocs/ui-kit-debug 0.21.0 → 0.24.0

package/dist/_chunks/{whatsapp-button-CtlLwM3M.js → whatsapp-button-DUjlWGKf.js}

@@ -1,7 +1,7 @@
 import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import { forwardRef as y, useMemo as A } from "react";
+import { forwardRef as A, useMemo as C } from "react";
 import { c as m } from "./index-D2ZczOXr.js";
-import { useTranslation as C } from "react-i18next";
+import { useTranslation as _ } from "react-i18next";
 function u({ className: a }) {
   return /* @__PURE__ */ i(
     "svg",
@@ -15,7 +15,7 @@ function u({ className: a }) {
     }
   );
 }
-const _ = m(
+const j = m(
   [
     // `position` is provided by `positionVariants` below — `static`
     // sets `ds:relative` (so the pseudo-element touch-target anchors),
@@ -103,7 +103,7 @@ const _ = m(
       size: "md"
     }
   }
-), j = m("", {
+), B = m("", {
   variants: {
     position: {
       // `relative` so the `::before` pseudo touch-target (defined in
@@ -118,47 +118,48 @@ const _ = m(
   },
   defaultVariants: { position: "static" }
 });
-function B(a, o) {
+function L(a, o) {
   const s = a.replace(/\D/g, "");
   if (s.length === 0)
     return null;
-  const r = `https://wa.me/${s}`;
-  return o ? `${r}?text=${encodeURIComponent(o)}` : r;
+  const d = `https://wa.me/${s}`;
+  return o ? `${d}?text=${encodeURIComponent(o)}` : d;
 }
-const N = y(
+const N = A(
   ({
     phoneNumber: a,
     message: o,
     variant: s = "pill",
-    size: r = "md",
+    size: d = "md",
     position: h,
     label: g,
-    className: w,
+    tone: w = "standard",
+    className: z,
     ...n
-  }, z) => {
-    const { t: p } = C(), f = A(
-      () => B(a, o),
+  }, x) => {
+    const { t: p } = _(), f = C(
+      () => L(a, o),
       [a, o]
-    ), e = g ?? p(s === "fab" ? "whatsApp.fabLabel" : "whatsApp.label"), x = [
-      _({ variant: s, size: r }),
-      j({ position: h }),
-      w
-    ].filter(Boolean).join(" "), d = f === null, v = {
-      ref: z,
-      ...d ? {} : {
+    ), e = g ?? p(s === "fab" ? "whatsApp.fabLabel" : w === "question" ? "whatsApp.questionPrompt" : "whatsApp.label"), y = [
+      j({ variant: s, size: d }),
+      B({ position: h }),
+      z
+    ].filter(Boolean).join(" "), r = f === null, v = {
+      ref: x,
+      ...r ? {} : {
         href: f,
         target: "_blank",
         rel: "noopener noreferrer"
       },
-      "aria-disabled": d ? !0 : void 0,
+      "aria-disabled": r ? !0 : void 0,
       "data-component": "whatsapp-button",
       "data-variant": s,
       onClick: (l) => {
         var b;
-        d && l.preventDefault(), (b = n.onClick) == null || b.call(n, l);
+        r && l.preventDefault(), (b = n.onClick) == null || b.call(n, l);
       },
-      className: x
-    }, t = d ? null : p("link.opensInNewTab", "Opens in a new tab");
+      className: y
+    }, t = r ? null : p("link.opensInNewTab", "Opens in a new tab");
     if (s === "fab") {
       const l = typeof e == "string" ? t ? `${e} — ${t}` : e : void 0;
       return /* @__PURE__ */ c("a", { ...n, ...v, "aria-label": l, children: [
@@ -183,4 +184,4 @@ N.displayName = "WhatsAppButton";
 export {
   N as W
 };
-//# sourceMappingURL=whatsapp-button-CtlLwM3M.js.map
+//# sourceMappingURL=whatsapp-button-DUjlWGKf.js.map

package/dist/_chunks/{whatsapp-button-CtlLwM3M.js.map → whatsapp-button-DUjlWGKf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"whatsapp-button-CtlLwM3M.js","sources":["../../src/components/whatsapp-button/whatsapp-button.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* WhatsAppButton — kit-tokened Click-to-Chat affordance.               */\n/*                                                                      */\n/* Replaces the booking website's loose green-circle-with-caption       */\n/* combo (see HTP screenshot in the rebrand discussion) with a single   */\n/* well-anchored affordance. Two variants:                              */\n/*                                                                      */\n/*   - `pill`  — inline rounded button, brand green + white glyph +     */\n/*               label. Drops anywhere in card / header chrome.         */\n/*   - `fab`   — circular floating action button, glyph only,           */\n/*               persistently anchored in the page corner. Carries an   */\n/*               `aria-label` so the SR announcement is \"Open WhatsApp  */\n/*               chat\" without rendering a loose visible caption.       */\n/*                                                                      */\n/* WhatsApp brand guidance requires the canonical #25D366 surface and   */\n/* the official phone-bubble glyph — those live in `--brand-whatsapp`   */\n/* tokens (added under `src/tokens/index.css`) so all four themes can   */\n/* shift the green for accessible contrast without bleeding the brand   */\n/* requirement into component code.                                     */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useMemo,\n  type AnchorHTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ */\n/* WhatsApp glyph                                                       */\n/*                                                                      */\n/* Inlined SVG — no external icon dep. The path matches WhatsApp's      */\n/* official brand mark (speech bubble + phone). `currentColor` lets     */\n/* the kit's `--brand-whatsapp-foreground` paint the glyph from a       */\n/* single CVA class, so accessible-theme shifts apply without code.     */\n/* ------------------------------------------------------------------ */\n\nfunction WhatsAppGlyph({ className }: { className?: string }): ReactNode {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n    >\n      <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.149-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.71.306 1.263.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z\" />\n    </svg>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst rootVariants = cva(\n  [\n    // `position` is provided by `positionVariants` below — `static`\n    // sets `ds:relative` (so the pseudo-element touch-target anchors),\n    // `bottom-end` / `bottom-start` set `ds:fixed`. Keeping `relative`\n    // off the base avoids the cascade conflict that made `position:\n    // relative` win against `position: fixed` in the compiled CSS\n    // (booking-website was patching with `style={{position:'fixed'}}`).\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:font-medium ds:whitespace-nowrap',\n    'ds:bg-[var(--brand-whatsapp)] ds:text-[var(--brand-whatsapp-foreground)]',\n    'ds:hover:bg-[var(--brand-whatsapp-hover)]',\n    'ds:active:opacity-90',\n    'ds:transition-[background-color,box-shadow,opacity]',\n    'ds:duration-[var(--animation-duration)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    // Focus ring colour is `var(--ring)` (= `--primary` in light, ditto\n    // through theme cascade) — NOT `--brand-whatsapp`. Painting the\n    // ring brand-green on a brand-green surface makes it invisible.\n    'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    // Under Windows High Contrast Mode the bg + shadow are stripped;\n    // repaint a solid border + swap the focus ring to CanvasText so\n    // the affordance stays identifiable.\n    'ds:forced-colors:border ds:forced-colors:border-[ButtonBorder]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n    'ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        // Pill — inline rounded button. Visible label is the brand\n        // affordance text; glyph sits leading.\n        pill: 'ds:rounded-[var(--radius-full)] ds:gap-[var(--spacing-xs)]',\n        // FAB — circular floating action button. Glyph only; the\n        // label resolves into `aria-label`.\n        fab: [\n          'ds:rounded-full ds:shadow-[var(--shadow-lg)]',\n          'ds:hover:shadow-[var(--shadow-xl)] ds:active:shadow-[var(--shadow-md)]',\n        ].join(' '),\n      },\n      size: {\n        sm: '',\n        md: '',\n        lg: '',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'pill',\n        size: 'sm',\n        class:\n          'ds:h-9 ds:ps-3 ds:pe-3.5 ds:text-[length:var(--font-size-sm)] ds:[&_svg]:size-4 ds:min-h-[var(--min-target-size)] ds:sm:min-h-0 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n      },\n      {\n        variant: 'pill',\n        size: 'md',\n        class:\n          'ds:h-10 ds:ps-4 ds:pe-5 ds:text-[length:var(--font-size-base)] ds:[&_svg]:size-5',\n      },\n      {\n        variant: 'pill',\n        size: 'lg',\n        class:\n          'ds:h-12 ds:ps-5 ds:pe-6 ds:text-[length:var(--font-size-lg)] ds:[&_svg]:size-6',\n      },\n      // FAB — fixed square dimensions; the `sm` case mirrors the\n      // FloatingActionButton's pseudo-target expansion below the\n      // `sm:` breakpoint so a 40px circle still hits 44/48 px on\n      // mobile.\n      {\n        variant: 'fab',\n        size: 'sm',\n        class:\n          'ds:h-10 ds:w-10 ds:[&_svg]:size-5 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n      },\n      {\n        variant: 'fab',\n        size: 'md',\n        class: 'ds:h-14 ds:w-14 ds:[&_svg]:size-7',\n      },\n      {\n        variant: 'fab',\n        size: 'lg',\n        class: 'ds:h-16 ds:w-16 ds:[&_svg]:size-8',\n      },\n    ],\n    defaultVariants: {\n      variant: 'pill',\n      size: 'md',\n    },\n  },\n);\n\nconst positionVariants = cva('', {\n  variants: {\n    position: {\n      // `relative` so the `::before` pseudo touch-target (defined in\n      // the `pill sm` / `fab sm` compound variants) anchors to the\n      // button's box. The fixed-positioning variants below don't need\n      // this — `position: fixed` is itself a positioning context for\n      // descendants and pseudo-elements.\n      static: 'ds:relative',\n      'bottom-end':\n        'ds:fixed ds:z-[var(--z-fixed)] ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))] ds:end-[var(--spacing-lg)]',\n      'bottom-start':\n        'ds:fixed ds:z-[var(--z-fixed)] ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))] ds:start-[var(--spacing-lg)]',\n    },\n  },\n  defaultVariants: { position: 'static' },\n});\n\n/* ------------------------------------------------------------------ */\n/* URL builder                                                          */\n/* ------------------------------------------------------------------ */\n\n/**\n * Build a `wa.me` deep-link from an E.164 phone number and an\n * optional prefilled message. The number is stripped to digits — the\n * `wa.me` host requires digits only (no `+`, no separators).\n *\n * Returns `null` (not an empty `wa.me/` URL) when the input contains\n * no digits — the caller is then responsible for rendering a disabled\n * affordance rather than shipping a broken link. In dev a `console.warn`\n * fires so the typo is visible during development.\n */\nfunction buildWaMeUrl(phoneNumber: string, message?: string): string | null {\n  const digits = phoneNumber.replace(/\\D/g, '');\n  if (digits.length === 0) {\n    if (\n      typeof import.meta !== 'undefined' &&\n      typeof import.meta.env !== 'undefined' &&\n      import.meta.env.DEV === true\n    ) {\n      console.warn(\n        `[WhatsAppButton] phoneNumber \"${phoneNumber}\" contains no digits — ` +\n          `the affordance will render disabled. Pass an E.164 number ` +\n          `(e.g. \"+393331234567\") to fix.`,\n      );\n    }\n    return null;\n  }\n  const base = `https://wa.me/${digits}`;\n  if (!message) return base;\n  return `${base}?text=${encodeURIComponent(message)}`;\n}\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface WhatsAppButtonProps\n  extends\n    Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'children'>,\n    VariantProps<typeof rootVariants>,\n    VariantProps<typeof positionVariants> {\n  /**\n   * Phone number to chat to. E.164 format is recommended\n   * (e.g. `+393331234567`). Any non-digit characters are stripped\n   * before the URL is built — `wa.me` requires digits only.\n   */\n  phoneNumber: string;\n  /**\n   * Optional prefilled message. The receiver sees this in their\n   * compose box. Keep it short and human — long pasted text is the\n   * single most common reason consumers drop the affordance.\n   */\n  message?: string;\n  /**\n   * Override the visible / accessible label. Defaults to\n   * `t('whatsApp.label')` for the pill variant and\n   * `t('whatsApp.fabLabel')` for the FAB.\n   */\n  label?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* WhatsAppButton                                                       */\n/* ------------------------------------------------------------------ */\n\nexport const WhatsAppButton = forwardRef<\n  HTMLAnchorElement,\n  WhatsAppButtonProps\n>(\n  (\n    {\n      phoneNumber,\n      message,\n      variant = 'pill',\n      size = 'md',\n      position,\n      label,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const href = useMemo(\n      () => buildWaMeUrl(phoneNumber, message),\n      [phoneNumber, message],\n    );\n    const resolvedLabel =\n      label ??\n      (variant === 'fab' ? t('whatsApp.fabLabel') : t('whatsApp.label'));\n\n    const composedClassName = [\n      rootVariants({ variant, size }),\n      positionVariants({ position }),\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    // When the input has no digits, render an `aria-disabled` anchor\n    // with the same chrome but no `href` — assistive tech announces the\n    // disabled state and click does nothing. `buildWaMeUrl` already\n    // emitted a dev-mode warning above. `target` / `rel` are stripped\n    // too because they're meaningless without `href`.\n    const isDisabled = href === null;\n    const commonAnchorProps = {\n      ref,\n      ...(isDisabled\n        ? {}\n        : {\n            href: href as string,\n            target: '_blank' as const,\n            rel: 'noopener noreferrer' as const,\n          }),\n      'aria-disabled': isDisabled ? true : undefined,\n      'data-component': 'whatsapp-button' as const,\n      'data-variant': variant,\n      onClick: (event: React.MouseEvent<HTMLAnchorElement>) => {\n        if (isDisabled) event.preventDefault();\n        rest.onClick?.(event);\n      },\n      className: composedClassName,\n    };\n\n    // Screen-reader cue for the new-tab behaviour. WCAG 3.2.5 / G201:\n    // user-initiated link openings to a new context should be\n    // announced. Reused `link.opensInNewTab` from the kit's `ui` ns —\n    // single source of truth across every external-link affordance.\n    const opensInNewTabSrText = isDisabled\n      ? null\n      : t('link.opensInNewTab', 'Opens in a new tab');\n\n    if (variant === 'fab') {\n      // FAB — circular, glyph-only. The accessible name lives on the\n      // anchor's `aria-label` (resolved label). No visible caption,\n      // which is exactly what the redesign fixes vs. the legacy\n      // green-circle-with-loose-text affordance.\n      const fabAriaLabel =\n        typeof resolvedLabel === 'string'\n          ? opensInNewTabSrText\n            ? `${resolvedLabel} — ${opensInNewTabSrText}`\n            : resolvedLabel\n          : undefined;\n      return (\n        <a {...rest} {...commonAnchorProps} aria-label={fabAriaLabel}>\n          <WhatsAppGlyph />\n          {typeof resolvedLabel !== 'string' ? (\n            <span className=\"ds:sr-only\">\n              {resolvedLabel}\n              {opensInNewTabSrText ? ` — ${opensInNewTabSrText}` : null}\n            </span>\n          ) : null}\n        </a>\n      );\n    }\n\n    return (\n      <a {...rest} {...commonAnchorProps}>\n        <WhatsAppGlyph />\n        <span>{resolvedLabel}</span>\n        {opensInNewTabSrText ? (\n          <span className=\"ds:sr-only\"> — {opensInNewTabSrText}</span>\n        ) : null}\n      </a>\n    );\n  },\n);\nWhatsAppButton.displayName = 'WhatsAppButton';\n"],"names":["WhatsAppGlyph","className","jsx","rootVariants","cva","positionVariants","buildWaMeUrl","phoneNumber","message","digits","base","WhatsAppButton","forwardRef","variant","size","position","label","rest","ref","t","useTranslation","href","useMemo","resolvedLabel","composedClassName","isDisabled","commonAnchorProps","event","_a","opensInNewTabSrText","fabAriaLabel","jsxs"],"mappings":"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"}
+{"version":3,"file":"whatsapp-button-DUjlWGKf.js","sources":["../../src/components/whatsapp-button/whatsapp-button.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* WhatsAppButton — kit-tokened Click-to-Chat affordance.               */\n/*                                                                      */\n/* Replaces the booking website's loose green-circle-with-caption       */\n/* combo (see HTP screenshot in the rebrand discussion) with a single   */\n/* well-anchored affordance. Two variants:                              */\n/*                                                                      */\n/*   - `pill`  — inline rounded button, brand green + white glyph +     */\n/*               label. Drops anywhere in card / header chrome.         */\n/*   - `fab`   — circular floating action button, glyph only,           */\n/*               persistently anchored in the page corner. Carries an   */\n/*               `aria-label` so the SR announcement is \"Open WhatsApp  */\n/*               chat\" without rendering a loose visible caption.       */\n/*                                                                      */\n/* WhatsApp brand guidance requires the canonical #25D366 surface and   */\n/* the official phone-bubble glyph — those live in `--brand-whatsapp`   */\n/* tokens (added under `src/tokens/index.css`) so all four themes can   */\n/* shift the green for accessible contrast without bleeding the brand   */\n/* requirement into component code.                                     */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useMemo,\n  type AnchorHTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ */\n/* WhatsApp glyph                                                       */\n/*                                                                      */\n/* Inlined SVG — no external icon dep. The path matches WhatsApp's      */\n/* official brand mark (speech bubble + phone). `currentColor` lets     */\n/* the kit's `--brand-whatsapp-foreground` paint the glyph from a       */\n/* single CVA class, so accessible-theme shifts apply without code.     */\n/* ------------------------------------------------------------------ */\n\nfunction WhatsAppGlyph({ className }: { className?: string }): ReactNode {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n    >\n      <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.149-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.71.306 1.263.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z\" />\n    </svg>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst rootVariants = cva(\n  [\n    // `position` is provided by `positionVariants` below — `static`\n    // sets `ds:relative` (so the pseudo-element touch-target anchors),\n    // `bottom-end` / `bottom-start` set `ds:fixed`. Keeping `relative`\n    // off the base avoids the cascade conflict that made `position:\n    // relative` win against `position: fixed` in the compiled CSS\n    // (booking-website was patching with `style={{position:'fixed'}}`).\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:font-medium ds:whitespace-nowrap',\n    'ds:bg-[var(--brand-whatsapp)] ds:text-[var(--brand-whatsapp-foreground)]',\n    'ds:hover:bg-[var(--brand-whatsapp-hover)]',\n    'ds:active:opacity-90',\n    'ds:transition-[background-color,box-shadow,opacity]',\n    'ds:duration-[var(--animation-duration)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    // Focus ring colour is `var(--ring)` (= `--primary` in light, ditto\n    // through theme cascade) — NOT `--brand-whatsapp`. Painting the\n    // ring brand-green on a brand-green surface makes it invisible.\n    'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    // Under Windows High Contrast Mode the bg + shadow are stripped;\n    // repaint a solid border + swap the focus ring to CanvasText so\n    // the affordance stays identifiable.\n    'ds:forced-colors:border ds:forced-colors:border-[ButtonBorder]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n    'ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        // Pill — inline rounded button. Visible label is the brand\n        // affordance text; glyph sits leading.\n        pill: 'ds:rounded-[var(--radius-full)] ds:gap-[var(--spacing-xs)]',\n        // FAB — circular floating action button. Glyph only; the\n        // label resolves into `aria-label`.\n        fab: [\n          'ds:rounded-full ds:shadow-[var(--shadow-lg)]',\n          'ds:hover:shadow-[var(--shadow-xl)] ds:active:shadow-[var(--shadow-md)]',\n        ].join(' '),\n      },\n      size: {\n        sm: '',\n        md: '',\n        lg: '',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'pill',\n        size: 'sm',\n        class:\n          'ds:h-9 ds:ps-3 ds:pe-3.5 ds:text-[length:var(--font-size-sm)] ds:[&_svg]:size-4 ds:min-h-[var(--min-target-size)] ds:sm:min-h-0 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n      },\n      {\n        variant: 'pill',\n        size: 'md',\n        class:\n          'ds:h-10 ds:ps-4 ds:pe-5 ds:text-[length:var(--font-size-base)] ds:[&_svg]:size-5',\n      },\n      {\n        variant: 'pill',\n        size: 'lg',\n        class:\n          'ds:h-12 ds:ps-5 ds:pe-6 ds:text-[length:var(--font-size-lg)] ds:[&_svg]:size-6',\n      },\n      // FAB — fixed square dimensions; the `sm` case mirrors the\n      // FloatingActionButton's pseudo-target expansion below the\n      // `sm:` breakpoint so a 40px circle still hits 44/48 px on\n      // mobile.\n      {\n        variant: 'fab',\n        size: 'sm',\n        class:\n          'ds:h-10 ds:w-10 ds:[&_svg]:size-5 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n      },\n      {\n        variant: 'fab',\n        size: 'md',\n        class: 'ds:h-14 ds:w-14 ds:[&_svg]:size-7',\n      },\n      {\n        variant: 'fab',\n        size: 'lg',\n        class: 'ds:h-16 ds:w-16 ds:[&_svg]:size-8',\n      },\n    ],\n    defaultVariants: {\n      variant: 'pill',\n      size: 'md',\n    },\n  },\n);\n\nconst positionVariants = cva('', {\n  variants: {\n    position: {\n      // `relative` so the `::before` pseudo touch-target (defined in\n      // the `pill sm` / `fab sm` compound variants) anchors to the\n      // button's box. The fixed-positioning variants below don't need\n      // this — `position: fixed` is itself a positioning context for\n      // descendants and pseudo-elements.\n      static: 'ds:relative',\n      'bottom-end':\n        'ds:fixed ds:z-[var(--z-fixed)] ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))] ds:end-[var(--spacing-lg)]',\n      'bottom-start':\n        'ds:fixed ds:z-[var(--z-fixed)] ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))] ds:start-[var(--spacing-lg)]',\n    },\n  },\n  defaultVariants: { position: 'static' },\n});\n\n/* ------------------------------------------------------------------ */\n/* URL builder                                                          */\n/* ------------------------------------------------------------------ */\n\n/**\n * Build a `wa.me` deep-link from an E.164 phone number and an\n * optional prefilled message. The number is stripped to digits — the\n * `wa.me` host requires digits only (no `+`, no separators).\n *\n * Returns `null` (not an empty `wa.me/` URL) when the input contains\n * no digits — the caller is then responsible for rendering a disabled\n * affordance rather than shipping a broken link. In dev a `console.warn`\n * fires so the typo is visible during development.\n */\nfunction buildWaMeUrl(phoneNumber: string, message?: string): string | null {\n  const digits = phoneNumber.replace(/\\D/g, '');\n  if (digits.length === 0) {\n    if (\n      typeof import.meta !== 'undefined' &&\n      typeof import.meta.env !== 'undefined' &&\n      import.meta.env.DEV === true\n    ) {\n      console.warn(\n        `[WhatsAppButton] phoneNumber \"${phoneNumber}\" contains no digits — ` +\n          `the affordance will render disabled. Pass an E.164 number ` +\n          `(e.g. \"+393331234567\") to fix.`,\n      );\n    }\n    return null;\n  }\n  const base = `https://wa.me/${digits}`;\n  if (!message) return base;\n  return `${base}?text=${encodeURIComponent(message)}`;\n}\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface WhatsAppButtonProps\n  extends\n    Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'children'>,\n    VariantProps<typeof rootVariants>,\n    VariantProps<typeof positionVariants> {\n  /**\n   * Phone number to chat to. E.164 format is recommended\n   * (e.g. `+393331234567`). Any non-digit characters are stripped\n   * before the URL is built — `wa.me` requires digits only.\n   */\n  phoneNumber: string;\n  /**\n   * Optional prefilled message. The receiver sees this in their\n   * compose box. Keep it short and human — long pasted text is the\n   * single most common reason consumers drop the affordance.\n   */\n  message?: string;\n  /**\n   * Override the visible / accessible label. Defaults to\n   * `t('whatsApp.label')` (or `t('whatsApp.questionPrompt')` when\n   * `tone=\"question\"`) for the pill variant, and\n   * `t('whatsApp.fabLabel')` for the FAB.\n   */\n  label?: ReactNode;\n  /**\n   * Copy tone for the pill variant.\n   * - `standard` (default) — brief \"Chat on WhatsApp\" affordance.\n   * - `question` — invitational \"Have questions? Chat on WhatsApp\"\n   *   copy. Routes through `t('whatsApp.questionPrompt')`. Use on\n   *   public-facing surfaces (booking pages, marketing) where the\n   *   button is the only prompt encouraging engagement.\n   *\n   * Ignored for `variant=\"fab\"` — the floating action button is\n   * glyph-only and its `aria-label` stays concise via `fabLabel`.\n   */\n  tone?: 'standard' | 'question';\n}\n\n/* ------------------------------------------------------------------ */\n/* WhatsAppButton                                                       */\n/* ------------------------------------------------------------------ */\n\nexport const WhatsAppButton = forwardRef<\n  HTMLAnchorElement,\n  WhatsAppButtonProps\n>(\n  (\n    {\n      phoneNumber,\n      message,\n      variant = 'pill',\n      size = 'md',\n      position,\n      label,\n      tone = 'standard',\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const href = useMemo(\n      () => buildWaMeUrl(phoneNumber, message),\n      [phoneNumber, message],\n    );\n    // Default-label cascade:\n    //   FAB                  → `whatsApp.fabLabel`        (always concise)\n    //   pill, tone=question  → `whatsApp.questionPrompt`  (invitational)\n    //   pill, tone=standard  → `whatsApp.label`           (default)\n    // Consumer's `label` prop overrides any of the above.\n    const defaultLabelKey =\n      variant === 'fab'\n        ? 'whatsApp.fabLabel'\n        : tone === 'question'\n          ? 'whatsApp.questionPrompt'\n          : 'whatsApp.label';\n    const resolvedLabel = label ?? t(defaultLabelKey);\n\n    const composedClassName = [\n      rootVariants({ variant, size }),\n      positionVariants({ position }),\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    // When the input has no digits, render an `aria-disabled` anchor\n    // with the same chrome but no `href` — assistive tech announces the\n    // disabled state and click does nothing. `buildWaMeUrl` already\n    // emitted a dev-mode warning above. `target` / `rel` are stripped\n    // too because they're meaningless without `href`.\n    const isDisabled = href === null;\n    const commonAnchorProps = {\n      ref,\n      ...(isDisabled\n        ? {}\n        : {\n            href: href as string,\n            target: '_blank' as const,\n            rel: 'noopener noreferrer' as const,\n          }),\n      'aria-disabled': isDisabled ? true : undefined,\n      'data-component': 'whatsapp-button' as const,\n      'data-variant': variant,\n      onClick: (event: React.MouseEvent<HTMLAnchorElement>) => {\n        if (isDisabled) event.preventDefault();\n        rest.onClick?.(event);\n      },\n      className: composedClassName,\n    };\n\n    // Screen-reader cue for the new-tab behaviour. WCAG 3.2.5 / G201:\n    // user-initiated link openings to a new context should be\n    // announced. Reused `link.opensInNewTab` from the kit's `ui` ns —\n    // single source of truth across every external-link affordance.\n    const opensInNewTabSrText = isDisabled\n      ? null\n      : t('link.opensInNewTab', 'Opens in a new tab');\n\n    if (variant === 'fab') {\n      // FAB — circular, glyph-only. The accessible name lives on the\n      // anchor's `aria-label` (resolved label). No visible caption,\n      // which is exactly what the redesign fixes vs. the legacy\n      // green-circle-with-loose-text affordance.\n      const fabAriaLabel =\n        typeof resolvedLabel === 'string'\n          ? opensInNewTabSrText\n            ? `${resolvedLabel} — ${opensInNewTabSrText}`\n            : resolvedLabel\n          : undefined;\n      return (\n        <a {...rest} {...commonAnchorProps} aria-label={fabAriaLabel}>\n          <WhatsAppGlyph />\n          {typeof resolvedLabel !== 'string' ? (\n            <span className=\"ds:sr-only\">\n              {resolvedLabel}\n              {opensInNewTabSrText ? ` — ${opensInNewTabSrText}` : null}\n            </span>\n          ) : null}\n        </a>\n      );\n    }\n\n    return (\n      <a {...rest} {...commonAnchorProps}>\n        <WhatsAppGlyph />\n        <span>{resolvedLabel}</span>\n        {opensInNewTabSrText ? (\n          <span className=\"ds:sr-only\"> — {opensInNewTabSrText}</span>\n        ) : null}\n      </a>\n    );\n  },\n);\nWhatsAppButton.displayName = 'WhatsAppButton';\n"],"names":["WhatsAppGlyph","className","jsx","rootVariants","cva","positionVariants","buildWaMeUrl","phoneNumber","message","digits","base","WhatsAppButton","forwardRef","variant","size","position","label","tone","rest","ref","t","useTranslation","href","useMemo","resolvedLabel","composedClassName","isDisabled","commonAnchorProps","event","_a","opensInNewTabSrText","fabAriaLabel","jsxs"],"mappings":"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"}

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.21.0",
+  "packageVersion": "0.24.0",
   "components": [
     {
       "kind": "component",
@@ -1617,6 +1617,41 @@
         }
       }
     },
+    {
+      "kind": "component",
+      "id": "header-settings",
+      "capabilities": [
+        "view_change"
+      ],
+      "state": [],
+      "actions": [
+        {
+          "name": "set_locale",
+          "safety": "write",
+          "argsType": "{ locale: string }",
+          "description": "Switch the active locale to the given IETF tag."
+        },
+        {
+          "name": "set_theme",
+          "safety": "write",
+          "argsType": "{ theme: \"light\" | \"dark\" | \"system\" }",
+          "description": "Switch the theme preference."
+        },
+        {
+          "name": "set_accessibility",
+          "safety": "write",
+          "argsType": "{ accessibility: \"default\" | \"accessible\" }",
+          "description": "Switch the accessibility preference."
+        }
+      ],
+      "domHooks": {
+        "root": {
+          "attr": "data-component",
+          "value": "header-settings",
+          "description": "Marks the HeaderSettings wrapper."
+        }
+      }
+    },
     {
       "kind": "component",
       "id": "icon-button",
@@ -1747,6 +1782,29 @@
         }
       }
     },
+    {
+      "kind": "component",
+      "id": "locale-picker",
+      "capabilities": [
+        "view_change"
+      ],
+      "state": [],
+      "actions": [
+        {
+          "name": "set_locale",
+          "safety": "write",
+          "argsType": "{ locale: string }",
+          "description": "Switch the active locale to the given IETF tag."
+        }
+      ],
+      "domHooks": {
+        "root": {
+          "attr": "data-component",
+          "value": "locale-picker",
+          "description": "Marks the LocalePicker wrapper."
+        }
+      }
+    },
     {
       "kind": "component",
       "id": "logo",

package/dist/components/autocomplete/autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/autocomplete/autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAYL,KAAK,GAAG,EACR,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAMlE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAgBrD,QAAA,MAAM,oBAAoB;;;8EAazB,CAAC;AA+DF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,EAAE,MAAM,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,OAAO,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAMD,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAE1D,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,IAAI,CACxE,QAAQ,EACR,MAAM,GAAG,MAAM,CAChB;IACC,WAAW,EAAE,CACX,KAAK,EAAE,MAAM,EACb,IAAI,EAAE;QAAE,MAAM,EAAE,WAAW,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAC1C,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAE5C,OAAO,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAElD,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA2fD,UAAU,qBAAqB;IAC7B,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EACxB,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;KAAE,GAC5D,YAAY,GAAG,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EACQ,qBAAqB,CAAC;AAGvD,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/autocomplete/autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAYL,KAAK,GAAG,EACR,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAMlE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAgBrD,QAAA,MAAM,oBAAoB;;;8EAazB,CAAC;AA+DF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,EAAE,MAAM,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,OAAO,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAMD,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAE1D,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,IAAI,CACxE,QAAQ,EACR,MAAM,GAAG,MAAM,CAChB;IACC,WAAW,EAAE,CACX,KAAK,EAAE,MAAM,EACb,IAAI,EAAE;QAAE,MAAM,EAAE,WAAW,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAC1C,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAE5C,OAAO,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAElD,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAigBD,UAAU,qBAAqB;IAC7B,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EACxB,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;KAAE,GAC5D,YAAY,GAAG,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EACQ,qBAAqB,CAAC;AAGvD,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/autocomplete/index.js

@@ -1,4 +1,4 @@
-import { A as e, a as o, b as m } from "../../_chunks/autocomplete-BxfabhZ8.js";
+import { A as e, a as o, b as m } from "../../_chunks/autocomplete-C7xq06bP.js";
 export {
   e as Autocomplete,
   o as autocompleteAgent,

package/dist/components/data-table/data-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/data-table.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/data-table.tsx"],"names":[],"mappings":"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"}

package/dist/components/data-table/filters/number-filter.d.ts

@@ -0,0 +1,56 @@
+import type { CustomFilterProps, CustomFloatingFilterProps } from 'ag-grid-react';
+import type { IFilter } from 'ag-grid-community';
+/**
+ * Custom AG Grid filter component for numeric columns. AG Grid Community's
+ * built-in `agNumberColumnFilter` paints a stock browser-skinned
+ * `<input type="number">` that does not match the kit's form language —
+ * this wraps the DS `<NumberInput>` + `<Select>` so totals, prices,
+ * quantities, etc. line up visually with neighbouring DS-styled cells.
+ *
+ * Wire on a colDef:
+ * ```tsx
+ * {
+ *   field: 'total',
+ *   filter: NumberFilter,
+ *   floatingFilterComponent: NumberFloatingFilter,
+ *   filterParams: { defaultOperator: 'greaterThan', min: 0 },
+ * }
+ * ```
+ *
+ * The full-popover variant exposes the operator dropdown (equals,
+ * greaterThan, inRange, blank, …); the floating-filter row is a single
+ * compact input whose operator is fixed to `defaultOperator`. Both speak
+ * the same `NumberFilterModel` so server-side adapters can read either.
+ *
+ * Model shape `{ type, filter, filterTo? }` matches AG Grid's own
+ * `agNumberColumnFilter` vocabulary so adapters can interchange.
+ */
+export type NumberFilterOperator = 'equals' | 'notEqual' | 'greaterThan' | 'greaterThanOrEqual' | 'lessThan' | 'lessThanOrEqual' | 'inRange' | 'blank' | 'notBlank';
+export interface NumberFilterModel {
+    type: NumberFilterOperator;
+    filter: number;
+    filterTo?: number;
+}
+export interface NumberFilterParams {
+    defaultOperator?: NumberFilterOperator;
+    min?: number;
+    max?: number;
+    step?: number;
+    placeholder?: string;
+}
+export declare function NumberFilter(props: CustomFilterProps<unknown, unknown, NumberFilterModel> & NumberFilterParams): import("react/jsx-runtime").JSX.Element;
+/**
+ * Floating-filter companion for `NumberFilter`.
+ *
+ * Renders the kit's `<NumberInput>` directly as the inline filter input
+ * with a fixed operator (`defaultOperator`, or `'equals'`). The operator
+ * dropdown lives only in the full popover — the floating-filter row is
+ * deliberately compact, matching the way `agNumberColumnFilter` ships
+ * with AG Grid Community.
+ *
+ * Debounced commit at 200 ms so each keystroke does not re-run the grid
+ * filter. Empty input or invalid number commits `null` so the column
+ * reverts to "no filter" rather than `filter: NaN`.
+ */
+export declare function NumberFloatingFilter(props: CustomFloatingFilterProps<IFilter, unknown, unknown, NumberFilterModel>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=number-filter.d.ts.map

package/dist/components/data-table/filters/number-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-filter.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/filters/number-filter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,iBAAiB,EACjB,yBAAyB,EAC1B,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAMjD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,UAAU,GACV,aAAa,GACb,oBAAoB,GACpB,UAAU,GACV,iBAAiB,GACjB,SAAS,GACT,OAAO,GACP,UAAU,CAAC;AAEf,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,kBAAkB;IACjC,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA8DD,wBAAgB,YAAY,CAC1B,KAAK,EAAE,iBAAiB,CAAC,OAAO,EAAE,OAAO,EAAE,iBAAiB,CAAC,GAC3D,kBAAkB,2CAyJrB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,yBAAyB,CAC9B,OAAO,EACP,OAAO,EACP,OAAO,EACP,iBAAiB,CAClB,2CAqDF"}

package/dist/components/data-table/filters/text-filter.d.ts

@@ -0,0 +1,49 @@
+import type { CustomFilterProps, CustomFloatingFilterProps } from 'ag-grid-react';
+import type { IFilter } from 'ag-grid-community';
+/**
+ * Custom AG Grid filter component — text-comparison filter.
+ *
+ * Fills the gap left by `agTextColumnFilter`'s stock browser-skinned
+ * input by wrapping the kit's `<TextInput>` and `<Select>` so the
+ * column-header menu (`TextFilter`) and the inline floating row
+ * (`TextFloatingFilter`) match the DS form language.
+ *
+ * Wire on a colDef:
+ * ```tsx
+ * {
+ *   field: 'description',
+ *   filter: TextFilter,
+ *   floatingFilter: true,
+ *   floatingFilterComponent: TextFloatingFilter,
+ *   filterParams: { defaultOperator: 'contains' },
+ * }
+ * ```
+ *
+ * Model shape `{ type, filter }` mirrors AG Grid's `agTextColumnFilter`
+ * text-operator vocabulary (`contains`, `equals`, `startsWith`,
+ * `endsWith`, `notContains`) so server-side adapters that already
+ * understand the stock filter can read this one identically.
+ */
+export type TextFilterOperator = 'contains' | 'equals' | 'startsWith' | 'endsWith' | 'notContains';
+export interface TextFilterModel {
+    type: TextFilterOperator;
+    filter: string;
+}
+export interface TextFilterParams {
+    placeholder?: string;
+    defaultOperator?: TextFilterOperator;
+}
+export declare function TextFilter(props: CustomFilterProps<unknown, unknown, TextFilterModel> & TextFilterParams): import("react/jsx-runtime").JSX.Element;
+/**
+ * Floating-filter companion for `TextFilter`.
+ *
+ * Renders a `<TextInput size="sm">` directly as the inline floating
+ * filter — leading search icon, optional trailing clear button, fixed
+ * operator (the popover version owns operator selection so the inline
+ * row stays compact).
+ *
+ * Commits debounce at 200ms; empty input commits `null` so the grid
+ * stops filtering as soon as the field is blank.
+ */
+export declare function TextFloatingFilter(props: CustomFloatingFilterProps<IFilter, unknown, unknown, TextFilterModel>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=text-filter.d.ts.map

package/dist/components/data-table/filters/text-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-filter.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/filters/text-filter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,iBAAiB,EACjB,yBAAyB,EAC1B,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAQjD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,MAAM,MAAM,kBAAkB,GAC1B,UAAU,GACV,QAAQ,GACR,YAAY,GACZ,UAAU,GACV,aAAa,CAAC;AAElB,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,kBAAkB,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,kBAAkB,CAAC;CACtC;AAuDD,wBAAgB,UAAU,CACxB,KAAK,EAAE,iBAAiB,CAAC,OAAO,EAAE,OAAO,EAAE,eAAe,CAAC,GACzD,gBAAgB,2CA0GnB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,yBAAyB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,CAAC,2CAoE7E"}

package/dist/components/data-table/index.d.ts

@@ -10,6 +10,10 @@ export { SelectFilter, SelectFloatingFilter } from './filters/select-filter';
 export type { SelectFilterModel, SelectFilterOption, SelectFilterParams, } from './filters/select-filter';
 export { TypeaheadFilter, TypeaheadFloatingFilter, } from './filters/typeahead-filter';
 export type { TypeaheadFilterModel, TypeaheadFilterOption, TypeaheadFilterParams, } from './filters/typeahead-filter';
+export { TextFilter, TextFloatingFilter } from './filters/text-filter';
+export type { TextFilterModel, TextFilterOperator, TextFilterParams, } from './filters/text-filter';
+export { NumberFilter, NumberFloatingFilter } from './filters/number-filter';
+export type { NumberFilterModel, NumberFilterOperator, NumberFilterParams, } from './filters/number-filter';
 export { StatusCellRenderer } from './cell-renderers/status-cell-renderer';
 export type { BadgeVariant, StatusCellRendererParams, } from './cell-renderers/status-cell-renderer';
 export { UserCellRenderer } from './cell-renderers/user-cell-renderer';

package/dist/components/data-table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EACV,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AACvE,YAAY,EACV,oBAAoB,EACpB,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,mBAAmB,GACpB,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,OAAO,EACL,eAAe,EACf,uBAAuB,GACxB,MAAM,6BAA6B,CAAC;AACrC,YAAY,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC7E,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,eAAe,EACf,uBAAuB,GACxB,MAAM,4BAA4B,CAAC;AACpC,YAAY,EACV,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC3E,YAAY,EACV,YAAY,EACZ,wBAAwB,GACzB,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,YAAY,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,YAAY,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAEpF,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAC9E,YAAY,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAEzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,YAAY,EACV,cAAc,EACd,sBAAsB,GACvB,MAAM,qCAAqC,CAAC;AAE7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,YAAY,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAE1F,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,YAAY,EACV,SAAS,EACT,yBAAyB,GAC1B,MAAM,wCAAwC,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,YAAY,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAElF,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC3E,YAAY,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AAEtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,YAAY,EAAE,0BAA0B,EAAE,MAAM,0CAA0C,CAAC;AAE3F,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,YAAY,EACV,WAAW,EACX,yBAAyB,GAC1B,MAAM,wCAAwC,CAAC;AAEhD,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,4BAA4B,EAAE,MAAM,kDAAkD,CAAC;AAChG,YAAY,EAAE,gCAAgC,EAAE,MAAM,kDAAkD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/index.ts"],"names":[],"mappings":"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"}

package/dist/components/data-table/index.js

@@ -1,29 +1,33 @@
-import { A as l, B as r, C as s, a as t, D as n, b as d, c as o, d as C, E as i, e as R, I as g, L as T, S as F, f as b, g as c, T as u, h as D, i as f, j as p, k as y, l as E, U as S, m as h, n as m, u as x } from "../../_chunks/editable-currency-cell-renderer-1t42gENX.js";
+import { A as l, B as r, C as t, a as s, D as n, b as d, c as i, d as o, E as C, e as R, I as F, L as g, N as T, f as b, S as u, g as c, h as D, T as m, i as p, j as x, k as f, l as y, m as E, n as S, o as h, U as A, p as L, q as N, u as k } from "../../_chunks/editable-currency-cell-renderer-DJB5MxAI.js";
 export {
   l as ActionsCellRenderer,
   r as BalanceCellRenderer,
-  s as ColorDotCellRenderer,
-  t as CurrencyCellRenderer,
+  t as ColorDotCellRenderer,
+  s as CurrencyCellRenderer,
   n as DataTable,
   d as DateCellRenderer,
-  o as DateRangeFilter,
-  C as DateRangeFloatingFilter,
-  i as EditableCurrencyCellRenderer,
+  i as DateRangeFilter,
+  o as DateRangeFloatingFilter,
+  C as EditableCurrencyCellRenderer,
   R as EditableTextCellRenderer,
-  g as ImageCellRenderer,
-  T as LinkCellRenderer,
-  F as SelectFilter,
-  b as SelectFloatingFilter,
-  c as StatusCellRenderer,
-  u as TagListCellRenderer,
-  D as ToggleCellRenderer,
-  f as Toolbar,
-  p as ToolbarProvider,
-  y as TypeaheadFilter,
-  E as TypeaheadFloatingFilter,
-  S as UserCellRenderer,
-  h as dataTableAgent,
-  m as defaultExportPdf,
-  x as useTotalRow
+  F as ImageCellRenderer,
+  g as LinkCellRenderer,
+  T as NumberFilter,
+  b as NumberFloatingFilter,
+  u as SelectFilter,
+  c as SelectFloatingFilter,
+  D as StatusCellRenderer,
+  m as TagListCellRenderer,
+  p as TextFilter,
+  x as TextFloatingFilter,
+  f as ToggleCellRenderer,
+  y as Toolbar,
+  E as ToolbarProvider,
+  S as TypeaheadFilter,
+  h as TypeaheadFloatingFilter,
+  A as UserCellRenderer,
+  L as dataTableAgent,
+  N as defaultExportPdf,
+  k as useTotalRow
 };
 //# sourceMappingURL=index.js.map