@seed-design/react 1.1.26 → 1.1.27

package/lib/components/Icon/Icon.cjs

@@ -1,105 +1,126 @@
-"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
-	});
+'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 });
 };
-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
-	});
-});
+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
+      }
+    );
+  }
+);
 function withIconRequired(Component, enabledPredicate) {
-	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;
+  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;
 }
-//#endregion
+
 exports.Icon = Icon;
 exports.IconRequired = IconRequired;
 exports.PrefixIcon = PrefixIcon;

package/lib/components/Icon/Icon.js

@@ -1,102 +1,120 @@
-"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
-	});
+'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 });
 };
-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
-	});
-});
+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
+      }
+    );
+  }
+);
 function withIconRequired(Component, enabledPredicate) {
-	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;
+  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;
 }
-//#endregion
+
 export { Icon, IconRequired, PrefixIcon, SuffixIcon, withIconRequired };

package/lib/components/Icon/index.cjs

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

package/lib/components/Icon/index.js

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

package/lib/components/IdentityPlaceholder/IdentityPlaceholder.cjs

@@ -1,56 +1,77 @@
-"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)
-			})
-		})
-	});
+'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) }) }) });
 });
 IdentityPlaceholderRoot.displayName = "IdentityPlaceholderRoot";
-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" })
-		});
-	}
+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" })
+        }
+      );
+  }
 });
 IdentityPlaceholderImage.displayName = "IdentityPlaceholderImage";
-//#endregion
+
 exports.IdentityPlaceholderImage = IdentityPlaceholderImage;
 exports.IdentityPlaceholderRoot = IdentityPlaceholderRoot;