@seed-design/react 2.3.0 → 2.4.0

package/lib/components/Chip/Chip.js

@@ -1,6 +1,7 @@
 "use client";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
 import { createWithStateProps } from "../../utils/createWithStateProps.js";
+import { withScaleFeedback } from "../../utils/scaleFeedback.js";
 import { withIconRequired } from "../Icon/Icon.js";
 import { useCheckboxContext } from "@seed-design/react-checkbox";
 import { useRadioGroupItemContext } from "@seed-design/react-radio-group";
@@ -15,7 +16,7 @@ var withStateProps = createWithStateProps([{
 	useContext: useRadioGroupItemContext,
 	strict: false
 }]);
-var ChipRoot = withIconRequired(withProvider(Primitive.button, "root"), (props) => props.layout === "iconOnly");
+var ChipRoot = withIconRequired(withScaleFeedback(withProvider(Primitive.button, "root")), (props) => props.layout === "iconOnly");
 ChipRoot.displayName = "Chip.Root";
 var ChipLabel = withContext(withStateProps(Primitive.span), "label");
 ChipLabel.displayName = "Chip.Label";

package/lib/components/ChipTabs/ChipTabs.cjs

@@ -1,6 +1,7 @@
 "use client";
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+const require_scaleFeedback = require("../../utils/scaleFeedback.cjs");
 let _seed_design_react_tabs = require("@seed-design/react-tabs");
 let clsx = require("clsx");
 clsx = require_runtime.__toESM(clsx);
@@ -23,7 +24,7 @@ var ChipTabsRoot = (0, react.forwardRef)(({ className, ...props }, ref) => {
 });
 ChipTabsRoot.displayName = "ChipTabsRoot";
 var ChipTabsList = withContext(_seed_design_react_tabs.Tabs.List, "list");
-var ChipTabsTrigger = withContext(_seed_design_react_tabs.Tabs.Trigger, "trigger");
+var ChipTabsTrigger = require_scaleFeedback.withScaleFeedback(withContext(_seed_design_react_tabs.Tabs.Trigger, "trigger"));
 var ChipTabsContent = withContext(_seed_design_react_tabs.Tabs.Content, "content");
 var ChipTabsCarousel = withContext(_seed_design_react_tabs.Tabs.Carousel, "carousel");
 var ChipTabsCarouselCamera = withContext(_seed_design_react_tabs.Tabs.CarouselCamera, "carouselCamera");

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

@@ -1 +1 @@
-{"version":3,"file":"ChipTabs.d.ts","sourceRoot":"","sources":["../../../src/components/ChipTabs/ChipTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAShE,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,EAAE,aAAa,CAAC,SAAS;CAAG;AAE3F,eAAO,MAAM,YAAY,8GAexB,CAAC;AAKF,MAAM,WAAW,iBAAkB,SAAQ,aAAa,CAAC,SAAS;CAAG;AAErE,eAAO,MAAM,YAAY,8GAGxB,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,aAAa,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,eAAe,oHAG3B,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,aAAa,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,eAAe,kHAG3B,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,aAAa,CAAC,aAAa;CAAG;AAE7E,eAAO,MAAM,gBAAgB,kHAG5B,CAAC;AAIF,MAAM,WAAW,2BAA4B,SAAQ,aAAa,CAAC,mBAAmB;CAAG;AAEzF,eAAO,MAAM,sBAAsB,wHAGlC,CAAC"}
+{"version":3,"file":"ChipTabs.d.ts","sourceRoot":"","sources":["../../../src/components/ChipTabs/ChipTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAUhE,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,EAAE,aAAa,CAAC,SAAS;CAAG;AAE3F,eAAO,MAAM,YAAY,8GAexB,CAAC;AAKF,MAAM,WAAW,iBAAkB,SAAQ,aAAa,CAAC,SAAS;CAAG;AAErE,eAAO,MAAM,YAAY,8GAGxB,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,aAAa,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,eAAe,oHAE3B,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,aAAa,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,eAAe,kHAG3B,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,aAAa,CAAC,aAAa;CAAG;AAE7E,eAAO,MAAM,gBAAgB,kHAG5B,CAAC;AAIF,MAAM,WAAW,2BAA4B,SAAQ,aAAa,CAAC,mBAAmB;CAAG;AAEzF,eAAO,MAAM,sBAAsB,wHAGlC,CAAC"}

package/lib/components/ChipTabs/ChipTabs.js

@@ -1,5 +1,6 @@
 "use client";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { withScaleFeedback } from "../../utils/scaleFeedback.js";
 import { Tabs } from "@seed-design/react-tabs";
 import clsx$1 from "clsx";
 import { forwardRef } from "react";
@@ -21,7 +22,7 @@ var ChipTabsRoot = forwardRef(({ className, ...props }, ref) => {
 });
 ChipTabsRoot.displayName = "ChipTabsRoot";
 var ChipTabsList = withContext(Tabs.List, "list");
-var ChipTabsTrigger = withContext(Tabs.Trigger, "trigger");
+var ChipTabsTrigger = withScaleFeedback(withContext(Tabs.Trigger, "trigger"));
 var ChipTabsContent = withContext(Tabs.Content, "content");
 var ChipTabsCarousel = withContext(Tabs.Carousel, "carousel");
 var ChipTabsCarouselCamera = withContext(Tabs.CarouselCamera, "carouselCamera");

package/lib/components/ContentDialog/ContentDialog.cjs

@@ -1,6 +1,7 @@
 "use client";
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+const require_scaleFeedback = require("../../utils/scaleFeedback.cjs");
 const require_styled = require("../../utils/styled.cjs");
 const require_createRenderTrackingContext = require("../../utils/createRenderTrackingContext.cjs");
 let _seed_design_react_dialog = require("@seed-design/react-dialog");
@@ -10,8 +11,8 @@ clsx = require_runtime.__toESM(clsx);
 let react = require("react");
 react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
-let _seed_design_dom_utils = require("@seed-design/dom-utils");
 let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
+let _seed_design_dom_utils = require("@seed-design/dom-utils");
 let _seed_design_css_recipes_content_dialog = require("@seed-design/css/recipes/content-dialog");
 //#region src/components/ContentDialog/ContentDialog.tsx
 var { withContext, useClassNames, ClassNamesProvider } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_content_dialog.contentDialog);
@@ -83,9 +84,10 @@ var ContentDialogAction = _seed_design_react_dialog.Dialog.CloseButton;
 var ContentDialogCloseButton = react.forwardRef(({ className, ...props }, ref) => {
 	const classNames = useClassNames();
 	const { trackRef } = closeButtonTracker.useRenderTracking();
+	const { scaleFeedbackRef, scaleFeedbackClassName } = require_scaleFeedback.useScaleFeedback();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_dialog.Dialog.CloseButton, {
-		ref: (0, _radix_ui_react_compose_refs.composeRefs)(ref, trackRef),
-		className: (0, clsx.default)(classNames.closeButton, className),
+		ref: (0, _radix_ui_react_compose_refs.useComposedRefs)(scaleFeedbackRef, ref, trackRef),
+		className: (0, clsx.default)(classNames.closeButton, scaleFeedbackClassName, className),
 		...props
 	});
 });

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

