@televet/kibble-ui 5.0.29-sc.1 → 5.0.29

package/dist/chunks/{radioGroup.types-CiHxP4xM.js.map → radioGroup.types-Dbfon_Lr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.types-CiHxP4xM.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/radio-group/radio-group.js","../../src/components/RadioGroup/components/Radio/radio.component.tsx","../../src/components/RadioGroup/radioGroup.component.tsx","../../src/components/RadioGroup/radioGroup.types.ts"],"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 { RadioGroup } from '@ark-ui/react/radio-group';\nimport { forwardRef } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { Radiomark } from '../radiomark/radiomark.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useRadioGroupStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"radioGroup\" });\nconst RadioGroupRootProvider = withProvider(RadioGroup.RootProvider, \"root\", { forwardAsChild: true });\nconst RadioGroupRoot = withProvider(\n  RadioGroup.Root,\n  \"root\",\n  { forwardAsChild: true }\n);\nconst RadioGroupPropsProvider = PropsProvider;\nconst RadioGroupLabel = withContext(RadioGroup.Label, \"label\", { forwardAsChild: true });\nconst RadioGroupItem = withContext(\n  RadioGroup.Item,\n  \"item\",\n  { forwardAsChild: true }\n);\nconst RadioGroupItemText = withContext(RadioGroup.ItemText, \"itemText\", { forwardAsChild: true });\nconst RadioGroupItemControl = withContext(RadioGroup.ItemControl, \"itemControl\", { forwardAsChild: true });\nconst RadioGroupItemIndicator = forwardRef(function RadioGroupItemIndicator2(props, ref) {\n  const styles = useRadioGroupStyles();\n  return /* @__PURE__ */ jsx(RadioGroup.ItemContext, { children: (itemState) => /* @__PURE__ */ jsx(RadioGroup.ItemControl, { asChild: true, children: /* @__PURE__ */ jsx(\n    Radiomark,\n    {\n      ref,\n      unstyled: true,\n      ...props,\n      checked: itemState.checked,\n      disabled: itemState.disabled,\n      css: [styles[\"itemControl\"], props.css]\n    }\n  ) }) });\n});\nconst RadioGroupContext = RadioGroup.Context;\nconst RadioGroupItemContext = RadioGroup.ItemContext;\nconst RadioGroupItemHiddenInput = RadioGroup.ItemHiddenInput;\n\nexport { RadioGroupContext, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemIndicator, RadioGroupItemText, RadioGroupLabel, RadioGroupPropsProvider, RadioGroupRoot, RadioGroupRootProvider, useRadioGroupStyles };\n","import React from 'react';\nimport { RadioGroup } from '@chakra-ui/react/radio-group';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Text } from 'components/Text/text.component';\nimport { RadioType } from 'components/RadioGroup/radioGroup.types';\n\nexport interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {\n  /** If true, the radio will render a contrasting variant.\n   * @default false\n   */\n  onContrast?: boolean;\n  /** Ref to the hidden input element. */\n  radioRef?: React.Ref<HTMLInputElement | null>;\n  /** Ref to the radio component. */\n  rootRef?: React.Ref<HTMLDivElement | null>;\n  /** Size of the radio.\n   * @default md\n   */\n  size?: FormControlSize;\n  /** Data test id for the radio.\n   * @default kibble-radio\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalRadioProps extends RadioProps {\n  /** Type of the radio.\n   * @internal\n   */\n  radioType?: RadioType;\n}\n\nconst Radio = React.forwardRef<HTMLInputElement, InternalRadioProps>(\n  (\n    {\n      children,\n      disabled = false,\n      invalid = false,\n      onContrast = false,\n      radioRef,\n      radioType,\n      rootRef,\n      size = 'md',\n      ['data-testid']: dataTestId = 'kibble-radio',\n      ...rest\n    },\n    ref,\n  ): React.JSX.Element => {\n    return (\n      <RadioGroup.Item\n        className=\"Radio\"\n        data-testid={dataTestId}\n        invalid={invalid}\n        disabled={disabled}\n        ref={rootRef}\n        {...rest}\n      >\n        <RadioGroup.ItemHiddenInput\n          className=\"Radio__Input\"\n          data-testid={`${dataTestId}-input`}\n          ref={radioRef || ref}\n        />\n        <RadioGroup.ItemIndicator className=\"Radio__Indicator\" data-testid={`${dataTestId}-indicator`} />\n        {children && (\n          <RadioGroup.ItemText\n            className=\"Radio__Text\"\n            data-testid={`${dataTestId}-label`}\n            {...(radioType === 'cards' && typeof children !== 'string' && { mt: '-4px' })}\n          >\n            {typeof children === 'string' ? (\n              <Text size={size} lineHeight=\"unset\" variant={onContrast ? 'onContrast' : 'default'}>\n                {children}\n              </Text>\n            ) : (\n              children\n            )}\n          </RadioGroup.ItemText>\n        )}\n      </RadioGroup.Item>\n    );\n  },\n);\n\nRadio.displayName = 'Radio';\nconst WrappedRadio = withFormControl<InternalRadioProps>(Radio);\n\nexport { WrappedRadio as Radio };\n","import React from 'react';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Radio, RadioProps } from './components/Radio/radio.component';\nimport { RadioGroup as CRadioGroup } from '@chakra-ui/react/radio-group';\nimport { Stack } from '@chakra-ui/react/stack';\nimport { ConditionalValue } from '@chakra-ui/react/styled-system';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { ButtonGroup } from 'components/ButtonGroup';\nimport { RadioAlignment, RadioType } from './radioGroup.types';\nimport { secondarySubtleOnContrastButtonStyles, secondarySubtleButtonStyles } from 'components/Button/button.recipe';\n\nexport interface RadioGroupProps extends WithFormControlProps, CRadioGroup.RootProps {\n  /**\n   * The direction to stack the radios.\n   * @default column\n   */\n  direction?: ConditionalValue<FlexDirection>;\n  /**\n   * Size of the radio group.\n   * @default md\n   */\n  size?: FormControlSize;\n  /**\n   * The visual type of the radio group.\n   * @default default\n   */\n  radioType?: RadioType;\n  /** An array of Radio props to be rendered inside the group. See `Radio` for more information. */\n  radios: RadioProps[];\n  /**\n   * The alignment of the radio input element.\n   * @default start\n   */\n  radioAlignment?: RadioAlignment;\n  /** Data test id for the radio group.\n   * @default kibble-radio-group\n   */\n  'data-testid'?: string;\n}\n\nconst RadioGroup = ({\n  radios,\n  defaultValue,\n  direction = 'column',\n  disabled,\n  invalid,\n  onContrast,\n  size = 'md',\n  radioType = 'default',\n  onValueChange,\n  value,\n  gap = 2,\n  radioAlignment = 'start',\n  ['data-testid']: dataTestId = 'kibble-radio-group',\n  ...rest\n}: RadioGroupProps): React.JSX.Element => {\n  const _computedVariant = onContrast ? 'onContrast' : 'default';\n\n  return (\n    <CRadioGroup.Root\n      className=\"RadioGroup\"\n      data-testid={dataTestId}\n      disabled={disabled}\n      defaultValue={defaultValue}\n      value={value}\n      size={size}\n      variant={_computedVariant}\n      withCard={radioType === 'cards'}\n      radioAlignment={radioAlignment}\n      onValueChange={onValueChange}\n      {...rest}\n    >\n      {radioType === 'buttons' ? (\n        <ButtonGroup\n          onContrast={onContrast}\n          variant=\"secondarySubtle\"\n          size={size}\n          buttons={radios.map((radio, index) => {\n            const active = defaultValue === radio.value || value === radio.value;\n            return {\n              key: `button-radio-${index}`,\n              children: radio.children,\n              active,\n              disabled,\n              'data-testid': radio['data-testid'],\n              onClick: () => onValueChange?.({ value: radio.value }),\n              ...(disabled &&\n                active && { ...(onContrast ? secondarySubtleOnContrastButtonStyles : secondarySubtleButtonStyles) }),\n            };\n          })}\n        />\n      ) : (\n        <Stack gap={gap} direction={direction}>\n          {radios.map((radio, index) => (\n            <Radio\n              key={`radio-${index}`}\n              invalid={invalid}\n              disabled={disabled}\n              size={size}\n              radioType={radioType}\n              onContrast={onContrast}\n              {...(direction === 'row' && { fullWidth: false })}\n              {...radio}\n            />\n          ))}\n        </Stack>\n      )}\n    </CRadioGroup.Root>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n","export const radioTypes = ['default', 'buttons', 'cards'] as const;\nexport type RadioType = (typeof radioTypes)[number];\n\nexport const radioAlignments = ['start', 'center', 'end'] as const;\nexport type RadioAlignment = (typeof radioAlignments)[number];\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","withProvider","withContext","useRadioGroupStyles","createSlotRecipeContext","RadioGroup.RootProvider","RadioGroup.Root","RadioGroup.Label","RadioGroup.Item","RadioGroup.ItemText","RadioGroup.ItemControl","RadioGroupItemIndicator","styles","RadioGroup.ItemContext","Radiomark","RadioGroup.ItemHiddenInput","Radio","React","children","disabled","invalid","onContrast","radioRef","radioType","rootRef","size","dataTestId","rest","jsxs","RadioGroup.ItemIndicator","Text","WrappedRadio","withFormControl","RadioGroup","radios","defaultValue","direction","onValueChange","value","gap","radioAlignment","_computedVariant","CRadioGroup.Root","ButtonGroup","radio","index","active","secondarySubtleOnContrastButtonStyles","secondarySubtleButtonStyles","Stack","WrappedRadioGroup","radioTypes","radioAlignments"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12]}
+{"version":3,"file":"radioGroup.types-Dbfon_Lr.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/radio-group/radio-group.js","../../src/components/RadioGroup/components/Radio/radio.component.tsx","../../src/components/RadioGroup/radioGroup.component.tsx","../../src/components/RadioGroup/radioGroup.types.ts"],"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 { RadioGroup } from '@ark-ui/react/radio-group';\nimport { forwardRef } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { Radiomark } from '../radiomark/radiomark.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useRadioGroupStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"radioGroup\" });\nconst RadioGroupRootProvider = withProvider(RadioGroup.RootProvider, \"root\", { forwardAsChild: true });\nconst RadioGroupRoot = withProvider(\n  RadioGroup.Root,\n  \"root\",\n  { forwardAsChild: true }\n);\nconst RadioGroupPropsProvider = PropsProvider;\nconst RadioGroupLabel = withContext(RadioGroup.Label, \"label\", { forwardAsChild: true });\nconst RadioGroupItem = withContext(\n  RadioGroup.Item,\n  \"item\",\n  { forwardAsChild: true }\n);\nconst RadioGroupItemText = withContext(RadioGroup.ItemText, \"itemText\", { forwardAsChild: true });\nconst RadioGroupItemControl = withContext(RadioGroup.ItemControl, \"itemControl\", { forwardAsChild: true });\nconst RadioGroupItemIndicator = forwardRef(function RadioGroupItemIndicator2(props, ref) {\n  const styles = useRadioGroupStyles();\n  return /* @__PURE__ */ jsx(RadioGroup.ItemContext, { children: (itemState) => /* @__PURE__ */ jsx(RadioGroup.ItemControl, { asChild: true, children: /* @__PURE__ */ jsx(\n    Radiomark,\n    {\n      ref,\n      unstyled: true,\n      ...props,\n      checked: itemState.checked,\n      disabled: itemState.disabled,\n      css: [styles[\"itemControl\"], props.css]\n    }\n  ) }) });\n});\nconst RadioGroupContext = RadioGroup.Context;\nconst RadioGroupItemContext = RadioGroup.ItemContext;\nconst RadioGroupItemHiddenInput = RadioGroup.ItemHiddenInput;\n\nexport { RadioGroupContext, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemIndicator, RadioGroupItemText, RadioGroupLabel, RadioGroupPropsProvider, RadioGroupRoot, RadioGroupRootProvider, useRadioGroupStyles };\n","import React from 'react';\nimport { RadioGroup } from '@chakra-ui/react/radio-group';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Text } from 'components/Text/text.component';\nimport { RadioType } from 'components/RadioGroup/radioGroup.types';\n\nexport interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {\n  /** If true, the radio will render a contrasting variant.\n   * @default false\n   */\n  onContrast?: boolean;\n  /** Ref to the hidden input element. */\n  radioRef?: React.Ref<HTMLInputElement | null>;\n  /** Ref to the radio component. */\n  rootRef?: React.Ref<HTMLDivElement | null>;\n  /** Size of the radio.\n   * @default md\n   */\n  size?: FormControlSize;\n  /** Data test id for the radio.\n   * @default kibble-radio\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalRadioProps extends RadioProps {\n  /** Type of the radio.\n   * @internal\n   */\n  radioType?: RadioType;\n}\n\nconst Radio = React.forwardRef<HTMLInputElement, InternalRadioProps>(\n  (\n    {\n      children,\n      disabled = false,\n      invalid = false,\n      onContrast = false,\n      radioRef,\n      radioType,\n      rootRef,\n      size = 'md',\n      ['data-testid']: dataTestId = 'kibble-radio',\n      ...rest\n    },\n    ref,\n  ): React.JSX.Element => {\n    return (\n      <RadioGroup.Item\n        className=\"Radio\"\n        data-testid={dataTestId}\n        invalid={invalid}\n        disabled={disabled}\n        ref={rootRef}\n        {...rest}\n      >\n        <RadioGroup.ItemHiddenInput\n          className=\"Radio__Input\"\n          data-testid={`${dataTestId}-input`}\n          ref={radioRef || ref}\n        />\n        <RadioGroup.ItemIndicator className=\"Radio__Indicator\" data-testid={`${dataTestId}-indicator`} />\n        {children && (\n          <RadioGroup.ItemText\n            className=\"Radio__Text\"\n            data-testid={`${dataTestId}-label`}\n            {...(radioType === 'cards' && typeof children !== 'string' && { mt: '-4px' })}\n          >\n            {typeof children === 'string' ? (\n              <Text size={size} lineHeight=\"unset\" variant={onContrast ? 'onContrast' : 'default'}>\n                {children}\n              </Text>\n            ) : (\n              children\n            )}\n          </RadioGroup.ItemText>\n        )}\n      </RadioGroup.Item>\n    );\n  },\n);\n\nRadio.displayName = 'Radio';\nconst WrappedRadio = withFormControl<InternalRadioProps>(Radio);\n\nexport { WrappedRadio as Radio };\n","import React from 'react';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Radio, RadioProps } from './components/Radio/radio.component';\nimport { RadioGroup as CRadioGroup } from '@chakra-ui/react/radio-group';\nimport { Stack } from '@chakra-ui/react/stack';\nimport { ConditionalValue } from '@chakra-ui/react/styled-system';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { ButtonGroup } from 'components/ButtonGroup';\nimport { RadioAlignment, RadioType } from './radioGroup.types';\nimport { secondarySubtleOnContrastButtonStyles, secondarySubtleButtonStyles } from 'components/Button/button.recipe';\n\nexport interface RadioGroupProps extends WithFormControlProps, CRadioGroup.RootProps {\n  /**\n   * The direction to stack the radios.\n   * @default column\n   */\n  direction?: ConditionalValue<FlexDirection>;\n  /**\n   * Size of the radio group.\n   * @default md\n   */\n  size?: FormControlSize;\n  /**\n   * The visual type of the radio group.\n   * @default default\n   */\n  radioType?: RadioType;\n  /** An array of Radio props to be rendered inside the group. See `Radio` for more information. */\n  radios: RadioProps[];\n  /**\n   * The alignment of the radio input element.\n   * @default start\n   */\n  radioAlignment?: RadioAlignment;\n  /** Data test id for the radio group.\n   * @default kibble-radio-group\n   */\n  'data-testid'?: string;\n}\n\nconst RadioGroup = ({\n  radios,\n  defaultValue,\n  direction = 'column',\n  disabled,\n  invalid,\n  onContrast,\n  size = 'md',\n  radioType = 'default',\n  onValueChange,\n  value,\n  gap = 2,\n  radioAlignment = 'start',\n  ['data-testid']: dataTestId = 'kibble-radio-group',\n  ...rest\n}: RadioGroupProps): React.JSX.Element => {\n  const _computedVariant = onContrast ? 'onContrast' : 'default';\n\n  return (\n    <CRadioGroup.Root\n      className=\"RadioGroup\"\n      data-testid={dataTestId}\n      disabled={disabled}\n      defaultValue={defaultValue}\n      value={value}\n      size={size}\n      variant={_computedVariant}\n      withCard={radioType === 'cards'}\n      radioAlignment={radioAlignment}\n      onValueChange={onValueChange}\n      {...rest}\n    >\n      {radioType === 'buttons' ? (\n        <ButtonGroup\n          onContrast={onContrast}\n          variant=\"secondarySubtle\"\n          size={size}\n          buttons={radios.map((radio, index) => {\n            const active = defaultValue === radio.value || value === radio.value;\n            return {\n              key: `button-radio-${index}`,\n              children: radio.children,\n              active,\n              disabled,\n              'data-testid': radio['data-testid'],\n              onClick: () => onValueChange?.({ value: radio.value }),\n              ...(disabled &&\n                active && { ...(onContrast ? secondarySubtleOnContrastButtonStyles : secondarySubtleButtonStyles) }),\n            };\n          })}\n        />\n      ) : (\n        <Stack gap={gap} direction={direction}>\n          {radios.map((radio, index) => (\n            <Radio\n              key={`radio-${index}`}\n              invalid={invalid}\n              disabled={disabled}\n              size={size}\n              radioType={radioType}\n              onContrast={onContrast}\n              {...(direction === 'row' && { fullWidth: false })}\n              {...radio}\n            />\n          ))}\n        </Stack>\n      )}\n    </CRadioGroup.Root>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n","export const radioTypes = ['default', 'buttons', 'cards'] as const;\nexport type RadioType = (typeof radioTypes)[number];\n\nexport const radioAlignments = ['start', 'center', 'end'] as const;\nexport type RadioAlignment = (typeof radioAlignments)[number];\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","withProvider","withContext","useRadioGroupStyles","createSlotRecipeContext","RadioGroup.RootProvider","RadioGroup.Root","RadioGroup.Label","RadioGroup.Item","RadioGroup.ItemText","RadioGroup.ItemControl","RadioGroupItemIndicator","styles","RadioGroup.ItemContext","Radiomark","RadioGroup.ItemHiddenInput","Radio","React","children","disabled","invalid","onContrast","radioRef","radioType","rootRef","size","dataTestId","rest","jsxs","RadioGroup.ItemIndicator","Text","WrappedRadio","withFormControl","RadioGroup","radios","defaultValue","direction","onValueChange","value","gap","radioAlignment","_computedVariant","CRadioGroup.Root","ButtonGroup","radio","index","active","secondarySubtleOnContrastButtonStyles","secondarySubtleButtonStyles","Stack","WrappedRadioGroup","radioTypes","radioAlignments"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12]}

