@adea-ai/ui 0.71.6 → 0.72.1

package/dist/components/theme/theme-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-picker.d.ts","sourceRoot":"","sources":["../../../src/components/theme/theme-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAG9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAG/C;;;;;;;;;;GAUG;AACH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG;IACtD,KAAK,EAAE,YAAY,CAAA;IACnB,yCAAyC;IACzC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B,CAAA;AAQD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kCAgClD;AAED;;;;;;;;;;GAUG;AACH,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACtD,KAAK,EAAE,YAAY,CAAA;IACnB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,kCAsCpD;AAED;;;;;;;;;;GAUG;AACH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACrD,MAAM,EAAE,SAAS,YAAY,EAAE,CAAA;IAC/B,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;CAC7C,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kCAoClD"}
+{"version":3,"file":"theme-picker.d.ts","sourceRoot":"","sources":["../../../src/components/theme/theme-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAG9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAG/C;;;;;;;;;;GAUG;AACH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG;IACtD,KAAK,EAAE,YAAY,CAAA;IACnB,yCAAyC;IACzC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B,CAAA;AAQD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kCAgClD;AAED;;;;;;;;;;GAUG;AACH,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACtD,KAAK,EAAE,YAAY,CAAA;IACnB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,kCAyCpD;AAED;;;;;;;;;;GAUG;AACH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACrD,MAAM,EAAE,SAAS,YAAY,EAAE,CAAA;IAC/B,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;CAC7C,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kCAoClD"}

package/dist/components/theme/theme-picker.js

@@ -33,7 +33,7 @@ function ThemeSwatch(props) {
 					colors().card,
 					colors().primary,
 					colors().accent,
-					colors().destructive
+					colors().destructiveAction
 				];
 			},
 			children: (color) => (() => {
@@ -64,7 +64,7 @@ function ThemePreview(props) {
 			}
 		}, rest), false, true);
 		effect((_p$) => {
-			var _v$ = c().sidebar, _v$2 = c().sidebarBorder, _v$3 = c().primary, _v$4 = c().sidebarAccent, _v$5 = c().sidebarAccent, _v$6 = c().foreground, _v$7 = c().mutedForeground, _v$8 = c().mutedForeground, _v$9 = c().primary, _v$0 = c().destructive, _v$1 = c().secondary;
+			var _v$ = c().sidebar, _v$2 = c().sidebarBorder, _v$3 = c().primary, _v$4 = c().sidebarAccent, _v$5 = c().sidebarAccent, _v$6 = c().foreground, _v$7 = c().mutedForeground, _v$8 = c().mutedForeground, _v$9 = c().primary, _v$0 = c().destructiveAction, _v$1 = c().secondary;
 			_v$ !== _p$.e && setStyleProperty(_el$5, "background-color", _p$.e = _v$);
 			_v$2 !== _p$.t && setStyleProperty(_el$5, "--preview-edge", _p$.t = _v$2);
 			_v$3 !== _p$.a && setStyleProperty(_el$6, "background-color", _p$.a = _v$3);

package/dist/components/theme/theme-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-picker.js","names":["ComponentProps","For","Show","splitProps","cn","ThemeVariant","Button","ThemeSwatchProps","theme","size","swatchSizes","sm","md","lg","const","ThemeSwatch","props","local","rest","colors","_el$","_tmpl$","_$spread","_$mergeProps","class","_$insert","_$createComponent","each","background","card","primary","accent","destructive","children","color","_el$2","_tmpl$2","_$setStyleProperty","_$effect","_$className","ThemePreviewProps","selected","ThemePreview","c","_el$3","_tmpl$3","_el$4","firstChild","_el$5","_el$6","_el$7","nextSibling","_el$8","_el$9","_el$0","_el$1","_el$10","_el$11","_el$12","_el$13","_el$14","style","_p$","_v$","sidebar","_v$2","sidebarBorder","_v$3","_v$4","sidebarAccent","_v$5","_v$6","foreground","_v$7","mutedForeground","_v$8","_v$9","_v$0","_v$1","secondary","e","t","a","o","i","n","s","h","r","d","l","undefined","ThemePickerProps","themes","selectedId","onThemeSelect","ThemePicker","_el$15","_tmpl$4","as","type","variant","role","aria-checked","id","aria-label","familyLabel","label","onClick","_el$16","_tmpl$6","_el$17","when","family","_el$18","_tmpl$5","_$mergeProps","_$createComponent","_$className","_$setStyleProperty"],"sources":["../../../src/components/theme/theme-picker.tsx"],"sourcesContent":["import type { ComponentProps } from 'solid-js'\nimport { For, Show, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport type { ThemeVariant } from '#lib/themes'\nimport { Button } from '../ui/button/button'\n\n/**\n * ThemeSwatch.\n *\n * The colours of a theme, as a small readable strip: the canvas, a card, the\n * primary, an accent and the destructive fill. Enough to tell two dark themes\n * apart at a glance and to recognise the one you want without applying it.\n *\n * A swatch is **read from the variant object**, not from a stylesheet, so a picker\n * can show a theme that is not currently applied — which is the whole point of a\n * picker. That is also why the catalogue is data rather than CSS.\n */\nexport type ThemeSwatchProps = ComponentProps<'span'> & {\n  theme: ThemeVariant\n  /** Draw the swatch at the given size. */\n  size?: 'sm' | 'md' | 'lg'\n}\n\nconst swatchSizes = {\n  sm: 'h-4 w-4',\n  md: 'h-6 w-6',\n  lg: 'h-8 w-8',\n} as const\n\nexport function ThemeSwatch(props: ThemeSwatchProps) {\n  const [local, rest] = splitProps(props, ['class', 'theme', 'size'])\n  const colors = () => local.theme.colors\n\n  return (\n    <span\n      data-slot=\"theme-swatch\"\n      aria-hidden=\"true\"\n      class={cn(\n        'border-border inline-flex shrink-0 overflow-hidden rounded-md border',\n        local.class\n      )}\n      {...rest}\n    >\n      <For\n        each={[\n          colors().background,\n          colors().card,\n          colors().primary,\n          colors().accent,\n          colors().destructive,\n        ]}\n      >\n        {(color) => (\n          <span\n            class={cn('block', swatchSizes[local.size ?? 'md'])}\n            style={{ 'background-color': color }}\n          />\n        )}\n      </For>\n    </span>\n  )\n}\n\n/**\n * ThemePreview.\n *\n * A miniature of the interface, painted in a theme's own colours: a rail, a panel,\n * a heading, body text, a primary button and a destructive one.\n *\n * The point is that a colour strip cannot answer the question a user actually has —\n * \"would I want to look at this all day?\" — and a real preview can. It is drawn\n * with inline colours from the variant rather than by applying the theme, so a list\n * of twenty previews costs one object read each instead of twenty theme swaps.\n */\nexport type ThemePreviewProps = ComponentProps<'div'> & {\n  theme: ThemeVariant\n  /** Highlight the preview as the current selection. */\n  selected?: boolean\n}\n\nexport function ThemePreview(props: ThemePreviewProps) {\n  const [local, rest] = splitProps(props, ['class', 'theme', 'selected'])\n  const c = () => local.theme.colors\n\n  return (\n    <div\n      data-slot=\"theme-preview\"\n      class={cn(\n        'w-44 overflow-hidden rounded-lg border shadow-xs',\n        local.selected ? 'border-primary ring-3 ring-primary-subtle' : 'border-border',\n        local.class\n      )}\n      style={{ 'background-color': c().background }}\n      {...rest}\n    >\n      <div class=\"flex h-24\">\n        {/* A rail and a panel: the two surfaces a user spends the day looking at. */}\n        <div\n          class=\"theme-preview-edge flex w-6 flex-col items-center gap-1.5 border-e py-2\"\n          style={{ 'background-color': c().sidebar, '--preview-edge': c().sidebarBorder }}\n        >\n          <span class=\"size-2.5 rounded-sm\" style={{ 'background-color': c().primary }} />\n          <span class=\"size-2.5 rounded-sm\" style={{ 'background-color': c().sidebarAccent }} />\n          <span class=\"size-2.5 rounded-sm\" style={{ 'background-color': c().sidebarAccent }} />\n        </div>\n        <div class=\"flex flex-1 flex-col gap-1.5 p-2\">\n          <div class=\"h-1.5 w-14 rounded-full\" style={{ 'background-color': c().foreground }} />\n          <div class=\"h-1 w-20 rounded-full\" style={{ 'background-color': c().mutedForeground }} />\n          <div class=\"h-1 w-16 rounded-full\" style={{ 'background-color': c().mutedForeground }} />\n          <div class=\"mt-auto flex items-center gap-1\">\n            <span class=\"h-3 w-9 rounded-sm\" style={{ 'background-color': c().primary }} />\n            <span class=\"h-3 w-6 rounded-sm\" style={{ 'background-color': c().destructive }} />\n            <span class=\"h-3 w-6 rounded-sm\" style={{ 'background-color': c().secondary }} />\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * ThemePicker.\n *\n * The catalogue as a selectable grid. One appearance at a time — a light picker\n * lists light themes and a dark picker lists dark ones — because choosing a dark\n * theme while looking at a light interface is a choice nobody can evaluate.\n *\n * `onSelect` rather than an internal signal: the selection belongs to the\n * preference the provider owns, and a picker that kept its own copy could disagree\n * with what is applied.\n */\nexport type ThemePickerProps = ComponentProps<'div'> & {\n  themes: readonly ThemeVariant[]\n  selectedId: string\n  onThemeSelect: (theme: ThemeVariant) => void\n}\n\nexport function ThemePicker(props: ThemePickerProps) {\n  const [local, rest] = splitProps(props, ['class', 'themes', 'selectedId', 'onThemeSelect'])\n\n  return (\n    <div\n      data-slot=\"theme-picker\"\n      role=\"radiogroup\"\n      aria-label=\"Theme\"\n      class={cn('flex flex-wrap gap-3', local.class)}\n      {...rest}\n    >\n      <For each={local.themes}>\n        {(theme) => (\n          <Button\n            as=\"button\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            role=\"radio\"\n            aria-checked={local.selectedId === theme.id}\n            aria-label={`${theme.familyLabel} ${theme.label}`}\n            class=\"h-auto flex-col gap-1.5 p-0 hover:bg-transparent\"\n            onClick={() => local.onThemeSelect(theme)}\n          >\n            <ThemePreview theme={theme} selected={local.selectedId === theme.id} />\n            <span class=\"flex flex-col items-center\">\n              <span class=\"text-xs font-medium\">{theme.label}</span>\n              <Show when={theme.family !== 'adea'}>\n                <span class=\"text-muted-foreground text-2xs\">{theme.familyLabel}</span>\n              </Show>\n            </span>\n          </Button>\n        )}\n      </For>\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"theme-picker.js","names":["ComponentProps","For","Show","splitProps","cn","ThemeVariant","Button","ThemeSwatchProps","theme","size","swatchSizes","sm","md","lg","const","ThemeSwatch","props","local","rest","colors","_el$","_tmpl$","_$spread","_$mergeProps","class","_$insert","_$createComponent","each","background","card","primary","accent","destructiveAction","children","color","_el$2","_tmpl$2","_$setStyleProperty","_$effect","_$className","ThemePreviewProps","selected","ThemePreview","c","_el$3","_tmpl$3","_el$4","firstChild","_el$5","_el$6","_el$7","nextSibling","_el$8","_el$9","_el$0","_el$1","_el$10","_el$11","_el$12","_el$13","_el$14","style","_p$","_v$","sidebar","_v$2","sidebarBorder","_v$3","_v$4","sidebarAccent","_v$5","_v$6","foreground","_v$7","mutedForeground","_v$8","_v$9","_v$0","_v$1","secondary","e","t","a","o","i","n","s","h","r","d","l","undefined","ThemePickerProps","themes","selectedId","onThemeSelect","ThemePicker","_el$15","_tmpl$4","as","type","variant","role","aria-checked","id","aria-label","familyLabel","label","onClick","_el$16","_tmpl$6","_el$17","when","family","_el$18","_tmpl$5","_$mergeProps","_$createComponent","_$className","_$setStyleProperty"],"sources":["../../../src/components/theme/theme-picker.tsx"],"sourcesContent":["import type { ComponentProps } from 'solid-js'\nimport { For, Show, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport type { ThemeVariant } from '#lib/themes'\nimport { Button } from '../ui/button/button'\n\n/**\n * ThemeSwatch.\n *\n * The colours of a theme, as a small readable strip: the canvas, a card, the\n * primary, an accent and the destructive fill. Enough to tell two dark themes\n * apart at a glance and to recognise the one you want without applying it.\n *\n * A swatch is **read from the variant object**, not from a stylesheet, so a picker\n * can show a theme that is not currently applied — which is the whole point of a\n * picker. That is also why the catalogue is data rather than CSS.\n */\nexport type ThemeSwatchProps = ComponentProps<'span'> & {\n  theme: ThemeVariant\n  /** Draw the swatch at the given size. */\n  size?: 'sm' | 'md' | 'lg'\n}\n\nconst swatchSizes = {\n  sm: 'h-4 w-4',\n  md: 'h-6 w-6',\n  lg: 'h-8 w-8',\n} as const\n\nexport function ThemeSwatch(props: ThemeSwatchProps) {\n  const [local, rest] = splitProps(props, ['class', 'theme', 'size'])\n  const colors = () => local.theme.colors\n\n  return (\n    <span\n      data-slot=\"theme-swatch\"\n      aria-hidden=\"true\"\n      class={cn(\n        'border-border inline-flex shrink-0 overflow-hidden rounded-md border',\n        local.class\n      )}\n      {...rest}\n    >\n      <For\n        each={[\n          colors().background,\n          colors().card,\n          colors().primary,\n          colors().accent,\n          colors().destructiveAction,\n        ]}\n      >\n        {(color) => (\n          <span\n            class={cn('block', swatchSizes[local.size ?? 'md'])}\n            style={{ 'background-color': color }}\n          />\n        )}\n      </For>\n    </span>\n  )\n}\n\n/**\n * ThemePreview.\n *\n * A miniature of the interface, painted in a theme's own colours: a rail, a panel,\n * a heading, body text, a primary button and a destructive one.\n *\n * The point is that a colour strip cannot answer the question a user actually has —\n * \"would I want to look at this all day?\" — and a real preview can. It is drawn\n * with inline colours from the variant rather than by applying the theme, so a list\n * of twenty previews costs one object read each instead of twenty theme swaps.\n */\nexport type ThemePreviewProps = ComponentProps<'div'> & {\n  theme: ThemeVariant\n  /** Highlight the preview as the current selection. */\n  selected?: boolean\n}\n\nexport function ThemePreview(props: ThemePreviewProps) {\n  const [local, rest] = splitProps(props, ['class', 'theme', 'selected'])\n  const c = () => local.theme.colors\n\n  return (\n    <div\n      data-slot=\"theme-preview\"\n      class={cn(\n        'w-44 overflow-hidden rounded-lg border shadow-xs',\n        local.selected ? 'border-primary ring-3 ring-primary-subtle' : 'border-border',\n        local.class\n      )}\n      style={{ 'background-color': c().background }}\n      {...rest}\n    >\n      <div class=\"flex h-24\">\n        {/* A rail and a panel: the two surfaces a user spends the day looking at. */}\n        <div\n          class=\"theme-preview-edge flex w-6 flex-col items-center gap-1.5 border-e py-2\"\n          style={{ 'background-color': c().sidebar, '--preview-edge': c().sidebarBorder }}\n        >\n          <span class=\"size-2.5 rounded-sm\" style={{ 'background-color': c().primary }} />\n          <span class=\"size-2.5 rounded-sm\" style={{ 'background-color': c().sidebarAccent }} />\n          <span class=\"size-2.5 rounded-sm\" style={{ 'background-color': c().sidebarAccent }} />\n        </div>\n        <div class=\"flex flex-1 flex-col gap-1.5 p-2\">\n          <div class=\"h-1.5 w-14 rounded-full\" style={{ 'background-color': c().foreground }} />\n          <div class=\"h-1 w-20 rounded-full\" style={{ 'background-color': c().mutedForeground }} />\n          <div class=\"h-1 w-16 rounded-full\" style={{ 'background-color': c().mutedForeground }} />\n          <div class=\"mt-auto flex items-center gap-1\">\n            <span class=\"h-3 w-9 rounded-sm\" style={{ 'background-color': c().primary }} />\n            <span\n              class=\"h-3 w-6 rounded-sm\"\n              style={{ 'background-color': c().destructiveAction }}\n            />\n            <span class=\"h-3 w-6 rounded-sm\" style={{ 'background-color': c().secondary }} />\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * ThemePicker.\n *\n * The catalogue as a selectable grid. One appearance at a time — a light picker\n * lists light themes and a dark picker lists dark ones — because choosing a dark\n * theme while looking at a light interface is a choice nobody can evaluate.\n *\n * `onSelect` rather than an internal signal: the selection belongs to the\n * preference the provider owns, and a picker that kept its own copy could disagree\n * with what is applied.\n */\nexport type ThemePickerProps = ComponentProps<'div'> & {\n  themes: readonly ThemeVariant[]\n  selectedId: string\n  onThemeSelect: (theme: ThemeVariant) => void\n}\n\nexport function ThemePicker(props: ThemePickerProps) {\n  const [local, rest] = splitProps(props, ['class', 'themes', 'selectedId', 'onThemeSelect'])\n\n  return (\n    <div\n      data-slot=\"theme-picker\"\n      role=\"radiogroup\"\n      aria-label=\"Theme\"\n      class={cn('flex flex-wrap gap-3', local.class)}\n      {...rest}\n    >\n      <For each={local.themes}>\n        {(theme) => (\n          <Button\n            as=\"button\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            role=\"radio\"\n            aria-checked={local.selectedId === theme.id}\n            aria-label={`${theme.familyLabel} ${theme.label}`}\n            class=\"h-auto flex-col gap-1.5 p-0 hover:bg-transparent\"\n            onClick={() => local.onThemeSelect(theme)}\n          >\n            <ThemePreview theme={theme} selected={local.selectedId === theme.id} />\n            <span class=\"flex flex-col items-center\">\n              <span class=\"text-xs font-medium\">{theme.label}</span>\n              <Show when={theme.family !== 'adea'}>\n                <span class=\"text-muted-foreground text-2xs\">{theme.familyLabel}</span>\n              </Show>\n            </span>\n          </Button>\n        )}\n      </For>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/ui/button/button.js

@@ -27,7 +27,7 @@ var buttonVariants = cva(`${controlInteractive} inline-flex shrink-0 items-cente
 			default: "bg-primary text-primary-foreground hover:bg-primary-hover",
 			secondary: "bg-secondary text-secondary-foreground hover:bg-surface-hover",
 			/** For the action that destroys something. Never the default. */
-			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive-subtle",
+			destructive: "bg-destructive-action text-destructive-action-foreground hover:bg-destructive-action/90 focus-visible:ring-destructive-subtle",
 			/** A bordered button for a surface that already has a fill. */
 			outline: "border border-border bg-transparent text-foreground hover:bg-surface-hover hover:border-input",
 			/** No chrome until hover. The default for toolbar and row actions. */

package/dist/components/ui/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["Polymorphic","PolymorphicProps","ComponentProps","splitProps","ValidComponent","cva","controlInteractive","controlSize","VariantProps","cn","buttonVariants","variants","variant","default","secondary","destructive","outline","ghost","subtle","success","link","size","xs","sm","md","lg","xl","defaultVariants","ButtonVariantProps","ButtonProps","T","class","Button","props","local","rest","_$createComponent","_$mergeProps","as","type","_$createComponent","_$mergeProps"],"sources":["../../../../src/components/ui/button/button.tsx"],"sourcesContent":["import { Polymorphic, type PolymorphicProps } from '@kobalte/core/polymorphic'\nimport { type ComponentProps, splitProps, type ValidComponent } from 'solid-js'\nimport { cva, controlInteractive, controlSize, type VariantProps } from '#lib/variants'\nimport { cn } from '#lib/utils'\n\n/**\n * Button.\n *\n * One appearance ladder shared by every pressable thing in the system: a\n * button, a toolbar control, a dialog action, and a menu row all draw from the\n * same tokens, so a row of them cannot drift apart.\n *\n * The variants answer \"what is this for\", never \"what colour is it\". A caller\n * that wants a red button writes `variant=\"destructive\"`; the red lives here.\n * That is also what lets the design-system linter tell a caller which variant\n * to use instead of only which class was wrong.\n *\n * Polymorphic: pass `as=\"a\"` (or any component) and the button becomes it\n * while keeping the same styling contract. This replaces the React-era\n * `asChild` primitive, which has no Solid equivalent that preserves props.\n */\nexport const buttonVariants = cva(\n  `${controlInteractive} inline-flex shrink-0 items-center justify-center rounded-md font-medium whitespace-nowrap select-none [&_svg]:pointer-events-none [&_svg]:shrink-0`,\n  {\n    variants: {\n      variant: {\n        /** The one primary action in a view. */\n        default: 'bg-primary text-primary-foreground hover:bg-primary-hover',\n        secondary: 'bg-secondary text-secondary-foreground hover:bg-surface-hover',\n        /** For the action that destroys something. Never the default. */\n        destructive:\n          'bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive-subtle',\n        /** A bordered button for a surface that already has a fill. */\n        outline:\n          'border border-border bg-transparent text-foreground hover:bg-surface-hover hover:border-input',\n        /** No chrome until hover. The default for toolbar and row actions. */\n        ghost: 'text-foreground hover:bg-surface-hover',\n        /** A tinted primary, for a secondary action inside a primary flow. */\n        subtle: 'bg-primary-subtle text-primary hover:bg-primary-subtle/80',\n        success: 'bg-success text-success-foreground hover:bg-success/90',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        '2xs': `${controlSize['2xs']} [&_svg]:size-3`,\n        xs: `${controlSize.xs} [&_svg]:size-3.5`,\n        sm: `${controlSize.sm} [&_svg]:size-3.5`,\n        md: `${controlSize.md} [&_svg]:size-4`,\n        lg: `${controlSize.lg} [&_svg]:size-4`,\n        xl: `${controlSize.xl} [&_svg]:size-5`,\n        /* Square, for an icon with no label. The accessible name then has to\n           come from `aria-label` or a visually hidden label — an icon-only\n           button with neither is the accessibility finding the Storybook lane\n           catches on every story. */\n        'icon-2xs': 'size-control-2xs p-0 [&_svg]:size-3',\n        'icon-xs': 'size-control-xs p-0 [&_svg]:size-3.5',\n        'icon-sm': 'size-control-sm p-0 [&_svg]:size-3.5',\n        'icon-md': 'size-control-md p-0 [&_svg]:size-4',\n        'icon-lg': 'size-control-lg p-0 [&_svg]:size-4',\n        'icon-xl': 'size-control-xl p-0 [&_svg]:size-5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n)\n\ntype ButtonVariantProps = VariantProps<typeof buttonVariants>\n\nexport type ButtonProps<T extends ValidComponent = 'button'> = PolymorphicProps<\n  T,\n  ButtonVariantProps & {\n    class?: string\n  }\n>\n\nexport function Button<T extends ValidComponent = 'button'>(props: ButtonProps<T>) {\n  const [local, rest] = splitProps(props as ButtonProps, ['variant', 'size', 'class'])\n\n  return (\n    <Polymorphic\n      as=\"button\"\n      type=\"button\"\n      class={cn(buttonVariants({ variant: local.variant, size: local.size }), local.class)}\n      {...(rest as ComponentProps<'button'>)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAaU,iBAAiBL,IAC5B,GAAGC,mBAAkB,sJACrB;CACEK,UAAU;EACRC,SAAS;;GAEPC,SAAS;GACTC,WAAW;;GAEXC,aACE;;GAEFC,SACE;;GAEFC,OAAO;;GAEPC,QAAQ;GACRC,SAAS;GACTC,MAAM;EACR;EACAC,MAAM;GACJ,OAAO,GAAGd,YAAY,OAAM;GAC5Be,IAAI,GAAGf,YAAYe,GAAE;GACrBC,IAAI,GAAGhB,YAAYgB,GAAE;GACrBC,IAAI,GAAGjB,YAAYiB,GAAE;GACrBC,IAAI,GAAGlB,YAAYkB,GAAE;GACrBC,IAAI,GAAGnB,YAAYmB,GAAE;GAKrB,YAAY;GACZ,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;EACb;CACF;CACAC,iBAAiB;EACff,SAAS;EACTS,MAAM;CACR;AACF,CACF;AAWA,SAAgBW,OAA4CC,OAAuB;CACjF,MAAM,CAACC,OAAOC,QAAQhC,WAAW8B,OAAsB;EAAC;EAAW;EAAQ;CAAO,CAAC;CAEnF,OAAAG,gBACGpC,aAAWqC,WAAA;EACVC,IAAE;EACFC,MAAI;EAAA,KAAA,WAAA;GAAA,OACG9B,GAAGC,eAAe;IAAEE,SAASsB,MAAMtB;IAASS,MAAMa,MAAMb;GAAK,CAAC,GAAGa,MAAMH,KAAK;EAAC;CAAA,GAC/EI,IAAgC,CAAA;AAG3C"}
+{"version":3,"file":"button.js","names":["Polymorphic","PolymorphicProps","ComponentProps","splitProps","ValidComponent","cva","controlInteractive","controlSize","VariantProps","cn","buttonVariants","variants","variant","default","secondary","destructive","outline","ghost","subtle","success","link","size","xs","sm","md","lg","xl","defaultVariants","ButtonVariantProps","ButtonProps","T","class","Button","props","local","rest","_$createComponent","_$mergeProps","as","type","_$createComponent","_$mergeProps"],"sources":["../../../../src/components/ui/button/button.tsx"],"sourcesContent":["import { Polymorphic, type PolymorphicProps } from '@kobalte/core/polymorphic'\nimport { type ComponentProps, splitProps, type ValidComponent } from 'solid-js'\nimport { cva, controlInteractive, controlSize, type VariantProps } from '#lib/variants'\nimport { cn } from '#lib/utils'\n\n/**\n * Button.\n *\n * One appearance ladder shared by every pressable thing in the system: a\n * button, a toolbar control, a dialog action, and a menu row all draw from the\n * same tokens, so a row of them cannot drift apart.\n *\n * The variants answer \"what is this for\", never \"what colour is it\". A caller\n * that wants a red button writes `variant=\"destructive\"`; the red lives here.\n * That is also what lets the design-system linter tell a caller which variant\n * to use instead of only which class was wrong.\n *\n * Polymorphic: pass `as=\"a\"` (or any component) and the button becomes it\n * while keeping the same styling contract. This replaces the React-era\n * `asChild` primitive, which has no Solid equivalent that preserves props.\n */\nexport const buttonVariants = cva(\n  `${controlInteractive} inline-flex shrink-0 items-center justify-center rounded-md font-medium whitespace-nowrap select-none [&_svg]:pointer-events-none [&_svg]:shrink-0`,\n  {\n    variants: {\n      variant: {\n        /** The one primary action in a view. */\n        default: 'bg-primary text-primary-foreground hover:bg-primary-hover',\n        secondary: 'bg-secondary text-secondary-foreground hover:bg-surface-hover',\n        /** For the action that destroys something. Never the default. */\n        destructive:\n          'bg-destructive-action text-destructive-action-foreground hover:bg-destructive-action/90 focus-visible:ring-destructive-subtle',\n        /** A bordered button for a surface that already has a fill. */\n        outline:\n          'border border-border bg-transparent text-foreground hover:bg-surface-hover hover:border-input',\n        /** No chrome until hover. The default for toolbar and row actions. */\n        ghost: 'text-foreground hover:bg-surface-hover',\n        /** A tinted primary, for a secondary action inside a primary flow. */\n        subtle: 'bg-primary-subtle text-primary hover:bg-primary-subtle/80',\n        success: 'bg-success text-success-foreground hover:bg-success/90',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        '2xs': `${controlSize['2xs']} [&_svg]:size-3`,\n        xs: `${controlSize.xs} [&_svg]:size-3.5`,\n        sm: `${controlSize.sm} [&_svg]:size-3.5`,\n        md: `${controlSize.md} [&_svg]:size-4`,\n        lg: `${controlSize.lg} [&_svg]:size-4`,\n        xl: `${controlSize.xl} [&_svg]:size-5`,\n        /* Square, for an icon with no label. The accessible name then has to\n           come from `aria-label` or a visually hidden label — an icon-only\n           button with neither is the accessibility finding the Storybook lane\n           catches on every story. */\n        'icon-2xs': 'size-control-2xs p-0 [&_svg]:size-3',\n        'icon-xs': 'size-control-xs p-0 [&_svg]:size-3.5',\n        'icon-sm': 'size-control-sm p-0 [&_svg]:size-3.5',\n        'icon-md': 'size-control-md p-0 [&_svg]:size-4',\n        'icon-lg': 'size-control-lg p-0 [&_svg]:size-4',\n        'icon-xl': 'size-control-xl p-0 [&_svg]:size-5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n)\n\ntype ButtonVariantProps = VariantProps<typeof buttonVariants>\n\nexport type ButtonProps<T extends ValidComponent = 'button'> = PolymorphicProps<\n  T,\n  ButtonVariantProps & {\n    class?: string\n  }\n>\n\nexport function Button<T extends ValidComponent = 'button'>(props: ButtonProps<T>) {\n  const [local, rest] = splitProps(props as ButtonProps, ['variant', 'size', 'class'])\n\n  return (\n    <Polymorphic\n      as=\"button\"\n      type=\"button\"\n      class={cn(buttonVariants({ variant: local.variant, size: local.size }), local.class)}\n      {...(rest as ComponentProps<'button'>)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAaU,iBAAiBL,IAC5B,GAAGC,mBAAkB,sJACrB;CACEK,UAAU;EACRC,SAAS;;GAEPC,SAAS;GACTC,WAAW;;GAEXC,aACE;;GAEFC,SACE;;GAEFC,OAAO;;GAEPC,QAAQ;GACRC,SAAS;GACTC,MAAM;EACR;EACAC,MAAM;GACJ,OAAO,GAAGd,YAAY,OAAM;GAC5Be,IAAI,GAAGf,YAAYe,GAAE;GACrBC,IAAI,GAAGhB,YAAYgB,GAAE;GACrBC,IAAI,GAAGjB,YAAYiB,GAAE;GACrBC,IAAI,GAAGlB,YAAYkB,GAAE;GACrBC,IAAI,GAAGnB,YAAYmB,GAAE;GAKrB,YAAY;GACZ,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;EACb;CACF;CACAC,iBAAiB;EACff,SAAS;EACTS,MAAM;CACR;AACF,CACF;AAWA,SAAgBW,OAA4CC,OAAuB;CACjF,MAAM,CAACC,OAAOC,QAAQhC,WAAW8B,OAAsB;EAAC;EAAW;EAAQ;CAAO,CAAC;CAEnF,OAAAG,gBACGpC,aAAWqC,WAAA;EACVC,IAAE;EACFC,MAAI;EAAA,KAAA,WAAA;GAAA,OACG9B,GAAGC,eAAe;IAAEE,SAASsB,MAAMtB;IAASS,MAAMa,MAAMb;GAAK,CAAC,GAAGa,MAAMH,KAAK;EAAC;CAAA,GAC/EI,IAAgC,CAAA;AAG3C"}

package/dist/components/ui/checkbox/checkbox.d.ts

@@ -17,6 +17,8 @@ export type CheckboxProps = Omit<ComponentProps<typeof KobalteCheckbox>, 'childr
     controlClass?: string;
     labelClass?: string;
     descriptionClass?: string;
+    label?: JSX.Element;
+    description?: JSX.Element;
     /**
      * Replaces the control and label. Omit it to get the default control beside
      * `label` and `description`; supply it to compose the parts yourself.

package/dist/components/ui/checkbox/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAEpE,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAInD;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,EAAE,UAAU,CAAC,GAAG;IACrF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB,CAAA;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,eAiD5C;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,eAGhF;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,eAQ5F"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAEpE,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAInD;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,EAAE,UAAU,CAAC,GAAG;IACrF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB,CAAA;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,eAwE5C;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,eAGhF;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,eAQ5F"}

package/dist/components/ui/checkbox/checkbox.js

@@ -4,7 +4,7 @@ import { Check, Minus } from "lucide-solid";
 import { splitProps } from "solid-js";
 import { Checkbox } from "@kobalte/core/checkbox";
 //#region src/components/ui/checkbox/checkbox.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<div class="grid gap-0.5 leading-none">`);
+var _tmpl$ = /*#__PURE__*/ template(`<div class="grid gap-0.5">`);
 function Checkbox$1(props) {
 	const [local, rest] = splitProps(props, [
 		"class",
@@ -12,13 +12,24 @@ function Checkbox$1(props) {
 		"labelClass",
 		"descriptionClass",
 		"children",
+		"label",
+		"description",
 		"indeterminate",
 		"aria-label",
-		"aria-labelledby"
+		"aria-labelledby",
+		"aria-describedby",
+		"aria-invalid",
+		"aria-busy",
+		"title"
 	]);
-	return createComponent(Checkbox, mergeProps({ get ["class"]() {
-		return cn("group/checkbox flex items-start gap-2.5", local.class);
-	} }, rest, { get children() {
+	return createComponent(Checkbox, mergeProps({
+		get title() {
+			return local.title;
+		},
+		get ["class"]() {
+			return cn("group/checkbox flex items-start gap-2.5", local.class);
+		}
+	}, rest, { get children() {
 		return [
 			createComponent(Checkbox.Input, {
 				get ["aria-label"]() {
@@ -26,6 +37,18 @@ function Checkbox$1(props) {
 				},
 				get ["aria-labelledby"]() {
 					return local["aria-labelledby"];
+				},
+				get ["aria-describedby"]() {
+					return local["aria-describedby"];
+				},
+				get ["aria-invalid"]() {
+					return local["aria-invalid"];
+				},
+				get ["aria-busy"]() {
+					return local["aria-busy"];
+				},
+				get title() {
+					return local.title;
 				}
 			}),
 			createComponent(Checkbox.Control, {
@@ -41,16 +64,32 @@ function Checkbox$1(props) {
 					});
 				}
 			}),
-			memo(() => local.children ?? (() => {
+			memo(() => local.children ?? (local.label || local.description ? (() => {
 				var _el$ = _tmpl$();
-				insert(_el$, createComponent(Checkbox.Label, { get ["class"]() {
-					return cn("text-sm font-medium", local.labelClass);
-				} }), null);
-				insert(_el$, createComponent(Checkbox.Description, { get ["class"]() {
-					return cn("text-muted-foreground text-sm", local.descriptionClass);
-				} }), null);
+				insert(_el$, (() => {
+					var _c$ = memo(() => !!local.label);
+					return () => _c$() ? createComponent(Checkbox.Label, {
+						get ["class"]() {
+							return cn("text-sm font-medium", local.labelClass);
+						},
+						get children() {
+							return local.label;
+						}
+					}) : null;
+				})(), null);
+				insert(_el$, (() => {
+					var _c$2 = memo(() => !!local.description);
+					return () => _c$2() ? createComponent(Checkbox.Description, {
+						get ["class"]() {
+							return cn("text-muted-foreground text-sm", local.descriptionClass);
+						},
+						get children() {
+							return local.description;
+						}
+					}) : null;
+				})(), null);
 				return _el$;
-			})())
+			})() : null))
 		];
 	} }));
 }

package/dist/components/ui/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["Checkbox","KobalteCheckbox","Check","Minus","ComponentProps","JSX","splitProps","cn","CheckboxProps","Omit","controlClass","labelClass","descriptionClass","children","Element","props","local","rest","_$createComponent","_$mergeProps","class","Input","aria-label","aria-labelledby","Control","Indicator","_$memo","indeterminate","_el$","_tmpl$","_$insert","Label","Description","CheckboxLabel","CheckboxDescription","Checkbox","_$createComponent","KobalteCheckbox","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/checkbox/checkbox.tsx"],"sourcesContent":["import { Checkbox as KobalteCheckbox } from '@kobalte/core/checkbox'\nimport { Check, Minus } from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Checkbox.\n *\n * Three states: unchecked, checked, and indeterminate. Indeterminate is what a\n * \"select all\" box shows when only some rows are selected; Kobalte expresses\n * it through `checked=\"indeterminate\"` rather than a second boolean, so there\n * is no way to render a box that is both.\n *\n * The paint is `Control` and the value is a real hidden `Input`, so the control\n * participates in a form submission and in native validation while looking\n * nothing like a browser checkbox. Focus is tracked by the input, which is why\n * the ring lives on the control and reads the input's focus state.\n */\nexport type CheckboxProps = Omit<ComponentProps<typeof KobalteCheckbox>, 'children'> & {\n  controlClass?: string\n  labelClass?: string\n  descriptionClass?: string\n  /**\n   * Replaces the control and label. Omit it to get the default control beside\n   * `label` and `description`; supply it to compose the parts yourself.\n   */\n  children?: JSX.Element\n}\n\nexport function Checkbox(props: CheckboxProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'controlClass',\n    'labelClass',\n    'descriptionClass',\n    'children',\n    'indeterminate',\n    'aria-label',\n    'aria-labelledby',\n  ])\n\n  return (\n    <KobalteCheckbox class={cn('group/checkbox flex items-start gap-2.5', local.class)} {...rest}>\n      {/*\n       * The name goes on the input, which is what carries the value and takes\n       * focus. On the Root it would land on a plain div and name nothing — the\n       * box would announce its state with no subject.\n       */}\n      <KobalteCheckbox.Input\n        aria-label={local['aria-label']}\n        aria-labelledby={local['aria-labelledby']}\n      />\n      <KobalteCheckbox.Control\n        class={cn(\n          'border-input bg-transparent flex size-4 shrink-0 items-center justify-center rounded-sm border',\n          'transition-[color,box-shadow,border-color,background-color] ease-out outline-none',\n          'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n          'data-[checked]:bg-primary data-[checked]:border-primary data-[checked]:text-primary-foreground',\n          'data-[indeterminate]:bg-primary data-[indeterminate]:border-primary data-[indeterminate]:text-primary-foreground',\n          'data-[invalid]:border-destructive data-[invalid]:ring-3 data-[invalid]:ring-destructive-subtle',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n          local.controlClass\n        )}\n      >\n        <KobalteCheckbox.Indicator class=\"flex items-center justify-center\">\n          {local.indeterminate ? <Minus class=\"size-3\" /> : <Check class=\"size-3\" />}\n        </KobalteCheckbox.Indicator>\n      </KobalteCheckbox.Control>\n      {local.children ?? (\n        <div class=\"grid gap-0.5 leading-none\">\n          <KobalteCheckbox.Label class={cn('text-sm font-medium', local.labelClass)} />\n          <KobalteCheckbox.Description\n            class={cn('text-muted-foreground text-sm', local.descriptionClass)}\n          />\n        </div>\n      )}\n    </KobalteCheckbox>\n  )\n}\n\n/**\n * The box's own label. Valid only inside a `<Checkbox>`, for the same reason as\n * `SwitchLabel`: outside its root there is no control to associate with.\n */\nexport function CheckboxLabel(props: ComponentProps<typeof KobalteCheckbox.Label>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteCheckbox.Label class={cn('text-sm font-medium', local.class)} {...rest} />\n}\n\nexport function CheckboxDescription(props: ComponentProps<typeof KobalteCheckbox.Description>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteCheckbox.Description\n      class={cn('text-muted-foreground text-sm', local.class)}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;;;AA8BA,SAAgBA,WAASe,OAAsB;CAC7C,MAAM,CAACC,OAAOC,QAAQX,WAAWS,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAiB,CAClB;CAED,OAAAG,gBACGjB,UAAekB,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQZ,GAAG,2CAA2CS,MAAMI,KAAK;CAAC,EAAA,GAAMH,MAAI,EAAA,IAAAJ,WAAA;EAAA,OAAA;GAAAK,gBAMzFjB,SAAgBoB,OAAK;IAAA,KAAA,gBAAA;KAAA,OACRL,MAAM;IAAa;IAAA,KAAA,qBAAA;KAAA,OACdA,MAAM;IAAkB;GAAA,CAAA;GAAAE,gBAE1CjB,SAAgBuB,SAAO;IAAA,KAAA,WAAA;KAAA,OACfjB,GACL,kGACA,qFACA,oFACA,kGACA,oHACA,kGACA,iEACAS,MAAMN,YACR;IAAC;IAAA,IAAAG,WAAA;KAAA,OAAAK,gBAEAjB,SAAgBwB,WAAS;MAAA,SAAA;MAAA,IAAAZ,WAAA;OAAA,OACvBa,WAAA,CAAA,CAAAV,MAAMW,aAAa,CAAA,CAAA,IAAAT,gBAAIf,OAAK,EAAA,SAAA,SAAA,CAAA,IAAAe,gBAAsBhB,OAAK,EAAA,SAAA,SAAA,CAAA;MAAkB;KAAA,CAAA;IAAA;GAAA,CAAA;GAAAwB,WAG7EV,MAAMH,mBAAQ;IAAA,IAAAe,OAAAC,OAAA;IAAAC,OAAAF,MAAAV,gBAEVjB,SAAgB8B,OAAK,EAAA,KAAA,WAAA;KAAA,OAAQxB,GAAG,uBAAuBS,MAAML,UAAU;IAAC,EAAA,CAAA,GAAA,IAAA;IAAAmB,OAAAF,MAAAV,gBACxEjB,SAAgB+B,aAAW,EAAA,KAAA,WAAA;KAAA,OACnBzB,GAAG,iCAAiCS,MAAMJ,gBAAgB;IAAC,EAAA,CAAA,GAAA,IAAA;IAAA,OAAAgB;GAAA,EAAA,CAAA,CAGvE;EAAA;CAAA,EAAA,CAAA,CAAA;AAGP;;;;;AAMA,SAAgBK,cAAclB,OAAqD;CACjF,MAAM,CAACC,OAAOC,QAAQX,WAAWS,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAG,gBAAQjB,SAAgB8B,OAAKZ,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQZ,GAAG,uBAAuBS,MAAMI,KAAK;CAAC,EAAA,GAAMH,IAAI,CAAA;AACvF;AAEA,SAAgBiB,oBAAoBnB,OAA2D;CAC7F,MAAM,CAACC,OAAOC,QAAQX,WAAWS,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAG,gBACGjB,SAAgB+B,aAAWb,WAAA,EAAA,KAAA,WAAA;EAAA,OACnBZ,GAAG,iCAAiCS,MAAMI,KAAK;CAAC,EAAA,GACnDH,IAAI,CAAA;AAGd"}
+{"version":3,"file":"checkbox.js","names":["Checkbox","KobalteCheckbox","Check","Minus","ComponentProps","JSX","splitProps","cn","CheckboxProps","Omit","controlClass","labelClass","descriptionClass","label","Element","description","children","props","local","rest","_$createComponent","_$mergeProps","title","class","Input","aria-label","aria-labelledby","aria-describedby","aria-invalid","aria-busy","Control","Indicator","_$memo","indeterminate","_el$","_tmpl$","_$insert","_c$","Label","_c$2","Description","CheckboxLabel","CheckboxDescription","Checkbox","_$createComponent","KobalteCheckbox","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/checkbox/checkbox.tsx"],"sourcesContent":["import { Checkbox as KobalteCheckbox } from '@kobalte/core/checkbox'\nimport { Check, Minus } from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Checkbox.\n *\n * Three states: unchecked, checked, and indeterminate. Indeterminate is what a\n * \"select all\" box shows when only some rows are selected; Kobalte expresses\n * it through `checked=\"indeterminate\"` rather than a second boolean, so there\n * is no way to render a box that is both.\n *\n * The paint is `Control` and the value is a real hidden `Input`, so the control\n * participates in a form submission and in native validation while looking\n * nothing like a browser checkbox. Focus is tracked by the input, which is why\n * the ring lives on the control and reads the input's focus state.\n */\nexport type CheckboxProps = Omit<ComponentProps<typeof KobalteCheckbox>, 'children'> & {\n  controlClass?: string\n  labelClass?: string\n  descriptionClass?: string\n  label?: JSX.Element\n  description?: JSX.Element\n  /**\n   * Replaces the control and label. Omit it to get the default control beside\n   * `label` and `description`; supply it to compose the parts yourself.\n   */\n  children?: JSX.Element\n}\n\nexport function Checkbox(props: CheckboxProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'controlClass',\n    'labelClass',\n    'descriptionClass',\n    'children',\n    'label',\n    'description',\n    'indeterminate',\n    'aria-label',\n    'aria-labelledby',\n    'aria-describedby',\n    'aria-invalid',\n    'aria-busy',\n    'title',\n  ])\n\n  return (\n    <KobalteCheckbox\n      title={local.title}\n      class={cn('group/checkbox flex items-start gap-2.5', local.class)}\n      {...rest}\n    >\n      {/*\n       * The name goes on the input, which is what carries the value and takes\n       * focus. On the Root it would land on a plain div and name nothing — the\n       * box would announce its state with no subject.\n       */}\n      <KobalteCheckbox.Input\n        aria-label={local['aria-label']}\n        aria-labelledby={local['aria-labelledby']}\n        aria-describedby={local['aria-describedby']}\n        aria-invalid={local['aria-invalid']}\n        aria-busy={local['aria-busy']}\n        title={local.title}\n      />\n      <KobalteCheckbox.Control\n        class={cn(\n          'border-input bg-transparent flex size-4 shrink-0 items-center justify-center rounded-sm border',\n          'transition-[color,box-shadow,border-color,background-color] ease-out outline-none',\n          'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n          'data-[checked]:bg-primary data-[checked]:border-primary data-[checked]:text-primary-foreground',\n          'data-[indeterminate]:bg-primary data-[indeterminate]:border-primary data-[indeterminate]:text-primary-foreground',\n          'data-[invalid]:border-destructive data-[invalid]:ring-3 data-[invalid]:ring-destructive-subtle',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n          local.controlClass\n        )}\n      >\n        <KobalteCheckbox.Indicator class=\"flex items-center justify-center\">\n          {local.indeterminate ? <Minus class=\"size-3\" /> : <Check class=\"size-3\" />}\n        </KobalteCheckbox.Indicator>\n      </KobalteCheckbox.Control>\n      {local.children ??\n        (local.label || local.description ? (\n          <div class=\"grid gap-0.5\">\n            {local.label ? (\n              <KobalteCheckbox.Label class={cn('text-sm font-medium', local.labelClass)}>\n                {local.label}\n              </KobalteCheckbox.Label>\n            ) : null}\n            {local.description ? (\n              <KobalteCheckbox.Description\n                class={cn('text-muted-foreground text-sm', local.descriptionClass)}\n              >\n                {local.description}\n              </KobalteCheckbox.Description>\n            ) : null}\n          </div>\n        ) : null)}\n    </KobalteCheckbox>\n  )\n}\n\n/**\n * The box's own label. Valid only inside a `<Checkbox>`, for the same reason as\n * `SwitchLabel`: outside its root there is no control to associate with.\n */\nexport function CheckboxLabel(props: ComponentProps<typeof KobalteCheckbox.Label>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteCheckbox.Label class={cn('text-sm font-medium', local.class)} {...rest} />\n}\n\nexport function CheckboxDescription(props: ComponentProps<typeof KobalteCheckbox.Description>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteCheckbox.Description\n      class={cn('text-muted-foreground text-sm', local.class)}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAgCA,SAAgBA,WAASiB,OAAsB;CAC7C,MAAM,CAACC,OAAOC,QAAQb,WAAWW,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAO,CACR;CAED,OAAAG,gBACGnB,UAAeoB,WAAA;EAAA,IACdC,QAAK;GAAA,OAAEJ,MAAMI;EAAK;EAAA,KAAA,WAAA;GAAA,OACXf,GAAG,2CAA2CW,MAAMK,KAAK;EAAC;CAAA,GAC7DJ,MAAI,EAAA,IAAAH,WAAA;EAAA,OAAA;GAAAI,gBAOPnB,SAAgBuB,OAAK;IAAA,KAAA,gBAAA;KAAA,OACRN,MAAM;IAAa;IAAA,KAAA,qBAAA;KAAA,OACdA,MAAM;IAAkB;IAAA,KAAA,sBAAA;KAAA,OACvBA,MAAM;IAAmB;IAAA,KAAA,kBAAA;KAAA,OAC7BA,MAAM;IAAe;IAAA,KAAA,eAAA;KAAA,OACxBA,MAAM;IAAY;IAAA,IAC7BI,QAAK;KAAA,OAAEJ,MAAMI;IAAK;GAAA,CAAA;GAAAF,gBAEnBnB,SAAgB6B,SAAO;IAAA,KAAA,WAAA;KAAA,OACfvB,GACL,kGACA,qFACA,oFACA,kGACA,oHACA,kGACA,iEACAW,MAAMR,YACR;IAAC;IAAA,IAAAM,WAAA;KAAA,OAAAI,gBAEAnB,SAAgB8B,WAAS;MAAA,SAAA;MAAA,IAAAf,WAAA;OAAA,OACvBgB,WAAA,CAAA,CAAAd,MAAMe,aAAa,CAAA,CAAA,IAAAb,gBAAIjB,OAAK,EAAA,SAAA,SAAA,CAAA,IAAAiB,gBAAsBlB,OAAK,EAAA,SAAA,SAAA,CAAA;MAAkB;KAAA,CAAA;IAAA;GAAA,CAAA;GAAA8B,WAG7Ed,MAAMF,aACJE,MAAML,SAASK,MAAMH,qBAAW;IAAA,IAAAmB,OAAAC,OAAA;IAAAC,OAAAF,aAAA;KAAA,IAAAG,MAAAL,WAAA,CAAA,CAE5Bd,MAAML,KAAK;KAAA,aAAXwB,IAAA,IAAAjB,gBACEnB,SAAgBqC,OAAK;MAAA,KAAA,WAAA;OAAA,OAAQ/B,GAAG,uBAAuBW,MAAMP,UAAU;MAAC;MAAA,IAAAK,WAAA;OAAA,OACtEE,MAAML;MAAK;KAAA,CAAA,IAEZ;IAAI,EAAA,CAAA,GAAA,IAAA;IAAAuB,OAAAF,aAAA;KAAA,IAAAK,OAAAP,WAAA,CAAA,CACPd,MAAMH,WAAW;KAAA,aAAjBwB,KAAA,IAAAnB,gBACEnB,SAAgBuC,aAAW;MAAA,KAAA,WAAA;OAAA,OACnBjC,GAAG,iCAAiCW,MAAMN,gBAAgB;MAAC;MAAA,IAAAI,WAAA;OAAA,OAEjEE,MAAMH;MAAW;KAAA,CAAA,IAElB;IAAI,EAAA,CAAA,GAAA,IAAA;IAAA,OAAAmB;GAAA,EAAA,CAAA,IAER,KAAK;EAAA;CAAA,EAAA,CAAA,CAAA;AAGjB;;;;;AAMA,SAAgBO,cAAcxB,OAAqD;CACjF,MAAM,CAACC,OAAOC,QAAQb,WAAWW,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAG,gBAAQnB,SAAgBqC,OAAKjB,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQd,GAAG,uBAAuBW,MAAMK,KAAK;CAAC,EAAA,GAAMJ,IAAI,CAAA;AACvF;AAEA,SAAgBuB,oBAAoBzB,OAA2D;CAC7F,MAAM,CAACC,OAAOC,QAAQb,WAAWW,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAG,gBACGnB,SAAgBuC,aAAWnB,WAAA,EAAA,KAAA,WAAA;EAAA,OACnBd,GAAG,iCAAiCW,MAAMK,KAAK;CAAC,EAAA,GACnDJ,IAAI,CAAA;AAGd"}

package/dist/components/ui/radio-group/radio-group.d.ts

@@ -17,7 +17,8 @@ export type RadioGroupItemProps = ComponentProps<typeof KobalteRadioGroup.Item>
     controlClass?: string;
     /**
      * The option's visible label. A radio with no accessible name is unreachable
-     * by a screen reader and by voice control, so supply this or a child.
+     * by a screen reader and by voice control, so supply this, a labelled child,
+     * `aria-label`, or `aria-labelledby`.
      */
     label?: string;
     description?: string;

package/dist/components/ui/radio-group/radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/radio-group/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAE3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9C;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,iBAAiB,CAAC,kCAGzE;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,GAAG;IAChF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,kCA4CxD"}
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/radio-group/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAE3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9C;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,iBAAiB,CAAC,kCAGzE;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,GAAG;IAChF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,kCA4DxD"}

package/dist/components/ui/radio-group/radio-group.js

@@ -29,13 +29,43 @@ function RadioGroupItem(props) {
 		"controlClass",
 		"label",
 		"description",
-		"children"
+		"children",
+		"aria-label",
+		"aria-labelledby",
+		"aria-describedby",
+		"aria-invalid",
+		"aria-busy",
+		"title"
 	]);
-	return createComponent(RadioGroup.Item, mergeProps({ get ["class"]() {
-		return cn("group/radio flex items-start gap-2.5", local.class);
-	} }, rest, { get children() {
+	return createComponent(RadioGroup.Item, mergeProps({
+		get title() {
+			return local.title;
+		},
+		get ["class"]() {
+			return cn("group/radio flex items-start gap-2.5", local.class);
+		}
+	}, rest, { get children() {
 		return [
-			createComponent(RadioGroup.ItemInput, {}),
+			createComponent(RadioGroup.ItemInput, {
+				get ["aria-label"]() {
+					return local["aria-label"];
+				},
+				get ["aria-labelledby"]() {
+					return local["aria-labelledby"];
+				},
+				get ["aria-describedby"]() {
+					return local["aria-describedby"];
+				},
+				get ["aria-invalid"]() {
+					return local["aria-invalid"];
+				},
+				get ["aria-busy"]() {
+					return local["aria-busy"];
+				},
+				get title() {
+					return local.title;
+				}
+			}),
 			createComponent(RadioGroup.ItemControl, {
 				get ["class"]() {
 					return cn("border-input bg-transparent flex size-4 shrink-0 items-center justify-center rounded-full border", "transition-[color,box-shadow,border-color,background-color] ease-out outline-none", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle", "data-[checked]:border-primary data-[checked]:text-primary", "data-[invalid]:border-destructive data-[invalid]:ring-3 data-[invalid]:ring-destructive-subtle", "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50", local.controlClass);
@@ -51,15 +81,18 @@ function RadioGroupItem(props) {
 			}),
 			memo(() => local.children ?? (() => {
 				var _el$ = _tmpl$();
-				insert(_el$, createComponent(RadioGroup.ItemLabel, {
-					"class": "text-sm font-medium",
-					get children() {
-						return local.label;
-					}
-				}), null);
 				insert(_el$, (() => {
-					var _c$ = memo(() => !!local.description);
-					return () => _c$() ? createComponent(RadioGroup.ItemDescription, {
+					var _c$ = memo(() => !!local.label);
+					return () => _c$() ? createComponent(RadioGroup.ItemLabel, {
+						"class": "text-sm font-medium",
+						get children() {
+							return local.label;
+						}
+					}) : null;
+				})(), null);
+				insert(_el$, (() => {
+					var _c$2 = memo(() => !!local.description);
+					return () => _c$2() ? createComponent(RadioGroup.ItemDescription, {
 						"class": "text-muted-foreground text-sm",
 						get children() {
 							return local.description;

package/dist/components/ui/radio-group/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","names":["RadioGroup","KobalteRadioGroup","Circle","ComponentProps","splitProps","cn","props","local","rest","_$createComponent","_$mergeProps","class","RadioGroupItemProps","Item","controlClass","label","description","RadioGroupItem","children","ItemInput","ItemControl","ItemIndicator","_$memo","_el$","_tmpl$","_$insert","ItemLabel","_c$","ItemDescription","RadioGroup","_$createComponent","KobalteRadioGroup","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/radio-group/radio-group.tsx"],"sourcesContent":["import { RadioGroup as KobalteRadioGroup } from '@kobalte/core/radio-group'\nimport { Circle } from 'lucide-solid'\nimport type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * RadioGroup.\n *\n * A single choice from a small, visible set. The group owns the value and the\n * arrow-key navigation, so a caller sets `value` once instead of wiring a\n * `name` and a handler onto every item.\n *\n * Below about five options a Select hides the choices behind a click, which is\n * the wrong trade; above about seven, radios become a wall and the Select wins.\n * That call belongs to the caller, and both controls are drawn from the same\n * tokens so either choice sits correctly next to the other.\n */\nexport function RadioGroup(props: ComponentProps<typeof KobalteRadioGroup>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteRadioGroup class={cn('grid gap-2', local.class)} {...rest} />\n}\n\nexport type RadioGroupItemProps = ComponentProps<typeof KobalteRadioGroup.Item> & {\n  controlClass?: string\n  /**\n   * The option's visible label. A radio with no accessible name is unreachable\n   * by a screen reader and by voice control, so supply this or a child.\n   */\n  label?: string\n  description?: string\n}\n\nexport function RadioGroupItem(props: RadioGroupItemProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'controlClass',\n    'label',\n    'description',\n    'children',\n  ])\n\n  return (\n    <KobalteRadioGroup.Item\n      class={cn('group/radio flex items-start gap-2.5', local.class)}\n      {...rest}\n    >\n      <KobalteRadioGroup.ItemInput />\n      <KobalteRadioGroup.ItemControl\n        class={cn(\n          'border-input bg-transparent flex size-4 shrink-0 items-center justify-center rounded-full border',\n          'transition-[color,box-shadow,border-color,background-color] ease-out outline-none',\n          'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n          'data-[checked]:border-primary data-[checked]:text-primary',\n          'data-[invalid]:border-destructive data-[invalid]:ring-3 data-[invalid]:ring-destructive-subtle',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n          local.controlClass\n        )}\n      >\n        <KobalteRadioGroup.ItemIndicator class=\"flex items-center justify-center\">\n          <Circle class=\"size-2 fill-current\" />\n        </KobalteRadioGroup.ItemIndicator>\n      </KobalteRadioGroup.ItemControl>\n      {local.children ?? (\n        <div class=\"grid gap-0.5 leading-none\">\n          <KobalteRadioGroup.ItemLabel class=\"text-sm font-medium\">\n            {local.label}\n          </KobalteRadioGroup.ItemLabel>\n          {local.description ? (\n            <KobalteRadioGroup.ItemDescription class=\"text-muted-foreground text-sm\">\n              {local.description}\n            </KobalteRadioGroup.ItemDescription>\n          ) : null}\n        </div>\n      )}\n    </KobalteRadioGroup.Item>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,SAAgBA,aAAWM,OAAiD;CAC1E,MAAM,CAACC,OAAOC,QAAQJ,WAAWE,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAG,gBAAQR,YAAiBS,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQL,GAAG,cAAcE,MAAMI,KAAK;CAAC,EAAA,GAAMH,IAAI,CAAA;AAC1E;AAYA,SAAgBS,eAAeX,OAA4B;CACzD,MAAM,CAACC,OAAOC,QAAQJ,WAAWE,OAAO;EACtC;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAG,gBACGR,WAAkBY,MAAIH,WAAA,EAAA,KAAA,WAAA;EAAA,OACdL,GAAG,wCAAwCE,MAAMI,KAAK;CAAC,EAAA,GAC1DH,MAAI,EAAA,IAAAU,WAAA;EAAA,OAAA;GAAAT,gBAEPR,WAAkBkB,WAAS,CAAA,CAAA;GAAAV,gBAC3BR,WAAkBmB,aAAW;IAAA,KAAA,WAAA;KAAA,OACrBf,GACL,oGACA,qFACA,oFACA,6DACA,kGACA,iEACAE,MAAMO,YACR;IAAC;IAAA,IAAAI,WAAA;KAAA,OAAAT,gBAEAR,WAAkBoB,eAAa;MAAA,SAAA;MAAA,IAAAH,WAAA;OAAA,OAAAT,gBAC7BP,QAAM,EAAA,SAAA,sBAAA,CAAA;MAAA;KAAA,CAAA;IAAA;GAAA,CAAA;GAAAoB,WAGVf,MAAMW,mBAAQ;IAAA,IAAAK,OAAAC,OAAA;IAAAC,OAAAF,MAAAd,gBAEVR,WAAkByB,WAAS;KAAA,SAAA;KAAA,IAAAR,WAAA;MAAA,OACzBX,MAAMQ;KAAK;IAAA,CAAA,GAAA,IAAA;IAAAU,OAAAF,aAAA;KAAA,IAAAI,MAAAL,WAAA,CAAA,CAEbf,MAAMS,WAAW;KAAA,aAAjBW,IAAA,IAAAlB,gBACER,WAAkB2B,iBAAe;MAAA,SAAA;MAAA,IAAAV,WAAA;OAAA,OAC/BX,MAAMS;MAAW;KAAA,CAAA,IAElB;IAAI,EAAA,CAAA,GAAA,IAAA;IAAA,OAAAO;GAAA,EAAA,CAAA,CAEX;EAAA;CAAA,EAAA,CAAA,CAAA;AAGP"}
+{"version":3,"file":"radio-group.js","names":["RadioGroup","KobalteRadioGroup","Circle","ComponentProps","splitProps","cn","props","local","rest","_$createComponent","_$mergeProps","class","RadioGroupItemProps","Item","controlClass","label","description","RadioGroupItem","title","children","ItemInput","aria-label","aria-labelledby","aria-describedby","aria-invalid","aria-busy","ItemControl","ItemIndicator","_$memo","_el$","_tmpl$","_$insert","_c$","ItemLabel","_c$2","ItemDescription","RadioGroup","_$createComponent","KobalteRadioGroup","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/radio-group/radio-group.tsx"],"sourcesContent":["import { RadioGroup as KobalteRadioGroup } from '@kobalte/core/radio-group'\nimport { Circle } from 'lucide-solid'\nimport type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * RadioGroup.\n *\n * A single choice from a small, visible set. The group owns the value and the\n * arrow-key navigation, so a caller sets `value` once instead of wiring a\n * `name` and a handler onto every item.\n *\n * Below about five options a Select hides the choices behind a click, which is\n * the wrong trade; above about seven, radios become a wall and the Select wins.\n * That call belongs to the caller, and both controls are drawn from the same\n * tokens so either choice sits correctly next to the other.\n */\nexport function RadioGroup(props: ComponentProps<typeof KobalteRadioGroup>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteRadioGroup class={cn('grid gap-2', local.class)} {...rest} />\n}\n\nexport type RadioGroupItemProps = ComponentProps<typeof KobalteRadioGroup.Item> & {\n  controlClass?: string\n  /**\n   * The option's visible label. A radio with no accessible name is unreachable\n   * by a screen reader and by voice control, so supply this, a labelled child,\n   * `aria-label`, or `aria-labelledby`.\n   */\n  label?: string\n  description?: string\n}\n\nexport function RadioGroupItem(props: RadioGroupItemProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'controlClass',\n    'label',\n    'description',\n    'children',\n    'aria-label',\n    'aria-labelledby',\n    'aria-describedby',\n    'aria-invalid',\n    'aria-busy',\n    'title',\n  ])\n\n  return (\n    <KobalteRadioGroup.Item\n      title={local.title}\n      class={cn('group/radio flex items-start gap-2.5', local.class)}\n      {...rest}\n    >\n      <KobalteRadioGroup.ItemInput\n        aria-label={local['aria-label']}\n        aria-labelledby={local['aria-labelledby']}\n        aria-describedby={local['aria-describedby']}\n        aria-invalid={local['aria-invalid']}\n        aria-busy={local['aria-busy']}\n        title={local.title}\n      />\n      <KobalteRadioGroup.ItemControl\n        class={cn(\n          'border-input bg-transparent flex size-4 shrink-0 items-center justify-center rounded-full border',\n          'transition-[color,box-shadow,border-color,background-color] ease-out outline-none',\n          'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n          'data-[checked]:border-primary data-[checked]:text-primary',\n          'data-[invalid]:border-destructive data-[invalid]:ring-3 data-[invalid]:ring-destructive-subtle',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n          local.controlClass\n        )}\n      >\n        <KobalteRadioGroup.ItemIndicator class=\"flex items-center justify-center\">\n          <Circle class=\"size-2 fill-current\" />\n        </KobalteRadioGroup.ItemIndicator>\n      </KobalteRadioGroup.ItemControl>\n      {local.children ?? (\n        <div class=\"grid gap-0.5 leading-none\">\n          {local.label ? (\n            <KobalteRadioGroup.ItemLabel class=\"text-sm font-medium\">\n              {local.label}\n            </KobalteRadioGroup.ItemLabel>\n          ) : null}\n          {local.description ? (\n            <KobalteRadioGroup.ItemDescription class=\"text-muted-foreground text-sm\">\n              {local.description}\n            </KobalteRadioGroup.ItemDescription>\n          ) : null}\n        </div>\n      )}\n    </KobalteRadioGroup.Item>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,SAAgBA,aAAWM,OAAiD;CAC1E,MAAM,CAACC,OAAOC,QAAQJ,WAAWE,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAG,gBAAQR,YAAiBS,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQL,GAAG,cAAcE,MAAMI,KAAK;CAAC,EAAA,GAAMH,IAAI,CAAA;AAC1E;AAaA,SAAgBS,eAAeX,OAA4B;CACzD,MAAM,CAACC,OAAOC,QAAQJ,WAAWE,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAO,CACR;CAED,OAAAG,gBACGR,WAAkBY,MAAIH,WAAA;EAAA,IACrBQ,QAAK;GAAA,OAAEX,MAAMW;EAAK;EAAA,KAAA,WAAA;GAAA,OACXb,GAAG,wCAAwCE,MAAMI,KAAK;EAAC;CAAA,GAC1DH,MAAI,EAAA,IAAAW,WAAA;EAAA,OAAA;GAAAV,gBAEPR,WAAkBmB,WAAS;IAAA,KAAA,gBAAA;KAAA,OACdb,MAAM;IAAa;IAAA,KAAA,qBAAA;KAAA,OACdA,MAAM;IAAkB;IAAA,KAAA,sBAAA;KAAA,OACvBA,MAAM;IAAmB;IAAA,KAAA,kBAAA;KAAA,OAC7BA,MAAM;IAAe;IAAA,KAAA,eAAA;KAAA,OACxBA,MAAM;IAAY;IAAA,IAC7BW,QAAK;KAAA,OAAEX,MAAMW;IAAK;GAAA,CAAA;GAAAT,gBAEnBR,WAAkByB,aAAW;IAAA,KAAA,WAAA;KAAA,OACrBrB,GACL,oGACA,qFACA,oFACA,6DACA,kGACA,iEACAE,MAAMO,YACR;IAAC;IAAA,IAAAK,WAAA;KAAA,OAAAV,gBAEAR,WAAkB0B,eAAa;MAAA,SAAA;MAAA,IAAAR,WAAA;OAAA,OAAAV,gBAC7BP,QAAM,EAAA,SAAA,sBAAA,CAAA;MAAA;KAAA,CAAA;IAAA;GAAA,CAAA;GAAA0B,WAGVrB,MAAMY,mBAAQ;IAAA,IAAAU,OAAAC,OAAA;IAAAC,OAAAF,aAAA;KAAA,IAAAG,MAAAJ,WAAA,CAAA,CAEVrB,MAAMQ,KAAK;KAAA,aAAXiB,IAAA,IAAAvB,gBACER,WAAkBgC,WAAS;MAAA,SAAA;MAAA,IAAAd,WAAA;OAAA,OACzBZ,MAAMQ;MAAK;KAAA,CAAA,IAEZ;IAAI,EAAA,CAAA,GAAA,IAAA;IAAAgB,OAAAF,aAAA;KAAA,IAAAK,OAAAN,WAAA,CAAA,CACPrB,MAAMS,WAAW;KAAA,aAAjBkB,KAAA,IAAAzB,gBACER,WAAkBkC,iBAAe;MAAA,SAAA;MAAA,IAAAhB,WAAA;OAAA,OAC/BZ,MAAMS;MAAW;KAAA,CAAA,IAElB;IAAI,EAAA,CAAA,GAAA,IAAA;IAAA,OAAAa;GAAA,EAAA,CAAA,CAEX;EAAA;CAAA,EAAA,CAAA,CAAA;AAGP"}

package/dist/components/ui/switch/switch.d.ts

@@ -18,6 +18,8 @@ export type SwitchProps = Omit<ComponentProps<typeof KobalteSwitch>, 'children'>
     thumbClass?: string;
     labelClass?: string;
     descriptionClass?: string;
+    label?: JSX.Element;
+    description?: JSX.Element;
     /**
      * Replaces the control and label. Omit it to get the default control beside
      * `label` and `description`; supply it to compose the parts yourself.

package/dist/components/ui/switch/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAInD;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAAE,UAAU,CAAC,GAAG;IACjF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB,CAAA;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,eAiDxC;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,eAK5E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,eAKxF"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAInD;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAAE,UAAU,CAAC,GAAG;IACjF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB,CAAA;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,eAwExC;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,eAK5E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,eAKxF"}

package/dist/components/ui/switch/switch.js

@@ -12,12 +12,23 @@ function Switch$1(props) {
 		"labelClass",
 		"descriptionClass",
 		"children",
+		"label",
+		"description",
 		"aria-label",
-		"aria-labelledby"
+		"aria-labelledby",
+		"aria-describedby",
+		"aria-invalid",
+		"aria-busy",
+		"title"
 	]);
-	return createComponent(Switch, mergeProps({ get ["class"]() {
-		return cn("group/switch flex items-center gap-2.5", local.class);
-	} }, rest, { get children() {
+	return createComponent(Switch, mergeProps({
+		get title() {
+			return local.title;
+		},
+		get ["class"]() {
+			return cn("group/switch flex items-center gap-2.5", local.class);
+		}
+	}, rest, { get children() {
 		return [
 			createComponent(Switch.Input, {
 				get ["aria-label"]() {
@@ -25,6 +36,18 @@ function Switch$1(props) {
 				},
 				get ["aria-labelledby"]() {
 					return local["aria-labelledby"];
+				},
+				get ["aria-describedby"]() {
+					return local["aria-describedby"];
+				},
+				get ["aria-invalid"]() {
+					return local["aria-invalid"];
+				},
+				get ["aria-busy"]() {
+					return local["aria-busy"];
+				},
+				get title() {
+					return local.title;
 				}
 			}),
 			createComponent(Switch.Control, {
@@ -37,16 +60,32 @@ function Switch$1(props) {
 					} });
 				}
 			}),
-			memo(() => local.children ?? (() => {
+			memo(() => local.children ?? (local.label || local.description ? (() => {
 				var _el$ = _tmpl$();
-				insert(_el$, createComponent(Switch.Label, { get ["class"]() {
-					return cn("text-sm leading-none font-medium", local.labelClass);
-				} }), null);
-				insert(_el$, createComponent(Switch.Description, { get ["class"]() {
-					return cn("text-muted-foreground text-sm", local.descriptionClass);
-				} }), null);
+				insert(_el$, (() => {
+					var _c$ = memo(() => !!local.label);
+					return () => _c$() ? createComponent(Switch.Label, {
+						get ["class"]() {
+							return cn("text-sm leading-none font-medium", local.labelClass);
+						},
+						get children() {
+							return local.label;
+						}
+					}) : null;
+				})(), null);
+				insert(_el$, (() => {
+					var _c$2 = memo(() => !!local.description);
+					return () => _c$2() ? createComponent(Switch.Description, {
+						get ["class"]() {
+							return cn("text-muted-foreground text-sm", local.descriptionClass);
+						},
+						get children() {
+							return local.description;
+						}
+					}) : null;
+				})(), null);
 				return _el$;
-			})())
+			})() : null))
 		];
 	} }));
 }

package/dist/components/ui/switch/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","names":["Switch","KobalteSwitch","ComponentProps","JSX","splitProps","cn","SwitchProps","Omit","controlClass","thumbClass","labelClass","descriptionClass","children","Element","props","local","rest","_$createComponent","_$mergeProps","class","Input","aria-label","aria-labelledby","Control","Thumb","_$memo","_el$","_tmpl$","_$insert","Label","Description","SwitchLabel","SwitchDescription","Switch","_$createComponent","KobalteSwitch","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/switch/switch.tsx"],"sourcesContent":["import { Switch as KobalteSwitch } from '@kobalte/core/switch'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Switch.\n *\n * For a setting that takes effect the moment it is flipped. The distinction\n * from Checkbox is behaviour, not looks: a switch applies immediately and\n * belongs in a settings row, while a checkbox is a value the user is still\n * composing and is applied when a form is submitted. A switch inside an unsaved\n * form is the mistake this split exists to prevent.\n *\n * `Switch.Input` renders a real hidden checkbox, so the control is\n * form-native, keyboard-operable, and its `aria-checked` follows the state the\n * user sees.\n */\nexport type SwitchProps = Omit<ComponentProps<typeof KobalteSwitch>, 'children'> & {\n  controlClass?: string\n  thumbClass?: string\n  labelClass?: string\n  descriptionClass?: string\n  /**\n   * Replaces the control and label. Omit it to get the default control beside\n   * `label` and `description`; supply it to compose the parts yourself.\n   */\n  children?: JSX.Element\n}\n\nexport function Switch(props: SwitchProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'controlClass',\n    'thumbClass',\n    'labelClass',\n    'descriptionClass',\n    'children',\n    'aria-label',\n    'aria-labelledby',\n  ])\n\n  return (\n    <KobalteSwitch class={cn('group/switch flex items-center gap-2.5', local.class)} {...rest}>\n      {/* The name belongs on the input; see Checkbox for why. */}\n      <KobalteSwitch.Input\n        aria-label={local['aria-label']}\n        aria-labelledby={local['aria-labelledby']}\n      />\n      <KobalteSwitch.Control\n        class={cn(\n          'bg-input inline-flex h-5 w-9 shrink-0 items-center rounded-full border border-transparent',\n          'transition-colors ease-out outline-none',\n          'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n          'data-[checked]:bg-primary',\n          'data-[invalid]:border-destructive',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n          local.controlClass\n        )}\n      >\n        <KobalteSwitch.Thumb\n          class={cn(\n            'bg-background pointer-events-none block size-4 rounded-full shadow-xs',\n            'transition-transform ease-out',\n            'data-[checked]:translate-x-4',\n            local.thumbClass\n          )}\n        />\n      </KobalteSwitch.Control>\n      {local.children ?? (\n        <div class=\"grid gap-0.5\">\n          <KobalteSwitch.Label class={cn('text-sm leading-none font-medium', local.labelClass)} />\n          <KobalteSwitch.Description\n            class={cn('text-muted-foreground text-sm', local.descriptionClass)}\n          />\n        </div>\n      )}\n    </KobalteSwitch>\n  )\n}\n\n/**\n * The switch's own label. Valid only inside a `<Switch>`: it is Kobalte's label\n * for that root's control, and outside one there is nothing to associate with.\n * A label drawn *beside* a switch — a settings row with the control trailing —\n * is plain text, and the switch takes an `aria-label` instead.\n */\nexport function SwitchLabel(props: ComponentProps<typeof KobalteSwitch.Label>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteSwitch.Label class={cn('text-sm leading-none font-medium', local.class)} {...rest} />\n  )\n}\n\nexport function SwitchDescription(props: ComponentProps<typeof KobalteSwitch.Description>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteSwitch.Description class={cn('text-muted-foreground text-sm', local.class)} {...rest} />\n  )\n}\n"],"mappings":";;;;;;AA8BA,SAAgBA,SAAOc,OAAoB;CACzC,MAAM,CAACC,OAAOC,QAAQZ,WAAWU,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAiB,CAClB;CAED,OAAAG,gBACGhB,QAAaiB,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQb,GAAG,0CAA0CU,MAAMI,KAAK;CAAC,EAAA,GAAMH,MAAI,EAAA,IAAAJ,WAAA;EAAA,OAAA;GAAAK,gBAEtFhB,OAAcmB,OAAK;IAAA,KAAA,gBAAA;KAAA,OACNL,MAAM;IAAa;IAAA,KAAA,qBAAA;KAAA,OACdA,MAAM;IAAkB;GAAA,CAAA;GAAAE,gBAE1ChB,OAAcsB,SAAO;IAAA,KAAA,WAAA;KAAA,OACblB,GACL,6FACA,2CACA,oFACA,6BACA,qCACA,iEACAU,MAAMP,YACR;IAAC;IAAA,IAAAI,WAAA;KAAA,OAAAK,gBAEAhB,OAAcuB,OAAK,EAAA,KAAA,WAAA;MAAA,OACXnB,GACL,yEACA,iCACA,gCACAU,MAAMN,UACR;KAAC,EAAA,CAAA;IAAA;GAAA,CAAA;GAAAgB,WAGJV,MAAMH,mBAAQ;IAAA,IAAAc,OAAAC,OAAA;IAAAC,OAAAF,MAAAT,gBAEVhB,OAAc4B,OAAK,EAAA,KAAA,WAAA;KAAA,OAAQxB,GAAG,oCAAoCU,MAAML,UAAU;IAAC,EAAA,CAAA,GAAA,IAAA;IAAAkB,OAAAF,MAAAT,gBACnFhB,OAAc6B,aAAW,EAAA,KAAA,WAAA;KAAA,OACjBzB,GAAG,iCAAiCU,MAAMJ,gBAAgB;IAAC,EAAA,CAAA,GAAA,IAAA;IAAA,OAAAe;GAAA,EAAA,CAAA,CAGvE;EAAA;CAAA,EAAA,CAAA,CAAA;AAGP;;;;;;;AAQA,SAAgBK,YAAYjB,OAAmD;CAC7E,MAAM,CAACC,OAAOC,QAAQZ,WAAWU,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAG,gBACGhB,OAAc4B,OAAKX,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQb,GAAG,oCAAoCU,MAAMI,KAAK;CAAC,EAAA,GAAMH,IAAI,CAAA;AAE7F;AAEA,SAAgBgB,kBAAkBlB,OAAyD;CACzF,MAAM,CAACC,OAAOC,QAAQZ,WAAWU,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAG,gBACGhB,OAAc6B,aAAWZ,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQb,GAAG,iCAAiCU,MAAMI,KAAK;CAAC,EAAA,GAAMH,IAAI,CAAA;AAEhG"}
+{"version":3,"file":"switch.js","names":["Switch","KobalteSwitch","ComponentProps","JSX","splitProps","cn","SwitchProps","Omit","controlClass","thumbClass","labelClass","descriptionClass","label","Element","description","children","props","local","rest","_$createComponent","_$mergeProps","title","class","Input","aria-label","aria-labelledby","aria-describedby","aria-invalid","aria-busy","Control","Thumb","_$memo","_el$","_tmpl$","_$insert","_c$","Label","_c$2","Description","SwitchLabel","SwitchDescription","Switch","_$createComponent","KobalteSwitch","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/switch/switch.tsx"],"sourcesContent":["import { Switch as KobalteSwitch } from '@kobalte/core/switch'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Switch.\n *\n * For a setting that takes effect the moment it is flipped. The distinction\n * from Checkbox is behaviour, not looks: a switch applies immediately and\n * belongs in a settings row, while a checkbox is a value the user is still\n * composing and is applied when a form is submitted. A switch inside an unsaved\n * form is the mistake this split exists to prevent.\n *\n * `Switch.Input` renders a real hidden checkbox, so the control is\n * form-native, keyboard-operable, and its `aria-checked` follows the state the\n * user sees.\n */\nexport type SwitchProps = Omit<ComponentProps<typeof KobalteSwitch>, 'children'> & {\n  controlClass?: string\n  thumbClass?: string\n  labelClass?: string\n  descriptionClass?: string\n  label?: JSX.Element\n  description?: JSX.Element\n  /**\n   * Replaces the control and label. Omit it to get the default control beside\n   * `label` and `description`; supply it to compose the parts yourself.\n   */\n  children?: JSX.Element\n}\n\nexport function Switch(props: SwitchProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'controlClass',\n    'thumbClass',\n    'labelClass',\n    'descriptionClass',\n    'children',\n    'label',\n    'description',\n    'aria-label',\n    'aria-labelledby',\n    'aria-describedby',\n    'aria-invalid',\n    'aria-busy',\n    'title',\n  ])\n\n  return (\n    <KobalteSwitch\n      title={local.title}\n      class={cn('group/switch flex items-center gap-2.5', local.class)}\n      {...rest}\n    >\n      {/* The name belongs on the input; see Checkbox for why. */}\n      <KobalteSwitch.Input\n        aria-label={local['aria-label']}\n        aria-labelledby={local['aria-labelledby']}\n        aria-describedby={local['aria-describedby']}\n        aria-invalid={local['aria-invalid']}\n        aria-busy={local['aria-busy']}\n        title={local.title}\n      />\n      <KobalteSwitch.Control\n        class={cn(\n          'bg-input inline-flex h-5 w-9 shrink-0 items-center rounded-full border border-transparent',\n          'transition-colors ease-out outline-none',\n          'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n          'data-[checked]:bg-primary',\n          'data-[invalid]:border-destructive',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n          local.controlClass\n        )}\n      >\n        <KobalteSwitch.Thumb\n          class={cn(\n            'bg-background pointer-events-none block size-4 rounded-full shadow-xs',\n            'transition-transform ease-out',\n            'data-[checked]:translate-x-4',\n            local.thumbClass\n          )}\n        />\n      </KobalteSwitch.Control>\n      {local.children ??\n        (local.label || local.description ? (\n          <div class=\"grid gap-0.5\">\n            {local.label ? (\n              <KobalteSwitch.Label class={cn('text-sm leading-none font-medium', local.labelClass)}>\n                {local.label}\n              </KobalteSwitch.Label>\n            ) : null}\n            {local.description ? (\n              <KobalteSwitch.Description\n                class={cn('text-muted-foreground text-sm', local.descriptionClass)}\n              >\n                {local.description}\n              </KobalteSwitch.Description>\n            ) : null}\n          </div>\n        ) : null)}\n    </KobalteSwitch>\n  )\n}\n\n/**\n * The switch's own label. Valid only inside a `<Switch>`: it is Kobalte's label\n * for that root's control, and outside one there is nothing to associate with.\n * A label drawn *beside* a switch — a settings row with the control trailing —\n * is plain text, and the switch takes an `aria-label` instead.\n */\nexport function SwitchLabel(props: ComponentProps<typeof KobalteSwitch.Label>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteSwitch.Label class={cn('text-sm leading-none font-medium', local.class)} {...rest} />\n  )\n}\n\nexport function SwitchDescription(props: ComponentProps<typeof KobalteSwitch.Description>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteSwitch.Description class={cn('text-muted-foreground text-sm', local.class)} {...rest} />\n  )\n}\n"],"mappings":";;;;;;AAgCA,SAAgBA,SAAOgB,OAAoB;CACzC,MAAM,CAACC,OAAOC,QAAQd,WAAWY,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAO,CACR;CAED,OAAAG,gBACGlB,QAAamB,WAAA;EAAA,IACZC,QAAK;GAAA,OAAEJ,MAAMI;EAAK;EAAA,KAAA,WAAA;GAAA,OACXhB,GAAG,0CAA0CY,MAAMK,KAAK;EAAC;CAAA,GAC5DJ,MAAI,EAAA,IAAAH,WAAA;EAAA,OAAA;GAAAI,gBAGPlB,OAAcsB,OAAK;IAAA,KAAA,gBAAA;KAAA,OACNN,MAAM;IAAa;IAAA,KAAA,qBAAA;KAAA,OACdA,MAAM;IAAkB;IAAA,KAAA,sBAAA;KAAA,OACvBA,MAAM;IAAmB;IAAA,KAAA,kBAAA;KAAA,OAC7BA,MAAM;IAAe;IAAA,KAAA,eAAA;KAAA,OACxBA,MAAM;IAAY;IAAA,IAC7BI,QAAK;KAAA,OAAEJ,MAAMI;IAAK;GAAA,CAAA;GAAAF,gBAEnBlB,OAAc4B,SAAO;IAAA,KAAA,WAAA;KAAA,OACbxB,GACL,6FACA,2CACA,oFACA,6BACA,qCACA,iEACAY,MAAMT,YACR;IAAC;IAAA,IAAAO,WAAA;KAAA,OAAAI,gBAEAlB,OAAc6B,OAAK,EAAA,KAAA,WAAA;MAAA,OACXzB,GACL,yEACA,iCACA,gCACAY,MAAMR,UACR;KAAC,EAAA,CAAA;IAAA;GAAA,CAAA;GAAAsB,WAGJd,MAAMF,aACJE,MAAML,SAASK,MAAMH,qBAAW;IAAA,IAAAkB,OAAAC,OAAA;IAAAC,OAAAF,aAAA;KAAA,IAAAG,MAAAJ,WAAA,CAAA,CAE5Bd,MAAML,KAAK;KAAA,aAAXuB,IAAA,IAAAhB,gBACElB,OAAcmC,OAAK;MAAA,KAAA,WAAA;OAAA,OAAQ/B,GAAG,oCAAoCY,MAAMP,UAAU;MAAC;MAAA,IAAAK,WAAA;OAAA,OACjFE,MAAML;MAAK;KAAA,CAAA,IAEZ;IAAI,EAAA,CAAA,GAAA,IAAA;IAAAsB,OAAAF,aAAA;KAAA,IAAAK,OAAAN,WAAA,CAAA,CACPd,MAAMH,WAAW;KAAA,aAAjBuB,KAAA,IAAAlB,gBACElB,OAAcqC,aAAW;MAAA,KAAA,WAAA;OAAA,OACjBjC,GAAG,iCAAiCY,MAAMN,gBAAgB;MAAC;MAAA,IAAAI,WAAA;OAAA,OAEjEE,MAAMH;MAAW;KAAA,CAAA,IAElB;IAAI,EAAA,CAAA,GAAA,IAAA;IAAA,OAAAkB;GAAA,EAAA,CAAA,IAER,KAAK;EAAA;CAAA,EAAA,CAAA,CAAA;AAGjB;;;;;;;AAQA,SAAgBO,YAAYvB,OAAmD;CAC7E,MAAM,CAACC,OAAOC,QAAQd,WAAWY,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAG,gBACGlB,OAAcmC,OAAKhB,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQf,GAAG,oCAAoCY,MAAMK,KAAK;CAAC,EAAA,GAAMJ,IAAI,CAAA;AAE7F;AAEA,SAAgBsB,kBAAkBxB,OAAyD;CACzF,MAAM,CAACC,OAAOC,QAAQd,WAAWY,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAG,gBACGlB,OAAcqC,aAAWlB,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQf,GAAG,iCAAiCY,MAAMK,KAAK;CAAC,EAAA,GAAMJ,IAAI,CAAA;AAEhG"}

package/dist/lib/themes.d.ts

@@ -58,6 +58,9 @@ export type ThemeColors = {
     destructive: string;
     destructiveForeground: string;
     destructiveSubtle: string;
+    /** Contrast-safe solid-action presentation, derived from the canonical error role. */
+    destructiveAction: string;
+    destructiveActionForeground: string;
     success: string;
     successForeground: string;
     successSubtle: string;

package/dist/lib/themes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/lib/themes.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/lib/themes.ts"],"names":[],"mappings":"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"}