@@ -1 +1 @@
-{"version":3,"file":"ContentDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ContentDialog/ContentDialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,yCAAyC,CAAC;AAEjD,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;AAG/B,OAAO,EAAiC,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAQpF,MAAM,WAAW,sBACf,SAAQ,yBAAyB,EAC/B,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,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAe9D;AAID,MAAM,WAAW,yBAA0B,SAAQ,eAAe,CAAC,YAAY;CAAG;AAElF,eAAO,MAAM,oBAAoB,wGAA0B,CAAC;AAI5D,MAAM,WAAW,4BAA6B,SAAQ,eAAe,CAAC,eAAe;CAAG;AAExF,eAAO,MAAM,uBAAuB,qGAGnC,CAAC;AAIF,MAAM,WAAW,0BAA2B,SAAQ,eAAe,CAAC,aAAa;CAAG;AAEpF,eAAO,MAAM,qBAAqB,mGAGjC,CAAC;AAIF,MAAM,WAAW,yBACf,SAAQ,eAAe,CAAC,YAAY,EAClC,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,CAAC;CAAG;AAE7C,eAAO,MAAM,oBAAoB,kGAGhC,CAAC;AAIF,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,mBAAmB,iGAc/B,CAAC;AAMF,MAAM,WAAW,uBAAwB,SAAQ,eAAe,CAAC,UAAU;CAAG;AAE9E,eAAO,MAAM,kBAAkB,oGAG9B,CAAC;AAIF,MAAM,WAAW,6BAA8B,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAE1F,eAAO,MAAM,wBAAwB,4GAGQ,CAAC;AAI9C,MAAM,WAAW,sBACf,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,iBAAiB,+FA8C7B,CAAC;AAMF,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,mBAAmB,iGAG/B,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAErF,eAAO,MAAM,mBAAmB,4GAA8B,CAAC;AAI/D,MAAM,WAAW,6BAA8B,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAE1F,eAAO,MAAM,wBAAwB,yGAcnC,CAAC"}
+{"version":3,"file":"ContentDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ContentDialog/ContentDialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,yCAAyC,CAAC;AAEjD,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,sBACf,SAAQ,yBAAyB,EAC/B,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,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAe9D;AAID,MAAM,WAAW,yBAA0B,SAAQ,eAAe,CAAC,YAAY;CAAG;AAElF,eAAO,MAAM,oBAAoB,wGAA0B,CAAC;AAI5D,MAAM,WAAW,4BAA6B,SAAQ,eAAe,CAAC,eAAe;CAAG;AAExF,eAAO,MAAM,uBAAuB,qGAGnC,CAAC;AAIF,MAAM,WAAW,0BAA2B,SAAQ,eAAe,CAAC,aAAa;CAAG;AAEpF,eAAO,MAAM,qBAAqB,mGAGjC,CAAC;AAIF,MAAM,WAAW,yBACf,SAAQ,eAAe,CAAC,YAAY,EAClC,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,CAAC;CAAG;AAE7C,eAAO,MAAM,oBAAoB,kGAGhC,CAAC;AAIF,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,mBAAmB,iGAc/B,CAAC;AAMF,MAAM,WAAW,uBAAwB,SAAQ,eAAe,CAAC,UAAU;CAAG;AAE9E,eAAO,MAAM,kBAAkB,oGAG9B,CAAC;AAIF,MAAM,WAAW,6BAA8B,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAE1F,eAAO,MAAM,wBAAwB,4GAGQ,CAAC;AAI9C,MAAM,WAAW,sBACf,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,iBAAiB,+FA8C7B,CAAC;AAMF,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,mBAAmB,iGAG/B,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAErF,eAAO,MAAM,mBAAmB,4GAA8B,CAAC;AAI/D,MAAM,WAAW,6BAA8B,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAE1F,eAAO,MAAM,wBAAwB,yGAenC,CAAC"}

