@seed-design/react 1.2.8 → 1.2.10

package/lib/utils/createRecipeContext.js

@@ -1,36 +1,47 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { createContext, forwardRef, useContext } from 'react';
-
+"use client";
+import clsx$1 from "clsx";
+import { createContext, forwardRef, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/utils/createRecipeContext.tsx
 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$1(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,77 +1,94 @@
-'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');
-
+"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
 function createSlotRecipeContext(recipe) {
-  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
-  };
+	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
+	};
 }
-
+//#endregion
 exports.createSlotRecipeContext = createSlotRecipeContext;

package/lib/utils/createSlotRecipeContext.js

@@ -1,73 +1,92 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { createContext, forwardRef, useContext } from 'react';
-
+"use client";
+import clsx$1 from "clsx";
+import { createContext, forwardRef, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/utils/createSlotRecipeContext.tsx
 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);
-      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
-  };
+	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$1(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$1(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,28 +1,26 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-
+"use client";
+require("../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/utils/createWithStateProps.tsx
 function createWithStateProps(useContexts) {
-  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;
-  };
+	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;
+	};
 }
-
+//#endregion
 exports.createWithStateProps = createWithStateProps;

package/lib/utils/createWithStateProps.js

@@ -1,24 +1,25 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-
+"use client";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/utils/createWithStateProps.tsx
 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,32 +1,19 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
+"use client";
+//#region src/utils/splitMultipleVariantsProps.mjs
 function splitMultipleVariantsProps(props, recipesMap) {
-  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];
+	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];
 }
-
+//#endregion
 exports.splitMultipleVariantsProps = splitMultipleVariantsProps;

package/lib/utils/splitMultipleVariantsProps.js

@@ -1,28 +1,19 @@
-'use client';
+"use client";
+//#region src/utils/splitMultipleVariantsProps.mjs
 function splitMultipleVariantsProps(props, recipesMap) {
-  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];
+	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];
 }
-
+//#endregion
 export { splitMultipleVariantsProps };