@jinmi/ui 0.0.0-stage → 6.0.2

package/es/base-ui/SubmenuArrowIcon.mjs

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+//#region src/base-ui/SubmenuArrowIcon.tsx
+const SubmenuArrowIcon = () => /* @__PURE__ */ jsx("svg", {
+	"aria-hidden": true,
+	fill: "currentColor",
+	stroke: "currentColor",
+	strokeLinejoin: "round",
+	strokeWidth: 1.5,
+	viewBox: "0 0 16 16",
+	children: /* @__PURE__ */ jsx("path", { d: "M6 5l4 3-4 3z" })
+});
+//#endregion
+export { SubmenuArrowIcon };
+
+//# sourceMappingURL=SubmenuArrowIcon.mjs.map

package/es/base-ui/SubmenuArrowIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmenuArrowIcon.mjs","names":[],"sources":["../../src/base-ui/SubmenuArrowIcon.tsx"],"sourcesContent":["export const SubmenuArrowIcon = () => (\r\n  <svg\r\n    aria-hidden\r\n    fill=\"currentColor\"\r\n    stroke=\"currentColor\"\r\n    strokeLinejoin=\"round\"\r\n    strokeWidth={1.5}\r\n    viewBox=\"0 0 16 16\"\r\n  >\r\n    <path d=\"M6 5l4 3-4 3z\" />\r\n  </svg>\r\n);\r\n"],"mappings":";;AAAA,MAAa,yBACX,oBAAC,OAAD;CACE,eAAA;CACA,MAAK;CACL,QAAO;CACP,gBAAe;CACf,aAAa;CACb,SAAQ;CAER,UAAA,oBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;AACtB,CAAA"}

package/es/base-ui/Switch/Switch.d.mts

@@ -0,0 +1,6 @@
+import { SwitchProps } from "./type.mjs";
+//#region src/base-ui/Switch/Switch.d.ts
+declare const Switch: import("react").NamedExoticComponent<SwitchProps>;
+//#endregion
+export { Switch as default };
+//# sourceMappingURL=Switch.d.mts.map

package/es/base-ui/Switch/Switch.mjs

@@ -0,0 +1,66 @@
+"use client";
+import { inkCssVar } from "../../styles/inkCssVar.mjs";
+import Icon from "../../Icon/Icon.mjs";
+import { styles } from "./style.mjs";
+import { SwitchIcon, SwitchRoot, SwitchThumb } from "./atoms.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { Loader2 } from "lucide-react";
+//#region src/base-ui/Switch/Switch.tsx
+const Switch = memo(({ autoFocus, checked, checkedChildren, className, classNames, defaultChecked, defaultValue, disabled, id, loading, name, onChange, onClick, ref, rootClassName, size = "default", style, styles: customStyles, tabIndex, title, unCheckedChildren, value }) => {
+	const isDisabled = disabled || loading;
+	const resolvedChecked = value ?? checked;
+	const resolvedDefaultChecked = defaultValue ?? defaultChecked;
+	return /* @__PURE__ */ jsxs(SwitchRoot, {
+		autoFocus,
+		checked: resolvedChecked,
+		className: cx(className, rootClassName, classNames?.root),
+		defaultChecked: resolvedDefaultChecked,
+		disabled: isDisabled,
+		id,
+		name,
+		ref,
+		size,
+		style: {
+			...style,
+			...customStyles?.root
+		},
+		tabIndex,
+		title,
+		onCheckedChange: onChange,
+		onClick,
+		children: [
+			checkedChildren && /* @__PURE__ */ jsx(SwitchIcon, {
+				className: classNames?.content,
+				position: "left",
+				size,
+				style: customStyles?.content,
+				children: checkedChildren
+			}),
+			unCheckedChildren && /* @__PURE__ */ jsx(SwitchIcon, {
+				className: classNames?.content,
+				position: "right",
+				size,
+				style: customStyles?.content,
+				children: unCheckedChildren
+			}),
+			/* @__PURE__ */ jsx(SwitchThumb, {
+				className: classNames?.thumb,
+				size,
+				style: customStyles?.thumb,
+				children: loading && /* @__PURE__ */ jsx(Icon, {
+					className: styles.loading,
+					icon: Loader2,
+					size: size === "small" ? 8 : 12,
+					style: { color: inkCssVar.colorInk }
+				})
+			})
+		]
+	});
+});
+Switch.displayName = "Switch";
+//#endregion
+export { Switch as default };
+
+//# sourceMappingURL=Switch.mjs.map

