@seed-design/react 2.3.0 → 2.4.1

package/lib/components/LoadingIndicator/usePendingButton.d.ts

@@ -16,6 +16,10 @@ export declare function usePendingButton(props: UsePendingButtonProps): {
     loading: boolean | undefined;
     disabled: boolean | undefined;
     stateProps: {
+        children?: React.ReactNode;
+        slot?: string | undefined | undefined;
+        style?: React.CSSProperties | undefined;
+        title?: string | undefined | undefined;
         defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -24,20 +28,17 @@ export declare function usePendingButton(props: UsePendingButtonProps): {
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
         autoFocus?: boolean | undefined | undefined;
         className?: string | undefined | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
         contextMenu?: string | undefined | undefined;
         dir?: string | undefined | undefined;
-        draggable?: (boolean | "false" | "true") | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
         hidden?: boolean | undefined | undefined;
         id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
-        slot?: string | undefined | undefined;
-        spellCheck?: (boolean | "false" | "true") | undefined;
-        style?: React.CSSProperties | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
         tabIndex?: number | undefined | undefined;
-        title?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         radioGroup?: string | undefined | undefined;
         role?: React.AriaRole | undefined;
@@ -72,11 +73,11 @@ export declare function usePendingButton(props: UsePendingButtonProps): {
         exportparts?: string | undefined | undefined;
         part?: string | undefined | undefined;
         "aria-activedescendant"?: string | undefined | undefined;
-        "aria-atomic"?: (boolean | "false" | "true") | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
         "aria-braillelabel"?: string | undefined | undefined;
         "aria-brailleroledescription"?: string | undefined | undefined;
-        "aria-busy"?: (boolean | "false" | "true") | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
         "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
         "aria-colcount"?: number | undefined | undefined;
         "aria-colindex"?: number | undefined | undefined;
@@ -87,44 +88,43 @@ export declare function usePendingButton(props: UsePendingButtonProps): {
         "aria-describedby"?: string | undefined | undefined;
         "aria-description"?: string | undefined | undefined;
         "aria-details"?: string | undefined | undefined;
-        "aria-disabled"?: (boolean | "false" | "true") | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
         "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
         "aria-errormessage"?: string | undefined | undefined;
-        "aria-expanded"?: (boolean | "false" | "true") | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined | undefined;
-        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
         "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-        "aria-hidden"?: (boolean | "false" | "true") | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
         "aria-keyshortcuts"?: string | undefined | undefined;
         "aria-label"?: string | undefined | undefined;
         "aria-labelledby"?: string | undefined | undefined;
         "aria-level"?: number | undefined | undefined;
         "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
-        "aria-modal"?: (boolean | "false" | "true") | undefined;
-        "aria-multiline"?: (boolean | "false" | "true") | undefined;
-        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
         "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
         "aria-owns"?: string | undefined | undefined;
         "aria-placeholder"?: string | undefined | undefined;
         "aria-posinset"?: number | undefined | undefined;
         "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-        "aria-readonly"?: (boolean | "false" | "true") | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
         "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-        "aria-required"?: (boolean | "false" | "true") | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined | undefined;
         "aria-rowcount"?: number | undefined | undefined;
         "aria-rowindex"?: number | undefined | undefined;
         "aria-rowindextext"?: string | undefined | undefined;
         "aria-rowspan"?: number | undefined | undefined;
-        "aria-selected"?: (boolean | "false" | "true") | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
         "aria-setsize"?: number | undefined | undefined;
         "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
         "aria-valuemax"?: number | undefined | undefined;
         "aria-valuemin"?: number | undefined | undefined;
         "aria-valuenow"?: number | undefined | undefined;
         "aria-valuetext"?: string | undefined | undefined;
-        children?: React.ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined | undefined;
@@ -302,6 +302,10 @@ export declare const PendingButtonProvider: React.Provider<{
     loading: boolean | undefined;
     disabled: boolean | undefined;
     stateProps: {
+        children?: React.ReactNode;
+        slot?: string | undefined | undefined;
+        style?: React.CSSProperties | undefined;
+        title?: string | undefined | undefined;
         defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -310,20 +314,17 @@ export declare const PendingButtonProvider: React.Provider<{
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
         autoFocus?: boolean | undefined | undefined;
         className?: string | undefined | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
         contextMenu?: string | undefined | undefined;
         dir?: string | undefined | undefined;
-        draggable?: (boolean | "false" | "true") | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
         hidden?: boolean | undefined | undefined;
         id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
-        slot?: string | undefined | undefined;
-        spellCheck?: (boolean | "false" | "true") | undefined;
-        style?: React.CSSProperties | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
         tabIndex?: number | undefined | undefined;
-        title?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         radioGroup?: string | undefined | undefined;
         role?: React.AriaRole | undefined;
@@ -358,11 +359,11 @@ export declare const PendingButtonProvider: React.Provider<{
         exportparts?: string | undefined | undefined;
         part?: string | undefined | undefined;
         "aria-activedescendant"?: string | undefined | undefined;
-        "aria-atomic"?: (boolean | "false" | "true") | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
         "aria-braillelabel"?: string | undefined | undefined;
         "aria-brailleroledescription"?: string | undefined | undefined;
-        "aria-busy"?: (boolean | "false" | "true") | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
         "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
         "aria-colcount"?: number | undefined | undefined;
         "aria-colindex"?: number | undefined | undefined;
@@ -373,44 +374,43 @@ export declare const PendingButtonProvider: React.Provider<{
         "aria-describedby"?: string | undefined | undefined;
         "aria-description"?: string | undefined | undefined;
         "aria-details"?: string | undefined | undefined;
-        "aria-disabled"?: (boolean | "false" | "true") | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
         "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
         "aria-errormessage"?: string | undefined | undefined;
-        "aria-expanded"?: (boolean | "false" | "true") | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined | undefined;
-        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
         "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-        "aria-hidden"?: (boolean | "false" | "true") | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
         "aria-keyshortcuts"?: string | undefined | undefined;
         "aria-label"?: string | undefined | undefined;
         "aria-labelledby"?: string | undefined | undefined;
         "aria-level"?: number | undefined | undefined;
         "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
-        "aria-modal"?: (boolean | "false" | "true") | undefined;
-        "aria-multiline"?: (boolean | "false" | "true") | undefined;
-        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
         "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
         "aria-owns"?: string | undefined | undefined;
         "aria-placeholder"?: string | undefined | undefined;
         "aria-posinset"?: number | undefined | undefined;
         "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-        "aria-readonly"?: (boolean | "false" | "true") | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
         "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-        "aria-required"?: (boolean | "false" | "true") | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined | undefined;
         "aria-rowcount"?: number | undefined | undefined;
         "aria-rowindex"?: number | undefined | undefined;
         "aria-rowindextext"?: string | undefined | undefined;
         "aria-rowspan"?: number | undefined | undefined;
-        "aria-selected"?: (boolean | "false" | "true") | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
         "aria-setsize"?: number | undefined | undefined;
         "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
         "aria-valuemax"?: number | undefined | undefined;
         "aria-valuemin"?: number | undefined | undefined;
         "aria-valuenow"?: number | undefined | undefined;
         "aria-valuetext"?: string | undefined | undefined;
-        children?: React.ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined | undefined;
@@ -588,6 +588,10 @@ export declare const usePendingButtonContext: () => {
     loading: boolean | undefined;
     disabled: boolean | undefined;
     stateProps: {
+        children?: React.ReactNode;
+        slot?: string | undefined | undefined;
+        style?: React.CSSProperties | undefined;
+        title?: string | undefined | undefined;
         defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -596,20 +600,17 @@ export declare const usePendingButtonContext: () => {
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
         autoFocus?: boolean | undefined | undefined;
         className?: string | undefined | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
         contextMenu?: string | undefined | undefined;
         dir?: string | undefined | undefined;
-        draggable?: (boolean | "false" | "true") | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
         hidden?: boolean | undefined | undefined;
         id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
-        slot?: string | undefined | undefined;
-        spellCheck?: (boolean | "false" | "true") | undefined;
-        style?: React.CSSProperties | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
         tabIndex?: number | undefined | undefined;
-        title?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         radioGroup?: string | undefined | undefined;
         role?: React.AriaRole | undefined;
@@ -644,11 +645,11 @@ export declare const usePendingButtonContext: () => {
         exportparts?: string | undefined | undefined;
         part?: string | undefined | undefined;
         "aria-activedescendant"?: string | undefined | undefined;
-        "aria-atomic"?: (boolean | "false" | "true") | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
         "aria-braillelabel"?: string | undefined | undefined;
         "aria-brailleroledescription"?: string | undefined | undefined;
-        "aria-busy"?: (boolean | "false" | "true") | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
         "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
         "aria-colcount"?: number | undefined | undefined;
         "aria-colindex"?: number | undefined | undefined;
@@ -659,44 +660,43 @@ export declare const usePendingButtonContext: () => {
         "aria-describedby"?: string | undefined | undefined;
         "aria-description"?: string | undefined | undefined;
         "aria-details"?: string | undefined | undefined;
-        "aria-disabled"?: (boolean | "false" | "true") | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
         "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
         "aria-errormessage"?: string | undefined | undefined;
-        "aria-expanded"?: (boolean | "false" | "true") | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined | undefined;
-        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
         "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-        "aria-hidden"?: (boolean | "false" | "true") | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
         "aria-keyshortcuts"?: string | undefined | undefined;
         "aria-label"?: string | undefined | undefined;
         "aria-labelledby"?: string | undefined | undefined;
         "aria-level"?: number | undefined | undefined;
         "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
-        "aria-modal"?: (boolean | "false" | "true") | undefined;
-        "aria-multiline"?: (boolean | "false" | "true") | undefined;
-        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
         "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
         "aria-owns"?: string | undefined | undefined;
         "aria-placeholder"?: string | undefined | undefined;
         "aria-posinset"?: number | undefined | undefined;
         "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-        "aria-readonly"?: (boolean | "false" | "true") | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
         "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-        "aria-required"?: (boolean | "false" | "true") | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined | undefined;
         "aria-rowcount"?: number | undefined | undefined;
         "aria-rowindex"?: number | undefined | undefined;
         "aria-rowindextext"?: string | undefined | undefined;
         "aria-rowspan"?: number | undefined | undefined;
-        "aria-selected"?: (boolean | "false" | "true") | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
         "aria-setsize"?: number | undefined | undefined;
         "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
         "aria-valuemax"?: number | undefined | undefined;
         "aria-valuemin"?: number | undefined | undefined;
         "aria-valuenow"?: number | undefined | undefined;
         "aria-valuetext"?: string | undefined | undefined;
-        children?: React.ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined | undefined;

package/lib/components/MenuSheet/MenuSheet.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_withScaleFeedback = require("../../utils/withScaleFeedback.cjs");
 let _seed_design_react_dialog = require("@seed-design/react-dialog");
 let _seed_design_react_primitive = require("@seed-design/react-primitive");
 let clsx = require("clsx");
@@ -125,7 +126,7 @@ var MenuSheetFooter = withContext(withStateProps(_seed_design_react_primitive.Pr
 /**
 * @deprecated Use `SwipeableMenuSheet` instead.
 */
-var MenuSheetCloseButton = withContext(_seed_design_react_dialog.Dialog.CloseButton, "closeButton");
+var MenuSheetCloseButton = require_withScaleFeedback.withScaleFeedback(withContext(_seed_design_react_dialog.Dialog.CloseButton, "closeButton"));
 //#endregion
 exports.MenuSheetBackdrop = MenuSheetBackdrop;
 exports.MenuSheetCloseButton = MenuSheetCloseButton;

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

@@ -1 +1 @@
-{"version":3,"file":"MenuSheet.d.ts","sourceRoot":"","sources":["../../../src/components/MenuSheet/MenuSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAoB,MAAM,2BAA2B,CAAC;AACxF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5F,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB,EAAE,eAAe,CAAC,SAAS;IAC1F;;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;;GAEG;AACH,eAAO,MAAM,aAAa,qDAKxB,CAAC;AAIH;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAE9E;;GAEG;AACH,eAAO,MAAM,gBAAgB,wGAA0B,CAAC;AAIxD;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,eAAe,CAAC,eAAe;CAAG;AAEpF;;GAEG;AACH,eAAO,MAAM,mBAAmB,iGAG/B,CAAC;AAIF;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,eAAe,CAAC,aAAa;CAAG;AAEhF;;GAEG;AACH,eAAO,MAAM,iBAAiB,+FAG7B,CAAC;AAIF;;GAEG;AACH,MAAM,WAAW,qBACf,SAAQ,eAAe,CAAC,YAAY,EAClC,IAAI,CAAC,yBAAyB,EAAE,YAAY,CAAC;CAAG;AAEpD;;GAEG;AACH,eAAO,MAAM,gBAAgB,8FAe5B,CAAC;AAIF;;GAEG;AACH,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C;;GAEG;AACH,eAAO,MAAM,eAAe,6FAG3B,CAAC;AAKF;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,eAAe,CAAC,UAAU;CAAG;AAE1E;;GAEG;AACH,eAAO,MAAM,cAAc,gGAG1B,CAAC;AAKF;;GAEG;AACH,MAAM,WAAW,yBAA0B,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAEtF;;GAEG;AACH,eAAO,MAAM,oBAAoB,wGAGhC,CAAC;AAIF;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEnG;;GAEG;AACH,eAAO,MAAM,aAAa,2FAGzB,CAAC;AAIF;;GAEG;AACH,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,IAAI,CAAC,yBAAyB,EAAE,YAAY,CAAC;CAAG;AAEpD;;GAEG;AACH,eAAO,MAAM,cAAc,4FAmB1B,CAAC;AAIF;;GAEG;AACH,MAAM,WAAW,kBACf,SAAQ,cAAc,EACpB,yBAAyB,EACzB,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;CAAG;AAE9C;;GAEG;AACH,eAAO,MAAM,aAAa,8FAmBzB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,yBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C;;GAEG;AACH,eAAO,MAAM,oBAAoB,kGAGhC,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,uBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C;;GAEG;AACH,eAAO,MAAM,kBAAkB,iGAG9B,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,6BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C;;GAEG;AACH,eAAO,MAAM,wBAAwB,uGAGW,CAAC;AAIjD;;GAEG;AACH,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C;;GAEG;AACH,eAAO,MAAM,eAAe,6FAG3B,CAAC;AAIF;;GAEG;AACH,MAAM,WAAW,yBAA0B,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAEtF;;GAEG;AACH,eAAO,MAAM,oBAAoB,kGAGhC,CAAC"}
+{"version":3,"file":"MenuSheet.d.ts","sourceRoot":"","sources":["../../../src/components/MenuSheet/MenuSheet.tsx"],"names":[],"mappings":"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"}

package/lib/components/MenuSheet/MenuSheet.js

@@ -1,6 +1,7 @@
 "use client";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
 import { createWithStateProps } from "../../utils/createWithStateProps.js";
+import { withScaleFeedback } from "../../utils/withScaleFeedback.js";
 import { Dialog, useDialogContext } from "@seed-design/react-dialog";
 import { Primitive } from "@seed-design/react-primitive";
 import clsx$1 from "clsx";
@@ -122,6 +123,6 @@ var MenuSheetFooter = withContext(withStateProps(Primitive.div), "footer");
 /**
 * @deprecated Use `SwipeableMenuSheet` instead.
 */
-var MenuSheetCloseButton = withContext(Dialog.CloseButton, "closeButton");
+var MenuSheetCloseButton = withScaleFeedback(withContext(Dialog.CloseButton, "closeButton"));
 //#endregion
 export { MenuSheetBackdrop, MenuSheetCloseButton, MenuSheetContent, MenuSheetDescription, MenuSheetFooter, MenuSheetGroup, MenuSheetHeader, MenuSheetItem, MenuSheetItemContent, MenuSheetItemDescription, MenuSheetItemLabel, MenuSheetList, MenuSheetPositioner, MenuSheetRoot, MenuSheetTitle, MenuSheetTrigger };

package/lib/components/PageBanner/PageBanner.cjs

@@ -1,6 +1,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_useDismissible = require("../private/useDismissible.cjs");
 let _seed_design_react_primitive = require("@seed-design/react-primitive");
 let clsx = require("clsx");
@@ -27,8 +28,8 @@ var PageBannerContent = withContext(_seed_design_react_primitive.Primitive.div,
 var PageBannerBody = withContext(_seed_design_react_primitive.Primitive.div, "body");
 var PageBannerTitle = withContext(_seed_design_react_primitive.Primitive.span, "title");
 var PageBannerDescription = withContext(_seed_design_react_primitive.Primitive.span, "description");
-var PageBannerButton = withContext(_seed_design_react_primitive.Primitive.button, "button");
-var PageBannerCloseButton = withContext(require_useDismissible.DismissibleCloseButton, "closeButton");
+var PageBannerButton = require_withScaleFeedback.withScaleFeedback(withContext(_seed_design_react_primitive.Primitive.button, "button"));
+var PageBannerCloseButton = require_withScaleFeedback.withScaleFeedback(withContext(require_useDismissible.DismissibleCloseButton, "closeButton"));
 //#endregion
 exports.PageBannerBody = PageBannerBody;
 exports.PageBannerButton = PageBannerButton;

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

@@ -1 +1 @@
-{"version":3,"file":"PageBanner.d.ts","sourceRoot":"","sources":["../../../src/components/PageBanner/PageBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,2BAA2B,CAAC;AAKnC,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,EAAE,oBAAoB;CAAG;AAE5F,eAAO,MAAM,cAAc,4FAiB1B,CAAC;AAuBF,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,+FAG7B,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpG,eAAO,MAAM,cAAc,4FAG1B,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,eAAe,8FAG3B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,qBAAqB,oGAGjC,CAAC;AAEF,MAAM,WAAW,qBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,gBAAgB,iGAG5B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,qBAAqB,sGAGjC,CAAC"}
+{"version":3,"file":"PageBanner.d.ts","sourceRoot":"","sources":["../../../src/components/PageBanner/PageBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG9E,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,2BAA2B,CAAC;AAKnC,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,EAAE,oBAAoB;CAAG;AAE5F,eAAO,MAAM,cAAc,4FAiB1B,CAAC;AAuBF,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,+FAG7B,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpG,eAAO,MAAM,cAAc,4FAG1B,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,eAAe,8FAG3B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,qBAAqB,oGAGjC,CAAC;AAEF,MAAM,WAAW,qBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,gBAAgB,iGAE5B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,qBAAqB,sGAEjC,CAAC"}

package/lib/components/PageBanner/PageBanner.js

@@ -1,5 +1,6 @@
 "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 clsx$1 from "clsx";
@@ -25,7 +26,7 @@ var PageBannerContent = withContext(Primitive.div, "content");
 var PageBannerBody = withContext(Primitive.div, "body");
 var PageBannerTitle = withContext(Primitive.span, "title");
 var PageBannerDescription = withContext(Primitive.span, "description");
-var PageBannerButton = withContext(Primitive.button, "button");
-var PageBannerCloseButton = withContext(DismissibleCloseButton, "closeButton");
+var PageBannerButton = withScaleFeedback(withContext(Primitive.button, "button"));
+var PageBannerCloseButton = withScaleFeedback(withContext(DismissibleCloseButton, "closeButton"));
 //#endregion
 export { PageBannerBody, PageBannerButton, PageBannerCloseButton, PageBannerContent, PageBannerDescription, PageBannerRoot, PageBannerTitle };

package/lib/components/QuantityPicker/QuantityPicker.cjs

@@ -9,6 +9,8 @@ clsx = require_runtime.__toESM(clsx);
 let react = require("react");
 react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
+let _seed_design_react_scale_feedback = require("@seed-design/react-scale-feedback");
 let _seed_design_dom_utils = require("@seed-design/dom-utils");
 let _seed_design_react_quantity_picker = require("@seed-design/react-quantity-picker");
 let _seed_design_css_recipes_quantity_picker = require("@seed-design/css/recipes/quantity-picker");
@@ -71,9 +73,10 @@ var QuantityPickerDecrementButton = react.forwardRef(({ children, className, ico
 	const { decrementIconProps, decrementLoading, isRemoveButton } = (0, _seed_design_react_quantity_picker.useQuantityPickerContext)();
 	const content = decrementLoading ? loadingIndicator : isRemoveButton ? removeIcon ?? icon : icon;
 	const contentIsIcon = content !== null && content !== void 0;
+	const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_quantity_picker.QuantityPicker.DecrementButton, {
-		ref,
-		className: (0, clsx.default)(classNames.decrementButton, className),
+		ref: (0, _radix_ui_react_compose_refs.useComposedRefs)(scaleFeedbackRef, ref),
+		className: (0, clsx.default)(classNames.decrementButton, scaleFeedbackClassName, className),
 		...props,
 		children: renderIcon(content ?? children, classNames.decrementIcon, decrementIconProps, contentIsIcon)
 	});
@@ -103,9 +106,10 @@ var QuantityPickerIncrementButton = react.forwardRef(({ children, className, ico
 	const { incrementIconProps, incrementLoading } = (0, _seed_design_react_quantity_picker.useQuantityPickerContext)();
 	const content = incrementLoading ? loadingIndicator : icon;
 	const contentIsIcon = content !== null && content !== void 0;
+	const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_quantity_picker.QuantityPicker.IncrementButton, {
-		ref,
-		className: (0, clsx.default)(classNames.incrementButton, className),
+		ref: (0, _radix_ui_react_compose_refs.useComposedRefs)(scaleFeedbackRef, ref),
+		className: (0, clsx.default)(classNames.incrementButton, scaleFeedbackClassName, className),
 		...props,
 		children: renderIcon(content ?? children, classNames.incrementIcon, incrementIconProps, contentIsIcon)
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"QuantityPicker.d.ts","sourceRoot":"","sources":["../../../src/components/QuantityPicker/QuantityPicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EACL,cAAc,IAAI,uBAAuB,EAE1C,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,0CAA0C,CAAC;AAElD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkE/B,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,0BAA0B,EAAE,MAAM,GAAG,QAAQ,CAAC,GACvF,uBAAuB,CAAC,SAAS,GAAG;IAClC;;;OAGG;IACH,IAAI,CAAC,EAAE,0BAA0B,CAAC,MAAM,CAAC,CAAC;IAC1C;;;;OAIG;IACH,MAAM,CAAC,EAAE,0BAA0B,CAAC,QAAQ,CAAC,CAAC;CAC/C,CAAC;AAEJ,eAAO,MAAM,kBAAkB,gGAkC9B,CAAC;AAGF,UAAU,yBACR,SAAQ,cAAc,EACpB,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC1E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,kCACf,SAAQ,IAAI,CAAC,uBAAuB,CAAC,oBAAoB,EAAE,UAAU,CAAC,EACpE,yBAAyB;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,6BAA6B,8GAsBxC,CAAC;AAGH,MAAM,WAAW,+BACf,SAAQ,uBAAuB,CAAC,iBAAiB;CAAG;AAEtD,eAAO,MAAM,0BAA0B,6JAuBtC,CAAC;AAGF,MAAM,WAAW,kCACf,SAAQ,IAAI,CAAC,uBAAuB,CAAC,oBAAoB,EAAE,UAAU,CAAC,EACpE,yBAAyB;CAAG;AAEhC,eAAO,MAAM,6BAA6B,8GAkBxC,CAAC;AAGH,MAAM,WAAW,8BAA+B,SAAQ,uBAAuB,CAAC,gBAAgB;CAAG;AAEnG,eAAO,MAAM,yBAAyB,mHAAsC,CAAC"}
+{"version":3,"file":"QuantityPicker.d.ts","sourceRoot":"","sources":["../../../src/components/QuantityPicker/QuantityPicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EACL,cAAc,IAAI,uBAAuB,EAE1C,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,0CAA0C,CAAC;AAElD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoE/B,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,0BAA0B,EAAE,MAAM,GAAG,QAAQ,CAAC,GACvF,uBAAuB,CAAC,SAAS,GAAG;IAClC;;;OAGG;IACH,IAAI,CAAC,EAAE,0BAA0B,CAAC,MAAM,CAAC,CAAC;IAC1C;;;;OAIG;IACH,MAAM,CAAC,EAAE,0BAA0B,CAAC,QAAQ,CAAC,CAAC;CAC/C,CAAC;AAEJ,eAAO,MAAM,kBAAkB,gGAkC9B,CAAC;AAGF,UAAU,yBACR,SAAQ,cAAc,EACpB,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC1E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,kCACf,SAAQ,IAAI,CAAC,uBAAuB,CAAC,oBAAoB,EAAE,UAAU,CAAC,EACpE,yBAAyB;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,6BAA6B,8GAuBxC,CAAC;AAGH,MAAM,WAAW,+BACf,SAAQ,uBAAuB,CAAC,iBAAiB;CAAG;AAEtD,eAAO,MAAM,0BAA0B,6JAuBtC,CAAC;AAGF,MAAM,WAAW,kCACf,SAAQ,IAAI,CAAC,uBAAuB,CAAC,oBAAoB,EAAE,UAAU,CAAC,EACpE,yBAAyB;CAAG;AAEhC,eAAO,MAAM,6BAA6B,8GAmBxC,CAAC;AAGH,MAAM,WAAW,8BAA+B,SAAQ,uBAAuB,CAAC,gBAAgB;CAAG;AAEnG,eAAO,MAAM,yBAAyB,mHAAsC,CAAC"}

package/lib/components/QuantityPicker/QuantityPicker.js

@@ -6,6 +6,8 @@ import { Primitive } from "@seed-design/react-primitive";
 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 { useScaleFeedback } from "@seed-design/react-scale-feedback";
 import { mergeProps } from "@seed-design/dom-utils";
 import { QuantityPicker, useQuantityPickerContext } from "@seed-design/react-quantity-picker";
 import { quantityPicker } from "@seed-design/css/recipes/quantity-picker";
@@ -68,9 +70,10 @@ var QuantityPickerDecrementButton = React$1.forwardRef(({ children, className, i
 	const { decrementIconProps, decrementLoading, isRemoveButton } = useQuantityPickerContext();
 	const content = decrementLoading ? loadingIndicator : isRemoveButton ? removeIcon ?? icon : icon;
 	const contentIsIcon = content !== null && content !== void 0;
+	const { scaleFeedbackRef, scaleFeedbackClassName } = useScaleFeedback();
 	return /* @__PURE__ */ jsx(QuantityPicker.DecrementButton, {
-		ref,
-		className: clsx$1(classNames.decrementButton, className),
+		ref: useComposedRefs(scaleFeedbackRef, ref),
+		className: clsx$1(classNames.decrementButton, scaleFeedbackClassName, className),
 		...props,
 		children: renderIcon(content ?? children, classNames.decrementIcon, decrementIconProps, contentIsIcon)
 	});
@@ -100,9 +103,10 @@ var QuantityPickerIncrementButton = React$1.forwardRef(({ children, className, i
 	const { incrementIconProps, incrementLoading } = useQuantityPickerContext();
 	const content = incrementLoading ? loadingIndicator : icon;
 	const contentIsIcon = content !== null && content !== void 0;
+	const { scaleFeedbackRef, scaleFeedbackClassName } = useScaleFeedback();
 	return /* @__PURE__ */ jsx(QuantityPicker.IncrementButton, {
-		ref,
-		className: clsx$1(classNames.incrementButton, className),
+		ref: useComposedRefs(scaleFeedbackRef, ref),
+		className: clsx$1(classNames.incrementButton, scaleFeedbackClassName, className),
 		...props,
 		children: renderIcon(content ?? children, classNames.incrementIcon, incrementIconProps, contentIsIcon)
 	});

package/lib/components/RadioGroup/RadioGroup.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_radio_group = require("@seed-design/react-radio-group");
@@ -40,7 +41,7 @@ var RadioGroupItem = Object.assign((0, react.forwardRef)(({ className, ...props
 	});
 }), { Primitive: _seed_design_react_radio_group.RadioGroup.Item });
 var RadioGroupItemLabel = withContext(withStateProps(_seed_design_react_primitive.Primitive.span), "label");
-var RadioGroupItemControl = withRadiomarkProvider(_seed_design_react_radio_group.RadioGroup.ItemControl, "root");
+var RadioGroupItemControl = require_withScaleFeedback.withScaleFeedback(withRadiomarkProvider(_seed_design_react_radio_group.RadioGroup.ItemControl, "root"));
 var RadioGroupItemIndicator = (0, react.forwardRef)(({ unchecked: uncheckedSvg, checked: checkedSvg, ...otherProps }, ref) => {
 	const { stateProps, checked } = (0, _seed_design_react_radio_group.useRadioGroupItemContext)();
 	const mergedProps = (0, _seed_design_dom_utils.mergeProps)(stateProps, { className: useRadiomarkClassNames().icon }, otherProps);

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAE3F,OAAO,EACL,UAAU,IAAI,mBAAmB,EAElC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAoB9E,MAAM,WAAW,mBACf,SAAQ,sBAAsB,EAC5B,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,cAAc,gHAAuE,CAAC;AAInG,MAAM,WAAW,mBACf,SAAQ,iBAAiB,EACvB,qBAAqB,EACrB,mBAAmB,CAAC,SAAS;CAAG;AAEpC,eAAO,MAAM,cAAc;;CAsB1B,CAAC;AAIF,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,mBAAmB,sHAG/B,CAAC;AAIF,MAAM,WAAW,0BACf,SAAQ,qBAAqB,EAC3B,mBAAmB,CAAC,gBAAgB;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGQ,CAAC;AAI3C,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IACtF;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,uBAAuB,wHA4BnC,CAAC;AAKF,MAAM,WAAW,8BAA+B,SAAQ,mBAAmB,CAAC,oBAAoB;CAAG;AAEnG,eAAO,MAAM,yBAAyB,uIAAsC,CAAC"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAE3F,OAAO,EACL,UAAU,IAAI,mBAAmB,EAElC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAqB9E,MAAM,WAAW,mBACf,SAAQ,sBAAsB,EAC5B,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,cAAc,gHAAuE,CAAC;AAInG,MAAM,WAAW,mBACf,SAAQ,iBAAiB,EACvB,qBAAqB,EACrB,mBAAmB,CAAC,SAAS;CAAG;AAEpC,eAAO,MAAM,cAAc;;CAsB1B,CAAC;AAIF,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,mBAAmB,sHAG/B,CAAC;AAIF,MAAM,WAAW,0BACf,SAAQ,qBAAqB,EAC3B,mBAAmB,CAAC,gBAAgB;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAKjC,CAAC;AAIF,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IACtF;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,uBAAuB,wHA4BnC,CAAC;AAKF,MAAM,WAAW,8BAA+B,SAAQ,mBAAmB,CAAC,oBAAoB;CAAG;AAEnG,eAAO,MAAM,yBAAyB,uIAAsC,CAAC"}

package/lib/components/RadioGroup/RadioGroup.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 { RadioGroup, useRadioGroupItemContext } from "@seed-design/react-radio-group";
@@ -38,7 +39,7 @@ var RadioGroupItem = Object.assign(forwardRef(({ className, ...props }, ref) =>
 	});
 }), { Primitive: RadioGroup.Item });
 var RadioGroupItemLabel = withContext(withStateProps(Primitive.span), "label");
-var RadioGroupItemControl = withRadiomarkProvider(RadioGroup.ItemControl, "root");
+var RadioGroupItemControl = withScaleFeedback(withRadiomarkProvider(RadioGroup.ItemControl, "root"));
 var RadioGroupItemIndicator = forwardRef(({ unchecked: uncheckedSvg, checked: checkedSvg, ...otherProps }, ref) => {
 	const { stateProps, checked } = useRadioGroupItemContext();
 	const mergedProps = mergeProps(stateProps, { className: useRadiomarkClassNames().icon }, otherProps);

package/lib/components/ReactionButton/ReactionButton.cjs

@@ -7,6 +7,8 @@ clsx = require_runtime.__toESM(clsx);
 let react = require("react");
 react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
+let _seed_design_react_scale_feedback = require("@seed-design/react-scale-feedback");
 let _seed_design_css_recipes_reaction_button = require("@seed-design/css/recipes/reaction-button");
 //#region src/components/ReactionButton/ReactionButton.tsx
 var ReactionButton = react.forwardRef(({ size = "small", loading = false, className, ...otherProps }, ref) => {
@@ -15,11 +17,12 @@ var ReactionButton = react.forwardRef(({ size = "small", loading = false, classN
 		loading,
 		disabled: otherProps.disabled
 	});
+	const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_usePendingButton.PendingButtonProvider, {
 		value: api,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_toggle.Toggle.Root, {
-			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
 		})

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

@@ -1 +1 @@
-{"version":3,"file":"ReactionButton.d.ts","sourceRoot":"","sources":["../../../src/components/ReactionButton/ReactionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,sCAAsC,CAAC;AAE9C,MAAM,WAAW,mBACf,SAAQ,0BAA0B,EAChC,qBAAqB,EACrB,eAAe,CAAC,SAAS;CAAG;AAEhC,eAAO,MAAM,cAAc,+FAgB1B,CAAC"}
+{"version":3,"file":"ReactionButton.d.ts","sourceRoot":"","sources":["../../../src/components/ReactionButton/ReactionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,0CAA0C,CAAC;AAElD,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,sCAAsC,CAAC;AAE9C,MAAM,WAAW,mBACf,SAAQ,0BAA0B,EAChC,qBAAqB,EACrB,eAAe,CAAC,SAAS;CAAG;AAEhC,eAAO,MAAM,cAAc,+FAiB1B,CAAC"}

package/lib/components/ReactionButton/ReactionButton.js

@@ -4,6 +4,8 @@ import { Toggle } from "@seed-design/react-toggle";
 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 { useScaleFeedback } from "@seed-design/react-scale-feedback";
 import { reactionButton } from "@seed-design/css/recipes/reaction-button";
 //#region src/components/ReactionButton/ReactionButton.tsx
 var ReactionButton = React$1.forwardRef(({ size = "small", loading = false, className, ...otherProps }, ref) => {
@@ -12,11 +14,12 @@ var ReactionButton = React$1.forwardRef(({ size = "small", loading = false, clas
 		loading,
 		disabled: otherProps.disabled
 	});
+	const { scaleFeedbackRef, scaleFeedbackClassName } = useScaleFeedback();
 	return /* @__PURE__ */ jsx(PendingButtonProvider, {
 		value: api,
 		children: /* @__PURE__ */ jsx(Toggle.Root, {
-			ref,
-			className: clsx$1(recipeClassName, className),
+			ref: useComposedRefs(scaleFeedbackRef, ref),
+			className: clsx$1(recipeClassName, scaleFeedbackClassName, className),
 			...api.stateProps,
 			...otherProps
 		})