@vaneui/ui 1.4.2 → 1.4.3

package/CHANGELOG.md

@@ -8,6 +8,99 @@ fixes, minor for additive props and components, major for anything that changes
 existing prop name, default, or rendered element. Releases ship when work is ready
 rather than on a fixed calendar.
 
+## 1.4.3
+
+`2026-09-30`
+
+Fixes from a review of the components composed into real screens (dashboards, forms,
+landing pages, articles, overlays, a storefront).
+
+### Added
+
+- **`Table` and `Alert` take a font family** (`fontSans`, `fontMono`, …) and default to
+  `fontSans`. Their cells and raw text used to fall back to the page's own font (a serif
+  on an unstyled page), because the scoped reset never sets one.
+
+### Changed
+
+- **`Input` and `Select` are as tall as `Button` at every size.** They used a looser line
+  height, so a field was 4.8px taller than the button beside it at `md`. Their corner
+  radius now matches too. Every `Input` and `Select` gets slightly shorter.
+- **List markers sit inside the list box.** The marker gutter was 12px at `md`, so bullets
+  and `10.` hung outside it; it is now 16–32px by size. An `icon` item's icon moves into the
+  same gutter, so icon items and plain items share one text column.
+- **`transition` no longer animates the focus ring**, only colors, shadows and transforms.
+
+### Fixed
+
+- **Words no longer break mid-word in rows and tables.** The long-token wrapping added for
+  URLs let a short label beside a full-width control shrink to one letter per line, and
+  split prices and names in table cells. Titles, lists and blockquotes now wrap long tokens
+  too, instead of overflowing on a phone.
+- **An unselected `RadioGroup` no longer shows every radio as selected.**
+- **The invalid state is visible.** `Input`, `Select` and `Textarea` drew their danger ring at
+  30% strength, fainter than a normal field; it is now full strength. Text fields also use
+  the form-control border token, like `Checkbox`, `Radio` and `Switch`.
+- **The active `NavLink` stands out**: it is semibold on a stronger tint, and hover no longer
+  looks the same as the current page. A trailing `Badge` sits at the row's end.
+- **`Link` and a `Card` with `href` draw a visible focus ring** in dark mode and on colored
+  surfaces. It used the browser's default color.
+- **Text stays readable on filled surfaces.** Secondary and tertiary text, ghost buttons and
+  links on a filled `Card` or `Section` take the surface's text color.
+- **`filled` without an appearance no longer turns text white on an unpainted surface.**
+- **Whole-page dark mode paints the page**, so cards no longer sit darker than the page.
+  Any background you set on `html` or `body` still wins.
+- **`Mark` shows a visible highlight.**
+- **An svg in running text stays inline** instead of breaking the line.
+- **`Tooltip`, `Popup` and menus render in the library font.** A string `title` on `Modal`
+  renders as a `Title`.
+- **`Modal` returns focus to the button that opened it** on every close path.
+- **Escape inside a `Menu` closes only that menu**, not the `Modal` around it or the whole
+  menu tree.
+- **Menu items sit flush again**; a 16px gap had appeared between them.
+- **Popups placed above or below keep their own width** instead of shrinking to a small
+  trigger, so tooltips no longer wrap one word per line.
+- **End-aligned and left popups stay at their trigger under `dir="rtl"`.**
+- **`Modal` keeps a margin on a phone** instead of running edge to edge.
+- **`ModalCloseButton` keeps its own look under app-wide `button.main` defaults** (a filled
+  default made the × invisible) and is square like `IconButton`.
+- **A loading `Button` with an icon keeps its size.**
+- **A read-only `Checkbox` no longer toggles**, a read-only `Select` can no longer be changed,
+  and read-only toggles dim like read-only text fields.
+- **`Field` passes `disabled`, `required` and `readOnly` to a child control**, including every
+  `Radio` of a child `RadioGroup`. Control-only attributes no longer land on its wrapper div.
+- **`<Link sm>` renders at `sm`**; an explicit size used to be ignored.
+- **A size set on the switch input theme reaches the track.**
+- **A disabled `Link` looks disabled**, and disabled fields show the not-allowed cursor.
+  Disabled opacity now reads the `--disabled-opacity` token.
+- **`Select` stays on one line in a row**, `noShrink` reaches it, and a placeholder option
+  is muted like an `Input` placeholder.
+- **`Textarea` honours `rows`** below three lines.
+- **A clickable `Chip` shows the focus ring**, and linked `Card`, `Chip` and `Badge` get a hover
+  tint.
+- **Hovering another menu item closes an open sibling submenu**, and a submenu's trigger keeps
+  its tint while the submenu is open.
+- **`Alert` text uses body line-height** and a leading icon centres on the first line.
+- A `Card` with `href` warns in development when it contains a button, link or field.
+
+## 1.4.2
+
+`2026-08-22`
+
+### Fixed
+
+- **`Field`'s label now scales with the field.** The label, description and error
+  were pinned to `sm` at every size, so `<Field xl>` grew the control and left its
+  label behind. The label now takes the field's size and the help and error text
+  sit one step below it.
+- **`Field`'s inline checkbox and switch line up with their label.** The control
+  resolved its line box against the page root instead of the label's font
+  metrics, so it sat high and the switch track overflowed its own box.
+- **`Field`'s help and error text stay readable on a filled surface.** Their pinned
+  secondary and danger colors lost contrast on a fill; under any filled ancestor,
+  the field itself or a `Card` or `Row` above it, they now take that surface's
+  text color.
+
 ## 1.4.1
 
 `2026-08-22`

package/dist/cjs/components/ui/alert/AlertCategories.cjs

@@ -4,6 +4,7 @@ var categoryBuilders = require('../props/categoryBuilders.cjs');
 
 const ALERT_CATEGORIES = [
   ...categoryBuilders.TEXT_ALIGN,
+  ...categoryBuilders.FONT_FAMILY,
   ...categoryBuilders.LAYOUT_FULL,
   ...categoryBuilders.BREAKPOINT,
   ...categoryBuilders.VISUAL_LAYOUT,

package/dist/cjs/components/ui/alert/AlertCategories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AlertCategories.cjs","sources":["../../../../../src/components/ui/alert/AlertCategories.ts"],"sourcesContent":["import {\n  TEXT_ALIGN,\n  LAYOUT_FULL,\n  BREAKPOINT,\n  VISUAL_LAYOUT,\n  PADDING,\n  MARGIN,\n  VARIANT,\n  WIDTH,\n  HEIGHT,\n  COMMON_MODIFIERS,\n} from \"../props/categoryBuilders\";\n\n/** Card's list without cursor/focusVisible: an Alert is a surface, never a link. */\nexport const ALERT_CATEGORIES = [\n  ...TEXT_ALIGN,\n  ...LAYOUT_FULL,\n  ...BREAKPOINT,\n  ...VISUAL_LAYOUT,\n  ...PADDING,\n  ...MARGIN,\n  ...VARIANT,\n  ...WIDTH,\n  ...HEIGHT,\n  ...COMMON_MODIFIERS,\n] as const;\n"],"names":["TEXT_ALIGN","LAYOUT_FULL","BREAKPOINT","VISUAL_LAYOUT","PADDING","MARGIN","VARIANT","WIDTH","HEIGHT","COMMON_MODIFIERS"],"mappings":";;;;AAcO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,GAAGA,2BAAA;AAAA,EACH,GAAGC,4BAAA;AAAA,EACH,GAAGC,2BAAA;AAAA,EACH,GAAGC,8BAAA;AAAA,EACH,GAAGC,wBAAA;AAAA,EACH,GAAGC,uBAAA;AAAA,EACH,GAAGC,wBAAA;AAAA,EACH,GAAGC,sBAAA;AAAA,EACH,GAAGC,uBAAA;AAAA,EACH,GAAGC;AACL;;;;"}
+{"version":3,"file":"AlertCategories.cjs","sources":["../../../../../src/components/ui/alert/AlertCategories.ts"],"sourcesContent":["import {\n  TEXT_ALIGN,\n  FONT_FAMILY,\n  LAYOUT_FULL,\n  BREAKPOINT,\n  VISUAL_LAYOUT,\n  PADDING,\n  MARGIN,\n  VARIANT,\n  WIDTH,\n  HEIGHT,\n  COMMON_MODIFIERS,\n} from \"../props/categoryBuilders\";\n\n/** Card's list without cursor/focusVisible: an Alert is a surface, never a link. */\nexport const ALERT_CATEGORIES = [\n  ...TEXT_ALIGN,\n  ...FONT_FAMILY,\n  ...LAYOUT_FULL,\n  ...BREAKPOINT,\n  ...VISUAL_LAYOUT,\n  ...PADDING,\n  ...MARGIN,\n  ...VARIANT,\n  ...WIDTH,\n  ...HEIGHT,\n  ...COMMON_MODIFIERS,\n] as const;\n"],"names":["TEXT_ALIGN","FONT_FAMILY","LAYOUT_FULL","BREAKPOINT","VISUAL_LAYOUT","PADDING","MARGIN","VARIANT","WIDTH","HEIGHT","COMMON_MODIFIERS"],"mappings":";;;;AAeO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,GAAGA,2BAAA;AAAA,EACH,GAAGC,4BAAA;AAAA,EACH,GAAGC,4BAAA;AAAA,EACH,GAAGC,2BAAA;AAAA,EACH,GAAGC,8BAAA;AAAA,EACH,GAAGC,wBAAA;AAAA,EACH,GAAGC,uBAAA;AAAA,EACH,GAAGC,wBAAA;AAAA,EACH,GAAGC,sBAAA;AAAA,EACH,GAAGC,uBAAA;AAAA,EACH,GAAGC;AACL;;;;"}

