@televet/kibble-ui 4.0.0-beta.62 → 4.0.0-beta.63

package/dist/chunks/{radioGroup.component-DdbV3DhY.js.map → radioGroup.component-CyJiJHx5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.component-DdbV3DhY.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, { ForwardedRef } 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 {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { Text } from \"components/Text/text.component\";\n\nexport interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {\n  checked?: boolean;\n  radioRef?: ForwardedRef<HTMLDivElement>;\n  size?: FormControlSize;\n  withCard?: boolean;\n}\n\nconst Radio = withFormControl(\n  ({\n    children,\n    checked = false,\n    disabled = false,\n    invalid = false,\n    onContrast = false,\n    radioRef,\n    size = \"md\",\n    withCard = false,\n    ...rest\n  }: RadioProps): React.JSX.Element => {\n    const RadioCard: React.FC<CardProps> = withCard\n      ? (props): React.JSX.Element => {\n          const pr =\n            (RadioSizeMap[size] +\n              RadioTextSpacing[size] +\n              CardPaddingMap[size]) *\n            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={radioRef}\n        {...rest}\n      >\n        <RadioCard>\n          <RadioGroup.ItemHiddenInput\n            className=\"Radio__Input\"\n            data-testid=\"kibble-radio-input\"\n          />\n          <RadioGroup.ItemIndicator\n            className=\"Radio__Indicator\"\n            data-testid=\"kibble-radio-indicator\"\n          />\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\n                  size={size}\n                  lineHeight=\"unset\"\n                  variant={onContrast ? \"onContrast\" : \"default\"}\n                >\n                  {children}\n                </Text>\n              ) : (\n                children\n              )}\n            </RadioGroup.ItemText>\n          )}\n        </RadioCard>\n      </RadioGroup.Item>\n    );\n  },\n);\n\nconst WrappedRadio = React.forwardRef(\n  (props: RadioProps, ref: ForwardedRef<HTMLDivElement>) => (\n    <Radio radioRef={ref} {...props} />\n  ),\n);\n\nWrappedRadio.displayName = \"Radio\";\n\nexport { WrappedRadio as Radio };\n","import React from \"react\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} 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 =\n              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 = \"CheckboxGroup\";\n\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","withFormControl","invalid","onContrast","radioRef","size","withCard","RadioCard","pr","RadioSizeMap","RadioTextSpacing","CardPaddingMap","Card","React","RadioGroup.ItemIndicator","Text","WrappedRadio","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-CyJiJHx5.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, { ForwardedRef } 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 {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { Text } from \"components/Text/text.component\";\n\nexport interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {\n  checked?: boolean;\n  radioRef?: ForwardedRef<HTMLDivElement>;\n  size?: FormControlSize;\n  withCard?: boolean;\n}\n\nconst Radio = withFormControl(\n  ({\n    children,\n    checked = false,\n    disabled = false,\n    invalid = false,\n    onContrast = false,\n    radioRef,\n    size = \"md\",\n    withCard = false,\n    ...rest\n  }: RadioProps): React.JSX.Element => {\n    const RadioCard: React.FC<CardProps> = withCard\n      ? (props): React.JSX.Element => {\n          const pr =\n            (RadioSizeMap[size] +\n              RadioTextSpacing[size] +\n              CardPaddingMap[size]) *\n            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={radioRef}\n        {...rest}\n      >\n        <RadioCard>\n          <RadioGroup.ItemHiddenInput\n            className=\"Radio__Input\"\n            data-testid=\"kibble-radio-input\"\n          />\n          <RadioGroup.ItemIndicator\n            className=\"Radio__Indicator\"\n            data-testid=\"kibble-radio-indicator\"\n          />\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\n                  size={size}\n                  lineHeight=\"unset\"\n                  variant={onContrast ? \"onContrast\" : \"default\"}\n                >\n                  {children}\n                </Text>\n              ) : (\n                children\n              )}\n            </RadioGroup.ItemText>\n          )}\n        </RadioCard>\n      </RadioGroup.Item>\n    );\n  },\n);\n\nconst WrappedRadio = React.forwardRef(\n  (props: RadioProps, ref: ForwardedRef<HTMLDivElement>) => (\n    <Radio radioRef={ref} {...props} />\n  ),\n);\n\nWrappedRadio.displayName = \"Radio\";\n\nexport { WrappedRadio as Radio };\n","import React from \"react\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} 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 =\n              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 = \"CheckboxGroup\";\n\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","withFormControl","invalid","onContrast","radioRef","size","withCard","RadioCard","pr","RadioSizeMap","RadioTextSpacing","CardPaddingMap","Card","React","RadioGroup.ItemIndicator","Text","WrappedRadio","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/{ratingDots.component-C29qdjq4.js → ratingDots.component-BKUKL6Mz.js}

@@ -1,2 +1,2 @@
-"use strict";const t=require("./jsx-runtime-BjDatQAs.js"),d=require("react"),c=require("./text.component--epnA3h2.js"),R=require("./config-BFcXpdZo.js"),f=require("./use-recipe-DaPWl_pL.js"),g=require("./flex-D14H6HbP.js"),v=require("./withFormControl-BI5J885a.js"),h=require("./box-Baq7UBls.js"),C=R.defineRecipe({base:{alignItems:"center",border:"2px",borderColor:"border.focus",borderRadius:"full",fontSize:"lg",justifyContent:"center",mb:1,mr:1},variants:{variant:{default:{bgColor:"background.secondary",color:"text.contrast",cursor:"default",h:"40px",w:"40px"},interactive:{bgColor:"transparent",color:"text.interactive",cursor:"pointer",h:"60px",w:"60px","&[data-disabled][data-active]":{bgColor:"background.secondary",color:"text.contrast"},_active:{bgColor:"background.secondary",color:"text.contrast",_hover:{bgColor:"background.secondary"}},_disabled:{cursor:"not-allowed",opacity:.6},_hover:{bgColor:"background.secondaryAlpha.hover"},_invalid:{borderColor:"border.danger"}}}},defaultVariants:{variant:"default"}}),y=({active:s,disabled:u,invalid:l,number:e,onClick:r})=>{const a=r?"interactive":"default",o=f.useRecipe({recipe:C})({variant:a}),p=d.useCallback(i=>{i.preventDefault(),r&&r(e)},[e,r]);return t.jsxRuntimeExports.jsx(g.Flex,{...s&&{"data-active":"true"},...u?{"data-disabled":"true"}:{onClick:p},...l&&{"data-invalid":"true"},css:o,children:e})},E=v.withFormControl(({centeredLabel:s,disabled:u,invalid:l,minLabel:e,minValue:r,maxLabel:a,maxValue:x,onChange:o,value:p})=>{const i=d.useMemo(()=>Math.round(r),[r]),b=d.useMemo(()=>Math.round(x),[x]),m=d.useMemo(()=>{const n=[];for(let j=i;j<=b;j++)n.push(j);return n},[b,i]);return t.jsxRuntimeExports.jsxs(h.Box,{className:"RatingDots","data-testid":"kibble-rating-dots",children:[t.jsxRuntimeExports.jsx(g.Flex,{className:"RatingDots__Container","data-testid":"kibble-rating-dots-container",my:4,flexWrap:"wrap",justifyContent:o?"center":"flex-start",children:m.map(n=>t.jsxRuntimeExports.jsx(y,{number:n,active:n===p,disabled:u,invalid:l,onClick:o},`rating-dot-${n}`))}),(s||e||a)&&t.jsxRuntimeExports.jsx(g.Flex,{className:"RatingDots__Label","data-testid":"kibble-rating-dots-label",justifyContent:o?s?"center":"space-between":"flex-start",children:s?t.jsxRuntimeExports.jsx(c.WrappedText,{variant:"subtle",size:"sm",children:s}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[e&&t.jsxRuntimeExports.jsx(c.WrappedText,{variant:"subtle",size:"sm",children:`${i} - ${e}`}),!o&&t.jsxRuntimeExports.jsx(c.WrappedText,{variant:"subtle",size:"sm",pr:1,children:","}),a&&t.jsxRuntimeExports.jsx(c.WrappedText,{variant:"subtle",size:"sm",children:`${b} - ${a}`})]})})]})});exports.RatingDots=E;
-//# sourceMappingURL=ratingDots.component-C29qdjq4.js.map
+"use strict";const t=require("./jsx-runtime-BjDatQAs.js"),d=require("react"),c=require("./withTruncation-XdRr8uDJ.js"),m=require("./config-BFcXpdZo.js"),f=require("./use-recipe-DaPWl_pL.js"),g=require("./flex-D14H6HbP.js"),v=require("./withFormControl-BI8pqhZl.js"),h=require("./box-Baq7UBls.js"),C=m.defineRecipe({base:{alignItems:"center",border:"2px",borderColor:"border.focus",borderRadius:"full",fontSize:"lg",justifyContent:"center",mb:1,mr:1},variants:{variant:{default:{bgColor:"background.secondary",color:"text.contrast",cursor:"default",h:"40px",w:"40px"},interactive:{bgColor:"transparent",color:"text.interactive",cursor:"pointer",h:"60px",w:"60px","&[data-disabled][data-active]":{bgColor:"background.secondary",color:"text.contrast"},_active:{bgColor:"background.secondary",color:"text.contrast",_hover:{bgColor:"background.secondary"}},_disabled:{cursor:"not-allowed",opacity:.6},_hover:{bgColor:"background.secondaryAlpha.hover"},_invalid:{borderColor:"border.danger"}}}},defaultVariants:{variant:"default"}}),y=({active:s,disabled:u,invalid:l,number:e,onClick:r})=>{const i=r?"interactive":"default",o=f.useRecipe({recipe:C})({variant:i}),p=d.useCallback(a=>{a.preventDefault(),r&&r(e)},[e,r]);return t.jsxRuntimeExports.jsx(g.Flex,{...s&&{"data-active":"true"},...u?{"data-disabled":"true"}:{onClick:p},...l&&{"data-invalid":"true"},css:o,children:e})},E=v.withFormControl(({centeredLabel:s,disabled:u,invalid:l,minLabel:e,minValue:r,maxLabel:i,maxValue:x,onChange:o,value:p})=>{const a=d.useMemo(()=>Math.round(r),[r]),b=d.useMemo(()=>Math.round(x),[x]),R=d.useMemo(()=>{const n=[];for(let j=a;j<=b;j++)n.push(j);return n},[b,a]);return t.jsxRuntimeExports.jsxs(h.Box,{className:"RatingDots","data-testid":"kibble-rating-dots",children:[t.jsxRuntimeExports.jsx(g.Flex,{className:"RatingDots__Container","data-testid":"kibble-rating-dots-container",my:4,flexWrap:"wrap",justifyContent:o?"center":"flex-start",children:R.map(n=>t.jsxRuntimeExports.jsx(y,{number:n,active:n===p,disabled:u,invalid:l,onClick:o},`rating-dot-${n}`))}),(s||e||i)&&t.jsxRuntimeExports.jsx(g.Flex,{className:"RatingDots__Label","data-testid":"kibble-rating-dots-label",justifyContent:o?s?"center":"space-between":"flex-start",children:s?t.jsxRuntimeExports.jsx(c.WrappedText,{variant:"subtle",size:"sm",children:s}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[e&&t.jsxRuntimeExports.jsx(c.WrappedText,{variant:"subtle",size:"sm",children:`${a} - ${e}`}),!o&&t.jsxRuntimeExports.jsx(c.WrappedText,{variant:"subtle",size:"sm",pr:1,children:","}),i&&t.jsxRuntimeExports.jsx(c.WrappedText,{variant:"subtle",size:"sm",children:`${b} - ${i}`})]})})]})});exports.RatingDots=E;
+//# sourceMappingURL=ratingDots.component-BKUKL6Mz.js.map

