@schwarzdavid/ui-kit 0.0.1-alpha.16 → 0.0.1-alpha.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/ui-kit.css CHANGED
@@ -1 +1,2 @@
1
- .toast-entry[data-v-7b5e0267]{pointer-events:all}.toast-entry[data-v-7b5e0267] .v-alert__prepend{align-self:center}.toast-outlet[data-v-ba5c8268]{position:fixed;z-index:9999;bottom:8px;right:8px;left:8px;display:flex;flex-direction:column;row-gap:8px;pointer-events:none}.toast-outlet--desktop[data-v-ba5c8268]{left:unset;max-width:500px;width:100%}.fade-move[data-v-ba5c8268],.fade-enter-active[data-v-ba5c8268],.fade-leave-active[data-v-ba5c8268]{transition:all .3s cubic-bezier(.4,0,.2,1)}.fade-enter-from[data-v-ba5c8268],.fade-leave-to[data-v-ba5c8268]{opacity:0;transform:translate(50%) scaleY(.5)}.fade-leave-active[data-v-ba5c8268]{position:absolute}.info-dialog-card[data-v-0f8116ef]>.v-card-text{padding-left:16px!important;padding-right:16px!important}.prompt-dialog-card[data-v-6cec23a5]>.v-card-item{padding-left:16px!important;padding-right:16px!important}.prompt-dialog-toolbar-slot[data-v-6cec23a5]{display:contents}.confirm-dialog-card[data-v-3e8b3358]>.v-card-text{padding-left:16px!important;padding-right:16px!important}
1
+ .ui-toast-outlet__announcer{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-toast-outlet{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:560px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.ui-toast-outlet--mobile{width:calc(100% - 16px);bottom:8px}.ui-toast-move,.ui-toast-enter-active,.ui-toast-leave-active{transition:opacity .2s,transform .2s}.ui-toast-enter-from,.ui-toast-leave-to{opacity:0;transform:translateY(8px)}.ui-toast-leave-active{position:absolute}@media (prefers-reduced-motion:reduce){.ui-toast-move,.ui-toast-enter-active,.ui-toast-leave-active{transition-duration:0s}.ui-toast-enter-from,.ui-toast-leave-to{transform:none}}.v-bottom-sheet>.v-bottom-sheet__content.v-overlay__content.ui-sheet-overlay{max-height:100%;box-shadow:none;margin:0}.ui-sheet{--ui-sheet-border:rgba(var(--v-border-color), var(--v-border-opacity));--ui-sheet-motion:.25s cubic-bezier(.2, 0, 0, 1);background:rgb(var(--v-theme-surface));max-height:100dvh;color:rgb(var(--v-theme-ink,var(--v-theme-on-surface)));box-shadow:var(--v-shadow-lg,0 -4px 8px #1d1b1614, 0 -16px 48px #1d1b162e);transition:height var(--ui-sheet-motion), transform var(--ui-sheet-motion), border-radius var(--ui-sheet-motion);border-radius:16px 16px 0 0;flex-direction:column;display:flex;overflow:hidden}.ui-sheet--content{max-height:90dvh}.ui-sheet--fullscreen{border-radius:0;height:100dvh}.ui-sheet--dragging,.ui-sheet--dismissing{-webkit-user-select:none;user-select:none;max-height:none;transition:none}.ui-sheet__layout{flex-direction:column;flex:auto;min-height:0;display:flex}.ui-sheet__handle{width:100%;color:inherit;cursor:grab;touch-action:none;background:0 0;border:0;flex:none;justify-content:center;padding:10px 0 6px;display:flex}.ui-sheet__handle:focus-visible{outline:none}.ui-sheet__handle:focus-visible .ui-sheet__grip{box-shadow:0 0 0 2px rgb(var(--v-theme-primary))}.ui-sheet--dragging .ui-sheet__handle{cursor:grabbing}.ui-sheet__grip{background:rgb(var(--v-theme-ink-3,var(--v-theme-on-surface)));opacity:.4;border-radius:2px;width:32px;height:4px}.ui-sheet__header{touch-action:none;flex:none;align-items:center;gap:12px;min-height:40px;padding:0 16px 0 24px;display:flex}.ui-sheet--fullscreen .ui-sheet__header{border-bottom:1px solid var(--ui-sheet-border);padding-bottom:8px}.ui-sheet__title{overflow-wrap:anywhere;flex:1;margin:0;font-size:1.25rem;font-weight:600;line-height:1.75rem}.ui-sheet__body{overscroll-behavior:contain;flex:auto;min-height:0;padding:16px 24px 8px;font-size:.875rem;line-height:1.25rem;overflow-y:auto}.ui-sheet__preview,.ui-sheet__content{align-content:start;gap:20px;display:grid}.ui-sheet__footer{padding:12px 24px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--ui-sheet-border);flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (prefers-reduced-motion:reduce){.ui-sheet{transition:none}}.ui-responsive-dialog__slot{display:contents}.ui-dialog{background:rgb(var(--v-theme-surface));max-height:calc(100dvh - 48px);color:rgb(var(--v-theme-ink,var(--v-theme-on-surface)));box-shadow:var(--v-shadow-lg,0 4px 8px #1d1b1614, 0 24px 48px #1d1b162e);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.ui-dialog__layout{flex-direction:column;flex:auto;min-height:0;display:flex}.ui-dialog__header{align-items:flex-start;gap:12px;padding:20px 16px 0 24px;display:flex}.ui-dialog__title{overflow-wrap:anywhere;flex:1;margin:4px 0 0;font-size:1.25rem;font-weight:600;line-height:1.75rem}.ui-dialog__body{flex:auto;align-content:start;gap:20px;min-height:0;padding:16px 24px 8px;font-size:.875rem;line-height:1.25rem;display:grid;overflow-y:auto}.ui-dialog__text{margin:0}.ui-dialog__footer{justify-content:flex-end;align-items:center;gap:8px;padding:16px 24px 20px;display:flex}.ui-dialog__toolbar{display:contents}.ui-toast{background:rgb(var(--v-theme-surface-inverse,var(--v-theme-surface-variant)));min-height:48px;color:rgb(var(--v-theme-on-surface-inverse,var(--v-theme-on-surface-variant)));box-shadow:var(--v-shadow-lg,0 4px 8px #1d1b1614, 0 24px 48px #1d1b162e);pointer-events:auto;border-radius:10px;align-items:center;gap:12px;padding:6px 6px 6px 16px;font-size:.875rem;line-height:1.25rem;display:flex}.ui-toast__icon{flex:none}.ui-toast__message{overflow-wrap:anywhere;flex:1;min-width:0;padding:8px 0}.ui-toast__action{color:rgb(var(--v-theme-inverse-primary,var(--v-theme-primary)));font-weight:600}.ui-toast__close{color:inherit}
2
+ /*$vite$:1*/
@@ -1,5 +1,4 @@
1
1
  import { ComputedRef } from 'vue';
2
- import { PartialDeep } from 'type-fest';
3
2
  import { Primitive } from 'type-fest';
4
3
  import { Ref } from 'vue';
5
4
  import { TranslationFunction } from '@vuelidate/validators';
@@ -12,9 +11,9 @@ export declare const alpha: ValidationRuleWithoutParams<any>;
12
11
 
13
12
  export declare const alphaNum: ValidationRuleWithoutParams<any>;
14
13
 
15
- export declare const between: (min: number | Ref<number>, max: number | Ref<number>) => ValidationRuleWithParams< {
16
- min: number;
17
- max: number;
14
+ export declare const between: (min: number | Ref<number>, max: number | Ref<number>) => ValidationRuleWithParams<{
15
+ min: number;
16
+ max: number;
18
17
  }>;
19
18
 
20
19
  export declare const decimal: ValidationRuleWithoutParams<any>;
@@ -25,22 +24,22 @@ export declare const integer: ValidationRuleWithoutParams<any>;
25
24
 
26
25
  export declare const ipAddress: ValidationRuleWithoutParams<any>;
27
26
 
28
- export declare const maxAddress: (separator: string | Ref<string>) => ValidationRuleWithoutParams;
27
+ export declare const macAddress: (separator: string | Ref<string>) => ValidationRuleWithoutParams;
29
28
 
30
- export declare const maxLength: (max: number | Ref<number>) => ValidationRuleWithParams< {
31
- max: number;
29
+ export declare const maxLength: (max: number | Ref<number>) => ValidationRuleWithParams<{
30
+ max: number;
32
31
  }>;
33
32
 
34
- export declare const maxValue: (max: number | Ref<number> | string | Ref<string>) => ValidationRuleWithParams< {
35
- max: number;
33
+ export declare const maxValue: (max: number | Ref<number> | string | Ref<string>) => ValidationRuleWithParams<{
34
+ max: number;
36
35
  }>;
37
36
 
38
- export declare const minLength: (min: number | Ref<number>) => ValidationRuleWithParams< {
39
- min: number;
37
+ export declare const minLength: (min: number | Ref<number>) => ValidationRuleWithParams<{
38
+ min: number;
40
39
  }>;
41
40
 
42
- export declare const minValue: (min: number | Ref<number> | string | Ref<string>) => ValidationRuleWithParams< {
43
- min: number;
41
+ export declare const minValue: (min: number | Ref<number> | string | Ref<string>) => ValidationRuleWithParams<{
42
+ min: number;
44
43
  }>;
45
44
 
46
45
  export declare const numeric: ValidationRuleWithoutParams<any>;
@@ -53,12 +52,12 @@ export declare const requiredIf: (prop: boolean | Ref<boolean> | string | (() =>
53
52
 
54
53
  export declare const requiredUnless: (prop: boolean | Ref<boolean> | string | (() => boolean | Promise<boolean>)) => ValidationRuleWithoutParams;
55
54
 
56
- export declare const sameAs: <E = unknown>(equalTo: E | Ref<E>, otherName?: string) => ValidationRuleWithParams< {
57
- equalTo: E;
58
- otherName: string;
55
+ export declare const sameAs: <E = unknown>(equalTo: E | Ref<E>, otherName?: string) => ValidationRuleWithParams<{
56
+ equalTo: E;
57
+ otherName: string;
59
58
  }>;
60
59
 
61
- export declare function setGlobalValidationSettings(opt: PartialDeep<ValidationOptions>): void;
60
+ export declare function setGlobalValidationSettings(opt: ValidationSettings): void;
62
61
 
63
62
  export declare const url: ValidationRuleWithoutParams<any>;
64
63
 
@@ -75,6 +74,11 @@ export declare interface ValidationOptions {
75
74
  message: ValidationMessageOptions;
76
75
  }
77
76
 
77
+ export declare interface ValidationSettings {
78
+ t?: typeof TranslationFunction;
79
+ message?: ValidationTranslationFn | Partial<ValidationTranslationTransformOptions>;
80
+ }
81
+
78
82
  export declare type ValidationTranslationFn = (validatorName: string) => string;
79
83
 
80
84
  export declare type ValidationTranslationTransform = 'snake_case' | 'camelCase' | 'PascalCase' | 'kebab-case' | 'none';
@@ -1,89 +1,61 @@
1
- import * as t from "@vuelidate/validators";
2
- import { helpers as u } from "@vuelidate/validators";
3
- import { clone as h, upperFirst as g, camelCase as c, snakeCase as d, kebabCase as p, assign as w } from "lodash";
4
- import { computed as A, unref as b } from "vue";
5
- const m = {
6
- transform: "none",
7
- prefix: "validation"
8
- };
9
- let o = null, a = h(m);
10
- const n = t.createI18nMessage({
11
- t: (...e) => {
12
- if (!o)
13
- throw new Error("No translation function provided");
14
- return o(...e);
15
- },
16
- messagePath(e) {
17
- try {
18
- if (typeof a == "function")
19
- return a(e.$validator);
20
- const r = V(e.$validator, a.transform);
21
- return `${a.prefix}.${r}`;
22
- } catch (r) {
23
- return console.log("Error while transforming validator: ", r), "yolo";
24
- }
25
- }
1
+ import { computed as e, unref as t } from "vue";
2
+ import { camelCase as n, kebabCase as r, snakeCase as i, upperFirst as a } from "lodash-es";
3
+ import * as o from "@vuelidate/validators";
4
+ import { helpers as s } from "@vuelidate/validators";
5
+ //#region lib/composables/vuelidate/validators.ts
6
+ var c = {
7
+ transform: "none",
8
+ prefix: "validation"
9
+ }, l = null, u = { ...c }, d = o.createI18nMessage({
10
+ t: (...e) => {
11
+ if (!l) throw Error("No translation function provided");
12
+ return l(...e);
13
+ },
14
+ messagePath(e) {
15
+ return typeof u == "function" ? u(e.$validator) : `${u.prefix}.${f(e.$validator, u.transform)}`;
16
+ }
26
17
  });
27
- function V(e, r) {
28
- switch (r) {
29
- case "camelCase":
30
- return c(e);
31
- case "kebab-case":
32
- return p(e);
33
- case "snake_case":
34
- return d(e);
35
- case "PascalCase":
36
- return g(c(e));
37
- default:
38
- return e;
39
- }
18
+ function f(e, t) {
19
+ switch (t) {
20
+ case "camelCase": return n(e);
21
+ case "kebab-case": return r(e);
22
+ case "snake_case": return i(e);
23
+ case "PascalCase": return a(n(e));
24
+ default: return e;
25
+ }
40
26
  }
41
- const E = n(t.required), C = n(t.requiredIf, { withArguments: !0 }), I = n(t.requiredUnless, { withArguments: !0 }), L = n(t.minLength, { withArguments: !0 }), N = n(t.maxLength, { withArguments: !0 }), P = n(t.minValue, { withArguments: !0 }), T = n(t.maxValue, { withArguments: !0 }), U = n(t.between, { withArguments: !0 }), W = n(t.alpha), B = n(t.alphaNum), F = n(t.numeric), M = n(t.integer), S = n(t.decimal), _ = n(t.email), D = n(t.ipAddress), G = n(t.macAddress), R = n(t.sameAs, { withArguments: !0 }), k = n(t.url), z = n((e) => u.withParams({
42
- type: "oneOf",
43
- values: e
44
- }, (r) => {
45
- const s = Array.isArray(e) ? e : Object.values(e);
46
- return !u.req(r) || s.includes(r);
27
+ var p = d(o.required), m = d(o.requiredIf, { withArguments: !0 }), h = d(o.requiredUnless, { withArguments: !0 }), g = d(o.minLength, { withArguments: !0 }), _ = d(o.maxLength, { withArguments: !0 }), v = d(o.minValue, { withArguments: !0 }), y = d(o.maxValue, { withArguments: !0 }), b = d(o.between, { withArguments: !0 }), x = d(o.alpha), S = d(o.alphaNum), C = d(o.numeric), w = d(o.integer), T = d(o.decimal), E = d(o.email), D = d(o.ipAddress), O = d(o.macAddress, { withArguments: !0 }), k = d(o.sameAs, { withArguments: !0 }), A = d(o.url), j = d((e) => s.withParams({
28
+ type: "oneOf",
29
+ values: e
30
+ }, (t) => {
31
+ let n = Array.isArray(e) ? e : Object.values(e);
32
+ return !s.req(t) || n.includes(t);
47
33
  }), { withArguments: !0 });
48
- function H(e) {
49
- e.t && (o = e.t), typeof e.message == "function" ? a = e.message : a = w({}, m, e.message);
34
+ function M(e) {
35
+ e.t && (l = e.t);
36
+ let t = e.message;
37
+ u = typeof t == "function" ? t : {
38
+ ...c,
39
+ ...t
40
+ };
50
41
  }
51
- const J = (e) => A(() => l(e.value));
52
- function l(e) {
53
- return Object.entries(e).map(([r, s]) => r.startsWith("$") ? [r, null] : O(s) ? [r, j(s)] : $(s) ? [r, l(s)] : (console.warn("Unknown validation type.", r, s), [r, null])).reduce((r, [s, i]) => (i && (r[s] = i), r), {});
42
+ //#endregion
43
+ //#region lib/composables/vuelidate/useVuelidateErrors.ts
44
+ var N = (t) => e(() => P(t.value));
45
+ function P(e) {
46
+ return Object.entries(e).map(([e, t]) => e.startsWith("$") ? [e, null] : F(t) ? [e, R(t)] : I(t) ? [e, P(t)] : (console.warn("Unknown validation type.", e, t), [e, null])).reduce((e, [t, n]) => (n && (e[t] = n), e), {});
54
47
  }
55
- function O(e) {
56
- return typeof e != "object" || e === null ? !1 : Object.hasOwn(e, "$model") && Object.entries(e).filter(([r]) => !r.startsWith("$")).every(([, r]) => f(r));
48
+ function F(e) {
49
+ return typeof e != "object" || !e ? !1 : Object.hasOwn(e, "$model") && Object.entries(e).filter(([e]) => !e.startsWith("$")).every(([, e]) => L(e));
57
50
  }
58
- function $(e) {
59
- return typeof e != "object" || e === null ? !1 : Object.entries(e).filter(([r]) => !r.startsWith("$")).some(([, r]) => !f(r));
51
+ function I(e) {
52
+ return typeof e != "object" || !e ? !1 : Object.entries(e).filter(([e]) => !e.startsWith("$")).some(([, e]) => !L(e));
60
53
  }
61
- function f(e) {
62
- return typeof e == "object" && e !== null && Object.hasOwn(e, "$params");
54
+ function L(e) {
55
+ return typeof e == "object" && !!e && Object.hasOwn(e, "$params");
63
56
  }
64
- function j(e) {
65
- return e.$errors.map((r) => b(r.$message));
57
+ function R(e) {
58
+ return e.$errors.map((e) => t(e.$message));
66
59
  }
67
- export {
68
- W as alpha,
69
- B as alphaNum,
70
- U as between,
71
- S as decimal,
72
- _ as email,
73
- M as integer,
74
- D as ipAddress,
75
- G as maxAddress,
76
- N as maxLength,
77
- T as maxValue,
78
- L as minLength,
79
- P as minValue,
80
- F as numeric,
81
- z as oneOf,
82
- E as required,
83
- C as requiredIf,
84
- I as requiredUnless,
85
- R as sameAs,
86
- H as setGlobalValidationSettings,
87
- k as url,
88
- J as useVuelidateErrors
89
- };
60
+ //#endregion
61
+ export { x as alpha, S as alphaNum, b as between, T as decimal, E as email, w as integer, D as ipAddress, O as macAddress, _ as maxLength, y as maxValue, g as minLength, v as minValue, C as numeric, j as oneOf, p as required, m as requiredIf, h as requiredUnless, k as sameAs, M as setGlobalValidationSettings, A as url, N as useVuelidateErrors };
@@ -0,0 +1,32 @@
1
+ @use 'sass:math';
2
+
3
+ $sans: 'Noto Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
4
+
5
+ @forward 'vuetify/settings' with (
6
+ $border-radius-root: 6px,
7
+ $alert-title-font-size: 0.875rem,
8
+ $alert-title-font-weight: 600,
9
+ $alert-title-line-height: 1.25rem,
10
+ $alert-title-letter-spacing: normal,
11
+ $switch-track-opacity: 1,
12
+ $skeleton-loader-text-background: color-mix(in srgb, rgb(var(--v-theme-on-surface)) 12%, transparent),
13
+ $rounded: (
14
+ 'sm': 4px,
15
+ 'md': 6px,
16
+ 'lg': 10px,
17
+ 'pill': 9999px,
18
+ ),
19
+ $typography: (
20
+ 'display-small': ('size': 1.75rem, 'weight': 600, 'line-height': math.div(36, 28), 'letter-spacing': -0.01em, 'font-family': $sans),
21
+ 'headline-small': ('size': 1.5rem, 'weight': 600, 'line-height': math.div(32, 24), 'letter-spacing': -0.01em, 'font-family': $sans),
22
+ 'title-large': ('size': 1.25rem, 'weight': 600, 'line-height': math.div(28, 20), 'letter-spacing': normal, 'font-family': $sans),
23
+ 'title-medium': ('size': 1rem, 'weight': 600, 'line-height': 1.5, 'letter-spacing': normal, 'font-family': $sans),
24
+ 'title-small': ('size': 0.875rem, 'weight': 600, 'line-height': math.div(20, 14), 'letter-spacing': normal, 'font-family': $sans),
25
+ 'body-large': ('size': 1rem, 'weight': 400, 'line-height': 1.5, 'letter-spacing': normal, 'font-family': $sans),
26
+ 'body-medium': ('size': 0.875rem, 'weight': 400, 'line-height': math.div(20, 14), 'letter-spacing': normal, 'font-family': $sans),
27
+ 'body-small': ('size': 0.75rem, 'weight': 400, 'line-height': math.div(16, 12), 'letter-spacing': normal, 'font-family': $sans),
28
+ 'label-large': ('size': 0.875rem, 'weight': 500, 'line-height': math.div(20, 14), 'letter-spacing': normal, 'font-family': $sans),
29
+ 'label-medium': ('size': 0.75rem, 'weight': 500, 'line-height': math.div(16, 12), 'letter-spacing': normal, 'font-family': $sans),
30
+ 'label-small': ('size': 0.6875rem, 'weight': 600, 'line-height': math.div(16, 11), 'letter-spacing': 0.04em, 'font-family': $sans),
31
+ )
32
+ );
@@ -0,0 +1,31 @@
1
+ import { DefaultsInstance } from 'vuetify';
2
+ import { IconOptions } from 'vuetify';
3
+ import { ThemeDefinition } from 'vuetify';
4
+ import { VuetifyOptions } from 'vuetify';
5
+
6
+ export declare function createVuetifyOptions(overrides?: VuetifyOptions): VuetifyOptions;
7
+
8
+ export declare const darkTheme: ThemeDefinition;
9
+
10
+ export declare const defaults: NonNullable<DefaultsInstance>;
11
+
12
+ export declare const icons: IconOptions;
13
+
14
+ export declare const lightTheme: ThemeDefinition;
15
+
16
+ export declare const themeVariables: {
17
+ 'border-opacity': number;
18
+ 'high-emphasis-opacity': number;
19
+ 'medium-emphasis-opacity': number;
20
+ 'disabled-opacity': number;
21
+ 'hover-opacity': number;
22
+ 'focus-opacity': number;
23
+ 'pressed-opacity': number;
24
+ 'selected-opacity': number;
25
+ 'activated-opacity': number;
26
+ 'dragged-opacity': number;
27
+ 'font-body': string;
28
+ 'font-heading': string;
29
+ };
30
+
31
+ export { }
@@ -0,0 +1,288 @@
1
+ import { cloneDeep as e, merge as t } from "lodash-es";
2
+ import { aliases as n, mdi as r } from "vuetify/iconsets/mdi-svg";
3
+ //#region lib/vuetify/variables.ts
4
+ var i = "\"Noto Sans\", system-ui, -apple-system, \"Segoe UI\", sans-serif", a = {
5
+ "border-opacity": 1,
6
+ "high-emphasis-opacity": 1,
7
+ "medium-emphasis-opacity": .72,
8
+ "disabled-opacity": .38,
9
+ "hover-opacity": .06,
10
+ "focus-opacity": .1,
11
+ "pressed-opacity": .14,
12
+ "selected-opacity": .1,
13
+ "activated-opacity": .12,
14
+ "dragged-opacity": .08,
15
+ "font-body": i,
16
+ "font-heading": i
17
+ }, o = {
18
+ dark: !1,
19
+ colors: {
20
+ primary: "#ffcf00",
21
+ "primary-hover": "#f2c300",
22
+ "primary-pressed": "#e3b600",
23
+ "on-primary": "#1d1b16",
24
+ "primary-container": "#fff2b8",
25
+ "on-primary-container": "#5a4500",
26
+ secondary: "#1d1b16",
27
+ "on-secondary": "#ffffff",
28
+ background: "#f6f5f1",
29
+ "on-background": "#1d1b16",
30
+ surface: "#ffffff",
31
+ "on-surface": "#1d1b16",
32
+ "surface-bright": "#ffffff",
33
+ "surface-light": "#efede7",
34
+ "surface-variant": "#2b2924",
35
+ "on-surface-variant": "#f4f2ec",
36
+ "surface-hover": "#f4f2ed",
37
+ "surface-sunken": "#efede7",
38
+ "surface-overlay": "#ffffff",
39
+ "surface-inverse": "#2b2924",
40
+ "on-surface-inverse": "#f4f2ec",
41
+ "inverse-primary": "#ffcf00",
42
+ scrim: "#121110",
43
+ ink: "#1d1b16",
44
+ "ink-muted": "#5c584f",
45
+ "ink-disabled": "#a29d92",
46
+ border: "#e5e2da",
47
+ "border-strong": "#8a8478",
48
+ "disabled-surface": "#eeece6",
49
+ focus: "#2457c5",
50
+ success: "#1b7a3f",
51
+ "on-success": "#ffffff",
52
+ "success-container": "#e4efe8",
53
+ warning: "#a94b0b",
54
+ "on-warning": "#ffffff",
55
+ "warning-container": "#f5e9e2",
56
+ error: "#c0282e",
57
+ "on-error": "#ffffff",
58
+ "error-container": "#f7e5e6",
59
+ info: "#2457c5",
60
+ "on-info": "#ffffff",
61
+ "info-container": "#e5ebf8"
62
+ },
63
+ variables: {
64
+ ...a,
65
+ "border-color": "#e5e2da",
66
+ "theme-code": "#efede7",
67
+ "theme-on-code": "#1d1b16",
68
+ "theme-kbd": "#efede7",
69
+ "theme-on-kbd": "#1d1b16",
70
+ "shadow-color": "#1d1b16",
71
+ "shadow-key-opacity": .1,
72
+ "shadow-ambient-opacity": .1,
73
+ "shadow-sm": "0 1px 2px rgba(29, 27, 22, 0.06)",
74
+ "shadow-md": "0 2px 4px rgba(29, 27, 22, 0.06), 0 8px 24px rgba(29, 27, 22, 0.12)",
75
+ "shadow-lg": "0 4px 8px rgba(29, 27, 22, 0.08), 0 24px 48px rgba(29, 27, 22, 0.18)"
76
+ }
77
+ }, s = {
78
+ dark: !0,
79
+ colors: {
80
+ primary: "#ffcf00",
81
+ "primary-hover": "#ffd942",
82
+ "primary-pressed": "#ffe170",
83
+ "on-primary": "#1d1b16",
84
+ "primary-container": "#3a3112",
85
+ "on-primary-container": "#ffdf73",
86
+ secondary: "#f1efe8",
87
+ "on-secondary": "#1d1b16",
88
+ background: "#121110",
89
+ "on-background": "#f1efe8",
90
+ surface: "#1b1a17",
91
+ "on-surface": "#f1efe8",
92
+ "surface-bright": "#262420",
93
+ "surface-light": "#262420",
94
+ "surface-variant": "#ebe8e1",
95
+ "on-surface-variant": "#1d1b16",
96
+ "surface-hover": "#24221f",
97
+ "surface-sunken": "#262420",
98
+ "surface-overlay": "#262420",
99
+ "surface-inverse": "#ebe8e1",
100
+ "on-surface-inverse": "#1d1b16",
101
+ "inverse-primary": "#5a4500",
102
+ scrim: "#000000",
103
+ ink: "#f1efe8",
104
+ "ink-muted": "#aca79c",
105
+ "ink-disabled": "#5f5b53",
106
+ border: "#34322d",
107
+ "border-strong": "#7f796e",
108
+ "disabled-surface": "#2a2925",
109
+ focus: "#8db0ff",
110
+ success: "#62cd88",
111
+ "on-success": "#0f1a12",
112
+ "success-container": "#242f25",
113
+ warning: "#ffa45e",
114
+ "on-warning": "#1d1b16",
115
+ "warning-container": "#362b20",
116
+ error: "#ff8a85",
117
+ "on-error": "#1d1b16",
118
+ "error-container": "#362724",
119
+ info: "#8db0ff",
120
+ "on-info": "#10141f",
121
+ "info-container": "#292c33"
122
+ },
123
+ variables: {
124
+ ...a,
125
+ "border-color": "#34322d",
126
+ "theme-code": "#262420",
127
+ "theme-on-code": "#f1efe8",
128
+ "theme-kbd": "#262420",
129
+ "theme-on-kbd": "#f1efe8",
130
+ "shadow-color": "#000000",
131
+ "shadow-key-opacity": .5,
132
+ "shadow-ambient-opacity": .4,
133
+ "shadow-sm": "0 1px 2px rgba(0, 0, 0, 0.5)",
134
+ "shadow-md": "0 2px 4px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.5)",
135
+ "shadow-lg": "0 4px 8px rgba(0, 0, 0, 0.5), 0 24px 48px rgba(0, 0, 0, 0.6)"
136
+ }
137
+ }, c = {
138
+ variant: "outlined",
139
+ density: "comfortable",
140
+ color: "focus",
141
+ baseColor: "ink",
142
+ hideDetails: "auto"
143
+ }, l = {
144
+ global: { ripple: !1 },
145
+ VBtn: {
146
+ variant: "outlined",
147
+ color: "ink",
148
+ rounded: "md"
149
+ },
150
+ VBtnGroup: {
151
+ variant: "text",
152
+ color: "ink",
153
+ border: "thin border-strong",
154
+ divided: !0,
155
+ rounded: "md"
156
+ },
157
+ VTextField: c,
158
+ VTextarea: c,
159
+ VSelect: {
160
+ ...c,
161
+ itemColor: "ink",
162
+ menuProps: { offset: 4 }
163
+ },
164
+ VAutocomplete: {
165
+ ...c,
166
+ itemColor: "ink"
167
+ },
168
+ VCombobox: {
169
+ ...c,
170
+ itemColor: "ink"
171
+ },
172
+ VNumberInput: {
173
+ ...c,
174
+ controlVariant: "stacked"
175
+ },
176
+ VCheckbox: {
177
+ color: "ink",
178
+ density: "compact",
179
+ hideDetails: "auto"
180
+ },
181
+ VSwitch: {
182
+ color: "ink",
183
+ baseColor: "border-strong",
184
+ inset: !0,
185
+ density: "compact",
186
+ hideDetails: "auto"
187
+ },
188
+ VCard: {
189
+ variant: "flat",
190
+ rounded: "lg",
191
+ border: !0
192
+ },
193
+ VChip: {
194
+ size: "small",
195
+ density: "comfortable"
196
+ },
197
+ VAlert: {
198
+ variant: "tonal",
199
+ density: "compact",
200
+ rounded: "md"
201
+ },
202
+ VDialog: {
203
+ scrim: "scrim",
204
+ opacity: .48,
205
+ scrollable: !0,
206
+ retainFocus: !0
207
+ },
208
+ VMenu: { offset: 4 },
209
+ VDivider: { color: "border" },
210
+ VList: {
211
+ density: "comfortable",
212
+ color: "ink",
213
+ activeClass: "bg-primary-container"
214
+ },
215
+ VListItem: {
216
+ color: "ink",
217
+ activeClass: "bg-primary-container"
218
+ },
219
+ VExpansionPanels: {
220
+ flat: !0,
221
+ rounded: "lg",
222
+ class: "border"
223
+ },
224
+ VProgressLinear: {
225
+ bgOpacity: .12,
226
+ bufferOpacity: .12
227
+ },
228
+ VDataTable: {
229
+ density: "comfortable",
230
+ hover: !0
231
+ },
232
+ VDataTableServer: {
233
+ density: "comfortable",
234
+ hover: !0,
235
+ itemsPerPage: 25
236
+ },
237
+ VSnackbar: {
238
+ color: "surface-inverse",
239
+ location: "bottom",
240
+ timeout: 4e3,
241
+ rounded: "lg"
242
+ },
243
+ VTooltip: {
244
+ location: "top",
245
+ openDelay: 300
246
+ },
247
+ VBtnToggle: {
248
+ variant: "text",
249
+ color: "ink"
250
+ },
251
+ VNavigationDrawer: {
252
+ border: "e",
253
+ elevation: 0
254
+ }
255
+ }, u = {
256
+ defaultSet: "mdi",
257
+ aliases: n,
258
+ sets: { mdi: r }
259
+ };
260
+ //#endregion
261
+ //#region lib/vuetify/createVuetifyOptions.ts
262
+ function d(n = {}) {
263
+ let { icons: r, ...i } = n, a = {
264
+ theme: {
265
+ defaultTheme: "system",
266
+ themes: {
267
+ light: e(o),
268
+ dark: e(s)
269
+ }
270
+ },
271
+ defaults: e(l),
272
+ display: { mobileBreakpoint: "sm" }
273
+ }, c = t(a, i);
274
+ return c.icons = {
275
+ ...r,
276
+ defaultSet: r?.defaultSet ?? u.defaultSet,
277
+ aliases: {
278
+ ...u.aliases,
279
+ ...r?.aliases
280
+ },
281
+ sets: {
282
+ ...u.sets,
283
+ ...r?.sets
284
+ }
285
+ }, c;
286
+ }
287
+ //#endregion
288
+ export { d as createVuetifyOptions, s as darkTheme, l as defaults, u as icons, o as lightTheme, a as themeVariables };