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

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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,108 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,90 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,14 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,51 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;"}