@a-type/ui 6.1.16 → 6.1.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/dist/components/button/ConfirmedButton.js +2 -2
  2. package/dist/components/button/ConfirmedButton.js.map +1 -1
  3. package/dist/components/datePicker/DatePicker.d.ts +1 -1
  4. package/dist/components/datePicker/DatePicker.stories.d.ts +1 -1
  5. package/dist/components/datePicker/DateRangePicker.d.ts +1 -1
  6. package/dist/components/datePicker/DateRangePicker.js +15 -1
  7. package/dist/components/datePicker/DateRangePicker.js.map +1 -1
  8. package/dist/components/dialog/Dialog.d.ts +20 -34
  9. package/dist/components/dialog/Dialog.js +47 -208
  10. package/dist/components/dialog/Dialog.js.map +1 -1
  11. package/dist/components/dialog/Dialog.module.css +10 -82
  12. package/dist/components/dialog/Dialog.stories.js +8 -7
  13. package/dist/components/dialog/Dialog.stories.js.map +1 -1
  14. package/dist/components/drawer/Drawer.d.ts +25 -0
  15. package/dist/components/drawer/Drawer.js +102 -0
  16. package/dist/components/drawer/Drawer.js.map +1 -0
  17. package/dist/components/drawer/Drawer.module.css +182 -0
  18. package/dist/components/drawer/Drawer.stories.d.ts +7 -0
  19. package/dist/components/drawer/Drawer.stories.js +27 -0
  20. package/dist/components/drawer/Drawer.stories.js.map +1 -0
  21. package/dist/components/drawer/index.d.ts +1 -0
  22. package/dist/components/drawer/index.js +2 -0
  23. package/dist/components/drawer/index.js.map +1 -0
  24. package/dist/components/index.d.ts +1 -0
  25. package/dist/components/index.js +1 -0
  26. package/dist/components/index.js.map +1 -1
  27. package/dist/hooks/withContextVariant.d.ts +8 -0
  28. package/dist/hooks/withContextVariant.js +21 -0
  29. package/dist/hooks/withContextVariant.js.map +1 -0
  30. package/package.json +2 -2
  31. package/src/components/button/ConfirmedButton.tsx +9 -16
  32. package/src/components/datePicker/DateRangePicker.tsx +18 -1
  33. package/src/components/dialog/Dialog.module.css +10 -82
  34. package/src/components/dialog/Dialog.stories.tsx +45 -51
  35. package/src/components/dialog/Dialog.tsx +98 -332
  36. package/src/components/drawer/Drawer.module.css +181 -0
  37. package/src/components/drawer/Drawer.stories.tsx +68 -0
  38. package/src/components/drawer/Drawer.tsx +204 -0
  39. package/src/components/drawer/index.ts +1 -0
  40. package/src/components/index.ts +1 -0
  41. package/src/hooks/withContextVariant.tsx +24 -0
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
11
11
  };
12
12
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
13
  import { useCallback, useState } from 'react';
14
- import { Dialog, DialogActions, DialogClose, DialogContent, DialogTitle, DialogTrigger, } from '../dialog/index.js';
14
+ import { Dialog } from '../dialog/index.js';
15
15
  import { P } from '../typography/index.js';
16
16
  import { Button } from './Button.js';
17
17
  export function ConfirmedButton(_a) {
@@ -33,6 +33,6 @@ export function ConfirmedButton(_a) {
33
33
  onConfirm();
34
34
  } })));
35
35
  }
36
- return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [_jsx(DialogTrigger, Object.assign({ render: _jsx(Button, {}) }, rest)), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: confirmTitle }), _jsx(P, { children: confirmText }), _jsxs(DialogActions, { children: [_jsx(DialogClose, { render: _jsx(Button, { emphasis: "default" }), children: cancelAction }), _jsx(Button, { loading: loading, onClick: confirm, emphasis: "primary", color: confirmColor, children: confirmAction })] })] })] }));
36
+ return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [_jsx(Dialog.Trigger, Object.assign({ render: _jsx(Button, {}) }, rest)), _jsxs(Dialog.Content, { children: [_jsx(Dialog.Title, { children: confirmTitle }), _jsx(P, { children: confirmText }), _jsxs(Dialog.Actions, { children: [_jsx(Dialog.Close, { render: _jsx(Button, { emphasis: "default" }), children: cancelAction }), _jsx(Button, { loading: loading, onClick: confirm, emphasis: "primary", color: confirmColor, children: confirmAction })] })] })] }));
37
37
  }
