@seed-design/react 1.1.26 → 1.1.27

package/lib/utils/createRecipeContext.js

@@ -1,47 +1,36 @@
-"use client";
-import clsx from "clsx";
-import { createContext, forwardRef, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/utils/createRecipeContext.tsx
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { createContext, forwardRef, useContext } from 'react';
+
 function createRecipeContext(recipe) {
-	const PropsContext = createContext(null);
-	const PropsProvider = ({ children, value }) => {
-		return /* @__PURE__ */ jsx(PropsContext.Provider, {
-			value,
-			children
-		});
-	};
-	function useProps() {
-		return useContext(PropsContext);
-	}
-	const withContext = (Component, options) => {
-		const { defaultProps } = options ?? {};
-		const StyledComponent = forwardRef((innerProps, ref) => {
-			const props = {
-				...defaultProps ?? {},
-				...useProps(),
-				...innerProps
-			};
-			const [variantProps, otherProps] = recipe.splitVariantProps(props);
-			const className = recipe(variantProps);
-			return /* @__PURE__ */ jsx(Component, {
-				ref,
-				...otherProps,
-				className: clsx(className, props.className)
-			});
-		});
-		StyledComponent.displayName = Component.displayName || Component.name;
-		return StyledComponent;
-	};
-	function withPropsProvider() {
-		return PropsProvider;
-	}
-	return {
-		PropsProvider,
-		useProps,
-		withContext,
-		withPropsProvider
-	};
+  const PropsContext = createContext(null);
+  const PropsProvider = ({ children, value }) => {
+    return /* @__PURE__ */ jsx(PropsContext.Provider, { value, children });
+  };
+  function useProps() {
+    return useContext(PropsContext);
+  }
+  const withContext = (Component, options) => {
+    const { defaultProps } = options ?? {};
+    const StyledComponent = forwardRef((innerProps, ref) => {
+      const props = { ...defaultProps ?? {}, ...useProps(), ...innerProps };
+      const [variantProps, otherProps] = recipe.splitVariantProps(props);
+      const className = recipe(variantProps);
+      return /* @__PURE__ */ jsx(Component, { ref, ...otherProps, className: clsx(className, props.className) });
+    });
+    StyledComponent.displayName = Component.displayName || Component.name;
+    return StyledComponent;
+  };
+  function withPropsProvider() {
+    return PropsProvider;
+  }
+  return {
+    PropsProvider,
+    useProps,
+    withContext,
+    withPropsProvider
+  };
 }
-//#endregion
+
 export { createRecipeContext };

package/lib/utils/createSlotRecipeContext.cjs

@@ -1,94 +1,77 @@
-"use client";
-const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
-let clsx = require("clsx");
-clsx = require_runtime.__toESM(clsx);
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/utils/createSlotRecipeContext.tsx
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const clsx = require('clsx');
+const React = require('react');
+
 function createSlotRecipeContext(recipe) {
-	const ClassNamesContext = (0, react.createContext)(null);
-	const PropsContext = (0, react.createContext)(null);
-	const ClassNamesProvider = ({ children, value }) => {
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassNamesContext.Provider, {
-			value,
-			children
-		});
-	};
-	const PropsProvider = ({ children, value }) => {
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PropsContext.Provider, {
-			value,
-			children
-		});
-	};
-	function useClassNames() {
-		const context = (0, react.useContext)(ClassNamesContext);
-		if (context === null) throw new Error("useClassNames must be used within a ClassNamesProvider. Did you forget to wrap your component in a ClassNamesProvider?");
-		return context;
-	}
-	function useProps() {
-		return (0, react.useContext)(PropsContext);
-	}
-	const withRootProvider = (Component, options) => {
-		const { defaultProps } = options ?? {};
-		const StyledComponent = (innerProps) => {
-			const props = {
-				...defaultProps ?? {},
-				...useProps(),
-				...innerProps
-			};
-			const [variantProps, otherProps] = recipe.splitVariantProps(props);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassNamesProvider, {
-				value: recipe(variantProps),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, { ...otherProps })
-			});
-		};
-		StyledComponent.displayName = Component.displayName || Component.name;
-		return StyledComponent;
-	};
-	const withProvider = (Component, slot, options) => {
-		const { defaultProps } = options ?? {};
-		const StyledComponent = (0, react.forwardRef)((innerProps, ref) => {
-			const props = {
-				...defaultProps ?? {},
-				...useProps(),
-				...innerProps
-			};
-			const [variantProps, otherProps] = recipe.splitVariantProps(props);
-			const classNames = recipe(variantProps);
-			const className = classNames[slot];
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassNamesProvider, {
-				value: classNames,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
-					ref,
-					...otherProps,
-					className: (0, clsx.default)(className, props.className)
-				})
-			});
-		});
-		StyledComponent.displayName = Component.displayName || Component.name;
-		return StyledComponent;
-	};
-	const withContext = (Component, slot) => {
-		const StyledComponent = (0, react.forwardRef)((props, ref) => {
-			const className = useClassNames()?.[slot];
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
-				ref,
-				...props,
-				className: (0, clsx.default)(className, props.className)
-			});
-		});
-		StyledComponent.displayName = Component.displayName || Component.name;
-		return StyledComponent;
-	};
-	return {
-		ClassNamesProvider,
-		PropsProvider,
-		useClassNames,
-		useProps,
-		withRootProvider,
-		withProvider,
-		withContext
-	};
+  const ClassNamesContext = React.createContext(null);
+  const PropsContext = React.createContext(null);
+  const ClassNamesProvider = ({
+    children,
+    value
+  }) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(ClassNamesContext.Provider, { value, children });
+  };
+  const PropsProvider = ({ children, value }) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(PropsContext.Provider, { value, children });
+  };
+  function useClassNames() {
+    const context = React.useContext(ClassNamesContext);
+    if (context === null) {
+      throw new Error(
+        "useClassNames must be used within a ClassNamesProvider. Did you forget to wrap your component in a ClassNamesProvider?"
+      );
+    }
+    return context;
+  }
+  function useProps() {
+    return React.useContext(PropsContext);
+  }
+  const withRootProvider = (Component, options) => {
+    const { defaultProps } = options ?? {};
+    const StyledComponent = (innerProps) => {
+      const props = { ...defaultProps ?? {}, ...useProps(), ...innerProps };
+      const [variantProps, otherProps] = recipe.splitVariantProps(props);
+      const classNames = recipe(variantProps);
+      return /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(Component, { ...otherProps }) });
+    };
+    StyledComponent.displayName = Component.displayName || Component.name;
+    return StyledComponent;
+  };
+  const withProvider = (Component, slot, options) => {
+    const { defaultProps } = options ?? {};
+    const StyledComponent = React.forwardRef((innerProps, ref) => {
+      const props = { ...defaultProps ?? {}, ...useProps(), ...innerProps };
+      const [variantProps, otherProps] = recipe.splitVariantProps(props);
+      const classNames = recipe(variantProps);
+      const className = classNames[slot];
+      return /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, ...otherProps, className: clsx(className, props.className) }) });
+    });
+    StyledComponent.displayName = Component.displayName || Component.name;
+    return StyledComponent;
+  };
+  const withContext = (Component, slot) => {
+    const StyledComponent = React.forwardRef((props, ref) => {
+      const classNames = useClassNames();
+      const className = classNames?.[slot];
+      return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, ...props, className: clsx(className, props.className) });
+    });
+    StyledComponent.displayName = Component.displayName || Component.name;
+    return StyledComponent;
+  };
+  return {
+    ClassNamesProvider,
+    PropsProvider,
+    useClassNames,
+    useProps,
+    withRootProvider,
+    withProvider,
+    withContext
+  };
 }
