@axdspub/axiom-ui-forms 0.2.7 → 0.2.9-alpha.0

package/library/esm/node_modules/@axdspub/axiom-ui-utilities/library/index.js

@@ -6183,6 +6183,15 @@ const $7e8f5cd07187803e$export$21b07c8f274aebd5 = /*#__PURE__*/ forwardRef((prop
  * -----------------------------------------------------------------------------------------------*/ const $cf1ac5d9fe0e8206$var$POPPER_NAME = 'Popper';
 const [$cf1ac5d9fe0e8206$var$createPopperContext, $cf1ac5d9fe0e8206$export$722aac194ae923] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($cf1ac5d9fe0e8206$var$POPPER_NAME);
 const [$cf1ac5d9fe0e8206$var$PopperProvider, $cf1ac5d9fe0e8206$var$usePopperContext] = $cf1ac5d9fe0e8206$var$createPopperContext($cf1ac5d9fe0e8206$var$POPPER_NAME);
+const $cf1ac5d9fe0e8206$export$badac9ada3a0bdf9 = (props)=>{
+    const { __scopePopper: __scopePopper , children: children  } = props;
+    const [anchor, setAnchor] = useState(null);
+    return /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$var$PopperProvider, {
+        scope: __scopePopper,
+        anchor: anchor,
+        onAnchorChange: setAnchor
+    }, children);
+};
 /* -------------------------------------------------------------------------------------------------
  * PopperAnchor
  * -----------------------------------------------------------------------------------------------*/ const $cf1ac5d9fe0e8206$var$ANCHOR_NAME = 'PopperAnchor';
@@ -6433,11 +6442,12 @@ function $cf1ac5d9fe0e8206$var$getSideAndAlignFromPlacement(placement) {
         align
     ];
 }
+const $cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9 = $cf1ac5d9fe0e8206$export$badac9ada3a0bdf9;
 const $cf1ac5d9fe0e8206$export$b688253958b8dfe7 = $cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d;
 const $cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2 = $cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc;
 const $cf1ac5d9fe0e8206$export$21b07c8f274aebd5 = $cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0;
 
