@new-black/lyra 0.1.13 → 0.1.14

package/dist/lyra21.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra21.cjs","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.cjs","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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"}

package/dist/lyra21.js

@@ -2,17 +2,17 @@ import { j as s } from "./lyra54.js";
 import { useState as S, useRef as R, useCallback as V } from "react";
 import { Label as W } from "./lyra53.js";
 import "./lyra2.js";
-import { cx as M } from "./lyra100.js";
-import "./lyra104.js";
+import { cx as M } from "./lyra63.js";
+import "./lyra68.js";
 import { Text as y } from "./lyra43.js";
-import "./lyra105.js";
-import "./lyra106.js";
-import "./lyra107.js";
+import "./lyra69.js";
+import "./lyra70.js";
+import "./lyra73.js";
 import "./lyra8.js";
 import { buttonStyles as X } from "./lyra9.js";
 import "./lyra10.js";
 import "./lyra11.js";
-import "./lyra149.js";
+import "./lyra115.js";
 import "./lyra13.js";
 import "./lyra26.js";
 import { SvgIcon as B } from "./lyra39.js";
@@ -21,24 +21,25 @@ import "./lyra18.js";
 import "./lyra19.js";
 import "./lyra28.js";
 import { listBoxStyles as Y } from "./lyra29.js";
-import { listBoxItemStyles as Z } from "./lyra153.js";
+import { listBoxItemStyles as Z } from "./lyra154.js";
 import { Popover as _ } from "./lyra30.js";
 import "./lyra32.js";
-import "./lyra147.js";
+import "./lyra116.js";
 import { sharedInputFieldWrapperStyles as D, sharedInputlabelStyles as z, sharedInputHintStyles as C, sharedInputFieldStyles as T } from "./lyra22.js";
-import { TagGroup as K, TagItem as ss } from "./lyra154.js";
+import { TagGroup as K, TagItem as ss } from "./lyra155.js";
 import "./lyra23.js";
-import "./lyra148.js";
+import "./lyra117.js";
 import "./lyra25.js";
 import "./lyra27.js";
-import "./lyra112.js";
+import "./lyra78.js";
 import "./lyra40.js";
-import "./lyra113.js";
+import "./lyra79.js";
 import "./lyra42.js";
-import "./lyra115.js";
+import "./lyra151.js";
 import "./lyra49.js";
 import "./lyra58.js";
-import { Listbox as b } from "./lyra156.js";
+import "./lyra51.js";
+import { Listbox as b } from "./lyra158.js";
 import { twMerge as G } from "./lyra55.js";
 import { useLocale as U } from "./lyra52.js";
 const q = (r) => M(
@@ -262,7 +263,7 @@ const q = (r) => M(
       ]
     }
   );
-}, Xs = ({
+}, Ys = ({
   isDisabled: r,
   isRequired: t,
   label: o,
@@ -338,7 +339,7 @@ const q = (r) => M(
       ] })
     }
   );
-}, Ys = ({
+}, Zs = ({
   isDisabled: r,
   isRequired: t,
   label: o,
@@ -417,6 +418,6 @@ const q = (r) => M(
   );
 };
 export {
-  Ys as MultiSelect,
-  Xs as Select
+  Zs as MultiSelect,
+  Ys as Select
 };

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 = ({ 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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"}

package/dist/lyra210.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=new Set;function c(t,n,r){t||o.has(n)||(console.warn(n),r&&console.warn(r),o.add(n))}exports.warnOnce=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra206.cjs"),d=require("./lyra212.cjs"),l=require("./lyra205.cjs"),V=require("./lyra180.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;

package/dist/lyra210.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra210.cjs","sources":["../node_modules/framer-motion/dist/es/utils/warn-once.mjs"],"sourcesContent":["const warned = new Set();\nfunction warnOnce(condition, message, element) {\n    if (condition || warned.has(message))\n        return;\n    console.warn(message);\n    if (element)\n        console.warn(element);\n    warned.add(message);\n}\n\nexport { warnOnce };\n"],"names":["warned","warnOnce","condition","message","element"],"mappings":"gFAAA,MAAMA,EAAS,IAAI,IACnB,SAASC,EAASC,EAAWC,EAASC,EAAS,CACvCF,GAAaF,EAAO,IAAIG,CAAO,IAEnC,QAAQ,KAAKA,CAAO,EAChBC,GACA,QAAQ,KAAKA,CAAO,EACxBJ,EAAO,IAAIG,CAAO,EACtB","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra210.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]}

package/dist/lyra210.js

@@ -1,7 +1,28 @@
-const r = /* @__PURE__ */ new Set();
-function w(c, n, o) {
-  c || r.has(n) || (console.warn(n), o && console.warn(o), r.add(n));
+import { isWillChangeMotionValue as u } from "./lyra206.js";
+import { warnOnce as l } from "./lyra212.js";
+import { motionValue as f } from "./lyra205.js";
+import { isMotionValue as d } from "./lyra180.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 }));
+      }
+  }
+  for (const o in t)
+    e[o] === void 0 && i.removeValue(o);
+  return e;
 }
 export {
-  w as warnOnce
+  v as updateMotionValuesFromProps
 };

