@new-black/lyra 0.1.14 → 0.1.15

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 "./lyra63.js";
-import "./lyra68.js";
+import { cx as M } from "./lyra60.js";
+import "./lyra66.js";
 import { Text as y } from "./lyra43.js";
-import "./lyra69.js";
-import "./lyra70.js";
-import "./lyra73.js";
+import "./lyra71.js";
+import "./lyra72.js";
+import "./lyra61.js";
 import "./lyra8.js";
 import { buttonStyles as X } from "./lyra9.js";
 import "./lyra10.js";
 import "./lyra11.js";
-import "./lyra115.js";
+import "./lyra77.js";
 import "./lyra13.js";
 import "./lyra26.js";
 import { SvgIcon as B } from "./lyra39.js";
@@ -21,25 +21,25 @@ import "./lyra18.js";
 import "./lyra19.js";
 import "./lyra28.js";
 import { listBoxStyles as Y } from "./lyra29.js";
-import { listBoxItemStyles as Z } from "./lyra154.js";
+import { listBoxItemStyles as Z } from "./lyra160.js";
 import { Popover as _ } from "./lyra30.js";
 import "./lyra32.js";
-import "./lyra116.js";
+import "./lyra78.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 "./lyra155.js";
+import { TagGroup as K, TagItem as ss } from "./lyra161.js";
 import "./lyra23.js";
-import "./lyra117.js";
+import "./lyra79.js";
 import "./lyra25.js";
 import "./lyra27.js";
-import "./lyra78.js";
+import "./lyra74.js";
 import "./lyra40.js";
-import "./lyra79.js";
+import "./lyra76.js";
 import "./lyra42.js";
 import "./lyra151.js";
 import "./lyra49.js";
 import "./lyra58.js";
 import "./lyra51.js";
-import { Listbox as b } from "./lyra158.js";
+import { Listbox as b } from "./lyra162.js";
 import { twMerge as G } from "./lyra55.js";
 import { useLocale as U } from "./lyra52.js";
 const q = (r) => M(

package/dist/lyra22.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra63.cjs");require("./lyra74.cjs");const t=e.cva(["lyra-input","flex","flex-col"],{variants:{fullWidth:{true:"w-full",false:"w-fit"}}}),i=e.cva({},{variants:{size:{small:["min-h-[42px]","px-[--input-padding-x-small]","py-[--input-padding-y-small]","text-[length:var(--input-text-size-small)]"],medium:["min-h-[50px]","px-[--input-padding-x-medium]","py-[--input-padding-y-medium]","text-[length:var(--input-text-size-medium)]"],large:["min-h-[58px]","px-[--input-padding-x-large]","py-[--input-padding-y-large]","text-[length:var(--input-text-size-large)]"]}}}),l=e.cva(["flex","items-center","outline-none","border","border-solid","border-[--input-border-default-color]","rounded-[--input-radius]","font-sans","text-base","transition-all","ease-out","duration-150","placeholder:text-[--input-placeholder-color]"],{variants:{fullWidth:{true:"w-full",false:"w-fit"},isDisabled:{true:"bg-[--input-disabled-bg-color] text-[--input-text-disabled-color] cursor-not-allowed",false:"bg-[--input-background-color] text-[--input-text-color]"},size:{small:["px-[--input-padding-x-small]","py-[--input-padding-y-small]","text-[length:var(--input-text-size-small)]"],medium:["px-[--input-padding-x-medium]","py-[--input-padding-y-medium]","text-[length:var(--input-text-size-medium)]"],large:["px-[--input-padding-x-large]","py-[--input-padding-y-large]","text-[length:var(--input-text-size-large)]"]},isInvalid:{true:"border-[--input-border-invalid-color]"},isHovered:{true:""},isFocused:{true:""}},compoundVariants:[{isInvalid:void 0,isFocused:!1,isDisabled:!1,className:"border-[--input-border-default-color]"},{isDisabled:!1,isFocused:!1,isInvalid:void 0,isHovered:!0,className:"border-[--input-border-default-hover-color]"},{isFocused:!0,isDisabled:!1,isInvalid:void 0,className:"border-[--input-border-focused-color] ring ring-[--input-ring-focused-color]"},{isDisabled:!1,isFocused:!0,isInvalid:!0,className:"ring !ring-[--input-ring-invalid-color]"}],defaultVariants:{isDisabled:!1}}),a=e.cva(["text-[--input-label-color]","text-[length:--input-label-size]","mb-[--input-label-margin-bottom]","transition-all","ease-out","duration-150"]),n=e.cva(["font-[--input-hint-weight]","text-[--input-hint-color]","mb-[--input-hint-margin-bottom]"],{variants:{size:{small:["text-[--input-hint-size-small]"],medium:["text-[--input-hint-size-medium]"],large:["text-[--input-hint-size-large]"]}}}),s=e.cva(["w-full","flex-grow","bg-transparent","outline-none","disabled:cursor-not-allowed"],{variants:{size:{small:["px-[--input-padding-x-small]","py-[--input-padding-y-small]","text-[length:var(--input-text-size-small)]"],medium:["px-[--input-padding-x-medium]","py-[--input-padding-y-medium]","text-[length:var(--input-text-size-medium)]"],large:["px-[--input-padding-x-large]","py-[--input-padding-y-large]","text-[length:var(--input-text-size-large)]"]}},defaultVariants:{size:"medium"}});exports.sharedInputFieldStyles=l;exports.sharedInputFieldWrapperStyles=t;exports.sharedInputHintStyles=n;exports.sharedInputSizeStyles=i;exports.sharedInputStyles=s;exports.sharedInputlabelStyles=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra60.cjs");require("./lyra75.cjs");const t=e.cva(["lyra-input","flex","flex-col"],{variants:{fullWidth:{true:"w-full",false:"w-fit"}}}),i=e.cva({},{variants:{size:{small:["min-h-[42px]","px-[--input-padding-x-small]","py-[--input-padding-y-small]","text-[length:var(--input-text-size-small)]"],medium:["min-h-[50px]","px-[--input-padding-x-medium]","py-[--input-padding-y-medium]","text-[length:var(--input-text-size-medium)]"],large:["min-h-[58px]","px-[--input-padding-x-large]","py-[--input-padding-y-large]","text-[length:var(--input-text-size-large)]"]}}}),l=e.cva(["flex","items-center","outline-none","border","border-solid","border-[--input-border-default-color]","rounded-[--input-radius]","font-sans","text-base","transition-all","ease-out","duration-150","placeholder:text-[--input-placeholder-color]"],{variants:{fullWidth:{true:"w-full",false:"w-fit"},isDisabled:{true:"bg-[--input-disabled-bg-color] text-[--input-text-disabled-color] cursor-not-allowed",false:"bg-[--input-background-color] text-[--input-text-color]"},size:{small:["px-[--input-padding-x-small]","py-[--input-padding-y-small]","text-[length:var(--input-text-size-small)]"],medium:["px-[--input-padding-x-medium]","py-[--input-padding-y-medium]","text-[length:var(--input-text-size-medium)]"],large:["px-[--input-padding-x-large]","py-[--input-padding-y-large]","text-[length:var(--input-text-size-large)]"]},isInvalid:{true:"border-[--input-border-invalid-color]"},isHovered:{true:""},isFocused:{true:""}},compoundVariants:[{isInvalid:void 0,isFocused:!1,isDisabled:!1,className:"border-[--input-border-default-color]"},{isDisabled:!1,isFocused:!1,isInvalid:void 0,isHovered:!0,className:"border-[--input-border-default-hover-color]"},{isFocused:!0,isDisabled:!1,isInvalid:void 0,className:"border-[--input-border-focused-color] ring ring-[--input-ring-focused-color]"},{isDisabled:!1,isFocused:!0,isInvalid:!0,className:"ring !ring-[--input-ring-invalid-color]"}],defaultVariants:{isDisabled:!1}}),a=e.cva(["text-[--input-label-color]","text-[length:--input-label-size]","mb-[--input-label-margin-bottom]","transition-all","ease-out","duration-150"]),n=e.cva(["font-[--input-hint-weight]","text-[--input-hint-color]","mb-[--input-hint-margin-bottom]"],{variants:{size:{small:["text-[--input-hint-size-small]"],medium:["text-[--input-hint-size-medium]"],large:["text-[--input-hint-size-large]"]}}}),s=e.cva(["w-full","flex-grow","bg-transparent","outline-none","disabled:cursor-not-allowed"],{variants:{size:{small:["px-[--input-padding-x-small]","py-[--input-padding-y-small]","text-[length:var(--input-text-size-small)]"],medium:["px-[--input-padding-x-medium]","py-[--input-padding-y-medium]","text-[length:var(--input-text-size-medium)]"],large:["px-[--input-padding-x-large]","py-[--input-padding-y-large]","text-[length:var(--input-text-size-large)]"]}},defaultVariants:{size:"medium"}});exports.sharedInputFieldStyles=l;exports.sharedInputFieldWrapperStyles=t;exports.sharedInputHintStyles=n;exports.sharedInputSizeStyles=i;exports.sharedInputStyles=s;exports.sharedInputlabelStyles=a;

package/dist/lyra22.js

