npm - @alfadocs/ui-kit-debug - Versions diffs - 1.96.0 → 1.98.0 - Mend

@alfadocs/ui-kit-debug 1.96.0 → 1.98.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (314) hide show

package/dist/_chunks/{signed-out-frame-CRwVTCjY.js → signed-out-frame-BcQE00H1.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import { jsxs as d, jsx as e, Fragment as v } from "react/jsx-runtime";
 import { forwardRef as y } from "react";
 import { c as H } from "./index-D2ZczOXr.js";
 import { A as S } from "./app-frame-DUPEwu4E.js";
-import { P as x } from "./public-footer-BiPiU_lk.js";
+import { P as x } from "./public-footer-t6gx6sjn.js";
 import { useTranslation as b } from "react-i18next";
 import { B as u } from "./button-DohK_Ak_.js";
 import { H as N, g as O, f as F, a as z, d as B } from "./header-l_B8MV0g.js";
@@ -168,4 +168,4 @@ export {
   V as S,
   w as a
 };
-//# sourceMappingURL=signed-out-frame-CRwVTCjY.js.map
+//# sourceMappingURL=signed-out-frame-BcQE00H1.js.map

package/dist/_chunks/{signed-out-frame-CRwVTCjY.js.map → signed-out-frame-BcQE00H1.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"signed-out-frame-CRwVTCjY.js","sources":["../../src/patterns/signed-out-frame/signed-out-header.tsx","../../src/patterns/signed-out-frame/signed-out-frame.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- /\n/ SignedOutHeader — the app's Header as a visitor sees it before /\n/ sign-in: the brand, the skip link and the way to the other /\n/ signed-out pages. No search, inbox or account menu. /\n/ /\n/ A link shows only when the host gives its address. On the login page /\n/ that is the two ways to register; on a registration page it is the /\n/ way back to the login. /\n/ -------------------------------------------------------------------- /\n\nimport { forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { LogIn, Stethoscope, User } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '../../components/button';\nimport {\n Header,\n HeaderBrand,\n HeaderEnd,\n HeaderSkipLink,\n HeaderStart,\n} from '../../components/header';\nimport { Logo } from '../../components/logo';\nimport { isSafeHref } from '../../components/_shared/safe-href';\n\nexport interface SignedOutHeaderProps {\n /* Where the brand leads. Default `/`. /\n homeHref?: string;\n /* The id of the `<main>` the skip link lands on. Default\n * `main-content`, `AppFrame`'s own default. /\n mainId?: string;\n /\n Adds \"Sign in\". For a registration page. A path on the same site, or\n * an address written in full (`https://…`); anything else shows no\n * link. The same rule holds for the two addresses below.\n /\n loginHref?: string;\n /* Adds \"Register as a doctor\". For the login page. /\n registerDoctorHref?: string;\n /* Adds \"Register as a patient\". For the login page. /\n registerPatientHref?: string;\n}\n\n// The header's buttons are the header turned inside out: the bar's ink as\n// the fill, the bar's own colour (`--header-brand-surface`) as the text.\n// Light: white with violet text (4.75:1). Dark: the bar is the page's navy,\n// so the text is navy too; fuchsia on the cream fill would be 2.75:1.\n//\n// Hover tints the fill with the bar. In the light theme that alone would\n// drop the violet text to 4.07:1, so the text deepens with it (4.76:1):\n// `--header-brand-surface-hover` is --primary-hover in light and stays the\n// navy in dark. The buttons carry no `--secondary-border` edge: the fill is\n// already the bar's ink.\n//\n// A small button is 32px tall from `sm` up and drops its wider hit box\n// there. These keep the hit box at every width: the bar is 64px tall, and\n// a tablet is touched as much as a phone.\nconst linksVariants = cva(\n 'ds:items-center ds:gap-[var(--spacing-sm)] ds:[--secondary:var(--header-foreground)] ds:[--secondary-hover:color-mix(in_srgb,var(--header-foreground)_88%,transparent)] ds:[--secondary-border:transparent] ds:[--secondary-foreground:var(--header-brand-surface,var(--primary))] ds:[&_a:hover]:[--secondary-foreground:var(--header-brand-surface-hover,var(--primary-hover))] ds:[&_a]:sm:before:block',\n {\n variants: {\n /* Labelled buttons from `md` up; icons only below it. /\n show: {\n wide: 'ds:hidden ds:md:inline-flex',\n narrow: 'ds:inline-flex ds:md:hidden',\n always: 'ds:inline-flex',\n },\n },\n defaultVariants: { show: 'always' },\n },\n);\n\n/* An address a link may use, or nothing. /\nconst linkTo = (href: string \| undefined): string \| undefined =>\n href && isSafeHref(href) ? href : undefined;\n\ninterface RegisterLinksProps {\n doctorHref: string \| undefined;\n patientHref: string \| undefined;\n hideLabel?: boolean;\n}\n\n/* The ways to open an account. Links, not buttons: each goes to its own\n * registration page. /\nfunction RegisterLinks({\n doctorHref,\n patientHref,\n hideLabel = false,\n}: RegisterLinksProps) {\n const { t } = useTranslation('ui');\n return (\n <>\n {doctorHref && (\n <Button\n asChild\n intent=\"secondary\"\n size=\"sm\"\n startIcon={<Stethoscope />}\n hideLabel={hideLabel}\n >\n <a href={doctorHref} data-action=\"register-doctor\">\n {t('signedOutHeader.registerDoctor')}\n </a>\n </Button>\n )}\n {patientHref && (\n <Button\n asChild\n intent=\"secondary\"\n size=\"sm\"\n startIcon={<User />}\n hideLabel={hideLabel}\n >\n <a href={patientHref} data-action=\"register-patient\">\n {t('signedOutHeader.registerPatient')}\n </a>\n </Button>\n )}\n </>\n );\n}\n\n/\n The signed-out header. `SignedOutFrame` renders it; use it on its own\n * only with a frame of your own.\n /\nexport const SignedOutHeader = forwardRef<HTMLElement, SignedOutHeaderProps>(\n (\n {\n homeHref = '/',\n mainId = 'main-content',\n loginHref,\n registerDoctorHref,\n registerPatientHref,\n },\n ref,\n ) => {\n const { t } = useTranslation('ui');\n const loginLink = linkTo(loginHref);\n const doctorLink = linkTo(registerDoctorHref);\n const patientLink = linkTo(registerPatientHref);\n const hasRegister = Boolean(doctorLink \|\| patientLink);\n\n return (\n <Header ref={ref}>\n <HeaderStart>\n <HeaderSkipLink href={`#${mainId}`} />\n <HeaderBrand\n href={linkTo(homeHref) ?? '/'}\n logo={<Logo variant=\"monochrome\" size=\"md\" decorative />}\n aria-label={t('publicHeader.homeLabel')}\n />\n </HeaderStart>\n {(loginLink \|\| hasRegister) && (\n <HeaderEnd>\n {/ One short label: it keeps its text on a phone. /}\n {loginLink && (\n <div className={linksVariants()}>\n <Button\n asChild\n intent=\"secondary\"\n size=\"sm\"\n startIcon={<LogIn />}\n >\n <a href={loginLink} data-action=\"login\">\n {t('signedOutHeader.login')}\n </a>\n </Button>\n </div>\n )}\n {/ Two labelled buttons and the brand do not fit a phone, so\n below `md` each folds to its icon and keeps its name for a\n screen reader. /}\n {hasRegister && (\n <>\n <div className={linksVariants({ show: 'wide' })}>\n <RegisterLinks\n doctorHref={doctorLink}\n patientHref={patientLink}\n />\n </div>\n <div className={linksVariants({ show: 'narrow' })}>\n <RegisterLinks\n doctorHref={doctorLink}\n patientHref={patientLink}\n hideLabel\n />\n </div>\n </>\n )}\n </HeaderEnd>\n )}\n </Header>\n );\n },\n);\nSignedOutHeader.displayName = 'SignedOutHeader';\n","/ -------------------------------------------------------------------- /\n/ SignedOutFrame — the app frame as a visitor sees it before sign-in. /\n/ /\n/ The signed-out header on top, no sidebar, the page's content centred /\n/ on the app's canvas, and the minimal footer with the privacy policy /\n/ and the terms. The login, forgot-password and registration pages /\n/ wear it, so they read as one family. /\n/ -------------------------------------------------------------------- /\n\nimport { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { AppFrame } from '../../components/app-frame';\nimport {\n PublicFooter,\n type LegalUrlOverrides,\n} from '../../components/public-footer';\nimport {\n SignedOutHeader,\n type SignedOutHeaderProps,\n} from './signed-out-header';\n\nexport interface SignedOutFrameProps\n extends\n Omit<HTMLAttributes<HTMLDivElement>, 'children'>,\n SignedOutHeaderProps {\n /* The page: a card such as `LoginForm`, centred in `<main>`. /\n children: ReactNode;\n /* Shows the footer with the privacy policy and the terms. Default\n * true. /\n showFooter?: boolean;\n /\n Adds the footer's copyright line: the year, the company's registered\n * name and its VAT number. Default false.\n /\n showCopyright?: boolean;\n /* The site the footer's legal links lead to. Default: the footer's\n * own, `https://www.alfadocs.com`. /\n marketingBaseUrl?: string;\n /* The footer's legal links, per language, where they differ from its\n * defaults. /\n legalUrlOverrides?: LegalUrlOverrides;\n}\n\n// The wrapper is only a marker: the frame inside it is the box. It has\n// no box of its own (`display: contents`), so a `className` that sizes or\n// spaces it does nothing, and a ref to it measures nothing.\nconst signedOutFrameVariants = cva('ds:contents');\n\n/\n The signed-out app frame. It is one viewport tall: the header and the\n * footer stay put and the content scrolls between them.\n /\nexport const SignedOutFrame = forwardRef<HTMLDivElement, SignedOutFrameProps>(\n (\n {\n children,\n homeHref,\n mainId = 'main-content',\n loginHref,\n registerDoctorHref,\n registerPatientHref,\n showFooter = true,\n showCopyright = false,\n marketingBaseUrl,\n legalUrlOverrides,\n className,\n ...rest\n },\n ref,\n ) => (\n <div\n ref={ref}\n {...rest}\n data-component=\"signed-out-frame\"\n className={signedOutFrameVariants({ className })}\n >\n {/ `<main>` is a size container, so the content can be exactly as\n tall as the space between the header and the footer (`100cqh`)\n and centre in it, whatever height the footer wraps to on a\n phone. */}\n <AppFrame\n header={\n <SignedOutHeader\n homeHref={homeHref}\n mainId={mainId}\n loginHref={loginHref}\n registerDoctorHref={registerDoctorHref}\n registerPatientHref={registerPatientHref}\n />\n }\n sidebar={null}\n footer={\n showFooter ? (\n <PublicFooter\n variant=\"minimal\"\n showCopyright={showCopyright}\n marketingBaseUrl={marketingBaseUrl}\n legalUrlOverrides={legalUrlOverrides}\n />\n ) : undefined\n }\n mainId={mainId}\n padded={false}\n mainClassName=\"ds:bg-[color:var(--app-shell-background)] ds:[container-type:size]\"\n >\n <div className=\"ds:flex ds:min-h-[100cqh] ds:w-full ds:items-center ds:justify-center ds:p-0 ds:sm:p-[var(--spacing-lg)]\">\n {children}\n </div>\n </AppFrame>\n </div>\n ),\n);\nSignedOutFrame.displayName = 'SignedOutFrame';\n"],"names":["linksVariants","cva","linkTo","href","isSafeHref","RegisterLinks","doctorHref","patientHref","hideLabel","t","useTranslation","jsxs","Fragment","jsx","Button","Stethoscope","User","SignedOutHeader","forwardRef","homeHref","mainId","loginHref","registerDoctorHref","registerPatientHref","ref","loginLink","doctorLink","patientLink","hasRegister","Header","HeaderStart","HeaderSkipLink","HeaderBrand","Logo","HeaderEnd","LogIn","signedOutFrameVariants","SignedOutFrame","children","showFooter","showCopyright","marketingBaseUrl","legalUrlOverrides","className","rest","AppFrame","PublicFooter"],"mappings":"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"}
1	+ {"version":3,"file":"signed-out-frame-BcQE00H1.js","sources":["../../src/patterns/signed-out-frame/signed-out-header.tsx","../../src/patterns/signed-out-frame/signed-out-frame.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- /\n/ SignedOutHeader — the app's Header as a visitor sees it before /\n/ sign-in: the brand, the skip link and the way to the other /\n/ signed-out pages. No search, inbox or account menu. /\n/ /\n/ A link shows only when the host gives its address. On the login page /\n/ that is the two ways to register; on a registration page it is the /\n/ way back to the login. /\n/ -------------------------------------------------------------------- /\n\nimport { forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { LogIn, Stethoscope, User } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '../../components/button';\nimport {\n Header,\n HeaderBrand,\n HeaderEnd,\n HeaderSkipLink,\n HeaderStart,\n} from '../../components/header';\nimport { Logo } from '../../components/logo';\nimport { isSafeHref } from '../../components/_shared/safe-href';\n\nexport interface SignedOutHeaderProps {\n /* Where the brand leads. Default `/`. /\n homeHref?: string;\n /* The id of the `<main>` the skip link lands on. Default\n * `main-content`, `AppFrame`'s own default. /\n mainId?: string;\n /\n Adds \"Sign in\". For a registration page. A path on the same site, or\n * an address written in full (`https://…`); anything else shows no\n * link. The same rule holds for the two addresses below.\n /\n loginHref?: string;\n /* Adds \"Register as a doctor\". For the login page. /\n registerDoctorHref?: string;\n /* Adds \"Register as a patient\". For the login page. /\n registerPatientHref?: string;\n}\n\n// The header's buttons are the header turned inside out: the bar's ink as\n// the fill, the bar's own colour (`--header-brand-surface`) as the text.\n// Light: white with violet text (4.75:1). Dark: the bar is the page's navy,\n// so the text is navy too; fuchsia on the cream fill would be 2.75:1.\n//\n// Hover tints the fill with the bar. In the light theme that alone would\n// drop the violet text to 4.07:1, so the text deepens with it (4.76:1):\n// `--header-brand-surface-hover` is --primary-hover in light and stays the\n// navy in dark. The buttons carry no `--secondary-border` edge: the fill is\n// already the bar's ink.\n//\n// A small button is 32px tall from `sm` up and drops its wider hit box\n// there. These keep the hit box at every width: the bar is 64px tall, and\n// a tablet is touched as much as a phone.\nconst linksVariants = cva(\n 'ds:items-center ds:gap-[var(--spacing-sm)] ds:[--secondary:var(--header-foreground)] ds:[--secondary-hover:color-mix(in_srgb,var(--header-foreground)_88%,transparent)] ds:[--secondary-border:transparent] ds:[--secondary-foreground:var(--header-brand-surface,var(--primary))] ds:[&_a:hover]:[--secondary-foreground:var(--header-brand-surface-hover,var(--primary-hover))] ds:[&_a]:sm:before:block',\n {\n variants: {\n /* Labelled buttons from `md` up; icons only below it. /\n show: {\n wide: 'ds:hidden ds:md:inline-flex',\n narrow: 'ds:inline-flex ds:md:hidden',\n always: 'ds:inline-flex',\n },\n },\n defaultVariants: { show: 'always' },\n },\n);\n\n/* An address a link may use, or nothing. /\nconst linkTo = (href: string \| undefined): string \| undefined =>\n href && isSafeHref(href) ? href : undefined;\n\ninterface RegisterLinksProps {\n doctorHref: string \| undefined;\n patientHref: string \| undefined;\n hideLabel?: boolean;\n}\n\n/* The ways to open an account. Links, not buttons: each goes to its own\n * registration page. /\nfunction RegisterLinks({\n doctorHref,\n patientHref,\n hideLabel = false,\n}: RegisterLinksProps) {\n const { t } = useTranslation('ui');\n return (\n <>\n {doctorHref && (\n <Button\n asChild\n intent=\"secondary\"\n size=\"sm\"\n startIcon={<Stethoscope />}\n hideLabel={hideLabel}\n >\n <a href={doctorHref} data-action=\"register-doctor\">\n {t('signedOutHeader.registerDoctor')}\n </a>\n </Button>\n )}\n {patientHref && (\n <Button\n asChild\n intent=\"secondary\"\n size=\"sm\"\n startIcon={<User />}\n hideLabel={hideLabel}\n >\n <a href={patientHref} data-action=\"register-patient\">\n {t('signedOutHeader.registerPatient')}\n </a>\n </Button>\n )}\n </>\n );\n}\n\n/\n The signed-out header. `SignedOutFrame` renders it; use it on its own\n * only with a frame of your own.\n /\nexport const SignedOutHeader = forwardRef<HTMLElement, SignedOutHeaderProps>(\n (\n {\n homeHref = '/',\n mainId = 'main-content',\n loginHref,\n registerDoctorHref,\n registerPatientHref,\n },\n ref,\n ) => {\n const { t } = useTranslation('ui');\n const loginLink = linkTo(loginHref);\n const doctorLink = linkTo(registerDoctorHref);\n const patientLink = linkTo(registerPatientHref);\n const hasRegister = Boolean(doctorLink \|\| patientLink);\n\n return (\n <Header ref={ref}>\n <HeaderStart>\n <HeaderSkipLink href={`#${mainId}`} />\n <HeaderBrand\n href={linkTo(homeHref) ?? '/'}\n logo={<Logo variant=\"monochrome\" size=\"md\" decorative />}\n aria-label={t('publicHeader.homeLabel')}\n />\n </HeaderStart>\n {(loginLink \|\| hasRegister) && (\n <HeaderEnd>\n {/ One short label: it keeps its text on a phone. /}\n {loginLink && (\n <div className={linksVariants()}>\n <Button\n asChild\n intent=\"secondary\"\n size=\"sm\"\n startIcon={<LogIn />}\n >\n <a href={loginLink} data-action=\"login\">\n {t('signedOutHeader.login')}\n </a>\n </Button>\n </div>\n )}\n {/ Two labelled buttons and the brand do not fit a phone, so\n below `md` each folds to its icon and keeps its name for a\n screen reader. /}\n {hasRegister && (\n <>\n <div className={linksVariants({ show: 'wide' })}>\n <RegisterLinks\n doctorHref={doctorLink}\n patientHref={patientLink}\n />\n </div>\n <div className={linksVariants({ show: 'narrow' })}>\n <RegisterLinks\n doctorHref={doctorLink}\n patientHref={patientLink}\n hideLabel\n />\n </div>\n </>\n )}\n </HeaderEnd>\n )}\n </Header>\n );\n },\n);\nSignedOutHeader.displayName = 'SignedOutHeader';\n","/ -------------------------------------------------------------------- /\n/ SignedOutFrame — the app frame as a visitor sees it before sign-in. /\n/ /\n/ The signed-out header on top, no sidebar, the page's content centred /\n/ on the app's canvas, and the minimal footer with the privacy policy /\n/ and the terms. The login, forgot-password and registration pages /\n/ wear it, so they read as one family. /\n/ -------------------------------------------------------------------- /\n\nimport { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { AppFrame } from '../../components/app-frame';\nimport {\n PublicFooter,\n type LegalUrlOverrides,\n} from '../../components/public-footer';\nimport {\n SignedOutHeader,\n type SignedOutHeaderProps,\n} from './signed-out-header';\n\nexport interface SignedOutFrameProps\n extends\n Omit<HTMLAttributes<HTMLDivElement>, 'children'>,\n SignedOutHeaderProps {\n /* The page: a card such as `LoginForm`, centred in `<main>`. /\n children: ReactNode;\n /* Shows the footer with the privacy policy and the terms. Default\n * true. /\n showFooter?: boolean;\n /\n Adds the footer's copyright line: the year, the company's registered\n * name and its VAT number. Default false.\n /\n showCopyright?: boolean;\n /* The site the footer's legal links lead to. Default: the footer's\n * own, `https://www.alfadocs.com`. /\n marketingBaseUrl?: string;\n /* The footer's legal links, per language, where they differ from its\n * defaults. /\n legalUrlOverrides?: LegalUrlOverrides;\n}\n\n// The wrapper is only a marker: the frame inside it is the box. It has\n// no box of its own (`display: contents`), so a `className` that sizes or\n// spaces it does nothing, and a ref to it measures nothing.\nconst signedOutFrameVariants = cva('ds:contents');\n\n/\n The signed-out app frame. It is one viewport tall: the header and the\n * footer stay put and the content scrolls between them.\n /\nexport const SignedOutFrame = forwardRef<HTMLDivElement, SignedOutFrameProps>(\n (\n {\n children,\n homeHref,\n mainId = 'main-content',\n loginHref,\n registerDoctorHref,\n registerPatientHref,\n showFooter = true,\n showCopyright = false,\n marketingBaseUrl,\n legalUrlOverrides,\n className,\n ...rest\n },\n ref,\n ) => (\n <div\n ref={ref}\n {...rest}\n data-component=\"signed-out-frame\"\n className={signedOutFrameVariants({ className })}\n >\n {/ `<main>` is a size container, so the content can be exactly as\n tall as the space between the header and the footer (`100cqh`)\n and centre in it, whatever height the footer wraps to on a\n phone. */}\n <AppFrame\n header={\n <SignedOutHeader\n homeHref={homeHref}\n mainId={mainId}\n loginHref={loginHref}\n registerDoctorHref={registerDoctorHref}\n registerPatientHref={registerPatientHref}\n />\n }\n sidebar={null}\n footer={\n showFooter ? (\n <PublicFooter\n variant=\"minimal\"\n showCopyright={showCopyright}\n marketingBaseUrl={marketingBaseUrl}\n legalUrlOverrides={legalUrlOverrides}\n />\n ) : undefined\n }\n mainId={mainId}\n padded={false}\n mainClassName=\"ds:bg-[color:var(--app-shell-background)] ds:[container-type:size]\"\n >\n <div className=\"ds:flex ds:min-h-[100cqh] ds:w-full ds:items-center ds:justify-center ds:p-0 ds:sm:p-[var(--spacing-lg)]\">\n {children}\n </div>\n </AppFrame>\n </div>\n ),\n);\nSignedOutFrame.displayName = 'SignedOutFrame';\n"],"names":["linksVariants","cva","linkTo","href","isSafeHref","RegisterLinks","doctorHref","patientHref","hideLabel","t","useTranslation","jsxs","Fragment","jsx","Button","Stethoscope","User","SignedOutHeader","forwardRef","homeHref","mainId","loginHref","registerDoctorHref","registerPatientHref","ref","loginLink","doctorLink","patientLink","hasRegister","Header","HeaderStart","HeaderSkipLink","HeaderBrand","Logo","HeaderEnd","LogIn","signedOutFrameVariants","SignedOutFrame","children","showFooter","showCopyright","marketingBaseUrl","legalUrlOverrides","className","rest","AppFrame","PublicFooter"],"mappings":"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"}

package/dist/_chunks/{stat-Dno2ZihS.js → stat-BFKZV50y.js} RENAMED Viewed

@@ -1,9 +1,9 @@
-import { jsxs as b, jsx as n } from "react/jsx-runtime";
-import { forwardRef as tt, useId as et, useCallback as O, useRef as st, useMemo as rt } from "react";
+import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import { forwardRef as st, useId as rt, useCallback as O, useRef as at, useMemo as nt } from "react";
 import { c as V } from "./index-D2ZczOXr.js";
-import { useTranslation as B } from "react-i18next";
-import { u as at } from "./use-count-up-BLLetaZ8.js";
-const P = V("ds:flex ds:flex-col ds:h-full", {
+import { useTranslation as P } from "react-i18next";
+import { u as it } from "./use-count-up-BLLetaZ8.js";
+const U = V("ds:flex ds:flex-col ds:h-full", {
   variants: {
     variant: {
       default: "ds:gap-[var(--spacing-xs)]",
@@ -54,7 +54,7 @@ const P = V("ds:flex ds:flex-col ds:h-full", {
     size: "md",
     align: "start"
   }
-}), U = V("type-metric", {
+}), B = V("type-metric", {
   variants: {
     size: {
       sm: "ds:[--type-metric-size:var(--font-size-xl)]",
@@ -106,7 +106,7 @@ const P = V("ds:flex ds:flex-col ds:h-full", {
     variant: "default",
     intent: "foreground"
   }
-}), nt = V(
+}), dt = V(
   "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-label",
   {
     variants: {
@@ -122,105 +122,106 @@ const P = V("ds:flex ds:flex-col ds:h-full", {
       tone: "neutral"
     }
   }
-), it = { up: "↑", down: "↓", flat: "→" }, dt = {
+), lt = { up: "↑", down: "↓", flat: "→" }, ct = {
   up: "stat.trend.up",
   down: "stat.trend.down",
   flat: "stat.trend.flat"
 };
-function ct({
-  trend: i,
-  delta: t,
+function K({
+  trend: c,
+  delta: e,
   deltaFormat: u = "decimal",
-  locale: d,
-  polarity: e = "higher-is-better"
+  locale: o,
+  polarity: t = "higher-is-better"
 }) {
-  const { t: c, i18n: m } = B("ui"), l = typeof t == "string" ? t : new Intl.NumberFormat(d ?? m.language, {
+  const { t: i, i18n: m } = P("ui"), d = typeof e == "string" ? e : new Intl.NumberFormat(o ?? m.language, {
     style: u === "percent" ? "percent" : "decimal"
-  }).format(u === "percent" ? t / 100 : t), r = i === "flat" || e === "neutral" ? "neutral" : i === "up" == (e === "higher-is-better") ? "better" : "worse";
-  return /* @__PURE__ */ b("span", { className: nt({ tone: r }), "data-trend-tone": r, children: [
-    /* @__PURE__ */ n("span", { "aria-hidden": "true", children: it[i] }),
-    /* @__PURE__ */ n("span", { className: "ds:sr-only", children: c(dt[i]) }),
-    l,
-    r === "neutral" ? null : /* @__PURE__ */ b("span", { className: "ds:sr-only", children: [
+  }).format(u === "percent" ? e / 100 : e), r = c === "flat" || t === "neutral" ? "neutral" : c === "up" == (t === "higher-is-better") ? "better" : "worse";
+  return /* @__PURE__ */ p("span", { className: dt({ tone: r }), "data-trend-tone": r, children: [
+    /* @__PURE__ */ s("span", { "aria-hidden": "true", children: lt[c] }),
+    /* @__PURE__ */ s("span", { className: "ds:sr-only", children: i(ct[c]) }),
+    d,
+    r === "neutral" ? null : /* @__PURE__ */ p("span", { className: "ds:sr-only", children: [
       " ",
-      c(r === "better" ? "stat.trend.better" : "stat.trend.worse")
+      i(r === "better" ? "stat.trend.better" : "stat.trend.worse")
     ] })
   ] });
 }
-function lt(i, t) {
-  const u = i.trim();
+function ot(c, e) {
+  const u = c.trim();
   if (u === "") return null;
-  let d = "", e = u;
-  e.startsWith("+") ? (d = "+", e = e.slice(1).trimStart()) : (e.startsWith("-") || e.startsWith("−")) && (d = "-", e = e.slice(1).trimStart());
-  let c = "";
-  const m = e.match(/[KMB]$/i);
-  m && (c = m[0], e = e.slice(0, -1).trimEnd());
-  let l = "", r = ".";
+  let o = "", t = u;
+  t.startsWith("+") ? (o = "+", t = t.slice(1).trimStart()) : (t.startsWith("-") || t.startsWith("−")) && (o = "-", t = t.slice(1).trimStart());
+  let i = "";
+  const m = t.match(/[KMB]$/i);
+  m && (i = m[0], t = t.slice(0, -1).trimEnd());
+  let d = "", r = ".";
   try {
-    const f = new Intl.NumberFormat(t).formatToParts(12345.6);
-    for (const o of f)
-      o.type === "group" ? l = o.value : o.type === "decimal" && (r = o.value);
+    const x = new Intl.NumberFormat(e).formatToParts(12345.6);
+    for (const n of x)
+      n.type === "group" ? d = n.value : n.type === "decimal" && (r = n.value);
   } catch {
   }
-  const g = e.match(/^(\d+)\.(\d+)$/);
-  if (g && !(g[2].length === 3 && l === ".")) {
-    const o = Number.parseFloat(e);
-    if (Number.isFinite(o))
-      return { target: o, sign: d, suffix: c };
+  const g = t.match(/^(\d+)\.(\d+)$/);
+  if (g && !(g[2].length === 3 && d === ".")) {
+    const n = Number.parseFloat(t);
+    if (Number.isFinite(n))
+      return { target: n, sign: o, suffix: i };
   }
-  let s = e;
-  l !== "" && (s = s.split(l).join("")), r !== "." && (s = s.split(r).join(".")), s = s.replace(/[\s\u00A0\u202F]/g, "");
-  const h = Number.parseFloat(s);
-  return Number.isFinite(h) ? { target: h, sign: d, suffix: c } : null;
+  let a = t;
+  d !== "" && (a = a.split(d).join("")), r !== "." && (a = a.split(r).join(".")), a = a.replace(/[\s\u00A0\u202F]/g, "");
+  const v = Number.parseFloat(a);
+  return Number.isFinite(v) ? { target: v, sign: o, suffix: i } : null;
 }
-const ot = tt(
+const ut = st(
   ({
-    label: i,
-    value: t,
+    label: c,
+    value: e,
     format: u,
-    currency: d,
-    locale: e,
-    trend: c,
+    currency: o,
+    locale: t,
+    trend: i,
     trendPolarity: m,
-    delta: l,
+    delta: d,
     deltaFormat: r = "decimal",
     icon: g,
-    info: s,
-    loading: h = !1,
-    animate: f = !1,
-    animateOnEveryView: o = !1,
-    animateDurationMs: K = 1600,
-    animateLocale: Y,
-    animateSeparators: x,
+    info: a,
+    trendInfo: v,
+    loading: x = !1,
+    animate: n = !1,
+    animateOnEveryView: Y = !1,
+    animateDurationMs: _ = 1600,
+    animateLocale: q,
+    animateSeparators: b,
     variant: y = "default",
     size: N = "md",
-    align: I = "start",
-    intent: M = "foreground",
-    className: j,
-    ...k
+    align: M = "start",
+    intent: k = "foreground",
+    className: I,
+    ...j
   }, R) => {
-    const { i18n: _ } = B("ui"), T = et(), p = e ?? _.language, q = O(() => {
-      if (typeof t == "string") return t;
+    const { i18n: H } = P("ui"), T = rt(), f = t ?? H.language, J = O(() => {
+      if (typeof e == "string") return e;
       switch (u) {
         case "currency":
-          return new Intl.NumberFormat(p, {
+          return new Intl.NumberFormat(f, {
             style: "currency",
-            currency: d ?? "USD"
-          }).format(t);
+            currency: o ?? "USD"
+          }).format(e);
         case "percent":
-          return new Intl.NumberFormat(p, { style: "percent" }).format(
-            t
+          return new Intl.NumberFormat(f, { style: "percent" }).format(
+            e
           );
         case "decimal":
-          return new Intl.NumberFormat(p, { style: "decimal" }).format(
-            t
+          return new Intl.NumberFormat(f, { style: "decimal" }).format(
+            e
           );
         default:
-          return new Intl.NumberFormat(p).format(t);
+          return new Intl.NumberFormat(f).format(e);
       }
-    }, [t, u, p, d])(), w = Y ?? p;
-    st(!1);
-    const a = rt(() => f ? typeof t == "number" ? Number.isFinite(t) ? { target: t, sign: "", suffix: "" } : null : lt(t, w) : null, [f, t, w]), H = f && a !== null, J = (a == null ? void 0 : a.target) ?? 0, F = (a == null ? void 0 : a.sign) ?? "", $ = (a == null ? void 0 : a.suffix) ?? "", Q = O(
+    }, [e, u, f, o])(), w = q ?? f;
+    at(!1);
+    const l = nt(() => n ? typeof e == "number" ? Number.isFinite(e) ? { target: e, sign: "", suffix: "" } : null : ot(e, w) : null, [n, e, w]), Q = n && l !== null, X = (l == null ? void 0 : l.target) ?? 0, F = (l == null ? void 0 : l.sign) ?? "", $ = (l == null ? void 0 : l.suffix) ?? "", Z = O(
       (z) => {
         const E = (() => {
           try {
@@ -231,68 +232,68 @@ const ot = tt(
             return null;
           }
         })();
-        let v;
+        let h;
         if (E)
-          if (x) {
-            const A = Math.abs(z), D = Math.trunc(A), G = A - D, X = x.thousand ?? "", S = String(D).replace(
+          if (b) {
+            const A = Math.abs(z), D = Math.trunc(A), G = A - D, tt = b.thousand ?? "", S = String(D).replace(
               /\B(?=(\d{3})+(?!\d))/g,
-              X
+              tt
             );
             if (G === 0)
-              v = S;
+              h = S;
             else {
-              const L = G.toFixed(6).replace(/0+$/, "").slice(2), Z = x.decimal ?? ".";
-              v = L ? S + Z + L : S;
+              const L = G.toFixed(6).replace(/0+$/, "").slice(2), et = b.decimal ?? ".";
+              h = L ? S + et + L : S;
             }
           } else
-            v = E.format(Math.abs(z));
+            h = E.format(Math.abs(z));
         else
-          v = String(Math.abs(z));
+          h = String(Math.abs(z));
         let W = F;
-        return F === "" && z < 0 && (W = "-"), `${W}${v}${$}`;
+        return F === "" && z < 0 && (W = "-"), `${W}${h}${$}`;
       },
-      [w, x, F, $]
-    ), C = at({
-      to: J,
+      [w, b, F, $]
+    ), C = it({
+      to: X,
       from: 0,
-      durationMs: K,
+      durationMs: _,
       startOnVisible: !0,
-      retriggerOnReEntry: o,
+      retriggerOnReEntry: Y,
       // `formatter` is the only path we use — it owns both the locale
       // formatting and the sign/suffix re-application.
-      formatter: Q
+      formatter: Z
     });
-    return h ? /* @__PURE__ */ b(
+    return x ? /* @__PURE__ */ p(
       "div",
       {
         ref: R,
         role: "group",
         "aria-busy": "true",
-        "aria-label": i,
+        "aria-label": c,
         "data-component": "stat",
-        className: P({ variant: y, size: N, align: I, className: j }),
-        ...k,
+        className: U({ variant: y, size: N, align: M, className: I }),
+        ...j,
         children: [
-          /* @__PURE__ */ 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)]" }),
-          /* @__PURE__ */ 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)]" })
+          /* @__PURE__ */ s("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__ */ s("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__ */ b(
+    ) : /* @__PURE__ */ p(
       "div",
       {
         ref: R,
         role: "group",
         "aria-labelledby": T,
         "data-component": "stat",
-        className: P({ variant: y, size: N, align: I, className: j }),
-        ...k,
+        className: U({ variant: y, size: N, align: M, className: I }),
+        ...j,
         children: [
-          /* @__PURE__ */ b(
+          /* @__PURE__ */ p(
             "span",
             {
-              className: s == null ? "ds:inline-flex ds:items-center" : "ds:inline-flex ds:flex-wrap ds:items-center",
+              className: a == null ? "ds:inline-flex ds:items-center" : "ds:inline-flex ds:flex-wrap ds:items-center",
               children: [
-                g && /* @__PURE__ */ n(
+                g && /* @__PURE__ */ s(
                   "span",
                   {
                     "aria-hidden": "true",
@@ -308,58 +309,77 @@ const ot = tt(
                     children: g
                   }
                 ),
-                /* @__PURE__ */ n(
+                /* @__PURE__ */ s(
                   "span",
                   {
                     id: T,
                     className: "type-label ds:text-[var(--muted-foreground)]",
-                    children: i
+                    children: c
                   }
                 ),
-                s != null && /* @__PURE__ */ n(
+                a != null && /* @__PURE__ */ s(
                   "span",
                   {
                     "data-slot": "info",
                     className: "ds:ms-[var(--spacing-xs)] ds:inline-flex ds:shrink-0 ds:items-center",
-                    children: s
+                    children: a
                   }
                 )
               ]
             }
           ),
-          H ? (
+          Q ? (
             // The animated number is wrapped in an `aria-live="off"` span
             // so screen readers don't announce every interpolated frame.
             // The `role="group"` ancestor (with `aria-labelledby` pointing
             // at the label) carries the final accessible reading — the
             // animated frames are decorative only.
-            /* @__PURE__ */ n(
+            /* @__PURE__ */ s(
               "span",
               {
                 ref: C.ref,
                 "aria-live": "off",
-                className: U({ size: N, variant: y, intent: M }),
+                className: B({ size: N, variant: y, intent: k }),
                 children: C.value
               }
             )
-          ) : /* @__PURE__ */ n("span", { className: U({ size: N, variant: y, intent: M }), children: q }),
-          c != null && l != null && /* @__PURE__ */ n(
-            ct,
+          ) : /* @__PURE__ */ s("span", { className: B({ size: N, variant: y, intent: k }), children: J }),
+          i != null && d != null && (v == null ? /* @__PURE__ */ s(
+            K,
             {
-              trend: c,
-              delta: l,
+              trend: i,
+              delta: d,
               deltaFormat: r,
-              locale: e,
+              locale: t,
               polarity: m
             }
-          )
+          ) : /* @__PURE__ */ p("span", { className: "ds:inline-flex ds:flex-wrap ds:items-center", children: [
+            /* @__PURE__ */ s(
+              K,
+              {
+                trend: i,
+                delta: d,
+                deltaFormat: r,
+                locale: t,
+                polarity: m
+              }
+            ),
+            /* @__PURE__ */ s(
+              "span",
+              {
+                "data-slot": "trend-info",
+                className: "ds:ms-[var(--spacing-xs)] ds:inline-flex ds:shrink-0 ds:items-center",
+                children: v
+              }
+            )
+          ] }))
         ]
       }
     );
   }
 );
-ot.displayName = "Stat";
+ut.displayName = "Stat";
 export {
-  ot as S
+  ut as S
 };
-//# sourceMappingURL=stat-Dno2ZihS.js.map
+//# sourceMappingURL=stat-BFKZV50y.js.map

package/dist/_chunks/stat-BFKZV50y.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"stat-BFKZV50y.js","sources":["../../src/components/stat/stat.tsx"],"sourcesContent":["import {\n forwardRef,\n useCallback,\n useId,\n useMemo,\n useRef,\n type HTMLAttributes,\n type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useCountUp } from '../../hooks/use-count-up';\n\n/* ------------------------------------------------------------------ */\n/* CVA — stat root */\n/* ------------------------------------------------------------------ */\n\n// `h-full` lets Stats grow to fill a flex / grid parent's cell, so a\n// row paired with taller cards (BenefitCard, Card, etc.) reads as a\n// matching set instead of mismatched heights. In a non-stretching\n// parent (block flow, inline) it's a no-op — block-size defers to\n// content as before. The flex-col inside still pins label/icon row\n// at the top and the number below, so growing the card adds the\n// extra space below the number instead of inserting it between\n// label and value.\nconst statVariants = cva('ds:flex ds:flex-col ds:h-full', {\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 + border —\n // matches `Card variant=\"elevated\"` and `BenefitCard.elevated`\n // tokens (`--card`, `--card-border`, `--shadow-card`,\n // `--radius-lg`) so a grid of elevated Stats reads as a set of\n // shaded panels without nesting a Card around each one. The\n // border is essential in dark mode: shadow alone on a dark\n // surface loses contrast and the card boundary disappears.\n // `--surface-border-width` bumps it to 2px in the accessible themes,\n // matching Card / BenefitCard's 0.31.5 accessibility uplift.\n elevated: [\n 'ds:gap-[var(--spacing-xs)]',\n 'ds:bg-[var(--card)]',\n 'ds:text-[var(--card-foreground)]',\n 'ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\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', {\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 // Colour of the headline metric value. Defaults to `--foreground`\n // (the existing render). `primary` / `accent` are the brand intents\n // — use for hero / marketing stats where the number IS the visual\n // marker. `success` / `destructive` / `info` / `warning` map to the\n // semantic tokens for KPI tiles that want to signal status via the\n // value colour itself (e.g. revenue green, debt red). The trend\n // chevron and the label colour are independent of this prop.\n intent: {\n foreground: 'ds:text-[var(--foreground)]',\n primary: 'ds:text-[var(--primary)]',\n accent: 'ds:text-[var(--accent)]',\n success: 'ds:text-[var(--success)]',\n destructive: 'ds:text-[var(--destructive)]',\n info: 'ds:text-[var(--info)]',\n warning: 'ds:text-[var(--warning)]',\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 intent: 'foreground',\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 // Whether the change is good news, not which way it went: with\n // `trendPolarity=\"lower-is-better\"` a fall is `better`.\n tone: {\n better: 'ds:text-[var(--success)]',\n worse: 'ds:text-[var(--destructive)]',\n neutral: 'ds:text-[var(--muted-foreground)]',\n },\n },\n defaultVariants: {\n tone: 'neutral',\n },\n },\n);\n\n/* ------------------------------------------------------------------ */\n/* StatTrend (internal — not exported) */\n/* ------------------------------------------------------------------ */\n\n/**\n * Which way is good news for a metric's trend. `neutral` is for a metric\n * where neither direction is good or bad news (a patient mix, a share).\n */\nexport type StatTrendPolarity =\n | 'higher-is-better'\n | 'lower-is-better'\n | 'neutral';\n\ninterface StatTrendProps {\n trend: 'up' | 'down' | 'flat';\n delta: number | string;\n deltaFormat?: 'decimal' | 'percent';\n locale?: string;\n polarity?: StatTrendPolarity;\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 polarity = 'higher-is-better',\n}: StatTrendProps) {\n const { t, i18n } = useTranslation('ui');\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 // The arrow follows the number; the colour and the spoken \"better\" or\n // \"worse\" follow the polarity, so the meaning never rests on colour.\n const tone =\n trend === 'flat' || polarity === 'neutral'\n ? 'neutral'\n : (trend === 'up') === (polarity === 'higher-is-better')\n ? 'better'\n : 'worse';\n\n return (\n <span className={trendVariants({ tone })} data-trend-tone={tone}>\n <span aria-hidden=\"true\">{ARROW[trend]}</span>\n <span className=\"ds:sr-only\">{t(TREND_KEY[trend])}</span>\n {formattedDelta}\n {tone === 'neutral' ? null : (\n <span className=\"ds:sr-only\">\n {' '}\n {t(tone === 'better' ? 'stat.trend.better' : 'stat.trend.worse')}\n </span>\n )}\n </span>\n );\n}\n\n/* ------------------------------------------------------------------ */\n/* Parse a string value into a numeric target for the count-up */\n/* ------------------------------------------------------------------ */\n\ntype ParsedValue = {\n /** Numeric target for the count-up. */\n target: number;\n /** Leading sign captured from the input string (e.g. \"+\" / \"-\"). */\n sign: '' | '+' | '-';\n /** Trailing shorthand suffix (e.g. \"K\" / \"M\" / \"B\") to re-append. */\n suffix: string;\n};\n\n/**\n * Strip locale-aware separators, a leading sign, and the K/M/B\n * shorthand suffix from a pre-formatted string so the count-up has a\n * pure numeric target to animate towards. Returns `null` for any input\n * that can't be parsed — the caller short-circuits to static rendering\n * in that case.\n */\nfunction parseStatValue(raw: string, locale: string): ParsedValue | null {\n const trimmed = raw.trim();\n if (trimmed === '') return null;\n\n // Capture leading sign so we can re-attach it every frame. Stat's\n // marketing usage (\"+500.000\", \"-12\") often relies on it.\n let sign: '' | '+' | '-' = '';\n let body = trimmed;\n if (body.startsWith('+')) {\n sign = '+';\n body = body.slice(1).trimStart();\n } else if (body.startsWith('-') || body.startsWith('−')) {\n // Hyphen-minus or the typographic minus sign — both treated as -.\n sign = '-';\n body = body.slice(1).trimStart();\n }\n\n // Trailing K / M / B shorthand (case-insensitive). Re-append verbatim\n // so \"+1.5K\" renders as \"+1.5K\" at every frame.\n let suffix = '';\n const suffixMatch = body.match(/[KMB]$/i);\n if (suffixMatch) {\n suffix = suffixMatch[0];\n body = body.slice(0, -1).trimEnd();\n }\n\n // Discover the locale's group + decimal glyphs from a probe value.\n // formatToParts is the canonical way; we fall back to `.` decimal /\n // `,` group if Intl can't tell us (no-locale envs).\n let group = '';\n let decimal = '.';\n try {\n const probe = new Intl.NumberFormat(locale).formatToParts(12345.6);\n for (const part of probe) {\n if (part.type === 'group') group = part.value;\n else if (part.type === 'decimal') decimal = part.value;\n }\n } catch {\n /* swallow — defaults already set */\n }\n\n // Heuristic for input strings that look like JS-native decimals\n // (e.g. `\"1500.25\"`) regardless of the requested locale: if the body\n // is a clean US-style decimal AND the fraction after the `.` is NOT\n // a three-digit thousands group in a locale that uses `.` as the\n // group separator, treat it as a direct numeric literal. This covers\n // the common case where a caller types `value=\"1500.25\"` and expects\n // the count-up to land on 1500.25 even though the output locale is\n // it-IT (which uses `.` for thousands).\n const usStyleMatch = body.match(/^(\\d+)\\.(\\d+)$/);\n if (usStyleMatch) {\n const fractionLen = usStyleMatch[2].length;\n if (!(fractionLen === 3 && group === '.')) {\n const direct = Number.parseFloat(body);\n if (Number.isFinite(direct)) {\n return { target: direct, sign, suffix };\n }\n }\n }\n\n // Strip every group separator we discovered, then normalise the\n // decimal separator to `.` so JS can parseFloat the result.\n // Note: when the locale's group separator is empty (e.g. some\n // numbering systems) the replace is a no-op.\n let normalised = body;\n if (group !== '') {\n normalised = normalised.split(group).join('');\n }\n if (decimal !== '.') {\n normalised = normalised.split(decimal).join('.');\n }\n\n // Defence-in-depth: strip whitespace plus NBSP (U+00A0) and NARROW\n // NO-BREAK SPACE (U+202F) that some locales (fr-FR, it-IT) use as\n // thousand separators. Hex escapes keep this source ASCII-clean.\n normalised = normalised.replace(/[\\s\\u00A0\\u202F]/g, '');\n\n const numeric = Number.parseFloat(normalised);\n if (!Number.isFinite(numeric)) return null;\n\n return { target: numeric, sign, suffix };\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 /**\n * Which way is good news. `higher-is-better` (default) shows a rise in\n * the success colour; `lower-is-better` (a no-show or cancellation rate,\n * a waiting time) shows a fall in it instead. The arrow always points the\n * way the number moved, and screen readers hear \"better\" or \"worse\".\n * `neutral` keeps the arrow and delta in the muted colour, and screen\n * readers hear only the direction (\"Increased by +3.4 pts\").\n */\n trendPolarity?: StatTrendPolarity;\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 /**\n * Optional trailing affordance at the end of the label row, vertically\n * centred with the label. Intended for `<InfoTip size=\"sm\" … />` so the\n * figure can explain how it is calculated. Interactive content is allowed:\n * it sits outside the label element, so it never becomes part of the\n * group's accessible name. Omit for the unchanged render.\n */\n info?: ReactNode;\n /**\n * Optional trailing affordance at the end of the trend row, for an\n * `<InfoTip size=\"sm\" … />` that explains the change (\"how is this\n * compared?\"). Renders only with the trend row (`trend` and `delta`).\n * Like `info`, it sits outside the label, so it never joins the group's\n * accessible name. Omit for the unchanged render.\n */\n trendInfo?: ReactNode;\n /**\n * Colour of the headline value. Defaults to `foreground`. Brand\n * intents (`primary`, `accent`) are for hero / marketing stats where\n * the number is the visual marker. Semantic intents\n * (`success`, `destructive`, `info`, `warning`) signal status via\n * the value colour itself — e.g. revenue green, debt red on KPI\n * tiles. Trend chevron and label colour are independent.\n */\n intent?:\n | 'foreground'\n | 'primary'\n | 'accent'\n | 'success'\n | 'destructive'\n | 'info'\n | 'warning';\n /** Renders animated skeleton placeholders instead of content. */\n loading?: boolean;\n /**\n * Animate the numeric value from 0 (or from the captured leading\n * sign) to the final value when the Stat first scrolls into view.\n * Default `false`. Marketing surfaces opt in; dashboards leave it\n * off so live metrics render immediately.\n */\n animate?: boolean;\n /**\n * When `true`, the count-up re-plays every time the Stat scrolls\n * out of view and back in. Default `false` — animate once per\n * element per session, matching the booking-website hero pattern.\n * Ignored under `prefers-reduced-motion: reduce`.\n */\n animateOnEveryView?: boolean;\n /** Animation duration in milliseconds. Default 1600. */\n animateDurationMs?: number;\n /**\n * BCP 47 locale used for the per-frame count-up formatting. Falls\n * back to `locale`, then to the active i18n language.\n */\n animateLocale?: string;\n /**\n * Override the locale's thousand / decimal glyphs for the count-up.\n * Wins over locale defaults. Pass partial overrides — `decimal`\n * alone is valid; the unspecified separator stays at the locale\n * default.\n */\n animateSeparators?: {\n thousand?: string;\n decimal?: string;\n };\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 trendPolarity,\n delta,\n deltaFormat = 'decimal',\n icon,\n info,\n trendInfo,\n loading = false,\n animate = false,\n animateOnEveryView = false,\n animateDurationMs = 1600,\n animateLocale,\n animateSeparators,\n variant = 'default',\n size = 'md',\n align = 'start',\n intent = 'foreground',\n className,\n ...props\n },\n ref,\n ) => {\n const { i18n } = useTranslation('ui');\n const labelId = useId();\n const lang = locale ?? i18n.language;\n\n /* -------------------------------------------------- */\n /* Static formatting — the value as it would appear */\n /* in the non-animated (or post-animation) state. */\n /* -------------------------------------------------- */\n\n const formatValue = useCallback((): string => {\n if (typeof value === 'string') return value;\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 }, [value, format, lang, currency]);\n\n const staticValue = formatValue();\n\n /* -------------------------------------------------- */\n /* Parse the value into a numeric target for the */\n /* count-up. Numeric values use `value` directly; */\n /* string values are stripped of sign / shorthand / */\n /* locale separators and re-decorated each frame. */\n /* -------------------------------------------------- */\n\n const animationLocale = animateLocale ?? lang;\n const hasWarnedRef = useRef<boolean>(false);\n\n const parsed = useMemo<ParsedValue | null>(() => {\n if (!animate) return null;\n if (typeof value === 'number') {\n // Numeric: target is the number itself; no sign / suffix to\n // re-attach.\n return Number.isFinite(value)\n ? { target: value, sign: '', suffix: '' }\n : null;\n }\n return parseStatValue(value, animationLocale);\n }, [animate, value, animationLocale]);\n\n // Dev-mode warning when an animate-flagged Stat has an unparseable\n // string value. Render static, no throw — one warn per component.\n if (\n animate &&\n typeof value === 'string' &&\n parsed === null &&\n import.meta.env.DEV &&\n !hasWarnedRef.current\n ) {\n hasWarnedRef.current = true;\n console.warn(\n `Stat: value=\"${value}\" couldn't be parsed for the count-up animation. Rendering static.`,\n );\n }\n\n const shouldAnimate = animate && parsed !== null;\n\n /* -------------------------------------------------- */\n /* Wire the hook unconditionally — rules-of-hooks. */\n /* When `shouldAnimate` is false the hook still runs */\n /* but `to === from` so it's a no-op visually. */\n /* -------------------------------------------------- */\n\n const target = parsed?.target ?? 0;\n const sign = parsed?.sign ?? '';\n const suffix = parsed?.suffix ?? '';\n\n // Wrap the count-up formatter so the captured sign + suffix are\n // re-applied every frame. The hook hands us the locale-formatted\n // magnitude; we own the decoration around it.\n const formatter = useCallback(\n (n: number) => {\n // Use the absolute value for the magnitude so the captured\n // sign is the sole source of the rendered sign. Negative\n // numbers passed in (e.g. `to: -12`) come through unsigned;\n // we re-apply via `sign`. Always force `useGrouping: true` so\n // ICU's locale-default `min2` doesn't suppress the thousand\n // glyph on 4-digit values like 1.000 (it-IT). The user wrote\n // a stat value — they want it grouped.\n const magnitudeNF = (() => {\n try {\n return new Intl.NumberFormat(animationLocale, {\n useGrouping: true,\n });\n } catch {\n return null;\n }\n })();\n\n let magnitudeStr: string;\n if (magnitudeNF) {\n if (animateSeparators) {\n // Hand-build the grouped magnitude so we don't depend on\n // ICU's locale-by-locale grouping defaults (which differ\n // between engines and can drop the group at 4-digit\n // thresholds even with `useGrouping: true`). Locale only\n // influences sign handling, which we apply separately.\n const abs = Math.abs(n);\n const intPart = Math.trunc(abs);\n const fracPart = abs - intPart;\n const groupGlyph = animateSeparators.thousand ?? '';\n const intStr = String(intPart).replace(\n /\\B(?=(\\d{3})+(?!\\d))/g,\n groupGlyph,\n );\n if (fracPart === 0) {\n magnitudeStr = intStr;\n } else {\n const fracStr = fracPart.toFixed(6).replace(/0+$/, '').slice(2);\n const decimalGlyph = animateSeparators.decimal ?? '.';\n magnitudeStr = fracStr ? intStr + decimalGlyph + fracStr : intStr;\n }\n } else {\n magnitudeStr = magnitudeNF.format(Math.abs(n));\n }\n } else {\n magnitudeStr = String(Math.abs(n));\n }\n\n // Re-derive the sign every frame: the captured sign wins, but\n // a negative `to` with no leading sign in the source still\n // renders with a leading \"-\" so the final formatted output\n // matches locale conventions.\n let resolvedSign: string = sign;\n if (sign === '' && n < 0) resolvedSign = '-';\n\n return `${resolvedSign}${magnitudeStr}${suffix}`;\n },\n [animationLocale, animateSeparators, sign, suffix],\n );\n\n const countUp = useCountUp({\n to: target,\n from: 0,\n durationMs: animateDurationMs,\n startOnVisible: true,\n retriggerOnReEntry: animateOnEveryView,\n // `formatter` is the only path we use — it owns both the locale\n // formatting and the sign/suffix re-application.\n formatter,\n });\n\n /* -------------------------------------------------- */\n /* Loading state */\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 /* -------------------------------------------------- */\n /* Render */\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\n className={\n info == null\n ? 'ds:inline-flex ds:items-center'\n : 'ds:inline-flex ds:flex-wrap ds:items-center'\n }\n >\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 {info != null && (\n <span\n data-slot=\"info\"\n className=\"ds:ms-[var(--spacing-xs)] ds:inline-flex ds:shrink-0 ds:items-center\"\n >\n {info}\n </span>\n )}\n </span>\n {shouldAnimate ? (\n // The animated number is wrapped in an `aria-live=\"off\"` span\n // so screen readers don't announce every interpolated frame.\n // The `role=\"group\"` ancestor (with `aria-labelledby` pointing\n // at the label) carries the final accessible reading — the\n // animated frames are decorative only.\n <span\n ref={countUp.ref}\n aria-live=\"off\"\n className={valueVariants({ size, variant, intent })}\n >\n {countUp.value}\n </span>\n ) : (\n <span className={valueVariants({ size, variant, intent })}>\n {staticValue}\n </span>\n )}\n {trend != null &&\n delta != null &&\n (trendInfo == null ? (\n <StatTrend\n trend={trend}\n delta={delta}\n deltaFormat={deltaFormat}\n locale={locale}\n polarity={trendPolarity}\n />\n ) : (\n <span className=\"ds:inline-flex ds:flex-wrap ds:items-center\">\n <StatTrend\n trend={trend}\n delta={delta}\n deltaFormat={deltaFormat}\n locale={locale}\n polarity={trendPolarity}\n />\n <span\n data-slot=\"trend-info\"\n className=\"ds:ms-[var(--spacing-xs)] ds:inline-flex ds:shrink-0 ds:items-center\"\n >\n {trendInfo}\n </span>\n </span>\n ))}\n </div>\n );\n },\n);\n\nStat.displayName = 'Stat';\n"],"names":["statVariants","cva","valueVariants","trendVariants","ARROW","TREND_KEY","StatTrend","trend","delta","deltaFormat","locale","polarity","t","i18n","useTranslation","formattedDelta","tone","jsxs","jsx","parseStatValue","raw","trimmed","sign","body","suffix","suffixMatch","group","decimal","probe","part","usStyleMatch","direct","normalised","numeric","Stat","forwardRef","label","value","format","currency","trendPolarity","icon","info","trendInfo","loading","animate","animateOnEveryView","animateDurationMs","animateLocale","animateSeparators","variant","size","align","intent","className","props","ref","labelId","useId","lang","staticValue","useCallback","animationLocale","useRef","parsed","useMemo","shouldAnimate","target","formatter","n","magnitudeNF","magnitudeStr","abs","intPart","fracPart","groupGlyph","intStr","fracStr","decimalGlyph","resolvedSign","countUp","useCountUp"],"mappings":"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"}

package/dist/_chunks/{state-backed-text-input-Cgh4ms3p.js → state-backed-text-input-DVETOhSS.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
-import { T as p } from "./text-input-CaG9ApoE.js";
+import { T as p } from "./text-input-B6iAgCr3.js";
 import { u } from "./use-state-backed-input-DhRQo6gM.js";
 const x = f(function({ value: e, onChange: r, ...o }, a) {
   const t = u(e, a);
@@ -9,4 +9,4 @@ const x = f(function({ value: e, onChange: r, ...o }, a) {
 export {
   x as S
 };
-//# sourceMappingURL=state-backed-text-input-Cgh4ms3p.js.map
+//# sourceMappingURL=state-backed-text-input-DVETOhSS.js.map

package/dist/_chunks/{state-backed-text-input-Cgh4ms3p.js.map → state-backed-text-input-DVETOhSS.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"state-backed-text-input-~~Cgh4ms3p~~.js","sources":["../../src/components/_shared/state-backed-text-input.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { TextInput, type TextInputProps } from '../text-input/text-input';\nimport { useStateBackedInput } from './use-state-backed-input';\n\nexport interface StateBackedTextInputProps extends Omit<\n TextInputProps,\n 'value' \| 'defaultValue'\n> {\n /** The text, held in the kit component's own state. /\n value: string;\n}\n\n/\n TextInput for a field whose text a kit component keeps in its own state:\n * the state reaches the input's `value` property, never its `value`\n * attribute, and `onChange` still reports each edit.\n \n TextInput now does this itself for a controlled `value` (useDomValue), so\n * a plain `<TextInput value={state}>` is just as safe. Do not add new call\n * sites; folding the existing ones back is a planned follow-up.\n */\nexport const StateBackedTextInput = forwardRef<\n HTMLInputElement,\n StateBackedTextInputProps\n>(function StateBackedTextInput({ value, onChange, ...props }, ref) {\n const field = useStateBackedInput(value, ref);\n return (\n <TextInput {...props} ref={field.ref} onChange={field.quiet(onChange)} />\n );\n});\n"],"names":["StateBackedTextInput","forwardRef","value","onChange","props","ref","field","useStateBackedInput","jsx","TextInput"],"mappings":";;;;AAqBO,MAAMA,IAAuBC,EAGlC,SAA8B,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,GAASC,GAAK;AAClE,QAAMC,IAAQC,EAAoBL,GAAOG,CAAG;AAC5C,SACE,gBAAAG,EAACC,GAAA,EAAW,GAAGL,GAAO,KAAKE,EAAM,KAAK,UAAUA,EAAM,MAAMH,CAAQ,EAAA,CAAG;AAE3E,CAAC;"}
1	+ {"version":3,"file":"state-backed-text-input-DVETOhSS.js","sources":["../../src/components/_shared/state-backed-text-input.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { TextInput, type TextInputProps } from '../text-input/text-input';\nimport { useStateBackedInput } from './use-state-backed-input';\n\nexport interface StateBackedTextInputProps extends Omit<\n TextInputProps,\n 'value' \| 'defaultValue'\n> {\n /** The text, held in the kit component's own state. /\n value: string;\n}\n\n/\n TextInput for a field whose text a kit component keeps in its own state:\n * the state reaches the input's `value` property, never its `value`\n * attribute, and `onChange` still reports each edit.\n \n TextInput now does this itself for a controlled `value` (useDomValue), so\n * a plain `<TextInput value={state}>` is just as safe. Do not add new call\n * sites; folding the existing ones back is a planned follow-up.\n */\nexport const StateBackedTextInput = forwardRef<\n HTMLInputElement,\n StateBackedTextInputProps\n>(function StateBackedTextInput({ value, onChange, ...props }, ref) {\n const field = useStateBackedInput(value, ref);\n return (\n <TextInput {...props} ref={field.ref} onChange={field.quiet(onChange)} />\n );\n});\n"],"names":["StateBackedTextInput","forwardRef","value","onChange","props","ref","field","useStateBackedInput","jsx","TextInput"],"mappings":";;;;AAqBO,MAAMA,IAAuBC,EAGlC,SAA8B,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,GAASC,GAAK;AAClE,QAAMC,IAAQC,EAAoBL,GAAOG,CAAG;AAC5C,SACE,gBAAAG,EAACC,GAAA,EAAW,GAAGL,GAAO,KAAKE,EAAM,KAAK,UAAUA,EAAM,MAAMH,CAAQ,EAAA,CAAG;AAE3E,CAAC;"}