@new-black/lyra 0.1.16 → 0.1.17

package/dist/lyra21.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra21.js","sources":["../src/components/inputs/select/select.tsx"],"sourcesContent":["import { CSSProperties, Key, useCallback, useRef, useState } from \"react\";\nimport { Label } from \"react-aria-components\";\n\nimport { Listbox } from \"@headlessui/react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { useLocale } 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} from \"../shared.styles\";\nimport { TagGroup, TagItem } from \"../shared/tags\";\n\nimport {\n  MultiSelectProps,\n  SelectFooterProps,\n  SelectHeaderProps,\n  SelectItemProps,\n  SelectItemsProps,\n  SelectProps,\n  ValueButton,\n} from \"./select.types\";\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 SelectHeader = ({ label, optionalLabel, isRequired }: SelectHeaderProps) => (\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      </Label>\n    ) : null}\n    {isRequired === false ? (\n      <span\n        className={sharedInputHintStyles()}\n        style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n      >\n        {optionalLabel}\n      </span>\n    ) : null}\n  </div>\n);\n\nconst SelectFooter = ({ description, errorMessage }: SelectFooterProps) => (\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 SelectItem = <T extends object>({\n  item,\n  state,\n  renderItem,\n  itemLabelKey,\n}: SelectItemProps<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 SelectItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  open,\n  renderItem,\n  triggerRef,\n}: SelectItemsProps<T>) => {\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      {items && items.length ? (\n        <Listbox.Options static className={listBoxStyles()}>\n          {items.map((item) => (\n            <Listbox.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                <SelectItem\n                  item={item}\n                  state={renderItemState}\n                  renderItem={renderItem}\n                  itemLabelKey={itemLabelKey}\n                />\n              )}\n            </Listbox.Option>\n          ))}\n        </Listbox.Options>\n      ) : null}\n    </Popover>\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\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"Escape\" || e.key === \"Backspace\") {\n      onChange?.(undefined);\n    }\n  };\n\n  return (\n    <Listbox.Button\n      className={sharedInputFieldStyles({\n        fullWidth,\n        isDisabled,\n        isHovered,\n        isFocused,\n        isInvalid,\n        size,\n        className: minHeightClasses(size),\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    </Listbox.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    <Listbox.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      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    </Listbox.Button>\n  );\n};\n\nexport const Select = <T extends object>({\n  isDisabled,\n  isRequired,\n  label,\n  optionalLabel = \"Optional\",\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}: SelectProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  return (\n    <Listbox\n      disabled={isDisabled}\n      name={name}\n      by={by as any}\n      onChange={onSingleChange}\n      value={internalValue ?? \"\"}\n    >\n      {({ open, disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SelectHeader label={label} optionalLabel={optionalLabel} 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            <SelectFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SelectItems<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          />\n        </>\n      )}\n    </Listbox>\n  );\n};\n\nexport const MultiSelect = <T extends object>({\n  isDisabled,\n  isRequired,\n  label,\n  optionalLabel = \"Optional\",\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}: MultiSelectProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const onMultipleChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  return (\n    <Listbox\n      disabled={isDisabled}\n      name={name}\n      by={by as any}\n      onChange={onMultipleChange}\n      multiple\n      value={internalValue ?? []}\n    >\n      {({ open, disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SelectHeader label={label} optionalLabel={optionalLabel} 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={onMultipleChange}\n              />\n            </div>\n            <SelectFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SelectItems<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          />\n        </>\n      )}\n    </Listbox>\n  );\n};\n"],"names":["minHeightClasses","size","cx","SelectHeader","label","optionalLabel","isRequired","jsxs","jsx","Label","sharedInputlabelStyles","sharedInputHintStyles","SelectFooter","description","errorMessage","Fragment","Text","SelectItem","item","state","renderItem","itemLabelKey","SvgIcon","SelectItems","direction","disabledItemIdKeys","itemIdKey","items","open","triggerRef","Popover","_a","Listbox","listBoxStyles","active","selected","disabled","twMerge","listBoxItemStyles","renderItemState","SingleValueButton","endSlot","fullWidth","isDisabled","isInvalid","placeholder","startSlot","value","onChange","isFocused","setIsFocused","useState","isHovered","setIsHovered","onKeyDown","e","sharedInputFieldStyles","buttonStyles","MultipleValuesButton","TagGroup","keys","TagItem","Select","by","defaultValue","name","internalValue","setInternalValue","useRef","useLocale","onSingleChange","useCallback","newValue","sharedInputFieldWrapperStyles","MultiSelect","onMultipleChange"],"mappings":"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"}
+{"version":3,"file":"lyra21.js","sources":["../src/components/inputs/select/select.tsx"],"sourcesContent":["import { CSSProperties, Key, useCallback, useRef, useState } from \"react\";\nimport { Label } from \"react-aria-components\";\n\nimport { Listbox } from \"@headlessui/react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { useLocale } 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} from \"../shared.styles\";\nimport { TagGroup, TagItem } from \"../shared/tags\";\n\nimport {\n  MultiSelectProps,\n  SelectFooterProps,\n  SelectHeaderProps,\n  SelectItemProps,\n  SelectItemsProps,\n  SelectProps,\n  ValueButton,\n} from \"./select.types\";\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 SelectHeader = ({ isRequired, label, optionalLabel }: SelectHeaderProps) => (\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      </Label>\n    ) : null}\n    {isRequired === false ? (\n      <span\n        className={sharedInputHintStyles()}\n        style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n      >\n        {optionalLabel}\n      </span>\n    ) : null}\n  </div>\n);\n\nconst SelectFooter = ({ description, errorMessage }: SelectFooterProps) => (\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 SelectItem = <T extends object>({\n  item,\n  itemLabelKey,\n  renderItem,\n  state,\n}: SelectItemProps<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 SelectItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  open,\n  renderItem,\n  triggerRef,\n}: SelectItemsProps<T>) => {\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      {items && items.length ? (\n        <Listbox.Options static className={listBoxStyles()}>\n          {items.map((item) => (\n            <Listbox.Option\n              key={item[itemIdKey] as Key}\n              className={({ active, disabled, selected }) =>\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                <SelectItem\n                  item={item}\n                  state={renderItemState}\n                  renderItem={renderItem}\n                  itemLabelKey={itemLabelKey}\n                />\n              )}\n            </Listbox.Option>\n          ))}\n        </Listbox.Options>\n      ) : null}\n    </Popover>\n  );\n};\n\nconst SingleValueButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  itemLabelKey,\n  onChange,\n  open,\n  placeholder,\n  size = \"medium\",\n  startSlot,\n  value,\n}: Omit<ValueButton<T>, \"onChange\"> & {\n  onChange: (newValue?: T) => void;\n}) => {\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\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    <Listbox.Button\n      className={sharedInputFieldStyles({\n        fullWidth,\n        isDisabled,\n        isHovered,\n        isFocused,\n        isInvalid,\n        size,\n        className: minHeightClasses(size),\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    </Listbox.Button>\n  );\n};\n\nconst MultipleValuesButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  itemIdKey,\n  itemLabelKey,\n  label,\n  onChange,\n  open,\n  placeholder,\n  size = \"medium\",\n  startSlot,\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    <Listbox.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      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    </Listbox.Button>\n  );\n};\n\nexport const Select = <T extends object>({\n  by,\n  defaultValue,\n  description,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  label,\n  name,\n  onChange,\n  optionalLabel = \"Optional\",\n  placeholder,\n  renderItem,\n  size = \"medium\",\n  startSlot,\n  value,\n}: SelectProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  return (\n    <Listbox\n      disabled={isDisabled}\n      name={name}\n      by={by as any}\n      onChange={onSingleChange}\n      value={internalValue ?? \"\"}\n    >\n      {({ disabled, open, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SelectHeader label={label} optionalLabel={optionalLabel} 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            <SelectFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SelectItems<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          />\n        </>\n      )}\n    </Listbox>\n  );\n};\n\nexport const MultiSelect = <T extends object>({\n  by,\n  defaultValue,\n  description,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  label,\n  name,\n  onChange,\n  optionalLabel = \"Optional\",\n  placeholder,\n  renderItem,\n  size = \"medium\",\n  startSlot,\n  value,\n}: MultiSelectProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const onMultipleChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  return (\n    <Listbox\n      disabled={isDisabled}\n      name={name}\n      by={by as any}\n      onChange={onMultipleChange}\n      multiple\n      value={internalValue ?? []}\n    >\n      {({ disabled, open, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SelectHeader label={label} optionalLabel={optionalLabel} 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={onMultipleChange}\n              />\n            </div>\n            <SelectFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SelectItems<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          />\n        </>\n      )}\n    </Listbox>\n  );\n};\n"],"names":["minHeightClasses","size","cx","SelectHeader","isRequired","label","optionalLabel","jsxs","jsx","Label","sharedInputlabelStyles","sharedInputHintStyles","SelectFooter","description","errorMessage","Fragment","Text","SelectItem","item","itemLabelKey","renderItem","state","SvgIcon","SelectItems","direction","disabledItemIdKeys","itemIdKey","items","open","triggerRef","Popover","_a","Listbox","listBoxStyles","active","disabled","selected","twMerge","listBoxItemStyles","renderItemState","SingleValueButton","endSlot","fullWidth","isDisabled","isInvalid","onChange","placeholder","startSlot","value","isFocused","setIsFocused","useState","isHovered","setIsHovered","onKeyDown","e","sharedInputFieldStyles","buttonStyles","MultipleValuesButton","TagGroup","keys","TagItem","Select","by","defaultValue","name","internalValue","setInternalValue","useRef","useLocale","onSingleChange","useCallback","newValue","sharedInputFieldWrapperStyles","MultiSelect","onMultipleChange"],"mappings":"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"}