38
38
  //# sourceMappingURL=ConfirmedButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ConfirmedButton.js","sourceRoot":"","sources":["../../../src/components/button/ConfirmedButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EACN,MAAM,EACN,aAAa,EACb,WAAW,EACX,aAAa,EACb,WAAW,EACX,aAAa,GACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,CAAC,EAAE,MAAM,wBAAwB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAe,MAAM,aAAa,CAAC;AAYlD,MAAM,UAAU,eAAe,CAAC,EAST;QATS,EAC/B,WAAW,EACX,YAAY,GAAG,eAAe,EAC9B,aAAa,GAAG,IAAI,EACpB,YAAY,GAAG,WAAW,EAC1B,YAAY,GAAG,SAAS,EACxB,SAAS,EACT,IAAI,OAEkB,EADnB,IAAI,cARwB,qGAS/B,CADO;IAEP,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACtC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACJ,MAAM,SAAS,EAAE,CAAC;YAClB,OAAO,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC;gBAAS,CAAC;YACV,UAAU,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,IAAI,EAAE,CAAC;QACV,OAAO,CACN,KAAC,MAAM,oBACF,IAAI,IACR,OAAO,EAAE,GAAG,EAAE;gBACb,SAAS,EAAE,CAAC;YACb,CAAC,IACA,CACF,CAAC;IACH,CAAC;IAED,OAAO,CACN,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACxC,KAAC,aAAa,kBAAC,MAAM,EAAE,KAAC,MAAM,KAAG,IAAM,IAAI,EAAI,EAC/C,MAAC,aAAa,eACb,KAAC,WAAW,cAAE,YAAY,GAAe,EACzC,KAAC,CAAC,cAAE,WAAW,GAAK,EACpB,MAAC,aAAa,eACb,KAAC,WAAW,IAAC,MAAM,EAAE,KAAC,MAAM,IAAC,QAAQ,EAAC,SAAS,GAAG,YAChD,YAAY,GACA,EACd,KAAC,MAAM,IACN,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAC,SAAS,EAClB,KAAK,EAAE,YAAY,YAElB,aAAa,GACN,IACM,IACD,IACR,CACT,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"ConfirmedButton.js","sourceRoot":"","sources":["../../../src/components/button/ConfirmedButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,CAAC,EAAE,MAAM,wBAAwB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAe,MAAM,aAAa,CAAC;AAYlD,MAAM,UAAU,eAAe,CAAC,EAST;QATS,EAC/B,WAAW,EACX,YAAY,GAAG,eAAe,EAC9B,aAAa,GAAG,IAAI,EACpB,YAAY,GAAG,WAAW,EAC1B,YAAY,GAAG,SAAS,EACxB,SAAS,EACT,IAAI,OAEkB,EADnB,IAAI,cARwB,qGAS/B,CADO;IAEP,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACtC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACJ,MAAM,SAAS,EAAE,CAAC;YAClB,OAAO,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC;gBAAS,CAAC;YACV,UAAU,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,IAAI,EAAE,CAAC;QACV,OAAO,CACN,KAAC,MAAM,oBACF,IAAI,IACR,OAAO,EAAE,GAAG,EAAE;gBACb,SAAS,EAAE,CAAC;YACb,CAAC,IACA,CACF,CAAC;IACH,CAAC;IAED,OAAO,CACN,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACxC,KAAC,MAAM,CAAC,OAAO,kBAAC,MAAM,EAAE,KAAC,MAAM,KAAG,IAAM,IAAI,EAAI,EAChD,MAAC,MAAM,CAAC,OAAO,eACd,KAAC,MAAM,CAAC,KAAK,cAAE,YAAY,GAAgB,EAC3C,KAAC,CAAC,cAAE,WAAW,GAAK,EACpB,MAAC,MAAM,CAAC,OAAO,eACd,KAAC,MAAM,CAAC,KAAK,IAAC,MAAM,EAAE,KAAC,MAAM,IAAC,QAAQ,EAAC,SAAS,GAAG,YACjD,YAAY,GACC,EACf,KAAC,MAAM,IACN,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAC,SAAS,EAClB,KAAK,EAAE,YAAY,YAElB,aAAa,GACN,IACO,IACD,IACT,CACT,CAAC;AACH,CAAC"}
@@ -18,7 +18,7 @@ export declare const DatePicker: typeof DatePickerDefault & {
18
18
  onDisplayChange?: (newValue: {
19
19
  month: number;
20
20
  year: number;
21
- }) => any;
21
+ }, source: "keyboard" | "programmatic") => any;
22
22
  displayYear: number;
23
23
  displayMonth: number;
24
24
  value?: Date | null;
@@ -10,7 +10,7 @@ declare const meta: {
10
10
  onDisplayChange?: (newValue: {
11
11
  month: number;
12
12
  year: number;
13
- }) => any;
13
+ }, source: "keyboard" | "programmatic") => any;
14
14
  displayYear: number;
15
15
  displayMonth: number;
16
16
  value?: Date | null;
@@ -29,7 +29,7 @@ export declare const DateRangePicker: typeof DateRangePickerBase & {
29
29
  onDisplayChange?: (newValue: {
30
30
  month: number;
31
31
  year: number;
32
- }) => any;
32
+ }, source: "keyboard" | "programmatic") => any;
33
33
  displayYear: number;
34
34
  displayMonth: number;
35
35
  value?: Date | null;
@@ -41,7 +41,21 @@ function DateRangePickerRoot(_a) {
41
41
  month: new Date().getMonth(),
42
42
  year: new Date().getFullYear(),
43
43
  }));