-/*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+const $f1701beae083dbae$export$602eac185826482c$1 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     var _globalThis$document;
     const { container: container = globalThis === null || globalThis === void 0 ? void 0 : (_globalThis$document = globalThis.document) === null || _globalThis$document === void 0 ? void 0 : _globalThis$document.body , ...portalProps } = props;
     return container ? /*#__PURE__*/ ReactDOM__default.createPortal(/*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, portalProps, {
@@ -6473,16 +6483,131 @@ const $a093c7e1ec25a057$var$usePopperScope = $cf1ac5d9fe0e8206$export$722aac194a
 /* -------------------------------------------------------------------------------------------------
  * TooltipProvider
  * -----------------------------------------------------------------------------------------------*/ const $a093c7e1ec25a057$var$PROVIDER_NAME = 'TooltipProvider';
+const $a093c7e1ec25a057$var$DEFAULT_DELAY_DURATION = 700;
 const $a093c7e1ec25a057$var$TOOLTIP_OPEN = 'tooltip.open';
 const [$a093c7e1ec25a057$var$TooltipProviderContextProvider, $a093c7e1ec25a057$var$useTooltipProviderContext] = $a093c7e1ec25a057$var$createTooltipContext($a093c7e1ec25a057$var$PROVIDER_NAME);
+const $a093c7e1ec25a057$export$f78649fb9ca566b8 = (props)=>{
+    const { __scopeTooltip: __scopeTooltip , delayDuration: delayDuration = $a093c7e1ec25a057$var$DEFAULT_DELAY_DURATION , skipDelayDuration: skipDelayDuration = 300 , disableHoverableContent: disableHoverableContent = false , children: children  } = props;
+    const [isOpenDelayed, setIsOpenDelayed] = useState(true);
+    const isPointerInTransitRef = useRef(false);
+    const skipDelayTimerRef = useRef(0);
+    useEffect(()=>{
+        const skipDelayTimer = skipDelayTimerRef.current;
+        return ()=>window.clearTimeout(skipDelayTimer)
+        ;
+    }, []);
+    return /*#__PURE__*/ createElement($a093c7e1ec25a057$var$TooltipProviderContextProvider, {
+        scope: __scopeTooltip,
+        isOpenDelayed: isOpenDelayed,
+        delayDuration: delayDuration,
+        onOpen: useCallback(()=>{
+            window.clearTimeout(skipDelayTimerRef.current);
+            setIsOpenDelayed(false);
+        }, []),
+        onClose: useCallback(()=>{
+            window.clearTimeout(skipDelayTimerRef.current);
+            skipDelayTimerRef.current = window.setTimeout(()=>setIsOpenDelayed(true)
+            , skipDelayDuration);
+        }, [
+            skipDelayDuration
+        ]),
+        isPointerInTransitRef: isPointerInTransitRef,
+        onPointerInTransitChange: useCallback((inTransit)=>{
+            isPointerInTransitRef.current = inTransit;
+        }, []),
+        disableHoverableContent: disableHoverableContent
+    }, children);
+};
 /* -------------------------------------------------------------------------------------------------
  * Tooltip
  * -----------------------------------------------------------------------------------------------*/ const $a093c7e1ec25a057$var$TOOLTIP_NAME = 'Tooltip';
 const [$a093c7e1ec25a057$var$TooltipContextProvider, $a093c7e1ec25a057$var$useTooltipContext] = $a093c7e1ec25a057$var$createTooltipContext($a093c7e1ec25a057$var$TOOLTIP_NAME);
+const $a093c7e1ec25a057$export$28c660c63b792dea = (props)=>{
+    const { __scopeTooltip: __scopeTooltip , children: children , open: openProp , defaultOpen: defaultOpen = false , onOpenChange: onOpenChange , disableHoverableContent: disableHoverableContentProp , delayDuration: delayDurationProp  } = props;
+    const providerContext = $a093c7e1ec25a057$var$useTooltipProviderContext($a093c7e1ec25a057$var$TOOLTIP_NAME, props.__scopeTooltip);
+    const popperScope = $a093c7e1ec25a057$var$usePopperScope(__scopeTooltip);
+    const [trigger, setTrigger] = useState(null);
+    const contentId = $1746a345f3d73bb7$export$f680877a34711e37();
+    const openTimerRef = useRef(0);
+    const disableHoverableContent = disableHoverableContentProp !== null && disableHoverableContentProp !== void 0 ? disableHoverableContentProp : providerContext.disableHoverableContent;
+    const delayDuration = delayDurationProp !== null && delayDurationProp !== void 0 ? delayDurationProp : providerContext.delayDuration;
+    const wasOpenDelayedRef = useRef(false);
+    const [open1 = false, setOpen] = $71cd76cc60e0454e$export$6f32135080cb4c3({
+        prop: openProp,
+        defaultProp: defaultOpen,
+        onChange: (open)=>{
+            if (open) {
+                providerContext.onOpen(); // as `onChange` is called within a lifecycle method we
+                // avoid dispatching via `dispatchDiscreteCustomEvent`.
+                document.dispatchEvent(new CustomEvent($a093c7e1ec25a057$var$TOOLTIP_OPEN));
+            } else providerContext.onClose();
+            onOpenChange === null || onOpenChange === void 0 || onOpenChange(open);
+        }
+    });
+    const stateAttribute = useMemo(()=>{
+        return open1 ? wasOpenDelayedRef.current ? 'delayed-open' : 'instant-open' : 'closed';
+    }, [
+        open1
+    ]);
+    const handleOpen = useCallback(()=>{
+        window.clearTimeout(openTimerRef.current);
+        wasOpenDelayedRef.current = false;
+        setOpen(true);
+    }, [
+        setOpen
+    ]);
+    const handleClose = useCallback(()=>{
+        window.clearTimeout(openTimerRef.current);
+        setOpen(false);
+    }, [
+        setOpen
+    ]);
+    const handleDelayedOpen = useCallback(()=>{
+        window.clearTimeout(openTimerRef.current);
+        openTimerRef.current = window.setTimeout(()=>{
+            wasOpenDelayedRef.current = true;
+            setOpen(true);
+        }, delayDuration);
+    }, [
+        delayDuration,
+        setOpen
+    ]);
+    useEffect(()=>{
+        return ()=>window.clearTimeout(openTimerRef.current)
+        ;
+    }, []);
+    return /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9, popperScope, /*#__PURE__*/ createElement($a093c7e1ec25a057$var$TooltipContextProvider, {
+        scope: __scopeTooltip,
+        contentId: contentId,
+        open: open1,
+        stateAttribute: stateAttribute,
+        trigger: trigger,
+        onTriggerChange: setTrigger,
+        onTriggerEnter: useCallback(()=>{
+            if (providerContext.isOpenDelayed) handleDelayedOpen();
+            else handleOpen();
+        }, [
+            providerContext.isOpenDelayed,
+            handleDelayedOpen,
+            handleOpen
+        ]),
+        onTriggerLeave: useCallback(()=>{
+            if (disableHoverableContent) handleClose();
+            else // Clear the timer in case the pointer leaves the trigger before the tooltip is opened.
+            window.clearTimeout(openTimerRef.current);
+        }, [
+            handleClose,
+            disableHoverableContent
+        ]),
+        onOpen: handleOpen,
+        onClose: handleClose,
+        disableHoverableContent: disableHoverableContent
+    }, children));
+};
 /* -------------------------------------------------------------------------------------------------
  * TooltipTrigger
  * -----------------------------------------------------------------------------------------------*/ const $a093c7e1ec25a057$var$TRIGGER_NAME = 'TooltipTrigger';
