@new-black/lyra 0.1.8 → 0.1.9

package/dist/lyra23.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra23.js","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import {\n  createContext,\n  CSSProperties,\n  ForwardedRef,\n  Key,\n  ReactNode,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useFilter } from \"react-aria\";\nimport { Button as AriaButton, Label } from \"react-aria-components\";\n\nimport { Combobox } from \"@headlessui/react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { match } from \"ts-pattern\";\n\nimport { useLocale, useSpinDelay } from \"../../..\";\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Button } from \"../../button\";\nimport { listBoxItemStyles, listBoxStyles } from \"../../list-box/list-box-styles2\";\nimport { Popover } from \"../../overlays\";\nimport { Spinner } from \"../../spinner\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { TagGroup } from \"../../tag\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputSizeStyles,\n  sharedInputStyles,\n} from \"..\";\n\ntype SearchItemRenderPropArg = {\n  active: boolean;\n  selected: boolean;\n  disabled: boolean;\n};\n\ntype SearchListFieldBaseProps<T extends object> = {\n  addValueLabel?: string;\n  allowCustomValue?: boolean;\n  allowCustomValueCreateLabel?: (query: string) => string | string;\n  \"aria-label\"?: string;\n  clearLabel?: string;\n  description?: string;\n  name?: string;\n  disabledItemIdKeys?: Key[];\n  endSlot?: JSX.Element;\n  errorMessage?: string;\n  fullWidth?: boolean;\n  hint?: string;\n  initiallyOpen?: boolean;\n  isDisabled?: boolean;\n  isRequired?: boolean;\n  itemIdKey: keyof T;\n  itemLabelKey: keyof T;\n  items: T[];\n  isLoading?: boolean;\n  label?: string;\n  onQueryChange?: (query?: string) => void;\n  placeholder?: string;\n  renderItem?: (item: T, state: SearchItemRenderPropArg) => ReactNode;\n  searchInputClearLabel?: string;\n  searchInputEndSlot?: JSX.Element;\n  searchInputStartSlot?: JSX.Element;\n  size?: VariantProps<typeof sharedInputFieldStyles>[\"size\"];\n  startSlot?: JSX.Element;\n  validationState?: \"valid\" | \"invalid\";\n} & (\n  | {\n      defaultValue?: T;\n      onChange?: (value?: T) => void;\n      selectionMode: \"single\";\n      value?: T;\n    }\n  | {\n      defaultValue?: T[];\n      name?: string;\n      onChange?: (value?: T[]) => void;\n      selectionMode: \"multiple\";\n      value?: T[];\n    }\n);\n\n// type SearchListFieldSingleProps<T extends object> = SearchListFieldBaseProps<T> & {\n\n// };\n\n// type SearchListFieldMultipleProps<T extends object> = SearchListFieldBaseProps<T> & {\n\n// };\n\nexport type SearchListFieldProps<T extends object> = SearchListFieldBaseProps<T>;\n// | SearchListFieldSingleProps<T>\n// | SearchListFieldMultipleProps<T>;\n\ntype SearchListFieldContextProps<T extends object> = SearchListFieldProps<T> & {\n  popoverIsOpen: boolean;\n  setPopoverIsOpen: (isOpen: boolean) => void;\n  internalValue?: T | T[];\n  setInternalValue: (value?: T | T[]) => void;\n};\n\nconst SearchListFieldContext = createContext({} as SearchListFieldContextProps<any>);\n\nconst Provider = <T extends object>(props: SearchListFieldProps<T> & { children: ReactNode }) => {\n  const [internalValue, setInternalValue] = useState<T | T[] | undefined>(\n    props.value ?? props.defaultValue,\n  );\n  const [popoverIsOpen, setPopoverIsOpen] = useState(props.initiallyOpen ?? false);\n\n  return (\n    <SearchListFieldContext.Provider\n      value={{\n        ...props,\n        popoverIsOpen,\n        setPopoverIsOpen,\n        internalValue,\n        setInternalValue,\n      }}\n    >\n      {props.children}\n    </SearchListFieldContext.Provider>\n  );\n};\n\nconst useSearchListFieldContext = <T extends object>() => {\n  const context = useContext(SearchListFieldContext) as SearchListFieldContextProps<T>;\n  return context;\n};\n\nconst useFilterItemsOnQuery = <T extends object>() => {\n  const { itemLabelKey, onQueryChange, items /* listToFilterOn */ } =\n    useSearchListFieldContext<T>();\n  const [query, setQuery] = useState<string>(\"\");\n  const { contains } = useFilter({ sensitivity: \"base\" });\n\n  const filteredItems = useMemo(() => {\n    if (onQueryChange) {\n      return items;\n    } else {\n      return items.filter((item) => {\n        return contains(item[itemLabelKey] as string, query ?? \"\");\n      });\n    }\n  }, [contains, itemLabelKey, items, onQueryChange, query]);\n\n  useEffect(() => {\n    if (onQueryChange) {\n      onQueryChange?.(query);\n    }\n    // onQueryChange should not be added to the dependencies, it will cause a rerender loop.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query]);\n\n  return {\n    filteredItems,\n    query,\n    setQuery,\n  };\n};\n\nexport const SearchListField = <T extends object>(props: SearchListFieldProps<T>) => {\n  const { selectionMode = \"single\" } = props;\n\n  const searchListProps = match({ ...props, selectionMode })\n    .returnType<SearchListFieldProps<T>>()\n    .with({ selectionMode: \"single\" }, (res) => ({\n      ...res,\n      value: res.value as T | undefined,\n      defaultValue: res.defaultValue as T | undefined,\n      onChange: res.onChange as (value?: T) => void | undefined,\n    }))\n    .with({ selectionMode: \"multiple\" }, (res) => ({\n      ...res,\n      value: res.value as T[] | undefined,\n      defaultValue: res.defaultValue as T[] | undefined,\n      onChange: res.onChange as (value?: T[]) => void | undefined,\n    }));\n\n  const searchListPropsResult = searchListProps.run();\n\n  return (\n    <Provider {...searchListPropsResult}>\n      <SearchListFieldInner<T> />\n    </Provider>\n  );\n};\n\ntype SearchItemProps<T extends object> = {\n  item: T;\n  state: SearchItemRenderPropArg;\n  render?: (item: T, state: SearchItemRenderPropArg) => ReactNode;\n};\nconst SearchItem = <T extends object>({ item, state, render }: SearchItemProps<T>) => {\n  const { itemLabelKey } = useSearchListFieldContext<T>();\n  const label = item?.[itemLabelKey] as string;\n  if (render) {\n    return render(item, state);\n  }\n  return (\n    <div className=\"flex items-center gap-1\">\n      {state.selected ? (\n        <SvgIcon name=\"checkmark\" className=\"h-4 w-4\" />\n      ) : (\n        <div className=\"h-4 w-4\" />\n      )}\n      {label}\n    </div>\n  );\n};\n\nconst SearchListFieldInner = <T extends object>() => {\n  const context = useSearchListFieldContext<T>();\n  const { internalValue, value, defaultValue, name, selectionMode, onChange } = context;\n\n  return (\n    <>\n      <Combobox\n        name={name}\n        value={(onChange ? value : internalValue) ?? \"\"}\n        defaultValue={defaultValue}\n        multiple={(selectionMode === \"multiple\") as any}\n      />\n      {selectionMode === \"single\" ? <SingleValueSearchListField<T> /> : null}\n      {selectionMode === \"multiple\" ? <MultipleValuesSearchListField<T> /> : null}\n    </>\n  );\n};\n\ntype SearchInputProps = {\n  query?: string;\n  setQuery: (value: string) => void;\n  isLoading?: boolean;\n  onQueryChange?: (query?: string) => void;\n  startSlot?: JSX.Element;\n  endSlot?: JSX.Element;\n  clearLabel?: string;\n};\n\nconst SearchInput = ({\n  query,\n  setQuery,\n  onQueryChange,\n  isLoading,\n  startSlot,\n  endSlot,\n  clearLabel = \"Clear\",\n}: SearchInputProps) => {\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n  const [timeReached, setTimeReached] = useState(false);\n  // This workaround ensures that we wait for the popover to finish rendering before focusing on the input field.\n  // .It prevents the page from scrolling to the bottom, although the exact reason for this behavior is currently unclear.\n  useEffect(() => {\n    setTimeout(() => {\n      setTimeReached(true);\n    }, 10);\n  }, []);\n\n  return (\n    <div\n      className={sharedInputFieldWrapperStyles({\n        fullWidth: true,\n        className: \"py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start]\",\n      })}\n    >\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth: true,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            className: \"px-2\",\n          }),\n        )}\n        onPointerEnter={() => setFieldIsHovered(true)}\n        onPointerLeave={() => setFieldIsHovered(false)}\n        onMouseEnter={() => setFieldIsHovered(true)}\n        onMouseLeave={() => setFieldIsHovered(false)}\n      >\n        <SvgIcon name=\"search\" className=\"-me-2 h-4 w-4\" />\n        {startSlot}\n        {timeReached ? (\n          <Combobox.Input\n            autoFocus\n            className={sharedInputStyles({ size: \"small\" })}\n            onChange={(e) => {\n              setQuery(e.target.value as any);\n              onQueryChange?.(e.target.value as any);\n            }}\n            value={query ?? \"\"}\n            onFocus={() => setFieldIsFocused(true)}\n            onBlur={() => setFieldIsFocused(false)}\n          />\n        ) : null}\n\n        {query && query.length ? (\n          <Button\n            variant=\"ghost\"\n            className=\"mx-2\"\n            size=\"small\"\n            tooltip={clearLabel}\n            excludeFromTabOrder\n            onPress={() => {\n              setQuery(\"\");\n            }}\n          >\n            <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n          </Button>\n        ) : null}\n        {endSlot}\n        {isLoading ? <Spinner className=\"mx-2\" size=\"small\" /> : null}\n      </div>\n    </div>\n  );\n};\n\ntype SearchListFieldHeaderProps = {\n  label?: string;\n  hint?: string;\n  isRequired?: boolean;\n};\n\nconst SearchListFieldHeader = ({ label, hint, isRequired }: SearchListFieldHeaderProps) => (\n  <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n    {label ? (\n      <Label\n        className={sharedInputlabelStyles()}\n        style={{ fontFamily: \"var(--input-label-font-family)\" }}\n      >\n        {label}\n        {isRequired && <span className=\"text-danger\">{\" *\"}</span>}\n      </Label>\n    ) : null}\n    {hint ? (\n      <span\n        className={sharedInputHintStyles()}\n        style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n      >\n        {hint}\n      </span>\n    ) : null}\n  </div>\n);\n\ntype SearchListFieldFooterProps = {\n  description?: string;\n  errorMessage?: string;\n};\n\nconst SearchListFieldFooter = ({ description, errorMessage }: SearchListFieldFooterProps) => (\n  <>\n    {description && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n        {description}\n      </Text>\n    )}\n    {errorMessage && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"accent-danger\" slot=\"errorMessage\">\n        {errorMessage}\n      </Text>\n    )}\n  </>\n);\n\nconst _SingleValueSearchListFieldButton = <T extends object>(\n  _props: object,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    clearLabel,\n    label,\n    hint,\n    description,\n    errorMessage,\n    validationState,\n    placeholder,\n    isRequired,\n    isDisabled,\n    fullWidth,\n    setPopoverIsOpen,\n    size,\n    startSlot,\n    endSlot,\n    itemLabelKey,\n    onChange,\n    setInternalValue,\n  } = context;\n\n  const value = onChange\n    ? (context.value as T | undefined)\n    : (context.internalValue as T | undefined);\n\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"ArrowDown\" || e.key === \" \" || e.key === \"Enter\") {\n      setPopoverIsOpen(true);\n    } else if (e.key === \"Backspace\" || e.key === \"Escape\") {\n      onChange?.(undefined);\n      setInternalValue(undefined);\n    }\n  };\n  return (\n    <div className={twMerge(sharedInputFieldWrapperStyles({ fullWidth }))}>\n      <SearchListFieldHeader hint={hint} isRequired={isRequired} label={label} />\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth,\n            isDisabled,\n            isFocused,\n            isHovered,\n            size: size ?? \"medium\",\n            validationState,\n            className: \"gap-1 px-0 py-0\",\n          }),\n        )}\n        onPointerEnter={() => setIsHovered(true)}\n        onPointerLeave={() => setIsHovered(false)}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n        ref={ref}\n      >\n        <AriaButton\n          isDisabled={isDisabled}\n          className={twMerge(\n            sharedInputSizeStyles({\n              size: size ?? \"medium\",\n              className: \"flex h-full w-full flex-grow items-center gap-3 text-start outline-none\",\n            }),\n          )}\n          onFocus={() => {\n            setIsFocused(true);\n          }}\n          onBlur={() => {\n            setIsFocused(false);\n          }}\n          onPress={() => {\n            setPopoverIsOpen(true);\n          }}\n          onKeyDown={handleKeyDown}\n        >\n          {startSlot}\n          <div className=\"grow\">\n            {value ? (\n              (value?.[itemLabelKey] as unknown as string)\n            ) : (\n              <Text color=\"secondary\">{placeholder}</Text>\n            )}\n          </div>\n          {endSlot}\n        </AriaButton>\n        {value && (\n          <Button\n            variant=\"ghost\"\n            isDisabled={isDisabled}\n            size={size}\n            tooltip={clearLabel ?? \"Clear\"}\n            onPress={() => {\n              setInternalValue(undefined);\n              onChange?.(undefined);\n            }}\n            excludeFromTabOrder\n          >\n            <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n          </Button>\n        )}\n        <AriaButton\n          isDisabled={isDisabled}\n          className={twMerge(\n            sharedInputSizeStyles({\n              size: size ?? \"medium\",\n              className: \"h-full flex-grow outline-none\",\n            }),\n          )}\n          onPress={() => {\n            setPopoverIsOpen(true);\n          }}\n          onFocus={() => {\n            setIsFocused(true);\n          }}\n          onBlur={() => {\n            setIsFocused(false);\n          }}\n          onKeyDown={handleKeyDown}\n          excludeFromTabOrder\n        >\n          <SvgIcon name=\"chevron-down\" className=\"h-4 w-4\" />\n        </AriaButton>\n      </div>\n      <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n    </div>\n  );\n};\n\nconst SingleValueSearchListFieldButton = fixedForwardRef(_SingleValueSearchListFieldButton);\n\nconst SingleValueSearchListField = <T extends object>() => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    itemLabelKey,\n    itemIdKey,\n    renderItem,\n    disabledItemIdKeys,\n    allowCustomValue,\n    onChange,\n    popoverIsOpen,\n    setPopoverIsOpen,\n    setInternalValue,\n    searchInputClearLabel = \"Clear\",\n    isLoading,\n    searchInputEndSlot,\n    searchInputStartSlot,\n    allowCustomValueCreateLabel = (query) => `Create \"${query}\"`,\n  } = context;\n  // In this case we are sure that onChange will receive a single value because selectionMode is single.\n  // We cast the onChange prop to a function that receives a single value.\n  const onChangeHandler = onChange as (value?: T) => void | undefined;\n  const internalValue = context?.internalValue as T | undefined;\n  const value = context?.value as T | undefined;\n\n  const { filteredItems, query, setQuery } = useFilterItemsOnQuery<T>();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n  const queriedFilteredItemsLength = filteredItems?.filter(\n    (item) => item?.[itemLabelKey] == query,\n  )?.length;\n\n  const showSpinner = useSpinDelay(isLoading ?? false, { delay: 500, minDuration: 200 });\n\n  return (\n    <>\n      <SingleValueSearchListFieldButton<T> ref={wrapperRef} />\n      <Popover\n        className=\"pb-2\"\n        isOpen={popoverIsOpen}\n        onOpenChange={(isOpen) => {\n          setPopoverIsOpen(isOpen);\n          if (isOpen) {\n            inputRef.current?.focus();\n          }\n        }}\n        triggerRef={wrapperRef}\n        showPopoverInBottomDrawerOnSmallScreens\n        style={\n          { \"--trigger-width\": wrapperRef.current?.offsetWidth + \"px\", direction } as CSSProperties\n        }\n      >\n        <Combobox\n          nullable\n          onChange={(value?: T) => {\n            if (value) {\n              onChangeHandler?.(value);\n              setInternalValue(value);\n              setPopoverIsOpen(false);\n            }\n          }}\n          value={(onChange ? value : internalValue) ?? \"\"}\n        >\n          <SearchInput\n            query={query}\n            setQuery={setQuery}\n            clearLabel={searchInputClearLabel}\n            startSlot={searchInputStartSlot}\n            endSlot={searchInputEndSlot}\n          />\n          {(filteredItems && filteredItems?.length && !showSpinner) ||\n          (allowCustomValue && queriedFilteredItemsLength === 0 && !showSpinner) ? (\n            <Combobox.Options static className={listBoxStyles()}>\n              {filteredItems.map((item) => (\n                <Combobox.Option\n                  key={item[itemIdKey] as Key}\n                  className={({ active, selected, disabled }) =>\n                    twMerge(\n                      listBoxItemStyles({\n                        active,\n                        disabled,\n                        selected,\n                      }),\n                    )\n                  }\n                  value={item}\n                  disabled={disabledItemIdKeys?.includes(item[itemIdKey] as Key)}\n                >\n                  {(renderItemState) => (\n                    <SearchItem item={item} state={renderItemState} render={renderItem} />\n                  )}\n                </Combobox.Option>\n              ))}\n              {query && query.length && allowCustomValue && queriedFilteredItemsLength === 0 ? (\n                <Combobox.Option\n                  value={{\n                    [itemIdKey]: query,\n                    [itemLabelKey]: query,\n                  }}\n                  className={({ active, selected, disabled }) =>\n                    twMerge(\n                      listBoxItemStyles({\n                        active,\n                        disabled,\n                        selected,\n                      }),\n                    )\n                  }\n                >\n                  <div className=\"flex items-center gap-1\">\n                    <div className=\"h-4 w-4\" />\n                    {allowCustomValueCreateLabel(query)}\n                  </div>\n                </Combobox.Option>\n              ) : null}\n            </Combobox.Options>\n          ) : null}\n          {showSpinner ? (\n            <div className=\"flex h-40 w-full items-center justify-center\">\n              <Spinner size=\"medium\" />\n            </div>\n          ) : null}\n        </Combobox>\n      </Popover>\n    </>\n  );\n};\n\nconst _MultipleValuesSearchListFieldInput = <T extends object>(\n  _props: object,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    label,\n    hint,\n    description,\n    errorMessage,\n    validationState,\n    isRequired,\n    isDisabled,\n    fullWidth,\n    setPopoverIsOpen,\n    size,\n    startSlot,\n    endSlot,\n    itemLabelKey,\n    itemIdKey,\n    setInternalValue,\n  } = context;\n  const addValueLabel = context.addValueLabel ?? \"Add value\";\n\n  const value = context.internalValue as T[] | undefined;\n  const onChange = context.onChange as (value?: T[]) => void | undefined;\n  const [isHovered, setIsHovered] = useState(false);\n\n  return (\n    <div className={twMerge(sharedInputFieldWrapperStyles({ fullWidth }))}>\n      <SearchListFieldHeader hint={hint} isRequired={isRequired} label={label} />\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth,\n            isDisabled,\n            isHovered,\n            size: size ?? \"medium\",\n            validationState,\n            className: \"gap-2 px-2 py-1.5\",\n          }),\n        )}\n        ref={ref}\n        onPointerEnter={() => setIsHovered(true)}\n        onPointerLeave={() => setIsHovered(false)}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {startSlot}\n        {value && value.length ? (\n          <TagGroup<T>\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            label={label ?? context[\"aria-label\"]}\n            isDisabled={isDisabled}\n            value={value}\n            onChange={(value) => {\n              setInternalValue(value);\n              onChange?.(value);\n            }}\n          />\n        ) : null}\n        {endSlot}\n        {value?.length ? (\n          <Button\n            variant=\"ghost\"\n            className=\"p-1.5\"\n            size=\"small\"\n            tooltip={addValueLabel}\n            onPress={() => setPopoverIsOpen(true)}\n          >\n            <SvgIcon name=\"plus\" />\n          </Button>\n        ) : (\n          <Button\n            variant=\"ghost\"\n            size=\"small\"\n            className=\"text-sm\"\n            endIcon={<SvgIcon name=\"plus\" />}\n            onPress={() => setPopoverIsOpen(true)}\n          >\n            {addValueLabel}\n          </Button>\n        )}\n      </div>\n      <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n    </div>\n  );\n};\nconst MultipleValuesSearchListFieldInput = fixedForwardRef(_MultipleValuesSearchListFieldInput);\n\nconst MultipleValuesSearchListField = <T extends object>() => {\n  const context = useSearchListFieldContext<T>();\n  const {\n    itemLabelKey,\n    itemIdKey,\n    renderItem,\n    disabledItemIdKeys,\n    allowCustomValue,\n    onChange,\n    popoverIsOpen,\n    setPopoverIsOpen,\n    setInternalValue,\n    searchInputClearLabel = \"Clear\",\n    isLoading,\n    searchInputEndSlot,\n    searchInputStartSlot,\n    allowCustomValueCreateLabel = (query) => `Create \"${query}\"`,\n  } = context;\n\n  const onChangeHandler = onChange as (value?: T[]) => void | undefined;\n  const internalValue = context.internalValue as T[] | undefined;\n  const value = context.value as T[] | undefined;\n\n  const { filteredItems, query, setQuery } = useFilterItemsOnQuery<T>();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n  const queriedFilteredItemsLength = filteredItems?.filter(\n    (item) => item?.[itemLabelKey] == query,\n  )?.length;\n\n  return (\n    <>\n      <MultipleValuesSearchListFieldInput<T> ref={wrapperRef} />\n      <Popover\n        className=\"pb-2\"\n        isOpen={popoverIsOpen}\n        onOpenChange={(isOpen) => {\n          setPopoverIsOpen(isOpen);\n          if (isOpen) {\n            inputRef.current?.focus();\n          }\n        }}\n        triggerRef={wrapperRef}\n        showPopoverInBottomDrawerOnSmallScreens\n        style={\n          { \"--trigger-width\": wrapperRef.current?.offsetWidth + \"px\", direction } as CSSProperties\n        }\n      >\n        <Combobox\n          value={(onChange ? value : internalValue) ?? []}\n          onChange={(value) => {\n            onChangeHandler?.(value);\n            setInternalValue(value);\n          }}\n          multiple\n        >\n          <SearchInput\n            query={query}\n            setQuery={setQuery}\n            isLoading={isLoading}\n            clearLabel={searchInputClearLabel}\n            startSlot={searchInputStartSlot}\n            endSlot={searchInputEndSlot}\n          />\n          {(filteredItems && filteredItems?.length) ||\n          (allowCustomValue && queriedFilteredItemsLength === 0) ? (\n            <Combobox.Options static className={listBoxStyles()}>\n              {filteredItems.map((item) => (\n                <Combobox.Option\n                  key={item[itemIdKey] as Key}\n                  className={({ active, selected, disabled }) =>\n                    twMerge(\n                      listBoxItemStyles({\n                        active,\n                        disabled,\n                        selected,\n                      }),\n                    )\n                  }\n                  value={item}\n                  disabled={disabledItemIdKeys?.includes(item[itemIdKey] as Key)}\n                >\n                  {(renderItemState) => (\n                    <SearchItem item={item} state={renderItemState} render={renderItem} />\n                  )}\n                </Combobox.Option>\n              ))}\n              {query && query.length && allowCustomValue && queriedFilteredItemsLength === 0 ? (\n                <Combobox.Option\n                  value={{\n                    [itemIdKey]: query,\n                    [itemLabelKey]: query,\n                  }}\n                  className={({ active, selected, disabled }) =>\n                    twMerge(\n                      listBoxItemStyles({\n                        active,\n                        disabled,\n                        selected,\n                      }),\n                    )\n                  }\n                >\n                  <div className=\"flex items-center gap-1\">\n                    <div className=\"h-4 w-4\" />\n                    {allowCustomValueCreateLabel(query)}\n                  </div>\n                </Combobox.Option>\n              ) : null}\n            </Combobox.Options>\n          ) : null}\n        </Combobox>\n      </Popover>\n    </>\n  );\n};\n"],"names":["SearchListFieldContext","createContext","Provider","props","internalValue","setInternalValue","useState","popoverIsOpen","setPopoverIsOpen","jsx","useSearchListFieldContext","useContext","useFilterItemsOnQuery","itemLabelKey","onQueryChange","items","query","setQuery","contains","useFilter","filteredItems","useMemo","item","useEffect","SearchListField","selectionMode","searchListPropsResult","match","res","SearchListFieldInner","SearchItem","state","render","label","jsxs","SvgIcon","context","value","defaultValue","name","onChange","Fragment","Combobox","SingleValueSearchListField","MultipleValuesSearchListField","SearchInput","isLoading","startSlot","endSlot","clearLabel","fieldIsFocused","setFieldIsFocused","fieldIsHovered","setFieldIsHovered","timeReached","setTimeReached","sharedInputFieldWrapperStyles","twMerge","sharedInputFieldStyles","sharedInputStyles","e","Button","Spinner","SearchListFieldHeader","hint","isRequired","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","SearchListFieldFooter","description","errorMessage","Text","_SingleValueSearchListFieldButton","_props","ref","validationState","placeholder","isDisabled","fullWidth","size","isFocused","setIsFocused","isHovered","setIsHovered","handleKeyDown","AriaButton","sharedInputSizeStyles","SingleValueSearchListFieldButton","fixedForwardRef","itemIdKey","renderItem","disabledItemIdKeys","allowCustomValue","searchInputClearLabel","searchInputEndSlot","searchInputStartSlot","allowCustomValueCreateLabel","onChangeHandler","inputRef","useRef","wrapperRef","direction","useLocale","queriedFilteredItemsLength","_a","showSpinner","useSpinDelay","Popover","isOpen","_b","listBoxStyles","active","selected","disabled","listBoxItemStyles","renderItemState","_MultipleValuesSearchListFieldInput","addValueLabel","TagGroup","MultipleValuesSearchListFieldInput"],"mappings":"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"}
+{"version":3,"file":"lyra23.js","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import { CSSProperties, Key, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useFilter } from \"react-aria\";\nimport { Button as AriaButton, Label } from \"react-aria-components\";\n\nimport { Combobox } from \"@headlessui/react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { Spinner, useLocale, useSpinDelay } from \"../../..\";\nimport { cx } from \"../../../utils/class-variance-authority\";\nimport { buttonStyles } from \"../../button\";\nimport { listBoxStyles } from \"../../list-box\";\nimport { listBoxItemStyles } from \"../../list-box/list-box-styles2\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputStyles,\n} from \"../shared.styles\";\nimport { TagGroup, TagItem } from \"../shared/tags\";\n\nimport {\n  MultiSearchListFieldProps,\n  SearchInputProps,\n  SearchListFieldFooterProps,\n  SearchListFieldHeaderProps,\n  SearchListFieldItemProps,\n  SearchListFieldItemsProps,\n  SearchListFieldProps,\n  UseSearchListFieldContext,\n  ValueButton,\n} from \"./seach-list-field.types\";\n\nconst useFilterItemsOnQuery = <T extends object>({\n  itemLabelKey,\n  items,\n  onQueryChange,\n}: UseSearchListFieldContext<T>) => {\n  const [query, setQuery] = useState<string>(\"\");\n  const { contains } = useFilter({ sensitivity: \"base\" });\n\n  const filteredItems = useMemo(() => {\n    // If we have a onQueryChange handler, we don't want to filter items\n    // ourselves. Just return the list of items.\n    if (onQueryChange) {\n      return items;\n    } else {\n      return items.filter((item) => {\n        return contains(item[itemLabelKey] as string, query ?? \"\");\n      });\n    }\n  }, [contains, itemLabelKey, items, onQueryChange, query]);\n\n  useEffect(() => {\n    if (onQueryChange) {\n      onQueryChange?.(query);\n    }\n    // onQueryChange should not be added to the dependencies, it will cause a\n    // rerender loop.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query]);\n\n  return {\n    filteredItems,\n    query,\n    setQuery,\n  };\n};\n\nconst minHeightClasses = (size: \"small\" | \"medium\" | \"large\") => {\n  return cx(\n    size === \"small\" && \"min-h-[42px]\",\n    size === \"medium\" && \"min-h-[50px]\",\n    size === \"large\" && \"min-h-[58px]\",\n  );\n};\n\nconst SingleValueButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  open,\n  itemLabelKey,\n  placeholder,\n  size = \"medium\",\n  startSlot,\n  value,\n  onChange,\n}: Omit<ValueButton<T>, \"onChange\"> & {\n  onChange: (newValue?: T) => void;\n}) => {\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n  value = value as T | undefined;\n\n  /**\n   * Handles the keydown event for the search list field.\n   * If the Escape or Backspace key is pressed, calls the onChange function with undefined.\n   * @param e - The keyboard event.\n   */\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"Escape\" || e.key === \"Backspace\") {\n      onChange?.(undefined);\n    }\n  };\n\n  return (\n    <Combobox.Button\n      className={sharedInputFieldStyles({\n        fullWidth,\n        isDisabled,\n        isHovered,\n        isFocused,\n        isInvalid,\n        size,\n        className: cx(minHeightClasses(size), \"gap-2\"),\n      })}\n      onPointerEnter={() => setIsHovered(true)}\n      onPointerLeave={() => setIsHovered(false)}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      onFocus={() => {\n        setIsFocused(true);\n      }}\n      onBlur={() => {\n        setIsFocused(false);\n      }}\n      onKeyDown={onKeyDown}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value?.[itemLabelKey] ? (\n          <>{value?.[itemLabelKey]}</>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <div className=\"flex items-center gap-2\">\n        {value ? (\n          <>\n            <div\n              className={twMerge(\n                buttonStyles({\n                  size: \"small\",\n                  color: \"monochrome\",\n                  variant: \"ghost\",\n                  className: \"p-1\",\n                  isDisabled,\n                }),\n              )}\n              onClick={(e) => {\n                e.stopPropagation();\n                onChange?.(undefined);\n              }}\n            >\n              <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n            </div>\n          </>\n        ) : null}\n        <SvgIcon\n          name=\"chevron-down\"\n          className={cx(\"h-4 w-4 transition duration-150\", open && \"rotate-180\")}\n        />\n      </div>\n    </Combobox.Button>\n  );\n};\n\nconst MultipleValuesButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  open,\n  itemLabelKey,\n  itemIdKey,\n  placeholder,\n  size = \"medium\",\n  label,\n  startSlot,\n  onChange,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n\n  return (\n    <Combobox.Button\n      className={sharedInputFieldStyles({\n        fullWidth,\n        isDisabled,\n        isHovered,\n        isFocused,\n        isInvalid,\n        size,\n        className: minHeightClasses(size),\n      })}\n      as=\"div\"\n      role=\"button\"\n      // @ts-ignore\n      tabIndex={0}\n      onPointerEnter={() => setIsHovered(true)}\n      onPointerLeave={() => setIsHovered(false)}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      onFocus={() => {\n        setIsFocused(true);\n      }}\n      onBlur={() => {\n        setIsFocused(false);\n      }}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value && value.length ? (\n          <TagGroup<T>\n            aria-label={label ?? \"Selected items\"}\n            onRemove={(keys) => {\n              value && onChange(value.filter((item) => !keys.has(item[itemIdKey] as any)));\n            }}\n          >\n            {value.map((item) => (\n              <TagItem key={item[itemIdKey] as Key} {...item}>\n                {item?.[itemLabelKey] as string}\n              </TagItem>\n            ))}\n          </TagGroup>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <SvgIcon\n        name=\"chevron-down\"\n        className={cx(\"h-4 w-4 min-w-[16px] transition duration-150\", open && \"rotate-180\")}\n      />\n    </Combobox.Button>\n  );\n};\n\nconst SearchListFieldHeader = ({ label, hint, isRequired }: SearchListFieldHeaderProps) => (\n  <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n    {label ? (\n      <Label\n        className={sharedInputlabelStyles()}\n        style={{ fontFamily: \"var(--input-label-font-family)\" }}\n      >\n        {label}\n        {isRequired && <span className=\"text-danger\">{\" *\"}</span>}\n      </Label>\n    ) : null}\n    {hint ? (\n      <span\n        className={sharedInputHintStyles()}\n        style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n      >\n        {hint}\n      </span>\n    ) : null}\n  </div>\n);\n\nconst SearchListFieldFooter = ({ description, errorMessage }: SearchListFieldFooterProps) => (\n  <>\n    {description && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n        {description}\n      </Text>\n    )}\n    {errorMessage && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"accent-danger\" slot=\"errorMessage\">\n        {errorMessage}\n      </Text>\n    )}\n  </>\n);\n\nconst SearchListFieldItem = <T extends object>({\n  item,\n  state,\n  renderItem,\n  itemLabelKey,\n}: SearchListFieldItemProps<T>) => {\n  const label = item?.[itemLabelKey] as string;\n\n  if (renderItem) {\n    return renderItem(item, state);\n  }\n  return (\n    <div className=\"flex items-center gap-1\">\n      {state.selected ? (\n        <SvgIcon name=\"checkmark\" className=\"h-4 w-4\" />\n      ) : (\n        <div className=\"h-4 w-4\" />\n      )}\n      {label}\n    </div>\n  );\n};\n\nconst SearchInput = ({\n  onQueryChange,\n  isLoading,\n  startSlot,\n  endSlot,\n  clearLabel = \"Clear\",\n  query,\n  setQuery,\n}: SearchInputProps) => {\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n  const [timeReached, setTimeReached] = useState(false);\n\n  const showSpinner = useSpinDelay(isLoading ?? false, { delay: 500, minDuration: 200 });\n\n  // This workaround ensures that we wait for the popover to finish rendering before focusing on the input field.\n  // .It prevents the page from scrolling to the bottom, although the exact reason for this behavior is currently unclear.\n  useEffect(() => {\n    setTimeout(() => {\n      setTimeReached(true);\n    }, 10);\n  }, []);\n\n  return (\n    <div\n      className={sharedInputFieldWrapperStyles({\n        fullWidth: true,\n        className: \"py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start]\",\n      })}\n    >\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth: true,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            className: \"px-2\",\n          }),\n        )}\n        onPointerEnter={() => setFieldIsHovered(true)}\n        onPointerLeave={() => setFieldIsHovered(false)}\n        onMouseEnter={() => setFieldIsHovered(true)}\n        onMouseLeave={() => setFieldIsHovered(false)}\n      >\n        <SvgIcon name=\"search\" className=\"-me-2 h-4 w-4\" />\n        {startSlot}\n        {timeReached ? (\n          <Combobox.Input\n            autoFocus\n            className={sharedInputStyles({ size: \"small\" })}\n            onChange={(e) => {\n              setQuery(e.target.value ?? \"\");\n              onQueryChange?.(e.target.value as any);\n            }}\n            value={query ?? \"\"}\n            onFocus={() => setFieldIsFocused(true)}\n            onBlur={() => setFieldIsFocused(false)}\n          />\n        ) : null}\n\n        {query && query.length ? (\n          <AriaButton\n            aria-label={clearLabel ?? \"Clear\"}\n            className={twMerge(\n              buttonStyles({\n                size: \"small\",\n                color: \"monochrome\",\n                variant: \"ghost\",\n              }),\n            )}\n            excludeFromTabOrder\n            onPress={() => {\n              setQuery(\"\");\n            }}\n          >\n            <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n          </AriaButton>\n        ) : null}\n        {endSlot}\n        {showSpinner ? <Spinner className=\"mx-2\" size=\"small\" /> : null}\n      </div>\n    </div>\n  );\n};\n\nconst SearchListFieldItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  open,\n  renderItem,\n  triggerRef,\n  isLoading,\n  onQueryChange,\n}: SearchListFieldItemsProps<T>) => {\n  const { filteredItems, query, setQuery } = useFilterItemsOnQuery<T>({\n    itemLabelKey,\n    items,\n    onQueryChange,\n  });\n  return (\n    <Popover\n      className=\"!max-h-96 pb-2\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      showPopoverInBottomDrawerOnSmallScreens\n      shouldUpdatePosition\n      style={\n        {\n          \"--trigger-width\": (triggerRef.current as any)?.offsetWidth + \"px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      <SearchInput\n        onQueryChange={onQueryChange}\n        isLoading={isLoading}\n        query={query}\n        setQuery={setQuery}\n      />\n      {filteredItems && filteredItems.length ? (\n        <Combobox.Options static className={listBoxStyles()}>\n          {filteredItems.map((item) => (\n            <Combobox.Option\n              key={item[itemIdKey] as Key}\n              className={({ active, selected, disabled }) =>\n                twMerge(\n                  listBoxItemStyles({\n                    active,\n                    disabled,\n                    selected,\n                  }),\n                )\n              }\n              value={item}\n              disabled={disabledItemIdKeys?.includes(item?.[itemIdKey] as string)}\n            >\n              {(renderItemState) => (\n                <SearchListFieldItem\n                  item={item}\n                  state={renderItemState}\n                  renderItem={renderItem}\n                  itemLabelKey={itemLabelKey}\n                />\n              )}\n            </Combobox.Option>\n          ))}\n        </Combobox.Options>\n      ) : null}\n    </Popover>\n  );\n};\n\nexport const SearchListField = <T extends object>({\n  isDisabled,\n  isRequired,\n  label,\n  hint,\n  description,\n  errorMessage,\n  isInvalid,\n  fullWidth = true,\n  by,\n  defaultValue,\n  name,\n  onChange,\n  itemLabelKey,\n  itemIdKey,\n  value,\n  size = \"medium\",\n  startSlot,\n  items,\n  endSlot,\n  disabledItemIdKeys,\n  placeholder,\n  renderItem,\n  onQueryChange,\n  isLoading,\n}: SearchListFieldProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  return (\n    <Combobox\n      disabled={isDisabled}\n      name={name}\n      value={internalValue ?? \"\"}\n      onChange={onSingleChange}\n      by={by as any}\n    >\n      {({ open, disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SearchListFieldHeader label={label} hint={hint} isRequired={isRequired} />\n            <div ref={triggerRef}>\n              <SingleValueButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={open}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value as T | undefined}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onSingleChange}\n              />\n            </div>\n            <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SearchListFieldItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={open}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n\nexport const MultiSearchListField = <T extends object>({\n  isDisabled,\n  isRequired,\n  label,\n  hint,\n  description,\n  errorMessage,\n  isInvalid,\n  fullWidth = true,\n  by,\n  defaultValue,\n  name,\n  onChange,\n  itemLabelKey,\n  itemIdKey,\n  value,\n  size = \"medium\",\n  startSlot,\n  items,\n  endSlot,\n  disabledItemIdKeys,\n  placeholder,\n  renderItem,\n  onQueryChange,\n  isLoading,\n}: MultiSearchListFieldProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n\n  const onMultiChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  return (\n    <Combobox\n      disabled={isDisabled}\n      name={name}\n      value={internalValue ?? []}\n      onChange={onMultiChange}\n      by={by as any}\n      multiple={true as any}\n    >\n      {({ open, disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SearchListFieldHeader label={label} hint={hint} isRequired={isRequired} />\n            <div ref={triggerRef}>\n              <MultipleValuesButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={open}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onMultiChange}\n              />\n            </div>\n            <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SearchListFieldItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={open}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n"],"names":["useFilterItemsOnQuery","itemLabelKey","items","onQueryChange","query","setQuery","useState","contains","useFilter","filteredItems","useMemo","item","useEffect","minHeightClasses","size","cx","SingleValueButton","endSlot","fullWidth","isDisabled","isInvalid","open","placeholder","startSlot","value","onChange","isFocused","setIsFocused","isHovered","setIsHovered","onKeyDown","e","jsxs","Combobox","sharedInputFieldStyles","jsx","Fragment","Text","twMerge","buttonStyles","SvgIcon","MultipleValuesButton","itemIdKey","label","TagGroup","keys","TagItem","SearchListFieldHeader","hint","isRequired","Label","sharedInputlabelStyles","sharedInputHintStyles","SearchListFieldFooter","description","errorMessage","SearchListFieldItem","state","renderItem","SearchInput","isLoading","clearLabel","fieldIsFocused","setFieldIsFocused","fieldIsHovered","setFieldIsHovered","timeReached","setTimeReached","showSpinner","useSpinDelay","sharedInputFieldWrapperStyles","sharedInputStyles","AriaButton","Spinner","SearchListFieldItems","direction","disabledItemIdKeys","triggerRef","Popover","_a","listBoxStyles","active","selected","disabled","listBoxItemStyles","renderItemState","SearchListField","by","defaultValue","name","internalValue","setInternalValue","onSingleChange","useCallback","newValue","useRef","useLocale","MultiSearchListField","onMultiChange"],"mappings":"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"}

