@esmalley/ts-utils 1.0.0

package/dist/Theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../src/Theme.ts"],"names":[],"mappings":"AACA;;GAEG;AACH,qBAAa,KAAK;gBACG,IAAI,EAAE,MAAM;IAQ/B,OAAO,CAAC,IAAI,CAAS;IAEd,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQR,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiFZ,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuFpB,OAAO,CAAC,OAAO;IAmBf,OAAO,CAAC,MAAM;IAmBd,OAAO,CAAC,OAAO;IAmBf,OAAO,CAAC,SAAS;IAmBjB,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,SAAS;IAmBjB,OAAO,CAAC,OAAO;IAmBf,OAAO,CAAC,YAAY;IAmBpB,OAAO,CAAC,OAAO;IAmBf,OAAO,CAAC,OAAO;IAmBf,OAAO,CAAC,QAAQ;IAmBhB,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,OAAO;IAmBf,OAAO,CAAC,SAAS;IAmBjB,OAAO,CAAC,QAAQ;IAmBhB,OAAO,CAAC,SAAS;IAmBjB,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,QAAQ;CAcjB"}

package/dist/Theme.js

@@ -0,0 +1,503 @@
+/**
+ * Class to get the theme
+ */
+export class Theme {
+    constructor(mode) {
+        this.mode = mode;
+        if (mode !== 'light' && mode !== 'dark') {
+            throw new Error(`Unknown theme: ${mode}`);
+        }
+    }
+    getTheme() {
+        if (this.mode === 'light') {
+            return this.getLightTheme();
+        }
+        return this.getDarkTheme();
+    }
+    getDarkTheme() {
+        return {
+            mode: 'dark',
+            background: {
+                main: '#121212',
+            },
+            header: {
+                main: this.getGrey()[900],
+            },
+            primary: {
+                main: '#90caf9',
+                light: '#e3f2fd',
+                dark: '#42a5f5',
+            },
+            secondary: {
+                main: '#ce93d8',
+                light: '#f3e5f5',
+                dark: '#ab47bc',
+            },
+            warning: {
+                main: '#ffa726',
+                light: '#ffb74d',
+                dark: '#f57c00',
+            },
+            success: {
+                main: '#66bb6a',
+                light: '#81c784',
+                dark: '#388e3c',
+            },
+            error: {
+                main: '#f44336',
+                dark: '#d32f2f',
+                light: '#e57373',
+            },
+            info: {
+                main: '#29b6f6',
+                dark: '#0288d1',
+                light: '#4fc3f7',
+            },
+            text: {
+                primary: '#fff',
+                secondary: '#B3B3B3',
+                disabled: '#808080',
+                icon: '#808080',
+            },
+            link: {
+                primary: '#90caf9',
+            },
+            action: {
+                active: '#fff',
+                disabled: 'rgba(255, 255, 255, 0.3)',
+                disabledBackground: 'rgba(255, 255, 255, 0.12)',
+                disabledOpacity: 0.38,
+                focus: 'rgba(255, 255, 255, 0.12)',
+                focusOpacity: 0.12,
+                hover: 'rgba(255, 255, 255, 0.08)',
+                hoverOpacity: 0.08,
+                selected: 'rgba(255, 255, 255, 0.16)',
+                selectedOpacity: 0.16,
+            },
+            grey: this.getGrey(),
+            red: this.getRed(),
+            pink: this.getPink(),
+            purple: this.getPurple(),
+            deepPurple: this.getDeepPurple(),
+            indigo: this.getIndigo(),
+            blue: this.getBlue(),
+            lightBlue: this.getLightBlue(),
+            cyan: this.getCyan(),
+            teal: this.getTeal(),
+            green: this.getGreen(),
+            lightGreen: this.getLightGreen(),
+            lime: this.getLime(),
+            yellow: this.getYellow(),
+            amber: this.getAmber(),
+            orange: this.getOrange(),
+            deepOrange: this.getDeepOrange(),
+            brown: this.getBrown(),
+        };
+    }
+    getLightTheme() {
+        return {
+            mode: 'light',
+            background: {
+                main: '#efefef',
+                light: '#fff',
+            },
+            header: {
+                main: this.getBlue()[700],
+            },
+            primary: {
+                main: '#1976d2',
+                light: '#42a5f5',
+                dark: '#1565c0',
+                contrastText: '#fff',
+            },
+            secondary: {
+                main: '#9c27b0',
+                light: '#ba68c8',
+                dark: '#7b1fa2',
+                contrastText: '#fff',
+            },
+            error: {
+                main: '#d32f2f',
+                light: '#ef5350',
+                dark: '#c62828',
+                contrastText: '#fff',
+            },
+            warning: {
+                main: '#ed6c02',
+                light: '#ff9800',
+                dark: '#e65100',
+                contrastText: '#fff',
+            },
+            info: {
+                main: '#0288d1',
+                light: '#03a9f4',
+                dark: '#01579b',
+                contrastText: '#fff',
+            },
+            success: {
+                main: '#2e7d32',
+                light: '#4caf50',
+                dark: '#1b5e20',
+                contrastText: '#fff',
+            },
+            text: {
+                primary: '#222222',
+                secondary: '#666666',
+                disabled: '#9E9E9E',
+            },
+            link: {
+                primary: '#1976d2',
+            },
+            action: {
+                active: 'rgba(0, 0, 0, 0.54)',
+                disabled: 'rgba(0, 0, 0, 0.26)',
+                disabledBackground: 'rgba(0, 0, 0, 0.12)',
+                disabledOpacity: 0.38,
+                focus: 'rgba(0, 0, 0, 0.12)',
+                focusOpacity: 0.12,
+                hover: 'rgba(0, 0, 0, 0.04)',
+                hoverOpacity: 0.04,
+                selected: 'rgba(0, 0, 0, 0.08)',
+                selectedOpacity: 0.08,
+            },
+            grey: this.getGrey(),
+            red: this.getRed(),
+            pink: this.getPink(),
+            purple: this.getPurple(),
+            deepPurple: this.getDeepPurple(),
+            indigo: this.getIndigo(),
+            blue: this.getBlue(),
+            lightBlue: this.getLightBlue(),
+            cyan: this.getCyan(),
+            teal: this.getTeal(),
+            green: this.getGreen(),
+            lightGreen: this.getLightGreen(),
+            lime: this.getLime(),
+            yellow: this.getYellow(),
+            amber: this.getAmber(),
+            orange: this.getOrange(),
+            deepOrange: this.getDeepOrange(),
+            brown: this.getBrown(),
+        };
+    }
+    getGrey() {
+        return {
+            50: '#fafafa',
+            100: '#f5f5f5',
+            200: '#eeeeee',
+            300: '#e0e0e0',
+            400: '#bdbdbd',
+            500: '#9e9e9e',
+            600: '#757575',
+            700: '#616161',
+            800: '#424242',
+            900: '#212121',
+            A100: '#f5f5f5',
+            A200: '#eeeeee',
+            A400: '#bdbdbd',
+            A700: '#616161',
+        };
+    }
+    getRed() {
+        return {
+            50: '#ffebee',
+            100: '#ffcdd2',
+            200: '#ef9a9a',
+            300: '#e57373',
+            400: '#ef5350',
+            500: '#f44336',
+            600: '#e53935',
+            700: '#d32f2f',
+            800: '#c62828',
+            900: '#b71c1c',
+            A100: '#ff8a80',
+            A200: '#ff5252',
+            A400: '#ff1744',
+            A700: '#d50000',
+        };
+    }
+    getPink() {
+        return {
+            50: '#fce4ec',
+            100: '#f8bbd0',
+            200: '#f48fb1',
+            300: '#f06292',
+            400: '#ec407a',
+            500: '#e91e63',
+            600: '#d81b60',
+            700: '#c2185b',
+            800: '#ad1457',
+            900: '#880e4f',
+            A100: '#ff80ab',
+            A200: '#ff4081',
+            A400: '#f50057',
+            A700: '#c51162',
+        };
+    }
+    getPurple() {
+        return {
+            50: '#f3e5f5',
+            100: '#e1bee7',
+            200: '#ce93d8',
+            300: '#ba68c8',
+            400: '#ab47bc',
+            500: '#9c27b0',
+            600: '#8e24aa',
+            700: '#7b1fa2',
+            800: '#6a1b9a',
+            900: '#4a148c',
+            A100: '#ea80fc',
+            A200: '#e040fb',
+            A400: '#d500f8',
+            A700: '#aa00ff',
+        };
+    }
+    getDeepPurple() {
+        return {
+            50: '#ede7f6',
+            100: '#d1c4e9',
+            200: '#b39ddb',
+            300: '#9575cd',
+            400: '#7e57c2',
+            500: '#673ab7',
+            600: '#5e35b1',
+            700: '#512da8',
+            800: '#4527a0',
+            900: '#311b92',
+            A100: '#b388ff',
+            A200: '#7c4dff',
+            A400: '#651fff',
+            A700: '#6200ea',
+        };
+    }
+    getIndigo() {
+        return {
+            50: '#e8eaf6',
+            100: '#c5cae9',
+            200: '#9fa8da',
+            300: '#7986cb',
+            400: '#5c6bc0',
+            500: '#3f51b5',
+            600: '#3949ab',
+            700: '#303f9f',
+            800: '#283593',
+            900: '#1a237e',
+            A100: '#8c9eff',
+            A200: '#536dfe',
+            A400: '#3d5afe',
+            A700: '#304ffe',
+        };
+    }
+    getBlue() {
+        return {
+            50: '#e3f2fd',
+            100: '#bbdefb',
+            200: '#90caf9',
+            300: '#64b5f6',
+            400: '#42a5f5',
+            500: '#2196f3',
+            600: '#1e88e5',
+            700: '#1976d2',
+            800: '#1565c0',
+            900: '#0d47a1',
+            A100: '#82b1ff',
+            A200: '#448aff',
+            A400: '#2979ff',
+            A700: '#2962ff',
+        };
+    }
+    getLightBlue() {
+        return {
+            50: '#e1f5fe',
+            100: '#b3e5fc',
+            200: '#81d4fa',
+            300: '#4fc3f7',
+            400: '#29b6f6',
+            500: '#03a9f4',
+            600: '#039be5',
+            700: '#0288d1',
+            800: '#0277bd',
+            900: '#01579b',
+            A100: '#80d8ff',
+            A200: '#40c4ff',
+            A400: '#00b0ff',
+            A700: '#0091ea',
+        };
+    }
+    getCyan() {
+        return {
+            50: '#e0f7fa',
+            100: '#b2ebf2',
+            200: '#80deea',
+            300: '#4dd0e1',
+            400: '#26c6da',
+            500: '#00bcd4',
+            600: '#00acc1',
+            700: '#0097a7',
+            800: '#00838f',
+            900: '#006064',
+            A100: '#84ffff',
+            A200: '#18ffff',
+            A400: '#00e5ff',
+            A700: '#00b8d4',
+        };
+    }
+    getTeal() {
+        return {
+            50: '#e0f2f1',
+            100: '#b2dfdb',
+            200: '#80cbc4',
+            300: '#4db6ac',
+            400: '#26a69a',
+            500: '#009688',
+            600: '#00897b',
+            700: '#00796b',
+            800: '#00695c',
+            900: '#004d40',
+            A100: '#a7ffeb',
+            A200: '#64ffda',
+            A400: '#1de9b6',
+            A700: '#00bfa5',
+        };
+    }
+    getGreen() {
+        return {
+            50: '#e8f5e9',
+            100: '#c8e6c9',
+            200: '#a5d6a7',
+            300: '#81c784',
+            400: '#66bb6a',
+            500: '#4caf50',
+            600: '#43a047',
+            700: '#388e3c',
+            800: '#2e7d32',
+            900: '#1b5e20',
+            A100: '#b9f6ca',
+            A200: '#69f0ae',
+            A400: '#00e676',
+            A700: '#00c853',
+        };
+    }
+    getLightGreen() {
+        return {
+            50: '#f1f8e9',
+            100: '#dcedc8',
+            200: '#c5e1a5',
+            300: '#aed581',
+            400: '#9ccc65',
+            500: '#8bc34a',
+            600: '#7cb342',
+            700: '#689f38',
+            800: '#558b2f',
+            900: '#33691e',
+            A100: '#ccff90',
+            A200: '#b2ff59',
+            A400: '#76ff03',
+            A700: '#64dd17',
+        };
+    }
+    getLime() {
+        return {
+            50: '#f9fbe7',
+            100: '#f0f4c3',
+            200: '#e6ee9c',
+            300: '#dce775',
+            400: '#d4e157',
+            500: '#cddc39',
+            600: '#c0ca33',
+            700: '#afb42b',
+            800: '#9fa827',
+            900: '#827717',
+            A100: '#f4ff81',
+            A200: '#eeff41',
+            A400: '#c6ff00',
+            A700: '#aeea00',
+        };
+    }
+    getYellow() {
+        return {
+            50: '#fffde7',
+            100: '#fff9c4',
+            200: '#fff59d',
+            300: '#fff176',
+            400: '#ffee58',
+            500: '#ffeb3b',
+            600: '#fdd835',
+            700: '#fbc02d',
+            800: '#f9a825',
+            900: '#f57f17',
+            A100: '#ffff8d',
+            A200: '#ffff00',
+            A400: '#ffea00',
+            A700: '#ffd600',
+        };
+    }
+    getAmber() {
+        return {
+            50: '#fff8e1',
+            100: '#ffecb3',
+            200: '#ffe082',
+            300: '#ffd54f',
+            400: '#ffca28',
+            500: '#ffc107',
+            600: '#ffb300',
+            700: '#ffa000',
+            800: '#ff8f00',
+            900: '#ff6f00',
+            A100: '#ffe57f',
+            A200: '#ffd740',
+            A400: '#ffc400',
+            A700: '#ffab00',
+        };
+    }
+    getOrange() {
+        return {
+            50: '#fff3e0',
+            100: '#ffe0b2',
+            200: '#ffcc80',
+            300: '#ffb74d',
+            400: '#ffa726',
+            500: '#ff9800',
+            600: '#fb8c00',
+            700: '#f57c00',
+            800: '#ef6c00',
+            900: '#e65100',
+            A100: '#ffd180',
+            A200: '#ffab40',
+            A400: '#ff9100',
+            A700: '#ff6d00',
+        };
+    }
+    getDeepOrange() {
+        return {
+            50: '#fbe9e7',
+            100: '#ffccbc',
+            200: '#ffab91',
+            300: '#ff8a65',
+            400: '#ff7043',
+            500: '#ff5722',
+            600: '#f4511e',
+            700: '#e64a19',
+            800: '#d84315',
+            900: '#bf360c',
+            A100: '#ff9e80',
+            A200: '#ff6e40',
+            A400: '#ff3d00',
+            A700: '#dd2c00',
+        };
+    }
+    getBrown() {
+        return {
+            50: '#efebe9',
+            100: '#d7ccc8',
+            200: '#bcaaa4',
+            300: '#a1887f',
+            400: '#8d6e63',
+            500: '#795548',
+            600: '#6d4c41',
+            700: '#5d4037',
+            800: '#4e342e',
+            900: '#3e2723',
+        };
+    }
+}

