@a-type/ui 2.1.11 → 2.1.13
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/cjs/colorMode.d.ts +1 -0
- package/dist/cjs/colorMode.js +4 -0
- package/dist/cjs/colorMode.js.map +1 -1
- package/dist/cjs/components/box/Box.d.ts +2 -1
- package/dist/cjs/components/box/Box.js +2 -2
- package/dist/cjs/components/box/Box.js.map +1 -1
- package/dist/cjs/components/checkbox/Checkbox.js +1 -1
- package/dist/cjs/components/checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.d.ts +7 -17
- package/dist/cjs/components/dialog/Dialog.js +23 -10
- package/dist/cjs/components/dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.stories.d.ts +2 -6
- package/dist/cjs/components/dialog/Dialog.stories.js +10 -3
- package/dist/cjs/components/dialog/Dialog.stories.js.map +1 -1
- package/dist/cjs/components/layouts/PageNav.js +1 -1
- package/dist/cjs/components/layouts/PageNav.js.map +1 -1
- package/dist/cjs/components/layouts/PageNowPlaying.js +1 -1
- package/dist/cjs/components/layouts/PageNowPlaying.js.map +1 -1
- package/dist/cjs/components/particles/ParticleLayer.js +2 -2
- package/dist/cjs/components/particles/ParticleLayer.js.map +1 -1
- package/dist/cjs/components/provider/Provider.js +4 -0
- package/dist/cjs/components/provider/Provider.js.map +1 -1
- package/dist/cjs/hooks/useMediaQuery.d.ts +1 -0
- package/dist/cjs/hooks/useMediaQuery.js +24 -0
- package/dist/cjs/hooks/useMediaQuery.js.map +1 -0
- package/dist/cjs/hooks/useTitleBarColor.d.ts +4 -1
- package/dist/cjs/hooks/useTitleBarColor.js +19 -3
- package/dist/cjs/hooks/useTitleBarColor.js.map +1 -1
- package/dist/cjs/hooks/useTitleBarColor.stories.d.ts +14 -0
- package/dist/cjs/hooks/useTitleBarColor.stories.js +56 -0
- package/dist/cjs/hooks/useTitleBarColor.stories.js.map +1 -0
- package/dist/cjs/uno.preset.d.ts +2 -1
- package/dist/cjs/uno.preset.js +15 -22
- package/dist/cjs/uno.preset.js.map +1 -1
- package/dist/css/main.css +4 -2
- package/dist/esm/colorMode.d.ts +1 -0
- package/dist/esm/colorMode.js +3 -0
- package/dist/esm/colorMode.js.map +1 -1
- package/dist/esm/components/box/Box.d.ts +2 -1
- package/dist/esm/components/box/Box.js +2 -2
- package/dist/esm/components/box/Box.js.map +1 -1
- package/dist/esm/components/checkbox/Checkbox.js +1 -1
- package/dist/esm/components/checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.d.ts +7 -17
- package/dist/esm/components/dialog/Dialog.js +23 -10
- package/dist/esm/components/dialog/Dialog.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.stories.d.ts +2 -6
- package/dist/esm/components/dialog/Dialog.stories.js +7 -0
- package/dist/esm/components/dialog/Dialog.stories.js.map +1 -1
- package/dist/esm/components/layouts/PageNav.js +1 -1
- package/dist/esm/components/layouts/PageNav.js.map +1 -1
- package/dist/esm/components/layouts/PageNowPlaying.js +1 -1
- package/dist/esm/components/layouts/PageNowPlaying.js.map +1 -1
- package/dist/esm/components/particles/ParticleLayer.js +2 -2
- package/dist/esm/components/particles/ParticleLayer.js.map +1 -1
- package/dist/esm/components/provider/Provider.js +5 -1
- package/dist/esm/components/provider/Provider.js.map +1 -1
- package/dist/esm/hooks/useMediaQuery.d.ts +1 -0
- package/dist/esm/hooks/useMediaQuery.js +21 -0
- package/dist/esm/hooks/useMediaQuery.js.map +1 -0
- package/dist/esm/hooks/useTitleBarColor.d.ts +4 -1
- package/dist/esm/hooks/useTitleBarColor.js +19 -3
- package/dist/esm/hooks/useTitleBarColor.js.map +1 -1
- package/dist/esm/hooks/useTitleBarColor.stories.d.ts +14 -0
- package/dist/esm/hooks/useTitleBarColor.stories.js +53 -0
- package/dist/esm/hooks/useTitleBarColor.stories.js.map +1 -0
- package/dist/esm/uno.preset.d.ts +2 -1
- package/dist/esm/uno.preset.js +15 -22
- package/dist/esm/uno.preset.js.map +1 -1
- package/package.json +1 -1
- package/src/colorMode.ts +8 -0
- package/src/components/box/Box.tsx +3 -1
- package/src/components/checkbox/Checkbox.tsx +1 -1
- package/src/components/dialog/Dialog.stories.tsx +41 -0
- package/src/components/dialog/Dialog.tsx +45 -18
- package/src/components/layouts/PageNav.tsx +1 -1
- package/src/components/layouts/PageNowPlaying.tsx +1 -1
- package/src/components/particles/ParticleLayer.tsx +2 -2
- package/src/components/provider/Provider.tsx +5 -1
- package/src/hooks/useMediaQuery.ts +25 -0
- package/src/hooks/useTitleBarColor.stories.tsx +100 -0
- package/src/hooks/useTitleBarColor.ts +24 -4
- package/src/uno.preset.ts +17 -7
|
@@ -21,14 +21,14 @@ function hasDefault(value, val) {
|
|
|
21
21
|
return value === val || (isResponsive(value) && value.default === val);
|
|
22
22
|
}
|
|
23
23
|
export function Box(_a) {
|
|
24
|
-
var { className, items: itemsSolo, justify: justifySolo, layout: align, gap = 'none', wrap, p = 'none', d = 'row', direction = d, container, style: userStyle, surface, theme, border, full, overflow, ref } = _a, rest = __rest(_a, ["className", "items", "justify", "layout", "gap", "wrap", "p", "d", "direction", "container", "style", "surface", "theme", "border", "full", "overflow", "ref"]);
|
|
24
|
+
var { className, items: itemsSolo, justify: justifySolo, layout: align, gap = 'none', wrap, p = 'none', d = 'row', direction = d, container, style: userStyle, surface, theme, border, full, overflow, col, ref } = _a, rest = __rest(_a, ["className", "items", "justify", "layout", "gap", "wrap", "p", "d", "direction", "container", "style", "surface", "theme", "border", "full", "overflow", "col", "ref"]);
|
|
25
25
|
const { spacingScale } = useContext(BoxContext);
|
|
26
26
|
const style = useMemo(() => (Object.assign(Object.assign({}, userStyle), { '--spacing-scale': container === 'reset' ? 1 : spacingScale, '--local-corner-scale': container === 'reset' ? 1 : `${spacingScale}` })), [userStyle, spacingScale, container]);
|
|
27
27
|
const items = itemsSolo !== null && itemsSolo !== void 0 ? itemsSolo : align === null || align === void 0 ? void 0 : align.split(' ')[0];
|
|
28
28
|
const justify = justifySolo !== null && justifySolo !== void 0 ? justifySolo : align === null || align === void 0 ? void 0 : align.split(' ')[1];
|
|
29
29
|
const main = (_jsx(SlotDiv, Object.assign({ ref: ref }, rest, { style: style, className: clsx('layer-components:flex layer-components:relative', {
|
|
30
30
|
'layer-components:flex-row': hasDefault(direction, 'row'),
|
|
31
|
-
'layer-components:flex-col': hasDefault(direction, 'col'),
|
|
31
|
+
'layer-components:flex-col': hasDefault(direction, 'col') || col,
|
|
32
32
|
'layer-components:flex-row-reverse': hasDefault(direction, 'row-reverse'),
|
|
33
33
|
'layer-components:flex-col-reverse': hasDefault(direction, 'col-reverse'),
|
|
34
34
|
'layer-components:sm:flex-row': isResponsive(direction) && direction.sm === 'row',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,aAAa,EAAO,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,OAAO,EAAgB,MAAM,uBAAuB,CAAC;AAoB9D,SAAS,YAAY,CACpB,KAAuB;IAEvB,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC;AAClC,CAAC;AAED,SAAS,UAAU,CAAI,KAAuB,EAAE,GAAM;IACrD,OAAO,KAAK,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,OAAO,KAAK,GAAG,CAAC,CAAC;AACxE,CAAC;
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/box/Box.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,7 +18,7 @@ import classNames from 'clsx';
|
|
|
18
18
|
export function CheckboxRoot(_a) {
|
|
19
19
|
var { className, checkedMode = 'prominent' } = _a, props = __rest(_a, ["className", "checkedMode"]);
|
|
20
20
|
return (_jsx(CheckboxPrimitive.Root, Object.assign({}, props, { className: classNames('layer-components:w-28px layer-components:h-28px layer-components:flex-shrink-0 layer-components:relative layer-components:bg-white layer-components:border-default layer-components:transition layer-components:rounded-lg layer-components:shadow-sm', 'layer-components:focus-visible:outline-off layer-components:focus-visible:shadow-focus', checkedMode === 'faded'
|
|
21
|
-
? 'layer-components:[&[data-state=checked]]:bg-primary layer-components:[&[data-state=checked]]:animate-checkbox-fade'
|
|
21
|
+
? 'layer-components:[&[data-state=checked]]:bg-primary layer-components:[&[data-state=checked]]:animate-checkbox-fade layer-components:[&[data-state=checked]]:animate-forwards'
|
|
22
22
|
: 'layer-components:[&[data-state=checked]]:bg-primary layer-components:[&[data-state=checked]]:border-primary-dark', 'layer-components:[&:hover:not(:disabled)]:shadow-[0_0_0_1px_var(--color-black)]', 'layer-components:[&:disabled]:bg-transparent layer-components:[&:disabled]:border-gray-light layer-components:[&:disabled]:shadow-none', className) })));
|
|
23
23
|
}
|
|
24
24
|
export function CheckboxIndicator(_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,UAAU,MAAM,MAAM,CAAC;AAc9B,MAAM,UAAU,YAAY,CAAC,EAIb;QAJa,EAC5B,SAAS,EACT,WAAW,GAAG,WAAW,OAEV,EADZ,KAAK,cAHoB,4BAI5B,CADQ;IAER,OAAO,CACN,KAAC,iBAAiB,CAAC,IAAI,oBAClB,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,iHAAiH,EACjH,2DAA2D,EAC3D,WAAW,KAAK,OAAO;YACtB,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,UAAU,MAAM,MAAM,CAAC;AAc9B,MAAM,UAAU,YAAY,CAAC,EAIb;QAJa,EAC5B,SAAS,EACT,WAAW,GAAG,WAAW,OAEV,EADZ,KAAK,cAHoB,4BAI5B,CADQ;IAER,OAAO,CACN,KAAC,iBAAiB,CAAC,IAAI,oBAClB,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,iHAAiH,EACjH,2DAA2D,EAC3D,WAAW,KAAK,OAAO;YACtB,CAAC,CAAC,8FAA8F;YAChG,CAAC,CAAC,2EAA2E,EAC9E,iFAAiF,EACjF,8EAA8E,EAC9E,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAIS;QAJT,EACjC,QAAQ,EACR,SAAS,OAEiC,EADvC,KAAK,cAHyB,yBAIjC,CADQ;IAER,OAAO,CACN,KAAC,iBAAiB,CAAC,SAAS,kBAC3B,SAAS,EAAE,UAAU,CACpB,8CAA8C,EAC9C,SAAS,CACT,IACG,KAAK,cAER,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,IACpB,CAC9B,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CACpC,SAAS,QAAQ,CAAC,KAAoB;IACrC,OAAO,CACN,KAAC,YAAY,oBAAK,KAAK,cACtB,KAAC,iBAAiB,KAAG,IACP,CACf,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,iBAAiB;CAC5B,CACD,CAAC"}
|
|
@@ -1,22 +1,17 @@
|
|
|
1
1
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
2
2
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
3
|
-
import { ComponentPropsWithoutRef } from 'react';
|
|
4
|
-
export
|
|
5
|
-
width?:
|
|
3
|
+
import { ComponentPropsWithoutRef, ComponentPropsWithRef } from 'react';
|
|
4
|
+
export interface DialogContentProps extends ComponentPropsWithRef<typeof DialogPrimitive.Content> {
|
|
5
|
+
width?: 'sm' | 'md' | 'lg';
|
|
6
6
|
disableSheet?: boolean;
|
|
7
7
|
outerClassName?: string;
|
|
8
|
-
|
|
9
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
}
|
|
9
|
+
export declare const Content: ({ ref, children, width, outerClassName, className, disableSheet, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export declare const DialogSwipeHandle: ({ ref, className, ...props }: ComponentPropsWithoutRef<"div"> & {
|
|
11
11
|
ref?: React.Ref<HTMLDivElement>;
|
|
12
12
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
export declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
14
|
-
export declare const DialogContent: ({ ref, children, width, outerClassName, className, disableSheet, ...props }:
|
|
15
|
-
width?: "sm" | "md" | "lg";
|
|
16
|
-
disableSheet?: boolean;
|
|
17
|
-
outerClassName?: string;
|
|
18
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
19
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare const DialogContent: ({ ref, children, width, outerClassName, className, disableSheet, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
15
|
export declare const DialogTitle: import("react").FunctionComponent<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
21
16
|
export declare const DialogDescription: import("react").FunctionComponent<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
22
17
|
export declare const DialogClose: ({ ref, asChild, children, ...props }: DialogPrimitive.DialogCloseProps & {
|
|
@@ -34,12 +29,7 @@ export declare const DialogSelectItem: ({ ref, children, ...props }: ComponentPr
|
|
|
34
29
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
35
30
|
export declare const Dialog: ((props: DialogPrimitive.DialogProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
36
31
|
Trigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
37
|
-
Content: ({ ref, children, width, outerClassName, className, disableSheet, ...props }:
|
|
38
|
-
width?: "sm" | "md" | "lg";
|
|
39
|
-
disableSheet?: boolean;
|
|
40
|
-
outerClassName?: string;
|
|
41
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
42
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
Content: ({ ref, children, width, outerClassName, className, disableSheet, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
43
33
|
Title: import("react").FunctionComponent<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
44
34
|
Description: import("react").FunctionComponent<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
45
35
|
Close: ({ ref, asChild, children, ...props }: DialogPrimitive.DialogCloseProps & {
|
|
@@ -18,6 +18,7 @@ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
|
18
18
|
import { useDrag } from '@use-gesture/react';
|
|
19
19
|
import classNames from 'clsx';
|
|
20
20
|
import { createContext, useCallback, useContext, useRef, useState, } from 'react';
|
|
21
|
+
import { useMediaQuery } from '../../hooks/useMediaQuery.js';
|
|
21
22
|
import useMergedRef from '../../hooks/useMergedRef.js';
|
|
22
23
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
23
24
|
import { BoxContext } from '../box/Box.js';
|
|
@@ -30,6 +31,16 @@ const StyledContent = withClassName(DialogPrimitive.Content, 'layer-components:z
|
|
|
30
31
|
const sheetClassNames = classNames('layer-variants:lt-sm:translate-0 layer-variants:lt-sm:left-0 layer-variants:lt-sm:right-0 layer-variants:lt-sm:top-auto layer-variants:lt-sm:h-min-content layer-variants:lt-sm:rounded-tl-xl layer-variants:lt-sm:rounded-tr-xl layer-variants:lt-sm:rounded-b-0 layer-variants:lt-sm:p-6 layer-variants:lt-sm:pt-8 layer-variants:lt-sm:w-full layer-variants:lt-sm:max-w-none layer-variants:lt-sm:pb-[calc(3rem+env(safe-area-inset-bottom,0px))] layer-variants:lt-sm:border-b-0', 'layer-variants:lt-sm:animate-ease-in layer-variants:lt-sm:animate-fade-in-up layer-variants:lt-sm:[&[data-state=closed]]:animate-fade-out-down');
|
|
31
32
|
const sheetClassNameWithOverlayKeyboard = classNames('layer-variants:lt-sm:bottom-[calc(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px))+var(--gesture-y,0px))] layer-variants:lt-sm:max-h-[calc(95vh-var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)))]');
|
|
32
33
|
const sheetClassNameWithDisplaceKeyboard = classNames('layer-variants:lt-sm:bottom-[calc(var(--viewport-bottom-offset,0px)+var(--gesture-y,0px))] layer-variants:lt-sm:max-h-[calc(0.85*var(--viewport-height,100vh))]');
|
|
34
|
+
function sheetCloseGestureLogic(swipeY, dy, vy, last, close, content) {
|
|
35
|
+
const contentHeight = content.clientHeight;
|
|
36
|
+
const shouldClose = last && (swipeY === 1 || dy > contentHeight / 2);
|
|
37
|
+
if (shouldClose) {
|
|
38
|
+
close();
|
|
39
|
+
}
|
|
40
|
+
const gestureY = last ? (shouldClose ? -1000 : 0) : -Math.max(0, dy);
|
|
41
|
+
content.style.setProperty('--gesture-y', `${gestureY}px`);
|
|
42
|
+
content.style.setProperty('transition', last ? 'bottom 0.2s' : '');
|
|
43
|
+
}
|
|
33
44
|
export const Content = function Content(_a) {
|
|
34
45
|
var { ref, children, width, outerClassName, className, disableSheet } = _a, props = __rest(_a, ["ref", "children", "width", "outerClassName", "className", "disableSheet"]);
|
|
35
46
|
const particles = useParticles();
|
|
@@ -78,7 +89,17 @@ export const Content = function Content(_a) {
|
|
|
78
89
|
const gestureRef = useRef(null);
|
|
79
90
|
const finalRef = useMergedRef(ref, openRef, gestureRef);
|
|
80
91
|
const { virtualKeyboardBehavior } = useConfig();
|
|
81
|
-
|
|
92
|
+
const close = useContext(DialogCloseContext);
|
|
93
|
+
const isSmall = useMediaQuery('(max-width: 640px)');
|
|
94
|
+
const bind = useDrag(({ swipe: [, swipeY], movement: [, dy], velocity: [, vy], last }) => {
|
|
95
|
+
if (gestureRef.current && gestureRef.current.scrollTop < 3) {
|
|
96
|
+
sheetCloseGestureLogic(swipeY, dy, vy, last, close, gestureRef.current);
|
|
97
|
+
}
|
|
98
|
+
}, {
|
|
99
|
+
axis: 'y',
|
|
100
|
+
enabled: isSmall && !disableSheet,
|
|
101
|
+
});
|
|
102
|
+
return (_jsxs(DialogPrimitive.Portal, { children: [_jsx(StyledOverlay, {}), _jsx(BoxContext.Provider, { value: { spacingScale: 1 }, children: _jsxs(StyledContent, Object.assign({ "data-dialog-content": true }, bind(props), { ref: finalRef, className: classNames({
|
|
82
103
|
'layer-variants:md:max-w-800px': width === 'lg',
|
|
83
104
|
'layer-variants:max-w-600px': width === 'md',
|
|
84
105
|
'layer-variants:max-w-300px': width === 'sm',
|
|
@@ -96,15 +117,7 @@ export const DialogSwipeHandle = function DialogSwipeHandle(_a) {
|
|
|
96
117
|
const content = findParentDialogContent(innerRef.current);
|
|
97
118
|
if (!content)
|
|
98
119
|
return;
|
|
99
|
-
|
|
100
|
-
const shouldClose = last && (swipeY === 1 || dy > contentHeight / 2);
|
|
101
|
-
if (shouldClose) {
|
|
102
|
-
close();
|
|
103
|
-
}
|
|
104
|
-
const gestureY = last ? (shouldClose ? -1000 : 0) : -Math.max(0, dy);
|
|
105
|
-
console.log(gestureY, dy, vy, swipeY);
|
|
106
|
-
content.style.setProperty('--gesture-y', `${gestureY}px`);
|
|
107
|
-
content.style.setProperty('transition', last ? 'bottom 0.2s' : '');
|
|
120
|
+
sheetCloseGestureLogic(swipeY, dy, vy, last, close, content);
|
|
108
121
|
}, {
|
|
109
122
|
target: innerRef,
|
|
110
123
|
axis: 'y',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,12 +4,7 @@ declare const meta: {
|
|
|
4
4
|
title: string;
|
|
5
5
|
component: ((props: import("@radix-ui/react-dialog").DialogProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
6
6
|
Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
7
|
-
Content: ({ ref, children, width, outerClassName, className, disableSheet, ...props }: import("
|
|
8
|
-
width?: "sm" | "md" | "lg";
|
|
9
|
-
disableSheet?: boolean;
|
|
10
|
-
outerClassName?: string;
|
|
11
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
12
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
Content: ({ ref, children, width, outerClassName, className, disableSheet, ...props }: import("./Dialog.js").DialogContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
8
|
Title: import("react").FunctionComponent<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
14
9
|
Description: import("react").FunctionComponent<import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
15
10
|
Close: ({ ref, asChild, children, ...props }: import("@radix-ui/react-dialog").DialogCloseProps & {
|
|
@@ -37,3 +32,4 @@ export declare const Default: Story;
|
|
|
37
32
|
export declare const NoSheet: Story;
|
|
38
33
|
export declare const Positioned: Story;
|
|
39
34
|
export declare const VirtualKeyboard: Story;
|
|
35
|
+
export declare const MultiNested: Story;
|
|
@@ -5,6 +5,8 @@ import { Button } from '../button/index.js';
|
|
|
5
5
|
import { Input } from '../input/index.js';
|
|
6
6
|
import { ParticleLayer } from '../particles/index.js';
|
|
7
7
|
import { Provider } from '../provider/Provider.js';
|
|
8
|
+
import { Select } from '../select/index.js';
|
|
9
|
+
import { Tooltip } from '../tooltip/Tooltip.js';
|
|
8
10
|
import { H1, P } from '../typography/index.js';
|
|
9
11
|
import { Dialog, DialogActions, DialogClose, DialogContent, DialogTitle, DialogTrigger, } from './Dialog.js';
|
|
10
12
|
const meta = {
|
|
@@ -48,4 +50,9 @@ export const VirtualKeyboard = {
|
|
|
48
50
|
return (_jsxs(Provider, { virtualKeyboardBehavior: "overlay", children: [_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open" }) }), _jsx(DummyContent, {}), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(Input, {}), _jsxs(DialogActions, { children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { children: "Close" }) }), _jsx(Button, { onClick: () => setKeyboard((v) => !v), children: "Toggle fake kb" })] })] })] }), _jsx("div", { className: "fixed bottom-0 h-[var(--mock-virtual-keyboard-height,0)] bg-black w-full transition-height left-0 right-0" })] }));
|
|
49
51
|
},
|
|
50
52
|
};
|
|
53
|
+
export const MultiNested = {
|
|
54
|
+
render() {
|
|
55
|
+
return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open" }) }), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(DummyContent, {}), _jsxs(Select, { value: "", children: [_jsx(Select.Trigger, { children: _jsx(Select.Value, { placeholder: "Select an option" }) }), _jsxs(Select.Content, { children: [_jsx(Select.Item, { value: "option1", children: "Option 1" }), _jsx(Select.Item, { value: "option2", children: "Option 2" }), _jsx(Select.Item, { value: "option3", children: "Option 3" })] })] }), _jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Open nested" }) }), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Nested dialog" }), _jsx(Tooltip, { content: "This is a tooltip", children: _jsx(Button, { children: "Hover me" }) }), _jsx(DummyContent, {}), _jsx(DummyContent, {})] })] })] })] }));
|
|
56
|
+
},
|
|
57
|
+
};
|
|
51
58
|
//# sourceMappingURL=Dialog.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EACN,MAAM,EACN,aAAa,EACb,WAAW,EACX,aAAa,EACb,WAAW,EACX,aAAa,GACb,MAAM,aAAa,CAAC;AAErB,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC6B,CAAC;AAEhC,eAAe,IAAI,CAAC;AAIpB,SAAS,YAAY;IACpB,OAAO,CACN,eAAK,SAAS,EAAC,KAAK,aACnB,KAAC,EAAE,+BAAkB,EACrB,KAAC,CAAC,0OAKE,EACJ,KAAC,MAAM,IAAC,QAAQ,QAAC,KAAK,EAAC,SAAS,yBAEvB,IACJ,CACN,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,MAAC,aAAa,IAAC,QAAQ,mBACtB,KAAC,aAAa,IAAC,OAAO,kBACrB,KAAC,MAAM,uBAAc,GACN,EAChB,KAAC,YAAY,KAAG,EAChB,MAAC,aAAa,eACb,KAAC,WAAW,8BAA0B,EACtC,KAAC,YAAY,KAAG,EAChB,KAAC,YAAY,KAAG,EAChB,KAAC,YAAY,KAAG,EAChB,KAAC,aAAa,cACb,KAAC,WAAW,IAAC,OAAO,kBACnB,KAAC,MAAM,wBAAe,GACT,GACC,IACD,IACD,CAChB;KACD;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,MAAC,aAAa,IAAC,QAAQ,mBACtB,KAAC,aAAa,IAAC,OAAO,kBACrB,KAAC,MAAM,uBAAc,GACN,EAChB,KAAC,YAAY,KAAG,EAChB,MAAC,aAAa,IAAC,YAAY,mBAC1B,KAAC,WAAW,8BAA0B,EACtC,KAAC,aAAa,cACb,KAAC,WAAW,IAAC,OAAO,kBACnB,KAAC,MAAM,wBAAe,GACT,GACC,IACD,IACD,CAChB;KACD;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAChC,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,MAAC,aAAa,IAAC,QAAQ,mBACtB,KAAC,aAAa,IAAC,OAAO,kBACrB,KAAC,MAAM,uBAAc,GACN,EAChB,KAAC,YAAY,KAAG,EAChB,MAAC,aAAa,IAAC,SAAS,EAAC,qBAAqB,aAC7C,KAAC,WAAW,8BAA0B,EACtC,KAAC,aAAa,cACb,KAAC,WAAW,IAAC,OAAO,kBACnB,KAAC,MAAM,wBAAe,GACT,GACC,IACD,IACD,CAChB;KACD;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACrC,MAAM,EAAE,GAAG,EAAE;QACZ,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAEhD,SAAS,CAAC,GAAG,EAAE;YACd,IAAI,QAAQ,EAAE,CAAC;gBACd,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAC9B,gCAAgC,EAChC,OAAO,CACP,CAAC;YACH,CAAC;iBAAM,CAAC;gBACP,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gCAAgC,CAAC,CAAC;YACtE,CAAC;QACF,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;QAEf,OAAO,CACN,MAAC,QAAQ,IAAC,uBAAuB,EAAC,SAAS,aAC1C,MAAC,MAAM,eACN,KAAC,aAAa,IAAC,OAAO,kBACrB,KAAC,MAAM,uBAAc,GACN,EAChB,KAAC,YAAY,KAAG,EAChB,MAAC,aAAa,eACb,KAAC,WAAW,8BAA0B,EACtC,KAAC,KAAK,KAAG,EACT,MAAC,aAAa,eACb,KAAC,WAAW,IAAC,OAAO,kBACnB,KAAC,MAAM,wBAAe,GACT,EACd,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,+BAEpC,IACM,IACD,IACR,EACT,cAAK,SAAS,EAAC,2GAA2G,GAAG,IACnH,CACX,CAAC;IACH,CAAC;CACD,CAAC"}
|
|
1
|
+
{"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -27,6 +27,6 @@ export function PageNav(_a) {
|
|
|
27
27
|
height: '--nav-height',
|
|
28
28
|
ready: '--nav-ready',
|
|
29
29
|
});
|
|
30
|
-
return (_jsx(HideWhileKeyboardOpen, Object.assign({}, props, { className: classNames('layer-components:[grid-area:nav] layer-components:relative layer-components:z-nav layer-components:pb-[calc(0.25rem+env(safe-area-inset-bottom,0px))]', 'layer-components:before:content-[""] layer-components:before:absolute layer-components:before:inset-x-4 layer-components:before:top-0 layer-components:before:h-px layer-components:before:bg-dark-blend', 'layer-components:md:[grid-area:nav] layer-components:md:sticky layer-components:md:top-0 layer-components:md:h-auto layer-components:md:bottom-auto layer-components:md:left-auto layer-components:md:right-auto layer-components:md:before:hidden', className), ref: ref, children: _jsx(BoxContext.Provider, { value: { spacingScale: 1 }, children: children }) })));
|
|
30
|
+
return (_jsx(HideWhileKeyboardOpen, Object.assign({}, props, { className: classNames('layer-components:[grid-area:nav] layer-components:relative layer-components:z-[var(--z-nav)] layer-components:pb-[calc(0.25rem+env(safe-area-inset-bottom,0px))]', 'layer-components:before:content-[""] layer-components:before:absolute layer-components:before:inset-x-4 layer-components:before:top-0 layer-components:before:h-px layer-components:before:bg-dark-blend', 'layer-components:md:[grid-area:nav] layer-components:md:sticky layer-components:md:top-0 layer-components:md:h-auto layer-components:md:bottom-auto layer-components:md:left-auto layer-components:md:right-auto layer-components:md:before:hidden', className), ref: ref, children: _jsx(BoxContext.Provider, { value: { spacingScale: 1 }, children: children }) })));
|
|
31
31
|
}
|
|
32
32
|
//# sourceMappingURL=PageNav.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageNav.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNav.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAkB,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,MAAM,UAAU,OAAO,CAAC,EAIS;QAJT,EACvB,SAAS,EACT,QAAQ,OAEwB,EAD7B,KAAK,cAHe,yBAIvB,CADQ;IAER,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,GAAG,GAAG,gBAAgB,CAAiB,SAAS,EAAE,OAAO,EAAE;QAChE,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,cAAc;QACtB,KAAK,EAAE,aAAa;KACpB,CAAC,CAAC;IAEH,OAAO,CACN,KAAC,qBAAqB,oBACjB,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,
|
|
1
|
+
{"version":3,"file":"PageNav.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNav.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAkB,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,MAAM,UAAU,OAAO,CAAC,EAIS;QAJT,EACvB,SAAS,EACT,QAAQ,OAEwB,EAD7B,KAAK,cAHe,yBAIvB,CADQ;IAER,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,GAAG,GAAG,gBAAgB,CAAiB,SAAS,EAAE,OAAO,EAAE;QAChE,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,cAAc;QACtB,KAAK,EAAE,aAAa;KACpB,CAAC,CAAC;IAEH,OAAO,CACN,KAAC,qBAAqB,oBACjB,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,iHAAiH,EACjH,oFAAoF,EACpF,gIAAgI,EAChI,SAAS,CACT,EACD,GAAG,EAAE,GAAG,YAER,KAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC7C,QAAQ,GACY,IACC,CACxB,CAAC;AACH,CAAC"}
|
|
@@ -18,7 +18,7 @@ import { useConfig } from '../provider/Provider.js';
|
|
|
18
18
|
export function PageNowPlaying(_a) {
|
|
19
19
|
var { className, unstyled, keepAboveKeyboard } = _a, props = __rest(_a, ["className", "unstyled", "keepAboveKeyboard"]);
|
|
20
20
|
const { virtualKeyboardBehavior } = useConfig();
|
|
21
|
-
return (_jsx(BoxContext.Provider, { value: { spacingScale: 1 }, children: _jsx("div", Object.assign({}, props, { className: classNames('layer-components:fixed layer-components:left-0 layer-components:right-0 layer-components:z-
|
|
21
|
+
return (_jsx(BoxContext.Provider, { value: { spacingScale: 1 }, children: _jsx("div", Object.assign({}, props, { className: classNames('layer-components:fixed layer-components:left-0 layer-components:right-0 layer-components:z-[var(--z-nowPlaying)] layer-components:flex layer-components:flex-col layer-components:gap-2 layer-components:items-end',
|
|
22
22
|
// on mobile, this must be positioned above any nav bar that's present,
|
|
23
23
|
// or at minimum in the safe area
|
|
24
24
|
'layer-components:bottom-[var(--nav-height,env(safe-area-inset-bottom,0px))]', 'layer-components:transition-bottom', 'layer-components:md:fixed layer-components:md:bottom-3 layer-components:md:left-[var(--content-left,20%)] layer-components:md:transition-opacity layer-components:md:top-auto layer-components:md:items-end layer-components:md:w-[var(--content-width,100%)] layer-components:md:max-w-80vw layer-components:md:p-0 layer-components:md:opacity-[var(--content-ready,0)]', unstyled
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageNowPlaying.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNowPlaying.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,UAAU,cAAc,CAAC,EAQ9B;QAR8B,EAC9B,SAAS,EACT,QAAQ,EACR,iBAAiB,OAKjB,EAJG,KAAK,cAJsB,8CAK9B,CADQ;IAKR,MAAM,EAAE,uBAAuB,EAAE,GAAG,SAAS,EAAE,CAAC;IAEhD,OAAO,CACN,KAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC9C,8BACK,KAAK,IACT,SAAS,EAAE,UAAU,CACpB
|
|
1
|
+
{"version":3,"file":"PageNowPlaying.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNowPlaying.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,UAAU,cAAc,CAAC,EAQ9B;QAR8B,EAC9B,SAAS,EACT,QAAQ,EACR,iBAAiB,OAKjB,EAJG,KAAK,cAJsB,8CAK9B,CADQ;IAKR,MAAM,EAAE,uBAAuB,EAAE,GAAG,SAAS,EAAE,CAAC;IAEhD,OAAO,CACN,KAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC9C,8BACK,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,+FAA+F;YAC/F,uEAAuE;YACvE,iCAAiC;YACjC,6EAA6E,EAC7E,oCAAoC,EACpC,yLAAyL,EACzL,QAAQ;gBACP,CAAC,CAAC,oBAAoB;gBACtB,CAAC,CAAC,sHAAsH,EACzH,iBAAiB;gBAChB,uBAAuB,KAAK,SAAS;gBACrC,yJAAyJ,EAC1J,iBAAiB;gBAChB,uBAAuB,KAAK,UAAU;gBACtC,wHAAwH,EACzH,SAAS,CACT,IACA,GACmB,CACtB,CAAC;AACH,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useState } from 'react';
|
|
4
|
-
import { Particles } from './particlesState.js';
|
|
5
4
|
import { createPortal } from 'react-dom';
|
|
6
5
|
import { ParticlesProvider } from './ParticleContext.js';
|
|
6
|
+
import { Particles } from './particlesState.js';
|
|
7
7
|
export function ParticleLayer({ children, noPortal, }) {
|
|
8
8
|
const [particles] = useState(() => typeof window === 'undefined'
|
|
9
9
|
? null
|
|
@@ -11,7 +11,7 @@ export function ParticleLayer({ children, noPortal, }) {
|
|
|
11
11
|
if (!particles) {
|
|
12
12
|
return null;
|
|
13
13
|
}
|
|
14
|
-
const canvas = (_jsx("canvas", { ref: particles.setCanvas, className: "fixed inset-0 w-full h-full z-
|
|
14
|
+
const canvas = (_jsx("canvas", { ref: particles.setCanvas, className: "fixed inset-0 w-full h-full z-[100000] pointer-events-none" }));
|
|
15
15
|
return (_jsxs(ParticlesProvider, { value: particles, children: [noPortal ? canvas : createPortal(canvas, document.body), children] }));
|
|
16
16
|
}
|
|
17
17
|
//# sourceMappingURL=ParticleLayer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ParticleLayer.js","sourceRoot":"","sources":["../../../../src/components/particles/ParticleLayer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ParticleLayer.js","sourceRoot":"","sources":["../../../../src/components/particles/ParticleLayer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,UAAU,aAAa,CAAC,EAC7B,QAAQ,EACR,QAAQ,GAIR;IACA,MAAM,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CACjC,OAAO,MAAM,KAAK,WAAW;QAC5B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,IAAI,SAAS,CAAC,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC,CAC1C,CAAC;IAEF,IAAI,CAAC,SAAS,EAAE,CAAC;QAChB,OAAO,IAAI,CAAC;IACb,CAAC;IAED,MAAM,MAAM,GAAG,CACd,iBACC,GAAG,EAAE,SAAS,CAAC,SAAS,EACxB,SAAS,EAAC,4DAA4D,GACrE,CACF,CAAC;IAEF,OAAO,CACN,MAAC,iBAAiB,IAAC,KAAK,EAAE,SAAS,aACjC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,EACvD,QAAQ,IACU,CACpB,CAAC;AACH,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { createContext, useContext } from 'react';
|
|
4
4
|
import { Toaster } from 'react-hot-toast';
|
|
5
|
-
import { useVisualViewportOffset } from '../../hooks.js';
|
|
5
|
+
import { useTitleBarColor, useVisualViewportOffset } from '../../hooks.js';
|
|
6
6
|
import { useVirtualKeyboardBehavior } from '../../hooks/useVirtualKeyboardBehavior.js';
|
|
7
7
|
import { IconSpritesheet } from '../icon/index.js';
|
|
8
8
|
import { ParticleLayer } from '../particles/index.js';
|
|
@@ -16,6 +16,10 @@ export function Provider({ children, disableParticles, toastPosition = 'top-cent
|
|
|
16
16
|
? virtualKeyboardBehavior
|
|
17
17
|
: 'displace';
|
|
18
18
|
useVirtualKeyboardBehavior(supportedVirtualKeyboardBehavior);
|
|
19
|
+
useTitleBarColor({
|
|
20
|
+
light: '#fdfdfd',
|
|
21
|
+
dark: '#020202',
|
|
22
|
+
});
|
|
19
23
|
const otherStuff = (_jsxs(_Fragment, { children: [_jsx(IconSpritesheet, {}), _jsx(Toaster, { position: toastPosition, containerClassName: toastContainerClassName })] }));
|
|
20
24
|
if (disableParticles)
|
|
21
25
|
return (_jsx(ConfigContext.Provider, { value: { virtualKeyboardBehavior: supportedVirtualKeyboardBehavior }, children: _jsxs(TooltipProvider, { children: [children, otherStuff] }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/components/provider/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAiB,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/components/provider/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAiB,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAWtD;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EACxB,QAAQ,EACR,gBAAgB,EAChB,aAAa,GAAG,YAAY,EAC5B,uBAAuB,EACvB,qBAAqB,EACrB,uBAAuB,GAAG,UAAU,GACrB;IACf,uBAAuB,CAAC,qBAAqB,CAAC,CAAC;IAC/C,MAAM,gCAAgC,GACrC,OAAO,SAAS,KAAK,WAAW,IAAI,iBAAiB,IAAI,SAAS;QACjE,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,UAAU,CAAC;IACf,0BAA0B,CAAC,gCAAgC,CAAC,CAAC;IAC7D,gBAAgB,CAAC;QAChB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;KACf,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,CAClB,8BACC,KAAC,eAAe,KAAG,EACnB,KAAC,OAAO,IACP,QAAQ,EAAE,aAAa,EACvB,kBAAkB,EAAE,uBAAuB,GAC1C,IACA,CACH,CAAC;IAEF,IAAI,gBAAgB;QACnB,OAAO,CACN,KAAC,aAAa,CAAC,QAAQ,IACtB,KAAK,EAAE,EAAE,uBAAuB,EAAE,gCAAgC,EAAE,YAEpE,MAAC,eAAe,eACd,QAAQ,EACR,UAAU,IACM,GACM,CACzB,CAAC;IAEH,OAAO,CACN,KAAC,aAAa,CAAC,QAAQ,IACtB,KAAK,EAAE,EAAE,uBAAuB,EAAE,gCAAgC,EAAE,YAEpE,KAAC,eAAe,cACf,MAAC,aAAa,eACZ,QAAQ,EACR,UAAU,IACI,GACC,GACM,CACzB,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAEvC;IACF,uBAAuB,EAAE,UAAU;CACnC,CAAC,CAAC;AAEH,MAAM,UAAU,SAAS;IACxB,OAAO,UAAU,CAAC,aAAa,CAAC,CAAC;AAClC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useMediaQuery(query: string): boolean;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
// @unocss-include
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
3
|
+
export function useMediaQuery(query) {
|
|
4
|
+
const [matches, setMatches] = useState(false);
|
|
5
|
+
useEffect(() => {
|
|
6
|
+
const mediaQueryList = window.matchMedia(query);
|
|
7
|
+
const handleChange = (event) => {
|
|
8
|
+
setMatches(event.matches);
|
|
9
|
+
};
|
|
10
|
+
// Set initial state
|
|
11
|
+
setMatches(mediaQueryList.matches);
|
|
12
|
+
// Add listener for changes
|
|
13
|
+
mediaQueryList.addEventListener('change', handleChange);
|
|
14
|
+
// Cleanup listener on unmount
|
|
15
|
+
return () => {
|
|
16
|
+
mediaQueryList.removeEventListener('change', handleChange);
|
|
17
|
+
};
|
|
18
|
+
}, [query]);
|
|
19
|
+
return matches;
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=useMediaQuery.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMediaQuery.js","sourceRoot":"","sources":["../../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,aAAa,CAAC,KAAa;IAC1C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAChD,MAAM,YAAY,GAAG,CAAC,KAA0B,EAAE,EAAE;YACnD,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC3B,CAAC,CAAC;QAEF,oBAAoB;QACpB,UAAU,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAEnC,2BAA2B;QAC3B,cAAc,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAExD,8BAA8B;QAC9B,OAAO,GAAG,EAAE;YACX,cAAc,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC5D,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,OAAO,CAAC;AAChB,CAAC"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
export declare function useTitleBarColor(color: string
|
|
1
|
+
export declare function useTitleBarColor(color: string | {
|
|
2
|
+
light: string;
|
|
3
|
+
dark: string;
|
|
4
|
+
}): void;
|
|
2
5
|
export declare function useSetTitleBarColor(): {
|
|
3
6
|
setColor: (color: string) => void;
|
|
4
7
|
resetColor: () => void;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
2
|
var _a, _b;
|
|
3
3
|
import { useCallback, useEffect } from 'react';
|
|
4
|
+
import { useResolvedColorMode } from '../colorMode.js';
|
|
4
5
|
let defaultColor = '#ffffff';
|
|
5
6
|
if (typeof document !== 'undefined') {
|
|
6
7
|
defaultColor =
|
|
@@ -14,15 +15,30 @@ function changeThemeColor(color) {
|
|
|
14
15
|
color = getComputedStyle(root).getPropertyValue(cssVar);
|
|
15
16
|
}
|
|
16
17
|
var metaThemeColor = document.querySelector('meta[name=theme-color]');
|
|
18
|
+
if (!metaThemeColor) {
|
|
19
|
+
metaThemeColor = document.createElement('meta');
|
|
20
|
+
metaThemeColor.setAttribute('name', 'theme-color');
|
|
21
|
+
document.head.appendChild(metaThemeColor);
|
|
22
|
+
}
|
|
17
23
|
metaThemeColor === null || metaThemeColor === void 0 ? void 0 : metaThemeColor.setAttribute('content', color);
|
|
24
|
+
console.log('set title bar color', color);
|
|
18
25
|
}
|
|
19
26
|
export function useTitleBarColor(color) {
|
|
27
|
+
const colorMode = useResolvedColorMode();
|
|
20
28
|
useEffect(() => {
|
|
21
|
-
|
|
29
|
+
var _a, _b;
|
|
30
|
+
const finalColor = typeof color === 'string'
|
|
31
|
+
? color
|
|
32
|
+
: colorMode === 'dark'
|
|
33
|
+
? color.dark
|
|
34
|
+
: color.light;
|
|
35
|
+
const previousColor = (_b = (_a = document
|
|
36
|
+
.querySelector('meta[name=theme-color]')) === null || _a === void 0 ? void 0 : _a.getAttribute('content')) !== null && _b !== void 0 ? _b : defaultColor;
|
|
37
|
+
changeThemeColor(finalColor);
|
|
22
38
|
return () => {
|
|
23
|
-
changeThemeColor(
|
|
39
|
+
changeThemeColor(previousColor);
|
|
24
40
|
};
|
|
25
|
-
}, [color]);
|
|
41
|
+
}, [color, colorMode]);
|
|
26
42
|
}
|
|
27
43
|
export function useSetTitleBarColor() {
|
|
28
44
|
const setColor = useCallback((color) => changeThemeColor(color), []);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTitleBarColor.js","sourceRoot":"","sources":["../../../src/hooks/useTitleBarColor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"useTitleBarColor.js","sourceRoot":"","sources":["../../../src/hooks/useTitleBarColor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,IAAI,YAAY,GAAG,SAAS,CAAC;AAC7B,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;IACrC,YAAY;QACX,MAAA,MAAA,QAAQ,CAAC,aAAa,CAAC,wBAAwB,CAAC,0CAAE,YAAY,CAAC,SAAS,CAAC,mCACzE,YAAY,CAAC;AACf,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAa;IACtC,gCAAgC;IAChC,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;QAC9B,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QACtC,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QACzC,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;IACD,IAAI,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;IACtE,IAAI,CAAC,cAAc,EAAE,CAAC;QACrB,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAChD,cAAc,CAAC,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;QACnD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC3C,CAAC;IACD,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,YAAY,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC/C,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC/B,KAA+C;IAE/C,MAAM,SAAS,GAAG,oBAAoB,EAAE,CAAC;IACzC,SAAS,CAAC,GAAG,EAAE;;QACd,MAAM,UAAU,GACf,OAAO,KAAK,KAAK,QAAQ;YACxB,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,SAAS,KAAK,MAAM;gBACtB,CAAC,CAAC,KAAK,CAAC,IAAI;gBACZ,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;QAChB,MAAM,aAAa,GAClB,MAAA,MAAA,QAAQ;aACN,aAAa,CAAC,wBAAwB,CAAC,0CACtC,YAAY,CAAC,SAAS,CAAC,mCAAI,YAAY,CAAC;QAC5C,gBAAgB,CAAC,UAAU,CAAC,CAAC;QAC7B,OAAO,GAAG,EAAE;YACX,gBAAgB,CAAC,aAAa,CAAC,CAAC;QACjC,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;AACxB,CAAC;AAED,MAAM,UAAU,mBAAmB;IAClC,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7E,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,CAAC;IACzE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC;AACjC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import { useTitleBarColor } from './useTitleBarColor.js';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
argTypes: {};
|
|
6
|
+
parameters: {
|
|
7
|
+
controls: {
|
|
8
|
+
expanded: boolean;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export default meta;
|
|
13
|
+
type Story = StoryObj<typeof useTitleBarColor>;
|
|
14
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
// @unocss-include
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useState } from 'react';
|
|
4
|
+
import { Box, Button, Dialog, Icon, Provider } from '../components/index.js';
|
|
5
|
+
import { useTitleBarColor } from './useTitleBarColor.js';
|
|
6
|
+
const meta = {
|
|
7
|
+
title: 'useTitleBarColor',
|
|
8
|
+
argTypes: {},
|
|
9
|
+
parameters: {
|
|
10
|
+
controls: { expanded: true },
|
|
11
|
+
},
|
|
12
|
+
};
|
|
13
|
+
export default meta;
|
|
14
|
+
export const Default = {
|
|
15
|
+
render() {
|
|
16
|
+
return (_jsx(Provider, { children: _jsxs(Box, { col: true, border: true, surface: true, className: "overflow-hidden aspect-[9/16]", children: [_jsx(MockTitleBar, {}), _jsx(Box, { p: "md", children: _jsx("p", { children: "This is a mock title bar that changes its background color based on the meta tag in the document head." }) }), _jsxs(Dialog, { children: [_jsx(Dialog.Trigger, { asChild: true, children: _jsx(Button, { children: "Override" }) }), _jsxs(Dialog.Content, { children: [_jsx(Dialog.Title, { children: "Overriding color" }), _jsx(Dialog.Description, { children: "The title bar color is overridden while this dialog is open." }), _jsx(Overrider, {}), _jsx(Dialog.Actions, { children: _jsx(Dialog.Close, {}) })] })] })] }) }));
|
|
17
|
+
},
|
|
18
|
+
};
|
|
19
|
+
function MockTitleBar() {
|
|
20
|
+
// observe the meta tag for changes
|
|
21
|
+
const [color, setColor] = useState(() => {
|
|
22
|
+
var _a;
|
|
23
|
+
const metaThemeColor = document.querySelector('meta[name=theme-color]');
|
|
24
|
+
return metaThemeColor
|
|
25
|
+
? (_a = metaThemeColor.getAttribute('content')) !== null && _a !== void 0 ? _a : '#ffffff'
|
|
26
|
+
: '#ffffff';
|
|
27
|
+
});
|
|
28
|
+
useEffect(() => {
|
|
29
|
+
const metaThemeColor = document.querySelector('meta[name=theme-color]');
|
|
30
|
+
if (!metaThemeColor)
|
|
31
|
+
return;
|
|
32
|
+
const observer = new MutationObserver(() => {
|
|
33
|
+
const newColor = metaThemeColor.getAttribute('content');
|
|
34
|
+
if (newColor) {
|
|
35
|
+
setColor(newColor);
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
observer.observe(metaThemeColor, {
|
|
39
|
+
attributes: true,
|
|
40
|
+
attributeFilter: ['content'],
|
|
41
|
+
});
|
|
42
|
+
return () => {
|
|
43
|
+
observer.disconnect();
|
|
44
|
+
};
|
|
45
|
+
}, []);
|
|
46
|
+
const time = new Date().toLocaleTimeString();
|
|
47
|
+
return (_jsxs(Box, { justify: "between", items: "center", p: "md", style: { backgroundColor: color }, children: [_jsx("div", { children: time }), _jsx(Box, { gap: true, items: "center", children: _jsx(Icon, { name: "globe" }) })] }));
|
|
48
|
+
}
|
|
49
|
+
function Overrider() {
|
|
50
|
+
useTitleBarColor('#ff0000');
|
|
51
|
+
return null;
|
|
52
|
+
}
|
|
53
|
+
//# sourceMappingURL=useTitleBarColor.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTitleBarColor.stories.js","sourceRoot":"","sources":["../../../src/hooks/useTitleBarColor.stories.tsx"],"names":[],"mappings":"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"}
|
package/dist/esm/uno.preset.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Preset } from 'unocss';
|
|
2
2
|
import { DynamicThemeColor } from './uno/colors.js';
|
|
3
|
-
export default function presetAtype({ scale, interFontLocation, domineFontLocation, customTheme, borderScale, roundedness, cornerScale, spacingScale, saturation, noPreflight, }?: {
|
|
3
|
+
export default function presetAtype({ scale, interFontLocation, domineFontLocation, customTheme, borderScale, roundedness, cornerScale, spacingScale, saturation, noPreflight, noZIndexes, }?: {
|
|
4
4
|
scale?: 'sm' | 'md' | 'lg';
|
|
5
5
|
interFontLocation?: string;
|
|
6
6
|
domineFontLocation?: string;
|
|
@@ -15,4 +15,5 @@ export default function presetAtype({ scale, interFontLocation, domineFontLocati
|
|
|
15
15
|
cornerScale?: number;
|
|
16
16
|
saturation?: number;
|
|
17
17
|
noPreflight?: boolean;
|
|
18
|
+
noZIndexes?: boolean;
|
|
18
19
|
}): Preset;
|