@@ -1,5 +1,5 @@
-import { cva as t } from "./lyra63.js";
-import "./lyra74.js";
+import { cva as t } from "./lyra60.js";
+import "./lyra75.js";
 const l = t(["lyra-input", "flex", "flex-col"], {
   variants: {
     fullWidth: {

package/dist/lyra220.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./lyra255.cjs"),g=require("./lyra309.cjs"),a=require("./lyra310.cjs"),p=require("./lyra224.cjs"),T=require("./lyra311.cjs"),d=require("./lyra312.cjs");function c(n,e){return n.map(()=>e||l.easeInOut).splice(0,n.length-1)}function m({duration:n=300,keyframes:e,times:t,ease:i="easeInOut"}){const r=g.isEasingArray(i)?i.map(a.easingDefinitionToFunction):a.easingDefinitionToFunction(i),o={done:!1,value:e[0]},u=d.convertOffsetToTimes(t&&t.length===e.length?t:T.defaultOffset(e),n),f=p.interpolate(u,e,{ease:Array.isArray(r)?r:c(e,r)});return{calculatedDuration:n,next:s=>(o.value=f(s),o.done=s>=n,o)}}exports.defaultEasing=c;exports.keyframes=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./lyra255.cjs"),g=require("./lyra307.cjs"),a=require("./lyra308.cjs"),p=require("./lyra224.cjs"),T=require("./lyra309.cjs"),d=require("./lyra310.cjs");function c(n,e){return n.map(()=>e||l.easeInOut).splice(0,n.length-1)}function m({duration:n=300,keyframes:e,times:t,ease:i="easeInOut"}){const r=g.isEasingArray(i)?i.map(a.easingDefinitionToFunction):a.easingDefinitionToFunction(i),o={done:!1,value:e[0]},u=d.convertOffsetToTimes(t&&t.length===e.length?t:T.defaultOffset(e),n),f=p.interpolate(u,e,{ease:Array.isArray(r)?r:c(e,r)});return{calculatedDuration:n,next:s=>(o.value=f(s),o.done=s>=n,o)}}exports.defaultEasing=c;exports.keyframes=m;

package/dist/lyra220.js

@@ -1,9 +1,9 @@
 import { easeInOut as c } from "./lyra255.js";
-import { isEasingArray as p } from "./lyra309.js";
-import { easingDefinitionToFunction as m } from "./lyra310.js";
+import { isEasingArray as p } from "./lyra307.js";
+import { easingDefinitionToFunction as m } from "./lyra308.js";
 import { interpolate as u } from "./lyra224.js";
-import { defaultOffset as l } from "./lyra311.js";
-import { convertOffsetToTimes as g } from "./lyra312.js";
+import { defaultOffset as l } from "./lyra309.js";
+import { convertOffsetToTimes as g } from "./lyra310.js";
 function T(n, t) {
   return n.map(() => t || c).splice(0, n.length - 1);
 }

package/dist/lyra23.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra54.cjs"),s=require("./lyra53.cjs");require("./lyra2.cjs");require("./lyra68.cjs");const t=require("./lyra43.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra73.cjs");require("./lyra8.cjs");require("./lyra72.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra115.cjs");require("./lyra13.cjs");require("./lyra26.cjs");require("./lyra16.cjs");require("react");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra28.cjs");require("./lyra75.cjs");require("./lyra30.cjs");require("./lyra32.cjs");require("./lyra116.cjs");const y=require("./lyra22.cjs");require("./lyra40.cjs");require("./lyra79.cjs");require("./lyra42.cjs");const u=require("./lyra24.cjs");require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra78.cjs");require("./lyra151.cjs");require("./lyra49.cjs");require("./lyra58.cjs");require("./lyra51.cjs");const h=require("./lyra64.cjs"),R=require("./lyra52.cjs"),E=({label:x,description:a,errorMessage:o,className:d,fullWidth:m=!0,hideOutputLabel:q=!1,name:n,...j},p)=>{const{direction:c}=R.useLocale(),b=(r,i)=>r.length===1?`linear-gradient(${c==="rtl"?"to left":"to right"}, rgb(var(--color-primary-3)), rgb(var(--color-primary-3)) 0%,  rgb(var(--color-primary-3)) ${i(0)*100}%, rgb(var(--color-neutral-4)) ${i(0)*100}%, rgb(var(--color-neutral-4)))`:r.length===2?`linear-gradient(${c==="rtl"?"to left":"to right"}, rgb(var(--color-neutral-4)), rgb(var(--color-neutral-4)) ${i(0)*100}%, rgb(var(--color-primary-3)) ${i(0)*100}%, rgb(var(--color-primary-3)) ${i(1)*100}%, rgb(var(--color-neutral-4)) ${i(1)*100}%, rgb(var(--color-neutral-4)))`:"rgb(var(--color-neutral-4))";return e.jsxRuntimeExports.jsxs(s.Slider,{...j,className:u.sliderStyles({fullWidth:m,className:d}),ref:p,children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between pb-3",children:[e.jsxRuntimeExports.jsx(s.Label,{className:y.sharedInputlabelStyles(),children:x}),q?null:e.jsxRuntimeExports.jsx(s.SliderOutput,{children:({state:r})=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(t.Text,{variant:"body-medium",children:r==null?void 0:r.values.map((i,l)=>r.getThumbValueLabel(l)).join(" - ")})})})]}),e.jsxRuntimeExports.jsx(s.SliderTrack,{className:({isDisabled:r})=>u.sliderTrackStyles({isDisabled:r}),style:({state:r})=>({background:b(r.values,r.getThumbPercent)}),children:({state:r})=>e.jsxRuntimeExports.jsx("div",{className:"relative w-full px-0",children:r.values.map((i,l)=>e.jsxRuntimeExports.jsx(s.SliderThumb,{className:({isFocusVisible:v,isHovered:g})=>u.sliderThumbStyles({isFocusVisible:v,isHovered:g,className:"relative"}),index:l,label:i,children:n?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:n,value:i},l):null},l))})}),a&&e.jsxRuntimeExports.jsx(t.Text,{className:"mt-3",variant:"body-small",children:a}),o&&e.jsxRuntimeExports.jsx(t.Text,{className:"mt-3",variant:"body-small",color:"accent-danger",children:o})]})},S=h.fixedForwardRef(E);exports.Slider=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra54.cjs"),s=require("./lyra53.cjs");require("./lyra2.cjs");require("./lyra66.cjs");const t=require("./lyra43.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra61.cjs");require("./lyra8.cjs");require("./lyra68.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra77.cjs");require("./lyra13.cjs");require("./lyra26.cjs");require("./lyra16.cjs");require("react");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra28.cjs");require("./lyra70.cjs");require("./lyra30.cjs");require("./lyra32.cjs");require("./lyra78.cjs");const y=require("./lyra22.cjs");require("./lyra40.cjs");require("./lyra76.cjs");require("./lyra42.cjs");const u=require("./lyra24.cjs");require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra74.cjs");require("./lyra151.cjs");require("./lyra49.cjs");require("./lyra58.cjs");require("./lyra51.cjs");const h=require("./lyra62.cjs"),R=require("./lyra52.cjs"),E=({label:x,description:a,errorMessage:o,className:d,fullWidth:m=!0,hideOutputLabel:q=!1,name:n,...j},p)=>{const{direction:c}=R.useLocale(),b=(r,i)=>r.length===1?`linear-gradient(${c==="rtl"?"to left":"to right"}, rgb(var(--color-primary-3)), rgb(var(--color-primary-3)) 0%,  rgb(var(--color-primary-3)) ${i(0)*100}%, rgb(var(--color-neutral-4)) ${i(0)*100}%, rgb(var(--color-neutral-4)))`:r.length===2?`linear-gradient(${c==="rtl"?"to left":"to right"}, rgb(var(--color-neutral-4)), rgb(var(--color-neutral-4)) ${i(0)*100}%, rgb(var(--color-primary-3)) ${i(0)*100}%, rgb(var(--color-primary-3)) ${i(1)*100}%, rgb(var(--color-neutral-4)) ${i(1)*100}%, rgb(var(--color-neutral-4)))`:"rgb(var(--color-neutral-4))";return e.jsxRuntimeExports.jsxs(s.Slider,{...j,className:u.sliderStyles({fullWidth:m,className:d}),ref:p,children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between pb-3",children:[e.jsxRuntimeExports.jsx(s.Label,{className:y.sharedInputlabelStyles(),children:x}),q?null:e.jsxRuntimeExports.jsx(s.SliderOutput,{children:({state:r})=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(t.Text,{variant:"body-medium",children:r==null?void 0:r.values.map((i,l)=>r.getThumbValueLabel(l)).join(" - ")})})})]}),e.jsxRuntimeExports.jsx(s.SliderTrack,{className:({isDisabled:r})=>u.sliderTrackStyles({isDisabled:r}),style:({state:r})=>({background:b(r.values,r.getThumbPercent)}),children:({state:r})=>e.jsxRuntimeExports.jsx("div",{className:"relative w-full px-0",children:r.values.map((i,l)=>e.jsxRuntimeExports.jsx(s.SliderThumb,{className:({isFocusVisible:v,isHovered:g})=>u.sliderThumbStyles({isFocusVisible:v,isHovered:g,className:"relative"}),index:l,label:i,children:n?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:n,value:i},l):null},l))})}),a&&e.jsxRuntimeExports.jsx(t.Text,{className:"mt-3",variant:"body-small",children:a}),o&&e.jsxRuntimeExports.jsx(t.Text,{className:"mt-3",variant:"body-small",color:"accent-danger",children:o})]})},S=h.fixedForwardRef(E);exports.Slider=S;

