@seed-design/react 1.2.8 → 1.2.10

package/lib/components/HelpBubble/HelpBubble.cjs

@@ -1,93 +1,60 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const reactPopover = require('@seed-design/react-popover');
-const reactPrimitive = require('@seed-design/react-primitive');
-const helpBubble = require('@seed-design/css/recipes/help-bubble');
-const React = require('react');
-const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
-const createWithStateProps = require('../../utils/createWithStateProps.cjs');
-const styled = require('../../utils/styled.cjs');
-const reactComposeRefs = require('@radix-ui/react-compose-refs');
-const clsx = require('clsx');
-
-const { withRootProvider, withContext, useClassNames } = createSlotRecipeContext.createSlotRecipeContext(helpBubble.helpBubble);
-const withStateProps = createWithStateProps.createWithStateProps([reactPopover.usePopoverContext]);
-const HelpBubbleRoot = withRootProvider(reactPopover.Popover.Root, {
-  defaultProps: {
-    placement: "top",
-    gutter: 4,
-    // TODO: get value from rootage spec
-    overflowPadding: 16,
-    arrowPadding: 14
-  }
-});
-const HelpBubbleAnchor = reactPopover.Popover.Anchor;
-const HelpBubbleTrigger = reactPopover.Popover.Trigger;
-const HelpBubblePositioner = withContext(
-  reactPopover.Popover.Positioner,
-  "positioner"
-);
-const HelpBubblePositionerPortal = withContext(reactPopover.Popover.PositionerPortal, "positioner");
-const HelpBubbleContent = withContext(
-  styled.withStyleProps(withStateProps(reactPrimitive.Primitive.div)),
-  "content"
-);
-const HelpBubbleArrow = withContext(
-  reactPopover.Popover.Arrow,
-  "arrow"
-);
-const HelpBubbleArrowTip = React.forwardRef(
-  (props, ref) => {
-    const {
-      tipRadius = 2,
-      // TODO: get value from rootage spec
-      className,
-      ...otherProps
-    } = props;
-    const api = reactPopover.usePopoverContext();
-    const classNames = useClassNames();
-    const width = api.rects.arrowTip?.width || 0;
-    const height = api.rects.arrowTip?.height || 0;
-    const pathData = `M0,0
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_styled = require("../../utils/styled.cjs");
+const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+const require_createWithStateProps = require("../../utils/createWithStateProps.cjs");
+let _seed_design_react_popover = require("@seed-design/react-popover");
+let _seed_design_react_primitive = require("@seed-design/react-primitive");
+let clsx = require("clsx");
+clsx = require_runtime.__toESM(clsx);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _seed_design_css_recipes_help_bubble = require("@seed-design/css/recipes/help-bubble");
+let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
+//#region src/components/HelpBubble/HelpBubble.tsx
+var { withRootProvider, withContext, useClassNames } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_help_bubble.helpBubble);
+var withStateProps = require_createWithStateProps.createWithStateProps([_seed_design_react_popover.usePopoverContext]);
+var HelpBubbleRoot = withRootProvider(_seed_design_react_popover.Popover.Root, { defaultProps: {
+	placement: "top",
+	gutter: 4,
+	overflowPadding: 16,
+	arrowPadding: 14
+} });
+var HelpBubbleAnchor = _seed_design_react_popover.Popover.Anchor;
+var HelpBubbleTrigger = _seed_design_react_popover.Popover.Trigger;
+var HelpBubblePositioner = withContext(_seed_design_react_popover.Popover.Positioner, "positioner");
+var HelpBubblePositionerPortal = withContext(_seed_design_react_popover.Popover.PositionerPortal, "positioner");
+var HelpBubbleContent = withContext(require_styled.withStyleProps(withStateProps(_seed_design_react_primitive.Primitive.div)), "content");
+var HelpBubbleArrow = withContext(_seed_design_react_popover.Popover.Arrow, "arrow");
+var HelpBubbleArrowTip = (0, react.forwardRef)((props, ref) => {
+	const { tipRadius = 2, className, ...otherProps } = props;
+	const api = (0, _seed_design_react_popover.usePopoverContext)();
+	const classNames = useClassNames();
+	const width = api.rects.arrowTip?.width || 0;
+	const height = api.rects.arrowTip?.height || 0;
+	const pathData = `M0,0
       H${width}
       L${width / 2 + tipRadius},${height - tipRadius}
       Q${width / 2},${height} ${width / 2 - tipRadius},${height - tipRadius}
       Z`;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "svg",
-      {
-        "aria-hidden": "true",
-        viewBox: `0 0 ${width} ${height}`,
-        ref: reactComposeRefs.composeRefs(api.refs.arrowTip, ref),
-        className: clsx(classNames.arrowTip, className),
-        ...otherProps,
-        children: /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "none", d: pathData })
-      }
-    );
-  }
-);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		"aria-hidden": "true",
+		viewBox: `0 0 ${width} ${height}`,
+		ref: (0, _radix_ui_react_compose_refs.composeRefs)(api.refs.arrowTip, ref),
+		className: (0, clsx.default)(classNames.arrowTip, className),
+		...otherProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			stroke: "none",
+			d: pathData
+		})
+	});
+});
 HelpBubbleArrowTip.displayName = "HelpBubbleArrowTip";
-const HelpBubbleCloseButton = withContext(
-  reactPopover.Popover.CloseButton,
-  "closeButton"
-);
-const HelpBubbleBody = withContext(
-  withStateProps(reactPrimitive.Primitive.div),
-  "body"
-);
-const HelpBubbleTitle = withContext(
-  withStateProps(reactPrimitive.Primitive.span),
-  "title"
-);
-const HelpBubbleDescription = withContext(
-  withStateProps(reactPrimitive.Primitive.div),
-  "description"
-);
-
+var HelpBubbleCloseButton = withContext(_seed_design_react_popover.Popover.CloseButton, "closeButton");
+var HelpBubbleBody = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "body");
+var HelpBubbleTitle = withContext(withStateProps(_seed_design_react_primitive.Primitive.span), "title");
+var HelpBubbleDescription = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "description");
+//#endregion
 exports.HelpBubbleAnchor = HelpBubbleAnchor;
 exports.HelpBubbleArrow = HelpBubbleArrow;
 exports.HelpBubbleArrowTip = HelpBubbleArrowTip;

package/lib/components/HelpBubble/HelpBubble.js

@@ -1,87 +1,56 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Popover, usePopoverContext } from '@seed-design/react-popover';
-import { Primitive } from '@seed-design/react-primitive';
-import { helpBubble } from '@seed-design/css/recipes/help-bubble';
-import { forwardRef } from 'react';
-import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
-import { createWithStateProps } from '../../utils/createWithStateProps.js';
-import { withStyleProps } from '../../utils/styled.js';
-import { composeRefs } from '@radix-ui/react-compose-refs';
-import clsx from 'clsx';
-
-const { withRootProvider, withContext, useClassNames } = createSlotRecipeContext(helpBubble);
-const withStateProps = createWithStateProps([usePopoverContext]);
-const HelpBubbleRoot = withRootProvider(Popover.Root, {
-  defaultProps: {
-    placement: "top",
-    gutter: 4,
-    // TODO: get value from rootage spec
-    overflowPadding: 16,
-    arrowPadding: 14
-  }
-});
-const HelpBubbleAnchor = Popover.Anchor;
-const HelpBubbleTrigger = Popover.Trigger;
-const HelpBubblePositioner = withContext(
-  Popover.Positioner,
-  "positioner"
-);
-const HelpBubblePositionerPortal = withContext(Popover.PositionerPortal, "positioner");
-const HelpBubbleContent = withContext(
-  withStyleProps(withStateProps(Primitive.div)),
-  "content"
-);
-const HelpBubbleArrow = withContext(
-  Popover.Arrow,
-  "arrow"
-);
-const HelpBubbleArrowTip = forwardRef(
-  (props, ref) => {
-    const {
-      tipRadius = 2,
-      // TODO: get value from rootage spec
-      className,
-      ...otherProps
-    } = props;
-    const api = usePopoverContext();
-    const classNames = useClassNames();
-    const width = api.rects.arrowTip?.width || 0;
-    const height = api.rects.arrowTip?.height || 0;
-    const pathData = `M0,0
+"use client";
+import { withStyleProps } from "../../utils/styled.js";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { createWithStateProps } from "../../utils/createWithStateProps.js";
+import { Popover, usePopoverContext } from "@seed-design/react-popover";
+import { Primitive } from "@seed-design/react-primitive";
+import clsx$1 from "clsx";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { helpBubble } from "@seed-design/css/recipes/help-bubble";
+import { composeRefs } from "@radix-ui/react-compose-refs";
+//#region src/components/HelpBubble/HelpBubble.tsx
+var { withRootProvider, withContext, useClassNames } = createSlotRecipeContext(helpBubble);
+var withStateProps = createWithStateProps([usePopoverContext]);
+var HelpBubbleRoot = withRootProvider(Popover.Root, { defaultProps: {
+	placement: "top",
+	gutter: 4,
+	overflowPadding: 16,
+	arrowPadding: 14
+} });
+var HelpBubbleAnchor = Popover.Anchor;
+var HelpBubbleTrigger = Popover.Trigger;
+var HelpBubblePositioner = withContext(Popover.Positioner, "positioner");
+var HelpBubblePositionerPortal = withContext(Popover.PositionerPortal, "positioner");
+var HelpBubbleContent = withContext(withStyleProps(withStateProps(Primitive.div)), "content");
+var HelpBubbleArrow = withContext(Popover.Arrow, "arrow");
+var HelpBubbleArrowTip = forwardRef((props, ref) => {
+	const { tipRadius = 2, className, ...otherProps } = props;
+	const api = usePopoverContext();
+	const classNames = useClassNames();
+	const width = api.rects.arrowTip?.width || 0;
+	const height = api.rects.arrowTip?.height || 0;
+	const pathData = `M0,0
       H${width}
       L${width / 2 + tipRadius},${height - tipRadius}
       Q${width / 2},${height} ${width / 2 - tipRadius},${height - tipRadius}
       Z`;
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        "aria-hidden": "true",
-        viewBox: `0 0 ${width} ${height}`,
-        ref: composeRefs(api.refs.arrowTip, ref),
-        className: clsx(classNames.arrowTip, className),
-        ...otherProps,
-        children: /* @__PURE__ */ jsx("path", { stroke: "none", d: pathData })
-      }
-    );
-  }
-);
+	return /* @__PURE__ */ jsx("svg", {
+		"aria-hidden": "true",
+		viewBox: `0 0 ${width} ${height}`,
+		ref: composeRefs(api.refs.arrowTip, ref),
+		className: clsx$1(classNames.arrowTip, className),
+		...otherProps,
+		children: /* @__PURE__ */ jsx("path", {
+			stroke: "none",
+			d: pathData
+		})
+	});
+});
 HelpBubbleArrowTip.displayName = "HelpBubbleArrowTip";
