@televet/kibble-ui 4.0.0-beta.6 → 4.0.0-beta.61

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.component-BgBg4Lti.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/sortableList.component-B4oyHvop.js

@@ -0,0 +1,6 @@
+"use strict";const W=require("./jsx-runtime-BjDatQAs.js"),l=require("react"),Te=require("./use-locale-context-BdqHZ8L8.js"),Ln=require("./button.component-Dd9AfGox.js"),kn=require("./text.component--epnA3h2.js"),jn=require("./flex-D14H6HbP.js"),Gt=require("./list-C_LmDoyW.js"),Pn=e=>e&&e.__esModule?e:{default:e},O=Pn(l);function zn(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return l.useMemo(()=>r=>{t.forEach(o=>o(r))},t)}const rt=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function we(e){const t=Object.prototype.toString.call(e);return t==="[object Window]"||t==="[object global]"}function yt(e){return"nodeType"in e}function P(e){var t,n;return e?we(e)?e:yt(e)&&(t=(n=e.ownerDocument)==null?void 0:n.defaultView)!=null?t:window:window}function xt(e){const{Document:t}=P(e);return e instanceof t}function Fe(e){return we(e)?!1:e instanceof P(e).HTMLElement}function Qt(e){return e instanceof P(e).SVGElement}function De(e){return e?we(e)?e.document:yt(e)?xt(e)?e:Fe(e)||Qt(e)?e.ownerDocument:document:document:document}const _=rt?l.useLayoutEffect:l.useEffect;function ot(e){const t=l.useRef(e);return _(()=>{t.current=e}),l.useCallback(function(){for(var n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return t.current==null?void 0:t.current(...r)},[])}function Bn(){const e=l.useRef(null),t=l.useCallback((r,o)=>{e.current=setInterval(r,o)},[]),n=l.useCallback(()=>{e.current!==null&&(clearInterval(e.current),e.current=null)},[]);return[t,n]}function Pe(e,t){t===void 0&&(t=[e]);const n=l.useRef(e);return _(()=>{n.current!==e&&(n.current=e)},t),n}function Xe(e,t){const n=l.useRef();return l.useMemo(()=>{const r=e(n.current);return n.current=r,r},[...t])}function Ge(e){const t=ot(e),n=l.useRef(null),r=l.useCallback(o=>{o!==n.current&&t?.(o,n.current),n.current=o},[]);return[n,r]}function Qe(e){const t=l.useRef();return l.useEffect(()=>{t.current=e},[e]),t.current}let ft={};function $e(e,t){return l.useMemo(()=>{if(t)return t;const n=ft[e]==null?0:ft[e]+1;return ft[e]=n,e+"-"+n},[e,t])}function Zt(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];return r.reduce((i,s)=>{const a=Object.entries(s);for(const[c,u]of a){const f=i[c];f!=null&&(i[c]=f+e*u)}return i},{...t})}}const xe=Zt(1),ze=Zt(-1);function Fn(e){return"clientX"in e&&"clientY"in e}function it(e){if(!e)return!1;const{KeyboardEvent:t}=P(e.target);return t&&e instanceof t}function Xn(e){if(!e)return!1;const{TouchEvent:t}=P(e.target);return t&&e instanceof t}function Ze(e){if(Xn(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}else if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return Fn(e)?{x:e.clientX,y:e.clientY}:null}const fe=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[fe.Translate.toString(e),fe.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+" "+n+"ms "+r}}}),Pt="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function $n(e){return e.matches(Pt)?e:e.querySelector(Pt)}const Yn={display:"none"};function Kn(e){let{id:t,value:n}=e;return O.default.createElement("div",{id:t,style:Yn},n)}function Un(e){let{id:t,announcement:n,ariaLiveType:r="assertive"}=e;const o={position:"fixed",top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"};return O.default.createElement("div",{id:t,style:o,role:"status","aria-live":r,"aria-atomic":!0},n)}function Wn(){const[e,t]=l.useState("");return{announce:l.useCallback(r=>{r!=null&&t(r)},[]),announcement:e}}const en=l.createContext(null);function qn(e){const t=l.useContext(en);l.useEffect(()=>{if(!t)throw new Error("useDndMonitor must be used within a children of <DndContext>");return t(e)},[e,t])}function Hn(){const[e]=l.useState(()=>new Set),t=l.useCallback(r=>(e.add(r),()=>e.delete(r)),[e]);return[l.useCallback(r=>{let{type:o,event:i}=r;e.forEach(s=>{var a;return(a=s[o])==null?void 0:a.call(s,i)})},[e]),t]}const _n={draggable:`
+    To pick up a draggable item, press the space bar.
+    While dragging, use the arrow keys to move the item.
+    Press space again to drop the item in its new position, or press escape to cancel.
+  `},Vn={onDragStart(e){let{active:t}=e;return"Picked up draggable item "+t.id+"."},onDragOver(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was moved over droppable area "+n.id+".":"Draggable item "+t.id+" is no longer over a droppable area."},onDragEnd(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was dropped over droppable area "+n.id:"Draggable item "+t.id+" was dropped."},onDragCancel(e){let{active:t}=e;return"Dragging was cancelled. Draggable item "+t.id+" was dropped."}};function Jn(e){let{announcements:t=Vn,container:n,hiddenTextDescribedById:r,screenReaderInstructions:o=_n}=e;const{announce:i,announcement:s}=Wn(),a=$e("DndLiveRegion"),[c,u]=l.useState(!1);if(l.useEffect(()=>{u(!0)},[]),qn(l.useMemo(()=>({onDragStart(d){let{active:h}=d;i(t.onDragStart({active:h}))},onDragMove(d){let{active:h,over:g}=d;t.onDragMove&&i(t.onDragMove({active:h,over:g}))},onDragOver(d){let{active:h,over:g}=d;i(t.onDragOver({active:h,over:g}))},onDragEnd(d){let{active:h,over:g}=d;i(t.onDragEnd({active:h,over:g}))},onDragCancel(d){let{active:h,over:g}=d;i(t.onDragCancel({active:h,over:g}))}}),[i,t])),!c)return null;const f=O.default.createElement(O.default.Fragment,null,O.default.createElement(Kn,{id:r,value:o.draggable}),O.default.createElement(Un,{id:a,announcement:s}));return n?Te.reactDomExports.createPortal(f,n):f}var T;(function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"})(T||(T={}));function et(){}function zt(e,t){return l.useMemo(()=>({sensor:e,options:t??{}}),[e,t])}function Gn(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return l.useMemo(()=>[...t].filter(r=>r!=null),[...t])}const V=Object.freeze({x:0,y:0});function Qn(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function Zn(e,t){const n=Ze(e);if(!n)return"0 0";const r={x:(n.x-t.left)/t.width*100,y:(n.y-t.top)/t.height*100};return r.x+"% "+r.y+"%"}function er(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function tr(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function Bt(e){let{left:t,top:n,height:r,width:o}=e;return[{x:t,y:n},{x:t+o,y:n},{x:t,y:n+r},{x:t+o,y:n+r}]}function tn(e,t){if(!e||e.length===0)return null;const[n]=e;return n[t]}const nr=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const o=Bt(t),i=[];for(const s of r){const{id:a}=s,c=n.get(a);if(c){const u=Bt(c),f=o.reduce((h,g,w)=>h+Qn(u[w],g),0),d=Number((f/4).toFixed(4));i.push({id:a,data:{droppableContainer:s,value:d}})}}return i.sort(er)};function rr(e,t){const n=Math.max(t.top,e.top),r=Math.max(t.left,e.left),o=Math.min(t.left+t.width,e.left+e.width),i=Math.min(t.top+t.height,e.top+e.height),s=o-r,a=i-n;if(r<o&&n<i){const c=t.width*t.height,u=e.width*e.height,f=s*a,d=f/(c+u-f);return Number(d.toFixed(4))}return 0}const or=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const o=[];for(const i of r){const{id:s}=i,a=n.get(s);if(a){const c=rr(a,t);c>0&&o.push({id:s,data:{droppableContainer:i,value:c}})}}return o.sort(tr)};function ir(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}function nn(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:V}function sr(e){return function(n){for(var r=arguments.length,o=new Array(r>1?r-1:0),i=1;i<r;i++)o[i-1]=arguments[i];return o.reduce((s,a)=>({...s,top:s.top+e*a.y,bottom:s.bottom+e*a.y,left:s.left+e*a.x,right:s.right+e*a.x}),{...n})}}const ar=sr(1);function rn(e){if(e.startsWith("matrix3d(")){const t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}else if(e.startsWith("matrix(")){const t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}function lr(e,t,n){const r=rn(t);if(!r)return e;const{scaleX:o,scaleY:i,x:s,y:a}=r,c=e.left-s-(1-o)*parseFloat(n),u=e.top-a-(1-i)*parseFloat(n.slice(n.indexOf(" ")+1)),f=o?e.width/o:e.width,d=i?e.height/i:e.height;return{width:f,height:d,top:u,right:c+f,bottom:u+d,left:c}}const cr={ignoreTransform:!1};function Ce(e,t){t===void 0&&(t=cr);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{transform:u,transformOrigin:f}=P(e).getComputedStyle(e);u&&(n=lr(n,u,f))}const{top:r,left:o,width:i,height:s,bottom:a,right:c}=n;return{top:r,left:o,width:i,height:s,bottom:a,right:c}}function Ft(e){return Ce(e,{ignoreTransform:!0})}function ur(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}function dr(e,t){return t===void 0&&(t=P(e).getComputedStyle(e)),t.position==="fixed"}function fr(e,t){t===void 0&&(t=P(e).getComputedStyle(e));const n=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some(o=>{const i=t[o];return typeof i=="string"?n.test(i):!1})}function st(e,t){const n=[];function r(o){if(t!=null&&n.length>=t||!o)return n;if(xt(o)&&o.scrollingElement!=null&&!n.includes(o.scrollingElement))return n.push(o.scrollingElement),n;if(!Fe(o)||Qt(o)||n.includes(o))return n;const i=P(e).getComputedStyle(o);return o!==e&&fr(o,i)&&n.push(o),dr(o,i)?n:r(o.parentNode)}return e?r(e):n}function on(e){const[t]=st(e,1);return t??null}function gt(e){return!rt||!e?null:we(e)?e:yt(e)?xt(e)||e===De(e).scrollingElement?window:Fe(e)?e:null:null}function sn(e){return we(e)?e.scrollX:e.scrollLeft}function an(e){return we(e)?e.scrollY:e.scrollTop}function pt(e){return{x:sn(e),y:an(e)}}var L;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})(L||(L={}));function ln(e){return!rt||!e?!1:e===document.scrollingElement}function cn(e){const t={x:0,y:0},n=ln(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height},o=e.scrollTop<=t.y,i=e.scrollLeft<=t.x,s=e.scrollTop>=r.y,a=e.scrollLeft>=r.x;return{isTop:o,isLeft:i,isBottom:s,isRight:a,maxScroll:r,minScroll:t}}const gr={x:.2,y:.2};function hr(e,t,n,r,o){let{top:i,left:s,right:a,bottom:c}=n;r===void 0&&(r=10),o===void 0&&(o=gr);const{isTop:u,isBottom:f,isLeft:d,isRight:h}=cn(e),g={x:0,y:0},w={x:0,y:0},v={height:t.height*o.y,width:t.width*o.x};return!u&&i<=t.top+v.height?(g.y=L.Backward,w.y=r*Math.abs((t.top+v.height-i)/v.height)):!f&&c>=t.bottom-v.height&&(g.y=L.Forward,w.y=r*Math.abs((t.bottom-v.height-c)/v.height)),!h&&a>=t.right-v.width?(g.x=L.Forward,w.x=r*Math.abs((t.right-v.width-a)/v.width)):!d&&s<=t.left+v.width&&(g.x=L.Backward,w.x=r*Math.abs((t.left+v.width-s)/v.width)),{direction:g,speed:w}}function vr(e){if(e===document.scrollingElement){const{innerWidth:i,innerHeight:s}=window;return{top:0,left:0,right:i,bottom:s,width:i,height:s}}const{top:t,left:n,right:r,bottom:o}=e.getBoundingClientRect();return{top:t,left:n,right:r,bottom:o,width:e.clientWidth,height:e.clientHeight}}function un(e){return e.reduce((t,n)=>xe(t,pt(n)),V)}function pr(e){return e.reduce((t,n)=>t+sn(n),0)}function br(e){return e.reduce((t,n)=>t+an(n),0)}function dn(e,t){if(t===void 0&&(t=Ce),!e)return;const{top:n,left:r,bottom:o,right:i}=t(e);on(e)&&(o<=0||i<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}const mr=[["x",["left","right"],pr],["y",["top","bottom"],br]];class wt{constructor(t,n){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const r=st(n),o=un(r);this.rect={...t},this.width=t.width,this.height=t.height;for(const[i,s,a]of mr)for(const c of s)Object.defineProperty(this,c,{get:()=>{const u=a(r),f=o[i]-u;return this.rect[c]+f},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class Le{constructor(t){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(n=>{var r;return(r=this.target)==null?void 0:r.removeEventListener(...n)})},this.target=t}add(t,n,r){var o;(o=this.target)==null||o.addEventListener(t,n,r),this.listeners.push([t,n,r])}}function yr(e){const{EventTarget:t}=P(e);return e instanceof t?e:De(e)}function ht(e,t){const n=Math.abs(e.x),r=Math.abs(e.y);return typeof t=="number"?Math.sqrt(n**2+r**2)>t:"x"in t&&"y"in t?n>t.x&&r>t.y:"x"in t?n>t.x:"y"in t?r>t.y:!1}var U;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(U||(U={}));function Xt(e){e.preventDefault()}function xr(e){e.stopPropagation()}var C;(function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter",e.Tab="Tab"})(C||(C={}));const fn={start:[C.Space,C.Enter],cancel:[C.Esc],end:[C.Space,C.Enter,C.Tab]},wr=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case C.Right:return{...n,x:n.x+25};case C.Left:return{...n,x:n.x-25};case C.Down:return{...n,y:n.y+25};case C.Up:return{...n,y:n.y-25}}};class Dt{constructor(t){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=t;const{event:{target:n}}=t;this.props=t,this.listeners=new Le(De(n)),this.windowListeners=new Le(P(n)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(U.Resize,this.handleCancel),this.windowListeners.add(U.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(U.Keydown,this.handleKeyDown))}handleStart(){const{activeNode:t,onStart:n}=this.props,r=t.node.current;r&&dn(r),n(V)}handleKeyDown(t){if(it(t)){const{active:n,context:r,options:o}=this.props,{keyboardCodes:i=fn,coordinateGetter:s=wr,scrollBehavior:a="smooth"}=o,{code:c}=t;if(i.end.includes(c)){this.handleEnd(t);return}if(i.cancel.includes(c)){this.handleCancel(t);return}const{collisionRect:u}=r.current,f=u?{x:u.left,y:u.top}:V;this.referenceCoordinates||(this.referenceCoordinates=f);const d=s(t,{active:n,context:r.current,currentCoordinates:f});if(d){const h=ze(d,f),g={x:0,y:0},{scrollableAncestors:w}=r.current;for(const v of w){const p=t.code,{isTop:m,isRight:y,isLeft:b,isBottom:R,maxScroll:S,minScroll:E}=cn(v),x=vr(v),D={x:Math.min(p===C.Right?x.right-x.width/2:x.right,Math.max(p===C.Right?x.left:x.left+x.width/2,d.x)),y:Math.min(p===C.Down?x.bottom-x.height/2:x.bottom,Math.max(p===C.Down?x.top:x.top+x.height/2,d.y))},M=p===C.Right&&!y||p===C.Left&&!b,N=p===C.Down&&!R||p===C.Up&&!m;if(M&&D.x!==d.x){const I=v.scrollLeft+h.x,q=p===C.Right&&I<=S.x||p===C.Left&&I>=E.x;if(q&&!h.y){v.scrollTo({left:I,behavior:a});return}q?g.x=v.scrollLeft-I:g.x=p===C.Right?v.scrollLeft-S.x:v.scrollLeft-E.x,g.x&&v.scrollBy({left:-g.x,behavior:a});break}else if(N&&D.y!==d.y){const I=v.scrollTop+h.y,q=p===C.Down&&I<=S.y||p===C.Up&&I>=E.y;if(q&&!h.x){v.scrollTo({top:I,behavior:a});return}q?g.y=v.scrollTop-I:g.y=p===C.Down?v.scrollTop-S.y:v.scrollTop-E.y,g.y&&v.scrollBy({top:-g.y,behavior:a});break}}this.handleMove(t,xe(ze(d,this.referenceCoordinates),g))}}}handleMove(t,n){const{onMove:r}=this.props;t.preventDefault(),r(n)}handleEnd(t){const{onEnd:n}=this.props;t.preventDefault(),this.detach(),n()}handleCancel(t){const{onCancel:n}=this.props;t.preventDefault(),this.detach(),n()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}Dt.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=fn,onActivation:o}=t,{active:i}=n;const{code:s}=e.nativeEvent;if(r.start.includes(s)){const a=i.activatorNode.current;return a&&e.target!==a?!1:(e.preventDefault(),o?.({event:e.nativeEvent}),!0)}return!1}}];function $t(e){return!!(e&&"distance"in e)}function Yt(e){return!!(e&&"delay"in e)}class Ct{constructor(t,n,r){var o;r===void 0&&(r=yr(t.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=t,this.events=n;const{event:i}=t,{target:s}=i;this.props=t,this.events=n,this.document=De(s),this.documentListeners=new Le(this.document),this.listeners=new Le(r),this.windowListeners=new Le(P(s)),this.initialCoordinates=(o=Ze(i))!=null?o:V,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:t,props:{options:{activationConstraint:n,bypassActivationConstraint:r}}}=this;if(this.listeners.add(t.move.name,this.handleMove,{passive:!1}),this.listeners.add(t.end.name,this.handleEnd),t.cancel&&this.listeners.add(t.cancel.name,this.handleCancel),this.windowListeners.add(U.Resize,this.handleCancel),this.windowListeners.add(U.DragStart,Xt),this.windowListeners.add(U.VisibilityChange,this.handleCancel),this.windowListeners.add(U.ContextMenu,Xt),this.documentListeners.add(U.Keydown,this.handleKeydown),n){if(r!=null&&r({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(Yt(n)){this.timeoutId=setTimeout(this.handleStart,n.delay),this.handlePending(n);return}if($t(n)){this.handlePending(n);return}}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),this.timeoutId!==null&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handlePending(t,n){const{active:r,onPending:o}=this.props;o(r,t,this.initialCoordinates,n)}handleStart(){const{initialCoordinates:t}=this,{onStart:n}=this.props;t&&(this.activated=!0,this.documentListeners.add(U.Click,xr,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(U.SelectionChange,this.removeTextSelection),n(t))}handleMove(t){var n;const{activated:r,initialCoordinates:o,props:i}=this,{onMove:s,options:{activationConstraint:a}}=i;if(!o)return;const c=(n=Ze(t))!=null?n:V,u=ze(o,c);if(!r&&a){if($t(a)){if(a.tolerance!=null&&ht(u,a.tolerance))return this.handleCancel();if(ht(u,a.distance))return this.handleStart()}if(Yt(a)&&ht(u,a.tolerance))return this.handleCancel();this.handlePending(a,u);return}t.cancelable&&t.preventDefault(),s(c)}handleEnd(){const{onAbort:t,onEnd:n}=this.props;this.detach(),this.activated||t(this.props.active),n()}handleCancel(){const{onAbort:t,onCancel:n}=this.props;this.detach(),this.activated||t(this.props.active),n()}handleKeydown(t){t.code===C.Esc&&this.handleCancel()}removeTextSelection(){var t;(t=this.document.getSelection())==null||t.removeAllRanges()}}const Dr={cancel:{name:"pointercancel"},move:{name:"pointermove"},end:{name:"pointerup"}};class Rt extends Ct{constructor(t){const{event:n}=t,r=De(n.target);super(t,Dr,r)}}Rt.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!n.isPrimary||n.button!==0?!1:(r?.({event:n}),!0)}}];const Cr={move:{name:"mousemove"},end:{name:"mouseup"}};var bt;(function(e){e[e.RightClick=2]="RightClick"})(bt||(bt={}));class Rr extends Ct{constructor(t){super(t,Cr,De(t.event.target))}}Rr.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button===bt.RightClick?!1:(r?.({event:n}),!0)}}];const vt={cancel:{name:"touchcancel"},move:{name:"touchmove"},end:{name:"touchend"}};class Sr extends Ct{constructor(t){super(t,vt)}static setup(){return window.addEventListener(vt.move.name,t,{capture:!1,passive:!1}),function(){window.removeEventListener(vt.move.name,t)};function t(){}}}Sr.activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;const{touches:o}=n;return o.length>1?!1:(r?.({event:n}),!0)}}];var ke;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})(ke||(ke={}));var tt;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(tt||(tt={}));function Er(e){let{acceleration:t,activator:n=ke.Pointer,canScroll:r,draggingRect:o,enabled:i,interval:s=5,order:a=tt.TreeOrder,pointerCoordinates:c,scrollableAncestors:u,scrollableAncestorRects:f,delta:d,threshold:h}=e;const g=Ir({delta:d,disabled:!i}),[w,v]=Bn(),p=l.useRef({x:0,y:0}),m=l.useRef({x:0,y:0}),y=l.useMemo(()=>{switch(n){case ke.Pointer:return c?{top:c.y,bottom:c.y,left:c.x,right:c.x}:null;case ke.DraggableRect:return o}},[n,o,c]),b=l.useRef(null),R=l.useCallback(()=>{const E=b.current;if(!E)return;const x=p.current.x*m.current.x,D=p.current.y*m.current.y;E.scrollBy(x,D)},[]),S=l.useMemo(()=>a===tt.TreeOrder?[...u].reverse():u,[a,u]);l.useEffect(()=>{if(!i||!u.length||!y){v();return}for(const E of S){if(r?.(E)===!1)continue;const x=u.indexOf(E),D=f[x];if(!D)continue;const{direction:M,speed:N}=hr(E,D,y,t,h);for(const I of["x","y"])g[I][M[I]]||(N[I]=0,M[I]=0);if(N.x>0||N.y>0){v(),b.current=E,w(R,s),p.current=N,m.current=M;return}}p.current={x:0,y:0},m.current={x:0,y:0},v()},[t,R,r,v,i,s,JSON.stringify(y),JSON.stringify(g),w,u,S,f,JSON.stringify(h)])}const Ar={x:{[L.Backward]:!1,[L.Forward]:!1},y:{[L.Backward]:!1,[L.Forward]:!1}};function Ir(e){let{delta:t,disabled:n}=e;const r=Qe(t);return Xe(o=>{if(n||!r||!o)return Ar;const i={x:Math.sign(t.x-r.x),y:Math.sign(t.y-r.y)};return{x:{[L.Backward]:o.x[L.Backward]||i.x===-1,[L.Forward]:o.x[L.Forward]||i.x===1},y:{[L.Backward]:o.y[L.Backward]||i.y===-1,[L.Forward]:o.y[L.Forward]||i.y===1}}},[n,t,r])}function Mr(e,t){const n=t!=null?e.get(t):void 0,r=n?n.node.current:null;return Xe(o=>{var i;return t==null?null:(i=r??o)!=null?i:null},[r,t])}function Or(e,t){return l.useMemo(()=>e.reduce((n,r)=>{const{sensor:o}=r,i=o.activators.map(s=>({eventName:s.eventName,handler:t(s.handler,r)}));return[...n,...i]},[]),[e,t])}var Be;(function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"})(Be||(Be={}));var mt;(function(e){e.Optimized="optimized"})(mt||(mt={}));const Kt=new Map;function Nr(e,t){let{dragging:n,dependencies:r,config:o}=t;const[i,s]=l.useState(null),{frequency:a,measure:c,strategy:u}=o,f=l.useRef(e),d=p(),h=Pe(d),g=l.useCallback(function(m){m===void 0&&(m=[]),!h.current&&s(y=>y===null?m:y.concat(m.filter(b=>!y.includes(b))))},[h]),w=l.useRef(null),v=Xe(m=>{if(d&&!n)return Kt;if(!m||m===Kt||f.current!==e||i!=null){const y=new Map;for(let b of e){if(!b)continue;if(i&&i.length>0&&!i.includes(b.id)&&b.rect.current){y.set(b.id,b.rect.current);continue}const R=b.node.current,S=R?new wt(c(R),R):null;b.rect.current=S,S&&y.set(b.id,S)}return y}return m},[e,i,n,d,c]);return l.useEffect(()=>{f.current=e},[e]),l.useEffect(()=>{d||g()},[n,d]),l.useEffect(()=>{i&&i.length>0&&s(null)},[JSON.stringify(i)]),l.useEffect(()=>{d||typeof a!="number"||w.current!==null||(w.current=setTimeout(()=>{g(),w.current=null},a))},[a,d,g,...r]),{droppableRects:v,measureDroppableContainers:g,measuringScheduled:i!=null};function p(){switch(u){case Be.Always:return!1;case Be.BeforeDragging:return n;default:return!n}}}function St(e,t){return Xe(n=>e?n||(typeof t=="function"?t(e):e):null,[t,e])}function Tr(e,t){return St(e,t)}function Lr(e){let{callback:t,disabled:n}=e;const r=ot(t),o=l.useMemo(()=>{if(n||typeof window>"u"||typeof window.MutationObserver>"u")return;const{MutationObserver:i}=window;return new i(r)},[r,n]);return l.useEffect(()=>()=>o?.disconnect(),[o]),o}function at(e){let{callback:t,disabled:n}=e;const r=ot(t),o=l.useMemo(()=>{if(n||typeof window>"u"||typeof window.ResizeObserver>"u")return;const{ResizeObserver:i}=window;return new i(r)},[n]);return l.useEffect(()=>()=>o?.disconnect(),[o]),o}function kr(e){return new wt(Ce(e),e)}function Ut(e,t,n){t===void 0&&(t=kr);const[r,o]=l.useState(null);function i(){o(c=>{if(!e)return null;if(e.isConnected===!1){var u;return(u=c??n)!=null?u:null}const f=t(e);return JSON.stringify(c)===JSON.stringify(f)?c:f})}const s=Lr({callback(c){if(e)for(const u of c){const{type:f,target:d}=u;if(f==="childList"&&d instanceof HTMLElement&&d.contains(e)){i();break}}}}),a=at({callback:i});return _(()=>{i(),e?(a?.observe(e),s?.observe(document.body,{childList:!0,subtree:!0})):(a?.disconnect(),s?.disconnect())},[e]),r}function jr(e){const t=St(e);return nn(e,t)}const Wt=[];function Pr(e){const t=l.useRef(e),n=Xe(r=>e?r&&r!==Wt&&e&&t.current&&e.parentNode===t.current.parentNode?r:st(e):Wt,[e]);return l.useEffect(()=>{t.current=e},[e]),n}function zr(e){const[t,n]=l.useState(null),r=l.useRef(e),o=l.useCallback(i=>{const s=gt(i.target);s&&n(a=>a?(a.set(s,pt(s)),new Map(a)):null)},[]);return l.useEffect(()=>{const i=r.current;if(e!==i){s(i);const a=e.map(c=>{const u=gt(c);return u?(u.addEventListener("scroll",o,{passive:!0}),[u,pt(u)]):null}).filter(c=>c!=null);n(a.length?new Map(a):null),r.current=e}return()=>{s(e),s(i)};function s(a){a.forEach(c=>{const u=gt(c);u?.removeEventListener("scroll",o)})}},[o,e]),l.useMemo(()=>e.length?t?Array.from(t.values()).reduce((i,s)=>xe(i,s),V):un(e):V,[e,t])}function qt(e,t){t===void 0&&(t=[]);const n=l.useRef(null);return l.useEffect(()=>{n.current=null},t),l.useEffect(()=>{const r=e!==V;r&&!n.current&&(n.current=e),!r&&n.current&&(n.current=null)},[e]),n.current?ze(e,n.current):V}function Br(e){l.useEffect(()=>{if(!rt)return;const t=e.map(n=>{let{sensor:r}=n;return r.setup==null?void 0:r.setup()});return()=>{for(const n of t)n?.()}},e.map(t=>{let{sensor:n}=t;return n}))}function Fr(e,t){return l.useMemo(()=>e.reduce((n,r)=>{let{eventName:o,handler:i}=r;return n[o]=s=>{i(s,t)},n},{}),[e,t])}function gn(e){return l.useMemo(()=>e?ur(e):null,[e])}const Ht=[];function Xr(e,t){t===void 0&&(t=Ce);const[n]=e,r=gn(n?P(n):null),[o,i]=l.useState(Ht);function s(){i(()=>e.length?e.map(c=>ln(c)?r:new wt(t(c),c)):Ht)}const a=at({callback:s});return _(()=>{a?.disconnect(),s(),e.forEach(c=>a?.observe(c))},[e]),o}function hn(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return Fe(t)?t:e}function $r(e){let{measure:t}=e;const[n,r]=l.useState(null),o=l.useCallback(u=>{for(const{target:f}of u)if(Fe(f)){r(d=>{const h=t(f);return d?{...d,width:h.width,height:h.height}:h});break}},[t]),i=at({callback:o}),s=l.useCallback(u=>{const f=hn(u);i?.disconnect(),f&&i?.observe(f),r(f?t(f):null)},[t,i]),[a,c]=Ge(s);return l.useMemo(()=>({nodeRef:a,rect:n,setRef:c}),[n,a,c])}const Yr=[{sensor:Rt,options:{}},{sensor:Dt,options:{}}],Kr={current:{}},Je={draggable:{measure:Ft},droppable:{measure:Ft,strategy:Be.WhileDragging,frequency:mt.Optimized},dragOverlay:{measure:Ce}};class je extends Map{get(t){var n;return t!=null&&(n=super.get(t))!=null?n:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter(t=>{let{disabled:n}=t;return!n})}getNodeFor(t){var n,r;return(n=(r=this.get(t))==null?void 0:r.node.current)!=null?n:void 0}}const Ur={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new je,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:et},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:Je,measureDroppableContainers:et,windowRect:null,measuringScheduled:!1},vn={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:et,draggableNodes:new Map,over:null,measureDroppableContainers:et},Ye=l.createContext(vn),pn=l.createContext(Ur);function Wr(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new je}}}function qr(e,t){switch(t.type){case T.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case T.DragMove:return e.draggable.active==null?e:{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}};case T.DragEnd:case T.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case T.RegisterDroppable:{const{element:n}=t,{id:r}=n,o=new je(e.droppable.containers);return o.set(r,n),{...e,droppable:{...e.droppable,containers:o}}}case T.SetDroppableDisabled:{const{id:n,key:r,disabled:o}=t,i=e.droppable.containers.get(n);if(!i||r!==i.key)return e;const s=new je(e.droppable.containers);return s.set(n,{...i,disabled:o}),{...e,droppable:{...e.droppable,containers:s}}}case T.UnregisterDroppable:{const{id:n,key:r}=t,o=e.droppable.containers.get(n);if(!o||r!==o.key)return e;const i=new je(e.droppable.containers);return i.delete(n),{...e,droppable:{...e.droppable,containers:i}}}default:return e}}function Hr(e){let{disabled:t}=e;const{active:n,activatorEvent:r,draggableNodes:o}=l.useContext(Ye),i=Qe(r),s=Qe(n?.id);return l.useEffect(()=>{if(!t&&!r&&i&&s!=null){if(!it(i)||document.activeElement===i.target)return;const a=o.get(s);if(!a)return;const{activatorNode:c,node:u}=a;if(!c.current&&!u.current)return;requestAnimationFrame(()=>{for(const f of[c.current,u.current]){if(!f)continue;const d=$n(f);if(d){d.focus();break}}})}},[r,t,o,s,i]),null}function bn(e,t){let{transform:n,...r}=t;return e!=null&&e.length?e.reduce((o,i)=>i({transform:o,...r}),n):n}function _r(e){return l.useMemo(()=>({draggable:{...Je.draggable,...e?.draggable},droppable:{...Je.droppable,...e?.droppable},dragOverlay:{...Je.dragOverlay,...e?.dragOverlay}}),[e?.draggable,e?.droppable,e?.dragOverlay])}function Vr(e){let{activeNode:t,measure:n,initialRect:r,config:o=!0}=e;const i=l.useRef(!1),{x:s,y:a}=typeof o=="boolean"?{x:o,y:o}:o;_(()=>{if(!s&&!a||!t){i.current=!1;return}if(i.current||!r)return;const u=t?.node.current;if(!u||u.isConnected===!1)return;const f=n(u),d=nn(f,r);if(s||(d.x=0),a||(d.y=0),i.current=!0,Math.abs(d.x)>0||Math.abs(d.y)>0){const h=on(u);h&&h.scrollBy({top:d.y,left:d.x})}},[t,s,a,r,n])}const lt=l.createContext({...V,scaleX:1,scaleY:1});var de;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(de||(de={}));const Jr=l.memo(function(t){var n,r,o,i;let{id:s,accessibility:a,autoScroll:c=!0,children:u,sensors:f=Yr,collisionDetection:d=or,measuring:h,modifiers:g,...w}=t;const v=l.useReducer(qr,void 0,Wr),[p,m]=v,[y,b]=Hn(),[R,S]=l.useState(de.Uninitialized),E=R===de.Initialized,{draggable:{active:x,nodes:D,translate:M},droppable:{containers:N}}=p,I=x!=null?D.get(x):null,q=l.useRef({initial:null,translated:null}),H=l.useMemo(()=>{var j;return x!=null?{id:x,data:(j=I?.data)!=null?j:Kr,rect:q}:null},[x,I]),J=l.useRef(null),[Re,Ke]=l.useState(null),[B,Ue]=l.useState(null),ee=Pe(w,Object.values(w)),Se=$e("DndDescribedBy",s),We=l.useMemo(()=>N.getEnabled(),[N]),z=_r(h),{droppableRects:te,measureDroppableContainers:ge,measuringScheduled:Ee}=Nr(We,{dragging:E,dependencies:[M.x,M.y],config:z.droppable}),Y=Mr(D,x),qe=l.useMemo(()=>B?Ze(B):null,[B]),ie=Tn(),ne=Tr(Y,z.draggable.measure);Vr({activeNode:x!=null?D.get(x):null,config:ie.layoutShiftCompensation,initialRect:ne,measure:z.draggable.measure});const A=Ut(Y,z.draggable.measure,ne),Ae=Ut(Y?Y.parentElement:null),G=l.useRef({activatorEvent:null,active:null,activeNode:Y,collisionRect:null,collisions:null,droppableRects:te,draggableNodes:D,draggingNode:null,draggingNodeRect:null,droppableContainers:N,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),he=N.getNodeFor((n=G.current.over)==null?void 0:n.id),re=$r({measure:z.dragOverlay.measure}),ve=(r=re.nodeRef.current)!=null?r:Y,pe=E?(o=re.rect)!=null?o:A:null,It=!!(re.nodeRef.current&&re.rect),Mt=jr(It?null:A),ct=gn(ve?P(ve):null),se=Pr(E?he??Y:null),He=Xr(se),_e=bn(g,{transform:{x:M.x-Mt.x,y:M.y-Mt.y,scaleX:1,scaleY:1},activatorEvent:B,active:H,activeNodeRect:A,containerNodeRect:Ae,draggingNodeRect:pe,over:G.current.over,overlayNodeRect:re.rect,scrollableAncestors:se,scrollableAncestorRects:He,windowRect:ct}),Ot=qe?xe(qe,M):null,Nt=zr(se),Sn=qt(Nt),En=qt(Nt,[A]),be=xe(_e,Sn),me=pe?ar(pe,_e):null,Ie=H&&me?d({active:H,collisionRect:me,droppableRects:te,droppableContainers:We,pointerCoordinates:Ot}):null,Tt=tn(Ie,"id"),[ae,Lt]=l.useState(null),An=It?_e:xe(_e,En),In=ir(An,(i=ae?.rect)!=null?i:null,A),ut=l.useRef(null),kt=l.useCallback((j,F)=>{let{sensor:X,options:le}=F;if(J.current==null)return;const K=D.get(J.current);if(!K)return;const $=j.nativeEvent,Q=new X({active:J.current,activeNode:K,event:$,options:le,context:G,onAbort(k){if(!D.get(k))return;const{onDragAbort:Z}=ee.current,oe={id:k};Z?.(oe),y({type:"onDragAbort",event:oe})},onPending(k,ce,Z,oe){if(!D.get(k))return;const{onDragPending:Oe}=ee.current,ue={id:k,constraint:ce,initialCoordinates:Z,offset:oe};Oe?.(ue),y({type:"onDragPending",event:ue})},onStart(k){const ce=J.current;if(ce==null)return;const Z=D.get(ce);if(!Z)return;const{onDragStart:oe}=ee.current,Me={activatorEvent:$,active:{id:ce,data:Z.data,rect:q}};Te.reactDomExports.unstable_batchedUpdates(()=>{oe?.(Me),S(de.Initializing),m({type:T.DragStart,initialCoordinates:k,active:ce}),y({type:"onDragStart",event:Me}),Ke(ut.current),Ue($)})},onMove(k){m({type:T.DragMove,coordinates:k})},onEnd:ye(T.DragEnd),onCancel:ye(T.DragCancel)});ut.current=Q;function ye(k){return async function(){const{active:Z,collisions:oe,over:Me,scrollAdjustedTranslate:Oe}=G.current;let ue=null;if(Z&&Oe){const{cancelDrop:Ne}=ee.current;ue={activatorEvent:$,active:Z,collisions:oe,delta:Oe,over:Me},k===T.DragEnd&&typeof Ne=="function"&&await Promise.resolve(Ne(ue))&&(k=T.DragCancel)}J.current=null,Te.reactDomExports.unstable_batchedUpdates(()=>{m({type:k}),S(de.Uninitialized),Lt(null),Ke(null),Ue(null),ut.current=null;const Ne=k===T.DragEnd?"onDragEnd":"onDragCancel";if(ue){const dt=ee.current[Ne];dt?.(ue),y({type:Ne,event:ue})}})}}},[D]),Mn=l.useCallback((j,F)=>(X,le)=>{const K=X.nativeEvent,$=D.get(le);if(J.current!==null||!$||K.dndKit||K.defaultPrevented)return;const Q={active:$};j(X,F.options,Q)===!0&&(K.dndKit={capturedBy:F.sensor},J.current=le,kt(X,F))},[D,kt]),jt=Or(f,Mn);Br(f),_(()=>{A&&R===de.Initializing&&S(de.Initialized)},[A,R]),l.useEffect(()=>{const{onDragMove:j}=ee.current,{active:F,activatorEvent:X,collisions:le,over:K}=G.current;if(!F||!X)return;const $={active:F,activatorEvent:X,collisions:le,delta:{x:be.x,y:be.y},over:K};Te.reactDomExports.unstable_batchedUpdates(()=>{j?.($),y({type:"onDragMove",event:$})})},[be.x,be.y]),l.useEffect(()=>{const{active:j,activatorEvent:F,collisions:X,droppableContainers:le,scrollAdjustedTranslate:K}=G.current;if(!j||J.current==null||!F||!K)return;const{onDragOver:$}=ee.current,Q=le.get(Tt),ye=Q&&Q.rect.current?{id:Q.id,rect:Q.rect.current,data:Q.data,disabled:Q.disabled}:null,k={active:j,activatorEvent:F,collisions:X,delta:{x:K.x,y:K.y},over:ye};Te.reactDomExports.unstable_batchedUpdates(()=>{Lt(ye),$?.(k),y({type:"onDragOver",event:k})})},[Tt]),_(()=>{G.current={activatorEvent:B,active:H,activeNode:Y,collisionRect:me,collisions:Ie,droppableRects:te,draggableNodes:D,draggingNode:ve,draggingNodeRect:pe,droppableContainers:N,over:ae,scrollableAncestors:se,scrollAdjustedTranslate:be},q.current={initial:pe,translated:me}},[H,Y,Ie,me,D,ve,pe,te,N,ae,se,be]),Er({...ie,delta:M,draggingRect:me,pointerCoordinates:Ot,scrollableAncestors:se,scrollableAncestorRects:He});const On=l.useMemo(()=>({active:H,activeNode:Y,activeNodeRect:A,activatorEvent:B,collisions:Ie,containerNodeRect:Ae,dragOverlay:re,draggableNodes:D,droppableContainers:N,droppableRects:te,over:ae,measureDroppableContainers:ge,scrollableAncestors:se,scrollableAncestorRects:He,measuringConfiguration:z,measuringScheduled:Ee,windowRect:ct}),[H,Y,A,B,Ie,Ae,re,D,N,te,ae,ge,se,He,z,Ee,ct]),Nn=l.useMemo(()=>({activatorEvent:B,activators:jt,active:H,activeNodeRect:A,ariaDescribedById:{draggable:Se},dispatch:m,draggableNodes:D,over:ae,measureDroppableContainers:ge}),[B,jt,H,A,m,Se,D,ae,ge]);return O.default.createElement(en.Provider,{value:b},O.default.createElement(Ye.Provider,{value:Nn},O.default.createElement(pn.Provider,{value:On},O.default.createElement(lt.Provider,{value:In},u)),O.default.createElement(Hr,{disabled:a?.restoreFocus===!1})),O.default.createElement(Jn,{...a,hiddenTextDescribedById:Se}));function Tn(){const j=Re?.autoScrollEnabled===!1,F=typeof c=="object"?c.enabled===!1:c===!1,X=E&&!j&&!F;return typeof c=="object"?{...c,enabled:X}:{enabled:X}}}),Gr=l.createContext(null),_t="button",Qr="Draggable";function Zr(e){let{id:t,data:n,disabled:r=!1,attributes:o}=e;const i=$e(Qr),{activators:s,activatorEvent:a,active:c,activeNodeRect:u,ariaDescribedById:f,draggableNodes:d,over:h}=l.useContext(Ye),{role:g=_t,roleDescription:w="draggable",tabIndex:v=0}=o??{},p=c?.id===t,m=l.useContext(p?lt:Gr),[y,b]=Ge(),[R,S]=Ge(),E=Fr(s,t),x=Pe(n);_(()=>(d.set(t,{id:t,key:i,node:y,activatorNode:R,data:x}),()=>{const M=d.get(t);M&&M.key===i&&d.delete(t)}),[d,t]);const D=l.useMemo(()=>({role:g,tabIndex:v,"aria-disabled":r,"aria-pressed":p&&g===_t?!0:void 0,"aria-roledescription":w,"aria-describedby":f.draggable}),[r,g,v,p,w,f.draggable]);return{active:c,activatorEvent:a,activeNodeRect:u,attributes:D,isDragging:p,listeners:r?void 0:E,node:y,over:h,setNodeRef:b,setActivatorNodeRef:S,transform:m}}function Et(){return l.useContext(pn)}const eo="Droppable",to={timeout:25};function no(e){let{data:t,disabled:n=!1,id:r,resizeObserverConfig:o}=e;const i=$e(eo),{active:s,dispatch:a,over:c,measureDroppableContainers:u}=l.useContext(Ye),f=l.useRef({disabled:n}),d=l.useRef(!1),h=l.useRef(null),g=l.useRef(null),{disabled:w,updateMeasurementsFor:v,timeout:p}={...to,...o},m=Pe(v??r),y=l.useCallback(()=>{if(!d.current){d.current=!0;return}g.current!=null&&clearTimeout(g.current),g.current=setTimeout(()=>{u(Array.isArray(m.current)?m.current:[m.current]),g.current=null},p)},[p]),b=at({callback:y,disabled:w||!s}),R=l.useCallback((D,M)=>{b&&(M&&(b.unobserve(M),d.current=!1),D&&b.observe(D))},[b]),[S,E]=Ge(R),x=Pe(t);return l.useEffect(()=>{!b||!S.current||(b.disconnect(),d.current=!1,b.observe(S.current))},[S,b]),l.useEffect(()=>(a({type:T.RegisterDroppable,element:{id:r,key:i,disabled:n,node:S,rect:h,data:x}}),()=>a({type:T.UnregisterDroppable,key:i,id:r})),[r]),l.useEffect(()=>{n!==f.current.disabled&&(a({type:T.SetDroppableDisabled,id:r,key:i,disabled:n}),f.current.disabled=n)},[r,i,n,a]),{active:s,rect:h,isOver:c?.id===r,node:S,over:c,setNodeRef:E}}function ro(e){let{animation:t,children:n}=e;const[r,o]=l.useState(null),[i,s]=l.useState(null),a=Qe(n);return!n&&!r&&a&&o(a),_(()=>{if(!i)return;const c=r?.key,u=r?.props.id;if(c==null||u==null){o(null);return}Promise.resolve(t(u,i)).then(()=>{o(null)})},[t,r,i]),O.default.createElement(O.default.Fragment,null,n,r?l.cloneElement(r,{ref:s}):null)}const oo={x:0,y:0,scaleX:1,scaleY:1};function io(e){let{children:t}=e;return O.default.createElement(Ye.Provider,{value:vn},O.default.createElement(lt.Provider,{value:oo},t))}const so={position:"fixed",touchAction:"none"},ao=e=>it(e)?"transform 250ms ease":void 0,lo=l.forwardRef((e,t)=>{let{as:n,activatorEvent:r,adjustScale:o,children:i,className:s,rect:a,style:c,transform:u,transition:f=ao}=e;if(!a)return null;const d=o?u:{...u,scaleX:1,scaleY:1},h={...so,width:a.width,height:a.height,top:a.top,left:a.left,transform:fe.Transform.toString(d),transformOrigin:o&&r?Zn(r,a):void 0,transition:typeof f=="function"?f(r):f,...c};return O.default.createElement(n,{className:s,style:h,ref:t},i)}),mn=e=>t=>{let{active:n,dragOverlay:r}=t;const o={},{styles:i,className:s}=e;if(i!=null&&i.active)for(const[a,c]of Object.entries(i.active))c!==void 0&&(o[a]=n.node.style.getPropertyValue(a),n.node.style.setProperty(a,c));if(i!=null&&i.dragOverlay)for(const[a,c]of Object.entries(i.dragOverlay))c!==void 0&&r.node.style.setProperty(a,c);return s!=null&&s.active&&n.node.classList.add(s.active),s!=null&&s.dragOverlay&&r.node.classList.add(s.dragOverlay),function(){for(const[c,u]of Object.entries(o))n.node.style.setProperty(c,u);s!=null&&s.active&&n.node.classList.remove(s.active)}},co=e=>{let{transform:{initial:t,final:n}}=e;return[{transform:fe.Transform.toString(t)},{transform:fe.Transform.toString(n)}]},uo={duration:250,easing:"ease",keyframes:co,sideEffects:mn({styles:{active:{opacity:"0"}}})};function fo(e){let{config:t,draggableNodes:n,droppableContainers:r,measuringConfiguration:o}=e;return ot((i,s)=>{if(t===null)return;const a=n.get(i);if(!a)return;const c=a.node.current;if(!c)return;const u=hn(s);if(!u)return;const{transform:f}=P(s).getComputedStyle(s),d=rn(f);if(!d)return;const h=typeof t=="function"?t:go(t);return dn(c,o.draggable.measure),h({active:{id:i,data:a.data,node:c,rect:o.draggable.measure(c)},draggableNodes:n,dragOverlay:{node:s,rect:o.dragOverlay.measure(u)},droppableContainers:r,measuringConfiguration:o,transform:d})})}function go(e){const{duration:t,easing:n,sideEffects:r,keyframes:o}={...uo,...e};return i=>{let{active:s,dragOverlay:a,transform:c,...u}=i;if(!t)return;const f={x:a.rect.left-s.rect.left,y:a.rect.top-s.rect.top},d={scaleX:c.scaleX!==1?s.rect.width*c.scaleX/a.rect.width:1,scaleY:c.scaleY!==1?s.rect.height*c.scaleY/a.rect.height:1},h={x:c.x-f.x,y:c.y-f.y,...d},g=o({...u,active:s,dragOverlay:a,transform:{initial:c,final:h}}),[w]=g,v=g[g.length-1];if(JSON.stringify(w)===JSON.stringify(v))return;const p=r?.({active:s,dragOverlay:a,...u}),m=a.node.animate(g,{duration:t,easing:n,fill:"forwards"});return new Promise(y=>{m.onfinish=()=>{p?.(),y()}})}}let Vt=0;function ho(e){return l.useMemo(()=>{if(e!=null)return Vt++,Vt},[e])}const vo=O.default.memo(e=>{let{adjustScale:t=!1,children:n,dropAnimation:r,style:o,transition:i,modifiers:s,wrapperElement:a="div",className:c,zIndex:u=999}=e;const{activatorEvent:f,active:d,activeNodeRect:h,containerNodeRect:g,draggableNodes:w,droppableContainers:v,dragOverlay:p,over:m,measuringConfiguration:y,scrollableAncestors:b,scrollableAncestorRects:R,windowRect:S}=Et(),E=l.useContext(lt),x=ho(d?.id),D=bn(s,{activatorEvent:f,active:d,activeNodeRect:h,containerNodeRect:g,draggingNodeRect:p.rect,over:m,overlayNodeRect:p.rect,scrollableAncestors:b,scrollableAncestorRects:R,transform:E,windowRect:S}),M=St(h),N=fo({config:r,draggableNodes:w,droppableContainers:v,measuringConfiguration:y}),I=M?p.setRef:void 0;return O.default.createElement(io,null,O.default.createElement(ro,{animation:N},d&&x?O.default.createElement(lo,{key:x,id:d.id,ref:I,as:a,activatorEvent:f,adjustScale:t,className:c,transition:i,rect:M,style:{zIndex:u,...o},transform:D},n):null))});function At(e,t,n){const r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function po(e,t){return e.reduce((n,r,o)=>{const i=t.get(r);return i&&(n[o]=i),n},Array(e.length))}function Ve(e){return e!==null&&e>=0}function bo(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}function mo(e){return typeof e=="boolean"?{draggable:e,droppable:e}:e}const yn=e=>{let{rects:t,activeIndex:n,overIndex:r,index:o}=e;const i=At(t,r,n),s=t[o],a=i[o];return!a||!s?null:{x:a.left-s.left,y:a.top-s.top,scaleX:a.width/s.width,scaleY:a.height/s.height}},xn="Sortable",wn=O.default.createContext({activeIndex:-1,containerId:xn,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:yn,disabled:{draggable:!1,droppable:!1}});function yo(e){let{children:t,id:n,items:r,strategy:o=yn,disabled:i=!1}=e;const{active:s,dragOverlay:a,droppableRects:c,over:u,measureDroppableContainers:f}=Et(),d=$e(xn,n),h=a.rect!==null,g=l.useMemo(()=>r.map(E=>typeof E=="object"&&"id"in E?E.id:E),[r]),w=s!=null,v=s?g.indexOf(s.id):-1,p=u?g.indexOf(u.id):-1,m=l.useRef(g),y=!bo(g,m.current),b=p!==-1&&v===-1||y,R=mo(i);_(()=>{y&&w&&f(g)},[y,g,w,f]),l.useEffect(()=>{m.current=g},[g]);const S=l.useMemo(()=>({activeIndex:v,containerId:d,disabled:R,disableTransforms:b,items:g,overIndex:p,useDragOverlay:h,sortedRects:po(g,c),strategy:o}),[v,d,R.draggable,R.droppable,b,g,p,c,h,o]);return O.default.createElement(wn.Provider,{value:S},t)}const xo=e=>{let{id:t,items:n,activeIndex:r,overIndex:o}=e;return At(n,r,o).indexOf(t)},wo=e=>{let{containerId:t,isSorting:n,wasDragging:r,index:o,items:i,newIndex:s,previousItems:a,previousContainerId:c,transition:u}=e;return!u||!r||a!==i&&o===s?!1:n?!0:s!==o&&t===c},Do={duration:200,easing:"ease"},Dn="transform",Co=fe.Transition.toString({property:Dn,duration:0,easing:"linear"}),Ro={roleDescription:"sortable"};function So(e){let{disabled:t,index:n,node:r,rect:o}=e;const[i,s]=l.useState(null),a=l.useRef(n);return _(()=>{if(!t&&n!==a.current&&r.current){const c=o.current;if(c){const u=Ce(r.current,{ignoreTransform:!0}),f={x:c.left-u.left,y:c.top-u.top,scaleX:c.width/u.width,scaleY:c.height/u.height};(f.x||f.y)&&s(f)}}n!==a.current&&(a.current=n)},[t,n,r,o]),l.useEffect(()=>{i&&s(null)},[i]),i}function Eo(e){let{animateLayoutChanges:t=wo,attributes:n,disabled:r,data:o,getNewIndex:i=xo,id:s,strategy:a,resizeObserverConfig:c,transition:u=Do}=e;const{items:f,containerId:d,activeIndex:h,disabled:g,disableTransforms:w,sortedRects:v,overIndex:p,useDragOverlay:m,strategy:y}=l.useContext(wn),b=Ao(r,g),R=f.indexOf(s),S=l.useMemo(()=>({sortable:{containerId:d,index:R,items:f},...o}),[d,o,R,f]),E=l.useMemo(()=>f.slice(f.indexOf(s)),[f,s]),{rect:x,node:D,isOver:M,setNodeRef:N}=no({id:s,data:S,disabled:b.droppable,resizeObserverConfig:{updateMeasurementsFor:E,...c}}),{active:I,activatorEvent:q,activeNodeRect:H,attributes:J,setNodeRef:Re,listeners:Ke,isDragging:B,over:Ue,setActivatorNodeRef:ee,transform:Se}=Zr({id:s,data:S,attributes:{...Ro,...n},disabled:b.draggable}),We=zn(N,Re),z=!!I,te=z&&!w&&Ve(h)&&Ve(p),ge=!m&&B,Ee=ge&&te?Se:null,qe=te?Ee??(a??y)({rects:v,activeNodeRect:H,activeIndex:h,overIndex:p,index:R}):null,ie=Ve(h)&&Ve(p)?i({id:s,items:f,activeIndex:h,overIndex:p}):R,ne=I?.id,A=l.useRef({activeId:ne,items:f,newIndex:ie,containerId:d}),Ae=f!==A.current.items,G=t({active:I,containerId:d,isDragging:B,isSorting:z,id:s,index:R,items:f,newIndex:A.current.newIndex,previousItems:A.current.items,previousContainerId:A.current.containerId,transition:u,wasDragging:A.current.activeId!=null}),he=So({disabled:!G,index:R,node:D,rect:x});return l.useEffect(()=>{z&&A.current.newIndex!==ie&&(A.current.newIndex=ie),d!==A.current.containerId&&(A.current.containerId=d),f!==A.current.items&&(A.current.items=f)},[z,ie,d,f]),l.useEffect(()=>{if(ne===A.current.activeId)return;if(ne!=null&&A.current.activeId==null){A.current.activeId=ne;return}const ve=setTimeout(()=>{A.current.activeId=ne},50);return()=>clearTimeout(ve)},[ne]),{active:I,activeIndex:h,attributes:J,data:S,rect:x,index:R,newIndex:ie,items:f,isOver:M,isSorting:z,isDragging:B,listeners:Ke,node:D,overIndex:p,over:Ue,setNodeRef:We,setActivatorNodeRef:ee,setDroppableNodeRef:N,setDraggableNodeRef:Re,transform:he??qe,transition:re()};function re(){if(he||Ae&&A.current.newIndex===R)return Co;if(!(ge&&!it(q)||!u)&&(z||G))return fe.Transition.toString({...u,property:Dn})}}function Ao(e,t){var n,r;return typeof e=="boolean"?{draggable:e,droppable:!1}:{draggable:(n=e?.draggable)!=null?n:t.draggable,droppable:(r=e?.droppable)!=null?r:t.droppable}}function nt(e){if(!e)return!1;const t=e.data.current;return!!(t&&"sortable"in t&&typeof t.sortable=="object"&&"containerId"in t.sortable&&"items"in t.sortable&&"index"in t.sortable)}const Io=[C.Down,C.Right,C.Up,C.Left],Mo=(e,t)=>{let{context:{active:n,collisionRect:r,droppableRects:o,droppableContainers:i,over:s,scrollableAncestors:a}}=t;if(Io.includes(e.code)){if(e.preventDefault(),!n||!r)return;const c=[];i.getEnabled().forEach(d=>{if(!d||d!=null&&d.disabled)return;const h=o.get(d.id);if(h)switch(e.code){case C.Down:r.top<h.top&&c.push(d);break;case C.Up:r.top>h.top&&c.push(d);break;case C.Left:r.left>h.left&&c.push(d);break;case C.Right:r.left<h.left&&c.push(d);break}});const u=nr({collisionRect:r,droppableRects:o,droppableContainers:c});let f=tn(u,"id");if(f===s?.id&&u.length>1&&(f=u[1].id),f!=null){const d=i.get(n.id),h=i.get(f),g=h?o.get(h.id):null,w=h?.node.current;if(w&&g&&d&&h){const p=st(w).some((E,x)=>a[x]!==E),m=Cn(d,h),y=Oo(d,h),b=p||!m?{x:0,y:0}:{x:y?r.width-g.width:0,y:y?r.height-g.height:0},R={x:g.left,y:g.top};return b.x&&b.y?R:ze(R,b)}}}};function Cn(e,t){return!nt(e)||!nt(t)?!1:e.data.current.sortable.containerId===t.data.current.sortable.containerId}function Oo(e,t){return!nt(e)||!nt(t)||!Cn(e,t)?!1:e.data.current.sortable.index<t.data.current.sortable.index}const Rn=l.createContext({attributes:void 0,listeners:void 0,ref(){}}),No=({...e})=>{const{attributes:t,listeners:n,ref:r}=l.useContext(Rn),o=Et();return W.jsxRuntimeExports.jsx(Ln.Button,{className:"SortableList__DragHandle","data-testid":"kibble-sortable-list-drag-handle",ref:r,cursor:o.activatorEvent?"grabbing":"grab",iconName:"grid",size:"sm",variant:"ghostNeutral",...t,...n,...e})},Jt=({content:e,hideHandle:t,id:n,itemProps:r})=>{const{attributes:o,isDragging:i,listeners:s,setNodeRef:a,setActivatorNodeRef:c,transform:u,transition:f}=Eo({id:n}),d=l.useMemo(()=>({attributes:o,listeners:s,ref:c}),[o,s,c]);return W.jsxRuntimeExports.jsx(Rn.Provider,{value:d,children:W.jsxRuntimeExports.jsx(Gt.ListItem,{className:"SortableList__Item","data-testid":"kibble-sortable-list-item",ref:a,...r,listStyleType:"none",...i&&{opacity:.4},transition:f,transform:fe.Translate.toString(u),children:W.jsxRuntimeExports.jsxs(jn.Flex,{alignItems:"center",gap:2,width:"100%",children:[!t&&W.jsxRuntimeExports.jsx(No,{}),typeof e=="string"?W.jsxRuntimeExports.jsx(kn.WrappedText,{size:"sm",children:e}):e]})})})},To=({hideHandle:e=!1,items:t,itemsProps:n,onChange:r,...o})=>{const[i,s]=l.useState(null),a=l.useMemo(()=>t.find(u=>u.id===i?.id),[i,t]),c=Gn(zt(Rt),zt(Dt,{coordinateGetter:Mo}));return W.jsxRuntimeExports.jsx(Jr,{sensors:c,onDragStart:({active:u})=>{s(u)},onDragEnd:({active:u,over:f})=>{if(f&&u.id!==f?.id){const d=t.findIndex(({id:g})=>g===u.id),h=t.findIndex(({id:g})=>g===f.id);r(At(t,d,h))}s(null)},onDragCancel:()=>s(null),children:W.jsxRuntimeExports.jsx(yo,{items:t,children:W.jsxRuntimeExports.jsxs(Gt.ListRoot,{className:"SortableList","data-testid":"kibble-sortable-list",gap:2,...o,children:[t.map(u=>W.jsxRuntimeExports.jsx(Jt,{...u,itemProps:n,hideHandle:e},u.id)),a&&W.jsxRuntimeExports.jsx(vo,{dropAnimation:Lo,children:W.jsxRuntimeExports.jsx(Jt,{...a,itemProps:n,hideHandle:e})})]})})})},Lo={sideEffects:mn({styles:{active:{opacity:"0.4"}}})};exports.SortableList=To;
+//# sourceMappingURL=sortableList.component-B4oyHvop.js.map