@televet/kibble-ui 4.0.0-beta.83 → 4.0.0-beta.85

package/dist/chunks/select.component-Vl8xEr6A.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select.component-Vl8xEr6A.js","sources":["../../node_modules/@ark-ui/react/dist/components/collection.js","../../node_modules/@ark-ui/react/dist/components/select/use-select-context.js","../../node_modules/@ark-ui/react/dist/components/select/select-clear-trigger.js","../../node_modules/@ark-ui/react/dist/components/select/select-content.js","../../node_modules/@ark-ui/react/dist/components/select/select-control.js","../../node_modules/@ark-ui/react/dist/components/select/select-hidden-select.js","../../node_modules/@ark-ui/react/dist/components/select/select-indicator.js","../../node_modules/@ark-ui/react/dist/components/select/use-select-item-context.js","../../node_modules/@ark-ui/react/dist/components/select/use-select-item-props-context.js","../../node_modules/@ark-ui/react/dist/components/select/select-item.js","../../node_modules/@ark-ui/react/dist/components/select/use-select-item-group-props.js","../../node_modules/@ark-ui/react/dist/components/select/select-item-group.js","../../node_modules/@ark-ui/react/dist/components/select/select-item-group-label.js","../../node_modules/@ark-ui/react/dist/components/select/select-item-indicator.js","../../node_modules/@ark-ui/react/dist/components/select/select-item-text.js","../../node_modules/@ark-ui/react/dist/components/select/select-label.js","../../node_modules/@ark-ui/react/dist/components/select/select-positioner.js","../../node_modules/@ark-ui/react/dist/components/select/use-select.js","../../node_modules/@ark-ui/react/dist/components/select/select-root.js","../../node_modules/@ark-ui/react/dist/components/select/select-root-provider.js","../../node_modules/@ark-ui/react/dist/components/select/select-trigger.js","../../node_modules/@ark-ui/react/dist/components/select/select-value-text.js","../../node_modules/@chakra-ui/react/dist/esm/components/select/select.js","../../src/components/Select/components/SelectItemContent/selectItemContent.component.tsx","../../src/components/Select/components/SelectTrigger/selectTrigger.component.tsx","../../src/components/Select/select.component.tsx"],"sourcesContent":["import { ListCollection, filePathToTree, TreeCollection } from '@zag-js/collection';\n\nconst createListCollection = (options) => new ListCollection(options);\nconst createTreeCollection = (options) => new TreeCollection(options);\nconst createFileTreeCollection = (paths) => filePathToTree(paths);\n\nexport { createFileTreeCollection, createListCollection, createTreeCollection };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [SelectProvider, useSelectContext] = createContext({\n  name: \"SelectContext\",\n  hookName: \"useSelectContext\",\n  providerName: \"<SelectProvider />\"\n});\n\nexport { SelectProvider, useSelectContext };\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 { useSelectContext } from './use-select-context.js';\n\nconst SelectClearTrigger = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getClearTriggerProps(), props);\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nSelectClearTrigger.displayName = \"SelectClearTrigger\";\n\nexport { SelectClearTrigger };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { composeRefs } from '../../utils/compose-refs.js';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useSelectContext } from './use-select-context.js';\n\nconst SelectContent = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(select.getContentProps(), presence.getPresenceProps(), props);\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });\n});\nSelectContent.displayName = \"SelectContent\";\n\nexport { SelectContent };\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 { useSelectContext } from './use-select-context.js';\n\nconst SelectControl = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getControlProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nSelectControl.displayName = \"SelectControl\";\n\nexport { SelectControl };\n","'use client';\nimport { jsxs, jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useFieldContext } from '../field/use-field-context.js';\nimport { useSelectContext } from './use-select-context.js';\n\nconst SelectHiddenSelect = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getHiddenSelectProps(), props);\n  const isValueEmpty = select.value.length === 0;\n  const field = useFieldContext();\n  return /* @__PURE__ */ jsxs(ark.select, { \"aria-describedby\": field?.ariaDescribedby, ...mergedProps, ref, children: [\n    isValueEmpty && /* @__PURE__ */ jsx(\"option\", { value: \"\" }),\n    select.collection.items.map((item, index) => /* @__PURE__ */ jsx(\n      \"option\",\n      {\n        value: select.collection.getItemValue(item) ?? \"\",\n        disabled: select.collection.getItemDisabled(item),\n        children: select.collection.stringifyItem(item)\n      },\n      index\n    ))\n  ] });\n});\nSelectHiddenSelect.displayName = \"SelectHiddenSelect\";\n\nexport { SelectHiddenSelect };\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 { useSelectContext } from './use-select-context.js';\n\nconst SelectIndicator = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getIndicatorProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nSelectIndicator.displayName = \"SelectIndicator\";\n\nexport { SelectIndicator };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [SelectItemProvider, useSelectItemContext] = createContext({\n  name: \"SelectItemContext\",\n  hookName: \"useSelectItemContext\",\n  providerName: \"<SelectItemProvider />\"\n});\n\nexport { SelectItemProvider, useSelectItemContext };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [SelectItemPropsProvider, useSelectItemPropsContext] = createContext({\n  name: \"SelectItemPropsContext\",\n  hookName: \"useSelectItemPropsContext\",\n  providerName: \"<SelectItemPropsProvider />\"\n});\n\nexport { SelectItemPropsProvider, useSelectItemPropsContext };\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 { useSelectContext } from './use-select-context.js';\nimport { SelectItemProvider } from './use-select-item-context.js';\nimport { SelectItemPropsProvider } from './use-select-item-props-context.js';\n\nconst SelectItem = forwardRef((props, ref) => {\n  const [itemProps, localProps] = createSplitProps()(props, [\"item\", \"persistFocus\"]);\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getItemProps(itemProps), localProps);\n  const itemState = select.getItemState(itemProps);\n  return /* @__PURE__ */ jsx(SelectItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsx(SelectItemProvider, { value: itemState, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });\n});\nSelectItem.displayName = \"SelectItem\";\n\nexport { SelectItem };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [SelectItemGroupPropsProvider, useSelectItemGroupPropsContext] = createContext({\n  name: \"SelectItemGroupPropsContext\",\n  hookName: \"useSelectItemGroupPropsContext\",\n  providerName: \"<SelectItemGroupPropsProvider />\"\n});\n\nexport { SelectItemGroupPropsProvider, useSelectItemGroupPropsContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef, useId } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\nimport { SelectItemGroupPropsProvider } from './use-select-item-group-props.js';\n\nconst SelectItemGroup = forwardRef((props, ref) => {\n  const id = useId();\n  const [_itemGroupProps, localProps] = createSplitProps()(props, [\"id\"]);\n  const itemGroupProps = { id, ..._itemGroupProps };\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getItemGroupProps(itemGroupProps), localProps);\n  return /* @__PURE__ */ jsx(SelectItemGroupPropsProvider, { value: itemGroupProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nSelectItemGroup.displayName = \"SelectItemGroup\";\n\nexport { SelectItemGroup };\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 { useSelectContext } from './use-select-context.js';\nimport { useSelectItemGroupPropsContext } from './use-select-item-group-props.js';\n\nconst SelectItemGroupLabel = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const itemGroupProps = useSelectItemGroupPropsContext();\n  const mergedProps = mergeProps(select.getItemGroupLabelProps({ htmlFor: itemGroupProps.id }), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nSelectItemGroupLabel.displayName = \"SelectItemGroupLabel\";\n\nexport { SelectItemGroupLabel };\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 { useSelectContext } from './use-select-context.js';\nimport { useSelectItemPropsContext } from './use-select-item-props-context.js';\n\nconst SelectItemIndicator = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const itemProps = useSelectItemPropsContext();\n  const mergedProps = mergeProps(select.getItemIndicatorProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nSelectItemIndicator.displayName = \"SelectItemIndicator\";\n\nexport { SelectItemIndicator };\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 { useSelectContext } from './use-select-context.js';\nimport { useSelectItemPropsContext } from './use-select-item-props-context.js';\n\nconst SelectItemText = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const itemProps = useSelectItemPropsContext();\n  const mergedProps = mergeProps(select.getItemTextProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nSelectItemText.displayName = \"SelectItemText\";\n\nexport { SelectItemText };\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 { useSelectContext } from './use-select-context.js';\n\nconst SelectLabel = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getLabelProps(), props);\n  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });\n});\nSelectLabel.displayName = \"SelectLabel\";\n\nexport { SelectLabel };\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 { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useSelectContext } from './use-select-context.js';\n\nconst SelectPositioner = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getPositionerProps(), props);\n  const presence = usePresenceContext();\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nSelectPositioner.displayName = \"SelectPositioner\";\n\nexport { SelectPositioner };\n","'use client';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport * as select from '@zag-js/select';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\nimport { useFieldContext } from '../field/use-field-context.js';\n\nconst useSelect = (props) => {\n  const id = useId();\n  const { dir } = useLocaleContext();\n  const { getRootNode } = useEnvironmentContext();\n  const field = useFieldContext();\n  const machineProps = {\n    id,\n    ids: {\n      label: field?.ids.label,\n      hiddenSelect: field?.ids.control\n    },\n    disabled: field?.disabled,\n    readOnly: field?.readOnly,\n    invalid: field?.invalid,\n    required: field?.required,\n    dir,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(select.machine, machineProps);\n  return select.connect(service, normalizeProps);\n};\n\nexport { useSelect };\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 { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { useSelect } from './use-select.js';\nimport { SelectProvider } from './use-select-context.js';\n\nconst SelectImpl = (props, ref) => {\n  const [presenceProps, selectProps] = splitPresenceProps(props);\n  const [useSelectProps, localProps] = createSplitProps()(selectProps, [\n    \"closeOnSelect\",\n    \"collection\",\n    \"composite\",\n    \"defaultHighlightedValue\",\n    \"defaultOpen\",\n    \"defaultValue\",\n    \"deselectable\",\n    \"disabled\",\n    \"form\",\n    \"highlightedValue\",\n    \"id\",\n    \"ids\",\n    \"invalid\",\n    \"loopFocus\",\n    \"multiple\",\n    \"name\",\n    \"onFocusOutside\",\n    \"onHighlightChange\",\n    \"onInteractOutside\",\n    \"onOpenChange\",\n    \"onPointerDownOutside\",\n    \"onValueChange\",\n    \"open\",\n    \"positioning\",\n    \"readOnly\",\n    \"required\",\n    \"scrollToIndexFn\",\n    \"value\"\n  ]);\n  const select = useSelect(useSelectProps);\n  const presence = usePresence(mergeProps({ present: select.open }, presenceProps));\n  const mergedProps = mergeProps(select.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(SelectProvider, { value: select, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });\n};\nconst SelectRoot = forwardRef(SelectImpl);\n\nexport { SelectRoot };\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 { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { SelectProvider } from './use-select-context.js';\n\nconst SelectImpl = (props, ref) => {\n  const [presenceProps, selectProps] = splitPresenceProps(props);\n  const [{ value: select }, localProps] = createSplitProps()(selectProps, [\"value\"]);\n  const presence = usePresence(mergeProps({ present: select.open }, presenceProps));\n  const mergedProps = mergeProps(select.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(SelectProvider, { value: select, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });\n};\nconst SelectRootProvider = forwardRef(SelectImpl);\n\nexport { SelectRootProvider };\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 { useSelectContext } from './use-select-context.js';\n\nconst SelectTrigger = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getTriggerProps(), props);\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nSelectTrigger.displayName = \"SelectTrigger\";\n\nexport { SelectTrigger };\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 { useSelectContext } from './use-select-context.js';\n\nconst SelectValueText = forwardRef((props, ref) => {\n  const { children, placeholder, ...localprops } = props;\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getValueTextProps(), localprops);\n  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children: children || select.valueAsString || placeholder });\n});\nSelectValueText.displayName = \"SelectValueText\";\n\nexport { SelectValueText };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Select } from '@ark-ui/react/select';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { CloseIcon, CheckIcon, ChevronDownIcon } from '../icons.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useSelectStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"select\" });\nconst SelectRootProvider = withProvider(Select.RootProvider, \"root\", {\n  forwardAsChild: true\n});\nconst SelectRoot = withProvider(\n  Select.Root,\n  \"root\",\n  {\n    forwardAsChild: true,\n    defaultProps: { positioning: { sameWidth: true } }\n  }\n);\nconst SelectPropsProvider = PropsProvider;\nconst SelectTrigger = withContext(\n  Select.Trigger,\n  \"trigger\",\n  { forwardAsChild: true }\n);\nconst SelectPositioner = withContext(Select.Positioner, \"positioner\", { forwardAsChild: true });\nconst SelectContent = withContext(\n  Select.Content,\n  \"content\",\n  { forwardAsChild: true }\n);\nconst SelectValueText = withContext(Select.ValueText, \"valueText\", { forwardAsChild: true });\nconst SelectClearTrigger = withContext(Select.ClearTrigger, \"clearTrigger\", {\n  forwardAsChild: true,\n  defaultProps: { children: /* @__PURE__ */ jsx(CloseIcon, { boxSize: \"1em\" }) }\n});\nconst SelectItemGroup = withContext(Select.ItemGroup, \"itemGroup\", { forwardAsChild: true });\nconst SelectItemGroupLabel = withContext(Select.ItemGroupLabel, \"itemGroupLabel\", { forwardAsChild: true });\nconst SelectItem = withContext(\n  Select.Item,\n  \"item\",\n  { forwardAsChild: true }\n);\nconst SelectItemText = withContext(\n  Select.ItemText,\n  \"itemText\",\n  { forwardAsChild: true }\n);\nconst SelectItemIndicator = withContext(Select.ItemIndicator, \"itemIndicator\", {\n  forwardAsChild: true,\n  defaultProps: {\n    children: /* @__PURE__ */ jsx(CheckIcon, {})\n  }\n});\nconst SelectIndicatorGroup = withContext(\"div\", \"indicatorGroup\");\nconst SelectIndicator = withContext(Select.Indicator, \"indicator\", {\n  forwardAsChild: true,\n  defaultProps: {\n    children: /* @__PURE__ */ jsx(ChevronDownIcon, {})\n  }\n});\nconst SelectControl = withContext(\n  Select.Control,\n  \"control\",\n  { forwardAsChild: true }\n);\nconst SelectLabel = withContext(\n  Select.Label,\n  \"label\",\n  { forwardAsChild: true }\n);\nconst SelectContext = Select.Context;\nconst SelectHiddenSelect = Select.HiddenSelect;\nconst SelectItemContext = Select.ItemContext;\n\nexport { SelectClearTrigger, SelectContent, SelectContext, SelectControl, SelectHiddenSelect, SelectIndicator, SelectIndicatorGroup, SelectItem, SelectItemContext, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectPropsProvider, SelectRoot, SelectRootProvider, SelectTrigger, SelectValueText, useSelectStyles };\n","import React from \"react\";\nimport { Text } from \"components/Text/text.component\";\nimport { SelectOption } from \"components/Select/select.types\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\ninterface SelectItemContentProps {\n  item: SelectOption;\n  onContrast: boolean;\n  shouldTruncateText: boolean;\n  size: FormControlSize;\n}\n\nexport const SelectItemContent = ({\n  item,\n  onContrast,\n  shouldTruncateText,\n  size,\n}: SelectItemContentProps): React.JSX.Element => {\n  return (\n    <>\n      {item.leftElement}\n      {typeof item.label === \"string\" ? (\n        <Text\n          size={size}\n          truncated={shouldTruncateText}\n          variant={item.variant || (onContrast ? \"onContrast\" : \"default\")}\n        >\n          {item.label}\n        </Text>\n      ) : (\n        item.label\n      )}\n    </>\n  );\n};\n","import React, { useMemo } from \"react\";\nimport { Select as CSelect, useSelectContext } from \"@chakra-ui/react/select\";\nimport { SelectOption } from \"components/Select/select.types\";\nimport { SelectItemContent } from \"../SelectItemContent/selectItemContent.component\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\ninterface SelectTriggerProps {\n  placeholder?: string;\n  placeholderElement?: React.ReactNode;\n  onContrast: boolean;\n  shouldTruncateText: boolean;\n  size: FormControlSize;\n}\n\nexport const SelectTrigger = ({\n  placeholder = \"\",\n  placeholderElement,\n  ...rest\n}: SelectTriggerProps): React.JSX.Element => {\n  const select = useSelectContext();\n  const selectedItem = useMemo(() => {\n    const items = select.selectedItems as SelectOption[];\n    return items[0];\n  }, [select]);\n\n  return (\n    <CSelect.Trigger>\n      {!selectedItem && placeholderElement}\n      <CSelect.ValueText placeholder={placeholder}>\n        {selectedItem && <SelectItemContent item={selectedItem} {...rest} />}\n      </CSelect.ValueText>\n    </CSelect.Trigger>\n  );\n};\n","import React, {\n  ForwardedRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { Select as CSelect } from \"@chakra-ui/react/select\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { createListCollection } from \"@chakra-ui/react/collection\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Button } from \"components/Button/button.component\";\nimport { Text } from \"components/Text/text.component\";\nimport { Spinner } from \"components/Spinner/spinner.component\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { SelectOption } from \"./select.types\";\nimport { SelectItemContent } from \"./components/SelectItemContent/selectItemContent.component\";\nimport { SelectTrigger } from \"./components/SelectTrigger/selectTrigger.component\";\nimport { useModalContentRef } from \"components/Modal/context/modal.context\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { TextInput } from \"components/TextInput/textInput.component\";\n\nexport interface SelectProps\n  extends Omit<CSelect.RootProps, \"collection\" | \"multiple\">,\n    WithFormControlProps {\n  clearable?: boolean;\n  emptyPlaceholder?: string;\n  loading?: boolean;\n  onSearch?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  options: SelectOption[];\n  placeholder?: string;\n  placeholderElement?: React.ReactNode;\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  selectRef?: ForwardedRef<HTMLSelectElement>;\n  shouldTruncateText?: boolean;\n  size?: FormControlSize;\n}\n\nconst Select = withFormControl(\n  ({\n    clearable,\n    emptyPlaceholder = \"No options available\",\n    loading,\n    onContrast,\n    onSearch,\n    options,\n    placeholder = \"\",\n    placeholderElement,\n    searchable = false,\n    searchPlaceholder = \"Search...\",\n    selectRef,\n    shouldTruncateText = true,\n    size = \"md\",\n    ...rest\n  }: SelectProps): React.JSX.Element => {\n    const { contentRef: modalContentRef } = useModalContentRef();\n    const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n    const [searchText, setSearchText] = useState<string>(\"\");\n    const [filteredOptions, setFilteredOptions] =\n      useState<SelectOption[]>(options);\n\n    const collection = useMemo(() => {\n      return createListCollection({\n        items: filteredOptions ?? [],\n        itemToString: (option) =>\n          typeof option.label === \"string\"\n            ? option.label\n            : option.valueText || \"\",\n        itemToValue: (option) => option.value,\n      });\n    }, [filteredOptions]);\n\n    // Search\n    const filterOptions = useCallback(\n      (searchInput: string, optionsToFilter: SelectOption[]) => {\n        if (searchInput === \"\" || !searchInput) {\n          return optionsToFilter;\n        }\n\n        console.log(searchInput, optionsToFilter);\n        return optionsToFilter.filter((option): boolean => {\n          const labelText =\n            typeof option.label === \"string\" ? option.label : option.valueText;\n\n          return !!labelText?.toLowerCase().includes(searchInput.toLowerCase());\n        });\n      },\n      [],\n    );\n\n    useEffect(() => {\n      if (onSearch) {\n        setFilteredOptions(options);\n      } else {\n        setFilteredOptions(filterOptions(searchText, options));\n      }\n    }, [options, searchText, onSearch, filterOptions]);\n\n    const handleSearch = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const searchInput = e.target.value;\n        setSearchText(searchInput);\n\n        if (onSearch) {\n          onSearch(e);\n        }\n      },\n      [onSearch],\n    );\n\n    const clearSearch = useCallback(() => {\n      setSearchText(\"\");\n\n      if (onSearch) {\n        onSearch({\n          target: { value: \"\" },\n        } as React.ChangeEvent<HTMLInputElement>);\n      }\n    }, [onSearch]);\n\n    return (\n      <CSelect.Root\n        className=\"Select\"\n        data-testid=\"kibble-select\"\n        collection={collection}\n        size={size}\n        variant={_computedVariant}\n        {...rest}\n      >\n        <CSelect.HiddenSelect ref={selectRef} />\n        <CSelect.Control>\n          <SelectTrigger\n            placeholder={placeholder}\n            placeholderElement={placeholderElement}\n            onContrast={!!onContrast}\n            shouldTruncateText={!!shouldTruncateText}\n            size={size}\n          />\n          <CSelect.IndicatorGroup>\n            {clearable && (\n              <CSelect.ClearTrigger asChild>\n                <Button\n                  iconName=\"close\"\n                  onContrast={onContrast}\n                  size={size === \"lg\" ? \"sm\" : \"xs\"}\n                  variant=\"ghostNeutral\"\n                />\n              </CSelect.ClearTrigger>\n            )}\n            <Icon\n              name=\"chevronDown\"\n              size={size}\n              variant={onContrast ? \"onContrast\" : \"default\"}\n            />\n          </CSelect.IndicatorGroup>\n        </CSelect.Control>\n        <Portal container={modalContentRef || undefined}>\n          <CSelect.Positioner>\n            <CSelect.Content>\n              {searchable && (\n                <Box\n                  className=\"Select__Header\"\n                  data-testid=\"kibble-select-header\"\n                  m=\"0 12px 8px\"\n                >\n                  <TextInput\n                    className=\"Select__SearchBar\"\n                    data-testid=\"kibble-select-search-bar\"\n                    placeholder={searchPlaceholder}\n                    onChange={handleSearch}\n                    size=\"sm\"\n                    value={searchText}\n                    clearable\n                    onClear={clearSearch}\n                    formControlStyle={{ mt: 1 }}\n                  />\n                </Box>\n              )}\n              {loading ? (\n                <Flex w=\"100%\" justifyContent=\"center\" py={3}>\n                  <Spinner\n                    variant={onContrast ? \"brandOnContrast\" : \"brand\"}\n                    size={size}\n                  />\n                </Flex>\n              ) : (\n                <>\n                  {collection.items.length ? (\n                    collection.items.map((item) => (\n                      <CSelect.Item item={item} key={item.value}>\n                        <SelectItemContent\n                          item={item}\n                          onContrast={!!onContrast}\n                          shouldTruncateText={!!shouldTruncateText}\n                          size={size}\n                        />\n                      </CSelect.Item>\n                    ))\n                  ) : (\n                    <Flex w=\"100%\" justifyContent=\"center\" py={3}>\n                      <Text\n                        size=\"sm\"\n                        variant={onContrast ? \"subtleOnContrast\" : \"subtle\"}\n                      >\n                        {emptyPlaceholder}\n                      </Text>\n                    </Flex>\n                  )}\n                </>\n              )}\n            </CSelect.Content>\n          </CSelect.Positioner>\n        </Portal>\n      </CSelect.Root>\n    );\n  },\n);\n\nconst WrappedSelect = React.forwardRef(\n  (props: SelectProps, ref: ForwardedRef<HTMLSelectElement>) => (\n    <Select selectRef={ref} {...props} />\n  ),\n);\n\nWrappedSelect.displayName = \"Select\";\n\nexport { WrappedSelect as Select };\n"],"names":["createListCollection","options","ListCollection","SelectProvider","useSelectContext","createContext","SelectClearTrigger","forwardRef","props","ref","select","mergedProps","mergeProps","jsx","ark","SelectContent","presence","usePresenceContext","composeRefs","SelectControl","SelectHiddenSelect","isValueEmpty","field","useFieldContext","jsxs","item","index","SelectIndicator","SelectItemProvider","useSelectItemContext","SelectItemPropsProvider","useSelectItemPropsContext","SelectItem","itemProps","localProps","createSplitProps","itemState","SelectItemGroupPropsProvider","useSelectItemGroupPropsContext","SelectItemGroup","id","useId","_itemGroupProps","itemGroupProps","SelectItemGroupLabel","SelectItemIndicator","SelectItemText","SelectLabel","SelectPositioner","useSelect","dir","useLocaleContext","getRootNode","useEnvironmentContext","machineProps","service","useMachine","select.machine","select.connect","normalizeProps","SelectImpl","presenceProps","selectProps","splitPresenceProps","useSelectProps","usePresence","PresenceProvider","SelectRoot","SelectRootProvider","SelectTrigger","SelectValueText","children","placeholder","localprops","withProvider","withContext","createSlotRecipeContext","Select.RootProvider","Select.Root","Select.Trigger","Select.Positioner","Select.Content","Select.ValueText","Select.ClearTrigger","CloseIcon","Select.ItemGroup","Select.ItemGroupLabel","Select.Item","Select.ItemText","Select.ItemIndicator","CheckIcon","SelectIndicatorGroup","Select.Indicator","ChevronDownIcon","Select.Control","Select.Label","Select.HiddenSelect","SelectItemContent","onContrast","shouldTruncateText","size","Fragment","Text","placeholderElement","rest","selectedItem","useMemo","CSelect.Trigger","CSelect.ValueText","Select","withFormControl","clearable","emptyPlaceholder","loading","onSearch","searchable","searchPlaceholder","selectRef","modalContentRef","useModalContentRef","_computedVariant","searchText","setSearchText","useState","filteredOptions","setFilteredOptions","collection","option","filterOptions","useCallback","searchInput","optionsToFilter","useEffect","handleSearch","e","clearSearch","CSelect.Root","CSelect.HiddenSelect","CSelect.Control","CSelect.IndicatorGroup","CSelect.ClearTrigger","Button","Icon","Portal","CSelect.Positioner","CSelect.Content","Box","TextInput","Flex","Spinner","CSelect.Item","WrappedSelect","React"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22]}

