@atomazing-org/design-system 1.2.9 → 2.0.2

package/migrations/skills/design-system-migration-agent/SKILL.md

@@ -0,0 +1,158 @@
+---
+name: design-system-migration-agent
+description: Route-based migration instructions for adopting @atomazing-org/design-system (v2 target, MUI v7 baseline) in application repos. Use when Codex/AI needs to plan and execute a migration path (greenfield, adopt-existing, or MUI v4 to latest) by reading runbooks/specs in migrations/docs instead of relying on local automation scripts.
+---
+
+# Design System Migration Agent
+
+Use this skill to run a design-system migration as an AI-guided workflow.
+
+Treat `migrations/docs/migrations/design-system/` as the source of truth.
+Treat `migrations/scripts/` as optional legacy automation/reference, not a requirement.
+Read `../../docs/migrations/design-system/shared/WORKING-RULES.md` before selecting the route.
+
+## Quick start
+
+1. Read `../../docs/migrations/design-system/README.md`.
+2. Read `../../docs/migrations/design-system/shared/WORKING-RULES.md`.
+3. Read `../../docs/migrations/design-system/shared/phases.md`.
+4. Detect the route from the target app (`package.json`, imports, current theme setup).
+5. Read only the selected route files:
+   - `../../docs/migrations/design-system/routes/<route>/RUNBOOK.md`
+   - `../../docs/migrations/design-system/routes/<route>/migration.spec.json`
+6. Read shared checks:
+   - `../../docs/migrations/design-system/shared/FOUNDATION.md`
+   - `../../docs/migrations/design-system/shared/WORKING-RULES.md`
+   - `../../docs/migrations/design-system/shared/phases.md`
+   - `../../docs/migrations/design-system/shared/phase-exit-criteria.md`
+   - `../../docs/migrations/design-system/shared/common-regressions.md`
+   - `../../docs/migrations/design-system/shared/manual-qa-matrix.md`
+   - `../../docs/migrations/design-system/shared/gates.md`
+   - `../../docs/migrations/design-system/shared/acceptance.md`
+   - `../../docs/migrations/design-system/shared/rollback.md` (before risky edits)
+7. Execute the migration in small commits, validating after each major step.
+8. For large repos, keep the migration phase-gated:
+   - keep the app runnable at the end of each phase
+   - keep one main change class per phase
+   - stabilize shared infrastructure before domain-by-domain waves
+
+## Select route
+
+Inspect the target app repository:
+
+- If `package.json` has `@material-ui/*` dependencies or source imports `@material-ui/*`:
+  - use `mui4-to-latest`
+- Else if the app is new or there is no legacy theme/token layer to migrate:
+  - use `greenfield`
+- Else:
+  - use `adopt-existing`
+
+Use migration instead of ad hoc integration if the request would otherwise leave
+multiple theme providers, multiple theme state stores, or a large unresolved token layer.
+
+If detection is ambiguous, stop and ask the user which route to prefer.
+
+## Execute workflow (AI-driven, no local migration scripts required)
+
+1. Create a phased plan and name the selected route.
+   - use `shared/phases.md` as the default step-by-step scaffold for the plan
+   - For large repos, define explicit stop-gates between dependency landing, mechanical migration, root theme unification, runtime cleanup, shared infrastructure, domain waves, and final closeout.
+2. Run baseline checks (`npm test`, `npm run build`, and `npm run lint` when available).
+   - If the repo exposes contract gates such as `npm run lint:style-contract`,
+     `npm run lint:design-contract`, or `npm run lint:typography-contract`,
+     include them in the baseline and closeout pass.
+   - If the repo exposes smoke or e2e coverage for shell, protected routes, or
+     overlays such as `npm run test:smoke`, include that in the migration gate.
+3. Run the repo's normal dev/start command and verify the app reaches the first route in a real browser before and after migration work.
+4. Parse `migration.spec.json` and convert each step into concrete actions:
+   - execute `run` commands when they are generic and safe;
+   - if a `run` command references `migrations/scripts/*`, perform the intent manually:
+     - dependency updates: edit `package.json` directly;
+     - route detection: inspect `package.json` and imports directly;
+     - token replacements: use CSV mapping + targeted search/replace + manual review;
+     - gates: use `rg` searches and test/build commands.
+5. Execute `manualReview` items as explicit subtasks and record what was changed.
+   - Do not batch dependency upgrades, shell rewrites, and broad token cleanup into one unvalidated change set.
+   - If shell, overlays, or shared primitives are in scope, add or tighten smoke coverage before broad refactors.
+6. If install scripts fail because of repo tooling such as Husky, retry with the package manager's `--ignore-scripts` equivalent only as a recovery path, then continue with the intended validation commands.
+7. Re-run route gates and shared acceptance checks, including runtime startup verification in a real browser.
+8. Summarize:
+   - selected route;
+   - files changed;
+   - remaining manual follow-up (visual QA, edge screens, regressions).
+
+## Replace script intents manually
+
+Use these substitutions when specs mention local `.mjs` helpers:
+
+- `actions/update-package-json.mjs`
+  - edit `package.json` directly
+  - preserve existing package manager conventions and lockfile
+- `preflight/detect-route.mjs`
+  - inspect dependencies/imports directly
+- `shared/apply-replacements-from-csv.mjs`
+  - read `token-map.csv`
+  - apply only safe textual replacements first
+  - review diffs file-by-file
+- `gates/no-legacy-material-ui.mjs`
+  - search for `@material-ui/` in source and `package.json`
+- `gates/no-hardcoded-tokens.mjs`
+  - search for project-specific token modules/identifiers from route config or user-provided list
+
+Prefer `rg` for all searches.
+
+## Runtime Startup Gate
+
+Do not close a migration on the basis of build success alone.
+
+- Start the app with the repo's normal dev/start command.
+- Open the first route in a real browser.
+- Fix startup console errors before closeout.
+- Fix migration-caused startup warnings before closeout when they indicate broken runtime alignment.
+- If `react`, `react-dom`, `@emotion/react`, or `@emotion/styled` are loaded more than once, align bundler/runtime configuration with dedupe, aliasing, or singleton-sharing.
+- Remove module-scope code that depends on browser APIs, storage, or i18n locale activation.
+- Verify that the active preset still owns the application background after migration.
+- If root shells, layouts, or page wrappers set page-level `background` or `backgroundColor`, remove those overrides unless they are intentional component surfaces.
+- If shell workspaces or route-level content panes were touched, verify the main page root still fills the available content region instead of collapsing to content width or leaving empty workspace.
+- If shared charts, legends, chips, segmented filters, or compact status controls were touched, verify they still read as preset-aligned UI instead of ad hoc chip-like chrome.
+- Keep preset selection explicit in one app-owned theme module instead of generic constants passthrough files.
+- If several role-based pages share the same structural shell, extract a shared workflow layout contract before continuing with visual cleanup.
+- If a local barrel re-export introduces circular chunk warnings, switch the affected app internals to direct local imports.
+- Fix consumer-owned build warnings such as stale asset globs or oversized local chunks with config and bundling changes.
+- If a remaining build warning is emitted by an upstream toolchain package, record the exact package and file rather than pretending the app owns it.
+- Audit visible text when UI components are touched:
+  - use `Typography` with explicit `variant`
+  - wrap visible text in `Button`, `ToggleButton`, `MenuItem`, `Chip`, and `Alert` with `Typography component="span"`
+  - if typography regressions are broad, add or update a repo-local typography contract check and keep it green
+- If raw token drift is broad, add or update a repo-local design-contract check for hardcoded colors, raw numeric font sizes, or ad hoc radius/opacity values and keep it green
+- Expand the design-contract check when needed so it also catches decorative gradients, direct shadow styling, theme shadow-token drift, palette alpha suffix hacks, and unapproved visual-preview exceptions
+- If the consumer repo already enforces a style-contract or styleless-UI rule, keep that gate green during the migration instead of treating it as unrelated local debt
+- If a migrated consumer component still carries a large inline `sx` object, extract that styling into a local `styled(...)` component in the same file and keep the styled declarations near the bottom of the file
+- If bulk replacements, codemods, or encoding-sensitive file rewrites touched localized copy, scan for mojibake or replacement characters and verify at least one real localized route renders readable text
+- Remove zero-value surface wrappers that only forward to MUI `Card` or `Paper`
+- Replace palette-string alpha hacks with theme helpers such as `alpha()`
+- Treat consumer-owned gradient or shadow chrome on normal surfaces as a migration defect unless it is an explicitly documented preview exception
+- When shared overlays are touched:
+  - keep `aria-labelledby` and `aria-describedby` wired through stable ids
+  - label close actions explicitly
+  - hide decorative bottom-sheet chrome from assistive tech when it carries no state
+  - use `combobox` and `listbox` semantics for overlay search UIs with keyboard filtering
+- Keep browser event listeners such as `beforeinstallprompt` or `matchMedia` subscriptions inside effects with cleanup instead of render paths or module scope
+- Prefer smoke checks through stable overlay entrypoints if overlay infrastructure changes during migration
+
+## Required outputs
+
+Produce all of the following in the final response/work log:
+
+- selected route and why
+- completed steps vs skipped steps
+- exact commands run
+- startup issues found and how they were fixed
+- unresolved warnings / manual QA checklist
+- rollback guidance if migration is partial
+
+## Notes
+
+- Replace `<SET_VERSION>` placeholders in route specs with the user-provided `@atomazing-org/design-system` version.
+- Adapt commands to the repo package manager (`npm`, `pnpm`, `yarn`, `bun`) instead of forcing `npm`.
+- For Next.js / SSR apps, apply the client-boundary guidance from `FOUNDATION.md`.

