@flux-ui/dashboard 3.0.0-next.5 → 3.0.0-next.51

package/dist/types.d.ts

@@ -0,0 +1,13 @@
+declare module '*.module.css' {
+    const content: Record<string, string>;
+    export default content;
+}
+
+declare module '*.module.scss' {
+    const content: Record<string, string>;
+    export default content;
+}
+
+declare module '*.svg' {
+    export = string;
+}

package/package.json

@@ -1,11 +1,11 @@
 {
     "name": "@flux-ui/dashboard",
     "description": "Contains components to create dashboards with Flux UI.",
-    "version": "3.0.0-next.5",
+    "version": "3.0.0-next.51",
     "type": "module",
     "license": "MIT",
     "funding": "https://github.com/sponsors/basmilius",
-    "homepage": "https://flux.bas.dev",
+    "homepage": "https://flux-ui.dev",
     "repository": {
         "type": "git",
         "url": "git+https://github.com/basmilius/flux.git",
@@ -24,8 +24,7 @@
     ],
     "scripts": {
         "build": "vue-tsc && vite build",
-        "dev": "vite build --watch",
-        "prepublishOnly": "cp ../../README.md ."
+        "dev": "vite build --watch --mode development"
     },
     "engines": {
         "node": ">=23"
@@ -33,9 +32,9 @@
     "exports": {
         ".": {
             "types": "./dist/index.d.ts",
-            "default": "./dist/flux-dashboard.js"
+            "default": "./dist/index.js"
         },
-        "./style.css": "./dist/flux-dashboard.css"
+        "./style.css": "./dist/index.css"
     },
     "publishConfig": {
         "access": "public",
@@ -43,26 +42,26 @@
     },
     "files": [
         "dist",
-        "src",
-        "tsconfig.json"
+        "src"
     ],
-    "main": "./dist/flux-dashboard.js",
-    "module": "./dist/flux-dashboard.js",
+    "main": "./dist/index.js",
+    "module": "./dist/index.js",
     "types": "./dist/index.d.ts",
-    "typings": "./dist/index.d.ts",
     "sideEffects": false,
     "dependencies": {
-        "@flux-ui/components": "3.0.0-next.5",
-        "@flux-ui/internals": "3.0.0-next.5",
-        "vue": "^3.5.13"
+        "@flux-ui/components": "3.0.0-next.51",
+        "@flux-ui/internals": "3.0.0-next.51",
+        "@flux-ui/types": "3.0.0-next.51",
+        "vue": "^3.6.0-beta.10"
     },
     "devDependencies": {
-        "@basmilius/vite-vue-preset": "^3.0.0",
-        "@types/node": "^22.14.1",
-        "@vitejs/plugin-vue": "^5.2.3",
-        "sass-embedded": "^1.87.0",
-        "typescript": "^5.8.3",
-        "vite": "^6.3.2",
-        "vue-tsc": "^2.2.10"
+        "@basmilius/vite-preset": "^3.19.0",
+        "@types/node": "^25.6.0",
+        "@vitejs/plugin-vue": "^6.0.6",
+        "@vue/tsconfig": "^0.9.1",
+        "sass-embedded": "^1.99.0",
+        "typescript": "^6.0.3",
+        "vite": "^8.0.10",
+        "vue-tsc": "^3.2.7"
     }
 }

package/src/component/FluxDashboard.vue

@@ -16,7 +16,7 @@
     lang="ts"
     setup>
     import { useRemembered } from '@flux-ui/internals';
-    import { provide, ref, VNode, watch } from 'vue';
+    import { provide, ref, type VNode, watch } from 'vue';
     import { FluxDashboardInjectionKey } from '$fluxDashboard/data';
     import $style from '$fluxDashboard/css/component/Dashboard.module.scss';
 
@@ -38,7 +38,7 @@
     });
 
     watch(isNavigationCollapsed, (_, __, onCleanup) => {
-        let timeout: NodeJS.Timeout;
+        let timeout: any;
 
         function onResize(): void {
             clearTimeout(timeout);

package/src/component/FluxDashboardMenu.vue

@@ -7,7 +7,9 @@
                 v-if="icon"
                 :name="icon"/>
 
-            <h1>{{ title }}</h1>
+            <h1 v-if="title">
+                {{ title }}
+            </h1>
 
             <FluxSpacer/>
 
@@ -31,7 +33,7 @@
 
     defineProps<{
         readonly icon?: FluxIconName;
-        readonly title: string;
+        readonly title?: string;
     }>();
 
     const {isMenuCollapsed} = useDashboardInjection();

package/src/composable/useDashboardInjection.ts

@@ -1,5 +1,5 @@
 import { inject } from 'vue';
-import { FluxDashboardInjection, FluxDashboardInjectionKey } from '$fluxDashboard/data';
+import { type FluxDashboardInjection, FluxDashboardInjectionKey } from '$fluxDashboard/data';
 
 export default function (): FluxDashboardInjection {
     const injection = inject(FluxDashboardInjectionKey);

package/src/css/component/Dashboard.module.scss

@@ -1,14 +1,15 @@
 @use '../../../../components/src/css/mixin';
 
 :root {
-    --dashboard-background: rgb(var(--gray-0));
+    --dashboard-background: var(--gray-25);
     --dashboard-duration: 360ms;
-    --dashboard-navigation-background: rgb(var(--primary-11));
-    --dashboard-navigation-foreground: rgb(var(--primary-0));
+    --dashboard-navigation-background: var(--primary-950);
+    --dashboard-navigation-foreground: var(--primary-25);
 }
 
 [dark] {
-    --dashboard-navigation-background: color-mix(in srgb, rgb(var(--gray-0)), black 50%);
+    --dashboard-navigation-background: color-mix(in srgb, var(--gray-25), black 25%);
+    --dashboard-navigation-foreground: var(--gray-800);
 }
 
 body:has(.root > .dashboard) {

package/src/css/component/DashboardContent.module.scss

@@ -1,18 +1,18 @@
 @use '../../../../components/src/css/mixin';
 
 .notice + .dashboardContent {
-    padding-top: 30px;
+    padding-top: 21px;
 }
 
 .dashboardContent {
     display: flex;
-    padding: 0 30px;
+    padding: 0 21px;
     flex-flow: column;
     flex-grow: 1;
 
     > :is(.calendar, .table) {
-        margin-left: -30px;
-        margin-right: -30px;
+        margin-left: -21px;
+        margin-right: -21px;
         height: calc(100dvh - 84px);
         flex-grow: 1;
     }
@@ -23,20 +23,20 @@
         border-radius: 0;
 
         .calendarActions {
-            padding-left: 30px;
-            padding-right: 30px;
+            padding-left: 21px;
+            padding-right: 21px;
         }
     }
 
     > .table {
-        border-top: 1px solid rgb(var(--gray-2));
+        border-top: 1px solid var(--surface-stroke);
 
         .tableCell:first-child .tableCellContent {
-            padding-left: 30px;
+            padding-left: 21px;
         }
 
         .tableCell:last-child .tableCellContent {
-            padding-right: 30px;
+            padding-right: 21px;
         }
     }
 }

package/src/css/component/DashboardNavigation.module.scss

@@ -14,7 +14,7 @@
     }
 
     .dividerLine {
-        background: rgb(var(--primary-10));
+        background: var(--primary-900);
     }
 
     .menu {
@@ -31,20 +31,22 @@
 
         @media (hover: hover) {
             &:hover {
-                background: rgb(var(--primary-10));
+                background: var(--primary-900);
             }
         }
 
         &:active {
-            background: rgb(var(--primary-9));
+            background: var(--primary-800);
         }
     }
 
     .menuItemHighlighted {
-        background: rgb(var(--primary-10) / .5);
+        background: var(--primary-900);
     }
 
     .menuItemIcon {
+        margin-left: 0;
+        margin-right: 0;
         color: var(--dashboard-navigation-foreground);
         font-size: 24px;
     }
@@ -62,23 +64,23 @@
 
 [dark] .dashboardNavigation {
     .dividerLine {
-        background: rgb(var(--gray-2));
+        background: var(--gray-100);
     }
 
     .menuItem {
         @media (hover: hover) {
             &:hover {
-                background: rgb(var(--gray-2));
+                background: var(--gray-100);
             }
         }
 
         &:active {
-            background: rgb(var(--gray-3));
+            background: var(--gray-200);
         }
     }
 
     .menuItemHighlighted {
-        background: rgb(var(--gray-1));
+        background: var(--gray-50);
     }
 }
 
@@ -110,12 +112,12 @@
         display: block;
         inset: 0;
         content: '';
-        background: rgb(var(--gray-1));
+        background: var(--gray-50);
     }
 }
 
 .dashboard:not(:has(.dashboardMenu)) .dashboardNavigationRoundingFix::before {
-    background: rgb(var(--gray-0));
+    background: var(--gray-25);
 }
 
 @include mixin.breakpoint-up(lg) {
@@ -185,7 +187,7 @@
             width: 100dvw;
             height: 100dvh;
             content: '';
-            background: rgb(var(--gray-3) / .5);
+            background: rgb(from var(--gray-200) r g b / .5);
             backdrop-filter: blur(3px) saturate(180%);
             transition: var(--dashboard-duration) var(--swift-out);
             transition-property: background, backdrop-filter;

package/src/css/component/DashboardPane.module.scss

@@ -1,20 +1,20 @@
 @use '../../../../components/src/css/mixin';
 
 .dashboardPane {
-    background: rgb(var(--gray-1));
+    background: var(--gray-50);
     overflow: auto;
     z-index: 200;
 
     .menuSubHeader {
-        background: linear-gradient(to bottom, rgb(var(--gray-1)) 75%, transparent);
+        background: linear-gradient(to bottom, var(--gray-50) 75%, transparent);
     }
 
     .dashboardTopBar {
-        background: rgb(var(--gray-1) / .9);
+        background: rgb(from var(--gray-50) r g b / .9);
     }
 
     .filter {
-        --background: rgb(var(--gray-1));
+        --background: var(--gray-50);
 
         max-height: calc(100dvh - 84px);
         margin-top: -9px;
@@ -50,17 +50,17 @@
 .dashboardMenu {
     composes: dashboardPane;
 
-    border-right: 1px solid rgb(var(--gray-2));
+    border-right: 1px solid var(--surface-stroke);
 }
 
 .dashboardMenuBody {
-    padding: 0 18px 30px;
+    padding: 0 18px 21px;
 }
 
 .dashboardSide {
     composes: dashboardPane;
 
-    border-left: 1px solid rgb(var(--gray-2));
+    border-left: 1px solid var(--surface-stroke);
 }
 
 @include mixin.breakpoint-up(lg) {

package/src/css/component/DashboardTopBar.module.scss

@@ -1,21 +1,21 @@
-@use '../../../../components/src/css/mixin';
+@use '$flux/css/mixin';
 
 .dashboardTopBar {
     position: sticky;
     display: flex;
     top: 0;
-    height: 84px;
-    padding-left: 30px;
-    padding-right: 30px;
+    height: 72px;
+    padding-left: 21px;
+    padding-right: 21px;
     align-items: center;
     flex-flow: row;
     gap: 15px;
-    background: rgb(var(--gray-0) / .9);
+    background: rgb(from var(--gray-25) r g b / .9);
     backdrop-filter: blur(10px) saturate(180%);
     z-index: 100;
 
     > h1 {
-        font-size: 18px;
+        font-size: 16px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
@@ -41,7 +41,7 @@
 }
 
 [dark] .dashboardHeaderScrolled {
-    box-shadow: 0 1px 0 rgb(var(--gray-1)), var(--shadow-md);
+    box-shadow: 0 1px 0 var(--gray-50), var(--shadow-md);
 }
 
 @include mixin.breakpoint-down(md) {

package/dist/component/FluxDashboard.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluxDashboard.vue.d.ts","sourceRoot":"","sources":["../../src/component/FluxDashboard.vue"],"names":[],"mappings":"AAwDI,OAAO,EAAgB,KAAK,EAAS,MAAM,KAAK,CAAC;AAqCrD,iBAAS,cAAc;WA+BT,OAAO,IAA6B;;mBA/D/B,KAAK;mBACL,KAAK;uBACD,KAAK;iBACX,KAAK;iBACL,KAAK;;mBAJH,KAAK;mBACL,KAAK;uBACD,KAAK;iBACX,KAAK;iBACL,KAAK;;;;EAgErB;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0RAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/component/FluxDashboardContent.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluxDashboardContent.vue.d.ts","sourceRoot":"","sources":["../../src/component/FluxDashboardContent.vue"],"names":[],"mappings":"AAuBA,iBAAS,cAAc;WAuBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,uRAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/component/FluxDashboardHeader.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluxDashboardHeader.vue.d.ts","sourceRoot":"","sources":["../../src/component/FluxDashboardHeader.vue"],"names":[],"mappings":"AAsCI,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInD,KAAK,WAAW,GAAG;IACf,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAON,iBAAS,cAAc;WA0DT,OAAO,IAA6B;;uBAXvB,GAAG;qBACJ,GAAG;;;;EAe5B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/component/FluxDashboardMenu.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluxDashboardMenu.vue.d.ts","sourceRoot":"","sources":["../../src/component/FluxDashboardMenu.vue"],"names":[],"mappings":"AAyCI,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAKnD,KAAK,WAAW,GAAG;IACf,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC;IAC7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CAC1B,CAAC;AAON,iBAAS,cAAc;WA8DT,OAAO,IAA6B;;iCAZb,GAAG;+BACJ,GAAG;yBACT,GAAG;;;;EAehC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/component/FluxDashboardNavigation.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluxDashboardNavigation.vue.d.ts","sourceRoot":"","sources":["../../src/component/FluxDashboardNavigation.vue"],"names":[],"mappings":"AA+DI,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAQ7C,KAAK,WAAW,GAAG;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;CACxB,CAAC;AAeN,iBAAS,cAAc;WAyFT,OAAO,IAA6B;;mBApG/B,GAAG;iBACL,GAAG;;mBADD,GAAG;iBACL,GAAG;;;;EAwGnB;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/component/FluxDashboardSide.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluxDashboardSide.vue.d.ts","sourceRoot":"","sources":["../../src/component/FluxDashboardSide.vue"],"names":[],"mappings":"AAiCI,KAAK,WAAW,GAAG;IACf,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CAC1B,CAAC;AAKN,iBAAS,cAAc;WAgDT,OAAO,IAA6B;;iCAZb,GAAG;+BACJ,GAAG;yBACT,GAAG;;;;EAehC;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/component/FluxDashboardTopBar.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluxDashboardTopBar.vue.d.ts","sourceRoot":"","sources":["../../src/component/FluxDashboardTopBar.vue"],"names":[],"mappings":"AAuBA,iBAAS,cAAc;WAuBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,uRAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/component/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/component/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/composable/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/composable/useDashboardInjection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDashboardInjection.d.ts","sourceRoot":"","sources":["../../src/composable/useDashboardInjection.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAA6B,MAAM,qBAAqB,CAAC;AAExF,MAAM,CAAC,OAAO,cAAc,sBAAsB,CAQjD"}

package/dist/data/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/data/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE7C,eAAO,MAAM,yBAAyB,EAAE,YAAY,CAAC,sBAAsB,CAAY,CAAC;AAExF,MAAM,MAAM,sBAAsB,GAAG;IACjC,QAAQ,CAAC,eAAe,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACvC,QAAQ,CAAC,qBAAqB,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;CAChD,CAAC"}

package/dist/flux-dashboard.css

@@ -1 +0,0 @@
-:root{--dashboard-background:rgb(var(--gray-0));--dashboard-duration:.36s;--dashboard-navigation-background:rgb(var(--primary-11));--dashboard-navigation-foreground:rgb(var(--primary-0))}[dark]{--dashboard-navigation-background:color-mix(in srgb,rgb(var(--gray-0)),black 50%)}body:has(.root>.dashboard){background:var(--dashboard-background)}.dashboard{min-height:100dvh}.dashboard-mount{flex-flow:column;align-items:stretch;display:flex}.is-resizing,.is-resizing *{transition:none!important;animation:none!important}@media (min-width:1024px){.dashboard{transition:padding-left var(--dashboard-duration)var(--swift-out);grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.dashboard:has(>.dashboard-navigation){padding-left:300px}.dashboard:has(>.dashboard-navigation-collapsed){padding-left:84px}.dashboard .dashboard-mount{grid-column:2}.dashboard .dashboard-menu{grid-column:1}.dashboard .dashboard-side{grid-column:3}}@media (max-width:1023.98px){.dashboard{flex-flow:column;padding-top:84px;display:flex}}.notice+.dashboard-content{padding-top:30px}.dashboard-content{flex-flow:column;flex-grow:1;padding:0 30px;display:flex}.dashboard-content>:-webkit-any(.calendar,.table){flex-grow:1;height:calc(100dvh - 84px);margin-left:-30px;margin-right:-30px}.dashboard-content>:-moz-any(.calendar,.table){flex-grow:1;height:calc(100dvh - 84px);margin-left:-30px;margin-right:-30px}.dashboard-content>:is(.calendar,.table){flex-grow:1;height:calc(100dvh - 84px);margin-left:-30px;margin-right:-30px}.dashboard-content>.calendar{border-left:0;border-right:0;border-radius:0}.dashboard-content>.calendar .calendar-actions{padding-left:30px;padding-right:30px}.dashboard-content>.table{border-top:1px solid rgb(var(--gray-2))}.dashboard-content>.table .table-cell:first-child .table-cell-content{padding-left:30px}.dashboard-content>.table .table-cell:last-child .table-cell-content{padding-right:30px}@media (max-width:1023.98px){.dashboard-content-collapsed{display:none}}.dashboard-top-bar{background:rgb(var(--gray-0)/.9);-webkit-backdrop-filter:blur(10px)saturate(180%);backdrop-filter:blur(10px)saturate(180%);z-index:100;flex-flow:row;align-items:center;gap:15px;height:84px;padding-left:30px;padding-right:30px;display:flex;position:sticky;top:0}.dashboard-top-bar>h1{text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.dashboard-top-bar>.icon{color:var(--foreground-prominent)}.dashboard-top-bar>.separator{height:24px}.dashboard-header:not(.route-transition-enter-active):not(.route-transition-leave-active){transition:box-shadow var(--dashboard-duration)var(--swift-out)}.dashboard-header-scrolled{box-shadow:var(--shadow-md)}[dark] .dashboard-header-scrolled{box-shadow:0 1px 0 rgb(var(--gray-1)),var(--shadow-md)}@media (max-width:1023.98px){.dashboard>.dashboard-top-bar{top:84px}.dashboard>.dashboard-top-bar-collapsed{display:none}}.dashboard-pane{background:rgb(var(--gray-1));z-index:200;overflow:auto}.dashboard-pane .menu-sub-header{background:linear-gradient(to bottom,rgb(var(--gray-1))75%,transparent)}.dashboard-pane .dashboard-top-bar{background:rgb(var(--gray-1)/.9)}.dashboard-pane .filter{--background:rgb(var(--gray-1));width:100%;max-height:calc(100dvh - 84px);margin-top:-9px;padding:9px 18px 18px}.dashboard-pane .filter .filter-header{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.dashboard-pane .filter .menu{font-size:14px}.dashboard-pane .filter .menu-item-command{font-size:12px}.dashboard-pane .filter .menu-item-icon{font-size:16px}.dashboard-pane .filter .menu>:where(.divider,.separator){margin-left:-18px;margin-right:-18px}.dashboard-menu{border-right:1px solid rgb(var(--gray-2))}.dashboard-menu-body{padding:0 18px 30px}.dashboard-side{border-left:1px solid rgb(var(--gray-2))}@media (min-width:1024px){.dashboard-pane{grid-row:1/span 2;width:300px;height:100dvh;position:sticky;top:0}}@media (max-width:1023.98px){.dashboard-menu{height:calc(100dvh - 84px)}.dashboard-menu-collapsed{display:none}}.dashboard-navigation{background:var(--dashboard-navigation-background);color:var(--dashboard-navigation-foreground);z-index:750;display:flex;position:fixed;top:0;left:0}.dashboard-navigation .divider{margin:3px 15px}.dashboard-navigation .divider-line{background:rgb(var(--primary-10))}.dashboard-navigation .menu{flex-grow:1}.dashboard-navigation .menu-item{min-width:54px;height:54px;color:var(--dashboard-navigation-foreground);gap:21px;padding:15px;overflow:hidden}@media (hover:hover){.dashboard-navigation .menu-item:hover{background:rgb(var(--primary-10))}}.dashboard-navigation .menu-item:active{background:rgb(var(--primary-9))}.dashboard-navigation .menu-item-highlighted{background:rgb(var(--primary-10)/.5)}.dashboard-navigation .menu-item-icon{color:var(--dashboard-navigation-foreground);font-size:24px}.dashboard-navigation .menu-item-label{transition:var(--dashboard-duration)var(--swift-out);white-space:nowrap;transition-property:filter,opacity,translate}[dark] .dashboard-navigation .divider-line{background:rgb(var(--gray-2))}@media (hover:hover){[dark] .dashboard-navigation .menu-item:hover{background:rgb(var(--gray-2))}}[dark] .dashboard-navigation .menu-item:active{background:rgb(var(--gray-3))}[dark] .dashboard-navigation .menu-item-highlighted{background:rgb(var(--gray-1))}.dashboard-navigation-logo{justify-content:center;align-items:center;width:54px;height:54px;display:flex}.dashboard-navigation-logo :-webkit-any(svg){width:100%;max-width:48px;max-height:48px}.dashboard-navigation-logo :-moz-any(svg){width:100%;max-width:48px;max-height:48px}.dashboard-navigation-logo :is(svg){width:100%;max-width:48px;max-height:48px}.dashboard-navigation-rounding-fix{height:var(--radius);width:var(--radius);content:"";background:var(--dashboard-navigation-background);transition:left var(--dashboard-duration)var(--swift-out);display:block;position:absolute}.dashboard-navigation-rounding-fix:before{content:"";background:rgb(var(--gray-1));display:block;position:absolute;top:0;bottom:0;left:0;right:0}.dashboard:not(:has(.dashboard-menu)) .dashboard-navigation-rounding-fix:before{background:rgb(var(--gray-0))}@media (min-width:1024px){.dashboard-navigation{width:300px;height:100dvh;transition:width var(--dashboard-duration)var(--swift-out);flex-flow:column;gap:15px;padding:15px}.dashboard-navigation-collapsed{width:84px}.dashboard-navigation-collapsed .menu-item-label{filter:blur(6px);opacity:0;translate:-12px}.dashboard-navigation-header{display:flex}.dashboard-navigation-header .menu-item{display:none}.dashboard-navigation-nav{flex-flow:column;flex-grow:1;display:flex}.dashboard-navigation-rounding-fix{left:100%}.dashboard-navigation-rounding-fix:first-of-type{top:0}.dashboard-navigation-rounding-fix:first-of-type:before{border-top-left-radius:var(--radius)}.dashboard-navigation-rounding-fix:not(:first-of-type){bottom:0}.dashboard-navigation-rounding-fix:not(:first-of-type):before{border-bottom-left-radius:var(--radius)}}@media (max-width:1023.98px){.dashboard-navigation{width:100dvw;height:84px}.dashboard-navigation:after{content:"";background:rgb(var(--gray-3)/.5);-webkit-backdrop-filter:blur(3px)saturate(180%);backdrop-filter:blur(3px)saturate(180%);width:100dvw;height:100dvh;transition:var(--dashboard-duration)var(--swift-out);z-index:1900;transition-property:background,-webkit-backdrop-filter,backdrop-filter;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.dashboard-navigation-header{width:inherit;height:inherit;flex-flow:row;justify-content:space-between;align-items:center;padding:0 15px;display:flex}.dashboard-navigation-header .menu-item{justify-content:center;align-self:center}.dashboard-navigation-nav{background:var(--dashboard-navigation-background);width:min(300px,100dvw - 42px);height:100dvh;transition:translate var(--dashboard-duration)var(--swift-out);z-index:2000;flex-flow:column;padding:15px;display:flex;position:fixed;top:0;left:0}.dashboard-navigation-rounding-fix{z-index:750;position:fixed;top:84px}.dashboard-navigation-rounding-fix:first-of-type{left:0}.dashboard-navigation-rounding-fix:first-of-type:before{border-top-left-radius:var(--radius)}.dashboard-navigation-rounding-fix:not(:first-of-type){right:0}.dashboard-navigation-rounding-fix:not(:first-of-type):before{border-top-right-radius:var(--radius)}.dashboard-navigation-collapsed:after{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0}.dashboard-navigation-collapsed .dashboard-navigation-nav{pointer-events:none;translate:-100%}}