@aloudata/aloudata-design 3.1.7 → 3.2.0-beta.0

package/dist/Slider/index.js

@@ -1,82 +1,266 @@
 import { cn } from "../lib/utils.js";
+import { c } from "react-compiler-runtime";
 import React, { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as SliderPrimitive from "@radix-ui/react-slider";
 //#region src/Slider/index.tsx
-function SliderThumbWithTooltip({ tooltip, value, className }) {
+function SliderThumbWithTooltip(t0) {
+	const $ = c(14);
+	const { tooltip, value, className } = t0;
 	const [hovered, setHovered] = useState(false);
 	const thumbRef = useRef(null);
 	const showTooltip = tooltip?.open !== void 0 ? tooltip.open : hovered;
-	const formattedValue = tooltip?.formatter ? tooltip.formatter(value) : value;
-	return /* @__PURE__ */ jsx(SliderPrimitive.Thumb, {
-		ref: thumbRef,
-		className: cn("tw-relative", className),
-		onPointerEnter: () => setHovered(true),
-		onPointerLeave: () => setHovered(false),
-		children: tooltip && showTooltip && /* @__PURE__ */ jsx("div", {
+	let t1;
+	if ($[0] !== tooltip || $[1] !== value) {
+		t1 = tooltip?.formatter ? tooltip.formatter(value) : value;
+		$[0] = tooltip;
+		$[1] = value;
+		$[2] = t1;
+	} else t1 = $[2];
+	const formattedValue = t1;
+	let t2;
+	if ($[3] !== className) {
+		t2 = cn("tw-relative", className);
+		$[3] = className;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	let t4;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = () => setHovered(true);
+		t4 = () => setHovered(false);
+		$[5] = t3;
+		$[6] = t4;
+	} else {
+		t3 = $[5];
+		t4 = $[6];
+	}
+	let t5;
+	if ($[7] !== formattedValue || $[8] !== showTooltip || $[9] !== tooltip) {
+		t5 = tooltip && showTooltip && /* @__PURE__ */ jsx("div", {
 			className: "tw-absolute tw-bottom-full tw-left-1/2 tw-mb-2 -tw-translate-x-1/2 tw-whitespace-nowrap tw-rounded-r-50 tw-bg-[var(--background-inverted)] tw-px-2 tw-py-1 tw-text-xs tw-text-[var(--content-inverted-primary)]",
 			children: formattedValue
-		})
-	});
+		});
+		$[7] = formattedValue;
+		$[8] = showTooltip;
+		$[9] = tooltip;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== t2 || $[12] !== t5) {
+		t6 = /* @__PURE__ */ jsx(SliderPrimitive.Thumb, {
+			ref: thumbRef,
+			className: t2,
+			onPointerEnter: t3,
+			onPointerLeave: t4,
+			children: t5
+		});
+		$[11] = t2;
+		$[12] = t5;
+		$[13] = t6;
+	} else t6 = $[13];
+	return t6;
 }
 function Slider(props) {
-	const { className, style, disabled, min = 0, max = 100, step = 1, range, vertical, marks, included = true, tooltip } = props;
-	const [currentValues, setCurrentValues] = useState(() => {
-		if (range) return props.value || props.defaultValue || [min, max];
-		const v = props.value;
-		if (v !== void 0) return [v];
-		return [props.defaultValue ?? min];
-	});
-	const handleValueChange = (values) => {
-		setCurrentValues(values);
-		if (range && "onChange" in props && props.onChange) props.onChange([values[0], values[1]]);
-		else if (!range && "onChange" in props && props.onChange) props.onChange(values[0]);
-	};
-	const handleValueCommit = (values) => {
-		if (range && "onAfterChange" in props && props.onAfterChange) props.onAfterChange([values[0], values[1]]);
-		else if (!range && "onAfterChange" in props && props.onAfterChange) props.onAfterChange(values[0]);
-	};
-	const defaultVal = range ? props.defaultValue || [min, max] : [props.defaultValue ?? min];
-	const controlledVal = range ? props.value : props.value !== void 0 ? [props.value] : void 0;
-	const controlledValKey = controlledVal ? controlledVal.join(",") : void 0;
-	React.useEffect(() => {
-		if (controlledValKey !== void 0) setCurrentValues(controlledValKey.split(",").map(Number));
-	}, [controlledValKey]);
-	const thumbClass = "tw-block tw-size-[10px] tw-cursor-pointer tw-rounded-full tw-bg-[var(--action-primary-normal)] tw-shadow-[0_0_0_1px_var(--action-primary-normal)] hover:tw-shadow-[0_0_0_3px_var(--action-primary-hover)] focus-visible:tw-shadow-[0_0_0_3px_var(--action-primary-active)] focus-visible:tw-outline-none";
-	const markEntries = marks ? Object.entries(marks) : [];
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("tw-relative", vertical ? "tw-h-full" : "tw-w-full"),
-		children: [/* @__PURE__ */ jsxs(SliderPrimitive.Root, {
-			className: cn("ald-slider tw-relative tw-flex tw-touch-none tw-select-none tw-items-center", vertical ? "tw-h-full tw-w-5 tw-flex-col" : "tw-h-5 tw-w-full", disabled && "tw-pointer-events-none tw-opacity-50", className),
+	const $ = c(71);
+	const { className, style, disabled, min: t0, max: t1, step: t2, range, vertical, marks, included: t3, tooltip } = props;
+	const min = t0 === void 0 ? 0 : t0;
+	const max = t1 === void 0 ? 100 : t1;
+	const step = t2 === void 0 ? 1 : t2;
+	const included = t3 === void 0 ? true : t3;
+	let t4;
+	if ($[0] !== max || $[1] !== min || $[2] !== props || $[3] !== range) {
+		t4 = () => {
+			if (range) return props.value || props.defaultValue || [min, max];
+			const v = props.value;
+			if (v !== void 0) return [v];
+			return [props.defaultValue ?? min];
+		};
+		$[0] = max;
+		$[1] = min;
+		$[2] = props;
+		$[3] = range;
+		$[4] = t4;
+	} else t4 = $[4];
+	const [currentValues, setCurrentValues] = useState(t4);
+	let t5;
+	if ($[5] !== props || $[6] !== range) {
+		t5 = (values) => {
+			setCurrentValues(values);
+			if (range && "onChange" in props && props.onChange) props.onChange([values[0], values[1]]);
+			else if (!range && "onChange" in props && props.onChange) props.onChange(values[0]);
+		};
+		$[5] = props;
+		$[6] = range;
+		$[7] = t5;
+	} else t5 = $[7];
+	const handleValueChange = t5;
+	let t6;
+	if ($[8] !== props || $[9] !== range) {
+		t6 = (values_0) => {
+			if (range && "onAfterChange" in props && props.onAfterChange) props.onAfterChange([values_0[0], values_0[1]]);
+			else if (!range && "onAfterChange" in props && props.onAfterChange) props.onAfterChange(values_0[0]);
+		};
+		$[8] = props;
+		$[9] = range;
+		$[10] = t6;
+	} else t6 = $[10];
+	const handleValueCommit = t6;
+	let t7;
+	if ($[11] !== max || $[12] !== min || $[13] !== props || $[14] !== range) {
+		t7 = range ? props.defaultValue || [min, max] : [props.defaultValue ?? min];
+		$[11] = max;
+		$[12] = min;
+		$[13] = props;
+		$[14] = range;
+		$[15] = t7;
+	} else t7 = $[15];
+	const defaultVal = t7;
+	let t8;
+	if ($[16] !== props || $[17] !== range) {
+		t8 = range ? props.value : props.value !== void 0 ? [props.value] : void 0;
+		$[16] = props;
+		$[17] = range;
+		$[18] = t8;
+	} else t8 = $[18];
+	const controlledVal = t8;
+	let t9;
+	if ($[19] !== controlledVal) {
+		t9 = controlledVal ? controlledVal.join(",") : void 0;
+		$[19] = controlledVal;
+		$[20] = t9;
+	} else t9 = $[20];
+	const controlledValKey = t9;
+	let t10;
+	let t11;
+	if ($[21] !== controlledValKey) {
+		t10 = () => {
+			if (controlledValKey !== void 0) setCurrentValues(controlledValKey.split(",").map(Number));
+		};
+		t11 = [controlledValKey];
+		$[21] = controlledValKey;
+		$[22] = t10;
+		$[23] = t11;
+	} else {
+		t10 = $[22];
+		t11 = $[23];
+	}
+	React.useEffect(t10, t11);
+	let t12;
+	if ($[24] !== marks) {
+		t12 = marks ? Object.entries(marks) : [];
+		$[24] = marks;
+		$[25] = t12;
+	} else t12 = $[25];
+	const markEntries = t12;
+	const t13 = vertical ? "tw-h-full" : "tw-w-full";
+	let t14;
+	if ($[26] !== t13) {
+		t14 = cn("tw-relative", t13);
+		$[26] = t13;
+		$[27] = t14;
+	} else t14 = $[27];
+	const t15 = vertical ? "tw-h-full tw-w-5 tw-flex-col" : "tw-h-5 tw-w-full";
+	const t16 = disabled && "tw-pointer-events-none tw-opacity-50";
+	let t17;
+	if ($[28] !== className || $[29] !== t15 || $[30] !== t16) {
+		t17 = cn("ald-slider tw-relative tw-flex tw-touch-none tw-select-none tw-items-center", t15, t16, className);
+		$[28] = className;
+		$[29] = t15;
+		$[30] = t16;
+		$[31] = t17;
+	} else t17 = $[31];
+	const t18 = vertical ? "vertical" : "horizontal";
+	const t19 = vertical ? "tw-w-1" : "tw-h-1";
+	let t20;
+	if ($[32] !== t19) {
+		t20 = cn("tw-relative tw-grow tw-rounded-full tw-bg-[var(--action-neutral-subtle-normal)]", t19);
+		$[32] = t19;
+		$[33] = t20;
+	} else t20 = $[33];
+	let t21;
+	if ($[34] !== included) {
+		t21 = included && /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "ald-slider-range tw-absolute tw-rounded-full tw-bg-[var(--action-primary-normal)] hover:tw-bg-[var(--action-primary-hover)]" });
+		$[34] = included;
+		$[35] = t21;
+	} else t21 = $[35];
+	let t22;
+	if ($[36] !== t20 || $[37] !== t21) {
+		t22 = /* @__PURE__ */ jsx(SliderPrimitive.Track, {
+			className: t20,
+			children: t21
+		});
+		$[36] = t20;
+		$[37] = t21;
+		$[38] = t22;
+	} else t22 = $[38];
+	let t23;
+	if ($[39] !== currentValues || $[40] !== min || $[41] !== tooltip) {
+		t23 = tooltip ? /* @__PURE__ */ jsx(SliderThumbWithTooltip, {
+			tooltip,
+			value: currentValues[0] ?? min,
+			className: "tw-block tw-size-[10px] tw-cursor-pointer tw-rounded-full tw-bg-[var(--action-primary-normal)] tw-shadow-[0_0_0_1px_var(--action-primary-normal)] hover:tw-shadow-[0_0_0_3px_var(--action-primary-hover)] focus-visible:tw-shadow-[0_0_0_3px_var(--action-primary-active)] focus-visible:tw-outline-none"
+		}) : /* @__PURE__ */ jsx(SliderPrimitive.Thumb, { className: "tw-block tw-size-[10px] tw-cursor-pointer tw-rounded-full tw-bg-[var(--action-primary-normal)] tw-shadow-[0_0_0_1px_var(--action-primary-normal)] hover:tw-shadow-[0_0_0_3px_var(--action-primary-hover)] focus-visible:tw-shadow-[0_0_0_3px_var(--action-primary-active)] focus-visible:tw-outline-none" });
+		$[39] = currentValues;
+		$[40] = min;
+		$[41] = tooltip;
+		$[42] = t23;
+	} else t23 = $[42];
+	let t24;
+	if ($[43] !== currentValues || $[44] !== max || $[45] !== range || $[46] !== tooltip) {
+		t24 = range && (tooltip ? /* @__PURE__ */ jsx(SliderThumbWithTooltip, {
+			tooltip,
+			value: currentValues[1] ?? max,
+			className: "tw-block tw-size-[10px] tw-cursor-pointer tw-rounded-full tw-bg-[var(--action-primary-normal)] tw-shadow-[0_0_0_1px_var(--action-primary-normal)] hover:tw-shadow-[0_0_0_3px_var(--action-primary-hover)] focus-visible:tw-shadow-[0_0_0_3px_var(--action-primary-active)] focus-visible:tw-outline-none"
+		}) : /* @__PURE__ */ jsx(SliderPrimitive.Thumb, { className: "tw-block tw-size-[10px] tw-cursor-pointer tw-rounded-full tw-bg-[var(--action-primary-normal)] tw-shadow-[0_0_0_1px_var(--action-primary-normal)] hover:tw-shadow-[0_0_0_3px_var(--action-primary-hover)] focus-visible:tw-shadow-[0_0_0_3px_var(--action-primary-active)] focus-visible:tw-outline-none" }));
+		$[43] = currentValues;
+		$[44] = max;
+		$[45] = range;
+		$[46] = tooltip;
+		$[47] = t24;
+	} else t24 = $[47];
+	let t25;
+	if ($[48] !== controlledVal || $[49] !== defaultVal || $[50] !== disabled || $[51] !== handleValueChange || $[52] !== handleValueCommit || $[53] !== max || $[54] !== min || $[55] !== step || $[56] !== style || $[57] !== t17 || $[58] !== t18 || $[59] !== t22 || $[60] !== t23 || $[61] !== t24) {
+		t25 = /* @__PURE__ */ jsxs(SliderPrimitive.Root, {
+			className: t17,
 			style,
 			min,
 			max,
 			step,
 			disabled,
-			orientation: vertical ? "vertical" : "horizontal",
+			orientation: t18,
 			defaultValue: defaultVal,
 			value: controlledVal,
 			onValueChange: handleValueChange,
 			onValueCommit: handleValueCommit,
 			children: [
-				/* @__PURE__ */ jsx(SliderPrimitive.Track, {
-					className: cn("tw-relative tw-grow tw-rounded-full tw-bg-[var(--action-neutral-subtle-normal)]", vertical ? "tw-w-1" : "tw-h-1"),
-					children: included && /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "ald-slider-range tw-absolute tw-rounded-full tw-bg-[var(--action-primary-normal)] hover:tw-bg-[var(--action-primary-hover)]" })
-				}),
-				tooltip ? /* @__PURE__ */ jsx(SliderThumbWithTooltip, {
-					tooltip,
-					value: currentValues[0] ?? min,
-					className: thumbClass
-				}) : /* @__PURE__ */ jsx(SliderPrimitive.Thumb, { className: thumbClass }),
-				range && (tooltip ? /* @__PURE__ */ jsx(SliderThumbWithTooltip, {
-					tooltip,
-					value: currentValues[1] ?? max,
-					className: thumbClass
-				}) : /* @__PURE__ */ jsx(SliderPrimitive.Thumb, { className: thumbClass }))
+				t22,
+				t23,
+				t24
 			]
-		}), markEntries.length > 0 && /* @__PURE__ */ jsx("div", {
+		});
+		$[48] = controlledVal;
+		$[49] = defaultVal;
+		$[50] = disabled;
+		$[51] = handleValueChange;
+		$[52] = handleValueCommit;
+		$[53] = max;
+		$[54] = min;
+		$[55] = step;
+		$[56] = style;
+		$[57] = t17;
+		$[58] = t18;
+		$[59] = t22;
+		$[60] = t23;
+		$[61] = t24;
+		$[62] = t25;
+	} else t25 = $[62];
+	let t26;
+	if ($[63] !== markEntries || $[64] !== max || $[65] !== min) {
+		t26 = markEntries.length > 0 && /* @__PURE__ */ jsx("div", {
 			className: "ald-slider-marks tw-relative tw-mt-2 tw-w-full",
-			children: markEntries.map(([key, mark]) => {
+			children: markEntries.map((t27) => {
+				const [key, mark] = t27;
 				const percent = (Number(key) - min) / (max - min) * 100;
 				const isNode = typeof mark === "object" && mark !== null && "label" in mark;
 				const label = isNode ? mark.label : mark;
@@ -91,8 +275,24 @@ function Slider(props) {
 					children: label
 				}, key);
 			})
-		})]
-	});
+		});
+		$[63] = markEntries;
+		$[64] = max;
+		$[65] = min;
+		$[66] = t26;
+	} else t26 = $[66];
+	let t27;
+	if ($[67] !== t14 || $[68] !== t25 || $[69] !== t26) {
+		t27 = /* @__PURE__ */ jsxs("div", {
+			className: t14,
+			children: [t25, t26]
+		});
+		$[67] = t14;
+		$[68] = t25;
+		$[69] = t26;
+		$[70] = t27;
+	} else t27 = $[70];
+	return t27;
 }
 //#endregion
 export { Slider as default };

