@kuzenbo/core 0.0.2 → 0.0.3

package/dist/ui/skeleton.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "tailwind-variants";
+
+//#region src/ui/skeleton/skeleton.tsx
+const Skeleton = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("animate-pulse rounded-md bg-muted", className),
+	"data-slot": "skeleton",
+	...props
+});
+
+//#endregion
+export { Skeleton };
+//# sourceMappingURL=skeleton.js.map

package/dist/ui/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../src/ui/skeleton/skeleton.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nexport type SkeletonProps = ComponentProps<\"div\">;\n\nconst Skeleton = ({ className, ...props }: SkeletonProps) => (\n  <div\n    className={cn(\"animate-pulse rounded-md bg-muted\", className)}\n    data-slot=\"skeleton\"\n    {...props}\n  />\n);\n\nexport { Skeleton };\n"],"mappings":";;;;AAMA,MAAM,YAAY,EAAE,WAAW,GAAG,YAChC,oBAAC;CACC,WAAW,GAAG,qCAAqC,UAAU;CAC7D,aAAU;CACV,GAAI;EACJ"}

package/dist/ui/slider.d.ts

@@ -0,0 +1,52 @@
+import { C as SliderSemanticSize, S as SliderSemanticRadius, _ as SliderLabel, a as SliderThumbLabel, b as SliderLabelTransitionProps, c as SliderThumbProps, d as SliderMark, f as SliderMarkProps, g as SliderControlProps, h as SliderControl, i as SliderTrackProps, l as SliderMarks, m as SliderIndicatorProps, n as SliderValueProps, o as SliderThumbLabelProps, p as SliderIndicator, r as SliderTrack, s as SliderThumb, t as SliderValue, u as SliderMarksProps, v as SliderMark$1, w as SliderSize, x as SliderRadius, y as SliderValue$1 } from "../slider-value-Db8SCu0c.js";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { Slider as Slider$1 } from "@base-ui/react/slider";
+
+//#region src/ui/slider/single/slider.d.ts
+type SliderRootProps = Omit<Slider$1.Root.Props<number>, "defaultValue" | "max" | "min" | "name" | "onChange" | "onValueChange" | "onValueCommitted" | "minStepsBetweenValues" | "thumbCollisionBehavior" | "thumbAlignment" | "value">;
+interface SliderProps extends SliderRootProps {
+  color?: string;
+  defaultValue?: number;
+  domain?: [number, number];
+  hiddenInputProps?: Omit<ComponentPropsWithoutRef<"input">, "name" | "type" | "value">;
+  inverted?: boolean;
+  label?: SliderLabel;
+  labelAlwaysOn?: boolean;
+  labelTransitionProps?: SliderLabelTransitionProps;
+  marks?: readonly SliderMark$1[];
+  max?: number;
+  min?: number;
+  name?: string;
+  onChange?: ((value: SliderValue$1) => void) | undefined;
+  onChangeEnd?: ((value: SliderValue$1) => void) | undefined;
+  precision?: number;
+  radius?: SliderRadius;
+  restrictToMarks?: boolean;
+  scale?: ((value: number) => number) | undefined;
+  size?: SliderSize;
+  showLabelOnHover?: boolean;
+  step?: number;
+  thumbChildren?: ReactNode;
+  thumbLabel?: string;
+  thumbLabelOffset?: number | string;
+  thumbLabelOffsetVertical?: number | string;
+  thumbProps?: Omit<SliderThumbProps, "aria-label" | "children" | "index">;
+  thumbSize?: number | string;
+  trackSize?: number | string;
+  markSize?: number | string;
+  value?: number;
+}
+type SliderComponent = ((props: SliderProps) => ReactNode) & {
+  Control: typeof SliderControl;
+  Indicator: typeof SliderIndicator;
+  Mark: typeof SliderMark;
+  Marks: typeof SliderMarks;
+  Thumb: typeof SliderThumb;
+  ThumbLabel: typeof SliderThumbLabel;
+  Track: typeof SliderTrack;
+  Value: typeof SliderValue;
+};
+declare const Slider: SliderComponent;
+//#endregion
+export { Slider, SliderControl, type SliderControlProps, SliderIndicator, type SliderIndicatorProps, type SliderLabel, type SliderLabelTransitionProps, type SliderMark, type SliderMark$1 as SliderMarkDefinition, type SliderMark$1 as SliderMarkType, type SliderMarkProps, SliderMarks, type SliderMarksProps, type SliderProps, type SliderRadius, type SliderSemanticRadius, type SliderSemanticSize, type SliderSize, SliderThumb, SliderThumbLabel, type SliderThumbLabelProps, type SliderThumbProps, SliderTrack, type SliderTrackProps, type SliderValue, type SliderValueProps, type SliderValue$1 as SliderValueType };
+//# sourceMappingURL=slider.d.ts.map

