@spear-ai/spectral 1.13.0 → 1.14.1

package/dist/Slider.js

@@ -1,3 +1,167 @@
-'use client'
-import { t as e } from "./Slider-CPYW_VYu.js";
-export { e as Slider };
+'use client';
+import { cn } from "./utils/twUtils.js";
+import { Input } from "./primitives/input.js";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as SliderBase from "@radix-ui/react-slider";
+
+//#region src/components/Slider/Slider.tsx
+const Slider = ({ accessibleName, className, defaultValue, disabled, inputPosition, label, labelPosition, max = 100, min = 0, minStepsBetweenThumbs = 1, name, onValueChange, onValueCommit, orientation = "horizontal", step = 1, value }) => {
+	const isControlled = value !== void 0;
+	const [internalValues, setInternalValues] = useState(useMemo(() => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min], []));
+	const _values = isControlled ? value : internalValues;
+	const [inputTexts, setInputTexts] = useState(() => _values.map(String));
+	useEffect(() => {
+		setInputTexts(_values.map(String));
+	}, [_values]);
+	const handleValueChange = useCallback((newValues) => {
+		if (!isControlled) setInternalValues(newValues);
+		onValueChange?.(newValues);
+	}, [isControlled, onValueChange]);
+	const handleInputTextChange = useCallback((index, e) => {
+		const newTexts = [...inputTexts];
+		newTexts[index] = e.target.value;
+		setInputTexts(newTexts);
+	}, [inputTexts]);
+	const commitInputValue = useCallback((index) => {
+		const inputValue = inputTexts[index];
+		if (inputValue === "") {
+			setInputTexts(_values.map(String));
+			return;
+		}
+		let newValue = parseFloat(inputValue);
+		if (isNaN(newValue)) {
+			setInputTexts(_values.map(String));
+			return;
+		}
+		newValue = Math.max(min, Math.min(max, newValue));
+		const newValues = [..._values];
+		if (index === 0 && _values.length > 1) {
+			const maxAllowed = _values[1] - minStepsBetweenThumbs * step;
+			newValue = Math.min(newValue, maxAllowed);
+		} else if (index === 1) {
+			const minAllowed = _values[0] + minStepsBetweenThumbs * step;
+			newValue = Math.max(newValue, minAllowed);
+		}
+		newValues[index] = newValue;
+		handleValueChange(newValues);
+		onValueCommit?.(newValues);
+	}, [
+		inputTexts,
+		_values,
+		min,
+		max,
+		step,
+		minStepsBetweenThumbs,
+		handleValueChange,
+		onValueCommit
+	]);
+	const handleInputKeyDown = useCallback((index, e) => {
+		if (e.key === "Enter") {
+			commitInputValue(index);
+			e.currentTarget.blur();
+		}
+	}, [commitInputValue]);
+	const isVertical = orientation === "vertical";
+	const showStartLabel = labelPosition === "both";
+	const showEndLabel = label && (labelPosition === "end" || labelPosition === "both");
+	const showStartInput = inputPosition === "start" || inputPosition === "both";
+	const showEndInput = inputPosition === "both" && _values.length > 1;
+	const labelClasses = cn("text-slider-label text-sm shrink-0 tabular-nums", isVertical ? "text-center" : "");
+	const inputClasses = "w-10 h-fit px-1 shrink-0 text-center text-sm tabular-nums [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none";
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("gap-3 flex items-center", isVertical ? "flex-col" : "w-full", className),
+		"data-testid": "spectral-slider-container",
+		children: [
+			showStartLabel && /* @__PURE__ */ jsx("span", {
+				className: labelClasses,
+				"data-slot": "slider-label",
+				"data-testid": "spectral-slider-label-start",
+				children: label?.({
+					values: _values,
+					min,
+					max,
+					position: "start"
+				})
+			}),
+			showStartInput && /* @__PURE__ */ jsx(Input, {
+				"aria-label": accessibleName ? `${accessibleName} start value` : "Slider start value",
+				className: inputClasses,
+				"data-slot": "slider-input",
+				"data-testid": "spectral-slider-input-start",
+				disabled,
+				max: _values.length > 1 ? _values[1] - minStepsBetweenThumbs * step : max,
+				min,
+				onBlur: () => commitInputValue(0),
+				onChange: (e) => handleInputTextChange(0, e),
+				onKeyDown: (e) => handleInputKeyDown(0, e),
+				step,
+				type: "number",
+				value: inputTexts[0] ?? ""
+			}),
+			/* @__PURE__ */ jsxs(SliderBase.Root, {
+				"aria-label": accessibleName,
+				"aria-valuemax": max,
+				"aria-valuemin": min,
+				"aria-valuenow": _values[0],
+				className: "data-[orientation=vertical]:min-h-44 relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
+				"data-slot": "slider",
+				"data-testid": "spectral-slider",
+				disabled,
+				max,
+				min,
+				minStepsBetweenThumbs,
+				name,
+				onValueChange: handleValueChange,
+				onValueCommit,
+				orientation,
+				step,
+				value: _values,
+				children: [/* @__PURE__ */ jsx(SliderBase.Track, {
+					className: "data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:w-1.5 relative grow overflow-hidden rounded-full bg-slider-track data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full",
+					"data-slot": "slider-track",
+					"data-testid": "spectral-slider-track",
+					children: /* @__PURE__ */ jsx(SliderBase.Range, {
+						className: "absolute bg-slider-range data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full",
+						"data-slot": "slider-range",
+						"data-testid": "spectral-slider-range"
+					})
+				}), Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx(SliderBase.Thumb, {
+					className: "size-5 shadow-sm block shrink-0 rounded-full border border-slider-thumb-border bg-slider-thumb-bg ring-slider-thumb-ring/50 transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
+					"data-slot": "slider-thumb",
+					"data-testid": "spectral-slider-thumb"
+				}, index))]
+			}),
+			showEndInput && /* @__PURE__ */ jsx(Input, {
+				"aria-label": accessibleName ? `${accessibleName} end value` : "Slider end value",
+				className: inputClasses,
+				"data-slot": "slider-input",
+				"data-testid": "spectral-slider-input-end",
+				disabled,
+				max,
+				min: _values[0] + minStepsBetweenThumbs * step,
+				onBlur: () => commitInputValue(1),
+				onChange: (e) => handleInputTextChange(1, e),
+				onKeyDown: (e) => handleInputKeyDown(1, e),
+				step,
+				type: "number",
+				value: inputTexts[1] ?? ""
+			}),
+			showEndLabel && /* @__PURE__ */ jsx("span", {
+				className: labelClasses,
+				"data-slot": "slider-label",
+				"data-testid": "spectral-slider-label-end",
+				children: label({
+					values: _values,
+					min,
+					max,
+					position: "end"
+				})
+			})
+		]
+	});
+};
+
+//#endregion
+export { Slider };
+//# sourceMappingURL=Slider.js.map

