@seed-design/react 2.0.5 → 2.1.0
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/ContentDialog/ContentDialog.cjs +105 -0
- package/lib/components/ContentDialog/ContentDialog.d.ts +50 -0
- package/lib/components/ContentDialog/ContentDialog.d.ts.map +1 -0
- package/lib/components/ContentDialog/ContentDialog.js +91 -0
- package/lib/components/ContentDialog/ContentDialog.namespace.cjs +24 -0
- package/lib/components/ContentDialog/ContentDialog.namespace.d.ts +2 -0
- package/lib/components/ContentDialog/ContentDialog.namespace.d.ts.map +1 -0
- package/lib/components/ContentDialog/ContentDialog.namespace.js +19 -0
- package/lib/components/ContentDialog/index.cjs +21 -0
- package/lib/components/ContentDialog/index.d.ts +3 -0
- package/lib/components/ContentDialog/index.d.ts.map +1 -0
- package/lib/components/ContentDialog/index.js +3 -0
- package/lib/components/Dialog/index.d.ts.map +1 -1
- package/lib/components/QuantityPicker/QuantityPicker.cjs +120 -0
- package/lib/components/QuantityPicker/QuantityPicker.d.ts +25 -0
- package/lib/components/QuantityPicker/QuantityPicker.d.ts.map +1 -0
- package/lib/components/QuantityPicker/QuantityPicker.js +113 -0
- package/lib/components/QuantityPicker/QuantityPicker.namespace.cjs +17 -0
- package/lib/components/QuantityPicker/QuantityPicker.namespace.d.ts +2 -0
- package/lib/components/QuantityPicker/QuantityPicker.namespace.d.ts.map +1 -0
- package/lib/components/QuantityPicker/QuantityPicker.namespace.js +12 -0
- package/lib/components/QuantityPicker/QuantityPicker.test.d.ts +2 -0
- package/lib/components/QuantityPicker/QuantityPicker.test.d.ts.map +1 -0
- package/lib/components/QuantityPicker/index.cjs +14 -0
- package/lib/components/QuantityPicker/index.d.ts +3 -0
- package/lib/components/QuantityPicker/index.d.ts.map +1 -0
- package/lib/components/QuantityPicker/index.js +3 -0
- package/lib/components/ResponsiveDialog/ResponsiveDialog.cjs +196 -0
- package/lib/components/ResponsiveDialog/ResponsiveDialog.d.ts +72 -0
- package/lib/components/ResponsiveDialog/ResponsiveDialog.d.ts.map +1 -0
- package/lib/components/ResponsiveDialog/ResponsiveDialog.js +181 -0
- package/lib/components/ResponsiveDialog/ResponsiveDialog.namespace.cjs +25 -0
- package/lib/components/ResponsiveDialog/ResponsiveDialog.namespace.d.ts +2 -0
- package/lib/components/ResponsiveDialog/ResponsiveDialog.namespace.d.ts.map +1 -0
- package/lib/components/ResponsiveDialog/ResponsiveDialog.namespace.js +20 -0
- package/lib/components/ResponsiveDialog/index.cjs +23 -0
- package/lib/components/ResponsiveDialog/index.d.ts +3 -0
- package/lib/components/ResponsiveDialog/index.d.ts.map +1 -0
- package/lib/components/ResponsiveDialog/index.js +3 -0
- package/lib/components/Select/Select.cjs +191 -0
- package/lib/components/Select/Select.d.ts +89 -0
- package/lib/components/Select/Select.d.ts.map +1 -0
- package/lib/components/Select/Select.js +171 -0
- package/lib/components/Select/Select.namespace.cjs +30 -0
- package/lib/components/Select/Select.namespace.d.ts +2 -0
- package/lib/components/Select/Select.namespace.d.ts.map +1 -0
- package/lib/components/Select/Select.namespace.js +25 -0
- package/lib/components/Select/Select.test.d.ts +2 -0
- package/lib/components/Select/Select.test.d.ts.map +1 -0
- package/lib/components/Select/index.cjs +27 -0
- package/lib/components/Select/index.d.ts +3 -0
- package/lib/components/Select/index.d.ts.map +1 -0
- package/lib/components/Select/index.js +3 -0
- package/lib/components/index.cjs +81 -0
- package/lib/components/index.d.ts +4 -0
- package/lib/components/index.d.ts.map +1 -1
- package/lib/components/index.js +9 -1
- package/lib/index.cjs +82 -1
- package/lib/index.js +10 -2
- package/package.json +5 -3
- package/src/components/ContentDialog/ContentDialog.namespace.ts +26 -0
- package/src/components/ContentDialog/ContentDialog.tsx +222 -0
- package/src/components/ContentDialog/index.ts +33 -0
- package/src/components/Dialog/index.ts +5 -0
- package/src/components/QuantityPicker/QuantityPicker.namespace.ts +12 -0
- package/src/components/QuantityPicker/QuantityPicker.test.tsx +108 -0
- package/src/components/QuantityPicker/QuantityPicker.tsx +214 -0
- package/src/components/QuantityPicker/index.ts +14 -0
- package/src/components/ResponsiveDialog/ResponsiveDialog.namespace.ts +28 -0
- package/src/components/ResponsiveDialog/ResponsiveDialog.tsx +327 -0
- package/src/components/ResponsiveDialog/index.ts +31 -0
- package/src/components/Select/Select.namespace.ts +38 -0
- package/src/components/Select/Select.test.tsx +451 -0
- package/src/components/Select/Select.tsx +443 -0
- package/src/components/Select/index.ts +40 -0
- package/src/components/index.ts +4 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { QuantityPickerRoot as Root, QuantityPickerDecrementButton as DecrementButton, QuantityPickerValueDisplay as ValueDisplay, QuantityPickerIncrementButton as IncrementButton, QuantityPickerHiddenInput as HiddenInput, type QuantityPickerRootProps as RootProps, type QuantityPickerDecrementButtonProps as DecrementButtonProps, type QuantityPickerValueDisplayProps as ValueDisplayProps, type QuantityPickerIncrementButtonProps as IncrementButtonProps, type QuantityPickerHiddenInputProps as HiddenInputProps, } from './QuantityPicker';
|
|
2
|
+
//# sourceMappingURL=QuantityPicker.namespace.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuantityPicker.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/QuantityPicker/QuantityPicker.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,IAAI,IAAI,EAC1B,6BAA6B,IAAI,eAAe,EAChD,0BAA0B,IAAI,YAAY,EAC1C,6BAA6B,IAAI,eAAe,EAChD,yBAAyB,IAAI,WAAW,EACxC,KAAK,uBAAuB,IAAI,SAAS,EACzC,KAAK,kCAAkC,IAAI,oBAAoB,EAC/D,KAAK,+BAA+B,IAAI,iBAAiB,EACzD,KAAK,kCAAkC,IAAI,oBAAoB,EAC/D,KAAK,8BAA8B,IAAI,gBAAgB,GACxD,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
|
|
2
|
+
import { QuantityPickerDecrementButton, QuantityPickerHiddenInput, QuantityPickerIncrementButton, QuantityPickerRoot, QuantityPickerValueDisplay } from "./QuantityPicker.js";
|
|
3
|
+
//#region src/components/QuantityPicker/QuantityPicker.namespace.ts
|
|
4
|
+
var QuantityPicker_namespace_exports = /* @__PURE__ */ __exportAll({
|
|
5
|
+
DecrementButton: () => QuantityPickerDecrementButton,
|
|
6
|
+
HiddenInput: () => QuantityPickerHiddenInput,
|
|
7
|
+
IncrementButton: () => QuantityPickerIncrementButton,
|
|
8
|
+
Root: () => QuantityPickerRoot,
|
|
9
|
+
ValueDisplay: () => QuantityPickerValueDisplay
|
|
10
|
+
});
|
|
11
|
+
//#endregion
|
|
12
|
+
export { QuantityPicker_namespace_exports };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuantityPicker.test.d.ts","sourceRoot":"","sources":["../../../src/components/QuantityPicker/QuantityPicker.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
+
const require_QuantityPicker = require("./QuantityPicker.cjs");
|
|
3
|
+
const require_QuantityPicker_namespace = require("./QuantityPicker.namespace.cjs");
|
|
4
|
+
Object.defineProperty(exports, "QuantityPicker", {
|
|
5
|
+
enumerable: true,
|
|
6
|
+
get: function() {
|
|
7
|
+
return require_QuantityPicker_namespace.QuantityPicker_namespace_exports;
|
|
8
|
+
}
|
|
9
|
+
});
|
|
10
|
+
exports.QuantityPickerDecrementButton = require_QuantityPicker.QuantityPickerDecrementButton;
|
|
11
|
+
exports.QuantityPickerHiddenInput = require_QuantityPicker.QuantityPickerHiddenInput;
|
|
12
|
+
exports.QuantityPickerIncrementButton = require_QuantityPicker.QuantityPickerIncrementButton;
|
|
13
|
+
exports.QuantityPickerRoot = require_QuantityPicker.QuantityPickerRoot;
|
|
14
|
+
exports.QuantityPickerValueDisplay = require_QuantityPicker.QuantityPickerValueDisplay;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { QuantityPickerRoot, QuantityPickerDecrementButton, QuantityPickerValueDisplay, QuantityPickerIncrementButton, QuantityPickerHiddenInput, type QuantityPickerRootProps, type QuantityPickerDecrementButtonProps, type QuantityPickerValueDisplayProps, type QuantityPickerIncrementButtonProps, type QuantityPickerHiddenInputProps, } from './QuantityPicker';
|
|
2
|
+
export * as QuantityPicker from './QuantityPicker.namespace';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QuantityPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,6BAA6B,EAC7B,0BAA0B,EAC1B,6BAA6B,EAC7B,yBAAyB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,kCAAkC,EACvC,KAAK,+BAA+B,EACpC,KAAK,kCAAkC,EACvC,KAAK,8BAA8B,GACpC,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,cAAc,MAAM,4BAA4B,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { QuantityPickerDecrementButton, QuantityPickerHiddenInput, QuantityPickerIncrementButton, QuantityPickerRoot, QuantityPickerValueDisplay } from "./QuantityPicker.js";
|
|
2
|
+
import { QuantityPicker_namespace_exports } from "./QuantityPicker.namespace.js";
|
|
3
|
+
export { QuantityPicker_namespace_exports as QuantityPicker, QuantityPickerDecrementButton, QuantityPickerHiddenInput, QuantityPickerIncrementButton, QuantityPickerRoot, QuantityPickerValueDisplay };
|
|
@@ -0,0 +1,196 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
3
|
+
const require_BottomSheet = require("../BottomSheet/BottomSheet.cjs");
|
|
4
|
+
const require_BottomSheetHandle = require("../BottomSheetHandle/BottomSheetHandle.cjs");
|
|
5
|
+
const require_ContentDialog = require("../ContentDialog/ContentDialog.cjs");
|
|
6
|
+
const require_useBreakpointValue = require("../../hooks/useBreakpointValue.cjs");
|
|
7
|
+
let react = require("react");
|
|
8
|
+
react = require_runtime.__toESM(react);
|
|
9
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
10
|
+
let _seed_design_react_drawer = require("@seed-design/react-drawer");
|
|
11
|
+
//#region src/components/ResponsiveDialog/ResponsiveDialog.tsx
|
|
12
|
+
var ResponsiveDialogContext = react.createContext(null);
|
|
13
|
+
function useResponsiveDialogContext() {
|
|
14
|
+
const ctx = react.useContext(ResponsiveDialogContext);
|
|
15
|
+
if (!ctx) throw new Error("ResponsiveDialog sub-components must be used inside <ResponsiveDialogRoot>");
|
|
16
|
+
return ctx;
|
|
17
|
+
}
|
|
18
|
+
var ResponsiveDialogRoot = ({ children, open: openProp, defaultOpen = false, onOpenChange, dialogBreakpoint = "md", dialogRootProps, bottomSheetRootProps }) => {
|
|
19
|
+
const shouldUseBottomSheet = require_useBreakpointValue.useBreakpointValue({
|
|
20
|
+
base: true,
|
|
21
|
+
[dialogBreakpoint]: false
|
|
22
|
+
});
|
|
23
|
+
const isControlled = openProp !== void 0;
|
|
24
|
+
const [internalOpen, setInternalOpen] = react.useState(defaultOpen);
|
|
25
|
+
const open = openProp ?? internalOpen;
|
|
26
|
+
const setOpen = react.useCallback((nextOpen) => {
|
|
27
|
+
if (nextOpen === open) return;
|
|
28
|
+
if (!isControlled) setInternalOpen(nextOpen);
|
|
29
|
+
onOpenChange?.(nextOpen);
|
|
30
|
+
}, [
|
|
31
|
+
isControlled,
|
|
32
|
+
onOpenChange,
|
|
33
|
+
open
|
|
34
|
+
]);
|
|
35
|
+
const value = react.useMemo(() => ({ shouldUseBottomSheet }), [shouldUseBottomSheet]);
|
|
36
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResponsiveDialogContext.Provider, {
|
|
37
|
+
value,
|
|
38
|
+
children: shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheet.BottomSheetRoot, {
|
|
39
|
+
...bottomSheetRootProps,
|
|
40
|
+
open,
|
|
41
|
+
onOpenChange: setOpen,
|
|
42
|
+
children
|
|
43
|
+
}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ContentDialog.ContentDialogRoot, {
|
|
44
|
+
...dialogRootProps,
|
|
45
|
+
open,
|
|
46
|
+
onOpenChange: setOpen,
|
|
47
|
+
children
|
|
48
|
+
})
|
|
49
|
+
});
|
|
50
|
+
};
|
|
51
|
+
ResponsiveDialogRoot.displayName = "ResponsiveDialogRoot";
|
|
52
|
+
var ResponsiveDialogTrigger = react.forwardRef((props, ref) => {
|
|
53
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
54
|
+
return shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheet.BottomSheetTrigger, {
|
|
55
|
+
ref,
|
|
56
|
+
...props
|
|
57
|
+
}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ContentDialog.ContentDialogTrigger, {
|
|
58
|
+
ref,
|
|
59
|
+
...props
|
|
60
|
+
});
|
|
61
|
+
});
|
|
62
|
+
ResponsiveDialogTrigger.displayName = "ResponsiveDialogTrigger";
|
|
63
|
+
var ResponsiveDialogPositioner = react.forwardRef((props, ref) => {
|
|
64
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
65
|
+
return shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheet.BottomSheetPositioner, {
|
|
66
|
+
ref,
|
|
67
|
+
...props
|
|
68
|
+
}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ContentDialog.ContentDialogPositioner, {
|
|
69
|
+
ref,
|
|
70
|
+
...props
|
|
71
|
+
});
|
|
72
|
+
});
|
|
73
|
+
ResponsiveDialogPositioner.displayName = "ResponsiveDialogPositioner";
|
|
74
|
+
var ResponsiveDialogBackdrop = react.forwardRef((props, ref) => {
|
|
75
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
76
|
+
return shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheet.BottomSheetBackdrop, {
|
|
77
|
+
ref,
|
|
78
|
+
...props
|
|
79
|
+
}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ContentDialog.ContentDialogBackdrop, {
|
|
80
|
+
ref,
|
|
81
|
+
...props
|
|
82
|
+
});
|
|
83
|
+
});
|
|
84
|
+
ResponsiveDialogBackdrop.displayName = "ResponsiveDialogBackdrop";
|
|
85
|
+
var ResponsiveDialogContent = react.forwardRef((props, ref) => {
|
|
86
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
87
|
+
return shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheet.BottomSheetContent, {
|
|
88
|
+
ref,
|
|
89
|
+
...props
|
|
90
|
+
}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ContentDialog.ContentDialogContent, {
|
|
91
|
+
ref,
|
|
92
|
+
...props
|
|
93
|
+
});
|
|
94
|
+
});
|
|
95
|
+
ResponsiveDialogContent.displayName = "ResponsiveDialogContent";
|
|
96
|
+
var ResponsiveDialogHeader = react.forwardRef((props, ref) => {
|
|
97
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
98
|
+
return shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheet.BottomSheetHeader, {
|
|
99
|
+
ref,
|
|
100
|
+
...props
|
|
101
|
+
}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ContentDialog.ContentDialogHeader, {
|
|
102
|
+
ref,
|
|
103
|
+
...props
|
|
104
|
+
});
|
|
105
|
+
});
|
|
106
|
+
ResponsiveDialogHeader.displayName = "ResponsiveDialogHeader";
|
|
107
|
+
var ResponsiveDialogTitle = react.forwardRef((props, ref) => {
|
|
108
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
109
|
+
return shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheet.BottomSheetTitle, {
|
|
110
|
+
ref,
|
|
111
|
+
...props
|
|
112
|
+
}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ContentDialog.ContentDialogTitle, {
|
|
113
|
+
ref,
|
|
114
|
+
...props
|
|
115
|
+
});
|
|
116
|
+
});
|
|
117
|
+
ResponsiveDialogTitle.displayName = "ResponsiveDialogTitle";
|
|
118
|
+
var ResponsiveDialogDescription = react.forwardRef((props, ref) => {
|
|
119
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
120
|
+
return shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheet.BottomSheetDescription, {
|
|
121
|
+
ref,
|
|
122
|
+
...props
|
|
123
|
+
}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ContentDialog.ContentDialogDescription, {
|
|
124
|
+
ref,
|
|
125
|
+
...props
|
|
126
|
+
});
|
|
127
|
+
});
|
|
128
|
+
ResponsiveDialogDescription.displayName = "ResponsiveDialogDescription";
|
|
129
|
+
var ResponsiveDialogBody = react.forwardRef((props, ref) => {
|
|
130
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
131
|
+
return shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheet.BottomSheetBody, {
|
|
132
|
+
ref,
|
|
133
|
+
...props
|
|
134
|
+
}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ContentDialog.ContentDialogBody, {
|
|
135
|
+
ref,
|
|
136
|
+
...props
|
|
137
|
+
});
|
|
138
|
+
});
|
|
139
|
+
ResponsiveDialogBody.displayName = "ResponsiveDialogBody";
|
|
140
|
+
var ResponsiveDialogFooter = react.forwardRef((props, ref) => {
|
|
141
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
142
|
+
return shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheet.BottomSheetFooter, {
|
|
143
|
+
ref,
|
|
144
|
+
...props
|
|
145
|
+
}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ContentDialog.ContentDialogFooter, {
|
|
146
|
+
ref,
|
|
147
|
+
...props
|
|
148
|
+
});
|
|
149
|
+
});
|
|
150
|
+
ResponsiveDialogFooter.displayName = "ResponsiveDialogFooter";
|
|
151
|
+
var ResponsiveDialogAction = react.forwardRef((props, ref) => {
|
|
152
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
153
|
+
return shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_drawer.Drawer.CloseButton, {
|
|
154
|
+
ref,
|
|
155
|
+
...props
|
|
156
|
+
}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ContentDialog.ContentDialogAction, {
|
|
157
|
+
ref,
|
|
158
|
+
...props
|
|
159
|
+
});
|
|
160
|
+
});
|
|
161
|
+
ResponsiveDialogAction.displayName = "ResponsiveDialogAction";
|
|
162
|
+
var ResponsiveDialogCloseButton = react.forwardRef((props, ref) => {
|
|
163
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
164
|
+
return shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheet.BottomSheetCloseButton, {
|
|
165
|
+
ref,
|
|
166
|
+
...props
|
|
167
|
+
}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ContentDialog.ContentDialogCloseButton, {
|
|
168
|
+
ref,
|
|
169
|
+
...props
|
|
170
|
+
});
|
|
171
|
+
});
|
|
172
|
+
ResponsiveDialogCloseButton.displayName = "ResponsiveDialogCloseButton";
|
|
173
|
+
var ResponsiveDialogHandle = react.forwardRef((props, ref) => {
|
|
174
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
175
|
+
if (!shouldUseBottomSheet) return null;
|
|
176
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheetHandle.BottomSheetHandle, {
|
|
177
|
+
ref,
|
|
178
|
+
...props
|
|
179
|
+
});
|
|
180
|
+
});
|
|
181
|
+
ResponsiveDialogHandle.displayName = "ResponsiveDialogHandle";
|
|
182
|
+
//#endregion
|
|
183
|
+
exports.ResponsiveDialogAction = ResponsiveDialogAction;
|
|
184
|
+
exports.ResponsiveDialogBackdrop = ResponsiveDialogBackdrop;
|
|
185
|
+
exports.ResponsiveDialogBody = ResponsiveDialogBody;
|
|
186
|
+
exports.ResponsiveDialogCloseButton = ResponsiveDialogCloseButton;
|
|
187
|
+
exports.ResponsiveDialogContent = ResponsiveDialogContent;
|
|
188
|
+
exports.ResponsiveDialogDescription = ResponsiveDialogDescription;
|
|
189
|
+
exports.ResponsiveDialogFooter = ResponsiveDialogFooter;
|
|
190
|
+
exports.ResponsiveDialogHandle = ResponsiveDialogHandle;
|
|
191
|
+
exports.ResponsiveDialogHeader = ResponsiveDialogHeader;
|
|
192
|
+
exports.ResponsiveDialogPositioner = ResponsiveDialogPositioner;
|
|
193
|
+
exports.ResponsiveDialogRoot = ResponsiveDialogRoot;
|
|
194
|
+
exports.ResponsiveDialogTitle = ResponsiveDialogTitle;
|
|
195
|
+
exports.ResponsiveDialogTrigger = ResponsiveDialogTrigger;
|
|
196
|
+
exports.useResponsiveDialogContext = useResponsiveDialogContext;
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { Breakpoint } from '@seed-design/css/breakpoints';
|
|
2
|
+
import { Drawer } from '@seed-design/react-drawer';
|
|
3
|
+
import { BottomSheet } from '../BottomSheet';
|
|
4
|
+
import { ContentDialog } from '../ContentDialog';
|
|
5
|
+
import * as React from "react";
|
|
6
|
+
type SharedProps<ContentDialogProps, BottomSheetProps> = Pick<ContentDialogProps, Extract<keyof ContentDialogProps, keyof BottomSheetProps>> & Pick<BottomSheetProps, Extract<keyof BottomSheetProps, keyof ContentDialogProps>>;
|
|
7
|
+
interface ResponsiveDialogContextValue {
|
|
8
|
+
shouldUseBottomSheet: boolean | undefined;
|
|
9
|
+
}
|
|
10
|
+
export declare function useResponsiveDialogContext(): ResponsiveDialogContextValue;
|
|
11
|
+
export interface ResponsiveDialogRootProps {
|
|
12
|
+
children?: React.ReactNode;
|
|
13
|
+
open?: boolean;
|
|
14
|
+
defaultOpen?: boolean;
|
|
15
|
+
onOpenChange?: (open: boolean) => void;
|
|
16
|
+
/**
|
|
17
|
+
* Breakpoint at and above which it renders as a Dialog; below it, a
|
|
18
|
+
* BottomSheet. Cannot be `"base"`, which would always be a Dialog.
|
|
19
|
+
* @default "md"
|
|
20
|
+
*/
|
|
21
|
+
dialogBreakpoint?: Exclude<Breakpoint, "base">;
|
|
22
|
+
/** Props forwarded to the underlying ContentDialog root (at and above the breakpoint). */
|
|
23
|
+
dialogRootProps?: Omit<ContentDialog.RootProps, "children" | "open" | "defaultOpen" | "onOpenChange">;
|
|
24
|
+
/** Props forwarded to the underlying BottomSheet root (below the breakpoint). */
|
|
25
|
+
bottomSheetRootProps?: Omit<BottomSheet.RootProps, "children" | "open" | "defaultOpen" | "onOpenChange">;
|
|
26
|
+
}
|
|
27
|
+
export declare const ResponsiveDialogRoot: {
|
|
28
|
+
({ children, open: openProp, defaultOpen, onOpenChange, dialogBreakpoint, dialogRootProps, bottomSheetRootProps, }: ResponsiveDialogRootProps): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
displayName: string;
|
|
30
|
+
};
|
|
31
|
+
export interface ResponsiveDialogTriggerProps extends SharedProps<ContentDialog.TriggerProps, BottomSheet.TriggerProps> {
|
|
32
|
+
}
|
|
33
|
+
export declare const ResponsiveDialogTrigger: React.ForwardRefExoticComponent<ResponsiveDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
34
|
+
export interface ResponsiveDialogPositionerProps extends SharedProps<ContentDialog.PositionerProps, BottomSheet.PositionerProps> {
|
|
35
|
+
}
|
|
36
|
+
export declare const ResponsiveDialogPositioner: React.ForwardRefExoticComponent<ResponsiveDialogPositionerProps & React.RefAttributes<HTMLDivElement>>;
|
|
37
|
+
export interface ResponsiveDialogBackdropProps extends SharedProps<ContentDialog.BackdropProps, BottomSheet.BackdropProps> {
|
|
38
|
+
}
|
|
39
|
+
export declare const ResponsiveDialogBackdrop: React.ForwardRefExoticComponent<ResponsiveDialogBackdropProps & React.RefAttributes<HTMLDivElement>>;
|
|
40
|
+
export interface ResponsiveDialogContentProps extends SharedProps<ContentDialog.ContentProps, BottomSheet.ContentProps> {
|
|
41
|
+
}
|
|
42
|
+
export declare const ResponsiveDialogContent: React.ForwardRefExoticComponent<ResponsiveDialogContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
43
|
+
export interface ResponsiveDialogHeaderProps extends SharedProps<ContentDialog.HeaderProps, BottomSheet.HeaderProps> {
|
|
44
|
+
}
|
|
45
|
+
export declare const ResponsiveDialogHeader: React.ForwardRefExoticComponent<ResponsiveDialogHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
46
|
+
export interface ResponsiveDialogTitleProps extends SharedProps<ContentDialog.TitleProps, BottomSheet.TitleProps> {
|
|
47
|
+
}
|
|
48
|
+
export declare const ResponsiveDialogTitle: React.ForwardRefExoticComponent<ResponsiveDialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
49
|
+
export interface ResponsiveDialogDescriptionProps extends SharedProps<ContentDialog.DescriptionProps, BottomSheet.DescriptionProps> {
|
|
50
|
+
}
|
|
51
|
+
export declare const ResponsiveDialogDescription: React.ForwardRefExoticComponent<ResponsiveDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
52
|
+
export interface ResponsiveDialogBodyProps extends SharedProps<ContentDialog.BodyProps, BottomSheet.BodyProps> {
|
|
53
|
+
}
|
|
54
|
+
export declare const ResponsiveDialogBody: React.ForwardRefExoticComponent<ResponsiveDialogBodyProps & React.RefAttributes<HTMLDivElement>>;
|
|
55
|
+
export interface ResponsiveDialogFooterProps extends SharedProps<ContentDialog.FooterProps, BottomSheet.FooterProps> {
|
|
56
|
+
}
|
|
57
|
+
export declare const ResponsiveDialogFooter: React.ForwardRefExoticComponent<ResponsiveDialogFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
58
|
+
/**
|
|
59
|
+
* Unstyled button that closes the dialog or bottom sheet on click, meant to be
|
|
60
|
+
* composed with an action button via `asChild`.
|
|
61
|
+
*/
|
|
62
|
+
export interface ResponsiveDialogActionProps extends SharedProps<ContentDialog.ActionProps, Drawer.CloseButtonProps> {
|
|
63
|
+
}
|
|
64
|
+
export declare const ResponsiveDialogAction: React.ForwardRefExoticComponent<ResponsiveDialogActionProps & React.RefAttributes<HTMLButtonElement>>;
|
|
65
|
+
export interface ResponsiveDialogCloseButtonProps extends SharedProps<ContentDialog.CloseButtonProps, BottomSheet.CloseButtonProps> {
|
|
66
|
+
}
|
|
67
|
+
export declare const ResponsiveDialogCloseButton: React.ForwardRefExoticComponent<ResponsiveDialogCloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
68
|
+
export interface ResponsiveDialogHandleProps extends BottomSheet.HandleProps {
|
|
69
|
+
}
|
|
70
|
+
export declare const ResponsiveDialogHandle: React.ForwardRefExoticComponent<ResponsiveDialogHandleProps & React.RefAttributes<HTMLDivElement>>;
|
|
71
|
+
export {};
|
|
72
|
+
//# sourceMappingURL=ResponsiveDialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ResponsiveDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ResponsiveDialog/ResponsiveDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { BottomSheetBackdrop, BottomSheetBody, BottomSheetCloseButton, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetPositioner, BottomSheetRoot, BottomSheetTitle, BottomSheetTrigger } from "../BottomSheet/BottomSheet.js";
|
|
3
|
+
import { BottomSheetHandle } from "../BottomSheetHandle/BottomSheetHandle.js";
|
|
4
|
+
import { ContentDialogAction, ContentDialogBackdrop, ContentDialogBody, ContentDialogCloseButton, ContentDialogContent, ContentDialogDescription, ContentDialogFooter, ContentDialogHeader, ContentDialogPositioner, ContentDialogRoot, ContentDialogTitle, ContentDialogTrigger } from "../ContentDialog/ContentDialog.js";
|
|
5
|
+
import { useBreakpointValue } from "../../hooks/useBreakpointValue.js";
|
|
6
|
+
import * as React$1 from "react";
|
|
7
|
+
import { jsx } from "react/jsx-runtime";
|
|
8
|
+
import { Drawer } from "@seed-design/react-drawer";
|
|
9
|
+
//#region src/components/ResponsiveDialog/ResponsiveDialog.tsx
|
|
10
|
+
var ResponsiveDialogContext = React$1.createContext(null);
|
|
11
|
+
function useResponsiveDialogContext() {
|
|
12
|
+
const ctx = React$1.useContext(ResponsiveDialogContext);
|
|
13
|
+
if (!ctx) throw new Error("ResponsiveDialog sub-components must be used inside <ResponsiveDialogRoot>");
|
|
14
|
+
return ctx;
|
|
15
|
+
}
|
|
16
|
+
var ResponsiveDialogRoot = ({ children, open: openProp, defaultOpen = false, onOpenChange, dialogBreakpoint = "md", dialogRootProps, bottomSheetRootProps }) => {
|
|
17
|
+
const shouldUseBottomSheet = useBreakpointValue({
|
|
18
|
+
base: true,
|
|
19
|
+
[dialogBreakpoint]: false
|
|
20
|
+
});
|
|
21
|
+
const isControlled = openProp !== void 0;
|
|
22
|
+
const [internalOpen, setInternalOpen] = React$1.useState(defaultOpen);
|
|
23
|
+
const open = openProp ?? internalOpen;
|
|
24
|
+
const setOpen = React$1.useCallback((nextOpen) => {
|
|
25
|
+
if (nextOpen === open) return;
|
|
26
|
+
if (!isControlled) setInternalOpen(nextOpen);
|
|
27
|
+
onOpenChange?.(nextOpen);
|
|
28
|
+
}, [
|
|
29
|
+
isControlled,
|
|
30
|
+
onOpenChange,
|
|
31
|
+
open
|
|
32
|
+
]);
|
|
33
|
+
const value = React$1.useMemo(() => ({ shouldUseBottomSheet }), [shouldUseBottomSheet]);
|
|
34
|
+
return /* @__PURE__ */ jsx(ResponsiveDialogContext.Provider, {
|
|
35
|
+
value,
|
|
36
|
+
children: shouldUseBottomSheet ? /* @__PURE__ */ jsx(BottomSheetRoot, {
|
|
37
|
+
...bottomSheetRootProps,
|
|
38
|
+
open,
|
|
39
|
+
onOpenChange: setOpen,
|
|
40
|
+
children
|
|
41
|
+
}) : /* @__PURE__ */ jsx(ContentDialogRoot, {
|
|
42
|
+
...dialogRootProps,
|
|
43
|
+
open,
|
|
44
|
+
onOpenChange: setOpen,
|
|
45
|
+
children
|
|
46
|
+
})
|
|
47
|
+
});
|
|
48
|
+
};
|
|
49
|
+
ResponsiveDialogRoot.displayName = "ResponsiveDialogRoot";
|
|
50
|
+
var ResponsiveDialogTrigger = React$1.forwardRef((props, ref) => {
|
|
51
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
52
|
+
return shouldUseBottomSheet ? /* @__PURE__ */ jsx(BottomSheetTrigger, {
|
|
53
|
+
ref,
|
|
54
|
+
...props
|
|
55
|
+
}) : /* @__PURE__ */ jsx(ContentDialogTrigger, {
|
|
56
|
+
ref,
|
|
57
|
+
...props
|
|
58
|
+
});
|
|
59
|
+
});
|
|
60
|
+
ResponsiveDialogTrigger.displayName = "ResponsiveDialogTrigger";
|
|
61
|
+
var ResponsiveDialogPositioner = React$1.forwardRef((props, ref) => {
|
|
62
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
63
|
+
return shouldUseBottomSheet ? /* @__PURE__ */ jsx(BottomSheetPositioner, {
|
|
64
|
+
ref,
|
|
65
|
+
...props
|
|
66
|
+
}) : /* @__PURE__ */ jsx(ContentDialogPositioner, {
|
|
67
|
+
ref,
|
|
68
|
+
...props
|
|
69
|
+
});
|
|
70
|
+
});
|
|
71
|
+
ResponsiveDialogPositioner.displayName = "ResponsiveDialogPositioner";
|
|
72
|
+
var ResponsiveDialogBackdrop = React$1.forwardRef((props, ref) => {
|
|
73
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
74
|
+
return shouldUseBottomSheet ? /* @__PURE__ */ jsx(BottomSheetBackdrop, {
|
|
75
|
+
ref,
|
|
76
|
+
...props
|
|
77
|
+
}) : /* @__PURE__ */ jsx(ContentDialogBackdrop, {
|
|
78
|
+
ref,
|
|
79
|
+
...props
|
|
80
|
+
});
|
|
81
|
+
});
|
|
82
|
+
ResponsiveDialogBackdrop.displayName = "ResponsiveDialogBackdrop";
|
|
83
|
+
var ResponsiveDialogContent = React$1.forwardRef((props, ref) => {
|
|
84
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
85
|
+
return shouldUseBottomSheet ? /* @__PURE__ */ jsx(BottomSheetContent, {
|
|
86
|
+
ref,
|
|
87
|
+
...props
|
|
88
|
+
}) : /* @__PURE__ */ jsx(ContentDialogContent, {
|
|
89
|
+
ref,
|
|
90
|
+
...props
|
|
91
|
+
});
|
|
92
|
+
});
|
|
93
|
+
ResponsiveDialogContent.displayName = "ResponsiveDialogContent";
|
|
94
|
+
var ResponsiveDialogHeader = React$1.forwardRef((props, ref) => {
|
|
95
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
96
|
+
return shouldUseBottomSheet ? /* @__PURE__ */ jsx(BottomSheetHeader, {
|
|
97
|
+
ref,
|
|
98
|
+
...props
|
|
99
|
+
}) : /* @__PURE__ */ jsx(ContentDialogHeader, {
|
|
100
|
+
ref,
|
|
101
|
+
...props
|
|
102
|
+
});
|
|
103
|
+
});
|
|
104
|
+
ResponsiveDialogHeader.displayName = "ResponsiveDialogHeader";
|
|
105
|
+
var ResponsiveDialogTitle = React$1.forwardRef((props, ref) => {
|
|
106
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
107
|
+
return shouldUseBottomSheet ? /* @__PURE__ */ jsx(BottomSheetTitle, {
|
|
108
|
+
ref,
|
|
109
|
+
...props
|
|
110
|
+
}) : /* @__PURE__ */ jsx(ContentDialogTitle, {
|
|
111
|
+
ref,
|
|
112
|
+
...props
|
|
113
|
+
});
|
|
114
|
+
});
|
|
115
|
+
ResponsiveDialogTitle.displayName = "ResponsiveDialogTitle";
|
|
116
|
+
var ResponsiveDialogDescription = React$1.forwardRef((props, ref) => {
|
|
117
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
118
|
+
return shouldUseBottomSheet ? /* @__PURE__ */ jsx(BottomSheetDescription, {
|
|
119
|
+
ref,
|
|
120
|
+
...props
|
|
121
|
+
}) : /* @__PURE__ */ jsx(ContentDialogDescription, {
|
|
122
|
+
ref,
|
|
123
|
+
...props
|
|
124
|
+
});
|
|
125
|
+
});
|
|
126
|
+
ResponsiveDialogDescription.displayName = "ResponsiveDialogDescription";
|
|
127
|
+
var ResponsiveDialogBody = React$1.forwardRef((props, ref) => {
|
|
128
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
129
|
+
return shouldUseBottomSheet ? /* @__PURE__ */ jsx(BottomSheetBody, {
|
|
130
|
+
ref,
|
|
131
|
+
...props
|
|
132
|
+
}) : /* @__PURE__ */ jsx(ContentDialogBody, {
|
|
133
|
+
ref,
|
|
134
|
+
...props
|
|
135
|
+
});
|
|
136
|
+
});
|
|
137
|
+
ResponsiveDialogBody.displayName = "ResponsiveDialogBody";
|
|
138
|
+
var ResponsiveDialogFooter = React$1.forwardRef((props, ref) => {
|
|
139
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
140
|
+
return shouldUseBottomSheet ? /* @__PURE__ */ jsx(BottomSheetFooter, {
|
|
141
|
+
ref,
|
|
142
|
+
...props
|
|
143
|
+
}) : /* @__PURE__ */ jsx(ContentDialogFooter, {
|
|
144
|
+
ref,
|
|
145
|
+
...props
|
|
146
|
+
});
|
|
147
|
+
});
|
|
148
|
+
ResponsiveDialogFooter.displayName = "ResponsiveDialogFooter";
|
|
149
|
+
var ResponsiveDialogAction = React$1.forwardRef((props, ref) => {
|
|
150
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
151
|
+
return shouldUseBottomSheet ? /* @__PURE__ */ jsx(Drawer.CloseButton, {
|
|
152
|
+
ref,
|
|
153
|
+
...props
|
|
154
|
+
}) : /* @__PURE__ */ jsx(ContentDialogAction, {
|
|
155
|
+
ref,
|
|
156
|
+
...props
|
|
157
|
+
});
|
|
158
|
+
});
|
|
159
|
+
ResponsiveDialogAction.displayName = "ResponsiveDialogAction";
|
|
160
|
+
var ResponsiveDialogCloseButton = React$1.forwardRef((props, ref) => {
|
|
161
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
162
|
+
return shouldUseBottomSheet ? /* @__PURE__ */ jsx(BottomSheetCloseButton, {
|
|
163
|
+
ref,
|
|
164
|
+
...props
|
|
165
|
+
}) : /* @__PURE__ */ jsx(ContentDialogCloseButton, {
|
|
166
|
+
ref,
|
|
167
|
+
...props
|
|
168
|
+
});
|
|
169
|
+
});
|
|
170
|
+
ResponsiveDialogCloseButton.displayName = "ResponsiveDialogCloseButton";
|
|
171
|
+
var ResponsiveDialogHandle = React$1.forwardRef((props, ref) => {
|
|
172
|
+
const { shouldUseBottomSheet } = useResponsiveDialogContext();
|
|
173
|
+
if (!shouldUseBottomSheet) return null;
|
|
174
|
+
return /* @__PURE__ */ jsx(BottomSheetHandle, {
|
|
175
|
+
ref,
|
|
176
|
+
...props
|
|
177
|
+
});
|
|
178
|
+
});
|
|
179
|
+
ResponsiveDialogHandle.displayName = "ResponsiveDialogHandle";
|
|
180
|
+
//#endregion
|
|
181
|
+
export { ResponsiveDialogAction, ResponsiveDialogBackdrop, ResponsiveDialogBody, ResponsiveDialogCloseButton, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogHandle, ResponsiveDialogHeader, ResponsiveDialogPositioner, ResponsiveDialogRoot, ResponsiveDialogTitle, ResponsiveDialogTrigger, useResponsiveDialogContext };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
|
+
const require_ResponsiveDialog = require("./ResponsiveDialog.cjs");
|
|
3
|
+
//#region src/components/ResponsiveDialog/ResponsiveDialog.namespace.ts
|
|
4
|
+
var ResponsiveDialog_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
|
|
5
|
+
Action: () => require_ResponsiveDialog.ResponsiveDialogAction,
|
|
6
|
+
Backdrop: () => require_ResponsiveDialog.ResponsiveDialogBackdrop,
|
|
7
|
+
Body: () => require_ResponsiveDialog.ResponsiveDialogBody,
|
|
8
|
+
CloseButton: () => require_ResponsiveDialog.ResponsiveDialogCloseButton,
|
|
9
|
+
Content: () => require_ResponsiveDialog.ResponsiveDialogContent,
|
|
10
|
+
Description: () => require_ResponsiveDialog.ResponsiveDialogDescription,
|
|
11
|
+
Footer: () => require_ResponsiveDialog.ResponsiveDialogFooter,
|
|
12
|
+
Handle: () => require_ResponsiveDialog.ResponsiveDialogHandle,
|
|
13
|
+
Header: () => require_ResponsiveDialog.ResponsiveDialogHeader,
|
|
14
|
+
Positioner: () => require_ResponsiveDialog.ResponsiveDialogPositioner,
|
|
15
|
+
Root: () => require_ResponsiveDialog.ResponsiveDialogRoot,
|
|
16
|
+
Title: () => require_ResponsiveDialog.ResponsiveDialogTitle,
|
|
17
|
+
Trigger: () => require_ResponsiveDialog.ResponsiveDialogTrigger
|
|
18
|
+
});
|
|
19
|
+
//#endregion
|
|
20
|
+
Object.defineProperty(exports, "ResponsiveDialog_namespace_exports", {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function() {
|
|
23
|
+
return ResponsiveDialog_namespace_exports;
|
|
24
|
+
}
|
|
25
|
+
});
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { ResponsiveDialogAction as Action, ResponsiveDialogBackdrop as Backdrop, ResponsiveDialogBody as Body, ResponsiveDialogContent as Content, ResponsiveDialogDescription as Description, ResponsiveDialogFooter as Footer, ResponsiveDialogHandle as Handle, ResponsiveDialogHeader as Header, ResponsiveDialogPositioner as Positioner, ResponsiveDialogRoot as Root, ResponsiveDialogTitle as Title, ResponsiveDialogTrigger as Trigger, ResponsiveDialogCloseButton as CloseButton, type ResponsiveDialogActionProps as ActionProps, type ResponsiveDialogBackdropProps as BackdropProps, type ResponsiveDialogBodyProps as BodyProps, type ResponsiveDialogContentProps as ContentProps, type ResponsiveDialogDescriptionProps as DescriptionProps, type ResponsiveDialogFooterProps as FooterProps, type ResponsiveDialogHandleProps as HandleProps, type ResponsiveDialogHeaderProps as HeaderProps, type ResponsiveDialogPositionerProps as PositionerProps, type ResponsiveDialogRootProps as RootProps, type ResponsiveDialogTitleProps as TitleProps, type ResponsiveDialogTriggerProps as TriggerProps, type ResponsiveDialogCloseButtonProps as CloseButtonProps, } from './ResponsiveDialog';
|
|
2
|
+
//# sourceMappingURL=ResponsiveDialog.namespace.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ResponsiveDialog.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/ResponsiveDialog/ResponsiveDialog.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,IAAI,MAAM,EAChC,wBAAwB,IAAI,QAAQ,EACpC,oBAAoB,IAAI,IAAI,EAC5B,uBAAuB,IAAI,OAAO,EAClC,2BAA2B,IAAI,WAAW,EAC1C,sBAAsB,IAAI,MAAM,EAChC,sBAAsB,IAAI,MAAM,EAChC,sBAAsB,IAAI,MAAM,EAChC,0BAA0B,IAAI,UAAU,EACxC,oBAAoB,IAAI,IAAI,EAC5B,qBAAqB,IAAI,KAAK,EAC9B,uBAAuB,IAAI,OAAO,EAClC,2BAA2B,IAAI,WAAW,EAC1C,KAAK,2BAA2B,IAAI,WAAW,EAC/C,KAAK,6BAA6B,IAAI,aAAa,EACnD,KAAK,yBAAyB,IAAI,SAAS,EAC3C,KAAK,4BAA4B,IAAI,YAAY,EACjD,KAAK,gCAAgC,IAAI,gBAAgB,EACzD,KAAK,2BAA2B,IAAI,WAAW,EAC/C,KAAK,2BAA2B,IAAI,WAAW,EAC/C,KAAK,2BAA2B,IAAI,WAAW,EAC/C,KAAK,+BAA+B,IAAI,eAAe,EACvD,KAAK,yBAAyB,IAAI,SAAS,EAC3C,KAAK,0BAA0B,IAAI,UAAU,EAC7C,KAAK,4BAA4B,IAAI,YAAY,EACjD,KAAK,gCAAgC,IAAI,gBAAgB,GAC1D,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
|
|
2
|
+
import { ResponsiveDialogAction, ResponsiveDialogBackdrop, ResponsiveDialogBody, ResponsiveDialogCloseButton, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogHandle, ResponsiveDialogHeader, ResponsiveDialogPositioner, ResponsiveDialogRoot, ResponsiveDialogTitle, ResponsiveDialogTrigger } from "./ResponsiveDialog.js";
|
|
3
|
+
//#region src/components/ResponsiveDialog/ResponsiveDialog.namespace.ts
|
|
4
|
+
var ResponsiveDialog_namespace_exports = /* @__PURE__ */ __exportAll({
|
|
5
|
+
Action: () => ResponsiveDialogAction,
|
|
6
|
+
Backdrop: () => ResponsiveDialogBackdrop,
|
|
7
|
+
Body: () => ResponsiveDialogBody,
|
|
8
|
+
CloseButton: () => ResponsiveDialogCloseButton,
|
|
9
|
+
Content: () => ResponsiveDialogContent,
|
|
10
|
+
Description: () => ResponsiveDialogDescription,
|
|
11
|
+
Footer: () => ResponsiveDialogFooter,
|
|
12
|
+
Handle: () => ResponsiveDialogHandle,
|
|
13
|
+
Header: () => ResponsiveDialogHeader,
|
|
14
|
+
Positioner: () => ResponsiveDialogPositioner,
|
|
15
|
+
Root: () => ResponsiveDialogRoot,
|
|
16
|
+
Title: () => ResponsiveDialogTitle,
|
|
17
|
+
Trigger: () => ResponsiveDialogTrigger
|
|
18
|
+
});
|
|
19
|
+
//#endregion
|
|
20
|
+
export { ResponsiveDialog_namespace_exports };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
+
const require_ResponsiveDialog = require("./ResponsiveDialog.cjs");
|
|
3
|
+
const require_ResponsiveDialog_namespace = require("./ResponsiveDialog.namespace.cjs");
|
|
4
|
+
Object.defineProperty(exports, "ResponsiveDialog", {
|
|
5
|
+
enumerable: true,
|
|
6
|
+
get: function() {
|
|
7
|
+
return require_ResponsiveDialog_namespace.ResponsiveDialog_namespace_exports;
|
|
8
|
+
}
|
|
9
|
+
});
|
|
10
|
+
exports.ResponsiveDialogAction = require_ResponsiveDialog.ResponsiveDialogAction;
|
|
11
|
+
exports.ResponsiveDialogBackdrop = require_ResponsiveDialog.ResponsiveDialogBackdrop;
|
|
12
|
+
exports.ResponsiveDialogBody = require_ResponsiveDialog.ResponsiveDialogBody;
|
|
13
|
+
exports.ResponsiveDialogCloseButton = require_ResponsiveDialog.ResponsiveDialogCloseButton;
|
|
14
|
+
exports.ResponsiveDialogContent = require_ResponsiveDialog.ResponsiveDialogContent;
|
|
15
|
+
exports.ResponsiveDialogDescription = require_ResponsiveDialog.ResponsiveDialogDescription;
|
|
16
|
+
exports.ResponsiveDialogFooter = require_ResponsiveDialog.ResponsiveDialogFooter;
|
|
17
|
+
exports.ResponsiveDialogHandle = require_ResponsiveDialog.ResponsiveDialogHandle;
|
|
18
|
+
exports.ResponsiveDialogHeader = require_ResponsiveDialog.ResponsiveDialogHeader;
|
|
19
|
+
exports.ResponsiveDialogPositioner = require_ResponsiveDialog.ResponsiveDialogPositioner;
|
|
20
|
+
exports.ResponsiveDialogRoot = require_ResponsiveDialog.ResponsiveDialogRoot;
|
|
21
|
+
exports.ResponsiveDialogTitle = require_ResponsiveDialog.ResponsiveDialogTitle;
|
|
22
|
+
exports.ResponsiveDialogTrigger = require_ResponsiveDialog.ResponsiveDialogTrigger;
|
|
23
|
+
exports.useResponsiveDialogContext = require_ResponsiveDialog.useResponsiveDialogContext;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { ResponsiveDialogAction, ResponsiveDialogBackdrop, ResponsiveDialogBody, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogHandle, ResponsiveDialogHeader, ResponsiveDialogPositioner, ResponsiveDialogRoot, ResponsiveDialogTitle, ResponsiveDialogTrigger, ResponsiveDialogCloseButton, useResponsiveDialogContext, type ResponsiveDialogActionProps, type ResponsiveDialogBackdropProps, type ResponsiveDialogBodyProps, type ResponsiveDialogContentProps, type ResponsiveDialogDescriptionProps, type ResponsiveDialogFooterProps, type ResponsiveDialogHandleProps, type ResponsiveDialogHeaderProps, type ResponsiveDialogPositionerProps, type ResponsiveDialogRootProps, type ResponsiveDialogTitleProps, type ResponsiveDialogTriggerProps, type ResponsiveDialogCloseButtonProps, } from './ResponsiveDialog';
|
|
2
|
+
export * as ResponsiveDialog from './ResponsiveDialog.namespace';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ResponsiveDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,wBAAwB,EACxB,oBAAoB,EACpB,uBAAuB,EACvB,2BAA2B,EAC3B,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,0BAA0B,EAC1B,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,2BAA2B,EAC3B,0BAA0B,EAC1B,KAAK,2BAA2B,EAChC,KAAK,6BAA6B,EAClC,KAAK,yBAAyB,EAC9B,KAAK,4BAA4B,EACjC,KAAK,gCAAgC,EACrC,KAAK,2BAA2B,EAChC,KAAK,2BAA2B,EAChC,KAAK,2BAA2B,EAChC,KAAK,+BAA+B,EACpC,KAAK,yBAAyB,EAC9B,KAAK,0BAA0B,EAC/B,KAAK,4BAA4B,EACjC,KAAK,gCAAgC,GACtC,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,gBAAgB,MAAM,8BAA8B,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { ResponsiveDialogAction, ResponsiveDialogBackdrop, ResponsiveDialogBody, ResponsiveDialogCloseButton, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogHandle, ResponsiveDialogHeader, ResponsiveDialogPositioner, ResponsiveDialogRoot, ResponsiveDialogTitle, ResponsiveDialogTrigger, useResponsiveDialogContext } from "./ResponsiveDialog.js";
|
|
2
|
+
import { ResponsiveDialog_namespace_exports } from "./ResponsiveDialog.namespace.js";
|
|
3
|
+
export { ResponsiveDialog_namespace_exports as ResponsiveDialog, ResponsiveDialogAction, ResponsiveDialogBackdrop, ResponsiveDialogBody, ResponsiveDialogCloseButton, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogHandle, ResponsiveDialogHeader, ResponsiveDialogPositioner, ResponsiveDialogRoot, ResponsiveDialogTitle, ResponsiveDialogTrigger, useResponsiveDialogContext };
|