package/dist/chunks/switch.component-BIe8tduL.js

@@ -1,2 +0,0 @@
-"use strict";const i=require("./jsx-runtime-BjDatQAs.js"),c=require("react"),y=require("./withFormControl-BcHQTSnc.js"),w=require("./attr-BMs6szZx.js"),E=require("./create-slot-recipe-context-IwVIgtBt.js"),m=require("./factory-D6tdBUPG.js"),n=require("./use-locale-context-D0LByRu9.js"),f=require("./use-field-context-CArmgHPP.js"),l=require("./index-CHIISuTq.js"),x=require("./index-DBk0LkcO.js"),q=t=>t&&t.__esModule?t:{default:t},N=q(c),[R,u]=n.createContext({name:"SwitchContext",hookName:"useSwitchContext",providerName:"<SwitchProvider />"}),S=c.forwardRef((t,e)=>{const r=u(),s=l.mergeProps(r.getControlProps(),t);return i.jsxRuntimeExports.jsx(n.ark.span,{...s,ref:e})});S.displayName="SwitchControl";const j=c.forwardRef((t,e)=>{const r=u(),s=l.mergeProps(r.getHiddenInputProps(),t),o=f.useFieldContext();return i.jsxRuntimeExports.jsx(n.ark.input,{"aria-describedby":o?.ariaDescribedby,...s,ref:e})});j.displayName="SwitchHiddenInput";const C=c.forwardRef((t,e)=>{const r=u(),s=l.mergeProps(r.getLabelProps(),t);return i.jsxRuntimeExports.jsx(n.ark.span,{...s,ref:e})});C.displayName="SwitchLabel";const I=t=>{const e=c.useId(),{getRootNode:r}=n.useEnvironmentContext(),{dir:s}=n.useLocaleContext(),o=f.useFieldContext(),a={id:e,ids:{label:o?.ids.label,hiddenInput:o?.ids.control},dir:s,disabled:o?.disabled,readOnly:o?.readOnly,invalid:o?.invalid,required:o?.required,getRootNode:r,...t},d=n.useMachine(x.machine,a);return x.connect(d,n.normalizeProps)},b=c.forwardRef((t,e)=>{const[r,s]=n.createSplitProps()(t,["checked","defaultChecked","disabled","form","id","ids","invalid","label","name","onCheckedChange","readOnly","required","value"]),o=I(r),a=l.mergeProps(o.getRootProps(),s);return i.jsxRuntimeExports.jsx(R,{value:o,children:i.jsxRuntimeExports.jsx(n.ark.label,{...a,ref:e})})});b.displayName="SwitchRoot";const P=c.forwardRef((t,e)=>{const[{value:r},s]=n.createSplitProps()(t,["value"]),o=l.mergeProps(r.getRootProps(),s);return i.jsxRuntimeExports.jsx(R,{value:r,children:i.jsxRuntimeExports.jsx(n.ark.label,{...o,ref:e})})});P.displayName="SwitchRootProvider";const k=c.forwardRef((t,e)=>{const r=u(),s=l.mergeProps(r.getThumbProps(),t);return i.jsxRuntimeExports.jsx(n.ark.span,{...s,ref:e})});k.displayName="SwitchThumb";const{withProvider:g,withContext:p,useStyles:_}=E.createSlotRecipeContext({key:"switch"});g(P,"root",{forwardAsChild:!0});const A=g(b,"root",{forwardAsChild:!0}),L=p(C,"label",{forwardAsChild:!0}),$=p(k,"thumb",{forwardAsChild:!0}),F=p(S,"control",{forwardAsChild:!0,defaultProps:{children:i.jsxRuntimeExports.jsx($,{})}});c.forwardRef(function(e,r){const s=u(),o=_(),{fallback:a,children:d,...h}=e;return i.jsxRuntimeExports.jsx(m.chakra.span,{ref:r,"data-checked":w.dataAttr(s.checked),...h,css:[o.indicator,e.css],children:s.checked?d:a})});c.forwardRef(function(e,r){const s=u(),{fallback:o,children:a,...d}=e;return i.jsxRuntimeExports.jsx(m.chakra.span,{ref:r,"data-checked":w.dataAttr(s.checked),...d,children:s.checked?a:o})});const T=j,H=y.withFormControl(({children:t,indeterminate:e=!1,onContrast:r,label:s,size:o="md",switchRef:a,...d})=>{const h=c.useMemo(()=>e?r?"indeterminateOnContrast":"indeterminate":r?"onContrast":"default",[e,r]);return i.jsxRuntimeExports.jsxs(A,{className:"Switch","data-testid":"kibble-switch",ref:a,size:o,variant:h,...d,children:[i.jsxRuntimeExports.jsx(T,{className:"Switch_Input","data-testid":"kibble-switch-input"}),i.jsxRuntimeExports.jsx(F,{className:"Switch_Control","data-testid":"kibble-switch-control"}),!!t&&i.jsxRuntimeExports.jsx(L,{children:t})]})}),v=N.default.forwardRef((t,e)=>i.jsxRuntimeExports.jsx(H,{switchRef:e,...t}));v.displayName="Switch";exports.WrappedSwitch=v;
-//# sourceMappingURL=switch.component-BIe8tduL.js.map

