@televet/kibble-ui 5.0.30 → 5.0.31

package/dist/esm/components/index.js

@@ -1,61 +1,61 @@
-import { A as r } from "../../chunks/alert.component-B2kzYzhv.js";
+import { A as r } from "../../chunks/alert.component-DjFZO6Ks.js";
 import { a as t } from "../../chunks/alert.types-CPfg5SeM.js";
-import { A as p } from "../../chunks/avatar.component-BL6D6Lw_.js";
+import { A as p } from "../../chunks/avatar.component-BwOAO1qR.js";
 import { a as m, b as n } from "../../chunks/avatar.types-C6dZZjdi.js";
-import { A as x } from "../../chunks/avatarGroup.component-CUHMxiIc.js";
+import { A as x } from "../../chunks/avatarGroup.component-Dvq2vG4z.js";
 import { B as d } from "../../chunks/button.component-BO6oee_V.js";
 import { b as u, d as T, c as S, e as b, a as v } from "../../chunks/button.types-BjfcUcMn.js";
-import { B as P } from "../../chunks/buttonGroup.component-B4APVs0L.js";
-import { C as D, a as W, i as z } from "../../chunks/calendar.component-BswlIQ5W.js";
+import { B as P } from "../../chunks/buttonGroup.component-Ce5TKLEN.js";
+import { C as D, a as W, i as z } from "../../chunks/calendar.component-D0IcPD3-.js";
 import { C as k } from "../../chunks/card.component-B1AznjWF.js";
 import { c as A } from "../../chunks/card.types-Cixp7ouC.js";
-import { C as I } from "../../chunks/characterCounter.component-Cm9yEHjz.js";
-import { W as h } from "../../chunks/checkbox.component-DGIWgnM4.js";
-import { W as L } from "../../chunks/checkboxGroup.component-D4YLYJPy.js";
-import { C as G } from "../../chunks/conversationCard.component-DZnnZcAz.js";
-import { D as F } from "../../chunks/datePicker.component-DQzmsw2J.js";
-import { D as E } from "../../chunks/datePicker.provider-DvJrNnut.js";
-import { D as K, a as j, c as q } from "../../chunks/dateTimePicker.component-BwC0c08U.js";
+import { C as I } from "../../chunks/characterCounter.component-B45KB7Xu.js";
+import { W as h } from "../../chunks/checkbox.component-BoqZIgZE.js";
+import { W as L } from "../../chunks/checkboxGroup.component-B0QCi1NL.js";
+import { C as G } from "../../chunks/conversationCard.component-sKlfIP1V.js";
+import { D as F } from "../../chunks/datePicker.component-C-rCSpQD.js";
+import { D as E } from "../../chunks/datePicker.provider-rPzC-iBh.js";
+import { D as K, a as j, c as q } from "../../chunks/dateTimePicker.component-CYFud4bA.js";
 import { D as Q } from "../../chunks/divider.component-CFOh4Nw3.js";
 import { d as X, a as Y, b as Z } from "../../chunks/divider.types-6MEkMNbx.js";
-import { W as $ } from "../../chunks/heading.component-BBTU00_w.js";
+import { W as $ } from "../../chunks/heading.component-D8oRhIr6.js";
 import { I as ao } from "../../chunks/icon.component-PV_nHBId.js";
 import { i as eo } from "../../chunks/icon.types-DLbVfMjG.js";
 import { L as so } from "../../chunks/link.component--URNKuK2.js";
-import { L as io, l as mo } from "../../chunks/logo.types-C5GwpHjM.js";
-import { M as fo, m as xo } from "../../chunks/maintenanceBanner.types-BiSgtHkP.js";
-import { M as lo } from "../../chunks/menu.component-CAttpI-a.js";
-import { M as To, c as So, a as bo, b as vo, m as Co } from "../../chunks/modal.types-DlvB1lQC.js";
-import { N as go } from "../../chunks/notificationCounter.component-DhfVkkOQ.js";
+import { L as io, l as mo } from "../../chunks/logo.types-Bv_56edz.js";
+import { M as fo, m as xo } from "../../chunks/maintenanceBanner.types-Bey20P0-.js";
+import { M as lo } from "../../chunks/menu.component-8gDv-vKT.js";
+import { M as To, c as So, a as bo, b as vo, m as Co } from "../../chunks/modal.types-rCenUZ8B.js";
+import { N as go } from "../../chunks/notificationCounter.component-DikPb9gS.js";
 import { n as Wo, a as zo } from "../../chunks/notificationCounter.types-Dm4PSN2Y.js";
 import { P as ko } from "../../chunks/picture.component-DzdHIFN_.js";
-import { W as Ao, p as Mo } from "../../chunks/pinInput.types-DOs4a1N6.js";
-import { P as Vo } from "../../chunks/popover.component-65oNmbmB.js";
+import { W as Ao, p as Mo } from "../../chunks/pinInput.types-CljHTAqz.js";
+import { P as Vo } from "../../chunks/popover.component-xBwO82bL.js";
 import { p as Ro, b as Lo, a as wo } from "../../chunks/popover.types-CQJj3uOX.js";
-import { W as No, a as Fo, r as Oo } from "../../chunks/radioGroup.types-CiHxP4xM.js";
+import { W as No, a as Fo, r as Oo } from "../../chunks/radioGroup.types-BM87sySx.js";
 import { R as Ho } from "../../chunks/radiomark.component-D_7wT5VA.js";
-import { W as jo } from "../../chunks/rating.component-DwiIqg9E.js";
-import { W as Jo } from "../../chunks/ratingDots.component-BpimXANy.js";
-import { W as Uo } from "../../chunks/select.component-CmKal46A.js";
-import { S as Yo } from "../../chunks/sortableList.component-05kG3QEM.js";
-import { S as _o } from "../../chunks/spinner.component-CQ-JWUon.js";
+import { W as jo } from "../../chunks/rating.component-BogjwNOM.js";
+import { W as Jo } from "../../chunks/ratingDots.component-Cg74ctjO.js";
+import { W as Uo } from "../../chunks/select.component-BYIMZguq.js";
+import { S as Yo } from "../../chunks/sortableList.component-DXEpIVec.js";
+import { S as _o } from "../../chunks/spinner.component-BxtAqNQO.js";
 import { s as oa } from "../../chunks/spinner.types-g7cTFJkb.js";
-import { S as ra, s as ea } from "../../chunks/styledAvatar.types-BaOkOA8K.js";
-import { S as sa, s as pa } from "../../chunks/swatch.types-CkrkMi11.js";
-import { W as ma } from "../../chunks/switch.component-BANAbt7_.js";
-import { T as fa, a as xa, t as ca } from "../../chunks/tab.types-CTlxVEvQ.js";
+import { S as ra, s as ea } from "../../chunks/styledAvatar.types-DwJd2uWS.js";
+import { S as sa, s as pa } from "../../chunks/swatch.types--B4k8Ncc.js";
+import { W as ma } from "../../chunks/switch.component-Yr0uRws8.js";
+import { T as fa, a as xa, t as ca } from "../../chunks/tab.types-DOXmd70v.js";
 import { T as la } from "../../chunks/tag.component-CMsZIhN-.js";
 import { c as Ta, t as Sa } from "../../chunks/tag.types-B-pzEt1I.js";
-import { T as va, a as Ca } from "../../chunks/tagBlock.component-CAoe7WiN.js";
-import { W as ga } from "../../chunks/text.component-C9jh_JMO.js";
-import { W as Wa } from "../../chunks/textInput.component-CHOXUd8x.js";
-import { W as Ba } from "../../chunks/textarea.component-Co5FVeAZ.js";
-import { M as ya, T as Aa } from "../../chunks/timePicker.component-O5_k6YYo.js";
-import { T as Ia } from "../../chunks/timeRange.component-Crv2OP7C.js";
-import { T as ha } from "../../chunks/timestamp.component-CRz-1i68.js";
+import { T as va, a as Ca } from "../../chunks/tagBlock.component-R6Ee1sH9.js";
+import { W as ga } from "../../chunks/text.component-DbJw4Y9-.js";
+import { W as Wa } from "../../chunks/textInput.component-Co3pNJhe.js";
+import { W as Ba } from "../../chunks/textarea.component-CAn7c-Io.js";
+import { M as ya, T as Aa } from "../../chunks/timePicker.component-CvRaqRrd.js";
+import { T as Ia } from "../../chunks/timeRange.component-DFZaJT2U.js";
+import { T as ha } from "../../chunks/timestamp.component-gXQy-j4t.js";
 import { useToast as La } from "./Toast/index.js";