package/package.json

@@ -1,7 +1,9 @@
 {
   "name": "@atomazing-org/design-system",
-  "version": "1.2.9",
+  "version": "2.0.2",
   "private": false,
+  "type": "module",
+  "packageManager": "pnpm@9.14.4",
   "description": "A library providing a set of useful utils, MUI style extensions, and components to build your application.",
   "author": "PonomarevBPM + MarkSinD",
   "license": "MIT",
@@ -16,24 +18,25 @@
     "styles",
     "utils"
   ],
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
+  "module": "dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "import": "./dist/index.js"
     },
     "./presets": {
       "types": "./dist/presets/index.d.ts",
-      "import": "./dist/presets/index.mjs",
-      "require": "./dist/presets/index.js"
+      "import": "./dist/presets/index.js"
     }
   },
   "files": [
     "dist",
-    "README.md"
+    "AGENTS.md",
+    "README.MD",
+    "migrations/README.UPDATE.md",
+    "migrations/docs",
+    "migrations/skills"
   ],
   "sideEffects": false,
   "publishConfig": {
@@ -44,32 +47,52 @@
     "build": "tsup",
     "dev": "tsup --watch",
     "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",
+    "check:runtime-alignment": "node tools/checks/runtime-version-alignment.mjs",
+    "smoke:esm": "node tools/smoke/esm-imports.mjs",
+    "smoke:react-app": "pnpm --dir examples/react-app run lint:ts && pnpm --dir examples/react-app run build",
+    "smoke:next": "pnpm --dir examples/next-app-router run lint && pnpm run check:runtime-alignment && pnpm --dir examples/next-app-router run build",
+    "format": "pnpm run format:eslint && pnpm run format:prettier",
+    "format:eslint": "pnpm run lint:eslint -- --fix",
+    "format:prettier": "prettier \"**/*.{json,js,ts,tsx}\" --write",
     "lint:eslint": "eslint \"**/*.{js,ts,tsx}\"",
     "lint:prettier": "prettier \"**/*.{json,js,ts,tsx}\" --check",
     "lint:ts": "tsc --noEmit",
-    "lint": "npm run lint:eslint && npm run lint:prettier && npm run lint:ts"
+    "lint": "pnpm run lint:eslint && pnpm run lint:prettier && pnpm run lint:ts"
   },
   "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
     "@emotion/react": "^11.0.0",
     "@emotion/styled": "^11.0.0",
-    "@emotion/css": "^11.0.0",
+    "@mui/icons-material": "^7.0.0",
     "@mui/material": "^7.0.0",
-    "@mui/icons-material": "^7.0.0"
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@mui/icons-material": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@atomazing-org/eslint-config": "3.6.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@types/react": "^19.1.8",
+    "@mui/icons-material": "7.3.8",
+    "@mui/material": "7.3.8",
+    "@types/node": "^25.1.0",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
     "eslint": "^9.13.0",
     "prettier": "^3.6.2",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
     "tsup": "^8.5.0",
     "typescript": "^5.8.3",
     "vitest": "^2.1.3"
+  },
+  "pnpm": {
+    "overrides": {
+      "@mui/material": "7.3.8",
+      "@mui/icons-material": "7.3.8"
+    }
   }
 }

package/dist/chunk-OYZ4FCLV.mjs