package/lib/components/ContentDialog/ContentDialog.js

@@ -1,5 +1,6 @@
 "use client";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { useScaleFeedback } from "../../utils/scaleFeedback.js";
 import { useStyleProps, withStyleProps } from "../../utils/styled.js";
 import { createRenderTrackingContext } from "../../utils/createRenderTrackingContext.js";
 import { Dialog } from "@seed-design/react-dialog";
@@ -7,8 +8,8 @@ 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 { dataAttr } from "@seed-design/dom-utils";
-import { composeRefs } from "@radix-ui/react-compose-refs";
 import { contentDialog } from "@seed-design/css/recipes/content-dialog";
 //#region src/components/ContentDialog/ContentDialog.tsx
 var { withContext, useClassNames, ClassNamesProvider } = createSlotRecipeContext(contentDialog);
@@ -80,9 +81,10 @@ var ContentDialogAction = Dialog.CloseButton;
 var ContentDialogCloseButton = React$1.forwardRef(({ className, ...props }, ref) => {
 	const classNames = useClassNames();
 	const { trackRef } = closeButtonTracker.useRenderTracking();
+	const { scaleFeedbackRef, scaleFeedbackClassName } = useScaleFeedback();
 	return /* @__PURE__ */ jsx(Dialog.CloseButton, {
-		ref: composeRefs(ref, trackRef),
-		className: clsx$1(classNames.closeButton, className),
+		ref: useComposedRefs(scaleFeedbackRef, ref, trackRef),
+		className: clsx$1(classNames.closeButton, scaleFeedbackClassName, className),
 		...props
 	});
 });

package/lib/components/ContextualFloatingButton/ContextualFloatingButton.cjs

@@ -1,5 +1,6 @@
 "use client";
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_scaleFeedback = require("../../utils/scaleFeedback.cjs");
 const require_Icon = require("../Icon/Icon.cjs");
 const require_usePendingButton = require("../LoadingIndicator/usePendingButton.cjs");
 let _seed_design_react_primitive = require("@seed-design/react-primitive");
