@flux-ui/dashboard 3.0.0-next.6 → 3.0.0-next.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/README.md +26 -35
  2. package/dist/component/FluxDashboard.vue.d.ts +2 -3
  3. package/dist/component/FluxDashboardContent.vue.d.ts +2 -2
  4. package/dist/component/FluxDashboardHeader.vue.d.ts +2 -2
  5. package/dist/component/FluxDashboardMenu.vue.d.ts +3 -3
  6. package/dist/component/FluxDashboardNavigation.vue.d.ts +2 -2
  7. package/dist/component/FluxDashboardSide.vue.d.ts +2 -2
  8. package/dist/component/FluxDashboardTopBar.vue.d.ts +2 -2
  9. package/dist/component/index.d.ts +0 -1
  10. package/dist/composable/index.d.ts +0 -1
  11. package/dist/composable/useDashboardInjection.d.ts +0 -1
  12. package/dist/data/index.d.ts +0 -1
  13. package/dist/index.css +427 -0
  14. package/dist/index.d.ts +0 -1
  15. package/dist/index.js +3690 -0
  16. package/dist/index.js.map +1 -0
  17. package/dist/types.d.ts +13 -0
  18. package/package.json +23 -21
  19. package/src/component/FluxDashboard.vue +4 -4
  20. package/src/component/FluxDashboardContent.vue +2 -2
  21. package/src/component/FluxDashboardHeader.vue +1 -1
  22. package/src/component/FluxDashboardMenu.vue +6 -4
  23. package/src/component/FluxDashboardNavigation.vue +2 -2
  24. package/src/component/FluxDashboardSide.vue +1 -1
  25. package/src/component/FluxDashboardTopBar.vue +2 -2
  26. package/src/composable/useDashboardInjection.ts +1 -1
  27. package/src/css/component/Dashboard.module.scss +5 -4
  28. package/src/css/component/DashboardContent.module.scss +9 -9
  29. package/src/css/component/DashboardNavigation.module.scss +13 -11
  30. package/src/css/component/DashboardPane.module.scss +7 -7
  31. package/src/css/component/DashboardTopBar.module.scss +7 -7
  32. package/dist/component/FluxDashboard.vue.d.ts.map +0 -1
  33. package/dist/component/FluxDashboardContent.vue.d.ts.map +0 -1
  34. package/dist/component/FluxDashboardHeader.vue.d.ts.map +0 -1
  35. package/dist/component/FluxDashboardMenu.vue.d.ts.map +0 -1
  36. package/dist/component/FluxDashboardNavigation.vue.d.ts.map +0 -1
  37. package/dist/component/FluxDashboardSide.vue.d.ts.map +0 -1
  38. package/dist/component/FluxDashboardTopBar.vue.d.ts.map +0 -1
  39. package/dist/component/index.d.ts.map +0 -1
  40. package/dist/composable/index.d.ts.map +0 -1
  41. package/dist/composable/useDashboardInjection.d.ts.map +0 -1
  42. package/dist/data/index.d.ts.map +0 -1
  43. package/dist/flux-dashboard.css +0 -1
  44. package/dist/flux-dashboard.js +0 -221
  45. package/dist/flux-dashboard.js.map +0 -1
  46. package/dist/index.d.ts.map +0 -1
  47. package/tsconfig.json +0 -45
@@ -0,0 +1,13 @@
1
+ declare module '*.module.css' {
2
+ const content: Record<string, string>;
3
+ export default content;
4
+ }
5
+
6
+ declare module '*.module.scss' {
7
+ const content: Record<string, string>;
8
+ export default content;
9
+ }
10
+
11
+ declare module '*.svg' {
12
+ export = string;
13
+ }
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@flux-ui/dashboard",
3
3
  "description": "Contains components to create dashboards with Flux UI.",
4
- "version": "3.0.0-next.6",
4
+ "version": "3.0.0-next.61",
5
5
  "type": "module",
6
6
  "license": "MIT",
7
7
  "funding": "https://github.com/sponsors/basmilius",
8
- "homepage": "https://flux.bas.dev",
8
+ "homepage": "https://flux-ui.dev",
9
9
  "repository": {
10
10
  "type": "git",
11
11
  "url": "git+https://github.com/basmilius/flux.git",
@@ -24,8 +24,7 @@
24
24
  ],