package/dist/lyra230.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra219.cjs"),t={test:e=>typeof e=="number",parse:parseFloat,transform:e=>e},r={...t,transform:e=>a.clamp(0,1,e)},s={...t,default:1};exports.alpha=r;exports.number=t;exports.scale=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra231.cjs"),t="framerAppearId",a="data-"+e.camelToDash(t);exports.optimizedAppearDataAttribute=a;exports.optimizedAppearDataId=t;

package/dist/lyra230.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra230.cjs","sources":["../node_modules/framer-motion/dist/es/value/types/numbers/index.mjs"],"sourcesContent":["import { clamp } from '../../../utils/clamp.mjs';\n\nconst number = {\n    test: (v) => typeof v === \"number\",\n    parse: parseFloat,\n    transform: (v) => v,\n};\nconst alpha = {\n    ...number,\n    transform: (v) => clamp(0, 1, v),\n};\nconst scale = {\n    ...number,\n    default: 1,\n};\n\nexport { alpha, number, scale };\n"],"names":["number","v","alpha","clamp","scale"],"mappings":"iHAEMA,EAAS,CACX,KAAOC,GAAM,OAAOA,GAAM,SAC1B,MAAO,WACP,UAAYA,GAAMA,CACtB,EACMC,EAAQ,CACV,GAAGF,EACH,UAAYC,GAAME,EAAAA,MAAM,EAAG,EAAGF,CAAC,CACnC,EACMG,EAAQ,CACV,GAAGJ,EACH,QAAS,CACb","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra230.cjs","sources":["../node_modules/framer-motion/dist/es/animation/optimized-appear/data-id.mjs"],"sourcesContent":["import { camelToDash } from '../../render/dom/utils/camel-to-dash.mjs';\n\nconst optimizedAppearDataId = \"framerAppearId\";\nconst optimizedAppearDataAttribute = \"data-\" + camelToDash(optimizedAppearDataId);\n\nexport { optimizedAppearDataAttribute, optimizedAppearDataId };\n"],"names":["optimizedAppearDataId","optimizedAppearDataAttribute","camelToDash"],"mappings":"iHAEMA,EAAwB,iBACxBC,EAA+B,QAAUC,EAAAA,YAAYF,CAAqB","x_google_ignoreList":[0]}