package/dist/lyra210.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],t=new Set(r);exports.transformPropOrder=r;exports.transformProps=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=new WeakMap;exports.visualElementStore=e;

package/dist/lyra210.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra210.cjs","sources":["../node_modules/framer-motion/dist/es/render/html/utils/transform.mjs"],"sourcesContent":["/**\n * Generate a list of every possible transform key.\n */\nconst transformPropOrder = [\n    \"transformPerspective\",\n    \"x\",\n    \"y\",\n    \"z\",\n    \"translateX\",\n    \"translateY\",\n    \"translateZ\",\n    \"scale\",\n    \"scaleX\",\n    \"scaleY\",\n    \"rotate\",\n    \"rotateX\",\n    \"rotateY\",\n    \"rotateZ\",\n    \"skew\",\n    \"skewX\",\n    \"skewY\",\n];\n/**\n * A quick lookup for transform props.\n */\nconst transformProps = new Set(transformPropOrder);\n\nexport { transformPropOrder, transformProps };\n"],"names":["transformPropOrder","transformProps"],"mappings":"gFAGK,MAACA,EAAqB,CACvB,uBACA,IACA,IACA,IACA,aACA,aACA,aACA,QACA,SACA,SACA,SACA,UACA,UACA,UACA,OACA,QACA,OACJ,EAIMC,EAAiB,IAAI,IAAID,CAAkB","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra210.cjs","sources":["../node_modules/framer-motion/dist/es/render/store.mjs"],"sourcesContent":["const visualElementStore = new WeakMap();\n\nexport { visualElementStore };\n"],"names":["visualElementStore"],"mappings":"gFAAK,MAACA,EAAqB,IAAI","x_google_ignoreList":[0]}

package/dist/lyra210.js

@@ -1,23 +1,4 @@
-const t = [
-  "transformPerspective",
-  "x",
-  "y",
-  "z",
-  "translateX",
-  "translateY",
-  "translateZ",
-  "scale",
-  "scaleX",
-  "scaleY",
-  "rotate",
-  "rotateX",
-  "rotateY",
-  "rotateZ",
-  "skew",
-  "skewX",
-  "skewY"
-], e = new Set(t);
+const e = /* @__PURE__ */ new WeakMap();
 export {
-  t as transformPropOrder,
-  e as transformProps
+  e as visualElementStore
 };

package/dist/lyra210.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra210.js","sources":["../node_modules/framer-motion/dist/es/render/html/utils/transform.mjs"],"sourcesContent":["/**\n * Generate a list of every possible transform key.\n */\nconst transformPropOrder = [\n    \"transformPerspective\",\n    \"x\",\n    \"y\",\n    \"z\",\n    \"translateX\",\n    \"translateY\",\n    \"translateZ\",\n    \"scale\",\n    \"scaleX\",\n    \"scaleY\",\n    \"rotate\",\n    \"rotateX\",\n    \"rotateY\",\n    \"rotateZ\",\n    \"skew\",\n    \"skewX\",\n    \"skewY\",\n];\n/**\n * A quick lookup for transform props.\n */\nconst transformProps = new Set(transformPropOrder);\n\nexport { transformPropOrder, transformProps };\n"],"names":["transformPropOrder","transformProps"],"mappings":"AAGK,MAACA,IAAqB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAIMC,IAAiB,IAAI,IAAID,CAAkB;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra210.js","sources":["../node_modules/framer-motion/dist/es/render/store.mjs"],"sourcesContent":["const visualElementStore = new WeakMap();\n\nexport { visualElementStore };\n"],"names":["visualElementStore"],"mappings":"AAAK,MAACA,IAAqB,oBAAI,QAAO;","x_google_ignoreList":[0]}

package/dist/lyra211.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra274.cjs"),r=require("./lyra212.cjs"),o=require("./lyra217.cjs");function n(i){return a.isAnimationControls(i.animate)||o.variantProps.some(t=>r.isVariantLabel(i[t]))}function e(i){return!!(n(i)||i.variants)}exports.isControllingVariants=n;exports.isVariantNode=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra230.cjs"),t=require("./lyra255.cjs"),{schedule:a,cancel:r,state:n,steps:c}=t.createRenderBatcher(typeof requestAnimationFrame<"u"?requestAnimationFrame:e.noop,!0);exports.cancelFrame=r;exports.frame=a;exports.frameData=n;exports.steps=c;

package/dist/lyra211.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra211.cjs","sources":["../node_modules/framer-motion/dist/es/render/utils/is-controlling-variants.mjs"],"sourcesContent":["import { isAnimationControls } from '../../animation/utils/is-animation-controls.mjs';\nimport { isVariantLabel } from './is-variant-label.mjs';\nimport { variantProps } from './variant-props.mjs';\n\nfunction isControllingVariants(props) {\n    return (isAnimationControls(props.animate) ||\n        variantProps.some((name) => isVariantLabel(props[name])));\n}\nfunction isVariantNode(props) {\n    return Boolean(isControllingVariants(props) || props.variants);\n}\n\nexport { isControllingVariants, isVariantNode };\n"],"names":["isControllingVariants","props","isAnimationControls","variantProps","name","isVariantLabel","isVariantNode"],"mappings":"uKAIA,SAASA,EAAsBC,EAAO,CAClC,OAAQC,EAAmB,oBAACD,EAAM,OAAO,GACrCE,EAAY,aAAC,KAAMC,GAASC,EAAc,eAACJ,EAAMG,CAAI,CAAC,CAAC,CAC/D,CACA,SAASE,EAAcL,EAAO,CAC1B,MAAO,GAAQD,EAAsBC,CAAK,GAAKA,EAAM,SACzD","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra211.cjs","sources":["../node_modules/framer-motion/dist/es/frameloop/frame.mjs"],"sourcesContent":["import { noop } from '../utils/noop.mjs';\nimport { createRenderBatcher } from './batcher.mjs';\n\nconst { schedule: frame, cancel: cancelFrame, state: frameData, steps, } = createRenderBatcher(typeof requestAnimationFrame !== \"undefined\" ? requestAnimationFrame : noop, true);\n\nexport { cancelFrame, frame, frameData, steps };\n"],"names":["frame","cancelFrame","frameData","steps","createRenderBatcher","noop"],"mappings":"4IAGM,CAAE,SAAUA,EAAO,OAAQC,EAAa,MAAOC,EAAW,MAAAC,CAAK,EAAMC,EAAAA,oBAAoB,OAAO,sBAA0B,IAAc,sBAAwBC,EAAI,KAAE,EAAI","x_google_ignoreList":[0]}

