@televet/kibble-ui 4.0.0-beta.2 → 4.0.0-beta.20

package/dist/chunks/characterCounter.component-BXxyn_IB.js

@@ -0,0 +1,2 @@
+"use strict";const a=require("./vendor-D-x6W6ez.js"),l=require("react"),s=require("./text.component-CBa_saMP.js"),o=require("./chakra-DmF8Cxqs.js"),d=o.defineSlotRecipe({slots:["root","count","limit"],base:{root:{position:"absolute",right:0,bottom:"-20px",gap:1}},variants:{variant:{default:{root:{background:"background"},count:{color:"text.subtle"},limit:{color:"text.subtle"}},onContrast:{root:{background:"background.contrast"},count:{color:"text.subtle.contrast"},limit:{color:"text.subtle.contrast"}}},invalid:{true:{count:{color:"text.danger"}},false:{}}},compoundVariants:[{invalid:!0,variant:"onContrast",css:{count:{color:"text.danger.contrast"}}}],defaultVariants:{variant:"default",invalid:!1}}),x=({currentCount:e,onContrast:c=!1,limit:t,withLimit:n=!0})=>{const i=c?"onContrast":"default",u=l.useMemo(()=>t?e>t:!1,[e,t]),r=o.useSlotRecipe({recipe:d})({variant:i,invalid:u});return a.jsxRuntimeExports.jsxs(o.HStack,{className:"CharacterCount","data-testid":"kibble-character-count",css:r.root,children:[a.jsxRuntimeExports.jsx(s.WrappedText,{className:"CharacterCount__Count","data-testid":"kibble-character-count-count",size:"xs",css:r.count,children:e}),n&&a.jsxRuntimeExports.jsxs(s.WrappedText,{className:"CharacterCount__Limit","data-testid":"kibble-character-count-limit",size:"xs",css:r.limit,children:["/ ",t]})]})};exports.CharacterCounter=x;
+//# sourceMappingURL=characterCounter.component-BXxyn_IB.js.map

package/dist/chunks/characterCounter.component-BXxyn_IB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"characterCounter.component-BXxyn_IB.js","sources":["../../src/components/CharacterCounter/characterCounter.recipe.ts","../../src/components/CharacterCounter/characterCounter.component.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const characterCounterRecipe = defineSlotRecipe({\n  slots: [\"root\", \"count\", \"limit\"],\n  base: {\n    root: {\n      position: \"absolute\",\n      right: 0,\n      bottom: \"-20px\",\n      gap: 1,\n    },\n  },\n  variants: {\n    variant: {\n      default: {\n        root: {\n          background: \"background\",\n        },\n        count: {\n          color: \"text.subtle\",\n        },\n        limit: {\n          color: \"text.subtle\",\n        },\n      },\n      onContrast: {\n        root: {\n          background: \"background.contrast\",\n        },\n        count: {\n          color: \"text.subtle.contrast\",\n        },\n        limit: {\n          color: \"text.subtle.contrast\",\n        },\n      },\n    },\n    invalid: {\n      true: {\n        count: {\n          color: \"text.danger\",\n        },\n      },\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {\n      invalid: true,\n      variant: \"onContrast\",\n      css: {\n        count: {\n          color: \"text.danger.contrast\",\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"default\",\n    invalid: false,\n  },\n});\n","import React, { useMemo } from \"react\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Text } from \"components/Text/text.component\";\nimport { useSlotRecipe } from \"@chakra-ui/react\";\nimport { characterCounterRecipe } from \"./characterCounter.recipe\";\n\nexport interface BaseCharacterCounterProps {\n  currentCount: number;\n  onContrast?: boolean;\n}\n\ninterface CharacterCounterWithLimitProps extends BaseCharacterCounterProps {\n  limit: number;\n  withLimit?: true;\n}\n\ninterface OnlyCharacterCounterProps extends BaseCharacterCounterProps {\n  limit?: never;\n  withLimit?: false;\n}\n\nexport type CharacterCounterProps =\n  | CharacterCounterWithLimitProps\n  | OnlyCharacterCounterProps;\n\nexport const CharacterCounter = ({\n  currentCount,\n  onContrast = false,\n  limit,\n  withLimit = true,\n}: CharacterCounterProps): React.JSX.Element => {\n  const variant = onContrast ? \"onContrast\" : \"default\";\n  const invalid = useMemo(() => {\n    if (!limit) return false;\n    return currentCount > limit;\n  }, [currentCount, limit]);\n  const recipe = useSlotRecipe({ recipe: characterCounterRecipe });\n  const styles = recipe({ variant, invalid });\n\n  return (\n    <HStack\n      className=\"CharacterCount\"\n      data-testid=\"kibble-character-count\"\n      css={styles.root}\n    >\n      <Text\n        className=\"CharacterCount__Count\"\n        data-testid=\"kibble-character-count-count\"\n        size=\"xs\"\n        css={styles.count}\n      >\n        {currentCount}\n      </Text>\n      {withLimit && (\n        <Text\n          className=\"CharacterCount__Limit\"\n          data-testid=\"kibble-character-count-limit\"\n          size=\"xs\"\n          css={styles.limit}\n        >\n          / {limit}\n        </Text>\n      )}\n    </HStack>\n  );\n};\n"],"names":["characterCounterRecipe","defineSlotRecipe","CharacterCounter","currentCount","onContrast","limit","withLimit","variant","invalid","useMemo","styles","useSlotRecipe","jsxs","HStack","jsx","Text"],"mappings":"oJAEaA,EAAyBC,EAAAA,iBAAiB,CACrD,MAAO,CAAC,OAAQ,QAAS,OAAO,EAChC,KAAM,CACJ,KAAM,CACJ,SAAU,WACV,MAAO,EACP,OAAQ,QACR,IAAK,CAAA,CAET,EACA,SAAU,CACR,QAAS,CACP,QAAS,CACP,KAAM,CACJ,WAAY,YACd,EACA,MAAO,CACL,MAAO,aACT,EACA,MAAO,CACL,MAAO,aAAA,CAEX,EACA,WAAY,CACV,KAAM,CACJ,WAAY,qBACd,EACA,MAAO,CACL,MAAO,sBACT,EACA,MAAO,CACL,MAAO,sBAAA,CACT,CAEJ,EACA,QAAS,CACP,KAAM,CACJ,MAAO,CACL,MAAO,aAAA,CAEX,EACA,MAAO,CAAA,CAAC,CAEZ,EACA,iBAAkB,CAChB,CACE,QAAS,GACT,QAAS,aACT,IAAK,CACH,MAAO,CACL,MAAO,sBAAA,CACT,CACF,CAEJ,EACA,gBAAiB,CACf,QAAS,UACT,QAAS,EAAA,CAEb,CAAC,ECpCYC,EAAmB,CAAC,CAC/B,aAAAC,EACA,WAAAC,EAAa,GACb,MAAAC,EACA,UAAAC,EAAY,EACd,IAAgD,CACxC,MAAAC,EAAUH,EAAa,aAAe,UACtCI,EAAUC,EAAAA,QAAQ,IACjBJ,EACEF,EAAeE,EADH,GAElB,CAACF,EAAcE,CAAK,CAAC,EAElBK,EADSC,EAAA,cAAc,CAAE,OAAQX,EAAwB,EACzC,CAAE,QAAAO,EAAS,QAAAC,EAAS,EAGxC,OAAAI,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,UAAU,iBACV,cAAY,yBACZ,IAAKH,EAAO,KAEZ,SAAA,CAAAI,EAAA,kBAAA,IAACC,EAAA,YAAA,CACC,UAAU,wBACV,cAAY,+BACZ,KAAK,KACL,IAAKL,EAAO,MAEX,SAAAP,CAAA,CACH,EACCG,GACCM,EAAA,kBAAA,KAACG,EAAA,YAAA,CACC,UAAU,wBACV,cAAY,+BACZ,KAAK,KACL,IAAKL,EAAO,MACb,SAAA,CAAA,KACIL,CAAA,CAAA,CAAA,CACL,CAAA,CAEJ,CAEJ"}

