@televet/kibble-ui 4.0.1 → 5.0.0-beta.hotfix.1

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

@@ -1 +0,0 @@
-{"version":3,"file":"button.recipe-ClmsjdZI.js","sources":["../../node_modules/@zag-js/radio-group/dist/index.mjs","../../src/components/Button/button.recipe.ts"],"sourcesContent":["import { createAnatomy } from '@zag-js/anatomy';\nimport { dispatchInputCheckedEvent, trackElementRect, trackFormControl, queryAll, dataAttr, visuallyHiddenStyle, isSafari, isLeftClick } from '@zag-js/dom-query';\nimport { trackFocusVisible, isFocusVisible } from '@zag-js/focus-visible';\nimport { createGuards, createMachine } from '@zag-js/core';\nimport { isString, createSplitProps } from '@zag-js/utils';\nimport { createProps } from '@zag-js/types';\n\n// src/radio-group.anatomy.ts\nvar anatomy = createAnatomy(\"radio-group\").parts(\n  \"root\",\n  \"label\",\n  \"item\",\n  \"itemText\",\n  \"itemControl\",\n  \"indicator\"\n);\nvar parts = anatomy.build();\nvar getRootId = (ctx) => ctx.ids?.root ?? `radio-group:${ctx.id}`;\nvar getLabelId = (ctx) => ctx.ids?.label ?? `radio-group:${ctx.id}:label`;\nvar getItemId = (ctx, value) => ctx.ids?.item?.(value) ?? `radio-group:${ctx.id}:radio:${value}`;\nvar getItemHiddenInputId = (ctx, value) => ctx.ids?.itemHiddenInput?.(value) ?? `radio-group:${ctx.id}:radio:input:${value}`;\nvar getItemControlId = (ctx, value) => ctx.ids?.itemControl?.(value) ?? `radio-group:${ctx.id}:radio:control:${value}`;\nvar getItemLabelId = (ctx, value) => ctx.ids?.itemLabel?.(value) ?? `radio-group:${ctx.id}:radio:label:${value}`;\nvar getIndicatorId = (ctx) => ctx.ids?.indicator ?? `radio-group:${ctx.id}:indicator`;\nvar getRootEl = (ctx) => ctx.getById(getRootId(ctx));\nvar getItemHiddenInputEl = (ctx, value) => ctx.getById(getItemHiddenInputId(ctx, value));\nvar getIndicatorEl = (ctx) => ctx.getById(getIndicatorId(ctx));\nvar getFirstEnabledInputEl = (ctx) => getRootEl(ctx)?.querySelector(\"input:not(:disabled)\");\nvar getFirstEnabledAndCheckedInputEl = (ctx) => getRootEl(ctx)?.querySelector(\"input:not(:disabled):checked\");\nvar getInputEls = (ctx) => {\n  const ownerId = CSS.escape(getRootId(ctx));\n  const selector = `input[type=radio][data-ownedby='${ownerId}']:not([disabled])`;\n  return queryAll(getRootEl(ctx), selector);\n};\nvar getRadioEl = (ctx, value) => {\n  if (!value) return;\n  return ctx.getById(getItemId(ctx, value));\n};\nvar getOffsetRect = (el) => ({\n  left: el?.offsetLeft ?? 0,\n  top: el?.offsetTop ?? 0,\n  width: el?.offsetWidth ?? 0,\n  height: el?.offsetHeight ?? 0\n});\nvar resolveRect = (rect) => ({\n  width: `${rect.width}px`,\n  height: `${rect.height}px`,\n  left: `${rect.left}px`,\n  top: `${rect.top}px`\n});\n\n// src/radio-group.connect.ts\nfunction connect(service, normalize) {\n  const { context, send, computed, prop, scope } = service;\n  const groupDisabled = computed(\"isDisabled\");\n  const readOnly = prop(\"readOnly\");\n  function getItemState(props2) {\n    const focused = context.get(\"focusedValue\") === props2.value;\n    const focusVisible = focused && isFocusVisible();\n    return {\n      value: props2.value,\n      invalid: !!props2.invalid,\n      disabled: !!props2.disabled || groupDisabled,\n      checked: context.get(\"value\") === props2.value,\n      focused,\n      focusVisible,\n      hovered: context.get(\"hoveredValue\") === props2.value,\n      active: context.get(\"activeValue\") === props2.value\n    };\n  }\n  function getItemDataAttrs(props2) {\n    const itemState = getItemState(props2);\n    return {\n      \"data-focus\": dataAttr(itemState.focused),\n      \"data-focus-visible\": dataAttr(itemState.focusVisible),\n      \"data-disabled\": dataAttr(itemState.disabled),\n      \"data-readonly\": dataAttr(readOnly),\n      \"data-state\": itemState.checked ? \"checked\" : \"unchecked\",\n      \"data-hover\": dataAttr(itemState.hovered),\n      \"data-invalid\": dataAttr(itemState.invalid),\n      \"data-orientation\": prop(\"orientation\"),\n      \"data-ssr\": dataAttr(context.get(\"ssr\"))\n    };\n  }\n  const focus = () => {\n    const nodeToFocus = getFirstEnabledAndCheckedInputEl(scope) ?? getFirstEnabledInputEl(scope);\n    nodeToFocus?.focus();\n  };\n  return {\n    focus,\n    value: context.get(\"value\"),\n    setValue(value) {\n      send({ type: \"SET_VALUE\", value, isTrusted: false });\n    },\n    clearValue() {\n      send({ type: \"SET_VALUE\", value: null, isTrusted: false });\n    },\n    getRootProps() {\n      return normalize.element({\n        ...parts.root.attrs,\n        role: \"radiogroup\",\n        id: getRootId(scope),\n        \"aria-labelledby\": getLabelId(scope),\n        \"data-orientation\": prop(\"orientation\"),\n        \"data-disabled\": dataAttr(groupDisabled),\n        \"aria-orientation\": prop(\"orientation\"),\n        dir: prop(\"dir\"),\n        style: {\n          position: \"relative\"\n        }\n      });\n    },\n    getLabelProps() {\n      return normalize.element({\n        ...parts.label.attrs,\n        dir: prop(\"dir\"),\n        \"data-orientation\": prop(\"orientation\"),\n        \"data-disabled\": dataAttr(groupDisabled),\n        id: getLabelId(scope),\n        onClick: focus\n      });\n    },\n    getItemState,\n    getItemProps(props2) {\n      const itemState = getItemState(props2);\n      return normalize.label({\n        ...parts.item.attrs,\n        dir: prop(\"dir\"),\n        id: getItemId(scope, props2.value),\n        htmlFor: getItemHiddenInputId(scope, props2.value),\n        ...getItemDataAttrs(props2),\n        onPointerMove() {\n          if (itemState.disabled) return;\n          if (itemState.hovered) return;\n          send({ type: \"SET_HOVERED\", value: props2.value, hovered: true });\n        },\n        onPointerLeave() {\n          if (itemState.disabled) return;\n          send({ type: \"SET_HOVERED\", value: null });\n        },\n        onPointerDown(event) {\n          if (itemState.disabled) return;\n          if (!isLeftClick(event)) return;\n          if (itemState.focused && event.pointerType === \"mouse\") {\n            event.preventDefault();\n          }\n          send({ type: \"SET_ACTIVE\", value: props2.value, active: true });\n        },\n        onPointerUp() {\n          if (itemState.disabled) return;\n          send({ type: \"SET_ACTIVE\", value: null });\n        },\n        onClick() {\n          if (!itemState.disabled && isSafari()) {\n            getItemHiddenInputEl(scope, props2.value)?.focus();\n          }\n        }\n      });\n    },\n    getItemTextProps(props2) {\n      return normalize.element({\n        ...parts.itemText.attrs,\n        dir: prop(\"dir\"),\n        id: getItemLabelId(scope, props2.value),\n        ...getItemDataAttrs(props2)\n      });\n    },\n    getItemControlProps(props2) {\n      const itemState = getItemState(props2);\n      return normalize.element({\n        ...parts.itemControl.attrs,\n        dir: prop(\"dir\"),\n        id: getItemControlId(scope, props2.value),\n        \"data-active\": dataAttr(itemState.active),\n        \"aria-hidden\": true,\n        ...getItemDataAttrs(props2)\n      });\n    },\n    getItemHiddenInputProps(props2) {\n      const itemState = getItemState(props2);\n      return normalize.input({\n        \"data-ownedby\": getRootId(scope),\n        id: getItemHiddenInputId(scope, props2.value),\n        type: \"radio\",\n        name: prop(\"name\") || prop(\"id\"),\n        form: prop(\"form\"),\n        value: props2.value,\n        onClick(event) {\n          if (readOnly) {\n            event.preventDefault();\n            return;\n          }\n          if (event.currentTarget.checked) {\n            send({ type: \"SET_VALUE\", value: props2.value, isTrusted: true });\n          }\n        },\n        onBlur() {\n          send({ type: \"SET_FOCUSED\", value: null, focused: false });\n        },\n        onFocus() {\n          send({ type: \"SET_FOCUSED\", value: props2.value, focused: true });\n        },\n        onKeyDown(event) {\n          if (event.defaultPrevented) return;\n          if (event.key === \" \") {\n            send({ type: \"SET_ACTIVE\", value: props2.value, active: true });\n          }\n        },\n        onKeyUp(event) {\n          if (event.defaultPrevented) return;\n          if (event.key === \" \") {\n            send({ type: \"SET_ACTIVE\", value: null });\n          }\n        },\n        disabled: itemState.disabled,\n        defaultChecked: itemState.checked,\n        style: visuallyHiddenStyle\n      });\n    },\n    getIndicatorProps() {\n      const rect = context.get(\"indicatorRect\");\n      return normalize.element({\n        id: getIndicatorId(scope),\n        ...parts.indicator.attrs,\n        dir: prop(\"dir\"),\n        hidden: context.get(\"value\") == null,\n        \"data-disabled\": dataAttr(groupDisabled),\n        \"data-orientation\": prop(\"orientation\"),\n        style: {\n          \"--transition-property\": \"left, top, width, height\",\n          \"--left\": rect?.left,\n          \"--top\": rect?.top,\n          \"--width\": rect?.width,\n          \"--height\": rect?.height,\n          position: \"absolute\",\n          willChange: \"var(--transition-property)\",\n          transitionProperty: \"var(--transition-property)\",\n          transitionDuration: context.get(\"canIndicatorTransition\") ? \"var(--transition-duration, 150ms)\" : \"0ms\",\n          transitionTimingFunction: \"var(--transition-timing-function)\",\n          [prop(\"orientation\") === \"horizontal\" ? \"left\" : \"top\"]: prop(\"orientation\") === \"horizontal\" ? \"var(--left)\" : \"var(--top)\"\n        }\n      });\n    }\n  };\n}\nvar { not } = createGuards();\nvar machine = createMachine({\n  props({ props: props2 }) {\n    return {\n      orientation: \"vertical\",\n      ...props2\n    };\n  },\n  initialState() {\n    return \"idle\";\n  },\n  context({ prop, bindable }) {\n    return {\n      value: bindable(() => ({\n        defaultValue: prop(\"defaultValue\"),\n        value: prop(\"value\"),\n        onChange(value) {\n          prop(\"onValueChange\")?.({ value });\n        }\n      })),\n      activeValue: bindable(() => ({\n        defaultValue: null\n      })),\n      focusedValue: bindable(() => ({\n        defaultValue: null\n      })),\n      hoveredValue: bindable(() => ({\n        defaultValue: null\n      })),\n      indicatorRect: bindable(() => ({\n        defaultValue: {}\n      })),\n      canIndicatorTransition: bindable(() => ({\n        defaultValue: false\n      })),\n      fieldsetDisabled: bindable(() => ({\n        defaultValue: false\n      })),\n      ssr: bindable(() => ({\n        defaultValue: true\n      }))\n    };\n  },\n  refs() {\n    return {\n      indicatorCleanup: null\n    };\n  },\n  computed: {\n    isDisabled: ({ prop, context }) => !!prop(\"disabled\") || context.get(\"fieldsetDisabled\")\n  },\n  entry: [\"syncIndicatorRect\", \"syncSsr\"],\n  exit: [\"cleanupObserver\"],\n  effects: [\"trackFormControlState\", \"trackFocusVisible\"],\n  watch({ track, action, context }) {\n    track([() => context.get(\"value\")], () => {\n      action([\"setIndicatorTransition\", \"syncIndicatorRect\", \"syncInputElements\"]);\n    });\n  },\n  on: {\n    SET_VALUE: [\n      {\n        guard: not(\"isTrusted\"),\n        actions: [\"setValue\", \"dispatchChangeEvent\"]\n      },\n      {\n        actions: [\"setValue\"]\n      }\n    ],\n    SET_HOVERED: {\n      actions: [\"setHovered\"]\n    },\n    SET_ACTIVE: {\n      actions: [\"setActive\"]\n    },\n    SET_FOCUSED: {\n      actions: [\"setFocused\"]\n    }\n  },\n  states: {\n    idle: {}\n  },\n  implementations: {\n    guards: {\n      isTrusted: ({ event }) => !!event.isTrusted\n    },\n    effects: {\n      trackFormControlState({ context, scope }) {\n        return trackFormControl(getRootEl(scope), {\n          onFieldsetDisabledChange(disabled) {\n            context.set(\"fieldsetDisabled\", disabled);\n          },\n          onFormReset() {\n            context.set(\"value\", context.initial(\"value\"));\n          }\n        });\n      },\n      trackFocusVisible({ scope }) {\n        return trackFocusVisible({ root: scope.getRootNode?.() });\n      }\n    },\n    actions: {\n      setValue({ context, event }) {\n        context.set(\"value\", event.value);\n      },\n      setHovered({ context, event }) {\n        context.set(\"hoveredValue\", event.value);\n      },\n      setActive({ context, event }) {\n        context.set(\"activeValue\", event.value);\n      },\n      setFocused({ context, event }) {\n        context.set(\"focusedValue\", event.value);\n      },\n      syncInputElements({ context, scope }) {\n        const inputs = getInputEls(scope);\n        inputs.forEach((input) => {\n          input.checked = input.value === context.get(\"value\");\n        });\n      },\n      setIndicatorTransition({ context }) {\n        context.set(\"canIndicatorTransition\", isString(context.get(\"value\")));\n      },\n      cleanupObserver({ refs }) {\n        refs.get(\"indicatorCleanup\")?.();\n      },\n      syncSsr({ context }) {\n        context.set(\"ssr\", false);\n      },\n      syncIndicatorRect({ context, scope, refs }) {\n        refs.get(\"indicatorCleanup\")?.();\n        if (!getIndicatorEl(scope)) return;\n        const value = context.get(\"value\");\n        const radioEl = getRadioEl(scope, value);\n        if (value == null || !radioEl) {\n          context.set(\"canIndicatorTransition\", false);\n          context.set(\"indicatorRect\", {});\n          return;\n        }\n        const indicatorCleanup = trackElementRect([radioEl], {\n          measure(el) {\n            return getOffsetRect(el);\n          },\n          onEntry({ rects }) {\n            context.set(\"indicatorRect\", resolveRect(rects[0]));\n          }\n        });\n        refs.set(\"indicatorCleanup\", indicatorCleanup);\n      },\n      dispatchChangeEvent({ context, scope }) {\n        const inputEls = getInputEls(scope);\n        inputEls.forEach((inputEl) => {\n          const checked = inputEl.value === context.get(\"value\");\n          if (checked === inputEl.checked) return;\n          dispatchInputCheckedEvent(inputEl, { checked });\n        });\n      }\n    }\n  }\n});\nvar props = createProps()([\n  \"dir\",\n  \"disabled\",\n  \"form\",\n  \"getRootNode\",\n  \"id\",\n  \"ids\",\n  \"name\",\n  \"onValueChange\",\n  \"orientation\",\n  \"readOnly\",\n  \"value\",\n  \"defaultValue\"\n]);\nvar splitProps = createSplitProps(props);\nvar itemProps = createProps()([\"value\", \"disabled\", \"invalid\"]);\nvar splitItemProps = createSplitProps(itemProps);\n\nexport { anatomy, connect, itemProps, machine, props, splitItemProps, splitProps };\n","import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { ButtonSize, ButtonConfigVariant } from './button.types';\n\nconst buttonSizeStyles: Record<ButtonSize, SystemStyleObject> = {\n  xs: {\n    fontSize: 'xs',\n    h: 6,\n    p: '3px 8px',\n    minW: 6,\n  },\n  sm: {\n    fontSize: 'sm',\n    h: 8,\n    p: '6px 12px',\n    minW: 8,\n  },\n  md: {\n    fontSize: 'md',\n    h: 10,\n    p: '8px 16px',\n    minW: 10,\n  },\n  lg: {\n    fontSize: 'lg',\n    h: 12,\n    p: '10px 20px',\n    minW: 12,\n  },\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\nconst 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  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  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.subtle.contrast',\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.subtle.contrast',\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  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  ai: {\n    bg: {\n      base: 'background.ai',\n      _hover: {\n        base: 'background.ai.hover',\n        _disabled: 'background.ai',\n      },\n      _active: {\n        base: 'background.ai.pressed',\n        _hover: 'background.ai.pressed',\n      },\n    },\n    color: {\n      base: 'text.interactive',\n      _icon: 'text.interactive',\n    },\n    borderWidth: '0',\n  },\n  aiSecondary: {\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.ai} border-box',\n      _hover: {\n        base: '{colors.background.ai} border-box',\n        _disabled: 'linear-gradient({colors.background} 0 0) padding-box, {colors.background.ai} border-box',\n      },\n      _active: {\n        base: '{colors.background.ai.hover} border-box',\n        _hover: '{colors.background.ai.hover} border-box',\n      },\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":["anatomy","createAnatomy","parts","getRootId","ctx","getLabelId","getItemId","value","getItemHiddenInputId","getItemControlId","getItemLabelId","getIndicatorId","getRootEl","getItemHiddenInputEl","getIndicatorEl","getFirstEnabledInputEl","getFirstEnabledAndCheckedInputEl","getInputEls","selector","queryAll","getRadioEl","getOffsetRect","el","resolveRect","rect","connect","service","normalize","context","send","computed","prop","scope","groupDisabled","readOnly","getItemState","props2","focused","focusVisible","isFocusVisible","getItemDataAttrs","itemState","dataAttr","focus","event","isLeftClick","isSafari","visuallyHiddenStyle","not","createGuards","machine","createMachine","bindable","track","action","trackFormControl","disabled","trackFocusVisible","input","isString","refs","radioEl","indicatorCleanup","trackElementRect","rects","inputEl","checked","dispatchInputCheckedEvent","createProps","buttonSizeStyles","secondarySubtleButtonStyles","secondarySubtleOnContrastButtonStyles","buttonVariantStyles","buttonRecipe","defineRecipe"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/button.types-BKXZNvN1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.types-BKXZNvN1.js","sources":["../../src/components/Button/button.types.ts"],"sourcesContent":["export const buttonConfigVariants = [\n  'primary',\n  'primaryOnContrast',\n  'primaryDestructive',\n  'primaryDestructiveOnContrast',\n  'secondary',\n  'secondaryOnContrast',\n  'secondaryDestructive',\n  'secondaryDestructiveOnContrast',\n  'secondarySubtle',\n  'secondarySubtleOnContrast',\n  'secondarySubtleDestructive',\n  'secondarySubtleDestructiveOnContrast',\n  'tertiary',\n  'tertiaryOnContrast',\n  'tertiaryDestructive',\n  'tertiaryDestructiveOnContrast',\n  'ghost',\n  'ghostOnContrast',\n  'ghostNeutral',\n  'ghostNeutralOnContrast',\n  'ghostDestructive',\n  'ghostDestructiveOnContrast',\n  'ai',\n  'aiSecondary',\n] as const;\nexport type ButtonConfigVariant = (typeof buttonConfigVariants)[number];\n\n// We are omitting onContrast variants from the variants list because we are setting the 'onContrast' boolean to determine this state\nexport const buttonVariants = [\n  'primary',\n  'primaryDestructive',\n  'secondary',\n  'secondaryDestructive',\n  'secondarySubtle',\n  'secondarySubtleDestructive',\n  'tertiary',\n  'tertiaryDestructive',\n  'ghost',\n  'ghostNeutral',\n  'ghostDestructive',\n  'ai',\n  'aiSecondary',\n] as const;\n\nexport type ButtonVariant = (typeof buttonVariants)[number];\n\nexport const buttonSizes = ['xs', 'sm', 'md', 'lg'] as const;\nexport type ButtonSize = (typeof buttonSizes)[number];\n\nexport const buttonIconPositions = ['left', 'right'] as const;\nexport type ButtonIconPosition = (typeof buttonIconPositions)[number];\n\nexport const buttonSpinnerPlacements = ['start', 'end'] as const;\nexport type ButtonSpinnerPlacement = (typeof buttonSpinnerPlacements)[number];\n"],"names":["buttonConfigVariants","buttonVariants","buttonSizes","buttonIconPositions","buttonSpinnerPlacements"],"mappings":"AAAO,MAAMA,IAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAIaC,IAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAIaC,IAAc,CAAC,MAAM,MAAM,MAAM,IAAI,GAGrCC,IAAsB,CAAC,QAAQ,OAAO,GAGtCC,IAA0B,CAAC,SAAS,KAAK;"}

package/dist/chunks/button.types-Bl1awbi0.js

@@ -1,2 +0,0 @@
-"use strict";const t=["primary","primaryOnContrast","primaryDestructive","primaryDestructiveOnContrast","secondary","secondaryOnContrast","secondaryDestructive","secondaryDestructiveOnContrast","secondarySubtle","secondarySubtleOnContrast","secondarySubtleDestructive","secondarySubtleDestructiveOnContrast","tertiary","tertiaryOnContrast","tertiaryDestructive","tertiaryDestructiveOnContrast","ghost","ghostOnContrast","ghostNeutral","ghostNeutralOnContrast","ghostDestructive","ghostDestructiveOnContrast","ai","aiSecondary"],r=["primary","primaryDestructive","secondary","secondaryDestructive","secondarySubtle","secondarySubtleDestructive","tertiary","tertiaryDestructive","ghost","ghostNeutral","ghostDestructive","ai","aiSecondary"],e=["xs","sm","md","lg"],s=["left","right"],n=["start","end"];exports.buttonConfigVariants=t;exports.buttonIconPositions=s;exports.buttonSizes=e;exports.buttonSpinnerPlacements=n;exports.buttonVariants=r;
-//# sourceMappingURL=button.types-Bl1awbi0.js.map

package/dist/chunks/button.types-Bl1awbi0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.types-Bl1awbi0.js","sources":["../../src/components/Button/button.types.ts"],"sourcesContent":["export const buttonConfigVariants = [\n  'primary',\n  'primaryOnContrast',\n  'primaryDestructive',\n  'primaryDestructiveOnContrast',\n  'secondary',\n  'secondaryOnContrast',\n  'secondaryDestructive',\n  'secondaryDestructiveOnContrast',\n  'secondarySubtle',\n  'secondarySubtleOnContrast',\n  'secondarySubtleDestructive',\n  'secondarySubtleDestructiveOnContrast',\n  'tertiary',\n  'tertiaryOnContrast',\n  'tertiaryDestructive',\n  'tertiaryDestructiveOnContrast',\n  'ghost',\n  'ghostOnContrast',\n  'ghostNeutral',\n  'ghostNeutralOnContrast',\n  'ghostDestructive',\n  'ghostDestructiveOnContrast',\n  'ai',\n  'aiSecondary',\n] as const;\nexport type ButtonConfigVariant = (typeof buttonConfigVariants)[number];\n\n// We are omitting onContrast variants from the variants list because we are setting the 'onContrast' boolean to determine this state\nexport const buttonVariants = [\n  'primary',\n  'primaryDestructive',\n  'secondary',\n  'secondaryDestructive',\n  'secondarySubtle',\n  'secondarySubtleDestructive',\n  'tertiary',\n  'tertiaryDestructive',\n  'ghost',\n  'ghostNeutral',\n  'ghostDestructive',\n  'ai',\n  'aiSecondary',\n] as const;\n\nexport type ButtonVariant = (typeof buttonVariants)[number];\n\nexport const buttonSizes = ['xs', 'sm', 'md', 'lg'] as const;\nexport type ButtonSize = (typeof buttonSizes)[number];\n\nexport const buttonIconPositions = ['left', 'right'] as const;\nexport type ButtonIconPosition = (typeof buttonIconPositions)[number];\n\nexport const buttonSpinnerPlacements = ['start', 'end'] as const;\nexport type ButtonSpinnerPlacement = (typeof buttonSpinnerPlacements)[number];\n"],"names":["buttonConfigVariants","buttonVariants","buttonSizes","buttonIconPositions","buttonSpinnerPlacements"],"mappings":"aAAO,MAAMA,EAAuB,CAClC,UACA,oBACA,qBACA,+BACA,YACA,sBACA,uBACA,iCACA,kBACA,4BACA,6BACA,uCACA,WACA,qBACA,sBACA,gCACA,QACA,kBACA,eACA,yBACA,mBACA,6BACA,KACA,aACF,EAIaC,EAAiB,CAC5B,UACA,qBACA,YACA,uBACA,kBACA,6BACA,WACA,sBACA,QACA,eACA,mBACA,KACA,aACF,EAIaC,EAAc,CAAC,KAAM,KAAM,KAAM,IAAI,EAGrCC,EAAsB,CAAC,OAAQ,OAAO,EAGtCC,EAA0B,CAAC,QAAS,KAAK"}

package/dist/chunks/buttonGroup.component-CQBXYOhq.js

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

package/dist/chunks/buttonGroup.component-CQBXYOhq.js.map

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

package/dist/chunks/buttonGroup.component-CheBkHw6.js

@@ -1,68 +0,0 @@
-import { j as t } from "./jsx-runtime-C5mzlN2N.js";
-import { forwardRef as j, useMemo as a } from "react";
-import { B as y } from "./button.component-BE20YKDd.js";
-import { M as G } from "./menu.component-xhHsHlGT.js";
-import { u as c } from "./use-recipe-d63ABaZ3.js";
-import { a as P } from "./icon-button-5UcFiA_W.js";
-import { G as R } from "./group-CplNJpRQ.js";
-const k = j(
-  function(s, n) {
-    const o = c({ key: "button" }), [r, p] = a(
-      () => o.splitVariantProps(s),
-      [s, o]
-    );
-    return /* @__PURE__ */ t.jsx(P, { value: r, children: /* @__PURE__ */ t.jsx(R, { ref: n, ...p }) });
-  }
-), w = ({
-  attached: e = !0,
-  borderColor: s,
-  buttons: n,
-  menuProps: o,
-  onContrast: r = !1,
-  size: p = "md",
-  variant: u = "primary",
-  ...d
-}) => {
-  const l = a(
-    () => `${u}${r ? "OnContrast" : ""}`,
-    [r, u]
-  ), i = c({ key: "button" })({ variant: l })["@layer recipes"], b = i?.borderColor !== "var(--chakra-colors-transparent)" ? i?.borderColor : i?.color, m = {
-    borderWidth: "1px",
-    borderColor: s || b
-  };
-  return /* @__PURE__ */ t.jsxs(k, { className: "ButtonGroup", "data-testid": "kibble-button-group", attached: e, ...d, children: [
-    n.map(({ key: f, ...B }, x) => /* @__PURE__ */ t.jsx(
-      y,
-      {
-        size: p,
-        variant: u,
-        onContrast: r,
-        ...B,
-        ...e && m
-      },
-      f || x
-    )),
-    o && /* @__PURE__ */ t.jsx(
-      G,
-      {
-        positioning: { placement: "bottom" },
-        ...o,
-        buttonProps: {
-          ...o.buttonProps,
-          size: p,
-          variant: u,
-          onContrast: r,
-          ...e && {
-            ...m,
-            borderTopLeftRadius: 0,
-            borderBottomLeftRadius: 0
-          }
-        }
-      }
-    )
-  ] });
-};
-export {
-  w as B
-};
-//# sourceMappingURL=buttonGroup.component-CheBkHw6.js.map

package/dist/chunks/buttonGroup.component-CheBkHw6.js.map

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

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

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

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

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

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

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

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

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

package/dist/chunks/characterCounter.component-C6ZwdIiA.js

@@ -1,84 +0,0 @@
-import { j as r } from "./jsx-runtime-C5mzlN2N.js";
-import { useMemo as l } from "react";
-import { W as e } from "./text.component-D9w-u_dB.js";
-import { a as u } from "./config-B3QABP1-.js";
-import { u as d } from "./use-slot-recipe-DhtQ1j_5.js";
-import { H as m } from "./h-stack-8q5nAOg0.js";
-const p = u({
-  slots: ["root", "count", "limit"],
-  base: {
-    root: {
-      position: "absolute",
-      right: 0,
-      bottom: "-20px",
-      gap: 1
-    }
-  },
-  variants: {
-    variant: {
-      default: {
-        root: {
-          background: "background"
-        },
-        count: {
-          color: "text.subtle"
-        },
-        limit: {
-          color: "text.subtle"
-        }
-      },
-      onContrast: {
-        root: {
-          background: "background.contrast"
-        },
-        count: {
-          color: "text.subtle.contrast"
-        },
-        limit: {
-          color: "text.subtle.contrast"
-        }
-      }
-    },
-    invalid: {
-      true: {
-        count: {
-          color: "text.danger"
-        }
-      },
-      false: {}
-    }
-  },
-  compoundVariants: [
-    {
-      invalid: !0,
-      variant: "onContrast",
-      css: {
-        count: {
-          color: "text.danger.contrast"
-        }
-      }
-    }
-  ],
-  defaultVariants: {
-    variant: "default",
-    invalid: !1
-  }
-}), k = ({
-  currentCount: o,
-  onContrast: s = !1,
-  limit: t,
-  withLimit: c = !0
-}) => {
-  const n = s ? "onContrast" : "default", i = l(() => t ? o > t : !1, [o, t]), a = d({ recipe: p })({ variant: n, invalid: i });
-  return /* @__PURE__ */ r.jsxs(m, { className: "CharacterCount", "data-testid": "kibble-character-count", css: a.root, children: [
-    /* @__PURE__ */ r.jsx(e, { className: "CharacterCount__Count", "data-testid": "kibble-character-count-count", size: "xs", css: a.count, children: o }),
-    c && /* @__PURE__ */ r.jsxs(e, { className: "CharacterCount__Limit", "data-testid": "kibble-character-count-limit", size: "xs", css: a.limit, children: [
-      "/ ",
-      t
-    ] })
-  ] });
-};
-export {
-  k as C
-};
-//# sourceMappingURL=characterCounter.component-C6ZwdIiA.js.map

package/dist/chunks/characterCounter.component-C6ZwdIiA.js.map

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

package/dist/chunks/characterCounter.component-D0ccCiBG.js

@@ -1,2 +0,0 @@
-"use strict";const o=require("./jsx-runtime-BjDatQAs.js"),u=require("react"),a=require("./text.component-CHpMvCFa.js"),l=require("./config-jChwZPSv.js"),d=require("./use-slot-recipe-8liupslO.js"),x=require("./h-stack-D4MnHHRc.js"),p=l.defineSlotRecipe({slots:["root","count","limit"],base:{root:{position:"absolute",right:0,bottom:"-20px",gap:1}},variants:{variant:{default:{root:{background:"background"},count:{color:"text.subtle"},limit:{color:"text.subtle"}},onContrast:{root:{background:"background.contrast"},count:{color:"text.subtle.contrast"},limit:{color:"text.subtle.contrast"}}},invalid:{true:{count:{color:"text.danger"}},false:{}}},compoundVariants:[{invalid:!0,variant:"onContrast",css:{count:{color:"text.danger.contrast"}}}],defaultVariants:{variant:"default",invalid:!1}}),b=({currentCount:e,onContrast:s=!1,limit:t,withLimit:c=!0})=>{const n=s?"onContrast":"default",i=u.useMemo(()=>t?e>t:!1,[e,t]),r=d.useSlotRecipe({recipe:p})({variant:n,invalid:i});return o.jsxRuntimeExports.jsxs(x.HStack,{className:"CharacterCount","data-testid":"kibble-character-count",css:r.root,children:[o.jsxRuntimeExports.jsx(a.WrappedText,{className:"CharacterCount__Count","data-testid":"kibble-character-count-count",size:"xs",css:r.count,children:e}),c&&o.jsxRuntimeExports.jsxs(a.WrappedText,{className:"CharacterCount__Limit","data-testid":"kibble-character-count-limit",size:"xs",css:r.limit,children:["/ ",t]})]})};exports.CharacterCounter=b;
-//# sourceMappingURL=characterCounter.component-D0ccCiBG.js.map

package/dist/chunks/characterCounter.component-D0ccCiBG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"characterCounter.component-D0ccCiBG.js","sources":["../../src/components/CharacterCounter/characterCounter.recipe.ts","../../src/components/CharacterCounter/characterCounter.component.tsx"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nexport const characterCounterRecipe = defineSlotRecipe({\n  slots: ['root', 'count', 'limit'],\n  base: {\n    root: {\n      position: 'absolute',\n      right: 0,\n      bottom: '-20px',\n      gap: 1,\n    },\n  },\n  variants: {\n    variant: {\n      default: {\n        root: {\n          background: 'background',\n        },\n        count: {\n          color: 'text.subtle',\n        },\n        limit: {\n          color: 'text.subtle',\n        },\n      },\n      onContrast: {\n        root: {\n          background: 'background.contrast',\n        },\n        count: {\n          color: 'text.subtle.contrast',\n        },\n        limit: {\n          color: 'text.subtle.contrast',\n        },\n      },\n    },\n    invalid: {\n      true: {\n        count: {\n          color: 'text.danger',\n        },\n      },\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {\n      invalid: true,\n      variant: 'onContrast',\n      css: {\n        count: {\n          color: 'text.danger.contrast',\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: 'default',\n    invalid: false,\n  },\n});\n","import React, { useMemo } from 'react';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { Text } from 'components/Text/text.component';\nimport { useSlotRecipe } from '@chakra-ui/react';\nimport { characterCounterRecipe } from './characterCounter.recipe';\n\nexport interface BaseCharacterCounterProps {\n  currentCount: number;\n  onContrast?: boolean;\n}\n\ninterface CharacterCounterWithLimitProps extends BaseCharacterCounterProps {\n  limit: number;\n  withLimit?: true;\n}\n\ninterface OnlyCharacterCounterProps extends BaseCharacterCounterProps {\n  limit?: never;\n  withLimit?: false;\n}\n\nexport type CharacterCounterProps = CharacterCounterWithLimitProps | OnlyCharacterCounterProps;\n\nexport const CharacterCounter = ({\n  currentCount,\n  onContrast = false,\n  limit,\n  withLimit = true,\n}: CharacterCounterProps): React.JSX.Element => {\n  const variant = onContrast ? 'onContrast' : 'default';\n  const invalid = useMemo(() => {\n    if (!limit) return false;\n    return currentCount > limit;\n  }, [currentCount, limit]);\n  const recipe = useSlotRecipe({ recipe: characterCounterRecipe });\n  const styles = recipe({ variant, invalid });\n\n  return (\n    <HStack className=\"CharacterCount\" data-testid=\"kibble-character-count\" css={styles.root}>\n      <Text className=\"CharacterCount__Count\" data-testid=\"kibble-character-count-count\" size=\"xs\" css={styles.count}>\n        {currentCount}\n      </Text>\n      {withLimit && (\n        <Text className=\"CharacterCount__Limit\" data-testid=\"kibble-character-count-limit\" size=\"xs\" css={styles.limit}>\n          / {limit}\n        </Text>\n      )}\n    </HStack>\n  );\n};\n"],"names":["characterCounterRecipe","defineSlotRecipe","CharacterCounter","currentCount","onContrast","limit","withLimit","variant","invalid","useMemo","styles","useSlotRecipe","jsxs","HStack","jsx","Text"],"mappings":"uOAEaA,EAAyBC,EAAAA,iBAAiB,CACrD,MAAO,CAAC,OAAQ,QAAS,OAAO,EAChC,KAAM,CACJ,KAAM,CACJ,SAAU,WACV,MAAO,EACP,OAAQ,QACR,IAAK,CAAA,CAET,EACA,SAAU,CACR,QAAS,CACP,QAAS,CACP,KAAM,CACJ,WAAY,YACd,EACA,MAAO,CACL,MAAO,aACT,EACA,MAAO,CACL,MAAO,aAAA,CAEX,EACA,WAAY,CACV,KAAM,CACJ,WAAY,qBACd,EACA,MAAO,CACL,MAAO,sBACT,EACA,MAAO,CACL,MAAO,sBAAA,CACT,CAEJ,EACA,QAAS,CACP,KAAM,CACJ,MAAO,CACL,MAAO,aAAA,CAEX,EACA,MAAO,CAAA,CAAC,CAEZ,EACA,iBAAkB,CAChB,CACE,QAAS,GACT,QAAS,aACT,IAAK,CACH,MAAO,CACL,MAAO,sBAAA,CACT,CACF,CAEJ,EACA,gBAAiB,CACf,QAAS,UACT,QAAS,EAAA,CAEb,CAAC,ECtCYC,EAAmB,CAAC,CAC/B,aAAAC,EACA,WAAAC,EAAa,GACb,MAAAC,EACA,UAAAC,EAAY,EACd,IAAgD,CACxC,MAAAC,EAAUH,EAAa,aAAe,UACtCI,EAAUC,EAAAA,QAAQ,IACjBJ,EACEF,EAAeE,EADH,GAElB,CAACF,EAAcE,CAAK,CAAC,EAElBK,EADSC,EAAA,cAAc,CAAE,OAAQX,EAAwB,EACzC,CAAE,QAAAO,EAAS,QAAAC,EAAS,EAGxC,OAAAI,yBAACC,EAAAA,QAAO,UAAU,iBAAiB,cAAY,yBAAyB,IAAKH,EAAO,KAClF,SAAA,CAACI,EAAAA,kBAAAA,IAAAC,EAAAA,YAAA,CAAK,UAAU,wBAAwB,cAAY,+BAA+B,KAAK,KAAK,IAAKL,EAAO,MACtG,SACHP,CAAA,CAAA,EACCG,GACEM,EAAAA,kBAAAA,KAAAG,EAAAA,YAAA,CAAK,UAAU,wBAAwB,cAAY,+BAA+B,KAAK,KAAK,IAAKL,EAAO,MAAO,SAAA,CAAA,KAC3GL,CAAA,CACL,CAAA,CAAA,EAEJ,CAEJ"}