package/dist/chunks/switch.component-DmwKAQWj.js

@@ -1,166 +0,0 @@
-import { j as c } from "./jsx-runtime-C5mzlN2N.js";
-import g, { forwardRef as n, useId as R, useMemo as N } from "react";
-import { w as I } from "./withFormControl-mCCJK8wX.js";
-import { d as u } from "./attr-sm10PXOd.js";
-import { c as A } from "./create-slot-recipe-context-BJmsuxih.js";
-import { c as w } from "./factory-Ctbv0Ozn.js";
-import { c as L, f as d, i as T, j as _, k as $, n as H, a as S } from "./use-locale-context-BiiNTYMT.js";
-import { u as f } from "./use-field-context-Cm3grEyV.js";
-import { a1 as l } from "./index-YtNA0Ueo.js";
-import { m as O, c as q } from "./index-DVNjUEDJ.js";
-const [x, h] = L({
-  name: "SwitchContext",
-  hookName: "useSwitchContext",
-  providerName: "<SwitchProvider />"
-}), b = n((o, t) => {
-  const e = h(), s = l(e.getControlProps(), o);
-  return /* @__PURE__ */ c.jsx(d.span, { ...s, ref: t });
-});
-b.displayName = "SwitchControl";
-const C = n((o, t) => {
-  const e = h(), s = l(e.getHiddenInputProps(), o), r = f();
-  return /* @__PURE__ */ c.jsx(d.input, { "aria-describedby": r?.ariaDescribedby, ...s, ref: t });
-});
-C.displayName = "SwitchHiddenInput";
-const P = n((o, t) => {
-  const e = h(), s = l(e.getLabelProps(), o);
-  return /* @__PURE__ */ c.jsx(d.span, { ...s, ref: t });
-});
-P.displayName = "SwitchLabel";
-const E = (o) => {
-  const t = R(), { getRootNode: e } = T(), { dir: s } = _(), r = f(), i = {
-    id: t,
-    ids: {
-      label: r?.ids.label,
-      hiddenInput: r?.ids.control
-    },
-    dir: s,
-    disabled: r?.disabled,
-    readOnly: r?.readOnly,
-    invalid: r?.invalid,
-    required: r?.required,
-    getRootNode: e,
-    ...o
-  }, a = $(O, i);
-  return q(a, H);
-}, j = n((o, t) => {
-  const [e, s] = S()(o, [
-    "checked",
-    "defaultChecked",
-    "disabled",
-    "form",
-    "id",
-    "ids",
-    "invalid",
-    "label",
-    "name",
-    "onCheckedChange",
-    "readOnly",
-    "required",
-    "value"
-  ]), r = E(e), i = l(r.getRootProps(), s);
-  return /* @__PURE__ */ c.jsx(x, { value: r, children: /* @__PURE__ */ c.jsx(d.label, { ...i, ref: t }) });
-});
-j.displayName = "SwitchRoot";
-const k = n((o, t) => {
-  const [{ value: e }, s] = S()(o, ["value"]), r = l(e.getRootProps(), s);
-  return /* @__PURE__ */ c.jsx(x, { value: e, children: /* @__PURE__ */ c.jsx(d.label, { ...r, ref: t }) });
-});
-k.displayName = "SwitchRootProvider";
-const v = n((o, t) => {
-  const e = h(), s = l(e.getThumbProps(), o);
-  return /* @__PURE__ */ c.jsx(d.span, { ...s, ref: t });
-});
-v.displayName = "SwitchThumb";
-const {
-  withProvider: y,
-  withContext: p,
-  useStyles: F
-} = A({ key: "switch" });
-y(k, "root", { forwardAsChild: !0 });
-const M = y(
-  j,
-  "root",
-  { forwardAsChild: !0 }
-), W = p(
-  P,
-  "label",
-  { forwardAsChild: !0 }
-), z = p(
-  v,
-  "thumb",
-  { forwardAsChild: !0 }
-), D = p(
-  b,
-  "control",
-  {
-    forwardAsChild: !0,
-    defaultProps: { children: /* @__PURE__ */ c.jsx(z, {}) }
-  }
-);
-n(function(t, e) {
-  const s = h(), r = F(), { fallback: i, children: a, ...m } = t;
-  return /* @__PURE__ */ c.jsx(
-    w.span,
-    {
-      ref: e,
-      "data-checked": u(s.checked),
-      ...m,
-      css: [r.indicator, t.css],
-      children: s.checked ? a : i
-    }
-  );
-});
-n(function(t, e) {
-  const s = h(), { fallback: r, children: i, ...a } = t;
-  return /* @__PURE__ */ c.jsx(w.span, { ref: e, "data-checked": u(s.checked), ...a, children: s.checked ? i : r });
-});
-const V = C, B = I(
-  ({
-    children: o,
-    indeterminate: t = !1,
-    onContrast: e,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    label: s,
-    size: r = "md",
-    switchRef: i,
-    ...a
-  }) => {
-    const m = N(() => t ? e ? "indeterminateOnContrast" : "indeterminate" : e ? "onContrast" : "default", [t, e]);
-    return /* @__PURE__ */ c.jsxs(
-      M,
-      {
-        className: "Switch",
-        "data-testid": "kibble-switch",
-        ref: i,
-        size: r,
-        variant: m,
-        ...a,
-        children: [
-          /* @__PURE__ */ c.jsx(
-            V,
-            {
-              className: "Switch_Input",
-              "data-testid": "kibble-switch-input"
-            }
-          ),
-          /* @__PURE__ */ c.jsx(
-            D,
-            {
-              className: "Switch_Control",
-              "data-testid": "kibble-switch-control"
-            }
-          ),
-          !!o && /* @__PURE__ */ c.jsx(W, { children: o })
-        ]
-      }
-    );
-  }
-), G = g.forwardRef(
-  (o, t) => /* @__PURE__ */ c.jsx(B, { switchRef: t, ...o })
-);
-G.displayName = "Switch";
-export {
-  G as W
-};
-//# sourceMappingURL=switch.component-DmwKAQWj.js.map