-/*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+const $a093c7e1ec25a057$export$8c610744efcf8a1d = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { __scopeTooltip: __scopeTooltip , ...triggerProps } = props;
     const context = $a093c7e1ec25a057$var$useTooltipContext($a093c7e1ec25a057$var$TRIGGER_NAME, __scopeTooltip);
     const providerContext = $a093c7e1ec25a057$var$useTooltipProviderContext($a093c7e1ec25a057$var$TRIGGER_NAME, __scopeTooltip);
@@ -6538,10 +6663,23 @@ const [$a093c7e1ec25a057$var$TooltipContextProvider, $a093c7e1ec25a057$var$useTo
 const [$a093c7e1ec25a057$var$PortalProvider, $a093c7e1ec25a057$var$usePortalContext] = $a093c7e1ec25a057$var$createTooltipContext($a093c7e1ec25a057$var$PORTAL_NAME, {
     forceMount: undefined
 });
+const $a093c7e1ec25a057$export$7b36b8f925ab7497 = (props)=>{
+    const { __scopeTooltip: __scopeTooltip , forceMount: forceMount , children: children , container: container  } = props;
+    const context = $a093c7e1ec25a057$var$useTooltipContext($a093c7e1ec25a057$var$PORTAL_NAME, __scopeTooltip);
+    return /*#__PURE__*/ createElement($a093c7e1ec25a057$var$PortalProvider, {
+        scope: __scopeTooltip,
+        forceMount: forceMount
+    }, /*#__PURE__*/ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
+        present: forceMount || context.open
+    }, /*#__PURE__*/ createElement($f1701beae083dbae$export$602eac185826482c$1, {
+        asChild: true,
+        container: container
+    }, children)));
+};
 /* -------------------------------------------------------------------------------------------------
  * TooltipContent
  * -----------------------------------------------------------------------------------------------*/ const $a093c7e1ec25a057$var$CONTENT_NAME = 'TooltipContent';
