@televet/kibble-ui 4.0.0-beta.100 → 4.0.0-beta.102

package/dist/chunks/{avatarGroup.component-Bp-_csZz.js.map → avatarGroup.component-CPjot93U.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatarGroup.component-Bp-_csZz.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":"yHAiBaA,EAAc,CAAC,CAC1B,qBAAAC,EACA,QAAAC,EACA,IAAAC,EAAM,EACN,MAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,GAChB,uBAAAC,EAAyB,GACzB,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,GAAGC,CACL,IAA2C,CACzC,MAAMC,EAAcC,EAAA,QAAQ,IAAMV,EAAQ,IAAKW,GAAWA,EAAO,IAAI,EAAE,KAAK,IAAI,EAAG,CAACX,CAAO,CAAC,EACtFY,EAAUN,IAAS,MAAQA,IAAS,KAAO,GAAK,GAGpD,OAAAO,EAAA,kBAAA,KAACC,EAAA,YAAA,CACC,UAAU,cACV,cAAY,sBACZ,IAAK,EACL,OAAQF,EACR,SAAS,eACT,KAAAN,EACC,GAAGE,EAEH,SAAA,CAAAR,EAAQ,OAASC,EAChBc,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,KAAM,GAAGhB,EAAQ,MAAM,GACvB,KAAAM,EACA,QAAQ,WACR,iBAAkB,GAClB,aAAc,CAAE,MAAOG,CAAY,CAAA,CAGrC,EAAAT,EAAQ,IAAI,CAACW,EAAQM,IACnBC,EAAA,cAACF,EAAA,OAAA,CACE,GAAGL,EACJ,IAAKA,EAAO,KACZ,KAAAL,EACA,QAASC,GAAWI,EAAO,QAC3B,iBAAkBN,EAClB,SAAU,IAAMF,IAAWc,CAAK,CAAA,CAAA,CAEnC,EAEFb,GACCW,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,QAAQ,SACR,SAAS,OACT,QAASd,EACR,GAAI,CAAC,CAACH,GAAwB,CAC7B,aAAc,CAAE,MAAOA,CAAqB,CAC9C,EACA,KAAAO,CAAA,CAAA,CACF,CAAA,CAEJ,CAEJ"}
+{"version":3,"file":"avatarGroup.component-CPjot93U.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":"yHAiBaA,EAAc,CAAC,CAC1B,qBAAAC,EACA,QAAAC,EACA,IAAAC,EAAM,EACN,MAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,GAChB,uBAAAC,EAAyB,GACzB,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,GAAGC,CACL,IAA2C,CACzC,MAAMC,EAAcC,EAAA,QAAQ,IAAMV,EAAQ,IAAKW,GAAWA,EAAO,IAAI,EAAE,KAAK,IAAI,EAAG,CAACX,CAAO,CAAC,EACtFY,EAAUN,IAAS,MAAQA,IAAS,KAAO,GAAK,GAGpD,OAAAO,EAAA,kBAAA,KAACC,EAAA,YAAA,CACC,UAAU,cACV,cAAY,sBACZ,IAAK,EACL,OAAQF,EACR,SAAS,eACT,KAAAN,EACC,GAAGE,EAEH,SAAA,CAAAR,EAAQ,OAASC,EAChBc,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,KAAM,GAAGhB,EAAQ,MAAM,GACvB,KAAAM,EACA,QAAQ,WACR,iBAAkB,GAClB,aAAc,CAAE,MAAOG,CAAY,CAAA,CAGrC,EAAAT,EAAQ,IAAI,CAACW,EAAQM,IACnBC,EAAA,cAACF,EAAA,OAAA,CACE,GAAGL,EACJ,IAAKA,EAAO,KACZ,KAAAL,EACA,QAASC,GAAWI,EAAO,QAC3B,iBAAkBN,EAClB,SAAU,IAAMF,IAAWc,CAAK,CAAA,CAAA,CAEnC,EAEFb,GACCW,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,QAAQ,SACR,SAAS,OACT,QAASd,EACR,GAAI,CAAC,CAACH,GAAwB,CAC7B,aAAc,CAAE,MAAOA,CAAqB,CAC9C,EACA,KAAAO,CAAA,CAAA,CACF,CAAA,CAEJ,CAEJ"}

package/dist/chunks/{avatarGroup.component-CPTXS5Mp.js → avatarGroup.component-DboSD8PG.js}

@@ -1,6 +1,6 @@
 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-CV_95YCj.js";
+import { a as v, A as n } from "./avatar.component-DdeMVY3l.js";
 const k = ({
   addButtonTooltipText: r,
   avatars: e,
@@ -64,4 +64,4 @@ const k = ({
 export {
   k as A
 };
-//# sourceMappingURL=avatarGroup.component-CPTXS5Mp.js.map
+//# sourceMappingURL=avatarGroup.component-DboSD8PG.js.map

package/dist/chunks/{avatarGroup.component-CPTXS5Mp.js.map → avatarGroup.component-DboSD8PG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatarGroup.component-CPTXS5Mp.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;"}
+{"version":3,"file":"avatarGroup.component-DboSD8PG.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/{buttonGroup.component-BJl5t4CV.js → buttonGroup.component-CeU9SOoZ.js}

@@ -1,7 +1,7 @@
 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-DOAhnxbj.js";
-import { M as G } from "./menu.component-D38vU6MX.js";
+import { M as G } from "./menu.component-BdkYpKpN.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";
@@ -65,4 +65,4 @@ const k = j(
 export {
   w as B
 };
-//# sourceMappingURL=buttonGroup.component-BJl5t4CV.js.map
+//# sourceMappingURL=buttonGroup.component-CeU9SOoZ.js.map

package/dist/chunks/{buttonGroup.component-BJl5t4CV.js.map → buttonGroup.component-CeU9SOoZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"buttonGroup.component-BJl5t4CV.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]}
+{"version":3,"file":"buttonGroup.component-CeU9SOoZ.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/{buttonGroup.component-CHZoLKsR.js → buttonGroup.component-CmsAFBU-.js}

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

package/dist/chunks/{buttonGroup.component-CHZoLKsR.js.map → buttonGroup.component-CmsAFBU-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"buttonGroup.component-CHZoLKsR.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]}
+{"version":3,"file":"buttonGroup.component-CmsAFBU-.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/{characterCounter.component-Cvw7D33c.js → characterCounter.component-Aa1IFCGT.js}

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

package/dist/chunks/{characterCounter.component-Cvw7D33c.js.map → characterCounter.component-Aa1IFCGT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"characterCounter.component-Cvw7D33c.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"}
+{"version":3,"file":"characterCounter.component-Aa1IFCGT.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-C4sKYWJ2.js → characterCounter.component-D8qNJrRV.js}

@@ -1,7 +1,7 @@
 import { j as r } from "./jsx-runtime-C5mzlN2N.js";
 import { useMemo as l } from "react";
-import { W as e } from "./text.component-DJW--Vty.js";
-import { a as u } from "./config-DlTdf-Yt.js";
+import { W as e } from "./text.component-DDSfgcFP.js";
+import { a as u } from "./config-BsZeMu66.js";
 import { u as d } from "./use-slot-recipe-DhtQ1j_5.js";
 import { H as m } from "./h-stack-Ce6JSBK2.js";
 const p = u({
@@ -81,4 +81,4 @@ const p = u({
 export {
   k as C
 };
-//# sourceMappingURL=characterCounter.component-C4sKYWJ2.js.map
+//# sourceMappingURL=characterCounter.component-D8qNJrRV.js.map

package/dist/chunks/{characterCounter.component-C4sKYWJ2.js.map → characterCounter.component-D8qNJrRV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"characterCounter.component-C4sKYWJ2.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;"}
+{"version":3,"file":"characterCounter.component-D8qNJrRV.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.records-CTlAD-2Q.js → checkbox.anatomy-AIdXcqX-.js}

@@ -1,7 +1,7 @@
-import { b as S, c as P, z as F, A as D, B as N, C as O, D as x, d as i, w as H, E as K } from "./index-YtNA0Ueo.js";
-import { t as L, i as R } from "./index-Bz8HDeWA.js";
-import { b as A } from "./use-locale-context-BiiNTYMT.js";
-var T = S("checkbox").parts("root", "label", "control", "indicator"), h = T.build(), V = (e) => e.ids?.root ?? `checkbox:${e.id}`, m = (e) => e.ids?.label ?? `checkbox:${e.id}:label`, G = (e) => e.ids?.control ?? `checkbox:${e.id}:control`, g = (e) => e.ids?.hiddenInput ?? `checkbox:${e.id}:input`, X = (e) => e.getById(V(e)), l = (e) => e.getById(g(e));
+import { b as P, c as F, z as S, A as D, E as N, D as O, F as H, d as i, w as x, G } from "./index-1syExFDc.js";
+import { t as K, i as R } from "./index-4eV_IBpJ.js";
+import { b as A } from "./use-locale-context-ib8415q7.js";
+var T = P("checkbox").parts("root", "label", "control", "indicator"), h = T.build(), V = (e) => e.ids?.root ?? `checkbox:${e.id}`, m = (e) => e.ids?.label ?? `checkbox:${e.id}:label`, L = (e) => e.ids?.control ?? `checkbox:${e.id}:control`, g = (e) => e.ids?.hiddenInput ?? `checkbox:${e.id}:input`, X = (e) => e.getById(V(e)), l = (e) => e.getById(g(e));
 function w(e, t) {
   const { send: a, context: d, prop: s, computed: C, scope: c } = e, o = s("disabled"), p = s("readOnly"), v = s("invalid"), E = !o && d.get("focused"), I = !o && d.get("focusVisible"), n = C("checked"), k = C("indeterminate"), u = {
     "data-active": i(d.get("active")),
@@ -39,7 +39,7 @@ function w(e, t) {
           o || a({ type: "CONTEXT.SET", context: { hovered: !1 } });
         },
         onClick(r) {
-          K(r) === l(c) && r.stopPropagation();
+          G(r) === l(c) && r.stopPropagation();
         }
       });
     },
@@ -56,7 +56,7 @@ function w(e, t) {
         ...h.control.attrs,
         ...u,
         dir: s("dir"),
-        id: G(c),
+        id: L(c),
         "aria-hidden": !0
       });
     },
@@ -80,7 +80,7 @@ function w(e, t) {
         name: s("name"),
         form: s("form"),
         value: s("value"),
-        style: H,
+        style: x,
         onFocus() {
           const r = R();
           a({ type: "CONTEXT.SET", context: { focused: !0, focusVisible: r } });
@@ -100,7 +100,7 @@ function w(e, t) {
     }
   };
 }
-var { not: y } = F(), W = P({
+var { not: y } = S(), W = F({
   props({ props: e }) {
     return {
       value: "on",
@@ -173,7 +173,7 @@ var { not: y } = F(), W = P({
     effects: {
       trackPressEvent({ context: e, computed: t, scope: a }) {
         if (!t("disabled"))
-          return x({
+          return H({
             pointerNode: X(a),
             keyboardNode: l(a),
             isValidKey: (d) => d.key === " ",
@@ -184,7 +184,7 @@ var { not: y } = F(), W = P({
       },
       trackFocusVisible({ computed: e, scope: t }) {
         if (!e("disabled"))
-          return L({ root: t.getRootNode?.() });
+          return K({ root: t.getRootNode?.() });
       },
       trackFormControlState({ context: e, scope: t }) {
         return O(l(t), {
@@ -247,20 +247,10 @@ A()([
   "required",
   "value"
 ]);
-const j = T.extendWith("group"), J = {
-  sm: 3,
-  md: 4,
-  lg: 5
-}, Q = {
-  sm: 2,
-  md: 2,
-  lg: 3
-};
+const j = T.extendWith("group");
 export {
-  J as C,
   w as a,
-  Q as b,
   j as c,
   W as m
 };
-//# sourceMappingURL=checkbox.records-CTlAD-2Q.js.map
+//# sourceMappingURL=checkbox.anatomy-AIdXcqX-.js.map

package/dist/chunks/checkbox.anatomy-AIdXcqX-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.anatomy-AIdXcqX-.js","sources":["../../node_modules/@zag-js/checkbox/dist/index.mjs","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox.anatomy.js"],"sourcesContent":["import { createAnatomy } from '@zag-js/anatomy';\nimport { dispatchInputCheckedEvent, setElementChecked, trackFormControl, trackPress, dataAttr, visuallyHiddenStyle, getEventTarget } from '@zag-js/dom-query';\nimport { trackFocusVisible, isFocusVisible } from '@zag-js/focus-visible';\nimport { createGuards, createMachine } from '@zag-js/core';\nimport { createProps } from '@zag-js/types';\nimport { createSplitProps } from '@zag-js/utils';\n\n// src/checkbox.anatomy.ts\nvar anatomy = createAnatomy(\"checkbox\").parts(\"root\", \"label\", \"control\", \"indicator\");\nvar parts = anatomy.build();\n\n// src/checkbox.dom.ts\nvar getRootId = (ctx) => ctx.ids?.root ?? `checkbox:${ctx.id}`;\nvar getLabelId = (ctx) => ctx.ids?.label ?? `checkbox:${ctx.id}:label`;\nvar getControlId = (ctx) => ctx.ids?.control ?? `checkbox:${ctx.id}:control`;\nvar getHiddenInputId = (ctx) => ctx.ids?.hiddenInput ?? `checkbox:${ctx.id}:input`;\nvar getRootEl = (ctx) => ctx.getById(getRootId(ctx));\nvar getHiddenInputEl = (ctx) => ctx.getById(getHiddenInputId(ctx));\n\n// src/checkbox.connect.ts\nfunction connect(service, normalize) {\n  const { send, context, prop, computed, scope } = service;\n  const disabled = prop(\"disabled\");\n  const readOnly = prop(\"readOnly\");\n  const invalid = prop(\"invalid\");\n  const focused = !disabled && context.get(\"focused\");\n  const focusVisible = !disabled && context.get(\"focusVisible\");\n  const checked = computed(\"checked\");\n  const indeterminate = computed(\"indeterminate\");\n  const dataAttrs = {\n    \"data-active\": dataAttr(context.get(\"active\")),\n    \"data-focus\": dataAttr(focused),\n    \"data-focus-visible\": dataAttr(focusVisible),\n    \"data-readonly\": dataAttr(readOnly),\n    \"data-hover\": dataAttr(context.get(\"hovered\")),\n    \"data-disabled\": dataAttr(disabled),\n    \"data-state\": indeterminate ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\",\n    \"data-invalid\": dataAttr(invalid)\n  };\n  return {\n    checked,\n    disabled,\n    indeterminate,\n    focused,\n    checkedState: checked,\n    setChecked(checked2) {\n      send({ type: \"CHECKED.SET\", checked: checked2, isTrusted: false });\n    },\n    toggleChecked() {\n      send({ type: \"CHECKED.TOGGLE\", checked, isTrusted: false });\n    },\n    getRootProps() {\n      return normalize.label({\n        ...parts.root.attrs,\n        ...dataAttrs,\n        dir: prop(\"dir\"),\n        id: getRootId(scope),\n        htmlFor: getHiddenInputId(scope),\n        onPointerMove() {\n          if (disabled) return;\n          send({ type: \"CONTEXT.SET\", context: { hovered: true } });\n        },\n        onPointerLeave() {\n          if (disabled) return;\n          send({ type: \"CONTEXT.SET\", context: { hovered: false } });\n        },\n        onClick(event) {\n          const target = getEventTarget(event);\n          if (target === getHiddenInputEl(scope)) {\n            event.stopPropagation();\n          }\n        }\n      });\n    },\n    getLabelProps() {\n      return normalize.element({\n        ...parts.label.attrs,\n        ...dataAttrs,\n        dir: prop(\"dir\"),\n        id: getLabelId(scope)\n      });\n    },\n    getControlProps() {\n      return normalize.element({\n        ...parts.control.attrs,\n        ...dataAttrs,\n        dir: prop(\"dir\"),\n        id: getControlId(scope),\n        \"aria-hidden\": true\n      });\n    },\n    getIndicatorProps() {\n      return normalize.element({\n        ...parts.indicator.attrs,\n        ...dataAttrs,\n        dir: prop(\"dir\"),\n        hidden: !indeterminate && !checked\n      });\n    },\n    getHiddenInputProps() {\n      return normalize.input({\n        id: getHiddenInputId(scope),\n        type: \"checkbox\",\n        required: prop(\"required\"),\n        defaultChecked: checked,\n        disabled,\n        \"aria-labelledby\": getLabelId(scope),\n        \"aria-invalid\": invalid,\n        name: prop(\"name\"),\n        form: prop(\"form\"),\n        value: prop(\"value\"),\n        style: visuallyHiddenStyle,\n        onFocus() {\n          const focusVisible2 = isFocusVisible();\n          send({ type: \"CONTEXT.SET\", context: { focused: true, focusVisible: focusVisible2 } });\n        },\n        onBlur() {\n          send({ type: \"CONTEXT.SET\", context: { focused: false, focusVisible: false } });\n        },\n        onClick(event) {\n          if (readOnly) {\n            event.preventDefault();\n            return;\n          }\n          const checked2 = event.currentTarget.checked;\n          send({ type: \"CHECKED.SET\", checked: checked2, isTrusted: true });\n        }\n      });\n    }\n  };\n}\nvar { not } = createGuards();\nvar machine = createMachine({\n  props({ props: props2 }) {\n    return {\n      value: \"on\",\n      ...props2,\n      defaultChecked: !!props2.defaultChecked\n    };\n  },\n  initialState() {\n    return \"ready\";\n  },\n  context({ prop, bindable }) {\n    return {\n      checked: bindable(() => ({\n        defaultValue: prop(\"defaultChecked\"),\n        value: prop(\"checked\"),\n        onChange(checked) {\n          prop(\"onCheckedChange\")?.({ checked });\n        }\n      })),\n      fieldsetDisabled: bindable(() => ({ defaultValue: false })),\n      focusVisible: bindable(() => ({ defaultValue: false })),\n      active: bindable(() => ({ defaultValue: false })),\n      focused: bindable(() => ({ defaultValue: false })),\n      hovered: bindable(() => ({ defaultValue: false }))\n    };\n  },\n  watch({ track, context, prop, action }) {\n    track([() => prop(\"disabled\")], () => {\n      action([\"removeFocusIfNeeded\"]);\n    });\n    track([() => context.get(\"checked\")], () => {\n      action([\"syncInputElement\"]);\n    });\n  },\n  effects: [\"trackFormControlState\", \"trackPressEvent\", \"trackFocusVisible\"],\n  on: {\n    \"CHECKED.TOGGLE\": [\n      {\n        guard: not(\"isTrusted\"),\n        actions: [\"toggleChecked\", \"dispatchChangeEvent\"]\n      },\n      {\n        actions: [\"toggleChecked\"]\n      }\n    ],\n    \"CHECKED.SET\": [\n      {\n        guard: not(\"isTrusted\"),\n        actions: [\"setChecked\", \"dispatchChangeEvent\"]\n      },\n      {\n        actions: [\"setChecked\"]\n      }\n    ],\n    \"CONTEXT.SET\": {\n      actions: [\"setContext\"]\n    }\n  },\n  computed: {\n    indeterminate: ({ context }) => isIndeterminate(context.get(\"checked\")),\n    checked: ({ context }) => isChecked(context.get(\"checked\")),\n    disabled: ({ context, prop }) => !!prop(\"disabled\") || context.get(\"fieldsetDisabled\")\n  },\n  states: {\n    ready: {}\n  },\n  implementations: {\n    guards: {\n      isTrusted: ({ event }) => !!event.isTrusted\n    },\n    effects: {\n      trackPressEvent({ context, computed, scope }) {\n        if (computed(\"disabled\")) return;\n        return trackPress({\n          pointerNode: getRootEl(scope),\n          keyboardNode: getHiddenInputEl(scope),\n          isValidKey: (event) => event.key === \" \",\n          onPress: () => context.set(\"active\", false),\n          onPressStart: () => context.set(\"active\", true),\n          onPressEnd: () => context.set(\"active\", false)\n        });\n      },\n      trackFocusVisible({ computed, scope }) {\n        if (computed(\"disabled\")) return;\n        return trackFocusVisible({ root: scope.getRootNode?.() });\n      },\n      trackFormControlState({ context, scope }) {\n        return trackFormControl(getHiddenInputEl(scope), {\n          onFieldsetDisabledChange(disabled) {\n            context.set(\"fieldsetDisabled\", disabled);\n          },\n          onFormReset() {\n            context.set(\"checked\", context.initial(\"checked\"));\n          }\n        });\n      }\n    },\n    actions: {\n      setContext({ context, event }) {\n        for (const key in event.context) {\n          context.set(key, event.context[key]);\n        }\n      },\n      syncInputElement({ context, computed, scope }) {\n        const inputEl = getHiddenInputEl(scope);\n        if (!inputEl) return;\n        setElementChecked(inputEl, computed(\"checked\"));\n        inputEl.indeterminate = isIndeterminate(context.get(\"checked\"));\n      },\n      removeFocusIfNeeded({ context, prop }) {\n        if (prop(\"disabled\") && context.get(\"focused\")) {\n          context.set(\"focused\", false);\n          context.set(\"focusVisible\", false);\n        }\n      },\n      setChecked({ context, event }) {\n        context.set(\"checked\", event.checked);\n      },\n      toggleChecked({ context, computed }) {\n        const checked = isIndeterminate(computed(\"checked\")) ? true : !computed(\"checked\");\n        context.set(\"checked\", checked);\n      },\n      dispatchChangeEvent({ computed, scope }) {\n        queueMicrotask(() => {\n          const inputEl = getHiddenInputEl(scope);\n          dispatchInputCheckedEvent(inputEl, { checked: computed(\"checked\") });\n        });\n      }\n    }\n  }\n});\nfunction isIndeterminate(checked) {\n  return checked === \"indeterminate\";\n}\nfunction isChecked(checked) {\n  return isIndeterminate(checked) ? false : !!checked;\n}\nvar props = createProps()([\n  \"defaultChecked\",\n  \"checked\",\n  \"dir\",\n  \"disabled\",\n  \"form\",\n  \"getRootNode\",\n  \"id\",\n  \"ids\",\n  \"invalid\",\n  \"name\",\n  \"onCheckedChange\",\n  \"readOnly\",\n  \"required\",\n  \"value\"\n]);\nvar splitProps = createSplitProps(props);\n\nexport { anatomy, connect, machine, props, splitProps };\n","'use client';\nimport { anatomy } from '@zag-js/checkbox';\n\nconst checkboxAnatomy = anatomy.extendWith(\"group\");\n\nexport { checkboxAnatomy };\n"],"names":["anatomy","createAnatomy","parts","getRootId","ctx","getLabelId","getControlId","getHiddenInputId","getRootEl","getHiddenInputEl","connect","service","normalize","send","context","prop","computed","scope","disabled","readOnly","invalid","focused","focusVisible","checked","indeterminate","dataAttrs","dataAttr","checked2","event","getEventTarget","visuallyHiddenStyle","focusVisible2","isFocusVisible","not","createGuards","machine","createMachine","props2","bindable","track","action","isIndeterminate","isChecked","trackPress","trackFocusVisible","trackFormControl","key","inputEl","setElementChecked","dispatchInputCheckedEvent","createProps","checkboxAnatomy"],"mappings":"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","x_google_ignoreList":[0,1]}

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

@@ -0,0 +1,2 @@
+"use strict";const a=require("./index-CHIISuTq.js"),T=require("./index-DbTEJc-K.js"),S=require("./use-locale-context-DxX8oC2w.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-Cscbdyfb.js.map

package/dist/chunks/checkbox.anatomy-Cscbdyfb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.anatomy-Cscbdyfb.js","sources":["../../node_modules/@zag-js/checkbox/dist/index.mjs","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox.anatomy.js"],"sourcesContent":["import { createAnatomy } from '@zag-js/anatomy';\nimport { dispatchInputCheckedEvent, setElementChecked, trackFormControl, trackPress, dataAttr, visuallyHiddenStyle, getEventTarget } from '@zag-js/dom-query';\nimport { trackFocusVisible, isFocusVisible } from '@zag-js/focus-visible';\nimport { createGuards, createMachine } from '@zag-js/core';\nimport { createProps } from '@zag-js/types';\nimport { createSplitProps } from '@zag-js/utils';\n\n// src/checkbox.anatomy.ts\nvar anatomy = createAnatomy(\"checkbox\").parts(\"root\", \"label\", \"control\", \"indicator\");\nvar parts = anatomy.build();\n\n// src/checkbox.dom.ts\nvar getRootId = (ctx) => ctx.ids?.root ?? `checkbox:${ctx.id}`;\nvar getLabelId = (ctx) => ctx.ids?.label ?? `checkbox:${ctx.id}:label`;\nvar getControlId = (ctx) => ctx.ids?.control ?? `checkbox:${ctx.id}:control`;\nvar getHiddenInputId = (ctx) => ctx.ids?.hiddenInput ?? `checkbox:${ctx.id}:input`;\nvar getRootEl = (ctx) => ctx.getById(getRootId(ctx));\nvar getHiddenInputEl = (ctx) => ctx.getById(getHiddenInputId(ctx));\n\n// src/checkbox.connect.ts\nfunction connect(service, normalize) {\n  const { send, context, prop, computed, scope } = service;\n  const disabled = prop(\"disabled\");\n  const readOnly = prop(\"readOnly\");\n  const invalid = prop(\"invalid\");\n  const focused = !disabled && context.get(\"focused\");\n  const focusVisible = !disabled && context.get(\"focusVisible\");\n  const checked = computed(\"checked\");\n  const indeterminate = computed(\"indeterminate\");\n  const dataAttrs = {\n    \"data-active\": dataAttr(context.get(\"active\")),\n    \"data-focus\": dataAttr(focused),\n    \"data-focus-visible\": dataAttr(focusVisible),\n    \"data-readonly\": dataAttr(readOnly),\n    \"data-hover\": dataAttr(context.get(\"hovered\")),\n    \"data-disabled\": dataAttr(disabled),\n    \"data-state\": indeterminate ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\",\n    \"data-invalid\": dataAttr(invalid)\n  };\n  return {\n    checked,\n    disabled,\n    indeterminate,\n    focused,\n    checkedState: checked,\n    setChecked(checked2) {\n      send({ type: \"CHECKED.SET\", checked: checked2, isTrusted: false });\n    },\n    toggleChecked() {\n      send({ type: \"CHECKED.TOGGLE\", checked, isTrusted: false });\n    },\n    getRootProps() {\n      return normalize.label({\n        ...parts.root.attrs,\n        ...dataAttrs,\n        dir: prop(\"dir\"),\n        id: getRootId(scope),\n        htmlFor: getHiddenInputId(scope),\n        onPointerMove() {\n          if (disabled) return;\n          send({ type: \"CONTEXT.SET\", context: { hovered: true } });\n        },\n        onPointerLeave() {\n          if (disabled) return;\n          send({ type: \"CONTEXT.SET\", context: { hovered: false } });\n        },\n        onClick(event) {\n          const target = getEventTarget(event);\n          if (target === getHiddenInputEl(scope)) {\n            event.stopPropagation();\n          }\n        }\n      });\n    },\n    getLabelProps() {\n      return normalize.element({\n        ...parts.label.attrs,\n        ...dataAttrs,\n        dir: prop(\"dir\"),\n        id: getLabelId(scope)\n      });\n    },\n    getControlProps() {\n      return normalize.element({\n        ...parts.control.attrs,\n        ...dataAttrs,\n        dir: prop(\"dir\"),\n        id: getControlId(scope),\n        \"aria-hidden\": true\n      });\n    },\n    getIndicatorProps() {\n      return normalize.element({\n        ...parts.indicator.attrs,\n        ...dataAttrs,\n        dir: prop(\"dir\"),\n        hidden: !indeterminate && !checked\n      });\n    },\n    getHiddenInputProps() {\n      return normalize.input({\n        id: getHiddenInputId(scope),\n        type: \"checkbox\",\n        required: prop(\"required\"),\n        defaultChecked: checked,\n        disabled,\n        \"aria-labelledby\": getLabelId(scope),\n        \"aria-invalid\": invalid,\n        name: prop(\"name\"),\n        form: prop(\"form\"),\n        value: prop(\"value\"),\n        style: visuallyHiddenStyle,\n        onFocus() {\n          const focusVisible2 = isFocusVisible();\n          send({ type: \"CONTEXT.SET\", context: { focused: true, focusVisible: focusVisible2 } });\n        },\n        onBlur() {\n          send({ type: \"CONTEXT.SET\", context: { focused: false, focusVisible: false } });\n        },\n        onClick(event) {\n          if (readOnly) {\n            event.preventDefault();\n            return;\n          }\n          const checked2 = event.currentTarget.checked;\n          send({ type: \"CHECKED.SET\", checked: checked2, isTrusted: true });\n        }\n      });\n    }\n  };\n}\nvar { not } = createGuards();\nvar machine = createMachine({\n  props({ props: props2 }) {\n    return {\n      value: \"on\",\n      ...props2,\n      defaultChecked: !!props2.defaultChecked\n    };\n  },\n  initialState() {\n    return \"ready\";\n  },\n  context({ prop, bindable }) {\n    return {\n      checked: bindable(() => ({\n        defaultValue: prop(\"defaultChecked\"),\n        value: prop(\"checked\"),\n        onChange(checked) {\n          prop(\"onCheckedChange\")?.({ checked });\n        }\n      })),\n      fieldsetDisabled: bindable(() => ({ defaultValue: false })),\n      focusVisible: bindable(() => ({ defaultValue: false })),\n      active: bindable(() => ({ defaultValue: false })),\n      focused: bindable(() => ({ defaultValue: false })),\n      hovered: bindable(() => ({ defaultValue: false }))\n    };\n  },\n  watch({ track, context, prop, action }) {\n    track([() => prop(\"disabled\")], () => {\n      action([\"removeFocusIfNeeded\"]);\n    });\n    track([() => context.get(\"checked\")], () => {\n      action([\"syncInputElement\"]);\n    });\n  },\n  effects: [\"trackFormControlState\", \"trackPressEvent\", \"trackFocusVisible\"],\n  on: {\n    \"CHECKED.TOGGLE\": [\n      {\n        guard: not(\"isTrusted\"),\n        actions: [\"toggleChecked\", \"dispatchChangeEvent\"]\n      },\n      {\n        actions: [\"toggleChecked\"]\n      }\n    ],\n    \"CHECKED.SET\": [\n      {\n        guard: not(\"isTrusted\"),\n        actions: [\"setChecked\", \"dispatchChangeEvent\"]\n      },\n      {\n        actions: [\"setChecked\"]\n      }\n    ],\n    \"CONTEXT.SET\": {\n      actions: [\"setContext\"]\n    }\n  },\n  computed: {\n    indeterminate: ({ context }) => isIndeterminate(context.get(\"checked\")),\n    checked: ({ context }) => isChecked(context.get(\"checked\")),\n    disabled: ({ context, prop }) => !!prop(\"disabled\") || context.get(\"fieldsetDisabled\")\n  },\n  states: {\n    ready: {}\n  },\n  implementations: {\n    guards: {\n      isTrusted: ({ event }) => !!event.isTrusted\n    },\n    effects: {\n      trackPressEvent({ context, computed, scope }) {\n        if (computed(\"disabled\")) return;\n        return trackPress({\n          pointerNode: getRootEl(scope),\n          keyboardNode: getHiddenInputEl(scope),\n          isValidKey: (event) => event.key === \" \",\n          onPress: () => context.set(\"active\", false),\n          onPressStart: () => context.set(\"active\", true),\n          onPressEnd: () => context.set(\"active\", false)\n        });\n      },\n      trackFocusVisible({ computed, scope }) {\n        if (computed(\"disabled\")) return;\n        return trackFocusVisible({ root: scope.getRootNode?.() });\n      },\n      trackFormControlState({ context, scope }) {\n        return trackFormControl(getHiddenInputEl(scope), {\n          onFieldsetDisabledChange(disabled) {\n            context.set(\"fieldsetDisabled\", disabled);\n          },\n          onFormReset() {\n            context.set(\"checked\", context.initial(\"checked\"));\n          }\n        });\n      }\n    },\n    actions: {\n      setContext({ context, event }) {\n        for (const key in event.context) {\n          context.set(key, event.context[key]);\n        }\n      },\n      syncInputElement({ context, computed, scope }) {\n        const inputEl = getHiddenInputEl(scope);\n        if (!inputEl) return;\n        setElementChecked(inputEl, computed(\"checked\"));\n        inputEl.indeterminate = isIndeterminate(context.get(\"checked\"));\n      },\n      removeFocusIfNeeded({ context, prop }) {\n        if (prop(\"disabled\") && context.get(\"focused\")) {\n          context.set(\"focused\", false);\n          context.set(\"focusVisible\", false);\n        }\n      },\n      setChecked({ context, event }) {\n        context.set(\"checked\", event.checked);\n      },\n      toggleChecked({ context, computed }) {\n        const checked = isIndeterminate(computed(\"checked\")) ? true : !computed(\"checked\");\n        context.set(\"checked\", checked);\n      },\n      dispatchChangeEvent({ computed, scope }) {\n        queueMicrotask(() => {\n          const inputEl = getHiddenInputEl(scope);\n          dispatchInputCheckedEvent(inputEl, { checked: computed(\"checked\") });\n        });\n      }\n    }\n  }\n});\nfunction isIndeterminate(checked) {\n  return checked === \"indeterminate\";\n}\nfunction isChecked(checked) {\n  return isIndeterminate(checked) ? false : !!checked;\n}\nvar props = createProps()([\n  \"defaultChecked\",\n  \"checked\",\n  \"dir\",\n  \"disabled\",\n  \"form\",\n  \"getRootNode\",\n  \"id\",\n  \"ids\",\n  \"invalid\",\n  \"name\",\n  \"onCheckedChange\",\n  \"readOnly\",\n  \"required\",\n  \"value\"\n]);\nvar splitProps = createSplitProps(props);\n\nexport { anatomy, connect, machine, props, splitProps };\n","'use client';\nimport { anatomy } from '@zag-js/checkbox';\n\nconst checkboxAnatomy = anatomy.extendWith(\"group\");\n\nexport { checkboxAnatomy };\n"],"names":["anatomy","createAnatomy","parts","getRootId","ctx","getLabelId","getControlId","getHiddenInputId","getRootEl","getHiddenInputEl","connect","service","normalize","send","context","prop","computed","scope","disabled","readOnly","invalid","focused","focusVisible","checked","indeterminate","dataAttrs","dataAttr","checked2","event","getEventTarget","visuallyHiddenStyle","focusVisible2","isFocusVisible","not","createGuards","machine","createMachine","props2","bindable","track","action","isIndeterminate","isChecked","trackPress","trackFocusVisible","trackFormControl","key","inputEl","setElementChecked","dispatchInputCheckedEvent","createProps","checkboxAnatomy"],"mappings":"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","x_google_ignoreList":[0,1]}

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

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