package/dist/ui/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","names":[],"sources":["../../src/ui/slider/single/slider.tsx"],"mappings":";;;;;KA2CK,eAAA,GAAkB,IAAA,CACrB,QAAA,CAAgB,IAAA,CAAK,KAAA;AAAA,UAcN,WAAA,SAAoB,eAAA;EACnC,KAAA;EACA,YAAA;EACA,MAAA;EACA,gBAAA,GAAmB,IAAA,CACjB,wBAAA;EAGF,QAAA;EACA,KAAA,GAAQ,WAAA;EACR,aAAA;EACA,oBAAA,GAAuB,0BAAA;EACvB,KAAA,YAAiB,YAAA;EACjB,GAAA;EACA,GAAA;EACA,IAAA;EACA,QAAA,KAAa,KAAA,EAAO,aAAA;EACpB,WAAA,KAAgB,KAAA,EAAO,aAAA;EACvB,SAAA;EACA,MAAA,GAAS,YAAA;EACT,eAAA;EACA,KAAA,KAAU,KAAA;EACV,IAAA,GAAO,UAAA;EACP,gBAAA;EACA,IAAA;EACA,aAAA,GAAgB,SAAA;EAChB,UAAA;EACA,gBAAA;EACA,wBAAA;EACA,UAAA,GAAa,IAAA,CAAK,gBAAA;EAClB,SAAA;EACA,SAAA;EACA,QAAA;EACA,KAAA;AAAA;AAAA,KAGG,eAAA,KAAoB,KAAA,EAAO,WAAA,KAAgB,SAAA;EAC9C,OAAA,SAAgB,aAAA;EAChB,SAAA,SAAkB,eAAA;EAClB,IAAA,SAAa,UAAA;EACb,KAAA,SAAc,WAAA;EACd,KAAA,SAAc,WAAA;EACd,UAAA,SAAmB,gBAAA;EACnB,KAAA,SAAc,WAAA;EACd,KAAA,SAAc,WAAA;AAAA;AAAA,cAGV,MAAA,EAqIA,eAAA"}

package/dist/ui/slider.js

