@seed-design/react 2.5.1 → 3.0.0

package/lib/components/Dialog/Dialog.cjs

@@ -1,27 +1,102 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
-let _seed_design_react_dialog = require("@seed-design/react-dialog");
+const require_styled = require("../../utils/styled.cjs");
+const require_createRenderTrackingContext = require("../../utils/createRenderTrackingContext.cjs");
 let _seed_design_react_primitive = require("@seed-design/react-primitive");
+let clsx = require("clsx");
+clsx = require_runtime.__toESM(clsx);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
+let _seed_design_react_scale_feedback = require("@seed-design/react-scale-feedback");
+let _seed_design_dom_utils = require("@seed-design/dom-utils");
+let _seed_design_react_dialog = require("@seed-design/react-dialog");
 let _seed_design_css_recipes_dialog = require("@seed-design/css/recipes/dialog");
 //#region src/components/Dialog/Dialog.tsx
-var { withRootProvider, withContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_dialog.dialog);
-var DialogRoot = withRootProvider(_seed_design_react_dialog.Dialog.Root, { defaultProps: {
-	lazyMount: true,
-	unmountOnExit: true
-} });
+var { withContext, useClassNames, ClassNamesProvider } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_dialog.dialog);
+var closeButtonTracker = require_createRenderTrackingContext.createRenderTrackingContext("DialogCloseButton");
+function DialogRoot(props) {
+	const [variantProps, otherProps] = _seed_design_css_recipes_dialog.dialog.splitVariantProps({
+		lazyMount: true,
+		unmountOnExit: true,
+		...props
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassNamesProvider, {
+		value: (0, _seed_design_css_recipes_dialog.dialog)(variantProps),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(closeButtonTracker.Provider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_dialog.Dialog.Root, { ...otherProps }) })
+	});
+}
 var DialogTrigger = _seed_design_react_dialog.Dialog.Trigger;
 var DialogPositioner = withContext(_seed_design_react_dialog.Dialog.Positioner, "positioner");
 var DialogBackdrop = withContext(_seed_design_react_dialog.Dialog.Backdrop, "backdrop");
-var DialogContent = withContext(_seed_design_react_dialog.Dialog.Content, "content");
-var DialogHeader = withContext(_seed_design_react_primitive.Primitive.div, "header");
+var DialogContent = withContext(require_styled.withStyleProps(_seed_design_react_dialog.Dialog.Content), "content");
+var DialogHeader = react.forwardRef(({ className, ...props }, ref) => {
+	const classNames = useClassNames();
+	const { isRendered } = closeButtonTracker.useRenderTracking();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
+		ref,
+		"data-show-close-button": (0, _seed_design_dom_utils.dataAttr)(isRendered),
+		className: (0, clsx.default)(classNames.header, className),
+		...props
+	});
+});
+DialogHeader.displayName = "DialogHeader";
 var DialogTitle = withContext(_seed_design_react_dialog.Dialog.Title, "title");
 var DialogDescription = withContext(_seed_design_react_dialog.Dialog.Description, "description");
+var DialogBody = react.forwardRef((props, forwardedRef) => {
+	const classNames = useClassNames();
+	const { style, restProps } = require_styled.useStyleProps(props);
+	const { className, ...otherProps } = restProps;
+	const ref = react.useRef(null);
+	const [scrolled, setScrolled] = react.useState(false);
+	const [overflowing, setOverflowing] = react.useState(false);
+	react.useEffect(() => {
+		const element = ref.current;
+		if (!element) return;
+		const check = () => {
+			setScrolled(element.scrollTop > 0);
+			const paddingBottom = Number.parseFloat(getComputedStyle(element).paddingBottom) || 0;
+			setOverflowing(element.scrollHeight - paddingBottom > element.clientHeight);
+		};
+		check();
+		element.addEventListener("scroll", check);
+		const observer = new ResizeObserver(check);
+		observer.observe(element);
+		return () => {
+			element.removeEventListener("scroll", check);
+			observer.disconnect();
+		};
+	}, []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
+		ref: (0, _radix_ui_react_compose_refs.composeRefs)(ref, forwardedRef),
+		"data-scrolled": (0, _seed_design_dom_utils.dataAttr)(scrolled),
+		"data-overflow": (0, _seed_design_dom_utils.dataAttr)(overflowing),
+		className: (0, clsx.default)(classNames.body, className),
+		style,
+		...otherProps
+	});
+});
+DialogBody.displayName = "DialogBody";
 var DialogFooter = withContext(_seed_design_react_primitive.Primitive.div, "footer");
 var DialogAction = _seed_design_react_dialog.Dialog.CloseButton;
