@televet/kibble-ui 4.0.0-beta.21 → 4.0.0-beta.26

package/dist/chunks/avatar.component-DVcDtvDR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.component-DVcDtvDR.js","sources":["../../src/components/Avatar/components/AvatarRemoveButton/avatarRemoveButton.component.tsx","../../src/shared/utils/sizes.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.recipe.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.records.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx","../../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  MouseEvent,\n  Dispatch,\n  SetStateAction,\n} from \"react\";\nimport { Float } from \"@chakra-ui/react/float\";\nimport { Icon } from \"components/Icon/icon.component\";\n\ninterface AvatarRemoveButtonProps {\n  onRemove?: React.MouseEventHandler<HTMLDivElement>;\n  isBeingHovered: boolean;\n  setIsBeingHovered: Dispatch<SetStateAction<boolean>>;\n}\n\ninterface InternalAvatarRemoveButtonProps extends AvatarRemoveButtonProps {\n  avatarSize: string;\n}\n\nconst AvatarRemoveButton = ({\n  avatarSize,\n  onRemove,\n  isBeingHovered,\n  setIsBeingHovered,\n}: InternalAvatarRemoveButtonProps): React.JSX.Element => {\n  const onRemoveButtonClick = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      e.stopPropagation();\n\n      if (onRemove) {\n        onRemove(e);\n      }\n    },\n    [onRemove],\n  );\n\n  return (\n    <Float\n      className=\"Avatar__RemoveButton\"\n      data-testid=\"kibble-avatar-remove-button\"\n      backgroundColor=\"background\"\n      borderRadius=\"full\"\n      cursor=\"pointer\"\n      display=\"none\"\n      h={4}\n      onClick={onRemoveButtonClick}\n      onMouseEnter={(): void => setIsBeingHovered(true)}\n      onMouseLeave={(): void => setIsBeingHovered(false)}\n      w={4}\n      zIndex=\"tooltip\"\n      offset={avatarSize === \"xl\" ? 2 : 0.5}\n      _groupHover={{\n        display: \"flex\",\n      }}\n    >\n      <Icon\n        variant=\"default\"\n        name=\"closeCircleSolid\"\n        size={isBeingHovered ? \"sm\" : \"xs\"}\n      />\n    </Float>\n  );\n};\n\nexport default AvatarRemoveButton;\n","import { AvatarSize } from \"components/Avatar/avatar.types\";\nimport { IconSize } from \"components/Icon/icon.types\";\n\ninterface GetNextIconSizeProps {\n  currentSize: IconSize | AvatarSize;\n  larger: boolean;\n  delta: number;\n}\n\nexport const getNextIconSize = ({\n  currentSize,\n  larger = true,\n  delta = 1,\n}: GetNextIconSizeProps): IconSize => {\n  let nextSize: IconSize;\n  switch (currentSize) {\n    case \"xs\":\n      nextSize = larger ? \"sm\" : \"xs\";\n      break;\n    case \"sm\":\n      nextSize = larger ? \"md\" : \"xs\";\n      break;\n    case \"md\":\n      nextSize = larger ? \"lg\" : \"sm\";\n      break;\n    case \"lg\":\n      nextSize = larger ? \"xl\" : \"md\";\n      break;\n    case \"xl\":\n      nextSize = larger ? \"2xl\" : \"lg\";\n      break;\n    case \"2xl\":\n      nextSize = larger ? \"2xl\" : \"xl\";\n      break;\n    default:\n      nextSize = currentSize as IconSize;\n      break;\n  }\n\n  if (delta > 1) {\n    nextSize = getNextIconSize({\n      currentSize: nextSize,\n      larger,\n      delta: delta - 1,\n    });\n  }\n\n  return nextSize;\n};\n","import {\n  defineRecipe,\n  SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { AvatarSize } from \"components/Avatar/avatar.types\";\nimport { Status } from \"shared/types/status\";\n\nconst avatarBadgeStatusStyles: Record<Status, SystemStyleObject> = {\n  info: {\n    bgColor: \"background.info\",\n  },\n  default: {\n    bgColor: \"background.subtle.less\",\n  },\n  error: {\n    bgColor: \"background.danger\",\n  },\n  success: {\n    bgColor: \"background.success\",\n  },\n  warning: {\n    bgColor: \"background.warning\",\n  },\n};\n\nconst avatarBadgeSizeStyles: Record<AvatarSize, SystemStyleObject> = {\n  xs: {\n    boxSize: \"10px\",\n  },\n  sm: {\n    boxSize: \"18px\",\n  },\n  md: {\n    boxSize: \"18px\",\n  },\n  lg: {\n    boxSize: \"18px\",\n  },\n  xl: {\n    borderWidth: \"2px\",\n    boxSize: \"24px\",\n  },\n};\n\nexport const avatarBadgeRecipe = defineRecipe({\n  base: {\n    alignItems: \"center\",\n    borderColor: \"border.strong.contrast\",\n    borderRadius: \"full\",\n    borderWidth: \"1px\",\n    justifyContent: \"center\",\n  },\n  variants: {\n    size: avatarBadgeSizeStyles,\n    status: avatarBadgeStatusStyles,\n    withIcon: {\n      true: {},\n      false: {},\n    },\n  },\n  defaultVariants: {\n    status: \"info\",\n  },\n  compoundVariants: [\n    {\n      withIcon: false,\n      status: \"info\",\n      css: {\n        bgColor: \"background.secondary\",\n      },\n    },\n    {\n      withIcon: false,\n      status: \"default\",\n      css: {\n        bgColor: \"background.contrast\",\n      },\n    },\n    {\n      withIcon: false,\n      status: \"error\",\n      css: {\n        bgColor: \"background.destructive\",\n      },\n    },\n    {\n      withIcon: false,\n      status: \"success\",\n      css: {\n        bgColor: \"background.success.contrast\",\n      },\n    },\n    {\n      withIcon: false,\n      status: \"warning\",\n      css: {\n        bgColor: \"background.warning.contrast\",\n      },\n    },\n    {\n      withIcon: false,\n      size: [\"sm\", \"md\", \"lg\"],\n      css: {\n        boxSize: \"12px\",\n      },\n    },\n    {\n      withIcon: false,\n      size: \"xl\",\n      css: {\n        borderWidth: \"2px\",\n        boxSize: \"16px\",\n      },\n    },\n  ],\n});\n","import { AvatarSize } from \"components/Avatar/avatar.types\";\n\nexport const iconBadgeOffsetMap: Record<AvatarSize, number> = {\n  xs: 0.5,\n  sm: 0.5,\n  md: 0.5,\n  lg: 0.5,\n  xl: 2,\n};\n\nexport const badgeOffsetMap: Record<AvatarSize, number> = {\n  xs: 0.5,\n  sm: 0.5,\n  md: 1,\n  lg: 1,\n  xl: 2,\n};\n","import React, { useMemo } from \"react\";\nimport { Float } from \"@chakra-ui/react/float\";\nimport { Icon, IconName } from \"components/Icon\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { AvatarSize } from \"components/Avatar/avatar.types\";\nimport { ConditionalValue, useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { AvatarBadgePosition } from \"./avatarBadge.types\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { avatarBadgeRecipe } from \"./avatarBadge.recipe\";\nimport { Status } from \"shared/types/status\";\nimport { badgeOffsetMap, iconBadgeOffsetMap } from \"./avatarBadge.records\";\n\nexport interface AvatarBadgeProps extends FlexProps {\n  iconName?: IconName;\n  position?: ConditionalValue<AvatarBadgePosition>;\n  status?: Status;\n}\n\ninterface InternalAvatarBadgeProps extends AvatarBadgeProps {\n  avatarSize?: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n  avatarSize = \"md\",\n  iconName,\n  position = \"bottom-end\",\n  status = \"info\",\n  ...rest\n}: InternalAvatarBadgeProps): React.JSX.Element => {\n  const recipe = useRecipe({ recipe: avatarBadgeRecipe });\n  const styles = recipe({ status, size: avatarSize, withIcon: !!iconName });\n  const useSmallBadge = useMemo(\n    () => avatarSize === \"xs\" || !iconName,\n    [iconName, avatarSize],\n  );\n  const offsetRecord = useMemo(\n    () => (useSmallBadge ? badgeOffsetMap : iconBadgeOffsetMap),\n    [useSmallBadge],\n  );\n\n  return (\n    <Float\n      className=\"Avatar__BadgeWrapper\"\n      data-testid=\"kibble-avatar-badge-wrapper\"\n      offset={offsetRecord[avatarSize]}\n      placement={position}\n    >\n      <Flex\n        className=\"Avatar__Badge\"\n        data-testid=\"kibble-avatar-badge\"\n        css={styles}\n        {...rest}\n      >\n        {!useSmallBadge && iconName && (\n          <Icon\n            name={iconName}\n            variant={\n              status !== \"error\" ? (status as TypographyVariant) : \"danger\"\n            }\n            size={avatarSize === \"xl\" ? \"sm\" : \"xs\"}\n          />\n        )}\n      </Flex>\n    </Float>\n  );\n};\n","import React, { useState } from \"react\";\nimport { Avatar as CAvatar } from \"@chakra-ui/react/avatar\";\nimport { Tooltip, TooltipProps } from \"components/Tooltip/tooltip.component\";\nimport { Icon, IconName } from \"components/Icon\";\nimport AvatarRemoveButton from \"./components/AvatarRemoveButton/avatarRemoveButton.component\";\nimport { AvatarSize, AvatarVariant } from \"./avatar.types\";\nimport { getNextIconSize } from \"shared/utils/sizes\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport {\n  AvatarBadge,\n  AvatarBadgeProps,\n} from \"./components/AvatarBadge/avatarBadge.component\";\n\nexport interface AvatarProps extends CAvatar.RootProps {\n  badgeProps?: AvatarBadgeProps;\n  hideBorder?: boolean;\n  iconName?: IconName;\n  name?: string;\n  onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  onRemove?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  showBadge?: boolean;\n  showRemoveButton?: boolean;\n  showTooltip?: boolean;\n  size?: AvatarSize;\n  src?: string;\n  tooltipProps?: TooltipProps;\n  variant?: AvatarVariant;\n  webpSrc?: string;\n}\n\nexport const Avatar = ({\n  badgeProps,\n  hideBorder,\n  iconName,\n  name = \"\",\n  onClick,\n  onRemove,\n  showBadge,\n  showRemoveButton,\n  showTooltip = true,\n  size = \"md\",\n  src,\n  tooltipProps,\n  variant = \"default\",\n  webpSrc,\n  ...rest\n}: AvatarProps): React.JSX.Element => {\n  const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n  const AvatarWrapper: React.FC<AvatarProps> =\n    showTooltip && !isHoveringRemoveButton\n      ? ({ children }): React.JSX.Element => {\n          return (\n            <Tooltip\n              data-testid=\"kibble-avatar-tooltip\"\n              {...tooltipProps}\n              label={tooltipProps?.label || name}\n              disabled={!name && !tooltipProps?.label}\n              placement={tooltipProps?.placement || \"bottom\"}\n            >\n              <Box>{children}</Box>\n            </Tooltip>\n          );\n        }\n      : React.Fragment;\n\n  return (\n    <AvatarWrapper>\n      <CAvatar.Root\n        className=\"Avatar group\"\n        data-testid=\"kibble-avatar\"\n        variant={variant}\n        size={size}\n        interactive={!!onClick}\n        hideBorder={hideBorder}\n        onClick={onClick}\n        {...rest}\n      >\n        <CAvatar.Fallback name={name}>\n          {iconName && (\n            <Icon\n              name={iconName}\n              pt=\"-1px\"\n              size={\n                size === \"lg\"\n                  ? \"lg\"\n                  : getNextIconSize({\n                      currentSize: size,\n                      larger: true,\n                      delta: 1,\n                    })\n              }\n            />\n          )}\n        </CAvatar.Fallback>\n        {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n        {(webpSrc || src) && <CAvatar.Image src={src} srcSet={webpSrc} />}\n        {showRemoveButton && size !== \"xs\" && (\n          <AvatarRemoveButton\n            avatarSize={size}\n            onRemove={onRemove}\n            isBeingHovered={isHoveringRemoveButton}\n            setIsBeingHovered={setIsHoveringRemoveButton}\n          />\n        )}\n      </CAvatar.Root>\n    </AvatarWrapper>\n  );\n};\n"],"names":["AvatarRemoveButton","avatarSize","onRemove","isBeingHovered","setIsBeingHovered","onRemoveButtonClick","useCallback","e","jsx","Float","Icon","getNextIconSize","currentSize","larger","delta","nextSize","avatarBadgeStatusStyles","avatarBadgeSizeStyles","avatarBadgeRecipe","defineRecipe","iconBadgeOffsetMap","badgeOffsetMap","AvatarBadge","iconName","position","status","rest","styles","useRecipe","useSmallBadge","useMemo","offsetRecord","Flex","Avatar","badgeProps","hideBorder","name","onClick","showBadge","showRemoveButton","showTooltip","size","src","tooltipProps","variant","webpSrc","isHoveringRemoveButton","setIsHoveringRemoveButton","useState","AvatarWrapper","children","Tooltip","Box","React","jsxs","CAvatar.Root","CAvatar.Fallback","CAvatar.Image"],"mappings":"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"}