-/*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+const $a093c7e1ec25a057$export$e9003e2be37ec060 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const portalContext = $a093c7e1ec25a057$var$usePortalContext($a093c7e1ec25a057$var$CONTENT_NAME, props.__scopeTooltip);
     const { forceMount: forceMount = portalContext.forceMount , side: side = 'top' , ...contentProps } = props;
     const context = $a093c7e1ec25a057$var$useTooltipContext($a093c7e1ec25a057$var$CONTENT_NAME, props.__scopeTooltip);
@@ -6710,7 +6848,7 @@ const $a093c7e1ec25a057$var$TooltipContentImpl = /*#__PURE__*/ forwardRef((props
 /* -------------------------------------------------------------------------------------------------
  * TooltipArrow
  * -----------------------------------------------------------------------------------------------*/ const $a093c7e1ec25a057$var$ARROW_NAME = 'TooltipArrow';
-/*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+const $a093c7e1ec25a057$export$c27ee0ad710f7559 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { __scopeTooltip: __scopeTooltip , ...arrowProps } = props;
     const popperScope = $a093c7e1ec25a057$var$usePopperScope(__scopeTooltip);
     const visuallyHiddenContentContext = $a093c7e1ec25a057$var$useVisuallyHiddenContentContext($a093c7e1ec25a057$var$ARROW_NAME, __scopeTooltip); // if the arrow is inside the `VisuallyHidden`, we don't want to render it all to
@@ -6855,6 +6993,27 @@ function $a093c7e1ec25a057$var$getHullPresorted(points) {
     if (upperHull.length === 1 && lowerHull.length === 1 && upperHull[0].x === lowerHull[0].x && upperHull[0].y === lowerHull[0].y) return upperHull;
     else return upperHull.concat(lowerHull);
 }
+const $a093c7e1ec25a057$export$2881499e37b75b9a = $a093c7e1ec25a057$export$f78649fb9ca566b8;
+const $a093c7e1ec25a057$export$be92b6f5f03c0fe9 = $a093c7e1ec25a057$export$28c660c63b792dea;
+const $a093c7e1ec25a057$export$41fb9f06171c75f4 = $a093c7e1ec25a057$export$8c610744efcf8a1d;
+const $a093c7e1ec25a057$export$602eac185826482c = $a093c7e1ec25a057$export$7b36b8f925ab7497;
+const $a093c7e1ec25a057$export$7c6e2c02157bb7d2 = $a093c7e1ec25a057$export$e9003e2be37ec060;
+const $a093c7e1ec25a057$export$21b07c8f274aebd5 = $a093c7e1ec25a057$export$c27ee0ad710f7559;
+
+var RadixTooltip = function (_a) {
+    var children = _a.children, content = _a.content, _b = _a.delay, delay = _b === void 0 ? 0 : _b, _c = _a.defaultOpen, defaultOpen = _c === void 0 ? false : _c, className = _a.className, side = _a.side, _d = _a.contentDefaultClassName, contentDefaultClassName = _d === void 0 ? 'text-slate-800 bg-white' : _d, contentClassName = _a.contentClassName, _e = _a.dark, dark = _e === void 0 ? false : _e;
+    return (React__default.createElement($a093c7e1ec25a057$export$2881499e37b75b9a, { delayDuration: delay !== undefined ? delay : 0 },
+        React__default.createElement($a093c7e1ec25a057$export$be92b6f5f03c0fe9, { defaultOpen: defaultOpen !== undefined ? defaultOpen : false },
+            React__default.createElement($a093c7e1ec25a057$export$41fb9f06171c75f4, { className: className }, children),
+            React__default.createElement($a093c7e1ec25a057$export$602eac185826482c, null,
+                React__default.createElement($a093c7e1ec25a057$export$7c6e2c02157bb7d2, { side: side, className: "data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade ".concat(makeClassName({
+                        defaultClassName: contentDefaultClassName,
+                        className: contentClassName,
+                        extras: dark ? ['bg-black text-white'] : undefined
+                    }), " select-none rounded-[4px] px-[15px] py-[10px] text-[15px] leading-none shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] will-change-[transform,opacity]"), sideOffset: 5 },
+                    content,
+                    React__default.createElement($a093c7e1ec25a057$export$21b07c8f274aebd5, { className: dark ? 'fill-black' : 'fill-white' }))))));
+};
 
 function Option(option) {
     return (React__default.createElement("option", { value: option.value }, option.label));
@@ -6949,7 +7108,7 @@ const [$faa2e61a3361514f$var$createSliderContext, $faa2e61a3361514f$export$ef726
     $faa2e61a3361514f$var$createCollectionScope
 ]);
 const [$faa2e61a3361514f$var$SliderProvider, $faa2e61a3361514f$var$useSliderContext] = $faa2e61a3361514f$var$createSliderContext($faa2e61a3361514f$var$SLIDER_NAME);
-/*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+const $faa2e61a3361514f$export$472062a354075cee = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { name: name , min: min = 0 , max: max = 100 , step: step = 1 , orientation: orientation = 'horizontal' , disabled: disabled = false , minStepsBetweenThumbs: minStepsBetweenThumbs = 0 , defaultValue: defaultValue = [
         min
     ] , value: value1 , onValueChange: onValueChange = ()=>{} , onValueCommit: onValueCommit = ()=>{} , inverted: inverted = false , ...sliderProps } = props;
@@ -7236,7 +7395,7 @@ const $faa2e61a3361514f$var$SliderHorizontal = /*#__PURE__*/ forwardRef((props,
 /* -------------------------------------------------------------------------------------------------
  * SliderTrack
  * -----------------------------------------------------------------------------------------------*/ const $faa2e61a3361514f$var$TRACK_NAME = 'SliderTrack';
-/*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+const $faa2e61a3361514f$export$105594979f116971 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { __scopeSlider: __scopeSlider , ...trackProps } = props;
     const context = $faa2e61a3361514f$var$useSliderContext($faa2e61a3361514f$var$TRACK_NAME, __scopeSlider);
     return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
@@ -7249,7 +7408,7 @@ const $faa2e61a3361514f$var$SliderHorizontal = /*#__PURE__*/ forwardRef((props,
 /* -------------------------------------------------------------------------------------------------
  * SliderRange
  * -----------------------------------------------------------------------------------------------*/ const $faa2e61a3361514f$var$RANGE_NAME = 'SliderRange';
-/*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+const $faa2e61a3361514f$export$a5cf38a7a000fe77 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const { __scopeSlider: __scopeSlider , ...rangeProps } = props;
     const context = $faa2e61a3361514f$var$useSliderContext($faa2e61a3361514f$var$RANGE_NAME, __scopeSlider);
     const orientation = $faa2e61a3361514f$var$useSliderOrientationContext($faa2e61a3361514f$var$RANGE_NAME, __scopeSlider);
@@ -7275,7 +7434,7 @@ const $faa2e61a3361514f$var$SliderHorizontal = /*#__PURE__*/ forwardRef((props,
 /* -------------------------------------------------------------------------------------------------
  * SliderThumb
  * -----------------------------------------------------------------------------------------------*/ const $faa2e61a3361514f$var$THUMB_NAME = 'SliderThumb';
-/*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+const $faa2e61a3361514f$export$2c1b491743890dec = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     const getItems = $faa2e61a3361514f$var$useCollection(props.__scopeSlider);
     const [thumb, setThumb] = useState(null);
     const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setThumb(node)
@@ -7479,6 +7638,79 @@ function $faa2e61a3361514f$var$roundValue(value, decimalCount) {
     const rounder = Math.pow(10, decimalCount);
     return Math.round(value * rounder) / rounder;
 }
+const $faa2e61a3361514f$export$be92b6f5f03c0fe9 = $faa2e61a3361514f$export$472062a354075cee;
+const $faa2e61a3361514f$export$13921ac0cc260818 = $faa2e61a3361514f$export$105594979f116971;
+const $faa2e61a3361514f$export$9a58ef0d7ad3278c = $faa2e61a3361514f$export$a5cf38a7a000fe77;
+const $faa2e61a3361514f$export$6521433ed15a34db = $faa2e61a3361514f$export$2c1b491743890dec;
+
+var sizes = {
+    xs: 'h-2 w-2',
+    sm: 'h-3 w-3',
+    med: 'h-5 w-5',
+    lg: 'h-6 w-6',
+    xlg: 'h-8 w-8'
+};
+var getDefaultThumbClass = function (size) {
+    var defaultSize = size in sizes ? sizes[size] : sizes.med;
+    // return `block ${defaultSize} bg-white shadow-[0_2px_10px] shadow-blackA7 rounded-[20px] hover:bg-violet3 focus:outline-none focus:shadow-[0_2px_10px] focus:shadow-blackA8`
+    return "block ".concat(defaultSize, " cursor-pointer bg-white shadow-[0_2px_10px] shadow-blackA7 rounded-[20px] hover:bg-violet3 focus:outline-none focus:shadow-[0_2px_10px] focus:shadow-blackA8");
+};
+
+var validateValue = function (value, min, max) {
+    var newV = value === undefined
+        ? min
+        : value > max
+            ? max
+            : value < min
+                ? min
+                : value;
+    return newV;
+};
+var SliderSingle = function (_a) {
+    _a.id; _a.testId; _a.error; var _c = _a.size, size = _c === void 0 ? 'med' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, label = _a.label, description = _a.description, before = _a.before, after = _a.after, _e = _a.max, max = _e === void 0 ? 100 : _e, _f = _a.min, min = _f === void 0 ? 1 : _f, _g = _a.step, step = _g === void 0 ? 1 : _g, value = _a.value, onChange = _a.onChange, onChangeComplete = _a.onChangeComplete, _h = _a.defaultClassName, defaultClassName = _h === void 0 ? 'relative flex items-center select-none touch-none h-5' : _h, className = _a.className, thumbClass = _a.thumbClass;
+    var thumbDefaultClassName = getDefaultThumbClass(size);
+    var _j = useState(), sliderValue = _j[0], setSlidervalue = _j[1];
+    var onSliderChange = function (v) {
+        var newV = validateValue(v[0], min, max);
+        if (typeof onChange === 'function') {
+            onChange(newV);
+        }
+        setSlidervalue(newV);
+    };
+    var onSliderChangeCommit = function (v) {
+        var newV = validateValue(v[0], min, max);
+        if (typeof onChangeComplete === 'function') {
+            onChangeComplete(newV);
+        }
+    };
+    useEffect(function () {
+        var newVal = validateValue(value, min, max);
+        setSlidervalue(newVal);
+        if (newVal !== value) {
+            onSliderChange([newVal]);
+            onSliderChangeCommit([newVal]);
+        }
+    }, [value]);
+    return (React__default.createElement(React__default.Fragment, null,
+        typeof label === 'string'
+            ? React__default.createElement(Label, { label: label })
+            : label !== undefined ? label : '',
+        typeof description === 'string'
+            ? React__default.createElement(Description, { description: description })
+            : description !== undefined ? description : '',
+        before !== undefined ? before : '',
+        React__default.createElement($faa2e61a3361514f$export$be92b6f5f03c0fe9, { className: makeClassName({
+                defaultClassName: defaultClassName,
+                className: className
+            }), disabled: disabled, defaultValue: [validateValue(value, min, max)], value: sliderValue !== undefined ? [sliderValue] : undefined, min: min, max: max, step: step, minStepsBetweenThumbs: 1, onValueChange: onSliderChange, onValueCommit: onSliderChangeCommit },
+            React__default.createElement($faa2e61a3361514f$export$13921ac0cc260818, { className: "bg-slate-400 relative grow rounded-full h-[3px]" },
+                React__default.createElement($faa2e61a3361514f$export$9a58ef0d7ad3278c, { className: "absolute bg-blue-400 rounded-full h-full" })),
+            React__default.createElement($faa2e61a3361514f$export$6521433ed15a34db, { className: makeClassName({
+                    defaultClassName: thumbDefaultClassName,
+                    className: thumbClass
+                }), "aria-label": "Value" })),
+        after !== undefined ? after : ''));
+};
 
 function TextArea(_a) {
     _a.id; var _b = _a.testId, testId = _b === void 0 ? 'textarea' : _b, value = _a.value, onChange = _a.onChange, error = _a.error, _c = _a.size, size = _c === void 0 ? 'med' : _c, _d = _a.defaultClassName, defaultClassName = _d === void 0 ? 'block  border border-slate-300 focus:outline-blue-400 w-full disabled:opacity-50 disabled:bg-slate-50' : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, className = _a.className, _f = _a.defaultWrapperClassName, defaultWrapperClassName = _f === void 0 ? 'block' : _f, wrapperClassName = _a.wrapperClassName, placeholder = _a.placeholder, label = _a.label, description = _a.description, before = _a.before, after = _a.after, cleaner = _a.cleaner, autofocus = _a.autofocus;
@@ -15670,5 +15902,5 @@ axios.HttpStatusCode = HttpStatusCode$1;
 axios.default = axios;
 //# sourceMappingURL=index.js.map
 
-export { Button, Checkbox, Description, Input, Label, Loader, RadixRadioGroup as RadioGroup, Select as SelectInput, TextArea, index$1 as utils };
+export { Button, Checkbox, Description, Input, Label, Loader, RadixRadioGroup as RadioGroup, Select as SelectInput, SliderSingle as Slider, TextArea, RadixTooltip as Tooltip, index$1 as utils };
 //# sourceMappingURL=index.js.map