@a-type/ui 2.1.12 → 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.
Files changed (78) hide show
  1. package/dist/cjs/colorMode.d.ts +1 -0
  2. package/dist/cjs/colorMode.js +4 -0
  3. package/dist/cjs/colorMode.js.map +1 -1
  4. package/dist/cjs/components/box/Box.d.ts +2 -1
  5. package/dist/cjs/components/box/Box.js +2 -2
  6. package/dist/cjs/components/box/Box.js.map +1 -1
  7. package/dist/cjs/components/dialog/Dialog.d.ts +7 -17
  8. package/dist/cjs/components/dialog/Dialog.js +23 -10
  9. package/dist/cjs/components/dialog/Dialog.js.map +1 -1
  10. package/dist/cjs/components/dialog/Dialog.stories.d.ts +2 -6
  11. package/dist/cjs/components/dialog/Dialog.stories.js +10 -3
  12. package/dist/cjs/components/dialog/Dialog.stories.js.map +1 -1
  13. package/dist/cjs/components/layouts/PageNav.js +1 -1
  14. package/dist/cjs/components/layouts/PageNav.js.map +1 -1
  15. package/dist/cjs/components/layouts/PageNowPlaying.js +1 -1
  16. package/dist/cjs/components/layouts/PageNowPlaying.js.map +1 -1
  17. package/dist/cjs/components/particles/ParticleLayer.js +2 -2
  18. package/dist/cjs/components/particles/ParticleLayer.js.map +1 -1
  19. package/dist/cjs/components/provider/Provider.js +4 -0
  20. package/dist/cjs/components/provider/Provider.js.map +1 -1
  21. package/dist/cjs/hooks/useMediaQuery.d.ts +1 -0
  22. package/dist/cjs/hooks/useMediaQuery.js +24 -0
  23. package/dist/cjs/hooks/useMediaQuery.js.map +1 -0
  24. package/dist/cjs/hooks/useTitleBarColor.d.ts +4 -1
  25. package/dist/cjs/hooks/useTitleBarColor.js +19 -3
  26. package/dist/cjs/hooks/useTitleBarColor.js.map +1 -1
  27. package/dist/cjs/hooks/useTitleBarColor.stories.d.ts +14 -0
  28. package/dist/cjs/hooks/useTitleBarColor.stories.js +56 -0
  29. package/dist/cjs/hooks/useTitleBarColor.stories.js.map +1 -0
  30. package/dist/cjs/uno.preset.d.ts +2 -1
  31. package/dist/cjs/uno.preset.js +15 -22
  32. package/dist/cjs/uno.preset.js.map +1 -1
  33. package/dist/css/main.css +4 -2
  34. package/dist/esm/colorMode.d.ts +1 -0
  35. package/dist/esm/colorMode.js +3 -0
  36. package/dist/esm/colorMode.js.map +1 -1
  37. package/dist/esm/components/box/Box.d.ts +2 -1
  38. package/dist/esm/components/box/Box.js +2 -2
  39. package/dist/esm/components/box/Box.js.map +1 -1
  40. package/dist/esm/components/dialog/Dialog.d.ts +7 -17
  41. package/dist/esm/components/dialog/Dialog.js +23 -10
  42. package/dist/esm/components/dialog/Dialog.js.map +1 -1
  43. package/dist/esm/components/dialog/Dialog.stories.d.ts +2 -6
  44. package/dist/esm/components/dialog/Dialog.stories.js +7 -0
  45. package/dist/esm/components/dialog/Dialog.stories.js.map +1 -1
  46. package/dist/esm/components/layouts/PageNav.js +1 -1
  47. package/dist/esm/components/layouts/PageNav.js.map +1 -1
  48. package/dist/esm/components/layouts/PageNowPlaying.js +1 -1
  49. package/dist/esm/components/layouts/PageNowPlaying.js.map +1 -1
  50. package/dist/esm/components/particles/ParticleLayer.js +2 -2
  51. package/dist/esm/components/particles/ParticleLayer.js.map +1 -1
  52. package/dist/esm/components/provider/Provider.js +5 -1
  53. package/dist/esm/components/provider/Provider.js.map +1 -1
  54. package/dist/esm/hooks/useMediaQuery.d.ts +1 -0
  55. package/dist/esm/hooks/useMediaQuery.js +21 -0
  56. package/dist/esm/hooks/useMediaQuery.js.map +1 -0
  57. package/dist/esm/hooks/useTitleBarColor.d.ts +4 -1
  58. package/dist/esm/hooks/useTitleBarColor.js +19 -3
  59. package/dist/esm/hooks/useTitleBarColor.js.map +1 -1
  60. package/dist/esm/hooks/useTitleBarColor.stories.d.ts +14 -0
  61. package/dist/esm/hooks/useTitleBarColor.stories.js +53 -0
  62. package/dist/esm/hooks/useTitleBarColor.stories.js.map +1 -0
  63. package/dist/esm/uno.preset.d.ts +2 -1
  64. package/dist/esm/uno.preset.js +15 -22
  65. package/dist/esm/uno.preset.js.map +1 -1
  66. package/package.json +1 -1
  67. package/src/colorMode.ts +8 -0
  68. package/src/components/box/Box.tsx +3 -1
  69. package/src/components/dialog/Dialog.stories.tsx +41 -0
  70. package/src/components/dialog/Dialog.tsx +45 -18
  71. package/src/components/layouts/PageNav.tsx +1 -1
  72. package/src/components/layouts/PageNowPlaying.tsx +1 -1
  73. package/src/components/particles/ParticleLayer.tsx +2 -2
  74. package/src/components/provider/Provider.tsx +5 -1
  75. package/src/hooks/useMediaQuery.ts +25 -0
  76. package/src/hooks/useTitleBarColor.stories.tsx +100 -0
  77. package/src/hooks/useTitleBarColor.ts +24 -4
  78. 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":"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"}
1
+ {"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/box/Box.tsx"],"names":[],"mappings":"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"}
@@ -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 declare const Content: ({ ref, children, width, outerClassName, className, disableSheet, ...props }: ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
5
- width?: "sm" | "md" | "lg";
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
- ref?: React.Ref<HTMLDivElement>;
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 }: ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
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 }: ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
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
- return (_jsxs(DialogPrimitive.Portal, { children: [_jsx(StyledOverlay, {}), _jsx(BoxContext.Provider, { value: { spacingScale: 1 }, children: _jsxs(StyledContent, Object.assign({ "data-dialog-content": true, ref: finalRef }, props, { className: classNames({
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
- const contentHeight = content.clientHeight;
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":"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"}
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("react").ComponentPropsWithoutRef<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>>> & {
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,sGAAsG,EACtG,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"}
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-now-playing layer-components:flex layer-components:flex-col layer-components:gap-2 layer-components:items-end',
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,qFAAqF;YACrF,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
+ {"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-overdraw pointer-events-none" }));
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,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,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"}
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;AACzD,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;IAE7D,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"}
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): void;
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
- changeThemeColor(color);
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(defaultColor);
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;AAE/C,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,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,YAAY,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,KAAa;IAC7C,SAAS,CAAC,GAAG,EAAE;QACd,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,OAAO,GAAG,EAAE;YACX,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAChC,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACb,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"}
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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"}
@@ -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;