@a-type/ui 2.7.2 → 2.7.4
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/actions/ActionBar.js +1 -1
- package/dist/cjs/components/actions/ActionBar.js.map +1 -1
- package/dist/cjs/components/actions/ActionBar.stories.js +1 -1
- package/dist/cjs/components/actions/ActionBar.stories.js.map +1 -1
- package/dist/cjs/components/actions/ActionButton.js +1 -1
- package/dist/cjs/components/actions/ActionButton.js.map +1 -1
- package/dist/cjs/components/button/Button.d.ts +2 -1
- package/dist/cjs/components/button/Button.js +3 -2
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/button/classes.d.ts +2 -1
- package/dist/cjs/components/button/classes.js +7 -3
- package/dist/cjs/components/button/classes.js.map +1 -1
- package/dist/css/main.css +1 -1
- package/dist/esm/components/actions/ActionBar.js +1 -1
- package/dist/esm/components/actions/ActionBar.js.map +1 -1
- package/dist/esm/components/actions/ActionBar.stories.js +1 -1
- package/dist/esm/components/actions/ActionBar.stories.js.map +1 -1
- package/dist/esm/components/actions/ActionButton.js +1 -1
- package/dist/esm/components/actions/ActionButton.js.map +1 -1
- package/dist/esm/components/button/Button.d.ts +2 -1
- package/dist/esm/components/button/Button.js +3 -2
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/button/classes.d.ts +2 -1
- package/dist/esm/components/button/classes.js +7 -3
- package/dist/esm/components/button/classes.js.map +1 -1
- package/package.json +1 -1
- package/src/components/actions/ActionBar.stories.tsx +0 -1
- package/src/components/actions/ActionBar.tsx +1 -1
- package/src/components/actions/ActionButton.tsx +1 -0
- package/src/components/button/Button.tsx +4 -4
- package/src/components/button/classes.tsx +8 -1
|
@@ -22,6 +22,6 @@ const react_1 = require("react");
|
|
|
22
22
|
function ActionBar(_a) {
|
|
23
23
|
var { children, className, wrap, disableShadow } = _a, rest = __rest(_a, ["children", "className", "wrap", "disableShadow"]);
|
|
24
24
|
return ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)('layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-start layer-components:w-full layer-components:overflow-hidden layer-components:relative layer-components:h-[max-content] layer-components:transition-[height] layer-components:springy', 'layer-components:[&:empty]:height-0', !disableShadow &&
|
|
25
|
-
'after:content-[""] after:absolute after:right-0 after:top-0 after:bottom-0 after:w-50px after:z-1 after:bg-gradient-to-l after:from-[color:var(--v-bg,var(--color-wash))] after:from-20% after:to-transparent after:pointer-events-none', className) }, rest, { children: (0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-start layer-components:w-full layer-components:overflow-y-hidden layer-components:overflow-x-
|
|
25
|
+
'after:content-[""] after:absolute after:right-0 after:top-0 after:bottom-0 after:w-50px after:z-1 after:bg-gradient-to-l after:from-[color:var(--v-bg,var(--color-wash))] after:from-20% after:to-transparent after:pointer-events-none', className) }, rest, { children: (0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-start layer-components:w-full layer-components:overflow-y-hidden layer-components:overflow-x-overlay layer-components:pr-80px layer-components:relative layer-components:h-full layer-components:[&::-webkit-scrollbar]:hidden', wrap && 'layer-variants:flex-wrap'), children: children }) })) }));
|
|
26
26
|
}
|
|
27
27
|
//# sourceMappingURL=ActionBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionBar.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAUA,8BA8BC;;AAxCD,gDAA8B;AAC9B,iCAA4C;AAS5C,SAAgB,SAAS,CAAC,EAMT;QANS,EACzB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,aAAa,OAEG,EADb,IAAI,cALkB,kDAMzB,CADO;IAEP,OAAO,CACN,uBAAC,gBAAQ,IAAC,QAAQ,EAAE,IAAI,YACvB,8CACC,SAAS,EAAE,IAAA,cAAU,EACpB,yIAAyI,EACzI,qCAAqC,EACrC,CAAC,aAAa;gBACb,yKAAyK,EAC1K,SAAS,CACT,IACG,IAAI,cAER,gCACC,SAAS,EAAE,IAAA,cAAU,EACpB,
|
|
1
|
+
{"version":3,"file":"ActionBar.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAUA,8BA8BC;;AAxCD,gDAA8B;AAC9B,iCAA4C;AAS5C,SAAgB,SAAS,CAAC,EAMT;QANS,EACzB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,aAAa,OAEG,EADb,IAAI,cALkB,kDAMzB,CADO;IAEP,OAAO,CACN,uBAAC,gBAAQ,IAAC,QAAQ,EAAE,IAAI,YACvB,8CACC,SAAS,EAAE,IAAA,cAAU,EACpB,yIAAyI,EACzI,qCAAqC,EACrC,CAAC,aAAa;gBACb,yKAAyK,EAC1K,SAAS,CACT,IACG,IAAI,cAER,gCACC,SAAS,EAAE,IAAA,cAAU,EACpB,gLAAgL,EAChL,IAAI,IAAI,0BAA0B,CAClC,YAEA,QAAQ,GACJ,IACD,GACI,CACX,CAAC;AACH,CAAC"}
|
|
@@ -13,7 +13,7 @@ const meta = {
|
|
|
13
13
|
argTypes: {},
|
|
14
14
|
args: {
|
|
15
15
|
children: [
|
|
16
|
-
(0, jsx_runtime_1.
|
|
16
|
+
(0, jsx_runtime_1.jsx)(ActionButton_js_1.ActionButton, { children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "plus" }) }, "1"),
|
|
17
17
|
(0, jsx_runtime_1.jsxs)(ActionButton_js_1.ActionButton, { children: [(0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "pencil" }), "Edit"] }, "2"),
|
|
18
18
|
(0, jsx_runtime_1.jsxs)(ActionButton_js_1.ActionButton, { color: "accent", children: [(0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "globe" }), "Publish"] }, "3"),
|
|
19
19
|
(0, jsx_runtime_1.jsxs)(ActionButton_js_1.ActionButton, { children: [(0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "placeholder" }), "Overflow 1"] }, "3"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionBar.stories.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionBar.stories.tsx"],"names":[],"mappings":";;;;AACA,0CAAoC;AACpC,6CAAuC;AACvC,iDAA2C;AAC3C,uDAAiD;AAEjD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,wBAAS;IACpB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACL,QAAQ,EAAE;YACT,
|
|
1
|
+
{"version":3,"file":"ActionBar.stories.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionBar.stories.tsx"],"names":[],"mappings":";;;;AACA,0CAAoC;AACpC,6CAAuC;AACvC,iDAA2C;AAC3C,uDAAiD;AAEjD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,wBAAS;IACpB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACL,QAAQ,EAAE;YACT,uBAAC,8BAAY,cACZ,uBAAC,cAAI,IAAC,IAAI,EAAC,MAAM,GAAG,IADH,GAAG,CAEN;YACf,wBAAC,8BAAY,eACZ,uBAAC,cAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,aADL,GAAG,CAGN;YACf,wBAAC,8BAAY,IAAS,KAAK,EAAC,QAAQ,aACnC,uBAAC,cAAI,IAAC,IAAI,EAAC,OAAO,GAAG,gBADJ,GAAG,CAGN;YACf,wBAAC,8BAAY,eACZ,uBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;YACf,wBAAC,8BAAY,eACZ,uBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;YACf,wBAAC,8BAAY,IAAS,OAAO,mBAC5B,uBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;SACf;KACD;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACgC,CAAC;AAEnC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU,EAAE,CAAC;AAEpB,QAAA,YAAY,GAAU;IAClC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,OAAO,CACN,uBAAC,YAAG,IAAC,OAAO,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,YACtC,uBAAC,wBAAS,oBAAK,IAAI,EAAI,GAClB,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
|
|
@@ -44,6 +44,6 @@ function ActionButton(_a) {
|
|
|
44
44
|
if (!render && !visible) {
|
|
45
45
|
return null;
|
|
46
46
|
}
|
|
47
|
-
return ((0, jsx_runtime_1.jsx)(index_js_1.CollapsibleRoot, { open: !visible ? false : render, children: (0, jsx_runtime_1.jsx)(index_js_1.CollapsibleContent, { "data-horizontal": true, children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ size: "small", className: (0, clsx_1.default)('layer-variants:border-gray-dark layer-variants:font-normal layer-variants:whitespace-nowrap layer-variants:m-2 layer-variants:flex layer-variants:flex-row layer-variants:gap-2 layer-variants:items-center layer-variants:py-0.25 layer-variants:rounded-md layer-variants:mx-1 layer-variants:min-h-7.5', className), asChild: asChild }, rest, { children: children })) }) }));
|
|
47
|
+
return ((0, jsx_runtime_1.jsx)(index_js_1.CollapsibleRoot, { open: !visible ? false : render, children: (0, jsx_runtime_1.jsx)(index_js_1.CollapsibleContent, { "data-horizontal": true, children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ size: "small", disableIconMode: true, className: (0, clsx_1.default)('layer-variants:border-gray-dark layer-variants:font-normal layer-variants:whitespace-nowrap layer-variants:m-2 layer-variants:flex layer-variants:flex-row layer-variants:gap-2 layer-variants:items-center layer-variants:py-0.25 layer-variants:rounded-md layer-variants:mx-1 layer-variants:min-h-7.5', className), asChild: asChild }, rest, { children: children })) }) }));
|
|
48
48
|
}
|
|
49
49
|
//# sourceMappingURL=ActionButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAWb,
|
|
1
|
+
{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAWb,oCA8CC;;AAvDD,gDAA8B;AAC9B,iCAA4C;AAC5C,mDAA0D;AAC1D,sDAA8E;AAM9E,SAAgB,YAAY,CAAC,EAMT;QANS,EAC5B,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,IAAI,EACd,OAAO,OAEY,EADhB,IAAI,cALqB,+CAM5B,CADO;IAEP,+CAA+C;IAC/C,2DAA2D;IAC3D,mBAAmB;IACnB,qDAAqD;IACrD,qCAAqC;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC;IAC9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,EAAE,CAAC;YACd,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC/B,SAAS,CAAC,OAAO,CAAC,CAAC;YACpB,CAAC,EAAE,GAAG,CAAC,CAAC;YACR,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;aAAM,CAAC;YACP,SAAS,CAAC,OAAO,CAAC,CAAC;QACpB,CAAC;IACF,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CACN,uBAAC,0BAAe,IAAC,IAAI,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,YAC/C,uBAAC,6BAAkB,uCAClB,uBAAC,kBAAM,kBACN,IAAI,EAAC,OAAO,EACZ,eAAe,QACf,SAAS,EAAE,IAAA,cAAU,EACpB,wIAAwI,EACxI,SAAS,CACT,EACD,OAAO,EAAE,OAAO,IACZ,IAAI,cAEP,QAAQ,IACD,GACW,GACJ,CAClB,CAAC;AACH,CAAC"}
|
|
@@ -12,9 +12,10 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
12
12
|
loading?: boolean;
|
|
13
13
|
asChild?: boolean;
|
|
14
14
|
visuallyFocused?: boolean;
|
|
15
|
+
disableIconMode?: boolean;
|
|
15
16
|
ref?: Ref<HTMLButtonElement>;
|
|
16
17
|
}
|
|
17
|
-
export declare function ButtonRoot({ className, color, size, toggled, toggleMode, align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, ref, ...props }: ButtonProps): import("react/jsx-runtime.js").JSX.Element;
|
|
18
|
+
export declare function ButtonRoot({ className, color, size, toggled, toggleMode, align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, disableIconMode, ref, ...props }: ButtonProps): import("react/jsx-runtime.js").JSX.Element;
|
|
18
19
|
export declare const ButtonToggleIndicator: import("react").NamedExoticComponent<{
|
|
19
20
|
value: boolean;
|
|
20
21
|
}>;
|
|
@@ -62,7 +62,7 @@ const index_js_1 = require("../icon/index.js");
|
|
|
62
62
|
const index_js_2 = require("../spinner/index.js");
|
|
63
63
|
const classes_js_1 = require("./classes.js");
|
|
64
64
|
function ButtonRoot(_a) {
|
|
65
|
-
var { className, color, size, toggled, toggleMode = 'color-and-indicator', align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, ref } = _a, props = __rest(_a, ["className", "color", "size", "toggled", "toggleMode", "align", "visuallyDisabled", "visuallyFocused", "loading", "children", "disabled", "asChild", "ref"]);
|
|
65
|
+
var { className, color, size, toggled, toggleMode = 'color-and-indicator', align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, disableIconMode, ref } = _a, props = __rest(_a, ["className", "color", "size", "toggled", "toggleMode", "align", "visuallyDisabled", "visuallyFocused", "loading", "children", "disabled", "asChild", "disableIconMode", "ref"]);
|
|
66
66
|
const Comp = asChild ? react_slot_1.Slot : 'button';
|
|
67
67
|
const isFormSubmitting = false;
|
|
68
68
|
const isSubmitLoading = props.type === 'submit' && isFormSubmitting;
|
|
@@ -74,6 +74,7 @@ function ButtonRoot(_a) {
|
|
|
74
74
|
toggleable: toggled !== undefined &&
|
|
75
75
|
(toggleMode === 'color' || toggleMode === 'color-and-indicator'),
|
|
76
76
|
align,
|
|
77
|
+
disableIconMode,
|
|
77
78
|
}), className) });
|
|
78
79
|
// set state when toggleable
|
|
79
80
|
if (toggled !== undefined) {
|
|
@@ -94,7 +95,7 @@ exports.ButtonToggleIndicator = (0, react_2.memo)(function ToggleIndicator({ val
|
|
|
94
95
|
} }));
|
|
95
96
|
});
|
|
96
97
|
// allows custom icons to trigger icon button behavior
|
|
97
|
-
exports.ButtonIcon = (0, hooks_js_1.withClassName)('div', 'icon flex-shrink-0
|
|
98
|
+
exports.ButtonIcon = (0, hooks_js_1.withClassName)('div', 'icon flex-shrink-0 flex');
|
|
98
99
|
exports.Button = Object.assign(ButtonRoot, {
|
|
99
100
|
ToggleIndicator: exports.ButtonToggleIndicator,
|
|
100
101
|
Icon: exports.ButtonIcon,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { type ButtonProps } from './Button.jsx';
|
|
2
|
-
export declare function getButtonClassName({ color, size: rawSize, toggleable, align, }: {
|
|
2
|
+
export declare function getButtonClassName({ color, size: rawSize, toggleable, align, disableIconMode, }: {
|
|
3
3
|
color?: ButtonProps['color'];
|
|
4
4
|
size?: ButtonProps['size'];
|
|
5
5
|
toggleable?: boolean;
|
|
6
6
|
align?: ButtonProps['align'];
|
|
7
|
+
disableIconMode?: boolean;
|
|
7
8
|
}): string;
|
|
8
9
|
export declare const buttonColorClasses: {
|
|
9
10
|
primary: string;
|
|
@@ -13,9 +13,9 @@ const sizeMap = {
|
|
|
13
13
|
icon: 'default',
|
|
14
14
|
'icon-small': 'small',
|
|
15
15
|
};
|
|
16
|
-
function getButtonClassName({ color, size: rawSize, toggleable, align, }) {
|
|
16
|
+
function getButtonClassName({ color, size: rawSize, toggleable, align, disableIconMode, }) {
|
|
17
17
|
const size = sizeMap[rawSize !== null && rawSize !== void 0 ? rawSize : 'default'];
|
|
18
|
-
return (0, clsx_1.default)('layer-components:px-4 layer-components:py-2 layer-components:bg-[var(--bg-neutral,var(--bg))] layer-components:[--webkit-tap-highlight-color:transparent] layer-components:[line-height:1] layer-components:text-size-md layer-components:font-inherit layer-components:border-solid layer-components:border-thin layer-components:border-transparent layer-components:rounded-lg layer-components:cursor-pointer layer-components:font-bold layer-components:flex layer-components:flex-row layer-components:gap-sm layer-components:items-center layer-components:relative layer-components:overflow-visible layer-components:select-none layer-components:all:transition layer-components:duration-200 layer-components:whitespace-nowrap layer-components:ring-bg', 'layer-components:hover:bg-[var(--bg)] layer-components:hover:bg-darken-1 layer-components:hover:ring-4', 'layer-components:focus:outline-off', 'layer-components:focus-visible:bg-[var(--bg)] layer-components:focus-visible:outline-off layer-components:focus-visible:bg-darken-1 layer-components:focus-visible:ring-6', 'layer-components:[&[data-focus=true]]:bg-[var(--bg)] layer-components:[&[data-focus=true]]:ring-6 layer-components:[&[data-focus=true]]:bg-darken-1', 'layer-components:active:bg-[var(--bg)] layer-components:active:bg-darken-1 layer-components:active:ring-8', 'layer-components:disabled:opacity-50 layer-components:disabled:cursor-default layer-components:disabled:bg-[var(--bg)] layer-components:disabled:shadow-none layer-components:disabled:ring-none', 'layer-components:[&[data-disabled=true]]:opacity-50 layer-components:[&[data-disabled=true]]:cursor-default layer-components:[&[data-disabled=true]]:bg-[var(--bg)] layer-components:[&[data-disabled=true]]:shadow-none', colors[color !== null && color !== void 0 ? color : 'default'], `btn-color-${color !== null && color !== void 0 ? color : 'default'}`, sizes[size !== null && size !== void 0 ? size : 'default'], `size-${size !== null && size !== void 0 ? size : 'default'}`, toggleable && toggledClass, align && aligns[align],
|
|
18
|
+
return (0, clsx_1.default)('layer-components:px-4 layer-components:py-2 layer-components:bg-[var(--bg-neutral,var(--bg))] layer-components:[--webkit-tap-highlight-color:transparent] layer-components:[line-height:1] layer-components:text-size-md layer-components:font-inherit layer-components:border-solid layer-components:border-thin layer-components:border-transparent layer-components:rounded-lg layer-components:cursor-pointer layer-components:font-bold layer-components:flex layer-components:flex-row layer-components:gap-sm layer-components:items-center layer-components:relative layer-components:overflow-visible layer-components:select-none layer-components:all:transition layer-components:duration-200 layer-components:whitespace-nowrap layer-components:ring-bg', 'layer-components:hover:bg-[var(--bg)] layer-components:hover:bg-darken-1 layer-components:hover:ring-4', 'layer-components:focus:outline-off', 'layer-components:focus-visible:bg-[var(--bg)] layer-components:focus-visible:outline-off layer-components:focus-visible:bg-darken-1 layer-components:focus-visible:ring-6', 'layer-components:[&[data-focus=true]]:bg-[var(--bg)] layer-components:[&[data-focus=true]]:ring-6 layer-components:[&[data-focus=true]]:bg-darken-1', 'layer-components:active:bg-[var(--bg)] layer-components:active:bg-darken-1 layer-components:active:ring-8', 'layer-components:disabled:opacity-50 layer-components:disabled:cursor-default layer-components:disabled:bg-[var(--bg)] layer-components:disabled:shadow-none layer-components:disabled:ring-none', 'layer-components:[&[data-disabled=true]]:opacity-50 layer-components:[&[data-disabled=true]]:cursor-default layer-components:[&[data-disabled=true]]:bg-[var(--bg)] layer-components:[&[data-disabled=true]]:shadow-none', colors[color !== null && color !== void 0 ? color : 'default'], `btn-color-${color !== null && color !== void 0 ? color : 'default'}`, sizes[size !== null && size !== void 0 ? size : 'default'], disableIconMode ? '' : iconModeSizes[size !== null && size !== void 0 ? size : 'default'], `size-${size !== null && size !== void 0 ? size : 'default'}`, toggleable && toggledClass, align && aligns[align],
|
|
19
19
|
// compound variants
|
|
20
20
|
color === 'ghost' &&
|
|
21
21
|
toggleable &&
|
|
@@ -34,8 +34,12 @@ const colors = {
|
|
|
34
34
|
};
|
|
35
35
|
exports.buttonColorClasses = colors;
|
|
36
36
|
const sizes = {
|
|
37
|
+
default: '',
|
|
38
|
+
small: 'layer-variants:[&.size-small]:px-4 layer-variants:[&.size-small]:py-1 layer-variants:[&.size-small]:text-sm layer-variants:[&.size-small]:rounded-md',
|
|
39
|
+
};
|
|
40
|
+
const iconModeSizes = {
|
|
37
41
|
default: 'layer-variants:[&[data-has-icon=true][data-has-label=false]]:p-2.35 layer-variants:[&[data-has-icon=true][data-has-label=false]]:text-sm layer-variants:[&[data-has-icon=true][data-has-label=false]]:rounded-lg',
|
|
38
|
-
small: 'layer-variants:[&.size-small
|
|
42
|
+
small: 'layer-variants:[&.size-small[data-has-icon=true][data-has-label=false]]:p-2 layer-variants:[&.size-small[data-has-icon=true][data-has-label=false]]:text-xs layer-variants:[&.size-small[data-has-icon=true][data-has-label=false]]:rounded-lg layer-variants:[&.size-small[data-has-icon=true][data-has-label=false]]:-m-y-0.5',
|
|
39
43
|
};
|
|
40
44
|
const toggledClass = 'layer-variants:bg-transparent layer-variants:aria-pressed:bg-[var(--bg)] layer-variants:hover:(filter-brightness-[1.1])';
|
|
41
45
|
const aligns = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":";;;;;;AAUA,
|
|
1
|
+
{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":";;;;;;AAUA,gDAoCC;AA9CD,gDAAwB;AAGxB,MAAM,OAAO,GAAG;IACf,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,SAAS;IACf,YAAY,EAAE,OAAO;CACyB,CAAC;AAEhD,SAAgB,kBAAkB,CAAC,EAClC,KAAK,EACL,IAAI,EAAE,OAAO,EACb,UAAU,EACV,KAAK,EACL,eAAe,GAOf;IACA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,SAAS,CAAC,CAAC;IAE3C,OAAO,IAAA,cAAI,EACV,kWAAkW,EAClW,4DAA4D,EAC5D,oCAAoC,EACpC,gFAAgF,EAChF,2EAA2E,EAC3E,6DAA6D,EAC7D,4FAA4F,EAC5F,iGAAiG,EACjG,MAAM,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,CAAC,EAC1B,aAAa,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,EAAE,EACjC,KAAK,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,CAAC,EACxB,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,CAAC,EACvD,QAAQ,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,EAC3B,UAAU,IAAI,YAAY,EAC1B,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;IACtB,oBAAoB;IACpB,KAAK,KAAK,OAAO;QAChB,UAAU;QACV,uEAAuE,CACxE,CAAC;AACH,CAAC;AAED,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,8GAA8G;IACvH,MAAM,EAAE,yJAAyJ;IACjK,OAAO,EAAE,qMAAqM;IAC9M,KAAK,EAAE,iIAAiI;IACxI,WAAW,EAAE,sHAAsH;IACnI,gBAAgB,EAAE,qLAAqL;IACvM,WAAW,EAAE,sKAAsK;IACnL,QAAQ,EAAE,8JAA8J;IACxK,QAAQ,EAAE,ySAAyS;CACnT,CAAC;AACW,QAAA,kBAAkB,GAAG,MAAM,CAAC;AAEzC,MAAM,KAAK,GAAG;IACb,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,8DAA8D;CACrE,CAAC;AACF,MAAM,aAAa,GAAG;IACrB,OAAO,EACN,0FAA0F;IAC3F,KAAK,EACJ,2GAA2G;CAC5G,CAAC;AAEF,MAAM,YAAY,GACjB,6FAA6F,CAAC;AAE/F,MAAM,MAAM,GAAG;IACd,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,GAAG,EAAE,UAAU;CACf,CAAC"}
|
package/dist/css/main.css
CHANGED
|
@@ -1260,7 +1260,7 @@
|
|
|
1260
1260
|
50% { stroke-dasharray: 100, 200; stroke-dashoffset: -15; }
|
|
1261
1261
|
100% { stroke-dasharray: 100, 200; stroke-dashoffset: -125; }
|
|
1262
1262
|
}.animate-fade-in{animation:fade-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.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;}.\[\&\[data-state\=open\]\]\:animate-forwards[data-state=open],.animate-forwards{animation-fill-mode:forwards;}.animate-alternate{animation-direction:alternate;}.animate-iteration-infinite{animation-iteration-count:infinite;}.\[\&\[data-state\=active\]\]\:cursor-default[data-state=active],.cursor-default{cursor:default;}.disabled\:cursor-default:disabled{cursor:default;}.cursor-pointer{cursor:pointer;}.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;}.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-4{gap:1.00rem;}.gap-xl{gap:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.overflow-hidden{overflow:hidden;}.overflow-visible{overflow:visible;}.text-ellipsis{text-overflow:ellipsis;}.b,.border-width-thin{border-width:calc(1px * var(--global-border-scale,1));}.border-2{border-width:2px;}.border-b{border-bottom-width:calc(1px * var(--global-border-scale,1));}.border-r{border-right-width:calc(1px * var(--global-border-scale,1));}.border-t{border-top-width:calc(1px * var(--global-border-scale,1));}.\[\&\[data-bottom-edge\]\]\:border-b-gray[data-bottom-edge]{border-bottom-color:var(--color-gray);}.\[\&\[data-day-first\]\]\:border-l-gray[data-day-first],.\[\&\[data-first-column\]\]\:border-l-gray[data-first-column]{border-left-color:var(--color-gray);}.\[\&\[data-day-last\]\]\:border-r-gray[data-day-last],.\[\&\[data-last-column\]\]\:border-r-gray[data-last-column],.border-r-gray{border-right-color:var(--color-gray);}.\[\&\[data-top-edge\]\]\:border-t-gray[data-top-edge]{border-top-color:var(--color-gray);}.border-t-black{border-top-color:var(--color-black);}.\[\&\[data-in-range\]\]\:rounded-none[data-in-range],.rounded-none{border-radius:0;}.\[\&\[data-selected\]\]\:rounded[data-selected],.rounded{border-radius:0.25rem;}.rounded-full{border-radius:9999px;}.rounded-inherit{border-radius:inherit;}.rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.rounded-sm{border-radius:calc(0.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.active\:rounded:active{border-radius:0.25rem;}.\[\&\[data-today\]\]\:before\:rounded-lg[data-today]::before{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.\[\&\[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;}.\[\&_\.ProseMirror\]\:border-none .ProseMirror,.border-none{border-style:none;}.border-solid{border-style:solid;}.border-b-solid{border-bottom-style:solid;}.border-r-solid{border-right-style:solid;}.border-t-solid{border-top-style:solid;}.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-\[color\:var\(--v-bg\,var\(--color-wash\)\)\]::after{--un-gradient-from-position:0%;--un-gradient-from:var(--v-bg,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);}.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);}.via-fg{--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), var(--v-color-altered, var(--v-color, var(--color-black))) var(--un-gradient-via-position), var(--un-gradient-to);}.to-primary-wash{--un-gradient-to-position:100%;--un-gradient-to:var(--color-primary-wash) var(--un-gradient-to-position);}.to-transparent{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}.after\:to-transparent::after{--un-gradient-to-position:100%;--un-gradient-to:transparent 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);}.after\:from-20\%::after{--un-gradient-from-position:20%;}.bg-gradient-to-b{--un-gradient-shape:to bottom in oklch;--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 in oklch;--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 in oklch;--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 in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.stroke-current{stroke:currentColor /* currentColor */;}.stroke-gray-blend{stroke:var(--color-gray-blend) /* var(--color-gray-blend) */;}.object-cover{object-fit:cover;}.p-10{padding:2.50rem;}.p-2{padding:0.50rem;}.p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.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;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-2{padding-top:0.50rem;padding-bottom:0.50rem;}.pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.pl-md{padding-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.pr-8{padding-right:2.00rem;}.text-center{text-align:center;}.text-2xl{font-size:1.75rem;line-height:2.25rem;}.text-3xl{font-size:2rem;line-height:2.5rem;}.text-lg{font-size:1.25rem;line-height:1.75rem;}.text-md{font-size:1.125rem;line-height:1.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-state\=active\]\]\:font-semibold[data-state=active]{font-weight:600;}.font-bold{font-weight:700;}.font-normal{font-weight:400;}.leading-6{line-height:1.5rem;}.font-inherit{font-family:inherit;}.italic{font-style:italic;}.oblique{font-style:oblique;}.underline{text-decoration-line:underline;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.op-0{opacity:0;}.opacity-30{opacity:0.3;}.opacity-50{opacity:0.5;}.opacity-80{opacity:0.8;}.opacity1{opacity:0.01;}.opacity2{opacity:0.02;}.opacity3{opacity:0.03;}.hover\:opacity-100:hover{opacity:1;}.focus\:opacity-100:focus{opacity:1;}.disabled\:opacity-50:disabled{opacity:0.5;}.\[\&_\.ProseMirror\:focus\]\:shadow-none .ProseMirror:focus,.\[\&_\.ProseMirror\]\:shadow-none .ProseMirror{--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);}.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 calc(0px * var(--v-shadow-y-mult,1)) calc(1px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0)))),
|
|
1263
|
-
var(--un-shadow-inset) 0 calc(1px * var(--v-shadow-y-mult,1)) calc(2px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-op-0{--un-shadow-opacity:0;}.shadow-op-10{--un-shadow-opacity:0.1;}.shadow-op-100{--un-shadow-opacity:1;}.shadow-op-20{--un-shadow-opacity:0.2;}.shadow-op-30{--un-shadow-opacity:0.3;}.shadow-op-40{--un-shadow-opacity:0.4;}.shadow-op-50{--un-shadow-opacity:0.5;}.shadow-op-60{--un-shadow-opacity:0.6;}.shadow-op-70{--un-shadow-opacity:0.7;}.shadow-op-80{--un-shadow-opacity:0.8;}.shadow-op-90{--un-shadow-opacity:0.9;}.\[\&\[data-highlighted\]\]\:outline-accent[data-highlighted]{outline-color:var(--color-accent) /* var(--color-accent) */;}.hover\:outline-accent:hover{outline-color:var(--color-accent) /* var(--color-accent) */;}.\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.\[\&\[data-highlighted\]\]\:outline-none[data-highlighted]{outline:2px solid transparent;outline-offset:2px;}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.ring{--un-ring-width:3px;--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-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);}.blur{--un-blur:blur(8px);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);}.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,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-height{transition-property:height;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;}.duration-300{transition-duration:300ms;}.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:'';}.before\:content-\[\"\"\]::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:"";}.\[\&\[data-highlighted\]\]\:color-black[data-highlighted],.\[\&\[data-state\=active\]\]\:color-black[data-state=active],.color-black{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);--v-color-opacity:100%;}.\[\&\[data-placeholder\]\]\:color-gray-dark[data-placeholder],.color-gray-dark{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray-dark);--v-color-opacity:100%;}.color-bg{color:var(--v-color-altered,var(--v-color));--v-color:var(--v-bg-altered, var(--v-bg, transparent));--v-color-opacity:100%;}.color-dark-blend{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-dark-blend);--v-color-opacity:100%;}.color-inherit{color:var(--v-color-altered,var(--v-color));}.color-primary{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-primary);--v-color-opacity:100%;}.color-primary-dark{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-primary-dark);--v-color-opacity:100%;}.color-primary-dark\/10{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:10%;}.color-primary-dark\/100{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:100%;}.color-primary-dark\/20{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:20%;}.color-primary-dark\/30{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:30%;}.color-primary-dark\/40{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:40%;}.color-primary-dark\/50{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:50%;}.color-primary-dark\/60{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:60%;}.color-primary-dark\/70{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:70%;}.color-primary-dark\/80{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:80%;}.color-primary-dark\/90{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:90%;}.color-white{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-white);--v-color-opacity:100%;}.after\:color-gray-dark::after{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray-dark);--v-color-opacity:100%;}.color-darken-5{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l * (1 + 5 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (5 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.\[\&_\.ProseMirror\:focus\]\:bg-transparent .ProseMirror:focus,.\[\&_\.ProseMirror\]\:bg-transparent .ProseMirror,.bg-transparent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;--v-bg-opacity:100%;}.\[\&\[data-highlighted\]\]\:bg-gray[data-highlighted],.bg-gray{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray);--v-bg-opacity:100%;}.\[\&\[data-in-range\]\]\:bg-accent-wash[data-in-range]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-wash);--v-bg-opacity:100%;}.\[\&\[data-range-end\]\]\:bg-accent[data-range-end],.\[\&\[data-range-start\]\]\:bg-accent[data-range-start],.\[\&\[data-selected\]\]\:bg-accent[data-selected],.\[\&\[data-state\=checked\]\]\:bg-accent[data-state=checked]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent);--v-bg-opacity:100%;}.\[\&\[data-state\=active\]\]\:bg-\[var\(--bg\)\][data-state=active]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);--v-bg-opacity:100%;}.bg-\[var\(--color-wash\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-wash);--v-bg-opacity:100%;}.bg-\[var\(--scroll-bg\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--scroll-bg);--v-bg-opacity:100%;}.bg-\$colors{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--colors);--v-bg-opacity:100%;}.bg-attention{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention);--v-bg-opacity:100%;}.bg-black{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-black);--v-bg-opacity:100%;}.bg-gray-dark{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-dark);--v-bg-opacity:100%;}.bg-gray-ink{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-ink);--v-bg-opacity:100%;}.bg-gray-light{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-light);--v-bg-opacity:100%;}.bg-gray-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-wash);--v-bg-opacity:100%;}.bg-primary{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);--v-bg-opacity:100%;}.bg-primary-dark{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-dark);--v-bg-opacity:100%;}.bg-primary-ink{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-ink);--v-bg-opacity:100%;}.bg-primary-light{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-light);--v-bg-opacity:100%;}.bg-primary-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-wash);--v-bg-opacity:100%;}.bg-primary\/10{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:10%;}.bg-primary\/100{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:100%;}.bg-primary\/20{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:20%;}.bg-primary\/30{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:30%;}.bg-primary\/40{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:40%;}.bg-primary\/50{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:50%;}.bg-primary\/60{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:60%;}.bg-primary\/70{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:70%;}.bg-primary\/80{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:80%;}.bg-primary\/90{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:90%;}.bg-white{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-white);--v-bg-opacity:100%;}.hover\:bg-gray-wash:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-wash);--v-bg-opacity:100%;}.active\:bg-accent-light:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-light);--v-bg-opacity:100%;}.\[\&\[data-today\]\]\:before\:bg-primary[data-today]::before{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);--v-bg-opacity:100%;}.\[\&\[data-highlighted\]\]\:bg-lighten-3[data-highlighted],.bg-lighten-3{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 3 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (3 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.bg-lighten-1{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.focus-visible\:bg-lighten-1:focus-visible{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.\[\&\[data-in-range\]\]\:bg-darken-2[data-in-range]{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 2 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (2 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.bg-darken-1{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.bg-darken-3{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 3 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.\[\&\[data-state\=active\]\]\:hover\:bg-darken-1:hover[data-state=active]{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.border-bg{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--v-bg-altered, var(--v-bg, transparent));--v-border-opacity:100%;}.border-black{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-black);--v-border-opacity:100%;}.border-black\/10{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:10%;}.border-black\/100{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:100%;}.border-black\/20{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:20%;}.border-black\/30{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:30%;}.border-black\/40{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:40%;}.border-black\/50{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:50%;}.border-black\/60{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:60%;}.border-black\/70{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:70%;}.border-black\/80{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:80%;}.border-black\/90{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:90%;}.border-color{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--v-color-altered, var(--v-color, var(--color-black)));--v-border-opacity:100%;}.border-gray{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray);--v-border-opacity:100%;}.border-primary{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-primary);--v-border-opacity:100%;}.border-transparent{border-color:var(--v-border-altered,var(--v-border));--v-border:transparent;--v-border-opacity:100%;}.border-white{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-white);--v-border-opacity:100%;}.hover\:border-gray-dark:hover{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray-dark);--v-border-opacity:100%;}.border-darken-3{--v-border-altered:oklch(from var(--v-border,currentColor) calc(l * (1 + 3 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.border-darken-5{--v-border-altered:oklch(from var(--v-border,currentColor) calc(l * (1 + 5 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (5 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.ring-primary-light\/10{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:10%;}.ring-primary-light\/100{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:100%;}.ring-primary-light\/20{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:20%;}.ring-primary-light\/30{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:30%;}.ring-primary-light\/40{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:40%;}.ring-primary-light\/50{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:50%;}.ring-primary-light\/60{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:60%;}.ring-primary-light\/70{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:70%;}.ring-primary-light\/80{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:80%;}.ring-primary-light\/90{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:90%;}.ring-white{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--color-white);--v-ring-opacity:100%;}.focus\:ring-primary:focus{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--color-primary);--v-ring-opacity:100%;}.anchor-container{anchor-name:--container;}.anchor-demo{anchor-name:--demo;}.anchor-name{anchor-name:--name;}.anchor-to-container{position-anchor:--container;}.anchor-to-demo{position-anchor:--demo;}.overflow-stable{scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-auto{overflow:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-y-auto{overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-x-auto{overflow-x:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}@layer compoennts{.layer-compoennts\:absolute{position:absolute;}.layer-compoennts\:inset-0{inset:0.00rem;}.layer-compoennts\:flex{display:flex;}.layer-compoennts\:items-center{align-items:center;}.layer-compoennts\:justify-center{justify-content:center;}.layer-compoennts\:bg-inherit{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));}}@layer components{.layer-components\:\[--fill\:var\(--color-primary\)\]{--fill:var(--color-primary);}.layer-components\:\[--webkit-tap-highlight-color\:transparent\]{--webkit-tap-highlight-color:transparent;}.layer-components\:\[all\:unset\]{all:unset;}.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\],.layer-components\:font-inherit{font-family:inherit;}.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\:\[justify-content\:safe_center\]{justify-content:safe center;}.layer-components\:\[line-height\:1\]{line-height:1;}.layer-components\:\[resize\:none\],.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\:before\:absolute::before{position:absolute;}.layer-components\:inset-0{inset:0.00rem;}.layer-components\:before\:inset-x-4::before{left:1.00rem;right:1.00rem;}.layer-components\:bottom--6{bottom:-1.5rem;}.layer-components\:bottom-\[var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\]{bottom:var(--nav-height,env(safe-area-inset-bottom,0px));}.layer-components\:bottom-0{bottom:0.00rem;}.layer-components\:left-0{left:0.00rem;}.layer-components\:left-50\%{left:50%;}.layer-components\:left-9px{left:9px;}.layer-components\:right-0{right:0.00rem;}.layer-components\:right-5px{right:5px;}.layer-components\:right-6px{right:6px;}.layer-components\:top--3px{top:-3px;}.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\:before\:top-0::before{top:0.00rem;}.layer-components\:isolate{isolation:isolate;}.layer-components\:z-\[var\(--z-nav\)\]{z-index:var(--z-nav);}.layer-components\:z-\[var\(--z-nowPlaying\)\]{z-index:var(--z-nowPlaying);}.layer-components\:z-0{z-index:0;}.layer-components\:z-1{z-index:1;}.layer-components\:z-10{z-index:10;}.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_auto\]{grid-template-rows:1fr auto;}.layer-components\:grid-areas-\[content\]-\[nav\]{grid-template-areas:"content" "nav";}.layer-components\:m-2{margin:0.50rem;}.layer-components\:m-5px{margin:5px;}.layer-components\:\[\&_hr\]\:my-lg hr{margin-top:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));margin-bottom:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:mx-2{margin-left:0.50rem;margin-right:0.50rem;}.layer-components\:mx-auto{margin-left:auto;margin-right:auto;}.layer-components\:my-0{margin-top:0.00rem;margin-bottom:0.00rem;}.layer-components\:my-0\.5{margin-top:0.125rem;margin-bottom:0.125rem;}.layer-components\:my-auto{margin-top:auto;margin-bottom:auto;}.layer-components\:\[\&_blockquote\]\:mb-md blockquote,.layer-components\:\[\&_h1\]\:mb-md h1,.layer-components\:\[\&_h2\]\:mb-md h2,.layer-components\:\[\&_ol\]\:mb-md ol,.layer-components\:\[\&_p\]\:mb-md p,.layer-components\:\[\&_ul\]\:mb-md ul{margin-bottom:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:ml-md blockquote{margin-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:mt-md blockquote,.layer-components\:\[\&_h3\]\:\[\&\:not\:first-child\]\:mt-md:not:first-child h3,.layer-components\:\[\&_h4\]\:\[\&\:not\:first-child\]\:mt-md:not:first-child h4,.layer-components\:\[\&_ol\]\:mt-md ol,.layer-components\:\[\&_ul\]\:mt-md ul{margin-top:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h1\,h2\,h3\,p\]\:mt-0 h1,h2,h3,p,.layer-components\:\[\&_p\]\:mt-0 p,.layer-components\:mt-0{margin-top:0.00rem;}.layer-components\:\[\&_h1\]\:\[\&\:not\:first-child\]\:mt-xl:not:first-child h1{margin-top:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h2\]\:\[\&\:not\:first-child\]\:mt-lg:not:first-child h2{margin-top:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h3\]\:mb-sm h3,.layer-components\:\[\&_h4\]\:mb-sm h4,.layer-components\:\[\&_li\]\:mb-sm li{margin-bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:mb-4{margin-bottom:1.00rem;}.layer-components\:mb-6{margin-bottom:1.50rem;}.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-2px{margin-top:2px;}.layer-components\:mt-3{margin-top:0.75rem;}.layer-components\:box-content{box-sizing:content-box;}.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\:aspect-1{aspect-ratio:1;}.layer-components\:\[\&\[data-orientation\=horizontal\]\]\:h-2\.5[data-orientation=horizontal]{height:0.625rem;}.layer-components\:\[\&\[data-orientation\=vertical\]\]\:w-2\.5[data-orientation=vertical]{width:0.625rem;}.layer-components\:h-\[20px\]{height:20px;}.layer-components\:h-\[4px\]{height:4px;}.layer-components\:h-\[max-content\],.layer-components\:h-max-content{height:max-content;}.layer-components\:h-0{height:0;}.layer-components\:h-1px{height:1px;}.layer-components\:h-25px{height:25px;}.layer-components\:h-27px{height:27px;}.layer-components\:h-28px{height:28px;}.layer-components\:h-30px{height:30px;}.layer-components\:h-368px{height:368px;}.layer-components\:h-36px{height:36px;}.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-300px{max-height:300px;}.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-100dvh{min-height:100dvh;}.layer-components\:min-h-4{min-height:1rem;}.layer-components\:min-h-40px{min-height:40px;}.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-100px{min-width:100px;}.layer-components\:min-w-120px{min-width:120px;}.layer-components\:min-w-220px{min-width:220px;}.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-\[20px\]{width:20px;}.layer-components\:w-0{width:0;}.layer-components\:w-0\.5px{width:0.5px;}.layer-components\:w-20\%{width:20%;}.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-fit{width:fit-content;}.layer-components\:w-full{width:100%;}.layer-components\:w-min-content{width:min-content;}.layer-components\:before\:h-px::before{height:1px;}.layer-components\:\[\&\[data-state\=open\]\]\:flex[data-state=open],.layer-components\:flex{display:flex;}.layer-components\:inline-flex{display:inline-flex;}.layer-components\:flex-\[0_0_20px\]{flex:0 0 20px;}.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,.layer-components\:flex-grow-1,.layer-components\:grow{flex-grow:1;}.layer-components\:flex-basis-0{flex-basis:0.00rem;}.layer-components\:flex-basis-auto{flex-basis:auto;}.layer-components\:flex-row{flex-direction:row;}.layer-components\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:\[\&\[data-orientation\=horizontal\]\]\:flex-col[data-orientation=horizontal],.layer-components\:\[\&\[data-state\=open\]\]\:flex-col[data-state=open],.layer-components\:flex-col{flex-direction:column;}.layer-components\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:flex-wrap{flex-wrap:wrap;}.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\:transform-origin-br{transform-origin:bottom right;}.layer-components\:transform-origin-cc{transform-origin:center center;}.layer-components\:translate--7px{--un-translate-x:-7px;--un-translate-y:-7px;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-\[-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-x-1\/2{--un-translate-x:-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-x-\[calc\(-100\%\*\(1-var\(--value\)\)\)\]{--un-translate-x:calc(-100% * (1 - var(--value)));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-y-6{--un-translate-y:1.50rem;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\:rotate--45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-45deg;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\:transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), 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\=checked\]\]\:animate-checkbox-fade[data-state=checked]{animation:checkbox-fade 5000ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.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\:\[\&\[data-state\=checked\]\]\:animate-forwards[data-state=checked]{animation-fill-mode:forwards;}.layer-components\:\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true],.layer-components\:\[\&\[data-visually-disabled\=true\]\]\:cursor-default[data-visually-disabled=true]{cursor:default;}.layer-components\:disabled\:cursor-default:disabled{cursor:default;}.layer-components\:cursor-pointer{cursor:pointer;}.layer-components\:cursor-grab{cursor:grab;}.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\:scroll-my-xs{scroll-margin-top:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));scroll-margin-bottom:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_ol\]\:list-decimal ol{list-style-type:decimal;}.layer-components\:\[\&_ul\]\:list-disc ul{list-style-type:disc;}.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-end{justify-content:flex-end;}.layer-components\:justify-center{justify-content:center;}.layer-components\:justify-between{justify-content:space-between;}.layer-components\:justify-around{justify-content:space-around;}.layer-components\:justify-stretch{justify-content:stretch;}.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\:gap-lg{gap:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-md{gap:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-sm{gap:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-xl{gap:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-xs{gap:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:overflow-hidden{overflow:hidden;}.layer-components\:overflow-visible{overflow:visible;}.layer-components\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:overflow-y-hidden{overflow-y:hidden;}.layer-components\:text-ellipsis{text-overflow:ellipsis;}.layer-components\:whitespace-nowrap{white-space:nowrap;}.layer-components\:\[\&_\.ProseMirror\]\:border-1 .ProseMirror,.layer-components\:border-1{border-width:1px;}.layer-components\:border-0{border-width:0px;}.layer-components\:border-13px{border-width:13px;}.layer-components\:border-thin,.layer-components\:border-width-thin{border-width:calc(1px * var(--global-border-scale,1));}.layer-components\:\[\&_blockquote\]\:border-l-4 blockquote{border-left-width:4px;}.layer-components\:border-b-1{border-bottom-width:1px;}.layer-components\:border-r-primary-wash{border-right-color:var(--color-primary-wash);}.layer-components\:\[\&_\.ProseMirror\]\:rounded-\[20px\] .ProseMirror{border-radius:20px;}.layer-components\:rounded-full{border-radius:9999px;}.layer-components\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-none{border-radius:0;}.layer-components\:rounded-sm{border-radius:calc(0.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-xl{border-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-t-lg{border-top-left-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));border-top-right-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-bl-none{border-bottom-left-radius:0;}.layer-components\:rounded-tr-none{border-top-right-radius:0;}.layer-components\:\[\&_\.ProseMirror\]\:border-solid .ProseMirror,.layer-components\:border-solid{border-style:solid;}.layer-components\:border-none{border-style:none;}.layer-components\:\[\&_blockquote\]\:border-l-solid blockquote{border-left-style:solid;}.layer-components\:bg-cover{background-size:cover;}.layer-components\:bg-center{background-position:center;}.layer-components\:fill-none{fill:none;}.layer-components\:object-cover{object-fit:cover;}.layer-components\:object-center{object-position:center;}.layer-components\:p-0{padding:0.00rem;}.layer-components\:p-0\.5{padding:0.125rem;}.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\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_\.ProseMirror\]\:px-4 .ProseMirror,.layer-components\:px-4{padding-left:1.00rem;padding-right:1.00rem;}.layer-components\:\[\&_\.ProseMirror\]\:py-2 .ProseMirror,.layer-components\:py-2{padding-top:0.50rem;padding-bottom:0.50rem;}.layer-components\:px-2{padding-left:0.50rem;padding-right:0.50rem;}.layer-components\:px-3{padding-left:0.75rem;padding-right:0.75rem;}.layer-components\:px-5{padding-left:1.25rem;padding-right:1.25rem;}.layer-components\:px-md{padding-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-right:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:px-xs{padding-left:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-right:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}.layer-components\:py-1,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\:py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-components\:py-1\.25{padding-top:0.3125rem;padding-bottom:0.3125rem;}.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\:py-sm{padding-top:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:pl-4 blockquote{padding-left:1.00rem;}.layer-components\:\[\&_ol\]\:pl-6 ol,.layer-components\:\[\&_ul\]\:pl-6 ul{padding-left:1.50rem;}.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\:pb-4{padding-bottom:1.00rem;}.layer-components\:pb-md{padding-bottom:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:pl-25px{padding-left:25px;}.layer-components\:pl-3{padding-left:0.75rem;}.layer-components\:pl-35px{padding-left:35px;}.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-3{padding-top:0.75rem;}.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\:\[\&_h1\]\:text-2xl h1,.layer-components\:text-2xl{font-size:1.75rem;line-height:2.25rem;}.layer-components\:\[\&_h2\]\:text-lg h2,.layer-components\:text-lg{font-size:1.25rem;line-height:1.75rem;}.layer-components\:\[\&_h3\]\:text-md h3,.layer-components\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:\[\&_h4\]\:text-xs h4,.layer-components\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-components\:text-3xl{font-size:2rem;line-height:2.5rem;}.layer-components\:text-sm,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\: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\:text-gray-dark{color:var(--color-gray-dark) /* var(--color-gray-dark) */;}.layer-components\:text-inherit{color:inherit;}.layer-components\:\[\&_h1\]\:font-semibold h1,.layer-components\:\[\&_strong\]\:font-semibold strong,.layer-components\:font-semibold{font-weight:600;}.layer-components\:\[\&_h2\]\:font-bold h2,.layer-components\:font-bold{font-weight:700;}.layer-components\:\[\&_h3\]\:font-500 h3,.layer-components\:font-500{font-weight:500;}.layer-components\:font-normal{font-weight:400;}.layer-components\:leading-4{line-height:1rem;}.layer-components\:leading-6{line-height:1.5rem;}.layer-components\:leading-normal{line-height:1.5;}.layer-components\:leading-relaxed{line-height:1.625;}.layer-components\:leading-tight{line-height:1.25;}.layer-components\:font-title{font-family:var(--font-title, var(--font-default));}.layer-components\:\[\&_h4\]\:uppercase h4,.layer-components\:uppercase{text-transform:uppercase;}.layer-components\:\[\&_em\]\:italic em,.layer-components\:italic{font-style:italic;}.layer-components\:\[\&_a\:hover\]\:underline a:hover,.layer-components\:\[\&_a\]\:underline a{text-decoration-line:underline;}.layer-components\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5;}.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,.layer-components\:\[\&\[data-disabled\=true\]\]\:shadow-none[data-disabled=true]{--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(--un-shadow-color, var(--color-black));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-lg{--un-shadow:var(--un-shadow-inset) 0 calc(8px * var(--v-shadow-y-mult,1)) calc(16px * var(--global-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0)))),
|
|
1263
|
+
var(--un-shadow-inset) 0 calc(1px * var(--v-shadow-y-mult,1)) calc(2px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-op-0{--un-shadow-opacity:0;}.shadow-op-10{--un-shadow-opacity:0.1;}.shadow-op-100{--un-shadow-opacity:1;}.shadow-op-20{--un-shadow-opacity:0.2;}.shadow-op-30{--un-shadow-opacity:0.3;}.shadow-op-40{--un-shadow-opacity:0.4;}.shadow-op-50{--un-shadow-opacity:0.5;}.shadow-op-60{--un-shadow-opacity:0.6;}.shadow-op-70{--un-shadow-opacity:0.7;}.shadow-op-80{--un-shadow-opacity:0.8;}.shadow-op-90{--un-shadow-opacity:0.9;}.\[\&\[data-highlighted\]\]\:outline-accent[data-highlighted]{outline-color:var(--color-accent) /* var(--color-accent) */;}.hover\:outline-accent:hover{outline-color:var(--color-accent) /* var(--color-accent) */;}.\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.\[\&\[data-highlighted\]\]\:outline-none[data-highlighted]{outline:2px solid transparent;outline-offset:2px;}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.ring{--un-ring-width:3px;--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-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);}.blur{--un-blur:blur(8px);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);}.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,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-height{transition-property:height;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;}.duration-300{transition-duration:300ms;}.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:'';}.before\:content-\[\"\"\]::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:"";}.\[\&\[data-highlighted\]\]\:color-black[data-highlighted],.\[\&\[data-state\=active\]\]\:color-black[data-state=active],.color-black{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);--v-color-opacity:100%;}.\[\&\[data-placeholder\]\]\:color-gray-dark[data-placeholder],.color-gray-dark{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray-dark);--v-color-opacity:100%;}.color-bg{color:var(--v-color-altered,var(--v-color));--v-color:var(--v-bg-altered, var(--v-bg, transparent));--v-color-opacity:100%;}.color-dark-blend{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-dark-blend);--v-color-opacity:100%;}.color-inherit{color:var(--v-color-altered,var(--v-color));}.color-primary{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-primary);--v-color-opacity:100%;}.color-primary-dark{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-primary-dark);--v-color-opacity:100%;}.color-primary-dark\/10{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:10%;}.color-primary-dark\/100{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:100%;}.color-primary-dark\/20{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:20%;}.color-primary-dark\/30{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:30%;}.color-primary-dark\/40{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:40%;}.color-primary-dark\/50{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:50%;}.color-primary-dark\/60{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:60%;}.color-primary-dark\/70{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:70%;}.color-primary-dark\/80{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:80%;}.color-primary-dark\/90{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:90%;}.color-white{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-white);--v-color-opacity:100%;}.after\:color-gray-dark::after{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray-dark);--v-color-opacity:100%;}.color-darken-5{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l * (1 + 5 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (5 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.\[\&_\.ProseMirror\:focus\]\:bg-transparent .ProseMirror:focus,.\[\&_\.ProseMirror\]\:bg-transparent .ProseMirror,.bg-transparent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;--v-bg-opacity:100%;}.\[\&\[data-highlighted\]\]\:bg-gray[data-highlighted],.bg-gray{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray);--v-bg-opacity:100%;}.\[\&\[data-in-range\]\]\:bg-accent-wash[data-in-range]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-wash);--v-bg-opacity:100%;}.\[\&\[data-range-end\]\]\:bg-accent[data-range-end],.\[\&\[data-range-start\]\]\:bg-accent[data-range-start],.\[\&\[data-selected\]\]\:bg-accent[data-selected],.\[\&\[data-state\=checked\]\]\:bg-accent[data-state=checked]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent);--v-bg-opacity:100%;}.\[\&\[data-state\=active\]\]\:bg-\[var\(--bg\)\][data-state=active]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);--v-bg-opacity:100%;}.bg-\[var\(--color-wash\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-wash);--v-bg-opacity:100%;}.bg-\[var\(--scroll-bg\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--scroll-bg);--v-bg-opacity:100%;}.bg-\$colors{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--colors);--v-bg-opacity:100%;}.bg-attention{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention);--v-bg-opacity:100%;}.bg-black{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-black);--v-bg-opacity:100%;}.bg-gray-dark{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-dark);--v-bg-opacity:100%;}.bg-gray-ink{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-ink);--v-bg-opacity:100%;}.bg-gray-light{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-light);--v-bg-opacity:100%;}.bg-gray-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-wash);--v-bg-opacity:100%;}.bg-primary{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);--v-bg-opacity:100%;}.bg-primary-dark{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-dark);--v-bg-opacity:100%;}.bg-primary-ink{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-ink);--v-bg-opacity:100%;}.bg-primary-light{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-light);--v-bg-opacity:100%;}.bg-primary-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-wash);--v-bg-opacity:100%;}.bg-primary\/10{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:10%;}.bg-primary\/100{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:100%;}.bg-primary\/20{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:20%;}.bg-primary\/30{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:30%;}.bg-primary\/40{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:40%;}.bg-primary\/50{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:50%;}.bg-primary\/60{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:60%;}.bg-primary\/70{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:70%;}.bg-primary\/80{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:80%;}.bg-primary\/90{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:90%;}.bg-white{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-white);--v-bg-opacity:100%;}.hover\:bg-gray-wash:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-wash);--v-bg-opacity:100%;}.active\:bg-accent-light:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-light);--v-bg-opacity:100%;}.\[\&\[data-today\]\]\:before\:bg-primary[data-today]::before{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);--v-bg-opacity:100%;}.\[\&\[data-highlighted\]\]\:bg-lighten-3[data-highlighted],.bg-lighten-3{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 3 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (3 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.bg-lighten-1{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.focus-visible\:bg-lighten-1:focus-visible{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.\[\&\[data-in-range\]\]\:bg-darken-2[data-in-range]{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 2 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (2 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.bg-darken-1{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.bg-darken-3{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 3 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.\[\&\[data-state\=active\]\]\:hover\:bg-darken-1:hover[data-state=active]{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.border-bg{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--v-bg-altered, var(--v-bg, transparent));--v-border-opacity:100%;}.border-black{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-black);--v-border-opacity:100%;}.border-black\/10{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:10%;}.border-black\/100{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:100%;}.border-black\/20{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:20%;}.border-black\/30{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:30%;}.border-black\/40{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:40%;}.border-black\/50{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:50%;}.border-black\/60{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:60%;}.border-black\/70{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:70%;}.border-black\/80{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:80%;}.border-black\/90{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:90%;}.border-color{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--v-color-altered, var(--v-color, var(--color-black)));--v-border-opacity:100%;}.border-gray{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray);--v-border-opacity:100%;}.border-primary{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-primary);--v-border-opacity:100%;}.border-transparent{border-color:var(--v-border-altered,var(--v-border));--v-border:transparent;--v-border-opacity:100%;}.border-white{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-white);--v-border-opacity:100%;}.hover\:border-gray-dark:hover{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray-dark);--v-border-opacity:100%;}.border-darken-3{--v-border-altered:oklch(from var(--v-border,currentColor) calc(l * (1 + 3 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.border-darken-5{--v-border-altered:oklch(from var(--v-border,currentColor) calc(l * (1 + 5 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (5 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.ring-primary-light\/10{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:10%;}.ring-primary-light\/100{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:100%;}.ring-primary-light\/20{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:20%;}.ring-primary-light\/30{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:30%;}.ring-primary-light\/40{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:40%;}.ring-primary-light\/50{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:50%;}.ring-primary-light\/60{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:60%;}.ring-primary-light\/70{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:70%;}.ring-primary-light\/80{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:80%;}.ring-primary-light\/90{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:90%;}.ring-white{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--color-white);--v-ring-opacity:100%;}.focus\:ring-primary:focus{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--color-primary);--v-ring-opacity:100%;}.anchor-container{anchor-name:--container;}.anchor-demo{anchor-name:--demo;}.anchor-name{anchor-name:--name;}.anchor-to-container{position-anchor:--container;}.anchor-to-demo{position-anchor:--demo;}.overflow-stable{scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-auto{overflow:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-y-auto{overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-x-auto{overflow-x:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}@layer compoennts{.layer-compoennts\:absolute{position:absolute;}.layer-compoennts\:inset-0{inset:0.00rem;}.layer-compoennts\:flex{display:flex;}.layer-compoennts\:items-center{align-items:center;}.layer-compoennts\:justify-center{justify-content:center;}.layer-compoennts\:bg-inherit{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));}}@layer components{.layer-components\:\[--fill\:var\(--color-primary\)\]{--fill:var(--color-primary);}.layer-components\:\[--webkit-tap-highlight-color\:transparent\]{--webkit-tap-highlight-color:transparent;}.layer-components\:\[all\:unset\]{all:unset;}.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\],.layer-components\:font-inherit{font-family:inherit;}.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\:\[justify-content\:safe_center\]{justify-content:safe center;}.layer-components\:\[line-height\:1\]{line-height:1;}.layer-components\:\[resize\:none\],.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\:before\:absolute::before{position:absolute;}.layer-components\:inset-0{inset:0.00rem;}.layer-components\:before\:inset-x-4::before{left:1.00rem;right:1.00rem;}.layer-components\:bottom--6{bottom:-1.5rem;}.layer-components\:bottom-\[var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\]{bottom:var(--nav-height,env(safe-area-inset-bottom,0px));}.layer-components\:bottom-0{bottom:0.00rem;}.layer-components\:left-0{left:0.00rem;}.layer-components\:left-50\%{left:50%;}.layer-components\:left-9px{left:9px;}.layer-components\:right-0{right:0.00rem;}.layer-components\:right-5px{right:5px;}.layer-components\:right-6px{right:6px;}.layer-components\:top--3px{top:-3px;}.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\:before\:top-0::before{top:0.00rem;}.layer-components\:isolate{isolation:isolate;}.layer-components\:z-\[var\(--z-nav\)\]{z-index:var(--z-nav);}.layer-components\:z-\[var\(--z-nowPlaying\)\]{z-index:var(--z-nowPlaying);}.layer-components\:z-0{z-index:0;}.layer-components\:z-1{z-index:1;}.layer-components\:z-10{z-index:10;}.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_auto\]{grid-template-rows:1fr auto;}.layer-components\:grid-areas-\[content\]-\[nav\]{grid-template-areas:"content" "nav";}.layer-components\:m-2{margin:0.50rem;}.layer-components\:m-5px{margin:5px;}.layer-components\:\[\&_hr\]\:my-lg hr{margin-top:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));margin-bottom:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:mx-2{margin-left:0.50rem;margin-right:0.50rem;}.layer-components\:mx-auto{margin-left:auto;margin-right:auto;}.layer-components\:my-0{margin-top:0.00rem;margin-bottom:0.00rem;}.layer-components\:my-0\.5{margin-top:0.125rem;margin-bottom:0.125rem;}.layer-components\:my-auto{margin-top:auto;margin-bottom:auto;}.layer-components\:\[\&_blockquote\]\:mb-md blockquote,.layer-components\:\[\&_h1\]\:mb-md h1,.layer-components\:\[\&_h2\]\:mb-md h2,.layer-components\:\[\&_ol\]\:mb-md ol,.layer-components\:\[\&_p\]\:mb-md p,.layer-components\:\[\&_ul\]\:mb-md ul{margin-bottom:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:ml-md blockquote{margin-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:mt-md blockquote,.layer-components\:\[\&_h3\]\:\[\&\:not\:first-child\]\:mt-md:not:first-child h3,.layer-components\:\[\&_h4\]\:\[\&\:not\:first-child\]\:mt-md:not:first-child h4,.layer-components\:\[\&_ol\]\:mt-md ol,.layer-components\:\[\&_ul\]\:mt-md ul{margin-top:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h1\,h2\,h3\,p\]\:mt-0 h1,h2,h3,p,.layer-components\:\[\&_p\]\:mt-0 p,.layer-components\:mt-0{margin-top:0.00rem;}.layer-components\:\[\&_h1\]\:\[\&\:not\:first-child\]\:mt-xl:not:first-child h1{margin-top:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h2\]\:\[\&\:not\:first-child\]\:mt-lg:not:first-child h2{margin-top:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h3\]\:mb-sm h3,.layer-components\:\[\&_h4\]\:mb-sm h4,.layer-components\:\[\&_li\]\:mb-sm li{margin-bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:mb-4{margin-bottom:1.00rem;}.layer-components\:mb-6{margin-bottom:1.50rem;}.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-2px{margin-top:2px;}.layer-components\:mt-3{margin-top:0.75rem;}.layer-components\:box-content{box-sizing:content-box;}.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\:aspect-1{aspect-ratio:1;}.layer-components\:\[\&\[data-orientation\=horizontal\]\]\:h-2\.5[data-orientation=horizontal]{height:0.625rem;}.layer-components\:\[\&\[data-orientation\=vertical\]\]\:w-2\.5[data-orientation=vertical]{width:0.625rem;}.layer-components\:h-\[20px\]{height:20px;}.layer-components\:h-\[4px\]{height:4px;}.layer-components\:h-\[max-content\],.layer-components\:h-max-content{height:max-content;}.layer-components\:h-0{height:0;}.layer-components\:h-1px{height:1px;}.layer-components\:h-25px{height:25px;}.layer-components\:h-27px{height:27px;}.layer-components\:h-28px{height:28px;}.layer-components\:h-30px{height:30px;}.layer-components\:h-368px{height:368px;}.layer-components\:h-36px{height:36px;}.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-300px{max-height:300px;}.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-100dvh{min-height:100dvh;}.layer-components\:min-h-4{min-height:1rem;}.layer-components\:min-h-40px{min-height:40px;}.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-100px{min-width:100px;}.layer-components\:min-w-120px{min-width:120px;}.layer-components\:min-w-220px{min-width:220px;}.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-\[20px\]{width:20px;}.layer-components\:w-0{width:0;}.layer-components\:w-0\.5px{width:0.5px;}.layer-components\:w-20\%{width:20%;}.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-fit{width:fit-content;}.layer-components\:w-full{width:100%;}.layer-components\:w-min-content{width:min-content;}.layer-components\:before\:h-px::before{height:1px;}.layer-components\:\[\&\[data-state\=open\]\]\:flex[data-state=open],.layer-components\:flex{display:flex;}.layer-components\:inline-flex{display:inline-flex;}.layer-components\:flex-\[0_0_20px\]{flex:0 0 20px;}.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,.layer-components\:flex-grow-1,.layer-components\:grow{flex-grow:1;}.layer-components\:flex-basis-0{flex-basis:0.00rem;}.layer-components\:flex-basis-auto{flex-basis:auto;}.layer-components\:flex-row{flex-direction:row;}.layer-components\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:\[\&\[data-orientation\=horizontal\]\]\:flex-col[data-orientation=horizontal],.layer-components\:\[\&\[data-state\=open\]\]\:flex-col[data-state=open],.layer-components\:flex-col{flex-direction:column;}.layer-components\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:flex-wrap{flex-wrap:wrap;}.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\:transform-origin-br{transform-origin:bottom right;}.layer-components\:transform-origin-cc{transform-origin:center center;}.layer-components\:translate--7px{--un-translate-x:-7px;--un-translate-y:-7px;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-\[-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-x-1\/2{--un-translate-x:-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-x-\[calc\(-100\%\*\(1-var\(--value\)\)\)\]{--un-translate-x:calc(-100% * (1 - var(--value)));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-y-6{--un-translate-y:1.50rem;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\:rotate--45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-45deg;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\:transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), 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\=checked\]\]\:animate-checkbox-fade[data-state=checked]{animation:checkbox-fade 5000ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.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\:\[\&\[data-state\=checked\]\]\:animate-forwards[data-state=checked]{animation-fill-mode:forwards;}.layer-components\:\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true],.layer-components\:\[\&\[data-visually-disabled\=true\]\]\:cursor-default[data-visually-disabled=true]{cursor:default;}.layer-components\:disabled\:cursor-default:disabled{cursor:default;}.layer-components\:cursor-pointer{cursor:pointer;}.layer-components\:cursor-grab{cursor:grab;}.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\:scroll-my-xs{scroll-margin-top:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));scroll-margin-bottom:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_ol\]\:list-decimal ol{list-style-type:decimal;}.layer-components\:\[\&_ul\]\:list-disc ul{list-style-type:disc;}.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-end{justify-content:flex-end;}.layer-components\:justify-center{justify-content:center;}.layer-components\:justify-between{justify-content:space-between;}.layer-components\:justify-around{justify-content:space-around;}.layer-components\:justify-stretch{justify-content:stretch;}.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\:gap-lg{gap:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-md{gap:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-sm{gap:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-xl{gap:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-xs{gap:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:overflow-hidden{overflow:hidden;}.layer-components\:overflow-visible{overflow:visible;}.layer-components\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:overflow-x-overlay{overflow-x:overlay;}.layer-components\:overflow-y-hidden{overflow-y:hidden;}.layer-components\:text-ellipsis{text-overflow:ellipsis;}.layer-components\:whitespace-nowrap{white-space:nowrap;}.layer-components\:\[\&_\.ProseMirror\]\:border-1 .ProseMirror,.layer-components\:border-1{border-width:1px;}.layer-components\:border-0{border-width:0px;}.layer-components\:border-13px{border-width:13px;}.layer-components\:border-thin,.layer-components\:border-width-thin{border-width:calc(1px * var(--global-border-scale,1));}.layer-components\:\[\&_blockquote\]\:border-l-4 blockquote{border-left-width:4px;}.layer-components\:border-b-1{border-bottom-width:1px;}.layer-components\:border-r-primary-wash{border-right-color:var(--color-primary-wash);}.layer-components\:\[\&_\.ProseMirror\]\:rounded-\[20px\] .ProseMirror{border-radius:20px;}.layer-components\:rounded-full{border-radius:9999px;}.layer-components\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-none{border-radius:0;}.layer-components\:rounded-sm{border-radius:calc(0.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-xl{border-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-t-lg{border-top-left-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));border-top-right-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-bl-none{border-bottom-left-radius:0;}.layer-components\:rounded-tr-none{border-top-right-radius:0;}.layer-components\:\[\&_\.ProseMirror\]\:border-solid .ProseMirror,.layer-components\:border-solid{border-style:solid;}.layer-components\:border-none{border-style:none;}.layer-components\:\[\&_blockquote\]\:border-l-solid blockquote{border-left-style:solid;}.layer-components\:bg-cover{background-size:cover;}.layer-components\:bg-center{background-position:center;}.layer-components\:fill-none{fill:none;}.layer-components\:object-cover{object-fit:cover;}.layer-components\:object-center{object-position:center;}.layer-components\:p-0{padding:0.00rem;}.layer-components\:p-0\.5{padding:0.125rem;}.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\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_\.ProseMirror\]\:px-4 .ProseMirror,.layer-components\:px-4{padding-left:1.00rem;padding-right:1.00rem;}.layer-components\:\[\&_\.ProseMirror\]\:py-2 .ProseMirror,.layer-components\:py-2{padding-top:0.50rem;padding-bottom:0.50rem;}.layer-components\:px-2{padding-left:0.50rem;padding-right:0.50rem;}.layer-components\:px-3{padding-left:0.75rem;padding-right:0.75rem;}.layer-components\:px-5{padding-left:1.25rem;padding-right:1.25rem;}.layer-components\:px-md{padding-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-right:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:px-xs{padding-left:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-right:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}.layer-components\:py-1,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\:py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-components\:py-1\.25{padding-top:0.3125rem;padding-bottom:0.3125rem;}.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\:py-sm{padding-top:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:pl-4 blockquote{padding-left:1.00rem;}.layer-components\:\[\&_ol\]\:pl-6 ol,.layer-components\:\[\&_ul\]\:pl-6 ul{padding-left:1.50rem;}.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\:pb-4{padding-bottom:1.00rem;}.layer-components\:pb-md{padding-bottom:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:pl-25px{padding-left:25px;}.layer-components\:pl-3{padding-left:0.75rem;}.layer-components\:pl-35px{padding-left:35px;}.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-3{padding-top:0.75rem;}.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\:\[\&_h1\]\:text-2xl h1,.layer-components\:text-2xl{font-size:1.75rem;line-height:2.25rem;}.layer-components\:\[\&_h2\]\:text-lg h2,.layer-components\:text-lg{font-size:1.25rem;line-height:1.75rem;}.layer-components\:\[\&_h3\]\:text-md h3,.layer-components\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:\[\&_h4\]\:text-xs h4,.layer-components\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-components\:text-3xl{font-size:2rem;line-height:2.5rem;}.layer-components\:text-sm,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\: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\:text-gray-dark{color:var(--color-gray-dark) /* var(--color-gray-dark) */;}.layer-components\:text-inherit{color:inherit;}.layer-components\:\[\&_h1\]\:font-semibold h1,.layer-components\:\[\&_strong\]\:font-semibold strong,.layer-components\:font-semibold{font-weight:600;}.layer-components\:\[\&_h2\]\:font-bold h2,.layer-components\:font-bold{font-weight:700;}.layer-components\:\[\&_h3\]\:font-500 h3,.layer-components\:font-500{font-weight:500;}.layer-components\:font-normal{font-weight:400;}.layer-components\:leading-4{line-height:1rem;}.layer-components\:leading-6{line-height:1.5rem;}.layer-components\:leading-normal{line-height:1.5;}.layer-components\:leading-relaxed{line-height:1.625;}.layer-components\:leading-tight{line-height:1.25;}.layer-components\:font-title{font-family:var(--font-title, var(--font-default));}.layer-components\:\[\&_h4\]\:uppercase h4,.layer-components\:uppercase{text-transform:uppercase;}.layer-components\:\[\&_em\]\:italic em,.layer-components\:italic{font-style:italic;}.layer-components\:\[\&_a\:hover\]\:underline a:hover,.layer-components\:\[\&_a\]\:underline a{text-decoration-line:underline;}.layer-components\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5;}.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,.layer-components\:\[\&\[data-disabled\=true\]\]\:shadow-none[data-disabled=true]{--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(--un-shadow-color, var(--color-black));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-lg{--un-shadow:var(--un-shadow-inset) 0 calc(8px * var(--v-shadow-y-mult,1)) calc(16px * var(--global-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0)))),
|
|
1264
1264
|
var(--un-shadow-inset) 0 calc(5px * var(--v-shadow-y-mult,1)) calc(10px * var(--global-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-md{--un-shadow:var(--un-shadow-inset) 0 calc(4px * var(--v-shadow-y-mult,1)) calc(8px * var(--global-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0)))),
|
|
1265
1265
|
var(--un-shadow-inset) 0 calc(2px * var(--v-shadow-y-mult,1)) calc(4px * var(--global-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-sm{--un-shadow:var(--un-shadow-inset) 0 calc(0px * var(--v-shadow-y-mult,1)) calc(1px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0)))),
|
|
1266
1266
|
var(--un-shadow-inset) 0 calc(1px * var(--v-shadow-y-mult,1)) calc(2px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-xl{--un-shadow:var(--un-shadow-inset) 0 calc(20px * var(--v-shadow-y-mult,1)) calc(40px * (0.1 + var(--global-shadow-spread,1))) -0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0)))),
|
|
@@ -16,6 +16,6 @@ import { Suspense } from 'react';
|
|
|
16
16
|
export function ActionBar(_a) {
|
|
17
17
|
var { children, className, wrap, disableShadow } = _a, rest = __rest(_a, ["children", "className", "wrap", "disableShadow"]);
|
|
18
18
|
return (_jsx(Suspense, { fallback: null, children: _jsx("div", Object.assign({ className: classNames('layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-start layer-components:w-full layer-components:overflow-hidden layer-components:relative layer-components:h-[max-content] layer-components:transition-[height] layer-components:springy', 'layer-components:[&:empty]:height-0', !disableShadow &&
|
|
19
|
-
'after:content-[""] after:absolute after:right-0 after:top-0 after:bottom-0 after:w-50px after:z-1 after:bg-gradient-to-l after:from-[color:var(--v-bg,var(--color-wash))] after:from-20% after:to-transparent after:pointer-events-none', className) }, rest, { children: _jsx("div", { className: classNames('layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-start layer-components:w-full layer-components:overflow-y-hidden layer-components:overflow-x-
|
|
19
|
+
'after:content-[""] after:absolute after:right-0 after:top-0 after:bottom-0 after:w-50px after:z-1 after:bg-gradient-to-l after:from-[color:var(--v-bg,var(--color-wash))] after:from-20% after:to-transparent after:pointer-events-none', className) }, rest, { children: _jsx("div", { className: classNames('layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-start layer-components:w-full layer-components:overflow-y-hidden layer-components:overflow-x-overlay layer-components:pr-80px layer-components:relative layer-components:h-full layer-components:[&::-webkit-scrollbar]:hidden', wrap && 'layer-variants:flex-wrap'), children: children }) })) }));
|
|
20
20
|
}
|
|
21
21
|
//# sourceMappingURL=ActionBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionBar.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAS5C,MAAM,UAAU,SAAS,CAAC,EAMT;QANS,EACzB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,aAAa,OAEG,EADb,IAAI,cALkB,kDAMzB,CADO;IAEP,OAAO,CACN,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACvB,4BACC,SAAS,EAAE,UAAU,CACpB,yIAAyI,EACzI,qCAAqC,EACrC,CAAC,aAAa;gBACb,yKAAyK,EAC1K,SAAS,CACT,IACG,IAAI,cAER,cACC,SAAS,EAAE,UAAU,CACpB,
|
|
1
|
+
{"version":3,"file":"ActionBar.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAS5C,MAAM,UAAU,SAAS,CAAC,EAMT;QANS,EACzB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,aAAa,OAEG,EADb,IAAI,cALkB,kDAMzB,CADO;IAEP,OAAO,CACN,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACvB,4BACC,SAAS,EAAE,UAAU,CACpB,yIAAyI,EACzI,qCAAqC,EACrC,CAAC,aAAa;gBACb,yKAAyK,EAC1K,SAAS,CACT,IACG,IAAI,cAER,cACC,SAAS,EAAE,UAAU,CACpB,gLAAgL,EAChL,IAAI,IAAI,0BAA0B,CAClC,YAEA,QAAQ,GACJ,IACD,GACI,CACX,CAAC;AACH,CAAC"}
|
|
@@ -10,7 +10,7 @@ const meta = {
|
|
|
10
10
|
argTypes: {},
|
|
11
11
|
args: {
|
|
12
12
|
children: [
|
|
13
|
-
|
|
13
|
+
_jsx(ActionButton, { children: _jsx(Icon, { name: "plus" }) }, "1"),
|
|
14
14
|
_jsxs(ActionButton, { children: [_jsx(Icon, { name: "pencil" }), "Edit"] }, "2"),
|
|
15
15
|
_jsxs(ActionButton, { color: "accent", children: [_jsx(Icon, { name: "globe" }), "Publish"] }, "3"),
|
|
16
16
|
_jsxs(ActionButton, { children: [_jsx(Icon, { name: "placeholder" }), "Overflow 1"] }, "3"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionBar.stories.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionBar.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACL,QAAQ,EAAE;YACT,
|
|
1
|
+
{"version":3,"file":"ActionBar.stories.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionBar.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACL,QAAQ,EAAE;YACT,KAAC,YAAY,cACZ,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,IADH,GAAG,CAEN;YACf,MAAC,YAAY,eACZ,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,aADL,GAAG,CAGN;YACf,MAAC,YAAY,IAAS,KAAK,EAAC,QAAQ,aACnC,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,gBADJ,GAAG,CAGN;YACf,MAAC,YAAY,eACZ,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;YACf,MAAC,YAAY,eACZ,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;YACf,MAAC,YAAY,IAAS,OAAO,mBAC5B,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;SACf;KACD;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACgC,CAAC;AAEnC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAU;IAClC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,OAAO,CACN,KAAC,GAAG,IAAC,OAAO,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,YACtC,KAAC,SAAS,oBAAK,IAAI,EAAI,GAClB,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
|
|
@@ -38,6 +38,6 @@ export function ActionButton(_a) {
|
|
|
38
38
|
if (!render && !visible) {
|
|
39
39
|
return null;
|
|
40
40
|
}
|
|
41
|
-
return (_jsx(CollapsibleRoot, { open: !visible ? false : render, children: _jsx(CollapsibleContent, { "data-horizontal": true, children: _jsx(Button, Object.assign({ size: "small", className: classNames('layer-variants:border-gray-dark layer-variants:font-normal layer-variants:whitespace-nowrap layer-variants:m-2 layer-variants:flex layer-variants:flex-row layer-variants:gap-2 layer-variants:items-center layer-variants:py-0.25 layer-variants:rounded-md layer-variants:mx-1 layer-variants:min-h-7.5', className), asChild: asChild }, rest, { children: children })) }) }));
|
|
41
|
+
return (_jsx(CollapsibleRoot, { open: !visible ? false : render, children: _jsx(CollapsibleContent, { "data-horizontal": true, children: _jsx(Button, Object.assign({ size: "small", disableIconMode: true, className: classNames('layer-variants:border-gray-dark layer-variants:font-normal layer-variants:whitespace-nowrap layer-variants:m-2 layer-variants:flex layer-variants:flex-row layer-variants:gap-2 layer-variants:items-center layer-variants:py-0.25 layer-variants:rounded-md layer-variants:mx-1 layer-variants:min-h-7.5', className), asChild: asChild }, rest, { children: children })) }) }));
|
|
42
42
|
}
|
|
43
43
|
//# sourceMappingURL=ActionButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAM9E,MAAM,UAAU,YAAY,CAAC,EAMT;QANS,EAC5B,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,IAAI,EACd,OAAO,OAEY,EADhB,IAAI,cALqB,+CAM5B,CADO;IAEP,+CAA+C;IAC/C,2DAA2D;IAC3D,mBAAmB;IACnB,qDAAqD;IACrD,qCAAqC;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC9C,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,EAAE,CAAC;YACd,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC/B,SAAS,CAAC,OAAO,CAAC,CAAC;YACpB,CAAC,EAAE,GAAG,CAAC,CAAC;YACR,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;aAAM,CAAC;YACP,SAAS,CAAC,OAAO,CAAC,CAAC;QACpB,CAAC;IACF,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CACN,KAAC,eAAe,IAAC,IAAI,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,YAC/C,KAAC,kBAAkB,uCAClB,KAAC,MAAM,kBACN,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,UAAU,CACpB,wIAAwI,EACxI,SAAS,CACT,EACD,OAAO,EAAE,OAAO,IACZ,IAAI,cAEP,QAAQ,IACD,GACW,GACJ,CAClB,CAAC;AACH,CAAC"}
|
|
1
|
+
{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAM9E,MAAM,UAAU,YAAY,CAAC,EAMT;QANS,EAC5B,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,IAAI,EACd,OAAO,OAEY,EADhB,IAAI,cALqB,+CAM5B,CADO;IAEP,+CAA+C;IAC/C,2DAA2D;IAC3D,mBAAmB;IACnB,qDAAqD;IACrD,qCAAqC;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC9C,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,EAAE,CAAC;YACd,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC/B,SAAS,CAAC,OAAO,CAAC,CAAC;YACpB,CAAC,EAAE,GAAG,CAAC,CAAC;YACR,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;aAAM,CAAC;YACP,SAAS,CAAC,OAAO,CAAC,CAAC;QACpB,CAAC;IACF,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CACN,KAAC,eAAe,IAAC,IAAI,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,YAC/C,KAAC,kBAAkB,uCAClB,KAAC,MAAM,kBACN,IAAI,EAAC,OAAO,EACZ,eAAe,QACf,SAAS,EAAE,UAAU,CACpB,wIAAwI,EACxI,SAAS,CACT,EACD,OAAO,EAAE,OAAO,IACZ,IAAI,cAEP,QAAQ,IACD,GACW,GACJ,CAClB,CAAC;AACH,CAAC"}
|
|
@@ -12,9 +12,10 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
12
12
|
loading?: boolean;
|
|
13
13
|
asChild?: boolean;
|
|
14
14
|
visuallyFocused?: boolean;
|
|
15
|
+
disableIconMode?: boolean;
|
|
15
16
|
ref?: Ref<HTMLButtonElement>;
|
|
16
17
|
}
|
|
17
|
-
export declare function ButtonRoot({ className, color, size, toggled, toggleMode, align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, ref, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare function ButtonRoot({ className, color, size, toggled, toggleMode, align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, disableIconMode, ref, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
18
19
|
export declare const ButtonToggleIndicator: import("react").NamedExoticComponent<{
|
|
19
20
|
value: boolean;
|
|
20
21
|
}>;
|
|
@@ -22,7 +22,7 @@ import { Icon } from '../icon/index.js';
|
|
|
22
22
|
import { Spinner } from '../spinner/index.js';
|
|
23
23
|
import { getButtonClassName } from './classes.js';
|
|
24
24
|
export function ButtonRoot(_a) {
|
|
25
|
-
var { className, color, size, toggled, toggleMode = 'color-and-indicator', align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, ref } = _a, props = __rest(_a, ["className", "color", "size", "toggled", "toggleMode", "align", "visuallyDisabled", "visuallyFocused", "loading", "children", "disabled", "asChild", "ref"]);
|
|
25
|
+
var { className, color, size, toggled, toggleMode = 'color-and-indicator', align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, disableIconMode, ref } = _a, props = __rest(_a, ["className", "color", "size", "toggled", "toggleMode", "align", "visuallyDisabled", "visuallyFocused", "loading", "children", "disabled", "asChild", "disableIconMode", "ref"]);
|
|
26
26
|
const Comp = asChild ? Slot : 'button';
|
|
27
27
|
const isFormSubmitting = false;
|
|
28
28
|
const isSubmitLoading = props.type === 'submit' && isFormSubmitting;
|
|
@@ -34,6 +34,7 @@ export function ButtonRoot(_a) {
|
|
|
34
34
|
toggleable: toggled !== undefined &&
|
|
35
35
|
(toggleMode === 'color' || toggleMode === 'color-and-indicator'),
|
|
36
36
|
align,
|
|
37
|
+
disableIconMode,
|
|
37
38
|
}), className) });
|
|
38
39
|
// set state when toggleable
|
|
39
40
|
if (toggled !== undefined) {
|
|
@@ -54,7 +55,7 @@ export const ButtonToggleIndicator = memo(function ToggleIndicator({ value, }) {
|
|
|
54
55
|
} }));
|
|
55
56
|
});
|
|
56
57
|
// allows custom icons to trigger icon button behavior
|
|
57
|
-
export const ButtonIcon = withClassName('div', 'icon flex-shrink-0
|
|
58
|
+
export const ButtonIcon = withClassName('div', 'icon flex-shrink-0 flex');
|
|
58
59
|
export const Button = Object.assign(ButtonRoot, {
|
|
59
60
|
ToggleIndicator: ButtonToggleIndicator,
|
|
60
61
|
Icon: ButtonIcon,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAwB,IAAI,EAAO,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { type ButtonProps } from './Button.jsx';
|
|
2
|
-
export declare function getButtonClassName({ color, size: rawSize, toggleable, align, }: {
|
|
2
|
+
export declare function getButtonClassName({ color, size: rawSize, toggleable, align, disableIconMode, }: {
|
|
3
3
|
color?: ButtonProps['color'];
|
|
4
4
|
size?: ButtonProps['size'];
|
|
5
5
|
toggleable?: boolean;
|
|
6
6
|
align?: ButtonProps['align'];
|
|
7
|
+
disableIconMode?: boolean;
|
|
7
8
|
}): string;
|
|
8
9
|
export declare const buttonColorClasses: {
|
|
9
10
|
primary: string;
|
|
@@ -6,9 +6,9 @@ const sizeMap = {
|
|
|
6
6
|
icon: 'default',
|
|
7
7
|
'icon-small': 'small',
|
|
8
8
|
};
|
|
9
|
-
export function getButtonClassName({ color, size: rawSize, toggleable, align, }) {
|
|
9
|
+
export function getButtonClassName({ color, size: rawSize, toggleable, align, disableIconMode, }) {
|
|
10
10
|
const size = sizeMap[rawSize !== null && rawSize !== void 0 ? rawSize : 'default'];
|
|
11
|
-
return clsx('layer-components:px-4 layer-components:py-2 layer-components:bg-[var(--bg-neutral,var(--bg))] layer-components:[--webkit-tap-highlight-color:transparent] layer-components:[line-height:1] layer-components:text-size-md layer-components:font-inherit layer-components:border-solid layer-components:border-thin layer-components:border-transparent layer-components:rounded-lg layer-components:cursor-pointer layer-components:font-bold layer-components:flex layer-components:flex-row layer-components:gap-sm layer-components:items-center layer-components:relative layer-components:overflow-visible layer-components:select-none layer-components:all:transition layer-components:duration-200 layer-components:whitespace-nowrap layer-components:ring-bg', 'layer-components:hover:bg-[var(--bg)] layer-components:hover:bg-darken-1 layer-components:hover:ring-4', 'layer-components:focus:outline-off', 'layer-components:focus-visible:bg-[var(--bg)] layer-components:focus-visible:outline-off layer-components:focus-visible:bg-darken-1 layer-components:focus-visible:ring-6', 'layer-components:[&[data-focus=true]]:bg-[var(--bg)] layer-components:[&[data-focus=true]]:ring-6 layer-components:[&[data-focus=true]]:bg-darken-1', 'layer-components:active:bg-[var(--bg)] layer-components:active:bg-darken-1 layer-components:active:ring-8', 'layer-components:disabled:opacity-50 layer-components:disabled:cursor-default layer-components:disabled:bg-[var(--bg)] layer-components:disabled:shadow-none layer-components:disabled:ring-none', 'layer-components:[&[data-disabled=true]]:opacity-50 layer-components:[&[data-disabled=true]]:cursor-default layer-components:[&[data-disabled=true]]:bg-[var(--bg)] layer-components:[&[data-disabled=true]]:shadow-none', colors[color !== null && color !== void 0 ? color : 'default'], `btn-color-${color !== null && color !== void 0 ? color : 'default'}`, sizes[size !== null && size !== void 0 ? size : 'default'], `size-${size !== null && size !== void 0 ? size : 'default'}`, toggleable && toggledClass, align && aligns[align],
|
|
11
|
+
return clsx('layer-components:px-4 layer-components:py-2 layer-components:bg-[var(--bg-neutral,var(--bg))] layer-components:[--webkit-tap-highlight-color:transparent] layer-components:[line-height:1] layer-components:text-size-md layer-components:font-inherit layer-components:border-solid layer-components:border-thin layer-components:border-transparent layer-components:rounded-lg layer-components:cursor-pointer layer-components:font-bold layer-components:flex layer-components:flex-row layer-components:gap-sm layer-components:items-center layer-components:relative layer-components:overflow-visible layer-components:select-none layer-components:all:transition layer-components:duration-200 layer-components:whitespace-nowrap layer-components:ring-bg', 'layer-components:hover:bg-[var(--bg)] layer-components:hover:bg-darken-1 layer-components:hover:ring-4', 'layer-components:focus:outline-off', 'layer-components:focus-visible:bg-[var(--bg)] layer-components:focus-visible:outline-off layer-components:focus-visible:bg-darken-1 layer-components:focus-visible:ring-6', 'layer-components:[&[data-focus=true]]:bg-[var(--bg)] layer-components:[&[data-focus=true]]:ring-6 layer-components:[&[data-focus=true]]:bg-darken-1', 'layer-components:active:bg-[var(--bg)] layer-components:active:bg-darken-1 layer-components:active:ring-8', 'layer-components:disabled:opacity-50 layer-components:disabled:cursor-default layer-components:disabled:bg-[var(--bg)] layer-components:disabled:shadow-none layer-components:disabled:ring-none', 'layer-components:[&[data-disabled=true]]:opacity-50 layer-components:[&[data-disabled=true]]:cursor-default layer-components:[&[data-disabled=true]]:bg-[var(--bg)] layer-components:[&[data-disabled=true]]:shadow-none', colors[color !== null && color !== void 0 ? color : 'default'], `btn-color-${color !== null && color !== void 0 ? color : 'default'}`, sizes[size !== null && size !== void 0 ? size : 'default'], disableIconMode ? '' : iconModeSizes[size !== null && size !== void 0 ? size : 'default'], `size-${size !== null && size !== void 0 ? size : 'default'}`, toggleable && toggledClass, align && aligns[align],
|
|
12
12
|
// compound variants
|
|
13
13
|
color === 'ghost' &&
|
|
14
14
|
toggleable &&
|
|
@@ -27,8 +27,12 @@ const colors = {
|
|
|
27
27
|
};
|
|
28
28
|
export const buttonColorClasses = colors;
|
|
29
29
|
const sizes = {
|
|
30
|
+
default: '',
|
|
31
|
+
small: 'layer-variants:[&.size-small]:px-4 layer-variants:[&.size-small]:py-1 layer-variants:[&.size-small]:text-sm layer-variants:[&.size-small]:rounded-md',
|
|
32
|
+
};
|
|
33
|
+
const iconModeSizes = {
|
|
30
34
|
default: 'layer-variants:[&[data-has-icon=true][data-has-label=false]]:p-2.35 layer-variants:[&[data-has-icon=true][data-has-label=false]]:text-sm layer-variants:[&[data-has-icon=true][data-has-label=false]]:rounded-lg',
|
|
31
|
-
small: 'layer-variants:[&.size-small
|
|
35
|
+
small: 'layer-variants:[&.size-small[data-has-icon=true][data-has-label=false]]:p-2 layer-variants:[&.size-small[data-has-icon=true][data-has-label=false]]:text-xs layer-variants:[&.size-small[data-has-icon=true][data-has-label=false]]:rounded-lg layer-variants:[&.size-small[data-has-icon=true][data-has-label=false]]:-m-y-0.5',
|
|
32
36
|
};
|
|
33
37
|
const toggledClass = 'layer-variants:bg-transparent layer-variants:aria-pressed:bg-[var(--bg)] layer-variants:hover:(filter-brightness-[1.1])';
|
|
34
38
|
const aligns = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,MAAM,OAAO,GAAG;IACf,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,SAAS;IACf,YAAY,EAAE,OAAO;CACyB,CAAC;AAEhD,MAAM,UAAU,kBAAkB,CAAC,EAClC,KAAK,EACL,IAAI,EAAE,OAAO,EACb,UAAU,EACV,KAAK,
|
|
1
|
+
{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,MAAM,OAAO,GAAG;IACf,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,SAAS;IACf,YAAY,EAAE,OAAO;CACyB,CAAC;AAEhD,MAAM,UAAU,kBAAkB,CAAC,EAClC,KAAK,EACL,IAAI,EAAE,OAAO,EACb,UAAU,EACV,KAAK,EACL,eAAe,GAOf;IACA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,SAAS,CAAC,CAAC;IAE3C,OAAO,IAAI,CACV,kWAAkW,EAClW,4DAA4D,EAC5D,oCAAoC,EACpC,gFAAgF,EAChF,2EAA2E,EAC3E,6DAA6D,EAC7D,4FAA4F,EAC5F,iGAAiG,EACjG,MAAM,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,CAAC,EAC1B,aAAa,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,EAAE,EACjC,KAAK,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,CAAC,EACxB,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,CAAC,EACvD,QAAQ,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,EAC3B,UAAU,IAAI,YAAY,EAC1B,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;IACtB,oBAAoB;IACpB,KAAK,KAAK,OAAO;QAChB,UAAU;QACV,uEAAuE,CACxE,CAAC;AACH,CAAC;AAED,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,8GAA8G;IACvH,MAAM,EAAE,yJAAyJ;IACjK,OAAO,EAAE,qMAAqM;IAC9M,KAAK,EAAE,iIAAiI;IACxI,WAAW,EAAE,sHAAsH;IACnI,gBAAgB,EAAE,qLAAqL;IACvM,WAAW,EAAE,sKAAsK;IACnL,QAAQ,EAAE,8JAA8J;IACxK,QAAQ,EAAE,ySAAyS;CACnT,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC;AAEzC,MAAM,KAAK,GAAG;IACb,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,8DAA8D;CACrE,CAAC;AACF,MAAM,aAAa,GAAG;IACrB,OAAO,EACN,0FAA0F;IAC3F,KAAK,EACJ,2GAA2G;CAC5G,CAAC;AAEF,MAAM,YAAY,GACjB,6FAA6F,CAAC;AAE/F,MAAM,MAAM,GAAG;IACd,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,GAAG,EAAE,UAAU;CACf,CAAC"}
|
package/package.json
CHANGED
|
@@ -29,7 +29,7 @@ export function ActionBar({
|
|
|
29
29
|
>
|
|
30
30
|
<div
|
|
31
31
|
className={classNames(
|
|
32
|
-
'layer-components:(flex flex-row items-center justify-start w-full overflow-y-hidden overflow-x-
|
|
32
|
+
'layer-components:(flex flex-row items-center justify-start w-full overflow-y-hidden overflow-x-overlay pr-80px relative h-full) layer-components:[&::-webkit-scrollbar]:hidden',
|
|
33
33
|
wrap && 'layer-variants:flex-wrap',
|
|
34
34
|
)}
|
|
35
35
|
>
|
|
@@ -42,6 +42,7 @@ export function ActionButton({
|
|
|
42
42
|
<CollapsibleContent data-horizontal>
|
|
43
43
|
<Button
|
|
44
44
|
size="small"
|
|
45
|
+
disableIconMode
|
|
45
46
|
className={classNames(
|
|
46
47
|
'layer-variants:(border-gray-dark font-normal whitespace-nowrap m-2 flex flex-row gap-2 items-center py-0.25 rounded-md mx-1 min-h-7.5)',
|
|
47
48
|
className,
|
|
@@ -31,6 +31,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
31
31
|
loading?: boolean;
|
|
32
32
|
asChild?: boolean;
|
|
33
33
|
visuallyFocused?: boolean;
|
|
34
|
+
disableIconMode?: boolean;
|
|
34
35
|
ref?: Ref<HTMLButtonElement>;
|
|
35
36
|
}
|
|
36
37
|
|
|
@@ -47,6 +48,7 @@ export function ButtonRoot({
|
|
|
47
48
|
children,
|
|
48
49
|
disabled,
|
|
49
50
|
asChild,
|
|
51
|
+
disableIconMode,
|
|
50
52
|
ref,
|
|
51
53
|
...props
|
|
52
54
|
}: ButtonProps) {
|
|
@@ -75,6 +77,7 @@ export function ButtonRoot({
|
|
|
75
77
|
toggled !== undefined &&
|
|
76
78
|
(toggleMode === 'color' || toggleMode === 'color-and-indicator'),
|
|
77
79
|
align,
|
|
80
|
+
disableIconMode,
|
|
78
81
|
}),
|
|
79
82
|
className,
|
|
80
83
|
),
|
|
@@ -139,10 +142,7 @@ export const ButtonToggleIndicator = memo(function ToggleIndicator({
|
|
|
139
142
|
});
|
|
140
143
|
|
|
141
144
|
// allows custom icons to trigger icon button behavior
|
|
142
|
-
export const ButtonIcon = withClassName(
|
|
143
|
-
'div',
|
|
144
|
-
'icon flex-shrink-0 inline-block',
|
|
145
|
-
);
|
|
145
|
+
export const ButtonIcon = withClassName('div', 'icon flex-shrink-0 flex');
|
|
146
146
|
|
|
147
147
|
export const Button = Object.assign(ButtonRoot, {
|
|
148
148
|
ToggleIndicator: ButtonToggleIndicator,
|
|
@@ -13,11 +13,13 @@ export function getButtonClassName({
|
|
|
13
13
|
size: rawSize,
|
|
14
14
|
toggleable,
|
|
15
15
|
align,
|
|
16
|
+
disableIconMode,
|
|
16
17
|
}: {
|
|
17
18
|
color?: ButtonProps['color'];
|
|
18
19
|
size?: ButtonProps['size'];
|
|
19
20
|
toggleable?: boolean;
|
|
20
21
|
align?: ButtonProps['align'];
|
|
22
|
+
disableIconMode?: boolean;
|
|
21
23
|
}) {
|
|
22
24
|
const size = sizeMap[rawSize ?? 'default'];
|
|
23
25
|
|
|
@@ -33,6 +35,7 @@ export function getButtonClassName({
|
|
|
33
35
|
colors[color ?? 'default'],
|
|
34
36
|
`btn-color-${color ?? 'default'}`,
|
|
35
37
|
sizes[size ?? 'default'],
|
|
38
|
+
disableIconMode ? '' : iconModeSizes[size ?? 'default'],
|
|
36
39
|
`size-${size ?? 'default'}`,
|
|
37
40
|
toggleable && toggledClass,
|
|
38
41
|
align && aligns[align],
|
|
@@ -57,10 +60,14 @@ const colors = {
|
|
|
57
60
|
export const buttonColorClasses = colors;
|
|
58
61
|
|
|
59
62
|
const sizes = {
|
|
63
|
+
default: '',
|
|
64
|
+
small: 'layer-variants:[&.size-small]:(px-4 py-1 text-sm rounded-md)',
|
|
65
|
+
};
|
|
66
|
+
const iconModeSizes = {
|
|
60
67
|
default:
|
|
61
68
|
'layer-variants:[&[data-has-icon=true][data-has-label=false]]:(p-2.35 text-sm rounded-lg)',
|
|
62
69
|
small:
|
|
63
|
-
'layer-variants:[&.size-small
|
|
70
|
+
'layer-variants:[&.size-small[data-has-icon=true][data-has-label=false]]:(p-2 text-xs rounded-lg -m-y-0.5)',
|
|
64
71
|
};
|
|
65
72
|
|
|
66
73
|
const toggledClass =
|