+var DialogCloseButton = react.forwardRef(({ className, ...props }, ref) => {
+	const classNames = useClassNames();
+	const { trackRef } = closeButtonTracker.useRenderTracking();
+	const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_dialog.Dialog.CloseButton, {
+		ref: (0, _radix_ui_react_compose_refs.useComposedRefs)(scaleFeedbackRef, ref, trackRef),
+		className: (0, clsx.default)(classNames.closeButton, scaleFeedbackClassName, className),
+		...props
+	});
+});
+DialogCloseButton.displayName = "DialogCloseButton";
 //#endregion
 exports.DialogAction = DialogAction;
 exports.DialogBackdrop = DialogBackdrop;
+exports.DialogBody = DialogBody;
+exports.DialogCloseButton = DialogCloseButton;
 exports.DialogContent = DialogContent;
 exports.DialogDescription = DialogDescription;
 exports.DialogFooter = DialogFooter;

package/lib/components/Dialog/Dialog.d.ts

@@ -1,8 +1,9 @@
+import { DialogVariantProps } from '@seed-design/css/recipes/dialog';
 import { Dialog as DialogPrimitive } from '@seed-design/react-dialog';
 import { PrimitiveProps } from '@seed-design/react-primitive';
-import { DialogVariantProps } from '@seed-design/css/recipes/dialog';
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface DialogRootProps extends DialogVariantProps, DialogPrimitive.RootProps {
+import { StyleProps } from '../../utils/styled';
+import * as React from "react";
+export interface DialogRootProps extends DialogVariantProps, Omit<DialogPrimitive.RootProps, "role"> {
     /**
      * @default true
      */
@@ -12,32 +13,38 @@ export interface DialogRootProps extends DialogVariantProps, DialogPrimitive.Roo
      */
     unmountOnExit?: DialogPrimitive.RootProps["unmountOnExit"];
 }
-export declare const DialogRoot: ForwardRefExoticComponent<DialogRootProps>;
+export declare function DialogRoot(props: DialogRootProps): import("react/jsx-runtime").JSX.Element;
 export interface DialogTriggerProps extends DialogPrimitive.TriggerProps {
 }
-export declare const DialogTrigger: ForwardRefExoticComponent<DialogPrimitive.TriggerProps & RefAttributes<HTMLButtonElement>>;
+export declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
 export interface DialogPositionerProps extends DialogPrimitive.PositionerProps {
 }
-export declare const DialogPositioner: ForwardRefExoticComponent<DialogPositionerProps & RefAttributes<HTMLDivElement>>;
+export declare const DialogPositioner: React.ForwardRefExoticComponent<DialogPositionerProps & React.RefAttributes<HTMLDivElement>>;
 export interface DialogBackdropProps extends DialogPrimitive.BackdropProps {
 }
-export declare const DialogBackdrop: ForwardRefExoticComponent<DialogBackdropProps & RefAttributes<HTMLDivElement>>;
-export interface DialogContentProps extends DialogPrimitive.ContentProps {
+export declare const DialogBackdrop: React.ForwardRefExoticComponent<DialogBackdropProps & React.RefAttributes<HTMLDivElement>>;
+export interface DialogContentProps extends DialogPrimitive.ContentProps, Pick<StyleProps, "width" | "maxWidth"> {
 }
-export declare const DialogContent: ForwardRefExoticComponent<DialogContentProps & RefAttributes<HTMLDivElement>>;
+export declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
 export interface DialogHeaderProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
 }
-export declare const DialogHeader: ForwardRefExoticComponent<DialogHeaderProps & RefAttributes<HTMLDivElement>>;
+export declare const DialogHeader: React.ForwardRefExoticComponent<DialogHeaderProps & React.RefAttributes<HTMLDivElement>>;
 export interface DialogTitleProps extends DialogPrimitive.TitleProps {
 }
-export declare const DialogTitle: ForwardRefExoticComponent<DialogTitleProps & RefAttributes<HTMLHeadingElement>>;
+export declare const DialogTitle: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
 export interface DialogDescriptionProps extends DialogPrimitive.DescriptionProps {
 }
-export declare const DialogDescription: ForwardRefExoticComponent<DialogDescriptionProps & RefAttributes<HTMLParagraphElement>>;
+export declare const DialogDescription: React.ForwardRefExoticComponent<DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+export interface DialogBodyProps extends PrimitiveProps, Pick<StyleProps, "paddingX" | "minHeight" | "maxHeight" | "justifyContent" | "alignItems">, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const DialogBody: React.ForwardRefExoticComponent<DialogBodyProps & React.RefAttributes<HTMLDivElement>>;
 export interface DialogFooterProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
 }
