@televet/kibble-ui 4.0.0-beta.7 → 4.0.0-beta.71

package/dist/chunks/{button.component-BtkAjIWe.js → button.component-BpF3MzbZ.js}

@@ -1,8 +1,8 @@
-import { x as t } from "./vendor-BBfll6i3.js";
-import { forwardRef as f, useMemo as x } from "react";
-import { I as b } from "./icon.component-DjNY589M.js";
-import { I as B, x as g } from "./chakra-BqBkjpvZ.js";
-const j = (s) => s.replace(/([A-Z])/g, " $1").replace(/^\w/, (o) => o.toUpperCase()), I = f(
+import { j as t } from "./jsx-runtime-C5mzlN2N.js";
+import { forwardRef as f, useMemo as b } from "react";
+import { I as x } from "./icon.component-DGNCL1Yc.js";
+import { I as B, B as j } from "./icon-button-DTZOklQ9.js";
+const g = (s) => s.replace(/([A-Z])/g, " $1").replace(/^\w/, (o) => o.toUpperCase()), I = f(
   ({
     active: s,
     children: o,
@@ -15,12 +15,12 @@ const j = (s) => s.replace(/([A-Z])/g, " $1").replace(/^\w/, (o) => o.toUpperCas
     ...p
   }, c) => {
     let a;
-    const u = x(
+    const u = b(
       () => `${i}${l ? "OnContrast" : ""}`,
       [l, i]
     );
-    if (r && (a = /* @__PURE__ */ t.jsx(b, { size: e, name: r }), !o)) {
-      const d = j(r);
+    if (r && (a = /* @__PURE__ */ t.jsx(x, { size: e, name: r }), !o)) {
+      const d = g(r);
       return /* @__PURE__ */ t.jsx(
         B,
         {
@@ -37,7 +37,7 @@ const j = (s) => s.replace(/([A-Z])/g, " $1").replace(/^\w/, (o) => o.toUpperCas
       );
     }
     return /* @__PURE__ */ t.jsxs(
-      g,
+      j,
       {
         className: "Button",
         "data-testid": "kibble-button",
@@ -64,4 +64,4 @@ I.displayName = "Button";
 export {
   I as B
 };
-//# sourceMappingURL=button.component-BtkAjIWe.js.map
+//# sourceMappingURL=button.component-BpF3MzbZ.js.map

package/dist/chunks/button.component-BpF3MzbZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.component-BpF3MzbZ.js","sources":["../../src/shared/utils/strings.ts","../../src/components/Button/button.component.tsx"],"sourcesContent":["export const camelCaseToLabel = (s: string): string =>\n  s.replace(/([A-Z])/g, \" $1\").replace(/^\\w/, (c) => c.toUpperCase());\n\nexport const toTitleCase = (s: string): string => {\n  const smallWords =\n    /^(a|an|and|as|at|but|by|en|for|if|in|nor|of|on|or|per|the|to|v.?|vs.?|via)$/i;\n  const alphanumericPattern = /([A-Za-z0-9\\u00C0-\\u00FF])/;\n  const wordSeparators = /([ :–—-])/;\n\n  return s\n    .split(wordSeparators)\n    .map(function (current, index, array) {\n      if (\n        /* Check for small words */\n        current.search(smallWords) > -1 &&\n        /* Skip first and last word */\n        index !== 0 &&\n        index !== array.length - 1 &&\n        /* Ignore title end and subtitle start */\n        array[index - 3] !== \":\" &&\n        array[index + 1] !== \":\" &&\n        /* Ignore small words that start a hyphenated phrase */\n        (array[index + 1] !== \"-\" ||\n          (array[index - 1] === \"-\" && array[index + 1] === \"-\"))\n      ) {\n        return current.toLowerCase();\n      }\n\n      /* Ignore intentional capitalization */\n      if (current.substring(1).search(/[A-Z]|\\../) > -1) {\n        return current;\n      }\n\n      /* Ignore URLs */\n      if (array[index + 1] === \":\" && array[index + 2] !== \"\") {\n        return current;\n      }\n\n      /* Capitalize the first letter */\n      return current.replace(alphanumericPattern, (match) =>\n        match.toUpperCase(),\n      );\n    })\n    .join(\"\");\n};\n","import React, { ForwardedRef, forwardRef, useMemo } from \"react\";\nimport {\n  Button as CButton,\n  ButtonProps as CButtonProps,\n  IconButton as CIconButton,\n} from \"@chakra-ui/react/button\";\nimport { IconName } from \"components/Icon/icon.types\";\nimport {\n  ButtonConfigVariant,\n  ButtonIconPosition,\n  ButtonSize,\n  ButtonSpinnerPlacement,\n  ButtonVariant,\n} from \"./button.types\";\nimport { camelCaseToLabel } from \"shared/utils/strings\";\nimport { Icon } from \"components/Icon\";\n\nexport interface ButtonProps extends CButtonProps {\n  active?: boolean;\n  iconName?: IconName;\n  iconPosition?: ButtonIconPosition;\n  fullWidth?: boolean;\n  size?: ButtonSize;\n  spinnerPlacement?: ButtonSpinnerPlacement;\n  onContrast?: boolean;\n  variant?: ButtonVariant;\n}\n\nexport const Button = forwardRef(\n  (\n    {\n      active,\n      children,\n      iconName,\n      iconPosition = \"left\",\n      fullWidth = false,\n      onContrast = false,\n      size = \"md\",\n      variant = \"primary\",\n      ...rest\n    }: ButtonProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n  ): React.JSX.Element => {\n    let icon;\n    const computedVariant = useMemo(\n      () =>\n        `${variant}${onContrast ? \"OnContrast\" : \"\"}` as ButtonConfigVariant,\n      [onContrast, variant],\n    );\n\n    if (iconName) {\n      icon = <Icon size={size} name={iconName} />;\n\n      if (!children) {\n        const label = camelCaseToLabel(iconName);\n        return (\n          <CIconButton\n            className=\"IconButton\"\n            data-testid=\"kibble-icon-button\"\n            ref={ref}\n            aria-label={label}\n            size={size}\n            variant={computedVariant}\n            {...rest}\n            {...(fullWidth && { width: \"100%\" })}\n          >\n            {icon}\n          </CIconButton>\n        );\n      }\n    }\n\n    return (\n      <CButton\n        className=\"Button\"\n        data-testid=\"kibble-button\"\n        fontWeight=\"semibold\"\n        ref={ref}\n        size={size}\n        variant={computedVariant}\n        {...(active && { \"data-active\": true })}\n        {...rest}\n        {...(fullWidth && { width: \"100%\" })}\n        {...(!!iconName && {\n          gap: size === \"xs\" || size === \"sm\" ? 1 : 2,\n        })}\n      >\n        {icon && iconPosition === \"left\" ? icon : <></>}\n        {children}\n        {icon && iconPosition === \"right\" ? icon : <></>}\n      </CButton>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n"],"names":["camelCaseToLabel","c","Button","forwardRef","active","children","iconName","iconPosition","fullWidth","onContrast","size","variant","rest","ref","icon","computedVariant","useMemo","jsx","Icon","label","CIconButton","jsxs","CButton","Fragment"],"mappings":";;;;AAAO,MAAMA,IAAmB,CAAC,MAC/B,EAAE,QAAQ,YAAY,KAAK,EAAE,QAAQ,OAAO,CAACC,MAAMA,EAAE,aAAa,GC2BvDC,IAASC;AAAA,EACpB,CACE;AAAA,IACE,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,WAAAC,IAAY;AAAA,IACZ,YAAAC,IAAa;AAAA,IACb,MAAAC,IAAO;AAAA,IACP,SAAAC,IAAU;AAAA,IACV,GAAGC;AAAA,KAELC,MACsB;AAClB,QAAAC;AACJ,UAAMC,IAAkBC;AAAA,MACtB,MACE,GAAGL,CAAO,GAAGF,IAAa,eAAe,EAAE;AAAA,MAC7C,CAACA,GAAYE,CAAO;AAAA,IACtB;AAEA,QAAIL,MACFQ,IAAQG,gBAAAA,EAAA,IAAAC,GAAA,EAAK,MAAAR,GAAY,MAAMJ,GAAU,GAErC,CAACD,IAAU;AACP,YAAAc,IAAQnB,EAAiBM,CAAQ;AAErC,aAAAW,gBAAAA,EAAA;AAAA,QAACG;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,KAAAP;AAAA,UACA,cAAYM;AAAA,UACZ,MAAAT;AAAA,UACA,SAASK;AAAA,UACR,GAAGH;AAAA,UACH,GAAIJ,KAAa,EAAE,OAAO,OAAO;AAAA,UAEjC,UAAAM;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAMJ,WAAAO,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,YAAW;AAAA,QACX,KAAAT;AAAA,QACA,MAAAH;AAAA,QACA,SAASK;AAAA,QACR,GAAIX,KAAU,EAAE,eAAe,GAAK;AAAA,QACpC,GAAGQ;AAAA,QACH,GAAIJ,KAAa,EAAE,OAAO,OAAO;AAAA,QACjC,GAAI,CAAC,CAACF,KAAY;AAAA,UACjB,KAAKI,MAAS,QAAQA,MAAS,OAAO,IAAI;AAAA,QAC5C;AAAA,QAEC,UAAA;AAAA,UAAQI,KAAAP,MAAiB,SAASO,IAASG,gBAAAA,EAAA,IAAAM,EAAA,UAAA,EAAA;AAAA,UAC3ClB;AAAA,UACAS,KAAQP,MAAiB,UAAUO,IAASG,gBAAAA,EAAA,IAAAM,EAAA,UAAA,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/C;AAAA,EAAA;AAGN;AAEArB,EAAO,cAAc;"}

package/dist/chunks/button.component-Dd9AfGox.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("./jsx-runtime-BjDatQAs.js"),p=require("react"),R=require("./icon.component-C0e0UGBw.js"),j=require("./icon-button-DtjZ-SdQ.js"),B=a=>a.replace(/([A-Z])/g," $1").replace(/^\w/,n=>n.toUpperCase()),d=p.forwardRef(({active:a,children:n,iconName:o,iconPosition:r="left",fullWidth:u=!1,onContrast:i=!1,size:s="md",variant:c="primary",...x},m)=>{let e;const l=p.useMemo(()=>`${c}${i?"OnContrast":""}`,[i,c]);if(o&&(e=t.jsxRuntimeExports.jsx(R.Icon,{size:s,name:o}),!n)){const b=B(o);return t.jsxRuntimeExports.jsx(j.IconButton,{className:"IconButton","data-testid":"kibble-icon-button",ref:m,"aria-label":b,size:s,variant:l,...x,...u&&{width:"100%"},children:e})}return t.jsxRuntimeExports.jsxs(j.Button,{className:"Button","data-testid":"kibble-button",fontWeight:"semibold",ref:m,size:s,variant:l,...a&&{"data-active":!0},...x,...u&&{width:"100%"},...!!o&&{gap:s==="xs"||s==="sm"?1:2},children:[e&&r==="left"?e:t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{}),n,e&&r==="right"?e:t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{})]})});d.displayName="Button";exports.Button=d;
+//# sourceMappingURL=button.component-Dd9AfGox.js.map

package/dist/chunks/button.component-Dd9AfGox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.component-Dd9AfGox.js","sources":["../../src/shared/utils/strings.ts","../../src/components/Button/button.component.tsx"],"sourcesContent":["export const camelCaseToLabel = (s: string): string =>\n  s.replace(/([A-Z])/g, \" $1\").replace(/^\\w/, (c) => c.toUpperCase());\n\nexport const toTitleCase = (s: string): string => {\n  const smallWords =\n    /^(a|an|and|as|at|but|by|en|for|if|in|nor|of|on|or|per|the|to|v.?|vs.?|via)$/i;\n  const alphanumericPattern = /([A-Za-z0-9\\u00C0-\\u00FF])/;\n  const wordSeparators = /([ :–—-])/;\n\n  return s\n    .split(wordSeparators)\n    .map(function (current, index, array) {\n      if (\n        /* Check for small words */\n        current.search(smallWords) > -1 &&\n        /* Skip first and last word */\n        index !== 0 &&\n        index !== array.length - 1 &&\n        /* Ignore title end and subtitle start */\n        array[index - 3] !== \":\" &&\n        array[index + 1] !== \":\" &&\n        /* Ignore small words that start a hyphenated phrase */\n        (array[index + 1] !== \"-\" ||\n          (array[index - 1] === \"-\" && array[index + 1] === \"-\"))\n      ) {\n        return current.toLowerCase();\n      }\n\n      /* Ignore intentional capitalization */\n      if (current.substring(1).search(/[A-Z]|\\../) > -1) {\n        return current;\n      }\n\n      /* Ignore URLs */\n      if (array[index + 1] === \":\" && array[index + 2] !== \"\") {\n        return current;\n      }\n\n      /* Capitalize the first letter */\n      return current.replace(alphanumericPattern, (match) =>\n        match.toUpperCase(),\n      );\n    })\n    .join(\"\");\n};\n","import React, { ForwardedRef, forwardRef, useMemo } from \"react\";\nimport {\n  Button as CButton,\n  ButtonProps as CButtonProps,\n  IconButton as CIconButton,\n} from \"@chakra-ui/react/button\";\nimport { IconName } from \"components/Icon/icon.types\";\nimport {\n  ButtonConfigVariant,\n  ButtonIconPosition,\n  ButtonSize,\n  ButtonSpinnerPlacement,\n  ButtonVariant,\n} from \"./button.types\";\nimport { camelCaseToLabel } from \"shared/utils/strings\";\nimport { Icon } from \"components/Icon\";\n\nexport interface ButtonProps extends CButtonProps {\n  active?: boolean;\n  iconName?: IconName;\n  iconPosition?: ButtonIconPosition;\n  fullWidth?: boolean;\n  size?: ButtonSize;\n  spinnerPlacement?: ButtonSpinnerPlacement;\n  onContrast?: boolean;\n  variant?: ButtonVariant;\n}\n\nexport const Button = forwardRef(\n  (\n    {\n      active,\n      children,\n      iconName,\n      iconPosition = \"left\",\n      fullWidth = false,\n      onContrast = false,\n      size = \"md\",\n      variant = \"primary\",\n      ...rest\n    }: ButtonProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n  ): React.JSX.Element => {\n    let icon;\n    const computedVariant = useMemo(\n      () =>\n        `${variant}${onContrast ? \"OnContrast\" : \"\"}` as ButtonConfigVariant,\n      [onContrast, variant],\n    );\n\n    if (iconName) {\n      icon = <Icon size={size} name={iconName} />;\n\n      if (!children) {\n        const label = camelCaseToLabel(iconName);\n        return (\n          <CIconButton\n            className=\"IconButton\"\n            data-testid=\"kibble-icon-button\"\n            ref={ref}\n            aria-label={label}\n            size={size}\n            variant={computedVariant}\n            {...rest}\n            {...(fullWidth && { width: \"100%\" })}\n          >\n            {icon}\n          </CIconButton>\n        );\n      }\n    }\n\n    return (\n      <CButton\n        className=\"Button\"\n        data-testid=\"kibble-button\"\n        fontWeight=\"semibold\"\n        ref={ref}\n        size={size}\n        variant={computedVariant}\n        {...(active && { \"data-active\": true })}\n        {...rest}\n        {...(fullWidth && { width: \"100%\" })}\n        {...(!!iconName && {\n          gap: size === \"xs\" || size === \"sm\" ? 1 : 2,\n        })}\n      >\n        {icon && iconPosition === \"left\" ? icon : <></>}\n        {children}\n        {icon && iconPosition === \"right\" ? icon : <></>}\n      </CButton>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n"],"names":["camelCaseToLabel","s","c","Button","forwardRef","active","children","iconName","iconPosition","fullWidth","onContrast","size","variant","rest","ref","icon","computedVariant","useMemo","jsx","Icon","label","CIconButton","jsxs","CButton","Fragment"],"mappings":"8JAAaA,EAAoBC,GAC/BA,EAAE,QAAQ,WAAY,KAAK,EAAE,QAAQ,MAAQC,GAAMA,EAAE,aAAa,EC2BvDC,EAASC,EAAA,WACpB,CACE,CACE,OAAAC,EACA,SAAAC,EACA,SAAAC,EACA,aAAAC,EAAe,OACf,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,GAAGC,GAELC,IACsB,CAClB,IAAAC,EACJ,MAAMC,EAAkBC,EAAA,QACtB,IACE,GAAGL,CAAO,GAAGF,EAAa,aAAe,EAAE,GAC7C,CAACA,EAAYE,CAAO,CACtB,EAEA,GAAIL,IACFQ,EAAQG,EAAA,kBAAA,IAAAC,EAAA,KAAA,CAAK,KAAAR,EAAY,KAAMJ,EAAU,EAErC,CAACD,GAAU,CACP,MAAAc,EAAQpB,EAAiBO,CAAQ,EAErC,OAAAW,EAAA,kBAAA,IAACG,EAAA,WAAA,CACC,UAAU,aACV,cAAY,qBACZ,IAAAP,EACA,aAAYM,EACZ,KAAAT,EACA,QAASK,EACR,GAAGH,EACH,GAAIJ,GAAa,CAAE,MAAO,MAAO,EAEjC,SAAAM,CAAA,CACH,CAAA,CAMJ,OAAAO,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,UAAU,SACV,cAAY,gBACZ,WAAW,WACX,IAAAT,EACA,KAAAH,EACA,QAASK,EACR,GAAIX,GAAU,CAAE,cAAe,EAAK,EACpC,GAAGQ,EACH,GAAIJ,GAAa,CAAE,MAAO,MAAO,EACjC,GAAI,CAAC,CAACF,GAAY,CACjB,IAAKI,IAAS,MAAQA,IAAS,KAAO,EAAI,CAC5C,EAEC,SAAA,CAAQI,GAAAP,IAAiB,OAASO,EAASG,EAAA,kBAAA,IAAAM,EAAA,kBAAA,SAAA,EAAA,EAC3ClB,EACAS,GAAQP,IAAiB,QAAUO,EAASG,EAAA,kBAAA,IAAAM,EAAA,kBAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAC/C,CAAA,CAGN,EAEArB,EAAO,YAAc"}

package/dist/chunks/buttonGroup.component-B6Z97Z5w.js

@@ -0,0 +1,77 @@
+import { j as t } from "./jsx-runtime-C5mzlN2N.js";
+import { forwardRef as j, useMemo as a } from "react";
+import { B as y } from "./button.component-BpF3MzbZ.js";
+import { M as G } from "./menu.component-DaWlH0RE.js";
+import { u as c } from "./use-recipe-d63ABaZ3.js";
+import { a as P } from "./icon-button-DTZOklQ9.js";
+import { G as R } from "./group-DPCVolOl.js";
+const k = j(
+  function(s, n) {
+    const o = c({ key: "button" }), [r, p] = a(
+      () => o.splitVariantProps(s),
+      [s, o]
+    );
+    return /* @__PURE__ */ t.jsx(P, { value: r, children: /* @__PURE__ */ t.jsx(R, { ref: n, ...p }) });
+  }
+), w = ({
+  attached: e = !0,
+  borderColor: s,
+  buttons: n,
+  menuProps: o,
+  onContrast: r = !1,
+  size: p = "md",
+  variant: u = "primary",
+  ...d
+}) => {
+  const l = a(
+    () => `${u}${r ? "OnContrast" : ""}`,
+    [r, u]
+  ), i = c({ key: "button" })({ variant: l })["@layer recipes"], b = i?.borderColor !== "var(--chakra-colors-transparent)" ? i?.borderColor : i?.color, m = {
+    borderWidth: "1px",
+    borderColor: s || b
+  };
+  return /* @__PURE__ */ t.jsxs(
+    k,
+    {
+      className: "ButtonGroup",
+      "data-testid": "kibble-button-group",
+      attached: e,
+      ...d,
+      children: [
+        n.map(({ key: f, ...B }, x) => /* @__PURE__ */ t.jsx(
+          y,
+          {
+            size: p,
+            variant: u,
+            onContrast: r,
+            ...B,
+            ...e && m
+          },
+          f || x
+        )),
+        o && /* @__PURE__ */ t.jsx(
+          G,
+          {
+            positioning: { placement: "bottom" },
+            ...o,
+            buttonProps: {
+              ...o.buttonProps,
+              size: p,
+              variant: u,
+              onContrast: r,
+              ...e && {
+                ...m,
+                borderTopLeftRadius: 0,
+                borderBottomLeftRadius: 0
+              }
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  w as B
+};
+//# sourceMappingURL=buttonGroup.component-B6Z97Z5w.js.map

package/dist/chunks/buttonGroup.component-B6Z97Z5w.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonGroup.component-B6Z97Z5w.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/button/button-group.js","../../src/components/ButtonGroup/buttonGroup.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, useMemo } from 'react';\nimport { useRecipe } from '../../styled-system/use-recipe.js';\nimport { ButtonPropsProvider } from './button.js';\nimport { Group } from '../group/group.js';\n\nconst ButtonGroup = forwardRef(\n  function ButtonGroup2(props, ref) {\n    const recipe = useRecipe({ key: \"button\" });\n    const [variantProps, otherProps] = useMemo(\n      () => recipe.splitVariantProps(props),\n      [props, recipe]\n    );\n    return /* @__PURE__ */ jsx(ButtonPropsProvider, { value: variantProps, children: /* @__PURE__ */ jsx(Group, { ref, ...otherProps }) });\n  }\n);\n\nexport { ButtonGroup };\n","import React, { useMemo } from \"react\";\nimport {\n  ButtonGroup as CButtonGroup,\n  ButtonGroupProps as CButtonGroupProps,\n} from \"@chakra-ui/react/button\";\nimport { GroupedButton } from \"./buttonGroup.types\";\nimport {\n  ButtonConfigVariant,\n  ButtonSize,\n  ButtonVariant,\n} from \"components/Button/button.types\";\nimport { Button } from \"components/Button/button.component\";\nimport { SystemStyleObject, useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Menu, MenuProps } from \"components/Menu/menu.component\";\n\nexport interface ButtonGroupProps extends CButtonGroupProps {\n  buttons: GroupedButton[];\n  onContrast?: boolean;\n  size?: ButtonSize;\n  variant?: ButtonVariant;\n  menuProps?: MenuProps;\n}\n\nexport const ButtonGroup = ({\n  attached = true,\n  borderColor,\n  buttons,\n  menuProps,\n  onContrast = false,\n  size = \"md\",\n  variant = \"primary\",\n  ...rest\n}: ButtonGroupProps): React.JSX.Element => {\n  const computedVariant = useMemo(\n    () => `${variant}${onContrast ? \"OnContrast\" : \"\"}` as ButtonConfigVariant,\n    [onContrast, variant],\n  );\n  const recipe = useRecipe({ key: \"button\" });\n  const styles = recipe({ variant: computedVariant })[\"@layer recipes\"];\n  const computedBorderColor =\n    styles?.borderColor !== \"var(--chakra-colors-transparent)\"\n      ? styles?.borderColor\n      : styles?.color;\n\n  const buttonStyles: SystemStyleObject = {\n    borderWidth: \"1px\",\n    borderColor: borderColor || computedBorderColor,\n  };\n\n  return (\n    <CButtonGroup\n      className=\"ButtonGroup\"\n      data-testid=\"kibble-button-group\"\n      attached={attached}\n      {...rest}\n    >\n      {buttons.map(({ key, ...rest }, index) => (\n        <Button\n          key={key || index}\n          size={size}\n          variant={variant}\n          onContrast={onContrast}\n          {...rest}\n          {...(attached && buttonStyles)}\n        />\n      ))}\n      {menuProps && (\n        <Menu\n          positioning={{ placement: \"bottom\" }}\n          {...menuProps}\n          buttonProps={{\n            ...menuProps.buttonProps,\n            size,\n            variant,\n            onContrast,\n            ...(attached && {\n              ...buttonStyles,\n              borderTopLeftRadius: 0,\n              borderBottomLeftRadius: 0,\n            }),\n          }}\n        />\n      )}\n    </CButtonGroup>\n  );\n};\n"],"names":["ButtonGroup","forwardRef","props","ref","recipe","useRecipe","variantProps","otherProps","useMemo","jsx","ButtonPropsProvider","Group","attached","borderColor","buttons","menuProps","onContrast","size","variant","rest","computedVariant","styles","computedBorderColor","buttonStyles","jsxs","CButtonGroup","key","index","Button","Menu"],"mappings":";;;;;;;AAQA,MAAMA,IAAcC;AAAA,EAClB,SAAsBC,GAAOC,GAAK;AAChC,UAAMC,IAASC,EAAU,EAAE,KAAK,SAAQ,CAAE,GACpC,CAACC,GAAcC,CAAU,IAAIC;AAAA,MACjC,MAAMJ,EAAO,kBAAkBF,CAAK;AAAA,MACpC,CAACA,GAAOE,CAAM;AAAA,IACf;AACD,WAAuBK,gBAAAA,EAAG,IAACC,GAAqB,EAAE,OAAOJ,GAAc,UAA0BG,gBAAAA,MAAIE,GAAO,EAAE,KAAAR,GAAK,GAAGI,EAAU,CAAE,EAAC,CAAE;AAAA,EACzI;AACA,GCMaP,IAAc,CAAC;AAAA,EAC1B,UAAAY,IAAW;AAAA,EACX,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAA2C;AACzC,QAAMC,IAAkBZ;AAAA,IACtB,MAAM,GAAGU,CAAO,GAAGF,IAAa,eAAe,EAAE;AAAA,IACjD,CAACA,GAAYE,CAAO;AAAA,EACtB,GAEMG,IADShB,EAAU,EAAE,KAAK,UAAU,EACpB,EAAE,SAASe,EAAgB,CAAC,EAAE,gBAAgB,GAC9DE,IACJD,GAAQ,gBAAgB,qCACpBA,GAAQ,cACRA,GAAQ,OAERE,IAAkC;AAAA,IACtC,aAAa;AAAA,IACb,aAAaV,KAAeS;AAAA,EAC9B;AAGE,SAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,UAAAb;AAAA,MACC,GAAGO;AAAA,MAEH,UAAA;AAAA,QAAAL,EAAQ,IAAI,CAAC,EAAE,KAAAY,GAAK,GAAGP,EAAAA,GAAQQ,MAC9BlB,gBAAAA,EAAA;AAAA,UAACmB;AAAA,UAAA;AAAA,YAEC,MAAAX;AAAA,YACA,SAAAC;AAAA,YACA,YAAAF;AAAA,YACC,GAAGG;AAAAA,YACH,GAAIP,KAAYW;AAAA,UAAA;AAAA,UALZG,KAAOC;AAAA,QAAA,CAOf;AAAA,QACAZ,KACCN,gBAAAA,EAAA;AAAA,UAACoB;AAAA,UAAA;AAAA,YACC,aAAa,EAAE,WAAW,SAAS;AAAA,YAClC,GAAGd;AAAA,YACJ,aAAa;AAAA,cACX,GAAGA,EAAU;AAAA,cACb,MAAAE;AAAA,cACA,SAAAC;AAAA,cACA,YAAAF;AAAA,cACA,GAAIJ,KAAY;AAAA,gBACd,GAAGW;AAAA,gBACH,qBAAqB;AAAA,gBACrB,wBAAwB;AAAA,cAAA;AAAA,YAC1B;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AAEJ;","x_google_ignoreList":[0]}

package/dist/chunks/buttonGroup.component-dEH5U2U9.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),p=require("react"),B=require("./button.component-Dd9AfGox.js"),q=require("./menu.component-DCtztozy.js"),d=require("./use-recipe-DaPWl_pL.js"),f=require("./icon-button-DtjZ-SdQ.js"),y=require("./group-Cv7AQw1b.js"),G=p.forwardRef(function(s,c){const o=d.useRecipe({key:"button"}),[t,u]=p.useMemo(()=>o.splitVariantProps(s),[s,o]);return e.jsxRuntimeExports.jsx(f.ButtonPropsProvider,{value:t,children:e.jsxRuntimeExports.jsx(y.Group,{ref:c,...u})})}),E=({attached:r=!0,borderColor:s,buttons:c,menuProps:o,onContrast:t=!1,size:u="md",variant:n="primary",...l})=>{const x=p.useMemo(()=>`${n}${t?"OnContrast":""}`,[t,n]),i=d.useRecipe({key:"button"})({variant:x})["@layer recipes"],b=i?.borderColor!=="var(--chakra-colors-transparent)"?i?.borderColor:i?.color,m={borderWidth:"1px",borderColor:s||b};return e.jsxRuntimeExports.jsxs(G,{className:"ButtonGroup","data-testid":"kibble-button-group",attached:r,...l,children:[c.map(({key:a,...R},j)=>e.jsxRuntimeExports.jsx(B.Button,{size:u,variant:n,onContrast:t,...R,...r&&m},a||j)),o&&e.jsxRuntimeExports.jsx(q.Menu,{positioning:{placement:"bottom"},...o,buttonProps:{...o.buttonProps,size:u,variant:n,onContrast:t,...r&&{...m,borderTopLeftRadius:0,borderBottomLeftRadius:0}}})]})};exports.ButtonGroup=E;
+//# sourceMappingURL=buttonGroup.component-dEH5U2U9.js.map

package/dist/chunks/buttonGroup.component-dEH5U2U9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonGroup.component-dEH5U2U9.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/button/button-group.js","../../src/components/ButtonGroup/buttonGroup.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, useMemo } from 'react';\nimport { useRecipe } from '../../styled-system/use-recipe.js';\nimport { ButtonPropsProvider } from './button.js';\nimport { Group } from '../group/group.js';\n\nconst ButtonGroup = forwardRef(\n  function ButtonGroup2(props, ref) {\n    const recipe = useRecipe({ key: \"button\" });\n    const [variantProps, otherProps] = useMemo(\n      () => recipe.splitVariantProps(props),\n      [props, recipe]\n    );\n    return /* @__PURE__ */ jsx(ButtonPropsProvider, { value: variantProps, children: /* @__PURE__ */ jsx(Group, { ref, ...otherProps }) });\n  }\n);\n\nexport { ButtonGroup };\n","import React, { useMemo } from \"react\";\nimport {\n  ButtonGroup as CButtonGroup,\n  ButtonGroupProps as CButtonGroupProps,\n} from \"@chakra-ui/react/button\";\nimport { GroupedButton } from \"./buttonGroup.types\";\nimport {\n  ButtonConfigVariant,\n  ButtonSize,\n  ButtonVariant,\n} from \"components/Button/button.types\";\nimport { Button } from \"components/Button/button.component\";\nimport { SystemStyleObject, useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Menu, MenuProps } from \"components/Menu/menu.component\";\n\nexport interface ButtonGroupProps extends CButtonGroupProps {\n  buttons: GroupedButton[];\n  onContrast?: boolean;\n  size?: ButtonSize;\n  variant?: ButtonVariant;\n  menuProps?: MenuProps;\n}\n\nexport const ButtonGroup = ({\n  attached = true,\n  borderColor,\n  buttons,\n  menuProps,\n  onContrast = false,\n  size = \"md\",\n  variant = \"primary\",\n  ...rest\n}: ButtonGroupProps): React.JSX.Element => {\n  const computedVariant = useMemo(\n    () => `${variant}${onContrast ? \"OnContrast\" : \"\"}` as ButtonConfigVariant,\n    [onContrast, variant],\n  );\n  const recipe = useRecipe({ key: \"button\" });\n  const styles = recipe({ variant: computedVariant })[\"@layer recipes\"];\n  const computedBorderColor =\n    styles?.borderColor !== \"var(--chakra-colors-transparent)\"\n      ? styles?.borderColor\n      : styles?.color;\n\n  const buttonStyles: SystemStyleObject = {\n    borderWidth: \"1px\",\n    borderColor: borderColor || computedBorderColor,\n  };\n\n  return (\n    <CButtonGroup\n      className=\"ButtonGroup\"\n      data-testid=\"kibble-button-group\"\n      attached={attached}\n      {...rest}\n    >\n      {buttons.map(({ key, ...rest }, index) => (\n        <Button\n          key={key || index}\n          size={size}\n          variant={variant}\n          onContrast={onContrast}\n          {...rest}\n          {...(attached && buttonStyles)}\n        />\n      ))}\n      {menuProps && (\n        <Menu\n          positioning={{ placement: \"bottom\" }}\n          {...menuProps}\n          buttonProps={{\n            ...menuProps.buttonProps,\n            size,\n            variant,\n            onContrast,\n            ...(attached && {\n              ...buttonStyles,\n              borderTopLeftRadius: 0,\n              borderBottomLeftRadius: 0,\n            }),\n          }}\n        />\n      )}\n    </CButtonGroup>\n  );\n};\n"],"names":["ButtonGroup","forwardRef","props","ref","recipe","useRecipe","variantProps","otherProps","useMemo","jsx","ButtonPropsProvider","Group","attached","borderColor","buttons","menuProps","onContrast","size","variant","rest","computedVariant","styles","computedBorderColor","buttonStyles","jsxs","CButtonGroup","key","index","Button","Menu"],"mappings":"iRAQMA,EAAcC,EAAU,WAC5B,SAAsBC,EAAOC,EAAK,CAChC,MAAMC,EAASC,EAAS,UAAC,CAAE,IAAK,QAAQ,CAAE,EACpC,CAACC,EAAcC,CAAU,EAAIC,EAAO,QACxC,IAAMJ,EAAO,kBAAkBF,CAAK,EACpC,CAACA,EAAOE,CAAM,CACf,EACD,OAAuBK,EAAG,kBAAA,IAACC,EAAmB,oBAAE,CAAE,MAAOJ,EAAc,SAA0BG,wBAAIE,EAAAA,MAAO,CAAE,IAAAR,EAAK,GAAGI,CAAU,CAAE,CAAC,CAAE,CACzI,CACA,ECMaP,EAAc,CAAC,CAC1B,SAAAY,EAAW,GACX,YAAAC,EACA,QAAAC,EACA,UAAAC,EACA,WAAAC,EAAa,GACb,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,GAAGC,CACL,IAA2C,CACzC,MAAMC,EAAkBZ,EAAA,QACtB,IAAM,GAAGU,CAAO,GAAGF,EAAa,aAAe,EAAE,GACjD,CAACA,EAAYE,CAAO,CACtB,EAEMG,EADShB,EAAA,UAAU,CAAE,IAAK,SAAU,EACpB,CAAE,QAASe,CAAgB,CAAC,EAAE,gBAAgB,EAC9DE,EACJD,GAAQ,cAAgB,mCACpBA,GAAQ,YACRA,GAAQ,MAERE,EAAkC,CACtC,YAAa,MACb,YAAaV,GAAeS,CAC9B,EAGE,OAAAE,EAAA,kBAAA,KAACC,EAAA,CACC,UAAU,cACV,cAAY,sBACZ,SAAAb,EACC,GAAGO,EAEH,SAAA,CAAAL,EAAQ,IAAI,CAAC,CAAE,IAAAY,EAAK,GAAGP,CAAAA,EAAQQ,IAC9BlB,EAAA,kBAAA,IAACmB,EAAA,OAAA,CAEC,KAAAX,EACA,QAAAC,EACA,WAAAF,EACC,GAAGG,EACH,GAAIP,GAAYW,CAAA,EALZG,GAAOC,CAAA,CAOf,EACAZ,GACCN,EAAA,kBAAA,IAACoB,EAAA,KAAA,CACC,YAAa,CAAE,UAAW,QAAS,EAClC,GAAGd,EACJ,YAAa,CACX,GAAGA,EAAU,YACb,KAAAE,EACA,QAAAC,EACA,WAAAF,EACA,GAAIJ,GAAY,CACd,GAAGW,EACH,oBAAqB,EACrB,uBAAwB,CAAA,CAC1B,CACF,CAAA,CACF,CAAA,CAEJ,CAEJ","x_google_ignoreList":[0]}

package/dist/chunks/card.component-DNX41NGG.js

@@ -0,0 +1,59 @@
+import { j as p } from "./jsx-runtime-C5mzlN2N.js";
+import { useState as x } from "react";
+import { B as f } from "./box-Ck9I7FYv.js";
+const u = {
+  lg: 7,
+  md: 5,
+  sm: 3,
+  xs: 2
+}, k = ({
+  active: o = !1,
+  fullWidth: s = !1,
+  interactive: e = !1,
+  invalid: t = !1,
+  onClick: d,
+  onContrast: r = !1,
+  size: i = "md",
+  children: c,
+  ...b
+}) => {
+  const [a, n] = x(o);
+  return /* @__PURE__ */ p.jsx(
+    f,
+    {
+      className: "Card",
+      "data-testid": "kibble-card",
+      bg: r ? "background.contrast" : "background",
+      p: u[i],
+      border: "1px",
+      borderColor: r ? "border.contrast" : "border",
+      borderRadius: "lg",
+      ...t && { "aria-invalid": !0 },
+      ...e && {
+        borderColor: {
+          base: `${a ? "transparent" : r ? "border.contrast" : "border"}`,
+          _invalid: `${r ? "border.danger.contrast" : "border.danger"}`
+        },
+        boxShadow: {
+          base: `${a ? r ? "active.contrast" : "active" : "none"}`,
+          ...!a && {
+            _hover: r ? "hover.contrast" : "hover"
+          }
+        },
+        cursor: "pointer",
+        transition: ".1s all ease-in-out"
+      },
+      ...!s && { maxW: "max-content" },
+      onClick: (l) => {
+        d?.(l), e && n((m) => !m);
+      },
+      ...b,
+      children: c
+    }
+  );
+};
+export {
+  k as C,
+  u as a
+};
+//# sourceMappingURL=card.component-DNX41NGG.js.map

package/dist/chunks/card.component-DNX41NGG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.component-DNX41NGG.js","sources":["../../src/components/Card/card.records.ts","../../src/components/Card/card.component.tsx"],"sourcesContent":["import { CardSize } from \"./card.types\";\n\nexport const CardPaddingMap: Record<CardSize, number> = {\n  lg: 7,\n  md: 5,\n  sm: 3,\n  xs: 2,\n};\n","import React, { useState } from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\nimport { CardSize } from \"./card.types\";\nimport { CardPaddingMap } from \"./card.records\";\n\nexport interface BaseCardProps {\n  fullWidth?: boolean;\n  onContrast?: boolean;\n  size?: CardSize;\n}\n\nexport interface DefaultCardProps extends BaseCardProps {\n  active?: never;\n  invalid?: never;\n  interactive?: false;\n}\n\nexport interface InteractiveCardProps extends BaseCardProps {\n  active?: boolean;\n  invalid?: boolean;\n  interactive?: true;\n}\n\nexport type KCardProps = InteractiveCardProps | DefaultCardProps;\n\nexport type CardProps = KCardProps & BoxProps;\n\nexport const Card = ({\n  active = false,\n  fullWidth = false,\n  interactive = false,\n  invalid = false,\n  onClick,\n  onContrast = false,\n  size = \"md\",\n  children,\n  ...rest\n}: CardProps): React.JSX.Element => {\n  const [isActive, setIsActive] = useState(active);\n  return (\n    <Box\n      className=\"Card\"\n      data-testid=\"kibble-card\"\n      bg={onContrast ? \"background.contrast\" : \"background\"}\n      p={CardPaddingMap[size]}\n      border=\"1px\"\n      borderColor={onContrast ? \"border.contrast\" : \"border\"}\n      borderRadius=\"lg\"\n      {...(invalid && { \"aria-invalid\": true })}\n      {...(interactive && {\n        borderColor: {\n          base: `${isActive ? \"transparent\" : onContrast ? \"border.contrast\" : \"border\"}`,\n          _invalid: `${onContrast ? \"border.danger.contrast\" : \"border.danger\"}`,\n        },\n        boxShadow: {\n          base: `${isActive ? (onContrast ? \"active.contrast\" : \"active\") : \"none\"}`,\n          ...(!isActive && {\n            _hover: onContrast ? \"hover.contrast\" : \"hover\",\n          }),\n        },\n        cursor: \"pointer\",\n        transition: \".1s all ease-in-out\",\n      })}\n      {...(!fullWidth && { maxW: \"max-content\" })}\n      onClick={(e) => {\n        onClick?.(e);\n\n        if (interactive) {\n          setIsActive((prev) => !prev);\n        }\n      }}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["CardPaddingMap","Card","active","fullWidth","interactive","invalid","onClick","onContrast","size","children","rest","isActive","setIsActive","useState","jsx","Box","e","prev"],"mappings":";;;AAEO,MAAMA,IAA2C;AAAA,EACtD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GCoBaC,IAAO,CAAC;AAAA,EACnB,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,SAAAC,IAAU;AAAA,EACV,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,GAAGC;AACL,MAAoC;AAClC,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAASX,CAAM;AAE7C,SAAAY,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,IAAIR,IAAa,wBAAwB;AAAA,MACzC,GAAGP,EAAeQ,CAAI;AAAA,MACtB,QAAO;AAAA,MACP,aAAaD,IAAa,oBAAoB;AAAA,MAC9C,cAAa;AAAA,MACZ,GAAIF,KAAW,EAAE,gBAAgB,GAAK;AAAA,MACtC,GAAID,KAAe;AAAA,QAClB,aAAa;AAAA,UACX,MAAM,GAAGO,IAAW,gBAAgBJ,IAAa,oBAAoB,QAAQ;AAAA,UAC7E,UAAU,GAAGA,IAAa,2BAA2B,eAAe;AAAA,QACtE;AAAA,QACA,WAAW;AAAA,UACT,MAAM,GAAGI,IAAYJ,IAAa,oBAAoB,WAAY,MAAM;AAAA,UACxE,GAAI,CAACI,KAAY;AAAA,YACf,QAAQJ,IAAa,mBAAmB;AAAA,UAAA;AAAA,QAE5C;AAAA,QACA,QAAQ;AAAA,QACR,YAAY;AAAA,MACd;AAAA,MACC,GAAI,CAACJ,KAAa,EAAE,MAAM,cAAc;AAAA,MACzC,SAAS,CAACa,MAAM;AACd,QAAAV,IAAUU,CAAC,GAEPZ,KACUQ,EAAA,CAACK,MAAS,CAACA,CAAI;AAAA,MAE/B;AAAA,MACC,GAAGP;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/chunks/card.component-KNc4HKSh.js

@@ -0,0 +1,2 @@
+"use strict";const g=require("./jsx-runtime-BjDatQAs.js"),m=require("react"),v=require("./box-Baq7UBls.js"),s={lg:7,md:5,sm:3,xs:2},p=({active:o=!1,fullWidth:d=!1,interactive:a=!1,invalid:t=!1,onClick:i,onContrast:r=!1,size:c="md",children:n,...b})=>{const[e,l]=m.useState(o);return g.jsxRuntimeExports.jsx(v.Box,{className:"Card","data-testid":"kibble-card",bg:r?"background.contrast":"background",p:s[c],border:"1px",borderColor:r?"border.contrast":"border",borderRadius:"lg",...t&&{"aria-invalid":!0},...a&&{borderColor:{base:`${e?"transparent":r?"border.contrast":"border"}`,_invalid:`${r?"border.danger.contrast":"border.danger"}`},boxShadow:{base:`${e?r?"active.contrast":"active":"none"}`,...!e&&{_hover:r?"hover.contrast":"hover"}},cursor:"pointer",transition:".1s all ease-in-out"},...!d&&{maxW:"max-content"},onClick:u=>{i?.(u),a&&l(x=>!x)},...b,children:n})};exports.Card=p;exports.CardPaddingMap=s;
+//# sourceMappingURL=card.component-KNc4HKSh.js.map

package/dist/chunks/card.component-KNc4HKSh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.component-KNc4HKSh.js","sources":["../../src/components/Card/card.records.ts","../../src/components/Card/card.component.tsx"],"sourcesContent":["import { CardSize } from \"./card.types\";\n\nexport const CardPaddingMap: Record<CardSize, number> = {\n  lg: 7,\n  md: 5,\n  sm: 3,\n  xs: 2,\n};\n","import React, { useState } from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\nimport { CardSize } from \"./card.types\";\nimport { CardPaddingMap } from \"./card.records\";\n\nexport interface BaseCardProps {\n  fullWidth?: boolean;\n  onContrast?: boolean;\n  size?: CardSize;\n}\n\nexport interface DefaultCardProps extends BaseCardProps {\n  active?: never;\n  invalid?: never;\n  interactive?: false;\n}\n\nexport interface InteractiveCardProps extends BaseCardProps {\n  active?: boolean;\n  invalid?: boolean;\n  interactive?: true;\n}\n\nexport type KCardProps = InteractiveCardProps | DefaultCardProps;\n\nexport type CardProps = KCardProps & BoxProps;\n\nexport const Card = ({\n  active = false,\n  fullWidth = false,\n  interactive = false,\n  invalid = false,\n  onClick,\n  onContrast = false,\n  size = \"md\",\n  children,\n  ...rest\n}: CardProps): React.JSX.Element => {\n  const [isActive, setIsActive] = useState(active);\n  return (\n    <Box\n      className=\"Card\"\n      data-testid=\"kibble-card\"\n      bg={onContrast ? \"background.contrast\" : \"background\"}\n      p={CardPaddingMap[size]}\n      border=\"1px\"\n      borderColor={onContrast ? \"border.contrast\" : \"border\"}\n      borderRadius=\"lg\"\n      {...(invalid && { \"aria-invalid\": true })}\n      {...(interactive && {\n        borderColor: {\n          base: `${isActive ? \"transparent\" : onContrast ? \"border.contrast\" : \"border\"}`,\n          _invalid: `${onContrast ? \"border.danger.contrast\" : \"border.danger\"}`,\n        },\n        boxShadow: {\n          base: `${isActive ? (onContrast ? \"active.contrast\" : \"active\") : \"none\"}`,\n          ...(!isActive && {\n            _hover: onContrast ? \"hover.contrast\" : \"hover\",\n          }),\n        },\n        cursor: \"pointer\",\n        transition: \".1s all ease-in-out\",\n      })}\n      {...(!fullWidth && { maxW: \"max-content\" })}\n      onClick={(e) => {\n        onClick?.(e);\n\n        if (interactive) {\n          setIsActive((prev) => !prev);\n        }\n      }}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["CardPaddingMap","Card","active","fullWidth","interactive","invalid","onClick","onContrast","size","children","rest","isActive","setIsActive","useState","jsx","Box","e","prev"],"mappings":"4GAEaA,EAA2C,CACtD,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,CACN,ECoBaC,EAAO,CAAC,CACnB,OAAAC,EAAS,GACT,UAAAC,EAAY,GACZ,YAAAC,EAAc,GACd,QAAAC,EAAU,GACV,QAAAC,EACA,WAAAC,EAAa,GACb,KAAAC,EAAO,KACP,SAAAC,EACA,GAAGC,CACL,IAAoC,CAClC,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAASX,CAAM,EAE7C,OAAAY,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,UAAU,OACV,cAAY,cACZ,GAAIR,EAAa,sBAAwB,aACzC,EAAGP,EAAeQ,CAAI,EACtB,OAAO,MACP,YAAaD,EAAa,kBAAoB,SAC9C,aAAa,KACZ,GAAIF,GAAW,CAAE,eAAgB,EAAK,EACtC,GAAID,GAAe,CAClB,YAAa,CACX,KAAM,GAAGO,EAAW,cAAgBJ,EAAa,kBAAoB,QAAQ,GAC7E,SAAU,GAAGA,EAAa,yBAA2B,eAAe,EACtE,EACA,UAAW,CACT,KAAM,GAAGI,EAAYJ,EAAa,kBAAoB,SAAY,MAAM,GACxE,GAAI,CAACI,GAAY,CACf,OAAQJ,EAAa,iBAAmB,OAAA,CAE5C,EACA,OAAQ,UACR,WAAY,qBACd,EACC,GAAI,CAACJ,GAAa,CAAE,KAAM,aAAc,EACzC,QAAUa,GAAM,CACdV,IAAUU,CAAC,EAEPZ,GACUQ,EAACK,GAAS,CAACA,CAAI,CAE/B,EACC,GAAGP,EAEH,SAAAD,CAAA,CACH,CAEJ"}

package/dist/chunks/card.types-Cixp7ouC.js

@@ -0,0 +1,5 @@
+const s = ["xs", "sm", "md", "lg"];
+export {
+  s as c
+};
+//# sourceMappingURL=card.types-Cixp7ouC.js.map

package/dist/chunks/card.types-Cixp7ouC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.types-Cixp7ouC.js","sources":["../../src/components/Card/card.types.ts"],"sourcesContent":["export const cardSizes = [\"xs\", \"sm\", \"md\", \"lg\"] as const;\nexport type CardSize = (typeof cardSizes)[number];\n"],"names":["cardSizes"],"mappings":"AAAO,MAAMA,IAAY,CAAC,MAAM,MAAM,MAAM,IAAI;"}

package/dist/chunks/card.types-MvkQTTZF.js

@@ -0,0 +1,2 @@
+"use strict";const s=["xs","sm","md","lg"];exports.cardSizes=s;
+//# sourceMappingURL=card.types-MvkQTTZF.js.map

package/dist/chunks/card.types-MvkQTTZF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.types-MvkQTTZF.js","sources":["../../src/components/Card/card.types.ts"],"sourcesContent":["export const cardSizes = [\"xs\", \"sm\", \"md\", \"lg\"] as const;\nexport type CardSize = (typeof cardSizes)[number];\n"],"names":["cardSizes"],"mappings":"aAAO,MAAMA,EAAY,CAAC,KAAM,KAAM,KAAM,IAAI"}

package/dist/chunks/{characterCounter.component-DhiMcztY.js → characterCounter.component-BnJlAXbZ.js}

@@ -1,7 +1,9 @@
-import { x as r } from "./vendor-BBfll6i3.js";
+import { j as r } from "./jsx-runtime-C5mzlN2N.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";
+import { W as e } from "./text.component-BZSCPJLf.js";
+import { a as u } from "./config-DlTdf-Yt.js";
+import { u as d } from "./use-slot-recipe-DhtQ1j_5.js";
+import { H as m } from "./h-stack-Ce6JSBK2.js";
 const p = u({
   slots: ["root", "count", "limit"],
   base: {
@@ -61,19 +63,19 @@ const p = u({
     variant: "default",
     invalid: !1
   }
-}), v = ({
-  currentCount: a,
+}), k = ({
+  currentCount: o,
   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 });
+  const n = s ? "onContrast" : "default", i = l(() => t ? o > t : !1, [o, t]), a = d({ recipe: p })({ variant: n, invalid: i });
   return /* @__PURE__ */ r.jsxs(
     m,
     {
       className: "CharacterCount",
       "data-testid": "kibble-character-count",
-      css: o.root,
+      css: a.root,
       children: [
         /* @__PURE__ */ r.jsx(
           e,
@@ -81,8 +83,8 @@ const p = u({
             className: "CharacterCount__Count",
             "data-testid": "kibble-character-count-count",
             size: "xs",
-            css: o.count,
-            children: a
+            css: a.count,
+            children: o
           }
         ),
         c && /* @__PURE__ */ r.jsxs(
@@ -91,7 +93,7 @@ const p = u({
             className: "CharacterCount__Limit",
             "data-testid": "kibble-character-count-limit",
             size: "xs",
-            css: o.limit,
+            css: a.limit,
             children: [
               "/ ",
               t
@@ -103,6 +105,6 @@ const p = u({
   );
 };
 export {
-  v as C
+  k as C
 };
-//# sourceMappingURL=characterCounter.component-DhiMcztY.js.map
+//# sourceMappingURL=characterCounter.component-BnJlAXbZ.js.map

package/dist/chunks/{characterCounter.component-DhiMcztY.js.map → characterCounter.component-BnJlAXbZ.js.map}

@@ -1 +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;"}
+{"version":3,"file":"characterCounter.component-BnJlAXbZ.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/characterCounter.component-D32B_18y.js

@@ -0,0 +1,2 @@
+"use strict";const o=require("./jsx-runtime-BjDatQAs.js"),u=require("react"),a=require("./text.component-BZQWS29V.js"),l=require("./config-BFcXpdZo.js"),d=require("./use-slot-recipe-8liupslO.js"),x=require("./h-stack-Bjx9hlJo.js"),p=l.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}}),b=({currentCount:e,onContrast:s=!1,limit:t,withLimit:c=!0})=>{const n=s?"onContrast":"default",i=u.useMemo(()=>t?e>t:!1,[e,t]),r=d.useSlotRecipe({recipe:p})({variant:n,invalid:i});return o.jsxRuntimeExports.jsxs(x.HStack,{className:"CharacterCount","data-testid":"kibble-character-count",css:r.root,children:[o.jsxRuntimeExports.jsx(a.WrappedText,{className:"CharacterCount__Count","data-testid":"kibble-character-count-count",size:"xs",css:r.count,children:e}),c&&o.jsxRuntimeExports.jsxs(a.WrappedText,{className:"CharacterCount__Limit","data-testid":"kibble-character-count-limit",size:"xs",css:r.limit,children:["/ ",t]})]})};exports.CharacterCounter=b;
+//# sourceMappingURL=characterCounter.component-D32B_18y.js.map

package/dist/chunks/{characterCounter.component-BXxyn_IB.js.map → characterCounter.component-D32B_18y.js.map}

@@ -1 +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"}
+{"version":3,"file":"characterCounter.component-D32B_18y.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":"uOAEaA,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/checkbox.component-Oc8lxpMw.js

@@ -0,0 +1,2 @@
+"use strict";const n=require("./jsx-runtime-BjDatQAs.js"),u=require("react"),$=require("./withFormControl-_nV7mlmV.js"),P=require("./card.component-KNc4HKSh.js"),H=require("./text.component-BZQWS29V.js"),m=require("./checkbox.records-B1tMW87O.js"),W=require("./create-slot-recipe-context-IwVIgtBt.js"),f=require("./factory-D6tdBUPG.js"),D=require("./attr-BMs6szZx.js"),T=require("./empty-B5_AO6Pg.js"),Y=require("./use-recipe-DaPWl_pL.js"),i=require("./use-locale-context-BdqHZ8L8.js"),y=require("./use-field-context--wBJQY1R.js"),b=require("./index-CZ42b9rT.js"),B=o=>o&&o.__esModule?o:{default:o},E=B(u),[_,j]=i.createContext({name:"CheckboxContext",hookName:"useCheckboxContext",providerName:"<CheckboxProvider />"}),N=u.forwardRef((o,e)=>{const t=j(),s=b.mergeProps(t.getControlProps(),o);return n.jsxRuntimeExports.jsx(i.ark.div,{...s,ref:e})});N.displayName="CheckboxControl";function U(o){const{value:e,onChange:t,defaultValue:s}=o,[r,a]=u.useState(s),c=e!==void 0,d=c?e:r,x=u.useCallback(h=>(c||a(h),t?.(h)),[c,t]);return[d,x]}function q(o={}){const{defaultValue:e,value:t,onValueChange:s,disabled:r,readOnly:a,name:c,invalid:d}=o,x=!(r||a),h=i.useEvent(s,{sync:!0}),[p,C]=U({value:t,defaultValue:e||[],onChange:h}),k=l=>p.some(R=>String(R)===String(l)),g=l=>{k(l)?O(l):v(l)},v=l=>{x&&(k(l)||C(p.concat(l)))},O=l=>{x&&C(p.filter(R=>String(R)!==String(l)))};return{isChecked:k,value:p,name:c,disabled:!!r,readOnly:!!a,invalid:!!d,setValue:C,addValue:v,toggleValue:g,getItemProps:l=>({checked:l.value!=null?k(l.value):void 0,onCheckedChange(){l.value!=null&&g(l.value)},name:c,disabled:r,readOnly:a,invalid:d})}}const[J,K]=i.createContext({name:"CheckboxGroupContext",hookName:"useCheckboxGroupContext",providerName:"<CheckboxGroupProvider />",strict:!1}),w=u.forwardRef((o,e)=>{const[t,s]=i.createSplitProps()(o,["defaultValue","value","onValueChange","disabled","invalid","readOnly","name"]),r=q(t);return n.jsxRuntimeExports.jsx(J,{value:r,children:n.jsxRuntimeExports.jsx(i.ark.div,{ref:e,role:"group",...s,...m.checkboxAnatomy.build().group.attrs})})});w.displayName="CheckboxGroup";const S=u.forwardRef((o,e)=>{const t=j(),s=b.mergeProps(t.getHiddenInputProps(),o),r=y.useFieldContext();return n.jsxRuntimeExports.jsx(i.ark.input,{"aria-describedby":r?.ariaDescribedby,...s,ref:e})});S.displayName="CheckboxHiddenInput";const V=u.forwardRef((o,e)=>{const t=j(),s=b.mergeProps(t.getLabelProps(),o);return n.jsxRuntimeExports.jsx(i.ark.span,{...s,ref:e})});V.displayName="CheckboxLabel";const Q=(o={})=>{const e=K(),t=y.useFieldContext(),s=u.useMemo(()=>b.mergeProps(o,e?.getItemProps({value:o.value})??{}),[o,e]),r=u.useId(),{getRootNode:a}=i.useEnvironmentContext(),{dir:c}=i.useLocaleContext(),d={id:r,ids:{label:t?.ids.label,hiddenInput:t?.ids.control},dir:c,disabled:t?.disabled,readOnly:t?.readOnly,invalid:t?.invalid,required:t?.required,getRootNode:a,...s},x=i.useMachine(m.machine,d);return m.connect(x,i.normalizeProps)},G=u.forwardRef((o,e)=>{const[t,s]=i.createSplitProps()(o,["checked","defaultChecked","disabled","form","id","ids","invalid","name","onCheckedChange","readOnly","required","value"]),r=Q(t),a=b.mergeProps(r.getRootProps(),s);return n.jsxRuntimeExports.jsx(_,{value:r,children:n.jsxRuntimeExports.jsx(i.ark.label,{...a,ref:e})})});G.displayName="CheckboxRoot";const I=u.forwardRef((o,e)=>{const[{value:t},s]=i.createSplitProps()(o,["value"]),r=b.mergeProps(t.getRootProps(),s);return n.jsxRuntimeExports.jsx(_,{value:t,children:n.jsxRuntimeExports.jsx(i.ark.label,{...r,ref:e})})});I.displayName="CheckboxRootProvider";const X=u.forwardRef(function(e,t){const s=Y.useRecipe({key:"checkmark",recipe:e.recipe}),[r,a]=s.splitVariantProps(e),{checked:c,indeterminate:d,disabled:x,unstyled:h,children:p,...C}=a,k=h?T.EMPTY_STYLES:s(r);return n.jsxRuntimeExports.jsx(f.chakra.svg,{ref:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3px",strokeLinecap:"round",strokeLinejoin:"round","data-state":d?"indeterminate":c?"checked":"unchecked","data-disabled":D.dataAttr(x),css:[k,e.css],...C,children:d?n.jsxRuntimeExports.jsx("path",{d:"M5 12h14"}):c?n.jsxRuntimeExports.jsx("polyline",{points:"20 6 9 17 4 12"}):null})}),{withProvider:L,withContext:A,useStyles:Z}=W.createSlotRecipeContext({key:"checkbox"});L(I,"root",{forwardAsChild:!0});const z=L(G,"root",{forwardAsChild:!0}),ee=A(V,"label",{forwardAsChild:!0}),M=u.forwardRef(function(e,t){const{checked:s,indeterminate:r,...a}=e,c=j(),d=Z();return s&&c.checked?n.jsxRuntimeExports.jsx(f.chakra.svg,{ref:t,asChild:!0,...a,css:[d.indicator,e.css],children:s}):r&&c.indeterminate?n.jsxRuntimeExports.jsx(f.chakra.svg,{ref:t,asChild:!0,...a,css:[d.indicator,e.css],children:r}):n.jsxRuntimeExports.jsx(X,{ref:t,checked:c.checked,indeterminate:c.indeterminate,disabled:c.disabled,unstyled:!0,...a,css:[d.indicator,e.css]})}),te=A(N,"control",{forwardAsChild:!0,defaultProps:{children:n.jsxRuntimeExports.jsx(M,{})}}),oe=f.chakra(w,{base:{display:"flex",flexDirection:"column",gap:"1.5"}},{forwardAsChild:!0}),re=S,se=$.withFormControl(({checkboxRef:o,children:e,indeterminate:t=!1,onContrast:s,size:r="md",withCard:a=!1,...c})=>{const d=s?"onContrast":"default",x=a?({children:h})=>{const p=(m.CheckboxSizeMap[r]+m.CheckboxLabelSpacing[r]+P.CardPaddingMap[r])*4;return n.jsxRuntimeExports.jsx(P.Card,{className:"Checkbox__Card","data-testid":"kibble-checkbox-card",...!c.disabled&&{interactive:!0,active:!!c.checked},onContrast:s,size:r,fullWidth:!0,display:"flex",...typeof h=="string"&&{alignItems:"center"},width:"inherit",pr:`${p}px`,children:h})}:E.default.Fragment;return n.jsxRuntimeExports.jsx(z,{className:"Checkbox","data-testid":"kibble-checkbox",checked:t?"indeterminate":c.checked,ref:o,variant:d,size:r,...c,children:n.jsxRuntimeExports.jsxs(x,{children:[n.jsxRuntimeExports.jsx(re,{className:"Checkbox__Input","data-testid":"kibble-checkbox-input"}),n.jsxRuntimeExports.jsx(te,{className:"Checkbox__Control","data-testid":"kibble-checkbox-control",children:n.jsxRuntimeExports.jsx(M,{className:"Checkbox__Indicator","data-testid":"kibble-checkbox-indicator"})}),!!e&&n.jsxRuntimeExports.jsx(ee,{className:"Checkbox__Label","data-testid":"kibble-checkbox-label",...a&&typeof e!="string"&&{mt:"-4px"},children:typeof e=="string"?n.jsxRuntimeExports.jsx(H.WrappedText,{size:r,lineHeight:"unset",variant:s?"onContrast":"default",children:e}):e})]})})}),F=E.default.forwardRef((o,e)=>n.jsxRuntimeExports.jsx(se,{checkboxRef:e,...o}));F.displayName="Checkbox";exports.CheckboxGroup=oe;exports.WrappedCheckbox=F;exports.useCheckboxGroup=q;
+//# sourceMappingURL=checkbox.component-Oc8lxpMw.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.component-Oc8lxpMw.js","sources":["../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-context.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-control.js","../../node_modules/@ark-ui/react/dist/utils/use-controllable-state.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-group.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-group-context.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-group.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-hidden-input.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-label.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-root.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/checkmark/checkmark.js","../../node_modules/@chakra-ui/react/dist/esm/components/checkbox/checkbox.js","../../src/components/Checkbox/checkbox.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [CheckboxProvider, useCheckboxContext] = createContext({\n  name: \"CheckboxContext\",\n  hookName: \"useCheckboxContext\",\n  providerName: \"<CheckboxProvider />\"\n});\n\nexport { CheckboxProvider, useCheckboxContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxControl = forwardRef((props, ref) => {\n  const checkbox = useCheckboxContext();\n  const mergedProps = mergeProps(checkbox.getControlProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nCheckboxControl.displayName = \"CheckboxControl\";\n\nexport { CheckboxControl };\n","'use client';\nimport { useState, useCallback } from 'react';\n\nfunction useControllableState(props) {\n  const { value, onChange, defaultValue } = props;\n  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n  const controlled = value !== void 0;\n  const currentValue = controlled ? value : uncontrolledValue;\n  const setValue = useCallback(\n    (value2) => {\n      if (controlled) {\n        return onChange?.(value2);\n      }\n      setUncontrolledValue(value2);\n      return onChange?.(value2);\n    },\n    [controlled, onChange]\n  );\n  return [currentValue, setValue];\n}\n\nexport { useControllableState };\n","'use client';\nimport { useControllableState } from '../../utils/use-controllable-state.js';\nimport { useEvent } from '../../utils/use-event.js';\n\nfunction useCheckboxGroup(props = {}) {\n  const { defaultValue, value: controlledValue, onValueChange, disabled, readOnly, name, invalid } = props;\n  const interactive = !(disabled || readOnly);\n  const onChangeProp = useEvent(onValueChange, { sync: true });\n  const [value, setValue] = useControllableState({\n    value: controlledValue,\n    defaultValue: defaultValue || [],\n    onChange: onChangeProp\n  });\n  const isChecked = (val) => {\n    return value.some((v) => String(v) === String(val));\n  };\n  const toggleValue = (val) => {\n    isChecked(val) ? removeValue(val) : addValue(val);\n  };\n  const addValue = (val) => {\n    if (!interactive) return;\n    if (isChecked(val)) return;\n    setValue(value.concat(val));\n  };\n  const removeValue = (val) => {\n    if (!interactive) return;\n    setValue(value.filter((v) => String(v) !== String(val)));\n  };\n  const getItemProps = (props2) => {\n    return {\n      checked: props2.value != null ? isChecked(props2.value) : void 0,\n      onCheckedChange() {\n        if (props2.value != null) {\n          toggleValue(props2.value);\n        }\n      },\n      name,\n      disabled,\n      readOnly,\n      invalid\n    };\n  };\n  return {\n    isChecked,\n    value,\n    name,\n    disabled: !!disabled,\n    readOnly: !!readOnly,\n    invalid: !!invalid,\n    setValue,\n    addValue,\n    toggleValue,\n    getItemProps\n  };\n}\n\nexport { useCheckboxGroup };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [CheckboxGroupContextProvider, useCheckboxGroupContext] = createContext({\n  name: \"CheckboxGroupContext\",\n  hookName: \"useCheckboxGroupContext\",\n  providerName: \"<CheckboxGroupProvider />\",\n  strict: false\n});\n\nexport { CheckboxGroupContextProvider, useCheckboxGroupContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { checkboxAnatomy } from './checkbox.anatomy.js';\nimport { useCheckboxGroup } from './use-checkbox-group.js';\nimport { CheckboxGroupContextProvider } from './use-checkbox-group-context.js';\n\nconst CheckboxGroup = forwardRef((props, ref) => {\n  const [checkboxGroupProps, localProps] = createSplitProps()(props, [\n    \"defaultValue\",\n    \"value\",\n    \"onValueChange\",\n    \"disabled\",\n    \"invalid\",\n    \"readOnly\",\n    \"name\"\n  ]);\n  const checkboxGroup = useCheckboxGroup(checkboxGroupProps);\n  return /* @__PURE__ */ jsx(CheckboxGroupContextProvider, { value: checkboxGroup, children: /* @__PURE__ */ jsx(ark.div, { ref, role: \"group\", ...localProps, ...checkboxAnatomy.build().group.attrs }) });\n});\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nexport { CheckboxGroup };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useFieldContext } from '../field/use-field-context.js';\nimport { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxHiddenInput = forwardRef((props, ref) => {\n  const checkbox = useCheckboxContext();\n  const mergedProps = mergeProps(checkbox.getHiddenInputProps(), props);\n  const field = useFieldContext();\n  return /* @__PURE__ */ jsx(ark.input, { \"aria-describedby\": field?.ariaDescribedby, ...mergedProps, ref });\n});\nCheckboxHiddenInput.displayName = \"CheckboxHiddenInput\";\n\nexport { CheckboxHiddenInput };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxLabel = forwardRef((props, ref) => {\n  const checkbox = useCheckboxContext();\n  const mergedProps = mergeProps(checkbox.getLabelProps(), props);\n  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nCheckboxLabel.displayName = \"CheckboxLabel\";\n\nexport { CheckboxLabel };\n","'use client';\nimport * as checkbox from '@zag-js/checkbox';\nimport { mergeProps, useMachine, normalizeProps } from '@zag-js/react';\nimport { useMemo, useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\nimport { useFieldContext } from '../field/use-field-context.js';\nimport { useCheckboxGroupContext } from './use-checkbox-group-context.js';\n\nconst useCheckbox = (ownProps = {}) => {\n  const checkboxGroup = useCheckboxGroupContext();\n  const field = useFieldContext();\n  const props = useMemo(() => {\n    return mergeProps(ownProps, checkboxGroup?.getItemProps({ value: ownProps.value }) ?? {});\n  }, [ownProps, checkboxGroup]);\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const machineProps = {\n    id,\n    ids: {\n      label: field?.ids.label,\n      hiddenInput: field?.ids.control\n    },\n    dir,\n    disabled: field?.disabled,\n    readOnly: field?.readOnly,\n    invalid: field?.invalid,\n    required: field?.required,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(checkbox.machine, machineProps);\n  return checkbox.connect(service, normalizeProps);\n};\n\nexport { useCheckbox };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useCheckbox } from './use-checkbox.js';\nimport { CheckboxProvider } from './use-checkbox-context.js';\n\nconst CheckboxRoot = forwardRef((props, ref) => {\n  const [useCheckboxProps, localProps] = createSplitProps()(props, [\n    \"checked\",\n    \"defaultChecked\",\n    \"disabled\",\n    \"form\",\n    \"id\",\n    \"ids\",\n    \"invalid\",\n    \"name\",\n    \"onCheckedChange\",\n    \"readOnly\",\n    \"required\",\n    \"value\"\n  ]);\n  const checkbox = useCheckbox(useCheckboxProps);\n  const mergedProps = mergeProps(checkbox.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(CheckboxProvider, { value: checkbox, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) });\n});\nCheckboxRoot.displayName = \"CheckboxRoot\";\n\nexport { CheckboxRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { CheckboxProvider } from './use-checkbox-context.js';\n\nconst CheckboxRootProvider = forwardRef((props, ref) => {\n  const [{ value: checkbox }, localProps] = createSplitProps()(props, [\"value\"]);\n  const mergedProps = mergeProps(checkbox.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(CheckboxProvider, { value: checkbox, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) });\n});\nCheckboxRootProvider.displayName = \"CheckboxRootProvider\";\n\nexport { CheckboxRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { dataAttr } from '../../utils/attr.js';\nimport { EMPTY_STYLES } from '../../styled-system/empty.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useRecipe } from '../../styled-system/use-recipe.js';\n\nconst Checkmark = forwardRef(\n  function Checkmark2(props, ref) {\n    const recipe = useRecipe({ key: \"checkmark\", recipe: props.recipe });\n    const [variantProps, restProps] = recipe.splitVariantProps(props);\n    const { checked, indeterminate, disabled, unstyled, children, ...rest } = restProps;\n    const styles = unstyled ? EMPTY_STYLES : recipe(variantProps);\n    return /* @__PURE__ */ jsx(\n      chakra.svg,\n      {\n        ref,\n        viewBox: \"0 0 24 24\",\n        fill: \"none\",\n        stroke: \"currentColor\",\n        strokeWidth: \"3px\",\n        strokeLinecap: \"round\",\n        strokeLinejoin: \"round\",\n        \"data-state\": indeterminate ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\",\n        \"data-disabled\": dataAttr(disabled),\n        css: [styles, props.css],\n        ...rest,\n        children: indeterminate ? /* @__PURE__ */ jsx(\"path\", { d: \"M5 12h14\" }) : checked ? /* @__PURE__ */ jsx(\"polyline\", { points: \"20 6 9 17 4 12\" }) : null\n      }\n    );\n  }\n);\n\nexport { Checkmark };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Checkbox, useCheckboxContext } from '@ark-ui/react/checkbox';\nimport { forwardRef } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { Checkmark } from '../checkmark/checkmark.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useCheckboxStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"checkbox\" });\nconst CheckboxRootProvider = withProvider(Checkbox.RootProvider, \"root\", { forwardAsChild: true });\nconst CheckboxRoot = withProvider(\n  Checkbox.Root,\n  \"root\",\n  { forwardAsChild: true }\n);\nconst CheckboxPropsProvider = PropsProvider;\nconst CheckboxLabel = withContext(\n  Checkbox.Label,\n  \"label\",\n  { forwardAsChild: true }\n);\nconst CheckboxIndicator = forwardRef(function CheckboxIndicator2(props, ref) {\n  const { checked, indeterminate, ...rest } = props;\n  const api = useCheckboxContext();\n  const styles = useCheckboxStyles();\n  if (checked && api.checked) {\n    return /* @__PURE__ */ jsx(\n      chakra.svg,\n      {\n        ref,\n        asChild: true,\n        ...rest,\n        css: [styles.indicator, props.css],\n        children: checked\n      }\n    );\n  }\n  if (indeterminate && api.indeterminate) {\n    return /* @__PURE__ */ jsx(\n      chakra.svg,\n      {\n        ref,\n        asChild: true,\n        ...rest,\n        css: [styles.indicator, props.css],\n        children: indeterminate\n      }\n    );\n  }\n  return /* @__PURE__ */ jsx(\n    Checkmark,\n    {\n      ref,\n      checked: api.checked,\n      indeterminate: api.indeterminate,\n      disabled: api.disabled,\n      unstyled: true,\n      ...rest,\n      css: [styles.indicator, props.css]\n    }\n  );\n});\nconst CheckboxControl = withContext(\n  Checkbox.Control,\n  \"control\",\n  {\n    forwardAsChild: true,\n    defaultProps: { children: /* @__PURE__ */ jsx(CheckboxIndicator, {}) }\n  }\n);\nconst CheckboxGroup = chakra(\n  Checkbox.Group,\n  {\n    base: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"1.5\"\n    }\n  },\n  { forwardAsChild: true }\n);\nconst CheckboxContext = Checkbox.Context;\nconst CheckboxHiddenInput = Checkbox.HiddenInput;\n\nexport { CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxPropsProvider, CheckboxRoot, CheckboxRootProvider, useCheckboxStyles };\n","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 { Text } from \"components/Text/text.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              {...(typeof children === \"string\" && { alignItems: \"center\" })}\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              {...(withCard && typeof children !== \"string\" && { mt: \"-4px\" })}\n            >\n              {typeof children === \"string\" ? (\n                <Text\n                  size={size}\n                  lineHeight=\"unset\"\n                  variant={onContrast ? \"onContrast\" : \"default\"}\n                >\n                  {children}\n                </Text>\n              ) : (\n                children\n              )}\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":["CheckboxProvider","useCheckboxContext","createContext","CheckboxControl","forwardRef","props","ref","checkbox","mergedProps","mergeProps","jsx","ark","useControllableState","value","onChange","defaultValue","uncontrolledValue","setUncontrolledValue","useState","controlled","currentValue","setValue","useCallback","value2","useCheckboxGroup","controlledValue","onValueChange","disabled","readOnly","name","invalid","interactive","onChangeProp","useEvent","isChecked","val","v","toggleValue","removeValue","addValue","props2","CheckboxGroupContextProvider","useCheckboxGroupContext","CheckboxGroup","checkboxGroupProps","localProps","createSplitProps","checkboxGroup","checkboxAnatomy","CheckboxHiddenInput","field","useFieldContext","CheckboxLabel","useCheckbox","ownProps","useMemo","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","checkbox.machine","checkbox.connect","normalizeProps","CheckboxRoot","useCheckboxProps","CheckboxRootProvider","Checkmark","recipe","useRecipe","variantProps","restProps","checked","indeterminate","unstyled","children","rest","styles","EMPTY_STYLES","chakra","dataAttr","withProvider","withContext","useCheckboxStyles","createSlotRecipeContext","Checkbox.RootProvider","Checkbox.Root","Checkbox.Label","CheckboxIndicator","api","Checkbox.Control","Checkbox.Group","Checkbox.HiddenInput","Checkbox","withFormControl","checkboxRef","onContrast","size","withCard","_computedVariant","CheckboxCard","pr","CheckboxSizeMap","CheckboxLabelSpacing","CardPaddingMap","Card","React","CCheckbox.Root","CCheckbox.HiddenInput","CCheckbox.Control","CCheckbox.Indicator","CCheckbox.Label","Text","WrappedCheckbox"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12]}