package/dist/lyra230.js

@@ -1,17 +1,6 @@
-import { clamp as a } from "./lyra219.js";
-const r = {
-  test: (t) => typeof t == "number",
-  parse: parseFloat,
-  transform: (t) => t
-}, e = {
-  ...r,
-  transform: (t) => a(0, 1, t)
-}, s = {
-  ...r,
-  default: 1
-};
+import { camelToDash as a } from "./lyra231.js";
+const t = "framerAppearId", e = "data-" + a(t);
 export {
-  e as alpha,
-  r as number,
-  s as scale
+  e as optimizedAppearDataAttribute,
+  t as optimizedAppearDataId
 };

package/dist/lyra230.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra230.js","sources":["../node_modules/framer-motion/dist/es/value/types/numbers/index.mjs"],"sourcesContent":["import { clamp } from '../../../utils/clamp.mjs';\n\nconst number = {\n    test: (v) => typeof v === \"number\",\n    parse: parseFloat,\n    transform: (v) => v,\n};\nconst alpha = {\n    ...number,\n    transform: (v) => clamp(0, 1, v),\n};\nconst scale = {\n    ...number,\n    default: 1,\n};\n\nexport { alpha, number, scale };\n"],"names":["number","v","alpha","clamp","scale"],"mappings":";AAEK,MAACA,IAAS;AAAA,EACX,MAAM,CAACC,MAAM,OAAOA,KAAM;AAAA,EAC1B,OAAO;AAAA,EACP,WAAW,CAACA,MAAMA;AACtB,GACMC,IAAQ;AAAA,EACV,GAAGF;AAAA,EACH,WAAW,CAACC,MAAME,EAAM,GAAG,GAAGF,CAAC;AACnC,GACMG,IAAQ;AAAA,EACV,GAAGJ;AAAA,EACH,SAAS;AACb;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra230.js","sources":["../node_modules/framer-motion/dist/es/animation/optimized-appear/data-id.mjs"],"sourcesContent":["import { camelToDash } from '../../render/dom/utils/camel-to-dash.mjs';\n\nconst optimizedAppearDataId = \"framerAppearId\";\nconst optimizedAppearDataAttribute = \"data-\" + camelToDash(optimizedAppearDataId);\n\nexport { optimizedAppearDataAttribute, optimizedAppearDataId };\n"],"names":["optimizedAppearDataId","optimizedAppearDataAttribute","camelToDash"],"mappings":";AAEK,MAACA,IAAwB,kBACxBC,IAA+B,UAAUC,EAAYF,CAAqB;","x_google_ignoreList":[0]}

