@yeepay/yee-boss-ui 0.1.0

package/dist/tailwind-preset.d.ts

@@ -0,0 +1,198 @@
+type TailwindOpacity = {
+    opacityValue?: string;
+};
+export declare const bossUiTailwindPreset: {
+    readonly darkMode: readonly ["class", "[data-theme=\"dark\"]"];
+    readonly theme: {
+        readonly extend: {
+            readonly borderRadius: {
+                readonly DEFAULT: "var(--yee-radius)";
+                readonly lg: "var(--yee-radius-lg)";
+                readonly sm: "var(--yee-radius-sm)";
+            };
+            readonly boxShadow: {
+                readonly DEFAULT: "var(--yee-shadow)";
+                readonly secondary: "var(--yee-shadow-secondary)";
+            };
+            readonly colors: {
+                readonly accent: {
+                    readonly DEFAULT: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly dark: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly darker: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly foreground: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly hover: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly lighter: ({ opacityValue }?: TailwindOpacity) => string;
+                };
+                readonly background: {
+                    readonly DEFAULT: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly deep: ({ opacityValue }?: TailwindOpacity) => string;
+                };
+                readonly border: ({ opacityValue }?: TailwindOpacity) => string;
+                readonly card: {
+                    readonly DEFAULT: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly foreground: ({ opacityValue }?: TailwindOpacity) => string;
+                };
+                readonly destructive: {
+                    readonly DEFAULT: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly background: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly foreground: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 50: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 100: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 200: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 300: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 400: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 500: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 600: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 700: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 800: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 900: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 950: ({ opacityValue }?: TailwindOpacity) => string;
+                };
+                readonly foreground: {
+                    readonly DEFAULT: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly disabled: ({ opacityValue }?: TailwindOpacity) => string;
+                };
+                readonly green: {
+                    readonly foreground: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 50: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 100: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 200: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 300: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 400: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 500: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 600: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 700: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 800: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 900: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 950: ({ opacityValue }?: TailwindOpacity) => string;
+                };
+                readonly header: ({ opacityValue }?: TailwindOpacity) => string;
+                readonly heavy: {
+                    readonly DEFAULT: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly foreground: ({ opacityValue }?: TailwindOpacity) => string;
+                };
+                readonly info: {
+                    readonly DEFAULT: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly foreground: ({ opacityValue }?: TailwindOpacity) => string;
+                };
+                readonly input: {
+                    readonly DEFAULT: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly background: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly placeholder: ({ opacityValue }?: TailwindOpacity) => string;
+                };
+                readonly muted: {
+                    readonly DEFAULT: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly foreground: ({ opacityValue }?: TailwindOpacity) => string;
+                };
+                readonly overlay: {
+                    readonly DEFAULT: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly content: ({ opacityValue }?: TailwindOpacity) => string;
+                };
+                readonly popover: {
+                    readonly DEFAULT: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly foreground: ({ opacityValue }?: TailwindOpacity) => string;
+                };
+                readonly primary: {
+                    readonly DEFAULT: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly active: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly foreground: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly hover: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 50: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 100: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 200: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 300: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 400: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 500: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 600: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 700: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 800: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 900: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 950: ({ opacityValue }?: TailwindOpacity) => string;
+                };
+                readonly red: {
+                    readonly foreground: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 50: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 100: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 200: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 300: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 400: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 500: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 600: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 700: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 800: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 900: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 950: ({ opacityValue }?: TailwindOpacity) => string;
+                };
+                readonly ring: ({ opacityValue }?: TailwindOpacity) => string;
+                readonly secondary: {
+                    readonly DEFAULT: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly foreground: ({ opacityValue }?: TailwindOpacity) => string;
+                };
+                readonly sidebar: {
+                    readonly DEFAULT: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly deep: ({ opacityValue }?: TailwindOpacity) => string;
+                };
+                readonly success: {
+                    readonly DEFAULT: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly foreground: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 50: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 100: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 200: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 300: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 400: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 500: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 600: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 700: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 800: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 900: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 950: ({ opacityValue }?: TailwindOpacity) => string;
+                };
+                readonly warning: {
+                    readonly DEFAULT: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly foreground: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 50: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 100: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 200: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 300: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 400: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 500: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 600: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 700: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 800: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 900: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 950: ({ opacityValue }?: TailwindOpacity) => string;
+                };
+                readonly yellow: {
+                    readonly foreground: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 50: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 100: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 200: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 300: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 400: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 500: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 600: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 700: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 800: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 900: ({ opacityValue }?: TailwindOpacity) => string;
+                    readonly 950: ({ opacityValue }?: TailwindOpacity) => string;
+                };
+            };
+            readonly fontFamily: {
+                readonly sans: readonly ["var(--yee-font-family)"];
+            };
+            readonly fontSize: {
+                readonly base: "var(--yee-font-size)";
+                readonly lg: "var(--yee-font-size-lg)";
+                readonly root: "var(--yee-font-size-root)";
+                readonly sm: "var(--yee-font-size-sm)";
+            };
+            readonly lineHeight: {
+                readonly normal: "var(--yee-line-height)";
+            };
+            readonly zIndex: {
+                readonly popup: "var(--yee-popup-z-index)";
+            };
+        };
+    };
+};
+export default bossUiTailwindPreset;

