@codemonster-ru/vueforge-core 1.5.0 → 1.7.0

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 (44) hide show
  1. package/README.md +72 -1
  2. package/dist/components/heading/VfHeading.vue.d.ts +26 -0
  3. package/dist/components/heading/VfHeading.vue.d.ts.map +1 -0
  4. package/dist/components/heading/index.d.ts +2 -0
  5. package/dist/components/heading/index.d.ts.map +1 -0
  6. package/dist/components/index.d.ts +4 -0
  7. package/dist/components/index.d.ts.map +1 -1
  8. package/dist/components/prose/VfProse.vue.d.ts +23 -0
  9. package/dist/components/prose/VfProse.vue.d.ts.map +1 -0
  10. package/dist/components/prose/index.d.ts +2 -0
  11. package/dist/components/prose/index.d.ts.map +1 -0
  12. package/dist/components/switch/VfSwitch.vue.d.ts.map +1 -1
  13. package/dist/components/table-of-contents/VfTableOfContents.vue.d.ts +29 -0
  14. package/dist/components/table-of-contents/VfTableOfContents.vue.d.ts.map +1 -0
  15. package/dist/components/table-of-contents/index.d.ts +2 -0
  16. package/dist/components/table-of-contents/index.d.ts.map +1 -0
  17. package/dist/components/text/VfText.vue.d.ts +28 -0
  18. package/dist/components/text/VfText.vue.d.ts.map +1 -0
  19. package/dist/components/text/index.d.ts +2 -0
  20. package/dist/components/text/index.d.ts.map +1 -0
  21. package/dist/components/theme-switch/VfThemeSwitch.vue.d.ts.map +1 -1
  22. package/dist/composables/index.d.ts +1 -0
  23. package/dist/composables/index.d.ts.map +1 -1
  24. package/dist/composables/useTableOfContents.d.ts +13 -0
  25. package/dist/composables/useTableOfContents.d.ts.map +1 -0
  26. package/dist/composables/useTheme.d.ts +1 -1
  27. package/dist/index.d.ts +3 -3
  28. package/dist/index.d.ts.map +1 -1
  29. package/dist/styles.css +1 -1
  30. package/dist/theme/default-preset-source.d.ts +79 -0
  31. package/dist/theme/default-preset-source.d.ts.map +1 -1
  32. package/dist/theme/public.d.ts +1 -1
  33. package/dist/theme/public.d.ts.map +1 -1
  34. package/dist/theme/utils.d.ts +7 -2
  35. package/dist/theme/utils.d.ts.map +1 -1
  36. package/dist/theme-api.js +3 -221
  37. package/dist/tokens.css +103 -24
  38. package/dist/types/components.d.ts +9 -0
  39. package/dist/types/components.d.ts.map +1 -1
  40. package/dist/types/theme.d.ts +91 -2
  41. package/dist/types/theme.d.ts.map +1 -1
  42. package/dist/utils-T2JkaeUr.js +315 -0
  43. package/dist/vueforge-core.js +1149 -974
  44. package/package.json +1 -1
package/dist/tokens.css CHANGED
@@ -3,6 +3,74 @@
3
3
  @import "./generated-breakpoints.css";
4
4
 