package/dist/lyra211.js

@@ -1,13 +1,9 @@
-import { isAnimationControls as o } from "./lyra274.js";
-import { isVariantLabel as r } from "./lyra212.js";
-import { variantProps as t } from "./lyra217.js";
-function a(i) {
-  return o(i.animate) || t.some((n) => r(i[n]));
-}
-function f(i) {
-  return !!(a(i) || i.variants);
-}
+import { noop as e } from "./lyra230.js";
+import { createRenderBatcher as r } from "./lyra255.js";
+const { schedule: m, cancel: n, state: o, steps: c } = r(typeof requestAnimationFrame < "u" ? requestAnimationFrame : e, !0);
 export {
-  a as isControllingVariants,
-  f as isVariantNode
+  n as cancelFrame,
+  m as frame,
+  o as frameData,
+  c as steps
 };

package/dist/lyra211.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra211.js","sources":["../node_modules/framer-motion/dist/es/render/utils/is-controlling-variants.mjs"],"sourcesContent":["import { isAnimationControls } from '../../animation/utils/is-animation-controls.mjs';\nimport { isVariantLabel } from './is-variant-label.mjs';\nimport { variantProps } from './variant-props.mjs';\n\nfunction isControllingVariants(props) {\n    return (isAnimationControls(props.animate) ||\n        variantProps.some((name) => isVariantLabel(props[name])));\n}\nfunction isVariantNode(props) {\n    return Boolean(isControllingVariants(props) || props.variants);\n}\n\nexport { isControllingVariants, isVariantNode };\n"],"names":["isControllingVariants","props","isAnimationControls","variantProps","name","isVariantLabel","isVariantNode"],"mappings":";;;AAIA,SAASA,EAAsBC,GAAO;AAClC,SAAQC,EAAoBD,EAAM,OAAO,KACrCE,EAAa,KAAK,CAACC,MAASC,EAAeJ,EAAMG,CAAI,CAAC,CAAC;AAC/D;AACA,SAASE,EAAcL,GAAO;AAC1B,SAAO,GAAQD,EAAsBC,CAAK,KAAKA,EAAM;AACzD;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra211.js","sources":["../node_modules/framer-motion/dist/es/frameloop/frame.mjs"],"sourcesContent":["import { noop } from '../utils/noop.mjs';\nimport { createRenderBatcher } from './batcher.mjs';\n\nconst { schedule: frame, cancel: cancelFrame, state: frameData, steps, } = createRenderBatcher(typeof requestAnimationFrame !== \"undefined\" ? requestAnimationFrame : noop, true);\n\nexport { cancelFrame, frame, frameData, steps };\n"],"names":["frame","cancelFrame","frameData","steps","createRenderBatcher","noop"],"mappings":";;AAGK,MAAC,EAAE,UAAUA,GAAO,QAAQC,GAAa,OAAOC,GAAW,OAAAC,EAAK,IAAMC,EAAoB,OAAO,wBAA0B,MAAc,wBAAwBC,GAAM,EAAI;","x_google_ignoreList":[0]}

package/dist/lyra212.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(r){return typeof r=="string"||Array.isArray(r)}exports.isVariantLabel=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={};function o(r){Object.assign(e,r)}exports.addScaleCorrector=o;exports.scaleCorrectors=e;

package/dist/lyra212.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra212.cjs","sources":["../node_modules/framer-motion/dist/es/render/utils/is-variant-label.mjs"],"sourcesContent":["/**\n * Decides if the supplied variable is variant label\n */\nfunction isVariantLabel(v) {\n    return typeof v === \"string\" || Array.isArray(v);\n}\n\nexport { isVariantLabel };\n"],"names":["isVariantLabel","v"],"mappings":"gFAGA,SAASA,EAAeC,EAAG,CACvB,OAAO,OAAOA,GAAM,UAAY,MAAM,QAAQA,CAAC,CACnD","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra212.cjs","sources":["../node_modules/framer-motion/dist/es/projection/styles/scale-correction.mjs"],"sourcesContent":["const scaleCorrectors = {};\nfunction addScaleCorrector(correctors) {\n    Object.assign(scaleCorrectors, correctors);\n}\n\nexport { addScaleCorrector, scaleCorrectors };\n"],"names":["scaleCorrectors","addScaleCorrector","correctors"],"mappings":"gFAAK,MAACA,EAAkB,CAAG,EAC3B,SAASC,EAAkBC,EAAY,CACnC,OAAO,OAAOF,EAAiBE,CAAU,CAC7C","x_google_ignoreList":[0]}

package/dist/lyra212.js

@@ -1,6 +1,8 @@
-function t(r) {
-  return typeof r == "string" || Array.isArray(r);
+const o = {};
+function r(c) {
+  Object.assign(o, c);
 }
 export {
-  t as isVariantLabel
+  r as addScaleCorrector,
+  o as scaleCorrectors
 };

package/dist/lyra212.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra212.js","sources":["../node_modules/framer-motion/dist/es/render/utils/is-variant-label.mjs"],"sourcesContent":["/**\n * Decides if the supplied variable is variant label\n */\nfunction isVariantLabel(v) {\n    return typeof v === \"string\" || Array.isArray(v);\n}\n\nexport { isVariantLabel };\n"],"names":["isVariantLabel","v"],"mappings":"AAGA,SAASA,EAAeC,GAAG;AACvB,SAAO,OAAOA,KAAM,YAAY,MAAM,QAAQA,CAAC;AACnD;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra212.js","sources":["../node_modules/framer-motion/dist/es/projection/styles/scale-correction.mjs"],"sourcesContent":["const scaleCorrectors = {};\nfunction addScaleCorrector(correctors) {\n    Object.assign(scaleCorrectors, correctors);\n}\n\nexport { addScaleCorrector, scaleCorrectors };\n"],"names":["scaleCorrectors","addScaleCorrector","correctors"],"mappings":"AAAK,MAACA,IAAkB,CAAG;AAC3B,SAASC,EAAkBC,GAAY;AACnC,SAAO,OAAOF,GAAiBE,CAAU;AAC7C;","x_google_ignoreList":[0]}

package/dist/lyra213.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra209.cjs"),d=require("./lyra215.cjs"),l=require("./lyra208.cjs"),V=require("./lyra183.cjs");function c(o,a,t){const{willChange:s}=a;for(const e in a){const i=a[e],r=t[e];if(V.isMotionValue(i))o.addValue(e,i),u.isWillChangeMotionValue(s)&&s.add(e),process.env.NODE_ENV==="development"&&d.warnOnce(i.version==="10.16.4",`Attempting to mix Framer Motion versions ${i.version} with 10.16.4 may not work as expected.`);else if(V.isMotionValue(r))o.addValue(e,l.motionValue(i,{owner:o})),u.isWillChangeMotionValue(s)&&s.remove(e);else if(r!==i)if(o.hasValue(e)){const n=o.getValue(e);!n.hasAnimated&&n.set(i)}else{const n=o.getStaticValue(e);o.addValue(e,l.motionValue(n!==void 0?n:i,{owner:o}))}}for(const e in t)a[e]===void 0&&o.removeValue(e);return a}exports.updateMotionValuesFromProps=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra202.cjs"),u={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},c=o.transformPropOrder.length;function d(e,{enableHardwareAcceleration:a=!0,allowTransformNone:l=!0},s,i){let r="";for(let n=0;n<c;n++){const t=o.transformPropOrder[n];if(e[t]!==void 0){const f=u[t]||t;r+=`${f}(${e[t]}) `}}return a&&!e.z&&(r+="translateZ(0)"),r=r.trim(),i?r=i(e,s?"":r):l&&s&&(r="none"),r}exports.buildTransform=d;