package/dist/tailwind-preset.js

@@ -0,0 +1,155 @@
+function c(r, n) {
+  return n === void 0 ? r : `color-mix(in srgb, ${r} calc(${n} * 100%), transparent)`;
+}
+function e(r) {
+  return ({ opacityValue: n } = {}) => c(`var(${r})`, n);
+}
+function o(r, n, u) {
+  return ({ opacityValue: s } = {}) => {
+    const i = `color-mix(in srgb, var(${r}) ${u}%, ${n})`;
+    return c(i, s);
+  };
+}
+function d(r) {
+  return {
+    50: o(r, "white", 10),
+    100: o(r, "white", 20),
+    200: o(r, "white", 40),
+    300: o(r, "white", 60),
+    400: o(r, "white", 80),
+    500: e(r),
+    600: o(r, "black", 90),
+    700: o(r, "black", 80),
+    800: o(r, "black", 70),
+    900: o(r, "black", 60),
+    950: o(r, "black", 50)
+  };
+}
+const t = d("--yee-destructive"), g = d("--yee-primary"), y = d("--yee-success"), a = d("--yee-warning"), f = {
+  darkMode: ["class", '[data-theme="dark"]'],
+  theme: {
+    extend: {
+      borderRadius: {
+        DEFAULT: "var(--yee-radius)",
+        lg: "var(--yee-radius-lg)",
+        sm: "var(--yee-radius-sm)"
+      },
+      boxShadow: {
+        DEFAULT: "var(--yee-shadow)",
+        secondary: "var(--yee-shadow-secondary)"
+      },
+      colors: {
+        accent: {
+          DEFAULT: e("--yee-accent"),
+          dark: e("--yee-accent-dark"),
+          darker: e("--yee-accent-darker"),
+          foreground: e("--yee-accent-foreground"),
+          hover: e("--yee-accent-hover"),
+          lighter: e("--yee-accent-lighter")
+        },
+        background: {
+          DEFAULT: e("--yee-background"),
+          deep: e("--yee-background-deep")
+        },
+        border: e("--yee-border"),
+        card: {
+          DEFAULT: e("--yee-card"),
+          foreground: e("--yee-card-foreground")
+        },
+        destructive: {
+          ...t,
+          DEFAULT: e("--yee-destructive"),
+          background: e("--yee-destructive-background"),
+          foreground: e("--yee-destructive-foreground")
+        },
+        foreground: {
+          DEFAULT: e("--yee-foreground"),
+          disabled: e("--yee-foreground-disabled")
+        },
+        green: {
+          ...y,
+          foreground: e("--yee-success-foreground")
+        },
+        header: e("--yee-header"),
+        heavy: {
+          DEFAULT: e("--yee-heavy"),
+          foreground: e("--yee-heavy-foreground")
+        },
+        info: {
+          DEFAULT: e("--yee-info"),
+          foreground: e("--yee-info-foreground")
+        },
+        input: {
+          DEFAULT: e("--yee-input"),
+          background: e("--yee-input-background"),
+          placeholder: e("--yee-input-placeholder")
+        },
+        muted: {
+          DEFAULT: e("--yee-muted"),
+          foreground: e("--yee-muted-foreground")
+        },
+        overlay: {
+          DEFAULT: e("--yee-overlay"),
+          content: e("--yee-overlay-content")
+        },
+        popover: {
+          DEFAULT: e("--yee-popover"),
+          foreground: e("--yee-popover-foreground")
+        },
+        primary: {
+          ...g,
+          DEFAULT: e("--yee-primary"),
+          active: e("--yee-primary-active"),
+          foreground: e("--yee-primary-foreground"),
+          hover: e("--yee-primary-hover")
+        },
+        red: {
+          ...t,
+          foreground: e("--yee-destructive-foreground")
+        },
+        ring: e("--yee-ring"),
+        secondary: {
+          DEFAULT: e("--yee-secondary"),
+          foreground: e("--yee-secondary-foreground")
+        },
+        sidebar: {
+          DEFAULT: e("--yee-sidebar"),
+          deep: e("--yee-sidebar-deep")
+        },
+        success: {
+          ...y,
+          DEFAULT: e("--yee-success"),
+          foreground: e("--yee-success-foreground")
+        },
+        warning: {
+          ...a,
+          DEFAULT: e("--yee-warning"),
+          foreground: e("--yee-warning-foreground")
+        },
+        yellow: {
+          ...a,
+          foreground: e("--yee-warning-foreground")
+        }
+      },
+      fontFamily: {
+        sans: ["var(--yee-font-family)"]
+      },
+      fontSize: {
+        base: "var(--yee-font-size)",
+        lg: "var(--yee-font-size-lg)",
+        root: "var(--yee-font-size-root)",
+        sm: "var(--yee-font-size-sm)"
+      },
+      lineHeight: {
+        normal: "var(--yee-line-height)"
+      },
+      zIndex: {
+        popup: "var(--yee-popup-z-index)"
+      }
+    }
+  }
+};
+export {
+  f as bossUiTailwindPreset,
+  f as default
+};