package/dist/lyra231.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra223.cjs"),r=e=>({test:t=>n.isString(t)&&t.endsWith(e)&&t.split(" ").length===1,parse:parseFloat,transform:t=>`${t}${e}`}),o=r("deg"),s=r("%"),c=r("px"),p=r("vh"),a=r("vw"),g={...s,parse:e=>s.parse(e)/100,transform:e=>s.transform(e*100)};exports.degrees=o;exports.percent=s;exports.progressPercentage=g;exports.px=c;exports.vh=p;exports.vw=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();exports.camelToDash=a;

package/dist/lyra231.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra231.cjs","sources":["../node_modules/framer-motion/dist/es/value/types/numbers/units.mjs"],"sourcesContent":["import { isString } from '../utils.mjs';\n\nconst createUnitType = (unit) => ({\n    test: (v) => isString(v) && v.endsWith(unit) && v.split(\" \").length === 1,\n    parse: parseFloat,\n    transform: (v) => `${v}${unit}`,\n});\nconst degrees = createUnitType(\"deg\");\nconst percent = createUnitType(\"%\");\nconst px = createUnitType(\"px\");\nconst vh = createUnitType(\"vh\");\nconst vw = createUnitType(\"vw\");\nconst progressPercentage = {\n    ...percent,\n    parse: (v) => percent.parse(v) / 100,\n    transform: (v) => percent.transform(v * 100),\n};\n\nexport { degrees, percent, progressPercentage, px, vh, vw };\n"],"names":["createUnitType","unit","v","isString","degrees","percent","px","vh","vw","progressPercentage"],"mappings":"iHAEMA,EAAkBC,IAAU,CAC9B,KAAOC,GAAMC,EAAQ,SAACD,CAAC,GAAKA,EAAE,SAASD,CAAI,GAAKC,EAAE,MAAM,GAAG,EAAE,SAAW,EACxE,MAAO,WACP,UAAYA,GAAM,GAAGA,CAAC,GAAGD,CAAI,EACjC,GACMG,EAAUJ,EAAe,KAAK,EAC9BK,EAAUL,EAAe,GAAG,EAC5BM,EAAKN,EAAe,IAAI,EACxBO,EAAKP,EAAe,IAAI,EACxBQ,EAAKR,EAAe,IAAI,EACxBS,EAAqB,CACvB,GAAGJ,EACH,MAAQH,GAAMG,EAAQ,MAAMH,CAAC,EAAI,IACjC,UAAYA,GAAMG,EAAQ,UAAUH,EAAI,GAAG,CAC/C","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra231.cjs","sources":["../node_modules/framer-motion/dist/es/render/dom/utils/camel-to-dash.mjs"],"sourcesContent":["/**\n * Convert camelCase to dash-case properties.\n */\nconst camelToDash = (str) => str.replace(/([a-z])([A-Z])/g, \"$1-$2\").toLowerCase();\n\nexport { camelToDash };\n"],"names":["camelToDash","str"],"mappings":"gFAGK,MAACA,EAAeC,GAAQA,EAAI,QAAQ,kBAAmB,OAAO,EAAE,YAAW","x_google_ignoreList":[0]}

package/dist/lyra231.js

@@ -1,18 +1,4 @@
-import { isString as n } from "./lyra223.js";
-const s = (t) => ({
-  test: (e) => n(e) && e.endsWith(t) && e.split(" ").length === 1,
-  parse: parseFloat,
-  transform: (e) => `${e}${t}`
-}), p = s("deg"), r = s("%"), a = s("px"), c = s("vh"), g = s("vw"), i = {
-  ...r,
-  parse: (t) => r.parse(t) / 100,
-  transform: (t) => r.transform(t * 100)
-};
+const a = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 export {
-  p as degrees,
-  r as percent,
-  i as progressPercentage,
-  a as px,
-  c as vh,
-  g as vw
+  a as camelToDash
 };

package/dist/lyra231.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra231.js","sources":["../node_modules/framer-motion/dist/es/value/types/numbers/units.mjs"],"sourcesContent":["import { isString } from '../utils.mjs';\n\nconst createUnitType = (unit) => ({\n    test: (v) => isString(v) && v.endsWith(unit) && v.split(\" \").length === 1,\n    parse: parseFloat,\n    transform: (v) => `${v}${unit}`,\n});\nconst degrees = createUnitType(\"deg\");\nconst percent = createUnitType(\"%\");\nconst px = createUnitType(\"px\");\nconst vh = createUnitType(\"vh\");\nconst vw = createUnitType(\"vw\");\nconst progressPercentage = {\n    ...percent,\n    parse: (v) => percent.parse(v) / 100,\n    transform: (v) => percent.transform(v * 100),\n};\n\nexport { degrees, percent, progressPercentage, px, vh, vw };\n"],"names":["createUnitType","unit","v","isString","degrees","percent","px","vh","vw","progressPercentage"],"mappings":";AAEA,MAAMA,IAAiB,CAACC,OAAU;AAAA,EAC9B,MAAM,CAACC,MAAMC,EAASD,CAAC,KAAKA,EAAE,SAASD,CAAI,KAAKC,EAAE,MAAM,GAAG,EAAE,WAAW;AAAA,EACxE,OAAO;AAAA,EACP,WAAW,CAACA,MAAM,GAAGA,CAAC,GAAGD,CAAI;AACjC,IACMG,IAAUJ,EAAe,KAAK,GAC9BK,IAAUL,EAAe,GAAG,GAC5BM,IAAKN,EAAe,IAAI,GACxBO,IAAKP,EAAe,IAAI,GACxBQ,IAAKR,EAAe,IAAI,GACxBS,IAAqB;AAAA,EACvB,GAAGJ;AAAA,EACH,OAAO,CAACH,MAAMG,EAAQ,MAAMH,CAAC,IAAI;AAAA,EACjC,WAAW,CAACA,MAAMG,EAAQ,UAAUH,IAAI,GAAG;AAC/C;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra231.js","sources":["../node_modules/framer-motion/dist/es/render/dom/utils/camel-to-dash.mjs"],"sourcesContent":["/**\n * Convert camelCase to dash-case properties.\n */\nconst camelToDash = (str) => str.replace(/([a-z])([A-Z])/g, \"$1-$2\").toLowerCase();\n\nexport { camelToDash };\n"],"names":["camelToDash","str"],"mappings":"AAGK,MAACA,IAAc,CAACC,MAAQA,EAAI,QAAQ,mBAAmB,OAAO,EAAE,YAAW;","x_google_ignoreList":[0]}

package/dist/lyra232.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra233.cjs"),t="framerAppearId",a="data-"+e.camelToDash(t);exports.optimizedAppearDataAttribute=a;exports.optimizedAppearDataId=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra237.cjs"),n=5;function i(o,e,c){const t=Math.max(e-n,0);return r.velocityPerSecond(c-o(t),e-t)}exports.calcGeneratorVelocity=i;

package/dist/lyra232.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra232.cjs","sources":["../node_modules/framer-motion/dist/es/animation/optimized-appear/data-id.mjs"],"sourcesContent":["import { camelToDash } from '../../render/dom/utils/camel-to-dash.mjs';\n\nconst optimizedAppearDataId = \"framerAppearId\";\nconst optimizedAppearDataAttribute = \"data-\" + camelToDash(optimizedAppearDataId);\n\nexport { optimizedAppearDataAttribute, optimizedAppearDataId };\n"],"names":["optimizedAppearDataId","optimizedAppearDataAttribute","camelToDash"],"mappings":"iHAEMA,EAAwB,iBACxBC,EAA+B,QAAUC,EAAAA,YAAYF,CAAqB","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra232.cjs","sources":["../node_modules/framer-motion/dist/es/animation/generators/utils/velocity.mjs"],"sourcesContent":["import { velocityPerSecond } from '../../../utils/velocity-per-second.mjs';\n\nconst velocitySampleDuration = 5; // ms\nfunction calcGeneratorVelocity(resolveValue, t, current) {\n    const prevT = Math.max(t - velocitySampleDuration, 0);\n    return velocityPerSecond(current - resolveValue(prevT), t - prevT);\n}\n\nexport { calcGeneratorVelocity };\n"],"names":["velocitySampleDuration","calcGeneratorVelocity","resolveValue","t","current","prevT","velocityPerSecond"],"mappings":"iHAEMA,EAAyB,EAC/B,SAASC,EAAsBC,EAAcC,EAAGC,EAAS,CACrD,MAAMC,EAAQ,KAAK,IAAIF,EAAIH,EAAwB,CAAC,EACpD,OAAOM,EAAAA,kBAAkBF,EAAUF,EAAaG,CAAK,EAAGF,EAAIE,CAAK,CACrE","x_google_ignoreList":[0]}