25
25
  "scripts": {
26
26
  "build": "vue-tsc && vite build",
27
- "dev": "vite build --watch",
28
- "prepublishOnly": "cp ../../README.md ."
27
+ "dev": "vite build --watch --mode development"
29
28
  },
30
29
  "engines": {
31
30
  "node": ">=23"
@@ -33,9 +32,9 @@
33
32
  "exports": {
34
33
  ".": {
35
34
  "types": "./dist/index.d.ts",
36
- "default": "./dist/flux-dashboard.js"
35
+ "default": "./dist/index.js"
37
36
  },
38
- "./style.css": "./dist/flux-dashboard.css"
37
+ "./style.css": "./dist/index.css"
39
38
  },
40
39
  "publishConfig": {
41
40
  "access": "public",
@@ -43,26 +42,29 @@
43
42
  },
44
43
  "files": [
45
44
  "dist",
46
- "src",
47
- "tsconfig.json"
45
+ "src"
48
46
  ],
49
- "main": "./dist/flux-dashboard.js",
50
- "module": "./dist/flux-dashboard.js",
47
+ "main": "./dist/index.js",
48
+ "module": "./dist/index.js",
51
49
  "types": "./dist/index.d.ts",
52
- "typings": "./dist/index.d.ts",
53
50
  "sideEffects": false,
54
51
  "dependencies": {
55
- "@flux-ui/components": "3.0.0-next.6",
56
- "@flux-ui/internals": "3.0.0-next.6",
57
- "vue": "^3.5.13"
52
+ "@flux-ui/components": "3.0.0-next.61",
53
+ "@flux-ui/internals": "3.0.0-next.61",
54
+ "@flux-ui/types": "3.0.0-next.61"
55
+ },
56
+ "peerDependencies": {
57
+ "luxon": "^3.7.2",
58
+ "vue": "^3.6.0-beta.10"
58
59
  },
59
60
  "devDependencies": {
60
- "@basmilius/vite-vue-preset": "^3.0.0",
61
- "@types/node": "^22.14.1",
62
- "@vitejs/plugin-vue": "^5.2.3",
63
- "sass-embedded": "^1.87.0",
64
- "typescript": "^5.8.3",
65
- "vite": "^6.3.2",
66
- "vue-tsc": "^2.2.10"
61
+ "@basmilius/vite-preset": "^3.24.0",
62
+ "@types/node": "^25.6.0",
63
+ "@vitejs/plugin-vue": "^6.0.6",
64
+ "@vue/tsconfig": "^0.9.1",
65
+ "sass-embedded": "^1.99.0",
66
+ "typescript": "^6.0.3",
67
+ "vite": "^8.0.10",
68
+ "vue-tsc": "^3.2.7"
67
69
  }
68
70
  }
@@ -16,9 +16,9 @@
16
16
  lang="ts"
17
17
  setup>
18
18
  import { useRemembered } from '@flux-ui/internals';
19
- import { provide, ref, VNode, watch } from 'vue';
20
- import { FluxDashboardInjectionKey } from '$fluxDashboard/data';
21
- import $style from '$fluxDashboard/css/component/Dashboard.module.scss';
19
+ import { provide, ref, type VNode, watch } from 'vue';
20
+ import { FluxDashboardInjectionKey } from '~flux/dashboard/data';
21
+ import $style from '~flux/dashboard/css/component/Dashboard.module.scss';
22
22
 
23
23
  defineSlots<{
24
24
  default(): VNode;
@@ -38,7 +38,7 @@
38
38
  });
39
39
 
