@seed-design/react 1.2.15 → 2.0.1

package/lib/components/HelpBubble/HelpBubble.cjs

@@ -1,16 +1,17 @@
 "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");
+const require_styled = require("../../utils/styled.cjs");
+const require_getHelpBubbleArrowTipPath = require("../../utils/getHelpBubbleArrowTipPath.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");
+let _seed_design_css_recipes_help_bubble = require("@seed-design/css/recipes/help-bubble");
 //#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]);
@@ -32,11 +33,7 @@ var HelpBubbleArrowTip = (0, react.forwardRef)((props, ref) => {
 	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`;
+	const pathData = require_getHelpBubbleArrowTipPath.getHelpBubbleArrowTipPath(width, height, tipRadius);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 		"aria-hidden": "true",
 		viewBox: `0 0 ${width} ${height}`,

package/lib/components/HelpBubble/HelpBubble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelpBubble.d.ts","sourceRoot":"","sources":["../../../src/components/HelpBubble/HelpBubble.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAqB,MAAM,4BAA4B,CAAC;AAC5F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAI/F,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AASrE,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,EAAE,gBAAgB,CAAC,SAAS;IAC7F;;OAEG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACpD;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC9C;;OAEG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAChE;;OAEG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC3D;AAED,eAAO,MAAM,cAAc,gEAOzB,CAAC;AAIH,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB,CAAC,WAAW;CAAG;AAE9E,eAAO,MAAM,gBAAgB,yHAA0B,CAAC;AAIxD,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB,CAAC,YAAY;CAAG;AAEhF,eAAO,MAAM,iBAAiB,6HAA2B,CAAC;AAI1D,MAAM,WAAW,yBAA0B,SAAQ,gBAAgB,CAAC,eAAe;CAAG;AAEtF,eAAO,MAAM,oBAAoB,sHAGhC,CAAC;AAEF,MAAM,WAAW,+BAAgC,SAAQ,gBAAgB,CAAC,qBAAqB;CAAG;AAElG,eAAO,MAAM,0BAA0B,4HAGW,CAAC;AAInD,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,EAC5B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB,CAAC,UAAU;CAAG;AAE5E,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC5E;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,gIAiC9B,CAAC;AAKF,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB,CAAC,gBAAgB;CAAG;AAExF,eAAO,MAAM,qBAAqB,0HAGjC,CAAC;AAIF,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpG,eAAO,MAAM,cAAc,gHAG1B,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,eAAe,kHAG3B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGjC,CAAC"}
+{"version":3,"file":"HelpBubble.d.ts","sourceRoot":"","sources":["../../../src/components/HelpBubble/HelpBubble.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAqB,MAAM,4BAA4B,CAAC;AAC5F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAI/F,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAUrE,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,EAAE,gBAAgB,CAAC,SAAS;IAC7F;;OAEG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACpD;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC9C;;OAEG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAChE;;OAEG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC3D;AAED,eAAO,MAAM,cAAc,gEAOzB,CAAC;AAIH,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB,CAAC,WAAW;CAAG;AAE9E,eAAO,MAAM,gBAAgB,yHAA0B,CAAC;AAIxD,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB,CAAC,YAAY;CAAG;AAEhF,eAAO,MAAM,iBAAiB,6HAA2B,CAAC;AAI1D,MAAM,WAAW,yBAA0B,SAAQ,gBAAgB,CAAC,eAAe;CAAG;AAEtF,eAAO,MAAM,oBAAoB,sHAGhC,CAAC;AAEF,MAAM,WAAW,+BAAgC,SAAQ,gBAAgB,CAAC,qBAAqB;CAAG;AAElG,eAAO,MAAM,0BAA0B,4HAGW,CAAC;AAInD,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,EAC5B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB,CAAC,UAAU;CAAG;AAE5E,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC5E;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,gIA6B9B,CAAC;AAKF,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB,CAAC,gBAAgB;CAAG;AAExF,eAAO,MAAM,qBAAqB,0HAGjC,CAAC;AAIF,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpG,eAAO,MAAM,cAAc,gHAG1B,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,eAAe,kHAG3B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGjC,CAAC"}

package/lib/components/HelpBubble/HelpBubble.js

@@ -1,14 +1,15 @@
 "use client";
-import { withStyleProps } from "../../utils/styled.js";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
 import { createWithStateProps } from "../../utils/createWithStateProps.js";
+import { withStyleProps } from "../../utils/styled.js";
+import { getHelpBubbleArrowTipPath } from "../../utils/getHelpBubbleArrowTipPath.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";
+import { helpBubble } from "@seed-design/css/recipes/help-bubble";
 //#region src/components/HelpBubble/HelpBubble.tsx
 var { withRootProvider, withContext, useClassNames } = createSlotRecipeContext(helpBubble);
 var withStateProps = createWithStateProps([usePopoverContext]);
@@ -30,11 +31,7 @@ var HelpBubbleArrowTip = forwardRef((props, ref) => {
 	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`;
+	const pathData = getHelpBubbleArrowTipPath(width, height, tipRadius);
 	return /* @__PURE__ */ jsx("svg", {
 		"aria-hidden": "true",
 		viewBox: `0 0 ${width} ${height}`,

package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.cjs

@@ -0,0 +1,64 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+const require_createWithStateProps = require("../../utils/createWithStateProps.cjs");
+const require_styled = require("../../utils/styled.cjs");
+const require_getHelpBubbleArrowTipPath = require("../../utils/getHelpBubbleArrowTipPath.cjs");
+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 _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
+let _seed_design_css_recipes_help_bubble = require("@seed-design/css/recipes/help-bubble");
+let _seed_design_react_tooltip = require("@seed-design/react-tooltip");
+//#region src/components/HelpBubbleTooltip/HelpBubbleTooltip.tsx
+var { withRootProvider, withContext, useClassNames } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_help_bubble.helpBubble);
+var withStateProps = require_createWithStateProps.createWithStateProps([_seed_design_react_tooltip.useTooltipContext]);
+var HelpBubbleTooltipRoot = withRootProvider(_seed_design_react_tooltip.Tooltip.Root, { defaultProps: {
+	placement: "top",
+	gutter: 4,
+	overflowPadding: 16,
+	arrowPadding: 14
+} });
+var HelpBubbleTooltipTrigger = _seed_design_react_tooltip.Tooltip.Trigger;
+var HelpBubbleTooltipDelayGroup = _seed_design_react_tooltip.Tooltip.DelayGroup;
+var HelpBubbleTooltipPositioner = withContext(_seed_design_react_tooltip.Tooltip.Positioner, "positioner");
+var HelpBubbleTooltipPositionerPortal = withContext(_seed_design_react_tooltip.Tooltip.PositionerPortal, "positioner");
+var HelpBubbleTooltipContent = withContext(require_styled.withStyleProps(withStateProps(_seed_design_react_primitive.Primitive.div)), "content");
+var HelpBubbleTooltipArrow = withContext(_seed_design_react_tooltip.Tooltip.Arrow, "arrow");
+var HelpBubbleTooltipArrowTip = (0, react.forwardRef)((props, ref) => {
+	const { tipRadius = 2, className, ...otherProps } = props;
+	const api = (0, _seed_design_react_tooltip.useTooltipContext)();
+	const classNames = useClassNames();
+	const width = api.rects.arrowTip?.width || 0;
+	const height = api.rects.arrowTip?.height || 0;
+	const pathData = require_getHelpBubbleArrowTipPath.getHelpBubbleArrowTipPath(width, height, tipRadius);
+	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
+		})
+	});
+});
+HelpBubbleTooltipArrowTip.displayName = "HelpBubbleTooltipArrowTip";
+var HelpBubbleTooltipBody = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "body");
+var HelpBubbleTooltipTitle = withContext(withStateProps(_seed_design_react_primitive.Primitive.span), "title");
+var HelpBubbleTooltipDescription = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "description");
+//#endregion
+exports.HelpBubbleTooltipArrow = HelpBubbleTooltipArrow;
+exports.HelpBubbleTooltipArrowTip = HelpBubbleTooltipArrowTip;
+exports.HelpBubbleTooltipBody = HelpBubbleTooltipBody;
+exports.HelpBubbleTooltipContent = HelpBubbleTooltipContent;
+exports.HelpBubbleTooltipDelayGroup = HelpBubbleTooltipDelayGroup;
+exports.HelpBubbleTooltipDescription = HelpBubbleTooltipDescription;
+exports.HelpBubbleTooltipPositioner = HelpBubbleTooltipPositioner;
+exports.HelpBubbleTooltipPositionerPortal = HelpBubbleTooltipPositionerPortal;
+exports.HelpBubbleTooltipRoot = HelpBubbleTooltipRoot;
+exports.HelpBubbleTooltipTitle = HelpBubbleTooltipTitle;
+exports.HelpBubbleTooltipTrigger = HelpBubbleTooltipTrigger;

