@seed-design/react 1.1.24 → 1.1.26

package/lib/components/Icon/Icon.cjs

@@ -1,126 +1,105 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const reactSlot = require('@radix-ui/react-slot');
-const reactUseLayoutEffect = require('@radix-ui/react-use-layout-effect');
-const React = require('react');
-const styled = require('../../utils/styled.cjs');
-
-const PrefixIcon = React.forwardRef(
-  ({ svg, ...otherProps }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactSlot.Slot,
-      {
-        ref,
-        "aria-hidden": true,
-        className: "seed-prefix-icon",
-        ...otherProps,
-        children: svg
-      }
-    );
-  }
-);
-const SuffixIcon = React.forwardRef(
-  ({ svg, ...otherProps }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactSlot.Slot,
-      {
-        ref,
-        "aria-hidden": true,
-        className: "seed-suffix-icon",
-        ...otherProps,
-        children: svg
-      }
-    );
-  }
-);
-const IconContext = React.createContext(null);
-const IconRequired = ({
-  children,
-  enabled
-}) => {
-  const registeredRef = React.useRef(false);
-  const parentContext = React.useContext(IconContext);
-  const register = React.useCallback(() => {
-    if (process.env.NODE_ENV !== "production") {
-      if (registeredRef.current) {
-        throw new Error(
-          "Icon-only Component must render only one <Icon /> under children. Check if you are rendering multiple <Icon />."
-        );
-      }
-    }
-    registeredRef.current = true;
-  }, []);
-  const unregister = React.useCallback(() => {
-    registeredRef.current = false;
-  }, []);
-  reactUseLayoutEffect.useLayoutEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    if (process.env.NODE_ENV !== "production") {
-      if (parentContext) {
-        throw new Error(
-          "Icon-only Component must not be nested within another Icon-Only. Check if you are using Icon-Only inside another Icon-Only."
-        );
-      }
-      if (!registeredRef.current) {
-        throw new Error(
-          "Icon-only Component must render <Icon /> as a child. Check if you are using raw svg icon instead of <Icon svg={} />."
-        );
-      }
-    }
-  }, [parentContext, enabled]);
-  const providerValue = React.useMemo(() => {
-    if (!enabled) {
-      if (parentContext) {
-        return parentContext;
-      }
-      return null;
-    }
-    return { register, unregister };
-  }, [enabled, parentContext, register, unregister]);
-  return /* @__PURE__ */ jsxRuntime.jsx(IconContext.Provider, { value: providerValue, children });
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_styled = require("../../utils/styled.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_slot = require("@radix-ui/react-slot");
+let _radix_ui_react_use_layout_effect = require("@radix-ui/react-use-layout-effect");
+//#region src/components/Icon/Icon.tsx
+var PrefixIcon = (0, react.forwardRef)(({ svg, ...otherProps }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_slot.Slot, {
+		ref,
+		"aria-hidden": true,
+		className: "seed-prefix-icon",
+		...otherProps,
+		children: svg
+	});
+});
+var SuffixIcon = (0, react.forwardRef)(({ svg, ...otherProps }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_slot.Slot, {
+		ref,
+		"aria-hidden": true,
+		className: "seed-suffix-icon",
+		...otherProps,
+		children: svg
+	});
+});
+var IconContext = (0, react.createContext)(null);
+var IconRequired = ({ children, enabled }) => {
+	const registeredRef = (0, react.useRef)(false);
+	const parentContext = (0, react.useContext)(IconContext);
+	const register = (0, react.useCallback)(() => {
+		if (process.env.NODE_ENV !== "production") {
+			if (registeredRef.current) throw new Error("Icon-only Component must render only one <Icon /> under children. Check if you are rendering multiple <Icon />.");
+		}
+		registeredRef.current = true;
+	}, []);
+	const unregister = (0, react.useCallback)(() => {
+		registeredRef.current = false;
+	}, []);
+	(0, _radix_ui_react_use_layout_effect.useLayoutEffect)(() => {
+		if (!enabled) return;
+		if (process.env.NODE_ENV !== "production") {
+			if (parentContext) throw new Error("Icon-only Component must not be nested within another Icon-Only. Check if you are using Icon-Only inside another Icon-Only.");
+			if (!registeredRef.current) throw new Error("Icon-only Component must render <Icon /> as a child. Check if you are using raw svg icon instead of <Icon svg={} />.");
+		}
+	}, [parentContext, enabled]);
+	const providerValue = (0, react.useMemo)(() => {
+		if (!enabled) {
+			if (parentContext) return parentContext;
+			return null;
+		}
+		return {
+			register,
+			unregister
+		};
+	}, [
+		enabled,
+		parentContext,
+		register,
+		unregister
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconContext.Provider, {
+		value: providerValue,
+		children
+	});
 };
-const Icon = React.forwardRef(
-  ({ svg, size, color, ...otherProps }, ref) => {
-    const context = React.useContext(IconContext);
-    reactUseLayoutEffect.useLayoutEffect(() => {
-      context?.register();
-      return () => {
-        context?.unregister();
-      };
-    }, [context]);
-    const sizeValue = styled.handleDimension(size);
-    const colorValue = styled.handleColor(color);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactSlot.Slot,
-      {
-        ref,
-        "aria-hidden": true,
-        className: "seed-icon",
-        style: {
-          "--seed-icon-size": sizeValue,
-          "--seed-icon-color": colorValue
-        },
-        ...otherProps,
-        children: svg
-      }
-    );
-  }
-);
+var Icon = (0, react.forwardRef)(({ svg, size, color, ...otherProps }, ref) => {
+	const context = (0, react.useContext)(IconContext);
+	(0, _radix_ui_react_use_layout_effect.useLayoutEffect)(() => {
+		context?.register();
+		return () => {
+			context?.unregister();
+		};
+	}, [context]);
+	const sizeValue = require_styled.handleDimension(size);
+	const colorValue = require_styled.handleColor(color);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_slot.Slot, {
+		ref,
+		"aria-hidden": true,
+		className: "seed-icon",
+		style: {
+			"--seed-icon-size": sizeValue,
+			"--seed-icon-color": colorValue
+		},
+		...otherProps,
+		children: svg
+	});
+});
 function withIconRequired(Component, enabledPredicate) {
-  const Node = React.forwardRef((props, ref) => {
-    const enabled = enabledPredicate(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(IconRequired, { enabled, children: /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, ...props }) });
-  });
-  Node.displayName = Component.displayName || Component.name;
-  return Node;
+	const Node = (0, react.forwardRef)((props, ref) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconRequired, {
+			enabled: enabledPredicate(props),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+				ref,
+				...props
+			})
+		});
+	});
+	Node.displayName = Component.displayName || Component.name;
+	return Node;
 }