package/dist/lyra210.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra210.js","sources":["../node_modules/framer-motion/dist/es/utils/warn-once.mjs"],"sourcesContent":["const warned = new Set();\nfunction warnOnce(condition, message, element) {\n    if (condition || warned.has(message))\n        return;\n    console.warn(message);\n    if (element)\n        console.warn(element);\n    warned.add(message);\n}\n\nexport { warnOnce };\n"],"names":["warned","warnOnce","condition","message","element"],"mappings":"AAAA,MAAMA,IAAS,oBAAI;AACnB,SAASC,EAASC,GAAWC,GAASC,GAAS;AAC3C,EAAIF,KAAaF,EAAO,IAAIG,CAAO,MAEnC,QAAQ,KAAKA,CAAO,GAChBC,KACA,QAAQ,KAAKA,CAAO,GACxBJ,EAAO,IAAIG,CAAO;AACtB;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra210.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]}

package/dist/lyra211.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},o={};for(const e in n)o[e]={isEnabled:a=>n[e].some(t=>!!a[t])};exports.featureDefinitions=o;
+"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;

package/dist/lyra211.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra211.cjs","sources":["../node_modules/framer-motion/dist/es/motion/features/definitions.mjs"],"sourcesContent":["const featureProps = {\n    animation: [\n        \"animate\",\n        \"variants\",\n        \"whileHover\",\n        \"whileTap\",\n        \"exit\",\n        \"whileInView\",\n        \"whileFocus\",\n        \"whileDrag\",\n    ],\n    exit: [\"exit\"],\n    drag: [\"drag\", \"dragControls\"],\n    focus: [\"whileFocus\"],\n    hover: [\"whileHover\", \"onHoverStart\", \"onHoverEnd\"],\n    tap: [\"whileTap\", \"onTap\", \"onTapStart\", \"onTapCancel\"],\n    pan: [\"onPan\", \"onPanStart\", \"onPanSessionStart\", \"onPanEnd\"],\n    inView: [\"whileInView\", \"onViewportEnter\", \"onViewportLeave\"],\n    layout: [\"layout\", \"layoutId\"],\n};\nconst featureDefinitions = {};\nfor (const key in featureProps) {\n    featureDefinitions[key] = {\n        isEnabled: (props) => featureProps[key].some((name) => !!props[name]),\n    };\n}\n\nexport { featureDefinitions };\n"],"names":["featureProps","featureDefinitions","key","props","name"],"mappings":"gFAAA,MAAMA,EAAe,CACjB,UAAW,CACP,UACA,WACA,aACA,WACA,OACA,cACA,aACA,WACH,EACD,KAAM,CAAC,MAAM,EACb,KAAM,CAAC,OAAQ,cAAc,EAC7B,MAAO,CAAC,YAAY,EACpB,MAAO,CAAC,aAAc,eAAgB,YAAY,EAClD,IAAK,CAAC,WAAY,QAAS,aAAc,aAAa,EACtD,IAAK,CAAC,QAAS,aAAc,oBAAqB,UAAU,EAC5D,OAAQ,CAAC,cAAe,kBAAmB,iBAAiB,EAC5D,OAAQ,CAAC,SAAU,UAAU,CACjC,EACMC,EAAqB,CAAG,EAC9B,UAAWC,KAAOF,EACdC,EAAmBC,CAAG,EAAI,CACtB,UAAYC,GAAUH,EAAaE,CAAG,EAAE,KAAME,GAAS,CAAC,CAACD,EAAMC,CAAI,CAAC,CAC5E","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra211.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]}

package/dist/lyra211.js

@@ -1,27 +1,6 @@
-const n = {
-  animation: [
-    "animate",
-    "variants",
-    "whileHover",
-    "whileTap",
-    "exit",
-    "whileInView",
-    "whileFocus",
-    "whileDrag"
-  ],
-  exit: ["exit"],
-  drag: ["drag", "dragControls"],
-  focus: ["whileFocus"],
-  hover: ["whileHover", "onHoverStart", "onHoverEnd"],
-  tap: ["whileTap", "onTap", "onTapStart", "onTapCancel"],
-  pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
-  inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
-  layout: ["layout", "layoutId"]
-}, t = {};
-for (const e in n)
-  t[e] = {
-    isEnabled: (o) => n[e].some((a) => !!o[a])
-  };
+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;
+}
 export {
-  t as featureDefinitions
+  y as resolveVariantFromProps
 };

