@a-type/ui 0.8.23 → 0.8.25
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/components/dialog/Dialog.js +7 -7
- package/dist/cjs/components/dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.stories.js +8 -3
- package/dist/cjs/components/dialog/Dialog.stories.js.map +1 -1
- package/dist/cjs/components/layouts/PageContent.js +1 -1
- package/dist/cjs/components/layouts/PageContent.js.map +1 -1
- package/dist/cjs/uno.preset.js +11 -6
- package/dist/cjs/uno.preset.js.map +1 -1
- package/dist/css/main.css +8 -7
- package/dist/esm/components/dialog/Dialog.js +7 -7
- package/dist/esm/components/dialog/Dialog.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.stories.js +8 -3
- package/dist/esm/components/dialog/Dialog.stories.js.map +1 -1
- package/dist/esm/components/layouts/PageContent.js +1 -1
- package/dist/esm/components/layouts/PageContent.js.map +1 -1
- package/dist/esm/uno.preset.js +11 -6
- package/dist/esm/uno.preset.js.map +1 -1
- package/package.json +1 -1
- package/src/components/dialog/Dialog.stories.tsx +43 -6
- package/src/components/dialog/Dialog.tsx +8 -7
- package/src/components/layouts/PageContent.tsx +0 -1
- package/src/uno.preset.ts +15 -6
|
@@ -51,8 +51,8 @@ const clsx_1 = __importDefault(require("clsx"));
|
|
|
51
51
|
const react_icons_1 = require("@radix-ui/react-icons");
|
|
52
52
|
const select_js_1 = require("../select.js");
|
|
53
53
|
const react_2 = require("@use-gesture/react");
|
|
54
|
-
const StyledOverlay = (0, withClassName_js_1.withClassName)(DialogPrimitive.Overlay, 'layer-components:fixed layer-components:inset-0 layer-components:z-dialog-backdrop layer-components:animate-fade-in layer-components:animate-duration-200 layer-components:bg-
|
|
55
|
-
const StyledContent = (0, withClassName_js_1.withClassName)(DialogPrimitive.Content, 'layer-components:z-dialog layer-components:fixed layer-components:shadow-xl layer-components:bg-white layer-components:overflow-y-auto layer-components:flex layer-components:flex-col layer-components:
|
|
54
|
+
const StyledOverlay = (0, withClassName_js_1.withClassName)(DialogPrimitive.Overlay, 'layer-components:fixed layer-components:inset-0 layer-components:z-dialog-backdrop layer-components:animate-fade-in layer-components:animate-duration-200 layer-components:bg-overlay layer-components:[box-shadow:inset_0_30px_60px_0px_var(--color-overlay)] layer-components:border-top-1 layer-components:border-top-solid layer-components:border-top-gray-5', 'layer-components:[&[data-state=closed]]:animate-fade-out', 'motion-reduce:animate-none');
|
|
55
|
+
const StyledContent = (0, withClassName_js_1.withClassName)(DialogPrimitive.Content, 'layer-components:z-dialog layer-components:fixed layer-components:shadow-xl-up layer-components:bg-white layer-components:overflow-y-auto layer-components:flex layer-components:flex-col', 'layer-components:sm:shadow-xl', 'transform-gpu !motion-reduce:animate-none', 'layer-components:left-50% layer-components:top-50% layer-components:translate-[-50%] layer-components:w-90vw layer-components:max-w-450px layer-components:max-h-85vh layer-components:p-6 layer-components:pt-8 layer-components:rounded-lg layer-components:border-b-1 layer-components:pt-6', 'layer-components:animate-dialog-in layer-components:[&[data-state=closed]]:animate-dialog-out layer-components:motion-reduce:animate-none');
|
|
56
56
|
const sheetClassName = (0, clsx_1.default)('layer-variants:lt-sm:translate-0 layer-variants:lt-sm:bottom-[calc(var(--viewport-bottom-offset,0px)+var(--gesture-y,0px))] 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:max-h-[calc(0.85*var(--viewport-height,100vh))] 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');
|
|
57
57
|
exports.Content = (0, react_1.forwardRef)(function Content(_a, ref) {
|
|
58
58
|
var { children, width, outerClassName, className, disableSheet } = _a, props = __rest(_a, ["children", "width", "outerClassName", "className", "disableSheet"]);
|
|
@@ -116,12 +116,12 @@ exports.DialogSwipeHandle = (0, react_1.forwardRef)(function DialogSwipeHandle(_
|
|
|
116
116
|
if (!content)
|
|
117
117
|
return;
|
|
118
118
|
const contentHeight = content.clientHeight;
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
if (last && (swipeY === 1 || dy > contentHeight / 2)) {
|
|
119
|
+
const shouldClose = last && (swipeY === 1 || dy > contentHeight / 2);
|
|
120
|
+
if (shouldClose) {
|
|
122
121
|
close();
|
|
123
122
|
}
|
|
124
|
-
const gestureY = last ? 0 : -Math.max(0, dy);
|
|
123
|
+
const gestureY = last ? (shouldClose ? -1000 : 0) : -Math.max(0, dy);
|
|
124
|
+
console.log(gestureY, dy, vy, swipeY);
|
|
125
125
|
content.style.setProperty('--gesture-y', `${gestureY}px`);
|
|
126
126
|
content.style.setProperty('transition', last ? 'bottom 0.2s' : '');
|
|
127
127
|
}, {
|
|
@@ -162,7 +162,7 @@ exports.DialogContent = exports.Content;
|
|
|
162
162
|
exports.DialogTitle = StyledTitle;
|
|
163
163
|
exports.DialogDescription = StyledDescription;
|
|
164
164
|
exports.DialogClose = DialogPrimitive.Close;
|
|
165
|
-
exports.DialogActions = (0, withClassName_js_1.withClassName)('div', 'flex justify-end sticky w-full gap-3 items-center bg-white py-
|
|
165
|
+
exports.DialogActions = (0, withClassName_js_1.withClassName)('div', 'flex justify-end sticky w-full gap-3 items-center bg-white py-4 translate-y-6 flex-wrap', 'bottom--6', 'sm:bottom-0');
|
|
166
166
|
exports.DialogSelectTrigger = (0, react_1.forwardRef)(function DialogSelectTrigger(_a, ref) {
|
|
167
167
|
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
168
168
|
return ((0, jsx_runtime_1.jsxs)(DialogPrimitive.Trigger, Object.assign({ className: (0, clsx_1.default)(select_js_1.selectTriggerClassName, className) }, props, { children: [(0, jsx_runtime_1.jsx)("span", { children: children }), (0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, {})] })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,wEAA0D;AAC1D,iFAAmE;AACnE,iCAQe;AACf,mEAA6D;AAC7D,kFAAuD;AACvD,kDAA+C;AAC/C,gDAA8B;AAC9B,uDAAmE;AACnE,4CAAsD;AACtD,8CAA6C;AAE7C,MAAM,aAAa,GAAG,IAAA,gCAAa,EAClC,eAAe,CAAC,OAAO,EACvB,
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,8 @@ exports.Positioned = exports.NoSheet = exports.Default = void 0;
|
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const Dialog_js_1 = require("./Dialog.js");
|
|
7
7
|
const particles_js_1 = require("../particles.js");
|
|
8
|
+
const typography_js_1 = require("../typography.js");
|
|
9
|
+
const button_js_1 = require("../button.js");
|
|
8
10
|
const meta = {
|
|
9
11
|
title: 'Dialog',
|
|
10
12
|
component: Dialog_js_1.Dialog,
|
|
@@ -14,19 +16,22 @@ const meta = {
|
|
|
14
16
|
},
|
|
15
17
|
};
|
|
16
18
|
exports.default = meta;
|
|
19
|
+
function DummyContent() {
|
|
20
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "col" }, { children: [(0, jsx_runtime_1.jsx)(typography_js_1.H1, { children: "Some content" }), (0, jsx_runtime_1.jsx)(typography_js_1.P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at porttitor sem. Aliquam erat volutpat. Donec fermentum tortor eget ligula accumsan, sit amet ullamcorper nunc ultricies. Nulla facilisi. Nulla facil" }), (0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ disabled: true, color: "primary" }, { children: "Click me" }))] })));
|
|
21
|
+
}
|
|
17
22
|
exports.Default = {
|
|
18
23
|
args: {
|
|
19
|
-
children: ((0, jsx_runtime_1.jsxs)(particles_js_1.ParticleLayer, Object.assign({ noPortal: true }, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { children: "Open" }), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogClose, { children: "Close" }) })] })] }))),
|
|
24
|
+
children: ((0, jsx_runtime_1.jsxs)(particles_js_1.ParticleLayer, Object.assign({ noPortal: true }, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(button_js_1.Button, { children: "Open" }) })), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogClose, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(button_js_1.Button, { children: "Close" }) })) })] })] }))),
|
|
20
25
|
},
|
|
21
26
|
};
|
|
22
27
|
exports.NoSheet = {
|
|
23
28
|
args: {
|
|
24
|
-
children: ((0, jsx_runtime_1.jsxs)(particles_js_1.ParticleLayer, Object.assign({ noPortal: true }, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { children: "Open" }), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, Object.assign({ disableSheet: true }, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogClose, { children: "Close" }) })] }))] }))),
|
|
29
|
+
children: ((0, jsx_runtime_1.jsxs)(particles_js_1.ParticleLayer, Object.assign({ noPortal: true }, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(button_js_1.Button, { children: "Open" }) })), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, Object.assign({ disableSheet: true }, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogClose, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(button_js_1.Button, { children: "Close" }) })) })] }))] }))),
|
|
25
30
|
},
|
|
26
31
|
};
|
|
27
32
|
exports.Positioned = {
|
|
28
33
|
args: {
|
|
29
|
-
children: ((0, jsx_runtime_1.jsxs)(particles_js_1.ParticleLayer, Object.assign({ noPortal: true }, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { children: "Open" }), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, Object.assign({ className: "top-auto bottom-0px" }, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogClose, { children: "Close" }) })] }))] }))),
|
|
34
|
+
children: ((0, jsx_runtime_1.jsxs)(particles_js_1.ParticleLayer, Object.assign({ noPortal: true }, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(button_js_1.Button, { children: "Open" }) })), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, Object.assign({ className: "top-auto bottom-0px" }, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogClose, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(button_js_1.Button, { children: "Close" }) })) })] }))] }))),
|
|
30
35
|
},
|
|
31
36
|
};
|
|
32
37
|
//# 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,2CAOqB;AACrB,kDAAgD;
|
|
1
|
+
{"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAOqB;AACrB,kDAAgD;AAChD,oDAAyC;AACzC,4CAAsC;AAEtC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,kBAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC6B,CAAC;AAEhC,kBAAe,IAAI,CAAC;AAIpB,SAAS,YAAY;IACpB,OAAO,CACN,+CAAK,SAAS,EAAC,KAAK,iBACnB,uBAAC,kBAAE,+BAAkB,EACrB,uBAAC,iBAAC,0OAKE,EACJ,uBAAC,kBAAM,kBAAC,QAAQ,QAAC,KAAK,EAAC,SAAS,8BAEvB,KACJ,CACN,CAAC;AACH,CAAC;AAEY,QAAA,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,wBAAC,4BAAa,kBAAC,QAAQ,uBACtB,uBAAC,yBAAa,kBAAC,OAAO,sBACrB,uBAAC,kBAAM,uBAAc,IACN,EAChB,uBAAC,YAAY,KAAG,EAChB,wBAAC,yBAAa,eACb,uBAAC,uBAAW,8BAA0B,EACtC,uBAAC,YAAY,KAAG,EAChB,uBAAC,YAAY,KAAG,EAChB,uBAAC,YAAY,KAAG,EAChB,uBAAC,yBAAa,cACb,uBAAC,uBAAW,kBAAC,OAAO,sBACnB,uBAAC,kBAAM,wBAAe,IACT,GACC,IACD,KACD,CAChB;KACD;CACD,CAAC;AAEW,QAAA,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,wBAAC,4BAAa,kBAAC,QAAQ,uBACtB,uBAAC,yBAAa,kBAAC,OAAO,sBACrB,uBAAC,kBAAM,uBAAc,IACN,EAChB,uBAAC,YAAY,KAAG,EAChB,wBAAC,yBAAa,kBAAC,YAAY,uBAC1B,uBAAC,uBAAW,8BAA0B,EACtC,uBAAC,yBAAa,cACb,uBAAC,uBAAW,kBAAC,OAAO,sBACnB,uBAAC,kBAAM,wBAAe,IACT,GACC,KACD,KACD,CAChB;KACD;CACD,CAAC;AAEW,QAAA,UAAU,GAAU;IAChC,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,wBAAC,4BAAa,kBAAC,QAAQ,uBACtB,uBAAC,yBAAa,kBAAC,OAAO,sBACrB,uBAAC,kBAAM,uBAAc,IACN,EAChB,uBAAC,YAAY,KAAG,EAChB,wBAAC,yBAAa,kBAAC,SAAS,EAAC,qBAAqB,iBAC7C,uBAAC,uBAAW,8BAA0B,EACtC,uBAAC,yBAAa,cACb,uBAAC,uBAAW,kBAAC,OAAO,sBACnB,uBAAC,kBAAM,wBAAe,IACT,GACC,KACD,KACD,CAChB;KACD;CACD,CAAC"}
|
|
@@ -29,7 +29,7 @@ function PageContent(_a) {
|
|
|
29
29
|
height: '--content-height',
|
|
30
30
|
ready: '--content-ready',
|
|
31
31
|
});
|
|
32
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)('layer-components:[grid-area:content] layer-components:max-w-full layer-components:min-w-0 layer-components:w-full layer-components:flex layer-components:flex-col layer-components:items-start layer-components:relative layer-components:flex-1 layer-components:gap-3', 'layer-components:rounded-b-lg layer-components:border-b layer-components:border-b-solid layer-components:border-b-[#00000070] layer-components:bg-wash layer-components:[box-shadow:0_0_10px_0_var(--color-shadow-1)] layer-components:sm:border-none layer-components:sm:rounded-0 layer-components:sm:shadow-none', { 'layer-variants:overflow-y-auto layer-variants:h-full': scrollable }, className) }, rest, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, clsx_1.default)('layer-components:w-full layer-components:min-w-0 layer-components:flex layer-components:flex-col layer-components:mb-120px layer-components:px-4 layer-components:py-4 layer-components:flex-1',
|
|
32
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)('layer-components:[grid-area:content] layer-components:max-w-full layer-components:min-w-0 layer-components:w-full layer-components:flex layer-components:flex-col layer-components:items-start layer-components:relative layer-components:flex-1 layer-components:gap-3', 'layer-components:rounded-b-lg layer-components:border-b layer-components:border-b-solid layer-components:border-b-[#00000070] layer-components:bg-wash layer-components:[box-shadow:0_0_10px_0_var(--color-shadow-1)] layer-components:sm:border-none layer-components:sm:rounded-0 layer-components:sm:shadow-none', { 'layer-variants:overflow-y-auto layer-variants:h-full': scrollable }, className) }, rest, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, clsx_1.default)('layer-components:w-full layer-components:min-w-0 layer-components:flex layer-components:flex-col layer-components:mb-120px layer-components:px-4 layer-components:py-4 layer-components:flex-1', {
|
|
33
33
|
'layer-variants:flex-1': fullHeight,
|
|
34
34
|
'layer-variants:p-0 layer-variants:sm:p-4': noPadding,
|
|
35
35
|
}, innerProps === null || innerProps === void 0 ? void 0 : innerProps.className), ref: innerRef }, { children: children })) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AACb,gDAA8B;AAE9B,uDAA0D;AAE1D,SAAgB,WAAW,CAAC,EAa3B;QAb2B,EAC3B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,GAAG,IAAI,OAOjB,EANG,IAAI,cAPoB,gFAQ3B,CADO;IAOP,MAAM,QAAQ,GAAG,IAAA,6BAAgB,EAAiB,GAAG,EAAE,SAAS,EAAE;QACjE,IAAI,EAAE,gBAAgB;QACtB,GAAG,EAAE,eAAe;QACpB,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,kBAAkB;QAC1B,KAAK,EAAE,iBAAiB;KACxB,CAAC,CAAC;IAEH,OAAO,CACN,8CACC,SAAS,EAAE,IAAA,cAAU,EACpB,kHAAkH,EAClH,+KAA+K,EAC/K,EAAE,yCAAyC,EAAE,UAAU,EAAE,EACzD,SAAS,CACT,IACG,IAAI,cAER,gDACK,UAAU,IACd,SAAS,EAAE,IAAA,cAAU,EACpB,2EAA2E,EAC3E
|
|
1
|
+
{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AACb,gDAA8B;AAE9B,uDAA0D;AAE1D,SAAgB,WAAW,CAAC,EAa3B;QAb2B,EAC3B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,GAAG,IAAI,OAOjB,EANG,IAAI,cAPoB,gFAQ3B,CADO;IAOP,MAAM,QAAQ,GAAG,IAAA,6BAAgB,EAAiB,GAAG,EAAE,SAAS,EAAE;QACjE,IAAI,EAAE,gBAAgB;QACtB,GAAG,EAAE,eAAe;QACpB,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,kBAAkB;QAC1B,KAAK,EAAE,iBAAiB;KACxB,CAAC,CAAC;IAEH,OAAO,CACN,8CACC,SAAS,EAAE,IAAA,cAAU,EACpB,kHAAkH,EAClH,+KAA+K,EAC/K,EAAE,yCAAyC,EAAE,UAAU,EAAE,EACzD,SAAS,CACT,IACG,IAAI,cAER,gDACK,UAAU,IACd,SAAS,EAAE,IAAA,cAAU,EACpB,2EAA2E,EAC3E;gBACC,uBAAuB,EAAE,UAAU;gBACnC,6BAA6B,EAAE,SAAS;aACxC,EACD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CACrB,EACD,GAAG,EAAE,QAAQ,gBAEZ,QAAQ,IACJ,IACD,CACN,CAAC;AACH,CAAC;AAhDD,kCAgDC"}
|
package/dist/cjs/uno.preset.js
CHANGED
|
@@ -102,6 +102,10 @@ function presetAglio({ spacingIncrement = 0.25, interFontLocation = 'https://res
|
|
|
102
102
|
'lg-inset': 'inset 0 10px 15px -3px var(--color-shadow-1), inset 0 4px 6px -2px var(--color-shadow-2)',
|
|
103
103
|
xl: '0 20px 25px -5px var(--color-shadow-1), 0 10px 10px -5px var(--color-shadow-2)',
|
|
104
104
|
'xl-inset': 'inset 0 20px 25px -5px var(--color-shadow-1), inset 0 10px 10px -5px var(--color-shadow-2)',
|
|
105
|
+
'sm-up': '0 -1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2)',
|
|
106
|
+
'md-up': '0 -4px 6px -1px var(--color-shadow-1), 0 -2px 4px -1px var(--color-shadow-2)',
|
|
107
|
+
'lg-up': '0 -10px 15px -3px var(--color-shadow-1), 0 -4px 6px -2px var(--color-shadow-2)',
|
|
108
|
+
'xl-up': '0 -20px 25px -5px var(--color-shadow-1), 0 -10px 10px -5px var(--color-shadow-2)',
|
|
105
109
|
// focus outlines
|
|
106
110
|
focus: `0 0 0 3px var(--color-primary-light)`,
|
|
107
111
|
},
|
|
@@ -436,7 +440,6 @@ function presetAglio({ spacingIncrement = 0.25, interFontLocation = 'https://res
|
|
|
436
440
|
--palette-light-blend-warm: rgba(255, 250, 250, 0.8);
|
|
437
441
|
--palette-light-blend-cool: rgba(250, 255, 255, 0.8);
|
|
438
442
|
--palette-light-blend: rgba(255, 250, 250, 0.8);
|
|
439
|
-
--palette-overlay: rgba(0, 0, 0, 0.025);
|
|
440
443
|
--palette-black: #303030;
|
|
441
444
|
--palette-white: #fff;
|
|
442
445
|
--palette-light: #f8f8fb;
|
|
@@ -461,6 +464,8 @@ function presetAglio({ spacingIncrement = 0.25, interFontLocation = 'https://res
|
|
|
461
464
|
--palette-shadow-2: rgba(0, 0, 0, 0.15);
|
|
462
465
|
--palette-shadow-3: rgba(0, 0, 0, 0.3);
|
|
463
466
|
--palette-shadow-4: rgba(0, 0, 0, 0.5);
|
|
467
|
+
--palette-white-overlay: rgba(255, 255, 255, 0.4);
|
|
468
|
+
--palette-black-overlay: rgba(0, 0, 0, 0.4);
|
|
464
469
|
|
|
465
470
|
|
|
466
471
|
--z-nowPlaying: 40;
|
|
@@ -481,7 +486,6 @@ function presetAglio({ spacingIncrement = 0.25, interFontLocation = 'https://res
|
|
|
481
486
|
--color-light-blend-warm: var(--palette-light-blend-warm);
|
|
482
487
|
--color-light-blend-cool: var(--palette-light-blend-cool);
|
|
483
488
|
--color-light-blend: var(--palette-light-blend);
|
|
484
|
-
--color-overlay: var(--palette-overlay);
|
|
485
489
|
--color-black: var(--palette-black);
|
|
486
490
|
--color-white: var(--palette-white);
|
|
487
491
|
--color-wash: var(--palette-light);
|
|
@@ -499,6 +503,7 @@ function presetAglio({ spacingIncrement = 0.25, interFontLocation = 'https://res
|
|
|
499
503
|
--color-gray-dark-blend: var(--palette-gray-dark-blend);
|
|
500
504
|
--color-shadow-1: var(--palette-shadow-2);
|
|
501
505
|
--color-shadow-2: var(--palette-shadow-1);
|
|
506
|
+
--color-overlay: var(--palette-white-overlay);
|
|
502
507
|
|
|
503
508
|
|
|
504
509
|
/* DEFAULT THEME (LEMON) */
|
|
@@ -526,8 +531,7 @@ function presetAglio({ spacingIncrement = 0.25, interFontLocation = 'https://res
|
|
|
526
531
|
--color-dark-blend-cool: var(--palette-light-blend-cool);
|
|
527
532
|
--color-light-blend-warm: var(--palette-dark-blend-warm);
|
|
528
533
|
--color-light-blend-cool: var(--palette-dark-blend-cool);
|
|
529
|
-
--color-light-blend: var(--palette-
|
|
530
|
-
--color-overlay: var(--palette-overlay);
|
|
534
|
+
--color-light-blend: var(--palette-dark-blend);
|
|
531
535
|
--color-black: var(--palette-white);
|
|
532
536
|
--color-white: var(--palette-black);
|
|
533
537
|
--color-wash: var(--palette-dark);
|
|
@@ -545,6 +549,7 @@ function presetAglio({ spacingIncrement = 0.25, interFontLocation = 'https://res
|
|
|
545
549
|
--color-gray-dark-blend: var(--palette-light-gray-dark-blend);
|
|
546
550
|
--color-shadow-1: var(--palette-shadow-4);
|
|
547
551
|
--color-shadow-2: var(--palette-shadow-3);
|
|
552
|
+
--color-overlay: var(--palette-black-overlay);
|
|
548
553
|
}
|
|
549
554
|
}
|
|
550
555
|
|
|
@@ -557,7 +562,6 @@ function presetAglio({ spacingIncrement = 0.25, interFontLocation = 'https://res
|
|
|
557
562
|
--color-light-blend-warm: var(--palette-light-blend-warm);
|
|
558
563
|
--color-light-blend-cool: var(--palette-light-blend-cool);
|
|
559
564
|
--color-light-blend: var(--palette-light-blend);
|
|
560
|
-
--color-overlay: var(--palette-overlay);
|
|
561
565
|
--color-black: var(--palette-black);
|
|
562
566
|
--color-white: var(--palette-white);
|
|
563
567
|
--color-wash: var(--palette-light);
|
|
@@ -575,6 +579,7 @@ function presetAglio({ spacingIncrement = 0.25, interFontLocation = 'https://res
|
|
|
575
579
|
--color-gray-dark-blend: var(--palette-gray-dark-blend);
|
|
576
580
|
--color-shadow-1: var(--palette-shadow-2);
|
|
577
581
|
--color-shadow-2: var(--palette-shadow-1);
|
|
582
|
+
--color-overlay: var(--palette-white-overlay);
|
|
578
583
|
}
|
|
579
584
|
}
|
|
580
585
|
|
|
@@ -586,7 +591,6 @@ function presetAglio({ spacingIncrement = 0.25, interFontLocation = 'https://res
|
|
|
586
591
|
--color-light-blend-warm: var(--palette-dark-blend-warm);
|
|
587
592
|
--color-light-blend-cool: var(--palette-dark-blend-cool);
|
|
588
593
|
--color-light-blend: var(--palette-light-blend);
|
|
589
|
-
--color-overlay: var(--palette-overlay);
|
|
590
594
|
--color-black: var(--palette-white);
|
|
591
595
|
--color-white: var(--palette-black);
|
|
592
596
|
--color-wash: var(--palette-dark);
|
|
@@ -604,6 +608,7 @@ function presetAglio({ spacingIncrement = 0.25, interFontLocation = 'https://res
|
|
|
604
608
|
--color-gray-dark-blend: var(--palette-light-gray-dark-blend);
|
|
605
609
|
--color-shadow-1: var(--palette-shadow-4);
|
|
606
610
|
--color-shadow-2: var(--palette-shadow-3);
|
|
611
|
+
--color-overlay: var(--palette-black-overlay);
|
|
607
612
|
}
|
|
608
613
|
}
|
|
609
614
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../src/uno.preset.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../src/uno.preset.ts"],"names":[],"mappings":"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"}
|
package/dist/css/main.css
CHANGED
|
@@ -57,7 +57,6 @@
|
|
|
57
57
|
--palette-light-blend-warm: rgba(255, 250, 250, 0.8);
|
|
58
58
|
--palette-light-blend-cool: rgba(250, 255, 255, 0.8);
|
|
59
59
|
--palette-light-blend: rgba(255, 250, 250, 0.8);
|
|
60
|
-
--palette-overlay: rgba(0, 0, 0, 0.025);
|
|
61
60
|
--palette-black: #303030;
|
|
62
61
|
--palette-white: #fff;
|
|
63
62
|
--palette-light: #f8f8fb;
|
|
@@ -82,6 +81,8 @@
|
|
|
82
81
|
--palette-shadow-2: rgba(0, 0, 0, 0.15);
|
|
83
82
|
--palette-shadow-3: rgba(0, 0, 0, 0.3);
|
|
84
83
|
--palette-shadow-4: rgba(0, 0, 0, 0.5);
|
|
84
|
+
--palette-white-overlay: rgba(255, 255, 255, 0.4);
|
|
85
|
+
--palette-black-overlay: rgba(0, 0, 0, 0.4);
|
|
85
86
|
|
|
86
87
|
|
|
87
88
|
--z-nowPlaying: 40;
|
|
@@ -122,7 +123,6 @@
|
|
|
122
123
|
--color-light-blend-warm: var(--palette-light-blend-warm);
|
|
123
124
|
--color-light-blend-cool: var(--palette-light-blend-cool);
|
|
124
125
|
--color-light-blend: var(--palette-light-blend);
|
|
125
|
-
--color-overlay: var(--palette-overlay);
|
|
126
126
|
--color-black: var(--palette-black);
|
|
127
127
|
--color-white: var(--palette-white);
|
|
128
128
|
--color-wash: var(--palette-light);
|
|
@@ -140,6 +140,7 @@
|
|
|
140
140
|
--color-gray-dark-blend: var(--palette-gray-dark-blend);
|
|
141
141
|
--color-shadow-1: var(--palette-shadow-2);
|
|
142
142
|
--color-shadow-2: var(--palette-shadow-1);
|
|
143
|
+
--color-overlay: var(--palette-white-overlay);
|
|
143
144
|
|
|
144
145
|
|
|
145
146
|
/* DEFAULT THEME (LEMON) */
|
|
@@ -187,8 +188,7 @@
|
|
|
187
188
|
--color-dark-blend-cool: var(--palette-light-blend-cool);
|
|
188
189
|
--color-light-blend-warm: var(--palette-dark-blend-warm);
|
|
189
190
|
--color-light-blend-cool: var(--palette-dark-blend-cool);
|
|
190
|
-
--color-light-blend: var(--palette-
|
|
191
|
-
--color-overlay: var(--palette-overlay);
|
|
191
|
+
--color-light-blend: var(--palette-dark-blend);
|
|
192
192
|
--color-black: var(--palette-white);
|
|
193
193
|
--color-white: var(--palette-black);
|
|
194
194
|
--color-wash: var(--palette-dark);
|
|
@@ -206,6 +206,7 @@
|
|
|
206
206
|
--color-gray-dark-blend: var(--palette-light-gray-dark-blend);
|
|
207
207
|
--color-shadow-1: var(--palette-shadow-4);
|
|
208
208
|
--color-shadow-2: var(--palette-shadow-3);
|
|
209
|
+
--color-overlay: var(--palette-black-overlay);
|
|
209
210
|
}
|
|
210
211
|
}
|
|
211
212
|
|
|
@@ -238,7 +239,6 @@
|
|
|
238
239
|
--color-light-blend-warm: var(--palette-light-blend-warm);
|
|
239
240
|
--color-light-blend-cool: var(--palette-light-blend-cool);
|
|
240
241
|
--color-light-blend: var(--palette-light-blend);
|
|
241
|
-
--color-overlay: var(--palette-overlay);
|
|
242
242
|
--color-black: var(--palette-black);
|
|
243
243
|
--color-white: var(--palette-white);
|
|
244
244
|
--color-wash: var(--palette-light);
|
|
@@ -256,6 +256,7 @@
|
|
|
256
256
|
--color-gray-dark-blend: var(--palette-gray-dark-blend);
|
|
257
257
|
--color-shadow-1: var(--palette-shadow-2);
|
|
258
258
|
--color-shadow-2: var(--palette-shadow-1);
|
|
259
|
+
--color-overlay: var(--palette-white-overlay);
|
|
259
260
|
}
|
|
260
261
|
}
|
|
261
262
|
|
|
@@ -287,7 +288,6 @@
|
|
|
287
288
|
--color-light-blend-warm: var(--palette-dark-blend-warm);
|
|
288
289
|
--color-light-blend-cool: var(--palette-dark-blend-cool);
|
|
289
290
|
--color-light-blend: var(--palette-light-blend);
|
|
290
|
-
--color-overlay: var(--palette-overlay);
|
|
291
291
|
--color-black: var(--palette-white);
|
|
292
292
|
--color-white: var(--palette-black);
|
|
293
293
|
--color-wash: var(--palette-dark);
|
|
@@ -305,6 +305,7 @@
|
|
|
305
305
|
--color-gray-dark-blend: var(--palette-light-gray-dark-blend);
|
|
306
306
|
--color-shadow-1: var(--palette-shadow-4);
|
|
307
307
|
--color-shadow-2: var(--palette-shadow-3);
|
|
308
|
+
--color-overlay: var(--palette-black-overlay);
|
|
308
309
|
}
|
|
309
310
|
}
|
|
310
311
|
|
|
@@ -481,4 +482,4 @@
|
|
|
481
482
|
0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; }
|
|
482
483
|
50% { stroke-dasharray: 100, 200; stroke-dashoffset: -15; }
|
|
483
484
|
100% { stroke-dasharray: 100, 200; stroke-dashoffset: -125; }
|
|
484
|
-
}.animate-skeleton{animation:skeleton 1s linear 1;}.animate-spin{animation:spin 1s linear infinite;}.animate-spinner-stroke{animation:spinner-stroke 1s linear 1;}.\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed]{animation-duration:300ms;}.\[\&\[data-state\=open\]\]\:animate-duration-600[data-state=open]{animation-duration:600ms;}.animate-duration-1200{animation-duration:1200ms;}.animate-duration-1400{animation-duration:1400ms;}.animate-ease-default{animation-timing-function:ease;}.animate-ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.animate-ease-linear{animation-timing-function:linear;}.animate-forwards{animation-fill-mode:forwards;}.animate-alternate{animation-direction:alternate;}.animate-iteration-infinite{animation-iteration-count:infinite;}.\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true],.\[\&\[data-state\=active\]\]\:cursor-default[data-state=active],.cursor-default{cursor:default;}.important\:\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true]{cursor:default !important;}.disabled\:cursor-default:disabled{cursor:default;}.important\:disabled\:cursor-default:disabled{cursor:default !important;}.cursor-pointer{cursor:pointer;}.cursor-grab{cursor:grab;}.touch-none{touch-action:none;}.select-none{-webkit-user-select:none;user-select:none;}.resize{resize:both;}.appearance-none{-webkit-appearance:none;appearance:none;}.items-start{align-items:flex-start;}.important\:items-center{align-items:center !important;}.items-center{align-items:center;}.after\:items-center::after{align-items:center;}.items-stretch{align-items:stretch;}.self-start{align-self:flex-start;}.self-end{align-self:flex-end;}.self-center{align-self:center;}.self-stretch{align-self:stretch;}.justify-end{justify-content:flex-end;}.after\:justify-end::after{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-1{gap:0.25rem;}.gap-2{gap:0.50rem;}.gap-3{gap:0.75rem;}.gap-4{gap:1.00rem;}.important\:gap-2{gap:0.50rem !important;}.overflow-hidden{overflow:hidden;}.overflow-y-auto{overflow-y:auto;}.text-ellipsis{text-overflow:ellipsis;}.important\:whitespace-nowrap{white-space:nowrap !important;}.whitespace-nowrap{white-space:nowrap;}.border,.border-1{border-width:1px;}.border-0{border-width:0px;}.border-10px{border-width:10px;}.border-2{border-width:2px;}.after\:border-8px::after{border-width:8px;}.border-b{border-bottom-width:1px;}.border-r{border-right-width:1px;}.border-r-0{border-right-width:0px;}.\[\&\[data-state\=active\]\]\:border-primary-light[data-state=active]{border-color:var(--color-primary-light);}.\[\&\[data-state\=on\]\]\:border-black[data-state=on],.border-black{border-color:var(--color-black);}.border-gray5{border-color:var(--color-gray-5);}.border-primary{border-color:var(--color-primary);}.border-primary-dark{border-color:var(--color-primary-dark);}.border-transparent{border-color:transparent;}.border-white{border-color:var(--color-white);}.important\:border-gray7{border-color:var(--color-gray-7) !important;}.hover\:border-gray7:hover{border-color:var(--color-gray-7);}.focus-visible\:border-primary-dark:focus-visible{border-color:var(--color-primary-dark);}.after\:border-transparent::after{border-color:transparent;}.\[\&\[data-bottom-edge\]\]\:border-b-gray-5[data-bottom-edge]{border-bottom-color:var(--color-gray-5);}.\[\&\[data-day-first\]\]\:border-l-gray-5[data-day-first],.\[\&\[data-first-column\]\]\:border-l-gray-5[data-first-column]{border-left-color:var(--color-gray-5);}.\[\&\[data-day-last\]\]\:border-r-gray-5[data-day-last],.\[\&\[data-last-column\]\]\:border-r-gray-5[data-last-column]{border-right-color:var(--color-gray-5);}.\[\&\[data-top-edge\]\]\:border-t-gray-5[data-top-edge]{border-top-color:var(--color-gray-5);}.border-b-primary-dark{border-bottom-color:var(--color-primary-dark);}.border-l-primary-dark{border-left-color:var(--color-primary-dark);}.after\:border-b-primary-wash::after{border-bottom-color:var(--color-primary-wash);}.after\:border-l-primary-wash::after{border-left-color:var(--color-primary-wash);}.\[\&\[data-in-range\]\]\:rounded-none[data-in-range]{border-radius:0;}.\[\&\[data-selected\]\]\:rounded[data-selected],.rounded,.rounded-sm{border-radius:0.25rem;}.important\:rounded-15px{border-radius:15px !important;}.rounded-2{border-radius:0.5rem;}.rounded-full{border-radius:9999px;}.rounded-lg{border-radius:0.75rem;}.rounded-xl{border-radius:1rem;}.active\:rounded:active{border-radius:0.25rem;}.\[\&\[data-today\]\]\:before\:rounded-full[data-today]::before{border-radius:9999px;}.\[\&\[data-range-end\]\]\:rounded-l-none[data-range-end]{border-top-left-radius:0;border-bottom-left-radius:0;}.\[\&\[data-range-end\]\]\:rounded-r[data-range-end]{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}.\[\&\[data-range-start\]\]\:rounded-l[data-range-start]{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}.\[\&\[data-range-start\]\]\:rounded-r-none[data-range-start]{border-top-right-radius:0;border-bottom-right-radius:0;}.\[\&\[data-day-first\]\]\:rounded-tl[data-day-first],.\[\&\[data-first-column\]\[data-top-edge\]\]\:rounded-tl[data-first-column][data-top-edge]{border-top-left-radius:0.25rem;}.\[\&\[data-day-last\]\]\:rounded-br[data-day-last],.\[\&\[data-last-column\]\[data-bottom-edge\]\]\:rounded-br[data-last-column][data-bottom-edge]{border-bottom-right-radius:0.25rem;}.\[\&\[data-first-column\]\[data-bottom-edge\]\]\:rounded-bl[data-first-column][data-bottom-edge]{border-bottom-left-radius:0.25rem;}.\[\&\[data-last-column\]\[data-top-edge\]\]\:rounded-tr[data-last-column][data-top-edge]{border-top-right-radius:0.25rem;}.border-none{border-style:none;}.border-solid{border-style:solid;}.after\:border-solid::after{border-style:solid;}.\!bg-\[rgba\(0\,0\,0\,0\.1\)\]{--un-bg-opacity:0.1 !important;background-color:rgba(0, 0, 0, var(--un-bg-opacity)) !important;}.\[\&_\.ProseMirror\:focus\]\:bg-gray-1 .ProseMirror:focus,.bg-gray1{background-color:var(--color-gray-1);}.\[\&\:nth-child\(2n\+1\)\]\:bg-gray-blend:nth-child(2n+1),.bg-gray-blend{background-color:var(--color-gray-blend);}.\[\&\[data-highlighted\]\]\:bg-primary-wash[data-highlighted],.\[\&\[data-state\=checked\]\]\:bg-primary-wash[data-state=checked],.bg-primary-wash{background-color:var(--color-primary-wash);}.\[\&\[data-highlighted\=true\]\]\:bg-gray2[data-highlighted=true],.bg-gray2{background-color:var(--color-gray-2);}.\[\&\[data-in-range\]\]\:bg-accent-wash[data-in-range],.bg-accent-wash{background-color:var(--color-accent-wash);}.\[\&\[data-range-end\]\]\:bg-accent-light[data-range-end],.\[\&\[data-range-start\]\]\:bg-accent-light[data-range-start],.\[\&\[data-selected\]\]\:bg-accent-light[data-selected]{background-color:var(--color-accent-light);}.\[\&\[data-state\=active\]\]\:bg-primary-light[data-state=active],.\[\&\[data-state\=on\]\]\:bg-primary-light[data-state=on]{background-color:var(--color-primary-light);}.\[\&\[data-state\=checked\]\]\:bg-accent[data-state=checked]{background-color:var(--color-accent);}.bg-\[rgba\(0\,0\,0\,0\.05\)\]{--un-bg-opacity:0.05;background-color:rgba(0, 0, 0, var(--un-bg-opacity));}.bg-\[var\(--color-wash\)\]{background-color:var(--color-wash);}.bg-black{background-color:var(--color-black);}.bg-gray-4{background-color:var(--color-gray-4);}.bg-gray5{background-color:var(--color-gray-5);}.bg-gray50{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}.bg-primary{background-color:var(--color-primary);}.bg-transparent{background-color:transparent;}.bg-white{background-color:var(--color-white);}.important\:\[\&\[data-disabled\=true\]\]\:bg-\[var\(--bg\)\][data-disabled=true]{background-color:var(--bg) !important;}.\[\&\[data-state\=active\]\]\:hover\:bg-primary-light:hover[data-state=active]{background-color:var(--color-primary-light);}.hover\:bg-gray-1:hover{background-color:var(--color-gray-1);}.hover\:bg-gray2:hover{background-color:var(--color-gray-2);}.hover\:bg-gray3:hover{background-color:var(--color-gray-3);}.hover\:bg-primary-light:hover{background-color:var(--color-primary-light);}.focus-visible\:bg-gray-2:focus-visible{background-color:var(--color-gray-2);}.focus-visible\:bg-primary-light:focus-visible{background-color:var(--color-primary-light);}.active\:bg-accent-wash:active{background-color:var(--color-accent-wash);}.active\:bg-gray4:active{background-color:var(--color-gray-4);}.important\:disabled\:bg-\[var\(--bg\)\]:disabled{background-color:var(--bg) !important;}.\[\&\[data-today\]\]\:before\:bg-primary[data-today]::before{background-color:var(--color-primary);}.from-gray1{--un-gradient-from-position:0%;--un-gradient-from:var(--color-gray-1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.from-transparent{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.after\:from-transparent::after{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.after\:from-wash::after{--un-gradient-from-position:0%;--un-gradient-from:var(--color-wash) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.via-gray2{--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), var(--color-gray-2) var(--un-gradient-via-position), var(--un-gradient-to);}.to-gray1{--un-gradient-to-position:100%;--un-gradient-to:var(--color-gray-1) var(--un-gradient-to-position);}.to-primary-wash{--un-gradient-to-position:100%;--un-gradient-to:var(--color-primary-wash) var(--un-gradient-to-position);}.after\:to-white::after{--un-gradient-to-position:100%;--un-gradient-to:var(--color-white) var(--un-gradient-to-position);}.bg-gradient-to-b{--un-gradient-shape:to bottom;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.bg-gradient-to-r{--un-gradient-shape:to right;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-b::after{--un-gradient-shape:to bottom;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-l::after{--un-gradient-shape:to left;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.fill-black{fill:var(--color-black);}.fill-white{fill:var(--color-white);}.stroke-1{stroke-width:1px;}.stroke-black{stroke:var(--color-black);}.stroke-current{stroke:currentColor;}.stroke-gray-blend{stroke:var(--color-gray-blend);}.object-cover{object-fit:cover;}.object-center{object-position:center;}.p-1{padding:0.25rem;}.p-2{padding:0.50rem;}.after\:p-3::after{padding:0.75rem;}.px{padding-left:1rem;padding-right:1rem;}.px-2{padding-left:0.50rem;padding-right:0.50rem;}.px-25px{padding-left:25px;padding-right:25px;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.px-4{padding-left:1.00rem;padding-right:1.00rem;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-2{padding-top:0.50rem;padding-bottom:0.50rem;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.pl-25px{padding-left:25px;}.pl-35px{padding-left:35px;}.pr-20px{padding-right:20px;}.pr-4{padding-right:1.00rem;}.pr-8{padding-right:2.00rem;}.text-center{text-align:center;}.text-left{text-align:left;}.\[\&_\.ProseMirror_h1\]\:text-xl .ProseMirror h1{font-size:1.5rem;line-height:2rem;}.\[\&_\.ProseMirror_h2\]\:text-lg .ProseMirror h2,.text-lg{font-size:1.25rem;line-height:1.75rem;}.\[\&_\.ProseMirror_h3\]\:text-md .ProseMirror h3,.text-md{font-size:1.125rem;line-height:1.5rem;}.text-12px{font-size:12px;}.text-2xl{font-size:1.75rem;line-height:2.25rem;}.text-3xl{font-size:2rem;line-height:2.5rem;}.text-sm{font-size:1rem;line-height:1.25rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.after\:text-xs::after{font-size:0.75rem;line-height:1rem;}.\[\&\[data-highlighted\]\]\:color-black[data-highlighted],.\[\&\[data-state\=active\]\]\:text-black[data-state=active],.color-black,.text-black{color:var(--color-black);}.\[\&\[data-state\=checked\]\]\:text-primary-dark[data-state=checked],.color-primary-dark{color:var(--color-primary-dark);}.text-dark-blend{color:var(--color-dark-blend);}.text-gray-6{color:var(--color-gray-6);}.text-white{color:var(--color-white);}.\[\&\[data-disabled\]\]\:color-gray5[data-disabled]{color:var(--color-gray-5);}.\[\&\[data-placeholder\]\]\:color-gray8[data-placeholder],.color-gray8{color:var(--color-gray-8);}.color-gray7{color:var(--color-gray-7);}.color-gray9{color:var(--color-gray-9);}.after\:color-gray9::after{color:var(--color-gray-9);}.color-inherit{color:inherit;}.\[\&_\.ProseMirror_h1\]\:font-medium .ProseMirror h1,.\[\&_\.ProseMirror_h2\]\:font-medium .ProseMirror h2{font-weight:500;}.\[\&_\.ProseMirror_h3\]\:font-extrabold .ProseMirror h3{font-weight:800;}.\[\&\[data-state\=active\]\]\:font-bold[data-state=active],.font-bold{font-weight:700;}.font-normal{font-weight:400;}.important\:font-normal{font-weight:400 !important;}.leading-4{line-height:1rem;}.leading-6{line-height:1.5rem;}.leading-normal{line-height:1.5;}.font-inherit{font-family:inherit;}.font-title{font-family:"Inter", sans-serif;}.italic{font-style:italic;}.oblique{font-style:oblique;}.\[\&_\.ProseMirror_a\]\:underline .ProseMirror a{text-decoration-line:underline;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.accent-dark{--un-accent-opacity:1;accent-color:rgb(34 34 34 / var(--un-accent-opacity));}.accent-light{--un-accent-opacity:1;accent-color:rgb(246 246 246 / var(--un-accent-opacity));}.accent-wash{accent-color:var(--color-wash);}.\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true],.opacity-50{opacity:0.5;}.important\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5 !important;}.op-0{opacity:0;}.opacity-80{opacity:0.8;}.hover\:opacity-100:hover{opacity:1;}.focus\:opacity-100:focus{opacity:1;}.disabled\:opacity-50:disabled{opacity:0.5;}.important\:disabled\:opacity-50:disabled{opacity:0.5 !important;}.\[\&_\.ProseMirror\:focus\]\:shadow-focus .ProseMirror:focus{--un-shadow:0 0 0 3px var(--color-primary-light) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.important\:\[\&\[data-disabled\=true\]\]\:shadow-none[data-disabled=true]{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.shadow-lg{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-sm{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-visible\:shadow-focus:focus-visible{--un-shadow:0 0 0 3px var(--color-primary-light) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.important\:disabled\:shadow-none:disabled{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.\[\&\[data-highlighted\]\]\:outline-accent[data-highlighted]{outline-color:var(--color-accent);}.hover\:outline-accent:hover{outline-color:var(--color-accent);}.\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.\[\&\[data-highlighted\]\]\:outline-none[data-highlighted],.outline-none{outline:2px solid transparent;outline-offset:2px;}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-visible\:focus-ring:focus:focus-visible{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.ring-white{--un-ring-color:var(--color-white);}.focus\:ring-primary:focus{--un-ring-color:var(--color-primary);}.focus-visible\:focus-ring-primary-dark:focus:focus-visible{--un-ring-color:var(--color-primary-dark);}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-color{transition-property:color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-width{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.will-change-transform{will-change:transform;}.\[\&\[data-today\]\]\:before\:content-\[\'\'\][data-today]::before{content:'';}.after\:\[\&\[data-state\=open\]\]\:content-\[\"-_tap_to_collapse_-\"\][data-state=open]::after{content:"- tap to collapse -";}.after\:content-\[\"-_tap_to_expand_-\"\]::after{content:"- tap to expand -";}.after\:content-\[\"\"\]::after{content:"";}.shadow-1{box-shadow:0 1px 2px 0 var(--color-shadow-2);}.shadow-2{box-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);}.shadow-3{box-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);}.shadow-4{box-shadow:0 20px 25px -5px var(--color-shadow-1), 0 10px 10px -5px var(--color-shadow-2);}@layer components{.layer-components\:\[--webkit-tap-highlight-color\:transparent\]{--webkit-tap-highlight-color:transparent;}.layer-components\:\[all\:unset\]{all:unset;}.layer-components\:\[box-shadow\:0_0_10px_0_var\(--color-shadow-1\)\]{box-shadow:0 0 10px 0 var(--color-shadow-1);}.layer-components\:\[box-shadow\:inset_0_30px_60px_0px_\#00001020\]{box-shadow:inset 0 30px 60px 0px #00001020;}.layer-components\:\[font-family\:inherit\]{font-family:inherit;}.layer-components\:\[grid-area\:content\]{grid-area:content;}.layer-components\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:\[grid-auto-columns\:1fr\]{grid-auto-columns:1fr;}.layer-components\:\[grid-auto-flow\:column\]{grid-auto-flow:column;}.layer-components\:\[grid-auto-rows\:auto\]{grid-auto-rows:auto;}.layer-components\:\[line-height\:1\]{line-height:1;}.layer-components\:\[resize\:none\]{resize:none;}.layer-components\:\[resize\:vertical\]{resize:vertical;}.layer-components\:\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled],.layer-components\:\[\&\[data-state\=closed\]\]\:pointer-events-none[data-state=closed]{pointer-events:none;}.layer-components\:absolute{position:absolute;}.layer-components\:fixed{position:fixed;}.layer-components\:relative{position:relative;}.layer-components\:sticky{position:sticky;}.layer-components\:inset-0{inset:0.00rem;}.layer-components\:bottom-\[calc\(env\(safe-area-inset-bottom\,0px\)\+var\(--now-playing-bottom\,60px\)\)\]{bottom:calc(env(safe-area-inset-bottom,0px) + var(--now-playing-bottom,60px));}.layer-components\:bottom-0{bottom:0.00rem;}.layer-components\:left-0{left:0.00rem;}.layer-components\:left-50\%{left:50%;}.layer-components\:right-0{right:0.00rem;}.layer-components\:right-5px{right:5px;}.layer-components\:right-6px{right:6px;}.layer-components\:top-0{top:0.00rem;}.layer-components\:top-50\%{top:50%;}.layer-components\:top-5px{top:5px;}.layer-components\:top-6px{top:6px;}.layer-components\:z-0{z-index:0;}.layer-components\:z-1{z-index:1;}.layer-components\:z-50{z-index:50;}.layer-components\:grid{display:grid;}.layer-components\:grid-cols-\[1fr\]{grid-template-columns:1fr;}.layer-components\:grid-cols-\[repeat\(auto-fit\,minmax\(300px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}.layer-components\:grid-rows-\[1fr\]{grid-template-rows:1fr;}.layer-components\:grid-areas-\[content\]-\[nav\]{grid-template-areas:"content" "nav";}.layer-components\:m-0{margin:0.00rem;}.layer-components\:m-2{margin:0.50rem;}.layer-components\:mb-120px{margin-bottom:120px;}.layer-components\:ml-0{margin-left:0.00rem;}.layer-components\:ml-auto{margin-left:auto;}.layer-components\:mr-0{margin-right:0.00rem;}.layer-components\:mr-auto{margin-right:auto;}.layer-components\:mt-auto{margin-top:auto;}.layer-components\:block{display:block;}.layer-components\:inline-block{display:inline-block;}.layer-components\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar,.layer-components\:hidden{display:none;}.layer-components\:h-\[max-content\],.layer-components\:h-max-content{height:max-content;}.layer-components\:h-24px{height:24px;}.layer-components\:h-25px{height:25px;}.layer-components\:h-28px{height:28px;}.layer-components\:h-30px{height:30px;}.layer-components\:h-5{height:1.25rem;}.layer-components\:h-6px{height:6px;}.layer-components\:h-9px{height:9px;}.layer-components\:h-auto{height:auto;}.layer-components\:h-full{height:100%;}.layer-components\:max-h-\[var\(--radix-context-menu-content-available-height\)\]{max-height:var(--radix-context-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-popover-content-available-height\)\]{max-height:var(--radix-popover-content-available-height);}.layer-components\:max-h-\[var\(--radix-select-content-available-height\)\]{max-height:var(--radix-select-content-available-height);}.layer-components\:max-h-80px{max-height:80px;}.layer-components\:max-h-85vh{max-height:85vh;}.layer-components\:max-w-450px{max-width:450px;}.layer-components\:max-w-80vw{max-width:80vw;}.layer-components\:max-w-90vw{max-width:90vw;}.layer-components\:max-w-full{max-width:100%;}.layer-components\:min-h-0{min-height:0;}.layer-components\:min-h-4{min-height:1rem;}.layer-components\:min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width);}.layer-components\:min-w-0{min-width:0;}.layer-components\:min-w-120px{min-width:120px;}.layer-components\:min-w-32px{min-width:32px;}.layer-components\:min-w-4{min-width:1rem;}.layer-components\:min-w-60px{min-width:60px;}.layer-components\:w-24px{width:24px;}.layer-components\:w-25px{width:25px;}.layer-components\:w-28px{width:28px;}.layer-components\:w-5{width:1.25rem;}.layer-components\:w-6px{width:6px;}.layer-components\:w-90vw{width:90vw;}.layer-components\:w-auto{width:auto;}.layer-components\:w-full{width:100%;}.layer-components\:w-min-content{width:min-content;}.layer-components\:\[\&\[data-state\=open\]\]\:flex[data-state=open],.layer-components\:flex{display:flex;}.layer-components\:inline-flex{display:inline-flex;}.layer-components\:flex-1{flex:1 1 0%;}.layer-components\:flex-shrink-0{flex-shrink:0;}.layer-components\:flex-shrink-1{flex-shrink:1;}.layer-components\:flex-grow-1,.layer-components\:grow{flex-grow:1;}.layer-components\:flex-basis-0{flex-basis:0.00rem;}.layer-components\:flex-row{flex-direction:row;}.layer-components\:\[\&\[data-state\=open\]\]\:flex-col[data-state=open],.layer-components\:flex-col{flex-direction:column;}.layer-components\:transform-origin-\[var\(--radix-context-menu-transform-origin\)\]{transform-origin:var(--radix-context-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-dropdown-menu-transform-origin\)\]{transform-origin:var(--radix-dropdown-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-popover-transform-origin\)\]{transform-origin:var(--radix-popover-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-select-content-transform-origin\)\]{transform-origin:var(--radix-select-content-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-tooltip-content-transform-origin\)\]{transform-origin:var(--radix-tooltip-content-transform-origin);}.layer-components\:translate-\[-50\%\]{--un-translate-x:-50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-z-0{--un-translate-z:0.00rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-dialog-out[data-state=closed]{animation:dialog-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-fade-out[data-state=closed]{animation:fade-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-popover-out[data-state=closed]{animation:popover-out 100ms linear 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-radix-collapsible-close-vertical[data-state=closed]{animation:radix-collapsible-close-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=delayed-open\]\]\:animate-popover-in[data-state=delayed-open],.layer-components\:\[\&\[data-state\=open\]\]\:animate-popover-in[data-state=open]{animation:popover-in 100ms linear 1;}.layer-components\:\[\&\[data-state\=open\]\]\:animate-radix-collapsible-open-vertical[data-state=open]{animation:radix-collapsible-open-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-dialog-in{animation:dialog-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-fade-in{animation:fade-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-duration-300[data-state=open]{animation-duration:300ms;}.layer-components\:animate-duration-200{animation-duration:200ms;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-ease-springy[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-ease-springy[data-state=open]{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-components\:cursor-pointer{cursor:pointer;}.layer-components\:touch-none{touch-action:none;}.layer-components\:select-auto{-webkit-user-select:auto;user-select:auto;}.layer-components\:select-none{-webkit-user-select:none;user-select:none;}.layer-components\:items-start{align-items:flex-start;}.layer-components\:items-end{align-items:flex-end;}.layer-components\:items-center{align-items:center;}.layer-components\:items-stretch{align-items:stretch;}.layer-components\:justify-start{justify-content:flex-start;}.layer-components\:justify-center{justify-content:center;}.layer-components\:justify-items-center{justify-items:center;}.layer-components\:gap-1{gap:0.25rem;}.layer-components\:gap-2{gap:0.50rem;}.layer-components\:gap-3{gap:0.75rem;}.layer-components\:gap-4{gap:1.00rem;}.layer-components\:gap-6px{gap:6px;}.layer-components\:overflow-hidden{overflow:hidden;}.layer-components\:overflow-visible{overflow:visible;}.layer-components\:overflow-x-auto{overflow-x:auto;}.layer-components\:overflow-y-auto{overflow-y:auto;}.layer-components\:overflow-y-hidden{overflow-y:hidden;}.layer-components\:text-ellipsis{text-overflow:ellipsis;}.layer-components\:whitespace-nowrap{white-space:nowrap;}.layer-components\:border,.layer-components\:border-1,.layer-components\:border-1px{border-width:1px;}.layer-components\:border-0{border-width:0px;}.layer-components\:border-b,.layer-components\:border-b-1{border-bottom-width:1px;}.layer-components\:border-t{border-top-width:1px;}.layer-components\:\[\&\:disabled\]\:border-gray-3:disabled{border-color:var(--color-gray-3);}.layer-components\:\[\&\[data-state\=checked\]\]\:border-primary-dark[data-state=checked]{border-color:var(--color-primary-dark);}.layer-components\:border-black{border-color:var(--color-black);}.layer-components\:border-grayDarkBlend{border-color:var(--color-gray-dark-blend);}.layer-components\:border-transparent{border-color:transparent;}.layer-components\:border-b-\[\#00000070\]{--un-border-opacity:0.44;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgb(0 0 0 / var(--un-border-bottom-opacity));}.layer-components\:border-t-grayDarkBlend{border-top-color:var(--color-gray-dark-blend);}.layer-components\:rounded-0{border-radius:0;}.layer-components\:rounded-full{border-radius:9999px;}.layer-components\:rounded-lg{border-radius:0.75rem;}.layer-components\:rounded-md{border-radius:0.5rem;}.layer-components\:rounded-sm{border-radius:0.25rem;}.layer-components\:rounded-xl{border-radius:1rem;}.layer-components\:rounded-b-lg{border-bottom-left-radius:0.75rem;border-bottom-right-radius:0.75rem;}.layer-components\:border-none{border-style:none;}.layer-components\:border-solid{border-style:solid;}.layer-components\:border-b-solid{border-bottom-style:solid;}.layer-components\:\[\&\:disabled\]\:bg-transparent:disabled,.layer-components\:bg-transparent{background-color:transparent;}.layer-components\:\[\&\[data-active\=true\]\]\:bg-primary-wash[data-active=true]{background-color:var(--color-primary-wash);}.layer-components\:\[\&\[data-state\=checked\]\]\:bg-primary-light[data-state=checked]{background-color:var(--color-primary-light);}.layer-components\:bg-\[var\(--bg\)\]{background-color:var(--bg);}.layer-components\:bg-accent{background-color:var(--color-accent);}.layer-components\:bg-attention{background-color:var(--color-attention);}.layer-components\:bg-black{background-color:var(--color-black);}.layer-components\:bg-gray-1{background-color:var(--color-gray-1);}.layer-components\:bg-gray-dark-blend{background-color:var(--color-gray-dark-blend);}.layer-components\:bg-white{background-color:var(--color-white);}.layer-components\:hover\:bg-\[var\(--hover\)\]:hover{background-color:var(--hover);}.layer-components\:hover\:bg-gray-blend:hover{background-color:var(--color-gray-blend);}.layer-components\:hover\:bg-light-blend:hover{background-color:var(--color-light-blend);}.layer-components\:hover\:bg-primary-wash:hover{background-color:var(--color-primary-wash);}.layer-components\:focus\:bg-gray-1:focus{background-color:var(--color-gray-1);}.layer-components\:focus-visible\:bg-accent-light:focus-visible{background-color:var(--color-accent-light);}.layer-components\:focus-visible\:bg-gray2:focus-visible{background-color:var(--color-gray-2);}.layer-components\:focus-visible\:bg-primary-wash:focus-visible{background-color:var(--color-primary-wash);}.layer-components\:active\:bg-\[var\(--active\)\]:active{background-color:var(--active);}.layer-components\:active\:bg-accent-light:active{background-color:var(--color-accent-light);}.layer-components\:active\:bg-primary-wash:active{background-color:var(--color-primary-wash);}.layer-components\:fill-white{fill:var(--color-white);}.layer-components\:fill-none{fill:none;}.layer-components\:stroke-black{stroke:var(--color-black);}.layer-components\:p-0{padding:0.00rem;}.layer-components\:p-1{padding:0.25rem;}.layer-components\:p-2{padding:0.50rem;}.layer-components\:p-2px{padding:2px;}.layer-components\:p-4{padding:1.00rem;}.layer-components\:p-6{padding:1.50rem;}.layer-components\:px-3{padding-left:0.75rem;padding-right:0.75rem;}.layer-components\:px-4{padding-left:1.00rem;padding-right:1.00rem;}.layer-components\:py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-components\:py-2{padding-top:0.50rem;padding-bottom:0.50rem;}.layer-components\:py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.layer-components\:py-4{padding-top:1.00rem;padding-bottom:1.00rem;}.layer-components\:pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.layer-components\:pb-2{padding-bottom:0.50rem;}.layer-components\:pl-1{padding-left:0.25rem;}.layer-components\:pl-8{padding-left:2.00rem;}.layer-components\:pr-4{padding-right:1.00rem;}.layer-components\:pr-80px{padding-right:80px;}.layer-components\:pt-6{padding-top:1.50rem;}.layer-components\:pt-8{padding-top:2.00rem;}.layer-components\:text-left{text-align:left;}.layer-components\:text-start{text-align:start;}.layer-components\:text-lg{font-size:1.25rem;line-height:1.75rem;}.layer-components\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:text-sm{font-size:1rem;line-height:1.25rem;}.layer-components\:text-xxs{font-size:0.625rem;line-height:0.75rem;}.layer-components\:text-size-md{font-size:1.125rem;}.layer-components\:\[\&\[data-active\=true\]\]\:text-primary-dark[data-active=true]{color:var(--color-primary-dark);}.layer-components\:color-black,.layer-components\:text-black{color:var(--color-black);}.layer-components\:text-gray-7{color:var(--color-gray-7);}.layer-components\:text-white{color:var(--color-white);}.layer-components\:\[\&\[data-disabled\]\]\:color-gray9[data-disabled]{color:var(--color-gray-9);}.layer-components\:\[\&\[data-placeholder\]\]\:color-gray8[data-placeholder]{color:var(--color-gray-8);}.layer-components\:color-dark-blend{color:var(--color-dark-blend);}.layer-components\:hover\:color-black:hover{color:var(--color-black);}.layer-components\:focus-visible\:color-gray9:focus-visible{color:var(--color-gray-9);}.layer-components\:text-inherit{color:inherit;}.layer-components\:font-bold{font-weight:700;}.layer-components\:leading-4{line-height:1rem;}.layer-components\:leading-tight{line-height:1.25;}.layer-components\:font-sans{font-family:"Inter", sans-serif;}.layer-components\:\[\&\[data-state\=open\]\]\:opacity-100[data-state=open]{opacity:1;}.layer-components\:op-0{opacity:0;}.layer-components\:disabled\:opacity-50:disabled{opacity:0.5;}.layer-components\:\[\&\:disabled\]\:shadow-none:disabled{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\:hover\:not\(\:disabled\)\]\:shadow-\[0_0_0_1px_var\(--color-black\)\]:hover:not(:disabled){--un-shadow:0 0 0 1px var(--color-black) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-lg{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-md{--un-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-sm{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-sm-inset{--un-shadow:inset 0 1px 2px 0 var(--color-shadow-2), inset 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-xl{--un-shadow:0 20px 25px -5px var(--color-shadow-1), 0 10px 10px -5px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:shadow-md:hover{--un-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus\:shadow-focus:focus{--un-shadow:0 0 0 3px var(--color-primary-light) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:shadow-focus:focus-visible{--un-shadow:0 0 0 3px var(--color-primary-light) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:shadow-lg:focus-visible{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:shadow-lg:active{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.layer-components\:focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.layer-components\:ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:ring-4:hover{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus\:ring-4:focus{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-4:focus-visible{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-6:focus-visible{--un-ring-width:6px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:ring-4:active{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:ring-8:active{--un-ring-width:8px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:ring-black{--un-ring-color:var(--color-black);}.layer-components\:hover\:ring-\[var\(--hover\)\]:hover{--un-ring-color:var(--hover);}.layer-components\:focus\:ring-white:focus{--un-ring-color:var(--color-white);}.layer-components\:focus-visible\:ring-\[var\(--focus\,var\(--hover\)\)\]:focus-visible{--un-ring-color:var(--focus,var(--hover));}.layer-components\:focus-visible\:ring-accent:focus-visible{--un-ring-color:var(--color-accent);}.layer-components\:focus-visible\:ring-gray-5:focus-visible{--un-ring-color:var(--color-gray-5);}.layer-components\:focus-visible\:ring-gray-dark-blend:focus-visible{--un-ring-color:var(--color-gray-dark-blend);}.layer-components\:active\:ring-\[var\(--active\)\]:active{--un-ring-color:var(--active);}.layer-components\:active\:ring-accent:active{--un-ring-color:var(--color-accent);}.layer-components\:focus-visible\:ring-opacity-50:focus-visible{--un-ring-opacity:0.5;}.layer-components\:active\:ring-opacity-50:active{--un-ring-opacity:0.5;}.layer-components\:focus-visible\:ring-inset:focus-visible{--un-ring-inset:inset;}.layer-components\:all\:transition *,.layer-components\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:duration-200{transition-duration:200ms;}}@layer variants{.layer-variants\:\[\&\.btn-color-accent\]\:\[--active\:var\(--color-accent-light\)\].btn-color-accent,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--active\:var\(--color-accent-light\)\].btn-color-ghostAccent{--active:var(--color-accent-light);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--bg\:var\(--color-accent-wash\)\].btn-color-accent{--bg:var(--color-accent-wash);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--focus\:var\(--color-accent-light\)\].btn-color-accent,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--focus\:var\(--color-accent-light\)\].btn-color-ghostAccent{--focus:var(--color-accent-light);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--hover\:var\(--color-accent-light\)\].btn-color-accent{--hover:var(--color-accent-light);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--active\:var\(--color-gray-6\)\].btn-color-contrast{--active:var(--color-gray-6);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--bg\:var\(--color-black\)\].btn-color-contrast{--bg:var(--color-black);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--focus\:var\(--color-gray-7\)\].btn-color-contrast{--focus:var(--color-gray-7);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--hover\:var\(--color-gray-7\)\].btn-color-contrast{--hover:var(--color-gray-7);}.layer-variants\:\[\&\.btn-color-default\]\:\[--active\:var\(--color-gray-4\)\].btn-color-default{--active:var(--color-gray-4);}.layer-variants\:\[\&\.btn-color-default\]\:\[--bg\:var\(--color-white\)\].btn-color-default{--bg:var(--color-white);}.layer-variants\:\[\&\.btn-color-default\]\:\[--focus\:var\(--color-white\)\].btn-color-default{--focus:var(--color-white);}.layer-variants\:\[\&\.btn-color-default\]\:\[--hover\:var\(--color-gray-3\)\].btn-color-default{--hover:var(--color-gray-3);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--active\:var\(--color-attention-light\)\].btn-color-destructive,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--active\:var\(--color-attention-light\)\].btn-color-ghostDestructive{--active:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--bg\:var\(--color-attention-light\)\].btn-color-destructive{--bg:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--focus\:var\(--color-attention-light\)\].btn-color-destructive,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--focus\:var\(--color-attention-light\)\].btn-color-ghostDestructive{--focus:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--hover\:var\(--color-attention-light\)\].btn-color-destructive{--hover:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--active\:var\(--color-gray-dark-blend\)\].btn-color-ghost{--active:var(--color-gray-dark-blend);}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--bg\:transparent\].btn-color-ghost,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--bg\:transparent\].btn-color-ghostAccent,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--bg\:transparent\].btn-color-ghostDestructive{--bg:transparent;}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--focus\:var\(--color-gray-5\)\].btn-color-ghost{--focus:var(--color-gray-5);}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--hover\:var\(--color-gray-blend\)\].btn-color-ghost{--hover:var(--color-gray-blend);}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--hover\:rgb\(from_var\(--color-accent-light\)_r_g_b\/0\.25\)\].btn-color-ghostAccent{--hover:rgb(from var(--color-accent-light) r g b/0.25);}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--hover\:rgb\(from_var\(--color-attention-light\)_r_g_b\/0\.25\)\].btn-color-ghostDestructive{--hover:rgb(from var(--color-attention-light) r g b/0.25);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--active\:var\(--color-primary\)\].btn-color-primary{--active:var(--color-primary);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--bg\:var\(--color-primary-light\)\].btn-color-primary{--bg:var(--color-primary-light);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--focus\:var\(--color-primary\)\].btn-color-primary{--focus:var(--color-primary);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--hover\:var\(--color-primary\)\].btn-color-primary{--hover:var(--color-primary);}.layer-variants\:h-full{height:100%;}.layer-variants\:w-auto{width:auto;}.layer-variants\:inline-flex{display:inline-flex;}.layer-variants\:flex-1{flex:1 1 0%;}.layer-variants\:flex-wrap{flex-wrap:wrap;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-radix-collapsible-close-both[data-both][data-state=closed]{animation:radix-collapsible-close-both 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-radix-collapsible-open-both[data-both][data-state=open]{animation:radix-collapsible-open-both 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-radix-collapsible-close-horizontal[data-horizontal][data-state=closed]{animation:radix-collapsible-close-horizontal 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-radix-collapsible-open-horizontal[data-horizontal][data-state=open]{animation:radix-collapsible-open-horizontal 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:animate-pop-in-from-half{animation:pop-in-from-half 1s linear 1;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-duration-300[data-both][data-state=closed],.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-duration-300[data-both][data-state=open],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-duration-300[data-horizontal][data-state=closed],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-duration-300[data-horizontal][data-state=open]{animation-duration:300ms;}.layer-variants\:animate-duration-200{animation-duration:200ms;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-ease-springy[data-both][data-state=closed],.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-ease-springy[data-both][data-state=open],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-ease-springy[data-horizontal][data-state=closed],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-ease-springy[data-horizontal][data-state=open],.layer-variants\:animate-ease-springy{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-variants\:items-start{align-items:flex-start;}.layer-variants\:items-center{align-items:center;}.layer-variants\:gap-0{gap:0.00rem;}.layer-variants\:gap-2{gap:0.50rem;}.layer-variants\:overflow-y-auto{overflow-y:auto;}.layer-variants\:\[\&\.btn-color-accent\]\:border-black.btn-color-accent,.layer-variants\:\[\&\.btn-color-contrast\]\:border-black.btn-color-contrast,.layer-variants\:\[\&\.btn-color-default\]\:border-black.btn-color-default,.layer-variants\:\[\&\.btn-color-destructive\]\:border-black.btn-color-destructive,.layer-variants\:\[\&\.btn-color-primary\]\:border-black.btn-color-primary{border-color:var(--color-black);}.layer-variants\:border-gray-dark-blend{border-color:var(--color-gray-dark-blend);}.layer-variants\:border-transparent{border-color:transparent;}.layer-variants\:\[\&\.size-icon\]\:rounded-full.size-icon,.layer-variants\:\[\&\.size-small\]\:rounded-full.size-small{border-radius:9999px;}.layer-variants\:rounded-0,.layer-variants\:rounded-none{border-radius:0;}.layer-variants\:rounded-lg{border-radius:0.75rem;}.layer-variants\:rounded-md{border-radius:0.5rem;}.layer-variants\:border-none{border-style:none;}.layer-variants\:\[\&\[data-color\=primary\]\]\:bg-primary[data-color=primary]{background-color:var(--color-primary);}.layer-variants\:aria-pressed\:bg-\[var\(--bg\)\][aria-pressed="true"]{background-color:var(--bg);}.layer-variants\:bg-accent-wash{background-color:var(--color-accent-wash);}.layer-variants\:bg-transparent{background-color:transparent;}.layer-variants\:bg-white{background-color:var(--color-white);}.layer-variants\:hover\:bg-attention-wash:hover{background-color:var(--color-attention-wash);}.layer-variants\:hover\:bg-gray-blend:hover{background-color:var(--color-gray-blend);}.layer-variants\:hover\:bg-transparent:hover{background-color:transparent;}.layer-variants\:focus\:bg-transparent:focus{background-color:transparent;}.layer-variants\:\[\&\[data-color\=primary\]\]\:focus-visible\:bg-primary-light:focus-visible[data-color=primary]{background-color:var(--color-primary-light);}.layer-variants\:focus-visible\:bg-attention-wash:focus-visible{background-color:var(--color-attention-wash);}.layer-variants\:focus-visible\:bg-gray-dark-blend:focus-visible{background-color:var(--color-gray-dark-blend);}.layer-variants\:\[\&\[data-color\=primary\]\]\:active\:bg-primary-light:active[data-color=primary]{background-color:var(--color-primary-light);}.layer-variants\:active\:bg-transparent:active{background-color:transparent;}*[data-active=true] .layer-variants\:\[\*\[data-active\=true\]_\&\]\:fill-primary-light{fill:var(--color-primary-light);}.layer-variants\:\[\&\.size-icon\]\:p-2.size-icon,.layer-variants\:p-2{padding:0.50rem;}.layer-variants\:important\:p-0{padding:0.00rem !important;}.layer-variants\:p-0{padding:0.00rem;}.layer-variants\:p-1{padding:0.25rem;}.layer-variants\:p-5{padding:1.25rem;}.layer-variants\:\[\&\.size-small\]\:px-4.size-small{padding-left:1.00rem;padding-right:1.00rem;}.layer-variants\:\[\&\.size-small\]\:py-1.size-small{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-variants\:\[\&\.size-icon\]\:text-sm.size-icon,.layer-variants\:\[\&\.size-small\]\:text-sm.size-small{font-size:1rem;line-height:1.25rem;}.layer-variants\:font-size-inherit,.layer-variants\:text-size-inherit{font-size:inherit;}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:color-attention-dark.btn-color-ghostDestructive,.layer-variants\:text-attention-dark{color:var(--color-attention-dark);}.layer-variants\:\[\&\.btn-color-accent\]\:color-black.btn-color-accent,.layer-variants\:\[\&\.btn-color-default\]\:color-black.btn-color-default,.layer-variants\:\[\&\.btn-color-destructive\]\:color-black.btn-color-destructive,.layer-variants\:\[\&\.btn-color-primary\]\:color-black.btn-color-primary,.layer-variants\:color-black{color:var(--color-black);}.layer-variants\:\[\&\.btn-color-contrast\]\:color-white.btn-color-contrast{color:var(--color-white);}.layer-variants\:\[\&\.btn-color-ghost\]\:color-dark-blend.btn-color-ghost{color:var(--color-dark-blend);}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:color-accent-dark.btn-color-ghostAccent{color:var(--color-accent-dark);}.layer-variants\:color-inherit,.layer-variants\:text-inherit{color:inherit;}.layer-variants\:font-normal{font-weight:400;}.layer-variants\:font-inherit{font-family:inherit;}.layer-variants\:\[\&\.btn-color-accent\]\:shadow-sm.btn-color-accent,.layer-variants\:\[\&\.btn-color-default\]\:shadow-sm.btn-color-default,.layer-variants\:\[\&\.btn-color-destructive\]\:shadow-sm.btn-color-destructive,.layer-variants\:\[\&\.btn-color-primary\]\:shadow-sm.btn-color-primary{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:hover\:shadow-none:hover{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:focus\:shadow-none:focus{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:active\:shadow-none:active{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.layer-variants\:\[\&\[data-color\=primary\]\]\:focus-visible\:ring-primary:focus-visible[data-color=primary]{--un-ring-color:var(--color-primary);}.layer-variants\:\[\&\[data-color\=primary\]\]\:active\:ring-primary:active[data-color=primary]{--un-ring-color:var(--color-primary);}.layer-variants\:transition-none{transition:none;}}@media (prefers-reduced-motion: reduce){.\!motion-reduce\:animate-none,.important\:motion-reduce\:animate-none{animation:none !important;}.motion-reduce\:animate-none{animation:none;}}@media (prefers-reduced-motion: reduce){@layer components{.layer-components\:motion-reduce\:animate-none{animation:none;}}}@media (max-width: 639.9px){@layer variants{.layer-variants\:lt-sm\:bottom-\[calc\(var\(--viewport-bottom-offset\,0px\)\+var\(--gesture-y\,0px\)\)\]{bottom:calc(var(--viewport-bottom-offset,0px) + var(--gesture-y,0px));}.layer-variants\:lt-sm\:left-0{left:0.00rem;}.layer-variants\:lt-sm\:right-0{right:0.00rem;}.layer-variants\:lt-sm\:top-auto{top:auto;}.layer-variants\:lt-sm\:h-min-content{height:min-content;}.layer-variants\:lt-sm\:max-h-\[calc\(0\.85\*var\(--viewport-height\,100vh\)\)\]{max-height:calc(0.85 * var(--viewport-height,100vh));}.layer-variants\:lt-sm\:max-w-none{max-width:none;}.layer-variants\:lt-sm\:w-full{width:100%;}.layer-variants\:lt-sm\:translate-0{--un-translate-x:0.00rem;--un-translate-y:0.00rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-variants\:lt-sm\:\[\&\[data-state\=closed\]\]\:animate-fade-out-down[data-state=closed]{animation:fade-out-down 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:lt-sm\:animate-fade-in-up{animation:fade-in-up 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:lt-sm\:animate-ease-in{animation-timing-function:cubic-bezier(0.4, 0, 1, 1);}.layer-variants\:lt-sm\:border-b-0{border-bottom-width:0px;}.layer-variants\:lt-sm\:rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0;}.layer-variants\:lt-sm\:rounded-tl-xl{border-top-left-radius:1rem;}.layer-variants\:lt-sm\:rounded-tr-xl{border-top-right-radius:1rem;}.layer-variants\:lt-sm\:p-6{padding:1.50rem;}.layer-variants\:lt-sm\:pb-\[calc\(3rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px));}.layer-variants\:lt-sm\:pt-8{padding-top:2.00rem;}}}@layer responsive{@media (min-width: 640px){.sm\:layer-responsive\:grid-cols-\[1fr_auto_min\(800px\,60vw\)_1fr\]{grid-template-columns:1fr auto min(800px,60vw) 1fr;}.sm\:layer-responsive\:grid-areas-\[gutter1_nav_content_gutter2\]{grid-template-areas:"gutter1 nav content gutter2";}.sm\:layer-responsive\:min-h-auto{min-height:auto;}}}@media (min-width: 640px){.sm\:\[grid-template-areas\:\"prevMonth_leftMonth_rightMonth_nextMonth\"\"leftGrid_leftGrid_rightGrid_rightGrid\"\]{grid-template-areas:"prevMonth leftMonth rightMonth nextMonth""leftGrid leftGrid rightGrid rightGrid";}.sm\:\[grid-template-columns\:auto_1fr_1fr_auto\]{grid-template-columns:auto 1fr 1fr auto;}.sm\:bottom-0{bottom:0.00rem;}.\!sm\:grid{display:grid !important;}.\!sm\:block{display:block !important;}.sm\:hidden{display:none;}.sm\:h-8{height:2rem;}.sm\:w-8{width:2rem;}}@media (min-width: 640px){@layer components{.layer-components\:sm\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:sm\:fixed{position:fixed;}.layer-components\:sm\:sticky{position:sticky;}.layer-components\:sm\:bottom-3{bottom:0.75rem;}.layer-components\:sm\:bottom-auto{bottom:auto;}.layer-components\:sm\:left-\[var\(--content-left\,20\%\)\]{left:var(--content-left,20%);}.layer-components\:sm\:left-auto{left:auto;}.layer-components\:sm\:right-auto{right:auto;}.layer-components\:sm\:top-0{top:0.00rem;}.layer-components\:sm\:top-auto{top:auto;}.layer-components\:sm\:display-initial{display:initial;}.layer-components\:sm\:h-auto{height:auto;}.layer-components\:sm\:h-min-content{height:min-content;}.layer-components\:sm\:max-w-700px{max-width:700px;}.layer-components\:sm\:max-w-80vw{max-width:80vw;}.layer-components\:sm\:w-\[var\(--content-width\,100\%\)\]{width:var(--content-width,100%);}.layer-components\:sm\:w-full{width:100%;}.layer-components\:sm\:flex{display:flex;}.layer-components\:sm\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:sm\:flex-col{flex-direction:column;}.layer-components\:sm\:items-end{align-items:flex-end;}.layer-components\:sm\:items-stretch{align-items:stretch;}.layer-components\:sm\:justify-start{justify-content:flex-start;}.layer-components\:sm\:gap-2{gap:0.50rem;}.layer-components\:sm\:overflow-visible{overflow:visible;}.layer-components\:sm\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:sm\:overflow-y-auto{overflow-y:auto;}.layer-components\:sm\:border-transparent{border-color:transparent;}.layer-components\:sm\:rounded-0{border-radius:0;}.layer-components\:sm\:rounded-full{border-radius:9999px;}.layer-components\:sm\:border-none{border-style:none;}.layer-components\:sm\:bg-gray-blend{background-color:var(--color-gray-blend);}.layer-components\:sm\:bg-transparent{background-color:transparent;}.layer-components\:sm\:active\:bg-gray-dark-blend:active{background-color:var(--color-gray-dark-blend);}.layer-components\:sm\:p-0{padding:0.00rem;}.layer-components\:sm\:p-6px{padding:6px;}.layer-components\:sm\:pb-10{padding-bottom:2.50rem;}.layer-components\:sm\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:sm\:leading-normal{line-height:1.5;}.layer-components\:sm\:opacity-\[var\(--content-ready\,0\)\]{opacity:var(--content-ready,0);}.layer-components\:sm\:shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:sm\:transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}}}@media (min-width: 640px){@layer variants{*[data-active=true] .layer-variants\:sm\:\[\*\[data-active\=true\]_\&\]\:bg-primary-light{background-color:var(--color-primary-light);}.layer-variants\:sm\:p-4{padding:1.00rem;}}}@media (min-width: 768px){.md\:max-w-800px{max-width:800px;}}@media (min-width: 768px){@layer components{.layer-components\:md\:\[grid-auto-rows\:1fr\]{grid-auto-rows:1fr;}.layer-components\:md\:grid-cols-\[repeat\(2\,1fr\)\]{grid-template-columns:repeat(2,1fr);}.layer-components\:md\:min-w-0{min-width:0;}.layer-components\:md\:min-w-120px{min-width:120px;}.layer-components\:md\:items-end{align-items:flex-end;}.layer-components\:md\:pt-4{padding-top:1.00rem;}}}
|
|
485
|
+
}.animate-skeleton{animation:skeleton 1s linear 1;}.animate-spin{animation:spin 1s linear infinite;}.animate-spinner-stroke{animation:spinner-stroke 1s linear 1;}.\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed]{animation-duration:300ms;}.\[\&\[data-state\=open\]\]\:animate-duration-600[data-state=open]{animation-duration:600ms;}.animate-duration-1200{animation-duration:1200ms;}.animate-duration-1400{animation-duration:1400ms;}.animate-ease-default{animation-timing-function:ease;}.animate-ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.animate-ease-linear{animation-timing-function:linear;}.animate-forwards{animation-fill-mode:forwards;}.animate-alternate{animation-direction:alternate;}.animate-iteration-infinite{animation-iteration-count:infinite;}.\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true],.\[\&\[data-state\=active\]\]\:cursor-default[data-state=active],.cursor-default{cursor:default;}.important\:\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true]{cursor:default !important;}.disabled\:cursor-default:disabled{cursor:default;}.important\:disabled\:cursor-default:disabled{cursor:default !important;}.cursor-pointer{cursor:pointer;}.cursor-grab{cursor:grab;}.touch-none{touch-action:none;}.select-none{-webkit-user-select:none;user-select:none;}.resize{resize:both;}.appearance-none{-webkit-appearance:none;appearance:none;}.items-start{align-items:flex-start;}.important\:items-center{align-items:center !important;}.items-center{align-items:center;}.after\:items-center::after{align-items:center;}.items-stretch{align-items:stretch;}.self-start{align-self:flex-start;}.self-end{align-self:flex-end;}.self-center{align-self:center;}.self-stretch{align-self:stretch;}.justify-end{justify-content:flex-end;}.after\:justify-end::after{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-1{gap:0.25rem;}.gap-2{gap:0.50rem;}.gap-3{gap:0.75rem;}.gap-4{gap:1.00rem;}.important\:gap-2{gap:0.50rem !important;}.overflow-hidden{overflow:hidden;}.overflow-y-auto{overflow-y:auto;}.text-ellipsis{text-overflow:ellipsis;}.important\:whitespace-nowrap{white-space:nowrap !important;}.whitespace-nowrap{white-space:nowrap;}.border,.border-1{border-width:1px;}.border-0{border-width:0px;}.border-10px{border-width:10px;}.border-2{border-width:2px;}.after\:border-8px::after{border-width:8px;}.border-b{border-bottom-width:1px;}.border-r{border-right-width:1px;}.border-r-0{border-right-width:0px;}.\[\&\[data-state\=active\]\]\:border-primary-light[data-state=active]{border-color:var(--color-primary-light);}.\[\&\[data-state\=on\]\]\:border-black[data-state=on],.border-black{border-color:var(--color-black);}.border-gray5{border-color:var(--color-gray-5);}.border-primary{border-color:var(--color-primary);}.border-primary-dark{border-color:var(--color-primary-dark);}.border-transparent{border-color:transparent;}.border-white{border-color:var(--color-white);}.important\:border-gray7{border-color:var(--color-gray-7) !important;}.hover\:border-gray7:hover{border-color:var(--color-gray-7);}.focus-visible\:border-primary-dark:focus-visible{border-color:var(--color-primary-dark);}.after\:border-transparent::after{border-color:transparent;}.\[\&\[data-bottom-edge\]\]\:border-b-gray-5[data-bottom-edge]{border-bottom-color:var(--color-gray-5);}.\[\&\[data-day-first\]\]\:border-l-gray-5[data-day-first],.\[\&\[data-first-column\]\]\:border-l-gray-5[data-first-column]{border-left-color:var(--color-gray-5);}.\[\&\[data-day-last\]\]\:border-r-gray-5[data-day-last],.\[\&\[data-last-column\]\]\:border-r-gray-5[data-last-column]{border-right-color:var(--color-gray-5);}.\[\&\[data-top-edge\]\]\:border-t-gray-5[data-top-edge]{border-top-color:var(--color-gray-5);}.border-b-primary-dark{border-bottom-color:var(--color-primary-dark);}.border-l-primary-dark{border-left-color:var(--color-primary-dark);}.after\:border-b-primary-wash::after{border-bottom-color:var(--color-primary-wash);}.after\:border-l-primary-wash::after{border-left-color:var(--color-primary-wash);}.\[\&\[data-in-range\]\]\:rounded-none[data-in-range]{border-radius:0;}.\[\&\[data-selected\]\]\:rounded[data-selected],.rounded,.rounded-sm{border-radius:0.25rem;}.important\:rounded-15px{border-radius:15px !important;}.rounded-2{border-radius:0.5rem;}.rounded-full{border-radius:9999px;}.rounded-lg{border-radius:0.75rem;}.rounded-xl{border-radius:1rem;}.active\:rounded:active{border-radius:0.25rem;}.\[\&\[data-today\]\]\:before\:rounded-full[data-today]::before{border-radius:9999px;}.\[\&\[data-range-end\]\]\:rounded-l-none[data-range-end]{border-top-left-radius:0;border-bottom-left-radius:0;}.\[\&\[data-range-end\]\]\:rounded-r[data-range-end]{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}.\[\&\[data-range-start\]\]\:rounded-l[data-range-start]{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}.\[\&\[data-range-start\]\]\:rounded-r-none[data-range-start]{border-top-right-radius:0;border-bottom-right-radius:0;}.\[\&\[data-day-first\]\]\:rounded-tl[data-day-first],.\[\&\[data-first-column\]\[data-top-edge\]\]\:rounded-tl[data-first-column][data-top-edge]{border-top-left-radius:0.25rem;}.\[\&\[data-day-last\]\]\:rounded-br[data-day-last],.\[\&\[data-last-column\]\[data-bottom-edge\]\]\:rounded-br[data-last-column][data-bottom-edge]{border-bottom-right-radius:0.25rem;}.\[\&\[data-first-column\]\[data-bottom-edge\]\]\:rounded-bl[data-first-column][data-bottom-edge]{border-bottom-left-radius:0.25rem;}.\[\&\[data-last-column\]\[data-top-edge\]\]\:rounded-tr[data-last-column][data-top-edge]{border-top-right-radius:0.25rem;}.border-none{border-style:none;}.border-solid{border-style:solid;}.after\:border-solid::after{border-style:solid;}.\!bg-\[rgba\(0\,0\,0\,0\.1\)\]{--un-bg-opacity:0.1 !important;background-color:rgba(0, 0, 0, var(--un-bg-opacity)) !important;}.\[\&_\.ProseMirror\:focus\]\:bg-gray-1 .ProseMirror:focus,.bg-gray1{background-color:var(--color-gray-1);}.\[\&\:nth-child\(2n\+1\)\]\:bg-gray-blend:nth-child(2n+1),.bg-gray-blend{background-color:var(--color-gray-blend);}.\[\&\[data-highlighted\]\]\:bg-primary-wash[data-highlighted],.\[\&\[data-state\=checked\]\]\:bg-primary-wash[data-state=checked],.bg-primary-wash{background-color:var(--color-primary-wash);}.\[\&\[data-highlighted\=true\]\]\:bg-gray2[data-highlighted=true],.bg-gray2{background-color:var(--color-gray-2);}.\[\&\[data-in-range\]\]\:bg-accent-wash[data-in-range],.bg-accent-wash{background-color:var(--color-accent-wash);}.\[\&\[data-range-end\]\]\:bg-accent-light[data-range-end],.\[\&\[data-range-start\]\]\:bg-accent-light[data-range-start],.\[\&\[data-selected\]\]\:bg-accent-light[data-selected]{background-color:var(--color-accent-light);}.\[\&\[data-state\=active\]\]\:bg-primary-light[data-state=active],.\[\&\[data-state\=on\]\]\:bg-primary-light[data-state=on]{background-color:var(--color-primary-light);}.\[\&\[data-state\=checked\]\]\:bg-accent[data-state=checked]{background-color:var(--color-accent);}.bg-\[rgba\(0\,0\,0\,0\.05\)\]{--un-bg-opacity:0.05;background-color:rgba(0, 0, 0, var(--un-bg-opacity));}.bg-\[var\(--color-wash\)\]{background-color:var(--color-wash);}.bg-black{background-color:var(--color-black);}.bg-gray-4{background-color:var(--color-gray-4);}.bg-gray5{background-color:var(--color-gray-5);}.bg-gray50{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}.bg-primary{background-color:var(--color-primary);}.bg-transparent{background-color:transparent;}.bg-white{background-color:var(--color-white);}.important\:\[\&\[data-disabled\=true\]\]\:bg-\[var\(--bg\)\][data-disabled=true]{background-color:var(--bg) !important;}.\[\&\[data-state\=active\]\]\:hover\:bg-primary-light:hover[data-state=active]{background-color:var(--color-primary-light);}.hover\:bg-gray-1:hover{background-color:var(--color-gray-1);}.hover\:bg-gray2:hover{background-color:var(--color-gray-2);}.hover\:bg-gray3:hover{background-color:var(--color-gray-3);}.hover\:bg-primary-light:hover{background-color:var(--color-primary-light);}.focus-visible\:bg-gray-2:focus-visible{background-color:var(--color-gray-2);}.focus-visible\:bg-primary-light:focus-visible{background-color:var(--color-primary-light);}.active\:bg-accent-wash:active{background-color:var(--color-accent-wash);}.active\:bg-gray4:active{background-color:var(--color-gray-4);}.important\:disabled\:bg-\[var\(--bg\)\]:disabled{background-color:var(--bg) !important;}.\[\&\[data-today\]\]\:before\:bg-primary[data-today]::before{background-color:var(--color-primary);}.from-gray1{--un-gradient-from-position:0%;--un-gradient-from:var(--color-gray-1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.from-transparent{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.after\:from-transparent::after{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.after\:from-wash::after{--un-gradient-from-position:0%;--un-gradient-from:var(--color-wash) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.via-gray2{--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), var(--color-gray-2) var(--un-gradient-via-position), var(--un-gradient-to);}.to-gray1{--un-gradient-to-position:100%;--un-gradient-to:var(--color-gray-1) var(--un-gradient-to-position);}.to-primary-wash{--un-gradient-to-position:100%;--un-gradient-to:var(--color-primary-wash) var(--un-gradient-to-position);}.after\:to-white::after{--un-gradient-to-position:100%;--un-gradient-to:var(--color-white) var(--un-gradient-to-position);}.bg-gradient-to-b{--un-gradient-shape:to bottom;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.bg-gradient-to-r{--un-gradient-shape:to right;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-b::after{--un-gradient-shape:to bottom;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-l::after{--un-gradient-shape:to left;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.fill-black{fill:var(--color-black);}.fill-white{fill:var(--color-white);}.stroke-1{stroke-width:1px;}.stroke-black{stroke:var(--color-black);}.stroke-current{stroke:currentColor;}.stroke-gray-blend{stroke:var(--color-gray-blend);}.object-cover{object-fit:cover;}.object-center{object-position:center;}.p-1{padding:0.25rem;}.p-2{padding:0.50rem;}.after\:p-3::after{padding:0.75rem;}.px{padding-left:1rem;padding-right:1rem;}.px-2{padding-left:0.50rem;padding-right:0.50rem;}.px-25px{padding-left:25px;padding-right:25px;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.px-4{padding-left:1.00rem;padding-right:1.00rem;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-2{padding-top:0.50rem;padding-bottom:0.50rem;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.py-4{padding-top:1.00rem;padding-bottom:1.00rem;}.pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.pl-25px{padding-left:25px;}.pl-35px{padding-left:35px;}.pr-20px{padding-right:20px;}.pr-4{padding-right:1.00rem;}.pr-8{padding-right:2.00rem;}.text-center{text-align:center;}.text-left{text-align:left;}.\[\&_\.ProseMirror_h1\]\:text-xl .ProseMirror h1{font-size:1.5rem;line-height:2rem;}.\[\&_\.ProseMirror_h2\]\:text-lg .ProseMirror h2,.text-lg{font-size:1.25rem;line-height:1.75rem;}.\[\&_\.ProseMirror_h3\]\:text-md .ProseMirror h3,.text-md{font-size:1.125rem;line-height:1.5rem;}.text-12px{font-size:12px;}.text-2xl{font-size:1.75rem;line-height:2.25rem;}.text-3xl{font-size:2rem;line-height:2.5rem;}.text-sm{font-size:1rem;line-height:1.25rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.after\:text-xs::after{font-size:0.75rem;line-height:1rem;}.\[\&\[data-highlighted\]\]\:color-black[data-highlighted],.\[\&\[data-state\=active\]\]\:text-black[data-state=active],.color-black,.text-black{color:var(--color-black);}.\[\&\[data-state\=checked\]\]\:text-primary-dark[data-state=checked],.color-primary-dark{color:var(--color-primary-dark);}.text-dark-blend{color:var(--color-dark-blend);}.text-gray-6{color:var(--color-gray-6);}.text-white{color:var(--color-white);}.\[\&\[data-disabled\]\]\:color-gray5[data-disabled]{color:var(--color-gray-5);}.\[\&\[data-placeholder\]\]\:color-gray8[data-placeholder],.color-gray8{color:var(--color-gray-8);}.color-gray7{color:var(--color-gray-7);}.color-gray9{color:var(--color-gray-9);}.after\:color-gray9::after{color:var(--color-gray-9);}.color-inherit{color:inherit;}.\[\&_\.ProseMirror_h1\]\:font-medium .ProseMirror h1,.\[\&_\.ProseMirror_h2\]\:font-medium .ProseMirror h2{font-weight:500;}.\[\&_\.ProseMirror_h3\]\:font-extrabold .ProseMirror h3{font-weight:800;}.\[\&\[data-state\=active\]\]\:font-bold[data-state=active],.font-bold{font-weight:700;}.font-normal{font-weight:400;}.important\:font-normal{font-weight:400 !important;}.leading-4{line-height:1rem;}.leading-6{line-height:1.5rem;}.leading-normal{line-height:1.5;}.font-inherit{font-family:inherit;}.font-title{font-family:"Inter", sans-serif;}.italic{font-style:italic;}.oblique{font-style:oblique;}.\[\&_\.ProseMirror_a\]\:underline .ProseMirror a{text-decoration-line:underline;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.accent-dark{--un-accent-opacity:1;accent-color:rgb(34 34 34 / var(--un-accent-opacity));}.accent-light{--un-accent-opacity:1;accent-color:rgb(246 246 246 / var(--un-accent-opacity));}.accent-wash{accent-color:var(--color-wash);}.\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true],.opacity-50{opacity:0.5;}.important\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5 !important;}.op-0{opacity:0;}.opacity-80{opacity:0.8;}.hover\:opacity-100:hover{opacity:1;}.focus\:opacity-100:focus{opacity:1;}.disabled\:opacity-50:disabled{opacity:0.5;}.important\:disabled\:opacity-50:disabled{opacity:0.5 !important;}.\[\&_\.ProseMirror\:focus\]\:shadow-focus .ProseMirror:focus{--un-shadow:0 0 0 3px var(--color-primary-light) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.important\:\[\&\[data-disabled\=true\]\]\:shadow-none[data-disabled=true]{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.shadow-lg{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-sm{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-visible\:shadow-focus:focus-visible{--un-shadow:0 0 0 3px var(--color-primary-light) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.important\:disabled\:shadow-none:disabled{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.\[\&\[data-highlighted\]\]\:outline-accent[data-highlighted]{outline-color:var(--color-accent);}.hover\:outline-accent:hover{outline-color:var(--color-accent);}.\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.\[\&\[data-highlighted\]\]\:outline-none[data-highlighted],.outline-none{outline:2px solid transparent;outline-offset:2px;}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-visible\:focus-ring:focus:focus-visible{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.ring-white{--un-ring-color:var(--color-white);}.focus\:ring-primary:focus{--un-ring-color:var(--color-primary);}.focus-visible\:focus-ring-primary-dark:focus:focus-visible{--un-ring-color:var(--color-primary-dark);}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-color{transition-property:color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-width{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.will-change-transform{will-change:transform;}.\[\&\[data-today\]\]\:before\:content-\[\'\'\][data-today]::before{content:'';}.after\:\[\&\[data-state\=open\]\]\:content-\[\"-_tap_to_collapse_-\"\][data-state=open]::after{content:"- tap to collapse -";}.after\:content-\[\"-_tap_to_expand_-\"\]::after{content:"- tap to expand -";}.after\:content-\[\"\"\]::after{content:"";}.shadow-1{box-shadow:0 1px 2px 0 var(--color-shadow-2);}.shadow-2{box-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);}.shadow-3{box-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);}.shadow-4{box-shadow:0 20px 25px -5px var(--color-shadow-1), 0 10px 10px -5px var(--color-shadow-2);}@layer components{.layer-components\:\[--webkit-tap-highlight-color\:transparent\]{--webkit-tap-highlight-color:transparent;}.layer-components\:\[all\:unset\]{all:unset;}.layer-components\:\[box-shadow\:0_0_10px_0_var\(--color-shadow-1\)\]{box-shadow:0 0 10px 0 var(--color-shadow-1);}.layer-components\:\[box-shadow\:inset_0_30px_60px_0px_var\(--color-overlay\)\]{box-shadow:inset 0 30px 60px 0px var(--color-overlay);}.layer-components\:\[font-family\:inherit\]{font-family:inherit;}.layer-components\:\[grid-area\:content\]{grid-area:content;}.layer-components\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:\[grid-auto-columns\:1fr\]{grid-auto-columns:1fr;}.layer-components\:\[grid-auto-flow\:column\]{grid-auto-flow:column;}.layer-components\:\[grid-auto-rows\:auto\]{grid-auto-rows:auto;}.layer-components\:\[line-height\:1\]{line-height:1;}.layer-components\:\[resize\:none\]{resize:none;}.layer-components\:\[resize\:vertical\]{resize:vertical;}.layer-components\:\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled],.layer-components\:\[\&\[data-state\=closed\]\]\:pointer-events-none[data-state=closed]{pointer-events:none;}.layer-components\:absolute{position:absolute;}.layer-components\:fixed{position:fixed;}.layer-components\:relative{position:relative;}.layer-components\:sticky{position:sticky;}.layer-components\:inset-0{inset:0.00rem;}.layer-components\:bottom-\[calc\(env\(safe-area-inset-bottom\,0px\)\+var\(--now-playing-bottom\,60px\)\)\]{bottom:calc(env(safe-area-inset-bottom,0px) + var(--now-playing-bottom,60px));}.layer-components\:bottom-0{bottom:0.00rem;}.layer-components\:left-0{left:0.00rem;}.layer-components\:left-50\%{left:50%;}.layer-components\:right-0{right:0.00rem;}.layer-components\:right-5px{right:5px;}.layer-components\:right-6px{right:6px;}.layer-components\:top-0{top:0.00rem;}.layer-components\:top-50\%{top:50%;}.layer-components\:top-5px{top:5px;}.layer-components\:top-6px{top:6px;}.layer-components\:z-0{z-index:0;}.layer-components\:z-1{z-index:1;}.layer-components\:z-50{z-index:50;}.layer-components\:grid{display:grid;}.layer-components\:grid-cols-\[1fr\]{grid-template-columns:1fr;}.layer-components\:grid-cols-\[repeat\(auto-fit\,minmax\(300px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}.layer-components\:grid-rows-\[1fr\]{grid-template-rows:1fr;}.layer-components\:grid-areas-\[content\]-\[nav\]{grid-template-areas:"content" "nav";}.layer-components\:m-0{margin:0.00rem;}.layer-components\:m-2{margin:0.50rem;}.layer-components\:mb-120px{margin-bottom:120px;}.layer-components\:ml-0{margin-left:0.00rem;}.layer-components\:ml-auto{margin-left:auto;}.layer-components\:mr-0{margin-right:0.00rem;}.layer-components\:mr-auto{margin-right:auto;}.layer-components\:mt-auto{margin-top:auto;}.layer-components\:block{display:block;}.layer-components\:inline-block{display:inline-block;}.layer-components\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar,.layer-components\:hidden{display:none;}.layer-components\:h-\[max-content\],.layer-components\:h-max-content{height:max-content;}.layer-components\:h-24px{height:24px;}.layer-components\:h-25px{height:25px;}.layer-components\:h-28px{height:28px;}.layer-components\:h-30px{height:30px;}.layer-components\:h-5{height:1.25rem;}.layer-components\:h-6px{height:6px;}.layer-components\:h-9px{height:9px;}.layer-components\:h-auto{height:auto;}.layer-components\:h-full{height:100%;}.layer-components\:max-h-\[var\(--radix-context-menu-content-available-height\)\]{max-height:var(--radix-context-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-popover-content-available-height\)\]{max-height:var(--radix-popover-content-available-height);}.layer-components\:max-h-\[var\(--radix-select-content-available-height\)\]{max-height:var(--radix-select-content-available-height);}.layer-components\:max-h-80px{max-height:80px;}.layer-components\:max-h-85vh{max-height:85vh;}.layer-components\:max-w-450px{max-width:450px;}.layer-components\:max-w-80vw{max-width:80vw;}.layer-components\:max-w-90vw{max-width:90vw;}.layer-components\:max-w-full{max-width:100%;}.layer-components\:min-h-0{min-height:0;}.layer-components\:min-h-4{min-height:1rem;}.layer-components\:min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width);}.layer-components\:min-w-0{min-width:0;}.layer-components\:min-w-120px{min-width:120px;}.layer-components\:min-w-32px{min-width:32px;}.layer-components\:min-w-4{min-width:1rem;}.layer-components\:min-w-60px{min-width:60px;}.layer-components\:w-24px{width:24px;}.layer-components\:w-25px{width:25px;}.layer-components\:w-28px{width:28px;}.layer-components\:w-5{width:1.25rem;}.layer-components\:w-6px{width:6px;}.layer-components\:w-90vw{width:90vw;}.layer-components\:w-auto{width:auto;}.layer-components\:w-full{width:100%;}.layer-components\:w-min-content{width:min-content;}.layer-components\:\[\&\[data-state\=open\]\]\:flex[data-state=open],.layer-components\:flex{display:flex;}.layer-components\:inline-flex{display:inline-flex;}.layer-components\:flex-1{flex:1 1 0%;}.layer-components\:flex-shrink-0{flex-shrink:0;}.layer-components\:flex-shrink-1{flex-shrink:1;}.layer-components\:flex-grow-1,.layer-components\:grow{flex-grow:1;}.layer-components\:flex-basis-0{flex-basis:0.00rem;}.layer-components\:flex-row{flex-direction:row;}.layer-components\:\[\&\[data-state\=open\]\]\:flex-col[data-state=open],.layer-components\:flex-col{flex-direction:column;}.layer-components\:transform-origin-\[var\(--radix-context-menu-transform-origin\)\]{transform-origin:var(--radix-context-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-dropdown-menu-transform-origin\)\]{transform-origin:var(--radix-dropdown-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-popover-transform-origin\)\]{transform-origin:var(--radix-popover-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-select-content-transform-origin\)\]{transform-origin:var(--radix-select-content-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-tooltip-content-transform-origin\)\]{transform-origin:var(--radix-tooltip-content-transform-origin);}.layer-components\:translate-\[-50\%\]{--un-translate-x:-50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-z-0{--un-translate-z:0.00rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-dialog-out[data-state=closed]{animation:dialog-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-fade-out[data-state=closed]{animation:fade-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-popover-out[data-state=closed]{animation:popover-out 100ms linear 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-radix-collapsible-close-vertical[data-state=closed]{animation:radix-collapsible-close-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=delayed-open\]\]\:animate-popover-in[data-state=delayed-open],.layer-components\:\[\&\[data-state\=open\]\]\:animate-popover-in[data-state=open]{animation:popover-in 100ms linear 1;}.layer-components\:\[\&\[data-state\=open\]\]\:animate-radix-collapsible-open-vertical[data-state=open]{animation:radix-collapsible-open-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-dialog-in{animation:dialog-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-fade-in{animation:fade-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-duration-300[data-state=open]{animation-duration:300ms;}.layer-components\:animate-duration-200{animation-duration:200ms;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-ease-springy[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-ease-springy[data-state=open]{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-components\:cursor-pointer{cursor:pointer;}.layer-components\:touch-none{touch-action:none;}.layer-components\:select-auto{-webkit-user-select:auto;user-select:auto;}.layer-components\:select-none{-webkit-user-select:none;user-select:none;}.layer-components\:items-start{align-items:flex-start;}.layer-components\:items-end{align-items:flex-end;}.layer-components\:items-center{align-items:center;}.layer-components\:items-stretch{align-items:stretch;}.layer-components\:justify-start{justify-content:flex-start;}.layer-components\:justify-center{justify-content:center;}.layer-components\:justify-items-center{justify-items:center;}.layer-components\:gap-1{gap:0.25rem;}.layer-components\:gap-2{gap:0.50rem;}.layer-components\:gap-3{gap:0.75rem;}.layer-components\:gap-4{gap:1.00rem;}.layer-components\:gap-6px{gap:6px;}.layer-components\:overflow-hidden{overflow:hidden;}.layer-components\:overflow-visible{overflow:visible;}.layer-components\:overflow-x-auto{overflow-x:auto;}.layer-components\:overflow-y-auto{overflow-y:auto;}.layer-components\:overflow-y-hidden{overflow-y:hidden;}.layer-components\:text-ellipsis{text-overflow:ellipsis;}.layer-components\:whitespace-nowrap{white-space:nowrap;}.layer-components\:border,.layer-components\:border-1,.layer-components\:border-1px{border-width:1px;}.layer-components\:border-0{border-width:0px;}.layer-components\:border-b,.layer-components\:border-b-1{border-bottom-width:1px;}.layer-components\:border-t{border-top-width:1px;}.layer-components\:\[\&\:disabled\]\:border-gray-3:disabled{border-color:var(--color-gray-3);}.layer-components\:\[\&\[data-state\=checked\]\]\:border-primary-dark[data-state=checked]{border-color:var(--color-primary-dark);}.layer-components\:border-black{border-color:var(--color-black);}.layer-components\:border-grayDarkBlend{border-color:var(--color-gray-dark-blend);}.layer-components\:border-transparent{border-color:transparent;}.layer-components\:border-b-\[\#00000070\]{--un-border-opacity:0.44;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgb(0 0 0 / var(--un-border-bottom-opacity));}.layer-components\:border-t-grayDarkBlend{border-top-color:var(--color-gray-dark-blend);}.layer-components\:rounded-0{border-radius:0;}.layer-components\:rounded-full{border-radius:9999px;}.layer-components\:rounded-lg{border-radius:0.75rem;}.layer-components\:rounded-md{border-radius:0.5rem;}.layer-components\:rounded-sm{border-radius:0.25rem;}.layer-components\:rounded-xl{border-radius:1rem;}.layer-components\:rounded-b-lg{border-bottom-left-radius:0.75rem;border-bottom-right-radius:0.75rem;}.layer-components\:border-none{border-style:none;}.layer-components\:border-solid{border-style:solid;}.layer-components\:border-b-solid{border-bottom-style:solid;}.layer-components\:\[\&\:disabled\]\:bg-transparent:disabled,.layer-components\:bg-transparent{background-color:transparent;}.layer-components\:\[\&\[data-active\=true\]\]\:bg-primary-wash[data-active=true]{background-color:var(--color-primary-wash);}.layer-components\:\[\&\[data-state\=checked\]\]\:bg-primary-light[data-state=checked]{background-color:var(--color-primary-light);}.layer-components\:bg-\[var\(--bg\)\]{background-color:var(--bg);}.layer-components\:bg-accent{background-color:var(--color-accent);}.layer-components\:bg-attention{background-color:var(--color-attention);}.layer-components\:bg-black{background-color:var(--color-black);}.layer-components\:bg-gray-1{background-color:var(--color-gray-1);}.layer-components\:bg-overlay{background-color:var(--color-overlay);}.layer-components\:bg-white{background-color:var(--color-white);}.layer-components\:hover\:bg-\[var\(--hover\)\]:hover{background-color:var(--hover);}.layer-components\:hover\:bg-gray-blend:hover{background-color:var(--color-gray-blend);}.layer-components\:hover\:bg-light-blend:hover{background-color:var(--color-light-blend);}.layer-components\:hover\:bg-primary-wash:hover{background-color:var(--color-primary-wash);}.layer-components\:focus\:bg-gray-1:focus{background-color:var(--color-gray-1);}.layer-components\:focus-visible\:bg-accent-light:focus-visible{background-color:var(--color-accent-light);}.layer-components\:focus-visible\:bg-gray2:focus-visible{background-color:var(--color-gray-2);}.layer-components\:focus-visible\:bg-primary-wash:focus-visible{background-color:var(--color-primary-wash);}.layer-components\:active\:bg-\[var\(--active\)\]:active{background-color:var(--active);}.layer-components\:active\:bg-accent-light:active{background-color:var(--color-accent-light);}.layer-components\:active\:bg-primary-wash:active{background-color:var(--color-primary-wash);}.layer-components\:fill-white{fill:var(--color-white);}.layer-components\:fill-none{fill:none;}.layer-components\:stroke-black{stroke:var(--color-black);}.layer-components\:p-0{padding:0.00rem;}.layer-components\:p-1{padding:0.25rem;}.layer-components\:p-2{padding:0.50rem;}.layer-components\:p-2px{padding:2px;}.layer-components\:p-4{padding:1.00rem;}.layer-components\:p-6{padding:1.50rem;}.layer-components\:px-3{padding-left:0.75rem;padding-right:0.75rem;}.layer-components\:px-4{padding-left:1.00rem;padding-right:1.00rem;}.layer-components\:py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-components\:py-2{padding-top:0.50rem;padding-bottom:0.50rem;}.layer-components\:py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.layer-components\:py-4{padding-top:1.00rem;padding-bottom:1.00rem;}.layer-components\:pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.layer-components\:pb-2{padding-bottom:0.50rem;}.layer-components\:pl-1{padding-left:0.25rem;}.layer-components\:pl-8{padding-left:2.00rem;}.layer-components\:pr-4{padding-right:1.00rem;}.layer-components\:pr-80px{padding-right:80px;}.layer-components\:pt-6{padding-top:1.50rem;}.layer-components\:pt-8{padding-top:2.00rem;}.layer-components\:text-left{text-align:left;}.layer-components\:text-start{text-align:start;}.layer-components\:text-lg{font-size:1.25rem;line-height:1.75rem;}.layer-components\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:text-sm{font-size:1rem;line-height:1.25rem;}.layer-components\:text-xxs{font-size:0.625rem;line-height:0.75rem;}.layer-components\:text-size-md{font-size:1.125rem;}.layer-components\:\[\&\[data-active\=true\]\]\:text-primary-dark[data-active=true]{color:var(--color-primary-dark);}.layer-components\:color-black,.layer-components\:text-black{color:var(--color-black);}.layer-components\:text-gray-7{color:var(--color-gray-7);}.layer-components\:text-white{color:var(--color-white);}.layer-components\:\[\&\[data-disabled\]\]\:color-gray9[data-disabled]{color:var(--color-gray-9);}.layer-components\:\[\&\[data-placeholder\]\]\:color-gray8[data-placeholder]{color:var(--color-gray-8);}.layer-components\:color-dark-blend{color:var(--color-dark-blend);}.layer-components\:hover\:color-black:hover{color:var(--color-black);}.layer-components\:focus-visible\:color-gray9:focus-visible{color:var(--color-gray-9);}.layer-components\:text-inherit{color:inherit;}.layer-components\:font-bold{font-weight:700;}.layer-components\:leading-4{line-height:1rem;}.layer-components\:leading-tight{line-height:1.25;}.layer-components\:font-sans{font-family:"Inter", sans-serif;}.layer-components\:\[\&\[data-state\=open\]\]\:opacity-100[data-state=open]{opacity:1;}.layer-components\:op-0{opacity:0;}.layer-components\:disabled\:opacity-50:disabled{opacity:0.5;}.layer-components\:\[\&\:disabled\]\:shadow-none:disabled{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\:hover\:not\(\:disabled\)\]\:shadow-\[0_0_0_1px_var\(--color-black\)\]:hover:not(:disabled){--un-shadow:0 0 0 1px var(--color-black) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-lg{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-md{--un-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-sm{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-sm-inset{--un-shadow:inset 0 1px 2px 0 var(--color-shadow-2), inset 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-xl-up{--un-shadow:0 -20px 25px -5px var(--color-shadow-1), 0 -10px 10px -5px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:shadow-md:hover{--un-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus\:shadow-focus:focus{--un-shadow:0 0 0 3px var(--color-primary-light) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:shadow-focus:focus-visible{--un-shadow:0 0 0 3px var(--color-primary-light) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:shadow-lg:focus-visible{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:shadow-lg:active{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.layer-components\:focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.layer-components\:ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:ring-4:hover{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus\:ring-4:focus{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-4:focus-visible{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-6:focus-visible{--un-ring-width:6px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:ring-4:active{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:ring-8:active{--un-ring-width:8px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:ring-black{--un-ring-color:var(--color-black);}.layer-components\:hover\:ring-\[var\(--hover\)\]:hover{--un-ring-color:var(--hover);}.layer-components\:focus\:ring-white:focus{--un-ring-color:var(--color-white);}.layer-components\:focus-visible\:ring-\[var\(--focus\,var\(--hover\)\)\]:focus-visible{--un-ring-color:var(--focus,var(--hover));}.layer-components\:focus-visible\:ring-accent:focus-visible{--un-ring-color:var(--color-accent);}.layer-components\:focus-visible\:ring-gray-5:focus-visible{--un-ring-color:var(--color-gray-5);}.layer-components\:focus-visible\:ring-gray-dark-blend:focus-visible{--un-ring-color:var(--color-gray-dark-blend);}.layer-components\:active\:ring-\[var\(--active\)\]:active{--un-ring-color:var(--active);}.layer-components\:active\:ring-accent:active{--un-ring-color:var(--color-accent);}.layer-components\:focus-visible\:ring-opacity-50:focus-visible{--un-ring-opacity:0.5;}.layer-components\:active\:ring-opacity-50:active{--un-ring-opacity:0.5;}.layer-components\:focus-visible\:ring-inset:focus-visible{--un-ring-inset:inset;}.layer-components\:all\:transition *,.layer-components\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:duration-200{transition-duration:200ms;}}@layer variants{.layer-variants\:\[\&\.btn-color-accent\]\:\[--active\:var\(--color-accent-light\)\].btn-color-accent,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--active\:var\(--color-accent-light\)\].btn-color-ghostAccent{--active:var(--color-accent-light);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--bg\:var\(--color-accent-wash\)\].btn-color-accent{--bg:var(--color-accent-wash);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--focus\:var\(--color-accent-light\)\].btn-color-accent,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--focus\:var\(--color-accent-light\)\].btn-color-ghostAccent{--focus:var(--color-accent-light);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--hover\:var\(--color-accent-light\)\].btn-color-accent{--hover:var(--color-accent-light);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--active\:var\(--color-gray-6\)\].btn-color-contrast{--active:var(--color-gray-6);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--bg\:var\(--color-black\)\].btn-color-contrast{--bg:var(--color-black);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--focus\:var\(--color-gray-7\)\].btn-color-contrast{--focus:var(--color-gray-7);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--hover\:var\(--color-gray-7\)\].btn-color-contrast{--hover:var(--color-gray-7);}.layer-variants\:\[\&\.btn-color-default\]\:\[--active\:var\(--color-gray-4\)\].btn-color-default{--active:var(--color-gray-4);}.layer-variants\:\[\&\.btn-color-default\]\:\[--bg\:var\(--color-white\)\].btn-color-default{--bg:var(--color-white);}.layer-variants\:\[\&\.btn-color-default\]\:\[--focus\:var\(--color-white\)\].btn-color-default{--focus:var(--color-white);}.layer-variants\:\[\&\.btn-color-default\]\:\[--hover\:var\(--color-gray-3\)\].btn-color-default{--hover:var(--color-gray-3);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--active\:var\(--color-attention-light\)\].btn-color-destructive,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--active\:var\(--color-attention-light\)\].btn-color-ghostDestructive{--active:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--bg\:var\(--color-attention-light\)\].btn-color-destructive{--bg:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--focus\:var\(--color-attention-light\)\].btn-color-destructive,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--focus\:var\(--color-attention-light\)\].btn-color-ghostDestructive{--focus:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--hover\:var\(--color-attention-light\)\].btn-color-destructive{--hover:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--active\:var\(--color-gray-dark-blend\)\].btn-color-ghost{--active:var(--color-gray-dark-blend);}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--bg\:transparent\].btn-color-ghost,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--bg\:transparent\].btn-color-ghostAccent,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--bg\:transparent\].btn-color-ghostDestructive{--bg:transparent;}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--focus\:var\(--color-gray-5\)\].btn-color-ghost{--focus:var(--color-gray-5);}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--hover\:var\(--color-gray-blend\)\].btn-color-ghost{--hover:var(--color-gray-blend);}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--hover\:rgb\(from_var\(--color-accent-light\)_r_g_b\/0\.25\)\].btn-color-ghostAccent{--hover:rgb(from var(--color-accent-light) r g b/0.25);}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--hover\:rgb\(from_var\(--color-attention-light\)_r_g_b\/0\.25\)\].btn-color-ghostDestructive{--hover:rgb(from var(--color-attention-light) r g b/0.25);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--active\:var\(--color-primary\)\].btn-color-primary{--active:var(--color-primary);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--bg\:var\(--color-primary-light\)\].btn-color-primary{--bg:var(--color-primary-light);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--focus\:var\(--color-primary\)\].btn-color-primary{--focus:var(--color-primary);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--hover\:var\(--color-primary\)\].btn-color-primary{--hover:var(--color-primary);}.layer-variants\:h-full{height:100%;}.layer-variants\:w-auto{width:auto;}.layer-variants\:inline-flex{display:inline-flex;}.layer-variants\:flex-1{flex:1 1 0%;}.layer-variants\:flex-wrap{flex-wrap:wrap;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-radix-collapsible-close-both[data-both][data-state=closed]{animation:radix-collapsible-close-both 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-radix-collapsible-open-both[data-both][data-state=open]{animation:radix-collapsible-open-both 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-radix-collapsible-close-horizontal[data-horizontal][data-state=closed]{animation:radix-collapsible-close-horizontal 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-radix-collapsible-open-horizontal[data-horizontal][data-state=open]{animation:radix-collapsible-open-horizontal 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:animate-pop-in-from-half{animation:pop-in-from-half 1s linear 1;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-duration-300[data-both][data-state=closed],.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-duration-300[data-both][data-state=open],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-duration-300[data-horizontal][data-state=closed],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-duration-300[data-horizontal][data-state=open]{animation-duration:300ms;}.layer-variants\:animate-duration-200{animation-duration:200ms;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-ease-springy[data-both][data-state=closed],.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-ease-springy[data-both][data-state=open],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-ease-springy[data-horizontal][data-state=closed],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-ease-springy[data-horizontal][data-state=open],.layer-variants\:animate-ease-springy{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-variants\:items-start{align-items:flex-start;}.layer-variants\:items-center{align-items:center;}.layer-variants\:gap-0{gap:0.00rem;}.layer-variants\:gap-2{gap:0.50rem;}.layer-variants\:overflow-y-auto{overflow-y:auto;}.layer-variants\:\[\&\.btn-color-accent\]\:border-black.btn-color-accent,.layer-variants\:\[\&\.btn-color-contrast\]\:border-black.btn-color-contrast,.layer-variants\:\[\&\.btn-color-default\]\:border-black.btn-color-default,.layer-variants\:\[\&\.btn-color-destructive\]\:border-black.btn-color-destructive,.layer-variants\:\[\&\.btn-color-primary\]\:border-black.btn-color-primary{border-color:var(--color-black);}.layer-variants\:border-gray-dark-blend{border-color:var(--color-gray-dark-blend);}.layer-variants\:border-transparent{border-color:transparent;}.layer-variants\:\[\&\.size-icon\]\:rounded-full.size-icon,.layer-variants\:\[\&\.size-small\]\:rounded-full.size-small{border-radius:9999px;}.layer-variants\:rounded-0,.layer-variants\:rounded-none{border-radius:0;}.layer-variants\:rounded-lg{border-radius:0.75rem;}.layer-variants\:rounded-md{border-radius:0.5rem;}.layer-variants\:border-none{border-style:none;}.layer-variants\:\[\&\[data-color\=primary\]\]\:bg-primary[data-color=primary]{background-color:var(--color-primary);}.layer-variants\:aria-pressed\:bg-\[var\(--bg\)\][aria-pressed="true"]{background-color:var(--bg);}.layer-variants\:bg-accent-wash{background-color:var(--color-accent-wash);}.layer-variants\:bg-transparent{background-color:transparent;}.layer-variants\:bg-white{background-color:var(--color-white);}.layer-variants\:hover\:bg-attention-wash:hover{background-color:var(--color-attention-wash);}.layer-variants\:hover\:bg-gray-blend:hover{background-color:var(--color-gray-blend);}.layer-variants\:hover\:bg-transparent:hover{background-color:transparent;}.layer-variants\:focus\:bg-transparent:focus{background-color:transparent;}.layer-variants\:\[\&\[data-color\=primary\]\]\:focus-visible\:bg-primary-light:focus-visible[data-color=primary]{background-color:var(--color-primary-light);}.layer-variants\:focus-visible\:bg-attention-wash:focus-visible{background-color:var(--color-attention-wash);}.layer-variants\:focus-visible\:bg-gray-dark-blend:focus-visible{background-color:var(--color-gray-dark-blend);}.layer-variants\:\[\&\[data-color\=primary\]\]\:active\:bg-primary-light:active[data-color=primary]{background-color:var(--color-primary-light);}.layer-variants\:active\:bg-transparent:active{background-color:transparent;}*[data-active=true] .layer-variants\:\[\*\[data-active\=true\]_\&\]\:fill-primary-light{fill:var(--color-primary-light);}.layer-variants\:\[\&\.size-icon\]\:p-2.size-icon,.layer-variants\:p-2{padding:0.50rem;}.layer-variants\:important\:p-0{padding:0.00rem !important;}.layer-variants\:p-0{padding:0.00rem;}.layer-variants\:p-1{padding:0.25rem;}.layer-variants\:p-5{padding:1.25rem;}.layer-variants\:\[\&\.size-small\]\:px-4.size-small{padding-left:1.00rem;padding-right:1.00rem;}.layer-variants\:\[\&\.size-small\]\:py-1.size-small{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-variants\:\[\&\.size-icon\]\:text-sm.size-icon,.layer-variants\:\[\&\.size-small\]\:text-sm.size-small{font-size:1rem;line-height:1.25rem;}.layer-variants\:font-size-inherit,.layer-variants\:text-size-inherit{font-size:inherit;}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:color-attention-dark.btn-color-ghostDestructive,.layer-variants\:text-attention-dark{color:var(--color-attention-dark);}.layer-variants\:\[\&\.btn-color-accent\]\:color-black.btn-color-accent,.layer-variants\:\[\&\.btn-color-default\]\:color-black.btn-color-default,.layer-variants\:\[\&\.btn-color-destructive\]\:color-black.btn-color-destructive,.layer-variants\:\[\&\.btn-color-primary\]\:color-black.btn-color-primary,.layer-variants\:color-black{color:var(--color-black);}.layer-variants\:\[\&\.btn-color-contrast\]\:color-white.btn-color-contrast{color:var(--color-white);}.layer-variants\:\[\&\.btn-color-ghost\]\:color-dark-blend.btn-color-ghost{color:var(--color-dark-blend);}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:color-accent-dark.btn-color-ghostAccent{color:var(--color-accent-dark);}.layer-variants\:color-inherit,.layer-variants\:text-inherit{color:inherit;}.layer-variants\:font-normal{font-weight:400;}.layer-variants\:font-inherit{font-family:inherit;}.layer-variants\:\[\&\.btn-color-accent\]\:shadow-sm.btn-color-accent,.layer-variants\:\[\&\.btn-color-default\]\:shadow-sm.btn-color-default,.layer-variants\:\[\&\.btn-color-destructive\]\:shadow-sm.btn-color-destructive,.layer-variants\:\[\&\.btn-color-primary\]\:shadow-sm.btn-color-primary{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:hover\:shadow-none:hover{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:focus\:shadow-none:focus{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:active\:shadow-none:active{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.layer-variants\:\[\&\[data-color\=primary\]\]\:focus-visible\:ring-primary:focus-visible[data-color=primary]{--un-ring-color:var(--color-primary);}.layer-variants\:\[\&\[data-color\=primary\]\]\:active\:ring-primary:active[data-color=primary]{--un-ring-color:var(--color-primary);}.layer-variants\:transition-none{transition:none;}}@media (prefers-reduced-motion: reduce){.\!motion-reduce\:animate-none,.important\:motion-reduce\:animate-none{animation:none !important;}.motion-reduce\:animate-none{animation:none;}}@media (prefers-reduced-motion: reduce){@layer components{.layer-components\:motion-reduce\:animate-none{animation:none;}}}@media (max-width: 639.9px){@layer variants{.layer-variants\:lt-sm\:bottom-\[calc\(var\(--viewport-bottom-offset\,0px\)\+var\(--gesture-y\,0px\)\)\]{bottom:calc(var(--viewport-bottom-offset,0px) + var(--gesture-y,0px));}.layer-variants\:lt-sm\:left-0{left:0.00rem;}.layer-variants\:lt-sm\:right-0{right:0.00rem;}.layer-variants\:lt-sm\:top-auto{top:auto;}.layer-variants\:lt-sm\:h-min-content{height:min-content;}.layer-variants\:lt-sm\:max-h-\[calc\(0\.85\*var\(--viewport-height\,100vh\)\)\]{max-height:calc(0.85 * var(--viewport-height,100vh));}.layer-variants\:lt-sm\:max-w-none{max-width:none;}.layer-variants\:lt-sm\:w-full{width:100%;}.layer-variants\:lt-sm\:translate-0{--un-translate-x:0.00rem;--un-translate-y:0.00rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-variants\:lt-sm\:\[\&\[data-state\=closed\]\]\:animate-fade-out-down[data-state=closed]{animation:fade-out-down 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:lt-sm\:animate-fade-in-up{animation:fade-in-up 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:lt-sm\:animate-ease-in{animation-timing-function:cubic-bezier(0.4, 0, 1, 1);}.layer-variants\:lt-sm\:border-b-0{border-bottom-width:0px;}.layer-variants\:lt-sm\:rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0;}.layer-variants\:lt-sm\:rounded-tl-xl{border-top-left-radius:1rem;}.layer-variants\:lt-sm\:rounded-tr-xl{border-top-right-radius:1rem;}.layer-variants\:lt-sm\:p-6{padding:1.50rem;}.layer-variants\:lt-sm\:pb-\[calc\(3rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px));}.layer-variants\:lt-sm\:pt-8{padding-top:2.00rem;}}}@layer responsive{@media (min-width: 640px){.sm\:layer-responsive\:grid-cols-\[1fr_auto_min\(800px\,60vw\)_1fr\]{grid-template-columns:1fr auto min(800px,60vw) 1fr;}.sm\:layer-responsive\:grid-areas-\[gutter1_nav_content_gutter2\]{grid-template-areas:"gutter1 nav content gutter2";}.sm\:layer-responsive\:min-h-auto{min-height:auto;}}}@media (min-width: 640px){.sm\:\[grid-template-areas\:\"prevMonth_leftMonth_rightMonth_nextMonth\"\"leftGrid_leftGrid_rightGrid_rightGrid\"\]{grid-template-areas:"prevMonth leftMonth rightMonth nextMonth""leftGrid leftGrid rightGrid rightGrid";}.sm\:\[grid-template-columns\:auto_1fr_1fr_auto\]{grid-template-columns:auto 1fr 1fr auto;}.sm\:bottom-0{bottom:0.00rem;}.\!sm\:grid{display:grid !important;}.\!sm\:block{display:block !important;}.sm\:hidden{display:none;}.sm\:h-8{height:2rem;}.sm\:w-8{width:2rem;}}@media (min-width: 640px){@layer components{.layer-components\:sm\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:sm\:fixed{position:fixed;}.layer-components\:sm\:sticky{position:sticky;}.layer-components\:sm\:bottom-3{bottom:0.75rem;}.layer-components\:sm\:bottom-auto{bottom:auto;}.layer-components\:sm\:left-\[var\(--content-left\,20\%\)\]{left:var(--content-left,20%);}.layer-components\:sm\:left-auto{left:auto;}.layer-components\:sm\:right-auto{right:auto;}.layer-components\:sm\:top-0{top:0.00rem;}.layer-components\:sm\:top-auto{top:auto;}.layer-components\:sm\:display-initial{display:initial;}.layer-components\:sm\:h-auto{height:auto;}.layer-components\:sm\:h-min-content{height:min-content;}.layer-components\:sm\:max-w-80vw{max-width:80vw;}.layer-components\:sm\:w-\[var\(--content-width\,100\%\)\]{width:var(--content-width,100%);}.layer-components\:sm\:flex{display:flex;}.layer-components\:sm\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:sm\:flex-col{flex-direction:column;}.layer-components\:sm\:items-end{align-items:flex-end;}.layer-components\:sm\:items-stretch{align-items:stretch;}.layer-components\:sm\:justify-start{justify-content:flex-start;}.layer-components\:sm\:gap-2{gap:0.50rem;}.layer-components\:sm\:overflow-visible{overflow:visible;}.layer-components\:sm\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:sm\:overflow-y-auto{overflow-y:auto;}.layer-components\:sm\:border-transparent{border-color:transparent;}.layer-components\:sm\:rounded-0{border-radius:0;}.layer-components\:sm\:rounded-full{border-radius:9999px;}.layer-components\:sm\:border-none{border-style:none;}.layer-components\:sm\:bg-gray-blend{background-color:var(--color-gray-blend);}.layer-components\:sm\:bg-transparent{background-color:transparent;}.layer-components\:sm\:active\:bg-gray-dark-blend:active{background-color:var(--color-gray-dark-blend);}.layer-components\:sm\:p-0{padding:0.00rem;}.layer-components\:sm\:p-6px{padding:6px;}.layer-components\:sm\:pb-10{padding-bottom:2.50rem;}.layer-components\:sm\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:sm\:leading-normal{line-height:1.5;}.layer-components\:sm\:opacity-\[var\(--content-ready\,0\)\]{opacity:var(--content-ready,0);}.layer-components\:sm\:shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:sm\:shadow-xl{--un-shadow:0 20px 25px -5px var(--color-shadow-1), 0 10px 10px -5px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:sm\:transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}}}@media (min-width: 640px){@layer variants{*[data-active=true] .layer-variants\:sm\:\[\*\[data-active\=true\]_\&\]\:bg-primary-light{background-color:var(--color-primary-light);}.layer-variants\:sm\:p-4{padding:1.00rem;}}}@media (min-width: 768px){.md\:max-w-800px{max-width:800px;}}@media (min-width: 768px){@layer components{.layer-components\:md\:\[grid-auto-rows\:1fr\]{grid-auto-rows:1fr;}.layer-components\:md\:grid-cols-\[repeat\(2\,1fr\)\]{grid-template-columns:repeat(2,1fr);}.layer-components\:md\:min-w-0{min-width:0;}.layer-components\:md\:min-w-120px{min-width:120px;}.layer-components\:md\:items-end{align-items:flex-end;}.layer-components\:md\:pt-4{padding-top:1.00rem;}}}
|
|
@@ -22,8 +22,8 @@ import classNames from 'clsx';
|
|
|
22
22
|
import { CheckIcon, ChevronDownIcon } from '@radix-ui/react-icons';
|
|
23
23
|
import { selectTriggerClassName } from '../select.js';
|
|
24
24
|
import { useDrag } from '@use-gesture/react';
|
|
25
|
-
const StyledOverlay = withClassName(DialogPrimitive.Overlay, 'layer-components:fixed layer-components:inset-0 layer-components:z-dialog-backdrop layer-components:animate-fade-in layer-components:animate-duration-200 layer-components:bg-
|
|
26
|
-
const StyledContent = withClassName(DialogPrimitive.Content, 'layer-components:z-dialog layer-components:fixed layer-components:shadow-xl layer-components:bg-white layer-components:overflow-y-auto layer-components:flex layer-components:flex-col layer-components:
|
|
25
|
+
const StyledOverlay = withClassName(DialogPrimitive.Overlay, 'layer-components:fixed layer-components:inset-0 layer-components:z-dialog-backdrop layer-components:animate-fade-in layer-components:animate-duration-200 layer-components:bg-overlay layer-components:[box-shadow:inset_0_30px_60px_0px_var(--color-overlay)] layer-components:border-top-1 layer-components:border-top-solid layer-components:border-top-gray-5', 'layer-components:[&[data-state=closed]]:animate-fade-out', 'motion-reduce:animate-none');
|
|
26
|
+
const StyledContent = withClassName(DialogPrimitive.Content, 'layer-components:z-dialog layer-components:fixed layer-components:shadow-xl-up layer-components:bg-white layer-components:overflow-y-auto layer-components:flex layer-components:flex-col', 'layer-components:sm:shadow-xl', 'transform-gpu !motion-reduce:animate-none', 'layer-components:left-50% layer-components:top-50% layer-components:translate-[-50%] layer-components:w-90vw layer-components:max-w-450px layer-components:max-h-85vh layer-components:p-6 layer-components:pt-8 layer-components:rounded-lg layer-components:border-b-1 layer-components:pt-6', 'layer-components:animate-dialog-in layer-components:[&[data-state=closed]]:animate-dialog-out layer-components:motion-reduce:animate-none');
|
|
27
27
|
const sheetClassName = classNames('layer-variants:lt-sm:translate-0 layer-variants:lt-sm:bottom-[calc(var(--viewport-bottom-offset,0px)+var(--gesture-y,0px))] 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:max-h-[calc(0.85*var(--viewport-height,100vh))] 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');
|
|
28
28
|
export const Content = forwardRef(function Content(_a, ref) {
|
|
29
29
|
var { children, width, outerClassName, className, disableSheet } = _a, props = __rest(_a, ["children", "width", "outerClassName", "className", "disableSheet"]);
|
|
@@ -87,12 +87,12 @@ export const DialogSwipeHandle = forwardRef(function DialogSwipeHandle(_a, ref)
|
|
|
87
87
|
if (!content)
|
|
88
88
|
return;
|
|
89
89
|
const contentHeight = content.clientHeight;
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
if (last && (swipeY === 1 || dy > contentHeight / 2)) {
|
|
90
|
+
const shouldClose = last && (swipeY === 1 || dy > contentHeight / 2);
|
|
91
|
+
if (shouldClose) {
|
|
93
92
|
close();
|
|
94
93
|
}
|
|
95
|
-
const gestureY = last ? 0 : -Math.max(0, dy);
|
|
94
|
+
const gestureY = last ? (shouldClose ? -1000 : 0) : -Math.max(0, dy);
|
|
95
|
+
console.log(gestureY, dy, vy, swipeY);
|
|
96
96
|
content.style.setProperty('--gesture-y', `${gestureY}px`);
|
|
97
97
|
content.style.setProperty('transition', last ? 'bottom 0.2s' : '');
|
|
98
98
|
}, {
|
|
@@ -132,7 +132,7 @@ export const DialogContent = Content;
|
|
|
132
132
|
export const DialogTitle = StyledTitle;
|
|
133
133
|
export const DialogDescription = StyledDescription;
|
|
134
134
|
export const DialogClose = DialogPrimitive.Close;
|
|
135
|
-
export const DialogActions = withClassName('div', 'flex justify-end sticky w-full gap-3 items-center bg-white py-
|
|
135
|
+
export const DialogActions = withClassName('div', 'flex justify-end sticky w-full gap-3 items-center bg-white py-4 translate-y-6 flex-wrap', 'bottom--6', 'sm:bottom-0');
|
|
136
136
|
export const DialogSelectTrigger = forwardRef(function DialogSelectTrigger(_a, ref) {
|
|
137
137
|
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
138
138
|
return (_jsxs(DialogPrimitive.Trigger, Object.assign({ className: classNames(selectTriggerClassName, className) }, props, { children: [_jsx("span", { children: children }), _jsx(ChevronDownIcon, {})] })));
|
|
@@ -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,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAEN,aAAa,EACb,UAAU,EACV,WAAW,EACX,UAAU,EACV,MAAM,EACN,QAAQ,GACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,MAAM,aAAa,GAAG,aAAa,CAClC,eAAe,CAAC,OAAO,EACvB,
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { Dialog, DialogContent, DialogTrigger, DialogActions, DialogClose, DialogTitle, } from './Dialog.js';
|
|
4
4
|
import { ParticleLayer } from '../particles.js';
|
|
5
|
+
import { H1, P } from '../typography.js';
|
|
6
|
+
import { Button } from '../button.js';
|
|
5
7
|
const meta = {
|
|
6
8
|
title: 'Dialog',
|
|
7
9
|
component: Dialog,
|
|
@@ -11,19 +13,22 @@ const meta = {
|
|
|
11
13
|
},
|
|
12
14
|
};
|
|
13
15
|
export default meta;
|
|
16
|
+
function DummyContent() {
|
|
17
|
+
return (_jsxs("div", Object.assign({ className: "col" }, { children: [_jsx(H1, { children: "Some content" }), _jsx(P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at porttitor sem. Aliquam erat volutpat. Donec fermentum tortor eget ligula accumsan, sit amet ullamcorper nunc ultricies. Nulla facilisi. Nulla facil" }), _jsx(Button, Object.assign({ disabled: true, color: "primary" }, { children: "Click me" }))] })));
|
|
18
|
+
}
|
|
14
19
|
export const Default = {
|
|
15
20
|
args: {
|
|
16
|
-
children: (_jsxs(ParticleLayer, Object.assign({ noPortal: true }, { children: [_jsx(DialogTrigger, { children: "Open" }), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(DialogActions, { children: _jsx(DialogClose, { children: "Close" }) })] })] }))),
|
|
21
|
+
children: (_jsxs(ParticleLayer, Object.assign({ noPortal: true }, { children: [_jsx(DialogTrigger, Object.assign({ asChild: true }, { children: _jsx(Button, { children: "Open" }) })), _jsx(DummyContent, {}), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(DummyContent, {}), _jsx(DummyContent, {}), _jsx(DummyContent, {}), _jsx(DialogActions, { children: _jsx(DialogClose, Object.assign({ asChild: true }, { children: _jsx(Button, { children: "Close" }) })) })] })] }))),
|
|
17
22
|
},
|
|
18
23
|
};
|
|
19
24
|
export const NoSheet = {
|
|
20
25
|
args: {
|
|
21
|
-
children: (_jsxs(ParticleLayer, Object.assign({ noPortal: true }, { children: [_jsx(DialogTrigger, { children: "Open" }), _jsxs(DialogContent, Object.assign({ disableSheet: true }, { children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(DialogActions, { children: _jsx(DialogClose, { children: "Close" }) })] }))] }))),
|
|
26
|
+
children: (_jsxs(ParticleLayer, Object.assign({ noPortal: true }, { children: [_jsx(DialogTrigger, Object.assign({ asChild: true }, { children: _jsx(Button, { children: "Open" }) })), _jsx(DummyContent, {}), _jsxs(DialogContent, Object.assign({ disableSheet: true }, { children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(DialogActions, { children: _jsx(DialogClose, Object.assign({ asChild: true }, { children: _jsx(Button, { children: "Close" }) })) })] }))] }))),
|
|
22
27
|
},
|
|
23
28
|
};
|
|
24
29
|
export const Positioned = {
|
|
25
30
|
args: {
|
|
26
|
-
children: (_jsxs(ParticleLayer, Object.assign({ noPortal: true }, { children: [_jsx(DialogTrigger, { children: "Open" }), _jsxs(DialogContent, Object.assign({ className: "top-auto bottom-0px" }, { children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(DialogActions, { children: _jsx(DialogClose, { children: "Close" }) })] }))] }))),
|
|
31
|
+
children: (_jsxs(ParticleLayer, Object.assign({ noPortal: true }, { children: [_jsx(DialogTrigger, Object.assign({ asChild: true }, { children: _jsx(Button, { children: "Open" }) })), _jsx(DummyContent, {}), _jsxs(DialogContent, Object.assign({ className: "top-auto bottom-0px" }, { children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(DialogActions, { children: _jsx(DialogClose, Object.assign({ asChild: true }, { children: _jsx(Button, { children: "Close" }) })) })] }))] }))),
|
|
27
32
|
},
|
|
28
33
|
};
|
|
29
34
|
//# 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,EACN,MAAM,EACN,aAAa,EACb,aAAa,EACb,aAAa,EACb,WAAW,EACX,WAAW,GACX,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACN,MAAM,EACN,aAAa,EACb,aAAa,EACb,aAAa,EACb,WAAW,EACX,WAAW,GACX,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,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,6BAAK,SAAS,EAAC,KAAK,iBACnB,KAAC,EAAE,+BAAkB,EACrB,KAAC,CAAC,0OAKE,EACJ,KAAC,MAAM,kBAAC,QAAQ,QAAC,KAAK,EAAC,SAAS,8BAEvB,KACJ,CACN,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,MAAC,aAAa,kBAAC,QAAQ,uBACtB,KAAC,aAAa,kBAAC,OAAO,sBACrB,KAAC,MAAM,uBAAc,IACN,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,kBAAC,OAAO,sBACnB,KAAC,MAAM,wBAAe,IACT,GACC,IACD,KACD,CAChB;KACD;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,MAAC,aAAa,kBAAC,QAAQ,uBACtB,KAAC,aAAa,kBAAC,OAAO,sBACrB,KAAC,MAAM,uBAAc,IACN,EAChB,KAAC,YAAY,KAAG,EAChB,MAAC,aAAa,kBAAC,YAAY,uBAC1B,KAAC,WAAW,8BAA0B,EACtC,KAAC,aAAa,cACb,KAAC,WAAW,kBAAC,OAAO,sBACnB,KAAC,MAAM,wBAAe,IACT,GACC,KACD,KACD,CAChB;KACD;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAChC,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,MAAC,aAAa,kBAAC,QAAQ,uBACtB,KAAC,aAAa,kBAAC,OAAO,sBACrB,KAAC,MAAM,uBAAc,IACN,EAChB,KAAC,YAAY,KAAG,EAChB,MAAC,aAAa,kBAAC,SAAS,EAAC,qBAAqB,iBAC7C,KAAC,WAAW,8BAA0B,EACtC,KAAC,aAAa,cACb,KAAC,WAAW,kBAAC,OAAO,sBACnB,KAAC,MAAM,wBAAe,IACT,GACC,KACD,KACD,CAChB;KACD;CACD,CAAC"}
|
|
@@ -23,7 +23,7 @@ export function PageContent(_a) {
|
|
|
23
23
|
height: '--content-height',
|
|
24
24
|
ready: '--content-ready',
|
|
25
25
|
});
|
|
26
|
-
return (_jsx("div", Object.assign({ className: classNames('layer-components:[grid-area:content] layer-components:max-w-full layer-components:min-w-0 layer-components:w-full layer-components:flex layer-components:flex-col layer-components:items-start layer-components:relative layer-components:flex-1 layer-components:gap-3', 'layer-components:rounded-b-lg layer-components:border-b layer-components:border-b-solid layer-components:border-b-[#00000070] layer-components:bg-wash layer-components:[box-shadow:0_0_10px_0_var(--color-shadow-1)] layer-components:sm:border-none layer-components:sm:rounded-0 layer-components:sm:shadow-none', { 'layer-variants:overflow-y-auto layer-variants:h-full': scrollable }, className) }, rest, { children: _jsx("div", Object.assign({}, innerProps, { className: classNames('layer-components:w-full layer-components:min-w-0 layer-components:flex layer-components:flex-col layer-components:mb-120px layer-components:px-4 layer-components:py-4 layer-components:flex-1',
|
|
26
|
+
return (_jsx("div", Object.assign({ className: classNames('layer-components:[grid-area:content] layer-components:max-w-full layer-components:min-w-0 layer-components:w-full layer-components:flex layer-components:flex-col layer-components:items-start layer-components:relative layer-components:flex-1 layer-components:gap-3', 'layer-components:rounded-b-lg layer-components:border-b layer-components:border-b-solid layer-components:border-b-[#00000070] layer-components:bg-wash layer-components:[box-shadow:0_0_10px_0_var(--color-shadow-1)] layer-components:sm:border-none layer-components:sm:rounded-0 layer-components:sm:shadow-none', { 'layer-variants:overflow-y-auto layer-variants:h-full': scrollable }, className) }, rest, { children: _jsx("div", Object.assign({}, innerProps, { className: classNames('layer-components:w-full layer-components:min-w-0 layer-components:flex layer-components:flex-col layer-components:mb-120px layer-components:px-4 layer-components:py-4 layer-components:flex-1', {
|
|
27
27
|
'layer-variants:flex-1': fullHeight,
|
|
28
28
|
'layer-variants:p-0 layer-variants:sm:p-4': noPadding,
|
|
29
29
|
}, innerProps === null || innerProps === void 0 ? void 0 : innerProps.className), ref: innerRef }, { children: children })) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AACb,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,UAAU,WAAW,CAAC,EAa3B;QAb2B,EAC3B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,GAAG,IAAI,OAOjB,EANG,IAAI,cAPoB,gFAQ3B,CADO;IAOP,MAAM,QAAQ,GAAG,gBAAgB,CAAiB,GAAG,EAAE,SAAS,EAAE;QACjE,IAAI,EAAE,gBAAgB;QACtB,GAAG,EAAE,eAAe;QACpB,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,kBAAkB;QAC1B,KAAK,EAAE,iBAAiB;KACxB,CAAC,CAAC;IAEH,OAAO,CACN,4BACC,SAAS,EAAE,UAAU,CACpB,kHAAkH,EAClH,+KAA+K,EAC/K,EAAE,yCAAyC,EAAE,UAAU,EAAE,EACzD,SAAS,CACT,IACG,IAAI,cAER,8BACK,UAAU,IACd,SAAS,EAAE,UAAU,CACpB,2EAA2E,EAC3E
|
|
1
|
+
{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AACb,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,UAAU,WAAW,CAAC,EAa3B;QAb2B,EAC3B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,GAAG,IAAI,OAOjB,EANG,IAAI,cAPoB,gFAQ3B,CADO;IAOP,MAAM,QAAQ,GAAG,gBAAgB,CAAiB,GAAG,EAAE,SAAS,EAAE;QACjE,IAAI,EAAE,gBAAgB;QACtB,GAAG,EAAE,eAAe;QACpB,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,kBAAkB;QAC1B,KAAK,EAAE,iBAAiB;KACxB,CAAC,CAAC;IAEH,OAAO,CACN,4BACC,SAAS,EAAE,UAAU,CACpB,kHAAkH,EAClH,+KAA+K,EAC/K,EAAE,yCAAyC,EAAE,UAAU,EAAE,EACzD,SAAS,CACT,IACG,IAAI,cAER,8BACK,UAAU,IACd,SAAS,EAAE,UAAU,CACpB,2EAA2E,EAC3E;gBACC,uBAAuB,EAAE,UAAU;gBACnC,6BAA6B,EAAE,SAAS;aACxC,EACD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CACrB,EACD,GAAG,EAAE,QAAQ,gBAEZ,QAAQ,IACJ,IACD,CACN,CAAC;AACH,CAAC"}
|
package/dist/esm/uno.preset.js
CHANGED
|
@@ -100,6 +100,10 @@ export default function presetAglio({ spacingIncrement = 0.25, interFontLocation
|
|
|
100
100
|
'lg-inset': 'inset 0 10px 15px -3px var(--color-shadow-1), inset 0 4px 6px -2px var(--color-shadow-2)',
|
|
101
101
|
xl: '0 20px 25px -5px var(--color-shadow-1), 0 10px 10px -5px var(--color-shadow-2)',
|
|
102
102
|
'xl-inset': 'inset 0 20px 25px -5px var(--color-shadow-1), inset 0 10px 10px -5px var(--color-shadow-2)',
|
|
103
|
+
'sm-up': '0 -1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2)',
|
|
104
|
+
'md-up': '0 -4px 6px -1px var(--color-shadow-1), 0 -2px 4px -1px var(--color-shadow-2)',
|
|
105
|
+
'lg-up': '0 -10px 15px -3px var(--color-shadow-1), 0 -4px 6px -2px var(--color-shadow-2)',
|
|
106
|
+
'xl-up': '0 -20px 25px -5px var(--color-shadow-1), 0 -10px 10px -5px var(--color-shadow-2)',
|
|
103
107
|
// focus outlines
|
|
104
108
|
focus: `0 0 0 3px var(--color-primary-light)`,
|
|
105
109
|
},
|
|
@@ -434,7 +438,6 @@ export default function presetAglio({ spacingIncrement = 0.25, interFontLocation
|
|
|
434
438
|
--palette-light-blend-warm: rgba(255, 250, 250, 0.8);
|
|
435
439
|
--palette-light-blend-cool: rgba(250, 255, 255, 0.8);
|
|
436
440
|
--palette-light-blend: rgba(255, 250, 250, 0.8);
|
|
437
|
-
--palette-overlay: rgba(0, 0, 0, 0.025);
|
|
438
441
|
--palette-black: #303030;
|
|
439
442
|
--palette-white: #fff;
|
|
440
443
|
--palette-light: #f8f8fb;
|
|
@@ -459,6 +462,8 @@ export default function presetAglio({ spacingIncrement = 0.25, interFontLocation
|
|
|
459
462
|
--palette-shadow-2: rgba(0, 0, 0, 0.15);
|
|
460
463
|
--palette-shadow-3: rgba(0, 0, 0, 0.3);
|
|
461
464
|
--palette-shadow-4: rgba(0, 0, 0, 0.5);
|
|
465
|
+
--palette-white-overlay: rgba(255, 255, 255, 0.4);
|
|
466
|
+
--palette-black-overlay: rgba(0, 0, 0, 0.4);
|
|
462
467
|
|
|
463
468
|
|
|
464
469
|
--z-nowPlaying: 40;
|
|
@@ -479,7 +484,6 @@ export default function presetAglio({ spacingIncrement = 0.25, interFontLocation
|
|
|
479
484
|
--color-light-blend-warm: var(--palette-light-blend-warm);
|
|
480
485
|
--color-light-blend-cool: var(--palette-light-blend-cool);
|
|
481
486
|
--color-light-blend: var(--palette-light-blend);
|
|
482
|
-
--color-overlay: var(--palette-overlay);
|
|
483
487
|
--color-black: var(--palette-black);
|
|
484
488
|
--color-white: var(--palette-white);
|
|
485
489
|
--color-wash: var(--palette-light);
|
|
@@ -497,6 +501,7 @@ export default function presetAglio({ spacingIncrement = 0.25, interFontLocation
|
|
|
497
501
|
--color-gray-dark-blend: var(--palette-gray-dark-blend);
|
|
498
502
|
--color-shadow-1: var(--palette-shadow-2);
|
|
499
503
|
--color-shadow-2: var(--palette-shadow-1);
|
|
504
|
+
--color-overlay: var(--palette-white-overlay);
|
|
500
505
|
|
|
501
506
|
|
|
502
507
|
/* DEFAULT THEME (LEMON) */
|
|
@@ -524,8 +529,7 @@ export default function presetAglio({ spacingIncrement = 0.25, interFontLocation
|
|
|
524
529
|
--color-dark-blend-cool: var(--palette-light-blend-cool);
|
|
525
530
|
--color-light-blend-warm: var(--palette-dark-blend-warm);
|
|
526
531
|
--color-light-blend-cool: var(--palette-dark-blend-cool);
|
|
527
|
-
--color-light-blend: var(--palette-
|
|
528
|
-
--color-overlay: var(--palette-overlay);
|
|
532
|
+
--color-light-blend: var(--palette-dark-blend);
|
|
529
533
|
--color-black: var(--palette-white);
|
|
530
534
|
--color-white: var(--palette-black);
|
|
531
535
|
--color-wash: var(--palette-dark);
|
|
@@ -543,6 +547,7 @@ export default function presetAglio({ spacingIncrement = 0.25, interFontLocation
|
|
|
543
547
|
--color-gray-dark-blend: var(--palette-light-gray-dark-blend);
|
|
544
548
|
--color-shadow-1: var(--palette-shadow-4);
|
|
545
549
|
--color-shadow-2: var(--palette-shadow-3);
|
|
550
|
+
--color-overlay: var(--palette-black-overlay);
|
|
546
551
|
}
|
|
547
552
|
}
|
|
548
553
|
|
|
@@ -555,7 +560,6 @@ export default function presetAglio({ spacingIncrement = 0.25, interFontLocation
|
|
|
555
560
|
--color-light-blend-warm: var(--palette-light-blend-warm);
|
|
556
561
|
--color-light-blend-cool: var(--palette-light-blend-cool);
|
|
557
562
|
--color-light-blend: var(--palette-light-blend);
|
|
558
|
-
--color-overlay: var(--palette-overlay);
|
|
559
563
|
--color-black: var(--palette-black);
|
|
560
564
|
--color-white: var(--palette-white);
|
|
561
565
|
--color-wash: var(--palette-light);
|
|
@@ -573,6 +577,7 @@ export default function presetAglio({ spacingIncrement = 0.25, interFontLocation
|
|
|
573
577
|
--color-gray-dark-blend: var(--palette-gray-dark-blend);
|
|
574
578
|
--color-shadow-1: var(--palette-shadow-2);
|
|
575
579
|
--color-shadow-2: var(--palette-shadow-1);
|
|
580
|
+
--color-overlay: var(--palette-white-overlay);
|
|
576
581
|
}
|
|
577
582
|
}
|
|
578
583
|
|
|
@@ -584,7 +589,6 @@ export default function presetAglio({ spacingIncrement = 0.25, interFontLocation
|
|
|
584
589
|
--color-light-blend-warm: var(--palette-dark-blend-warm);
|
|
585
590
|
--color-light-blend-cool: var(--palette-dark-blend-cool);
|
|
586
591
|
--color-light-blend: var(--palette-light-blend);
|
|
587
|
-
--color-overlay: var(--palette-overlay);
|
|
588
592
|
--color-black: var(--palette-white);
|
|
589
593
|
--color-white: var(--palette-black);
|
|
590
594
|
--color-wash: var(--palette-dark);
|
|
@@ -602,6 +606,7 @@ export default function presetAglio({ spacingIncrement = 0.25, interFontLocation
|
|
|
602
606
|
--color-gray-dark-blend: var(--palette-light-gray-dark-blend);
|
|
603
607
|
--color-shadow-1: var(--palette-shadow-4);
|
|
604
608
|
--color-shadow-2: var(--palette-shadow-3);
|
|
609
|
+
--color-overlay: var(--palette-black-overlay);
|
|
605
610
|
}
|
|
606
611
|
}
|
|
607
612
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../src/uno.preset.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EACnC,gBAAgB,GAAG,IAAI,EACvB,iBAAiB,GAAG,wEAAwE,MAIzF,EAAE;IACL,OAAO;QACN,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,MAAM;QACf,KAAK,EAAE;YACN,MAAM,EAAE;gBACP,IAAI,EAAE,EAAE;gBACR,KAAK,EAAE,oBAAoB;gBAC3B,KAAK,EAAE,oBAAoB;gBAC3B,IAAI,EAAE,mBAAmB;gBACzB,cAAc,EAAE,8BAA8B;gBAC9C,iBAAiB,EAAE,8BAA8B;gBACjD,SAAS,EAAE,wBAAwB;gBACnC,aAAa,EAAE,6BAA6B;gBAC5C,gBAAgB,EAAE,6BAA6B;gBAC/C,gBAAgB,EAAE,6BAA6B;gBAC/C,MAAM,EAAE,qBAAqB;gBAC7B,UAAU,EAAE,0BAA0B;gBACtC,aAAa,EAAE,0BAA0B;gBACzC,WAAW,EAAE,2BAA2B;gBACxC,cAAc,EAAE,2BAA2B;gBAC3C,UAAU,EAAE,0BAA0B;gBACtC,aAAa,EAAE,0BAA0B;gBACzC,OAAO,EAAE,sBAAsB;gBAC/B,YAAY,EAAE,4BAA4B;gBAC1C,eAAe,EAAE,4BAA4B;gBAC7C,WAAW,EAAE,2BAA2B;gBACxC,cAAc,EAAE,2BAA2B;gBAC3C,WAAW,EAAE,2BAA2B;gBACxC,cAAc,EAAE,2BAA2B;gBAC3C,IAAI,EAAE;oBACL,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;iBACxB;gBACD,SAAS,EAAE,yBAAyB;gBACpC,YAAY,EAAE,yBAAyB;gBACvC,aAAa,EAAE,8BAA8B;gBAC7C,iBAAiB,EAAE,8BAA8B;gBACjD,SAAS,EAAE,yBAAyB;gBACpC,YAAY,EAAE,yBAAyB;gBACvC,UAAU,EAAE,0BAA0B;gBACtC,aAAa,EAAE,0BAA0B;gBACzC,OAAO,EAAE,sBAAsB;aAC/B;YACD,UAAU,EAAE;gBACX,IAAI,EAAE,qBAAqB;gBAC3B,KAAK,EAAE,iBAAiB;gBACxB,KAAK,EAAE,qBAAqB;aAC5B;YACD,QAAQ,EAAE;gBACT,GAAG,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC;gBAC5B,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;gBACvB,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC;gBACvB,EAAE,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;gBAC1B,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;gBAC1B,EAAE,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC;gBACtB,KAAK,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;gBAC7B,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;gBACzB,KAAK,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC;gBACzB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;gBACzB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;gBACzB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;gBACzB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;gBACzB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;aACzB;YACD,OAAO,EAAE,WAAW,CAAC,gBAAgB,CAAC;YACtC,YAAY,EAAE;gBACb,EAAE,EAAE,SAAS;gBACb,EAAE,EAAE,QAAQ;gBACZ,EAAE,EAAE,SAAS;gBACb,EAAE,EAAE,MAAM;aACV;YACD,KAAK,EAAE;gBACN,OAAO,EAAE,OAAO;gBAChB,IAAI,EAAE,MAAM;gBACZ,aAAa,EAAE,aAAa;gBAC5B,aAAa,EAAE,aAAa;aAC5B;YACD,MAAM,EAAE;gBACP,aAAa,EAAE,aAAa;gBAC5B,aAAa,EAAE,aAAa;aAC5B;YACD,SAAS,EAAE;gBACV,EAAE,EAAE,oEAAoE;gBACxE,UAAU,EACT,gFAAgF;gBACjF,EAAE,EAAE,4EAA4E;gBAChF,UAAU,EACT,wFAAwF;gBACzF,EAAE,EAAE,8EAA8E;gBAClF,UAAU,EACT,0FAA0F;gBAC3F,EAAE,EAAE,gFAAgF;gBACpF,UAAU,EACT,4FAA4F;
|
|
1
|
+
{"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../src/uno.preset.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -8,6 +8,8 @@ import {
|
|
|
8
8
|
DialogTitle,
|
|
9
9
|
} from './Dialog.js';
|
|
10
10
|
import { ParticleLayer } from '../particles.js';
|
|
11
|
+
import { H1, P } from '../typography.js';
|
|
12
|
+
import { Button } from '../button.js';
|
|
11
13
|
|
|
12
14
|
const meta = {
|
|
13
15
|
title: 'Dialog',
|
|
@@ -22,15 +24,40 @@ export default meta;
|
|
|
22
24
|
|
|
23
25
|
type Story = StoryObj<typeof Dialog>;
|
|
24
26
|
|
|
27
|
+
function DummyContent() {
|
|
28
|
+
return (
|
|
29
|
+
<div className="col">
|
|
30
|
+
<H1>Some content</H1>
|
|
31
|
+
<P>
|
|
32
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at
|
|
33
|
+
porttitor sem. Aliquam erat volutpat. Donec fermentum tortor eget ligula
|
|
34
|
+
accumsan, sit amet ullamcorper nunc ultricies. Nulla facilisi. Nulla
|
|
35
|
+
facil
|
|
36
|
+
</P>
|
|
37
|
+
<Button disabled color="primary">
|
|
38
|
+
Click me
|
|
39
|
+
</Button>
|
|
40
|
+
</div>
|
|
41
|
+
);
|
|
42
|
+
}
|
|
43
|
+
|
|
25
44
|
export const Default: Story = {
|
|
26
45
|
args: {
|
|
27
46
|
children: (
|
|
28
47
|
<ParticleLayer noPortal>
|
|
29
|
-
<DialogTrigger>
|
|
48
|
+
<DialogTrigger asChild>
|
|
49
|
+
<Button>Open</Button>
|
|
50
|
+
</DialogTrigger>
|
|
51
|
+
<DummyContent />
|
|
30
52
|
<DialogContent>
|
|
31
53
|
<DialogTitle>Hello world</DialogTitle>
|
|
54
|
+
<DummyContent />
|
|
55
|
+
<DummyContent />
|
|
56
|
+
<DummyContent />
|
|
32
57
|
<DialogActions>
|
|
33
|
-
<DialogClose>
|
|
58
|
+
<DialogClose asChild>
|
|
59
|
+
<Button>Close</Button>
|
|
60
|
+
</DialogClose>
|
|
34
61
|
</DialogActions>
|
|
35
62
|
</DialogContent>
|
|
36
63
|
</ParticleLayer>
|
|
@@ -42,11 +69,16 @@ export const NoSheet: Story = {
|
|
|
42
69
|
args: {
|
|
43
70
|
children: (
|
|
44
71
|
<ParticleLayer noPortal>
|
|
45
|
-
<DialogTrigger>
|
|
72
|
+
<DialogTrigger asChild>
|
|
73
|
+
<Button>Open</Button>
|
|
74
|
+
</DialogTrigger>
|
|
75
|
+
<DummyContent />
|
|
46
76
|
<DialogContent disableSheet>
|
|
47
77
|
<DialogTitle>Hello world</DialogTitle>
|
|
48
78
|
<DialogActions>
|
|
49
|
-
<DialogClose>
|
|
79
|
+
<DialogClose asChild>
|
|
80
|
+
<Button>Close</Button>
|
|
81
|
+
</DialogClose>
|
|
50
82
|
</DialogActions>
|
|
51
83
|
</DialogContent>
|
|
52
84
|
</ParticleLayer>
|
|
@@ -58,11 +90,16 @@ export const Positioned: Story = {
|
|
|
58
90
|
args: {
|
|
59
91
|
children: (
|
|
60
92
|
<ParticleLayer noPortal>
|
|
61
|
-
<DialogTrigger>
|
|
93
|
+
<DialogTrigger asChild>
|
|
94
|
+
<Button>Open</Button>
|
|
95
|
+
</DialogTrigger>
|
|
96
|
+
<DummyContent />
|
|
62
97
|
<DialogContent className="top-auto bottom-0px">
|
|
63
98
|
<DialogTitle>Hello world</DialogTitle>
|
|
64
99
|
<DialogActions>
|
|
65
|
-
<DialogClose>
|
|
100
|
+
<DialogClose asChild>
|
|
101
|
+
<Button>Close</Button>
|
|
102
|
+
</DialogClose>
|
|
66
103
|
</DialogActions>
|
|
67
104
|
</DialogContent>
|
|
68
105
|
</ParticleLayer>
|
|
@@ -21,14 +21,15 @@ import { useDrag } from '@use-gesture/react';
|
|
|
21
21
|
|
|
22
22
|
const StyledOverlay = withClassName(
|
|
23
23
|
DialogPrimitive.Overlay,
|
|
24
|
-
'layer-components:(fixed inset-0 z-dialog-backdrop animate-fade-in animate-duration-200 bg-
|
|
24
|
+
'layer-components:(fixed inset-0 z-dialog-backdrop animate-fade-in animate-duration-200 bg-overlay [box-shadow:inset_0_30px_60px_0px_var(--color-overlay)] border-top-1 border-top-solid border-top-gray-5)',
|
|
25
25
|
'layer-components:[&[data-state=closed]]:animate-fade-out',
|
|
26
26
|
'motion-reduce:animate-none',
|
|
27
27
|
);
|
|
28
28
|
|
|
29
29
|
const StyledContent = withClassName(
|
|
30
30
|
DialogPrimitive.Content,
|
|
31
|
-
'layer-components:(z-dialog fixed shadow-xl bg-white overflow-y-auto flex flex-col
|
|
31
|
+
'layer-components:(z-dialog fixed shadow-xl-up bg-white overflow-y-auto flex flex-col)',
|
|
32
|
+
'layer-components:sm:(shadow-xl)',
|
|
32
33
|
'transform-gpu !motion-reduce:animate-none',
|
|
33
34
|
'layer-components:(left-50% top-50% translate-[-50%] w-90vw max-w-450px max-h-85vh p-6 pt-8 rounded-lg border-b-1 pt-6)',
|
|
34
35
|
'layer-components:(animate-dialog-in [&[data-state=closed]]:animate-dialog-out motion-reduce:animate-none)',
|
|
@@ -142,12 +143,12 @@ export const DialogSwipeHandle = forwardRef<
|
|
|
142
143
|
|
|
143
144
|
const contentHeight = content.clientHeight;
|
|
144
145
|
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
if (last && (swipeY === 1 || dy > contentHeight / 2)) {
|
|
146
|
+
const shouldClose = last && (swipeY === 1 || dy > contentHeight / 2);
|
|
147
|
+
if (shouldClose) {
|
|
148
148
|
close();
|
|
149
149
|
}
|
|
150
|
-
const gestureY = last ? 0 : -Math.max(0, dy);
|
|
150
|
+
const gestureY = last ? (shouldClose ? -1000 : 0) : -Math.max(0, dy);
|
|
151
|
+
console.log(gestureY, dy, vy, swipeY);
|
|
151
152
|
content.style.setProperty('--gesture-y', `${gestureY}px`);
|
|
152
153
|
content.style.setProperty('transition', last ? 'bottom 0.2s' : '');
|
|
153
154
|
},
|
|
@@ -227,7 +228,7 @@ export type { DialogProps } from '@radix-ui/react-dialog';
|
|
|
227
228
|
|
|
228
229
|
export const DialogActions = withClassName(
|
|
229
230
|
'div',
|
|
230
|
-
'flex justify-end sticky w-full gap-3 items-center bg-white py-
|
|
231
|
+
'flex justify-end sticky w-full gap-3 items-center bg-white py-4 translate-y-6 flex-wrap',
|
|
231
232
|
'bottom--6',
|
|
232
233
|
'sm:(bottom-0)',
|
|
233
234
|
);
|
|
@@ -39,7 +39,6 @@ export function PageContent({
|
|
|
39
39
|
{...innerProps}
|
|
40
40
|
className={classNames(
|
|
41
41
|
'layer-components:(w-full min-w-0 flex flex-col mb-120px px-4 py-4 flex-1)',
|
|
42
|
-
'layer-components:sm:(max-w-700px w-full)',
|
|
43
42
|
{
|
|
44
43
|
'layer-variants:flex-1': fullHeight,
|
|
45
44
|
'layer-variants:(p-0 sm:p-4)': noPadding,
|
package/src/uno.preset.ts
CHANGED
|
@@ -110,6 +110,14 @@ export default function presetAglio({
|
|
|
110
110
|
xl: '0 20px 25px -5px var(--color-shadow-1), 0 10px 10px -5px var(--color-shadow-2)',
|
|
111
111
|
'xl-inset':
|
|
112
112
|
'inset 0 20px 25px -5px var(--color-shadow-1), inset 0 10px 10px -5px var(--color-shadow-2)',
|
|
113
|
+
'sm-up':
|
|
114
|
+
'0 -1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2)',
|
|
115
|
+
'md-up':
|
|
116
|
+
'0 -4px 6px -1px var(--color-shadow-1), 0 -2px 4px -1px var(--color-shadow-2)',
|
|
117
|
+
'lg-up':
|
|
118
|
+
'0 -10px 15px -3px var(--color-shadow-1), 0 -4px 6px -2px var(--color-shadow-2)',
|
|
119
|
+
'xl-up':
|
|
120
|
+
'0 -20px 25px -5px var(--color-shadow-1), 0 -10px 10px -5px var(--color-shadow-2)',
|
|
113
121
|
|
|
114
122
|
// focus outlines
|
|
115
123
|
focus: `0 0 0 3px var(--color-primary-light)`,
|
|
@@ -457,7 +465,6 @@ export default function presetAglio({
|
|
|
457
465
|
--palette-light-blend-warm: rgba(255, 250, 250, 0.8);
|
|
458
466
|
--palette-light-blend-cool: rgba(250, 255, 255, 0.8);
|
|
459
467
|
--palette-light-blend: rgba(255, 250, 250, 0.8);
|
|
460
|
-
--palette-overlay: rgba(0, 0, 0, 0.025);
|
|
461
468
|
--palette-black: #303030;
|
|
462
469
|
--palette-white: #fff;
|
|
463
470
|
--palette-light: #f8f8fb;
|
|
@@ -482,6 +489,8 @@ export default function presetAglio({
|
|
|
482
489
|
--palette-shadow-2: rgba(0, 0, 0, 0.15);
|
|
483
490
|
--palette-shadow-3: rgba(0, 0, 0, 0.3);
|
|
484
491
|
--palette-shadow-4: rgba(0, 0, 0, 0.5);
|
|
492
|
+
--palette-white-overlay: rgba(255, 255, 255, 0.4);
|
|
493
|
+
--palette-black-overlay: rgba(0, 0, 0, 0.4);
|
|
485
494
|
|
|
486
495
|
|
|
487
496
|
--z-nowPlaying: 40;
|
|
@@ -502,7 +511,6 @@ export default function presetAglio({
|
|
|
502
511
|
--color-light-blend-warm: var(--palette-light-blend-warm);
|
|
503
512
|
--color-light-blend-cool: var(--palette-light-blend-cool);
|
|
504
513
|
--color-light-blend: var(--palette-light-blend);
|
|
505
|
-
--color-overlay: var(--palette-overlay);
|
|
506
514
|
--color-black: var(--palette-black);
|
|
507
515
|
--color-white: var(--palette-white);
|
|
508
516
|
--color-wash: var(--palette-light);
|
|
@@ -520,6 +528,7 @@ export default function presetAglio({
|
|
|
520
528
|
--color-gray-dark-blend: var(--palette-gray-dark-blend);
|
|
521
529
|
--color-shadow-1: var(--palette-shadow-2);
|
|
522
530
|
--color-shadow-2: var(--palette-shadow-1);
|
|
531
|
+
--color-overlay: var(--palette-white-overlay);
|
|
523
532
|
|
|
524
533
|
|
|
525
534
|
/* DEFAULT THEME (LEMON) */
|
|
@@ -547,8 +556,7 @@ export default function presetAglio({
|
|
|
547
556
|
--color-dark-blend-cool: var(--palette-light-blend-cool);
|
|
548
557
|
--color-light-blend-warm: var(--palette-dark-blend-warm);
|
|
549
558
|
--color-light-blend-cool: var(--palette-dark-blend-cool);
|
|
550
|
-
--color-light-blend: var(--palette-
|
|
551
|
-
--color-overlay: var(--palette-overlay);
|
|
559
|
+
--color-light-blend: var(--palette-dark-blend);
|
|
552
560
|
--color-black: var(--palette-white);
|
|
553
561
|
--color-white: var(--palette-black);
|
|
554
562
|
--color-wash: var(--palette-dark);
|
|
@@ -566,6 +574,7 @@ export default function presetAglio({
|
|
|
566
574
|
--color-gray-dark-blend: var(--palette-light-gray-dark-blend);
|
|
567
575
|
--color-shadow-1: var(--palette-shadow-4);
|
|
568
576
|
--color-shadow-2: var(--palette-shadow-3);
|
|
577
|
+
--color-overlay: var(--palette-black-overlay);
|
|
569
578
|
}
|
|
570
579
|
}
|
|
571
580
|
|
|
@@ -578,7 +587,6 @@ export default function presetAglio({
|
|
|
578
587
|
--color-light-blend-warm: var(--palette-light-blend-warm);
|
|
579
588
|
--color-light-blend-cool: var(--palette-light-blend-cool);
|
|
580
589
|
--color-light-blend: var(--palette-light-blend);
|
|
581
|
-
--color-overlay: var(--palette-overlay);
|
|
582
590
|
--color-black: var(--palette-black);
|
|
583
591
|
--color-white: var(--palette-white);
|
|
584
592
|
--color-wash: var(--palette-light);
|
|
@@ -596,6 +604,7 @@ export default function presetAglio({
|
|
|
596
604
|
--color-gray-dark-blend: var(--palette-gray-dark-blend);
|
|
597
605
|
--color-shadow-1: var(--palette-shadow-2);
|
|
598
606
|
--color-shadow-2: var(--palette-shadow-1);
|
|
607
|
+
--color-overlay: var(--palette-white-overlay);
|
|
599
608
|
}
|
|
600
609
|
}
|
|
601
610
|
|
|
@@ -607,7 +616,6 @@ export default function presetAglio({
|
|
|
607
616
|
--color-light-blend-warm: var(--palette-dark-blend-warm);
|
|
608
617
|
--color-light-blend-cool: var(--palette-dark-blend-cool);
|
|
609
618
|
--color-light-blend: var(--palette-light-blend);
|
|
610
|
-
--color-overlay: var(--palette-overlay);
|
|
611
619
|
--color-black: var(--palette-white);
|
|
612
620
|
--color-white: var(--palette-black);
|
|
613
621
|
--color-wash: var(--palette-dark);
|
|
@@ -625,6 +633,7 @@ export default function presetAglio({
|
|
|
625
633
|
--color-gray-dark-blend: var(--palette-light-gray-dark-blend);
|
|
626
634
|
--color-shadow-1: var(--palette-shadow-4);
|
|
627
635
|
--color-shadow-2: var(--palette-shadow-3);
|
|
636
|
+
--color-overlay: var(--palette-black-overlay);
|
|
628
637
|
}
|
|
629
638
|
}
|
|
630
639
|
|