package/dist/lyra232.js

@@ -1,6 +1,9 @@
-import { camelToDash as a } from "./lyra233.js";
-const t = "framerAppearId", e = "data-" + a(t);
+import { velocityPerSecond as c } from "./lyra237.js";
+const n = 5;
+function i(t, o, r) {
+  const e = Math.max(o - n, 0);
+  return c(r - t(e), o - e);
+}
 export {
-  e as optimizedAppearDataAttribute,
-  t as optimizedAppearDataId
+  i as calcGeneratorVelocity
 };

package/dist/lyra232.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra232.js","sources":["../node_modules/framer-motion/dist/es/animation/optimized-appear/data-id.mjs"],"sourcesContent":["import { camelToDash } from '../../render/dom/utils/camel-to-dash.mjs';\n\nconst optimizedAppearDataId = \"framerAppearId\";\nconst optimizedAppearDataAttribute = \"data-\" + camelToDash(optimizedAppearDataId);\n\nexport { optimizedAppearDataAttribute, optimizedAppearDataId };\n"],"names":["optimizedAppearDataId","optimizedAppearDataAttribute","camelToDash"],"mappings":";AAEK,MAACA,IAAwB,kBACxBC,IAA+B,UAAUC,EAAYF,CAAqB;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra232.js","sources":["../node_modules/framer-motion/dist/es/animation/generators/utils/velocity.mjs"],"sourcesContent":["import { velocityPerSecond } from '../../../utils/velocity-per-second.mjs';\n\nconst velocitySampleDuration = 5; // ms\nfunction calcGeneratorVelocity(resolveValue, t, current) {\n    const prevT = Math.max(t - velocitySampleDuration, 0);\n    return velocityPerSecond(current - resolveValue(prevT), t - prevT);\n}\n\nexport { calcGeneratorVelocity };\n"],"names":["velocitySampleDuration","calcGeneratorVelocity","resolveValue","t","current","prevT","velocityPerSecond"],"mappings":";AAEA,MAAMA,IAAyB;AAC/B,SAASC,EAAsBC,GAAcC,GAAGC,GAAS;AACrD,QAAMC,IAAQ,KAAK,IAAIF,IAAIH,GAAwB,CAAC;AACpD,SAAOM,EAAkBF,IAAUF,EAAaG,CAAK,GAAGF,IAAIE,CAAK;AACrE;","x_google_ignoreList":[0]}

package/dist/lyra233.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();exports.camelToDash=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("./lyra169.cjs"),u=require("./lyra217.cjs"),g=require("./lyra218.cjs"),M=.001,b=.01,x=10,S=.05,w=1;function N({duration:n=800,bounce:r=.25,velocity:c=0,mass:e=1}){let i,l;A.warning(n<=g.secondsToMilliseconds(x),"Spring duration must be 10 seconds or less");let s=1-r;s=u.clamp(S,w,s),n=u.clamp(b,x,g.millisecondsToSeconds(n)),s<1?(i=t=>{const a=t*s,o=a*n,p=a-c,f=D(t,s),m=Math.exp(-o);return M-p/f*m},l=t=>{const o=t*s*n,p=o*c+c,f=Math.pow(s,2)*Math.pow(t,2)*n,m=Math.exp(-o),q=D(Math.pow(t,2),s);return(-i(t)+M>0?-1:1)*((p-f)*m)/q}):(i=t=>{const a=Math.exp(-t*n),o=(t-c)*n+1;return-M+a*o},l=t=>{const a=Math.exp(-t*n),o=(c-t)*(n*n);return a*o});const T=5/n,h=v(i,l,T);if(n=g.secondsToMilliseconds(n),isNaN(h))return{stiffness:100,damping:10,duration:n};{const t=Math.pow(h,2)*e;return{stiffness:t,damping:s*2*Math.sqrt(e*t),duration:n}}}const j=12;function v(n,r,c){let e=c;for(let i=1;i<j;i++)e=e-n(e)/r(e);return e}function D(n,r){return n*Math.sqrt(1-r*r)}exports.calcAngularFreq=D;exports.findSpring=N;exports.maxDamping=w;exports.maxDuration=x;exports.minDamping=S;exports.minDuration=b;