@@ -0,0 +1,215 @@
+import { _ as getNextMarkValue, a as SliderValue, b as isKeyboardLikeReason, c as SliderThumb, d as SliderIndicator, f as SliderControl, g as getNearestMarkValue, h as getLastMarkValue, i as resolveSliderBounds, l as SliderMarks, m as getFirstMarkValue, n as resolveSliderRootClassName, o as SliderTrack, p as clampNumber, r as resolveSliderLabel, s as SliderThumbLabel, t as mergeSliderRootStyle, u as SliderMark, v as getPreviousMarkValue, x as toFloatingValue, y as getSortedSelectableMarks } from "../slider-root-presentation-ChJHPMIV.js";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Slider as Slider$1 } from "@base-ui/react/slider";
+
+//#region src/ui/slider/math/normalize-single-slider-value.ts
+const normalizeSingleSliderValue = ({ current, domainMax, domainMin, marks, max, min, precision, raw, reason, restrictToMarks }) => {
+	const clampedRaw = clampNumber(raw, domainMin, domainMax);
+	const clampedCurrent = clampNumber(current, min, max);
+	if (!restrictToMarks) return toFloatingValue(clampNumber(clampedRaw, min, max), precision);
+	const selectableMarks = getSortedSelectableMarks(marks, min, max);
+	if (!selectableMarks.length) return toFloatingValue(clampNumber(clampedRaw, min, max), precision);
+	if (!isKeyboardLikeReason(reason)) return toFloatingValue(getNearestMarkValue(clampedRaw, selectableMarks), precision);
+	if (clampedRaw <= min) return toFloatingValue(getFirstMarkValue(selectableMarks, min), precision);
+	if (clampedRaw >= max) return toFloatingValue(getLastMarkValue(selectableMarks, max), precision);
+	if (clampedRaw > clampedCurrent) return toFloatingValue(getNextMarkValue(clampedCurrent, selectableMarks), precision);
+	if (clampedRaw < clampedCurrent) return toFloatingValue(getPreviousMarkValue(clampedCurrent, selectableMarks), precision);
+	return toFloatingValue(getNearestMarkValue(clampedRaw, selectableMarks), precision);
+};
+
+//#endregion
+//#region src/ui/slider/single/use-single-slider-state.ts
+const useSingleSliderState = ({ defaultValue, domainMax, domainMin, marks, max, min, onChange, onChangeEnd, precision, restrictToMarks, value }) => {
+	const [uncontrolledValue, setUncontrolledValue] = useState(useMemo(() => normalizeSingleSliderValue({
+		current: min,
+		domainMax,
+		domainMin,
+		marks,
+		max,
+		min,
+		precision,
+		raw: defaultValue ?? min,
+		restrictToMarks
+	}), [
+		defaultValue,
+		domainMax,
+		domainMin,
+		marks,
+		max,
+		min,
+		precision,
+		restrictToMarks
+	]));
+	const sliderValue = useMemo(() => {
+		if (value === void 0) return;
+		return normalizeSingleSliderValue({
+			current: uncontrolledValue,
+			domainMax,
+			domainMin,
+			marks,
+			max,
+			min,
+			precision,
+			raw: value,
+			restrictToMarks
+		});
+	}, [
+		domainMax,
+		domainMin,
+		marks,
+		max,
+		min,
+		precision,
+		restrictToMarks,
+		uncontrolledValue,
+		value
+	]) ?? uncontrolledValue;
+	const valueRef = useRef(sliderValue);
+	useEffect(() => {
+		valueRef.current = sliderValue;
+	}, [sliderValue]);
+	useEffect(() => {
+		if (value !== void 0) return;
+		setUncontrolledValue((previous) => normalizeSingleSliderValue({
+			current: previous,
+			domainMax,
+			domainMin,
+			marks,
+			max,
+			min,
+			precision,
+			raw: previous,
+			restrictToMarks
+		}));
+	}, [
+		domainMax,
+		domainMin,
+		marks,
+		max,
+		min,
+		precision,
+		restrictToMarks,
+		value
+	]);
+	return {
+		handleValueChange: useCallback((nextValue, eventDetails) => {
+			const rawValue = Array.isArray(nextValue) ? nextValue[0] ?? valueRef.current : nextValue;
+			const normalizedValue = normalizeSingleSliderValue({
+				current: valueRef.current,
+				domainMax,
+				domainMin,
+				marks,
+				max,
+				min,
+				precision,
+				raw: rawValue,
+				reason: eventDetails.reason,
+				restrictToMarks
+			});
+			valueRef.current = normalizedValue;
+			if (value === void 0) setUncontrolledValue(normalizedValue);
+			onChange?.(normalizedValue);
+		}, [
+			domainMax,
+			domainMin,
+			marks,
+			max,
+			min,
+			onChange,
+			precision,
+			restrictToMarks,
+			value
+		]),
+		handleValueCommitted: useCallback(() => {
+			onChangeEnd?.(valueRef.current);
+		}, [onChangeEnd]),
+		sliderValue
+	};
+};
+
+//#endregion
+//#region src/ui/slider/single/slider.tsx
+const Slider = (({ className, children, color, defaultValue, domain, hiddenInputProps, inverted = false, label = (value) => value, labelAlwaysOn = false, labelTransitionProps, marks, max = 100, min = 0, name, onChange, onChangeEnd, precision: precisionProp, radius, restrictToMarks = false, scale = (value) => value, size, showLabelOnHover = true, step = 1, style, thumbChildren, thumbLabel, thumbLabelOffset, thumbLabelOffsetVertical, thumbProps, thumbSize, trackSize, markSize, value, ...props }) => {
+	const { domainMax, domainMin, max: normalizedMax, min: normalizedMin, precision } = resolveSliderBounds({
+		domain,
+		max,
+		min,
+		precision: precisionProp,
+		step
+	});
+	const { handleValueChange, handleValueCommitted, sliderValue } = useSingleSliderState({
+		defaultValue,
+		domainMax,
+		domainMin,
+		marks,
+		max: normalizedMax,
+		min: normalizedMin,
+		onChange,
+		onChangeEnd,
+		precision,
+		restrictToMarks,
+		value
+	});
+	const displayedValue = toFloatingValue(scale(sliderValue), precision);
+	const resolvedLabel = resolveSliderLabel(label, displayedValue);
+	const defaultThumbProps = thumbProps ?? {};
+	return /* @__PURE__ */ jsxs(Slider$1.Root, {
+		...props,
+		className: resolveSliderRootClassName(className, inverted),
+		"data-slot": "slider",
+		max: domainMax,
+		min: domainMin,
+		onValueChange: handleValueChange,
+		onValueCommitted: handleValueCommitted,
+		step,
+		style: mergeSliderRootStyle({
+			color,
+			markSize,
+			radius,
+			size,
+			thumbLabelOffset,
+			thumbLabelOffsetVertical,
+			thumbSize,
+			trackSize
+		}, style),
+		thumbAlignment: "center",
+		value: sliderValue,
+		children: [children ?? /* @__PURE__ */ jsxs(SliderControl, { children: [/* @__PURE__ */ jsxs(SliderTrack, { children: [/* @__PURE__ */ jsx(SliderIndicator, {}), /* @__PURE__ */ jsx(SliderMarks, {
+			disabled: props.disabled,
+			inverted,
+			marks,
+			max: domainMax,
+			min: domainMin,
+			orientation: props.orientation,
+			values: [sliderValue]
+		})] }), /* @__PURE__ */ jsxs(SliderThumb, {
+			...defaultThumbProps,
+			"aria-label": thumbLabel,
+			children: [thumbChildren, /* @__PURE__ */ jsx(SliderThumbLabel, {
+				label: resolvedLabel,
+				labelAlwaysOn,
+				orientation: props.orientation,
+				showLabelOnHover,
+				transitionProps: labelTransitionProps
+			})]
+		})] }), name ? /* @__PURE__ */ jsx("input", {
+			...hiddenInputProps,
+			name,
+			type: "hidden",
+			value: String(displayedValue)
+		}) : null]
+	});
+});
+Slider.Control = SliderControl;
+Slider.Indicator = SliderIndicator;
+Slider.Mark = SliderMark;
+Slider.Marks = SliderMarks;
+Slider.Thumb = SliderThumb;
+Slider.ThumbLabel = SliderThumbLabel;
+Slider.Track = SliderTrack;
+Slider.Value = SliderValue;
+
+//#endregion
+export { Slider, SliderControl, SliderIndicator, SliderMark, SliderMarks, SliderThumb, SliderThumbLabel, SliderTrack, SliderValue };
+//# sourceMappingURL=slider.js.map