package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.d.ts

@@ -0,0 +1,60 @@
+import { Tooltip as TooltipPrimitive } from '@seed-design/react-tooltip';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { HelpBubbleVariantProps } from '@seed-design/css/recipes/help-bubble';
+import { StyleProps } from '../../utils/styled';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface HelpBubbleTooltipRootProps extends HelpBubbleVariantProps, TooltipPrimitive.RootProps {
+    /**
+     * @default "top"
+     */
+    placement?: TooltipPrimitive.RootProps["placement"];
+    /**
+     * @default 4
+     */
+    gutter?: TooltipPrimitive.RootProps["gutter"];
+    /**
+     * @default 16
+     */
+    overflowPadding?: TooltipPrimitive.RootProps["overflowPadding"];
+    /**
+     * @default 14
+     */
+    arrowPadding?: TooltipPrimitive.RootProps["arrowPadding"];
+}
+export declare const HelpBubbleTooltipRoot: ForwardRefExoticComponent<HelpBubbleTooltipRootProps>;
+export interface HelpBubbleTooltipTriggerProps extends TooltipPrimitive.TriggerProps {
+}
+export declare const HelpBubbleTooltipTrigger: ForwardRefExoticComponent<TooltipPrimitive.TriggerProps & RefAttributes<HTMLButtonElement>>;
+export interface HelpBubbleTooltipDelayGroupProps extends TooltipPrimitive.DelayGroupProps {
+}
+export declare const HelpBubbleTooltipDelayGroup: typeof TooltipPrimitive.DelayGroup;
+export interface HelpBubbleTooltipPositionerProps extends TooltipPrimitive.PositionerProps {
+}
+export declare const HelpBubbleTooltipPositioner: ForwardRefExoticComponent<HelpBubbleTooltipPositionerProps & RefAttributes<HTMLDivElement>>;
+export interface HelpBubbleTooltipPositionerPortalProps extends TooltipPrimitive.PositionerPortalProps {
+}
+export declare const HelpBubbleTooltipPositionerPortal: ForwardRefExoticComponent<HelpBubbleTooltipPositionerPortalProps & RefAttributes<HTMLDivElement>>;
+export interface HelpBubbleTooltipContentProps extends PrimitiveProps, Pick<StyleProps, "maxWidth">, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const HelpBubbleTooltipContent: ForwardRefExoticComponent<HelpBubbleTooltipContentProps & RefAttributes<HTMLDivElement>>;
+export interface HelpBubbleTooltipArrowProps extends TooltipPrimitive.ArrowProps {
+}
+export declare const HelpBubbleTooltipArrow: ForwardRefExoticComponent<HelpBubbleTooltipArrowProps & RefAttributes<HTMLDivElement>>;
+export interface HelpBubbleTooltipArrowTipProps extends React.SVGProps<SVGSVGElement> {
+    /**
+     * radius of the arrow tip
+     * @default 2
+     */
+    tipRadius?: number;
+}
+export declare const HelpBubbleTooltipArrowTip: ForwardRefExoticComponent<Omit<HelpBubbleTooltipArrowTipProps, "ref"> & RefAttributes<SVGSVGElement>>;
+export interface HelpBubbleTooltipBodyProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const HelpBubbleTooltipBody: ForwardRefExoticComponent<HelpBubbleTooltipBodyProps & RefAttributes<HTMLDivElement>>;
+export interface HelpBubbleTooltipTitleProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare const HelpBubbleTooltipTitle: ForwardRefExoticComponent<HelpBubbleTooltipTitleProps & RefAttributes<HTMLSpanElement>>;
+export interface HelpBubbleTooltipDescriptionProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const HelpBubbleTooltipDescription: ForwardRefExoticComponent<HelpBubbleTooltipDescriptionProps & RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=HelpBubbleTooltip.d.ts.map