package/dist/cjs/components/ui/alert/alertDefaults.cjs

@@ -12,7 +12,8 @@ const alertDefaults = {
   row: true,
   itemsStart: true,
   wFull: true,
-  responsiveSizing: true
+  responsiveSizing: true,
+  fontSans: true
 };
 
 exports.alertDefaults = alertDefaults;

package/dist/cjs/components/ui/alert/alertDefaults.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"alertDefaults.cjs","sources":["../../../../../src/components/ui/alert/alertDefaults.ts"],"sourcesContent":["import type { AlertProps } from \"./AlertProps\";\n\n/** Default props for Alert component */\nexport const alertDefaults: Partial<AlertProps> = {\n  md: true,\n  info: true,\n  outline: true,\n  rounded: true,\n  border: true,\n  padding: true,\n  gap: true,\n  flex: true,\n  row: true,\n  itemsStart: true,\n  wFull: true,\n  responsiveSizing: true,\n};\n"],"names":[],"mappings":";;AAGO,MAAM,aAAA,GAAqC;AAAA,EAChD,EAAA,EAAI,IAAA;AAAA,EACJ,IAAA,EAAM,IAAA;AAAA,EACN,OAAA,EAAS,IAAA;AAAA,EACT,OAAA,EAAS,IAAA;AAAA,EACT,MAAA,EAAQ,IAAA;AAAA,EACR,OAAA,EAAS,IAAA;AAAA,EACT,GAAA,EAAK,IAAA;AAAA,EACL,IAAA,EAAM,IAAA;AAAA,EACN,GAAA,EAAK,IAAA;AAAA,EACL,UAAA,EAAY,IAAA;AAAA,EACZ,KAAA,EAAO,IAAA;AAAA,EACP,gBAAA,EAAkB;AACpB;;;;"}
+{"version":3,"file":"alertDefaults.cjs","sources":["../../../../../src/components/ui/alert/alertDefaults.ts"],"sourcesContent":["import type { AlertProps } from \"./AlertProps\";\n\n/** Default props for Alert component */\nexport const alertDefaults: Partial<AlertProps> = {\n  md: true,\n  info: true,\n  outline: true,\n  rounded: true,\n  border: true,\n  padding: true,\n  gap: true,\n  flex: true,\n  row: true,\n  itemsStart: true,\n  wFull: true,\n  responsiveSizing: true,\n  fontSans: true,\n};\n"],"names":[],"mappings":";;AAGO,MAAM,aAAA,GAAqC;AAAA,EAChD,EAAA,EAAI,IAAA;AAAA,EACJ,IAAA,EAAM,IAAA;AAAA,EACN,OAAA,EAAS,IAAA;AAAA,EACT,OAAA,EAAS,IAAA;AAAA,EACT,MAAA,EAAQ,IAAA;AAAA,EACR,OAAA,EAAS,IAAA;AAAA,EACT,GAAA,EAAK,IAAA;AAAA,EACL,IAAA,EAAM,IAAA;AAAA,EACN,GAAA,EAAK,IAAA;AAAA,EACL,UAAA,EAAY,IAAA;AAAA,EACZ,KAAA,EAAO,IAAA;AAAA,EACP,gBAAA,EAAkB,IAAA;AAAA,EAClB,QAAA,EAAU;AACZ;;;;"}

package/dist/cjs/components/ui/alert/defaultAlertTheme.cjs

@@ -8,6 +8,7 @@ require('../theme/common/appearanceClassMappers.cjs');
 var AlertCategories = require('./AlertCategories.cjs');
 var alertDefaults = require('./alertDefaults.cjs');
 var breakpointClassMapper = require('../theme/size/breakpointClassMapper.cjs');
+var fontFamilyClassMapper = require('../theme/typography/fontFamilyClassMapper.cjs');
 var textAlignClassMapper = require('../theme/typography/textAlignClassMapper.cjs');
 
 const defaultAlertTheme = new ComponentTheme.ComponentTheme(
@@ -20,7 +21,8 @@ const defaultAlertTheme = new ComponentTheme.ComponentTheme(
       breakpoint: new breakpointClassMapper.BreakpointClassMapper()
     },
     typography: {
-      textAlign: new textAlignClassMapper.TextAlignClassMapper()
+      textAlign: new textAlignClassMapper.TextAlignClassMapper(),
+      fontFamily: new fontFamilyClassMapper.FontFamilyClassMapper()
     }
   },
   alertDefaults.alertDefaults,

package/dist/cjs/components/ui/alert/defaultAlertTheme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"defaultAlertTheme.cjs","sources":["../../../../../src/components/ui/alert/defaultAlertTheme.ts"],"sourcesContent":["import { ComponentTheme, layoutClassMappers } from \"../theme/common\";\nimport type { AlertProps } from \"./AlertProps\";\nimport type { AlertTheme } from \"./AlertTheme\";\nimport { ALERT_CATEGORIES } from \"./AlertCategories\";\nimport { alertDefaults } from \"./alertDefaults\";\nimport { BreakpointClassMapper } from \"../theme/size\";\nimport { TextAlignClassMapper } from \"../theme/typography\";\n\nexport const defaultAlertTheme = new ComponentTheme<AlertProps, AlertTheme>(\n  \"div\",\n  \"vane-alert\",\n  {\n    ...layoutClassMappers,\n    size: {\n      ...layoutClassMappers.size,\n      breakpoint: new BreakpointClassMapper(),\n    },\n    typography: {\n      textAlign: new TextAlignClassMapper(),\n    },\n  },\n  alertDefaults,\n  ALERT_CATEGORIES,\n  undefined,\n  'layout'\n);\n"],"names":["ComponentTheme","layoutClassMappers","BreakpointClassMapper","TextAlignClassMapper","alertDefaults","ALERT_CATEGORIES"],"mappings":";;;;;;;;;;;;AAQO,MAAM,oBAAoB,IAAIA,6BAAA;AAAA,EACnC,KAAA;AAAA,EACA,YAAA;AAAA,EACA;AAAA,IACE,GAAGC,qCAAA;AAAA,IACH,IAAA,EAAM;AAAA,MACJ,GAAGA,qCAAA,CAAmB,IAAA;AAAA,MACtB,UAAA,EAAY,IAAIC,2CAAA;AAAsB,KACxC;AAAA,IACA,UAAA,EAAY;AAAA,MACV,SAAA,EAAW,IAAIC,yCAAA;AAAqB;AACtC,GACF;AAAA,EACAC,2BAAA;AAAA,EACAC,gCAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF;;;;"}
+{"version":3,"file":"defaultAlertTheme.cjs","sources":["../../../../../src/components/ui/alert/defaultAlertTheme.ts"],"sourcesContent":["import { ComponentTheme, layoutClassMappers } from \"../theme/common\";\nimport type { AlertProps } from \"./AlertProps\";\nimport type { AlertTheme } from \"./AlertTheme\";\nimport { ALERT_CATEGORIES } from \"./AlertCategories\";\nimport { alertDefaults } from \"./alertDefaults\";\nimport { BreakpointClassMapper } from \"../theme/size\";\nimport { TextAlignClassMapper, FontFamilyClassMapper } from \"../theme/typography\";\n\nexport const defaultAlertTheme = new ComponentTheme<AlertProps, AlertTheme>(\n  \"div\",\n  \"vane-alert\",\n  {\n    ...layoutClassMappers,\n    size: {\n      ...layoutClassMappers.size,\n      breakpoint: new BreakpointClassMapper(),\n    },\n    typography: {\n      textAlign: new TextAlignClassMapper(),\n      fontFamily: new FontFamilyClassMapper(),\n    },\n  },\n  alertDefaults,\n  ALERT_CATEGORIES,\n  undefined,\n  'layout'\n);\n"],"names":["ComponentTheme","layoutClassMappers","BreakpointClassMapper","TextAlignClassMapper","FontFamilyClassMapper","alertDefaults","ALERT_CATEGORIES"],"mappings":";;;;;;;;;;;;;AAQO,MAAM,oBAAoB,IAAIA,6BAAA;AAAA,EACnC,KAAA;AAAA,EACA,YAAA;AAAA,EACA;AAAA,IACE,GAAGC,qCAAA;AAAA,IACH,IAAA,EAAM;AAAA,MACJ,GAAGA,qCAAA,CAAmB,IAAA;AAAA,MACtB,UAAA,EAAY,IAAIC,2CAAA;AAAsB,KACxC;AAAA,IACA,UAAA,EAAY;AAAA,MACV,SAAA,EAAW,IAAIC,yCAAA,EAAqB;AAAA,MACpC,UAAA,EAAY,IAAIC,2CAAA;AAAsB;AACxC,GACF;AAAA,EACAC,2BAAA;AAAA,EACAC,gCAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF;;;;"}

package/dist/cjs/components/ui/button/Button.cjs