-
+//#endregion
 exports.Icon = Icon;
 exports.IconRequired = IconRequired;
 exports.PrefixIcon = PrefixIcon;

package/lib/components/Icon/Icon.js

@@ -1,120 +1,102 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import { useLayoutEffect } from '@radix-ui/react-use-layout-effect';
-import { forwardRef, useContext, createContext, useRef, useCallback, useMemo } from 'react';
-import { handleDimension, handleColor } from '../../utils/styled.js';
-
-const PrefixIcon = forwardRef(
-  ({ svg, ...otherProps }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Slot,
-      {
-        ref,
-        "aria-hidden": true,
-        className: "seed-prefix-icon",
-        ...otherProps,
-        children: svg
-      }
-    );
-  }
-);
-const SuffixIcon = forwardRef(
-  ({ svg, ...otherProps }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Slot,
-      {
-        ref,
-        "aria-hidden": true,
-        className: "seed-suffix-icon",
-        ...otherProps,
-        children: svg
-      }
-    );
-  }
-);
-const IconContext = createContext(null);
-const IconRequired = ({
-  children,
-  enabled
-}) => {
-  const registeredRef = useRef(false);
-  const parentContext = useContext(IconContext);
-  const register = useCallback(() => {
-    if (process.env.NODE_ENV !== "production") {
-      if (registeredRef.current) {
-        throw new Error(
-          "Icon-only Component must render only one <Icon /> under children. Check if you are rendering multiple <Icon />."
-        );
-      }
-    }
-    registeredRef.current = true;
-  }, []);
-  const unregister = useCallback(() => {
-    registeredRef.current = false;
-  }, []);
-  useLayoutEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    if (process.env.NODE_ENV !== "production") {
-      if (parentContext) {
-        throw new Error(
-          "Icon-only Component must not be nested within another Icon-Only. Check if you are using Icon-Only inside another Icon-Only."
-        );
-      }
-      if (!registeredRef.current) {
-        throw new Error(
-          "Icon-only Component must render <Icon /> as a child. Check if you are using raw svg icon instead of <Icon svg={} />."
-        );
-      }
-    }
-  }, [parentContext, enabled]);
-  const providerValue = useMemo(() => {
-    if (!enabled) {
-      if (parentContext) {
-        return parentContext;
-      }
-      return null;
-    }
-    return { register, unregister };
-  }, [enabled, parentContext, register, unregister]);
-  return /* @__PURE__ */ jsx(IconContext.Provider, { value: providerValue, children });
+"use client";
+import { handleColor, handleDimension } from "../../utils/styled.js";
+import { createContext, forwardRef, useCallback, useContext, useMemo, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { useLayoutEffect } from "@radix-ui/react-use-layout-effect";
+//#region src/components/Icon/Icon.tsx
+var PrefixIcon = forwardRef(({ svg, ...otherProps }, ref) => {
+	return /* @__PURE__ */ jsx(Slot, {
+		ref,
+		"aria-hidden": true,
+		className: "seed-prefix-icon",
+		...otherProps,
+		children: svg
+	});
+});
+var SuffixIcon = forwardRef(({ svg, ...otherProps }, ref) => {
+	return /* @__PURE__ */ jsx(Slot, {
+		ref,
+		"aria-hidden": true,
+		className: "seed-suffix-icon",
+		...otherProps,
+		children: svg
+	});
+});
+var IconContext = createContext(null);
+var IconRequired = ({ children, enabled }) => {
+	const registeredRef = useRef(false);
+	const parentContext = useContext(IconContext);
+	const register = useCallback(() => {
+		if (process.env.NODE_ENV !== "production") {
+			if (registeredRef.current) throw new Error("Icon-only Component must render only one <Icon /> under children. Check if you are rendering multiple <Icon />.");
+		}
+		registeredRef.current = true;
+	}, []);
+	const unregister = useCallback(() => {
+		registeredRef.current = false;
+	}, []);
+	useLayoutEffect(() => {
+		if (!enabled) return;
+		if (process.env.NODE_ENV !== "production") {
+			if (parentContext) throw new Error("Icon-only Component must not be nested within another Icon-Only. Check if you are using Icon-Only inside another Icon-Only.");
+			if (!registeredRef.current) throw new Error("Icon-only Component must render <Icon /> as a child. Check if you are using raw svg icon instead of <Icon svg={} />.");
+		}
+	}, [parentContext, enabled]);
+	const providerValue = useMemo(() => {
+		if (!enabled) {
+			if (parentContext) return parentContext;
+			return null;
+		}
+		return {
+			register,
+			unregister
+		};
+	}, [
+		enabled,
+		parentContext,
+		register,
+		unregister
+	]);
+	return /* @__PURE__ */ jsx(IconContext.Provider, {
+		value: providerValue,
+		children
+	});
 };
-const Icon = forwardRef(
-  ({ svg, size, color, ...otherProps }, ref) => {
-    const context = useContext(IconContext);
-    useLayoutEffect(() => {
-      context?.register();
-      return () => {
-        context?.unregister();
-      };
-    }, [context]);
-    const sizeValue = handleDimension(size);
-    const colorValue = handleColor(color);
-    return /* @__PURE__ */ jsx(
-      Slot,
-      {
-        ref,
-        "aria-hidden": true,
-        className: "seed-icon",
-        style: {
-          "--seed-icon-size": sizeValue,
-          "--seed-icon-color": colorValue
-        },
-        ...otherProps,
-        children: svg
-      }
-    );
-  }
-);
+var Icon = forwardRef(({ svg, size, color, ...otherProps }, ref) => {
+	const context = useContext(IconContext);
+	useLayoutEffect(() => {
+		context?.register();
+		return () => {
+			context?.unregister();
+		};
+	}, [context]);
+	const sizeValue = handleDimension(size);
+	const colorValue = handleColor(color);
+	return /* @__PURE__ */ jsx(Slot, {
+		ref,
+		"aria-hidden": true,
+		className: "seed-icon",
+		style: {
+			"--seed-icon-size": sizeValue,
+			"--seed-icon-color": colorValue
+		},
+		...otherProps,
+		children: svg
+	});
+});
 function withIconRequired(Component, enabledPredicate) {
-  const Node = forwardRef((props, ref) => {
-    const enabled = enabledPredicate(props);
-    return /* @__PURE__ */ jsx(IconRequired, { enabled, children: /* @__PURE__ */ jsx(Component, { ref, ...props }) });
-  });
-  Node.displayName = Component.displayName || Component.name;
-  return Node;
+	const Node = forwardRef((props, ref) => {
+		return /* @__PURE__ */ jsx(IconRequired, {
+			enabled: enabledPredicate(props),
+			children: /* @__PURE__ */ jsx(Component, {
+				ref,
+				...props
+			})
+		});
+	});
+	Node.displayName = Component.displayName || Component.name;
+	return Node;
 }
-
+//#endregion
 export { Icon, IconRequired, PrefixIcon, SuffixIcon, withIconRequired };

package/lib/components/Icon/index.cjs

@@ -1,11 +1,5 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const Icon = require('./Icon.cjs');
-
-
-
-exports.Icon = Icon.Icon;
-exports.PrefixIcon = Icon.PrefixIcon;
-exports.SuffixIcon = Icon.SuffixIcon;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_Icon = require("./Icon.cjs");
+exports.Icon = require_Icon.Icon;
+exports.PrefixIcon = require_Icon.PrefixIcon;
+exports.SuffixIcon = require_Icon.SuffixIcon;

package/lib/components/Icon/index.js

@@ -1 +1,2 @@
-export { Icon, PrefixIcon, SuffixIcon } from './Icon.js';
+import { Icon, PrefixIcon, SuffixIcon } from "./Icon.js";
+export { Icon, PrefixIcon, SuffixIcon };

package/lib/components/IdentityPlaceholder/IdentityPlaceholder.cjs

@@ -1,77 +1,56 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const identityPlaceholder = require('@seed-design/css/recipes/identity-placeholder');
-const domUtils = require('@seed-design/dom-utils');
-const reactPrimitive = require('@seed-design/react-primitive');
-const React = require('react');
-const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.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 { ClassNamesProvider, PropsProvider, useClassNames, useProps } = createSlotRecipeContext.createSlotRecipeContext(identityPlaceholder.identityPlaceholder);
-const IdentityPlaceholderRoot = React__namespace.forwardRef((props, ref) => {
-  const [variantProps, restProps] = identityPlaceholder.identityPlaceholder.splitVariantProps(props);
-  const classNames = identityPlaceholder.identityPlaceholder(variantProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(PropsProvider, { value: variantProps, children: /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.div, { ref, ...domUtils.mergeProps({ className: classNames.root }, restProps) }) }) });
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+let _seed_design_react_primitive = require("@seed-design/react-primitive");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _seed_design_dom_utils = require("@seed-design/dom-utils");
+let _seed_design_css_recipes_identity_placeholder = require("@seed-design/css/recipes/identity-placeholder");
+//#region src/components/IdentityPlaceholder/IdentityPlaceholder.tsx
+var { ClassNamesProvider, PropsProvider, useClassNames, useProps } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_identity_placeholder.identityPlaceholder);
+var IdentityPlaceholderRoot = react.forwardRef((props, ref) => {
+	const [variantProps, restProps] = _seed_design_css_recipes_identity_placeholder.identityPlaceholder.splitVariantProps(props);
+	const classNames = (0, _seed_design_css_recipes_identity_placeholder.identityPlaceholder)(variantProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PropsProvider, {
+		value: variantProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassNamesProvider, {
+			value: classNames,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
+				ref,
+				...(0, _seed_design_dom_utils.mergeProps)({ className: classNames.root }, restProps)
+			})
+		})
+	});
 });
 IdentityPlaceholderRoot.displayName = "IdentityPlaceholderRoot";
