@alfadocs/ui-kit-debug 0.14.1 → 0.15.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit-debug",
-  "version": "0.14.1",
+  "version": "0.15.1",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe. (debug build — identical runtime to @alfadocs/ui-kit, ships source maps for symbolication).",
   "license": "BUSL-1.1",
@@ -103,6 +103,10 @@
       "types": "./dist/components/card/index.d.ts",
       "import": "./dist/components/card/index.js"
     },
+    "./carousel": {
+      "types": "./dist/components/carousel/index.d.ts",
+      "import": "./dist/components/carousel/index.js"
+    },
     "./chart": {
       "types": "./dist/components/chart/index.d.ts",
       "import": "./dist/components/chart/index.js"
@@ -299,6 +303,10 @@
       "types": "./dist/components/progress/index.d.ts",
       "import": "./dist/components/progress/index.js"
     },
+    "./public-header": {
+      "types": "./dist/components/public-header/index.d.ts",
+      "import": "./dist/components/public-header/index.js"
+    },
     "./radio-group": {
       "types": "./dist/components/radio-group/index.d.ts",
       "import": "./dist/components/radio-group/index.js"
@@ -668,6 +676,7 @@
     "country-flag-icons": "^1.6.16",
     "date-fns": "^4.1.0",
     "dompurify": "^3.4.0",
+    "embla-carousel-react": "8.6.0",
     "lucide-react": "^1.8.0",
     "react-day-picker": "^9.7.0",
     "react-dropzone": "^15.0.0",

package/dist/_chunks/header-D0ULgQl3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-D0ULgQl3.js","sources":["../../node_modules/lucide-react/dist/esm/icons/menu.js","../../src/components/header/header.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M4 5h16\", key: \"1tepv9\" }],\n  [\"path\", { d: \"M4 12h16\", key: \"1lakjw\" }],\n  [\"path\", { d: \"M4 19h16\", key: \"1djgab\" }]\n];\nconst Menu = createLucideIcon(\"menu\", __iconNode);\n\nexport { __iconNode, Menu as default };\n//# sourceMappingURL=menu.js.map\n","import {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  type AnchorHTMLAttributes,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Menu } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst rootVariants = cva(\n  [\n    'ds:w-full',\n    // Fixed height — a Header is always the `lg` token (64px). Using `h-*`\n    // (not `min-h-*`) pins the row regardless of how Storybook's Canvas /\n    // docs wrapper stretches the story's layout.\n    'ds:h-[var(--header-height-lg)]',\n    // `flex items-stretch` lets the inner div fill the full cross-axis so\n    // the flex-centered content sits on the true vertical midline.\n    'ds:flex ds:items-stretch',\n    // Pin to the top of the page — `sticky` keeps the Header in normal\n    // document flow (so content below isn't occluded and the docs Canvas\n    // doesn't leak the Header over adjacent preview blocks) but stays\n    // anchored to the viewport while the nearest scroll ancestor scrolls.\n    'ds:sticky ds:inset-block-start-0 ds:z-[var(--z-sticky)]',\n    'ds:bg-[var(--background)]',\n    'ds:text-[color:var(--foreground)]',\n    // Shadow recipe follows `Brand/Shadows` — one tier between states, never\n    // two. Resting: flat, no shadow. Scrolled: --shadow-md (tooltip/menu tier)\n    // paired with a 1-px --border so elevation still reads without the shadow\n    // in forced-colors / print, where UAs strip box-shadow. Transition is\n    // gated on `motion-reduce` so users opting out of motion still get the\n    // static elevation without animated lift.\n    'ds:transition-[border-color,box-shadow] ds:motion-reduce:transition-none',\n    'ds:border-block-end ds:border-transparent',\n    'ds:data-[scrolled=true]:border-[color:var(--border)]',\n    'ds:data-[scrolled=true]:shadow-[var(--shadow-md)]',\n    // Windows HCM: always show the border — forced-colors strips box-shadow\n    // entirely, so the border is the only separation cue the user gets.\n    'ds:forced-colors:border-[color:CanvasText]',\n    // Print: strip shadow, keep border so the header still reads as a\n    // bounded surface on paper.\n    'ds:print:shadow-none ds:print:border-[color:var(--border)]',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        // Brand surface — primary-tinted background with primary-foreground\n        // ink. Token rescopes are narrowed to `start` + `end` slots so chrome\n        // (IconButton outline border, Logo monochrome, focus rings) re-tints\n        // automatically. The `center` slot is excluded because SearchBar paints\n        // its own `var(--background)` surface and must keep the document's\n        // --foreground / --muted-foreground for its icon, placeholder, border,\n        // kbd chip, and hover state.\n        //\n        // Contrast: --primary-foreground (#fff) over --primary (violet-500) is\n        // 4.6:1 — passes WCAG AA for normal text. Muted-foreground is also set\n        // to pure primary-foreground so any muted text in the header clears AA.\n        //\n        // Dark-mode override: in dark mode --primary is magenta-500 — using it\n        // as the full-width header surface puts a hot-pink bar at the top of\n        // every page, which the Apr 2026 brand guide's own dark mockups never\n        // do (fuchsia is reserved for CTAs). We shift the header bg to\n        // --background (blue-500) in dark so the header blends with the Dark\n        // Blue brand surface at the same level as the Sidebar; separation\n        // from the main canvas (which we offset to blue-700) is carried by\n        // the existing scroll-shadow + border. White --primary-foreground ink\n        // on blue-500 clears AAA (~12.8:1).\n        brand: [\n          'ds:bg-[var(--primary)] ds:text-[color:var(--primary-foreground)]',\n          'ds:[.theme-dark_&]:bg-[var(--background)]',\n          'ds:[&_[data-header-slot=start]]:[--foreground:var(--primary-foreground)]',\n          'ds:[&_[data-header-slot=start]]:[--muted-foreground:var(--primary-foreground)]',\n          'ds:[&_[data-header-slot=start]]:[--border:color-mix(in_srgb,var(--primary-foreground)_40%,transparent)]',\n          'ds:[&_[data-header-slot=start]]:[--muted:color-mix(in_srgb,var(--primary-foreground)_16%,transparent)]',\n          'ds:[&_[data-header-slot=start]]:[--ring:var(--primary-foreground)]',\n          'ds:[&_[data-header-slot=end]]:[--foreground:var(--primary-foreground)]',\n          'ds:[&_[data-header-slot=end]]:[--muted-foreground:var(--primary-foreground)]',\n          'ds:[&_[data-header-slot=end]]:[--border:color-mix(in_srgb,var(--primary-foreground)_40%,transparent)]',\n          'ds:[&_[data-header-slot=end]]:[--muted:color-mix(in_srgb,var(--primary-foreground)_16%,transparent)]',\n          'ds:[&_[data-header-slot=end]]:[--ring:var(--primary-foreground)]',\n        ].join(' '),\n        // Light surface — plain page background with primary-coloured chrome.\n        // Start + end slots rescope --foreground, --border, --ring to --primary\n        // so IconButton borders/icons render in the brand hue while the\n        // HeaderBrand wordmark keeps its bicolor artwork and the SearchBar\n        // (center slot) is untouched.\n        light: [\n          'ds:bg-[var(--background)] ds:text-[color:var(--foreground)]',\n          'ds:[&_[data-header-slot=start]]:[--foreground:var(--primary)]',\n          'ds:[&_[data-header-slot=start]]:[--border:var(--primary)]',\n          'ds:[&_[data-header-slot=start]]:[--ring:var(--primary)]',\n          'ds:[&_[data-header-slot=end]]:[--foreground:var(--primary)]',\n          'ds:[&_[data-header-slot=end]]:[--border:var(--primary)]',\n          'ds:[&_[data-header-slot=end]]:[--ring:var(--primary)]',\n        ].join(' '),\n      },\n    },\n    defaultVariants: {\n      variant: 'brand',\n    },\n  },\n);\n\nconst innerVariants = cva(\n  [\n    'ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:w-full ds:h-full',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n  ].join(' '),\n);\n\nconst slotStartVariants = cva(\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]',\n);\nconst slotCenterVariants = cva(\n  'ds:hidden ds:md:flex ds:flex-1 ds:min-w-0 ds:items-center ds:justify-center ds:gap-[var(--spacing-sm)]',\n);\nconst slotEndVariants = cva(\n  'ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]',\n);\n\nconst brandVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:text-[length:var(--font-size-base)] ds:font-[var(--font-weight-semibold)]',\n    // `leading-none` zeros the anchor's line-height so the Logo SVG sits at\n    // the geometric centre of the flex cross-axis — otherwise the residual\n    // line-box above ascenders / below descenders nudges the SVG upward.\n    'ds:leading-none',\n    // Inherit foreground from the Header root so the `brand` variant's\n    // --primary-foreground ink cascades here without an override prop.\n    'ds:text-[color:currentColor]',\n    'ds:no-underline',\n    'ds:rounded-[var(--radius-sm)]',\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-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:min-h-[var(--min-target-size)]',\n  ].join(' '),\n);\n\nconst brandDividerVariants = cva(\n  [\n    'ds:hidden ds:md:inline-block',\n    'ds:border-inline-start ds:border-[color:var(--border)]',\n    'ds:self-stretch ds:my-[var(--spacing-xs)]',\n  ].join(' '),\n);\n\nconst skipLinkVariants = cva(\n  [\n    'ds:sr-only ds:focus:not-sr-only',\n    'ds:focus:absolute ds:focus:inset-inline-start-[var(--spacing-sm)] ds:focus:inset-block-start-[var(--spacing-sm)]',\n    'ds:focus:z-[calc(var(--z-sticky)+1)]',\n    'ds:focus:ps-[var(--spacing-sm)] ds:focus:pe-[var(--spacing-sm)] ds:focus:pbs-[var(--spacing-xs)] ds:focus:pbe-[var(--spacing-xs)]',\n    'ds:focus:bg-[var(--background)] ds:focus:text-[color:var(--foreground)]',\n    'ds:focus:border ds:focus:border-[color:var(--border)]',\n    'ds:focus:rounded-[var(--radius-sm)]',\n    'ds:focus:outline-[length:var(--focus-ring-width)] ds:focus:outline-solid ds:focus:outline-[color:var(--ring)]',\n    'ds:forced-colors:focus:outline-[CanvasText]',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport interface HeaderProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'role' | 'children'>,\n    VariantProps<typeof rootVariants> {\n  children: ReactNode;\n  /** Override the default landmark name. */\n  'aria-label'?: string;\n  /** Enable the scroll-linked border + shadow (default `true`). */\n  scrollLinkedElevation?: boolean;\n}\n\nexport const Header = forwardRef<HTMLElement, HeaderProps>(\n  (\n    {\n      variant = 'brand',\n      className,\n      children,\n      scrollLinkedElevation = true,\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const label = ariaLabel ?? t('navigation.header.label', 'Page header');\n\n    /* ---- Scroll-linked border / shadow ---------------------------- */\n    const sentinelRef = useRef<HTMLDivElement | null>(null);\n    const [scrolled, setScrolled] = useState(false);\n    useEffect(() => {\n      if (!scrollLinkedElevation) return undefined;\n      const sentinel = sentinelRef.current;\n      if (!sentinel) return undefined;\n      if (typeof IntersectionObserver === 'undefined') return undefined;\n      const io = new IntersectionObserver(\n        (entries) => {\n          const entry = entries[0];\n          // When the sentinel scrolls out of view (isIntersecting=false),\n          // the user has scrolled past the top — flip the elevation on.\n          setScrolled(!entry.isIntersecting);\n        },\n        { threshold: 0 },\n      );\n      io.observe(sentinel);\n      return () => io.disconnect();\n    }, [scrollLinkedElevation]);\n\n    return (\n      <>\n        {/* 1px sentinel above the sticky header so the IntersectionObserver\n            fires when the user scrolls past the top. Kept outside the\n            <header> so it doesn't affect landmark semantics. */}\n        {scrollLinkedElevation ? (\n          <div\n            ref={sentinelRef}\n            aria-hidden=\"true\"\n            className=\"ds:block ds:h-px ds:w-full\"\n          />\n        ) : null}\n        <header\n          ref={ref}\n          role=\"banner\"\n          aria-label={label}\n          data-component=\"header\"\n          data-scrolled={scrolled ? 'true' : undefined}\n          className={rootVariants({ variant, className })}\n          {...rest}\n        >\n          <div className={innerVariants()}>{children}</div>\n        </header>\n      </>\n    );\n  },\n);\nHeader.displayName = 'Header';\n\n/* ------------------------------------------------------------------ */\n/* Slot wrappers                                                        */\n/* ------------------------------------------------------------------ */\n\nexport const HeaderStart = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-header-slot=\"start\"\n    className={[slotStartVariants(), className].filter(Boolean).join(' ')}\n    {...props}\n  />\n));\nHeaderStart.displayName = 'HeaderStart';\n\nexport const HeaderCenter = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-header-slot=\"center\"\n    className={[slotCenterVariants(), className].filter(Boolean).join(' ')}\n    {...props}\n  />\n));\nHeaderCenter.displayName = 'HeaderCenter';\n\nexport const HeaderEnd = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-header-slot=\"end\"\n    className={[slotEndVariants(), className].filter(Boolean).join(' ')}\n    {...props}\n  />\n));\nHeaderEnd.displayName = 'HeaderEnd';\n\n/* ------------------------------------------------------------------ */\n/* Brand                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface HeaderBrandProps extends Omit<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  'children'\n> {\n  /** Logo slot — an <svg> / <img>. Must carry its own accessible name via aria-label on the wrapping component OR a visible wordmark child. */\n  logo?: ReactNode;\n  /** Visible wordmark / product name. Sits after the logo. */\n  children?: ReactNode;\n  /** Destination href. Defaults to \"/\". */\n  href?: string;\n}\n\nexport const HeaderBrand = forwardRef<HTMLAnchorElement, HeaderBrandProps>(\n  ({ logo, children, href = '/', className, ...props }, ref) => {\n    if (import.meta.env.DEV && !props['aria-label'] && !children) {\n      console.warn(\n        'HeaderBrand: pass `aria-label` or visible children — a logo-only brand link without a name has no accessible name.',\n      );\n    }\n    return (\n      <a\n        ref={ref}\n        href={href}\n        className={[brandVariants(), className].filter(Boolean).join(' ')}\n        {...props}\n      >\n        {logo ? (\n          <span\n            aria-hidden={children ? 'true' : undefined}\n            className=\"ds:inline-flex ds:items-center\"\n          >\n            {logo}\n          </span>\n        ) : null}\n        {children ? <span className=\"ds:truncate\">{children}</span> : null}\n      </a>\n    );\n  },\n);\nHeaderBrand.displayName = 'HeaderBrand';\n\n/* ------------------------------------------------------------------ */\n/* Brand divider                                                        */\n/* ------------------------------------------------------------------ */\n\nexport function HeaderBrandDivider({\n  className,\n  ...props\n}: HTMLAttributes<HTMLSpanElement>): ReactNode {\n  return (\n    <span\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={[brandDividerVariants(), className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Menu button (mobile drawer trigger)                                  */\n/* ------------------------------------------------------------------ */\n\nexport interface HeaderMenuButtonProps {\n  onMenuOpen: () => void;\n  'aria-label'?: string;\n  className?: string;\n}\n\nexport const HeaderMenuButton = forwardRef<\n  HTMLButtonElement,\n  HeaderMenuButtonProps\n>(({ onMenuOpen, 'aria-label': ariaLabel, className }, ref) => {\n  const { t } = useTranslation();\n  return (\n    <IconButton\n      ref={ref}\n      // Show on mobile; hide above md breakpoint.\n      className={['ds:md:hidden', className].filter(Boolean).join(' ')}\n      icon={<Menu aria-hidden />}\n      aria-label={ariaLabel ?? t('navigation.sidebar.open', 'Open menu')}\n      onClick={onMenuOpen}\n    />\n  );\n});\nHeaderMenuButton.displayName = 'HeaderMenuButton';\n\n/* ------------------------------------------------------------------ */\n/* SkipLink                                                             */\n/* ------------------------------------------------------------------ */\n\nexport interface HeaderSkipLinkProps extends Omit<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  'children'\n> {\n  href: string;\n  children?: ReactNode;\n}\n\nexport const HeaderSkipLink = forwardRef<\n  HTMLAnchorElement,\n  HeaderSkipLinkProps\n>(({ href, children, className, ...props }, ref) => {\n  const { t } = useTranslation();\n  return (\n    <a\n      ref={ref}\n      href={href}\n      className={[skipLinkVariants(), className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      {children ?? t('navigation.nav.skipToContent', 'Skip to content')}\n    </a>\n  );\n});\nHeaderSkipLink.displayName = 'HeaderSkipLink';\n"],"names":["__iconNode","Menu","createLucideIcon","rootVariants","cva","innerVariants","slotStartVariants","slotCenterVariants","slotEndVariants","brandVariants","brandDividerVariants","skipLinkVariants","Header","forwardRef","variant","className","children","scrollLinkedElevation","ariaLabel","rest","ref","t","useTranslation","label","sentinelRef","useRef","scrolled","setScrolled","useState","useEffect","sentinel","io","entries","entry","jsxs","Fragment","jsx","HeaderStart","props","HeaderCenter","HeaderEnd","HeaderBrand","logo","href","HeaderBrandDivider","HeaderMenuButton","onMenuOpen","IconButton","HeaderSkipLink"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/stat-CDQ_a0vk.js

@@ -1,228 +0,0 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { forwardRef as I, useId as j } from "react";
-import { c as p } from "./index-D2ZczOXr.js";
-import { useTranslation as h } from "react-i18next";
-const y = p("ds:flex ds:flex-col", {
-  variants: {
-    variant: {
-      default: "ds:gap-[var(--spacing-xs)]",
-      outlined: [
-        "ds:gap-[var(--spacing-xs)]",
-        "ds:border ds:border-[color:var(--border)]",
-        "ds:rounded-[var(--radius-md)]",
-        "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-        "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
-      ].join(" "),
-      // White card surface with the shared card shadow — matches
-      // `Card variant="elevated"` tokens (`--card` + `--shadow-card`) so
-      // a grid of elevated Stats reads as a set of shaded panels without
-      // nesting a Card around each one.
-      elevated: [
-        "ds:gap-[var(--spacing-xs)]",
-        "ds:bg-[var(--card)]",
-        "ds:text-[var(--card-foreground)]",
-        "ds:shadow-[var(--shadow-card)]",
-        "ds:rounded-[var(--radius-lg)]",
-        "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-        "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
-        // Forced-colors: UA strips shadow, so render a border as the
-        // separation cue — mirrors Card's forced-colors behaviour.
-        "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
-      ].join(" "),
-      compact: "ds:gap-[var(--spacing-none)]"
-    },
-    size: {
-      sm: "",
-      md: "",
-      lg: ""
-    },
-    align: {
-      start: "ds:items-start ds:text-start",
-      center: "ds:items-center ds:text-center",
-      end: "ds:items-end ds:text-end"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "md",
-    align: "start"
-  }
-}), k = p("type-metric ds:text-[var(--foreground)]", {
-  variants: {
-    size: {
-      sm: "ds:[--type-metric-size:var(--font-size-xl)]",
-      md: "ds:[--type-metric-size:var(--font-size-3xl)]",
-      lg: "ds:[--type-metric-size:var(--font-size-5xl)]"
-    },
-    variant: {
-      default: "",
-      outlined: "",
-      elevated: "",
-      compact: ""
-    }
-  },
-  compoundVariants: [
-    {
-      variant: "compact",
-      size: "sm",
-      className: "ds:[--type-metric-size:var(--font-size-lg)]"
-    },
-    {
-      variant: "compact",
-      size: "md",
-      className: "ds:[--type-metric-size:var(--font-size-xl)]"
-    },
-    {
-      variant: "compact",
-      size: "lg",
-      className: "ds:[--type-metric-size:var(--font-size-2xl)]"
-    }
-  ],
-  defaultVariants: {
-    size: "md",
-    variant: "default"
-  }
-}), S = p(
-  "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-label",
-  {
-    variants: {
-      trend: {
-        up: "ds:text-[var(--success)]",
-        down: "ds:text-[var(--destructive)]",
-        flat: "ds:text-[var(--muted-foreground)]"
-      }
-    },
-    defaultVariants: {
-      trend: "flat"
-    }
-  }
-), T = { up: "↑", down: "↓", flat: "→" }, F = {
-  up: "stat.trend.up",
-  down: "stat.trend.down",
-  flat: "stat.trend.flat"
-};
-function R({
-  trend: s,
-  delta: a,
-  deltaFormat: t = "decimal",
-  locale: l
-}) {
-  const { t: r, i18n: d } = h(), n = typeof a == "string" ? a : new Intl.NumberFormat(l ?? d.language, {
-    style: t === "percent" ? "percent" : "decimal"
-  }).format(t === "percent" ? a / 100 : a);
-  return /* @__PURE__ */ c("span", { className: S({ trend: s }), children: [
-    /* @__PURE__ */ e("span", { "aria-hidden": "true", children: T[s] }),
-    /* @__PURE__ */ e("span", { className: "ds:sr-only", children: r(F[s]) }),
-    n
-  ] });
-}
-const D = I(
-  ({
-    label: s,
-    value: a,
-    format: t,
-    currency: l,
-    locale: r,
-    trend: d,
-    delta: n,
-    deltaFormat: N = "decimal",
-    icon: u,
-    loading: w = !1,
-    variant: o = "default",
-    size: m = "md",
-    align: v = "start",
-    className: f,
-    ...g
-  }, x) => {
-    const { i18n: z } = h(), b = j(), V = () => {
-      if (typeof a == "string") return a;
-      const i = r ?? z.language;
-      switch (t) {
-        case "currency":
-          return new Intl.NumberFormat(i, {
-            style: "currency",
-            currency: l ?? "USD"
-          }).format(a);
-        case "percent":
-          return new Intl.NumberFormat(i, { style: "percent" }).format(
-            a
-          );
-        case "decimal":
-          return new Intl.NumberFormat(i, { style: "decimal" }).format(
-            a
-          );
-        default:
-          return new Intl.NumberFormat(i).format(a);
-      }
-    };
-    return w ? /* @__PURE__ */ c(
-      "div",
-      {
-        ref: x,
-        role: "group",
-        "aria-busy": "true",
-        "aria-label": s,
-        "data-component": "stat",
-        className: y({ variant: o, size: m, align: v, className: f }),
-        ...g,
-        children: [
-          /* @__PURE__ */ e("div", { className: "ds:h-[var(--skeleton-label-h)] ds:w-[var(--skeleton-label-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]" }),
-          /* @__PURE__ */ e("div", { className: "ds:h-[var(--skeleton-value-h)] ds:w-[var(--skeleton-value-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]" })
-        ]
-      }
-    ) : /* @__PURE__ */ c(
-      "div",
-      {
-        ref: x,
-        role: "group",
-        "aria-labelledby": b,
-        "data-component": "stat",
-        className: y({ variant: o, size: m, align: v, className: f }),
-        ...g,
-        children: [
-          /* @__PURE__ */ c("span", { className: "ds:inline-flex ds:items-center", children: [
-            u && /* @__PURE__ */ e(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: [
-                  "ds:me-[var(--spacing-xs)] ds:inline-flex ds:shrink-0",
-                  // Accent tint on the leading icon. The icon is decorative
-                  // (aria-hidden), so magenta-500's 3.2:1 contrast on white
-                  // is acceptable here — the Stat label + value still
-                  // carry the accessible name at `--foreground`.
-                  "ds:text-[color:var(--accent)]",
-                  "ds:forced-colors:text-[CanvasText]"
-                ].join(" "),
-                children: u
-              }
-            ),
-            /* @__PURE__ */ e(
-              "span",
-              {
-                id: b,
-                className: "type-label ds:text-[var(--muted-foreground)]",
-                children: s
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e("span", { className: k({ size: m, variant: o }), children: V() }),
-          d != null && n != null && /* @__PURE__ */ e(
-            R,
-            {
-              trend: d,
-              delta: n,
-              deltaFormat: N,
-              locale: r
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-D.displayName = "Stat";
-export {
-  D as S
-};
-//# sourceMappingURL=stat-CDQ_a0vk.js.map

package/dist/_chunks/stat-CDQ_a0vk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stat-CDQ_a0vk.js","sources":["../../src/components/stat/stat.tsx"],"sourcesContent":["import { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ */\n/* CVA — stat root                                                      */\n/* ------------------------------------------------------------------ */\n\nconst statVariants = cva('ds:flex ds:flex-col', {\n  variants: {\n    variant: {\n      default: 'ds:gap-[var(--spacing-xs)]',\n      outlined: [\n        'ds:gap-[var(--spacing-xs)]',\n        'ds:border ds:border-[color:var(--border)]',\n        'ds:rounded-[var(--radius-md)]',\n        'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n      ].join(' '),\n      // White card surface with the shared card shadow — matches\n      // `Card variant=\"elevated\"` tokens (`--card` + `--shadow-card`) so\n      // a grid of elevated Stats reads as a set of shaded panels without\n      // nesting a Card around each one.\n      elevated: [\n        'ds:gap-[var(--spacing-xs)]',\n        'ds:bg-[var(--card)]',\n        'ds:text-[var(--card-foreground)]',\n        'ds:shadow-[var(--shadow-card)]',\n        'ds:rounded-[var(--radius-lg)]',\n        'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n        // Forced-colors: UA strips shadow, so render a border as the\n        // separation cue — mirrors Card's forced-colors behaviour.\n        'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n      ].join(' '),\n      compact: 'ds:gap-[var(--spacing-none)]',\n    },\n    size: {\n      sm: '',\n      md: '',\n      lg: '',\n    },\n    align: {\n      start: 'ds:items-start ds:text-start',\n      center: 'ds:items-center ds:text-center',\n      end: 'ds:items-end ds:text-end',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n    align: 'start',\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — value element                                                  */\n/* ------------------------------------------------------------------ */\n\nconst valueVariants = cva('type-metric ds:text-[var(--foreground)]', {\n  variants: {\n    size: {\n      sm: 'ds:[--type-metric-size:var(--font-size-xl)]',\n      md: 'ds:[--type-metric-size:var(--font-size-3xl)]',\n      lg: 'ds:[--type-metric-size:var(--font-size-5xl)]',\n    },\n    variant: {\n      default: '',\n      outlined: '',\n      elevated: '',\n      compact: '',\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'compact',\n      size: 'sm',\n      className: 'ds:[--type-metric-size:var(--font-size-lg)]',\n    },\n    {\n      variant: 'compact',\n      size: 'md',\n      className: 'ds:[--type-metric-size:var(--font-size-xl)]',\n    },\n    {\n      variant: 'compact',\n      size: 'lg',\n      className: 'ds:[--type-metric-size:var(--font-size-2xl)]',\n    },\n  ],\n  defaultVariants: {\n    size: 'md',\n    variant: 'default',\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — trend element                                                  */\n/* ------------------------------------------------------------------ */\n\nconst trendVariants = cva(\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-label',\n  {\n    variants: {\n      trend: {\n        up: 'ds:text-[var(--success)]',\n        down: 'ds:text-[var(--destructive)]',\n        flat: 'ds:text-[var(--muted-foreground)]',\n      },\n    },\n    defaultVariants: {\n      trend: 'flat',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* StatTrend (internal — not exported)                                  */\n/* ------------------------------------------------------------------ */\n\ninterface StatTrendProps {\n  trend: 'up' | 'down' | 'flat';\n  delta: number | string;\n  deltaFormat?: 'decimal' | 'percent';\n  locale?: string;\n}\n\nconst ARROW = { up: '↑', down: '↓', flat: '→' } as const;\nconst TREND_KEY = {\n  up: 'stat.trend.up',\n  down: 'stat.trend.down',\n  flat: 'stat.trend.flat',\n} as const;\n\nfunction StatTrend({\n  trend,\n  delta,\n  deltaFormat = 'decimal',\n  locale,\n}: StatTrendProps) {\n  const { t, i18n } = useTranslation();\n\n  const formattedDelta =\n    typeof delta === 'string'\n      ? delta\n      : new Intl.NumberFormat(locale ?? i18n.language, {\n          style: deltaFormat === 'percent' ? 'percent' : 'decimal',\n        }).format(deltaFormat === 'percent' ? delta / 100 : delta);\n\n  return (\n    <span className={trendVariants({ trend })}>\n      <span aria-hidden=\"true\">{ARROW[trend]}</span>\n      <span className=\"ds:sr-only\">{t(TREND_KEY[trend])}</span>\n      {formattedDelta}\n    </span>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* StatProps                                                            */\n/* ------------------------------------------------------------------ */\n\nexport interface StatProps\n  extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof statVariants> {\n  /** Metric label rendered above the value. */\n  label: string;\n  /** Numeric or pre-formatted string value. */\n  value: number | string;\n  /** Number formatting style. Omit to use default decimal formatting. */\n  format?: 'decimal' | 'currency' | 'percent';\n  /** ISO 4217 currency code — required when format=\"currency\". */\n  currency?: string;\n  /** BCP 47 locale override. Defaults to the active i18n language. */\n  locale?: string;\n  /** Trend direction. Requires `delta` to render the trend row. */\n  trend?: 'up' | 'down' | 'flat';\n  /** Trend delta magnitude, e.g. 12 for \"↑ 12%\". */\n  delta?: number | string;\n  /** Number formatting style for the delta. Default \"decimal\". */\n  deltaFormat?: 'decimal' | 'percent';\n  /** Optional leading icon rendered at the start of the label row. */\n  icon?: ReactNode;\n  /** Renders animated skeleton placeholders instead of content. */\n  loading?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* Stat                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport const Stat = forwardRef<HTMLDivElement, StatProps>(\n  (\n    {\n      label,\n      value,\n      format,\n      currency,\n      locale,\n      trend,\n      delta,\n      deltaFormat = 'decimal',\n      icon,\n      loading = false,\n      variant = 'default',\n      size = 'md',\n      align = 'start',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { i18n } = useTranslation();\n    const labelId = useId();\n\n    const formatValue = (): string => {\n      if (typeof value === 'string') return value;\n      const lang = locale ?? i18n.language;\n\n      switch (format) {\n        case 'currency':\n          return new Intl.NumberFormat(lang, {\n            style: 'currency',\n            currency: currency ?? 'USD',\n          }).format(value);\n        case 'percent':\n          return new Intl.NumberFormat(lang, { style: 'percent' }).format(\n            value,\n          );\n        case 'decimal':\n          return new Intl.NumberFormat(lang, { style: 'decimal' }).format(\n            value,\n          );\n        default:\n          return new Intl.NumberFormat(lang).format(value);\n      }\n    };\n\n    if (loading) {\n      return (\n        <div\n          ref={ref}\n          role=\"group\"\n          aria-busy=\"true\"\n          aria-label={label}\n          data-component=\"stat\"\n          className={statVariants({ variant, size, align, className })}\n          {...props}\n        >\n          <div className=\"ds:h-[var(--skeleton-label-h)] ds:w-[var(--skeleton-label-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]\" />\n          <div className=\"ds:h-[var(--skeleton-value-h)] ds:w-[var(--skeleton-value-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]\" />\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-labelledby={labelId}\n        data-component=\"stat\"\n        className={statVariants({ variant, size, align, className })}\n        {...props}\n      >\n        <span className=\"ds:inline-flex ds:items-center\">\n          {icon && (\n            <span\n              aria-hidden=\"true\"\n              className={[\n                'ds:me-[var(--spacing-xs)] ds:inline-flex ds:shrink-0',\n                // Accent tint on the leading icon. The icon is decorative\n                // (aria-hidden), so magenta-500's 3.2:1 contrast on white\n                // is acceptable here — the Stat label + value still\n                // carry the accessible name at `--foreground`.\n                'ds:text-[color:var(--accent)]',\n                'ds:forced-colors:text-[CanvasText]',\n              ].join(' ')}\n            >\n              {icon}\n            </span>\n          )}\n          <span\n            id={labelId}\n            className=\"type-label ds:text-[var(--muted-foreground)]\"\n          >\n            {label}\n          </span>\n        </span>\n        <span className={valueVariants({ size, variant })}>\n          {formatValue()}\n        </span>\n        {trend != null && delta != null && (\n          <StatTrend\n            trend={trend}\n            delta={delta}\n            deltaFormat={deltaFormat}\n            locale={locale}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nStat.displayName = 'Stat';\n"],"names":["statVariants","cva","valueVariants","trendVariants","ARROW","TREND_KEY","StatTrend","trend","delta","deltaFormat","locale","t","i18n","useTranslation","formattedDelta","jsx","Stat","forwardRef","label","value","format","currency","icon","loading","variant","size","align","className","props","ref","labelId","useId","formatValue","lang","jsxs"],"mappings":"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"}