package/dist/ui/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","names":["SliderPrimitive","SliderValuePrimitive"],"sources":["../../src/ui/slider/math/normalize-single-slider-value.ts","../../src/ui/slider/single/use-single-slider-state.ts","../../src/ui/slider/single/slider.tsx"],"sourcesContent":["import type { SliderMark } from \"../shared/slider-types\";\n\nimport {\n  clampNumber,\n  getFirstMarkValue,\n  getLastMarkValue,\n  getNearestMarkValue,\n  getNextMarkValue,\n  getPreviousMarkValue,\n  getSortedSelectableMarks,\n  isKeyboardLikeReason,\n  toFloatingValue,\n} from \"./slider-math-utils\";\n\ninterface NormalizeSliderValueOptions {\n  current: number;\n  domainMax: number;\n  domainMin: number;\n  marks?: readonly SliderMark[];\n  max: number;\n  min: number;\n  precision: number;\n  raw: number;\n  reason?: string;\n  restrictToMarks?: boolean;\n}\n\nexport const normalizeSingleSliderValue = ({\n  current,\n  domainMax,\n  domainMin,\n  marks,\n  max,\n  min,\n  precision,\n  raw,\n  reason,\n  restrictToMarks,\n}: NormalizeSliderValueOptions) => {\n  const clampedRaw = clampNumber(raw, domainMin, domainMax);\n  const clampedCurrent = clampNumber(current, min, max);\n\n  if (!restrictToMarks) {\n    return toFloatingValue(clampNumber(clampedRaw, min, max), precision);\n  }\n\n  const selectableMarks = getSortedSelectableMarks(marks, min, max);\n  if (!selectableMarks.length) {\n    return toFloatingValue(clampNumber(clampedRaw, min, max), precision);\n  }\n\n  if (!isKeyboardLikeReason(reason)) {\n    return toFloatingValue(\n      getNearestMarkValue(clampedRaw, selectableMarks),\n      precision\n    );\n  }\n\n  if (clampedRaw <= min) {\n    return toFloatingValue(getFirstMarkValue(selectableMarks, min), precision);\n  }\n\n  if (clampedRaw >= max) {\n    return toFloatingValue(getLastMarkValue(selectableMarks, max), precision);\n  }\n\n  if (clampedRaw > clampedCurrent) {\n    return toFloatingValue(\n      getNextMarkValue(clampedCurrent, selectableMarks),\n      precision\n    );\n  }\n\n  if (clampedRaw < clampedCurrent) {\n    return toFloatingValue(\n      getPreviousMarkValue(clampedCurrent, selectableMarks),\n      precision\n    );\n  }\n\n  return toFloatingValue(\n    getNearestMarkValue(clampedRaw, selectableMarks),\n    precision\n  );\n};\n","\"use client\";\n\nimport type { Slider as SliderPrimitive } from \"@base-ui/react/slider\";\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport type { SliderMark, SliderValue } from \"../shared/slider-types\";\n\nimport { normalizeSingleSliderValue } from \"../math/normalize-single-slider-value\";\n\ninterface UseSingleSliderStateOptions {\n  defaultValue?: number;\n  domainMax: number;\n  domainMin: number;\n  marks?: readonly SliderMark[];\n  max: number;\n  min: number;\n  onChange?: ((value: SliderValue) => void) | undefined;\n  onChangeEnd?: ((value: SliderValue) => void) | undefined;\n  precision: number;\n  restrictToMarks: boolean;\n  value?: number;\n}\n\nexport const useSingleSliderState = ({\n  defaultValue,\n  domainMax,\n  domainMin,\n  marks,\n  max,\n  min,\n  onChange,\n  onChangeEnd,\n  precision,\n  restrictToMarks,\n  value,\n}: UseSingleSliderStateOptions) => {\n  const initialValue = useMemo(\n    () =>\n      normalizeSingleSliderValue({\n        current: min,\n        domainMax,\n        domainMin,\n        marks,\n        max,\n        min,\n        precision,\n        raw: defaultValue ?? min,\n        restrictToMarks,\n      }),\n    [\n      defaultValue,\n      domainMax,\n      domainMin,\n      marks,\n      max,\n      min,\n      precision,\n      restrictToMarks,\n    ]\n  );\n\n  const [uncontrolledValue, setUncontrolledValue] = useState(initialValue);\n\n  const controlledValue = useMemo(() => {\n    if (value === undefined) {\n      return;\n    }\n\n    return normalizeSingleSliderValue({\n      current: uncontrolledValue,\n      domainMax,\n      domainMin,\n      marks,\n      max,\n      min,\n      precision,\n      raw: value,\n      restrictToMarks,\n    });\n  }, [\n    domainMax,\n    domainMin,\n    marks,\n    max,\n    min,\n    precision,\n    restrictToMarks,\n    uncontrolledValue,\n    value,\n  ]);\n\n  const sliderValue = controlledValue ?? uncontrolledValue;\n  const valueRef = useRef(sliderValue);\n\n  useEffect(() => {\n    valueRef.current = sliderValue;\n  }, [sliderValue]);\n\n  useEffect(() => {\n    if (value !== undefined) {\n      return;\n    }\n\n    setUncontrolledValue((previous: number) =>\n      normalizeSingleSliderValue({\n        current: previous,\n        domainMax,\n        domainMin,\n        marks,\n        max,\n        min,\n        precision,\n        raw: previous,\n        restrictToMarks,\n      })\n    );\n  }, [\n    domainMax,\n    domainMin,\n    marks,\n    max,\n    min,\n    precision,\n    restrictToMarks,\n    value,\n  ]);\n\n  const handleValueChange = useCallback(\n    (\n      nextValue: number | number[],\n      eventDetails: SliderPrimitive.Root.ChangeEventDetails\n    ) => {\n      const rawValue = Array.isArray(nextValue)\n        ? (nextValue[0] ?? valueRef.current)\n        : nextValue;\n\n      const normalizedValue = normalizeSingleSliderValue({\n        current: valueRef.current,\n        domainMax,\n        domainMin,\n        marks,\n        max,\n        min,\n        precision,\n        raw: rawValue,\n        reason: eventDetails.reason,\n        restrictToMarks,\n      });\n\n      valueRef.current = normalizedValue;\n\n      if (value === undefined) {\n        setUncontrolledValue(normalizedValue);\n      }\n\n      onChange?.(normalizedValue);\n    },\n    [\n      domainMax,\n      domainMin,\n      marks,\n      max,\n      min,\n      onChange,\n      precision,\n      restrictToMarks,\n      value,\n    ]\n  );\n\n  const handleValueCommitted = useCallback(() => {\n    onChangeEnd?.(valueRef.current);\n  }, [onChangeEnd]);\n\n  return {\n    handleValueChange,\n    handleValueCommitted,\n    sliderValue,\n  };\n};\n","\"use client\";\n\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { Slider as SliderPrimitive } from \"@base-ui/react/slider\";\n\nimport type { SliderRadius, SliderSize } from \"../shared/slider-style-tokens\";\nimport type { SliderLabelTransitionProps } from \"../shared/slider-transition\";\nimport type {\n  SliderLabel,\n  SliderMark as SliderMarkType,\n  SliderValue,\n} from \"../shared/slider-types\";\n\nimport { toFloatingValue } from \"../math/slider-math-utils\";\nimport {\n  SliderControl,\n  type SliderControlProps,\n} from \"../primitives/slider-control\";\nimport {\n  SliderIndicator,\n  type SliderIndicatorProps,\n} from \"../primitives/slider-indicator\";\nimport { SliderMark, type SliderMarkProps } from \"../primitives/slider-mark\";\nimport { SliderMarks, type SliderMarksProps } from \"../primitives/slider-marks\";\nimport { SliderThumb, type SliderThumbProps } from \"../primitives/slider-thumb\";\nimport {\n  SliderThumbLabel,\n  type SliderThumbLabelProps,\n} from \"../primitives/slider-thumb-label\";\nimport { SliderTrack, type SliderTrackProps } from \"../primitives/slider-track\";\nimport {\n  SliderValue as SliderValuePrimitive,\n  type SliderValueProps,\n} from \"../primitives/slider-value\";\nimport { resolveSliderBounds } from \"../shared/slider-bounds\";\nimport { resolveSliderLabel } from \"../shared/slider-label\";\nimport {\n  mergeSliderRootStyle,\n  resolveSliderRootClassName,\n} from \"../shared/slider-root-presentation\";\nimport { useSingleSliderState } from \"./use-single-slider-state\";\n\ntype SliderRootProps = Omit<\n  SliderPrimitive.Root.Props<number>,\n  | \"defaultValue\"\n  | \"max\"\n  | \"min\"\n  | \"name\"\n  | \"onChange\"\n  | \"onValueChange\"\n  | \"onValueCommitted\"\n  | \"minStepsBetweenValues\"\n  | \"thumbCollisionBehavior\"\n  | \"thumbAlignment\"\n  | \"value\"\n>;\n\nexport interface SliderProps extends SliderRootProps {\n  color?: string;\n  defaultValue?: number;\n  domain?: [number, number];\n  hiddenInputProps?: Omit<\n    ComponentPropsWithoutRef<\"input\">,\n    \"name\" | \"type\" | \"value\"\n  >;\n  inverted?: boolean;\n  label?: SliderLabel;\n  labelAlwaysOn?: boolean;\n  labelTransitionProps?: SliderLabelTransitionProps;\n  marks?: readonly SliderMarkType[];\n  max?: number;\n  min?: number;\n  name?: string;\n  onChange?: ((value: SliderValue) => void) | undefined;\n  onChangeEnd?: ((value: SliderValue) => void) | undefined;\n  precision?: number;\n  radius?: SliderRadius;\n  restrictToMarks?: boolean;\n  scale?: ((value: number) => number) | undefined;\n  size?: SliderSize;\n  showLabelOnHover?: boolean;\n  step?: number;\n  thumbChildren?: ReactNode;\n  thumbLabel?: string;\n  thumbLabelOffset?: number | string;\n  thumbLabelOffsetVertical?: number | string;\n  thumbProps?: Omit<SliderThumbProps, \"aria-label\" | \"children\" | \"index\">;\n  thumbSize?: number | string;\n  trackSize?: number | string;\n  markSize?: number | string;\n  value?: number;\n}\n\ntype SliderComponent = ((props: SliderProps) => ReactNode) & {\n  Control: typeof SliderControl;\n  Indicator: typeof SliderIndicator;\n  Mark: typeof SliderMark;\n  Marks: typeof SliderMarks;\n  Thumb: typeof SliderThumb;\n  ThumbLabel: typeof SliderThumbLabel;\n  Track: typeof SliderTrack;\n  Value: typeof SliderValuePrimitive;\n};\n\nconst Slider = (({\n  className,\n  children,\n  color,\n  defaultValue,\n  domain,\n  hiddenInputProps,\n  inverted = false,\n  label = (value) => value,\n  labelAlwaysOn = false,\n  labelTransitionProps,\n  marks,\n  max = 100,\n  min = 0,\n  name,\n  onChange,\n  onChangeEnd,\n  precision: precisionProp,\n  radius,\n  restrictToMarks = false,\n  scale = (value) => value,\n  size,\n  showLabelOnHover = true,\n  step = 1,\n  style,\n  thumbChildren,\n  thumbLabel,\n  thumbLabelOffset,\n  thumbLabelOffsetVertical,\n  thumbProps,\n  thumbSize,\n  trackSize,\n  markSize,\n  value,\n  ...props\n}: SliderProps) => {\n  const resolvedBounds = resolveSliderBounds({\n    domain,\n    max,\n    min,\n    precision: precisionProp,\n    step,\n  });\n\n  const {\n    domainMax,\n    domainMin,\n    max: normalizedMax,\n    min: normalizedMin,\n    precision,\n  } = resolvedBounds;\n\n  const { handleValueChange, handleValueCommitted, sliderValue } =\n    useSingleSliderState({\n      defaultValue,\n      domainMax,\n      domainMin,\n      marks,\n      max: normalizedMax,\n      min: normalizedMin,\n      onChange,\n      onChangeEnd,\n      precision,\n      restrictToMarks,\n      value,\n    });\n\n  const displayedValue = toFloatingValue(scale(sliderValue), precision);\n  const resolvedLabel = resolveSliderLabel(label, displayedValue);\n  const defaultThumbProps = thumbProps ?? {};\n\n  return (\n    <SliderPrimitive.Root\n      {...props}\n      className={resolveSliderRootClassName(className, inverted)}\n      data-slot=\"slider\"\n      max={domainMax}\n      min={domainMin}\n      onValueChange={handleValueChange}\n      onValueCommitted={handleValueCommitted}\n      step={step}\n      style={mergeSliderRootStyle(\n        {\n          color,\n          markSize,\n          radius,\n          size,\n          thumbLabelOffset,\n          thumbLabelOffsetVertical,\n          thumbSize,\n          trackSize,\n        },\n        style\n      )}\n      thumbAlignment=\"center\"\n      value={sliderValue}\n    >\n      {children ?? (\n        <SliderControl>\n          <SliderTrack>\n            <SliderIndicator />\n            <SliderMarks\n              disabled={props.disabled}\n              inverted={inverted}\n              marks={marks}\n              max={domainMax}\n              min={domainMin}\n              orientation={props.orientation}\n              values={[sliderValue]}\n            />\n          </SliderTrack>\n          <SliderThumb {...defaultThumbProps} aria-label={thumbLabel}>\n            {thumbChildren}\n            <SliderThumbLabel\n              label={resolvedLabel}\n              labelAlwaysOn={labelAlwaysOn}\n              orientation={props.orientation}\n              showLabelOnHover={showLabelOnHover}\n              transitionProps={labelTransitionProps}\n            />\n          </SliderThumb>\n        </SliderControl>\n      )}\n      {name ? (\n        <input\n          {...hiddenInputProps}\n          name={name}\n          type=\"hidden\"\n          value={String(displayedValue)}\n        />\n      ) : null}\n    </SliderPrimitive.Root>\n  );\n}) as SliderComponent;\n\nSlider.Control = SliderControl;\nSlider.Indicator = SliderIndicator;\nSlider.Mark = SliderMark;\nSlider.Marks = SliderMarks;\nSlider.Thumb = SliderThumb;\nSlider.ThumbLabel = SliderThumbLabel;\nSlider.Track = SliderTrack;\nSlider.Value = SliderValuePrimitive;\n\nexport type { SliderControlProps };\nexport type { SliderIndicatorProps };\nexport type { SliderMarkProps };\nexport type { SliderMarksProps };\nexport type { SliderThumbProps };\nexport type { SliderThumbLabelProps };\nexport type { SliderTrackProps };\nexport type { SliderValueProps };\nexport type { SliderMarkType as SliderMarkDefinition };\n\nexport {\n  Slider,\n  SliderControl,\n  SliderIndicator,\n  SliderMark,\n  SliderMarks,\n  SliderThumb,\n  SliderThumbLabel,\n  SliderTrack,\n  SliderValuePrimitive as SliderValue,\n};\n"],"mappings":"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"}