package/dist/lyra211.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra211.js","sources":["../node_modules/framer-motion/dist/es/motion/features/definitions.mjs"],"sourcesContent":["const featureProps = {\n    animation: [\n        \"animate\",\n        \"variants\",\n        \"whileHover\",\n        \"whileTap\",\n        \"exit\",\n        \"whileInView\",\n        \"whileFocus\",\n        \"whileDrag\",\n    ],\n    exit: [\"exit\"],\n    drag: [\"drag\", \"dragControls\"],\n    focus: [\"whileFocus\"],\n    hover: [\"whileHover\", \"onHoverStart\", \"onHoverEnd\"],\n    tap: [\"whileTap\", \"onTap\", \"onTapStart\", \"onTapCancel\"],\n    pan: [\"onPan\", \"onPanStart\", \"onPanSessionStart\", \"onPanEnd\"],\n    inView: [\"whileInView\", \"onViewportEnter\", \"onViewportLeave\"],\n    layout: [\"layout\", \"layoutId\"],\n};\nconst featureDefinitions = {};\nfor (const key in featureProps) {\n    featureDefinitions[key] = {\n        isEnabled: (props) => featureProps[key].some((name) => !!props[name]),\n    };\n}\n\nexport { featureDefinitions };\n"],"names":["featureProps","featureDefinitions","key","props","name"],"mappings":"AAAA,MAAMA,IAAe;AAAA,EACjB,WAAW;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACH;AAAA,EACD,MAAM,CAAC,MAAM;AAAA,EACb,MAAM,CAAC,QAAQ,cAAc;AAAA,EAC7B,OAAO,CAAC,YAAY;AAAA,EACpB,OAAO,CAAC,cAAc,gBAAgB,YAAY;AAAA,EAClD,KAAK,CAAC,YAAY,SAAS,cAAc,aAAa;AAAA,EACtD,KAAK,CAAC,SAAS,cAAc,qBAAqB,UAAU;AAAA,EAC5D,QAAQ,CAAC,eAAe,mBAAmB,iBAAiB;AAAA,EAC5D,QAAQ,CAAC,UAAU,UAAU;AACjC,GACMC,IAAqB,CAAG;AAC9B,WAAWC,KAAOF;AACd,EAAAC,EAAmBC,CAAG,IAAI;AAAA,IACtB,WAAW,CAACC,MAAUH,EAAaE,CAAG,EAAE,KAAK,CAACE,MAAS,CAAC,CAACD,EAAMC,CAAI,CAAC;AAAA,EAC5E;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra211.js","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":"AAAA,SAASA,EAAwBC,GAAOC,GAAYC,GAAQC,IAAgB,CAAE,GAAEC,IAAkB,IAAI;AAIlG,SAAI,OAAOH,KAAe,eACtBA,IAAaA,EAAWC,MAAW,SAAYA,IAASF,EAAM,QAAQG,GAAeC,CAAe,IAMpG,OAAOH,KAAe,aACtBA,IAAaD,EAAM,YAAYA,EAAM,SAASC,CAAU,IAOxD,OAAOA,KAAe,eACtBA,IAAaA,EAAWC,MAAW,SAAYA,IAASF,EAAM,QAAQG,GAAeC,CAAe,IAEjGH;AACX;","x_google_ignoreList":[0]}