-export declare const DialogFooter: ForwardRefExoticComponent<DialogFooterProps & RefAttributes<HTMLDivElement>>;
+export declare const DialogFooter: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;
 export interface DialogActionProps extends DialogPrimitive.CloseButtonProps {
 }
-export declare const DialogAction: ForwardRefExoticComponent<DialogPrimitive.CloseButtonProps & RefAttributes<HTMLButtonElement>>;
+export declare const DialogAction: React.ForwardRefExoticComponent<DialogPrimitive.CloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export interface DialogCloseButtonProps extends DialogPrimitive.CloseButtonProps {
+}
+export declare const DialogCloseButton: React.ForwardRefExoticComponent<DialogCloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAOlF,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,eAAe,CAAC,SAAS;IACpF;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACnD;;OAEG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;CAC5D;AAED,eAAO,MAAM,UAAU,4DAKrB,CAAC;AAIH,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,aAAa,4HAA0B,CAAC;AAIrD,MAAM,WAAW,qBAAsB,SAAQ,eAAe,CAAC,eAAe;CAAG;AAEjF,eAAO,MAAM,gBAAgB,kHAG5B,CAAC;AAIF,MAAM,WAAW,mBAAoB,SAAQ,eAAe,CAAC,aAAa;CAAG;AAE7E,eAAO,MAAM,cAAc,gHAG1B,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,aAAa,+GAGzB,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElG,eAAO,MAAM,YAAY,8GAA0E,CAAC;AAIpG,MAAM,WAAW,gBAAiB,SAAQ,eAAe,CAAC,UAAU;CAAG;AAEvE,eAAO,MAAM,WAAW,iHAGvB,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAEnF,eAAO,MAAM,iBAAiB,yHAG7B,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElG,eAAO,MAAM,YAAY,8GAA0E,CAAC;AAIpG,MAAM,WAAW,iBAAkB,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAE9E,eAAO,MAAM,YAAY,gIAA8B,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAElF,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAiC,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAQpF,MAAM,WAAW,eACf,SAAQ,kBAAkB,EACxB,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,MAAM,CAAC;IACzC;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACnD;;OAEG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;CAC5D;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAehD;AAID,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,aAAa,wGAA0B,CAAC;AAIrD,MAAM,WAAW,qBAAsB,SAAQ,eAAe,CAAC,eAAe;CAAG;AAEjF,eAAO,MAAM,gBAAgB,8FAG5B,CAAC;AAIF,MAAM,WAAW,mBAAoB,SAAQ,eAAe,CAAC,aAAa;CAAG;AAE7E,eAAO,MAAM,cAAc,4FAG1B,CAAC;AAIF,MAAM,WAAW,kBACf,SAAQ,eAAe,CAAC,YAAY,EAClC,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,CAAC;CAAG;AAE7C,eAAO,MAAM,aAAa,2FAGzB,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElG,eAAO,MAAM,YAAY,0FAcxB,CAAC;AAMF,MAAM,WAAW,gBAAiB,SAAQ,eAAe,CAAC,UAAU;CAAG;AAEvE,eAAO,MAAM,WAAW,6FAGvB,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAEnF,eAAO,MAAM,iBAAiB,qGAG7B,CAAC;AAIF,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,gBAAgB,GAAG,YAAY,CAAC,EAC1F,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,UAAU,wFA8CtB,CAAC;AAMF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElG,eAAO,MAAM,YAAY,0FAA0E,CAAC;AAIpG,MAAM,WAAW,iBAAkB,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAE9E,eAAO,MAAM,YAAY,4GAA8B,CAAC;AAIxD,MAAM,WAAW,sBAAuB,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAEnF,eAAO,MAAM,iBAAiB,kGAc7B,CAAC"}

package/lib/components/Dialog/Dialog.js

@@ -1,22 +1,93 @@
 "use client";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
-import { Dialog } from "@seed-design/react-dialog";
+import { useStyleProps, withStyleProps } from "../../utils/styled.js";
+import { createRenderTrackingContext } from "../../utils/createRenderTrackingContext.js";
 import { Primitive } from "@seed-design/react-primitive";