package/dist/lyra213.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra213.cjs","sources":["../node_modules/framer-motion/dist/es/render/utils/motion-values.mjs"],"sourcesContent":["import { isWillChangeMotionValue } from '../../value/use-will-change/is.mjs';\nimport { warnOnce } from '../../utils/warn-once.mjs';\nimport { motionValue } from '../../value/index.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction updateMotionValuesFromProps(element, next, prev) {\n    const { willChange } = next;\n    for (const key in next) {\n        const nextValue = next[key];\n        const prevValue = prev[key];\n        if (isMotionValue(nextValue)) {\n            /**\n             * If this is a motion value found in props or style, we want to add it\n             * to our visual element's motion value map.\n             */\n            element.addValue(key, nextValue);\n            if (isWillChangeMotionValue(willChange)) {\n                willChange.add(key);\n            }\n            /**\n             * Check the version of the incoming motion value with this version\n             * and warn against mismatches.\n             */\n            if (process.env.NODE_ENV === \"development\") {\n                warnOnce(nextValue.version === \"10.16.4\", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.16.4 may not work as expected.`);\n            }\n        }\n        else if (isMotionValue(prevValue)) {\n            /**\n             * If we're swapping from a motion value to a static value,\n             * create a new motion value from that\n             */\n            element.addValue(key, motionValue(nextValue, { owner: element }));\n            if (isWillChangeMotionValue(willChange)) {\n                willChange.remove(key);\n            }\n        }\n        else if (prevValue !== nextValue) {\n            /**\n             * If this is a flat value that has changed, update the motion value\n             * or create one if it doesn't exist. We only want to do this if we're\n             * not handling the value with our animation state.\n             */\n            if (element.hasValue(key)) {\n                const existingValue = element.getValue(key);\n                // TODO: Only update values that aren't being animated or even looked at\n                !existingValue.hasAnimated && existingValue.set(nextValue);\n            }\n            else {\n                const latestValue = element.getStaticValue(key);\n                element.addValue(key, motionValue(latestValue !== undefined ? latestValue : nextValue, { owner: element }));\n            }\n        }\n    }\n    // Handle removed values\n    for (const key in prev) {\n        if (next[key] === undefined)\n            element.removeValue(key);\n    }\n    return next;\n}\n\nexport { updateMotionValuesFromProps };\n"],"names":["updateMotionValuesFromProps","element","next","prev","willChange","key","nextValue","prevValue","isMotionValue","isWillChangeMotionValue","warnOnce","motionValue","existingValue","latestValue"],"mappings":"kMAKA,SAASA,EAA4BC,EAASC,EAAMC,EAAM,CACtD,KAAM,CAAE,WAAAC,CAAY,EAAGF,EACvB,UAAWG,KAAOH,EAAM,CACpB,MAAMI,EAAYJ,EAAKG,CAAG,EACpBE,EAAYJ,EAAKE,CAAG,EAC1B,GAAIG,EAAAA,cAAcF,CAAS,EAKvBL,EAAQ,SAASI,EAAKC,CAAS,EAC3BG,EAAAA,wBAAwBL,CAAU,GAClCA,EAAW,IAAIC,CAAG,EAMlB,QAAQ,IAAI,WAAa,eACzBK,WAASJ,EAAU,UAAY,UAAW,4CAA4CA,EAAU,OAAO,yCAAyC,UAG/IE,EAAAA,cAAcD,CAAS,EAK5BN,EAAQ,SAASI,EAAKM,EAAW,YAACL,EAAW,CAAE,MAAOL,CAAS,CAAA,CAAC,EAC5DQ,EAAAA,wBAAwBL,CAAU,GAClCA,EAAW,OAAOC,CAAG,UAGpBE,IAAcD,EAMnB,GAAIL,EAAQ,SAASI,CAAG,EAAG,CACvB,MAAMO,EAAgBX,EAAQ,SAASI,CAAG,EAE1C,CAACO,EAAc,aAAeA,EAAc,IAAIN,CAAS,CAC5D,KACI,CACD,MAAMO,EAAcZ,EAAQ,eAAeI,CAAG,EAC9CJ,EAAQ,SAASI,EAAKM,EAAAA,YAAYE,IAAgB,OAAYA,EAAcP,EAAW,CAAE,MAAOL,CAAO,CAAE,CAAC,CAC7G,CAER,CAED,UAAWI,KAAOF,EACVD,EAAKG,CAAG,IAAM,QACdJ,EAAQ,YAAYI,CAAG,EAE/B,OAAOH,CACX","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra213.cjs","sources":["../node_modules/framer-motion/dist/es/render/html/utils/build-transform.mjs"],"sourcesContent":["import { transformPropOrder } from './transform.mjs';\n\nconst translateAlias = {\n    x: \"translateX\",\n    y: \"translateY\",\n    z: \"translateZ\",\n    transformPerspective: \"perspective\",\n};\nconst numTransforms = transformPropOrder.length;\n/**\n * Build a CSS transform style from individual x/y/scale etc properties.\n *\n * This outputs with a default order of transforms/scales/rotations, this can be customised by\n * providing a transformTemplate function.\n */\nfunction buildTransform(transform, { enableHardwareAcceleration = true, allowTransformNone = true, }, transformIsDefault, transformTemplate) {\n    // The transform string we're going to build into.\n    let transformString = \"\";\n    /**\n     * Loop over all possible transforms in order, adding the ones that\n     * are present to the transform string.\n     */\n    for (let i = 0; i < numTransforms; i++) {\n        const key = transformPropOrder[i];\n        if (transform[key] !== undefined) {\n            const transformName = translateAlias[key] || key;\n            transformString += `${transformName}(${transform[key]}) `;\n        }\n    }\n    if (enableHardwareAcceleration && !transform.z) {\n        transformString += \"translateZ(0)\";\n    }\n    transformString = transformString.trim();\n    // If we have a custom `transform` template, pass our transform values and\n    // generated transformString to that before returning\n    if (transformTemplate) {\n        transformString = transformTemplate(transform, transformIsDefault ? \"\" : transformString);\n    }\n    else if (allowTransformNone && transformIsDefault) {\n        transformString = \"none\";\n    }\n    return transformString;\n}\n\nexport { buildTransform };\n"],"names":["translateAlias","numTransforms","transformPropOrder","buildTransform","transform","enableHardwareAcceleration","allowTransformNone","transformIsDefault","transformTemplate","transformString","i","key","transformName"],"mappings":"iHAEMA,EAAiB,CACnB,EAAG,aACH,EAAG,aACH,EAAG,aACH,qBAAsB,aAC1B,EACMC,EAAgBC,EAAkB,mBAAC,OAOzC,SAASC,EAAeC,EAAW,CAAE,2BAAAC,EAA6B,GAAM,mBAAAC,EAAqB,EAAI,EAAKC,EAAoBC,EAAmB,CAEzI,IAAIC,EAAkB,GAKtB,QAASC,EAAI,EAAGA,EAAIT,EAAeS,IAAK,CACpC,MAAMC,EAAMT,qBAAmBQ,CAAC,EAChC,GAAIN,EAAUO,CAAG,IAAM,OAAW,CAC9B,MAAMC,EAAgBZ,EAAeW,CAAG,GAAKA,EAC7CF,GAAmB,GAAGG,CAAa,IAAIR,EAAUO,CAAG,CAAC,IACxD,CACJ,CACD,OAAIN,GAA8B,CAACD,EAAU,IACzCK,GAAmB,iBAEvBA,EAAkBA,EAAgB,OAG9BD,EACAC,EAAkBD,EAAkBJ,EAAWG,EAAqB,GAAKE,CAAe,EAEnFH,GAAsBC,IAC3BE,EAAkB,QAEfA,CACX","x_google_ignoreList":[0]}

package/dist/lyra213.js