package/dist/chunks/{avatarGroup.component-4kVezqP-.js → avatarGroup.component-CXilO0oZ.js}

@@ -1,2 +1,2 @@
-"use strict";const r=require("./vendor-D-x6W6ez.js"),s=require("react"),a=require("./avatar.component-B14bRpeL.js"),h=require("./chakra-DmF8Cxqs.js"),j=({addButtonTooltipText:n,avatars:t,max:c=3,onAdd:m,onRemove:p,showAddButton:u=!0,showRemoveAvatarButton:i=!1,size:e="md",variant:l="default",...v})=>{const x=s.useMemo(()=>t.map(o=>o.name).join(", "),[t]),d=e==="xs"||e==="sm"?-1:-2;return r.jsxRuntimeExports.jsxs(h.AvatarGroup,{className:"AvatarGroup","data-testid":"kibble-avatar-group",gap:0,spaceX:d,stacking:"first-on-top",size:e,...v,children:[t.length>c?r.jsxRuntimeExports.jsx(a.Avatar,{name:`${t.length}`,size:e,variant:"contrast",showRemoveButton:!1,tooltipProps:{label:x}}):t.map((o,g)=>s.createElement(a.Avatar,{...o,key:o.name,size:e,variant:l||o.variant,showRemoveButton:i,onRemove:()=>p?.(g)})),u&&r.jsxRuntimeExports.jsx(a.Avatar,{variant:"dashed",iconName:"plus",onClick:m,...!!n&&{tooltipProps:{label:n}},size:e})]})};exports.AvatarGroup=j;
-//# sourceMappingURL=avatarGroup.component-4kVezqP-.js.map
+"use strict";const r=require("./vendor-DcKGwQlH.js"),s=require("react"),a=require("./avatar.component-DVcDtvDR.js"),h=require("./chakra-BHjfByoV.js"),j=({addButtonTooltipText:n,avatars:t,max:c=3,onAdd:m,onRemove:p,showAddButton:u=!0,showRemoveAvatarButton:i=!1,size:e="md",variant:l="default",...v})=>{const x=s.useMemo(()=>t.map(o=>o.name).join(", "),[t]),d=e==="xs"||e==="sm"?-1:-2;return r.jsxRuntimeExports.jsxs(h.AvatarGroup,{className:"AvatarGroup","data-testid":"kibble-avatar-group",gap:0,spaceX:d,stacking:"first-on-top",size:e,...v,children:[t.length>c?r.jsxRuntimeExports.jsx(a.Avatar,{name:`${t.length}`,size:e,variant:"contrast",showRemoveButton:!1,tooltipProps:{label:x}}):t.map((o,g)=>s.createElement(a.Avatar,{...o,key:o.name,size:e,variant:l||o.variant,showRemoveButton:i,onRemove:()=>p?.(g)})),u&&r.jsxRuntimeExports.jsx(a.Avatar,{variant:"dashed",iconName:"plus",onClick:m,...!!n&&{tooltipProps:{label:n}},size:e})]})};exports.AvatarGroup=j;
+//# sourceMappingURL=avatarGroup.component-CXilO0oZ.js.map