package/dist/lyra23.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra23.cjs","sources":["../src/components/inputs/slider/slider.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef } from \"react\";\nimport {\n  Label,\n  Slider as AriaSlider,\n  SliderOutput,\n  SliderProps as AriaSliderProps,\n  SliderThumb,\n  SliderTrack,\n} from \"react-aria-components\";\n\nimport { useLocale } from \"../../..\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Text } from \"../../text\";\nimport { sharedInputlabelStyles } from \"..\";\n\nimport { sliderStyles, sliderThumbStyles, sliderTrackStyles } from \"./slider.styles\";\n\nexport type SliderProps<T> = Omit<AriaSliderProps<T>, \"orientation\"> & {\n  label?: string;\n  description?: string;\n  errorMessage?: string;\n  fullWidth?: boolean;\n  hideOutputLabel?: boolean;\n  name?: string;\n};\n\ntype AriaSliderRef = ElementRef<typeof AriaSlider>;\n\nconst _Slider = <T extends number | number[]>(\n  {\n    label,\n    description,\n    errorMessage,\n    className,\n    fullWidth = true,\n    hideOutputLabel = false,\n    name,\n    ...props\n  }: SliderProps<T>,\n  ref: ForwardedRef<AriaSliderRef>,\n) => {\n  const { direction } = useLocale();\n\n  const createTrackColor = (values: number[], getThumbPercent: (index: number) => number) => {\n    if (values.length === 1) {\n      return `linear-gradient(${\n        direction === \"rtl\" ? \"to left\" : \"to right\"\n      }, rgb(var(--color-primary-3)), rgb(var(--color-primary-3)) 0%,  rgb(var(--color-primary-3)) ${\n        getThumbPercent(0) * 100\n      }%, rgb(var(--color-neutral-4)) ${getThumbPercent(0) * 100}%, rgb(var(--color-neutral-4)))`;\n    } else if (values.length === 2) {\n      return `linear-gradient(${\n        direction === \"rtl\" ? \"to left\" : \"to right\"\n      }, rgb(var(--color-neutral-4)), rgb(var(--color-neutral-4)) ${\n        getThumbPercent(0) * 100\n      }%, rgb(var(--color-primary-3)) ${getThumbPercent(0) * 100}%, rgb(var(--color-primary-3)) ${\n        getThumbPercent(1) * 100\n      }%, rgb(var(--color-neutral-4)) ${getThumbPercent(1) * 100}%, rgb(var(--color-neutral-4)))`;\n    } else {\n      return `rgb(var(--color-neutral-4))`;\n    }\n  };\n  return (\n    <AriaSlider {...props} className={sliderStyles({ fullWidth, className })} ref={ref}>\n      <div className=\"flex items-center justify-between pb-3\">\n        <Label className={sharedInputlabelStyles()}>{label}</Label>\n        {!hideOutputLabel ? (\n          <SliderOutput>\n            {({ state }) => (\n              <>\n                <Text variant=\"body-medium\">\n                  {state?.values.map((_, idx) => state.getThumbValueLabel(idx)).join(\" - \")}\n                </Text>\n              </>\n            )}\n          </SliderOutput>\n        ) : null}\n      </div>\n      <SliderTrack\n        className={({ isDisabled }) => sliderTrackStyles({ isDisabled })}\n        style={({ state }) => ({\n          background: createTrackColor(state.values, state.getThumbPercent),\n        })}\n      >\n        {({ state }) => (\n          <div className=\"relative w-full px-0\">\n            {state.values.map((value, index) => (\n              <SliderThumb\n                key={index}\n                className={({ isFocusVisible, isHovered }) =>\n                  sliderThumbStyles({\n                    isFocusVisible,\n                    isHovered,\n                    className: \"relative\",\n                  })\n                }\n                index={index}\n                label={value}\n              >\n                {name ? <input type=\"hidden\" key={index} name={name} value={value} /> : null}\n                {/* TODO: Remove if David is fine with my suggestion\n                <Text\n                  variant=\"body-medium\"\n                  className={cx(\n                    \"absolute -top-6 bg-neutral-0 leading-none\",\n                    state.getValuePercent(value) > 0.8 ? \"right-0\" : \"left-0\"\n                  )}\n                >\n                  {state.getFormattedValue(value)}\n                </Text> */}\n              </SliderThumb>\n            ))}\n          </div>\n        )}\n      </SliderTrack>\n      {description && (\n        <Text className=\"mt-3\" variant=\"body-small\">\n          {description}\n        </Text>\n      )}\n      {errorMessage && (\n        <Text className=\"mt-3\" variant=\"body-small\" color=\"accent-danger\">\n          {errorMessage}\n        </Text>\n      )}\n    </AriaSlider>\n  );\n};\n\nexport const Slider = fixedForwardRef(_Slider);\n"],"names":["_Slider","label","description","errorMessage","className","fullWidth","hideOutputLabel","name","props","ref","direction","useLocale","createTrackColor","values","getThumbPercent","jsxs","AriaSlider","sliderStyles","jsx","Label","sharedInputlabelStyles","SliderOutput","state","Fragment","Text","_","idx","SliderTrack","isDisabled","sliderTrackStyles","value","index","SliderThumb","isFocusVisible","isHovered","sliderThumbStyles","Slider","fixedForwardRef"],"mappings":"sgCA4BMA,EAAU,CACd,CACE,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,UAAAC,EACA,UAAAC,EAAY,GACZ,gBAAAC,EAAkB,GAClB,KAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACG,KAAA,CAAE,UAAAC,GAAcC,EAAAA,YAEhBC,EAAmB,CAACC,EAAkBC,IACtCD,EAAO,SAAW,EACb,mBACLH,IAAc,MAAQ,UAAY,UACpC,+FACEI,EAAgB,CAAC,EAAI,GACvB,kCAAkCA,EAAgB,CAAC,EAAI,GAAG,kCACjDD,EAAO,SAAW,EACpB,mBACLH,IAAc,MAAQ,UAAY,UACpC,8DACEI,EAAgB,CAAC,EAAI,GACvB,kCAAkCA,EAAgB,CAAC,EAAI,GAAG,kCACxDA,EAAgB,CAAC,EAAI,GACvB,kCAAkCA,EAAgB,CAAC,EAAI,GAAG,kCAEnD,8BAIT,OAAAC,yBAACC,EAAAA,OAAY,CAAA,GAAGR,EAAO,UAAWS,eAAa,CAAE,UAAAZ,EAAW,UAAAD,CAAA,CAAW,EAAG,IAAAK,EACxE,SAAA,CAACM,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAG,EAAA,kBAAA,IAACC,EAAM,MAAA,CAAA,UAAWC,EAAuB,uBAAA,EAAI,SAAMnB,EAAA,EACjDK,EAUE,KATDY,EAAAA,kBAAAA,IAAAG,EAAAA,aAAA,CACE,SAAC,CAAA,CAAE,MAAAC,CAAM,IAENJ,EAAAA,kBAAAA,IAAAK,EAAAA,kBAAAA,SAAA,CAAA,SAAAL,EAAA,kBAAA,IAACM,EAAK,KAAA,CAAA,QAAQ,cACX,SAAAF,GAAA,YAAAA,EAAO,OAAO,IAAI,CAACG,EAAGC,IAAQJ,EAAM,mBAAmBI,CAAG,GAAG,KAAK,MACrE,CAAA,CACF,CAAA,CAEJ,CAAA,CACE,EACN,EACAR,EAAA,kBAAA,IAACS,EAAA,YAAA,CACC,UAAW,CAAC,CAAE,WAAAC,CAAA,IAAiBC,EAAAA,kBAAkB,CAAE,WAAAD,EAAY,EAC/D,MAAO,CAAC,CAAE,MAAAN,MAAa,CACrB,WAAYV,EAAiBU,EAAM,OAAQA,EAAM,eAAe,CAAA,GAGjE,SAAC,CAAA,CAAE,MAAAA,CAAM,IACPJ,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,uBACZ,SAAMI,EAAA,OAAO,IAAI,CAACQ,EAAOC,IACxBb,EAAA,kBAAA,IAACc,EAAA,YAAA,CAEC,UAAW,CAAC,CAAE,eAAAC,EAAgB,UAAAC,CAAA,IAC5BC,EAAAA,kBAAkB,CAChB,eAAAF,EACA,UAAAC,EACA,UAAW,UAAA,CACZ,EAEH,MAAAH,EACA,MAAOD,EAEN,SAAAvB,0BAAQ,QAAM,CAAA,KAAK,SAAqB,KAAAA,EAAY,MAAAuB,GAAnBC,CAAiC,EAAK,IAAA,EAXnEA,CAuBR,CAAA,EACH,CAAA,CAEJ,EACC7B,GACEgB,EAAAA,kBAAAA,IAAAM,EAAA,KAAA,CAAK,UAAU,OAAO,QAAQ,aAC5B,SACHtB,EAAA,EAEDC,2BACEqB,OAAK,CAAA,UAAU,OAAO,QAAQ,aAAa,MAAM,gBAC/C,SACHrB,CAAA,CAAA,CAEJ,CAAA,CAAA,CAEJ,EAEaiC,EAASC,kBAAgBrC,CAAO"}
+{"version":3,"file":"lyra23.cjs","sources":["../src/components/inputs/slider/slider.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef } from \"react\";\nimport {\n  Label,\n  Slider as AriaSlider,\n  SliderOutput,\n  SliderProps as AriaSliderProps,\n  SliderThumb,\n  SliderTrack,\n} from \"react-aria-components\";\n\nimport { useLocale } from \"../../..\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Text } from \"../../text\";\nimport { sharedInputlabelStyles } from \"..\";\n\nimport { sliderStyles, sliderThumbStyles, sliderTrackStyles } from \"./slider.styles\";\n\nexport type SliderProps<T> = Omit<AriaSliderProps<T>, \"orientation\"> & {\n  label?: string;\n  description?: string;\n  errorMessage?: string;\n  fullWidth?: boolean;\n  hideOutputLabel?: boolean;\n  name?: string;\n};\n\ntype AriaSliderRef = ElementRef<typeof AriaSlider>;\n\nconst _Slider = <T extends number | number[]>(\n  {\n    label,\n    description,\n    errorMessage,\n    className,\n    fullWidth = true,\n    hideOutputLabel = false,\n    name,\n    ...props\n  }: SliderProps<T>,\n  ref: ForwardedRef<AriaSliderRef>,\n) => {\n  const { direction } = useLocale();\n\n  const createTrackColor = (values: number[], getThumbPercent: (index: number) => number) => {\n    if (values.length === 1) {\n      return `linear-gradient(${\n        direction === \"rtl\" ? \"to left\" : \"to right\"\n      }, rgb(var(--color-primary-3)), rgb(var(--color-primary-3)) 0%,  rgb(var(--color-primary-3)) ${\n        getThumbPercent(0) * 100\n      }%, rgb(var(--color-neutral-4)) ${getThumbPercent(0) * 100}%, rgb(var(--color-neutral-4)))`;\n    } else if (values.length === 2) {\n      return `linear-gradient(${\n        direction === \"rtl\" ? \"to left\" : \"to right\"\n      }, rgb(var(--color-neutral-4)), rgb(var(--color-neutral-4)) ${\n        getThumbPercent(0) * 100\n      }%, rgb(var(--color-primary-3)) ${getThumbPercent(0) * 100}%, rgb(var(--color-primary-3)) ${\n        getThumbPercent(1) * 100\n      }%, rgb(var(--color-neutral-4)) ${getThumbPercent(1) * 100}%, rgb(var(--color-neutral-4)))`;\n    } else {\n      return `rgb(var(--color-neutral-4))`;\n    }\n  };\n  return (\n    <AriaSlider {...props} className={sliderStyles({ fullWidth, className })} ref={ref}>\n      <div className=\"flex items-center justify-between pb-3\">\n        <Label className={sharedInputlabelStyles()}>{label}</Label>\n        {!hideOutputLabel ? (\n          <SliderOutput>\n            {({ state }) => (\n              <>\n                <Text variant=\"body-medium\">\n                  {state?.values.map((_, idx) => state.getThumbValueLabel(idx)).join(\" - \")}\n                </Text>\n              </>\n            )}\n          </SliderOutput>\n        ) : null}\n      </div>\n      <SliderTrack\n        className={({ isDisabled }) => sliderTrackStyles({ isDisabled })}\n        style={({ state }) => ({\n          background: createTrackColor(state.values, state.getThumbPercent),\n        })}\n      >\n        {({ state }) => (\n          <div className=\"relative w-full px-0\">\n            {state.values.map((value, index) => (\n              <SliderThumb\n                key={index}\n                className={({ isFocusVisible, isHovered }) =>\n                  sliderThumbStyles({\n                    isFocusVisible,\n                    isHovered,\n                    className: \"relative\",\n                  })\n                }\n                index={index}\n                label={value}\n              >\n                {name ? <input type=\"hidden\" key={index} name={name} value={value} /> : null}\n                {/* TODO: Remove if David is fine with my suggestion\n                <Text\n                  variant=\"body-medium\"\n                  className={cx(\n                    \"absolute -top-6 bg-neutral-0 leading-none\",\n                    state.getValuePercent(value) > 0.8 ? \"right-0\" : \"left-0\"\n                  )}\n                >\n                  {state.getFormattedValue(value)}\n                </Text> */}\n              </SliderThumb>\n            ))}\n          </div>\n        )}\n      </SliderTrack>\n      {description && (\n        <Text className=\"mt-3\" variant=\"body-small\">\n          {description}\n        </Text>\n      )}\n      {errorMessage && (\n        <Text className=\"mt-3\" variant=\"body-small\" color=\"accent-danger\">\n          {errorMessage}\n        </Text>\n      )}\n    </AriaSlider>\n  );\n};\n\nexport const Slider = fixedForwardRef(_Slider);\n"],"names":["_Slider","label","description","errorMessage","className","fullWidth","hideOutputLabel","name","props","ref","direction","useLocale","createTrackColor","values","getThumbPercent","jsxs","AriaSlider","sliderStyles","jsx","Label","sharedInputlabelStyles","SliderOutput","state","Fragment","Text","_","idx","SliderTrack","isDisabled","sliderTrackStyles","value","index","SliderThumb","isFocusVisible","isHovered","sliderThumbStyles","Slider","fixedForwardRef"],"mappings":"ogCA4BMA,EAAU,CACd,CACE,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,UAAAC,EACA,UAAAC,EAAY,GACZ,gBAAAC,EAAkB,GAClB,KAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACG,KAAA,CAAE,UAAAC,GAAcC,EAAAA,YAEhBC,EAAmB,CAACC,EAAkBC,IACtCD,EAAO,SAAW,EACb,mBACLH,IAAc,MAAQ,UAAY,UACpC,+FACEI,EAAgB,CAAC,EAAI,GACvB,kCAAkCA,EAAgB,CAAC,EAAI,GAAG,kCACjDD,EAAO,SAAW,EACpB,mBACLH,IAAc,MAAQ,UAAY,UACpC,8DACEI,EAAgB,CAAC,EAAI,GACvB,kCAAkCA,EAAgB,CAAC,EAAI,GAAG,kCACxDA,EAAgB,CAAC,EAAI,GACvB,kCAAkCA,EAAgB,CAAC,EAAI,GAAG,kCAEnD,8BAIT,OAAAC,yBAACC,EAAAA,OAAY,CAAA,GAAGR,EAAO,UAAWS,eAAa,CAAE,UAAAZ,EAAW,UAAAD,CAAA,CAAW,EAAG,IAAAK,EACxE,SAAA,CAACM,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAG,EAAA,kBAAA,IAACC,EAAM,MAAA,CAAA,UAAWC,EAAuB,uBAAA,EAAI,SAAMnB,EAAA,EACjDK,EAUE,KATDY,EAAAA,kBAAAA,IAAAG,EAAAA,aAAA,CACE,SAAC,CAAA,CAAE,MAAAC,CAAM,IAENJ,EAAAA,kBAAAA,IAAAK,EAAAA,kBAAAA,SAAA,CAAA,SAAAL,EAAA,kBAAA,IAACM,EAAK,KAAA,CAAA,QAAQ,cACX,SAAAF,GAAA,YAAAA,EAAO,OAAO,IAAI,CAACG,EAAGC,IAAQJ,EAAM,mBAAmBI,CAAG,GAAG,KAAK,MACrE,CAAA,CACF,CAAA,CAEJ,CAAA,CACE,EACN,EACAR,EAAA,kBAAA,IAACS,EAAA,YAAA,CACC,UAAW,CAAC,CAAE,WAAAC,CAAA,IAAiBC,EAAAA,kBAAkB,CAAE,WAAAD,EAAY,EAC/D,MAAO,CAAC,CAAE,MAAAN,MAAa,CACrB,WAAYV,EAAiBU,EAAM,OAAQA,EAAM,eAAe,CAAA,GAGjE,SAAC,CAAA,CAAE,MAAAA,CAAM,IACPJ,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,uBACZ,SAAMI,EAAA,OAAO,IAAI,CAACQ,EAAOC,IACxBb,EAAA,kBAAA,IAACc,EAAA,YAAA,CAEC,UAAW,CAAC,CAAE,eAAAC,EAAgB,UAAAC,CAAA,IAC5BC,EAAAA,kBAAkB,CAChB,eAAAF,EACA,UAAAC,EACA,UAAW,UAAA,CACZ,EAEH,MAAAH,EACA,MAAOD,EAEN,SAAAvB,0BAAQ,QAAM,CAAA,KAAK,SAAqB,KAAAA,EAAY,MAAAuB,GAAnBC,CAAiC,EAAK,IAAA,EAXnEA,CAuBR,CAAA,EACH,CAAA,CAEJ,EACC7B,GACEgB,EAAAA,kBAAAA,IAAAM,EAAA,KAAA,CAAK,UAAU,OAAO,QAAQ,aAC5B,SACHtB,EAAA,EAEDC,2BACEqB,OAAK,CAAA,UAAU,OAAO,QAAQ,aAAa,MAAM,gBAC/C,SACHrB,CAAA,CAAA,CAEJ,CAAA,CAAA,CAEJ,EAEaiC,EAASC,kBAAgBrC,CAAO"}

