@seed-design/react 1.1.26 → 1.1.27

package/lib/components/Snackbar/Snackbar.js

@@ -1,39 +1,53 @@
-"use client";
-import { createRecipeContext } from "../../utils/createRecipeContext.js";
-import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
-import { InternalIcon } from "../private/Icon.js";
-import { Snackbar } from "@seed-design/react-snackbar";
-import { Primitive } from "@seed-design/react-primitive";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { visuallyHidden } from "@seed-design/dom-utils";
-import { snackbar } from "@seed-design/css/recipes/snackbar";
-import { snackbarRegion } from "@seed-design/css/recipes/snackbar-region";
-//#region src/components/Snackbar/Snackbar.tsx
-var { withContext: withRegionContext } = createRecipeContext(snackbarRegion);
-var { withProvider, withContext } = createSlotRecipeContext(snackbar);
-var SnackbarRootProvider = Snackbar.RootProvider;
-var SnackbarRegion = withRegionContext(Snackbar.Region);
-var SnackbarRoot = withProvider(Snackbar.Root, "root");
-var SnackbarContent = withContext(Primitive.div, "content");
-var SnackbarMessage = withContext(Primitive.span, "message");
-var SnackbarPrefixIcon = withContext(InternalIcon, "prefixIcon");
-var SnackbarActionButton = withContext(Primitive.button, "actionButton");
-/**
-* Visually hidden button that closes the snackbar (for screen readers).
-*/
-var SnackbarHiddenCloseButton = forwardRef((props, ref) => {
-	const { style, ...otherProps } = props;
-	return /* @__PURE__ */ jsx(Snackbar.CloseButton, {
-		ref,
-		style: {
-			...visuallyHidden,
-			...style
-		},
-		...otherProps
-	});
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { snackbar } from '@seed-design/css/recipes/snackbar';
+import { snackbarRegion } from '@seed-design/css/recipes/snackbar-region';
+import { visuallyHidden } from '@seed-design/dom-utils';
+import { Primitive } from '@seed-design/react-primitive';
+import { Snackbar } from '@seed-design/react-snackbar';
+import { forwardRef } from 'react';
+import { createRecipeContext } from '../../utils/createRecipeContext.js';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+import { InternalIcon } from '../private/Icon.js';
+
+const { withContext: withRegionContext } = createRecipeContext(snackbarRegion);
+const { withProvider, withContext } = createSlotRecipeContext(snackbar);
+const SnackbarRootProvider = Snackbar.RootProvider;
+const SnackbarRegion = withRegionContext(
+  Snackbar.Region
+);
+const SnackbarRoot = withProvider(
+  Snackbar.Root,
+  "root"
+);
+const SnackbarContent = withContext(
+  Primitive.div,
+  "content"
+);
+const SnackbarMessage = withContext(
+  Primitive.span,
+  "message"
+);
+const SnackbarPrefixIcon = withContext(
+  InternalIcon,
+  "prefixIcon"
+);
+const SnackbarActionButton = withContext(
+  Primitive.button,
+  "actionButton"
+);
+const SnackbarHiddenCloseButton = forwardRef((props, ref) => {
+  const { style, ...otherProps } = props;
+  return /* @__PURE__ */ jsx(
+    Snackbar.CloseButton,
+    {
+      ref,
+      style: { ...visuallyHidden, ...style },
+      ...otherProps
+    }
+  );
 });
-var SnackbarRenderer = Snackbar.Renderer;
-var SnackbarAvoidOverlap = Snackbar.AvoidOverlap;
-//#endregion
+const SnackbarRenderer = Snackbar.Renderer;
+const SnackbarAvoidOverlap = Snackbar.AvoidOverlap;
+
 export { SnackbarActionButton, SnackbarAvoidOverlap, SnackbarContent, SnackbarHiddenCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider };

package/lib/components/Snackbar/Snackbar.namespace.cjs

@@ -1,22 +1,18 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_Snackbar = require("./Snackbar.cjs");
-//#region src/components/Snackbar/Snackbar.namespace.ts
-var Snackbar_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
-	ActionButton: () => require_Snackbar.SnackbarActionButton,
-	AvoidOverlap: () => require_Snackbar.SnackbarAvoidOverlap,
-	Content: () => require_Snackbar.SnackbarContent,
-	HiddenCloseButton: () => require_Snackbar.SnackbarHiddenCloseButton,
-	Message: () => require_Snackbar.SnackbarMessage,
-	PrefixIcon: () => require_Snackbar.SnackbarPrefixIcon,
-	Region: () => require_Snackbar.SnackbarRegion,
-	Renderer: () => require_Snackbar.SnackbarRenderer,
-	Root: () => require_Snackbar.SnackbarRoot,
-	RootProvider: () => require_Snackbar.SnackbarRootProvider
-});
-//#endregion
-Object.defineProperty(exports, "Snackbar_namespace_exports", {
-	enumerable: true,
-	get: function() {
-		return Snackbar_namespace_exports;
-	}
-});
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Snackbar = require('./Snackbar.cjs');
+
+
+
+exports.ActionButton = Snackbar.SnackbarActionButton;
+exports.AvoidOverlap = Snackbar.SnackbarAvoidOverlap;
+exports.Content = Snackbar.SnackbarContent;
+exports.HiddenCloseButton = Snackbar.SnackbarHiddenCloseButton;
+exports.Message = Snackbar.SnackbarMessage;
+exports.PrefixIcon = Snackbar.SnackbarPrefixIcon;
+exports.Region = Snackbar.SnackbarRegion;
+exports.Renderer = Snackbar.SnackbarRenderer;
+exports.Root = Snackbar.SnackbarRoot;
+exports.RootProvider = Snackbar.SnackbarRootProvider;

