@televet/kibble-ui 4.0.0-beta.54 → 4.0.0-beta.55

package/dist/chunks/{avatar.component-oOJ66hzm.js.map → avatar.component-DOnkegH0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatar.component-oOJ66hzm.js","sources":["../../node_modules/@ark-ui/react/dist/components/avatar/use-avatar-context.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-fallback.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-image.js","../../node_modules/@ark-ui/react/dist/components/avatar/use-avatar.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-root.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/avatar/avatar.js","../../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":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [AvatarProvider, useAvatarContext] = createContext({\n  name: \"AvatarContext\",\n  hookName: \"useAvatarContext\",\n  providerName: \"<AvatarProvider />\"\n});\n\nexport { AvatarProvider, useAvatarContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useAvatarContext } from './use-avatar-context.js';\n\nconst AvatarFallback = forwardRef((props, ref) => {\n  const avatar = useAvatarContext();\n  const mergedProps = mergeProps(avatar.getFallbackProps(), props);\n  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nAvatarFallback.displayName = \"AvatarFallback\";\n\nexport { AvatarFallback };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useAvatarContext } from './use-avatar-context.js';\n\nconst AvatarImage = forwardRef((props, ref) => {\n  const avatar = useAvatarContext();\n  const mergedProps = mergeProps(avatar.getImageProps(), props);\n  return /* @__PURE__ */ jsx(ark.img, { ...mergedProps, ref });\n});\nAvatarImage.displayName = \"AvatarImage\";\n\nexport { AvatarImage };\n","'use client';\nimport * as avatar from '@zag-js/avatar';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useAvatar = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const context = {\n    id,\n    dir,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(avatar.machine, context);\n  return avatar.connect(service, normalizeProps);\n};\n\nexport { useAvatar };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useAvatar } from './use-avatar.js';\nimport { AvatarProvider } from './use-avatar-context.js';\n\nconst AvatarRoot = forwardRef((props, ref) => {\n  const [useAvatarProps, localProps] = createSplitProps()(props, [\"id\", \"ids\", \"onStatusChange\"]);\n  const avatar = useAvatar(useAvatarProps);\n  const mergedProps = mergeProps(avatar.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(AvatarProvider, { value: avatar, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nAvatarRoot.displayName = \"AvatarRoot\";\n\nexport { AvatarRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { AvatarProvider } from './use-avatar-context.js';\n\nconst AvatarRootProvider = forwardRef((props, ref) => {\n  const [{ value: avatar }, localProps] = createSplitProps()(props, [\"value\"]);\n  const mergedProps = mergeProps(avatar.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(AvatarProvider, { value: avatar, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nAvatarRootProvider.displayName = \"AvatarRootProvider\";\n\nexport { AvatarRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Avatar } from '@ark-ui/react/avatar';\nimport { forwardRef, useMemo } from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useSlotRecipe } from '../../styled-system/use-slot-recipe.js';\nimport { Group } from '../group/group.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useAvatarStyles,\n  useClassNames,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"avatar\" });\nconst AvatarRootProvider = withProvider(Avatar.RootProvider, \"root\", { forwardAsChild: true });\nconst AvatarRoot = withProvider(\n  Avatar.Root,\n  \"root\",\n  { forwardAsChild: true }\n);\nconst AvatarPropsProvider = PropsProvider;\nconst StyledFallback = chakra(Avatar.Fallback, {}, { forwardAsChild: true });\nfunction getFallbackChildren(props) {\n  if (props.children || props.asChild) return props.children;\n  if (props.name) return getInitials(props.name);\n  return /* @__PURE__ */ jsx(AvatarIcon, {});\n}\nfunction getInitials(name) {\n  const names = name.trim().split(\" \");\n  const firstName = names[0] != null ? names[0] : \"\";\n  const lastName = names.length > 1 ? names[names.length - 1] : \"\";\n  return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);\n}\nconst AvatarFallback = forwardRef(\n  function AvatarFallback2(props, ref) {\n    const styles = useAvatarStyles();\n    const classNames = useClassNames();\n    const { name: _, ...rest } = props;\n    return /* @__PURE__ */ jsx(\n      StyledFallback,\n      {\n        ref,\n        ...rest,\n        className: cx(props.className, classNames.fallback),\n        css: [styles.fallback, props.css],\n        children: getFallbackChildren(props)\n      }\n    );\n  }\n);\nconst AvatarImage = withContext(\n  Avatar.Image,\n  \"image\",\n  {\n    forwardAsChild: true,\n    defaultProps: {\n      draggable: \"false\",\n      referrerPolicy: \"no-referrer\"\n    }\n  }\n);\nconst AvatarIcon = forwardRef(\n  function AvatarIcon2(props, ref) {\n    return /* @__PURE__ */ jsx(\n      chakra.svg,\n      {\n        stroke: \"currentColor\",\n        fill: \"currentColor\",\n        strokeWidth: \"0\",\n        viewBox: \"0 0 24 24\",\n        height: \"1.2em\",\n        width: \"1.2em\",\n        ref,\n        ...props,\n        children: /* @__PURE__ */ jsx(\"path\", { d: \"M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z\" })\n      }\n    );\n  }\n);\nconst AvatarContext = Avatar.Context;\nconst AvatarGroup = forwardRef(\n  function AvatarGroup2(props, ref) {\n    const recipe = useSlotRecipe({ key: \"avatar\" });\n    const [variantProps, localProps] = useMemo(\n      () => recipe.splitVariantProps(props),\n      [props, recipe]\n    );\n    return /* @__PURE__ */ jsx(PropsProvider, { value: variantProps, children: /* @__PURE__ */ jsx(Group, { gap: \"0\", spaceX: \"-3\", ref, ...localProps }) });\n  }\n);\n\nexport { AvatarContext, AvatarFallback, AvatarGroup, AvatarIcon, AvatarImage, AvatarPropsProvider, AvatarRoot, AvatarRootProvider, useAvatarStyles };\n","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              mt=\"-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":["AvatarProvider","useAvatarContext","createContext","AvatarFallback","forwardRef","props","ref","avatar","mergedProps","mergeProps","jsx","ark","AvatarImage","useAvatar","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","context","service","useMachine","avatar.machine","avatar.connect","normalizeProps","AvatarRoot","useAvatarProps","localProps","createSplitProps","AvatarRootProvider","withProvider","withContext","useAvatarStyles","useClassNames","PropsProvider","createSlotRecipeContext","Avatar.RootProvider","Avatar.Root","StyledFallback","chakra","Avatar.Fallback","getFallbackChildren","getInitials","AvatarIcon","name","names","firstName","lastName","styles","classNames","_","rest","cx","Avatar.Image","AvatarGroup","recipe","useSlotRecipe","variantProps","useMemo","Group","AvatarRemoveButton","avatarSize","onRemove","isBeingHovered","setIsBeingHovered","onRemoveButtonClick","useCallback","e","Float","Icon","getNextIconSize","currentSize","larger","delta","nextSize","avatarBadgeStatusStyles","avatarBadgeSizeStyles","avatarBadgeRecipe","defineRecipe","iconBadgeOffsetMap","badgeOffsetMap","AvatarBadge","iconName","position","status","useRecipe","useSmallBadge","offsetRecord","Flex","Avatar","badgeProps","hideBorder","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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","x_google_ignoreList":[0,1,2,3,4,5,6]}
+{"version":3,"file":"avatar.component-DOnkegH0.js","sources":["../../node_modules/@ark-ui/react/dist/components/avatar/use-avatar-context.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-fallback.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-image.js","../../node_modules/@ark-ui/react/dist/components/avatar/use-avatar.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-root.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/avatar/avatar.js","../../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":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [AvatarProvider, useAvatarContext] = createContext({\n  name: \"AvatarContext\",\n  hookName: \"useAvatarContext\",\n  providerName: \"<AvatarProvider />\"\n});\n\nexport { AvatarProvider, useAvatarContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useAvatarContext } from './use-avatar-context.js';\n\nconst AvatarFallback = forwardRef((props, ref) => {\n  const avatar = useAvatarContext();\n  const mergedProps = mergeProps(avatar.getFallbackProps(), props);\n  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nAvatarFallback.displayName = \"AvatarFallback\";\n\nexport { AvatarFallback };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useAvatarContext } from './use-avatar-context.js';\n\nconst AvatarImage = forwardRef((props, ref) => {\n  const avatar = useAvatarContext();\n  const mergedProps = mergeProps(avatar.getImageProps(), props);\n  return /* @__PURE__ */ jsx(ark.img, { ...mergedProps, ref });\n});\nAvatarImage.displayName = \"AvatarImage\";\n\nexport { AvatarImage };\n","'use client';\nimport * as avatar from '@zag-js/avatar';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useAvatar = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const context = {\n    id,\n    dir,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(avatar.machine, context);\n  return avatar.connect(service, normalizeProps);\n};\n\nexport { useAvatar };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useAvatar } from './use-avatar.js';\nimport { AvatarProvider } from './use-avatar-context.js';\n\nconst AvatarRoot = forwardRef((props, ref) => {\n  const [useAvatarProps, localProps] = createSplitProps()(props, [\"id\", \"ids\", \"onStatusChange\"]);\n  const avatar = useAvatar(useAvatarProps);\n  const mergedProps = mergeProps(avatar.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(AvatarProvider, { value: avatar, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nAvatarRoot.displayName = \"AvatarRoot\";\n\nexport { AvatarRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { AvatarProvider } from './use-avatar-context.js';\n\nconst AvatarRootProvider = forwardRef((props, ref) => {\n  const [{ value: avatar }, localProps] = createSplitProps()(props, [\"value\"]);\n  const mergedProps = mergeProps(avatar.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(AvatarProvider, { value: avatar, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nAvatarRootProvider.displayName = \"AvatarRootProvider\";\n\nexport { AvatarRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Avatar } from '@ark-ui/react/avatar';\nimport { forwardRef, useMemo } from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useSlotRecipe } from '../../styled-system/use-slot-recipe.js';\nimport { Group } from '../group/group.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useAvatarStyles,\n  useClassNames,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"avatar\" });\nconst AvatarRootProvider = withProvider(Avatar.RootProvider, \"root\", { forwardAsChild: true });\nconst AvatarRoot = withProvider(\n  Avatar.Root,\n  \"root\",\n  { forwardAsChild: true }\n);\nconst AvatarPropsProvider = PropsProvider;\nconst StyledFallback = chakra(Avatar.Fallback, {}, { forwardAsChild: true });\nfunction getFallbackChildren(props) {\n  if (props.children || props.asChild) return props.children;\n  if (props.name) return getInitials(props.name);\n  return /* @__PURE__ */ jsx(AvatarIcon, {});\n}\nfunction getInitials(name) {\n  const names = name.trim().split(\" \");\n  const firstName = names[0] != null ? names[0] : \"\";\n  const lastName = names.length > 1 ? names[names.length - 1] : \"\";\n  return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);\n}\nconst AvatarFallback = forwardRef(\n  function AvatarFallback2(props, ref) {\n    const styles = useAvatarStyles();\n    const classNames = useClassNames();\n    const { name: _, ...rest } = props;\n    return /* @__PURE__ */ jsx(\n      StyledFallback,\n      {\n        ref,\n        ...rest,\n        className: cx(props.className, classNames.fallback),\n        css: [styles.fallback, props.css],\n        children: getFallbackChildren(props)\n      }\n    );\n  }\n);\nconst AvatarImage = withContext(\n  Avatar.Image,\n  \"image\",\n  {\n    forwardAsChild: true,\n    defaultProps: {\n      draggable: \"false\",\n      referrerPolicy: \"no-referrer\"\n    }\n  }\n);\nconst AvatarIcon = forwardRef(\n  function AvatarIcon2(props, ref) {\n    return /* @__PURE__ */ jsx(\n      chakra.svg,\n      {\n        stroke: \"currentColor\",\n        fill: \"currentColor\",\n        strokeWidth: \"0\",\n        viewBox: \"0 0 24 24\",\n        height: \"1.2em\",\n        width: \"1.2em\",\n        ref,\n        ...props,\n        children: /* @__PURE__ */ jsx(\"path\", { d: \"M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z\" })\n      }\n    );\n  }\n);\nconst AvatarContext = Avatar.Context;\nconst AvatarGroup = forwardRef(\n  function AvatarGroup2(props, ref) {\n    const recipe = useSlotRecipe({ key: \"avatar\" });\n    const [variantProps, localProps] = useMemo(\n      () => recipe.splitVariantProps(props),\n      [props, recipe]\n    );\n    return /* @__PURE__ */ jsx(PropsProvider, { value: variantProps, children: /* @__PURE__ */ jsx(Group, { gap: \"0\", spaceX: \"-3\", ref, ...localProps }) });\n  }\n);\n\nexport { AvatarContext, AvatarFallback, AvatarGroup, AvatarIcon, AvatarImage, AvatarPropsProvider, AvatarRoot, AvatarRootProvider, useAvatarStyles };\n","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              mt=\"-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":["AvatarProvider","useAvatarContext","createContext","AvatarFallback","forwardRef","props","ref","avatar","mergedProps","mergeProps","jsx","ark","AvatarImage","useAvatar","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","context","service","useMachine","avatar.machine","avatar.connect","normalizeProps","AvatarRoot","useAvatarProps","localProps","createSplitProps","AvatarRootProvider","withProvider","withContext","useAvatarStyles","useClassNames","PropsProvider","createSlotRecipeContext","Avatar.RootProvider","Avatar.Root","StyledFallback","chakra","Avatar.Fallback","getFallbackChildren","getInitials","AvatarIcon","name","names","firstName","lastName","styles","classNames","_","rest","cx","Avatar.Image","AvatarGroup","recipe","useSlotRecipe","variantProps","useMemo","Group","AvatarRemoveButton","avatarSize","onRemove","isBeingHovered","setIsBeingHovered","onRemoveButtonClick","useCallback","e","Float","Icon","getNextIconSize","currentSize","larger","delta","nextSize","avatarBadgeStatusStyles","avatarBadgeSizeStyles","avatarBadgeRecipe","defineRecipe","iconBadgeOffsetMap","badgeOffsetMap","AvatarBadge","iconName","position","status","useRecipe","useSmallBadge","offsetRecord","Flex","Avatar","badgeProps","hideBorder","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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","x_google_ignoreList":[0,1,2,3,4,5,6]}

package/dist/chunks/{avatarGroup.component-Cr2dLGn7.js → avatarGroup.component-3E9DTZtZ.js}

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

package/dist/chunks/{avatarGroup.component-Cr2dLGn7.js.map → avatarGroup.component-3E9DTZtZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatarGroup.component-Cr2dLGn7.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":"yHAoBaA,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-3E9DTZtZ.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":"yHAoBaA,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-BOzKnzZu.js → avatarGroup.component-Dbn1XdYP.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-oOJ66hzm.js";
+import { a as v, A as n } from "./avatar.component-DOnkegH0.js";
 const k = ({
   addButtonTooltipText: r,
   avatars: e,
@@ -67,4 +67,4 @@ const k = ({
 export {
   k as A
 };
-//# sourceMappingURL=avatarGroup.component-BOzKnzZu.js.map
+//# sourceMappingURL=avatarGroup.component-Dbn1XdYP.js.map

package/dist/chunks/{avatarGroup.component-BOzKnzZu.js.map → avatarGroup.component-Dbn1XdYP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatarGroup.component-BOzKnzZu.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-Dbn1XdYP.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/box-Baq7UBls.js

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

package/dist/chunks/{box-ca2FvcWF.js.map → box-Baq7UBls.js.map}

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

package/dist/chunks/box-Ck9I7FYv.js

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

package/dist/chunks/{box-y05hq0PT.js.map → box-Ck9I7FYv.js.map}

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

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

@@ -1,7 +1,7 @@
 import { j as t } from "./jsx-runtime-C5mzlN2N.js";
 import { forwardRef as f, useMemo as b } from "react";
-import { I as x } from "./icon.component-BmcWaysM.js";
-import { I as B, B as j } from "./icon-button-g512TBA9.js";
+import { I as x } from "./icon.component-DGNCL1Yc.js";
+import { I as B, B as j } from "./icon-button-DTZOklQ9.js";
 const g = (s) => s.replace(/([A-Z])/g, " $1").replace(/^\w/, (o) => o.toUpperCase()), I = f(
   ({
     active: s,
@@ -64,4 +64,4 @@ I.displayName = "Button";
 export {
   I as B
 };
-//# sourceMappingURL=button.component-BWlRjD5a.js.map
+//# sourceMappingURL=button.component-BpF3MzbZ.js.map

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

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

package/dist/chunks/{button.component-ytAmAAJg.js → button.component-Dd9AfGox.js}

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

package/dist/chunks/{button.component-ytAmAAJg.js.map → button.component-Dd9AfGox.js.map}

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

package/dist/chunks/{buttonGroup.component-D6hiZw3h.js → buttonGroup.component-C2W4MMv4.js}

@@ -1,10 +1,10 @@
 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-BWlRjD5a.js";
-import { M as G } from "./menu.component-BKyUQEqg.js";
-import { u as c } from "./use-recipe-B7BYguEn.js";
-import { a as P } from "./icon-button-g512TBA9.js";
-import { G as R } from "./group-CjQBwfVM.js";
+import { B as y } from "./button.component-BpF3MzbZ.js";
+import { M as G } from "./menu.component-ElWVN9lO.js";
+import { u as c } from "./use-recipe-d63ABaZ3.js";
+import { a as P } from "./icon-button-DTZOklQ9.js";
+import { G as R } from "./group-DPCVolOl.js";
 const k = j(
   function(s, n) {
     const o = c({ key: "button" }), [r, p] = a(
@@ -74,4 +74,4 @@ const k = j(
 export {
   w as B
 };
-//# sourceMappingURL=buttonGroup.component-D6hiZw3h.js.map
+//# sourceMappingURL=buttonGroup.component-C2W4MMv4.js.map

package/dist/chunks/{buttonGroup.component-D6hiZw3h.js.map → buttonGroup.component-C2W4MMv4.js.map}

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

package/dist/chunks/{buttonGroup.component-DfFsqukz.js → buttonGroup.component-CnEizBsv.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),p=require("react"),B=require("./button.component-ytAmAAJg.js"),q=require("./menu.component-Dmj51ect.js"),d=require("./use-recipe-N0abcau6.js"),f=require("./icon-button-B8so0CZl.js"),y=require("./group-aY0Z9jNw.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-DfFsqukz.js.map
+"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),p=require("react"),B=require("./button.component-Dd9AfGox.js"),q=require("./menu.component-4wPFXexb.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-CnEizBsv.js.map

package/dist/chunks/{buttonGroup.component-DfFsqukz.js.map → buttonGroup.component-CnEizBsv.js.map}

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

package/dist/chunks/{card.component-6TV04UQT.js → card.component-DNX41NGG.js}

@@ -1,6 +1,6 @@
 import { j as p } from "./jsx-runtime-C5mzlN2N.js";
 import { useState as x } from "react";
-import { B as f } from "./box-y05hq0PT.js";
+import { B as f } from "./box-Ck9I7FYv.js";
 const u = {
   lg: 7,
   md: 5,
@@ -56,4 +56,4 @@ export {
   k as C,
   u as a
 };
-//# sourceMappingURL=card.component-6TV04UQT.js.map
+//# sourceMappingURL=card.component-DNX41NGG.js.map

package/dist/chunks/{card.component-6TV04UQT.js.map → card.component-DNX41NGG.js.map}

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

package/dist/chunks/{card.component-nehAyK91.js → card.component-KNc4HKSh.js}

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

package/dist/chunks/{card.component-nehAyK91.js.map → card.component-KNc4HKSh.js.map}

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

package/dist/chunks/{characterCounter.component-BFw6saPi.js → characterCounter.component-BvInq6l9.js}

@@ -1,9 +1,9 @@
 import { j as r } from "./jsx-runtime-C5mzlN2N.js";
 import { useMemo as l } from "react";
-import { W as e } from "./text.component-ByshUroO.js";
-import { a as u } from "./config-C4FE-eBu.js";
-import { u as d } from "./use-slot-recipe-BVIotsqX.js";
-import { H as m } from "./h-stack-iIc7vTB3.js";
+import { W as e } from "./text.component-jWLhtW1b.js";
+import { a as u } from "./config-DlTdf-Yt.js";
+import { u as d } from "./use-slot-recipe-DhtQ1j_5.js";
+import { H as m } from "./h-stack-Ce6JSBK2.js";
 const p = u({
   slots: ["root", "count", "limit"],
   base: {
@@ -107,4 +107,4 @@ const p = u({
 export {
   k as C
 };
-//# sourceMappingURL=characterCounter.component-BFw6saPi.js.map
+//# sourceMappingURL=characterCounter.component-BvInq6l9.js.map

package/dist/chunks/{characterCounter.component-BFw6saPi.js.map → characterCounter.component-BvInq6l9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"characterCounter.component-BFw6saPi.js","sources":["../../src/components/CharacterCounter/characterCounter.recipe.ts","../../src/components/CharacterCounter/characterCounter.component.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const characterCounterRecipe = defineSlotRecipe({\n  slots: [\"root\", \"count\", \"limit\"],\n  base: {\n    root: {\n      position: \"absolute\",\n      right: 0,\n      bottom: \"-20px\",\n      gap: 1,\n    },\n  },\n  variants: {\n    variant: {\n      default: {\n        root: {\n          background: \"background\",\n        },\n        count: {\n          color: \"text.subtle\",\n        },\n        limit: {\n          color: \"text.subtle\",\n        },\n      },\n      onContrast: {\n        root: {\n          background: \"background.contrast\",\n        },\n        count: {\n          color: \"text.subtle.contrast\",\n        },\n        limit: {\n          color: \"text.subtle.contrast\",\n        },\n      },\n    },\n    invalid: {\n      true: {\n        count: {\n          color: \"text.danger\",\n        },\n      },\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {\n      invalid: true,\n      variant: \"onContrast\",\n      css: {\n        count: {\n          color: \"text.danger.contrast\",\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"default\",\n    invalid: false,\n  },\n});\n","import React, { useMemo } from \"react\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Text } from \"components/Text/text.component\";\nimport { useSlotRecipe } from \"@chakra-ui/react\";\nimport { characterCounterRecipe } from \"./characterCounter.recipe\";\n\nexport interface BaseCharacterCounterProps {\n  currentCount: number;\n  onContrast?: boolean;\n}\n\ninterface CharacterCounterWithLimitProps extends BaseCharacterCounterProps {\n  limit: number;\n  withLimit?: true;\n}\n\ninterface OnlyCharacterCounterProps extends BaseCharacterCounterProps {\n  limit?: never;\n  withLimit?: false;\n}\n\nexport type CharacterCounterProps =\n  | CharacterCounterWithLimitProps\n  | OnlyCharacterCounterProps;\n\nexport const CharacterCounter = ({\n  currentCount,\n  onContrast = false,\n  limit,\n  withLimit = true,\n}: CharacterCounterProps): React.JSX.Element => {\n  const variant = onContrast ? \"onContrast\" : \"default\";\n  const invalid = useMemo(() => {\n    if (!limit) return false;\n    return currentCount > limit;\n  }, [currentCount, limit]);\n  const recipe = useSlotRecipe({ recipe: characterCounterRecipe });\n  const styles = recipe({ variant, invalid });\n\n  return (\n    <HStack\n      className=\"CharacterCount\"\n      data-testid=\"kibble-character-count\"\n      css={styles.root}\n    >\n      <Text\n        className=\"CharacterCount__Count\"\n        data-testid=\"kibble-character-count-count\"\n        size=\"xs\"\n        css={styles.count}\n      >\n        {currentCount}\n      </Text>\n      {withLimit && (\n        <Text\n          className=\"CharacterCount__Limit\"\n          data-testid=\"kibble-character-count-limit\"\n          size=\"xs\"\n          css={styles.limit}\n        >\n          / {limit}\n        </Text>\n      )}\n    </HStack>\n  );\n};\n"],"names":["characterCounterRecipe","defineSlotRecipe","CharacterCounter","currentCount","onContrast","limit","withLimit","variant","invalid","useMemo","styles","useSlotRecipe","jsxs","HStack","jsx","Text"],"mappings":";;;;;;AAEO,MAAMA,IAAyBC,EAAiB;AAAA,EACrD,OAAO,CAAC,QAAQ,SAAS,OAAO;AAAA,EAChC,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,KAAK;AAAA,IAAA;AAAA,EAET;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP,MAAM;AAAA,UACJ,YAAY;AAAA,QACd;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,QACT;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,QAAA;AAAA,MAEX;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,UACJ,YAAY;AAAA,QACd;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,QACT;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IAEJ;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,OAAO;AAAA,UACL,OAAO;AAAA,QAAA;AAAA,MAEX;AAAA,MACA,OAAO,CAAA;AAAA,IAAC;AAAA,EAEZ;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,SAAS;AAAA,MACT,SAAS;AAAA,MACT,KAAK;AAAA,QACH,OAAO;AAAA,UACL,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEb,CAAC,GCpCYC,IAAmB,CAAC;AAAA,EAC/B,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,OAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAgD;AACxC,QAAAC,IAAUH,IAAa,eAAe,WACtCI,IAAUC,EAAQ,MACjBJ,IACEF,IAAeE,IADH,IAElB,CAACF,GAAcE,CAAK,CAAC,GAElBK,IADSC,EAAc,EAAE,QAAQX,GAAwB,EACzC,EAAE,SAAAO,GAAS,SAAAC,GAAS;AAGxC,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAKH,EAAO;AAAA,MAEZ,UAAA;AAAA,QAAAI,gBAAAA,EAAA;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,MAAK;AAAA,YACL,KAAKL,EAAO;AAAA,YAEX,UAAAP;AAAA,UAAA;AAAA,QACH;AAAA,QACCG,KACCM,gBAAAA,EAAA;AAAA,UAACG;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,MAAK;AAAA,YACL,KAAKL,EAAO;AAAA,YACb,UAAA;AAAA,cAAA;AAAA,cACIL;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"characterCounter.component-BvInq6l9.js","sources":["../../src/components/CharacterCounter/characterCounter.recipe.ts","../../src/components/CharacterCounter/characterCounter.component.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const characterCounterRecipe = defineSlotRecipe({\n  slots: [\"root\", \"count\", \"limit\"],\n  base: {\n    root: {\n      position: \"absolute\",\n      right: 0,\n      bottom: \"-20px\",\n      gap: 1,\n    },\n  },\n  variants: {\n    variant: {\n      default: {\n        root: {\n          background: \"background\",\n        },\n        count: {\n          color: \"text.subtle\",\n        },\n        limit: {\n          color: \"text.subtle\",\n        },\n      },\n      onContrast: {\n        root: {\n          background: \"background.contrast\",\n        },\n        count: {\n          color: \"text.subtle.contrast\",\n        },\n        limit: {\n          color: \"text.subtle.contrast\",\n        },\n      },\n    },\n    invalid: {\n      true: {\n        count: {\n          color: \"text.danger\",\n        },\n      },\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {\n      invalid: true,\n      variant: \"onContrast\",\n      css: {\n        count: {\n          color: \"text.danger.contrast\",\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"default\",\n    invalid: false,\n  },\n});\n","import React, { useMemo } from \"react\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Text } from \"components/Text/text.component\";\nimport { useSlotRecipe } from \"@chakra-ui/react\";\nimport { characterCounterRecipe } from \"./characterCounter.recipe\";\n\nexport interface BaseCharacterCounterProps {\n  currentCount: number;\n  onContrast?: boolean;\n}\n\ninterface CharacterCounterWithLimitProps extends BaseCharacterCounterProps {\n  limit: number;\n  withLimit?: true;\n}\n\ninterface OnlyCharacterCounterProps extends BaseCharacterCounterProps {\n  limit?: never;\n  withLimit?: false;\n}\n\nexport type CharacterCounterProps =\n  | CharacterCounterWithLimitProps\n  | OnlyCharacterCounterProps;\n\nexport const CharacterCounter = ({\n  currentCount,\n  onContrast = false,\n  limit,\n  withLimit = true,\n}: CharacterCounterProps): React.JSX.Element => {\n  const variant = onContrast ? \"onContrast\" : \"default\";\n  const invalid = useMemo(() => {\n    if (!limit) return false;\n    return currentCount > limit;\n  }, [currentCount, limit]);\n  const recipe = useSlotRecipe({ recipe: characterCounterRecipe });\n  const styles = recipe({ variant, invalid });\n\n  return (\n    <HStack\n      className=\"CharacterCount\"\n      data-testid=\"kibble-character-count\"\n      css={styles.root}\n    >\n      <Text\n        className=\"CharacterCount__Count\"\n        data-testid=\"kibble-character-count-count\"\n        size=\"xs\"\n        css={styles.count}\n      >\n        {currentCount}\n      </Text>\n      {withLimit && (\n        <Text\n          className=\"CharacterCount__Limit\"\n          data-testid=\"kibble-character-count-limit\"\n          size=\"xs\"\n          css={styles.limit}\n        >\n          / {limit}\n        </Text>\n      )}\n    </HStack>\n  );\n};\n"],"names":["characterCounterRecipe","defineSlotRecipe","CharacterCounter","currentCount","onContrast","limit","withLimit","variant","invalid","useMemo","styles","useSlotRecipe","jsxs","HStack","jsx","Text"],"mappings":";;;;;;AAEO,MAAMA,IAAyBC,EAAiB;AAAA,EACrD,OAAO,CAAC,QAAQ,SAAS,OAAO;AAAA,EAChC,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,KAAK;AAAA,IAAA;AAAA,EAET;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP,MAAM;AAAA,UACJ,YAAY;AAAA,QACd;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,QACT;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,QAAA;AAAA,MAEX;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,UACJ,YAAY;AAAA,QACd;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,QACT;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IAEJ;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,OAAO;AAAA,UACL,OAAO;AAAA,QAAA;AAAA,MAEX;AAAA,MACA,OAAO,CAAA;AAAA,IAAC;AAAA,EAEZ;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,SAAS;AAAA,MACT,SAAS;AAAA,MACT,KAAK;AAAA,QACH,OAAO;AAAA,UACL,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEb,CAAC,GCpCYC,IAAmB,CAAC;AAAA,EAC/B,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,OAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAgD;AACxC,QAAAC,IAAUH,IAAa,eAAe,WACtCI,IAAUC,EAAQ,MACjBJ,IACEF,IAAeE,IADH,IAElB,CAACF,GAAcE,CAAK,CAAC,GAElBK,IADSC,EAAc,EAAE,QAAQX,GAAwB,EACzC,EAAE,SAAAO,GAAS,SAAAC,GAAS;AAGxC,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAKH,EAAO;AAAA,MAEZ,UAAA;AAAA,QAAAI,gBAAAA,EAAA;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,MAAK;AAAA,YACL,KAAKL,EAAO;AAAA,YAEX,UAAAP;AAAA,UAAA;AAAA,QACH;AAAA,QACCG,KACCM,gBAAAA,EAAA;AAAA,UAACG;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,MAAK;AAAA,YACL,KAAKL,EAAO;AAAA,YACb,UAAA;AAAA,cAAA;AAAA,cACIL;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}