package/dist/lyra23.js

@@ -1,16 +1,16 @@
 import { j as o } from "./lyra54.js";
 import { Slider as v, Label as g, SliderOutput as h, SliderTrack as j, SliderThumb as y } from "./lyra53.js";
 import "./lyra2.js";
-import "./lyra68.js";
+import "./lyra66.js";
 import { Text as i } from "./lyra43.js";
-import "./lyra69.js";
-import "./lyra70.js";
-import "./lyra73.js";
-import "./lyra8.js";
+import "./lyra71.js";
 import "./lyra72.js";
+import "./lyra61.js";
+import "./lyra8.js";
+import "./lyra68.js";
 import "./lyra10.js";
 import "./lyra11.js";
-import "./lyra115.js";
+import "./lyra77.js";
 import "./lyra13.js";
 import "./lyra26.js";
 import "./lyra16.js";
@@ -18,23 +18,23 @@ import "react";
 import "./lyra18.js";
 import "./lyra19.js";
 import "./lyra28.js";
-import "./lyra75.js";
+import "./lyra70.js";
 import "./lyra30.js";
 import "./lyra32.js";
-import "./lyra116.js";
+import "./lyra78.js";
 import { sharedInputlabelStyles as S } from "./lyra22.js";
 import "./lyra40.js";
-import "./lyra79.js";
+import "./lyra76.js";
 import "./lyra42.js";
 import { sliderStyles as N, sliderTrackStyles as k, sliderThumbStyles as w } from "./lyra24.js";
 import "./lyra25.js";
 import "./lyra27.js";
-import "./lyra78.js";
+import "./lyra74.js";
 import "./lyra151.js";
 import "./lyra49.js";
 import "./lyra58.js";
 import "./lyra51.js";