-//#endregion
+
 exports.createSlotRecipeContext = createSlotRecipeContext;

package/lib/utils/createSlotRecipeContext.js

@@ -1,92 +1,73 @@
-"use client";
-import clsx from "clsx";
-import { createContext, forwardRef, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/utils/createSlotRecipeContext.tsx
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { createContext, forwardRef, useContext } from 'react';
+
 function createSlotRecipeContext(recipe) {
-	const ClassNamesContext = createContext(null);
-	const PropsContext = createContext(null);
-	const ClassNamesProvider = ({ children, value }) => {
-		return /* @__PURE__ */ jsx(ClassNamesContext.Provider, {
-			value,
-			children
-		});
-	};
-	const PropsProvider = ({ children, value }) => {
-		return /* @__PURE__ */ jsx(PropsContext.Provider, {
-			value,
-			children
-		});
-	};
-	function useClassNames() {
-		const context = useContext(ClassNamesContext);
-		if (context === null) throw new Error("useClassNames must be used within a ClassNamesProvider. Did you forget to wrap your component in a ClassNamesProvider?");
-		return context;
-	}
-	function useProps() {
-		return useContext(PropsContext);
-	}
-	const withRootProvider = (Component, options) => {
-		const { defaultProps } = options ?? {};
-		const StyledComponent = (innerProps) => {
-			const props = {
-				...defaultProps ?? {},
-				...useProps(),
-				...innerProps
-			};
-			const [variantProps, otherProps] = recipe.splitVariantProps(props);
-			return /* @__PURE__ */ jsx(ClassNamesProvider, {
-				value: recipe(variantProps),
-				children: /* @__PURE__ */ jsx(Component, { ...otherProps })
-			});
-		};
-		StyledComponent.displayName = Component.displayName || Component.name;
-		return StyledComponent;
-	};
-	const withProvider = (Component, slot, options) => {
-		const { defaultProps } = options ?? {};
-		const StyledComponent = forwardRef((innerProps, ref) => {
-			const props = {
-				...defaultProps ?? {},
-				...useProps(),
-				...innerProps
-			};
-			const [variantProps, otherProps] = recipe.splitVariantProps(props);
-			const classNames = recipe(variantProps);
-			const className = classNames[slot];
-			return /* @__PURE__ */ jsx(ClassNamesProvider, {
-				value: classNames,
-				children: /* @__PURE__ */ jsx(Component, {
-					ref,
-					...otherProps,
-					className: clsx(className, props.className)
-				})
-			});
-		});
-		StyledComponent.displayName = Component.displayName || Component.name;
-		return StyledComponent;
-	};
-	const withContext = (Component, slot) => {
-		const StyledComponent = forwardRef((props, ref) => {
-			const className = useClassNames()?.[slot];
-			return /* @__PURE__ */ jsx(Component, {
-				ref,
-				...props,
-				className: clsx(className, props.className)
-			});
-		});
-		StyledComponent.displayName = Component.displayName || Component.name;
-		return StyledComponent;
-	};
-	return {
-		ClassNamesProvider,
-		PropsProvider,
-		useClassNames,
-		useProps,
-		withRootProvider,
-		withProvider,
-		withContext
-	};
+  const ClassNamesContext = createContext(null);
+  const PropsContext = createContext(null);
+  const ClassNamesProvider = ({
+    children,
+    value
+  }) => {
+    return /* @__PURE__ */ jsx(ClassNamesContext.Provider, { value, children });
+  };
+  const PropsProvider = ({ children, value }) => {
+    return /* @__PURE__ */ jsx(PropsContext.Provider, { value, children });
+  };
+  function useClassNames() {
+    const context = useContext(ClassNamesContext);
+    if (context === null) {
+      throw new Error(
+        "useClassNames must be used within a ClassNamesProvider. Did you forget to wrap your component in a ClassNamesProvider?"
+      );
+    }
+    return context;
+  }
+  function useProps() {
+    return useContext(PropsContext);
+  }
+  const withRootProvider = (Component, options) => {
+    const { defaultProps } = options ?? {};
+    const StyledComponent = (innerProps) => {
+      const props = { ...defaultProps ?? {}, ...useProps(), ...innerProps };
+      const [variantProps, otherProps] = recipe.splitVariantProps(props);
+      const classNames = recipe(variantProps);
+      return /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(Component, { ...otherProps }) });
+    };
+    StyledComponent.displayName = Component.displayName || Component.name;
+    return StyledComponent;
+  };
+  const withProvider = (Component, slot, options) => {
+    const { defaultProps } = options ?? {};
+    const StyledComponent = forwardRef((innerProps, ref) => {
+      const props = { ...defaultProps ?? {}, ...useProps(), ...innerProps };
+      const [variantProps, otherProps] = recipe.splitVariantProps(props);
+      const classNames = recipe(variantProps);
+      const className = classNames[slot];
+      return /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(Component, { ref, ...otherProps, className: clsx(className, props.className) }) });
+    });
+    StyledComponent.displayName = Component.displayName || Component.name;
+    return StyledComponent;
+  };
+  const withContext = (Component, slot) => {
+    const StyledComponent = forwardRef((props, ref) => {
+      const classNames = useClassNames();
+      const className = classNames?.[slot];
+      return /* @__PURE__ */ jsx(Component, { ref, ...props, className: clsx(className, props.className) });
+    });
+    StyledComponent.displayName = Component.displayName || Component.name;
+    return StyledComponent;
+  };
+  return {
+    ClassNamesProvider,
+    PropsProvider,
+    useClassNames,
+    useProps,
+    withRootProvider,
+    withProvider,
+    withContext
+  };
 }