package/dist/lyra212.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],r=["initial",...i];exports.variantPriorityOrder=i;exports.variantProps=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=new Set;function c(t,n,r){t||o.has(n)||(console.warn(n),r&&console.warn(r),o.add(n))}exports.warnOnce=c;

package/dist/lyra212.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra212.cjs","sources":["../node_modules/framer-motion/dist/es/render/utils/variant-props.mjs"],"sourcesContent":["const variantPriorityOrder = [\n    \"animate\",\n    \"whileInView\",\n    \"whileFocus\",\n    \"whileHover\",\n    \"whileTap\",\n    \"whileDrag\",\n    \"exit\",\n];\nconst variantProps = [\"initial\", ...variantPriorityOrder];\n\nexport { variantPriorityOrder, variantProps };\n"],"names":["variantPriorityOrder","variantProps"],"mappings":"gFAAK,MAACA,EAAuB,CACzB,UACA,cACA,aACA,aACA,WACA,YACA,MACJ,EACMC,EAAe,CAAC,UAAW,GAAGD,CAAoB","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra212.cjs","sources":["../node_modules/framer-motion/dist/es/utils/warn-once.mjs"],"sourcesContent":["const warned = new Set();\nfunction warnOnce(condition, message, element) {\n    if (condition || warned.has(message))\n        return;\n    console.warn(message);\n    if (element)\n        console.warn(element);\n    warned.add(message);\n}\n\nexport { warnOnce };\n"],"names":["warned","warnOnce","condition","message","element"],"mappings":"gFAAA,MAAMA,EAAS,IAAI,IACnB,SAASC,EAASC,EAAWC,EAASC,EAAS,CACvCF,GAAaF,EAAO,IAAIG,CAAO,IAEnC,QAAQ,KAAKA,CAAO,EAChBC,GACA,QAAQ,KAAKA,CAAO,EACxBJ,EAAO,IAAIG,CAAO,EACtB","x_google_ignoreList":[0]}

package/dist/lyra212.js

@@ -1,13 +1,7 @@
-const i = [
-  "animate",
-  "whileInView",
-  "whileFocus",
-  "whileHover",
-  "whileTap",
-  "whileDrag",
-  "exit"
-], e = ["initial", ...i];
+const r = /* @__PURE__ */ new Set();
+function w(c, n, o) {
+  c || r.has(n) || (console.warn(n), o && console.warn(o), r.add(n));
+}
 export {
-  i as variantPriorityOrder,
-  e as variantProps
+  w as warnOnce
 };

package/dist/lyra212.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra212.js","sources":["../node_modules/framer-motion/dist/es/render/utils/variant-props.mjs"],"sourcesContent":["const variantPriorityOrder = [\n    \"animate\",\n    \"whileInView\",\n    \"whileFocus\",\n    \"whileHover\",\n    \"whileTap\",\n    \"whileDrag\",\n    \"exit\",\n];\nconst variantProps = [\"initial\", ...variantPriorityOrder];\n\nexport { variantPriorityOrder, variantProps };\n"],"names":["variantPriorityOrder","variantProps"],"mappings":"AAAK,MAACA,IAAuB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GACMC,IAAe,CAAC,WAAW,GAAGD,CAAoB;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra212.js","sources":["../node_modules/framer-motion/dist/es/utils/warn-once.mjs"],"sourcesContent":["const warned = new Set();\nfunction warnOnce(condition, message, element) {\n    if (condition || warned.has(message))\n        return;\n    console.warn(message);\n    if (element)\n        console.warn(element);\n    warned.add(message);\n}\n\nexport { warnOnce };\n"],"names":["warned","warnOnce","condition","message","element"],"mappings":"AAAA,MAAMA,IAAS,oBAAI;AACnB,SAASC,EAASC,GAAWC,GAASC,GAAS;AAC3C,EAAIF,KAAaF,EAAO,IAAIG,CAAO,MAEnC,QAAQ,KAAKA,CAAO,GAChBC,KACA,QAAQ,KAAKA,CAAO,GACxBJ,EAAO,IAAIG,CAAO;AACtB;","x_google_ignoreList":[0]}

