@televet/kibble-ui 5.0.30 → 5.0.32-ne.0

package/dist/chunks/{button.recipe-CZ-PlRrK.js → button.recipe-iar6jvoT.js}

@@ -1,36 +1,32 @@
-import { a } from "./config-Djkl1N81.js";
-const t = {
-  xs: {
-    fontSize: "xs",
-    h: 6,
-    p: "3px 8px",
-    minW: 6
-  },
-  sm: {
-    fontSize: "sm",
-    h: 8,
-    p: "6px 12px",
-    minW: 8
-  },
-  md: {
-    fontSize: "md",
-    h: 10,
-    p: "8px 16px",
-    minW: 10
-  },
-  lg: {
-    fontSize: "lg",
-    h: 12,
-    p: "10px 20px",
-    minW: 12
-  }
-}, r = {
+import { b as d } from "./config-BV2SsQL7.js";
+const r = {
+  xs: { fontSize: "xs", height: 6, paddingBlock: "3px", paddingInline: 2 },
+  sm: { fontSize: "sm", height: 8, paddingBlock: "6px", paddingInline: 3 },
+  md: { fontSize: "md", height: 10, paddingBlock: "8px", paddingInline: 4 },
+  lg: { fontSize: "lg", height: 12, paddingBlock: "10px", paddingInline: 5 }
+}, e = ({
+  fontSize: n,
+  height: o,
+  paddingBlock: s,
+  paddingInline: c
+}) => ({
+  fontSize: n,
+  h: o,
+  minW: o,
+  py: s,
+  px: c
+}), b = {
+  xs: e(r.xs),
+  sm: e(r.sm),
+  md: e(r.md),
+  lg: e(r.lg)
+}, a = {
   color: "text.interactive",
   bg: "background.secondaryAlpha"
-}, e = {
+}, t = {
   color: "text.interactive.contrast",
   bg: "background.secondaryAlpha.contrast"
-}, o = {
+}, i = {
   primary: {
     bg: {
       base: "background.primary",
@@ -301,8 +297,8 @@ const t = {
         _disabled: "background"
       },
       _active: {
-        base: r.bg,
-        _hover: r.bg
+        base: a.bg,
+        _hover: a.bg
       }
     },
     borderColor: {
@@ -311,12 +307,12 @@ const t = {
     },
     color: {
       base: "text",
-      _active: r.color,
+      _active: a.color,
       _icon: "text"
     },
     _active: {
       _icon: {
-        color: r.color
+        color: a.color
       }
     }
   },
@@ -328,8 +324,8 @@ const t = {
         _disabled: "transparent"
       },
       _active: {
-        base: e.bg,
-        _hover: e.bg
+        base: t.bg,
+        _hover: t.bg
       }
     },
     borderColor: {
@@ -338,12 +334,12 @@ const t = {
     },
     color: {
       base: "text.contrast",
-      _active: e.color,
+      _active: t.color,
       _icon: "text.contrast"
     },
     _active: {
       _icon: {
-        color: e.color
+        color: t.color
       }
     }
   },
@@ -616,7 +612,7 @@ const t = {
       _icon: "text.danger.contrast"
     }
   }
-}, s = a({
+}, l = d({
   base: {
     borderColor: "transparent",
     borderRadius: "base",
@@ -630,8 +626,8 @@ const t = {
     }
   },
   variants: {
-    variant: o,
-    size: t
+    variant: i,
+    size: b
   },
   defaultVariants: {
     size: "md",
@@ -639,9 +635,10 @@ const t = {
   }
 });
 export {
-  r as a,
-  o as b,
-  s as c,
-  e as s
+  r as B,
+  a,
+  i as b,
+  l as c,
+  t as s
 };
-//# sourceMappingURL=button.recipe-CZ-PlRrK.js.map
+//# sourceMappingURL=button.recipe-iar6jvoT.js.map

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-B0aITG8l.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-f_E3xGpR.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-B0aITG8l.js.map

package/dist/chunks/{buttonGroup.component-B4APVs0L.js.map → buttonGroup.component-B0aITG8l.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-B0aITG8l.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/{buttonGroup.component-BRafsTrY.js → buttonGroup.component-DU6vLWb8.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),p=require("react"),q=require("./button.component-DjdgBXDC.js"),f=require("./menu.component-B_rE1WZ2.js"),a=require("./use-recipe-DaPWl_pL.js"),y=require("./icon-button-B9rScw-E.js"),G=require("./group-_vcW9myt.js"),E=p.forwardRef(function(s,i){const t=a.useRecipe({key:"button"}),[o,u]=p.useMemo(()=>t.splitVariantProps(s),[s,t]);return e.jsxRuntimeExports.jsx(y.ButtonPropsProvider,{value:o,children:e.jsxRuntimeExports.jsx(G.Group,{ref:i,...u})})}),P=({attached:r=!0,borderColor:s,buttons:i,menuProps:t,onContrast:o=!1,size:u="md",variant:n="primary",["data-testid"]:d="kibble-button-group",...l})=>{const x=p.useMemo(()=>`${n}${o?"OnContrast":""}`,[o,n]),c=a.useRecipe({key:"button"})({variant:x})["@layer recipes"],b=c?.borderColor!=="var(--chakra-colors-transparent)"?c?.borderColor:c?.color,m={borderWidth:"1px",borderColor:s||b};return e.jsxRuntimeExports.jsxs(E,{className:"ButtonGroup","data-testid":d,attached:r,...l,children:[i.map(({key:R,...j},B)=>e.jsxRuntimeExports.jsx(q.Button,{size:u,variant:n,onContrast:o,...j,...r&&m},R||B)),t&&e.jsxRuntimeExports.jsx(f.Menu,{"data-testid":`${d}-menu`,positioning:{placement:"bottom"},...t,buttonProps:{...t.buttonProps,size:u,variant:n,onContrast:o,...r&&{...m,borderTopLeftRadius:0,borderBottomLeftRadius:0}}})]})};exports.ButtonGroup=P;
-//# sourceMappingURL=buttonGroup.component-BRafsTrY.js.map
+"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),p=require("react"),q=require("./button.component-DjdgBXDC.js"),f=require("./menu.component-FO_IaQrY.js"),a=require("./use-recipe-DaPWl_pL.js"),y=require("./icon-button-B9rScw-E.js"),G=require("./group-_vcW9myt.js"),E=p.forwardRef(function(s,i){const t=a.useRecipe({key:"button"}),[o,u]=p.useMemo(()=>t.splitVariantProps(s),[s,t]);return e.jsxRuntimeExports.jsx(y.ButtonPropsProvider,{value:o,children:e.jsxRuntimeExports.jsx(G.Group,{ref:i,...u})})}),P=({attached:r=!0,borderColor:s,buttons:i,menuProps:t,onContrast:o=!1,size:u="md",variant:n="primary",["data-testid"]:d="kibble-button-group",...l})=>{const x=p.useMemo(()=>`${n}${o?"OnContrast":""}`,[o,n]),c=a.useRecipe({key:"button"})({variant:x})["@layer recipes"],b=c?.borderColor!=="var(--chakra-colors-transparent)"?c?.borderColor:c?.color,m={borderWidth:"1px",borderColor:s||b};return e.jsxRuntimeExports.jsxs(E,{className:"ButtonGroup","data-testid":d,attached:r,...l,children:[i.map(({key:R,...j},B)=>e.jsxRuntimeExports.jsx(q.Button,{size:u,variant:n,onContrast:o,...j,...r&&m},R||B)),t&&e.jsxRuntimeExports.jsx(f.Menu,{"data-testid":`${d}-menu`,positioning:{placement:"bottom"},...t,buttonProps:{...t.buttonProps,size:u,variant:n,onContrast:o,...r&&{...m,borderTopLeftRadius:0,borderBottomLeftRadius:0}}})]})};exports.ButtonGroup=P;
+//# sourceMappingURL=buttonGroup.component-DU6vLWb8.js.map

package/dist/chunks/{buttonGroup.component-BRafsTrY.js.map → buttonGroup.component-DU6vLWb8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"buttonGroup.component-BRafsTrY.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":"iRAQMA,EAAcC,EAAU,WAC5B,SAAsBC,EAAOC,EAAK,CAChC,MAAMC,EAASC,EAAS,UAAC,CAAE,IAAK,QAAQ,CAAE,EACpC,CAACC,EAAcC,CAAU,EAAIC,EAAO,QACxC,IAAMJ,EAAO,kBAAkBF,CAAK,EACpC,CAACA,EAAOE,CAAM,CACf,EACD,OAAuBK,EAAG,kBAAA,IAACC,EAAmB,oBAAE,CAAE,MAAOJ,EAAc,SAA0BG,wBAAIE,EAAAA,MAAO,CAAE,IAAAR,EAAK,GAAGI,CAAU,CAAE,CAAC,CAAE,CACzI,CACA,ECUaP,EAAc,CAAC,CAC1B,SAAAY,EAAW,GACX,YAAAC,EACA,QAAAC,EACA,UAAAC,EACA,WAAAC,EAAa,GACb,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,CAAC,eAAgBC,EAAa,sBAC9B,GAAGC,CACL,IAA2C,CACzC,MAAMC,EAAkBb,EAAA,QACtB,IAAM,GAAGU,CAAO,GAAGF,EAAa,aAAe,EAAE,GACjD,CAACA,EAAYE,CAAO,CACtB,EAEMI,EADSjB,EAAA,UAAU,CAAE,IAAK,SAAU,EACpB,CAAE,QAASgB,CAAgB,CAAC,EAAE,gBAAgB,EAC9DE,EACJD,GAAQ,cAAgB,mCAAqCA,GAAQ,YAAcA,GAAQ,MAEvFE,EAAkC,CACtC,YAAa,MACb,YAAaX,GAAeU,CAC9B,EAGE,OAAAE,yBAACC,GAAa,UAAU,cAAc,cAAaP,EAAY,SAAAP,EAAqB,GAAGQ,EACpF,SAAA,CAAAN,EAAQ,IAAI,CAAC,CAAE,IAAAa,EAAK,GAAGP,CAAAA,EAAQQ,IAC9BnB,EAAA,kBAAA,IAACoB,EAAA,OAAA,CAEC,KAAAZ,EACA,QAAAC,EACA,WAAAF,EACC,GAAGI,EACH,GAAIR,GAAYY,CAAA,EALZG,GAAOC,CAAA,CAOf,EACAb,GACCN,EAAA,kBAAA,IAACqB,EAAA,KAAA,CACC,cAAa,GAAGX,CAAU,QAC1B,YAAa,CAAE,UAAW,QAAS,EAClC,GAAGJ,EACJ,YAAa,CACX,GAAGA,EAAU,YACb,KAAAE,EACA,QAAAC,EACA,WAAAF,EACA,GAAIJ,GAAY,CACd,GAAGY,EACH,oBAAqB,EACrB,uBAAwB,CAAA,CAC1B,CACF,CAAA,CACF,EAEJ,CAEJ","x_google_ignoreList":[0]}
+{"version":3,"file":"buttonGroup.component-DU6vLWb8.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":"iRAQMA,EAAcC,EAAU,WAC5B,SAAsBC,EAAOC,EAAK,CAChC,MAAMC,EAASC,EAAS,UAAC,CAAE,IAAK,QAAQ,CAAE,EACpC,CAACC,EAAcC,CAAU,EAAIC,EAAO,QACxC,IAAMJ,EAAO,kBAAkBF,CAAK,EACpC,CAACA,EAAOE,CAAM,CACf,EACD,OAAuBK,EAAG,kBAAA,IAACC,EAAmB,oBAAE,CAAE,MAAOJ,EAAc,SAA0BG,wBAAIE,EAAAA,MAAO,CAAE,IAAAR,EAAK,GAAGI,CAAU,CAAE,CAAC,CAAE,CACzI,CACA,ECUaP,EAAc,CAAC,CAC1B,SAAAY,EAAW,GACX,YAAAC,EACA,QAAAC,EACA,UAAAC,EACA,WAAAC,EAAa,GACb,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,CAAC,eAAgBC,EAAa,sBAC9B,GAAGC,CACL,IAA2C,CACzC,MAAMC,EAAkBb,EAAA,QACtB,IAAM,GAAGU,CAAO,GAAGF,EAAa,aAAe,EAAE,GACjD,CAACA,EAAYE,CAAO,CACtB,EAEMI,EADSjB,EAAA,UAAU,CAAE,IAAK,SAAU,EACpB,CAAE,QAASgB,CAAgB,CAAC,EAAE,gBAAgB,EAC9DE,EACJD,GAAQ,cAAgB,mCAAqCA,GAAQ,YAAcA,GAAQ,MAEvFE,EAAkC,CACtC,YAAa,MACb,YAAaX,GAAeU,CAC9B,EAGE,OAAAE,yBAACC,GAAa,UAAU,cAAc,cAAaP,EAAY,SAAAP,EAAqB,GAAGQ,EACpF,SAAA,CAAAN,EAAQ,IAAI,CAAC,CAAE,IAAAa,EAAK,GAAGP,CAAAA,EAAQQ,IAC9BnB,EAAA,kBAAA,IAACoB,EAAA,OAAA,CAEC,KAAAZ,EACA,QAAAC,EACA,WAAAF,EACC,GAAGI,EACH,GAAIR,GAAYY,CAAA,EALZG,GAAOC,CAAA,CAOf,EACAb,GACCN,EAAA,kBAAA,IAACqB,EAAA,KAAA,CACC,cAAa,GAAGX,CAAU,QAC1B,YAAa,CAAE,UAAW,QAAS,EAClC,GAAGJ,EACJ,YAAa,CACX,GAAGA,EAAU,YACb,KAAAE,EACA,QAAAC,EACA,WAAAF,EACA,GAAIJ,GAAY,CACd,GAAGY,EACH,oBAAqB,EACrB,uBAAwB,CAAA,CAC1B,CACF,CAAA,CACF,EAEJ,CAEJ","x_google_ignoreList":[0]}

package/dist/chunks/{calendar.component-BswlIQ5W.js → calendar.component-CraOSJrP.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-nQBNT52b.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-CraOSJrP.js.map

package/dist/chunks/{calendar.component-BswlIQ5W.js.map → calendar.component-CraOSJrP.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-CraOSJrP.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/{calendar.component-Dt452bDI.js → calendar.component-DBf462dd.js}

@@ -1,2 +1,2 @@
-"use strict";const s=require("./jsx-runtime-BjDatQAs.js"),h=require("./index-BQRnVsAg.js"),o=require("./datePicker.provider-CcGhcyCp.js"),D=require("./divider.component-BX3zyB7O.js"),b=require("./button.component-DjdgBXDC.js"),x=require("./format-CK7Imh-5.js"),u=require("./endOfMonth-ClO3w4vF.js"),E={today:"Today",thisWeek:"This Week",thisMonth:"This Month"},k=({footer:e,["data-testid"]:d="kibble-calendar-footer"})=>{const{goToDate:a,onDateSelect:n,onQuickOptionSelect:i,firstDayOfWeek:l}=o.useDatePickerContext(),m=()=>{if(e.type==="custom"){e.onClick();return}const r=new Date;switch(e.value){case"today":{const t=x.startOfDay(r);a(t),n(t);break}case"thisWeek":{const t=l??1,c=x.startOfWeek(r,{weekStartsOn:t}),R=u.endOfWeek(r,{weekStartsOn:t});a(c),i({startDate:c,endDate:R});break}case"thisMonth":{const t=u.startOfMonth(r),c=u.endOfMonth(r);a(t),i({startDate:t,endDate:c});break}}e.onClick?.()},j=e.type==="custom"?e.label:e.label??E[e.value];return s.jsxRuntimeExports.jsx(h.Box,{"data-testid":d,bg:"background.secondaryAlpha",borderRadius:"md",p:2,w:"full",children:s.jsxRuntimeExports.jsx(b.Button,{variant:"secondarySubtle",size:"md",w:"full",onClick:m,children:j})})},y=new Set(["thisWeek","thisMonth"]),p=e=>y.has(e),C=({["data-testid"]:e="kibble-calendar",withDateRange:d=!0,withHeaderTriggers:a=!1,footer:n,...i})=>{const l=d||n?.type==="preset"&&p(n.value);return s.jsxRuntimeExports.jsx(h.Box,{className:"Calendar","data-testid":e,maxW:n?"360px":"340px",children:s.jsxRuntimeExports.jsxs(o.DatePickerProvider,{withDateRange:l,...i,standalone:!0,children:[s.jsxRuntimeExports.jsx(o.DatePickerHeader,{withTriggers:a}),s.jsxRuntimeExports.jsx(D.Divider,{}),s.jsxRuntimeExports.jsx(o.DatePickerCalendar,{}),n&&s.jsxRuntimeExports.jsx(k,{footer:n})]})})};exports.Calendar=C;exports.CalendarFooterButton=k;exports.isRangePreset=p;
-//# sourceMappingURL=calendar.component-Dt452bDI.js.map
+"use strict";const s=require("./jsx-runtime-BjDatQAs.js"),h=require("./index-BQRnVsAg.js"),o=require("./datePicker.provider-CdrTfoem.js"),D=require("./divider.component-BX3zyB7O.js"),b=require("./button.component-DjdgBXDC.js"),x=require("./format-CK7Imh-5.js"),u=require("./endOfMonth-ClO3w4vF.js"),E={today:"Today",thisWeek:"This Week",thisMonth:"This Month"},k=({footer:e,["data-testid"]:d="kibble-calendar-footer"})=>{const{goToDate:a,onDateSelect:n,onQuickOptionSelect:i,firstDayOfWeek:l}=o.useDatePickerContext(),m=()=>{if(e.type==="custom"){e.onClick();return}const r=new Date;switch(e.value){case"today":{const t=x.startOfDay(r);a(t),n(t);break}case"thisWeek":{const t=l??1,c=x.startOfWeek(r,{weekStartsOn:t}),R=u.endOfWeek(r,{weekStartsOn:t});a(c),i({startDate:c,endDate:R});break}case"thisMonth":{const t=u.startOfMonth(r),c=u.endOfMonth(r);a(t),i({startDate:t,endDate:c});break}}e.onClick?.()},j=e.type==="custom"?e.label:e.label??E[e.value];return s.jsxRuntimeExports.jsx(h.Box,{"data-testid":d,bg:"background.secondaryAlpha",borderRadius:"md",p:2,w:"full",children:s.jsxRuntimeExports.jsx(b.Button,{variant:"secondarySubtle",size:"md",w:"full",onClick:m,children:j})})},y=new Set(["thisWeek","thisMonth"]),p=e=>y.has(e),C=({["data-testid"]:e="kibble-calendar",withDateRange:d=!0,withHeaderTriggers:a=!1,footer:n,...i})=>{const l=d||n?.type==="preset"&&p(n.value);return s.jsxRuntimeExports.jsx(h.Box,{className:"Calendar","data-testid":e,maxW:n?"360px":"340px",children:s.jsxRuntimeExports.jsxs(o.DatePickerProvider,{withDateRange:l,...i,standalone:!0,children:[s.jsxRuntimeExports.jsx(o.DatePickerHeader,{withTriggers:a}),s.jsxRuntimeExports.jsx(D.Divider,{}),s.jsxRuntimeExports.jsx(o.DatePickerCalendar,{}),n&&s.jsxRuntimeExports.jsx(k,{footer:n})]})})};exports.Calendar=C;exports.CalendarFooterButton=k;exports.isRangePreset=p;
+//# sourceMappingURL=calendar.component-DBf462dd.js.map

package/dist/chunks/{calendar.component-Dt452bDI.js.map → calendar.component-DBf462dd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"calendar.component-Dt452bDI.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":"2SA6CMA,EAAgD,CACpD,MAAO,QACP,SAAU,YACV,UAAW,YACb,EAUaC,EAAuB,CAAC,CACnC,OAAAC,EACA,CAAC,eAAgBC,EAAa,wBAChC,IAAoD,CAClD,KAAM,CAAE,SAAAC,EAAU,aAAAC,EAAc,oBAAAC,EAAqB,eAAAC,CAAA,EAAmBC,EAAAA,qBAAqB,EAEvFC,EAAc,IAAY,CAC1B,GAAAP,EAAO,OAAS,SAAU,CAC5BA,EAAO,QAAQ,EACf,MAAA,CAGI,MAAAQ,MAAY,KAElB,OAAQR,EAAO,MAAO,CACpB,IAAK,QAAS,CACN,MAAAS,EAAOC,aAAWF,CAAK,EAC7BN,EAASO,CAAI,EACbN,EAAaM,CAAI,EACjB,KAAA,CAEF,IAAK,WAAY,CACf,MAAME,EAAgBN,GAAkB,EAClCO,EAAQC,EAAA,YAAYL,EAAO,CAAE,aAAAG,EAAc,EAC3CG,EAAMC,EAAA,UAAUP,EAAO,CAAE,aAAAG,EAAc,EAC7CT,EAASU,CAAK,EAEdR,EAAoB,CAAE,UAAWQ,EAAO,QAASE,EAAK,EACtD,KAAA,CAEF,IAAK,YAAa,CACV,MAAAF,EAAQI,eAAaR,CAAK,EAC1BM,EAAMG,aAAWT,CAAK,EAC5BN,EAASU,CAAK,EACdR,EAAoB,CAAE,UAAWQ,EAAO,QAASE,EAAK,EACtD,KAAA,CACF,CAGFd,EAAO,UAAU,CACnB,EAEMkB,EAAQlB,EAAO,OAAS,SAAWA,EAAO,MAASA,EAAO,OAASF,EAAcE,EAAO,KAAK,EAGjG,OAAAmB,EAAA,kBAAA,IAACC,OAAI,cAAanB,EAAY,GAAG,4BAA4B,aAAa,KAAK,EAAG,EAAG,EAAE,OACrF,SAACkB,EAAA,kBAAA,IAAAE,EAAA,OAAA,CAAO,QAAQ,kBAAkB,KAAK,KAAK,EAAE,OAAO,QAASd,EAC3D,SAAAW,CAAA,CACH,CACF,CAAA,CAEJ,EC3GMI,EAAoB,IAAA,IAAoB,CAAC,WAAY,WAAW,CAAC,EAG1DC,EAAiBC,GAAmCF,EAAc,IAAIE,CAAK,ECsC3EC,EAAW,CAAC,CACvB,CAAC,eAAgBxB,EAAa,kBAC9B,cAAAyB,EAAgB,GAChB,mBAAAC,EAAqB,GACrB,OAAA3B,EACA,GAAG4B,CACL,IAAwC,CAEtC,MAAMC,EAAqBH,GAAkB1B,GAAQ,OAAS,UAAYuB,EAAcvB,EAAO,KAAK,EAEpG,+BACGoB,MAAI,CAAA,UAAU,WAAW,cAAanB,EAAY,KAAMD,EAAS,QAAU,QAC1E,kCAAC8B,EAAmB,mBAAA,CAAA,cAAeD,EAAqB,GAAGD,EAAM,WAAU,GACzE,SAAA,CAACT,EAAAA,kBAAAA,IAAAY,EAAA,iBAAA,CAAiB,aAAcJ,CAAoB,CAAA,0BACnDK,EAAQ,QAAA,EAAA,0BACRC,EAAmB,mBAAA,EAAA,EACnBjC,GAAWmB,EAAA,kBAAA,IAAApB,EAAA,CAAqB,OAAAC,CAAgB,CAAA,CAAA,CAAA,CACnD,CACF,CAAA,CAEJ"}
+{"version":3,"file":"calendar.component-DBf462dd.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":"2SA6CMA,EAAgD,CACpD,MAAO,QACP,SAAU,YACV,UAAW,YACb,EAUaC,EAAuB,CAAC,CACnC,OAAAC,EACA,CAAC,eAAgBC,EAAa,wBAChC,IAAoD,CAClD,KAAM,CAAE,SAAAC,EAAU,aAAAC,EAAc,oBAAAC,EAAqB,eAAAC,CAAA,EAAmBC,EAAAA,qBAAqB,EAEvFC,EAAc,IAAY,CAC1B,GAAAP,EAAO,OAAS,SAAU,CAC5BA,EAAO,QAAQ,EACf,MAAA,CAGI,MAAAQ,MAAY,KAElB,OAAQR,EAAO,MAAO,CACpB,IAAK,QAAS,CACN,MAAAS,EAAOC,aAAWF,CAAK,EAC7BN,EAASO,CAAI,EACbN,EAAaM,CAAI,EACjB,KAAA,CAEF,IAAK,WAAY,CACf,MAAME,EAAgBN,GAAkB,EAClCO,EAAQC,EAAA,YAAYL,EAAO,CAAE,aAAAG,EAAc,EAC3CG,EAAMC,EAAA,UAAUP,EAAO,CAAE,aAAAG,EAAc,EAC7CT,EAASU,CAAK,EAEdR,EAAoB,CAAE,UAAWQ,EAAO,QAASE,EAAK,EACtD,KAAA,CAEF,IAAK,YAAa,CACV,MAAAF,EAAQI,eAAaR,CAAK,EAC1BM,EAAMG,aAAWT,CAAK,EAC5BN,EAASU,CAAK,EACdR,EAAoB,CAAE,UAAWQ,EAAO,QAASE,EAAK,EACtD,KAAA,CACF,CAGFd,EAAO,UAAU,CACnB,EAEMkB,EAAQlB,EAAO,OAAS,SAAWA,EAAO,MAASA,EAAO,OAASF,EAAcE,EAAO,KAAK,EAGjG,OAAAmB,EAAA,kBAAA,IAACC,OAAI,cAAanB,EAAY,GAAG,4BAA4B,aAAa,KAAK,EAAG,EAAG,EAAE,OACrF,SAACkB,EAAA,kBAAA,IAAAE,EAAA,OAAA,CAAO,QAAQ,kBAAkB,KAAK,KAAK,EAAE,OAAO,QAASd,EAC3D,SAAAW,CAAA,CACH,CACF,CAAA,CAEJ,EC3GMI,EAAoB,IAAA,IAAoB,CAAC,WAAY,WAAW,CAAC,EAG1DC,EAAiBC,GAAmCF,EAAc,IAAIE,CAAK,ECsC3EC,EAAW,CAAC,CACvB,CAAC,eAAgBxB,EAAa,kBAC9B,cAAAyB,EAAgB,GAChB,mBAAAC,EAAqB,GACrB,OAAA3B,EACA,GAAG4B,CACL,IAAwC,CAEtC,MAAMC,EAAqBH,GAAkB1B,GAAQ,OAAS,UAAYuB,EAAcvB,EAAO,KAAK,EAEpG,+BACGoB,MAAI,CAAA,UAAU,WAAW,cAAanB,EAAY,KAAMD,EAAS,QAAU,QAC1E,kCAAC8B,EAAmB,mBAAA,CAAA,cAAeD,EAAqB,GAAGD,EAAM,WAAU,GACzE,SAAA,CAACT,EAAAA,kBAAAA,IAAAY,EAAA,iBAAA,CAAiB,aAAcJ,CAAoB,CAAA,0BACnDK,EAAQ,QAAA,EAAA,0BACRC,EAAmB,mBAAA,EAAA,EACnBjC,GAAWmB,EAAA,kBAAA,IAAApB,EAAA,CAAqB,OAAAC,CAAgB,CAAA,CAAA,CAAA,CACnD,CACF,CAAA,CAEJ"}

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