-//#endregion
+
 export { createSlotRecipeContext };

package/lib/utils/createWithStateProps.cjs

@@ -1,26 +1,28 @@
-"use client";
-require("../_virtual/_rolldown/runtime.cjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/utils/createWithStateProps.tsx
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+
 function createWithStateProps(useContexts) {
-	return function withStateProps(Component) {
-		const Node = (0, react.forwardRef)((props, ref) => {
-			const stateProps = {};
-			for (const contextConfig of useContexts) if (typeof contextConfig === "function") Object.assign(stateProps, contextConfig({ strict: true })?.stateProps);
-			else {
-				const { useContext, strict = false } = contextConfig;
-				Object.assign(stateProps, useContext({ strict })?.stateProps);
-			}
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
-				ref,
-				...stateProps,
-				...props
-			});
-		});
-		Node.displayName = Component.displayName || Component.name;
-		return Node;
-	};
+  return function withStateProps(Component) {
+    const Node = React.forwardRef((props, ref) => {
+      const stateProps = {};
+      for (const contextConfig of useContexts) {
+        if (typeof contextConfig === "function") {
+          Object.assign(stateProps, contextConfig({ strict: true })?.stateProps);
+        } else {
+          const { useContext, strict = false } = contextConfig;
+          Object.assign(stateProps, useContext({ strict })?.stateProps);
+        }
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, ...stateProps, ...props });
+    });
+    Node.displayName = Component.displayName || Component.name;
+    return Node;
+  };
 }