package/dist/lyra233.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra233.cjs","sources":["../node_modules/framer-motion/dist/es/render/dom/utils/camel-to-dash.mjs"],"sourcesContent":["/**\n * Convert camelCase to dash-case properties.\n */\nconst camelToDash = (str) => str.replace(/([a-z])([A-Z])/g, \"$1-$2\").toLowerCase();\n\nexport { camelToDash };\n"],"names":["camelToDash","str"],"mappings":"gFAGK,MAACA,EAAeC,GAAQA,EAAI,QAAQ,kBAAmB,OAAO,EAAE,YAAW","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra233.cjs","sources":["../node_modules/framer-motion/dist/es/animation/generators/spring/find.mjs"],"sourcesContent":["import { warning } from '../../../utils/errors.mjs';\nimport { clamp } from '../../../utils/clamp.mjs';\nimport { secondsToMilliseconds, millisecondsToSeconds } from '../../../utils/time-conversion.mjs';\n\nconst safeMin = 0.001;\nconst minDuration = 0.01;\nconst maxDuration = 10.0;\nconst minDamping = 0.05;\nconst maxDamping = 1;\nfunction findSpring({ duration = 800, bounce = 0.25, velocity = 0, mass = 1, }) {\n    let envelope;\n    let derivative;\n    warning(duration <= secondsToMilliseconds(maxDuration), \"Spring duration must be 10 seconds or less\");\n    let dampingRatio = 1 - bounce;\n    /**\n     * Restrict dampingRatio and duration to within acceptable ranges.\n     */\n    dampingRatio = clamp(minDamping, maxDamping, dampingRatio);\n    duration = clamp(minDuration, maxDuration, millisecondsToSeconds(duration));\n    if (dampingRatio < 1) {\n        /**\n         * Underdamped spring\n         */\n        envelope = (undampedFreq) => {\n            const exponentialDecay = undampedFreq * dampingRatio;\n            const delta = exponentialDecay * duration;\n            const a = exponentialDecay - velocity;\n            const b = calcAngularFreq(undampedFreq, dampingRatio);\n            const c = Math.exp(-delta);\n            return safeMin - (a / b) * c;\n        };\n        derivative = (undampedFreq) => {\n            const exponentialDecay = undampedFreq * dampingRatio;\n            const delta = exponentialDecay * duration;\n            const d = delta * velocity + velocity;\n            const e = Math.pow(dampingRatio, 2) * Math.pow(undampedFreq, 2) * duration;\n            const f = Math.exp(-delta);\n            const g = calcAngularFreq(Math.pow(undampedFreq, 2), dampingRatio);\n            const factor = -envelope(undampedFreq) + safeMin > 0 ? -1 : 1;\n            return (factor * ((d - e) * f)) / g;\n        };\n    }\n    else {\n        /**\n         * Critically-damped spring\n         */\n        envelope = (undampedFreq) => {\n            const a = Math.exp(-undampedFreq * duration);\n            const b = (undampedFreq - velocity) * duration + 1;\n            return -safeMin + a * b;\n        };\n        derivative = (undampedFreq) => {\n            const a = Math.exp(-undampedFreq * duration);\n            const b = (velocity - undampedFreq) * (duration * duration);\n            return a * b;\n        };\n    }\n    const initialGuess = 5 / duration;\n    const undampedFreq = approximateRoot(envelope, derivative, initialGuess);\n    duration = secondsToMilliseconds(duration);\n    if (isNaN(undampedFreq)) {\n        return {\n            stiffness: 100,\n            damping: 10,\n            duration,\n        };\n    }\n    else {\n        const stiffness = Math.pow(undampedFreq, 2) * mass;\n        return {\n            stiffness,\n            damping: dampingRatio * 2 * Math.sqrt(mass * stiffness),\n            duration,\n        };\n    }\n}\nconst rootIterations = 12;\nfunction approximateRoot(envelope, derivative, initialGuess) {\n    let result = initialGuess;\n    for (let i = 1; i < rootIterations; i++) {\n        result = result - envelope(result) / derivative(result);\n    }\n    return result;\n}\nfunction calcAngularFreq(undampedFreq, dampingRatio) {\n    return undampedFreq * Math.sqrt(1 - dampingRatio * dampingRatio);\n}\n\nexport { calcAngularFreq, findSpring, maxDamping, maxDuration, minDamping, minDuration };\n"],"names":["safeMin","minDuration","maxDuration","minDamping","maxDamping","findSpring","duration","bounce","velocity","mass","envelope","derivative","warning","secondsToMilliseconds","dampingRatio","clamp","millisecondsToSeconds","undampedFreq","exponentialDecay","delta","a","b","calcAngularFreq","c","d","e","f","g","initialGuess","approximateRoot","stiffness","rootIterations","result"],"mappings":"uKAIMA,EAAU,KACVC,EAAc,IACdC,EAAc,GACdC,EAAa,IACbC,EAAa,EACnB,SAASC,EAAW,CAAE,SAAAC,EAAW,IAAK,OAAAC,EAAS,IAAM,SAAAC,EAAW,EAAG,KAAAC,EAAO,GAAM,CAC5E,IAAIC,EACAC,EACJC,EAAAA,QAAQN,GAAYO,EAAAA,sBAAsBX,CAAW,EAAG,4CAA4C,EACpG,IAAIY,EAAe,EAAIP,EAIvBO,EAAeC,EAAAA,MAAMZ,EAAYC,EAAYU,CAAY,EACzDR,EAAWS,EAAK,MAACd,EAAaC,EAAac,EAAqB,sBAACV,CAAQ,CAAC,EACtEQ,EAAe,GAIfJ,EAAYO,GAAiB,CACzB,MAAMC,EAAmBD,EAAeH,EAClCK,EAAQD,EAAmBZ,EAC3Bc,EAAIF,EAAmBV,EACvBa,EAAIC,EAAgBL,EAAcH,CAAY,EAC9CS,EAAI,KAAK,IAAI,CAACJ,CAAK,EACzB,OAAOnB,EAAWoB,EAAIC,EAAKE,CACvC,EACQZ,EAAcM,GAAiB,CAE3B,MAAME,EADmBF,EAAeH,EACPR,EAC3BkB,EAAIL,EAAQX,EAAWA,EACvBiB,EAAI,KAAK,IAAIX,EAAc,CAAC,EAAI,KAAK,IAAIG,EAAc,CAAC,EAAIX,EAC5DoB,EAAI,KAAK,IAAI,CAACP,CAAK,EACnBQ,EAAIL,EAAgB,KAAK,IAAIL,EAAc,CAAC,EAAGH,CAAY,EAEjE,OADe,CAACJ,EAASO,CAAY,EAAIjB,EAAU,EAAI,GAAK,KACzCwB,EAAIC,GAAKC,GAAMC,CAC9C,IAMQjB,EAAYO,GAAiB,CACzB,MAAM,EAAI,KAAK,IAAI,CAACA,EAAeX,CAAQ,EACrCe,GAAKJ,EAAeT,GAAYF,EAAW,EACjD,MAAO,CAACN,EAAU,EAAIqB,CAClC,EACQV,EAAcM,GAAiB,CAC3B,MAAM,EAAI,KAAK,IAAI,CAACA,EAAeX,CAAQ,EACrCe,GAAKb,EAAWS,IAAiBX,EAAWA,GAClD,OAAO,EAAIe,CACvB,GAEI,MAAMO,EAAe,EAAItB,EACnBW,EAAeY,EAAgBnB,EAAUC,EAAYiB,CAAY,EAEvE,GADAtB,EAAWO,EAAAA,sBAAsBP,CAAQ,EACrC,MAAMW,CAAY,EAClB,MAAO,CACH,UAAW,IACX,QAAS,GACT,SAAAX,CACZ,EAES,CACD,MAAMwB,EAAY,KAAK,IAAIb,EAAc,CAAC,EAAIR,EAC9C,MAAO,CACH,UAAAqB,EACA,QAAShB,EAAe,EAAI,KAAK,KAAKL,EAAOqB,CAAS,EACtD,SAAAxB,CACZ,CACK,CACL,CACA,MAAMyB,EAAiB,GACvB,SAASF,EAAgBnB,EAAUC,EAAYiB,EAAc,CACzD,IAAII,EAASJ,EACb,QAAS,EAAI,EAAG,EAAIG,EAAgB,IAChCC,EAASA,EAAStB,EAASsB,CAAM,EAAIrB,EAAWqB,CAAM,EAE1D,OAAOA,CACX,CACA,SAASV,EAAgBL,EAAcH,EAAc,CACjD,OAAOG,EAAe,KAAK,KAAK,EAAIH,EAAeA,CAAY,CACnE","x_google_ignoreList":[0]}

package/dist/lyra233.js

@@ -1,4 +1,55 @@
-const a = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+import { warning as N } from "./lyra169.js";
+import { clamp as h } from "./lyra217.js";
+import { secondsToMilliseconds as g, millisecondsToSeconds as T } from "./lyra218.js";
+const M = 1e-3, A = 0.01, D = 10, G = 0.05, I = 1;
+function E({ duration: t = 800, bounce: i = 0.25, velocity: c = 0, mass: o = 1 }) {
+  let a, p;
+  N(t <= g(D), "Spring duration must be 10 seconds or less");
+  let s = 1 - i;
+  s = h(G, I, s), t = h(A, D, T(t)), s < 1 ? (a = (n) => {
+    const r = n * s, e = r * t, l = r - c, f = w(n, s), m = Math.exp(-e);
+    return M - l / f * m;
+  }, p = (n) => {
+    const e = n * s * t, l = e * c + c, f = Math.pow(s, 2) * Math.pow(n, 2) * t, m = Math.exp(-e), S = w(Math.pow(n, 2), s);
+    return (-a(n) + M > 0 ? -1 : 1) * ((l - f) * m) / S;
+  }) : (a = (n) => {
+    const r = Math.exp(-n * t), e = (n - c) * t + 1;
+    return -M + r * e;
+  }, p = (n) => {
+    const r = Math.exp(-n * t), e = (c - n) * (t * t);
+    return r * e;
+  });
+  const b = 5 / t, x = j(a, p, b);
+  if (t = g(t), isNaN(x))
+    return {
+      stiffness: 100,
+      damping: 10,
+      duration: t
+    };
+  {
+    const n = Math.pow(x, 2) * o;
+    return {
+      stiffness: n,
+      damping: s * 2 * Math.sqrt(o * n),
+      duration: t
+    };
+  }
+}
+const R = 12;
+function j(t, i, c) {
+  let o = c;
+  for (let a = 1; a < R; a++)
+    o = o - t(o) / i(o);
+  return o;
+}
+function w(t, i) {
+  return t * Math.sqrt(1 - i * i);
+}
 export {
-  a as camelToDash
+  w as calcAngularFreq,
+  E as findSpring,
+  I as maxDamping,
+  D as maxDuration,
+  G as minDamping,
+  A as minDuration
 };

package/dist/lyra233.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra233.js","sources":["../node_modules/framer-motion/dist/es/render/dom/utils/camel-to-dash.mjs"],"sourcesContent":["/**\n * Convert camelCase to dash-case properties.\n */\nconst camelToDash = (str) => str.replace(/([a-z])([A-Z])/g, \"$1-$2\").toLowerCase();\n\nexport { camelToDash };\n"],"names":["camelToDash","str"],"mappings":"AAGK,MAACA,IAAc,CAACC,MAAQA,EAAI,QAAQ,mBAAmB,OAAO,EAAE,YAAW;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra233.js","sources":["../node_modules/framer-motion/dist/es/animation/generators/spring/find.mjs"],"sourcesContent":["import { warning } from '../../../utils/errors.mjs';\nimport { clamp } from '../../../utils/clamp.mjs';\nimport { secondsToMilliseconds, millisecondsToSeconds } from '../../../utils/time-conversion.mjs';\n\nconst safeMin = 0.001;\nconst minDuration = 0.01;\nconst maxDuration = 10.0;\nconst minDamping = 0.05;\nconst maxDamping = 1;\nfunction findSpring({ duration = 800, bounce = 0.25, velocity = 0, mass = 1, }) {\n    let envelope;\n    let derivative;\n    warning(duration <= secondsToMilliseconds(maxDuration), \"Spring duration must be 10 seconds or less\");\n    let dampingRatio = 1 - bounce;\n    /**\n     * Restrict dampingRatio and duration to within acceptable ranges.\n     */\n    dampingRatio = clamp(minDamping, maxDamping, dampingRatio);\n    duration = clamp(minDuration, maxDuration, millisecondsToSeconds(duration));\n    if (dampingRatio < 1) {\n        /**\n         * Underdamped spring\n         */\n        envelope = (undampedFreq) => {\n            const exponentialDecay = undampedFreq * dampingRatio;\n            const delta = exponentialDecay * duration;\n            const a = exponentialDecay - velocity;\n            const b = calcAngularFreq(undampedFreq, dampingRatio);\n            const c = Math.exp(-delta);\n            return safeMin - (a / b) * c;\n        };\n        derivative = (undampedFreq) => {\n            const exponentialDecay = undampedFreq * dampingRatio;\n            const delta = exponentialDecay * duration;\n            const d = delta * velocity + velocity;\n            const e = Math.pow(dampingRatio, 2) * Math.pow(undampedFreq, 2) * duration;\n            const f = Math.exp(-delta);\n            const g = calcAngularFreq(Math.pow(undampedFreq, 2), dampingRatio);\n            const factor = -envelope(undampedFreq) + safeMin > 0 ? -1 : 1;\n            return (factor * ((d - e) * f)) / g;\n        };\n    }\n    else {\n        /**\n         * Critically-damped spring\n         */\n        envelope = (undampedFreq) => {\n            const a = Math.exp(-undampedFreq * duration);\n            const b = (undampedFreq - velocity) * duration + 1;\n            return -safeMin + a * b;\n        };\n        derivative = (undampedFreq) => {\n            const a = Math.exp(-undampedFreq * duration);\n            const b = (velocity - undampedFreq) * (duration * duration);\n            return a * b;\n        };\n    }\n    const initialGuess = 5 / duration;\n    const undampedFreq = approximateRoot(envelope, derivative, initialGuess);\n    duration = secondsToMilliseconds(duration);\n    if (isNaN(undampedFreq)) {\n        return {\n            stiffness: 100,\n            damping: 10,\n            duration,\n        };\n    }\n    else {\n        const stiffness = Math.pow(undampedFreq, 2) * mass;\n        return {\n            stiffness,\n            damping: dampingRatio * 2 * Math.sqrt(mass * stiffness),\n            duration,\n        };\n    }\n}\nconst rootIterations = 12;\nfunction approximateRoot(envelope, derivative, initialGuess) {\n    let result = initialGuess;\n    for (let i = 1; i < rootIterations; i++) {\n        result = result - envelope(result) / derivative(result);\n    }\n    return result;\n}\nfunction calcAngularFreq(undampedFreq, dampingRatio) {\n    return undampedFreq * Math.sqrt(1 - dampingRatio * dampingRatio);\n}\n\nexport { calcAngularFreq, findSpring, maxDamping, maxDuration, minDamping, minDuration };\n"],"names":["safeMin","minDuration","maxDuration","minDamping","maxDamping","findSpring","duration","bounce","velocity","mass","envelope","derivative","warning","secondsToMilliseconds","dampingRatio","clamp","millisecondsToSeconds","undampedFreq","exponentialDecay","delta","a","b","calcAngularFreq","c","d","e","f","g","initialGuess","approximateRoot","stiffness","rootIterations","result","i"],"mappings":";;;AAIA,MAAMA,IAAU,MACVC,IAAc,MACdC,IAAc,IACdC,IAAa,MACbC,IAAa;AACnB,SAASC,EAAW,EAAE,UAAAC,IAAW,KAAK,QAAAC,IAAS,MAAM,UAAAC,IAAW,GAAG,MAAAC,IAAO,KAAM;AAC5E,MAAIC,GACAC;AACJ,EAAAC,EAAQN,KAAYO,EAAsBX,CAAW,GAAG,4CAA4C;AACpG,MAAIY,IAAe,IAAIP;AAIvB,EAAAO,IAAeC,EAAMZ,GAAYC,GAAYU,CAAY,GACzDR,IAAWS,EAAMd,GAAaC,GAAac,EAAsBV,CAAQ,CAAC,GACtEQ,IAAe,KAIfJ,IAAW,CAACO,MAAiB;AACzB,UAAMC,IAAmBD,IAAeH,GAClCK,IAAQD,IAAmBZ,GAC3Bc,IAAIF,IAAmBV,GACvBa,IAAIC,EAAgBL,GAAcH,CAAY,GAC9CS,IAAI,KAAK,IAAI,CAACJ,CAAK;AACzB,WAAOnB,IAAWoB,IAAIC,IAAKE;AAAA,EACvC,GACQZ,IAAa,CAACM,MAAiB;AAE3B,UAAME,IADmBF,IAAeH,IACPR,GAC3BkB,IAAIL,IAAQX,IAAWA,GACvBiB,IAAI,KAAK,IAAIX,GAAc,CAAC,IAAI,KAAK,IAAIG,GAAc,CAAC,IAAIX,GAC5DoB,IAAI,KAAK,IAAI,CAACP,CAAK,GACnBQ,IAAIL,EAAgB,KAAK,IAAIL,GAAc,CAAC,GAAGH,CAAY;AAEjE,YADe,CAACJ,EAASO,CAAY,IAAIjB,IAAU,IAAI,KAAK,OACzCwB,IAAIC,KAAKC,KAAMC;AAAA,EAC9C,MAMQjB,IAAW,CAACO,MAAiB;AACzB,UAAMG,IAAI,KAAK,IAAI,CAACH,IAAeX,CAAQ,GACrCe,KAAKJ,IAAeT,KAAYF,IAAW;AACjD,WAAO,CAACN,IAAUoB,IAAIC;AAAA,EAClC,GACQV,IAAa,CAACM,MAAiB;AAC3B,UAAMG,IAAI,KAAK,IAAI,CAACH,IAAeX,CAAQ,GACrCe,KAAKb,IAAWS,MAAiBX,IAAWA;AAClD,WAAOc,IAAIC;AAAA,EACvB;AAEI,QAAMO,IAAe,IAAItB,GACnBW,IAAeY,EAAgBnB,GAAUC,GAAYiB,CAAY;AAEvE,MADAtB,IAAWO,EAAsBP,CAAQ,GACrC,MAAMW,CAAY;AAClB,WAAO;AAAA,MACH,WAAW;AAAA,MACX,SAAS;AAAA,MACT,UAAAX;AAAA,IACZ;AAES;AACD,UAAMwB,IAAY,KAAK,IAAIb,GAAc,CAAC,IAAIR;AAC9C,WAAO;AAAA,MACH,WAAAqB;AAAA,MACA,SAAShB,IAAe,IAAI,KAAK,KAAKL,IAAOqB,CAAS;AAAA,MACtD,UAAAxB;AAAA,IACZ;AAAA,EACK;AACL;AACA,MAAMyB,IAAiB;AACvB,SAASF,EAAgBnB,GAAUC,GAAYiB,GAAc;AACzD,MAAII,IAASJ;AACb,WAASK,IAAI,GAAGA,IAAIF,GAAgBE;AAChC,IAAAD,IAASA,IAAStB,EAASsB,CAAM,IAAIrB,EAAWqB,CAAM;AAE1D,SAAOA;AACX;AACA,SAASV,EAAgBL,GAAcH,GAAc;AACjD,SAAOG,IAAe,KAAK,KAAK,IAAIH,IAAeA,CAAY;AACnE;","x_google_ignoreList":[0]}