@@ -1,2 +0,0 @@
-import{alpha as p}from"@mui/material/styles";var f='"Source Serif 4","Noto Naskh Arabic","Tajawal","Cairo","Georgia","Times New Roman",serif',P={name:"Editorial Classic",direction:"rtl",palette:{mode:"light",primary:{main:"#111827",dark:"#0B1220",light:"#374151",contrastText:"#FFFFFF"},secondary:{main:"#7F1D1D",dark:"#5B1414",light:"#B91C1C",contrastText:"#FFFFFF"},info:{main:"#1D4ED8",dark:"#1E40AF",light:"#60A5FA",contrastText:"#FFFFFF"},success:{main:"#166534",dark:"#14532D",light:"#4ADE80",contrastText:"#FFFFFF"},warning:{main:"#B45309",dark:"#92400E",light:"#F59E0B",contrastText:"#0B1220"},error:{main:"#B91C1C",dark:"#991B1B",light:"#EF4444",contrastText:"#FFFFFF"},background:{default:"#FBF7F0",paper:"#FFFFFF"},text:{primary:"#111827",secondary:"#4B5563",disabled:p("#111827",.45)},divider:p("#111827",.12),grey:{50:"#FFFEFC",100:"#FBF7F0",200:"#F1E8DD",300:"#E4D7C7",400:"#CBB9A4",500:"#9B8A78",600:"#6B5E52",700:"#4B3F37",800:"#2A2624",900:"#111827"},action:{hover:p("#111827",.06),selected:p("#111827",.12),focus:p("#1D4ED8",.18),active:p("#111827",.54),disabled:p("#111827",.32),disabledBackground:p("#111827",.08)}},typography:{fontFamily:f,h1:{fontWeight:800,fontSize:"2.1rem",lineHeight:1.2,letterSpacing:"-0.02em"},h2:{fontWeight:800,fontSize:"1.6rem",lineHeight:1.25,letterSpacing:"-0.01em"},h3:{fontWeight:800,fontSize:"1.3rem",lineHeight:1.3},h4:{fontWeight:700,fontSize:"1.125rem",lineHeight:1.4},subtitle1:{fontWeight:700,fontSize:"0.95rem"},subtitle2:{fontWeight:700,fontSize:"0.875rem"},body1:{fontSize:"1rem",lineHeight:1.85},body2:{fontSize:"0.9rem",lineHeight:1.75},button:{textTransform:"none",fontWeight:700},caption:{fontSize:"0.78rem"},overline:{fontSize:"0.75rem",letterSpacing:"0.12em"}},shape:{borderRadius:10},spacing:8,components:{MuiCssBaseline:{styleOverrides:d=>({body:{backgroundColor:d.palette.background.default,color:d.palette.text.primary}})},MuiPaper:{styleOverrides:{root:({theme:d})=>({borderRadius:12,backgroundImage:"none",border:`1px solid ${p(d.palette.text.primary,.08)}`})}},MuiCard:{styleOverrides:{root:({theme:d})=>({borderRadius:14,border:`1px solid ${p(d.palette.text.primary,.1)}`})}},MuiAppBar:{defaultProps:{color:"inherit",elevation:0},styleOverrides:{root:({theme:d})=>({backgroundColor:d.palette.background.paper,borderBottom:`1px solid ${p(d.palette.text.primary,.1)}`})}},MuiButton:{defaultProps:{disableElevation:!0},styleOverrides:{root:{borderRadius:10,paddingInline:16,paddingBlock:9},outlined:{borderWidth:1}}},MuiLink:{styleOverrides:{root:{textDecorationThickness:"2px",textUnderlineOffset:"3px"}}},MuiOutlinedInput:{styleOverrides:{root:{borderRadius:10},notchedOutline:({theme:d})=>({borderColor:p(d.palette.text.primary,.18)})}},MuiInputLabel:{styleOverrides:{root:{fontWeight:700}}},MuiTabs:{styleOverrides:{root:{minHeight:44},indicator:{height:2,borderRadius:2}}},MuiTab:{styleOverrides:{root:{minHeight:44,fontWeight:700,paddingInline:14}}},MuiTableHead:{styleOverrides:{root:({theme:d})=>({backgroundColor:p(d.palette.text.primary,.04)})}},MuiTableCell:{styleOverrides:{head:({theme:d})=>({fontWeight:800,borderBottom:`1px solid ${p(d.palette.text.primary,.12)}`}),body:({theme:d})=>({borderBottom:`1px solid ${p(d.palette.text.primary,.08)}`})}},MuiDivider:{styleOverrides:{root:({theme:d})=>({borderColor:d.palette.divider})}},MuiAlert:{styleOverrides:{root:({theme:d})=>({borderRadius:12,border:`1px solid ${p(d.palette.text.primary,.08)}`})}},MuiTooltip:{styleOverrides:{tooltip:{borderRadius:10,fontSize:"0.8rem"}}},MuiSnackbarContent:{styleOverrides:{root:{borderRadius:12}}}}},N={name:"Editorial Classic Dark",direction:"rtl",palette:{mode:"dark",primary:{main:"#E5E7EB",dark:"#CBD5E1",light:"#F3F4F6",contrastText:"#0B1220"},secondary:{main:"#FB7185",dark:"#EF4444",light:"#FDA4AF",contrastText:"#0B1220"},info:{main:"#60A5FA",dark:"#3B82F6",light:"#93C5FD",contrastText:"#0B1220"},success:{main:"#34D399",dark:"#10B981",light:"#A7F3D0",contrastText:"#0B1220"},warning:{main:"#FBBF24",dark:"#F59E0B",light:"#FDE68A",contrastText:"#0B1220"},error:{main:"#FB7185",dark:"#EF4444",light:"#FDA4AF",contrastText:"#0B1220"},background:{default:"#0E1116",paper:"#141A22"},text:{primary:"#F3F4F6",secondary:"#A8B0BC",disabled:p("#F3F4F6",.45)},divider:p("#F3F4F6",.14),grey:{50:"#0E1116",100:"#141A22",200:"#1B2431",300:"#243245",400:"#31435C",500:"#4A5A78",600:"#6B7A95",700:"#A8B0BC",800:"#E5E7EB",900:"#F3F4F6"},action:{hover:p("#F3F4F6",.08),selected:p("#F3F4F6",.12),focus:p("#60A5FA",.22),active:p("#F3F4F6",.54),disabled:p("#F3F4F6",.32),disabledBackground:p("#F3F4F6",.08)}},typography:{fontFamily:f,h1:{fontWeight:800,fontSize:"2.1rem",lineHeight:1.2,letterSpacing:"-0.02em"},h2:{fontWeight:800,fontSize:"1.6rem",lineHeight:1.25,letterSpacing:"-0.01em"},h3:{fontWeight:800,fontSize:"1.3rem",lineHeight:1.3},h4:{fontWeight:700,fontSize:"1.125rem",lineHeight:1.4},subtitle1:{fontWeight:700,fontSize:"0.95rem"},subtitle2:{fontWeight:700,fontSize:"0.875rem"},body1:{fontSize:"1rem",lineHeight:1.85},body2:{fontSize:"0.9rem",lineHeight:1.75},button:{textTransform:"none",fontWeight:700},caption:{fontSize:"0.78rem"},overline:{fontSize:"0.75rem",letterSpacing:"0.12em"}},shape:{borderRadius:10},spacing:8,components:{MuiCssBaseline:{styleOverrides:d=>({body:{backgroundColor:d.palette.background.default,color:d.palette.text.primary}})},MuiPaper:{styleOverrides:{root:({theme:d})=>({borderRadius:12,backgroundImage:"none",border:`1px solid ${p(d.palette.text.primary,.1)}`})}},MuiCard:{styleOverrides:{root:({theme:d})=>({borderRadius:14,border:`1px solid ${p(d.palette.text.primary,.1)}`})}},MuiAppBar:{defaultProps:{color:"inherit",elevation:0},styleOverrides:{root:({theme:d})=>({backgroundColor:d.palette.background.paper,borderBottom:`1px solid ${p(d.palette.text.primary,.1)}`})}},MuiButton:{defaultProps:{disableElevation:!0},styleOverrides:{root:{borderRadius:10,paddingInline:16,paddingBlock:9},outlined:{borderWidth:1}}},MuiLink:{styleOverrides:{root:{textDecorationThickness:"2px",textUnderlineOffset:"3px"}}},MuiOutlinedInput:{styleOverrides:{root:{borderRadius:10},notchedOutline:({theme:d})=>({borderColor:p(d.palette.text.primary,.18)})}},MuiInputLabel:{styleOverrides:{root:{fontWeight:700}}},MuiTabs:{styleOverrides:{root:{minHeight:44},indicator:{height:2,borderRadius:2}}},MuiTab:{styleOverrides:{root:{minHeight:44,fontWeight:700,paddingInline:14}}},MuiTableHead:{styleOverrides:{root:({theme:d})=>({backgroundColor:p(d.palette.text.primary,.06)})}},MuiTableCell:{styleOverrides:{head:({theme:d})=>({fontWeight:800,borderBottom:`1px solid ${p(d.palette.text.primary,.14)}`}),body:({theme:d})=>({borderBottom:`1px solid ${p(d.palette.text.primary,.1)}`})}},MuiDivider:{styleOverrides:{root:({theme:d})=>({borderColor:d.palette.divider})}},MuiAlert:{styleOverrides:{root:({theme:d})=>({borderRadius:12,border:`1px solid ${p(d.palette.text.primary,.1)}`})}},MuiTooltip:{styleOverrides:{tooltip:{borderRadius:10,fontSize:"0.8rem"}}},MuiSnackbarContent:{styleOverrides:{root:{borderRadius:12}}}}};import{alpha as l}from"@mui/material/styles";var D='"IBM Plex Sans","Tajawal","Cairo","Noto Sans Arabic","Inter","Arial",sans-serif',u=6,B={fontFamily:D,h1:{fontWeight:900,fontSize:"2.1rem",lineHeight:1.16,letterSpacing:"-0.03em"},h2:{fontWeight:800,fontSize:"1.68rem",lineHeight:1.22,letterSpacing:"-0.02em"},h3:{fontWeight:700,fontSize:"1.32rem",lineHeight:1.3,letterSpacing:"-0.01em"},h4:{fontWeight:700,fontSize:"1.08rem",lineHeight:1.4},subtitle1:{fontWeight:600,fontSize:"0.94rem"},subtitle2:{fontWeight:600,fontSize:"0.86rem"},body1:{fontSize:"0.94rem",lineHeight:1.62},body2:{fontSize:"0.86rem",lineHeight:1.56},button:{textTransform:"uppercase",fontWeight:700,letterSpacing:"0.05em"},caption:{fontSize:"0.74rem"},overline:{fontSize:"0.72rem",letterSpacing:"0.12em",textTransform:"uppercase"}},C=({appBarAlpha:d,borderAlpha:s,surfaceShadowAlpha:m,tableHeadAlpha:e})=>({MuiCssBaseline:{styleOverrides:o=>({body:{backgroundColor:o.palette.background.default,color:o.palette.text.primary,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"}})},MuiAppBar:{defaultProps:{color:"inherit",elevation:0},styleOverrides:{root:({theme:o})=>({backgroundColor:l(o.palette.background.paper,d),borderBottom:`1px solid ${l(o.palette.text.primary,s)}`,boxShadow:`0 1px 0 ${l(o.palette.text.primary,s*.7)}`})}},MuiPaper:{styleOverrides:{root:({theme:o})=>({borderRadius:u+2,backgroundImage:"none",border:`1px solid ${l(o.palette.text.primary,s)}`,boxShadow:`0 1px 2px ${l(o.palette.text.primary,m)}`})}},MuiCard:{styleOverrides:{root:({theme:o})=>({borderRadius:u+4,border:`1px solid ${l(o.palette.text.primary,s)}`,boxShadow:`0 1px 2px ${l(o.palette.text.primary,m)}`})}},MuiButton:{defaultProps:{disableElevation:!0},styleOverrides:{root:{borderRadius:u,paddingInline:16,paddingBlock:9,minHeight:36,fontWeight:700},contained:{boxShadow:"none"},containedPrimary:({theme:o})=>({backgroundColor:o.palette.primary.main,"&:hover":{backgroundColor:o.palette.primary.dark,boxShadow:"none"}}),outlined:({theme:o})=>({borderWidth:1,borderColor:l(o.palette.text.primary,s+.05)})}},MuiChip:{styleOverrides:{root:({theme:o})=>({borderRadius:u,fontWeight:600,border:`1px solid ${l(o.palette.text.primary,s+.04)}`,backgroundColor:l(o.palette.background.paper,.9)})}},MuiTabs:{styleOverrides:{root:({theme:o})=>({minHeight:42,borderBottom:`1px solid ${l(o.palette.text.primary,s+.06)}`}),indicator:({theme:o})=>({height:2,borderRadius:1,backgroundColor:o.palette.primary.main})}},MuiTab:{styleOverrides:{root:{minHeight:42,fontWeight:700,paddingInline:14}}},MuiOutlinedInput:{styleOverrides:{root:{borderRadius:u},notchedOutline:({theme:o})=>({borderColor:l(o.palette.text.primary,s+.08)})}},MuiInputLabel:{styleOverrides:{root:{fontWeight:600}}},MuiTableHead:{styleOverrides:{root:({theme:o})=>({backgroundColor:l(o.palette.text.primary,e)})}},MuiTableCell:{styleOverrides:{head:({theme:o})=>({fontWeight:700,color:o.palette.text.primary,borderBottom:`1px solid ${l(o.palette.text.primary,s+.08)}`}),body:({theme:o})=>({borderBottom:`1px solid ${l(o.palette.text.primary,s)}`})}},MuiDivider:{styleOverrides:{root:({theme:o})=>({borderColor:o.palette.divider})}},MuiAlert:{styleOverrides:{root:({theme:o})=>({borderRadius:u+2,border:`1px solid ${l(o.palette.text.primary,s+.08)}`})}},MuiTooltip:{styleOverrides:{tooltip:({theme:o})=>({borderRadius:u,fontSize:"0.78rem",border:`1px solid ${l(o.palette.text.primary,s+.08)}`,backgroundColor:o.palette.background.paper,color:o.palette.text.primary})}},MuiSnackbarContent:{styleOverrides:{root:({theme:o})=>({borderRadius:u+2,border:`1px solid ${l(o.palette.text.primary,s+.08)}`})}}}),_={name:"Modern Minimal",direction:"rtl",palette:{mode:"light",primary:{main:"#1E40AF",dark:"#1E3A8A",light:"#3B82F6",contrastText:"#FFFFFF"},secondary:{main:"#111827",dark:"#030712",light:"#374151",contrastText:"#FFFFFF"},info:{main:"#2563EB",dark:"#1D4ED8",light:"#60A5FA",contrastText:"#FFFFFF"},success:{main:"#15803D",dark:"#166534",light:"#4ADE80",contrastText:"#FFFFFF"},warning:{main:"#B45309",dark:"#92400E",light:"#F59E0B",contrastText:"#FFFFFF"},error:{main:"#B91C1C",dark:"#991B1B",light:"#EF4444",contrastText:"#FFFFFF"},background:{default:"#F3F4F6",paper:"#FFFFFF"},text:{primary:"#111827",secondary:"#4B5563",disabled:l("#111827",.45)},divider:l("#111827",.14),grey:{50:"#F9FAFB",100:"#F3F4F6",200:"#E5E7EB",300:"#D1D5DB",400:"#9CA3AF",500:"#6B7280",600:"#4B5563",700:"#374151",800:"#1F2937",900:"#111827"},action:{hover:l("#1E40AF",.04),selected:l("#1E40AF",.1),focus:l("#1E40AF",.2),active:l("#111827",.54),disabled:l("#111827",.32),disabledBackground:l("#111827",.08)}},typography:B,shape:{borderRadius:u},spacing:8,components:C({appBarAlpha:.98,borderAlpha:.12,surfaceShadowAlpha:.08,tableHeadAlpha:.04})},U={name:"Modern Minimal Dark",direction:"rtl",palette:{mode:"dark",primary:{main:"#93C5FD",dark:"#60A5FA",light:"#BFDBFE",contrastText:"#0B1220"},secondary:{main:"#E5E7EB",dark:"#D1D5DB",light:"#F3F4F6",contrastText:"#0B1220"},info:{main:"#7DD3FC",dark:"#38BDF8",light:"#BAE6FD",contrastText:"#0B1220"},success:{main:"#6EE7B7",dark:"#34D399",light:"#A7F3D0",contrastText:"#0B1220"},warning:{main:"#FCD34D",dark:"#FBBF24",light:"#FDE68A",contrastText:"#0B1220"},error:{main:"#FDA4AF",dark:"#FB7185",light:"#FECACA",contrastText:"#0B1220"},background:{default:"#0B0F14",paper:"#111827"},text:{primary:"#F3F4F6",secondary:"#9CA3AF",disabled:l("#F3F4F6",.45)},divider:l("#F3F4F6",.16),grey:{50:"#0B0F14",100:"#111827",200:"#1F2937",300:"#374151",400:"#4B5563",500:"#6B7280",600:"#9CA3AF",700:"#D1D5DB",800:"#E5E7EB",900:"#F3F4F6"},action:{hover:l("#93C5FD",.08),selected:l("#93C5FD",.16),focus:l("#93C5FD",.24),active:l("#F3F4F6",.54),disabled:l("#F3F4F6",.32),disabledBackground:l("#F3F4F6",.08)}},typography:B,shape:{borderRadius:u},spacing:8,components:C({appBarAlpha:.94,borderAlpha:.2,surfaceShadowAlpha:.2,tableHeadAlpha:.08})};import{alpha as a}from"@mui/material/styles";var M='"Space Grotesk","Tajawal","Cairo","Noto Sans Arabic","Inter","Roboto","Arial",sans-serif',g=26,c="blur(18px) saturate(165%)",b="blur(24px) saturate(180%)",v={fontFamily:M,h1:{fontWeight:800,fontSize:"2.08rem",lineHeight:1.2,letterSpacing:"-0.025em"},h2:{fontWeight:800,fontSize:"1.56rem",lineHeight:1.25,letterSpacing:"-0.02em"},h3:{fontWeight:700,fontSize:"1.28rem",lineHeight:1.32},h4:{fontWeight:700,fontSize:"1.13rem",lineHeight:1.4},subtitle1:{fontWeight:700,fontSize:"0.95rem"},subtitle2:{fontWeight:700,fontSize:"0.875rem"},body1:{fontSize:"0.95rem",lineHeight:1.64},body2:{fontSize:"0.875rem",lineHeight:1.58},button:{textTransform:"none",fontWeight:700,letterSpacing:"0.01em"},caption:{fontSize:"0.75rem"},overline:{fontSize:"0.75rem",letterSpacing:"0.08em"}},E=({bodyPrimaryGlowAlpha:d,bodySecondaryGlowAlpha:s,bodyTertiaryGlowAlpha:m,paperAlpha:e,borderAlpha:o,shadowAlpha:t,isDark:F})=>({MuiCssBaseline:{styleOverrides:r=>({body:{backgroundColor:r.palette.background.default,color:r.palette.text.primary,backgroundImage:`radial-gradient(1200px 620px at 8% -10%, ${a(r.palette.primary.main,d)}, transparent 52%), radial-gradient(1000px 540px at 96% 4%, ${a(r.palette.secondary.main,s)}, transparent 50%), radial-gradient(900px 460px at 50% 100%, ${a(r.palette.info.main,m)}, transparent 58%)`,backgroundAttachment:"fixed"},"body::before":{content:'""',position:"fixed",inset:"-24% auto auto -16%",width:"52vw",height:"52vw",borderRadius:"50%",pointerEvents:"none",zIndex:-1,background:`radial-gradient(circle, ${a(r.palette.primary.light,F?.2:.26)} 0%, transparent 72%)`,filter:"blur(16px)"},"body::after":{content:'""',position:"fixed",inset:"auto -18% -28% auto",width:"56vw",height:"56vw",borderRadius:"50%",pointerEvents:"none",zIndex:-1,background:`radial-gradient(circle, ${a(r.palette.secondary.light,F?.18:.24)} 0%, transparent 74%)`,filter:"blur(18px)"},"*::selection":{backgroundColor:a(r.palette.primary.main,F?.4:.28),color:r.palette.background.default}})},MuiBackdrop:{styleOverrides:{root:({theme:r})=>({backgroundColor:a(r.palette.background.default,F?.54:.32),backdropFilter:"blur(6px)"})}},MuiAppBar:{defaultProps:{color:"inherit",elevation:0},styleOverrides:{root:({theme:r})=>({borderRadius:999,marginInline:r.spacing(1),marginTop:r.spacing(1),paddingInline:r.spacing(1),backgroundColor:a(r.palette.background.paper,e+.12),border:`1px solid ${a(r.palette.text.primary,o+.08)}`,boxShadow:`0 12px 36px ${a(r.palette.primary.dark,t)}`,backdropFilter:c,WebkitBackdropFilter:c})}},MuiPaper:{styleOverrides:{root:({theme:r})=>({borderRadius:g+6,backgroundImage:`linear-gradient(150deg, ${a("#FFFFFF",F?.1:.62)} 0%, ${a("#FFFFFF",F?.04:.18)} 42%, ${a(r.palette.primary.light,F?.12:.18)} 100%)`,backgroundColor:a(r.palette.background.paper,e),border:`1px solid ${a(r.palette.text.primary,o)}`,boxShadow:`0 18px 44px ${a(r.palette.primary.dark,t)}`,backdropFilter:c,WebkitBackdropFilter:c})}},MuiCard:{styleOverrides:{root:({theme:r})=>({borderRadius:g+8,backgroundImage:`linear-gradient(165deg, ${a("#FFFFFF",F?.08:.6)}, ${a(r.palette.secondary.light,F?.08:.18)} 120%)`,backgroundColor:a(r.palette.background.paper,e),border:`1px solid ${a(r.palette.text.primary,o)}`,boxShadow:`0 22px 48px ${a(r.palette.primary.dark,t+.04)}`,backdropFilter:b,WebkitBackdropFilter:b})}},MuiButton:{defaultProps:{disableElevation:!0},styleOverrides:{root:{borderRadius:999,paddingInline:20,paddingBlock:10,fontWeight:700},containedPrimary:({theme:r})=>({backgroundImage:`linear-gradient(130deg, ${a(r.palette.primary.light,.98)}, ${a(r.palette.primary.main,.94)} 45%, ${a(r.palette.secondary.main,.9)} 100%)`,boxShadow:`0 10px 26px ${a(r.palette.primary.main,.36)}`,"&:hover":{boxShadow:`0 14px 30px ${a(r.palette.primary.main,.44)}`,transform:"translateY(-1px)"}}),outlined:({theme:r})=>({borderWidth:1,borderColor:a(r.palette.text.primary,.22),backgroundColor:a(r.palette.background.paper,e-.04),backdropFilter:c,WebkitBackdropFilter:c})}},MuiChip:{styleOverrides:{root:({theme:r})=>({borderRadius:999,fontWeight:700,border:`1px solid ${a(r.palette.text.primary,o)}`,backgroundColor:a(r.palette.background.paper,e-.02),backdropFilter:c,WebkitBackdropFilter:c})}},MuiOutlinedInput:{styleOverrides:{root:({theme:r})=>({borderRadius:20,backgroundColor:a(r.palette.background.paper,e-.02),backdropFilter:c,WebkitBackdropFilter:c,"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:a(r.palette.primary.main,.62),borderWidth:1}}),notchedOutline:({theme:r})=>({borderColor:a(r.palette.text.primary,o)})}},MuiInputLabel:{styleOverrides:{root:{fontWeight:700}}},MuiTabs:{styleOverrides:{root:({theme:r})=>({minHeight:46,padding:r.spacing(.5)}),indicator:({theme:r})=>({height:"calc(100% - 8px)",top:4,borderRadius:999,backgroundImage:`linear-gradient(150deg, ${a("#FFFFFF",F?.14:.8)}, ${a(r.palette.primary.light,F?.18:.42)})`,border:`1px solid ${a(r.palette.primary.main,.36)}`,boxShadow:`0 8px 18px ${a(r.palette.primary.main,.24)}`})}},MuiTab:{styleOverrides:{root:{minHeight:38,borderRadius:999,fontWeight:700,paddingInline:14}}},MuiTableHead:{styleOverrides:{root:({theme:r})=>({backgroundImage:`linear-gradient(90deg, ${a(r.palette.primary.main,.16)}, ${a(r.palette.secondary.main,.14)})`})}},MuiTableCell:{styleOverrides:{head:({theme:r})=>({fontWeight:800,borderBottom:`1px solid ${a(r.palette.text.primary,o+.08)}`}),body:({theme:r})=>({borderBottom:`1px solid ${a(r.palette.text.primary,o-.02)}`})}},MuiDivider:{styleOverrides:{root:({theme:r})=>({borderColor:a(r.palette.text.primary,o)})}},MuiAlert:{styleOverrides:{root:({theme:r})=>({borderRadius:g,backgroundColor:a(r.palette.background.paper,e+.06),border:`1px solid ${a(r.palette.text.primary,o+.08)}`,backdropFilter:c,WebkitBackdropFilter:c})}},MuiTooltip:{styleOverrides:{tooltip:({theme:r})=>({borderRadius:14,fontSize:"0.8rem",border:`1px solid ${a(r.palette.text.primary,o+.08)}`,backgroundColor:a(r.palette.background.paper,e+.12),color:r.palette.text.primary,backdropFilter:c,WebkitBackdropFilter:c})}},MuiSnackbarContent:{styleOverrides:{root:({theme:r})=>({borderRadius:22,backgroundColor:a(r.palette.background.paper,e+.1),border:`1px solid ${a(r.palette.text.primary,o+.08)}`,boxShadow:`0 14px 34px ${a(r.palette.primary.dark,t)}`,backdropFilter:c,WebkitBackdropFilter:c})}},MuiDialog:{styleOverrides:{paper:({theme:r})=>({borderRadius:g+10,backgroundColor:a(r.palette.background.paper,e+.08),border:`1px solid ${a(r.palette.text.primary,o+.1)}`,boxShadow:`0 26px 56px ${a(r.palette.primary.dark,t+.08)}`,backdropFilter:b,WebkitBackdropFilter:b})}},MuiMenu:{styleOverrides:{paper:({theme:r})=>({borderRadius:20,backgroundColor:a(r.palette.background.paper,e+.1),border:`1px solid ${a(r.palette.text.primary,o+.08)}`,backdropFilter:c,WebkitBackdropFilter:c})}},MuiPopover:{styleOverrides:{paper:({theme:r})=>({borderRadius:20,backgroundColor:a(r.palette.background.paper,e+.08),border:`1px solid ${a(r.palette.text.primary,o+.08)}`,backdropFilter:c,WebkitBackdropFilter:c})}},MuiDrawer:{styleOverrides:{paper:({theme:r})=>({borderRadius:"24px 0 0 24px",backgroundColor:a(r.palette.background.paper,e+.06),borderInlineStart:`1px solid ${a(r.palette.text.primary,o+.08)}`,backdropFilter:b,WebkitBackdropFilter:b})}}}),Q={name:"Neo Glass",direction:"rtl",palette:{mode:"light",primary:{main:"#43B5FF",dark:"#1F96EF",light:"#8DD6FF",contrastText:"#04203A"},secondary:{main:"#A86CFF",dark:"#8D4CFA",light:"#C7A4FF",contrastText:"#1D1133"},info:{main:"#39D7FF",dark:"#0EB4E0",light:"#9DEBFF",contrastText:"#032533"},success:{main:"#49CFA0",dark:"#2FAE82",light:"#94E5C8",contrastText:"#053226"},warning:{main:"#F2B366",dark:"#D38F42",light:"#F8D2A3",contrastText:"#392008"},error:{main:"#FF6F96",dark:"#F34978",light:"#FFAAC1",contrastText:"#3A0B1A"},background:{default:"#EAF4FF",paper:"#F7FBFF"},text:{primary:"#0D1C33",secondary:"#3B4E6D",disabled:a("#0D1C33",.45)},divider:a("#0D1C33",.15),grey:{50:"#F8FBFF",100:"#EEF5FF",200:"#DEEBFF",300:"#C7DBFA",400:"#A3C0E8",500:"#7D98BE",600:"#5B7497",700:"#435877",800:"#2A3D58",900:"#0D1C33"},action:{hover:a("#43B5FF",.14),selected:a("#43B5FF",.22),focus:a("#A86CFF",.24),active:a("#0D1C33",.54),disabled:a("#0D1C33",.32),disabledBackground:a("#0D1C33",.08)}},typography:v,shape:{borderRadius:g},spacing:8,components:E({bodyPrimaryGlowAlpha:.32,bodySecondaryGlowAlpha:.24,bodyTertiaryGlowAlpha:.2,paperAlpha:.64,borderAlpha:.2,shadowAlpha:.18,isDark:!1})},K={name:"Neo Glass Dark",direction:"rtl",palette:{mode:"dark",primary:{main:"#7DCCFF",dark:"#4FB6FF",light:"#B9E6FF",contrastText:"#021524"},secondary:{main:"#C59BFF",dark:"#A86CFF",light:"#E0C7FF",contrastText:"#140C24"},info:{main:"#7EE6FF",dark:"#39D7FF",light:"#C0F5FF",contrastText:"#022130"},success:{main:"#89E8C4",dark:"#49CFA0",light:"#BDF2DC",contrastText:"#06261B"},warning:{main:"#F8D2A3",dark:"#F2B366",light:"#FDE8CA",contrastText:"#2F1A08"},error:{main:"#FFAAC1",dark:"#FF6F96",light:"#FFD0DD",contrastText:"#2F101A"},background:{default:"#040918",paper:"#0E1630"},text:{primary:"#E8F2FF",secondary:"#A5BCD9",disabled:a("#E8F2FF",.45)},divider:a("#E8F2FF",.16),grey:{50:"#040918",100:"#0B1126",200:"#131D3A",300:"#1E2B4E",400:"#2E4370",500:"#48639A",600:"#6E8BBA",700:"#A5BCD9",800:"#D3E2F3",900:"#E8F2FF"},action:{hover:a("#7DCCFF",.18),selected:a("#7DCCFF",.28),focus:a("#C59BFF",.28),active:a("#E8F2FF",.58),disabled:a("#E8F2FF",.34),disabledBackground:a("#E8F2FF",.08)}},typography:v,shape:{borderRadius:g},spacing:8,components:E({bodyPrimaryGlowAlpha:.28,bodySecondaryGlowAlpha:.22,bodyTertiaryGlowAlpha:.18,paperAlpha:.46,borderAlpha:.32,shadowAlpha:.42,isDark:!0})};import{alpha as i}from"@mui/material/styles";var x='"IBM Plex Mono","JetBrains Mono","Tajawal","Cairo","Noto Sans Arabic","Roboto Mono","Consolas","Arial",monospace',O={fontFamily:x,h1:{fontWeight:800,fontSize:"1.85rem",lineHeight:1.2,letterSpacing:"0.03em"},h2:{fontWeight:800,fontSize:"1.42rem",lineHeight:1.24,letterSpacing:"0.025em"},h3:{fontWeight:800,fontSize:"1.14rem",lineHeight:1.3,letterSpacing:"0.02em"},h4:{fontWeight:700,fontSize:"1.02rem",lineHeight:1.35,letterSpacing:"0.015em"},subtitle1:{fontWeight:700,fontSize:"0.92rem",letterSpacing:"0.02em"},subtitle2:{fontWeight:700,fontSize:"0.84rem",letterSpacing:"0.02em"},body1:{fontSize:"0.92rem",lineHeight:1.72},body2:{fontSize:"0.84rem",lineHeight:1.62},button:{textTransform:"uppercase",fontWeight:800,letterSpacing:"0.08em"},caption:{fontSize:"0.73rem",letterSpacing:"0.03em"},overline:{fontSize:"0.7rem",letterSpacing:"0.14em",textTransform:"uppercase"}},T=({scanlineAlpha:d,surfaceBorderAlpha:s,panelGlowAlpha:m})=>({MuiCssBaseline:{styleOverrides:e=>({"*, *::before, *::after":{boxSizing:"border-box"},body:{backgroundColor:e.palette.background.default,color:e.palette.text.primary,textShadow:`0 0 1px ${i(e.palette.primary.main,.2)}`,backgroundImage:`repeating-linear-gradient(0deg, ${i(e.palette.text.primary,d)} 0px, ${i(e.palette.text.primary,d)} 1px, transparent 1px, transparent 4px)`,backgroundSize:"100% 4px"},"*::selection":{backgroundColor:i(e.palette.primary.main,.34),color:e.palette.background.default}})},MuiAppBar:{defaultProps:{color:"inherit",elevation:0},styleOverrides:{root:({theme:e})=>({borderRadius:0,backgroundColor:i(e.palette.background.paper,.96),borderBottom:`2px solid ${i(e.palette.primary.main,.62)}`,boxShadow:`inset 0 -1px 0 ${i(e.palette.primary.light,.24)}`})}},MuiPaper:{styleOverrides:{root:({theme:e})=>({borderRadius:0,backgroundImage:"none",backgroundColor:i(e.palette.background.paper,.98),border:`2px solid ${i(e.palette.primary.main,s)}`,boxShadow:`inset 0 0 0 1px ${i(e.palette.primary.light,m)}`})}},MuiCard:{styleOverrides:{root:({theme:e})=>({borderRadius:0,backgroundImage:"none",border:`2px solid ${i(e.palette.primary.main,s)}`,boxShadow:`inset 0 0 0 1px ${i(e.palette.primary.light,m)}`})}},MuiButton:{defaultProps:{disableElevation:!0},styleOverrides:{root:{borderRadius:0,paddingInline:16,paddingBlock:9,minHeight:38,fontWeight:800,letterSpacing:"0.08em",textTransform:"uppercase"},containedPrimary:({theme:e})=>({color:e.palette.primary.light,backgroundColor:i(e.palette.primary.main,.16),border:`2px solid ${i(e.palette.primary.main,.72)}`,boxShadow:`inset 0 0 0 1px ${i(e.palette.primary.light,.34)}`,"&:hover":{backgroundColor:i(e.palette.primary.main,.24),borderColor:e.palette.primary.main}}),outlined:{borderStyle:"dashed",borderWidth:2},outlinedPrimary:({theme:e})=>({borderColor:i(e.palette.primary.main,.7)}),textPrimary:({theme:e})=>({color:e.palette.primary.main,textDecoration:"underline",textUnderlineOffset:"2px"})}},MuiChip:{styleOverrides:{root:({theme:e})=>({borderRadius:0,fontWeight:700,textTransform:"uppercase",border:`2px dashed ${i(e.palette.primary.main,.68)}`,backgroundColor:i(e.palette.primary.main,.1)}),label:{paddingInline:8}}},MuiTabs:{styleOverrides:{root:({theme:e})=>({minHeight:40,borderBottom:`2px solid ${i(e.palette.primary.main,.5)}`}),indicator:({theme:e})=>({height:"100%",borderRadius:0,border:`1px solid ${i(e.palette.primary.main,.6)}`,backgroundColor:i(e.palette.primary.main,.14),zIndex:0})}},MuiTab:{styleOverrides:{root:({theme:e})=>({position:"relative",zIndex:1,minHeight:40,fontWeight:700,paddingInline:14,textTransform:"uppercase",letterSpacing:"0.06em","&.Mui-selected":{color:e.palette.primary.main}})}},MuiOutlinedInput:{styleOverrides:{root:({theme:e})=>({borderRadius:0,fontFamily:x,backgroundColor:i(e.palette.background.paper,.96),"&:hover .MuiOutlinedInput-notchedOutline":{borderColor:i(e.palette.primary.main,.9)},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:e.palette.primary.main,borderWidth:2}}),notchedOutline:({theme:e})=>({borderColor:i(e.palette.primary.main,.6),borderWidth:2}),input:{paddingBlock:10}}},MuiInputLabel:{styleOverrides:{root:{fontWeight:700,letterSpacing:"0.06em",textTransform:"uppercase"}}},MuiTableHead:{styleOverrides:{root:({theme:e})=>({backgroundColor:i(e.palette.primary.main,.14),backgroundImage:`repeating-linear-gradient(90deg, ${i(e.palette.primary.main,.2)} 0px, ${i(e.palette.primary.main,.2)} 2px, transparent 2px, transparent 8px)`})}},MuiTableCell:{styleOverrides:{head:({theme:e})=>({fontWeight:800,textTransform:"uppercase",letterSpacing:"0.05em",borderBottom:`2px dashed ${i(e.palette.primary.main,.66)}`}),body:({theme:e})=>({fontFamily:x,borderBottom:`1px dashed ${i(e.palette.text.primary,.25)}`})}},MuiDivider:{styleOverrides:{root:({theme:e})=>({borderColor:i(e.palette.primary.main,.56),borderStyle:"dashed"})}},MuiAlert:{styleOverrides:{root:({theme:e})=>({borderRadius:0,border:`2px solid ${i(e.palette.primary.main,.68)}`,backgroundColor:i(e.palette.background.paper,.98)})}},MuiTooltip:{styleOverrides:{tooltip:({theme:e})=>({borderRadius:0,fontSize:"0.75rem",fontFamily:x,border:`1px solid ${i(e.palette.primary.main,.72)}`,backgroundColor:i(e.palette.background.paper,.98),color:e.palette.text.primary}),arrow:({theme:e})=>({color:i(e.palette.background.paper,.98)})}},MuiSnackbarContent:{styleOverrides:{root:({theme:e})=>({borderRadius:0,border:`2px solid ${i(e.palette.primary.main,.6)}`,boxShadow:`inset 0 0 0 1px ${i(e.palette.primary.light,.24)}`})}},MuiDialog:{styleOverrides:{paper:({theme:e})=>({borderRadius:0,backgroundImage:"none",border:`2px solid ${i(e.palette.primary.main,s)}`,boxShadow:`inset 0 0 0 1px ${i(e.palette.primary.light,m)}`})}},MuiDialogTitle:{styleOverrides:{root:{textTransform:"uppercase",letterSpacing:"0.06em"}}},MuiMenu:{styleOverrides:{paper:({theme:e})=>({borderRadius:0,border:`2px solid ${i(e.palette.primary.main,s)}`,boxShadow:`inset 0 0 0 1px ${i(e.palette.primary.light,m)}`})}},MuiPopover:{styleOverrides:{paper:({theme:e})=>({borderRadius:0,border:`2px solid ${i(e.palette.primary.main,s)}`})}},MuiDrawer:{styleOverrides:{paper:({theme:e})=>({borderRadius:0,borderInlineStart:`2px solid ${i(e.palette.primary.main,s)}`,backgroundImage:"none",backgroundColor:i(e.palette.background.paper,.98)})}},MuiMenuItem:{styleOverrides:{root:({theme:e})=>({fontFamily:x,fontSize:"0.8rem",letterSpacing:"0.05em",textTransform:"uppercase","& + &":{borderTop:`1px dashed ${i(e.palette.primary.main,.5)}`},"&.Mui-selected":{backgroundColor:i(e.palette.primary.main,.16)}})}},MuiListItemButton:{styleOverrides:{root:({theme:e})=>({borderRadius:0,"& + &":{borderTop:`1px dashed ${i(e.palette.primary.main,.42)}`},"&.Mui-selected":{backgroundColor:i(e.palette.primary.main,.16)}})}}}),J={name:"Retro Terminal",direction:"rtl",palette:{mode:"light",primary:{main:"#00B84F",dark:"#008F3B",light:"#5BFFA0",contrastText:"#02180B"},secondary:{main:"#FF8A3D",dark:"#D56A24",light:"#FFB981",contrastText:"#1A1104"},info:{main:"#22D3EE",dark:"#0891B2",light:"#67E8F9",contrastText:"#03161A"},success:{main:"#00B84F",dark:"#008F3B",light:"#5BFFA0",contrastText:"#02180B"},warning:{main:"#FACC15",dark:"#D4A711",light:"#FDE047",contrastText:"#1C1503"},error:{main:"#F43F5E",dark:"#E11D48",light:"#FDA4AF",contrastText:"#20050B"},background:{default:"#E9FDEE",paper:"#F7FFF9"},text:{primary:"#03210E",secondary:"#14542C",disabled:i("#03210E",.46)},divider:i("#03210E",.26),grey:{50:"#F7FFF9",100:"#ECFFF1",200:"#D4F8DE",300:"#B5EEC6",400:"#87DFA1",500:"#56C97B",600:"#27A95A",700:"#15773D",800:"#0B4A24",900:"#03210E"},action:{hover:i("#00B84F",.14),selected:i("#00B84F",.22),focus:i("#FF8A3D",.26),active:i("#03210E",.56),disabled:i("#03210E",.34),disabledBackground:i("#03210E",.1)}},typography:O,shape:{borderRadius:0},spacing:8,components:T({scanlineAlpha:.08,surfaceBorderAlpha:.44,panelGlowAlpha:.2})},X={name:"Retro Terminal Dark",direction:"rtl",palette:{mode:"dark",primary:{main:"#33FF85",dark:"#1FCB63",light:"#8CFFB4",contrastText:"#02150A"},secondary:{main:"#FF9D57",dark:"#FF7A1E",light:"#FFC896",contrastText:"#1A0F04"},info:{main:"#22D3EE",dark:"#0EA5E9",light:"#67E8F9",contrastText:"#03161A"},success:{main:"#33FF85",dark:"#1FCB63",light:"#8CFFB4",contrastText:"#02150A"},warning:{main:"#FDE047",dark:"#FACC15",light:"#FEF08A",contrastText:"#211901"},error:{main:"#FB7185",dark:"#F43F5E",light:"#FDA4AF",contrastText:"#1E0408"},background:{default:"#040805",paper:"#09110B"},text:{primary:"#9CFFB6",secondary:"#5FDB85",disabled:i("#9CFFB6",.46)},divider:i("#9CFFB6",.24),grey:{50:"#040805",100:"#09110B",200:"#0D1C12",300:"#13301E",400:"#1A4A2F",500:"#257347",600:"#2CA65F",700:"#5FDB85",800:"#8CFFB4",900:"#C6FFD9"},action:{hover:i("#33FF85",.18),selected:i("#33FF85",.28),focus:i("#FF9D57",.3),active:i("#9CFFB6",.58),disabled:i("#9CFFB6",.34),disabledBackground:i("#9CFFB6",.1)}},typography:O,shape:{borderRadius:0},spacing:8,components:T({scanlineAlpha:.12,surfaceBorderAlpha:.62,panelGlowAlpha:.32})};import{alpha as n}from"@mui/material/styles";var $='"Tajawal","Cairo","Noto Naskh Arabic","Noto Sans Arabic","Inter","Roboto","Arial",sans-serif',h="#D08A6B",R="#B96F4F",I="#E8B8A1",W="#8EA36A",z="#738651",w="#B9C89A",y="#3B2A1F",k=28,A={fontFamily:$,h1:{fontWeight:800,fontSize:"2rem",lineHeight:1.24,letterSpacing:"-0.01em"},h2:{fontWeight:800,fontSize:"1.5rem",lineHeight:1.3},h3:{fontWeight:700,fontSize:"1.24rem",lineHeight:1.36},h4:{fontWeight:700,fontSize:"1.1rem",lineHeight:1.42},subtitle1:{fontWeight:600,fontSize:"0.95rem"},subtitle2:{fontWeight:600,fontSize:"0.875rem"},body1:{fontSize:"0.95rem",lineHeight:1.78},body2:{fontSize:"0.875rem",lineHeight:1.68},button:{textTransform:"none",fontWeight:700,letterSpacing:"0.01em"},caption:{fontSize:"0.75rem"},overline:{fontSize:"0.75rem",letterSpacing:"0.06em"}},S=({bodyGlowPrimary:d,bodyGlowSecondary:s,surfaceBorderAlpha:m,panelShadowAlpha:e,appBarAlpha:o})=>({MuiCssBaseline:{styleOverrides:t=>({body:{backgroundColor:t.palette.background.default,color:t.palette.text.primary,backgroundImage:`radial-gradient(900px circle at 12% 6%, ${n(t.palette.primary.main,d)}, transparent 50%), radial-gradient(800px circle at 90% 10%, ${n(t.palette.secondary.main,s)}, transparent 48%)`}})},MuiAppBar:{defaultProps:{color:"inherit",elevation:0},styleOverrides:{root:({theme:t})=>({borderRadius:999,marginInline:t.spacing(1),marginTop:t.spacing(1),paddingInline:t.spacing(1),backgroundColor:n(t.palette.background.paper,o),border:`1px solid ${n(t.palette.text.primary,m)}`,boxShadow:`0 10px 30px ${n(t.palette.text.primary,e)}`,backdropFilter:"blur(8px)"})}},MuiPaper:{styleOverrides:{root:({theme:t})=>({borderRadius:k+2,backgroundImage:"none",backgroundColor:n(t.palette.background.paper,.97),border:`1px solid ${n(t.palette.text.primary,m)}`,boxShadow:`0 14px 36px ${n(t.palette.text.primary,e)}`})}},MuiCard:{styleOverrides:{root:({theme:t})=>({borderRadius:k+4,border:`1px solid ${n(t.palette.text.primary,m)}`,boxShadow:`0 18px 40px ${n(t.palette.text.primary,e)}`})}},MuiButton:{defaultProps:{disableElevation:!0},styleOverrides:{root:{borderRadius:999,paddingInline:22,paddingBlock:10,fontWeight:700},containedPrimary:({theme:t})=>({backgroundImage:`linear-gradient(180deg, ${n(t.palette.primary.light,.88)}, ${n(t.palette.primary.main,.92)})`,boxShadow:`0 8px 18px ${n(t.palette.primary.main,.28)}`,"&:hover":{boxShadow:`0 12px 24px ${n(t.palette.primary.main,.34)}`}}),outlined:({theme:t})=>({borderColor:n(t.palette.text.primary,.18),backgroundColor:n(t.palette.background.paper,.55)})}},MuiChip:{styleOverrides:{root:({theme:t})=>({borderRadius:999,fontWeight:700,border:`1px solid ${n(t.palette.text.primary,.14)}`,backgroundColor:n(t.palette.background.paper,.86)})}},MuiTabs:{styleOverrides:{root:({theme:t})=>({minHeight:46,padding:t.spacing(.5)}),indicator:({theme:t})=>({height:"calc(100% - 8px)",top:4,borderRadius:999,backgroundColor:n(t.palette.background.paper,.96),border:`1px solid ${n(t.palette.primary.main,.26)}`,boxShadow:`0 6px 14px ${n(t.palette.primary.main,.2)}`})}},MuiTab:{styleOverrides:{root:{minHeight:38,fontWeight:700,borderRadius:999,paddingInline:14}}},MuiOutlinedInput:{styleOverrides:{root:({theme:t})=>({borderRadius:22,backgroundColor:n(t.palette.background.paper,.9),"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:n(t.palette.primary.main,.52),borderWidth:1}}),notchedOutline:({theme:t})=>({borderColor:n(t.palette.text.primary,.16)})}},MuiInputLabel:{styleOverrides:{root:{fontWeight:600}}},MuiTableHead:{styleOverrides:{root:({theme:t})=>({backgroundColor:n(t.palette.primary.main,.1)})}},MuiTableCell:{styleOverrides:{head:({theme:t})=>({fontWeight:700,color:t.palette.text.primary,borderBottom:`1px solid ${n(t.palette.text.primary,.14)}`}),body:({theme:t})=>({borderBottom:`1px solid ${n(t.palette.text.primary,.09)}`})}},MuiDivider:{styleOverrides:{root:({theme:t})=>({borderColor:n(t.palette.text.primary,.12)})}},MuiAlert:{styleOverrides:{root:({theme:t})=>({borderRadius:24,border:`1px solid ${n(t.palette.text.primary,.14)}`,backgroundColor:n(t.palette.background.paper,.92)})}},MuiTooltip:{styleOverrides:{tooltip:({theme:t})=>({borderRadius:14,fontSize:"0.8rem",border:`1px solid ${n(t.palette.text.primary,.14)}`,backgroundColor:n(t.palette.background.paper,.98),color:t.palette.text.primary})}},MuiSnackbarContent:{styleOverrides:{root:({theme:t})=>({borderRadius:24,border:`1px solid ${n(t.palette.text.primary,.14)}`})}},MuiDialog:{styleOverrides:{paper:({theme:t})=>({borderRadius:k+6,border:`1px solid ${n(t.palette.text.primary,m)}`,boxShadow:`0 20px 44px ${n(t.palette.text.primary,e)}`})}},MuiMenu:{styleOverrides:{paper:({theme:t})=>({borderRadius:22,border:`1px solid ${n(t.palette.text.primary,m)}`})}},MuiPopover:{styleOverrides:{paper:({theme:t})=>({borderRadius:22,border:`1px solid ${n(t.palette.text.primary,m)}`})}},MuiDrawer:{styleOverrides:{paper:({theme:t})=>({borderRadius:"24px 0 0 24px",borderInlineStart:`1px solid ${n(t.palette.text.primary,m)}`})}},MuiMenuItem:{styleOverrides:{root:({theme:t})=>({marginInline:t.spacing(.5),borderRadius:12})}},MuiListItemButton:{styleOverrides:{root:({theme:t})=>({marginInline:t.spacing(.5),borderRadius:12})}}}),re={name:"Warm Earth",direction:"rtl",palette:{mode:"light",primary:{main:h,dark:R,light:I,contrastText:"#FFFFFF"},secondary:{main:W,dark:z,light:w,contrastText:"#1B2312"},info:{main:"#3B82F6",dark:"#2563EB",light:"#93C5FD",contrastText:"#FFFFFF"},success:{main:"#22A36A",dark:"#198D59",light:"#79D7AE",contrastText:"#FFFFFF"},warning:{main:"#D68A30",dark:"#B9711F",light:"#EDB370",contrastText:"#2B1E10"},error:{main:"#D86060",dark:"#B94A4A",light:"#EEA0A0",contrastText:"#FFFFFF"},background:{default:"#FBF4EC",paper:"#FFFDF9"},text:{primary:y,secondary:"#6B5341",disabled:n(y,.44)},divider:n(y,.12),grey:{50:"#FFFEFC",100:"#FFF9F1",200:"#F4E7D8",300:"#EAD6C1",400:"#D8BFA3",500:"#C0A180",600:"#8F735C",700:"#634E3F",800:"#3E3127",900:"#1F1712"},action:{hover:n(h,.06),selected:n(h,.12),focus:n("#3B82F6",.2),active:n(y,.5),disabled:n(y,.3),disabledBackground:n(y,.08)}},typography:A,shape:{borderRadius:k},spacing:8,components:S({bodyGlowPrimary:.2,bodyGlowSecondary:.16,surfaceBorderAlpha:.1,panelShadowAlpha:.14,appBarAlpha:.88})},te={name:"Warm Earth Dark",direction:"rtl",palette:{mode:"dark",primary:{main:"#E4B392",dark:"#CB9675",light:"#F0CBB4",contrastText:"#1D120B"},secondary:{main:"#B7CB97",dark:"#A1B67F",light:"#D4E2C0",contrastText:"#1B2312"},info:{main:"#93C5FD",dark:"#60A5FA",light:"#BFDBFE",contrastText:"#102033"},success:{main:"#79D7AE",dark:"#4BC48F",light:"#B1E9CD",contrastText:"#0D2A1D"},warning:{main:"#EDB370",dark:"#D68A30",light:"#F6CC99",contrastText:"#31200D"},error:{main:"#EEA0A0",dark:"#D86060",light:"#F5C4C4",contrastText:"#301414"},background:{default:"#18120E",paper:"#241C17"},text:{primary:"#F7EEE3",secondary:"#D1C1B2",disabled:n("#F7EEE3",.45)},divider:n("#F7EEE3",.14),grey:{50:"#18120E",100:"#241C17",200:"#302720",300:"#3E342A",400:"#56483A",500:"#776655",600:"#A18A73",700:"#D1C1B2",800:"#E9DFD3",900:"#F7EEE3"},action:{hover:n("#E4B392",.1),selected:n("#E4B392",.16),focus:n("#93C5FD",.24),active:n("#F7EEE3",.52),disabled:n("#F7EEE3",.32),disabledBackground:n("#F7EEE3",.08)}},typography:A,shape:{borderRadius:k},spacing:8,components:S({bodyGlowPrimary:.22,bodyGlowSecondary:.14,surfaceBorderAlpha:.18,panelShadowAlpha:.32,appBarAlpha:.78})};export{P as a,N as b,_ as c,U as d,Q as e,K as f,J as g,X as h,re as i,te as j};
-//# sourceMappingURL=chunk-OYZ4FCLV.mjs.map