package/dist/chunks/{rating.component-C6qlmmF7.js → rating.component-DOUCmD0Y.js}

@@ -1,2 +1,2 @@
-"use strict";const i=require("./jsx-runtime-BjDatQAs.js"),l=require("react"),p=require("./withFormControl-CMerPa0c.js"),g=require("./icon.component-B1hr5lLa.js"),r=require("./rating-group-D8QA23q6.js"),x=t=>t&&t.__esModule?t:{default:t},_=x(l),a=_.default.forwardRef(({count:t=5,size:s="md",highlightColor:c="background.warning",iconName:u="starSolid",["data-testid"]:n="kibble-rating",inputRef:d,readOnly:o,...m},R)=>i.jsxRuntimeExports.jsxs(r.RatingGroupRoot,{className:"Rating","data-testid":n,count:t,size:s,ref:R,readOnly:o,...m,children:[i.jsxRuntimeExports.jsx(r.RatingGroupHiddenInput,{className:"Rating__HiddenInput","data-testid":`${n}-hidden-input`,ref:d}),i.jsxRuntimeExports.jsx(r.RatingGroupControl,{className:"Rating__Control","data-testid":`${n}-control`,...o&&{cursor:"default"},children:Array.from({length:t}).map((h,e)=>i.jsxRuntimeExports.jsx(r.RatingGroupItem,{className:"Rating__Item","data-testid":`${n}-item-${e}`,index:e+1,children:i.jsxRuntimeExports.jsx(r.RatingGroupItemIndicator,{className:"Rating__ItemIndicator","data-testid":`${n}-item-indicator-${e+1}`,icon:i.jsxRuntimeExports.jsx(g.Icon,{name:u}),_highlighted:{color:c}})},e))})]}));a.displayName="Rating";const j=p.withFormControl(a);exports.WrappedRating=j;
-//# sourceMappingURL=rating.component-C6qlmmF7.js.map
+"use strict";const i=require("./jsx-runtime-BjDatQAs.js"),l=require("react"),p=require("./withFormControl-d2CEvsH2.js"),g=require("./icon.component-B1hr5lLa.js"),r=require("./rating-group-D8QA23q6.js"),x=t=>t&&t.__esModule?t:{default:t},_=x(l),a=_.default.forwardRef(({count:t=5,size:s="md",highlightColor:c="background.warning",iconName:u="starSolid",["data-testid"]:n="kibble-rating",inputRef:d,readOnly:o,...m},R)=>i.jsxRuntimeExports.jsxs(r.RatingGroupRoot,{className:"Rating","data-testid":n,count:t,size:s,ref:R,readOnly:o,...m,children:[i.jsxRuntimeExports.jsx(r.RatingGroupHiddenInput,{className:"Rating__HiddenInput","data-testid":`${n}-hidden-input`,ref:d}),i.jsxRuntimeExports.jsx(r.RatingGroupControl,{className:"Rating__Control","data-testid":`${n}-control`,...o&&{cursor:"default"},children:Array.from({length:t}).map((h,e)=>i.jsxRuntimeExports.jsx(r.RatingGroupItem,{className:"Rating__Item","data-testid":`${n}-item-${e}`,index:e+1,children:i.jsxRuntimeExports.jsx(r.RatingGroupItemIndicator,{className:"Rating__ItemIndicator","data-testid":`${n}-item-indicator-${e+1}`,icon:i.jsxRuntimeExports.jsx(g.Icon,{name:u}),_highlighted:{color:c}})},e))})]}));a.displayName="Rating";const j=p.withFormControl(a);exports.WrappedRating=j;
+//# sourceMappingURL=rating.component-DOUCmD0Y.js.map

package/dist/chunks/{rating.component-C6qlmmF7.js.map → rating.component-DOUCmD0Y.js.map}

@@ -1 +1 @@
-{"version":3,"file":"rating.component-C6qlmmF7.js","sources":["../../src/components/Rating/rating.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RatingGroup } from '@chakra-ui/react/rating-group';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Icon, IconName } from 'components/Icon';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { KibbleSemanticColorToken } from '@televet/kibble-primitives/semantic';\nimport { ConditionalValue } from '@chakra-ui/react';\n\nexport interface RatingProps extends Omit<RatingGroup.RootProps, 'allowHalf'>, WithFormControlProps {\n  /** Total number of ratings.\n   * @default 5\n   */\n  count?: number;\n  /**\n   * Data test id for the star rating.\n   * @default kibble-rating\n   */\n  'data-testid'?: string;\n  /** Ref to the hidden input element. */\n  inputRef?: React.Ref<HTMLInputElement | null>;\n  /**\n   * Size of the rating.\n   * @default md\n   */\n  size?: FormControlSize;\n  /**\n   * Name of the icon to display in the rating.\n   * @default starSolid\n   */\n  iconName?: IconName;\n  /**\n   * Color of the highlighted rating.\n   * @default background.warning.contrast\n   */\n  highlightColor?: ConditionalValue<KibbleSemanticColorToken>;\n}\n\nconst Rating = React.forwardRef<HTMLDivElement, RatingProps>(\n  (\n    {\n      count = 5,\n      size = 'md',\n      highlightColor = 'background.warning',\n      iconName = 'starSolid',\n      ['data-testid']: dataTestId = 'kibble-rating',\n      inputRef,\n      readOnly,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <RatingGroup.Root\n        className=\"Rating\"\n        data-testid={dataTestId}\n        count={count}\n        size={size}\n        ref={ref}\n        readOnly={readOnly}\n        {...rest}\n      >\n        <RatingGroup.HiddenInput\n          className=\"Rating__HiddenInput\"\n          data-testid={`${dataTestId}-hidden-input`}\n          ref={inputRef}\n        />\n        <RatingGroup.Control\n          className=\"Rating__Control\"\n          data-testid={`${dataTestId}-control`}\n          {...(readOnly && { cursor: 'default' })}\n        >\n          {Array.from({ length: count }).map((_, index) => (\n            <RatingGroup.Item\n              className=\"Rating__Item\"\n              data-testid={`${dataTestId}-item-${index}`}\n              key={index}\n              index={index + 1}\n            >\n              <RatingGroup.ItemIndicator\n                className=\"Rating__ItemIndicator\"\n                data-testid={`${dataTestId}-item-indicator-${index + 1}`}\n                icon={<Icon name={iconName} />}\n                _highlighted={{ color: highlightColor }}\n              />\n            </RatingGroup.Item>\n          ))}\n        </RatingGroup.Control>\n      </RatingGroup.Root>\n    );\n  },\n);\n\nRating.displayName = 'Rating';\nconst WrappedRating = withFormControl<RatingProps>(Rating);\n\nexport { WrappedRating as Rating };\n"],"names":["Rating","React","count","size","highlightColor","iconName","dataTestId","inputRef","readOnly","rest","ref","jsxs","RatingGroup.Root","jsx","RatingGroup.HiddenInput","RatingGroup.Control","_","index","RatingGroup.Item","RatingGroup.ItemIndicator","Icon","WrappedRating","withFormControl"],"mappings":"oPAqCMA,EAASC,EAAM,QAAA,WACnB,CACE,CACE,MAAAC,EAAQ,EACR,KAAAC,EAAO,KACP,eAAAC,EAAiB,qBACjB,SAAAC,EAAW,YACX,CAAC,eAAgBC,EAAa,gBAC9B,SAAAC,EACA,SAAAC,EACA,GAAGC,GAELC,IAGEC,EAAA,kBAAA,KAACC,EAAY,gBAAZ,CACC,UAAU,SACV,cAAaN,EACb,MAAAJ,EACA,KAAAC,EACA,IAAAO,EACA,SAAAF,EACC,GAAGC,EAEJ,SAAA,CAAAI,EAAA,kBAAA,IAACC,EAAY,uBAAZ,CACC,UAAU,sBACV,cAAa,GAAGR,CAAU,gBAC1B,IAAKC,CAAA,CACP,EACAM,EAAA,kBAAA,IAACE,EAAY,mBAAZ,CACC,UAAU,kBACV,cAAa,GAAGT,CAAU,WACzB,GAAIE,GAAY,CAAE,OAAQ,SAAU,EAEpC,SAAA,MAAM,KAAK,CAAE,OAAQN,EAAO,EAAE,IAAI,CAACc,EAAGC,IACrCJ,EAAA,kBAAA,IAACK,EAAY,gBAAZ,CACC,UAAU,eACV,cAAa,GAAGZ,CAAU,SAASW,CAAK,GAExC,MAAOA,EAAQ,EAEf,SAAAJ,EAAA,kBAAA,IAACM,EAAY,yBAAZ,CACC,UAAU,wBACV,cAAa,GAAGb,CAAU,mBAAmBW,EAAQ,CAAC,GACtD,KAAMJ,EAAAA,kBAAAA,IAACO,EAAAA,KAAK,CAAA,KAAMf,CAAU,CAAA,EAC5B,aAAc,CAAE,MAAOD,CAAe,CAAA,CAAA,CACxC,EARKa,CAUR,CAAA,CAAA,CAAA,CACH,CAAA,CACF,CAGN,EAEAjB,EAAO,YAAc,SACf,MAAAqB,EAAgBC,kBAA6BtB,CAAM"}
+{"version":3,"file":"rating.component-DOUCmD0Y.js","sources":["../../src/components/Rating/rating.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RatingGroup } from '@chakra-ui/react/rating-group';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Icon, IconName } from 'components/Icon';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { KibbleSemanticColorToken } from '@televet/kibble-primitives/semantic';\nimport { ConditionalValue } from '@chakra-ui/react';\n\nexport interface RatingProps extends Omit<RatingGroup.RootProps, 'allowHalf'>, WithFormControlProps {\n  /** Total number of ratings.\n   * @default 5\n   */\n  count?: number;\n  /**\n   * Data test id for the star rating.\n   * @default kibble-rating\n   */\n  'data-testid'?: string;\n  /** Ref to the hidden input element. */\n  inputRef?: React.Ref<HTMLInputElement | null>;\n  /**\n   * Size of the rating.\n   * @default md\n   */\n  size?: FormControlSize;\n  /**\n   * Name of the icon to display in the rating.\n   * @default starSolid\n   */\n  iconName?: IconName;\n  /**\n   * Color of the highlighted rating.\n   * @default background.warning.contrast\n   */\n  highlightColor?: ConditionalValue<KibbleSemanticColorToken>;\n}\n\nconst Rating = React.forwardRef<HTMLDivElement, RatingProps>(\n  (\n    {\n      count = 5,\n      size = 'md',\n      highlightColor = 'background.warning',\n      iconName = 'starSolid',\n      ['data-testid']: dataTestId = 'kibble-rating',\n      inputRef,\n      readOnly,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <RatingGroup.Root\n        className=\"Rating\"\n        data-testid={dataTestId}\n        count={count}\n        size={size}\n        ref={ref}\n        readOnly={readOnly}\n        {...rest}\n      >\n        <RatingGroup.HiddenInput\n          className=\"Rating__HiddenInput\"\n          data-testid={`${dataTestId}-hidden-input`}\n          ref={inputRef}\n        />\n        <RatingGroup.Control\n          className=\"Rating__Control\"\n          data-testid={`${dataTestId}-control`}\n          {...(readOnly && { cursor: 'default' })}\n        >\n          {Array.from({ length: count }).map((_, index) => (\n            <RatingGroup.Item\n              className=\"Rating__Item\"\n              data-testid={`${dataTestId}-item-${index}`}\n              key={index}\n              index={index + 1}\n            >\n              <RatingGroup.ItemIndicator\n                className=\"Rating__ItemIndicator\"\n                data-testid={`${dataTestId}-item-indicator-${index + 1}`}\n                icon={<Icon name={iconName} />}\n                _highlighted={{ color: highlightColor }}\n              />\n            </RatingGroup.Item>\n          ))}\n        </RatingGroup.Control>\n      </RatingGroup.Root>\n    );\n  },\n);\n\nRating.displayName = 'Rating';\nconst WrappedRating = withFormControl<RatingProps>(Rating);\n\nexport { WrappedRating as Rating };\n"],"names":["Rating","React","count","size","highlightColor","iconName","dataTestId","inputRef","readOnly","rest","ref","jsxs","RatingGroup.Root","jsx","RatingGroup.HiddenInput","RatingGroup.Control","_","index","RatingGroup.Item","RatingGroup.ItemIndicator","Icon","WrappedRating","withFormControl"],"mappings":"oPAqCMA,EAASC,EAAM,QAAA,WACnB,CACE,CACE,MAAAC,EAAQ,EACR,KAAAC,EAAO,KACP,eAAAC,EAAiB,qBACjB,SAAAC,EAAW,YACX,CAAC,eAAgBC,EAAa,gBAC9B,SAAAC,EACA,SAAAC,EACA,GAAGC,GAELC,IAGEC,EAAA,kBAAA,KAACC,EAAY,gBAAZ,CACC,UAAU,SACV,cAAaN,EACb,MAAAJ,EACA,KAAAC,EACA,IAAAO,EACA,SAAAF,EACC,GAAGC,EAEJ,SAAA,CAAAI,EAAA,kBAAA,IAACC,EAAY,uBAAZ,CACC,UAAU,sBACV,cAAa,GAAGR,CAAU,gBAC1B,IAAKC,CAAA,CACP,EACAM,EAAA,kBAAA,IAACE,EAAY,mBAAZ,CACC,UAAU,kBACV,cAAa,GAAGT,CAAU,WACzB,GAAIE,GAAY,CAAE,OAAQ,SAAU,EAEpC,SAAA,MAAM,KAAK,CAAE,OAAQN,EAAO,EAAE,IAAI,CAACc,EAAGC,IACrCJ,EAAA,kBAAA,IAACK,EAAY,gBAAZ,CACC,UAAU,eACV,cAAa,GAAGZ,CAAU,SAASW,CAAK,GAExC,MAAOA,EAAQ,EAEf,SAAAJ,EAAA,kBAAA,IAACM,EAAY,yBAAZ,CACC,UAAU,wBACV,cAAa,GAAGb,CAAU,mBAAmBW,EAAQ,CAAC,GACtD,KAAMJ,EAAAA,kBAAAA,IAACO,EAAAA,KAAK,CAAA,KAAMf,CAAU,CAAA,EAC5B,aAAc,CAAE,MAAOD,CAAe,CAAA,CAAA,CACxC,EARKa,CAUR,CAAA,CAAA,CAAA,CACH,CAAA,CACF,CAGN,EAEAjB,EAAO,YAAc,SACf,MAAAqB,EAAgBC,kBAA6BtB,CAAM"}