-import { fixedForwardRef as L } from "./lyra64.js";
+import { fixedForwardRef as L } from "./lyra62.js";
 import { useLocale as T } from "./lyra52.js";
 const F = ({
   label: s,

package/dist/lyra24.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra63.cjs");require("./lyra117.cjs");const r=e.cva(["lyra-slider","flex","flex-col","w-full"],{variants:{fullWidth:{false:"max-w-[--slider-base-width]"}}}),s=e.cva(["relative","h-[--slider-track-base-height]","rounded-[--slider-track-base-radius]","w-full","px-2.5"],{variants:{isDisabled:{true:"opacity-50"}}}),l=e.cva(["absolute","top-0.5","h-6","w-6","rounded-full","border","border-solid","border-[--slider-thumb-border-color]","bg-[--slider-thumb-bg]","transition-all","duration-100","ease-out"],{variants:{isHovered:{true:""},isFocusVisible:{true:["border-[length:var(--slider-thumb-border-width-focus)]","!border-[--slider-thumb-border-color-focus]","!bg-[--slider-thumb-bg-focus]"]}},compoundVariants:[{isHovered:!0,isFocusVisible:!1,className:"!bg-[--slider-thumb-bg-hover]"}]});exports.sliderStyles=r;exports.sliderThumbStyles=l;exports.sliderTrackStyles=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra60.cjs");require("./lyra79.cjs");const r=e.cva(["lyra-slider","flex","flex-col","w-full"],{variants:{fullWidth:{false:"max-w-[--slider-base-width]"}}}),s=e.cva(["relative","h-[--slider-track-base-height]","rounded-[--slider-track-base-radius]","w-full","px-2.5"],{variants:{isDisabled:{true:"opacity-50"}}}),l=e.cva(["absolute","top-0.5","h-6","w-6","rounded-full","border","border-solid","border-[--slider-thumb-border-color]","bg-[--slider-thumb-bg]","transition-all","duration-100","ease-out"],{variants:{isHovered:{true:""},isFocusVisible:{true:["border-[length:var(--slider-thumb-border-width-focus)]","!border-[--slider-thumb-border-color-focus]","!bg-[--slider-thumb-bg-focus]"]}},compoundVariants:[{isHovered:!0,isFocusVisible:!1,className:"!bg-[--slider-thumb-bg-hover]"}]});exports.sliderStyles=r;exports.sliderThumbStyles=l;exports.sliderTrackStyles=s;

package/dist/lyra24.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra24.cjs","sources":["../src/components/inputs/slider/slider.styles.ts"],"sourcesContent":["import { cva } from \"../../../utils/class-variance-authority\";\n\nimport \"./slider.vars.css\";\n\nexport const sliderStyles = cva([\"lyra-slider\", \"flex\", \"flex-col\", \"w-full\"], {\n  variants: {\n    fullWidth: {\n      false: \"max-w-[--slider-base-width]\",\n    },\n  },\n});\n\nexport const sliderTrackStyles = cva(\n  [\n    \"relative\",\n    \"h-[--slider-track-base-height]\",\n    \"rounded-[--slider-track-base-radius]\",\n    \"w-full\",\n    \"px-2.5\",\n  ],\n  {\n    variants: {\n      isDisabled: {\n        true: \"opacity-50\",\n      },\n    },\n  },\n);\n\nexport const sliderThumbStyles = cva(\n  [\n    \"absolute\",\n    \"top-0.5\",\n    \"h-6\",\n    \"w-6\",\n    \"rounded-full\",\n    \"border\",\n    \"border-solid\",\n    \"border-[--slider-thumb-border-color]\",\n    \"bg-[--slider-thumb-bg]\",\n    \"transition-all\",\n    \"duration-100\",\n    \"ease-out\",\n  ],\n  {\n    variants: {\n      isHovered: {\n        true: \"\",\n      },\n      isFocusVisible: {\n        true: [\n          \"border-[length:var(--slider-thumb-border-width-focus)]\",\n          \"!border-[--slider-thumb-border-color-focus]\",\n          \"!bg-[--slider-thumb-bg-focus]\",\n        ],\n      },\n    },\n    compoundVariants: [\n      {\n        isHovered: true,\n        isFocusVisible: false,\n        className: \"!bg-[--slider-thumb-bg-hover]\",\n      },\n    ],\n  },\n);\n"],"names":["sliderStyles","cva","sliderTrackStyles","sliderThumbStyles"],"mappings":"yIAIO,MAAMA,EAAeC,EAAI,IAAA,CAAC,cAAe,OAAQ,WAAY,QAAQ,EAAG,CAC7E,SAAU,CACR,UAAW,CACT,MAAO,6BACT,CACF,CACF,CAAC,EAEYC,EAAoBD,EAAA,IAC/B,CACE,WACA,iCACA,uCACA,SACA,QACF,EACA,CACE,SAAU,CACR,WAAY,CACV,KAAM,YACR,CACF,CACF,CACF,EAEaE,EAAoBF,EAAA,IAC/B,CACE,WACA,UACA,MACA,MACA,eACA,SACA,eACA,uCACA,yBACA,iBACA,eACA,UACF,EACA,CACE,SAAU,CACR,UAAW,CACT,KAAM,EACR,EACA,eAAgB,CACd,KAAM,CACJ,yDACA,8CACA,+BACF,CACF,CACF,EACA,iBAAkB,CAChB,CACE,UAAW,GACX,eAAgB,GAChB,UAAW,+BACb,CACF,CACF,CACF"}
+{"version":3,"file":"lyra24.cjs","sources":["../src/components/inputs/slider/slider.styles.ts"],"sourcesContent":["import { cva } from \"../../../utils/class-variance-authority\";\n\nimport \"./slider.vars.css\";\n\nexport const sliderStyles = cva([\"lyra-slider\", \"flex\", \"flex-col\", \"w-full\"], {\n  variants: {\n    fullWidth: {\n      false: \"max-w-[--slider-base-width]\",\n    },\n  },\n});\n\nexport const sliderTrackStyles = cva(\n  [\n    \"relative\",\n    \"h-[--slider-track-base-height]\",\n    \"rounded-[--slider-track-base-radius]\",\n    \"w-full\",\n    \"px-2.5\",\n  ],\n  {\n    variants: {\n      isDisabled: {\n        true: \"opacity-50\",\n      },\n    },\n  },\n);\n\nexport const sliderThumbStyles = cva(\n  [\n    \"absolute\",\n    \"top-0.5\",\n    \"h-6\",\n    \"w-6\",\n    \"rounded-full\",\n    \"border\",\n    \"border-solid\",\n    \"border-[--slider-thumb-border-color]\",\n    \"bg-[--slider-thumb-bg]\",\n    \"transition-all\",\n    \"duration-100\",\n    \"ease-out\",\n  ],\n  {\n    variants: {\n      isHovered: {\n        true: \"\",\n      },\n      isFocusVisible: {\n        true: [\n          \"border-[length:var(--slider-thumb-border-width-focus)]\",\n          \"!border-[--slider-thumb-border-color-focus]\",\n          \"!bg-[--slider-thumb-bg-focus]\",\n        ],\n      },\n    },\n    compoundVariants: [\n      {\n        isHovered: true,\n        isFocusVisible: false,\n        className: \"!bg-[--slider-thumb-bg-hover]\",\n      },\n    ],\n  },\n);\n"],"names":["sliderStyles","cva","sliderTrackStyles","sliderThumbStyles"],"mappings":"wIAIO,MAAMA,EAAeC,EAAI,IAAA,CAAC,cAAe,OAAQ,WAAY,QAAQ,EAAG,CAC7E,SAAU,CACR,UAAW,CACT,MAAO,6BACT,CACF,CACF,CAAC,EAEYC,EAAoBD,EAAA,IAC/B,CACE,WACA,iCACA,uCACA,SACA,QACF,EACA,CACE,SAAU,CACR,WAAY,CACV,KAAM,YACR,CACF,CACF,CACF,EAEaE,EAAoBF,EAAA,IAC/B,CACE,WACA,UACA,MACA,MACA,eACA,SACA,eACA,uCACA,yBACA,iBACA,eACA,UACF,EACA,CACE,SAAU,CACR,UAAW,CACT,KAAM,EACR,EACA,eAAgB,CACd,KAAM,CACJ,yDACA,8CACA,+BACF,CACF,CACF,EACA,iBAAkB,CAChB,CACE,UAAW,GACX,eAAgB,GAChB,UAAW,+BACb,CACF,CACF,CACF"}

package/dist/lyra24.js

@@ -1,5 +1,5 @@
-import { cva as r } from "./lyra63.js";
-import "./lyra117.js";
+import { cva as r } from "./lyra60.js";
+import "./lyra79.js";
 const l = r(["lyra-slider", "flex", "flex-col", "w-full"], {
   variants: {
     fullWidth: {

package/dist/lyra25.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra54.cjs"),y=require("react"),u=require("./lyra53.cjs"),h=require("./lyra63.cjs"),S=require("./lyra64.cjs"),F=require("./lyra43.cjs");require("./lyra69.cjs");const r=require("./lyra22.cjs");require("./lyra74.cjs");const g=require("./lyra55.cjs"),b=({label:l,description:c,errorMessage:x,className:v,fullWidth:E=!1,isDisabled:a=!1,isRequired:i,isInvalid:d,startSlot:m,endSlot:f,size:N,optionalLabel:p="Optional",rows:q=3,...s},R)=>{const[I,j]=y.useState(!1),[T,n]=y.useState(!1);return e.jsxRuntimeExports.jsxs(u.TextField,{className:r.sharedInputFieldWrapperStyles({className:v}),isDisabled:a,isRequired:i,isInvalid:d,...s,onFocus:o=>{var t;j(!0),(t=s.onFocus)==null||t.call(s,o)},onBlur:o=>{var t;j(!1),(t=s.onBlur)==null||t.call(s,o)},ref:R,children:[e.jsxRuntimeExports.jsxs("div",{className:h.cx("flex items-center gap-3",l?"justify-between":"justify-end"),children:[l?e.jsxRuntimeExports.jsx(u.Label,{className:r.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:l}):null,i===!1?e.jsxRuntimeExports.jsx("span",{className:r.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:p}):null]}),e.jsxRuntimeExports.jsxs("div",{className:g.twMerge(r.sharedInputFieldStyles({fullWidth:E,isFocused:I,isHovered:T,isDisabled:a,isInvalid:d,className:"items-start"})),onPointerEnter:()=>n(!0),onPointerLeave:()=>n(!1),onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1),children:[e.jsxRuntimeExports.jsx("div",{className:"pt-4",children:m}),e.jsxRuntimeExports.jsx(u.TextArea,{className:r.sharedInputStyles({size:N,className:h.cx(!!m&&"ps-2",!!f&&"pe-2")}),rows:q,required:i,disabled:a,style:{fontFamily:"var(--input-font-family)"}}),e.jsxRuntimeExports.jsx("div",{className:"pt-4",children:f})]}),c&&e.jsxRuntimeExports.jsx(F.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:c}),x&&e.jsxRuntimeExports.jsx(F.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:x})]})},M=S.fixedForwardRef(b);exports.TextAreaField=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra54.cjs"),y=require("react"),u=require("./lyra53.cjs"),h=require("./lyra60.cjs"),S=require("./lyra62.cjs"),F=require("./lyra43.cjs");require("./lyra71.cjs");const r=require("./lyra22.cjs");require("./lyra75.cjs");const g=require("./lyra55.cjs"),b=({label:l,description:c,errorMessage:x,className:v,fullWidth:E=!1,isDisabled:a=!1,isRequired:i,isInvalid:d,startSlot:m,endSlot:f,size:N,optionalLabel:p="Optional",rows:q=3,...s},R)=>{const[I,j]=y.useState(!1),[T,n]=y.useState(!1);return e.jsxRuntimeExports.jsxs(u.TextField,{className:r.sharedInputFieldWrapperStyles({className:v}),isDisabled:a,isRequired:i,isInvalid:d,...s,onFocus:o=>{var t;j(!0),(t=s.onFocus)==null||t.call(s,o)},onBlur:o=>{var t;j(!1),(t=s.onBlur)==null||t.call(s,o)},ref:R,children:[e.jsxRuntimeExports.jsxs("div",{className:h.cx("flex items-center gap-3",l?"justify-between":"justify-end"),children:[l?e.jsxRuntimeExports.jsx(u.Label,{className:r.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:l}):null,i===!1?e.jsxRuntimeExports.jsx("span",{className:r.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:p}):null]}),e.jsxRuntimeExports.jsxs("div",{className:g.twMerge(r.sharedInputFieldStyles({fullWidth:E,isFocused:I,isHovered:T,isDisabled:a,isInvalid:d,className:"items-start"})),onPointerEnter:()=>n(!0),onPointerLeave:()=>n(!1),onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1),children:[e.jsxRuntimeExports.jsx("div",{className:"pt-4",children:m}),e.jsxRuntimeExports.jsx(u.TextArea,{className:r.sharedInputStyles({size:N,className:h.cx(!!m&&"ps-2",!!f&&"pe-2")}),rows:q,required:i,disabled:a,style:{fontFamily:"var(--input-font-family)"}}),e.jsxRuntimeExports.jsx("div",{className:"pt-4",children:f})]}),c&&e.jsxRuntimeExports.jsx(F.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:c}),x&&e.jsxRuntimeExports.jsx(F.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:x})]})},M=S.fixedForwardRef(b);exports.TextAreaField=M;