package/dist/ui/spacer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacer.d.ts","names":[],"sources":["../../src/ui/spacer/spacer.tsx"],"mappings":";;;;KAMY,iBAAA;AAAA,KAEA,WAAA,GAAc,cAAA;EACxB,WAAA,GAAc,iBAAA;EACd,IAAA;AAAA;AAAA,cAGW,MAAA;EAAU,WAAA;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAMpB,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/spacer.js

@@ -0,0 +1,26 @@
+"use client";
+
+import { jsx } from "react/jsx-runtime";
+import { cn } from "tailwind-variants";
+
+//#region src/ui/spacer/spacer.tsx
+const Spacer = ({ orientation = "horizontal", size, style = {}, className, ...props }) => {
+	const computedStyle = {
+		...style,
+		...orientation === "horizontal" && !size && { flex: 1 },
+		...size && {
+			width: orientation === "vertical" ? "1px" : size,
+			height: orientation === "horizontal" ? "1px" : size
+		}
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(className),
+		"data-slot": "spacer",
+		style: computedStyle,
+		...props
+	});
+};
+
+//#endregion
+export { Spacer };
+//# sourceMappingURL=spacer.js.map

package/dist/ui/spacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacer.js","names":[],"sources":["../../src/ui/spacer/spacer.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nexport type SpacerOrientation = \"horizontal\" | \"vertical\";\n\nexport type SpacerProps = ComponentProps<\"div\"> & {\n  orientation?: SpacerOrientation;\n  size?: string | number;\n};\n\nexport const Spacer = ({\n  orientation = \"horizontal\",\n  size,\n  style = {},\n  className,\n  ...props\n}: SpacerProps) => {\n  const computedStyle = {\n    ...style,\n    ...(orientation === \"horizontal\" && !size && { flex: 1 }),\n    ...(size && {\n      width: orientation === \"vertical\" ? \"1px\" : size,\n      height: orientation === \"horizontal\" ? \"1px\" : size,\n    }),\n  };\n\n  return (\n    <div\n      className={cn(className)}\n      data-slot=\"spacer\"\n      style={computedStyle}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;;;AAaA,MAAa,UAAU,EACrB,cAAc,cACd,MACA,QAAQ,EAAE,EACV,WACA,GAAG,YACc;CACjB,MAAM,gBAAgB;EACpB,GAAG;EACH,GAAI,gBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG;EACxD,GAAI,QAAQ;GACV,OAAO,gBAAgB,aAAa,QAAQ;GAC5C,QAAQ,gBAAgB,eAAe,QAAQ;GAChD;EACF;AAED,QACE,oBAAC;EACC,WAAW,GAAG,UAAU;EACxB,aAAU;EACV,OAAO;EACP,GAAI;GACJ"}