@@ -8,6 +9,7 @@ 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_css_recipes_contextual_floating_button = require("@seed-design/css/recipes/contextual-floating-button");
 //#region src/components/ContextualFloatingButton/ContextualFloatingButton.tsx
 var ContextualFloatingButton = react.forwardRef(({ variant, loading = false, layout = "withText", className, children, ...otherProps }, ref) => {
@@ -19,14 +21,15 @@ var ContextualFloatingButton = react.forwardRef(({ variant, loading = false, lay
 		loading,
 		disabled: otherProps.disabled
 	});
+	const { scaleFeedbackRef, scaleFeedbackClassName } = require_scaleFeedback.useScaleFeedback();
 	if (layout === "iconOnly" && !(otherProps["aria-label"] || otherProps["aria-labelledby"])) console.warn("When layout is 'iconOnly', 'aria-label' or 'aria-labelledby' should be provided.");
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_usePendingButton.PendingButtonProvider, {
 		value: api,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.IconRequired, {
 			enabled: layout === "iconOnly",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.button, {
-				ref,
-				className: (0, clsx.default)(recipeClassName, className),
+				ref: (0, _radix_ui_react_compose_refs.useComposedRefs)(scaleFeedbackRef, ref),
+				className: (0, clsx.default)(recipeClassName, scaleFeedbackClassName, className),
 				...api.stateProps,
 				...otherProps,
 				children

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

@@ -1 +1 @@
-{"version":3,"file":"ContextualFloatingButton.d.ts","sourceRoot":"","sources":["../../../src/components/ContextualFloatingButton/ContextualFloatingButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oCAAoC,EAC1C,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,sCAAsC,CAAC;AAE9C,MAAM,WAAW,6BACf,SAAQ,oCAAoC,EAC1C,qBAAqB,EACrB,cAAc,EACd,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,wBAAwB,yGA2BnC,CAAC"}
+{"version":3,"file":"ContextualFloatingButton.d.ts","sourceRoot":"","sources":["../../../src/components/ContextualFloatingButton/ContextualFloatingButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oCAAoC,EAC1C,MAAM,qDAAqD,CAAC;AAE7D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,sCAAsC,CAAC;AAE9C,MAAM,WAAW,6BACf,SAAQ,oCAAoC,EAC1C,qBAAqB,EACrB,cAAc,EACd,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,wBAAwB,yGA4BnC,CAAC"}

package/lib/components/ContextualFloatingButton/ContextualFloatingButton.js

@@ -1,10 +1,12 @@
 "use client";
+import { useScaleFeedback } from "../../utils/scaleFeedback.js";
 import { IconRequired } from "../Icon/Icon.js";
 import { PendingButtonProvider, usePendingButton } from "../LoadingIndicator/usePendingButton.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 { useComposedRefs } from "@radix-ui/react-compose-refs";
 import { contextualFloatingButton } from "@seed-design/css/recipes/contextual-floating-button";
 //#region src/components/ContextualFloatingButton/ContextualFloatingButton.tsx
 var ContextualFloatingButton = React$1.forwardRef(({ variant, loading = false, layout = "withText", className, children, ...otherProps }, ref) => {
@@ -16,14 +18,15 @@ var ContextualFloatingButton = React$1.forwardRef(({ variant, loading = false, l
 		loading,
 		disabled: otherProps.disabled
 	});
+	const { scaleFeedbackRef, scaleFeedbackClassName } = useScaleFeedback();
 	if (layout === "iconOnly" && !(otherProps["aria-label"] || otherProps["aria-labelledby"])) console.warn("When layout is 'iconOnly', 'aria-label' or 'aria-labelledby' should be provided.");
 	return /* @__PURE__ */ jsx(PendingButtonProvider, {
 		value: api,
 		children: /* @__PURE__ */ jsx(IconRequired, {
 			enabled: layout === "iconOnly",
 			children: /* @__PURE__ */ jsx(Primitive.button, {
-				ref,
-				className: clsx$1(recipeClassName, className),
+				ref: useComposedRefs(scaleFeedbackRef, ref),
+				className: clsx$1(recipeClassName, scaleFeedbackClassName, className),
 				...api.stateProps,
 				...otherProps,
 				children

package/lib/components/DatePicker/DatePicker.cjs

@@ -11,8 +11,8 @@ clsx = require_runtime.__toESM(clsx);
 let react = require("react");
 react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
-let _seed_design_dom_utils = require("@seed-design/dom-utils");
 let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
+let _seed_design_dom_utils = require("@seed-design/dom-utils");
 let _seed_design_css_recipes_date_picker = require("@seed-design/css/recipes/date-picker");
 let _seed_design_react_date_picker = require("@seed-design/react-date-picker");
 //#region src/components/DatePicker/DatePicker.tsx
@@ -229,7 +229,7 @@ var DatePickerImplementation = react.forwardRef((props, forwardedRef) => {
 		...variantProps,
 		visibleRange: api.visibleRange
 	});
-	const { renderDateCellContent, renderDateCellSupplement, actionsRef, selectionMode: _selectionMode, value: _value, defaultValue: _defaultValue, onValueChange: _onValueChange, viewDate: _viewDate, defaultViewDate: _defaultViewDate, onViewDateChange: _onViewDateChange, today: _today, locale: _locale, weekStartsOn: _weekStartsOn, yearRange: _yearRange, constraints: _constraints, disabled: _disabled, readOnly: _readOnly, rangeStartReadOnly: _rangeStartReadOnly, ariaLabels: _ariaLabels, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...styleAndRootProps } = otherProps;
+	const { renderDateCellContent, renderDateCellSupplement, actionsRef, selectionMode: _selectionMode, value: _value, defaultValue: _defaultValue, onValueChange: _onValueChange, viewDate: _viewDate, defaultViewDate: _defaultViewDate, onViewDateChange: _onViewDateChange, today: _today, locale: _locale, weekStartsOn: _weekStartsOn, yearRange: _yearRange, monthRange: _monthRange, constraints: _constraints, disabled: _disabled, readOnly: _readOnly, rangeStartReadOnly: _rangeStartReadOnly, ariaLabels: _ariaLabels, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...styleAndRootProps } = otherProps;
 	const { style: styleProps, restProps: rootProps } = require_styled.useStyleProps(styleAndRootProps);
 	const rootRef = react.useRef(null);
 	const hasContinuousSizeConstraint = props.height !== void 0 || props.minHeight !== void 0 || props.maxHeight !== void 0;

package/lib/components/DatePicker/DatePicker.d.ts

@@ -1,11 +1,11 @@
-import { DatePickerActions, DatePickerCellState, UseDatePickerProps } from '@seed-design/react-date-picker';
+import { DatePickerActions, DatePickerCellState, DatePickerMonthRange, UseDatePickerProps } from '@seed-design/react-date-picker';
 import { PrimitiveProps } from '@seed-design/react-primitive';
 import { StyleProps } from '../../utils/styled';
 import * as React from "react";
 type DatePickerRootProps = PrimitiveProps & Pick<StyleProps, "height" | "minHeight" | "maxHeight"> & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "defaultValue" | "onChange" | "onValueChange">;
 export interface DatePickerCellContentRenderProps extends DatePickerCellState {
 }
-type DatePickerBehaviorProps = UseDatePickerProps extends infer Props ? Props extends UseDatePickerProps ? Omit<Props, "visibleRange"> : never : never;
+type DatePickerBehaviorProps = UseDatePickerProps extends infer Props ? Props extends UseDatePickerProps ? Omit<Props, "visibleRange" | "monthRange"> : never : never;
 type DatePickerCellCustomization = {
     /**
      * 기본 날짜 숫자 아래에 부가 콘텐츠를 추가합니다.
@@ -30,10 +30,16 @@ export type DatePickerProps = DatePickerSharedProps;
 export type TwoMonthDatePickerProps = DatePickerSharedProps;
 export type WeekDatePickerProps = DatePickerSharedProps;
 type DatePickerPropsWithoutSize<Props = DatePickerSharedProps> = Props extends DatePickerSharedProps ? Omit<Props, "height" | "minHeight" | "maxHeight"> : never;
-export type ContinuousDatePickerProps = DatePickerPropsWithoutSize & ContinuousSizeConstraint;
+export type ContinuousDatePickerProps = DatePickerPropsWithoutSize & ContinuousSizeConstraint & {
+    /**
+     * 노출하고 이동할 수 있는 월 범위입니다. 양끝 월을 포함합니다.
+     * 생략하면 `yearRange.start`의 1월부터 `yearRange.end`의 12월까지 노출합니다.
+     */
+    monthRange?: DatePickerMonthRange;
+};
 export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerSharedProps & React.RefAttributes<HTMLDivElement>>;
 export declare const TwoMonthDatePicker: React.ForwardRefExoticComponent<DatePickerSharedProps & React.RefAttributes<HTMLDivElement>>;
 export declare const WeekDatePicker: React.ForwardRefExoticComponent<DatePickerSharedProps & React.RefAttributes<HTMLDivElement>>;
 export declare const ContinuousDatePicker: React.ForwardRefExoticComponent<ContinuousDatePickerProps & React.RefAttributes<HTMLDivElement>>;
-export type { DatePickerActions, DatePickerAriaLabels, DatePickerConstraint, DatePickerConstraintContext, DatePickerDate, DatePickerMultipleProps, DatePickerRangeProps, DatePickerRangeValue, DatePickerSelectionMode, DatePickerSingleProps, DatePickerValue, } from '@seed-design/react-date-picker';
+export type { DatePickerActions, DatePickerAriaLabels, DatePickerConstraint, DatePickerConstraintContext, DatePickerDate, DatePickerMonthRange, DatePickerMultipleProps, DatePickerRangeProps, DatePickerRangeValue, DatePickerSelectionMode, DatePickerSingleProps, DatePickerValue, DatePickerYearMonth, } from '@seed-design/react-date-picker';
 //# sourceMappingURL=DatePicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,iBAAiB,EAEtB,KAAK,mBAAmB,EAGxB,KAAK,kBAAkB,EACxB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAgBpE,KAAK,mBAAmB,GAAG,cAAc,GACvC,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC,GACtD,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,cAAc,GAAG,UAAU,GAAG,eAAe,CAC3D,CAAC;AAEJ,MAAM,WAAW,gCAAiC,SAAQ,mBAAmB;CAAG;AAEhF,KAAK,uBAAuB,GAAG,kBAAkB,SAAS,MAAM,KAAK,GACjE,KAAK,SAAS,kBAAkB,GAC9B,IAAI,CAAC,KAAK,EAAE,cAAc,CAAC,GAC3B,KAAK,GACP,KAAK,CAAC;AAEV,KAAK,2BAA2B,GAC5B;IACE;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC;IACxF,qBAAqB,CAAC,EAAE,KAAK,CAAC;CAC/B,GACD;IACE;;;OAGG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC;IACrF,wBAAwB,CAAC,EAAE,KAAK,CAAC;CAClC,CAAC;AAEN,KAAK,qBAAqB,GAAG,uBAAuB,GAClD,mBAAmB,GAAG;IACpB,oCAAoC;IACpC,UAAU,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC3C,GAAG,2BAA2B,CAAC;AAElC,KAAK,wBAAwB,GACzB,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,WAAW,CAAC,CAAC,GACpF,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,WAAW,CAAC,CAAC,GACpF,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAC;AAEzF,MAAM,MAAM,eAAe,GAAG,qBAAqB,CAAC;AACpD,MAAM,MAAM,uBAAuB,GAAG,qBAAqB,CAAC;AAC5D,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,CAAC;AACxD,KAAK,0BAA0B,CAAC,KAAK,GAAG,qBAAqB,IAAI,KAAK,SAAS,qBAAqB,GAChG,IAAI,CAAC,KAAK,EAAE,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC,GACjD,KAAK,CAAC;AACV,MAAM,MAAM,yBAAyB,GAAG,0BAA0B,GAAG,wBAAwB,CAAC;AA8b9F,eAAO,MAAM,UAAU,8FAErB,CAAC;AAGH,eAAO,MAAM,kBAAkB,8FAE9B,CAAC;AAGF,eAAO,MAAM,cAAc,8FAE1B,CAAC;AAGF,eAAO,MAAM,oBAAoB,kGAEhC,CAAC;AAGF,YAAY,EACV,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,2BAA2B,EAC3B,cAAc,EACd,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,EACvB,qBAAqB,EACrB,eAAe,GAChB,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}

package/lib/components/DatePicker/DatePicker.js

@@ -8,8 +8,8 @@ import { Primitive } from "@seed-design/react-primitive";
 import clsx$1 from "clsx";
 import * as React$1 from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { mergeProps } from "@seed-design/dom-utils";
 import { composeRefs } from "@radix-ui/react-compose-refs";
+import { mergeProps } from "@seed-design/dom-utils";
 import { datePicker } from "@seed-design/css/recipes/date-picker";
 import { useDatePicker } from "@seed-design/react-date-picker";
 //#region src/components/DatePicker/DatePicker.tsx
@@ -226,7 +226,7 @@ var DatePickerImplementation = React$1.forwardRef((props, forwardedRef) => {
 		...variantProps,
 		visibleRange: api.visibleRange
 	});
-	const { renderDateCellContent, renderDateCellSupplement, actionsRef, selectionMode: _selectionMode, value: _value, defaultValue: _defaultValue, onValueChange: _onValueChange, viewDate: _viewDate, defaultViewDate: _defaultViewDate, onViewDateChange: _onViewDateChange, today: _today, locale: _locale, weekStartsOn: _weekStartsOn, yearRange: _yearRange, constraints: _constraints, disabled: _disabled, readOnly: _readOnly, rangeStartReadOnly: _rangeStartReadOnly, ariaLabels: _ariaLabels, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...styleAndRootProps } = otherProps;
+	const { renderDateCellContent, renderDateCellSupplement, actionsRef, selectionMode: _selectionMode, value: _value, defaultValue: _defaultValue, onValueChange: _onValueChange, viewDate: _viewDate, defaultViewDate: _defaultViewDate, onViewDateChange: _onViewDateChange, today: _today, locale: _locale, weekStartsOn: _weekStartsOn, yearRange: _yearRange, monthRange: _monthRange, constraints: _constraints, disabled: _disabled, readOnly: _readOnly, rangeStartReadOnly: _rangeStartReadOnly, ariaLabels: _ariaLabels, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...styleAndRootProps } = otherProps;
 	const { style: styleProps, restProps: rootProps } = useStyleProps(styleAndRootProps);
 	const rootRef = React$1.useRef(null);
 	const hasContinuousSizeConstraint = props.height !== void 0 || props.minHeight !== void 0 || props.maxHeight !== void 0;

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

@@ -1,3 +1,3 @@
-export { ContinuousDatePicker, DatePicker, TwoMonthDatePicker, WeekDatePicker, type ContinuousDatePickerProps, type DatePickerActions, type DatePickerAriaLabels, type DatePickerCellContentRenderProps, type DatePickerConstraint, type DatePickerConstraintContext, type DatePickerDate, type DatePickerMultipleProps, type DatePickerProps, type DatePickerRangeProps, type DatePickerRangeValue, type DatePickerSelectionMode, type DatePickerSingleProps, type DatePickerValue, type TwoMonthDatePickerProps, type WeekDatePickerProps, } from './DatePicker';
+export { ContinuousDatePicker, DatePicker, TwoMonthDatePicker, WeekDatePicker, type ContinuousDatePickerProps, type DatePickerActions, type DatePickerAriaLabels, type DatePickerCellContentRenderProps, type DatePickerConstraint, type DatePickerConstraintContext, type DatePickerDate, type DatePickerMonthRange, type DatePickerMultipleProps, type DatePickerProps, type DatePickerRangeProps, type DatePickerRangeValue, type DatePickerSelectionMode, type DatePickerSingleProps, type DatePickerValue, type DatePickerYearMonth, type TwoMonthDatePickerProps, type WeekDatePickerProps, } from './DatePicker';
 export { compareDates, dateKey, dateOnOrAfter, dateOnOrBefore, excludeDates, isSameDate, maxSelectionCount, rangeDayCountAtLeast, rangeDayCountAtMost, } from '@seed-design/react-date-picker';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,KAAK,yBAAyB,EAC9B,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,gCAAgC,EACrC,KAAK,oBAAoB,EACzB,KAAK,2BAA2B,EAChC,KAAK,cAAc,EACnB,KAAK,uBAAuB,EAC5B,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACpB,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,GACzB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,YAAY,EACZ,OAAO,EACP,aAAa,EACb,cAAc,EACd,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,KAAK,yBAAyB,EAC9B,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,gCAAgC,EACrC,KAAK,oBAAoB,EACzB,KAAK,2BAA2B,EAChC,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,GACzB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,YAAY,EACZ,OAAO,EACP,aAAa,EACb,cAAc,EACd,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,gCAAgC,CAAC"}

package/lib/components/FieldButton/FieldButton.cjs

@@ -2,6 +2,7 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
 const require_createWithStateProps = require("../../utils/createWithStateProps.cjs");
+const require_scaleFeedback = require("../../utils/scaleFeedback.cjs");
 const require_splitMultipleVariantsProps = require("../../utils/splitMultipleVariantsProps.cjs");
 const require_Icon = require("../private/Icon.cjs");
 let _seed_design_react_primitive = require("@seed-design/react-primitive");
@@ -91,7 +92,7 @@ var FieldButtonErrorMessage = withFieldContext(_seed_design_react_field_button.F
 var FieldButtonHiddenInput = _seed_design_react_field_button.FieldButton.HiddenInput;
 var FieldButtonButton = withContext(_seed_design_react_field_button.FieldButton.Button, "button");
 var FieldButtonControl = withProvider(withStateProps(_seed_design_react_primitive.Primitive.div), "root");
-var FieldButtonClearButton = withContext(_seed_design_react_field_button.FieldButton.ClearButton, "clearButton");
+var FieldButtonClearButton = require_scaleFeedback.withScaleFeedback(withContext(_seed_design_react_field_button.FieldButton.ClearButton, "clearButton"));
 var FieldButtonValue = react.forwardRef(({ className, ...props }, ref) => {
 	const { stateProps } = (0, _seed_design_react_field_button.useFieldButtonContext)();
 	const { value } = useClassNames();

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

@@ -1 +1 @@
-{"version":3,"file":"FieldButton.d.ts","sourceRoot":"","sources":["../../../src/components/FieldButton/FieldButton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FieldButton.d.ts","sourceRoot":"","sources":["../../../src/components/FieldButton/FieldButton.tsx"],"names":[],"mappings":"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"}

package/lib/components/FieldButton/FieldButton.js

@@ -1,6 +1,7 @@
 "use client";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
 import { createWithStateProps } from "../../utils/createWithStateProps.js";
+import { withScaleFeedback } from "../../utils/scaleFeedback.js";
 import { splitMultipleVariantsProps } from "../../utils/splitMultipleVariantsProps.js";
 import { InternalIcon } from "../private/Icon.js";
 import { Primitive } from "@seed-design/react-primitive";
@@ -89,7 +90,7 @@ var FieldButtonErrorMessage = withFieldContext(FieldButton.ErrorMessage, "errorM
 var FieldButtonHiddenInput = FieldButton.HiddenInput;
 var FieldButtonButton = withContext(FieldButton.Button, "button");
 var FieldButtonControl = withProvider(withStateProps(Primitive.div), "root");
-var FieldButtonClearButton = withContext(FieldButton.ClearButton, "clearButton");
+var FieldButtonClearButton = withScaleFeedback(withContext(FieldButton.ClearButton, "clearButton"));
 var FieldButtonValue = React$1.forwardRef(({ className, ...props }, ref) => {
 	const { stateProps } = useFieldButtonContext();
 	const { value } = useClassNames();

package/lib/components/FloatingActionButton/FloatingActionButton.cjs

@@ -1,12 +1,13 @@
 "use client";
 require("../../_virtual/_rolldown/runtime.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+const require_scaleFeedback = require("../../utils/scaleFeedback.cjs");
 const require_Icon = require("../private/Icon.cjs");
 let _seed_design_react_primitive = require("@seed-design/react-primitive");
 let _seed_design_css_recipes_floating_action_button = require("@seed-design/css/recipes/floating-action-button");
 //#region src/components/FloatingActionButton/FloatingActionButton.tsx
 var { withProvider, withContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_floating_action_button.floatingActionButton);
-var FloatingActionButtonRoot = withProvider(_seed_design_react_primitive.Primitive.button, "root");
+var FloatingActionButtonRoot = require_scaleFeedback.withScaleFeedback(withProvider(_seed_design_react_primitive.Primitive.button, "root"));
 var FloatingActionButtonIcon = withContext(require_Icon.InternalIcon, "icon");
 var FloatingActionButtonLabel = withContext(_seed_design_react_primitive.Primitive.span, "label");
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"FloatingActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingActionButton/FloatingActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gCAAgC,EACtC,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAMvE,MAAM,WAAW,6BACf,SAAQ,gCAAgC,EACtC,cAAc,EACd,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,wBAAwB,yGAGV,CAAC;AAE5B,MAAM,WAAW,6BAA8B,SAAQ,iBAAiB;CAAG;AAE3E,eAAO,MAAM,wBAAwB,yGAGd,CAAC;AAExB,MAAM,WAAW,8BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,yBAAyB,wGAGZ,CAAC"}
+{"version":3,"file":"FloatingActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingActionButton/FloatingActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gCAAgC,EACtC,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAMvE,MAAM,WAAW,6BACf,SAAQ,gCAAgC,EACtC,cAAc,EACd,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,wBAAwB,yGAEpC,CAAC;AAEF,MAAM,WAAW,6BAA8B,SAAQ,iBAAiB;CAAG;AAE3E,eAAO,MAAM,wBAAwB,yGAGd,CAAC;AAExB,MAAM,WAAW,8BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,yBAAyB,wGAGZ,CAAC"}

package/lib/components/FloatingActionButton/FloatingActionButton.js

@@ -1,11 +1,12 @@
 "use client";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { withScaleFeedback } from "../../utils/scaleFeedback.js";
 import { InternalIcon } from "../private/Icon.js";
 import { Primitive } from "@seed-design/react-primitive";
 import { floatingActionButton } from "@seed-design/css/recipes/floating-action-button";
 //#region src/components/FloatingActionButton/FloatingActionButton.tsx
 var { withProvider, withContext } = createSlotRecipeContext(floatingActionButton);
-var FloatingActionButtonRoot = withProvider(Primitive.button, "root");
+var FloatingActionButtonRoot = withScaleFeedback(withProvider(Primitive.button, "root"));
 var FloatingActionButtonIcon = withContext(InternalIcon, "icon");
 var FloatingActionButtonLabel = withContext(Primitive.span, "label");
 //#endregion

package/lib/components/HelpBubble/HelpBubble.cjs

@@ -2,6 +2,7 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
 const require_createWithStateProps = require("../../utils/createWithStateProps.cjs");
+const require_scaleFeedback = require("../../utils/scaleFeedback.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");
@@ -47,7 +48,7 @@ var HelpBubbleArrowTip = (0, react.forwardRef)((props, ref) => {
 	});
 });
 HelpBubbleArrowTip.displayName = "HelpBubbleArrowTip";
-var HelpBubbleCloseButton = withContext(_seed_design_react_popover.Popover.CloseButton, "closeButton");
+var HelpBubbleCloseButton = require_scaleFeedback.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");

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;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"}
+{"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"}

package/lib/components/HelpBubble/HelpBubble.js

@@ -1,6 +1,7 @@
 "use client";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
 import { createWithStateProps } from "../../utils/createWithStateProps.js";
+import { withScaleFeedback } from "../../utils/scaleFeedback.js";
 import { withStyleProps } from "../../utils/styled.js";
 import { getHelpBubbleArrowTipPath } from "../../utils/getHelpBubbleArrowTipPath.js";
 import { Popover, usePopoverContext } from "@seed-design/react-popover";
@@ -45,7 +46,7 @@ var HelpBubbleArrowTip = forwardRef((props, ref) => {
 	});
 });
 HelpBubbleArrowTip.displayName = "HelpBubbleArrowTip";
-var HelpBubbleCloseButton = withContext(Popover.CloseButton, "closeButton");
+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");

package/lib/components/ImageFrame/ImageFrame.cjs

@@ -1,6 +1,7 @@
 "use client";
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+const require_scaleFeedback = require("../../utils/scaleFeedback.cjs");
 const require_Icon = require("../Icon/Icon.cjs");
 const require_AspectRatio = require("../AspectRatio/AspectRatio.cjs");
 const require_Badge = require("../Badge/Badge.cjs");
@@ -12,6 +13,7 @@ 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_dom_utils = require("@seed-design/dom-utils");
 let _seed_design_react_image = require("@seed-design/react-image");
 let _seed_design_css_recipes_image_frame = require("@seed-design/css/recipes/image-frame");
@@ -150,11 +152,12 @@ var ReactionButtonIcon = () => {
 };
 var ImageFrameReactionButton = react.forwardRef(({ className, ...rest }, ref) => {
 	const classNames = (0, _seed_design_css_recipes_image_frame_reaction_button.imageFrameReactionButton)();
+	const { scaleFeedbackRef, scaleFeedbackClassName } = require_scaleFeedback.useScaleFeedback();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ImageFrameReactionButtonClassNamesProvider, {
 		value: classNames,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_toggle.Toggle.Root, {
-			ref,
-			className: (0, clsx.default)(classNames.root, className),
+			ref: (0, _radix_ui_react_compose_refs.useComposedRefs)(scaleFeedbackRef, ref),
+			className: (0, clsx.default)(classNames.root, scaleFeedbackClassName, className),
 			...rest,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReactionButtonIcon, {})
 		})

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;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"}
+{"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"}

package/lib/components/ImageFrame/ImageFrame.js

@@ -1,5 +1,6 @@
 "use client";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { useScaleFeedback } from "../../utils/scaleFeedback.js";
 import { Icon } from "../Icon/Icon.js";
 import { AspectRatio } from "../AspectRatio/AspectRatio.js";
 import { Badge } from "../Badge/Badge.js";
@@ -9,6 +10,7 @@ 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";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
 import { mergeProps } from "@seed-design/dom-utils";
 import { Image } from "@seed-design/react-image";
 import { imageFrame } from "@seed-design/css/recipes/image-frame";
@@ -147,11 +149,12 @@ var ReactionButtonIcon = () => {
 };
 var ImageFrameReactionButton = React$1.forwardRef(({ className, ...rest }, ref) => {
 	const classNames = imageFrameReactionButton();
+	const { scaleFeedbackRef, scaleFeedbackClassName } = useScaleFeedback();
 	return /* @__PURE__ */ jsx(ImageFrameReactionButtonClassNamesProvider, {
 		value: classNames,
 		children: /* @__PURE__ */ jsx(Toggle.Root, {
-			ref,
-			className: clsx$1(classNames.root, className),
+			ref: useComposedRefs(scaleFeedbackRef, ref),
+			className: clsx$1(classNames.root, scaleFeedbackClassName, className),
 			...rest,
 			children: /* @__PURE__ */ jsx(ReactionButtonIcon, {})
 		})