5
5
  :root {
6
+ --vf-font-family-base: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
7
+ --vf-font-family-heading: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
8
+ --vf-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
9
+ --vf-font-weight-regular: 400;
10
+ --vf-font-weight-medium: 500;
11
+ --vf-font-weight-semibold: 600;
12
+ --vf-font-weight-bold: 700;
13
+ --vf-font-size-xs: 0.75rem;
14
+ --vf-font-size-sm: 0.8125rem;
15
+ --vf-font-size-md: 0.875rem;
16
+ --vf-font-size-lg: 0.9375rem;
17
+ --vf-font-size-xl: 1rem;
18
+ --vf-font-size-2xl: 1.125rem;
19
+ --vf-font-size-3xl: 1.25rem;
20
+ --vf-line-height-tight: 1.2;
21
+ --vf-line-height-normal: 1.5;
22
+ --vf-line-height-relaxed: 1.65;
23
+ --vf-text-body-font-size: var(--vf-font-size-xl);
24
+ --vf-text-body-line-height: var(--vf-line-height-normal);
25
+ --vf-text-body-font-weight: var(--vf-font-weight-regular);
26
+ --vf-text-caption-font-size: var(--vf-font-size-sm);
27
+ --vf-text-caption-line-height: var(--vf-line-height-normal);
28
+ --vf-text-caption-font-weight: var(--vf-font-weight-medium);
29
+ --vf-text-label-font-size: var(--vf-font-size-md);
30
+ --vf-text-label-line-height: var(--vf-line-height-tight);
31
+ --vf-text-label-font-weight: var(--vf-font-weight-medium);
32
+ --vf-heading-font-size-sm: var(--vf-font-size-lg);
33
+ --vf-heading-font-size-md: var(--vf-font-size-xl);
34
+ --vf-heading-font-size-lg: var(--vf-font-size-2xl);
35
+ --vf-heading-font-size-xl: var(--vf-font-size-3xl);
36
+ --vf-heading-font-weight: var(--vf-font-weight-semibold);
37
+ --vf-button-secondary-hover-background: color-mix(in srgb, var(--vf-color-surface-muted) 92%, var(--vf-color-text));
38
+ --vf-button-secondary-hover-border-color: var(--vf-color-border);
39
+ --vf-button-ghost-hover-background: var(--vf-color-surface-muted);
40
+ --vf-button-ghost-hover-border-color: transparent;
41
+ --vf-button-primary-hover-filter: brightness(0.96);
42
+ --vf-button-success-hover-filter: brightness(0.96);
43
+ --vf-button-info-hover-filter: brightness(0.96);
44
+ --vf-button-warn-hover-filter: brightness(0.96);
45
+ --vf-button-help-hover-filter: brightness(0.96);
46
+ --vf-button-danger-hover-filter: brightness(0.96);
47
+ --vf-button-contrast-hover-filter: brightness(0.96);
48
+ --vf-radio-control-background: color-mix(in srgb, var(--vf-color-border) 12%, var(--vf-color-surface));
49
+ --vf-radio-hover-border-color: var(--vf-color-primary-border-soft);
50
+ --vf-switch-track-background: color-mix(in srgb, var(--vf-color-text) 10%, var(--vf-color-surface));
51
+ --vf-switch-track-hover-background: color-mix(in srgb, var(--vf-color-text) 12%, var(--vf-color-surface));
52
+ --vf-switch-track-checked-background: var(--vf-color-primary);
53
+ --vf-switch-track-checked-hover-background: color-mix(in srgb, var(--vf-color-primary) 92%, var(--vf-color-surface));
54
+ --vf-switch-thumb-background: color-mix(in srgb, var(--vf-color-surface) 88%, var(--vf-color-surface-muted));
55
+ --vf-switch-thumb-border-color: color-mix(in srgb, var(--vf-color-surface) 80%, var(--vf-color-border));
56
+ --vf-switch-thumb-shadow: 0 1px 2px color-mix(in srgb, var(--vf-color-text) 18%, transparent);
57
+ --vf-switch-thumb-color: color-mix(in srgb, var(--vf-color-text) 55%, transparent);
58
+ --vf-switch-thumb-icon-size: 0.625rem;
59
+ --vf-switch-thumb-checked-background: var(--vf-color-surface);
60
+ --vf-switch-thumb-checked-border-color: color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface));
61
+ --vf-switch-thumb-checked-shadow: 0 1px 1.5px color-mix(in srgb, var(--vf-color-text) 12%, transparent);
62
+ --vf-prose-heading-margin: 1.5em;
63
+ --vf-prose-heading-gap: 0.5em;
64
+ --vf-prose-block-spacing: 1em;
65
+ --vf-prose-list-padding-inline-start: 1.5em;
66
+ --vf-prose-list-item-spacing: 0.375em;
67
+ --vf-prose-link-hover-color: color-mix(in srgb, var(--vf-color-primary) 82%, var(--vf-color-text));
68
+ --vf-prose-blockquote-padding-inline-start: 1rem;
69
+ --vf-prose-blockquote-border-width: 3px;
70
+ --vf-prose-inline-code-font-size: 0.95em;
71
+ --vf-prose-inline-code-padding: 0.125rem 0.375rem;
72
+ --vf-prose-code-block-padding: 0.75rem 1rem;
73
+ --vf-prose-hr-margin: 1.5rem;
6
74
  --vf-color-bg: #fcfcfd;
7
75
  --vf-color-surface: #ffffff;
8
76
  --vf-color-surface-muted: #f5f7fb;
@@ -47,9 +115,9 @@
47
115
  --vf-control-height-sm: 1.75rem;
48
116
  --vf-control-height-md: 2.25rem;
49
117
  --vf-control-height-lg: 2.5rem;
50
- --vf-control-font-size-sm: 0.875rem;
51
- --vf-control-font-size-md: 0.9375rem;
52
- --vf-control-font-size-lg: 1rem;
118
+ --vf-control-font-size-sm: var(--vf-font-size-md);
119
+ --vf-control-font-size-md: var(--vf-font-size-lg);
120
+ --vf-control-font-size-lg: var(--vf-font-size-xl);
53
121
  --vf-button-padding-sm: 0.25rem 0.5rem;
54
122
  --vf-button-padding-md: 0.375rem 0.75rem;
55
123
  --vf-button-padding-lg: 0.5rem 1rem;
@@ -98,36 +166,47 @@
98
166
  --vf-tabs-panel-padding-top: 0.75rem;
99
167
  --vf-nav-menu-list-gap: 0.25rem;
100
168
  --vf-nav-menu-nested-gap: 0.25rem;
101
- --vf-nav-menu-collapse-offset-top: 0.125rem;
102
- --vf-nav-menu-collapse-inset-level-0-margin: 1.25rem;
103
- --vf-nav-menu-collapse-inset-level-0-padding: 0.75rem;
104
- --vf-nav-menu-collapse-inset-simple-level-0-margin: 0.75rem;
169
+ --vf-nav-menu-collapse-offset-top: 0.25rem;
170
+ --vf-nav-menu-collapse-inset-level-0-margin: 0.5rem;
171
+ --vf-nav-menu-collapse-inset-level-0-padding: 0.5rem;
172
+ --vf-nav-menu-collapse-inset-simple-level-0-margin: 0.5rem;
105
173
  --vf-nav-menu-collapse-inset-simple-level-0-padding: 0.5rem;
106
- --vf-nav-menu-collapse-inset-deep-margin: 0.25rem;
107
- --vf-nav-menu-collapse-inset-deep-padding: 0.25rem;
108
- --vf-nav-menu-collapse-inset-simple-deep-margin: 0.25rem;
109
- --vf-nav-menu-collapse-inset-simple-deep-padding: 0.25rem;
174
+ --vf-nav-menu-collapse-inset-deep-margin: 0.5rem;
175
+ --vf-nav-menu-collapse-inset-deep-padding: 0.5rem;
176
+ --vf-nav-menu-collapse-inset-simple-deep-margin: 0.5rem;
177
+ --vf-nav-menu-collapse-inset-simple-deep-padding: 0.5rem;
110
178
  --vf-nav-menu-node-group-spacing: 0.25rem;
