@wirekyt/react 0.0.1 → 0.0.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/dist/accordion.cjs +209 -0
- package/dist/accordion.d.cts +69 -0
- package/dist/accordion.d.ts +69 -0
- package/dist/accordion.js +184 -0
- package/dist/angle-slider.cjs +193 -0
- package/dist/angle-slider.d.cts +73 -0
- package/dist/angle-slider.d.ts +73 -0
- package/dist/angle-slider.js +168 -0
- package/dist/avatar.cjs +120 -0
- package/dist/avatar.d.cts +48 -0
- package/dist/avatar.d.ts +48 -0
- package/dist/avatar.js +100 -0
- package/dist/carousel.cjs +246 -0
- package/dist/carousel.d.cts +94 -0
- package/dist/carousel.d.ts +94 -0
- package/dist/carousel.js +223 -0
- package/dist/checkbox.cjs +284 -0
- package/dist/checkbox.d.cts +115 -0
- package/dist/checkbox.d.ts +115 -0
- package/dist/checkbox.js +263 -0
- package/dist/client-only.cjs +12 -0
- package/dist/client-only.d.cts +8 -0
- package/dist/client-only.d.ts +8 -0
- package/dist/client-only.js +11 -0
- package/dist/clipboard.cjs +174 -0
- package/dist/clipboard.d.cts +70 -0
- package/dist/clipboard.d.ts +70 -0
- package/dist/clipboard.js +150 -0
- package/dist/collapsible-B62i_oPJ.cjs +185 -0
- package/dist/collapsible-CiTNjCNf.js +131 -0
- package/dist/collapsible.cjs +23 -0
- package/dist/collapsible.d.cts +56 -0
- package/dist/collapsible.d.ts +56 -0
- package/dist/collapsible.js +2 -0
- package/dist/collection-BFjWNdUS.cjs +223 -0
- package/dist/collection-BJOl6a4H.js +180 -0
- package/dist/collection.cjs +9 -0
- package/dist/collection.d.cts +2 -0
- package/dist/collection.d.ts +2 -0
- package/dist/collection.js +2 -0
- package/dist/color-picker.cjs +575 -0
- package/dist/color-picker.d.cts +179 -0
- package/dist/color-picker.d.ts +179 -0
- package/dist/color-picker.js +530 -0
- package/dist/combobox.cjs +390 -0
- package/dist/combobox.d.cts +128 -0
- package/dist/combobox.d.ts +128 -0
- package/dist/combobox.js +359 -0
- package/dist/core-CBFAnVIP.cjs +375 -0
- package/dist/core-CEYOEcVI.js +357 -0
- package/dist/date-input.cjs +217 -0
- package/dist/date-input.d.cts +69 -0
- package/dist/date-input.d.ts +69 -0
- package/dist/date-input.js +193 -0
- package/dist/date-picker.cjs +588 -0
- package/dist/date-picker.d.cts +190 -0
- package/dist/date-picker.d.ts +190 -0
- package/dist/date-picker.js +543 -0
- package/dist/dialog.cjs +199 -0
- package/dist/dialog.d.cts +78 -0
- package/dist/dialog.d.ts +78 -0
- package/dist/dialog.js +174 -0
- package/dist/download-trigger.cjs +53 -0
- package/dist/download-trigger.d.cts +22 -0
- package/dist/download-trigger.d.ts +22 -0
- package/dist/download-trigger.js +51 -0
- package/dist/drawer.cjs +296 -0
- package/dist/drawer.d.cts +115 -0
- package/dist/drawer.d.ts +115 -0
- package/dist/drawer.js +264 -0
- package/dist/editable.cjs +228 -0
- package/dist/editable.d.cts +79 -0
- package/dist/editable.d.ts +79 -0
- package/dist/editable.js +202 -0
- package/dist/environment-B6IaCAuQ.cjs +59 -0
- package/dist/environment-BTgKwk5E.js +42 -0
- package/dist/factory--dkoVnFK.d.cts +14 -0
- package/dist/factory--dkoVnFK.d.ts +14 -0
- package/dist/factory-CFFufs5e.cjs +59 -0
- package/dist/factory-Nm__-4xn.js +48 -0
- package/dist/field-Cy1E02DH.js +349 -0
- package/dist/field-x8H5uXB9.cjs +438 -0
- package/dist/field.cjs +22 -0
- package/dist/field.d.cts +129 -0
- package/dist/field.d.ts +129 -0
- package/dist/field.js +2 -0
- package/dist/fieldset-DWZXj1t5.cjs +232 -0
- package/dist/fieldset-fx44GCtM.js +178 -0
- package/dist/fieldset.cjs +18 -0
- package/dist/fieldset.d.cts +71 -0
- package/dist/fieldset.d.ts +71 -0
- package/dist/fieldset.js +3 -0
- package/dist/file-upload.cjs +328 -0
- package/dist/file-upload.d.cts +101 -0
- package/dist/file-upload.d.ts +101 -0
- package/dist/file-upload.js +298 -0
- package/dist/floating-panel.cjs +271 -0
- package/dist/floating-panel.d.cts +98 -0
- package/dist/floating-panel.d.ts +98 -0
- package/dist/floating-panel.js +242 -0
- package/dist/format.cjs +64 -0
- package/dist/format.d.cts +44 -0
- package/dist/format.d.ts +44 -0
- package/dist/format.js +54 -0
- package/dist/frame.cjs +85 -0
- package/dist/frame.d.cts +12 -0
- package/dist/frame.d.ts +12 -0
- package/dist/frame.js +84 -0
- package/dist/highlight.cjs +29 -0
- package/dist/highlight.d.cts +13 -0
- package/dist/highlight.d.ts +13 -0
- package/dist/highlight.js +27 -0
- package/dist/hover-card.cjs +154 -0
- package/dist/hover-card.d.cts +68 -0
- package/dist/hover-card.d.ts +68 -0
- package/dist/hover-card.js +131 -0
- package/dist/image-cropper.cjs +0 -0
- package/dist/image-cropper.d.cts +1 -0
- package/dist/image-cropper.d.ts +1 -0
- package/dist/image-cropper.js +0 -0
- package/dist/index-3Al0R5bH.d.cts +73 -0
- package/dist/index-B7wAg5Wf.d.ts +146 -0
- package/dist/index-BAn8qiCM.d.ts +73 -0
- package/dist/index-BSX88T_g.d.cts +146 -0
- package/dist/index-CQAbOgb7.d.cts +23 -0
- package/dist/index-CUyHBXOI.d.cts +33 -0
- package/dist/index-CW-Aj6aT.d.ts +95 -0
- package/dist/index-CxWYgVJk.d.ts +23 -0
- package/dist/index-D7JH9e9E.d.ts +33 -0
- package/dist/index-DTLK6Fuh.d.cts +95 -0
- package/dist/index-srZfUQNt.d.cts +20 -0
- package/dist/index-srZfUQNt.d.ts +20 -0
- package/dist/index.cjs +45 -0
- package/dist/index.d.cts +6 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.js +6 -0
- package/dist/json-tree-view.cjs +244 -0
- package/dist/json-tree-view.d.cts +45 -0
- package/dist/json-tree-view.d.ts +45 -0
- package/dist/json-tree-view.js +234 -0
- package/dist/listbox.cjs +290 -0
- package/dist/listbox.d.cts +109 -0
- package/dist/listbox.d.ts +109 -0
- package/dist/listbox.js +264 -0
- package/dist/marquee.cjs +164 -0
- package/dist/marquee.d.cts +60 -0
- package/dist/marquee.d.ts +60 -0
- package/dist/marquee.js +142 -0
- package/dist/menu.cjs +506 -0
- package/dist/menu.d.cts +162 -0
- package/dist/menu.d.ts +162 -0
- package/dist/menu.js +469 -0
- package/dist/navigation-menu.cjs +331 -0
- package/dist/navigation-menu.d.cts +89 -0
- package/dist/navigation-menu.d.ts +89 -0
- package/dist/navigation-menu.js +303 -0
- package/dist/number-input.cjs +222 -0
- package/dist/number-input.d.cts +73 -0
- package/dist/number-input.d.ts +73 -0
- package/dist/number-input.js +197 -0
- package/dist/pagination.cjs +183 -0
- package/dist/pagination.d.cts +68 -0
- package/dist/pagination.d.ts +68 -0
- package/dist/pagination.js +159 -0
- package/dist/password-input.cjs +179 -0
- package/dist/password-input.d.cts +65 -0
- package/dist/password-input.d.ts +65 -0
- package/dist/password-input.js +156 -0
- package/dist/pin-input.cjs +180 -0
- package/dist/pin-input.d.cts +58 -0
- package/dist/pin-input.d.ts +58 -0
- package/dist/pin-input.js +158 -0
- package/dist/popover.cjs +222 -0
- package/dist/popover.d.cts +93 -0
- package/dist/popover.d.ts +93 -0
- package/dist/popover.js +194 -0
- package/dist/portal-6_XzBXiA.cjs +33 -0
- package/dist/portal-QYL_2wB0.js +28 -0
- package/dist/portal.cjs +3 -0
- package/dist/portal.d.cts +9 -0
- package/dist/portal.d.ts +9 -0
- package/dist/portal.js +2 -0
- package/dist/presence-BOs-D6Cv.cjs +96 -0
- package/dist/presence-I8Rceflw.js +65 -0
- package/dist/presence.cjs +7 -0
- package/dist/presence.d.cts +2 -0
- package/dist/presence.d.ts +2 -0
- package/dist/presence.js +2 -0
- package/dist/progress.cjs +206 -0
- package/dist/progress.d.cts +78 -0
- package/dist/progress.d.ts +78 -0
- package/dist/progress.js +180 -0
- package/dist/providers-DrJEJcrE.cjs +128 -0
- package/dist/providers-FEHnDTvb.js +87 -0
- package/dist/qr-code.cjs +154 -0
- package/dist/qr-code.d.cts +58 -0
- package/dist/qr-code.d.ts +58 -0
- package/dist/qr-code.js +132 -0
- package/dist/radio-group.cjs +222 -0
- package/dist/radio-group.d.cts +78 -0
- package/dist/radio-group.d.ts +78 -0
- package/dist/radio-group.js +196 -0
- package/dist/rating-group.cjs +186 -0
- package/dist/rating-group.d.cts +68 -0
- package/dist/rating-group.d.ts +68 -0
- package/dist/rating-group.js +162 -0
- package/dist/rolldown-runtime-D7D4PA-g.js +13 -0
- package/dist/rolldown-runtime-DakpK96I.cjs +43 -0
- package/dist/scroll-area.cjs +166 -0
- package/dist/scroll-area.d.cts +67 -0
- package/dist/scroll-area.d.ts +67 -0
- package/dist/scroll-area.js +143 -0
- package/dist/segment-group.cjs +215 -0
- package/dist/segment-group.d.cts +81 -0
- package/dist/segment-group.d.ts +81 -0
- package/dist/segment-group.js +194 -0
- package/dist/select.cjs +395 -0
- package/dist/select.d.cts +132 -0
- package/dist/select.d.ts +132 -0
- package/dist/select.js +358 -0
- package/dist/signature-pad.cjs +197 -0
- package/dist/signature-pad.d.cts +68 -0
- package/dist/signature-pad.d.ts +68 -0
- package/dist/signature-pad.js +173 -0
- package/dist/slider.cjs +260 -0
- package/dist/slider.d.cts +88 -0
- package/dist/slider.d.ts +88 -0
- package/dist/slider.js +232 -0
- package/dist/steps.cjs +271 -0
- package/dist/steps.d.cts +104 -0
- package/dist/steps.d.ts +104 -0
- package/dist/steps.js +241 -0
- package/dist/swap.cjs +134 -0
- package/dist/swap.d.cts +49 -0
- package/dist/swap.d.ts +49 -0
- package/dist/swap.js +121 -0
- package/dist/switch.cjs +166 -0
- package/dist/switch.d.cts +58 -0
- package/dist/switch.d.ts +58 -0
- package/dist/switch.js +144 -0
- package/dist/tabs.cjs +177 -0
- package/dist/tabs.d.cts +59 -0
- package/dist/tabs.d.ts +59 -0
- package/dist/tabs.js +155 -0
- package/dist/tags-input.cjs +298 -0
- package/dist/tags-input.d.cts +98 -0
- package/dist/tags-input.d.ts +98 -0
- package/dist/tags-input.js +268 -0
- package/dist/timer.cjs +167 -0
- package/dist/timer.d.cts +63 -0
- package/dist/timer.d.ts +63 -0
- package/dist/timer.js +144 -0
- package/dist/toast.cjs +154 -0
- package/dist/toast.d.cts +59 -0
- package/dist/toast.d.ts +59 -0
- package/dist/toast.js +132 -0
- package/dist/toggle-group.cjs +118 -0
- package/dist/toggle-group.d.cts +43 -0
- package/dist/toggle-group.d.ts +43 -0
- package/dist/toggle-group.js +99 -0
- package/dist/toggle.cjs +85 -0
- package/dist/toggle.d.cts +38 -0
- package/dist/toggle.d.ts +38 -0
- package/dist/toggle.js +71 -0
- package/dist/tooltip.cjs +154 -0
- package/dist/tooltip.d.cts +68 -0
- package/dist/tooltip.d.ts +68 -0
- package/dist/tooltip.js +131 -0
- package/dist/tour.cjs +290 -0
- package/dist/tour.d.cts +112 -0
- package/dist/tour.d.ts +112 -0
- package/dist/tour.js +246 -0
- package/dist/tree-view-CNTEWXlu.js +339 -0
- package/dist/tree-view-CU4Hl5X1.cjs +484 -0
- package/dist/tree-view.cjs +41 -0
- package/dist/tree-view.d.cts +3 -0
- package/dist/tree-view.d.ts +3 -0
- package/dist/tree-view.js +3 -0
- package/dist/types-BQQfrr86.d.cts +6 -0
- package/dist/types-BQQfrr86.d.ts +6 -0
- package/dist/use-context-38DKWHsx.cjs +20 -0
- package/dist/use-context-CITa6pn9.js +10 -0
- package/dist/utils-Cfwm9WW1.cjs +166 -0
- package/dist/utils-CqLmqrgj.js +107 -0
- package/package.json +274 -6
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { n as useEnvironmentContext } from "./environment-BTgKwk5E.js";
|
|
2
|
+
import { n as wire } from "./factory-Nm__-4xn.js";
|
|
3
|
+
import { isFunction } from "@wirekyt/dom/utils";
|
|
4
|
+
import { forwardRef } from "react";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
import { downloadFile } from "@wirekyt/dom/file-utils";
|
|
7
|
+
//#region src/components/download-trigger/use-download.ts
|
|
8
|
+
const useDownload = (props) => {
|
|
9
|
+
const { fileName, mimeType, data } = props;
|
|
10
|
+
const { getWindow } = useEnvironmentContext();
|
|
11
|
+
const saveToDisk = (value) => {
|
|
12
|
+
downloadFile({
|
|
13
|
+
file: value,
|
|
14
|
+
name: fileName,
|
|
15
|
+
type: mimeType,
|
|
16
|
+
win: getWindow()
|
|
17
|
+
});
|
|
18
|
+
};
|
|
19
|
+
const download = () => {
|
|
20
|
+
if (isFunction(data)) {
|
|
21
|
+
const maybePromise = data();
|
|
22
|
+
if (maybePromise instanceof Promise) maybePromise.then(saveToDisk);
|
|
23
|
+
else saveToDisk(maybePromise);
|
|
24
|
+
} else saveToDisk(data);
|
|
25
|
+
};
|
|
26
|
+
return { download };
|
|
27
|
+
};
|
|
28
|
+
//#endregion
|
|
29
|
+
//#region src/components/download-trigger/download-trigger.tsx
|
|
30
|
+
const DownloadTrigger = forwardRef((props, ref) => {
|
|
31
|
+
const { fileName, data, mimeType, ...rest } = props;
|
|
32
|
+
const { download } = useDownload({
|
|
33
|
+
fileName,
|
|
34
|
+
mimeType,
|
|
35
|
+
data
|
|
36
|
+
});
|
|
37
|
+
const onClick = (e) => {
|
|
38
|
+
props.onClick?.(e);
|
|
39
|
+
if (e.defaultPrevented) return;
|
|
40
|
+
download();
|
|
41
|
+
};
|
|
42
|
+
return /* @__PURE__ */ jsx(wire.button, {
|
|
43
|
+
ref,
|
|
44
|
+
...rest,
|
|
45
|
+
type: "button",
|
|
46
|
+
onClick
|
|
47
|
+
});
|
|
48
|
+
});
|
|
49
|
+
DownloadTrigger.displayName = "DownloadTrigger";
|
|
50
|
+
//#endregion
|
|
51
|
+
export { DownloadTrigger, useDownload };
|
package/dist/drawer.cjs
ADDED
|
@@ -0,0 +1,296 @@
|
|
|
1
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
+
const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
|
|
3
|
+
const require_utils = require("./utils-Cfwm9WW1.cjs");
|
|
4
|
+
const require_environment = require("./environment-B6IaCAuQ.cjs");
|
|
5
|
+
const require_core = require("./core-CBFAnVIP.cjs");
|
|
6
|
+
const require_factory = require("./factory-CFFufs5e.cjs");
|
|
7
|
+
const require_providers = require("./providers-DrJEJcrE.cjs");
|
|
8
|
+
const require_presence = require("./presence-BOs-D6Cv.cjs");
|
|
9
|
+
let react = require("react");
|
|
10
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
11
|
+
let _wirekyt_dom_machines_drawer = require("@wirekyt/dom/machines/drawer");
|
|
12
|
+
_wirekyt_dom_machines_drawer = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_drawer, 1);
|
|
13
|
+
let _wirekyt_dom = require("@wirekyt/dom");
|
|
14
|
+
//#region src/components/drawer/use-context.ts
|
|
15
|
+
const [DrawerProvider, useDrawerContext] = require_utils.createContext({
|
|
16
|
+
name: "DrawerContext",
|
|
17
|
+
hookName: "useDrawerContext",
|
|
18
|
+
providerName: "<DrawerProvider />"
|
|
19
|
+
});
|
|
20
|
+
//#endregion
|
|
21
|
+
//#region src/components/drawer/backdrop.tsx
|
|
22
|
+
const DrawerBackdrop = (0, react.forwardRef)((props, ref) => {
|
|
23
|
+
const drawer = useDrawerContext();
|
|
24
|
+
const presence = require_presence.usePresence({
|
|
25
|
+
...require_utils.useRenderStrategyPropsContext(),
|
|
26
|
+
present: drawer.open
|
|
27
|
+
});
|
|
28
|
+
const mergedProps = (0, _wirekyt_dom.mergeProps)(drawer.getBackdropProps(), presence.getPresenceProps(), props);
|
|
29
|
+
const composedRefs = require_utils.useComposedRefs(presence.ref, ref);
|
|
30
|
+
if (presence.unmounted) return null;
|
|
31
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
|
|
32
|
+
...mergedProps,
|
|
33
|
+
ref: composedRefs
|
|
34
|
+
});
|
|
35
|
+
});
|
|
36
|
+
DrawerBackdrop.displayName = "DrawerBackdrop";
|
|
37
|
+
//#endregion
|
|
38
|
+
//#region src/components/drawer/close-trigger.tsx
|
|
39
|
+
const DrawerCloseTrigger = (0, react.forwardRef)((props, ref) => {
|
|
40
|
+
const mergedProps = (0, _wirekyt_dom.mergeProps)(useDrawerContext().getCloseTriggerProps(), props);
|
|
41
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.button, {
|
|
42
|
+
...mergedProps,
|
|
43
|
+
ref
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
DrawerCloseTrigger.displayName = "DrawerCloseTrigger";
|
|
47
|
+
//#endregion
|
|
48
|
+
//#region src/components/drawer/content.tsx
|
|
49
|
+
const splitContentProps = require_utils.createSplitProps();
|
|
50
|
+
const DrawerContent = (0, react.forwardRef)((props, ref) => {
|
|
51
|
+
const [contentProps, localProps] = splitContentProps(props, ["draggable"]);
|
|
52
|
+
const drawer = useDrawerContext();
|
|
53
|
+
const presence = require_presence.usePresenceContext();
|
|
54
|
+
const mergedProps = (0, _wirekyt_dom.mergeProps)(drawer.getContentProps({
|
|
55
|
+
draggable: true,
|
|
56
|
+
...contentProps
|
|
57
|
+
}), presence.getPresenceProps(), localProps);
|
|
58
|
+
const composedRefs = require_utils.useComposedRefs(presence.ref, ref);
|
|
59
|
+
if (presence.unmounted) return null;
|
|
60
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
|
|
61
|
+
...mergedProps,
|
|
62
|
+
ref: composedRefs
|
|
63
|
+
});
|
|
64
|
+
});
|
|
65
|
+
DrawerContent.displayName = "DrawerContent";
|
|
66
|
+
//#endregion
|
|
67
|
+
//#region src/components/drawer/description.tsx
|
|
68
|
+
const DrawerDescription = (0, react.forwardRef)((props, ref) => {
|
|
69
|
+
const mergedProps = (0, _wirekyt_dom.mergeProps)(useDrawerContext().getDescriptionProps(), props);
|
|
70
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
|
|
71
|
+
...mergedProps,
|
|
72
|
+
ref
|
|
73
|
+
});
|
|
74
|
+
});
|
|
75
|
+
DrawerDescription.displayName = "DrawerDescription";
|
|
76
|
+
//#endregion
|
|
77
|
+
//#region src/components/drawer/context.tsx
|
|
78
|
+
const DrawerContext = (props) => props.children(useDrawerContext());
|
|
79
|
+
//#endregion
|
|
80
|
+
//#region src/components/drawer/positioner.tsx
|
|
81
|
+
const DrawerPositioner = (0, react.forwardRef)((props, ref) => {
|
|
82
|
+
const drawer = useDrawerContext();
|
|
83
|
+
const presence = require_presence.usePresenceContext();
|
|
84
|
+
const mergedProps = (0, _wirekyt_dom.mergeProps)(drawer.getPositionerProps(), props);
|
|
85
|
+
if (presence.unmounted) return null;
|
|
86
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
|
|
87
|
+
...mergedProps,
|
|
88
|
+
ref
|
|
89
|
+
});
|
|
90
|
+
});
|
|
91
|
+
DrawerPositioner.displayName = "DrawerPositioner";
|
|
92
|
+
//#endregion
|
|
93
|
+
//#region src/components/drawer/grabber.tsx
|
|
94
|
+
const DrawerGrabber = (0, react.forwardRef)((props, ref) => {
|
|
95
|
+
const mergedProps = (0, _wirekyt_dom.mergeProps)(useDrawerContext().getGrabberProps(), props);
|
|
96
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
|
|
97
|
+
...mergedProps,
|
|
98
|
+
ref
|
|
99
|
+
});
|
|
100
|
+
});
|
|
101
|
+
DrawerGrabber.displayName = "DrawerGrabber";
|
|
102
|
+
//#endregion
|
|
103
|
+
//#region src/components/drawer/grabber-indicator.tsx
|
|
104
|
+
const DrawerGrabberIndicator = (0, react.forwardRef)((props, ref) => {
|
|
105
|
+
const mergedProps = (0, _wirekyt_dom.mergeProps)(useDrawerContext().getGrabberIndicatorProps(), props);
|
|
106
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
|
|
107
|
+
...mergedProps,
|
|
108
|
+
ref
|
|
109
|
+
});
|
|
110
|
+
});
|
|
111
|
+
DrawerGrabberIndicator.displayName = "DrawerGrabberIndicator";
|
|
112
|
+
//#endregion
|
|
113
|
+
//#region src/components/drawer/use-stack-store.ts
|
|
114
|
+
const DrawerStackStoreContext = (0, react.createContext)(void 0);
|
|
115
|
+
const DrawerStackStoreProvider = DrawerStackStoreContext.Provider;
|
|
116
|
+
const useDrawerStackStore = () => (0, react.useContext)(DrawerStackStoreContext);
|
|
117
|
+
//#endregion
|
|
118
|
+
//#region src/components/drawer/use-drawer.ts
|
|
119
|
+
const useDrawer = (props) => {
|
|
120
|
+
const id = (0, react.useId)();
|
|
121
|
+
const { getRootNode } = require_environment.useEnvironmentContext();
|
|
122
|
+
const { dir } = require_providers.useLocaleContext();
|
|
123
|
+
const context = {
|
|
124
|
+
id,
|
|
125
|
+
dir,
|
|
126
|
+
getRootNode,
|
|
127
|
+
stack: useDrawerStackStore(),
|
|
128
|
+
...props
|
|
129
|
+
};
|
|
130
|
+
const service = require_core.useMachine(_wirekyt_dom_machines_drawer.machine, context);
|
|
131
|
+
return _wirekyt_dom_machines_drawer.connect(service, require_core.normalizeProps);
|
|
132
|
+
};
|
|
133
|
+
//#endregion
|
|
134
|
+
//#region src/components/drawer/root.tsx
|
|
135
|
+
const DrawerRoot = (props) => {
|
|
136
|
+
const [presenceProps, { children, ...localProps }] = require_presence.splitPresenceProps(props);
|
|
137
|
+
const [renderStrategyProps] = require_utils.splitRenderStrategyProps(presenceProps);
|
|
138
|
+
const drawer = useDrawer(localProps);
|
|
139
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DrawerProvider, {
|
|
140
|
+
value: drawer,
|
|
141
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_utils.RenderStrategyPropsProvider, {
|
|
142
|
+
value: renderStrategyProps,
|
|
143
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence.PresenceProvider, {
|
|
144
|
+
value: require_presence.usePresence((0, _wirekyt_dom.mergeProps)({ present: drawer.open }, presenceProps)),
|
|
145
|
+
children
|
|
146
|
+
})
|
|
147
|
+
})
|
|
148
|
+
});
|
|
149
|
+
};
|
|
150
|
+
//#endregion
|
|
151
|
+
//#region src/components/drawer/root-provider.tsx
|
|
152
|
+
const DrawerRootProvider = (props) => {
|
|
153
|
+
const [presenceProps, { value: drawer, children }] = require_presence.splitPresenceProps(props);
|
|
154
|
+
const [renderStrategyProps] = require_utils.splitRenderStrategyProps(presenceProps);
|
|
155
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DrawerProvider, {
|
|
156
|
+
value: drawer,
|
|
157
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_utils.RenderStrategyPropsProvider, {
|
|
158
|
+
value: renderStrategyProps,
|
|
159
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence.PresenceProvider, {
|
|
160
|
+
value: require_presence.usePresence((0, _wirekyt_dom.mergeProps)({ present: drawer.open }, presenceProps)),
|
|
161
|
+
children
|
|
162
|
+
})
|
|
163
|
+
})
|
|
164
|
+
});
|
|
165
|
+
};
|
|
166
|
+
//#endregion
|
|
167
|
+
//#region src/components/drawer/title.tsx
|
|
168
|
+
const DrawerTitle = (0, react.forwardRef)((props, ref) => {
|
|
169
|
+
const mergedProps = (0, _wirekyt_dom.mergeProps)(useDrawerContext().getTitleProps(), props);
|
|
170
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.h2, {
|
|
171
|
+
...mergedProps,
|
|
172
|
+
ref
|
|
173
|
+
});
|
|
174
|
+
});
|
|
175
|
+
DrawerTitle.displayName = "DrawerTitle";
|
|
176
|
+
//#endregion
|
|
177
|
+
//#region src/components/drawer/trigger.tsx
|
|
178
|
+
const splitTriggerProps = require_utils.createSplitProps();
|
|
179
|
+
const DrawerTrigger = (0, react.forwardRef)((props, ref) => {
|
|
180
|
+
const [triggerProps, localProps] = splitTriggerProps(props, ["value"]);
|
|
181
|
+
const drawer = useDrawerContext();
|
|
182
|
+
const presence = require_presence.usePresenceContext();
|
|
183
|
+
const triggerPropsRaw = drawer.getTriggerProps(triggerProps);
|
|
184
|
+
const mergedProps = (0, _wirekyt_dom.mergeProps)({
|
|
185
|
+
...triggerPropsRaw,
|
|
186
|
+
"aria-controls": presence.unmounted ? void 0 : triggerPropsRaw["aria-controls"]
|
|
187
|
+
}, localProps);
|
|
188
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.button, {
|
|
189
|
+
...mergedProps,
|
|
190
|
+
ref
|
|
191
|
+
});
|
|
192
|
+
});
|
|
193
|
+
DrawerTrigger.displayName = "DrawerTrigger";
|
|
194
|
+
//#endregion
|
|
195
|
+
//#region src/components/drawer/use-stack-context.ts
|
|
196
|
+
const [DrawerStackProvider, useDrawerStackContext] = require_utils.createContext({
|
|
197
|
+
name: "DrawerStackContext",
|
|
198
|
+
hookName: "useDrawerStackContext",
|
|
199
|
+
providerName: "<DrawerStackProvider />"
|
|
200
|
+
});
|
|
201
|
+
//#endregion
|
|
202
|
+
//#region src/components/drawer/indent.tsx
|
|
203
|
+
const DrawerIndent = (0, react.forwardRef)((props, ref) => {
|
|
204
|
+
const mergedProps = (0, _wirekyt_dom.mergeProps)(useDrawerStackContext().getIndentProps(), props);
|
|
205
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
|
|
206
|
+
...mergedProps,
|
|
207
|
+
ref
|
|
208
|
+
});
|
|
209
|
+
});
|
|
210
|
+
DrawerIndent.displayName = "DrawerIndent";
|
|
211
|
+
//#endregion
|
|
212
|
+
//#region src/components/drawer/indent-background.tsx
|
|
213
|
+
const DrawerIndentBackground = (0, react.forwardRef)((props, ref) => {
|
|
214
|
+
const mergedProps = (0, _wirekyt_dom.mergeProps)(useDrawerStackContext().getIndentBackgroundProps(), props);
|
|
215
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
|
|
216
|
+
...mergedProps,
|
|
217
|
+
ref
|
|
218
|
+
});
|
|
219
|
+
});
|
|
220
|
+
DrawerIndentBackground.displayName = "DrawerIndentBackground";
|
|
221
|
+
//#endregion
|
|
222
|
+
//#region src/components/drawer/stack.tsx
|
|
223
|
+
const DrawerStack = (props) => {
|
|
224
|
+
const { children } = props;
|
|
225
|
+
const [stack] = (0, react.useState)(() => _wirekyt_dom_machines_drawer.createStack());
|
|
226
|
+
const snapshot = (0, react.useSyncExternalStore)(stack.subscribe, stack.getSnapshot, stack.getSnapshot);
|
|
227
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DrawerStackStoreProvider, {
|
|
228
|
+
value: stack,
|
|
229
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DrawerStackProvider, {
|
|
230
|
+
value: (0, react.useMemo)(() => _wirekyt_dom_machines_drawer.connectStack(snapshot, require_core.normalizeProps), [snapshot]),
|
|
231
|
+
children
|
|
232
|
+
})
|
|
233
|
+
});
|
|
234
|
+
};
|
|
235
|
+
//#endregion
|
|
236
|
+
//#region src/components/drawer/swipe-area.tsx
|
|
237
|
+
const DrawerSwipeArea = (0, react.forwardRef)((props, ref) => {
|
|
238
|
+
const mergedProps = (0, _wirekyt_dom.mergeProps)(useDrawerContext().getSwipeAreaProps(), props);
|
|
239
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
|
|
240
|
+
...mergedProps,
|
|
241
|
+
ref
|
|
242
|
+
});
|
|
243
|
+
});
|
|
244
|
+
DrawerSwipeArea.displayName = "DrawerSwipeArea";
|
|
245
|
+
//#endregion
|
|
246
|
+
//#region src/components/drawer/drawer.ts
|
|
247
|
+
var drawer_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
|
|
248
|
+
Backdrop: () => DrawerBackdrop,
|
|
249
|
+
CloseTrigger: () => DrawerCloseTrigger,
|
|
250
|
+
Content: () => DrawerContent,
|
|
251
|
+
Context: () => DrawerContext,
|
|
252
|
+
Description: () => DrawerDescription,
|
|
253
|
+
Grabber: () => DrawerGrabber,
|
|
254
|
+
GrabberIndicator: () => DrawerGrabberIndicator,
|
|
255
|
+
Indent: () => DrawerIndent,
|
|
256
|
+
IndentBackground: () => DrawerIndentBackground,
|
|
257
|
+
Positioner: () => DrawerPositioner,
|
|
258
|
+
Root: () => DrawerRoot,
|
|
259
|
+
RootProvider: () => DrawerRootProvider,
|
|
260
|
+
Stack: () => DrawerStack,
|
|
261
|
+
SwipeArea: () => DrawerSwipeArea,
|
|
262
|
+
Title: () => DrawerTitle,
|
|
263
|
+
Trigger: () => DrawerTrigger
|
|
264
|
+
});
|
|
265
|
+
//#endregion
|
|
266
|
+
Object.defineProperty(exports, "Drawer", {
|
|
267
|
+
enumerable: true,
|
|
268
|
+
get: function() {
|
|
269
|
+
return drawer_exports;
|
|
270
|
+
}
|
|
271
|
+
});
|
|
272
|
+
exports.DrawerBackdrop = DrawerBackdrop;
|
|
273
|
+
exports.DrawerCloseTrigger = DrawerCloseTrigger;
|
|
274
|
+
exports.DrawerContent = DrawerContent;
|
|
275
|
+
exports.DrawerContext = DrawerContext;
|
|
276
|
+
exports.DrawerDescription = DrawerDescription;
|
|
277
|
+
exports.DrawerGrabber = DrawerGrabber;
|
|
278
|
+
exports.DrawerGrabberIndicator = DrawerGrabberIndicator;
|
|
279
|
+
exports.DrawerIndent = DrawerIndent;
|
|
280
|
+
exports.DrawerIndentBackground = DrawerIndentBackground;
|
|
281
|
+
exports.DrawerPositioner = DrawerPositioner;
|
|
282
|
+
exports.DrawerRoot = DrawerRoot;
|
|
283
|
+
exports.DrawerRootProvider = DrawerRootProvider;
|
|
284
|
+
exports.DrawerStack = DrawerStack;
|
|
285
|
+
exports.DrawerSwipeArea = DrawerSwipeArea;
|
|
286
|
+
exports.DrawerTitle = DrawerTitle;
|
|
287
|
+
exports.DrawerTrigger = DrawerTrigger;
|
|
288
|
+
Object.defineProperty(exports, "drawerAnatomy", {
|
|
289
|
+
enumerable: true,
|
|
290
|
+
get: function() {
|
|
291
|
+
return _wirekyt_dom_machines_drawer.anatomy;
|
|
292
|
+
}
|
|
293
|
+
});
|
|
294
|
+
exports.useDrawer = useDrawer;
|
|
295
|
+
exports.useDrawerContext = useDrawerContext;
|
|
296
|
+
exports.useDrawerStackContext = useDrawerStackContext;
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { a as PropTypes } from "./index-CQAbOgb7.cjs";
|
|
2
|
+
import { r as Optional, t as Assign } from "./types-BQQfrr86.cjs";
|
|
3
|
+
import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.cjs";
|
|
4
|
+
import { c as UsePresenceProps } from "./index-CUyHBXOI.cjs";
|
|
5
|
+
import { ReactNode } from "react";
|
|
6
|
+
import * as drawer from "@wirekyt/dom/machines/drawer";
|
|
7
|
+
import { ContentProps, DrawerStackApi, OpenChangeDetails, OpenChangeDetails as DrawerOpenChangeDetails, SnapPointChangeDetails, SnapPointChangeDetails as DrawerSnapPointChangeDetails, TriggerProps, TriggerValueChangeDetails, TriggerValueChangeDetails as DrawerTriggerValueChangeDetails, anatomy as drawerAnatomy } from "@wirekyt/dom/machines/drawer";
|
|
8
|
+
//#region src/components/drawer/backdrop.d.ts
|
|
9
|
+
interface DrawerBackdropBaseProps extends PolymorphicProps {}
|
|
10
|
+
interface DrawerBackdropProps extends HTMLProps<"div">, DrawerBackdropBaseProps {}
|
|
11
|
+
declare const DrawerBackdrop: import("react").ForwardRefExoticComponent<DrawerBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
|
+
//#endregion
|
|
13
|
+
//#region src/components/drawer/close-trigger.d.ts
|
|
14
|
+
interface DrawerCloseTriggerBaseProps extends PolymorphicProps {}
|
|
15
|
+
interface DrawerCloseTriggerProps extends HTMLProps<"button">, DrawerCloseTriggerBaseProps {}
|
|
16
|
+
declare const DrawerCloseTrigger: import("react").ForwardRefExoticComponent<DrawerCloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region src/components/drawer/content.d.ts
|
|
19
|
+
interface DrawerContentBaseProps extends PolymorphicProps, ContentProps {}
|
|
20
|
+
interface DrawerContentProps extends Omit<HTMLProps<"div">, "draggable">, DrawerContentBaseProps {}
|
|
21
|
+
declare const DrawerContent: import("react").ForwardRefExoticComponent<DrawerContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
22
|
+
//#endregion
|
|
23
|
+
//#region src/components/drawer/description.d.ts
|
|
24
|
+
interface DrawerDescriptionBaseProps extends PolymorphicProps {}
|
|
25
|
+
interface DrawerDescriptionProps extends HTMLProps<"div">, DrawerDescriptionBaseProps {}
|
|
26
|
+
declare const DrawerDescription: import("react").ForwardRefExoticComponent<DrawerDescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
27
|
+
//#endregion
|
|
28
|
+
//#region src/components/drawer/use-drawer.d.ts
|
|
29
|
+
interface UseDrawerProps extends Optional<Omit<drawer.Props, "dir" | "getRootNode" | "defaultSnapPoint">, "id"> {
|
|
30
|
+
defaultSnapPoint?: drawer.SnapPoint | undefined;
|
|
31
|
+
}
|
|
32
|
+
interface UseDrawerReturn extends drawer.Api<PropTypes> {}
|
|
33
|
+
declare const useDrawer: (props?: UseDrawerProps) => UseDrawerReturn;
|
|
34
|
+
//#endregion
|
|
35
|
+
//#region src/components/drawer/use-context.d.ts
|
|
36
|
+
interface UseDrawerContext extends UseDrawerReturn {}
|
|
37
|
+
declare const DrawerProvider: import("react").Provider<UseDrawerContext>, useDrawerContext: () => UseDrawerContext;
|
|
38
|
+
//#endregion
|
|
39
|
+
//#region src/components/drawer/context.d.ts
|
|
40
|
+
interface DrawerContextProps {
|
|
41
|
+
children: (context: UseDrawerContext) => ReactNode;
|
|
42
|
+
}
|
|
43
|
+
declare const DrawerContext: (props: DrawerContextProps) => ReactNode;
|
|
44
|
+
//#endregion
|
|
45
|
+
//#region src/components/drawer/positioner.d.ts
|
|
46
|
+
interface DrawerPositionerBaseProps extends PolymorphicProps {}
|
|
47
|
+
interface DrawerPositionerProps extends HTMLProps<"div">, DrawerPositionerBaseProps {}
|
|
48
|
+
declare const DrawerPositioner: import("react").ForwardRefExoticComponent<DrawerPositionerProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
49
|
+
//#endregion
|
|
50
|
+
//#region src/components/drawer/grabber.d.ts
|
|
51
|
+
interface DrawerGrabberBaseProps extends PolymorphicProps {}
|
|
52
|
+
interface DrawerGrabberProps extends HTMLProps<"div">, DrawerGrabberBaseProps {}
|
|
53
|
+
declare const DrawerGrabber: import("react").ForwardRefExoticComponent<DrawerGrabberProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
54
|
+
//#endregion
|
|
55
|
+
//#region src/components/drawer/grabber-indicator.d.ts
|
|
56
|
+
interface DrawerGrabberIndicatorBaseProps extends PolymorphicProps {}
|
|
57
|
+
interface DrawerGrabberIndicatorProps extends HTMLProps<"div">, DrawerGrabberIndicatorBaseProps {}
|
|
58
|
+
declare const DrawerGrabberIndicator: import("react").ForwardRefExoticComponent<DrawerGrabberIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
59
|
+
//#endregion
|
|
60
|
+
//#region src/components/drawer/root.d.ts
|
|
61
|
+
interface DrawerRootBaseProps extends UseDrawerProps, UsePresenceProps {}
|
|
62
|
+
interface DrawerRootProps extends DrawerRootBaseProps {
|
|
63
|
+
children?: ReactNode | undefined;
|
|
64
|
+
}
|
|
65
|
+
declare const DrawerRoot: (props: DrawerRootProps) => import("react").JSX.Element;
|
|
66
|
+
//#endregion
|
|
67
|
+
//#region src/components/drawer/root-provider.d.ts
|
|
68
|
+
interface RootProviderProps {
|
|
69
|
+
value: UseDrawerReturn;
|
|
70
|
+
}
|
|
71
|
+
interface DrawerRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps {}
|
|
72
|
+
interface DrawerRootProviderProps extends DrawerRootProviderBaseProps {
|
|
73
|
+
children?: ReactNode | undefined;
|
|
74
|
+
}
|
|
75
|
+
declare const DrawerRootProvider: (props: DrawerRootProviderProps) => import("react").JSX.Element;
|
|
76
|
+
//#endregion
|
|
77
|
+
//#region src/components/drawer/title.d.ts
|
|
78
|
+
interface DrawerTitleBaseProps extends PolymorphicProps {}
|
|
79
|
+
interface DrawerTitleProps extends HTMLProps<"h2">, DrawerTitleBaseProps {}
|
|
80
|
+
declare const DrawerTitle: import("react").ForwardRefExoticComponent<DrawerTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
81
|
+
//#endregion
|
|
82
|
+
//#region src/components/drawer/trigger.d.ts
|
|
83
|
+
interface DrawerTriggerBaseProps extends TriggerProps, PolymorphicProps {}
|
|
84
|
+
interface DrawerTriggerProps extends Assign<HTMLProps<"button">, DrawerTriggerBaseProps> {}
|
|
85
|
+
declare const DrawerTrigger: import("react").ForwardRefExoticComponent<DrawerTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
86
|
+
//#endregion
|
|
87
|
+
//#region src/components/drawer/indent.d.ts
|
|
88
|
+
interface DrawerIndentBaseProps extends PolymorphicProps {}
|
|
89
|
+
interface DrawerIndentProps extends HTMLProps<"div">, DrawerIndentBaseProps {}
|
|
90
|
+
declare const DrawerIndent: import("react").ForwardRefExoticComponent<DrawerIndentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
91
|
+
//#endregion
|
|
92
|
+
//#region src/components/drawer/indent-background.d.ts
|
|
93
|
+
interface DrawerIndentBackgroundBaseProps extends PolymorphicProps {}
|
|
94
|
+
interface DrawerIndentBackgroundProps extends HTMLProps<"div">, DrawerIndentBackgroundBaseProps {}
|
|
95
|
+
declare const DrawerIndentBackground: import("react").ForwardRefExoticComponent<DrawerIndentBackgroundProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
96
|
+
//#endregion
|
|
97
|
+
//#region src/components/drawer/stack.d.ts
|
|
98
|
+
interface DrawerStackProps {
|
|
99
|
+
children?: ReactNode | undefined;
|
|
100
|
+
}
|
|
101
|
+
declare const DrawerStack: (props: DrawerStackProps) => import("react").JSX.Element;
|
|
102
|
+
//#endregion
|
|
103
|
+
//#region src/components/drawer/swipe-area.d.ts
|
|
104
|
+
interface DrawerSwipeAreaBaseProps extends PolymorphicProps {}
|
|
105
|
+
interface DrawerSwipeAreaProps extends HTMLProps<"div">, DrawerSwipeAreaBaseProps {}
|
|
106
|
+
declare const DrawerSwipeArea: import("react").ForwardRefExoticComponent<DrawerSwipeAreaProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
107
|
+
//#endregion
|
|
108
|
+
//#region src/components/drawer/use-stack-context.d.ts
|
|
109
|
+
interface UseDrawerStackContext extends DrawerStackApi<PropTypes> {}
|
|
110
|
+
declare const DrawerStackProvider: import("react").Provider<UseDrawerStackContext>, useDrawerStackContext: () => UseDrawerStackContext;
|
|
111
|
+
declare namespace drawer_d_exports {
|
|
112
|
+
export { DrawerBackdrop as Backdrop, DrawerBackdropBaseProps as BackdropBaseProps, DrawerBackdropProps as BackdropProps, DrawerCloseTrigger as CloseTrigger, DrawerCloseTriggerBaseProps as CloseTriggerBaseProps, DrawerCloseTriggerProps as CloseTriggerProps, DrawerContent as Content, DrawerContentBaseProps as ContentBaseProps, DrawerContentProps as ContentProps, DrawerContext as Context, DrawerContextProps as ContextProps, DrawerDescription as Description, DrawerDescriptionBaseProps as DescriptionBaseProps, DrawerDescriptionProps as DescriptionProps, DrawerGrabber as Grabber, DrawerGrabberBaseProps as GrabberBaseProps, DrawerGrabberIndicator as GrabberIndicator, DrawerGrabberIndicatorBaseProps as GrabberIndicatorBaseProps, DrawerGrabberIndicatorProps as GrabberIndicatorProps, DrawerGrabberProps as GrabberProps, DrawerIndent as Indent, DrawerIndentBackground as IndentBackground, DrawerIndentBackgroundBaseProps as IndentBackgroundBaseProps, DrawerIndentBackgroundProps as IndentBackgroundProps, DrawerIndentBaseProps as IndentBaseProps, DrawerIndentProps as IndentProps, OpenChangeDetails, DrawerPositioner as Positioner, DrawerPositionerBaseProps as PositionerBaseProps, DrawerPositionerProps as PositionerProps, DrawerRoot as Root, DrawerRootBaseProps as RootBaseProps, DrawerRootProps as RootProps, DrawerRootProvider as RootProvider, DrawerRootProviderBaseProps as RootProviderBaseProps, DrawerRootProviderProps as RootProviderProps, SnapPointChangeDetails, DrawerStack as Stack, DrawerStackProps as StackProps, DrawerSwipeArea as SwipeArea, DrawerSwipeAreaBaseProps as SwipeAreaBaseProps, DrawerSwipeAreaProps as SwipeAreaProps, DrawerTitle as Title, DrawerTitleBaseProps as TitleBaseProps, DrawerTitleProps as TitleProps, DrawerTrigger as Trigger, DrawerTriggerBaseProps as TriggerBaseProps, DrawerTriggerProps as TriggerProps, TriggerValueChangeDetails };
|
|
113
|
+
}
|
|
114
|
+
//#endregion
|
|
115
|
+
export { drawer_d_exports as Drawer, DrawerBackdrop, type DrawerBackdropBaseProps, type DrawerBackdropProps, DrawerCloseTrigger, type DrawerCloseTriggerBaseProps, type DrawerCloseTriggerProps, DrawerContent, type DrawerContentBaseProps, type DrawerContentProps, DrawerContext, type DrawerContextProps, DrawerDescription, type DrawerDescriptionBaseProps, type DrawerDescriptionProps, DrawerGrabber, type DrawerGrabberBaseProps, DrawerGrabberIndicator, type DrawerGrabberIndicatorBaseProps, type DrawerGrabberIndicatorProps, type DrawerGrabberProps, DrawerIndent, DrawerIndentBackground, type DrawerIndentBackgroundBaseProps, type DrawerIndentBackgroundProps, type DrawerIndentBaseProps, type DrawerIndentProps, type DrawerOpenChangeDetails, DrawerPositioner, type DrawerPositionerBaseProps, type DrawerPositionerProps, DrawerRoot, type DrawerRootBaseProps, type DrawerRootProps, DrawerRootProvider, type DrawerRootProviderBaseProps, type DrawerRootProviderProps, type DrawerSnapPointChangeDetails, DrawerStack, type DrawerStackProps, DrawerSwipeArea, type DrawerSwipeAreaBaseProps, type DrawerSwipeAreaProps, DrawerTitle, type DrawerTitleBaseProps, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerBaseProps, type DrawerTriggerProps, type DrawerTriggerValueChangeDetails, type UseDrawerContext, type UseDrawerProps, type UseDrawerReturn, type UseDrawerStackContext, drawerAnatomy, useDrawer, useDrawerContext, useDrawerStackContext };
|
package/dist/drawer.d.ts
ADDED
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { a as PropTypes } from "./index-CxWYgVJk.js";
|
|
2
|
+
import { r as Optional, t as Assign } from "./types-BQQfrr86.js";
|
|
3
|
+
import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.js";
|
|
4
|
+
import { c as UsePresenceProps } from "./index-D7JH9e9E.js";
|
|
5
|
+
import { ReactNode } from "react";
|
|
6
|
+
import * as drawer from "@wirekyt/dom/machines/drawer";
|
|
7
|
+
import { ContentProps, DrawerStackApi, OpenChangeDetails, OpenChangeDetails as DrawerOpenChangeDetails, SnapPointChangeDetails, SnapPointChangeDetails as DrawerSnapPointChangeDetails, TriggerProps, TriggerValueChangeDetails, TriggerValueChangeDetails as DrawerTriggerValueChangeDetails, anatomy as drawerAnatomy } from "@wirekyt/dom/machines/drawer";
|
|
8
|
+
//#region src/components/drawer/backdrop.d.ts
|
|
9
|
+
interface DrawerBackdropBaseProps extends PolymorphicProps {}
|
|
10
|
+
interface DrawerBackdropProps extends HTMLProps<"div">, DrawerBackdropBaseProps {}
|
|
11
|
+
declare const DrawerBackdrop: import("react").ForwardRefExoticComponent<DrawerBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
|
+
//#endregion
|
|
13
|
+
//#region src/components/drawer/close-trigger.d.ts
|
|
14
|
+
interface DrawerCloseTriggerBaseProps extends PolymorphicProps {}
|
|
15
|
+
interface DrawerCloseTriggerProps extends HTMLProps<"button">, DrawerCloseTriggerBaseProps {}
|
|
16
|
+
declare const DrawerCloseTrigger: import("react").ForwardRefExoticComponent<DrawerCloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region src/components/drawer/content.d.ts
|
|
19
|
+
interface DrawerContentBaseProps extends PolymorphicProps, ContentProps {}
|
|
20
|
+
interface DrawerContentProps extends Omit<HTMLProps<"div">, "draggable">, DrawerContentBaseProps {}
|
|
21
|
+
declare const DrawerContent: import("react").ForwardRefExoticComponent<DrawerContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
22
|
+
//#endregion
|
|
23
|
+
//#region src/components/drawer/description.d.ts
|
|
24
|
+
interface DrawerDescriptionBaseProps extends PolymorphicProps {}
|
|
25
|
+
interface DrawerDescriptionProps extends HTMLProps<"div">, DrawerDescriptionBaseProps {}
|
|
26
|
+
declare const DrawerDescription: import("react").ForwardRefExoticComponent<DrawerDescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
27
|
+
//#endregion
|
|
28
|
+
//#region src/components/drawer/use-drawer.d.ts
|
|
29
|
+
interface UseDrawerProps extends Optional<Omit<drawer.Props, "dir" | "getRootNode" | "defaultSnapPoint">, "id"> {
|
|
30
|
+
defaultSnapPoint?: drawer.SnapPoint | undefined;
|
|
31
|
+
}
|
|
32
|
+
interface UseDrawerReturn extends drawer.Api<PropTypes> {}
|
|
33
|
+
declare const useDrawer: (props?: UseDrawerProps) => UseDrawerReturn;
|
|
34
|
+
//#endregion
|
|
35
|
+
//#region src/components/drawer/use-context.d.ts
|
|
36
|
+
interface UseDrawerContext extends UseDrawerReturn {}
|
|
37
|
+
declare const DrawerProvider: import("react").Provider<UseDrawerContext>, useDrawerContext: () => UseDrawerContext;
|
|
38
|
+
//#endregion
|
|
39
|
+
//#region src/components/drawer/context.d.ts
|
|
40
|
+
interface DrawerContextProps {
|
|
41
|
+
children: (context: UseDrawerContext) => ReactNode;
|
|
42
|
+
}
|
|
43
|
+
declare const DrawerContext: (props: DrawerContextProps) => ReactNode;
|
|
44
|
+
//#endregion
|
|
45
|
+
//#region src/components/drawer/positioner.d.ts
|
|
46
|
+
interface DrawerPositionerBaseProps extends PolymorphicProps {}
|
|
47
|
+
interface DrawerPositionerProps extends HTMLProps<"div">, DrawerPositionerBaseProps {}
|
|
48
|
+
declare const DrawerPositioner: import("react").ForwardRefExoticComponent<DrawerPositionerProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
49
|
+
//#endregion
|
|
50
|
+
//#region src/components/drawer/grabber.d.ts
|
|
51
|
+
interface DrawerGrabberBaseProps extends PolymorphicProps {}
|
|
52
|
+
interface DrawerGrabberProps extends HTMLProps<"div">, DrawerGrabberBaseProps {}
|
|
53
|
+
declare const DrawerGrabber: import("react").ForwardRefExoticComponent<DrawerGrabberProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
54
|
+
//#endregion
|
|
55
|
+
//#region src/components/drawer/grabber-indicator.d.ts
|
|
56
|
+
interface DrawerGrabberIndicatorBaseProps extends PolymorphicProps {}
|
|
57
|
+
interface DrawerGrabberIndicatorProps extends HTMLProps<"div">, DrawerGrabberIndicatorBaseProps {}
|
|
58
|
+
declare const DrawerGrabberIndicator: import("react").ForwardRefExoticComponent<DrawerGrabberIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
59
|
+
//#endregion
|
|
60
|
+
//#region src/components/drawer/root.d.ts
|
|
61
|
+
interface DrawerRootBaseProps extends UseDrawerProps, UsePresenceProps {}
|
|
62
|
+
interface DrawerRootProps extends DrawerRootBaseProps {
|
|
63
|
+
children?: ReactNode | undefined;
|
|
64
|
+
}
|
|
65
|
+
declare const DrawerRoot: (props: DrawerRootProps) => import("react").JSX.Element;
|
|
66
|
+
//#endregion
|
|
67
|
+
//#region src/components/drawer/root-provider.d.ts
|
|
68
|
+
interface RootProviderProps {
|
|
69
|
+
value: UseDrawerReturn;
|
|
70
|
+
}
|
|
71
|
+
interface DrawerRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps {}
|
|
72
|
+
interface DrawerRootProviderProps extends DrawerRootProviderBaseProps {
|
|
73
|
+
children?: ReactNode | undefined;
|
|
74
|
+
}
|
|
75
|
+
declare const DrawerRootProvider: (props: DrawerRootProviderProps) => import("react").JSX.Element;
|
|
76
|
+
//#endregion
|
|
77
|
+
//#region src/components/drawer/title.d.ts
|
|
78
|
+
interface DrawerTitleBaseProps extends PolymorphicProps {}
|
|
79
|
+
interface DrawerTitleProps extends HTMLProps<"h2">, DrawerTitleBaseProps {}
|
|
80
|
+
declare const DrawerTitle: import("react").ForwardRefExoticComponent<DrawerTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
81
|
+
//#endregion
|
|
82
|
+
//#region src/components/drawer/trigger.d.ts
|
|
83
|
+
interface DrawerTriggerBaseProps extends TriggerProps, PolymorphicProps {}
|
|
84
|
+
interface DrawerTriggerProps extends Assign<HTMLProps<"button">, DrawerTriggerBaseProps> {}
|
|
85
|
+
declare const DrawerTrigger: import("react").ForwardRefExoticComponent<DrawerTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
86
|
+
//#endregion
|
|
87
|
+
//#region src/components/drawer/indent.d.ts
|
|
88
|
+
interface DrawerIndentBaseProps extends PolymorphicProps {}
|
|
89
|
+
interface DrawerIndentProps extends HTMLProps<"div">, DrawerIndentBaseProps {}
|
|
90
|
+
declare const DrawerIndent: import("react").ForwardRefExoticComponent<DrawerIndentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
91
|
+
//#endregion
|
|
92
|
+
//#region src/components/drawer/indent-background.d.ts
|
|
93
|
+
interface DrawerIndentBackgroundBaseProps extends PolymorphicProps {}
|
|
94
|
+
interface DrawerIndentBackgroundProps extends HTMLProps<"div">, DrawerIndentBackgroundBaseProps {}
|
|
95
|
+
declare const DrawerIndentBackground: import("react").ForwardRefExoticComponent<DrawerIndentBackgroundProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
96
|
+
//#endregion
|
|
97
|
+
//#region src/components/drawer/stack.d.ts
|
|
98
|
+
interface DrawerStackProps {
|
|
99
|
+
children?: ReactNode | undefined;
|
|
100
|
+
}
|
|
101
|
+
declare const DrawerStack: (props: DrawerStackProps) => import("react").JSX.Element;
|
|
102
|
+
//#endregion
|
|
103
|
+
//#region src/components/drawer/swipe-area.d.ts
|
|
104
|
+
interface DrawerSwipeAreaBaseProps extends PolymorphicProps {}
|
|
105
|
+
interface DrawerSwipeAreaProps extends HTMLProps<"div">, DrawerSwipeAreaBaseProps {}
|
|
106
|
+
declare const DrawerSwipeArea: import("react").ForwardRefExoticComponent<DrawerSwipeAreaProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
107
|
+
//#endregion
|
|
108
|
+
//#region src/components/drawer/use-stack-context.d.ts
|
|
109
|
+
interface UseDrawerStackContext extends DrawerStackApi<PropTypes> {}
|
|
110
|
+
declare const DrawerStackProvider: import("react").Provider<UseDrawerStackContext>, useDrawerStackContext: () => UseDrawerStackContext;
|
|
111
|
+
declare namespace drawer_d_exports {
|
|
112
|
+
export { DrawerBackdrop as Backdrop, DrawerBackdropBaseProps as BackdropBaseProps, DrawerBackdropProps as BackdropProps, DrawerCloseTrigger as CloseTrigger, DrawerCloseTriggerBaseProps as CloseTriggerBaseProps, DrawerCloseTriggerProps as CloseTriggerProps, DrawerContent as Content, DrawerContentBaseProps as ContentBaseProps, DrawerContentProps as ContentProps, DrawerContext as Context, DrawerContextProps as ContextProps, DrawerDescription as Description, DrawerDescriptionBaseProps as DescriptionBaseProps, DrawerDescriptionProps as DescriptionProps, DrawerGrabber as Grabber, DrawerGrabberBaseProps as GrabberBaseProps, DrawerGrabberIndicator as GrabberIndicator, DrawerGrabberIndicatorBaseProps as GrabberIndicatorBaseProps, DrawerGrabberIndicatorProps as GrabberIndicatorProps, DrawerGrabberProps as GrabberProps, DrawerIndent as Indent, DrawerIndentBackground as IndentBackground, DrawerIndentBackgroundBaseProps as IndentBackgroundBaseProps, DrawerIndentBackgroundProps as IndentBackgroundProps, DrawerIndentBaseProps as IndentBaseProps, DrawerIndentProps as IndentProps, OpenChangeDetails, DrawerPositioner as Positioner, DrawerPositionerBaseProps as PositionerBaseProps, DrawerPositionerProps as PositionerProps, DrawerRoot as Root, DrawerRootBaseProps as RootBaseProps, DrawerRootProps as RootProps, DrawerRootProvider as RootProvider, DrawerRootProviderBaseProps as RootProviderBaseProps, DrawerRootProviderProps as RootProviderProps, SnapPointChangeDetails, DrawerStack as Stack, DrawerStackProps as StackProps, DrawerSwipeArea as SwipeArea, DrawerSwipeAreaBaseProps as SwipeAreaBaseProps, DrawerSwipeAreaProps as SwipeAreaProps, DrawerTitle as Title, DrawerTitleBaseProps as TitleBaseProps, DrawerTitleProps as TitleProps, DrawerTrigger as Trigger, DrawerTriggerBaseProps as TriggerBaseProps, DrawerTriggerProps as TriggerProps, TriggerValueChangeDetails };
|
|
113
|
+
}
|
|
114
|
+
//#endregion
|
|
115
|
+
export { drawer_d_exports as Drawer, DrawerBackdrop, type DrawerBackdropBaseProps, type DrawerBackdropProps, DrawerCloseTrigger, type DrawerCloseTriggerBaseProps, type DrawerCloseTriggerProps, DrawerContent, type DrawerContentBaseProps, type DrawerContentProps, DrawerContext, type DrawerContextProps, DrawerDescription, type DrawerDescriptionBaseProps, type DrawerDescriptionProps, DrawerGrabber, type DrawerGrabberBaseProps, DrawerGrabberIndicator, type DrawerGrabberIndicatorBaseProps, type DrawerGrabberIndicatorProps, type DrawerGrabberProps, DrawerIndent, DrawerIndentBackground, type DrawerIndentBackgroundBaseProps, type DrawerIndentBackgroundProps, type DrawerIndentBaseProps, type DrawerIndentProps, type DrawerOpenChangeDetails, DrawerPositioner, type DrawerPositionerBaseProps, type DrawerPositionerProps, DrawerRoot, type DrawerRootBaseProps, type DrawerRootProps, DrawerRootProvider, type DrawerRootProviderBaseProps, type DrawerRootProviderProps, type DrawerSnapPointChangeDetails, DrawerStack, type DrawerStackProps, DrawerSwipeArea, type DrawerSwipeAreaBaseProps, type DrawerSwipeAreaProps, DrawerTitle, type DrawerTitleBaseProps, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerBaseProps, type DrawerTriggerProps, type DrawerTriggerValueChangeDetails, type UseDrawerContext, type UseDrawerProps, type UseDrawerReturn, type UseDrawerStackContext, drawerAnatomy, useDrawer, useDrawerContext, useDrawerStackContext };
|