package/dist/lyra25.js

@@ -1,12 +1,12 @@
 import { j as e } from "./lyra54.js";
 import { useState as x } from "react";
 import { TextField as T, Label as H, TextArea as S } from "./lyra53.js";
-import { cx as y } from "./lyra63.js";
-import { fixedForwardRef as g } from "./lyra64.js";
+import { cx as y } from "./lyra60.js";
+import { fixedForwardRef as g } from "./lyra62.js";
 import { Text as F } from "./lyra43.js";
-import "./lyra69.js";
+import "./lyra71.js";
 import { sharedInputFieldWrapperStyles as w, sharedInputlabelStyles as A, sharedInputHintStyles as E, sharedInputFieldStyles as L, sharedInputStyles as M } from "./lyra22.js";
-import "./lyra74.js";
+import "./lyra75.js";
 import { twMerge as B } from "./lyra55.js";
 const P = ({
   label: l,

package/dist/lyra26.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra54.cjs"),F=require("react"),n=require("./lyra53.cjs"),h=require("./lyra63.cjs"),g=require("./lyra64.cjs"),v=require("./lyra43.cjs");require("./lyra69.cjs");const l=require("./lyra22.cjs");require("./lyra74.cjs");const b=require("./lyra55.cjs"),M=({label:a,description:d,errorMessage:x,className:E,fullWidth:q=!1,isDisabled:i=!1,isRequired:o,optionalLabel:I="Optional",isInvalid:m,startSlot:f,endSlot:y,size:N,inputRef:R,...e},u)=>{[e,u]=n.useContextProps(e,u,n.TextFieldContext);const[T,j]=F.useState(!1),[S,r]=F.useState(!1);return t.jsxRuntimeExports.jsxs(n.TextField,{className:l.sharedInputFieldWrapperStyles({className:E}),isDisabled:i,isRequired:o,isInvalid:m,...e,onFocus:c=>{var s;j(!0),(s=e.onFocus)==null||s.call(e,c)},onBlur:c=>{var s;j(!1),(s=e.onBlur)==null||s.call(e,c)},ref:u,children:[t.jsxRuntimeExports.jsxs("div",{className:h.cx("flex items-center gap-3",a?"justify-between":"justify-end"),children:[a?t.jsxRuntimeExports.jsx(n.Label,{className:l.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:a}):null,o===!1?t.jsxRuntimeExports.jsx("span",{className:l.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:I}):null]}),t.jsxRuntimeExports.jsxs("div",{className:b.twMerge(l.sharedInputFieldStyles({fullWidth:q,isFocused:T,isHovered:S,isDisabled:i,isInvalid:m})),onPointerEnter:()=>r(!0),onPointerLeave:()=>r(!1),onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),children:[f,t.jsxRuntimeExports.jsx(n.Input,{className:l.sharedInputStyles({size:N,className:h.cx(!!f&&"ps-2",!!y&&"pe-2")}),ref:R,required:o,disabled:i,style:{fontFamily:"var(--input-font-family)"}}),y]}),d&&t.jsxRuntimeExports.jsx(v.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:d}),x&&t.jsxRuntimeExports.jsx(v.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:x})]})},p=g.fixedForwardRef(M);exports.TextField=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra54.cjs"),F=require("react"),n=require("./lyra53.cjs"),h=require("./lyra60.cjs"),g=require("./lyra62.cjs"),v=require("./lyra43.cjs");require("./lyra71.cjs");const l=require("./lyra22.cjs");require("./lyra75.cjs");const b=require("./lyra55.cjs"),M=({label:a,description:d,errorMessage:x,className:E,fullWidth:q=!1,isDisabled:i=!1,isRequired:o,optionalLabel:I="Optional",isInvalid:m,startSlot:f,endSlot:y,size:N,inputRef:R,...e},u)=>{[e,u]=n.useContextProps(e,u,n.TextFieldContext);const[T,j]=F.useState(!1),[S,r]=F.useState(!1);return t.jsxRuntimeExports.jsxs(n.TextField,{className:l.sharedInputFieldWrapperStyles({className:E}),isDisabled:i,isRequired:o,isInvalid:m,...e,onFocus:c=>{var s;j(!0),(s=e.onFocus)==null||s.call(e,c)},onBlur:c=>{var s;j(!1),(s=e.onBlur)==null||s.call(e,c)},ref:u,children:[t.jsxRuntimeExports.jsxs("div",{className:h.cx("flex items-center gap-3",a?"justify-between":"justify-end"),children:[a?t.jsxRuntimeExports.jsx(n.Label,{className:l.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:a}):null,o===!1?t.jsxRuntimeExports.jsx("span",{className:l.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:I}):null]}),t.jsxRuntimeExports.jsxs("div",{className:b.twMerge(l.sharedInputFieldStyles({fullWidth:q,isFocused:T,isHovered:S,isDisabled:i,isInvalid:m})),onPointerEnter:()=>r(!0),onPointerLeave:()=>r(!1),onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),children:[f,t.jsxRuntimeExports.jsx(n.Input,{className:l.sharedInputStyles({size:N,className:h.cx(!!f&&"ps-2",!!y&&"pe-2")}),ref:R,required:o,disabled:i,style:{fontFamily:"var(--input-font-family)"}}),y]}),d&&t.jsxRuntimeExports.jsx(v.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:d}),x&&t.jsxRuntimeExports.jsx(v.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:x})]})},p=g.fixedForwardRef(M);exports.TextField=p;

package/dist/lyra26.js

@@ -1,12 +1,12 @@
 import { j as t } from "./lyra54.js";
 import { useState as y } from "react";
 import { useContextProps as T, TextField as H, Label as S, Input as g, TextFieldContext as w } from "./lyra53.js";
-import { cx as F } from "./lyra63.js";
-import { fixedForwardRef as E } from "./lyra64.js";
+import { cx as F } from "./lyra60.js";
+import { fixedForwardRef as E } from "./lyra62.js";
 import { Text as $ } from "./lyra43.js";
-import "./lyra69.js";
+import "./lyra71.js";
 import { sharedInputFieldWrapperStyles as L, sharedInputlabelStyles as M, sharedInputHintStyles as P, sharedInputFieldStyles as B, sharedInputStyles as C } from "./lyra22.js";