-const HelpBubbleCloseButton = withContext(
-  Popover.CloseButton,
-  "closeButton"
-);
-const HelpBubbleBody = withContext(
-  withStateProps(Primitive.div),
-  "body"
-);
-const HelpBubbleTitle = withContext(
-  withStateProps(Primitive.span),
-  "title"
-);
-const HelpBubbleDescription = withContext(
-  withStateProps(Primitive.div),
-  "description"
-);
-
+var HelpBubbleCloseButton = withContext(Popover.CloseButton, "closeButton");
+var HelpBubbleBody = withContext(withStateProps(Primitive.div), "body");
+var HelpBubbleTitle = withContext(withStateProps(Primitive.span), "title");
+var HelpBubbleDescription = withContext(withStateProps(Primitive.div), "description");
+//#endregion
 export { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleBody, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubblePositionerPortal, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTrigger };

package/lib/components/HelpBubble/HelpBubble.namespace.cjs

@@ -1,20 +1,24 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const HelpBubble = require('./HelpBubble.cjs');
-
-
-
-exports.Anchor = HelpBubble.HelpBubbleAnchor;
-exports.Arrow = HelpBubble.HelpBubbleArrow;
-exports.ArrowTip = HelpBubble.HelpBubbleArrowTip;
-exports.Body = HelpBubble.HelpBubbleBody;
-exports.CloseButton = HelpBubble.HelpBubbleCloseButton;
-exports.Content = HelpBubble.HelpBubbleContent;
-exports.Description = HelpBubble.HelpBubbleDescription;
-exports.Positioner = HelpBubble.HelpBubblePositioner;
-exports.PositionerPortal = HelpBubble.HelpBubblePositionerPortal;
-exports.Root = HelpBubble.HelpBubbleRoot;
-exports.Title = HelpBubble.HelpBubbleTitle;
-exports.Trigger = HelpBubble.HelpBubbleTrigger;
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_HelpBubble = require("./HelpBubble.cjs");
+//#region src/components/HelpBubble/HelpBubble.namespace.ts
+var HelpBubble_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	Anchor: () => require_HelpBubble.HelpBubbleAnchor,
+	Arrow: () => require_HelpBubble.HelpBubbleArrow,
+	ArrowTip: () => require_HelpBubble.HelpBubbleArrowTip,
+	Body: () => require_HelpBubble.HelpBubbleBody,
+	CloseButton: () => require_HelpBubble.HelpBubbleCloseButton,
+	Content: () => require_HelpBubble.HelpBubbleContent,
+	Description: () => require_HelpBubble.HelpBubbleDescription,
+	Positioner: () => require_HelpBubble.HelpBubblePositioner,
+	PositionerPortal: () => require_HelpBubble.HelpBubblePositionerPortal,
+	Root: () => require_HelpBubble.HelpBubbleRoot,
+	Title: () => require_HelpBubble.HelpBubbleTitle,
+	Trigger: () => require_HelpBubble.HelpBubbleTrigger
+});
+//#endregion
+Object.defineProperty(exports, "HelpBubble_namespace_exports", {
+	enumerable: true,
+	get: function() {
+		return HelpBubble_namespace_exports;
+	}
+});

