@spear-ai/spectral 1.3.42 → 1.3.44
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/.js +152 -106
- package/dist/Accordion/AccordionBase.d.ts +8 -8
- package/dist/Alert/AlertBase.d.ts +14 -0
- package/dist/Alert/AlertBase.js +63 -0
- package/dist/Alert.d.ts +12 -0
- package/dist/Alert.js +102 -0
- package/dist/Avatar.d.ts +2 -0
- package/dist/Avatar.js +1 -0
- package/dist/Badge/BadgeBase.d.ts +1 -1
- package/dist/Button.d.ts +2 -2
- package/dist/Button.js +24 -30
- package/dist/Checkbox/CheckboxBase.d.ts +5 -5
- package/dist/Dialog/DialogBase.d.ts +7 -7
- package/dist/Dialog/DialogBase.js +87 -86
- package/dist/Dialog.d.ts +1 -1
- package/dist/Drawer.d.ts +1 -1
- package/dist/Drawer.js +141 -139
- package/dist/Icons/AnnotationsIcon.d.ts +1 -1
- package/dist/Icons/AnnotationsIcon.js +8 -7
- package/dist/Icons/CalendarIcon.d.ts +1 -1
- package/dist/Icons/CalendarIcon.js +9 -8
- package/dist/Icons/CheckCircleIcon.d.ts +3 -0
- package/dist/Icons/CheckCircleIcon.js +29 -0
- package/dist/Icons/CheckSquareIcon.d.ts +3 -0
- package/dist/Icons/CheckSquareIcon.js +29 -0
- package/dist/Icons/ChevronDownIcon.d.ts +3 -0
- package/dist/Icons/ChevronDownIcon.js +28 -0
- package/dist/Icons/ChevronUpIcon.d.ts +3 -0
- package/dist/Icons/ChevronUpIcon.js +28 -0
- package/dist/Icons/ClockIcon.d.ts +1 -1
- package/dist/Icons/ClockIcon.js +9 -8
- package/dist/Icons/CloseCircleIcon.d.ts +3 -0
- package/dist/Icons/CloseCircleIcon.js +29 -0
- package/dist/Icons/CloseIcon.d.ts +3 -0
- package/dist/Icons/CloseIcon.js +28 -0
- package/dist/Icons/DashboardIcon.d.ts +1 -1
- package/dist/Icons/DashboardIcon.js +9 -8
- package/dist/Icons/DeleteIcon.d.ts +1 -1
- package/dist/Icons/DeleteIcon.js +9 -8
- package/dist/Icons/DurationIcon.d.ts +1 -1
- package/dist/Icons/DurationIcon.js +9 -8
- package/dist/Icons/EraserIcon.d.ts +1 -1
- package/dist/Icons/EraserIcon.js +9 -8
- package/dist/Icons/ErrorIcon.d.ts +3 -0
- package/dist/Icons/ErrorIcon.js +30 -0
- package/dist/Icons/EyeClosedIcon.d.ts +3 -0
- package/dist/Icons/EyeClosedIcon.js +32 -0
- package/dist/Icons/EyeClosedIcon2.d.ts +3 -0
- package/dist/Icons/EyeClosedIcon2.js +30 -0
- package/dist/Icons/EyeOpenIcon.d.ts +3 -0
- package/dist/Icons/EyeOpenIcon.js +28 -0
- package/dist/Icons/GoToFirstIcon.d.ts +1 -1
- package/dist/Icons/GoToFirstIcon.js +9 -8
- package/dist/Icons/GoToLastIcon.d.ts +1 -1
- package/dist/Icons/GoToLastIcon.js +9 -8
- package/dist/Icons/HarmonicCursorsIcon.d.ts +1 -1
- package/dist/Icons/HarmonicCursorsIcon.js +9 -8
- package/dist/Icons/IconBase.d.ts +3 -3
- package/dist/Icons/InfoIcon.d.ts +1 -1
- package/dist/Icons/InfoIcon.js +9 -8
- package/dist/Icons/LabelIcon.d.ts +1 -1
- package/dist/Icons/LabelIcon.js +8 -7
- package/dist/Icons/LassoIcon.d.ts +1 -1
- package/dist/Icons/LassoIcon.js +9 -8
- package/dist/Icons/LineToolIcon.d.ts +1 -1
- package/dist/Icons/LineToolIcon.js +9 -8
- package/dist/Icons/LiveViewIcon.d.ts +1 -1
- package/dist/Icons/LiveViewIcon.js +9 -8
- package/dist/Icons/LoaderIcon.d.ts +3 -0
- package/dist/Icons/LoaderIcon.js +53 -0
- package/dist/Icons/LocationIcon.d.ts +1 -1
- package/dist/Icons/LocationIcon.js +9 -8
- package/dist/Icons/LogoutIcon.d.ts +1 -1
- package/dist/Icons/LogoutIcon.js +8 -7
- package/dist/Icons/MetadataIcon.d.ts +1 -1
- package/dist/Icons/MetadataIcon.js +8 -7
- package/dist/Icons/OntologyIcon.d.ts +1 -1
- package/dist/Icons/OntologyIcon.js +9 -8
- package/dist/Icons/PanelIcon.d.ts +1 -1
- package/dist/Icons/PanelIcon.js +9 -8
- package/dist/Icons/PlayIcon.d.ts +1 -1
- package/dist/Icons/PlayIcon.js +8 -7
- package/dist/Icons/PlusIcon.d.ts +1 -1
- package/dist/Icons/PlusIcon.js +8 -7
- package/dist/Icons/ResetIcon.d.ts +1 -1
- package/dist/Icons/ResetIcon.js +8 -7
- package/dist/Icons/ScissorsIcon.d.ts +1 -1
- package/dist/Icons/ScissorsIcon.js +9 -8
- package/dist/Icons/SettingsIcon.d.ts +1 -1
- package/dist/Icons/SettingsIcon.js +9 -8
- package/dist/Icons/TrashIcon.d.ts +1 -1
- package/dist/Icons/TrashIcon.js +8 -7
- package/dist/Icons/UndoIcon.d.ts +1 -1
- package/dist/Icons/UndoIcon.js +8 -7
- package/dist/Icons/UserIcon.d.ts +1 -1
- package/dist/Icons/UserIcon.js +8 -7
- package/dist/Icons/WarningIcon.d.ts +1 -1
- package/dist/Icons/WarningIcon.js +8 -7
- package/dist/Icons/ZoomAllIcon.d.ts +1 -1
- package/dist/Icons/ZoomAllIcon.js +9 -8
- package/dist/Icons/ZoomXIcon.d.ts +1 -1
- package/dist/Icons/ZoomXIcon.js +9 -8
- package/dist/Icons/ZoomYIcon.d.ts +1 -1
- package/dist/Icons/ZoomYIcon.js +9 -8
- package/dist/Icons/index.d.ts +11 -0
- package/dist/Icons.js +82 -60
- package/dist/Input/InputUtils.d.ts +15 -0
- package/dist/Input/InputUtils.js +54 -0
- package/dist/Input.d.ts +24 -0
- package/dist/Input.js +170 -0
- package/dist/Label.d.ts +2 -2
- package/dist/MultiSelect/MultiSelectBase.d.ts +34 -0
- package/dist/MultiSelect/MultiSelectBase.js +321 -0
- package/dist/MultiSelect/MutiSelect.d.ts +15 -0
- package/dist/MultiSelect/MutiSelect.js +30 -0
- package/dist/Popover.d.ts +2 -2
- package/dist/Popover.js +61 -59
- package/dist/RadioButtonGroup/RadioButtonGroupBase.d.ts +5 -3
- package/dist/RadioButtonGroup/RadioButtonGroupBase.js +43 -40
- package/dist/RadioButtonGroup.d.ts +2 -2
- package/dist/RadioButtonGroup.js +6 -6
- package/dist/RadioGroup/RadioGroupBase.d.ts +7 -7
- package/dist/RadioGroup.d.ts +1 -1
- package/dist/Select/SelectBase.d.ts +26 -0
- package/dist/Select/SelectBase.js +233 -0
- package/dist/Select.d.ts +50 -0
- package/dist/Select.js +136 -0
- package/dist/Skeleton.d.ts +1 -1
- package/dist/Slider/SliderBase.d.ts +7 -7
- package/dist/SpectralProvider.d.ts +1 -1
- package/dist/Switch/SwitchBase.d.ts +4 -4
- package/dist/Switch.d.ts +2 -2
- package/dist/Textarea/TextareaUtils.d.ts +19 -0
- package/dist/Textarea/TextareaUtils.js +54 -0
- package/dist/Textarea.d.ts +17 -0
- package/dist/Textarea.js +160 -0
- package/dist/Toggle/ToggleBase.d.ts +5 -4
- package/dist/Toggle/ToggleBase.js +30 -28
- package/dist/Toggle.d.ts +2 -2
- package/dist/ToggleGroup/ToggleGroupBase.d.ts +2 -2
- package/dist/ToggleGroup.d.ts +3 -3
- package/dist/Tooltip/TooltipBase.d.ts +8 -8
- package/dist/Tooltip.d.ts +1 -1
- package/dist/chevron-down-UbkgS76q.js +19 -0
- package/dist/components/Accordion/AccordionBase.d.ts +8 -8
- package/dist/components/Alert/Alert.d.ts +12 -0
- package/dist/components/Alert/Alert.d.ts.map +1 -0
- package/dist/components/Alert/AlertBase.d.ts +14 -0
- package/dist/components/Alert/AlertBase.d.ts.map +1 -0
- package/dist/components/Avatar/Avatar.d.ts +2 -0
- package/dist/components/Avatar/Avatar.d.ts.map +1 -0
- package/dist/components/Badge/BadgeBase.d.ts +1 -1
- package/dist/components/Button/Button.d.ts +2 -2
- package/dist/components/Checkbox/CheckboxBase.d.ts +5 -5
- package/dist/components/Dialog/Dialog.d.ts +1 -1
- package/dist/components/Dialog/DialogBase.d.ts +7 -7
- package/dist/components/Dialog/DialogBase.d.ts.map +1 -1
- package/dist/components/Drawer/Drawer.d.ts +1 -1
- package/dist/components/Drawer/Drawer.d.ts.map +1 -1
- package/dist/components/Icons/AnnotationsIcon.d.ts +1 -1
- package/dist/components/Icons/AnnotationsIcon.d.ts.map +1 -1
- package/dist/components/Icons/CalendarIcon.d.ts +1 -1
- package/dist/components/Icons/CalendarIcon.d.ts.map +1 -1
- package/dist/components/Icons/CheckCircleIcon.d.ts +3 -0
- package/dist/components/Icons/CheckCircleIcon.d.ts.map +1 -0
- package/dist/components/Icons/CheckSquareIcon.d.ts +3 -0
- package/dist/components/Icons/CheckSquareIcon.d.ts.map +1 -0
- package/dist/components/Icons/ChevronDownIcon.d.ts +3 -0
- package/dist/components/Icons/ChevronDownIcon.d.ts.map +1 -0
- package/dist/components/Icons/ChevronUpIcon.d.ts +3 -0
- package/dist/components/Icons/ChevronUpIcon.d.ts.map +1 -0
- package/dist/components/Icons/ClockIcon.d.ts +1 -1
- package/dist/components/Icons/ClockIcon.d.ts.map +1 -1
- package/dist/components/Icons/CloseCircleIcon.d.ts +3 -0
- package/dist/components/Icons/CloseCircleIcon.d.ts.map +1 -0
- package/dist/components/Icons/CloseIcon.d.ts +3 -0
- package/dist/components/Icons/CloseIcon.d.ts.map +1 -0
- package/dist/components/Icons/DashboardIcon.d.ts +1 -1
- package/dist/components/Icons/DashboardIcon.d.ts.map +1 -1
- package/dist/components/Icons/DeleteIcon.d.ts +1 -1
- package/dist/components/Icons/DeleteIcon.d.ts.map +1 -1
- package/dist/components/Icons/DurationIcon.d.ts +1 -1
- package/dist/components/Icons/DurationIcon.d.ts.map +1 -1
- package/dist/components/Icons/EraserIcon.d.ts +1 -1
- package/dist/components/Icons/EraserIcon.d.ts.map +1 -1
- package/dist/components/Icons/ErrorIcon.d.ts +3 -0
- package/dist/components/Icons/ErrorIcon.d.ts.map +1 -0
- package/dist/components/Icons/EyeClosedIcon.d.ts +3 -0
- package/dist/components/Icons/EyeClosedIcon.d.ts.map +1 -0
- package/dist/components/Icons/EyeClosedIcon2.d.ts +3 -0
- package/dist/components/Icons/EyeClosedIcon2.d.ts.map +1 -0
- package/dist/components/Icons/EyeOpenIcon.d.ts +3 -0
- package/dist/components/Icons/EyeOpenIcon.d.ts.map +1 -0
- package/dist/components/Icons/GoToFirstIcon.d.ts +1 -1
- package/dist/components/Icons/GoToFirstIcon.d.ts.map +1 -1
- package/dist/components/Icons/GoToLastIcon.d.ts +1 -1
- package/dist/components/Icons/GoToLastIcon.d.ts.map +1 -1
- package/dist/components/Icons/HarmonicCursorsIcon.d.ts +1 -1
- package/dist/components/Icons/HarmonicCursorsIcon.d.ts.map +1 -1
- package/dist/components/Icons/IconBase.d.ts +3 -3
- package/dist/components/Icons/InfoIcon.d.ts +1 -1
- package/dist/components/Icons/InfoIcon.d.ts.map +1 -1
- package/dist/components/Icons/LabelIcon.d.ts +1 -1
- package/dist/components/Icons/LabelIcon.d.ts.map +1 -1
- package/dist/components/Icons/LassoIcon.d.ts +1 -1
- package/dist/components/Icons/LassoIcon.d.ts.map +1 -1
- package/dist/components/Icons/LineToolIcon.d.ts +1 -1
- package/dist/components/Icons/LineToolIcon.d.ts.map +1 -1
- package/dist/components/Icons/LiveViewIcon.d.ts +1 -1
- package/dist/components/Icons/LiveViewIcon.d.ts.map +1 -1
- package/dist/components/Icons/LoaderIcon.d.ts +3 -0
- package/dist/components/Icons/LoaderIcon.d.ts.map +1 -0
- package/dist/components/Icons/LocationIcon.d.ts +1 -1
- package/dist/components/Icons/LocationIcon.d.ts.map +1 -1
- package/dist/components/Icons/LogoutIcon.d.ts +1 -1
- package/dist/components/Icons/LogoutIcon.d.ts.map +1 -1
- package/dist/components/Icons/MetadataIcon.d.ts +1 -1
- package/dist/components/Icons/MetadataIcon.d.ts.map +1 -1
- package/dist/components/Icons/OntologyIcon.d.ts +1 -1
- package/dist/components/Icons/OntologyIcon.d.ts.map +1 -1
- package/dist/components/Icons/PanelIcon.d.ts +1 -1
- package/dist/components/Icons/PanelIcon.d.ts.map +1 -1
- package/dist/components/Icons/PlayIcon.d.ts +1 -1
- package/dist/components/Icons/PlayIcon.d.ts.map +1 -1
- package/dist/components/Icons/PlusIcon.d.ts +1 -1
- package/dist/components/Icons/PlusIcon.d.ts.map +1 -1
- package/dist/components/Icons/ResetIcon.d.ts +1 -1
- package/dist/components/Icons/ResetIcon.d.ts.map +1 -1
- package/dist/components/Icons/ScissorsIcon.d.ts +1 -1
- package/dist/components/Icons/ScissorsIcon.d.ts.map +1 -1
- package/dist/components/Icons/SettingsIcon.d.ts +1 -1
- package/dist/components/Icons/SettingsIcon.d.ts.map +1 -1
- package/dist/components/Icons/TrashIcon.d.ts +1 -1
- package/dist/components/Icons/TrashIcon.d.ts.map +1 -1
- package/dist/components/Icons/UndoIcon.d.ts +1 -1
- package/dist/components/Icons/UndoIcon.d.ts.map +1 -1
- package/dist/components/Icons/UserIcon.d.ts +1 -1
- package/dist/components/Icons/UserIcon.d.ts.map +1 -1
- package/dist/components/Icons/WarningIcon.d.ts +1 -1
- package/dist/components/Icons/WarningIcon.d.ts.map +1 -1
- package/dist/components/Icons/ZoomAllIcon.d.ts +1 -1
- package/dist/components/Icons/ZoomAllIcon.d.ts.map +1 -1
- package/dist/components/Icons/ZoomXIcon.d.ts +1 -1
- package/dist/components/Icons/ZoomXIcon.d.ts.map +1 -1
- package/dist/components/Icons/ZoomYIcon.d.ts +1 -1
- package/dist/components/Icons/ZoomYIcon.d.ts.map +1 -1
- package/dist/components/Icons/iconTypes.d.ts +3 -3
- package/dist/components/Icons/iconTypes.d.ts.map +1 -1
- package/dist/components/Icons/index.d.ts +11 -0
- package/dist/components/Icons/index.d.ts.map +1 -1
- package/dist/components/Input/Input.d.ts +24 -0
- package/dist/components/Input/Input.d.ts.map +1 -0
- package/dist/components/Input/InputUtils.d.ts +15 -0
- package/dist/components/Input/InputUtils.d.ts.map +1 -0
- package/dist/components/Label/Label.d.ts +2 -2
- package/dist/components/MultiSelect/MultiSelectBase.d.ts +34 -0
- package/dist/components/MultiSelect/MultiSelectBase.d.ts.map +1 -0
- package/dist/components/MultiSelect/MutiSelect.d.ts +15 -0
- package/dist/components/MultiSelect/MutiSelect.d.ts.map +1 -0
- package/dist/components/Popover/Popover.d.ts +2 -2
- package/dist/components/Popover/Popover.d.ts.map +1 -1
- package/dist/components/RadioButtonGroup/RadioButtonGroup.d.ts +2 -2
- package/dist/components/RadioButtonGroup/RadioButtonGroup.d.ts.map +1 -1
- package/dist/components/RadioButtonGroup/RadioButtonGroupBase.d.ts +5 -3
- package/dist/components/RadioButtonGroup/RadioButtonGroupBase.d.ts.map +1 -1
- package/dist/components/RadioGroup/RadioGroup.d.ts +1 -1
- package/dist/components/RadioGroup/RadioGroupBase.d.ts +7 -7
- package/dist/components/Select/Select.d.ts +50 -0
- package/dist/components/Select/Select.d.ts.map +1 -0
- package/dist/components/Select/SelectBase.d.ts +26 -0
- package/dist/components/Select/SelectBase.d.ts.map +1 -0
- package/dist/components/Skeleton/Skeleton.d.ts +1 -1
- package/dist/components/Slider/SliderBase.d.ts +7 -7
- package/dist/components/SpectralProvider/SpectralProvider.d.ts +1 -1
- package/dist/components/Switch/Switch.d.ts +2 -2
- package/dist/components/Switch/SwitchBase.d.ts +4 -4
- package/dist/components/Textarea/Textarea.d.ts +17 -0
- package/dist/components/Textarea/Textarea.d.ts.map +1 -0
- package/dist/components/Textarea/TextareaUtils.d.ts +19 -0
- package/dist/components/Textarea/TextareaUtils.d.ts.map +1 -0
- package/dist/components/Toggle/Toggle.d.ts +2 -2
- package/dist/components/Toggle/ToggleBase.d.ts +5 -4
- package/dist/components/Toggle/ToggleBase.d.ts.map +1 -1
- package/dist/components/ToggleGroup/ToggleGroup.d.ts +3 -3
- package/dist/components/ToggleGroup/ToggleGroupBase.d.ts +2 -2
- package/dist/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/components/Tooltip/TooltipBase.d.ts +8 -8
- package/dist/features/HorizonColorGrid/HorizonColorGrid.d.ts +1 -1
- package/dist/features/LabelingToolbar/LabelingToolbar.d.ts +1 -1
- package/dist/features/LabelingTools.js +19 -8
- package/dist/features/SensorMetadata.js +21 -10
- package/dist/features/SettingsPopover/SettingsPopover.d.ts.map +1 -1
- package/dist/features/SettingsPopover.js +36 -24
- package/dist/hooks/useAccordionAutoScroll.d.ts +1 -1
- package/dist/hooks/useOutsideClick.d.ts +1 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/loader-circle-CvdzOiQ_.js +11 -0
- package/dist/primitives/label.d.ts +2 -2
- package/dist/primitives/slot.d.ts +3 -3
- package/dist/styles/base-colors.css +52 -42
- package/dist/styles/main.css +1 -1
- package/dist/utils/formFieldUtils.d.ts +70 -0
- package/dist/utils/formFieldUtils.d.ts.map +1 -0
- package/dist/utils/formFieldUtils.js +178 -0
- package/dist/utils/refs.d.ts +1 -1
- package/dist/x-BBpi7a_7.js +14 -0
- package/package.json +2 -1
package/dist/Drawer.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import "./styles/main.css";
|
|
3
|
-
import { jsx as
|
|
3
|
+
import { jsx as E, jsxs as gt, Fragment as te } from "react/jsx-runtime";
|
|
4
|
+
import { SpectralProvider as je } from "./SpectralProvider.js";
|
|
4
5
|
import * as O from "react";
|
|
5
|
-
import i, { useMemo as
|
|
6
|
-
import { c as
|
|
7
|
-
import { R as
|
|
8
|
-
var Tt = "Dialog", [oe,
|
|
6
|
+
import i, { useMemo as qe, useLayoutEffect as Xe, useEffect as Ge } from "react";
|
|
7
|
+
import { c as Ke, P as kt, g as Je, e as wt, d as Ht, f as ht, D as Ze, i as Qe, u as tn, a as Pt, b as en } from "./index-B7LSgz_k.js";
|
|
8
|
+
import { R as nn, h as rn, u as an, F as on } from "./index-gg2zpNk0.js";
|
|
9
|
+
var Tt = "Dialog", [oe, rr] = Ke(Tt), [sn, q] = oe(Tt), ie = (t) => {
|
|
9
10
|
const {
|
|
10
11
|
__scopeDialog: n,
|
|
11
12
|
children: e,
|
|
@@ -13,14 +14,14 @@ var Tt = "Dialog", [oe, er] = Ge(Tt), [on, q] = oe(Tt), ie = (t) => {
|
|
|
13
14
|
defaultOpen: o,
|
|
14
15
|
onOpenChange: r,
|
|
15
16
|
modal: u = !0
|
|
16
|
-
} = t, s = O.useRef(null), v = O.useRef(null), [D, f] =
|
|
17
|
+
} = t, s = O.useRef(null), v = O.useRef(null), [D, f] = tn({
|
|
17
18
|
prop: a,
|
|
18
19
|
defaultProp: o ?? !1,
|
|
19
20
|
onChange: r,
|
|
20
21
|
caller: Tt
|
|
21
22
|
});
|
|
22
|
-
return /* @__PURE__ */
|
|
23
|
-
|
|
23
|
+
return /* @__PURE__ */ E(
|
|
24
|
+
sn,
|
|
24
25
|
{
|
|
25
26
|
scope: n,
|
|
26
27
|
triggerRef: s,
|
|
@@ -40,7 +41,7 @@ ie.displayName = Tt;
|
|
|
40
41
|
var se = "DialogTrigger", le = O.forwardRef(
|
|
41
42
|
(t, n) => {
|
|
42
43
|
const { __scopeDialog: e, ...a } = t, o = q(se, e), r = Ht(n, o.triggerRef);
|
|
43
|
-
return /* @__PURE__ */
|
|
44
|
+
return /* @__PURE__ */ E(
|
|
44
45
|
wt.button,
|
|
45
46
|
{
|
|
46
47
|
type: "button",
|
|
@@ -56,27 +57,27 @@ var se = "DialogTrigger", le = O.forwardRef(
|
|
|
56
57
|
}
|
|
57
58
|
);
|
|
58
59
|
le.displayName = se;
|
|
59
|
-
var Bt = "DialogPortal", [
|
|
60
|
+
var Bt = "DialogPortal", [ln, ue] = oe(Bt, {
|
|
60
61
|
forceMount: void 0
|
|
61
62
|
}), ce = (t) => {
|
|
62
63
|
const { __scopeDialog: n, forceMount: e, children: a, container: o } = t, r = q(Bt, n);
|
|
63
|
-
return /* @__PURE__ */
|
|
64
|
+
return /* @__PURE__ */ E(ln, { scope: n, forceMount: e, children: O.Children.map(a, (u) => /* @__PURE__ */ E(kt, { present: e || r.open, children: /* @__PURE__ */ E(en, { asChild: !0, container: o, children: u }) })) });
|
|
64
65
|
};
|
|
65
66
|
ce.displayName = Bt;
|
|
66
|
-
var
|
|
67
|
+
var Et = "DialogOverlay", de = O.forwardRef(
|
|
67
68
|
(t, n) => {
|
|
68
|
-
const e = ue(
|
|
69
|
-
return r.modal ? /* @__PURE__ */
|
|
69
|
+
const e = ue(Et, t.__scopeDialog), { forceMount: a = e.forceMount, ...o } = t, r = q(Et, t.__scopeDialog);
|
|
70
|
+
return r.modal ? /* @__PURE__ */ E(kt, { present: a || r.open, children: /* @__PURE__ */ E(cn, { ...o, ref: n }) }) : null;
|
|
70
71
|
}
|
|
71
72
|
);
|
|
72
|
-
de.displayName =
|
|
73
|
-
var
|
|
73
|
+
de.displayName = Et;
|
|
74
|
+
var un = Je("DialogOverlay.RemoveScroll"), cn = O.forwardRef(
|
|
74
75
|
(t, n) => {
|
|
75
|
-
const { __scopeDialog: e, ...a } = t, o = q(
|
|
76
|
+
const { __scopeDialog: e, ...a } = t, o = q(Et, e);
|
|
76
77
|
return (
|
|
77
78
|
// Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
|
|
78
79
|
// ie. when `Overlay` and `Content` are siblings
|
|
79
|
-
/* @__PURE__ */
|
|
80
|
+
/* @__PURE__ */ E(nn, { as: un, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ E(
|
|
80
81
|
wt.div,
|
|
81
82
|
{
|
|
82
83
|
"data-state": Ut(o.open),
|
|
@@ -90,17 +91,17 @@ var ln = Ke("DialogOverlay.RemoveScroll"), un = O.forwardRef(
|
|
|
90
91
|
), at = "DialogContent", fe = O.forwardRef(
|
|
91
92
|
(t, n) => {
|
|
92
93
|
const e = ue(at, t.__scopeDialog), { forceMount: a = e.forceMount, ...o } = t, r = q(at, t.__scopeDialog);
|
|
93
|
-
return /* @__PURE__ */
|
|
94
|
+
return /* @__PURE__ */ E(kt, { present: a || r.open, children: r.modal ? /* @__PURE__ */ E(dn, { ...o, ref: n }) : /* @__PURE__ */ E(fn, { ...o, ref: n }) });
|
|
94
95
|
}
|
|
95
96
|
);
|
|
96
97
|
fe.displayName = at;
|
|
97
|
-
var
|
|
98
|
+
var dn = O.forwardRef(
|
|
98
99
|
(t, n) => {
|
|
99
100
|
const e = q(at, t.__scopeDialog), a = O.useRef(null), o = Ht(n, e.contentRef, a);
|
|
100
101
|
return O.useEffect(() => {
|
|
101
102
|
const r = a.current;
|
|
102
|
-
if (r) return
|
|
103
|
-
}, []), /* @__PURE__ */
|
|
103
|
+
if (r) return rn(r);
|
|
104
|
+
}, []), /* @__PURE__ */ E(
|
|
104
105
|
pe,
|
|
105
106
|
{
|
|
106
107
|
...t,
|
|
@@ -121,10 +122,10 @@ var cn = O.forwardRef(
|
|
|
121
122
|
}
|
|
122
123
|
);
|
|
123
124
|
}
|
|
124
|
-
),
|
|
125
|
+
), fn = O.forwardRef(
|
|
125
126
|
(t, n) => {
|
|
126
127
|
const e = q(at, t.__scopeDialog), a = O.useRef(!1), o = O.useRef(!1);
|
|
127
|
-
return /* @__PURE__ */
|
|
128
|
+
return /* @__PURE__ */ E(
|
|
128
129
|
pe,
|
|
129
130
|
{
|
|
130
131
|
...t,
|
|
@@ -145,17 +146,17 @@ var cn = O.forwardRef(
|
|
|
145
146
|
), pe = O.forwardRef(
|
|
146
147
|
(t, n) => {
|
|
147
148
|
const { __scopeDialog: e, trapFocus: a, onOpenAutoFocus: o, onCloseAutoFocus: r, ...u } = t, s = q(at, e), v = O.useRef(null), D = Ht(n, v);
|
|
148
|
-
return
|
|
149
|
-
/* @__PURE__ */
|
|
150
|
-
|
|
149
|
+
return an(), /* @__PURE__ */ gt(te, { children: [
|
|
150
|
+
/* @__PURE__ */ E(
|
|
151
|
+
on,
|
|
151
152
|
{
|
|
152
153
|
asChild: !0,
|
|
153
154
|
loop: !0,
|
|
154
155
|
trapped: a,
|
|
155
156
|
onMountAutoFocus: o,
|
|
156
157
|
onUnmountAutoFocus: r,
|
|
157
|
-
children: /* @__PURE__ */
|
|
158
|
-
|
|
158
|
+
children: /* @__PURE__ */ E(
|
|
159
|
+
Ze,
|
|
159
160
|
{
|
|
160
161
|
role: "dialog",
|
|
161
162
|
id: s.contentId,
|
|
@@ -170,29 +171,29 @@ var cn = O.forwardRef(
|
|
|
170
171
|
}
|
|
171
172
|
),
|
|
172
173
|
/* @__PURE__ */ gt(te, { children: [
|
|
173
|
-
/* @__PURE__ */
|
|
174
|
-
/* @__PURE__ */
|
|
174
|
+
/* @__PURE__ */ E(pn, { titleId: s.titleId }),
|
|
175
|
+
/* @__PURE__ */ E(gn, { contentRef: v, descriptionId: s.descriptionId })
|
|
175
176
|
] })
|
|
176
177
|
] });
|
|
177
178
|
}
|
|
178
179
|
), Wt = "DialogTitle", me = O.forwardRef(
|
|
179
180
|
(t, n) => {
|
|
180
181
|
const { __scopeDialog: e, ...a } = t, o = q(Wt, e);
|
|
181
|
-
return /* @__PURE__ */
|
|
182
|
+
return /* @__PURE__ */ E(wt.h2, { id: o.titleId, ...a, ref: n });
|
|
182
183
|
}
|
|
183
184
|
);
|
|
184
185
|
me.displayName = Wt;
|
|
185
186
|
var ge = "DialogDescription", he = O.forwardRef(
|
|
186
187
|
(t, n) => {
|
|
187
188
|
const { __scopeDialog: e, ...a } = t, o = q(ge, e);
|
|
188
|
-
return /* @__PURE__ */
|
|
189
|
+
return /* @__PURE__ */ E(wt.p, { id: o.descriptionId, ...a, ref: n });
|
|
189
190
|
}
|
|
190
191
|
);
|
|
191
192
|
he.displayName = ge;
|
|
192
193
|
var we = "DialogClose", ve = O.forwardRef(
|
|
193
194
|
(t, n) => {
|
|
194
195
|
const { __scopeDialog: e, ...a } = t, o = q(we, e);
|
|
195
|
-
return /* @__PURE__ */
|
|
196
|
+
return /* @__PURE__ */ E(
|
|
196
197
|
wt.button,
|
|
197
198
|
{
|
|
198
199
|
type: "button",
|
|
@@ -207,11 +208,11 @@ ve.displayName = we;
|
|
|
207
208
|
function Ut(t) {
|
|
208
209
|
return t ? "open" : "closed";
|
|
209
210
|
}
|
|
210
|
-
var ye = "DialogTitleWarning", [
|
|
211
|
+
var ye = "DialogTitleWarning", [ar, be] = Qe(ye, {
|
|
211
212
|
contentName: at,
|
|
212
213
|
titleName: Wt,
|
|
213
214
|
docsSlug: "dialog"
|
|
214
|
-
}),
|
|
215
|
+
}), pn = ({ titleId: t }) => {
|
|
215
216
|
const n = be(ye), e = `\`${n.contentName}\` requires a \`${n.titleName}\` for the component to be accessible for screen reader users.
|
|
216
217
|
|
|
217
218
|
If you want to hide the \`${n.titleName}\`, you can wrap it with our VisuallyHidden component.
|
|
@@ -220,13 +221,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${n.do
|
|
|
220
221
|
return O.useEffect(() => {
|
|
221
222
|
t && (document.getElementById(t) || console.error(e));
|
|
222
223
|
}, [e, t]), null;
|
|
223
|
-
},
|
|
224
|
-
const a = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${be(
|
|
224
|
+
}, mn = "DialogDescriptionWarning", gn = ({ contentRef: t, descriptionId: n }) => {
|
|
225
|
+
const a = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${be(mn).contentName}}.`;
|
|
225
226
|
return O.useEffect(() => {
|
|
226
227
|
const o = t.current?.getAttribute("aria-describedby");
|
|
227
228
|
n && o && (document.getElementById(n) || console.warn(a));
|
|
228
229
|
}, [a, t, n]), null;
|
|
229
|
-
},
|
|
230
|
+
}, hn = ie, wn = le, vn = ce, yn = de, bn = fe, Dn = me, Rn = he, Sn = ve;
|
|
230
231
|
function En(t) {
|
|
231
232
|
if (typeof document > "u") return;
|
|
232
233
|
let n = document.head || document.getElementsByTagName("head")[0], e = document.createElement("style");
|
|
@@ -288,31 +289,31 @@ const De = i.createContext({
|
|
|
288
289
|
En(`[data-vaul-drawer]{touch-action:none;will-change:transform;transition:transform .5s cubic-bezier(.32, .72, 0, 1);animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open]{animation-name:slideFromBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed]{animation-name:slideToBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=open]{animation-name:slideFromTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=closed]{animation-name:slideToTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=open]{animation-name:slideFromLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=closed]{animation-name:slideToLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=open]{animation-name:slideFromRight}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=closed]{animation-name:slideToRight}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--initial-transform,100%),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--initial-transform,100%),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-overlay][data-vaul-snap-points=false]{animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-overlay][data-vaul-snap-points=false][data-state=open]{animation-name:fadeIn}[data-vaul-overlay][data-state=closed]{animation-name:fadeOut}[data-vaul-animate=false]{animation:none!important}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:0;transition:opacity .5s cubic-bezier(.32, .72, 0, 1)}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:1}[data-vaul-drawer]:not([data-vaul-custom-container=true])::after{content:'';position:absolute;background:inherit;background-color:inherit}[data-vaul-drawer][data-vaul-drawer-direction=top]::after{top:initial;bottom:100%;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=bottom]::after{top:100%;bottom:initial;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=left]::after{left:initial;right:100%;top:0;bottom:0;width:200%}[data-vaul-drawer][data-vaul-drawer-direction=right]::after{left:100%;right:initial;top:0;bottom:0;width:200%}[data-vaul-overlay][data-vaul-snap-points=true]:not([data-vaul-snap-points-overlay=true]):not(
|
|
289
290
|
[data-state=closed]
|
|
290
291
|
){opacity:0}[data-vaul-overlay][data-vaul-snap-points-overlay=true]{opacity:1}[data-vaul-handle]{display:block;position:relative;opacity:.7;background:#e2e2e4;margin-left:auto;margin-right:auto;height:5px;width:32px;border-radius:1rem;touch-action:pan-y}[data-vaul-handle]:active,[data-vaul-handle]:hover{opacity:1}[data-vaul-handle-hitarea]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,2.75rem);height:max(100%,2.75rem);touch-action:inherit}@media (hover:hover) and (pointer:fine){[data-vaul-drawer]{user-select:none}}@media (pointer:fine){[data-vaul-handle-hitarea]:{width:100%;height:100%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes slideFromBottom{from{transform:translate3d(0,var(--initial-transform,100%),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToBottom{to{transform:translate3d(0,var(--initial-transform,100%),0)}}@keyframes slideFromTop{from{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToTop{to{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}}@keyframes slideFromLeft{from{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToLeft{to{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}}@keyframes slideFromRight{from{transform:translate3d(var(--initial-transform,100%),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToRight{to{transform:translate3d(var(--initial-transform,100%),0,0)}}`);
|
|
291
|
-
function
|
|
292
|
+
function Tn() {
|
|
292
293
|
const t = navigator.userAgent;
|
|
293
294
|
return typeof window < "u" && (/Firefox/.test(t) && /Mobile/.test(t) || // Android Firefox
|
|
294
295
|
/FxiOS/.test(t));
|
|
295
296
|
}
|
|
296
|
-
function
|
|
297
|
+
function xn() {
|
|
297
298
|
return Vt(/^Mac/);
|
|
298
299
|
}
|
|
299
|
-
function
|
|
300
|
+
function Cn() {
|
|
300
301
|
return Vt(/^iPhone/);
|
|
301
302
|
}
|
|
302
303
|
function ee() {
|
|
303
304
|
return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
|
|
304
305
|
}
|
|
305
|
-
function
|
|
306
|
+
function On() {
|
|
306
307
|
return Vt(/^iPad/) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
|
|
307
|
-
|
|
308
|
+
xn() && navigator.maxTouchPoints > 1;
|
|
308
309
|
}
|
|
309
310
|
function Re() {
|
|
310
|
-
return
|
|
311
|
+
return Cn() || On();
|
|
311
312
|
}
|
|
312
313
|
function Vt(t) {
|
|
313
314
|
return typeof window < "u" && window.navigator != null ? t.test(window.navigator.platform) : void 0;
|
|
314
315
|
}
|
|
315
|
-
const
|
|
316
|
+
const _n = 24, An = typeof window < "u" ? Xe : Ge;
|
|
316
317
|
function ne(...t) {
|
|
317
318
|
return (...n) => {
|
|
318
319
|
for (let e of t)
|
|
@@ -324,12 +325,12 @@ function re(t) {
|
|
|
324
325
|
let n = window.getComputedStyle(t);
|
|
325
326
|
return /(auto|scroll)/.test(n.overflow + n.overflowX + n.overflowY);
|
|
326
327
|
}
|
|
327
|
-
function
|
|
328
|
+
function Se(t) {
|
|
328
329
|
for (re(t) && (t = t.parentElement); t && !re(t); )
|
|
329
330
|
t = t.parentElement;
|
|
330
331
|
return t || document.scrollingElement || document.documentElement;
|
|
331
332
|
}
|
|
332
|
-
const
|
|
333
|
+
const Pn = /* @__PURE__ */ new Set([
|
|
333
334
|
"checkbox",
|
|
334
335
|
"radio",
|
|
335
336
|
"range",
|
|
@@ -341,20 +342,20 @@ const An = /* @__PURE__ */ new Set([
|
|
|
341
342
|
"reset"
|
|
342
343
|
]);
|
|
343
344
|
let Rt = 0, $t;
|
|
344
|
-
function
|
|
345
|
+
function Nn(t = {}) {
|
|
345
346
|
let { isDisabled: n } = t;
|
|
346
|
-
|
|
347
|
+
An(() => {
|
|
347
348
|
if (!n)
|
|
348
|
-
return Rt++, Rt === 1 && Re() && ($t =
|
|
349
|
+
return Rt++, Rt === 1 && Re() && ($t = $n()), () => {
|
|
349
350
|
Rt--, Rt === 0 && $t?.();
|
|
350
351
|
};
|
|
351
352
|
}, [
|
|
352
353
|
n
|
|
353
354
|
]);
|
|
354
355
|
}
|
|
355
|
-
function
|
|
356
|
+
function $n() {
|
|
356
357
|
let t, n = 0, e = (g) => {
|
|
357
|
-
t =
|
|
358
|
+
t = Se(g.target), !(t === document.documentElement && t === document.body) && (n = g.changedTouches[0].pageY);
|
|
358
359
|
}, a = (g) => {
|
|
359
360
|
if (!t || t === document.documentElement || t === document.body) {
|
|
360
361
|
g.preventDefault();
|
|
@@ -378,7 +379,7 @@ function Nn() {
|
|
|
378
379
|
}));
|
|
379
380
|
}, u = () => {
|
|
380
381
|
window.scrollTo(0, 0);
|
|
381
|
-
}, s = window.pageXOffset, v = window.pageYOffset, D = ne(
|
|
382
|
+
}, s = window.pageXOffset, v = window.pageYOffset, D = ne(Mn(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`));
|
|
382
383
|
window.scrollTo(0, 0);
|
|
383
384
|
let f = ne(pt(document, "touchstart", e, {
|
|
384
385
|
passive: !1,
|
|
@@ -394,7 +395,7 @@ function Nn() {
|
|
|
394
395
|
D(), f(), window.scrollTo(s, v);
|
|
395
396
|
};
|
|
396
397
|
}
|
|
397
|
-
function
|
|
398
|
+
function Mn(t, n, e) {
|
|
398
399
|
let a = t.style[n];
|
|
399
400
|
return t.style[n] = e, () => {
|
|
400
401
|
t.style[n] = a;
|
|
@@ -408,26 +409,26 @@ function pt(t, n, e, a) {
|
|
|
408
409
|
function ae(t) {
|
|
409
410
|
let n = document.scrollingElement || document.documentElement;
|
|
410
411
|
for (; t && t !== n; ) {
|
|
411
|
-
let e =
|
|
412
|
+
let e = Se(t);
|
|
412
413
|
if (e !== document.documentElement && e !== document.body && e !== t) {
|
|
413
414
|
let a = e.getBoundingClientRect().top, o = t.getBoundingClientRect().top, r = t.getBoundingClientRect().bottom;
|
|
414
|
-
const u = e.getBoundingClientRect().bottom +
|
|
415
|
+
const u = e.getBoundingClientRect().bottom + _n;
|
|
415
416
|
r > u && (e.scrollTop += o - a);
|
|
416
417
|
}
|
|
417
418
|
t = e.parentElement;
|
|
418
419
|
}
|
|
419
420
|
}
|
|
420
421
|
function Lt(t) {
|
|
421
|
-
return t instanceof HTMLInputElement && !
|
|
422
|
+
return t instanceof HTMLInputElement && !Pn.has(t.type) || t instanceof HTMLTextAreaElement || t instanceof HTMLElement && t.isContentEditable;
|
|
422
423
|
}
|
|
423
|
-
function
|
|
424
|
+
function In(t, n) {
|
|
424
425
|
typeof t == "function" ? t(n) : t != null && (t.current = n);
|
|
425
426
|
}
|
|
426
|
-
function
|
|
427
|
-
return (n) => t.forEach((e) =>
|
|
427
|
+
function Ln(...t) {
|
|
428
|
+
return (n) => t.forEach((e) => In(e, n));
|
|
428
429
|
}
|
|
429
|
-
function
|
|
430
|
-
return O.useCallback(
|
|
430
|
+
function Ee(...t) {
|
|
431
|
+
return O.useCallback(Ln(...t), t);
|
|
431
432
|
}
|
|
432
433
|
const Te = /* @__PURE__ */ new WeakMap();
|
|
433
434
|
function P(t, n, e = !1) {
|
|
@@ -441,7 +442,7 @@ function P(t, n, e = !1) {
|
|
|
441
442
|
a[o] = t.style[o], t.style[o] = r;
|
|
442
443
|
}), !e && Te.set(t, a);
|
|
443
444
|
}
|
|
444
|
-
function
|
|
445
|
+
function Fn(t, n) {
|
|
445
446
|
if (!t || !(t instanceof HTMLElement)) return;
|
|
446
447
|
let e = Te.get(t);
|
|
447
448
|
e && (t.style[n] = e[n]);
|
|
@@ -458,7 +459,7 @@ const A = (t) => {
|
|
|
458
459
|
return t;
|
|
459
460
|
}
|
|
460
461
|
};
|
|
461
|
-
function
|
|
462
|
+
function St(t, n) {
|
|
462
463
|
if (!t)
|
|
463
464
|
return null;
|
|
464
465
|
const e = window.getComputedStyle(t), a = (
|
|
@@ -468,7 +469,7 @@ function Et(t, n) {
|
|
|
468
469
|
let o = a.match(/^matrix3d\((.+)\)$/);
|
|
469
470
|
return o ? parseFloat(o[1].split(", ")[A(n) ? 13 : 12]) : (o = a.match(/^matrix\((.+)\)$/), o ? parseFloat(o[1].split(", ")[A(n) ? 5 : 4]) : null);
|
|
470
471
|
}
|
|
471
|
-
function
|
|
472
|
+
function kn(t) {
|
|
472
473
|
return 8 * (Math.log(t + 1) - 2);
|
|
473
474
|
}
|
|
474
475
|
function Mt(t, n) {
|
|
@@ -479,7 +480,7 @@ function Mt(t, n) {
|
|
|
479
480
|
t.style.cssText = e;
|
|
480
481
|
};
|
|
481
482
|
}
|
|
482
|
-
function
|
|
483
|
+
function Hn(...t) {
|
|
483
484
|
return (...n) => {
|
|
484
485
|
for (const e of t)
|
|
485
486
|
typeof e == "function" && e(...n);
|
|
@@ -493,14 +494,14 @@ const C = {
|
|
|
493
494
|
0,
|
|
494
495
|
1
|
|
495
496
|
]
|
|
496
|
-
}, xe = 0.4,
|
|
497
|
+
}, xe = 0.4, Bn = 0.25, Wn = 100, Ce = 8, rt = 16, Ft = 26, It = "vaul-dragging";
|
|
497
498
|
function Oe(t) {
|
|
498
499
|
const n = i.useRef(t);
|
|
499
500
|
return i.useEffect(() => {
|
|
500
501
|
n.current = t;
|
|
501
502
|
}), i.useMemo(() => (...e) => n.current == null ? void 0 : n.current.call(n, ...e), []);
|
|
502
503
|
}
|
|
503
|
-
function
|
|
504
|
+
function Un({ defaultProp: t, onChange: n }) {
|
|
504
505
|
const e = i.useState(t), [a] = e, o = i.useRef(a), r = Oe(n);
|
|
505
506
|
return i.useEffect(() => {
|
|
506
507
|
o.current !== a && (r(a), o.current = a);
|
|
@@ -512,7 +513,7 @@ function Wn({ defaultProp: t, onChange: n }) {
|
|
|
512
513
|
}
|
|
513
514
|
function _e({ prop: t, defaultProp: n, onChange: e = () => {
|
|
514
515
|
} }) {
|
|
515
|
-
const [a, o] =
|
|
516
|
+
const [a, o] = Un({
|
|
516
517
|
defaultProp: n,
|
|
517
518
|
onChange: e
|
|
518
519
|
}), r = t !== void 0, u = r ? t : a, s = Oe(e), v = i.useCallback((D) => {
|
|
@@ -532,7 +533,7 @@ function _e({ prop: t, defaultProp: n, onChange: e = () => {
|
|
|
532
533
|
v
|
|
533
534
|
];
|
|
534
535
|
}
|
|
535
|
-
function
|
|
536
|
+
function Vn({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e, drawerRef: a, overlayRef: o, fadeFromIndex: r, onSnapPointChange: u, direction: s = "bottom", container: v, snapToSequentialPoint: D }) {
|
|
536
537
|
const [f, g] = _e({
|
|
537
538
|
prop: t,
|
|
538
539
|
defaultProp: e?.[0],
|
|
@@ -677,10 +678,10 @@ function Un({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
|
|
|
677
678
|
snapPointsOffset: w
|
|
678
679
|
};
|
|
679
680
|
}
|
|
680
|
-
const
|
|
681
|
+
const zn = () => () => {
|
|
681
682
|
};
|
|
682
|
-
function
|
|
683
|
-
const { direction: t, isOpen: n, shouldScaleBackground: e, setBackgroundColorOnScale: a, noBodyStyles: o } = vt(), r = i.useRef(null), u =
|
|
683
|
+
function Yn() {
|
|
684
|
+
const { direction: t, isOpen: n, shouldScaleBackground: e, setBackgroundColorOnScale: a, noBodyStyles: o } = vt(), r = i.useRef(null), u = qe(() => document.body.style.backgroundColor, []);
|
|
684
685
|
function s() {
|
|
685
686
|
return (window.innerWidth - Ft) / window.innerWidth;
|
|
686
687
|
}
|
|
@@ -689,9 +690,9 @@ function zn() {
|
|
|
689
690
|
r.current && clearTimeout(r.current);
|
|
690
691
|
const v = document.querySelector("[data-vaul-drawer-wrapper]") || document.querySelector("[vaul-drawer-wrapper]");
|
|
691
692
|
if (!v) return;
|
|
692
|
-
|
|
693
|
+
Hn(a && !o ? Mt(document.body, {
|
|
693
694
|
background: "black"
|
|
694
|
-
}) :
|
|
695
|
+
}) : zn, Mt(v, {
|
|
695
696
|
transformOrigin: A(t) ? "top" : "left",
|
|
696
697
|
transitionProperty: "transform, border-radius",
|
|
697
698
|
transitionDuration: `${C.DURATION}s`,
|
|
@@ -719,7 +720,7 @@ function zn() {
|
|
|
719
720
|
]);
|
|
720
721
|
}
|
|
721
722
|
let mt = null;
|
|
722
|
-
function
|
|
723
|
+
function jn({ isOpen: t, modal: n, nested: e, hasBeenOpened: a, preventScrollRestoration: o, noBodyStyles: r }) {
|
|
723
724
|
const [u, s] = i.useState(() => typeof window < "u" ? window.location.href : ""), v = i.useRef(0), D = i.useCallback(() => {
|
|
724
725
|
if (ee() && mt === null && t && !r) {
|
|
725
726
|
mt = {
|
|
@@ -787,7 +788,7 @@ function Yn({ isOpen: t, modal: n, nested: e, hasBeenOpened: a, preventScrollRes
|
|
|
787
788
|
restorePositionSetting: f
|
|
788
789
|
};
|
|
789
790
|
}
|
|
790
|
-
function
|
|
791
|
+
function qn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, snapPoints: r, shouldScaleBackground: u = !1, setBackgroundColorOnScale: s = !0, closeThreshold: v = Bn, scrollLockTimeout: D = Wn, dismissible: f = !0, handleOnly: g = !1, fadeFromIndex: h = r && r.length - 1, activeSnapPoint: W, setActiveSnapPoint: H, fixed: x, modal: U = !0, onClose: w, nested: $, noBodyStyles: N = !1, direction: p = "bottom", defaultOpen: X = !1, disablePreventScroll: et = !0, snapToSequentialPoint: d = !1, preventScrollRestoration: R = !1, repositionInputs: b = !0, onAnimationEnd: L, container: M, autoFocus: z = !1 }) {
|
|
791
792
|
var c, V;
|
|
792
793
|
const [F = !1, Y] = _e({
|
|
793
794
|
defaultProp: X,
|
|
@@ -801,7 +802,7 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
|
|
|
801
802
|
}
|
|
802
803
|
}), [I, K] = i.useState(!1), [J, lt] = i.useState(!1), [Ne, zt] = i.useState(!1), ot = i.useRef(null), yt = i.useRef(null), xt = i.useRef(null), Ct = i.useRef(null), ut = i.useRef(null), ct = i.useRef(!1), Ot = i.useRef(null), _t = i.useRef(0), it = i.useRef(!1), Yt = i.useRef(!X), jt = i.useRef(0), m = i.useRef(null), qt = i.useRef(((c = m.current) == null ? void 0 : c.getBoundingClientRect().height) || 0), Xt = i.useRef(((V = m.current) == null ? void 0 : V.getBoundingClientRect().width) || 0), At = i.useRef(0), $e = i.useCallback((l) => {
|
|
803
804
|
r && l === dt.length - 1 && (yt.current = /* @__PURE__ */ new Date());
|
|
804
|
-
}, []), { activeSnapPoint: Me, activeSnapPointIndex: st, setActiveSnapPoint: Gt, onRelease: Ie, snapPointsOffset: dt, onDrag: Le, shouldFade: Kt, getPercentageDragged: Fe } =
|
|
805
|
+
}, []), { activeSnapPoint: Me, activeSnapPointIndex: st, setActiveSnapPoint: Gt, onRelease: Ie, snapPointsOffset: dt, onDrag: Le, shouldFade: Kt, getPercentageDragged: Fe } = Vn({
|
|
805
806
|
snapPoints: r,
|
|
806
807
|
activeSnapPointProp: W,
|
|
807
808
|
setActiveSnapPointProp: H,
|
|
@@ -813,10 +814,10 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
|
|
|
813
814
|
container: M,
|
|
814
815
|
snapToSequentialPoint: d
|
|
815
816
|
});
|
|
816
|
-
|
|
817
|
+
Nn({
|
|
817
818
|
isDisabled: !F || J || !U || Ne || !I || !b || !et
|
|
818
819
|
});
|
|
819
|
-
const { restorePositionSetting: ke } =
|
|
820
|
+
const { restorePositionSetting: ke } = jn({
|
|
820
821
|
isOpen: F,
|
|
821
822
|
modal: U,
|
|
822
823
|
nested: $ ?? !1,
|
|
@@ -828,15 +829,15 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
|
|
|
828
829
|
return (window.innerWidth - Ft) / window.innerWidth;
|
|
829
830
|
}
|
|
830
831
|
function He(l) {
|
|
831
|
-
var
|
|
832
|
-
!f && !r || m.current && !m.current.contains(l.target) || (qt.current = ((
|
|
832
|
+
var S, T;
|
|
833
|
+
!f && !r || m.current && !m.current.contains(l.target) || (qt.current = ((S = m.current) == null ? void 0 : S.getBoundingClientRect().height) || 0, Xt.current = ((T = m.current) == null ? void 0 : T.getBoundingClientRect().width) || 0, lt(!0), xt.current = /* @__PURE__ */ new Date(), Re() && window.addEventListener("touchend", () => ct.current = !1, {
|
|
833
834
|
once: !0
|
|
834
835
|
}), l.target.setPointerCapture(l.pointerId), _t.current = A(p) ? l.pageY : l.pageX);
|
|
835
836
|
}
|
|
836
|
-
function Jt(l,
|
|
837
|
+
function Jt(l, S) {
|
|
837
838
|
var T;
|
|
838
839
|
let y = l;
|
|
839
|
-
const _ = (T = window.getSelection()) == null ? void 0 : T.toString(), B = m.current ?
|
|
840
|
+
const _ = (T = window.getSelection()) == null ? void 0 : T.toString(), B = m.current ? St(m.current, p) : null, k = /* @__PURE__ */ new Date();
|
|
840
841
|
if (y.tagName === "SELECT" || y.hasAttribute("data-vaul-no-drag") || y.closest("[data-vaul-no-drag]"))
|
|
841
842
|
return !1;
|
|
842
843
|
if (p === "right" || p === "left")
|
|
@@ -847,7 +848,7 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
|
|
|
847
848
|
return !0;
|
|
848
849
|
if (_ && _.length > 0)
|
|
849
850
|
return !1;
|
|
850
|
-
if (ut.current && k.getTime() - ut.current.getTime() < D && B === 0 ||
|
|
851
|
+
if (ut.current && k.getTime() - ut.current.getTime() < D && B === 0 || S)
|
|
851
852
|
return ut.current = k, !1;
|
|
852
853
|
for (; y; ) {
|
|
853
854
|
if (y.scrollHeight > y.clientHeight) {
|
|
@@ -862,7 +863,7 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
|
|
|
862
863
|
}
|
|
863
864
|
function Be(l) {
|
|
864
865
|
if (m.current && J) {
|
|
865
|
-
const
|
|
866
|
+
const S = p === "bottom" || p === "right" ? 1 : -1, T = (_t.current - (A(p) ? l.pageY : l.pageX)) * S, y = T > 0, _ = r && !f && !y;
|
|
866
867
|
if (_ && st === 0) return;
|
|
867
868
|
const B = Math.abs(T), k = document.querySelector("[data-vaul-drawer-wrapper]"), Z = p === "bottom" || p === "top" ? qt.current : Xt.current;
|
|
868
869
|
let j = B / Z;
|
|
@@ -875,7 +876,7 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
|
|
|
875
876
|
}), r && Le({
|
|
876
877
|
draggedDistance: T
|
|
877
878
|
}), y && !r) {
|
|
878
|
-
const G =
|
|
879
|
+
const G = kn(T), Dt = Math.min(G * -1, 0) * S;
|
|
879
880
|
P(m.current, {
|
|
880
881
|
transform: A(p) ? `translate3d(0, ${Dt}px, 0)` : `translate3d(${Dt}px, 0, 0)`
|
|
881
882
|
});
|
|
@@ -894,7 +895,7 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
|
|
|
894
895
|
}, !0);
|
|
895
896
|
}
|
|
896
897
|
if (!r) {
|
|
897
|
-
const G = B *
|
|
898
|
+
const G = B * S;
|
|
898
899
|
P(m.current, {
|
|
899
900
|
transform: A(p) ? `translate3d(0, ${G}px, 0)` : `translate3d(${G}px, 0, 0)`
|
|
900
901
|
});
|
|
@@ -907,7 +908,7 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
|
|
|
907
908
|
});
|
|
908
909
|
}, []), i.useEffect(() => {
|
|
909
910
|
var l;
|
|
910
|
-
function
|
|
911
|
+
function S() {
|
|
911
912
|
if (!m.current || !b) return;
|
|
912
913
|
const T = document.activeElement;
|
|
913
914
|
if (Lt(T) || it.current) {
|
|
@@ -925,13 +926,13 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
|
|
|
925
926
|
const Q = m.current.getBoundingClientRect().height;
|
|
926
927
|
let G = Q;
|
|
927
928
|
Q > _ && (G = _ - (j ? nt : Ft)), x ? m.current.style.height = `${Q - Math.max(k, 0)}px` : m.current.style.height = `${Math.max(G, _ - nt)}px`;
|
|
928
|
-
} else
|
|
929
|
+
} else Tn() || (m.current.style.height = `${At.current}px`);
|
|
929
930
|
r && r.length > 0 && !it.current ? m.current.style.bottom = "0px" : m.current.style.bottom = `${Math.max(k, 0)}px`;
|
|
930
931
|
}
|
|
931
932
|
}
|
|
932
|
-
return (l = window.visualViewport) == null || l.addEventListener("resize",
|
|
933
|
+
return (l = window.visualViewport) == null || l.addEventListener("resize", S), () => {
|
|
933
934
|
var T;
|
|
934
|
-
return (T = window.visualViewport) == null ? void 0 : T.removeEventListener("resize",
|
|
935
|
+
return (T = window.visualViewport) == null ? void 0 : T.removeEventListener("resize", S);
|
|
935
936
|
};
|
|
936
937
|
}, [
|
|
937
938
|
st,
|
|
@@ -945,14 +946,14 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
|
|
|
945
946
|
}
|
|
946
947
|
function Zt() {
|
|
947
948
|
if (!m.current) return;
|
|
948
|
-
const l = document.querySelector("[data-vaul-drawer-wrapper]"),
|
|
949
|
+
const l = document.querySelector("[data-vaul-drawer-wrapper]"), S = St(m.current, p);
|
|
949
950
|
P(m.current, {
|
|
950
951
|
transform: "translate3d(0, 0, 0)",
|
|
951
952
|
transition: `transform ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`
|
|
952
953
|
}), P(ot.current, {
|
|
953
954
|
transition: `opacity ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,
|
|
954
955
|
opacity: "1"
|
|
955
|
-
}), u &&
|
|
956
|
+
}), u && S && S > 0 && F && P(l, {
|
|
956
957
|
borderRadius: `${Ce}px`,
|
|
957
958
|
overflow: "hidden",
|
|
958
959
|
...A(p) ? {
|
|
@@ -973,8 +974,8 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
|
|
|
973
974
|
function Ue(l) {
|
|
974
975
|
if (!J || !m.current) return;
|
|
975
976
|
m.current.classList.remove(It), ct.current = !1, lt(!1), Ct.current = /* @__PURE__ */ new Date();
|
|
976
|
-
const
|
|
977
|
-
if (!l || !Jt(l.target, !1) || !
|
|
977
|
+
const S = St(m.current, p);
|
|
978
|
+
if (!l || !Jt(l.target, !1) || !S || Number.isNaN(S) || xt.current === null) return;
|
|
978
979
|
const T = Ct.current.getTime() - xt.current.getTime(), y = _t.current - (A(p) ? l.pageY : l.pageX), _ = Math.abs(y) / T;
|
|
979
980
|
if (_ > 0.05 && (zt(!0), setTimeout(() => {
|
|
980
981
|
zt(!1);
|
|
@@ -999,7 +1000,7 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
|
|
|
999
1000
|
const k = Math.min((B = m.current.getBoundingClientRect().height) != null ? B : 0, window.innerHeight);
|
|
1000
1001
|
var Z;
|
|
1001
1002
|
const j = Math.min((Z = m.current.getBoundingClientRect().width) != null ? Z : 0, window.innerWidth), nt = p === "left" || p === "right";
|
|
1002
|
-
if (Math.abs(
|
|
1003
|
+
if (Math.abs(S) >= (nt ? j : k) * v) {
|
|
1003
1004
|
ft(), o?.(l, !1);
|
|
1004
1005
|
return;
|
|
1005
1006
|
}
|
|
@@ -1008,34 +1009,34 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
|
|
|
1008
1009
|
i.useEffect(() => (F && (P(document.documentElement, {
|
|
1009
1010
|
scrollBehavior: "auto"
|
|
1010
1011
|
}), yt.current = /* @__PURE__ */ new Date()), () => {
|
|
1011
|
-
|
|
1012
|
+
Fn(document.documentElement, "scrollBehavior");
|
|
1012
1013
|
}), [
|
|
1013
1014
|
F
|
|
1014
1015
|
]);
|
|
1015
1016
|
function Ve(l) {
|
|
1016
|
-
const
|
|
1017
|
+
const S = l ? (window.innerWidth - rt) / window.innerWidth : 1, T = l ? -rt : 0;
|
|
1017
1018
|
Ot.current && window.clearTimeout(Ot.current), P(m.current, {
|
|
1018
1019
|
transition: `transform ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,
|
|
1019
|
-
transform: A(p) ? `scale(${
|
|
1020
|
+
transform: A(p) ? `scale(${S}) translate3d(0, ${T}px, 0)` : `scale(${S}) translate3d(${T}px, 0, 0)`
|
|
1020
1021
|
}), !l && m.current && (Ot.current = setTimeout(() => {
|
|
1021
|
-
const y =
|
|
1022
|
+
const y = St(m.current, p);
|
|
1022
1023
|
P(m.current, {
|
|
1023
1024
|
transition: "none",
|
|
1024
1025
|
transform: A(p) ? `translate3d(0, ${y}px, 0)` : `translate3d(${y}px, 0, 0)`
|
|
1025
1026
|
});
|
|
1026
1027
|
}, 500));
|
|
1027
1028
|
}
|
|
1028
|
-
function ze(l,
|
|
1029
|
-
if (
|
|
1030
|
-
const T = (window.innerWidth - rt) / window.innerWidth, y = T +
|
|
1029
|
+
function ze(l, S) {
|
|
1030
|
+
if (S < 0) return;
|
|
1031
|
+
const T = (window.innerWidth - rt) / window.innerWidth, y = T + S * (1 - T), _ = -rt + S * rt;
|
|
1031
1032
|
P(m.current, {
|
|
1032
1033
|
transform: A(p) ? `scale(${y}) translate3d(0, ${_}px, 0)` : `scale(${y}) translate3d(${_}px, 0, 0)`,
|
|
1033
1034
|
transition: "none"
|
|
1034
1035
|
});
|
|
1035
1036
|
}
|
|
1036
|
-
function Ye(l,
|
|
1037
|
-
const T = A(p) ? window.innerHeight : window.innerWidth, y =
|
|
1038
|
-
|
|
1037
|
+
function Ye(l, S) {
|
|
1038
|
+
const T = A(p) ? window.innerHeight : window.innerWidth, y = S ? (T - rt) / T : 1, _ = S ? -rt : 0;
|
|
1039
|
+
S && P(m.current, {
|
|
1039
1040
|
transition: `transform ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,
|
|
1040
1041
|
transform: A(p) ? `scale(${y}) translate3d(0, ${_}px, 0)` : `scale(${y}) translate3d(${_}px, 0, 0)`
|
|
1041
1042
|
});
|
|
@@ -1046,7 +1047,7 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
|
|
|
1046
1047
|
});
|
|
1047
1048
|
}, [
|
|
1048
1049
|
U
|
|
1049
|
-
]), /* @__PURE__ */ i.createElement(
|
|
1050
|
+
]), /* @__PURE__ */ i.createElement(hn, {
|
|
1050
1051
|
defaultOpen: X,
|
|
1051
1052
|
onOpenChange: (l) => {
|
|
1052
1053
|
!f && !l || (l ? K(!0) : ft(!0), Y(l));
|
|
@@ -1087,13 +1088,13 @@ function jn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
|
|
|
1087
1088
|
}, e));
|
|
1088
1089
|
}
|
|
1089
1090
|
const Ae = /* @__PURE__ */ i.forwardRef(function({ ...t }, n) {
|
|
1090
|
-
const { overlayRef: e, snapPoints: a, onRelease: o, shouldFade: r, isOpen: u, modal: s, shouldAnimate: v } = vt(), D =
|
|
1091
|
+
const { overlayRef: e, snapPoints: a, onRelease: o, shouldFade: r, isOpen: u, modal: s, shouldAnimate: v } = vt(), D = Ee(n, e), f = a && a.length > 0;
|
|
1091
1092
|
if (!s)
|
|
1092
1093
|
return null;
|
|
1093
1094
|
const g = i.useCallback((h) => o(h), [
|
|
1094
1095
|
o
|
|
1095
1096
|
]);
|
|
1096
|
-
return /* @__PURE__ */ i.createElement(
|
|
1097
|
+
return /* @__PURE__ */ i.createElement(yn, {
|
|
1097
1098
|
onMouseUp: g,
|
|
1098
1099
|
ref: D,
|
|
1099
1100
|
"data-vaul-overlay": "",
|
|
@@ -1105,8 +1106,8 @@ const Ae = /* @__PURE__ */ i.forwardRef(function({ ...t }, n) {
|
|
|
1105
1106
|
});
|
|
1106
1107
|
Ae.displayName = "Drawer.Overlay";
|
|
1107
1108
|
const Pe = /* @__PURE__ */ i.forwardRef(function({ onPointerDownOutside: t, style: n, onOpenAutoFocus: e, ...a }, o) {
|
|
1108
|
-
const { drawerRef: r, onPress: u, onRelease: s, onDrag: v, keyboardIsOpen: D, snapPointsOffset: f, activeSnapPointIndex: g, modal: h, isOpen: W, direction: H, snapPoints: x, container: U, handleOnly: w, shouldAnimate: $, autoFocus: N } = vt(), [p, X] = i.useState(!1), et =
|
|
1109
|
-
|
|
1109
|
+
const { drawerRef: r, onPress: u, onRelease: s, onDrag: v, keyboardIsOpen: D, snapPointsOffset: f, activeSnapPointIndex: g, modal: h, isOpen: W, direction: H, snapPoints: x, container: U, handleOnly: w, shouldAnimate: $, autoFocus: N } = vt(), [p, X] = i.useState(!1), et = Ee(o, r), d = i.useRef(null), R = i.useRef(null), b = i.useRef(!1), L = x && x.length > 0;
|
|
1110
|
+
Yn();
|
|
1110
1111
|
const M = (c, V, F = 0) => {
|
|
1111
1112
|
if (b.current) return !0;
|
|
1112
1113
|
const Y = Math.abs(c.y), I = Math.abs(c.x), K = I > Y, J = [
|
|
@@ -1128,7 +1129,7 @@ const Pe = /* @__PURE__ */ i.forwardRef(function({ onPointerDownOutside: t, styl
|
|
|
1128
1129
|
function z(c) {
|
|
1129
1130
|
d.current = null, b.current = !1, s(c);
|
|
1130
1131
|
}
|
|
1131
|
-
return /* @__PURE__ */ i.createElement(
|
|
1132
|
+
return /* @__PURE__ */ i.createElement(bn, {
|
|
1132
1133
|
"data-vaul-drawer-direction": H,
|
|
1133
1134
|
"data-vaul-drawer": "",
|
|
1134
1135
|
"data-vaul-delayed-snap-points": p ? "true" : "false",
|
|
@@ -1183,7 +1184,7 @@ const Pe = /* @__PURE__ */ i.forwardRef(function({ onPointerDownOutside: t, styl
|
|
|
1183
1184
|
});
|
|
1184
1185
|
});
|
|
1185
1186
|
Pe.displayName = "Drawer.Content";
|
|
1186
|
-
const
|
|
1187
|
+
const Xn = 250, Gn = 120, Kn = /* @__PURE__ */ i.forwardRef(function({ preventCycle: t = !1, children: n, ...e }, a) {
|
|
1187
1188
|
const { closeDrawer: o, isDragging: r, snapPoints: u, activeSnapPoint: s, setActiveSnapPoint: v, dismissible: D, handleOnly: f, isOpen: g, onPress: h, onDrag: W } = vt(), H = i.useRef(null), x = i.useRef(!1);
|
|
1188
1189
|
function U() {
|
|
1189
1190
|
if (x.current) {
|
|
@@ -1192,7 +1193,7 @@ const qn = 250, Xn = 120, Gn = /* @__PURE__ */ i.forwardRef(function({ preventCy
|
|
|
1192
1193
|
}
|
|
1193
1194
|
window.setTimeout(() => {
|
|
1194
1195
|
w();
|
|
1195
|
-
},
|
|
1196
|
+
}, Gn);
|
|
1196
1197
|
}
|
|
1197
1198
|
function w() {
|
|
1198
1199
|
if (r || t || x.current) {
|
|
@@ -1215,7 +1216,7 @@ const qn = 250, Xn = 120, Gn = /* @__PURE__ */ i.forwardRef(function({ preventCy
|
|
|
1215
1216
|
function $() {
|
|
1216
1217
|
H.current = window.setTimeout(() => {
|
|
1217
1218
|
x.current = !0;
|
|
1218
|
-
},
|
|
1219
|
+
}, Xn);
|
|
1219
1220
|
}
|
|
1220
1221
|
function N() {
|
|
1221
1222
|
H.current && window.clearTimeout(H.current), x.current = !1;
|
|
@@ -1240,24 +1241,24 @@ const qn = 250, Xn = 120, Gn = /* @__PURE__ */ i.forwardRef(function({ preventCy
|
|
|
1240
1241
|
"aria-hidden": "true"
|
|
1241
1242
|
}, n));
|
|
1242
1243
|
});
|
|
1243
|
-
|
|
1244
|
-
function
|
|
1244
|
+
Kn.displayName = "Drawer.Handle";
|
|
1245
|
+
function Jn(t) {
|
|
1245
1246
|
const n = vt(), { container: e = n.container, ...a } = t;
|
|
1246
|
-
return /* @__PURE__ */ i.createElement(
|
|
1247
|
+
return /* @__PURE__ */ i.createElement(vn, {
|
|
1247
1248
|
container: e,
|
|
1248
1249
|
...a
|
|
1249
1250
|
});
|
|
1250
1251
|
}
|
|
1251
1252
|
const tt = {
|
|
1252
|
-
Root:
|
|
1253
|
+
Root: qn,
|
|
1253
1254
|
Content: Pe,
|
|
1254
1255
|
Overlay: Ae,
|
|
1255
|
-
Trigger:
|
|
1256
|
-
Portal:
|
|
1257
|
-
Close:
|
|
1258
|
-
Title:
|
|
1259
|
-
Description:
|
|
1260
|
-
},
|
|
1256
|
+
Trigger: wn,
|
|
1257
|
+
Portal: Jn,
|
|
1258
|
+
Close: Sn,
|
|
1259
|
+
Title: Dn,
|
|
1260
|
+
Description: Rn
|
|
1261
|
+
}, or = ({
|
|
1261
1262
|
trigger: t,
|
|
1262
1263
|
title: n,
|
|
1263
1264
|
description: e,
|
|
@@ -1284,26 +1285,27 @@ const tt = {
|
|
|
1284
1285
|
style: { height: r }
|
|
1285
1286
|
}
|
|
1286
1287
|
}, { className: D, style: f } = v[o];
|
|
1287
|
-
return /* @__PURE__ */ gt(tt.Root, { direction: o, children: [
|
|
1288
|
-
/* @__PURE__ */
|
|
1288
|
+
return /* @__PURE__ */ E(je, { children: /* @__PURE__ */ gt(tt.Root, { direction: o, children: [
|
|
1289
|
+
/* @__PURE__ */ E(tt.Trigger, { ...u && { asChild: u }, children: t }),
|
|
1289
1290
|
/* @__PURE__ */ gt(tt.Portal, { children: [
|
|
1290
|
-
/* @__PURE__ */
|
|
1291
|
-
/* @__PURE__ */
|
|
1291
|
+
/* @__PURE__ */ E(tt.Overlay, { className: "fixed inset-0 bg-transparent" }),
|
|
1292
|
+
/* @__PURE__ */ E(
|
|
1292
1293
|
tt.Content,
|
|
1293
1294
|
{
|
|
1295
|
+
asChild: !0,
|
|
1294
1296
|
className: `bg-drawer-bg z-10 flex flex-col outline-none [&_*]:box-border ${D}`,
|
|
1295
1297
|
style: f,
|
|
1296
|
-
children: [
|
|
1297
|
-
/* @__PURE__ */
|
|
1298
|
-
/* @__PURE__ */
|
|
1299
|
-
/* @__PURE__ */
|
|
1300
|
-
/* @__PURE__ */
|
|
1301
|
-
]
|
|
1298
|
+
children: /* @__PURE__ */ gt("div", { children: [
|
|
1299
|
+
/* @__PURE__ */ E(tt.Close, {}),
|
|
1300
|
+
/* @__PURE__ */ E(tt.Title, { className: "text-text-primary px-3 text-lg font-medium", children: n }),
|
|
1301
|
+
/* @__PURE__ */ E(tt.Description, { className: "!text-text-secondary mb-2 px-3 !text-xs uppercase", children: e }),
|
|
1302
|
+
/* @__PURE__ */ E("div", { className: "w-auto min-w-0 overflow-hidden px-3 py-2 [&_*]:min-w-0 [&>*]:min-w-0", children: a })
|
|
1303
|
+
] })
|
|
1302
1304
|
}
|
|
1303
1305
|
)
|
|
1304
1306
|
] })
|
|
1305
|
-
] });
|
|
1307
|
+
] }) });
|
|
1306
1308
|
};
|
|
1307
1309
|
export {
|
|
1308
|
-
|
|
1310
|
+
or as Drawer
|
|
1309
1311
|
};
|