@seed-design/react 2.2.2 → 2.4.0

package/lib/components/ScrollFog/ScrollFog.d.ts

@@ -9,18 +9,16 @@ type SizesConfig = {
 };
 export interface ScrollFogProps extends ScrollFogVariantProps, React.HTMLAttributes<HTMLDivElement> {
     /**
-     * Placement of fog effect
+     * Fog 효과를 표시할 방향입니다.
      * @default ["top", "bottom"]
      */
     placement?: ScrollPlacement[];
     /**
-     * Size of the fog effect in pixels
+     * Fog 효과의 크기입니다. 숫자는 px 단위로 처리하며 CSS 길이 또는 계산식도 사용할 수 있습니다.
      * @default 20
      */
-    size?: number;
-    /**
-     * Size of the fog effect for each direction in pixels
-     */
+    size?: number | string;
+    /** 방향별 Fog 효과의 크기입니다. */
     sizes?: SizesConfig;
 }
 export declare const ScrollFog: ForwardRefExoticComponent<ScrollFogProps & RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollFog.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollFog/ScrollFog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAI5F,KAAK,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3D,KAAK,WAAW,GAAG;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,qBAAqB,EAC3B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAE9B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,2GA6CrB,CAAC"}
+{"version":3,"file":"ScrollFog.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollFog/ScrollFog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAI5F,KAAK,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3D,KAAK,WAAW,GAAG;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,qBAAqB,EAC3B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAE9B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvB,yBAAyB;IACzB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,2GA6CrB,CAAC"}

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

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

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

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

package/lib/components/SideNavigation/SideNavigation.cjs

@@ -11,8 +11,8 @@ clsx = require_runtime.__toESM(clsx);
 let react = require("react");
 react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
-let _seed_design_dom_utils = require("@seed-design/dom-utils");
 let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
+let _seed_design_dom_utils = require("@seed-design/dom-utils");
 let _seed_design_css_breakpoints = require("@seed-design/css/breakpoints");
 let _seed_design_css_recipes_side_navigation = require("@seed-design/css/recipes/side-navigation");
 let _seed_design_css_recipes_side_navigation_inset = require("@seed-design/css/recipes/side-navigation-inset");

package/lib/components/SideNavigation/SideNavigation.js

@@ -8,8 +8,8 @@ import { Primitive } from "@seed-design/react-primitive";
 import clsx$1 from "clsx";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { dataAttr } from "@seed-design/dom-utils";
 import { composeRefs } from "@radix-ui/react-compose-refs";
+import { dataAttr } from "@seed-design/dom-utils";
 import { mediaQueries } from "@seed-design/css/breakpoints";
 import { sideNavigation } from "@seed-design/css/recipes/side-navigation";
 import { sideNavigationInset } from "@seed-design/css/recipes/side-navigation-inset";

package/lib/components/SidePanel/SidePanel.cjs

@@ -1,6 +1,7 @@
 "use client";
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+const require_scaleFeedback = require("../../utils/scaleFeedback.cjs");
 const require_styled = require("../../utils/styled.cjs");
 const require_createRenderTrackingContext = require("../../utils/createRenderTrackingContext.cjs");
 let _seed_design_react_primitive = require("@seed-design/react-primitive");
@@ -9,8 +10,8 @@ clsx = require_runtime.__toESM(clsx);
 let react = require("react");
 react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
-let _seed_design_dom_utils = require("@seed-design/dom-utils");
 let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
+let _seed_design_dom_utils = require("@seed-design/dom-utils");
 let _seed_design_react_drawer = require("@seed-design/react-drawer");
 let _seed_design_css_recipes_side_panel = require("@seed-design/css/recipes/side-panel");
 //#region src/components/SidePanel/SidePanel.tsx