package/lib/components/HelpBubble/HelpBubble.namespace.js

@@ -1 +1,19 @@
-export { HelpBubbleAnchor as Anchor, HelpBubbleArrow as Arrow, HelpBubbleArrowTip as ArrowTip, HelpBubbleBody as Body, HelpBubbleCloseButton as CloseButton, HelpBubbleContent as Content, HelpBubbleDescription as Description, HelpBubblePositioner as Positioner, HelpBubblePositionerPortal as PositionerPortal, HelpBubbleRoot as Root, HelpBubbleTitle as Title, HelpBubbleTrigger as Trigger } from './HelpBubble.js';
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleBody, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubblePositionerPortal, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTrigger } from "./HelpBubble.js";
+//#region src/components/HelpBubble/HelpBubble.namespace.ts
+var HelpBubble_namespace_exports = /* @__PURE__ */ __exportAll({
+	Anchor: () => HelpBubbleAnchor,
+	Arrow: () => HelpBubbleArrow,
+	ArrowTip: () => HelpBubbleArrowTip,
+	Body: () => HelpBubbleBody,
+	CloseButton: () => HelpBubbleCloseButton,
+	Content: () => HelpBubbleContent,
+	Description: () => HelpBubbleDescription,
+	Positioner: () => HelpBubblePositioner,
+	PositionerPortal: () => HelpBubblePositionerPortal,
+	Root: () => HelpBubbleRoot,
+	Title: () => HelpBubbleTitle,
+	Trigger: () => HelpBubbleTrigger
+});
+//#endregion
+export { HelpBubble_namespace_exports };