package/dist/lyra213.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=new WeakMap;exports.visualElementStore=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},o={};for(const e in n)o[e]={isEnabled:a=>n[e].some(t=>!!a[t])};exports.featureDefinitions=o;

package/dist/lyra213.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra213.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]}
+{"version":3,"file":"lyra213.cjs","sources":["../node_modules/framer-motion/dist/es/motion/features/definitions.mjs"],"sourcesContent":["const featureProps = {\n    animation: [\n        \"animate\",\n        \"variants\",\n        \"whileHover\",\n        \"whileTap\",\n        \"exit\",\n        \"whileInView\",\n        \"whileFocus\",\n        \"whileDrag\",\n    ],\n    exit: [\"exit\"],\n    drag: [\"drag\", \"dragControls\"],\n    focus: [\"whileFocus\"],\n    hover: [\"whileHover\", \"onHoverStart\", \"onHoverEnd\"],\n    tap: [\"whileTap\", \"onTap\", \"onTapStart\", \"onTapCancel\"],\n    pan: [\"onPan\", \"onPanStart\", \"onPanSessionStart\", \"onPanEnd\"],\n    inView: [\"whileInView\", \"onViewportEnter\", \"onViewportLeave\"],\n    layout: [\"layout\", \"layoutId\"],\n};\nconst featureDefinitions = {};\nfor (const key in featureProps) {\n    featureDefinitions[key] = {\n        isEnabled: (props) => featureProps[key].some((name) => !!props[name]),\n    };\n}\n\nexport { featureDefinitions };\n"],"names":["featureProps","featureDefinitions","key","props","name"],"mappings":"gFAAA,MAAMA,EAAe,CACjB,UAAW,CACP,UACA,WACA,aACA,WACA,OACA,cACA,aACA,WACH,EACD,KAAM,CAAC,MAAM,EACb,KAAM,CAAC,OAAQ,cAAc,EAC7B,MAAO,CAAC,YAAY,EACpB,MAAO,CAAC,aAAc,eAAgB,YAAY,EAClD,IAAK,CAAC,WAAY,QAAS,aAAc,aAAa,EACtD,IAAK,CAAC,QAAS,aAAc,oBAAqB,UAAU,EAC5D,OAAQ,CAAC,cAAe,kBAAmB,iBAAiB,EAC5D,OAAQ,CAAC,SAAU,UAAU,CACjC,EACMC,EAAqB,CAAG,EAC9B,UAAWC,KAAOF,EACdC,EAAmBC,CAAG,EAAI,CACtB,UAAYC,GAAUH,EAAaE,CAAG,EAAE,KAAME,GAAS,CAAC,CAACD,EAAMC,CAAI,CAAC,CAC5E","x_google_ignoreList":[0]}

package/dist/lyra213.js

@@ -1,4 +1,27 @@
-const e = /* @__PURE__ */ new WeakMap();
+const n = {
+  animation: [
+    "animate",
+    "variants",
+    "whileHover",
+    "whileTap",
+    "exit",
+    "whileInView",
+    "whileFocus",
+    "whileDrag"
+  ],
+  exit: ["exit"],
+  drag: ["drag", "dragControls"],
+  focus: ["whileFocus"],
+  hover: ["whileHover", "onHoverStart", "onHoverEnd"],
+  tap: ["whileTap", "onTap", "onTapStart", "onTapCancel"],
+  pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
+  inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
+  layout: ["layout", "layoutId"]
+}, t = {};
+for (const e in n)
+  t[e] = {
+    isEnabled: (o) => n[e].some((a) => !!o[a])
+  };
 export {
-  e as visualElementStore
+  t as featureDefinitions
 };