package/dist/Toaster.d.ts

@@ -0,0 +1,24 @@
+export interface ToastItem {
+    id: number;
+    message: string;
+    type: string;
+    exiting?: boolean;
+}
+export type ToastListener = (toasts: ToastItem[]) => void;
+declare class Toaster {
+    private listeners;
+    private toasts;
+    subscribe(listener: ToastListener): () => void;
+    notify(): void;
+    requestClose(id: number): void;
+    add(message: string, type?: string): void;
+    remove(id: number): void;
+}
+export declare const toaster: Toaster;
+export declare const toast: {
+    info: (msg: string) => void;
+    error: (msg: string) => void;
+    success: (msg: string) => void;
+};
+export {};
+//# sourceMappingURL=Toaster.d.ts.map

package/dist/Toaster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../src/Toaster.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAGD,MAAM,MAAM,aAAa,GAAG,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;AAE1D,cAAM,OAAO;IACX,OAAO,CAAC,SAAS,CAAuB;IAExC,OAAO,CAAC,MAAM,CAAmB;IAGjC,SAAS,CAAC,QAAQ,EAAE,aAAa;IAOjC,MAAM;IAIN,YAAY,CAAC,EAAE,EAAE,MAAM;IAUvB,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,SAAS;IAWlC,MAAM,CAAC,EAAE,EAAE,MAAM;CAIlB;AAED,eAAO,MAAM,OAAO,SAAgB,CAAC;AAGrC,eAAO,MAAM,KAAK;gBACJ,MAAM;iBACL,MAAM;mBACJ,MAAM;CACtB,CAAC"}