-import "./lyra74.js";
+import "./lyra75.js";
 import { twMerge as O } from "./lyra55.js";
 const W = ({
   label: l,

package/dist/lyra27.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra54.cjs"),F=require("react"),r=require("./lyra53.cjs"),g=require("./lyra63.cjs"),I=require("./lyra64.cjs"),h=require("./lyra43.cjs");require("./lyra69.cjs");const i=require("./lyra22.cjs");require("./lyra74.cjs");require("./lyra159.cjs");const S=require("./lyra55.cjs"),b=({label:a,description:o,errorMessage:u,className:p,fullWidth:d=!1,isDisabled:c=!1,isRequired:m,isInvalid:x,startSlot:f,endSlot:y,optionalLabel:v="Optional",size:E,...s},q)=>{const[N,j]=F.useState(!1),[R,l]=F.useState(!1);return e.jsxRuntimeExports.jsxs(r.TimeField,{className:i.sharedInputFieldWrapperStyles({className:p,fullWidth:d}),isDisabled:c,isRequired:m,isInvalid:x,onFocus:t=>{var n;j(!0),(n=s.onFocus)==null||n.call(s,t)},onBlur:t=>{var n;j(!1),(n=s.onBlur)==null||n.call(s,t)},...s,ref:q,children:[e.jsxRuntimeExports.jsxs("div",{className:g.cx("flex items-center gap-3",a?"justify-between":"justify-end"),children:[a?e.jsxRuntimeExports.jsx(r.Label,{className:i.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:a}):null,m===!1?e.jsxRuntimeExports.jsx("span",{className:i.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:v}):null]}),e.jsxRuntimeExports.jsxs("div",{className:S.twMerge(i.sharedInputFieldStyles({fullWidth:d,isFocused:N,isHovered:R,isDisabled:c,isInvalid:x})),onPointerEnter:()=>l(!0),onPointerLeave:()=>l(!1),onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),children:[f,e.jsxRuntimeExports.jsx(r.DateInput,{className:i.sharedInputStyles({size:E,className:g.cx(!!f&&"ps-2",!!y&&"pe-2","flex")}),style:{fontFamily:"var(--input-font-family)"},children:t=>e.jsxRuntimeExports.jsx(r.DateSegment,{className:"rounded-[--time-field-segement-radius] px-[--time-field-segment-padding-x] py-[--time-field-segment-padding-y] outline-none focus:bg-[--time-field-segment-focused-bg] focus:text-[--time-field-segment-focused-text]",segment:t})}),y]}),o&&e.jsxRuntimeExports.jsx(h.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:o}),u&&e.jsxRuntimeExports.jsx(h.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:u})]})},T=I.fixedForwardRef(b);exports.TimeField=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra54.cjs"),F=require("react"),r=require("./lyra53.cjs"),g=require("./lyra60.cjs"),I=require("./lyra62.cjs"),h=require("./lyra43.cjs");require("./lyra71.cjs");const i=require("./lyra22.cjs");require("./lyra75.cjs");require("./lyra164.cjs");const S=require("./lyra55.cjs"),b=({label:a,description:o,errorMessage:u,className:p,fullWidth:d=!1,isDisabled:c=!1,isRequired:m,isInvalid:x,startSlot:f,endSlot:y,optionalLabel:v="Optional",size:E,...s},q)=>{const[N,j]=F.useState(!1),[R,l]=F.useState(!1);return e.jsxRuntimeExports.jsxs(r.TimeField,{className:i.sharedInputFieldWrapperStyles({className:p,fullWidth:d}),isDisabled:c,isRequired:m,isInvalid:x,onFocus:t=>{var n;j(!0),(n=s.onFocus)==null||n.call(s,t)},onBlur:t=>{var n;j(!1),(n=s.onBlur)==null||n.call(s,t)},...s,ref:q,children:[e.jsxRuntimeExports.jsxs("div",{className:g.cx("flex items-center gap-3",a?"justify-between":"justify-end"),children:[a?e.jsxRuntimeExports.jsx(r.Label,{className:i.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:a}):null,m===!1?e.jsxRuntimeExports.jsx("span",{className:i.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:v}):null]}),e.jsxRuntimeExports.jsxs("div",{className:S.twMerge(i.sharedInputFieldStyles({fullWidth:d,isFocused:N,isHovered:R,isDisabled:c,isInvalid:x})),onPointerEnter:()=>l(!0),onPointerLeave:()=>l(!1),onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),children:[f,e.jsxRuntimeExports.jsx(r.DateInput,{className:i.sharedInputStyles({size:E,className:g.cx(!!f&&"ps-2",!!y&&"pe-2","flex")}),style:{fontFamily:"var(--input-font-family)"},children:t=>e.jsxRuntimeExports.jsx(r.DateSegment,{className:"rounded-[--time-field-segement-radius] px-[--time-field-segment-padding-x] py-[--time-field-segment-padding-y] outline-none focus:bg-[--time-field-segment-focused-bg] focus:text-[--time-field-segment-focused-text]",segment:t})}),y]}),o&&e.jsxRuntimeExports.jsx(h.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:o}),u&&e.jsxRuntimeExports.jsx(h.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:u})]})},T=I.fixedForwardRef(b);exports.TimeField=T;

package/dist/lyra27.js

@@ -1,13 +1,13 @@
 import { j as e } from "./lyra54.js";
 import { useState as y } from "react";
 import { TimeField as N, Label as I, DateInput as S, DateSegment as H } from "./lyra53.js";
-import { cx as p } from "./lyra63.js";
-import { fixedForwardRef as T } from "./lyra64.js";
+import { cx as p } from "./lyra60.js";
+import { fixedForwardRef as T } from "./lyra62.js";
 import { Text as F } from "./lyra43.js";
-import "./lyra69.js";
+import "./lyra71.js";
 import { sharedInputFieldWrapperStyles as w, sharedInputlabelStyles as E, sharedInputHintStyles as L, sharedInputFieldStyles as M, sharedInputStyles as B } from "./lyra22.js";
-import "./lyra74.js";
-import "./lyra159.js";
+import "./lyra75.js";
+import "./lyra164.js";
 import { twMerge as P } from "./lyra55.js";
 const D = ({
   label: n,

package/dist/lyra28.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra54.cjs"),c=require("react"),r=require("./lyra53.cjs"),f=require("./lyra64.cjs"),B=require("./lyra39.cjs"),S=require("./lyra43.cjs"),a=require("./lyra29.cjs"),m=require("./lyra55.cjs"),w=({className:s,isEmptyLabel:e="No options available",renderEmptyState:i,selectionMode:n="single",...o},x)=>t.jsxRuntimeExports.jsx(r.ListBox,{...o,ref:x,selectionMode:n,className:m.twMerge(a.listBoxStyles({className:s})),renderEmptyState:i||(()=>t.jsxRuntimeExports.jsx("div",{className:"px-2 py-1",children:t.jsxRuntimeExports.jsx(S.Text,{variant:"body-medium",children:e})}))}),l=({className:s,children:e,...i},n)=>t.jsxRuntimeExports.jsx(r.Item,{...i,ref:n,className:({isDisabled:o,isPressed:x,isSelected:j,isFocused:p,isHovered:R})=>m.twMerge(a.listBoxItemStyles({className:s,isDisabled:o,isPressed:x,isSelected:j,isFocused:p,isHovered:R})),children:o=>t.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-center justify-between gap-2",children:[t.jsxRuntimeExports.jsx("div",{className:o.isSelected?"":"me-5",children:typeof e=="function"?e(o):e}),o.isSelected&&t.jsxRuntimeExports.jsx(B.SvgIcon,{name:"checkmark",className:"h-4 w-4"})]})}),u=({className:s,...e},i)=>t.jsxRuntimeExports.jsx(r.Header,{...e,ref:i,className:a.listBoxHeaderStyles({className:s})}),d=(s,e)=>t.jsxRuntimeExports.jsx(r.Section,{...s,ref:e}),y=f.fixedForwardRef(w),E=c.forwardRef(l),L=c.forwardRef(d),q=c.forwardRef(u);exports.Header=u;exports.Item=l;exports.ListBox=y;exports.ListBoxHeader=q;exports.ListBoxItem=E;exports.ListBoxSection=L;exports.Section=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra54.cjs"),c=require("react"),r=require("./lyra53.cjs"),f=require("./lyra62.cjs"),B=require("./lyra39.cjs"),S=require("./lyra43.cjs"),a=require("./lyra29.cjs"),m=require("./lyra55.cjs"),w=({className:s,isEmptyLabel:e="No options available",renderEmptyState:i,selectionMode:n="single",...o},x)=>t.jsxRuntimeExports.jsx(r.ListBox,{...o,ref:x,selectionMode:n,className:m.twMerge(a.listBoxStyles({className:s})),renderEmptyState:i||(()=>t.jsxRuntimeExports.jsx("div",{className:"px-2 py-1",children:t.jsxRuntimeExports.jsx(S.Text,{variant:"body-medium",children:e})}))}),l=({className:s,children:e,...i},n)=>t.jsxRuntimeExports.jsx(r.Item,{...i,ref:n,className:({isDisabled:o,isPressed:x,isSelected:j,isFocused:p,isHovered:R})=>m.twMerge(a.listBoxItemStyles({className:s,isDisabled:o,isPressed:x,isSelected:j,isFocused:p,isHovered:R})),children:o=>t.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-center justify-between gap-2",children:[t.jsxRuntimeExports.jsx("div",{className:o.isSelected?"":"me-5",children:typeof e=="function"?e(o):e}),o.isSelected&&t.jsxRuntimeExports.jsx(B.SvgIcon,{name:"checkmark",className:"h-4 w-4"})]})}),u=({className:s,...e},i)=>t.jsxRuntimeExports.jsx(r.Header,{...e,ref:i,className:a.listBoxHeaderStyles({className:s})}),d=(s,e)=>t.jsxRuntimeExports.jsx(r.Section,{...s,ref:e}),y=f.fixedForwardRef(w),E=c.forwardRef(l),L=c.forwardRef(d),q=c.forwardRef(u);exports.Header=u;exports.Item=l;exports.ListBox=y;exports.ListBoxHeader=q;exports.ListBoxItem=E;exports.ListBoxSection=L;exports.Section=d;

package/dist/lyra28.js

@@ -1,7 +1,7 @@
 import { j as t } from "./lyra54.js";
 import { forwardRef as c } from "react";
 import { ListBox as l, Item as d, Header as p, Section as j } from "./lyra53.js";
-import { fixedForwardRef as $ } from "./lyra64.js";
+import { fixedForwardRef as $ } from "./lyra62.js";
 import { SvgIcon as u } from "./lyra39.js";
 import { Text as B } from "./lyra43.js";
 import { listBoxStyles as S, listBoxItemStyles as N, listBoxHeaderStyles as y } from "./lyra29.js";

package/dist/lyra284.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra330.cjs");function r(e){return typeof e!="string"||e.includes("-")?!1:!!(t.lowercaseSVGElements.indexOf(e)>-1||/[A-Z]/.test(e))}exports.isSVGComponent=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra325.cjs");function r(e){return typeof e!="string"||e.includes("-")?!1:!!(t.lowercaseSVGElements.indexOf(e)>-1||/[A-Z]/.test(e))}exports.isSVGComponent=r;

package/dist/lyra284.js