package/dist/chunks/tag.component-C6a6EzZB.js

@@ -1,2 +0,0 @@
-"use strict";const t=require("./jsx-runtime-BjDatQAs.js"),p=require("react"),b=require("./create-slot-recipe-context-IwVIgtBt.js"),T=require("./icons-CTpAjbC-.js"),{withProvider:R,withContext:s}=b.createSlotRecipeContext({key:"tag"}),j=R("div","root"),C=s("span","label"),E=s("button","closeTrigger",{defaultProps:{children:t.jsxRuntimeExports.jsx(T.CloseIcon,{})}});s("span","startElement");s("span","endElement");const i={sm:0,md:.5,lg:1},c=p.forwardRef((g,d)=>{const{leftElement:o,rightElement:r,onClose:n,label:m,closeButtonDisplay:e="never",size:a="md",variant:x="default",...u}=g,l=!!n&&e!=="never";return t.jsxRuntimeExports.jsxs(j,{className:"Tag group","data-testid":"kibble-tag",ref:d,variant:x,size:a,closeButtonDisplay:e,...l&&e==="always"&&{pr:i[a]},...u,children:[o,t.jsxRuntimeExports.jsx(C,{className:"Tag__Label","data-testid":"kibble-tag-label",...!!o&&{ml:1},...!!r&&{mr:1},children:m}),r,l&&t.jsxRuntimeExports.jsx(E,{className:"Tag__CloseTrigger","data-testid":"kibble-tag-close-trigger",onClick:n,...e==="hover"&&{px:i[a]}})]})});c.displayName="Tag";exports.Tag=c;
-//# sourceMappingURL=tag.component-C6a6EzZB.js.map