40
40
  watch(isNavigationCollapsed, (_, __, onCleanup) => {
41
- let timeout: NodeJS.Timeout;
41
+ let timeout: any;
42
42
 
43
43
  function onResize(): void {
44
44
  clearTimeout(timeout);
@@ -7,8 +7,8 @@
7
7
  <script
8
8
  lang="ts"
9
9
  setup>
10
- import { useDashboardInjection } from '$fluxDashboard/composable';
11
- import $style from '$fluxDashboard/css/component/DashboardContent.module.scss';
10
+ import { useDashboardInjection } from '~flux/dashboard/composable';
11
+ import $style from '~flux/dashboard/css/component/DashboardContent.module.scss';
12
12
 
13
13
  const {isMenuCollapsed} = useDashboardInjection();
14
14
  </script>
@@ -23,7 +23,7 @@
23
23
  import { useScrollPosition } from '@flux-ui/internals';
24
24
  import type { FluxIconName } from '@flux-ui/types';
25
25
  import FluxDashboardTopBar from './FluxDashboardTopBar.vue';
26
- import $style from '$fluxDashboard/css/component/DashboardTopBar.module.scss';
26
+ import $style from '~flux/dashboard/css/component/DashboardTopBar.module.scss';
27
27
 
28
28
  defineProps<{
29
29
  readonly icon?: FluxIconName;
@@ -7,7 +7,9 @@
7
7
  v-if="icon"
8
8
  :name="icon"/>
9
9
 
10
- <h1>{{ title }}</h1>
10
+ <h1 v-if="title">
11
+ {{ title }}
12
+ </h1>
11
13
 
12
14
  <FluxSpacer/>
13
15
 
@@ -25,13 +27,13 @@
25
27
  setup>
26
28
  import { FluxIcon, FluxSpacer } from '@flux-ui/components';
27
29
  import type { FluxIconName } from '@flux-ui/types';
28
- import { useDashboardInjection } from '$fluxDashboard/composable';
30
+ import { useDashboardInjection } from '~flux/dashboard/composable';
29
31
  import FluxDashboardTopBar from './FluxDashboardTopBar.vue';
30
- import $style from '$fluxDashboard/css/component/DashboardPane.module.scss';
32
+ import $style from '~flux/dashboard/css/component/DashboardPane.module.scss';
31
33
 
32
34
  defineProps<{
33
35
  readonly icon?: FluxIconName;
34
- readonly title: string;
36
+ readonly title?: string;
35
37
  }>();
36
38
 
37
39
  const {isMenuCollapsed} = useDashboardInjection();
@@ -37,8 +37,8 @@
37
37
  setup>
38
38
  import { FluxMenuItem } from '@flux-ui/components';
39
39
  import type { FluxTo } from '@flux-ui/types';
40
- import { useDashboardInjection } from '$fluxDashboard/composable';
41
- import $style from '$fluxDashboard/css/component/DashboardNavigation.module.scss';
40
+ import { useDashboardInjection } from '~flux/dashboard/composable';
41
+ import $style from '~flux/dashboard/css/component/DashboardNavigation.module.scss';
42
42
 
43
43
  defineOptions({
44
44
  inheritAttrs: false
@@ -19,7 +19,7 @@
19
19
  setup>
20
20
  import { FluxSpacer } from '@flux-ui/components';
21
21
  import FluxDashboardTopBar from './FluxDashboardTopBar.vue';
22
- import $style from '$fluxDashboard/css/component/DashboardPane.module.scss';
22
+ import $style from '~flux/dashboard/css/component/DashboardPane.module.scss';
23
23
 
24
24
  defineProps<{
25
25
  readonly title: string;
@@ -7,8 +7,8 @@
7
7
  <script
8
8
  lang="ts"
9
9
  setup>
10
- import { useDashboardInjection } from '$fluxDashboard/composable';
11
- import $style from '$fluxDashboard/css/component/DashboardTopBar.module.scss';
10
+ import { useDashboardInjection } from '~flux/dashboard/composable';
11
+ import $style from '~flux/dashboard/css/component/DashboardTopBar.module.scss';
12
12
 
13
13
  const {isMenuCollapsed} = useDashboardInjection();
14
14
  </script>
@@ -1,5 +1,5 @@
1
1
  import { inject } from 'vue';
2
- import { FluxDashboardInjection, FluxDashboardInjectionKey } from '$fluxDashboard/data';
2
+ import { type FluxDashboardInjection, FluxDashboardInjectionKey } from '~flux/dashboard/data';
3
3
 
4
4
  export default function (): FluxDashboardInjection {
5
5
  const injection = inject(FluxDashboardInjectionKey);
@@ -1,14 +1,15 @@
1
1
  @use '../../../../components/src/css/mixin';
2
2
 
3
3
  :root {
4
- --dashboard-background: rgb(var(--gray-0));
4
+ --dashboard-background: var(--gray-25);
5
5
  --dashboard-duration: 360ms;
6
- --dashboard-navigation-background: rgb(var(--primary-11));
7
- --dashboard-navigation-foreground: rgb(var(--primary-0));
6
+ --dashboard-navigation-background: var(--primary-950);
7
+ --dashboard-navigation-foreground: var(--primary-25);
8
8
  }
9
9
 
10
10
  [dark] {
11
- --dashboard-navigation-background: color-mix(in srgb, rgb(var(--gray-0)), black 50%);
11
+ --dashboard-navigation-background: color-mix(in srgb, var(--gray-25), black 25%);
12
+ --dashboard-navigation-foreground: var(--gray-800);
12
13
  }
13
14
 
14
15
  body:has(.root > .dashboard) {
@@ -1,18 +1,18 @@
1
1
  @use '../../../../components/src/css/mixin';
2
2
 
3
3
  .notice + .dashboardContent {
4
- padding-top: 30px;
4
+ padding-top: 21px;
5
5
  }
6
6
 
7
7
  .dashboardContent {
8
8
  display: flex;
9
- padding: 0 30px;
9
+ padding: 0 21px;
10
10
  flex-flow: column;
11
11
  flex-grow: 1;
12
12
 
13
13
  > :is(.calendar, .table) {
14
- margin-left: -30px;
15
- margin-right: -30px;
14
+ margin-left: -21px;
15
+ margin-right: -21px;
16
16
  height: calc(100dvh - 84px);
17
17
  flex-grow: 1;
18
18
  }
@@ -23,20 +23,20 @@
23
23
  border-radius: 0;
24
24
 
25
25
  .calendarActions {
26
- padding-left: 30px;
27
- padding-right: 30px;
26
+ padding-left: 21px;
27
+ padding-right: 21px;
28
28
  }
29
29
  }
30
30
 
31
31
  > .table {
32
- border-top: 1px solid rgb(var(--gray-2));
32
+ border-top: 1px solid var(--surface-stroke);
33
33
 
34
34
  .tableCell:first-child .tableCellContent {
35
- padding-left: 30px;
35
+ padding-left: 21px;
36
36
  }
37
37
 
38
38
  .tableCell:last-child .tableCellContent {
39
- padding-right: 30px;
39
+ padding-right: 21px;
40
40
  }
41
41
  }
42
42
  }
@@ -14,7 +14,7 @@
14
14
  }
15
15
 
16
16
  .dividerLine {
17
- background: rgb(var(--primary-10));
17
+ background: var(--primary-900);
18
18
  }
19
19
 
20
20
  .menu {
@@ -31,20 +31,22 @@
31
31
 
32
32
  @media (hover: hover) {
33
33
  &:hover {
34
- background: rgb(var(--primary-10));
34
+ background: var(--primary-900);
35
35
  }
36
36
  }
37
37
 
38
38
  &:active {
39
- background: rgb(var(--primary-9));
39
+ background: var(--primary-800);
40
40
  }
41
41
  }
42
42
 
43
43
  .menuItemHighlighted {
44
- background: rgb(var(--primary-10) / .5);
44
+ background: var(--primary-900);
45
45
  }
46
46
 
47
47
  .menuItemIcon {
48
+ margin-left: 0;
49
+ margin-right: 0;
48
50
  color: var(--dashboard-navigation-foreground);
49
51
  font-size: 24px;
50
52
  }
@@ -62,23 +64,23 @@
62
64
 
63
65
  [dark] .dashboardNavigation {
64
66
  .dividerLine {
65
- background: rgb(var(--gray-2));
67
+ background: var(--gray-100);
66
68
  }
67
69
 
68
70
  .menuItem {
69
71
  @media (hover: hover) {
70
72
  &:hover {
71
- background: rgb(var(--gray-2));
73
+ background: var(--gray-100);
72
74
  }
73
75
  }
74
76
 
75
77
  &:active {
76
- background: rgb(var(--gray-3));
78
+ background: var(--gray-200);
77
79
  }
78
80
  }
79
81
 
80
82
  .menuItemHighlighted {
81
- background: rgb(var(--gray-1));
83
+ background: var(--gray-50);
82
84
  }
83
85
  }
84
86
 
@@ -110,12 +112,12 @@
110
112
  display: block;
111
113
  inset: 0;
112
114
  content: '';
113
- background: rgb(var(--gray-1));
115
+ background: var(--gray-50);
114
116
  }
115
117
  }
116
118
 
117
119
  .dashboard:not(:has(.dashboardMenu)) .dashboardNavigationRoundingFix::before {
118
- background: rgb(var(--gray-0));
120
+ background: var(--gray-25);
119
121
  }
120
122
 
121
123
  @include mixin.breakpoint-up(lg) {
@@ -185,7 +187,7 @@
185
187
  width: 100dvw;
186
188
  height: 100dvh;
187
189
  content: '';
188
- background: rgb(var(--gray-3) / .5);
190
+ background: rgb(from var(--gray-200) r g b / .5);
189
191
  backdrop-filter: blur(3px) saturate(180%);
190
192
  transition: var(--dashboard-duration) var(--swift-out);
191
193
  transition-property: background, backdrop-filter;
@@ -1,20 +1,20 @@
1
1
  @use '../../../../components/src/css/mixin';
2
2
 
3
3
  .dashboardPane {
4
- background: rgb(var(--gray-1));
4
+ background: var(--gray-50);
5
5
  overflow: auto;
6
6
  z-index: 200;
7
7
 
8
8
  .menuSubHeader {
9
- background: linear-gradient(to bottom, rgb(var(--gray-1)) 75%, transparent);
9
+ background: linear-gradient(to bottom, var(--gray-50) 75%, transparent);
10
10
  }
11
11
 
12
12
  .dashboardTopBar {
13
- background: rgb(var(--gray-1) / .9);
13
+ background: rgb(from var(--gray-50) r g b / .9);
14
14
  }
15
15
 
16
16
  .filter {
17
- --background: rgb(var(--gray-1));
17
+ --background: var(--gray-50);
18
18
 
19
19
  max-height: calc(100dvh - 84px);
20
20
  margin-top: -9px;
@@ -50,17 +50,17 @@
50
50
  .dashboardMenu {
51
51
  composes: dashboardPane;
52
52
 
53
- border-right: 1px solid rgb(var(--gray-2));
53
+ border-right: 1px solid var(--surface-stroke);
54
54
  }
55
55
 
56
56
  .dashboardMenuBody {
57
- padding: 0 18px 30px;
57
+ padding: 0 18px 21px;
58
58
  }
59
59
 
60
60
  .dashboardSide {
61
61
  composes: dashboardPane;
62
62
 
63
- border-left: 1px solid rgb(var(--gray-2));
63
+ border-left: 1px solid var(--surface-stroke);
64
64
  }
65
65
 
66
66
  @include mixin.breakpoint-up(lg) {
@@ -1,21 +1,21 @@
1
- @use '../../../../components/src/css/mixin';
1
+ @use '~flux/components/css/mixin';
2
2
 
3
3
  .dashboardTopBar {
4
4
  position: sticky;
5
5
  display: flex;
6
6
  top: 0;
7
- height: 84px;
8
- padding-left: 30px;
9
- padding-right: 30px;
7
+ height: 72px;
8
+ padding-left: 21px;
9
+ padding-right: 21px;
10
10
  align-items: center;
11
11
  flex-flow: row;
12
12
  gap: 15px;
13
- background: rgb(var(--gray-0) / .9);
13
+ background: rgb(from var(--gray-25) r g b / .9);
14
14
  backdrop-filter: blur(10px) saturate(180%);
15
15
  z-index: 100;
16
16
 
17
17
  > h1 {
18
- font-size: 18px;
18
+ font-size: 16px;
19
19
  overflow: hidden;
20
20
  text-overflow: ellipsis;
21
21
  white-space: nowrap;
@@ -41,7 +41,7 @@
41
41
  }
42
42
 
43
43
  [dark] .dashboardHeaderScrolled {
44
- box-shadow: 0 1px 0 rgb(var(--gray-1)), var(--shadow-md);
44
+ box-shadow: 0 1px 0 var(--gray-50), var(--shadow-md);
45
45
  }
46
46
 
47
47
  @include mixin.breakpoint-down(md) {
@@ -1 +0,0 @@
1
- {"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"}
@@ -1 +0,0 @@
1
- {"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"}
@@ -1 +0,0 @@
1
- {"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"}
@@ -1 +0,0 @@
1
- {"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"}
@@ -1 +0,0 @@
1
- {"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"}
@@ -1 +0,0 @@
1
- {"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"}
@@ -1 +0,0 @@
1
- {"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"}
@@ -1 +0,0 @@
1
- {"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}
@@ -1 +0,0 @@
1
- {"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"}
@@ -1 +0,0 @@
1
- {"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"}
@@ -1 +0,0 @@
1
- :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%}}