@@ -79,9 +80,10 @@ var SidePanelFooter = withContext(_seed_design_react_primitive.Primitive.div, "f
 var SidePanelCloseButton = react.forwardRef(({ className, ...props }, ref) => {
 	const classNames = useClassNames();
 	const { trackRef } = closeButtonTracker.useRenderTracking();
+	const { scaleFeedbackRef, scaleFeedbackClassName } = require_scaleFeedback.useScaleFeedback();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_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/SidePanel/SidePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../src/components/SidePanel/SidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5F,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAI9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAiC,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAQpF,MAAM,WAAW,kBACf,SAAQ,qBAAqB,EAC3B,IAAI,CACF,MAAM,CAAC,SAAS,EACd,UAAU,GACV,MAAM,GACN,aAAa,GACb,cAAc,GACd,OAAO,GACP,aAAa,GACb,eAAe,GACf,wBAAwB,GACxB,WAAW,GACX,eAAe,GACf,gBAAgB,CACnB;IACH,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAgBtD;AAID,MAAM,WAAW,qBAAsB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAErE,eAAO,MAAM,gBAAgB,+FAAiB,CAAC;AAI/C,MAAM,WAAW,wBAAyB,SAAQ,MAAM,CAAC,eAAe;CAAG;AAE3E,eAAO,MAAM,mBAAmB,iGAG/B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,MAAM,CAAC,aAAa;CAAG;AAEvE,eAAO,MAAM,iBAAiB,+FAG7B,CAAC;AAIF,MAAM,WAAW,qBACf,SAAQ,MAAM,CAAC,YAAY,EACzB,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,CAAC;CAAG;AAE7C,eAAO,MAAM,gBAAgB,8FAG5B,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,MAAM,CAAC,WAAW;CAAG;AAEnE,eAAO,MAAM,eAAe,6FAc3B,CAAC;AAMF,MAAM,WAAW,mBAAoB,SAAQ,MAAM,CAAC,UAAU;CAAG;AAEjE,eAAO,MAAM,cAAc,gGAG1B,CAAC;AAMF,MAAM,WAAW,yBAA0B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE7E,eAAO,MAAM,oBAAoB,wGAGhC,CAAC;AAMF,MAAM,WAAW,kBACf,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,aAAa,2FAqCzB,CAAC;AAMF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,eAAe,6FAG3B,CAAC;AAIF,MAAM,WAAW,yBAA0B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE7E,eAAO,MAAM,oBAAoB,qGAahC,CAAC"}
+{"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../src/components/SidePanel/SidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5F,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAI9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAiC,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAQpF,MAAM,WAAW,kBACf,SAAQ,qBAAqB,EAC3B,IAAI,CACF,MAAM,CAAC,SAAS,EACd,UAAU,GACV,MAAM,GACN,aAAa,GACb,cAAc,GACd,OAAO,GACP,aAAa,GACb,eAAe,GACf,wBAAwB,GACxB,WAAW,GACX,eAAe,GACf,gBAAgB,CACnB;IACH,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAgBtD;AAID,MAAM,WAAW,qBAAsB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAErE,eAAO,MAAM,gBAAgB,+FAAiB,CAAC;AAI/C,MAAM,WAAW,wBAAyB,SAAQ,MAAM,CAAC,eAAe;CAAG;AAE3E,eAAO,MAAM,mBAAmB,iGAG/B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,MAAM,CAAC,aAAa;CAAG;AAEvE,eAAO,MAAM,iBAAiB,+FAG7B,CAAC;AAIF,MAAM,WAAW,qBACf,SAAQ,MAAM,CAAC,YAAY,EACzB,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,CAAC;CAAG;AAE7C,eAAO,MAAM,gBAAgB,8FAG5B,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,MAAM,CAAC,WAAW;CAAG;AAEnE,eAAO,MAAM,eAAe,6FAc3B,CAAC;AAMF,MAAM,WAAW,mBAAoB,SAAQ,MAAM,CAAC,UAAU;CAAG;AAEjE,eAAO,MAAM,cAAc,gGAG1B,CAAC;AAMF,MAAM,WAAW,yBAA0B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE7E,eAAO,MAAM,oBAAoB,wGAGhC,CAAC;AAMF,MAAM,WAAW,kBACf,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,aAAa,2FAqCzB,CAAC;AAMF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,eAAe,6FAG3B,CAAC;AAIF,MAAM,WAAW,yBAA0B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE7E,eAAO,MAAM,oBAAoB,qGAchC,CAAC"}

package/lib/components/SidePanel/SidePanel.js

@@ -1,13 +1,14 @@
 "use client";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { useScaleFeedback } from "../../utils/scaleFeedback.js";
 import { useStyleProps, withStyleProps } from "../../utils/styled.js";
 import { createRenderTrackingContext } from "../../utils/createRenderTrackingContext.js";
 import { Primitive } from "@seed-design/react-primitive";
 import clsx$1 from "clsx";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
+import { composeRefs, useComposedRefs } from "@radix-ui/react-compose-refs";
 import { dataAttr } from "@seed-design/dom-utils";
-import { composeRefs } from "@radix-ui/react-compose-refs";
 import { Drawer } from "@seed-design/react-drawer";
 import { sidePanel } from "@seed-design/css/recipes/side-panel";
 //#region src/components/SidePanel/SidePanel.tsx
@@ -76,9 +77,10 @@ var SidePanelFooter = withContext(Primitive.div, "footer");
 var SidePanelCloseButton = React$1.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/Slider/Slider.cjs

@@ -10,8 +10,8 @@ let clsx = require("clsx");
 clsx = require_runtime.__toESM(clsx);
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-let _seed_design_dom_utils = require("@seed-design/dom-utils");
 let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
+let _seed_design_dom_utils = require("@seed-design/dom-utils");
 let _seed_design_react_field = require("@seed-design/react-field");
 let _seed_design_css_recipes_slider = require("@seed-design/css/recipes/slider");
 let _seed_design_css_recipes_slider_tick = require("@seed-design/css/recipes/slider-tick");

package/lib/components/Slider/Slider.js

@@ -8,8 +8,8 @@ import { Primitive } from "@seed-design/react-primitive";
 import clsx$1 from "clsx";
 import { forwardRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { mergeProps } from "@seed-design/dom-utils";
 import { composeRefs } from "@radix-ui/react-compose-refs";
+import { mergeProps } from "@seed-design/dom-utils";
 import { useFieldContext } from "@seed-design/react-field";
 import { slider } from "@seed-design/css/recipes/slider";
 import { sliderTick } from "@seed-design/css/recipes/slider-tick";

package/lib/components/Snackbar/Snackbar.cjs

@@ -1,6 +1,7 @@
 "use client";
 require("../../_virtual/_rolldown/runtime.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+const require_scaleFeedback = require("../../utils/scaleFeedback.cjs");
 const require_createRecipeContext = require("../../utils/createRecipeContext.cjs");
 const require_Icon = require("../private/Icon.cjs");
 let _seed_design_react_snackbar = require("@seed-design/react-snackbar");
@@ -19,7 +20,7 @@ var SnackbarRoot = withProvider(_seed_design_react_snackbar.Snackbar.Root, "root
 var SnackbarContent = withContext(_seed_design_react_primitive.Primitive.div, "content");
 var SnackbarMessage = withContext(_seed_design_react_primitive.Primitive.span, "message");
 var SnackbarPrefixIcon = withContext(require_Icon.InternalIcon, "prefixIcon");
-var SnackbarActionButton = withContext(_seed_design_react_snackbar.Snackbar.ActionButton, "actionButton");
+var SnackbarActionButton = require_scaleFeedback.withScaleFeedback(withContext(_seed_design_react_snackbar.Snackbar.ActionButton, "actionButton"));
 /**
 * Visually hidden button that closes the snackbar (for screen readers).
 */

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

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAGxF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAI5E,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAOvE,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB,CAAC,iBAAiB;CAAG;AAEzF,eAAO,MAAM,oBAAoB,0GAAiC,CAAC;AAInE,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB,EAAE,iBAAiB,CAAC,WAAW;CAAG;AAEnG,eAAO,MAAM,cAAc,gHAE1B,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,EAAE,iBAAiB,CAAC,SAAS;CAAG;AAE/F,eAAO,MAAM,YAAY,8GAGxB,CAAC;AAIF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,eAAe,kHAG3B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;CAAG;AAErE,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAIF,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB,CAAC,iBAAiB;CAAG;AAEzF,eAAO,MAAM,oBAAoB,yHAGhC,CAAC;AAIF,MAAM,WAAW,8BAA+B,SAAQ,iBAAiB,CAAC,gBAAgB;CAAG;AAE7F;;GAEG;AACH,eAAO,MAAM,yBAAyB,8HAYpC,CAAC;AAIH,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB,CAAC,aAAa;CAAG;AAEjF,eAAO,MAAM,gBAAgB,wEAA6B,CAAC;AAI3D,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB,CAAC,iBAAiB;CAAG;AAEzF,eAAO,MAAM,oBAAoB,oJAAiC,CAAC"}
+{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAGxF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAK5E,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAOvE,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB,CAAC,iBAAiB;CAAG;AAEzF,eAAO,MAAM,oBAAoB,0GAAiC,CAAC;AAInE,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB,EAAE,iBAAiB,CAAC,WAAW;CAAG;AAEnG,eAAO,MAAM,cAAc,gHAE1B,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,EAAE,iBAAiB,CAAC,SAAS;CAAG;AAE/F,eAAO,MAAM,YAAY,8GAGxB,CAAC;AAIF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,eAAe,kHAG3B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;CAAG;AAErE,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAIF,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB,CAAC,iBAAiB;CAAG;AAEzF,eAAO,MAAM,oBAAoB,yHAKhC,CAAC;AAIF,MAAM,WAAW,8BAA+B,SAAQ,iBAAiB,CAAC,gBAAgB;CAAG;AAE7F;;GAEG;AACH,eAAO,MAAM,yBAAyB,8HAYpC,CAAC;AAIH,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB,CAAC,aAAa;CAAG;AAEjF,eAAO,MAAM,gBAAgB,wEAA6B,CAAC;AAI3D,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB,CAAC,iBAAiB;CAAG;AAEzF,eAAO,MAAM,oBAAoB,oJAAiC,CAAC"}

package/lib/components/Snackbar/Snackbar.js

@@ -1,5 +1,6 @@
 "use client";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { withScaleFeedback } from "../../utils/scaleFeedback.js";
 import { createRecipeContext } from "../../utils/createRecipeContext.js";
 import { InternalIcon } from "../private/Icon.js";
 import { Snackbar } from "@seed-design/react-snackbar";
@@ -18,7 +19,7 @@ var SnackbarRoot = withProvider(Snackbar.Root, "root");
 var SnackbarContent = withContext(Primitive.div, "content");
 var SnackbarMessage = withContext(Primitive.span, "message");
 var SnackbarPrefixIcon = withContext(InternalIcon, "prefixIcon");
-var SnackbarActionButton = withContext(Snackbar.ActionButton, "actionButton");
+var SnackbarActionButton = withScaleFeedback(withContext(Snackbar.ActionButton, "actionButton"));
 /**
 * Visually hidden button that closes the snackbar (for screen readers).
 */

package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.cjs

@@ -1,6 +1,7 @@
 "use client";
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+const require_scaleFeedback = require("../../utils/scaleFeedback.cjs");
 let _seed_design_react_primitive = require("@seed-design/react-primitive");
 let clsx = require("clsx");
 clsx = require_runtime.__toESM(clsx);
@@ -102,7 +103,7 @@ var SwipeableMenuSheetFooter = withContext(_seed_design_react_primitive.Primitiv
 /**
 * Visible button that closes the swipeable menu sheet.
 */
-var SwipeableMenuSheetCloseButton = withContext(_seed_design_react_drawer.Drawer.CloseButton, "closeButton");
+var SwipeableMenuSheetCloseButton = require_scaleFeedback.withScaleFeedback(withContext(_seed_design_react_drawer.Drawer.CloseButton, "closeButton"));
 //#endregion
 exports.SwipeableMenuSheetBackdrop = SwipeableMenuSheetBackdrop;
 exports.SwipeableMenuSheetCloseButton = SwipeableMenuSheetCloseButton;

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

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

package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.js

@@ -1,5 +1,6 @@
 "use client";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { withScaleFeedback } from "../../utils/scaleFeedback.js";
 import { Primitive } from "@seed-design/react-primitive";
 import clsx$1 from "clsx";
 import * as React$1 from "react";
@@ -99,6 +100,6 @@ var SwipeableMenuSheetFooter = withContext(Primitive.div, "footer");
 /**
 * Visible button that closes the swipeable menu sheet.
 */
-var SwipeableMenuSheetCloseButton = withContext(Drawer.CloseButton, "closeButton");
+var SwipeableMenuSheetCloseButton = withScaleFeedback(withContext(Drawer.CloseButton, "closeButton"));
 //#endregion
 export { SwipeableMenuSheetBackdrop, SwipeableMenuSheetCloseButton, SwipeableMenuSheetContent, SwipeableMenuSheetDescription, SwipeableMenuSheetFooter, SwipeableMenuSheetGroup, SwipeableMenuSheetHandle, SwipeableMenuSheetHeader, SwipeableMenuSheetItem, SwipeableMenuSheetItemContent, SwipeableMenuSheetItemDescription, SwipeableMenuSheetItemLabel, SwipeableMenuSheetList, SwipeableMenuSheetPositioner, SwipeableMenuSheetRoot, SwipeableMenuSheetTitle, SwipeableMenuSheetTrigger };

package/lib/components/Switch/Switch.cjs

@@ -2,6 +2,7 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
 const require_createWithStateProps = require("../../utils/createWithStateProps.cjs");
+const require_scaleFeedback = require("../../utils/scaleFeedback.cjs");
 const require_splitMultipleVariantsProps = require("../../utils/splitMultipleVariantsProps.cjs");
 let _seed_design_react_switch = require("@seed-design/react-switch");
 let _seed_design_react_primitive = require("@seed-design/react-primitive");
@@ -35,7 +36,7 @@ var SwitchRoot = react.default.forwardRef(({ className, ...props }, ref) => {
 	});
 });
 SwitchRoot.displayName = "SwitchRoot";
-var SwitchControl = withControlProvider(_seed_design_react_switch.Switch.Control, "root");
+var SwitchControl = require_scaleFeedback.withScaleFeedback(withControlProvider(_seed_design_react_switch.Switch.Control, "root"));
 var SwitchThumb = withControlContext(_seed_design_react_switch.Switch.Thumb, "thumb");
 var SwitchLabel = withContext(withStateProps(_seed_design_react_primitive.Primitive.span), "label");
 var SwitchHiddenInput = _seed_design_react_switch.Switch.HiddenInput;

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAoB,MAAM,2BAA2B,CAAC;AACxF,OAAO,EAAe,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACvF,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAE9F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,MAAM,WAAW,eACf,SAAQ,kBAAkB,EACxB,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,EACpC,eAAe,CAAC,SAAS;CAAG;AAEhC,eAAO,MAAM,UAAU,0FAmBtB,CAAC;AAKF,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB,EAAE,eAAe,CAAC,YAAY;CAAG;AAEnG,eAAO,MAAM,aAAa,2FAGzB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,eAAe,CAAC,UAAU;CAAG;AAEvE,eAAO,MAAM,WAAW,yFAGvB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAElG,eAAO,MAAM,WAAW,0FAGvB,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAEnF,eAAO,MAAM,iBAAiB,2GAA8B,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAoB,MAAM,2BAA2B,CAAC;AACxF,OAAO,EAAe,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACvF,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAE9F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG9E,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,MAAM,WAAW,eACf,SAAQ,kBAAkB,EACxB,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,EACpC,eAAe,CAAC,SAAS;CAAG;AAEhC,eAAO,MAAM,UAAU,0FAmBtB,CAAC;AAKF,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB,EAAE,eAAe,CAAC,YAAY;CAAG;AAEnG,eAAO,MAAM,aAAa,2FAEzB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,eAAe,CAAC,UAAU;CAAG;AAEvE,eAAO,MAAM,WAAW,yFAGvB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAElG,eAAO,MAAM,WAAW,0FAGvB,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAEnF,eAAO,MAAM,iBAAiB,2GAA8B,CAAC"}

package/lib/components/Switch/Switch.js

@@ -1,6 +1,7 @@
 "use client";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
 import { createWithStateProps } from "../../utils/createWithStateProps.js";
+import { withScaleFeedback } from "../../utils/scaleFeedback.js";
 import { splitMultipleVariantsProps } from "../../utils/splitMultipleVariantsProps.js";
 import { Switch, useSwitchContext } from "@seed-design/react-switch";
 import { Primitive } from "@seed-design/react-primitive";
@@ -32,7 +33,7 @@ var SwitchRoot = React.forwardRef(({ className, ...props }, ref) => {
 	});
 });
 SwitchRoot.displayName = "SwitchRoot";
-var SwitchControl = withControlProvider(Switch.Control, "root");
+var SwitchControl = withScaleFeedback(withControlProvider(Switch.Control, "root"));
 var SwitchThumb = withControlContext(Switch.Thumb, "thumb");
 var SwitchLabel = withContext(withStateProps(Primitive.span), "label");
 var SwitchHiddenInput = Switch.HiddenInput;

package/lib/components/Tabs/Tabs.cjs

@@ -1,13 +1,14 @@
 "use client";
 require("../../_virtual/_rolldown/runtime.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+const require_scaleFeedback = require("../../utils/scaleFeedback.cjs");
 let _seed_design_react_tabs = require("@seed-design/react-tabs");
 let _seed_design_css_recipes_tabs = require("@seed-design/css/recipes/tabs");
 //#region src/components/Tabs/Tabs.tsx
 var { withProvider, withContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_tabs.tabs);
 var TabsRoot = withProvider(_seed_design_react_tabs.Tabs.Root, "root");
 var TabsList = withContext(_seed_design_react_tabs.Tabs.List, "list");
-var TabsTrigger = withContext(_seed_design_react_tabs.Tabs.Trigger, "trigger");
+var TabsTrigger = require_scaleFeedback.withScaleFeedback(withContext(_seed_design_react_tabs.Tabs.Trigger, "trigger"));
 var TabsIndicator = withContext(_seed_design_react_tabs.Tabs.Indicator, "indicator");
 var TabsContent = withContext(_seed_design_react_tabs.Tabs.Content, "content");
 var TabsCarousel = withContext(_seed_design_react_tabs.Tabs.Carousel, "carousel");

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAOhE,MAAM,WAAW,aAAc,SAAQ,gBAAgB,EAAE,aAAa,CAAC,SAAS;CAAG;AAEnF,eAAO,MAAM,QAAQ,0GAA0E,CAAC;AAIhG,MAAM,WAAW,aAAc,SAAQ,aAAa,CAAC,SAAS;CAAG;AAEjE,eAAO,MAAM,QAAQ,0GAAyE,CAAC;AAI/F,MAAM,WAAW,gBAAiB,SAAQ,aAAa,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,WAAW,gHAGvB,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,aAAa,CAAC,cAAc;CAAG;AAE3E,eAAO,MAAM,aAAa,gHAGzB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,aAAa,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,WAAW,8GAGvB,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,aAAa,CAAC,aAAa;CAAG;AAEzE,eAAO,MAAM,YAAY,8GAGxB,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,aAAa,CAAC,mBAAmB;CAAG;AAErF,eAAO,MAAM,kBAAkB,oHAG9B,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAQhE,MAAM,WAAW,aAAc,SAAQ,gBAAgB,EAAE,aAAa,CAAC,SAAS;CAAG;AAEnF,eAAO,MAAM,QAAQ,0GAA0E,CAAC;AAIhG,MAAM,WAAW,aAAc,SAAQ,aAAa,CAAC,SAAS;CAAG;AAEjE,eAAO,MAAM,QAAQ,0GAAyE,CAAC;AAI/F,MAAM,WAAW,gBAAiB,SAAQ,aAAa,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,WAAW,gHAEvB,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,aAAa,CAAC,cAAc;CAAG;AAE3E,eAAO,MAAM,aAAa,gHAGzB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,aAAa,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,WAAW,8GAGvB,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,aAAa,CAAC,aAAa;CAAG;AAEzE,eAAO,MAAM,YAAY,8GAGxB,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,aAAa,CAAC,mBAAmB;CAAG;AAErF,eAAO,MAAM,kBAAkB,oHAG9B,CAAC"}

package/lib/components/Tabs/Tabs.js

@@ -1,12 +1,13 @@
 "use client";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { withScaleFeedback } from "../../utils/scaleFeedback.js";
 import { Tabs } from "@seed-design/react-tabs";
 import { tabs } from "@seed-design/css/recipes/tabs";
 //#region src/components/Tabs/Tabs.tsx
 var { withProvider, withContext } = createSlotRecipeContext(tabs);
 var TabsRoot = withProvider(Tabs.Root, "root");
 var TabsList = withContext(Tabs.List, "list");
-var TabsTrigger = withContext(Tabs.Trigger, "trigger");
+var TabsTrigger = withScaleFeedback(withContext(Tabs.Trigger, "trigger"));
 var TabsIndicator = withContext(Tabs.Indicator, "indicator");
 var TabsContent = withContext(Tabs.Content, "content");
 var TabsCarousel = withContext(Tabs.Carousel, "carousel");

package/lib/components/TextField/TextField.cjs

@@ -8,9 +8,9 @@ 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 _radix_ui_react_use_layout_effect = require("@radix-ui/react-use-layout-effect");
 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_field = require("@seed-design/react-field");
 let _seed_design_react_text_field = require("@seed-design/react-text-field");
 let _seed_design_css_recipes_text_input = require("@seed-design/css/recipes/text-input");

package/lib/components/TextField/TextField.js

@@ -6,9 +6,9 @@ import { Primitive } from "@seed-design/react-primitive";
 import clsx$1 from "clsx";
 import { forwardRef, useCallback, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { composeRefs } from "@radix-ui/react-compose-refs";
 import { useLayoutEffect } from "@radix-ui/react-use-layout-effect";
 import { mergeProps } from "@seed-design/dom-utils";
-import { composeRefs } from "@radix-ui/react-compose-refs";
 import { useFieldContext } from "@seed-design/react-field";
 import { TextField, useTextFieldContext } from "@seed-design/react-text-field";
 import { textInput } from "@seed-design/css/recipes/text-input";

package/lib/components/TextField/useTextFieldWithGraphemes.cjs

@@ -1,21 +1,18 @@
 "use client";
 require("../../_virtual/_rolldown/runtime.cjs");
-const require_memoize = require("./memoize.cjs");
 let react = require("react");
 let unicode_segmenter_grapheme = require("unicode-segmenter/grapheme");
 //#region src/components/TextField/useTextFieldWithGraphemes.ts
-var getGraphemes = (string) => Array.from((0, unicode_segmenter_grapheme.splitGraphemes)(string));
-var memoizedGetGraphemes = require_memoize.memoize(getGraphemes);
 function useTextFieldWithGraphemes({ maxGraphemeCount, value: controlledValue, defaultValue = "", onValueChange }) {
 	const [uncontrolledValue, setUncontrolledValue] = (0, react.useState)(defaultValue);
 	const isControlled = controlledValue !== void 0;
 	const value = isControlled ? controlledValue : uncontrolledValue;
-	const graphemes = (0, react.useMemo)(() => memoizedGetGraphemes(value), [value]);
+	const graphemes = (0, react.useMemo)(() => (0, unicode_segmenter_grapheme.collectGraphemes)(value), [value]);
 	return {
 		textFieldRootProps: {
 			value,
 			onValueChange: (0, react.useCallback)((newValue) => {
-				const newGraphemes = memoizedGetGraphemes(newValue);
+				const newGraphemes = (0, unicode_segmenter_grapheme.collectGraphemes)(newValue);
 				const newSlicedGraphemes = maxGraphemeCount === void 0 ? newGraphemes : newGraphemes.slice(0, maxGraphemeCount);
 				const newSlicedValue = newSlicedGraphemes.join("");
 				if (!isControlled) setUncontrolledValue(newValue);

package/lib/components/TextField/useTextFieldWithGraphemes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTextFieldWithGraphemes.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/useTextFieldWithGraphemes.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,+BAA+B;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE;QACvB,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,EAAE,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;QACpB,eAAe,EAAE,MAAM,EAAE,CAAC;KAC3B,KAAK,IAAI,CAAC;CACZ;AAKD,wBAAgB,yBAAyB,CAAC,EACxC,gBAAgB,EAChB,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,aAAa,GACd,EAAE,+BAA+B;;;kCAQnB,MAAM;;;;;;;EAgCpB"}
+{"version":3,"file":"useTextFieldWithGraphemes.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/useTextFieldWithGraphemes.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,+BAA+B;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE;QACvB,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,EAAE,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;QACpB,eAAe,EAAE,MAAM,EAAE,CAAC;KAC3B,KAAK,IAAI,CAAC;CACZ;AAED,wBAAgB,yBAAyB,CAAC,EACxC,gBAAgB,EAChB,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,aAAa,GACd,EAAE,+BAA+B;;;kCAQnB,MAAM;;;;;;;EAgCpB"}

package/lib/components/TextField/useTextFieldWithGraphemes.js

@@ -1,20 +1,17 @@
 "use client";
-import { memoize } from "./memoize.js";
 import { useCallback, useMemo, useState } from "react";
-import { splitGraphemes } from "unicode-segmenter/grapheme";
+import { collectGraphemes } from "unicode-segmenter/grapheme";
 //#region src/components/TextField/useTextFieldWithGraphemes.ts
-var getGraphemes = (string) => Array.from(splitGraphemes(string));
-var memoizedGetGraphemes = memoize(getGraphemes);
 function useTextFieldWithGraphemes({ maxGraphemeCount, value: controlledValue, defaultValue = "", onValueChange }) {
 	const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
 	const isControlled = controlledValue !== void 0;
 	const value = isControlled ? controlledValue : uncontrolledValue;
-	const graphemes = useMemo(() => memoizedGetGraphemes(value), [value]);
+	const graphemes = useMemo(() => collectGraphemes(value), [value]);
 	return {
 		textFieldRootProps: {
 			value,
 			onValueChange: useCallback((newValue) => {
-				const newGraphemes = memoizedGetGraphemes(newValue);
+				const newGraphemes = collectGraphemes(newValue);
 				const newSlicedGraphemes = maxGraphemeCount === void 0 ? newGraphemes : newGraphemes.slice(0, maxGraphemeCount);
 				const newSlicedValue = newSlicedGraphemes.join("");
 				if (!isControlled) setUncontrolledValue(newValue);

package/lib/components/ToggleButton/ToggleButton.cjs

@@ -1,5 +1,6 @@
 "use client";
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_scaleFeedback = require("../../utils/scaleFeedback.cjs");
 const require_usePendingButton = require("../LoadingIndicator/usePendingButton.cjs");
 let _seed_design_react_toggle = require("@seed-design/react-toggle");
 let clsx = require("clsx");
@@ -7,6 +8,7 @@ clsx = require_runtime.__toESM(clsx);
 let react = require("react");
 react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
 let _seed_design_css_recipes_toggle_button = require("@seed-design/css/recipes/toggle-button");
 //#region src/components/ToggleButton/ToggleButton.tsx
 var ToggleButton = react.forwardRef(({ variant = "brandSolid", size = "small", loading = false, className, ...otherProps }, ref) => {
@@ -18,11 +20,12 @@ var ToggleButton = react.forwardRef(({ variant = "brandSolid", size = "small", l
 		loading,
 		disabled: otherProps.disabled
 	});
+	const { scaleFeedbackRef, scaleFeedbackClassName } = require_scaleFeedback.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/ToggleButton/ToggleButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleButton/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,wCAAwC,CAAC;AAChD,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,iBACf,SAAQ,wBAAwB,EAC9B,qBAAqB,EACrB,eAAe,CAAC,SAAS;CAAG;AAEhC,eAAO,MAAM,YAAY,6FAgBxB,CAAC"}
+{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleButton/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,wCAAwC,CAAC;AAEhD,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,iBACf,SAAQ,wBAAwB,EAC9B,qBAAqB,EACrB,eAAe,CAAC,SAAS;CAAG;AAEhC,eAAO,MAAM,YAAY,6FAiBxB,CAAC"}

package/lib/components/ToggleButton/ToggleButton.js

@@ -1,9 +1,11 @@
 "use client";
+import { useScaleFeedback } from "../../utils/scaleFeedback.js";
 import { PendingButtonProvider, usePendingButton } from "../LoadingIndicator/usePendingButton.js";
 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 { toggleButton } from "@seed-design/css/recipes/toggle-button";
 //#region src/components/ToggleButton/ToggleButton.tsx
 var ToggleButton = React$1.forwardRef(({ variant = "brandSolid", size = "small", loading = false, className, ...otherProps }, ref) => {
@@ -15,11 +17,12 @@ var ToggleButton = React$1.forwardRef(({ variant = "brandSolid", size = "small",
 		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
 		})

package/lib/components/WheelPicker/WheelPicker.cjs

@@ -0,0 +1,94 @@
+"use client";
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+const require_ScrollFog = require("../ScrollFog/ScrollFog.cjs");
+let _seed_design_react_primitive = require("@seed-design/react-primitive");
+let clsx = require("clsx");
+clsx = require_runtime.__toESM(clsx);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _seed_design_react_wheel_picker = require("@seed-design/react-wheel-picker");
+let _seed_design_css_recipes_wheel_picker_public = require("@seed-design/css/recipes/wheel-picker-public");
+//#region src/components/WheelPicker/WheelPicker.tsx
+var DEFAULT_ITEM_SIZE = {
+	small: 36,
+	medium: 44
+};
+var DEFAULT_VISIBLE_ITEM_COUNT = 5;
+var { ClassNamesProvider, useClassNames } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_wheel_picker_public.wheelPickerPublic);
+var WheelPickerRoot = react.forwardRef((props, ref) => {
+	const [variantProps, otherProps] = _seed_design_css_recipes_wheel_picker_public.wheelPickerPublic.splitVariantProps(props);
+	const { children, className, itemSize: itemSizeProp, style, visibleItemCount = DEFAULT_VISIBLE_ITEM_COUNT, ...rootProps } = otherProps;
+	const size = variantProps.size ?? "medium";
+	const itemSize = itemSizeProp ?? DEFAULT_ITEM_SIZE[size];
+	const centerOffset = (visibleItemCount - 1) / 2 * itemSize;
+	const classNames = (0, _seed_design_css_recipes_wheel_picker_public.wheelPickerPublic)({ size });
+	const wheelPickerStyle = {
+		...style,
+		"--seed-wheel-picker-public-item-size": `${itemSize}px`,
+		"--seed-wheel-picker-public-visible-item-count": visibleItemCount,
+		"--seed-wheel-picker-public-viewport-size": `${itemSize * visibleItemCount}px`,
+		"--seed-wheel-picker-public-center-offset": `${centerOffset}px`,
+		"--seed-wheel-picker-public-scroll-fog-max-height": `${itemSize * 3}px`
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassNamesProvider, {
+		value: classNames,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_seed_design_react_wheel_picker.WheelPicker.Root, {
+			ref,
+			className: (0, clsx.default)(classNames.root, className),
+			itemSize,
+			style: wheelPickerStyle,
+			visibleItemCount,
+			...rootProps,
+			readOnly: false,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
+				"aria-hidden": true,
+				className: classNames.selectionIndicator,
+				"data-wheel-picker-indicator": ""
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScrollFog.ScrollFog, {
+				className: classNames.scrollFog,
+				placement: ["top", "bottom"],
+				size: "var(--seed-wheel-picker-public-scroll-fog-size)",
+				hideScrollBar: true,
+				"data-wheel-picker-scroll-fog": "",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
+					className: classNames.columns,
+					"data-wheel-picker-columns": "",
+					children
+				})
+			})]
+		})
+	});
+});
+WheelPickerRoot.displayName = "WheelPickerRoot";
+/** Wheel Picker 항목의 기본 여백과 타이포그래피를 적용합니다. */
+var WheelPickerItemLabel = react.forwardRef(({ className, ...props }, ref) => {
+	const classNames = useClassNames();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
+		ref,
+		className: (0, clsx.default)(classNames.itemLabel, className),
+		...props,
+		"data-wheel-picker-item-label": ""
+	});
+});
+WheelPickerItemLabel.displayName = "WheelPickerItemLabel";
+var WheelPickerColumn = react.forwardRef(({ className, renderLabel, ...props }, ref) => {
+	const classNames = useClassNames();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_wheel_picker.WheelPicker.Column, {
+		ref,
+		className: (0, clsx.default)(classNames.column, className),
+		...props,
+		renderOption: (option, optionProps) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
+			className: classNames.item,
+			...optionProps,
+			children: renderLabel ? renderLabel(option) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WheelPickerItemLabel, { children: option.label })
+		})
+	});
+});
+WheelPickerColumn.displayName = "WheelPickerColumn";
+//#endregion
+exports.WheelPickerColumn = WheelPickerColumn;
+exports.WheelPickerItemLabel = WheelPickerItemLabel;
+exports.WheelPickerRoot = WheelPickerRoot;