@mdigital_ui/ui 0.3.8 → 0.4.0

package/dist/chunk-GVEEUHM2.js

@@ -1,377 +0,0 @@
-import { cn } from './chunk-NGYLRX6F.js';
-import { cva } from 'class-variance-authority';
-import React, { useState, useRef, useCallback } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var sliderTrackVariants = cva("relative rounded-full", {
-  variants: {
-    size: {
-      xs: "h-1",
-      sm: "h-2",
-      md: "h-3",
-      lg: "h-4"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-var thumbVariants = cva(
-  "absolute top-1/2 rounded-full border-2 bg-background cursor-pointer hover:scale-110 active:scale-100 transition-transform duration-150",
-  {
-    variants: {
-      size: {
-        xs: "w-3 h-3",
-        sm: "w-3.5 h-3.5",
-        md: "w-4 h-4",
-        lg: "w-6 h-6"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-var trackColorStyles = {
-  default: {
-    default: "bg-surface",
-    solid: "bg-border",
-    soft: "bg-surface/50"
-  },
-  primary: {
-    default: "bg-primary/10",
-    solid: "bg-primary/20",
-    soft: "bg-primary/5"
-  },
-  secondary: {
-    default: "bg-secondary/10",
-    solid: "bg-secondary/20",
-    soft: "bg-secondary/5"
-  },
-  accent: {
-    default: "bg-accent/10",
-    solid: "bg-accent/20",
-    soft: "bg-accent/5"
-  },
-  success: {
-    default: "bg-success/10",
-    solid: "bg-success/20",
-    soft: "bg-success/5"
-  },
-  error: {
-    default: "bg-error/10",
-    solid: "bg-error/20",
-    soft: "bg-error/5"
-  },
-  warning: {
-    default: "bg-warning/10",
-    solid: "bg-warning/20",
-    soft: "bg-warning/5"
-  },
-  info: {
-    default: "bg-info/10",
-    solid: "bg-info/20",
-    soft: "bg-info/5"
-  }
-};
-var fillColorStyles = {
-  default: {
-    default: "bg-surface border-border",
-    solid: "bg-border",
-    soft: "bg-surface/80"
-  },
-  primary: {
-    default: "bg-primary/20 border-primary",
-    solid: "bg-primary",
-    soft: "bg-primary/60"
-  },
-  secondary: {
-    default: "bg-secondary/20 border-secondary",
-    solid: "bg-secondary",
-    soft: "bg-secondary/60"
-  },
-  accent: {
-    default: "bg-accent/20 border-accent",
-    solid: "bg-accent",
-    soft: "bg-accent/60"
-  },
-  success: {
-    default: "bg-success/20 border-success",
-    solid: "bg-success",
-    soft: "bg-success/60"
-  },
-  error: {
-    default: "bg-error/20 border-error",
-    solid: "bg-error",
-    soft: "bg-error/60"
-  },
-  warning: {
-    default: "bg-warning/20 border-warning",
-    solid: "bg-warning",
-    soft: "bg-warning/60"
-  },
-  info: {
-    default: "bg-info/20 border-info",
-    solid: "bg-info",
-    soft: "bg-info/60"
-  }
-};
-var thumbColorStyles = {
-  default: {
-    default: "border-border",
-    solid: "border-border",
-    soft: "border-surface"
-  },
-  primary: {
-    default: "border-primary",
-    solid: "border-primary",
-    soft: "border-primary/60"
-  },
-  secondary: {
-    default: "border-secondary",
-    solid: "border-secondary",
-    soft: "border-secondary/60"
-  },
-  accent: {
-    default: "border-accent",
-    solid: "border-accent",
-    soft: "border-accent/60"
-  },
-  success: {
-    default: "border-success",
-    solid: "border-success",
-    soft: "border-success/60"
-  },
-  error: {
-    default: "border-error",
-    solid: "border-error",
-    soft: "border-error/60"
-  },
-  warning: {
-    default: "border-warning",
-    solid: "border-warning",
-    soft: "border-warning/60"
-  },
-  info: {
-    default: "border-info",
-    solid: "border-info",
-    soft: "border-info/60"
-  }
-};
-var Slider = React.memo(
-  ({
-    value: controlledValue,
-    defaultValue = 50,
-    min = 0,
-    max = 100,
-    step = 1,
-    color = "primary",
-    size = "md",
-    variant = "default",
-    onChange,
-    disabled = false,
-    className,
-    classNames,
-    footer = false,
-    range = false
-  }) => {
-    const [internalValue, setInternalValue] = useState(
-      defaultValue
-    );
-    const [hoveredThumb, setHoveredThumb] = useState(null);
-    const trackRef = useRef(null);
-    const isDragging = useRef(false);
-    const activeThumb = useRef(0);
-    const value = controlledValue ?? internalValue;
-    const values = Array.isArray(value) ? value : [value];
-    const getPercentage = (val) => (val - min) / (max - min) * 100;
-    const getValue = (clientX) => {
-      if (!trackRef.current) return min;
-      const rect = trackRef.current.getBoundingClientRect();
-      const percentage = (clientX - rect.left) / rect.width;
-      const rawValue = min + percentage * (max - min);
-      const steppedValue = Math.round(rawValue / step) * step;
-      return Math.max(min, Math.min(max, steppedValue));
-    };
-    const handleMouseMove = useCallback(
-      (e) => {
-        if (!isDragging.current || disabled) return;
-        const newValue = getValue(e.clientX);
-        if (range && Array.isArray(value)) {
-          const newValues = [...value];
-          newValues[activeThumb.current] = newValue;
-          newValues.sort((a, b) => a - b);
-          if (!controlledValue) setInternalValue(newValues);
-          onChange?.(newValues);
-        } else {
-          if (!controlledValue) setInternalValue(newValue);
-          onChange?.(newValue);
-        }
-      },
-      [disabled, value, range, controlledValue, min, max, step, onChange]
-    );
-    const [isDraggingState, setIsDraggingState] = useState(false);
-    const handleMouseDownWithState = (thumbIndex) => (e) => {
-      if (disabled) return;
-      isDragging.current = true;
-      setIsDraggingState(true);
-      activeThumb.current = thumbIndex;
-      setHoveredThumb(thumbIndex);
-      e.preventDefault();
-    };
-    const handleMouseUpWithState = useCallback(() => {
-      isDragging.current = false;
-      setIsDraggingState(false);
-      setHoveredThumb(null);
-    }, []);
-    React.useEffect(() => {
-      if (!isDraggingState) return;
-      document.addEventListener("mousemove", handleMouseMove);
-      document.addEventListener("mouseup", handleMouseUpWithState);
-      return () => {
-        document.removeEventListener("mousemove", handleMouseMove);
-        document.removeEventListener("mouseup", handleMouseUpWithState);
-      };
-    }, [isDraggingState, handleMouseMove, handleMouseUpWithState]);
-    const handleTrackClick = (e) => {
-      if (disabled || isDragging.current) return;
-      const newValue = getValue(e.clientX);
-      if (range && Array.isArray(value)) {
-        let closestThumbIndex = 0;
-        let minDistance = Math.abs(newValue - (value[0] || 0));
-        for (let i = 1; i < value.length; i++) {
-          const distance = Math.abs(newValue - (value[i] || 0));
-          if (distance < minDistance) {
-            minDistance = distance;
-            closestThumbIndex = i;
-          }
-        }
-        const newValues = [...value];
-        newValues[closestThumbIndex] = newValue;
-        newValues.sort((a, b) => a - b);
-        if (!controlledValue) setInternalValue(newValues);
-        onChange?.(newValues);
-      } else {
-        if (!controlledValue) setInternalValue(newValue);
-        onChange?.(newValue);
-      }
-    };
-    return /* @__PURE__ */ jsxs("div", { className: cn("w-full", "slider_root", classNames?.root, className), children: [
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          ref: trackRef,
-          onClick: handleTrackClick,
-          className: cn(
-            sliderTrackVariants({ size }),
-            trackColorStyles[color][variant],
-            "relative cursor-pointer",
-            "slider_track",
-            classNames?.track,
-            disabled && "opacity-50 cursor-not-allowed"
-          ),
-          children: [
-            range && values.length > 1 ? values.slice(0, -1).map((val, index) => {
-              const left = getPercentage(val);
-              const right = getPercentage(values[index + 1]);
-              return /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    "absolute h-full rounded-full",
-                    fillColorStyles[color][variant],
-                    "slider_range",
-                    classNames?.range
-                  ),
-                  style: { left: `${left}%`, width: `${right - left}%` }
-                },
-                index
-              );
-            }) : /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(
-                  "absolute h-full rounded-full",
-                  fillColorStyles[color][variant],
-                  "slider_range",
-                  classNames?.range
-                ),
-                style: { left: "0%", width: `${getPercentage(values[0] || 0)}%` }
-              }
-            ),
-            values.map((val, index) => {
-              const left = getPercentage(val);
-              const isAtStart = left <= 0;
-              const isAtEnd = left >= 100;
-              return /* @__PURE__ */ jsx(
-                "div",
-                {
-                  role: "slider",
-                  tabIndex: disabled ? -1 : 0,
-                  "aria-valuemin": min,
-                  "aria-valuemax": max,
-                  "aria-valuenow": val,
-                  "aria-disabled": disabled,
-                  "aria-label": range ? `Slider thumb ${index + 1}` : "Slider",
-                  className: cn(
-                    thumbVariants({ size }),
-                    thumbColorStyles[color][variant],
-                    disabled && "cursor-not-allowed",
-                    "focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary",
-                    "slider_thumb",
-                    classNames?.thumb
-                  ),
-                  style: {
-                    left: `${left}%`,
-                    transform: `translate(-50%, -50%) ${isAtStart ? "translateX(50%)" : isAtEnd ? "translateX(-50%)" : ""}`
-                  },
-                  onMouseDown: handleMouseDownWithState(index),
-                  onKeyDown: (e) => {
-                    if (disabled) return;
-                    let newValue = val;
-                    if (e.key === "ArrowRight" || e.key === "ArrowUp") {
-                      newValue = Math.min(max, val + step);
-                    } else if (e.key === "ArrowLeft" || e.key === "ArrowDown") {
-                      newValue = Math.max(min, val - step);
-                    } else if (e.key === "Home") {
-                      newValue = min;
-                    } else if (e.key === "End") {
-                      newValue = max;
-                    } else {
-                      return;
-                    }
-                    e.preventDefault();
-                    if (range && Array.isArray(value)) {
-                      const newValues = [...value];
-                      newValues[index] = newValue;
-                      newValues.sort((a, b) => a - b);
-                      if (!controlledValue) setInternalValue(newValues);
-                      onChange?.(newValues);
-                    } else {
-                      if (!controlledValue) setInternalValue(newValue);
-                      onChange?.(newValue);
-                    }
-                  },
-                  children: hoveredThumb === index && /* @__PURE__ */ jsx("div", { className: "absolute -top-8 left-1/2 -translate-x-1/2 bg-text-primary text-background text-xs px-2 py-1 rounded whitespace-nowrap", children: val })
-                },
-                index
-              );
-            })
-          ]
-        }
-      ),
-      typeof footer === "boolean" && /* @__PURE__ */ jsxs("div", { className: "flex justify-between mt-1 text-sm text-text-secondary", children: [
-        /* @__PURE__ */ jsx("span", { className: cn("slider_label", classNames?.label), children: min }),
-        /* @__PURE__ */ jsx("span", { className: cn("font-medium text-text-primary", "slider_value", classNames?.value), children: range && Array.isArray(value) ? value.join(" - ") : value }),
-        /* @__PURE__ */ jsx("span", { className: cn("slider_label", classNames?.label), children: max })
-      ] }),
-      footer && typeof footer !== "boolean" && footer
-    ] });
-  }
-);
-Slider.displayName = "Slider";
-var slider_default = Slider;
-
-export { slider_default };
-//# sourceMappingURL=chunk-GVEEUHM2.js.map
-//# sourceMappingURL=chunk-GVEEUHM2.js.map

package/dist/chunk-GVEEUHM2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/slider/index.tsx"],"names":[],"mappings":"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","file":"chunk-GVEEUHM2.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React, { useCallback, useRef, useState } from 'react'\n\nimport { cn } from '../utils'\nimport type { SliderProps } from './types'\n\nconst sliderTrackVariants = cva('relative rounded-full', {\n  variants: {\n    size: {\n      xs: 'h-1',\n      sm: 'h-2',\n      md: 'h-3',\n      lg: 'h-4',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst thumbVariants = cva(\n  'absolute top-1/2 rounded-full border-2 bg-background cursor-pointer hover:scale-110 active:scale-100 transition-transform duration-150',\n  {\n    variants: {\n      size: {\n        xs: 'w-3 h-3',\n        sm: 'w-3.5 h-3.5',\n        md: 'w-4 h-4',\n        lg: 'w-6 h-6',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst trackColorStyles = {\n  default: {\n    default: 'bg-surface',\n    solid: 'bg-border',\n    soft: 'bg-surface/50',\n  },\n  primary: {\n    default: 'bg-primary/10',\n    solid: 'bg-primary/20',\n    soft: 'bg-primary/5',\n  },\n  secondary: {\n    default: 'bg-secondary/10',\n    solid: 'bg-secondary/20',\n    soft: 'bg-secondary/5',\n  },\n  accent: {\n    default: 'bg-accent/10',\n    solid: 'bg-accent/20',\n    soft: 'bg-accent/5',\n  },\n  success: {\n    default: 'bg-success/10',\n    solid: 'bg-success/20',\n    soft: 'bg-success/5',\n  },\n  error: {\n    default: 'bg-error/10',\n    solid: 'bg-error/20',\n    soft: 'bg-error/5',\n  },\n  warning: {\n    default: 'bg-warning/10',\n    solid: 'bg-warning/20',\n    soft: 'bg-warning/5',\n  },\n  info: {\n    default: 'bg-info/10',\n    solid: 'bg-info/20',\n    soft: 'bg-info/5',\n  },\n}\n\nconst fillColorStyles = {\n  default: {\n    default: 'bg-surface border-border',\n    solid: 'bg-border',\n    soft: 'bg-surface/80',\n  },\n  primary: {\n    default: 'bg-primary/20 border-primary',\n    solid: 'bg-primary',\n    soft: 'bg-primary/60',\n  },\n  secondary: {\n    default: 'bg-secondary/20 border-secondary',\n    solid: 'bg-secondary',\n    soft: 'bg-secondary/60',\n  },\n  accent: {\n    default: 'bg-accent/20 border-accent',\n    solid: 'bg-accent',\n    soft: 'bg-accent/60',\n  },\n  success: {\n    default: 'bg-success/20 border-success',\n    solid: 'bg-success',\n    soft: 'bg-success/60',\n  },\n  error: {\n    default: 'bg-error/20 border-error',\n    solid: 'bg-error',\n    soft: 'bg-error/60',\n  },\n  warning: {\n    default: 'bg-warning/20 border-warning',\n    solid: 'bg-warning',\n    soft: 'bg-warning/60',\n  },\n  info: {\n    default: 'bg-info/20 border-info',\n    solid: 'bg-info',\n    soft: 'bg-info/60',\n  },\n}\n\nconst thumbColorStyles = {\n  default: {\n    default: 'border-border',\n    solid: 'border-border',\n    soft: 'border-surface',\n  },\n  primary: {\n    default: 'border-primary',\n    solid: 'border-primary',\n    soft: 'border-primary/60',\n  },\n  secondary: {\n    default: 'border-secondary',\n    solid: 'border-secondary',\n    soft: 'border-secondary/60',\n  },\n  accent: {\n    default: 'border-accent',\n    solid: 'border-accent',\n    soft: 'border-accent/60',\n  },\n  success: {\n    default: 'border-success',\n    solid: 'border-success',\n    soft: 'border-success/60',\n  },\n  error: {\n    default: 'border-error',\n    solid: 'border-error',\n    soft: 'border-error/60',\n  },\n  warning: {\n    default: 'border-warning',\n    solid: 'border-warning',\n    soft: 'border-warning/60',\n  },\n  info: {\n    default: 'border-info',\n    solid: 'border-info',\n    soft: 'border-info/60',\n  },\n}\n\nconst Slider = React.memo<SliderProps>(\n  ({\n    value: controlledValue,\n    defaultValue = 50,\n    min = 0,\n    max = 100,\n    step = 1,\n    color = 'primary',\n    size = 'md',\n    variant = 'default',\n    onChange,\n    disabled = false,\n    className,\n    classNames,\n    footer = false,\n    range = false,\n  }) => {\n    const [internalValue, setInternalValue] = useState<number | number[]>(\n      defaultValue,\n    )\n    const [hoveredThumb, setHoveredThumb] = useState<number | null>(null)\n    const trackRef = useRef<HTMLDivElement>(null)\n    const isDragging = useRef(false)\n    const activeThumb = useRef<number>(0)\n\n    const value = controlledValue ?? internalValue\n    const values = Array.isArray(value) ? value : [value]\n\n    const getPercentage = (val: number) => ((val - min) / (max - min)) * 100\n\n    const getValue = (clientX: number) => {\n      if (!trackRef.current) return min\n      const rect = trackRef.current.getBoundingClientRect()\n      const percentage = (clientX - rect.left) / rect.width\n      const rawValue = min + percentage * (max - min)\n      const steppedValue = Math.round(rawValue / step) * step\n      return Math.max(min, Math.min(max, steppedValue))\n    }\n\n    const handleMouseMove = useCallback(\n      (e: MouseEvent) => {\n        if (!isDragging.current || disabled) return\n        const newValue = getValue(e.clientX)\n\n        if (range && Array.isArray(value)) {\n          const newValues = [...value]\n          newValues[activeThumb.current] = newValue\n          newValues.sort((a, b) => a - b)\n          if (!controlledValue) setInternalValue(newValues)\n          onChange?.(newValues)\n        } else {\n          if (!controlledValue) setInternalValue(newValue)\n          onChange?.(newValue)\n        }\n      },\n      [disabled, value, range, controlledValue, min, max, step, onChange],\n    )\n\n\n    const [isDraggingState, setIsDraggingState] = useState(false)\n\n    const handleMouseDownWithState = (thumbIndex: number) => (e: React.MouseEvent) => {\n      if (disabled) return\n      isDragging.current = true\n      setIsDraggingState(true)\n      activeThumb.current = thumbIndex\n      setHoveredThumb(thumbIndex)\n      e.preventDefault()\n    }\n\n    const handleMouseUpWithState = useCallback(() => {\n      isDragging.current = false\n      setIsDraggingState(false)\n      setHoveredThumb(null)\n    }, [])\n\n    // Only add global listeners when dragging - fixes memory leak\n    React.useEffect(() => {\n      if (!isDraggingState) return\n\n      document.addEventListener('mousemove', handleMouseMove)\n      document.addEventListener('mouseup', handleMouseUpWithState)\n      return () => {\n        document.removeEventListener('mousemove', handleMouseMove)\n        document.removeEventListener('mouseup', handleMouseUpWithState)\n      }\n    }, [isDraggingState, handleMouseMove, handleMouseUpWithState])\n\n    const handleTrackClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      if (disabled || isDragging.current) return\n      const newValue = getValue(e.clientX)\n\n      if (range && Array.isArray(value)) {\n        let closestThumbIndex = 0\n        let minDistance = Math.abs(newValue - (value[0] || 0))\n        for (let i = 1; i < value.length; i++) {\n          const distance = Math.abs(newValue - (value[i] || 0))\n          if (distance < minDistance) {\n            minDistance = distance\n            closestThumbIndex = i\n          }\n        }\n\n        const newValues = [...value]\n        newValues[closestThumbIndex] = newValue\n        newValues.sort((a, b) => a - b)\n        if (!controlledValue) setInternalValue(newValues)\n        onChange?.(newValues)\n      } else {\n        if (!controlledValue) setInternalValue(newValue)\n        onChange?.(newValue)\n      }\n    }\n\n    return (\n      <div className={cn('w-full', 'slider_root', classNames?.root, className)}>\n        <div\n          ref={trackRef}\n          onClick={handleTrackClick}\n          className={cn(\n            sliderTrackVariants({ size }),\n            trackColorStyles[color][variant],\n            'relative cursor-pointer',\n            'slider_track',\n            classNames?.track,\n            disabled && 'opacity-50 cursor-not-allowed',\n          )}\n        >\n          {/* Fill segment */}\n          {range && values.length > 1 ? (\n            values.slice(0, -1).map((val, index) => {\n              const left = getPercentage(val)\n              const right = getPercentage(values[index + 1]!)\n              return (\n                <div\n                  key={index}\n                  className={cn(\n                    'absolute h-full rounded-full',\n                    fillColorStyles[color][variant],\n                    'slider_range',\n                    classNames?.range,\n                  )}\n                  style={{ left: `${left}%`, width: `${right - left}%` }}\n                />\n              )\n            })\n          ) : (\n            <div\n              className={cn(\n                'absolute h-full rounded-full',\n                fillColorStyles[color][variant],\n                'slider_range',\n                classNames?.range,\n              )}\n              style={{ left: '0%', width: `${getPercentage(values[0] || 0)}%` }}\n            />\n          )}\n\n          {/* Thumbs */}\n          {values.map((val, index) => {\n            const left = getPercentage(val)\n            const isAtStart = left <= 0\n            const isAtEnd = left >= 100\n            return (\n              <div\n                key={index}\n                role=\"slider\"\n                tabIndex={disabled ? -1 : 0}\n                aria-valuemin={min}\n                aria-valuemax={max}\n                aria-valuenow={val}\n                aria-disabled={disabled}\n                aria-label={range ? `Slider thumb ${index + 1}` : 'Slider'}\n                className={cn(\n                  thumbVariants({ size }),\n                  thumbColorStyles[color][variant],\n                  disabled && 'cursor-not-allowed',\n                  'focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary',\n                  'slider_thumb',\n                  classNames?.thumb,\n                )}\n                style={{\n                  left: `${left}%`,\n                  transform: `translate(-50%, -50%) ${\n                    isAtStart\n                      ? 'translateX(50%)'\n                      : isAtEnd\n                        ? 'translateX(-50%)'\n                        : ''\n                  }`,\n                }}\n                onMouseDown={handleMouseDownWithState(index)}\n                onKeyDown={(e) => {\n                  if (disabled) return\n                  let newValue = val\n                  if (e.key === 'ArrowRight' || e.key === 'ArrowUp') {\n                    newValue = Math.min(max, val + step)\n                  } else if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') {\n                    newValue = Math.max(min, val - step)\n                  } else if (e.key === 'Home') {\n                    newValue = min\n                  } else if (e.key === 'End') {\n                    newValue = max\n                  } else {\n                    return\n                  }\n                  e.preventDefault()\n                  if (range && Array.isArray(value)) {\n                    const newValues = [...value]\n                    newValues[index] = newValue\n                    newValues.sort((a, b) => a - b)\n                    if (!controlledValue) setInternalValue(newValues)\n                    onChange?.(newValues)\n                  } else {\n                    if (!controlledValue) setInternalValue(newValue)\n                    onChange?.(newValue)\n                  }\n                }}\n              >\n                {hoveredThumb === index && (\n                  <div className=\"absolute -top-8 left-1/2 -translate-x-1/2 bg-text-primary text-background text-xs px-2 py-1 rounded whitespace-nowrap\">\n                    {val}\n                  </div>\n                )}\n              </div>\n            )\n          })}\n        </div>\n\n        {typeof footer === 'boolean' && (\n          <div className=\"flex justify-between mt-1 text-sm text-text-secondary\">\n            <span className={cn('slider_label', classNames?.label)}>{min}</span>\n            <span className={cn('font-medium text-text-primary', 'slider_value', classNames?.value)}>\n              {range && Array.isArray(value) ? value.join(' - ') : value}\n            </span>\n            <span className={cn('slider_label', classNames?.label)}>{max}</span>\n          </div>\n        )}\n        {footer && typeof footer !== 'boolean' && footer}\n      </div>\n    )\n  },\n)\n\nSlider.displayName = 'Slider'\n\nexport type * from './types'\nexport default Slider\n"]}