@ozen-ui/kit 0.0.1

package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDefault.css

@@ -0,0 +1,125 @@
+.Theme_color_ozenDefault {
+  --color-content-primary: #080808;
+  --color-content-secondary: #707070;
+  --color-content-tertiary: #949494;
+  --color-content-disabled: #949494;
+  --color-content-ghost-disabled: rgb(255 255 255 / 47%);
+  --color-content-action: #379535;
+  --color-content-action-hover: #2A7329;
+  --color-content-action-pressed: #1E521D;
+  --color-content-action-dark: #184117;
+  --color-content-action-on: #fff;
+  --color-content-error: #CD1B10;
+  --color-content-error-hover: #A4150D;
+  --color-content-error-pressed: #7A1009;
+  --color-content-error-dark: #660D07;
+  --color-content-warning: #C2420B;
+  --color-content-warning-hover: #943209;
+  --color-content-warning-pressed: #652306;
+  --color-content-warning-dark: #4E1B05;
+  --color-content-success: #379535;
+  --color-content-success-hover: #2A7329;
+  --color-content-success-pressed: #1E521D;
+  --color-content-success-dark: #184117;
+  --color-content-info: #5E1DB1;
+  --color-content-info-hover: #481688;
+  --color-content-info-pressed: #33105E;
+  --color-content-info-dark: #280C4A;
+  --color-content-primary-inverse: #fff;
+  --color-background-main: #fff;
+  --color-background-main-hover: #F5F5F5;
+  --color-background-main-pressed: #E8E8E8;
+  --color-background-primary: #F5F5F5;
+  --color-background-primary-hover: #e8e8e8;
+  --color-background-primary-pressed: #DCDCDC;
+  --color-background-secondary: #E8E8E8;
+  --color-background-secondary-hover: #DCDCDC;
+  --color-background-secondary-pressed: #C7C7C7;
+  --color-background-tertiary: #DCDCDC;
+  --color-background-tertiary-hover: #C7C7C7;
+  --color-background-tertiary-pressed: #B2B2B2;
+  --color-background-disabled: #E8E8E8;
+  --color-background-action: #43B741;
+  --color-background-action-hover: #2A7329;
+  --color-background-action-pressed: #1E521D;
+  --color-background-action-active-disabled: #B6E3B5;
+  --color-background-action-light: #D7F0D6;
+  --color-background-action-light-hover: #C6E9C6;
+  --color-background-action-light-pressed: #B6E3B5;
+  --color-background-error: #F62114;
+  --color-background-error-hover: #A4150D;
+  --color-background-error-pressed: #7A1009;
+  --color-background-error-light: #FDD9D6;
+  --color-background-error-light-hover: #FCC4C1;
+  --color-background-error-light-pressed: #FCB0AB;
+  --color-background-warning: #F0520E;
+  --color-background-warning-hover: #943209;
+  --color-background-warning-pressed: #652306;
+  --color-background-warning-light: #FDE6DD;
+  --color-background-warning-light-hover: #FBD6C6;
+  --color-background-warning-light-pressed: #FAC5AF;
+  --color-background-success: #43B741;
+  --color-background-success-hover: #2A7329;
+  --color-background-success-pressed: #1E521D;
+  --color-background-success-light: #D7F0D6;
+  --color-background-success-light-hover: #C6E9C6;
+  --color-background-success-light-pressed: #B6E3B5;
+  --color-background-info: #7424DA;
+  --color-background-info-hover: #481688;
+  --color-background-info-pressed: #33105E;
+  --color-background-info-light: #E9DCF9;
+  --color-background-info-light-hover: #DCC8F6;
+  --color-background-info-light-pressed: #DEB7F7;
+  --color-background-main-inverse: #121212;
+  --color-background-overlay: rgb(0 0 0 / 55%);
+  --color-background-ghost: rgb(255 255 255 / 12%);
+  --color-background-ghost-hover: rgb(255 255 255 / 24%);
+  --color-background-ghost-pressed: rgb(255 255 255 / 32%);
+  --color-background-ghost-disabled: rgb(255 255 255 / 47%);
+  --color-border-main: #C7C7C7;
+  --color-border-main-hover: #B2B2B2;
+  --color-border-main-pressed: #949494;
+  --color-border-secondary: #E8E8E8;
+  --color-border-secondary-hover: #C7C7C7;
+  --color-border-secondary-pressed: #B2B2B2;
+  --color-border-disabled: #C7C7C7;
+  --color-border-ghost-disabled: rgb(255 255 255 / 47%);
+  --color-border-focused: #85D083;
+  --color-border-action: #379535;
+  --color-border-action-hover: #2A7329;
+  --color-border-action-pressed: #184117;
+  --color-border-error: #CD1B10;
+  --color-border-warning: #C2420B;
+  --color-border-success: #379535;
+  --color-border-info: #5E1DB1;
+  --color-border-main-on: #fff;
+  --color-additional-a1: #0B6ABE;
+  --color-additional-a2: #1899E9;
+  --color-additional-a3: #B3F1FF;
+  --color-additional-b1: #B5215F;
+  --color-additional-b2: #E62D73;
+  --color-additional-b3: #FFB5CD;
+  --color-additional-c1: #E64920;
+  --color-additional-c2: #F46C1B;
+  --color-additional-c3: #FFE2A8;
+  --color-additional-d1: #FF8E00;
+  --color-additional-d2: #FFC100;
+  --color-additional-d3: #FFF9A2;
+  --color-additional-e1: #771DB4;
+  --color-additional-e2: #A02BE5;
+  --color-additional-e3: #E9B7FE;
+  --color-additional-f1: #107C60;
+  --color-additional-f2: #17AE87;
+  --color-additional-f3: #ABEADA;
+  --color-additional-g1: #B88F27;
+  --color-additional-g2: #E0B548;
+  --color-additional-g3: #F4D37D;
+  --color-additional-h1: #747E89;
+  --color-additional-h2: #BDC4CB;
+  --color-additional-h3: #E1E4E7;
+  --color-gradient-gr1: linear-gradient(180deg, #6ED88F 0%, #4796B6 100%);
+  --color-gradient-gr2: linear-gradient(180deg, #FC6883 0%, #6781DD 100%);
+  --color-gradient-gr3: linear-gradient(180deg, #CACFD6 0%, #7B858D 100%);
+  --color-gradient-gr4: linear-gradient(180deg, #E0BD62 0%, #9F8757 100%);
+  --color-gradient-gr5: linear-gradient(180deg, #767CFF 0%, #8C50E9 100%);
+}

package/__inner__/cjs/components/ThemeProvider/_mixin/breakpoint.css

@@ -0,0 +1,4 @@
+/* xs >= 0px */
+/* s >= 640px */
+/* m >= 1024px */
+/* l >= 1280px */

package/__inner__/cjs/components/ThemeProvider/_mixin/scrollbar.css

@@ -0,0 +1 @@
+

package/__inner__/cjs/components/ThemeProvider/_mixin/typography.css

@@ -0,0 +1 @@
+/* stylelint-disable */

package/__inner__/cjs/components/ThemeProvider/_shadow/Theme_shadow_ozenDefault.css

@@ -0,0 +1,5 @@
+.Theme_shadow_ozenDefault {
+  --shadow-l: 0px 8px 32px rgb(0 0 0 / 8%);
+  --shadow-m: 0px 4px 20px rgb(0 0 0 / 6%);
+  --shadow-s: 0px 4px 8px rgb(0 0 0 / 3%);
+}

package/__inner__/cjs/components/ThemeProvider/_space/Theme_space_ozenDefault.css

@@ -0,0 +1,14 @@
+.Theme_space_ozenDefault {
+  --space-8xl: 80px;
+  --space-7xl: 72px;
+  --space-6xl: 64px;
+  --space-5xl: 56px;
+  --space-4xl: 48px;
+  --space-3xl: 40px;
+  --space-2xl: 32px;
+  --space-xl: 24px;
+  --space-l: 16px;
+  --space-m: 12px;
+  --space-s: 8px;
+  --space-xs: 4px;
+}

package/__inner__/cjs/components/ThemeProvider/_transition/Theme_transition_ozenDefault.css

@@ -0,0 +1,4 @@
+.Theme_transition_ozenDefault {
+  --transition-default: 120ms ease-in-out;
+  --transition-slow: 300ms ease-in-out;
+}

package/__inner__/cjs/components/ThemeProvider/_typography/Theme_typography_ozenDefault.css

@@ -0,0 +1,32 @@
+.Theme_typography_ozenDefault {
+  --typography-text-4xl_1-font: 500 40px/56px 'Roboto', sans-serif;
+  --typography-text-3xl_1-font: 500 32px/40px 'Roboto', sans-serif;
+  --typography-text-2xl_1-font: 500 28px/36px 'Roboto', sans-serif;
+  --typography-text-xl_1-font: 500 24px/32px 'Roboto', sans-serif;
+  --typography-heading-4xl-font: 500 40px/56px 'Roboto', sans-serif;
+  --typography-text-4xl-font: 400 40px/56px 'Roboto', sans-serif;
+  --typography-heading-3xl-font: 500 32px/40px 'Roboto', sans-serif;
+  --typography-text-3xl-font: 400 32px/40px 'Roboto', sans-serif;
+  --typography-heading-2xl-font: 500 28px/36px 'Roboto', sans-serif;
+  --typography-text-2xl-font: 400 28px/36px 'Roboto', sans-serif;
+  --typography-heading-xl-font: 500 24px/32px 'Roboto', sans-serif;
+  --typography-text-xl-font: 400 24px/32px 'Roboto', sans-serif;
+  --typography-text-l-font: 400 18px/28px 'Roboto', sans-serif;
+  --typography-text-l_1-font: 500 18px/28px 'Roboto', sans-serif;
+  --typography-text-m-font: 400 16px/24px 'Roboto', sans-serif;
+  --typography-text-m_1-font: 500 16px/24px 'Roboto', sans-serif;
+  --typography-text-s-font: 400 14px/20px 'Roboto', sans-serif;
+  --typography-text-s_1-font: 500 14px/20px 'Roboto', sans-serif;
+  --typography-text-xs-font: 400 13px/16px 'Roboto', sans-serif;
+  --typography-text-xs_1-font: 500 13px/16px 'Roboto', sans-serif;
+  --typography-text-2xs-font: 400 12px/16px 'Roboto', sans-serif;
+  --typography-text-2xs_1-font: 500 12px/16px 'Roboto', sans-serif;
+  --typography-text-3xs-font: 400 10px/16px 'Roboto', sans-serif;
+  --typography-caption-3xs-font: 400 10px/16px 'Roboto', sans-serif;
+  --typography-caption-3xs-text_transform: uppercase;
+  --typography-caption-3xs-letter_spacing: 0.30000001192092896;
+  --typography-text-3xs_1-font: 500 10px/16px 'Roboto', sans-serif;
+  --typography-caption-3xs_1-font: 500 10px/16px 'Roboto', sans-serif;
+  --typography-caption-3xs_1-text_transform: uppercase;
+  --typography-caption-3xs_1-letter_spacing: 0.30000001192092896;
+}

package/__inner__/cjs/components/ThemeProvider/_zIndex/Theme_zIndex_ozenDefault.css

@@ -0,0 +1,11 @@
+.Theme_zIndex_ozenDefault {
+  --z-index-default: 0;
+  --z-index-absolute: 1;
+  --z-index-header: 600;
+  --z-index-sidebar: 800;
+  --z-index-modal: 1000;
+  --z-index-popover: 1000;
+  --z-index-snackbar: 1100;
+  --z-index-livespace: 9999;
+  --z-index-chat: 99999;
+}

package/__inner__/cjs/components/ThemeProvider/index.d.ts

@@ -0,0 +1,8 @@
+export * from './ThemeProvider';
+export * from './themes/themeOzenDark';
+export * from './themes/themeOzenDefault';
+export * as themeHelper from './themes/helper';
+export { useTheme } from './ThemeProviderContext';
+export * from './localization/localization';
+export * from './utils';
+export * from './types';

package/__inner__/cjs/components/ThemeProvider/index.js

@@ -0,0 +1,13 @@
+"use strict";
+exports.__esModule = true;
+exports.useTheme = exports.themeHelper = void 0;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ThemeProvider"), exports);
+tslib_1.__exportStar(require("./themes/themeOzenDark"), exports);
+tslib_1.__exportStar(require("./themes/themeOzenDefault"), exports);
+exports.themeHelper = tslib_1.__importStar(require("./themes/helper"));
+var ThemeProviderContext_1 = require("./ThemeProviderContext");
+tslib_1.__createBinding(exports, ThemeProviderContext_1, "useTheme");
+tslib_1.__exportStar(require("./localization/localization"), exports);
+tslib_1.__exportStar(require("./utils"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/ThemeProvider/localization/localization.d.ts

@@ -0,0 +1,4 @@
+import type { Theme } from '../index';
+export declare const localizationLanguageVariant: readonly ["RU", "ENG", "KZN"];
+export type LocalizationLanguageVariant = (typeof localizationLanguageVariant)[number];
+export declare const localization: Record<LocalizationLanguageVariant, Partial<Theme>>;

package/__inner__/cjs/components/ThemeProvider/localization/localization.js

@@ -0,0 +1,36 @@
+"use strict";
+exports.__esModule = true;
+exports.localization = exports.localizationLanguageVariant = void 0;
+exports.localizationLanguageVariant = ['RU', 'ENG', 'KZN'];
+exports.localization = {
+    RU: {
+        defaultProps: {
+            Loader: {
+                'aria-label': 'Загрузка'
+            },
+            FilePicker: {
+                clearText: 'Очистить поле'
+            }
+        }
+    },
+    KZN: {
+        defaultProps: {
+            Loader: {
+                'aria-label': 'Жүктеу'
+            },
+            FilePicker: {
+                clearText: 'Өрісті тазалаңыз'
+            }
+        }
+    },
+    ENG: {
+        defaultProps: {
+            Loader: {
+                'aria-label': 'Loading'
+            },
+            FilePicker: {
+                clearText: 'Clear field'
+            }
+        }
+    }
+};

package/__inner__/cjs/components/ThemeProvider/themes/helper.d.ts

@@ -0,0 +1,9 @@
+export declare const color: readonly ["--color-content-primary", "--color-content-secondary", "--color-content-tertiary", "--color-content-disabled", "--color-content-ghost-disabled", "--color-content-action", "--color-content-action-hover", "--color-content-action-pressed", "--color-content-action-dark", "--color-content-action-on", "--color-content-error", "--color-content-error-hover", "--color-content-error-pressed", "--color-content-error-dark", "--color-content-warning", "--color-content-warning-hover", "--color-content-warning-pressed", "--color-content-warning-dark", "--color-content-success", "--color-content-success-hover", "--color-content-success-pressed", "--color-content-success-dark", "--color-content-info", "--color-content-info-hover", "--color-content-info-pressed", "--color-content-info-dark", "--color-content-primary-inverse", "--color-background-main", "--color-background-main-hover", "--color-background-main-pressed", "--color-background-primary", "--color-background-primary-hover", "--color-background-primary-pressed", "--color-background-secondary", "--color-background-secondary-hover", "--color-background-secondary-pressed", "--color-background-tertiary", "--color-background-tertiary-hover", "--color-background-tertiary-pressed", "--color-background-disabled", "--color-background-action", "--color-background-action-hover", "--color-background-action-pressed", "--color-background-action-active-disabled", "--color-background-action-light", "--color-background-action-light-hover", "--color-background-action-light-pressed", "--color-background-error", "--color-background-error-hover", "--color-background-error-pressed", "--color-background-error-light", "--color-background-error-light-hover", "--color-background-error-light-pressed", "--color-background-warning", "--color-background-warning-hover", "--color-background-warning-pressed", "--color-background-warning-light", "--color-background-warning-light-hover", "--color-background-warning-light-pressed", "--color-background-success", "--color-background-success-hover", "--color-background-success-pressed", "--color-background-success-light", "--color-background-success-light-hover", "--color-background-success-light-pressed", "--color-background-info", "--color-background-info-hover", "--color-background-info-pressed", "--color-background-info-light", "--color-background-info-light-hover", "--color-background-info-light-pressed", "--color-background-main-inverse", "--color-background-overlay", "--color-background-ghost", "--color-background-ghost-hover", "--color-background-ghost-pressed", "--color-background-ghost-disabled", "--color-border-main", "--color-border-main-hover", "--color-border-main-pressed", "--color-border-secondary", "--color-border-secondary-hover", "--color-border-secondary-pressed", "--color-border-disabled", "--color-border-ghost-disabled", "--color-border-focused", "--color-border-action", "--color-border-action-hover", "--color-border-action-pressed", "--color-border-error", "--color-border-warning", "--color-border-success", "--color-border-info", "--color-border-main-on", "--color-additional-a1", "--color-additional-a2", "--color-additional-a3", "--color-additional-b1", "--color-additional-b2", "--color-additional-b3", "--color-additional-c1", "--color-additional-c2", "--color-additional-c3", "--color-additional-d1", "--color-additional-d2", "--color-additional-d3", "--color-additional-e1", "--color-additional-e2", "--color-additional-e3", "--color-additional-f1", "--color-additional-f2", "--color-additional-f3", "--color-additional-g1", "--color-additional-g2", "--color-additional-g3", "--color-additional-h1", "--color-additional-h2", "--color-additional-h3", "--color-gradient-gr1", "--color-gradient-gr2", "--color-gradient-gr3", "--color-gradient-gr4", "--color-gradient-gr5"];
+export declare const borderRadius: readonly ["--border-radius-l", "--border-radius-xl", "--border-radius-m", "--border-radius-s", "--border-radius-xs", "--border-radius-2xs"];
+export declare const borderWidth: readonly ["--border-width-s", "--border-width-m"];
+export declare const shadow: readonly ["--shadow-l", "--shadow-m", "--shadow-s"];
+export declare const breakpoint: readonly ["--breakpoint-xs", "--breakpoint-s", "--breakpoint-m", "--breakpoint-l"];
+export declare const zIndex: readonly ["--z-index-default", "--z-index-absolute", "--z-index-header", "--z-index-sidebar", "--z-index-modal", "--z-index-popover", "--z-index-snackbar", "--z-index-livespace", "--z-index-chat"];
+export declare const space: readonly ["--space-8xl", "--space-7xl", "--space-6xl", "--space-5xl", "--space-4xl", "--space-3xl", "--space-2xl", "--space-xl", "--space-l", "--space-m", "--space-s", "--space-xs"];
+export declare const typography: readonly ["--typography-text-4xl_1-font", "--typography-text-3xl_1-font", "--typography-text-2xl_1-font", "--typography-text-xl_1-font", "--typography-heading-4xl-font", "--typography-text-4xl-font", "--typography-heading-3xl-font", "--typography-text-3xl-font", "--typography-heading-2xl-font", "--typography-text-2xl-font", "--typography-heading-xl-font", "--typography-text-xl-font", "--typography-text-l-font", "--typography-text-l_1-font", "--typography-text-m-font", "--typography-text-m_1-font", "--typography-text-s-font", "--typography-text-s_1-font", "--typography-text-xs-font", "--typography-text-xs_1-font", "--typography-text-2xs-font", "--typography-text-2xs_1-font", "--typography-text-3xs-font", "--typography-caption-3xs-font", "--typography-caption-3xs-text_transform", "--typography-caption-3xs-letter_spacing", "--typography-text-3xs_1-font", "--typography-caption-3xs_1-font", "--typography-caption-3xs_1-text_transform", "--typography-caption-3xs_1-letter_spacing"];
+export declare const transition: readonly ["--transition-default", "--transition-slow"];

package/__inner__/cjs/components/ThemeProvider/themes/helper.js

@@ -0,0 +1,205 @@
+"use strict";
+exports.__esModule = true;
+exports.transition = exports.typography = exports.space = exports.zIndex = exports.breakpoint = exports.shadow = exports.borderWidth = exports.borderRadius = exports.color = void 0;
+exports.color = [
+    '--color-content-primary',
+    '--color-content-secondary',
+    '--color-content-tertiary',
+    '--color-content-disabled',
+    '--color-content-ghost-disabled',
+    '--color-content-action',
+    '--color-content-action-hover',
+    '--color-content-action-pressed',
+    '--color-content-action-dark',
+    '--color-content-action-on',
+    '--color-content-error',
+    '--color-content-error-hover',
+    '--color-content-error-pressed',
+    '--color-content-error-dark',
+    '--color-content-warning',
+    '--color-content-warning-hover',
+    '--color-content-warning-pressed',
+    '--color-content-warning-dark',
+    '--color-content-success',
+    '--color-content-success-hover',
+    '--color-content-success-pressed',
+    '--color-content-success-dark',
+    '--color-content-info',
+    '--color-content-info-hover',
+    '--color-content-info-pressed',
+    '--color-content-info-dark',
+    '--color-content-primary-inverse',
+    '--color-background-main',
+    '--color-background-main-hover',
+    '--color-background-main-pressed',
+    '--color-background-primary',
+    '--color-background-primary-hover',
+    '--color-background-primary-pressed',
+    '--color-background-secondary',
+    '--color-background-secondary-hover',
+    '--color-background-secondary-pressed',
+    '--color-background-tertiary',
+    '--color-background-tertiary-hover',
+    '--color-background-tertiary-pressed',
+    '--color-background-disabled',
+    '--color-background-action',
+    '--color-background-action-hover',
+    '--color-background-action-pressed',
+    '--color-background-action-active-disabled',
+    '--color-background-action-light',
+    '--color-background-action-light-hover',
+    '--color-background-action-light-pressed',
+    '--color-background-error',
+    '--color-background-error-hover',
+    '--color-background-error-pressed',
+    '--color-background-error-light',
+    '--color-background-error-light-hover',
+    '--color-background-error-light-pressed',
+    '--color-background-warning',
+    '--color-background-warning-hover',
+    '--color-background-warning-pressed',
+    '--color-background-warning-light',
+    '--color-background-warning-light-hover',
+    '--color-background-warning-light-pressed',
+    '--color-background-success',
+    '--color-background-success-hover',
+    '--color-background-success-pressed',
+    '--color-background-success-light',
+    '--color-background-success-light-hover',
+    '--color-background-success-light-pressed',
+    '--color-background-info',
+    '--color-background-info-hover',
+    '--color-background-info-pressed',
+    '--color-background-info-light',
+    '--color-background-info-light-hover',
+    '--color-background-info-light-pressed',
+    '--color-background-main-inverse',
+    '--color-background-overlay',
+    '--color-background-ghost',
+    '--color-background-ghost-hover',
+    '--color-background-ghost-pressed',
+    '--color-background-ghost-disabled',
+    '--color-border-main',
+    '--color-border-main-hover',
+    '--color-border-main-pressed',
+    '--color-border-secondary',
+    '--color-border-secondary-hover',
+    '--color-border-secondary-pressed',
+    '--color-border-disabled',
+    '--color-border-ghost-disabled',
+    '--color-border-focused',
+    '--color-border-action',
+    '--color-border-action-hover',
+    '--color-border-action-pressed',
+    '--color-border-error',
+    '--color-border-warning',
+    '--color-border-success',
+    '--color-border-info',
+    '--color-border-main-on',
+    '--color-additional-a1',
+    '--color-additional-a2',
+    '--color-additional-a3',
+    '--color-additional-b1',
+    '--color-additional-b2',
+    '--color-additional-b3',
+    '--color-additional-c1',
+    '--color-additional-c2',
+    '--color-additional-c3',
+    '--color-additional-d1',
+    '--color-additional-d2',
+    '--color-additional-d3',
+    '--color-additional-e1',
+    '--color-additional-e2',
+    '--color-additional-e3',
+    '--color-additional-f1',
+    '--color-additional-f2',
+    '--color-additional-f3',
+    '--color-additional-g1',
+    '--color-additional-g2',
+    '--color-additional-g3',
+    '--color-additional-h1',
+    '--color-additional-h2',
+    '--color-additional-h3',
+    '--color-gradient-gr1',
+    '--color-gradient-gr2',
+    '--color-gradient-gr3',
+    '--color-gradient-gr4',
+    '--color-gradient-gr5',
+];
+exports.borderRadius = [
+    '--border-radius-l',
+    '--border-radius-xl',
+    '--border-radius-m',
+    '--border-radius-s',
+    '--border-radius-xs',
+    '--border-radius-2xs',
+];
+exports.borderWidth = ['--border-width-s', '--border-width-m'];
+exports.shadow = ['--shadow-l', '--shadow-m', '--shadow-s'];
+exports.breakpoint = [
+    '--breakpoint-xs',
+    '--breakpoint-s',
+    '--breakpoint-m',
+    '--breakpoint-l',
+];
+exports.zIndex = [
+    '--z-index-default',
+    '--z-index-absolute',
+    '--z-index-header',
+    '--z-index-sidebar',
+    '--z-index-modal',
+    '--z-index-popover',
+    '--z-index-snackbar',
+    '--z-index-livespace',
+    '--z-index-chat',
+];
+exports.space = [
+    '--space-8xl',
+    '--space-7xl',
+    '--space-6xl',
+    '--space-5xl',
+    '--space-4xl',
+    '--space-3xl',
+    '--space-2xl',
+    '--space-xl',
+    '--space-l',
+    '--space-m',
+    '--space-s',
+    '--space-xs',
+];
+exports.typography = [
+    '--typography-text-4xl_1-font',
+    '--typography-text-3xl_1-font',
+    '--typography-text-2xl_1-font',
+    '--typography-text-xl_1-font',
+    '--typography-heading-4xl-font',
+    '--typography-text-4xl-font',
+    '--typography-heading-3xl-font',
+    '--typography-text-3xl-font',
+    '--typography-heading-2xl-font',
+    '--typography-text-2xl-font',
+    '--typography-heading-xl-font',
+    '--typography-text-xl-font',
+    '--typography-text-l-font',
+    '--typography-text-l_1-font',
+    '--typography-text-m-font',
+    '--typography-text-m_1-font',
+    '--typography-text-s-font',
+    '--typography-text-s_1-font',
+    '--typography-text-xs-font',
+    '--typography-text-xs_1-font',
+    '--typography-text-2xs-font',
+    '--typography-text-2xs_1-font',
+    '--typography-text-3xs-font',
+    '--typography-caption-3xs-font',
+    '--typography-caption-3xs-text_transform',
+    '--typography-caption-3xs-letter_spacing',
+    '--typography-text-3xs_1-font',
+    '--typography-caption-3xs_1-font',
+    '--typography-caption-3xs_1-text_transform',
+    '--typography-caption-3xs_1-letter_spacing',
+];
+exports.transition = [
+    '--transition-default',
+    '--transition-slow',
+];

package/__inner__/cjs/components/ThemeProvider/themes/themeOzenDark.d.ts

@@ -0,0 +1,12 @@
+import '@ozen-ui/fonts';
+import type { Theme } from '../index';
+import '../_color/Theme_color_ozenDark.css';
+import '../_typography/Theme_typography_ozenDefault.css';
+import '../_borderRadius/Theme_borderRadius_ozenDefault.css';
+import '../_space/Theme_space_ozenDefault.css';
+import '../_shadow/Theme_shadow_ozenDefault.css';
+import '../_breakpoint/Theme_breakpoint_ozenDefault.css';
+import '../_borderWidth/Theme_borderWidth_ozenDefault.css';
+import '../_zIndex/Theme_zIndex_ozenDefault.css';
+import '../_transition/Theme_transition_ozenDefault.css';
+export declare const themeOzenDark: Theme;

package/__inner__/cjs/components/ThemeProvider/themes/themeOzenDark.js

@@ -0,0 +1,27 @@
+"use strict";
+exports.__esModule = true;
+exports.themeOzenDark = void 0;
+require("@ozen-ui/fonts");
+require("../_color/Theme_color_ozenDark.css");
+require("../_typography/Theme_typography_ozenDefault.css");
+require("../_borderRadius/Theme_borderRadius_ozenDefault.css");
+require("../_space/Theme_space_ozenDefault.css");
+require("../_shadow/Theme_shadow_ozenDefault.css");
+require("../_breakpoint/Theme_breakpoint_ozenDefault.css");
+require("../_borderWidth/Theme_borderWidth_ozenDefault.css");
+require("../_zIndex/Theme_zIndex_ozenDefault.css");
+require("../_transition/Theme_transition_ozenDefault.css");
+exports.themeOzenDark = {
+    tokens: {
+        color: 'ozenDark',
+        space: 'ozenDefault',
+        typography: 'ozenDefault',
+        borderRadius: 'ozenDefault',
+        borderWidth: 'ozenDefault',
+        shadow: 'ozenDefault',
+        breakpoint: 'ozenDefault',
+        zIndex: 'ozenDefault',
+        transition: 'ozenDefault'
+    },
+    defaultProps: {}
+};

package/__inner__/cjs/components/ThemeProvider/themes/themeOzenDefault.d.ts

@@ -0,0 +1,12 @@
+import '@ozen-ui/fonts';
+import type { Theme } from '../index';
+import '../_color/Theme_color_ozenDefault.css';
+import '../_typography/Theme_typography_ozenDefault.css';
+import '../_borderRadius/Theme_borderRadius_ozenDefault.css';
+import '../_space/Theme_space_ozenDefault.css';
+import '../_shadow/Theme_shadow_ozenDefault.css';
+import '../_breakpoint/Theme_breakpoint_ozenDefault.css';
+import '../_borderWidth/Theme_borderWidth_ozenDefault.css';
+import '../_zIndex/Theme_zIndex_ozenDefault.css';
+import '../_transition/Theme_transition_ozenDefault.css';
+export declare const themeOzenDefault: Theme;

package/__inner__/cjs/components/ThemeProvider/themes/themeOzenDefault.js

@@ -0,0 +1,27 @@
+"use strict";
+exports.__esModule = true;
+exports.themeOzenDefault = void 0;
+require("@ozen-ui/fonts");
+require("../_color/Theme_color_ozenDefault.css");
+require("../_typography/Theme_typography_ozenDefault.css");
+require("../_borderRadius/Theme_borderRadius_ozenDefault.css");
+require("../_space/Theme_space_ozenDefault.css");
+require("../_shadow/Theme_shadow_ozenDefault.css");
+require("../_breakpoint/Theme_breakpoint_ozenDefault.css");
+require("../_borderWidth/Theme_borderWidth_ozenDefault.css");
+require("../_zIndex/Theme_zIndex_ozenDefault.css");
+require("../_transition/Theme_transition_ozenDefault.css");
+exports.themeOzenDefault = {
+    tokens: {
+        color: 'ozenDefault',
+        space: 'ozenDefault',
+        typography: 'ozenDefault',
+        borderRadius: 'ozenDefault',
+        borderWidth: 'ozenDefault',
+        shadow: 'ozenDefault',
+        breakpoint: 'ozenDefault',
+        zIndex: 'ozenDefault',
+        transition: 'ozenDefault'
+    },
+    defaultProps: {}
+};