-const IdentityPlaceholderImage = React__namespace.forwardRef((props, ref) => {
-  const classNames = useClassNames();
-  const parentProps = useProps();
-  switch (parentProps?.identity) {
-    case "business":
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "svg",
-        {
-          ref,
-          viewBox: "0 0 640 640",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          role: "img",
-          "aria-label": "Identity placeholder",
-          ...domUtils.mergeProps({ className: classNames.image }, props),
-          children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m512 250-29-73c-7-17-24-29-42-29H200c-18 0-35 12-42 29l-29 73q-3 7 2 14c17 23 42 41 71 41q35-2 59-26 25 24 59 26 35-2 59-26 25 24 59 26c28 0 56-18 72-41 2-3 3-11 2-14M439 340c-28 0-47-12-59-23a86 86 0 0 1-59 23c-28 0-48-12-59-23a86 86 0 0 1-60 23q-33-2-53-17v119c0 27 22 49 49 49h138l107 1c27 0 49-22 49-50V323q-20 15-53 17m-143 72q-1 11-12 12h-18q-11-2-12-12v-19q1-10 12-11h18q11 1 12 11zm91 0q-1 11-11 12h-19q-11-2-12-12v-19q1-10 12-11h19q10 1 11 11z" })
-        }
-      );
-    case "person":
-    case void 0:
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "svg",
-        {
-          ref,
-          viewBox: "0 0 640 640",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          role: "img",
-          "aria-label": "Identity placeholder",
-          ...domUtils.mergeProps({ className: classNames.image }, props),
-          children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M496 460q4 5 0 11c-42 52-97 81-176 81s-134-29-176-81q-3-5-1-10c33-50 104-74 177-74s144 23 176 73M222 251a98 98 0 0 1 196 0c0 54-44 97-98 97s-98-43-98-97" })
-        }
-      );
-  }
+var IdentityPlaceholderImage = react.forwardRef((props, ref) => {
+	const classNames = useClassNames();
+	switch (useProps()?.identity) {
+		case "business": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			ref,
+			viewBox: "0 0 640 640",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			role: "img",
+			"aria-label": "Identity placeholder",
+			...(0, _seed_design_dom_utils.mergeProps)({ className: classNames.image }, props),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m512 250-29-73c-7-17-24-29-42-29H200c-18 0-35 12-42 29l-29 73q-3 7 2 14c17 23 42 41 71 41q35-2 59-26 25 24 59 26 35-2 59-26 25 24 59 26c28 0 56-18 72-41 2-3 3-11 2-14M439 340c-28 0-47-12-59-23a86 86 0 0 1-59 23c-28 0-48-12-59-23a86 86 0 0 1-60 23q-33-2-53-17v119c0 27 22 49 49 49h138l107 1c27 0 49-22 49-50V323q-20 15-53 17m-143 72q-1 11-12 12h-18q-11-2-12-12v-19q1-10 12-11h18q11 1 12 11zm91 0q-1 11-11 12h-19q-11-2-12-12v-19q1-10 12-11h19q10 1 11 11z" })
+		});
+		case "person":
+		case void 0: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			ref,
+			viewBox: "0 0 640 640",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			role: "img",
+			"aria-label": "Identity placeholder",
+			...(0, _seed_design_dom_utils.mergeProps)({ className: classNames.image }, props),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M496 460q4 5 0 11c-42 52-97 81-176 81s-134-29-176-81q-3-5-1-10c33-50 104-74 177-74s144 23 176 73M222 251a98 98 0 0 1 196 0c0 54-44 97-98 97s-98-43-98-97" })
+		});
+	}
 });
 IdentityPlaceholderImage.displayName = "IdentityPlaceholderImage";
-
+//#endregion
 exports.IdentityPlaceholderImage = IdentityPlaceholderImage;
 exports.IdentityPlaceholderRoot = IdentityPlaceholderRoot;