@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,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_styled = require("../../utils/styled.cjs");
|
|
5
4
|
const require_Icon = require("../Icon/Icon.cjs");
|
|
6
5
|
const require_usePendingButton = require("../LoadingIndicator/usePendingButton.cjs");
|
|
@@ -13,6 +12,7 @@ react = require_runtime.__toESM(react);
|
|
|
13
12
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
14
13
|
let _seed_design_css_recipes_action_button = require("@seed-design/css/recipes/action-button");
|
|
15
14
|
let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
|
|
15
|
+
let _seed_design_react_scale_feedback = require("@seed-design/react-scale-feedback");
|
|
16
16
|
//#region src/components/ActionButton/ActionButton.tsx
|
|
17
17
|
var ActionButton = react.forwardRef(({ variant, size, loading = false, layout = "withText", color, fontWeight, className, children, ...otherProps }, ref) => {
|
|
18
18
|
const recipeClassName = (0, _seed_design_css_recipes_action_button.actionButton)({
|
|
@@ -25,7 +25,7 @@ var ActionButton = react.forwardRef(({ variant, size, loading = false, layout =
|
|
|
25
25
|
disabled: otherProps.disabled
|
|
26
26
|
});
|
|
27
27
|
const { style, restProps } = require_styled.useStyleProps(otherProps);
|
|
28
|
-
const { scaleFeedbackRef, scaleFeedbackClassName } =
|
|
28
|
+
const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
|
|
29
29
|
if (layout === "iconOnly" && !(otherProps["aria-label"] || otherProps["aria-labelledby"])) console.warn("When layout is 'iconOnly', 'aria-label' or 'aria-labelledby' should be provided.");
|
|
30
30
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_usePendingButton.PendingButtonProvider, {
|
|
31
31
|
value: api,
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { useScaleFeedback } from "../../utils/scaleFeedback.js";
|
|
3
2
|
import { handleColor, useStyleProps } from "../../utils/styled.js";
|
|
4
3
|
import { IconRequired } from "../Icon/Icon.js";
|
|
5
4
|
import { PendingButtonProvider, usePendingButton } from "../LoadingIndicator/usePendingButton.js";
|
|
@@ -10,6 +9,7 @@ import * as React$1 from "react";
|
|
|
10
9
|
import { jsx } from "react/jsx-runtime";
|
|
11
10
|
import { actionButton } from "@seed-design/css/recipes/action-button";
|
|
12
11
|
import { useComposedRefs } from "@radix-ui/react-compose-refs";
|
|
12
|
+
import { useScaleFeedback } from "@seed-design/react-scale-feedback";
|
|
13
13
|
//#region src/components/ActionButton/ActionButton.tsx
|
|
14
14
|
var ActionButton = React$1.forwardRef(({ variant, size, loading = false, layout = "withText", color, fontWeight, className, children, ...otherProps }, ref) => {
|
|
15
15
|
const recipeClassName = actionButton({
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
"use client";
|
|
3
3
|
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
4
4
|
const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
|
|
5
|
-
const require_scaleFeedback = require("../../utils/scaleFeedback.cjs");
|
|
6
5
|
const require_createRenderTrackingContext = require("../../utils/createRenderTrackingContext.cjs");
|
|
6
|
+
const require_withScaleFeedback = require("../../utils/withScaleFeedback.cjs");
|
|
7
7
|
let _seed_design_react_attachment_display = require("@seed-design/react-attachment-display");
|
|
8
8
|
let _seed_design_react_primitive = require("@seed-design/react-primitive");
|
|
9
9
|
let clsx = require("clsx");
|
|
@@ -12,6 +12,7 @@ let react = require("react");
|
|
|
12
12
|
react = require_runtime.__toESM(react);
|
|
13
13
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
14
14
|
let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
|
|
15
|
+
let _seed_design_react_scale_feedback = require("@seed-design/react-scale-feedback");
|
|
15
16
|
let _seed_design_dom_utils = require("@seed-design/dom-utils");
|
|
16
17
|
let _seed_design_css_recipes_attachment_input_item = require("@seed-design/css/recipes/attachment-input-item");
|
|
17
18
|
//#region src/components/AttachmentDisplay/AttachmentDisplayItem.tsx
|
|
@@ -25,7 +26,7 @@ var AttachmentDisplayItem = react.forwardRef(({ className, entry, ...props }, re
|
|
|
25
26
|
...props
|
|
26
27
|
});
|
|
27
28
|
const classNames = (0, _seed_design_css_recipes_attachment_input_item.attachmentInputItem)(variantProps);
|
|
28
|
-
const { scaleFeedbackRef, scaleFeedbackClassName } =
|
|
29
|
+
const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
|
|
29
30
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassNamesProvider, {
|
|
30
31
|
value: classNames,
|
|
31
32
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_attachment_display.AttachmentDisplayItemProvider, {
|
|
@@ -92,7 +93,7 @@ var AttachmentDisplayItemBadge = react.forwardRef(({ className, children, ...pro
|
|
|
92
93
|
AttachmentDisplayItemBadge.displayName = "AttachmentDisplayItemBadge";
|
|
93
94
|
var AttachmentDisplayItemActionButton = react.forwardRef(({ className, ...props }, ref) => {
|
|
94
95
|
const classNames = useClassNames();
|
|
95
|
-
const { scaleFeedbackRef, scaleFeedbackClassName } =
|
|
96
|
+
const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
|
|
96
97
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.button, {
|
|
97
98
|
type: "button",
|
|
98
99
|
ref: (0, _radix_ui_react_compose_refs.useComposedRefs)(scaleFeedbackRef, ref),
|
|
@@ -101,7 +102,7 @@ var AttachmentDisplayItemActionButton = react.forwardRef(({ className, ...props
|
|
|
101
102
|
});
|
|
102
103
|
});
|
|
103
104
|
AttachmentDisplayItemActionButton.displayName = "AttachmentDisplayItemActionButton";
|
|
104
|
-
var AttachmentDisplayItemRemoveButton =
|
|
105
|
+
var AttachmentDisplayItemRemoveButton = require_withScaleFeedback.withScaleFeedback(withContext(_seed_design_react_attachment_display.AttachmentDisplay.ItemRemoveButton, "removeButton"));
|
|
105
106
|
//#endregion
|
|
106
107
|
exports.AttachmentDisplayItem = AttachmentDisplayItem;
|
|
107
108
|
exports.AttachmentDisplayItemActionButton = AttachmentDisplayItemActionButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AttachmentDisplayItem.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentDisplay/AttachmentDisplayItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,gDAAgD,CAAC;AAGxD,OAAO,EACL,iBAAiB,IAAI,0BAA0B,EAI/C,KAAK,gBAAgB,EACtB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AttachmentDisplayItem.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentDisplay/AttachmentDisplayItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,gDAAgD,CAAC;AAGxD,OAAO,EACL,iBAAiB,IAAI,0BAA0B,EAI/C,KAAK,gBAAgB,EACtB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,+BAA+B,EAAE,MAAM,CAAC,EACnD,cAAc,EACd,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACvC,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAED,eAAO,MAAM,qBAAqB,kGA4BjC,CAAC;AAKF,MAAM,WAAW,+BACf,SAAQ,0BAA0B,CAAC,cAAc;CAAG;AAEtD,eAAO,MAAM,0BAA0B,0GAGS,CAAC;AAIjD,MAAM,WAAW,mCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,8BAA8B,4GAiBzC,CAAC;AAMH,MAAM,WAAW,kCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,6BAA6B,2GAiBxC,CAAC;AAMH,MAAM,WAAW,kCACf,SAAQ,0BAA0B,CAAC,iBAAiB;CAAG;AAEzD,eAAO,MAAM,6BAA6B,2GAcxC,CAAC;AAMH,MAAM,WAAW,+BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,0BAA0B,wGAWrC,CAAC;AAKH,MAAM,WAAW,sCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,iCAAiC,kHAe5C,CAAC;AAKH,MAAM,WAAW,sCACf,SAAQ,0BAA0B,CAAC,qBAAqB;CAAG;AAE7D,eAAO,MAAM,iCAAiC,kHAK7C,CAAC"}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
"use client";
|
|
3
3
|
import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
|
|
4
|
-
import { useScaleFeedback, withScaleFeedback } from "../../utils/scaleFeedback.js";
|
|
5
4
|
import { createRenderTrackingContext } from "../../utils/createRenderTrackingContext.js";
|
|
5
|
+
import { withScaleFeedback } from "../../utils/withScaleFeedback.js";
|
|
6
6
|
import { AttachmentDisplay, AttachmentDisplayItemProvider, useAttachmentDisplayContext, useAttachmentDisplayItem } from "@seed-design/react-attachment-display";
|
|
7
7
|
import { Primitive } from "@seed-design/react-primitive";
|
|
8
8
|
import clsx$1 from "clsx";
|
|
9
9
|
import * as React$1 from "react";
|
|
10
10
|
import { jsx } from "react/jsx-runtime";
|
|
11
11
|
import { composeRefs, useComposedRefs } from "@radix-ui/react-compose-refs";
|
|
12
|
+
import { useScaleFeedback } from "@seed-design/react-scale-feedback";
|
|
12
13
|
import { dataAttr } from "@seed-design/dom-utils";
|
|
13
14
|
import { attachmentInputItem } from "@seed-design/css/recipes/attachment-input-item";
|
|
14
15
|
//#region src/components/AttachmentDisplay/AttachmentDisplayItem.tsx
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"use client";
|
|
3
3
|
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
4
4
|
const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
|
|
5
|
-
const
|
|
5
|
+
const require_withScaleFeedback = require("../../utils/withScaleFeedback.cjs");
|
|
6
6
|
const require_Icon = require("../private/Icon.cjs");
|
|
7
7
|
let _seed_design_react_attachment_display = require("@seed-design/react-attachment-display");
|
|
8
8
|
let _seed_design_react_primitive = require("@seed-design/react-primitive");
|
|
@@ -15,7 +15,7 @@ let _seed_design_dom_utils = require("@seed-design/dom-utils");
|
|
|
15
15
|
let _seed_design_css_recipes_attachment_input_trigger = require("@seed-design/css/recipes/attachment-input-trigger");
|
|
16
16
|
//#region src/components/AttachmentDisplay/AttachmentDisplayTrigger.tsx
|
|
17
17
|
var { withProvider, useClassNames } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_attachment_input_trigger.attachmentInputTrigger);
|
|
18
|
-
var AttachmentDisplayTrigger =
|
|
18
|
+
var AttachmentDisplayTrigger = require_withScaleFeedback.withScaleFeedback(withProvider(_seed_design_react_attachment_display.AttachmentDisplay.Trigger, "root"));
|
|
19
19
|
var AttachmentDisplayTriggerIcon = react.forwardRef(({ image, ...props }, ref) => {
|
|
20
20
|
const { stateProps } = (0, _seed_design_react_attachment_display.useAttachmentDisplayContext)();
|
|
21
21
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.InternalIcon, {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
"use client";
|
|
3
3
|
import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
|
|
4
|
-
import { withScaleFeedback } from "../../utils/
|
|
4
|
+
import { withScaleFeedback } from "../../utils/withScaleFeedback.js";
|
|
5
5
|
import { InternalIcon } from "../private/Icon.js";
|
|
6
6
|
import { AttachmentDisplay, useAttachmentDisplayContext } from "@seed-design/react-attachment-display";
|
|
7
7
|
import { Primitive } from "@seed-design/react-primitive";
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
"use client";
|
|
3
3
|
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
4
4
|
const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
|
|
5
|
-
const require_scaleFeedback = require("../../utils/scaleFeedback.cjs");
|
|
6
5
|
const require_createRenderTrackingContext = require("../../utils/createRenderTrackingContext.cjs");
|
|
6
|
+
const require_withScaleFeedback = require("../../utils/withScaleFeedback.cjs");
|
|
7
7
|
let _seed_design_react_file_upload = require("@seed-design/react-file-upload");
|
|
8
8
|
let _seed_design_react_middle_truncate = require("@seed-design/react-middle-truncate");
|
|
9
9
|
let _seed_design_react_primitive = require("@seed-design/react-primitive");
|
|
@@ -13,6 +13,7 @@ let react = require("react");
|
|
|
13
13
|
react = require_runtime.__toESM(react);
|
|
14
14
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
15
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");
|
|
16
17
|
let _seed_design_dom_utils = require("@seed-design/dom-utils");
|
|
17
18
|
let _seed_design_css_recipes_attachment_input_item = require("@seed-design/css/recipes/attachment-input-item");
|
|
18
19
|
//#region src/components/AttachmentInput/AttachmentInputItem.tsx
|
|
@@ -26,7 +27,7 @@ var AttachmentInputItem = react.forwardRef(({ className, fileEntry, ...props },
|
|
|
26
27
|
...props
|
|
27
28
|
});
|
|
28
29
|
const classNames = (0, _seed_design_css_recipes_attachment_input_item.attachmentInputItem)(variantProps);
|
|
29
|
-
const { scaleFeedbackRef, scaleFeedbackClassName } =
|
|
30
|
+
const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
|
|
30
31
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassNamesProvider, {
|
|
31
32
|
value: classNames,
|
|
32
33
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_file_upload.FileUploadItemProvider, {
|
|
@@ -66,7 +67,7 @@ var AttachmentInputItemSize = react.forwardRef(({ className, ...props }, ref) =>
|
|
|
66
67
|
});
|
|
67
68
|
});
|
|
68
69
|
AttachmentInputItemSize.displayName = "AttachmentInputItemSize";
|
|
69
|
-
var AttachmentInputItemRemoveButton =
|
|
70
|
+
var AttachmentInputItemRemoveButton = require_withScaleFeedback.withScaleFeedback(withContext(_seed_design_react_file_upload.FileUpload.ItemRemoveButton, "removeButton"));
|
|
70
71
|
var AttachmentInputItemImage = withContext(_seed_design_react_file_upload.FileUpload.ItemImage, "image");
|
|
71
72
|
var AttachmentInputItemThumbnail = react.forwardRef(({ className, ...props }, ref) => {
|
|
72
73
|
const classNames = useClassNames();
|
|
@@ -96,7 +97,7 @@ var AttachmentInputItemBadge = react.forwardRef(({ className, children, ...props
|
|
|
96
97
|
AttachmentInputItemBadge.displayName = "AttachmentInputItemBadge";
|
|
97
98
|
var AttachmentInputItemActionButton = react.forwardRef(({ className, ...props }, ref) => {
|
|
98
99
|
const classNames = useClassNames();
|
|
99
|
-
const { scaleFeedbackRef, scaleFeedbackClassName } =
|
|
100
|
+
const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
|
|
100
101
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.button, {
|
|
101
102
|
type: "button",
|
|
102
103
|
ref: (0, _radix_ui_react_compose_refs.useComposedRefs)(scaleFeedbackRef, ref),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AttachmentInputItem.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentInput/AttachmentInputItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,gDAAgD,CAAC;AAGxD,OAAO,EACL,UAAU,IAAI,mBAAmB,EAKjC,KAAK,SAAS,EAEf,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"AttachmentInputItem.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentInput/AttachmentInputItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,gDAAgD,CAAC;AAGxD,OAAO,EACL,UAAU,IAAI,mBAAmB,EAKjC,KAAK,SAAS,EAEf,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAY9E,MAAM,WAAW,wBACf,SAAQ,+BAA+B,EACrC,cAAc,EACd,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACvC,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,gGA4B/B,CAAC;AAKF,MAAM,WAAW,4BACf,SAAQ,cAAc,EACpB,mBAAmB,CAAC,aAAa;CAAG;AAExC,eAAO,MAAM,uBAAuB,sGAiBlC,CAAC;AAKH,MAAM,WAAW,4BAA6B,SAAQ,mBAAmB,CAAC,aAAa;CAAG;AAE1F,eAAO,MAAM,uBAAuB,sGAalC,CAAC;AAKH,MAAM,WAAW,oCACf,SAAQ,mBAAmB,CAAC,qBAAqB;CAAG;AAEtD,eAAO,MAAM,+BAA+B,gHAK3C,CAAC;AAEF,MAAM,WAAW,6BAA8B,SAAQ,mBAAmB,CAAC,cAAc;CAAG;AAE5F,eAAO,MAAM,wBAAwB,wGAGI,CAAC;AAE1C,MAAM,WAAW,iCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAG3C,eAAO,MAAM,4BAA4B,0GAiBvC,CAAC;AAMH,MAAM,WAAW,6BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,wBAAwB,sGAWnC,CAAC;AAKH,MAAM,WAAW,oCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,+BAA+B,gHAe1C,CAAC;AAKH,MAAM,WAAW,gCAAiC,SAAQ,mBAAmB,CAAC,iBAAiB;CAAG;AAElG,eAAO,MAAM,2BAA2B,yGActC,CAAC;AAMH,MAAM,WAAW,gCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,2BAA2B,yGAiBtC,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
"use client";
|
|
3
3
|
import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
|
|
4
|
-
import { useScaleFeedback, withScaleFeedback } from "../../utils/scaleFeedback.js";
|
|
5
4
|
import { createRenderTrackingContext } from "../../utils/createRenderTrackingContext.js";
|
|
5
|
+
import { withScaleFeedback } from "../../utils/withScaleFeedback.js";
|
|
6
6
|
import { FileUpload, FileUploadItemProvider, splitFileName, useFileUploadContext, useFileUploadItem, useFileUploadItemContext } from "@seed-design/react-file-upload";
|
|
7
7
|
import { MiddleTruncate } from "@seed-design/react-middle-truncate";
|
|
8
8
|
import { Primitive } from "@seed-design/react-primitive";
|
|
@@ -10,6 +10,7 @@ import clsx$1 from "clsx";
|
|
|
10
10
|
import * as React$1 from "react";
|
|
11
11
|
import { jsx } from "react/jsx-runtime";
|
|
12
12
|
import { composeRefs, useComposedRefs } from "@radix-ui/react-compose-refs";
|
|
13
|
+
import { useScaleFeedback } from "@seed-design/react-scale-feedback";
|
|
13
14
|
import { dataAttr } from "@seed-design/dom-utils";
|
|
14
15
|
import { attachmentInputItem } from "@seed-design/css/recipes/attachment-input-item";
|
|
15
16
|
//#region src/components/AttachmentInput/AttachmentInputItem.tsx
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"use client";
|
|
3
3
|
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
4
4
|
const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
|
|
5
|
-
const
|
|
5
|
+
const require_withScaleFeedback = require("../../utils/withScaleFeedback.cjs");
|
|
6
6
|
const require_Icon = require("../private/Icon.cjs");
|
|
7
7
|
let _seed_design_react_file_upload = require("@seed-design/react-file-upload");
|
|
8
8
|
let _seed_design_react_primitive = require("@seed-design/react-primitive");
|
|
@@ -15,7 +15,7 @@ let _seed_design_dom_utils = require("@seed-design/dom-utils");
|
|
|
15
15
|
let _seed_design_css_recipes_attachment_input_trigger = require("@seed-design/css/recipes/attachment-input-trigger");
|
|
16
16
|
//#region src/components/AttachmentInput/AttachmentInputTrigger.tsx
|
|
17
17
|
var { withProvider, useClassNames } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_attachment_input_trigger.attachmentInputTrigger);
|
|
18
|
-
var AttachmentInputTrigger =
|
|
18
|
+
var AttachmentInputTrigger = require_withScaleFeedback.withScaleFeedback(withProvider(_seed_design_react_file_upload.FileUpload.Trigger, "root"));
|
|
19
19
|
var AttachmentInputTriggerIcon = react.forwardRef(({ image, general, ...props }, ref) => {
|
|
20
20
|
const { acceptType, stateProps } = (0, _seed_design_react_file_upload.useFileUploadContext)();
|
|
21
21
|
const mergedProps = (0, _seed_design_dom_utils.mergeProps)(stateProps, { className: useClassNames().icon }, props);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
"use client";
|
|
3
3
|
import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
|
|
4
|
-
import { withScaleFeedback } from "../../utils/
|
|
4
|
+
import { withScaleFeedback } from "../../utils/withScaleFeedback.js";
|
|
5
5
|
import { InternalIcon } from "../private/Icon.js";
|
|
6
6
|
import { FileUpload, useFileUploadContext } from "@seed-design/react-file-upload";
|
|
7
7
|
import { Primitive } from "@seed-design/react-primitive";
|
|
@@ -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");
|
|
@@ -10,6 +9,7 @@ clsx = require_runtime.__toESM(clsx);
|
|
|
10
9
|
let react = require("react");
|
|
11
10
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
12
11
|
let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
|
|
12
|
+
let _seed_design_react_scale_feedback = require("@seed-design/react-scale-feedback");
|
|
13
13
|
let _seed_design_dom_utils = require("@seed-design/dom-utils");
|
|
14
14
|
let _seed_design_css_recipes_bottom_sheet = require("@seed-design/css/recipes/bottom-sheet");
|
|
15
15
|
let _seed_design_react_drawer = require("@seed-design/react-drawer");
|
|
@@ -50,7 +50,7 @@ var BottomSheetFooter = withContext(_seed_design_react_primitive.Primitive.div,
|
|
|
50
50
|
var BottomSheetCloseButton = (0, react.forwardRef)(({ className, ...props }, ref) => {
|
|
51
51
|
const classNames = useClassNames();
|
|
52
52
|
const { trackRef } = closeButtonTracker.useRenderTracking();
|
|
53
|
-
const { scaleFeedbackRef, scaleFeedbackClassName } =
|
|
53
|
+
const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
|
|
54
54
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_drawer.Drawer.CloseButton, {
|
|
55
55
|
ref: (0, _radix_ui_react_compose_refs.useComposedRefs)(scaleFeedbackRef, ref, trackRef),
|
|
56
56
|
className: (0, clsx.default)(classNames.closeButton, scaleFeedbackClassName, className),
|
|
@@ -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 { 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 { forwardRef } from "react";
|
|
9
8
|
import { jsx } 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 { dataAttr } from "@seed-design/dom-utils";
|
|
12
12
|
import { bottomSheet } from "@seed-design/css/recipes/bottom-sheet";
|
|
13
13
|
import { Drawer } from "@seed-design/react-drawer";
|
|
@@ -1,18 +1,18 @@
|
|
|
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
|
const require_useDismissible = require("../private/useDismissible.cjs");
|
|
6
6
|
let _seed_design_react_primitive = require("@seed-design/react-primitive");
|
|
7
7
|
let _seed_design_css_recipes_callout = require("@seed-design/css/recipes/callout");
|
|
8
8
|
//#region src/components/Callout/Callout.tsx
|
|
9
9
|
var { withContext, withProvider } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_callout.callout);
|
|
10
|
-
var CalloutRoot =
|
|
10
|
+
var CalloutRoot = require_withScaleFeedback.withScaleFeedback(withProvider(require_useDismissible.DismissibleRoot, "root"));
|
|
11
11
|
var CalloutContent = withContext(_seed_design_react_primitive.Primitive.div, "content");
|
|
12
12
|
var CalloutTitle = withContext(_seed_design_react_primitive.Primitive.span, "title");
|
|
13
13
|
var CalloutDescription = withContext(_seed_design_react_primitive.Primitive.span, "description");
|
|
14
14
|
var CalloutLink = withContext(_seed_design_react_primitive.Primitive.button, "link");
|
|
15
|
-
var CalloutCloseButton =
|
|
15
|
+
var CalloutCloseButton = require_withScaleFeedback.withScaleFeedback(withContext(require_useDismissible.DismissibleCloseButton, "closeButton"));
|
|
16
16
|
//#endregion
|
|
17
17
|
exports.CalloutCloseButton = CalloutCloseButton;
|
|
18
18
|
exports.CalloutContent = CalloutContent;
|
|
@@ -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 { callout } from "@seed-design/css/recipes/callout";
|
|
@@ -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_checkbox = require("@seed-design/react-checkbox");
|
|
@@ -40,7 +40,7 @@ var CheckboxRoot = Object.assign((0, react.forwardRef)(({ className, ...props },
|
|
|
40
40
|
})
|
|
41
41
|
});
|
|
42
42
|
}), { Primitive: _seed_design_react_checkbox.Checkbox.Root });
|
|
43
|
-
var CheckboxControl =
|
|
43
|
+
var CheckboxControl = require_withScaleFeedback.withScaleFeedback(withCheckmarkProvider(_seed_design_react_checkbox.Checkbox.Control, "root"));
|
|
44
44
|
var CheckboxIndicator = (0, react.forwardRef)(({ unchecked: uncheckedSvg, checked: checkedSvg, indeterminate: indeterminateSvg, ...otherProps }, ref) => {
|
|
45
45
|
const { stateProps, checked, indeterminate } = (0, _seed_design_react_checkbox.useCheckboxContext)();
|
|
46
46
|
const mergedProps = (0, _seed_design_dom_utils.mergeProps)(stateProps, { className: useCheckmarkClassNames().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 { Checkbox, useCheckboxContext } from "@seed-design/react-checkbox";
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
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_Icon = require("../Icon/Icon.cjs");
|
|
6
|
+
const require_withScaleFeedback = require("../../utils/withScaleFeedback.cjs");
|
|
7
7
|
let _seed_design_react_checkbox = require("@seed-design/react-checkbox");
|
|
8
8
|
let _seed_design_react_radio_group = require("@seed-design/react-radio-group");
|
|
9
9
|
let _seed_design_react_primitive = require("@seed-design/react-primitive");
|
|
@@ -17,7 +17,7 @@ var withStateProps = require_createWithStateProps.createWithStateProps([{
|
|
|
17
17
|
useContext: _seed_design_react_radio_group.useRadioGroupItemContext,
|
|
18
18
|
strict: false
|
|
19
19
|
}]);
|
|
20
|
-
var ChipRoot = require_Icon.withIconRequired(
|
|
20
|
+
var ChipRoot = require_Icon.withIconRequired(require_withScaleFeedback.withScaleFeedback(withProvider(_seed_design_react_primitive.Primitive.button, "root")), (props) => props.layout === "iconOnly");
|
|
21
21
|
ChipRoot.displayName = "Chip.Root";
|
|
22
22
|
var ChipLabel = withContext(withStateProps(_seed_design_react_primitive.Primitive.span), "label");
|
|
23
23
|
ChipLabel.displayName = "Chip.Label";
|
|
@@ -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 { withIconRequired } from "../Icon/Icon.js";
|
|
5
|
+
import { withScaleFeedback } from "../../utils/withScaleFeedback.js";
|
|
6
6
|
import { useCheckboxContext } from "@seed-design/react-checkbox";
|
|
7
7
|
import { useRadioGroupItemContext } from "@seed-design/react-radio-group";
|
|
8
8
|
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_tabs = require("@seed-design/react-tabs");
|
|
6
6
|
let clsx = require("clsx");
|
|
7
7
|
clsx = require_runtime.__toESM(clsx);
|
|
@@ -24,7 +24,7 @@ var ChipTabsRoot = (0, react.forwardRef)(({ className, ...props }, ref) => {
|
|
|
24
24
|
});
|
|
25
25
|
ChipTabsRoot.displayName = "ChipTabsRoot";
|
|
26
26
|
var ChipTabsList = withContext(_seed_design_react_tabs.Tabs.List, "list");
|
|
27
|
-
var ChipTabsTrigger =
|
|
27
|
+
var ChipTabsTrigger = require_withScaleFeedback.withScaleFeedback(withContext(_seed_design_react_tabs.Tabs.Trigger, "trigger"));
|
|
28
28
|
var ChipTabsContent = withContext(_seed_design_react_tabs.Tabs.Content, "content");
|
|
29
29
|
var ChipTabsCarousel = withContext(_seed_design_react_tabs.Tabs.Carousel, "carousel");
|
|
30
30
|
var ChipTabsCarouselCamera = withContext(_seed_design_react_tabs.Tabs.CarouselCamera, "carouselCamera");
|
|
@@ -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 clsx$1 from "clsx";
|
|
6
6
|
import { forwardRef } from "react";
|
|
@@ -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_dialog = require("@seed-design/react-dialog");
|
|
@@ -12,6 +11,7 @@ let react = require("react");
|
|
|
12
11
|
react = require_runtime.__toESM(react);
|
|
13
12
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
14
13
|
let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
|
|
14
|
+
let _seed_design_react_scale_feedback = require("@seed-design/react-scale-feedback");
|
|
15
15
|
let _seed_design_dom_utils = require("@seed-design/dom-utils");
|
|
16
16
|
let _seed_design_css_recipes_content_dialog = require("@seed-design/css/recipes/content-dialog");
|
|
17
17
|
//#region src/components/ContentDialog/ContentDialog.tsx
|
|
@@ -84,7 +84,7 @@ var ContentDialogAction = _seed_design_react_dialog.Dialog.CloseButton;
|
|
|
84
84
|
var ContentDialogCloseButton = react.forwardRef(({ className, ...props }, ref) => {
|
|
85
85
|
const classNames = useClassNames();
|
|
86
86
|
const { trackRef } = closeButtonTracker.useRenderTracking();
|
|
87
|
-
const { scaleFeedbackRef, scaleFeedbackClassName } =
|
|
87
|
+
const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
|
|
88
88
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_dialog.Dialog.CloseButton, {
|
|
89
89
|
ref: (0, _radix_ui_react_compose_refs.useComposedRefs)(scaleFeedbackRef, ref, trackRef),
|
|
90
90
|
className: (0, clsx.default)(classNames.closeButton, scaleFeedbackClassName, className),
|
|
@@ -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 { Dialog } from "@seed-design/react-dialog";
|
|
@@ -9,6 +8,7 @@ import clsx$1 from "clsx";
|
|
|
9
8
|
import * as React$1 from "react";
|
|
10
9
|
import { jsx } from "react/jsx-runtime";
|
|
11
10
|
import { composeRefs, useComposedRefs } from "@radix-ui/react-compose-refs";
|
|
11
|
+
import { useScaleFeedback } from "@seed-design/react-scale-feedback";
|
|
12
12
|
import { dataAttr } from "@seed-design/dom-utils";
|
|
13
13
|
import { contentDialog } from "@seed-design/css/recipes/content-dialog";
|
|
14
14
|
//#region src/components/ContentDialog/ContentDialog.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_Icon = require("../Icon/Icon.cjs");
|
|
5
4
|
const require_usePendingButton = require("../LoadingIndicator/usePendingButton.cjs");
|
|
6
5
|
let _seed_design_react_primitive = require("@seed-design/react-primitive");
|
|
@@ -10,6 +9,7 @@ let react = require("react");
|
|
|
10
9
|
react = require_runtime.__toESM(react);
|
|
11
10
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
12
11
|
let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
|
|
12
|
+
let _seed_design_react_scale_feedback = require("@seed-design/react-scale-feedback");
|
|
13
13
|
let _seed_design_css_recipes_contextual_floating_button = require("@seed-design/css/recipes/contextual-floating-button");
|
|
14
14
|
//#region src/components/ContextualFloatingButton/ContextualFloatingButton.tsx
|
|
15
15
|
var ContextualFloatingButton = react.forwardRef(({ variant, loading = false, layout = "withText", className, children, ...otherProps }, ref) => {
|
|
@@ -21,7 +21,7 @@ var ContextualFloatingButton = react.forwardRef(({ variant, loading = false, lay
|
|
|
21
21
|
loading,
|
|
22
22
|
disabled: otherProps.disabled
|
|
23
23
|
});
|
|
24
|
-
const { scaleFeedbackRef, scaleFeedbackClassName } =
|
|
24
|
+
const { scaleFeedbackRef, scaleFeedbackClassName } = (0, _seed_design_react_scale_feedback.useScaleFeedback)();
|
|
25
25
|
if (layout === "iconOnly" && !(otherProps["aria-label"] || otherProps["aria-labelledby"])) console.warn("When layout is 'iconOnly', 'aria-label' or 'aria-labelledby' should be provided.");
|
|
26
26
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_usePendingButton.PendingButtonProvider, {
|
|
27
27
|
value: api,
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { useScaleFeedback } from "../../utils/scaleFeedback.js";
|
|
3
2
|
import { IconRequired } from "../Icon/Icon.js";
|
|
4
3
|
import { PendingButtonProvider, usePendingButton } from "../LoadingIndicator/usePendingButton.js";
|
|
5
4
|
import { Primitive } from "@seed-design/react-primitive";
|
|
@@ -7,6 +6,7 @@ import clsx$1 from "clsx";
|
|
|
7
6
|
import * as React$1 from "react";
|
|
8
7
|
import { jsx } from "react/jsx-runtime";
|
|
9
8
|
import { useComposedRefs } from "@radix-ui/react-compose-refs";
|
|
9
|
+
import { useScaleFeedback } from "@seed-design/react-scale-feedback";
|
|
10
10
|
import { contextualFloatingButton } from "@seed-design/css/recipes/contextual-floating-button";
|
|
11
11
|
//#region src/components/ContextualFloatingButton/ContextualFloatingButton.tsx
|
|
12
12
|
var ContextualFloatingButton = React$1.forwardRef(({ variant, loading = false, layout = "withText", className, children, ...otherProps }, ref) => {
|
|
@@ -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
|
const require_Icon = require("../private/Icon.cjs");
|
|
8
8
|
let _seed_design_react_primitive = require("@seed-design/react-primitive");
|
|
@@ -92,7 +92,7 @@ var FieldButtonErrorMessage = withFieldContext(_seed_design_react_field_button.F
|
|
|
92
92
|
var FieldButtonHiddenInput = _seed_design_react_field_button.FieldButton.HiddenInput;
|
|
93
93
|
var FieldButtonButton = withContext(_seed_design_react_field_button.FieldButton.Button, "button");
|
|
94
94
|
var FieldButtonControl = withProvider(withStateProps(_seed_design_react_primitive.Primitive.div), "root");
|
|
95
|
-
var FieldButtonClearButton =
|
|
95
|
+
var FieldButtonClearButton = require_withScaleFeedback.withScaleFeedback(withContext(_seed_design_react_field_button.FieldButton.ClearButton, "clearButton"));
|
|
96
96
|
var FieldButtonValue = react.forwardRef(({ className, ...props }, ref) => {
|
|
97
97
|
const { stateProps } = (0, _seed_design_react_field_button.useFieldButtonContext)();
|
|
98
98
|
const { value } = useClassNames();
|
|
@@ -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 { InternalIcon } from "../private/Icon.js";
|
|
7
7
|
import { Primitive } from "@seed-design/react-primitive";
|
|
@@ -1,13 +1,13 @@
|
|
|
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
|
const require_Icon = require("../private/Icon.cjs");
|
|
6
6
|
let _seed_design_react_primitive = require("@seed-design/react-primitive");
|
|
7
7
|
let _seed_design_css_recipes_floating_action_button = require("@seed-design/css/recipes/floating-action-button");
|
|
8
8
|
//#region src/components/FloatingActionButton/FloatingActionButton.tsx
|
|
9
9
|
var { withProvider, withContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_floating_action_button.floatingActionButton);
|
|
10
|
-
var FloatingActionButtonRoot =
|
|
10
|
+
var FloatingActionButtonRoot = require_withScaleFeedback.withScaleFeedback(withProvider(_seed_design_react_primitive.Primitive.button, "root"));
|
|
11
11
|
var FloatingActionButtonIcon = withContext(require_Icon.InternalIcon, "icon");
|
|
12
12
|
var FloatingActionButtonLabel = withContext(_seed_design_react_primitive.Primitive.span, "label");
|
|
13
13
|
//#endregion
|
|
@@ -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 { InternalIcon } from "../private/Icon.js";
|
|
5
5
|
import { Primitive } from "@seed-design/react-primitive";
|
|
6
6
|
import { floatingActionButton } from "@seed-design/css/recipes/floating-action-button";
|
|
@@ -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_styled = require("../../utils/styled.cjs");
|
|
6
|
+
const require_withScaleFeedback = require("../../utils/withScaleFeedback.cjs");
|
|
7
7
|
const require_getHelpBubbleArrowTipPath = require("../../utils/getHelpBubbleArrowTipPath.cjs");
|
|
8
8
|
let _seed_design_react_popover = require("@seed-design/react-popover");
|
|
9
9
|
let _seed_design_react_primitive = require("@seed-design/react-primitive");
|
|
@@ -48,7 +48,7 @@ var HelpBubbleArrowTip = (0, react.forwardRef)((props, ref) => {
|
|
|
48
48
|
});
|
|
49
49
|
});
|
|
50
50
|
HelpBubbleArrowTip.displayName = "HelpBubbleArrowTip";
|
|
51
|
-
var HelpBubbleCloseButton =
|
|
51
|
+
var HelpBubbleCloseButton = require_withScaleFeedback.withScaleFeedback(withContext(_seed_design_react_popover.Popover.CloseButton, "closeButton"));
|
|
52
52
|
var HelpBubbleBody = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "body");
|
|
53
53
|
var HelpBubbleTitle = withContext(withStateProps(_seed_design_react_primitive.Primitive.span), "title");
|
|
54
54
|
var HelpBubbleDescription = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "description");
|
|
@@ -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 { withStyleProps } from "../../utils/styled.js";
|
|
5
|
+
import { withScaleFeedback } from "../../utils/withScaleFeedback.js";
|
|
6
6
|
import { getHelpBubbleArrowTipPath } from "../../utils/getHelpBubbleArrowTipPath.js";
|
|
7
7
|
import { Popover, usePopoverContext } from "@seed-design/react-popover";
|
|
8
8
|
import { Primitive } from "@seed-design/react-primitive";
|