@alfadocs/ui-kit 0.1.1 → 0.1.3

package/dist/_chunks/{skeleton-ClO1v5GE.js → skeleton-DAdPFx9d.js}

@@ -48,30 +48,31 @@ const z = f(
   ({
     variant: c = "text",
     size: u = "md",
-    lines: s,
-    width: a,
+    lines: a,
+    width: s,
     height: e,
     animate: m = !0,
     className: d,
-    ...i
-  }, n) => {
-    const o = a !== void 0 || e !== void 0 ? { ...a !== void 0 && { width: a }, ...e !== void 0 && { height: e } } : void 0, t = [
+    ...n
+  }, o) => {
+    const t = s !== void 0 || e !== void 0 ? { ...s !== void 0 && { width: s }, ...e !== void 0 && { height: e } } : void 0, i = [
       z({ variant: c, size: u }),
       m && x
     ].filter(Boolean).join(" ");
-    return s !== void 0 && s > 1 ? /* @__PURE__ */ r(
+    return a !== void 0 && a > 1 ? /* @__PURE__ */ r(
       "div",
       {
-        ref: n,
+        ref: o,
         "aria-hidden": "true",
+        "data-component": "skeleton",
         className: ["ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", d].filter(Boolean).join(" "),
-        style: o,
-        ...i,
-        children: Array.from({ length: s }, (h, l) => /* @__PURE__ */ r(
+        style: t,
+        ...n,
+        children: Array.from({ length: a }, (h, l) => /* @__PURE__ */ r(
           "div",
           {
             "aria-hidden": "true",
-            className: [t, l === s - 1 && "ds:w-3/5"].filter(Boolean).join(" ")
+            className: [i, l === a - 1 && "ds:w-3/5"].filter(Boolean).join(" ")
           },
           `skeleton-line-${l}`
         ))
@@ -79,11 +80,12 @@ const z = f(
     ) : /* @__PURE__ */ r(
       "div",
       {
-        ref: n,
+        ref: o,
         "aria-hidden": "true",
-        className: [t, d].filter(Boolean).join(" "),
-        style: o,
-        ...i
+        "data-component": "skeleton",
+        className: [i, d].filter(Boolean).join(" "),
+        style: t,
+        ...n
       }
     );
   }
@@ -92,4 +94,4 @@ g.displayName = "Skeleton";
 export {
   g as S
 };
-//# sourceMappingURL=skeleton-ClO1v5GE.js.map
+//# sourceMappingURL=skeleton-DAdPFx9d.js.map

package/dist/_chunks/{skeleton-ClO1v5GE.js.map → skeleton-DAdPFx9d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"skeleton-ClO1v5GE.js","sources":["../../src/components/skeleton/skeleton.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst skeletonVariants = cva(\n  [\n    'ds:bg-[var(--muted)]',\n    'ds:motion-reduce:animate-none',\n    'ds:forced-colors:bg-[GrayText]',\n    'ds:forced-colors:outline',\n    'ds:forced-colors:outline-1',\n    'ds:forced-colors:outline-[CanvasText]',\n    'ds:forced-colors:animate-none',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        text: 'ds:rounded-[var(--radius-sm)] ds:w-full',\n        circular: 'ds:rounded-[var(--radius-full)] ds:aspect-square ds:shrink-0',\n        rectangular: 'ds:rounded-none',\n        rounded: 'ds:rounded-[var(--radius-md)]',\n      },\n      size: {\n        sm: '',\n        md: '',\n        lg: '',\n      },\n    },\n    compoundVariants: [\n      { variant: 'text', size: 'sm', class: 'ds:h-3' },\n      { variant: 'text', size: 'md', class: 'ds:h-4' },\n      { variant: 'text', size: 'lg', class: 'ds:h-5' },\n      { variant: 'circular', size: 'sm', class: 'ds:h-8 ds:w-8' },\n      { variant: 'circular', size: 'md', class: 'ds:h-10 ds:w-10' },\n      { variant: 'circular', size: 'lg', class: 'ds:h-12 ds:w-12' },\n      { variant: 'rectangular', size: 'sm', class: 'ds:h-16' },\n      { variant: 'rectangular', size: 'md', class: 'ds:h-24' },\n      { variant: 'rectangular', size: 'lg', class: 'ds:h-40' },\n      { variant: 'rounded', size: 'sm', class: 'ds:h-16' },\n      { variant: 'rounded', size: 'md', class: 'ds:h-24' },\n      { variant: 'rounded', size: 'lg', class: 'ds:h-40' },\n    ],\n    defaultVariants: {\n      variant: 'text',\n      size: 'md',\n    },\n  },\n);\n\nconst ANIMATION_CLASS =\n  'animate-[skeleton-pulse_calc(var(--animation-duration)*8)_ease-in-out_infinite]';\n\nexport interface SkeletonProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'aria-hidden' | 'style'>,\n    VariantProps<typeof skeletonVariants> {\n  variant?: 'text' | 'circular' | 'rectangular' | 'rounded';\n  size?: 'sm' | 'md' | 'lg';\n  /** Number of stacked text lines — only applies when variant='text' */\n  lines?: number;\n  /**\n   * Width override — accepts any CSS value.\n   * Exception to constraint §4: skeleton dimensions are consumer-specified\n   * and cannot be expressed as static Tailwind classes.\n   */\n  width?: string;\n  /**\n   * Height override — accepts any CSS value.\n   * Exception to constraint §4: skeleton dimensions are consumer-specified\n   * and cannot be expressed as static Tailwind classes.\n   */\n  height?: string;\n  /** Whether to animate the pulse */\n  animate?: boolean;\n}\n\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(\n  (\n    {\n      variant = 'text',\n      size = 'md',\n      lines,\n      width,\n      height,\n      animate = true,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    // Exception to constraint §4: width/height are consumer-specified dimensions\n    // that cannot be expressed as static Tailwind classes.\n    const inlineStyle: CSSProperties | undefined =\n      width !== undefined || height !== undefined\n        ? { ...(width !== undefined && { width }), ...(height !== undefined && { height }) }\n        : undefined;\n\n    const atomClass = [\n      skeletonVariants({ variant, size }),\n      animate && ANIMATION_CLASS,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    if (lines !== undefined && lines > 1) {\n      return (\n        <div\n          ref={ref}\n          aria-hidden=\"true\"\n          className={['ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]', className]\n            .filter(Boolean)\n            .join(' ')}\n          style={inlineStyle}\n          {...props}\n        >\n          {Array.from({ length: lines }, (_, i) => (\n            <div\n              key={`skeleton-line-${i}`}\n              aria-hidden=\"true\"\n              className={[atomClass, i === lines - 1 && 'ds:w-3/5']\n                .filter(Boolean)\n                .join(' ')}\n            />\n          ))}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        aria-hidden=\"true\"\n        className={[atomClass, className].filter(Boolean).join(' ')}\n        style={inlineStyle}\n        {...props}\n      />\n    );\n  },\n);\n\nSkeleton.displayName = 'Skeleton';\n"],"names":["skeletonVariants","cva","ANIMATION_CLASS","Skeleton","forwardRef","variant","size","lines","width","height","animate","className","props","ref","inlineStyle","atomClass","jsx","_","i"],"mappings":"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"}
+{"version":3,"file":"skeleton-DAdPFx9d.js","sources":["../../src/components/skeleton/skeleton.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst skeletonVariants = cva(\n  [\n    'ds:bg-[var(--muted)]',\n    'ds:motion-reduce:animate-none',\n    'ds:forced-colors:bg-[GrayText]',\n    'ds:forced-colors:outline',\n    'ds:forced-colors:outline-1',\n    'ds:forced-colors:outline-[CanvasText]',\n    'ds:forced-colors:animate-none',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        text: 'ds:rounded-[var(--radius-sm)] ds:w-full',\n        circular: 'ds:rounded-[var(--radius-full)] ds:aspect-square ds:shrink-0',\n        rectangular: 'ds:rounded-none',\n        rounded: 'ds:rounded-[var(--radius-md)]',\n      },\n      size: {\n        sm: '',\n        md: '',\n        lg: '',\n      },\n    },\n    compoundVariants: [\n      { variant: 'text', size: 'sm', class: 'ds:h-3' },\n      { variant: 'text', size: 'md', class: 'ds:h-4' },\n      { variant: 'text', size: 'lg', class: 'ds:h-5' },\n      { variant: 'circular', size: 'sm', class: 'ds:h-8 ds:w-8' },\n      { variant: 'circular', size: 'md', class: 'ds:h-10 ds:w-10' },\n      { variant: 'circular', size: 'lg', class: 'ds:h-12 ds:w-12' },\n      { variant: 'rectangular', size: 'sm', class: 'ds:h-16' },\n      { variant: 'rectangular', size: 'md', class: 'ds:h-24' },\n      { variant: 'rectangular', size: 'lg', class: 'ds:h-40' },\n      { variant: 'rounded', size: 'sm', class: 'ds:h-16' },\n      { variant: 'rounded', size: 'md', class: 'ds:h-24' },\n      { variant: 'rounded', size: 'lg', class: 'ds:h-40' },\n    ],\n    defaultVariants: {\n      variant: 'text',\n      size: 'md',\n    },\n  },\n);\n\nconst ANIMATION_CLASS =\n  'animate-[skeleton-pulse_calc(var(--animation-duration)*8)_ease-in-out_infinite]';\n\nexport interface SkeletonProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'aria-hidden' | 'style'>,\n    VariantProps<typeof skeletonVariants> {\n  variant?: 'text' | 'circular' | 'rectangular' | 'rounded';\n  size?: 'sm' | 'md' | 'lg';\n  /** Number of stacked text lines — only applies when variant='text' */\n  lines?: number;\n  /**\n   * Width override — accepts any CSS value.\n   * Exception to constraint §4: skeleton dimensions are consumer-specified\n   * and cannot be expressed as static Tailwind classes.\n   */\n  width?: string;\n  /**\n   * Height override — accepts any CSS value.\n   * Exception to constraint §4: skeleton dimensions are consumer-specified\n   * and cannot be expressed as static Tailwind classes.\n   */\n  height?: string;\n  /** Whether to animate the pulse */\n  animate?: boolean;\n}\n\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(\n  (\n    {\n      variant = 'text',\n      size = 'md',\n      lines,\n      width,\n      height,\n      animate = true,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    // Exception to constraint §4: width/height are consumer-specified dimensions\n    // that cannot be expressed as static Tailwind classes.\n    const inlineStyle: CSSProperties | undefined =\n      width !== undefined || height !== undefined\n        ? { ...(width !== undefined && { width }), ...(height !== undefined && { height }) }\n        : undefined;\n\n    const atomClass = [\n      skeletonVariants({ variant, size }),\n      animate && ANIMATION_CLASS,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    if (lines !== undefined && lines > 1) {\n      return (\n        <div\n          ref={ref}\n          aria-hidden=\"true\"\n          data-component=\"skeleton\"\n          className={['ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]', className]\n            .filter(Boolean)\n            .join(' ')}\n          style={inlineStyle}\n          {...props}\n        >\n          {Array.from({ length: lines }, (_, i) => (\n            <div\n              key={`skeleton-line-${i}`}\n              aria-hidden=\"true\"\n              className={[atomClass, i === lines - 1 && 'ds:w-3/5']\n                .filter(Boolean)\n                .join(' ')}\n            />\n          ))}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        aria-hidden=\"true\"\n        data-component=\"skeleton\"\n        className={[atomClass, className].filter(Boolean).join(' ')}\n        style={inlineStyle}\n        {...props}\n      />\n    );\n  },\n);\n\nSkeleton.displayName = 'Skeleton';\n"],"names":["skeletonVariants","cva","ANIMATION_CLASS","Skeleton","forwardRef","variant","size","lines","width","height","animate","className","props","ref","inlineStyle","atomClass","jsx","_","i"],"mappings":"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"}

package/dist/_chunks/{skip-link-CASJkBOe.js → skip-link-DmZ3c6cb.js}

@@ -1,8 +1,8 @@
 import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { c as t } from "./index-D2ZczOXr.js";
+import { forwardRef as t } from "react";
+import { c } from "./index-D2ZczOXr.js";
 import { useTranslation as f } from "react-i18next";
-const u = t(
+const u = c(
   [
     // Hidden by default via Tailwind's vetted `sr-only` recipe (the same
     // utility VisuallyHidden uses) — keeps the element focusable so it
@@ -46,23 +46,24 @@ const u = t(
     },
     defaultVariants: { intent: "primary" }
   }
-), v = c(
-  ({ href: s = "#main", intent: i, className: o, children: r, ...a }, e) => {
-    const { t: n } = f();
+), l = t(
+  ({ href: s = "#main", intent: i, className: o, children: r, ...a }, n) => {
+    const { t: e } = f();
     return /* @__PURE__ */ d(
       "a",
       {
-        ref: e,
+        ref: n,
         href: s,
+        "data-component": "skip-link",
         className: [u({ intent: i }), o].filter(Boolean).join(" "),
         ...a,
-        children: r ?? n("ui.navigation.skipLink.toContent")
+        children: r ?? e("ui.navigation.skipLink.toContent")
       }
     );
   }
 );
-v.displayName = "SkipLink";
+l.displayName = "SkipLink";
 export {
-  v as S
+  l as S
 };
-//# sourceMappingURL=skip-link-CASJkBOe.js.map
+//# sourceMappingURL=skip-link-DmZ3c6cb.js.map

package/dist/_chunks/{skip-link-CASJkBOe.js.map → skip-link-DmZ3c6cb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"skip-link-CASJkBOe.js","sources":["../../src/components/skip-link/skip-link.tsx"],"sourcesContent":["import { forwardRef, type AnchorHTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\n/**\n * SkipLink is visually hidden until it receives keyboard focus, at\n * which point it reveals as a high-contrast pill anchored to the\n * top-start corner of the viewport. Implementation note: we cannot use\n * the typical `sr-only` utility because that also hides it from focus\n * styles in some browsers — instead we collapse it to a 1px clip and\n * un-clip on `:focus` / `:focus-visible`.\n */\nconst skipLinkVariants = cva(\n  [\n    // Hidden by default via Tailwind's vetted `sr-only` recipe (the same\n    // utility VisuallyHidden uses) — keeps the element focusable so it\n    // can still be the first tab stop, then `focus:not-sr-only` lifts\n    // it back into the layout when the user tabs into it.\n    'ds:sr-only',\n    // On focus, take it out of sr-only and pin to the top-start corner\n    // of the viewport. `focus-visible` covers the keyboard-only case.\n    'ds:focus:not-sr-only ds:focus-visible:not-sr-only',\n    'ds:focus:fixed ds:focus-visible:fixed',\n    // Position — logical properties so RTL flips automatically.\n    'ds:focus:top-[var(--spacing-sm)] ds:focus-visible:top-[var(--spacing-sm)]',\n    'ds:focus:start-[var(--spacing-sm)] ds:focus-visible:start-[var(--spacing-sm)]',\n    'ds:focus:z-[var(--z-toast,9999)] ds:focus-visible:z-[var(--z-toast,9999)]',\n    // Visual styling on focus — token-driven pill.\n    'ds:focus:inline-flex ds:focus-visible:inline-flex',\n    'ds:focus:items-center ds:focus-visible:items-center',\n    'ds:focus:ps-[var(--spacing-md)] ds:focus-visible:ps-[var(--spacing-md)]',\n    'ds:focus:pe-[var(--spacing-md)] ds:focus-visible:pe-[var(--spacing-md)]',\n    'ds:focus:py-[var(--spacing-sm)] ds:focus-visible:py-[var(--spacing-sm)]',\n    'ds:focus:rounded-[var(--radius-md)] ds:focus-visible:rounded-[var(--radius-md)]',\n    'ds:focus:bg-[var(--primary)] ds:focus-visible:bg-[var(--primary)]',\n    'ds:focus:text-[color:var(--primary-foreground)] ds:focus-visible:text-[color:var(--primary-foreground)]',\n    'ds:focus:text-[length:var(--font-size-sm)] ds:focus-visible:text-[length:var(--font-size-sm)]',\n    'ds:focus:no-underline ds:focus-visible:no-underline',\n    'ds:focus:shadow-[var(--shadow-md)] ds:focus-visible:shadow-[var(--shadow-md)]',\n    // Focus ring on top of the pill itself.\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)]',\n    'ds:focus-visible:outline-offset-[var(--focus-ring-offset)]',\n    // Reduced-motion friendly — no transitions on reveal.\n  ].join(' '),\n  {\n    variants: {\n      // Single intent today; CVA stub left in place so future tonal\n      // variants (e.g. `subtle`, `inverse`) can plug in without churn.\n      intent: {\n        primary: '',\n      },\n    },\n    defaultVariants: { intent: 'primary' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport interface SkipLinkProps\n  extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>,\n    VariantProps<typeof skipLinkVariants> {\n  /**\n   * Anchor target — must be a same-page fragment, e.g. `'#main-content'`.\n   * The matching element must have a corresponding `id` attribute and\n   * ideally be focusable (`tabIndex={-1}` is acceptable for `<main>` /\n   * `<section>` wrappers). @default '#main'\n   */\n  href?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                            */\n/* ------------------------------------------------------------------ */\n\n/**\n * Accessibility primitive — the very first focusable element inside\n * `<body>`. Lets keyboard and screen-reader users bypass the global\n * navigation chrome and land directly on the page's main content.\n *\n * Visible label is supplied by the consumer (typically via\n * `useTranslation('ui')` against `ui.navigation.skipLink.toContent`),\n * so the component itself stays i18n-free at the prop level.\n */\nexport const SkipLink = forwardRef<HTMLAnchorElement, SkipLinkProps>(\n  ({ href = '#main', intent, className, children, ...rest }, ref) => {\n    const { t } = useTranslation();\n    return (\n      <a\n        ref={ref}\n        href={href}\n        className={[skipLinkVariants({ intent }), className]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      >\n        {children ?? t('ui.navigation.skipLink.toContent')}\n      </a>\n    );\n  },\n);\n\nSkipLink.displayName = 'SkipLink';\n"],"names":["skipLinkVariants","cva","SkipLink","forwardRef","href","intent","className","children","rest","ref","t","useTranslation","jsx"],"mappings":";;;;AAgBA,MAAMA,IAAmBC;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE;AAAA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAAA,EAEA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA;AAAA;AAAA,MAGR,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB,EAAE,QAAQ,UAAA;AAAA,EAAU;AAEzC,GA+BaC,IAAWC;AAAA,EACtB,CAAC,EAAE,MAAAC,IAAO,SAAS,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AACjE,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AACd,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,MAAAL;AAAA,QACA,WAAW,CAACJ,EAAiB,EAAE,QAAAK,GAAQ,GAAGC,CAAS,EAChD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACV,GAAGE;AAAA,QAEH,UAAAD,KAAYG,EAAE,kCAAkC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGvD;AACF;AAEAR,EAAS,cAAc;"}
+{"version":3,"file":"skip-link-DmZ3c6cb.js","sources":["../../src/components/skip-link/skip-link.tsx"],"sourcesContent":["import { forwardRef, type AnchorHTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\n/**\n * SkipLink is visually hidden until it receives keyboard focus, at\n * which point it reveals as a high-contrast pill anchored to the\n * top-start corner of the viewport. Implementation note: we cannot use\n * the typical `sr-only` utility because that also hides it from focus\n * styles in some browsers — instead we collapse it to a 1px clip and\n * un-clip on `:focus` / `:focus-visible`.\n */\nconst skipLinkVariants = cva(\n  [\n    // Hidden by default via Tailwind's vetted `sr-only` recipe (the same\n    // utility VisuallyHidden uses) — keeps the element focusable so it\n    // can still be the first tab stop, then `focus:not-sr-only` lifts\n    // it back into the layout when the user tabs into it.\n    'ds:sr-only',\n    // On focus, take it out of sr-only and pin to the top-start corner\n    // of the viewport. `focus-visible` covers the keyboard-only case.\n    'ds:focus:not-sr-only ds:focus-visible:not-sr-only',\n    'ds:focus:fixed ds:focus-visible:fixed',\n    // Position — logical properties so RTL flips automatically.\n    'ds:focus:top-[var(--spacing-sm)] ds:focus-visible:top-[var(--spacing-sm)]',\n    'ds:focus:start-[var(--spacing-sm)] ds:focus-visible:start-[var(--spacing-sm)]',\n    'ds:focus:z-[var(--z-toast,9999)] ds:focus-visible:z-[var(--z-toast,9999)]',\n    // Visual styling on focus — token-driven pill.\n    'ds:focus:inline-flex ds:focus-visible:inline-flex',\n    'ds:focus:items-center ds:focus-visible:items-center',\n    'ds:focus:ps-[var(--spacing-md)] ds:focus-visible:ps-[var(--spacing-md)]',\n    'ds:focus:pe-[var(--spacing-md)] ds:focus-visible:pe-[var(--spacing-md)]',\n    'ds:focus:py-[var(--spacing-sm)] ds:focus-visible:py-[var(--spacing-sm)]',\n    'ds:focus:rounded-[var(--radius-md)] ds:focus-visible:rounded-[var(--radius-md)]',\n    'ds:focus:bg-[var(--primary)] ds:focus-visible:bg-[var(--primary)]',\n    'ds:focus:text-[color:var(--primary-foreground)] ds:focus-visible:text-[color:var(--primary-foreground)]',\n    'ds:focus:text-[length:var(--font-size-sm)] ds:focus-visible:text-[length:var(--font-size-sm)]',\n    'ds:focus:no-underline ds:focus-visible:no-underline',\n    'ds:focus:shadow-[var(--shadow-md)] ds:focus-visible:shadow-[var(--shadow-md)]',\n    // Focus ring on top of the pill itself.\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)]',\n    'ds:focus-visible:outline-offset-[var(--focus-ring-offset)]',\n    // Reduced-motion friendly — no transitions on reveal.\n  ].join(' '),\n  {\n    variants: {\n      // Single intent today; CVA stub left in place so future tonal\n      // variants (e.g. `subtle`, `inverse`) can plug in without churn.\n      intent: {\n        primary: '',\n      },\n    },\n    defaultVariants: { intent: 'primary' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport interface SkipLinkProps\n  extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>,\n    VariantProps<typeof skipLinkVariants> {\n  /**\n   * Anchor target — must be a same-page fragment, e.g. `'#main-content'`.\n   * The matching element must have a corresponding `id` attribute and\n   * ideally be focusable (`tabIndex={-1}` is acceptable for `<main>` /\n   * `<section>` wrappers). @default '#main'\n   */\n  href?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                            */\n/* ------------------------------------------------------------------ */\n\n/**\n * Accessibility primitive — the very first focusable element inside\n * `<body>`. Lets keyboard and screen-reader users bypass the global\n * navigation chrome and land directly on the page's main content.\n *\n * Visible label is supplied by the consumer (typically via\n * `useTranslation('ui')` against `ui.navigation.skipLink.toContent`),\n * so the component itself stays i18n-free at the prop level.\n */\nexport const SkipLink = forwardRef<HTMLAnchorElement, SkipLinkProps>(\n  ({ href = '#main', intent, className, children, ...rest }, ref) => {\n    const { t } = useTranslation();\n    return (\n      <a\n        ref={ref}\n        href={href}\n        data-component=\"skip-link\"\n        className={[skipLinkVariants({ intent }), className]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      >\n        {children ?? t('ui.navigation.skipLink.toContent')}\n      </a>\n    );\n  },\n);\n\nSkipLink.displayName = 'SkipLink';\n"],"names":["skipLinkVariants","cva","SkipLink","forwardRef","href","intent","className","children","rest","ref","t","useTranslation","jsx"],"mappings":";;;;AAgBA,MAAMA,IAAmBC;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE;AAAA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAAA,EAEA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA;AAAA;AAAA,MAGR,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB,EAAE,QAAQ,UAAA;AAAA,EAAU;AAEzC,GA+BaC,IAAWC;AAAA,EACtB,CAAC,EAAE,MAAAC,IAAO,SAAS,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AACjE,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AACd,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,MAAAL;AAAA,QACA,kBAAe;AAAA,QACf,WAAW,CAACJ,EAAiB,EAAE,QAAAK,GAAQ,GAAGC,CAAS,EAChD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACV,GAAGE;AAAA,QAEH,UAAAD,KAAYG,EAAE,kCAAkC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGvD;AACF;AAEAR,EAAS,cAAc;"}

package/dist/_chunks/{slider-n8JWpJvT.js → slider-DjyRt3Mp.js}

@@ -80,7 +80,7 @@ const fa = t(
   [
     "ds:whitespace-nowrap ds:bg-foreground ds:text-background",
     "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
-    "ds:rounded-[var(--radius-sm)] ds:text-[var(--font-size-xs)] ds:tabular-nums",
+    "ds:rounded-[var(--radius-sm)] ds:text-[length:var(--font-size-xs)] ds:tabular-nums",
     "ds:shadow-[var(--shadow-sm)]",
     "ds:transition-opacity ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
   ].join(" "),
@@ -203,6 +203,7 @@ const fa = t(
       "aria-invalid": i.invalid || void 0,
       "aria-required": i.required || void 0,
       className: fa({ size: v, className: U }),
+      "data-component": "slider",
       ...W,
       children: [
         /* @__PURE__ */ s(m.Track, { className: ha(), children: /* @__PURE__ */ s(m.Range, { className: pa() }) }),
@@ -270,4 +271,4 @@ ka.displayName = "Slider";
 export {
   ka as S
 };
-//# sourceMappingURL=slider-n8JWpJvT.js.map
+//# sourceMappingURL=slider-DjyRt3Mp.js.map

package/dist/_chunks/slider-DjyRt3Mp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-DjyRt3Mp.js","sources":["../../src/components/slider/slider.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type KeyboardEvent,\n} from 'react';\nimport * as RadixSlider from '@radix-ui/react-slider';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useFormField } from '../form-field/form-field-context';\nimport { useDirection } from '../_shared/use-direction';\nimport { composeRefs } from '../_shared/compose-refs';\n\nexport interface SliderMark {\n  value: number;\n  label?: string;\n}\n\nconst sliderVariants = cva(\n  [\n    'ds:relative ds:flex ds:touch-none ds:select-none ds:items-center',\n    'ds:data-[orientation=horizontal]:w-full',\n    'ds:data-[orientation=vertical]:flex-col ds:data-[orientation=vertical]:h-full',\n    'ds:data-[disabled]:cursor-not-allowed ds:data-[disabled]:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:data-[orientation=horizontal]:h-1 ds:data-[orientation=vertical]:w-1',\n        md: 'ds:data-[orientation=horizontal]:h-2 ds:data-[orientation=vertical]:w-2',\n        lg: 'ds:data-[orientation=horizontal]:h-3 ds:data-[orientation=vertical]:w-3',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst trackVariants = cva(\n  [\n    'ds:relative ds:grow ds:overflow-hidden ds:rounded-[var(--radius-full)] ds:bg-muted',\n    'ds:data-[orientation=horizontal]:h-full',\n    'ds:data-[orientation=vertical]:w-full',\n  ].join(' '),\n);\n\nconst rangeVariants = cva(\n  [\n    'ds:absolute ds:bg-primary ds:rounded-[var(--radius-full)]',\n    'ds:data-[orientation=horizontal]:h-full',\n    'ds:data-[orientation=vertical]:w-full',\n  ].join(' '),\n);\n\nconst thumbVariants = cva(\n  [\n    'ds:group/thumb',\n    'ds:relative ds:block ds:rounded-full',\n    'ds:bg-background ds:border-2 ds:border-primary ds:shadow-[var(--shadow-sm)]',\n    'ds:transition-[transform,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:outline-none',\n    'ds:focus-visible:shadow-[var(--shadow-focus),var(--shadow-sm)]',\n    'ds:active:shadow-[var(--shadow-sm)]',\n    'ds:data-[disabled]:cursor-not-allowed ds:data-[disabled]:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:size-4',\n        md: 'ds:size-5',\n        lg: 'ds:size-6',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst hitAreaVariants = cva('ds:absolute ds:rounded-full', {\n  variants: {\n    size: {\n      sm: 'ds:-inset-[calc((var(--min-target-size)-1rem)/2)]',\n      md: 'ds:-inset-[calc((var(--min-target-size)-1.25rem)/2)]',\n      lg: 'ds:-inset-[calc((var(--min-target-size)-1.5rem)/2)]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\nconst tooltipWrapperVariants = cva(\n  'ds:absolute ds:flex ds:pointer-events-none ds:items-center ds:justify-center',\n  {\n    variants: {\n      orientation: {\n        horizontal: 'ds:start-0 ds:end-0 ds:bottom-full',\n        vertical: 'ds:top-0 ds:bottom-0 ds:start-full',\n      },\n    },\n    defaultVariants: { orientation: 'horizontal' },\n  },\n);\n\nconst tooltipBubbleVariants = cva(\n  [\n    'ds:whitespace-nowrap ds:bg-foreground ds:text-background',\n    'ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]',\n    'ds:rounded-[var(--radius-sm)] ds:text-[length:var(--font-size-xs)] ds:tabular-nums',\n    'ds:shadow-[var(--shadow-sm)]',\n    'ds:transition-opacity ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      orientation: {\n        horizontal: 'ds:mb-[var(--spacing-xs)]',\n        vertical: 'ds:ms-[var(--spacing-xs)]',\n      },\n      alwaysShow: {\n        true: 'ds:opacity-100',\n        false:\n          'ds:opacity-0 ds:group-hover/thumb:opacity-100 ds:group-focus-visible/thumb:opacity-100',\n      },\n    },\n    defaultVariants: { orientation: 'horizontal', alwaysShow: false },\n  },\n);\n\nconst marksContainerVariants = cva('ds:absolute ds:pointer-events-none', {\n  variants: {\n    orientation: {\n      horizontal: 'ds:start-0 ds:end-0 ds:top-full',\n      vertical: 'ds:top-0 ds:bottom-0 ds:start-full',\n    },\n  },\n  defaultVariants: { orientation: 'horizontal' },\n});\n\nconst markVariants = cva('ds:absolute ds:flex ds:items-center', {\n  variants: {\n    orientation: {\n      horizontal: 'ds:flex-col ds:-translate-x-1/2 ds:rtl:translate-x-1/2',\n      vertical: 'ds:flex-row ds:-translate-y-1/2 ds:ps-[var(--spacing-xs)]',\n    },\n  },\n  defaultVariants: { orientation: 'horizontal' },\n});\n\nconst tickVariants = cva('ds:bg-border', {\n  variants: {\n    orientation: {\n      horizontal: 'ds:w-px ds:h-1',\n      vertical: 'ds:h-px ds:w-1',\n    },\n  },\n  defaultVariants: { orientation: 'horizontal' },\n});\n\nconst markLabelVariants = cva(\n  'ds:text-muted-foreground type-meta ds:mt-[var(--spacing-xs)]',\n);\n\nconst endpointWrapperVariants = cva(\n  'ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n  {\n    variants: {\n      orientation: {\n        horizontal: 'ds:w-full ds:flex-row',\n        vertical: 'ds:h-full ds:flex-col-reverse',\n      },\n    },\n    defaultVariants: { orientation: 'horizontal' },\n  },\n);\n\nconst endpointLabelVariants = cva(\n  'ds:text-muted-foreground type-meta ds:tabular-nums ds:shrink-0',\n);\n\ntype RadixSliderRootProps = ComponentPropsWithoutRef<typeof RadixSlider.Root>;\n\nexport interface SliderProps\n  extends Omit<RadixSliderRootProps, 'children'>,\n    VariantProps<typeof sliderVariants> {\n  value?: number[];\n  defaultValue?: number[];\n  marks?: SliderMark[];\n  minLabel?: string;\n  maxLabel?: string;\n  formatValue?: (value: number) => string;\n  alwaysShowValue?: boolean;\n  step?: number;\n  largeStep?: number;\n  thumbLabels?: string[];\n  size?: 'sm' | 'md' | 'lg';\n  orientation?: 'horizontal' | 'vertical';\n  onValueChange?: (value: number[]) => void;\n  onValueCommit?: (value: number[]) => void;\n  className?: string;\n}\n\nexport const Slider = forwardRef<\n  ElementRef<typeof RadixSlider.Root>,\n  SliderProps\n>((props, ref) => {\n  const {\n    value,\n    defaultValue,\n    marks,\n    minLabel,\n    maxLabel,\n    formatValue,\n    alwaysShowValue = false,\n    step = 1,\n    largeStep = 10,\n    thumbLabels,\n    size = 'md',\n    orientation = 'horizontal',\n    min = 0,\n    max = 100,\n    disabled,\n    dir,\n    id,\n    className,\n    onValueChange,\n    onValueCommit,\n    onKeyDown,\n    ...rest\n  } = props;\n\n  const { t, i18n } = useTranslation();\n  const ctx = useFormField();\n\n  const isControlled = value !== undefined;\n  const [internalValue, setInternalValue] = useState<number[]>(\n    value ?? defaultValue ?? [min],\n  );\n  const currentValue: number[] = isControlled\n    ? (value as number[])\n    : internalValue;\n\n  const handleValueChange = (next: number[]) => {\n    if (!isControlled) setInternalValue(next);\n    onValueChange?.(next);\n  };\n\n  const effectiveDisabled = Boolean(ctx.disabled || disabled);\n  const describedBy = ctx.describedBy || undefined;\n  const sliderId = id ?? ctx.id;\n\n  const defaultFormat = useCallback(\n    (n: number) => new Intl.NumberFormat(i18n.language).format(n),\n    [i18n.language],\n  );\n  const format = formatValue ?? defaultFormat;\n\n  const defaultMinThumbLabel = t('ui.inputs.slider.minLabel', 'Minimum');\n  const defaultMaxThumbLabel = t('ui.inputs.slider.maxLabel', 'Maximum');\n  const labelForThumb = (i: number): string | undefined => {\n    if (thumbLabels?.[i]) return thumbLabels[i];\n    if (currentValue.length === 2) {\n      return i === 0 ? defaultMinThumbLabel : defaultMaxThumbLabel;\n    }\n    return undefined;\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented) return;\n    if (effectiveDisabled) return;\n    if (event.key !== 'PageUp' && event.key !== 'PageDown') return;\n\n    event.preventDefault();\n    const thumbs = Array.from(\n      event.currentTarget.querySelectorAll<HTMLElement>('[role=\"slider\"]'),\n    );\n    const activeIndex = Math.max(\n      0,\n      thumbs.indexOf(document.activeElement as HTMLElement),\n    );\n    const delta = event.key === 'PageUp' ? largeStep : -largeStep;\n    const next = currentValue.map((v, i) =>\n      i === activeIndex ? Math.max(min, Math.min(max, v + delta)) : v,\n    );\n    handleValueChange(next);\n    onValueCommit?.(next);\n  };\n\n  const denom = max - min || 1;\n  const percentFor = (n: number) => ((n - min) / denom) * 100;\n\n  const rootRef = useRef<HTMLSpanElement>(null);\n  const composedRef = composeRefs(ref, rootRef);\n  const autoDir = useDirection(rootRef);\n\n  const root = (\n    <RadixSlider.Root\n      ref={composedRef}\n      id={sliderId}\n      dir={dir ?? autoDir}\n      orientation={orientation}\n      min={min}\n      max={max}\n      step={step}\n      disabled={effectiveDisabled}\n      value={isControlled ? value : undefined}\n      defaultValue={!isControlled ? (defaultValue ?? [min]) : undefined}\n      onValueChange={handleValueChange}\n      onValueCommit={onValueCommit}\n      onKeyDown={handleKeyDown}\n      aria-describedby={describedBy}\n      aria-invalid={ctx.invalid || undefined}\n      aria-required={ctx.required || undefined}\n      className={sliderVariants({ size, className })}\n      data-component=\"slider\"\n      {...rest}\n    >\n      <RadixSlider.Track className={trackVariants()}>\n        <RadixSlider.Range className={rangeVariants()} />\n      </RadixSlider.Track>\n      {marks && marks.length > 0 ? (\n        <span\n          aria-hidden=\"true\"\n          className={marksContainerVariants({ orientation })}\n        >\n          {marks.map((m) => {\n            const p = percentFor(m.value);\n            const positionStyle: CSSProperties =\n              orientation === 'vertical'\n                ? { insetBlockEnd: `${p}%` }\n                : { insetInlineStart: `${p}%` };\n            return (\n              <span\n                key={`${m.value}-${m.label ?? ''}`}\n                className={markVariants({ orientation })}\n                style={positionStyle}\n              >\n                <span className={tickVariants({ orientation })} />\n                {m.label ? (\n                  <span className={markLabelVariants()}>{m.label}</span>\n                ) : null}\n              </span>\n            );\n          })}\n        </span>\n      ) : null}\n      {currentValue.map((v, i) => (\n        <RadixSlider.Thumb\n          key={i}\n          aria-label={labelForThumb(i)}\n          aria-valuetext={format(v)}\n          className={thumbVariants({ size })}\n        >\n          <span aria-hidden=\"true\" className={hitAreaVariants({ size })} />\n          <span\n            aria-hidden=\"true\"\n            className={tooltipWrapperVariants({ orientation })}\n          >\n            <span\n              className={tooltipBubbleVariants({\n                orientation,\n                alwaysShow: alwaysShowValue,\n              })}\n            >\n              {format(v)}\n            </span>\n          </span>\n        </RadixSlider.Thumb>\n      ))}\n    </RadixSlider.Root>\n  );\n\n  if (minLabel !== undefined || maxLabel !== undefined) {\n    return (\n      <div className={endpointWrapperVariants({ orientation })}>\n        {minLabel !== undefined ? (\n          <span className={endpointLabelVariants()}>{minLabel}</span>\n        ) : null}\n        {root}\n        {maxLabel !== undefined ? (\n          <span className={endpointLabelVariants()}>{maxLabel}</span>\n        ) : null}\n      </div>\n    );\n  }\n\n  return root;\n});\n\nSlider.displayName = 'Slider';\n"],"names":["sliderVariants","cva","trackVariants","rangeVariants","thumbVariants","hitAreaVariants","tooltipWrapperVariants","tooltipBubbleVariants","marksContainerVariants","markVariants","tickVariants","markLabelVariants","endpointWrapperVariants","endpointLabelVariants","Slider","forwardRef","props","ref","value","defaultValue","marks","minLabel","maxLabel","formatValue","alwaysShowValue","step","largeStep","thumbLabels","size","orientation","min","max","disabled","dir","id","className","onValueChange","onValueCommit","onKeyDown","rest","t","i18n","useTranslation","ctx","useFormField","isControlled","internalValue","setInternalValue","useState","currentValue","handleValueChange","next","effectiveDisabled","describedBy","sliderId","defaultFormat","useCallback","n","format","defaultMinThumbLabel","defaultMaxThumbLabel","labelForThumb","i","handleKeyDown","event","thumbs","activeIndex","delta","v","denom","percentFor","rootRef","useRef","composedRef","composeRefs","autoDir","useDirection","root","jsxs","RadixSlider","jsx","m","p","positionStyle"],"mappings":"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"}

package/dist/_chunks/{slot-grid-BRAkqChA.js → slot-grid-WHc5A8-z.js}

@@ -2,25 +2,25 @@ import { jsx as i, jsxs as C } from "react/jsx-runtime";
 import { forwardRef as pe, useId as ve, useState as he, useCallback as S } from "react";
 import { c as b } from "./index-D2ZczOXr.js";
 import { useTranslation as be } from "react-i18next";
-import { B as Y } from "./button-DmiGFnNA.js";
-import { I as A } from "./icon-button-C482ii4y.js";
-import { E as xe } from "./empty-state-DV96gCnp.js";
-import { S as B } from "./skeleton-ClO1v5GE.js";
+import { B as Y } from "./button-7dTew-IV.js";
+import { I as A } from "./icon-button-CNjWCD1X.js";
+import { E as xe } from "./empty-state-BHrItOiE.js";
+import { S as B } from "./skeleton-DAdPFx9d.js";
 import { t as W, c as De, m as K, a as Z, i as ye } from "./isSameDay-ecuM8PBB.js";
 function Ne(t, e) {
-  const s = () => De(e == null ? void 0 : e.in, NaN), r = Te(t);
+  const s = () => De(e == null ? void 0 : e.in, NaN), n = Te(t);
   let d;
-  if (r.date) {
-    const o = Ie(r.date, 2);
+  if (n.date) {
+    const o = Ie(n.date, 2);
     d = ze(o.restDateString, o.year);
   }
   if (!d || isNaN(+d)) return s();
   const l = +d;
   let u = 0, f;
-  if (r.time && (u = Le(r.time), isNaN(u)))
+  if (n.time && (u = Le(n.time), isNaN(u)))
     return s();
-  if (r.timezone) {
-    if (f = Se(r.timezone), isNaN(f)) return s();
+  if (n.timezone) {
+    if (f = Se(n.timezone), isNaN(f)) return s();
   } else {
     const o = new Date(l + u), x = W(0, e == null ? void 0 : e.in);
     return x.setFullYear(
@@ -50,8 +50,8 @@ function Te(t) {
     e.date.length,
     t.length
   ))), a) {
-    const r = k.timezone.exec(a);
-    r ? (e.time = a.replace(r[1], ""), e.timezone = r[1]) : e.time = a;
+    const n = k.timezone.exec(a);
+    n ? (e.time = a.replace(n[1], ""), e.timezone = n[1]) : e.time = a;
   }
   return e;
 }
@@ -60,9 +60,9 @@ function Ie(t, e) {
     "^(?:(\\d{4}|[+-]\\d{" + (4 + e) + "})|(\\d{2}|[+-]\\d{" + (2 + e) + "})$)"
   ), a = t.match(s);
   if (!a) return { year: NaN, restDateString: "" };
-  const r = a[1] ? parseInt(a[1]) : null, d = a[2] ? parseInt(a[2]) : null;
+  const n = a[1] ? parseInt(a[1]) : null, d = a[2] ? parseInt(a[2]) : null;
   return {
-    year: d === null ? r : d * 100,
+    year: d === null ? n : d * 100,
     restDateString: t.slice((a[1] || a[2]).length)
   };
 }
@@ -70,12 +70,12 @@ function ze(t, e) {
   if (e === null) return /* @__PURE__ */ new Date(NaN);
   const s = t.match(we);
   if (!s) return /* @__PURE__ */ new Date(NaN);
-  const a = !!s[4], r = D(s[1]), d = D(s[2]) - 1, l = D(s[3]), u = D(s[4]), f = D(s[5]) - 1;
+  const a = !!s[4], n = D(s[1]), d = D(s[2]) - 1, l = D(s[3]), u = D(s[4]), f = D(s[5]) - 1;
   if (a)
     return je(e, u, f) ? $e(e, u, f) : /* @__PURE__ */ new Date(NaN);
   {
     const o = /* @__PURE__ */ new Date(0);
-    return !Ge(e, d, l) || !Ve(e, r) ? /* @__PURE__ */ new Date(NaN) : (o.setUTCFullYear(e, d, Math.max(r, l)), o);
+    return !Ge(e, d, l) || !Ve(e, n) ? /* @__PURE__ */ new Date(NaN) : (o.setUTCFullYear(e, d, Math.max(n, l)), o);
   }
 }
 function D(t) {
@@ -84,8 +84,8 @@ function D(t) {
 function Le(t) {
   const e = t.match(Ce);
   if (!e) return NaN;
-  const s = $(e[1]), a = $(e[2]), r = $(e[3]);
-  return Ee(s, a, r) ? s * K + a * Z + r * 1e3 : NaN;
+  const s = $(e[1]), a = $(e[2]), n = $(e[3]);
+  return Ee(s, a, n) ? s * K + a * Z + n * 1e3 : NaN;
 }
 function $(t) {
   return t && parseFloat(t.replace(",", ".")) || 0;
@@ -94,13 +94,13 @@ function Se(t) {
   if (t === "Z") return 0;
   const e = t.match(ke);
   if (!e) return 0;
-  const s = e[1] === "+" ? -1 : 1, a = parseInt(e[2]), r = e[3] && parseInt(e[3]) || 0;
-  return Fe(a, r) ? s * (a * K + r * Z) : NaN;
+  const s = e[1] === "+" ? -1 : 1, a = parseInt(e[2]), n = e[3] && parseInt(e[3]) || 0;
+  return Fe(a, n) ? s * (a * K + n * Z) : NaN;
 }
 function $e(t, e, s) {
   const a = /* @__PURE__ */ new Date(0);
   a.setUTCFullYear(t, 0, 4);
-  const r = a.getUTCDay() || 7, d = (e - 1) * 7 + s + 1 - r;
+  const n = a.getUTCDay() || 7, d = (e - 1) * 7 + s + 1 - n;
   return a.setUTCDate(a.getUTCDate() + d), a;
 }
 const Ue = [31, null, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
@@ -131,9 +131,9 @@ const Re = b(
   {
     variants: {
       size: {
-        sm: "ds:text-[var(--font-size-sm)]",
-        md: "ds:text-[var(--font-size-base)]",
-        lg: "ds:text-[var(--font-size-lg)]"
+        sm: "ds:text-[length:var(--font-size-sm)]",
+        md: "ds:text-[length:var(--font-size-base)]",
+        lg: "ds:text-[length:var(--font-size-lg)]"
       }
     },
     defaultVariants: { size: "md" }
@@ -185,9 +185,9 @@ const H = b(
   {
     variants: {
       size: {
-        sm: "ds:text-[var(--font-size-xs)]",
-        md: "ds:text-[var(--font-size-sm)]",
-        lg: "ds:text-[var(--font-size-base)]"
+        sm: "ds:text-[length:var(--font-size-xs)]",
+        md: "ds:text-[length:var(--font-size-sm)]",
+        lg: "ds:text-[length:var(--font-size-base)]"
       }
     },
     defaultVariants: { size: "md" }
@@ -218,9 +218,9 @@ const H = b(
   {
     variants: {
       size: {
-        sm: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:text-[var(--font-size-xs)] ds:h-8",
-        md: "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[var(--font-size-sm)] ds:h-10",
-        lg: "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[var(--font-size-base)] ds:h-12"
+        sm: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-xs)] ds:h-8",
+        md: "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-sm)] ds:h-10",
+        lg: "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-base)] ds:h-12"
       }
     },
     defaultVariants: { size: "md" }
@@ -229,7 +229,7 @@ const H = b(
 function h(t) {
   return t instanceof Date ? t : Ne(t);
 }
-function nt(t, e) {
+function rt(t, e) {
   return ye(h(t), h(e));
 }
 function it(t) {
@@ -258,29 +258,29 @@ function q(t, e, s) {
   if (t.label !== void 0) return t.label;
   const a = h(t.start);
   try {
-    const r = new Intl.DateTimeFormat(e, {
+    const n = new Intl.DateTimeFormat(e, {
       hour: "numeric",
       minute: "2-digit",
       timeZone: s
     });
     if (t.end) {
       const d = h(t.end);
-      if (typeof r.formatRange == "function")
+      if (typeof n.formatRange == "function")
         try {
-          return r.formatRange(a, d);
+          return n.formatRange(a, d);
         } catch {
         }
-      return `${r.format(a)} – ${r.format(d)}`;
+      return `${n.format(a)} – ${n.format(d)}`;
     }
-    return r.format(a);
+    return n.format(a);
   } catch {
     return a.toISOString();
   }
 }
-function He(t, e, s, a, r) {
+function He(t, e, s, a, n) {
   if (t.ariaLabel !== void 0) return t.ariaLabel;
   const d = q(t, s, a), l = e.label !== void 0 ? e.label : X(h(e.date), s, a);
-  return r({ time: d, day: l });
+  return n({ time: d, day: l });
 }
 function _e() {
   return /* @__PURE__ */ i(
@@ -320,7 +320,7 @@ const Ze = pe(
     state: e = "default",
     size: s = "md",
     selectedSlotId: a,
-    maxInitialSlotsPerDay: r = 6,
+    maxInitialSlotsPerDay: n = 6,
     locale: d,
     timeZone: l,
     hasPrevious: u = !1,
@@ -335,19 +335,19 @@ const Ze = pe(
     className: te,
     ...se
   }, ae) => {
-    const { t: m, i18n: re } = be(), T = d ?? re.language ?? "en", ne = ve(), [ie, de] = he({}), U = e === "loading", G = e === "disabled", v = U || G, oe = e === "empty" || t.length === 0 || t.every((n) => n.slots.length === 0), le = x ?? m("slotGrid.ariaLabel"), I = S(
-      (n, c) => {
-        v || n.available !== !1 && (y == null || y(n, c));
+    const { t: m, i18n: ne } = be(), T = d ?? ne.language ?? "en", re = ve(), [ie, de] = he({}), U = e === "loading", G = e === "disabled", v = U || G, oe = e === "empty" || t.length === 0 || t.every((r) => r.slots.length === 0), le = x ?? m("slotGrid.ariaLabel"), I = S(
+      (r, c) => {
+        v || r.available !== !1 && (y == null || y(r, c));
       },
       [v, y]
     ), ce = S(
-      (n, c) => {
-        de((g) => ({ ...g, [c]: !0 })), N == null || N(n);
+      (r, c) => {
+        de((g) => ({ ...g, [c]: !0 })), N == null || N(r);
       },
       [N]
     ), ue = S(
-      (n, c, g) => {
-        (n.key === "Enter" || n.key === " ") && (n.preventDefault(), I(c, g));
+      (r, c, g) => {
+        (r.key === "Enter" || r.key === " ") && (r.preventDefault(), I(c, g));
       },
       [I]
     ), V = Ae(t.length || 1), j = Ye({ cols: V });
@@ -360,9 +360,9 @@ const Ze = pe(
         role: "status",
         "aria-live": "polite",
         "aria-label": m("common.loading"),
-        children: Array.from({ length: V }, (n, c) => /* @__PURE__ */ C("div", { className: H(), children: [
+        children: Array.from({ length: V }, (r, c) => /* @__PURE__ */ C("div", { className: H(), children: [
           /* @__PURE__ */ i(B, { variant: "text", size: s, width: "60%" }),
-          /* @__PURE__ */ i("div", { className: _(), children: Array.from({ length: Math.min(r, 4) }, (g, z) => /* @__PURE__ */ i(
+          /* @__PURE__ */ i("div", { className: _(), children: Array.from({ length: Math.min(n, 4) }, (g, z) => /* @__PURE__ */ i(
             B,
             {
               variant: "rounded",
@@ -378,8 +378,8 @@ const Ze = pe(
       {
         className: j,
         "data-state": G ? "disabled" : "default",
-        children: t.map((n, c) => {
-          const g = `${h(n.date).toISOString()}-${c}`, z = n.label ?? X(h(n.date), T, l), E = `${ne}-day-${c}-header`, F = ie[g] ?? !1 ? n.slots : n.slots.slice(0, r), R = n.slots.length - F.length, M = n.slots.length === 0;
+        children: t.map((r, c) => {
+          const g = `${h(r.date).toISOString()}-${c}`, z = r.label ?? X(h(r.date), T, l), E = `${re}-day-${c}-header`, F = ie[g] ?? !1 ? r.slots : r.slots.slice(0, n), R = r.slots.length - F.length, M = r.slots.length === 0;
           return /* @__PURE__ */ C(
             "section",
             {
@@ -392,7 +392,7 @@ const Ze = pe(
                 /* @__PURE__ */ i("ul", { className: _(), children: F.map((p) => {
                   const me = He(
                     p,
-                    n,
+                    r,
                     T,
                     l,
                     ({ time: L, day: ge }) => m("slotGrid.slotLabel", { time: L, day: ge })
@@ -407,8 +407,8 @@ const Ze = pe(
                       disabled: O,
                       "aria-disabled": O || void 0,
                       "data-slot-id": p.id,
-                      onClick: () => I(p, n),
-                      onKeyDown: (L) => ue(L, p, n),
+                      onClick: () => I(p, r),
+                      onKeyDown: (L) => ue(L, p, r),
                       children: q(p, T, l)
                     }
                   ) }, p.id);
@@ -418,7 +418,7 @@ const Ze = pe(
                   {
                     intent: "ghost",
                     size: s === "lg" ? "md" : "sm",
-                    onClick: () => ce(n, g),
+                    onClick: () => ce(r, g),
                     disabled: v,
                     children: m("slotGrid.showMore", { count: R })
                   }
@@ -436,6 +436,7 @@ const Ze = pe(
         role: "region",
         "aria-label": le,
         className: Re({ size: s, className: te }),
+        "data-component": "slot-grid",
         "data-state": e,
         ...se,
         children: [
@@ -485,7 +486,7 @@ Ze.displayName = "SlotGrid";
 export {
   Ze as S,
   it as f,
-  nt as i,
+  rt as i,
   Ne as p
 };
-//# sourceMappingURL=slot-grid-BRAkqChA.js.map
+//# sourceMappingURL=slot-grid-WHc5A8-z.js.map