+import clsx$1 from "clsx";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { composeRefs, useComposedRefs } from "@radix-ui/react-compose-refs";
+import { useScaleFeedback } from "@seed-design/react-scale-feedback";
+import { dataAttr } from "@seed-design/dom-utils";
+import { Dialog } from "@seed-design/react-dialog";
 import { dialog } from "@seed-design/css/recipes/dialog";
 //#region src/components/Dialog/Dialog.tsx
-var { withRootProvider, withContext } = createSlotRecipeContext(dialog);
-var DialogRoot = withRootProvider(Dialog.Root, { defaultProps: {
-	lazyMount: true,
-	unmountOnExit: true
-} });
+var { withContext, useClassNames, ClassNamesProvider } = createSlotRecipeContext(dialog);
+var closeButtonTracker = createRenderTrackingContext("DialogCloseButton");
+function DialogRoot(props) {
+	const [variantProps, otherProps] = dialog.splitVariantProps({
+		lazyMount: true,
+		unmountOnExit: true,
+		...props
+	});
+	return /* @__PURE__ */ jsx(ClassNamesProvider, {
+		value: dialog(variantProps),
+		children: /* @__PURE__ */ jsx(closeButtonTracker.Provider, { children: /* @__PURE__ */ jsx(Dialog.Root, { ...otherProps }) })
+	});
+}
 var DialogTrigger = Dialog.Trigger;
 var DialogPositioner = withContext(Dialog.Positioner, "positioner");
 var DialogBackdrop = withContext(Dialog.Backdrop, "backdrop");
-var DialogContent = withContext(Dialog.Content, "content");
-var DialogHeader = withContext(Primitive.div, "header");
+var DialogContent = withContext(withStyleProps(Dialog.Content), "content");
+var DialogHeader = React$1.forwardRef(({ className, ...props }, ref) => {
+	const classNames = useClassNames();
+	const { isRendered } = closeButtonTracker.useRenderTracking();
+	return /* @__PURE__ */ jsx(Primitive.div, {
+		ref,
+		"data-show-close-button": dataAttr(isRendered),
+		className: clsx$1(classNames.header, className),
+		...props
+	});
+});
+DialogHeader.displayName = "DialogHeader";
 var DialogTitle = withContext(Dialog.Title, "title");
 var DialogDescription = withContext(Dialog.Description, "description");
+var DialogBody = React$1.forwardRef((props, forwardedRef) => {
+	const classNames = useClassNames();
+	const { style, restProps } = useStyleProps(props);
+	const { className, ...otherProps } = restProps;
+	const ref = React$1.useRef(null);
+	const [scrolled, setScrolled] = React$1.useState(false);
+	const [overflowing, setOverflowing] = React$1.useState(false);
+	React$1.useEffect(() => {
+		const element = ref.current;
+		if (!element) return;
+		const check = () => {
+			setScrolled(element.scrollTop > 0);
+			const paddingBottom = Number.parseFloat(getComputedStyle(element).paddingBottom) || 0;
+			setOverflowing(element.scrollHeight - paddingBottom > element.clientHeight);
+		};
+		check();
+		element.addEventListener("scroll", check);
+		const observer = new ResizeObserver(check);
+		observer.observe(element);
+		return () => {
+			element.removeEventListener("scroll", check);
+			observer.disconnect();
+		};
+	}, []);
+	return /* @__PURE__ */ jsx(Primitive.div, {
+		ref: composeRefs(ref, forwardedRef),
+		"data-scrolled": dataAttr(scrolled),
+		"data-overflow": dataAttr(overflowing),
+		className: clsx$1(classNames.body, className),
+		style,
+		...otherProps
+	});
+});
+DialogBody.displayName = "DialogBody";
 var DialogFooter = withContext(Primitive.div, "footer");
 var DialogAction = Dialog.CloseButton;
+var DialogCloseButton = React$1.forwardRef(({ className, ...props }, ref) => {
+	const classNames = useClassNames();
+	const { trackRef } = closeButtonTracker.useRenderTracking();
+	const { scaleFeedbackRef, scaleFeedbackClassName } = useScaleFeedback();
+	return /* @__PURE__ */ jsx(Dialog.CloseButton, {
+		ref: useComposedRefs(scaleFeedbackRef, ref, trackRef),
+		className: clsx$1(classNames.closeButton, scaleFeedbackClassName, className),
+		...props
+	});
+});
+DialogCloseButton.displayName = "DialogCloseButton";
 //#endregion