111
179
  --vf-nav-menu-group-padding: 0.375rem 0.75rem;
112
- --vf-nav-menu-group-font-size: 0.875rem;
180
+ --vf-nav-menu-group-font-size: var(--vf-text-label-font-size);
113
181
  --vf-nav-menu-item-padding: 0.375rem 0.75rem;
114
182
  --vf-nav-menu-item-gap: 0.5rem;
115
183
  --vf-nav-menu-leading-icon-size: 1rem;
116
184
  --vf-nav-menu-leading-icon-column-size: 1.25rem;
185
+ --vf-table-of-contents-gap: 0.25rem;
186
+ --vf-table-of-contents-list-gap: var(--vf-nav-menu-list-gap);
187
+ --vf-table-of-contents-title-font-size: var(--vf-text-caption-font-size);
188
+ --vf-table-of-contents-title-color: var(--vf-color-muted);
189
+ --vf-table-of-contents-item-padding: var(--vf-nav-menu-item-padding);
190
+ --vf-table-of-contents-level-step: 0.5rem;
191
+ --vf-table-of-contents-color: var(--vf-color-text);
192
+ --vf-table-of-contents-hover-color: var(--vf-color-primary);
193
+ --vf-table-of-contents-hover-background: color-mix(in srgb, var(--vf-color-primary) 10%, var(--vf-color-surface));
194
+ --vf-table-of-contents-active-color: var(--vf-color-primary);
195
+ --vf-table-of-contents-active-background: color-mix(in srgb, var(--vf-color-primary) 14%, var(--vf-color-surface));
117
196
  --vf-badge-height: 1.5rem;
118
197
  --vf-badge-padding: 0.25rem 0.5rem;
119
198
  --vf-badge-gap: 0.25rem;
120
199
  --vf-badge-radius: 999px;
121
- --vf-badge-font-size: 0.8125rem;
122
- --vf-badge-line-height: 1.2;
200
+ --vf-badge-font-size: var(--vf-text-caption-font-size);
201
+ --vf-badge-line-height: var(--vf-text-caption-line-height);
123
202
  --vf-tag-height: 1.75rem;
124
203
  --vf-tag-padding: 0.25rem 0.5rem;
125
- --vf-tag-font-size: 0.8125rem;
126
- --vf-tag-line-height: 1.2;
204
+ --vf-tag-font-size: var(--vf-text-caption-font-size);
205
+ --vf-tag-line-height: var(--vf-text-caption-line-height);
127
206
  --vf-tooltip-padding: 0.5rem 0.75rem;
128
207
  --vf-tooltip-max-width: 16rem;
129
- --vf-tooltip-font-size: 0.8125rem;
130
- --vf-tooltip-line-height: 1.4;
208
+ --vf-tooltip-font-size: var(--vf-text-caption-font-size);
209
+ --vf-tooltip-line-height: var(--vf-text-caption-line-height);
131
210
  --vf-dialog-width-sm: 28rem;
132
211
  --vf-dialog-width-md: 36rem;
133
212
  --vf-dialog-width-lg: 48rem;
@@ -137,7 +216,7 @@
137
216
  --vf-drawer-size-lg: 32rem;
138
217
  --vf-drawer-offset-top: 0px;
139
218
  --vf-drawer-body-padding: var(--vf-overlay-padding);
140
- --vf-dialog-title-font-size: 1.125rem;
219
+ --vf-dialog-title-font-size: var(--vf-heading-font-size-lg);
141
220
  --vf-dialog-header-gap: 0.75rem;
142
221
  --vf-dialog-actions-gap: 0.5rem;
143
222
  --vf-popover-width: min(100vw - 2rem, 22rem);
@@ -146,11 +225,11 @@
146
225
  --vf-alert-primary-soft: color-mix(in srgb, var(--vf-color-primary) 8%, var(--vf-color-surface));
147
226
  --vf-alert-primary-border-soft: color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border));
148
227
  --vf-alert-content-gap: 0.25rem;
149
- --vf-alert-title-font-size: 0.9375rem;
150
- --vf-card-title-font-size: 1rem;
151
- --vf-panel-title-font-size: 0.9375rem;
152
- --vf-text-line-height: 1.5;
153
- --vf-heading-line-height: 1.3;
228
+ --vf-alert-title-font-size: var(--vf-heading-font-size-sm);
229
+ --vf-card-title-font-size: var(--vf-heading-font-size-md);
230
+ --vf-panel-title-font-size: var(--vf-heading-font-size-sm);
231
+ --vf-text-line-height: var(--vf-text-body-line-height);
232
+ --vf-heading-line-height: var(--vf-line-height-tight);
154
233
  --vf-tabs-line-height: 1.2;
155
234
  --vf-motion-duration-fast: 220ms;
156
235
  --vf-motion-duration-normal: 320ms;
@@ -1,7 +1,10 @@
1
1
  import { IconName } from '@codemonster-ru/vueiconify';
2
2
  export type VfButtonVariant = "primary" | "secondary" | "success" | "info" | "warn" | "help" | "danger" | "contrast" | "ghost";
3
3
  export type VfControlSize = "sm" | "md" | "lg";
4
+ export type VfHeadingSize = "sm" | "md" | "lg" | "xl";
4
5
  export type VfLinkTone = "default" | "muted";
6
+ export type VfTextSize = "body" | "label" | "caption";
7
+ export type VfTextTone = "default" | "muted";
5
8
  export type VfBadgeTone = "neutral" | "primary" | "success" | "info" | "warn" | "help" | "danger" | "contrast";
