sherick-ui 2.9.0 → 2.10.1

package/dist/cjs/components/Badge.cjs

@@ -3,12 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var utils = require('../libs/utils.cjs');
 var ui_common = require('./ui.common.cjs');
 
-const Badge = ({ children, variant = "secondary", icon, className, ...props }) => {
-    return (jsxRuntime.jsxs("span", { ...props, className: utils.cn("inline-flex min-h-7 min-w-0 max-w-full items-center justify-center gap-1.5 px-3 py-1 font-semibold", ui_common.type.caption, ui_common.shape.pill, ui_common.tone.soft[variant], ui_common.text.high, className), children: [icon && (jsxRuntime.jsx("span", { className: utils.cn(ui_common.iconSlot.caption, ui_common.tone.text[variant]), "aria-hidden": "true", children: icon })), jsxRuntime.jsx("span", { className: utils.cn("min-w-0 truncate"), children: children })] }));
-};
+const Badge = React.forwardRef(({ children, variant = "secondary", icon, className, ...props }, ref) => {
+    return (jsxRuntime.jsxs("span", { ...props, ref: ref, className: utils.cn("inline-flex min-h-7 min-w-0 max-w-full items-center justify-center gap-1.5 px-3 py-1 font-semibold", ui_common.type.caption, ui_common.shape.pill, ui_common.tone.soft[variant], ui_common.text.high, className), children: [icon && (jsxRuntime.jsx("span", { className: utils.cn(ui_common.iconSlot.caption, ui_common.tone.text[variant]), "aria-hidden": "true", children: icon })), jsxRuntime.jsx("span", { className: utils.cn("min-w-0 truncate"), children: children })] }));
+});
+Badge.displayName = "Badge";
 
 exports.default = Badge;
 //# sourceMappingURL=Badge.cjs.map

package/dist/cjs/components/Badge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.cjs","sources":["../../../src/components/Badge.tsx"],"sourcesContent":["import React, { type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport { iconSlot, shape, text, tone, type } from \"./ui.common\";\nimport { Variant } from \"./ui.types\";\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  children: ReactNode;\n  variant?: Variant;\n  icon?: ReactNode;\n}\n\nconst Badge = ({\n  children,\n  variant = \"secondary\",\n  icon,\n  className,\n  ...props\n}: BadgeProps) => {\n  return (\n    <span\n      {...props}\n      className={cn(\n        \"inline-flex min-h-7 min-w-0 max-w-full items-center justify-center gap-1.5 px-3 py-1 font-semibold\",\n        type.caption,\n        shape.pill,\n        tone.soft[variant],\n        text.high,\n        className\n      )}\n    >\n      {/* A badge gives its leading mark one predictable slot: 14px, held at that size whatever artwork\n          a caller hands in, with the box — not the artwork's own whitespace — aligned to the label. */}\n      {icon && (\n        <span className={cn(iconSlot.caption, tone.text[variant])} aria-hidden=\"true\">\n          {icon}\n        </span>\n      )}\n      <span className={cn(\"min-w-0 truncate\")}>{children}</span>\n    </span>\n  );\n};\n\nexport default Badge;\n"],"names":["_jsxs","cn","type","shape","tone","text","_jsx","iconSlot"],"mappings":";;;;;;;;AAWA,MAAM,KAAK,GAAG,CAAC,EACb,QAAQ,EACR,OAAO,GAAG,WAAW,EACrB,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACG,KAAI;AACf,IAAA,QACEA,eAAA,CAAA,MAAA,EAAA,EAAA,GACM,KAAK,EACT,SAAS,EAAEC,QAAE,CACX,oGAAoG,EACpGC,cAAI,CAAC,OAAO,EACZC,eAAK,CAAC,IAAI,EACVC,cAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAClBC,cAAI,CAAC,IAAI,EACT,SAAS,CACV,EAAA,QAAA,EAAA,CAIA,IAAI,KACHC,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEL,QAAE,CAACM,kBAAQ,CAAC,OAAO,EAAEH,cAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,EAAA,aAAA,EAAc,MAAM,EAAA,QAAA,EAC1E,IAAI,EAAA,CACA,CACR,EACDE,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEL,QAAE,CAAC,kBAAkB,CAAC,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAQ,CAAA,EAAA,CACrD;AAEX;;"}
+{"version":3,"file":"Badge.cjs","sources":["../../../src/components/Badge.tsx"],"sourcesContent":["import React, { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport { iconSlot, shape, text, tone, type } from \"./ui.common\";\nimport { Variant } from \"./ui.types\";\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  children: ReactNode;\n  variant?: Variant;\n  icon?: ReactNode;\n}\n\nconst Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ children, variant = \"secondary\", icon, className, ...props }, ref) => {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cn(\n          \"inline-flex min-h-7 min-w-0 max-w-full items-center justify-center gap-1.5 px-3 py-1 font-semibold\",\n          type.caption,\n          shape.pill,\n          tone.soft[variant],\n          text.high,\n          className\n        )}\n      >\n        {/* A badge gives its leading mark one predictable slot: 14px, held at that size whatever artwork\n            a caller hands in, with the box — not the artwork's own whitespace — aligned to the label. */}\n        {icon && (\n          <span className={cn(iconSlot.caption, tone.text[variant])} aria-hidden=\"true\">\n            {icon}\n          </span>\n        )}\n        <span className={cn(\"min-w-0 truncate\")}>{children}</span>\n      </span>\n    );\n  }\n);\n\nBadge.displayName = \"Badge\";\n\nexport default Badge;\n"],"names":["forwardRef","_jsxs","cn","type","shape","tone","text","_jsx","iconSlot"],"mappings":";;;;;;;;;AAWA,MAAM,KAAK,GAAGA,gBAAU,CACtB,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AACtE,IAAA,QACEC,eAAA,CAAA,MAAA,EAAA,EAAA,GACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,QAAE,CACX,oGAAoG,EACpGC,cAAI,CAAC,OAAO,EACZC,eAAK,CAAC,IAAI,EACVC,cAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAClBC,cAAI,CAAC,IAAI,EACT,SAAS,CACV,EAAA,QAAA,EAAA,CAIA,IAAI,KACHC,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEL,QAAE,CAACM,kBAAQ,CAAC,OAAO,EAAEH,cAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,EAAA,aAAA,EAAc,MAAM,EAAA,QAAA,EAC1E,IAAI,EAAA,CACA,CACR,EACDE,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEL,QAAE,CAAC,kBAAkB,CAAC,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAQ,CAAA,EAAA,CACrD;AAEX,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;"}

package/dist/cjs/components/Breadcrumb.cjs

@@ -9,6 +9,9 @@ var React = require('react');
 var utils = require('../libs/utils.cjs');
 var ui_common = require('./ui.common.cjs');
 