-export { DialogAction, DialogBackdrop, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger };
+export { DialogAction, DialogBackdrop, DialogBody, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger };

package/lib/components/Dialog/Dialog.namespace.cjs

@@ -4,6 +4,8 @@ const require_Dialog = require("./Dialog.cjs");
 var Dialog_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Action: () => require_Dialog.DialogAction,
 	Backdrop: () => require_Dialog.DialogBackdrop,
+	Body: () => require_Dialog.DialogBody,
+	CloseButton: () => require_Dialog.DialogCloseButton,
 	Content: () => require_Dialog.DialogContent,
 	Description: () => require_Dialog.DialogDescription,
 	Footer: () => require_Dialog.DialogFooter,

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

@@ -1,2 +1,2 @@
-export { DialogBackdrop as Backdrop, DialogPositioner as Positioner, DialogContent as Content, DialogDescription as Description, DialogFooter as Footer, DialogHeader as Header, DialogRoot as Root, DialogTitle as Title, DialogTrigger as Trigger, DialogAction as Action, type DialogBackdropProps as BackdropProps, type DialogPositionerProps as PositionerProps, type DialogContentProps as ContentProps, type DialogDescriptionProps as DescriptionProps, type DialogFooterProps as FooterProps, type DialogHeaderProps as HeaderProps, type DialogRootProps as RootProps, type DialogTitleProps as TitleProps, type DialogTriggerProps as TriggerProps, type DialogActionProps as ActionProps, } from './Dialog';
+export { DialogBackdrop as Backdrop, DialogPositioner as Positioner, DialogContent as Content, DialogBody as Body, DialogDescription as Description, DialogFooter as Footer, DialogHeader as Header, DialogRoot as Root, DialogTitle as Title, DialogTrigger as Trigger, DialogAction as Action, DialogCloseButton as CloseButton, type DialogBackdropProps as BackdropProps, type DialogPositionerProps as PositionerProps, type DialogContentProps as ContentProps, type DialogBodyProps as BodyProps, type DialogDescriptionProps as DescriptionProps, type DialogFooterProps as FooterProps, type DialogHeaderProps as HeaderProps, type DialogRootProps as RootProps, type DialogTitleProps as TitleProps, type DialogTriggerProps as TriggerProps, type DialogActionProps as ActionProps, type DialogCloseButtonProps as CloseButtonProps, } from './Dialog';
 //# sourceMappingURL=Dialog.namespace.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,IAAI,QAAQ,EAC1B,gBAAgB,IAAI,UAAU,EAC9B,aAAa,IAAI,OAAO,EACxB,iBAAiB,IAAI,WAAW,EAChC,YAAY,IAAI,MAAM,EACtB,YAAY,IAAI,MAAM,EACtB,UAAU,IAAI,IAAI,EAClB,WAAW,IAAI,KAAK,EACpB,aAAa,IAAI,OAAO,EACxB,YAAY,IAAI,MAAM,EACtB,KAAK,mBAAmB,IAAI,aAAa,EACzC,KAAK,qBAAqB,IAAI,eAAe,EAC7C,KAAK,kBAAkB,IAAI,YAAY,EACvC,KAAK,sBAAsB,IAAI,gBAAgB,EAC/C,KAAK,iBAAiB,IAAI,WAAW,EACrC,KAAK,iBAAiB,IAAI,WAAW,EACrC,KAAK,eAAe,IAAI,SAAS,EACjC,KAAK,gBAAgB,IAAI,UAAU,EACnC,KAAK,kBAAkB,IAAI,YAAY,EACvC,KAAK,iBAAiB,IAAI,WAAW,GACtC,MAAM,UAAU,CAAC"}
+{"version":3,"file":"Dialog.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,IAAI,QAAQ,EAC1B,gBAAgB,IAAI,UAAU,EAC9B,aAAa,IAAI,OAAO,EACxB,UAAU,IAAI,IAAI,EAClB,iBAAiB,IAAI,WAAW,EAChC,YAAY,IAAI,MAAM,EACtB,YAAY,IAAI,MAAM,EACtB,UAAU,IAAI,IAAI,EAClB,WAAW,IAAI,KAAK,EACpB,aAAa,IAAI,OAAO,EACxB,YAAY,IAAI,MAAM,EACtB,iBAAiB,IAAI,WAAW,EAChC,KAAK,mBAAmB,IAAI,aAAa,EACzC,KAAK,qBAAqB,IAAI,eAAe,EAC7C,KAAK,kBAAkB,IAAI,YAAY,EACvC,KAAK,eAAe,IAAI,SAAS,EACjC,KAAK,sBAAsB,IAAI,gBAAgB,EAC/C,KAAK,iBAAiB,IAAI,WAAW,EACrC,KAAK,iBAAiB,IAAI,WAAW,EACrC,KAAK,eAAe,IAAI,SAAS,EACjC,KAAK,gBAAgB,IAAI,UAAU,EACnC,KAAK,kBAAkB,IAAI,YAAY,EACvC,KAAK,iBAAiB,IAAI,WAAW,EACrC,KAAK,sBAAsB,IAAI,gBAAgB,GAChD,MAAM,UAAU,CAAC"}