package/dist/chunks/characterCounter.component-DhiMcztY.js

@@ -0,0 +1,108 @@
+import { x as r } from "./vendor-BBfll6i3.js";
+import { useMemo as l } from "react";
+import { W as e } from "./text.component-XYjOAc2s.js";
+import { r as u, y as d, s as m } from "./chakra-BqBkjpvZ.js";
+const p = u({
+  slots: ["root", "count", "limit"],
+  base: {
+    root: {
+      position: "absolute",
+      right: 0,
+      bottom: "-20px",
+      gap: 1
+    }
+  },
+  variants: {
+    variant: {
+      default: {
+        root: {
+          background: "background"
+        },
+        count: {
+          color: "text.subtle"
+        },
+        limit: {
+          color: "text.subtle"
+        }
+      },
+      onContrast: {
+        root: {
+          background: "background.contrast"
+        },
+        count: {
+          color: "text.subtle.contrast"
+        },
+        limit: {
+          color: "text.subtle.contrast"
+        }
+      }
+    },
+    invalid: {
+      true: {
+        count: {
+          color: "text.danger"
+        }
+      },
+      false: {}
+    }
+  },
+  compoundVariants: [
+    {
+      invalid: !0,
+      variant: "onContrast",
+      css: {
+        count: {
+          color: "text.danger.contrast"
+        }
+      }
+    }
+  ],
+  defaultVariants: {
+    variant: "default",
+    invalid: !1
+  }
+}), v = ({
+  currentCount: a,
+  onContrast: s = !1,
+  limit: t,
+  withLimit: c = !0
+}) => {
+  const n = s ? "onContrast" : "default", i = l(() => t ? a > t : !1, [a, t]), o = d({ recipe: p })({ variant: n, invalid: i });
+  return /* @__PURE__ */ r.jsxs(
+    m,
+    {
+      className: "CharacterCount",
+      "data-testid": "kibble-character-count",
+      css: o.root,
+      children: [
+        /* @__PURE__ */ r.jsx(
+          e,
+          {
+            className: "CharacterCount__Count",
+            "data-testid": "kibble-character-count-count",
+            size: "xs",
+            css: o.count,
+            children: a
+          }
+        ),
+        c && /* @__PURE__ */ r.jsxs(
+          e,
+          {
+            className: "CharacterCount__Limit",
+            "data-testid": "kibble-character-count-limit",
+            size: "xs",
+            css: o.limit,
+            children: [
+              "/ ",
+              t
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  v as C
+};
+//# sourceMappingURL=characterCounter.component-DhiMcztY.js.map

package/dist/chunks/characterCounter.component-DhiMcztY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"characterCounter.component-DhiMcztY.js","sources":["../../src/components/CharacterCounter/characterCounter.recipe.ts","../../src/components/CharacterCounter/characterCounter.component.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const characterCounterRecipe = defineSlotRecipe({\n  slots: [\"root\", \"count\", \"limit\"],\n  base: {\n    root: {\n      position: \"absolute\",\n      right: 0,\n      bottom: \"-20px\",\n      gap: 1,\n    },\n  },\n  variants: {\n    variant: {\n      default: {\n        root: {\n          background: \"background\",\n        },\n        count: {\n          color: \"text.subtle\",\n        },\n        limit: {\n          color: \"text.subtle\",\n        },\n      },\n      onContrast: {\n        root: {\n          background: \"background.contrast\",\n        },\n        count: {\n          color: \"text.subtle.contrast\",\n        },\n        limit: {\n          color: \"text.subtle.contrast\",\n        },\n      },\n    },\n    invalid: {\n      true: {\n        count: {\n          color: \"text.danger\",\n        },\n      },\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {\n      invalid: true,\n      variant: \"onContrast\",\n      css: {\n        count: {\n          color: \"text.danger.contrast\",\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"default\",\n    invalid: false,\n  },\n});\n","import React, { useMemo } from \"react\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Text } from \"components/Text/text.component\";\nimport { useSlotRecipe } from \"@chakra-ui/react\";\nimport { characterCounterRecipe } from \"./characterCounter.recipe\";\n\nexport interface BaseCharacterCounterProps {\n  currentCount: number;\n  onContrast?: boolean;\n}\n\ninterface CharacterCounterWithLimitProps extends BaseCharacterCounterProps {\n  limit: number;\n  withLimit?: true;\n}\n\ninterface OnlyCharacterCounterProps extends BaseCharacterCounterProps {\n  limit?: never;\n  withLimit?: false;\n}\n\nexport type CharacterCounterProps =\n  | CharacterCounterWithLimitProps\n  | OnlyCharacterCounterProps;\n\nexport const CharacterCounter = ({\n  currentCount,\n  onContrast = false,\n  limit,\n  withLimit = true,\n}: CharacterCounterProps): React.JSX.Element => {\n  const variant = onContrast ? \"onContrast\" : \"default\";\n  const invalid = useMemo(() => {\n    if (!limit) return false;\n    return currentCount > limit;\n  }, [currentCount, limit]);\n  const recipe = useSlotRecipe({ recipe: characterCounterRecipe });\n  const styles = recipe({ variant, invalid });\n\n  return (\n    <HStack\n      className=\"CharacterCount\"\n      data-testid=\"kibble-character-count\"\n      css={styles.root}\n    >\n      <Text\n        className=\"CharacterCount__Count\"\n        data-testid=\"kibble-character-count-count\"\n        size=\"xs\"\n        css={styles.count}\n      >\n        {currentCount}\n      </Text>\n      {withLimit && (\n        <Text\n          className=\"CharacterCount__Limit\"\n          data-testid=\"kibble-character-count-limit\"\n          size=\"xs\"\n          css={styles.limit}\n        >\n          / {limit}\n        </Text>\n      )}\n    </HStack>\n  );\n};\n"],"names":["characterCounterRecipe","defineSlotRecipe","CharacterCounter","currentCount","onContrast","limit","withLimit","variant","invalid","useMemo","styles","useSlotRecipe","jsxs","HStack","jsx","Text"],"mappings":";;;;AAEO,MAAMA,IAAyBC,EAAiB;AAAA,EACrD,OAAO,CAAC,QAAQ,SAAS,OAAO;AAAA,EAChC,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,KAAK;AAAA,IAAA;AAAA,EAET;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP,MAAM;AAAA,UACJ,YAAY;AAAA,QACd;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,QACT;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,QAAA;AAAA,MAEX;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,UACJ,YAAY;AAAA,QACd;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,QACT;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IAEJ;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,OAAO;AAAA,UACL,OAAO;AAAA,QAAA;AAAA,MAEX;AAAA,MACA,OAAO,CAAA;AAAA,IAAC;AAAA,EAEZ;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,SAAS;AAAA,MACT,SAAS;AAAA,MACT,KAAK;AAAA,QACH,OAAO;AAAA,UACL,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEb,CAAC,GCpCYC,IAAmB,CAAC;AAAA,EAC/B,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,OAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAgD;AACxC,QAAAC,IAAUH,IAAa,eAAe,WACtCI,IAAUC,EAAQ,MACjBJ,IACEF,IAAeE,IADH,IAElB,CAACF,GAAcE,CAAK,CAAC,GAElBK,IADSC,EAAc,EAAE,QAAQX,GAAwB,EACzC,EAAE,SAAAO,GAAS,SAAAC,GAAS;AAGxC,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAKH,EAAO;AAAA,MAEZ,UAAA;AAAA,QAAAI,gBAAAA,EAAA;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,MAAK;AAAA,YACL,KAAKL,EAAO;AAAA,YAEX,UAAAP;AAAA,UAAA;AAAA,QACH;AAAA,QACCG,KACCM,gBAAAA,EAAA;AAAA,UAACG;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,MAAK;AAAA,YACL,KAAKL,EAAO;AAAA,YACb,UAAA;AAAA,cAAA;AAAA,cACIL;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/chunks/checkbox.component-BN9GeeiB.js

@@ -0,0 +1,90 @@
+import { x as e } from "./vendor-BBfll6i3.js";
+import s from "react";
+import { w as n } from "./withFormControl-CDQGc9aO.js";
+import { C as k, a as C } from "./card.component-HX-4Y0j7.js";
+import { C as m, a as p } from "./checkbox.records-JWbKQ684.js";
+import { C as f, e as _, f as u, g as j, h as N } from "./chakra-BqBkjpvZ.js";
+const g = n(
+  ({
+    checkboxRef: o,
+    children: c,
+    indeterminate: i = !1,
+    onContrast: r,
+    size: a = "md",
+    withCard: d = !1,
+    ...t
+  }) => {
+    const b = r ? "onContrast" : "default", x = d ? ({ children: l }) => {
+      const h = (m[a] + p[a] + C[a]) * 4;
+      return /* @__PURE__ */ e.jsx(
+        k,
+        {
+          className: "Checkbox__Card",
+          "data-testid": "kibble-checkbox-card",
+          ...!t.disabled && {
+            interactive: !0,
+            active: !!t.checked
+          },
+          onContrast: r,
+          size: a,
+          fullWidth: !0,
+          display: "flex",
+          alignItems: "baseline",
+          width: "inherit",
+          pr: `${h}px`,
+          children: l
+        }
+      );
+    } : s.Fragment;
+    return /* @__PURE__ */ e.jsx(
+      f,
+      {
+        className: "Checkbox",
+        "data-testid": "kibble-checkbox",
+        checked: i ? "indeterminate" : t.checked,
+        ref: o,
+        variant: b,
+        size: a,
+        ...t,
+        children: /* @__PURE__ */ e.jsxs(x, { children: [
+          /* @__PURE__ */ e.jsx(
+            _,
+            {
+              className: "Checkbox__Input",
+              "data-testid": "kibble-checkbox-input"
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            u,
+            {
+              className: "Checkbox__Control",
+              "data-testid": "kibble-checkbox-control",
+              children: /* @__PURE__ */ e.jsx(
+                j,
+                {
+                  className: "Checkbox__Indicator",
+                  "data-testid": "kibble-checkbox-indicator"
+                }
+              )
+            }
+          ),
+          !!c && /* @__PURE__ */ e.jsx(
+            N,
+            {
+              className: "Checkbox__Label",
+              "data-testid": "kibble-checkbox-label",
+              children: c
+            }
+          )
+        ] })
+      }
+    );
+  }
+), I = s.forwardRef(
+  (o, c) => /* @__PURE__ */ e.jsx(g, { checkboxRef: c, ...o })
+);
+I.displayName = "Checkbox";
+export {
+  I as W
+};
+//# sourceMappingURL=checkbox.component-BN9GeeiB.js.map

package/dist/chunks/checkbox.component-BN9GeeiB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.component-BN9GeeiB.js","sources":["../../src/components/Checkbox/checkbox.component.tsx"],"sourcesContent":["import React, { ForwardedRef } from \"react\";\nimport { Checkbox as CCheckbox } from \"@chakra-ui/react/checkbox\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { Card, CardProps } from \"components/Card/card.component\";\nimport { CheckboxLabelSpacing, CheckboxSizeMap } from \"./checkbox.records\";\nimport { CardPaddingMap } from \"components/Card/card.records\";\n\nexport interface CheckboxProps\n  extends WithFormControlProps,\n    CCheckbox.RootProps {\n  checkboxRef?: ForwardedRef<HTMLLabelElement>;\n  indeterminate?: boolean;\n  size?: FormControlSize;\n  withCard?: boolean;\n}\n\nconst Checkbox = withFormControl(\n  ({\n    checkboxRef,\n    children,\n    indeterminate = false,\n    onContrast,\n    size = \"md\",\n    withCard = false,\n    ...rest\n  }: CheckboxProps): React.JSX.Element => {\n    const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n\n    const CheckboxCard: React.FC<CardProps> = withCard\n      ? ({ children }): React.JSX.Element => {\n          const pr =\n            (CheckboxSizeMap[size] +\n              CheckboxLabelSpacing[size] +\n              CardPaddingMap[size]) *\n            4;\n          return (\n            <Card\n              className=\"Checkbox__Card\"\n              data-testid=\"kibble-checkbox-card\"\n              {...(!rest.disabled && {\n                interactive: true,\n                active: !!rest.checked,\n              })}\n              onContrast={onContrast}\n              size={size}\n              fullWidth\n              display=\"flex\"\n              alignItems=\"baseline\"\n              width=\"inherit\"\n              pr={`${pr}px`}\n            >\n              {children}\n            </Card>\n          );\n        }\n      : React.Fragment;\n\n    return (\n      <CCheckbox.Root\n        className=\"Checkbox\"\n        data-testid=\"kibble-checkbox\"\n        checked={indeterminate ? \"indeterminate\" : rest.checked}\n        ref={checkboxRef}\n        variant={_computedVariant}\n        size={size}\n        {...rest}\n      >\n        <CheckboxCard>\n          <CCheckbox.HiddenInput\n            className=\"Checkbox__Input\"\n            data-testid=\"kibble-checkbox-input\"\n          />\n          <CCheckbox.Control\n            className=\"Checkbox__Control\"\n            data-testid=\"kibble-checkbox-control\"\n          >\n            <CCheckbox.Indicator\n              className=\"Checkbox__Indicator\"\n              data-testid=\"kibble-checkbox-indicator\"\n            />\n          </CCheckbox.Control>\n          {!!children && (\n            <CCheckbox.Label\n              className=\"Checkbox__Label\"\n              data-testid=\"kibble-checkbox-label\"\n            >\n              {children}\n            </CCheckbox.Label>\n          )}\n        </CheckboxCard>\n      </CCheckbox.Root>\n    );\n  },\n);\n\nconst WrappedCheckbox = React.forwardRef(\n  (props: CheckboxProps, ref: ForwardedRef<HTMLLabelElement>) => (\n    <Checkbox checkboxRef={ref} {...props} />\n  ),\n);\n\nWrappedCheckbox.displayName = \"Checkbox\";\n\nexport { WrappedCheckbox as Checkbox };\n"],"names":["Checkbox","withFormControl","checkboxRef","children","indeterminate","onContrast","size","withCard","rest","_computedVariant","CheckboxCard","pr","CheckboxSizeMap","CheckboxLabelSpacing","CardPaddingMap","jsx","Card","React","CCheckbox.Root","CCheckbox.HiddenInput","CCheckbox.Control","CCheckbox.Indicator","CCheckbox.Label","WrappedCheckbox","props","ref"],"mappings":";;;;;;AAoBA,MAAMA,IAAWC;AAAA,EACf,CAAC;AAAA,IACC,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,YAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,GAAGC;AAAA,EAAA,MACmC;AAChC,UAAAC,IAAmBJ,IAAa,eAAe,WAE/CK,IAAoCH,IACtC,CAAC,EAAE,UAAAJ,QAAkC;AAC7B,YAAAQ,KACHC,EAAgBN,CAAI,IACnBO,EAAqBP,CAAI,IACzBQ,EAAeR,CAAI,KACrB;AAEA,aAAAS,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAY;AAAA,UACX,GAAI,CAACR,EAAK,YAAY;AAAA,YACrB,aAAa;AAAA,YACb,QAAQ,CAAC,CAACA,EAAK;AAAA,UACjB;AAAA,UACA,YAAAH;AAAA,UACA,MAAAC;AAAA,UACA,WAAS;AAAA,UACT,SAAQ;AAAA,UACR,YAAW;AAAA,UACX,OAAM;AAAA,UACN,IAAI,GAAGK,CAAE;AAAA,UAER,UAAAR;AAAAA,QAAA;AAAA,MACH;AAAA,QAGJc,EAAM;AAGR,WAAAF,gBAAAA,EAAA;AAAA,MAACG;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,SAASd,IAAgB,kBAAkBI,EAAK;AAAA,QAChD,KAAKN;AAAA,QACL,SAASO;AAAA,QACT,MAAAH;AAAA,QACC,GAAGE;AAAA,QAEJ,iCAACE,GACC,EAAA,UAAA;AAAA,UAAAK,gBAAAA,EAAA;AAAA,YAACI;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,YAAA;AAAA,UACd;AAAA,UACAJ,gBAAAA,EAAA;AAAA,YAACK;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cAEZ,UAAAL,gBAAAA,EAAA;AAAA,gBAACM;AAAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,eAAY;AAAA,gBAAA;AAAA,cAAA;AAAA,YACd;AAAA,UACF;AAAA,UACC,CAAC,CAAClB,KACDY,gBAAAA,EAAA;AAAA,YAACO;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cAEX,UAAAnB;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAEJ,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GAEMoB,IAAkBN,EAAM;AAAA,EAC5B,CAACO,GAAsBC,MACrBV,gBAAAA,MAACf,KAAS,aAAayB,GAAM,GAAGD,EAAO,CAAA;AAE3C;AAEAD,EAAgB,cAAc;"}

package/dist/chunks/checkbox.component-BnNl7j1h.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("./vendor-D-x6W6ez.js"),n=require("react"),u=require("./withFormControl-BJSHfbF_.js"),i=require("./card.component-ZIoJIWVV.js"),x=require("./checkbox.records-DJfdKuOe.js"),c=require("./chakra-DmF8Cxqs.js"),m=u.withFormControl(({checkboxRef:r,children:o,indeterminate:b=!1,onContrast:s,size:t="md",withCard:h=!1,...a})=>{const l=s?"onContrast":"default",k=h?({children:C})=>{const p=(x.CheckboxSizeMap[t]+x.CheckboxLabelSpacing[t]+i.CardPaddingMap[t])*4;return e.jsxRuntimeExports.jsx(i.Card,{className:"Checkbox__Card","data-testid":"kibble-checkbox-card",...!a.disabled&&{interactive:!0,active:!!a.checked},onContrast:s,size:t,fullWidth:!0,display:"flex",alignItems:"baseline",width:"inherit",pr:`${p}px`,children:C})}:n.Fragment;return e.jsxRuntimeExports.jsx(c.CheckboxRoot,{className:"Checkbox","data-testid":"kibble-checkbox",checked:b?"indeterminate":a.checked,ref:r,variant:l,size:t,...a,children:e.jsxRuntimeExports.jsxs(k,{children:[e.jsxRuntimeExports.jsx(c.CheckboxHiddenInput,{className:"Checkbox__Input","data-testid":"kibble-checkbox-input"}),e.jsxRuntimeExports.jsx(c.CheckboxControl,{className:"Checkbox__Control","data-testid":"kibble-checkbox-control",children:e.jsxRuntimeExports.jsx(c.CheckboxIndicator,{className:"Checkbox__Indicator","data-testid":"kibble-checkbox-indicator"})}),!!o&&e.jsxRuntimeExports.jsx(c.CheckboxLabel,{className:"Checkbox__Label","data-testid":"kibble-checkbox-label",children:o})]})})}),d=n.forwardRef((r,o)=>e.jsxRuntimeExports.jsx(m,{checkboxRef:o,...r}));d.displayName="Checkbox";exports.WrappedCheckbox=d;
+//# sourceMappingURL=checkbox.component-BnNl7j1h.js.map

package/dist/chunks/checkbox.component-BnNl7j1h.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.component-BnNl7j1h.js","sources":["../../src/components/Checkbox/checkbox.component.tsx"],"sourcesContent":["import React, { ForwardedRef } from \"react\";\nimport { Checkbox as CCheckbox } from \"@chakra-ui/react/checkbox\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { Card, CardProps } from \"components/Card/card.component\";\nimport { CheckboxLabelSpacing, CheckboxSizeMap } from \"./checkbox.records\";\nimport { CardPaddingMap } from \"components/Card/card.records\";\n\nexport interface CheckboxProps\n  extends WithFormControlProps,\n    CCheckbox.RootProps {\n  checkboxRef?: ForwardedRef<HTMLLabelElement>;\n  indeterminate?: boolean;\n  size?: FormControlSize;\n  withCard?: boolean;\n}\n\nconst Checkbox = withFormControl(\n  ({\n    checkboxRef,\n    children,\n    indeterminate = false,\n    onContrast,\n    size = \"md\",\n    withCard = false,\n    ...rest\n  }: CheckboxProps): React.JSX.Element => {\n    const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n\n    const CheckboxCard: React.FC<CardProps> = withCard\n      ? ({ children }): React.JSX.Element => {\n          const pr =\n            (CheckboxSizeMap[size] +\n              CheckboxLabelSpacing[size] +\n              CardPaddingMap[size]) *\n            4;\n          return (\n            <Card\n              className=\"Checkbox__Card\"\n              data-testid=\"kibble-checkbox-card\"\n              {...(!rest.disabled && {\n                interactive: true,\n                active: !!rest.checked,\n              })}\n              onContrast={onContrast}\n              size={size}\n              fullWidth\n              display=\"flex\"\n              alignItems=\"baseline\"\n              width=\"inherit\"\n              pr={`${pr}px`}\n            >\n              {children}\n            </Card>\n          );\n        }\n      : React.Fragment;\n\n    return (\n      <CCheckbox.Root\n        className=\"Checkbox\"\n        data-testid=\"kibble-checkbox\"\n        checked={indeterminate ? \"indeterminate\" : rest.checked}\n        ref={checkboxRef}\n        variant={_computedVariant}\n        size={size}\n        {...rest}\n      >\n        <CheckboxCard>\n          <CCheckbox.HiddenInput\n            className=\"Checkbox__Input\"\n            data-testid=\"kibble-checkbox-input\"\n          />\n          <CCheckbox.Control\n            className=\"Checkbox__Control\"\n            data-testid=\"kibble-checkbox-control\"\n          >\n            <CCheckbox.Indicator\n              className=\"Checkbox__Indicator\"\n              data-testid=\"kibble-checkbox-indicator\"\n            />\n          </CCheckbox.Control>\n          {!!children && (\n            <CCheckbox.Label\n              className=\"Checkbox__Label\"\n              data-testid=\"kibble-checkbox-label\"\n            >\n              {children}\n            </CCheckbox.Label>\n          )}\n        </CheckboxCard>\n      </CCheckbox.Root>\n    );\n  },\n);\n\nconst WrappedCheckbox = React.forwardRef(\n  (props: CheckboxProps, ref: ForwardedRef<HTMLLabelElement>) => (\n    <Checkbox checkboxRef={ref} {...props} />\n  ),\n);\n\nWrappedCheckbox.displayName = \"Checkbox\";\n\nexport { WrappedCheckbox as Checkbox };\n"],"names":["Checkbox","withFormControl","checkboxRef","children","indeterminate","onContrast","size","withCard","rest","_computedVariant","CheckboxCard","pr","CheckboxSizeMap","CheckboxLabelSpacing","CardPaddingMap","jsx","Card","React","CCheckbox.Root","CCheckbox.HiddenInput","CCheckbox.Control","CCheckbox.Indicator","CCheckbox.Label","WrappedCheckbox","props","ref"],"mappings":"2OAoBMA,EAAWC,EAAA,gBACf,CAAC,CACC,YAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,GAChB,WAAAC,EACA,KAAAC,EAAO,KACP,SAAAC,EAAW,GACX,GAAGC,CAAA,IACmC,CAChC,MAAAC,EAAmBJ,EAAa,aAAe,UAE/CK,EAAoCH,EACtC,CAAC,CAAE,SAAAJ,KAAkC,CAC7B,MAAAQ,GACHC,kBAAgBN,CAAI,EACnBO,uBAAqBP,CAAI,EACzBQ,EAAAA,eAAeR,CAAI,GACrB,EAEA,OAAAS,EAAA,kBAAA,IAACC,EAAA,KAAA,CACC,UAAU,iBACV,cAAY,uBACX,GAAI,CAACR,EAAK,UAAY,CACrB,YAAa,GACb,OAAQ,CAAC,CAACA,EAAK,OACjB,EACA,WAAAH,EACA,KAAAC,EACA,UAAS,GACT,QAAQ,OACR,WAAW,WACX,MAAM,UACN,GAAI,GAAGK,CAAE,KAER,SAAAR,CAAA,CACH,GAGJc,EAAM,SAGR,OAAAF,EAAA,kBAAA,IAACG,EAAU,aAAV,CACC,UAAU,WACV,cAAY,kBACZ,QAASd,EAAgB,gBAAkBI,EAAK,QAChD,IAAKN,EACL,QAASO,EACT,KAAAH,EACC,GAAGE,EAEJ,kCAACE,EACC,CAAA,SAAA,CAAAK,EAAA,kBAAA,IAACI,EAAU,oBAAV,CACC,UAAU,kBACV,cAAY,uBAAA,CACd,EACAJ,EAAA,kBAAA,IAACK,EAAU,gBAAV,CACC,UAAU,oBACV,cAAY,0BAEZ,SAAAL,EAAA,kBAAA,IAACM,EAAU,kBAAV,CACC,UAAU,sBACV,cAAY,2BAAA,CAAA,CACd,CACF,EACC,CAAC,CAAClB,GACDY,EAAA,kBAAA,IAACO,EAAU,cAAV,CACC,UAAU,kBACV,cAAY,wBAEX,SAAAnB,CAAA,CAAA,CACH,CAEJ,CAAA,CAAA,CACF,CAAA,CAGN,EAEMoB,EAAkBN,EAAM,WAC5B,CAACO,EAAsBC,IACrBV,wBAACf,GAAS,YAAayB,EAAM,GAAGD,CAAO,CAAA,CAE3C,EAEAD,EAAgB,YAAc"}

package/dist/chunks/checkbox.records-DJfdKuOe.js

@@ -0,0 +1,2 @@
+"use strict";const c={sm:3,md:4,lg:5},e={sm:2,md:2,lg:3};exports.CheckboxLabelSpacing=e;exports.CheckboxSizeMap=c;
+//# sourceMappingURL=checkbox.records-DJfdKuOe.js.map

package/dist/chunks/checkbox.records-DJfdKuOe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.records-DJfdKuOe.js","sources":["../../src/components/Checkbox/checkbox.records.ts"],"sourcesContent":["import { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\nexport const CheckboxSizeMap: Record<FormControlSize, number> = {\n  sm: 3,\n  md: 4,\n  lg: 5,\n};\n\nexport const CheckboxLabelSpacing: Record<FormControlSize, number> = {\n  sm: 2,\n  md: 2,\n  lg: 3,\n};\n"],"names":["CheckboxSizeMap","CheckboxLabelSpacing"],"mappings":"aAEO,MAAMA,EAAmD,CAC9D,GAAI,EACJ,GAAI,EACJ,GAAI,CACN,EAEaC,EAAwD,CACnE,GAAI,EACJ,GAAI,EACJ,GAAI,CACN"}

package/dist/chunks/checkbox.records-JWbKQ684.js

@@ -0,0 +1,14 @@
+const a = {
+  sm: 3,
+  md: 4,
+  lg: 5
+}, s = {
+  sm: 2,
+  md: 2,
+  lg: 3
+};
+export {
+  a as C,
+  s as a
+};
+//# sourceMappingURL=checkbox.records-JWbKQ684.js.map

package/dist/chunks/checkbox.records-JWbKQ684.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.records-JWbKQ684.js","sources":["../../src/components/Checkbox/checkbox.records.ts"],"sourcesContent":["import { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\nexport const CheckboxSizeMap: Record<FormControlSize, number> = {\n  sm: 3,\n  md: 4,\n  lg: 5,\n};\n\nexport const CheckboxLabelSpacing: Record<FormControlSize, number> = {\n  sm: 2,\n  md: 2,\n  lg: 3,\n};\n"],"names":["CheckboxSizeMap","CheckboxLabelSpacing"],"mappings":"AAEO,MAAMA,IAAmD;AAAA,EAC9D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAwD;AAAA,EACnE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;"}

package/dist/chunks/checkboxGroup.component-CMSLo_U5.js

@@ -0,0 +1,2 @@
+"use strict";const o=require("./vendor-D-x6W6ez.js"),j=require("./withFormControl-BJSHfbF_.js"),G=require("./checkbox.component-BnNl7j1h.js"),t=require("./chakra-DmF8Cxqs.js"),n=({checkboxes:s,defaultValue:r,direction:i="column",disabled:p,invalid:u,onContrast:h,readOnly:x,required:a,name:d,onChange:k,size:m="md",value:c,gap:l=2,...C})=>o.jsxRuntimeExports.jsx(t.CheckboxGroup,{className:"CheckboxGroup","data-testid":"kibble-checkbox-group",disabled:p,invalid:u,name:d,defaultValue:r,value:c,onValueChange:k,width:"inherit",children:o.jsxRuntimeExports.jsx(t.Stack,{direction:i,gap:l,...C,children:s.map((e,b)=>o.jsxRuntimeExports.jsx(G.WrappedCheckbox,{onContrast:h,checked:e.checked||r?.includes(`${e?.value}`)||c?.includes(`${e?.value}`),size:m,required:a,readOnly:x,...e},`checkbox-${b}`))})});n.displayName="CheckboxGroup";const q=j.withFormControl(n);exports.WrappedCheckboxGroup=q;
+//# sourceMappingURL=checkboxGroup.component-CMSLo_U5.js.map

package/dist/chunks/checkboxGroup.component-CMSLo_U5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkboxGroup.component-CMSLo_U5.js","sources":["../../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  CheckboxGroup as CCheckboxGroup,\n  CheckboxGroupProps as CCheckboxGroupProps,\n} from \"@chakra-ui/react/checkbox\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FlexDirection } from \"shared/types/alignment\";\nimport {\n  Checkbox,\n  CheckboxProps,\n} from \"components/Checkbox/checkbox.component\";\nimport { Stack } from \"@chakra-ui/react/stack\";\nimport { ConditionalValue } from \"@chakra-ui/react/styled-system\";\n\nexport interface KCheckboxGroupProps extends WithFormControlProps {\n  checkboxes: CheckboxProps[];\n  direction?: ConditionalValue<FlexDirection>;\n  onChange?: (value: string[]) => void;\n}\n\nexport type CheckboxGroupProps = KCheckboxGroupProps &\n  Omit<CCheckboxGroupProps, \"onValueChange\">;\n\nconst CheckboxGroup = ({\n  checkboxes,\n  defaultValue,\n  direction = \"column\",\n  disabled,\n  invalid,\n  onContrast,\n  readOnly,\n  required,\n  name,\n  onChange,\n  size = \"md\",\n  value,\n  gap = 2,\n  ...rest\n}: CheckboxGroupProps): React.JSX.Element => {\n  return (\n    <CCheckboxGroup\n      className=\"CheckboxGroup\"\n      data-testid=\"kibble-checkbox-group\"\n      disabled={disabled}\n      invalid={invalid}\n      name={name}\n      defaultValue={defaultValue}\n      value={value}\n      onValueChange={onChange}\n      width=\"inherit\"\n    >\n      <Stack direction={direction} gap={gap} {...rest}>\n        {checkboxes.map((checkbox, index) => (\n          <Checkbox\n            onContrast={onContrast}\n            key={`checkbox-${index}`}\n            checked={\n              checkbox.checked ||\n              defaultValue?.includes(`${checkbox?.value}`) ||\n              value?.includes(`${checkbox?.value}`)\n            }\n            size={size}\n            required={required}\n            readOnly={readOnly}\n            {...checkbox}\n          />\n        ))}\n      </Stack>\n    </CCheckboxGroup>\n  );\n};\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nconst WrappedCheckboxGroup = withFormControl(CheckboxGroup);\n\nexport { WrappedCheckboxGroup as CheckboxGroup };\n"],"names":["CheckboxGroup","checkboxes","defaultValue","direction","disabled","invalid","onContrast","readOnly","required","name","onChange","size","value","gap","rest","jsx","CCheckboxGroup","Stack","checkbox","index","Checkbox","WrappedCheckboxGroup","withFormControl"],"mappings":"gLA0BMA,EAAgB,CAAC,CACrB,WAAAC,EACA,aAAAC,EACA,UAAAC,EAAY,SACZ,SAAAC,EACA,QAAAC,EACA,WAAAC,EACA,SAAAC,EACA,SAAAC,EACA,KAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,KACP,MAAAC,EACA,IAAAC,EAAM,EACN,GAAGC,CACL,IAEIC,EAAA,kBAAA,IAACC,EAAA,cAAA,CACC,UAAU,gBACV,cAAY,wBACZ,SAAAZ,EACA,QAAAC,EACA,KAAAI,EACA,aAAAP,EACA,MAAAU,EACA,cAAeF,EACf,MAAM,UAEN,SAAAK,EAAAA,kBAAAA,IAACE,EAAAA,MAAM,CAAA,UAAAd,EAAsB,IAAAU,EAAW,GAAGC,EACxC,SAAWb,EAAA,IAAI,CAACiB,EAAUC,IACzBJ,EAAA,kBAAA,IAACK,EAAA,gBAAA,CACC,WAAAd,EAEA,QACEY,EAAS,SACThB,GAAc,SAAS,GAAGgB,GAAU,KAAK,EAAE,GAC3CN,GAAO,SAAS,GAAGM,GAAU,KAAK,EAAE,EAEtC,KAAAP,EACA,SAAAH,EACA,SAAAD,EACC,GAAGW,CAAA,EATC,YAAYC,CAAK,EAAA,CAWzB,CACH,CAAA,CAAA,CACF,EAIJnB,EAAc,YAAc,gBAEtB,MAAAqB,EAAuBC,kBAAgBtB,CAAa"}

package/dist/chunks/checkboxGroup.component-DNwf69Ss.js

@@ -0,0 +1,51 @@
+import { x as r } from "./vendor-BBfll6i3.js";
+import { w as b } from "./withFormControl-CDQGc9aO.js";
+import { W as j } from "./checkbox.component-BN9GeeiB.js";
+import { i as G, j as W } from "./chakra-BqBkjpvZ.js";
+const p = ({
+  checkboxes: a,
+  defaultValue: e,
+  direction: c = "column",
+  disabled: i,
+  invalid: t,
+  onContrast: m,
+  readOnly: h,
+  required: n,
+  name: d,
+  onChange: x,
+  size: u = "md",
+  value: s,
+  gap: k = 2,
+  ...l
+}) => /* @__PURE__ */ r.jsx(
+  G,
+  {
+    className: "CheckboxGroup",
+    "data-testid": "kibble-checkbox-group",
+    disabled: i,
+    invalid: t,
+    name: d,
+    defaultValue: e,
+    value: s,
+    onValueChange: x,
+    width: "inherit",
+    children: /* @__PURE__ */ r.jsx(W, { direction: c, gap: k, ...l, children: a.map((o, C) => /* @__PURE__ */ r.jsx(
+      j,
+      {
+        onContrast: m,
+        checked: o.checked || e?.includes(`${o?.value}`) || s?.includes(`${o?.value}`),
+        size: u,
+        required: n,
+        readOnly: h,
+        ...o
+      },
+      `checkbox-${C}`
+    )) })
+  }
+);
+p.displayName = "CheckboxGroup";
+const N = b(p);
+export {
+  N as W
+};
+//# sourceMappingURL=checkboxGroup.component-DNwf69Ss.js.map

package/dist/chunks/checkboxGroup.component-DNwf69Ss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkboxGroup.component-DNwf69Ss.js","sources":["../../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  CheckboxGroup as CCheckboxGroup,\n  CheckboxGroupProps as CCheckboxGroupProps,\n} from \"@chakra-ui/react/checkbox\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FlexDirection } from \"shared/types/alignment\";\nimport {\n  Checkbox,\n  CheckboxProps,\n} from \"components/Checkbox/checkbox.component\";\nimport { Stack } from \"@chakra-ui/react/stack\";\nimport { ConditionalValue } from \"@chakra-ui/react/styled-system\";\n\nexport interface KCheckboxGroupProps extends WithFormControlProps {\n  checkboxes: CheckboxProps[];\n  direction?: ConditionalValue<FlexDirection>;\n  onChange?: (value: string[]) => void;\n}\n\nexport type CheckboxGroupProps = KCheckboxGroupProps &\n  Omit<CCheckboxGroupProps, \"onValueChange\">;\n\nconst CheckboxGroup = ({\n  checkboxes,\n  defaultValue,\n  direction = \"column\",\n  disabled,\n  invalid,\n  onContrast,\n  readOnly,\n  required,\n  name,\n  onChange,\n  size = \"md\",\n  value,\n  gap = 2,\n  ...rest\n}: CheckboxGroupProps): React.JSX.Element => {\n  return (\n    <CCheckboxGroup\n      className=\"CheckboxGroup\"\n      data-testid=\"kibble-checkbox-group\"\n      disabled={disabled}\n      invalid={invalid}\n      name={name}\n      defaultValue={defaultValue}\n      value={value}\n      onValueChange={onChange}\n      width=\"inherit\"\n    >\n      <Stack direction={direction} gap={gap} {...rest}>\n        {checkboxes.map((checkbox, index) => (\n          <Checkbox\n            onContrast={onContrast}\n            key={`checkbox-${index}`}\n            checked={\n              checkbox.checked ||\n              defaultValue?.includes(`${checkbox?.value}`) ||\n              value?.includes(`${checkbox?.value}`)\n            }\n            size={size}\n            required={required}\n            readOnly={readOnly}\n            {...checkbox}\n          />\n        ))}\n      </Stack>\n    </CCheckboxGroup>\n  );\n};\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nconst WrappedCheckboxGroup = withFormControl(CheckboxGroup);\n\nexport { WrappedCheckboxGroup as CheckboxGroup };\n"],"names":["CheckboxGroup","checkboxes","defaultValue","direction","disabled","invalid","onContrast","readOnly","required","name","onChange","size","value","gap","rest","jsx","CCheckboxGroup","Stack","checkbox","index","Checkbox","WrappedCheckboxGroup","withFormControl"],"mappings":";;;;AA0BA,MAAMA,IAAgB,CAAC;AAAA,EACrB,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,UAAAZ;AAAA,IACA,SAAAC;AAAA,IACA,MAAAI;AAAA,IACA,cAAAP;AAAA,IACA,OAAAU;AAAA,IACA,eAAeF;AAAA,IACf,OAAM;AAAA,IAEN,UAAAK,gBAAAA,EAAAA,IAACE,GAAM,EAAA,WAAAd,GAAsB,KAAAU,GAAW,GAAGC,GACxC,UAAWb,EAAA,IAAI,CAACiB,GAAUC,MACzBJ,gBAAAA,EAAA;AAAA,MAACK;AAAAA,MAAA;AAAA,QACC,YAAAd;AAAA,QAEA,SACEY,EAAS,WACThB,GAAc,SAAS,GAAGgB,GAAU,KAAK,EAAE,KAC3CN,GAAO,SAAS,GAAGM,GAAU,KAAK,EAAE;AAAA,QAEtC,MAAAP;AAAA,QACA,UAAAH;AAAA,QACA,UAAAD;AAAA,QACC,GAAGW;AAAA,MAAA;AAAA,MATC,YAAYC,CAAK;AAAA,IAAA,CAWzB,EACH,CAAA;AAAA,EAAA;AACF;AAIJnB,EAAc,cAAc;AAEtB,MAAAqB,IAAuBC,EAAgBtB,CAAa;"}