@seed-design/react 2.3.0 → 2.4.1

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

@@ -9,8 +9,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_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 } = (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/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

@@ -6,8 +6,9 @@ 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 { 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

@@ -2,6 +2,7 @@
 require("../../_virtual/_rolldown/runtime.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
 const require_createRecipeContext = require("../../utils/createRecipeContext.cjs");
+const require_withScaleFeedback = require("../../utils/withScaleFeedback.cjs");
 const require_Icon = require("../private/Icon.cjs");
 let _seed_design_react_snackbar = require("@seed-design/react-snackbar");
 let _seed_design_react_primitive = require("@seed-design/react-primitive");
@@ -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_withScaleFeedback.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,6 +1,7 @@
 "use client";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
 import { createRecipeContext } from "../../utils/createRecipeContext.js";
+import { withScaleFeedback } from "../../utils/withScaleFeedback.js";
 import { InternalIcon } from "../private/Icon.js";
 import { Snackbar } from "@seed-design/react-snackbar";
 import { Primitive } from "@seed-design/react-primitive";
@@ -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_withScaleFeedback = require("../../utils/withScaleFeedback.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_withScaleFeedback.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/withScaleFeedback.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_withScaleFeedback = require("../../utils/withScaleFeedback.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_withScaleFeedback.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/withScaleFeedback.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_withScaleFeedback = require("../../utils/withScaleFeedback.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_withScaleFeedback.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/withScaleFeedback.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/ToggleButton/ToggleButton.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_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 } = (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/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

@@ -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 { 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;

package/lib/components/WheelPicker/WheelPicker.d.ts

@@ -0,0 +1,56 @@
+import { WheelPickerPublicVariantProps } from '@seed-design/css/recipes/wheel-picker-public';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { WheelPicker as WheelPickerPrimitive, WheelPickerOption } from '@seed-design/react-wheel-picker';
+import * as React from "react";
+export interface WheelPickerRootProps extends WheelPickerPublicVariantProps, Omit<WheelPickerPrimitive.RootProps, "asChild" | "children" | "disabled" | "itemSize" | "readOnly" | "visibleItemCount"> {
+    /** Wheel Picker를 구성하는 `WheelPicker.Column` 목록입니다. */
+    children: React.ReactNode;
+    /** 모든 컬럼의 포커스와 값 변경을 막습니다. */
+    disabled?: boolean;
+    /**
+     * 한 항목의 높이입니다. 지정하지 않으면 `size`의 기본 높이를 사용합니다.
+     */
+    itemSize?: number;
+    /**
+     * 화면에 보이는 항목 수입니다. 5 이상의 홀수를 권장합니다.
+     * @default 5
+     */
+    visibleItemCount?: number;
+}
+export declare const WheelPickerRoot: React.ForwardRefExoticComponent<WheelPickerRootProps & React.RefAttributes<HTMLDivElement>>;
+export interface WheelPickerItemLabelProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+/** Wheel Picker 항목의 기본 여백과 타이포그래피를 적용합니다. */
+export declare const WheelPickerItemLabel: React.ForwardRefExoticComponent<WheelPickerItemLabelProps & React.RefAttributes<HTMLDivElement>>;
+export interface WheelPickerColumnProps extends Omit<WheelPickerPrimitive.ColumnProps, "asChild" | "defaultValue" | "getAriaValueText" | "loop" | "onIndexChange" | "onValueChange" | "options" | "renderOption" | "value" | "valueChangeBehavior"> {
+    /** 컬럼에 표시할 선택 항목입니다. 하나 이상의 항목을 제공해야 합니다. */
+    options: readonly WheelPickerOption[];
+    /** 제어 상태에서 현재 선택된 항목의 값입니다. */
+    value?: string;
+    /** 비제어 상태에서 처음 선택할 항목의 값입니다. */
+    defaultValue?: string;
+    /** 선택 값이 바뀔 때 호출됩니다. */
+    onValueChange?: WheelPickerPrimitive.ColumnProps["onValueChange"];
+    /** 사용자 조작으로 중앙 항목이 바뀔 때마다 호출됩니다. */
+    onIndexChange?: WheelPickerPrimitive.ColumnProps["onIndexChange"];
+    /**
+     * 마지막 항목과 첫 항목을 이어 반복해서 탐색할지 여부입니다.
+     * @default false
+     */
+    loop?: boolean;
+    /**
+     * 외부에서 `value`가 변경되었을 때 새 값으로 이동하는 스크롤 방식입니다.
+     * @default "auto"
+     */
+    valueChangeBehavior?: ScrollBehavior;
+    /** 현재 값에 대응하는 접근성 텍스트를 반환합니다. */
+    getAriaValueText?: (value: string) => string;
+    /**
+     * 기본 `ItemLabel` 대신 항목에 표시할 요소를 반환합니다.
+     * 반환한 요소는 항목의 선택·비활성 색상을 적용할 수 있도록 `currentColor`를 상속해야 합니다.
+     */
+    renderLabel?: (option: WheelPickerOption) => React.ReactNode;
+}
+export declare const WheelPickerColumn: React.ForwardRefExoticComponent<WheelPickerColumnProps & React.RefAttributes<HTMLDivElement>>;
+export type { WheelPickerOption };
+//# sourceMappingURL=WheelPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WheelPicker.d.ts","sourceRoot":"","sources":["../../../src/components/WheelPicker/WheelPicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EACL,WAAW,IAAI,oBAAoB,EACnC,KAAK,iBAAiB,EACvB,MAAM,iCAAiC,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,MAAM,WAAW,oBACf,SAAQ,6BAA6B,EACnC,IAAI,CACF,oBAAoB,CAAC,SAAS,EAC9B,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,kBAAkB,CACnF;IACH,qDAAqD;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,eAAe,6FAuD3B,CAAC;AAGF,MAAM,WAAW,yBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,6CAA6C;AAC7C,eAAO,MAAM,oBAAoB,kGAahC,CAAC;AAGF,MAAM,WAAW,sBACf,SAAQ,IAAI,CACV,oBAAoB,CAAC,WAAW,EAC9B,SAAS,GACT,cAAc,GACd,kBAAkB,GAClB,MAAM,GACN,eAAe,GACf,eAAe,GACf,SAAS,GACT,cAAc,GACd,OAAO,GACP,qBAAqB,CACxB;IACD,6CAA6C;IAC7C,OAAO,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAEtC,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,gCAAgC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,wBAAwB;IACxB,aAAa,CAAC,EAAE,oBAAoB,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAElE,oCAAoC;IACpC,aAAa,CAAC,EAAE,oBAAoB,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAElE;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,mBAAmB,CAAC,EAAE,cAAc,CAAC;IAErC,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAE7C;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9D;AAED,eAAO,MAAM,iBAAiB,+FAqB7B,CAAC;AAGF,YAAY,EAAE,iBAAiB,EAAE,CAAC"}