package/dist/chunks/{avatarGroup.component-4kVezqP-.js.map → avatarGroup.component-CXilO0oZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatarGroup.component-4kVezqP-.js","sources":["../../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  AvatarGroup as CAvatarGroup,\n  AvatarGroupProps as CAvatarGroupProps,\n} 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(\n    () => avatars.map((avatar) => avatar.name).join(\", \"),\n    [avatars],\n  );\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":"sJAoBaA,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,QAClB,IAAMV,EAAQ,IAAKW,GAAWA,EAAO,IAAI,EAAE,KAAK,IAAI,EACpD,CAACX,CAAO,CACV,EACMY,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-CXilO0oZ.js","sources":["../../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  AvatarGroup as CAvatarGroup,\n  AvatarGroupProps as CAvatarGroupProps,\n} 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(\n    () => avatars.map((avatar) => avatar.name).join(\", \"),\n    [avatars],\n  );\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":"sJAoBaA,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,QAClB,IAAMV,EAAQ,IAAKW,GAAWA,EAAO,IAAI,EAAE,KAAK,IAAI,EACpD,CAACX,CAAO,CACV,EACMY,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-DIDIECGK.js → avatarGroup.component-DCfOKiyR.js}

@@ -1,10 +1,10 @@
-import { x as a } from "./vendor-BBfll6i3.js";
-import { useMemo as A, createElement as d } from "react";
-import { A as r } from "./avatar.component-DLqm7tQt.js";
-import { A as h } from "./chakra-BqBkjpvZ.js";
+import { x as a } from "./vendor-CRIhG-7s.js";
+import { useMemo as d, createElement as h } from "react";
+import { A as r } from "./avatar.component-Bq-iwROm.js";
+import { ae as v } from "./chakra-DEgvQPwa.js";
 const R = ({
   addButtonTooltipText: m,
-  avatars: t,
+  avatars: e,
   max: n = 3,
   onAdd: s,
   onRemove: p,
@@ -14,12 +14,12 @@ const R = ({
   variant: c = "default",
   ...u
 }) => {
-  const f = A(
-    () => t.map((e) => e.name).join(", "),
-    [t]
+  const f = d(
+    () => e.map((t) => t.name).join(", "),
+    [e]
   ), g = o === "xs" || o === "sm" ? -1 : -2;
   return /* @__PURE__ */ a.jsxs(
-    h,
+    v,
     {
       className: "AvatarGroup",
       "data-testid": "kibble-avatar-group",
@@ -29,22 +29,22 @@ const R = ({
       size: o,
       ...u,
       children: [
-        t.length > n ? /* @__PURE__ */ a.jsx(
+        e.length > n ? /* @__PURE__ */ a.jsx(
           r,
           {
-            name: `${t.length}`,
+            name: `${e.length}`,
             size: o,
             variant: "contrast",
             showRemoveButton: !1,
             tooltipProps: { label: f }
           }
-        ) : t.map((e, x) => /* @__PURE__ */ d(
+        ) : e.map((t, x) => /* @__PURE__ */ h(
           r,
           {
-            ...e,
-            key: e.name,
+            ...t,
+            key: t.name,
             size: o,
-            variant: c || e.variant,
+            variant: c || t.variant,
             showRemoveButton: i,
             onRemove: () => p?.(x)
           }
@@ -68,4 +68,4 @@ const R = ({
 export {
   R as A
 };
-//# sourceMappingURL=avatarGroup.component-DIDIECGK.js.map
+//# sourceMappingURL=avatarGroup.component-DCfOKiyR.js.map

package/dist/chunks/{avatarGroup.component-DIDIECGK.js.map → avatarGroup.component-DCfOKiyR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatarGroup.component-DIDIECGK.js","sources":["../../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  AvatarGroup as CAvatarGroup,\n  AvatarGroupProps as CAvatarGroupProps,\n} 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(\n    () => avatars.map((avatar) => avatar.name).join(\", \"),\n    [avatars],\n  );\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":";;;;AAoBO,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;AAAA,IAClB,MAAMV,EAAQ,IAAI,CAACW,MAAWA,EAAO,IAAI,EAAE,KAAK,IAAI;AAAA,IACpD,CAACX,CAAO;AAAA,EACV,GACMY,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-DCfOKiyR.js","sources":["../../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  AvatarGroup as CAvatarGroup,\n  AvatarGroupProps as CAvatarGroupProps,\n} 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(\n    () => avatars.map((avatar) => avatar.name).join(\", \"),\n    [avatars],\n  );\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":";;;;AAoBO,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;AAAA,IAClB,MAAMV,EAAQ,IAAI,CAACW,MAAWA,EAAO,IAAI,EAAE,KAAK,IAAI;AAAA,IACpD,CAACX,CAAO;AAAA,EACV,GACMY,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/{button.component-CA9bIFbq.js → button.component-BZEZZa7D.js}

@@ -1,8 +1,8 @@
-import { x as t } from "./vendor-BBfll6i3.js";
+import { x as t } from "./vendor-CRIhG-7s.js";
 import { forwardRef as f, useMemo as x } from "react";
-import { I as b } from "./icon.component-w5bWbfVU.js";
-import { I as B, x as g } from "./chakra-BqBkjpvZ.js";
-const j = (s) => s.replace(/([A-Z])/g, " $1").replace(/^\w/, (o) => o.toUpperCase()), I = f(
+import { I as b } from "./icon.component-DOan8Ddb.js";
+import { aw as B, ax as g } from "./chakra-DEgvQPwa.js";
+const j = (s) => s.replace(/([A-Z])/g, " $1").replace(/^\w/, (o) => o.toUpperCase()), w = f(
   ({
     active: s,
     children: o,
@@ -60,8 +60,8 @@ const j = (s) => s.replace(/([A-Z])/g, " $1").replace(/^\w/, (o) => o.toUpperCas
     );
   }
 );
-I.displayName = "Button";
+w.displayName = "Button";
 export {
-  I as B
+  w as B
 };
-//# sourceMappingURL=button.component-CA9bIFbq.js.map
+//# sourceMappingURL=button.component-BZEZZa7D.js.map

package/dist/chunks/{button.component-CA9bIFbq.js.map → button.component-BZEZZa7D.js.map}

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

package/dist/chunks/{button.component-DDjwI0xh.js → button.component-DnWrqGc4.js}

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

package/dist/chunks/{button.component-DDjwI0xh.js.map → button.component-DnWrqGc4.js.map}

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

package/dist/chunks/{buttonGroup.component-DKnPmFIM.js → buttonGroup.component-DQswSQ0l.js}

@@ -1,2 +1,2 @@
-"use strict";const u=require("./vendor-D-x6W6ez.js"),R=require("react"),j=require("./button.component-DDjwI0xh.js"),q=require("./menu.component-BCRZgrRr.js"),p=require("./chakra-DmF8Cxqs.js"),y=({attached:r=!0,borderColor:i,buttons:b,menuProps:e,onContrast:o=!1,size:n="md",variant:t="primary",...d})=>{const l=R.useMemo(()=>`${t}${o?"OnContrast":""}`,[o,t]),s=p.useRecipe({key:"button"})({variant:l})["@layer recipes"],m=s?.borderColor!=="var(--chakra-colors-transparent)"?s?.borderColor:s?.color,c={borderWidth:"1px",borderColor:i||m};return u.jsxRuntimeExports.jsxs(p.ButtonGroup,{className:"ButtonGroup","data-testid":"kibble-button-group",attached:r,...d,children:[b.map(({key:a,...x},B)=>u.jsxRuntimeExports.jsx(j.Button,{size:n,variant:t,onContrast:o,...x,...r&&c},a||B)),e&&u.jsxRuntimeExports.jsx(q.Menu,{positioning:{placement:"bottom"},...e,buttonProps:{...e.buttonProps,size:n,variant:t,onContrast:o,...r&&{...c,borderTopLeftRadius:0,borderBottomLeftRadius:0}}})]})};exports.ButtonGroup=y;
-//# sourceMappingURL=buttonGroup.component-DKnPmFIM.js.map
+"use strict";const u=require("./vendor-DcKGwQlH.js"),R=require("react"),j=require("./button.component-DnWrqGc4.js"),q=require("./menu.component-BsNXuoLB.js"),p=require("./chakra-BHjfByoV.js"),y=({attached:r=!0,borderColor:i,buttons:b,menuProps:e,onContrast:o=!1,size:n="md",variant:t="primary",...d})=>{const l=R.useMemo(()=>`${t}${o?"OnContrast":""}`,[o,t]),s=p.useRecipe({key:"button"})({variant:l})["@layer recipes"],m=s?.borderColor!=="var(--chakra-colors-transparent)"?s?.borderColor:s?.color,c={borderWidth:"1px",borderColor:i||m};return u.jsxRuntimeExports.jsxs(p.ButtonGroup,{className:"ButtonGroup","data-testid":"kibble-button-group",attached:r,...d,children:[b.map(({key:a,...x},B)=>u.jsxRuntimeExports.jsx(j.Button,{size:n,variant:t,onContrast:o,...x,...r&&c},a||B)),e&&u.jsxRuntimeExports.jsx(q.Menu,{positioning:{placement:"bottom"},...e,buttonProps:{...e.buttonProps,size:n,variant:t,onContrast:o,...r&&{...c,borderTopLeftRadius:0,borderBottomLeftRadius:0}}})]})};exports.ButtonGroup=y;
+//# sourceMappingURL=buttonGroup.component-DQswSQ0l.js.map

package/dist/chunks/{buttonGroup.component-DKnPmFIM.js.map → buttonGroup.component-DQswSQ0l.js.map}

@@ -1 +1 @@
-{"version":3,"file":"buttonGroup.component-DKnPmFIM.js","sources":["../../src/components/ButtonGroup/buttonGroup.component.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  ButtonGroup as CButtonGroup,\n  ButtonGroupProps as CButtonGroupProps,\n} from \"@chakra-ui/react/button\";\nimport { GroupedButton } from \"./buttonGroup.types\";\nimport {\n  ButtonConfigVariant,\n  ButtonSize,\n  ButtonVariant,\n} from \"components/Button/button.types\";\nimport { Button } from \"components/Button/button.component\";\nimport { SystemStyleObject, useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Menu, MenuProps } from \"components/Menu/menu.component\";\n\nexport interface ButtonGroupProps extends CButtonGroupProps {\n  buttons: GroupedButton[];\n  onContrast?: boolean;\n  size?: ButtonSize;\n  variant?: ButtonVariant;\n  menuProps?: MenuProps;\n}\n\nexport const ButtonGroup = ({\n  attached = true,\n  borderColor,\n  buttons,\n  menuProps,\n  onContrast = false,\n  size = \"md\",\n  variant = \"primary\",\n  ...rest\n}: ButtonGroupProps): React.JSX.Element => {\n  const computedVariant = useMemo(\n    () => `${variant}${onContrast ? \"OnContrast\" : \"\"}` as ButtonConfigVariant,\n    [onContrast, variant],\n  );\n  const recipe = useRecipe({ key: \"button\" });\n  const styles = recipe({ variant: computedVariant })[\"@layer recipes\"];\n  const computedBorderColor =\n    styles?.borderColor !== \"var(--chakra-colors-transparent)\"\n      ? styles?.borderColor\n      : styles?.color;\n\n  const buttonStyles: SystemStyleObject = {\n    borderWidth: \"1px\",\n    borderColor: borderColor || computedBorderColor,\n  };\n\n  return (\n    <CButtonGroup\n      className=\"ButtonGroup\"\n      data-testid=\"kibble-button-group\"\n      attached={attached}\n      {...rest}\n    >\n      {buttons.map(({ key, ...rest }, index) => (\n        <Button\n          key={key || index}\n          size={size}\n          variant={variant}\n          onContrast={onContrast}\n          {...rest}\n          {...(attached && buttonStyles)}\n        />\n      ))}\n      {menuProps && (\n        <Menu\n          positioning={{ placement: \"bottom\" }}\n          {...menuProps}\n          buttonProps={{\n            ...menuProps.buttonProps,\n            size,\n            variant,\n            onContrast,\n            ...(attached && {\n              ...buttonStyles,\n              borderTopLeftRadius: 0,\n              borderBottomLeftRadius: 0,\n            }),\n          }}\n        />\n      )}\n    </CButtonGroup>\n  );\n};\n"],"names":["ButtonGroup","attached","borderColor","buttons","menuProps","onContrast","size","variant","rest","computedVariant","useMemo","styles","useRecipe","computedBorderColor","buttonStyles","jsxs","CButtonGroup","key","index","jsx","Button","Menu"],"mappings":"gMAuBaA,EAAc,CAAC,CAC1B,SAAAC,EAAW,GACX,YAAAC,EACA,QAAAC,EACA,UAAAC,EACA,WAAAC,EAAa,GACb,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,GAAGC,CACL,IAA2C,CACzC,MAAMC,EAAkBC,EAAA,QACtB,IAAM,GAAGH,CAAO,GAAGF,EAAa,aAAe,EAAE,GACjD,CAACA,EAAYE,CAAO,CACtB,EAEMI,EADSC,EAAA,UAAU,CAAE,IAAK,SAAU,EACpB,CAAE,QAASH,CAAgB,CAAC,EAAE,gBAAgB,EAC9DI,EACJF,GAAQ,cAAgB,mCACpBA,GAAQ,YACRA,GAAQ,MAERG,EAAkC,CACtC,YAAa,MACb,YAAaZ,GAAeW,CAC9B,EAGE,OAAAE,EAAA,kBAAA,KAACC,EAAA,YAAA,CACC,UAAU,cACV,cAAY,sBACZ,SAAAf,EACC,GAAGO,EAEH,SAAA,CAAAL,EAAQ,IAAI,CAAC,CAAE,IAAAc,EAAK,GAAGT,CAAAA,EAAQU,IAC9BC,EAAA,kBAAA,IAACC,EAAA,OAAA,CAEC,KAAAd,EACA,QAAAC,EACA,WAAAF,EACC,GAAGG,EACH,GAAIP,GAAYa,CAAA,EALZG,GAAOC,CAAA,CAOf,EACAd,GACCe,EAAA,kBAAA,IAACE,EAAA,KAAA,CACC,YAAa,CAAE,UAAW,QAAS,EAClC,GAAGjB,EACJ,YAAa,CACX,GAAGA,EAAU,YACb,KAAAE,EACA,QAAAC,EACA,WAAAF,EACA,GAAIJ,GAAY,CACd,GAAGa,EACH,oBAAqB,EACrB,uBAAwB,CAAA,CAC1B,CACF,CAAA,CACF,CAAA,CAEJ,CAEJ"}
+{"version":3,"file":"buttonGroup.component-DQswSQ0l.js","sources":["../../src/components/ButtonGroup/buttonGroup.component.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  ButtonGroup as CButtonGroup,\n  ButtonGroupProps as CButtonGroupProps,\n} from \"@chakra-ui/react/button\";\nimport { GroupedButton } from \"./buttonGroup.types\";\nimport {\n  ButtonConfigVariant,\n  ButtonSize,\n  ButtonVariant,\n} from \"components/Button/button.types\";\nimport { Button } from \"components/Button/button.component\";\nimport { SystemStyleObject, useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Menu, MenuProps } from \"components/Menu/menu.component\";\n\nexport interface ButtonGroupProps extends CButtonGroupProps {\n  buttons: GroupedButton[];\n  onContrast?: boolean;\n  size?: ButtonSize;\n  variant?: ButtonVariant;\n  menuProps?: MenuProps;\n}\n\nexport const ButtonGroup = ({\n  attached = true,\n  borderColor,\n  buttons,\n  menuProps,\n  onContrast = false,\n  size = \"md\",\n  variant = \"primary\",\n  ...rest\n}: ButtonGroupProps): React.JSX.Element => {\n  const computedVariant = useMemo(\n    () => `${variant}${onContrast ? \"OnContrast\" : \"\"}` as ButtonConfigVariant,\n    [onContrast, variant],\n  );\n  const recipe = useRecipe({ key: \"button\" });\n  const styles = recipe({ variant: computedVariant })[\"@layer recipes\"];\n  const computedBorderColor =\n    styles?.borderColor !== \"var(--chakra-colors-transparent)\"\n      ? styles?.borderColor\n      : styles?.color;\n\n  const buttonStyles: SystemStyleObject = {\n    borderWidth: \"1px\",\n    borderColor: borderColor || computedBorderColor,\n  };\n\n  return (\n    <CButtonGroup\n      className=\"ButtonGroup\"\n      data-testid=\"kibble-button-group\"\n      attached={attached}\n      {...rest}\n    >\n      {buttons.map(({ key, ...rest }, index) => (\n        <Button\n          key={key || index}\n          size={size}\n          variant={variant}\n          onContrast={onContrast}\n          {...rest}\n          {...(attached && buttonStyles)}\n        />\n      ))}\n      {menuProps && (\n        <Menu\n          positioning={{ placement: \"bottom\" }}\n          {...menuProps}\n          buttonProps={{\n            ...menuProps.buttonProps,\n            size,\n            variant,\n            onContrast,\n            ...(attached && {\n              ...buttonStyles,\n              borderTopLeftRadius: 0,\n              borderBottomLeftRadius: 0,\n            }),\n          }}\n        />\n      )}\n    </CButtonGroup>\n  );\n};\n"],"names":["ButtonGroup","attached","borderColor","buttons","menuProps","onContrast","size","variant","rest","computedVariant","useMemo","styles","useRecipe","computedBorderColor","buttonStyles","jsxs","CButtonGroup","key","index","jsx","Button","Menu"],"mappings":"gMAuBaA,EAAc,CAAC,CAC1B,SAAAC,EAAW,GACX,YAAAC,EACA,QAAAC,EACA,UAAAC,EACA,WAAAC,EAAa,GACb,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,GAAGC,CACL,IAA2C,CACzC,MAAMC,EAAkBC,EAAA,QACtB,IAAM,GAAGH,CAAO,GAAGF,EAAa,aAAe,EAAE,GACjD,CAACA,EAAYE,CAAO,CACtB,EAEMI,EADSC,EAAA,UAAU,CAAE,IAAK,SAAU,EACpB,CAAE,QAASH,CAAgB,CAAC,EAAE,gBAAgB,EAC9DI,EACJF,GAAQ,cAAgB,mCACpBA,GAAQ,YACRA,GAAQ,MAERG,EAAkC,CACtC,YAAa,MACb,YAAaZ,GAAeW,CAC9B,EAGE,OAAAE,EAAA,kBAAA,KAACC,EAAA,YAAA,CACC,UAAU,cACV,cAAY,sBACZ,SAAAf,EACC,GAAGO,EAEH,SAAA,CAAAL,EAAQ,IAAI,CAAC,CAAE,IAAAc,EAAK,GAAGT,CAAAA,EAAQU,IAC9BC,EAAA,kBAAA,IAACC,EAAA,OAAA,CAEC,KAAAd,EACA,QAAAC,EACA,WAAAF,EACC,GAAGG,EACH,GAAIP,GAAYa,CAAA,EALZG,GAAOC,CAAA,CAOf,EACAd,GACCe,EAAA,kBAAA,IAACE,EAAA,KAAA,CACC,YAAa,CAAE,UAAW,QAAS,EAClC,GAAGjB,EACJ,YAAa,CACX,GAAGA,EAAU,YACb,KAAAE,EACA,QAAAC,EACA,WAAAF,EACA,GAAIJ,GAAY,CACd,GAAGa,EACH,oBAAqB,EACrB,uBAAwB,CAAA,CAC1B,CACF,CAAA,CACF,CAAA,CAEJ,CAEJ"}

package/dist/chunks/{buttonGroup.component-BLRJnRJW.js → buttonGroup.component-toHK3QbU.js}

@@ -1,8 +1,8 @@
-import { x as p } from "./vendor-BBfll6i3.js";
+import { x as p } from "./vendor-CRIhG-7s.js";
 import { useMemo as x } from "react";
-import { B } from "./button.component-CA9bIFbq.js";
-import { M as y } from "./menu.component-Bscyjw7R.js";
-import { u as j, d as R } from "./chakra-BqBkjpvZ.js";
+import { B } from "./button.component-BZEZZa7D.js";
+import { M as y } from "./menu.component-xKsPT0Zc.js";
+import { af as j, ag as R } from "./chakra-DEgvQPwa.js";
 const L = ({
   attached: t = !0,
   borderColor: i,
@@ -11,14 +11,14 @@ const L = ({
   onContrast: o = !1,
   size: u = "md",
   variant: r = "primary",
-  ...c
+  ...a
 }) => {
-  const d = x(
+  const c = x(
     () => `${r}${o ? "OnContrast" : ""}`,
     [o, r]
-  ), s = j({ key: "button" })({ variant: d })["@layer recipes"], a = s?.borderColor !== "var(--chakra-colors-transparent)" ? s?.borderColor : s?.color, m = {
+  ), s = j({ key: "button" })({ variant: c })["@layer recipes"], b = s?.borderColor !== "var(--chakra-colors-transparent)" ? s?.borderColor : s?.color, m = {
     borderWidth: "1px",
-    borderColor: i || a
+    borderColor: i || b
   };
   return /* @__PURE__ */ p.jsxs(
     R,
@@ -26,9 +26,9 @@ const L = ({
       className: "ButtonGroup",
       "data-testid": "kibble-button-group",
       attached: t,
-      ...c,
+      ...a,
       children: [
-        n.map(({ key: b, ...l }, f) => /* @__PURE__ */ p.jsx(
+        n.map(({ key: d, ...l }, f) => /* @__PURE__ */ p.jsx(
           B,
           {
             size: u,
@@ -37,7 +37,7 @@ const L = ({
             ...l,
             ...t && m
           },
-          b || f
+          d || f
         )),
         e && /* @__PURE__ */ p.jsx(
           y,
@@ -64,4 +64,4 @@ const L = ({
 export {
   L as B
 };
-//# sourceMappingURL=buttonGroup.component-BLRJnRJW.js.map
+//# sourceMappingURL=buttonGroup.component-toHK3QbU.js.map

package/dist/chunks/{buttonGroup.component-BLRJnRJW.js.map → buttonGroup.component-toHK3QbU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"buttonGroup.component-BLRJnRJW.js","sources":["../../src/components/ButtonGroup/buttonGroup.component.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  ButtonGroup as CButtonGroup,\n  ButtonGroupProps as CButtonGroupProps,\n} from \"@chakra-ui/react/button\";\nimport { GroupedButton } from \"./buttonGroup.types\";\nimport {\n  ButtonConfigVariant,\n  ButtonSize,\n  ButtonVariant,\n} from \"components/Button/button.types\";\nimport { Button } from \"components/Button/button.component\";\nimport { SystemStyleObject, useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Menu, MenuProps } from \"components/Menu/menu.component\";\n\nexport interface ButtonGroupProps extends CButtonGroupProps {\n  buttons: GroupedButton[];\n  onContrast?: boolean;\n  size?: ButtonSize;\n  variant?: ButtonVariant;\n  menuProps?: MenuProps;\n}\n\nexport const ButtonGroup = ({\n  attached = true,\n  borderColor,\n  buttons,\n  menuProps,\n  onContrast = false,\n  size = \"md\",\n  variant = \"primary\",\n  ...rest\n}: ButtonGroupProps): React.JSX.Element => {\n  const computedVariant = useMemo(\n    () => `${variant}${onContrast ? \"OnContrast\" : \"\"}` as ButtonConfigVariant,\n    [onContrast, variant],\n  );\n  const recipe = useRecipe({ key: \"button\" });\n  const styles = recipe({ variant: computedVariant })[\"@layer recipes\"];\n  const computedBorderColor =\n    styles?.borderColor !== \"var(--chakra-colors-transparent)\"\n      ? styles?.borderColor\n      : styles?.color;\n\n  const buttonStyles: SystemStyleObject = {\n    borderWidth: \"1px\",\n    borderColor: borderColor || computedBorderColor,\n  };\n\n  return (\n    <CButtonGroup\n      className=\"ButtonGroup\"\n      data-testid=\"kibble-button-group\"\n      attached={attached}\n      {...rest}\n    >\n      {buttons.map(({ key, ...rest }, index) => (\n        <Button\n          key={key || index}\n          size={size}\n          variant={variant}\n          onContrast={onContrast}\n          {...rest}\n          {...(attached && buttonStyles)}\n        />\n      ))}\n      {menuProps && (\n        <Menu\n          positioning={{ placement: \"bottom\" }}\n          {...menuProps}\n          buttonProps={{\n            ...menuProps.buttonProps,\n            size,\n            variant,\n            onContrast,\n            ...(attached && {\n              ...buttonStyles,\n              borderTopLeftRadius: 0,\n              borderBottomLeftRadius: 0,\n            }),\n          }}\n        />\n      )}\n    </CButtonGroup>\n  );\n};\n"],"names":["ButtonGroup","attached","borderColor","buttons","menuProps","onContrast","size","variant","rest","computedVariant","useMemo","styles","useRecipe","computedBorderColor","buttonStyles","jsxs","CButtonGroup","key","index","jsx","Button","Menu"],"mappings":";;;;;AAuBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,UAAAC,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,IAAkBC;AAAA,IACtB,MAAM,GAAGH,CAAO,GAAGF,IAAa,eAAe,EAAE;AAAA,IACjD,CAACA,GAAYE,CAAO;AAAA,EACtB,GAEMI,IADSC,EAAU,EAAE,KAAK,UAAU,EACpB,EAAE,SAASH,EAAgB,CAAC,EAAE,gBAAgB,GAC9DI,IACJF,GAAQ,gBAAgB,qCACpBA,GAAQ,cACRA,GAAQ,OAERG,IAAkC;AAAA,IACtC,aAAa;AAAA,IACb,aAAaZ,KAAeW;AAAA,EAC9B;AAGE,SAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,UAAAf;AAAA,MACC,GAAGO;AAAA,MAEH,UAAA;AAAA,QAAAL,EAAQ,IAAI,CAAC,EAAE,KAAAc,GAAK,GAAGT,EAAAA,GAAQU,MAC9BC,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YAEC,MAAAd;AAAA,YACA,SAAAC;AAAA,YACA,YAAAF;AAAA,YACC,GAAGG;AAAAA,YACH,GAAIP,KAAYa;AAAA,UAAA;AAAA,UALZG,KAAOC;AAAA,QAAA,CAOf;AAAA,QACAd,KACCe,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,aAAa,EAAE,WAAW,SAAS;AAAA,YAClC,GAAGjB;AAAA,YACJ,aAAa;AAAA,cACX,GAAGA,EAAU;AAAA,cACb,MAAAE;AAAA,cACA,SAAAC;AAAA,cACA,YAAAF;AAAA,cACA,GAAIJ,KAAY;AAAA,gBACd,GAAGa;AAAA,gBACH,qBAAqB;AAAA,gBACrB,wBAAwB;AAAA,cAAA;AAAA,YAC1B;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"buttonGroup.component-toHK3QbU.js","sources":["../../src/components/ButtonGroup/buttonGroup.component.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  ButtonGroup as CButtonGroup,\n  ButtonGroupProps as CButtonGroupProps,\n} from \"@chakra-ui/react/button\";\nimport { GroupedButton } from \"./buttonGroup.types\";\nimport {\n  ButtonConfigVariant,\n  ButtonSize,\n  ButtonVariant,\n} from \"components/Button/button.types\";\nimport { Button } from \"components/Button/button.component\";\nimport { SystemStyleObject, useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Menu, MenuProps } from \"components/Menu/menu.component\";\n\nexport interface ButtonGroupProps extends CButtonGroupProps {\n  buttons: GroupedButton[];\n  onContrast?: boolean;\n  size?: ButtonSize;\n  variant?: ButtonVariant;\n  menuProps?: MenuProps;\n}\n\nexport const ButtonGroup = ({\n  attached = true,\n  borderColor,\n  buttons,\n  menuProps,\n  onContrast = false,\n  size = \"md\",\n  variant = \"primary\",\n  ...rest\n}: ButtonGroupProps): React.JSX.Element => {\n  const computedVariant = useMemo(\n    () => `${variant}${onContrast ? \"OnContrast\" : \"\"}` as ButtonConfigVariant,\n    [onContrast, variant],\n  );\n  const recipe = useRecipe({ key: \"button\" });\n  const styles = recipe({ variant: computedVariant })[\"@layer recipes\"];\n  const computedBorderColor =\n    styles?.borderColor !== \"var(--chakra-colors-transparent)\"\n      ? styles?.borderColor\n      : styles?.color;\n\n  const buttonStyles: SystemStyleObject = {\n    borderWidth: \"1px\",\n    borderColor: borderColor || computedBorderColor,\n  };\n\n  return (\n    <CButtonGroup\n      className=\"ButtonGroup\"\n      data-testid=\"kibble-button-group\"\n      attached={attached}\n      {...rest}\n    >\n      {buttons.map(({ key, ...rest }, index) => (\n        <Button\n          key={key || index}\n          size={size}\n          variant={variant}\n          onContrast={onContrast}\n          {...rest}\n          {...(attached && buttonStyles)}\n        />\n      ))}\n      {menuProps && (\n        <Menu\n          positioning={{ placement: \"bottom\" }}\n          {...menuProps}\n          buttonProps={{\n            ...menuProps.buttonProps,\n            size,\n            variant,\n            onContrast,\n            ...(attached && {\n              ...buttonStyles,\n              borderTopLeftRadius: 0,\n              borderBottomLeftRadius: 0,\n            }),\n          }}\n        />\n      )}\n    </CButtonGroup>\n  );\n};\n"],"names":["ButtonGroup","attached","borderColor","buttons","menuProps","onContrast","size","variant","rest","computedVariant","useMemo","styles","useRecipe","computedBorderColor","buttonStyles","jsxs","CButtonGroup","key","index","jsx","Button","Menu"],"mappings":";;;;;AAuBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,UAAAC,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,IAAkBC;AAAA,IACtB,MAAM,GAAGH,CAAO,GAAGF,IAAa,eAAe,EAAE;AAAA,IACjD,CAACA,GAAYE,CAAO;AAAA,EACtB,GAEMI,IADSC,EAAU,EAAE,KAAK,UAAU,EACpB,EAAE,SAASH,EAAgB,CAAC,EAAE,gBAAgB,GAC9DI,IACJF,GAAQ,gBAAgB,qCACpBA,GAAQ,cACRA,GAAQ,OAERG,IAAkC;AAAA,IACtC,aAAa;AAAA,IACb,aAAaZ,KAAeW;AAAA,EAC9B;AAGE,SAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,UAAAf;AAAA,MACC,GAAGO;AAAA,MAEH,UAAA;AAAA,QAAAL,EAAQ,IAAI,CAAC,EAAE,KAAAc,GAAK,GAAGT,EAAAA,GAAQU,MAC9BC,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YAEC,MAAAd;AAAA,YACA,SAAAC;AAAA,YACA,YAAAF;AAAA,YACC,GAAGG;AAAAA,YACH,GAAIP,KAAYa;AAAA,UAAA;AAAA,UALZG,KAAOC;AAAA,QAAA,CAOf;AAAA,QACAd,KACCe,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,aAAa,EAAE,WAAW,SAAS;AAAA,YAClC,GAAGjB;AAAA,YACJ,aAAa;AAAA,cACX,GAAGA,EAAU;AAAA,cACb,MAAAE;AAAA,cACA,SAAAC;AAAA,cACA,YAAAF;AAAA,cACA,GAAIJ,KAAY;AAAA,gBACd,GAAGa;AAAA,gBACH,qBAAqB;AAAA,gBACrB,wBAAwB;AAAA,cAAA;AAAA,YAC1B;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/chunks/card.component-1JqO34tC.js

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

package/dist/chunks/card.component-1JqO34tC.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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