package/lib/components/Snackbar/Snackbar.namespace.js

@@ -1,17 +1 @@
-import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
-import { SnackbarActionButton, SnackbarAvoidOverlap, SnackbarContent, SnackbarHiddenCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider } from "./Snackbar.js";
-//#region src/components/Snackbar/Snackbar.namespace.ts
-var Snackbar_namespace_exports = /* @__PURE__ */ __exportAll({
-	ActionButton: () => SnackbarActionButton,
-	AvoidOverlap: () => SnackbarAvoidOverlap,
-	Content: () => SnackbarContent,
-	HiddenCloseButton: () => SnackbarHiddenCloseButton,
-	Message: () => SnackbarMessage,
-	PrefixIcon: () => SnackbarPrefixIcon,
-	Region: () => SnackbarRegion,
-	Renderer: () => SnackbarRenderer,
-	Root: () => SnackbarRoot,
-	RootProvider: () => SnackbarRootProvider
-});
-//#endregion
-export { Snackbar_namespace_exports };
+export { SnackbarActionButton as ActionButton, SnackbarAvoidOverlap as AvoidOverlap, SnackbarContent as Content, SnackbarHiddenCloseButton as HiddenCloseButton, SnackbarMessage as Message, SnackbarPrefixIcon as PrefixIcon, SnackbarRegion as Region, SnackbarRenderer as Renderer, SnackbarRoot as Root, SnackbarRootProvider as RootProvider } from './Snackbar.js';

package/lib/components/Snackbar/index.cjs

@@ -1,28 +1,26 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_Snackbar = require("./Snackbar.cjs");
-const require_useSnackbarAdapter = require("./useSnackbarAdapter.cjs");
-const require_Snackbar_namespace = require("./Snackbar.namespace.cjs");
-let _seed_design_react_snackbar = require("@seed-design/react-snackbar");
-Object.defineProperty(exports, "Snackbar", {
-	enumerable: true,
-	get: function() {
-		return require_Snackbar_namespace.Snackbar_namespace_exports;
-	}
-});
-exports.SnackbarActionButton = require_Snackbar.SnackbarActionButton;
-exports.SnackbarAvoidOverlap = require_Snackbar.SnackbarAvoidOverlap;
-exports.SnackbarHiddenCloseButton = require_Snackbar.SnackbarHiddenCloseButton;
-exports.SnackbarMessage = require_Snackbar.SnackbarMessage;
-exports.SnackbarPrefixIcon = require_Snackbar.SnackbarPrefixIcon;
-exports.SnackbarRegion = require_Snackbar.SnackbarRegion;
-exports.SnackbarRenderer = require_Snackbar.SnackbarRenderer;
-exports.SnackbarRoot = require_Snackbar.SnackbarRoot;
-exports.SnackbarRootProvider = require_Snackbar.SnackbarRootProvider;
-exports.useSnackbarAdapter = require_useSnackbarAdapter.useSnackbarAdapter;
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Snackbar = require('./Snackbar.cjs');
+const reactSnackbar = require('@seed-design/react-snackbar');
+const useSnackbarAdapter = require('./useSnackbarAdapter.cjs');
+const Snackbar_namespace = require('./Snackbar.namespace.cjs');
+
+
+
+exports.SnackbarActionButton = Snackbar.SnackbarActionButton;
+exports.SnackbarAvoidOverlap = Snackbar.SnackbarAvoidOverlap;
+exports.SnackbarHiddenCloseButton = Snackbar.SnackbarHiddenCloseButton;
+exports.SnackbarMessage = Snackbar.SnackbarMessage;
+exports.SnackbarPrefixIcon = Snackbar.SnackbarPrefixIcon;
+exports.SnackbarRegion = Snackbar.SnackbarRegion;
+exports.SnackbarRenderer = Snackbar.SnackbarRenderer;
+exports.SnackbarRoot = Snackbar.SnackbarRoot;
+exports.SnackbarRootProvider = Snackbar.SnackbarRootProvider;
 Object.defineProperty(exports, "useSnackbarContext", {
-	enumerable: true,
-	get: function() {
-		return _seed_design_react_snackbar.useSnackbarContext;
-	}
+  enumerable: true,
+  get: () => reactSnackbar.useSnackbarContext
 });
