@seed-design/react 2.4.0 → 2.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/ActionButton/ActionButton.cjs +2 -2
- package/lib/components/ActionButton/ActionButton.js +1 -1
- package/lib/components/AttachmentDisplay/AttachmentDisplayItem.cjs +5 -4
- package/lib/components/AttachmentDisplay/AttachmentDisplayItem.d.ts.map +1 -1
- package/lib/components/AttachmentDisplay/AttachmentDisplayItem.js +2 -1
- package/lib/components/AttachmentDisplay/AttachmentDisplayTrigger.cjs +2 -2
- package/lib/components/AttachmentDisplay/AttachmentDisplayTrigger.js +1 -1
- package/lib/components/AttachmentInput/AttachmentInputItem.cjs +5 -4
- package/lib/components/AttachmentInput/AttachmentInputItem.d.ts.map +1 -1
- package/lib/components/AttachmentInput/AttachmentInputItem.js +2 -1
- package/lib/components/AttachmentInput/AttachmentInputTrigger.cjs +2 -2
- package/lib/components/AttachmentInput/AttachmentInputTrigger.js +1 -1
- package/lib/components/BottomSheet/BottomSheet.cjs +2 -2
- package/lib/components/BottomSheet/BottomSheet.js +1 -1
- package/lib/components/Callout/Callout.cjs +3 -3
- package/lib/components/Callout/Callout.js +1 -1
- package/lib/components/Checkbox/Checkbox.cjs +2 -2
- package/lib/components/Checkbox/Checkbox.js +1 -1
- package/lib/components/Chip/Chip.cjs +2 -2
- package/lib/components/Chip/Chip.js +1 -1
- package/lib/components/ChipTabs/ChipTabs.cjs +2 -2
- package/lib/components/ChipTabs/ChipTabs.js +1 -1
- package/lib/components/ContentDialog/ContentDialog.cjs +2 -2
- package/lib/components/ContentDialog/ContentDialog.js +1 -1
- package/lib/components/ContextualFloatingButton/ContextualFloatingButton.cjs +2 -2
- package/lib/components/ContextualFloatingButton/ContextualFloatingButton.js +1 -1
- package/lib/components/FieldButton/FieldButton.cjs +2 -2
- package/lib/components/FieldButton/FieldButton.js +1 -1
- package/lib/components/FloatingActionButton/FloatingActionButton.cjs +2 -2
- package/lib/components/FloatingActionButton/FloatingActionButton.js +1 -1
- package/lib/components/HelpBubble/HelpBubble.cjs +2 -2
- package/lib/components/HelpBubble/HelpBubble.js +1 -1
- package/lib/components/ImageFrame/ImageFrame.cjs +2 -2
- package/lib/components/ImageFrame/ImageFrame.js +1 -1
- package/lib/components/MenuSheet/MenuSheet.cjs +2 -2
- package/lib/components/MenuSheet/MenuSheet.js +1 -1
- package/lib/components/PageBanner/PageBanner.cjs +3 -3
- package/lib/components/PageBanner/PageBanner.js +1 -1
- package/lib/components/QuantityPicker/QuantityPicker.cjs +3 -3
- package/lib/components/QuantityPicker/QuantityPicker.js +1 -1
- package/lib/components/RadioGroup/RadioGroup.cjs +2 -2
- package/lib/components/RadioGroup/RadioGroup.js +1 -1
- package/lib/components/ReactionButton/ReactionButton.cjs +2 -2
- package/lib/components/ReactionButton/ReactionButton.js +1 -1
- package/lib/components/SidePanel/SidePanel.cjs +2 -2
- package/lib/components/SidePanel/SidePanel.d.ts +13 -1
- package/lib/components/SidePanel/SidePanel.d.ts.map +1 -1
- package/lib/components/SidePanel/SidePanel.js +1 -1
- package/lib/components/Snackbar/Snackbar.cjs +2 -2
- package/lib/components/Snackbar/Snackbar.js +1 -1
- package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.cjs +2 -2
- package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.js +1 -1
- package/lib/components/Switch/Switch.cjs +2 -2
- package/lib/components/Switch/Switch.js +1 -1
- package/lib/components/Tabs/Tabs.cjs +2 -2
- package/lib/components/Tabs/Tabs.js +1 -1
- package/lib/components/ToggleButton/ToggleButton.cjs +2 -2
- package/lib/components/ToggleButton/ToggleButton.js +1 -1
- package/lib/index.cjs +13 -3
- package/lib/index.d.ts +2 -2
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +1 -1
- package/lib/utils/withScaleFeedback.cjs +25 -0
- package/lib/utils/withScaleFeedback.d.ts +8 -0
- package/lib/utils/withScaleFeedback.d.ts.map +1 -0
- package/lib/utils/withScaleFeedback.js +22 -0
- package/package.json +3 -2
- package/src/components/AGENTS.md +3 -3
- package/src/components/ActionButton/ActionButton.tsx +1 -1
- package/src/components/AttachmentDisplay/AttachmentDisplayItem.tsx +2 -1
- package/src/components/AttachmentDisplay/AttachmentDisplayTrigger.tsx +1 -1
- package/src/components/AttachmentInput/AttachmentInputItem.tsx +2 -1
- package/src/components/AttachmentInput/AttachmentInputTrigger.tsx +1 -1
- package/src/components/BottomSheet/BottomSheet.tsx +1 -1
- package/src/components/Callout/Callout.tsx +1 -1
- package/src/components/Checkbox/Checkbox.tsx +1 -1
- package/src/components/Chip/Chip.tsx +1 -1
- package/src/components/ChipTabs/ChipTabs.tsx +1 -1
- package/src/components/ContentDialog/ContentDialog.tsx +1 -1
- package/src/components/ContextualFloatingButton/ContextualFloatingButton.tsx +1 -1
- package/src/components/FieldButton/FieldButton.tsx +1 -1
- package/src/components/FloatingActionButton/FloatingActionButton.tsx +1 -1
- package/src/components/HelpBubble/HelpBubble.tsx +1 -1
- package/src/components/ImageFrame/ImageFrame.tsx +1 -1
- package/src/components/MenuSheet/MenuSheet.tsx +1 -1
- package/src/components/PageBanner/PageBanner.tsx +1 -1
- package/src/components/QuantityPicker/QuantityPicker.tsx +1 -1
- package/src/components/RadioGroup/RadioGroup.tsx +1 -1
- package/src/components/ReactionButton/ReactionButton.tsx +1 -1
- package/src/components/SidePanel/SidePanel.tsx +18 -6
- package/src/components/Snackbar/Snackbar.tsx +1 -1
- package/src/components/SwipeableMenuSheet/SwipeableMenuSheet.tsx +1 -1
- package/src/components/Switch/Switch.tsx +1 -1
- package/src/components/Tabs/Tabs.tsx +1 -1
- package/src/components/ToggleButton/ToggleButton.tsx +1 -1
- package/src/index.ts +2 -2
- package/src/utils/withScaleFeedback.tsx +34 -0
- package/lib/utils/elementSizeVars.cjs +0 -76
- package/lib/utils/elementSizeVars.d.ts +0 -15
- package/lib/utils/elementSizeVars.d.ts.map +0 -1
- package/lib/utils/elementSizeVars.js +0 -74
- package/lib/utils/scaleFeedback.cjs +0 -99
- package/lib/utils/scaleFeedback.d.ts +0 -58
- package/lib/utils/scaleFeedback.d.ts.map +0 -1
- package/lib/utils/scaleFeedback.js +0 -94
- package/src/utils/elementSizeVars.tsx +0 -112
- package/src/utils/scaleFeedback.tsx +0 -128
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
3
3
|
const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
|
|
4
|
-
const require_scaleFeedback = require("../../utils/scaleFeedback.cjs");
|
|
5
4
|
const require_Icon = require("../Icon/Icon.cjs");
|
|
6
5
|
const require_AspectRatio = require("../AspectRatio/AspectRatio.cjs");
|
|
7
6
|
const require_Badge = require("../Badge/Badge.cjs");
|
|
@@ -14,6 +13,7 @@ let react = require("react");
|
|
|
14
13
|
react = require_runtime.__toESM(react);
|
|
15
14
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
16
15
|
let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
|
|
16
|
+
let _seed_design_react_scale_feedback = require("@seed-design/react-scale-feedback");
|
|
17
17
|
let _seed_design_dom_utils = require("@seed-design/dom-utils");
|
|
18
18
|
let _seed_design_react_image = require("@seed-design/react-image");
|
|
19
19
|
let _seed_design_css_recipes_image_frame = require("@seed-design/css/recipes/image-frame");
|
|
@@ -152,7 +152,7 @@ var ReactionButtonIcon = () => {
|
|
|
152
152
|
};
|
|
153
153
|
var ImageFrameReactionButton = react.forwardRef(({ className, ...rest }, ref) => {
|
|
154
154
|
const classNames = (0, _seed_design_css_recipes_image_frame_reaction_button.imageFrameReactionButton)();
|
|
155
|
-
const { scaleFeedbackRef, scaleFeedbackClassName } =
|
|
155
|
+
const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
|
|
156
156
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ImageFrameReactionButtonClassNamesProvider, {
|
|
157
157
|
value: classNames,
|
|
158
158
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_toggle.Toggle.Root, {
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
|
|
3
|
-
import { useScaleFeedback } from "../../utils/scaleFeedback.js";
|
|
4
3
|
import { Icon } from "../Icon/Icon.js";
|
|
5
4
|
import { AspectRatio } from "../AspectRatio/AspectRatio.js";
|
|
6
5
|
import { Badge } from "../Badge/Badge.js";
|
|
@@ -11,6 +10,7 @@ import clsx$1 from "clsx";
|
|
|
11
10
|
import * as React$1 from "react";
|
|
12
11
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
13
12
|
import { useComposedRefs } from "@radix-ui/react-compose-refs";
|
|
13
|
+
import { useScaleFeedback } from "@seed-design/react-scale-feedback";
|
|
14
14
|
import { mergeProps } from "@seed-design/dom-utils";
|
|
15
15
|
import { Image } from "@seed-design/react-image";
|
|
16
16
|
import { imageFrame } from "@seed-design/css/recipes/image-frame";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
3
3
|
const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
|
|
4
4
|
const require_createWithStateProps = require("../../utils/createWithStateProps.cjs");
|
|
5
|
-
const
|
|
5
|
+
const require_withScaleFeedback = require("../../utils/withScaleFeedback.cjs");
|
|
6
6
|
let _seed_design_react_dialog = require("@seed-design/react-dialog");
|
|
7
7
|
let _seed_design_react_primitive = require("@seed-design/react-primitive");
|
|
8
8
|
let clsx = require("clsx");
|
|
@@ -126,7 +126,7 @@ var MenuSheetFooter = withContext(withStateProps(_seed_design_react_primitive.Pr
|
|
|
126
126
|
/**
|
|
127
127
|
* @deprecated Use `SwipeableMenuSheet` instead.
|
|
128
128
|
*/
|
|
129
|
-
var MenuSheetCloseButton =
|
|
129
|
+
var MenuSheetCloseButton = require_withScaleFeedback.withScaleFeedback(withContext(_seed_design_react_dialog.Dialog.CloseButton, "closeButton"));
|
|
130
130
|
//#endregion
|
|
131
131
|
exports.MenuSheetBackdrop = MenuSheetBackdrop;
|
|
132
132
|
exports.MenuSheetCloseButton = MenuSheetCloseButton;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
|
|
3
3
|
import { createWithStateProps } from "../../utils/createWithStateProps.js";
|
|
4
|
-
import { withScaleFeedback } from "../../utils/
|
|
4
|
+
import { withScaleFeedback } from "../../utils/withScaleFeedback.js";
|
|
5
5
|
import { Dialog, useDialogContext } from "@seed-design/react-dialog";
|
|
6
6
|
import { Primitive } from "@seed-design/react-primitive";
|
|
7
7
|
import clsx$1 from "clsx";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
3
3
|
const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
|
|
4
|
-
const
|
|
4
|
+
const require_withScaleFeedback = require("../../utils/withScaleFeedback.cjs");
|
|
5
5
|
const require_useDismissible = require("../private/useDismissible.cjs");
|
|
6
6
|
let _seed_design_react_primitive = require("@seed-design/react-primitive");
|
|
7
7
|
let clsx = require("clsx");
|
|
@@ -28,8 +28,8 @@ var PageBannerContent = withContext(_seed_design_react_primitive.Primitive.div,
|
|
|
28
28
|
var PageBannerBody = withContext(_seed_design_react_primitive.Primitive.div, "body");
|
|
29
29
|
var PageBannerTitle = withContext(_seed_design_react_primitive.Primitive.span, "title");
|
|
30
30
|
var PageBannerDescription = withContext(_seed_design_react_primitive.Primitive.span, "description");
|
|
31
|
-
var PageBannerButton =
|
|
32
|
-
var PageBannerCloseButton =
|
|
31
|
+
var PageBannerButton = require_withScaleFeedback.withScaleFeedback(withContext(_seed_design_react_primitive.Primitive.button, "button"));
|
|
32
|
+
var PageBannerCloseButton = require_withScaleFeedback.withScaleFeedback(withContext(require_useDismissible.DismissibleCloseButton, "closeButton"));
|
|
33
33
|
//#endregion
|
|
34
34
|
exports.PageBannerBody = PageBannerBody;
|
|
35
35
|
exports.PageBannerButton = PageBannerButton;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
|
|
3
|
-
import { withScaleFeedback } from "../../utils/
|
|
3
|
+
import { withScaleFeedback } from "../../utils/withScaleFeedback.js";
|
|
4
4
|
import { DismissibleCloseButton, DismissibleRoot } from "../private/useDismissible.js";
|
|
5
5
|
import { Primitive } from "@seed-design/react-primitive";
|
|
6
6
|
import clsx$1 from "clsx";
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
4
4
|
const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
|
|
5
5
|
const require_createWithStateProps = require("../../utils/createWithStateProps.cjs");
|
|
6
|
-
const require_scaleFeedback = require("../../utils/scaleFeedback.cjs");
|
|
7
6
|
let _seed_design_react_primitive = require("@seed-design/react-primitive");
|
|
8
7
|
let clsx = require("clsx");
|
|
9
8
|
clsx = require_runtime.__toESM(clsx);
|
|
@@ -11,6 +10,7 @@ let react = require("react");
|
|
|
11
10
|
react = require_runtime.__toESM(react);
|
|
12
11
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
13
12
|
let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
|
|
13
|
+
let _seed_design_react_scale_feedback = require("@seed-design/react-scale-feedback");
|
|
14
14
|
let _seed_design_dom_utils = require("@seed-design/dom-utils");
|
|
15
15
|
let _seed_design_react_quantity_picker = require("@seed-design/react-quantity-picker");
|
|
16
16
|
let _seed_design_css_recipes_quantity_picker = require("@seed-design/css/recipes/quantity-picker");
|
|
@@ -73,7 +73,7 @@ var QuantityPickerDecrementButton = react.forwardRef(({ children, className, ico
|
|
|
73
73
|
const { decrementIconProps, decrementLoading, isRemoveButton } = (0, _seed_design_react_quantity_picker.useQuantityPickerContext)();
|
|
74
74
|
const content = decrementLoading ? loadingIndicator : isRemoveButton ? removeIcon ?? icon : icon;
|
|
75
75
|
const contentIsIcon = content !== null && content !== void 0;
|
|
76
|
-
const { scaleFeedbackRef, scaleFeedbackClassName } =
|
|
76
|
+
const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
|
|
77
77
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_quantity_picker.QuantityPicker.DecrementButton, {
|
|
78
78
|
ref: (0, _radix_ui_react_compose_refs.useComposedRefs)(scaleFeedbackRef, ref),
|
|
79
79
|
className: (0, clsx.default)(classNames.decrementButton, scaleFeedbackClassName, className),
|
|
@@ -106,7 +106,7 @@ var QuantityPickerIncrementButton = react.forwardRef(({ children, className, ico
|
|
|
106
106
|
const { incrementIconProps, incrementLoading } = (0, _seed_design_react_quantity_picker.useQuantityPickerContext)();
|
|
107
107
|
const content = incrementLoading ? loadingIndicator : icon;
|
|
108
108
|
const contentIsIcon = content !== null && content !== void 0;
|
|
109
|
-
const { scaleFeedbackRef, scaleFeedbackClassName } =
|
|
109
|
+
const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
|
|
110
110
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_quantity_picker.QuantityPicker.IncrementButton, {
|
|
111
111
|
ref: (0, _radix_ui_react_compose_refs.useComposedRefs)(scaleFeedbackRef, ref),
|
|
112
112
|
className: (0, clsx.default)(classNames.incrementButton, scaleFeedbackClassName, className),
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
"use client";
|
|
3
3
|
import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
|
|
4
4
|
import { createWithStateProps } from "../../utils/createWithStateProps.js";
|
|
5
|
-
import { useScaleFeedback } from "../../utils/scaleFeedback.js";
|
|
6
5
|
import { Primitive } from "@seed-design/react-primitive";
|
|
7
6
|
import clsx$1 from "clsx";
|
|
8
7
|
import * as React$1 from "react";
|
|
9
8
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
9
|
import { useComposedRefs } from "@radix-ui/react-compose-refs";
|
|
10
|
+
import { useScaleFeedback } from "@seed-design/react-scale-feedback";
|
|
11
11
|
import { mergeProps } from "@seed-design/dom-utils";
|
|
12
12
|
import { QuantityPicker, useQuantityPickerContext } from "@seed-design/react-quantity-picker";
|
|
13
13
|
import { quantityPicker } from "@seed-design/css/recipes/quantity-picker";
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
3
3
|
const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
|
|
4
4
|
const require_createWithStateProps = require("../../utils/createWithStateProps.cjs");
|
|
5
|
-
const require_scaleFeedback = require("../../utils/scaleFeedback.cjs");
|
|
6
5
|
const require_createRecipeContext = require("../../utils/createRecipeContext.cjs");
|
|
6
|
+
const require_withScaleFeedback = require("../../utils/withScaleFeedback.cjs");
|
|
7
7
|
const require_splitMultipleVariantsProps = require("../../utils/splitMultipleVariantsProps.cjs");
|
|
8
8
|
const require_Icon = require("../private/Icon.cjs");
|
|
9
9
|
let _seed_design_react_radio_group = require("@seed-design/react-radio-group");
|
|
@@ -41,7 +41,7 @@ var RadioGroupItem = Object.assign((0, react.forwardRef)(({ className, ...props
|
|
|
41
41
|
});
|
|
42
42
|
}), { Primitive: _seed_design_react_radio_group.RadioGroup.Item });
|
|
43
43
|
var RadioGroupItemLabel = withContext(withStateProps(_seed_design_react_primitive.Primitive.span), "label");
|
|
44
|
-
var RadioGroupItemControl =
|
|
44
|
+
var RadioGroupItemControl = require_withScaleFeedback.withScaleFeedback(withRadiomarkProvider(_seed_design_react_radio_group.RadioGroup.ItemControl, "root"));
|
|
45
45
|
var RadioGroupItemIndicator = (0, react.forwardRef)(({ unchecked: uncheckedSvg, checked: checkedSvg, ...otherProps }, ref) => {
|
|
46
46
|
const { stateProps, checked } = (0, _seed_design_react_radio_group.useRadioGroupItemContext)();
|
|
47
47
|
const mergedProps = (0, _seed_design_dom_utils.mergeProps)(stateProps, { className: useRadiomarkClassNames().icon }, otherProps);
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
|
|
3
3
|
import { createWithStateProps } from "../../utils/createWithStateProps.js";
|
|
4
|
-
import { withScaleFeedback } from "../../utils/scaleFeedback.js";
|
|
5
4
|
import { createRecipeContext } from "../../utils/createRecipeContext.js";
|
|
5
|
+
import { withScaleFeedback } from "../../utils/withScaleFeedback.js";
|
|
6
6
|
import { splitMultipleVariantsProps } from "../../utils/splitMultipleVariantsProps.js";
|
|
7
7
|
import { InternalIcon } from "../private/Icon.js";
|
|
8
8
|
import { RadioGroup, useRadioGroupItemContext } from "@seed-design/react-radio-group";
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
3
|
-
const require_scaleFeedback = require("../../utils/scaleFeedback.cjs");
|
|
4
3
|
const require_usePendingButton = require("../LoadingIndicator/usePendingButton.cjs");
|
|
5
4
|
let _seed_design_react_toggle = require("@seed-design/react-toggle");
|
|
6
5
|
let clsx = require("clsx");
|
|
@@ -9,6 +8,7 @@ let react = require("react");
|
|
|
9
8
|
react = require_runtime.__toESM(react);
|
|
10
9
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
11
10
|
let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
|
|
11
|
+
let _seed_design_react_scale_feedback = require("@seed-design/react-scale-feedback");
|
|
12
12
|
let _seed_design_css_recipes_reaction_button = require("@seed-design/css/recipes/reaction-button");
|
|
13
13
|
//#region src/components/ReactionButton/ReactionButton.tsx
|
|
14
14
|
var ReactionButton = react.forwardRef(({ size = "small", loading = false, className, ...otherProps }, ref) => {
|
|
@@ -17,7 +17,7 @@ var ReactionButton = react.forwardRef(({ size = "small", loading = false, classN
|
|
|
17
17
|
loading,
|
|
18
18
|
disabled: otherProps.disabled
|
|
19
19
|
});
|
|
20
|
-
const { scaleFeedbackRef, scaleFeedbackClassName } =
|
|
20
|
+
const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
|
|
21
21
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_usePendingButton.PendingButtonProvider, {
|
|
22
22
|
value: api,
|
|
23
23
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_toggle.Toggle.Root, {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { useScaleFeedback } from "../../utils/scaleFeedback.js";
|
|
3
2
|
import { PendingButtonProvider, usePendingButton } from "../LoadingIndicator/usePendingButton.js";
|
|
4
3
|
import { Toggle } from "@seed-design/react-toggle";
|
|
5
4
|
import clsx$1 from "clsx";
|
|
6
5
|
import * as React$1 from "react";
|
|
7
6
|
import { jsx } from "react/jsx-runtime";
|
|
8
7
|
import { useComposedRefs } from "@radix-ui/react-compose-refs";
|
|
8
|
+
import { useScaleFeedback } from "@seed-design/react-scale-feedback";
|
|
9
9
|
import { reactionButton } from "@seed-design/css/recipes/reaction-button";
|
|
10
10
|
//#region src/components/ReactionButton/ReactionButton.tsx
|
|
11
11
|
var ReactionButton = React$1.forwardRef(({ size = "small", loading = false, className, ...otherProps }, ref) => {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
3
3
|
const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
|
|
4
|
-
const require_scaleFeedback = require("../../utils/scaleFeedback.cjs");
|
|
5
4
|
const require_styled = require("../../utils/styled.cjs");
|
|
6
5
|
const require_createRenderTrackingContext = require("../../utils/createRenderTrackingContext.cjs");
|
|
7
6
|
let _seed_design_react_primitive = require("@seed-design/react-primitive");
|
|
@@ -11,6 +10,7 @@ let react = require("react");
|
|
|
11
10
|
react = require_runtime.__toESM(react);
|
|
12
11
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
13
12
|
let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
|
|
13
|
+
let _seed_design_react_scale_feedback = require("@seed-design/react-scale-feedback");
|
|
14
14
|
let _seed_design_dom_utils = require("@seed-design/dom-utils");
|
|
15
15
|
let _seed_design_react_drawer = require("@seed-design/react-drawer");
|
|
16
16
|
let _seed_design_css_recipes_side_panel = require("@seed-design/css/recipes/side-panel");
|
|
@@ -80,7 +80,7 @@ var SidePanelFooter = withContext(_seed_design_react_primitive.Primitive.div, "f
|
|
|
80
80
|
var SidePanelCloseButton = react.forwardRef(({ className, ...props }, ref) => {
|
|
81
81
|
const classNames = useClassNames();
|
|
82
82
|
const { trackRef } = closeButtonTracker.useRenderTracking();
|
|
83
|
-
const { scaleFeedbackRef, scaleFeedbackClassName } =
|
|
83
|
+
const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
|
|
84
84
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_drawer.Drawer.CloseButton, {
|
|
85
85
|
ref: (0, _radix_ui_react_compose_refs.useComposedRefs)(scaleFeedbackRef, ref, trackRef),
|
|
86
86
|
className: (0, clsx.default)(classNames.closeButton, scaleFeedbackClassName, className),
|
|
@@ -29,7 +29,19 @@ export declare const SidePanelTitle: React.ForwardRefExoticComponent<SidePanelTi
|
|
|
29
29
|
export interface SidePanelDescriptionProps extends Drawer.DescriptionProps {
|
|
30
30
|
}
|
|
31
31
|
export declare const SidePanelDescription: React.ForwardRefExoticComponent<SidePanelDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
32
|
-
export interface SidePanelBodyProps extends PrimitiveProps, Pick<StyleProps, "paddingX" | "
|
|
32
|
+
export interface SidePanelBodyProps extends PrimitiveProps, Pick<StyleProps, "paddingX" | "justifyContent" | "alignItems">, React.HTMLAttributes<HTMLDivElement> {
|
|
33
|
+
/**
|
|
34
|
+
* @deprecated SEED React 3.0.0에서 제거됩니다. Side Panel 본문은 항상 헤더와 푸터를 제외한 남은 높이를 채우므로 이 prop은 효과가 없습니다. 콘텐츠의 높이를 지정하려면 본문 안에 `Box`를 두고 `height`를 지정하세요.
|
|
35
|
+
*/
|
|
36
|
+
height?: StyleProps["height"];
|
|
37
|
+
/**
|
|
38
|
+
* @deprecated SEED React 3.0.0에서 제거됩니다. Side Panel 본문은 항상 헤더와 푸터를 제외한 남은 높이를 채우므로, 남은 높이보다 큰 값을 주면 푸터가 패널 밖으로 밀려납니다. 콘텐츠의 최소 높이를 지정하려면 본문 안에 `Box`를 두고 `minHeight`를 지정하세요.
|
|
39
|
+
*/
|
|
40
|
+
minHeight?: StyleProps["minHeight"];
|
|
41
|
+
/**
|
|
42
|
+
* @deprecated SEED React 3.0.0에서 제거됩니다. Side Panel 본문은 항상 헤더와 푸터를 제외한 남은 높이를 채우므로, 남은 높이보다 작은 값을 주면 푸터가 패널 중간에 뜹니다. 콘텐츠의 최대 높이를 지정하려면 본문 안에 `Box`를 두고 `maxHeight`를 지정하세요.
|
|
43
|
+
*/
|
|
44
|
+
maxHeight?: StyleProps["maxHeight"];
|
|
33
45
|
}
|
|
34
46
|
export declare const SidePanelBody: React.ForwardRefExoticComponent<SidePanelBodyProps & React.RefAttributes<HTMLDivElement>>;
|
|
35
47
|
export interface SidePanelFooterProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
|
|
@@ -1 +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;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,
|
|
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;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,CAAC,UAAU,EAAE,UAAU,GAAG,gBAAgB,GAAG,YAAY,CAAC,EAC9D,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE9B;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAEpC;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;CACrC;AAED,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"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
|
|
3
|
-
import { useScaleFeedback } from "../../utils/scaleFeedback.js";
|
|
4
3
|
import { useStyleProps, withStyleProps } from "../../utils/styled.js";
|
|
5
4
|
import { createRenderTrackingContext } from "../../utils/createRenderTrackingContext.js";
|
|
6
5
|
import { Primitive } from "@seed-design/react-primitive";
|
|
@@ -8,6 +7,7 @@ import clsx$1 from "clsx";
|
|
|
8
7
|
import * as React$1 from "react";
|
|
9
8
|
import { jsx } from "react/jsx-runtime";
|
|
10
9
|
import { composeRefs, useComposedRefs } from "@radix-ui/react-compose-refs";
|
|
10
|
+
import { useScaleFeedback } from "@seed-design/react-scale-feedback";
|
|
11
11
|
import { dataAttr } from "@seed-design/dom-utils";
|
|
12
12
|
import { Drawer } from "@seed-design/react-drawer";
|
|
13
13
|
import { sidePanel } from "@seed-design/css/recipes/side-panel";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
require("../../_virtual/_rolldown/runtime.cjs");
|
|
3
3
|
const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
|
|
4
|
-
const require_scaleFeedback = require("../../utils/scaleFeedback.cjs");
|
|
5
4
|
const require_createRecipeContext = require("../../utils/createRecipeContext.cjs");
|
|
5
|
+
const require_withScaleFeedback = require("../../utils/withScaleFeedback.cjs");
|
|
6
6
|
const require_Icon = require("../private/Icon.cjs");
|
|
7
7
|
let _seed_design_react_snackbar = require("@seed-design/react-snackbar");
|
|
8
8
|
let _seed_design_react_primitive = require("@seed-design/react-primitive");
|
|
@@ -20,7 +20,7 @@ var SnackbarRoot = withProvider(_seed_design_react_snackbar.Snackbar.Root, "root
|
|
|
20
20
|
var SnackbarContent = withContext(_seed_design_react_primitive.Primitive.div, "content");
|
|
21
21
|
var SnackbarMessage = withContext(_seed_design_react_primitive.Primitive.span, "message");
|
|
22
22
|
var SnackbarPrefixIcon = withContext(require_Icon.InternalIcon, "prefixIcon");
|
|
23
|
-
var SnackbarActionButton =
|
|
23
|
+
var SnackbarActionButton = require_withScaleFeedback.withScaleFeedback(withContext(_seed_design_react_snackbar.Snackbar.ActionButton, "actionButton"));
|
|
24
24
|
/**
|
|
25
25
|
* Visually hidden button that closes the snackbar (for screen readers).
|
|
26
26
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
|
|
3
|
-
import { withScaleFeedback } from "../../utils/scaleFeedback.js";
|
|
4
3
|
import { createRecipeContext } from "../../utils/createRecipeContext.js";
|
|
4
|
+
import { withScaleFeedback } from "../../utils/withScaleFeedback.js";
|
|
5
5
|
import { InternalIcon } from "../private/Icon.js";
|
|
6
6
|
import { Snackbar } from "@seed-design/react-snackbar";
|
|
7
7
|
import { Primitive } from "@seed-design/react-primitive";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
3
3
|
const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
|
|
4
|
-
const
|
|
4
|
+
const require_withScaleFeedback = require("../../utils/withScaleFeedback.cjs");
|
|
5
5
|
let _seed_design_react_primitive = require("@seed-design/react-primitive");
|
|
6
6
|
let clsx = require("clsx");
|
|
7
7
|
clsx = require_runtime.__toESM(clsx);
|
|
@@ -103,7 +103,7 @@ var SwipeableMenuSheetFooter = withContext(_seed_design_react_primitive.Primitiv
|
|
|
103
103
|
/**
|
|
104
104
|
* Visible button that closes the swipeable menu sheet.
|
|
105
105
|
*/
|
|
106
|
-
var SwipeableMenuSheetCloseButton =
|
|
106
|
+
var SwipeableMenuSheetCloseButton = require_withScaleFeedback.withScaleFeedback(withContext(_seed_design_react_drawer.Drawer.CloseButton, "closeButton"));
|
|
107
107
|
//#endregion
|
|
108
108
|
exports.SwipeableMenuSheetBackdrop = SwipeableMenuSheetBackdrop;
|
|
109
109
|
exports.SwipeableMenuSheetCloseButton = SwipeableMenuSheetCloseButton;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
|
|
3
|
-
import { withScaleFeedback } from "../../utils/
|
|
3
|
+
import { withScaleFeedback } from "../../utils/withScaleFeedback.js";
|
|
4
4
|
import { Primitive } from "@seed-design/react-primitive";
|
|
5
5
|
import clsx$1 from "clsx";
|
|
6
6
|
import * as React$1 from "react";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
3
3
|
const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
|
|
4
4
|
const require_createWithStateProps = require("../../utils/createWithStateProps.cjs");
|
|
5
|
-
const
|
|
5
|
+
const require_withScaleFeedback = require("../../utils/withScaleFeedback.cjs");
|
|
6
6
|
const require_splitMultipleVariantsProps = require("../../utils/splitMultipleVariantsProps.cjs");
|
|
7
7
|
let _seed_design_react_switch = require("@seed-design/react-switch");
|
|
8
8
|
let _seed_design_react_primitive = require("@seed-design/react-primitive");
|
|
@@ -36,7 +36,7 @@ var SwitchRoot = react.default.forwardRef(({ className, ...props }, ref) => {
|
|
|
36
36
|
});
|
|
37
37
|
});
|
|
38
38
|
SwitchRoot.displayName = "SwitchRoot";
|
|
39
|
-
var SwitchControl =
|
|
39
|
+
var SwitchControl = require_withScaleFeedback.withScaleFeedback(withControlProvider(_seed_design_react_switch.Switch.Control, "root"));
|
|
40
40
|
var SwitchThumb = withControlContext(_seed_design_react_switch.Switch.Thumb, "thumb");
|
|
41
41
|
var SwitchLabel = withContext(withStateProps(_seed_design_react_primitive.Primitive.span), "label");
|
|
42
42
|
var SwitchHiddenInput = _seed_design_react_switch.Switch.HiddenInput;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
|
|
3
3
|
import { createWithStateProps } from "../../utils/createWithStateProps.js";
|
|
4
|
-
import { withScaleFeedback } from "../../utils/
|
|
4
|
+
import { withScaleFeedback } from "../../utils/withScaleFeedback.js";
|
|
5
5
|
import { splitMultipleVariantsProps } from "../../utils/splitMultipleVariantsProps.js";
|
|
6
6
|
import { Switch, useSwitchContext } from "@seed-design/react-switch";
|
|
7
7
|
import { Primitive } from "@seed-design/react-primitive";
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
require("../../_virtual/_rolldown/runtime.cjs");
|
|
3
3
|
const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
|
|
4
|
-
const
|
|
4
|
+
const require_withScaleFeedback = require("../../utils/withScaleFeedback.cjs");
|
|
5
5
|
let _seed_design_react_tabs = require("@seed-design/react-tabs");
|
|
6
6
|
let _seed_design_css_recipes_tabs = require("@seed-design/css/recipes/tabs");
|
|
7
7
|
//#region src/components/Tabs/Tabs.tsx
|
|
8
8
|
var { withProvider, withContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_tabs.tabs);
|
|
9
9
|
var TabsRoot = withProvider(_seed_design_react_tabs.Tabs.Root, "root");
|
|
10
10
|
var TabsList = withContext(_seed_design_react_tabs.Tabs.List, "list");
|
|
11
|
-
var TabsTrigger =
|
|
11
|
+
var TabsTrigger = require_withScaleFeedback.withScaleFeedback(withContext(_seed_design_react_tabs.Tabs.Trigger, "trigger"));
|
|
12
12
|
var TabsIndicator = withContext(_seed_design_react_tabs.Tabs.Indicator, "indicator");
|
|
13
13
|
var TabsContent = withContext(_seed_design_react_tabs.Tabs.Content, "content");
|
|
14
14
|
var TabsCarousel = withContext(_seed_design_react_tabs.Tabs.Carousel, "carousel");
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
|
|
3
|
-
import { withScaleFeedback } from "../../utils/
|
|
3
|
+
import { withScaleFeedback } from "../../utils/withScaleFeedback.js";
|
|
4
4
|
import { Tabs } from "@seed-design/react-tabs";
|
|
5
5
|
import { tabs } from "@seed-design/css/recipes/tabs";
|
|
6
6
|
//#region src/components/Tabs/Tabs.tsx
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
3
|
-
const require_scaleFeedback = require("../../utils/scaleFeedback.cjs");
|
|
4
3
|
const require_usePendingButton = require("../LoadingIndicator/usePendingButton.cjs");
|
|
5
4
|
let _seed_design_react_toggle = require("@seed-design/react-toggle");
|
|
6
5
|
let clsx = require("clsx");
|
|
@@ -9,6 +8,7 @@ let react = require("react");
|
|
|
9
8
|
react = require_runtime.__toESM(react);
|
|
10
9
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
11
10
|
let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
|
|
11
|
+
let _seed_design_react_scale_feedback = require("@seed-design/react-scale-feedback");
|
|
12
12
|
let _seed_design_css_recipes_toggle_button = require("@seed-design/css/recipes/toggle-button");
|
|
13
13
|
//#region src/components/ToggleButton/ToggleButton.tsx
|
|
14
14
|
var ToggleButton = react.forwardRef(({ variant = "brandSolid", size = "small", loading = false, className, ...otherProps }, ref) => {
|
|
@@ -20,7 +20,7 @@ var ToggleButton = react.forwardRef(({ variant = "brandSolid", size = "small", l
|
|
|
20
20
|
loading,
|
|
21
21
|
disabled: otherProps.disabled
|
|
22
22
|
});
|
|
23
|
-
const { scaleFeedbackRef, scaleFeedbackClassName } =
|
|
23
|
+
const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
|
|
24
24
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_usePendingButton.PendingButtonProvider, {
|
|
25
25
|
value: api,
|
|
26
26
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_toggle.Toggle.Root, {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { useScaleFeedback } from "../../utils/scaleFeedback.js";
|
|
3
2
|
import { PendingButtonProvider, usePendingButton } from "../LoadingIndicator/usePendingButton.js";
|
|
4
3
|
import { Toggle } from "@seed-design/react-toggle";
|
|
5
4
|
import clsx$1 from "clsx";
|
|
6
5
|
import * as React$1 from "react";
|
|
7
6
|
import { jsx } from "react/jsx-runtime";
|
|
8
7
|
import { useComposedRefs } from "@radix-ui/react-compose-refs";
|
|
8
|
+
import { useScaleFeedback } from "@seed-design/react-scale-feedback";
|
|
9
9
|
import { toggleButton } from "@seed-design/css/recipes/toggle-button";
|
|
10
10
|
//#region src/components/ToggleButton/ToggleButton.tsx
|
|
11
11
|
var ToggleButton = React$1.forwardRef(({ variant = "brandSolid", size = "small", loading = false, className, ...otherProps }, ref) => {
|
package/lib/index.cjs
CHANGED
|
@@ -2,7 +2,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
2
2
|
require("./_virtual/_rolldown/runtime.cjs");
|
|
3
3
|
const require_Accordion = require("./components/Accordion/Accordion.cjs");
|
|
4
4
|
const require_Accordion_namespace = require("./components/Accordion/Accordion.namespace.cjs");
|
|
5
|
-
const require_scaleFeedback = require("./utils/scaleFeedback.cjs");
|
|
6
5
|
const require_Icon = require("./components/Icon/Icon.cjs");
|
|
7
6
|
const require_ActionButton = require("./components/ActionButton/ActionButton.cjs");
|
|
8
7
|
const require_ActionChip = require("./components/ActionChip/ActionChip.cjs");
|
|
@@ -150,6 +149,7 @@ const require_VisuallyHidden = require("./components/VisuallyHidden/VisuallyHidd
|
|
|
150
149
|
const require_WheelPicker = require("./components/WheelPicker/WheelPicker.cjs");
|
|
151
150
|
const require_WheelPicker_namespace = require("./components/WheelPicker/WheelPicker.namespace.cjs");
|
|
152
151
|
const require_BreakpointProvider = require("./providers/BreakpointProvider.cjs");
|
|
152
|
+
let _seed_design_react_scale_feedback = require("@seed-design/react-scale-feedback");
|
|
153
153
|
let _seed_design_react_portal = require("@seed-design/react-portal");
|
|
154
154
|
let _seed_design_react_date_picker = require("@seed-design/react-date-picker");
|
|
155
155
|
let _seed_design_react_pull_to_refresh = require("@seed-design/react-pull-to-refresh");
|
|
@@ -767,7 +767,12 @@ exports.ResponsiveSidePanelPositioner = require_ResponsiveSidePanel.ResponsiveSi
|
|
|
767
767
|
exports.ResponsiveSidePanelRoot = require_ResponsiveSidePanel.ResponsiveSidePanelRoot;
|
|
768
768
|
exports.ResponsiveSidePanelTitle = require_ResponsiveSidePanel.ResponsiveSidePanelTitle;
|
|
769
769
|
exports.ResponsiveSidePanelTrigger = require_ResponsiveSidePanel.ResponsiveSidePanelTrigger;
|
|
770
|
-
exports
|
|
770
|
+
Object.defineProperty(exports, "ScaleFeedback", {
|
|
771
|
+
enumerable: true,
|
|
772
|
+
get: function() {
|
|
773
|
+
return _seed_design_react_scale_feedback.ScaleFeedback;
|
|
774
|
+
}
|
|
775
|
+
});
|
|
771
776
|
exports.ScrollFog = require_ScrollFog.ScrollFog;
|
|
772
777
|
Object.defineProperty(exports, "SegmentedControl", {
|
|
773
778
|
enumerable: true,
|
|
@@ -1034,7 +1039,12 @@ exports.useBreakpoint = require_useBreakpoint.useBreakpoint;
|
|
|
1034
1039
|
exports.useBreakpointValue = require_useBreakpointValue.useBreakpointValue;
|
|
1035
1040
|
exports.useResponsiveDialogContext = require_ResponsiveDialog.useResponsiveDialogContext;
|
|
1036
1041
|
exports.useResponsiveSidePanelContext = require_ResponsiveSidePanel.useResponsiveSidePanelContext;
|
|
1037
|
-
exports
|
|
1042
|
+
Object.defineProperty(exports, "useScaleFeedback", {
|
|
1043
|
+
enumerable: true,
|
|
1044
|
+
get: function() {
|
|
1045
|
+
return _seed_design_react_scale_feedback.useScaleFeedback;
|
|
1046
|
+
}
|
|
1047
|
+
});
|
|
1038
1048
|
exports.useSnackbarAdapter = require_useSnackbarAdapter.useSnackbarAdapter;
|
|
1039
1049
|
Object.defineProperty(exports, "useSnackbarContext", {
|
|
1040
1050
|
enumerable: true,
|
package/lib/index.d.ts
CHANGED
|
@@ -3,8 +3,8 @@ export type { ResponsiveValue, UnwrapResponsive, BreakpointThreshold } from './t
|
|
|
3
3
|
export { useBreakpoint } from './hooks/useBreakpoint';
|
|
4
4
|
export type { UseBreakpointOptions } from './hooks/useBreakpoint';
|
|
5
5
|
export { useBreakpointValue } from './hooks/useBreakpointValue';
|
|
6
|
-
export { useScaleFeedback, ScaleFeedback } from '
|
|
7
|
-
export type { ScaleFeedbackProps } from '
|
|
6
|
+
export { useScaleFeedback, ScaleFeedback } from '@seed-design/react-scale-feedback';
|
|
7
|
+
export type { ScaleFeedbackProps } from '@seed-design/react-scale-feedback';
|
|
8
8
|
export { BreakpointProvider } from './providers/BreakpointProvider';
|
|
9
9
|
export type { BreakpointProviderProps } from './providers/BreakpointProvider';
|
|
10
10
|
export type { StyleProps as unstable_StyleProps } from './utils/styled';
|
package/lib/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAE7B,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEjG,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAE7B,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEjG,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACpF,YAAY,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,YAAY,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAG9E,YAAY,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,gBAAgB,CAAC"}
|
package/lib/index.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { AccordionBody, AccordionContent, AccordionDescription, AccordionHeader, AccordionItem, AccordionPrefix, AccordionRoot, AccordionSuffixIcon, AccordionTitle, AccordionTrigger } from "./components/Accordion/Accordion.js";
|
|
2
2
|
import { Accordion_namespace_exports } from "./components/Accordion/Accordion.namespace.js";
|
|
3
|
-
import { ScaleFeedback, useScaleFeedback } from "./utils/scaleFeedback.js";
|
|
4
3
|
import { Icon, PrefixIcon, SuffixIcon } from "./components/Icon/Icon.js";
|
|
5
4
|
import { ActionButton } from "./components/ActionButton/ActionButton.js";
|
|
6
5
|
import { ActionChip } from "./components/ActionChip/ActionChip.js";
|
|
@@ -153,4 +152,5 @@ import { VisuallyHidden } from "./components/VisuallyHidden/VisuallyHidden.js";
|
|
|
153
152
|
import { WheelPickerColumn, WheelPickerItemLabel, WheelPickerRoot } from "./components/WheelPicker/WheelPicker.js";
|
|
154
153
|
import { WheelPicker_namespace_exports } from "./components/WheelPicker/WheelPicker.namespace.js";
|
|
155
154
|
import { BreakpointProvider } from "./providers/BreakpointProvider.js";
|
|
155
|
+
import { ScaleFeedback, useScaleFeedback } from "@seed-design/react-scale-feedback";
|
|
156
156
|
export { Accordion_namespace_exports as Accordion, AccordionBody, AccordionContent, AccordionDescription, AccordionHeader, AccordionItem, AccordionPrefix, AccordionRoot, AccordionSuffixIcon, AccordionTitle, AccordionTrigger, ActionButton, ActionChip, ActionSheet_namespace_exports as ActionSheet, ActionSheetBackdrop, ActionSheetCloseButton, ActionSheetContent, ActionSheetDescription, ActionSheetHeader, ActionSheetItem, ActionSheetList, ActionSheetPositioner, ActionSheetRoot, ActionSheetTitle, ActionSheetTrigger, Article, AspectRatio, AttachmentDisplay_namespace_exports as AttachmentDisplay, AttachmentDisplayContainer, AttachmentDisplayContext, AttachmentDisplayControl, AttachmentDisplayDescription, AttachmentDisplayErrorMessage, AttachmentDisplayFooter, AttachmentDisplayHeader, AttachmentDisplayIndicatorText, AttachmentDisplayItem, AttachmentDisplayItemActionButton, AttachmentDisplayItemBackdrop, AttachmentDisplayItemBadge, AttachmentDisplayItemGroup, AttachmentDisplayItemImage, AttachmentDisplayItemMetadata, AttachmentDisplayItemRemoveButton, AttachmentDisplayItemThumbnail, AttachmentDisplayLabel, AttachmentDisplayRequiredIndicator, AttachmentDisplayRoot, AttachmentDisplayTrigger, AttachmentDisplayTriggerIcon, AttachmentDisplayTriggerItemCount, AttachmentInput_namespace_exports as AttachmentInput, AttachmentInputContainer, AttachmentInputContext, AttachmentInputDropzone, AttachmentInputDropzoneLabel, AttachmentInputHiddenInput, AttachmentInputItem, AttachmentInputItemActionButton, AttachmentInputItemBackdrop, AttachmentInputItemBadge, AttachmentInputItemGroup, AttachmentInputItemImage, AttachmentInputItemMetadata, AttachmentInputItemName, AttachmentInputItemRemoveButton, AttachmentInputItemSize, AttachmentInputItemThumbnail, AttachmentInputRoot, AttachmentInputTrigger, AttachmentInputTriggerIcon, AttachmentInputTriggerItemCount, Avatar_namespace_exports as Avatar, AvatarBadge, AvatarFallback, AvatarImage, AvatarRoot, AvatarStack, Badge, BottomSheet_namespace_exports as BottomSheet, BottomSheetBackdrop, BottomSheetBody, BottomSheetCloseButton, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetPositioner, BottomSheetRoot, BottomSheetTitle, BottomSheetTrigger, Box, BreakpointProvider, Callout_namespace_exports as Callout, CalloutCloseButton, CalloutContent, CalloutDescription, CalloutLink, CalloutRoot, CalloutTitle, Celsius, CheckSelectBox_namespace_exports as CheckSelectBox, CheckSelectBoxBody, CheckSelectBoxCheckmarkControl, CheckSelectBoxCheckmarkIcon, CheckSelectBoxContent, CheckSelectBoxDescription, CheckSelectBoxFooter, CheckSelectBoxGroup, CheckSelectBoxHiddenInput, CheckSelectBoxLabel, CheckSelectBoxRoot, CheckSelectBoxTrigger, Checkbox_namespace_exports as Checkbox, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, Chip_namespace_exports as Chip, ChipLabel, ChipPrefixAvatar, ChipPrefixIcon, ChipRoot, ChipSuffixIcon, ChipTabs_namespace_exports as ChipTabs, ChipTabsCarousel, ChipTabsCarouselCamera, ChipTabsContent, ChipTabsList, ChipTabsRoot, ChipTabsTrigger, Column, Columns, ConsistentWidth, ContentDialog_namespace_exports as ContentDialog, ContentDialogAction, ContentDialogBackdrop, ContentDialogBody, ContentDialogCloseButton, ContentDialogContent, ContentDialogDescription, ContentDialogFooter, ContentDialogHeader, ContentDialogPositioner, ContentDialogRoot, ContentDialogTitle, ContentDialogTrigger, ContentPlaceholder_namespace_exports as ContentPlaceholder, ContentPlaceholderAsset, ContentPlaceholderRoot, ContextualFloatingButton, ContinuousDatePicker, ControlChip, Count, DatePicker, Dialog_namespace_exports as Dialog, DialogAction, DialogBackdrop, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger, Divider, ExtendedActionSheet_namespace_exports as ExtendedActionSheet, ExtendedActionSheetBackdrop, ExtendedActionSheetCloseButton, ExtendedActionSheetContent, ExtendedActionSheetFooter, ExtendedActionSheetGroup, ExtendedActionSheetHeader, ExtendedActionSheetItem, ExtendedActionSheetList, ExtendedActionSheetPositioner, ExtendedActionSheetRoot, ExtendedActionSheetTitle, ExtendedActionSheetTrigger, ExtendedFab, Fab, Field_namespace_exports as Field, FieldButton_namespace_exports as FieldButton, FieldButtonButton, FieldButtonClearButton, FieldButtonControl, FieldButtonDescription, FieldButtonErrorMessage, FieldButtonFooter, FieldButtonHeader, FieldButtonHiddenInput, FieldButtonIndicatorText, FieldButtonLabel, FieldButtonPlaceholder, FieldButtonPrefixIcon, FieldButtonPrefixText, FieldButtonRequiredIndicator, FieldButtonRoot, FieldButtonSuffixIcon, FieldButtonSuffixText, FieldButtonValue, FieldCharacterCount, FieldDescription, FieldErrorMessage, FieldFooter, FieldHeader, FieldIndicatorText, FieldLabel, FieldRequiredIndicator, FieldRoot, Fieldset_namespace_exports as Fieldset, FieldsetDescription, FieldsetErrorMessage, FieldsetFooter, FieldsetHeader, FieldsetIndicatorText, FieldsetLabel, FieldsetRequiredIndicator, FieldsetRoot, Flex, Float, FloatingActionButton_namespace_exports as FloatingActionButton, FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot, Footer_namespace_exports as Footer, FooterLinkText, Grid, GridItem, HStack, HelpBubble_namespace_exports as HelpBubble, HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleBody, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubblePositionerPortal, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTooltip_namespace_exports as HelpBubbleTooltip, HelpBubbleTooltipArrow, HelpBubbleTooltipArrowTip, HelpBubbleTooltipBody, HelpBubbleTooltipContent, HelpBubbleTooltipDelayGroup, HelpBubbleTooltipDescription, HelpBubbleTooltipPositioner, HelpBubbleTooltipPositionerPortal, HelpBubbleTooltipRoot, HelpBubbleTooltipTitle, HelpBubbleTooltipTrigger, HelpBubbleTrigger, Icon, IdentityPlaceholder_namespace_exports as IdentityPlaceholder, IdentityPlaceholderImage, IdentityPlaceholderRoot, ImageFrame, ImageFrameBadge, ImageFrameFloater, ImageFrameIcon, ImageFrameIndicator, ImageFrameReactionButton, Inline, InlineBanner_namespace_exports as InlineBanner, InlineBannerCloseButton, InlineBannerContent, InlineBannerDescription, InlineBannerLink, InlineBannerRoot, InlineBannerTitle, Layout_namespace_exports as Layout, LayoutContent, LayoutRoot, LinkContent, List_namespace_exports as List, ListContent, ListDetail, ListHeader, ListItem, ListPrefix, ListRoot, ListSuffix, ListTitle, LoadingIndicator, MannerTemp, MannerTempBadge, MannerTempEmote, Menu_namespace_exports as Menu, MenuAnchor, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuItemBody, MenuItemDescription, MenuItemLabel, MenuPositioner, MenuRoot, MenuScrollArea, MenuSheet_namespace_exports as MenuSheet, MenuSheetBackdrop, MenuSheetCloseButton, MenuSheetContent, MenuSheetDescription, MenuSheetFooter, MenuSheetGroup, MenuSheetHeader, MenuSheetItem, MenuSheetItemContent, MenuSheetItemDescription, MenuSheetItemLabel, MenuSheetList, MenuSheetPositioner, MenuSheetRoot, MenuSheetTitle, MenuSheetTrigger, MenuTrigger, NavigationMenu_namespace_exports as NavigationMenu, NavigationMenuContent, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuItemBody, NavigationMenuItemDescription, NavigationMenuItemLabel, NavigationMenuPositioner, NavigationMenuProvider, NavigationMenuRoot, NavigationMenuScrollArea, NavigationMenuTrigger, NotificationBadge, NotificationBadgePositioner, PageBanner_namespace_exports as PageBanner, PageBannerBody, PageBannerButton, PageBannerCloseButton, PageBannerContent, PageBannerDescription, PageBannerRoot, PageBannerTitle, Portal, PrefixIcon, ProgressCircle_namespace_exports as ProgressCircle, ProgressCircleRange, ProgressCircleRoot, ProgressCircleTrack, PullToRefresh_namespace_exports as PullToRefresh, PullToRefreshContent, PullToRefreshIndicator, PullToRefreshRoot, QuantityPicker_namespace_exports as QuantityPicker, QuantityPickerDecrementButton, QuantityPickerHiddenInput, QuantityPickerIncrementButton, QuantityPickerRoot, QuantityPickerValueDisplay, RadioGroup_namespace_exports as RadioGroup, RadioGroupField_namespace_exports as RadioGroupField, RadioGroupFieldDescription, RadioGroupFieldErrorMessage, RadioGroupFieldFooter, RadioGroupFieldHeader, RadioGroupFieldIndicatorText, RadioGroupFieldLabel, RadioGroupFieldRequiredIndicator, RadioGroupFieldRoot, RadioGroupItem, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemIndicator, RadioGroupItemLabel, RadioGroupRoot, RadioSelectBox_namespace_exports as RadioSelectBox, RadioSelectBoxBody, RadioSelectBoxContent, RadioSelectBoxDescription, RadioSelectBoxFooter, RadioSelectBoxGroup, RadioSelectBoxHiddenInput, RadioSelectBoxItem, RadioSelectBoxLabel, RadioSelectBoxTrigger, ReactionButton, ResponsiveDialog_namespace_exports as ResponsiveDialog, ResponsiveDialogAction, ResponsiveDialogBackdrop, ResponsiveDialogBody, ResponsiveDialogCloseButton, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogHandle, ResponsiveDialogHeader, ResponsiveDialogPositioner, ResponsiveDialogRoot, ResponsiveDialogTitle, ResponsiveDialogTrigger, ResponsivePair, ResponsiveSidePanel_namespace_exports as ResponsiveSidePanel, ResponsiveSidePanelBackdrop, ResponsiveSidePanelBody, ResponsiveSidePanelCloseButton, ResponsiveSidePanelContent, ResponsiveSidePanelDescription, ResponsiveSidePanelFooter, ResponsiveSidePanelHandle, ResponsiveSidePanelHeader, ResponsiveSidePanelPositioner, ResponsiveSidePanelRoot, ResponsiveSidePanelTitle, ResponsiveSidePanelTrigger, ScaleFeedback, ScrollFog, SegmentedControl_namespace_exports as SegmentedControl, SegmentedControlIndicator, SegmentedControlItem, SegmentedControlItemHiddenInput, SegmentedControlRoot, Select_namespace_exports as Select, SelectContent, SelectGroup, SelectGroupLabel, SelectHiddenSelect, SelectItem, SelectItemBody, SelectItemDescription, SelectItemIndicator, SelectItemLabel, SelectItemPrefixIcon, SelectPlaceholder, SelectPositioner, SelectPrefixIcon, SelectRoot, SelectScrollArea, SelectSuffixIcon, SelectTrigger, SelectValue, SideNavigation_namespace_exports as SideNavigation, SideNavigationContent, SideNavigationFooter, SideNavigationGroup, SideNavigationGroupLabel, SideNavigationHeader, SideNavigationInset, SideNavigationItem, SideNavigationItemCollapsibleContent, SideNavigationItemCollapsibleRoot, SideNavigationItemCollapsibleTrigger, SideNavigationItemLabel, SideNavigationItemPrefixIcon, SideNavigationItemSuffixIcon, SideNavigationProvider, SideNavigationRoot, SideNavigationTrigger, SidePanel_namespace_exports as SidePanel, SidePanelBackdrop, SidePanelBody, SidePanelCloseButton, SidePanelContent, SidePanelDescription, SidePanelFooter, SidePanelHeader, SidePanelPositioner, SidePanelRoot, SidePanelTitle, SidePanelTrigger, Skeleton, Slider_namespace_exports as Slider, SliderControl, SliderHiddenInput, SliderMarker, SliderMarkers, SliderRange, SliderRoot, SliderThumb, SliderTick, SliderTrack, SliderValueIndicatorArrow, SliderValueIndicatorArrowTip, SliderValueIndicatorLabel, SliderValueIndicatorRoot, Snackbar_namespace_exports as Snackbar, SnackbarActionButton, SnackbarAvoidOverlap, SnackbarHiddenCloseButton, SnackbarMessage, SnackbarPrefixIcon, SnackbarRegion, SnackbarRenderer, SnackbarRoot, SnackbarRootProvider, Stack, SuffixIcon, SwipeableMenuSheet_namespace_exports as SwipeableMenuSheet, SwipeableMenuSheetBackdrop, SwipeableMenuSheetCloseButton, SwipeableMenuSheetContent, SwipeableMenuSheetDescription, SwipeableMenuSheetFooter, SwipeableMenuSheetGroup, SwipeableMenuSheetHandle, SwipeableMenuSheetHeader, SwipeableMenuSheetItem, SwipeableMenuSheetItemContent, SwipeableMenuSheetItemDescription, SwipeableMenuSheetItemLabel, SwipeableMenuSheetList, SwipeableMenuSheetPositioner, SwipeableMenuSheetRoot, SwipeableMenuSheetTitle, SwipeableMenuSheetTrigger, Switch_namespace_exports as Switch, SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchThumb, Tabs_namespace_exports as Tabs, TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger, TagGroup_namespace_exports as TagGroup, TagGroupItem, TagGroupItemLabel, TagGroupRoot, Text, TextField_namespace_exports as TextField, TextFieldInput, TextFieldPrefixIcon, TextFieldPrefixText, TextFieldRoot, TextFieldSuffixIcon, TextFieldSuffixText, TextFieldTextarea, TimePicker, ToggleButton, TwoMonthDatePicker, VStack, VisuallyHidden, WeekDatePicker, WheelPicker_namespace_exports as WheelPicker, WheelPickerColumn, WheelPickerItemLabel, WheelPickerRoot, compareDates, dateKey, dateOnOrAfter, dateOnOrBefore, excludeDates, isSameDate, maxSelectionCount, pullToRefreshPreventPull, rangeDayCountAtLeast, rangeDayCountAtMost, tabsCarouselPreventDrag, useBreakpoint, useBreakpointValue, useResponsiveDialogContext, useResponsiveSidePanelContext, useScaleFeedback, useSnackbarAdapter, useSnackbarContext, useTextFieldWithGraphemes };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
|
|
3
|
+
let clsx = require("clsx");
|
|
4
|
+
clsx = require_runtime.__toESM(clsx);
|
|
5
|
+
let react = require("react");
|
|
6
|
+
react = require_runtime.__toESM(react);
|
|
7
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
8
|
+
let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
|
|
9
|
+
let _seed_design_react_scale_feedback = require("@seed-design/react-scale-feedback");
|
|
10
|
+
//#region src/utils/withScaleFeedback.tsx
|
|
11
|
+
function withScaleFeedback(Component) {
|
|
12
|
+
const Pressable = react.forwardRef((props, ref) => {
|
|
13
|
+
const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
|
|
14
|
+
const composedRef = (0, _radix_ui_react_compose_refs.useComposedRefs)(scaleFeedbackRef, ref);
|
|
15
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
|
|
16
|
+
...props,
|
|
17
|
+
ref: composedRef,
|
|
18
|
+
className: (0, clsx.default)(scaleFeedbackClassName, props.className)
|
|
19
|
+
});
|
|
20
|
+
});
|
|
21
|
+
Pressable.displayName = Component.displayName;
|
|
22
|
+
return Pressable;
|
|
23
|
+
}
|
|
24
|
+
//#endregion
|
|
25
|
+
exports.withScaleFeedback = withScaleFeedback;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Wraps a component so its element opts into scale feedback — for one-liner
|
|
4
|
+
* factory components (`withContext`/`withProvider` results). Hand-written
|
|
5
|
+
* forwardRef components call `useScaleFeedback` directly instead.
|
|
6
|
+
*/
|
|
7
|
+
export declare function withScaleFeedback<P>(Component: React.ForwardRefExoticComponent<P>): React.ForwardRefExoticComponent<P>;
|
|
8
|
+
//# sourceMappingURL=withScaleFeedback.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"withScaleFeedback.d.ts","sourceRoot":"","sources":["../../src/utils/withScaleFeedback.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EACjC,SAAS,EAAE,KAAK,CAAC,yBAAyB,CAAC,CAAC,CAAC,GAC5C,KAAK,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC"}
|