6
9
  export type VfFeedbackTone = "neutral" | "primary" | "success" | "info" | "warn" | "help" | "danger" | "contrast";
7
10
  export type VfDividerOrientation = "horizontal" | "vertical";
@@ -26,4 +29,10 @@ export interface VfNavMenuItem {
26
29
  disabled?: boolean;
27
30
  children?: VfNavMenuItem[];
28
31
  }
32
+ export interface VfTableOfContentsItem {
33
+ id: string;
34
+ label: string;
35
+ level?: number;
36
+ href?: string;
37
+ }
29
38
  //# sourceMappingURL=components.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/types/components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAE3D,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,UAAU,GACV,OAAO,CAAC;AACZ,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAC7C,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,UAAU,CAAC;AACf,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,UAAU,CAAC;AACf,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC7D,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AACpE,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG,YAAY,CAAC;AAChE,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAElD,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;CAC5B"}
1
+ {"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/types/components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAE3D,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,UAAU,GACV,OAAO,CAAC;AACZ,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/C,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAC7C,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AACtD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAC7C,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,UAAU,CAAC;AACf,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,UAAU,CAAC;AACf,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC7D,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AACpE,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG,YAAY,CAAC;AAChE,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAElD,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;CAC5B;AAED,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}
@@ -1,6 +1,95 @@
1
1
  import { InjectionKey, Ref } from 'vue';
2
- import { VfResolvedTheme, VfThemeConfig, VfThemeMode } from '@codemonster-ru/vueforge-theme';
3
- export type { VfResolvedTheme, VfResolvedThemeConfig, VfResolvedThemePreset, VfResolvedThemePresetOptions, VfThemeConfig, VfThemeMode, VfThemePreset, VfThemePresetOptions, VfThemeTokens, } from '@codemonster-ru/vueforge-theme';
2
+ import { VfResolvedTheme as BaseVfResolvedTheme, VfResolvedThemeConfig as BaseVfResolvedThemeConfig, VfResolvedThemePreset as BaseVfResolvedThemePreset, VfResolvedThemePresetOptions, VfThemeConfig as BaseVfThemeConfig, VfThemeMode as BaseVfThemeMode, VfThemePreset as BaseVfThemePreset, VfThemePresetOptions, VfThemeTokens as BaseVfThemeTokens } from '@codemonster-ru/vueforge-theme';
3
+ export type VfResolvedTheme = BaseVfResolvedTheme;
4
+ export type VfThemeMode = BaseVfThemeMode;
5
+ export type { VfResolvedThemePresetOptions, VfThemePresetOptions };
6
+ export interface VfThemeTokens extends BaseVfThemeTokens {
7
+ fontFamilyBase: string;
8
+ fontFamilyHeading: string;
9
+ fontFamilyMono: string;
10
+ fontWeightRegular: string;
11
+ fontWeightMedium: string;
12
+ fontWeightSemibold: string;
13
+ fontWeightBold: string;
14
+ fontSizeXs: string;
15
+ fontSizeSm: string;
16
+ fontSizeMd: string;
17
+ fontSizeLg: string;
18
+ fontSizeXl: string;
19
+ fontSize2xl: string;
20
+ fontSize3xl: string;
21
+ lineHeightTight: string;
22
+ lineHeightNormal: string;
23
+ lineHeightRelaxed: string;
24
+ textBodyFontSize: string;
25
+ textBodyLineHeight: string;
26
+ textBodyFontWeight: string;
27
+ textCaptionFontSize: string;
28
+ textCaptionLineHeight: string;
29
+ textCaptionFontWeight: string;
30
+ textLabelFontSize: string;
31
+ textLabelLineHeight: string;
32
+ textLabelFontWeight: string;
33
+ headingFontSizeSm: string;
34
+ headingFontSizeMd: string;
35
+ headingFontSizeLg: string;
36
+ headingFontSizeXl: string;
37
+ headingFontWeight: string;
38
+ buttonSecondaryHoverBackground: string;
39
+ buttonSecondaryHoverBorderColor: string;
40
+ buttonGhostHoverBackground: string;
41
+ buttonGhostHoverBorderColor: string;
42
+ buttonPrimaryHoverFilter: string;
43
+ buttonSuccessHoverFilter: string;
44
+ buttonInfoHoverFilter: string;
45
+ buttonWarnHoverFilter: string;
46
+ buttonHelpHoverFilter: string;
47
+ buttonDangerHoverFilter: string;
48
+ buttonContrastHoverFilter: string;
49
+ radioControlBackground: string;
50
+ radioHoverBorderColor: string;
51
+ switchTrackBackground: string;
52
+ switchTrackHoverBackground: string;
53
+ switchTrackCheckedBackground: string;
54
+ switchTrackCheckedHoverBackground: string;
55
+ switchThumbBackground: string;
56
+ switchThumbBorderColor: string;
57
+ switchThumbShadow: string;
58
+ switchThumbColor: string;
59
+ switchThumbIconSize: string;
60
+ switchThumbCheckedBackground: string;
61
+ switchThumbCheckedBorderColor: string;
62
+ switchThumbCheckedShadow: string;
63
+ proseHeadingMargin: string;
64
+ proseHeadingGap: string;
65
+ proseBlockSpacing: string;
66
+ proseListPaddingInlineStart: string;
67
+ proseListItemSpacing: string;
68
+ proseLinkHoverColor: string;
69
+ proseBlockquotePaddingInlineStart: string;
70
+ proseBlockquoteBorderWidth: string;
71
+ proseInlineCodeFontSize: string;
72
+ proseInlineCodePadding: string;
73
+ proseCodeBlockPadding: string;
74
+ proseHrMargin: string;
75
+ }
76
+ export interface VfThemePreset extends Omit<BaseVfThemePreset, "tokens" | "dark"> {
77
+ tokens: VfThemeTokens;
78
+ dark?: Partial<VfThemeTokens>;
79
+ }
80
+ export interface VfResolvedThemePreset extends Omit<BaseVfResolvedThemePreset, "light" | "dark"> {
81
+ light: VfThemeTokens;
82
+ dark: VfThemeTokens;
83
+ }
84
+ export interface VfThemeConfig extends Omit<BaseVfThemeConfig, "preset" | "extend" | "light" | "dark"> {
85
+ preset?: VfThemePreset;
86
+ extend?: Partial<VfThemeTokens>;
87
+ light?: Partial<VfThemeTokens>;
88
+ dark?: Partial<VfThemeTokens>;
89
+ }
90
+ export interface VfResolvedThemeConfig extends Omit<BaseVfResolvedThemeConfig, "preset"> {
91
+ preset: VfResolvedThemePreset;
92
+ }
4
93
  export interface VfVueForgeOptions {
5
94
  theme?: VfThemeConfig;
6
95
  defaultTheme?: VfThemeMode;
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/types/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC7C,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACb,WAAW,EACZ,MAAM,gCAAgC,CAAC;AAExC,YAAY,EACV,eAAe,EACf,qBAAqB,EACrB,qBAAqB,EACrB,4BAA4B,EAC5B,aAAa,EACb,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,aAAa,GACd,MAAM,gCAAgC,CAAC;AAExC,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACvB,aAAa,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,oBAAoB;IACnC,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,cAAc,CAAC,CAAC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/types/theme.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,315 @@
1
+ import { vfMotionTokens as e, createThemePreset as t, resolveThemeConfig as i, applyThemeConfig as n } from "@codemonster-ru/vueforge-theme";
2
+ import { b as o } from "./breakpoints-hxAiWC8U.js";
3
+ const l = {
4
+ breakpointXs: `${o.xs}px`,
5
+ breakpointSm: `${o.sm}px`,
6
+ breakpointMd: `${o.md}px`,
7
+ breakpointLg: `${o.lg}px`,
8
+ breakpointXl: `${o.xl}px`,
9
+ breakpoint2xl: `${o["2xl"]}px`
10
+ }, c = {
11
+ name: "vueforge-default",
12
+ tokens: {
13
+ fontFamilyBase: 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
14
+ fontFamilyHeading: 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
15
+ fontFamilyMono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace',
16
+ fontWeightRegular: "400",
17
+ fontWeightMedium: "500",
18
+ fontWeightSemibold: "600",
19
+ fontWeightBold: "700",
20
+ fontSizeXs: "0.75rem",
21
+ fontSizeSm: "0.8125rem",
22
+ fontSizeMd: "0.875rem",
23
+ fontSizeLg: "0.9375rem",
24
+ fontSizeXl: "1rem",
25
+ fontSize2xl: "1.125rem",
26
+ fontSize3xl: "1.25rem",
27
+ lineHeightTight: "1.2",
28
+ lineHeightNormal: "1.5",
29
+ lineHeightRelaxed: "1.65",
30
+ textBodyFontSize: "var(--vf-font-size-xl)",
31
+ textBodyLineHeight: "var(--vf-line-height-normal)",
32
+ textBodyFontWeight: "var(--vf-font-weight-regular)",
33
+ textCaptionFontSize: "var(--vf-font-size-sm)",
34
+ textCaptionLineHeight: "var(--vf-line-height-normal)",
35
+ textCaptionFontWeight: "var(--vf-font-weight-medium)",
36
+ textLabelFontSize: "var(--vf-font-size-md)",
37
+ textLabelLineHeight: "var(--vf-line-height-tight)",
38
+ textLabelFontWeight: "var(--vf-font-weight-medium)",
39
+ headingFontSizeSm: "var(--vf-font-size-lg)",
40
+ headingFontSizeMd: "var(--vf-font-size-xl)",
41
+ headingFontSizeLg: "var(--vf-font-size-2xl)",
42
+ headingFontSizeXl: "var(--vf-font-size-3xl)",
43
+ headingFontWeight: "var(--vf-font-weight-semibold)",
44
+ buttonSecondaryHoverBackground: "color-mix(in srgb, var(--vf-color-surface-muted) 92%, var(--vf-color-text))",
45
+ buttonSecondaryHoverBorderColor: "var(--vf-color-border)",
46
+ buttonGhostHoverBackground: "var(--vf-color-surface-muted)",
47
+ buttonGhostHoverBorderColor: "transparent",
48
+ buttonPrimaryHoverFilter: "brightness(0.96)",
49
+ buttonSuccessHoverFilter: "brightness(0.96)",
50
+ buttonInfoHoverFilter: "brightness(0.96)",
51
+ buttonWarnHoverFilter: "brightness(0.96)",
52
+ buttonHelpHoverFilter: "brightness(0.96)",
53
+ buttonDangerHoverFilter: "brightness(0.96)",
54
+ buttonContrastHoverFilter: "brightness(0.96)",
55
+ radioControlBackground: "color-mix(in srgb, var(--vf-color-border) 12%, var(--vf-color-surface))",
56
+ radioHoverBorderColor: "var(--vf-color-primary-border-soft)",
57
+ switchTrackBackground: "color-mix(in srgb, var(--vf-color-text) 10%, var(--vf-color-surface))",
58
+ switchTrackHoverBackground: "color-mix(in srgb, var(--vf-color-text) 12%, var(--vf-color-surface))",
59
+ switchTrackCheckedBackground: "var(--vf-color-primary)",
60
+ switchTrackCheckedHoverBackground: "color-mix(in srgb, var(--vf-color-primary) 92%, var(--vf-color-surface))",
61
+ switchThumbBackground: "color-mix(in srgb, var(--vf-color-surface) 88%, var(--vf-color-surface-muted))",
62
+ switchThumbBorderColor: "color-mix(in srgb, var(--vf-color-surface) 80%, var(--vf-color-border))",
63
+ switchThumbShadow: "0 1px 2px color-mix(in srgb, var(--vf-color-text) 18%, transparent)",
64
+ switchThumbColor: "color-mix(in srgb, var(--vf-color-text) 55%, transparent)",
65
+ switchThumbIconSize: "0.625rem",
66
+ switchThumbCheckedBackground: "var(--vf-color-surface)",
67
+ switchThumbCheckedBorderColor: "color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface))",
68
+ switchThumbCheckedShadow: "0 1px 1.5px color-mix(in srgb, var(--vf-color-text) 12%, transparent)",
69
+ proseHeadingMargin: "1.5em",
70
+ proseHeadingGap: "0.5em",
71
+ proseBlockSpacing: "1em",
72
+ proseListPaddingInlineStart: "1.5em",
73
+ proseListItemSpacing: "0.375em",
74
+ proseLinkHoverColor: "color-mix(in srgb, var(--vf-color-primary) 82%, var(--vf-color-text))",
75
+ proseBlockquotePaddingInlineStart: "1rem",
76
+ proseBlockquoteBorderWidth: "3px",
77
+ proseInlineCodeFontSize: "0.95em",
78
+ proseInlineCodePadding: "0.125rem 0.375rem",
79
+ proseCodeBlockPadding: "0.75rem 1rem",
80
+ proseHrMargin: "1.5rem",
81
+ colorBg: "#fcfcfd",
82
+ colorSurface: "#ffffff",
83
+ colorSurfaceMuted: "#f5f7fb",
84
+ colorText: "#172033",
85
+ colorMuted: "#69738a",
86
+ colorBorder: "#d8e0ef",
87
+ colorPrimary: "#0b63f6",
88
+ colorPrimaryContrast: "#ffffff",
89
+ colorPrimarySoft: "color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface))",
90
+ colorPrimaryBorderSoft: "color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border))",
91
+ colorFocusRing: "color-mix(in srgb, var(--vf-color-primary) 32%, var(--vf-color-surface))",
92
+ colorSuccess: "#16a34a",
93
+ colorSuccessContrast: "#ffffff",
94
+ colorInfo: "#0ea5e9",
95
+ colorInfoContrast: "#ffffff",
96
+ colorWarn: "#f59e0b",
97
+ colorWarnContrast: "#1f1300",
98
+ colorHelp: "#8b5cf6",
99
+ colorHelpContrast: "#ffffff",
100
+ colorDanger: "#dc2626",
101
+ colorDangerContrast: "#ffffff",
102
+ colorContrast: "#111827",
103
+ colorContrastContrast: "#ffffff",
104
+ colorSuccessSoft: "color-mix(in srgb, var(--vf-color-success) 12%, var(--vf-color-surface))",
105
+ colorInfoSoft: "color-mix(in srgb, var(--vf-color-info) 12%, var(--vf-color-surface))",
106
+ colorWarnSoft: "color-mix(in srgb, var(--vf-color-warn) 12%, var(--vf-color-surface))",
107
+ colorHelpSoft: "color-mix(in srgb, var(--vf-color-help) 12%, var(--vf-color-surface))",
108
+ colorDangerSoft: "color-mix(in srgb, var(--vf-color-danger) 12%, var(--vf-color-surface))",
109
+ colorContrastSoft: "color-mix(in srgb, var(--vf-color-contrast) 10%, var(--vf-color-surface))",
110
+ colorSuccessBorderSoft: "color-mix(in srgb, var(--vf-color-success) 24%, var(--vf-color-border))",
111
+ colorInfoBorderSoft: "color-mix(in srgb, var(--vf-color-info) 24%, var(--vf-color-border))",
112
+ colorWarnBorderSoft: "color-mix(in srgb, var(--vf-color-warn) 24%, var(--vf-color-border))",
113
+ colorHelpBorderSoft: "color-mix(in srgb, var(--vf-color-help) 24%, var(--vf-color-border))",
114
+ colorDangerBorderSoft: "color-mix(in srgb, var(--vf-color-danger) 24%, var(--vf-color-border))",
115
+ colorContrastBorderSoft: "color-mix(in srgb, var(--vf-color-contrast) 24%, var(--vf-color-border))",
116
+ focusRingWidth: "3px",
117
+ radius: "0.75rem",
118
+ radiusControl: "calc(var(--vf-radius) - 0.125rem)",
119
+ radiusControlTight: "calc(var(--vf-radius) - 0.25rem)",
120
+ radiusSurface: "var(--vf-radius)",
121
+ radiusOverlay: "calc(var(--vf-radius) + 0.125rem)",
122
+ ...l,
123
+ controlHeightSm: "1.75rem",
124
+ controlHeightMd: "2.25rem",
125
+ controlHeightLg: "2.5rem",
126
+ controlFontSizeSm: "var(--vf-font-size-md)",
127
+ controlFontSizeMd: "var(--vf-font-size-lg)",
128
+ controlFontSizeLg: "var(--vf-font-size-xl)",
129
+ buttonPaddingSm: "0.25rem 0.5rem",
130
+ buttonPaddingMd: "0.375rem 0.75rem",
131
+ buttonPaddingLg: "0.5rem 1rem",
132
+ buttonGap: "0.5rem",
133
+ fieldPaddingSm: "0.25rem 0.5rem",
134
+ fieldPaddingMd: "0.375rem 0.75rem",
135
+ fieldPaddingLg: "0.5rem 1rem",
136
+ checkboxSizeSm: "1rem",
137
+ checkboxSizeMd: "1.125rem",
138
+ checkboxSizeLg: "1.25rem",
139
+ selectionGap: "0.75rem",
140
+ checkboxMarkWidth: "0.25rem",
141
+ checkboxMarkHeight: "0.5rem",
142
+ checkboxMarkStrokeWidth: "2px",
143
+ checkboxMarkOffsetY: "-0.0625rem",
144
+ radioDotSize: "0.5rem",
145
+ switchWidthSm: "2rem",
146
+ switchWidthMd: "2.25rem",
147
+ switchWidthLg: "2.5rem",
148
+ switchHeightSm: "1.125rem",
149
+ switchHeightMd: "1.25rem",
150
+ switchHeightLg: "1.375rem",
151
+ switchThumbSizeSm: "0.75rem",
152
+ switchThumbSizeMd: "0.875rem",
153
+ switchThumbSizeLg: "1rem",
154
+ switchThumbInset: "0.125rem",
155
+ textareaMinHeightSm: "4.5rem",
156
+ textareaMinHeightMd: "6rem",
157
+ textareaMinHeightLg: "7rem",
158
+ overlayPadding: "1rem",
159
+ overlayGap: "0.75rem",
160
+ overlayViewportPadding: "1rem",
161
+ menuPadding: "0.5rem",
162
+ menuGap: "0.25rem",
163
+ menuMinWidth: "12rem",
164
+ surfacePadding: "1rem",
165
+ surfaceGap: "0.75rem",
166
+ surfacePaddingCompact: "0.75rem",
167
+ surfaceGapCompact: "0.5rem",
168
+ sectionPadding: "0.75rem 1rem",
169
+ sectionGap: "0.75rem",
170
+ tabsGap: "0.75rem",
171
+ tabsListGap: "0.25rem",
172
+ tabsListPadding: "0.25rem",
173
+ tabsTabPaddingInline: "0.75rem",
174
+ tabsPanelPaddingTop: "0.75rem",
175
+ navMenuListGap: "0.25rem",
176
+ navMenuNestedGap: "0.25rem",
177
+ navMenuCollapseOffsetTop: "0.25rem",
178
+ navMenuCollapseInsetLevel0Margin: "0.5rem",
179
+ navMenuCollapseInsetLevel0Padding: "0.5rem",
180
+ navMenuCollapseInsetSimpleLevel0Margin: "0.5rem",
181
+ navMenuCollapseInsetSimpleLevel0Padding: "0.5rem",
182
+ navMenuCollapseInsetDeepMargin: "0.5rem",
183
+ navMenuCollapseInsetDeepPadding: "0.5rem",
184
+ navMenuCollapseInsetSimpleDeepMargin: "0.5rem",
185
+ navMenuCollapseInsetSimpleDeepPadding: "0.5rem",
186
+ navMenuNodeGroupSpacing: "0.25rem",
187
+ navMenuGroupPadding: "0.375rem 0.75rem",
188
+ navMenuGroupFontSize: "var(--vf-text-label-font-size)",
189
+ navMenuItemPadding: "0.375rem 0.75rem",
190
+ navMenuItemGap: "0.5rem",
191
+ navMenuLeadingIconSize: "1rem",
192
+ navMenuLeadingIconColumnSize: "1.25rem",
193
+ tableOfContentsGap: "0.25rem",
194
+ tableOfContentsListGap: "var(--vf-nav-menu-list-gap)",
195
+ tableOfContentsTitleFontSize: "var(--vf-text-caption-font-size)",
196
+ tableOfContentsTitleColor: "var(--vf-color-muted)",
197
+ tableOfContentsItemPadding: "var(--vf-nav-menu-item-padding)",
198
+ tableOfContentsLevelStep: "0.5rem",
199
+ tableOfContentsColor: "var(--vf-color-text)",
200
+ tableOfContentsHoverColor: "var(--vf-color-primary)",
201
+ tableOfContentsHoverBackground: "color-mix(in srgb, var(--vf-color-primary) 10%, var(--vf-color-surface))",
202
+ tableOfContentsActiveColor: "var(--vf-color-primary)",
203
+ tableOfContentsActiveBackground: "color-mix(in srgb, var(--vf-color-primary) 14%, var(--vf-color-surface))",
204
+ badgeHeight: "1.5rem",
205
+ badgePadding: "0.25rem 0.5rem",
206
+ badgeGap: "0.25rem",
207
+ badgeRadius: "999px",
208
+ badgeFontSize: "var(--vf-text-caption-font-size)",
209
+ badgeLineHeight: "var(--vf-text-caption-line-height)",
210
+ tagHeight: "1.75rem",
211
+ tagPadding: "0.25rem 0.5rem",
212
+ tagFontSize: "var(--vf-text-caption-font-size)",
213
+ tagLineHeight: "var(--vf-text-caption-line-height)",
214
+ tooltipPadding: "0.5rem 0.75rem",
215
+ tooltipMaxWidth: "16rem",
216
+ tooltipFontSize: "var(--vf-text-caption-font-size)",
217
+ tooltipLineHeight: "var(--vf-text-caption-line-height)",
218
+ dialogWidthSm: "28rem",
219
+ dialogWidthMd: "36rem",
220
+ dialogWidthLg: "48rem",
221
+ dialogMaxHeight: "min(85vh, 48rem)",
222
+ drawerSizeSm: "20rem",
223
+ drawerSizeMd: "26rem",
224
+ drawerSizeLg: "32rem",
225
+ drawerOffsetTop: "0px",
226
+ drawerBodyPadding: "var(--vf-overlay-padding)",
227
+ dialogTitleFontSize: "var(--vf-heading-font-size-lg)",
228
+ dialogHeaderGap: "0.75rem",
229
+ dialogActionsGap: "0.5rem",
230
+ popoverWidth: "min(100vw - 2rem, 22rem)",
231
+ floatingArrowSize: "0.625rem",
232
+ overlayBackdrop: "rgba(15, 23, 42, 0.56)",
233
+ alertPrimarySoft: "color-mix(in srgb, var(--vf-color-primary) 8%, var(--vf-color-surface))",
234
+ alertPrimaryBorderSoft: "color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border))",
235
+ alertContentGap: "0.25rem",
236
+ alertTitleFontSize: "var(--vf-heading-font-size-sm)",
237
+ cardTitleFontSize: "var(--vf-heading-font-size-md)",
238
+ panelTitleFontSize: "var(--vf-heading-font-size-sm)",
239
+ textLineHeight: "var(--vf-text-body-line-height)",
240
+ headingLineHeight: "var(--vf-line-height-tight)",
241
+ tabsLineHeight: "1.2",
242
+ motionDurationFast: e.durationFast,
243
+ motionDurationNormal: e.durationNormal,
244
+ motionEaseStandard: e.easeStandard,
245
+ zOverlay: "1000",
246
+ zDrawer: "1000",
247
+ zDropdown: "900",
248
+ zPopover: "925",
249
+ zTooltip: "950",
250
+ spacing: "1rem",
251
+ shadow: "none"
252
+ },
253
+ dark: {
254
+ colorBg: "#0f172a",
255
+ colorSurface: "#162033",
256
+ colorSurfaceMuted: "#1b2840",
257
+ colorText: "#eff4ff",
258
+ colorMuted: "#9fb0cf",
259
+ colorBorder: "#2d405f",
260
+ colorPrimary: "#6ea8fe",
261
+ colorPrimaryContrast: "#081120",
262
+ colorPrimarySoft: "color-mix(in srgb, var(--vf-color-primary) 12%, var(--vf-color-surface))",
263
+ colorPrimaryBorderSoft: "color-mix(in srgb, var(--vf-color-primary) 22%, var(--vf-color-border))",
264
+ colorFocusRing: "color-mix(in srgb, var(--vf-color-primary) 32%, var(--vf-color-surface))",
265
+ colorSuccess: "#4ade80",
266
+ colorSuccessContrast: "#081120",
267
+ colorInfo: "#38bdf8",
268
+ colorInfoContrast: "#081120",
269
+ colorWarn: "#fbbf24",
270
+ colorWarnContrast: "#1f1300",
271
+ colorHelp: "#a78bfa",
272
+ colorHelpContrast: "#081120",
273
+ colorDanger: "#f87171",
274
+ colorDangerContrast: "#081120",
275
+ colorContrast: "#f3f4f6",
276
+ colorContrastContrast: "#111827",
277
+ colorSuccessSoft: "color-mix(in srgb, var(--vf-color-success) 12%, var(--vf-color-surface))",
278
+ colorInfoSoft: "color-mix(in srgb, var(--vf-color-info) 12%, var(--vf-color-surface))",
279
+ colorWarnSoft: "color-mix(in srgb, var(--vf-color-warn) 12%, var(--vf-color-surface))",
280
+ colorHelpSoft: "color-mix(in srgb, var(--vf-color-help) 12%, var(--vf-color-surface))",
281
+ colorDangerSoft: "color-mix(in srgb, var(--vf-color-danger) 12%, var(--vf-color-surface))",
282
+ colorContrastSoft: "color-mix(in srgb, var(--vf-color-contrast) 10%, var(--vf-color-surface))",
283
+ colorSuccessBorderSoft: "color-mix(in srgb, var(--vf-color-success) 24%, var(--vf-color-border))",
284
+ colorInfoBorderSoft: "color-mix(in srgb, var(--vf-color-info) 24%, var(--vf-color-border))",
285
+ colorWarnBorderSoft: "color-mix(in srgb, var(--vf-color-warn) 24%, var(--vf-color-border))",
286
+ colorHelpBorderSoft: "color-mix(in srgb, var(--vf-color-help) 24%, var(--vf-color-border))",
287
+ colorDangerBorderSoft: "color-mix(in srgb, var(--vf-color-danger) 24%, var(--vf-color-border))",
288
+ colorContrastBorderSoft: "color-mix(in srgb, var(--vf-color-contrast) 24%, var(--vf-color-border))",
289
+ focusRingWidth: "3px",
290
+ zOverlay: "1000",
291
+ zDrawer: "1000",
292
+ zDropdown: "900",
293
+ zPopover: "925",
294
+ zTooltip: "950",
295
+ shadow: "none"
296
+ }
297
+ }, f = c;
298
+ function m(r) {
299
+ return t(r);
300
+ }
301
+ function d(r = {}) {
302
+ return i({
303
+ ...r,
304
+ preset: r.preset ?? f
305
+ });
306
+ }
307
+ function g(r, a) {
308
+ return n(r, a);
309
+ }
310
+ export {
311
+ g as a,
312
+ m as c,
313
+ f as d,
314
+ d as r
315
+ };