@atomazing-org/design-system 1.1.1 → 1.2.0

package/dist/typography-Dq0wCojD.d.ts

@@ -0,0 +1,121 @@
+import { ThemeOptions, TypeBackground } from '@mui/material/styles';
+import { ReactNode, CSSProperties } from 'react';
+
+/**
+ * Available options for dark mode configuration.
+ * - `system`: Follows the operating system preference.
+ * - `auto`: Alias of `system` (no contrast-based detection in current contract).
+ * - `light`: Forces light mode.
+ * - `dark`: Forces dark mode.
+ */
+type DarkModeOptions = "system" | "auto" | "light" | "dark";
+interface OptionItem {
+    label: string;
+    value: DarkModeOptions;
+    icon: ReactNode;
+}
+type ThemeModeBackground = Partial<Record<"light" | "dark", Partial<TypeBackground>>>;
+type NamedThemeOptions = ThemeOptions & {
+    name: string;
+    background?: ThemeModeBackground;
+};
+/**
+ * Represents user-specific theme preferences stored in the application.
+ */
+interface AppSettings {
+    /**
+     * The selected theme name from the available themes list.
+     * Invalid or missing values are normalized to the first available theme.
+     */
+    theme: string;
+    /**
+     * Controls how dark mode is applied in the app.
+     */
+    darkMode: DarkModeOptions;
+}
+interface ThemeContextProps {
+    theme: string;
+    darkMode: DarkModeOptions;
+    setTheme: (theme: string) => void;
+    setDarkMode: (mode: DarkModeOptions) => void;
+    themes: NamedThemeOptions[];
+    selectedTheme: NamedThemeOptions;
+    defaultThemeName: string;
+}
+
+type ThemeId = string;
+type ThemeScheme = "light" | "dark";
+type DarkModeSetting = DarkModeOptions;
+interface ThemePreset {
+    id: ThemeId;
+    label: string;
+    colorSchemes: {
+        light: ThemeOptions;
+        dark: ThemeOptions;
+    };
+    description?: string;
+    tags?: string[];
+    version?: string;
+}
+type NormalizedPreset = ThemePreset & {
+    meta?: {
+        origin: "preset" | "legacy" | "custom";
+    };
+};
+
+interface CustomTypographyVariants {
+    text_xl_regular: CSSProperties;
+    text_lg_regular: CSSProperties;
+    text_md_regular: CSSProperties;
+    text_sm_regular: CSSProperties;
+    text_xs_regular: CSSProperties;
+    text_2xs_regular: CSSProperties;
+    text_xl_bold: CSSProperties;
+    text_lg_bold: CSSProperties;
+    text_md_bold: CSSProperties;
+    text_sm_bold: CSSProperties;
+    text_xs_bold: CSSProperties;
+    text_2xs_bold: CSSProperties;
+    text_xl_semibold: CSSProperties;
+    text_lg_semibold: CSSProperties;
+    text_md_semibold: CSSProperties;
+    text_sm_semibold: CSSProperties;
+    text_xs_semibold: CSSProperties;
+    text_2xs_semibold: CSSProperties;
+    text_xl_thin: CSSProperties;
+    text_lg_thin: CSSProperties;
+    text_md_thin: CSSProperties;
+    text_sm_thin: CSSProperties;
+    text_xs_thin: CSSProperties;
+    text_2xs_thin: CSSProperties;
+    header_2xl_regular: CSSProperties;
+    header_xl_regular: CSSProperties;
+    header_lg_regular: CSSProperties;
+    header_md_regular: CSSProperties;
+    header_sm_regular: CSSProperties;
+    header_xs_regular: CSSProperties;
+    header_2xl_bold: CSSProperties;
+    header_xl_bold: CSSProperties;
+    header_lg_bold: CSSProperties;
+    header_md_bold: CSSProperties;
+    header_sm_bold: CSSProperties;
+    header_xs_bold: CSSProperties;
+    header_2xl_semibold: CSSProperties;
+    header_xl_semibold: CSSProperties;
+    header_lg_semibold: CSSProperties;
+    header_md_semibold: CSSProperties;
+    header_sm_semibold: CSSProperties;
+    header_xs_semibold: CSSProperties;
+}
+declare module "@mui/material/styles" {
+    interface TypographyVariants extends CustomTypographyVariants {
+    }
+    interface TypographyVariantsOptions extends Partial<CustomTypographyVariants> {
+    }
+}
+declare module "@mui/material/Typography" {
+    interface TypographyPropsVariantOverrides extends Record<keyof CustomTypographyVariants, true> {
+    }
+}
+
+export type { AppSettings as A, CustomTypographyVariants as C, DarkModeOptions as D, NamedThemeOptions as N, OptionItem as O, ThemeContextProps as T, ThemePreset as a, ThemeModeBackground as b, NormalizedPreset as c, DarkModeSetting as d, ThemeId as e, ThemeScheme as f };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atomazing-org/design-system",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "private": false,
   "description": "A library providing a set of useful utils, MUI style extensions, and components to build your application.",
   "author": "PonomarevBPM + MarkSinD",
@@ -21,14 +21,21 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
+    },
+    "./presets": {
+      "types": "./dist/presets/index.d.ts",
+      "import": "./dist/presets/index.mjs",
+      "require": "./dist/presets/index.js"
     }
   },
   "files": [
     "dist",
     "README.md"
   ],
+  "sideEffects": false,
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -36,7 +43,7 @@
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",
-    "test": "vitest",
+    "test": "vitest run",
     "format": "npm run format:eslint && npm run format:prettier",
     "format:eslint": "npm run lint:eslint -- --fix",
     "format:prettier": "npm run lint:prettier -- --write",