@televet/kibble-ui 4.0.0-beta.113 → 4.0.0-beta.115

package/dist/chunks/{radioGroup.component-CeIyZmZs.js.map → radioGroup.component-Bx42wWDx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.component-CeIyZmZs.js","sources":["../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-item-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-item-props-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-control.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-hidden-input.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-text.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-label.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-root.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/radiomark/radiomark.js","../../node_modules/@chakra-ui/react/dist/esm/components/radio-group/radio-group.js","../../src/components/RadioGroup/components/Radio/radio.component.tsx","../../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupProvider, useRadioGroupContext] = createContext({\n  name: \"RadioGroupContext\",\n  hookName: \"useRadioGroupContext\",\n  providerName: \"<RadioGroupProvider />\"\n});\n\nexport { RadioGroupProvider, useRadioGroupContext };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupItemProvider, useRadioGroupItemContext] = createContext({\n  name: \"RadioGroupItemContext\",\n  hookName: \"useRadioGroupItemContext\",\n  providerName: \"<RadioGroupItemProvider />\"\n});\n\nexport { RadioGroupItemProvider, useRadioGroupItemContext };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupItemPropsProvider, useRadioGroupItemPropsContext] = createContext({\n  name: \"RadioGroupItemPropsContext\",\n  hookName: \"useRadioGroupItemPropsContext\",\n  providerName: \"<RadioGroupItemPropsProvider />\"\n});\n\nexport { RadioGroupItemPropsProvider, useRadioGroupItemPropsContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { RadioGroupItemProvider } from './use-radio-group-item-context.js';\nimport { RadioGroupItemPropsProvider } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItem = forwardRef((props, ref) => {\n  const [itemProps, localProps] = createSplitProps()(props, [\"value\", \"disabled\", \"invalid\"]);\n  const radioGroup = useRadioGroupContext();\n  const mergedProps = mergeProps(radioGroup.getItemProps(itemProps), localProps);\n  const itemState = radioGroup.getItemState(itemProps);\n  return /* @__PURE__ */ jsx(RadioGroupItemProvider, { value: itemState, children: /* @__PURE__ */ jsx(RadioGroupItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) }) });\n});\nRadioGroupItem.displayName = \"RadioGroupItem\";\n\nexport { RadioGroupItem };\n","'use client';\nimport { useRadioGroupItemContext } from './use-radio-group-item-context.js';\n\nconst RadioGroupItemContext = (props) => props.children(useRadioGroupItemContext());\n\nexport { RadioGroupItemContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemControl = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const itemProps = useRadioGroupItemPropsContext();\n  const mergedProps = mergeProps(radioGroup.getItemControlProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nRadioGroupItemControl.displayName = \"RadioGroupItemControl\";\n\nexport { RadioGroupItemControl };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemHiddenInput = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const itemProps = useRadioGroupItemPropsContext();\n  const mergedProps = mergeProps(radioGroup.getItemHiddenInputProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });\n});\nRadioGroupItemHiddenInput.displayName = \"RadioGroupItemHiddenInput\";\n\nexport { RadioGroupItemHiddenInput };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemText = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const itemProps = useRadioGroupItemPropsContext();\n  const mergedProps = mergeProps(radioGroup.getItemTextProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nRadioGroupItemText.displayName = \"RadioGroupItemText\";\n\nexport { RadioGroupItemText };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\n\nconst RadioGroupLabel = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const mergedProps = mergeProps(radioGroup.getLabelProps(), props);\n  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });\n});\nRadioGroupLabel.displayName = \"RadioGroupLabel\";\n\nexport { RadioGroupLabel };\n","'use client';\nimport * as radio from '@zag-js/radio-group';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useRadioGroup = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const machineProps = {\n    id,\n    dir,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(radio.machine, machineProps);\n  return radio.connect(service, normalizeProps);\n};\n\nexport { useRadioGroup };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useRadioGroup } from './use-radio-group.js';\nimport { RadioGroupProvider } from './use-radio-group-context.js';\n\nconst RadioGroupRoot = forwardRef((props, ref) => {\n  const [useRadioGroupProps, localProps] = createSplitProps()(props, [\n    \"defaultValue\",\n    \"disabled\",\n    \"form\",\n    \"id\",\n    \"ids\",\n    \"name\",\n    \"onValueChange\",\n    \"orientation\",\n    \"readOnly\",\n    \"value\"\n  ]);\n  const radioGroup = useRadioGroup(useRadioGroupProps);\n  const mergedProps = mergeProps(radioGroup.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(RadioGroupProvider, { value: radioGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nRadioGroupRoot.displayName = \"RadioGroupRoot\";\n\nexport { RadioGroupRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { RadioGroupProvider } from './use-radio-group-context.js';\n\nconst RadioGroupRootProvider = forwardRef((props, ref) => {\n  const [{ value: radioGroup }, localProps] = createSplitProps()(props, [\"value\"]);\n  const mergedProps = mergeProps(radioGroup.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(RadioGroupProvider, { value: radioGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nRadioGroupRootProvider.displayName = \"RadioGroupRootProvider\";\n\nexport { RadioGroupRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { dataAttr } from '../../utils/attr.js';\nimport { EMPTY_STYLES } from '../../styled-system/empty.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useRecipe } from '../../styled-system/use-recipe.js';\n\nconst Radiomark = forwardRef(\n  function Radiomark2(props, ref) {\n    const recipe = useRecipe({ key: \"radiomark\", recipe: props.recipe });\n    const [variantProps, restProps] = recipe.splitVariantProps(props);\n    const { checked, disabled, unstyled, children, ...rest } = restProps;\n    const styles = unstyled ? EMPTY_STYLES : recipe(variantProps);\n    const sharedProps = {\n      ref,\n      \"data-checked\": dataAttr(checked),\n      \"data-disabled\": dataAttr(disabled),\n      ...rest,\n      css: [styles, props.css]\n    };\n    return /* @__PURE__ */ jsx(chakra.span, { ...sharedProps, children: checked && /* @__PURE__ */ jsx(\"span\", { className: \"dot\" }) });\n  }\n);\n\nexport { Radiomark };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { RadioGroup } from '@ark-ui/react/radio-group';\nimport { forwardRef } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { Radiomark } from '../radiomark/radiomark.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useRadioGroupStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"radioGroup\" });\nconst RadioGroupRootProvider = withProvider(RadioGroup.RootProvider, \"root\", { forwardAsChild: true });\nconst RadioGroupRoot = withProvider(\n  RadioGroup.Root,\n  \"root\",\n  { forwardAsChild: true }\n);\nconst RadioGroupPropsProvider = PropsProvider;\nconst RadioGroupLabel = withContext(RadioGroup.Label, \"label\", { forwardAsChild: true });\nconst RadioGroupItem = withContext(\n  RadioGroup.Item,\n  \"item\",\n  { forwardAsChild: true }\n);\nconst RadioGroupItemText = withContext(RadioGroup.ItemText, \"itemText\", { forwardAsChild: true });\nconst RadioGroupItemControl = withContext(RadioGroup.ItemControl, \"itemControl\", { forwardAsChild: true });\nconst RadioGroupItemIndicator = forwardRef(function RadioGroupItemIndicator2(props, ref) {\n  const styles = useRadioGroupStyles();\n  return /* @__PURE__ */ jsx(RadioGroup.ItemContext, { children: (itemState) => /* @__PURE__ */ jsx(RadioGroup.ItemControl, { asChild: true, children: /* @__PURE__ */ jsx(\n    Radiomark,\n    {\n      ref,\n      unstyled: true,\n      ...props,\n      checked: itemState.checked,\n      disabled: itemState.disabled,\n      css: [styles[\"itemControl\"], props.css]\n    }\n  ) }) });\n});\nconst RadioGroupContext = RadioGroup.Context;\nconst RadioGroupItemContext = RadioGroup.ItemContext;\nconst RadioGroupItemHiddenInput = RadioGroup.ItemHiddenInput;\n\nexport { RadioGroupContext, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemIndicator, RadioGroupItemText, RadioGroupLabel, RadioGroupPropsProvider, RadioGroupRoot, RadioGroupRootProvider, useRadioGroupStyles };\n","import React from 'react';\nimport { RadioGroup } from '@chakra-ui/react/radio-group';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { Card, CardProps } from 'components/Card/card.component';\nimport { CardPaddingMap } from 'components/Card/card.records';\nimport { RadioSizeMap, RadioTextSpacing } from './radio.records';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Text } from 'components/Text/text.component';\n\nexport interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {\n  checked?: boolean;\n  onContrast?: boolean;\n  radioRef?: React.Ref<HTMLInputElement | null>;\n  rootRef?: React.Ref<HTMLDivElement | null>;\n  size?: FormControlSize;\n  withCard?: boolean;\n}\n\nconst Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      children,\n      checked = false,\n      disabled = false,\n      invalid = false,\n      onContrast = false,\n      radioRef,\n      rootRef,\n      size = 'md',\n      withCard = false,\n      ...rest\n    },\n    ref,\n  ): React.JSX.Element => {\n    const RadioCard: React.FC<CardProps> = withCard\n      ? (props): React.JSX.Element => {\n          const pr = (RadioSizeMap[size] + RadioTextSpacing[size] + CardPaddingMap[size]) * 4;\n          return (\n            <Card\n              className=\"Radio__Card\"\n              data-testid=\"kibble-radio-card\"\n              {...(!disabled && {\n                interactive: true,\n                invalid,\n                active: !!checked,\n              })}\n              onContrast={onContrast}\n              size={size}\n              fullWidth\n              display=\"flex\"\n              {...(typeof children === 'string' && { alignItems: 'center' })}\n              width=\"inherit\"\n              pr={`${pr}px`}\n            >\n              {props.children}\n            </Card>\n          );\n        }\n      : React.Fragment;\n\n    return (\n      <RadioGroup.Item\n        className=\"Radio\"\n        data-testid=\"kibble-radio\"\n        invalid={invalid}\n        disabled={disabled}\n        ref={rootRef}\n        {...rest}\n      >\n        <RadioCard>\n          <RadioGroup.ItemHiddenInput className=\"Radio__Input\" data-testid=\"kibble-radio-input\" ref={radioRef || ref} />\n          <RadioGroup.ItemIndicator className=\"Radio__Indicator\" data-testid=\"kibble-radio-indicator\" />\n          {children && (\n            <RadioGroup.ItemText\n              className=\"Radio__Text\"\n              data-testid=\"kibble-radio-label\"\n              {...(withCard && typeof children !== 'string' && { mt: '-4px' })}\n            >\n              {typeof children === 'string' ? (\n                <Text size={size} lineHeight=\"unset\" variant={onContrast ? 'onContrast' : 'default'}>\n                  {children}\n                </Text>\n              ) : (\n                children\n              )}\n            </RadioGroup.ItemText>\n          )}\n        </RadioCard>\n      </RadioGroup.Item>\n    );\n  },\n);\n\nRadio.displayName = 'Radio';\nconst WrappedRadio = withFormControl<RadioProps>(Radio);\n\nexport { WrappedRadio as Radio };\n","import React from 'react';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Radio, RadioProps } from './components/Radio/radio.component';\nimport { RadioGroup as CRadioGroup } from '@chakra-ui/react/radio-group';\nimport { Stack } from '@chakra-ui/react/stack';\nimport { ConditionalValue } from '@chakra-ui/react/styled-system';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { ButtonGroup } from 'components/ButtonGroup';\n\nexport interface KRadioGroupProps\n  extends WithFormControlProps,\n    Omit<CRadioGroup.RootProps, 'onValueChange' | 'onChange'> {\n  direction?: ConditionalValue<FlexDirection>;\n  onChange?: (value: string | null) => void;\n  size?: FormControlSize;\n}\n\ninterface ButtonRadioGroupProps extends KRadioGroupProps {\n  radioType?: 'buttons';\n  radios: Omit<RadioProps, 'withCard'>[];\n}\n\ninterface DefaultRadioGroupProps extends KRadioGroupProps {\n  radioType?: 'default';\n  radios: RadioProps[];\n}\n\nexport type RadioGroupProps = ButtonRadioGroupProps | DefaultRadioGroupProps;\n\nconst RadioGroup = ({\n  radios,\n  defaultValue,\n  direction = 'column',\n  disabled,\n  invalid,\n  onContrast,\n  onChange,\n  size = 'md',\n  radioType = 'default',\n  value,\n  gap = 2,\n  ...rest\n}: RadioGroupProps): React.JSX.Element => {\n  const _computedVariant = onContrast ? 'onContrast' : 'default';\n  return (\n    <CRadioGroup.Root\n      className=\"RadioGroup\"\n      data-testid=\"kibble-radio-group\"\n      disabled={disabled}\n      defaultValue={defaultValue}\n      value={value}\n      onValueChange={({ value }) => onChange?.(value)}\n      size={size}\n      variant={_computedVariant}\n      {...rest}\n    >\n      {radioType === 'default' && (\n        <Stack gap={gap} direction={direction}>\n          {radios.map((radio, index) => (\n            <Radio\n              key={`radio-${index}`}\n              invalid={invalid}\n              disabled={disabled}\n              checked={defaultValue === radio.value || value === radio.value}\n              size={size}\n              {...(direction === 'row' && { fullWidth: false })}\n              {...radio}\n            />\n          ))}\n        </Stack>\n      )}\n      {radioType === 'buttons' && (\n        <ButtonGroup\n          onContrast={onContrast}\n          variant=\"secondarySubtle\"\n          size={size}\n          buttons={radios.map((radio, index) => {\n            const active = defaultValue === radio.value || value === radio.value;\n            return {\n              key: `button-radio-${index}`,\n              children: radio.children,\n              active,\n              disabled,\n              onClick: () => onChange?.(radio.value),\n            };\n          })}\n        />\n      )}\n    </CRadioGroup.Root>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["RadioGroupProvider","useRadioGroupContext","createContext","RadioGroupItemProvider","useRadioGroupItemContext","RadioGroupItemPropsProvider","useRadioGroupItemPropsContext","RadioGroupItem","forwardRef","props","ref","itemProps","localProps","createSplitProps","radioGroup","mergedProps","mergeProps","itemState","jsx","ark","RadioGroupItemContext","RadioGroupItemControl","RadioGroupItemHiddenInput","RadioGroupItemText","RadioGroupLabel","useRadioGroup","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","radio.machine","radio.connect","normalizeProps","RadioGroupRoot","useRadioGroupProps","RadioGroupRootProvider","Radiomark","recipe","useRecipe","variantProps","restProps","checked","disabled","unstyled","children","rest","styles","EMPTY_STYLES","sharedProps","dataAttr","chakra","withProvider","withContext","useRadioGroupStyles","createSlotRecipeContext","RadioGroup.RootProvider","RadioGroup.Root","RadioGroup.Label","RadioGroup.Item","RadioGroup.ItemText","RadioGroup.ItemControl","RadioGroupItemIndicator","RadioGroup.ItemContext","RadioGroup.ItemHiddenInput","Radio","React","invalid","onContrast","radioRef","rootRef","size","withCard","RadioCard","pr","RadioSizeMap","RadioTextSpacing","CardPaddingMap","Card","RadioGroup.ItemIndicator","Text","WrappedRadio","withFormControl","RadioGroup","radios","defaultValue","direction","onChange","radioType","value","gap","_computedVariant","jsxs","CRadioGroup.Root","Stack","radio","index","ButtonGroup","active","WrappedRadioGroup"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13]}
+{"version":3,"file":"radioGroup.component-Bx42wWDx.js","sources":["../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-item-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-item-props-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-control.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-hidden-input.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-text.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-label.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-root.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/radiomark/radiomark.js","../../node_modules/@chakra-ui/react/dist/esm/components/radio-group/radio-group.js","../../src/components/RadioGroup/components/Radio/radio.component.tsx","../../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupProvider, useRadioGroupContext] = createContext({\n  name: \"RadioGroupContext\",\n  hookName: \"useRadioGroupContext\",\n  providerName: \"<RadioGroupProvider />\"\n});\n\nexport { RadioGroupProvider, useRadioGroupContext };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupItemProvider, useRadioGroupItemContext] = createContext({\n  name: \"RadioGroupItemContext\",\n  hookName: \"useRadioGroupItemContext\",\n  providerName: \"<RadioGroupItemProvider />\"\n});\n\nexport { RadioGroupItemProvider, useRadioGroupItemContext };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupItemPropsProvider, useRadioGroupItemPropsContext] = createContext({\n  name: \"RadioGroupItemPropsContext\",\n  hookName: \"useRadioGroupItemPropsContext\",\n  providerName: \"<RadioGroupItemPropsProvider />\"\n});\n\nexport { RadioGroupItemPropsProvider, useRadioGroupItemPropsContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { RadioGroupItemProvider } from './use-radio-group-item-context.js';\nimport { RadioGroupItemPropsProvider } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItem = forwardRef((props, ref) => {\n  const [itemProps, localProps] = createSplitProps()(props, [\"value\", \"disabled\", \"invalid\"]);\n  const radioGroup = useRadioGroupContext();\n  const mergedProps = mergeProps(radioGroup.getItemProps(itemProps), localProps);\n  const itemState = radioGroup.getItemState(itemProps);\n  return /* @__PURE__ */ jsx(RadioGroupItemProvider, { value: itemState, children: /* @__PURE__ */ jsx(RadioGroupItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) }) });\n});\nRadioGroupItem.displayName = \"RadioGroupItem\";\n\nexport { RadioGroupItem };\n","'use client';\nimport { useRadioGroupItemContext } from './use-radio-group-item-context.js';\n\nconst RadioGroupItemContext = (props) => props.children(useRadioGroupItemContext());\n\nexport { RadioGroupItemContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemControl = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const itemProps = useRadioGroupItemPropsContext();\n  const mergedProps = mergeProps(radioGroup.getItemControlProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nRadioGroupItemControl.displayName = \"RadioGroupItemControl\";\n\nexport { RadioGroupItemControl };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemHiddenInput = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const itemProps = useRadioGroupItemPropsContext();\n  const mergedProps = mergeProps(radioGroup.getItemHiddenInputProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });\n});\nRadioGroupItemHiddenInput.displayName = \"RadioGroupItemHiddenInput\";\n\nexport { RadioGroupItemHiddenInput };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemText = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const itemProps = useRadioGroupItemPropsContext();\n  const mergedProps = mergeProps(radioGroup.getItemTextProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nRadioGroupItemText.displayName = \"RadioGroupItemText\";\n\nexport { RadioGroupItemText };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\n\nconst RadioGroupLabel = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const mergedProps = mergeProps(radioGroup.getLabelProps(), props);\n  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });\n});\nRadioGroupLabel.displayName = \"RadioGroupLabel\";\n\nexport { RadioGroupLabel };\n","'use client';\nimport * as radio from '@zag-js/radio-group';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useRadioGroup = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const machineProps = {\n    id,\n    dir,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(radio.machine, machineProps);\n  return radio.connect(service, normalizeProps);\n};\n\nexport { useRadioGroup };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useRadioGroup } from './use-radio-group.js';\nimport { RadioGroupProvider } from './use-radio-group-context.js';\n\nconst RadioGroupRoot = forwardRef((props, ref) => {\n  const [useRadioGroupProps, localProps] = createSplitProps()(props, [\n    \"defaultValue\",\n    \"disabled\",\n    \"form\",\n    \"id\",\n    \"ids\",\n    \"name\",\n    \"onValueChange\",\n    \"orientation\",\n    \"readOnly\",\n    \"value\"\n  ]);\n  const radioGroup = useRadioGroup(useRadioGroupProps);\n  const mergedProps = mergeProps(radioGroup.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(RadioGroupProvider, { value: radioGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nRadioGroupRoot.displayName = \"RadioGroupRoot\";\n\nexport { RadioGroupRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { RadioGroupProvider } from './use-radio-group-context.js';\n\nconst RadioGroupRootProvider = forwardRef((props, ref) => {\n  const [{ value: radioGroup }, localProps] = createSplitProps()(props, [\"value\"]);\n  const mergedProps = mergeProps(radioGroup.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(RadioGroupProvider, { value: radioGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nRadioGroupRootProvider.displayName = \"RadioGroupRootProvider\";\n\nexport { RadioGroupRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { dataAttr } from '../../utils/attr.js';\nimport { EMPTY_STYLES } from '../../styled-system/empty.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useRecipe } from '../../styled-system/use-recipe.js';\n\nconst Radiomark = forwardRef(\n  function Radiomark2(props, ref) {\n    const recipe = useRecipe({ key: \"radiomark\", recipe: props.recipe });\n    const [variantProps, restProps] = recipe.splitVariantProps(props);\n    const { checked, disabled, unstyled, children, ...rest } = restProps;\n    const styles = unstyled ? EMPTY_STYLES : recipe(variantProps);\n    const sharedProps = {\n      ref,\n      \"data-checked\": dataAttr(checked),\n      \"data-disabled\": dataAttr(disabled),\n      ...rest,\n      css: [styles, props.css]\n    };\n    return /* @__PURE__ */ jsx(chakra.span, { ...sharedProps, children: checked && /* @__PURE__ */ jsx(\"span\", { className: \"dot\" }) });\n  }\n);\n\nexport { Radiomark };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { RadioGroup } from '@ark-ui/react/radio-group';\nimport { forwardRef } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { Radiomark } from '../radiomark/radiomark.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useRadioGroupStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"radioGroup\" });\nconst RadioGroupRootProvider = withProvider(RadioGroup.RootProvider, \"root\", { forwardAsChild: true });\nconst RadioGroupRoot = withProvider(\n  RadioGroup.Root,\n  \"root\",\n  { forwardAsChild: true }\n);\nconst RadioGroupPropsProvider = PropsProvider;\nconst RadioGroupLabel = withContext(RadioGroup.Label, \"label\", { forwardAsChild: true });\nconst RadioGroupItem = withContext(\n  RadioGroup.Item,\n  \"item\",\n  { forwardAsChild: true }\n);\nconst RadioGroupItemText = withContext(RadioGroup.ItemText, \"itemText\", { forwardAsChild: true });\nconst RadioGroupItemControl = withContext(RadioGroup.ItemControl, \"itemControl\", { forwardAsChild: true });\nconst RadioGroupItemIndicator = forwardRef(function RadioGroupItemIndicator2(props, ref) {\n  const styles = useRadioGroupStyles();\n  return /* @__PURE__ */ jsx(RadioGroup.ItemContext, { children: (itemState) => /* @__PURE__ */ jsx(RadioGroup.ItemControl, { asChild: true, children: /* @__PURE__ */ jsx(\n    Radiomark,\n    {\n      ref,\n      unstyled: true,\n      ...props,\n      checked: itemState.checked,\n      disabled: itemState.disabled,\n      css: [styles[\"itemControl\"], props.css]\n    }\n  ) }) });\n});\nconst RadioGroupContext = RadioGroup.Context;\nconst RadioGroupItemContext = RadioGroup.ItemContext;\nconst RadioGroupItemHiddenInput = RadioGroup.ItemHiddenInput;\n\nexport { RadioGroupContext, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemIndicator, RadioGroupItemText, RadioGroupLabel, RadioGroupPropsProvider, RadioGroupRoot, RadioGroupRootProvider, useRadioGroupStyles };\n","import React from 'react';\nimport { RadioGroup } from '@chakra-ui/react/radio-group';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { Card, CardProps } from 'components/Card/card.component';\nimport { CardPaddingMap } from 'components/Card/card.records';\nimport { RadioSizeMap, RadioTextSpacing } from './radio.records';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Text } from 'components/Text/text.component';\n\nexport interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {\n  checked?: boolean;\n  onContrast?: boolean;\n  radioRef?: React.Ref<HTMLInputElement | null>;\n  rootRef?: React.Ref<HTMLDivElement | null>;\n  size?: FormControlSize;\n  withCard?: boolean;\n}\n\nconst Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      children,\n      checked = false,\n      disabled = false,\n      invalid = false,\n      onContrast = false,\n      radioRef,\n      rootRef,\n      size = 'md',\n      withCard = false,\n      ...rest\n    },\n    ref,\n  ): React.JSX.Element => {\n    const RadioCard: React.FC<CardProps> = withCard\n      ? (props): React.JSX.Element => {\n          const pr = (RadioSizeMap[size] + RadioTextSpacing[size] + CardPaddingMap[size]) * 4;\n          return (\n            <Card\n              className=\"Radio__Card\"\n              data-testid=\"kibble-radio-card\"\n              {...(!disabled && {\n                interactive: true,\n                invalid,\n                active: !!checked,\n              })}\n              onContrast={onContrast}\n              size={size}\n              fullWidth\n              display=\"flex\"\n              {...(typeof children === 'string' && { alignItems: 'center' })}\n              width=\"inherit\"\n              pr={`${pr}px`}\n            >\n              {props.children}\n            </Card>\n          );\n        }\n      : React.Fragment;\n\n    return (\n      <RadioGroup.Item\n        className=\"Radio\"\n        data-testid=\"kibble-radio\"\n        invalid={invalid}\n        disabled={disabled}\n        ref={rootRef}\n        {...rest}\n      >\n        <RadioCard>\n          <RadioGroup.ItemHiddenInput className=\"Radio__Input\" data-testid=\"kibble-radio-input\" ref={radioRef || ref} />\n          <RadioGroup.ItemIndicator className=\"Radio__Indicator\" data-testid=\"kibble-radio-indicator\" />\n          {children && (\n            <RadioGroup.ItemText\n              className=\"Radio__Text\"\n              data-testid=\"kibble-radio-label\"\n              {...(withCard && { w: '100%' })}\n              {...(withCard && typeof children !== 'string' && { mt: '-4px' })}\n            >\n              {typeof children === 'string' ? (\n                <Text size={size} lineHeight=\"unset\" variant={onContrast ? 'onContrast' : 'default'}>\n                  {children}\n                </Text>\n              ) : (\n                children\n              )}\n            </RadioGroup.ItemText>\n          )}\n        </RadioCard>\n      </RadioGroup.Item>\n    );\n  },\n);\n\nRadio.displayName = 'Radio';\nconst WrappedRadio = withFormControl<RadioProps>(Radio);\n\nexport { WrappedRadio as Radio };\n","import React from 'react';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Radio, RadioProps } from './components/Radio/radio.component';\nimport { RadioGroup as CRadioGroup } from '@chakra-ui/react/radio-group';\nimport { Stack } from '@chakra-ui/react/stack';\nimport { ConditionalValue } from '@chakra-ui/react/styled-system';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { ButtonGroup } from 'components/ButtonGroup';\n\nexport interface KRadioGroupProps\n  extends WithFormControlProps,\n    Omit<CRadioGroup.RootProps, 'onValueChange' | 'onChange'> {\n  direction?: ConditionalValue<FlexDirection>;\n  onChange?: (value: string | null) => void;\n  size?: FormControlSize;\n}\n\ninterface ButtonRadioGroupProps extends KRadioGroupProps {\n  radioType?: 'buttons';\n  radios: Omit<RadioProps, 'withCard'>[];\n}\n\ninterface DefaultRadioGroupProps extends KRadioGroupProps {\n  radioType?: 'default';\n  radios: RadioProps[];\n}\n\nexport type RadioGroupProps = ButtonRadioGroupProps | DefaultRadioGroupProps;\n\nconst RadioGroup = ({\n  radios,\n  defaultValue,\n  direction = 'column',\n  disabled,\n  invalid,\n  onContrast,\n  onChange,\n  size = 'md',\n  radioType = 'default',\n  value,\n  gap = 2,\n  ...rest\n}: RadioGroupProps): React.JSX.Element => {\n  const _computedVariant = onContrast ? 'onContrast' : 'default';\n  return (\n    <CRadioGroup.Root\n      className=\"RadioGroup\"\n      data-testid=\"kibble-radio-group\"\n      disabled={disabled}\n      defaultValue={defaultValue}\n      value={value}\n      onValueChange={({ value }) => onChange?.(value)}\n      size={size}\n      variant={_computedVariant}\n      {...rest}\n    >\n      {radioType === 'default' && (\n        <Stack gap={gap} direction={direction}>\n          {radios.map((radio, index) => (\n            <Radio\n              key={`radio-${index}`}\n              invalid={invalid}\n              disabled={disabled}\n              checked={defaultValue === radio.value || value === radio.value}\n              size={size}\n              {...(direction === 'row' && { fullWidth: false })}\n              {...radio}\n            />\n          ))}\n        </Stack>\n      )}\n      {radioType === 'buttons' && (\n        <ButtonGroup\n          onContrast={onContrast}\n          variant=\"secondarySubtle\"\n          size={size}\n          buttons={radios.map((radio, index) => {\n            const active = defaultValue === radio.value || value === radio.value;\n            return {\n              key: `button-radio-${index}`,\n              children: radio.children,\n              active,\n              disabled,\n              onClick: () => onChange?.(radio.value),\n            };\n          })}\n        />\n      )}\n    </CRadioGroup.Root>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["RadioGroupProvider","useRadioGroupContext","createContext","RadioGroupItemProvider","useRadioGroupItemContext","RadioGroupItemPropsProvider","useRadioGroupItemPropsContext","RadioGroupItem","forwardRef","props","ref","itemProps","localProps","createSplitProps","radioGroup","mergedProps","mergeProps","itemState","jsx","ark","RadioGroupItemContext","RadioGroupItemControl","RadioGroupItemHiddenInput","RadioGroupItemText","RadioGroupLabel","useRadioGroup","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","radio.machine","radio.connect","normalizeProps","RadioGroupRoot","useRadioGroupProps","RadioGroupRootProvider","Radiomark","recipe","useRecipe","variantProps","restProps","checked","disabled","unstyled","children","rest","styles","EMPTY_STYLES","sharedProps","dataAttr","chakra","withProvider","withContext","useRadioGroupStyles","createSlotRecipeContext","RadioGroup.RootProvider","RadioGroup.Root","RadioGroup.Label","RadioGroup.Item","RadioGroup.ItemText","RadioGroup.ItemControl","RadioGroupItemIndicator","RadioGroup.ItemContext","RadioGroup.ItemHiddenInput","Radio","React","invalid","onContrast","radioRef","rootRef","size","withCard","RadioCard","pr","RadioSizeMap","RadioTextSpacing","CardPaddingMap","Card","RadioGroup.ItemIndicator","Text","WrappedRadio","withFormControl","RadioGroup","radios","defaultValue","direction","onChange","radioType","value","gap","_computedVariant","jsxs","CRadioGroup.Root","Stack","radio","index","ButtonGroup","active","WrappedRadioGroup"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13]}

package/dist/chunks/{radioGroup.component-BiLIdd0l.js → radioGroup.component-D6k2Nuu6.js}

@@ -1,2 +1,2 @@
-"use strict";const s=require("./jsx-runtime-BjDatQAs.js"),b=require("./withFormControl-ClG2Nbcf.js"),p=require("react"),g=require("./card.component-KNc4HKSh.js"),f=require("./radio.records-j0JOqaJ4.js"),H=require("./text.component-waIIFgwB.js"),M=require("./create-slot-recipe-context-IwVIgtBt.js"),k=require("./attr-BMs6szZx.js"),F=require("./empty-B5_AO6Pg.js"),V=require("./factory-D6tdBUPG.js"),Y=require("./use-recipe-DaPWl_pL.js"),i=require("./use-locale-context-D0LByRu9.js"),l=require("./index-CHIISuTq.js"),B=require("./buttonGroup.component-Bnd3WutZ.js"),D=require("./stack-BKu3hWEQ.js"),O=e=>e&&e.__esModule?e:{default:e},E=O(p),[y,P]=i.createContext({name:"RadioGroupContext",hookName:"useRadioGroupContext",providerName:"<RadioGroupProvider />"}),[J,K]=i.createContext({name:"RadioGroupItemContext",hookName:"useRadioGroupItemContext",providerName:"<RadioGroupItemProvider />"}),[Q,I]=i.createContext({name:"RadioGroupItemPropsContext",hookName:"useRadioGroupItemPropsContext",providerName:"<RadioGroupItemPropsProvider />"}),N=p.forwardRef((e,o)=>{const[t,r]=i.createSplitProps()(e,["value","disabled","invalid"]),a=P(),n=l.mergeProps(a.getItemProps(t),r),c=a.getItemState(t);return s.jsxRuntimeExports.jsx(J,{value:c,children:s.jsxRuntimeExports.jsx(Q,{value:t,children:s.jsxRuntimeExports.jsx(i.ark.label,{...n,ref:o})})})});N.displayName="RadioGroupItem";const U=e=>e.children(K()),v=p.forwardRef((e,o)=>{const t=P(),r=I(),a=l.mergeProps(t.getItemControlProps(r),e);return s.jsxRuntimeExports.jsx(i.ark.div,{...a,ref:o})});v.displayName="RadioGroupItemControl";const w=p.forwardRef((e,o)=>{const t=P(),r=I(),a=l.mergeProps(t.getItemHiddenInputProps(r),e);return s.jsxRuntimeExports.jsx(i.ark.input,{...a,ref:o})});w.displayName="RadioGroupItemHiddenInput";const _=p.forwardRef((e,o)=>{const t=P(),r=I(),a=l.mergeProps(t.getItemTextProps(r),e);return s.jsxRuntimeExports.jsx(i.ark.span,{...a,ref:o})});_.displayName="RadioGroupItemText";const q=p.forwardRef((e,o)=>{const t=P(),r=l.mergeProps(t.getLabelProps(),e);return s.jsxRuntimeExports.jsx(i.ark.label,{...r,ref:o})});q.displayName="RadioGroupLabel";const X=e=>{const o=p.useId(),{getRootNode:t}=i.useEnvironmentContext(),{dir:r}=i.useLocaleContext(),a={id:o,dir:r,getRootNode:t,...e},n=i.useMachine(f.machine,a);return f.connect(n,i.normalizeProps)},S=p.forwardRef((e,o)=>{const[t,r]=i.createSplitProps()(e,["defaultValue","disabled","form","id","ids","name","onValueChange","orientation","readOnly","value"]),a=X(t),n=l.mergeProps(a.getRootProps(),r);return s.jsxRuntimeExports.jsx(y,{value:a,children:s.jsxRuntimeExports.jsx(i.ark.div,{...n,ref:o})})});S.displayName="RadioGroupRoot";const T=p.forwardRef((e,o)=>{const[{value:t},r]=i.createSplitProps()(e,["value"]),a=l.mergeProps(t.getRootProps(),r);return s.jsxRuntimeExports.jsx(y,{value:t,children:s.jsxRuntimeExports.jsx(i.ark.div,{...a,ref:o})})});T.displayName="RadioGroupRootProvider";const Z=p.forwardRef(function(o,t){const r=Y.useRecipe({key:"radiomark",recipe:o.recipe}),[a,n]=r.splitVariantProps(o),{checked:c,disabled:u,unstyled:m,children:x,...R}=n,j=m?F.EMPTY_STYLES:r(a),G={ref:t,"data-checked":k.dataAttr(c),"data-disabled":k.dataAttr(u),...R,css:[j,o.css]};return s.jsxRuntimeExports.jsx(V.chakra.span,{...G,children:c&&s.jsxRuntimeExports.jsx("span",{className:"dot"})})}),{withProvider:A,withContext:h,useStyles:z}=M.createSlotRecipeContext({key:"radioGroup"});A(T,"root",{forwardAsChild:!0});const ee=A(S,"root",{forwardAsChild:!0});h(q,"label",{forwardAsChild:!0});const oe=h(N,"item",{forwardAsChild:!0}),te=h(_,"itemText",{forwardAsChild:!0});h(v,"itemControl",{forwardAsChild:!0});const re=p.forwardRef(function(o,t){const r=z();return s.jsxRuntimeExports.jsx(U,{children:a=>s.jsxRuntimeExports.jsx(v,{asChild:!0,children:s.jsxRuntimeExports.jsx(Z,{ref:t,unstyled:!0,...o,checked:a.checked,disabled:a.disabled,css:[r.itemControl,o.css]})})})}),se=w,$=E.default.forwardRef(({children:e,checked:o=!1,disabled:t=!1,invalid:r=!1,onContrast:a=!1,radioRef:n,rootRef:c,size:u="md",withCard:m=!1,...x},R)=>{const j=m?G=>{const d=(f.RadioSizeMap[u]+f.RadioTextSpacing[u]+g.CardPaddingMap[u])*4;return s.jsxRuntimeExports.jsx(g.Card,{className:"Radio__Card","data-testid":"kibble-radio-card",...!t&&{interactive:!0,invalid:r,active:!!o},onContrast:a,size:u,fullWidth:!0,display:"flex",...typeof e=="string"&&{alignItems:"center"},width:"inherit",pr:`${d}px`,children:G.children})}:E.default.Fragment;return s.jsxRuntimeExports.jsx(oe,{className:"Radio","data-testid":"kibble-radio",invalid:r,disabled:t,ref:c,...x,children:s.jsxRuntimeExports.jsxs(j,{children:[s.jsxRuntimeExports.jsx(se,{className:"Radio__Input","data-testid":"kibble-radio-input",ref:n||R}),s.jsxRuntimeExports.jsx(re,{className:"Radio__Indicator","data-testid":"kibble-radio-indicator"}),e&&s.jsxRuntimeExports.jsx(te,{className:"Radio__Text","data-testid":"kibble-radio-label",...m&&typeof e!="string"&&{mt:"-4px"},children:typeof e=="string"?s.jsxRuntimeExports.jsx(H.WrappedText,{size:u,lineHeight:"unset",variant:a?"onContrast":"default",children:e}):e})]})})});$.displayName="Radio";const ae=b.withFormControl($),L=({radios:e,defaultValue:o,direction:t="column",disabled:r,invalid:a,onContrast:n,onChange:c,size:u="md",radioType:m="default",value:x,gap:R=2,...j})=>{const G=n?"onContrast":"default";return s.jsxRuntimeExports.jsxs(ee,{className:"RadioGroup","data-testid":"kibble-radio-group",disabled:r,defaultValue:o,value:x,onValueChange:({value:d})=>c?.(d),size:u,variant:G,...j,children:[m==="default"&&s.jsxRuntimeExports.jsx(D.Stack,{gap:R,direction:t,children:e.map((d,C)=>s.jsxRuntimeExports.jsx(ae,{invalid:a,disabled:r,checked:o===d.value||x===d.value,size:u,...t==="row"&&{fullWidth:!1},...d},`radio-${C}`))}),m==="buttons"&&s.jsxRuntimeExports.jsx(B.ButtonGroup,{onContrast:n,variant:"secondarySubtle",size:u,buttons:e.map((d,C)=>{const W=o===d.value||x===d.value;return{key:`button-radio-${C}`,children:d.children,active:W,disabled:r,onClick:()=>c?.(d.value)}})})]})};L.displayName="RadioGroup";const ie=b.withFormControl(L);exports.WrappedRadioGroup=ie;
-//# sourceMappingURL=radioGroup.component-BiLIdd0l.js.map
+"use strict";const s=require("./jsx-runtime-BjDatQAs.js"),b=require("./withFormControl-ClG2Nbcf.js"),p=require("react"),g=require("./card.component-KNc4HKSh.js"),f=require("./radio.records-j0JOqaJ4.js"),H=require("./text.component-waIIFgwB.js"),M=require("./create-slot-recipe-context-IwVIgtBt.js"),k=require("./attr-BMs6szZx.js"),F=require("./empty-B5_AO6Pg.js"),V=require("./factory-D6tdBUPG.js"),Y=require("./use-recipe-DaPWl_pL.js"),i=require("./use-locale-context-D0LByRu9.js"),l=require("./index-CHIISuTq.js"),B=require("./buttonGroup.component-BVPTUIF5.js"),D=require("./stack-BKu3hWEQ.js"),O=e=>e&&e.__esModule?e:{default:e},E=O(p),[y,P]=i.createContext({name:"RadioGroupContext",hookName:"useRadioGroupContext",providerName:"<RadioGroupProvider />"}),[J,K]=i.createContext({name:"RadioGroupItemContext",hookName:"useRadioGroupItemContext",providerName:"<RadioGroupItemProvider />"}),[Q,C]=i.createContext({name:"RadioGroupItemPropsContext",hookName:"useRadioGroupItemPropsContext",providerName:"<RadioGroupItemPropsProvider />"}),N=p.forwardRef((e,o)=>{const[t,r]=i.createSplitProps()(e,["value","disabled","invalid"]),a=P(),n=l.mergeProps(a.getItemProps(t),r),c=a.getItemState(t);return s.jsxRuntimeExports.jsx(J,{value:c,children:s.jsxRuntimeExports.jsx(Q,{value:t,children:s.jsxRuntimeExports.jsx(i.ark.label,{...n,ref:o})})})});N.displayName="RadioGroupItem";const U=e=>e.children(K()),v=p.forwardRef((e,o)=>{const t=P(),r=C(),a=l.mergeProps(t.getItemControlProps(r),e);return s.jsxRuntimeExports.jsx(i.ark.div,{...a,ref:o})});v.displayName="RadioGroupItemControl";const w=p.forwardRef((e,o)=>{const t=P(),r=C(),a=l.mergeProps(t.getItemHiddenInputProps(r),e);return s.jsxRuntimeExports.jsx(i.ark.input,{...a,ref:o})});w.displayName="RadioGroupItemHiddenInput";const _=p.forwardRef((e,o)=>{const t=P(),r=C(),a=l.mergeProps(t.getItemTextProps(r),e);return s.jsxRuntimeExports.jsx(i.ark.span,{...a,ref:o})});_.displayName="RadioGroupItemText";const q=p.forwardRef((e,o)=>{const t=P(),r=l.mergeProps(t.getLabelProps(),e);return s.jsxRuntimeExports.jsx(i.ark.label,{...r,ref:o})});q.displayName="RadioGroupLabel";const X=e=>{const o=p.useId(),{getRootNode:t}=i.useEnvironmentContext(),{dir:r}=i.useLocaleContext(),a={id:o,dir:r,getRootNode:t,...e},n=i.useMachine(f.machine,a);return f.connect(n,i.normalizeProps)},S=p.forwardRef((e,o)=>{const[t,r]=i.createSplitProps()(e,["defaultValue","disabled","form","id","ids","name","onValueChange","orientation","readOnly","value"]),a=X(t),n=l.mergeProps(a.getRootProps(),r);return s.jsxRuntimeExports.jsx(y,{value:a,children:s.jsxRuntimeExports.jsx(i.ark.div,{...n,ref:o})})});S.displayName="RadioGroupRoot";const T=p.forwardRef((e,o)=>{const[{value:t},r]=i.createSplitProps()(e,["value"]),a=l.mergeProps(t.getRootProps(),r);return s.jsxRuntimeExports.jsx(y,{value:t,children:s.jsxRuntimeExports.jsx(i.ark.div,{...a,ref:o})})});T.displayName="RadioGroupRootProvider";const Z=p.forwardRef(function(o,t){const r=Y.useRecipe({key:"radiomark",recipe:o.recipe}),[a,n]=r.splitVariantProps(o),{checked:c,disabled:u,unstyled:m,children:x,...R}=n,j=m?F.EMPTY_STYLES:r(a),G={ref:t,"data-checked":k.dataAttr(c),"data-disabled":k.dataAttr(u),...R,css:[j,o.css]};return s.jsxRuntimeExports.jsx(V.chakra.span,{...G,children:c&&s.jsxRuntimeExports.jsx("span",{className:"dot"})})}),{withProvider:A,withContext:h,useStyles:z}=M.createSlotRecipeContext({key:"radioGroup"});A(T,"root",{forwardAsChild:!0});const ee=A(S,"root",{forwardAsChild:!0});h(q,"label",{forwardAsChild:!0});const oe=h(N,"item",{forwardAsChild:!0}),te=h(_,"itemText",{forwardAsChild:!0});h(v,"itemControl",{forwardAsChild:!0});const re=p.forwardRef(function(o,t){const r=z();return s.jsxRuntimeExports.jsx(U,{children:a=>s.jsxRuntimeExports.jsx(v,{asChild:!0,children:s.jsxRuntimeExports.jsx(Z,{ref:t,unstyled:!0,...o,checked:a.checked,disabled:a.disabled,css:[r.itemControl,o.css]})})})}),se=w,$=E.default.forwardRef(({children:e,checked:o=!1,disabled:t=!1,invalid:r=!1,onContrast:a=!1,radioRef:n,rootRef:c,size:u="md",withCard:m=!1,...x},R)=>{const j=m?G=>{const d=(f.RadioSizeMap[u]+f.RadioTextSpacing[u]+g.CardPaddingMap[u])*4;return s.jsxRuntimeExports.jsx(g.Card,{className:"Radio__Card","data-testid":"kibble-radio-card",...!t&&{interactive:!0,invalid:r,active:!!o},onContrast:a,size:u,fullWidth:!0,display:"flex",...typeof e=="string"&&{alignItems:"center"},width:"inherit",pr:`${d}px`,children:G.children})}:E.default.Fragment;return s.jsxRuntimeExports.jsx(oe,{className:"Radio","data-testid":"kibble-radio",invalid:r,disabled:t,ref:c,...x,children:s.jsxRuntimeExports.jsxs(j,{children:[s.jsxRuntimeExports.jsx(se,{className:"Radio__Input","data-testid":"kibble-radio-input",ref:n||R}),s.jsxRuntimeExports.jsx(re,{className:"Radio__Indicator","data-testid":"kibble-radio-indicator"}),e&&s.jsxRuntimeExports.jsx(te,{className:"Radio__Text","data-testid":"kibble-radio-label",...m&&{w:"100%"},...m&&typeof e!="string"&&{mt:"-4px"},children:typeof e=="string"?s.jsxRuntimeExports.jsx(H.WrappedText,{size:u,lineHeight:"unset",variant:a?"onContrast":"default",children:e}):e})]})})});$.displayName="Radio";const ae=b.withFormControl($),L=({radios:e,defaultValue:o,direction:t="column",disabled:r,invalid:a,onContrast:n,onChange:c,size:u="md",radioType:m="default",value:x,gap:R=2,...j})=>{const G=n?"onContrast":"default";return s.jsxRuntimeExports.jsxs(ee,{className:"RadioGroup","data-testid":"kibble-radio-group",disabled:r,defaultValue:o,value:x,onValueChange:({value:d})=>c?.(d),size:u,variant:G,...j,children:[m==="default"&&s.jsxRuntimeExports.jsx(D.Stack,{gap:R,direction:t,children:e.map((d,I)=>s.jsxRuntimeExports.jsx(ae,{invalid:a,disabled:r,checked:o===d.value||x===d.value,size:u,...t==="row"&&{fullWidth:!1},...d},`radio-${I}`))}),m==="buttons"&&s.jsxRuntimeExports.jsx(B.ButtonGroup,{onContrast:n,variant:"secondarySubtle",size:u,buttons:e.map((d,I)=>{const W=o===d.value||x===d.value;return{key:`button-radio-${I}`,children:d.children,active:W,disabled:r,onClick:()=>c?.(d.value)}})})]})};L.displayName="RadioGroup";const ie=b.withFormControl(L);exports.WrappedRadioGroup=ie;
+//# sourceMappingURL=radioGroup.component-D6k2Nuu6.js.map

package/dist/chunks/{radioGroup.component-BiLIdd0l.js.map → radioGroup.component-D6k2Nuu6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.component-BiLIdd0l.js","sources":["../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-item-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-item-props-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-control.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-hidden-input.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-text.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-label.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-root.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/radiomark/radiomark.js","../../node_modules/@chakra-ui/react/dist/esm/components/radio-group/radio-group.js","../../src/components/RadioGroup/components/Radio/radio.component.tsx","../../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupProvider, useRadioGroupContext] = createContext({\n  name: \"RadioGroupContext\",\n  hookName: \"useRadioGroupContext\",\n  providerName: \"<RadioGroupProvider />\"\n});\n\nexport { RadioGroupProvider, useRadioGroupContext };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupItemProvider, useRadioGroupItemContext] = createContext({\n  name: \"RadioGroupItemContext\",\n  hookName: \"useRadioGroupItemContext\",\n  providerName: \"<RadioGroupItemProvider />\"\n});\n\nexport { RadioGroupItemProvider, useRadioGroupItemContext };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupItemPropsProvider, useRadioGroupItemPropsContext] = createContext({\n  name: \"RadioGroupItemPropsContext\",\n  hookName: \"useRadioGroupItemPropsContext\",\n  providerName: \"<RadioGroupItemPropsProvider />\"\n});\n\nexport { RadioGroupItemPropsProvider, useRadioGroupItemPropsContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { RadioGroupItemProvider } from './use-radio-group-item-context.js';\nimport { RadioGroupItemPropsProvider } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItem = forwardRef((props, ref) => {\n  const [itemProps, localProps] = createSplitProps()(props, [\"value\", \"disabled\", \"invalid\"]);\n  const radioGroup = useRadioGroupContext();\n  const mergedProps = mergeProps(radioGroup.getItemProps(itemProps), localProps);\n  const itemState = radioGroup.getItemState(itemProps);\n  return /* @__PURE__ */ jsx(RadioGroupItemProvider, { value: itemState, children: /* @__PURE__ */ jsx(RadioGroupItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) }) });\n});\nRadioGroupItem.displayName = \"RadioGroupItem\";\n\nexport { RadioGroupItem };\n","'use client';\nimport { useRadioGroupItemContext } from './use-radio-group-item-context.js';\n\nconst RadioGroupItemContext = (props) => props.children(useRadioGroupItemContext());\n\nexport { RadioGroupItemContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemControl = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const itemProps = useRadioGroupItemPropsContext();\n  const mergedProps = mergeProps(radioGroup.getItemControlProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nRadioGroupItemControl.displayName = \"RadioGroupItemControl\";\n\nexport { RadioGroupItemControl };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemHiddenInput = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const itemProps = useRadioGroupItemPropsContext();\n  const mergedProps = mergeProps(radioGroup.getItemHiddenInputProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });\n});\nRadioGroupItemHiddenInput.displayName = \"RadioGroupItemHiddenInput\";\n\nexport { RadioGroupItemHiddenInput };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemText = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const itemProps = useRadioGroupItemPropsContext();\n  const mergedProps = mergeProps(radioGroup.getItemTextProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nRadioGroupItemText.displayName = \"RadioGroupItemText\";\n\nexport { RadioGroupItemText };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\n\nconst RadioGroupLabel = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const mergedProps = mergeProps(radioGroup.getLabelProps(), props);\n  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });\n});\nRadioGroupLabel.displayName = \"RadioGroupLabel\";\n\nexport { RadioGroupLabel };\n","'use client';\nimport * as radio from '@zag-js/radio-group';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useRadioGroup = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const machineProps = {\n    id,\n    dir,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(radio.machine, machineProps);\n  return radio.connect(service, normalizeProps);\n};\n\nexport { useRadioGroup };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useRadioGroup } from './use-radio-group.js';\nimport { RadioGroupProvider } from './use-radio-group-context.js';\n\nconst RadioGroupRoot = forwardRef((props, ref) => {\n  const [useRadioGroupProps, localProps] = createSplitProps()(props, [\n    \"defaultValue\",\n    \"disabled\",\n    \"form\",\n    \"id\",\n    \"ids\",\n    \"name\",\n    \"onValueChange\",\n    \"orientation\",\n    \"readOnly\",\n    \"value\"\n  ]);\n  const radioGroup = useRadioGroup(useRadioGroupProps);\n  const mergedProps = mergeProps(radioGroup.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(RadioGroupProvider, { value: radioGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nRadioGroupRoot.displayName = \"RadioGroupRoot\";\n\nexport { RadioGroupRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { RadioGroupProvider } from './use-radio-group-context.js';\n\nconst RadioGroupRootProvider = forwardRef((props, ref) => {\n  const [{ value: radioGroup }, localProps] = createSplitProps()(props, [\"value\"]);\n  const mergedProps = mergeProps(radioGroup.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(RadioGroupProvider, { value: radioGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nRadioGroupRootProvider.displayName = \"RadioGroupRootProvider\";\n\nexport { RadioGroupRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { dataAttr } from '../../utils/attr.js';\nimport { EMPTY_STYLES } from '../../styled-system/empty.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useRecipe } from '../../styled-system/use-recipe.js';\n\nconst Radiomark = forwardRef(\n  function Radiomark2(props, ref) {\n    const recipe = useRecipe({ key: \"radiomark\", recipe: props.recipe });\n    const [variantProps, restProps] = recipe.splitVariantProps(props);\n    const { checked, disabled, unstyled, children, ...rest } = restProps;\n    const styles = unstyled ? EMPTY_STYLES : recipe(variantProps);\n    const sharedProps = {\n      ref,\n      \"data-checked\": dataAttr(checked),\n      \"data-disabled\": dataAttr(disabled),\n      ...rest,\n      css: [styles, props.css]\n    };\n    return /* @__PURE__ */ jsx(chakra.span, { ...sharedProps, children: checked && /* @__PURE__ */ jsx(\"span\", { className: \"dot\" }) });\n  }\n);\n\nexport { Radiomark };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { RadioGroup } from '@ark-ui/react/radio-group';\nimport { forwardRef } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { Radiomark } from '../radiomark/radiomark.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useRadioGroupStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"radioGroup\" });\nconst RadioGroupRootProvider = withProvider(RadioGroup.RootProvider, \"root\", { forwardAsChild: true });\nconst RadioGroupRoot = withProvider(\n  RadioGroup.Root,\n  \"root\",\n  { forwardAsChild: true }\n);\nconst RadioGroupPropsProvider = PropsProvider;\nconst RadioGroupLabel = withContext(RadioGroup.Label, \"label\", { forwardAsChild: true });\nconst RadioGroupItem = withContext(\n  RadioGroup.Item,\n  \"item\",\n  { forwardAsChild: true }\n);\nconst RadioGroupItemText = withContext(RadioGroup.ItemText, \"itemText\", { forwardAsChild: true });\nconst RadioGroupItemControl = withContext(RadioGroup.ItemControl, \"itemControl\", { forwardAsChild: true });\nconst RadioGroupItemIndicator = forwardRef(function RadioGroupItemIndicator2(props, ref) {\n  const styles = useRadioGroupStyles();\n  return /* @__PURE__ */ jsx(RadioGroup.ItemContext, { children: (itemState) => /* @__PURE__ */ jsx(RadioGroup.ItemControl, { asChild: true, children: /* @__PURE__ */ jsx(\n    Radiomark,\n    {\n      ref,\n      unstyled: true,\n      ...props,\n      checked: itemState.checked,\n      disabled: itemState.disabled,\n      css: [styles[\"itemControl\"], props.css]\n    }\n  ) }) });\n});\nconst RadioGroupContext = RadioGroup.Context;\nconst RadioGroupItemContext = RadioGroup.ItemContext;\nconst RadioGroupItemHiddenInput = RadioGroup.ItemHiddenInput;\n\nexport { RadioGroupContext, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemIndicator, RadioGroupItemText, RadioGroupLabel, RadioGroupPropsProvider, RadioGroupRoot, RadioGroupRootProvider, useRadioGroupStyles };\n","import React from 'react';\nimport { RadioGroup } from '@chakra-ui/react/radio-group';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { Card, CardProps } from 'components/Card/card.component';\nimport { CardPaddingMap } from 'components/Card/card.records';\nimport { RadioSizeMap, RadioTextSpacing } from './radio.records';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Text } from 'components/Text/text.component';\n\nexport interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {\n  checked?: boolean;\n  onContrast?: boolean;\n  radioRef?: React.Ref<HTMLInputElement | null>;\n  rootRef?: React.Ref<HTMLDivElement | null>;\n  size?: FormControlSize;\n  withCard?: boolean;\n}\n\nconst Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      children,\n      checked = false,\n      disabled = false,\n      invalid = false,\n      onContrast = false,\n      radioRef,\n      rootRef,\n      size = 'md',\n      withCard = false,\n      ...rest\n    },\n    ref,\n  ): React.JSX.Element => {\n    const RadioCard: React.FC<CardProps> = withCard\n      ? (props): React.JSX.Element => {\n          const pr = (RadioSizeMap[size] + RadioTextSpacing[size] + CardPaddingMap[size]) * 4;\n          return (\n            <Card\n              className=\"Radio__Card\"\n              data-testid=\"kibble-radio-card\"\n              {...(!disabled && {\n                interactive: true,\n                invalid,\n                active: !!checked,\n              })}\n              onContrast={onContrast}\n              size={size}\n              fullWidth\n              display=\"flex\"\n              {...(typeof children === 'string' && { alignItems: 'center' })}\n              width=\"inherit\"\n              pr={`${pr}px`}\n            >\n              {props.children}\n            </Card>\n          );\n        }\n      : React.Fragment;\n\n    return (\n      <RadioGroup.Item\n        className=\"Radio\"\n        data-testid=\"kibble-radio\"\n        invalid={invalid}\n        disabled={disabled}\n        ref={rootRef}\n        {...rest}\n      >\n        <RadioCard>\n          <RadioGroup.ItemHiddenInput className=\"Radio__Input\" data-testid=\"kibble-radio-input\" ref={radioRef || ref} />\n          <RadioGroup.ItemIndicator className=\"Radio__Indicator\" data-testid=\"kibble-radio-indicator\" />\n          {children && (\n            <RadioGroup.ItemText\n              className=\"Radio__Text\"\n              data-testid=\"kibble-radio-label\"\n              {...(withCard && typeof children !== 'string' && { mt: '-4px' })}\n            >\n              {typeof children === 'string' ? (\n                <Text size={size} lineHeight=\"unset\" variant={onContrast ? 'onContrast' : 'default'}>\n                  {children}\n                </Text>\n              ) : (\n                children\n              )}\n            </RadioGroup.ItemText>\n          )}\n        </RadioCard>\n      </RadioGroup.Item>\n    );\n  },\n);\n\nRadio.displayName = 'Radio';\nconst WrappedRadio = withFormControl<RadioProps>(Radio);\n\nexport { WrappedRadio as Radio };\n","import React from 'react';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Radio, RadioProps } from './components/Radio/radio.component';\nimport { RadioGroup as CRadioGroup } from '@chakra-ui/react/radio-group';\nimport { Stack } from '@chakra-ui/react/stack';\nimport { ConditionalValue } from '@chakra-ui/react/styled-system';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { ButtonGroup } from 'components/ButtonGroup';\n\nexport interface KRadioGroupProps\n  extends WithFormControlProps,\n    Omit<CRadioGroup.RootProps, 'onValueChange' | 'onChange'> {\n  direction?: ConditionalValue<FlexDirection>;\n  onChange?: (value: string | null) => void;\n  size?: FormControlSize;\n}\n\ninterface ButtonRadioGroupProps extends KRadioGroupProps {\n  radioType?: 'buttons';\n  radios: Omit<RadioProps, 'withCard'>[];\n}\n\ninterface DefaultRadioGroupProps extends KRadioGroupProps {\n  radioType?: 'default';\n  radios: RadioProps[];\n}\n\nexport type RadioGroupProps = ButtonRadioGroupProps | DefaultRadioGroupProps;\n\nconst RadioGroup = ({\n  radios,\n  defaultValue,\n  direction = 'column',\n  disabled,\n  invalid,\n  onContrast,\n  onChange,\n  size = 'md',\n  radioType = 'default',\n  value,\n  gap = 2,\n  ...rest\n}: RadioGroupProps): React.JSX.Element => {\n  const _computedVariant = onContrast ? 'onContrast' : 'default';\n  return (\n    <CRadioGroup.Root\n      className=\"RadioGroup\"\n      data-testid=\"kibble-radio-group\"\n      disabled={disabled}\n      defaultValue={defaultValue}\n      value={value}\n      onValueChange={({ value }) => onChange?.(value)}\n      size={size}\n      variant={_computedVariant}\n      {...rest}\n    >\n      {radioType === 'default' && (\n        <Stack gap={gap} direction={direction}>\n          {radios.map((radio, index) => (\n            <Radio\n              key={`radio-${index}`}\n              invalid={invalid}\n              disabled={disabled}\n              checked={defaultValue === radio.value || value === radio.value}\n              size={size}\n              {...(direction === 'row' && { fullWidth: false })}\n              {...radio}\n            />\n          ))}\n        </Stack>\n      )}\n      {radioType === 'buttons' && (\n        <ButtonGroup\n          onContrast={onContrast}\n          variant=\"secondarySubtle\"\n          size={size}\n          buttons={radios.map((radio, index) => {\n            const active = defaultValue === radio.value || value === radio.value;\n            return {\n              key: `button-radio-${index}`,\n              children: radio.children,\n              active,\n              disabled,\n              onClick: () => onChange?.(radio.value),\n            };\n          })}\n        />\n      )}\n    </CRadioGroup.Root>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["RadioGroupProvider","useRadioGroupContext","createContext","RadioGroupItemProvider","useRadioGroupItemContext","RadioGroupItemPropsProvider","useRadioGroupItemPropsContext","RadioGroupItem","forwardRef","props","ref","itemProps","localProps","createSplitProps","radioGroup","mergedProps","mergeProps","itemState","jsx","ark","RadioGroupItemContext","RadioGroupItemControl","RadioGroupItemHiddenInput","RadioGroupItemText","RadioGroupLabel","useRadioGroup","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","radio.machine","radio.connect","normalizeProps","RadioGroupRoot","useRadioGroupProps","RadioGroupRootProvider","Radiomark","recipe","useRecipe","variantProps","restProps","checked","disabled","unstyled","children","rest","styles","EMPTY_STYLES","sharedProps","dataAttr","chakra","withProvider","withContext","useRadioGroupStyles","createSlotRecipeContext","RadioGroup.RootProvider","RadioGroup.Root","RadioGroup.Label","RadioGroup.Item","RadioGroup.ItemText","RadioGroup.ItemControl","RadioGroupItemIndicator","RadioGroup.ItemContext","RadioGroup.ItemHiddenInput","Radio","React","invalid","onContrast","radioRef","rootRef","size","withCard","RadioCard","pr","RadioSizeMap","RadioTextSpacing","CardPaddingMap","Card","RadioGroup.ItemIndicator","Text","WrappedRadio","withFormControl","RadioGroup","radios","defaultValue","direction","onChange","radioType","value","gap","_computedVariant","jsxs","CRadioGroup.Root","Stack","radio","index","ButtonGroup","active","WrappedRadioGroup"],"mappings":"goBAGM,CAACA,EAAoBC,CAAoB,EAAIC,gBAAc,CAC/D,KAAM,oBACN,SAAU,uBACV,aAAc,wBAChB,CAAC,ECJK,CAACC,EAAwBC,CAAwB,EAAIF,gBAAc,CACvE,KAAM,wBACN,SAAU,2BACV,aAAc,4BAChB,CAAC,ECJK,CAACG,EAA6BC,CAA6B,EAAIJ,gBAAc,CACjF,KAAM,6BACN,SAAU,gCACV,aAAc,iCAChB,CAAC,ECGKK,EAAiBC,EAAU,WAAC,CAACC,EAAOC,IAAQ,CAChD,KAAM,CAACC,EAAWC,CAAU,EAAIC,EAAgB,iBAAA,EAAGJ,EAAO,CAAC,QAAS,WAAY,SAAS,CAAC,EACpFK,EAAab,EAAsB,EACnCc,EAAcC,EAAAA,WAAWF,EAAW,aAAaH,CAAS,EAAGC,CAAU,EACvEK,EAAYH,EAAW,aAAaH,CAAS,EACnD,OAAuBO,EAAG,kBAAA,IAACf,EAAwB,CAAE,MAAOc,EAAW,SAA0BC,EAAAA,kBAAAA,IAAIb,EAA6B,CAAE,MAAOM,EAAW,SAA0BO,EAAAA,kBAAAA,IAAIC,EAAG,IAAC,MAAO,CAAE,GAAGJ,EAAa,IAAAL,CAAG,CAAE,CAAG,CAAA,EAAG,CAC9N,CAAC,EACDH,EAAe,YAAc,iBCd7B,MAAMa,EAAyBX,GAAUA,EAAM,SAASL,EAAwB,CAAE,ECK5EiB,EAAwBb,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACvD,MAAMI,EAAab,EAAsB,EACnCU,EAAYL,EAA+B,EAC3CS,EAAcC,EAAAA,WAAWF,EAAW,oBAAoBH,CAAS,EAAGF,CAAK,EAC/E,OAAuBS,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,IAAK,CAAE,GAAGJ,EAAa,IAAAL,EAAK,CAC7D,CAAC,EACDW,EAAsB,YAAc,wBCNpC,MAAMC,EAA4Bd,EAAU,WAAC,CAACC,EAAOC,IAAQ,CAC3D,MAAMI,EAAab,EAAsB,EACnCU,EAAYL,EAA+B,EAC3CS,EAAcC,EAAAA,WAAWF,EAAW,wBAAwBH,CAAS,EAAGF,CAAK,EACnF,OAAuBS,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,MAAO,CAAE,GAAGJ,EAAa,IAAAL,EAAK,CAC/D,CAAC,EACDY,EAA0B,YAAc,4BCNxC,MAAMC,EAAqBf,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACpD,MAAMI,EAAab,EAAsB,EACnCU,EAAYL,EAA+B,EAC3CS,EAAcC,EAAAA,WAAWF,EAAW,iBAAiBH,CAAS,EAAGF,CAAK,EAC5E,OAAuBS,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,KAAM,CAAE,GAAGJ,EAAa,IAAAL,EAAK,CAC9D,CAAC,EACDa,EAAmB,YAAc,qBCPjC,MAAMC,EAAkBhB,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACjD,MAAMI,EAAab,EAAsB,EACnCc,EAAcC,EAAU,WAACF,EAAW,cAAa,EAAIL,CAAK,EAChE,OAAuBS,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,MAAO,CAAE,GAAGJ,EAAa,IAAAL,EAAK,CAC/D,CAAC,EACDc,EAAgB,YAAc,kBCL9B,MAAMC,EAAiBhB,GAAU,CAC/B,MAAMiB,EAAKC,EAAAA,MAAO,EACZ,CAAE,YAAAC,CAAa,EAAGC,wBAAuB,EACzC,CAAE,IAAAC,CAAK,EAAGC,mBAAkB,EAC5BC,EAAe,CACnB,GAAAN,EACA,IAAAI,EACA,YAAAF,EACA,GAAGnB,CACJ,EACKwB,EAAUC,EAAAA,WAAWC,EAAa,QAAEH,CAAY,EACtD,OAAOI,EAAa,QAACH,EAASI,gBAAc,CAC9C,ECVMC,EAAiB9B,EAAU,WAAC,CAACC,EAAOC,IAAQ,CAChD,KAAM,CAAC6B,EAAoB3B,CAAU,EAAIC,EAAgB,iBAAA,EAAGJ,EAAO,CACjE,eACA,WACA,OACA,KACA,MACA,OACA,gBACA,cACA,WACA,OACJ,CAAG,EACKK,EAAaW,EAAcc,CAAkB,EAC7CxB,EAAcC,EAAU,WAACF,EAAW,aAAY,EAAIF,CAAU,EACpE,OAAuBM,EAAG,kBAAA,IAAClB,EAAoB,CAAE,MAAOc,EAAY,SAA0BI,EAAAA,kBAAAA,IAAIC,EAAG,IAAC,IAAK,CAAE,GAAGJ,EAAa,IAAAL,CAAG,CAAE,CAAC,CAAE,CACvI,CAAC,EACD4B,EAAe,YAAc,iBClB7B,MAAME,EAAyBhC,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACxD,KAAM,CAAC,CAAE,MAAOI,GAAcF,CAAU,EAAIC,EAAAA,mBAAmBJ,EAAO,CAAC,OAAO,CAAC,EACzEM,EAAcC,EAAU,WAACF,EAAW,aAAY,EAAIF,CAAU,EACpE,OAAuBM,EAAG,kBAAA,IAAClB,EAAoB,CAAE,MAAOc,EAAY,SAA0BI,EAAAA,kBAAAA,IAAIC,EAAG,IAAC,IAAK,CAAE,GAAGJ,EAAa,IAAAL,CAAG,CAAE,CAAC,CAAE,CACvI,CAAC,EACD8B,EAAuB,YAAc,yBCJrC,MAAMC,EAAYjC,EAAU,WAC1B,SAAoBC,EAAOC,EAAK,CAC9B,MAAMgC,EAASC,EAAS,UAAC,CAAE,IAAK,YAAa,OAAQlC,EAAM,OAAQ,EAC7D,CAACmC,EAAcC,CAAS,EAAIH,EAAO,kBAAkBjC,CAAK,EAC1D,CAAE,QAAAqC,EAAS,SAAAC,EAAU,SAAAC,EAAU,SAAAC,EAAU,GAAGC,CAAI,EAAKL,EACrDM,EAASH,EAAWI,eAAeV,EAAOE,CAAY,EACtDS,EAAc,CAClB,IAAA3C,EACA,eAAgB4C,EAAQ,SAACR,CAAO,EAChC,gBAAiBQ,EAAQ,SAACP,CAAQ,EAClC,GAAGG,EACH,IAAK,CAACC,EAAQ1C,EAAM,GAAG,CACxB,EACD,OAAuBS,EAAG,kBAAA,IAACqC,EAAM,OAAC,KAAM,CAAE,GAAGF,EAAa,SAAUP,GAA2B5B,EAAAA,kBAAAA,IAAI,OAAQ,CAAE,UAAW,KAAK,CAAE,CAAC,CAAE,CACtI,CACA,EChBM,CACJ,aAAAsC,EACA,YAAAC,EACA,UAAWC,CAEb,EAAIC,EAAAA,wBAAwB,CAAE,IAAK,YAAY,CAAE,EAClBH,EAAaI,EAAyB,OAAQ,CAAE,eAAgB,EAAM,CAAA,EACrG,MAAMtB,GAAiBkB,EACrBK,EACA,OACA,CAAE,eAAgB,EAAI,CACxB,EAEwBJ,EAAYK,EAAkB,QAAS,CAAE,eAAgB,EAAM,CAAA,EACvF,MAAMvD,GAAiBkD,EACrBM,EACA,OACA,CAAE,eAAgB,EAAI,CACxB,EACMxC,GAAqBkC,EAAYO,EAAqB,WAAY,CAAE,eAAgB,GAAM,EAClEP,EAAYQ,EAAwB,cAAe,CAAE,eAAgB,EAAM,CAAA,EACzG,MAAMC,GAA0B1D,EAAAA,WAAW,SAAkCC,EAAOC,EAAK,CACvF,MAAMyC,EAASO,EAAqB,EACpC,OAAuBxC,wBAAIiD,EAAwB,CAAE,SAAWlD,GAA8BC,wBAAI+C,EAAwB,CAAE,QAAS,GAAM,SAA0B/C,EAAG,kBAAA,IACtKuB,EACA,CACE,IAAA/B,EACA,SAAU,GACV,GAAGD,EACH,QAASQ,EAAU,QACnB,SAAUA,EAAU,SACpB,IAAK,CAACkC,EAAO,YAAgB1C,EAAM,GAAG,CAC5C,CACG,CAAA,CAAE,CAAC,CAAE,CACR,CAAC,EAGKa,GAA4B8C,EC3B5BC,EAAQC,EAAM,QAAA,WAClB,CACE,CACE,SAAArB,EACA,QAAAH,EAAU,GACV,SAAAC,EAAW,GACX,QAAAwB,EAAU,GACV,WAAAC,EAAa,GACb,SAAAC,EACA,QAAAC,EACA,KAAAC,EAAO,KACP,SAAAC,EAAW,GACX,GAAG1B,GAELxC,IACsB,CAChB,MAAAmE,EAAiCD,EAClCnE,GAA6B,CACtB,MAAAqE,GAAMC,eAAaJ,CAAI,EAAIK,mBAAiBL,CAAI,EAAIM,EAAAA,eAAeN,CAAI,GAAK,EAEhF,OAAAzD,EAAA,kBAAA,IAACgE,EAAA,KAAA,CACC,UAAU,cACV,cAAY,oBACX,GAAI,CAACnC,GAAY,CAChB,YAAa,GACb,QAAAwB,EACA,OAAQ,CAAC,CAACzB,CACZ,EACA,WAAA0B,EACA,KAAAG,EACA,UAAS,GACT,QAAQ,OACP,GAAI,OAAO1B,GAAa,UAAY,CAAE,WAAY,QAAS,EAC5D,MAAM,UACN,GAAI,GAAG6B,CAAE,KAER,SAAMrE,EAAA,QAAA,CACT,GAGJ6D,EAAM,QAAA,SAGR,OAAApD,EAAA,kBAAA,IAAC6C,GAAA,CACC,UAAU,QACV,cAAY,eACZ,QAAAQ,EACA,SAAAxB,EACA,IAAK2B,EACJ,GAAGxB,EAEJ,kCAAC2B,EACC,CAAA,SAAA,CAAC3D,wBAAAkD,GAAA,CAA2B,UAAU,eAAe,cAAY,qBAAqB,IAAKK,GAAY/D,EAAK,0BAC3GyE,GAAA,CAAyB,UAAU,mBAAmB,cAAY,yBAAyB,EAC3FlC,GACC/B,EAAA,kBAAA,IAAC8C,GAAA,CACC,UAAU,cACV,cAAY,qBACX,GAAIY,GAAY,OAAO3B,GAAa,UAAY,CAAE,GAAI,MAAO,EAE7D,SAAO,OAAAA,GAAa,SACnB/B,EAAAA,kBAAAA,IAACkE,EAAAA,YAAK,CAAA,KAAAT,EAAY,WAAW,QAAQ,QAASH,EAAa,aAAe,UACvE,SAAAvB,EACH,EAEAA,CAAA,CAAA,CAEJ,CAEJ,CAAA,CAAA,CACF,CAAA,CAGN,EAEAoB,EAAM,YAAc,QACpB,MAAMgB,GAAeC,kBAA4BjB,CAAK,EChEhDkB,EAAa,CAAC,CAClB,OAAAC,EACA,aAAAC,EACA,UAAAC,EAAY,SACZ,SAAA3C,EACA,QAAAwB,EACA,WAAAC,EACA,SAAAmB,EACA,KAAAhB,EAAO,KACP,UAAAiB,EAAY,UACZ,MAAAC,EACA,IAAAC,EAAM,EACN,GAAG5C,CACL,IAA0C,CAClC,MAAA6C,EAAmBvB,EAAa,aAAe,UAEnD,OAAAwB,EAAA,kBAAA,KAACC,GAAA,CACC,UAAU,aACV,cAAY,qBACZ,SAAAlD,EACA,aAAA0C,EACA,MAAAI,EACA,cAAe,CAAC,CAAE,MAAAA,CAAM,IAAMF,IAAWE,CAAK,EAC9C,KAAAlB,EACA,QAASoB,EACR,GAAG7C,EAEH,SAAA,CAAc0C,IAAA,mCACZM,EAAM,MAAA,CAAA,IAAAJ,EAAU,UAAAJ,EACd,SAAOF,EAAA,IAAI,CAACW,EAAOC,IAClBlF,EAAA,kBAAA,IAACmD,GAAA,CAEC,QAAAE,EACA,SAAAxB,EACA,QAAS0C,IAAiBU,EAAM,OAASN,IAAUM,EAAM,MACzD,KAAAxB,EACC,GAAIe,IAAc,OAAS,CAAE,UAAW,EAAM,EAC9C,GAAGS,CAAA,EANC,SAASC,CAAK,EAQtB,CAAA,EACH,EAEDR,IAAc,WACb1E,EAAA,kBAAA,IAACmF,EAAA,YAAA,CACC,WAAA7B,EACA,QAAQ,kBACR,KAAAG,EACA,QAASa,EAAO,IAAI,CAACW,EAAOC,IAAU,CACpC,MAAME,EAASb,IAAiBU,EAAM,OAASN,IAAUM,EAAM,MACxD,MAAA,CACL,IAAK,gBAAgBC,CAAK,GAC1B,SAAUD,EAAM,SAChB,OAAAG,EACA,SAAAvD,EACA,QAAS,IAAM4C,IAAWQ,EAAM,KAAK,CACvC,CACD,CAAA,CAAA,CAAA,CACH,CAAA,CAEJ,CAEJ,EAEAZ,EAAW,YAAc,aACnB,MAAAgB,GAAoBjB,kBAAgBC,CAAU","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13]}
+{"version":3,"file":"radioGroup.component-D6k2Nuu6.js","sources":["../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-item-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-item-props-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-control.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-hidden-input.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-text.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-label.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-root.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/radiomark/radiomark.js","../../node_modules/@chakra-ui/react/dist/esm/components/radio-group/radio-group.js","../../src/components/RadioGroup/components/Radio/radio.component.tsx","../../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupProvider, useRadioGroupContext] = createContext({\n  name: \"RadioGroupContext\",\n  hookName: \"useRadioGroupContext\",\n  providerName: \"<RadioGroupProvider />\"\n});\n\nexport { RadioGroupProvider, useRadioGroupContext };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupItemProvider, useRadioGroupItemContext] = createContext({\n  name: \"RadioGroupItemContext\",\n  hookName: \"useRadioGroupItemContext\",\n  providerName: \"<RadioGroupItemProvider />\"\n});\n\nexport { RadioGroupItemProvider, useRadioGroupItemContext };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupItemPropsProvider, useRadioGroupItemPropsContext] = createContext({\n  name: \"RadioGroupItemPropsContext\",\n  hookName: \"useRadioGroupItemPropsContext\",\n  providerName: \"<RadioGroupItemPropsProvider />\"\n});\n\nexport { RadioGroupItemPropsProvider, useRadioGroupItemPropsContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { RadioGroupItemProvider } from './use-radio-group-item-context.js';\nimport { RadioGroupItemPropsProvider } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItem = forwardRef((props, ref) => {\n  const [itemProps, localProps] = createSplitProps()(props, [\"value\", \"disabled\", \"invalid\"]);\n  const radioGroup = useRadioGroupContext();\n  const mergedProps = mergeProps(radioGroup.getItemProps(itemProps), localProps);\n  const itemState = radioGroup.getItemState(itemProps);\n  return /* @__PURE__ */ jsx(RadioGroupItemProvider, { value: itemState, children: /* @__PURE__ */ jsx(RadioGroupItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) }) });\n});\nRadioGroupItem.displayName = \"RadioGroupItem\";\n\nexport { RadioGroupItem };\n","'use client';\nimport { useRadioGroupItemContext } from './use-radio-group-item-context.js';\n\nconst RadioGroupItemContext = (props) => props.children(useRadioGroupItemContext());\n\nexport { RadioGroupItemContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemControl = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const itemProps = useRadioGroupItemPropsContext();\n  const mergedProps = mergeProps(radioGroup.getItemControlProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nRadioGroupItemControl.displayName = \"RadioGroupItemControl\";\n\nexport { RadioGroupItemControl };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemHiddenInput = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const itemProps = useRadioGroupItemPropsContext();\n  const mergedProps = mergeProps(radioGroup.getItemHiddenInputProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });\n});\nRadioGroupItemHiddenInput.displayName = \"RadioGroupItemHiddenInput\";\n\nexport { RadioGroupItemHiddenInput };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemText = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const itemProps = useRadioGroupItemPropsContext();\n  const mergedProps = mergeProps(radioGroup.getItemTextProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nRadioGroupItemText.displayName = \"RadioGroupItemText\";\n\nexport { RadioGroupItemText };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\n\nconst RadioGroupLabel = forwardRef((props, ref) => {\n  const radioGroup = useRadioGroupContext();\n  const mergedProps = mergeProps(radioGroup.getLabelProps(), props);\n  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });\n});\nRadioGroupLabel.displayName = \"RadioGroupLabel\";\n\nexport { RadioGroupLabel };\n","'use client';\nimport * as radio from '@zag-js/radio-group';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useRadioGroup = (props) => {\n  const id = useId();\n  const { getRootNode } = useEnvironmentContext();\n  const { dir } = useLocaleContext();\n  const machineProps = {\n    id,\n    dir,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(radio.machine, machineProps);\n  return radio.connect(service, normalizeProps);\n};\n\nexport { useRadioGroup };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useRadioGroup } from './use-radio-group.js';\nimport { RadioGroupProvider } from './use-radio-group-context.js';\n\nconst RadioGroupRoot = forwardRef((props, ref) => {\n  const [useRadioGroupProps, localProps] = createSplitProps()(props, [\n    \"defaultValue\",\n    \"disabled\",\n    \"form\",\n    \"id\",\n    \"ids\",\n    \"name\",\n    \"onValueChange\",\n    \"orientation\",\n    \"readOnly\",\n    \"value\"\n  ]);\n  const radioGroup = useRadioGroup(useRadioGroupProps);\n  const mergedProps = mergeProps(radioGroup.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(RadioGroupProvider, { value: radioGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nRadioGroupRoot.displayName = \"RadioGroupRoot\";\n\nexport { RadioGroupRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { RadioGroupProvider } from './use-radio-group-context.js';\n\nconst RadioGroupRootProvider = forwardRef((props, ref) => {\n  const [{ value: radioGroup }, localProps] = createSplitProps()(props, [\"value\"]);\n  const mergedProps = mergeProps(radioGroup.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(RadioGroupProvider, { value: radioGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nRadioGroupRootProvider.displayName = \"RadioGroupRootProvider\";\n\nexport { RadioGroupRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { dataAttr } from '../../utils/attr.js';\nimport { EMPTY_STYLES } from '../../styled-system/empty.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useRecipe } from '../../styled-system/use-recipe.js';\n\nconst Radiomark = forwardRef(\n  function Radiomark2(props, ref) {\n    const recipe = useRecipe({ key: \"radiomark\", recipe: props.recipe });\n    const [variantProps, restProps] = recipe.splitVariantProps(props);\n    const { checked, disabled, unstyled, children, ...rest } = restProps;\n    const styles = unstyled ? EMPTY_STYLES : recipe(variantProps);\n    const sharedProps = {\n      ref,\n      \"data-checked\": dataAttr(checked),\n      \"data-disabled\": dataAttr(disabled),\n      ...rest,\n      css: [styles, props.css]\n    };\n    return /* @__PURE__ */ jsx(chakra.span, { ...sharedProps, children: checked && /* @__PURE__ */ jsx(\"span\", { className: \"dot\" }) });\n  }\n);\n\nexport { Radiomark };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { RadioGroup } from '@ark-ui/react/radio-group';\nimport { forwardRef } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { Radiomark } from '../radiomark/radiomark.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useRadioGroupStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"radioGroup\" });\nconst RadioGroupRootProvider = withProvider(RadioGroup.RootProvider, \"root\", { forwardAsChild: true });\nconst RadioGroupRoot = withProvider(\n  RadioGroup.Root,\n  \"root\",\n  { forwardAsChild: true }\n);\nconst RadioGroupPropsProvider = PropsProvider;\nconst RadioGroupLabel = withContext(RadioGroup.Label, \"label\", { forwardAsChild: true });\nconst RadioGroupItem = withContext(\n  RadioGroup.Item,\n  \"item\",\n  { forwardAsChild: true }\n);\nconst RadioGroupItemText = withContext(RadioGroup.ItemText, \"itemText\", { forwardAsChild: true });\nconst RadioGroupItemControl = withContext(RadioGroup.ItemControl, \"itemControl\", { forwardAsChild: true });\nconst RadioGroupItemIndicator = forwardRef(function RadioGroupItemIndicator2(props, ref) {\n  const styles = useRadioGroupStyles();\n  return /* @__PURE__ */ jsx(RadioGroup.ItemContext, { children: (itemState) => /* @__PURE__ */ jsx(RadioGroup.ItemControl, { asChild: true, children: /* @__PURE__ */ jsx(\n    Radiomark,\n    {\n      ref,\n      unstyled: true,\n      ...props,\n      checked: itemState.checked,\n      disabled: itemState.disabled,\n      css: [styles[\"itemControl\"], props.css]\n    }\n  ) }) });\n});\nconst RadioGroupContext = RadioGroup.Context;\nconst RadioGroupItemContext = RadioGroup.ItemContext;\nconst RadioGroupItemHiddenInput = RadioGroup.ItemHiddenInput;\n\nexport { RadioGroupContext, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemIndicator, RadioGroupItemText, RadioGroupLabel, RadioGroupPropsProvider, RadioGroupRoot, RadioGroupRootProvider, useRadioGroupStyles };\n","import React from 'react';\nimport { RadioGroup } from '@chakra-ui/react/radio-group';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { Card, CardProps } from 'components/Card/card.component';\nimport { CardPaddingMap } from 'components/Card/card.records';\nimport { RadioSizeMap, RadioTextSpacing } from './radio.records';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Text } from 'components/Text/text.component';\n\nexport interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {\n  checked?: boolean;\n  onContrast?: boolean;\n  radioRef?: React.Ref<HTMLInputElement | null>;\n  rootRef?: React.Ref<HTMLDivElement | null>;\n  size?: FormControlSize;\n  withCard?: boolean;\n}\n\nconst Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      children,\n      checked = false,\n      disabled = false,\n      invalid = false,\n      onContrast = false,\n      radioRef,\n      rootRef,\n      size = 'md',\n      withCard = false,\n      ...rest\n    },\n    ref,\n  ): React.JSX.Element => {\n    const RadioCard: React.FC<CardProps> = withCard\n      ? (props): React.JSX.Element => {\n          const pr = (RadioSizeMap[size] + RadioTextSpacing[size] + CardPaddingMap[size]) * 4;\n          return (\n            <Card\n              className=\"Radio__Card\"\n              data-testid=\"kibble-radio-card\"\n              {...(!disabled && {\n                interactive: true,\n                invalid,\n                active: !!checked,\n              })}\n              onContrast={onContrast}\n              size={size}\n              fullWidth\n              display=\"flex\"\n              {...(typeof children === 'string' && { alignItems: 'center' })}\n              width=\"inherit\"\n              pr={`${pr}px`}\n            >\n              {props.children}\n            </Card>\n          );\n        }\n      : React.Fragment;\n\n    return (\n      <RadioGroup.Item\n        className=\"Radio\"\n        data-testid=\"kibble-radio\"\n        invalid={invalid}\n        disabled={disabled}\n        ref={rootRef}\n        {...rest}\n      >\n        <RadioCard>\n          <RadioGroup.ItemHiddenInput className=\"Radio__Input\" data-testid=\"kibble-radio-input\" ref={radioRef || ref} />\n          <RadioGroup.ItemIndicator className=\"Radio__Indicator\" data-testid=\"kibble-radio-indicator\" />\n          {children && (\n            <RadioGroup.ItemText\n              className=\"Radio__Text\"\n              data-testid=\"kibble-radio-label\"\n              {...(withCard && { w: '100%' })}\n              {...(withCard && typeof children !== 'string' && { mt: '-4px' })}\n            >\n              {typeof children === 'string' ? (\n                <Text size={size} lineHeight=\"unset\" variant={onContrast ? 'onContrast' : 'default'}>\n                  {children}\n                </Text>\n              ) : (\n                children\n              )}\n            </RadioGroup.ItemText>\n          )}\n        </RadioCard>\n      </RadioGroup.Item>\n    );\n  },\n);\n\nRadio.displayName = 'Radio';\nconst WrappedRadio = withFormControl<RadioProps>(Radio);\n\nexport { WrappedRadio as Radio };\n","import React from 'react';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Radio, RadioProps } from './components/Radio/radio.component';\nimport { RadioGroup as CRadioGroup } from '@chakra-ui/react/radio-group';\nimport { Stack } from '@chakra-ui/react/stack';\nimport { ConditionalValue } from '@chakra-ui/react/styled-system';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { ButtonGroup } from 'components/ButtonGroup';\n\nexport interface KRadioGroupProps\n  extends WithFormControlProps,\n    Omit<CRadioGroup.RootProps, 'onValueChange' | 'onChange'> {\n  direction?: ConditionalValue<FlexDirection>;\n  onChange?: (value: string | null) => void;\n  size?: FormControlSize;\n}\n\ninterface ButtonRadioGroupProps extends KRadioGroupProps {\n  radioType?: 'buttons';\n  radios: Omit<RadioProps, 'withCard'>[];\n}\n\ninterface DefaultRadioGroupProps extends KRadioGroupProps {\n  radioType?: 'default';\n  radios: RadioProps[];\n}\n\nexport type RadioGroupProps = ButtonRadioGroupProps | DefaultRadioGroupProps;\n\nconst RadioGroup = ({\n  radios,\n  defaultValue,\n  direction = 'column',\n  disabled,\n  invalid,\n  onContrast,\n  onChange,\n  size = 'md',\n  radioType = 'default',\n  value,\n  gap = 2,\n  ...rest\n}: RadioGroupProps): React.JSX.Element => {\n  const _computedVariant = onContrast ? 'onContrast' : 'default';\n  return (\n    <CRadioGroup.Root\n      className=\"RadioGroup\"\n      data-testid=\"kibble-radio-group\"\n      disabled={disabled}\n      defaultValue={defaultValue}\n      value={value}\n      onValueChange={({ value }) => onChange?.(value)}\n      size={size}\n      variant={_computedVariant}\n      {...rest}\n    >\n      {radioType === 'default' && (\n        <Stack gap={gap} direction={direction}>\n          {radios.map((radio, index) => (\n            <Radio\n              key={`radio-${index}`}\n              invalid={invalid}\n              disabled={disabled}\n              checked={defaultValue === radio.value || value === radio.value}\n              size={size}\n              {...(direction === 'row' && { fullWidth: false })}\n              {...radio}\n            />\n          ))}\n        </Stack>\n      )}\n      {radioType === 'buttons' && (\n        <ButtonGroup\n          onContrast={onContrast}\n          variant=\"secondarySubtle\"\n          size={size}\n          buttons={radios.map((radio, index) => {\n            const active = defaultValue === radio.value || value === radio.value;\n            return {\n              key: `button-radio-${index}`,\n              children: radio.children,\n              active,\n              disabled,\n              onClick: () => onChange?.(radio.value),\n            };\n          })}\n        />\n      )}\n    </CRadioGroup.Root>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["RadioGroupProvider","useRadioGroupContext","createContext","RadioGroupItemProvider","useRadioGroupItemContext","RadioGroupItemPropsProvider","useRadioGroupItemPropsContext","RadioGroupItem","forwardRef","props","ref","itemProps","localProps","createSplitProps","radioGroup","mergedProps","mergeProps","itemState","jsx","ark","RadioGroupItemContext","RadioGroupItemControl","RadioGroupItemHiddenInput","RadioGroupItemText","RadioGroupLabel","useRadioGroup","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","radio.machine","radio.connect","normalizeProps","RadioGroupRoot","useRadioGroupProps","RadioGroupRootProvider","Radiomark","recipe","useRecipe","variantProps","restProps","checked","disabled","unstyled","children","rest","styles","EMPTY_STYLES","sharedProps","dataAttr","chakra","withProvider","withContext","useRadioGroupStyles","createSlotRecipeContext","RadioGroup.RootProvider","RadioGroup.Root","RadioGroup.Label","RadioGroup.Item","RadioGroup.ItemText","RadioGroup.ItemControl","RadioGroupItemIndicator","RadioGroup.ItemContext","RadioGroup.ItemHiddenInput","Radio","React","invalid","onContrast","radioRef","rootRef","size","withCard","RadioCard","pr","RadioSizeMap","RadioTextSpacing","CardPaddingMap","Card","RadioGroup.ItemIndicator","Text","WrappedRadio","withFormControl","RadioGroup","radios","defaultValue","direction","onChange","radioType","value","gap","_computedVariant","jsxs","CRadioGroup.Root","Stack","radio","index","ButtonGroup","active","WrappedRadioGroup"],"mappings":"goBAGM,CAACA,EAAoBC,CAAoB,EAAIC,gBAAc,CAC/D,KAAM,oBACN,SAAU,uBACV,aAAc,wBAChB,CAAC,ECJK,CAACC,EAAwBC,CAAwB,EAAIF,gBAAc,CACvE,KAAM,wBACN,SAAU,2BACV,aAAc,4BAChB,CAAC,ECJK,CAACG,EAA6BC,CAA6B,EAAIJ,gBAAc,CACjF,KAAM,6BACN,SAAU,gCACV,aAAc,iCAChB,CAAC,ECGKK,EAAiBC,EAAU,WAAC,CAACC,EAAOC,IAAQ,CAChD,KAAM,CAACC,EAAWC,CAAU,EAAIC,EAAgB,iBAAA,EAAGJ,EAAO,CAAC,QAAS,WAAY,SAAS,CAAC,EACpFK,EAAab,EAAsB,EACnCc,EAAcC,EAAAA,WAAWF,EAAW,aAAaH,CAAS,EAAGC,CAAU,EACvEK,EAAYH,EAAW,aAAaH,CAAS,EACnD,OAAuBO,EAAG,kBAAA,IAACf,EAAwB,CAAE,MAAOc,EAAW,SAA0BC,EAAAA,kBAAAA,IAAIb,EAA6B,CAAE,MAAOM,EAAW,SAA0BO,EAAAA,kBAAAA,IAAIC,EAAG,IAAC,MAAO,CAAE,GAAGJ,EAAa,IAAAL,CAAG,CAAE,CAAG,CAAA,EAAG,CAC9N,CAAC,EACDH,EAAe,YAAc,iBCd7B,MAAMa,EAAyBX,GAAUA,EAAM,SAASL,EAAwB,CAAE,ECK5EiB,EAAwBb,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACvD,MAAMI,EAAab,EAAsB,EACnCU,EAAYL,EAA+B,EAC3CS,EAAcC,EAAAA,WAAWF,EAAW,oBAAoBH,CAAS,EAAGF,CAAK,EAC/E,OAAuBS,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,IAAK,CAAE,GAAGJ,EAAa,IAAAL,EAAK,CAC7D,CAAC,EACDW,EAAsB,YAAc,wBCNpC,MAAMC,EAA4Bd,EAAU,WAAC,CAACC,EAAOC,IAAQ,CAC3D,MAAMI,EAAab,EAAsB,EACnCU,EAAYL,EAA+B,EAC3CS,EAAcC,EAAAA,WAAWF,EAAW,wBAAwBH,CAAS,EAAGF,CAAK,EACnF,OAAuBS,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,MAAO,CAAE,GAAGJ,EAAa,IAAAL,EAAK,CAC/D,CAAC,EACDY,EAA0B,YAAc,4BCNxC,MAAMC,EAAqBf,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACpD,MAAMI,EAAab,EAAsB,EACnCU,EAAYL,EAA+B,EAC3CS,EAAcC,EAAAA,WAAWF,EAAW,iBAAiBH,CAAS,EAAGF,CAAK,EAC5E,OAAuBS,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,KAAM,CAAE,GAAGJ,EAAa,IAAAL,EAAK,CAC9D,CAAC,EACDa,EAAmB,YAAc,qBCPjC,MAAMC,EAAkBhB,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACjD,MAAMI,EAAab,EAAsB,EACnCc,EAAcC,EAAU,WAACF,EAAW,cAAa,EAAIL,CAAK,EAChE,OAAuBS,EAAAA,kBAAAA,IAAIC,EAAAA,IAAI,MAAO,CAAE,GAAGJ,EAAa,IAAAL,EAAK,CAC/D,CAAC,EACDc,EAAgB,YAAc,kBCL9B,MAAMC,EAAiBhB,GAAU,CAC/B,MAAMiB,EAAKC,EAAAA,MAAO,EACZ,CAAE,YAAAC,CAAa,EAAGC,wBAAuB,EACzC,CAAE,IAAAC,CAAK,EAAGC,mBAAkB,EAC5BC,EAAe,CACnB,GAAAN,EACA,IAAAI,EACA,YAAAF,EACA,GAAGnB,CACJ,EACKwB,EAAUC,EAAAA,WAAWC,EAAa,QAAEH,CAAY,EACtD,OAAOI,EAAa,QAACH,EAASI,gBAAc,CAC9C,ECVMC,EAAiB9B,EAAU,WAAC,CAACC,EAAOC,IAAQ,CAChD,KAAM,CAAC6B,EAAoB3B,CAAU,EAAIC,EAAgB,iBAAA,EAAGJ,EAAO,CACjE,eACA,WACA,OACA,KACA,MACA,OACA,gBACA,cACA,WACA,OACJ,CAAG,EACKK,EAAaW,EAAcc,CAAkB,EAC7CxB,EAAcC,EAAU,WAACF,EAAW,aAAY,EAAIF,CAAU,EACpE,OAAuBM,EAAG,kBAAA,IAAClB,EAAoB,CAAE,MAAOc,EAAY,SAA0BI,EAAAA,kBAAAA,IAAIC,EAAG,IAAC,IAAK,CAAE,GAAGJ,EAAa,IAAAL,CAAG,CAAE,CAAC,CAAE,CACvI,CAAC,EACD4B,EAAe,YAAc,iBClB7B,MAAME,EAAyBhC,EAAU,WAAC,CAACC,EAAOC,IAAQ,CACxD,KAAM,CAAC,CAAE,MAAOI,GAAcF,CAAU,EAAIC,EAAAA,mBAAmBJ,EAAO,CAAC,OAAO,CAAC,EACzEM,EAAcC,EAAU,WAACF,EAAW,aAAY,EAAIF,CAAU,EACpE,OAAuBM,EAAG,kBAAA,IAAClB,EAAoB,CAAE,MAAOc,EAAY,SAA0BI,EAAAA,kBAAAA,IAAIC,EAAG,IAAC,IAAK,CAAE,GAAGJ,EAAa,IAAAL,CAAG,CAAE,CAAC,CAAE,CACvI,CAAC,EACD8B,EAAuB,YAAc,yBCJrC,MAAMC,EAAYjC,EAAU,WAC1B,SAAoBC,EAAOC,EAAK,CAC9B,MAAMgC,EAASC,EAAS,UAAC,CAAE,IAAK,YAAa,OAAQlC,EAAM,OAAQ,EAC7D,CAACmC,EAAcC,CAAS,EAAIH,EAAO,kBAAkBjC,CAAK,EAC1D,CAAE,QAAAqC,EAAS,SAAAC,EAAU,SAAAC,EAAU,SAAAC,EAAU,GAAGC,CAAI,EAAKL,EACrDM,EAASH,EAAWI,eAAeV,EAAOE,CAAY,EACtDS,EAAc,CAClB,IAAA3C,EACA,eAAgB4C,EAAQ,SAACR,CAAO,EAChC,gBAAiBQ,EAAQ,SAACP,CAAQ,EAClC,GAAGG,EACH,IAAK,CAACC,EAAQ1C,EAAM,GAAG,CACxB,EACD,OAAuBS,EAAG,kBAAA,IAACqC,EAAM,OAAC,KAAM,CAAE,GAAGF,EAAa,SAAUP,GAA2B5B,EAAAA,kBAAAA,IAAI,OAAQ,CAAE,UAAW,KAAK,CAAE,CAAC,CAAE,CACtI,CACA,EChBM,CACJ,aAAAsC,EACA,YAAAC,EACA,UAAWC,CAEb,EAAIC,EAAAA,wBAAwB,CAAE,IAAK,YAAY,CAAE,EAClBH,EAAaI,EAAyB,OAAQ,CAAE,eAAgB,EAAM,CAAA,EACrG,MAAMtB,GAAiBkB,EACrBK,EACA,OACA,CAAE,eAAgB,EAAI,CACxB,EAEwBJ,EAAYK,EAAkB,QAAS,CAAE,eAAgB,EAAM,CAAA,EACvF,MAAMvD,GAAiBkD,EACrBM,EACA,OACA,CAAE,eAAgB,EAAI,CACxB,EACMxC,GAAqBkC,EAAYO,EAAqB,WAAY,CAAE,eAAgB,GAAM,EAClEP,EAAYQ,EAAwB,cAAe,CAAE,eAAgB,EAAM,CAAA,EACzG,MAAMC,GAA0B1D,EAAAA,WAAW,SAAkCC,EAAOC,EAAK,CACvF,MAAMyC,EAASO,EAAqB,EACpC,OAAuBxC,wBAAIiD,EAAwB,CAAE,SAAWlD,GAA8BC,wBAAI+C,EAAwB,CAAE,QAAS,GAAM,SAA0B/C,EAAG,kBAAA,IACtKuB,EACA,CACE,IAAA/B,EACA,SAAU,GACV,GAAGD,EACH,QAASQ,EAAU,QACnB,SAAUA,EAAU,SACpB,IAAK,CAACkC,EAAO,YAAgB1C,EAAM,GAAG,CAC5C,CACG,CAAA,CAAE,CAAC,CAAE,CACR,CAAC,EAGKa,GAA4B8C,EC3B5BC,EAAQC,EAAM,QAAA,WAClB,CACE,CACE,SAAArB,EACA,QAAAH,EAAU,GACV,SAAAC,EAAW,GACX,QAAAwB,EAAU,GACV,WAAAC,EAAa,GACb,SAAAC,EACA,QAAAC,EACA,KAAAC,EAAO,KACP,SAAAC,EAAW,GACX,GAAG1B,GAELxC,IACsB,CAChB,MAAAmE,EAAiCD,EAClCnE,GAA6B,CACtB,MAAAqE,GAAMC,eAAaJ,CAAI,EAAIK,mBAAiBL,CAAI,EAAIM,EAAAA,eAAeN,CAAI,GAAK,EAEhF,OAAAzD,EAAA,kBAAA,IAACgE,EAAA,KAAA,CACC,UAAU,cACV,cAAY,oBACX,GAAI,CAACnC,GAAY,CAChB,YAAa,GACb,QAAAwB,EACA,OAAQ,CAAC,CAACzB,CACZ,EACA,WAAA0B,EACA,KAAAG,EACA,UAAS,GACT,QAAQ,OACP,GAAI,OAAO1B,GAAa,UAAY,CAAE,WAAY,QAAS,EAC5D,MAAM,UACN,GAAI,GAAG6B,CAAE,KAER,SAAMrE,EAAA,QAAA,CACT,GAGJ6D,EAAM,QAAA,SAGR,OAAApD,EAAA,kBAAA,IAAC6C,GAAA,CACC,UAAU,QACV,cAAY,eACZ,QAAAQ,EACA,SAAAxB,EACA,IAAK2B,EACJ,GAAGxB,EAEJ,kCAAC2B,EACC,CAAA,SAAA,CAAC3D,wBAAAkD,GAAA,CAA2B,UAAU,eAAe,cAAY,qBAAqB,IAAKK,GAAY/D,EAAK,0BAC3GyE,GAAA,CAAyB,UAAU,mBAAmB,cAAY,yBAAyB,EAC3FlC,GACC/B,EAAA,kBAAA,IAAC8C,GAAA,CACC,UAAU,cACV,cAAY,qBACX,GAAIY,GAAY,CAAE,EAAG,MAAO,EAC5B,GAAIA,GAAY,OAAO3B,GAAa,UAAY,CAAE,GAAI,MAAO,EAE7D,SAAO,OAAAA,GAAa,SACnB/B,EAAAA,kBAAAA,IAACkE,EAAAA,YAAK,CAAA,KAAAT,EAAY,WAAW,QAAQ,QAASH,EAAa,aAAe,UACvE,SAAAvB,EACH,EAEAA,CAAA,CAAA,CAEJ,CAEJ,CAAA,CAAA,CACF,CAAA,CAGN,EAEAoB,EAAM,YAAc,QACpB,MAAMgB,GAAeC,kBAA4BjB,CAAK,ECjEhDkB,EAAa,CAAC,CAClB,OAAAC,EACA,aAAAC,EACA,UAAAC,EAAY,SACZ,SAAA3C,EACA,QAAAwB,EACA,WAAAC,EACA,SAAAmB,EACA,KAAAhB,EAAO,KACP,UAAAiB,EAAY,UACZ,MAAAC,EACA,IAAAC,EAAM,EACN,GAAG5C,CACL,IAA0C,CAClC,MAAA6C,EAAmBvB,EAAa,aAAe,UAEnD,OAAAwB,EAAA,kBAAA,KAACC,GAAA,CACC,UAAU,aACV,cAAY,qBACZ,SAAAlD,EACA,aAAA0C,EACA,MAAAI,EACA,cAAe,CAAC,CAAE,MAAAA,CAAM,IAAMF,IAAWE,CAAK,EAC9C,KAAAlB,EACA,QAASoB,EACR,GAAG7C,EAEH,SAAA,CAAc0C,IAAA,mCACZM,EAAM,MAAA,CAAA,IAAAJ,EAAU,UAAAJ,EACd,SAAOF,EAAA,IAAI,CAACW,EAAOC,IAClBlF,EAAA,kBAAA,IAACmD,GAAA,CAEC,QAAAE,EACA,SAAAxB,EACA,QAAS0C,IAAiBU,EAAM,OAASN,IAAUM,EAAM,MACzD,KAAAxB,EACC,GAAIe,IAAc,OAAS,CAAE,UAAW,EAAM,EAC9C,GAAGS,CAAA,EANC,SAASC,CAAK,EAQtB,CAAA,EACH,EAEDR,IAAc,WACb1E,EAAA,kBAAA,IAACmF,EAAA,YAAA,CACC,WAAA7B,EACA,QAAQ,kBACR,KAAAG,EACA,QAASa,EAAO,IAAI,CAACW,EAAOC,IAAU,CACpC,MAAME,EAASb,IAAiBU,EAAM,OAASN,IAAUM,EAAM,MACxD,MAAA,CACL,IAAK,gBAAgBC,CAAK,GAC1B,SAAUD,EAAM,SAChB,OAAAG,EACA,SAAAvD,EACA,QAAS,IAAM4C,IAAWQ,EAAM,KAAK,CACvC,CACD,CAAA,CAAA,CAAA,CACH,CAAA,CAEJ,CAEJ,EAEAZ,EAAW,YAAc,aACnB,MAAAgB,GAAoBjB,kBAAgBC,CAAU","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13]}

package/dist/chunks/{tagBlock.component-B6jDh_wi.js → tagBlock.component-CzajKewM.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),x=require("react"),k=require("./button.component-CsJxgblU.js"),C=require("./heading.component-BMvc5kM8.js"),E=require("./menu.component-MeUyoUF9.js"),T=require("./spinner.component-CzOv8dIY.js"),N=require("./tag.component-DcEASytC.js"),f=require("./text.component-waIIFgwB.js"),r=require("./box-Baq7UBls.js"),l=require("./flex-D14H6HbP.js"),v=require("./h-stack-Bjx9hlJo.js"),q=n=>n&&n.__esModule?n:{default:n},w=q(x);var i=(n=>(n.Inactive="Inactive",n.Deleted="Deleted",n))(i||{});const y={size:"sm",variant:"secondarySubtle",iconName:"plus",text:"Add",hideCaret:!0},D=({title:n,menuProps:d,tags:o,canBeDeleted:h=!1,onClearAll:_,onRemoveTag:c,onDelete:B,hasError:b=!1,errorText:R="This field contains an error",displayTagsInGroups:u,loading:p=!1})=>{const m=x.useCallback(s=>{c&&c(s,o)},[c,o]),j=w.default.useMemo(()=>{if(!u)return[];const s={};for(const t of o){const a=t.groupLabel||"-";s[a]||(s[a]=[]),s[a].push(t)}return Object.entries(s).map(([t,a])=>({groupLabel:t,tags:a}))},[o,u]),g=x.useCallback(s=>s.map(t=>{const a=t.label.includes(i.Inactive)||t.label.includes(i.Deleted);return e.jsxRuntimeExports.jsx(N.Tag,{className:"TagBlock__Tag","data-testid":"kibble-tag-block-tag",mr:1,mb:1,label:t.label,onClose:()=>m(t.value),closeButtonDisplay:"always",fontWeight:"normal",color:a?"text.placeholder":"text",size:"md"},t.value)}),[m]);return e.jsxRuntimeExports.jsxs(r.Box,{className:"TagBlock","data-testid":"kibble-tag-block",position:"relative",mb:3,py:2,pl:4,pr:2,bg:"background.subtle",borderRadius:"lg",boxShadow:b?"0 0 0 2px var(--chakra-colors-border-danger)":"",border:"1px",borderColor:"border",overflow:p?"hidden":void 0,children:[e.jsxRuntimeExports.jsxs(l.Flex,{className:"TagBlock__ButtonContainer","data-testid":"kibble-tag-block-button-container",justifyContent:"space-between",children:[e.jsxRuntimeExports.jsxs(v.HStack,{gap:1,minH:10,children:[n&&e.jsxRuntimeExports.jsx(f.WrappedText,{className:"TagBlock__Title",mr:2,fontWeight:"bold",children:n}),e.jsxRuntimeExports.jsx(E.Menu,{"data-testid":"kibble-tag-block-menu",...d,buttonProps:d?.buttonProps||y}),e.jsxRuntimeExports.jsx(k.Button,{className:"TagBlock__Button--ClearAll","data-testid":"kibble-tag-block-clear-all-button",size:"sm",iconName:"arrowCircle",variant:"ghostNeutral",onClick:_,disabled:o.length<=0,children:"Clear All"})]}),h&&e.jsxRuntimeExports.jsx(r.Box,{children:e.jsxRuntimeExports.jsx(k.Button,{className:"TagBlock__Button--Delete","data-testid":"kibble-tag-block-delete-button",iconName:"trashcan",variant:"ghostNeutral",onClick:B,justifySelf:"flex-end"})})]}),!!o.length&&e.jsxRuntimeExports.jsx(l.Flex,{className:"TagBlock__TagContainer","data-testid":"kibble-tag-block-tag-container",mt:2,pb:1,alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start",children:u&&j.length?e.jsxRuntimeExports.jsx(l.Flex,{direction:"column",children:j.map(({groupLabel:s,tags:t})=>e.jsxRuntimeExports.jsxs(r.Box,{mb:2,children:[e.jsxRuntimeExports.jsx(r.Box,{className:"TagBlock__GroupTitle","data-testid":"kibble-tag-block-group-title",children:e.jsxRuntimeExports.jsx(C.WrappedHeading,{size:"xs",pb:2,children:s})}),e.jsxRuntimeExports.jsx(l.Flex,{alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start",children:g(t)})]},s))}):g(o)}),p&&e.jsxRuntimeExports.jsx(T.Spinner,{fullScreen:!0}),b&&e.jsxRuntimeExports.jsx(f.WrappedText,{className:"TagBlock__Error","data-testid":"kibble-tag-block-error",mt:2,size:"xs",variant:"danger",children:R})]})};exports.TagBlock=D;exports.TagDisabledState=i;
-//# sourceMappingURL=tagBlock.component-B6jDh_wi.js.map
+"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),x=require("react"),k=require("./button.component-CsJxgblU.js"),C=require("./heading.component-BMvc5kM8.js"),E=require("./menu.component-DWpVT0ik.js"),T=require("./spinner.component-CzOv8dIY.js"),N=require("./tag.component-DcEASytC.js"),f=require("./text.component-waIIFgwB.js"),r=require("./box-Baq7UBls.js"),l=require("./flex-D14H6HbP.js"),v=require("./h-stack-Bjx9hlJo.js"),q=n=>n&&n.__esModule?n:{default:n},w=q(x);var i=(n=>(n.Inactive="Inactive",n.Deleted="Deleted",n))(i||{});const y={size:"sm",variant:"secondarySubtle",iconName:"plus",text:"Add",hideCaret:!0},D=({title:n,menuProps:d,tags:o,canBeDeleted:h=!1,onClearAll:_,onRemoveTag:c,onDelete:B,hasError:b=!1,errorText:R="This field contains an error",displayTagsInGroups:u,loading:p=!1})=>{const m=x.useCallback(s=>{c&&c(s,o)},[c,o]),j=w.default.useMemo(()=>{if(!u)return[];const s={};for(const t of o){const a=t.groupLabel||"-";s[a]||(s[a]=[]),s[a].push(t)}return Object.entries(s).map(([t,a])=>({groupLabel:t,tags:a}))},[o,u]),g=x.useCallback(s=>s.map(t=>{const a=t.label.includes(i.Inactive)||t.label.includes(i.Deleted);return e.jsxRuntimeExports.jsx(N.Tag,{className:"TagBlock__Tag","data-testid":"kibble-tag-block-tag",mr:1,mb:1,label:t.label,onClose:()=>m(t.value),closeButtonDisplay:"always",fontWeight:"normal",color:a?"text.placeholder":"text",size:"md"},t.value)}),[m]);return e.jsxRuntimeExports.jsxs(r.Box,{className:"TagBlock","data-testid":"kibble-tag-block",position:"relative",mb:3,py:2,pl:4,pr:2,bg:"background.subtle",borderRadius:"lg",boxShadow:b?"0 0 0 2px var(--chakra-colors-border-danger)":"",border:"1px",borderColor:"border",overflow:p?"hidden":void 0,children:[e.jsxRuntimeExports.jsxs(l.Flex,{className:"TagBlock__ButtonContainer","data-testid":"kibble-tag-block-button-container",justifyContent:"space-between",children:[e.jsxRuntimeExports.jsxs(v.HStack,{gap:1,minH:10,children:[n&&e.jsxRuntimeExports.jsx(f.WrappedText,{className:"TagBlock__Title",mr:2,fontWeight:"bold",children:n}),e.jsxRuntimeExports.jsx(E.Menu,{"data-testid":"kibble-tag-block-menu",...d,buttonProps:d?.buttonProps||y}),e.jsxRuntimeExports.jsx(k.Button,{className:"TagBlock__Button--ClearAll","data-testid":"kibble-tag-block-clear-all-button",size:"sm",iconName:"arrowCircle",variant:"ghostNeutral",onClick:_,disabled:o.length<=0,children:"Clear All"})]}),h&&e.jsxRuntimeExports.jsx(r.Box,{children:e.jsxRuntimeExports.jsx(k.Button,{className:"TagBlock__Button--Delete","data-testid":"kibble-tag-block-delete-button",iconName:"trashcan",variant:"ghostNeutral",onClick:B,justifySelf:"flex-end"})})]}),!!o.length&&e.jsxRuntimeExports.jsx(l.Flex,{className:"TagBlock__TagContainer","data-testid":"kibble-tag-block-tag-container",mt:2,pb:1,alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start",children:u&&j.length?e.jsxRuntimeExports.jsx(l.Flex,{direction:"column",children:j.map(({groupLabel:s,tags:t})=>e.jsxRuntimeExports.jsxs(r.Box,{mb:2,children:[e.jsxRuntimeExports.jsx(r.Box,{className:"TagBlock__GroupTitle","data-testid":"kibble-tag-block-group-title",children:e.jsxRuntimeExports.jsx(C.WrappedHeading,{size:"xs",pb:2,children:s})}),e.jsxRuntimeExports.jsx(l.Flex,{alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start",children:g(t)})]},s))}):g(o)}),p&&e.jsxRuntimeExports.jsx(T.Spinner,{fullScreen:!0}),b&&e.jsxRuntimeExports.jsx(f.WrappedText,{className:"TagBlock__Error","data-testid":"kibble-tag-block-error",mt:2,size:"xs",variant:"danger",children:R})]})};exports.TagBlock=D;exports.TagDisabledState=i;
+//# sourceMappingURL=tagBlock.component-CzajKewM.js.map

package/dist/chunks/{tagBlock.component-B6jDh_wi.js.map → tagBlock.component-CzajKewM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tagBlock.component-B6jDh_wi.js","sources":["../../src/components/TagBlock/tagBlock.types.ts","../../src/components/TagBlock/tagBlock.component.tsx"],"sourcesContent":["export enum TagDisabledState {\n  Inactive = 'Inactive',\n  Deleted = 'Deleted',\n}\n\nexport interface TagBlockTag {\n  label: string;\n  value: string;\n  groupLabel?: string;\n}\n","import React, { useCallback } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { Button } from 'components/Button/button.component';\nimport { Heading } from 'components/Heading/heading.component';\nimport { Menu, MenuProps } from 'components/Menu/menu.component';\nimport { Spinner } from 'components/Spinner/spinner.component';\nimport { Tag } from 'components/Tag/tag.component';\nimport { Text } from 'components/Text/text.component';\nimport { TagBlockTag, TagDisabledState } from './tagBlock.types';\nimport { MenuButtonProps } from 'components/Menu/components/MenuButton/menuButton.components';\n\ninterface BaseTagBlockProps {\n  displayTagsInGroups?: boolean;\n  errorText?: string;\n  hasError?: boolean;\n  loading?: boolean;\n  menuProps?: MenuProps;\n  onClearAll?: () => void;\n  onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n  tags: TagBlockTag[];\n  title?: string;\n}\n\ninterface DefaultTagBlockProps extends BaseTagBlockProps {\n  canBeDeleted?: false;\n  onDelete?: never;\n}\n\ninterface DeletableTagBlockProps extends BaseTagBlockProps {\n  canBeDeleted: true;\n  onDelete: () => void;\n}\n\nexport type TagBlockProps = DefaultTagBlockProps | DeletableTagBlockProps;\n\nconst defaultMenuButtonProps: MenuButtonProps = {\n  size: 'sm',\n  variant: 'secondarySubtle',\n  iconName: 'plus',\n  text: 'Add',\n  hideCaret: true,\n};\n\nexport const TagBlock = ({\n  title,\n  menuProps,\n  tags,\n  canBeDeleted = false,\n  onClearAll,\n  onRemoveTag,\n  onDelete,\n  hasError = false,\n  errorText = 'This field contains an error',\n  displayTagsInGroups,\n  loading = false,\n}: TagBlockProps): React.JSX.Element => {\n  const handleRemoveTag = useCallback(\n    (value: string): void => {\n      if (onRemoveTag) {\n        onRemoveTag(value, tags);\n      }\n    },\n    [onRemoveTag, tags],\n  );\n\n  const tagsByGroup = React.useMemo(() => {\n    if (!displayTagsInGroups) {\n      return [];\n    }\n    const grouped = {} as Record<string, TagBlockTag[]>;\n    for (const tag of tags) {\n      const group = tag.groupLabel || '-';\n      if (!grouped[group]) {\n        grouped[group] = [];\n      }\n      grouped[group].push(tag);\n    }\n    return Object.entries(grouped).map(([groupLabel, tags]) => ({\n      groupLabel,\n      tags,\n    }));\n  }, [tags, displayTagsInGroups]);\n\n  const renderTags = useCallback(\n    (tags: TagBlockTag[]) => {\n      return tags.map((tag) => {\n        const isDisabled =\n          tag.label.includes(TagDisabledState.Inactive) || tag.label.includes(TagDisabledState.Deleted);\n\n        return (\n          <Tag\n            className=\"TagBlock__Tag\"\n            data-testid=\"kibble-tag-block-tag\"\n            mr={1}\n            mb={1}\n            key={tag.value}\n            label={tag.label}\n            onClose={(): void => handleRemoveTag(tag.value)}\n            closeButtonDisplay=\"always\"\n            fontWeight=\"normal\"\n            color={isDisabled ? 'text.placeholder' : 'text'}\n            size=\"md\"\n          />\n        );\n      });\n    },\n    [handleRemoveTag],\n  );\n\n  return (\n    <Box\n      className=\"TagBlock\"\n      data-testid=\"kibble-tag-block\"\n      position=\"relative\"\n      mb={3}\n      py={2}\n      pl={4}\n      pr={2}\n      bg=\"background.subtle\"\n      borderRadius=\"lg\"\n      boxShadow={hasError ? `0 0 0 2px var(--chakra-colors-border-danger)` : ''}\n      border=\"1px\"\n      borderColor=\"border\"\n      overflow={loading ? 'hidden' : undefined}\n    >\n      <Flex\n        className=\"TagBlock__ButtonContainer\"\n        data-testid=\"kibble-tag-block-button-container\"\n        justifyContent=\"space-between\"\n      >\n        <HStack gap={1} minH={10}>\n          {title && (\n            <Text className=\"TagBlock__Title\" mr={2} fontWeight=\"bold\">\n              {title}\n            </Text>\n          )}\n          <Menu\n            data-testid=\"kibble-tag-block-menu\"\n            {...menuProps}\n            buttonProps={menuProps?.buttonProps || defaultMenuButtonProps}\n          />\n          <Button\n            className=\"TagBlock__Button--ClearAll\"\n            data-testid=\"kibble-tag-block-clear-all-button\"\n            size=\"sm\"\n            iconName=\"arrowCircle\"\n            variant=\"ghostNeutral\"\n            onClick={onClearAll}\n            disabled={tags.length <= 0}\n          >\n            Clear All\n          </Button>\n        </HStack>\n        {canBeDeleted && (\n          <Box>\n            <Button\n              className=\"TagBlock__Button--Delete\"\n              data-testid=\"kibble-tag-block-delete-button\"\n              iconName=\"trashcan\"\n              variant=\"ghostNeutral\"\n              onClick={onDelete}\n              justifySelf=\"flex-end\"\n            />\n          </Box>\n        )}\n      </Flex>\n      {Boolean(tags.length) && (\n        <Flex\n          className=\"TagBlock__TagContainer\"\n          data-testid=\"kibble-tag-block-tag-container\"\n          mt={2}\n          pb={1}\n          alignContent=\"space-between\"\n          flexWrap=\"wrap\"\n          justifyContent=\"flex-start\"\n          alignItems=\"flex-start\"\n        >\n          {displayTagsInGroups && tagsByGroup.length ? (\n            <Flex direction=\"column\">\n              {tagsByGroup.map(({ groupLabel, tags }) => (\n                <Box key={groupLabel} mb={2}>\n                  <Box className=\"TagBlock__GroupTitle\" data-testid=\"kibble-tag-block-group-title\">\n                    <Heading size=\"xs\" pb={2}>\n                      {groupLabel}\n                    </Heading>\n                  </Box>\n                  <Flex\n                    alignContent=\"space-between\"\n                    flexWrap=\"wrap\"\n                    justifyContent=\"flex-start\"\n                    alignItems=\"flex-start\"\n                  >\n                    {renderTags(tags)}\n                  </Flex>\n                </Box>\n              ))}\n            </Flex>\n          ) : (\n            renderTags(tags)\n          )}\n        </Flex>\n      )}\n      {loading && <Spinner fullScreen />}\n      {hasError && (\n        <Text className=\"TagBlock__Error\" data-testid=\"kibble-tag-block-error\" mt={2} size=\"xs\" variant=\"danger\">\n          {errorText}\n        </Text>\n      )}\n    </Box>\n  );\n};\n"],"names":["TagDisabledState","defaultMenuButtonProps","TagBlock","title","menuProps","tags","canBeDeleted","onClearAll","onRemoveTag","onDelete","hasError","errorText","displayTagsInGroups","loading","handleRemoveTag","useCallback","value","tagsByGroup","React","grouped","tag","group","groupLabel","renderTags","isDisabled","jsx","Tag","jsxs","Box","Flex","HStack","Text","Menu","Button","Heading","Spinner"],"mappings":"4dAAY,IAAAA,GAAAA,IACVA,EAAA,SAAW,WACXA,EAAA,QAAU,UAFAA,IAAAA,GAAA,CAAA,CAAA,ECqCZ,MAAMC,EAA0C,CAC9C,KAAM,KACN,QAAS,kBACT,SAAU,OACV,KAAM,MACN,UAAW,EACb,EAEaC,EAAW,CAAC,CACvB,MAAAC,EACA,UAAAC,EACA,KAAAC,EACA,aAAAC,EAAe,GACf,WAAAC,EACA,YAAAC,EACA,SAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EAAY,+BACZ,oBAAAC,EACA,QAAAC,EAAU,EACZ,IAAwC,CACtC,MAAMC,EAAkBC,EAAA,YACrBC,GAAwB,CACnBR,GACFA,EAAYQ,EAAOX,CAAI,CAE3B,EACA,CAACG,EAAaH,CAAI,CACpB,EAEMY,EAAcC,UAAM,QAAQ,IAAM,CACtC,GAAI,CAACN,EACH,MAAO,CAAC,EAEV,MAAMO,EAAU,CAAC,EACjB,UAAWC,KAAOf,EAAM,CAChB,MAAAgB,EAAQD,EAAI,YAAc,IAC3BD,EAAQE,CAAK,IACRF,EAAAE,CAAK,EAAI,CAAC,GAEZF,EAAAE,CAAK,EAAE,KAAKD,CAAG,CAAA,CAElB,OAAA,OAAO,QAAQD,CAAO,EAAE,IAAI,CAAC,CAACG,EAAYjB,CAAI,KAAO,CAC1D,WAAAiB,EACA,KAAAjB,CAAA,EACA,CAAA,EACD,CAACA,EAAMO,CAAmB,CAAC,EAExBW,EAAaR,EAAA,YAChBV,GACQA,EAAK,IAAKe,GAAQ,CACjB,MAAAI,EACJJ,EAAI,MAAM,SAASpB,EAAiB,QAAQ,GAAKoB,EAAI,MAAM,SAASpB,EAAiB,OAAO,EAG5F,OAAAyB,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,UAAU,gBACV,cAAY,uBACZ,GAAI,EACJ,GAAI,EAEJ,MAAON,EAAI,MACX,QAAS,IAAYN,EAAgBM,EAAI,KAAK,EAC9C,mBAAmB,SACnB,WAAW,SACX,MAAOI,EAAa,mBAAqB,OACzC,KAAK,IAAA,EANAJ,EAAI,KAOX,CAAA,CAEH,EAEH,CAACN,CAAe,CAClB,EAGE,OAAAa,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,UAAU,WACV,cAAY,mBACZ,SAAS,WACT,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAG,oBACH,aAAa,KACb,UAAWlB,EAAW,+CAAiD,GACvE,OAAO,MACP,YAAY,SACZ,SAAUG,EAAU,SAAW,OAE/B,SAAA,CAAAc,EAAA,kBAAA,KAACE,EAAA,KAAA,CACC,UAAU,4BACV,cAAY,oCACZ,eAAe,gBAEf,SAAA,CAAAF,EAAA,kBAAA,KAACG,EAAO,OAAA,CAAA,IAAK,EAAG,KAAM,GACnB,SAAA,CACC3B,GAAAsB,EAAA,kBAAA,IAACM,eAAK,UAAU,kBAAkB,GAAI,EAAG,WAAW,OACjD,SACH5B,CAAA,CAAA,EAEFsB,EAAA,kBAAA,IAACO,EAAA,KAAA,CACC,cAAY,wBACX,GAAG5B,EACJ,YAAaA,GAAW,aAAeH,CAAA,CACzC,EACAwB,EAAA,kBAAA,IAACQ,EAAA,OAAA,CACC,UAAU,6BACV,cAAY,oCACZ,KAAK,KACL,SAAS,cACT,QAAQ,eACR,QAAS1B,EACT,SAAUF,EAAK,QAAU,EAC1B,SAAA,WAAA,CAAA,CAED,EACF,EACCC,2BACEsB,MACC,CAAA,SAAAH,EAAA,kBAAA,IAACQ,EAAA,OAAA,CACC,UAAU,2BACV,cAAY,iCACZ,SAAS,WACT,QAAQ,eACR,QAASxB,EACT,YAAY,UAAA,CAAA,CAEhB,CAAA,CAAA,CAAA,CAEJ,EACC,EAAQJ,EAAK,QACZoB,EAAA,kBAAA,IAACI,EAAA,KAAA,CACC,UAAU,yBACV,cAAY,iCACZ,GAAI,EACJ,GAAI,EACJ,aAAa,gBACb,SAAS,OACT,eAAe,aACf,WAAW,aAEV,YAAuBZ,EAAY,+BACjCY,EAAK,KAAA,CAAA,UAAU,SACb,SAAYZ,EAAA,IAAI,CAAC,CAAE,WAAAK,EAAY,KAAAjB,KAC7BsB,yBAAAC,EAAAA,IAAA,CAAqB,GAAI,EACxB,SAAA,CAAAH,EAAA,kBAAA,IAACG,EAAI,IAAA,CAAA,UAAU,uBAAuB,cAAY,+BAChD,SAAAH,EAAA,kBAAA,IAACS,EAAQ,eAAA,CAAA,KAAK,KAAK,GAAI,EACpB,SAAAZ,CACH,CAAA,EACF,EACAG,EAAA,kBAAA,IAACI,EAAA,KAAA,CACC,aAAa,gBACb,SAAS,OACT,eAAe,aACf,WAAW,aAEV,WAAWxB,CAAI,CAAA,CAAA,CAClB,CAAA,EAbQiB,CAcV,CACD,EACH,EAEAC,EAAWlB,CAAI,CAAA,CAEnB,EAEDQ,GAAWY,EAAAA,kBAAAA,IAACU,EAAAA,QAAQ,CAAA,WAAU,EAAC,CAAA,EAC/BzB,GACCe,EAAA,kBAAA,IAACM,EAAK,YAAA,CAAA,UAAU,kBAAkB,cAAY,yBAAyB,GAAI,EAAG,KAAK,KAAK,QAAQ,SAC7F,SACHpB,CAAA,CAAA,CAAA,CAAA,CAEJ,CAEJ"}
+{"version":3,"file":"tagBlock.component-CzajKewM.js","sources":["../../src/components/TagBlock/tagBlock.types.ts","../../src/components/TagBlock/tagBlock.component.tsx"],"sourcesContent":["export enum TagDisabledState {\n  Inactive = 'Inactive',\n  Deleted = 'Deleted',\n}\n\nexport interface TagBlockTag {\n  label: string;\n  value: string;\n  groupLabel?: string;\n}\n","import React, { useCallback } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { Button } from 'components/Button/button.component';\nimport { Heading } from 'components/Heading/heading.component';\nimport { Menu, MenuProps } from 'components/Menu/menu.component';\nimport { Spinner } from 'components/Spinner/spinner.component';\nimport { Tag } from 'components/Tag/tag.component';\nimport { Text } from 'components/Text/text.component';\nimport { TagBlockTag, TagDisabledState } from './tagBlock.types';\nimport { MenuButtonProps } from 'components/Menu/components/MenuButton/menuButton.components';\n\ninterface BaseTagBlockProps {\n  displayTagsInGroups?: boolean;\n  errorText?: string;\n  hasError?: boolean;\n  loading?: boolean;\n  menuProps?: MenuProps;\n  onClearAll?: () => void;\n  onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n  tags: TagBlockTag[];\n  title?: string;\n}\n\ninterface DefaultTagBlockProps extends BaseTagBlockProps {\n  canBeDeleted?: false;\n  onDelete?: never;\n}\n\ninterface DeletableTagBlockProps extends BaseTagBlockProps {\n  canBeDeleted: true;\n  onDelete: () => void;\n}\n\nexport type TagBlockProps = DefaultTagBlockProps | DeletableTagBlockProps;\n\nconst defaultMenuButtonProps: MenuButtonProps = {\n  size: 'sm',\n  variant: 'secondarySubtle',\n  iconName: 'plus',\n  text: 'Add',\n  hideCaret: true,\n};\n\nexport const TagBlock = ({\n  title,\n  menuProps,\n  tags,\n  canBeDeleted = false,\n  onClearAll,\n  onRemoveTag,\n  onDelete,\n  hasError = false,\n  errorText = 'This field contains an error',\n  displayTagsInGroups,\n  loading = false,\n}: TagBlockProps): React.JSX.Element => {\n  const handleRemoveTag = useCallback(\n    (value: string): void => {\n      if (onRemoveTag) {\n        onRemoveTag(value, tags);\n      }\n    },\n    [onRemoveTag, tags],\n  );\n\n  const tagsByGroup = React.useMemo(() => {\n    if (!displayTagsInGroups) {\n      return [];\n    }\n    const grouped = {} as Record<string, TagBlockTag[]>;\n    for (const tag of tags) {\n      const group = tag.groupLabel || '-';\n      if (!grouped[group]) {\n        grouped[group] = [];\n      }\n      grouped[group].push(tag);\n    }\n    return Object.entries(grouped).map(([groupLabel, tags]) => ({\n      groupLabel,\n      tags,\n    }));\n  }, [tags, displayTagsInGroups]);\n\n  const renderTags = useCallback(\n    (tags: TagBlockTag[]) => {\n      return tags.map((tag) => {\n        const isDisabled =\n          tag.label.includes(TagDisabledState.Inactive) || tag.label.includes(TagDisabledState.Deleted);\n\n        return (\n          <Tag\n            className=\"TagBlock__Tag\"\n            data-testid=\"kibble-tag-block-tag\"\n            mr={1}\n            mb={1}\n            key={tag.value}\n            label={tag.label}\n            onClose={(): void => handleRemoveTag(tag.value)}\n            closeButtonDisplay=\"always\"\n            fontWeight=\"normal\"\n            color={isDisabled ? 'text.placeholder' : 'text'}\n            size=\"md\"\n          />\n        );\n      });\n    },\n    [handleRemoveTag],\n  );\n\n  return (\n    <Box\n      className=\"TagBlock\"\n      data-testid=\"kibble-tag-block\"\n      position=\"relative\"\n      mb={3}\n      py={2}\n      pl={4}\n      pr={2}\n      bg=\"background.subtle\"\n      borderRadius=\"lg\"\n      boxShadow={hasError ? `0 0 0 2px var(--chakra-colors-border-danger)` : ''}\n      border=\"1px\"\n      borderColor=\"border\"\n      overflow={loading ? 'hidden' : undefined}\n    >\n      <Flex\n        className=\"TagBlock__ButtonContainer\"\n        data-testid=\"kibble-tag-block-button-container\"\n        justifyContent=\"space-between\"\n      >\n        <HStack gap={1} minH={10}>\n          {title && (\n            <Text className=\"TagBlock__Title\" mr={2} fontWeight=\"bold\">\n              {title}\n            </Text>\n          )}\n          <Menu\n            data-testid=\"kibble-tag-block-menu\"\n            {...menuProps}\n            buttonProps={menuProps?.buttonProps || defaultMenuButtonProps}\n          />\n          <Button\n            className=\"TagBlock__Button--ClearAll\"\n            data-testid=\"kibble-tag-block-clear-all-button\"\n            size=\"sm\"\n            iconName=\"arrowCircle\"\n            variant=\"ghostNeutral\"\n            onClick={onClearAll}\n            disabled={tags.length <= 0}\n          >\n            Clear All\n          </Button>\n        </HStack>\n        {canBeDeleted && (\n          <Box>\n            <Button\n              className=\"TagBlock__Button--Delete\"\n              data-testid=\"kibble-tag-block-delete-button\"\n              iconName=\"trashcan\"\n              variant=\"ghostNeutral\"\n              onClick={onDelete}\n              justifySelf=\"flex-end\"\n            />\n          </Box>\n        )}\n      </Flex>\n      {Boolean(tags.length) && (\n        <Flex\n          className=\"TagBlock__TagContainer\"\n          data-testid=\"kibble-tag-block-tag-container\"\n          mt={2}\n          pb={1}\n          alignContent=\"space-between\"\n          flexWrap=\"wrap\"\n          justifyContent=\"flex-start\"\n          alignItems=\"flex-start\"\n        >\n          {displayTagsInGroups && tagsByGroup.length ? (\n            <Flex direction=\"column\">\n              {tagsByGroup.map(({ groupLabel, tags }) => (\n                <Box key={groupLabel} mb={2}>\n                  <Box className=\"TagBlock__GroupTitle\" data-testid=\"kibble-tag-block-group-title\">\n                    <Heading size=\"xs\" pb={2}>\n                      {groupLabel}\n                    </Heading>\n                  </Box>\n                  <Flex\n                    alignContent=\"space-between\"\n                    flexWrap=\"wrap\"\n                    justifyContent=\"flex-start\"\n                    alignItems=\"flex-start\"\n                  >\n                    {renderTags(tags)}\n                  </Flex>\n                </Box>\n              ))}\n            </Flex>\n          ) : (\n            renderTags(tags)\n          )}\n        </Flex>\n      )}\n      {loading && <Spinner fullScreen />}\n      {hasError && (\n        <Text className=\"TagBlock__Error\" data-testid=\"kibble-tag-block-error\" mt={2} size=\"xs\" variant=\"danger\">\n          {errorText}\n        </Text>\n      )}\n    </Box>\n  );\n};\n"],"names":["TagDisabledState","defaultMenuButtonProps","TagBlock","title","menuProps","tags","canBeDeleted","onClearAll","onRemoveTag","onDelete","hasError","errorText","displayTagsInGroups","loading","handleRemoveTag","useCallback","value","tagsByGroup","React","grouped","tag","group","groupLabel","renderTags","isDisabled","jsx","Tag","jsxs","Box","Flex","HStack","Text","Menu","Button","Heading","Spinner"],"mappings":"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"}

package/dist/chunks/{tagBlock.component-c3i2tk5Y.js → tagBlock.component-DCHwzZEJ.js}

@@ -2,7 +2,7 @@ import { j as e } from "./jsx-runtime-C5mzlN2N.js";
 import T, { useCallback as g } from "react";
 import { B as k } from "./button.component-Br9jCpBx.js";
 import { W as N } from "./heading.component-CSbfsm3W.js";
-import { M as v } from "./menu.component-DSFy9WEh.js";
+import { M as v } from "./menu.component-BlQ8OB2z.js";
 import { S as w } from "./spinner.component-gmb3jWCv.js";
 import { T as W } from "./tag.component-BAH11mPX.js";
 import { W as h } from "./text.component-BMna3XOy.js";
@@ -166,4 +166,4 @@ export {
   q as T,
   d as a
 };
-//# sourceMappingURL=tagBlock.component-c3i2tk5Y.js.map
+//# sourceMappingURL=tagBlock.component-DCHwzZEJ.js.map

package/dist/chunks/{tagBlock.component-c3i2tk5Y.js.map → tagBlock.component-DCHwzZEJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tagBlock.component-c3i2tk5Y.js","sources":["../../src/components/TagBlock/tagBlock.types.ts","../../src/components/TagBlock/tagBlock.component.tsx"],"sourcesContent":["export enum TagDisabledState {\n  Inactive = 'Inactive',\n  Deleted = 'Deleted',\n}\n\nexport interface TagBlockTag {\n  label: string;\n  value: string;\n  groupLabel?: string;\n}\n","import React, { useCallback } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { Button } from 'components/Button/button.component';\nimport { Heading } from 'components/Heading/heading.component';\nimport { Menu, MenuProps } from 'components/Menu/menu.component';\nimport { Spinner } from 'components/Spinner/spinner.component';\nimport { Tag } from 'components/Tag/tag.component';\nimport { Text } from 'components/Text/text.component';\nimport { TagBlockTag, TagDisabledState } from './tagBlock.types';\nimport { MenuButtonProps } from 'components/Menu/components/MenuButton/menuButton.components';\n\ninterface BaseTagBlockProps {\n  displayTagsInGroups?: boolean;\n  errorText?: string;\n  hasError?: boolean;\n  loading?: boolean;\n  menuProps?: MenuProps;\n  onClearAll?: () => void;\n  onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n  tags: TagBlockTag[];\n  title?: string;\n}\n\ninterface DefaultTagBlockProps extends BaseTagBlockProps {\n  canBeDeleted?: false;\n  onDelete?: never;\n}\n\ninterface DeletableTagBlockProps extends BaseTagBlockProps {\n  canBeDeleted: true;\n  onDelete: () => void;\n}\n\nexport type TagBlockProps = DefaultTagBlockProps | DeletableTagBlockProps;\n\nconst defaultMenuButtonProps: MenuButtonProps = {\n  size: 'sm',\n  variant: 'secondarySubtle',\n  iconName: 'plus',\n  text: 'Add',\n  hideCaret: true,\n};\n\nexport const TagBlock = ({\n  title,\n  menuProps,\n  tags,\n  canBeDeleted = false,\n  onClearAll,\n  onRemoveTag,\n  onDelete,\n  hasError = false,\n  errorText = 'This field contains an error',\n  displayTagsInGroups,\n  loading = false,\n}: TagBlockProps): React.JSX.Element => {\n  const handleRemoveTag = useCallback(\n    (value: string): void => {\n      if (onRemoveTag) {\n        onRemoveTag(value, tags);\n      }\n    },\n    [onRemoveTag, tags],\n  );\n\n  const tagsByGroup = React.useMemo(() => {\n    if (!displayTagsInGroups) {\n      return [];\n    }\n    const grouped = {} as Record<string, TagBlockTag[]>;\n    for (const tag of tags) {\n      const group = tag.groupLabel || '-';\n      if (!grouped[group]) {\n        grouped[group] = [];\n      }\n      grouped[group].push(tag);\n    }\n    return Object.entries(grouped).map(([groupLabel, tags]) => ({\n      groupLabel,\n      tags,\n    }));\n  }, [tags, displayTagsInGroups]);\n\n  const renderTags = useCallback(\n    (tags: TagBlockTag[]) => {\n      return tags.map((tag) => {\n        const isDisabled =\n          tag.label.includes(TagDisabledState.Inactive) || tag.label.includes(TagDisabledState.Deleted);\n\n        return (\n          <Tag\n            className=\"TagBlock__Tag\"\n            data-testid=\"kibble-tag-block-tag\"\n            mr={1}\n            mb={1}\n            key={tag.value}\n            label={tag.label}\n            onClose={(): void => handleRemoveTag(tag.value)}\n            closeButtonDisplay=\"always\"\n            fontWeight=\"normal\"\n            color={isDisabled ? 'text.placeholder' : 'text'}\n            size=\"md\"\n          />\n        );\n      });\n    },\n    [handleRemoveTag],\n  );\n\n  return (\n    <Box\n      className=\"TagBlock\"\n      data-testid=\"kibble-tag-block\"\n      position=\"relative\"\n      mb={3}\n      py={2}\n      pl={4}\n      pr={2}\n      bg=\"background.subtle\"\n      borderRadius=\"lg\"\n      boxShadow={hasError ? `0 0 0 2px var(--chakra-colors-border-danger)` : ''}\n      border=\"1px\"\n      borderColor=\"border\"\n      overflow={loading ? 'hidden' : undefined}\n    >\n      <Flex\n        className=\"TagBlock__ButtonContainer\"\n        data-testid=\"kibble-tag-block-button-container\"\n        justifyContent=\"space-between\"\n      >\n        <HStack gap={1} minH={10}>\n          {title && (\n            <Text className=\"TagBlock__Title\" mr={2} fontWeight=\"bold\">\n              {title}\n            </Text>\n          )}\n          <Menu\n            data-testid=\"kibble-tag-block-menu\"\n            {...menuProps}\n            buttonProps={menuProps?.buttonProps || defaultMenuButtonProps}\n          />\n          <Button\n            className=\"TagBlock__Button--ClearAll\"\n            data-testid=\"kibble-tag-block-clear-all-button\"\n            size=\"sm\"\n            iconName=\"arrowCircle\"\n            variant=\"ghostNeutral\"\n            onClick={onClearAll}\n            disabled={tags.length <= 0}\n          >\n            Clear All\n          </Button>\n        </HStack>\n        {canBeDeleted && (\n          <Box>\n            <Button\n              className=\"TagBlock__Button--Delete\"\n              data-testid=\"kibble-tag-block-delete-button\"\n              iconName=\"trashcan\"\n              variant=\"ghostNeutral\"\n              onClick={onDelete}\n              justifySelf=\"flex-end\"\n            />\n          </Box>\n        )}\n      </Flex>\n      {Boolean(tags.length) && (\n        <Flex\n          className=\"TagBlock__TagContainer\"\n          data-testid=\"kibble-tag-block-tag-container\"\n          mt={2}\n          pb={1}\n          alignContent=\"space-between\"\n          flexWrap=\"wrap\"\n          justifyContent=\"flex-start\"\n          alignItems=\"flex-start\"\n        >\n          {displayTagsInGroups && tagsByGroup.length ? (\n            <Flex direction=\"column\">\n              {tagsByGroup.map(({ groupLabel, tags }) => (\n                <Box key={groupLabel} mb={2}>\n                  <Box className=\"TagBlock__GroupTitle\" data-testid=\"kibble-tag-block-group-title\">\n                    <Heading size=\"xs\" pb={2}>\n                      {groupLabel}\n                    </Heading>\n                  </Box>\n                  <Flex\n                    alignContent=\"space-between\"\n                    flexWrap=\"wrap\"\n                    justifyContent=\"flex-start\"\n                    alignItems=\"flex-start\"\n                  >\n                    {renderTags(tags)}\n                  </Flex>\n                </Box>\n              ))}\n            </Flex>\n          ) : (\n            renderTags(tags)\n          )}\n        </Flex>\n      )}\n      {loading && <Spinner fullScreen />}\n      {hasError && (\n        <Text className=\"TagBlock__Error\" data-testid=\"kibble-tag-block-error\" mt={2} size=\"xs\" variant=\"danger\">\n          {errorText}\n        </Text>\n      )}\n    </Box>\n  );\n};\n"],"names":["TagDisabledState","defaultMenuButtonProps","TagBlock","title","menuProps","tags","canBeDeleted","onClearAll","onRemoveTag","onDelete","hasError","errorText","displayTagsInGroups","loading","handleRemoveTag","useCallback","value","tagsByGroup","React","grouped","tag","group","groupLabel","renderTags","isDisabled","jsx","Tag","jsxs","Box","Flex","HStack","Text","Menu","Button","Heading","Spinner"],"mappings":"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"}
+{"version":3,"file":"tagBlock.component-DCHwzZEJ.js","sources":["../../src/components/TagBlock/tagBlock.types.ts","../../src/components/TagBlock/tagBlock.component.tsx"],"sourcesContent":["export enum TagDisabledState {\n  Inactive = 'Inactive',\n  Deleted = 'Deleted',\n}\n\nexport interface TagBlockTag {\n  label: string;\n  value: string;\n  groupLabel?: string;\n}\n","import React, { useCallback } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { Button } from 'components/Button/button.component';\nimport { Heading } from 'components/Heading/heading.component';\nimport { Menu, MenuProps } from 'components/Menu/menu.component';\nimport { Spinner } from 'components/Spinner/spinner.component';\nimport { Tag } from 'components/Tag/tag.component';\nimport { Text } from 'components/Text/text.component';\nimport { TagBlockTag, TagDisabledState } from './tagBlock.types';\nimport { MenuButtonProps } from 'components/Menu/components/MenuButton/menuButton.components';\n\ninterface BaseTagBlockProps {\n  displayTagsInGroups?: boolean;\n  errorText?: string;\n  hasError?: boolean;\n  loading?: boolean;\n  menuProps?: MenuProps;\n  onClearAll?: () => void;\n  onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n  tags: TagBlockTag[];\n  title?: string;\n}\n\ninterface DefaultTagBlockProps extends BaseTagBlockProps {\n  canBeDeleted?: false;\n  onDelete?: never;\n}\n\ninterface DeletableTagBlockProps extends BaseTagBlockProps {\n  canBeDeleted: true;\n  onDelete: () => void;\n}\n\nexport type TagBlockProps = DefaultTagBlockProps | DeletableTagBlockProps;\n\nconst defaultMenuButtonProps: MenuButtonProps = {\n  size: 'sm',\n  variant: 'secondarySubtle',\n  iconName: 'plus',\n  text: 'Add',\n  hideCaret: true,\n};\n\nexport const TagBlock = ({\n  title,\n  menuProps,\n  tags,\n  canBeDeleted = false,\n  onClearAll,\n  onRemoveTag,\n  onDelete,\n  hasError = false,\n  errorText = 'This field contains an error',\n  displayTagsInGroups,\n  loading = false,\n}: TagBlockProps): React.JSX.Element => {\n  const handleRemoveTag = useCallback(\n    (value: string): void => {\n      if (onRemoveTag) {\n        onRemoveTag(value, tags);\n      }\n    },\n    [onRemoveTag, tags],\n  );\n\n  const tagsByGroup = React.useMemo(() => {\n    if (!displayTagsInGroups) {\n      return [];\n    }\n    const grouped = {} as Record<string, TagBlockTag[]>;\n    for (const tag of tags) {\n      const group = tag.groupLabel || '-';\n      if (!grouped[group]) {\n        grouped[group] = [];\n      }\n      grouped[group].push(tag);\n    }\n    return Object.entries(grouped).map(([groupLabel, tags]) => ({\n      groupLabel,\n      tags,\n    }));\n  }, [tags, displayTagsInGroups]);\n\n  const renderTags = useCallback(\n    (tags: TagBlockTag[]) => {\n      return tags.map((tag) => {\n        const isDisabled =\n          tag.label.includes(TagDisabledState.Inactive) || tag.label.includes(TagDisabledState.Deleted);\n\n        return (\n          <Tag\n            className=\"TagBlock__Tag\"\n            data-testid=\"kibble-tag-block-tag\"\n            mr={1}\n            mb={1}\n            key={tag.value}\n            label={tag.label}\n            onClose={(): void => handleRemoveTag(tag.value)}\n            closeButtonDisplay=\"always\"\n            fontWeight=\"normal\"\n            color={isDisabled ? 'text.placeholder' : 'text'}\n            size=\"md\"\n          />\n        );\n      });\n    },\n    [handleRemoveTag],\n  );\n\n  return (\n    <Box\n      className=\"TagBlock\"\n      data-testid=\"kibble-tag-block\"\n      position=\"relative\"\n      mb={3}\n      py={2}\n      pl={4}\n      pr={2}\n      bg=\"background.subtle\"\n      borderRadius=\"lg\"\n      boxShadow={hasError ? `0 0 0 2px var(--chakra-colors-border-danger)` : ''}\n      border=\"1px\"\n      borderColor=\"border\"\n      overflow={loading ? 'hidden' : undefined}\n    >\n      <Flex\n        className=\"TagBlock__ButtonContainer\"\n        data-testid=\"kibble-tag-block-button-container\"\n        justifyContent=\"space-between\"\n      >\n        <HStack gap={1} minH={10}>\n          {title && (\n            <Text className=\"TagBlock__Title\" mr={2} fontWeight=\"bold\">\n              {title}\n            </Text>\n          )}\n          <Menu\n            data-testid=\"kibble-tag-block-menu\"\n            {...menuProps}\n            buttonProps={menuProps?.buttonProps || defaultMenuButtonProps}\n          />\n          <Button\n            className=\"TagBlock__Button--ClearAll\"\n            data-testid=\"kibble-tag-block-clear-all-button\"\n            size=\"sm\"\n            iconName=\"arrowCircle\"\n            variant=\"ghostNeutral\"\n            onClick={onClearAll}\n            disabled={tags.length <= 0}\n          >\n            Clear All\n          </Button>\n        </HStack>\n        {canBeDeleted && (\n          <Box>\n            <Button\n              className=\"TagBlock__Button--Delete\"\n              data-testid=\"kibble-tag-block-delete-button\"\n              iconName=\"trashcan\"\n              variant=\"ghostNeutral\"\n              onClick={onDelete}\n              justifySelf=\"flex-end\"\n            />\n          </Box>\n        )}\n      </Flex>\n      {Boolean(tags.length) && (\n        <Flex\n          className=\"TagBlock__TagContainer\"\n          data-testid=\"kibble-tag-block-tag-container\"\n          mt={2}\n          pb={1}\n          alignContent=\"space-between\"\n          flexWrap=\"wrap\"\n          justifyContent=\"flex-start\"\n          alignItems=\"flex-start\"\n        >\n          {displayTagsInGroups && tagsByGroup.length ? (\n            <Flex direction=\"column\">\n              {tagsByGroup.map(({ groupLabel, tags }) => (\n                <Box key={groupLabel} mb={2}>\n                  <Box className=\"TagBlock__GroupTitle\" data-testid=\"kibble-tag-block-group-title\">\n                    <Heading size=\"xs\" pb={2}>\n                      {groupLabel}\n                    </Heading>\n                  </Box>\n                  <Flex\n                    alignContent=\"space-between\"\n                    flexWrap=\"wrap\"\n                    justifyContent=\"flex-start\"\n                    alignItems=\"flex-start\"\n                  >\n                    {renderTags(tags)}\n                  </Flex>\n                </Box>\n              ))}\n            </Flex>\n          ) : (\n            renderTags(tags)\n          )}\n        </Flex>\n      )}\n      {loading && <Spinner fullScreen />}\n      {hasError && (\n        <Text className=\"TagBlock__Error\" data-testid=\"kibble-tag-block-error\" mt={2} size=\"xs\" variant=\"danger\">\n          {errorText}\n        </Text>\n      )}\n    </Box>\n  );\n};\n"],"names":["TagDisabledState","defaultMenuButtonProps","TagBlock","title","menuProps","tags","canBeDeleted","onClearAll","onRemoveTag","onDelete","hasError","errorText","displayTagsInGroups","loading","handleRemoveTag","useCallback","value","tagsByGroup","React","grouped","tag","group","groupLabel","renderTags","isDisabled","jsx","Tag","jsxs","Box","Flex","HStack","Text","Menu","Button","Heading","Spinner"],"mappings":"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"}