package/dist/chunks/{rating.component-DwiIqg9E.js → rating.component-DlCpQ5GH.js}

@@ -1,6 +1,6 @@
 import { j as t } from "./jsx-runtime-C5mzlN2N.js";
 import l from "react";
-import { w as p } from "./withFormControl-FQcw75ZS.js";
+import { w as p } from "./withFormControl-DVeqCX53.js";
 import { I as R } from "./icon.component-PV_nHBId.js";
 import { R as u, a as _, b as f, c as h, d as j } from "./rating-group-vxglWdry.js";
 const n = l.forwardRef(
@@ -67,4 +67,4 @@ const w = p(n);
 export {
   w as W
 };
-//# sourceMappingURL=rating.component-DwiIqg9E.js.map
+//# sourceMappingURL=rating.component-DlCpQ5GH.js.map

package/dist/chunks/{rating.component-DwiIqg9E.js.map → rating.component-DlCpQ5GH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"rating.component-DwiIqg9E.js","sources":["../../src/components/Rating/rating.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RatingGroup } from '@chakra-ui/react/rating-group';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Icon, IconName } from 'components/Icon';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { KibbleSemanticColorToken } from '@televet/kibble-primitives/semantic';\nimport { ConditionalValue } from '@chakra-ui/react';\n\nexport interface RatingProps extends Omit<RatingGroup.RootProps, 'allowHalf'>, WithFormControlProps {\n  /** Total number of ratings.\n   * @default 5\n   */\n  count?: number;\n  /**\n   * Data test id for the star rating.\n   * @default kibble-rating\n   */\n  'data-testid'?: string;\n  /** Ref to the hidden input element. */\n  inputRef?: React.Ref<HTMLInputElement | null>;\n  /**\n   * Size of the rating.\n   * @default md\n   */\n  size?: FormControlSize;\n  /**\n   * Name of the icon to display in the rating.\n   * @default starSolid\n   */\n  iconName?: IconName;\n  /**\n   * Color of the highlighted rating.\n   * @default background.warning.contrast\n   */\n  highlightColor?: ConditionalValue<KibbleSemanticColorToken>;\n}\n\nconst Rating = React.forwardRef<HTMLDivElement, RatingProps>(\n  (\n    {\n      count = 5,\n      size = 'md',\n      highlightColor = 'background.warning',\n      iconName = 'starSolid',\n      ['data-testid']: dataTestId = 'kibble-rating',\n      inputRef,\n      readOnly,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <RatingGroup.Root\n        className=\"Rating\"\n        data-testid={dataTestId}\n        count={count}\n        size={size}\n        ref={ref}\n        readOnly={readOnly}\n        {...rest}\n      >\n        <RatingGroup.HiddenInput\n          className=\"Rating__HiddenInput\"\n          data-testid={`${dataTestId}-hidden-input`}\n          ref={inputRef}\n        />\n        <RatingGroup.Control\n          className=\"Rating__Control\"\n          data-testid={`${dataTestId}-control`}\n          {...(readOnly && { cursor: 'default' })}\n        >\n          {Array.from({ length: count }).map((_, index) => (\n            <RatingGroup.Item\n              className=\"Rating__Item\"\n              data-testid={`${dataTestId}-item-${index}`}\n              key={index}\n              index={index + 1}\n            >\n              <RatingGroup.ItemIndicator\n                className=\"Rating__ItemIndicator\"\n                data-testid={`${dataTestId}-item-indicator-${index + 1}`}\n                icon={<Icon name={iconName} />}\n                _highlighted={{ color: highlightColor }}\n              />\n            </RatingGroup.Item>\n          ))}\n        </RatingGroup.Control>\n      </RatingGroup.Root>\n    );\n  },\n);\n\nRating.displayName = 'Rating';\nconst WrappedRating = withFormControl<RatingProps>(Rating);\n\nexport { WrappedRating as Rating };\n"],"names":["Rating","React","count","size","highlightColor","iconName","dataTestId","inputRef","readOnly","rest","ref","jsxs","RatingGroup.Root","jsx","RatingGroup.HiddenInput","RatingGroup.Control","_","index","RatingGroup.Item","RatingGroup.ItemIndicator","Icon","WrappedRating","withFormControl"],"mappings":";;;;;AAqCA,MAAMA,IAASC,EAAM;AAAA,EACnB,CACE;AAAA,IACE,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,gBAAAC,IAAiB;AAAA,IACjB,UAAAC,IAAW;AAAA,IACX,CAAC,gBAAgBC,IAAa;AAAA,IAC9B,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MAGEC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAaN;AAAA,MACb,OAAAJ;AAAA,MACA,MAAAC;AAAA,MACA,KAAAO;AAAA,MACA,UAAAF;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAAI,gBAAAA,EAAA;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAa,GAAGR,CAAU;AAAA,YAC1B,KAAKC;AAAA,UAAA;AAAA,QACP;AAAA,QACAM,gBAAAA,EAAA;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAa,GAAGT,CAAU;AAAA,YACzB,GAAIE,KAAY,EAAE,QAAQ,UAAU;AAAA,YAEpC,UAAA,MAAM,KAAK,EAAE,QAAQN,GAAO,EAAE,IAAI,CAACc,GAAGC,MACrCJ,gBAAAA,EAAA;AAAA,cAACK;AAAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,eAAa,GAAGZ,CAAU,SAASW,CAAK;AAAA,gBAExC,OAAOA,IAAQ;AAAA,gBAEf,UAAAJ,gBAAAA,EAAA;AAAA,kBAACM;AAAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,eAAa,GAAGb,CAAU,mBAAmBW,IAAQ,CAAC;AAAA,oBACtD,MAAMJ,gBAAAA,EAAAA,IAACO,GAAK,EAAA,MAAMf,EAAU,CAAA;AAAA,oBAC5B,cAAc,EAAE,OAAOD,EAAe;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACxC;AAAA,cARKa;AAAA,YAUR,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAGN;AAEAjB,EAAO,cAAc;AACf,MAAAqB,IAAgBC,EAA6BtB,CAAM;"}
+{"version":3,"file":"rating.component-DlCpQ5GH.js","sources":["../../src/components/Rating/rating.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RatingGroup } from '@chakra-ui/react/rating-group';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Icon, IconName } from 'components/Icon';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { KibbleSemanticColorToken } from '@televet/kibble-primitives/semantic';\nimport { ConditionalValue } from '@chakra-ui/react';\n\nexport interface RatingProps extends Omit<RatingGroup.RootProps, 'allowHalf'>, WithFormControlProps {\n  /** Total number of ratings.\n   * @default 5\n   */\n  count?: number;\n  /**\n   * Data test id for the star rating.\n   * @default kibble-rating\n   */\n  'data-testid'?: string;\n  /** Ref to the hidden input element. */\n  inputRef?: React.Ref<HTMLInputElement | null>;\n  /**\n   * Size of the rating.\n   * @default md\n   */\n  size?: FormControlSize;\n  /**\n   * Name of the icon to display in the rating.\n   * @default starSolid\n   */\n  iconName?: IconName;\n  /**\n   * Color of the highlighted rating.\n   * @default background.warning.contrast\n   */\n  highlightColor?: ConditionalValue<KibbleSemanticColorToken>;\n}\n\nconst Rating = React.forwardRef<HTMLDivElement, RatingProps>(\n  (\n    {\n      count = 5,\n      size = 'md',\n      highlightColor = 'background.warning',\n      iconName = 'starSolid',\n      ['data-testid']: dataTestId = 'kibble-rating',\n      inputRef,\n      readOnly,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <RatingGroup.Root\n        className=\"Rating\"\n        data-testid={dataTestId}\n        count={count}\n        size={size}\n        ref={ref}\n        readOnly={readOnly}\n        {...rest}\n      >\n        <RatingGroup.HiddenInput\n          className=\"Rating__HiddenInput\"\n          data-testid={`${dataTestId}-hidden-input`}\n          ref={inputRef}\n        />\n        <RatingGroup.Control\n          className=\"Rating__Control\"\n          data-testid={`${dataTestId}-control`}\n          {...(readOnly && { cursor: 'default' })}\n        >\n          {Array.from({ length: count }).map((_, index) => (\n            <RatingGroup.Item\n              className=\"Rating__Item\"\n              data-testid={`${dataTestId}-item-${index}`}\n              key={index}\n              index={index + 1}\n            >\n              <RatingGroup.ItemIndicator\n                className=\"Rating__ItemIndicator\"\n                data-testid={`${dataTestId}-item-indicator-${index + 1}`}\n                icon={<Icon name={iconName} />}\n                _highlighted={{ color: highlightColor }}\n              />\n            </RatingGroup.Item>\n          ))}\n        </RatingGroup.Control>\n      </RatingGroup.Root>\n    );\n  },\n);\n\nRating.displayName = 'Rating';\nconst WrappedRating = withFormControl<RatingProps>(Rating);\n\nexport { WrappedRating as Rating };\n"],"names":["Rating","React","count","size","highlightColor","iconName","dataTestId","inputRef","readOnly","rest","ref","jsxs","RatingGroup.Root","jsx","RatingGroup.HiddenInput","RatingGroup.Control","_","index","RatingGroup.Item","RatingGroup.ItemIndicator","Icon","WrappedRating","withFormControl"],"mappings":";;;;;AAqCA,MAAMA,IAASC,EAAM;AAAA,EACnB,CACE;AAAA,IACE,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,gBAAAC,IAAiB;AAAA,IACjB,UAAAC,IAAW;AAAA,IACX,CAAC,gBAAgBC,IAAa;AAAA,IAC9B,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MAGEC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAaN;AAAA,MACb,OAAAJ;AAAA,MACA,MAAAC;AAAA,MACA,KAAAO;AAAA,MACA,UAAAF;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAAI,gBAAAA,EAAA;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAa,GAAGR,CAAU;AAAA,YAC1B,KAAKC;AAAA,UAAA;AAAA,QACP;AAAA,QACAM,gBAAAA,EAAA;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAa,GAAGT,CAAU;AAAA,YACzB,GAAIE,KAAY,EAAE,QAAQ,UAAU;AAAA,YAEpC,UAAA,MAAM,KAAK,EAAE,QAAQN,GAAO,EAAE,IAAI,CAACc,GAAGC,MACrCJ,gBAAAA,EAAA;AAAA,cAACK;AAAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,eAAa,GAAGZ,CAAU,SAASW,CAAK;AAAA,gBAExC,OAAOA,IAAQ;AAAA,gBAEf,UAAAJ,gBAAAA,EAAA;AAAA,kBAACM;AAAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,eAAa,GAAGb,CAAU,mBAAmBW,IAAQ,CAAC;AAAA,oBACtD,MAAMJ,gBAAAA,EAAAA,IAACO,GAAK,EAAA,MAAMf,EAAU,CAAA;AAAA,oBAC5B,cAAc,EAAE,OAAOD,EAAe;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACxC;AAAA,cARKa;AAAA,YAUR,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAGN;AAEAjB,EAAO,cAAc;AACf,MAAAqB,IAAgBC,EAA6BtB,CAAM;"}

package/dist/chunks/{ratingDots.component-BpimXANy.js → ratingDots.component-Qk8qlPmN.js}

@@ -5,7 +5,7 @@ import { W as l } from "./text.component-C9jh_JMO.js";
 import { a as R } from "./config-Djkl1N81.js";
 import { u as C } from "./use-recipe-d63ABaZ3.js";
 import { F as g } from "./flex-CX-8gE9T.js";
-import { w as D } from "./withFormControl-FQcw75ZS.js";
+import { w as D } from "./withFormControl-DVeqCX53.js";
 const _ = R({
   base: {
     alignItems: "center",
@@ -144,4 +144,4 @@ const A = D(v);
 export {
   A as W
 };
-//# sourceMappingURL=ratingDots.component-BpimXANy.js.map
+//# sourceMappingURL=ratingDots.component-Qk8qlPmN.js.map

package/dist/chunks/{ratingDots.component-BpimXANy.js.map → ratingDots.component-Qk8qlPmN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ratingDots.component-BpimXANy.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  /** If true, the dot will be active. */\n  active?: boolean;\n  /** If true, the dot will be disabled. */\n  disabled?: boolean;\n  /** If true, the dot will be invalid. */\n  invalid?: boolean;\n  /** Number of the dot. */\n  number: number;\n  /** Callback function to be called when the dot is clicked. */\n  onClick?: (value: number) => void;\n  /** Data test id for the dot.\n   * @default kibble-rating-dot\n   */\n  'data-testid'?: string;\n}\n\nexport const RatingDot = ({\n  active,\n  disabled,\n  invalid,\n  number,\n  onClick,\n  ['data-testid']: dataTestId = 'kibble-rating-dot',\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      data-testid={dataTestId}\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 { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\n\nexport interface RatingDotsProps extends WithFormControlProps {\n  /** Label to be displayed centered below the dots. */\n  centeredLabel?: string;\n  /** Companion label to describe the maximum value of the dots. */\n  maxLabel?: string;\n  /** Maximum value of the rating dots. */\n  maxValue: number;\n  /** Companion label to describe the minimum value of the dots. */\n  minLabel?: string;\n  /** Minimum value of the rating dots. */\n  minValue: number;\n  /** Callback function to handle value change when a dot is clicked. */\n  onChange?: (value: number) => void;\n  /** Current value of the rating dots. */\n  value?: number;\n  /**\n   * Data test id for the rating dots.\n   * @default kibble-rating-dots\n   */\n  'data-testid'?: string;\n}\n\nconst RatingDots = ({\n  centeredLabel,\n  disabled,\n  invalid,\n  minLabel,\n  minValue,\n  maxLabel,\n  maxValue,\n  onChange,\n  value,\n  ['data-testid']: dataTestId = 'kibble-rating-dots',\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={dataTestId}>\n      <Flex\n        className=\"RatingDots__Container\"\n        data-testid={`${dataTestId}-container`}\n        my={4}\n        flexWrap=\"wrap\"\n        justifyContent={onChange ? 'center' : 'flex-start'}\n      >\n        {values.map((val) => (\n          <RatingDot\n            key={`${dataTestId}-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={`${dataTestId}-label`}\n          justifyContent={onChange ? (centeredLabel ? 'center' : 'space-between') : 'flex-start'}\n        >\n          {centeredLabel ? (\n            <Text variant=\"subtle\" size=\"sm\">\n              {centeredLabel}\n            </Text>\n          ) : (\n            <>\n              {minLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n              {!onChange && <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n              {maxLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n            </>\n          )}\n        </Flex>\n      )}\n    </Box>\n  );\n};\n\nRatingDots.displayName = 'RatingDots';\nconst WrappedRatingDots = withFormControl<RatingDotsProps>(RatingDots);\n\nexport { WrappedRatingDots as RatingDots };\n"],"names":["ratingDotRecipe","defineRecipe","RatingDot","active","disabled","invalid","number","onClick","dataTestId","variant","styles","useRecipe","handleClick","useCallback","e","jsx","Flex","RatingDots","centeredLabel","minLabel","minValue","maxLabel","maxValue","onChange","value","roundedMin","useMemo","roundedMax","values","arr","i","jsxs","Box","val","Text","Fragment","WrappedRatingDots","withFormControl"],"mappings":"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"}
+{"version":3,"file":"ratingDots.component-Qk8qlPmN.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  /** If true, the dot will be active. */\n  active?: boolean;\n  /** If true, the dot will be disabled. */\n  disabled?: boolean;\n  /** If true, the dot will be invalid. */\n  invalid?: boolean;\n  /** Number of the dot. */\n  number: number;\n  /** Callback function to be called when the dot is clicked. */\n  onClick?: (value: number) => void;\n  /** Data test id for the dot.\n   * @default kibble-rating-dot\n   */\n  'data-testid'?: string;\n}\n\nexport const RatingDot = ({\n  active,\n  disabled,\n  invalid,\n  number,\n  onClick,\n  ['data-testid']: dataTestId = 'kibble-rating-dot',\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      data-testid={dataTestId}\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 { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\n\nexport interface RatingDotsProps extends WithFormControlProps {\n  /** Label to be displayed centered below the dots. */\n  centeredLabel?: string;\n  /** Companion label to describe the maximum value of the dots. */\n  maxLabel?: string;\n  /** Maximum value of the rating dots. */\n  maxValue: number;\n  /** Companion label to describe the minimum value of the dots. */\n  minLabel?: string;\n  /** Minimum value of the rating dots. */\n  minValue: number;\n  /** Callback function to handle value change when a dot is clicked. */\n  onChange?: (value: number) => void;\n  /** Current value of the rating dots. */\n  value?: number;\n  /**\n   * Data test id for the rating dots.\n   * @default kibble-rating-dots\n   */\n  'data-testid'?: string;\n}\n\nconst RatingDots = ({\n  centeredLabel,\n  disabled,\n  invalid,\n  minLabel,\n  minValue,\n  maxLabel,\n  maxValue,\n  onChange,\n  value,\n  ['data-testid']: dataTestId = 'kibble-rating-dots',\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={dataTestId}>\n      <Flex\n        className=\"RatingDots__Container\"\n        data-testid={`${dataTestId}-container`}\n        my={4}\n        flexWrap=\"wrap\"\n        justifyContent={onChange ? 'center' : 'flex-start'}\n      >\n        {values.map((val) => (\n          <RatingDot\n            key={`${dataTestId}-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={`${dataTestId}-label`}\n          justifyContent={onChange ? (centeredLabel ? 'center' : 'space-between') : 'flex-start'}\n        >\n          {centeredLabel ? (\n            <Text variant=\"subtle\" size=\"sm\">\n              {centeredLabel}\n            </Text>\n          ) : (\n            <>\n              {minLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n              {!onChange && <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n              {maxLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n            </>\n          )}\n        </Flex>\n      )}\n    </Box>\n  );\n};\n\nRatingDots.displayName = 'RatingDots';\nconst WrappedRatingDots = withFormControl<RatingDotsProps>(RatingDots);\n\nexport { WrappedRatingDots as RatingDots };\n"],"names":["ratingDotRecipe","defineRecipe","RatingDot","active","disabled","invalid","number","onClick","dataTestId","variant","styles","useRecipe","handleClick","useCallback","e","jsx","Flex","RatingDots","centeredLabel","minLabel","minValue","maxLabel","maxValue","onChange","value","roundedMin","useMemo","roundedMax","values","arr","i","jsxs","Box","val","Text","Fragment","WrappedRatingDots","withFormControl"],"mappings":"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"}

package/dist/chunks/{ratingDots.component-CMljyqn1.js → ratingDots.component-pc5p1mua.js}

@@ -1,2 +1,2 @@
-"use strict";const t=require("./jsx-runtime-BjDatQAs.js"),l=require("react"),v=require("./index-BQRnVsAg.js"),u=require("./text.component-D5GpbfNx.js"),h=require("./config-jChwZPSv.js"),y=require("./use-recipe-DaPWl_pL.js"),m=require("./flex-BOU6tYUd.js"),C=require("./withFormControl-CMerPa0c.js"),E=h.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"}}),D=({active:s,disabled:x,invalid:p,number:e,onClick:r,["data-testid"]:a="kibble-rating-dot"})=>{const d=r?"interactive":"default",b=y.useRecipe({recipe:E})({variant:d}),o=l.useCallback(c=>{c.preventDefault(),r&&r(e)},[e,r]);return t.jsxRuntimeExports.jsx(m.Flex,{"data-testid":a,...s&&{"data-active":"true"},...x?{"data-disabled":"true"}:{onClick:o},...p&&{"data-invalid":"true"},css:b,children:e})},g=({centeredLabel:s,disabled:x,invalid:p,minLabel:e,minValue:r,maxLabel:a,maxValue:d,onChange:i,value:b,["data-testid"]:o="kibble-rating-dots"})=>{const c=l.useMemo(()=>Math.round(r),[r]),R=l.useMemo(()=>Math.round(d),[d]),f=l.useMemo(()=>{const n=[];for(let j=c;j<=R;j++)n.push(j);return n},[R,c]);return t.jsxRuntimeExports.jsxs(v.Box,{className:"RatingDots","data-testid":o,children:[t.jsxRuntimeExports.jsx(m.Flex,{className:"RatingDots__Container","data-testid":`${o}-container`,my:4,flexWrap:"wrap",justifyContent:i?"center":"flex-start",children:f.map(n=>t.jsxRuntimeExports.jsx(D,{number:n,active:n===b,disabled:x,invalid:p,onClick:i},`${o}-dot-${n}`))}),(s||e||a)&&t.jsxRuntimeExports.jsx(m.Flex,{className:"RatingDots__Label","data-testid":`${o}-label`,justifyContent:i?s?"center":"space-between":"flex-start",children:s?t.jsxRuntimeExports.jsx(u.WrappedText,{variant:"subtle",size:"sm",children:s}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[e&&t.jsxRuntimeExports.jsx(u.WrappedText,{variant:"subtle",size:"sm",children:`${c} - ${e}`}),!i&&t.jsxRuntimeExports.jsx(u.WrappedText,{variant:"subtle",size:"sm",pr:1,children:","}),a&&t.jsxRuntimeExports.jsx(u.WrappedText,{variant:"subtle",size:"sm",children:`${R} - ${a}`})]})})]})};g.displayName="RatingDots";const _=C.withFormControl(g);exports.WrappedRatingDots=_;
-//# sourceMappingURL=ratingDots.component-CMljyqn1.js.map
+"use strict";const t=require("./jsx-runtime-BjDatQAs.js"),l=require("react"),v=require("./index-BQRnVsAg.js"),u=require("./text.component-D5GpbfNx.js"),h=require("./config-jChwZPSv.js"),y=require("./use-recipe-DaPWl_pL.js"),m=require("./flex-BOU6tYUd.js"),C=require("./withFormControl-d2CEvsH2.js"),E=h.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"}}),D=({active:s,disabled:x,invalid:p,number:e,onClick:r,["data-testid"]:a="kibble-rating-dot"})=>{const d=r?"interactive":"default",b=y.useRecipe({recipe:E})({variant:d}),o=l.useCallback(c=>{c.preventDefault(),r&&r(e)},[e,r]);return t.jsxRuntimeExports.jsx(m.Flex,{"data-testid":a,...s&&{"data-active":"true"},...x?{"data-disabled":"true"}:{onClick:o},...p&&{"data-invalid":"true"},css:b,children:e})},g=({centeredLabel:s,disabled:x,invalid:p,minLabel:e,minValue:r,maxLabel:a,maxValue:d,onChange:i,value:b,["data-testid"]:o="kibble-rating-dots"})=>{const c=l.useMemo(()=>Math.round(r),[r]),R=l.useMemo(()=>Math.round(d),[d]),f=l.useMemo(()=>{const n=[];for(let j=c;j<=R;j++)n.push(j);return n},[R,c]);return t.jsxRuntimeExports.jsxs(v.Box,{className:"RatingDots","data-testid":o,children:[t.jsxRuntimeExports.jsx(m.Flex,{className:"RatingDots__Container","data-testid":`${o}-container`,my:4,flexWrap:"wrap",justifyContent:i?"center":"flex-start",children:f.map(n=>t.jsxRuntimeExports.jsx(D,{number:n,active:n===b,disabled:x,invalid:p,onClick:i},`${o}-dot-${n}`))}),(s||e||a)&&t.jsxRuntimeExports.jsx(m.Flex,{className:"RatingDots__Label","data-testid":`${o}-label`,justifyContent:i?s?"center":"space-between":"flex-start",children:s?t.jsxRuntimeExports.jsx(u.WrappedText,{variant:"subtle",size:"sm",children:s}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[e&&t.jsxRuntimeExports.jsx(u.WrappedText,{variant:"subtle",size:"sm",children:`${c} - ${e}`}),!i&&t.jsxRuntimeExports.jsx(u.WrappedText,{variant:"subtle",size:"sm",pr:1,children:","}),a&&t.jsxRuntimeExports.jsx(u.WrappedText,{variant:"subtle",size:"sm",children:`${R} - ${a}`})]})})]})};g.displayName="RatingDots";const _=C.withFormControl(g);exports.WrappedRatingDots=_;
+//# sourceMappingURL=ratingDots.component-pc5p1mua.js.map

package/dist/chunks/{ratingDots.component-CMljyqn1.js.map → ratingDots.component-pc5p1mua.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ratingDots.component-CMljyqn1.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  /** If true, the dot will be active. */\n  active?: boolean;\n  /** If true, the dot will be disabled. */\n  disabled?: boolean;\n  /** If true, the dot will be invalid. */\n  invalid?: boolean;\n  /** Number of the dot. */\n  number: number;\n  /** Callback function to be called when the dot is clicked. */\n  onClick?: (value: number) => void;\n  /** Data test id for the dot.\n   * @default kibble-rating-dot\n   */\n  'data-testid'?: string;\n}\n\nexport const RatingDot = ({\n  active,\n  disabled,\n  invalid,\n  number,\n  onClick,\n  ['data-testid']: dataTestId = 'kibble-rating-dot',\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      data-testid={dataTestId}\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 { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\n\nexport interface RatingDotsProps extends WithFormControlProps {\n  /** Label to be displayed centered below the dots. */\n  centeredLabel?: string;\n  /** Companion label to describe the maximum value of the dots. */\n  maxLabel?: string;\n  /** Maximum value of the rating dots. */\n  maxValue: number;\n  /** Companion label to describe the minimum value of the dots. */\n  minLabel?: string;\n  /** Minimum value of the rating dots. */\n  minValue: number;\n  /** Callback function to handle value change when a dot is clicked. */\n  onChange?: (value: number) => void;\n  /** Current value of the rating dots. */\n  value?: number;\n  /**\n   * Data test id for the rating dots.\n   * @default kibble-rating-dots\n   */\n  'data-testid'?: string;\n}\n\nconst RatingDots = ({\n  centeredLabel,\n  disabled,\n  invalid,\n  minLabel,\n  minValue,\n  maxLabel,\n  maxValue,\n  onChange,\n  value,\n  ['data-testid']: dataTestId = 'kibble-rating-dots',\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={dataTestId}>\n      <Flex\n        className=\"RatingDots__Container\"\n        data-testid={`${dataTestId}-container`}\n        my={4}\n        flexWrap=\"wrap\"\n        justifyContent={onChange ? 'center' : 'flex-start'}\n      >\n        {values.map((val) => (\n          <RatingDot\n            key={`${dataTestId}-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={`${dataTestId}-label`}\n          justifyContent={onChange ? (centeredLabel ? 'center' : 'space-between') : 'flex-start'}\n        >\n          {centeredLabel ? (\n            <Text variant=\"subtle\" size=\"sm\">\n              {centeredLabel}\n            </Text>\n          ) : (\n            <>\n              {minLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n              {!onChange && <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n              {maxLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n            </>\n          )}\n        </Flex>\n      )}\n    </Box>\n  );\n};\n\nRatingDots.displayName = 'RatingDots';\nconst WrappedRatingDots = withFormControl<RatingDotsProps>(RatingDots);\n\nexport { WrappedRatingDots as RatingDots };\n"],"names":["ratingDotRecipe","defineRecipe","RatingDot","active","disabled","invalid","number","onClick","dataTestId","variant","styles","useRecipe","handleClick","useCallback","e","jsx","Flex","RatingDots","centeredLabel","minLabel","minValue","maxLabel","maxValue","onChange","value","roundedMin","useMemo","roundedMax","values","arr","i","jsxs","Box","val","Text","Fragment","WrappedRatingDots","withFormControl"],"mappings":"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"}
+{"version":3,"file":"ratingDots.component-pc5p1mua.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  /** If true, the dot will be active. */\n  active?: boolean;\n  /** If true, the dot will be disabled. */\n  disabled?: boolean;\n  /** If true, the dot will be invalid. */\n  invalid?: boolean;\n  /** Number of the dot. */\n  number: number;\n  /** Callback function to be called when the dot is clicked. */\n  onClick?: (value: number) => void;\n  /** Data test id for the dot.\n   * @default kibble-rating-dot\n   */\n  'data-testid'?: string;\n}\n\nexport const RatingDot = ({\n  active,\n  disabled,\n  invalid,\n  number,\n  onClick,\n  ['data-testid']: dataTestId = 'kibble-rating-dot',\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      data-testid={dataTestId}\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 { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\n\nexport interface RatingDotsProps extends WithFormControlProps {\n  /** Label to be displayed centered below the dots. */\n  centeredLabel?: string;\n  /** Companion label to describe the maximum value of the dots. */\n  maxLabel?: string;\n  /** Maximum value of the rating dots. */\n  maxValue: number;\n  /** Companion label to describe the minimum value of the dots. */\n  minLabel?: string;\n  /** Minimum value of the rating dots. */\n  minValue: number;\n  /** Callback function to handle value change when a dot is clicked. */\n  onChange?: (value: number) => void;\n  /** Current value of the rating dots. */\n  value?: number;\n  /**\n   * Data test id for the rating dots.\n   * @default kibble-rating-dots\n   */\n  'data-testid'?: string;\n}\n\nconst RatingDots = ({\n  centeredLabel,\n  disabled,\n  invalid,\n  minLabel,\n  minValue,\n  maxLabel,\n  maxValue,\n  onChange,\n  value,\n  ['data-testid']: dataTestId = 'kibble-rating-dots',\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={dataTestId}>\n      <Flex\n        className=\"RatingDots__Container\"\n        data-testid={`${dataTestId}-container`}\n        my={4}\n        flexWrap=\"wrap\"\n        justifyContent={onChange ? 'center' : 'flex-start'}\n      >\n        {values.map((val) => (\n          <RatingDot\n            key={`${dataTestId}-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={`${dataTestId}-label`}\n          justifyContent={onChange ? (centeredLabel ? 'center' : 'space-between') : 'flex-start'}\n        >\n          {centeredLabel ? (\n            <Text variant=\"subtle\" size=\"sm\">\n              {centeredLabel}\n            </Text>\n          ) : (\n            <>\n              {minLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n              {!onChange && <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n              {maxLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n            </>\n          )}\n        </Flex>\n      )}\n    </Box>\n  );\n};\n\nRatingDots.displayName = 'RatingDots';\nconst WrappedRatingDots = withFormControl<RatingDotsProps>(RatingDots);\n\nexport { WrappedRatingDots as RatingDots };\n"],"names":["ratingDotRecipe","defineRecipe","RatingDot","active","disabled","invalid","number","onClick","dataTestId","variant","styles","useRecipe","handleClick","useCallback","e","jsx","Flex","RatingDots","centeredLabel","minLabel","minValue","maxLabel","maxValue","onChange","value","roundedMin","useMemo","roundedMax","values","arr","i","jsxs","Box","val","Text","Fragment","WrappedRatingDots","withFormControl"],"mappings":"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"}

package/dist/chunks/{select.component-LmZa9UrH.js → select.component-CzyXxbhS.js}

@@ -1,2 +1,2 @@
-"use strict";const a=require("./jsx-runtime-BjDatQAs.js"),u=require("react"),wt=require("./withFormControl-CMerPa0c.js"),Ct=require("./icon.component-B1hr5lLa.js"),Rt=require("./button.component-DjdgBXDC.js"),He=require("./text.component-D5GpbfNx.js"),Et=require("./spinner.component-0tE7mnxi.js"),p=require("./use-locale-context-ym21RUxU.js"),At=require("./create-slot-recipe-context-HXE1VazG.js"),ae=require("./icons-B6Nwr9di.js"),ze=require("./use-field-context-Cm29IQ7H.js"),P=require("./index-CQURjLlA.js"),A=require("./index-Ts8g8jZd.js"),ve=require("./index-DhaZ70Qi.js"),Tt=require("./usePortalContentRef-CTrvBQ7I.js"),It=require("./index-BQRnVsAg.js"),Ot=require("./textInput.component-KjxR5ln_.js"),c=require("./isSymbol-BdGeV_e0.js"),$t=require("./list-collection-DoQwQYv1.js"),Pe=require("./flex-BOU6tYUd.js"),Lt=e=>e&&e.__esModule?e:{default:e},Nt=Lt(u),[Be,y]=p.createContext({name:"SelectContext",hookName:"useSelectContext",providerName:"<SelectProvider />"}),Ue=u.forwardRef((e,t)=>{const r=y(),n=P.mergeProps(r.getClearTriggerProps(),e);return a.jsxRuntimeExports.jsx(p.ark.button,{...n,ref:t})});Ue.displayName="SelectClearTrigger";const Ke=u.forwardRef((e,t)=>{const r=y(),n=A.usePresenceContext(),s=P.mergeProps(r.getContentProps(),n.getPresenceProps(),e);return n.unmounted?null:a.jsxRuntimeExports.jsx(p.ark.div,{...s,ref:p.composeRefs(n.ref,t)})});Ke.displayName="SelectContent";const We=u.forwardRef((e,t)=>{const r=y(),n=P.mergeProps(r.getControlProps(),e);return a.jsxRuntimeExports.jsx(p.ark.div,{...n,ref:t})});We.displayName="SelectControl";const Ze=u.forwardRef((e,t)=>{const r=y(),n=P.mergeProps(r.getHiddenSelectProps(),e),s=r.value.length===0,o=ze.useFieldContext();return a.jsxRuntimeExports.jsxs(p.ark.select,{"aria-describedby":o?.ariaDescribedby,...n,ref:t,children:[s&&a.jsxRuntimeExports.jsx("option",{value:""}),r.collection.items.map((i,l)=>a.jsxRuntimeExports.jsx("option",{value:r.collection.getItemValue(i)??"",disabled:r.collection.getItemDisabled(i),children:r.collection.stringifyItem(i)},l))]})});Ze.displayName="SelectHiddenSelect";const Ve=u.forwardRef((e,t)=>{const r=y(),n=P.mergeProps(r.getIndicatorProps(),e);return a.jsxRuntimeExports.jsx(p.ark.div,{...n,ref:t})});Ve.displayName="SelectIndicator";const[Gt,fo]=p.createContext({name:"SelectItemContext",hookName:"useSelectItemContext",providerName:"<SelectItemProvider />"}),[Dt,Xe]=p.createContext({name:"SelectItemPropsContext",hookName:"useSelectItemPropsContext",providerName:"<SelectItemPropsProvider />"}),Je=u.forwardRef((e,t)=>{const[r,n]=p.createSplitProps()(e,["item","persistFocus"]),s=y(),o=P.mergeProps(s.getItemProps(r),n),i=s.getItemState(r);return a.jsxRuntimeExports.jsx(Dt,{value:r,children:a.jsxRuntimeExports.jsx(Gt,{value:i,children:a.jsxRuntimeExports.jsx(p.ark.div,{...o,ref:t})})})});Je.displayName="SelectItem";const[Mt,Ft]=p.createContext({name:"SelectItemGroupPropsContext",hookName:"useSelectItemGroupPropsContext",providerName:"<SelectItemGroupPropsProvider />"}),Ye=u.forwardRef((e,t)=>{const r=u.useId(),[n,s]=p.createSplitProps()(e,["id"]),o={id:r,...n},i=y(),l=P.mergeProps(i.getItemGroupProps(o),s);return a.jsxRuntimeExports.jsx(Mt,{value:o,children:a.jsxRuntimeExports.jsx(p.ark.div,{...l,ref:t})})});Ye.displayName="SelectItemGroup";const Qe=u.forwardRef((e,t)=>{const r=y(),n=Ft(),s=P.mergeProps(r.getItemGroupLabelProps({htmlFor:n.id}),e);return a.jsxRuntimeExports.jsx(p.ark.div,{...s,ref:t})});Qe.displayName="SelectItemGroupLabel";const ke=u.forwardRef((e,t)=>{const r=y(),n=Xe(),s=P.mergeProps(r.getItemIndicatorProps(n),e);return a.jsxRuntimeExports.jsx(p.ark.div,{...s,ref:t})});ke.displayName="SelectItemIndicator";const et=u.forwardRef((e,t)=>{const r=y(),n=Xe(),s=P.mergeProps(r.getItemTextProps(n),e);return a.jsxRuntimeExports.jsx(p.ark.span,{...s,ref:t})});et.displayName="SelectItemText";const tt=u.forwardRef((e,t)=>{const r=y(),n=P.mergeProps(r.getLabelProps(),e);return a.jsxRuntimeExports.jsx(p.ark.label,{...n,ref:t})});tt.displayName="SelectLabel";const rt=u.forwardRef((e,t)=>{const r=y(),n=P.mergeProps(r.getPositionerProps(),e);return A.usePresenceContext().unmounted?null:a.jsxRuntimeExports.jsx(p.ark.div,{...n,ref:t})});rt.displayName="SelectPositioner";const qt=e=>{const t=u.useId(),{dir:r}=p.useLocaleContext(),{getRootNode:n}=p.useEnvironmentContext(),s=ze.useFieldContext(),o={id:t,ids:{label:s?.ids.label,hiddenSelect:s?.ids.control},disabled:s?.disabled,readOnly:s?.readOnly,invalid:s?.invalid,required:s?.required,dir:r,getRootNode:n,...e},i=p.useMachine(ve.machine,o);return ve.connect(i,p.normalizeProps)},Ht=(e,t)=>{const[r,n]=A.splitPresenceProps(e),[s,o]=p.createSplitProps()(n,["closeOnSelect","collection","composite","defaultHighlightedValue","defaultOpen","defaultValue","deselectable","disabled","form","highlightedValue","id","ids","invalid","loopFocus","multiple","name","onFocusOutside","onHighlightChange","onInteractOutside","onOpenChange","onPointerDownOutside","onSelect","onValueChange","open","positioning","readOnly","required","scrollToIndexFn","value"]),i=qt(s),l=A.usePresence(P.mergeProps({present:i.open},r)),f=P.mergeProps(i.getRootProps(),o);return a.jsxRuntimeExports.jsx(Be,{value:i,children:a.jsxRuntimeExports.jsx(A.PresenceProvider,{value:l,children:a.jsxRuntimeExports.jsx(p.ark.div,{...f,ref:t})})})},zt=u.forwardRef(Ht),Bt=(e,t)=>{const[r,n]=A.splitPresenceProps(e),[{value:s},o]=p.createSplitProps()(n,["value"]),i=A.usePresence(P.mergeProps({present:s.open},r)),l=P.mergeProps(s.getRootProps(),o);return a.jsxRuntimeExports.jsx(Be,{value:s,children:a.jsxRuntimeExports.jsx(A.PresenceProvider,{value:i,children:a.jsxRuntimeExports.jsx(p.ark.div,{...l,ref:t})})})},Ut=u.forwardRef(Bt),nt=u.forwardRef((e,t)=>{const r=y(),n=P.mergeProps(r.getTriggerProps(),e);return a.jsxRuntimeExports.jsx(p.ark.button,{...n,ref:t})});nt.displayName="SelectTrigger";const st=u.forwardRef((e,t)=>{const{children:r,placeholder:n,...s}=e,o=y(),i=P.mergeProps(o.getValueTextProps(),s);return a.jsxRuntimeExports.jsx(p.ark.span,{...i,ref:t,children:r||o.valueAsString||n})});st.displayName="SelectValueText";const{withProvider:ot,withContext:j}=At.createSlotRecipeContext({key:"select"});ot(Ut,"root",{forwardAsChild:!0});const Kt=ot(zt,"root",{forwardAsChild:!0,defaultProps:{positioning:{sameWidth:!0}}}),Wt=j(nt,"trigger",{forwardAsChild:!0}),Zt=j(rt,"positioner",{forwardAsChild:!0}),Vt=j(Ke,"content",{forwardAsChild:!0}),Xt=j(st,"valueText",{forwardAsChild:!0}),Jt=j(Ue,"clearTrigger",{forwardAsChild:!0,defaultProps:{children:a.jsxRuntimeExports.jsx(ae.CloseIcon,{boxSize:"1em"})}}),Yt=j(Ye,"itemGroup",{forwardAsChild:!0}),Qt=j(Qe,"itemGroupLabel",{forwardAsChild:!0}),kt=j(Je,"item",{forwardAsChild:!0});j(et,"itemText",{forwardAsChild:!0});j(ke,"itemIndicator",{forwardAsChild:!0,defaultProps:{children:a.jsxRuntimeExports.jsx(ae.CheckIcon,{})}});const er=j("div","indicatorGroup");j(Ve,"indicator",{forwardAsChild:!0,defaultProps:{children:a.jsxRuntimeExports.jsx(ae.ChevronDownIcon,{})}});const tr=j(We,"control",{forwardAsChild:!0});j(tt,"label",{forwardAsChild:!0});const rr=Ze,it=({item:e,onContrast:t,shouldTruncateText:r=!0,size:n})=>a.jsxRuntimeExports.jsxs(a.jsxRuntimeExports.Fragment,{children:[e.leftElement,typeof e.label=="string"?a.jsxRuntimeExports.jsx(He.WrappedText,{size:n,truncated:r,variant:e.variant||(t?"onContrast":"default"),...e.leftElement&&{ml:2},children:e.label}):e.label]}),nr=({placeholder:e="",leftElement:t,shouldTruncateText:r,...n})=>{const s=y(),o=u.useMemo(()=>s.selectedItems[0],[s]);return a.jsxRuntimeExports.jsxs(Wt,{children:[!o?.leftElement&&t,a.jsxRuntimeExports.jsx(Xt,{placeholder:e,lineHeight:o?"0":"150%",display:o?"flex":"-webkit-box",alignItems:"center",children:o&&a.jsxRuntimeExports.jsx(it,{shouldTruncateText:r,item:o,...n})})]})};var k=c.root["__core-js_shared__"],_e=function(){var e=/[^.]+$/.exec(k&&k.keys&&k.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function sr(e){return!!_e&&_e in e}var or=Function.prototype,ir=or.toString;function N(e){if(e!=null){try{return ir.call(e)}catch{}try{return e+""}catch{}}return""}var ar=/[\\^$.*+?()[\]{}|]/g,cr=/^\[object .+?Constructor\]$/,lr=Function.prototype,ur=Object.prototype,pr=lr.toString,fr=ur.hasOwnProperty,dr=RegExp("^"+pr.call(fr).replace(ar,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function gr(e){if(!c.isObject(e)||sr(e))return!1;var t=c.isFunction(e)?dr:cr;return t.test(N(e))}function mr(e,t){return e?.[t]}function G(e,t){var r=mr(e,t);return gr(r)?r:void 0}var ye=function(){try{var e=G(Object,"defineProperty");return e({},"",{}),e}catch{}}();function xr(e,t,r){t=="__proto__"&&ye?ye(e,t,{configurable:!0,enumerable:!0,value:r,writable:!0}):e[t]=r}function hr(e,t,r,n){for(var s=-1,o=e==null?0:e.length;++s<o;){var i=e[s];t(n,i,r(i),e)}return n}function vr(e){return function(t,r,n){for(var s=-1,o=Object(t),i=n(t),l=i.length;l--;){var f=i[++s];if(r(o[f],f,o)===!1)break}return t}}var Pr=vr();function _r(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n}var yr="[object Arguments]";function be(e){return c.isObjectLike(e)&&c.baseGetTag(e)==yr}var at=Object.prototype,br=at.hasOwnProperty,Sr=at.propertyIsEnumerable,ct=be(function(){return arguments}())?be:function(e){return c.isObjectLike(e)&&br.call(e,"callee")&&!Sr.call(e,"callee")},C=Array.isArray;function jr(){return!1}var lt=typeof exports=="object"&&exports&&!exports.nodeType&&exports,Se=lt&&typeof module=="object"&&module&&!module.nodeType&&module,wr=Se&&Se.exports===lt,je=wr?c.root.Buffer:void 0,Cr=je?je.isBuffer:void 0,re=Cr||jr,Rr="[object Arguments]",Er="[object Array]",Ar="[object Boolean]",Tr="[object Date]",Ir="[object Error]",Or="[object Function]",$r="[object Map]",Lr="[object Number]",Nr="[object Object]",Gr="[object RegExp]",Dr="[object Set]",Mr="[object String]",Fr="[object WeakMap]",qr="[object ArrayBuffer]",Hr="[object DataView]",zr="[object Float32Array]",Br="[object Float64Array]",Ur="[object Int8Array]",Kr="[object Int16Array]",Wr="[object Int32Array]",Zr="[object Uint8Array]",Vr="[object Uint8ClampedArray]",Xr="[object Uint16Array]",Jr="[object Uint32Array]",g={};g[zr]=g[Br]=g[Ur]=g[Kr]=g[Wr]=g[Zr]=g[Vr]=g[Xr]=g[Jr]=!0;g[Rr]=g[Er]=g[qr]=g[Ar]=g[Hr]=g[Tr]=g[Ir]=g[Or]=g[$r]=g[Lr]=g[Nr]=g[Gr]=g[Dr]=g[Mr]=g[Fr]=!1;function Yr(e){return c.isObjectLike(e)&&c.isLength(e.length)&&!!g[c.baseGetTag(e)]}function Qr(e){return function(t){return e(t)}}var ut=typeof exports=="object"&&exports&&!exports.nodeType&&exports,z=ut&&typeof module=="object"&&module&&!module.nodeType&&module,kr=z&&z.exports===ut,ee=kr&&c.freeGlobal.process,we=function(){try{var e=z&&z.require&&z.require("util").types;return e||ee&&ee.binding&&ee.binding("util")}catch{}}(),Ce=we&&we.isTypedArray,pt=Ce?Qr(Ce):Yr,en=Object.prototype,tn=en.hasOwnProperty;function rn(e,t){var r=C(e),n=!r&&ct(e),s=!r&&!n&&re(e),o=!r&&!n&&!s&&pt(e),i=r||n||s||o,l=i?_r(e.length,String):[],f=l.length;for(var d in e)tn.call(e,d)&&!(i&&(d=="length"||s&&(d=="offset"||d=="parent")||o&&(d=="buffer"||d=="byteLength"||d=="byteOffset")||c.isIndex(d,f)))&&l.push(d);return l}var nn=Object.prototype;function sn(e){var t=e&&e.constructor,r=typeof t=="function"&&t.prototype||nn;return e===r}function on(e,t){return function(r){return e(t(r))}}var an=on(Object.keys,Object),cn=Object.prototype,ln=cn.hasOwnProperty;function un(e){if(!sn(e))return an(e);var t=[];for(var r in Object(e))ln.call(e,r)&&r!="constructor"&&t.push(r);return t}function ce(e){return c.isArrayLike(e)?rn(e):un(e)}function pn(e,t){return e&&Pr(e,t,ce)}function fn(e,t){return function(r,n){if(r==null)return r;if(!c.isArrayLike(r))return e(r,n);for(var s=r.length,o=-1,i=Object(r);++o<s&&n(i[o],o,i)!==!1;);return r}}var dn=fn(pn);function gn(e,t,r,n){return dn(e,function(s,o,i){t(n,s,r(s),i)}),n}function mn(){this.__data__=[],this.size=0}function V(e,t){for(var r=e.length;r--;)if(c.eq(e[r][0],t))return r;return-1}var xn=Array.prototype,hn=xn.splice;function vn(e){var t=this.__data__,r=V(t,e);if(r<0)return!1;var n=t.length-1;return r==n?t.pop():hn.call(t,r,1),--this.size,!0}function Pn(e){var t=this.__data__,r=V(t,e);return r<0?void 0:t[r][1]}function _n(e){return V(this.__data__,e)>-1}function yn(e,t){var r=this.__data__,n=V(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this}function I(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}I.prototype.clear=mn;I.prototype.delete=vn;I.prototype.get=Pn;I.prototype.has=_n;I.prototype.set=yn;function bn(){this.__data__=new I,this.size=0}function Sn(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r}function jn(e){return this.__data__.get(e)}function wn(e){return this.__data__.has(e)}var B=G(c.root,"Map"),U=G(Object,"create");function Cn(){this.__data__=U?U(null):{},this.size=0}function Rn(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var En="__lodash_hash_undefined__",An=Object.prototype,Tn=An.hasOwnProperty;function In(e){var t=this.__data__;if(U){var r=t[e];return r===En?void 0:r}return Tn.call(t,e)?t[e]:void 0}var On=Object.prototype,$n=On.hasOwnProperty;function Ln(e){var t=this.__data__;return U?t[e]!==void 0:$n.call(t,e)}var Nn="__lodash_hash_undefined__";function Gn(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=U&&t===void 0?Nn:t,this}function L(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}L.prototype.clear=Cn;L.prototype.delete=Rn;L.prototype.get=In;L.prototype.has=Ln;L.prototype.set=Gn;function Dn(){this.size=0,this.__data__={hash:new L,map:new(B||I),string:new L}}function Mn(e){var t=typeof e;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?e!=="__proto__":e===null}function X(e,t){var r=e.__data__;return Mn(t)?r[typeof t=="string"?"string":"hash"]:r.map}function Fn(e){var t=X(this,e).delete(e);return this.size-=t?1:0,t}function qn(e){return X(this,e).get(e)}function Hn(e){return X(this,e).has(e)}function zn(e,t){var r=X(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this}function O(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}O.prototype.clear=Dn;O.prototype.delete=Fn;O.prototype.get=qn;O.prototype.has=Hn;O.prototype.set=zn;var Bn=200;function Un(e,t){var r=this.__data__;if(r instanceof I){var n=r.__data__;if(!B||n.length<Bn-1)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new O(n)}return r.set(e,t),this.size=r.size,this}function T(e){var t=this.__data__=new I(e);this.size=t.size}T.prototype.clear=bn;T.prototype.delete=Sn;T.prototype.get=jn;T.prototype.has=wn;T.prototype.set=Un;var Kn="__lodash_hash_undefined__";function Wn(e){return this.__data__.set(e,Kn),this}function Zn(e){return this.__data__.has(e)}function Z(e){var t=-1,r=e==null?0:e.length;for(this.__data__=new O;++t<r;)this.add(e[t])}Z.prototype.add=Z.prototype.push=Wn;Z.prototype.has=Zn;function Vn(e,t){for(var r=-1,n=e==null?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1}function Xn(e,t){return e.has(t)}var Jn=1,Yn=2;function ft(e,t,r,n,s,o){var i=r&Jn,l=e.length,f=t.length;if(l!=f&&!(i&&f>l))return!1;var d=o.get(e),b=o.get(t);if(d&&b)return d==t&&b==e;var v=-1,m=!0,w=r&Yn?new Z:void 0;for(o.set(e,t),o.set(t,e);++v<l;){var x=e[v],_=t[v];if(n)var S=i?n(_,x,v,t,e,o):n(x,_,v,e,t,o);if(S!==void 0){if(S)continue;m=!1;break}if(w){if(!Vn(t,function(R,E){if(!Xn(w,E)&&(x===R||s(x,R,r,n,o)))return w.push(E)})){m=!1;break}}else if(!(x===_||s(x,_,r,n,o))){m=!1;break}}return o.delete(e),o.delete(t),m}var Re=c.root.Uint8Array;function Qn(e){var t=-1,r=Array(e.size);return e.forEach(function(n,s){r[++t]=[s,n]}),r}function kn(e){var t=-1,r=Array(e.size);return e.forEach(function(n){r[++t]=n}),r}var es=1,ts=2,rs="[object Boolean]",ns="[object Date]",ss="[object Error]",os="[object Map]",is="[object Number]",as="[object RegExp]",cs="[object Set]",ls="[object String]",us="[object Symbol]",ps="[object ArrayBuffer]",fs="[object DataView]",Ee=c.Symbol?c.Symbol.prototype:void 0,te=Ee?Ee.valueOf:void 0;function ds(e,t,r,n,s,o,i){switch(r){case fs:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case ps:return!(e.byteLength!=t.byteLength||!o(new Re(e),new Re(t)));case rs:case ns:case is:return c.eq(+e,+t);case ss:return e.name==t.name&&e.message==t.message;case as:case ls:return e==t+"";case os:var l=Qn;case cs:var f=n&es;if(l||(l=kn),e.size!=t.size&&!f)return!1;var d=i.get(e);if(d)return d==t;n|=ts,i.set(e,t);var b=ft(l(e),l(t),n,s,o,i);return i.delete(e),b;case us:if(te)return te.call(e)==te.call(t)}return!1}function gs(e,t){for(var r=-1,n=t.length,s=e.length;++r<n;)e[s+r]=t[r];return e}function ms(e,t,r){var n=t(e);return C(e)?n:gs(n,r(e))}function xs(e,t){for(var r=-1,n=e==null?0:e.length,s=0,o=[];++r<n;){var i=e[r];t(i,r,e)&&(o[s++]=i)}return o}function hs(){return[]}var vs=Object.prototype,Ps=vs.propertyIsEnumerable,Ae=Object.getOwnPropertySymbols,_s=Ae?function(e){return e==null?[]:(e=Object(e),xs(Ae(e),function(t){return Ps.call(e,t)}))}:hs;function Te(e){return ms(e,ce,_s)}var ys=1,bs=Object.prototype,Ss=bs.hasOwnProperty;function js(e,t,r,n,s,o){var i=r&ys,l=Te(e),f=l.length,d=Te(t),b=d.length;if(f!=b&&!i)return!1;for(var v=f;v--;){var m=l[v];if(!(i?m in t:Ss.call(t,m)))return!1}var w=o.get(e),x=o.get(t);if(w&&x)return w==t&&x==e;var _=!0;o.set(e,t),o.set(t,e);for(var S=i;++v<f;){m=l[v];var R=e[m],E=t[m];if(n)var K=i?n(E,R,m,t,e,o):n(R,E,m,e,t,o);if(!(K===void 0?R===E||s(R,E,r,n,o):K)){_=!1;break}S||(S=m=="constructor")}if(_&&!S){var D=e.constructor,M=t.constructor;D!=M&&"constructor"in e&&"constructor"in t&&!(typeof D=="function"&&D instanceof D&&typeof M=="function"&&M instanceof M)&&(_=!1)}return o.delete(e),o.delete(t),_}var ne=G(c.root,"DataView"),se=G(c.root,"Promise"),oe=G(c.root,"Set"),ie=G(c.root,"WeakMap"),Ie="[object Map]",ws="[object Object]",Oe="[object Promise]",$e="[object Set]",Le="[object WeakMap]",Ne="[object DataView]",Cs=N(ne),Rs=N(B),Es=N(se),As=N(oe),Ts=N(ie),$=c.baseGetTag;(ne&&$(new ne(new ArrayBuffer(1)))!=Ne||B&&$(new B)!=Ie||se&&$(se.resolve())!=Oe||oe&&$(new oe)!=$e||ie&&$(new ie)!=Le)&&($=function(e){var t=c.baseGetTag(e),r=t==ws?e.constructor:void 0,n=r?N(r):"";if(n)switch(n){case Cs:return Ne;case Rs:return Ie;case Es:return Oe;case As:return $e;case Ts:return Le}return t});var Is=1,Ge="[object Arguments]",De="[object Array]",W="[object Object]",Os=Object.prototype,Me=Os.hasOwnProperty;function $s(e,t,r,n,s,o){var i=C(e),l=C(t),f=i?De:$(e),d=l?De:$(t);f=f==Ge?W:f,d=d==Ge?W:d;var b=f==W,v=d==W,m=f==d;if(m&&re(e)){if(!re(t))return!1;i=!0,b=!1}if(m&&!b)return o||(o=new T),i||pt(e)?ft(e,t,r,n,s,o):ds(e,t,f,r,n,s,o);if(!(r&Is)){var w=b&&Me.call(e,"__wrapped__"),x=v&&Me.call(t,"__wrapped__");if(w||x){var _=w?e.value():e,S=x?t.value():t;return o||(o=new T),s(_,S,r,n,o)}}return m?(o||(o=new T),js(e,t,r,n,s,o)):!1}function le(e,t,r,n,s){return e===t?!0:e==null||t==null||!c.isObjectLike(e)&&!c.isObjectLike(t)?e!==e&&t!==t:$s(e,t,r,n,le,s)}var Ls=1,Ns=2;function Gs(e,t,r,n){var s=r.length,o=s;if(e==null)return!o;for(e=Object(e);s--;){var i=r[s];if(i[2]?i[1]!==e[i[0]]:!(i[0]in e))return!1}for(;++s<o;){i=r[s];var l=i[0],f=e[l],d=i[1];if(i[2]){if(f===void 0&&!(l in e))return!1}else{var b=new T,v;if(!(v===void 0?le(d,f,Ls|Ns,n,b):v))return!1}}return!0}function dt(e){return e===e&&!c.isObject(e)}function Ds(e){for(var t=ce(e),r=t.length;r--;){var n=t[r],s=e[n];t[r]=[n,s,dt(s)]}return t}function gt(e,t){return function(r){return r==null?!1:r[e]===t&&(t!==void 0||e in Object(r))}}function Ms(e){var t=Ds(e);return t.length==1&&t[0][2]?gt(t[0][0],t[0][1]):function(r){return r===e||Gs(r,e,t)}}var Fs=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,qs=/^\w*$/;function ue(e,t){if(C(e))return!1;var r=typeof e;return r=="number"||r=="symbol"||r=="boolean"||e==null||c.isSymbol(e)?!0:qs.test(e)||!Fs.test(e)||t!=null&&e in Object(t)}var Hs="Expected a function";function pe(e,t){if(typeof e!="function"||t!=null&&typeof t!="function")throw new TypeError(Hs);var r=function(){var n=arguments,s=t?t.apply(this,n):n[0],o=r.cache;if(o.has(s))return o.get(s);var i=e.apply(this,n);return r.cache=o.set(s,i)||o,i};return r.cache=new(pe.Cache||O),r}pe.Cache=O;var zs=500;function Bs(e){var t=pe(e,function(n){return r.size===zs&&r.clear(),n}),r=t.cache;return t}var Us=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Ks=/\\(\\)?/g,Ws=Bs(function(e){var t=[];return e.charCodeAt(0)===46&&t.push(""),e.replace(Us,function(r,n,s,o){t.push(s?o.replace(Ks,"$1"):n||r)}),t});function Zs(e,t){for(var r=-1,n=e==null?0:e.length,s=Array(n);++r<n;)s[r]=t(e[r],r,e);return s}var Fe=c.Symbol?c.Symbol.prototype:void 0,qe=Fe?Fe.toString:void 0;function mt(e){if(typeof e=="string")return e;if(C(e))return Zs(e,mt)+"";if(c.isSymbol(e))return qe?qe.call(e):"";var t=e+"";return t=="0"&&1/e==-1/0?"-0":t}function Vs(e){return e==null?"":mt(e)}function xt(e,t){return C(e)?e:ue(e,t)?[e]:Ws(Vs(e))}function J(e){if(typeof e=="string"||c.isSymbol(e))return e;var t=e+"";return t=="0"&&1/e==-1/0?"-0":t}function ht(e,t){t=xt(t,e);for(var r=0,n=t.length;e!=null&&r<n;)e=e[J(t[r++])];return r&&r==n?e:void 0}function Xs(e,t,r){var n=e==null?void 0:ht(e,t);return n===void 0?r:n}function Js(e,t){return e!=null&&t in Object(e)}function Ys(e,t,r){t=xt(t,e);for(var n=-1,s=t.length,o=!1;++n<s;){var i=J(t[n]);if(!(o=e!=null&&r(e,i)))break;e=e[i]}return o||++n!=s?o:(s=e==null?0:e.length,!!s&&c.isLength(s)&&c.isIndex(i,s)&&(C(e)||ct(e)))}function Qs(e,t){return e!=null&&Ys(e,t,Js)}var ks=1,eo=2;function to(e,t){return ue(e)&&dt(t)?gt(J(e),t):function(r){var n=Xs(r,e);return n===void 0&&n===t?Qs(r,e):le(t,n,ks|eo)}}function ro(e){return e}function no(e){return function(t){return t?.[e]}}function so(e){return function(t){return ht(t,e)}}function oo(e){return ue(e)?no(J(e)):so(e)}function io(e){return typeof e=="function"?e:e==null?ro:typeof e=="object"?C(e)?to(e[0],e[1]):Ms(e):oo(e)}function ao(e,t){return function(r,n){var s=C(r)?hr:gn,o={};return s(r,e,io(n),o)}}var co=Object.prototype,lo=co.hasOwnProperty,uo=ao(function(e,t,r){lo.call(e,r)?e[r].push(t):xr(e,r,[t])});const vt=Nt.default.forwardRef(({clearable:e,emptyPlaceholder:t="No options available",loading:r,onContrast:n,options:s,placeholder:o="",leftElement:i,rootRef:l,searchable:f=!1,searchPlaceholder:d="Search...",selectRef:b,shouldTruncateText:v=!0,size:m="md",lazyMount:w=!0,onSearch:x,onValueChange:_,["data-testid"]:S="kibble-select",contentProps:R,positionerProps:E={zIndex:"1401 !important"},portalled:K=!0,...D},M)=>{const{contentRef:Pt}=Tt.usePortalContentRef(),_t=n?"onContrast":"default",[Y,fe]=u.useState(""),[de,ge]=u.useState(s),Q=u.useMemo(()=>$t.createListCollection({items:de??[],itemToString:h=>typeof h.label=="string"?h.label:h.valueText||"",itemToValue:h=>h.value}),[de]),me=u.useMemo(()=>Object.entries(uo(Q.items,h=>h.groupLabel||"default"))||[],[Q.items]),xe=u.useCallback((h,F)=>h===""||!h?F:F.filter(q=>!!(typeof q.label=="string"?q.label:q.valueText)?.toLowerCase().includes(h.toLowerCase())),[]);u.useEffect(()=>{ge(x?s:xe(Y,s))},[s,Y,x,xe]);const yt=u.useCallback(h=>{const F=h.target.value;fe(F),x&&x(h)},[x]),bt=u.useCallback(()=>{fe(""),x&&x({target:{value:""}})},[x]),St=u.useCallback(()=>{_&&_?.({items:[],value:[]})},[_]);return a.jsxRuntimeExports.jsxs(Kt,{className:"Select","data-testid":S,collection:Q,ref:l,size:m,variant:_t,shouldTruncateText:v,onValueChange:_,lazyMount:w,unmountOnExit:w,...D,children:[a.jsxRuntimeExports.jsx(rr,{ref:b||M}),a.jsxRuntimeExports.jsxs(tr,{children:[a.jsxRuntimeExports.jsx(nr,{placeholder:o,leftElement:i,onContrast:!!n,shouldTruncateText:v,size:m}),a.jsxRuntimeExports.jsxs(er,{children:[e&&a.jsxRuntimeExports.jsx(Jt,{asChild:!0,children:a.jsxRuntimeExports.jsx(Rt.Button,{iconName:"close",onContrast:n,size:m==="lg"?"sm":"xs",variant:"ghostNeutral",onClick:St})}),a.jsxRuntimeExports.jsx(Ct.Icon,{name:"chevronDown",size:m,variant:n?"onContrast":"default"})]})]}),a.jsxRuntimeExports.jsx(A.Portal,{container:Pt||void 0,disabled:!K,children:a.jsxRuntimeExports.jsx(Zt,{...E,children:a.jsxRuntimeExports.jsxs(Vt,{...R,...f&&{pt:"0"},children:[f&&a.jsxRuntimeExports.jsx(It.Box,{className:"Select__Header","data-testid":`${S}-header`,px:3,py:2,bgColor:"background",position:"sticky",top:0,zIndex:"docked",children:a.jsxRuntimeExports.jsx(Ot.WrappedTextInput,{className:"Select__SearchBar","data-testid":`${S}-search-bar`,placeholder:d,onChange:yt,size:"sm",value:Y,clearable:!0,onClear:bt,formControlStyle:{mt:1},onKeyDown:h=>{h.code==="Space"&&h.stopPropagation()}})}),r?a.jsxRuntimeExports.jsx(Pe.Flex,{w:"100%",justifyContent:"center",py:3,children:a.jsxRuntimeExports.jsx(Et.Spinner,{variant:n?"brandOnContrast":"brand",size:m})}):a.jsxRuntimeExports.jsx(a.jsxRuntimeExports.Fragment,{children:me.length?me.map(([h,F])=>{const q=h==="default";return a.jsxRuntimeExports.jsxs(Yt,{"data-testid":`${S}-select-item-group`,children:[!q&&a.jsxRuntimeExports.jsx(Qt,{children:h}),F.map(H=>{const{"data-testid":he,...jt}=H;return a.jsxRuntimeExports.jsx(kt,{item:H,"data-testid":he||`${S}-select-item-${H.value}`,children:a.jsxRuntimeExports.jsx(it,{item:jt,onContrast:!!n,shouldTruncateText:v,size:m})},H.value)})]},h)}):a.jsxRuntimeExports.jsx(Pe.Flex,{w:"100%",justifyContent:"center",py:3,children:a.jsxRuntimeExports.jsx(He.WrappedText,{size:"sm",variant:n?"subtleOnContrast":"subtle",children:t})})})]})})})]})});vt.displayName="Select";const po=wt.withFormControl(vt);exports.WrappedSelect=po;
-//# sourceMappingURL=select.component-LmZa9UrH.js.map
+"use strict";const a=require("./jsx-runtime-BjDatQAs.js"),u=require("react"),wt=require("./withFormControl-d2CEvsH2.js"),Ct=require("./icon.component-B1hr5lLa.js"),Rt=require("./button.component-DjdgBXDC.js"),He=require("./text.component-D5GpbfNx.js"),Et=require("./spinner.component-0tE7mnxi.js"),p=require("./use-locale-context-ym21RUxU.js"),At=require("./create-slot-recipe-context-HXE1VazG.js"),ae=require("./icons-B6Nwr9di.js"),ze=require("./use-field-context-Cm29IQ7H.js"),P=require("./index-CQURjLlA.js"),A=require("./index-Ts8g8jZd.js"),ve=require("./index-DhaZ70Qi.js"),Tt=require("./usePortalContentRef-CTrvBQ7I.js"),It=require("./index-BQRnVsAg.js"),Ot=require("./textInput.component-BDJuvT1c.js"),c=require("./isSymbol-BdGeV_e0.js"),$t=require("./list-collection-DoQwQYv1.js"),Pe=require("./flex-BOU6tYUd.js"),Lt=e=>e&&e.__esModule?e:{default:e},Nt=Lt(u),[Be,y]=p.createContext({name:"SelectContext",hookName:"useSelectContext",providerName:"<SelectProvider />"}),Ue=u.forwardRef((e,t)=>{const r=y(),n=P.mergeProps(r.getClearTriggerProps(),e);return a.jsxRuntimeExports.jsx(p.ark.button,{...n,ref:t})});Ue.displayName="SelectClearTrigger";const Ke=u.forwardRef((e,t)=>{const r=y(),n=A.usePresenceContext(),s=P.mergeProps(r.getContentProps(),n.getPresenceProps(),e);return n.unmounted?null:a.jsxRuntimeExports.jsx(p.ark.div,{...s,ref:p.composeRefs(n.ref,t)})});Ke.displayName="SelectContent";const We=u.forwardRef((e,t)=>{const r=y(),n=P.mergeProps(r.getControlProps(),e);return a.jsxRuntimeExports.jsx(p.ark.div,{...n,ref:t})});We.displayName="SelectControl";const Ze=u.forwardRef((e,t)=>{const r=y(),n=P.mergeProps(r.getHiddenSelectProps(),e),s=r.value.length===0,o=ze.useFieldContext();return a.jsxRuntimeExports.jsxs(p.ark.select,{"aria-describedby":o?.ariaDescribedby,...n,ref:t,children:[s&&a.jsxRuntimeExports.jsx("option",{value:""}),r.collection.items.map((i,l)=>a.jsxRuntimeExports.jsx("option",{value:r.collection.getItemValue(i)??"",disabled:r.collection.getItemDisabled(i),children:r.collection.stringifyItem(i)},l))]})});Ze.displayName="SelectHiddenSelect";const Ve=u.forwardRef((e,t)=>{const r=y(),n=P.mergeProps(r.getIndicatorProps(),e);return a.jsxRuntimeExports.jsx(p.ark.div,{...n,ref:t})});Ve.displayName="SelectIndicator";const[Gt,fo]=p.createContext({name:"SelectItemContext",hookName:"useSelectItemContext",providerName:"<SelectItemProvider />"}),[Dt,Xe]=p.createContext({name:"SelectItemPropsContext",hookName:"useSelectItemPropsContext",providerName:"<SelectItemPropsProvider />"}),Je=u.forwardRef((e,t)=>{const[r,n]=p.createSplitProps()(e,["item","persistFocus"]),s=y(),o=P.mergeProps(s.getItemProps(r),n),i=s.getItemState(r);return a.jsxRuntimeExports.jsx(Dt,{value:r,children:a.jsxRuntimeExports.jsx(Gt,{value:i,children:a.jsxRuntimeExports.jsx(p.ark.div,{...o,ref:t})})})});Je.displayName="SelectItem";const[Mt,Ft]=p.createContext({name:"SelectItemGroupPropsContext",hookName:"useSelectItemGroupPropsContext",providerName:"<SelectItemGroupPropsProvider />"}),Ye=u.forwardRef((e,t)=>{const r=u.useId(),[n,s]=p.createSplitProps()(e,["id"]),o={id:r,...n},i=y(),l=P.mergeProps(i.getItemGroupProps(o),s);return a.jsxRuntimeExports.jsx(Mt,{value:o,children:a.jsxRuntimeExports.jsx(p.ark.div,{...l,ref:t})})});Ye.displayName="SelectItemGroup";const Qe=u.forwardRef((e,t)=>{const r=y(),n=Ft(),s=P.mergeProps(r.getItemGroupLabelProps({htmlFor:n.id}),e);return a.jsxRuntimeExports.jsx(p.ark.div,{...s,ref:t})});Qe.displayName="SelectItemGroupLabel";const ke=u.forwardRef((e,t)=>{const r=y(),n=Xe(),s=P.mergeProps(r.getItemIndicatorProps(n),e);return a.jsxRuntimeExports.jsx(p.ark.div,{...s,ref:t})});ke.displayName="SelectItemIndicator";const et=u.forwardRef((e,t)=>{const r=y(),n=Xe(),s=P.mergeProps(r.getItemTextProps(n),e);return a.jsxRuntimeExports.jsx(p.ark.span,{...s,ref:t})});et.displayName="SelectItemText";const tt=u.forwardRef((e,t)=>{const r=y(),n=P.mergeProps(r.getLabelProps(),e);return a.jsxRuntimeExports.jsx(p.ark.label,{...n,ref:t})});tt.displayName="SelectLabel";const rt=u.forwardRef((e,t)=>{const r=y(),n=P.mergeProps(r.getPositionerProps(),e);return A.usePresenceContext().unmounted?null:a.jsxRuntimeExports.jsx(p.ark.div,{...n,ref:t})});rt.displayName="SelectPositioner";const qt=e=>{const t=u.useId(),{dir:r}=p.useLocaleContext(),{getRootNode:n}=p.useEnvironmentContext(),s=ze.useFieldContext(),o={id:t,ids:{label:s?.ids.label,hiddenSelect:s?.ids.control},disabled:s?.disabled,readOnly:s?.readOnly,invalid:s?.invalid,required:s?.required,dir:r,getRootNode:n,...e},i=p.useMachine(ve.machine,o);return ve.connect(i,p.normalizeProps)},Ht=(e,t)=>{const[r,n]=A.splitPresenceProps(e),[s,o]=p.createSplitProps()(n,["closeOnSelect","collection","composite","defaultHighlightedValue","defaultOpen","defaultValue","deselectable","disabled","form","highlightedValue","id","ids","invalid","loopFocus","multiple","name","onFocusOutside","onHighlightChange","onInteractOutside","onOpenChange","onPointerDownOutside","onSelect","onValueChange","open","positioning","readOnly","required","scrollToIndexFn","value"]),i=qt(s),l=A.usePresence(P.mergeProps({present:i.open},r)),f=P.mergeProps(i.getRootProps(),o);return a.jsxRuntimeExports.jsx(Be,{value:i,children:a.jsxRuntimeExports.jsx(A.PresenceProvider,{value:l,children:a.jsxRuntimeExports.jsx(p.ark.div,{...f,ref:t})})})},zt=u.forwardRef(Ht),Bt=(e,t)=>{const[r,n]=A.splitPresenceProps(e),[{value:s},o]=p.createSplitProps()(n,["value"]),i=A.usePresence(P.mergeProps({present:s.open},r)),l=P.mergeProps(s.getRootProps(),o);return a.jsxRuntimeExports.jsx(Be,{value:s,children:a.jsxRuntimeExports.jsx(A.PresenceProvider,{value:i,children:a.jsxRuntimeExports.jsx(p.ark.div,{...l,ref:t})})})},Ut=u.forwardRef(Bt),nt=u.forwardRef((e,t)=>{const r=y(),n=P.mergeProps(r.getTriggerProps(),e);return a.jsxRuntimeExports.jsx(p.ark.button,{...n,ref:t})});nt.displayName="SelectTrigger";const st=u.forwardRef((e,t)=>{const{children:r,placeholder:n,...s}=e,o=y(),i=P.mergeProps(o.getValueTextProps(),s);return a.jsxRuntimeExports.jsx(p.ark.span,{...i,ref:t,children:r||o.valueAsString||n})});st.displayName="SelectValueText";const{withProvider:ot,withContext:j}=At.createSlotRecipeContext({key:"select"});ot(Ut,"root",{forwardAsChild:!0});const Kt=ot(zt,"root",{forwardAsChild:!0,defaultProps:{positioning:{sameWidth:!0}}}),Wt=j(nt,"trigger",{forwardAsChild:!0}),Zt=j(rt,"positioner",{forwardAsChild:!0}),Vt=j(Ke,"content",{forwardAsChild:!0}),Xt=j(st,"valueText",{forwardAsChild:!0}),Jt=j(Ue,"clearTrigger",{forwardAsChild:!0,defaultProps:{children:a.jsxRuntimeExports.jsx(ae.CloseIcon,{boxSize:"1em"})}}),Yt=j(Ye,"itemGroup",{forwardAsChild:!0}),Qt=j(Qe,"itemGroupLabel",{forwardAsChild:!0}),kt=j(Je,"item",{forwardAsChild:!0});j(et,"itemText",{forwardAsChild:!0});j(ke,"itemIndicator",{forwardAsChild:!0,defaultProps:{children:a.jsxRuntimeExports.jsx(ae.CheckIcon,{})}});const er=j("div","indicatorGroup");j(Ve,"indicator",{forwardAsChild:!0,defaultProps:{children:a.jsxRuntimeExports.jsx(ae.ChevronDownIcon,{})}});const tr=j(We,"control",{forwardAsChild:!0});j(tt,"label",{forwardAsChild:!0});const rr=Ze,it=({item:e,onContrast:t,shouldTruncateText:r=!0,size:n})=>a.jsxRuntimeExports.jsxs(a.jsxRuntimeExports.Fragment,{children:[e.leftElement,typeof e.label=="string"?a.jsxRuntimeExports.jsx(He.WrappedText,{size:n,truncated:r,variant:e.variant||(t?"onContrast":"default"),...e.leftElement&&{ml:2},children:e.label}):e.label]}),nr=({placeholder:e="",leftElement:t,shouldTruncateText:r,...n})=>{const s=y(),o=u.useMemo(()=>s.selectedItems[0],[s]);return a.jsxRuntimeExports.jsxs(Wt,{children:[!o?.leftElement&&t,a.jsxRuntimeExports.jsx(Xt,{placeholder:e,lineHeight:o?"0":"150%",display:o?"flex":"-webkit-box",alignItems:"center",children:o&&a.jsxRuntimeExports.jsx(it,{shouldTruncateText:r,item:o,...n})})]})};var k=c.root["__core-js_shared__"],_e=function(){var e=/[^.]+$/.exec(k&&k.keys&&k.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function sr(e){return!!_e&&_e in e}var or=Function.prototype,ir=or.toString;function N(e){if(e!=null){try{return ir.call(e)}catch{}try{return e+""}catch{}}return""}var ar=/[\\^$.*+?()[\]{}|]/g,cr=/^\[object .+?Constructor\]$/,lr=Function.prototype,ur=Object.prototype,pr=lr.toString,fr=ur.hasOwnProperty,dr=RegExp("^"+pr.call(fr).replace(ar,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function gr(e){if(!c.isObject(e)||sr(e))return!1;var t=c.isFunction(e)?dr:cr;return t.test(N(e))}function mr(e,t){return e?.[t]}function G(e,t){var r=mr(e,t);return gr(r)?r:void 0}var ye=function(){try{var e=G(Object,"defineProperty");return e({},"",{}),e}catch{}}();function xr(e,t,r){t=="__proto__"&&ye?ye(e,t,{configurable:!0,enumerable:!0,value:r,writable:!0}):e[t]=r}function hr(e,t,r,n){for(var s=-1,o=e==null?0:e.length;++s<o;){var i=e[s];t(n,i,r(i),e)}return n}function vr(e){return function(t,r,n){for(var s=-1,o=Object(t),i=n(t),l=i.length;l--;){var f=i[++s];if(r(o[f],f,o)===!1)break}return t}}var Pr=vr();function _r(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n}var yr="[object Arguments]";function be(e){return c.isObjectLike(e)&&c.baseGetTag(e)==yr}var at=Object.prototype,br=at.hasOwnProperty,Sr=at.propertyIsEnumerable,ct=be(function(){return arguments}())?be:function(e){return c.isObjectLike(e)&&br.call(e,"callee")&&!Sr.call(e,"callee")},C=Array.isArray;function jr(){return!1}var lt=typeof exports=="object"&&exports&&!exports.nodeType&&exports,Se=lt&&typeof module=="object"&&module&&!module.nodeType&&module,wr=Se&&Se.exports===lt,je=wr?c.root.Buffer:void 0,Cr=je?je.isBuffer:void 0,re=Cr||jr,Rr="[object Arguments]",Er="[object Array]",Ar="[object Boolean]",Tr="[object Date]",Ir="[object Error]",Or="[object Function]",$r="[object Map]",Lr="[object Number]",Nr="[object Object]",Gr="[object RegExp]",Dr="[object Set]",Mr="[object String]",Fr="[object WeakMap]",qr="[object ArrayBuffer]",Hr="[object DataView]",zr="[object Float32Array]",Br="[object Float64Array]",Ur="[object Int8Array]",Kr="[object Int16Array]",Wr="[object Int32Array]",Zr="[object Uint8Array]",Vr="[object Uint8ClampedArray]",Xr="[object Uint16Array]",Jr="[object Uint32Array]",g={};g[zr]=g[Br]=g[Ur]=g[Kr]=g[Wr]=g[Zr]=g[Vr]=g[Xr]=g[Jr]=!0;g[Rr]=g[Er]=g[qr]=g[Ar]=g[Hr]=g[Tr]=g[Ir]=g[Or]=g[$r]=g[Lr]=g[Nr]=g[Gr]=g[Dr]=g[Mr]=g[Fr]=!1;function Yr(e){return c.isObjectLike(e)&&c.isLength(e.length)&&!!g[c.baseGetTag(e)]}function Qr(e){return function(t){return e(t)}}var ut=typeof exports=="object"&&exports&&!exports.nodeType&&exports,z=ut&&typeof module=="object"&&module&&!module.nodeType&&module,kr=z&&z.exports===ut,ee=kr&&c.freeGlobal.process,we=function(){try{var e=z&&z.require&&z.require("util").types;return e||ee&&ee.binding&&ee.binding("util")}catch{}}(),Ce=we&&we.isTypedArray,pt=Ce?Qr(Ce):Yr,en=Object.prototype,tn=en.hasOwnProperty;function rn(e,t){var r=C(e),n=!r&&ct(e),s=!r&&!n&&re(e),o=!r&&!n&&!s&&pt(e),i=r||n||s||o,l=i?_r(e.length,String):[],f=l.length;for(var d in e)tn.call(e,d)&&!(i&&(d=="length"||s&&(d=="offset"||d=="parent")||o&&(d=="buffer"||d=="byteLength"||d=="byteOffset")||c.isIndex(d,f)))&&l.push(d);return l}var nn=Object.prototype;function sn(e){var t=e&&e.constructor,r=typeof t=="function"&&t.prototype||nn;return e===r}function on(e,t){return function(r){return e(t(r))}}var an=on(Object.keys,Object),cn=Object.prototype,ln=cn.hasOwnProperty;function un(e){if(!sn(e))return an(e);var t=[];for(var r in Object(e))ln.call(e,r)&&r!="constructor"&&t.push(r);return t}function ce(e){return c.isArrayLike(e)?rn(e):un(e)}function pn(e,t){return e&&Pr(e,t,ce)}function fn(e,t){return function(r,n){if(r==null)return r;if(!c.isArrayLike(r))return e(r,n);for(var s=r.length,o=-1,i=Object(r);++o<s&&n(i[o],o,i)!==!1;);return r}}var dn=fn(pn);function gn(e,t,r,n){return dn(e,function(s,o,i){t(n,s,r(s),i)}),n}function mn(){this.__data__=[],this.size=0}function V(e,t){for(var r=e.length;r--;)if(c.eq(e[r][0],t))return r;return-1}var xn=Array.prototype,hn=xn.splice;function vn(e){var t=this.__data__,r=V(t,e);if(r<0)return!1;var n=t.length-1;return r==n?t.pop():hn.call(t,r,1),--this.size,!0}function Pn(e){var t=this.__data__,r=V(t,e);return r<0?void 0:t[r][1]}function _n(e){return V(this.__data__,e)>-1}function yn(e,t){var r=this.__data__,n=V(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this}function I(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}I.prototype.clear=mn;I.prototype.delete=vn;I.prototype.get=Pn;I.prototype.has=_n;I.prototype.set=yn;function bn(){this.__data__=new I,this.size=0}function Sn(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r}function jn(e){return this.__data__.get(e)}function wn(e){return this.__data__.has(e)}var B=G(c.root,"Map"),U=G(Object,"create");function Cn(){this.__data__=U?U(null):{},this.size=0}function Rn(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var En="__lodash_hash_undefined__",An=Object.prototype,Tn=An.hasOwnProperty;function In(e){var t=this.__data__;if(U){var r=t[e];return r===En?void 0:r}return Tn.call(t,e)?t[e]:void 0}var On=Object.prototype,$n=On.hasOwnProperty;function Ln(e){var t=this.__data__;return U?t[e]!==void 0:$n.call(t,e)}var Nn="__lodash_hash_undefined__";function Gn(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=U&&t===void 0?Nn:t,this}function L(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}L.prototype.clear=Cn;L.prototype.delete=Rn;L.prototype.get=In;L.prototype.has=Ln;L.prototype.set=Gn;function Dn(){this.size=0,this.__data__={hash:new L,map:new(B||I),string:new L}}function Mn(e){var t=typeof e;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?e!=="__proto__":e===null}function X(e,t){var r=e.__data__;return Mn(t)?r[typeof t=="string"?"string":"hash"]:r.map}function Fn(e){var t=X(this,e).delete(e);return this.size-=t?1:0,t}function qn(e){return X(this,e).get(e)}function Hn(e){return X(this,e).has(e)}function zn(e,t){var r=X(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this}function O(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}O.prototype.clear=Dn;O.prototype.delete=Fn;O.prototype.get=qn;O.prototype.has=Hn;O.prototype.set=zn;var Bn=200;function Un(e,t){var r=this.__data__;if(r instanceof I){var n=r.__data__;if(!B||n.length<Bn-1)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new O(n)}return r.set(e,t),this.size=r.size,this}function T(e){var t=this.__data__=new I(e);this.size=t.size}T.prototype.clear=bn;T.prototype.delete=Sn;T.prototype.get=jn;T.prototype.has=wn;T.prototype.set=Un;var Kn="__lodash_hash_undefined__";function Wn(e){return this.__data__.set(e,Kn),this}function Zn(e){return this.__data__.has(e)}function Z(e){var t=-1,r=e==null?0:e.length;for(this.__data__=new O;++t<r;)this.add(e[t])}Z.prototype.add=Z.prototype.push=Wn;Z.prototype.has=Zn;function Vn(e,t){for(var r=-1,n=e==null?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1}function Xn(e,t){return e.has(t)}var Jn=1,Yn=2;function ft(e,t,r,n,s,o){var i=r&Jn,l=e.length,f=t.length;if(l!=f&&!(i&&f>l))return!1;var d=o.get(e),b=o.get(t);if(d&&b)return d==t&&b==e;var v=-1,m=!0,w=r&Yn?new Z:void 0;for(o.set(e,t),o.set(t,e);++v<l;){var x=e[v],_=t[v];if(n)var S=i?n(_,x,v,t,e,o):n(x,_,v,e,t,o);if(S!==void 0){if(S)continue;m=!1;break}if(w){if(!Vn(t,function(R,E){if(!Xn(w,E)&&(x===R||s(x,R,r,n,o)))return w.push(E)})){m=!1;break}}else if(!(x===_||s(x,_,r,n,o))){m=!1;break}}return o.delete(e),o.delete(t),m}var Re=c.root.Uint8Array;function Qn(e){var t=-1,r=Array(e.size);return e.forEach(function(n,s){r[++t]=[s,n]}),r}function kn(e){var t=-1,r=Array(e.size);return e.forEach(function(n){r[++t]=n}),r}var es=1,ts=2,rs="[object Boolean]",ns="[object Date]",ss="[object Error]",os="[object Map]",is="[object Number]",as="[object RegExp]",cs="[object Set]",ls="[object String]",us="[object Symbol]",ps="[object ArrayBuffer]",fs="[object DataView]",Ee=c.Symbol?c.Symbol.prototype:void 0,te=Ee?Ee.valueOf:void 0;function ds(e,t,r,n,s,o,i){switch(r){case fs:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case ps:return!(e.byteLength!=t.byteLength||!o(new Re(e),new Re(t)));case rs:case ns:case is:return c.eq(+e,+t);case ss:return e.name==t.name&&e.message==t.message;case as:case ls:return e==t+"";case os:var l=Qn;case cs:var f=n&es;if(l||(l=kn),e.size!=t.size&&!f)return!1;var d=i.get(e);if(d)return d==t;n|=ts,i.set(e,t);var b=ft(l(e),l(t),n,s,o,i);return i.delete(e),b;case us:if(te)return te.call(e)==te.call(t)}return!1}function gs(e,t){for(var r=-1,n=t.length,s=e.length;++r<n;)e[s+r]=t[r];return e}function ms(e,t,r){var n=t(e);return C(e)?n:gs(n,r(e))}function xs(e,t){for(var r=-1,n=e==null?0:e.length,s=0,o=[];++r<n;){var i=e[r];t(i,r,e)&&(o[s++]=i)}return o}function hs(){return[]}var vs=Object.prototype,Ps=vs.propertyIsEnumerable,Ae=Object.getOwnPropertySymbols,_s=Ae?function(e){return e==null?[]:(e=Object(e),xs(Ae(e),function(t){return Ps.call(e,t)}))}:hs;function Te(e){return ms(e,ce,_s)}var ys=1,bs=Object.prototype,Ss=bs.hasOwnProperty;function js(e,t,r,n,s,o){var i=r&ys,l=Te(e),f=l.length,d=Te(t),b=d.length;if(f!=b&&!i)return!1;for(var v=f;v--;){var m=l[v];if(!(i?m in t:Ss.call(t,m)))return!1}var w=o.get(e),x=o.get(t);if(w&&x)return w==t&&x==e;var _=!0;o.set(e,t),o.set(t,e);for(var S=i;++v<f;){m=l[v];var R=e[m],E=t[m];if(n)var K=i?n(E,R,m,t,e,o):n(R,E,m,e,t,o);if(!(K===void 0?R===E||s(R,E,r,n,o):K)){_=!1;break}S||(S=m=="constructor")}if(_&&!S){var D=e.constructor,M=t.constructor;D!=M&&"constructor"in e&&"constructor"in t&&!(typeof D=="function"&&D instanceof D&&typeof M=="function"&&M instanceof M)&&(_=!1)}return o.delete(e),o.delete(t),_}var ne=G(c.root,"DataView"),se=G(c.root,"Promise"),oe=G(c.root,"Set"),ie=G(c.root,"WeakMap"),Ie="[object Map]",ws="[object Object]",Oe="[object Promise]",$e="[object Set]",Le="[object WeakMap]",Ne="[object DataView]",Cs=N(ne),Rs=N(B),Es=N(se),As=N(oe),Ts=N(ie),$=c.baseGetTag;(ne&&$(new ne(new ArrayBuffer(1)))!=Ne||B&&$(new B)!=Ie||se&&$(se.resolve())!=Oe||oe&&$(new oe)!=$e||ie&&$(new ie)!=Le)&&($=function(e){var t=c.baseGetTag(e),r=t==ws?e.constructor:void 0,n=r?N(r):"";if(n)switch(n){case Cs:return Ne;case Rs:return Ie;case Es:return Oe;case As:return $e;case Ts:return Le}return t});var Is=1,Ge="[object Arguments]",De="[object Array]",W="[object Object]",Os=Object.prototype,Me=Os.hasOwnProperty;function $s(e,t,r,n,s,o){var i=C(e),l=C(t),f=i?De:$(e),d=l?De:$(t);f=f==Ge?W:f,d=d==Ge?W:d;var b=f==W,v=d==W,m=f==d;if(m&&re(e)){if(!re(t))return!1;i=!0,b=!1}if(m&&!b)return o||(o=new T),i||pt(e)?ft(e,t,r,n,s,o):ds(e,t,f,r,n,s,o);if(!(r&Is)){var w=b&&Me.call(e,"__wrapped__"),x=v&&Me.call(t,"__wrapped__");if(w||x){var _=w?e.value():e,S=x?t.value():t;return o||(o=new T),s(_,S,r,n,o)}}return m?(o||(o=new T),js(e,t,r,n,s,o)):!1}function le(e,t,r,n,s){return e===t?!0:e==null||t==null||!c.isObjectLike(e)&&!c.isObjectLike(t)?e!==e&&t!==t:$s(e,t,r,n,le,s)}var Ls=1,Ns=2;function Gs(e,t,r,n){var s=r.length,o=s;if(e==null)return!o;for(e=Object(e);s--;){var i=r[s];if(i[2]?i[1]!==e[i[0]]:!(i[0]in e))return!1}for(;++s<o;){i=r[s];var l=i[0],f=e[l],d=i[1];if(i[2]){if(f===void 0&&!(l in e))return!1}else{var b=new T,v;if(!(v===void 0?le(d,f,Ls|Ns,n,b):v))return!1}}return!0}function dt(e){return e===e&&!c.isObject(e)}function Ds(e){for(var t=ce(e),r=t.length;r--;){var n=t[r],s=e[n];t[r]=[n,s,dt(s)]}return t}function gt(e,t){return function(r){return r==null?!1:r[e]===t&&(t!==void 0||e in Object(r))}}function Ms(e){var t=Ds(e);return t.length==1&&t[0][2]?gt(t[0][0],t[0][1]):function(r){return r===e||Gs(r,e,t)}}var Fs=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,qs=/^\w*$/;function ue(e,t){if(C(e))return!1;var r=typeof e;return r=="number"||r=="symbol"||r=="boolean"||e==null||c.isSymbol(e)?!0:qs.test(e)||!Fs.test(e)||t!=null&&e in Object(t)}var Hs="Expected a function";function pe(e,t){if(typeof e!="function"||t!=null&&typeof t!="function")throw new TypeError(Hs);var r=function(){var n=arguments,s=t?t.apply(this,n):n[0],o=r.cache;if(o.has(s))return o.get(s);var i=e.apply(this,n);return r.cache=o.set(s,i)||o,i};return r.cache=new(pe.Cache||O),r}pe.Cache=O;var zs=500;function Bs(e){var t=pe(e,function(n){return r.size===zs&&r.clear(),n}),r=t.cache;return t}var Us=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Ks=/\\(\\)?/g,Ws=Bs(function(e){var t=[];return e.charCodeAt(0)===46&&t.push(""),e.replace(Us,function(r,n,s,o){t.push(s?o.replace(Ks,"$1"):n||r)}),t});function Zs(e,t){for(var r=-1,n=e==null?0:e.length,s=Array(n);++r<n;)s[r]=t(e[r],r,e);return s}var Fe=c.Symbol?c.Symbol.prototype:void 0,qe=Fe?Fe.toString:void 0;function mt(e){if(typeof e=="string")return e;if(C(e))return Zs(e,mt)+"";if(c.isSymbol(e))return qe?qe.call(e):"";var t=e+"";return t=="0"&&1/e==-1/0?"-0":t}function Vs(e){return e==null?"":mt(e)}function xt(e,t){return C(e)?e:ue(e,t)?[e]:Ws(Vs(e))}function J(e){if(typeof e=="string"||c.isSymbol(e))return e;var t=e+"";return t=="0"&&1/e==-1/0?"-0":t}function ht(e,t){t=xt(t,e);for(var r=0,n=t.length;e!=null&&r<n;)e=e[J(t[r++])];return r&&r==n?e:void 0}function Xs(e,t,r){var n=e==null?void 0:ht(e,t);return n===void 0?r:n}function Js(e,t){return e!=null&&t in Object(e)}function Ys(e,t,r){t=xt(t,e);for(var n=-1,s=t.length,o=!1;++n<s;){var i=J(t[n]);if(!(o=e!=null&&r(e,i)))break;e=e[i]}return o||++n!=s?o:(s=e==null?0:e.length,!!s&&c.isLength(s)&&c.isIndex(i,s)&&(C(e)||ct(e)))}function Qs(e,t){return e!=null&&Ys(e,t,Js)}var ks=1,eo=2;function to(e,t){return ue(e)&&dt(t)?gt(J(e),t):function(r){var n=Xs(r,e);return n===void 0&&n===t?Qs(r,e):le(t,n,ks|eo)}}function ro(e){return e}function no(e){return function(t){return t?.[e]}}function so(e){return function(t){return ht(t,e)}}function oo(e){return ue(e)?no(J(e)):so(e)}function io(e){return typeof e=="function"?e:e==null?ro:typeof e=="object"?C(e)?to(e[0],e[1]):Ms(e):oo(e)}function ao(e,t){return function(r,n){var s=C(r)?hr:gn,o={};return s(r,e,io(n),o)}}var co=Object.prototype,lo=co.hasOwnProperty,uo=ao(function(e,t,r){lo.call(e,r)?e[r].push(t):xr(e,r,[t])});const vt=Nt.default.forwardRef(({clearable:e,emptyPlaceholder:t="No options available",loading:r,onContrast:n,options:s,placeholder:o="",leftElement:i,rootRef:l,searchable:f=!1,searchPlaceholder:d="Search...",selectRef:b,shouldTruncateText:v=!0,size:m="md",lazyMount:w=!0,onSearch:x,onValueChange:_,["data-testid"]:S="kibble-select",contentProps:R,positionerProps:E={zIndex:"1401 !important"},portalled:K=!0,...D},M)=>{const{contentRef:Pt}=Tt.usePortalContentRef(),_t=n?"onContrast":"default",[Y,fe]=u.useState(""),[de,ge]=u.useState(s),Q=u.useMemo(()=>$t.createListCollection({items:de??[],itemToString:h=>typeof h.label=="string"?h.label:h.valueText||"",itemToValue:h=>h.value}),[de]),me=u.useMemo(()=>Object.entries(uo(Q.items,h=>h.groupLabel||"default"))||[],[Q.items]),xe=u.useCallback((h,F)=>h===""||!h?F:F.filter(q=>!!(typeof q.label=="string"?q.label:q.valueText)?.toLowerCase().includes(h.toLowerCase())),[]);u.useEffect(()=>{ge(x?s:xe(Y,s))},[s,Y,x,xe]);const yt=u.useCallback(h=>{const F=h.target.value;fe(F),x&&x(h)},[x]),bt=u.useCallback(()=>{fe(""),x&&x({target:{value:""}})},[x]),St=u.useCallback(()=>{_&&_?.({items:[],value:[]})},[_]);return a.jsxRuntimeExports.jsxs(Kt,{className:"Select","data-testid":S,collection:Q,ref:l,size:m,variant:_t,shouldTruncateText:v,onValueChange:_,lazyMount:w,unmountOnExit:w,...D,children:[a.jsxRuntimeExports.jsx(rr,{ref:b||M}),a.jsxRuntimeExports.jsxs(tr,{children:[a.jsxRuntimeExports.jsx(nr,{placeholder:o,leftElement:i,onContrast:!!n,shouldTruncateText:v,size:m}),a.jsxRuntimeExports.jsxs(er,{children:[e&&a.jsxRuntimeExports.jsx(Jt,{asChild:!0,children:a.jsxRuntimeExports.jsx(Rt.Button,{iconName:"close",onContrast:n,size:m==="lg"?"sm":"xs",variant:"ghostNeutral",onClick:St})}),a.jsxRuntimeExports.jsx(Ct.Icon,{name:"chevronDown",size:m,variant:n?"onContrast":"default"})]})]}),a.jsxRuntimeExports.jsx(A.Portal,{container:Pt||void 0,disabled:!K,children:a.jsxRuntimeExports.jsx(Zt,{...E,children:a.jsxRuntimeExports.jsxs(Vt,{...R,...f&&{pt:"0"},children:[f&&a.jsxRuntimeExports.jsx(It.Box,{className:"Select__Header","data-testid":`${S}-header`,px:3,py:2,bgColor:"background",position:"sticky",top:0,zIndex:"docked",children:a.jsxRuntimeExports.jsx(Ot.WrappedTextInput,{className:"Select__SearchBar","data-testid":`${S}-search-bar`,placeholder:d,onChange:yt,size:"sm",value:Y,clearable:!0,onClear:bt,formControlStyle:{mt:1},onKeyDown:h=>{h.code==="Space"&&h.stopPropagation()}})}),r?a.jsxRuntimeExports.jsx(Pe.Flex,{w:"100%",justifyContent:"center",py:3,children:a.jsxRuntimeExports.jsx(Et.Spinner,{variant:n?"brandOnContrast":"brand",size:m})}):a.jsxRuntimeExports.jsx(a.jsxRuntimeExports.Fragment,{children:me.length?me.map(([h,F])=>{const q=h==="default";return a.jsxRuntimeExports.jsxs(Yt,{"data-testid":`${S}-select-item-group`,children:[!q&&a.jsxRuntimeExports.jsx(Qt,{children:h}),F.map(H=>{const{"data-testid":he,...jt}=H;return a.jsxRuntimeExports.jsx(kt,{item:H,"data-testid":he||`${S}-select-item-${H.value}`,children:a.jsxRuntimeExports.jsx(it,{item:jt,onContrast:!!n,shouldTruncateText:v,size:m})},H.value)})]},h)}):a.jsxRuntimeExports.jsx(Pe.Flex,{w:"100%",justifyContent:"center",py:3,children:a.jsxRuntimeExports.jsx(He.WrappedText,{size:"sm",variant:n?"subtleOnContrast":"subtle",children:t})})})]})})})]})});vt.displayName="Select";const po=wt.withFormControl(vt);exports.WrappedSelect=po;
+//# sourceMappingURL=select.component-CzyXxbhS.js.map