@televet/kibble-ui 5.0.30 → 5.0.31

package/dist/chunks/button.recipe-iar6jvoT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.recipe-iar6jvoT.js","sources":["../../src/components/Button/button.records.ts","../../src/components/Button/button.recipe.ts"],"sourcesContent":["import { ButtonSize } from './button.types';\n\nexport interface ButtonSizeMetrics {\n  fontSize: ButtonSize;\n  /** Also used as `minWidth`, so an icon-only button stays square. */\n  height: number;\n  paddingBlock: string;\n  paddingInline: number;\n}\n\n/**\n * The canonical Button size scale.\n *\n * Lives here rather than inline in the recipe so anything that has to line up with a Button reads the\n * same numbers — RadioGroup's `chips` type in particular. If these change, chips follow automatically\n * instead of silently drifting.\n */\nexport const ButtonSizeMap: Record<ButtonSize, ButtonSizeMetrics> = {\n  xs: { fontSize: 'xs', height: 6, paddingBlock: '3px', paddingInline: 2 },\n  sm: { fontSize: 'sm', height: 8, paddingBlock: '6px', paddingInline: 3 },\n  md: { fontSize: 'md', height: 10, paddingBlock: '8px', paddingInline: 4 },\n  lg: { fontSize: 'lg', height: 12, paddingBlock: '10px', paddingInline: 5 },\n};\n","import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { ButtonSize, ButtonConfigVariant } from './button.types';\nimport { ButtonSizeMap, ButtonSizeMetrics } from './button.records';\n\nconst toButtonSizeStyle = ({\n  fontSize,\n  height,\n  paddingBlock,\n  paddingInline,\n}: ButtonSizeMetrics): SystemStyleObject => ({\n  fontSize,\n  h: height,\n  minW: height,\n  py: paddingBlock,\n  px: paddingInline,\n});\n\nconst buttonSizeStyles: Record<ButtonSize, SystemStyleObject> = {\n  xs: toButtonSizeStyle(ButtonSizeMap.xs),\n  sm: toButtonSizeStyle(ButtonSizeMap.sm),\n  md: toButtonSizeStyle(ButtonSizeMap.md),\n  lg: toButtonSizeStyle(ButtonSizeMap.lg),\n};\n\nexport const secondarySubtleButtonStyles: SystemStyleObject = {\n  color: 'text.interactive',\n  bg: 'background.secondaryAlpha',\n};\n\nexport const secondarySubtleOnContrastButtonStyles: SystemStyleObject = {\n  color: 'text.interactive.contrast',\n  bg: 'background.secondaryAlpha.contrast',\n};\n\nexport const buttonVariantStyles: Record<ButtonConfigVariant, SystemStyleObject> = {\n  primary: {\n    bg: {\n      base: 'background.primary',\n      _hover: {\n        base: 'background.primary.hover',\n        _disabled: 'background.primary',\n      },\n      _active: {\n        base: 'background.primary.pressed',\n        _hover: 'background.primary.pressed',\n      },\n    },\n    color: {\n      base: 'text.contrast',\n      _icon: 'text.contrast',\n    },\n  },\n  primaryOnContrast: {\n    bg: {\n      base: 'background.primary.contrast',\n      _hover: {\n        base: 'background.primary.contrast.hover',\n        _disabled: 'background.primary.contrast',\n      },\n      _active: {\n        base: 'background.primary.contrast.pressed',\n        _hover: 'background.primary.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text',\n      _icon: 'text',\n    },\n  },\n  primaryAccent: {\n    bg: {\n      base: 'background.secondary',\n      _hover: {\n        base: 'background.secondary.hover',\n        _disabled: 'background.secondary',\n      },\n      _active: {\n        base: 'background.secondary.pressed',\n        _hover: 'background.secondary.pressed',\n      },\n    },\n    color: {\n      base: 'text.contrast',\n      _icon: 'text.contrast',\n    },\n  },\n  primaryAccentOnContrast: {\n    bg: {\n      base: 'background.secondary.contrast',\n      _hover: {\n        base: 'background.secondary.contrast.hover',\n        _disabled: 'background.secondary.contrast',\n      },\n      _active: {\n        base: 'background.secondary.contrast.pressed',\n        _hover: 'background.secondary.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text',\n      _icon: 'text',\n    },\n  },\n  primaryDestructive: {\n    bg: {\n      base: 'background.destructive',\n      _hover: {\n        base: 'background.destructive.hover',\n        _disabled: 'background.destructive',\n      },\n      _active: {\n        base: 'background.destructive.pressed',\n        _hover: 'background.destructive.pressed',\n      },\n    },\n    color: 'text.contrast',\n    _icon: {\n      color: 'text.contrast',\n    },\n  },\n  primaryDestructiveOnContrast: {\n    bg: {\n      base: 'background.destructive.contrast',\n      _hover: {\n        base: 'background.destructive.contrast.hover',\n        _disabled: 'background.destructive.contrast',\n      },\n      _active: {\n        base: 'background.destructive.contrast.pressed',\n        _hover: 'background.destructive.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text',\n      _icon: 'text',\n    },\n  },\n  primaryGradientFull: {\n    bg: {\n      base: 'background.gradientFull',\n      _hover: {\n        base: 'background.gradientFull.hover',\n        _disabled: 'background.gradientFull',\n      },\n      _active: {\n        base: 'background.gradientFull.pressed',\n        _hover: 'background.gradientFull.pressed',\n      },\n    },\n    color: {\n      base: 'text.interactive',\n      _icon: 'text.interactive',\n    },\n    borderWidth: '0',\n  },\n  primaryGradientFullOnContrast: {\n    bg: {\n      base: 'background.gradientFull.contrast',\n      _hover: {\n        base: 'background.gradientFull.contrast.hover',\n        _disabled: 'background.gradientFull.contrast',\n      },\n      _active: {\n        base: 'background.gradientFull.contrast.pressed',\n        _hover: 'background.gradientFull.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text.interactive.contrast',\n      _icon: 'text.interactive.contrast',\n    },\n    borderWidth: '0',\n  },\n  primaryWarning: {\n    bg: {\n      base: 'background.warning',\n      _hover: {\n        base: 'background.warning.hover',\n        _disabled: 'background.warning',\n      },\n      _active: {\n        base: 'background.warning.pressed',\n        _hover: 'background.warning.pressed',\n      },\n    },\n    color: 'text.contrast',\n    _icon: {\n      color: 'text.contrast',\n    },\n  },\n  primaryWarningOnContrast: {\n    bg: {\n      base: 'background.warning.contrast',\n      _hover: {\n        base: 'background.warning.contrast.hover',\n        _disabled: 'background.warning.contrast',\n      },\n      _active: {\n        base: 'background.warning.contrast.pressed',\n        _hover: 'background.warning.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text',\n      _icon: 'text',\n    },\n  },\n  secondary: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.alpha.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.pressed',\n        _hover: 'background.secondaryAlpha.pressed',\n      },\n    },\n    borderColor: {\n      base: 'border.strong',\n      _active: 'border.focus',\n    },\n    color: {\n      base: 'text',\n      _active: 'text.interactive',\n      _icon: 'text',\n    },\n    _active: {\n      _icon: {\n        color: 'text.interactive',\n      },\n    },\n  },\n  secondaryOnContrast: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.alpha.contrast.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.contrast.pressed',\n        _hover: 'background.secondaryAlpha.contrast.pressed',\n      },\n    },\n    borderColor: {\n      base: 'border.strong.contrast',\n      _active: 'border.focus.contrast',\n    },\n    color: {\n      base: 'text.contrast',\n      _active: 'text.interactive.contrast',\n      _icon: 'text.contrast',\n    },\n    _active: {\n      _icon: {\n        color: 'text.interactive.contrast',\n      },\n    },\n  },\n  secondaryDestructive: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.alpha.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.destructiveAlpha.pressed',\n        _hover: 'background.destructiveAlpha.pressed',\n      },\n    },\n    borderColor: 'border.danger',\n    color: 'text.danger',\n    _icon: {\n      color: 'text.danger',\n    },\n  },\n  secondaryDestructiveOnContrast: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.alpha.contrast.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.destructiveAlpha.contrast.pressed',\n        _hover: 'background.destructiveAlpha.contrast.pressed',\n      },\n    },\n    borderColor: 'border.danger.contrast',\n    color: 'text.danger.contrast',\n    _icon: {\n      color: 'text.danger.contrast',\n    },\n  },\n  secondarySubtle: {\n    bg: {\n      base: 'background',\n      _hover: {\n        base: 'background.subtle',\n        _disabled: 'background',\n      },\n      _active: {\n        base: secondarySubtleButtonStyles.bg,\n        _hover: secondarySubtleButtonStyles.bg,\n      },\n    },\n    borderColor: {\n      base: 'border',\n      _active: 'border.focus.contrast',\n    },\n    color: {\n      base: 'text',\n      _active: secondarySubtleButtonStyles.color,\n      _icon: 'text',\n    },\n    _active: {\n      _icon: {\n        color: secondarySubtleButtonStyles.color,\n      },\n    },\n  },\n  secondarySubtleOnContrast: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.contrast.subtle',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: secondarySubtleOnContrastButtonStyles.bg,\n        _hover: secondarySubtleOnContrastButtonStyles.bg,\n      },\n    },\n    borderColor: {\n      base: 'border.contrast',\n      _active: 'border.focus',\n    },\n    color: {\n      base: 'text.contrast',\n      _active: secondarySubtleOnContrastButtonStyles.color,\n      _icon: 'text.contrast',\n    },\n    _active: {\n      _icon: {\n        color: secondarySubtleOnContrastButtonStyles.color,\n      },\n    },\n  },\n  secondarySubtleDestructive: {\n    bg: {\n      base: 'background',\n      _hover: {\n        base: 'background.subtle',\n        _disabled: 'background',\n      },\n      _active: {\n        base: 'background.destructiveAlpha',\n        _hover: 'background.destructiveAlpha',\n      },\n    },\n    color: 'text.danger',\n    borderColor: 'border',\n    _icon: {\n      color: 'text.danger',\n    },\n  },\n  secondarySubtleDestructiveOnContrast: {\n    bg: {\n      base: 'background.contrast',\n      _hover: {\n        base: 'background.contrast.subtle',\n        _disabled: 'background.contrast',\n      },\n      _active: {\n        base: 'background.destructiveAlpha.contrast',\n        _hover: 'background.destructiveAlpha.contrast',\n      },\n    },\n    color: 'text.danger.contrast',\n    borderColor: 'border.contrast',\n    _icon: {\n      color: 'text.danger.contrast',\n    },\n  },\n  secondaryGradientFull: {\n    borderWidth: '2px',\n    color: {\n      base: 'text.interactive',\n      _icon: 'text.interactive',\n    },\n    bg: {\n      base: 'linear-gradient({colors.background} 0 0) padding-box, {colors.background.gradientFull} border-box',\n      _hover: {\n        base: '{colors.background.gradientFull} border-box',\n        _disabled: 'linear-gradient({colors.background} 0 0) padding-box, {colors.background.gradientFull} border-box',\n      },\n      _active: {\n        base: '{colors.background.gradientFull.hover} border-box',\n        _hover: '{colors.background.gradientFull.hover} border-box',\n      },\n    },\n  },\n  secondaryGradientFullOnContrast: {\n    borderWidth: '2px',\n    color: {\n      base: 'text.interactive.contrast',\n      _icon: 'text.interactive.contrast',\n    },\n    bg: {\n      base: 'linear-gradient({colors.background.contrast} 0 0) padding-box, {colors.background.gradientFull.contrast} border-box',\n      _hover: {\n        base: '{colors.background.gradientFull.contrast} border-box',\n        _disabled:\n          'linear-gradient({colors.background.contrast} 0 0) padding-box, {colors.background.gradientFull.contrast} border-box',\n      },\n      _active: {\n        base: '{colors.background.gradientFull.contrast.hover} border-box',\n        _hover: '{colors.background.gradientFull.contrast.hover} border-box',\n      },\n    },\n  },\n  tertiary: {\n    bg: {\n      base: 'background.alpha',\n      _hover: {\n        base: 'background.alpha.hover',\n        _disabled: 'background.alpha',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.pressed',\n        _hover: 'background.secondaryAlpha.pressed',\n      },\n    },\n    color: {\n      base: 'text',\n      _active: 'text.interactive',\n      _icon: 'text',\n    },\n    _active: {\n      _icon: {\n        color: 'text.interactive',\n      },\n    },\n  },\n  tertiaryOnContrast: {\n    bg: {\n      base: 'background.alpha.contrast',\n      _hover: {\n        base: 'background.alpha.contrast.hover',\n        _disabled: 'background.alpha.contrast',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.contrast.pressed',\n        _hover: 'background.secondaryAlpha.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text.contrast',\n      _active: 'text.interactive.contrast',\n      _icon: 'text.contrast',\n    },\n    _active: {\n      _icon: {\n        color: 'text.interactive.contrast',\n      },\n    },\n  },\n  tertiaryDestructive: {\n    bg: {\n      base: 'background.destructiveAlpha',\n      _hover: {\n        base: 'background.destructiveAlpha.hover',\n        _disabled: 'background.destructiveAlpha',\n      },\n      _active: {\n        base: 'background.destructiveAlpha.pressed',\n        _hover: 'background.destructiveAlpha.pressed',\n      },\n    },\n    color: {\n      base: 'text.danger',\n      _icon: 'text.danger',\n    },\n  },\n  tertiaryDestructiveOnContrast: {\n    bg: {\n      base: 'background.destructiveAlpha.contrast',\n      _hover: {\n        base: 'background.destructiveAlpha.contrast.hover',\n        _disabled: 'background.destructiveAlpha.contrast',\n      },\n      _active: {\n        base: 'background.destructiveAlpha.contrast.pressed',\n        _hover: 'background.destructiveAlpha.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text.danger.contrast',\n      _icon: 'text.danger.contrast',\n    },\n  },\n  ghost: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.pressed',\n        _hover: 'background.secondaryAlpha.pressed',\n      },\n    },\n    // Separating to override Chakra's variant\n    _hover: {\n      bg: 'background.secondaryAlpha.hover',\n    },\n    color: {\n      base: 'text.interactive',\n      _icon: 'text.interactive',\n    },\n  },\n  ghostOnContrast: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.secondaryAlpha.contrast.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.contrast.pressed',\n        _hover: 'background.secondaryAlpha.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text.interactive.contrast',\n      _icon: 'text.interactive.contrast',\n    },\n  },\n  ghostNeutral: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.alpha.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.pressed',\n        _hover: 'background.secondaryAlpha.pressed',\n      },\n    },\n    color: {\n      base: 'text',\n      _icon: 'text',\n    },\n    _active: {\n      color: 'text.interactive',\n      _icon: {\n        color: 'text.interactive',\n      },\n    },\n  },\n  ghostNeutralOnContrast: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.alpha.contrast.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.secondaryAlpha.contrast.pressed',\n        _hover: 'background.secondaryAlpha.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text.contrast',\n      _icon: 'text.contrast',\n      _active: 'text.interactive.contrast',\n    },\n    _active: {\n      _icon: {\n        color: 'text.interactive.contrast',\n      },\n    },\n  },\n  ghostDestructive: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.destructiveAlpha.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.destructiveAlpha.pressed',\n        _hover: 'background.destructiveAlpha.pressed',\n      },\n    },\n    color: {\n      base: 'text.danger',\n      _icon: 'text.danger',\n    },\n  },\n  ghostDestructiveOnContrast: {\n    bg: {\n      base: 'transparent',\n      _hover: {\n        base: 'background.destructiveAlpha.contrast.hover',\n        _disabled: 'transparent',\n      },\n      _active: {\n        base: 'background.destructiveAlpha.contrast.pressed',\n        _hover: 'background.destructiveAlpha.contrast.pressed',\n      },\n    },\n    color: {\n      base: 'text.danger.contrast',\n      _icon: 'text.danger.contrast',\n    },\n  },\n};\n\nexport const buttonRecipe = defineRecipe({\n  base: {\n    borderColor: 'transparent',\n    borderRadius: 'base',\n    borderWidth: '1px',\n    fontWeight: 'semibold',\n    letterSpacing: '0.12px',\n    lineHeight: '150%',\n    _focusVisible: {\n      boxShadow: 'none !important',\n      outline: 'none !important',\n    },\n  },\n  variants: {\n    variant: buttonVariantStyles,\n    size: buttonSizeStyles,\n  },\n  defaultVariants: {\n    size: 'md',\n    variant: 'primary',\n  },\n});\n"],"names":["ButtonSizeMap","toButtonSizeStyle","fontSize","height","paddingBlock","paddingInline","buttonSizeStyles","secondarySubtleButtonStyles","secondarySubtleOnContrastButtonStyles","buttonVariantStyles","buttonRecipe","defineRecipe"],"mappings":"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"}

package/dist/chunks/{buttonGroup.component-B4APVs0L.js → buttonGroup.component-Ce5TKLEN.js}

@@ -1,7 +1,7 @@
 import { j as t } from "./jsx-runtime-C5mzlN2N.js";
 import { forwardRef as y, useMemo as c } from "react";
 import { B as G } from "./button.component-BO6oee_V.js";
-import { M as P } from "./menu.component-CAttpI-a.js";
+import { M as P } from "./menu.component-8gDv-vKT.js";
 import { u as d } from "./use-recipe-d63ABaZ3.js";
 import { a as R } from "./icon-button-CcZMCNUJ.js";
 import { G as k } from "./group-CplNJpRQ.js";
@@ -67,4 +67,4 @@ const $ = y(
 export {
   E as B
 };
-//# sourceMappingURL=buttonGroup.component-B4APVs0L.js.map
+//# sourceMappingURL=buttonGroup.component-Ce5TKLEN.js.map

package/dist/chunks/{buttonGroup.component-B4APVs0L.js.map → buttonGroup.component-Ce5TKLEN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"buttonGroup.component-B4APVs0L.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/button/button-group.js","../../src/components/ButtonGroup/buttonGroup.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, useMemo } from 'react';\nimport { useRecipe } from '../../styled-system/use-recipe.js';\nimport { ButtonPropsProvider } from './button.js';\nimport { Group } from '../group/group.js';\n\nconst ButtonGroup = forwardRef(\n  function ButtonGroup2(props, ref) {\n    const recipe = useRecipe({ key: \"button\" });\n    const [variantProps, otherProps] = useMemo(\n      () => recipe.splitVariantProps(props),\n      [props, recipe]\n    );\n    return /* @__PURE__ */ jsx(ButtonPropsProvider, { value: variantProps, children: /* @__PURE__ */ jsx(Group, { ref, ...otherProps }) });\n  }\n);\n\nexport { ButtonGroup };\n","import React, { useMemo } from 'react';\nimport { ButtonGroup as CButtonGroup, ButtonGroupProps as CButtonGroupProps } from '@chakra-ui/react/button';\nimport { GroupedButton } from './buttonGroup.types';\nimport { ButtonConfigVariant, ButtonSize, ButtonVariant } from 'components/Button/button.types';\nimport { Button } from 'components/Button/button.component';\nimport { SystemStyleObject, useRecipe } from '@chakra-ui/react/styled-system';\nimport { Menu, MenuProps } from 'components/Menu/menu.component';\n\nexport interface ButtonGroupProps extends CButtonGroupProps {\n  /** An array of button objects to be rendered in the group. */\n  buttons: GroupedButton[];\n  /** Determines wether the button should render a contrasting variant. */\n  onContrast?: boolean;\n  /** Size of the button group.\n   * @default md\n   */\n  size?: ButtonSize;\n  /** Variants are used to adjust the button look and feel. Choose a variant that aligns with the button intent and role in the overall design. */\n  variant?: ButtonVariant;\n  /** If provided, a Menu will be rendered as the last element in the group. See `Menu` for more information. */\n  menuProps?: MenuProps;\n  /** Data test id for the button group.\n   * @default kibble-button-group\n   */\n  'data-testid'?: string;\n}\n\nexport const ButtonGroup = ({\n  attached = true,\n  borderColor,\n  buttons,\n  menuProps,\n  onContrast = false,\n  size = 'md',\n  variant = 'primary',\n  ['data-testid']: dataTestId = 'kibble-button-group',\n  ...rest\n}: ButtonGroupProps): React.JSX.Element => {\n  const computedVariant = useMemo(\n    () => `${variant}${onContrast ? 'OnContrast' : ''}` as ButtonConfigVariant,\n    [onContrast, variant],\n  );\n  const recipe = useRecipe({ key: 'button' });\n  const styles = recipe({ variant: computedVariant })['@layer recipes'];\n  const computedBorderColor =\n    styles?.borderColor !== 'var(--chakra-colors-transparent)' ? styles?.borderColor : styles?.color;\n\n  const buttonStyles: SystemStyleObject = {\n    borderWidth: '1px',\n    borderColor: borderColor || computedBorderColor,\n  };\n\n  return (\n    <CButtonGroup className=\"ButtonGroup\" data-testid={dataTestId} attached={attached} {...rest}>\n      {buttons.map(({ key, ...rest }, index) => (\n        <Button\n          key={key || index}\n          size={size}\n          variant={variant}\n          onContrast={onContrast}\n          {...rest}\n          {...(attached && buttonStyles)}\n        />\n      ))}\n      {menuProps && (\n        <Menu\n          data-testid={`${dataTestId}-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","dataTestId","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,GCUaP,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,CAAC,gBAAgBC,IAAa;AAAA,EAC9B,GAAGC;AACL,MAA2C;AACzC,QAAMC,IAAkBb;AAAA,IACtB,MAAM,GAAGU,CAAO,GAAGF,IAAa,eAAe,EAAE;AAAA,IACjD,CAACA,GAAYE,CAAO;AAAA,EACtB,GAEMI,IADSjB,EAAU,EAAE,KAAK,UAAU,EACpB,EAAE,SAASgB,EAAgB,CAAC,EAAE,gBAAgB,GAC9DE,IACJD,GAAQ,gBAAgB,qCAAqCA,GAAQ,cAAcA,GAAQ,OAEvFE,IAAkC;AAAA,IACtC,aAAa;AAAA,IACb,aAAaX,KAAeU;AAAA,EAC9B;AAGE,SAAAE,gBAAAA,OAACC,KAAa,WAAU,eAAc,eAAaP,GAAY,UAAAP,GAAqB,GAAGQ,GACpF,UAAA;AAAA,IAAAN,EAAQ,IAAI,CAAC,EAAE,KAAAa,GAAK,GAAGP,EAAAA,GAAQQ,MAC9BnB,gBAAAA,EAAA;AAAA,MAACoB;AAAA,MAAA;AAAA,QAEC,MAAAZ;AAAA,QACA,SAAAC;AAAA,QACA,YAAAF;AAAA,QACC,GAAGI;AAAAA,QACH,GAAIR,KAAYY;AAAA,MAAA;AAAA,MALZG,KAAOC;AAAA,IAAA,CAOf;AAAA,IACAb,KACCN,gBAAAA,EAAA;AAAA,MAACqB;AAAA,MAAA;AAAA,QACC,eAAa,GAAGX,CAAU;AAAA,QAC1B,aAAa,EAAE,WAAW,SAAS;AAAA,QAClC,GAAGJ;AAAA,QACJ,aAAa;AAAA,UACX,GAAGA,EAAU;AAAA,UACb,MAAAE;AAAA,UACA,SAAAC;AAAA,UACA,YAAAF;AAAA,UACA,GAAIJ,KAAY;AAAA,YACd,GAAGY;AAAA,YACH,qBAAqB;AAAA,YACrB,wBAAwB;AAAA,UAAA;AAAA,QAC1B;AAAA,MACF;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"buttonGroup.component-Ce5TKLEN.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/button/button-group.js","../../src/components/ButtonGroup/buttonGroup.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, useMemo } from 'react';\nimport { useRecipe } from '../../styled-system/use-recipe.js';\nimport { ButtonPropsProvider } from './button.js';\nimport { Group } from '../group/group.js';\n\nconst ButtonGroup = forwardRef(\n  function ButtonGroup2(props, ref) {\n    const recipe = useRecipe({ key: \"button\" });\n    const [variantProps, otherProps] = useMemo(\n      () => recipe.splitVariantProps(props),\n      [props, recipe]\n    );\n    return /* @__PURE__ */ jsx(ButtonPropsProvider, { value: variantProps, children: /* @__PURE__ */ jsx(Group, { ref, ...otherProps }) });\n  }\n);\n\nexport { ButtonGroup };\n","import React, { useMemo } from 'react';\nimport { ButtonGroup as CButtonGroup, ButtonGroupProps as CButtonGroupProps } from '@chakra-ui/react/button';\nimport { GroupedButton } from './buttonGroup.types';\nimport { ButtonConfigVariant, ButtonSize, ButtonVariant } from 'components/Button/button.types';\nimport { Button } from 'components/Button/button.component';\nimport { SystemStyleObject, useRecipe } from '@chakra-ui/react/styled-system';\nimport { Menu, MenuProps } from 'components/Menu/menu.component';\n\nexport interface ButtonGroupProps extends CButtonGroupProps {\n  /** An array of button objects to be rendered in the group. */\n  buttons: GroupedButton[];\n  /** Determines wether the button should render a contrasting variant. */\n  onContrast?: boolean;\n  /** Size of the button group.\n   * @default md\n   */\n  size?: ButtonSize;\n  /** Variants are used to adjust the button look and feel. Choose a variant that aligns with the button intent and role in the overall design. */\n  variant?: ButtonVariant;\n  /** If provided, a Menu will be rendered as the last element in the group. See `Menu` for more information. */\n  menuProps?: MenuProps;\n  /** Data test id for the button group.\n   * @default kibble-button-group\n   */\n  'data-testid'?: string;\n}\n\nexport const ButtonGroup = ({\n  attached = true,\n  borderColor,\n  buttons,\n  menuProps,\n  onContrast = false,\n  size = 'md',\n  variant = 'primary',\n  ['data-testid']: dataTestId = 'kibble-button-group',\n  ...rest\n}: ButtonGroupProps): React.JSX.Element => {\n  const computedVariant = useMemo(\n    () => `${variant}${onContrast ? 'OnContrast' : ''}` as ButtonConfigVariant,\n    [onContrast, variant],\n  );\n  const recipe = useRecipe({ key: 'button' });\n  const styles = recipe({ variant: computedVariant })['@layer recipes'];\n  const computedBorderColor =\n    styles?.borderColor !== 'var(--chakra-colors-transparent)' ? styles?.borderColor : styles?.color;\n\n  const buttonStyles: SystemStyleObject = {\n    borderWidth: '1px',\n    borderColor: borderColor || computedBorderColor,\n  };\n\n  return (\n    <CButtonGroup className=\"ButtonGroup\" data-testid={dataTestId} attached={attached} {...rest}>\n      {buttons.map(({ key, ...rest }, index) => (\n        <Button\n          key={key || index}\n          size={size}\n          variant={variant}\n          onContrast={onContrast}\n          {...rest}\n          {...(attached && buttonStyles)}\n        />\n      ))}\n      {menuProps && (\n        <Menu\n          data-testid={`${dataTestId}-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","dataTestId","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,GCUaP,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,CAAC,gBAAgBC,IAAa;AAAA,EAC9B,GAAGC;AACL,MAA2C;AACzC,QAAMC,IAAkBb;AAAA,IACtB,MAAM,GAAGU,CAAO,GAAGF,IAAa,eAAe,EAAE;AAAA,IACjD,CAACA,GAAYE,CAAO;AAAA,EACtB,GAEMI,IADSjB,EAAU,EAAE,KAAK,UAAU,EACpB,EAAE,SAASgB,EAAgB,CAAC,EAAE,gBAAgB,GAC9DE,IACJD,GAAQ,gBAAgB,qCAAqCA,GAAQ,cAAcA,GAAQ,OAEvFE,IAAkC;AAAA,IACtC,aAAa;AAAA,IACb,aAAaX,KAAeU;AAAA,EAC9B;AAGE,SAAAE,gBAAAA,OAACC,KAAa,WAAU,eAAc,eAAaP,GAAY,UAAAP,GAAqB,GAAGQ,GACpF,UAAA;AAAA,IAAAN,EAAQ,IAAI,CAAC,EAAE,KAAAa,GAAK,GAAGP,EAAAA,GAAQQ,MAC9BnB,gBAAAA,EAAA;AAAA,MAACoB;AAAA,MAAA;AAAA,QAEC,MAAAZ;AAAA,QACA,SAAAC;AAAA,QACA,YAAAF;AAAA,QACC,GAAGI;AAAAA,QACH,GAAIR,KAAYY;AAAA,MAAA;AAAA,MALZG,KAAOC;AAAA,IAAA,CAOf;AAAA,IACAb,KACCN,gBAAAA,EAAA;AAAA,MAACqB;AAAA,MAAA;AAAA,QACC,eAAa,GAAGX,CAAU;AAAA,QAC1B,aAAa,EAAE,WAAW,SAAS;AAAA,QAClC,GAAGJ;AAAA,QACJ,aAAa;AAAA,UACX,GAAGA,EAAU;AAAA,UACb,MAAAE;AAAA,UACA,SAAAC;AAAA,UACA,YAAAF;AAAA,UACA,GAAIJ,KAAY;AAAA,YACd,GAAGY;AAAA,YACH,qBAAqB;AAAA,YACrB,wBAAwB;AAAA,UAAA;AAAA,QAC1B;AAAA,MACF;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;","x_google_ignoreList":[0]}

package/dist/chunks/{calendar.component-BswlIQ5W.js → calendar.component-D0IcPD3-.js}

@@ -1,6 +1,6 @@
 import { j as a } from "./jsx-runtime-C5mzlN2N.js";
 import { B as l } from "./index-9BerxEcw.js";
-import { u, a as p, b as D, c as x } from "./datePicker.provider-DvJrNnut.js";
+import { u, a as p, b as D, c as x } from "./datePicker.provider-rPzC-iBh.js";
 import { D as b } from "./divider.component-CFOh4Nw3.js";
 import { B as y } from "./button.component-BO6oee_V.js";
 import { s as f, a as j } from "./format-dJJ72A--.js";
@@ -59,4 +59,4 @@ export {
   O as a,
   R as i
 };
-//# sourceMappingURL=calendar.component-BswlIQ5W.js.map
+//# sourceMappingURL=calendar.component-D0IcPD3-.js.map

package/dist/chunks/{calendar.component-BswlIQ5W.js.map → calendar.component-D0IcPD3-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"calendar.component-BswlIQ5W.js","sources":["../../src/components/Calendar/calendarFooterButton.component.tsx","../../src/components/Calendar/calendar.utils.ts","../../src/components/Calendar/calendar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Button } from 'components/Button/button.component';\nimport { useDatePickerContext } from 'components/DatePicker/context/datePicker.context';\nimport startOfDay from 'date-fns/startOfDay';\nimport startOfWeek from 'date-fns/startOfWeek';\nimport startOfMonth from 'date-fns/startOfMonth';\nimport endOfWeek from 'date-fns/endOfWeek';\nimport endOfMonth from 'date-fns/endOfMonth';\n\n/**\n * The built-in preset values for CalendarFooterButton.\n *\n * Intentionally kept as plain string literals rather than re-using\n * DateTimePickerDefaultOptionValue to avoid a duplicate star-export conflict:\n * both Calendar and DateTimePicker barrel-export from components/index.ts,\n * and TypeScript silently drops ambiguous re-exports when two barrels supply\n * the same identifier. Keeping CalendarPreset self-contained prevents that\n * collision and makes the Calendar API standalone.\n */\nexport type CalendarPreset = 'today' | 'thisWeek' | 'thisMonth';\n\nexport interface CalendarFooterPresetConfig {\n  type: 'preset';\n  /** The built-in preset to apply when the button is clicked. */\n  value: CalendarPreset;\n  /**\n   * Override the button label.\n   * Defaults: 'today' → 'Today', 'thisWeek' → 'This Week', 'thisMonth' → 'This Month'.\n   */\n  label?: string;\n  /** Optional callback fired after the preset date is selected. */\n  onClick?: () => void;\n}\n\nexport interface CalendarFooterCustomConfig {\n  type: 'custom';\n  /** Button label — required for custom type. */\n  label: string;\n  /** Handler called when the button is clicked. Full control — no date selection is performed. */\n  onClick: () => void;\n}\n\nexport type CalendarFooterConfig = CalendarFooterPresetConfig | CalendarFooterCustomConfig;\n\nconst PRESET_LABELS: Record<CalendarPreset, string> = {\n  today: 'Today',\n  thisWeek: 'This Week',\n  thisMonth: 'This Month',\n};\n\ninterface CalendarFooterButtonProps {\n  footer: CalendarFooterConfig;\n  /** Data test id for the footer container.\n   * @default kibble-calendar-footer\n   */\n  'data-testid'?: string;\n}\n\nexport const CalendarFooterButton = ({\n  footer,\n  ['data-testid']: dataTestId = 'kibble-calendar-footer',\n}: CalendarFooterButtonProps): React.JSX.Element => {\n  const { goToDate, onDateSelect, onQuickOptionSelect, firstDayOfWeek } = useDatePickerContext();\n\n  const handleClick = (): void => {\n    if (footer.type === 'custom') {\n      footer.onClick();\n      return;\n    }\n\n    const today = new Date();\n\n    switch (footer.value) {\n      case 'today': {\n        const date = startOfDay(today);\n        goToDate(date);\n        onDateSelect(date);\n        break;\n      }\n      case 'thisWeek': {\n        const weekStartsOn = (firstDayOfWeek ?? 1) as 0 | 1 | 2 | 3 | 4 | 5 | 6;\n        const start = startOfWeek(today, { weekStartsOn });\n        const end = endOfWeek(today, { weekStartsOn });\n        goToDate(start);\n        // onQuickOptionSelect sets both dates atomically, avoiding the two-click range flow\n        onQuickOptionSelect({ startDate: start, endDate: end });\n        break;\n      }\n      case 'thisMonth': {\n        const start = startOfMonth(today);\n        const end = endOfMonth(today);\n        goToDate(start);\n        onQuickOptionSelect({ startDate: start, endDate: end });\n        break;\n      }\n    }\n\n    footer.onClick?.();\n  };\n\n  const label = footer.type === 'custom' ? footer.label : (footer.label ?? PRESET_LABELS[footer.value]);\n\n  return (\n    <Box data-testid={dataTestId} bg=\"background.secondaryAlpha\" borderRadius=\"md\" p={2} w=\"full\">\n      <Button variant=\"secondarySubtle\" size=\"md\" w=\"full\" onClick={handleClick}>\n        {label}\n      </Button>\n    </Box>\n  );\n};\n","import { CalendarPreset } from './calendarFooterButton.component';\n\n// Explicit allowlist — new presets default to single-day unless listed here\nconst RANGE_PRESETS = new Set<CalendarPreset>(['thisWeek', 'thisMonth']);\n\n/** Returns true when the preset requires date range selection (week, month). */\nexport const isRangePreset = (value: CalendarPreset): boolean => RANGE_PRESETS.has(value);\n","import React from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { DatePickerCalendar } from 'components/DatePicker/components/DatePickerCalendar/datePickerCalendar.component';\nimport { DatePickerHeader } from 'components/DatePicker/components/DatePickerHeader/datePickerHeader.component';\nimport { Divider } from 'components/Divider';\nimport { DatePickerProvider } from 'components/DatePicker/context/datePicker.provider';\nimport { DateProps } from 'components/DatePicker/datePicker.types';\nimport { CalendarFooterButton, CalendarFooterConfig } from './calendarFooterButton.component';\nimport { isRangePreset } from './calendar.utils';\n\nexport interface CalendarProps extends DateProps {\n  /** Data test id for the calendar.\n   * @default kibble-calendar\n   */\n  'data-testid'?: string;\n  /**\n   * If true, the calendar will allow for a date range selection.\n   * @default true\n   */\n  withDateRange?: boolean;\n  /**\n   * If true, the calendar will show the month and year selectors in the header.\n   * @default false\n   */\n  withHeaderTriggers?: boolean;\n  /**\n   * Optional footer button configuration. Renders a styled button below the calendar grid.\n   *\n   * Use `type: 'preset'` for built-in shortcuts ('today' | 'thisWeek' | 'thisMonth') — the\n   * component handles the date selection logic automatically.\n   *\n   * Use `type: 'custom'` to supply your own label and click handler with no built-in date logic.\n   *\n   * @example\n   * // Preset\n   * footer={{ type: 'preset', value: 'today', onClick: () => setOpen(false) }}\n   *\n   * @example\n   * // Custom\n   * footer={{ type: 'custom', label: 'Reset', onClick: handleReset }}\n   */\n  footer?: CalendarFooterConfig;\n}\n\nexport const Calendar = ({\n  ['data-testid']: dataTestId = 'kibble-calendar',\n  withDateRange = true,\n  withHeaderTriggers = false,\n  footer,\n  ...rest\n}: CalendarProps): React.JSX.Element => {\n  // Range presets (thisWeek, thisMonth) require date range mode regardless of the withDateRange prop\n  const effectiveDateRange = withDateRange || (footer?.type === 'preset' && isRangePreset(footer.value));\n\n  return (\n    <Box className=\"Calendar\" data-testid={dataTestId} maxW={footer ? '360px' : '340px'}>\n      <DatePickerProvider withDateRange={effectiveDateRange} {...rest} standalone>\n        <DatePickerHeader withTriggers={withHeaderTriggers} />\n        <Divider />\n        <DatePickerCalendar />\n        {footer && <CalendarFooterButton footer={footer} />}\n      </DatePickerProvider>\n    </Box>\n  );\n};\n"],"names":["PRESET_LABELS","CalendarFooterButton","footer","dataTestId","goToDate","onDateSelect","onQuickOptionSelect","firstDayOfWeek","useDatePickerContext","handleClick","today","date","startOfDay","weekStartsOn","start","startOfWeek","end","endOfWeek","startOfMonth","endOfMonth","label","jsx","Box","Button","RANGE_PRESETS","isRangePreset","value","Calendar","withDateRange","withHeaderTriggers","rest","effectiveDateRange","DatePickerProvider","DatePickerHeader","Divider","DatePickerCalendar"],"mappings":";;;;;;;AA6CA,MAAMA,IAAgD;AAAA,EACpD,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AACb,GAUaC,IAAuB,CAAC;AAAA,EACnC,QAAAC;AAAA,EACA,CAAC,gBAAgBC,IAAa;AAChC,MAAoD;AAClD,QAAM,EAAE,UAAAC,GAAU,cAAAC,GAAc,qBAAAC,GAAqB,gBAAAC,EAAA,IAAmBC,EAAqB,GAEvFC,IAAc,MAAY;AAC1B,QAAAP,EAAO,SAAS,UAAU;AAC5B,MAAAA,EAAO,QAAQ;AACf;AAAA,IAAA;AAGI,UAAAQ,wBAAY,KAAK;AAEvB,YAAQR,EAAO,OAAO;AAAA,MACpB,KAAK,SAAS;AACN,cAAAS,IAAOC,EAAWF,CAAK;AAC7B,QAAAN,EAASO,CAAI,GACbN,EAAaM,CAAI;AACjB;AAAA,MAAA;AAAA,MAEF,KAAK,YAAY;AACf,cAAME,IAAgBN,KAAkB,GAClCO,IAAQC,EAAYL,GAAO,EAAE,cAAAG,GAAc,GAC3CG,IAAMC,EAAUP,GAAO,EAAE,cAAAG,GAAc;AAC7C,QAAAT,EAASU,CAAK,GAEdR,EAAoB,EAAE,WAAWQ,GAAO,SAASE,GAAK;AACtD;AAAA,MAAA;AAAA,MAEF,KAAK,aAAa;AACV,cAAAF,IAAQI,EAAaR,CAAK,GAC1BM,IAAMG,EAAWT,CAAK;AAC5B,QAAAN,EAASU,CAAK,GACdR,EAAoB,EAAE,WAAWQ,GAAO,SAASE,GAAK;AACtD;AAAA,MAAA;AAAA,IACF;AAGF,IAAAd,EAAO,UAAU;AAAA,EACnB,GAEMkB,IAAQlB,EAAO,SAAS,WAAWA,EAAO,QAASA,EAAO,SAASF,EAAcE,EAAO,KAAK;AAGjG,SAAAmB,gBAAAA,EAAA,IAACC,KAAI,eAAanB,GAAY,IAAG,6BAA4B,cAAa,MAAK,GAAG,GAAG,GAAE,QACrF,UAACkB,gBAAAA,EAAA,IAAAE,GAAA,EAAO,SAAQ,mBAAkB,MAAK,MAAK,GAAE,QAAO,SAASd,GAC3D,UAAAW,EAAA,CACH,EACF,CAAA;AAEJ,GC3GMI,IAAoB,oBAAA,IAAoB,CAAC,YAAY,WAAW,CAAC,GAG1DC,IAAgB,CAACC,MAAmCF,EAAc,IAAIE,CAAK,GCsC3EC,IAAW,CAAC;AAAA,EACvB,CAAC,gBAAgBxB,IAAa;AAAA,EAC9B,eAAAyB,IAAgB;AAAA,EAChB,oBAAAC,IAAqB;AAAA,EACrB,QAAA3B;AAAA,EACA,GAAG4B;AACL,MAAwC;AAEtC,QAAMC,IAAqBH,KAAkB1B,GAAQ,SAAS,YAAYuB,EAAcvB,EAAO,KAAK;AAEpG,+BACGoB,GAAI,EAAA,WAAU,YAAW,eAAanB,GAAY,MAAMD,IAAS,UAAU,SAC1E,iCAAC8B,GAAmB,EAAA,eAAeD,GAAqB,GAAGD,GAAM,YAAU,IACzE,UAAA;AAAA,IAACT,gBAAAA,EAAAA,IAAAY,GAAA,EAAiB,cAAcJ,EAAoB,CAAA;AAAA,0BACnDK,GAAQ,EAAA;AAAA,0BACRC,GAAmB,EAAA;AAAA,IACnBjC,KAAWmB,gBAAAA,EAAA,IAAApB,GAAA,EAAqB,QAAAC,EAAgB,CAAA;AAAA,EAAA,EAAA,CACnD,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"calendar.component-D0IcPD3-.js","sources":["../../src/components/Calendar/calendarFooterButton.component.tsx","../../src/components/Calendar/calendar.utils.ts","../../src/components/Calendar/calendar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Button } from 'components/Button/button.component';\nimport { useDatePickerContext } from 'components/DatePicker/context/datePicker.context';\nimport startOfDay from 'date-fns/startOfDay';\nimport startOfWeek from 'date-fns/startOfWeek';\nimport startOfMonth from 'date-fns/startOfMonth';\nimport endOfWeek from 'date-fns/endOfWeek';\nimport endOfMonth from 'date-fns/endOfMonth';\n\n/**\n * The built-in preset values for CalendarFooterButton.\n *\n * Intentionally kept as plain string literals rather than re-using\n * DateTimePickerDefaultOptionValue to avoid a duplicate star-export conflict:\n * both Calendar and DateTimePicker barrel-export from components/index.ts,\n * and TypeScript silently drops ambiguous re-exports when two barrels supply\n * the same identifier. Keeping CalendarPreset self-contained prevents that\n * collision and makes the Calendar API standalone.\n */\nexport type CalendarPreset = 'today' | 'thisWeek' | 'thisMonth';\n\nexport interface CalendarFooterPresetConfig {\n  type: 'preset';\n  /** The built-in preset to apply when the button is clicked. */\n  value: CalendarPreset;\n  /**\n   * Override the button label.\n   * Defaults: 'today' → 'Today', 'thisWeek' → 'This Week', 'thisMonth' → 'This Month'.\n   */\n  label?: string;\n  /** Optional callback fired after the preset date is selected. */\n  onClick?: () => void;\n}\n\nexport interface CalendarFooterCustomConfig {\n  type: 'custom';\n  /** Button label — required for custom type. */\n  label: string;\n  /** Handler called when the button is clicked. Full control — no date selection is performed. */\n  onClick: () => void;\n}\n\nexport type CalendarFooterConfig = CalendarFooterPresetConfig | CalendarFooterCustomConfig;\n\nconst PRESET_LABELS: Record<CalendarPreset, string> = {\n  today: 'Today',\n  thisWeek: 'This Week',\n  thisMonth: 'This Month',\n};\n\ninterface CalendarFooterButtonProps {\n  footer: CalendarFooterConfig;\n  /** Data test id for the footer container.\n   * @default kibble-calendar-footer\n   */\n  'data-testid'?: string;\n}\n\nexport const CalendarFooterButton = ({\n  footer,\n  ['data-testid']: dataTestId = 'kibble-calendar-footer',\n}: CalendarFooterButtonProps): React.JSX.Element => {\n  const { goToDate, onDateSelect, onQuickOptionSelect, firstDayOfWeek } = useDatePickerContext();\n\n  const handleClick = (): void => {\n    if (footer.type === 'custom') {\n      footer.onClick();\n      return;\n    }\n\n    const today = new Date();\n\n    switch (footer.value) {\n      case 'today': {\n        const date = startOfDay(today);\n        goToDate(date);\n        onDateSelect(date);\n        break;\n      }\n      case 'thisWeek': {\n        const weekStartsOn = (firstDayOfWeek ?? 1) as 0 | 1 | 2 | 3 | 4 | 5 | 6;\n        const start = startOfWeek(today, { weekStartsOn });\n        const end = endOfWeek(today, { weekStartsOn });\n        goToDate(start);\n        // onQuickOptionSelect sets both dates atomically, avoiding the two-click range flow\n        onQuickOptionSelect({ startDate: start, endDate: end });\n        break;\n      }\n      case 'thisMonth': {\n        const start = startOfMonth(today);\n        const end = endOfMonth(today);\n        goToDate(start);\n        onQuickOptionSelect({ startDate: start, endDate: end });\n        break;\n      }\n    }\n\n    footer.onClick?.();\n  };\n\n  const label = footer.type === 'custom' ? footer.label : (footer.label ?? PRESET_LABELS[footer.value]);\n\n  return (\n    <Box data-testid={dataTestId} bg=\"background.secondaryAlpha\" borderRadius=\"md\" p={2} w=\"full\">\n      <Button variant=\"secondarySubtle\" size=\"md\" w=\"full\" onClick={handleClick}>\n        {label}\n      </Button>\n    </Box>\n  );\n};\n","import { CalendarPreset } from './calendarFooterButton.component';\n\n// Explicit allowlist — new presets default to single-day unless listed here\nconst RANGE_PRESETS = new Set<CalendarPreset>(['thisWeek', 'thisMonth']);\n\n/** Returns true when the preset requires date range selection (week, month). */\nexport const isRangePreset = (value: CalendarPreset): boolean => RANGE_PRESETS.has(value);\n","import React from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { DatePickerCalendar } from 'components/DatePicker/components/DatePickerCalendar/datePickerCalendar.component';\nimport { DatePickerHeader } from 'components/DatePicker/components/DatePickerHeader/datePickerHeader.component';\nimport { Divider } from 'components/Divider';\nimport { DatePickerProvider } from 'components/DatePicker/context/datePicker.provider';\nimport { DateProps } from 'components/DatePicker/datePicker.types';\nimport { CalendarFooterButton, CalendarFooterConfig } from './calendarFooterButton.component';\nimport { isRangePreset } from './calendar.utils';\n\nexport interface CalendarProps extends DateProps {\n  /** Data test id for the calendar.\n   * @default kibble-calendar\n   */\n  'data-testid'?: string;\n  /**\n   * If true, the calendar will allow for a date range selection.\n   * @default true\n   */\n  withDateRange?: boolean;\n  /**\n   * If true, the calendar will show the month and year selectors in the header.\n   * @default false\n   */\n  withHeaderTriggers?: boolean;\n  /**\n   * Optional footer button configuration. Renders a styled button below the calendar grid.\n   *\n   * Use `type: 'preset'` for built-in shortcuts ('today' | 'thisWeek' | 'thisMonth') — the\n   * component handles the date selection logic automatically.\n   *\n   * Use `type: 'custom'` to supply your own label and click handler with no built-in date logic.\n   *\n   * @example\n   * // Preset\n   * footer={{ type: 'preset', value: 'today', onClick: () => setOpen(false) }}\n   *\n   * @example\n   * // Custom\n   * footer={{ type: 'custom', label: 'Reset', onClick: handleReset }}\n   */\n  footer?: CalendarFooterConfig;\n}\n\nexport const Calendar = ({\n  ['data-testid']: dataTestId = 'kibble-calendar',\n  withDateRange = true,\n  withHeaderTriggers = false,\n  footer,\n  ...rest\n}: CalendarProps): React.JSX.Element => {\n  // Range presets (thisWeek, thisMonth) require date range mode regardless of the withDateRange prop\n  const effectiveDateRange = withDateRange || (footer?.type === 'preset' && isRangePreset(footer.value));\n\n  return (\n    <Box className=\"Calendar\" data-testid={dataTestId} maxW={footer ? '360px' : '340px'}>\n      <DatePickerProvider withDateRange={effectiveDateRange} {...rest} standalone>\n        <DatePickerHeader withTriggers={withHeaderTriggers} />\n        <Divider />\n        <DatePickerCalendar />\n        {footer && <CalendarFooterButton footer={footer} />}\n      </DatePickerProvider>\n    </Box>\n  );\n};\n"],"names":["PRESET_LABELS","CalendarFooterButton","footer","dataTestId","goToDate","onDateSelect","onQuickOptionSelect","firstDayOfWeek","useDatePickerContext","handleClick","today","date","startOfDay","weekStartsOn","start","startOfWeek","end","endOfWeek","startOfMonth","endOfMonth","label","jsx","Box","Button","RANGE_PRESETS","isRangePreset","value","Calendar","withDateRange","withHeaderTriggers","rest","effectiveDateRange","DatePickerProvider","DatePickerHeader","Divider","DatePickerCalendar"],"mappings":";;;;;;;AA6CA,MAAMA,IAAgD;AAAA,EACpD,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AACb,GAUaC,IAAuB,CAAC;AAAA,EACnC,QAAAC;AAAA,EACA,CAAC,gBAAgBC,IAAa;AAChC,MAAoD;AAClD,QAAM,EAAE,UAAAC,GAAU,cAAAC,GAAc,qBAAAC,GAAqB,gBAAAC,EAAA,IAAmBC,EAAqB,GAEvFC,IAAc,MAAY;AAC1B,QAAAP,EAAO,SAAS,UAAU;AAC5B,MAAAA,EAAO,QAAQ;AACf;AAAA,IAAA;AAGI,UAAAQ,wBAAY,KAAK;AAEvB,YAAQR,EAAO,OAAO;AAAA,MACpB,KAAK,SAAS;AACN,cAAAS,IAAOC,EAAWF,CAAK;AAC7B,QAAAN,EAASO,CAAI,GACbN,EAAaM,CAAI;AACjB;AAAA,MAAA;AAAA,MAEF,KAAK,YAAY;AACf,cAAME,IAAgBN,KAAkB,GAClCO,IAAQC,EAAYL,GAAO,EAAE,cAAAG,GAAc,GAC3CG,IAAMC,EAAUP,GAAO,EAAE,cAAAG,GAAc;AAC7C,QAAAT,EAASU,CAAK,GAEdR,EAAoB,EAAE,WAAWQ,GAAO,SAASE,GAAK;AACtD;AAAA,MAAA;AAAA,MAEF,KAAK,aAAa;AACV,cAAAF,IAAQI,EAAaR,CAAK,GAC1BM,IAAMG,EAAWT,CAAK;AAC5B,QAAAN,EAASU,CAAK,GACdR,EAAoB,EAAE,WAAWQ,GAAO,SAASE,GAAK;AACtD;AAAA,MAAA;AAAA,IACF;AAGF,IAAAd,EAAO,UAAU;AAAA,EACnB,GAEMkB,IAAQlB,EAAO,SAAS,WAAWA,EAAO,QAASA,EAAO,SAASF,EAAcE,EAAO,KAAK;AAGjG,SAAAmB,gBAAAA,EAAA,IAACC,KAAI,eAAanB,GAAY,IAAG,6BAA4B,cAAa,MAAK,GAAG,GAAG,GAAE,QACrF,UAACkB,gBAAAA,EAAA,IAAAE,GAAA,EAAO,SAAQ,mBAAkB,MAAK,MAAK,GAAE,QAAO,SAASd,GAC3D,UAAAW,EAAA,CACH,EACF,CAAA;AAEJ,GC3GMI,IAAoB,oBAAA,IAAoB,CAAC,YAAY,WAAW,CAAC,GAG1DC,IAAgB,CAACC,MAAmCF,EAAc,IAAIE,CAAK,GCsC3EC,IAAW,CAAC;AAAA,EACvB,CAAC,gBAAgBxB,IAAa;AAAA,EAC9B,eAAAyB,IAAgB;AAAA,EAChB,oBAAAC,IAAqB;AAAA,EACrB,QAAA3B;AAAA,EACA,GAAG4B;AACL,MAAwC;AAEtC,QAAMC,IAAqBH,KAAkB1B,GAAQ,SAAS,YAAYuB,EAAcvB,EAAO,KAAK;AAEpG,+BACGoB,GAAI,EAAA,WAAU,YAAW,eAAanB,GAAY,MAAMD,IAAS,UAAU,SAC1E,iCAAC8B,GAAmB,EAAA,eAAeD,GAAqB,GAAGD,GAAM,YAAU,IACzE,UAAA;AAAA,IAACT,gBAAAA,EAAAA,IAAAY,GAAA,EAAiB,cAAcJ,EAAoB,CAAA;AAAA,0BACnDK,GAAQ,EAAA;AAAA,0BACRC,GAAmB,EAAA;AAAA,IACnBjC,KAAWmB,gBAAAA,EAAA,IAAApB,GAAA,EAAqB,QAAAC,EAAgB,CAAA;AAAA,EAAA,EAAA,CACnD,EACF,CAAA;AAEJ;"}

package/dist/chunks/{characterCounter.component-Cm9yEHjz.js → characterCounter.component-B45KB7Xu.js}

@@ -1,7 +1,7 @@
 import { j as e } from "./jsx-runtime-C5mzlN2N.js";
 import { useMemo as u } from "react";
-import { W as s } from "./text.component-C9jh_JMO.js";
-import { d } from "./config-Djkl1N81.js";
+import { W as s } from "./text.component-DbJw4Y9-.js";
+import { d } from "./config-BV2SsQL7.js";
 import { u as m } from "./create-slot-recipe-context-D_FXDJGp.js";
 import { F as p } from "./flex-CX-8gE9T.js";
 const f = d({
@@ -79,4 +79,4 @@ const f = d({
 export {
   k as C
 };
-//# sourceMappingURL=characterCounter.component-Cm9yEHjz.js.map
+//# sourceMappingURL=characterCounter.component-B45KB7Xu.js.map

package/dist/chunks/{characterCounter.component-Cm9yEHjz.js.map → characterCounter.component-B45KB7Xu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"characterCounter.component-Cm9yEHjz.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      gap: 0.5,\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 { Flex } from '@chakra-ui/react/flex';\nimport { Text } from 'components/Text/text.component';\nimport { useSlotRecipe } from '@chakra-ui/react';\nimport { characterCounterRecipe } from './characterCounter.recipe';\n\nexport interface BaseCharacterCounterProps {\n  /** Current character count. */\n  currentCount: number;\n  /** If true, the character counter will use a contrasting variant. */\n  onContrast?: boolean;\n  /** Data test id for the character counter. */\n  'data-testid'?: string;\n}\n\ninterface CharacterCounterWithLimitProps extends BaseCharacterCounterProps {\n  /** Character limit for the field. */\n  limit: number;\n  /** Whether to show the character limit. */\n  withLimit?: true;\n}\n\ninterface OnlyCharacterCounterProps extends BaseCharacterCounterProps {\n  /** Character limit for the field. */\n  limit?: never;\n  /** Whether to show the character limit. */\n  withLimit?: false;\n}\n\nexport type CharacterCounterProps = CharacterCounterWithLimitProps | OnlyCharacterCounterProps;\n\nexport const CharacterCounter = ({\n  currentCount,\n  onContrast = false,\n  limit,\n  withLimit = true,\n  ['data-testid']: dataTestId = 'kibble-character-counter',\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    <Flex className=\"CharacterCount\" data-testid={dataTestId} css={styles.root}>\n      <Text className=\"CharacterCount__Count\" data-testid={`${dataTestId}-count`} size=\"xs\" css={styles.count}>\n        {currentCount}\n      </Text>\n      {withLimit && (\n        <Text className=\"CharacterCount__Limit\" data-testid={`${dataTestId}-limit`} size=\"xs\" css={styles.limit}>\n          / {limit}\n        </Text>\n      )}\n    </Flex>\n  );\n};\n"],"names":["characterCounterRecipe","defineSlotRecipe","CharacterCounter","currentCount","onContrast","limit","withLimit","dataTestId","variant","invalid","useMemo","styles","useSlotRecipe","jsxs","Flex","jsx","Text"],"mappings":";;;;;;AAEO,MAAMA,IAAyBC,EAAiB;AAAA,EACrD,OAAO,CAAC,QAAQ,SAAS,OAAO;AAAA,EAChC,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,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,GC3BYC,IAAmB,CAAC;AAAA,EAC/B,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,CAAC,gBAAgBC,IAAa;AAChC,MAAgD;AACxC,QAAAC,IAAUJ,IAAa,eAAe,WACtCK,IAAUC,EAAQ,MACjBL,IACEF,IAAeE,IADH,IAElB,CAACF,GAAcE,CAAK,CAAC,GAElBM,IADSC,EAAc,EAAE,QAAQZ,GAAwB,EACzC,EAAE,SAAAQ,GAAS,SAAAC,GAAS;AAGxC,SAAAI,gBAAAA,OAACC,KAAK,WAAU,kBAAiB,eAAaP,GAAY,KAAKI,EAAO,MACpE,UAAA;AAAA,IAAAI,gBAAAA,EAAA,IAACC,GAAK,EAAA,WAAU,yBAAwB,eAAa,GAAGT,CAAU,UAAU,MAAK,MAAK,KAAKI,EAAO,OAC/F,UACHR,GAAA;AAAA,IACCG,KACCO,gBAAAA,EAAA,KAACG,GAAK,EAAA,WAAU,yBAAwB,eAAa,GAAGT,CAAU,UAAU,MAAK,MAAK,KAAKI,EAAO,OAAO,UAAA;AAAA,MAAA;AAAA,MACpGN;AAAA,IAAA,EACL,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"characterCounter.component-B45KB7Xu.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      gap: 0.5,\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 { Flex } from '@chakra-ui/react/flex';\nimport { Text } from 'components/Text/text.component';\nimport { useSlotRecipe } from '@chakra-ui/react';\nimport { characterCounterRecipe } from './characterCounter.recipe';\n\nexport interface BaseCharacterCounterProps {\n  /** Current character count. */\n  currentCount: number;\n  /** If true, the character counter will use a contrasting variant. */\n  onContrast?: boolean;\n  /** Data test id for the character counter. */\n  'data-testid'?: string;\n}\n\ninterface CharacterCounterWithLimitProps extends BaseCharacterCounterProps {\n  /** Character limit for the field. */\n  limit: number;\n  /** Whether to show the character limit. */\n  withLimit?: true;\n}\n\ninterface OnlyCharacterCounterProps extends BaseCharacterCounterProps {\n  /** Character limit for the field. */\n  limit?: never;\n  /** Whether to show the character limit. */\n  withLimit?: false;\n}\n\nexport type CharacterCounterProps = CharacterCounterWithLimitProps | OnlyCharacterCounterProps;\n\nexport const CharacterCounter = ({\n  currentCount,\n  onContrast = false,\n  limit,\n  withLimit = true,\n  ['data-testid']: dataTestId = 'kibble-character-counter',\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    <Flex className=\"CharacterCount\" data-testid={dataTestId} css={styles.root}>\n      <Text className=\"CharacterCount__Count\" data-testid={`${dataTestId}-count`} size=\"xs\" css={styles.count}>\n        {currentCount}\n      </Text>\n      {withLimit && (\n        <Text className=\"CharacterCount__Limit\" data-testid={`${dataTestId}-limit`} size=\"xs\" css={styles.limit}>\n          / {limit}\n        </Text>\n      )}\n    </Flex>\n  );\n};\n"],"names":["characterCounterRecipe","defineSlotRecipe","CharacterCounter","currentCount","onContrast","limit","withLimit","dataTestId","variant","invalid","useMemo","styles","useSlotRecipe","jsxs","Flex","jsx","Text"],"mappings":";;;;;;AAEO,MAAMA,IAAyBC,EAAiB;AAAA,EACrD,OAAO,CAAC,QAAQ,SAAS,OAAO;AAAA,EAChC,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,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,GC3BYC,IAAmB,CAAC;AAAA,EAC/B,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,CAAC,gBAAgBC,IAAa;AAChC,MAAgD;AACxC,QAAAC,IAAUJ,IAAa,eAAe,WACtCK,IAAUC,EAAQ,MACjBL,IACEF,IAAeE,IADH,IAElB,CAACF,GAAcE,CAAK,CAAC,GAElBM,IADSC,EAAc,EAAE,QAAQZ,GAAwB,EACzC,EAAE,SAAAQ,GAAS,SAAAC,GAAS;AAGxC,SAAAI,gBAAAA,OAACC,KAAK,WAAU,kBAAiB,eAAaP,GAAY,KAAKI,EAAO,MACpE,UAAA;AAAA,IAAAI,gBAAAA,EAAA,IAACC,GAAK,EAAA,WAAU,yBAAwB,eAAa,GAAGT,CAAU,UAAU,MAAK,MAAK,KAAKI,EAAO,OAC/F,UACHR,GAAA;AAAA,IACCG,KACCO,gBAAAA,EAAA,KAACG,GAAK,EAAA,WAAU,yBAAwB,eAAa,GAAGT,CAAU,UAAU,MAAK,MAAK,KAAKI,EAAO,OAAO,UAAA;AAAA,MAAA;AAAA,MACpGN;AAAA,IAAA,EACL,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/chunks/{checkbox.component-DGIWgnM4.js → checkbox.component-BoqZIgZE.js}

@@ -1,8 +1,8 @@
 import { j as n } from "./jsx-runtime-C5mzlN2N.js";
 import H, { forwardRef as x, useState as W, useCallback as M, useMemo as q, useId as D } from "react";
-import { w as F } from "./withFormControl-FQcw75ZS.js";
-import { W as Y } from "./text.component-C9jh_JMO.js";
-import { T as B } from "./tooltip.component-CHohp2qn.js";
+import { w as F } from "./withFormControl-BDEeuT0h.js";
+import { W as Y } from "./text.component-DbJw4Y9-.js";
+import { T as B } from "./tooltip.component-BWCTmG_j.js";
 import { c as U } from "./create-slot-recipe-context-D_FXDJGp.js";
 import { c as C } from "./factory-BQshv7_b.js";
 import { d as z } from "./attr-sm10PXOd.js";
@@ -268,4 +268,4 @@ export {
   $e as C,
   we as W
 };
-//# sourceMappingURL=checkbox.component-DGIWgnM4.js.map
+//# sourceMappingURL=checkbox.component-BoqZIgZE.js.map

package/dist/chunks/{checkbox.component-DGIWgnM4.js.map → checkbox.component-BoqZIgZE.js.map}

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

package/dist/chunks/{checkboxGroup.component-D4YLYJPy.js → checkboxGroup.component-B0QCi1NL.js}

@@ -1,6 +1,6 @@
 import { j as r } from "./jsx-runtime-C5mzlN2N.js";
-import { w as f } from "./withFormControl-FQcw75ZS.js";
-import { C as j, W as G } from "./checkbox.component-DGIWgnM4.js";
+import { w as f } from "./withFormControl-BDEeuT0h.js";
+import { C as j, W as G } from "./checkbox.component-BoqZIgZE.js";
 import { S as W } from "./stack-rvdA8MI9.js";
 const a = ({
   checkboxes: p,
@@ -50,4 +50,4 @@ const g = f(a);
 export {
   g as W
 };
-//# sourceMappingURL=checkboxGroup.component-D4YLYJPy.js.map
+//# sourceMappingURL=checkboxGroup.component-B0QCi1NL.js.map

package/dist/chunks/{checkboxGroup.component-D4YLYJPy.js.map → checkboxGroup.component-B0QCi1NL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkboxGroup.component-D4YLYJPy.js","sources":["../../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { CheckboxGroup as CCheckboxGroup, CheckboxGroupProps as CCheckboxGroupProps } from '@chakra-ui/react/checkbox';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { Checkbox, CheckboxProps } from 'components/Checkbox/checkbox.component';\nimport { Stack } from '@chakra-ui/react/stack';\nimport { ConditionalValue } from '@chakra-ui/react/styled-system';\n\nexport interface KCheckboxGroupProps extends WithFormControlProps {\n  /** An array of Checkbox props to be rendered inside the group. */\n  checkboxes: CheckboxProps[];\n  /**\n   * The direction to stack the checkboxes.\n   * @default column\n   */\n  direction?: ConditionalValue<FlexDirection>;\n  /** Callback function triggered when the value changes. */\n  onValueChange?: (value: string[]) => void;\n  /** Data test id for the checkbox group.\n   * @default kibble-checkbox-group\n   */\n  'data-testid'?: string;\n}\n\nexport type CheckboxGroupProps = KCheckboxGroupProps & Omit<CCheckboxGroupProps, 'onChange'>;\n\nconst CheckboxGroup = ({\n  checkboxes,\n  defaultValue,\n  direction = 'column',\n  disabled,\n  invalid,\n  onContrast,\n  onValueChange,\n  readOnly,\n  required,\n  name,\n  size = 'md',\n  value,\n  gap = 2,\n  ['data-testid']: dataTestId = 'kibble-checkbox-group',\n  ...rest\n}: CheckboxGroupProps): React.JSX.Element => {\n  return (\n    <CCheckboxGroup\n      className=\"CheckboxGroup\"\n      data-testid={dataTestId}\n      disabled={disabled}\n      invalid={invalid}\n      name={name}\n      defaultValue={defaultValue}\n      value={value}\n      onValueChange={onValueChange}\n      width=\"inherit\"\n    >\n      <Stack direction={direction} gap={gap} {...rest}>\n        {checkboxes.map((checkbox, index) => (\n          <Checkbox\n            onContrast={onContrast}\n            key={`checkbox-${index}`}\n            checked={\n              checkbox.checked || defaultValue?.includes(`${checkbox?.value}`) || value?.includes(`${checkbox?.value}`)\n            }\n            size={size}\n            required={required}\n            readOnly={readOnly}\n            {...(direction === 'row' && { fullWidth: false })}\n            {...checkbox}\n          />\n        ))}\n      </Stack>\n    </CCheckboxGroup>\n  );\n};\n\nCheckboxGroup.displayName = 'CheckboxGroup';\nconst WrappedCheckboxGroup = withFormControl(CheckboxGroup);\n\nexport { WrappedCheckboxGroup as CheckboxGroup };\n"],"names":["CheckboxGroup","checkboxes","defaultValue","direction","disabled","invalid","onContrast","onValueChange","readOnly","required","name","size","value","gap","dataTestId","rest","jsx","CCheckboxGroup","Stack","checkbox","index","Checkbox","WrappedCheckboxGroup","withFormControl"],"mappings":";;;;AA0BA,MAAMA,IAAgB,CAAC;AAAA,EACrB,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,CAAC,gBAAgBC,IAAa;AAAA,EAC9B,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,eAAaH;AAAA,IACb,UAAAV;AAAA,IACA,SAAAC;AAAA,IACA,MAAAK;AAAA,IACA,cAAAR;AAAA,IACA,OAAAU;AAAA,IACA,eAAAL;AAAA,IACA,OAAM;AAAA,IAEN,UAAAS,gBAAAA,EAAAA,IAACE,GAAM,EAAA,WAAAf,GAAsB,KAAAU,GAAW,GAAGE,GACxC,UAAWd,EAAA,IAAI,CAACkB,GAAUC,MACzBJ,gBAAAA,EAAA;AAAA,MAACK;AAAAA,MAAA;AAAA,QACC,YAAAf;AAAA,QAEA,SACEa,EAAS,WAAWjB,GAAc,SAAS,GAAGiB,GAAU,KAAK,EAAE,KAAKP,GAAO,SAAS,GAAGO,GAAU,KAAK,EAAE;AAAA,QAE1G,MAAAR;AAAA,QACA,UAAAF;AAAA,QACA,UAAAD;AAAA,QACC,GAAIL,MAAc,SAAS,EAAE,WAAW,GAAM;AAAA,QAC9C,GAAGgB;AAAA,MAAA;AAAA,MARC,YAAYC,CAAK;AAAA,IAAA,CAUzB,EACH,CAAA;AAAA,EAAA;AACF;AAIJpB,EAAc,cAAc;AACtB,MAAAsB,IAAuBC,EAAgBvB,CAAa;"}
+{"version":3,"file":"checkboxGroup.component-B0QCi1NL.js","sources":["../../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { CheckboxGroup as CCheckboxGroup, CheckboxGroupProps as CCheckboxGroupProps } from '@chakra-ui/react/checkbox';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { Checkbox, CheckboxProps } from 'components/Checkbox/checkbox.component';\nimport { Stack } from '@chakra-ui/react/stack';\nimport { ConditionalValue } from '@chakra-ui/react/styled-system';\n\nexport interface KCheckboxGroupProps extends WithFormControlProps {\n  /** An array of Checkbox props to be rendered inside the group. */\n  checkboxes: CheckboxProps[];\n  /**\n   * The direction to stack the checkboxes.\n   * @default column\n   */\n  direction?: ConditionalValue<FlexDirection>;\n  /** Callback function triggered when the value changes. */\n  onValueChange?: (value: string[]) => void;\n  /** Data test id for the checkbox group.\n   * @default kibble-checkbox-group\n   */\n  'data-testid'?: string;\n}\n\nexport type CheckboxGroupProps = KCheckboxGroupProps & Omit<CCheckboxGroupProps, 'onChange'>;\n\nconst CheckboxGroup = ({\n  checkboxes,\n  defaultValue,\n  direction = 'column',\n  disabled,\n  invalid,\n  onContrast,\n  onValueChange,\n  readOnly,\n  required,\n  name,\n  size = 'md',\n  value,\n  gap = 2,\n  ['data-testid']: dataTestId = 'kibble-checkbox-group',\n  ...rest\n}: CheckboxGroupProps): React.JSX.Element => {\n  return (\n    <CCheckboxGroup\n      className=\"CheckboxGroup\"\n      data-testid={dataTestId}\n      disabled={disabled}\n      invalid={invalid}\n      name={name}\n      defaultValue={defaultValue}\n      value={value}\n      onValueChange={onValueChange}\n      width=\"inherit\"\n    >\n      <Stack direction={direction} gap={gap} {...rest}>\n        {checkboxes.map((checkbox, index) => (\n          <Checkbox\n            onContrast={onContrast}\n            key={`checkbox-${index}`}\n            checked={\n              checkbox.checked || defaultValue?.includes(`${checkbox?.value}`) || value?.includes(`${checkbox?.value}`)\n            }\n            size={size}\n            required={required}\n            readOnly={readOnly}\n            {...(direction === 'row' && { fullWidth: false })}\n            {...checkbox}\n          />\n        ))}\n      </Stack>\n    </CCheckboxGroup>\n  );\n};\n\nCheckboxGroup.displayName = 'CheckboxGroup';\nconst WrappedCheckboxGroup = withFormControl(CheckboxGroup);\n\nexport { WrappedCheckboxGroup as CheckboxGroup };\n"],"names":["CheckboxGroup","checkboxes","defaultValue","direction","disabled","invalid","onContrast","onValueChange","readOnly","required","name","size","value","gap","dataTestId","rest","jsx","CCheckboxGroup","Stack","checkbox","index","Checkbox","WrappedCheckboxGroup","withFormControl"],"mappings":";;;;AA0BA,MAAMA,IAAgB,CAAC;AAAA,EACrB,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,CAAC,gBAAgBC,IAAa;AAAA,EAC9B,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,eAAaH;AAAA,IACb,UAAAV;AAAA,IACA,SAAAC;AAAA,IACA,MAAAK;AAAA,IACA,cAAAR;AAAA,IACA,OAAAU;AAAA,IACA,eAAAL;AAAA,IACA,OAAM;AAAA,IAEN,UAAAS,gBAAAA,EAAAA,IAACE,GAAM,EAAA,WAAAf,GAAsB,KAAAU,GAAW,GAAGE,GACxC,UAAWd,EAAA,IAAI,CAACkB,GAAUC,MACzBJ,gBAAAA,EAAA;AAAA,MAACK;AAAAA,MAAA;AAAA,QACC,YAAAf;AAAA,QAEA,SACEa,EAAS,WAAWjB,GAAc,SAAS,GAAGiB,GAAU,KAAK,EAAE,KAAKP,GAAO,SAAS,GAAGO,GAAU,KAAK,EAAE;AAAA,QAE1G,MAAAR;AAAA,QACA,UAAAF;AAAA,QACA,UAAAD;AAAA,QACC,GAAIL,MAAc,SAAS,EAAE,WAAW,GAAM;AAAA,QAC9C,GAAGgB;AAAA,MAAA;AAAA,MARC,YAAYC,CAAK;AAAA,IAAA,CAUzB,EACH,CAAA;AAAA,EAAA;AACF;AAIJpB,EAAc,cAAc;AACtB,MAAAsB,IAAuBC,EAAgBvB,CAAa;"}

package/dist/chunks/{config-Djkl1N81.js → config-BV2SsQL7.js}

@@ -39,8 +39,8 @@ function c() {
 }
 const u = /* @__PURE__ */ c(), _ = /* @__PURE__ */ c(), x = (e) => e, b = (...e) => r({}, ...e.map(f));
 export {
-  l as a,
-  O as b,
+  O as a,
+  l as b,
   b as c,
   d,
   x as e,
@@ -54,4 +54,4 @@ export {
   r as m,
   m as n
 };
-//# sourceMappingURL=config-Djkl1N81.js.map
+//# sourceMappingURL=config-BV2SsQL7.js.map

package/dist/chunks/{config-Djkl1N81.js.map → config-BV2SsQL7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"config-Djkl1N81.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/utils/clone.js","../../node_modules/@chakra-ui/react/dist/esm/utils/merge.js","../../node_modules/@chakra-ui/react/dist/esm/styled-system/config.js"],"sourcesContent":["\"use strict\";\nfunction clone(obj) {\n  if (obj === null || typeof obj !== \"object\") return obj;\n  if (Array.isArray(obj)) return obj.map((prop) => clone(prop));\n  const _clone = Object.create(Object.getPrototypeOf(obj));\n  for (const key of Object.keys(obj)) {\n    _clone[key] = clone(obj[key]);\n  }\n  return _clone;\n}\n\nexport { clone };\n","\"use strict\";\nimport { isObject } from './is.js';\n\nfunction merge(target, source) {\n  if (source == null) return target;\n  for (const key of Object.keys(source)) {\n    if (source[key] === void 0 || key === \"__proto__\") continue;\n    if (!isObject(target[key]) && isObject(source[key])) {\n      Object.assign(target, { [key]: source[key] });\n    } else if (target[key] && isObject(source[key])) {\n      merge(target[key], source[key]);\n    } else if (Array.isArray(source[key]) && Array.isArray(target[key])) {\n      let i = 0;\n      for (; i < source[key].length; i++) {\n        if (isObject(target[key][i]) && isObject(source[key][i])) {\n          merge(target[key][i], source[key][i]);\n        } else {\n          target[key][i] = source[key][i];\n        }\n      }\n    } else {\n      Object.assign(target, { [key]: source[key] });\n    }\n  }\n  return target;\n}\nfunction mergeWith(target, ...sources) {\n  for (const source of sources) {\n    merge(target, source);\n  }\n  return target;\n}\n\nexport { mergeWith };\n","\"use strict\";\nimport { clone } from '../utils/clone.js';\nimport { mergeWith } from '../utils/merge.js';\n\nconst defineConditions = (v) => v;\nconst defineRecipe = (v) => v;\nconst defineSlotRecipe = (v) => v;\nconst defineKeyframes = (v) => v;\nconst defineGlobalStyles = (v) => v;\nconst defineStyle = (v) => v;\nconst defineTextStyles = (v) => v;\nconst defineAnimationStyles = (v) => v;\nconst defineLayerStyles = (v) => v;\nfunction createProxy() {\n  const identity = (v) => v;\n  return new Proxy(identity, {\n    get() {\n      return identity;\n    }\n  });\n}\nconst defineTokens = /* @__PURE__ */ createProxy();\nconst defineSemanticTokens = /* @__PURE__ */ createProxy();\nconst defineConfig = (v) => v;\nconst mergeConfigs = (...configs) => {\n  return mergeWith({}, ...configs.map(clone));\n};\n\nexport { defineAnimationStyles, defineConditions, defineConfig, defineGlobalStyles, defineKeyframes, defineLayerStyles, defineRecipe, defineSemanticTokens, defineSlotRecipe, defineStyle, defineTextStyles, defineTokens, mergeConfigs };\n"],"names":["clone","obj","prop","_clone","key","merge","target","source","isObject","i","mergeWith","sources","defineConditions","v","defineRecipe","defineSlotRecipe","defineKeyframes","defineGlobalStyles","defineStyle","defineTextStyles","defineAnimationStyles","defineLayerStyles","createProxy","identity","defineTokens","defineSemanticTokens","defineConfig","mergeConfigs","configs"],"mappings":";AACA,SAASA,EAAMC,GAAK;AAClB,MAAIA,MAAQ,QAAQ,OAAOA,KAAQ,SAAU,QAAOA;AACpD,MAAI,MAAM,QAAQA,CAAG,EAAG,QAAOA,EAAI,IAAI,CAACC,MAASF,EAAME,CAAI,CAAC;AAC5D,QAAMC,IAAS,OAAO,OAAO,OAAO,eAAeF,CAAG,CAAC;AACvD,aAAWG,KAAO,OAAO,KAAKH,CAAG;AAC/B,IAAAE,EAAOC,CAAG,IAAIJ,EAAMC,EAAIG,CAAG,CAAC;AAE9B,SAAOD;AACT;ACNA,SAASE,EAAMC,GAAQC,GAAQ;AAC7B,MAAIA,KAAU,KAAM,QAAOD;AAC3B,aAAWF,KAAO,OAAO,KAAKG,CAAM;AAClC,QAAI,EAAAA,EAAOH,CAAG,MAAM,UAAUA,MAAQ;AACtC,UAAI,CAACI,EAASF,EAAOF,CAAG,CAAC,KAAKI,EAASD,EAAOH,CAAG,CAAC;AAChD,eAAO,OAAOE,GAAQ,EAAE,CAACF,CAAG,GAAGG,EAAOH,CAAG,GAAG;AAAA,eACnCE,EAAOF,CAAG,KAAKI,EAASD,EAAOH,CAAG,CAAC;AAC5C,QAAAC,EAAMC,EAAOF,CAAG,GAAGG,EAAOH,CAAG,CAAC;AAAA,eACrB,MAAM,QAAQG,EAAOH,CAAG,CAAC,KAAK,MAAM,QAAQE,EAAOF,CAAG,CAAC,GAAG;AACnE,YAAIK,IAAI;AACR,eAAOA,IAAIF,EAAOH,CAAG,EAAE,QAAQK;AAC7B,UAAID,EAASF,EAAOF,CAAG,EAAEK,CAAC,CAAC,KAAKD,EAASD,EAAOH,CAAG,EAAEK,CAAC,CAAC,IACrDJ,EAAMC,EAAOF,CAAG,EAAEK,CAAC,GAAGF,EAAOH,CAAG,EAAEK,CAAC,CAAC,IAEpCH,EAAOF,CAAG,EAAEK,CAAC,IAAIF,EAAOH,CAAG,EAAEK,CAAC;AAAA,MAGxC;AACM,eAAO,OAAOH,GAAQ,EAAE,CAACF,CAAG,GAAGG,EAAOH,CAAG,GAAG;AAGhD,SAAOE;AACT;AACA,SAASI,EAAUJ,MAAWK,GAAS;AACrC,aAAWJ,KAAUI;AACnB,IAAAN,EAAMC,GAAQC,CAAM;AAEtB,SAAOD;AACT;AC3BK,MAACM,IAAmB,CAACC,MAAMA,GAC1BC,IAAe,CAACD,MAAMA,GACtBE,IAAmB,CAACF,MAAMA,GAC1BG,IAAkB,CAACH,MAAMA,GACzBI,IAAqB,CAACJ,MAAMA,GAC5BK,IAAc,CAACL,MAAMA,GACrBM,IAAmB,CAACN,MAAMA,GAC1BO,IAAwB,CAACP,MAAMA,GAC/BQ,IAAoB,CAACR,MAAMA;AACjC,SAASS,IAAc;AACrB,QAAMC,IAAW,CAACV,MAAMA;AACxB,SAAO,IAAI,MAAMU,GAAU;AAAA,IACzB,MAAM;AACJ,aAAOA;AAAA,IACb;AAAA,EACA,CAAG;AACH;AACK,MAACC,IAA+B,gBAAAF,EAAW,GAC1CG,IAAuC,gBAAAH,EAAW,GAClDI,IAAe,CAACb,MAAMA,GACtBc,IAAe,IAAIC,MAChBlB,EAAU,CAAA,GAAI,GAAGkB,EAAQ,IAAI5B,CAAK,CAAC;","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"config-BV2SsQL7.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/utils/clone.js","../../node_modules/@chakra-ui/react/dist/esm/utils/merge.js","../../node_modules/@chakra-ui/react/dist/esm/styled-system/config.js"],"sourcesContent":["\"use strict\";\nfunction clone(obj) {\n  if (obj === null || typeof obj !== \"object\") return obj;\n  if (Array.isArray(obj)) return obj.map((prop) => clone(prop));\n  const _clone = Object.create(Object.getPrototypeOf(obj));\n  for (const key of Object.keys(obj)) {\n    _clone[key] = clone(obj[key]);\n  }\n  return _clone;\n}\n\nexport { clone };\n","\"use strict\";\nimport { isObject } from './is.js';\n\nfunction merge(target, source) {\n  if (source == null) return target;\n  for (const key of Object.keys(source)) {\n    if (source[key] === void 0 || key === \"__proto__\") continue;\n    if (!isObject(target[key]) && isObject(source[key])) {\n      Object.assign(target, { [key]: source[key] });\n    } else if (target[key] && isObject(source[key])) {\n      merge(target[key], source[key]);\n    } else if (Array.isArray(source[key]) && Array.isArray(target[key])) {\n      let i = 0;\n      for (; i < source[key].length; i++) {\n        if (isObject(target[key][i]) && isObject(source[key][i])) {\n          merge(target[key][i], source[key][i]);\n        } else {\n          target[key][i] = source[key][i];\n        }\n      }\n    } else {\n      Object.assign(target, { [key]: source[key] });\n    }\n  }\n  return target;\n}\nfunction mergeWith(target, ...sources) {\n  for (const source of sources) {\n    merge(target, source);\n  }\n  return target;\n}\n\nexport { mergeWith };\n","\"use strict\";\nimport { clone } from '../utils/clone.js';\nimport { mergeWith } from '../utils/merge.js';\n\nconst defineConditions = (v) => v;\nconst defineRecipe = (v) => v;\nconst defineSlotRecipe = (v) => v;\nconst defineKeyframes = (v) => v;\nconst defineGlobalStyles = (v) => v;\nconst defineStyle = (v) => v;\nconst defineTextStyles = (v) => v;\nconst defineAnimationStyles = (v) => v;\nconst defineLayerStyles = (v) => v;\nfunction createProxy() {\n  const identity = (v) => v;\n  return new Proxy(identity, {\n    get() {\n      return identity;\n    }\n  });\n}\nconst defineTokens = /* @__PURE__ */ createProxy();\nconst defineSemanticTokens = /* @__PURE__ */ createProxy();\nconst defineConfig = (v) => v;\nconst mergeConfigs = (...configs) => {\n  return mergeWith({}, ...configs.map(clone));\n};\n\nexport { defineAnimationStyles, defineConditions, defineConfig, defineGlobalStyles, defineKeyframes, defineLayerStyles, defineRecipe, defineSemanticTokens, defineSlotRecipe, defineStyle, defineTextStyles, defineTokens, mergeConfigs };\n"],"names":["clone","obj","prop","_clone","key","merge","target","source","isObject","i","mergeWith","sources","defineConditions","v","defineRecipe","defineSlotRecipe","defineKeyframes","defineGlobalStyles","defineStyle","defineTextStyles","defineAnimationStyles","defineLayerStyles","createProxy","identity","defineTokens","defineSemanticTokens","defineConfig","mergeConfigs","configs"],"mappings":";AACA,SAASA,EAAMC,GAAK;AAClB,MAAIA,MAAQ,QAAQ,OAAOA,KAAQ,SAAU,QAAOA;AACpD,MAAI,MAAM,QAAQA,CAAG,EAAG,QAAOA,EAAI,IAAI,CAACC,MAASF,EAAME,CAAI,CAAC;AAC5D,QAAMC,IAAS,OAAO,OAAO,OAAO,eAAeF,CAAG,CAAC;AACvD,aAAWG,KAAO,OAAO,KAAKH,CAAG;AAC/B,IAAAE,EAAOC,CAAG,IAAIJ,EAAMC,EAAIG,CAAG,CAAC;AAE9B,SAAOD;AACT;ACNA,SAASE,EAAMC,GAAQC,GAAQ;AAC7B,MAAIA,KAAU,KAAM,QAAOD;AAC3B,aAAWF,KAAO,OAAO,KAAKG,CAAM;AAClC,QAAI,EAAAA,EAAOH,CAAG,MAAM,UAAUA,MAAQ;AACtC,UAAI,CAACI,EAASF,EAAOF,CAAG,CAAC,KAAKI,EAASD,EAAOH,CAAG,CAAC;AAChD,eAAO,OAAOE,GAAQ,EAAE,CAACF,CAAG,GAAGG,EAAOH,CAAG,GAAG;AAAA,eACnCE,EAAOF,CAAG,KAAKI,EAASD,EAAOH,CAAG,CAAC;AAC5C,QAAAC,EAAMC,EAAOF,CAAG,GAAGG,EAAOH,CAAG,CAAC;AAAA,eACrB,MAAM,QAAQG,EAAOH,CAAG,CAAC,KAAK,MAAM,QAAQE,EAAOF,CAAG,CAAC,GAAG;AACnE,YAAIK,IAAI;AACR,eAAOA,IAAIF,EAAOH,CAAG,EAAE,QAAQK;AAC7B,UAAID,EAASF,EAAOF,CAAG,EAAEK,CAAC,CAAC,KAAKD,EAASD,EAAOH,CAAG,EAAEK,CAAC,CAAC,IACrDJ,EAAMC,EAAOF,CAAG,EAAEK,CAAC,GAAGF,EAAOH,CAAG,EAAEK,CAAC,CAAC,IAEpCH,EAAOF,CAAG,EAAEK,CAAC,IAAIF,EAAOH,CAAG,EAAEK,CAAC;AAAA,MAGxC;AACM,eAAO,OAAOH,GAAQ,EAAE,CAACF,CAAG,GAAGG,EAAOH,CAAG,GAAG;AAGhD,SAAOE;AACT;AACA,SAASI,EAAUJ,MAAWK,GAAS;AACrC,aAAWJ,KAAUI;AACnB,IAAAN,EAAMC,GAAQC,CAAM;AAEtB,SAAOD;AACT;AC3BK,MAACM,IAAmB,CAACC,MAAMA,GAC1BC,IAAe,CAACD,MAAMA,GACtBE,IAAmB,CAACF,MAAMA,GAC1BG,IAAkB,CAACH,MAAMA,GACzBI,IAAqB,CAACJ,MAAMA,GAC5BK,IAAc,CAACL,MAAMA,GACrBM,IAAmB,CAACN,MAAMA,GAC1BO,IAAwB,CAACP,MAAMA,GAC/BQ,IAAoB,CAACR,MAAMA;AACjC,SAASS,IAAc;AACrB,QAAMC,IAAW,CAACV,MAAMA;AACxB,SAAO,IAAI,MAAMU,GAAU;AAAA,IACzB,MAAM;AACJ,aAAOA;AAAA,IACb;AAAA,EACA,CAAG;AACH;AACK,MAACC,IAA+B,gBAAAF,EAAW,GAC1CG,IAAuC,gBAAAH,EAAW,GAClDI,IAAe,CAACb,MAAMA,GACtBc,IAAe,IAAIC,MAChBlB,EAAU,CAAA,GAAI,GAAGkB,EAAQ,IAAI5B,CAAK,CAAC;","x_google_ignoreList":[0,1,2]}

package/dist/chunks/{conversationCard.component-DZnnZcAz.js → conversationCard.component-sKlfIP1V.js}

@@ -2,20 +2,20 @@ import { j as t } from "./jsx-runtime-C5mzlN2N.js";
 import { useState as H } from "react";
 import { B as f } from "./index-9BerxEcw.js";
 import { C as S } from "./card.component-B1AznjWF.js";
-import { T as B } from "./timestamp.component-CRz-1i68.js";
-import { N as W } from "./notificationCounter.component-DhfVkkOQ.js";
+import { T as B } from "./timestamp.component-gXQy-j4t.js";
+import { N as W } from "./notificationCounter.component-DikPb9gS.js";
 import { I as g } from "./icon.component-PV_nHBId.js";
-import { W as F } from "./heading.component-BBTU00_w.js";
-import { W as _ } from "./text.component-C9jh_JMO.js";
-import { A as O } from "./avatar.component-BL6D6Lw_.js";
-import { T as z } from "./tooltip.component-CHohp2qn.js";
+import { W as F } from "./heading.component-D8oRhIr6.js";
+import { W as _ } from "./text.component-DbJw4Y9-.js";
+import { A as O } from "./avatar.component-BwOAO1qR.js";
+import { T as z } from "./tooltip.component-BWCTmG_j.js";
 import { F as h } from "./flex-CX-8gE9T.js";
 import { H as v } from "./h-stack-8q5nAOg0.js";
 import { V as R } from "./v-stack-BKftVfdJ.js";
 import { B as y } from "./button.component-BO6oee_V.js";
-import { M } from "./menu.component-CAttpI-a.js";
+import { M } from "./menu.component-8gDv-vKT.js";
 import { T } from "./tag.component-CMsZIhN-.js";
-import { W as A, a as D } from "./wrap-Cu5ZEseD.js";
+import { W as A, a as D } from "./wrap-cM2ut8a7.js";
 const E = ({
   avatars: e,
   max: a = 1,
@@ -328,4 +328,4 @@ const E = ({
 export {
   lt as C
 };
-//# sourceMappingURL=conversationCard.component-DZnnZcAz.js.map
+//# sourceMappingURL=conversationCard.component-sKlfIP1V.js.map