package/dist/lyra234.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra239.cjs"),n=5;function i(o,e,c){const t=Math.max(e-n,0);return r.velocityPerSecond(c-o(t),e-t)}exports.calcGeneratorVelocity=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra235.cjs"),r=require("./lyra236.cjs");class i{constructor(){this.children=[],this.isDirty=!1}add(e){t.addUniqueItem(this.children,e),this.isDirty=!0}remove(e){t.removeItem(this.children,e),this.isDirty=!0}forEach(e){this.isDirty&&this.children.sort(r.compareByDepth),this.isDirty=!1,this.children.forEach(e)}}exports.FlatTree=i;

package/dist/lyra234.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra234.cjs","sources":["../node_modules/framer-motion/dist/es/animation/generators/utils/velocity.mjs"],"sourcesContent":["import { velocityPerSecond } from '../../../utils/velocity-per-second.mjs';\n\nconst velocitySampleDuration = 5; // ms\nfunction calcGeneratorVelocity(resolveValue, t, current) {\n    const prevT = Math.max(t - velocitySampleDuration, 0);\n    return velocityPerSecond(current - resolveValue(prevT), t - prevT);\n}\n\nexport { calcGeneratorVelocity };\n"],"names":["velocitySampleDuration","calcGeneratorVelocity","resolveValue","t","current","prevT","velocityPerSecond"],"mappings":"iHAEMA,EAAyB,EAC/B,SAASC,EAAsBC,EAAcC,EAAGC,EAAS,CACrD,MAAMC,EAAQ,KAAK,IAAIF,EAAIH,EAAwB,CAAC,EACpD,OAAOM,EAAAA,kBAAkBF,EAAUF,EAAaG,CAAK,EAAGF,EAAIE,CAAK,CACrE","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra234.cjs","sources":["../node_modules/framer-motion/dist/es/render/utils/flat-tree.mjs"],"sourcesContent":["import { addUniqueItem, removeItem } from '../../utils/array.mjs';\nimport { compareByDepth } from './compare-by-depth.mjs';\n\nclass FlatTree {\n    constructor() {\n        this.children = [];\n        this.isDirty = false;\n    }\n    add(child) {\n        addUniqueItem(this.children, child);\n        this.isDirty = true;\n    }\n    remove(child) {\n        removeItem(this.children, child);\n        this.isDirty = true;\n    }\n    forEach(callback) {\n        this.isDirty && this.children.sort(compareByDepth);\n        this.isDirty = false;\n        this.children.forEach(callback);\n    }\n}\n\nexport { FlatTree };\n"],"names":["FlatTree","child","addUniqueItem","removeItem","callback","compareByDepth"],"mappings":"4IAGA,MAAMA,CAAS,CACX,aAAc,CACV,KAAK,SAAW,GAChB,KAAK,QAAU,EAClB,CACD,IAAIC,EAAO,CACPC,EAAAA,cAAc,KAAK,SAAUD,CAAK,EAClC,KAAK,QAAU,EAClB,CACD,OAAOA,EAAO,CACVE,EAAAA,WAAW,KAAK,SAAUF,CAAK,EAC/B,KAAK,QAAU,EAClB,CACD,QAAQG,EAAU,CACd,KAAK,SAAW,KAAK,SAAS,KAAKC,EAAc,cAAA,EACjD,KAAK,QAAU,GACf,KAAK,SAAS,QAAQD,CAAQ,CACjC,CACL","x_google_ignoreList":[0]}

package/dist/lyra234.js