package/dist/theme/ant-theme.d.ts

@@ -0,0 +1,3 @@
+import { ThemeConfig } from 'ant-design-vue/es/config-provider/context';
+import { ResolvedPlatformTheme } from './types';
+export declare function toAntDesignTheme(theme: ResolvedPlatformTheme): ThemeConfig;

package/dist/theme/context.d.ts

@@ -0,0 +1,4 @@
+import { ComputedRef, InjectionKey } from 'vue';
+import { ResolvedPlatformTheme } from './types';
+export declare const platformThemeKey: InjectionKey<ComputedRef<ResolvedPlatformTheme>>;
+export declare function usePlatformTheme(): ComputedRef<ResolvedPlatformTheme>;

package/dist/theme/css-variables.d.ts

@@ -0,0 +1,3 @@
+import { CSSProperties } from 'vue';
+import { ResolvedPlatformTheme } from './types';
+export declare function toPlatformCssVariables(theme: ResolvedPlatformTheme): CSSProperties;

package/dist/theme/index.d.ts

@@ -0,0 +1,4 @@
+export { toAntDesignTheme } from './ant-theme';
+export { toPlatformCssVariables } from './css-variables';
+export { darkThemeTokens, lightThemeTokens, resolvePlatformTheme, } from './tokens';
+export type { PlatformTheme, PlatformThemeMode, PlatformThemeTokens, ResolvedPlatformTheme, } from './types';

package/dist/theme/tokens.d.ts

@@ -0,0 +1,4 @@
+import { PlatformTheme, PlatformThemeTokens, ResolvedPlatformTheme } from './types';
+export declare const lightThemeTokens: Readonly<PlatformThemeTokens>;
+export declare const darkThemeTokens: Readonly<PlatformThemeTokens>;
+export declare function resolvePlatformTheme(theme?: PlatformTheme): ResolvedPlatformTheme;

package/dist/theme/types.d.ts

