@lobehub/ui 5.57.2 → 6.0.0-beta.1

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

@@ -1,155 +0,0 @@
-import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Steps/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	body: css`
-    display: flex;
-    flex-direction: column;
-    gap: 2px;
-    min-width: 0;
-  `,
-	connector: css`
-    flex: 1;
-    min-width: 16px;
-    height: 1px;
-    background: ${cssVar.colorBorderSecondary};
-
-    li[data-status='finish'] > & {
-      background: ${cssVar.colorPrimary};
-    }
-  `,
-	description: css`
-    font-size: 13px;
-    line-height: 1.5;
-    color: ${cssVar.colorTextSecondary};
-  `,
-	dot: css`
-    & > li > span:first-child {
-      width: 7px;
-      height: 7px;
-      margin-block-start: 8px;
-      border: 0;
-
-      background: ${cssVar.colorTextQuaternary};
-    }
-
-    & > li[data-status='process'] > span:first-child,
-    & > li[data-status='finish'] > span:first-child {
-      background: ${cssVar.colorPrimary};
-    }
-  `,
-	horizontal: css`
-    display: flex;
-    gap: 8px;
-    align-items: center;
-
-    & > li {
-      display: flex;
-      flex: 1;
-      gap: 8px;
-      align-items: center;
-
-      min-width: 0;
-    }
-
-    & > li:last-child {
-      flex: none;
-    }
-  `,
-	indicator: css`
-    display: inline-flex;
-    flex: none;
-    align-items: center;
-    justify-content: center;
-
-    width: 22px;
-    height: 22px;
-    border: 1px solid ${cssVar.colorBorder};
-    border-radius: 50%;
-
-    font-size: 12px;
-    font-weight: 500;
-    font-variant-numeric: tabular-nums;
-    color: ${cssVar.colorTextDescription};
-
-    li[data-status='process'] > & {
-      border-color: ${cssVar.colorPrimary};
-      color: ${cssVar.colorBgContainer};
-      background: ${cssVar.colorPrimary};
-    }
-
-    li[data-status='finish'] > & {
-      border-color: ${cssVar.colorPrimary};
-      color: ${cssVar.colorPrimary};
-    }
-
-    li[data-status='error'] > & {
-      border-color: ${cssVar.colorError};
-      color: ${cssVar.colorError};
-    }
-
-    li[data-status='guide'] > & {
-      color: ${cssVar.colorTextSecondary};
-    }
-  `,
-	root: css`
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  `,
-	title: css`
-    font-size: 14px;
-    line-height: 22px;
-    color: ${cssVar.colorTextDescription};
-    white-space: nowrap;
-
-    li[data-status='process'] &,
-    li[data-status='finish'] &,
-    li[data-status='guide'] & {
-      color: ${cssVar.colorText};
-    }
-
-    li[data-status='process'] & {
-      font-weight: 500;
-    }
-
-    li[data-status='error'] & {
-      color: ${cssVar.colorError};
-    }
-  `,
-	vertical: css`
-    display: flex;
-    flex-direction: column;
-
-    & > li {
-      position: relative;
-
-      display: grid;
-      grid-template-columns: auto minmax(0, 1fr);
-      column-gap: 12px;
-
-      padding-block-end: 18px;
-    }
-
-    & > li:last-child {
-      padding-block-end: 0;
-    }
-
-    & > li > span[aria-hidden] {
-      position: absolute;
-      inset-block: 26px 4px;
-      inset-inline-start: 11px;
-
-      width: 1px;
-      min-width: 0;
-      height: auto;
-    }
-
-    & > li > div > div:first-child {
-      white-space: normal;
-    }
-  `
-}));
-//#endregion
-export { styles };
-
-//# sourceMappingURL=style.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Steps/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  body: css`\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n  `,\n  connector: css`\n    flex: 1;\n    min-width: 16px;\n    height: 1px;\n    background: ${cssVar.colorBorderSecondary};\n\n    li[data-status='finish'] > & {\n      background: ${cssVar.colorPrimary};\n    }\n  `,\n  description: css`\n    font-size: 13px;\n    line-height: 1.5;\n    color: ${cssVar.colorTextSecondary};\n  `,\n  dot: css`\n    & > li > span:first-child {\n      width: 7px;\n      height: 7px;\n      margin-block-start: 8px;\n      border: 0;\n\n      background: ${cssVar.colorTextQuaternary};\n    }\n\n    & > li[data-status='process'] > span:first-child,\n    & > li[data-status='finish'] > span:first-child {\n      background: ${cssVar.colorPrimary};\n    }\n  `,\n  horizontal: css`\n    display: flex;\n    gap: 8px;\n    align-items: center;\n\n    & > li {\n      display: flex;\n      flex: 1;\n      gap: 8px;\n      align-items: center;\n\n      min-width: 0;\n    }\n\n    & > li:last-child {\n      flex: none;\n    }\n  `,\n  indicator: css`\n    display: inline-flex;\n    flex: none;\n    align-items: center;\n    justify-content: center;\n\n    width: 22px;\n    height: 22px;\n    border: 1px solid ${cssVar.colorBorder};\n    border-radius: 50%;\n\n    font-size: 12px;\n    font-weight: 500;\n    font-variant-numeric: tabular-nums;\n    color: ${cssVar.colorTextDescription};\n\n    li[data-status='process'] > & {\n      border-color: ${cssVar.colorPrimary};\n      color: ${cssVar.colorBgContainer};\n      background: ${cssVar.colorPrimary};\n    }\n\n    li[data-status='finish'] > & {\n      border-color: ${cssVar.colorPrimary};\n      color: ${cssVar.colorPrimary};\n    }\n\n    li[data-status='error'] > & {\n      border-color: ${cssVar.colorError};\n      color: ${cssVar.colorError};\n    }\n\n    li[data-status='guide'] > & {\n      color: ${cssVar.colorTextSecondary};\n    }\n  `,\n  root: css`\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  `,\n  title: css`\n    font-size: 14px;\n    line-height: 22px;\n    color: ${cssVar.colorTextDescription};\n    white-space: nowrap;\n\n    li[data-status='process'] &,\n    li[data-status='finish'] &,\n    li[data-status='guide'] & {\n      color: ${cssVar.colorText};\n    }\n\n    li[data-status='process'] & {\n      font-weight: 500;\n    }\n\n    li[data-status='error'] & {\n      color: ${cssVar.colorError};\n    }\n  `,\n  vertical: css`\n    display: flex;\n    flex-direction: column;\n\n    & > li {\n      position: relative;\n\n      display: grid;\n      grid-template-columns: auto minmax(0, 1fr);\n      column-gap: 12px;\n\n      padding-block-end: 18px;\n    }\n\n    & > li:last-child {\n      padding-block-end: 0;\n    }\n\n    & > li > span[aria-hidden] {\n      position: absolute;\n      inset-block: 26px 4px;\n      inset-inline-start: 11px;\n\n      width: 1px;\n      min-width: 0;\n      height: auto;\n    }\n\n    & > li > div > div:first-child {\n      white-space: normal;\n    }\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,MAAM,GAAG;;;;;;CAMT,WAAW,GAAG;;;;kBAIE,OAAO,qBAAqB;;;oBAG1B,OAAO,aAAa;;;CAGtC,aAAa,GAAG;;;aAGL,OAAO,mBAAmB;;CAErC,KAAK,GAAG;;;;;;;oBAOU,OAAO,oBAAoB;;;;;oBAK3B,OAAO,aAAa;;;CAGtC,YAAY,GAAG;;;;;;;;;;;;;;;;;;CAkBf,WAAW,GAAG;;;;;;;;wBAQQ,OAAO,YAAY;;;;;;aAM9B,OAAO,qBAAqB;;;sBAGnB,OAAO,aAAa;eAC3B,OAAO,iBAAiB;oBACnB,OAAO,aAAa;;;;sBAIlB,OAAO,aAAa;eAC3B,OAAO,aAAa;;;;sBAIb,OAAO,WAAW;eACzB,OAAO,WAAW;;;;eAIlB,OAAO,mBAAmB;;;CAGvC,MAAM,GAAG;;;;;CAKT,OAAO,GAAG;;;aAGC,OAAO,qBAAqB;;;;;;eAM1B,OAAO,UAAU;;;;;;;;eAQjB,OAAO,WAAW;;;CAG/B,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCf,EAAE"}

