@jengaui/slider/dist/esm/chunk-3A2DI5A3.js

Jenga UI Slider component in React

import { a } from './chunk-TWE3IXO2.js';
import { useRef } from 'react';
import { useSliderThumb } from '@react-aria/slider';
import { useHover } from '@react-aria/interactions';
import { VisuallyHidden } from '@react-aria/visually-hidden';
import { FocusRing } from '@react-aria/focus';
import { mergeProps } from '@jengaui/utils';
import { jsx } from 'react/jsx-runtime';

function F(o){let{state:m,isDisabled:r}=o,i=useRef(null),{thumbProps:u,inputProps:n,isDragging:t,isFocused:d}=useSliderThumb({...o,inputRef:i},m),{hoverProps:l,isHovered:p}=useHover({isDisabled:r});return jsx(FocusRing,{within:!0,children:jsx(a,{mods:{hovered:p,dragged:t,focused:!t&&d,disabled:r},...mergeProps(u,l),role:"presentation",children:jsx(VisuallyHidden,{children:jsx("input",{ref:i,...n})})})})}

export { F as a };