package/es/base-ui/Switch/Switch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.mjs","names":[],"sources":["../../../src/base-ui/Switch/Switch.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { Loader2 } from 'lucide-react';\nimport { memo } from 'react';\n\nimport Icon from '@/Icon';\nimport { inkCssVar } from '@/styles/inkCssVar';\n\nimport { SwitchIcon, SwitchRoot, SwitchThumb } from './atoms';\nimport { styles } from './style';\nimport type { SwitchProps } from './type';\n\nconst Switch = memo<SwitchProps>(\n  ({\n    autoFocus,\n    checked,\n    checkedChildren,\n    className,\n    classNames,\n    defaultChecked,\n    defaultValue,\n    disabled,\n    id,\n    loading,\n    name,\n    onChange,\n    onClick,\n    ref,\n    rootClassName,\n    size = 'default',\n    style,\n    styles: customStyles,\n    tabIndex,\n    title,\n    unCheckedChildren,\n    value,\n  }) => {\n    const isDisabled = disabled || loading;\n    const resolvedChecked = value ?? checked;\n    const resolvedDefaultChecked = defaultValue ?? defaultChecked;\n\n    return (\n      <SwitchRoot\n        autoFocus={autoFocus}\n        checked={resolvedChecked}\n        className={cx(className, rootClassName, classNames?.root)}\n        defaultChecked={resolvedDefaultChecked}\n        disabled={isDisabled}\n        id={id}\n        name={name}\n        ref={ref}\n        size={size}\n        style={{ ...style, ...customStyles?.root }}\n        tabIndex={tabIndex}\n        title={title}\n        onCheckedChange={onChange}\n        onClick={onClick}\n      >\n        {checkedChildren && (\n          <SwitchIcon\n            className={classNames?.content}\n            position=\"left\"\n            size={size}\n            style={customStyles?.content}\n          >\n            {checkedChildren}\n          </SwitchIcon>\n        )}\n        {unCheckedChildren && (\n          <SwitchIcon\n            className={classNames?.content}\n            position=\"right\"\n            size={size}\n            style={customStyles?.content}\n          >\n            {unCheckedChildren}\n          </SwitchIcon>\n        )}\n        <SwitchThumb className={classNames?.thumb} size={size} style={customStyles?.thumb}>\n          {loading && (\n            <Icon\n              className={styles.loading}\n              icon={Loader2}\n              size={size === 'small' ? 8 : 12}\n              style={{ color: inkCssVar.colorInk }}\n            />\n          )}\n        </SwitchThumb>\n      </SwitchRoot>\n    );\n  },\n);\n\nSwitch.displayName = 'Switch';\n\nexport default Switch;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,SAAS,MACZ,EACC,WACA,SACA,iBACA,WACA,YACA,gBACA,cACA,UACA,IACA,SACA,MACA,UACA,SACA,KACA,eACA,OAAO,WACP,OACA,QAAQ,cACR,UACA,OACA,mBACA,YACI;CACJ,MAAM,aAAa,YAAY;CAC/B,MAAM,kBAAkB,SAAS;CACjC,MAAM,yBAAyB,gBAAgB;CAE/C,OACE,qBAAC,YAAD;EACa;EACX,SAAS;EACT,WAAW,GAAG,WAAW,eAAe,YAAY,IAAI;EACxD,gBAAgB;EAChB,UAAU;EACN;EACE;EACD;EACC;EACN,OAAO;GAAE,GAAG;GAAO,GAAG,cAAc;EAAK;EAC/B;EACH;EACP,iBAAiB;EACR;EAdX,UAAA;GAgBG,mBACC,oBAAC,YAAD;IACE,WAAW,YAAY;IACvB,UAAS;IACH;IACN,OAAO,cAAc;IAEpB,UAAA;GACS,CAAA;GAEb,qBACC,oBAAC,YAAD;IACE,WAAW,YAAY;IACvB,UAAS;IACH;IACN,OAAO,cAAc;IAEpB,UAAA;GACS,CAAA;GAEd,oBAAC,aAAD;IAAa,WAAW,YAAY;IAAa;IAAM,OAAO,cAAc;IACzE,UAAA,WACC,oBAAC,MAAD;KACE,WAAW,OAAO;KAClB,MAAM;KACN,MAAM,SAAS,UAAU,IAAI;KAC7B,OAAO,EAAE,OAAO,UAAU,SAAS;IACpC,CAAA;GAEQ,CAAA;EACH;;AAEhB,CACF;AAEA,OAAO,cAAc"}

package/es/base-ui/Switch/atoms.d.mts

@@ -0,0 +1,23 @@
+import { SwitchChangeEventHandler, SwitchContextType, SwitchIconProps, SwitchRootProps, SwitchThumbProps } from "./type.mjs";
+import { styles } from "./style.mjs";
+//#region src/base-ui/Switch/atoms.d.ts
+declare const useSwitchContext: () => SwitchContextType;
+type SwitchRootInternalProps = Omit<SwitchRootProps, 'onCheckedChange' | 'onClick'> & {
+  onCheckedChange?: SwitchChangeEventHandler;
+  onClick?: SwitchChangeEventHandler;
+};
+declare const SwitchRoot: {
+  ({ checked, className, defaultChecked, onCheckedChange, onClick, onKeyDown, onKeyUp, onPointerCancel, onPointerDown, onPointerLeave, onPointerUp, size, children, disabled, readOnly, required, inputRef, id, name, ...rest }: SwitchRootInternalProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const SwitchThumb: {
+  ({ className, size, style, children, ...rest }: SwitchThumbProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const SwitchIcon: {
+  ({ children, className, position, size, ...rest }: SwitchIconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { SwitchIcon, SwitchRoot, SwitchThumb, styles as switchStyles, useSwitchContext };
+//# sourceMappingURL=atoms.d.mts.map

package/es/base-ui/Switch/atoms.mjs

@@ -0,0 +1,184 @@
+"use client";
+import { rootVariants, styles, thumbVariants } from "./style.mjs";
+import { createContext, use, useEffect, useMemo, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import useMergeState from "use-merge-value";
+import { Switch } from "@base-ui/react/switch";
+import { animate, motionValue } from "motion";
+//#region src/base-ui/Switch/atoms.tsx
+const THUMB_METRICS = {
+	default: {
+		checkedX: 14,
+		pressedCheckedX: 10,
+		pressedWidth: 22,
+		width: 18
+	},
+	small: {
+		checkedX: 12,
+		pressedCheckedX: 8,
+		pressedWidth: 16,
+		width: 12
+	}
+};
+const THUMB_SPRING = {
+	damping: 24,
+	stiffness: 360,
+	type: "spring"
+};
+const SwitchContext = createContext(null);
+const useSwitchContext = () => {
+	const context = use(SwitchContext);
+	if (!context) throw new Error("useSwitchContext must be used within a SwitchRoot");
+	return context;
+};
+const SwitchRoot = ({ checked, className, defaultChecked, onCheckedChange, onClick, onKeyDown, onKeyUp, onPointerCancel, onPointerDown, onPointerLeave, onPointerUp, size = "default", children, disabled, readOnly, required, inputRef, id, name, ...rest }) => {
+	const [isPressed, setIsPressed] = useState(false);
+	const lastEventRef = useRef(null);
+	const [isChecked, setIsChecked] = useMergeState(defaultChecked ?? false, {
+		defaultValue: defaultChecked,
+		onChange: (value) => {
+			if (lastEventRef.current) onCheckedChange?.(value, lastEventRef.current);
+		},
+		value: checked
+	});
+	const baseClassName = rootVariants({ size });
+	const contextValue = useMemo(() => ({
+		isChecked: Boolean(isChecked),
+		isPressed,
+		setIsChecked: (value) => setIsChecked(value),
+		setIsPressed
+	}), [
+		isChecked,
+		isPressed,
+		setIsChecked
+	]);
+	const handleClick = (event) => {
+		lastEventRef.current = event;
+		onClick?.(!isChecked, event);
+	};
+	const isInteractive = !disabled && !readOnly;
+	const handleKeyDown = (event) => {
+		if (event.key === "Enter" || event.key === " ") lastEventRef.current = event;
+		if (event.key === " " && isInteractive) setIsPressed(true);
+		onKeyDown?.(event);
+	};
+	const handleKeyUp = (event) => {
+		if (event.key === " ") setIsPressed(false);
+		onKeyUp?.(event);
+	};
+	const handlePointerDown = (event) => {
+		if (isInteractive) setIsPressed(true);
+		onPointerDown?.(event);
+	};
+	const handlePointerUp = (event) => {
+		setIsPressed(false);
+		onPointerUp?.(event);
+	};
+	const handlePointerCancel = (event) => {
+		setIsPressed(false);
+		onPointerCancel?.(event);
+	};
+	const handlePointerLeave = (event) => {
+		setIsPressed(false);
+		onPointerLeave?.(event);
+	};
+	return /* @__PURE__ */ jsx(SwitchContext, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(Switch.Root, {
+			nativeButton: true,
+			checked: isChecked,
+			defaultChecked,
+			disabled,
+			id,
+			inputRef,
+			name,
+			readOnly,
+			required,
+			render: /* @__PURE__ */ jsx("button", {
+				...rest,
+				className: cx(baseClassName, className),
+				onClick: handleClick,
+				onKeyDown: handleKeyDown,
+				onKeyUp: handleKeyUp,
+				onPointerCancel: handlePointerCancel,
+				onPointerDown: handlePointerDown,
+				onPointerLeave: handlePointerLeave,
+				onPointerUp: handlePointerUp
+			}),
+			onCheckedChange: setIsChecked,
+			children
+		})
+	});
+};
+SwitchRoot.displayName = "SwitchRoot";
+const SwitchThumb = ({ className, size = "default", style, children, ...rest }) => {
+	const { isChecked, isPressed } = useSwitchContext();
+	const ref = useRef(null);
+	const baseClassName = thumbVariants({ size });
+	const metrics = THUMB_METRICS[size];
+	const targetX = isChecked ? isPressed ? metrics.pressedCheckedX : metrics.checkedX : 0;
+	const targetWidth = isPressed ? metrics.pressedWidth : metrics.width;
+	const [values] = useState(() => ({
+		width: motionValue(targetWidth),
+		x: motionValue(targetX)
+	}));
+	const [initialStyle] = useState(() => ({
+		"--switch-x": `${targetX}px`,
+		"width": targetWidth
+	}));
+	useEffect(() => {
+		const el = ref.current;
+		if (!el) return;
+		const unsubscribeX = values.x.on("change", (x) => {
+			el.style.setProperty("--switch-x", `${x}px`);
+		});
+		const unsubscribeWidth = values.width.on("change", (width) => {
+			el.style.setProperty("width", `${width}px`);
+		});
+		return () => {
+			unsubscribeX();
+			unsubscribeWidth();
+		};
+	}, [values]);
+	useEffect(() => {
+		const transition = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false ? { duration: 0 } : THUMB_SPRING;
+		const animations = [animate(values.x, targetX, transition), animate(values.width, targetWidth, transition)];
+		return () => {
+			for (const animation of animations) animation.stop();
+		};
+	}, [
+		values,
+		targetX,
+		targetWidth
+	]);
+	return /* @__PURE__ */ jsx(Switch.Thumb, { render: /* @__PURE__ */ jsx("span", {
+		...rest,
+		className: cx(baseClassName, className),
+		ref,
+		style: {
+			...initialStyle,
+			...style
+		},
+		children
+	}) });
+};
+SwitchThumb.displayName = "SwitchThumb";
+const getIconPositionClass = (position, size) => {
+	if (position === "thumb") return styles.iconThumb;
+	if (position === "left") return size === "small" ? styles.iconLeftSmall : styles.iconLeft;
+	return size === "small" ? styles.iconRightSmall : styles.iconRight;
+};
+const SwitchIcon = ({ children, className, position, size = "default", ...rest }) => {
+	const positionClass = getIconPositionClass(position, size);
+	return /* @__PURE__ */ jsx("span", {
+		className: cx(styles.icon, positionClass, className),
+		...rest,
+		children
+	});
+};
+SwitchIcon.displayName = "SwitchIcon";
+//#endregion
+export { SwitchIcon, SwitchRoot, SwitchThumb, styles as switchStyles, useSwitchContext };
+
+//# sourceMappingURL=atoms.mjs.map

package/es/base-ui/Switch/atoms.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"atoms.mjs","names":["useControlledState"],"sources":["../../../src/base-ui/Switch/atoms.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Switch } from '@base-ui/react/switch';\r\nimport { cx } from 'antd-style';\r\nimport { animate, motionValue } from 'motion';\r\nimport type { CSSProperties, KeyboardEvent, MouseEvent, PointerEvent } from 'react';\r\nimport { createContext, use, useEffect, useMemo, useRef, useState } from 'react';\r\nimport useControlledState from 'use-merge-value';\r\n\r\nimport { rootVariants, styles, thumbVariants } from './style';\r\nimport type {\r\n  SwitchChangeEventHandler,\r\n  SwitchContextType,\r\n  SwitchIconPosition,\r\n  SwitchIconProps,\r\n  SwitchRootProps,\r\n  SwitchSize,\r\n  SwitchThumbProps,\r\n} from './type';\r\n\r\nconst THUMB_METRICS: Record<\r\n  SwitchSize,\r\n  { checkedX: number; pressedCheckedX: number; pressedWidth: number; width: number }\r\n> = {\r\n  default: { checkedX: 14, pressedCheckedX: 10, pressedWidth: 22, width: 18 },\r\n  small: { checkedX: 12, pressedCheckedX: 8, pressedWidth: 16, width: 12 },\r\n};\r\n\r\nconst THUMB_SPRING = { damping: 24, stiffness: 360, type: 'spring' as const };\r\n\r\nconst SwitchContext = createContext<SwitchContextType | null>(null);\r\n\r\nexport const useSwitchContext = () => {\r\n  const context = use(SwitchContext);\r\n  if (!context) {\r\n    throw new Error('useSwitchContext must be used within a SwitchRoot');\r\n  }\r\n  return context;\r\n};\r\n\r\ntype SwitchRootInternalProps = Omit<SwitchRootProps, 'onCheckedChange' | 'onClick'> & {\r\n  onCheckedChange?: SwitchChangeEventHandler;\r\n  onClick?: SwitchChangeEventHandler;\r\n};\r\n\r\nexport const SwitchRoot = ({\r\n  checked,\r\n  className,\r\n  defaultChecked,\r\n  onCheckedChange,\r\n  onClick,\r\n  onKeyDown,\r\n  onKeyUp,\r\n  onPointerCancel,\r\n  onPointerDown,\r\n  onPointerLeave,\r\n  onPointerUp,\r\n  size = 'default',\r\n  children,\r\n  disabled,\r\n  readOnly,\r\n  required,\r\n  inputRef,\r\n  id,\r\n  name,\r\n  ...rest\r\n}: SwitchRootInternalProps) => {\r\n  const [isPressed, setIsPressed] = useState(false);\r\n  const lastEventRef = useRef<MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>>(\r\n    null,\r\n  );\r\n\r\n  const [isChecked, setIsChecked] = useControlledState(defaultChecked ?? false, {\r\n    defaultValue: defaultChecked,\r\n    onChange: (value: boolean) => {\r\n      if (lastEventRef.current) {\r\n        onCheckedChange?.(value, lastEventRef.current);\r\n      }\r\n    },\r\n    value: checked,\r\n  });\r\n\r\n  const baseClassName = rootVariants({ size });\r\n\r\n  const contextValue = useMemo(\r\n    () => ({\r\n      isChecked: Boolean(isChecked),\r\n      isPressed,\r\n      setIsChecked: (value: boolean) => setIsChecked(value),\r\n      setIsPressed,\r\n    }),\r\n    [isChecked, isPressed, setIsChecked],\r\n  );\r\n\r\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\r\n    lastEventRef.current = event;\r\n    onClick?.(!isChecked, event);\r\n  };\r\n\r\n  const isInteractive = !disabled && !readOnly;\r\n\r\n  const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\r\n    if (event.key === 'Enter' || event.key === ' ') {\r\n      lastEventRef.current = event;\r\n    }\r\n    if (event.key === ' ' && isInteractive) {\r\n      setIsPressed(true);\r\n    }\r\n    onKeyDown?.(event);\r\n  };\r\n\r\n  const handleKeyUp = (event: KeyboardEvent<HTMLButtonElement>) => {\r\n    if (event.key === ' ') {\r\n      setIsPressed(false);\r\n    }\r\n    onKeyUp?.(event);\r\n  };\r\n\r\n  const handlePointerDown = (event: PointerEvent<HTMLButtonElement>) => {\r\n    if (isInteractive) {\r\n      setIsPressed(true);\r\n    }\r\n    onPointerDown?.(event);\r\n  };\r\n\r\n  const handlePointerUp = (event: PointerEvent<HTMLButtonElement>) => {\r\n    setIsPressed(false);\r\n    onPointerUp?.(event);\r\n  };\r\n\r\n  const handlePointerCancel = (event: PointerEvent<HTMLButtonElement>) => {\r\n    setIsPressed(false);\r\n    onPointerCancel?.(event);\r\n  };\r\n\r\n  const handlePointerLeave = (event: PointerEvent<HTMLButtonElement>) => {\r\n    setIsPressed(false);\r\n    onPointerLeave?.(event);\r\n  };\r\n\r\n  return (\r\n    <SwitchContext value={contextValue}>\r\n      <Switch.Root\r\n        nativeButton\r\n        checked={isChecked}\r\n        defaultChecked={defaultChecked}\r\n        disabled={disabled}\r\n        id={id}\r\n        inputRef={inputRef}\r\n        name={name}\r\n        readOnly={readOnly}\r\n        required={required}\r\n        render={\r\n          <button\r\n            {...rest}\r\n            className={cx(baseClassName, className)}\r\n            onClick={handleClick}\r\n            onKeyDown={handleKeyDown}\r\n            onKeyUp={handleKeyUp}\r\n            onPointerCancel={handlePointerCancel}\r\n            onPointerDown={handlePointerDown}\r\n            onPointerLeave={handlePointerLeave}\r\n            onPointerUp={handlePointerUp}\r\n          />\r\n        }\r\n        onCheckedChange={setIsChecked}\r\n      >\r\n        {children}\r\n      </Switch.Root>\r\n    </SwitchContext>\r\n  );\r\n};\r\n\r\nSwitchRoot.displayName = 'SwitchRoot';\r\n\r\nexport const SwitchThumb = ({\r\n  className,\r\n  size = 'default',\r\n  style,\r\n  children,\r\n  ...rest\r\n}: SwitchThumbProps) => {\r\n  const { isChecked, isPressed } = useSwitchContext();\r\n  const ref = useRef<HTMLSpanElement>(null);\r\n  const baseClassName = thumbVariants({ size });\r\n\r\n  const metrics = THUMB_METRICS[size];\r\n  const targetX = isChecked ? (isPressed ? metrics.pressedCheckedX : metrics.checkedX) : 0;\r\n  const targetWidth = isPressed ? metrics.pressedWidth : metrics.width;\r\n\r\n  const [values] = useState(() => ({\r\n    width: motionValue(targetWidth),\r\n    x: motionValue(targetX),\r\n  }));\r\n\r\n  // animated keys stay referentially stable so React never rewrites mid-flight inline values\r\n  const [initialStyle] = useState<CSSProperties>(\r\n    () => ({ '--switch-x': `${targetX}px`, 'width': targetWidth }) as CSSProperties,\r\n  );\r\n\r\n  useEffect(() => {\r\n    const el = ref.current;\r\n    if (!el) return;\r\n    const unsubscribeX = values.x.on('change', (x) => {\r\n      el.style.setProperty('--switch-x', `${x}px`);\r\n    });\r\n    const unsubscribeWidth = values.width.on('change', (width) => {\r\n      el.style.setProperty('width', `${width}px`);\r\n    });\r\n    return () => {\r\n      unsubscribeX();\r\n      unsubscribeWidth();\r\n    };\r\n  }, [values]);\r\n\r\n  useEffect(() => {\r\n    const reduceMotion = window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false;\r\n    const transition = reduceMotion ? { duration: 0 } : THUMB_SPRING;\r\n    const animations = [\r\n      animate(values.x, targetX, transition),\r\n      animate(values.width, targetWidth, transition),\r\n    ];\r\n    return () => {\r\n      for (const animation of animations) animation.stop();\r\n    };\r\n  }, [values, targetX, targetWidth]);\r\n\r\n  return (\r\n    <Switch.Thumb\r\n      render={\r\n        <span\r\n          {...rest}\r\n          className={cx(baseClassName, className)}\r\n          ref={ref}\r\n          style={{ ...initialStyle, ...style }}\r\n        >\r\n          {children}\r\n        </span>\r\n      }\r\n    />\r\n  );\r\n};\r\n\r\nSwitchThumb.displayName = 'SwitchThumb';\r\n\r\nconst getIconPositionClass = (position: SwitchIconPosition, size: 'default' | 'small') => {\r\n  if (position === 'thumb') return styles.iconThumb;\r\n  if (position === 'left') return size === 'small' ? styles.iconLeftSmall : styles.iconLeft;\r\n  return size === 'small' ? styles.iconRightSmall : styles.iconRight;\r\n};\r\n\r\nexport const SwitchIcon = ({\r\n  children,\r\n  className,\r\n  position,\r\n  size = 'default',\r\n  ...rest\r\n}: SwitchIconProps) => {\r\n  const positionClass = getIconPositionClass(position, size);\r\n\r\n  return (\r\n    <span className={cx(styles.icon, positionClass, className)} {...rest}>\r\n      {children}\r\n    </span>\r\n  );\r\n};\r\n\r\nSwitchIcon.displayName = 'SwitchIcon';\r\n\r\nexport { styles as switchStyles } from './style';\r\n"],"mappings":"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"}

package/es/base-ui/Switch/index.d.mts

@@ -0,0 +1,5 @@
+import { SwitchChangeEventHandler, SwitchClassNames, SwitchClickEventHandler, SwitchContextType, SwitchIconPosition, SwitchIconProps, SwitchProps, SwitchRootProps, SwitchSize, SwitchStyles, SwitchThumbProps } from "./type.mjs";
+import { styles } from "./style.mjs";
+import { SwitchIcon, SwitchRoot, SwitchThumb, useSwitchContext } from "./atoms.mjs";
+import Switch from "./Switch.mjs";
+export { type SwitchChangeEventHandler, type SwitchClassNames, type SwitchClickEventHandler, type SwitchContextType, SwitchIcon, type SwitchIconPosition, type SwitchIconProps, type SwitchProps, SwitchRoot, type SwitchRootProps, type SwitchSize, type SwitchStyles, SwitchThumb, type SwitchThumbProps, Switch as default, styles as switchStyles, useSwitchContext };

package/es/base-ui/Switch/style.d.mts

@@ -0,0 +1,19 @@
+//#region src/base-ui/Switch/style.d.ts
+declare const styles: {
+  icon: string;
+  iconLeft: string;
+  iconLeftSmall: string;
+  iconRight: string;
+  iconRightSmall: string;
+  iconThumb: string;
+  loading: string;
+  root: string;
+  rootDefault: string;
+  rootSmall: string;
+  thumb: string;
+  thumbDefault: string;
+  thumbSmall: string;
+};
+//#endregion
+export { styles };
+//# sourceMappingURL=style.d.mts.map

package/es/base-ui/Switch/style.mjs

@@ -0,0 +1,213 @@
+import { inkCssVar } from "../../styles/inkCssVar.mjs";
+import { focusRing } from "../focusRing.mjs";
+import { createStaticStyles } from "antd-style";
+import { cva } from "class-variance-authority";
+//#region src/base-ui/Switch/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	icon: css`
+    pointer-events: none;
+
+    position: absolute;
+    inset-block: 0;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    color: ${cssVar.colorBgLayout};
+
+    transition:
+      opacity 200ms ${cssVar.motionEaseOut},
+      scale 200ms ${cssVar.motionEaseOut};
+
+    @media (prefers-reduced-motion: reduce) {
+      transition-duration: 0s;
+    }
+  `,
+	iconLeft: css`
+    inset-inline-start: 4px;
+    scale: 0;
+    opacity: 0;
+
+    [data-checked] & {
+      scale: 1;
+      opacity: 1;
+    }
+  `,
+	iconLeftSmall: css`
+    inset-inline-start: 4px;
+    scale: 0;
+    opacity: 0;
+
+    [data-checked] & {
+      scale: 1;
+      opacity: 1;
+    }
+  `,
+	iconRight: css`
+    inset-inline-end: 4px;
+
+    [data-checked] & {
+      scale: 0;
+      opacity: 0;
+    }
+  `,
+	iconRightSmall: css`
+    inset-inline-end: 4px;
+
+    [data-checked] & {
+      scale: 0;
+      opacity: 0;
+    }
+  `,
+	iconThumb: css`
+    position: relative;
+    inset: unset;
+    transform: none;
+    color: ${inkCssVar.colorInk};
+  `,
+	loading: css`
+    @keyframes jinmi-switch-loading {
+      0% {
+        transform: rotate(0deg);
+      }
+
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+
+    animation: jinmi-switch-loading 1s linear infinite;
+
+    @media (prefers-reduced-motion: reduce) {
+      animation-duration: 0s;
+    }
+  `,
+	root: css`
+    --switch-dir: 1;
+
+    cursor: pointer;
+    user-select: none;
+
+    position: relative;
+
+    overflow: hidden;
+    display: inline-flex;
+    align-items: center;
+    justify-content: flex-start;
+
+    box-sizing: border-box;
+    padding: 2px;
+    border: 0;
+    border-radius: 100px;
+
+    background: ${cssVar.colorFillSecondary};
+    outline: none;
+    box-shadow: inset 0 1.5px 2px rgb(0 0 0 / 8%);
+
+    transition:
+      background 200ms ${cssVar.motionEaseOut},
+      box-shadow 200ms ${cssVar.motionEaseOut};
+
+    &:dir(rtl) {
+      --switch-dir: -1;
+    }
+
+    [dir='rtl'] & {
+      --switch-dir: -1;
+    }
+
+    ${focusRing};
+
+    &:hover:not([data-disabled]) {
+      background: ${cssVar.colorFill};
+    }
+
+    &[data-checked] {
+      background: ${inkCssVar.colorInk};
+      box-shadow: inset 0 1.5px 3px rgb(0 0 0 / 18%);
+
+      &:hover:not([data-disabled]) {
+        background: ${inkCssVar.colorInkHover};
+      }
+    }
+
+    &[data-disabled] {
+      cursor: not-allowed;
+      opacity: 0.45;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      transition-duration: 0s;
+    }
+  `,
+	rootDefault: css`
+    width: 36px;
+    min-width: 36px;
+    height: 22px;
+  `,
+	rootSmall: css`
+    width: 28px;
+    min-width: 28px;
+    height: 16px;
+  `,
+	thumb: css`
+    transform: translateX(calc(var(--switch-x, 0px) * var(--switch-dir, 1)));
+
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+
+    border-radius: 50%;
+
+    background: ${cssVar.colorBgContainer};
+    box-shadow:
+      0 0 0 0.5px rgb(0 0 0 / 4%),
+      0 1px 1px rgb(0 0 0 / 6%),
+      0 3px 8px rgb(0 30 80 / 16%);
+
+    transition: box-shadow 200ms ${cssVar.motionEaseOut};
+
+    [role='switch']:hover:not([data-disabled]) > & {
+      box-shadow:
+        0 0 0 0.5px rgb(0 0 0 / 4%),
+        0 1px 1px rgb(0 0 0 / 8%),
+        0 6px 14px rgb(0 30 80 / 24%);
+    }
+
+    [data-disabled] > & {
+      box-shadow: none;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      transition-duration: 0s;
+    }
+  `,
+	thumbDefault: css`
+    width: 18px;
+    height: 18px;
+  `,
+	thumbSmall: css`
+    width: 12px;
+    height: 12px;
+  `
+}));
+const rootVariants = cva(styles.root, {
+	defaultVariants: { size: "default" },
+	variants: { size: {
+		default: styles.rootDefault,
+		small: styles.rootSmall
+	} }
+});
+const thumbVariants = cva(styles.thumb, {
+	defaultVariants: { size: "default" },
+	variants: { size: {
+		default: styles.thumbDefault,
+		small: styles.thumbSmall
+	} }
+});
+//#endregion
+export { rootVariants, styles, thumbVariants };
+
+//# sourceMappingURL=style.mjs.map

package/es/base-ui/Switch/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Switch/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { focusRing } from '@/base-ui/focusRing';\nimport { inkCssVar } from '@/styles/inkCssVar';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  icon: css`\n    pointer-events: none;\n\n    position: absolute;\n    inset-block: 0;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: ${cssVar.colorBgLayout};\n\n    transition:\n      opacity 200ms ${cssVar.motionEaseOut},\n      scale 200ms ${cssVar.motionEaseOut};\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `,\n  iconLeft: css`\n    inset-inline-start: 4px;\n    scale: 0;\n    opacity: 0;\n\n    [data-checked] & {\n      scale: 1;\n      opacity: 1;\n    }\n  `,\n  iconLeftSmall: css`\n    inset-inline-start: 4px;\n    scale: 0;\n    opacity: 0;\n\n    [data-checked] & {\n      scale: 1;\n      opacity: 1;\n    }\n  `,\n  iconRight: css`\n    inset-inline-end: 4px;\n\n    [data-checked] & {\n      scale: 0;\n      opacity: 0;\n    }\n  `,\n  iconRightSmall: css`\n    inset-inline-end: 4px;\n\n    [data-checked] & {\n      scale: 0;\n      opacity: 0;\n    }\n  `,\n  iconThumb: css`\n    position: relative;\n    inset: unset;\n    transform: none;\n    color: ${inkCssVar.colorInk};\n  `,\n  loading: css`\n    @keyframes jinmi-switch-loading {\n      0% {\n        transform: rotate(0deg);\n      }\n\n      100% {\n        transform: rotate(360deg);\n      }\n    }\n\n    animation: jinmi-switch-loading 1s linear infinite;\n\n    @media (prefers-reduced-motion: reduce) {\n      animation-duration: 0s;\n    }\n  `,\n  root: css`\n    --switch-dir: 1;\n\n    cursor: pointer;\n    user-select: none;\n\n    position: relative;\n\n    overflow: hidden;\n    display: inline-flex;\n    align-items: center;\n    justify-content: flex-start;\n\n    box-sizing: border-box;\n    padding: 2px;\n    border: 0;\n    border-radius: 100px;\n\n    background: ${cssVar.colorFillSecondary};\n    outline: none;\n    box-shadow: inset 0 1.5px 2px rgb(0 0 0 / 8%);\n\n    transition:\n      background 200ms ${cssVar.motionEaseOut},\n      box-shadow 200ms ${cssVar.motionEaseOut};\n\n    &:dir(rtl) {\n      --switch-dir: -1;\n    }\n\n    [dir='rtl'] & {\n      --switch-dir: -1;\n    }\n\n    ${focusRing};\n\n    &:hover:not([data-disabled]) {\n      background: ${cssVar.colorFill};\n    }\n\n    &[data-checked] {\n      background: ${inkCssVar.colorInk};\n      box-shadow: inset 0 1.5px 3px rgb(0 0 0 / 18%);\n\n      &:hover:not([data-disabled]) {\n        background: ${inkCssVar.colorInkHover};\n      }\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      opacity: 0.45;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `,\n  rootDefault: css`\n    width: 36px;\n    min-width: 36px;\n    height: 22px;\n  `,\n  rootSmall: css`\n    width: 28px;\n    min-width: 28px;\n    height: 16px;\n  `,\n  thumb: css`\n    transform: translateX(calc(var(--switch-x, 0px) * var(--switch-dir, 1)));\n\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 50%;\n\n    background: ${cssVar.colorBgContainer};\n    box-shadow:\n      0 0 0 0.5px rgb(0 0 0 / 4%),\n      0 1px 1px rgb(0 0 0 / 6%),\n      0 3px 8px rgb(0 30 80 / 16%);\n\n    transition: box-shadow 200ms ${cssVar.motionEaseOut};\n\n    [role='switch']:hover:not([data-disabled]) > & {\n      box-shadow:\n        0 0 0 0.5px rgb(0 0 0 / 4%),\n        0 1px 1px rgb(0 0 0 / 8%),\n        0 6px 14px rgb(0 30 80 / 24%);\n    }\n\n    [data-disabled] > & {\n      box-shadow: none;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `,\n  thumbDefault: css`\n    width: 18px;\n    height: 18px;\n  `,\n  thumbSmall: css`\n    width: 12px;\n    height: 12px;\n  `,\n}));\n\nexport const rootVariants = cva(styles.root, {\n  defaultVariants: {\n    size: 'default',\n  },\n  variants: {\n    size: {\n      default: styles.rootDefault,\n      small: styles.rootSmall,\n    },\n  },\n});\n\nexport const thumbVariants = cva(styles.thumb, {\n  defaultVariants: {\n    size: 'default',\n  },\n  variants: {\n    size: {\n      default: styles.thumbDefault,\n      small: styles.thumbSmall,\n    },\n  },\n});\n"],"mappings":";;;;;AAMA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,MAAM,GAAG;;;;;;;;;;aAUE,OAAO,cAAc;;;sBAGZ,OAAO,cAAc;oBACvB,OAAO,cAAc;;;;;;CAMvC,UAAU,GAAG;;;;;;;;;;CAUb,eAAe,GAAG;;;;;;;;;;CAUlB,WAAW,GAAG;;;;;;;;CAQd,gBAAgB,GAAG;;;;;;;;CAQnB,WAAW,GAAG;;;;aAIH,UAAU,SAAS;;CAE9B,SAAS,GAAG;;;;;;;;;;;;;;;;;CAiBZ,MAAM,GAAG;;;;;;;;;;;;;;;;;;kBAkBO,OAAO,mBAAmB;;;;;yBAKnB,OAAO,cAAc;yBACrB,OAAO,cAAc;;;;;;;;;;MAUxC,UAAU;;;oBAGI,OAAO,UAAU;;;;oBAIjB,UAAU,SAAS;;;;sBAIjB,UAAU,cAAc;;;;;;;;;;;;;CAa5C,aAAa,GAAG;;;;;CAKhB,WAAW,GAAG;;;;;CAKd,OAAO,GAAG;;;;;;;;;;kBAUM,OAAO,iBAAiB;;;;;;mCAMP,OAAO,cAAc;;;;;;;;;;;;;;;;;CAiBtD,cAAc,GAAG;;;;CAIjB,YAAY,GAAG;;;;AAIjB,EAAE;AAEF,MAAa,eAAe,IAAI,OAAO,MAAM;CAC3C,iBAAiB,EACf,MAAM,UACR;CACA,UAAU,EACR,MAAM;EACJ,SAAS,OAAO;EAChB,OAAO,OAAO;CAChB,EACF;AACF,CAAC;AAED,MAAa,gBAAgB,IAAI,OAAO,OAAO;CAC7C,iBAAiB,EACf,MAAM,UACR;CACA,UAAU,EACR,MAAM;EACJ,SAAS,OAAO;EAChB,OAAO,OAAO;CAChB,EACF;AACF,CAAC"}