@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.
Files changed (76) hide show
  1. package/lib/components/ContentDialog/ContentDialog.cjs +105 -0
  2. package/lib/components/ContentDialog/ContentDialog.d.ts +50 -0
  3. package/lib/components/ContentDialog/ContentDialog.d.ts.map +1 -0
  4. package/lib/components/ContentDialog/ContentDialog.js +91 -0
  5. package/lib/components/ContentDialog/ContentDialog.namespace.cjs +24 -0
  6. package/lib/components/ContentDialog/ContentDialog.namespace.d.ts +2 -0
  7. package/lib/components/ContentDialog/ContentDialog.namespace.d.ts.map +1 -0
  8. package/lib/components/ContentDialog/ContentDialog.namespace.js +19 -0
  9. package/lib/components/ContentDialog/index.cjs +21 -0
  10. package/lib/components/ContentDialog/index.d.ts +3 -0
  11. package/lib/components/ContentDialog/index.d.ts.map +1 -0
  12. package/lib/components/ContentDialog/index.js +3 -0
  13. package/lib/components/Dialog/index.d.ts.map +1 -1
  14. package/lib/components/QuantityPicker/QuantityPicker.cjs +120 -0
  15. package/lib/components/QuantityPicker/QuantityPicker.d.ts +25 -0
  16. package/lib/components/QuantityPicker/QuantityPicker.d.ts.map +1 -0
  17. package/lib/components/QuantityPicker/QuantityPicker.js +113 -0
  18. package/lib/components/QuantityPicker/QuantityPicker.namespace.cjs +17 -0
  19. package/lib/components/QuantityPicker/QuantityPicker.namespace.d.ts +2 -0
  20. package/lib/components/QuantityPicker/QuantityPicker.namespace.d.ts.map +1 -0
  21. package/lib/components/QuantityPicker/QuantityPicker.namespace.js +12 -0
  22. package/lib/components/QuantityPicker/QuantityPicker.test.d.ts +2 -0
  23. package/lib/components/QuantityPicker/QuantityPicker.test.d.ts.map +1 -0
  24. package/lib/components/QuantityPicker/index.cjs +14 -0
  25. package/lib/components/QuantityPicker/index.d.ts +3 -0
  26. package/lib/components/QuantityPicker/index.d.ts.map +1 -0
  27. package/lib/components/QuantityPicker/index.js +3 -0
  28. package/lib/components/ResponsiveDialog/ResponsiveDialog.cjs +196 -0
  29. package/lib/components/ResponsiveDialog/ResponsiveDialog.d.ts +72 -0
  30. package/lib/components/ResponsiveDialog/ResponsiveDialog.d.ts.map +1 -0
  31. package/lib/components/ResponsiveDialog/ResponsiveDialog.js +181 -0
  32. package/lib/components/ResponsiveDialog/ResponsiveDialog.namespace.cjs +25 -0
  33. package/lib/components/ResponsiveDialog/ResponsiveDialog.namespace.d.ts +2 -0
  34. package/lib/components/ResponsiveDialog/ResponsiveDialog.namespace.d.ts.map +1 -0
  35. package/lib/components/ResponsiveDialog/ResponsiveDialog.namespace.js +20 -0
  36. package/lib/components/ResponsiveDialog/index.cjs +23 -0
  37. package/lib/components/ResponsiveDialog/index.d.ts +3 -0
  38. package/lib/components/ResponsiveDialog/index.d.ts.map +1 -0
  39. package/lib/components/ResponsiveDialog/index.js +3 -0
  40. package/lib/components/Select/Select.cjs +191 -0
  41. package/lib/components/Select/Select.d.ts +89 -0
  42. package/lib/components/Select/Select.d.ts.map +1 -0
  43. package/lib/components/Select/Select.js +171 -0
  44. package/lib/components/Select/Select.namespace.cjs +30 -0
  45. package/lib/components/Select/Select.namespace.d.ts +2 -0
  46. package/lib/components/Select/Select.namespace.d.ts.map +1 -0
  47. package/lib/components/Select/Select.namespace.js +25 -0
  48. package/lib/components/Select/Select.test.d.ts +2 -0
  49. package/lib/components/Select/Select.test.d.ts.map +1 -0
  50. package/lib/components/Select/index.cjs +27 -0
  51. package/lib/components/Select/index.d.ts +3 -0
  52. package/lib/components/Select/index.d.ts.map +1 -0
  53. package/lib/components/Select/index.js +3 -0
  54. package/lib/components/index.cjs +81 -0
  55. package/lib/components/index.d.ts +4 -0
  56. package/lib/components/index.d.ts.map +1 -1
  57. package/lib/components/index.js +9 -1
  58. package/lib/index.cjs +82 -1
  59. package/lib/index.js +10 -2
  60. package/package.json +5 -3
  61. package/src/components/ContentDialog/ContentDialog.namespace.ts +26 -0
  62. package/src/components/ContentDialog/ContentDialog.tsx +222 -0
  63. package/src/components/ContentDialog/index.ts +33 -0
  64. package/src/components/Dialog/index.ts +5 -0
  65. package/src/components/QuantityPicker/QuantityPicker.namespace.ts +12 -0
  66. package/src/components/QuantityPicker/QuantityPicker.test.tsx +108 -0
  67. package/src/components/QuantityPicker/QuantityPicker.tsx +214 -0
  68. package/src/components/QuantityPicker/index.ts +14 -0
  69. package/src/components/ResponsiveDialog/ResponsiveDialog.namespace.ts +28 -0
  70. package/src/components/ResponsiveDialog/ResponsiveDialog.tsx +327 -0
  71. package/src/components/ResponsiveDialog/index.ts +31 -0
  72. package/src/components/Select/Select.namespace.ts +38 -0
  73. package/src/components/Select/Select.test.tsx +451 -0
  74. package/src/components/Select/Select.tsx +443 -0
  75. package/src/components/Select/index.ts +40 -0
  76. 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,2 @@
1
+ export {};
2
+ //# sourceMappingURL=QuantityPicker.test.d.ts.map
@@ -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 };