package/dist/ui/spinner.d.ts

@@ -0,0 +1,17 @@
+import { t as UISize } from "../size-system-wzOLSuax.js";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/spinner/spinner.d.ts
+type SpinnerProps = Omit<ComponentProps<"svg">, "size"> & {
+  size?: UISize;
+};
+declare const Spinner: ({
+  className,
+  size: providedSize,
+  strokeWidth,
+  ...props
+}: SpinnerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Spinner, SpinnerProps };
+//# sourceMappingURL=spinner.d.ts.map

package/dist/ui/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","names":[],"sources":["../../src/ui/spinner/spinner.tsx"],"mappings":";;;;;KAWY,YAAA,GAAe,IAAA,CAAK,cAAA;EAC9B,IAAA,GAAO,MAAA;AAAA;AAAA,cAGH,OAAA;EAAW,SAAA;EAAA,IAAA,EAAA,YAAA;EAAA,WAAA;EAAA,GAAA;AAAA,GAKd,YAAA,KAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/spinner.js

@@ -0,0 +1,23 @@
+import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
+import { t as COMPACT_VISUAL_CLASS_BY_SIZE } from "../size-system-DTXmtQXw.js";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "tailwind-variants";
+import { Loading03Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+
+//#region src/ui/spinner/spinner.tsx
+const Spinner = ({ className, size: providedSize, strokeWidth = 2, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(HugeiconsIcon, {
+		"aria-label": "Loading",
+		className: cn(COMPACT_VISUAL_CLASS_BY_SIZE[size], "animate-spin", className),
+		icon: Loading03Icon,
+		role: "status",
+		strokeWidth: typeof strokeWidth === "string" ? Number(strokeWidth) : strokeWidth,
+		...props
+	});
+};
+
+//#endregion
+export { Spinner };
+//# sourceMappingURL=spinner.js.map

package/dist/ui/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","names":[],"sources":["../../src/ui/spinner/spinner.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Loading03Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { COMPACT_VISUAL_CLASS_BY_SIZE } from \"../shared/size/size-system\";\n\nexport type SpinnerProps = Omit<ComponentProps<\"svg\">, \"size\"> & {\n  size?: UISize;\n};\n\nconst Spinner = ({\n  className,\n  size: providedSize,\n  strokeWidth = 2,\n  ...props\n}: SpinnerProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <HugeiconsIcon\n      aria-label=\"Loading\"\n      className={cn(\n        COMPACT_VISUAL_CLASS_BY_SIZE[size],\n        \"animate-spin\",\n        className\n      )}\n      icon={Loading03Icon}\n      role=\"status\"\n      strokeWidth={\n        typeof strokeWidth === \"string\" ? Number(strokeWidth) : strokeWidth\n      }\n      {...props}\n    />\n  );\n};\n\nexport { Spinner };\n"],"mappings":";;;;;;;;AAeA,MAAM,WAAW,EACf,WACA,MAAM,cACN,cAAc,GACd,GAAG,YACe;CAClB,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC;EACC,cAAW;EACX,WAAW,GACT,6BAA6B,OAC7B,gBACA,UACD;EACD,MAAM;EACN,MAAK;EACL,aACE,OAAO,gBAAgB,WAAW,OAAO,YAAY,GAAG;EAE1D,GAAI;GACJ"}