package/dist/lyra213.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra213.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]}
+{"version":3,"file":"lyra213.js","sources":["../node_modules/framer-motion/dist/es/motion/features/definitions.mjs"],"sourcesContent":["const featureProps = {\n    animation: [\n        \"animate\",\n        \"variants\",\n        \"whileHover\",\n        \"whileTap\",\n        \"exit\",\n        \"whileInView\",\n        \"whileFocus\",\n        \"whileDrag\",\n    ],\n    exit: [\"exit\"],\n    drag: [\"drag\", \"dragControls\"],\n    focus: [\"whileFocus\"],\n    hover: [\"whileHover\", \"onHoverStart\", \"onHoverEnd\"],\n    tap: [\"whileTap\", \"onTap\", \"onTapStart\", \"onTapCancel\"],\n    pan: [\"onPan\", \"onPanStart\", \"onPanSessionStart\", \"onPanEnd\"],\n    inView: [\"whileInView\", \"onViewportEnter\", \"onViewportLeave\"],\n    layout: [\"layout\", \"layoutId\"],\n};\nconst featureDefinitions = {};\nfor (const key in featureProps) {\n    featureDefinitions[key] = {\n        isEnabled: (props) => featureProps[key].some((name) => !!props[name]),\n    };\n}\n\nexport { featureDefinitions };\n"],"names":["featureProps","featureDefinitions","key","props","name"],"mappings":"AAAA,MAAMA,IAAe;AAAA,EACjB,WAAW;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACH;AAAA,EACD,MAAM,CAAC,MAAM;AAAA,EACb,MAAM,CAAC,QAAQ,cAAc;AAAA,EAC7B,OAAO,CAAC,YAAY;AAAA,EACpB,OAAO,CAAC,cAAc,gBAAgB,YAAY;AAAA,EAClD,KAAK,CAAC,YAAY,SAAS,cAAc,aAAa;AAAA,EACtD,KAAK,CAAC,SAAS,cAAc,qBAAqB,UAAU;AAAA,EAC5D,QAAQ,CAAC,eAAe,mBAAmB,iBAAiB;AAAA,EAC5D,QAAQ,CAAC,UAAU,UAAU;AACjC,GACMC,IAAqB,CAAG;AAC9B,WAAWC,KAAOF;AACd,EAAAC,EAAmBC,CAAG,IAAI;AAAA,IACtB,WAAW,CAACC,MAAUH,EAAaE,CAAG,EAAE,KAAK,CAACE,MAAS,CAAC,CAACD,EAAMC,CAAI,CAAC;AAAA,EAC5E;","x_google_ignoreList":[0]}

package/dist/lyra214.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra233.cjs"),t=require("./lyra258.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],r=["initial",...i];exports.variantPriorityOrder=i;exports.variantProps=r;

package/dist/lyra214.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra214.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]}
+{"version":3,"file":"lyra214.cjs","sources":["../node_modules/framer-motion/dist/es/render/utils/variant-props.mjs"],"sourcesContent":["const variantPriorityOrder = [\n    \"animate\",\n    \"whileInView\",\n    \"whileFocus\",\n    \"whileHover\",\n    \"whileTap\",\n    \"whileDrag\",\n    \"exit\",\n];\nconst variantProps = [\"initial\", ...variantPriorityOrder];\n\nexport { variantPriorityOrder, variantProps };\n"],"names":["variantPriorityOrder","variantProps"],"mappings":"gFAAK,MAACA,EAAuB,CACzB,UACA,cACA,aACA,aACA,WACA,YACA,MACJ,EACMC,EAAe,CAAC,UAAW,GAAGD,CAAoB","x_google_ignoreList":[0]}