package/dist/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","names":[],"sources":["../src/components/Slider/Slider.tsx"],"sourcesContent":["import { Input } from '@primitives/input'\nimport * as SliderBase from '@radix-ui/react-slider'\nimport { cn } from '@utils/twUtils'\nimport { useCallback, useEffect, useMemo, useState, type ChangeEvent, type KeyboardEvent, type ReactNode } from 'react'\n\nexport type SliderLabelPosition = 'end' | 'both'\nexport type SliderInputPosition = 'start' | 'both'\n\nexport interface SliderLabelRenderProps {\n  max: number\n  min: number\n  position: 'start' | 'end'\n  values: number[]\n}\n\nexport interface SliderProps {\n  accessibleName?: string\n  className?: string\n  defaultValue?: number[]\n  disabled?: boolean\n  inputPosition?: SliderInputPosition\n  label?: (props: SliderLabelRenderProps) => ReactNode\n  labelPosition?: SliderLabelPosition\n  max?: number\n  min?: number\n  minStepsBetweenThumbs?: number\n  name?: string\n  onValueChange?: (value: number[]) => void\n  onValueCommit?: (value: number[]) => void\n  orientation?: 'horizontal' | 'vertical'\n  step?: number\n  value?: number[]\n}\n\nexport const Slider = ({ accessibleName, className, defaultValue, disabled, inputPosition, label, labelPosition, max = 100, min = 0, minStepsBetweenThumbs = 1, name, onValueChange, onValueCommit, orientation = 'horizontal', step = 1, value }: SliderProps) => {\n  const isControlled = value !== undefined\n  const initialValues = useMemo(\n    () => (Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min]),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  )\n  const [internalValues, setInternalValues] = useState(initialValues)\n  const _values = isControlled ? value : internalValues\n\n  // Local state for input text to allow intermediate typing states\n  const [inputTexts, setInputTexts] = useState<string[]>(() => _values.map(String))\n\n  // Sync input text when slider values change externally\n  useEffect(() => {\n    setInputTexts(_values.map(String))\n  }, [_values])\n\n  const handleValueChange = useCallback(\n    (newValues: number[]) => {\n      if (!isControlled) {\n        setInternalValues(newValues)\n      }\n      onValueChange?.(newValues)\n    },\n    [isControlled, onValueChange],\n  )\n\n  const handleInputTextChange = useCallback(\n    (index: number, e: ChangeEvent<HTMLInputElement>) => {\n      const newTexts = [...inputTexts]\n      newTexts[index] = e.target.value\n      setInputTexts(newTexts)\n    },\n    [inputTexts],\n  )\n\n  const commitInputValue = useCallback(\n    (index: number) => {\n      const inputValue = inputTexts[index]\n      if (inputValue === '') {\n        // Reset to current slider value if empty\n        setInputTexts(_values.map(String))\n        return\n      }\n\n      let newValue = parseFloat(inputValue)\n      if (isNaN(newValue)) {\n        // Reset to current slider value if invalid\n        setInputTexts(_values.map(String))\n        return\n      }\n\n      // Clamp to min/max\n      newValue = Math.max(min, Math.min(max, newValue))\n\n      // Respect minStepsBetweenThumbs for range sliders\n      const newValues = [..._values]\n      if (index === 0 && _values.length > 1) {\n        // Start input: ensure it doesn't exceed end value minus gap\n        const maxAllowed = _values[1] - minStepsBetweenThumbs * step\n        newValue = Math.min(newValue, maxAllowed)\n      } else if (index === 1) {\n        // End input: ensure it doesn't go below start value plus gap\n        const minAllowed = _values[0] + minStepsBetweenThumbs * step\n        newValue = Math.max(newValue, minAllowed)\n      }\n\n      newValues[index] = newValue\n      handleValueChange(newValues)\n      onValueCommit?.(newValues)\n    },\n    [inputTexts, _values, min, max, step, minStepsBetweenThumbs, handleValueChange, onValueCommit],\n  )\n\n  const handleInputKeyDown = useCallback(\n    (index: number, e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'Enter') {\n        commitInputValue(index)\n        e.currentTarget.blur()\n      }\n    },\n    [commitInputValue],\n  )\n\n  const isVertical = orientation === 'vertical'\n  const showStartLabel = labelPosition === 'both'\n  const showEndLabel = label && (labelPosition === 'end' || labelPosition === 'both')\n  const showStartInput = inputPosition === 'start' || inputPosition === 'both'\n  const showEndInput = inputPosition === 'both' && _values.length > 1\n\n  const labelClasses = cn('text-slider-label text-sm shrink-0 tabular-nums', isVertical ? 'text-center' : '')\n\n  const inputClasses = 'w-10 h-fit px-1 shrink-0 text-center text-sm tabular-nums [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none'\n\n  return (\n    <div className={cn('gap-3 flex items-center', isVertical ? 'flex-col' : 'w-full', className)} data-testid='spectral-slider-container'>\n      {showStartLabel && (\n        <span className={labelClasses} data-slot='slider-label' data-testid='spectral-slider-label-start'>\n          {label?.({ values: _values, min, max, position: 'start' })}\n        </span>\n      )}\n\n      {showStartInput && (\n        <Input\n          aria-label={accessibleName ? `${accessibleName} start value` : 'Slider start value'}\n          className={inputClasses}\n          data-slot='slider-input'\n          data-testid='spectral-slider-input-start'\n          disabled={disabled}\n          max={_values.length > 1 ? _values[1] - minStepsBetweenThumbs * step : max}\n          min={min}\n          onBlur={() => commitInputValue(0)}\n          onChange={(e) => handleInputTextChange(0, e)}\n          onKeyDown={(e) => handleInputKeyDown(0, e)}\n          step={step}\n          type='number'\n          value={inputTexts[0] ?? ''}\n        />\n      )}\n\n      <SliderBase.Root\n        aria-label={accessibleName}\n        aria-valuemax={max}\n        aria-valuemin={min}\n        aria-valuenow={_values[0]}\n        className='data-[orientation=vertical]:min-h-44 relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col'\n        data-slot='slider'\n        data-testid='spectral-slider'\n        disabled={disabled}\n        max={max}\n        min={min}\n        minStepsBetweenThumbs={minStepsBetweenThumbs}\n        name={name}\n        onValueChange={handleValueChange}\n        onValueCommit={onValueCommit}\n        orientation={orientation}\n        step={step}\n        value={_values}\n      >\n        <SliderBase.Track\n          className='data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:w-1.5 relative grow overflow-hidden rounded-full bg-slider-track data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full'\n          data-slot='slider-track'\n          data-testid='spectral-slider-track'\n        >\n          <SliderBase.Range className='absolute bg-slider-range data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full' data-slot='slider-range' data-testid='spectral-slider-range' />\n        </SliderBase.Track>\n        {Array.from({ length: _values.length }, (_, index) => (\n          <SliderBase.Thumb\n            className='size-5 shadow-sm block shrink-0 rounded-full border border-slider-thumb-border bg-slider-thumb-bg ring-slider-thumb-ring/50 transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50'\n            data-slot='slider-thumb'\n            data-testid='spectral-slider-thumb'\n            key={index}\n          />\n        ))}\n      </SliderBase.Root>\n\n      {showEndInput && (\n        <Input\n          aria-label={accessibleName ? `${accessibleName} end value` : 'Slider end value'}\n          className={inputClasses}\n          data-slot='slider-input'\n          data-testid='spectral-slider-input-end'\n          disabled={disabled}\n          max={max}\n          min={_values[0] + minStepsBetweenThumbs * step}\n          onBlur={() => commitInputValue(1)}\n          onChange={(e) => handleInputTextChange(1, e)}\n          onKeyDown={(e) => handleInputKeyDown(1, e)}\n          step={step}\n          type='number'\n          value={inputTexts[1] ?? ''}\n        />\n      )}\n\n      {showEndLabel && (\n        <span className={labelClasses} data-slot='slider-label' data-testid='spectral-slider-label-end'>\n          {label({ values: _values, min, max, position: 'end' })}\n        </span>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/SpectralProvider.d.ts