package/lib/components/Dialog/Dialog.namespace.js

@@ -1,9 +1,11 @@
 import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
-import { DialogAction, DialogBackdrop, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger } from "./Dialog.js";
+import { DialogAction, DialogBackdrop, DialogBody, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger } from "./Dialog.js";
 //#region src/components/Dialog/Dialog.namespace.ts
 var Dialog_namespace_exports = /* @__PURE__ */ __exportAll({
 	Action: () => DialogAction,
 	Backdrop: () => DialogBackdrop,
+	Body: () => DialogBody,
+	CloseButton: () => DialogCloseButton,
 	Content: () => DialogContent,
 	Description: () => DialogDescription,
 	Footer: () => DialogFooter,

package/lib/components/Dialog/index.cjs

@@ -9,6 +9,8 @@ Object.defineProperty(exports, "Dialog", {
 });
 exports.DialogAction = require_Dialog.DialogAction;
 exports.DialogBackdrop = require_Dialog.DialogBackdrop;
+exports.DialogBody = require_Dialog.DialogBody;
+exports.DialogCloseButton = require_Dialog.DialogCloseButton;
 exports.DialogContent = require_Dialog.DialogContent;
 exports.DialogDescription = require_Dialog.DialogDescription;
 exports.DialogFooter = require_Dialog.DialogFooter;

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

@@ -1,3 +1,3 @@
-export { DialogBackdrop, DialogPositioner, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger, DialogAction, type DialogBackdropProps, type DialogPositionerProps, type DialogContentProps, type DialogDescriptionProps, type DialogFooterProps, type DialogHeaderProps, type DialogRootProps, type DialogTitleProps, type DialogTriggerProps, type DialogActionProps, } from './Dialog';
+export { DialogBackdrop, DialogPositioner, DialogContent, DialogBody, DialogDescription, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger, DialogAction, DialogCloseButton, type DialogBackdropProps, type DialogPositionerProps, type DialogContentProps, type DialogBodyProps, type DialogDescriptionProps, type DialogFooterProps, type DialogHeaderProps, type DialogRootProps, type DialogTitleProps, type DialogTriggerProps, type DialogActionProps, type DialogCloseButtonProps, } from './Dialog';
 export * as Dialog from './Dialog.namespace';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACvB,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,GACvB,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,sBAAsB,GAC5B,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC"}

package/lib/components/Dialog/index.js

@@ -1,3 +1,3 @@
-import { DialogAction, DialogBackdrop, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger } from "./Dialog.js";
+import { DialogAction, DialogBackdrop, DialogBody, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger } from "./Dialog.js";
 import { Dialog_namespace_exports } from "./Dialog.namespace.js";
-export { Dialog_namespace_exports as Dialog, DialogAction, DialogBackdrop, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger };
+export { Dialog_namespace_exports as Dialog, DialogAction, DialogBackdrop, DialogBody, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger };

package/lib/components/HelpBubble/HelpBubble.cjs

@@ -5,13 +5,13 @@ const require_createWithStateProps = require("../../utils/createWithStateProps.c
 const require_styled = require("../../utils/styled.cjs");
 const require_withScaleFeedback = require("../../utils/withScaleFeedback.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 _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
+let _seed_design_react_popover = require("@seed-design/react-popover");
 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);
@@ -20,13 +20,14 @@ var HelpBubbleRoot = withRootProvider(_seed_design_react_popover.Popover.Root, {
 	placement: "top",
 	gutter: 4,
 	overflowPadding: 16,
-	arrowPadding: 14
+	arrowPadding: 14,
+	autoFocus: false
 } });
 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 HelpBubbleContent = withContext(require_styled.withStyleProps(withStateProps(_seed_design_react_popover.Popover.Content)), "content");
 var HelpBubbleArrow = withContext(_seed_design_react_popover.Popover.Arrow, "arrow");
 var HelpBubbleArrowTip = (0, react.forwardRef)((props, ref) => {
 	const { tipRadius = 2, className, ...otherProps } = props;
@@ -50,8 +51,20 @@ var HelpBubbleArrowTip = (0, react.forwardRef)((props, ref) => {
 HelpBubbleArrowTip.displayName = "HelpBubbleArrowTip";
 var HelpBubbleCloseButton = require_withScaleFeedback.withScaleFeedback(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");
+var HelpBubbleTitle = withContext((0, react.forwardRef)((props, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_popover.Popover.Title, {
+	asChild: true,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.span, {
+		ref,
+		...props
+	})
+})), "title");
+var HelpBubbleDescription = withContext((0, react.forwardRef)((props, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_popover.Popover.Description, {
+	asChild: true,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
+		ref,
+		...props
+	})
+})), "description");
 //#endregion
 exports.HelpBubbleAnchor = HelpBubbleAnchor;
 exports.HelpBubbleArrow = HelpBubbleArrow;

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

@@ -20,6 +20,11 @@ export interface HelpBubbleRootProps extends HelpBubbleVariantProps, PopoverPrim
      * @default 14
      */
     arrowPadding?: PopoverPrimitive.RootProps["arrowPadding"];
+    /**
+     * Whether to move focus into the content when it opens. Off by default so a bubble shown on page load keeps focus where the page put it; set `true` to follow the dialog pattern and move focus in.
+     * @default false
+     */
+    autoFocus?: PopoverPrimitive.RootProps["autoFocus"];
 }
 export declare const HelpBubbleRoot: ForwardRefExoticComponent<HelpBubbleRootProps>;
 export interface HelpBubbleAnchorProps extends PopoverPrimitive.AnchorProps {

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;AAK/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,0HAKjC,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;AAK/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;IAC1D;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,cAAc,gEAQzB,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,0HAKjC,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,kHAQ3B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAQjC,CAAC"}

package/lib/components/HelpBubble/HelpBubble.js

@@ -4,12 +4,12 @@ import { createWithStateProps } from "../../utils/createWithStateProps.js";
 import { withStyleProps } from "../../utils/styled.js";
 import { withScaleFeedback } from "../../utils/withScaleFeedback.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 { composeRefs } from "@radix-ui/react-compose-refs";
+import { Popover, usePopoverContext } from "@seed-design/react-popover";
 import { helpBubble } from "@seed-design/css/recipes/help-bubble";
 //#region src/components/HelpBubble/HelpBubble.tsx
 var { withRootProvider, withContext, useClassNames } = createSlotRecipeContext(helpBubble);
@@ -18,13 +18,14 @@ var HelpBubbleRoot = withRootProvider(Popover.Root, { defaultProps: {
 	placement: "top",
 	gutter: 4,
 	overflowPadding: 16,
-	arrowPadding: 14
+	arrowPadding: 14,
+	autoFocus: false
 } });
 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 HelpBubbleContent = withContext(withStyleProps(withStateProps(Popover.Content)), "content");
 var HelpBubbleArrow = withContext(Popover.Arrow, "arrow");
 var HelpBubbleArrowTip = forwardRef((props, ref) => {
 	const { tipRadius = 2, className, ...otherProps } = props;
@@ -48,7 +49,19 @@ var HelpBubbleArrowTip = forwardRef((props, ref) => {
 HelpBubbleArrowTip.displayName = "HelpBubbleArrowTip";
 var HelpBubbleCloseButton = withScaleFeedback(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");
+var HelpBubbleTitle = withContext(forwardRef((props, ref) => /* @__PURE__ */ jsx(Popover.Title, {
+	asChild: true,
+	children: /* @__PURE__ */ jsx(Primitive.span, {
+		ref,
+		...props
+	})
+})), "title");
+var HelpBubbleDescription = withContext(forwardRef((props, ref) => /* @__PURE__ */ jsx(Popover.Description, {
+	asChild: true,
+	children: /* @__PURE__ */ jsx(Primitive.div, {
+		ref,
+		...props
+	})
+})), "description");
 //#endregion
 export { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleBody, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubblePositionerPortal, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTrigger };

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=HelpBubble.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HelpBubble.test.d.ts","sourceRoot":"","sources":["../../../src/components/HelpBubble/HelpBubble.test.tsx"],"names":[],"mappings":""}

package/lib/components/ImageFrame/ImageFrame.cjs

@@ -6,7 +6,6 @@ const require_AspectRatio = require("../AspectRatio/AspectRatio.cjs");
 const require_Badge = require("../Badge/Badge.cjs");
 const require_Icon$1 = require("../private/Icon.cjs");
 const require_Float = require("../Float/Float.cjs");
-let _seed_design_react_toggle = require("@seed-design/react-toggle");
 let clsx = require("clsx");
 clsx = require_runtime.__toESM(clsx);
 let react = require("react");
@@ -20,6 +19,7 @@ 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_react_toggle = require("@seed-design/react-toggle");
 //#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, borderRadius = "r2", children, ...rest }, ref) => {
 	const [variantProps, restProps] = _seed_design_css_recipes_image_frame.imageFrame.splitVariantProps(rest);
@@ -68,10 +68,11 @@ var ImageFrameFloater = react.forwardRef(({ offsetX = "x1_5", offsetY = "x1_5",
 	});
 });
 ImageFrameFloater.displayName = "ImageFrameFloater";
-var ImageFrameBadge = react.forwardRef((props, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Badge.Badge, {
+var ImageFrameBadge = react.forwardRef(({ children, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Badge.BadgeRoot, {
 		ref,
-		...props
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Badge.BadgeLabel, { children })
 	});
 });
 ImageFrameBadge.displayName = "ImageFrameBadge";

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

@@ -4,7 +4,7 @@ import { ImageFrameIndicatorVariantProps } from '@seed-design/css/recipes/image-
 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 { BadgeRootProps } from '../Badge/Badge';
 import { FloatProps } from '../Float/Float';
 import * as React from "react";
 export type ImageFrameProps = DistributiveOmit<AspectRatioProps, "children"> & ImageFrameVariantProps & {
@@ -28,7 +28,7 @@ export interface ImageFrameFloaterProps extends FloatProps {
  * ImageFrame 내에서 오버레이 요소를 배치하기 위한 컴포넌트
  */
 export declare const ImageFrameFloater: React.ForwardRefExoticComponent<ImageFrameFloaterProps & React.RefAttributes<HTMLDivElement>>;
-export interface ImageFrameBadgeProps extends BadgeProps {
+export interface ImageFrameBadgeProps extends BadgeRootProps {
 }
 export declare const ImageFrameBadge: React.ForwardRefExoticComponent<ImageFrameBadgeProps & React.RefAttributes<HTMLSpanElement>>;
 export interface ImageFrameIconProps extends ImageFrameIconVariantProps, Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {

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;AAIxD,OAAO,EAAE,MAAM,IAAI,eAAe,EAAoB,MAAM,2BAA2B,CAAC;AAGxF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/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,yGAkBnC,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;AAGxF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC5E,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,wFAwDtB,CAAC;AAMF,MAAM,WAAW,sBAAuB,SAAQ,UAAU;CAAG;AAE7D;;GAEG;AACH,eAAO,MAAM,iBAAiB,+FAI7B,CAAC;AAMF,MAAM,WAAW,oBAAqB,SAAQ,cAAc;CAAG;AAE/D,eAAO,MAAM,eAAe,8FAU3B,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,yGAkBnC,CAAC"}

package/lib/components/ImageFrame/ImageFrame.js

@@ -2,10 +2,9 @@
 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 { BadgeLabel, BadgeRoot } from "../Badge/Badge.js";
 import { InternalIcon } from "../private/Icon.js";
 import { Float } from "../Float/Float.js";
-import { Toggle, useToggleContext } from "@seed-design/react-toggle";
 import clsx$1 from "clsx";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -17,6 +16,7 @@ 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 { Toggle, useToggleContext } from "@seed-design/react-toggle";
 //#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, borderRadius = "r2", children, ...rest }, ref) => {
 	const [variantProps, restProps] = imageFrame.splitVariantProps(rest);
@@ -65,10 +65,11 @@ var ImageFrameFloater = React$1.forwardRef(({ offsetX = "x1_5", offsetY = "x1_5"
 	});
 });
 ImageFrameFloater.displayName = "ImageFrameFloater";
-var ImageFrameBadge = React$1.forwardRef((props, ref) => {
-	return /* @__PURE__ */ jsx(Badge, {
+var ImageFrameBadge = React$1.forwardRef(({ children, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(BadgeRoot, {
 		ref,
-		...props
+		...props,
+		children: /* @__PURE__ */ jsx(BadgeLabel, { children })
 	});
 });
 ImageFrameBadge.displayName = "ImageFrameBadge";