package/dist/Slider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Slider/index.tsx"],"sourcesContent":["import * as SliderPrimitive from '@radix-ui/react-slider';\nimport React, { useRef, useState } from 'react';\nimport { cn } from '../lib/utils';\n\ninterface SliderBaseProps {\n  className?: string;\n  style?: React.CSSProperties;\n  disabled?: boolean;\n  min?: number;\n  max?: number;\n  step?: number;\n  vertical?: boolean;\n  marks?: Record<\n    number,\n    React.ReactNode | { style?: React.CSSProperties; label?: React.ReactNode }\n  >;\n  included?: boolean;\n  tooltip?: { open?: boolean; formatter?: (value?: number) => React.ReactNode };\n}\n\ninterface SliderSingleProps extends SliderBaseProps {\n  range?: false;\n  value?: number;\n  defaultValue?: number;\n  onChange?: (value: number) => void;\n  onAfterChange?: (value: number) => void;\n}\n\ninterface SliderRangeProps extends SliderBaseProps {\n  range: true;\n  value?: [number, number];\n  defaultValue?: [number, number];\n  onChange?: (value: [number, number]) => void;\n  onAfterChange?: (value: [number, number]) => void;\n}\n\nfunction SliderThumbWithTooltip({\n  tooltip,\n  value,\n  className,\n}: {\n  tooltip?: SliderBaseProps['tooltip'];\n  value: number;\n  className: string;\n}) {\n  const [hovered, setHovered] = useState(false);\n  const thumbRef = useRef<HTMLSpanElement>(null);\n\n  const showTooltip = tooltip?.open !== undefined ? tooltip.open : hovered;\n  const formattedValue = tooltip?.formatter ? tooltip.formatter(value) : value;\n\n  return (\n    <SliderPrimitive.Thumb\n      ref={thumbRef}\n      className={cn('tw-relative', className)}\n      onPointerEnter={() => setHovered(true)}\n      onPointerLeave={() => setHovered(false)}\n    >\n      {tooltip && showTooltip && (\n        <div className=\"tw-absolute tw-bottom-full tw-left-1/2 tw-mb-2 -tw-translate-x-1/2 tw-whitespace-nowrap tw-rounded-r-50 tw-bg-[var(--background-inverted)] tw-px-2 tw-py-1 tw-text-xs tw-text-[var(--content-inverted-primary)]\">\n          {formattedValue}\n        </div>\n      )}\n    </SliderPrimitive.Thumb>\n  );\n}\n\nfunction Slider(props: SliderSingleProps | SliderRangeProps) {\n  const {\n    className,\n    style,\n    disabled,\n    min = 0,\n    max = 100,\n    step = 1,\n    range,\n    vertical,\n    marks,\n    included = true,\n    tooltip,\n  } = props;\n\n  const [currentValues, setCurrentValues] = useState<number[]>(() => {\n    if (range) {\n      return (\n        (props as SliderRangeProps).value ||\n        (props as SliderRangeProps).defaultValue || [min, max]\n      );\n    }\n    const v = (props as SliderSingleProps).value;\n    if (v !== undefined) return [v];\n    return [(props as SliderSingleProps).defaultValue ?? min];\n  });\n\n  const handleValueChange = (values: number[]) => {\n    setCurrentValues(values);\n    if (range && 'onChange' in props && props.onChange) {\n      (props.onChange as (v: [number, number]) => void)([values[0], values[1]]);\n    } else if (!range && 'onChange' in props && props.onChange) {\n      (props.onChange as (v: number) => void)(values[0]);\n    }\n  };\n\n  const handleValueCommit = (values: number[]) => {\n    if (range && 'onAfterChange' in props && props.onAfterChange) {\n      (props.onAfterChange as (v: [number, number]) => void)([\n        values[0],\n        values[1],\n      ]);\n    } else if (!range && 'onAfterChange' in props && props.onAfterChange) {\n      (props.onAfterChange as (v: number) => void)(values[0]);\n    }\n  };\n\n  const defaultVal = range\n    ? (props as SliderRangeProps).defaultValue || [min, max]\n    : [(props as SliderSingleProps).defaultValue ?? min];\n\n  const controlledVal = range\n    ? (props as SliderRangeProps).value\n    : (props as SliderSingleProps).value !== undefined\n    ? [(props as SliderSingleProps).value!]\n    : undefined;\n\n  // Sync controlled values — use stringified key to detect content changes\n  const controlledValKey = controlledVal ? controlledVal.join(',') : undefined;\n  React.useEffect(() => {\n    if (controlledValKey !== undefined) {\n      setCurrentValues(controlledValKey.split(',').map(Number));\n    }\n  }, [controlledValKey]);\n\n  const thumbClass =\n    'tw-block tw-size-[10px] tw-cursor-pointer tw-rounded-full tw-bg-[var(--action-primary-normal)] tw-shadow-[0_0_0_1px_var(--action-primary-normal)] hover:tw-shadow-[0_0_0_3px_var(--action-primary-hover)] focus-visible:tw-shadow-[0_0_0_3px_var(--action-primary-active)] focus-visible:tw-outline-none';\n\n  const markEntries = marks ? Object.entries(marks) : [];\n\n  return (\n    <div className={cn('tw-relative', vertical ? 'tw-h-full' : 'tw-w-full')}>\n      <SliderPrimitive.Root\n        className={cn(\n          'ald-slider tw-relative tw-flex tw-touch-none tw-select-none tw-items-center',\n          vertical ? 'tw-h-full tw-w-5 tw-flex-col' : 'tw-h-5 tw-w-full',\n          disabled && 'tw-pointer-events-none tw-opacity-50',\n          className,\n        )}\n        style={style}\n        min={min}\n        max={max}\n        step={step}\n        disabled={disabled}\n        orientation={vertical ? 'vertical' : 'horizontal'}\n        defaultValue={defaultVal}\n        value={controlledVal}\n        onValueChange={handleValueChange}\n        onValueCommit={handleValueCommit}\n      >\n        <SliderPrimitive.Track\n          className={cn(\n            'tw-relative tw-grow tw-rounded-full tw-bg-[var(--action-neutral-subtle-normal)]',\n            vertical ? 'tw-w-1' : 'tw-h-1',\n          )}\n        >\n          {included && (\n            <SliderPrimitive.Range className=\"ald-slider-range tw-absolute tw-rounded-full tw-bg-[var(--action-primary-normal)] hover:tw-bg-[var(--action-primary-hover)]\" />\n          )}\n        </SliderPrimitive.Track>\n        {tooltip ? (\n          <SliderThumbWithTooltip\n            tooltip={tooltip}\n            value={currentValues[0] ?? min}\n            className={thumbClass}\n          />\n        ) : (\n          <SliderPrimitive.Thumb className={thumbClass} />\n        )}\n        {range &&\n          (tooltip ? (\n            <SliderThumbWithTooltip\n              tooltip={tooltip}\n              value={currentValues[1] ?? max}\n              className={thumbClass}\n            />\n          ) : (\n            <SliderPrimitive.Thumb className={thumbClass} />\n          ))}\n      </SliderPrimitive.Root>\n      {markEntries.length > 0 && (\n        <div className=\"ald-slider-marks tw-relative tw-mt-2 tw-w-full\">\n          {markEntries.map(([key, mark]) => {\n            const numKey = Number(key);\n            const percent = ((numKey - min) / (max - min)) * 100;\n            const isNode =\n              typeof mark === 'object' &&\n              mark !== null &&\n              'label' in (mark as Record<string, unknown>);\n            const label = isNode\n              ? (mark as { label?: React.ReactNode }).label\n              : (mark as React.ReactNode);\n            const markStyle = isNode\n              ? (mark as { style?: React.CSSProperties }).style\n              : undefined;\n\n            return (\n              <span\n                key={key}\n                className=\"ald-slider-mark tw-absolute tw-text-xs tw-text-[var(--content-secondary)]\"\n                style={{\n                  left: `${percent}%`,\n                  transform: 'translateX(-50%)',\n                  ...markStyle,\n                }}\n              >\n                {label}\n              </span>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default Slider;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["SliderPrimitive","React","useRef","useState","cn","SliderBaseProps","className","style","CSSProperties","disabled","min","max","step","vertical","marks","Record","ReactNode","label","included","tooltip","open","formatter","value","SliderSingleProps","range","defaultValue","onChange","onAfterChange","SliderRangeProps","SliderThumbWithTooltip","t0","$","_c","hovered","setHovered","thumbRef","showTooltip","undefined","t1","formattedValue","t2","t3","t4","Symbol","for","t5","t6","Slider","props","v","currentValues","setCurrentValues","values","handleValueChange","values_0","handleValueCommit","t7","defaultVal","t8","controlledVal","t9","join","controlledValKey","t10","t11","split","map","Number","useEffect","t12","Object","entries","markEntries","t13","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","thumbClass","t24","t25","t26","length","t27","key","mark","numKey","percent","isNode","markStyle","left","transform"],"sources":["../../src/Slider/index.tsx"],"sourcesContent":["import * as SliderPrimitive from '@radix-ui/react-slider';\nimport React, { useRef, useState } from 'react';\nimport { cn } from '../lib/utils';\n\ninterface SliderBaseProps {\n  className?: string;\n  style?: React.CSSProperties;\n  disabled?: boolean;\n  min?: number;\n  max?: number;\n  step?: number;\n  vertical?: boolean;\n  marks?: Record<\n    number,\n    React.ReactNode | { style?: React.CSSProperties; label?: React.ReactNode }\n  >;\n  included?: boolean;\n  tooltip?: { open?: boolean; formatter?: (value?: number) => React.ReactNode };\n}\n\ninterface SliderSingleProps extends SliderBaseProps {\n  range?: false;\n  value?: number;\n  defaultValue?: number;\n  onChange?: (value: number) => void;\n  onAfterChange?: (value: number) => void;\n}\n\ninterface SliderRangeProps extends SliderBaseProps {\n  range: true;\n  value?: [number, number];\n  defaultValue?: [number, number];\n  onChange?: (value: [number, number]) => void;\n  onAfterChange?: (value: [number, number]) => void;\n}\n\nfunction SliderThumbWithTooltip({\n  tooltip,\n  value,\n  className,\n}: {\n  tooltip?: SliderBaseProps['tooltip'];\n  value: number;\n  className: string;\n}) {\n  const [hovered, setHovered] = useState(false);\n  const thumbRef = useRef<HTMLSpanElement>(null);\n\n  const showTooltip = tooltip?.open !== undefined ? tooltip.open : hovered;\n  const formattedValue = tooltip?.formatter ? tooltip.formatter(value) : value;\n\n  return (\n    <SliderPrimitive.Thumb\n      ref={thumbRef}\n      className={cn('tw-relative', className)}\n      onPointerEnter={() => setHovered(true)}\n      onPointerLeave={() => setHovered(false)}\n    >\n      {tooltip && showTooltip && (\n        <div className=\"tw-absolute tw-bottom-full tw-left-1/2 tw-mb-2 -tw-translate-x-1/2 tw-whitespace-nowrap tw-rounded-r-50 tw-bg-[var(--background-inverted)] tw-px-2 tw-py-1 tw-text-xs tw-text-[var(--content-inverted-primary)]\">\n          {formattedValue}\n        </div>\n      )}\n    </SliderPrimitive.Thumb>\n  );\n}\n\nfunction Slider(props: SliderSingleProps | SliderRangeProps) {\n  const {\n    className,\n    style,\n    disabled,\n    min = 0,\n    max = 100,\n    step = 1,\n    range,\n    vertical,\n    marks,\n    included = true,\n    tooltip,\n  } = props;\n\n  const [currentValues, setCurrentValues] = useState<number[]>(() => {\n    if (range) {\n      return (\n        (props as SliderRangeProps).value ||\n        (props as SliderRangeProps).defaultValue || [min, max]\n      );\n    }\n    const v = (props as SliderSingleProps).value;\n    if (v !== undefined) return [v];\n    return [(props as SliderSingleProps).defaultValue ?? min];\n  });\n\n  const handleValueChange = (values: number[]) => {\n    setCurrentValues(values);\n    if (range && 'onChange' in props && props.onChange) {\n      (props.onChange as (v: [number, number]) => void)([values[0], values[1]]);\n    } else if (!range && 'onChange' in props && props.onChange) {\n      (props.onChange as (v: number) => void)(values[0]);\n    }\n  };\n\n  const handleValueCommit = (values: number[]) => {\n    if (range && 'onAfterChange' in props && props.onAfterChange) {\n      (props.onAfterChange as (v: [number, number]) => void)([\n        values[0],\n        values[1],\n      ]);\n    } else if (!range && 'onAfterChange' in props && props.onAfterChange) {\n      (props.onAfterChange as (v: number) => void)(values[0]);\n    }\n  };\n\n  const defaultVal = range\n    ? (props as SliderRangeProps).defaultValue || [min, max]\n    : [(props as SliderSingleProps).defaultValue ?? min];\n\n  const controlledVal = range\n    ? (props as SliderRangeProps).value\n    : (props as SliderSingleProps).value !== undefined\n    ? [(props as SliderSingleProps).value!]\n    : undefined;\n\n  // Sync controlled values — use stringified key to detect content changes\n  const controlledValKey = controlledVal ? controlledVal.join(',') : undefined;\n  React.useEffect(() => {\n    if (controlledValKey !== undefined) {\n      setCurrentValues(controlledValKey.split(',').map(Number));\n    }\n  }, [controlledValKey]);\n\n  const thumbClass =\n    'tw-block tw-size-[10px] tw-cursor-pointer tw-rounded-full tw-bg-[var(--action-primary-normal)] tw-shadow-[0_0_0_1px_var(--action-primary-normal)] hover:tw-shadow-[0_0_0_3px_var(--action-primary-hover)] focus-visible:tw-shadow-[0_0_0_3px_var(--action-primary-active)] focus-visible:tw-outline-none';\n\n  const markEntries = marks ? Object.entries(marks) : [];\n\n  return (\n    <div className={cn('tw-relative', vertical ? 'tw-h-full' : 'tw-w-full')}>\n      <SliderPrimitive.Root\n        className={cn(\n          'ald-slider tw-relative tw-flex tw-touch-none tw-select-none tw-items-center',\n          vertical ? 'tw-h-full tw-w-5 tw-flex-col' : 'tw-h-5 tw-w-full',\n          disabled && 'tw-pointer-events-none tw-opacity-50',\n          className,\n        )}\n        style={style}\n        min={min}\n        max={max}\n        step={step}\n        disabled={disabled}\n        orientation={vertical ? 'vertical' : 'horizontal'}\n        defaultValue={defaultVal}\n        value={controlledVal}\n        onValueChange={handleValueChange}\n        onValueCommit={handleValueCommit}\n      >\n        <SliderPrimitive.Track\n          className={cn(\n            'tw-relative tw-grow tw-rounded-full tw-bg-[var(--action-neutral-subtle-normal)]',\n            vertical ? 'tw-w-1' : 'tw-h-1',\n          )}\n        >\n          {included && (\n            <SliderPrimitive.Range className=\"ald-slider-range tw-absolute tw-rounded-full tw-bg-[var(--action-primary-normal)] hover:tw-bg-[var(--action-primary-hover)]\" />\n          )}\n        </SliderPrimitive.Track>\n        {tooltip ? (\n          <SliderThumbWithTooltip\n            tooltip={tooltip}\n            value={currentValues[0] ?? min}\n            className={thumbClass}\n          />\n        ) : (\n          <SliderPrimitive.Thumb className={thumbClass} />\n        )}\n        {range &&\n          (tooltip ? (\n            <SliderThumbWithTooltip\n              tooltip={tooltip}\n              value={currentValues[1] ?? max}\n              className={thumbClass}\n            />\n          ) : (\n            <SliderPrimitive.Thumb className={thumbClass} />\n          ))}\n      </SliderPrimitive.Root>\n      {markEntries.length > 0 && (\n        <div className=\"ald-slider-marks tw-relative tw-mt-2 tw-w-full\">\n          {markEntries.map(([key, mark]) => {\n            const numKey = Number(key);\n            const percent = ((numKey - min) / (max - min)) * 100;\n            const isNode =\n              typeof mark === 'object' &&\n              mark !== null &&\n              'label' in (mark as Record<string, unknown>);\n            const label = isNode\n              ? (mark as { label?: React.ReactNode }).label\n              : (mark as React.ReactNode);\n            const markStyle = isNode\n              ? (mark as { style?: React.CSSProperties }).style\n              : undefined;\n\n            return (\n              <span\n                key={key}\n                className=\"ald-slider-mark tw-absolute tw-text-xs tw-text-[var(--content-secondary)]\"\n                style={{\n                  left: `${percent}%`,\n                  transform: 'translateX(-50%)',\n                  ...markStyle,\n                }}\n              >\n                {label}\n              </span>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default Slider;\n"],"mappings":";;;;;;AAoCA,SAAA6B,uBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAgC,MAAA,EAAAb,SAAAG,OAAAhB,cAAAwB;CAS9B,MAAA,CAAAG,SAAAC,cAA8B/B,SAAS,MAAM;CAC7C,MAAAgC,WAAiBjC,OAAwB,KAAK;CAE9C,MAAAkC,cAAoBjB,SAAOC,SAAWiB,SAAYlB,QAAOC,OAArCa;CAAqD,IAAAK;AAAA,KAAAP,EAAA,OAAAZ,WAAAY,EAAA,OAAAT,OAAA;AAClDgB,OAAAnB,SAAOE,YAAcF,QAAOE,UAAWC,MAAc,GAArDA;AAAqDS,IAAA,KAAAZ;AAAAY,IAAA,KAAAT;AAAAS,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAA5E,MAAAQ,iBAAuBD;CAAsD,IAAAE;AAAA,KAAAT,EAAA,OAAAzB,WAAA;AAK9DkC,OAAApC,GAAG,eAAeE,UAAU;AAAAyB,IAAA,KAAAzB;AAAAyB,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAAA,IAAAU;CAAA,IAAAC;AAAA,KAAAX,EAAA,OAAAY,OAAAC,IAAA,4BAAA,EAAA;AACvBH,aAAMP,WAAW,KAAK;AACtBQ,aAAMR,WAAW,MAAM;AAAAH,IAAA,KAAAU;AAAAV,IAAA,KAAAW;QAAA;AAAAD,OAAAV,EAAA;AAAAW,OAAAX,EAAA;;CAAA,IAAAc;AAAA,KAAAd,EAAA,OAAAQ,kBAAAR,EAAA,OAAAK,eAAAL,EAAA,OAAAZ,SAAA;AAEtC0B,OAAA1B,WAAAiB,eACC,oBAAA,OAAA;GAAe,WAAA;aACZG;GAEJ,CAAA;AAAAR,IAAA,KAAAQ;AAAAR,IAAA,KAAAK;AAAAL,IAAA,KAAAZ;AAAAY,IAAA,MAAAc;OAAAA,MAAAd,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,QAAAS,MAAAT,EAAA,QAAAc,IAAA;AAVHC,OAAA,oBAAA,gBAAA,OAAA;GACOX,KAAAA;GACM,WAAAK;GACK,gBAAAC;GACA,gBAAAC;aAEfG;GAKqB,CAAA;AAAAd,IAAA,MAAAS;AAAAT,IAAA,MAAAc;AAAAd,IAAA,MAAAe;OAAAA,MAAAf,EAAA;AAAA,QAXxBe;;AAeJ,SAAAC,OAAAC,OAAA;CAAA,MAAAjB,IAAAC,EAAA,GAAA;CACE,MAAA,EAAA1B,WAAAC,OAAAE,UAAAC,KAAAoB,IAAAnB,KAAA2B,IAAA1B,MAAA4B,IAAAhB,OAAAX,UAAAC,OAAAI,UAAAuB,IAAAtB,YAYI6B;CARF,MAAAtC,MAAAoB,OAAAO,SAAA,IAAAP;CACA,MAAAnB,MAAA2B,OAAAD,SAAA,MAAAC;CACA,MAAA1B,OAAA4B,OAAAH,SAAA,IAAAG;CAIA,MAAAtB,WAAAuB,OAAAJ,SAAA,OAAAI;CAAe,IAAAC;AAAA,KAAAX,EAAA,OAAApB,OAAAoB,EAAA,OAAArB,OAAAqB,EAAA,OAAAiB,SAAAjB,EAAA,OAAAP,OAAA;AAI4CkB,aAAA;AAC3D,OAAIlB,MAAK,QAEJwB,MAAyB1B,SACzB0B,MAAyBvB,gBAD1B,CAC6Cf,KAAKC,IAAI;GAG1D,MAAAsC,IAAWD,MAA0B1B;AACrC,OAAI2B,MAAMZ,OAAS,QAAS,CAACY,EAAE;AAAC,UACzB,CAAED,MAA0BvB,gBAA3Bf,IAAiD;;AAC1DqB,IAAA,KAAApB;AAAAoB,IAAA,KAAArB;AAAAqB,IAAA,KAAAiB;AAAAjB,IAAA,KAAAP;AAAAO,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAVD,MAAA,CAAAmB,eAAAC,oBAA0ChD,SAAmBuC,GAU3D;CAAC,IAAAG;AAAA,KAAAd,EAAA,OAAAiB,SAAAjB,EAAA,OAAAP,OAAA;AAEuBqB,QAAAO,WAAA;AACxBD,oBAAiBC,OAAO;AACxB,OAAI5B,SAAS,cAAcwB,SAASA,MAAKtB,SACtCsB,OAAKtB,SAA4C,CAAC0B,OAAM,IAAKA,OAAM,GAAI,CAAC;YAChE,CAAC5B,SAAS,cAAcwB,SAASA,MAAKtB,SAC9CsB,OAAKtB,SAAkC0B,OAAM,GAAI;;AAErDrB,IAAA,KAAAiB;AAAAjB,IAAA,KAAAP;AAAAO,IAAA,KAAAc;OAAAA,MAAAd,EAAA;CAPD,MAAAsB,oBAA0BR;CAOxB,IAAAC;AAAA,KAAAf,EAAA,OAAAiB,SAAAjB,EAAA,OAAAP,OAAA;AAEwBsB,QAAAQ,aAAA;AACxB,OAAI9B,SAAS,mBAAmBwB,SAASA,MAAKrB,cAC3CqB,OAAKrB,cAAiD,CACrDyB,SAAM,IACNA,SAAM,GACP,CAAC;YACO,CAAC5B,SAAS,mBAAmBwB,SAASA,MAAKrB,cACnDqB,OAAKrB,cAAuCyB,SAAM,GAAI;;AAE1DrB,IAAA,KAAAiB;AAAAjB,IAAA,KAAAP;AAAAO,IAAA,MAAAe;OAAAA,MAAAf,EAAA;CATD,MAAAwB,oBAA0BT;CASxB,IAAAU;AAAA,KAAAzB,EAAA,QAAApB,OAAAoB,EAAA,QAAArB,OAAAqB,EAAA,QAAAiB,SAAAjB,EAAA,QAAAP,OAAA;AAEiBgC,OAAAhC,QACdwB,MAAyBvB,gBAA1B,CAA6Cf,KAAKC,IACA,GAFnC,CAEbqC,MAA0BvB,gBAA3Bf,IAAiD;AAAAqB,IAAA,MAAApB;AAAAoB,IAAA,MAAArB;AAAAqB,IAAA,MAAAiB;AAAAjB,IAAA,MAAAP;AAAAO,IAAA,MAAAyB;OAAAA,MAAAzB,EAAA;CAFtD,MAAA0B,aAAmBD;CAEoC,IAAAE;AAAA,KAAA3B,EAAA,QAAAiB,SAAAjB,EAAA,QAAAP,OAAA;AAEjCkC,OAAAlC,QACjBwB,MAAyB1B,QACzB0B,MAA0B1B,UAAYe,SAAvC,CACEW,MAA0B1B,MACnB,GAFTe;AAESN,IAAA,MAAAiB;AAAAjB,IAAA,MAAAP;AAAAO,IAAA,MAAA2B;OAAAA,MAAA3B,EAAA;CAJb,MAAA4B,gBAAsBD;CAIR,IAAAE;AAAA,KAAA7B,EAAA,QAAA4B,eAAA;AAGWC,OAAAD,gBAAgBA,cAAaE,KAAM,IAAgB,GAAnDxB;AAAmDN,IAAA,MAAA4B;AAAA5B,IAAA,MAAA6B;OAAAA,MAAA7B,EAAA;CAA5E,MAAA+B,mBAAyBF;CAAoD,IAAAG;CAAA,IAAAC;AAAA,KAAAjC,EAAA,QAAA+B,kBAAA;AAC7DC,cAAA;AACd,OAAID,qBAAqBzB,OACvBc,kBAAiBW,iBAAgBG,MAAO,IAAI,CAAAC,IAAKC,OAAO,CAAC;;AAE1DH,QAAA,CAACF,iBAAiB;AAAA/B,IAAA,MAAA+B;AAAA/B,IAAA,MAAAgC;AAAAhC,IAAA,MAAAiC;QAAA;AAAAD,QAAAhC,EAAA;AAAAiC,QAAAjC,EAAA;;AAJrB9B,OAAKmE,UAAWL,KAIbC,IAAmB;CAAA,IAAAK;AAAA,KAAAtC,EAAA,QAAAjB,OAAA;AAKFuD,QAAAvD,QAAQwD,OAAMC,QAASzD,MAAW,GAAlC,EAAkC;AAAAiB,IAAA,MAAAjB;AAAAiB,IAAA,MAAAsC;OAAAA,OAAAtC,EAAA;CAAtD,MAAAyC,cAAoBH;CAGgB,MAAAI,MAAA5D,WAAA,cAAA;CAAoC,IAAA6D;AAAA,KAAA3C,EAAA,QAAA0C,KAAA;AAAtDC,QAAAtE,GAAG,eAAeqE,IAAqC;AAAA1C,IAAA,MAAA0C;AAAA1C,IAAA,MAAA2C;OAAAA,OAAA3C,EAAA;CAIjE,MAAA4C,MAAA9D,WAAA,iCAAA;CACA,MAAA+D,MAAAnE,YAAA;CAAkD,IAAAoE;AAAA,KAAA9C,EAAA,QAAAzB,aAAAyB,EAAA,QAAA4C,OAAA5C,EAAA,QAAA6C,KAAA;AAHzCC,QAAAzE,GACT,+EACAuE,KACAC,KACAtE,UACD;AAAAyB,IAAA,MAAAzB;AAAAyB,IAAA,MAAA4C;AAAA5C,IAAA,MAAA6C;AAAA7C,IAAA,MAAA8C;OAAAA,OAAA9C,EAAA;CAMY,MAAA+C,MAAAjE,WAAA,aAAA;CAST,MAAAkE,MAAAlE,WAAA,WAAA;CAA8B,IAAAmE;AAAA,KAAAjD,EAAA,QAAAgD,KAAA;AAFrBC,QAAA5E,GACT,mFACA2E,IACD;AAAAhD,IAAA,MAAAgD;AAAAhD,IAAA,MAAAiD;OAAAA,OAAAjD,EAAA;CAAA,IAAAkD;AAAA,KAAAlD,EAAA,QAAAb,UAAA;AAEA+D,QAAA/D,YACC,oBAAA,gBAAA,OAAA,EAAiC,WAAA,+HAClC,CAAA;AAAAa,IAAA,MAAAb;AAAAa,IAAA,MAAAkD;OAAAA,OAAAlD,EAAA;CAAA,IAAAmD;AAAA,KAAAnD,EAAA,QAAAiD,OAAAjD,EAAA,QAAAkD,KAAA;AARHC,QAAA,oBAAA,gBAAA,OAAA;GACa,WAAAF;aAKVC;GAGqB,CAAA;AAAAlD,IAAA,MAAAiD;AAAAjD,IAAA,MAAAkD;AAAAlD,IAAA,MAAAmD;OAAAA,OAAAnD,EAAA;CAAA,IAAAoD;AAAA,KAAApD,EAAA,QAAAmB,iBAAAnB,EAAA,QAAArB,OAAAqB,EAAA,QAAAZ,SAAA;AACvBgE,QAAAhE,UACC,oBAAC,wBAAD;GACWA;GACF,OAAA+B,cAAa,MAAbxC;GACI0E,WAtCnB;GA0CK,CAAA,GADC,oBAAA,gBAAA,OAAA,EAAkCA,WAzCxC,4SA0CK,CAAA;AAAArD,IAAA,MAAAmB;AAAAnB,IAAA,MAAArB;AAAAqB,IAAA,MAAAZ;AAAAY,IAAA,MAAAoD;OAAAA,OAAApD,EAAA;CAAA,IAAAsD;AAAA,KAAAtD,EAAA,QAAAmB,iBAAAnB,EAAA,QAAApB,OAAAoB,EAAA,QAAAP,SAAAO,EAAA,QAAAZ,SAAA;AACAkE,QAAA7D,UACEL,UACC,oBAAC,wBAAD;GACWA;GACF,OAAA+B,cAAa,MAAbvC;GACIyE,WAhDrB;GAoDO,CAAA,GADC,oBAAA,gBAAA,OAAA,EAAkCA,WAnD1C,4SAoDQ,CAAA;AAAArD,IAAA,MAAAmB;AAAAnB,IAAA,MAAApB;AAAAoB,IAAA,MAAAP;AAAAO,IAAA,MAAAZ;AAAAY,IAAA,MAAAsD;OAAAA,OAAAtD,EAAA;CAAA,IAAAuD;AAAA,KAAAvD,EAAA,QAAA4B,iBAAA5B,EAAA,QAAA0B,cAAA1B,EAAA,QAAAtB,YAAAsB,EAAA,QAAAsB,qBAAAtB,EAAA,QAAAwB,qBAAAxB,EAAA,QAAApB,OAAAoB,EAAA,QAAArB,OAAAqB,EAAA,QAAAnB,QAAAmB,EAAA,QAAAxB,SAAAwB,EAAA,QAAA8C,OAAA9C,EAAA,QAAA+C,OAAA/C,EAAA,QAAAmD,OAAAnD,EAAA,QAAAoD,OAAApD,EAAA,QAAAsD,KAAA;AA9CNC,QAAA,qBAAA,gBAAA,MAAA;GACa,WAAAT;GAMJtE;GACFG;GACAC;GACCC;GACIH;GACG,aAAAqE;GACCrB,cAAAA;GACPE,OAAAA;GACQN,eAAAA;GACAE,eAAAA;aAhBjB;IAkBE2B;IAUCC;IASAE;IAUoB;;AAAAtD,IAAA,MAAA4B;AAAA5B,IAAA,MAAA0B;AAAA1B,IAAA,MAAAtB;AAAAsB,IAAA,MAAAsB;AAAAtB,IAAA,MAAAwB;AAAAxB,IAAA,MAAApB;AAAAoB,IAAA,MAAArB;AAAAqB,IAAA,MAAAnB;AAAAmB,IAAA,MAAAxB;AAAAwB,IAAA,MAAA8C;AAAA9C,IAAA,MAAA+C;AAAA/C,IAAA,MAAAmD;AAAAnD,IAAA,MAAAoD;AAAApD,IAAA,MAAAsD;AAAAtD,IAAA,MAAAuD;OAAAA,OAAAvD,EAAA;CAAA,IAAAwD;AAAA,KAAAxD,EAAA,QAAAyC,eAAAzC,EAAA,QAAApB,OAAAoB,EAAA,QAAArB,KAAA;AACtB6E,QAAAf,YAAWgB,SAAU,KACpB,oBAAA,OAAA;GAAe,WAAA;aACZhB,YAAWN,KAAKuB,QAAA;IAAC,MAAA,CAAAC,KAAAC,QAAAF;IAEhB,MAAAI,WADe1B,OAAOuB,IAAI,GACChF,QAAQC,MAAMD,OAAQ;IACjD,MAAAoF,SACE,OAAOH,SAAS,YAChBA,SAAS,QACT,WAAYA;IACd,MAAA1E,QAAc6E,SACTH,KAAmC1E,QACnC0E;IACL,MAAAI,YAAkBD,SACbH,KAAuCpF,QAD1B8B;AAEJ,WAGZ,oBAAA,QAAA;KAEY,WAAA;KACH,OAAA;MAAA2D,MACC,GAAGH,QAAO;MAAGI,WACR;MAAkB,GAC1BF;MACL;eAEC9E;KACI,EATAyE,IASA;KAEV;GAEJ,CAAA;AAAA3D,IAAA,MAAAyC;AAAAzC,IAAA,MAAApB;AAAAoB,IAAA,MAAArB;AAAAqB,IAAA,MAAAwD;OAAAA,OAAAxD,EAAA;CAAA,IAAA0D;AAAA,KAAA1D,EAAA,QAAA2C,OAAA3C,EAAA,QAAAuD,OAAAvD,EAAA,QAAAwD,KAAA;AAhFHE,QAAA,qBAAA,OAAA;GAAgB,WAAAf;aAAhB,CACEY,KAgDCC,IAgCG;;AAAAxD,IAAA,MAAA2C;AAAA3C,IAAA,MAAAuD;AAAAvD,IAAA,MAAAwD;AAAAxD,IAAA,MAAA0D;OAAAA,OAAA1D,EAAA;AAAA,QAjFN0D"}

package/dist/Slider.js

@@ -0,0 +1,2 @@
+export * from './Slider/index.js';
+export { default } from './Slider/index.js';

package/dist/Space/CompactContext.d.ts

@@ -1,4 +1,4 @@
-import { SizeType } from '../ConfigProvider/sizeContext';
+import { SizeType } from '../ConfigProvider/sizeContext.js';
 export interface CompactItemContextValue {
     compactSize?: SizeType;
     compactDirection?: 'horizontal' | 'vertical';
@@ -8,7 +8,7 @@ export interface CompactItemContextValue {
 declare const CompactItemContext: import('react').Context<CompactItemContextValue | null>;
 /**
  * Simplified version of antd's useCompactItemContext.
- * During v3 migration, this replaces `import { useCompactItemContext } from 'antd/lib/space/Compact'`.
+ * During v3 migration, this replaces `import { useCompactItemContext } from 'antd/lib/space/Compact.js'`.
  * Returns no-op values by default (no compact mode).
  */
 export declare function useCompactItemContext(prefixCls: string, _direction?: string): {

package/dist/Space/CompactContext.js

@@ -3,7 +3,7 @@ import { createContext, useContext } from "react";
 var CompactItemContext = createContext(null);
 /**
 * Simplified version of antd's useCompactItemContext.
-* During v3 migration, this replaces `import { useCompactItemContext } from 'antd/lib/space/Compact'`.
+* During v3 migration, this replaces `import { useCompactItemContext } from 'antd/lib/space/Compact.js'`.
 * Returns no-op values by default (no compact mode).
 */
 function useCompactItemContext(prefixCls, _direction) {

package/dist/Space/CompactContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompactContext.js","names":[],"sources":["../../src/Space/CompactContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { SizeType } from '../ConfigProvider/sizeContext';\n\nexport interface CompactItemContextValue {\n  compactSize?: SizeType;\n  compactDirection?: 'horizontal' | 'vertical';\n  isFirstItem?: boolean;\n  isLastItem?: boolean;\n}\n\nconst CompactItemContext = createContext<CompactItemContextValue | null>(null);\n\n/**\n * Simplified version of antd's useCompactItemContext.\n * During v3 migration, this replaces `import { useCompactItemContext } from 'antd/lib/space/Compact'`.\n * Returns no-op values by default (no compact mode).\n */\nexport function useCompactItemContext(prefixCls: string, _direction?: string) {\n  const ctx = useContext(CompactItemContext);\n\n  const compactSize = ctx?.compactSize;\n  const compactItemClassnames = ctx\n    ? {\n        [`${prefixCls}-compact-item`]: true,\n        [`${prefixCls}-compact-first-item`]: ctx.isFirstItem,\n        [`${prefixCls}-compact-last-item`]: ctx.isLastItem,\n        [`${prefixCls}-compact-item-${ctx.compactDirection || 'horizontal'}`]:\n          true,\n      }\n    : undefined;\n\n  return {\n    compactSize,\n    compactItemClassnames,\n  };\n}\n\nexport default CompactItemContext;\n"],"mappings":";;AAUA,IAAM,qBAAqB,cAA8C,KAAK;;;;;;AAO9E,SAAgB,sBAAsB,WAAmB,YAAqB;CAC5E,MAAM,MAAM,WAAW,mBAAmB;AAa1C,QAAO;EACL,aAZkB,KAAK;EAavB,uBAZ4B,MAC1B;IACG,GAAG,UAAU,iBAAiB;IAC9B,GAAG,UAAU,uBAAuB,IAAI;IACxC,GAAG,UAAU,sBAAsB,IAAI;IACvC,GAAG,UAAU,gBAAgB,IAAI,oBAAoB,iBACpD;GACH,GACD;EAKH"}
+{"version":3,"file":"CompactContext.js","names":["createContext","useContext","SizeType","CompactItemContextValue","compactSize","compactDirection","isFirstItem","isLastItem","CompactItemContext","useCompactItemContext","prefixCls","_direction","ctx","compactItemClassnames","undefined"],"sources":["../../src/Space/CompactContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { SizeType } from '../ConfigProvider/sizeContext';\n\nexport interface CompactItemContextValue {\n  compactSize?: SizeType;\n  compactDirection?: 'horizontal' | 'vertical';\n  isFirstItem?: boolean;\n  isLastItem?: boolean;\n}\n\nconst CompactItemContext = createContext<CompactItemContextValue | null>(null);\n\n/**\n * Simplified version of antd's useCompactItemContext.\n * During v3 migration, this replaces `import { useCompactItemContext } from 'antd/lib/space/Compact'`.\n * Returns no-op values by default (no compact mode).\n */\nexport function useCompactItemContext(prefixCls: string, _direction?: string) {\n  const ctx = useContext(CompactItemContext);\n\n  const compactSize = ctx?.compactSize;\n  const compactItemClassnames = ctx\n    ? {\n        [`${prefixCls}-compact-item`]: true,\n        [`${prefixCls}-compact-first-item`]: ctx.isFirstItem,\n        [`${prefixCls}-compact-last-item`]: ctx.isLastItem,\n        [`${prefixCls}-compact-item-${ctx.compactDirection || 'horizontal'}`]:\n          true,\n      }\n    : undefined;\n\n  return {\n    compactSize,\n    compactItemClassnames,\n  };\n}\n\nexport default CompactItemContext;\n"],"mappings":";;AAUA,IAAMQ,qBAAqBR,cAA8C,KAAK;;;;;;AAO9E,SAAgBS,sBAAsBC,WAAmBC,YAAqB;CAC5E,MAAMC,MAAMX,WAAWO,mBAAmB;AAa1C,QAAO;EACLJ,aAZkBQ,KAAKR;EAavBS,uBAZ4BD,MAC1B;IACG,GAAGF,UAAS,iBAAkB;IAC9B,GAAGA,UAAS,uBAAwBE,IAAIN;IACxC,GAAGI,UAAS,sBAAuBE,IAAIL;IACvC,GAAGG,UAAS,gBAAiBE,IAAIP,oBAAoB,iBACpD;GACH,GACDS;EAKH"}

package/dist/Space/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { SizeType } from '../ConfigProvider/sizeContext';
+import { SizeType } from '../ConfigProvider/sizeContext.js';
 export type SpaceSize = 'small' | 'middle' | 'large' | number;
 export interface SpaceProps {
     className?: string;
@@ -22,8 +22,8 @@ export interface SpaceCompactProps {
 export declare const SpaceContext: React.Context<{
     latestIndex: number;
 }>;
-declare function Space(props: SpaceProps): import("react/jsx-runtime").JSX.Element;
+declare function Space(props: SpaceProps): React.JSX.Element;
 declare namespace Space {
-    var Compact: (props: SpaceCompactProps) => import("react/jsx-runtime").JSX.Element;
+    var Compact: (props: SpaceCompactProps) => React.JSX.Element;
 }
 export default Space;