@@ -28,7 +28,7 @@ const Button = React.forwardRef(
       );
       return /* @__PURE__ */ jsxRuntime.jsxs(themedComponent.ThemedComponent, { ref, theme: buttonTheme, ...loadingProps, children: [
         /* @__PURE__ */ jsxRuntime.jsx(themedComponent.ThemedComponent, { theme: spinnerTheme, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(Spinner.Spinner, { role: void 0, ...size ? { [size]: true } : {} }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-0", children: resolvedProps.children })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vane-button-loading-label", children: resolvedProps.children })
       ] });
     }
     return /* @__PURE__ */ jsxRuntime.jsx(themedComponent.ThemedComponent, { ref, theme: buttonTheme, ...resolvedProps });

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

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sources":["../../../../../src/components/ui/button/Button.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport type { ButtonProps } from \"./ButtonProps\";\nimport { useTheme } from \"../../themeContext\";\nimport { ThemedComponent } from \"../../themedComponent\";\nimport { resolveDisabledLink } from \"../../utils/disabledLink\";\nimport { pickFirstTruthyKeyByCategory } from \"../../utils/componentUtils\";\n// file path, not the barrel: the barrel would pull the whole ui index into this module\nimport { Spinner } from \"../spinner/Spinner\";\nimport { defaultButtonTheme } from \"./defaultButtonTheme\";\nimport { defaultButtonSpinnerTheme } from \"./defaultButtonSpinnerTheme\";\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(props, ref) {\n    const { loading, ...rest } = props;\n    const theme = useTheme();\n    const buttonTheme = theme?.button.main ?? defaultButtonTheme;\n    const spinnerTheme = theme?.button.spinner ?? defaultButtonSpinnerTheme;\n\n    const isDisabled = rest.disabled || loading;\n    const resolvedProps = resolveDisabledLink(rest, !!isDisabled);\n\n    if (loading) {\n      const loadingProps = { ...resolvedProps, disabled: true as const, 'data-loading': 'true', 'aria-busy': true as const };\n      // the Spinner would otherwise fall back to its own md default\n      const size = pickFirstTruthyKeyByCategory(\n        resolvedProps as unknown as Record<string, unknown>,\n        buttonTheme.defaults as unknown as Record<string, unknown>,\n        'size'\n      );\n      return (\n        <ThemedComponent ref={ref} theme={buttonTheme} {...loadingProps}>\n          {/* decorative — aria-busy on the button already conveys the loading state,\n              so the Spinner's own role=status is suppressed rather than hidden twice */}\n          <ThemedComponent theme={spinnerTheme} aria-hidden=\"true\">\n            <Spinner role={undefined} {...(size ? { [size]: true } : {})} />\n          </ThemedComponent>\n          {/* opacity-0 (not invisible) — keeps the children in the accessibility\n              tree so the button retains its accessible name while loading */}\n          <span className=\"opacity-0\">{resolvedProps.children}</span>\n        </ThemedComponent>\n      );\n    }\n\n    return <ThemedComponent ref={ref} theme={buttonTheme} {...resolvedProps} />;\n  }\n);\n\nButton.displayName = 'Button';\n"],"names":["forwardRef","Button","useTheme","defaultButtonTheme","defaultButtonSpinnerTheme","resolveDisabledLink","pickFirstTruthyKeyByCategory","ThemedComponent","jsx","Spinner"],"mappings":"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"}
+{"version":3,"file":"Button.cjs","sources":["../../../../../src/components/ui/button/Button.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport type { ButtonProps } from \"./ButtonProps\";\nimport { useTheme } from \"../../themeContext\";\nimport { ThemedComponent } from \"../../themedComponent\";\nimport { resolveDisabledLink } from \"../../utils/disabledLink\";\nimport { pickFirstTruthyKeyByCategory } from \"../../utils/componentUtils\";\n// file path, not the barrel: the barrel would pull the whole ui index into this module\nimport { Spinner } from \"../spinner/Spinner\";\nimport { defaultButtonTheme } from \"./defaultButtonTheme\";\nimport { defaultButtonSpinnerTheme } from \"./defaultButtonSpinnerTheme\";\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(props, ref) {\n    const { loading, ...rest } = props;\n    const theme = useTheme();\n    const buttonTheme = theme?.button.main ?? defaultButtonTheme;\n    const spinnerTheme = theme?.button.spinner ?? defaultButtonSpinnerTheme;\n\n    const isDisabled = rest.disabled || loading;\n    const resolvedProps = resolveDisabledLink(rest, !!isDisabled);\n\n    if (loading) {\n      const loadingProps = { ...resolvedProps, disabled: true as const, 'data-loading': 'true', 'aria-busy': true as const };\n      // the Spinner would otherwise fall back to its own md default\n      const size = pickFirstTruthyKeyByCategory(\n        resolvedProps as unknown as Record<string, unknown>,\n        buttonTheme.defaults as unknown as Record<string, unknown>,\n        'size'\n      );\n      return (\n        <ThemedComponent ref={ref} theme={buttonTheme} {...loadingProps}>\n          {/* decorative — aria-busy on the button already conveys the loading state,\n              so the Spinner's own role=status is suppressed rather than hidden twice */}\n          <ThemedComponent theme={spinnerTheme} aria-hidden=\"true\">\n            <Spinner role={undefined} {...(size ? { [size]: true } : {})} />\n          </ThemedComponent>\n          {/* transparent, not hidden: the children keep the button's size and accessible name while loading */}\n          <span className=\"vane-button-loading-label\">{resolvedProps.children}</span>\n        </ThemedComponent>\n      );\n    }\n\n    return <ThemedComponent ref={ref} theme={buttonTheme} {...resolvedProps} />;\n  }\n);\n\nButton.displayName = 'Button';\n"],"names":["forwardRef","Button","useTheme","defaultButtonTheme","defaultButtonSpinnerTheme","resolveDisabledLink","pickFirstTruthyKeyByCategory","ThemedComponent","jsx","Spinner"],"mappings":"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"}

package/dist/cjs/components/ui/card/Card.cjs

@@ -5,24 +5,36 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var themedComponent = require('../../themedComponent.cjs');
 var themeContext = require('../../themeContext.cjs');
+var mergedRef = require('../../utils/mergedRef.cjs');
 var CardHeader = require('./CardHeader.cjs');
 var CardBody = require('./CardBody.cjs');
 var CardFooter = require('./CardFooter.cjs');
 var defaultCardTheme = require('./defaultCardTheme.cjs');
 
+const INTERACTIVE_SELECTOR = 'a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"])';
 const Card = React.forwardRef(
   function Card2({ children, ...props }, ref) {
     const theme = themeContext.useTheme();
     const cardTheme = theme?.card.main ?? defaultCardTheme.defaultCardTheme;
+    const localRef = React.useRef(null);
+    const mergedRef$1 = mergedRef.useMergedRef(ref, localRef);
+    React.useEffect(() => {
+      if (process.env.NODE_ENV === "production" || !props.href) return;
+      if (localRef.current?.querySelector(INTERACTIVE_SELECTOR)) {
+        console.warn(
+          "VaneUI: a Card with `href` contains an interactive element (button, link or field). One click would trigger both, and the link's accessible name swallows the card. Render the Card without `href`, put a Link in its title, and keep the controls as siblings."
+        );
+      }
+    }, [props.href]);
     const childArray = React.Children.toArray(children);
     const isCompoundMode = childArray.some(
       (child) => React.isValidElement(child) && (child.type === CardHeader.CardHeader || child.type === CardBody.CardBody || child.type === CardFooter.CardFooter)
     );
     const focusInjection = props.href && !props.noFocusVisible ? { focusVisible: true } : void 0;
     if (isCompoundMode) {
-      return /* @__PURE__ */ jsxRuntime.jsx(themedComponent.ThemedComponent, { ref, theme: cardTheme, noPadding: true, ...focusInjection, ...props, children });
+      return /* @__PURE__ */ jsxRuntime.jsx(themedComponent.ThemedComponent, { ref: mergedRef$1, theme: cardTheme, noPadding: true, ...focusInjection, ...props, children });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(themedComponent.ThemedComponent, { ref, theme: cardTheme, ...focusInjection, ...props, children });
+    return /* @__PURE__ */ jsxRuntime.jsx(themedComponent.ThemedComponent, { ref: mergedRef$1, theme: cardTheme, ...focusInjection, ...props, children });
   }
 );
 Card.displayName = "Card";

package/dist/cjs/components/ui/card/Card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.cjs","sources":["../../../../../src/components/ui/card/Card.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { CardProps } from \"./CardProps\";\nimport { ThemedComponent } from \"../../themedComponent\";\nimport { useTheme } from \"../../themeContext\";\nimport { CardHeader } from './CardHeader';\nimport { CardBody } from './CardBody';\nimport { CardFooter } from './CardFooter';\nimport { defaultCardTheme } from \"./defaultCardTheme\";\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n  function Card({ children, ...props }, ref) {\n    const theme = useTheme();\n    const cardTheme = theme?.card.main ?? defaultCardTheme;\n\n    // compound mode: sub-components own padding when present in children\n    const childArray = React.Children.toArray(children);\n    const isCompoundMode = childArray.some(\n      child => React.isValidElement(child) &&\n        (child.type === CardHeader || child.type === CardBody || child.type === CardFooter)\n    );\n\n    // Only render a keyboard focus ring when Card tag-switches to <a> (href set).\n    // Plain <div> isn't focusable, so the class would be dead. Explicit\n    // noFocusVisible from the user wins; both props otherwise resolve to\n    // focusVisible (first in category enum), so we must skip injection when\n    // noFocusVisible is set.\n    const focusInjection = props.href && !props.noFocusVisible ? { focusVisible: true as const } : undefined;\n\n    if (isCompoundMode) {\n      return <ThemedComponent ref={ref} theme={cardTheme} noPadding {...focusInjection} {...props}>{children}</ThemedComponent>;\n    }\n\n    return <ThemedComponent ref={ref} theme={cardTheme} {...focusInjection} {...props}>{children}</ThemedComponent>;\n  }\n);\n\nCard.displayName = 'Card';\n"],"names":["forwardRef","Card","useTheme","defaultCardTheme","CardHeader","CardBody","CardFooter","jsx","ThemedComponent"],"mappings":"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"}
+{"version":3,"file":"Card.cjs","sources":["../../../../../src/components/ui/card/Card.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef } from 'react';\nimport type { CardProps } from \"./CardProps\";\nimport { ThemedComponent } from \"../../themedComponent\";\nimport { useTheme } from \"../../themeContext\";\nimport { useMergedRef } from \"../../utils/mergedRef\";\nimport { CardHeader } from './CardHeader';\nimport { CardBody } from './CardBody';\nimport { CardFooter } from './CardFooter';\nimport { defaultCardTheme } from \"./defaultCardTheme\";\n\nconst INTERACTIVE_SELECTOR = 'a[href], button, input, select, textarea, [tabindex]:not([tabindex=\"-1\"])';\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n  function Card({ children, ...props }, ref) {\n    const theme = useTheme();\n    const cardTheme = theme?.card.main ?? defaultCardTheme;\n    const localRef = useRef<HTMLDivElement>(null);\n    const mergedRef = useMergedRef(ref, localRef);\n\n    // dev-only: a Card with href is a link, so a nested control is interactive content inside <a>\n    useEffect(() => {\n      if (process.env.NODE_ENV === 'production' || !props.href) return;\n      if (localRef.current?.querySelector(INTERACTIVE_SELECTOR)) {\n        console.warn(\n          'VaneUI: a Card with `href` contains an interactive element (button, link or field). One click would trigger both, and the link\\'s accessible name swallows the card. Render the Card without `href`, put a Link in its title, and keep the controls as siblings.'\n        );\n      }\n    }, [props.href]);\n\n    // compound mode: sub-components own padding when present in children\n    const childArray = React.Children.toArray(children);\n    const isCompoundMode = childArray.some(\n      child => React.isValidElement(child) &&\n        (child.type === CardHeader || child.type === CardBody || child.type === CardFooter)\n    );\n\n    // Only render a keyboard focus ring when Card tag-switches to <a> (href set).\n    // Plain <div> isn't focusable, so the class would be dead. Explicit\n    // noFocusVisible from the user wins; both props otherwise resolve to\n    // focusVisible (first in category enum), so we must skip injection when\n    // noFocusVisible is set.\n    const focusInjection = props.href && !props.noFocusVisible ? { focusVisible: true as const } : undefined;\n\n    if (isCompoundMode) {\n      return <ThemedComponent ref={mergedRef} theme={cardTheme} noPadding {...focusInjection} {...props}>{children}</ThemedComponent>;\n    }\n\n    return <ThemedComponent ref={mergedRef} theme={cardTheme} {...focusInjection} {...props}>{children}</ThemedComponent>;\n  }\n);\n\nCard.displayName = 'Card';\n"],"names":["forwardRef","Card","useTheme","defaultCardTheme","useRef","mergedRef","useMergedRef","useEffect","CardHeader","CardBody","CardFooter","jsx","ThemedComponent"],"mappings":"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"}