@@ -0,0 +1,68 @@
+export type PlatformThemeMode = 'light' | 'dark';
+export interface PlatformThemeTokens {
+    accent: string;
+    accentDark: string;
+    accentDarker: string;
+    accentForeground: string;
+    accentHover: string;
+    accentLighter: string;
+    background: string;
+    backgroundDeep: string;
+    border: string;
+    borderSecondary: string;
+    card: string;
+    cardForeground: string;
+    controlHeight: number;
+    destructive: string;
+    destructiveBackground: string;
+    destructiveForeground: string;
+    fontFamily: string;
+    fontSize: number;
+    fontSizeLG: number;
+    fontSizeRoot: number;
+    fontSizeSM: number;
+    foreground: string;
+    foregroundDisabled: string;
+    header: string;
+    heavy: string;
+    heavyForeground: string;
+    info: string;
+    infoForeground: string;
+    input: string;
+    inputBackground: string;
+    inputPlaceholder: string;
+    lineHeight: number;
+    muted: string;
+    mutedForeground: string;
+    overlay: string;
+    overlayContent: string;
+    popover: string;
+    popoverForeground: string;
+    popupZIndex: number;
+    primary: string;
+    primaryActive: string;
+    primaryForeground: string;
+    primaryHover: string;
+    radius: number;
+    radiusLG: number;
+    radiusSM: number;
+    ring: string;
+    secondary: string;
+    secondaryForeground: string;
+    shadow: string;
+    shadowSecondary: string;
+    sidebar: string;
+    sidebarDeep: string;
+    success: string;
+    successForeground: string;
+    warning: string;
+    warningForeground: string;
+}
+export interface PlatformTheme {
+    mode?: PlatformThemeMode;
+    tokens?: Partial<PlatformThemeTokens>;
+}
+export interface ResolvedPlatformTheme {
+    readonly mode: PlatformThemeMode;
+    readonly tokens: Readonly<PlatformThemeTokens>;
+}

package/dist/theme.css