-//#endregion
+
 exports.createWithStateProps = createWithStateProps;

package/lib/utils/createWithStateProps.js

@@ -1,25 +1,24 @@
-"use client";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/utils/createWithStateProps.tsx
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+
 function createWithStateProps(useContexts) {
-	return function withStateProps(Component) {
-		const Node = forwardRef((props, ref) => {
-			const stateProps = {};
-			for (const contextConfig of useContexts) if (typeof contextConfig === "function") Object.assign(stateProps, contextConfig({ strict: true })?.stateProps);
-			else {
-				const { useContext, strict = false } = contextConfig;
-				Object.assign(stateProps, useContext({ strict })?.stateProps);
-			}
-			return /* @__PURE__ */ jsx(Component, {
-				ref,
-				...stateProps,
-				...props
-			});
-		});
-		Node.displayName = Component.displayName || Component.name;
-		return Node;
-	};
+  return function withStateProps(Component) {
+    const Node = forwardRef((props, ref) => {
+      const stateProps = {};
+      for (const contextConfig of useContexts) {
+        if (typeof contextConfig === "function") {
+          Object.assign(stateProps, contextConfig({ strict: true })?.stateProps);
+        } else {
+          const { useContext, strict = false } = contextConfig;
+          Object.assign(stateProps, useContext({ strict })?.stateProps);
+        }
+      }
+      return /* @__PURE__ */ jsx(Component, { ref, ...stateProps, ...props });
+    });
+    Node.displayName = Component.displayName || Component.name;
+    return Node;
+  };
 }