+const defaultBreadcrumbLabels = {
+    navigation: "Breadcrumb",
+};
 /* The trail of places a reader came through. It is **passive**: links and text, no state, no effect
    and no client directive, so a server component renders it and a page that only reads it ships no
    behaviour.
@@ -25,21 +28,22 @@ var ui_common = require('./ui.common.cjs');
    assistive technology. Long labels wrap and the trail yields to a narrow parent instead of
    collapsing, truncating or hiding a place — which places are behind the reader is information, and a
    breadcrumb that hides one is a breadcrumb that lies. */
-const Breadcrumb = React.forwardRef(({ items, renderLink, className, "aria-label": ariaLabel, ...props }, ref) => {
+const Breadcrumb = React.forwardRef(({ items, renderLink, labels, className, "aria-label": ariaLabel, ...props }, ref) => {
+    const copy = { ...defaultBreadcrumbLabels, ...labels };
     /* The props an intermediate destination is rendered from, composed once so the caller's own link
        and the default anchor are the same object: the same destination, the same content and the same
        shared classes — including the focus ring the keyboard needs to see. */
     const linkProps = (item) => ({
         href: item.href,
-        className: utils.cn("min-w-0 no-underline [overflow-wrap:anywhere]", ui_common.focusRing, ui_common.text.medium, "hover:text-sherick-ink"),
+        className: utils.cn("min-w-0 no-underline [overflow-wrap:anywhere]", ui_common.focusRing, ui_common.state.quietInk),
         children: item.label,
     });
-    return (jsxRuntime.jsx("nav", { ...props, ref: ref, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : "Breadcrumb", className: utils.cn("min-w-0", ui_common.type.body, className), children: jsxRuntime.jsx("ol", { role: "list", className: utils.cn("m-0 flex min-w-0 list-none flex-wrap items-start gap-x-2 gap-y-1 p-0", ui_common.text.medium), children: items.map((item, index) => {
+    return (jsxRuntime.jsx("nav", { ...props, ref: ref, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : copy.navigation, className: utils.cn("min-w-0", ui_common.type.body, className), children: jsxRuntime.jsx("ol", { role: "list", className: utils.cn("m-0 flex min-w-0 list-none flex-wrap items-start gap-x-2 gap-y-1 p-0", ui_common.text.medium), children: items.map((item, index) => {
                 const isCurrent = index === items.length - 1;
                 return (jsxRuntime.jsxs("li", { className: utils.cn("flex min-w-0 items-start gap-x-2"), children: [index > 0 && (
                         /* One inherited line box centers the glyph on the label's first line, even when
                            the label wraps or a consumer changes the trail's line-height. */
-                        jsxRuntime.jsx("span", { "aria-hidden": "true", className: utils.cn("inline-flex h-[1lh] w-4 shrink-0 items-center"), children: jsxRuntime.jsx(react.HugeiconsIcon, { icon: coreFreeIcons.ArrowRight01Icon, "aria-hidden": "true", className: utils.cn(ui_common.iconStroke.glyph, "size-4 rtl:-scale-x-100") }) })), isCurrent ? (jsxRuntime.jsx("span", { "aria-current": "page", className: utils.cn("min-w-0 font-medium [overflow-wrap:anywhere]", ui_common.text.high), children: item.label })) : item.href !== undefined ? (renderLink ? (renderLink(item, linkProps(item))) : (jsxRuntime.jsx("a", { ...linkProps(item) }))) : (jsxRuntime.jsx("span", { className: utils.cn("min-w-0 [overflow-wrap:anywhere]"), children: item.label }))] }, index));
+                        jsxRuntime.jsx("span", { "aria-hidden": "true", className: utils.cn(ui_common.iconSlot.compact, "h-[1lh] w-4"), children: jsxRuntime.jsx(react.HugeiconsIcon, { icon: coreFreeIcons.ArrowRight01Icon, "aria-hidden": "true", className: utils.cn(ui_common.iconStroke.glyph, "rtl:-scale-x-100") }) })), isCurrent ? (jsxRuntime.jsx("span", { "aria-current": "page", className: utils.cn("min-w-0 font-medium [overflow-wrap:anywhere]", ui_common.text.high), children: item.label })) : item.href !== undefined ? (renderLink ? (renderLink(item, linkProps(item))) : (jsxRuntime.jsx("a", { ...linkProps(item) }))) : (jsxRuntime.jsx("span", { className: utils.cn("min-w-0 [overflow-wrap:anywhere]"), children: item.label }))] }, index));
             }) }) }));
 });
 Breadcrumb.displayName = "Breadcrumb";

package/dist/cjs/components/Breadcrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.cjs","sources":["../../../src/components/Breadcrumb.tsx"],"sourcesContent":["import { HugeiconsIcon } from \"@hugeicons/react\";\nimport { ArrowRight01Icon } from \"@hugeicons/core-free-icons\";\nimport {\n  forwardRef,\n  type AnchorHTMLAttributes,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport { focusRing, iconStroke, text, type } from \"./ui.common\";\n\nexport interface BreadcrumbItem {\n  label: ReactNode;\n  href?: string;\n}\n\nexport interface BreadcrumbProps extends Omit<ComponentPropsWithoutRef<\"nav\">, \"children\"> {\n  items: BreadcrumbItem[];\n  /**\n   * How an intermediate destination is rendered — the escape hatch for a router link. The supplied\n   * props carry the destination, the shared classes and the item's own content, and the renderer\n   * spreads them onto its element.\n   */\n  renderLink?: (item: BreadcrumbItem, props: AnchorHTMLAttributes<HTMLAnchorElement>) => ReactNode;\n}\n\n/* The trail of places a reader came through. It is **passive**: links and text, no state, no effect\n   and no client directive, so a server component renders it and a page that only reads it ships no\n   behaviour.\n\n   The last item is the page the reader is on, and it is text even when the caller supplies an href\n   for it — a link to where you already are is a control with nothing left to do, and `aria-current`\n   is what says which one it is. Every intermediate destination is a real anchor, so an ordinary\n   click, a modified click and every browser affordance work the way they do everywhere else on the\n   web: no router is required and none is assumed. `renderLink` is the caller's way to substitute its\n   own link component, and it receives the href, the accessible relationship and the shared classes\n   the plain anchor would have been given.\n\n   Separators are decorative chevrons: they mirror with the writing direction and are hidden from\n   assistive technology. Long labels wrap and the trail yields to a narrow parent instead of\n   collapsing, truncating or hiding a place — which places are behind the reader is information, and a\n   breadcrumb that hides one is a breadcrumb that lies. */\nconst Breadcrumb = forwardRef<HTMLElement, BreadcrumbProps>(\n  ({ items, renderLink, className, \"aria-label\": ariaLabel, ...props }, ref) => {\n    /* The props an intermediate destination is rendered from, composed once so the caller's own link\n       and the default anchor are the same object: the same destination, the same content and the same\n       shared classes — including the focus ring the keyboard needs to see. */\n    const linkProps = (item: BreadcrumbItem): AnchorHTMLAttributes<HTMLAnchorElement> => ({\n      href: item.href,\n      className: cn(\"min-w-0 no-underline [overflow-wrap:anywhere]\", focusRing, text.medium, \"hover:text-sherick-ink\"),\n      children: item.label,\n    });\n\n    return (\n      <nav\n        {...props}\n        ref={ref}\n        aria-label={ariaLabel ?? \"Breadcrumb\"}\n        className={cn(\"min-w-0\", type.body, className)}\n      >\n        {/* A native ordered list: the trail has an order, and the order is the information. The row\n            wraps rather than overflowing, so a long trail stays inside its column. `role=\"list\"`\n            restates the element's own role rather than adding one, because `list-none` — which removes\n            the marker a breadcrumb does not want — is also what makes Safari drop the semantics. */}\n        <ol\n          role=\"list\"\n          className={cn(\n            \"m-0 flex min-w-0 list-none flex-wrap items-start gap-x-2 gap-y-1 p-0\",\n            text.medium\n          )}\n        >\n          {items.map((item, index) => {\n            const isCurrent = index === items.length - 1;\n\n            return (\n              <li key={index} className={cn(\"flex min-w-0 items-start gap-x-2\")}>\n                {index > 0 && (\n                  /* One inherited line box centers the glyph on the label's first line, even when\n                     the label wraps or a consumer changes the trail's line-height. */\n                  <span aria-hidden=\"true\" className={cn(\"inline-flex h-[1lh] w-4 shrink-0 items-center\")}>\n                    <HugeiconsIcon icon={ArrowRight01Icon} aria-hidden=\"true\" className={cn(iconStroke.glyph, \"size-4 rtl:-scale-x-100\")} />\n                  </span>\n                )}\n                {isCurrent ? (\n                  <span\n                    aria-current=\"page\"\n                    className={cn(\"min-w-0 font-medium [overflow-wrap:anywhere]\", text.high)}\n                  >\n                    {item.label}\n                  </span>\n                ) : item.href !== undefined ? (\n                  renderLink ? (\n                    renderLink(item, linkProps(item))\n                  ) : (\n                    <a {...linkProps(item)} />\n                  )\n                ) : (\n                  <span className={cn(\"min-w-0 [overflow-wrap:anywhere]\")}>{item.label}</span>\n                )}\n              </li>\n            );\n          })}\n        </ol>\n      </nav>\n    );\n  }\n);\n\nBreadcrumb.displayName = \"Breadcrumb\";\n\nexport default Breadcrumb;\n"],"names":["forwardRef","cn","focusRing","text","_jsx","type","_jsxs","HugeiconsIcon","ArrowRight01Icon","iconStroke"],"mappings":";;;;;;;;;;;AA0BA;;;;;;;;;;;;;;;AAe0D;AAC1D,MAAM,UAAU,GAAGA,gBAAU,CAC3B,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC3E;;AAE0E;AAC1E,IAAA,MAAM,SAAS,GAAG,CAAC,IAAoB,MAA+C;QACpF,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,QAAA,SAAS,EAAEC,QAAE,CAAC,+CAA+C,EAAEC,mBAAS,EAAEC,cAAI,CAAC,MAAM,EAAE,wBAAwB,CAAC;QAChH,QAAQ,EAAE,IAAI,CAAC,KAAK;AACrB,KAAA,CAAC;IAEF,QACEC,cAAA,CAAA,KAAA,EAAA,EAAA,GACM,KAAK,EACT,GAAG,EAAE,GAAG,EAAA,YAAA,EACI,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAT,SAAS,GAAI,YAAY,EACrC,SAAS,EAAEH,QAAE,CAAC,SAAS,EAAEI,cAAI,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,QAAA,EAM9CD,cAAA,CAAA,IAAA,EAAA,EACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAEH,QAAE,CACX,sEAAsE,EACtEE,cAAI,CAAC,MAAM,CACZ,EAAA,QAAA,EAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;gBACzB,MAAM,SAAS,GAAG,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC;AAE5C,gBAAA,QACEG,eAAA,CAAA,IAAA,EAAA,EAAgB,SAAS,EAAEL,QAAE,CAAC,kCAAkC,CAAC,EAAA,QAAA,EAAA,CAC9D,KAAK,GAAG,CAAC;AACR;AACoE;wBACpEG,cAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAC,SAAS,EAAEH,QAAE,CAAC,+CAA+C,CAAC,EAAA,QAAA,EACrFG,cAAA,CAACG,mBAAa,EAAA,EAAC,IAAI,EAAEC,8BAAgB,EAAA,aAAA,EAAc,MAAM,EAAC,SAAS,EAAEP,QAAE,CAACQ,oBAAU,CAAC,KAAK,EAAE,yBAAyB,CAAC,GAAI,EAAA,CACnH,CACR,EACA,SAAS,IACRL,cAAA,CAAA,MAAA,EAAA,EAAA,cAAA,EACe,MAAM,EACnB,SAAS,EAAEH,QAAE,CAAC,8CAA8C,EAAEE,cAAI,CAAC,IAAI,CAAC,EAAA,QAAA,EAEvE,IAAI,CAAC,KAAK,EAAA,CACN,IACL,IAAI,CAAC,IAAI,KAAK,SAAS,IACzB,UAAU,IACR,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,KAEjCC,cAAA,CAAA,GAAA,EAAA,EAAA,GAAO,SAAS,CAAC,IAAI,CAAC,EAAA,CAAI,CAC3B,KAEDA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEH,QAAE,CAAC,kCAAkC,CAAC,EAAA,QAAA,EAAG,IAAI,CAAC,KAAK,EAAA,CAAQ,CAC7E,CAAA,EAAA,EAvBM,KAAK,CAwBT;AAET,YAAA,CAAC,CAAC,EAAA,CACC,EAAA,CACD;AAEV,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;"}
+{"version":3,"file":"Breadcrumb.cjs","sources":["../../../src/components/Breadcrumb.tsx"],"sourcesContent":["import { HugeiconsIcon } from \"@hugeicons/react\";\nimport { ArrowRight01Icon } from \"@hugeicons/core-free-icons\";\nimport {\n  forwardRef,\n  type AnchorHTMLAttributes,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport { focusRing, iconSlot, iconStroke, state, text, type } from \"./ui.common\";\n\nexport interface BreadcrumbItem {\n  label: ReactNode;\n  href?: string;\n}\n\n/** The English copy a trail names itself with. */\nexport interface BreadcrumbLabels {\n  /** The trail's accessible name. */\n  navigation: string;\n}\n\nconst defaultBreadcrumbLabels: BreadcrumbLabels = {\n  navigation: \"Breadcrumb\",\n};\n\nexport interface BreadcrumbProps extends Omit<ComponentPropsWithoutRef<\"nav\">, \"children\"> {\n  items: BreadcrumbItem[];\n  /**\n   * How an intermediate destination is rendered — the escape hatch for a router link. The supplied\n   * props carry the destination, the shared classes and the item's own content, and the renderer\n   * spreads them onto its element.\n   */\n  renderLink?: (item: BreadcrumbItem, props: AnchorHTMLAttributes<HTMLAnchorElement>) => ReactNode;\n  /** The English copy the trail names itself with. `aria-label` takes precedence over it. */\n  labels?: Partial<BreadcrumbLabels>;\n}\n\n/* The trail of places a reader came through. It is **passive**: links and text, no state, no effect\n   and no client directive, so a server component renders it and a page that only reads it ships no\n   behaviour.\n\n   The last item is the page the reader is on, and it is text even when the caller supplies an href\n   for it — a link to where you already are is a control with nothing left to do, and `aria-current`\n   is what says which one it is. Every intermediate destination is a real anchor, so an ordinary\n   click, a modified click and every browser affordance work the way they do everywhere else on the\n   web: no router is required and none is assumed. `renderLink` is the caller's way to substitute its\n   own link component, and it receives the href, the accessible relationship and the shared classes\n   the plain anchor would have been given.\n\n   Separators are decorative chevrons: they mirror with the writing direction and are hidden from\n   assistive technology. Long labels wrap and the trail yields to a narrow parent instead of\n   collapsing, truncating or hiding a place — which places are behind the reader is information, and a\n   breadcrumb that hides one is a breadcrumb that lies. */\nconst Breadcrumb = forwardRef<HTMLElement, BreadcrumbProps>(\n  ({ items, renderLink, labels, className, \"aria-label\": ariaLabel, ...props }, ref) => {\n    const copy = { ...defaultBreadcrumbLabels, ...labels };\n\n    /* The props an intermediate destination is rendered from, composed once so the caller's own link\n       and the default anchor are the same object: the same destination, the same content and the same\n       shared classes — including the focus ring the keyboard needs to see. */\n    const linkProps = (item: BreadcrumbItem): AnchorHTMLAttributes<HTMLAnchorElement> => ({\n      href: item.href,\n      className: cn(\"min-w-0 no-underline [overflow-wrap:anywhere]\", focusRing, state.quietInk),\n      children: item.label,\n    });\n\n    return (\n      <nav\n        {...props}\n        ref={ref}\n        aria-label={ariaLabel ?? copy.navigation}\n        className={cn(\"min-w-0\", type.body, className)}\n      >\n        {/* A native ordered list: the trail has an order, and the order is the information. The row\n            wraps rather than overflowing, so a long trail stays inside its column. `role=\"list\"`\n            restates the element's own role rather than adding one, because `list-none` — which removes\n            the marker a breadcrumb does not want — is also what makes Safari drop the semantics. */}\n        <ol\n          role=\"list\"\n          className={cn(\n            \"m-0 flex min-w-0 list-none flex-wrap items-start gap-x-2 gap-y-1 p-0\",\n            text.medium\n          )}\n        >\n          {items.map((item, index) => {\n            const isCurrent = index === items.length - 1;\n\n            return (\n              <li key={index} className={cn(\"flex min-w-0 items-start gap-x-2\")}>\n                {index > 0 && (\n                  /* One inherited line box centers the glyph on the label's first line, even when\n                     the label wraps or a consumer changes the trail's line-height. */\n                  <span aria-hidden=\"true\" className={cn(iconSlot.compact, \"h-[1lh] w-4\")}>\n                    <HugeiconsIcon icon={ArrowRight01Icon} aria-hidden=\"true\" className={cn(iconStroke.glyph, \"rtl:-scale-x-100\")} />\n                  </span>\n                )}\n                {isCurrent ? (\n                  <span\n                    aria-current=\"page\"\n                    className={cn(\"min-w-0 font-medium [overflow-wrap:anywhere]\", text.high)}\n                  >\n                    {item.label}\n                  </span>\n                ) : item.href !== undefined ? (\n                  renderLink ? (\n                    renderLink(item, linkProps(item))\n                  ) : (\n                    <a {...linkProps(item)} />\n                  )\n                ) : (\n                  <span className={cn(\"min-w-0 [overflow-wrap:anywhere]\")}>{item.label}</span>\n                )}\n              </li>\n            );\n          })}\n        </ol>\n      </nav>\n    );\n  }\n);\n\nBreadcrumb.displayName = \"Breadcrumb\";\n\nexport default Breadcrumb;\n"],"names":["forwardRef","cn","focusRing","state","_jsx","type","text","_jsxs","iconSlot","HugeiconsIcon","ArrowRight01Icon","iconStroke"],"mappings":";;;;;;;;;;;AAsBA,MAAM,uBAAuB,GAAqB;AAChD,IAAA,UAAU,EAAE,YAAY;CACzB;AAcD;;;;;;;;;;;;;;;AAe0D;AAC1D,MAAM,UAAU,GAAGA,gBAAU,CAC3B,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACnF,MAAM,IAAI,GAAG,EAAE,GAAG,uBAAuB,EAAE,GAAG,MAAM,EAAE;AAEtD;;AAE0E;AAC1E,IAAA,MAAM,SAAS,GAAG,CAAC,IAAoB,MAA+C;QACpF,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,SAAS,EAAEC,QAAE,CAAC,+CAA+C,EAAEC,mBAAS,EAAEC,eAAK,CAAC,QAAQ,CAAC;QACzF,QAAQ,EAAE,IAAI,CAAC,KAAK;AACrB,KAAA,CAAC;IAEF,QACEC,cAAA,CAAA,KAAA,EAAA,EAAA,GACM,KAAK,EACT,GAAG,EAAE,GAAG,EAAA,YAAA,EACI,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAT,SAAS,GAAI,IAAI,CAAC,UAAU,EACxC,SAAS,EAAEH,QAAE,CAAC,SAAS,EAAEI,cAAI,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,QAAA,EAM9CD,cAAA,CAAA,IAAA,EAAA,EACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAEH,QAAE,CACX,sEAAsE,EACtEK,cAAI,CAAC,MAAM,CACZ,EAAA,QAAA,EAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;gBACzB,MAAM,SAAS,GAAG,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC;AAE5C,gBAAA,QACEC,eAAA,CAAA,IAAA,EAAA,EAAgB,SAAS,EAAEN,QAAE,CAAC,kCAAkC,CAAC,EAAA,QAAA,EAAA,CAC9D,KAAK,GAAG,CAAC;AACR;AACoE;wBACpEG,cAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAC,SAAS,EAAEH,QAAE,CAACO,kBAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,EAAA,QAAA,EACrEJ,cAAA,CAACK,mBAAa,EAAA,EAAC,IAAI,EAAEC,8BAAgB,EAAA,aAAA,EAAc,MAAM,EAAC,SAAS,EAAET,QAAE,CAACU,oBAAU,CAAC,KAAK,EAAE,kBAAkB,CAAC,EAAA,CAAI,EAAA,CAC5G,CACR,EACA,SAAS,IACRP,cAAA,CAAA,MAAA,EAAA,EAAA,cAAA,EACe,MAAM,EACnB,SAAS,EAAEH,QAAE,CAAC,8CAA8C,EAAEK,cAAI,CAAC,IAAI,CAAC,EAAA,QAAA,EAEvE,IAAI,CAAC,KAAK,EAAA,CACN,IACL,IAAI,CAAC,IAAI,KAAK,SAAS,IACzB,UAAU,IACR,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,KAEjCF,yBAAO,SAAS,CAAC,IAAI,CAAC,EAAA,CAAI,CAC3B,KAEDA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEH,QAAE,CAAC,kCAAkC,CAAC,EAAA,QAAA,EAAG,IAAI,CAAC,KAAK,EAAA,CAAQ,CAC7E,CAAA,EAAA,EAvBM,KAAK,CAwBT;AAET,YAAA,CAAC,CAAC,EAAA,CACC,EAAA,CACD;AAEV,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;"}

package/dist/cjs/components/Button.cjs

@@ -22,13 +22,20 @@ const sizeMap = {
     md: `${ui_common.density.normal} px-6 py-3`,
     lg: `${ui_common.density.prominent} px-8 py-4`,
 };
-const Button = React.forwardRef(({ children, variant = "primary", appearance = "tonal", size = "md", icon, className, loading = false, disabled, type = "button", ...props }, ref) => {
-    const isDisabled = disabled || loading;
+const Button = React.forwardRef(({ children, variant = "primary", appearance = "tonal", size = "md", icon, className, loading = false, disabled, type = "button", render, ...props }, ref) => {
+    /* A busy button is inert for hover and press, but it is not disabled. Only a real `disabled` takes
+       the native attribute and the dimmed step. A loading button stays focusable, so Enter keeps focus
+       on it, and Base's disabled gate stops its click handler from running a second time. */
+    const isNativeButton = render === undefined || render.type === "button";
+    /* An element that carries an `href` is a link, so it keeps its link semantics; Base UI would otherwise
+       give it `role="button"`. Any other element is a button to Base UI. */
+    const isLink = render !== undefined && render.props.href !== undefined;
+    const isInert = disabled || loading;
     /* The action ladder: text sits flat, tonal and filled are raised and recess while held. The
        priority action is never flatter than the one beside it. */
     const isRaised = appearance !== "text";
-    const isTactile = isRaised && !isDisabled;
-    return (jsxRuntime.jsxs(button.Button, { ...props, render: jsxRuntime.jsx("button", { ref: ref }), type: type, disabled: isDisabled, "aria-busy": loading || undefined, className: utils.cn("relative inline-flex min-w-0 max-w-full items-center justify-center gap-2 font-medium tracking-[-0.01em]", ui_common.shape.pill, sizeMap[size], ui_motion.motionTactile, ui_common.focusRing, appearance === "filled" && ui_common.tone.strong[variant], appearance === "filled" && !isDisabled && ui_common.stateLayer.filled, appearance === "tonal" && ui_common.tone.tonal[variant], appearance === "tonal" && ui_common.tone.text[variant], appearance === "tonal" && !isDisabled && (variant === "secondary" ? ui_common.stateLayer.tonalNeutral : ui_common.stateLayer.tonal), appearance === "text" && ui_common.tone.text[variant], appearance === "text" && !isDisabled && ui_common.stateLayer.quiet, isRaised && ui_common.elevation.raised, isTactile && ui_common.state.recess, isDisabled ? ui_common.state.disabled : ui_common.state.enabled, className), children: [loading ? (jsxRuntime.jsx("span", { className: utils.cn(slotMap[size], !icon && "absolute"), children: jsxRuntime.jsx(Spinner.Spinner, { size: "small", className: utils.cn("size-full") }) })) : icon ? (jsxRuntime.jsx("span", { className: utils.cn(slotMap[size]), "aria-hidden": "true", children: icon })) : null, jsxRuntime.jsx("span", { className: utils.cn("min-w-0 [overflow-wrap:anywhere]", loading && !icon && "opacity-0"), children: children })] }));
+    const isTactile = isRaised && !isInert;
+    return (jsxRuntime.jsxs(button.Button, { ...props, ...(isLink ? { role: undefined } : undefined), ref: ref, render: render, nativeButton: isNativeButton, type: isNativeButton ? type : undefined, disabled: isInert, focusableWhenDisabled: loading && !disabled, "aria-busy": loading || undefined, className: utils.cn("relative inline-flex min-w-0 max-w-full items-center justify-center gap-2 font-medium tracking-[-0.01em]", ui_common.shape.pill, sizeMap[size], ui_motion.motionTactile, ui_common.focusRing, appearance === "filled" && ui_common.tone.strong[variant], appearance === "filled" && !isInert && ui_common.stateLayer.filled, appearance === "tonal" && ui_common.tone.tonal[variant], appearance === "tonal" && ui_common.tone.text[variant], appearance === "tonal" && !isInert && (variant === "secondary" ? ui_common.stateLayer.tonalNeutral : ui_common.stateLayer.tonal), appearance === "text" && ui_common.tone.text[variant], appearance === "text" && !isInert && ui_common.stateLayer.quiet, isRaised && ui_common.elevation.raised, isTactile && ui_common.state.recess, disabled ? ui_common.state.disabled : loading ? ui_common.state.busy : ui_common.state.enabled, className), children: [loading ? (jsxRuntime.jsx("span", { className: utils.cn(slotMap[size], !icon && "absolute"), children: jsxRuntime.jsx(Spinner.Spinner, { size: "small", className: utils.cn("size-full") }) })) : icon ? (jsxRuntime.jsx("span", { className: utils.cn(slotMap[size]), "aria-hidden": "true", children: icon })) : null, jsxRuntime.jsx("span", { className: utils.cn("min-w-0 [overflow-wrap:anywhere]", loading && !icon && "opacity-0"), children: children })] }));
 });
 Button.displayName = "Button";
 

package/dist/cjs/components/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sources":["../../../src/components/Button.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button as BaseButton } from \"@base-ui/react/button\";\nimport React, { forwardRef, type ButtonHTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport {\n  density,\n  elevation,\n  focusRing,\n  iconSlot,\n  shape,\n  state,\n  stateLayer,\n  tone,\n} from \"./ui.common\";\nimport { motionTactile } from \"./ui.motion\";\nimport { Variant } from \"./ui.types\";\nimport { Spinner } from \"./Spinner\";\n\nexport type ButtonAppearance = \"filled\" | \"tonal\" | \"text\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  children: ReactNode;\n  variant?: Variant;\n  appearance?: ButtonAppearance;\n  size?: ButtonSize;\n  icon?: ReactNode;\n  loading?: boolean;\n}\n\n/* The mark follows the type step beside it (§10): a compact label takes the compact slot. */\nconst slotMap: Record<ButtonSize, string> = {\n  sm: iconSlot.compact,\n  md: iconSlot.normal,\n  lg: iconSlot.prominent,\n};\n\nconst sizeMap: Record<ButtonSize, string> = {\n  sm: `${density.compact} px-4 py-2`,\n  md: `${density.normal} px-6 py-3`,\n  lg: `${density.prominent} px-8 py-4`,\n};\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({\n    children,\n    variant = \"primary\",\n    appearance = \"tonal\",\n    size = \"md\",\n    icon,\n    className,\n    loading = false,\n    disabled,\n    type = \"button\",\n    ...props\n  }, ref) => {\n    const isDisabled = disabled || loading;\n    /* The action ladder: text sits flat, tonal and filled are raised and recess while held. The\n       priority action is never flatter than the one beside it. */\n    const isRaised = appearance !== \"text\";\n    const isTactile = isRaised && !isDisabled;\n\n    return (\n      <BaseButton\n        {...props}\n        render={<button ref={ref} />}\n        type={type}\n        disabled={isDisabled}\n        aria-busy={loading || undefined}\n        className={cn(\n          \"relative inline-flex min-w-0 max-w-full items-center justify-center gap-2 font-medium tracking-[-0.01em]\",\n          shape.pill,\n          sizeMap[size],\n          motionTactile,\n          focusRing,\n          appearance === \"filled\" && tone.strong[variant],\n          appearance === \"filled\" && !isDisabled && stateLayer.filled,\n          appearance === \"tonal\" && tone.tonal[variant],\n          appearance === \"tonal\" && tone.text[variant],\n          appearance === \"tonal\" && !isDisabled && (variant === \"secondary\" ? stateLayer.tonalNeutral : stateLayer.tonal),\n          appearance === \"text\" && tone.text[variant],\n          appearance === \"text\" && !isDisabled && stateLayer.quiet,\n          isRaised && elevation.raised,\n          isTactile && state.recess,\n          isDisabled ? state.disabled : state.enabled,\n          className\n        )}\n      >\n        {/* A mark occupies one slot whatever is inside it. The slot is a fixed box sized by the\n            button's type step, so a nested node — a wrapped mark, a status dot — cannot change the\n            control's width, and the loading mark lands in the box the icon had. `[&>svg]` normalizes\n            direct SVG artwork; sizing nested artwork is the caller's business, as §17 says. */}\n        {loading ? (\n          <span className={cn(slotMap[size], !icon && \"absolute\")}>\n            <Spinner size=\"small\" className={cn(\"size-full\")} />\n          </span>\n        ) : icon ? (\n          <span className={cn(slotMap[size])} aria-hidden=\"true\">\n            {icon}\n          </span>\n        ) : null}\n        {/* Retain one label subtree and its accessible name while the spinner occupies its footprint. */}\n        <span className={cn(\"min-w-0 [overflow-wrap:anywhere]\", loading && !icon && \"opacity-0\")}>{children}</span>\n      </BaseButton>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n\nexport default Button;\n"],"names":["iconSlot","density","forwardRef","_jsxs","BaseButton","_jsx","cn","shape","motionTactile","focusRing","tone","stateLayer","elevation","state","Spinner"],"mappings":"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"}
+{"version":3,"file":"Button.cjs","sources":["../../../src/components/Button.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button as BaseButton } from \"@base-ui/react/button\";\nimport React, { forwardRef, type ButtonHTMLAttributes, type ReactElement, type ReactNode } from \"react\";\nimport { cn } from \"@/libs/utils\";\nimport {\n  density,\n  elevation,\n  focusRing,\n  iconSlot,\n  shape,\n  state,\n  stateLayer,\n  tone,\n} from \"./ui.common\";\nimport { motionTactile } from \"./ui.motion\";\nimport { Variant } from \"./ui.types\";\nimport { Spinner } from \"./Spinner\";\n\nexport type ButtonAppearance = \"filled\" | \"tonal\" | \"text\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  children: ReactNode;\n  variant?: Variant;\n  appearance?: ButtonAppearance;\n  size?: ButtonSize;\n  icon?: ReactNode;\n  loading?: boolean;\n  /**\n   * The element the button renders as, such as a router link. The button's classes and its own props\n   * are merged onto it, so the link looks and presses like a button and keeps its own navigation.\n   */\n  render?: ReactElement;\n}\n\n/* The mark follows the type step beside it (§10): a compact label takes the compact slot. */\nconst slotMap: Record<ButtonSize, string> = {\n  sm: iconSlot.compact,\n  md: iconSlot.normal,\n  lg: iconSlot.prominent,\n};\n\nconst sizeMap: Record<ButtonSize, string> = {\n  sm: `${density.compact} px-4 py-2`,\n  md: `${density.normal} px-6 py-3`,\n  lg: `${density.prominent} px-8 py-4`,\n};\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({\n    children,\n    variant = \"primary\",\n    appearance = \"tonal\",\n    size = \"md\",\n    icon,\n    className,\n    loading = false,\n    disabled,\n    type = \"button\",\n    render,\n    ...props\n  }, ref) => {\n    /* A busy button is inert for hover and press, but it is not disabled. Only a real `disabled` takes\n       the native attribute and the dimmed step. A loading button stays focusable, so Enter keeps focus\n       on it, and Base's disabled gate stops its click handler from running a second time. */\n    const isNativeButton = render === undefined || render.type === \"button\";\n    /* An element that carries an `href` is a link, so it keeps its link semantics; Base UI would otherwise\n       give it `role=\"button\"`. Any other element is a button to Base UI. */\n    const isLink = render !== undefined && (render.props as { href?: unknown }).href !== undefined;\n    const isInert = disabled || loading;\n    /* The action ladder: text sits flat, tonal and filled are raised and recess while held. The\n       priority action is never flatter than the one beside it. */\n    const isRaised = appearance !== \"text\";\n    const isTactile = isRaised && !isInert;\n\n    return (\n      <BaseButton\n        {...props}\n        {...(isLink ? { role: undefined } : undefined)}\n        ref={ref}\n        render={render}\n        nativeButton={isNativeButton}\n        type={isNativeButton ? type : undefined}\n        disabled={isInert}\n        focusableWhenDisabled={loading && !disabled}\n        aria-busy={loading || undefined}\n        className={cn(\n          \"relative inline-flex min-w-0 max-w-full items-center justify-center gap-2 font-medium tracking-[-0.01em]\",\n          shape.pill,\n          sizeMap[size],\n          motionTactile,\n          focusRing,\n          appearance === \"filled\" && tone.strong[variant],\n          appearance === \"filled\" && !isInert && stateLayer.filled,\n          appearance === \"tonal\" && tone.tonal[variant],\n          appearance === \"tonal\" && tone.text[variant],\n          appearance === \"tonal\" && !isInert && (variant === \"secondary\" ? stateLayer.tonalNeutral : stateLayer.tonal),\n          appearance === \"text\" && tone.text[variant],\n          appearance === \"text\" && !isInert && stateLayer.quiet,\n          isRaised && elevation.raised,\n          isTactile && state.recess,\n          disabled ? state.disabled : loading ? state.busy : state.enabled,\n          className\n        )}\n      >\n        {/* A mark occupies one slot whatever is inside it. The slot is a fixed box sized by the\n            button's type step, so a nested node — a wrapped mark, a status dot — cannot change the\n            control's width, and the loading mark lands in the box the icon had. `[&>svg]` normalizes\n            direct SVG artwork; sizing nested artwork is the caller's business, as §17 says. */}\n        {loading ? (\n          <span className={cn(slotMap[size], !icon && \"absolute\")}>\n            <Spinner size=\"small\" className={cn(\"size-full\")} />\n          </span>\n        ) : icon ? (\n          <span className={cn(slotMap[size])} aria-hidden=\"true\">\n            {icon}\n          </span>\n        ) : null}\n        {/* Retain one label subtree and its accessible name while the spinner occupies its footprint. */}\n        <span className={cn(\"min-w-0 [overflow-wrap:anywhere]\", loading && !icon && \"opacity-0\")}>{children}</span>\n      </BaseButton>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n\nexport default Button;\n"],"names":["iconSlot","density","forwardRef","_jsxs","BaseButton","cn","shape","motionTactile","focusRing","tone","stateLayer","elevation","state","_jsx","Spinner"],"mappings":"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,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ;AACvE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACwE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACxE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,C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"}

package/dist/cjs/components/Calendar.cjs

@@ -20,7 +20,7 @@ const navigationButtonClassName = `group inline-flex shrink-0 items-center justi
 const todayButtonClassName = `inline-flex shrink-0 items-center justify-center px-4 ${ui_common.density.compact} ${ui_common.shape.pill} ${ui_common.text.high} ${ui_motion.motionFeedback} ${ui_motion.motionTactile} ${ui_common.focusRingInset} ${ui_common.stateLayer.quiet}`;
 /* A chosen day holds the same shallow surface as an option. The square target yields with its
    column without changing the seven-day grid; selection and focus boundaries never compress. */
-const dayButtonClassName = `relative inline-flex aspect-square w-full max-w-10 select-none items-center justify-center text-sm tabular-nums ${ui_common.shape.circle} ${ui_motion.motionFeedback} ${ui_common.focusRingInset}`;
+const dayButtonClassName = `relative inline-flex aspect-square w-full max-w-10 select-none items-center justify-center ${ui_common.type.numeric} ${ui_common.shape.circle} ${ui_motion.motionFeedback} ${ui_common.focusRingInset}`;
 /**
  * One month of a Gregorian calendar, navigated as a keyboard grid.
  *
@@ -50,7 +50,11 @@ const Calendar = React.forwardRef((props, ref) => {
     const direction = directionProvider.useDirection();
     /* Which way a horizontal arrow walks in *time*: the page's reading direction, not the screen's. */
     const mirror = direction === "rtl" ? -1 : 1;
-    const today = React.useMemo(() => { var _a; return (_a = dateFamily.normalizeCalendarDate(todayProp)) !== null && _a !== void 0 ? _a : dateFamily.todayCalendarDate(); }, [todayProp]);
+    /* Today is the viewer's own civil day. The first render reads it in UTC, the reading the server shares, so
+       the markup agrees with what hydrates; the effects below move it to the local day. The `today` prop
+       overrides all of it. */
+    const [clockToday, setClockToday] = React.useState(() => dateFamily.todayCalendarDate());
+    const today = React.useMemo(() => { var _a; return (_a = dateFamily.normalizeCalendarDate(todayProp)) !== null && _a !== void 0 ? _a : clockToday; }, [todayProp, clockToday]);
     const todayParts = dateFamily.parseCalendarDate(today);
     const minDate = React.useMemo(() => dateFamily.normalizeCalendarDate(min), [min]);
     const maxDate = React.useMemo(() => dateFamily.normalizeCalendarDate(max), [max]);
@@ -126,6 +130,28 @@ const Calendar = React.forwardRef((props, ref) => {
         }
         setPendingDayFocus(null);
     }, [pendingDayFocus, view.year, view.month]);
+    /* The viewer's day is read on mount and again at each local midnight, when the civil day turns over. A
+       timer that waits for midnight is the only clock the calendar keeps; it never ticks in between. */
+    React.useEffect(() => {
+        let timer;
+        const readClock = () => {
+            const now = new Date();
+            setClockToday(dateFamily.localCalendarDate(now));
+            timer = setTimeout(readClock, dateFamily.millisecondsUntilLocalMidnight(now));
+        };
+        readClock();
+        return () => clearTimeout(timer);
+    }, []);
+    /* A grid with nothing to anchor it opens on the viewer's month, not on the UTC month it was first drawn
+       with. Only that first local reading may move it: a reader who has walked away from today is never
+       brought back to it by a later midnight. */
+    React.useEffect(() => {
+        if (monthProp !== undefined || todayProp !== undefined || anchorParts !== null || defaultMonthParts !== null)
+            return;
+        const local = dateFamily.parseCalendarDate(dateFamily.localCalendarDate());
+        setInternalMonth({ year: local.year, month: local.month, day: 1 });
+        setActiveDayState(local.day);
+    }, []);
     const isUnavailableDate = React.useCallback((date) => {
         if (minDate && dateFamily.compareCalendarDates(date, minDate) < 0)
             return true;
@@ -260,7 +286,13 @@ const Calendar = React.forwardRef((props, ref) => {
     const hintId = React.useId();
     return (jsxRuntime.jsxs("div", { ...divProps, ref: ref, 
         /* Seven equal columns yield together in a narrow panel; no weekday is hidden offscreen. */
-        className: utils.cn("inline-flex w-[17.5rem] min-w-0 max-w-full flex-col", disabled && ui_common.state.disabled, className), children: [jsxRuntime.jsxs("div", { className: utils.cn("mb-2 flex items-center justify-between gap-2"), children: [jsxRuntime.jsx("button", { type: "button", "aria-label": labels.previousMonth, disabled: disabled || atFirstMonth, onClick: () => walkMonth(-1), className: utils.cn(navigationButtonClassName, disabled ? ui_common.state.disabledDescendant : atFirstMonth ? ui_common.state.disabled : ui_common.state.enabled), children: jsxRuntime.jsx("span", { className: utils.cn("inline-flex", !disabled && !atFirstMonth && ui_motion.motionInkPress), children: jsxRuntime.jsx(react.HugeiconsIcon, { icon: coreFreeIcons.ArrowLeft01Icon, "aria-hidden": "true", className: utils.cn(ui_common.iconStroke.glyph, "size-5 rtl:-scale-x-100") }) }) }), jsxRuntime.jsx("div", { id: captionId, "aria-live": "polite", className: utils.cn("min-w-0 flex-1 truncate text-center", ui_common.type.label, ui_common.text.high), children: format.formatMonthYear(view) }), jsxRuntime.jsx("button", { type: "button", "aria-label": labels.nextMonth, disabled: disabled || atLastMonth, onClick: () => walkMonth(1), className: utils.cn(navigationButtonClassName, disabled ? ui_common.state.disabledDescendant : atLastMonth ? ui_common.state.disabled : ui_common.state.enabled), children: jsxRuntime.jsx("span", { className: utils.cn("inline-flex", !disabled && !atLastMonth && ui_motion.motionInkPress), children: jsxRuntime.jsx(react.HugeiconsIcon, { icon: coreFreeIcons.ArrowRight01Icon, "aria-hidden": "true", className: utils.cn(ui_common.iconStroke.glyph, "size-5 rtl:-scale-x-100") }) }) })] }), jsxRuntime.jsxs("table", { ref: gridRef, role: "grid", "aria-label": ariaLabel, "aria-labelledby": ariaLabel ? undefined : ariaLabelledBy !== null && ariaLabelledBy !== void 0 ? ariaLabelledBy : captionId, "aria-describedby": hintId, "aria-multiselectable": isRange ? true : undefined, "aria-invalid": invalid || undefined, "aria-disabled": disabled || undefined, onKeyDown: handleGridKeyDown, onBlur: (event) => {
+        className: utils.cn("inline-flex w-[17.5rem] min-w-0 max-w-full flex-col", disabled && ui_common.state.disabled, className), children: [jsxRuntime.jsxs("div", { className: utils.cn("mb-2 flex items-center justify-between gap-2"), children: [jsxRuntime.jsx("button", { type: "button", "aria-label": labels.previousMonth, disabled: disabled, "aria-disabled": atFirstMonth || undefined, onClick: () => {
+                            if (!atFirstMonth)
+                                walkMonth(-1);
+                        }, className: utils.cn(navigationButtonClassName, disabled ? ui_common.state.disabledDescendant : atFirstMonth ? ui_common.state.disabled : ui_common.state.enabled), children: jsxRuntime.jsx("span", { className: utils.cn(ui_common.iconSlot.normal, !disabled && !atFirstMonth && ui_motion.motionInkPress), children: jsxRuntime.jsx(react.HugeiconsIcon, { icon: coreFreeIcons.ArrowLeft01Icon, "aria-hidden": "true", className: utils.cn(ui_common.iconStroke.glyph, "rtl:-scale-x-100") }) }) }), jsxRuntime.jsx("div", { id: captionId, "aria-live": "polite", className: utils.cn("min-w-0 flex-1 truncate text-center", ui_common.type.label, ui_common.text.high), children: format.formatMonthYear(view) }), jsxRuntime.jsx("button", { type: "button", "aria-label": labels.nextMonth, disabled: disabled, "aria-disabled": atLastMonth || undefined, onClick: () => {
+                            if (!atLastMonth)
+                                walkMonth(1);
+                        }, className: utils.cn(navigationButtonClassName, disabled ? ui_common.state.disabledDescendant : atLastMonth ? ui_common.state.disabled : ui_common.state.enabled), children: jsxRuntime.jsx("span", { className: utils.cn(ui_common.iconSlot.normal, !disabled && !atLastMonth && ui_motion.motionInkPress), children: jsxRuntime.jsx(react.HugeiconsIcon, { icon: coreFreeIcons.ArrowRight01Icon, "aria-hidden": "true", className: utils.cn(ui_common.iconStroke.glyph, "rtl:-scale-x-100") }) }) })] }), jsxRuntime.jsxs("table", { ref: gridRef, role: "grid", "aria-label": ariaLabel, "aria-labelledby": ariaLabel ? undefined : ariaLabelledBy !== null && ariaLabelledBy !== void 0 ? ariaLabelledBy : captionId, "aria-describedby": hintId, "aria-multiselectable": isRange ? true : undefined, "aria-invalid": invalid || undefined, "aria-disabled": disabled || undefined, onKeyDown: handleGridKeyDown, onBlur: (event) => {
                     /* A day is no longer the focus, so a pending refocus must not claim it later. */
                     if (!event.currentTarget.contains(event.relatedTarget)) {
                         setPendingDayFocus(null);
@@ -290,7 +322,10 @@ const Calendar = React.forwardRef((props, ref) => {
                                 return (jsxRuntime.jsxs("td", { role: "gridcell", "aria-selected": selected || undefined, "aria-current": isToday ? "date" : undefined, className: utils.cn("relative p-0 text-center align-middle"), children: [bandLength > 0 && (jsxRuntime.jsx("span", { "aria-hidden": "true", "data-sui-range-band": "", style: { width: `${bandLength * 100}%` }, className: utils.cn("pointer-events-none absolute inset-y-1 start-0", ui_common.shape.pill, ui_common.elevation.control, invalid ? ui_common.tone.selected.danger : ui_common.tone.selected.primary) })), jsxRuntime.jsx("button", { type: "button", "data-day": date, tabIndex: disabled ? -1 : isActive ? 0 : -1, "aria-label": format.formatDate(parts), "aria-disabled": unavailable || undefined, disabled: disabled, onClick: () => selectDate(date), onFocus: () => {
                                                 if (day !== activeDayState)
                                                     setActiveDayState(day);
-                                            }, className: utils.cn(dayButtonClassName, ui_common.text.high, isToday && `${ui_common.tone.text.primary} underline underline-offset-4`, selected && isEdge && "font-medium", selected && !joinedRange && utils.cn(invalid ? ui_common.tone.selected.danger : ui_common.tone.selected.primary, ui_common.elevation.control), !disabled && !unavailable && `${ui_common.stateLayer.quiet} ${ui_common.state.enabled}`, unavailable && !disabled && ui_common.state.disabled, disabled && ui_common.state.disabledDescendant), children: format.formatDayNumber(day) })] }, date));
+                                            }, className: utils.cn(dayButtonClassName, ui_common.text.high, selected && isEdge && "font-medium", 
+                                            /* Today is marked in ink, never in the accent: iris is spent where the reader acts (§10), and
+                                               a day is not an action. A weight step and an underline say "today" without a colour. */
+                                            isToday && "font-semibold underline underline-offset-4", selected && !joinedRange && utils.cn(invalid ? ui_common.tone.selected.danger : ui_common.tone.selected.primary, ui_common.elevation.control), !disabled && !unavailable && `${ui_common.stateLayer.quiet} ${ui_common.state.enabled}`, unavailable && !disabled && ui_common.state.disabled, disabled && ui_common.state.disabledDescendant), children: format.formatDayNumber(day) })] }, date));
                             }) }, rowIndex))) })] }), jsxRuntime.jsxs("div", { className: utils.cn("mt-3 flex items-center justify-between gap-3"), children: [jsxRuntime.jsx("button", { type: "button", disabled: disabled, onClick: goToToday, className: utils.cn(todayButtonClassName, disabled ? ui_common.state.disabledDescendant : ui_common.state.enabled), children: labels.today }), jsxRuntime.jsx("div", { role: "status", className: utils.cn("min-w-0", ui_common.type.supporting, ui_common.tone.text.danger), children: rangeMessage !== null && rangeMessage !== void 0 ? rangeMessage : "" })] }), jsxRuntime.jsx("p", { id: hintId, className: utils.cn("sr-only"), children: isRange ? labels.selectRange : labels.selectDate })] }));
 });
 Calendar.displayName = "Calendar";