package/dist/chunks/tag.component-C6a6EzZB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tag.component-C6a6EzZB.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/tag/tag.js","../../src/components/Tag/tag.records.ts","../../src/components/Tag/tag.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { CloseIcon } from '../icons.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useTagStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"tag\" });\nconst TagRoot = withProvider(\n  \"div\",\n  \"root\"\n);\nconst TagRootPropsProvider = PropsProvider;\nconst TagLabel = withContext(\n  \"span\",\n  \"label\"\n);\nconst TagCloseTrigger = withContext(\"button\", \"closeTrigger\", { defaultProps: { children: /* @__PURE__ */ jsx(CloseIcon, {}) } });\nconst TagStartElement = withContext(\"span\", \"startElement\");\nconst TagEndElement = withContext(\n  \"span\",\n  \"endElement\"\n);\n\nexport { TagCloseTrigger, TagEndElement, TagLabel, TagRoot, TagRootPropsProvider, TagStartElement, useTagStyles };\n","import { TagSize } from \"./tag.types\";\n\nexport const tagPaddingBySize: Record<TagSize, number> = {\n  sm: 0,\n  md: 0.5,\n  lg: 1,\n};\n","import React, { forwardRef } from \"react\";\nimport { Tag as CTag } from \"@chakra-ui/react/tag\";\nimport { CloseButtonDisplay, TagSize } from \"./tag.types\";\nimport { Status } from \"shared/types/status\";\nimport { tagPaddingBySize } from \"./tag.records\";\n\nexport interface BaseTagProps extends Omit<CTag.RootProps, \"children\"> {\n  leftElement?: React.ReactNode;\n  rightElement?: React.ReactNode;\n  label: string;\n  closeButtonDisplay?: CloseButtonDisplay;\n  size?: TagSize;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: Status;\n}\n\ninterface ClosableTagProps extends BaseTagProps {\n  closeButtonDisplay: \"always\" | \"hover\";\n  onClose: React.MouseEventHandler<HTMLButtonElement>;\n}\n\ninterface NonClosableTagProps extends BaseTagProps {\n  closeButtonDisplay?: \"never\";\n  onClose?: never;\n}\n\nexport type TagProps = ClosableTagProps | NonClosableTagProps;\n\nexport const Tag = forwardRef<HTMLSpanElement, TagProps>(\n  (props, ref): React.JSX.Element => {\n    const {\n      leftElement,\n      rightElement,\n      onClose,\n      label,\n      closeButtonDisplay = \"never\",\n      size = \"md\",\n      variant = \"default\",\n      ...rest\n    } = props;\n    const closable = !!onClose && closeButtonDisplay !== \"never\";\n\n    return (\n      <CTag.Root\n        className=\"Tag group\"\n        data-testid=\"kibble-tag\"\n        ref={ref}\n        variant={variant}\n        size={size}\n        closeButtonDisplay={closeButtonDisplay}\n        {...(closable &&\n          closeButtonDisplay === \"always\" && {\n            pr: tagPaddingBySize[size],\n          })}\n        {...rest}\n      >\n        {leftElement}\n        <CTag.Label\n          className=\"Tag__Label\"\n          data-testid=\"kibble-tag-label\"\n          {...(!!leftElement && { ml: 1 })}\n          {...(!!rightElement && { mr: 1 })}\n        >\n          {label}\n        </CTag.Label>\n        {rightElement}\n        {closable && (\n          <CTag.CloseTrigger\n            className=\"Tag__CloseTrigger\"\n            data-testid=\"kibble-tag-close-trigger\"\n            onClick={onClose}\n            {...(closeButtonDisplay === \"hover\" && {\n              px: tagPaddingBySize[size],\n            })}\n          />\n        )}\n      </CTag.Root>\n    );\n  },\n);\n\nTag.displayName = \"Tag\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","TagRoot","TagLabel","TagCloseTrigger","jsx","CloseIcon","tagPaddingBySize","Tag","forwardRef","props","ref","leftElement","rightElement","onClose","label","closeButtonDisplay","size","variant","rest","closable","jsxs","CTag.Root","CTag.Label","CTag.CloseTrigger"],"mappings":"oKAMM,CACJ,aAAAA,EACA,YAAAC,CAGF,EAAIC,EAAuB,wBAAC,CAAE,IAAK,KAAK,CAAE,EACpCC,EAAUH,EACd,MACA,MACF,EAEMI,EAAWH,EACf,OACA,OACF,EACMI,EAAkBJ,EAAY,SAAU,eAAgB,CAAE,aAAc,CAAE,SAA0BK,wBAAIC,EAAAA,UAAW,CAAE,CAAA,CAAG,CAAA,CAAE,EACxGN,EAAY,OAAQ,cAAc,EACpCA,EACpB,OACA,YACF,ECxBO,MAAMO,EAA4C,CACvD,GAAI,EACJ,GAAI,GACJ,GAAI,CACN,ECsBaC,EAAMC,EAAA,WACjB,CAACC,EAAOC,IAA2B,CAC3B,KAAA,CACJ,YAAAC,EACA,aAAAC,EACA,QAAAC,EACA,MAAAC,EACA,mBAAAC,EAAqB,QACrB,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,GAAGC,CAAA,EACDT,EACEU,EAAW,CAAC,CAACN,GAAWE,IAAuB,QAGnD,OAAAK,EAAA,kBAAA,KAACC,EAAA,CACC,UAAU,YACV,cAAY,aACZ,IAAAX,EACA,QAAAO,EACA,KAAAD,EACA,mBAAAD,EACC,GAAII,GACHJ,IAAuB,UAAY,CACjC,GAAIT,EAAiBU,CAAI,CAC3B,EACD,GAAGE,EAEH,SAAA,CAAAP,EACDP,EAAA,kBAAA,IAACkB,EAAA,CACC,UAAU,aACV,cAAY,mBACX,GAAI,CAAC,CAACX,GAAe,CAAE,GAAI,CAAE,EAC7B,GAAI,CAAC,CAACC,GAAgB,CAAE,GAAI,CAAE,EAE9B,SAAAE,CAAA,CACH,EACCF,EACAO,GACCf,EAAA,kBAAA,IAACmB,EAAA,CACC,UAAU,oBACV,cAAY,2BACZ,QAASV,EACR,GAAIE,IAAuB,SAAW,CACrC,GAAIT,EAAiBU,CAAI,CAAA,CAC3B,CAAA,CACF,CAAA,CAEJ,CAAA,CAGN,EAEAT,EAAI,YAAc","x_google_ignoreList":[0]}

package/dist/chunks/tag.component-pexJ0TAT.js

