@seed-design/react 2.3.0 → 2.4.1

package/lib/components/ActionButton/ActionButton.cjs

@@ -11,6 +11,8 @@ let react = require("react");
 react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _seed_design_css_recipes_action_button = require("@seed-design/css/recipes/action-button");
+let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
+let _seed_design_react_scale_feedback = require("@seed-design/react-scale-feedback");
 //#region src/components/ActionButton/ActionButton.tsx
 var ActionButton = react.forwardRef(({ variant, size, loading = false, layout = "withText", color, fontWeight, className, children, ...otherProps }, ref) => {
 	const recipeClassName = (0, _seed_design_css_recipes_action_button.actionButton)({
@@ -23,14 +25,15 @@ var ActionButton = react.forwardRef(({ variant, size, loading = false, layout =
 		disabled: otherProps.disabled
 	});
 	const { style, restProps } = require_styled.useStyleProps(otherProps);
+	const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.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),
 				style: {
 					...style,
 					...color && { "--seed-box-color": require_styled.handleColor(color) },

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

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/ActionButton/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA8B,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEjF,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACvB,KAAK,UAAU,EAEhB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,iBACf,SAAQ,wBAAwB,EAC9B,qBAAqB,EACrB,cAAc,EACd,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAC5D,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC/C;;;;OAIG;IACH,KAAK,CAAC,EAAE,aAAa,GAAG,kBAAkB,CAAC;IAE3C;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,6FAgDxB,CAAC"}
+{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/ActionButton/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,wCAAwC,CAAC;AAEhD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAA8B,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEjF,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACvB,KAAK,UAAU,EAEhB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,iBACf,SAAQ,wBAAwB,EAC9B,qBAAqB,EACrB,cAAc,EACd,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAC5D,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC/C;;;;OAIG;IACH,KAAK,CAAC,EAAE,aAAa,GAAG,kBAAkB,CAAC;IAE3C;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,6FAiDxB,CAAC"}

package/lib/components/ActionButton/ActionButton.js

@@ -8,6 +8,8 @@ import clsx$1 from "clsx";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 import { actionButton } from "@seed-design/css/recipes/action-button";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { useScaleFeedback } from "@seed-design/react-scale-feedback";
 //#region src/components/ActionButton/ActionButton.tsx
 var ActionButton = React$1.forwardRef(({ variant, size, loading = false, layout = "withText", color, fontWeight, className, children, ...otherProps }, ref) => {
 	const recipeClassName = actionButton({
@@ -20,14 +22,15 @@ var ActionButton = React$1.forwardRef(({ variant, size, loading = false, layout
 		disabled: otherProps.disabled
 	});
 	const { style, restProps } = useStyleProps(otherProps);
+	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),
 				style: {
 					...style,
 					...color && { "--seed-box-color": handleColor(color) },

package/lib/components/AttachmentDisplay/AttachmentDisplayItem.cjs

@@ -3,6 +3,7 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
 const require_createRenderTrackingContext = require("../../utils/createRenderTrackingContext.cjs");
+const require_withScaleFeedback = require("../../utils/withScaleFeedback.cjs");
 let _seed_design_react_attachment_display = require("@seed-design/react-attachment-display");
 let _seed_design_react_primitive = require("@seed-design/react-primitive");
 let clsx = require("clsx");
@@ -10,8 +11,9 @@ 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_react_scale_feedback = require("@seed-design/react-scale-feedback");
+let _seed_design_dom_utils = require("@seed-design/dom-utils");
 let _seed_design_css_recipes_attachment_input_item = require("@seed-design/css/recipes/attachment-input-item");
 //#region src/components/AttachmentDisplay/AttachmentDisplayItem.tsx
 var { useClassNames, ClassNamesProvider, withContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_attachment_input_item.attachmentInputItem);
@@ -24,13 +26,14 @@ var AttachmentDisplayItem = react.forwardRef(({ className, entry, ...props }, re
 		...props
 	});
 	const classNames = (0, _seed_design_css_recipes_attachment_input_item.attachmentInputItem)(variantProps);
+	const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassNamesProvider, {
 		value: classNames,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_attachment_display.AttachmentDisplayItemProvider, {
 			value: api,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(overlayTracker.Provider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.li, {
-				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),
 				...stateProps,
 				...otherProps
 			}) })
@@ -90,15 +93,16 @@ var AttachmentDisplayItemBadge = react.forwardRef(({ className, children, ...pro
 AttachmentDisplayItemBadge.displayName = "AttachmentDisplayItemBadge";
 var AttachmentDisplayItemActionButton = react.forwardRef(({ className, ...props }, ref) => {
 	const classNames = useClassNames();
+	const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.button, {
 		type: "button",
-		ref,
-		className: (0, clsx.default)(classNames.actionButton, className),
+		ref: (0, _radix_ui_react_compose_refs.useComposedRefs)(scaleFeedbackRef, ref),
+		className: (0, clsx.default)(classNames.actionButton, scaleFeedbackClassName, className),
 		...props
 	});
 });
 AttachmentDisplayItemActionButton.displayName = "AttachmentDisplayItemActionButton";
-var AttachmentDisplayItemRemoveButton = withContext(_seed_design_react_attachment_display.AttachmentDisplay.ItemRemoveButton, "removeButton");
+var AttachmentDisplayItemRemoveButton = require_withScaleFeedback.withScaleFeedback(withContext(_seed_design_react_attachment_display.AttachmentDisplay.ItemRemoveButton, "removeButton"));
 //#endregion
 exports.AttachmentDisplayItem = AttachmentDisplayItem;
 exports.AttachmentDisplayItemActionButton = AttachmentDisplayItemActionButton;

package/lib/components/AttachmentDisplay/AttachmentDisplayItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentDisplayItem.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentDisplay/AttachmentDisplayItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,gDAAgD,CAAC;AAGxD,OAAO,EACL,iBAAiB,IAAI,0BAA0B,EAI/C,KAAK,gBAAgB,EACtB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,+BAA+B,EAAE,MAAM,CAAC,EACnD,cAAc,EACd,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACvC,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAED,eAAO,MAAM,qBAAqB,kGA2BjC,CAAC;AAKF,MAAM,WAAW,+BACf,SAAQ,0BAA0B,CAAC,cAAc;CAAG;AAEtD,eAAO,MAAM,0BAA0B,0GAGS,CAAC;AAIjD,MAAM,WAAW,mCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,8BAA8B,4GAiBzC,CAAC;AAMH,MAAM,WAAW,kCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,6BAA6B,2GAiBxC,CAAC;AAMH,MAAM,WAAW,kCACf,SAAQ,0BAA0B,CAAC,iBAAiB;CAAG;AAEzD,eAAO,MAAM,6BAA6B,2GAcxC,CAAC;AAMH,MAAM,WAAW,+BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,0BAA0B,wGAWrC,CAAC;AAKH,MAAM,WAAW,sCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,iCAAiC,kHAc5C,CAAC;AAKH,MAAM,WAAW,sCACf,SAAQ,0BAA0B,CAAC,qBAAqB;CAAG;AAE7D,eAAO,MAAM,iCAAiC,kHAGgB,CAAC"}
+{"version":3,"file":"AttachmentDisplayItem.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentDisplay/AttachmentDisplayItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,gDAAgD,CAAC;AAGxD,OAAO,EACL,iBAAiB,IAAI,0BAA0B,EAI/C,KAAK,gBAAgB,EACtB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,+BAA+B,EAAE,MAAM,CAAC,EACnD,cAAc,EACd,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACvC,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAED,eAAO,MAAM,qBAAqB,kGA4BjC,CAAC;AAKF,MAAM,WAAW,+BACf,SAAQ,0BAA0B,CAAC,cAAc;CAAG;AAEtD,eAAO,MAAM,0BAA0B,0GAGS,CAAC;AAIjD,MAAM,WAAW,mCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,8BAA8B,4GAiBzC,CAAC;AAMH,MAAM,WAAW,kCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,6BAA6B,2GAiBxC,CAAC;AAMH,MAAM,WAAW,kCACf,SAAQ,0BAA0B,CAAC,iBAAiB;CAAG;AAEzD,eAAO,MAAM,6BAA6B,2GAcxC,CAAC;AAMH,MAAM,WAAW,+BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,0BAA0B,wGAWrC,CAAC;AAKH,MAAM,WAAW,sCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,iCAAiC,kHAe5C,CAAC;AAKH,MAAM,WAAW,sCACf,SAAQ,0BAA0B,CAAC,qBAAqB;CAAG;AAE7D,eAAO,MAAM,iCAAiC,kHAK7C,CAAC"}

package/lib/components/AttachmentDisplay/AttachmentDisplayItem.js

@@ -2,13 +2,15 @@
 "use client";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
 import { createRenderTrackingContext } from "../../utils/createRenderTrackingContext.js";
+import { withScaleFeedback } from "../../utils/withScaleFeedback.js";
 import { AttachmentDisplay, AttachmentDisplayItemProvider, useAttachmentDisplayContext, useAttachmentDisplayItem } from "@seed-design/react-attachment-display";
 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 { composeRefs } from "@radix-ui/react-compose-refs";
 import { attachmentInputItem } from "@seed-design/css/recipes/attachment-input-item";
 //#region src/components/AttachmentDisplay/AttachmentDisplayItem.tsx
 var { useClassNames, ClassNamesProvider, withContext } = createSlotRecipeContext(attachmentInputItem);
@@ -21,13 +23,14 @@ var AttachmentDisplayItem = React$1.forwardRef(({ className, entry, ...props },
 		...props
 	});
 	const classNames = attachmentInputItem(variantProps);
+	const { scaleFeedbackRef, scaleFeedbackClassName } = useScaleFeedback();
 	return /* @__PURE__ */ jsx(ClassNamesProvider, {
 		value: classNames,
 		children: /* @__PURE__ */ jsx(AttachmentDisplayItemProvider, {
 			value: api,
 			children: /* @__PURE__ */ jsx(overlayTracker.Provider, { children: /* @__PURE__ */ jsx(Primitive.li, {
-				ref,
-				className: clsx$1(classNames.root, className),
+				ref: useComposedRefs(scaleFeedbackRef, ref),
+				className: clsx$1(classNames.root, scaleFeedbackClassName, className),
 				...stateProps,
 				...otherProps
 			}) })
@@ -87,14 +90,15 @@ var AttachmentDisplayItemBadge = React$1.forwardRef(({ className, children, ...p
 AttachmentDisplayItemBadge.displayName = "AttachmentDisplayItemBadge";
 var AttachmentDisplayItemActionButton = React$1.forwardRef(({ className, ...props }, ref) => {
 	const classNames = useClassNames();
+	const { scaleFeedbackRef, scaleFeedbackClassName } = useScaleFeedback();
 	return /* @__PURE__ */ jsx(Primitive.button, {
 		type: "button",
-		ref,
-		className: clsx$1(classNames.actionButton, className),
+		ref: useComposedRefs(scaleFeedbackRef, ref),
+		className: clsx$1(classNames.actionButton, scaleFeedbackClassName, className),
 		...props
 	});
 });
 AttachmentDisplayItemActionButton.displayName = "AttachmentDisplayItemActionButton";
-var AttachmentDisplayItemRemoveButton = withContext(AttachmentDisplay.ItemRemoveButton, "removeButton");
+var AttachmentDisplayItemRemoveButton = withScaleFeedback(withContext(AttachmentDisplay.ItemRemoveButton, "removeButton"));
 //#endregion
 export { AttachmentDisplayItem, AttachmentDisplayItemActionButton, AttachmentDisplayItemBackdrop, AttachmentDisplayItemBadge, AttachmentDisplayItemImage, AttachmentDisplayItemMetadata, AttachmentDisplayItemRemoveButton, AttachmentDisplayItemThumbnail };

package/lib/components/AttachmentDisplay/AttachmentDisplayTrigger.cjs

@@ -2,6 +2,7 @@
 "use client";
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+const require_withScaleFeedback = require("../../utils/withScaleFeedback.cjs");
 const require_Icon = require("../private/Icon.cjs");
 let _seed_design_react_attachment_display = require("@seed-design/react-attachment-display");
 let _seed_design_react_primitive = require("@seed-design/react-primitive");
@@ -14,7 +15,7 @@ let _seed_design_dom_utils = require("@seed-design/dom-utils");
 let _seed_design_css_recipes_attachment_input_trigger = require("@seed-design/css/recipes/attachment-input-trigger");
 //#region src/components/AttachmentDisplay/AttachmentDisplayTrigger.tsx
 var { withProvider, useClassNames } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_attachment_input_trigger.attachmentInputTrigger);
-var AttachmentDisplayTrigger = withProvider(_seed_design_react_attachment_display.AttachmentDisplay.Trigger, "root");
+var AttachmentDisplayTrigger = require_withScaleFeedback.withScaleFeedback(withProvider(_seed_design_react_attachment_display.AttachmentDisplay.Trigger, "root"));
 var AttachmentDisplayTriggerIcon = react.forwardRef(({ image, ...props }, ref) => {
 	const { stateProps } = (0, _seed_design_react_attachment_display.useAttachmentDisplayContext)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.InternalIcon, {

package/lib/components/AttachmentDisplay/AttachmentDisplayTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentDisplayTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentDisplay/AttachmentDisplayTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,kCAAkC,EACxC,MAAM,mDAAmD,CAAC;AAM3D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,6BACf,SAAQ,kCAAkC,EACxC,cAAc,EACd,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,wBAAwB,yGAGQ,CAAC;AAK9C,KAAK,iBAAiB,GAAG,OAAO,CAAC;AAEjC,MAAM,MAAM,iCAAiC,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG;KAC/E,CAAC,IAAI,iBAAiB,GAAG,KAAK,CAAC,SAAS;CAC1C,CAAC;AAEF,eAAO,MAAM,4BAA4B;;uCAcvC,CAAC;AAGH,MAAM,WAAW,sCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iCAAiC,+GAqB5C,CAAC"}
+{"version":3,"file":"AttachmentDisplayTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentDisplay/AttachmentDisplayTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,kCAAkC,EACxC,MAAM,mDAAmD,CAAC;AAM3D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,6BACf,SAAQ,kCAAkC,EACxC,cAAc,EACd,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,wBAAwB,yGAKpC,CAAC;AAKF,KAAK,iBAAiB,GAAG,OAAO,CAAC;AAEjC,MAAM,MAAM,iCAAiC,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG;KAC/E,CAAC,IAAI,iBAAiB,GAAG,KAAK,CAAC,SAAS;CAC1C,CAAC;AAEF,eAAO,MAAM,4BAA4B;;uCAcvC,CAAC;AAGH,MAAM,WAAW,sCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iCAAiC,+GAqB5C,CAAC"}

package/lib/components/AttachmentDisplay/AttachmentDisplayTrigger.js

@@ -1,6 +1,7 @@
 "use client";
 "use client";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { withScaleFeedback } from "../../utils/withScaleFeedback.js";
 import { InternalIcon } from "../private/Icon.js";
 import { AttachmentDisplay, useAttachmentDisplayContext } from "@seed-design/react-attachment-display";
 import { Primitive } from "@seed-design/react-primitive";
@@ -11,7 +12,7 @@ import { mergeProps } from "@seed-design/dom-utils";
 import { attachmentInputTrigger } from "@seed-design/css/recipes/attachment-input-trigger";
 //#region src/components/AttachmentDisplay/AttachmentDisplayTrigger.tsx
 var { withProvider, useClassNames } = createSlotRecipeContext(attachmentInputTrigger);
-var AttachmentDisplayTrigger = withProvider(AttachmentDisplay.Trigger, "root");
+var AttachmentDisplayTrigger = withScaleFeedback(withProvider(AttachmentDisplay.Trigger, "root"));
 var AttachmentDisplayTriggerIcon = React$1.forwardRef(({ image, ...props }, ref) => {
 	const { stateProps } = useAttachmentDisplayContext();
 	return /* @__PURE__ */ jsx(InternalIcon, {

package/lib/components/AttachmentInput/AttachmentInputItem.cjs

@@ -3,6 +3,7 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
 const require_createRenderTrackingContext = require("../../utils/createRenderTrackingContext.cjs");
+const require_withScaleFeedback = require("../../utils/withScaleFeedback.cjs");
 let _seed_design_react_file_upload = require("@seed-design/react-file-upload");
 let _seed_design_react_middle_truncate = require("@seed-design/react-middle-truncate");
 let _seed_design_react_primitive = require("@seed-design/react-primitive");
@@ -11,8 +12,9 @@ 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_react_scale_feedback = require("@seed-design/react-scale-feedback");
+let _seed_design_dom_utils = require("@seed-design/dom-utils");
 let _seed_design_css_recipes_attachment_input_item = require("@seed-design/css/recipes/attachment-input-item");
 //#region src/components/AttachmentInput/AttachmentInputItem.tsx
 var { useClassNames, ClassNamesProvider, withContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_attachment_input_item.attachmentInputItem);
@@ -25,13 +27,14 @@ var AttachmentInputItem = react.forwardRef(({ className, fileEntry, ...props },
 		...props
 	});
 	const classNames = (0, _seed_design_css_recipes_attachment_input_item.attachmentInputItem)(variantProps);
+	const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassNamesProvider, {
 		value: classNames,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_file_upload.FileUploadItemProvider, {
 			value: api,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(overlayTracker.Provider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.li, {
-				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),
 				...stateProps,
 				...otherProps
 			}) })
@@ -64,7 +67,7 @@ var AttachmentInputItemSize = react.forwardRef(({ className, ...props }, ref) =>
 	});
 });
 AttachmentInputItemSize.displayName = "AttachmentInputItemSize";
-var AttachmentInputItemRemoveButton = withContext(_seed_design_react_file_upload.FileUpload.ItemRemoveButton, "removeButton");
+var AttachmentInputItemRemoveButton = require_withScaleFeedback.withScaleFeedback(withContext(_seed_design_react_file_upload.FileUpload.ItemRemoveButton, "removeButton"));
 var AttachmentInputItemImage = withContext(_seed_design_react_file_upload.FileUpload.ItemImage, "image");
 var AttachmentInputItemThumbnail = react.forwardRef(({ className, ...props }, ref) => {
 	const classNames = useClassNames();
@@ -94,10 +97,11 @@ var AttachmentInputItemBadge = react.forwardRef(({ className, children, ...props
 AttachmentInputItemBadge.displayName = "AttachmentInputItemBadge";
 var AttachmentInputItemActionButton = react.forwardRef(({ className, ...props }, ref) => {
 	const classNames = useClassNames();
+	const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.button, {
 		type: "button",
-		ref,
-		className: (0, clsx.default)(classNames.actionButton, className),
+		ref: (0, _radix_ui_react_compose_refs.useComposedRefs)(scaleFeedbackRef, ref),
+		className: (0, clsx.default)(classNames.actionButton, scaleFeedbackClassName, className),
 		...props
 	});
 });

package/lib/components/AttachmentInput/AttachmentInputItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentInputItem.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentInput/AttachmentInputItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,gDAAgD,CAAC;AAGxD,OAAO,EACL,UAAU,IAAI,mBAAmB,EAKjC,KAAK,SAAS,EAEf,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAU9E,MAAM,WAAW,wBACf,SAAQ,+BAA+B,EACrC,cAAc,EACd,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACvC,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,gGA2B/B,CAAC;AAKF,MAAM,WAAW,4BACf,SAAQ,cAAc,EACpB,mBAAmB,CAAC,aAAa;CAAG;AAExC,eAAO,MAAM,uBAAuB,sGAiBlC,CAAC;AAKH,MAAM,WAAW,4BAA6B,SAAQ,mBAAmB,CAAC,aAAa;CAAG;AAE1F,eAAO,MAAM,uBAAuB,sGAalC,CAAC;AAKH,MAAM,WAAW,oCACf,SAAQ,mBAAmB,CAAC,qBAAqB;CAAG;AAEtD,eAAO,MAAM,+BAA+B,gHAGW,CAAC;AAExD,MAAM,WAAW,6BAA8B,SAAQ,mBAAmB,CAAC,cAAc;CAAG;AAE5F,eAAO,MAAM,wBAAwB,wGAGI,CAAC;AAE1C,MAAM,WAAW,iCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAG3C,eAAO,MAAM,4BAA4B,0GAiBvC,CAAC;AAMH,MAAM,WAAW,6BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,wBAAwB,sGAWnC,CAAC;AAKH,MAAM,WAAW,oCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,+BAA+B,gHAc1C,CAAC;AAKH,MAAM,WAAW,gCAAiC,SAAQ,mBAAmB,CAAC,iBAAiB;CAAG;AAElG,eAAO,MAAM,2BAA2B,yGActC,CAAC;AAMH,MAAM,WAAW,gCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,2BAA2B,yGAiBtC,CAAC"}
+{"version":3,"file":"AttachmentInputItem.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentInput/AttachmentInputItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,gDAAgD,CAAC;AAGxD,OAAO,EACL,UAAU,IAAI,mBAAmB,EAKjC,KAAK,SAAS,EAEf,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAY9E,MAAM,WAAW,wBACf,SAAQ,+BAA+B,EACrC,cAAc,EACd,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACvC,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,gGA4B/B,CAAC;AAKF,MAAM,WAAW,4BACf,SAAQ,cAAc,EACpB,mBAAmB,CAAC,aAAa;CAAG;AAExC,eAAO,MAAM,uBAAuB,sGAiBlC,CAAC;AAKH,MAAM,WAAW,4BAA6B,SAAQ,mBAAmB,CAAC,aAAa;CAAG;AAE1F,eAAO,MAAM,uBAAuB,sGAalC,CAAC;AAKH,MAAM,WAAW,oCACf,SAAQ,mBAAmB,CAAC,qBAAqB;CAAG;AAEtD,eAAO,MAAM,+BAA+B,gHAK3C,CAAC;AAEF,MAAM,WAAW,6BAA8B,SAAQ,mBAAmB,CAAC,cAAc;CAAG;AAE5F,eAAO,MAAM,wBAAwB,wGAGI,CAAC;AAE1C,MAAM,WAAW,iCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAG3C,eAAO,MAAM,4BAA4B,0GAiBvC,CAAC;AAMH,MAAM,WAAW,6BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,wBAAwB,sGAWnC,CAAC;AAKH,MAAM,WAAW,oCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,+BAA+B,gHAe1C,CAAC;AAKH,MAAM,WAAW,gCAAiC,SAAQ,mBAAmB,CAAC,iBAAiB;CAAG;AAElG,eAAO,MAAM,2BAA2B,yGActC,CAAC;AAMH,MAAM,WAAW,gCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,2BAA2B,yGAiBtC,CAAC"}

package/lib/components/AttachmentInput/AttachmentInputItem.js

@@ -2,14 +2,16 @@
 "use client";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
 import { createRenderTrackingContext } from "../../utils/createRenderTrackingContext.js";
+import { withScaleFeedback } from "../../utils/withScaleFeedback.js";
 import { FileUpload, FileUploadItemProvider, splitFileName, useFileUploadContext, useFileUploadItem, useFileUploadItemContext } from "@seed-design/react-file-upload";
 import { MiddleTruncate } from "@seed-design/react-middle-truncate";
 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 { composeRefs } from "@radix-ui/react-compose-refs";
 import { attachmentInputItem } from "@seed-design/css/recipes/attachment-input-item";
 //#region src/components/AttachmentInput/AttachmentInputItem.tsx
 var { useClassNames, ClassNamesProvider, withContext } = createSlotRecipeContext(attachmentInputItem);
@@ -22,13 +24,14 @@ var AttachmentInputItem = React$1.forwardRef(({ className, fileEntry, ...props }
 		...props
 	});
 	const classNames = attachmentInputItem(variantProps);
+	const { scaleFeedbackRef, scaleFeedbackClassName } = useScaleFeedback();
 	return /* @__PURE__ */ jsx(ClassNamesProvider, {
 		value: classNames,
 		children: /* @__PURE__ */ jsx(FileUploadItemProvider, {
 			value: api,
 			children: /* @__PURE__ */ jsx(overlayTracker.Provider, { children: /* @__PURE__ */ jsx(Primitive.li, {
-				ref,
-				className: clsx$1(classNames.root, className),
+				ref: useComposedRefs(scaleFeedbackRef, ref),
+				className: clsx$1(classNames.root, scaleFeedbackClassName, className),
 				...stateProps,
 				...otherProps
 			}) })
@@ -61,7 +64,7 @@ var AttachmentInputItemSize = React$1.forwardRef(({ className, ...props }, ref)
 	});
 });
 AttachmentInputItemSize.displayName = "AttachmentInputItemSize";
-var AttachmentInputItemRemoveButton = withContext(FileUpload.ItemRemoveButton, "removeButton");
+var AttachmentInputItemRemoveButton = withScaleFeedback(withContext(FileUpload.ItemRemoveButton, "removeButton"));
 var AttachmentInputItemImage = withContext(FileUpload.ItemImage, "image");
 var AttachmentInputItemThumbnail = React$1.forwardRef(({ className, ...props }, ref) => {
 	const classNames = useClassNames();
@@ -91,10 +94,11 @@ var AttachmentInputItemBadge = React$1.forwardRef(({ className, children, ...pro
 AttachmentInputItemBadge.displayName = "AttachmentInputItemBadge";
 var AttachmentInputItemActionButton = React$1.forwardRef(({ className, ...props }, ref) => {
 	const classNames = useClassNames();
+	const { scaleFeedbackRef, scaleFeedbackClassName } = useScaleFeedback();
 	return /* @__PURE__ */ jsx(Primitive.button, {
 		type: "button",
-		ref,
-		className: clsx$1(classNames.actionButton, className),
+		ref: useComposedRefs(scaleFeedbackRef, ref),
+		className: clsx$1(classNames.actionButton, scaleFeedbackClassName, className),
 		...props
 	});
 });

package/lib/components/AttachmentInput/AttachmentInputTrigger.cjs

@@ -2,6 +2,7 @@
 "use client";
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+const require_withScaleFeedback = require("../../utils/withScaleFeedback.cjs");
 const require_Icon = require("../private/Icon.cjs");
 let _seed_design_react_file_upload = require("@seed-design/react-file-upload");
 let _seed_design_react_primitive = require("@seed-design/react-primitive");
@@ -14,7 +15,7 @@ let _seed_design_dom_utils = require("@seed-design/dom-utils");
 let _seed_design_css_recipes_attachment_input_trigger = require("@seed-design/css/recipes/attachment-input-trigger");
 //#region src/components/AttachmentInput/AttachmentInputTrigger.tsx
 var { withProvider, useClassNames } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_attachment_input_trigger.attachmentInputTrigger);
-var AttachmentInputTrigger = withProvider(_seed_design_react_file_upload.FileUpload.Trigger, "root");
+var AttachmentInputTrigger = require_withScaleFeedback.withScaleFeedback(withProvider(_seed_design_react_file_upload.FileUpload.Trigger, "root"));
 var AttachmentInputTriggerIcon = react.forwardRef(({ image, general, ...props }, ref) => {
 	const { acceptType, stateProps } = (0, _seed_design_react_file_upload.useFileUploadContext)();
 	const mergedProps = (0, _seed_design_dom_utils.mergeProps)(stateProps, { className: useClassNames().icon }, props);

package/lib/components/AttachmentInput/AttachmentInputTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentInputTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentInput/AttachmentInputTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,kCAAkC,EACxC,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAQ9E,MAAM,WAAW,2BACf,SAAQ,kCAAkC,EACxC,cAAc,EACd,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,sBAAsB,uGAGlC,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG;KAC7E,CAAC,IAAI,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS;CACrD,GAAG;IACF,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;aAH5B,KAAK,CAAC,SAAS;uCAuBxB,CAAC;AAEH,MAAM,WAAW,oCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,+BAA+B,6GAqB1C,CAAC"}
+{"version":3,"file":"AttachmentInputTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentInput/AttachmentInputTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,kCAAkC,EACxC,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAS9E,MAAM,WAAW,2BACf,SAAQ,kCAAkC,EACxC,cAAc,EACd,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,sBAAsB,uGAElC,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG;KAC7E,CAAC,IAAI,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS;CACrD,GAAG;IACF,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;aAH5B,KAAK,CAAC,SAAS;uCAuBxB,CAAC;AAEH,MAAM,WAAW,oCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,+BAA+B,6GAqB1C,CAAC"}

package/lib/components/AttachmentInput/AttachmentInputTrigger.js

@@ -1,6 +1,7 @@
 "use client";
 "use client";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { withScaleFeedback } from "../../utils/withScaleFeedback.js";
 import { InternalIcon } from "../private/Icon.js";
 import { FileUpload, useFileUploadContext } from "@seed-design/react-file-upload";
 import { Primitive } from "@seed-design/react-primitive";
@@ -11,7 +12,7 @@ import { mergeProps } from "@seed-design/dom-utils";
 import { attachmentInputTrigger } from "@seed-design/css/recipes/attachment-input-trigger";
 //#region src/components/AttachmentInput/AttachmentInputTrigger.tsx
 var { withProvider, useClassNames } = createSlotRecipeContext(attachmentInputTrigger);
-var AttachmentInputTrigger = withProvider(FileUpload.Trigger, "root");
+var AttachmentInputTrigger = withScaleFeedback(withProvider(FileUpload.Trigger, "root"));
 var AttachmentInputTriggerIcon = React$1.forwardRef(({ image, general, ...props }, ref) => {
 	const { acceptType, stateProps } = useFileUploadContext();
 	const mergedProps = mergeProps(stateProps, { className: useClassNames().icon }, props);

package/lib/components/BottomSheet/BottomSheet.cjs

@@ -8,9 +8,10 @@ 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_scale_feedback = require("@seed-design/react-scale-feedback");
 let _seed_design_dom_utils = require("@seed-design/dom-utils");
 let _seed_design_css_recipes_bottom_sheet = require("@seed-design/css/recipes/bottom-sheet");
-let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
 let _seed_design_react_drawer = require("@seed-design/react-drawer");
 //#region src/components/BottomSheet/BottomSheet.tsx
 var { withContext, useClassNames, ClassNamesProvider } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_bottom_sheet.bottomSheet);
@@ -49,9 +50,10 @@ var BottomSheetFooter = withContext(_seed_design_react_primitive.Primitive.div,
 var BottomSheetCloseButton = (0, 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_drawer.Drawer.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/BottomSheet/BottomSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,KAAK,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAGlG,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAK9E,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAQrE,MAAM,WAAW,oBACf,SAAQ,uBAAuB,EAC7B,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC;CAAG;AAE1C,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAgB1D;AAID,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,kBAAkB,mHAAiB,CAAC;AAIjD,MAAM,WAAW,0BAA2B,SAAQ,MAAM,CAAC,eAAe;CAAG;AAE7E,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,MAAM,CAAC,aAAa;CAAG;AAEzE,eAAO,MAAM,mBAAmB,qHAG/B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,MAAM,CAAC,WAAW;CAAG;AAErE,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,MAAM,CAAC,UAAU;CAAG;AAEnE,eAAO,MAAM,gBAAgB,sHAc5B,CAAC;AAMF,MAAM,WAAW,2BAA4B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE/E,eAAO,MAAM,sBAAsB,8HAGC,CAAC;AAIrC,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,IAAI,CACF,UAAU,EACV,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,gBAAgB,GAAG,YAAY,CACpF,EACD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,2BAA4B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE/E,eAAO,MAAM,sBAAsB,2HAalC,CAAC"}
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,KAAK,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAGlG,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAM9E,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAQrE,MAAM,WAAW,oBACf,SAAQ,uBAAuB,EAC7B,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC;CAAG;AAE1C,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAgB1D;AAID,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,kBAAkB,mHAAiB,CAAC;AAIjD,MAAM,WAAW,0BAA2B,SAAQ,MAAM,CAAC,eAAe;CAAG;AAE7E,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,MAAM,CAAC,aAAa;CAAG;AAEzE,eAAO,MAAM,mBAAmB,qHAG/B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,MAAM,CAAC,WAAW;CAAG;AAErE,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,MAAM,CAAC,UAAU;CAAG;AAEnE,eAAO,MAAM,gBAAgB,sHAc5B,CAAC;AAMF,MAAM,WAAW,2BAA4B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE/E,eAAO,MAAM,sBAAsB,8HAGC,CAAC;AAIrC,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,IAAI,CACF,UAAU,EACV,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,gBAAgB,GAAG,YAAY,CACpF,EACD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,2BAA4B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE/E,eAAO,MAAM,sBAAsB,2HAclC,CAAC"}

package/lib/components/BottomSheet/BottomSheet.js

@@ -6,9 +6,10 @@ import { Primitive } from "@seed-design/react-primitive";
 import clsx$1 from "clsx";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { useScaleFeedback } from "@seed-design/react-scale-feedback";
 import { dataAttr } from "@seed-design/dom-utils";
 import { bottomSheet } from "@seed-design/css/recipes/bottom-sheet";
-import { composeRefs } from "@radix-ui/react-compose-refs";
 import { Drawer } from "@seed-design/react-drawer";
 //#region src/components/BottomSheet/BottomSheet.tsx
 var { withContext, useClassNames, ClassNamesProvider } = createSlotRecipeContext(bottomSheet);
@@ -47,9 +48,10 @@ var BottomSheetFooter = withContext(Primitive.div, "footer");
 var BottomSheetCloseButton = forwardRef(({ className, ...props }, ref) => {
 	const classNames = useClassNames();
 	const { trackRef } = closeButtonTracker.useRenderTracking();
+	const { scaleFeedbackRef, scaleFeedbackClassName } = useScaleFeedback();
 	return /* @__PURE__ */ jsx(Drawer.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/Callout/Callout.cjs

@@ -1,17 +1,18 @@
 "use client";
 require("../../_virtual/_rolldown/runtime.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+const require_withScaleFeedback = require("../../utils/withScaleFeedback.cjs");
 const require_useDismissible = require("../private/useDismissible.cjs");
 let _seed_design_react_primitive = require("@seed-design/react-primitive");
 let _seed_design_css_recipes_callout = require("@seed-design/css/recipes/callout");
 //#region src/components/Callout/Callout.tsx
 var { withContext, withProvider } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_callout.callout);
-var CalloutRoot = withProvider(require_useDismissible.DismissibleRoot, "root");
+var CalloutRoot = require_withScaleFeedback.withScaleFeedback(withProvider(require_useDismissible.DismissibleRoot, "root"));
 var CalloutContent = withContext(_seed_design_react_primitive.Primitive.div, "content");
 var CalloutTitle = withContext(_seed_design_react_primitive.Primitive.span, "title");
 var CalloutDescription = withContext(_seed_design_react_primitive.Primitive.span, "description");
 var CalloutLink = withContext(_seed_design_react_primitive.Primitive.button, "link");
-var CalloutCloseButton = withContext(require_useDismissible.DismissibleCloseButton, "closeButton");
+var CalloutCloseButton = require_withScaleFeedback.withScaleFeedback(withContext(require_useDismissible.DismissibleCloseButton, "closeButton"));
 //#endregion
 exports.CalloutCloseButton = CalloutCloseButton;
 exports.CalloutContent = CalloutContent;

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

@@ -1 +1 @@
-{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAW,KAAK,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAErF,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,2BAA2B,CAAC;AAInC,MAAM,WAAW,gBAAiB,SAAQ,mBAAmB,EAAE,oBAAoB;CAAG;AAEtF,eAAO,MAAM,WAAW,yFAA0E,CAAC;AAEnG,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpG,eAAO,MAAM,cAAc,4FAG1B,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAEnG,eAAO,MAAM,YAAY,2FAGxB,CAAC;AAEF,MAAM,WAAW,uBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,kBAAkB,iGAG9B,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,WAAW,4FAGvB,CAAC;AAEF,MAAM,WAAW,uBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,kBAAkB,mGAG9B,CAAC"}
+{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAW,KAAK,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAGrF,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,2BAA2B,CAAC;AAInC,MAAM,WAAW,gBAAiB,SAAQ,mBAAmB,EAAE,oBAAoB;CAAG;AAKtF,eAAO,MAAM,WAAW,yFAEvB,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpG,eAAO,MAAM,cAAc,4FAG1B,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAEnG,eAAO,MAAM,YAAY,2FAGxB,CAAC;AAEF,MAAM,WAAW,uBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,kBAAkB,iGAG9B,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,WAAW,4FAGvB,CAAC;AAEF,MAAM,WAAW,uBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,kBAAkB,mGAE9B,CAAC"}

package/lib/components/Callout/Callout.js

@@ -1,15 +1,16 @@
 "use client";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { withScaleFeedback } from "../../utils/withScaleFeedback.js";
 import { DismissibleCloseButton, DismissibleRoot } from "../private/useDismissible.js";
 import { Primitive } from "@seed-design/react-primitive";
 import { callout } from "@seed-design/css/recipes/callout";
 //#region src/components/Callout/Callout.tsx
 var { withContext, withProvider } = createSlotRecipeContext(callout);
-var CalloutRoot = withProvider(DismissibleRoot, "root");
+var CalloutRoot = withScaleFeedback(withProvider(DismissibleRoot, "root"));
 var CalloutContent = withContext(Primitive.div, "content");
 var CalloutTitle = withContext(Primitive.span, "title");
 var CalloutDescription = withContext(Primitive.span, "description");
 var CalloutLink = withContext(Primitive.button, "link");
-var CalloutCloseButton = withContext(DismissibleCloseButton, "closeButton");
+var CalloutCloseButton = withScaleFeedback(withContext(DismissibleCloseButton, "closeButton"));
 //#endregion
 export { CalloutCloseButton, CalloutContent, CalloutDescription, CalloutLink, CalloutRoot, CalloutTitle };

package/lib/components/Checkbox/Checkbox.cjs

@@ -3,6 +3,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_createRecipeContext = require("../../utils/createRecipeContext.cjs");
+const require_withScaleFeedback = require("../../utils/withScaleFeedback.cjs");
 const require_splitMultipleVariantsProps = require("../../utils/splitMultipleVariantsProps.cjs");
 const require_Icon = require("../private/Icon.cjs");
 let _seed_design_react_checkbox = require("@seed-design/react-checkbox");
@@ -39,7 +40,7 @@ var CheckboxRoot = Object.assign((0, react.forwardRef)(({ className, ...props },
 		})
 	});
 }), { Primitive: _seed_design_react_checkbox.Checkbox.Root });
-var CheckboxControl = withCheckmarkProvider(_seed_design_react_checkbox.Checkbox.Control, "root");
+var CheckboxControl = require_withScaleFeedback.withScaleFeedback(withCheckmarkProvider(_seed_design_react_checkbox.Checkbox.Control, "root"));
 var CheckboxIndicator = (0, react.forwardRef)(({ unchecked: uncheckedSvg, checked: checkedSvg, indeterminate: indeterminateSvg, ...otherProps }, ref) => {
 	const { stateProps, checked, indeterminate } = (0, _seed_design_react_checkbox.useCheckboxContext)();
 	const mergedProps = (0, _seed_design_dom_utils.mergeProps)(stateProps, { className: useCheckmarkClassNames().icon }, otherProps);

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAG3F,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAsB,MAAM,6BAA6B,CAAC;AAChG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAO9E,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,yCAAyC,CAAC;AAajD,MAAM,WAAW,kBACf,SAAQ,yBAAyB,EAC/B,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,aAAa,+GAAsE,CAAC;AAIjG,MAAM,WAAW,iBACf,SAAQ,oBAAoB,EAC1B,qBAAqB,EACrB,iBAAiB,CAAC,SAAS;CAAG;AAElC,eAAO,MAAM,YAAY;;CAsBxB,CAAC;AAIF;;;GAGG;AAEH,MAAM,WAAW,oBACf,SAAQ,qBAAqB,EAC3B,iBAAiB,CAAC,YAAY;CAAG;AAErC,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IAChF;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,eAAO,MAAM,iBAAiB,kHA8B7B,CAAC;AAKF,MAAM,WAAW,kBAAmB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAEpG,eAAO,MAAM,aAAa,+GAGzB,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,CAAC,gBAAgB;CAAG;AAEvF,eAAO,MAAM,mBAAmB,iIAAgC,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAG3F,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAsB,MAAM,6BAA6B,CAAC;AAChG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAQ9E,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,yCAAyC,CAAC;AAajD,MAAM,WAAW,kBACf,SAAQ,yBAAyB,EAC/B,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,aAAa,+GAAsE,CAAC;AAIjG,MAAM,WAAW,iBACf,SAAQ,oBAAoB,EAC1B,qBAAqB,EACrB,iBAAiB,CAAC,SAAS;CAAG;AAElC,eAAO,MAAM,YAAY;;CAsBxB,CAAC;AAIF;;;GAGG;AAEH,MAAM,WAAW,oBACf,SAAQ,qBAAqB,EAC3B,iBAAiB,CAAC,YAAY;CAAG;AAErC,eAAO,MAAM,eAAe,iHAE3B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IAChF;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,eAAO,MAAM,iBAAiB,kHA8B7B,CAAC;AAKF,MAAM,WAAW,kBAAmB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAEpG,eAAO,MAAM,aAAa,+GAGzB,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,CAAC,gBAAgB;CAAG;AAEvF,eAAO,MAAM,mBAAmB,iIAAgC,CAAC"}

package/lib/components/Checkbox/Checkbox.js

@@ -2,6 +2,7 @@
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
 import { createWithStateProps } from "../../utils/createWithStateProps.js";
 import { createRecipeContext } from "../../utils/createRecipeContext.js";
+import { withScaleFeedback } from "../../utils/withScaleFeedback.js";
 import { splitMultipleVariantsProps } from "../../utils/splitMultipleVariantsProps.js";
 import { InternalIcon } from "../private/Icon.js";
 import { Checkbox, useCheckboxContext } from "@seed-design/react-checkbox";
@@ -37,7 +38,7 @@ var CheckboxRoot = Object.assign(forwardRef(({ className, ...props }, ref) => {
 		})
 	});
 }), { Primitive: Checkbox.Root });
-var CheckboxControl = withCheckmarkProvider(Checkbox.Control, "root");
+var CheckboxControl = withScaleFeedback(withCheckmarkProvider(Checkbox.Control, "root"));
 var CheckboxIndicator = forwardRef(({ unchecked: uncheckedSvg, checked: checkedSvg, indeterminate: indeterminateSvg, ...otherProps }, ref) => {
 	const { stateProps, checked, indeterminate } = useCheckboxContext();
 	const mergedProps = mergeProps(stateProps, { className: useCheckmarkClassNames().icon }, otherProps);

package/lib/components/Chip/Chip.cjs

@@ -3,6 +3,7 @@ require("../../_virtual/_rolldown/runtime.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
 const require_createWithStateProps = require("../../utils/createWithStateProps.cjs");
 const require_Icon = require("../Icon/Icon.cjs");
+const require_withScaleFeedback = require("../../utils/withScaleFeedback.cjs");
 let _seed_design_react_checkbox = require("@seed-design/react-checkbox");
 let _seed_design_react_radio_group = require("@seed-design/react-radio-group");
 let _seed_design_react_primitive = require("@seed-design/react-primitive");
@@ -16,7 +17,7 @@ var withStateProps = require_createWithStateProps.createWithStateProps([{
 	useContext: _seed_design_react_radio_group.useRadioGroupItemContext,
 	strict: false
 }]);
-var ChipRoot = require_Icon.withIconRequired(withProvider(_seed_design_react_primitive.Primitive.button, "root"), (props) => props.layout === "iconOnly");
+var ChipRoot = require_Icon.withIconRequired(require_withScaleFeedback.withScaleFeedback(withProvider(_seed_design_react_primitive.Primitive.button, "root")), (props) => props.layout === "iconOnly");
 ChipRoot.displayName = "Chip.Root";
 var ChipLabel = withContext(withStateProps(_seed_design_react_primitive.Primitive.span), "label");
 ChipLabel.displayName = "Chip.Label";

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAepC,MAAM,WAAW,aACf,SAAQ,cAAc,EACpB,gBAAgB,EAChB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,QAAQ,+IAGpB,CAAC;AAKF,MAAM,WAAW,cAAe,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAEhG,eAAO,MAAM,SAAS,wFAGrB,CAAC;AAKF,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AACpG,eAAO,MAAM,cAAc,4FAG1B,CAAC;AAKF,MAAM,WAAW,qBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,gBAAgB,8FAG5B,CAAC;AAKF,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AACpG,eAAO,MAAM,cAAc,4FAG1B,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAgBpC,MAAM,WAAW,aACf,SAAQ,cAAc,EACpB,gBAAgB,EAChB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,QAAQ,+IAGpB,CAAC;AAKF,MAAM,WAAW,cAAe,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAEhG,eAAO,MAAM,SAAS,wFAGrB,CAAC;AAKF,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AACpG,eAAO,MAAM,cAAc,4FAG1B,CAAC;AAKF,MAAM,WAAW,qBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,gBAAgB,8FAG5B,CAAC;AAKF,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AACpG,eAAO,MAAM,cAAc,4FAG1B,CAAC"}

package/lib/components/Chip/Chip.js

@@ -2,6 +2,7 @@
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
 import { createWithStateProps } from "../../utils/createWithStateProps.js";
 import { withIconRequired } from "../Icon/Icon.js";
+import { withScaleFeedback } from "../../utils/withScaleFeedback.js";
 import { useCheckboxContext } from "@seed-design/react-checkbox";
 import { useRadioGroupItemContext } from "@seed-design/react-radio-group";
 import { Primitive } from "@seed-design/react-primitive";
@@ -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";