package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpBubbleTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/HelpBubbleTooltip/HelpBubbleTooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAqB,MAAM,4BAA4B,CAAC;AAC5F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAI/F,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAUrE,MAAM,WAAW,0BACf,SAAQ,sBAAsB,EAC5B,gBAAgB,CAAC,SAAS;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACpD;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC9C;;OAEG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAChE;;OAEG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC3D;AAED,eAAO,MAAM,qBAAqB,uEAUjC,CAAC;AAIF,MAAM,WAAW,6BAA8B,SAAQ,gBAAgB,CAAC,YAAY;CAAG;AAEvF,eAAO,MAAM,wBAAwB,6HAA2B,CAAC;AAIjE,MAAM,WAAW,gCAAiC,SAAQ,gBAAgB,CAAC,eAAe;CAAG;AAE7F,eAAO,MAAM,2BAA2B,oCAA8B,CAAC;AAIvE,MAAM,WAAW,gCAAiC,SAAQ,gBAAgB,CAAC,eAAe;CAAG;AAE7F,eAAO,MAAM,2BAA2B,6HAGI,CAAC;AAE7C,MAAM,WAAW,sCACf,SAAQ,gBAAgB,CAAC,qBAAqB;CAAG;AAEnD,eAAO,MAAM,iCAAiC,mIAGI,CAAC;AAInD,MAAM,WAAW,6BACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,EAC5B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,wBAAwB,0HAGpC,CAAC;AAIF,MAAM,WAAW,2BAA4B,SAAQ,gBAAgB,CAAC,UAAU;CAAG;AAEnF,eAAO,MAAM,sBAAsB,wHAGlC,CAAC;AAIF,MAAM,WAAW,8BAA+B,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IACnF;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,yBAAyB,uIA6BrC,CAAC;AAKF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAEF,MAAM,WAAW,2BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,sBAAsB,yHAGlC,CAAC;AAEF,MAAM,WAAW,iCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,4BAA4B,8HAGM,CAAC"}

package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.js

@@ -0,0 +1,52 @@
+"use client";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { createWithStateProps } from "../../utils/createWithStateProps.js";
+import { withStyleProps } from "../../utils/styled.js";
+import { getHelpBubbleArrowTipPath } from "../../utils/getHelpBubbleArrowTipPath.js";
+import { Primitive } from "@seed-design/react-primitive";
+import clsx$1 from "clsx";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { composeRefs } from "@radix-ui/react-compose-refs";
+import { helpBubble } from "@seed-design/css/recipes/help-bubble";
+import { Tooltip, useTooltipContext } from "@seed-design/react-tooltip";
+//#region src/components/HelpBubbleTooltip/HelpBubbleTooltip.tsx
+var { withRootProvider, withContext, useClassNames } = createSlotRecipeContext(helpBubble);
+var withStateProps = createWithStateProps([useTooltipContext]);
+var HelpBubbleTooltipRoot = withRootProvider(Tooltip.Root, { defaultProps: {
+	placement: "top",
+	gutter: 4,
+	overflowPadding: 16,
+	arrowPadding: 14
+} });
+var HelpBubbleTooltipTrigger = Tooltip.Trigger;
+var HelpBubbleTooltipDelayGroup = Tooltip.DelayGroup;
+var HelpBubbleTooltipPositioner = withContext(Tooltip.Positioner, "positioner");
+var HelpBubbleTooltipPositionerPortal = withContext(Tooltip.PositionerPortal, "positioner");
+var HelpBubbleTooltipContent = withContext(withStyleProps(withStateProps(Primitive.div)), "content");
+var HelpBubbleTooltipArrow = withContext(Tooltip.Arrow, "arrow");
+var HelpBubbleTooltipArrowTip = forwardRef((props, ref) => {
+	const { tipRadius = 2, className, ...otherProps } = props;
+	const api = useTooltipContext();
+	const classNames = useClassNames();
+	const width = api.rects.arrowTip?.width || 0;
+	const height = api.rects.arrowTip?.height || 0;
+	const pathData = getHelpBubbleArrowTipPath(width, height, tipRadius);
+	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
+		})
+	});
+});
+HelpBubbleTooltipArrowTip.displayName = "HelpBubbleTooltipArrowTip";
+var HelpBubbleTooltipBody = withContext(withStateProps(Primitive.div), "body");
+var HelpBubbleTooltipTitle = withContext(withStateProps(Primitive.span), "title");
+var HelpBubbleTooltipDescription = withContext(withStateProps(Primitive.div), "description");
+//#endregion
+export { HelpBubbleTooltipArrow, HelpBubbleTooltipArrowTip, HelpBubbleTooltipBody, HelpBubbleTooltipContent, HelpBubbleTooltipDelayGroup, HelpBubbleTooltipDescription, HelpBubbleTooltipPositioner, HelpBubbleTooltipPositionerPortal, HelpBubbleTooltipRoot, HelpBubbleTooltipTitle, HelpBubbleTooltipTrigger };