@@ -1,82 +0,0 @@
-import { j as t } from "./jsx-runtime-C5mzlN2N.js";
-import { forwardRef as b } from "react";
-import { c as T } from "./create-slot-recipe-context-BJmsuxih.js";
-import { C as x } from "./icons-BXxdrBrf.js";
-const {
-  withProvider: f,
-  withContext: a
-} = T({ key: "tag" }), C = f(
-  "div",
-  "root"
-), h = a(
-  "span",
-  "label"
-), u = a("button", "closeTrigger", { defaultProps: { children: /* @__PURE__ */ t.jsx(x, {}) } });
-a("span", "startElement");
-a(
-  "span",
-  "endElement"
-);
-const i = {
-  sm: 0,
-  md: 0.5,
-  lg: 1
-}, j = b(
-  (g, c) => {
-    const {
-      leftElement: o,
-      rightElement: l,
-      onClose: r,
-      label: m,
-      closeButtonDisplay: e = "never",
-      size: s = "md",
-      variant: d = "default",
-      ...p
-    } = g, n = !!r && e !== "never";
-    return /* @__PURE__ */ t.jsxs(
-      C,
-      {
-        className: "Tag group",
-        "data-testid": "kibble-tag",
-        ref: c,
-        variant: d,
-        size: s,
-        closeButtonDisplay: e,
-        ...n && e === "always" && {
-          pr: i[s]
-        },
-        ...p,
-        children: [
-          o,
-          /* @__PURE__ */ t.jsx(
-            h,
-            {
-              className: "Tag__Label",
-              "data-testid": "kibble-tag-label",
-              ...!!o && { ml: 1 },
-              ...!!l && { mr: 1 },
-              children: m
-            }
-          ),
-          l,
-          n && /* @__PURE__ */ t.jsx(
-            u,
-            {
-              className: "Tag__CloseTrigger",
-              "data-testid": "kibble-tag-close-trigger",
-              onClick: r,
-              ...e === "hover" && {
-                px: i[s]
-              }
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-j.displayName = "Tag";
-export {
-  j as T
-};
-//# sourceMappingURL=tag.component-pexJ0TAT.js.map

package/dist/chunks/tag.component-pexJ0TAT.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tag.component-pexJ0TAT.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/tag/tag.js","../../src/components/Tag/tag.records.ts","../../src/components/Tag/tag.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { CloseIcon } from '../icons.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useTagStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"tag\" });\nconst TagRoot = withProvider(\n  \"div\",\n  \"root\"\n);\nconst TagRootPropsProvider = PropsProvider;\nconst TagLabel = withContext(\n  \"span\",\n  \"label\"\n);\nconst TagCloseTrigger = withContext(\"button\", \"closeTrigger\", { defaultProps: { children: /* @__PURE__ */ jsx(CloseIcon, {}) } });\nconst TagStartElement = withContext(\"span\", \"startElement\");\nconst TagEndElement = withContext(\n  \"span\",\n  \"endElement\"\n);\n\nexport { TagCloseTrigger, TagEndElement, TagLabel, TagRoot, TagRootPropsProvider, TagStartElement, useTagStyles };\n","import { TagSize } from \"./tag.types\";\n\nexport const tagPaddingBySize: Record<TagSize, number> = {\n  sm: 0,\n  md: 0.5,\n  lg: 1,\n};\n","import React, { forwardRef } from \"react\";\nimport { Tag as CTag } from \"@chakra-ui/react/tag\";\nimport { CloseButtonDisplay, TagSize } from \"./tag.types\";\nimport { Status } from \"shared/types/status\";\nimport { tagPaddingBySize } from \"./tag.records\";\n\nexport interface BaseTagProps extends Omit<CTag.RootProps, \"children\"> {\n  leftElement?: React.ReactNode;\n  rightElement?: React.ReactNode;\n  label: string;\n  closeButtonDisplay?: CloseButtonDisplay;\n  size?: TagSize;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: Status;\n}\n\ninterface ClosableTagProps extends BaseTagProps {\n  closeButtonDisplay: \"always\" | \"hover\";\n  onClose: React.MouseEventHandler<HTMLButtonElement>;\n}\n\ninterface NonClosableTagProps extends BaseTagProps {\n  closeButtonDisplay?: \"never\";\n  onClose?: never;\n}\n\nexport type TagProps = ClosableTagProps | NonClosableTagProps;\n\nexport const Tag = forwardRef<HTMLSpanElement, TagProps>(\n  (props, ref): React.JSX.Element => {\n    const {\n      leftElement,\n      rightElement,\n      onClose,\n      label,\n      closeButtonDisplay = \"never\",\n      size = \"md\",\n      variant = \"default\",\n      ...rest\n    } = props;\n    const closable = !!onClose && closeButtonDisplay !== \"never\";\n\n    return (\n      <CTag.Root\n        className=\"Tag group\"\n        data-testid=\"kibble-tag\"\n        ref={ref}\n        variant={variant}\n        size={size}\n        closeButtonDisplay={closeButtonDisplay}\n        {...(closable &&\n          closeButtonDisplay === \"always\" && {\n            pr: tagPaddingBySize[size],\n          })}\n        {...rest}\n      >\n        {leftElement}\n        <CTag.Label\n          className=\"Tag__Label\"\n          data-testid=\"kibble-tag-label\"\n          {...(!!leftElement && { ml: 1 })}\n          {...(!!rightElement && { mr: 1 })}\n        >\n          {label}\n        </CTag.Label>\n        {rightElement}\n        {closable && (\n          <CTag.CloseTrigger\n            className=\"Tag__CloseTrigger\"\n            data-testid=\"kibble-tag-close-trigger\"\n            onClick={onClose}\n            {...(closeButtonDisplay === \"hover\" && {\n              px: tagPaddingBySize[size],\n            })}\n          />\n        )}\n      </CTag.Root>\n    );\n  },\n);\n\nTag.displayName = \"Tag\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","TagRoot","TagLabel","TagCloseTrigger","jsx","CloseIcon","tagPaddingBySize","Tag","forwardRef","props","ref","leftElement","rightElement","onClose","label","closeButtonDisplay","size","variant","rest","closable","jsxs","CTag.Root","CTag.Label","CTag.CloseTrigger"],"mappings":";;;;AAMA,MAAM;AAAA,EACJ,cAAAA;AAAA,EACA,aAAAC;AAGF,IAAIC,EAAwB,EAAE,KAAK,MAAK,CAAE,GACpCC,IAAUH;AAAA,EACd;AAAA,EACA;AACF,GAEMI,IAAWH;AAAA,EACf;AAAA,EACA;AACF,GACMI,IAAkBJ,EAAY,UAAU,gBAAgB,EAAE,cAAc,EAAE,UAA0BK,gBAAAA,MAAIC,GAAW,CAAE,CAAA,EAAG,EAAA,CAAE;AACxGN,EAAY,QAAQ,cAAc;AACpCA;AAAA,EACpB;AAAA,EACA;AACF;ACxBO,MAAMO,IAA4C;AAAA,EACvD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GCsBaC,IAAMC;AAAA,EACjB,CAACC,GAAOC,MAA2B;AAC3B,UAAA;AAAA,MACJ,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,SAAAC;AAAA,MACA,OAAAC;AAAA,MACA,oBAAAC,IAAqB;AAAA,MACrB,MAAAC,IAAO;AAAA,MACP,SAAAC,IAAU;AAAA,MACV,GAAGC;AAAA,IAAA,IACDT,GACEU,IAAW,CAAC,CAACN,KAAWE,MAAuB;AAGnD,WAAAK,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,KAAAX;AAAA,QACA,SAAAO;AAAA,QACA,MAAAD;AAAA,QACA,oBAAAD;AAAA,QACC,GAAII,KACHJ,MAAuB,YAAY;AAAA,UACjC,IAAIT,EAAiBU,CAAI;AAAA,QAC3B;AAAA,QACD,GAAGE;AAAA,QAEH,UAAA;AAAA,UAAAP;AAAA,UACDP,gBAAAA,EAAA;AAAA,YAACkB;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACX,GAAI,CAAC,CAACX,KAAe,EAAE,IAAI,EAAE;AAAA,cAC7B,GAAI,CAAC,CAACC,KAAgB,EAAE,IAAI,EAAE;AAAA,cAE9B,UAAAE;AAAA,YAAA;AAAA,UACH;AAAA,UACCF;AAAA,UACAO,KACCf,gBAAAA,EAAA;AAAA,YAACmB;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACZ,SAASV;AAAA,cACR,GAAIE,MAAuB,WAAW;AAAA,gBACrC,IAAIT,EAAiBU,CAAI;AAAA,cAAA;AAAA,YAC3B;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;AAEAT,EAAI,cAAc;","x_google_ignoreList":[0]}

package/dist/chunks/textInput.component-C9OmzJd9.js

@@ -1,180 +0,0 @@
-import { j as t } from "./jsx-runtime-C5mzlN2N.js";
-import y, { forwardRef as j, Children as b, cloneElement as T, useMemo as k } from "react";
-import { w as A } from "./withFormControl-mCCJK8wX.js";
-import { B as v } from "./button.component-BpF3MzbZ.js";
-import { C as w } from "./characterCounter.component-D4gbtPgf.js";
-import { B as N } from "./box-Ck9I7FYv.js";
-import { E as B } from "./empty-BU2EAux9.js";
-import { c as C } from "./factory-Ctbv0Ozn.js";
-import { u as R } from "./use-recipe-d63ABaZ3.js";
-import { G as S } from "./group-DPCVolOl.js";
-import { c as G } from "./create-recipe-context-D7FewUR4.js";
-import { f as F } from "./use-locale-context-BiiNTYMT.js";
-import { u as z } from "./use-field-context-Cm3grEyV.js";
-import { a1 as M } from "./index-YtNA0Ueo.js";
-const E = j((r, n) => {
-  const e = z(), o = M(e?.getInputProps(), r);
-  return /* @__PURE__ */ t.jsx(F.input, { ...o, ref: n });
-});
-E.displayName = "FieldInput";
-const { withContext: O } = G({
-  key: "input"
-}), W = O(E), g = j(
-  function({ unstyled: n, ...e }, o) {
-    const p = R({ key: "inputAddon", recipe: e.recipe }), [i, d] = p.splitVariantProps(e), s = n ? B : p(i);
-    return /* @__PURE__ */ t.jsx(C.div, { ref: o, ...d, css: [s, e.css] });
-  }
-), I = C("div", {
-  base: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    position: "absolute",
-    zIndex: 2,
-    color: "fg.muted",
-    height: "full",
-    fontSize: "sm",
-    px: "3"
-  },
-  variants: {
-    placement: {
-      start: {
-        insetInlineStart: "0"
-      },
-      end: {
-        insetInlineEnd: "0"
-      }
-    }
-  }
-}), D = j(
-  function(n, e) {
-    const {
-      startElement: o,
-      startElementProps: p,
-      endElement: i,
-      endElementProps: d,
-      startAddon: s,
-      startAddonProps: u,
-      endAddon: l,
-      endAddonProps: m,
-      children: c,
-      startOffset: a = "0px",
-      endOffset: f = "0px",
-      ...x
-    } = n, h = b.only(c), P = !!(s || l);
-    return /* @__PURE__ */ t.jsxs(
-      S,
-      {
-        width: "full",
-        ref: e,
-        attached: P,
-        skip: (_) => _.type === I,
-        ...x,
-        children: [
-          s && /* @__PURE__ */ t.jsx(g, { ...u, children: s }),
-          o && /* @__PURE__ */ t.jsx(I, { pointerEvents: "none", ...p, children: o }),
-          T(h, {
-            ...o && {
-              ps: `calc(var(--input-height) - ${a})`
-            },
-            ...i && { pe: `calc(var(--input-height) - ${f})` },
-            ...c.props
-          }),
-          i && /* @__PURE__ */ t.jsx(I, { placement: "end", ...d, children: i }),
-          l && /* @__PURE__ */ t.jsx(g, { ...m, children: l })
-        ]
-      }
-    );
-  }
-), L = {
-  sm: "xs",
-  md: "sm",
-  lg: "md"
-}, Y = A(
-  ({
-    charLimit: r = void 0,
-    clearable: n = !1,
-    disabled: e = !1,
-    inputRef: o,
-    invalid: p,
-    leftAddon: i,
-    leftElement: d,
-    onClear: s,
-    onContrast: u,
-    rightAddon: l,
-    rightElement: m,
-    size: c = "md",
-    value: a,
-    ...f
-  }) => {
-    const x = () => {
-      s && s(a || "");
-    };
-    n && a && !e && (m = /* @__PURE__ */ t.jsx(
-      v,
-      {
-        className: "TextInput__ClearButton",
-        "data-testid": "kibble-text-input-clear-button",
-        size: L[c],
-        variant: "ghostNeutral",
-        onClick: x,
-        iconName: "close"
-      }
-    ));
-    const h = k(
-      () => a?.toString()?.length || 0,
-      [a]
-    );
-    return /* @__PURE__ */ t.jsxs(N, { className: "TextInput__Wrapper", position: "relative", w: "100%", children: [
-      /* @__PURE__ */ t.jsx(
-        D,
-        {
-          className: "TextInput__InputGroup",
-          "data-testid": "kibble-text-input-group",
-          startElement: d,
-          startElementProps: {
-            color: "inherit",
-            _groupDisabled: { opacity: 0.6 }
-          },
-          endElement: m,
-          endElementProps: {
-            color: "inherit",
-            paddingInline: 1.5,
-            _groupDisabled: { opacity: 0.6 }
-          },
-          startAddon: i,
-          endAddon: l,
-          children: /* @__PURE__ */ t.jsx(
-            W,
-            {
-              "data-testid": "kibble-text-input",
-              className: "TextInput",
-              ref: o,
-              value: a,
-              size: c,
-              disabled: e,
-              ...p && { "aria-invalid": !0 },
-              variant: u ? "onContrast" : "default",
-              ...f
-            }
-          )
-        }
-      ),
-      !!r && /* @__PURE__ */ t.jsx(
-        w,
-        {
-          withLimit: !0,
-          limit: r,
-          currentCount: h
-        }
-      )
-    ] });
-  }
-), $ = y.forwardRef(
-  (r, n) => /* @__PURE__ */ t.jsx(Y, { inputRef: n, ...r })
-);
-$.displayName = "TextInput";
-export {
-  $ as W
-};
-//# sourceMappingURL=textInput.component-C9OmzJd9.js.map

package/dist/chunks/textInput.component-C9OmzJd9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textInput.component-C9OmzJd9.js","sources":["../../node_modules/@ark-ui/react/dist/components/field/field-input.js","../../node_modules/@chakra-ui/react/dist/esm/components/input/input.js","../../node_modules/@chakra-ui/react/dist/esm/components/input/input-addon.js","../../node_modules/@chakra-ui/react/dist/esm/components/input/input-element.js","../../node_modules/@chakra-ui/react/dist/esm/components/input/input-group.js","../../src/components/TextInput/textInput.records.ts","../../src/components/TextInput/textInput.component.tsx"],"sourcesContent":["'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useFieldContext } from './use-field-context.js';\n\nconst FieldInput = forwardRef((props, ref) => {\n  const field = useFieldContext();\n  const mergedProps = mergeProps(field?.getInputProps(), props);\n  return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });\n});\nFieldInput.displayName = \"FieldInput\";\n\nexport { FieldInput };\n","\"use strict\";\n\"use client\";\nimport { Field } from '@ark-ui/react/field';\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"input\"\n});\nconst Input = withContext(Field.Input);\nconst InputPropsProvider = PropsProvider;\n\nexport { Input, InputPropsProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { EMPTY_SLOT_STYLES } from '../../styled-system/empty.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useRecipe } from '../../styled-system/use-recipe.js';\n\nconst InputAddon = forwardRef(\n  function InputAddon2({ unstyled, ...props }, ref) {\n    const recipe = useRecipe({ key: \"inputAddon\", recipe: props.recipe });\n    const [variantProps, localProps] = recipe.splitVariantProps(props);\n    const styles = unstyled ? EMPTY_SLOT_STYLES : recipe(variantProps);\n    return /* @__PURE__ */ jsx(chakra.div, { ref, ...localProps, css: [styles, props.css] });\n  }\n);\n\nexport { InputAddon };\n","\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst InputElement = chakra(\"div\", {\n  base: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    position: \"absolute\",\n    zIndex: 2,\n    color: \"fg.muted\",\n    height: \"full\",\n    fontSize: \"sm\",\n    px: \"3\"\n  },\n  variants: {\n    placement: {\n      start: {\n        insetInlineStart: \"0\"\n      },\n      end: {\n        insetInlineEnd: \"0\"\n      }\n    }\n  }\n});\n\nexport { InputElement };\n","\"use strict\";\n\"use client\";\nimport { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, Children, cloneElement } from 'react';\nimport { InputAddon } from './input-addon.js';\nimport { InputElement } from './input-element.js';\nimport { Group } from '../group/group.js';\n\nconst InputGroup = forwardRef(\n  function InputGroup2(props, ref) {\n    const {\n      startElement,\n      startElementProps,\n      endElement,\n      endElementProps,\n      startAddon,\n      startAddonProps,\n      endAddon,\n      endAddonProps,\n      children,\n      startOffset = \"0px\",\n      endOffset = \"0px\",\n      ...rest\n    } = props;\n    const child = Children.only(children);\n    const attached = Boolean(startAddon || endAddon);\n    return /* @__PURE__ */ jsxs(\n      Group,\n      {\n        width: \"full\",\n        ref,\n        attached,\n        skip: (el) => el.type === InputElement,\n        ...rest,\n        children: [\n          startAddon && /* @__PURE__ */ jsx(InputAddon, { ...startAddonProps, children: startAddon }),\n          startElement && /* @__PURE__ */ jsx(InputElement, { pointerEvents: \"none\", ...startElementProps, children: startElement }),\n          cloneElement(child, {\n            ...startElement && {\n              ps: `calc(var(--input-height) - ${startOffset})`\n            },\n            ...endElement && { pe: `calc(var(--input-height) - ${endOffset})` },\n            ...children.props\n          }),\n          endElement && /* @__PURE__ */ jsx(InputElement, { placement: \"end\", ...endElementProps, children: endElement }),\n          endAddon && /* @__PURE__ */ jsx(InputAddon, { ...endAddonProps, children: endAddon })\n        ]\n      }\n    );\n  }\n);\n\nexport { InputGroup };\n","import { ButtonSize } from \"components/Button/button.types\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\nexport const closeButtonSizeMap: Record<FormControlSize, ButtonSize> = {\n  sm: \"xs\",\n  md: \"sm\",\n  lg: \"md\",\n};\n","import React, { ForwardedRef, useMemo } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport {\n  Input as CInput,\n  InputProps as CInputProps,\n  InputGroup,\n} from \"@chakra-ui/react/input\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { Button } from \"components/Button/button.component\";\nimport { CharacterCounter } from \"components/CharacterCounter/characterCounter.component\";\nimport { closeButtonSizeMap } from \"./textInput.records\";\n\nexport interface TextInputBaseProps extends WithFormControlProps {\n  charLimit?: number;\n  inputRef?: ForwardedRef<HTMLInputElement>;\n  onContrast?: boolean;\n  leftAddon?: React.ReactNode;\n  leftElement?: React.ReactNode;\n  rightAddon?: React.ReactNode;\n  rightElement?: React.ReactNode;\n  size?: FormControlSize;\n}\n\nexport interface DefaultTextInputProps extends TextInputBaseProps {\n  clearable?: never;\n  onClear?: never;\n}\n\nexport interface ClearableTextInputProps extends TextInputBaseProps {\n  clearable?: boolean;\n  onClear?: (val: string | number | readonly string[]) => void;\n}\n\nexport type KTextInputProps = DefaultTextInputProps | ClearableTextInputProps;\n\nexport type TextInputProps = KTextInputProps & CInputProps;\n\nconst TextInput = withFormControl(\n  ({\n    charLimit = undefined,\n    clearable = false,\n    disabled = false,\n    inputRef,\n    invalid,\n    leftAddon,\n    leftElement,\n    onClear,\n    onContrast,\n    rightAddon,\n    rightElement,\n    size = \"md\",\n    value,\n    ...rest\n  }: TextInputProps): React.JSX.Element => {\n    const handleClear = (): void => {\n      if (onClear) {\n        onClear(value || \"\");\n      }\n    };\n\n    if (clearable && !!value && !disabled) {\n      rightElement = (\n        <Button\n          className=\"TextInput__ClearButton\"\n          data-testid=\"kibble-text-input-clear-button\"\n          size={closeButtonSizeMap[size as FormControlSize]}\n          variant=\"ghostNeutral\"\n          onClick={handleClear}\n          iconName=\"close\"\n        />\n      );\n    }\n\n    const currentCharCount = useMemo(\n      () => value?.toString()?.length || 0,\n      [value],\n    );\n\n    return (\n      <Box className=\"TextInput__Wrapper\" position=\"relative\" w=\"100%\">\n        <InputGroup\n          className=\"TextInput__InputGroup\"\n          data-testid=\"kibble-text-input-group\"\n          startElement={leftElement}\n          startElementProps={{\n            color: \"inherit\",\n            _groupDisabled: { opacity: 0.6 },\n          }}\n          endElement={rightElement}\n          endElementProps={{\n            color: \"inherit\",\n            paddingInline: 1.5,\n            _groupDisabled: { opacity: 0.6 },\n          }}\n          startAddon={leftAddon}\n          endAddon={rightAddon}\n        >\n          <CInput\n            data-testid=\"kibble-text-input\"\n            className=\"TextInput\"\n            ref={inputRef}\n            value={value}\n            size={size}\n            disabled={disabled}\n            {...(invalid && { \"aria-invalid\": true })}\n            variant={onContrast ? \"onContrast\" : \"default\"}\n            {...rest}\n          />\n        </InputGroup>\n        {!!charLimit && (\n          <CharacterCounter\n            withLimit={true}\n            limit={charLimit}\n            currentCount={currentCharCount}\n          />\n        )}\n      </Box>\n    );\n  },\n);\n\nconst WrappedTextInput = React.forwardRef(\n  (props: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => (\n    <TextInput inputRef={ref} {...props} />\n  ),\n);\n\nWrappedTextInput.displayName = \"TextInput\";\n\nexport { WrappedTextInput as TextInput };\n"],"names":["FieldInput","forwardRef","props","ref","field","useFieldContext","mergedProps","mergeProps","jsx","ark","withContext","createRecipeContext","Input","Field.Input","InputAddon","unstyled","recipe","useRecipe","variantProps","localProps","styles","EMPTY_SLOT_STYLES","chakra","InputElement","InputGroup","startElement","startElementProps","endElement","endElementProps","startAddon","startAddonProps","endAddon","endAddonProps","children","startOffset","endOffset","rest","child","Children","attached","jsxs","Group","el","cloneElement","closeButtonSizeMap","TextInput","withFormControl","charLimit","clearable","disabled","inputRef","invalid","leftAddon","leftElement","onClear","onContrast","rightAddon","rightElement","size","value","handleClear","Button","currentCharCount","useMemo","Box","CInput","CharacterCounter","WrappedTextInput","React"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4]}

package/dist/chunks/textInput.component-rWxcxFXP.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),c=require("react"),y=require("./withFormControl-BcHQTSnc.js"),P=require("./button.component-Dd9AfGox.js"),b=require("./characterCounter.component-DbKKr4Cl.js"),T=require("./box-Baq7UBls.js"),k=require("./empty-B5_AO6Pg.js"),I=require("./factory-D6tdBUPG.js"),w=require("./use-recipe-DaPWl_pL.js"),A=require("./group-Cv7AQw1b.js"),v=require("./create-recipe-context-sESms8Eo.js"),N=require("./use-locale-context-D0LByRu9.js"),S=require("./use-field-context-CArmgHPP.js"),F=require("./index-CHIISuTq.js"),B=t=>t&&t.__esModule?t:{default:t},G=B(c),C=c.forwardRef((t,s)=>{const n=S.useFieldContext(),r=F.mergeProps(n?.getInputProps(),t);return e.jsxRuntimeExports.jsx(N.ark.input,{...r,ref:s})});C.displayName="FieldInput";const{withContext:M}=v.createRecipeContext({key:"input"}),z=M(C),R=c.forwardRef(function({unstyled:s,...n},r){const p=w.useRecipe({key:"inputAddon",recipe:n.recipe}),[i,a]=p.splitVariantProps(n),o=s?k.EMPTY_SLOT_STYLES:p(i);return e.jsxRuntimeExports.jsx(I.chakra.div,{ref:r,...a,css:[o,n.css]})}),E=I.chakra("div",{base:{display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",zIndex:2,color:"fg.muted",height:"full",fontSize:"sm",px:"3"},variants:{placement:{start:{insetInlineStart:"0"},end:{insetInlineEnd:"0"}}}}),D=c.forwardRef(function(s,n){const{startElement:r,startElementProps:p,endElement:i,endElementProps:a,startAddon:o,startAddonProps:m,endAddon:d,endAddonProps:x,children:l,startOffset:u="0px",endOffset:f="0px",...h}=s,j=c.Children.only(l),g=!!(o||d);return e.jsxRuntimeExports.jsxs(A.Group,{width:"full",ref:n,attached:g,skip:q=>q.type===E,...h,children:[o&&e.jsxRuntimeExports.jsx(R,{...m,children:o}),r&&e.jsxRuntimeExports.jsx(E,{pointerEvents:"none",...p,children:r}),c.cloneElement(j,{...r&&{ps:`calc(var(--input-height) - ${u})`},...i&&{pe:`calc(var(--input-height) - ${f})`},...l.props}),i&&e.jsxRuntimeExports.jsx(E,{placement:"end",...a,children:i}),d&&e.jsxRuntimeExports.jsx(R,{...x,children:d})]})}),L={sm:"xs",md:"sm",lg:"md"},O=y.withFormControl(({charLimit:t=void 0,clearable:s=!1,disabled:n=!1,inputRef:r,invalid:p,leftAddon:i,leftElement:a,onClear:o,onContrast:m,rightAddon:d,rightElement:x,size:l="md",value:u,...f})=>{const h=()=>{o&&o(u||"")};s&&u&&!n&&(x=e.jsxRuntimeExports.jsx(P.Button,{className:"TextInput__ClearButton","data-testid":"kibble-text-input-clear-button",size:L[l],variant:"ghostNeutral",onClick:h,iconName:"close"}));const j=c.useMemo(()=>u?.toString()?.length||0,[u]);return e.jsxRuntimeExports.jsxs(T.Box,{className:"TextInput__Wrapper",position:"relative",w:"100%",children:[e.jsxRuntimeExports.jsx(D,{className:"TextInput__InputGroup","data-testid":"kibble-text-input-group",startElement:a,startElementProps:{color:"inherit",_groupDisabled:{opacity:.6}},endElement:x,endElementProps:{color:"inherit",paddingInline:1.5,_groupDisabled:{opacity:.6}},startAddon:i,endAddon:d,children:e.jsxRuntimeExports.jsx(z,{"data-testid":"kibble-text-input",className:"TextInput",ref:r,value:u,size:l,disabled:n,...p&&{"aria-invalid":!0},variant:m?"onContrast":"default",...f})}),!!t&&e.jsxRuntimeExports.jsx(b.CharacterCounter,{withLimit:!0,limit:t,currentCount:j})]})}),_=G.default.forwardRef((t,s)=>e.jsxRuntimeExports.jsx(O,{inputRef:s,...t}));_.displayName="TextInput";exports.WrappedTextInput=_;
-//# sourceMappingURL=textInput.component-rWxcxFXP.js.map