package/dist/ui/switch.d.ts

@@ -0,0 +1,58 @@
+import { t as UISize } from "../size-system-wzOLSuax.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { Switch as Switch$1 } from "@base-ui/react/switch";
+
+//#region src/ui/switch/switch-thumb.d.ts
+type SwitchThumbProps = Switch$1.Thumb.Props;
+declare const SwitchThumb: ({
+  className,
+  ...props
+}: SwitchThumbProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/switch/switch.d.ts
+declare const switchVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "peer group/switch relative inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 data-checked:bg-primary data-disabled:cursor-not-allowed data-disabled:opacity-50 data-unchecked:bg-input dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 dark:data-unchecked:bg-input/80", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "peer group/switch relative inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 data-checked:bg-primary data-disabled:cursor-not-allowed data-disabled:opacity-50 data-unchecked:bg-input dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 dark:data-unchecked:bg-input/80", unknown, unknown, undefined>>;
+type SwitchVariantProps = Omit<VariantProps<typeof switchVariants>, "size"> & {
+  size?: UISize;
+};
+type SwitchProps = Switch$1.Root.Props & SwitchVariantProps;
+declare const Switch: {
+  ({
+    className,
+    size: providedSize,
+    children,
+    ...props
+  }: SwitchProps): react_jsx_runtime0.JSX.Element;
+  Thumb: ({
+    className,
+    ...props
+  }: SwitchThumbProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Switch, SwitchProps, SwitchThumb, type SwitchThumbProps };
+//# sourceMappingURL=switch.d.ts.map

package/dist/ui/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","names":[],"sources":["../../src/ui/switch/switch-thumb.tsx","../../src/ui/switch/switch.tsx"],"mappings":";;;;;;;KAMY,gBAAA,GAAmB,QAAA,CAAgB,KAAA,CAAM,KAAA;AAAA,cAE/C,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCGxD,cAAA,EAcJ,kBAAA,CAdkB,YAAA;;;;;;;;;;;;;;;;cAclB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,kBAAA,GAAqB,IAAA,CAAK,YAAA,QAAoB,cAAA;EACjD,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,WAAA,GAAc,QAAA,CAAgB,IAAA,CAAK,KAAA,GAAQ,kBAAA;AAAA,cAEjD,MAAA;EAAA;;;;;KAKH,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/switch.js

@@ -0,0 +1,43 @@
+"use client";
+
+import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
+import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
+import { jsx } from "react/jsx-runtime";
+import { tv } from "tailwind-variants";
+import { Switch as Switch$1 } from "@base-ui/react/switch";
+
+//#region src/ui/switch/switch-thumb.tsx
+const SwitchThumb = ({ className, ...props }) => /* @__PURE__ */ jsx(Switch$1.Thumb, {
+	className: mergeBaseUIClassName("pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=xs]/switch:size-2.5 group-data-[size=sm]/switch:size-3 group-data-[size=md]/switch:size-3.5 group-data-[size=lg]/switch:size-4 group-data-[size=xl]/switch:size-[18px] data-checked:translate-x-[calc(100%-2px)] data-unchecked:translate-x-0 dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground", className),
+	"data-slot": "switch-thumb",
+	...props
+});
+
+//#endregion
+//#region src/ui/switch/switch.tsx
+const switchVariants = tv({
+	base: "peer group/switch relative inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 data-checked:bg-primary data-disabled:cursor-not-allowed data-disabled:opacity-50 data-unchecked:bg-input dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 dark:data-unchecked:bg-input/80",
+	variants: { size: {
+		xs: "h-3 w-5 after:absolute after:-inset-1.5",
+		sm: "h-3.5 w-6 after:absolute after:-inset-2",
+		md: "h-4 w-7 after:absolute after:-inset-2.5",
+		lg: "h-[18px] w-8 after:absolute after:-inset-3",
+		xl: "h-5 w-9 after:absolute after:-inset-3.5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const Switch = ({ className, size: providedSize, children, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(Switch$1.Root, {
+		className: mergeBaseUIClassName(switchVariants({ size }), className),
+		"data-size": size,
+		"data-slot": "switch",
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(SwitchThumb, {})
+	});
+};
+Switch.Thumb = SwitchThumb;
+
+//#endregion
+export { Switch, SwitchThumb };
+//# sourceMappingURL=switch.js.map

package/dist/ui/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":["SwitchPrimitive","SwitchPrimitive"],"sources":["../../src/ui/switch/switch-thumb.tsx","../../src/ui/switch/switch.tsx"],"sourcesContent":["\"use client\";\n\nimport { Switch as SwitchPrimitive } from \"@base-ui/react/switch\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type SwitchThumbProps = SwitchPrimitive.Thumb.Props;\n\nconst SwitchThumb = ({ className, ...props }: SwitchThumbProps) => (\n  <SwitchPrimitive.Thumb\n    className={mergeBaseUIClassName<SwitchPrimitive.Thumb.State>(\n      \"pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=xs]/switch:size-2.5 group-data-[size=sm]/switch:size-3 group-data-[size=md]/switch:size-3.5 group-data-[size=lg]/switch:size-4 group-data-[size=xl]/switch:size-[18px] data-checked:translate-x-[calc(100%-2px)] data-unchecked:translate-x-0 dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground\",\n      className\n    )}\n    data-slot=\"switch-thumb\"\n    {...props}\n  />\n);\n\nexport { SwitchThumb };\n","\"use client\";\n\nimport { Switch as SwitchPrimitive } from \"@base-ui/react/switch\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { SwitchThumb } from \"./switch-thumb\";\n\nconst switchVariants = tv({\n  base: \"peer group/switch relative inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 data-checked:bg-primary data-disabled:cursor-not-allowed data-disabled:opacity-50 data-unchecked:bg-input dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 dark:data-unchecked:bg-input/80\",\n  variants: {\n    size: {\n      xs: \"h-3 w-5 after:absolute after:-inset-1.5\",\n      sm: \"h-3.5 w-6 after:absolute after:-inset-2\",\n      md: \"h-4 w-7 after:absolute after:-inset-2.5\",\n      lg: \"h-[18px] w-8 after:absolute after:-inset-3\",\n      xl: \"h-5 w-9 after:absolute after:-inset-3.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype SwitchVariantProps = Omit<VariantProps<typeof switchVariants>, \"size\"> & {\n  size?: UISize;\n};\n\nexport type SwitchProps = SwitchPrimitive.Root.Props & SwitchVariantProps;\n\nconst Switch = ({\n  className,\n  size: providedSize,\n  children,\n  ...props\n}: SwitchProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <SwitchPrimitive.Root\n      className={mergeBaseUIClassName<SwitchPrimitive.Root.State>(\n        switchVariants({ size }),\n        className\n      )}\n      data-size={size}\n      data-slot=\"switch\"\n      {...props}\n    >\n      {children ?? <SwitchThumb />}\n    </SwitchPrimitive.Root>\n  );\n};\n\nSwitch.Thumb = SwitchThumb;\n\nexport type { SwitchThumbProps } from \"./switch-thumb\";\nexport { Switch, SwitchThumb };\n"],"mappings":";;;;;;;;;AAQA,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACA,SAAgB;CACf,WAAW,qBACT,6ZACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACLJ,MAAM,iBAAiB,GAAG;CACxB,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAQF,MAAM,UAAU,EACd,WACA,MAAM,cACN,UACA,GAAG,YACc;CACjB,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAACC,SAAgB;EACf,WAAW,qBACT,eAAe,EAAE,MAAM,CAAC,EACxB,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;YAEH,YAAY,oBAAC,gBAAc;GACP;;AAI3B,OAAO,QAAQ"}