package/dist/Toaster.js

@@ -0,0 +1,46 @@
+// Handles toast components throughout the app
+class Toaster {
+    constructor() {
+        this.listeners = [];
+        this.toasts = [];
+    }
+    // React component will subscribe to this
+    subscribe(listener) {
+        this.listeners.push(listener);
+        return () => {
+            this.listeners = this.listeners.filter((l) => l !== listener);
+        };
+    }
+    notify() {
+        this.listeners.forEach((listener) => listener(this.toasts));
+    }
+    requestClose(id) {
+        this.toasts = this.toasts.map((t) => {
+            if (t.id === id) {
+                return { ...t, exiting: true };
+            }
+            return t;
+        });
+        this.notify();
+    }
+    add(message, type = 'info') {
+        const id = Date.now();
+        this.toasts = [...this.toasts, { id, message, type }];
+        this.notify();
+        // Auto-remove
+        setTimeout(() => {
+            this.requestClose(id);
+        }, 4000);
+    }
+    remove(id) {
+        this.toasts = this.toasts.filter((t) => t.id !== id);
+        this.notify();
+    }
+}
+export const toaster = new Toaster();
+// Helper function for cleaner usage in your app
+export const toast = {
+    info: (msg) => toaster.add(msg, 'info'),
+    error: (msg) => toaster.add(msg, 'error'),
+    success: (msg) => toaster.add(msg, 'success'),
+};

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+export * from './Kontororu.js';
+export * from './Kontororu/Socket.js';
+export * from './Arrayifier.js';
+export * from './Color.js';
+export * from './Dates.js';
+export * from './Objector.js';
+export * from './Sorter.js';
+export * from './Style.js';
+export * from './Text.js';
+export * from './Theme.js';
+export * from './Toaster.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC"}

package/dist/index.js

@@ -0,0 +1,11 @@
+export * from './Kontororu.js';
+export * from './Kontororu/Socket.js';
+export * from './Arrayifier.js';
+export * from './Color.js';
+export * from './Dates.js';
+export * from './Objector.js';
+export * from './Sorter.js';
+export * from './Style.js';
+export * from './Text.js';
+export * from './Theme.js';
+export * from './Toaster.js';

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@esmalley/ts-utils",
+  "version": "1.0.0",
+  "private": false,
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",
+    "prepublishOnly": "npm run build"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "eslintConfig": {
+    "extends": [
+      "./eslint.config.mjs"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.17.0",
+    "@testing-library/jest-dom": "^6.1.5",
+    "@testing-library/react": "^16.2.0",
+    "@testing-library/user-event": "^14.5.1",
+    "@types/jest": "^30.0.0",
+    "@types/react-dom": "^19.1.9",
+    "eslint": "^9.22.0",
+    "eslint-plugin-react": "^7.37.3",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "globals": "^16.0.0",
+    "ts-jest": "^29.4.6",
+    "typescript": "^5.5.3",
+    "typescript-eslint": "^8.26.1"
+  }
+}