package/lib/components/HelpBubble/index.cjs

@@ -1,22 +1,21 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const HelpBubble = require('./HelpBubble.cjs');
-const HelpBubble_namespace = require('./HelpBubble.namespace.cjs');
-
-
-
-exports.HelpBubbleAnchor = HelpBubble.HelpBubbleAnchor;
-exports.HelpBubbleArrow = HelpBubble.HelpBubbleArrow;
-exports.HelpBubbleArrowTip = HelpBubble.HelpBubbleArrowTip;
-exports.HelpBubbleBody = HelpBubble.HelpBubbleBody;
-exports.HelpBubbleCloseButton = HelpBubble.HelpBubbleCloseButton;
-exports.HelpBubbleContent = HelpBubble.HelpBubbleContent;
-exports.HelpBubbleDescription = HelpBubble.HelpBubbleDescription;
-exports.HelpBubblePositioner = HelpBubble.HelpBubblePositioner;
-exports.HelpBubblePositionerPortal = HelpBubble.HelpBubblePositionerPortal;
-exports.HelpBubbleRoot = HelpBubble.HelpBubbleRoot;
-exports.HelpBubbleTitle = HelpBubble.HelpBubbleTitle;
-exports.HelpBubbleTrigger = HelpBubble.HelpBubbleTrigger;
-exports.HelpBubble = HelpBubble_namespace;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_HelpBubble = require("./HelpBubble.cjs");
+const require_HelpBubble_namespace = require("./HelpBubble.namespace.cjs");
+Object.defineProperty(exports, "HelpBubble", {
+	enumerable: true,
+	get: function() {
+		return require_HelpBubble_namespace.HelpBubble_namespace_exports;
+	}
+});
+exports.HelpBubbleAnchor = require_HelpBubble.HelpBubbleAnchor;
+exports.HelpBubbleArrow = require_HelpBubble.HelpBubbleArrow;
+exports.HelpBubbleArrowTip = require_HelpBubble.HelpBubbleArrowTip;
+exports.HelpBubbleBody = require_HelpBubble.HelpBubbleBody;
+exports.HelpBubbleCloseButton = require_HelpBubble.HelpBubbleCloseButton;
+exports.HelpBubbleContent = require_HelpBubble.HelpBubbleContent;
+exports.HelpBubbleDescription = require_HelpBubble.HelpBubbleDescription;
+exports.HelpBubblePositioner = require_HelpBubble.HelpBubblePositioner;
+exports.HelpBubblePositionerPortal = require_HelpBubble.HelpBubblePositionerPortal;
+exports.HelpBubbleRoot = require_HelpBubble.HelpBubbleRoot;
+exports.HelpBubbleTitle = require_HelpBubble.HelpBubbleTitle;
+exports.HelpBubbleTrigger = require_HelpBubble.HelpBubbleTrigger;

package/lib/components/HelpBubble/index.js

@@ -1,3 +1,3 @@
-export { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleBody, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubblePositionerPortal, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTrigger } from './HelpBubble.js';
-import * as HelpBubble_namespace from './HelpBubble.namespace.js';
-export { HelpBubble_namespace as HelpBubble };
+import { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleBody, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubblePositionerPortal, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTrigger } from "./HelpBubble.js";
+import { HelpBubble_namespace_exports } from "./HelpBubble.namespace.js";
+export { HelpBubble_namespace_exports as HelpBubble, HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleBody, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubblePositionerPortal, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTrigger };

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;