+exports.useSnackbarAdapter = useSnackbarAdapter.useSnackbarAdapter;
+exports.Snackbar = Snackbar_namespace;

package/lib/components/Snackbar/index.js

@@ -1,5 +1,5 @@
-import { SnackbarActionButton, SnackbarAvoidOverlap, SnackbarHiddenCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider } from "./Snackbar.js";
-import { useSnackbarAdapter } from "./useSnackbarAdapter.js";
-import { Snackbar_namespace_exports } from "./Snackbar.namespace.js";
-import { useSnackbarContext } from "@seed-design/react-snackbar";
-export { Snackbar_namespace_exports as Snackbar, SnackbarActionButton, SnackbarAvoidOverlap, SnackbarHiddenCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider, useSnackbarAdapter, useSnackbarContext };
+export { SnackbarActionButton, SnackbarAvoidOverlap, SnackbarHiddenCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider } from './Snackbar.js';
+export { useSnackbarContext } from '@seed-design/react-snackbar';
+export { useSnackbarAdapter } from './useSnackbarAdapter.js';
+import * as Snackbar_namespace from './Snackbar.namespace.js';
+export { Snackbar_namespace as Snackbar };

package/lib/components/Snackbar/useSnackbarAdapter.cjs

@@ -1,25 +1,29 @@
-"use client";
-require("../../_virtual/_rolldown/runtime.cjs");
-let _seed_design_react_snackbar = require("@seed-design/react-snackbar");
-let react = require("react");
-//#region src/components/Snackbar/useSnackbarAdapter.ts
-/**
-* wraps the snackbar context to provide a more user-friendly API
-*/
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const reactSnackbar = require('@seed-design/react-snackbar');
+const React = require('react');
+
 function useSnackbarAdapter() {
-	const api = (0, _seed_design_react_snackbar.useSnackbarContext)();
-	return (0, react.useMemo)(() => ({
-		visible: api.visible,
-		create: (options) => {
-			return api.create({
-				timeout: options.timeout ?? 5e3,
-				removeDelay: options.removeDelay ?? 200,
-				onClose: options.onClose,
-				render: options.render
-			});
-		},
-		dismiss: api.dismiss
-	}), [api]);
+  const api = reactSnackbar.useSnackbarContext();
+  const adapter = React.useMemo(
+    () => ({
+      visible: api.visible,
+      create: (options) => {
+        return api.create({
+          timeout: options.timeout ?? 5e3,
+          removeDelay: options.removeDelay ?? 200,
+          onClose: options.onClose,
+          render: options.render
+        });
+      },
+      dismiss: api.dismiss
+    }),
+    [api]
+  );
+  return adapter;
 }
-//#endregion
+
 exports.useSnackbarAdapter = useSnackbarAdapter;

package/lib/components/Snackbar/useSnackbarAdapter.js

@@ -1,24 +1,25 @@
-"use client";
-import { useSnackbarContext } from "@seed-design/react-snackbar";
-import { useMemo } from "react";
-//#region src/components/Snackbar/useSnackbarAdapter.ts
-/**
-* wraps the snackbar context to provide a more user-friendly API
-*/
+'use client';
+import { useSnackbarContext } from '@seed-design/react-snackbar';
+import { useMemo } from 'react';
+
 function useSnackbarAdapter() {
-	const api = useSnackbarContext();
-	return useMemo(() => ({
-		visible: api.visible,
-		create: (options) => {
-			return api.create({
-				timeout: options.timeout ?? 5e3,
-				removeDelay: options.removeDelay ?? 200,
-				onClose: options.onClose,
-				render: options.render
-			});
-		},
-		dismiss: api.dismiss
-	}), [api]);
+  const api = useSnackbarContext();
+  const adapter = useMemo(
+    () => ({
+      visible: api.visible,
+      create: (options) => {
+        return api.create({
+          timeout: options.timeout ?? 5e3,
+          removeDelay: options.removeDelay ?? 200,
+          onClose: options.onClose,
+          render: options.render
+        });
+      },
+      dismiss: api.dismiss
+    }),
+    [api]
+  );
+  return adapter;
 }