44
- const onDisplayChange = useCallback(({ month: newMonth, year: newYear }) => {
44
+ const onDisplayChange = useCallback(({ month: newMonth, year: newYear }, source) => {
45
+ /**
46
+ * Important UX consideration:
47
+ *
48
+ * since we are displaying 2 months at once, we don't
49
+ * always want to change our view if the user's cursor
50
+ * date moves from one month to another. Specifically,
51
+ * if they move from the first visible month to the
52
+ * second visible month, we don't need to change the view,
53
+ * since they are still within the visible range.
54
+ * So, we write logic to ignore that case!
55
+ */
56
+ if (source === 'keyboard' && newMonth === month + 1 && newYear === year) {
57
+ return;
58
+ }
45
59
  setDisplay({
46
60
  month: newMonth,
47
61
  year: newYear,
@@ -1 +1 @@
1
- {"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../src/components/datePicker/DateRangePicker.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../src/components/datePicker/DateRangePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAA4B,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EACN,WAAW,EACX,YAAY,EACZ,SAAS,EACT,WAAW,EACX,UAAU,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAElD,SAAS,4BAA4B;IACpC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC7D,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,kBAAkB,CAAC,OAAO,EAAE;QACpE,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,SAAS;KACf,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;IAC5C,MAAM,cAAc,GAAG,SAAS,CAAC,kBAAkB,CAAC,OAAO,EAAE;QAC5D,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,SAAS;KACf,CAAC,CAAC;IACH,OAAO,CACN,8BACC,KAAC,WAAW,IACX,QAAQ,EAAC,OAAO,EAChB,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,EAChC,OAAO,EAAE,GAAG,EAAE,CACb,cAAc,CAAC;oBACd,KAAK,EAAE,KAAK,GAAG,CAAC;oBAChB,IAAI,EAAE,IAAI;iBACV,CAAC,YAGH,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,GAAG,GACZ,EACd,KAAC,UAAU,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAG,UAAU,GAAc,EACvE,KAAC,UAAU,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,YACrE,cAAc,GACH,EACb,KAAC,WAAW,IACX,QAAQ,EAAC,OAAO,EAChB,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,EAChC,OAAO,EAAE,GAAG,EAAE,CACb,cAAc,CAAC;oBACd,KAAK,EAAE,KAAK,GAAG,CAAC;oBAChB,IAAI,EAAE,IAAI;iBACV,CAAC,YAGH,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GACb,IACZ,CACH,CAAC;AACH,CAAC;AAED,SAAS,mBAAmB,CAAC,EAQ5B;QAR4B,EAC5B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,OAIT,EAHG,IAAI,cALqB,8CAM5B,CADO;IAIP,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;QACrD,KAAK,EAAE,IAAI,IAAI,EAAE,CAAC,QAAQ,EAAE;QAC5B,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;KAC9B,CAAC,CAAC,CAAC;IAEJ,MAAM,eAAe,GAAG,WAAW,CAClC,CACC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAmC,EACnE,MAAmC,EAClC,EAAE;QACH;;;;;;;;;;WAUG;QACH,IAAI,MAAM,KAAK,UAAU,IAAI,QAAQ,KAAK,KAAK,GAAG,CAAC,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;YACzE,OAAO;QACR,CAAC;QACD,UAAU,CAAC;YACV,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,OAAO;SACb,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,KAAK,EAAE,IAAI,CAAC,CACb,CAAC;IAEF,OAAO,CACN,KAAC,QAAQ,kBACR,YAAY,EAAE,KAAK,EACnB,WAAW,EAAE,IAAI,EACjB,UAAU,EAAE,KAAK,EACjB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EACzC,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,IACnC,IAAI,cAER,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,QAAQ,GAAO,IAC1C,CACX,CAAC;AACH,CAAC;AASD,SAAS,mBAAmB,CAAC,KAA2B;IACvD,OAAO,CACN,MAAC,mBAAmB,oBAAK,KAAK,eAC7B,KAAC,4BAA4B,KAAG,EAChC,KAAC,YAAY,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,YAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,IAAO,KAAK,CAAC,GAAG,CAAI,GAC3C,EACf,KAAC,YAAY,IACZ,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,EAChC,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,WAAW,EAAE,CAAC,YAEb,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,IAAO,KAAK,CAAC,GAAG,CAAI,GAC3C,KACM,CACtB,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,mBAAmB,EAAE;IACjE,IAAI,EAAE,mBAAmB;IACzB,WAAW,EAAE,CAAC,EAAE,QAAQ,EAA4B,EAAE,EAAE,CAAC,CACxD,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,QAAQ,GAAO,CACpD;IACD,SAAS;IACT,WAAW;IACX,QAAQ;IACR,YAAY;IACZ,YAAY;IACZ,aAAa,EAAE,4BAA4B;IAC3C,WAAW;IACX,UAAU;CACV,CAAC,CAAC"}
@@ -1,50 +1,35 @@
1
+ import { UseRenderRenderProp } from '@base-ui/react';
1
2
  import { Dialog as BaseDialog, DialogCloseProps, DialogPopupProps, DialogRootProps, DialogTriggerProps } from '@base-ui/react/dialog';
2
3
  import { Radio as BaseRadio } from '@base-ui/react/radio';
3
4
  import { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group';
4
5
  import { ComponentPropsWithoutRef, Ref } from 'react';
5
- export interface DialogContentProps extends DialogPopupProps {
6
+ export interface DialogContentProps extends Omit<DialogPopupProps, 'className' | 'style' | 'render'> {
6
7
  width?: 'sm' | 'md' | 'lg';
7
- disableSheet?: boolean;
8
8
  disableDefaultClose?: boolean;
9
9
  /** @deprecated */
10
10
  outerClassName?: string;
11
11
  ref?: Ref<HTMLDivElement>;
12
12
  innerClassName?: string;
13
+ className?: string;
14
+ style?: React.CSSProperties;
15
+ render?: UseRenderRenderProp<{
16
+ open: boolean;
17
+ }>;
18
+ }
19
+ export interface DialogProps extends Omit<DialogRootProps, 'children'> {
20
+ children: React.ReactNode;
21
+ disableSheet?: boolean;
13
22
  }
14
- export declare const Content: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, innerClassName, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
15
- export declare function DialogSwipeHandle({ ref, className, ...props }: ComponentPropsWithoutRef<'div'> & {
16
- ref?: React.Ref<HTMLDivElement>;
17
- }): import("react/jsx-runtime").JSX.Element;
18
- export declare const DialogDefaultClose: ({ ref, className, showOnMobile, ...props }: DialogCloseProps & {
19
- ref?: React.Ref<HTMLButtonElement>;
20
- showOnMobile?: boolean;
21
- }) => import("react/jsx-runtime").JSX.Element;
22
- export declare const DialogTrigger: ({ render, ...props }: DialogTriggerProps) => import("react/jsx-runtime").JSX.Element;
23
- export declare const DialogContent: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, innerClassName, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
24
- export declare const DialogTitle: import("react").FunctionComponent<Omit<import("@base-ui/react/dialog").DialogTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
25
- export declare const DialogDescription: import("react").FunctionComponent<Omit<import("@base-ui/react/dialog").DialogDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
26
- export declare const DialogClose: ({ children, render, ...props }: DialogCloseProps & {
27
- ref?: React.Ref<HTMLButtonElement>;
28
- }) => import("react/jsx-runtime").JSX.Element;
29
- export type { DialogRootProps as DialogProps } from '@base-ui/react/dialog';
30
- export declare const DialogActions: import("react").FunctionComponent<import("../box/Box.js").BoxProps>;
31
- export declare const DialogSelectTrigger: ({ children, className, ...props }: DialogTriggerProps & {
32
- ref?: React.Ref<HTMLButtonElement>;
33
- }) => import("react/jsx-runtime").JSX.Element;
34
- export declare const DialogSelectList: import("react").FunctionComponent<BaseRadioGroup.Props<unknown>>;
35
- export declare const DialogSelectItemRoot: import("react").FunctionComponent<BaseRadio.Root.Props<unknown>>;
36
- export declare const DialogSelectItem: ({ children, ...props }: ComponentPropsWithoutRef<typeof DialogSelectItemRoot> & {
37
- ref?: React.Ref<HTMLButtonElement>;
38
- }) => import("react/jsx-runtime").JSX.Element;
39
- export declare const Dialog: ((props: DialogRootProps) => import("react/jsx-runtime").JSX.Element) & {
40
- Trigger: ({ render, ...props }: DialogTriggerProps) => import("react/jsx-runtime").JSX.Element;
41
- Content: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, innerClassName, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
42
- Title: import("react").FunctionComponent<Omit<import("@base-ui/react/dialog").DialogTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
43
- Description: import("react").FunctionComponent<Omit<import("@base-ui/react/dialog").DialogDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
44
- Close: ({ children, render, ...props }: DialogCloseProps & {
23
+ declare const DialogSelectItemRoot: import("react").FunctionComponent<BaseRadio.Root.Props<unknown>>;
24
+ export declare const Dialog: (({ children, defaultOpen, disableSheet, ...rootProps }: DialogProps) => import("react/jsx-runtime").JSX.Element) & {
25
+ Trigger: (props: DialogTriggerProps<unknown>) => import("react/jsx-runtime").JSX.Element;
26
+ Content: (props: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
27
+ Title: (props: Omit<import("@base-ui/react").AlertDialogTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>) => import("react/jsx-runtime").JSX.Element;
28
+ Description: (props: Omit<import("@base-ui/react").AlertDialogDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>) => import("react/jsx-runtime").JSX.Element;
29
+ Close: (props: DialogCloseProps & {
45
30
  ref?: React.Ref<HTMLButtonElement>;
46
31
  }) => import("react/jsx-runtime").JSX.Element;
47
- Actions: import("react").FunctionComponent<import("../box/Box.js").BoxProps>;
32
+ Actions: (props: import("../box/Box.js").BoxProps) => import("react/jsx-runtime").JSX.Element;
48
33
  SelectTrigger: ({ children, className, ...props }: DialogTriggerProps & {
49
34
  ref?: React.Ref<HTMLButtonElement>;
50
35
  }) => import("react/jsx-runtime").JSX.Element;
@@ -56,3 +41,4 @@ export declare const Dialog: ((props: DialogRootProps) => import("react/jsx-runt
56
41
  createHandle: typeof BaseDialog.createHandle;
57
42
  };
58
43
  export type DialogParts = typeof BaseDialog;
44
+ export {};
@@ -13,244 +13,83 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
13
  import { Dialog as BaseDialog, } from '@base-ui/react/dialog';
14
14
  import { Radio as BaseRadio } from '@base-ui/react/radio';
15
15
  import { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group';
16
- import { useDrag } from '@use-gesture/react';
17
16
  import clsx from 'clsx';
18
- import { createContext, useCallback, useContext, useRef, useState, } from 'react';
17
+ import { useCallback, useState } from 'react';
19
18
  import { useMediaQuery } from '../../hooks/useMediaQuery.js';
20
- import useMergedRef from '../../hooks/useMergedRef.js';
21
19
  import { withClassName } from '../../hooks/withClassName.js';
20
+ import { createWithContextVariant } from '../../hooks/withContextVariant.js';
22
21
  import { Box } from '../box/Box.js';
23
22
  import { Button } from '../button/index.js';
23
+ import { Drawer } from '../drawer/Drawer.js';
24
+ import drawerCls from '../drawer/Drawer.module.css';
24
25
  import { Icon } from '../icon/Icon.js';
25
- import { useParticles } from '../particles/index.js';
26
26
  import menuCls from '../primitives/menus.module.css';
27
- import { useConfig } from '../provider/Provider.js';
28
27
  import { ScrollArea } from '../scrollArea/ScrollArea.js';
29
28
  import { selectTriggerClassName } from '../select/index.js';
30
29
  import cls from './Dialog.module.css';
30
+ const { Context: MobileDrawerContext, withContextVariant } = createWithContextVariant();
31
+ // baseline Dialog-specific component implementations
31
32
  const StyledOverlay = withClassName(BaseDialog.Backdrop, cls.overlay);
32
33
  const StyledContent = withClassName(BaseDialog.Popup, cls.content);
33
- function sheetCloseGestureLogic(swipeY, dy, last, close, content) {
34
- const contentHeight = content.clientHeight;
35
- const shouldClose = last && (swipeY === 1 || dy > contentHeight / 2);
36
- if (shouldClose) {
37
- close();
38
- }
39
- const gestureY = last ? (shouldClose ? -1000 : 0) : -Math.max(0, dy);
40
- content.style.setProperty('--gesture-y', `${gestureY}px`);
41
- content.style.setProperty('transition', last ? 'bottom 0.2s' : '');
42
- }
43
- // filter out gestures that are within scrollable descendants
44
- // if those elements are not scrolled to the top already
45
- function filterScrollables(target, root, dy, vy) {
46
- // always allow upward swipes
47
- if (vy < 0) {
48
- return false;
49
- }
50
- let cur = target;
51
- while (cur) {
52
- if (cur === root)
53
- return false;
54
- cur = cur.parentElement;
55
- if (cur &&
56
- cur.scrollHeight > cur.clientHeight &&
57
- cur.scrollTop !== 0 &&
58
- vy >= 0)
59
- return true;
60
- }
61
- return false;
62
- }
63
- const SWIPE_VELOCITY_THRESHOLD = 1.5;
64
- export const Content = function Content(_a) {
65
- var { ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, innerClassName } = _a, props = __rest(_a, ["ref", "children", "width", "outerClassName", "className", "disableSheet", "disableDefaultClose", "innerClassName"]);
66
- const particles = useParticles();
67
- const wasOpenRef = useRef(false);
68
- const openRef = useCallback((element) => {
69
- if (!wasOpenRef.current && (element === null || element === void 0 ? void 0 : element.hasAttribute('data-open'))) {
70
- wasOpenRef.current = true;
71
- const matchesSmall = !disableSheet &&
72
- typeof window !== 'undefined' &&
73
- !window.matchMedia('(min-width:600px)').matches;
74
- if (!matchesSmall)
75
- return;
76
- setTimeout(() => {
77
- particles === null || particles === void 0 ? void 0 : particles.addParticles(particles.elementExplosion({
78
- count: 20,
79
- margin: 40,
80
- borders: ['top'],
81
- color: [
82
- {
83
- space: 'rgb',
84
- values: [0, 0, 0],
85
- opacity: 0.02,
86
- },
87
- {
88
- space: 'rgb',
89
- values: [0, 0, 0],
90
- opacity: 0,
91
- },
92
- ],
93
- element,
94
- startRadius: 15,
95
- endRadius: 0,
96
- lifespan: 1000,
97
- force: 0.5,
98
- drag: 0.01,
99
- forceFuzz: 0.5,
100
- angleFuzz: 0.1,
101
- }));
102
- }, 180);
103
- }
104
- else if (!(element === null || element === void 0 ? void 0 : element.hasAttribute('data-open'))) {
105
- wasOpenRef.current = false;
106
- }
107
- }, [particles, disableSheet]);
108
- const { gestureRef, onTouchStart, onTouchMove, onTouchEnd } = useDialogInherentSwipe({ disableSheet });
109
- const finalRef = useMergedRef(ref, openRef, gestureRef);
110
- const { virtualKeyboardBehavior } = useConfig();
111
- return (_jsxs(BaseDialog.Portal, { children: [_jsx(StyledOverlay, {}), _jsxs(StyledContent, Object.assign({ "data-dialog-content": true, ref: finalRef }, props, { onTouchStart: onTouchStart, onTouchMove: onTouchMove, onTouchEnd: onTouchEnd, onTouchCancel: onTouchEnd, "data-disable-sheet": disableSheet ? 'true' : undefined, "data-keyboard-behavior": virtualKeyboardBehavior, "data-width": width, className: clsx(outerClassName || className), children: [!disableDefaultClose && (_jsx(DialogDefaultClose, { showOnMobile: disableSheet })), !disableSheet && _jsx(DialogSwipeHandle, {}), _jsx(ScrollArea, { direction: "vertical", className: cls.contentScrollArea, children: _jsx(ScrollArea.Content, { className: clsx(cls.contentScrollAreaContent, innerClassName), style: {
112
- minWidth: undefined,
113
- }, children: children }) })] }))] }));
34
+ const FunctionalContent = function Content(_a) {
35
+ var { ref, children, width, outerClassName, className, disableDefaultClose, innerClassName } = _a, props = __rest(_a, ["ref", "children", "width", "outerClassName", "className", "disableDefaultClose", "innerClassName"]);
36
+ return (_jsxs(BaseDialog.Portal, { children: [_jsx(StyledOverlay, {}), _jsxs(StyledContent, Object.assign({ ref: ref }, props, { "data-width": width, className: clsx(outerClassName || className), children: [!disableDefaultClose && _jsx(DialogDefaultClose, {}), _jsx(ScrollArea, { direction: "vertical", className: drawerCls.contentScrollArea, children: _jsx(ScrollArea.Content, { className: clsx(drawerCls.contentScrollAreaContent, innerClassName), style: { minWidth: undefined }, children: children }) })] }))] }));
114
37
  };
115
- function useDialogInherentSwipe({ disableSheet }) {
116
- const gestureRef = useRef(null);
117
- const close = useContext(DialogCloseContext);
118
- const isSmall = useMediaQuery('(max-width: 640px)');
119
- const gestureState = useRef({
120
- sy: 0,
121
- dy: 0,
122
- vy: 0,
123
- active: false,
124
- timeStamp: 0,
125
- filtered: false,
126
- });
127
- const onTouchStart = useCallback((event) => {
128
- if (!isSmall || disableSheet)
129
- return;
130
- const touch = event.touches[0];
131
- gestureState.current.sy = touch.clientY;
132
- gestureState.current.timeStamp = event.timeStamp;
133
- }, [isSmall, disableSheet]);
134
- const onTouchMove = useCallback((event) => {
135
- var _a;
136
- if (!isSmall || disableSheet)
137
- return;
138
- const touch = event.touches[0];
139
- const dy = touch.clientY - gestureState.current.sy;
140
- const vy = (dy - gestureState.current.dy) /
141
- (event.timeStamp -
142
- ((_a = gestureState.current.timeStamp) !== null && _a !== void 0 ? _a : event.timeStamp - 1));
143
- gestureState.current.dy = dy;
144
- gestureState.current.vy = vy;
145
- if (gestureState.current.filtered ||
146
- filterScrollables(event.target, gestureRef.current, dy, vy)) {
147
- gestureState.current.filtered = true;
148
- return;
149
- }
150
- if (!gestureState.current.active) {
151
- gestureState.current.active = true;
152
- gestureState.current.sy = touch.clientY;
153
- }
154
- if (gestureRef.current && gestureRef.current.scrollTop < 3) {
155
- sheetCloseGestureLogic(Math.abs(vy) > SWIPE_VELOCITY_THRESHOLD ? Math.sign(vy) : 0, dy, false, close, gestureRef.current);
156
- }
157
- gestureState.current.timeStamp = event.timeStamp;
158
- }, [isSmall, disableSheet, close]);
159
- const onTouchEnd = useCallback((event) => {
160
- if (gestureState.current.active && gestureRef.current) {
161
- const { vy, dy } = gestureState.current;
162
- sheetCloseGestureLogic(Math.abs(vy) > SWIPE_VELOCITY_THRESHOLD ? Math.sign(vy) : 0, dy, true, close, gestureRef.current);
163
- }
164
- gestureState.current.active = false;
165
- gestureState.current.filtered = false;
166
- gestureState.current.timeStamp = event.timeStamp;
167
- gestureState.current.vy = 0;
168
- gestureState.current.dy = 0;
169
- gestureState.current.sy = 0;
170
- }, [close]);
171
- return { gestureRef, onTouchStart, onTouchMove, onTouchEnd };
172
- }
173
- export function DialogSwipeHandle(_a) {
174
- var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
175
- const close = useContext(DialogCloseContext);
176
- const innerRef = useRef(null);
177
- useDrag(({ swipe: [, swipeY], movement: [, dy], last }) => {
178
- const content = findParentDialogContent(innerRef.current);
179
- if (!content)
180
- return;
181
- sheetCloseGestureLogic(swipeY, dy, last, close, content);
182
- }, {
183
- target: innerRef,
184
- axis: 'y',
185
- });
186
- const finalRef = useMergedRef(ref, innerRef);
187
- return (_jsx("div", Object.assign({ ref: finalRef }, props, { className: clsx(cls.swipeHandle, className), children: _jsx("div", { className: cls.swipeHandleBar }) })));
188
- }
189
- function findParentDialogContent(element) {
190
- if (!element)
191
- return null;
192
- if (element.getAttribute('data-dialog-content'))
193
- return element;
194
- return findParentDialogContent(element.parentElement);
195
- }
196
- const DialogCloseContext = createContext(() => { });
197
- export const DialogDefaultClose = function DialogDefaultClose(_a) {
38
+ const DialogDefaultClose = function DialogDefaultClose(_a) {
198
39
  var { ref, className, showOnMobile } = _a, props = __rest(_a, ["ref", "className", "showOnMobile"]);
199
40
  return (_jsx(DialogClose, Object.assign({ className: clsx(cls.close, className), "data-show-on-mobile": showOnMobile, "aria-label": "Close dialog", ref: ref }, props, { render: _jsx(Button, { emphasis: "ghost", size: "small" }), children: _jsx(Icon, { name: "x" }) })));
200
41
  };
201
- const StyledTitle = withClassName(BaseDialog.Title, cls.title);
42
+ const StyledDialogTitle = withClassName(BaseDialog.Title, cls.title);
202
43
  const StyledDescription = withClassName(BaseDialog.Description, cls.description);
203
- // Exports
204
- const DialogRoot = (props) => {
205
- var _a;
206
- const [innerOpen, innerOnOpenChange] = useState(props.defaultOpen || false);
207
- const open = (_a = props.open) !== null && _a !== void 0 ? _a : innerOpen;
208
- const onOpenChange = useCallback((open, eventDetails) => {
209
- var _a;
210
- innerOnOpenChange(open);
211
- (_a = props.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(props, open, eventDetails);
212
- }, [props.onOpenChange]);
213
- const close = useCallback(() => {
214
- onOpenChange(false, {
215
- allowPropagation() { },
216
- cancel() { },
217
- isCanceled: false,
218
- event: null,
219
- isPropagationAllowed: true,
220
- preventUnmountOnClose() { },
221
- reason: 'imperative-action',
222
- trigger: undefined,
223
- });
224
- }, [onOpenChange]);
225
- return (_jsx(DialogCloseContext.Provider, { value: close, children: _jsx(BaseDialog.Root, Object.assign({}, props, { open: open, onOpenChange: onOpenChange })) }));
226
- };
227
- export const DialogTrigger = (_a) => {
44
+ const StyledTrigger = (_a) => {
228
45
  var { render } = _a, props = __rest(_a, ["render"]);
229
46
  return (_jsx(BaseDialog.Trigger, Object.assign({ render: render || _jsx(Button, {}) }, props)));
230
47
  };
231
- export const DialogContent = Content;
232
- export const DialogTitle = StyledTitle;
233
- export const DialogDescription = StyledDescription;
234
- export const DialogClose = function DialogClose(_a) {
48
+ const StyledClose = function DialogClose(_a) {
235
49
  var { children, render } = _a, props = __rest(_a, ["children", "render"]);
236
50
  return (_jsx(BaseDialog.Close, Object.assign({ render: render !== null && render !== void 0 ? render : _jsx(Button, { emphasis: "default" }) }, props, { children: children !== null && children !== void 0 ? children : 'Close' })));
237
51
  };
238
- export const DialogActions = withClassName(Box, cls.actions);
239
- export const DialogSelectTrigger = function DialogSelectTrigger(_a) {
52
+ const StyledActions = withClassName(Box, cls.actions);
53
+ // Variant Dialog/Drawer component wrappers
54
+ const DialogContent = withContextVariant(Drawer.Content, FunctionalContent);
55
+ const DialogTitle = withContextVariant(Drawer.Title, StyledDialogTitle);
56
+ const DialogDescription = withContextVariant(Drawer.Description, StyledDescription);
57
+ const DialogRoot = (_a) => {
58
+ var _b;
59
+ var { children, defaultOpen, disableSheet } = _a, rootProps = __rest(_a, ["children", "defaultOpen", "disableSheet"]);
60
+ const [innerOpen, innerOnOpenChange] = useState(defaultOpen || false);
61
+ const open = (_b = rootProps.open) !== null && _b !== void 0 ? _b : innerOpen;
62
+ const onOpenChange = useCallback((open, eventDetails) => {
63
+ var _a;
64
+ innerOnOpenChange(open);
65
+ (_a = rootProps.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(rootProps, open, eventDetails);
66
+ }, [rootProps.onOpenChange]);
67
+ const isSmall = useMediaQuery('(max-width: 600px)');
68
+ const useDrawer = isSmall && !disableSheet;
69
+ if (useDrawer) {
70
+ return (_jsx(MobileDrawerContext.Provider, { value: true, children: _jsx(Drawer, Object.assign({}, rootProps, { open: open, onOpenChange: onOpenChange, children: children })) }));
71
+ }
72
+ return (_jsx(BaseDialog.Root, Object.assign({}, rootProps, { open: open, onOpenChange: onOpenChange, children: children })));
73
+ };
74
+ const DialogTrigger = withContextVariant(Drawer.Trigger, StyledTrigger);
75
+ const DialogClose = withContextVariant(Drawer.Close, StyledClose);
76
+ const DialogActions = withContextVariant(Drawer.Actions, StyledActions);
77
+ // "Select" stuff - deprecate soon?
78
+ const DialogSelectTrigger = function DialogSelectTrigger(_a) {
240
79
  var { children, className } = _a, props = __rest(_a, ["children", "className"]);
241
- return (_jsxs(BaseDialog.Trigger, Object.assign({ className: clsx(selectTriggerClassName, className) }, props, { children: [_jsx("span", { children: children }), _jsx(Icon, { name: "chevron" })] })));
80
+ return (_jsxs(DialogTrigger, Object.assign({ className: clsx(selectTriggerClassName, className) }, props, { children: [_jsx("span", { children: children }), _jsx(Icon, { name: "chevron" })] })));
242
81
  };
243
- export const DialogSelectList = withClassName(BaseRadioGroup, menuCls.itemList);
244
- export const DialogSelectItemRoot = withClassName(BaseRadio.Root, menuCls.item);
245
- export const DialogSelectItem = function DialogSelectItem(_a) {
82
+ const DialogSelectList = withClassName(BaseRadioGroup, menuCls.itemList);
83
+ const DialogSelectItemRoot = withClassName(BaseRadio.Root, menuCls.item);
84
+ const DialogSelectItem = function DialogSelectItem(_a) {
246
85
  var { children } = _a, props = __rest(_a, ["children"]);
247
86
  return (_jsxs(DialogSelectItemRoot, Object.assign({}, props, { children: [_jsx("span", { className: menuCls.itemText, children: children }), _jsx(BaseRadio.Indicator, { className: menuCls.itemIndicator, children: _jsx(Icon, { name: "check" }) })] })));
248
87
  };
249
88
  export const Dialog = Object.assign(DialogRoot, {
250
89
  Trigger: DialogTrigger,
251
- Content,
252
- Title: StyledTitle,
253
- Description: StyledDescription,
90
+ Content: DialogContent,
91
+ Title: DialogTitle,
92
+ Description: DialogDescription,
254
93
  Close: DialogClose,
255
94
  Actions: DialogActions,
256
95
  SelectTrigger: DialogSelectTrigger,
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
@@ -24,10 +24,9 @@
24
24
  align-items: stretch;
25
25
  overflow: clip;
26
26
  transition: all var(--m-dur) var(--m-ease);
27
- --shadow-dir: 1;
28
27
  @apply --mx-shadow;
29
- --mx-shadow-value: 0 calc(var(--shadow-dir, 1) * var(--m-shadow-lg-y))
30
- var(--m-shadow-lg-blur) var(--m-shadow-lg-spread) var(--m-shadow-lg-color);
28
+ --mx-shadow-value: 0 var(--m-shadow-lg-y) var(--m-shadow-lg-blur)
29
+ var(--m-shadow-lg-spread) var(--m-shadow-lg-color);
31
30
  @apply --mx-bg(var(--m-surface-ambient-bg));
32
31
  @apply --mx-borderColor(var(--m-gray-heavy));
33
32
 
@@ -46,55 +45,14 @@
46
45
  transform: translate3d(-50%, -45%, 0) scale(0.95);
47
46
  }
48
47
 
49
- &:not([data-disable-sheet='true']) {
50
- @media (max-width: 600px) {
51
- --shadow-dir: -1;
52
- top: auto;
53
- bottom: 0;
54
- left: 0;
55
- right: 0;
56
- max-width: unset;
57
- height: min-content;
58
- width: 100vw;
59
- border-radius: var(--m-surface-rd) var(--m-surface-rd) 0 0;
60
- border-bottom-width: 0;
61
- transform: translate(0, 0);
62
- padding-bottom: env(safe-area-inset-bottom);
63
- padding-top: var(--m-sp-lg);
64
-
65
- &[data-starting-style],
66
- &[data-ending-style] {
67
- opacity: 0;
68
- transform: translate3d(0, 100%, 0) scale(0.98);
69
- }
70
-
71
- &[data-width='lg'] {
72
- max-width: 800px;
73
- }
74
- &[data-width='md'] {
75
- max-width: 600px;
76
- }
77
- &[data-width='sm'] {
78
- max-width: 300px;
79
- }
80
-
81
- &[data-keyboard-behavior='overlay'] {
82
- bottom: calc(
83
- var(--mock-virtual-keyboard-height, env(keyboard-inset-height, 0px)) +
84
- var(--gesture-y, 0px)
85
- );
86
- max-height: calc(
87
- 95vh -
88
- var(--mock-virtual-keyboard-height, env(keyboard-inset-height, 0px))
89
- );
90
- }
91
- &[data-keyboard-behavior='displace'] {
92
- bottom: calc(
93
- var(--viewport-bottom-offset, 0px) + var(--gesture-y, 0px)
94
- );
95
- max-height: calc(0.85 * var(--viewport-height, 100vh));
96
- }
97
- }
48
+ &[data-width='lg'] {
49
+ max-width: 800px;
50
+ }
51
+ &[data-width='md'] {
52
+ max-width: 600px;
53
+ }
54
+ &[data-width='sm'] {
55
+ max-width: 300px;
98
56
  }
99
57
  }
100
58
 
@@ -110,42 +68,12 @@
110
68
  padding: var(--m-surface-p);
111
69
  }
112
70
 
113
- .swipeHandle {
114
- display: block;
115
- position: absolute;
116
- top: 0;
117
- left: 50%;
118
- transform: translateX(-50%) scale(1);
119
- width: 20%;
120
- cursor: grab;
121
- will-change: transform;
122
- touch-action: none;
123
- padding-block: var(--m-sp-sm);
124
- z-index: 1;
125
-
126
- @media (min-width: 600px) {
127
- display: none;
128
- }
129
- }
130
- .swipeHandleBar {
131
- height: 4px;
132
- width: 100%;
133
- @apply --mx-bg(var(--m-gray));
134
- border-radius: var(--m-rd-lg);
135
- }
136
-
137
71
  .close {
138
72
  position: absolute;
139
73
  right: var(--m-sp-sm);
140
74
  top: var(--m-sp-sm);
141
75
  z-index: 101;
142
76
  display: flex;
143
-
144
- &[data-show-on-mobile='false'] {
145
- @media (max-width: 600px) {
146
- display: none;
147
- }
148
- }
149
77
  }
150
78
 
151
79
  .title {