package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.namespace.cjs

@@ -0,0 +1,23 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_HelpBubbleTooltip = require("./HelpBubbleTooltip.cjs");
+//#region src/components/HelpBubbleTooltip/HelpBubbleTooltip.namespace.ts
+var HelpBubbleTooltip_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	Arrow: () => require_HelpBubbleTooltip.HelpBubbleTooltipArrow,
+	ArrowTip: () => require_HelpBubbleTooltip.HelpBubbleTooltipArrowTip,
+	Body: () => require_HelpBubbleTooltip.HelpBubbleTooltipBody,
+	Content: () => require_HelpBubbleTooltip.HelpBubbleTooltipContent,
+	DelayGroup: () => require_HelpBubbleTooltip.HelpBubbleTooltipDelayGroup,
+	Description: () => require_HelpBubbleTooltip.HelpBubbleTooltipDescription,
+	Positioner: () => require_HelpBubbleTooltip.HelpBubbleTooltipPositioner,
+	PositionerPortal: () => require_HelpBubbleTooltip.HelpBubbleTooltipPositionerPortal,
+	Root: () => require_HelpBubbleTooltip.HelpBubbleTooltipRoot,
+	Title: () => require_HelpBubbleTooltip.HelpBubbleTooltipTitle,
+	Trigger: () => require_HelpBubbleTooltip.HelpBubbleTooltipTrigger
+});
+//#endregion
+Object.defineProperty(exports, "HelpBubbleTooltip_namespace_exports", {
+	enumerable: true,
+	get: function() {
+		return HelpBubbleTooltip_namespace_exports;
+	}
+});

package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.namespace.d.ts

@@ -0,0 +1,2 @@
+export { HelpBubbleTooltipArrow as Arrow, HelpBubbleTooltipArrowTip as ArrowTip, HelpBubbleTooltipBody as Body, HelpBubbleTooltipContent as Content, HelpBubbleTooltipDelayGroup as DelayGroup, HelpBubbleTooltipDescription as Description, HelpBubbleTooltipPositioner as Positioner, HelpBubbleTooltipPositionerPortal as PositionerPortal, HelpBubbleTooltipRoot as Root, HelpBubbleTooltipTitle as Title, HelpBubbleTooltipTrigger as Trigger, type HelpBubbleTooltipArrowProps as ArrowProps, type HelpBubbleTooltipArrowTipProps as ArrowTipProps, type HelpBubbleTooltipBodyProps as BodyProps, type HelpBubbleTooltipContentProps as ContentProps, type HelpBubbleTooltipDelayGroupProps as DelayGroupProps, type HelpBubbleTooltipDescriptionProps as DescriptionProps, type HelpBubbleTooltipPositionerProps as PositionerProps, type HelpBubbleTooltipPositionerPortalProps as PositionerPortalProps, type HelpBubbleTooltipRootProps as RootProps, type HelpBubbleTooltipTitleProps as TitleProps, type HelpBubbleTooltipTriggerProps as TriggerProps, } from './HelpBubbleTooltip';
+//# sourceMappingURL=HelpBubbleTooltip.namespace.d.ts.map

package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.namespace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpBubbleTooltip.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/HelpBubbleTooltip/HelpBubbleTooltip.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,IAAI,KAAK,EAC/B,yBAAyB,IAAI,QAAQ,EACrC,qBAAqB,IAAI,IAAI,EAC7B,wBAAwB,IAAI,OAAO,EACnC,2BAA2B,IAAI,UAAU,EACzC,4BAA4B,IAAI,WAAW,EAC3C,2BAA2B,IAAI,UAAU,EACzC,iCAAiC,IAAI,gBAAgB,EACrD,qBAAqB,IAAI,IAAI,EAC7B,sBAAsB,IAAI,KAAK,EAC/B,wBAAwB,IAAI,OAAO,EACnC,KAAK,2BAA2B,IAAI,UAAU,EAC9C,KAAK,8BAA8B,IAAI,aAAa,EACpD,KAAK,0BAA0B,IAAI,SAAS,EAC5C,KAAK,6BAA6B,IAAI,YAAY,EAClD,KAAK,gCAAgC,IAAI,eAAe,EACxD,KAAK,iCAAiC,IAAI,gBAAgB,EAC1D,KAAK,gCAAgC,IAAI,eAAe,EACxD,KAAK,sCAAsC,IAAI,qBAAqB,EACpE,KAAK,0BAA0B,IAAI,SAAS,EAC5C,KAAK,2BAA2B,IAAI,UAAU,EAC9C,KAAK,6BAA6B,IAAI,YAAY,GACnD,MAAM,qBAAqB,CAAC"}

package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.namespace.js

@@ -0,0 +1,18 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { HelpBubbleTooltipArrow, HelpBubbleTooltipArrowTip, HelpBubbleTooltipBody, HelpBubbleTooltipContent, HelpBubbleTooltipDelayGroup, HelpBubbleTooltipDescription, HelpBubbleTooltipPositioner, HelpBubbleTooltipPositionerPortal, HelpBubbleTooltipRoot, HelpBubbleTooltipTitle, HelpBubbleTooltipTrigger } from "./HelpBubbleTooltip.js";
+//#region src/components/HelpBubbleTooltip/HelpBubbleTooltip.namespace.ts
+var HelpBubbleTooltip_namespace_exports = /* @__PURE__ */ __exportAll({
+	Arrow: () => HelpBubbleTooltipArrow,
+	ArrowTip: () => HelpBubbleTooltipArrowTip,
+	Body: () => HelpBubbleTooltipBody,
+	Content: () => HelpBubbleTooltipContent,
+	DelayGroup: () => HelpBubbleTooltipDelayGroup,
+	Description: () => HelpBubbleTooltipDescription,
+	Positioner: () => HelpBubbleTooltipPositioner,
+	PositionerPortal: () => HelpBubbleTooltipPositionerPortal,
+	Root: () => HelpBubbleTooltipRoot,
+	Title: () => HelpBubbleTooltipTitle,
+	Trigger: () => HelpBubbleTooltipTrigger
+});
+//#endregion
+export { HelpBubbleTooltip_namespace_exports };

