@seed-design/react 1.2.8 → 1.2.10

package/lib/components/Snackbar/Snackbar.js

@@ -1,53 +1,39 @@
-'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
-    }
-  );
+"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
+	});
 });
-const SnackbarRenderer = Snackbar.Renderer;
-const SnackbarAvoidOverlap = Snackbar.AvoidOverlap;
-
+var SnackbarRenderer = Snackbar.Renderer;
+var SnackbarAvoidOverlap = Snackbar.AvoidOverlap;
+//#endregion
 export { SnackbarActionButton, SnackbarAvoidOverlap, SnackbarContent, SnackbarHiddenCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider };

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

@@ -1,18 +1,22 @@
-'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;
+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;
+	}
+});

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

@@ -1 +1,17 @@
-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';
+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 };

package/lib/components/Snackbar/index.cjs

@@ -1,26 +1,28 @@
-'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, 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;
 Object.defineProperty(exports, "useSnackbarContext", {
-  enumerable: true,
-  get: () => reactSnackbar.useSnackbarContext
+	enumerable: true,
+	get: function() {
+		return _seed_design_react_snackbar.useSnackbarContext;
+	}
 });
-exports.useSnackbarAdapter = useSnackbarAdapter.useSnackbarAdapter;
-exports.Snackbar = Snackbar_namespace;

package/lib/components/Snackbar/index.js

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

package/lib/components/Snackbar/useSnackbarAdapter.cjs

@@ -1,29 +1,26 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const reactSnackbar = require('@seed-design/react-snackbar');
-const React = require('react');
-
+"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
+*/
 function useSnackbarAdapter() {
-  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;
+	const api = (0, _seed_design_react_snackbar.useSnackbarContext)();
+	return (0, react.useMemo)(() => ({
+		visible: api.visible,
+		create: (options) => {
+			return api.create({
+				timeout: options.timeout ?? 4e3,
+				removeDelay: options.removeDelay ?? 200,
+				onClose: options.onClose,
+				render: options.render,
+				strategy: options.strategy
+			});
+		},
+		dismiss: api.dismiss
+	}), [api]);
 }
-
+//#endregion
 exports.useSnackbarAdapter = useSnackbarAdapter;

package/lib/components/Snackbar/useSnackbarAdapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSnackbarAdapter.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/useSnackbarAdapter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAG7F,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE7E;;GAEG;AACH,wBAAgB,kBAAkB;;sBAKV,qBAAqB;;EAc5C"}
+{"version":3,"file":"useSnackbarAdapter.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/useSnackbarAdapter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAG7F,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE7E;;GAEG;AACH,wBAAgB,kBAAkB;;sBAKV,qBAAqB;;EAe5C"}

package/lib/components/Snackbar/useSnackbarAdapter.js

@@ -1,25 +1,25 @@
-'use client';
-import { useSnackbarContext } from '@seed-design/react-snackbar';
-import { useMemo } from 'react';
-
+"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
+*/
 function useSnackbarAdapter() {
-  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;
+	const api = useSnackbarContext();
+	return useMemo(() => ({
+		visible: api.visible,
+		create: (options) => {
+			return api.create({
+				timeout: options.timeout ?? 4e3,
+				removeDelay: options.removeDelay ?? 200,
+				onClose: options.onClose,
+				render: options.render,
+				strategy: options.strategy
+			});
+		},
+		dismiss: api.dismiss
+	}), [api]);
 }
-
+//#endregion
 export { useSnackbarAdapter };

package/lib/components/Stack/Stack.cjs

@@ -1,41 +1,38 @@
-'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 });
+"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
+	});
 });
-const VStack = 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 HStack = React__namespace.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Flex.Flex, { ref, display: "flex", flexDirection: "row", ...props });
+var HStack = react.forwardRef((props, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_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,16 +1,34 @@
-'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 });
+"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
+	});
 });
-const VStack = 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 HStack = React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(Flex, { ref, display: "flex", flexDirection: "row", ...props });
+var HStack = React$1.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,11 +1,5 @@
-'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;
+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;

package/lib/components/Stack/index.js

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

package/lib/components/Switch/Switch.cjs

@@ -1,67 +1,49 @@
-'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/switchmark');
-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
-      }
-    ) }) });
-  }
-);
+"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_switchmark = require("@seed-design/css/recipes/switchmark");
+//#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_switchmark.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_switchmark.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
+			})
+		})
+	});
+});
 SwitchRoot.displayName = "SwitchRoot";
-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;
-
+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
 exports.SwitchControl = SwitchControl;
 exports.SwitchHiddenInput = SwitchHiddenInput;
 exports.SwitchLabel = SwitchLabel;