-//#endregion
+
 export { useSnackbarAdapter };

package/lib/components/Stack/Stack.cjs

@@ -1,38 +1,41 @@
-"use client";
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_Flex = require("../Flex/Flex.cjs");
-let react = require("react");
-react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/Stack/Stack.tsx
-/**
-* @deprecated Use `VStack` instead.
-*/
-var Stack = react.forwardRef((props, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Flex, {
-		ref,
-		display: "flex",
-		flexDirection: "column",
-		...props
-	});
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const Flex = require('../Flex/Flex.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const Stack = React__namespace.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Flex.Flex, { ref, display: "flex", flexDirection: "column", ...props });
 });
-var VStack = react.forwardRef((props, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Flex, {
-		ref,
-		display: "flex",
-		flexDirection: "column",
-		...props
-	});
+const VStack = React__namespace.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Flex.Flex, { ref, display: "flex", flexDirection: "column", ...props });
 });
-var HStack = react.forwardRef((props, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Flex.Flex, {
-		ref,
-		display: "flex",
-		flexDirection: "row",
-		...props
-	});
+const HStack = React__namespace.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Flex.Flex, { ref, display: "flex", flexDirection: "row", ...props });
 });
-//#endregion
+
 exports.HStack = HStack;
 exports.Stack = Stack;
 exports.VStack = VStack;

package/lib/components/Stack/Stack.js

@@ -1,34 +1,16 @@
-"use client";
-import { Flex } from "../Flex/Flex.js";
-import * as React$1 from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/Stack/Stack.tsx
-/**
-* @deprecated Use `VStack` instead.
-*/
-var Stack = React$1.forwardRef((props, ref) => {
-	return /* @__PURE__ */ jsx(Flex, {
-		ref,
-		display: "flex",
-		flexDirection: "column",
-		...props
-	});
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Flex } from '../Flex/Flex.js';
+
+const Stack = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(Flex, { ref, display: "flex", flexDirection: "column", ...props });
 });
-var VStack = React$1.forwardRef((props, ref) => {
-	return /* @__PURE__ */ jsx(Flex, {
-		ref,
-		display: "flex",
-		flexDirection: "column",
-		...props
-	});
+const VStack = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(Flex, { ref, display: "flex", flexDirection: "column", ...props });
 });
-var HStack = React$1.forwardRef((props, ref) => {
-	return /* @__PURE__ */ jsx(Flex, {
-		ref,
-		display: "flex",
-		flexDirection: "row",
-		...props
-	});
+const HStack = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(Flex, { ref, display: "flex", flexDirection: "row", ...props });
 });
-//#endregion
+
 export { HStack, Stack, VStack };

package/lib/components/Stack/index.cjs

@@ -1,5 +1,11 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Stack = require("./Stack.cjs");
-exports.HStack = require_Stack.HStack;
-exports.Stack = require_Stack.Stack;
-exports.VStack = require_Stack.VStack;
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Stack = require('./Stack.cjs');
+
+
+
+exports.HStack = Stack.HStack;
+exports.Stack = Stack.Stack;
+exports.VStack = Stack.VStack;

package/lib/components/Stack/index.js

@@ -1,2 +1 @@
-import { HStack, Stack, VStack } from "./Stack.js";
-export { HStack, Stack, VStack };
+export { HStack, Stack, VStack } from './Stack.js';

package/lib/components/Switch/Switch.cjs