package/dist/cjs/components/ui/card/defaultCardTheme.cjs

@@ -4,7 +4,7 @@ var ComponentTheme = require('../theme/common/ComponentTheme.cjs');
 require('../theme/common/interactiveClassMappers.cjs');
 var layoutClassMappers = require('../theme/common/layoutClassMappers.cjs');
 require('../theme/common/typographyClassMappers.cjs');
-require('../theme/common/appearanceClassMappers.cjs');
+var appearanceClassMappers = require('../theme/common/appearanceClassMappers.cjs');
 var CardCategories = require('./CardCategories.cjs');
 var cardDefaults = require('./cardDefaults.cjs');
 var breakpointClassMapper = require('../theme/size/breakpointClassMapper.cjs');
@@ -28,6 +28,11 @@ const defaultCardTheme = new ComponentTheme.ComponentTheme(
       cursor: new cursorClassMapper.CursorClassMapper(),
       focusVisible: new focusVisibleClassMapper.FocusVisibleClassMapper()
     },
+    appearance: {
+      ...layoutClassMappers.layoutClassMappers.appearance,
+      // a Card with href shows the appearance's focus color, like Button
+      focusVisible: appearanceClassMappers.focusVisibleAppearance
+    },
     typography: {
       textAlign: new textAlignClassMapper.TextAlignClassMapper()
     }

package/dist/cjs/components/ui/card/defaultCardTheme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"defaultCardTheme.cjs","sources":["../../../../../src/components/ui/card/defaultCardTheme.ts"],"sourcesContent":["import { ComponentTheme, layoutClassMappers } from \"../theme/common\";\nimport type { CardProps } from \"./CardProps\";\nimport type { CardTheme } from \"./CardTheme\";\nimport { CARD_CATEGORIES } from \"./CardCategories\";\nimport { cardDefaults } from \"./cardDefaults\";\nimport { BreakpointClassMapper } from \"../theme/size\";\nimport { WidthClassMapper, CursorClassMapper, FocusVisibleClassMapper } from \"../theme/layout\";\nimport { TextAlignClassMapper } from \"../theme/typography\";\n\nexport const defaultCardTheme = new ComponentTheme<CardProps, CardTheme>(\n  \"div\",\n  \"vane-card\",\n  {\n    ...layoutClassMappers,\n    size: {\n      ...layoutClassMappers.size,\n      breakpoint: new BreakpointClassMapper(),\n    },\n    layout: {\n      ...layoutClassMappers.layout,\n      width: new WidthClassMapper(),\n      cursor: new CursorClassMapper(),\n      focusVisible: new FocusVisibleClassMapper(),\n    },\n    typography: {\n      textAlign: new TextAlignClassMapper(),\n    },\n  },\n  cardDefaults,\n  CARD_CATEGORIES,\n  (props: CardProps) => props.href ? \"a\" : \"div\",\n  'layout'\n);\n"],"names":["ComponentTheme","layoutClassMappers","BreakpointClassMapper","WidthClassMapper","CursorClassMapper","FocusVisibleClassMapper","TextAlignClassMapper","cardDefaults","CARD_CATEGORIES"],"mappings":";;;;;;;;;;;;;;;AASO,MAAM,mBAAmB,IAAIA,6BAAA;AAAA,EAClC,KAAA;AAAA,EACA,WAAA;AAAA,EACA;AAAA,IACE,GAAGC,qCAAA;AAAA,IACH,IAAA,EAAM;AAAA,MACJ,GAAGA,qCAAA,CAAmB,IAAA;AAAA,MACtB,UAAA,EAAY,IAAIC,2CAAA;AAAsB,KACxC;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,GAAGD,qCAAA,CAAmB,MAAA;AAAA,MACtB,KAAA,EAAO,IAAIE,iCAAA,EAAiB;AAAA,MAC5B,MAAA,EAAQ,IAAIC,mCAAA,EAAkB;AAAA,MAC9B,YAAA,EAAc,IAAIC,+CAAA;AAAwB,KAC5C;AAAA,IACA,UAAA,EAAY;AAAA,MACV,SAAA,EAAW,IAAIC,yCAAA;AAAqB;AACtC,GACF;AAAA,EACAC,yBAAA;AAAA,EACAC,8BAAA;AAAA,EACA,CAAC,KAAA,KAAqB,KAAA,CAAM,IAAA,GAAO,GAAA,GAAM,KAAA;AAAA,EACzC;AACF;;;;"}
+{"version":3,"file":"defaultCardTheme.cjs","sources":["../../../../../src/components/ui/card/defaultCardTheme.ts"],"sourcesContent":["import { ComponentTheme, layoutClassMappers, focusVisibleAppearance } from \"../theme/common\";\nimport type { CardProps } from \"./CardProps\";\nimport type { CardTheme } from \"./CardTheme\";\nimport { CARD_CATEGORIES } from \"./CardCategories\";\nimport { cardDefaults } from \"./cardDefaults\";\nimport { BreakpointClassMapper } from \"../theme/size\";\nimport { WidthClassMapper, CursorClassMapper, FocusVisibleClassMapper } from \"../theme/layout\";\nimport { TextAlignClassMapper } from \"../theme/typography\";\n\nexport const defaultCardTheme = new ComponentTheme<CardProps, CardTheme>(\n  \"div\",\n  \"vane-card\",\n  {\n    ...layoutClassMappers,\n    size: {\n      ...layoutClassMappers.size,\n      breakpoint: new BreakpointClassMapper(),\n    },\n    layout: {\n      ...layoutClassMappers.layout,\n      width: new WidthClassMapper(),\n      cursor: new CursorClassMapper(),\n      focusVisible: new FocusVisibleClassMapper(),\n    },\n    appearance: {\n      ...layoutClassMappers.appearance,\n      // a Card with href shows the appearance's focus color, like Button\n      focusVisible: focusVisibleAppearance,\n    },\n    typography: {\n      textAlign: new TextAlignClassMapper(),\n    },\n  },\n  cardDefaults,\n  CARD_CATEGORIES,\n  (props: CardProps) => props.href ? \"a\" : \"div\",\n  'layout'\n);\n"],"names":["ComponentTheme","layoutClassMappers","BreakpointClassMapper","WidthClassMapper","CursorClassMapper","FocusVisibleClassMapper","focusVisibleAppearance","TextAlignClassMapper","cardDefaults","CARD_CATEGORIES"],"mappings":";;;;;;;;;;;;;;;AASO,MAAM,mBAAmB,IAAIA,6BAAA;AAAA,EAClC,KAAA;AAAA,EACA,WAAA;AAAA,EACA;AAAA,IACE,GAAGC,qCAAA;AAAA,IACH,IAAA,EAAM;AAAA,MACJ,GAAGA,qCAAA,CAAmB,IAAA;AAAA,MACtB,UAAA,EAAY,IAAIC,2CAAA;AAAsB,KACxC;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,GAAGD,qCAAA,CAAmB,MAAA;AAAA,MACtB,KAAA,EAAO,IAAIE,iCAAA,EAAiB;AAAA,MAC5B,MAAA,EAAQ,IAAIC,mCAAA,EAAkB;AAAA,MAC9B,YAAA,EAAc,IAAIC,+CAAA;AAAwB,KAC5C;AAAA,IACA,UAAA,EAAY;AAAA,MACV,GAAGJ,qCAAA,CAAmB,UAAA;AAAA;AAAA,MAEtB,YAAA,EAAcK;AAAA,KAChB;AAAA,IACA,UAAA,EAAY;AAAA,MACV,SAAA,EAAW,IAAIC,yCAAA;AAAqB;AACtC,GACF;AAAA,EACAC,yBAAA;AAAA,EACAC,8BAAA;AAAA,EACA,CAAC,KAAA,KAAqB,KAAA,CAAM,IAAA,GAAO,GAAA,GAAM,KAAA;AAAA,EACzC;AACF;;;;"}