package/lib/components/HelpBubbleTooltip/index.cjs

@@ -0,0 +1,20 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_HelpBubbleTooltip = require("./HelpBubbleTooltip.cjs");
+const require_HelpBubbleTooltip_namespace = require("./HelpBubbleTooltip.namespace.cjs");
+Object.defineProperty(exports, "HelpBubbleTooltip", {
+	enumerable: true,
+	get: function() {
+		return require_HelpBubbleTooltip_namespace.HelpBubbleTooltip_namespace_exports;
+	}
+});
+exports.HelpBubbleTooltipArrow = require_HelpBubbleTooltip.HelpBubbleTooltipArrow;
+exports.HelpBubbleTooltipArrowTip = require_HelpBubbleTooltip.HelpBubbleTooltipArrowTip;
+exports.HelpBubbleTooltipBody = require_HelpBubbleTooltip.HelpBubbleTooltipBody;
+exports.HelpBubbleTooltipContent = require_HelpBubbleTooltip.HelpBubbleTooltipContent;
+exports.HelpBubbleTooltipDelayGroup = require_HelpBubbleTooltip.HelpBubbleTooltipDelayGroup;
+exports.HelpBubbleTooltipDescription = require_HelpBubbleTooltip.HelpBubbleTooltipDescription;
+exports.HelpBubbleTooltipPositioner = require_HelpBubbleTooltip.HelpBubbleTooltipPositioner;
+exports.HelpBubbleTooltipPositionerPortal = require_HelpBubbleTooltip.HelpBubbleTooltipPositionerPortal;
+exports.HelpBubbleTooltipRoot = require_HelpBubbleTooltip.HelpBubbleTooltipRoot;
+exports.HelpBubbleTooltipTitle = require_HelpBubbleTooltip.HelpBubbleTooltipTitle;
+exports.HelpBubbleTooltipTrigger = require_HelpBubbleTooltip.HelpBubbleTooltipTrigger;

package/lib/components/HelpBubbleTooltip/index.d.ts

@@ -0,0 +1,3 @@
+export { HelpBubbleTooltipArrow, HelpBubbleTooltipArrowTip, HelpBubbleTooltipBody, HelpBubbleTooltipContent, HelpBubbleTooltipDelayGroup, HelpBubbleTooltipDescription, HelpBubbleTooltipPositioner, HelpBubbleTooltipPositionerPortal, HelpBubbleTooltipRoot, HelpBubbleTooltipTitle, HelpBubbleTooltipTrigger, type HelpBubbleTooltipArrowProps, type HelpBubbleTooltipArrowTipProps, type HelpBubbleTooltipBodyProps, type HelpBubbleTooltipContentProps, type HelpBubbleTooltipDelayGroupProps, type HelpBubbleTooltipDescriptionProps, type HelpBubbleTooltipPositionerProps, type HelpBubbleTooltipPositionerPortalProps, type HelpBubbleTooltipRootProps, type HelpBubbleTooltipTitleProps, type HelpBubbleTooltipTriggerProps, } from './HelpBubbleTooltip';
+export * as HelpBubbleTooltip from './HelpBubbleTooltip.namespace';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/HelpBubbleTooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HelpBubbleTooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,yBAAyB,EACzB,qBAAqB,EACrB,wBAAwB,EACxB,2BAA2B,EAC3B,4BAA4B,EAC5B,2BAA2B,EAC3B,iCAAiC,EACjC,qBAAqB,EACrB,sBAAsB,EACtB,wBAAwB,EACxB,KAAK,2BAA2B,EAChC,KAAK,8BAA8B,EACnC,KAAK,0BAA0B,EAC/B,KAAK,6BAA6B,EAClC,KAAK,gCAAgC,EACrC,KAAK,iCAAiC,EACtC,KAAK,gCAAgC,EACrC,KAAK,sCAAsC,EAC3C,KAAK,0BAA0B,EAC/B,KAAK,2BAA2B,EAChC,KAAK,6BAA6B,GACnC,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAK,iBAAiB,MAAM,+BAA+B,CAAC"}

package/lib/components/HelpBubbleTooltip/index.js

@@ -0,0 +1,3 @@
+import { HelpBubbleTooltipArrow, HelpBubbleTooltipArrowTip, HelpBubbleTooltipBody, HelpBubbleTooltipContent, HelpBubbleTooltipDelayGroup, HelpBubbleTooltipDescription, HelpBubbleTooltipPositioner, HelpBubbleTooltipPositionerPortal, HelpBubbleTooltipRoot, HelpBubbleTooltipTitle, HelpBubbleTooltipTrigger } from "./HelpBubbleTooltip.js";
+import { HelpBubbleTooltip_namespace_exports } from "./HelpBubbleTooltip.namespace.js";
+export { HelpBubbleTooltip_namespace_exports as HelpBubbleTooltip, HelpBubbleTooltipArrow, HelpBubbleTooltipArrowTip, HelpBubbleTooltipBody, HelpBubbleTooltipContent, HelpBubbleTooltipDelayGroup, HelpBubbleTooltipDescription, HelpBubbleTooltipPositioner, HelpBubbleTooltipPositionerPortal, HelpBubbleTooltipRoot, HelpBubbleTooltipTitle, HelpBubbleTooltipTrigger };