package/es/base-ui/Steps/type.d.mts

@@ -1,32 +0,0 @@
-import { CSSProperties, ComponentProps, Key, ReactNode, Ref } from "react";
-//#region src/base-ui/Steps/type.d.ts
-type StepStatus = 'wait' | 'process' | 'finish' | 'error';
-interface StepItem {
-  description?: ReactNode;
-  icon?: ReactNode;
-  key?: Key;
-  status?: StepStatus;
-  title?: ReactNode;
-}
-interface StepsProps extends Omit<ComponentProps<'ol'>, 'children'> {
-  classNames?: {
-    description?: string;
-    indicator?: string;
-    item?: string;
-    title?: string;
-  };
-  current?: number;
-  items: StepItem[];
-  orientation?: 'horizontal' | 'vertical';
-  ref?: Ref<HTMLOListElement>;
-  styles?: {
-    description?: CSSProperties;
-    indicator?: CSSProperties;
-    item?: CSSProperties;
-    title?: CSSProperties;
-  };
-  variant?: 'default' | 'dot';
-}
-//#endregion
-export { StepItem, StepStatus, StepsProps };
-//# sourceMappingURL=type.d.mts.map

package/es/base-ui/SubmenuArrowIcon.mjs

@@ -1,15 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"file":"SubmenuArrowIcon.mjs","names":[],"sources":["../../src/base-ui/SubmenuArrowIcon.tsx"],"sourcesContent":["export const SubmenuArrowIcon = () => (\n  <svg\n    aria-hidden\n    fill=\"currentColor\"\n    stroke=\"currentColor\"\n    strokeLinejoin=\"round\"\n    strokeWidth={1.5}\n    viewBox=\"0 0 16 16\"\n  >\n    <path d=\"M6 5l4 3-4 3z\" />\n  </svg>\n);\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

@@ -1,6 +0,0 @@
-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

@@ -1,65 +0,0 @@
-"use client";
-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 { cssVar, 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: cssVar.colorPrimary }
-				})
-			})
-		]
-	});
-});
-Switch.displayName = "Switch";
-//#endregion
-export { Switch as default };
-
-//# sourceMappingURL=Switch.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.mjs","names":[],"sources":["../../../src/base-ui/Switch/Switch.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx } from 'antd-style';\nimport { Loader2 } from 'lucide-react';\nimport { memo } from 'react';\n\nimport Icon from '@/Icon';\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: cssVar.colorPrimary }}\n            />\n          )}\n        </SwitchThumb>\n      </SwitchRoot>\n    );\n  },\n);\n\nSwitch.displayName = 'Switch';\n\nexport default Switch;\n"],"mappings":";;;;;;;;;AAYA,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,OAAO,aAAa;IACrC,CAAA;GAEQ,CAAA;EACH;;AAEhB,CACF;AAEA,OAAO,cAAc"}

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

@@ -1,23 +0,0 @@
-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

@@ -1,184 +0,0 @@
-"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

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

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

@@ -1,5 +0,0 @@
-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

@@ -1,19 +0,0 @@
-//#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