@@ -1,49 +1,67 @@
-"use client";
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
-const require_createWithStateProps = require("../../utils/createWithStateProps.cjs");
-const require_splitMultipleVariantsProps = require("../../utils/splitMultipleVariantsProps.cjs");
-let _seed_design_react_switch = require("@seed-design/react-switch");
-let _seed_design_react_primitive = require("@seed-design/react-primitive");
-let clsx = require("clsx");
-clsx = require_runtime.__toESM(clsx);
-let react = require("react");
-react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let _seed_design_css_recipes_switch = require("@seed-design/css/recipes/switch");
-let _seed_design_css_recipes_switch_mark = require("@seed-design/css/recipes/switch-mark");
-//#region src/components/Switch/Switch.tsx
-var { withContext, ClassNamesProvider } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_switch.switchStyle);
-var { withContext: withControlContext, PropsProvider: ControlPropsProvider, withProvider: withControlProvider } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_switch_mark.switchMark);
-var withStateProps = require_createWithStateProps.createWithStateProps([_seed_design_react_switch.useSwitchContext]);
-var SwitchRoot = react.default.forwardRef(({ className, ...props }, ref) => {
-	if (process.env.NODE_ENV !== "production" && (props.size === "small" || props.size === "medium")) console.warn(`[SEED Design System] Switch size='${props.size}' is deprecated and will be removed in @seed-design/react@1.3.0. Use size='${props.size === "small" ? "16" : "32"}' instead.`);
-	const [{ switch: switchVariantProps, switchMark: switchMarkVariantProps }, otherProps] = require_splitMultipleVariantsProps.splitMultipleVariantsProps({
-		...props,
-		size: props.size === "small" ? "16" : props.size === "medium" ? "32" : props.size
-	}, {
-		switchMark: _seed_design_css_recipes_switch_mark.switchMark,
-		switch: _seed_design_css_recipes_switch.switchStyle
-	});
-	const classNames = (0, _seed_design_css_recipes_switch.switchStyle)(switchVariantProps);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ControlPropsProvider, {
-		value: switchMarkVariantProps,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassNamesProvider, {
-			value: classNames,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_switch.Switch.Root, {
-				ref,
-				className: (0, clsx.default)(classNames.root, className),
-				...otherProps
-			})
-		})
-	});
-});
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactSwitch = require('@seed-design/react-switch');
+const _switch = require('@seed-design/css/recipes/switch');
+const switchMark = require('@seed-design/css/recipes/switch-mark');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
+const reactPrimitive = require('@seed-design/react-primitive');
+const createWithStateProps = require('../../utils/createWithStateProps.cjs');
+const React = require('react');
+const clsx = require('clsx');
+const splitMultipleVariantsProps = require('../../utils/splitMultipleVariantsProps.cjs');
+
+const { withContext, ClassNamesProvider } = createSlotRecipeContext.createSlotRecipeContext(_switch.switchStyle);
+const {
+  withContext: withControlContext,
+  PropsProvider: ControlPropsProvider,
+  withProvider: withControlProvider
+} = createSlotRecipeContext.createSlotRecipeContext(switchMark.switchMark);
+const withStateProps = createWithStateProps.createWithStateProps([reactSwitch.useSwitchContext]);
+const SwitchRoot = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    if (process.env.NODE_ENV !== "production" && (props.size === "small" || props.size === "medium")) {
+      console.warn(
+        `[SEED Design System] Switch size='${props.size}' is deprecated and will be removed in @seed-design/react@1.3.0. Use size='${props.size === "small" ? "16" : "32"}' instead.`
+      );
+    }
+    const [{ switch: switchVariantProps, switchMark: switchMarkVariantProps }, otherProps] = splitMultipleVariantsProps.splitMultipleVariantsProps(
+      {
+        ...props,
+        // TODO: replace this mapping completely
+        size: props.size === "small" ? "16" : props.size === "medium" ? "32" : props.size
+      },
+      { switchMark: switchMark.switchMark, switch: _switch.switchStyle }
+    );
+    const classNames = _switch.switchStyle(switchVariantProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(ControlPropsProvider, { value: switchMarkVariantProps, children: /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(
+      reactSwitch.Switch.Root,
+      {
+        ref,
+        className: clsx(classNames.root, className),
+        ...otherProps
+      }
+    ) }) });
+  }
+);
 SwitchRoot.displayName = "SwitchRoot";
-var SwitchControl = withControlProvider(_seed_design_react_switch.Switch.Control, "root");
-var SwitchThumb = withControlContext(_seed_design_react_switch.Switch.Thumb, "thumb");
-var SwitchLabel = withContext(withStateProps(_seed_design_react_primitive.Primitive.span), "label");
-var SwitchHiddenInput = _seed_design_react_switch.Switch.HiddenInput;
-//#endregion
+const SwitchControl = withControlProvider(
+  reactSwitch.Switch.Control,
+  "root"
+);
+const SwitchThumb = withControlContext(
+  reactSwitch.Switch.Thumb,
+  "thumb"
+);
+const SwitchLabel = withContext(
+  withStateProps(reactPrimitive.Primitive.span),
+  "label"
+);
+const SwitchHiddenInput = reactSwitch.Switch.HiddenInput;
+
 exports.SwitchControl = SwitchControl;
 exports.SwitchHiddenInput = SwitchHiddenInput;
 exports.SwitchLabel = SwitchLabel;