@televet/kibble-ui 4.0.0-beta.13 → 4.0.0-beta.131

package/dist/chunks/avatarGroup.component-D3hnTX1G.js

@@ -0,0 +1,67 @@
+import { j as a } from "./jsx-runtime-C5mzlN2N.js";
+import { useMemo as h, createElement as j } from "react";
+import { a as v, A as n } from "./avatar.component-9ntfFFdO.js";
+const k = ({
+  addButtonTooltipText: r,
+  avatars: e,
+  max: s = 3,
+  onAdd: m,
+  onRemove: p,
+  showAddButton: l = !0,
+  showRemoveAvatarButton: i = !1,
+  size: o = "md",
+  variant: c = "default",
+  ...u
+}) => {
+  const f = h(() => e.map((t) => t.name).join(", "), [e]), g = o === "xs" || o === "sm" ? -1 : -2;
+  return /* @__PURE__ */ a.jsxs(
+    v,
+    {
+      className: "AvatarGroup",
+      "data-testid": "kibble-avatar-group",
+      gap: 0,
+      spaceX: g,
+      stacking: "first-on-top",
+      size: o,
+      ...u,
+      children: [
+        e.length > s ? /* @__PURE__ */ a.jsx(
+          n,
+          {
+            name: `${e.length}`,
+            size: o,
+            variant: "contrast",
+            showRemoveButton: !1,
+            tooltipProps: { label: f }
+          }
+        ) : e.map((t, d) => /* @__PURE__ */ j(
+          n,
+          {
+            ...t,
+            key: t.name,
+            size: o,
+            variant: c || t.variant,
+            showRemoveButton: i,
+            onRemove: () => p?.(d)
+          }
+        )),
+        l && /* @__PURE__ */ a.jsx(
+          n,
+          {
+            variant: "dashed",
+            iconName: "plus",
+            onClick: m,
+            ...!!r && {
+              tooltipProps: { label: r }
+            },
+            size: o
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  k as A
+};
+//# sourceMappingURL=avatarGroup.component-D3hnTX1G.js.map

package/dist/chunks/avatarGroup.component-D3hnTX1G.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatarGroup.component-D3hnTX1G.js","sources":["../../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { AvatarGroup as CAvatarGroup, AvatarGroupProps as CAvatarGroupProps } from '@chakra-ui/react/avatar';\nimport { Avatar, AvatarProps } from 'components/Avatar/avatar.component';\nimport { AvatarSize, AvatarVariant } from 'components/Avatar/avatar.types';\n\nexport interface AvatarGroupProps extends CAvatarGroupProps {\n  addButtonTooltipText?: string;\n  avatars: AvatarProps[];\n  max?: number;\n  onAdd?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  onRemove?: (index: number) => void;\n  showAddButton?: boolean;\n  showRemoveAvatarButton?: boolean;\n  size?: AvatarSize;\n  variant?: AvatarVariant;\n}\n\nexport const AvatarGroup = ({\n  addButtonTooltipText,\n  avatars,\n  max = 3,\n  onAdd,\n  onRemove,\n  showAddButton = true,\n  showRemoveAvatarButton = false,\n  size = 'md',\n  variant = 'default',\n  ...rest\n}: AvatarGroupProps): React.JSX.Element => {\n  const mergedNames = useMemo(() => avatars.map((avatar) => avatar.name).join(', '), [avatars]);\n  const spacing = size === 'xs' || size === 'sm' ? -1 : -2;\n\n  return (\n    <CAvatarGroup\n      className=\"AvatarGroup\"\n      data-testid=\"kibble-avatar-group\"\n      gap={0}\n      spaceX={spacing}\n      stacking=\"first-on-top\"\n      size={size}\n      {...rest}\n    >\n      {avatars.length > max ? (\n        <Avatar\n          name={`${avatars.length}`}\n          size={size}\n          variant=\"contrast\"\n          showRemoveButton={false}\n          tooltipProps={{ label: mergedNames }}\n        />\n      ) : (\n        avatars.map((avatar, index) => (\n          <Avatar\n            {...avatar}\n            key={avatar.name}\n            size={size}\n            variant={variant || avatar.variant}\n            showRemoveButton={showRemoveAvatarButton}\n            onRemove={() => onRemove?.(index)}\n          />\n        ))\n      )}\n      {showAddButton && (\n        <Avatar\n          variant=\"dashed\"\n          iconName=\"plus\"\n          onClick={onAdd}\n          {...(!!addButtonTooltipText && {\n            tooltipProps: { label: addButtonTooltipText },\n          })}\n          size={size}\n        />\n      )}\n    </CAvatarGroup>\n  );\n};\n"],"names":["AvatarGroup","addButtonTooltipText","avatars","max","onAdd","onRemove","showAddButton","showRemoveAvatarButton","size","variant","rest","mergedNames","useMemo","avatar","spacing","jsxs","CAvatarGroup","jsx","Avatar","index","createElement"],"mappings":";;;AAiBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,sBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,wBAAAC,IAAyB;AAAA,EACzB,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAA2C;AACzC,QAAMC,IAAcC,EAAQ,MAAMV,EAAQ,IAAI,CAACW,MAAWA,EAAO,IAAI,EAAE,KAAK,IAAI,GAAG,CAACX,CAAO,CAAC,GACtFY,IAAUN,MAAS,QAAQA,MAAS,OAAO,KAAK;AAGpD,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAK;AAAA,MACL,QAAQF;AAAA,MACR,UAAS;AAAA,MACT,MAAAN;AAAA,MACC,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAR,EAAQ,SAASC,IAChBc,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAM,GAAGhB,EAAQ,MAAM;AAAA,YACvB,MAAAM;AAAA,YACA,SAAQ;AAAA,YACR,kBAAkB;AAAA,YAClB,cAAc,EAAE,OAAOG,EAAY;AAAA,UAAA;AAAA,QAGrC,IAAAT,EAAQ,IAAI,CAACW,GAAQM,MACnB,gBAAAC;AAAA,UAACF;AAAA,UAAA;AAAA,YACE,GAAGL;AAAA,YACJ,KAAKA,EAAO;AAAA,YACZ,MAAAL;AAAA,YACA,SAASC,KAAWI,EAAO;AAAA,YAC3B,kBAAkBN;AAAA,YAClB,UAAU,MAAMF,IAAWc,CAAK;AAAA,UAAA;AAAA,QAAA,CAEnC;AAAA,QAEFb,KACCW,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,UAAS;AAAA,YACT,SAASd;AAAA,YACR,GAAI,CAAC,CAACH,KAAwB;AAAA,cAC7B,cAAc,EAAE,OAAOA,EAAqB;AAAA,YAC9C;AAAA,YACA,MAAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/chunks/box-Baq7UBls.js

@@ -0,0 +1,2 @@
+"use strict";const a=require("./factory-D6tdBUPG.js"),o=a.chakra("div");o.displayName="Box";exports.Box=o;
+//# sourceMappingURL=box-Baq7UBls.js.map

package/dist/chunks/box-Baq7UBls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-Baq7UBls.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/box/box.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Box = chakra(\"div\");\nBox.displayName = \"Box\";\n\nexport { Box };\n"],"names":["Box","chakra"],"mappings":"sDAIMA,EAAMC,EAAM,OAAC,KAAK,EACxBD,EAAI,YAAc","x_google_ignoreList":[0]}

package/dist/chunks/box-Ck9I7FYv.js

@@ -0,0 +1,7 @@
+import { c as a } from "./factory-Ctbv0Ozn.js";
+const o = a("div");
+o.displayName = "Box";
+export {
+  o as B
+};
+//# sourceMappingURL=box-Ck9I7FYv.js.map

package/dist/chunks/box-Ck9I7FYv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-Ck9I7FYv.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/box/box.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Box = chakra(\"div\");\nBox.displayName = \"Box\";\n\nexport { Box };\n"],"names":["Box","chakra"],"mappings":";AAIK,MAACA,IAAMC,EAAO,KAAK;AACxBD,EAAI,cAAc;","x_google_ignoreList":[0]}

package/dist/chunks/{button.component-BiW8RE1U.js → button.component-Br9jCpBx.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-B-BWWGO3.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-S_qFWBRf.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-BiW8RE1U.js.map
+//# sourceMappingURL=button.component-Br9jCpBx.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.component-Br9jCpBx.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 = /^(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] !== '-' || (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) => match.toUpperCase());\n    })\n    .join('');\n};\n","import React, { ForwardedRef, forwardRef, useMemo } from 'react';\nimport { Button as CButton, ButtonProps as CButtonProps, IconButton as CIconButton } 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\n// TODO: onContrast variant is missing for ai button\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      () => `${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,GCwBvDC,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,MAAM,GAAGL,CAAO,GAAGF,IAAa,eAAe,EAAE;AAAA,MACjD,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-CsJxgblU.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("./jsx-runtime-BjDatQAs.js"),p=require("react"),R=require("./icon.component-B6R8-DRk.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-CsJxgblU.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.component-CsJxgblU.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 = /^(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] !== '-' || (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) => match.toUpperCase());\n    })\n    .join('');\n};\n","import React, { ForwardedRef, forwardRef, useMemo } from 'react';\nimport { Button as CButton, ButtonProps as CButtonProps, IconButton as CIconButton } 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\n// TODO: onContrast variant is missing for ai button\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      () => `${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,ECwBvDC,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,IAAM,GAAGL,CAAO,GAAGF,EAAa,aAAe,EAAE,GACjD,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/{button.types-CujqF5RD.js → button.types-BKXZNvN1.js}

@@ -21,7 +21,8 @@ const t = [
   "ghostNeutralOnContrast",
   "ghostDestructive",
   "ghostDestructiveOnContrast",
-  "ai"
+  "ai",
+  "aiSecondary"
 ], r = [
   "primary",
   "primaryDestructive",
@@ -34,13 +35,14 @@ const t = [
   "ghost",
   "ghostNeutral",
   "ghostDestructive",
-  "ai"
-], s = ["xs", "sm", "md", "lg"], e = ["left", "right"], n = ["start", "end"];
+  "ai",
+  "aiSecondary"
+], e = ["xs", "sm", "md", "lg"], s = ["left", "right"], a = ["start", "end"];
 export {
   r as a,
   t as b,
-  s as c,
-  e as d,
-  n as e
+  e as c,
+  s as d,
+  a as e
 };
-//# sourceMappingURL=button.types-CujqF5RD.js.map
+//# sourceMappingURL=button.types-BKXZNvN1.js.map

package/dist/chunks/button.types-BKXZNvN1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.types-BKXZNvN1.js","sources":["../../src/components/Button/button.types.ts"],"sourcesContent":["export const buttonConfigVariants = [\n  'primary',\n  'primaryOnContrast',\n  'primaryDestructive',\n  'primaryDestructiveOnContrast',\n  'secondary',\n  'secondaryOnContrast',\n  'secondaryDestructive',\n  'secondaryDestructiveOnContrast',\n  'secondarySubtle',\n  'secondarySubtleOnContrast',\n  'secondarySubtleDestructive',\n  'secondarySubtleDestructiveOnContrast',\n  'tertiary',\n  'tertiaryOnContrast',\n  'tertiaryDestructive',\n  'tertiaryDestructiveOnContrast',\n  'ghost',\n  'ghostOnContrast',\n  'ghostNeutral',\n  'ghostNeutralOnContrast',\n  'ghostDestructive',\n  'ghostDestructiveOnContrast',\n  'ai',\n  'aiSecondary',\n] as const;\nexport type ButtonConfigVariant = (typeof buttonConfigVariants)[number];\n\n// We are omitting onContrast variants from the variants list because we are setting the 'onContrast' boolean to determine this state\nexport const buttonVariants = [\n  'primary',\n  'primaryDestructive',\n  'secondary',\n  'secondaryDestructive',\n  'secondarySubtle',\n  'secondarySubtleDestructive',\n  'tertiary',\n  'tertiaryDestructive',\n  'ghost',\n  'ghostNeutral',\n  'ghostDestructive',\n  'ai',\n  'aiSecondary',\n] as const;\n\nexport type ButtonVariant = (typeof buttonVariants)[number];\n\nexport const buttonSizes = ['xs', 'sm', 'md', 'lg'] as const;\nexport type ButtonSize = (typeof buttonSizes)[number];\n\nexport const buttonIconPositions = ['left', 'right'] as const;\nexport type ButtonIconPosition = (typeof buttonIconPositions)[number];\n\nexport const buttonSpinnerPlacements = ['start', 'end'] as const;\nexport type ButtonSpinnerPlacement = (typeof buttonSpinnerPlacements)[number];\n"],"names":["buttonConfigVariants","buttonVariants","buttonSizes","buttonIconPositions","buttonSpinnerPlacements"],"mappings":"AAAO,MAAMA,IAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAIaC,IAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAIaC,IAAc,CAAC,MAAM,MAAM,MAAM,IAAI,GAGrCC,IAAsB,CAAC,QAAQ,OAAO,GAGtCC,IAA0B,CAAC,SAAS,KAAK;"}

package/dist/chunks/{button.types-DsLMGraz.js → button.types-Bl1awbi0.js}

@@ -1,2 +1,2 @@
-"use strict";const t=["primary","primaryOnContrast","primaryDestructive","primaryDestructiveOnContrast","secondary","secondaryOnContrast","secondaryDestructive","secondaryDestructiveOnContrast","secondarySubtle","secondarySubtleOnContrast","secondarySubtleDestructive","secondarySubtleDestructiveOnContrast","tertiary","tertiaryOnContrast","tertiaryDestructive","tertiaryDestructiveOnContrast","ghost","ghostOnContrast","ghostNeutral","ghostNeutralOnContrast","ghostDestructive","ghostDestructiveOnContrast","ai"],r=["primary","primaryDestructive","secondary","secondaryDestructive","secondarySubtle","secondarySubtleDestructive","tertiary","tertiaryDestructive","ghost","ghostNeutral","ghostDestructive","ai"],s=["xs","sm","md","lg"],e=["left","right"],n=["start","end"];exports.buttonConfigVariants=t;exports.buttonIconPositions=e;exports.buttonSizes=s;exports.buttonSpinnerPlacements=n;exports.buttonVariants=r;
-//# sourceMappingURL=button.types-DsLMGraz.js.map
+"use strict";const t=["primary","primaryOnContrast","primaryDestructive","primaryDestructiveOnContrast","secondary","secondaryOnContrast","secondaryDestructive","secondaryDestructiveOnContrast","secondarySubtle","secondarySubtleOnContrast","secondarySubtleDestructive","secondarySubtleDestructiveOnContrast","tertiary","tertiaryOnContrast","tertiaryDestructive","tertiaryDestructiveOnContrast","ghost","ghostOnContrast","ghostNeutral","ghostNeutralOnContrast","ghostDestructive","ghostDestructiveOnContrast","ai","aiSecondary"],r=["primary","primaryDestructive","secondary","secondaryDestructive","secondarySubtle","secondarySubtleDestructive","tertiary","tertiaryDestructive","ghost","ghostNeutral","ghostDestructive","ai","aiSecondary"],e=["xs","sm","md","lg"],s=["left","right"],n=["start","end"];exports.buttonConfigVariants=t;exports.buttonIconPositions=s;exports.buttonSizes=e;exports.buttonSpinnerPlacements=n;exports.buttonVariants=r;
+//# sourceMappingURL=button.types-Bl1awbi0.js.map

package/dist/chunks/button.types-Bl1awbi0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.types-Bl1awbi0.js","sources":["../../src/components/Button/button.types.ts"],"sourcesContent":["export const buttonConfigVariants = [\n  'primary',\n  'primaryOnContrast',\n  'primaryDestructive',\n  'primaryDestructiveOnContrast',\n  'secondary',\n  'secondaryOnContrast',\n  'secondaryDestructive',\n  'secondaryDestructiveOnContrast',\n  'secondarySubtle',\n  'secondarySubtleOnContrast',\n  'secondarySubtleDestructive',\n  'secondarySubtleDestructiveOnContrast',\n  'tertiary',\n  'tertiaryOnContrast',\n  'tertiaryDestructive',\n  'tertiaryDestructiveOnContrast',\n  'ghost',\n  'ghostOnContrast',\n  'ghostNeutral',\n  'ghostNeutralOnContrast',\n  'ghostDestructive',\n  'ghostDestructiveOnContrast',\n  'ai',\n  'aiSecondary',\n] as const;\nexport type ButtonConfigVariant = (typeof buttonConfigVariants)[number];\n\n// We are omitting onContrast variants from the variants list because we are setting the 'onContrast' boolean to determine this state\nexport const buttonVariants = [\n  'primary',\n  'primaryDestructive',\n  'secondary',\n  'secondaryDestructive',\n  'secondarySubtle',\n  'secondarySubtleDestructive',\n  'tertiary',\n  'tertiaryDestructive',\n  'ghost',\n  'ghostNeutral',\n  'ghostDestructive',\n  'ai',\n  'aiSecondary',\n] as const;\n\nexport type ButtonVariant = (typeof buttonVariants)[number];\n\nexport const buttonSizes = ['xs', 'sm', 'md', 'lg'] as const;\nexport type ButtonSize = (typeof buttonSizes)[number];\n\nexport const buttonIconPositions = ['left', 'right'] as const;\nexport type ButtonIconPosition = (typeof buttonIconPositions)[number];\n\nexport const buttonSpinnerPlacements = ['start', 'end'] as const;\nexport type ButtonSpinnerPlacement = (typeof buttonSpinnerPlacements)[number];\n"],"names":["buttonConfigVariants","buttonVariants","buttonSizes","buttonIconPositions","buttonSpinnerPlacements"],"mappings":"aAAO,MAAMA,EAAuB,CAClC,UACA,oBACA,qBACA,+BACA,YACA,sBACA,uBACA,iCACA,kBACA,4BACA,6BACA,uCACA,WACA,qBACA,sBACA,gCACA,QACA,kBACA,eACA,yBACA,mBACA,6BACA,KACA,aACF,EAIaC,EAAiB,CAC5B,UACA,qBACA,YACA,uBACA,kBACA,6BACA,WACA,sBACA,QACA,eACA,mBACA,KACA,aACF,EAIaC,EAAc,CAAC,KAAM,KAAM,KAAM,IAAI,EAGrCC,EAAsB,CAAC,OAAQ,OAAO,EAGtCC,EAA0B,CAAC,QAAS,KAAK"}

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

@@ -0,0 +1,2 @@
+"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),p=require("react"),B=require("./button.component-CsJxgblU.js"),q=require("./menu.component-OwlCMqw2.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-B6Ebjoh6.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"buttonGroup.component-B6Ebjoh6.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 { ButtonGroup as CButtonGroup, ButtonGroupProps as CButtonGroupProps } from '@chakra-ui/react/button';\nimport { GroupedButton } from './buttonGroup.types';\nimport { ButtonConfigVariant, ButtonSize, ButtonVariant } 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)' ? styles?.borderColor : styles?.color;\n\n  const buttonStyles: SystemStyleObject = {\n    borderWidth: '1px',\n    borderColor: borderColor || computedBorderColor,\n  };\n\n  return (\n    <CButtonGroup className=\"ButtonGroup\" data-testid=\"kibble-button-group\" attached={attached} {...rest}>\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,ECDaP,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,mCAAqCA,GAAQ,YAAcA,GAAQ,MAEvFE,EAAkC,CACtC,YAAa,MACb,YAAaV,GAAeS,CAC9B,EAGE,OAAAE,yBAACC,GAAa,UAAU,cAAc,cAAY,sBAAsB,SAAAb,EAAqB,GAAGO,EAC7F,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,EAEJ,CAEJ","x_google_ignoreList":[0]}

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

@@ -0,0 +1,68 @@
+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-Br9jCpBx.js";
+import { M as G } from "./menu.component-fFdY9cMO.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-BHDnteYx.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"buttonGroup.component-BHDnteYx.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 { ButtonGroup as CButtonGroup, ButtonGroupProps as CButtonGroupProps } from '@chakra-ui/react/button';\nimport { GroupedButton } from './buttonGroup.types';\nimport { ButtonConfigVariant, ButtonSize, ButtonVariant } 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)' ? styles?.borderColor : styles?.color;\n\n  const buttonStyles: SystemStyleObject = {\n    borderWidth: '1px',\n    borderColor: borderColor || computedBorderColor,\n  };\n\n  return (\n    <CButtonGroup className=\"ButtonGroup\" data-testid=\"kibble-button-group\" attached={attached} {...rest}>\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,GCDaP,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,qCAAqCA,GAAQ,cAAcA,GAAQ,OAEvFE,IAAkC;AAAA,IACtC,aAAa;AAAA,IACb,aAAaV,KAAeS;AAAA,EAC9B;AAGE,SAAAE,gBAAAA,OAACC,KAAa,WAAU,eAAc,eAAY,uBAAsB,UAAAb,GAAqB,GAAGO,GAC7F,UAAA;AAAA,IAAAL,EAAQ,IAAI,CAAC,EAAE,KAAAY,GAAK,GAAGP,EAAAA,GAAQQ,MAC9BlB,gBAAAA,EAAA;AAAA,MAACmB;AAAA,MAAA;AAAA,QAEC,MAAAX;AAAA,QACA,SAAAC;AAAA,QACA,YAAAF;AAAA,QACC,GAAGG;AAAAA,QACH,GAAIP,KAAYW;AAAA,MAAA;AAAA,MALZG,KAAOC;AAAA,IAAA,CAOf;AAAA,IACAZ,KACCN,gBAAAA,EAAA;AAAA,MAACoB;AAAA,MAAA;AAAA,QACC,aAAa,EAAE,WAAW,SAAS;AAAA,QAClC,GAAGd;AAAA,QACJ,aAAa;AAAA,UACX,GAAGA,EAAU;AAAA,UACb,MAAAE;AAAA,UACA,SAAAC;AAAA,UACA,YAAAF;AAAA,UACA,GAAIJ,KAAY;AAAA,YACd,GAAGW;AAAA,YACH,qBAAqB;AAAA,YACrB,wBAAwB;AAAA,UAAA;AAAA,QAC1B;AAAA,MACF;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,2 @@
+"use strict";const x=require("./jsx-runtime-BjDatQAs.js"),g=require("react"),m=require("./box-Baq7UBls.js"),v={lg:7,md:5,sm:3,xs:2},f=({active:s=!1,fullWidth:o=!1,interactive:a=!1,invalid:t=!1,onClick:d,onContrast:r=!1,size:c="md",children:i,...n})=>{const[e,b]=g.useState(s);return x.jsxRuntimeExports.jsx(m.Box,{className:"Card","data-testid":"kibble-card",bg:r?"background.contrast":"background",p:v[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"},...!o&&{maxW:"max-content"},onClick:l=>{d?.(l),a&&b(u=>!u)},...n,children:i})};exports.Card=f;
+//# sourceMappingURL=card.component-BTiT4hHy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.component-BTiT4hHy.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.component-D41Jhrj7.js

@@ -0,0 +1,58 @@
+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
+};
+//# sourceMappingURL=card.component-D41Jhrj7.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.component-D41Jhrj7.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.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-DXmly18j.js

@@ -0,0 +1,2 @@
+"use strict";const o=require("./jsx-runtime-BjDatQAs.js"),u=require("react"),a=require("./text.component-waIIFgwB.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-DXmly18j.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"characterCounter.component-DXmly18j.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 = CharacterCounterWithLimitProps | 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 className=\"CharacterCount\" data-testid=\"kibble-character-count\" css={styles.root}>\n      <Text className=\"CharacterCount__Count\" data-testid=\"kibble-character-count-count\" size=\"xs\" css={styles.count}>\n        {currentCount}\n      </Text>\n      {withLimit && (\n        <Text className=\"CharacterCount__Limit\" data-testid=\"kibble-character-count-limit\" size=\"xs\" css={styles.limit}>\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,ECtCYC,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,yBAACC,EAAAA,QAAO,UAAU,iBAAiB,cAAY,yBAAyB,IAAKH,EAAO,KAClF,SAAA,CAACI,EAAAA,kBAAAA,IAAAC,EAAAA,YAAA,CAAK,UAAU,wBAAwB,cAAY,+BAA+B,KAAK,KAAK,IAAKL,EAAO,MACtG,SACHP,CAAA,CAAA,EACCG,GACEM,EAAAA,kBAAAA,KAAAG,EAAAA,YAAA,CAAK,UAAU,wBAAwB,cAAY,+BAA+B,KAAK,KAAK,IAAKL,EAAO,MAAO,SAAA,CAAA,KAC3GL,CAAA,CACL,CAAA,CAAA,EAEJ,CAEJ"}

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

@@ -0,0 +1,84 @@
+import { j as r } from "./jsx-runtime-C5mzlN2N.js";
+import { useMemo as l } from "react";
+import { W as e } from "./text.component-BthmuMFV.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: {
+    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
+  }
+}), k = ({
+  currentCount: o,
+  onContrast: s = !1,
+  limit: t,
+  withLimit: c = !0
+}) => {
+  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: a.root, children: [
+    /* @__PURE__ */ r.jsx(e, { className: "CharacterCount__Count", "data-testid": "kibble-character-count-count", size: "xs", css: a.count, children: o }),
+    c && /* @__PURE__ */ r.jsxs(e, { className: "CharacterCount__Limit", "data-testid": "kibble-character-count-limit", size: "xs", css: a.limit, children: [
+      "/ ",
+      t
+    ] })
+  ] });
+};
+export {
+  k as C
+};
+//# sourceMappingURL=characterCounter.component-vK94fENA.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"characterCounter.component-vK94fENA.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 = CharacterCounterWithLimitProps | 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 className=\"CharacterCount\" data-testid=\"kibble-character-count\" css={styles.root}>\n      <Text className=\"CharacterCount__Count\" data-testid=\"kibble-character-count-count\" size=\"xs\" css={styles.count}>\n        {currentCount}\n      </Text>\n      {withLimit && (\n        <Text className=\"CharacterCount__Limit\" data-testid=\"kibble-character-count-limit\" size=\"xs\" css={styles.limit}>\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,GCtCYC,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,OAACC,KAAO,WAAU,kBAAiB,eAAY,0BAAyB,KAAKH,EAAO,MAClF,UAAA;AAAA,IAACI,gBAAAA,EAAAA,IAAAC,GAAA,EAAK,WAAU,yBAAwB,eAAY,gCAA+B,MAAK,MAAK,KAAKL,EAAO,OACtG,UACHP,EAAA,CAAA;AAAA,IACCG,KACEM,gBAAAA,EAAAA,KAAAG,GAAA,EAAK,WAAU,yBAAwB,eAAY,gCAA+B,MAAK,MAAK,KAAKL,EAAO,OAAO,UAAA;AAAA,MAAA;AAAA,MAC3GL;AAAA,IAAA,EACL,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/chunks/checkbox.anatomy-BJmDPPss.js

@@ -0,0 +1,2 @@
+"use strict";const a=require("./index-CHIISuTq.js"),T=require("./index-DbTEJc-K.js"),S=require("./use-locale-context-D0LByRu9.js");var V=a.createAnatomy("checkbox").parts("root","label","control","indicator"),h=V.build(),I=e=>e.ids?.root??`checkbox:${e.id}`,m=e=>e.ids?.label??`checkbox:${e.id}:label`,F=e=>e.ids?.control??`checkbox:${e.id}:control`,g=e=>e.ids?.hiddenInput??`checkbox:${e.id}:input`,A=e=>e.getById(I(e)),l=e=>e.getById(g(e));function N(e,t){const{send:d,context:r,prop:c,computed:C,scope:i}=e,n=c("disabled"),v=c("readOnly"),E=c("invalid"),p=!n&&r.get("focused"),P=!n&&r.get("focusVisible"),o=C("checked"),k=C("indeterminate"),u={"data-active":a.dataAttr(r.get("active")),"data-focus":a.dataAttr(p),"data-focus-visible":a.dataAttr(P),"data-readonly":a.dataAttr(v),"data-hover":a.dataAttr(r.get("hovered")),"data-disabled":a.dataAttr(n),"data-state":k?"indeterminate":o?"checked":"unchecked","data-invalid":a.dataAttr(E)};return{checked:o,disabled:n,indeterminate:k,focused:p,checkedState:o,setChecked(s){d({type:"CHECKED.SET",checked:s,isTrusted:!1})},toggleChecked(){d({type:"CHECKED.TOGGLE",checked:o,isTrusted:!1})},getRootProps(){return t.label({...h.root.attrs,...u,dir:c("dir"),id:I(i),htmlFor:g(i),onPointerMove(){n||d({type:"CONTEXT.SET",context:{hovered:!0}})},onPointerLeave(){n||d({type:"CONTEXT.SET",context:{hovered:!1}})},onClick(s){a.getEventTarget(s)===l(i)&&s.stopPropagation()}})},getLabelProps(){return t.element({...h.label.attrs,...u,dir:c("dir"),id:m(i)})},getControlProps(){return t.element({...h.control.attrs,...u,dir:c("dir"),id:F(i),"aria-hidden":!0})},getIndicatorProps(){return t.element({...h.indicator.attrs,...u,dir:c("dir"),hidden:!k&&!o})},getHiddenInputProps(){return t.input({id:g(i),type:"checkbox",required:c("required"),defaultChecked:o,disabled:n,"aria-labelledby":m(i),"aria-invalid":E,name:c("name"),form:c("form"),value:c("value"),style:a.visuallyHiddenStyle,onFocus(){const s=T.isFocusVisible();d({type:"CONTEXT.SET",context:{focused:!0,focusVisible:s}})},onBlur(){d({type:"CONTEXT.SET",context:{focused:!1,focusVisible:!1}})},onClick(s){if(v){s.preventDefault();return}const b=s.currentTarget.checked;d({type:"CHECKED.SET",checked:b,isTrusted:!0})}})}}}var{not:y}=a.createGuards(),x=a.createMachine({props({props:e}){return{value:"on",...e,defaultChecked:!!e.defaultChecked}},initialState(){return"ready"},context({prop:e,bindable:t}){return{checked:t(()=>({defaultValue:e("defaultChecked"),value:e("checked"),onChange(d){e("onCheckedChange")?.({checked:d})}})),fieldsetDisabled:t(()=>({defaultValue:!1})),focusVisible:t(()=>({defaultValue:!1})),active:t(()=>({defaultValue:!1})),focused:t(()=>({defaultValue:!1})),hovered:t(()=>({defaultValue:!1}))}},watch({track:e,context:t,prop:d,action:r}){e([()=>d("disabled")],()=>{r(["removeFocusIfNeeded"])}),e([()=>t.get("checked")],()=>{r(["syncInputElement"])})},effects:["trackFormControlState","trackPressEvent","trackFocusVisible"],on:{"CHECKED.TOGGLE":[{guard:y("isTrusted"),actions:["toggleChecked","dispatchChangeEvent"]},{actions:["toggleChecked"]}],"CHECKED.SET":[{guard:y("isTrusted"),actions:["setChecked","dispatchChangeEvent"]},{actions:["setChecked"]}],"CONTEXT.SET":{actions:["setContext"]}},computed:{indeterminate:({context:e})=>f(e.get("checked")),checked:({context:e})=>D(e.get("checked")),disabled:({context:e,prop:t})=>!!t("disabled")||e.get("fieldsetDisabled")},states:{ready:{}},implementations:{guards:{isTrusted:({event:e})=>!!e.isTrusted},effects:{trackPressEvent({context:e,computed:t,scope:d}){if(!t("disabled"))return a.trackPress({pointerNode:A(d),keyboardNode:l(d),isValidKey:r=>r.key===" ",onPress:()=>e.set("active",!1),onPressStart:()=>e.set("active",!0),onPressEnd:()=>e.set("active",!1)})},trackFocusVisible({computed:e,scope:t}){if(!e("disabled"))return T.trackFocusVisible({root:t.getRootNode?.()})},trackFormControlState({context:e,scope:t}){return a.trackFormControl(l(t),{onFieldsetDisabledChange(d){e.set("fieldsetDisabled",d)},onFormReset(){e.set("checked",e.initial("checked"))}})}},actions:{setContext({context:e,event:t}){for(const d in t.context)e.set(d,t.context[d])},syncInputElement({context:e,computed:t,scope:d}){const r=l(d);r&&(a.setElementChecked(r,t("checked")),r.indeterminate=f(e.get("checked")))},removeFocusIfNeeded({context:e,prop:t}){t("disabled")&&e.get("focused")&&(e.set("focused",!1),e.set("focusVisible",!1))},setChecked({context:e,event:t}){e.set("checked",t.checked)},toggleChecked({context:e,computed:t}){const d=f(t("checked"))?!0:!t("checked");e.set("checked",d)},dispatchChangeEvent({computed:e,scope:t}){queueMicrotask(()=>{const d=l(t);a.dispatchInputCheckedEvent(d,{checked:e("checked")})})}}}});function f(e){return e==="indeterminate"}function D(e){return f(e)?!1:!!e}S.createProps()(["defaultChecked","checked","dir","disabled","form","getRootNode","id","ids","invalid","name","onCheckedChange","readOnly","required","value"]);const O=V.extendWith("group");exports.checkboxAnatomy=O;exports.connect=N;exports.machine=x;
+//# sourceMappingURL=checkbox.anatomy-BJmDPPss.js.map