@@ -0,0 +1,126 @@
+:root,
+[data-theme='light'] {
+  --yee-accent: hsl(240 5% 96%);
+  --yee-accent-dark: hsl(216 14% 93%);
+  --yee-accent-darker: hsl(216 11% 91%);
+  --yee-accent-foreground: hsl(240 6% 10%);
+  --yee-accent-hover: hsl(200 10% 90%);
+  --yee-accent-lighter: hsl(240 0% 98%);
+  --yee-background: hsl(0 0% 100%);
+  --yee-background-deep: hsl(216 20.11% 95.47%);
+  --yee-border: hsl(240 5.9% 90%);
+  --yee-border-secondary: hsl(240 5% 94%);
+  --yee-card: hsl(0 0% 100%);
+  --yee-card-foreground: hsl(222.2 84% 4.9%);
+  --yee-control-height: 32px;
+  --yee-destructive: hsl(359.33 100% 65.1%);
+  --yee-destructive-background: hsl(4 100% 97%);
+  --yee-destructive-foreground: hsl(0 0% 98%);
+  --yee-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  --yee-font-size: 14px;
+  --yee-font-size-lg: 16px;
+  --yee-font-size-root: 16px;
+  --yee-font-size-sm: 12px;
+  --yee-foreground: hsl(210 6% 21%);
+  --yee-foreground-disabled: hsl(210 6% 21% / 35%);
+  --yee-header: hsl(0 0% 100%);
+  --yee-heavy: hsl(192 9.43% 89.61%);
+  --yee-heavy-foreground: hsl(240 6% 10%);
+  --yee-info: hsl(240 5% 96%);
+  --yee-info-foreground: hsl(220 4% 58%);
+  --yee-input: hsl(240 5.88% 90%);
+  --yee-input-background: hsl(0 0% 100%);
+  --yee-input-placeholder: hsl(217 10.6% 65%);
+  --yee-line-height: 1.5715;
+  --yee-muted: hsl(240 4.8% 95.9%);
+  --yee-muted-foreground: hsl(240 3.8% 46.1%);
+  --yee-overlay: hsl(0 0% 0% / 45%);
+  --yee-overlay-content: hsl(0 0% 95% / 45%);
+  --yee-popover: hsl(0 0% 100%);
+  --yee-popover-foreground: hsl(222.2 84% 4.9%);
+  --yee-popup-z-index: 999;
+  --yee-primary: hsl(212 100% 45%);
+  --yee-primary-active: hsl(212 100% 36%);
+  --yee-primary-foreground: hsl(0 0% 98%);
+  --yee-primary-hover: hsl(212 100% 55%);
+  --yee-radius: 8px;
+  --yee-radius-lg: 12px;
+  --yee-radius-sm: 4px;
+  --yee-ring: hsl(212 100% 45%);
+  --yee-secondary: hsl(240 5% 96%);
+  --yee-secondary-foreground: hsl(240 6% 10%);
+  --yee-shadow: 0 6px 16px 0 rgb(0 0 0 / 8%);
+  --yee-shadow-secondary: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%);
+  --yee-sidebar: hsl(0 0% 100%);
+  --yee-sidebar-deep: hsl(0 0% 100%);
+  --yee-success: hsl(144 57% 58%);
+  --yee-success-foreground: hsl(0 0% 98%);
+  --yee-warning: hsl(42 84% 61%);
+  --yee-warning-foreground: hsl(0 0% 98%);
+
+  accent-color: var(--yee-primary);
+  color-scheme: light;
+}
+
+html.dark,
+[data-theme='dark'] {
+  --yee-accent: hsl(216 5% 19%);
+  --yee-accent-dark: hsl(240 0% 22%);
+  --yee-accent-darker: hsl(240 0% 26%);
+  --yee-accent-foreground: hsl(0 0% 98%);
+  --yee-accent-hover: hsl(216 5% 24%);
+  --yee-accent-lighter: hsl(216 5% 12%);
+  --yee-background: hsl(222.34 10.43% 12.27%);
+  --yee-background-deep: hsl(220 13.06% 9%);
+  --yee-border: hsl(240 3.7% 22%);
+  --yee-border-secondary: hsl(240 3.7% 18%);
+  --yee-card: hsl(222.34 10.43% 12.27%);
+  --yee-card-foreground: hsl(210 40% 98%);
+  --yee-control-height: 32px;
+  --yee-destructive: hsl(359.21 68.47% 56.47%);
+  --yee-destructive-background: hsl(353 41% 12%);
+  --yee-destructive-foreground: hsl(0 0% 98%);
+  --yee-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  --yee-font-size: 14px;
+  --yee-font-size-lg: 16px;
+  --yee-font-size-root: 16px;
+  --yee-font-size-sm: 12px;
+  --yee-foreground: hsl(0 0% 95%);
+  --yee-foreground-disabled: hsl(0 0% 95% / 30%);
+  --yee-header: hsl(222.34 10.43% 12.27%);
+  --yee-heavy: hsl(216 5% 24%);
+  --yee-heavy-foreground: hsl(0 0% 98%);
+  --yee-info: hsl(180 1.54% 12.75%);
+  --yee-info-foreground: hsl(220 4% 58%);
+  --yee-input: hsl(0 0% 100% / 10%);
+  --yee-input-background: hsl(0 0% 100% / 5%);
+  --yee-input-placeholder: hsl(218 11% 65%);
+  --yee-line-height: 1.5715;
+  --yee-muted: hsl(240 3.7% 15.9%);
+  --yee-muted-foreground: hsl(240 5% 64.9%);
+  --yee-overlay: hsl(0 0% 0% / 40%);
+  --yee-overlay-content: hsl(0 0% 0% / 40%);
+  --yee-popover: hsl(0 0% 14.2%);
+  --yee-popover-foreground: hsl(210 40% 98%);
+  --yee-popup-z-index: 999;
+  --yee-primary: hsl(212 100% 45%);
+  --yee-primary-active: hsl(212 100% 65%);
+  --yee-primary-foreground: hsl(0 0% 98%);
+  --yee-primary-hover: hsl(212 100% 55%);
+  --yee-radius: 8px;
+  --yee-radius-lg: 12px;
+  --yee-radius-sm: 4px;
+  --yee-ring: hsl(212 100% 55%);
+  --yee-secondary: hsl(240 5% 17%);
+  --yee-secondary-foreground: hsl(0 0% 98%);
+  --yee-shadow: 0 6px 16px 0 rgb(0 0 0 / 32%);
+  --yee-shadow-secondary: 0 3px 6px -4px rgb(0 0 0 / 48%), 0 6px 16px 0 rgb(0 0 0 / 32%);
+  --yee-sidebar: hsl(222.34 10.43% 12.27%);
+  --yee-sidebar-deep: hsl(220 13.06% 9%);
+  --yee-success: hsl(144 57% 58%);
+  --yee-success-foreground: hsl(0 0% 98%);
+  --yee-warning: hsl(42 84% 61%);
+  --yee-warning-foreground: hsl(0 0% 98%);
+
+  color-scheme: dark;
+}

package/dist/theme.d.ts

@@ -0,0 +1,2 @@
+export * from './theme/index'
+export {}

package/dist/theme.js

@@ -0,0 +1,8 @@
+import { d as a, l as o, r, t, a as m } from "./tokens-Dj_CxJpe.js";
+export {
+  a as darkThemeTokens,
+  o as lightThemeTokens,
+  r as resolvePlatformTheme,
+  t as toAntDesignTheme,
+  m as toPlatformCssVariables
+};