@@ -1,28 +1,21 @@
-import { isWillChangeMotionValue as u } from "./lyra209.js";
-import { warnOnce as l } from "./lyra215.js";
-import { motionValue as f } from "./lyra208.js";
-import { isMotionValue as d } from "./lyra183.js";
-function v(i, e, t) {
-  const { willChange: s } = e;
-  for (const o in e) {
-    const a = e[o], n = t[o];
-    if (d(a))
-      i.addValue(o, a), u(s) && s.add(o), process.env.NODE_ENV === "development" && l(a.version === "10.16.4", `Attempting to mix Framer Motion versions ${a.version} with 10.16.4 may not work as expected.`);
-    else if (d(n))
-      i.addValue(o, f(a, { owner: i })), u(s) && s.remove(o);
-    else if (n !== a)
-      if (i.hasValue(o)) {
-        const r = i.getValue(o);
-        !r.hasAnimated && r.set(a);
-      } else {
-        const r = i.getStaticValue(o);
-        i.addValue(o, f(r !== void 0 ? r : a, { owner: i }));
-      }
+import { transformPropOrder as o } from "./lyra202.js";
+const c = {
+  x: "translateX",
+  y: "translateY",
+  z: "translateZ",
+  transformPerspective: "perspective"
+}, u = o.length;
+function p(e, { enableHardwareAcceleration: a = !0, allowTransformNone: l = !0 }, i, s) {
+  let t = "";
+  for (let n = 0; n < u; n++) {
+    const r = o[n];
+    if (e[r] !== void 0) {
+      const f = c[r] || r;
+      t += `${f}(${e[r]}) `;
+    }
   }
-  for (const o in t)
-    e[o] === void 0 && i.removeValue(o);
-  return e;
+  return a && !e.z && (t += "translateZ(0)"), t = t.trim(), s ? t = s(e, i ? "" : t) : l && i && (t = "none"), t;
 }
 export {
-  v as updateMotionValuesFromProps
+  p as buildTransform
 };

package/dist/lyra213.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra213.js","sources":["../node_modules/framer-motion/dist/es/render/utils/motion-values.mjs"],"sourcesContent":["import { isWillChangeMotionValue } from '../../value/use-will-change/is.mjs';\nimport { warnOnce } from '../../utils/warn-once.mjs';\nimport { motionValue } from '../../value/index.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction updateMotionValuesFromProps(element, next, prev) {\n    const { willChange } = next;\n    for (const key in next) {\n        const nextValue = next[key];\n        const prevValue = prev[key];\n        if (isMotionValue(nextValue)) {\n            /**\n             * If this is a motion value found in props or style, we want to add it\n             * to our visual element's motion value map.\n             */\n            element.addValue(key, nextValue);\n            if (isWillChangeMotionValue(willChange)) {\n                willChange.add(key);\n            }\n            /**\n             * Check the version of the incoming motion value with this version\n             * and warn against mismatches.\n             */\n            if (process.env.NODE_ENV === \"development\") {\n                warnOnce(nextValue.version === \"10.16.4\", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.16.4 may not work as expected.`);\n            }\n        }\n        else if (isMotionValue(prevValue)) {\n            /**\n             * If we're swapping from a motion value to a static value,\n             * create a new motion value from that\n             */\n            element.addValue(key, motionValue(nextValue, { owner: element }));\n            if (isWillChangeMotionValue(willChange)) {\n                willChange.remove(key);\n            }\n        }\n        else if (prevValue !== nextValue) {\n            /**\n             * If this is a flat value that has changed, update the motion value\n             * or create one if it doesn't exist. We only want to do this if we're\n             * not handling the value with our animation state.\n             */\n            if (element.hasValue(key)) {\n                const existingValue = element.getValue(key);\n                // TODO: Only update values that aren't being animated or even looked at\n                !existingValue.hasAnimated && existingValue.set(nextValue);\n            }\n            else {\n                const latestValue = element.getStaticValue(key);\n                element.addValue(key, motionValue(latestValue !== undefined ? latestValue : nextValue, { owner: element }));\n            }\n        }\n    }\n    // Handle removed values\n    for (const key in prev) {\n        if (next[key] === undefined)\n            element.removeValue(key);\n    }\n    return next;\n}\n\nexport { updateMotionValuesFromProps };\n"],"names":["updateMotionValuesFromProps","element","next","prev","willChange","key","nextValue","prevValue","isMotionValue","isWillChangeMotionValue","warnOnce","motionValue","existingValue","latestValue"],"mappings":";;;;AAKA,SAASA,EAA4BC,GAASC,GAAMC,GAAM;AACtD,QAAM,EAAE,YAAAC,EAAY,IAAGF;AACvB,aAAWG,KAAOH,GAAM;AACpB,UAAMI,IAAYJ,EAAKG,CAAG,GACpBE,IAAYJ,EAAKE,CAAG;AAC1B,QAAIG,EAAcF,CAAS;AAKvB,MAAAL,EAAQ,SAASI,GAAKC,CAAS,GAC3BG,EAAwBL,CAAU,KAClCA,EAAW,IAAIC,CAAG,GAMlB,QAAQ,IAAI,aAAa,iBACzBK,EAASJ,EAAU,YAAY,WAAW,4CAA4CA,EAAU,OAAO,yCAAyC;AAAA,aAG/IE,EAAcD,CAAS;AAK5B,MAAAN,EAAQ,SAASI,GAAKM,EAAYL,GAAW,EAAE,OAAOL,EAAS,CAAA,CAAC,GAC5DQ,EAAwBL,CAAU,KAClCA,EAAW,OAAOC,CAAG;AAAA,aAGpBE,MAAcD;AAMnB,UAAIL,EAAQ,SAASI,CAAG,GAAG;AACvB,cAAMO,IAAgBX,EAAQ,SAASI,CAAG;AAE1C,SAACO,EAAc,eAAeA,EAAc,IAAIN,CAAS;AAAA,MAC5D,OACI;AACD,cAAMO,IAAcZ,EAAQ,eAAeI,CAAG;AAC9C,QAAAJ,EAAQ,SAASI,GAAKM,EAAYE,MAAgB,SAAYA,IAAcP,GAAW,EAAE,OAAOL,EAAO,CAAE,CAAC;AAAA,MAC7G;AAAA,EAER;AAED,aAAWI,KAAOF;AACd,IAAID,EAAKG,CAAG,MAAM,UACdJ,EAAQ,YAAYI,CAAG;AAE/B,SAAOH;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra213.js","sources":["../node_modules/framer-motion/dist/es/render/html/utils/build-transform.mjs"],"sourcesContent":["import { transformPropOrder } from './transform.mjs';\n\nconst translateAlias = {\n    x: \"translateX\",\n    y: \"translateY\",\n    z: \"translateZ\",\n    transformPerspective: \"perspective\",\n};\nconst numTransforms = transformPropOrder.length;\n/**\n * Build a CSS transform style from individual x/y/scale etc properties.\n *\n * This outputs with a default order of transforms/scales/rotations, this can be customised by\n * providing a transformTemplate function.\n */\nfunction buildTransform(transform, { enableHardwareAcceleration = true, allowTransformNone = true, }, transformIsDefault, transformTemplate) {\n    // The transform string we're going to build into.\n    let transformString = \"\";\n    /**\n     * Loop over all possible transforms in order, adding the ones that\n     * are present to the transform string.\n     */\n    for (let i = 0; i < numTransforms; i++) {\n        const key = transformPropOrder[i];\n        if (transform[key] !== undefined) {\n            const transformName = translateAlias[key] || key;\n            transformString += `${transformName}(${transform[key]}) `;\n        }\n    }\n    if (enableHardwareAcceleration && !transform.z) {\n        transformString += \"translateZ(0)\";\n    }\n    transformString = transformString.trim();\n    // If we have a custom `transform` template, pass our transform values and\n    // generated transformString to that before returning\n    if (transformTemplate) {\n        transformString = transformTemplate(transform, transformIsDefault ? \"\" : transformString);\n    }\n    else if (allowTransformNone && transformIsDefault) {\n        transformString = \"none\";\n    }\n    return transformString;\n}\n\nexport { buildTransform };\n"],"names":["translateAlias","numTransforms","transformPropOrder","buildTransform","transform","enableHardwareAcceleration","allowTransformNone","transformIsDefault","transformTemplate","transformString","i","key","transformName"],"mappings":";AAEA,MAAMA,IAAiB;AAAA,EACnB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,sBAAsB;AAC1B,GACMC,IAAgBC,EAAmB;AAOzC,SAASC,EAAeC,GAAW,EAAE,4BAAAC,IAA6B,IAAM,oBAAAC,IAAqB,GAAI,GAAKC,GAAoBC,GAAmB;AAEzI,MAAIC,IAAkB;AAKtB,WAASC,IAAI,GAAGA,IAAIT,GAAeS,KAAK;AACpC,UAAMC,IAAMT,EAAmBQ,CAAC;AAChC,QAAIN,EAAUO,CAAG,MAAM,QAAW;AAC9B,YAAMC,IAAgBZ,EAAeW,CAAG,KAAKA;AAC7C,MAAAF,KAAmB,GAAGG,CAAa,IAAIR,EAAUO,CAAG,CAAC;AAAA,IACxD;AAAA,EACJ;AACD,SAAIN,KAA8B,CAACD,EAAU,MACzCK,KAAmB,kBAEvBA,IAAkBA,EAAgB,QAG9BD,IACAC,IAAkBD,EAAkBJ,GAAWG,IAAqB,KAAKE,CAAe,IAEnFH,KAAsBC,MAC3BE,IAAkB,SAEfA;AACX;","x_google_ignoreList":[0]}

package/dist/lyra214.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function v(a,r,e,t={},u={}){return typeof r=="function"&&(r=r(e!==void 0?e:a.custom,t,u)),typeof r=="string"&&(r=a.variants&&a.variants[r]),typeof r=="function"&&(r=r(e!==void 0?e:a.custom,t,u)),r}exports.resolveVariantFromProps=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./lyra215.cjs"),ee=require("./lyra216.cjs"),Q=require("./lyra217.cjs"),te=require("./lyra218.cjs"),ie=require("./lyra219.cjs"),ne=require("./lyra220.cjs"),D=require("./lyra221.cjs"),R=require("./lyra222.cjs"),re={decay:Q.inertia,inertia:Q.inertia,tween:q.keyframes,keyframes:q.keyframes,spring:ee.spring};function le({autoplay:X=!0,delay:Y=0,driver:Z=te.frameloopDriver,keyframes:u,type:_="keyframes",repeat:h=0,repeatDelay:v=0,repeatType:g="loop",onPlay:x,onStop:T,onComplete:A,onUpdate:O,...M}){let r=1,V=!1,k,j;const F=()=>{j=new Promise(e=>{k=e})};F();let l;const P=re[_]||q.keyframes;let I;P!==q.keyframes&&typeof u[0]!="number"&&(I=ie.interpolate([0,100],u,{clamp:!1}),u=[0,100]);const s=P({...M,keyframes:u});let B;g==="mirror"&&(B=P({...M,keyframes:[...u].reverse(),velocity:-(M.velocity||0)}));let i="idle",o=null,n=null,y=null;s.calculatedDuration===null&&h&&(s.calculatedDuration=R.calcGeneratorDuration(s));const{calculatedDuration:S}=s;let f=1/0,c=1/0;S!==null&&(f=S+v,c=f*(h+1)-v);let t=0;const b=e=>{if(n===null)return;r>0&&(n=Math.min(n,e)),r<0&&(n=Math.min(e-c/r,n)),o!==null?t=o:t=Math.round(e-n)*r;const d=t-Y*(r>=0?1:-1),z=r>=0?d<0:d>c;t=Math.max(d,0),i==="finished"&&o===null&&(t=c);let C=t,E=s;if(h){const G=t/f;let p=Math.floor(G),a=G%1;!a&&G>=1&&(a=1),a===1&&p--,p=Math.min(p,h+1);const J=!!(p%2);J&&(g==="reverse"?(a=1-a,v&&(a-=v/f)):g==="mirror"&&(E=B));let L=ne.clamp(0,1,a);t>c&&(L=g==="reverse"&&J?1:0),C=L*f}const m=z?{done:!1,value:u[0]}:E.next(C);I&&(m.value=I(m.value));let{done:H}=m;!z&&S!==null&&(H=r>=0?t>=c:t<=0);const $=o===null&&(i==="finished"||i==="running"&&H);return O&&O(m.value),$&&U(),m},K=()=>{l&&l.stop(),l=void 0},N=()=>{i="idle",K(),k(),F(),n=y=null},U=()=>{i="finished",A&&A(),K(),k()},W=()=>{if(V)return;l||(l=Z(b));const e=l.now();x&&x(),o!==null?n=e-o:(!n||i==="finished")&&(n=e),i==="finished"&&F(),y=n,o=null,i="running",l.start()};X&&W();const w={then(e,d){return j.then(e,d)},get time(){return D.millisecondsToSeconds(t)},set time(e){e=D.secondsToMilliseconds(e),t=e,o!==null||!l||r===0?o=e:n=l.now()-e/r},get duration(){const e=s.calculatedDuration===null?R.calcGeneratorDuration(s):s.calculatedDuration;return D.millisecondsToSeconds(e)},get speed(){return r},set speed(e){e===r||!l||(r=e,w.time=D.millisecondsToSeconds(t))},get state(){return i},play:W,pause:()=>{i="paused",o=t},stop:()=>{V=!0,i!=="idle"&&(i="idle",T&&T(),N())},cancel:()=>{y!==null&&b(y),N()},complete:()=>{i="finished"},sample:e=>(n=0,b(e))};return w}exports.animateValue=le;

package/dist/lyra214.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra214.cjs","sources":["../node_modules/framer-motion/dist/es/render/utils/resolve-variants.mjs"],"sourcesContent":["function resolveVariantFromProps(props, definition, custom, currentValues = {}, currentVelocity = {}) {\n    /**\n     * If the variant definition is a function, resolve.\n     */\n    if (typeof definition === \"function\") {\n        definition = definition(custom !== undefined ? custom : props.custom, currentValues, currentVelocity);\n    }\n    /**\n     * If the variant definition is a variant label, or\n     * the function returned a variant label, resolve.\n     */\n    if (typeof definition === \"string\") {\n        definition = props.variants && props.variants[definition];\n    }\n    /**\n     * At this point we've resolved both functions and variant labels,\n     * but the resolved variant label might itself have been a function.\n     * If so, resolve. This can only have returned a valid target object.\n     */\n    if (typeof definition === \"function\") {\n        definition = definition(custom !== undefined ? custom : props.custom, currentValues, currentVelocity);\n    }\n    return definition;\n}\n\nexport { resolveVariantFromProps };\n"],"names":["resolveVariantFromProps","props","definition","custom","currentValues","currentVelocity"],"mappings":"gFAAA,SAASA,EAAwBC,EAAOC,EAAYC,EAAQC,EAAgB,CAAE,EAAEC,EAAkB,GAAI,CAIlG,OAAI,OAAOH,GAAe,aACtBA,EAAaA,EAAWC,IAAW,OAAYA,EAASF,EAAM,OAAQG,EAAeC,CAAe,GAMpG,OAAOH,GAAe,WACtBA,EAAaD,EAAM,UAAYA,EAAM,SAASC,CAAU,GAOxD,OAAOA,GAAe,aACtBA,EAAaA,EAAWC,IAAW,OAAYA,EAASF,EAAM,OAAQG,EAAeC,CAAe,GAEjGH,CACX","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra214.cjs","sources":["../node_modules/framer-motion/dist/es/animation/animators/js/index.mjs"],"sourcesContent":["import { keyframes } from '../../generators/keyframes.mjs';\nimport { spring } from '../../generators/spring/index.mjs';\nimport { inertia } from '../../generators/inertia.mjs';\nimport { frameloopDriver } from './driver-frameloop.mjs';\nimport { interpolate } from '../../../utils/interpolate.mjs';\nimport { clamp } from '../../../utils/clamp.mjs';\nimport { millisecondsToSeconds, secondsToMilliseconds } from '../../../utils/time-conversion.mjs';\nimport { calcGeneratorDuration } from '../../generators/utils/calc-duration.mjs';\n\nconst types = {\n    decay: inertia,\n    inertia,\n    tween: keyframes,\n    keyframes: keyframes,\n    spring,\n};\n/**\n * Animate a single value on the main thread.\n *\n * This function is written, where functionality overlaps,\n * to be largely spec-compliant with WAAPI to allow fungibility\n * between the two.\n */\nfunction animateValue({ autoplay = true, delay = 0, driver = frameloopDriver, keyframes: keyframes$1, type = \"keyframes\", repeat = 0, repeatDelay = 0, repeatType = \"loop\", onPlay, onStop, onComplete, onUpdate, ...options }) {\n    let speed = 1;\n    let hasStopped = false;\n    let resolveFinishedPromise;\n    let currentFinishedPromise;\n    /**\n     * Resolve the current Promise every time we enter the\n     * finished state. This is WAAPI-compatible behaviour.\n     */\n    const updateFinishedPromise = () => {\n        currentFinishedPromise = new Promise((resolve) => {\n            resolveFinishedPromise = resolve;\n        });\n    };\n    // Create the first finished promise\n    updateFinishedPromise();\n    let animationDriver;\n    const generatorFactory = types[type] || keyframes;\n    /**\n     * If this isn't the keyframes generator and we've been provided\n     * strings as keyframes, we need to interpolate these.\n     * TODO: Support velocity for units and complex value types/\n     */\n    let mapNumbersToKeyframes;\n    if (generatorFactory !== keyframes &&\n        typeof keyframes$1[0] !== \"number\") {\n        mapNumbersToKeyframes = interpolate([0, 100], keyframes$1, {\n            clamp: false,\n        });\n        keyframes$1 = [0, 100];\n    }\n    const generator = generatorFactory({ ...options, keyframes: keyframes$1 });\n    let mirroredGenerator;\n    if (repeatType === \"mirror\") {\n        mirroredGenerator = generatorFactory({\n            ...options,\n            keyframes: [...keyframes$1].reverse(),\n            velocity: -(options.velocity || 0),\n        });\n    }\n    let playState = \"idle\";\n    let holdTime = null;\n    let startTime = null;\n    let cancelTime = null;\n    /**\n     * If duration is undefined and we have repeat options,\n     * we need to calculate a duration from the generator.\n     *\n     * We set it to the generator itself to cache the duration.\n     * Any timeline resolver will need to have already precalculated\n     * the duration by this step.\n     */\n    if (generator.calculatedDuration === null && repeat) {\n        generator.calculatedDuration = calcGeneratorDuration(generator);\n    }\n    const { calculatedDuration } = generator;\n    let resolvedDuration = Infinity;\n    let totalDuration = Infinity;\n    if (calculatedDuration !== null) {\n        resolvedDuration = calculatedDuration + repeatDelay;\n        totalDuration = resolvedDuration * (repeat + 1) - repeatDelay;\n    }\n    let currentTime = 0;\n    const tick = (timestamp) => {\n        if (startTime === null)\n            return;\n        /**\n         * requestAnimationFrame timestamps can come through as lower than\n         * the startTime as set by performance.now(). Here we prevent this,\n         * though in the future it could be possible to make setting startTime\n         * a pending operation that gets resolved here.\n         */\n        if (speed > 0)\n            startTime = Math.min(startTime, timestamp);\n        if (speed < 0)\n            startTime = Math.min(timestamp - totalDuration / speed, startTime);\n        if (holdTime !== null) {\n            currentTime = holdTime;\n        }\n        else {\n            // Rounding the time because floating point arithmetic is not always accurate, e.g. 3000.367 - 1000.367 =\n            // 2000.0000000000002. This is a problem when we are comparing the currentTime with the duration, for\n            // example.\n            currentTime = Math.round(timestamp - startTime) * speed;\n        }\n        // Rebase on delay\n        const timeWithoutDelay = currentTime - delay * (speed >= 0 ? 1 : -1);\n        const isInDelayPhase = speed >= 0 ? timeWithoutDelay < 0 : timeWithoutDelay > totalDuration;\n        currentTime = Math.max(timeWithoutDelay, 0);\n        /**\n         * If this animation has finished, set the current time\n         * to the total duration.\n         */\n        if (playState === \"finished\" && holdTime === null) {\n            currentTime = totalDuration;\n        }\n        let elapsed = currentTime;\n        let frameGenerator = generator;\n        if (repeat) {\n            /**\n             * Get the current progress (0-1) of the animation. If t is >\n             * than duration we'll get values like 2.5 (midway through the\n             * third iteration)\n             */\n            const progress = currentTime / resolvedDuration;\n            /**\n             * Get the current iteration (0 indexed). For instance the floor of\n             * 2.5 is 2.\n             */\n            let currentIteration = Math.floor(progress);\n            /**\n             * Get the current progress of the iteration by taking the remainder\n             * so 2.5 is 0.5 through iteration 2\n             */\n            let iterationProgress = progress % 1.0;\n            /**\n             * If iteration progress is 1 we count that as the end\n             * of the previous iteration.\n             */\n            if (!iterationProgress && progress >= 1) {\n                iterationProgress = 1;\n            }\n            iterationProgress === 1 && currentIteration--;\n            currentIteration = Math.min(currentIteration, repeat + 1);\n            /**\n             * Reverse progress if we're not running in \"normal\" direction\n             */\n            const iterationIsOdd = Boolean(currentIteration % 2);\n            if (iterationIsOdd) {\n                if (repeatType === \"reverse\") {\n                    iterationProgress = 1 - iterationProgress;\n                    if (repeatDelay) {\n                        iterationProgress -= repeatDelay / resolvedDuration;\n                    }\n                }\n                else if (repeatType === \"mirror\") {\n                    frameGenerator = mirroredGenerator;\n                }\n            }\n            let p = clamp(0, 1, iterationProgress);\n            if (currentTime > totalDuration) {\n                p = repeatType === \"reverse\" && iterationIsOdd ? 1 : 0;\n            }\n            elapsed = p * resolvedDuration;\n        }\n        /**\n         * If we're in negative time, set state as the initial keyframe.\n         * This prevents delay: x, duration: 0 animations from finishing\n         * instantly.\n         */\n        const state = isInDelayPhase\n            ? { done: false, value: keyframes$1[0] }\n            : frameGenerator.next(elapsed);\n        if (mapNumbersToKeyframes) {\n            state.value = mapNumbersToKeyframes(state.value);\n        }\n        let { done } = state;\n        if (!isInDelayPhase && calculatedDuration !== null) {\n            done = speed >= 0 ? currentTime >= totalDuration : currentTime <= 0;\n        }\n        const isAnimationFinished = holdTime === null &&\n            (playState === \"finished\" || (playState === \"running\" && done));\n        if (onUpdate) {\n            onUpdate(state.value);\n        }\n        if (isAnimationFinished) {\n            finish();\n        }\n        return state;\n    };\n    const stopAnimationDriver = () => {\n        animationDriver && animationDriver.stop();\n        animationDriver = undefined;\n    };\n    const cancel = () => {\n        playState = \"idle\";\n        stopAnimationDriver();\n        resolveFinishedPromise();\n        updateFinishedPromise();\n        startTime = cancelTime = null;\n    };\n    const finish = () => {\n        playState = \"finished\";\n        onComplete && onComplete();\n        stopAnimationDriver();\n        resolveFinishedPromise();\n    };\n    const play = () => {\n        if (hasStopped)\n            return;\n        if (!animationDriver)\n            animationDriver = driver(tick);\n        const now = animationDriver.now();\n        onPlay && onPlay();\n        if (holdTime !== null) {\n            startTime = now - holdTime;\n        }\n        else if (!startTime || playState === \"finished\") {\n            startTime = now;\n        }\n        if (playState === \"finished\") {\n            updateFinishedPromise();\n        }\n        cancelTime = startTime;\n        holdTime = null;\n        /**\n         * Set playState to running only after we've used it in\n         * the previous logic.\n         */\n        playState = \"running\";\n        animationDriver.start();\n    };\n    if (autoplay) {\n        play();\n    }\n    const controls = {\n        then(resolve, reject) {\n            return currentFinishedPromise.then(resolve, reject);\n        },\n        get time() {\n            return millisecondsToSeconds(currentTime);\n        },\n        set time(newTime) {\n            newTime = secondsToMilliseconds(newTime);\n            currentTime = newTime;\n            if (holdTime !== null || !animationDriver || speed === 0) {\n                holdTime = newTime;\n            }\n            else {\n                startTime = animationDriver.now() - newTime / speed;\n            }\n        },\n        get duration() {\n            const duration = generator.calculatedDuration === null\n                ? calcGeneratorDuration(generator)\n                : generator.calculatedDuration;\n            return millisecondsToSeconds(duration);\n        },\n        get speed() {\n            return speed;\n        },\n        set speed(newSpeed) {\n            if (newSpeed === speed || !animationDriver)\n                return;\n            speed = newSpeed;\n            controls.time = millisecondsToSeconds(currentTime);\n        },\n        get state() {\n            return playState;\n        },\n        play,\n        pause: () => {\n            playState = \"paused\";\n            holdTime = currentTime;\n        },\n        stop: () => {\n            hasStopped = true;\n            if (playState === \"idle\")\n                return;\n            playState = \"idle\";\n            onStop && onStop();\n            cancel();\n        },\n        cancel: () => {\n            if (cancelTime !== null)\n                tick(cancelTime);\n            cancel();\n        },\n        complete: () => {\n            playState = \"finished\";\n        },\n        sample: (elapsed) => {\n            startTime = 0;\n            return tick(elapsed);\n        },\n    };\n    return controls;\n}\n\nexport { animateValue };\n"],"names":["types","inertia","keyframes","spring","animateValue","autoplay","delay","driver","frameloopDriver","keyframes$1","type","repeat","repeatDelay","repeatType","onPlay","onStop","onComplete","onUpdate","options","speed","hasStopped","resolveFinishedPromise","currentFinishedPromise","updateFinishedPromise","resolve","animationDriver","generatorFactory","mapNumbersToKeyframes","interpolate","generator","mirroredGenerator","playState","holdTime","startTime","cancelTime","calcGeneratorDuration","calculatedDuration","resolvedDuration","totalDuration","currentTime","tick","timestamp","timeWithoutDelay","isInDelayPhase","elapsed","frameGenerator","progress","currentIteration","iterationProgress","iterationIsOdd","p","clamp","state","done","isAnimationFinished","finish","stopAnimationDriver","cancel","play","now","controls","reject","millisecondsToSeconds","newTime","secondsToMilliseconds","duration","newSpeed"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/lyra214.js

@@ -1,6 +1,121 @@
-function y(r, a, v, f = {}, u = {}) {
-  return typeof a == "function" && (a = a(v !== void 0 ? v : r.custom, f, u)), typeof a == "string" && (a = r.variants && r.variants[a]), typeof a == "function" && (a = a(v !== void 0 ? v : r.custom, f, u)), a;
+import { keyframes as y } from "./lyra215.js";
+import { spring as ee } from "./lyra216.js";
+import { inertia as T } from "./lyra217.js";
+import { frameloopDriver as te } from "./lyra218.js";
+import { interpolate as ie } from "./lyra219.js";
+import { clamp as ne } from "./lyra220.js";
+import { millisecondsToSeconds as A, secondsToMilliseconds as re } from "./lyra221.js";
+import { calcGeneratorDuration as X } from "./lyra222.js";
+const le = {
+  decay: T,
+  inertia: T,
+  tween: y,
+  keyframes: y,
+  spring: ee
+};
+function he({ autoplay: Y = !0, delay: Z = 0, driver: _ = te, keyframes: u, type: C = "keyframes", repeat: h = 0, repeatDelay: p = 0, repeatType: v = "loop", onPlay: B, onStop: K, onComplete: N, onUpdate: O, ...M }) {
+  let r = 1, S = !1, F, V;
+  const I = () => {
+    V = new Promise((e) => {
+      F = e;
+    });
+  };
+  I();
+  let l;
+  const P = le[C] || y;
+  let x;
+  P !== y && typeof u[0] != "number" && (x = ie([0, 100], u, {
+    clamp: !1
+  }), u = [0, 100]);
+  const s = P({ ...M, keyframes: u });
+  let W;
+  v === "mirror" && (W = P({
+    ...M,
+    keyframes: [...u].reverse(),
+    velocity: -(M.velocity || 0)
+  }));
+  let i = "idle", o = null, n = null, g = null;
+  s.calculatedDuration === null && h && (s.calculatedDuration = X(s));
+  const { calculatedDuration: G } = s;
+  let c = 1 / 0, f = 1 / 0;
+  G !== null && (c = G + p, f = c * (h + 1) - p);
+  let t = 0;
+  const b = (e) => {
+    if (n === null)
+      return;
+    r > 0 && (n = Math.min(n, e)), r < 0 && (n = Math.min(e - f / r, n)), o !== null ? t = o : t = Math.round(e - n) * r;
+    const m = t - Z * (r >= 0 ? 1 : -1), E = r >= 0 ? m < 0 : m > f;
+    t = Math.max(m, 0), i === "finished" && o === null && (t = f);
+    let H = t, J = s;
+    if (h) {
+      const k = t / c;
+      let D = Math.floor(k), a = k % 1;
+      !a && k >= 1 && (a = 1), a === 1 && D--, D = Math.min(D, h + 1);
+      const Q = !!(D % 2);
+      Q && (v === "reverse" ? (a = 1 - a, p && (a -= p / c)) : v === "mirror" && (J = W));
+      let R = ne(0, 1, a);
+      t > f && (R = v === "reverse" && Q ? 1 : 0), H = R * c;
+    }
+    const d = E ? { done: !1, value: u[0] } : J.next(H);
+    x && (d.value = x(d.value));
+    let { done: L } = d;
+    !E && G !== null && (L = r >= 0 ? t >= f : t <= 0);
+    const $ = o === null && (i === "finished" || i === "running" && L);
+    return O && O(d.value), $ && U(), d;
+  }, j = () => {
+    l && l.stop(), l = void 0;
+  }, q = () => {
+    i = "idle", j(), F(), I(), n = g = null;
+  }, U = () => {
+    i = "finished", N && N(), j(), F();
+  }, w = () => {
+    if (S)
+      return;
+    l || (l = _(b));
+    const e = l.now();
+    B && B(), o !== null ? n = e - o : (!n || i === "finished") && (n = e), i === "finished" && I(), g = n, o = null, i = "running", l.start();
+  };
+  Y && w();
+  const z = {
+    then(e, m) {
+      return V.then(e, m);
+    },
+    get time() {
+      return A(t);
+    },
+    set time(e) {
+      e = re(e), t = e, o !== null || !l || r === 0 ? o = e : n = l.now() - e / r;
+    },
+    get duration() {
+      const e = s.calculatedDuration === null ? X(s) : s.calculatedDuration;
+      return A(e);
+    },
+    get speed() {
+      return r;
+    },
+    set speed(e) {
+      e === r || !l || (r = e, z.time = A(t));
+    },
+    get state() {
+      return i;
+    },
+    play: w,
+    pause: () => {
+      i = "paused", o = t;
+    },
+    stop: () => {
+      S = !0, i !== "idle" && (i = "idle", K && K(), q());
+    },
+    cancel: () => {
+      g !== null && b(g), q();
+    },
+    complete: () => {
+      i = "finished";
+    },
+    sample: (e) => (n = 0, b(e))
+  };
+  return z;
 }
 export {
-  y as resolveVariantFromProps
+  he as animateValue
 };