-//#endregion
+
 export { createWithStateProps };

package/lib/utils/splitMultipleVariantsProps.cjs

@@ -1,19 +1,32 @@
-"use client";
-//#region src/utils/splitMultipleVariantsProps.mjs
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
 function splitMultipleVariantsProps(props, recipesMap) {
-	const multipleVariantsProps = {};
-	const extractedKeys = /* @__PURE__ */ new Set();
-	for (const recipeKey in recipesMap) {
-		const [variantProps] = recipesMap[recipeKey].splitVariantProps(props);
-		multipleVariantsProps[recipeKey] = variantProps;
-		for (const variantPropKey in variantProps) extractedKeys.add(variantPropKey);
-	}
-	const remainingProps = {};
-	for (const propKey in props) {
-		if (extractedKeys.has(propKey)) continue;
-		remainingProps[propKey] = props[propKey];
-	}
-	return [multipleVariantsProps, remainingProps];
+  const multipleVariantsProps = {};
+  const extractedKeys = new Set();
+
+  for (const recipeKey in recipesMap) {
+    const recipe = recipesMap[recipeKey];
+
+    const [variantProps] = recipe.splitVariantProps(props);
+    multipleVariantsProps[recipeKey] = variantProps;
+
+    for (const variantPropKey in variantProps) {
+      extractedKeys.add(variantPropKey);
+    }
+  }
+
+  const remainingProps = {};
+
+  for (const propKey in props) {
+    if (extractedKeys.has(propKey)) continue;
+
+    remainingProps[propKey] = props[propKey];
+  }
+
+  return [multipleVariantsProps, remainingProps];
 }
-//#endregion
+
 exports.splitMultipleVariantsProps = splitMultipleVariantsProps;

package/lib/utils/splitMultipleVariantsProps.js

@@ -1,19 +1,28 @@
-"use client";
-//#region src/utils/splitMultipleVariantsProps.mjs
+'use client';
 function splitMultipleVariantsProps(props, recipesMap) {
-	const multipleVariantsProps = {};
-	const extractedKeys = /* @__PURE__ */ new Set();
-	for (const recipeKey in recipesMap) {
-		const [variantProps] = recipesMap[recipeKey].splitVariantProps(props);
-		multipleVariantsProps[recipeKey] = variantProps;
-		for (const variantPropKey in variantProps) extractedKeys.add(variantPropKey);
-	}
-	const remainingProps = {};
-	for (const propKey in props) {
-		if (extractedKeys.has(propKey)) continue;
-		remainingProps[propKey] = props[propKey];
-	}
-	return [multipleVariantsProps, remainingProps];
+  const multipleVariantsProps = {};
+  const extractedKeys = new Set();
+
+  for (const recipeKey in recipesMap) {
+    const recipe = recipesMap[recipeKey];
+
+    const [variantProps] = recipe.splitVariantProps(props);
+    multipleVariantsProps[recipeKey] = variantProps;
+
+    for (const variantPropKey in variantProps) {
+      extractedKeys.add(variantPropKey);
+    }
+  }
+
+  const remainingProps = {};
+
+  for (const propKey in props) {
+    if (extractedKeys.has(propKey)) continue;
+
+    remainingProps[propKey] = props[propKey];
+  }
+
+  return [multipleVariantsProps, remainingProps];
 }
-//#endregion
+
 export { splitMultipleVariantsProps };