@@ -1,4 +1,4 @@
-import { lowercaseSVGElements as r } from "./lyra330.js";
+import { lowercaseSVGElements as r } from "./lyra325.js";
 function s(e) {
   return (
     /**

package/dist/lyra285.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),P=require("./lyra331.cjs"),a=require("./lyra269.cjs"),p=require("./lyra284.cjs"),f=require("./lyra332.cjs"),q=require("./lyra180.cjs");function V(o=!1){return(e,s,n,{latestValues:i},u)=>{const c=(p.isSVGComponent(e)?f.useSVGProps:P.useHTMLProps)(s,i,u,e),l={...a.filterProps(s,typeof e=="string",o),...c,ref:n},{children:r}=s,d=t.useMemo(()=>q.isMotionValue(r)?r.get():r,[r]);return t.createElement(e,{...l,children:d})}}exports.createUseRender=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),P=require("./lyra326.cjs"),a=require("./lyra269.cjs"),p=require("./lyra284.cjs"),f=require("./lyra327.cjs"),q=require("./lyra180.cjs");function V(o=!1){return(e,s,n,{latestValues:i},u)=>{const c=(p.isSVGComponent(e)?f.useSVGProps:P.useHTMLProps)(s,i,u,e),l={...a.filterProps(s,typeof e=="string",o),...c,ref:n},{children:r}=s,d=t.useMemo(()=>q.isMotionValue(r)?r.get():r,[r]);return t.createElement(e,{...l,children:d})}}exports.createUseRender=V;

package/dist/lyra285.js

@@ -1,8 +1,8 @@
 import { useMemo as c, createElement as f } from "react";
-import { useHTMLProps as p } from "./lyra331.js";
+import { useHTMLProps as p } from "./lyra326.js";
 import { filterProps as d } from "./lyra269.js";
 import { isSVGComponent as P } from "./lyra284.js";
-import { useSVGProps as a } from "./lyra332.js";
+import { useSVGProps as a } from "./lyra327.js";
 import { isMotionValue as V } from "./lyra180.js";
 function E(o = !1) {
   return (e, s, t, { latestValues: i }, n) => {

package/dist/lyra286.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra333.cjs"),i=require("./lyra334.cjs"),n=require("./lyra270.cjs"),u=require("./lyra335.cjs"),c=require("./lyra336.cjs"),g=require("./lyra337.cjs"),r=require("./lyra216.cjs"),l={useVisualState:n.makeUseVisualState({scrapeMotionValuesFromProps:i.scrapeMotionValuesFromProps,createRenderState:u.createSvgRenderState,onMount:(o,e,{renderState:t,latestValues:s})=>{r.frame.read(()=>{try{t.dimensions=typeof e.getBBox=="function"?e.getBBox():e.getBoundingClientRect()}catch{t.dimensions={x:0,y:0,width:0,height:0}}}),r.frame.render(()=>{c.buildSVGAttrs(t,s,{enableHardwareAcceleration:!1},g.isSVGTag(e.tagName),o.transformTemplate),a.renderSVG(e,t)})}})};exports.svgMotionConfig=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra328.cjs"),i=require("./lyra329.cjs"),n=require("./lyra270.cjs"),u=require("./lyra330.cjs"),c=require("./lyra331.cjs"),g=require("./lyra332.cjs"),r=require("./lyra216.cjs"),l={useVisualState:n.makeUseVisualState({scrapeMotionValuesFromProps:i.scrapeMotionValuesFromProps,createRenderState:u.createSvgRenderState,onMount:(o,e,{renderState:t,latestValues:s})=>{r.frame.read(()=>{try{t.dimensions=typeof e.getBBox=="function"?e.getBBox():e.getBoundingClientRect()}catch{t.dimensions={x:0,y:0,width:0,height:0}}}),r.frame.render(()=>{c.buildSVGAttrs(t,s,{enableHardwareAcceleration:!1},g.isSVGTag(e.tagName),o.transformTemplate),a.renderSVG(e,t)})}})};exports.svgMotionConfig=l;

package/dist/lyra286.js

@@ -1,9 +1,9 @@
-import { renderSVG as i } from "./lyra333.js";
-import { scrapeMotionValuesFromProps as a } from "./lyra334.js";
+import { renderSVG as i } from "./lyra328.js";
+import { scrapeMotionValuesFromProps as a } from "./lyra329.js";
 import { makeUseVisualState as s } from "./lyra270.js";
-import { createSvgRenderState as p } from "./lyra335.js";
-import { buildSVGAttrs as f } from "./lyra336.js";
-import { isSVGTag as n } from "./lyra337.js";
+import { createSvgRenderState as p } from "./lyra330.js";
+import { buildSVGAttrs as f } from "./lyra331.js";
+import { isSVGTag as n } from "./lyra332.js";
 import { frame as r } from "./lyra216.js";
 const h = {
   useVisualState: s({

package/dist/lyra287.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra270.cjs"),t=require("./lyra338.cjs"),o=require("./lyra339.cjs"),r={useVisualState:e.makeUseVisualState({scrapeMotionValuesFromProps:t.scrapeMotionValuesFromProps,createRenderState:o.createHtmlRenderState})};exports.htmlMotionConfig=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra270.cjs"),t=require("./lyra333.cjs"),o=require("./lyra334.cjs"),r={useVisualState:e.makeUseVisualState({scrapeMotionValuesFromProps:t.scrapeMotionValuesFromProps,createRenderState:o.createHtmlRenderState})};exports.htmlMotionConfig=r;

package/dist/lyra287.js

@@ -1,6 +1,6 @@
 import { makeUseVisualState as t } from "./lyra270.js";
-import { scrapeMotionValuesFromProps as e } from "./lyra338.js";
-import { createHtmlRenderState as o } from "./lyra339.js";
+import { scrapeMotionValuesFromProps as e } from "./lyra333.js";
+import { createHtmlRenderState as o } from "./lyra334.js";
 const i = {
   useVisualState: t({
     scrapeMotionValuesFromProps: e,

package/dist/lyra29.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra63.cjs");require("./lyra75.cjs");const e=t.cva(["lyra-list-box","list-box","flex","flex-col","gap-y-[--list-box-row-gap]","w-full","px-[--list-box-padding-x]","py-[--list-box-padding-y]","outline-none"],{variants:{}}),o=t.cva(["transition","duration-300","ease-out","rounded-md","w-full","pe-[--list-box-item-padding-end]","ps-[--list-box-item-padding-start]","py-[--list-box-item-padding-y]","select-none","outline-none","text-[length:var(--list-box-item-text-size)]","font-sans","font-[--list-box-item-text-weight]","flex","items-center","gap-x-[--list-box-item-gap-x]","bg-[--list-box-item-background-color]","text-[--list-box-item-text-color]"],{variants:{isDisabled:{true:["cursor-not-allowed","opacity-50"]},isPressed:{true:"!bg-[--list-box-item-pressed-bg-color] !text-[--list-box-item-pressed-text-color]"},isSelected:{true:"!bg-[--list-box-item-selected-bg-color] !text-[--list-box-item-selected-text-color]"},isHovered:{true:"!bg-[--list-box-item-hover-bg-color] !text-[--list-box-item-hover-text-color]"},isFocused:{true:"!bg-[--list-box-item-focused-bg-color] !text-[--list-box-item-focused-text-color]"}},compoundVariants:[{isFocused:!0,isHovered:!0,className:"!bg-[--list-box-item-focused-hover-bg-color] !text-[--list-box-item-focused-hover-text-color]"}]}),i=t.cva(["py-[--list-box-header-padding-y]","px-[--list-box-header-padding-x]","text-[--list-box-header-text-size]","font-sans","font-[--list-box-header-text-weight]","text-[--list-box-header-text-color]"]);exports.listBoxHeaderStyles=i;exports.listBoxItemStyles=o;exports.listBoxStyles=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra60.cjs");require("./lyra70.cjs");const e=t.cva(["lyra-list-box","list-box","flex","flex-col","gap-y-[--list-box-row-gap]","w-full","px-[--list-box-padding-x]","py-[--list-box-padding-y]","outline-none"],{variants:{}}),o=t.cva(["transition","duration-300","ease-out","rounded-md","w-full","pe-[--list-box-item-padding-end]","ps-[--list-box-item-padding-start]","py-[--list-box-item-padding-y]","select-none","outline-none","text-[length:var(--list-box-item-text-size)]","font-sans","font-[--list-box-item-text-weight]","flex","items-center","gap-x-[--list-box-item-gap-x]","bg-[--list-box-item-background-color]","text-[--list-box-item-text-color]"],{variants:{isDisabled:{true:["cursor-not-allowed","opacity-50"]},isPressed:{true:"!bg-[--list-box-item-pressed-bg-color] !text-[--list-box-item-pressed-text-color]"},isSelected:{true:"!bg-[--list-box-item-selected-bg-color] !text-[--list-box-item-selected-text-color]"},isHovered:{true:"!bg-[--list-box-item-hover-bg-color] !text-[--list-box-item-hover-text-color]"},isFocused:{true:"!bg-[--list-box-item-focused-bg-color] !text-[--list-box-item-focused-text-color]"}},compoundVariants:[{isFocused:!0,isHovered:!0,className:"!bg-[--list-box-item-focused-hover-bg-color] !text-[--list-box-item-focused-hover-text-color]"}]}),i=t.cva(["py-[--list-box-header-padding-y]","px-[--list-box-header-padding-x]","text-[--list-box-header-text-size]","font-sans","font-[--list-box-header-text-weight]","text-[--list-box-header-text-color]"]);exports.listBoxHeaderStyles=i;exports.listBoxItemStyles=o;exports.listBoxStyles=e;

package/dist/lyra29.js

@@ -1,5 +1,5 @@
-import { cva as t } from "./lyra63.js";
-import "./lyra75.js";
+import { cva as t } from "./lyra60.js";
+import "./lyra70.js";
 const i = t(
   [
     "lyra-list-box",

package/dist/lyra292.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra321.cjs"),o=require("./lyra235.cjs"),s=require("./lyra325.cjs");class t extends r.Feature{constructor(e){super(e),this.removeGroupControls=o.noop,this.removeListeners=o.noop,this.controls=new s.VisualElementDragControls(e)}mount(){const{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||o.noop}unmount(){this.removeGroupControls(),this.removeListeners()}}exports.DragGesture=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra321.cjs"),o=require("./lyra235.cjs"),s=require("./lyra335.cjs");class t extends r.Feature{constructor(e){super(e),this.removeGroupControls=o.noop,this.removeListeners=o.noop,this.controls=new s.VisualElementDragControls(e)}mount(){const{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||o.noop}unmount(){this.removeGroupControls(),this.removeListeners()}}exports.DragGesture=t;