package/dist/chunks/{ratingDots.component-C29qdjq4.js.map → ratingDots.component-BKUKL6Mz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ratingDots.component-C29qdjq4.js","sources":["../../src/components/RatingDots/components/RatingDot/ratingDot.recipe.ts","../../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx","../../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const ratingDotRecipe = defineRecipe({\n  base: {\n    alignItems: \"center\",\n    border: \"2px\",\n    borderColor: \"border.focus\",\n    borderRadius: \"full\",\n    fontSize: \"lg\",\n    justifyContent: \"center\",\n    mb: 1,\n    mr: 1,\n  },\n  variants: {\n    variant: {\n      default: {\n        bgColor: \"background.secondary\",\n        color: \"text.contrast\",\n        cursor: \"default\",\n        h: \"40px\",\n        w: \"40px\",\n      },\n      interactive: {\n        bgColor: \"transparent\",\n        color: \"text.interactive\",\n        cursor: \"pointer\",\n        h: \"60px\",\n        w: \"60px\",\n        \"&[data-disabled][data-active]\": {\n          bgColor: \"background.secondary\",\n          color: \"text.contrast\",\n        },\n        _active: {\n          bgColor: \"background.secondary\",\n          color: \"text.contrast\",\n          _hover: {\n            bgColor: \"background.secondary\",\n          },\n        },\n        _disabled: {\n          cursor: \"not-allowed\",\n          opacity: 0.6,\n        },\n        _hover: {\n          bgColor: \"background.secondaryAlpha.hover\",\n        },\n        _invalid: {\n          borderColor: \"border.danger\",\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n","import React, { useCallback } from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { ratingDotRecipe } from \"./ratingDot.recipe\";\n\nexport interface RatingDotProps {\n  active?: boolean;\n  disabled?: boolean;\n  invalid?: boolean;\n  number: number;\n  onClick?: (value: number) => void;\n}\n\nexport const RatingDot = ({\n  active,\n  disabled,\n  invalid,\n  number,\n  onClick,\n}: RatingDotProps): React.JSX.Element => {\n  const variant = onClick ? \"interactive\" : \"default\";\n  const recipe = useRecipe({ recipe: ratingDotRecipe });\n  const styles = recipe({ variant });\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent<HTMLDivElement, MouseEvent>): void => {\n      e.preventDefault();\n      if (onClick) onClick(number);\n    },\n    [number, onClick],\n  );\n\n  return (\n    <Flex\n      {...(active && { \"data-active\": \"true\" })}\n      {...(disabled ? { \"data-disabled\": \"true\" } : { onClick: handleClick })}\n      {...(invalid && { \"data-invalid\": \"true\" })}\n      css={styles}\n    >\n      {number}\n    </Flex>\n  );\n};\n","import React, { useMemo } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Text } from \"components/Text/text.component\";\nimport { RatingDot } from \"./components/RatingDot/ratingDot.component\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\n\nexport interface RatingDotsProps extends WithFormControlProps {\n  centeredLabel?: string;\n  maxLabel?: string;\n  maxValue: number;\n  minLabel?: string;\n  minValue: number;\n  onChange?: (value: number) => void;\n  value?: number;\n}\n\nexport const RatingDots = withFormControl(\n  ({\n    centeredLabel,\n    disabled,\n    invalid,\n    minLabel,\n    minValue,\n    maxLabel,\n    maxValue,\n    onChange,\n    value,\n  }: RatingDotsProps): React.JSX.Element => {\n    const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n    const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n    const values = useMemo(() => {\n      const arr = [];\n      for (let i = roundedMin; i <= roundedMax; i++) {\n        arr.push(i);\n      }\n      return arr;\n    }, [roundedMax, roundedMin]);\n\n    return (\n      <Box className=\"RatingDots\" data-testid=\"kibble-rating-dots\">\n        <Flex\n          className=\"RatingDots__Container\"\n          data-testid=\"kibble-rating-dots-container\"\n          my={4}\n          flexWrap=\"wrap\"\n          justifyContent={onChange ? \"center\" : \"flex-start\"}\n        >\n          {values.map((val) => (\n            <RatingDot\n              key={`rating-dot-${val}`}\n              number={val}\n              active={val === value}\n              disabled={disabled}\n              invalid={invalid}\n              onClick={onChange}\n            />\n          ))}\n        </Flex>\n        {(centeredLabel || minLabel || maxLabel) && (\n          <Flex\n            className=\"RatingDots__Label\"\n            data-testid=\"kibble-rating-dots-label\"\n            justifyContent={\n              onChange\n                ? centeredLabel\n                  ? \"center\"\n                  : \"space-between\"\n                : \"flex-start\"\n            }\n          >\n            {centeredLabel ? (\n              <Text variant=\"subtle\" size=\"sm\">\n                {centeredLabel}\n              </Text>\n            ) : (\n              <>\n                {minLabel && (\n                  <Text\n                    variant=\"subtle\"\n                    size=\"sm\"\n                  >{`${roundedMin} - ${minLabel}`}</Text>\n                )}\n                {!onChange && (\n                  <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>\n                )}\n                {maxLabel && (\n                  <Text\n                    variant=\"subtle\"\n                    size=\"sm\"\n                  >{`${roundedMax} - ${maxLabel}`}</Text>\n                )}\n              </>\n            )}\n          </Flex>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["ratingDotRecipe","defineRecipe","RatingDot","active","disabled","invalid","number","onClick","variant","styles","useRecipe","handleClick","useCallback","e","jsx","Flex","RatingDots","withFormControl","centeredLabel","minLabel","minValue","maxLabel","maxValue","onChange","value","roundedMin","useMemo","roundedMax","values","arr","i","jsxs","Box","val","Text","Fragment"],"mappings":"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"}
+{"version":3,"file":"ratingDots.component-BKUKL6Mz.js","sources":["../../src/components/RatingDots/components/RatingDot/ratingDot.recipe.ts","../../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx","../../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const ratingDotRecipe = defineRecipe({\n  base: {\n    alignItems: \"center\",\n    border: \"2px\",\n    borderColor: \"border.focus\",\n    borderRadius: \"full\",\n    fontSize: \"lg\",\n    justifyContent: \"center\",\n    mb: 1,\n    mr: 1,\n  },\n  variants: {\n    variant: {\n      default: {\n        bgColor: \"background.secondary\",\n        color: \"text.contrast\",\n        cursor: \"default\",\n        h: \"40px\",\n        w: \"40px\",\n      },\n      interactive: {\n        bgColor: \"transparent\",\n        color: \"text.interactive\",\n        cursor: \"pointer\",\n        h: \"60px\",\n        w: \"60px\",\n        \"&[data-disabled][data-active]\": {\n          bgColor: \"background.secondary\",\n          color: \"text.contrast\",\n        },\n        _active: {\n          bgColor: \"background.secondary\",\n          color: \"text.contrast\",\n          _hover: {\n            bgColor: \"background.secondary\",\n          },\n        },\n        _disabled: {\n          cursor: \"not-allowed\",\n          opacity: 0.6,\n        },\n        _hover: {\n          bgColor: \"background.secondaryAlpha.hover\",\n        },\n        _invalid: {\n          borderColor: \"border.danger\",\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n","import React, { useCallback } from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { ratingDotRecipe } from \"./ratingDot.recipe\";\n\nexport interface RatingDotProps {\n  active?: boolean;\n  disabled?: boolean;\n  invalid?: boolean;\n  number: number;\n  onClick?: (value: number) => void;\n}\n\nexport const RatingDot = ({\n  active,\n  disabled,\n  invalid,\n  number,\n  onClick,\n}: RatingDotProps): React.JSX.Element => {\n  const variant = onClick ? \"interactive\" : \"default\";\n  const recipe = useRecipe({ recipe: ratingDotRecipe });\n  const styles = recipe({ variant });\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent<HTMLDivElement, MouseEvent>): void => {\n      e.preventDefault();\n      if (onClick) onClick(number);\n    },\n    [number, onClick],\n  );\n\n  return (\n    <Flex\n      {...(active && { \"data-active\": \"true\" })}\n      {...(disabled ? { \"data-disabled\": \"true\" } : { onClick: handleClick })}\n      {...(invalid && { \"data-invalid\": \"true\" })}\n      css={styles}\n    >\n      {number}\n    </Flex>\n  );\n};\n","import React, { useMemo } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Text } from \"components/Text/text.component\";\nimport { RatingDot } from \"./components/RatingDot/ratingDot.component\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\n\nexport interface RatingDotsProps extends WithFormControlProps {\n  centeredLabel?: string;\n  maxLabel?: string;\n  maxValue: number;\n  minLabel?: string;\n  minValue: number;\n  onChange?: (value: number) => void;\n  value?: number;\n}\n\nexport const RatingDots = withFormControl(\n  ({\n    centeredLabel,\n    disabled,\n    invalid,\n    minLabel,\n    minValue,\n    maxLabel,\n    maxValue,\n    onChange,\n    value,\n  }: RatingDotsProps): React.JSX.Element => {\n    const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n    const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n    const values = useMemo(() => {\n      const arr = [];\n      for (let i = roundedMin; i <= roundedMax; i++) {\n        arr.push(i);\n      }\n      return arr;\n    }, [roundedMax, roundedMin]);\n\n    return (\n      <Box className=\"RatingDots\" data-testid=\"kibble-rating-dots\">\n        <Flex\n          className=\"RatingDots__Container\"\n          data-testid=\"kibble-rating-dots-container\"\n          my={4}\n          flexWrap=\"wrap\"\n          justifyContent={onChange ? \"center\" : \"flex-start\"}\n        >\n          {values.map((val) => (\n            <RatingDot\n              key={`rating-dot-${val}`}\n              number={val}\n              active={val === value}\n              disabled={disabled}\n              invalid={invalid}\n              onClick={onChange}\n            />\n          ))}\n        </Flex>\n        {(centeredLabel || minLabel || maxLabel) && (\n          <Flex\n            className=\"RatingDots__Label\"\n            data-testid=\"kibble-rating-dots-label\"\n            justifyContent={\n              onChange\n                ? centeredLabel\n                  ? \"center\"\n                  : \"space-between\"\n                : \"flex-start\"\n            }\n          >\n            {centeredLabel ? (\n              <Text variant=\"subtle\" size=\"sm\">\n                {centeredLabel}\n              </Text>\n            ) : (\n              <>\n                {minLabel && (\n                  <Text\n                    variant=\"subtle\"\n                    size=\"sm\"\n                  >{`${roundedMin} - ${minLabel}`}</Text>\n                )}\n                {!onChange && (\n                  <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>\n                )}\n                {maxLabel && (\n                  <Text\n                    variant=\"subtle\"\n                    size=\"sm\"\n                  >{`${roundedMax} - ${maxLabel}`}</Text>\n                )}\n              </>\n            )}\n          </Flex>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["ratingDotRecipe","defineRecipe","RatingDot","active","disabled","invalid","number","onClick","variant","styles","useRecipe","handleClick","useCallback","e","jsx","Flex","RatingDots","withFormControl","centeredLabel","minLabel","minValue","maxLabel","maxValue","onChange","value","roundedMin","useMemo","roundedMax","values","arr","i","jsxs","Box","val","Text","Fragment"],"mappings":"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"}

package/dist/chunks/{ratingDots.component-DMpVMl56.js → ratingDots.component-HUIKoSFb.js}

@@ -1,10 +1,10 @@
 import { j as t } from "./jsx-runtime-C5mzlN2N.js";
 import { useCallback as v, useMemo as x } from "react";
-import { W as c } from "./text.component-Ci1Zx-Vb.js";
-import { b as h } from "./config-DlTdf-Yt.js";
+import { W as c } from "./withTruncation-CDgWfFpO.js";
+import { b as h } from "./config-B1FINd7s.js";
 import { u as j } from "./use-recipe-d63ABaZ3.js";
 import { F as m } from "./flex-smlF8uQG.js";
-import { w as y } from "./withFormControl-TnKXd5oM.js";
+import { w as y } from "./withFormControl-Cb632r_x.js";
 import { B as C } from "./box-Ck9I7FYv.js";
 const R = h({
   base: {
@@ -155,4 +155,4 @@ const R = h({
 export {
   W as R
 };
-//# sourceMappingURL=ratingDots.component-DMpVMl56.js.map
+//# sourceMappingURL=ratingDots.component-HUIKoSFb.js.map

package/dist/chunks/{ratingDots.component-DMpVMl56.js.map → ratingDots.component-HUIKoSFb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ratingDots.component-DMpVMl56.js","sources":["../../src/components/RatingDots/components/RatingDot/ratingDot.recipe.ts","../../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx","../../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const ratingDotRecipe = defineRecipe({\n  base: {\n    alignItems: \"center\",\n    border: \"2px\",\n    borderColor: \"border.focus\",\n    borderRadius: \"full\",\n    fontSize: \"lg\",\n    justifyContent: \"center\",\n    mb: 1,\n    mr: 1,\n  },\n  variants: {\n    variant: {\n      default: {\n        bgColor: \"background.secondary\",\n        color: \"text.contrast\",\n        cursor: \"default\",\n        h: \"40px\",\n        w: \"40px\",\n      },\n      interactive: {\n        bgColor: \"transparent\",\n        color: \"text.interactive\",\n        cursor: \"pointer\",\n        h: \"60px\",\n        w: \"60px\",\n        \"&[data-disabled][data-active]\": {\n          bgColor: \"background.secondary\",\n          color: \"text.contrast\",\n        },\n        _active: {\n          bgColor: \"background.secondary\",\n          color: \"text.contrast\",\n          _hover: {\n            bgColor: \"background.secondary\",\n          },\n        },\n        _disabled: {\n          cursor: \"not-allowed\",\n          opacity: 0.6,\n        },\n        _hover: {\n          bgColor: \"background.secondaryAlpha.hover\",\n        },\n        _invalid: {\n          borderColor: \"border.danger\",\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n","import React, { useCallback } from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { ratingDotRecipe } from \"./ratingDot.recipe\";\n\nexport interface RatingDotProps {\n  active?: boolean;\n  disabled?: boolean;\n  invalid?: boolean;\n  number: number;\n  onClick?: (value: number) => void;\n}\n\nexport const RatingDot = ({\n  active,\n  disabled,\n  invalid,\n  number,\n  onClick,\n}: RatingDotProps): React.JSX.Element => {\n  const variant = onClick ? \"interactive\" : \"default\";\n  const recipe = useRecipe({ recipe: ratingDotRecipe });\n  const styles = recipe({ variant });\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent<HTMLDivElement, MouseEvent>): void => {\n      e.preventDefault();\n      if (onClick) onClick(number);\n    },\n    [number, onClick],\n  );\n\n  return (\n    <Flex\n      {...(active && { \"data-active\": \"true\" })}\n      {...(disabled ? { \"data-disabled\": \"true\" } : { onClick: handleClick })}\n      {...(invalid && { \"data-invalid\": \"true\" })}\n      css={styles}\n    >\n      {number}\n    </Flex>\n  );\n};\n","import React, { useMemo } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Text } from \"components/Text/text.component\";\nimport { RatingDot } from \"./components/RatingDot/ratingDot.component\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\n\nexport interface RatingDotsProps extends WithFormControlProps {\n  centeredLabel?: string;\n  maxLabel?: string;\n  maxValue: number;\n  minLabel?: string;\n  minValue: number;\n  onChange?: (value: number) => void;\n  value?: number;\n}\n\nexport const RatingDots = withFormControl(\n  ({\n    centeredLabel,\n    disabled,\n    invalid,\n    minLabel,\n    minValue,\n    maxLabel,\n    maxValue,\n    onChange,\n    value,\n  }: RatingDotsProps): React.JSX.Element => {\n    const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n    const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n    const values = useMemo(() => {\n      const arr = [];\n      for (let i = roundedMin; i <= roundedMax; i++) {\n        arr.push(i);\n      }\n      return arr;\n    }, [roundedMax, roundedMin]);\n\n    return (\n      <Box className=\"RatingDots\" data-testid=\"kibble-rating-dots\">\n        <Flex\n          className=\"RatingDots__Container\"\n          data-testid=\"kibble-rating-dots-container\"\n          my={4}\n          flexWrap=\"wrap\"\n          justifyContent={onChange ? \"center\" : \"flex-start\"}\n        >\n          {values.map((val) => (\n            <RatingDot\n              key={`rating-dot-${val}`}\n              number={val}\n              active={val === value}\n              disabled={disabled}\n              invalid={invalid}\n              onClick={onChange}\n            />\n          ))}\n        </Flex>\n        {(centeredLabel || minLabel || maxLabel) && (\n          <Flex\n            className=\"RatingDots__Label\"\n            data-testid=\"kibble-rating-dots-label\"\n            justifyContent={\n              onChange\n                ? centeredLabel\n                  ? \"center\"\n                  : \"space-between\"\n                : \"flex-start\"\n            }\n          >\n            {centeredLabel ? (\n              <Text variant=\"subtle\" size=\"sm\">\n                {centeredLabel}\n              </Text>\n            ) : (\n              <>\n                {minLabel && (\n                  <Text\n                    variant=\"subtle\"\n                    size=\"sm\"\n                  >{`${roundedMin} - ${minLabel}`}</Text>\n                )}\n                {!onChange && (\n                  <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>\n                )}\n                {maxLabel && (\n                  <Text\n                    variant=\"subtle\"\n                    size=\"sm\"\n                  >{`${roundedMax} - ${maxLabel}`}</Text>\n                )}\n              </>\n            )}\n          </Flex>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["ratingDotRecipe","defineRecipe","RatingDot","active","disabled","invalid","number","onClick","variant","styles","useRecipe","handleClick","useCallback","e","jsx","Flex","RatingDots","withFormControl","centeredLabel","minLabel","minValue","maxLabel","maxValue","onChange","value","roundedMin","useMemo","roundedMax","values","arr","i","jsxs","Box","val","Text","Fragment"],"mappings":";;;;;;;;AAEO,MAAMA,IAAkBC,EAAa;AAAA,EAC1C,MAAM;AAAA,IACJ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,cAAc;AAAA,IACd,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP,SAAS;AAAA,QACT,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA,aAAa;AAAA,QACX,SAAS;AAAA,QACT,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,GAAG;AAAA,QACH,GAAG;AAAA,QACH,iCAAiC;AAAA,UAC/B,SAAS;AAAA,UACT,OAAO;AAAA,QACT;AAAA,QACA,SAAS;AAAA,UACP,SAAS;AAAA,UACT,OAAO;AAAA,UACP,QAAQ;AAAA,YACN,SAAS;AAAA,UAAA;AAAA,QAEb;AAAA,QACA,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,SAAS;AAAA,QACX;AAAA,QACA,QAAQ;AAAA,UACN,SAAS;AAAA,QACX;AAAA,QACA,UAAU;AAAA,UACR,aAAa;AAAA,QAAA;AAAA,MACf;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC,GC1CYC,IAAY,CAAC;AAAA,EACxB,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AACF,MAAyC;AACjC,QAAAC,IAAUD,IAAU,gBAAgB,WAEpCE,IADSC,EAAU,EAAE,QAAQV,GAAiB,EAC9B,EAAE,SAAAQ,GAAS,GAE3BG,IAAcC;AAAA,IAClB,CAACC,MAA0D;AACzD,MAAAA,EAAE,eAAe,GACbN,OAAiBD,CAAM;AAAA,IAC7B;AAAA,IACA,CAACA,GAAQC,CAAO;AAAA,EAClB;AAGE,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAIZ,KAAU,EAAE,eAAe,OAAO;AAAA,MACtC,GAAIC,IAAW,EAAE,iBAAiB,WAAW,EAAE,SAASO,EAAY;AAAA,MACpE,GAAIN,KAAW,EAAE,gBAAgB,OAAO;AAAA,MACzC,KAAKI;AAAA,MAEJ,UAAAH;AAAA,IAAA;AAAA,EACH;AAEJ,GCtBaU,IAAaC;AAAA,EACxB,CAAC;AAAA,IACC,eAAAC;AAAA,IACA,UAAAd;AAAA,IACA,SAAAC;AAAA,IACA,UAAAc;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,MACwC;AAClC,UAAAC,IAAaC,EAAQ,MAAM,KAAK,MAAMN,CAAQ,GAAG,CAACA,CAAQ,CAAC,GAC3DO,IAAaD,EAAQ,MAAM,KAAK,MAAMJ,CAAQ,GAAG,CAACA,CAAQ,CAAC,GAE3DM,IAASF,EAAQ,MAAM;AAC3B,YAAMG,IAAM,CAAC;AACb,eAASC,IAAIL,GAAYK,KAAKH,GAAYG;AACxC,QAAAD,EAAI,KAAKC,CAAC;AAEL,aAAAD;AAAA,IAAA,GACN,CAACF,GAAYF,CAAU,CAAC;AAE3B,WACGM,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,cAAa,eAAY,sBACtC,UAAA;AAAA,MAAAlB,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,IAAI;AAAA,UACJ,UAAS;AAAA,UACT,gBAAgBQ,IAAW,WAAW;AAAA,UAErC,UAAAK,EAAO,IAAI,CAACK,MACXnB,gBAAAA,EAAA;AAAA,YAACZ;AAAA,YAAA;AAAA,cAEC,QAAQ+B;AAAA,cACR,QAAQA,MAAQT;AAAA,cAChB,UAAApB;AAAA,cACA,SAAAC;AAAA,cACA,SAASkB;AAAA,YAAA;AAAA,YALJ,cAAcU,CAAG;AAAA,UAOzB,CAAA;AAAA,QAAA;AAAA,MACH;AAAA,OACEf,KAAiBC,KAAYE,MAC7BP,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,gBACEQ,IACIL,IACE,WACA,kBACF;AAAA,UAGL,UAAAA,0BACEgB,GAAK,EAAA,SAAQ,UAAS,MAAK,MACzB,UACHhB,EAAA,CAAA,IAGGa,gBAAAA,EAAAA,KAAAI,EAAAA,UAAA,EAAA,UAAA;AAAA,YACChB,KAAAL,gBAAAA,EAAA;AAAA,cAACoB;AAAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,UAAA,GAAGT,CAAU,MAAMN,CAAQ;AAAA,cAAA;AAAA,YAAG;AAAA,YAEjC,CAACI,KACAT,gBAAAA,EAAA,IAACoB,GAAK,EAAA,SAAQ,UAAS,MAAK,MAAK,IAAI,GAAI,UAAI,IAAA,CAAA;AAAA,YAE9Cb,KACCP,gBAAAA,EAAA;AAAA,cAACoB;AAAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,UAAA,GAAGP,CAAU,MAAMN,CAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,UAAG,EAEpC,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ,GAEJ;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"ratingDots.component-HUIKoSFb.js","sources":["../../src/components/RatingDots/components/RatingDot/ratingDot.recipe.ts","../../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx","../../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const ratingDotRecipe = defineRecipe({\n  base: {\n    alignItems: \"center\",\n    border: \"2px\",\n    borderColor: \"border.focus\",\n    borderRadius: \"full\",\n    fontSize: \"lg\",\n    justifyContent: \"center\",\n    mb: 1,\n    mr: 1,\n  },\n  variants: {\n    variant: {\n      default: {\n        bgColor: \"background.secondary\",\n        color: \"text.contrast\",\n        cursor: \"default\",\n        h: \"40px\",\n        w: \"40px\",\n      },\n      interactive: {\n        bgColor: \"transparent\",\n        color: \"text.interactive\",\n        cursor: \"pointer\",\n        h: \"60px\",\n        w: \"60px\",\n        \"&[data-disabled][data-active]\": {\n          bgColor: \"background.secondary\",\n          color: \"text.contrast\",\n        },\n        _active: {\n          bgColor: \"background.secondary\",\n          color: \"text.contrast\",\n          _hover: {\n            bgColor: \"background.secondary\",\n          },\n        },\n        _disabled: {\n          cursor: \"not-allowed\",\n          opacity: 0.6,\n        },\n        _hover: {\n          bgColor: \"background.secondaryAlpha.hover\",\n        },\n        _invalid: {\n          borderColor: \"border.danger\",\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n","import React, { useCallback } from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { ratingDotRecipe } from \"./ratingDot.recipe\";\n\nexport interface RatingDotProps {\n  active?: boolean;\n  disabled?: boolean;\n  invalid?: boolean;\n  number: number;\n  onClick?: (value: number) => void;\n}\n\nexport const RatingDot = ({\n  active,\n  disabled,\n  invalid,\n  number,\n  onClick,\n}: RatingDotProps): React.JSX.Element => {\n  const variant = onClick ? \"interactive\" : \"default\";\n  const recipe = useRecipe({ recipe: ratingDotRecipe });\n  const styles = recipe({ variant });\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent<HTMLDivElement, MouseEvent>): void => {\n      e.preventDefault();\n      if (onClick) onClick(number);\n    },\n    [number, onClick],\n  );\n\n  return (\n    <Flex\n      {...(active && { \"data-active\": \"true\" })}\n      {...(disabled ? { \"data-disabled\": \"true\" } : { onClick: handleClick })}\n      {...(invalid && { \"data-invalid\": \"true\" })}\n      css={styles}\n    >\n      {number}\n    </Flex>\n  );\n};\n","import React, { useMemo } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Text } from \"components/Text/text.component\";\nimport { RatingDot } from \"./components/RatingDot/ratingDot.component\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\n\nexport interface RatingDotsProps extends WithFormControlProps {\n  centeredLabel?: string;\n  maxLabel?: string;\n  maxValue: number;\n  minLabel?: string;\n  minValue: number;\n  onChange?: (value: number) => void;\n  value?: number;\n}\n\nexport const RatingDots = withFormControl(\n  ({\n    centeredLabel,\n    disabled,\n    invalid,\n    minLabel,\n    minValue,\n    maxLabel,\n    maxValue,\n    onChange,\n    value,\n  }: RatingDotsProps): React.JSX.Element => {\n    const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n    const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n    const values = useMemo(() => {\n      const arr = [];\n      for (let i = roundedMin; i <= roundedMax; i++) {\n        arr.push(i);\n      }\n      return arr;\n    }, [roundedMax, roundedMin]);\n\n    return (\n      <Box className=\"RatingDots\" data-testid=\"kibble-rating-dots\">\n        <Flex\n          className=\"RatingDots__Container\"\n          data-testid=\"kibble-rating-dots-container\"\n          my={4}\n          flexWrap=\"wrap\"\n          justifyContent={onChange ? \"center\" : \"flex-start\"}\n        >\n          {values.map((val) => (\n            <RatingDot\n              key={`rating-dot-${val}`}\n              number={val}\n              active={val === value}\n              disabled={disabled}\n              invalid={invalid}\n              onClick={onChange}\n            />\n          ))}\n        </Flex>\n        {(centeredLabel || minLabel || maxLabel) && (\n          <Flex\n            className=\"RatingDots__Label\"\n            data-testid=\"kibble-rating-dots-label\"\n            justifyContent={\n              onChange\n                ? centeredLabel\n                  ? \"center\"\n                  : \"space-between\"\n                : \"flex-start\"\n            }\n          >\n            {centeredLabel ? (\n              <Text variant=\"subtle\" size=\"sm\">\n                {centeredLabel}\n              </Text>\n            ) : (\n              <>\n                {minLabel && (\n                  <Text\n                    variant=\"subtle\"\n                    size=\"sm\"\n                  >{`${roundedMin} - ${minLabel}`}</Text>\n                )}\n                {!onChange && (\n                  <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>\n                )}\n                {maxLabel && (\n                  <Text\n                    variant=\"subtle\"\n                    size=\"sm\"\n                  >{`${roundedMax} - ${maxLabel}`}</Text>\n                )}\n              </>\n            )}\n          </Flex>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["ratingDotRecipe","defineRecipe","RatingDot","active","disabled","invalid","number","onClick","variant","styles","useRecipe","handleClick","useCallback","e","jsx","Flex","RatingDots","withFormControl","centeredLabel","minLabel","minValue","maxLabel","maxValue","onChange","value","roundedMin","useMemo","roundedMax","values","arr","i","jsxs","Box","val","Text","Fragment"],"mappings":"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"}

package/dist/chunks/render-strategy-CdSSbgPU.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("./portal-TWtD47zg.js"),[r,o]=e.createContext({name:"RenderStrategyContext",hookName:"useRenderStrategyContext",providerName:"<RenderStrategyPropsProvider />"}),n=t=>e.createSplitProps()(t,["lazyMount","unmountOnExit"]);exports.RenderStrategyPropsProvider=r;exports.splitRenderStrategyProps=n;exports.useRenderStrategyPropsContext=o;
+//# sourceMappingURL=render-strategy-CdSSbgPU.js.map

package/dist/chunks/{render-strategy-BmWbSgqh.js.map → render-strategy-CdSSbgPU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"render-strategy-BmWbSgqh.js","sources":["../../node_modules/@ark-ui/react/dist/utils/render-strategy.js"],"sourcesContent":["'use client';\nimport { createContext } from './create-context.js';\nimport { createSplitProps } from './create-split-props.js';\n\nconst [RenderStrategyPropsProvider, useRenderStrategyPropsContext] = createContext({\n  name: \"RenderStrategyContext\",\n  hookName: \"useRenderStrategyContext\",\n  providerName: \"<RenderStrategyPropsProvider />\"\n});\nconst splitRenderStrategyProps = (props) => createSplitProps()(props, [\"lazyMount\", \"unmountOnExit\"]);\n\nexport { RenderStrategyPropsProvider, splitRenderStrategyProps, useRenderStrategyPropsContext };\n"],"names":["RenderStrategyPropsProvider","useRenderStrategyPropsContext","createContext","splitRenderStrategyProps","props","createSplitProps"],"mappings":"iEAIM,CAACA,EAA6BC,CAA6B,EAAIC,gBAAc,CACjF,KAAM,wBACN,SAAU,2BACV,aAAc,iCAChB,CAAC,EACKC,EAA4BC,GAAUC,EAAgB,iBAAA,EAAGD,EAAO,CAAC,YAAa,eAAe,CAAC","x_google_ignoreList":[0]}
+{"version":3,"file":"render-strategy-CdSSbgPU.js","sources":["../../node_modules/@ark-ui/react/dist/utils/render-strategy.js"],"sourcesContent":["'use client';\nimport { createContext } from './create-context.js';\nimport { createSplitProps } from './create-split-props.js';\n\nconst [RenderStrategyPropsProvider, useRenderStrategyPropsContext] = createContext({\n  name: \"RenderStrategyContext\",\n  hookName: \"useRenderStrategyContext\",\n  providerName: \"<RenderStrategyPropsProvider />\"\n});\nconst splitRenderStrategyProps = (props) => createSplitProps()(props, [\"lazyMount\", \"unmountOnExit\"]);\n\nexport { RenderStrategyPropsProvider, splitRenderStrategyProps, useRenderStrategyPropsContext };\n"],"names":["RenderStrategyPropsProvider","useRenderStrategyPropsContext","createContext","splitRenderStrategyProps","props","createSplitProps"],"mappings":"qDAIM,CAACA,EAA6BC,CAA6B,EAAIC,gBAAc,CACjF,KAAM,wBACN,SAAU,2BACV,aAAc,iCAChB,CAAC,EACKC,EAA4BC,GAAUC,EAAgB,iBAAA,EAAGD,EAAO,CAAC,YAAa,eAAe,CAAC","x_google_ignoreList":[0]}

package/dist/chunks/{render-strategy-C8hwN3bm.js → render-strategy-ql9Qx5Cz.js}

@@ -1,4 +1,4 @@
-import { c as t, a as r } from "./use-locale-context-D-agiW5E.js";
+import { c as t, a as r } from "./portal-D2KZrSzZ.js";
 const [a, n] = t({
   name: "RenderStrategyContext",
   hookName: "useRenderStrategyContext",
@@ -9,4 +9,4 @@ export {
   s,
   n as u
 };
-//# sourceMappingURL=render-strategy-C8hwN3bm.js.map
+//# sourceMappingURL=render-strategy-ql9Qx5Cz.js.map

package/dist/chunks/{render-strategy-C8hwN3bm.js.map → render-strategy-ql9Qx5Cz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"render-strategy-C8hwN3bm.js","sources":["../../node_modules/@ark-ui/react/dist/utils/render-strategy.js"],"sourcesContent":["'use client';\nimport { createContext } from './create-context.js';\nimport { createSplitProps } from './create-split-props.js';\n\nconst [RenderStrategyPropsProvider, useRenderStrategyPropsContext] = createContext({\n  name: \"RenderStrategyContext\",\n  hookName: \"useRenderStrategyContext\",\n  providerName: \"<RenderStrategyPropsProvider />\"\n});\nconst splitRenderStrategyProps = (props) => createSplitProps()(props, [\"lazyMount\", \"unmountOnExit\"]);\n\nexport { RenderStrategyPropsProvider, splitRenderStrategyProps, useRenderStrategyPropsContext };\n"],"names":["RenderStrategyPropsProvider","useRenderStrategyPropsContext","createContext","splitRenderStrategyProps","props","createSplitProps"],"mappings":";AAIK,MAAC,CAACA,GAA6BC,CAA6B,IAAIC,EAAc;AAAA,EACjF,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAChB,CAAC,GACKC,IAA2B,CAACC,MAAUC,EAAgB,EAAGD,GAAO,CAAC,aAAa,eAAe,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"render-strategy-ql9Qx5Cz.js","sources":["../../node_modules/@ark-ui/react/dist/utils/render-strategy.js"],"sourcesContent":["'use client';\nimport { createContext } from './create-context.js';\nimport { createSplitProps } from './create-split-props.js';\n\nconst [RenderStrategyPropsProvider, useRenderStrategyPropsContext] = createContext({\n  name: \"RenderStrategyContext\",\n  hookName: \"useRenderStrategyContext\",\n  providerName: \"<RenderStrategyPropsProvider />\"\n});\nconst splitRenderStrategyProps = (props) => createSplitProps()(props, [\"lazyMount\", \"unmountOnExit\"]);\n\nexport { RenderStrategyPropsProvider, splitRenderStrategyProps, useRenderStrategyPropsContext };\n"],"names":["RenderStrategyPropsProvider","useRenderStrategyPropsContext","createContext","splitRenderStrategyProps","props","createSplitProps"],"mappings":";AAIK,MAAC,CAACA,GAA6BC,CAA6B,IAAIC,EAAc;AAAA,EACjF,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAChB,CAAC,GACKC,IAA2B,CAACC,MAAUC,EAAgB,EAAGD,GAAO,CAAC,aAAa,eAAe,CAAC;","x_google_ignoreList":[0]}

package/dist/chunks/select.component-8ukrnBdk.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),c=require("react"),se=require("./withFormControl-BI8pqhZl.js"),oe=require("./icon.component-C0e0UGBw.js"),ne=require("./button.component-Dd9AfGox.js"),y=require("./withTruncation-XdRr8uDJ.js"),le=require("./spinner.component-DIyDNcWp.js"),l=require("./portal-TWtD47zg.js"),ce=require("./create-slot-recipe-context-IwVIgtBt.js"),C=require("./icons-CTpAjbC-.js"),N=require("./use-field-context-xBX4EpFz.js"),d=require("./index-BlGAWSIX.js"),h=require("./index-CEYJbpt4.js"),ie=require("./modal.context-EJ67QNzq.js"),ae=require("./textInput.component-BJ3ija0b.js"),de=require("./box-Baq7UBls.js"),T=require("./flex-D14H6HbP.js"),ue=t=>t&&t.__esModule?t:{default:t},pe=ue(c),xe=t=>new h.ListCollection(t),[k,p]=l.createContext({name:"SelectContext",hookName:"useSelectContext",providerName:"<SelectProvider />"}),q=c.forwardRef((t,n)=>{const s=p(),r=d.mergeProps(s.getClearTriggerProps(),t);return e.jsxRuntimeExports.jsx(l.ark.button,{...r,ref:n})});q.displayName="SelectClearTrigger";const G=c.forwardRef((t,n)=>{const s=p(),r=l.usePresenceContext(),o=d.mergeProps(s.getContentProps(),r.getPresenceProps(),t);return r.unmounted?null:e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:l.composeRefs(r.ref,n)})});G.displayName="SelectContent";const A=c.forwardRef((t,n)=>{const s=p(),r=d.mergeProps(s.getControlProps(),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...r,ref:n})});A.displayName="SelectControl";const _=c.forwardRef((t,n)=>{const s=p(),r=d.mergeProps(s.getHiddenSelectProps(),t),o=s.value.length===0,i=N.useFieldContext();return e.jsxRuntimeExports.jsxs(l.ark.select,{"aria-describedby":i?.ariaDescribedby,...r,ref:n,children:[o&&e.jsxRuntimeExports.jsx("option",{value:""}),s.collection.items.map((a,m)=>e.jsxRuntimeExports.jsx("option",{value:s.collection.getItemValue(a)??"",disabled:s.collection.getItemDisabled(a),children:s.collection.stringifyItem(a)},m))]})});_.displayName="SelectHiddenSelect";const O=c.forwardRef((t,n)=>{const s=p(),r=d.mergeProps(s.getIndicatorProps(),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...r,ref:n})});O.displayName="SelectIndicator";const[me,Oe]=l.createContext({name:"SelectItemContext",hookName:"useSelectItemContext",providerName:"<SelectItemProvider />"}),[Pe,F]=l.createContext({name:"SelectItemPropsContext",hookName:"useSelectItemPropsContext",providerName:"<SelectItemPropsProvider />"}),L=c.forwardRef((t,n)=>{const[s,r]=l.createSplitProps()(t,["item","persistFocus"]),o=p(),i=d.mergeProps(o.getItemProps(s),r),a=o.getItemState(s);return e.jsxRuntimeExports.jsx(Pe,{value:s,children:e.jsxRuntimeExports.jsx(me,{value:a,children:e.jsxRuntimeExports.jsx(l.ark.div,{...i,ref:n})})})});L.displayName="SelectItem";const[je,ge]=l.createContext({name:"SelectItemGroupPropsContext",hookName:"useSelectItemGroupPropsContext",providerName:"<SelectItemGroupPropsProvider />"}),V=c.forwardRef((t,n)=>{const s=c.useId(),[r,o]=l.createSplitProps()(t,["id"]),i={id:s,...r},a=p(),m=d.mergeProps(a.getItemGroupProps(i),o);return e.jsxRuntimeExports.jsx(je,{value:i,children:e.jsxRuntimeExports.jsx(l.ark.div,{...m,ref:n})})});V.displayName="SelectItemGroup";const $=c.forwardRef((t,n)=>{const s=p(),r=ge(),o=d.mergeProps(s.getItemGroupLabelProps({htmlFor:r.id}),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:n})});$.displayName="SelectItemGroupLabel";const H=c.forwardRef((t,n)=>{const s=p(),r=F(),o=d.mergeProps(s.getItemIndicatorProps(r),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:n})});H.displayName="SelectItemIndicator";const D=c.forwardRef((t,n)=>{const s=p(),r=F(),o=d.mergeProps(s.getItemTextProps(r),t);return e.jsxRuntimeExports.jsx(l.ark.span,{...o,ref:n})});D.displayName="SelectItemText";const W=c.forwardRef((t,n)=>{const s=p(),r=d.mergeProps(s.getLabelProps(),t);return e.jsxRuntimeExports.jsx(l.ark.label,{...r,ref:n})});W.displayName="SelectLabel";const M=c.forwardRef((t,n)=>{const s=p(),r=d.mergeProps(s.getPositionerProps(),t);return l.usePresenceContext().unmounted?null:e.jsxRuntimeExports.jsx(l.ark.div,{...r,ref:n})});M.displayName="SelectPositioner";const fe=t=>{const n=c.useId(),{dir:s}=l.useLocaleContext(),{getRootNode:r}=l.useEnvironmentContext(),o=N.useFieldContext(),i={id:n,ids:{label:o?.ids.label,hiddenSelect:o?.ids.control},disabled:o?.disabled,readOnly:o?.readOnly,invalid:o?.invalid,required:o?.required,dir:s,getRootNode:r,...t},a=l.useMachine(h.machine,i);return h.connect(a,l.normalizeProps)},Se=(t,n)=>{const[s,r]=l.splitPresenceProps(t),[o,i]=l.createSplitProps()(r,["closeOnSelect","collection","composite","defaultHighlightedValue","defaultOpen","defaultValue","deselectable","disabled","form","highlightedValue","id","ids","invalid","loopFocus","multiple","name","onFocusOutside","onHighlightChange","onInteractOutside","onOpenChange","onPointerDownOutside","onValueChange","open","positioning","readOnly","required","scrollToIndexFn","value"]),a=fe(o),m=l.usePresence(d.mergeProps({present:a.open},s)),g=d.mergeProps(a.getRootProps(),i);return e.jsxRuntimeExports.jsx(k,{value:a,children:e.jsxRuntimeExports.jsx(l.PresenceProvider,{value:m,children:e.jsxRuntimeExports.jsx(l.ark.div,{...g,ref:n})})})},Re=c.forwardRef(Se),he=(t,n)=>{const[s,r]=l.splitPresenceProps(t),[{value:o},i]=l.createSplitProps()(r,["value"]),a=l.usePresence(d.mergeProps({present:o.open},s)),m=d.mergeProps(o.getRootProps(),i);return e.jsxRuntimeExports.jsx(k,{value:o,children:e.jsxRuntimeExports.jsx(l.PresenceProvider,{value:a,children:e.jsxRuntimeExports.jsx(l.ark.div,{...m,ref:n})})})},Ce=c.forwardRef(he),B=c.forwardRef((t,n)=>{const s=p(),r=d.mergeProps(s.getTriggerProps(),t);return e.jsxRuntimeExports.jsx(l.ark.button,{...r,ref:n})});B.displayName="SelectTrigger";const z=c.forwardRef((t,n)=>{const{children:s,placeholder:r,...o}=t,i=p(),a=d.mergeProps(i.getValueTextProps(),o);return e.jsxRuntimeExports.jsx(l.ark.span,{...a,ref:n,children:s||i.valueAsString||r})});z.displayName="SelectValueText";const{withProvider:J,withContext:x}=ce.createSlotRecipeContext({key:"select"});J(Ce,"root",{forwardAsChild:!0});const ve=J(Re,"root",{forwardAsChild:!0,defaultProps:{positioning:{sameWidth:!0}}}),Ee=x(B,"trigger",{forwardAsChild:!0}),Ie=x(M,"positioner",{forwardAsChild:!0}),be=x(G,"content",{forwardAsChild:!0}),we=x(z,"valueText",{forwardAsChild:!0}),Te=x(q,"clearTrigger",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(C.CloseIcon,{boxSize:"1em"})}});x(V,"itemGroup",{forwardAsChild:!0});x($,"itemGroupLabel",{forwardAsChild:!0});const ye=x(L,"item",{forwardAsChild:!0});x(D,"itemText",{forwardAsChild:!0});x(H,"itemIndicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(C.CheckIcon,{})}});const Ne=x("div","indicatorGroup");x(O,"indicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(C.ChevronDownIcon,{})}});const ke=x(A,"control",{forwardAsChild:!0});x(W,"label",{forwardAsChild:!0});const qe=_,K=({item:t,onContrast:n,shouldTruncateText:s,size:r})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[t.leftElement,typeof t.label=="string"?e.jsxRuntimeExports.jsx(y.WrappedText,{size:r,truncated:s,variant:t.variant||(n?"onContrast":"default"),children:t.label}):t.label]}),Ge=({placeholder:t="",placeholderElement:n,...s})=>{const r=p(),o=c.useMemo(()=>r.selectedItems[0],[r]);return e.jsxRuntimeExports.jsxs(Ee,{children:[!o&&n,e.jsxRuntimeExports.jsx(we,{placeholder:t,children:o&&e.jsxRuntimeExports.jsx(K,{item:o,...s})})]})},Ae=se.withFormControl(({clearable:t,emptyPlaceholder:n="No options available",loading:s,onContrast:r,onSearch:o,options:i,placeholder:a="",placeholderElement:m,searchable:g=!1,searchPlaceholder:U="Search...",selectRef:X,shouldTruncateText:v=!0,size:P="md",...Y})=>{const{contentRef:Z}=ie.useModalContentRef(),ee=r?"onContrast":"default",[f,E]=c.useState(""),[I,b]=c.useState(i),S=c.useMemo(()=>xe({items:I??[],itemToString:u=>typeof u.label=="string"?u.label:u.valueText||"",itemToValue:u=>u.value}),[I]),w=c.useCallback((u,j)=>u===""||!u?j:(console.log(u,j),j.filter(R=>!!(typeof R.label=="string"?R.label:R.valueText)?.toLowerCase().includes(u.toLowerCase()))),[]);c.useEffect(()=>{b(o?i:w(f,i))},[i,f,o,w]);const te=c.useCallback(u=>{const j=u.target.value;E(j),o&&o(u)},[o]),re=c.useCallback(()=>{E(""),o&&o({target:{value:""}})},[o]);return e.jsxRuntimeExports.jsxs(ve,{className:"Select","data-testid":"kibble-select",collection:S,size:P,variant:ee,...Y,children:[e.jsxRuntimeExports.jsx(qe,{ref:X}),e.jsxRuntimeExports.jsxs(ke,{children:[e.jsxRuntimeExports.jsx(Ge,{placeholder:a,placeholderElement:m,onContrast:!!r,shouldTruncateText:!!v,size:P}),e.jsxRuntimeExports.jsxs(Ne,{children:[t&&e.jsxRuntimeExports.jsx(Te,{asChild:!0,children:e.jsxRuntimeExports.jsx(ne.Button,{iconName:"close",onContrast:r,size:P==="lg"?"sm":"xs",variant:"ghostNeutral"})}),e.jsxRuntimeExports.jsx(oe.Icon,{name:"chevronDown",size:P,variant:r?"onContrast":"default"})]})]}),e.jsxRuntimeExports.jsx(l.Portal,{container:Z||void 0,children:e.jsxRuntimeExports.jsx(Ie,{children:e.jsxRuntimeExports.jsxs(be,{children:[g&&e.jsxRuntimeExports.jsx(de.Box,{className:"Select__Header","data-testid":"kibble-select-header",m:"0 12px 8px",children:e.jsxRuntimeExports.jsx(ae.WrappedTextInput,{className:"Select__SearchBar","data-testid":"kibble-select-search-bar",placeholder:U,onChange:te,size:"sm",value:f,clearable:!0,onClear:re,formControlStyle:{mt:1}})}),s?e.jsxRuntimeExports.jsx(T.Flex,{w:"100%",justifyContent:"center",py:3,children:e.jsxRuntimeExports.jsx(le.Spinner,{variant:r?"brandOnContrast":"brand",size:P})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:S.items.length?S.items.map(u=>e.jsxRuntimeExports.jsx(ye,{item:u,children:e.jsxRuntimeExports.jsx(K,{item:u,onContrast:!!r,shouldTruncateText:!!v,size:P})},u.value)):e.jsxRuntimeExports.jsx(T.Flex,{w:"100%",justifyContent:"center",py:3,children:e.jsxRuntimeExports.jsx(y.WrappedText,{size:"sm",variant:r?"subtleOnContrast":"subtle",children:n})})})]})})})]})}),Q=pe.default.forwardRef((t,n)=>e.jsxRuntimeExports.jsx(Ae,{selectRef:n,...t}));Q.displayName="Select";exports.WrappedSelect=Q;
+//# sourceMappingURL=select.component-8ukrnBdk.js.map