package/dist/cjs/components/ui/checkbox/Checkbox.cjs

@@ -59,6 +59,7 @@ const Checkbox = React.forwardRef(
       onChange,
       onBlur,
       onFocus,
+      onClick,
       required,
       readOnly,
       id,
@@ -67,6 +68,10 @@ const Checkbox = React.forwardRef(
       "aria-label": ariaLabel,
       ...remainingProps
     } = props;
+    const handleClick = React.useCallback((event) => {
+      if (readOnly) event.preventDefault();
+      onClick?.(event);
+    }, [readOnly, onClick]);
     React.useEffect(() => {
       if (inputRef.current) {
         inputRef.current.indeterminate = !!indeterminate;
@@ -92,7 +97,9 @@ const Checkbox = React.forwardRef(
       sharp,
       rounded,
       invalid,
-      disabled
+      disabled,
+      // read-only dims the wrapper like a read-only text field
+      readOnly
     };
     const inputProps = {
       type: "checkbox",
@@ -104,7 +111,7 @@ const Checkbox = React.forwardRef(
       onBlur,
       onFocus,
       required,
-      readOnly,
+      onClick: handleClick,
       id,
       tabIndex,
       "aria-label": ariaLabel,

package/dist/cjs/components/ui/checkbox/Checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","sources":["../../../../../src/components/ui/checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, useRef, useEffect, useMemo } from 'react';\nimport type { CheckboxProps } from './CheckboxProps';\nimport { useTheme } from \"../../themeContext\";\nimport { useFieldControlProps } from \"../field/FieldContext\";\nimport { ThemedComponent } from \"../../themedComponent\";\nimport { useLabelSizeContext, withLabelSizeDefault } from \"../label/LabelSizeContext\";\nimport { defaultCheckboxTheme } from \"./defaultCheckboxTheme\";\nimport { defaultCheckboxCheckTheme } from \"./defaultCheckboxCheckTheme\";\nimport { defaultCheckboxIndeterminateTheme } from \"./defaultCheckboxIndeterminateTheme\";\nimport { defaultCheckboxWrapperTheme } from \"./defaultCheckboxWrapperTheme\";\n\nexport const Checkbox = forwardRef<HTMLDivElement, CheckboxProps>(\n  function Checkbox(rawProps, ref) {\n    const props = useFieldControlProps(rawProps);\n    const theme = useTheme();\n    const wrapperThemeBase = theme?.checkbox.wrapper ?? defaultCheckboxWrapperTheme;\n    const inputThemeBase = theme?.checkbox.input ?? defaultCheckboxTheme;\n    const checkTheme = theme?.checkbox.check ?? defaultCheckboxCheckTheme;\n    const indeterminateTheme = theme?.checkbox.indeterminate ?? defaultCheckboxIndeterminateTheme;\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    // inside a Label, the Label's resolved size becomes the size default for\n    // the sized sub-themes (wrapper + input; check/indeterminate have no size\n    // category — they scale via CSS variables). Explicit size props still win.\n    const labelSize = useLabelSizeContext();\n    const wrapperTheme = useMemo(\n      () => withLabelSizeDefault(wrapperThemeBase, labelSize),\n      [wrapperThemeBase, labelSize]\n    );\n    const checkboxInputTheme = useMemo(\n      () => withLabelSizeDefault(inputThemeBase, labelSize),\n      [inputThemeBase, labelSize]\n    );\n\n    const {\n      xs, sm, md, lg, xl,\n      primary, accent, secondary, tertiary, success, danger, warning, info,\n      filled, outline,\n      pill, sharp, rounded,\n      invalid,\n      indeterminate,\n      checked, defaultChecked, disabled, name, value, onChange, onBlur, onFocus, required, readOnly,\n      id, className, tabIndex, 'aria-label': ariaLabel,\n      ...remainingProps\n    } = props;\n\n    // indeterminate can only be set via JS, not as an HTML attribute\n    useEffect(() => {\n      if (inputRef.current) {\n        inputRef.current.indeterminate = !!indeterminate;\n      }\n    }, [indeterminate]);\n\n    const themeProps = {\n      xs, sm, md, lg, xl,\n      primary, accent, secondary, tertiary, success, danger, warning, info,\n      filled, outline,\n      pill, sharp, rounded,\n      invalid,\n      disabled,\n    };\n\n    const inputProps = {\n      type: \"checkbox\" as const,\n      checked, defaultChecked, name, value, onChange, onBlur, onFocus, required, readOnly,\n      id, tabIndex, 'aria-label': ariaLabel,\n      ...remainingProps,\n      ...themeProps\n    };\n\n    return (\n      <ThemedComponent theme={wrapperTheme} ref={ref} className={className} {...themeProps}>\n        <ThemedComponent theme={checkboxInputTheme} ref={inputRef} {...inputProps} />\n        {/* decorative overlays — the real state lives on the <input>; hide them from AT */}\n        <ThemedComponent theme={checkTheme} aria-hidden=\"true\">\n          {checkTheme.themes.checkElement()}\n        </ThemedComponent>\n        <ThemedComponent theme={indeterminateTheme} aria-hidden=\"true\">\n          {indeterminateTheme.themes.indeterminateElement()}\n        </ThemedComponent>\n      </ThemedComponent>\n    );\n  }\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"names":["forwardRef","Checkbox","useFieldControlProps","useTheme","defaultCheckboxWrapperTheme","defaultCheckboxTheme","defaultCheckboxCheckTheme","defaultCheckboxIndeterminateTheme","useRef","useLabelSizeContext","useMemo","withLabelSizeDefault","useEffect","ThemedComponent","jsx"],"mappings":"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"}
+{"version":3,"file":"Checkbox.cjs","sources":["../../../../../src/components/ui/checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, useRef, useEffect, useMemo, useCallback, type MouseEvent } from 'react';\nimport type { CheckboxProps } from './CheckboxProps';\nimport { useTheme } from \"../../themeContext\";\nimport { useFieldControlProps } from \"../field/FieldContext\";\nimport { ThemedComponent } from \"../../themedComponent\";\nimport { useLabelSizeContext, withLabelSizeDefault } from \"../label/LabelSizeContext\";\nimport { defaultCheckboxTheme } from \"./defaultCheckboxTheme\";\nimport { defaultCheckboxCheckTheme } from \"./defaultCheckboxCheckTheme\";\nimport { defaultCheckboxIndeterminateTheme } from \"./defaultCheckboxIndeterminateTheme\";\nimport { defaultCheckboxWrapperTheme } from \"./defaultCheckboxWrapperTheme\";\n\nexport const Checkbox = forwardRef<HTMLDivElement, CheckboxProps>(\n  function Checkbox(rawProps, ref) {\n    const props = useFieldControlProps(rawProps);\n    const theme = useTheme();\n    const wrapperThemeBase = theme?.checkbox.wrapper ?? defaultCheckboxWrapperTheme;\n    const inputThemeBase = theme?.checkbox.input ?? defaultCheckboxTheme;\n    const checkTheme = theme?.checkbox.check ?? defaultCheckboxCheckTheme;\n    const indeterminateTheme = theme?.checkbox.indeterminate ?? defaultCheckboxIndeterminateTheme;\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    // inside a Label, the Label's resolved size becomes the size default for\n    // the sized sub-themes (wrapper + input; check/indeterminate have no size\n    // category — they scale via CSS variables). Explicit size props still win.\n    const labelSize = useLabelSizeContext();\n    const wrapperTheme = useMemo(\n      () => withLabelSizeDefault(wrapperThemeBase, labelSize),\n      [wrapperThemeBase, labelSize]\n    );\n    const checkboxInputTheme = useMemo(\n      () => withLabelSizeDefault(inputThemeBase, labelSize),\n      [inputThemeBase, labelSize]\n    );\n\n    const {\n      xs, sm, md, lg, xl,\n      primary, accent, secondary, tertiary, success, danger, warning, info,\n      filled, outline,\n      pill, sharp, rounded,\n      invalid,\n      indeterminate,\n      checked, defaultChecked, disabled, name, value, onChange, onBlur, onFocus, onClick, required, readOnly,\n      id, className, tabIndex, 'aria-label': ariaLabel,\n      ...remainingProps\n    } = props;\n\n    // native readOnly is inert on checkbox inputs — cancel activation so aria-readonly stays truthful\n    const handleClick = useCallback((event: MouseEvent<HTMLInputElement>) => {\n      if (readOnly) event.preventDefault();\n      onClick?.(event);\n    }, [readOnly, onClick]);\n\n    // indeterminate can only be set via JS, not as an HTML attribute\n    useEffect(() => {\n      if (inputRef.current) {\n        inputRef.current.indeterminate = !!indeterminate;\n      }\n    }, [indeterminate]);\n\n    const themeProps = {\n      xs, sm, md, lg, xl,\n      primary, accent, secondary, tertiary, success, danger, warning, info,\n      filled, outline,\n      pill, sharp, rounded,\n      invalid,\n      disabled,\n      // read-only dims the wrapper like a read-only text field\n      readOnly,\n    };\n\n    const inputProps = {\n      type: \"checkbox\" as const,\n      checked, defaultChecked, name, value, onChange, onBlur, onFocus, required,\n      onClick: handleClick,\n      id, tabIndex, 'aria-label': ariaLabel,\n      ...remainingProps,\n      ...themeProps\n    };\n\n    return (\n      <ThemedComponent theme={wrapperTheme} ref={ref} className={className} {...themeProps}>\n        <ThemedComponent theme={checkboxInputTheme} ref={inputRef} {...inputProps} />\n        {/* decorative overlays — the real state lives on the <input>; hide them from AT */}\n        <ThemedComponent theme={checkTheme} aria-hidden=\"true\">\n          {checkTheme.themes.checkElement()}\n        </ThemedComponent>\n        <ThemedComponent theme={indeterminateTheme} aria-hidden=\"true\">\n          {indeterminateTheme.themes.indeterminateElement()}\n        </ThemedComponent>\n      </ThemedComponent>\n    );\n  }\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"names":["forwardRef","Checkbox","useFieldControlProps","useTheme","defaultCheckboxWrapperTheme","defaultCheckboxTheme","defaultCheckboxCheckTheme","defaultCheckboxIndeterminateTheme","useRef","useLabelSizeContext","useMemo","withLabelSizeDefault","useCallback","useEffect","ThemedComponent","jsx"],"mappings":"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"}

package/dist/cjs/components/ui/checkbox/CheckboxCategories.cjs

@@ -16,7 +16,8 @@ const CHECKBOX_CATEGORIES = [
   ...categoryBuilders.WIDTH,
   ...categoryBuilders.HEIGHT,
   ...categoryBuilders.COMMON_MODIFIERS,
-  ...categoryBuilders.DISABLED
+  ...categoryBuilders.DISABLED,
+  ...categoryBuilders.READONLY
 ];
 
 exports.CHECKBOX_CATEGORIES = CHECKBOX_CATEGORIES;

package/dist/cjs/components/ui/checkbox/CheckboxCategories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxCategories.cjs","sources":["../../../../../src/components/ui/checkbox/CheckboxCategories.ts"],"sourcesContent":["import {\n  LAYOUT_CORE,\n  ALIGN_SELF,\n  VISUAL_CORE,\n  BORDER,\n  VISUAL_DECORATION,\n  SHAPE,\n  VARIANT,\n  CURSOR,\n  TRANSITION,\n  STATUS,\n  WIDTH,\n  HEIGHT,\n  COMMON_MODIFIERS,\n  DISABLED,\n} from \"../props/categoryBuilders\";\n\n/** Categories for checkbox form components.\n *\n * Includes `alignSelf` so the wrapper can pin itself to the top of a flex line\n * (`alignSelfStart`), keeping the box centered on the first text row inside a Label\n * with multi-line content. */\nexport const CHECKBOX_CATEGORIES = [\n  ...LAYOUT_CORE,\n  ...ALIGN_SELF,\n  ...VISUAL_CORE,\n  ...BORDER,\n  ...VISUAL_DECORATION,\n  ...SHAPE,\n  ...VARIANT,\n  ...CURSOR,\n  ...TRANSITION,\n  ...STATUS,\n  ...WIDTH,\n  ...HEIGHT,\n  ...COMMON_MODIFIERS,\n  ...DISABLED,\n] as const;\n"],"names":["LAYOUT_CORE","ALIGN_SELF","VISUAL_CORE","BORDER","VISUAL_DECORATION","SHAPE","VARIANT","CURSOR","TRANSITION","STATUS","WIDTH","HEIGHT","COMMON_MODIFIERS","DISABLED"],"mappings":";;;;AAsBO,MAAM,mBAAA,GAAsB;AAAA,EACjC,GAAGA,4BAAA;AAAA,EACH,GAAGC,2BAAA;AAAA,EACH,GAAGC,4BAAA;AAAA,EACH,GAAGC,uBAAA;AAAA,EACH,GAAGC,kCAAA;AAAA,EACH,GAAGC,sBAAA;AAAA,EACH,GAAGC,wBAAA;AAAA,EACH,GAAGC,uBAAA;AAAA,EACH,GAAGC,2BAAA;AAAA,EACH,GAAGC,uBAAA;AAAA,EACH,GAAGC,sBAAA;AAAA,EACH,GAAGC,uBAAA;AAAA,EACH,GAAGC,iCAAA;AAAA,EACH,GAAGC;AACL;;;;"}
+{"version":3,"file":"CheckboxCategories.cjs","sources":["../../../../../src/components/ui/checkbox/CheckboxCategories.ts"],"sourcesContent":["import {\n  LAYOUT_CORE,\n  ALIGN_SELF,\n  VISUAL_CORE,\n  BORDER,\n  VISUAL_DECORATION,\n  SHAPE,\n  VARIANT,\n  CURSOR,\n  TRANSITION,\n  STATUS,\n  WIDTH,\n  HEIGHT,\n  COMMON_MODIFIERS,\n  DISABLED,\n  READONLY,\n} from \"../props/categoryBuilders\";\n\n/** Categories for checkbox form components.\n *\n * Includes `alignSelf` so the wrapper can pin itself to the top of a flex line\n * (`alignSelfStart`), keeping the box centered on the first text row inside a Label\n * with multi-line content. */\nexport const CHECKBOX_CATEGORIES = [\n  ...LAYOUT_CORE,\n  ...ALIGN_SELF,\n  ...VISUAL_CORE,\n  ...BORDER,\n  ...VISUAL_DECORATION,\n  ...SHAPE,\n  ...VARIANT,\n  ...CURSOR,\n  ...TRANSITION,\n  ...STATUS,\n  ...WIDTH,\n  ...HEIGHT,\n  ...COMMON_MODIFIERS,\n  ...DISABLED,\n  ...READONLY,\n] as const;\n"],"names":["LAYOUT_CORE","ALIGN_SELF","VISUAL_CORE","BORDER","VISUAL_DECORATION","SHAPE","VARIANT","CURSOR","TRANSITION","STATUS","WIDTH","HEIGHT","COMMON_MODIFIERS","DISABLED","READONLY"],"mappings":";;;;AAuBO,MAAM,mBAAA,GAAsB;AAAA,EACjC,GAAGA,4BAAA;AAAA,EACH,GAAGC,2BAAA;AAAA,EACH,GAAGC,4BAAA;AAAA,EACH,GAAGC,uBAAA;AAAA,EACH,GAAGC,kCAAA;AAAA,EACH,GAAGC,sBAAA;AAAA,EACH,GAAGC,wBAAA;AAAA,EACH,GAAGC,uBAAA;AAAA,EACH,GAAGC,2BAAA;AAAA,EACH,GAAGC,uBAAA;AAAA,EACH,GAAGC,sBAAA;AAAA,EACH,GAAGC,uBAAA;AAAA,EACH,GAAGC,iCAAA;AAAA,EACH,GAAGC,yBAAA;AAAA,EACH,GAAGC;AACL;;;;"}

package/dist/cjs/components/ui/checkbox/defaultCheckboxWrapperTheme.cjs

@@ -7,6 +7,7 @@ require('../theme/common/typographyClassMappers.cjs');
 require('../theme/common/appearanceClassMappers.cjs');
 require('../theme/appearance/shadowAppearanceClassMapper.cjs');
 var simpleConsumerClassMapper = require('../theme/appearance/simpleConsumerClassMapper.cjs');
+var readOnlyClassMapper = require('../theme/appearance/readOnlyClassMapper.cjs');
 var disabledOpacityClassMapper = require('../theme/appearance/disabledOpacityClassMapper.cjs');
 var focusVisibleClassMapper = require('../theme/layout/focusVisibleClassMapper.cjs');
 var alignSelfClassMapper = require('../theme/layout/alignSelfClassMapper.cjs');
@@ -37,6 +38,8 @@ const defaultCheckboxWrapperTheme = new ComponentTheme.ComponentTheme(
     appearance: {
       variant: new simpleConsumerClassMapper.SimpleConsumerClassMapper({ base: "" }, "bg"),
       focusVisible: new simpleConsumerClassMapper.SimpleConsumerClassMapper({ base: appearanceClasses.focusVisibleConsumerClass }, "focusVisible"),
+      // read-only toggles dim like read-only text fields; listed before disabled so a disabled opacity wins
+      readOnly: new readOnlyClassMapper.ReadOnlyClassMapper(),
       disabled: new disabledOpacityClassMapper.DisabledOpacityClassMapper()
     }
   },

package/dist/cjs/components/ui/checkbox/defaultCheckboxWrapperTheme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"defaultCheckboxWrapperTheme.cjs","sources":["../../../../../src/components/ui/checkbox/defaultCheckboxWrapperTheme.ts"],"sourcesContent":["import { ComponentTheme, defaultLayoutClassMappers } from \"../theme/common\";\nimport type { CheckboxProps } from \"./CheckboxProps\";\nimport { SimpleConsumerClassMapper, DisabledOpacityClassMapper } from \"../theme/appearance\";\nimport { FocusVisibleClassMapper, AlignSelfClassMapper } from \"../theme/layout\";\nimport { SizeClassMapper } from \"../theme/size\";\nimport { focusVisibleConsumerClass } from \"../classes/appearanceClasses\";\nimport { CHECKBOX_CATEGORIES } from \"./CheckboxCategories\";\nimport type { CheckboxWrapperTheme } from \"./CheckboxWrapperTheme\";\nimport { checkboxWrapperDefaults } from \"./checkboxWrapperDefaults\";\n\nexport const defaultCheckboxWrapperTheme = new ComponentTheme<CheckboxProps, CheckboxWrapperTheme>(\n  \"span\",\n  \"\",\n  {\n    size: {\n      height: new SizeClassMapper({\n        xs: 'h-[calc(var(--lh)*var(--fs))]',\n        sm: 'h-[calc(var(--lh)*var(--fs))]',\n        md: 'h-[calc(var(--lh)*var(--fs))]',\n        lg: 'h-[calc(var(--lh)*var(--fs))]',\n        xl: 'h-[calc(var(--lh)*var(--fs))]'\n      }) // Uses custom mode for calculated height\n    },\n    layout: {\n      ...defaultLayoutClassMappers,\n      focusVisible: new FocusVisibleClassMapper(),\n      alignSelf: new AlignSelfClassMapper()\n    },\n    appearance: {\n      variant: new SimpleConsumerClassMapper({ base: '' }, 'bg'),\n      focusVisible: new SimpleConsumerClassMapper({ base: focusVisibleConsumerClass }, 'focusVisible'),\n      disabled: new DisabledOpacityClassMapper(),\n    }\n  },\n  checkboxWrapperDefaults,\n  CHECKBOX_CATEGORIES,\n  undefined,\n  'ui'\n);\n"],"names":["ComponentTheme","SizeClassMapper","defaultLayoutClassMappers","FocusVisibleClassMapper","AlignSelfClassMapper","SimpleConsumerClassMapper","focusVisibleConsumerClass","DisabledOpacityClassMapper","checkboxWrapperDefaults","CHECKBOX_CATEGORIES"],"mappings":";;;;;;;;;;;;;;;;;AAUO,MAAM,8BAA8B,IAAIA,6BAAA;AAAA,EAC7C,MAAA;AAAA,EACA,EAAA;AAAA,EACA;AAAA,IACE,IAAA,EAAM;AAAA,MACJ,MAAA,EAAQ,IAAIC,+BAAA,CAAgB;AAAA,QAC1B,EAAA,EAAI,+BAAA;AAAA,QACJ,EAAA,EAAI,+BAAA;AAAA,QACJ,EAAA,EAAI,+BAAA;AAAA,QACJ,EAAA,EAAI,+BAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACL;AAAA;AAAA,KACH;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,GAAGC,wCAAA;AAAA,MACH,YAAA,EAAc,IAAIC,+CAAA,EAAwB;AAAA,MAC1C,SAAA,EAAW,IAAIC,yCAAA;AAAqB,KACtC;AAAA,IACA,UAAA,EAAY;AAAA,MACV,SAAS,IAAIC,mDAAA,CAA0B,EAAE,IAAA,EAAM,EAAA,IAAM,IAAI,CAAA;AAAA,MACzD,cAAc,IAAIA,mDAAA,CAA0B,EAAE,IAAA,EAAMC,2CAAA,IAA6B,cAAc,CAAA;AAAA,MAC/F,QAAA,EAAU,IAAIC,qDAAA;AAA2B;AAC3C,GACF;AAAA,EACAC,+CAAA;AAAA,EACAC,sCAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF;;;;"}
+{"version":3,"file":"defaultCheckboxWrapperTheme.cjs","sources":["../../../../../src/components/ui/checkbox/defaultCheckboxWrapperTheme.ts"],"sourcesContent":["import { ComponentTheme, defaultLayoutClassMappers } from \"../theme/common\";\nimport type { CheckboxProps } from \"./CheckboxProps\";\nimport { SimpleConsumerClassMapper, DisabledOpacityClassMapper, ReadOnlyClassMapper } from \"../theme/appearance\";\nimport { FocusVisibleClassMapper, AlignSelfClassMapper } from \"../theme/layout\";\nimport { SizeClassMapper } from \"../theme/size\";\nimport { focusVisibleConsumerClass } from \"../classes/appearanceClasses\";\nimport { CHECKBOX_CATEGORIES } from \"./CheckboxCategories\";\nimport type { CheckboxWrapperTheme } from \"./CheckboxWrapperTheme\";\nimport { checkboxWrapperDefaults } from \"./checkboxWrapperDefaults\";\n\nexport const defaultCheckboxWrapperTheme = new ComponentTheme<CheckboxProps, CheckboxWrapperTheme>(\n  \"span\",\n  \"\",\n  {\n    size: {\n      height: new SizeClassMapper({\n        xs: 'h-[calc(var(--lh)*var(--fs))]',\n        sm: 'h-[calc(var(--lh)*var(--fs))]',\n        md: 'h-[calc(var(--lh)*var(--fs))]',\n        lg: 'h-[calc(var(--lh)*var(--fs))]',\n        xl: 'h-[calc(var(--lh)*var(--fs))]'\n      }) // Uses custom mode for calculated height\n    },\n    layout: {\n      ...defaultLayoutClassMappers,\n      focusVisible: new FocusVisibleClassMapper(),\n      alignSelf: new AlignSelfClassMapper()\n    },\n    appearance: {\n      variant: new SimpleConsumerClassMapper({ base: '' }, 'bg'),\n      focusVisible: new SimpleConsumerClassMapper({ base: focusVisibleConsumerClass }, 'focusVisible'),\n      // read-only toggles dim like read-only text fields; listed before disabled so a disabled opacity wins\n      readOnly: new ReadOnlyClassMapper(),\n      disabled: new DisabledOpacityClassMapper(),\n    }\n  },\n  checkboxWrapperDefaults,\n  CHECKBOX_CATEGORIES,\n  undefined,\n  'ui'\n);\n"],"names":["ComponentTheme","SizeClassMapper","defaultLayoutClassMappers","FocusVisibleClassMapper","AlignSelfClassMapper","SimpleConsumerClassMapper","focusVisibleConsumerClass","ReadOnlyClassMapper","DisabledOpacityClassMapper","checkboxWrapperDefaults","CHECKBOX_CATEGORIES"],"mappings":";;;;;;;;;;;;;;;;;;AAUO,MAAM,8BAA8B,IAAIA,6BAAA;AAAA,EAC7C,MAAA;AAAA,EACA,EAAA;AAAA,EACA;AAAA,IACE,IAAA,EAAM;AAAA,MACJ,MAAA,EAAQ,IAAIC,+BAAA,CAAgB;AAAA,QAC1B,EAAA,EAAI,+BAAA;AAAA,QACJ,EAAA,EAAI,+BAAA;AAAA,QACJ,EAAA,EAAI,+BAAA;AAAA,QACJ,EAAA,EAAI,+BAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACL;AAAA;AAAA,KACH;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,GAAGC,wCAAA;AAAA,MACH,YAAA,EAAc,IAAIC,+CAAA,EAAwB;AAAA,MAC1C,SAAA,EAAW,IAAIC,yCAAA;AAAqB,KACtC;AAAA,IACA,UAAA,EAAY;AAAA,MACV,SAAS,IAAIC,mDAAA,CAA0B,EAAE,IAAA,EAAM,EAAA,IAAM,IAAI,CAAA;AAAA,MACzD,cAAc,IAAIA,mDAAA,CAA0B,EAAE,IAAA,EAAMC,2CAAA,IAA6B,cAAc,CAAA;AAAA;AAAA,MAE/F,QAAA,EAAU,IAAIC,uCAAA,EAAoB;AAAA,MAClC,QAAA,EAAU,IAAIC,qDAAA;AAA2B;AAC3C,GACF;AAAA,EACAC,+CAAA;AAAA,EACAC,sCAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF;;;;"}

package/dist/cjs/components/ui/chip/Chip.cjs

@@ -10,7 +10,8 @@ var defaultChipTheme = require('./defaultChipTheme.cjs');
 const Chip = React.forwardRef(
   function Chip2(props, ref) {
     const theme = themeContext.useTheme();
-    const focusInjection = props.href && !props.noFocusVisible ? { focusVisible: true } : void 0;
+    const interactive = props.href || props.onClick || props.tag === "button";
+    const focusInjection = interactive && !props.noFocusVisible ? { focusVisible: true } : void 0;
     return /* @__PURE__ */ jsxRuntime.jsx(themedComponent.ThemedComponent, { theme: theme?.chip ?? defaultChipTheme.defaultChipTheme, ref, ...focusInjection, ...props });
   }
 );

package/dist/cjs/components/ui/chip/Chip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.cjs","sources":["../../../../../src/components/ui/chip/Chip.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport type { ChipProps } from \"./ChipProps\";\nimport { ThemedComponent } from \"../../themedComponent\";\nimport { useTheme } from \"../../themeContext\";\nimport { defaultChipTheme } from \"./defaultChipTheme\";\n\nexport const Chip = forwardRef<HTMLSpanElement, ChipProps>(\n  function Chip(props, ref) {\n    const theme = useTheme();\n    // Focus ring only when href turns the rendered tag into <a>; skip when\n    // user opts out with noFocusVisible (otherwise both end up in props and\n    // first-in-enum focusVisible wins).\n    const focusInjection = props.href && !props.noFocusVisible ? { focusVisible: true as const } : undefined;\n    return <ThemedComponent theme={theme?.chip ?? defaultChipTheme} ref={ref} {...focusInjection} {...props} />\n  }\n);\n\nChip.displayName = 'Chip';\n"],"names":["forwardRef","Chip","useTheme","jsx","ThemedComponent","defaultChipTheme"],"mappings":";;;;;;;;;AAMO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,GAAOA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA;AAAA,CAAA,CAClB,SAASC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,GAAA,CAAA,CAAK;AACxB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,IAAQC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA,CAAS;AAIvB,CAAA,CAAA,CAAA,CAAA,MAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiB,MAAM,CAAA,CAAA,CAAA,CAAA,IAAQ,CAAC,CAAA,CAAA,CAAA,CAAA,EAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAiB,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC/F,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,CAAOC,cAAA,CAACC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,EAAA,CAAA,CAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,IAAQC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,GAAkB,GAAA,CAAA,CAAW,CAAA,CAAA,CAAG,cAAA,CAAA,CAAiB,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA;AAAA,CAAA,CAC3G;AACF,CAAA;AAEA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;"}
+{"version":3,"file":"Chip.cjs","sources":["../../../../../src/components/ui/chip/Chip.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport type { ChipProps } from \"./ChipProps\";\nimport { ThemedComponent } from \"../../themedComponent\";\nimport { useTheme } from \"../../themeContext\";\nimport { defaultChipTheme } from \"./defaultChipTheme\";\n\nexport const Chip = forwardRef<HTMLSpanElement, ChipProps>(\n  function Chip(props, ref) {\n    const theme = useTheme();\n    // Focus ring only when the chip is interactive (a link, a button or clickable); skip when\n    // user opts out with noFocusVisible (otherwise both end up in props and\n    // first-in-enum focusVisible wins).\n    const interactive = props.href || props.onClick || props.tag === 'button';\n    const focusInjection = interactive && !props.noFocusVisible ? { focusVisible: true as const } : undefined;\n    return <ThemedComponent theme={theme?.chip ?? defaultChipTheme} ref={ref} {...focusInjection} {...props} />\n  }\n);\n\nChip.displayName = 'Chip';\n"],"names":["forwardRef","Chip","useTheme","jsx","ThemedComponent","defaultChipTheme"],"mappings":"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"}

package/dist/cjs/components/ui/classes/appearanceClasses.cjs

@@ -12,11 +12,13 @@ const focusVisibleConsumerClass = "focus-visible:outline-(--focus-color)";
 const dividerBgConsumerClass = "bg-(--divider-color)";
 const accentConsumerClass = "accent-(--accent-color)";
 const checkedBgConsumerClass = "checked:[background:var(--checked-bg-color)] indeterminate:[background:var(--checked-bg-color)]";
+const checkedOnlyBgConsumerClass = "checked:[background:var(--checked-bg-color)]";
 
 exports.accentConsumerClass = accentConsumerClass;
 exports.bgConsumerClasses = bgConsumerClasses;
 exports.borderConsumerClass = borderConsumerClass;
 exports.checkedBgConsumerClass = checkedBgConsumerClass;
+exports.checkedOnlyBgConsumerClass = checkedOnlyBgConsumerClass;
 exports.dividerBgConsumerClass = dividerBgConsumerClass;
 exports.focusVisibleConsumerClass = focusVisibleConsumerClass;
 exports.ringConsumerClass = ringConsumerClass;

package/dist/cjs/components/ui/classes/appearanceClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"appearanceClasses.cjs","sources":["../../../../../src/components/ui/classes/appearanceClasses.ts"],"sourcesContent":["/* ==========================================\n   CSS VARIABLE CONSUMER CLASSES\n   These classes consume component-level CSS variables\n   that are set by CSS rules in vars.css based on\n   data-appearance and data-variant attributes.\n   ========================================== */\n\n/** Background consumer classes - consume --bg-color, --bg-hover-color, --bg-active-color\n * Uses bg-() syntax (background-color) instead of [background:] shorthand\n * to allow gradient overrides via className without conflicts.\n */\nexport const bgConsumerClasses = {\n  base: \"bg-(--bg-color)\",\n  hover: \"hover:bg-(--bg-hover-color)\",\n  active: \"active:bg-(--bg-active-color)\",\n} as const;\n\n/** Text color consumer class - consumes --text-color */\nexport const textConsumerClass = \"text-(--text-color)\";\n\n/** Border consumer class - consumes --border-color */\nexport const borderConsumerClass = \"border-(--border-color)\";\n\n/** Ring consumer class - consumes --ring-color */\nexport const ringConsumerClass = \"ring-(--ring-color)\";\n\n/** Focus visible outline consumer class - consumes --focus-color (decoupled from --ring-color) */\nexport const focusVisibleConsumerClass = \"focus-visible:outline-(--focus-color)\";\n\n/** Divider background consumer class - consumes --divider-color */\nexport const dividerBgConsumerClass = \"bg-(--divider-color)\";\n\n/** Accent color consumer class - consumes --accent-color */\nexport const accentConsumerClass = \"accent-(--accent-color)\";\n\n/** Checked background consumer class - consumes --checked-bg-color.\n *  Applies on :indeterminate too, so an indeterminate checkbox is filled like a\n *  checked one and its (white) dash overlay stays visible. */\nexport const checkedBgConsumerClass = \"checked:[background:var(--checked-bg-color)] indeterminate:[background:var(--checked-bg-color)]\";\n"],"names":[],"mappings":";;AAWO,MAAM,iBAAA,GAAoB;AAAA,EAC/B,IAAA,EAAM,iBAAA;AAAA,EACN,KAAA,EAAO,6BAAA;AAAA,EACP,MAAA,EAAQ;AACV;AAGO,MAAM,iBAAA,GAAoB;AAG1B,MAAM,mBAAA,GAAsB;AAG5B,MAAM,iBAAA,GAAoB;AAG1B,MAAM,yBAAA,GAA4B;AAGlC,MAAM,sBAAA,GAAyB;AAG/B,MAAM,mBAAA,GAAsB;AAK5B,MAAM,sBAAA,GAAyB;;;;;;;;;;;"}
+{"version":3,"file":"appearanceClasses.cjs","sources":["../../../../../src/components/ui/classes/appearanceClasses.ts"],"sourcesContent":["/* ==========================================\n   CSS VARIABLE CONSUMER CLASSES\n   These classes consume component-level CSS variables\n   that are set by CSS rules in vars.css based on\n   data-appearance and data-variant attributes.\n   ========================================== */\n\n/** Background consumer classes - consume --bg-color, --bg-hover-color, --bg-active-color\n * Uses bg-() syntax (background-color) instead of [background:] shorthand\n * to allow gradient overrides via className without conflicts.\n */\nexport const bgConsumerClasses = {\n  base: \"bg-(--bg-color)\",\n  hover: \"hover:bg-(--bg-hover-color)\",\n  active: \"active:bg-(--bg-active-color)\",\n} as const;\n\n/** Text color consumer class - consumes --text-color */\nexport const textConsumerClass = \"text-(--text-color)\";\n\n/** Border consumer class - consumes --border-color */\nexport const borderConsumerClass = \"border-(--border-color)\";\n\n/** Ring consumer class - consumes --ring-color */\nexport const ringConsumerClass = \"ring-(--ring-color)\";\n\n/** Focus visible outline consumer class - consumes --focus-color (decoupled from --ring-color) */\nexport const focusVisibleConsumerClass = \"focus-visible:outline-(--focus-color)\";\n\n/** Divider background consumer class - consumes --divider-color */\nexport const dividerBgConsumerClass = \"bg-(--divider-color)\";\n\n/** Accent color consumer class - consumes --accent-color */\nexport const accentConsumerClass = \"accent-(--accent-color)\";\n\n/** Checked background consumer class - consumes --checked-bg-color.\n *  Applies on :indeterminate too, so an indeterminate checkbox is filled like a\n *  checked one and its (white) dash overlay stays visible. */\nexport const checkedBgConsumerClass = \"checked:[background:var(--checked-bg-color)] indeterminate:[background:var(--checked-bg-color)]\";\n/** Checked-only background (Radio): an unchecked radio group matches `:indeterminate`, so that variant must not fill it. */\nexport const checkedOnlyBgConsumerClass = \"checked:[background:var(--checked-bg-color)]\";\n"],"names":[],"mappings":";;AAWO,MAAM,iBAAA,GAAoB;AAAA,EAC/B,IAAA,EAAM,iBAAA;AAAA,EACN,KAAA,EAAO,6BAAA;AAAA,EACP,MAAA,EAAQ;AACV;AAGO,MAAM,iBAAA,GAAoB;AAG1B,MAAM,mBAAA,GAAsB;AAG5B,MAAM,iBAAA,GAAoB;AAG1B,MAAM,yBAAA,GAA4B;AAGlC,MAAM,sBAAA,GAAyB;AAG/B,MAAM,mBAAA,GAAsB;AAK5B,MAAM,sBAAA,GAAyB;AAE/B,MAAM,0BAAA,GAA6B;;;;;;;;;;;;"}