package/lib/components/Icon/Icon.d.ts

@@ -1,3 +1,4 @@
+import { UnwrapResponsive } from '../../types/responsive';
 import { StyleProps } from '../../utils/styled';
 import { ForwardRefExoticComponent, RefAttributes, PropsWithoutRef } from 'react';
 export interface PrefixIconProps {
@@ -14,7 +15,7 @@ export declare const IconRequired: ({ children, enabled, }: {
 }) => import("react/jsx-runtime").JSX.Element;
 export interface IconProps {
     svg: React.ReactNode;
-    size?: StyleProps["height"];
+    size?: UnwrapResponsive<StyleProps["height"]>;
     color?: StyleProps["color"];
 }
 export declare const Icon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;

package/lib/components/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAgC,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEnF,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,2GAatB,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,2GAatB,CAAC;AAIF,eAAO,MAAM,YAAY,GAAI,wBAG1B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;CAClB,4CAsDA,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;IAErB,IAAI,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE5B,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,IAAI,qGA+BhB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,EAC9C,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAC1D,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,OAAO,oHAe/D"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAgC,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEnF,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,2GAatB,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,2GAatB,CAAC;AAIF,eAAO,MAAM,YAAY,GAAI,wBAG1B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;CAClB,4CAsDA,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;IAErB,IAAI,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE9C,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,IAAI,qGA+BhB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,EAC9C,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAC1D,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,OAAO,oHAe/D"}

package/lib/components/ImageFrame/ImageFrame.cjs