-import { T as Ga } from "../../chunks/tooltip.component-CHohp2qn.js";
-import { W as Fa } from "../../chunks/numberInput.component-D2lVvZHf.js";
+import { T as Ga } from "../../chunks/tooltip.component-BWCTmG_j.js";
+import { W as Fa } from "../../chunks/numberInput.component-CcYDFacQ.js";
 export {
   r as Alert,
   p as Avatar,

package/dist/esm/index.js

@@ -1,61 +1,61 @@
-import { A as a } from "../chunks/alert.component-B2kzYzhv.js";
+import { A as a } from "../chunks/alert.component-DjFZO6Ks.js";
 import { a as t } from "../chunks/alert.types-CPfg5SeM.js";
-import { A as p } from "../chunks/avatar.component-BL6D6Lw_.js";
+import { A as p } from "../chunks/avatar.component-BwOAO1qR.js";
 import { a as m, b as n } from "../chunks/avatar.types-C6dZZjdi.js";
-import { A as x } from "../chunks/avatarGroup.component-CUHMxiIc.js";
+import { A as x } from "../chunks/avatarGroup.component-Dvq2vG4z.js";
 import { B as l } from "../chunks/button.component-BO6oee_V.js";
 import { b as u, d as T, c as S, e as b, a as C } from "../chunks/button.types-BjfcUcMn.js";
-import { B as v } from "../chunks/buttonGroup.component-B4APVs0L.js";
-import { C as D, a as h, i as y } from "../chunks/calendar.component-BswlIQ5W.js";
+import { B as v } from "../chunks/buttonGroup.component-Ce5TKLEN.js";
+import { C as D, a as h, i as y } from "../chunks/calendar.component-D0IcPD3-.js";
 import { C as k } from "../chunks/card.component-B1AznjWF.js";
 import { c as z } from "../chunks/card.types-Cixp7ouC.js";
-import { C as V } from "../chunks/characterCounter.component-Cm9yEHjz.js";
-import { W as w } from "../chunks/checkbox.component-DGIWgnM4.js";
-import { W as R } from "../chunks/checkboxGroup.component-D4YLYJPy.js";
-import { C as G } from "../chunks/conversationCard.component-DZnnZcAz.js";
-import { D as N } from "../chunks/datePicker.component-DQzmsw2J.js";
-import { D as O } from "../chunks/datePicker.provider-DvJrNnut.js";
-import { D as H, a as j, c as q } from "../chunks/dateTimePicker.component-BwC0c08U.js";
+import { C as V } from "../chunks/characterCounter.component-B45KB7Xu.js";
+import { W as w } from "../chunks/checkbox.component-BoqZIgZE.js";
+import { W as R } from "../chunks/checkboxGroup.component-B0QCi1NL.js";
+import { C as G } from "../chunks/conversationCard.component-sKlfIP1V.js";
+import { D as N } from "../chunks/datePicker.component-C-rCSpQD.js";
+import { D as O } from "../chunks/datePicker.provider-rPzC-iBh.js";
+import { D as H, a as j, c as q } from "../chunks/dateTimePicker.component-CYFud4bA.js";
 import { D as Q } from "../chunks/divider.component-CFOh4Nw3.js";
 import { d as X, a as Y, b as Z } from "../chunks/divider.types-6MEkMNbx.js";
-import { W as $ } from "../chunks/heading.component-BBTU00_w.js";
+import { W as $ } from "../chunks/heading.component-D8oRhIr6.js";
 import { I as ro } from "../chunks/icon.component-PV_nHBId.js";
 import { i as eo } from "../chunks/icon.types-DLbVfMjG.js";
 import { L as so } from "../chunks/link.component--URNKuK2.js";
-import { L as io, l as mo } from "../chunks/logo.types-C5GwpHjM.js";
-import { M as fo, m as xo } from "../chunks/maintenanceBanner.types-BiSgtHkP.js";
-import { M as lo } from "../chunks/menu.component-CAttpI-a.js";
-import { M as To, c as So, a as bo, b as Co, m as go } from "../chunks/modal.types-DlvB1lQC.js";
-import { N as Po } from "../chunks/notificationCounter.component-DhfVkkOQ.js";
+import { L as io, l as mo } from "../chunks/logo.types-Bv_56edz.js";
+import { M as fo, m as xo } from "../chunks/maintenanceBanner.types-Bey20P0-.js";
+import { M as lo } from "../chunks/menu.component-8gDv-vKT.js";
+import { M as To, c as So, a as bo, b as Co, m as go } from "../chunks/modal.types-rCenUZ8B.js";
+import { N as Po } from "../chunks/notificationCounter.component-DikPb9gS.js";
 import { n as ho, a as yo } from "../chunks/notificationCounter.types-Dm4PSN2Y.js";
 import { P as ko } from "../chunks/picture.component-DzdHIFN_.js";
-import { W as zo, p as Bo } from "../chunks/pinInput.types-DOs4a1N6.js";
-import { P as Ao } from "../chunks/popover.component-65oNmbmB.js";
+import { W as zo, p as Bo } from "../chunks/pinInput.types-CljHTAqz.js";
+import { P as Ao } from "../chunks/popover.component-xBwO82bL.js";
 import { p as Io, b as Ro, a as Lo } from "../chunks/popover.types-CQJj3uOX.js";
-import { W as Ko, a as No, r as Fo } from "../chunks/radioGroup.types-CiHxP4xM.js";
+import { W as Ko, a as No, r as Fo } from "../chunks/radioGroup.types-BM87sySx.js";
 import { R as Eo } from "../chunks/radiomark.component-D_7wT5VA.js";
-import { W as jo } from "../chunks/rating.component-DwiIqg9E.js";
-import { W as Jo } from "../chunks/ratingDots.component-BpimXANy.js";
-import { W as Uo } from "../chunks/select.component-CmKal46A.js";
-import { S as Yo } from "../chunks/sortableList.component-05kG3QEM.js";
-import { S as _o } from "../chunks/spinner.component-CQ-JWUon.js";
+import { W as jo } from "../chunks/rating.component-BogjwNOM.js";
+import { W as Jo } from "../chunks/ratingDots.component-Cg74ctjO.js";
+import { W as Uo } from "../chunks/select.component-BYIMZguq.js";
+import { S as Yo } from "../chunks/sortableList.component-DXEpIVec.js";
+import { S as _o } from "../chunks/spinner.component-BxtAqNQO.js";
 import { s as or } from "../chunks/spinner.types-g7cTFJkb.js";
-import { S as ar, s as er } from "../chunks/styledAvatar.types-BaOkOA8K.js";
-import { S as sr, s as pr } from "../chunks/swatch.types-CkrkMi11.js";
-import { W as mr } from "../chunks/switch.component-BANAbt7_.js";
-import { T as fr, a as xr, t as cr } from "../chunks/tab.types-CTlxVEvQ.js";
+import { S as ar, s as er } from "../chunks/styledAvatar.types-DwJd2uWS.js";
+import { S as sr, s as pr } from "../chunks/swatch.types--B4k8Ncc.js";
+import { W as mr } from "../chunks/switch.component-Yr0uRws8.js";
+import { T as fr, a as xr, t as cr } from "../chunks/tab.types-DOXmd70v.js";
 import { T as dr } from "../chunks/tag.component-CMsZIhN-.js";
 import { c as Tr, t as Sr } from "../chunks/tag.types-B-pzEt1I.js";
-import { T as Cr, a as gr } from "../chunks/tagBlock.component-CAoe7WiN.js";
-import { W as Pr } from "../chunks/text.component-C9jh_JMO.js";
-import { W as hr } from "../chunks/textInput.component-CHOXUd8x.js";
-import { W as Mr } from "../chunks/textarea.component-Co5FVeAZ.js";
-import { M as Wr, T as zr } from "../chunks/timePicker.component-O5_k6YYo.js";
-import { T as Vr } from "../chunks/timeRange.component-Crv2OP7C.js";
-import { T as wr } from "../chunks/timestamp.component-CRz-1i68.js";
+import { T as Cr, a as gr } from "../chunks/tagBlock.component-R6Ee1sH9.js";
+import { W as Pr } from "../chunks/text.component-DbJw4Y9-.js";
+import { W as hr } from "../chunks/textInput.component-Co3pNJhe.js";
+import { W as Mr } from "../chunks/textarea.component-CAn7c-Io.js";
+import { M as Wr, T as zr } from "../chunks/timePicker.component-CvRaqRrd.js";
+import { T as Vr } from "../chunks/timeRange.component-DFZaJT2U.js";
+import { T as wr } from "../chunks/timestamp.component-gXQy-j4t.js";
 import { useToast as Rr } from "./components/Toast/index.js";
-import { T as Gr } from "../chunks/tooltip.component-CHohp2qn.js";
-import { W as Nr } from "../chunks/numberInput.component-D2lVvZHf.js";
+import { T as Gr } from "../chunks/tooltip.component-BWCTmG_j.js";
+import { W as Nr } from "../chunks/numberInput.component-CcYDFacQ.js";
 import { w as Or } from "../chunks/withDarkMode-C3yba5oU.js";
 import { w as Hr } from "../chunks/withLightMode-DUdXB3Uy.js";
 import { useBreakpoint as qr } from "./hooks/useBreakpoint/index.js";
@@ -64,7 +64,7 @@ import { useColorModeValue as Xr } from "./hooks/useColorModeValue/index.js";
 import { useDeviceType as Zr } from "./hooks/useDeviceType/index.js";
 import { alignments as $r, flexDirections as oa, placements as ra, statuses as aa, typographyVariants as ea } from "./shared/types/index.js";
 import { c as sa } from "../chunks/theme-BOK659O0.js";
-import { K as ia, k as ma, s as na } from "../chunks/theme.provider-BEOF1dv4.js";
+import { K as ia, k as ma, s as na } from "../chunks/theme.provider-DMENNJUS.js";
 export {
   a as Alert,
   p as Avatar,

package/dist/esm/theme/index.js

@@ -1,4 +1,4 @@
-import { K as b, k as i, s as m } from "../../chunks/theme.provider-BEOF1dv4.js";
+import { K as b, k as i, s as m } from "../../chunks/theme.provider-DMENNJUS.js";
 export {
   b as KibbleThemeProvider,
   i as kibbleThemeConfig,

package/dist/esm/theme/semanticTokens/index.js

@@ -1,5 +1,5 @@
-import { s, a as d, b as u, c as b } from "../../../chunks/semanticTokens.records-Di2_gv9n.js";
-import { d as x, i as m, e as f } from "../../../chunks/semanticTokens.records-Di2_gv9n.js";
+import { s, a as d, b as u, c as b } from "../../../chunks/semanticTokens.records-DMKJxF9q.js";
+import { d as x, i as m, e as f } from "../../../chunks/semanticTokens.records-DMKJxF9q.js";
 const k = [
   "text",
   "text.accent",
@@ -101,6 +101,7 @@ const k = [
   "border.default",
   "border.focus",
   "border.focus.contrast",
+  "border.hover",
   "border.info",
   "border.strong",
   "border.strong.contrast",

package/dist/esm/theme/semanticTokens/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../packages/kibble-primitives/src/semantic/semanticTokens.types.ts","../../../../packages/kibble-primitives/src/semantic/resolveTokens.ts"],"sourcesContent":["export type SemanticProperty = 'text' | 'background' | 'border' | 'divider';\n\nexport type SemanticColorScheme =\n  | 'primary'\n  | 'secondary'\n  | 'danger'\n  | 'warning'\n  | 'success'\n  | 'neutral'\n  | 'primaryAlpha'\n  | 'secondaryAlpha'\n  | 'dangerAlpha'\n  | 'neutralAlpha'\n  | 'gradientFull'\n  | 'gradientPink'\n  | 'gradientGreen';\n\nexport type SemanticTokenDefinition = {\n  value: {\n    _light: string | number;\n    _dark: string | number;\n  };\n};\n\nexport const semanticTypographyTokens = [\n  'text',\n  'text.accent',\n  'text.accentSubtle',\n  'text.brand',\n  'text.brand.contrast',\n  'text.brand.contrast.hover',\n  'text.brand.hover',\n  'text.contrast',\n  'text.danger',\n  'text.danger.contrast',\n  'text.default',\n  'text.info',\n  'text.interactive',\n  'text.interactive.contrast',\n  'text.interactive.contrast.hover',\n  'text.interactive.hover',\n  'text.placeholder',\n  'text.placeholder.contrast',\n  'text.subtle',\n  'text.subtle.contrast',\n  'text.success',\n  'text.warning',\n] as const;\nexport type SemanticTypographyToken = (typeof semanticTypographyTokens)[number];\n\nexport const semanticBackgroundTokens = [\n  'background.accent',\n  'background.accentSubtle',\n  'background.ai',\n  'background.ai.hover',\n  'background.ai.pressed',\n  'background.alpha',\n  'background.alpha.contrast',\n  'background.alpha.contrast.hover',\n  'background.alpha.contrast.pressed',\n  'background.alpha.hover',\n  'background.alpha.pressed',\n  'background.backdrop',\n  'background.brand',\n  'background.contrast',\n  'background.danger',\n  'background.danger.contrast',\n  'background.default',\n  'background.destructive',\n  'background.destructive.hover',\n  'background.destructive.pressed',\n  'background.destructive.contrast',\n  'background.destructive.contrast.hover',\n  'background.destructive.contrast.pressed',\n  'background.destructiveAlpha',\n  'background.destructiveAlpha.contrast',\n  'background.destructiveAlpha.contrast.hover',\n  'background.destructiveAlpha.contrast.pressed',\n  'background.destructiveAlpha.hover',\n  'background.destructiveAlpha.pressed',\n  'background.info',\n  'background.note',\n  'background.note.hover',\n  'background.overlay',\n  'background.primary',\n  'background.primary.contrast',\n  'background.primary.contrast.hover',\n  'background.primary.contrast.pressed',\n  'background.primary.hover',\n  'background.primary.pressed',\n  'background.primaryAlpha',\n  'background.primaryAlpha.contrast',\n  'background.primaryAlpha.contrast.hover',\n  'background.primaryAlpha.contrast.pressed',\n  'background.primaryAlpha.hover',\n  'background.primaryAlpha.pressed',\n  'background.secondary',\n  'background.secondary.contrast',\n  'background.secondary.contrast.hover',\n  'background.secondary.contrast.pressed',\n  'background.secondary.hover',\n  'background.secondary.pressed',\n  'background.secondaryAlpha',\n  'background.secondaryAlpha.contrast',\n  'background.secondaryAlpha.contrast.hover',\n  'background.secondaryAlpha.contrast.pressed',\n  'background.secondaryAlpha.hover',\n  'background.secondaryAlpha.pressed',\n  'background.subtle',\n  'background.contrast.subtle',\n  'background.subtle.less',\n  'background.contrast.moreSubtle',\n  'background.contrast.mostSubtle',\n  'background.success',\n  'background.success.contrast',\n  'background.warning',\n  'background.warning.contrast',\n] as const;\nexport type SemanticBackgroundColorToken = (typeof semanticBackgroundTokens)[number];\n\nexport const semanticDividerTokens = ['divider', 'divider.default'] as const;\nexport type SemanticDividerColorToken = (typeof semanticDividerTokens)[number];\n\nexport const semanticBorderTokens = [\n  'border',\n  'border.accent',\n  'border.accentSubtle',\n  'border.brand',\n  'border.contrast',\n  'border.danger',\n  'border.danger.contrast',\n  'border.default',\n  'border.focus',\n  'border.focus.contrast',\n  'border.info',\n  'border.strong',\n  'border.strong.contrast',\n  'border.subtle',\n  'border.contrast.subtle',\n  'border.success',\n  'border.warning',\n] as const;\nexport type SemanticBorderColorToken = (typeof semanticBorderTokens)[number];\n\nexport type KibbleSemanticColorToken =\n  | SemanticBackgroundColorToken\n  | SemanticBorderColorToken\n  | SemanticDividerColorToken\n  | SemanticTypographyToken;\n","import {\n  semanticBackgroundColorTokens,\n  semanticBorderColorTokens,\n  semanticDividerColorTokens,\n  semanticTextColorTokens,\n} from './semanticTokens.records';\n\nexport type ColorMode = 'light' | 'dark';\n\ntype ModeKey = '_light' | '_dark';\n\ntype ResolvedTokenTree<T> = T extends { value: { _light: string; _dark: string } }\n  ? string\n  : T extends object\n    ? { [K in keyof T as K extends 'DEFAULT' ? 'default' : K]: ResolvedTokenTree<T[K]> }\n    : never;\n\nfunction resolveNode<T>(node: T, modeKey: ModeKey): ResolvedTokenTree<T> {\n  if (\n    node !== null &&\n    typeof node === 'object' &&\n    'value' in node &&\n    typeof (node as Record<string, unknown>).value === 'object' &&\n    (node as Record<string, unknown>).value !== null &&\n    modeKey in (node as { value: Record<string, unknown> }).value\n  ) {\n    return (node as { value: Record<string, string> }).value[modeKey] as ResolvedTokenTree<T>;\n  }\n\n  if (node !== null && typeof node === 'object') {\n    const result: Record<string, unknown> = {};\n    for (const [key, value] of Object.entries(node)) {\n      result[key === 'DEFAULT' ? 'default' : key] = resolveNode(value, modeKey);\n    }\n    return result as ResolvedTokenTree<T>;\n  }\n\n  return node as ResolvedTokenTree<T>;\n}\n\ntype ResolvedTokens = {\n  background: ResolvedTokenTree<typeof semanticBackgroundColorTokens>;\n  text: ResolvedTokenTree<typeof semanticTextColorTokens>;\n  border: ResolvedTokenTree<typeof semanticBorderColorTokens>;\n  divider: ResolvedTokenTree<typeof semanticDividerColorTokens>;\n};\n\nconst cache = new Map<ColorMode, ResolvedTokens>();\n\nexport const resolveTokens = (mode: ColorMode): ResolvedTokens => {\n  const cached = cache.get(mode);\n  if (cached) return cached;\n\n  const modeKey: ModeKey = mode === 'light' ? '_light' : '_dark';\n  const resolved: ResolvedTokens = {\n    background: resolveNode(semanticBackgroundColorTokens, modeKey),\n    text: resolveNode(semanticTextColorTokens, modeKey),\n    border: resolveNode(semanticBorderColorTokens, modeKey),\n    divider: resolveNode(semanticDividerColorTokens, modeKey),\n  };\n  cache.set(mode, resolved);\n  return resolved;\n};\n"],"names":["semanticTypographyTokens","semanticBackgroundTokens","semanticDividerTokens","semanticBorderTokens","resolveNode","node","modeKey","result","key","value","cache","resolveTokens","mode","cached","resolved","semanticBackgroundColorTokens","semanticTextColorTokens","semanticBorderColorTokens","semanticDividerColorTokens"],"mappings":";;AAwBO,MAAMA,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGaC,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGaC,IAAwB,CAAC,WAAW,iBAAiB,GAGrDC,IAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AC5HA,SAASC,EAAeC,GAASC,GAAwC;AACvE,MACED,MAAS,QACT,OAAOA,KAAS,YAChB,WAAWA,KACX,OAAQA,EAAiC,SAAU,YAClDA,EAAiC,UAAU,QAC5CC,KAAYD,EAA4C;AAEhD,WAAAA,EAA2C,MAAMC,CAAO;AAGlE,MAAID,MAAS,QAAQ,OAAOA,KAAS,UAAU;AAC7C,UAAME,IAAkC,CAAC;AACzC,eAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQJ,CAAI;AAC5C,MAAAE,EAAOC,MAAQ,YAAY,YAAYA,CAAG,IAAIJ,EAAYK,GAAOH,CAAO;AAEnE,WAAAC;AAAA,EAAA;AAGF,SAAAF;AACT;AASA,MAAMK,wBAAY,IAA+B,GAEpCC,IAAgB,CAACC,MAAoC;AAC1D,QAAAC,IAASH,EAAM,IAAIE,CAAI;AAC7B,MAAIC,EAAe,QAAAA;AAEb,QAAAP,IAAmBM,MAAS,UAAU,WAAW,SACjDE,IAA2B;AAAA,IAC/B,YAAYV,EAAYW,GAA+BT,CAAO;AAAA,IAC9D,MAAMF,EAAYY,GAAyBV,CAAO;AAAA,IAClD,QAAQF,EAAYa,GAA2BX,CAAO;AAAA,IACtD,SAASF,EAAYc,GAA4BZ,CAAO;AAAA,EAC1D;AACM,SAAAI,EAAA,IAAIE,GAAME,CAAQ,GACjBA;AACT;"}
+{"version":3,"file":"index.js","sources":["../../../../packages/kibble-primitives/src/semantic/semanticTokens.types.ts","../../../../packages/kibble-primitives/src/semantic/resolveTokens.ts"],"sourcesContent":["export type SemanticProperty = 'text' | 'background' | 'border' | 'divider';\n\nexport type SemanticColorScheme =\n  | 'primary'\n  | 'secondary'\n  | 'danger'\n  | 'warning'\n  | 'success'\n  | 'neutral'\n  | 'primaryAlpha'\n  | 'secondaryAlpha'\n  | 'dangerAlpha'\n  | 'neutralAlpha'\n  | 'gradientFull'\n  | 'gradientPink'\n  | 'gradientGreen';\n\nexport type SemanticTokenDefinition = {\n  value: {\n    _light: string | number;\n    _dark: string | number;\n  };\n};\n\nexport const semanticTypographyTokens = [\n  'text',\n  'text.accent',\n  'text.accentSubtle',\n  'text.brand',\n  'text.brand.contrast',\n  'text.brand.contrast.hover',\n  'text.brand.hover',\n  'text.contrast',\n  'text.danger',\n  'text.danger.contrast',\n  'text.default',\n  'text.info',\n  'text.interactive',\n  'text.interactive.contrast',\n  'text.interactive.contrast.hover',\n  'text.interactive.hover',\n  'text.placeholder',\n  'text.placeholder.contrast',\n  'text.subtle',\n  'text.subtle.contrast',\n  'text.success',\n  'text.warning',\n] as const;\nexport type SemanticTypographyToken = (typeof semanticTypographyTokens)[number];\n\nexport const semanticBackgroundTokens = [\n  'background.accent',\n  'background.accentSubtle',\n  'background.ai',\n  'background.ai.hover',\n  'background.ai.pressed',\n  'background.alpha',\n  'background.alpha.contrast',\n  'background.alpha.contrast.hover',\n  'background.alpha.contrast.pressed',\n  'background.alpha.hover',\n  'background.alpha.pressed',\n  'background.backdrop',\n  'background.brand',\n  'background.contrast',\n  'background.danger',\n  'background.danger.contrast',\n  'background.default',\n  'background.destructive',\n  'background.destructive.hover',\n  'background.destructive.pressed',\n  'background.destructive.contrast',\n  'background.destructive.contrast.hover',\n  'background.destructive.contrast.pressed',\n  'background.destructiveAlpha',\n  'background.destructiveAlpha.contrast',\n  'background.destructiveAlpha.contrast.hover',\n  'background.destructiveAlpha.contrast.pressed',\n  'background.destructiveAlpha.hover',\n  'background.destructiveAlpha.pressed',\n  'background.info',\n  'background.note',\n  'background.note.hover',\n  'background.overlay',\n  'background.primary',\n  'background.primary.contrast',\n  'background.primary.contrast.hover',\n  'background.primary.contrast.pressed',\n  'background.primary.hover',\n  'background.primary.pressed',\n  'background.primaryAlpha',\n  'background.primaryAlpha.contrast',\n  'background.primaryAlpha.contrast.hover',\n  'background.primaryAlpha.contrast.pressed',\n  'background.primaryAlpha.hover',\n  'background.primaryAlpha.pressed',\n  'background.secondary',\n  'background.secondary.contrast',\n  'background.secondary.contrast.hover',\n  'background.secondary.contrast.pressed',\n  'background.secondary.hover',\n  'background.secondary.pressed',\n  'background.secondaryAlpha',\n  'background.secondaryAlpha.contrast',\n  'background.secondaryAlpha.contrast.hover',\n  'background.secondaryAlpha.contrast.pressed',\n  'background.secondaryAlpha.hover',\n  'background.secondaryAlpha.pressed',\n  'background.subtle',\n  'background.contrast.subtle',\n  'background.subtle.less',\n  'background.contrast.moreSubtle',\n  'background.contrast.mostSubtle',\n  'background.success',\n  'background.success.contrast',\n  'background.warning',\n  'background.warning.contrast',\n] as const;\nexport type SemanticBackgroundColorToken = (typeof semanticBackgroundTokens)[number];\n\nexport const semanticDividerTokens = ['divider', 'divider.default'] as const;\nexport type SemanticDividerColorToken = (typeof semanticDividerTokens)[number];\n\nexport const semanticBorderTokens = [\n  'border',\n  'border.accent',\n  'border.accentSubtle',\n  'border.brand',\n  'border.contrast',\n  'border.danger',\n  'border.danger.contrast',\n  'border.default',\n  'border.focus',\n  'border.focus.contrast',\n  'border.hover',\n  'border.info',\n  'border.strong',\n  'border.strong.contrast',\n  'border.subtle',\n  'border.contrast.subtle',\n  'border.success',\n  'border.warning',\n] as const;\nexport type SemanticBorderColorToken = (typeof semanticBorderTokens)[number];\n\nexport type KibbleSemanticColorToken =\n  | SemanticBackgroundColorToken\n  | SemanticBorderColorToken\n  | SemanticDividerColorToken\n  | SemanticTypographyToken;\n","import {\n  semanticBackgroundColorTokens,\n  semanticBorderColorTokens,\n  semanticDividerColorTokens,\n  semanticTextColorTokens,\n} from './semanticTokens.records';\n\nexport type ColorMode = 'light' | 'dark';\n\ntype ModeKey = '_light' | '_dark';\n\ntype ResolvedTokenTree<T> = T extends { value: { _light: string; _dark: string } }\n  ? string\n  : T extends object\n    ? { [K in keyof T as K extends 'DEFAULT' ? 'default' : K]: ResolvedTokenTree<T[K]> }\n    : never;\n\nfunction resolveNode<T>(node: T, modeKey: ModeKey): ResolvedTokenTree<T> {\n  if (\n    node !== null &&\n    typeof node === 'object' &&\n    'value' in node &&\n    typeof (node as Record<string, unknown>).value === 'object' &&\n    (node as Record<string, unknown>).value !== null &&\n    modeKey in (node as { value: Record<string, unknown> }).value\n  ) {\n    return (node as { value: Record<string, string> }).value[modeKey] as ResolvedTokenTree<T>;\n  }\n\n  if (node !== null && typeof node === 'object') {\n    const result: Record<string, unknown> = {};\n    for (const [key, value] of Object.entries(node)) {\n      result[key === 'DEFAULT' ? 'default' : key] = resolveNode(value, modeKey);\n    }\n    return result as ResolvedTokenTree<T>;\n  }\n\n  return node as ResolvedTokenTree<T>;\n}\n\ntype ResolvedTokens = {\n  background: ResolvedTokenTree<typeof semanticBackgroundColorTokens>;\n  text: ResolvedTokenTree<typeof semanticTextColorTokens>;\n  border: ResolvedTokenTree<typeof semanticBorderColorTokens>;\n  divider: ResolvedTokenTree<typeof semanticDividerColorTokens>;\n};\n\nconst cache = new Map<ColorMode, ResolvedTokens>();\n\nexport const resolveTokens = (mode: ColorMode): ResolvedTokens => {\n  const cached = cache.get(mode);\n  if (cached) return cached;\n\n  const modeKey: ModeKey = mode === 'light' ? '_light' : '_dark';\n  const resolved: ResolvedTokens = {\n    background: resolveNode(semanticBackgroundColorTokens, modeKey),\n    text: resolveNode(semanticTextColorTokens, modeKey),\n    border: resolveNode(semanticBorderColorTokens, modeKey),\n    divider: resolveNode(semanticDividerColorTokens, modeKey),\n  };\n  cache.set(mode, resolved);\n  return resolved;\n};\n"],"names":["semanticTypographyTokens","semanticBackgroundTokens","semanticDividerTokens","semanticBorderTokens","resolveNode","node","modeKey","result","key","value","cache","resolveTokens","mode","cached","resolved","semanticBackgroundColorTokens","semanticTextColorTokens","semanticBorderColorTokens","semanticDividerColorTokens"],"mappings":";;AAwBO,MAAMA,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGaC,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGaC,IAAwB,CAAC,WAAW,iBAAiB,GAGrDC,IAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AC7HA,SAASC,EAAeC,GAASC,GAAwC;AACvE,MACED,MAAS,QACT,OAAOA,KAAS,YAChB,WAAWA,KACX,OAAQA,EAAiC,SAAU,YAClDA,EAAiC,UAAU,QAC5CC,KAAYD,EAA4C;AAEhD,WAAAA,EAA2C,MAAMC,CAAO;AAGlE,MAAID,MAAS,QAAQ,OAAOA,KAAS,UAAU;AAC7C,UAAME,IAAkC,CAAC;AACzC,eAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQJ,CAAI;AAC5C,MAAAE,EAAOC,MAAQ,YAAY,YAAYA,CAAG,IAAIJ,EAAYK,GAAOH,CAAO;AAEnE,WAAAC;AAAA,EAAA;AAGF,SAAAF;AACT;AASA,MAAMK,wBAAY,IAA+B,GAEpCC,IAAgB,CAACC,MAAoC;AAC1D,QAAAC,IAASH,EAAM,IAAIE,CAAI;AAC7B,MAAIC,EAAe,QAAAA;AAEb,QAAAP,IAAmBM,MAAS,UAAU,WAAW,SACjDE,IAA2B;AAAA,IAC/B,YAAYV,EAAYW,GAA+BT,CAAO;AAAA,IAC9D,MAAMF,EAAYY,GAAyBV,CAAO;AAAA,IAClD,QAAQF,EAAYa,GAA2BX,CAAO;AAAA,IACtD,SAASF,EAAYc,GAA4BZ,CAAO;AAAA,EAC1D;AACM,SAAAI,EAAA,IAAIE,GAAME,CAAQ,GACjBA;AACT;"}

package/dist/types/components/Button/button.records.d.ts

@@ -0,0 +1,16 @@
+import { ButtonSize } from './button.types';
+export interface ButtonSizeMetrics {
+    fontSize: ButtonSize;
+    /** Also used as `minWidth`, so an icon-only button stays square. */
+    height: number;
+    paddingBlock: string;
+    paddingInline: number;
+}
+/**
+ * The canonical Button size scale.
+ *
+ * Lives here rather than inline in the recipe so anything that has to line up with a Button reads the
+ * same numbers — RadioGroup's `chips` type in particular. If these change, chips follow automatically
+ * instead of silently drifting.
+ */
+export declare const ButtonSizeMap: Record<ButtonSize, ButtonSizeMetrics>;

package/dist/types/components/RadioGroup/radioGroup.component.d.ts

@@ -8,8 +8,9 @@ import { FormControlSize } from '../../hocs/withFormControl/withFormControl.type
 import { RadioAlignment, RadioType } from './radioGroup.types';
 export interface RadioGroupProps extends WithFormControlProps, CRadioGroup.RootProps {
     /**
-     * The direction to stack the radios.
-     * @default column
+     * The direction to stack the radios. Defaults to `row` when `radioType` is `chips`, which also wraps
+     * onto additional lines once the chips exceed the container width.
+     * @default `column` (`row` for chips)
      */
     direction?: ConditionalValue<FlexDirection>;
     /**

package/dist/types/components/RadioGroup/radioGroup.recipe.d.ts

@@ -9,13 +9,45 @@ export declare const radioControlStyles: Record<FormVariant, SystemStyleObject>;
 export declare const radioGroupRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "indicator" | "item" | "itemIndicator" | "itemText" | "itemControl" | "itemAddon", {
     size: Record<"sm" | "md" | "lg", RadioSlotStyles>;
     variant: Record<FormVariant, RadioSlotStyles>;
-    withCard: {
-        true: {
+    radioType: {
+        default: {};
+        buttons: {};
+        cards: {
             itemText: {
                 w: "100%";
             };
         };
-        false: {};
+        chips: {
+            item: {
+                alignItems: "center";
+                borderRadius: "full";
+                borderWidth: "1px";
+                cursor: "pointer";
+                fontWeight: "normal";
+                justifyContent: "center";
+                letterSpacing: "0.12px";
+                lineHeight: "150%";
+                userSelect: "none";
+                width: "auto";
+                _disabled: {
+                    cursor: "not-allowed";
+                };
+                _focusVisible: {
+                    outlineOffset: "2px";
+                    outlineStyle: "solid";
+                    outlineWidth: "2px";
+                };
+            };
+            itemControl: {
+                display: "none";
+            };
+            itemText: {
+                color: "inherit";
+                '&& *': {
+                    color: "inherit";
+                };
+            };
+        };
     };
     radioAlignment: {
         start: {

package/dist/types/components/RadioGroup/radioGroup.types.d.ts

@@ -1,4 +1,4 @@
-export declare const radioTypes: readonly ["default", "buttons", "cards"];
+export declare const radioTypes: readonly ["default", "buttons", "cards", "chips"];
 export type RadioType = (typeof radioTypes)[number];
 export declare const radioAlignments: readonly ["start", "center", "end"];
 export type RadioAlignment = (typeof radioAlignments)[number];

package/dist/types/theme/semanticTokens/semanticTokens.config.d.ts

@@ -131,6 +131,12 @@ export declare const semanticColorTokens: {
     border: {
         DEFAULT: any;
         default: any;
+        hover: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
         subtle: any;
         strong: {
             DEFAULT: any;
@@ -155,8 +161,10 @@ export declare const semanticColorTokens: {
             DEFAULT: any;
             subtle: any;
         };
-        contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-        'contrast.subtle': import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+        contrast: {
+            DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+            subtle: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+        };
     };
     divider: {
         DEFAULT: any;

package/package.json

@@ -4,7 +4,7 @@
     "packages/*"
   ],
   "description": "Kibble Design System by Otto",
-  "version": "5.0.30",
+  "version": "5.0.31",
   "type": "module",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",

package/dist/chunks/button.recipe-CZ-PlRrK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.recipe-CZ-PlRrK.js","sources":["../../src/components/Button/button.recipe.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { ButtonSize, ButtonConfigVariant } from './button.types';\n\nconst buttonSizeStyles: Record<ButtonSize, SystemStyleObject> = {\n  xs: {\n    fontSize: 'xs',\n    h: 6,\n    p: '3px 8px',\n    minW: 6,\n  },\n  sm: {\n    fontSize: 'sm',\n    h: 8,\n    p: '6px 12px',\n    minW: 8,\n  },\n  md: {\n    fontSize: 'md',\n    h: 10,\n    p: '8px 16px',\n    minW: 10,\n  },\n  lg: {\n    fontSize: 'lg',\n    h: 12,\n    p: '10px 20px',\n    minW: 12,\n  },\n};\n\nexport const secondarySubtleButtonStyles: SystemStyleObject = {\n  color: 'text.interactive',\n  bg: 'background.secondaryAlpha',\n};\n\nexport const secondarySubtleOnContrastButtonStyles: SystemStyleObject = {\n  color: 'text.interactive.contrast',\n  bg: 'background.secondaryAlpha.contrast',\n};\n\nexport const buttonVariantStyles: Record<ButtonConfigVariant, SystemStyleObject> = {\n  primary: {\n    bg: {\n      base: 'background.primary',\n      _hover: {\n        base: 'background.primary.hover',\n        _disabled: 'background.primary',\n      },\n      _active: {\n        base: 'background.primary.pressed',\n        _hover: 'background.primary.pressed',\n      },\n    },\n    color: {\n      base: 'text.contrast',\n      _icon: 'text.contrast',\n    },\n  },\n  primaryOnContrast: {\n    bg: {\n      base: 'background.primary.contrast',\n      _hover: {\n        base: 'background.primary.contrast.hover',\n        _disabled: 'background.primary.contrast',\n      },\n      _active: {\n        base: 'background.primary.contrast.pressed',\n        _hover: 'background.primary.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text',\n      _icon: 'text',\n    },\n  },\n  primaryAccent: {\n    bg: {\n      base: 'background.secondary',\n      _hover: {\n        base: 'background.secondary.hover',\n        _disabled: 'background.secondary',\n      },\n      _active: {\n        base: 'background.secondary.pressed',\n        _hover: 'background.secondary.pressed',\n      },\n    },\n    color: {\n      base: 'text.contrast',\n      _icon: 'text.contrast',\n    },\n  },\n  primaryAccentOnContrast: {\n    bg: {\n      base: 'background.secondary.contrast',\n      _hover: {\n        base: 'background.secondary.contrast.hover',\n        _disabled: 'background.secondary.contrast',\n      },\n      _active: {\n        base: 'background.secondary.contrast.pressed',\n        _hover: 'background.secondary.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text',\n      _icon: 'text',\n    },\n  },\n  primaryDestructive: {\n    bg: {\n      base: 'background.destructive',\n      _hover: {\n        base: 'background.destructive.hover',\n        _disabled: 'background.destructive',\n      },\n      _active: {\n        base: 'background.destructive.pressed',\n        _hover: 'background.destructive.pressed',\n      },\n    },\n    color: 'text.contrast',\n    _icon: {\n      color: 'text.contrast',\n    },\n  },\n  primaryDestructiveOnContrast: {\n    bg: {\n      base: 'background.destructive.contrast',\n      _hover: {\n        base: 'background.destructive.contrast.hover',\n        _disabled: 'background.destructive.contrast',\n      },\n      _active: {\n        base: 'background.destructive.contrast.pressed',\n        _hover: 'background.destructive.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text',\n      _icon: 'text',\n    },\n  },\n  primaryGradientFull: {\n    bg: {\n      base: 'background.gradientFull',\n      _hover: {\n        base: 'background.gradientFull.hover',\n        _disabled: 'background.gradientFull',\n      },\n      _active: {\n        base: 'background.gradientFull.pressed',\n        _hover: 'background.gradientFull.pressed',\n      },\n    },\n    color: {\n      base: 'text.interactive',\n      _icon: 'text.interactive',\n    },\n    borderWidth: '0',\n  },\n  primaryGradientFullOnContrast: {\n    bg: {\n      base: 'background.gradientFull.contrast',\n      _hover: {\n        base: 'background.gradientFull.contrast.hover',\n        _disabled: 'background.gradientFull.contrast',\n      },\n      _active: {\n        base: 'background.gradientFull.contrast.pressed',\n        _hover: 'background.gradientFull.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text.interactive.contrast',\n      _icon: 'text.interactive.contrast',\n    },\n    borderWidth: '0',\n  },\n  primaryWarning: {\n    bg: {\n      base: 'background.warning',\n      _hover: {\n        base: 'background.warning.hover',\n        _disabled: 'background.warning',\n      },\n      _active: {\n        base: 'background.warning.pressed',\n        _hover: 'background.warning.pressed',\n      },\n    },\n    color: 'text.contrast',\n    _icon: {\n      color: 'text.contrast',\n    },\n  },\n  primaryWarningOnContrast: {\n    bg: {\n      base: 'background.warning.contrast',\n      _hover: {\n        base: 'background.warning.contrast.hover',\n        _disabled: 'background.warning.contrast',\n      },\n      _active: {\n        base: 'background.warning.contrast.pressed',\n        _hover: 'background.warning.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text',\n      _icon: 'text',\n    },\n  },\n  secondary: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.alpha.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.pressed',\n        _hover: 'background.secondaryAlpha.pressed',\n      },\n    },\n    borderColor: {\n      base: 'border.strong',\n      _active: 'border.focus',\n    },\n    color: {\n      base: 'text',\n      _active: 'text.interactive',\n      _icon: 'text',\n    },\n    _active: {\n      _icon: {\n        color: 'text.interactive',\n      },\n    },\n  },\n  secondaryOnContrast: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.alpha.contrast.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.contrast.pressed',\n        _hover: 'background.secondaryAlpha.contrast.pressed',\n      },\n    },\n    borderColor: {\n      base: 'border.strong.contrast',\n      _active: 'border.focus.contrast',\n    },\n    color: {\n      base: 'text.contrast',\n      _active: 'text.interactive.contrast',\n      _icon: 'text.contrast',\n    },\n    _active: {\n      _icon: {\n        color: 'text.interactive.contrast',\n      },\n    },\n  },\n  secondaryDestructive: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.alpha.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.destructiveAlpha.pressed',\n        _hover: 'background.destructiveAlpha.pressed',\n      },\n    },\n    borderColor: 'border.danger',\n    color: 'text.danger',\n    _icon: {\n      color: 'text.danger',\n    },\n  },\n  secondaryDestructiveOnContrast: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.alpha.contrast.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.destructiveAlpha.contrast.pressed',\n        _hover: 'background.destructiveAlpha.contrast.pressed',\n      },\n    },\n    borderColor: 'border.danger.contrast',\n    color: 'text.danger.contrast',\n    _icon: {\n      color: 'text.danger.contrast',\n    },\n  },\n  secondarySubtle: {\n    bg: {\n      base: 'background',\n      _hover: {\n        base: 'background.subtle',\n        _disabled: 'background',\n      },\n      _active: {\n        base: secondarySubtleButtonStyles.bg,\n        _hover: secondarySubtleButtonStyles.bg,\n      },\n    },\n    borderColor: {\n      base: 'border',\n      _active: 'border.focus.contrast',\n    },\n    color: {\n      base: 'text',\n      _active: secondarySubtleButtonStyles.color,\n      _icon: 'text',\n    },\n    _active: {\n      _icon: {\n        color: secondarySubtleButtonStyles.color,\n      },\n    },\n  },\n  secondarySubtleOnContrast: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.contrast.subtle',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: secondarySubtleOnContrastButtonStyles.bg,\n        _hover: secondarySubtleOnContrastButtonStyles.bg,\n      },\n    },\n    borderColor: {\n      base: 'border.contrast',\n      _active: 'border.focus',\n    },\n    color: {\n      base: 'text.contrast',\n      _active: secondarySubtleOnContrastButtonStyles.color,\n      _icon: 'text.contrast',\n    },\n    _active: {\n      _icon: {\n        color: secondarySubtleOnContrastButtonStyles.color,\n      },\n    },\n  },\n  secondarySubtleDestructive: {\n    bg: {\n      base: 'background',\n      _hover: {\n        base: 'background.subtle',\n        _disabled: 'background',\n      },\n      _active: {\n        base: 'background.destructiveAlpha',\n        _hover: 'background.destructiveAlpha',\n      },\n    },\n    color: 'text.danger',\n    borderColor: 'border',\n    _icon: {\n      color: 'text.danger',\n    },\n  },\n  secondarySubtleDestructiveOnContrast: {\n    bg: {\n      base: 'background.contrast',\n      _hover: {\n        base: 'background.contrast.subtle',\n        _disabled: 'background.contrast',\n      },\n      _active: {\n        base: 'background.destructiveAlpha.contrast',\n        _hover: 'background.destructiveAlpha.contrast',\n      },\n    },\n    color: 'text.danger.contrast',\n    borderColor: 'border.contrast',\n    _icon: {\n      color: 'text.danger.contrast',\n    },\n  },\n  secondaryGradientFull: {\n    borderWidth: '2px',\n    color: {\n      base: 'text.interactive',\n      _icon: 'text.interactive',\n    },\n    bg: {\n      base: 'linear-gradient({colors.background} 0 0) padding-box, {colors.background.gradientFull} border-box',\n      _hover: {\n        base: '{colors.background.gradientFull} border-box',\n        _disabled: 'linear-gradient({colors.background} 0 0) padding-box, {colors.background.gradientFull} border-box',\n      },\n      _active: {\n        base: '{colors.background.gradientFull.hover} border-box',\n        _hover: '{colors.background.gradientFull.hover} border-box',\n      },\n    },\n  },\n  secondaryGradientFullOnContrast: {\n    borderWidth: '2px',\n    color: {\n      base: 'text.interactive.contrast',\n      _icon: 'text.interactive.contrast',\n    },\n    bg: {\n      base: 'linear-gradient({colors.background.contrast} 0 0) padding-box, {colors.background.gradientFull.contrast} border-box',\n      _hover: {\n        base: '{colors.background.gradientFull.contrast} border-box',\n        _disabled:\n          'linear-gradient({colors.background.contrast} 0 0) padding-box, {colors.background.gradientFull.contrast} border-box',\n      },\n      _active: {\n        base: '{colors.background.gradientFull.contrast.hover} border-box',\n        _hover: '{colors.background.gradientFull.contrast.hover} border-box',\n      },\n    },\n  },\n  tertiary: {\n    bg: {\n      base: 'background.alpha',\n      _hover: {\n        base: 'background.alpha.hover',\n        _disabled: 'background.alpha',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.pressed',\n        _hover: 'background.secondaryAlpha.pressed',\n      },\n    },\n    color: {\n      base: 'text',\n      _active: 'text.interactive',\n      _icon: 'text',\n    },\n    _active: {\n      _icon: {\n        color: 'text.interactive',\n      },\n    },\n  },\n  tertiaryOnContrast: {\n    bg: {\n      base: 'background.alpha.contrast',\n      _hover: {\n        base: 'background.alpha.contrast.hover',\n        _disabled: 'background.alpha.contrast',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.contrast.pressed',\n        _hover: 'background.secondaryAlpha.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text.contrast',\n      _active: 'text.interactive.contrast',\n      _icon: 'text.contrast',\n    },\n    _active: {\n      _icon: {\n        color: 'text.interactive.contrast',\n      },\n    },\n  },\n  tertiaryDestructive: {\n    bg: {\n      base: 'background.destructiveAlpha',\n      _hover: {\n        base: 'background.destructiveAlpha.hover',\n        _disabled: 'background.destructiveAlpha',\n      },\n      _active: {\n        base: 'background.destructiveAlpha.pressed',\n        _hover: 'background.destructiveAlpha.pressed',\n      },\n    },\n    color: {\n      base: 'text.danger',\n      _icon: 'text.danger',\n    },\n  },\n  tertiaryDestructiveOnContrast: {\n    bg: {\n      base: 'background.destructiveAlpha.contrast',\n      _hover: {\n        base: 'background.destructiveAlpha.contrast.hover',\n        _disabled: 'background.destructiveAlpha.contrast',\n      },\n      _active: {\n        base: 'background.destructiveAlpha.contrast.pressed',\n        _hover: 'background.destructiveAlpha.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text.danger.contrast',\n      _icon: 'text.danger.contrast',\n    },\n  },\n  ghost: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.pressed',\n        _hover: 'background.secondaryAlpha.pressed',\n      },\n    },\n    // Separating to override Chakra's variant\n    _hover: {\n      bg: 'background.secondaryAlpha.hover',\n    },\n    color: {\n      base: 'text.interactive',\n      _icon: 'text.interactive',\n    },\n  },\n  ghostOnContrast: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.secondaryAlpha.contrast.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.contrast.pressed',\n        _hover: 'background.secondaryAlpha.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text.interactive.contrast',\n      _icon: 'text.interactive.contrast',\n    },\n  },\n  ghostNeutral: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.alpha.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.pressed',\n        _hover: 'background.secondaryAlpha.pressed',\n      },\n    },\n    color: {\n      base: 'text',\n      _icon: 'text',\n    },\n    _active: {\n      color: 'text.interactive',\n      _icon: {\n        color: 'text.interactive',\n      },\n    },\n  },\n  ghostNeutralOnContrast: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.alpha.contrast.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.contrast.pressed',\n        _hover: 'background.secondaryAlpha.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text.contrast',\n      _icon: 'text.contrast',\n      _active: 'text.interactive.contrast',\n    },\n    _active: {\n      _icon: {\n        color: 'text.interactive.contrast',\n      },\n    },\n  },\n  ghostDestructive: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.destructiveAlpha.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.destructiveAlpha.pressed',\n        _hover: 'background.destructiveAlpha.pressed',\n      },\n    },\n    color: {\n      base: 'text.danger',\n      _icon: 'text.danger',\n    },\n  },\n  ghostDestructiveOnContrast: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.destructiveAlpha.contrast.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.destructiveAlpha.contrast.pressed',\n        _hover: 'background.destructiveAlpha.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text.danger.contrast',\n      _icon: 'text.danger.contrast',\n    },\n  },\n};\n\nexport const buttonRecipe = defineRecipe({\n  base: {\n    borderColor: 'transparent',\n    borderRadius: 'base',\n    borderWidth: '1px',\n    fontWeight: 'semibold',\n    letterSpacing: '0.12px',\n    lineHeight: '150%',\n    _focusVisible: {\n      boxShadow: 'none !important',\n      outline: 'none !important',\n    },\n  },\n  variants: {\n    variant: buttonVariantStyles,\n    size: buttonSizeStyles,\n  },\n  defaultVariants: {\n    size: 'md',\n    variant: 'primary',\n  },\n});\n"],"names":["buttonSizeStyles","secondarySubtleButtonStyles","secondarySubtleOnContrastButtonStyles","buttonVariantStyles","buttonRecipe","defineRecipe"],"mappings":"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"}

package/dist/chunks/button.recipe-DyIe5w68.js

@@ -1,2 +0,0 @@
-"use strict";const a=require("./config-jChwZPSv.js"),o={xs:{fontSize:"xs",h:6,p:"3px 8px",minW:6},sm:{fontSize:"sm",h:8,p:"6px 12px",minW:8},md:{fontSize:"md",h:10,p:"8px 16px",minW:10},lg:{fontSize:"lg",h:12,p:"10px 20px",minW:12}},r={color:"text.interactive",bg:"background.secondaryAlpha"},e={color:"text.interactive.contrast",bg:"background.secondaryAlpha.contrast"},t={primary:{bg:{base:"background.primary",_hover:{base:"background.primary.hover",_disabled:"background.primary"},_active:{base:"background.primary.pressed",_hover:"background.primary.pressed"}},color:{base:"text.contrast",_icon:"text.contrast"}},primaryOnContrast:{bg:{base:"background.primary.contrast",_hover:{base:"background.primary.contrast.hover",_disabled:"background.primary.contrast"},_active:{base:"background.primary.contrast.pressed",_hover:"background.primary.contrast.pressed"}},color:{base:"text",_icon:"text"}},primaryAccent:{bg:{base:"background.secondary",_hover:{base:"background.secondary.hover",_disabled:"background.secondary"},_active:{base:"background.secondary.pressed",_hover:"background.secondary.pressed"}},color:{base:"text.contrast",_icon:"text.contrast"}},primaryAccentOnContrast:{bg:{base:"background.secondary.contrast",_hover:{base:"background.secondary.contrast.hover",_disabled:"background.secondary.contrast"},_active:{base:"background.secondary.contrast.pressed",_hover:"background.secondary.contrast.pressed"}},color:{base:"text",_icon:"text"}},primaryDestructive:{bg:{base:"background.destructive",_hover:{base:"background.destructive.hover",_disabled:"background.destructive"},_active:{base:"background.destructive.pressed",_hover:"background.destructive.pressed"}},color:"text.contrast",_icon:{color:"text.contrast"}},primaryDestructiveOnContrast:{bg:{base:"background.destructive.contrast",_hover:{base:"background.destructive.contrast.hover",_disabled:"background.destructive.contrast"},_active:{base:"background.destructive.contrast.pressed",_hover:"background.destructive.contrast.pressed"}},color:{base:"text",_icon:"text"}},primaryGradientFull:{bg:{base:"background.gradientFull",_hover:{base:"background.gradientFull.hover",_disabled:"background.gradientFull"},_active:{base:"background.gradientFull.pressed",_hover:"background.gradientFull.pressed"}},color:{base:"text.interactive",_icon:"text.interactive"},borderWidth:"0"},primaryGradientFullOnContrast:{bg:{base:"background.gradientFull.contrast",_hover:{base:"background.gradientFull.contrast.hover",_disabled:"background.gradientFull.contrast"},_active:{base:"background.gradientFull.contrast.pressed",_hover:"background.gradientFull.contrast.pressed"}},color:{base:"text.interactive.contrast",_icon:"text.interactive.contrast"},borderWidth:"0"},primaryWarning:{bg:{base:"background.warning",_hover:{base:"background.warning.hover",_disabled:"background.warning"},_active:{base:"background.warning.pressed",_hover:"background.warning.pressed"}},color:"text.contrast",_icon:{color:"text.contrast"}},primaryWarningOnContrast:{bg:{base:"background.warning.contrast",_hover:{base:"background.warning.contrast.hover",_disabled:"background.warning.contrast"},_active:{base:"background.warning.contrast.pressed",_hover:"background.warning.contrast.pressed"}},color:{base:"text",_icon:"text"}},secondary:{bg:{base:"transparent",_hover:{base:"background.alpha.hover",_disabled:"transparent"},_active:{base:"background.secondaryAlpha.pressed",_hover:"background.secondaryAlpha.pressed"}},borderColor:{base:"border.strong",_active:"border.focus"},color:{base:"text",_active:"text.interactive",_icon:"text"},_active:{_icon:{color:"text.interactive"}}},secondaryOnContrast:{bg:{base:"transparent",_hover:{base:"background.alpha.contrast.hover",_disabled:"transparent"},_active:{base:"background.secondaryAlpha.contrast.pressed",_hover:"background.secondaryAlpha.contrast.pressed"}},borderColor:{base:"border.strong.contrast",_active:"border.focus.contrast"},color:{base:"text.contrast",_active:"text.interactive.contrast",_icon:"text.contrast"},_active:{_icon:{color:"text.interactive.contrast"}}},secondaryDestructive:{bg:{base:"transparent",_hover:{base:"background.alpha.hover",_disabled:"transparent"},_active:{base:"background.destructiveAlpha.pressed",_hover:"background.destructiveAlpha.pressed"}},borderColor:"border.danger",color:"text.danger",_icon:{color:"text.danger"}},secondaryDestructiveOnContrast:{bg:{base:"transparent",_hover:{base:"background.alpha.contrast.hover",_disabled:"transparent"},_active:{base:"background.destructiveAlpha.contrast.pressed",_hover:"background.destructiveAlpha.contrast.pressed"}},borderColor:"border.danger.contrast",color:"text.danger.contrast",_icon:{color:"text.danger.contrast"}},secondarySubtle:{bg:{base:"background",_hover:{base:"background.subtle",_disabled:"background"},_active:{base:r.bg,_hover:r.bg}},borderColor:{base:"border",_active:"border.focus.contrast"},color:{base:"text",_active:r.color,_icon:"text"},_active:{_icon:{color:r.color}}},secondarySubtleOnContrast:{bg:{base:"transparent",_hover:{base:"background.contrast.subtle",_disabled:"transparent"},_active:{base:e.bg,_hover:e.bg}},borderColor:{base:"border.contrast",_active:"border.focus"},color:{base:"text.contrast",_active:e.color,_icon:"text.contrast"},_active:{_icon:{color:e.color}}},secondarySubtleDestructive:{bg:{base:"background",_hover:{base:"background.subtle",_disabled:"background"},_active:{base:"background.destructiveAlpha",_hover:"background.destructiveAlpha"}},color:"text.danger",borderColor:"border",_icon:{color:"text.danger"}},secondarySubtleDestructiveOnContrast:{bg:{base:"background.contrast",_hover:{base:"background.contrast.subtle",_disabled:"background.contrast"},_active:{base:"background.destructiveAlpha.contrast",_hover:"background.destructiveAlpha.contrast"}},color:"text.danger.contrast",borderColor:"border.contrast",_icon:{color:"text.danger.contrast"}},secondaryGradientFull:{borderWidth:"2px",color:{base:"text.interactive",_icon:"text.interactive"},bg:{base:"linear-gradient({colors.background} 0 0) padding-box, {colors.background.gradientFull} border-box",_hover:{base:"{colors.background.gradientFull} border-box",_disabled:"linear-gradient({colors.background} 0 0) padding-box, {colors.background.gradientFull} border-box"},_active:{base:"{colors.background.gradientFull.hover} border-box",_hover:"{colors.background.gradientFull.hover} border-box"}}},secondaryGradientFullOnContrast:{borderWidth:"2px",color:{base:"text.interactive.contrast",_icon:"text.interactive.contrast"},bg:{base:"linear-gradient({colors.background.contrast} 0 0) padding-box, {colors.background.gradientFull.contrast} border-box",_hover:{base:"{colors.background.gradientFull.contrast} border-box",_disabled:"linear-gradient({colors.background.contrast} 0 0) padding-box, {colors.background.gradientFull.contrast} border-box"},_active:{base:"{colors.background.gradientFull.contrast.hover} border-box",_hover:"{colors.background.gradientFull.contrast.hover} border-box"}}},tertiary:{bg:{base:"background.alpha",_hover:{base:"background.alpha.hover",_disabled:"background.alpha"},_active:{base:"background.secondaryAlpha.pressed",_hover:"background.secondaryAlpha.pressed"}},color:{base:"text",_active:"text.interactive",_icon:"text"},_active:{_icon:{color:"text.interactive"}}},tertiaryOnContrast:{bg:{base:"background.alpha.contrast",_hover:{base:"background.alpha.contrast.hover",_disabled:"background.alpha.contrast"},_active:{base:"background.secondaryAlpha.contrast.pressed",_hover:"background.secondaryAlpha.contrast.pressed"}},color:{base:"text.contrast",_active:"text.interactive.contrast",_icon:"text.contrast"},_active:{_icon:{color:"text.interactive.contrast"}}},tertiaryDestructive:{bg:{base:"background.destructiveAlpha",_hover:{base:"background.destructiveAlpha.hover",_disabled:"background.destructiveAlpha"},_active:{base:"background.destructiveAlpha.pressed",_hover:"background.destructiveAlpha.pressed"}},color:{base:"text.danger",_icon:"text.danger"}},tertiaryDestructiveOnContrast:{bg:{base:"background.destructiveAlpha.contrast",_hover:{base:"background.destructiveAlpha.contrast.hover",_disabled:"background.destructiveAlpha.contrast"},_active:{base:"background.destructiveAlpha.contrast.pressed",_hover:"background.destructiveAlpha.contrast.pressed"}},color:{base:"text.danger.contrast",_icon:"text.danger.contrast"}},ghost:{bg:{base:"transparent",_hover:{_disabled:"transparent"},_active:{base:"background.secondaryAlpha.pressed",_hover:"background.secondaryAlpha.pressed"}},_hover:{bg:"background.secondaryAlpha.hover"},color:{base:"text.interactive",_icon:"text.interactive"}},ghostOnContrast:{bg:{base:"transparent",_hover:{base:"background.secondaryAlpha.contrast.hover",_disabled:"transparent"},_active:{base:"background.secondaryAlpha.contrast.pressed",_hover:"background.secondaryAlpha.contrast.pressed"}},color:{base:"text.interactive.contrast",_icon:"text.interactive.contrast"}},ghostNeutral:{bg:{base:"transparent",_hover:{base:"background.alpha.hover",_disabled:"transparent"},_active:{base:"background.secondaryAlpha.pressed",_hover:"background.secondaryAlpha.pressed"}},color:{base:"text",_icon:"text"},_active:{color:"text.interactive",_icon:{color:"text.interactive"}}},ghostNeutralOnContrast:{bg:{base:"transparent",_hover:{base:"background.alpha.contrast.hover",_disabled:"transparent"},_active:{base:"background.secondaryAlpha.contrast.pressed",_hover:"background.secondaryAlpha.contrast.pressed"}},color:{base:"text.contrast",_icon:"text.contrast",_active:"text.interactive.contrast"},_active:{_icon:{color:"text.interactive.contrast"}}},ghostDestructive:{bg:{base:"transparent",_hover:{base:"background.destructiveAlpha.hover",_disabled:"transparent"},_active:{base:"background.destructiveAlpha.pressed",_hover:"background.destructiveAlpha.pressed"}},color:{base:"text.danger",_icon:"text.danger"}},ghostDestructiveOnContrast:{bg:{base:"transparent",_hover:{base:"background.destructiveAlpha.contrast.hover",_disabled:"transparent"},_active:{base:"background.destructiveAlpha.contrast.pressed",_hover:"background.destructiveAlpha.contrast.pressed"}},color:{base:"text.danger.contrast",_icon:"text.danger.contrast"}}},n=a.defineRecipe({base:{borderColor:"transparent",borderRadius:"base",borderWidth:"1px",fontWeight:"semibold",letterSpacing:"0.12px",lineHeight:"150%",_focusVisible:{boxShadow:"none !important",outline:"none !important"}},variants:{variant:t,size:o},defaultVariants:{size:"md",variant:"primary"}});exports.buttonRecipe=n;exports.buttonVariantStyles=t;exports.secondarySubtleButtonStyles=r;exports.secondarySubtleOnContrastButtonStyles=e;
-//# sourceMappingURL=button.recipe-DyIe5w68.js.map

package/dist/chunks/button.recipe-DyIe5w68.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.recipe-DyIe5w68.js","sources":["../../src/components/Button/button.recipe.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { ButtonSize, ButtonConfigVariant } from './button.types';\n\nconst buttonSizeStyles: Record<ButtonSize, SystemStyleObject> = {\n  xs: {\n    fontSize: 'xs',\n    h: 6,\n    p: '3px 8px',\n    minW: 6,\n  },\n  sm: {\n    fontSize: 'sm',\n    h: 8,\n    p: '6px 12px',\n    minW: 8,\n  },\n  md: {\n    fontSize: 'md',\n    h: 10,\n    p: '8px 16px',\n    minW: 10,\n  },\n  lg: {\n    fontSize: 'lg',\n    h: 12,\n    p: '10px 20px',\n    minW: 12,\n  },\n};\n\nexport const secondarySubtleButtonStyles: SystemStyleObject = {\n  color: 'text.interactive',\n  bg: 'background.secondaryAlpha',\n};\n\nexport const secondarySubtleOnContrastButtonStyles: SystemStyleObject = {\n  color: 'text.interactive.contrast',\n  bg: 'background.secondaryAlpha.contrast',\n};\n\nexport const buttonVariantStyles: Record<ButtonConfigVariant, SystemStyleObject> = {\n  primary: {\n    bg: {\n      base: 'background.primary',\n      _hover: {\n        base: 'background.primary.hover',\n        _disabled: 'background.primary',\n      },\n      _active: {\n        base: 'background.primary.pressed',\n        _hover: 'background.primary.pressed',\n      },\n    },\n    color: {\n      base: 'text.contrast',\n      _icon: 'text.contrast',\n    },\n  },\n  primaryOnContrast: {\n    bg: {\n      base: 'background.primary.contrast',\n      _hover: {\n        base: 'background.primary.contrast.hover',\n        _disabled: 'background.primary.contrast',\n      },\n      _active: {\n        base: 'background.primary.contrast.pressed',\n        _hover: 'background.primary.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text',\n      _icon: 'text',\n    },\n  },\n  primaryAccent: {\n    bg: {\n      base: 'background.secondary',\n      _hover: {\n        base: 'background.secondary.hover',\n        _disabled: 'background.secondary',\n      },\n      _active: {\n        base: 'background.secondary.pressed',\n        _hover: 'background.secondary.pressed',\n      },\n    },\n    color: {\n      base: 'text.contrast',\n      _icon: 'text.contrast',\n    },\n  },\n  primaryAccentOnContrast: {\n    bg: {\n      base: 'background.secondary.contrast',\n      _hover: {\n        base: 'background.secondary.contrast.hover',\n        _disabled: 'background.secondary.contrast',\n      },\n      _active: {\n        base: 'background.secondary.contrast.pressed',\n        _hover: 'background.secondary.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text',\n      _icon: 'text',\n    },\n  },\n  primaryDestructive: {\n    bg: {\n      base: 'background.destructive',\n      _hover: {\n        base: 'background.destructive.hover',\n        _disabled: 'background.destructive',\n      },\n      _active: {\n        base: 'background.destructive.pressed',\n        _hover: 'background.destructive.pressed',\n      },\n    },\n    color: 'text.contrast',\n    _icon: {\n      color: 'text.contrast',\n    },\n  },\n  primaryDestructiveOnContrast: {\n    bg: {\n      base: 'background.destructive.contrast',\n      _hover: {\n        base: 'background.destructive.contrast.hover',\n        _disabled: 'background.destructive.contrast',\n      },\n      _active: {\n        base: 'background.destructive.contrast.pressed',\n        _hover: 'background.destructive.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text',\n      _icon: 'text',\n    },\n  },\n  primaryGradientFull: {\n    bg: {\n      base: 'background.gradientFull',\n      _hover: {\n        base: 'background.gradientFull.hover',\n        _disabled: 'background.gradientFull',\n      },\n      _active: {\n        base: 'background.gradientFull.pressed',\n        _hover: 'background.gradientFull.pressed',\n      },\n    },\n    color: {\n      base: 'text.interactive',\n      _icon: 'text.interactive',\n    },\n    borderWidth: '0',\n  },\n  primaryGradientFullOnContrast: {\n    bg: {\n      base: 'background.gradientFull.contrast',\n      _hover: {\n        base: 'background.gradientFull.contrast.hover',\n        _disabled: 'background.gradientFull.contrast',\n      },\n      _active: {\n        base: 'background.gradientFull.contrast.pressed',\n        _hover: 'background.gradientFull.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text.interactive.contrast',\n      _icon: 'text.interactive.contrast',\n    },\n    borderWidth: '0',\n  },\n  primaryWarning: {\n    bg: {\n      base: 'background.warning',\n      _hover: {\n        base: 'background.warning.hover',\n        _disabled: 'background.warning',\n      },\n      _active: {\n        base: 'background.warning.pressed',\n        _hover: 'background.warning.pressed',\n      },\n    },\n    color: 'text.contrast',\n    _icon: {\n      color: 'text.contrast',\n    },\n  },\n  primaryWarningOnContrast: {\n    bg: {\n      base: 'background.warning.contrast',\n      _hover: {\n        base: 'background.warning.contrast.hover',\n        _disabled: 'background.warning.contrast',\n      },\n      _active: {\n        base: 'background.warning.contrast.pressed',\n        _hover: 'background.warning.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text',\n      _icon: 'text',\n    },\n  },\n  secondary: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.alpha.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.pressed',\n        _hover: 'background.secondaryAlpha.pressed',\n      },\n    },\n    borderColor: {\n      base: 'border.strong',\n      _active: 'border.focus',\n    },\n    color: {\n      base: 'text',\n      _active: 'text.interactive',\n      _icon: 'text',\n    },\n    _active: {\n      _icon: {\n        color: 'text.interactive',\n      },\n    },\n  },\n  secondaryOnContrast: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.alpha.contrast.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.contrast.pressed',\n        _hover: 'background.secondaryAlpha.contrast.pressed',\n      },\n    },\n    borderColor: {\n      base: 'border.strong.contrast',\n      _active: 'border.focus.contrast',\n    },\n    color: {\n      base: 'text.contrast',\n      _active: 'text.interactive.contrast',\n      _icon: 'text.contrast',\n    },\n    _active: {\n      _icon: {\n        color: 'text.interactive.contrast',\n      },\n    },\n  },\n  secondaryDestructive: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.alpha.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.destructiveAlpha.pressed',\n        _hover: 'background.destructiveAlpha.pressed',\n      },\n    },\n    borderColor: 'border.danger',\n    color: 'text.danger',\n    _icon: {\n      color: 'text.danger',\n    },\n  },\n  secondaryDestructiveOnContrast: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.alpha.contrast.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.destructiveAlpha.contrast.pressed',\n        _hover: 'background.destructiveAlpha.contrast.pressed',\n      },\n    },\n    borderColor: 'border.danger.contrast',\n    color: 'text.danger.contrast',\n    _icon: {\n      color: 'text.danger.contrast',\n    },\n  },\n  secondarySubtle: {\n    bg: {\n      base: 'background',\n      _hover: {\n        base: 'background.subtle',\n        _disabled: 'background',\n      },\n      _active: {\n        base: secondarySubtleButtonStyles.bg,\n        _hover: secondarySubtleButtonStyles.bg,\n      },\n    },\n    borderColor: {\n      base: 'border',\n      _active: 'border.focus.contrast',\n    },\n    color: {\n      base: 'text',\n      _active: secondarySubtleButtonStyles.color,\n      _icon: 'text',\n    },\n    _active: {\n      _icon: {\n        color: secondarySubtleButtonStyles.color,\n      },\n    },\n  },\n  secondarySubtleOnContrast: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.contrast.subtle',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: secondarySubtleOnContrastButtonStyles.bg,\n        _hover: secondarySubtleOnContrastButtonStyles.bg,\n      },\n    },\n    borderColor: {\n      base: 'border.contrast',\n      _active: 'border.focus',\n    },\n    color: {\n      base: 'text.contrast',\n      _active: secondarySubtleOnContrastButtonStyles.color,\n      _icon: 'text.contrast',\n    },\n    _active: {\n      _icon: {\n        color: secondarySubtleOnContrastButtonStyles.color,\n      },\n    },\n  },\n  secondarySubtleDestructive: {\n    bg: {\n      base: 'background',\n      _hover: {\n        base: 'background.subtle',\n        _disabled: 'background',\n      },\n      _active: {\n        base: 'background.destructiveAlpha',\n        _hover: 'background.destructiveAlpha',\n      },\n    },\n    color: 'text.danger',\n    borderColor: 'border',\n    _icon: {\n      color: 'text.danger',\n    },\n  },\n  secondarySubtleDestructiveOnContrast: {\n    bg: {\n      base: 'background.contrast',\n      _hover: {\n        base: 'background.contrast.subtle',\n        _disabled: 'background.contrast',\n      },\n      _active: {\n        base: 'background.destructiveAlpha.contrast',\n        _hover: 'background.destructiveAlpha.contrast',\n      },\n    },\n    color: 'text.danger.contrast',\n    borderColor: 'border.contrast',\n    _icon: {\n      color: 'text.danger.contrast',\n    },\n  },\n  secondaryGradientFull: {\n    borderWidth: '2px',\n    color: {\n      base: 'text.interactive',\n      _icon: 'text.interactive',\n    },\n    bg: {\n      base: 'linear-gradient({colors.background} 0 0) padding-box, {colors.background.gradientFull} border-box',\n      _hover: {\n        base: '{colors.background.gradientFull} border-box',\n        _disabled: 'linear-gradient({colors.background} 0 0) padding-box, {colors.background.gradientFull} border-box',\n      },\n      _active: {\n        base: '{colors.background.gradientFull.hover} border-box',\n        _hover: '{colors.background.gradientFull.hover} border-box',\n      },\n    },\n  },\n  secondaryGradientFullOnContrast: {\n    borderWidth: '2px',\n    color: {\n      base: 'text.interactive.contrast',\n      _icon: 'text.interactive.contrast',\n    },\n    bg: {\n      base: 'linear-gradient({colors.background.contrast} 0 0) padding-box, {colors.background.gradientFull.contrast} border-box',\n      _hover: {\n        base: '{colors.background.gradientFull.contrast} border-box',\n        _disabled:\n          'linear-gradient({colors.background.contrast} 0 0) padding-box, {colors.background.gradientFull.contrast} border-box',\n      },\n      _active: {\n        base: '{colors.background.gradientFull.contrast.hover} border-box',\n        _hover: '{colors.background.gradientFull.contrast.hover} border-box',\n      },\n    },\n  },\n  tertiary: {\n    bg: {\n      base: 'background.alpha',\n      _hover: {\n        base: 'background.alpha.hover',\n        _disabled: 'background.alpha',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.pressed',\n        _hover: 'background.secondaryAlpha.pressed',\n      },\n    },\n    color: {\n      base: 'text',\n      _active: 'text.interactive',\n      _icon: 'text',\n    },\n    _active: {\n      _icon: {\n        color: 'text.interactive',\n      },\n    },\n  },\n  tertiaryOnContrast: {\n    bg: {\n      base: 'background.alpha.contrast',\n      _hover: {\n        base: 'background.alpha.contrast.hover',\n        _disabled: 'background.alpha.contrast',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.contrast.pressed',\n        _hover: 'background.secondaryAlpha.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text.contrast',\n      _active: 'text.interactive.contrast',\n      _icon: 'text.contrast',\n    },\n    _active: {\n      _icon: {\n        color: 'text.interactive.contrast',\n      },\n    },\n  },\n  tertiaryDestructive: {\n    bg: {\n      base: 'background.destructiveAlpha',\n      _hover: {\n        base: 'background.destructiveAlpha.hover',\n        _disabled: 'background.destructiveAlpha',\n      },\n      _active: {\n        base: 'background.destructiveAlpha.pressed',\n        _hover: 'background.destructiveAlpha.pressed',\n      },\n    },\n    color: {\n      base: 'text.danger',\n      _icon: 'text.danger',\n    },\n  },\n  tertiaryDestructiveOnContrast: {\n    bg: {\n      base: 'background.destructiveAlpha.contrast',\n      _hover: {\n        base: 'background.destructiveAlpha.contrast.hover',\n        _disabled: 'background.destructiveAlpha.contrast',\n      },\n      _active: {\n        base: 'background.destructiveAlpha.contrast.pressed',\n        _hover: 'background.destructiveAlpha.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text.danger.contrast',\n      _icon: 'text.danger.contrast',\n    },\n  },\n  ghost: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.pressed',\n        _hover: 'background.secondaryAlpha.pressed',\n      },\n    },\n    // Separating to override Chakra's variant\n    _hover: {\n      bg: 'background.secondaryAlpha.hover',\n    },\n    color: {\n      base: 'text.interactive',\n      _icon: 'text.interactive',\n    },\n  },\n  ghostOnContrast: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.secondaryAlpha.contrast.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.contrast.pressed',\n        _hover: 'background.secondaryAlpha.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text.interactive.contrast',\n      _icon: 'text.interactive.contrast',\n    },\n  },\n  ghostNeutral: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.alpha.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.pressed',\n        _hover: 'background.secondaryAlpha.pressed',\n      },\n    },\n    color: {\n      base: 'text',\n      _icon: 'text',\n    },\n    _active: {\n      color: 'text.interactive',\n      _icon: {\n        color: 'text.interactive',\n      },\n    },\n  },\n  ghostNeutralOnContrast: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.alpha.contrast.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.contrast.pressed',\n        _hover: 'background.secondaryAlpha.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text.contrast',\n      _icon: 'text.contrast',\n      _active: 'text.interactive.contrast',\n    },\n    _active: {\n      _icon: {\n        color: 'text.interactive.contrast',\n      },\n    },\n  },\n  ghostDestructive: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.destructiveAlpha.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.destructiveAlpha.pressed',\n        _hover: 'background.destructiveAlpha.pressed',\n      },\n    },\n    color: {\n      base: 'text.danger',\n      _icon: 'text.danger',\n    },\n  },\n  ghostDestructiveOnContrast: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.destructiveAlpha.contrast.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.destructiveAlpha.contrast.pressed',\n        _hover: 'background.destructiveAlpha.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text.danger.contrast',\n      _icon: 'text.danger.contrast',\n    },\n  },\n};\n\nexport const buttonRecipe = defineRecipe({\n  base: {\n    borderColor: 'transparent',\n    borderRadius: 'base',\n    borderWidth: '1px',\n    fontWeight: 'semibold',\n    letterSpacing: '0.12px',\n    lineHeight: '150%',\n    _focusVisible: {\n      boxShadow: 'none !important',\n      outline: 'none !important',\n    },\n  },\n  variants: {\n    variant: buttonVariantStyles,\n    size: buttonSizeStyles,\n  },\n  defaultVariants: {\n    size: 'md',\n    variant: 'primary',\n  },\n});\n"],"names":["buttonSizeStyles","secondarySubtleButtonStyles","secondarySubtleOnContrastButtonStyles","buttonVariantStyles","buttonRecipe","defineRecipe"],"mappings":"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"}

package/dist/chunks/radioGroup.types-CGGPDvBR.js

@@ -1,2 +0,0 @@
-"use strict";const s=require("./jsx-runtime-BjDatQAs.js"),g=require("./withFormControl-CMerPa0c.js"),d=require("react"),T=require("./text.component-D5GpbfNx.js"),B=require("./create-slot-recipe-context-HXE1VazG.js"),F=require("./radiomark-Cj0NEJeE.js"),i=require("./use-locale-context-ym21RUxU.js"),v=require("./index-D6HBfqAu.js"),m=require("./index-CQURjLlA.js"),M=require("./buttonGroup.component-BRafsTrY.js"),h=require("./button.recipe-DyIe5w68.js"),O=require("./stack-BE-r1yqU.js"),D=o=>o&&o.__esModule?o:{default:o},V=D(d),[E,x]=i.createContext({name:"RadioGroupContext",hookName:"useRadioGroupContext",providerName:"<RadioGroupProvider />"}),[J,K]=i.createContext({name:"RadioGroupItemContext",hookName:"useRadioGroupItemContext",providerName:"<RadioGroupItemProvider />"}),[Q,f]=i.createContext({name:"RadioGroupItemPropsContext",hookName:"useRadioGroupItemPropsContext",providerName:"<RadioGroupItemPropsProvider />"}),y=d.forwardRef((o,r)=>{const[t,e]=i.createSplitProps()(o,["value","disabled","invalid"]),a=x(),n=m.mergeProps(a.getItemProps(t),e),u=a.getItemState(t);return s.jsxRuntimeExports.jsx(J,{value:u,children:s.jsxRuntimeExports.jsx(Q,{value:t,children:s.jsxRuntimeExports.jsx(i.ark.label,{...n,ref:r})})})});y.displayName="RadioGroupItem";const U=o=>o.children(K()),C=d.forwardRef((o,r)=>{const t=x(),e=f(),a=m.mergeProps(t.getItemControlProps(e),o);return s.jsxRuntimeExports.jsx(i.ark.div,{...a,ref:r})});C.displayName="RadioGroupItemControl";const w=d.forwardRef((o,r)=>{const t=x(),e=f(),a=m.mergeProps(t.getItemHiddenInputProps(e),o);return s.jsxRuntimeExports.jsx(i.ark.input,{...a,ref:r})});w.displayName="RadioGroupItemHiddenInput";const b=d.forwardRef((o,r)=>{const t=x(),e=f(),a=m.mergeProps(t.getItemTextProps(e),o);return s.jsxRuntimeExports.jsx(i.ark.span,{...a,ref:r})});b.displayName="RadioGroupItemText";const k=d.forwardRef((o,r)=>{const t=x(),e=m.mergeProps(t.getLabelProps(),o);return s.jsxRuntimeExports.jsx(i.ark.label,{...e,ref:r})});k.displayName="RadioGroupLabel";const X=o=>{const r=d.useId(),{getRootNode:t}=i.useEnvironmentContext(),{dir:e}=i.useLocaleContext(),a={id:r,dir:e,getRootNode:t,...o},n=i.useMachine(v.machine,a);return v.connect(n,i.normalizeProps)},N=d.forwardRef((o,r)=>{const[t,e]=i.createSplitProps()(o,["defaultValue","disabled","form","id","ids","name","onValueChange","orientation","readOnly","value"]),a=X(t),n=m.mergeProps(a.getRootProps(),e);return s.jsxRuntimeExports.jsx(E,{value:a,children:s.jsxRuntimeExports.jsx(i.ark.div,{...n,ref:r})})});N.displayName="RadioGroupRoot";const _=d.forwardRef((o,r)=>{const[{value:t},e]=i.createSplitProps()(o,["value"]),a=m.mergeProps(t.getRootProps(),e);return s.jsxRuntimeExports.jsx(E,{value:t,children:s.jsxRuntimeExports.jsx(i.ark.div,{...a,ref:r})})});_.displayName="RadioGroupRootProvider";const{withProvider:S,withContext:G,useStyles:Y}=B.createSlotRecipeContext({key:"radioGroup"});S(_,"root",{forwardAsChild:!0});const Z=S(N,"root",{forwardAsChild:!0});G(k,"label",{forwardAsChild:!0});const z=G(y,"item",{forwardAsChild:!0}),oo=G(b,"itemText",{forwardAsChild:!0});G(C,"itemControl",{forwardAsChild:!0});const to=d.forwardRef(function(r,t){const e=Y();return s.jsxRuntimeExports.jsx(U,{children:a=>s.jsxRuntimeExports.jsx(C,{asChild:!0,children:s.jsxRuntimeExports.jsx(F.Radiomark,{ref:t,unstyled:!0,...r,checked:a.checked,disabled:a.disabled,css:[e.itemControl,r.css]})})})}),eo=w,q=V.default.forwardRef(({children:o,disabled:r=!1,invalid:t=!1,onContrast:e=!1,radioRef:a,radioType:n,rootRef:u,size:l="md",["data-testid"]:p="kibble-radio",...R},P)=>s.jsxRuntimeExports.jsxs(z,{className:"Radio","data-testid":p,invalid:t,disabled:r,ref:u,...R,children:[s.jsxRuntimeExports.jsx(eo,{className:"Radio__Input","data-testid":`${p}-input`,ref:a||P}),s.jsxRuntimeExports.jsx(to,{className:"Radio__Indicator","data-testid":`${p}-indicator`}),o&&s.jsxRuntimeExports.jsx(oo,{className:"Radio__Text","data-testid":`${p}-label`,...n==="cards"&&typeof o!="string"&&{mt:"-4px"},children:typeof o=="string"?s.jsxRuntimeExports.jsx(T.WrappedText,{size:l,lineHeight:"unset",variant:e?"onContrast":"default",children:o}):o})]}));q.displayName="Radio";const ro=g.withFormControl(q),$=({radios:o,defaultValue:r,direction:t="column",disabled:e,invalid:a,onContrast:n,size:u="md",radioType:l="default",onValueChange:p,value:R,gap:P=2,radioAlignment:A="start",["data-testid"]:H="kibble-radio-group",...L})=>{const W=n?"onContrast":"default";return s.jsxRuntimeExports.jsx(Z,{className:"RadioGroup","data-testid":H,disabled:e,defaultValue:r,value:R,size:u,variant:W,withCard:l==="cards",radioAlignment:A,onValueChange:p,...L,children:l==="buttons"?s.jsxRuntimeExports.jsx(M.ButtonGroup,{onContrast:n,variant:"secondarySubtle",size:u,buttons:o.map((c,j)=>{const I=r===c.value||R===c.value;return{key:`button-radio-${j}`,children:c.children,active:I,disabled:e,"data-testid":c["data-testid"],onClick:()=>p?.({value:c.value}),...e&&I&&{...n?h.secondarySubtleOnContrastButtonStyles:h.secondarySubtleButtonStyles}}})}):s.jsxRuntimeExports.jsx(O.Stack,{gap:P,direction:t,children:o.map((c,j)=>s.jsxRuntimeExports.jsx(ro,{invalid:a,disabled:e,size:u,radioType:l,onContrast:n,...t==="row"&&{fullWidth:!1},...c},`radio-${j}`))})})};$.displayName="RadioGroup";const so=g.withFormControl($),ao=["default","buttons","cards"],io=["start","center","end"];exports.WrappedRadioGroup=so;exports.radioAlignments=io;exports.radioTypes=ao;
-//# sourceMappingURL=radioGroup.types-CGGPDvBR.js.map