@@ -1,30 +1,3 @@
-import { FC, ReactNode } from 'react';
-export interface SpectralProviderProps {
-    children: ReactNode;
-    className?: string;
-    /**
-     * Adds a wrapper div with spectral-root class for CSS isolation.
-     * Set to false if you want to manage CSS specificity yourself.
-     * @default true
-     */
-    isolated?: boolean;
-}
-/**
- * Optional provider component for Spectral components.
- * Provides CSS isolation when needed to prevent style conflicts.
- *
- * @example
- * ```tsx
- * // With isolation (recommended for apps with conflicting styles)
- * <SpectralProvider>
- *   <Button>Click me</Button>
- * </SpectralProvider>
- *
- * // Without wrapper (when you have full control over styles)
- * <SpectralProvider isolated={false}>
- *   <Button>Click me</Button>
- * </SpectralProvider>
- * ```
- */
-export declare const SpectralProvider: FC<SpectralProviderProps>;
-//# sourceMappingURL=SpectralProvider.d.ts.map
+'use client';
+import { SpectralProvider, SpectralProviderProps } from "./components/SpectralProvider/SpectralProvider.js";
+export { SpectralProvider, type SpectralProviderProps };

package/dist/SpectralProvider.js

@@ -1,11 +1,4 @@
-'use client'
-import './styles/main.css'
-import "react";
-import { Fragment as e, jsx as t } from "react/jsx-runtime";
-//#region src/components/SpectralProvider/SpectralProvider.tsx
-var n = ({ children: n, className: r = "", isolated: i = !0 }) => i ? /* @__PURE__ */ t("div", {
-	className: `spectral-root ${r}`,
-	children: n
-}) : /* @__PURE__ */ t(e, { children: n });
-//#endregion
-export { n as SpectralProvider };
+'use client';
+import { SpectralProvider } from "./components/SpectralProvider/SpectralProvider.js";
+
+export { SpectralProvider };