@@ -1,9 +1,19 @@
-import { velocityPerSecond as c } from "./lyra239.js";
-const n = 5;
-function i(t, o, r) {
-  const e = Math.max(o - n, 0);
-  return c(r - t(e), o - e);
+import { addUniqueItem as t, removeItem as r } from "./lyra235.js";
+import { compareByDepth as e } from "./lyra236.js";
+class c {
+  constructor() {
+    this.children = [], this.isDirty = !1;
+  }
+  add(i) {
+    t(this.children, i), this.isDirty = !0;
+  }
+  remove(i) {
+    r(this.children, i), this.isDirty = !0;
+  }
+  forEach(i) {
+    this.isDirty && this.children.sort(e), this.isDirty = !1, this.children.forEach(i);
+  }
 }
 export {
-  i as calcGeneratorVelocity
+  c as FlatTree
 };

package/dist/lyra234.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra234.js","sources":["../node_modules/framer-motion/dist/es/animation/generators/utils/velocity.mjs"],"sourcesContent":["import { velocityPerSecond } from '../../../utils/velocity-per-second.mjs';\n\nconst velocitySampleDuration = 5; // ms\nfunction calcGeneratorVelocity(resolveValue, t, current) {\n    const prevT = Math.max(t - velocitySampleDuration, 0);\n    return velocityPerSecond(current - resolveValue(prevT), t - prevT);\n}\n\nexport { calcGeneratorVelocity };\n"],"names":["velocitySampleDuration","calcGeneratorVelocity","resolveValue","t","current","prevT","velocityPerSecond"],"mappings":";AAEA,MAAMA,IAAyB;AAC/B,SAASC,EAAsBC,GAAcC,GAAGC,GAAS;AACrD,QAAMC,IAAQ,KAAK,IAAIF,IAAIH,GAAwB,CAAC;AACpD,SAAOM,EAAkBF,IAAUF,EAAaG,CAAK,GAAGF,IAAIE,CAAK;AACrE;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra234.js","sources":["../node_modules/framer-motion/dist/es/render/utils/flat-tree.mjs"],"sourcesContent":["import { addUniqueItem, removeItem } from '../../utils/array.mjs';\nimport { compareByDepth } from './compare-by-depth.mjs';\n\nclass FlatTree {\n    constructor() {\n        this.children = [];\n        this.isDirty = false;\n    }\n    add(child) {\n        addUniqueItem(this.children, child);\n        this.isDirty = true;\n    }\n    remove(child) {\n        removeItem(this.children, child);\n        this.isDirty = true;\n    }\n    forEach(callback) {\n        this.isDirty && this.children.sort(compareByDepth);\n        this.isDirty = false;\n        this.children.forEach(callback);\n    }\n}\n\nexport { FlatTree };\n"],"names":["FlatTree","child","addUniqueItem","removeItem","callback","compareByDepth"],"mappings":";;AAGA,MAAMA,EAAS;AAAA,EACX,cAAc;AACV,SAAK,WAAW,IAChB,KAAK,UAAU;AAAA,EAClB;AAAA,EACD,IAAIC,GAAO;AACP,IAAAC,EAAc,KAAK,UAAUD,CAAK,GAClC,KAAK,UAAU;AAAA,EAClB;AAAA,EACD,OAAOA,GAAO;AACV,IAAAE,EAAW,KAAK,UAAUF,CAAK,GAC/B,KAAK,UAAU;AAAA,EAClB;AAAA,EACD,QAAQG,GAAU;AACd,SAAK,WAAW,KAAK,SAAS,KAAKC,CAAc,GACjD,KAAK,UAAU,IACf,KAAK,SAAS,QAAQD,CAAQ;AAAA,EACjC;AACL;","x_google_ignoreList":[0]}

package/dist/lyra235.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("./lyra171.cjs"),u=require("./lyra219.cjs"),g=require("./lyra220.cjs"),M=.001,b=.01,x=10,S=.05,w=1;function N({duration:n=800,bounce:r=.25,velocity:c=0,mass:e=1}){let i,l;A.warning(n<=g.secondsToMilliseconds(x),"Spring duration must be 10 seconds or less");let s=1-r;s=u.clamp(S,w,s),n=u.clamp(b,x,g.millisecondsToSeconds(n)),s<1?(i=t=>{const a=t*s,o=a*n,p=a-c,f=D(t,s),m=Math.exp(-o);return M-p/f*m},l=t=>{const o=t*s*n,p=o*c+c,f=Math.pow(s,2)*Math.pow(t,2)*n,m=Math.exp(-o),q=D(Math.pow(t,2),s);return(-i(t)+M>0?-1:1)*((p-f)*m)/q}):(i=t=>{const a=Math.exp(-t*n),o=(t-c)*n+1;return-M+a*o},l=t=>{const a=Math.exp(-t*n),o=(c-t)*(n*n);return a*o});const T=5/n,h=v(i,l,T);if(n=g.secondsToMilliseconds(n),isNaN(h))return{stiffness:100,damping:10,duration:n};{const t=Math.pow(h,2)*e;return{stiffness:t,damping:s*2*Math.sqrt(e*t),duration:n}}}const j=12;function v(n,r,c){let e=c;for(let i=1;i<j;i++)e=e-n(e)/r(e);return e}function D(n,r){return n*Math.sqrt(1-r*r)}exports.calcAngularFreq=D;exports.findSpring=N;exports.maxDamping=w;exports.maxDuration=x;exports.minDamping=S;exports.minDuration=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(e,i){e.indexOf(i)===-1&&e.push(i)}function d(e,i){const n=e.indexOf(i);n>-1&&e.splice(n,1)}exports.addUniqueItem=t;exports.removeItem=d;

package/dist/lyra235.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra235.cjs","sources":["../node_modules/framer-motion/dist/es/animation/generators/spring/find.mjs"],"sourcesContent":["import { warning } from '../../../utils/errors.mjs';\nimport { clamp } from '../../../utils/clamp.mjs';\nimport { secondsToMilliseconds, millisecondsToSeconds } from '../../../utils/time-conversion.mjs';\n\nconst safeMin = 0.001;\nconst minDuration = 0.01;\nconst maxDuration = 10.0;\nconst minDamping = 0.05;\nconst maxDamping = 1;\nfunction findSpring({ duration = 800, bounce = 0.25, velocity = 0, mass = 1, }) {\n    let envelope;\n    let derivative;\n    warning(duration <= secondsToMilliseconds(maxDuration), \"Spring duration must be 10 seconds or less\");\n    let dampingRatio = 1 - bounce;\n    /**\n     * Restrict dampingRatio and duration to within acceptable ranges.\n     */\n    dampingRatio = clamp(minDamping, maxDamping, dampingRatio);\n    duration = clamp(minDuration, maxDuration, millisecondsToSeconds(duration));\n    if (dampingRatio < 1) {\n        /**\n         * Underdamped spring\n         */\n        envelope = (undampedFreq) => {\n            const exponentialDecay = undampedFreq * dampingRatio;\n            const delta = exponentialDecay * duration;\n            const a = exponentialDecay - velocity;\n            const b = calcAngularFreq(undampedFreq, dampingRatio);\n            const c = Math.exp(-delta);\n            return safeMin - (a / b) * c;\n        };\n        derivative = (undampedFreq) => {\n            const exponentialDecay = undampedFreq * dampingRatio;\n            const delta = exponentialDecay * duration;\n            const d = delta * velocity + velocity;\n            const e = Math.pow(dampingRatio, 2) * Math.pow(undampedFreq, 2) * duration;\n            const f = Math.exp(-delta);\n            const g = calcAngularFreq(Math.pow(undampedFreq, 2), dampingRatio);\n            const factor = -envelope(undampedFreq) + safeMin > 0 ? -1 : 1;\n            return (factor * ((d - e) * f)) / g;\n        };\n    }\n    else {\n        /**\n         * Critically-damped spring\n         */\n        envelope = (undampedFreq) => {\n            const a = Math.exp(-undampedFreq * duration);\n            const b = (undampedFreq - velocity) * duration + 1;\n            return -safeMin + a * b;\n        };\n        derivative = (undampedFreq) => {\n            const a = Math.exp(-undampedFreq * duration);\n            const b = (velocity - undampedFreq) * (duration * duration);\n            return a * b;\n        };\n    }\n    const initialGuess = 5 / duration;\n    const undampedFreq = approximateRoot(envelope, derivative, initialGuess);\n    duration = secondsToMilliseconds(duration);\n    if (isNaN(undampedFreq)) {\n        return {\n            stiffness: 100,\n            damping: 10,\n            duration,\n        };\n    }\n    else {\n        const stiffness = Math.pow(undampedFreq, 2) * mass;\n        return {\n            stiffness,\n            damping: dampingRatio * 2 * Math.sqrt(mass * stiffness),\n            duration,\n        };\n    }\n}\nconst rootIterations = 12;\nfunction approximateRoot(envelope, derivative, initialGuess) {\n    let result = initialGuess;\n    for (let i = 1; i < rootIterations; i++) {\n        result = result - envelope(result) / derivative(result);\n    }\n    return result;\n}\nfunction calcAngularFreq(undampedFreq, dampingRatio) {\n    return undampedFreq * Math.sqrt(1 - dampingRatio * dampingRatio);\n}\n\nexport { calcAngularFreq, findSpring, maxDamping, maxDuration, minDamping, minDuration };\n"],"names":["safeMin","minDuration","maxDuration","minDamping","maxDamping","findSpring","duration","bounce","velocity","mass","envelope","derivative","warning","secondsToMilliseconds","dampingRatio","clamp","millisecondsToSeconds","undampedFreq","exponentialDecay","delta","a","b","calcAngularFreq","c","d","e","f","g","initialGuess","approximateRoot","stiffness","rootIterations","result"],"mappings":"uKAIMA,EAAU,KACVC,EAAc,IACdC,EAAc,GACdC,EAAa,IACbC,EAAa,EACnB,SAASC,EAAW,CAAE,SAAAC,EAAW,IAAK,OAAAC,EAAS,IAAM,SAAAC,EAAW,EAAG,KAAAC,EAAO,GAAM,CAC5E,IAAIC,EACAC,EACJC,EAAAA,QAAQN,GAAYO,EAAAA,sBAAsBX,CAAW,EAAG,4CAA4C,EACpG,IAAIY,EAAe,EAAIP,EAIvBO,EAAeC,EAAAA,MAAMZ,EAAYC,EAAYU,CAAY,EACzDR,EAAWS,EAAK,MAACd,EAAaC,EAAac,EAAqB,sBAACV,CAAQ,CAAC,EACtEQ,EAAe,GAIfJ,EAAYO,GAAiB,CACzB,MAAMC,EAAmBD,EAAeH,EAClCK,EAAQD,EAAmBZ,EAC3Bc,EAAIF,EAAmBV,EACvBa,EAAIC,EAAgBL,EAAcH,CAAY,EAC9CS,EAAI,KAAK,IAAI,CAACJ,CAAK,EACzB,OAAOnB,EAAWoB,EAAIC,EAAKE,CACvC,EACQZ,EAAcM,GAAiB,CAE3B,MAAME,EADmBF,EAAeH,EACPR,EAC3BkB,EAAIL,EAAQX,EAAWA,EACvBiB,EAAI,KAAK,IAAIX,EAAc,CAAC,EAAI,KAAK,IAAIG,EAAc,CAAC,EAAIX,EAC5DoB,EAAI,KAAK,IAAI,CAACP,CAAK,EACnBQ,EAAIL,EAAgB,KAAK,IAAIL,EAAc,CAAC,EAAGH,CAAY,EAEjE,OADe,CAACJ,EAASO,CAAY,EAAIjB,EAAU,EAAI,GAAK,KACzCwB,EAAIC,GAAKC,GAAMC,CAC9C,IAMQjB,EAAYO,GAAiB,CACzB,MAAM,EAAI,KAAK,IAAI,CAACA,EAAeX,CAAQ,EACrCe,GAAKJ,EAAeT,GAAYF,EAAW,EACjD,MAAO,CAACN,EAAU,EAAIqB,CAClC,EACQV,EAAcM,GAAiB,CAC3B,MAAM,EAAI,KAAK,IAAI,CAACA,EAAeX,CAAQ,EACrCe,GAAKb,EAAWS,IAAiBX,EAAWA,GAClD,OAAO,EAAIe,CACvB,GAEI,MAAMO,EAAe,EAAItB,EACnBW,EAAeY,EAAgBnB,EAAUC,EAAYiB,CAAY,EAEvE,GADAtB,EAAWO,EAAAA,sBAAsBP,CAAQ,EACrC,MAAMW,CAAY,EAClB,MAAO,CACH,UAAW,IACX,QAAS,GACT,SAAAX,CACZ,EAES,CACD,MAAMwB,EAAY,KAAK,IAAIb,EAAc,CAAC,EAAIR,EAC9C,MAAO,CACH,UAAAqB,EACA,QAAShB,EAAe,EAAI,KAAK,KAAKL,EAAOqB,CAAS,EACtD,SAAAxB,CACZ,CACK,CACL,CACA,MAAMyB,EAAiB,GACvB,SAASF,EAAgBnB,EAAUC,EAAYiB,EAAc,CACzD,IAAII,EAASJ,EACb,QAAS,EAAI,EAAG,EAAIG,EAAgB,IAChCC,EAASA,EAAStB,EAASsB,CAAM,EAAIrB,EAAWqB,CAAM,EAE1D,OAAOA,CACX,CACA,SAASV,EAAgBL,EAAcH,EAAc,CACjD,OAAOG,EAAe,KAAK,KAAK,EAAIH,EAAeA,CAAY,CACnE","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra235.cjs","sources":["../node_modules/framer-motion/dist/es/utils/array.mjs"],"sourcesContent":["function addUniqueItem(arr, item) {\n    if (arr.indexOf(item) === -1)\n        arr.push(item);\n}\nfunction removeItem(arr, item) {\n    const index = arr.indexOf(item);\n    if (index > -1)\n        arr.splice(index, 1);\n}\n// Adapted from array-move\nfunction moveItem([...arr], fromIndex, toIndex) {\n    const startIndex = fromIndex < 0 ? arr.length + fromIndex : fromIndex;\n    if (startIndex >= 0 && startIndex < arr.length) {\n        const endIndex = toIndex < 0 ? arr.length + toIndex : toIndex;\n        const [item] = arr.splice(fromIndex, 1);\n        arr.splice(endIndex, 0, item);\n    }\n    return arr;\n}\n\nexport { addUniqueItem, moveItem, removeItem };\n"],"names":["addUniqueItem","arr","item","removeItem","index"],"mappings":"gFAAA,SAASA,EAAcC,EAAKC,EAAM,CAC1BD,EAAI,QAAQC,CAAI,IAAM,IACtBD,EAAI,KAAKC,CAAI,CACrB,CACA,SAASC,EAAWF,EAAKC,EAAM,CAC3B,MAAME,EAAQH,EAAI,QAAQC,CAAI,EAC1BE,EAAQ,IACRH,EAAI,OAAOG,EAAO,CAAC,CAC3B","x_google_ignoreList":[0]}

package/dist/lyra235.js

@@ -1,55 +1,11 @@
-import { warning as N } from "./lyra171.js";
-import { clamp as h } from "./lyra219.js";
-import { secondsToMilliseconds as g, millisecondsToSeconds as T } from "./lyra220.js";
-const M = 1e-3, A = 0.01, D = 10, G = 0.05, I = 1;
-function E({ duration: t = 800, bounce: i = 0.25, velocity: c = 0, mass: o = 1 }) {
-  let a, p;
-  N(t <= g(D), "Spring duration must be 10 seconds or less");
-  let s = 1 - i;
-  s = h(G, I, s), t = h(A, D, T(t)), s < 1 ? (a = (n) => {
-    const r = n * s, e = r * t, l = r - c, f = w(n, s), m = Math.exp(-e);
-    return M - l / f * m;
-  }, p = (n) => {
-    const e = n * s * t, l = e * c + c, f = Math.pow(s, 2) * Math.pow(n, 2) * t, m = Math.exp(-e), S = w(Math.pow(n, 2), s);
-    return (-a(n) + M > 0 ? -1 : 1) * ((l - f) * m) / S;
-  }) : (a = (n) => {
-    const r = Math.exp(-n * t), e = (n - c) * t + 1;
-    return -M + r * e;
-  }, p = (n) => {
-    const r = Math.exp(-n * t), e = (c - n) * (t * t);
-    return r * e;
-  });
-  const b = 5 / t, x = j(a, p, b);
-  if (t = g(t), isNaN(x))
-    return {
-      stiffness: 100,
-      damping: 10,
-      duration: t
-    };
-  {
-    const n = Math.pow(x, 2) * o;
-    return {
-      stiffness: n,
-      damping: s * 2 * Math.sqrt(o * n),
-      duration: t
-    };
-  }
+function f(e, n) {
+  e.indexOf(n) === -1 && e.push(n);
 }
-const R = 12;
-function j(t, i, c) {
-  let o = c;
-  for (let a = 1; a < R; a++)
-    o = o - t(o) / i(o);
-  return o;
-}
-function w(t, i) {
-  return t * Math.sqrt(1 - i * i);
+function d(e, n) {
+  const i = e.indexOf(n);
+  i > -1 && e.splice(i, 1);
 }
 export {
-  w as calcAngularFreq,
-  E as findSpring,
-  I as maxDamping,
-  D as maxDuration,
-  G as minDamping,
-  A as minDuration
+  f as addUniqueItem,
+  d as removeItem
 };