@@ -1,7 +1,7 @@
 "use client";
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_Icon = require("../Icon/Icon.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+const require_Icon = require("../Icon/Icon.cjs");
 const require_AspectRatio = require("../AspectRatio/AspectRatio.cjs");
 const require_Badge = require("../Badge/Badge.cjs");
 const require_Icon$1 = require("../private/Icon.cjs");
@@ -18,15 +18,15 @@ let _seed_design_css_recipes_image_frame = require("@seed-design/css/recipes/ima
 let _seed_design_css_recipes_image_frame_icon = require("@seed-design/css/recipes/image-frame-icon");
 let _seed_design_css_recipes_image_frame_indicator = require("@seed-design/css/recipes/image-frame-indicator");
 let _seed_design_css_recipes_image_frame_reaction_button = require("@seed-design/css/recipes/image-frame-reaction-button");
-let _seed_design_css_vars_component = require("@seed-design/css/vars/component");
 //#region src/components/ImageFrame/ImageFrame.tsx
-var ImageFrame = react.forwardRef(({ ratio = 4 / 3, src, alt, fallback, className, loading, decoding, crossOrigin, referrerPolicy, sizes, srcSet, onLoad, onError, children, ...rest }, ref) => {
+var ImageFrame = react.forwardRef(({ ratio = 4 / 3, src, alt, fallback, className, loading, decoding, crossOrigin, referrerPolicy, sizes, srcSet, onLoad, onError, borderRadius = "r2", children, ...rest }, ref) => {
 	const [variantProps, restProps] = _seed_design_css_recipes_image_frame.imageFrame.splitVariantProps(rest);
 	const classNames = (0, _seed_design_css_recipes_image_frame.imageFrame)(variantProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AspectRatio.AspectRatio, {
 		ref,
 		ratio,
 		className,
+		borderRadius,
 		...restProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_seed_design_react_image.Image.Root, {
 			className: classNames.root,
@@ -56,11 +56,8 @@ var ImageFrame = react.forwardRef(({ ratio = 4 / 3, src, alt, fallback, classNam
 ImageFrame.displayName = "ImageFrame";
 /**
 * ImageFrame 내에서 오버레이 요소를 배치하기 위한 컴포넌트
-*
-* @remarks
-* offsetX, offsetY 기본값은 rootage 스펙(image-frame-floater)에서 가져옵니다.
 */
-var ImageFrameFloater = react.forwardRef(({ offsetX = _seed_design_css_vars_component.imageFrameFloater.base.enabled.root.offset, offsetY = _seed_design_css_vars_component.imageFrameFloater.base.enabled.root.offset, ...rest }, ref) => {
+var ImageFrameFloater = react.forwardRef(({ offsetX = "x1_5", offsetY = "x1_5", ...rest }, ref) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Float.Float, {
 		ref,
 		offsetX,
@@ -124,7 +121,7 @@ var HeartFillSvg = (props) => {
 		}) })]
 	});
 };
-var HeartLineSvg = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+var HeartLineSvg = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 	width: "100%",
 	height: "100%",
 	viewBox: "8 9 24 24",
@@ -132,12 +129,15 @@ var HeartLineSvg = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg",
 	xmlns: "http://www.w3.org/2000/svg",
 	"aria-hidden": "true",
 	...props,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+		d: HeartFillPath,
+		fill: "#0000004c"
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 		fillRule: "evenodd",
 		clipRule: "evenodd",
 		d: HeartOutlineStrokePath,
 		fill: "currentColor"
-	})
+	})]
 });
 var ReactionButtonIcon = () => {
 	const { pressed, stateProps } = (0, _seed_design_react_toggle.useToggleContext)();

package/lib/components/ImageFrame/ImageFrame.d.ts

@@ -2,17 +2,12 @@ import { ImageFrameVariantProps } from '@seed-design/css/recipes/image-frame';
 import { ImageFrameIconVariantProps } from '@seed-design/css/recipes/image-frame-icon';
 import { ImageFrameIndicatorVariantProps } from '@seed-design/css/recipes/image-frame-indicator';
 import { Toggle as TogglePrimitive } from '@seed-design/react-toggle';
+import { DistributiveOmit } from '../../utils/styled';
 import { AspectRatioProps } from '../AspectRatio/AspectRatio';
 import { BadgeProps } from '../Badge/Badge';
 import { FloatProps } from '../Float/Float';
 import * as React from "react";
-export interface ImageFrameProps extends Omit<AspectRatioProps, "children">, ImageFrameVariantProps {
-    /**
-     * @deprecated Deprecated in `@seed-design/react@1.2.x`; will be removed in 2.0.0.
-     * Use borderRadius="r2" instead.
-     * Reason: 모서리 스타일은 borderRadius prop으로 통일합니다.
-     */
-    rounded?: ImageFrameVariantProps["rounded"];
+export type ImageFrameProps = DistributiveOmit<AspectRatioProps, "children"> & ImageFrameVariantProps & {
     src: string;
     alt: string;
     fallback?: React.ReactNode;
@@ -25,15 +20,12 @@ export interface ImageFrameProps extends Omit<AspectRatioProps, "children">, Ima
     onLoad?: React.ReactEventHandler<HTMLImageElement>;
     onError?: React.ReactEventHandler<HTMLImageElement>;
     children?: React.ReactNode;
-}
+};
 export declare const ImageFrame: React.ForwardRefExoticComponent<ImageFrameProps & React.RefAttributes<HTMLDivElement>>;
 export interface ImageFrameFloaterProps extends FloatProps {
 }
 /**
  * ImageFrame 내에서 오버레이 요소를 배치하기 위한 컴포넌트
- *
- * @remarks
- * offsetX, offsetY 기본값은 rootage 스펙(image-frame-floater)에서 가져옵니다.
  */
 export declare const ImageFrameFloater: React.ForwardRefExoticComponent<ImageFrameFloaterProps & React.RefAttributes<HTMLDivElement>>;
 export interface ImageFrameBadgeProps extends BadgeProps {

package/lib/components/ImageFrame/ImageFrame.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageFrame.d.ts","sourceRoot":"","sources":["../../../src/components/ImageFrame/ImageFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,gDAAgD,CAAC;AAKxD,OAAO,EAAE,MAAM,IAAI,eAAe,EAAoB,MAAM,2BAA2B,CAAC;AAExF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAMxD,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,EACxC,sBAAsB;IACxB;;;;OAIG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACrC,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,GAAG,EAAE,CAAC;IACnD,cAAc,CAAC,EAAE,KAAK,CAAC,2BAA2B,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,wFA8CtB,CAAC;AAMF,MAAM,WAAW,sBAAuB,SAAQ,UAAU;CAAG;AAE7D;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,+FAW7B,CAAC;AAMF,MAAM,WAAW,oBAAqB,SAAQ,UAAU;CAAG;AAE3D,eAAO,MAAM,eAAe,8FAI3B,CAAC;AAMF,MAAM,WAAW,mBACf,SAAQ,0BAA0B,EAChC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IACzD,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,6FAQ1B,CAAC;AAMF,MAAM,WAAW,wBACf,SAAQ,+BAA+B,EACrC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,mBAAmB,kGAQ/B,CAAC;AAiEF,MAAM,WAAW,6BACf,SAAQ,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,UAAU,CAAC;CAAG;AAYxD,eAAO,MAAM,wBAAwB,yGAanC,CAAC"}
+{"version":3,"file":"ImageFrame.d.ts","sourceRoot":"","sources":["../../../src/components/ImageFrame/ImageFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,gDAAgD,CAAC;AAIxD,OAAO,EAAE,MAAM,IAAI,eAAe,EAAoB,MAAM,2BAA2B,CAAC;AAExF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAMxD,MAAM,MAAM,eAAe,GAAG,gBAAgB,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAC1E,sBAAsB,GAAG;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACrC,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,GAAG,EAAE,CAAC;IACnD,cAAc,CAAC,EAAE,KAAK,CAAC,2BAA2B,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEJ,eAAO,MAAM,UAAU,wFAsDtB,CAAC;AAMF,MAAM,WAAW,sBAAuB,SAAQ,UAAU;CAAG;AAE7D;;GAEG;AACH,eAAO,MAAM,iBAAiB,+FAI7B,CAAC;AAMF,MAAM,WAAW,oBAAqB,SAAQ,UAAU;CAAG;AAE3D,eAAO,MAAM,eAAe,8FAI3B,CAAC;AAMF,MAAM,WAAW,mBACf,SAAQ,0BAA0B,EAChC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IACzD,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,6FAQ1B,CAAC;AAMF,MAAM,WAAW,wBACf,SAAQ,+BAA+B,EACrC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,mBAAmB,kGAQ/B,CAAC;AAoEF,MAAM,WAAW,6BACf,SAAQ,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,UAAU,CAAC;CAAG;AAYxD,eAAO,MAAM,wBAAwB,yGAanC,CAAC"}

package/lib/components/ImageFrame/ImageFrame.js

@@ -1,6 +1,6 @@
 "use client";
-import { Icon } from "../Icon/Icon.js";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { Icon } from "../Icon/Icon.js";
 import { AspectRatio } from "../AspectRatio/AspectRatio.js";
 import { Badge } from "../Badge/Badge.js";
 import { InternalIcon } from "../private/Icon.js";
@@ -15,15 +15,15 @@ import { imageFrame } from "@seed-design/css/recipes/image-frame";
 import { imageFrameIcon } from "@seed-design/css/recipes/image-frame-icon";
 import { imageFrameIndicator } from "@seed-design/css/recipes/image-frame-indicator";
 import { imageFrameReactionButton } from "@seed-design/css/recipes/image-frame-reaction-button";
-import { imageFrameFloater } from "@seed-design/css/vars/component";
 //#region src/components/ImageFrame/ImageFrame.tsx
-var ImageFrame = React$1.forwardRef(({ ratio = 4 / 3, src, alt, fallback, className, loading, decoding, crossOrigin, referrerPolicy, sizes, srcSet, onLoad, onError, children, ...rest }, ref) => {
+var ImageFrame = React$1.forwardRef(({ ratio = 4 / 3, src, alt, fallback, className, loading, decoding, crossOrigin, referrerPolicy, sizes, srcSet, onLoad, onError, borderRadius = "r2", children, ...rest }, ref) => {
 	const [variantProps, restProps] = imageFrame.splitVariantProps(rest);
 	const classNames = imageFrame(variantProps);
 	return /* @__PURE__ */ jsx(AspectRatio, {
 		ref,
 		ratio,
 		className,
+		borderRadius,
 		...restProps,
 		children: /* @__PURE__ */ jsxs(Image.Root, {
 			className: classNames.root,
@@ -53,11 +53,8 @@ var ImageFrame = React$1.forwardRef(({ ratio = 4 / 3, src, alt, fallback, classN
 ImageFrame.displayName = "ImageFrame";
 /**
 * ImageFrame 내에서 오버레이 요소를 배치하기 위한 컴포넌트
-*
-* @remarks
-* offsetX, offsetY 기본값은 rootage 스펙(image-frame-floater)에서 가져옵니다.
 */
-var ImageFrameFloater = React$1.forwardRef(({ offsetX = imageFrameFloater.base.enabled.root.offset, offsetY = imageFrameFloater.base.enabled.root.offset, ...rest }, ref) => {
+var ImageFrameFloater = React$1.forwardRef(({ offsetX = "x1_5", offsetY = "x1_5", ...rest }, ref) => {
 	return /* @__PURE__ */ jsx(Float, {
 		ref,
 		offsetX,
@@ -121,7 +118,7 @@ var HeartFillSvg = (props) => {
 		}) })]
 	});
 };
-var HeartLineSvg = (props) => /* @__PURE__ */ jsx("svg", {
+var HeartLineSvg = (props) => /* @__PURE__ */ jsxs("svg", {
 	width: "100%",
 	height: "100%",
 	viewBox: "8 9 24 24",
@@ -129,12 +126,15 @@ var HeartLineSvg = (props) => /* @__PURE__ */ jsx("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	"aria-hidden": "true",
 	...props,
-	children: /* @__PURE__ */ jsx("path", {
+	children: [/* @__PURE__ */ jsx("path", {
+		d: HeartFillPath,
+		fill: "#0000004c"
+	}), /* @__PURE__ */ jsx("path", {
 		fillRule: "evenodd",
 		clipRule: "evenodd",
 		d: HeartOutlineStrokePath,
 		fill: "currentColor"
-	})
+	})]
 });
 var ReactionButtonIcon = () => {
 	const { pressed, stateProps } = useToggleContext();

package/lib/components/Inline/Inline.d.ts

@@ -1,10 +1,10 @@
+import { DistributiveOmit } from '../../utils/styled';
 import { BoxProps } from '../Box/Box';
 import * as React from "react";
 /**
  * @deprecated Use `HStack` instead.
  */
-export interface InlineProps extends Omit<BoxProps, "display" | "direction" | "flexWrap"> {
-}
+export type InlineProps = DistributiveOmit<BoxProps, "display" | "direction" | "flexWrap">;
 /**
  * @deprecated Use `HStack` instead.
  */

package/lib/components/Inline/Inline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../src/components/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,QAAQ,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;CAAG;AAE5F;;GAEG;AACH,eAAO,MAAM,MAAM,oFAYjB,CAAC"}
+{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../src/components/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,gBAAgB,CAAC,QAAQ,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC;AAE3F;;GAEG;AACH,eAAO,MAAM,MAAM,oFAYjB,CAAC"}

package/lib/components/Layout/Layout.cjs

@@ -0,0 +1,12 @@
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+let _seed_design_react_primitive = require("@seed-design/react-primitive");
+let _seed_design_css_recipes_layout = require("@seed-design/css/recipes/layout");
+//#region src/components/Layout/Layout.tsx
+var { withProvider, withContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_layout.layout);
+var LayoutRoot = withProvider(_seed_design_react_primitive.Primitive.div, "root");
+var LayoutContent = withContext(_seed_design_react_primitive.Primitive.div, "content");
+//#endregion
+exports.LayoutContent = LayoutContent;
+exports.LayoutRoot = LayoutRoot;

package/lib/components/Layout/Layout.d.ts

@@ -0,0 +1,10 @@
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { LayoutVariantProps } from '@seed-design/css/recipes/layout';
+import type * as React from "react";
+export interface LayoutRootProps extends LayoutVariantProps, PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const LayoutRoot: React.ForwardRefExoticComponent<LayoutRootProps & React.RefAttributes<HTMLDivElement>>;
+export interface LayoutContentProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const LayoutContent: React.ForwardRefExoticComponent<LayoutContentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Layout.d.ts.map

package/lib/components/Layout/Layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAKlF,MAAM,WAAW,eACf,SAAQ,kBAAkB,EACxB,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,UAAU,wFAAuE,CAAC;AAE/F,MAAM,WAAW,kBAAmB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEnG,eAAO,MAAM,aAAa,2FAGzB,CAAC"}

package/lib/components/Layout/Layout.js

@@ -0,0 +1,10 @@
+"use client";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { Primitive } from "@seed-design/react-primitive";
+import { layout } from "@seed-design/css/recipes/layout";
+//#region src/components/Layout/Layout.tsx
+var { withProvider, withContext } = createSlotRecipeContext(layout);
+var LayoutRoot = withProvider(Primitive.div, "root");
+var LayoutContent = withContext(Primitive.div, "content");
+//#endregion
+export { LayoutContent, LayoutRoot };