package/dist/Switch/SwitchBase.d.ts

@@ -1,27 +1,54 @@
-import { AsChildProp } from '../primitives/slot';
-import { ButtonHTMLAttributes, HTMLAttributes, Ref } from 'react';
+'use client';
+import { AsChildProp } from "../primitives/slot.js";
+import { ButtonHTMLAttributes, HTMLAttributes, Ref } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Switch/SwitchBase.d.ts
 type BaseButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'value'>;
-export interface SwitchProps extends BaseButtonProps, AsChildProp {
-    checked?: boolean;
-    defaultChecked?: boolean;
-    form?: string;
-    name?: string;
-    onCheckedChange?: (checked: boolean) => void;
-    required?: boolean;
-    value?: string;
+interface SwitchProps extends BaseButtonProps, AsChildProp {
+  checked?: boolean;
+  defaultChecked?: boolean;
+  form?: string;
+  name?: string;
+  onCheckedChange?: (checked: boolean) => void;
+  required?: boolean;
+  value?: string;
 }
-export declare const Switch: {
-    ({ asChild, checked, children, className, defaultChecked, disabled, form, id, name, onCheckedChange, onClick, onKeyDown, ref, required, value, ...rest }: SwitchProps & {
-        ref?: Ref<HTMLButtonElement>;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export type SwitchThumbProps = HTMLAttributes<HTMLSpanElement> & AsChildProp;
-export declare const SwitchThumb: {
-    ({ asChild, className, ref, ...props }: SwitchThumbProps & {
-        ref?: Ref<HTMLSpanElement>;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};
+declare function Switch({
+  asChild,
+  checked,
+  children,
+  className,
+  defaultChecked,
+  disabled,
+  form,
+  id,
+  name,
+  onCheckedChange,
+  onClick,
+  onKeyDown,
+  ref,
+  required,
+  value,
+  ...rest
+}: SwitchProps & {
+  ref?: Ref<HTMLButtonElement>;
+}): _$react_jsx_runtime0.JSX.Element;
+declare namespace Switch {
+  var displayName: string;
+}
+type SwitchThumbProps = HTMLAttributes<HTMLSpanElement> & AsChildProp;
+declare function SwitchThumb({
+  asChild,
+  className,
+  ref,
+  ...props
+}: SwitchThumbProps & {
+  ref?: Ref<HTMLSpanElement>;
+}): _$react_jsx_runtime0.JSX.Element;
+declare namespace SwitchThumb {
+  var displayName: string;
+}
+//#endregion
+export { Switch, SwitchProps, SwitchThumb, SwitchThumbProps };
 //# sourceMappingURL=SwitchBase.d.ts.map

package/dist/Switch/SwitchBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchBase.d.ts","names":[],"sources":["../../src/components/Switch/SwitchBase.tsx"],"mappings":";;;;;;KAWK,eAAA,GAAkB,IAAA,CAAK,oBAAA,CAAqB,iBAAA;AAAA,UAEhC,WAAA,SAAoB,eAAA,EAAiB,WAAA;EACpD,OAAA;EACA,cAAA;EACA,IAAA;EACA,IAAA;EACA,eAAA,IAAmB,OAAA;EACnB,QAAA;EACA,KAAA;AAAA;AAAA;EAIA,OAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,cAAA;EACA,QAAA;EACA,IAAA;EACA,EAAA;EACA,IAAA;EACA,eAAA;EACA,OAAA;EACA,SAAA;EACA,GAAA;EACA,QAAA;EACA,KAAA;EAAA,GACG;AAAA,GACF,WAAA;EACD,GAAA,GAAM,GAAA,CAAI,iBAAA;AAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;KA4FW,gBAAA,GAAmB,cAAA,CAAe,eAAA,IAAmB,WAAA;AAAA;EAG/D,OAAA;EACA,SAAA;EACA,GAAA;EAAA,GACG;AAAA,GACF,gBAAA;EACD,GAAA,GAAM,GAAA,CAAI,eAAA;AAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}

package/dist/Switch/SwitchBase.js

@@ -1,73 +1,90 @@
-'use client'
-import '../styles/main.css'
-import { Slot as e } from "../primitives/slot.js";
-import { useUncontrolledState as t } from "../hooks/useUncontrolledState.js";
-import { createContext as n, useCallback as r, useContext as i, useEffect as a, useId as o, useRef as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+'use client';
+import { Slot } from "../primitives/slot.js";
+import { useUncontrolledState } from "../hooks/useUncontrolledState.js";
+import { createContext, useCallback, useContext, useEffect, useId, useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
 //#region src/components/Switch/SwitchBase.tsx
-var d = n(null), f = ({ asChild: n, checked: i, children: f, className: p, defaultChecked: m = !1, disabled: h, form: g, id: _, name: v, onCheckedChange: y, onClick: b, onKeyDown: x, ref: S, required: C, value: w = "on", ...T }) => {
-	let E = s(null), D = o(), O = _ ?? `swt-${D}`, [k, A] = t({
-		value: i,
-		defaultValue: m,
-		onChange: y
+const SwitchCtx = createContext(null);
+const Switch = ({ asChild, checked, children, className, defaultChecked = false, disabled, form, id, name, onCheckedChange, onClick, onKeyDown, ref, required, value = "on", ...rest }) => {
+	const inputRef = useRef(null);
+	const autoId = useId();
+	const resolvedId = id ?? `swt-${autoId}`;
+	const [isChecked, setIsChecked] = useUncontrolledState({
+		value: checked,
+		defaultValue: defaultChecked,
+		onChange: onCheckedChange
 	});
-	a(() => {
-		let e = E.current?.form ?? null;
-		if (!e) return;
-		let t = () => A(m);
-		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
-	}, [m, A]);
-	let j = r((e) => {
-		let t = E.current;
-		if (!t) return;
-		t.checked = e;
-		let n = new Event("change", { bubbles: !0 });
-		t.dispatchEvent(n);
-	}, []), M = r(() => {
-		if (h) return;
-		let e = !k;
-		A(e), queueMicrotask(() => j(e));
+	useEffect(() => {
+		const formEl = inputRef.current?.form ?? null;
+		if (!formEl) return;
+		const handleReset = () => setIsChecked(defaultChecked);
+		formEl.addEventListener("reset", handleReset);
+		return () => formEl.removeEventListener("reset", handleReset);
+	}, [defaultChecked, setIsChecked]);
+	const emitFormChange = useCallback((checkedValue) => {
+		const el = inputRef.current;
+		if (!el) return;
+		el.checked = checkedValue;
+		const ev = new Event("change", { bubbles: true });
+		el.dispatchEvent(ev);
+	}, []);
+	const toggle = useCallback(() => {
+		if (disabled) return;
+		const newChecked = !isChecked;
+		setIsChecked(newChecked);
+		queueMicrotask(() => emitFormChange(newChecked));
 	}, [
-		h,
-		j,
-		k,
-		A
-	]), N = r((e) => {
-		b?.(e), !e.defaultPrevented && M();
-	}, [b, M]), P = r((e) => {
-		x?.(e), !e.defaultPrevented && (e.key === " " || e.key === "Enter") && (e.preventDefault(), M());
-	}, [x, M]), F = n ? e : "button";
-	return /* @__PURE__ */ l(d.Provider, {
+		disabled,
+		emitFormChange,
+		isChecked,
+		setIsChecked
+	]);
+	const handleClick = useCallback((e) => {
+		onClick?.(e);
+		if (e.defaultPrevented) return;
+		toggle();
+	}, [onClick, toggle]);
+	const handleKeyDown = useCallback((e) => {
+		onKeyDown?.(e);
+		if (e.defaultPrevented) return;
+		if (e.key === " " || e.key === "Enter") {
+			e.preventDefault();
+			toggle();
+		}
+	}, [onKeyDown, toggle]);
+	const Comp = asChild ? Slot : "button";
+	return /* @__PURE__ */ jsx(SwitchCtx.Provider, {
 		value: {
-			checked: k,
-			disabled: h
+			checked: isChecked,
+			disabled
 		},
-		children: /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(F, {
-			"aria-checked": k,
-			className: p,
-			"data-disabled": h ?? void 0,
-			"data-state": k ? "checked" : "unchecked",
-			disabled: h,
-			id: O,
-			onClick: N,
-			onKeyDown: P,
-			ref: S,
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Comp, {
+			"aria-checked": isChecked,
+			className,
+			"data-disabled": disabled ?? void 0,
+			"data-state": isChecked ? "checked" : "unchecked",
+			disabled,
+			id: resolvedId,
+			onClick: handleClick,
+			onKeyDown: handleKeyDown,
+			ref,
 			role: "switch",
 			type: "button",
-			...T,
-			children: f
-		}), /* @__PURE__ */ l("input", {
+			...rest,
+			children
+		}), /* @__PURE__ */ jsx("input", {
 			"aria-hidden": "true",
-			checked: k,
-			disabled: h,
-			form: g,
-			name: v,
-			readOnly: !0,
-			ref: E,
-			required: C,
+			checked: isChecked,
+			disabled,
+			form,
+			name,
+			readOnly: true,
+			ref: inputRef,
+			required,
 			tabIndex: -1,
 			type: "checkbox",
-			value: w,
+			value,
 			style: {
 				height: 0,
 				opacity: 0,
@@ -78,18 +95,20 @@ var d = n(null), f = ({ asChild: n, checked: i, children: f, className: p, defau
 		})] })
 	});
 };
-f.displayName = "Switch";
-var p = ({ asChild: t, className: n, ref: r, ...a }) => {
-	let o = i(d);
-	if (!o) throw Error("SwitchThumb must be used within Switch");
-	return /* @__PURE__ */ l(t ? e : "span", {
-		className: n,
-		"data-disabled": o.disabled ?? void 0,
-		"data-state": o.checked ? "checked" : "unchecked",
-		ref: r,
-		...a
+Switch.displayName = "Switch";
+const SwitchThumb = ({ asChild, className, ref, ...props }) => {
+	const ctx = useContext(SwitchCtx);
+	if (!ctx) throw new Error("SwitchThumb must be used within Switch");
+	return /* @__PURE__ */ jsx(asChild ? Slot : "span", {
+		className,
+		"data-disabled": ctx.disabled ?? void 0,
+		"data-state": ctx.checked ? "checked" : "unchecked",
+		ref,
+		...props
 	});
 };
-p.displayName = "SwitchThumb";
+SwitchThumb.displayName = "SwitchThumb";
+
 //#endregion
-export { f as Switch, p as SwitchThumb };
+export { Switch, SwitchThumb };
+//# sourceMappingURL=SwitchBase.js.map

package/dist/Switch/SwitchBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchBase.js","names":[],"sources":["../../src/components/Switch/SwitchBase.tsx"],"sourcesContent":["import { useUncontrolledState } from '@hooks/useUncontrolledState'\nimport { Slot, type AsChildProp } from '@primitives/slot'\nimport { createContext, useCallback, useContext, useEffect, useId, useRef, type ButtonHTMLAttributes, type ElementType, type HTMLAttributes, type KeyboardEvent, type MouseEvent, type Ref } from 'react'\n\ninterface Ctx {\n  checked: boolean\n  disabled: boolean | undefined\n}\n\nconst SwitchCtx = createContext<Ctx | null>(null)\n\ntype BaseButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'value'>\n\nexport interface SwitchProps extends BaseButtonProps, AsChildProp {\n  checked?: boolean\n  defaultChecked?: boolean\n  form?: string\n  name?: string\n  onCheckedChange?: (checked: boolean) => void\n  required?: boolean\n  value?: string\n}\n\nexport const Switch = ({\n  asChild,\n  checked,\n  children,\n  className,\n  defaultChecked = false,\n  disabled,\n  form,\n  id,\n  name,\n  onCheckedChange,\n  onClick,\n  onKeyDown,\n  ref,\n  required,\n  value = 'on',\n  ...rest\n}: SwitchProps & {\n  ref?: Ref<HTMLButtonElement>\n}) => {\n  const inputRef = useRef<HTMLInputElement | null>(null)\n  const autoId = useId()\n  const resolvedId = id ?? `swt-${autoId}`\n\n  const [isChecked, setIsChecked] = useUncontrolledState<boolean>({\n    value: checked,\n    defaultValue: defaultChecked,\n    onChange: onCheckedChange,\n  })\n\n  // form reset -> restore default\n  useEffect(() => {\n    const formEl = inputRef.current?.form ?? null\n    if (!formEl) return\n    const handleReset = () => setIsChecked(defaultChecked)\n    formEl.addEventListener('reset', handleReset)\n    return () => formEl.removeEventListener('reset', handleReset)\n  }, [defaultChecked, setIsChecked])\n\n  const emitFormChange = useCallback((checkedValue: boolean) => {\n    const el = inputRef.current\n    if (!el) return\n    el.checked = checkedValue\n    const ev = new Event('change', { bubbles: true })\n    el.dispatchEvent(ev)\n  }, [])\n\n  const toggle = useCallback(() => {\n    if (disabled) return\n    const newChecked = !isChecked\n    setIsChecked(newChecked)\n    queueMicrotask(() => emitFormChange(newChecked))\n  }, [disabled, emitFormChange, isChecked, setIsChecked])\n\n  const handleClick = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(e)\n      if (e.defaultPrevented) return\n      toggle()\n    },\n    [onClick, toggle],\n  )\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLButtonElement>) => {\n      onKeyDown?.(e)\n      if (e.defaultPrevented) return\n      if (e.key === ' ' || e.key === 'Enter') {\n        e.preventDefault()\n        toggle()\n      }\n    },\n    [onKeyDown, toggle],\n  )\n\n  const Comp: ElementType = asChild ? Slot : 'button'\n\n  return (\n    <SwitchCtx.Provider value={{ checked: isChecked, disabled }}>\n      <>\n        <Comp aria-checked={isChecked} className={className} data-disabled={disabled ?? undefined} data-state={isChecked ? 'checked' : 'unchecked'} disabled={disabled} id={resolvedId} onClick={handleClick} onKeyDown={handleKeyDown} ref={ref} role='switch' type='button' {...rest}>\n          {children}\n        </Comp>\n        {/* hidden input outside <button> — <input> inside <button> is invalid HTML.\n            The form attribute handles cross-form association without nesting. */}\n        <input\n          aria-hidden='true'\n          checked={isChecked}\n          disabled={disabled}\n          form={form}\n          name={name}\n          readOnly\n          ref={inputRef}\n          required={required}\n          tabIndex={-1}\n          type='checkbox'\n          value={value}\n          style={{\n            height: 0,\n            opacity: 0,\n            pointerEvents: 'none',\n            position: 'absolute',\n            width: 0,\n          }}\n        />\n      </>\n    </SwitchCtx.Provider>\n  )\n}\nSwitch.displayName = 'Switch'\n\nexport type SwitchThumbProps = HTMLAttributes<HTMLSpanElement> & AsChildProp\n\nexport const SwitchThumb = ({\n  asChild,\n  className,\n  ref,\n  ...props\n}: SwitchThumbProps & {\n  ref?: Ref<HTMLSpanElement>\n}) => {\n  const ctx = useContext(SwitchCtx)\n  if (!ctx) throw new Error('SwitchThumb must be used within Switch')\n\n  const Comp: ElementType = asChild ? Slot : 'span'\n\n  return <Comp className={className} data-disabled={ctx.disabled ?? undefined} data-state={ctx.checked ? 'checked' : 'unchecked'} ref={ref} {...props} />\n}\nSwitchThumb.displayName = 'SwitchThumb'\n"],"mappings":";;;;;;;AASA,MAAM,YAAY,cAA0B,KAAK;AAcjD,MAAa,UAAU,EACrB,SACA,SACA,UACA,WACA,iBAAiB,OACjB,UACA,MACA,IACA,MACA,iBACA,SACA,WACA,KACA,UACA,QAAQ,MACR,GAAG,WAGC;CACJ,MAAM,WAAW,OAAgC,KAAK;CACtD,MAAM,SAAS,OAAO;CACtB,MAAM,aAAa,MAAM,OAAO;CAEhC,MAAM,CAAC,WAAW,gBAAgB,qBAA8B;EAC9D,OAAO;EACP,cAAc;EACd,UAAU;EACX,CAAC;AAGF,iBAAgB;EACd,MAAM,SAAS,SAAS,SAAS,QAAQ;AACzC,MAAI,CAAC,OAAQ;EACb,MAAM,oBAAoB,aAAa,eAAe;AACtD,SAAO,iBAAiB,SAAS,YAAY;AAC7C,eAAa,OAAO,oBAAoB,SAAS,YAAY;IAC5D,CAAC,gBAAgB,aAAa,CAAC;CAElC,MAAM,iBAAiB,aAAa,iBAA0B;EAC5D,MAAM,KAAK,SAAS;AACpB,MAAI,CAAC,GAAI;AACT,KAAG,UAAU;EACb,MAAM,KAAK,IAAI,MAAM,UAAU,EAAE,SAAS,MAAM,CAAC;AACjD,KAAG,cAAc,GAAG;IACnB,EAAE,CAAC;CAEN,MAAM,SAAS,kBAAkB;AAC/B,MAAI,SAAU;EACd,MAAM,aAAa,CAAC;AACpB,eAAa,WAAW;AACxB,uBAAqB,eAAe,WAAW,CAAC;IAC/C;EAAC;EAAU;EAAgB;EAAW;EAAa,CAAC;CAEvD,MAAM,cAAc,aACjB,MAAqC;AACpC,YAAU,EAAE;AACZ,MAAI,EAAE,iBAAkB;AACxB,UAAQ;IAEV,CAAC,SAAS,OAAO,CAClB;CAED,MAAM,gBAAgB,aACnB,MAAwC;AACvC,cAAY,EAAE;AACd,MAAI,EAAE,iBAAkB;AACxB,MAAI,EAAE,QAAQ,OAAO,EAAE,QAAQ,SAAS;AACtC,KAAE,gBAAgB;AAClB,WAAQ;;IAGZ,CAAC,WAAW,OAAO,CACpB;CAED,MAAM,OAAoB,UAAU,OAAO;AAE3C,QACE,oBAAC,UAAU,UAAX;EAAoB,OAAO;GAAE,SAAS;GAAW;GAAU;YACzD,4CACE,oBAAC,MAAD;GAAM,gBAAc;GAAsB;GAAW,iBAAe,YAAY;GAAW,cAAY,YAAY,YAAY;GAAuB;GAAU,IAAI;GAAY,SAAS;GAAa,WAAW;GAAoB;GAAK,MAAK;GAAS,MAAK;GAAS,GAAI;GACvQ;GACI,GAGP,oBAAC,SAAD;GACE,eAAY;GACZ,SAAS;GACC;GACJ;GACA;GACN;GACA,KAAK;GACK;GACV,UAAU;GACV,MAAK;GACE;GACP,OAAO;IACL,QAAQ;IACR,SAAS;IACT,eAAe;IACf,UAAU;IACV,OAAO;IACR;GACD,EACD;EACgB;;AAGzB,OAAO,cAAc;AAIrB,MAAa,eAAe,EAC1B,SACA,WACA,KACA,GAAG,YAGC;CACJ,MAAM,MAAM,WAAW,UAAU;AACjC,KAAI,CAAC,IAAK,OAAM,IAAI,MAAM,yCAAyC;AAInE,QAAO,oBAFmB,UAAU,OAAO,QAEpC;EAAiB;EAAW,iBAAe,IAAI,YAAY;EAAW,cAAY,IAAI,UAAU,YAAY;EAAkB;EAAK,GAAI;EAAS;;AAEzJ,YAAY,cAAc"}

package/dist/Switch.d.ts

@@ -1,27 +1,52 @@
-import { BaseFormFieldProps, FormFieldState } from './utils/formFieldUtils';
-import { Ref } from 'react';
-import { SwitchProps as SwitchBaseProps } from './SwitchBase';
+'use client';
+import { BaseFormFieldProps, FormFieldState } from "./utils/formFieldUtils.js";
+import { SwitchProps as SwitchProps$1 } from "./Switch/SwitchBase.js";
+import { Ref } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Switch/Switch.d.ts
 type SwitchVisualState = Exclude<FormFieldState, 'disabled'>;
-export type SwitchProps = Omit<SwitchBaseProps, 'onCheckedChange'> & {
-    'aria-describedby'?: string;
-    'aria-label'?: string;
-    errorMessage?: BaseFormFieldProps['errorMessage'];
-    hideLabel?: boolean;
-    id?: string;
-    label?: string;
-    labelPosition?: 'left' | 'right';
-    labelText?: string;
-    onChange?: (checked: boolean) => void;
-    ref?: Ref<HTMLButtonElement>;
-    required?: boolean;
-    state?: SwitchVisualState;
-    value?: string;
-    variant?: 'default' | 'squared' | 'permanent-indicator';
-    warningMessage?: BaseFormFieldProps['errorMessage'];
+type SwitchProps = Omit<SwitchProps$1, 'onCheckedChange'> & {
+  'aria-describedby'?: string;
+  'aria-label'?: string;
+  errorMessage?: BaseFormFieldProps['errorMessage'];
+  hideLabel?: boolean;
+  id?: string;
+  label?: string;
+  labelPosition?: 'left' | 'right';
+  labelText?: string;
+  onChange?: (checked: boolean) => void;
+  ref?: Ref<HTMLButtonElement>;
+  required?: boolean;
+  state?: SwitchVisualState;
+  value?: string;
+  variant?: 'default' | 'squared' | 'permanent-indicator';
+  warningMessage?: BaseFormFieldProps['errorMessage'];
 };
-export declare const Switch: {
-    ({ className, disabled, errorMessage, hideLabel, id, label, labelPosition, labelText, name, onChange, ref, required, state, value, variant, warningMessage, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};
+declare function Switch({
+  className,
+  disabled,
+  errorMessage,
+  hideLabel,
+  id,
+  label,
+  labelPosition,
+  labelText,
+  name,
+  onChange,
+  ref,
+  required,
+  state,
+  value,
+  variant,
+  warningMessage,
+  'aria-describedby': ariaDescribedBy,
+  'aria-label': ariaLabel,
+  ...props
+}: SwitchProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace Switch {
+  var displayName: string;
+}
+//#endregion
+export { Switch, SwitchProps };
 //# sourceMappingURL=Switch.d.ts.map

package/dist/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","names":[],"sources":["../src/components/Switch/Switch.tsx"],"mappings":";;;;;;;KAOK,iBAAA,GAAoB,OAAA,CAAQ,cAAA;AAAA,KAErB,WAAA,GAAc,IAAA,CAAK,aAAA;EAC7B,kBAAA;EACA,YAAA;EACA,YAAA,GAAe,kBAAA;EACf,SAAA;EACA,EAAA;EACA,KAAA;EACA,aAAA;EACA,SAAA;EACA,QAAA,IAAY,OAAA;EACZ,GAAA,GAAM,GAAA,CAAI,iBAAA;EACV,QAAA;EACA,KAAA,GAAQ,iBAAA;EACR,KAAA;EACA,OAAA;EACA,cAAA,GAAiB,kBAAA;AAAA;AAAA;EAMjB,SAAA;EACA,QAAA;EACA,YAAA;EACA,SAAA;EACA,EAAA;EACA,KAAA;EACA,aAAA;EACA,SAAA;EACA,IAAA;EACA,QAAA;EACA,GAAA;EACA,QAAA;EACA,KAAA;EACA,KAAA;EACA,OAAA;EACA,cAAA;EAAA,oBACoB,eAAA;EAAA,cACN,SAAA;EAAA,GACX;AAAA,GACF,WAAA,GAAW,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}