@wavy/react-ui 0.0.1

package/external/themes/purple.json

@@ -0,0 +1,418 @@
+{
+  "description": "TYPE: CUSTOM\nMaterial Theme Builder export 2025-10-07 12:13:18",
+  "seed": "#3A043A",
+  "coreColors": {
+    "primary": "#3A043A"
+  },
+  "extendedColors": [],
+  "schemes": {
+    "light": {
+      "primary": "#7F4D7A",
+      "surfaceTint": "#7F4D7A",
+      "onPrimary": "#FFFFFF",
+      "primaryContainer": "#FFD7F6",
+      "onPrimaryContainer": "#653661",
+      "secondary": "#6D5869",
+      "onSecondary": "#FFFFFF",
+      "secondaryContainer": "#F7DAEF",
+      "onSecondaryContainer": "#554151",
+      "tertiary": "#825245",
+      "onTertiary": "#FFFFFF",
+      "tertiaryContainer": "#FFDBD1",
+      "onTertiaryContainer": "#663C2F",
+      "error": "#BA1A1A",
+      "onError": "#FFFFFF",
+      "errorContainer": "#FFDAD6",
+      "onErrorContainer": "#93000A",
+      "background": "#FFF7F9",
+      "onBackground": "#201A1E",
+      "surface": "#FFF7F9",
+      "onSurface": "#201A1E",
+      "surfaceVariant": "#EEDEE7",
+      "onSurfaceVariant": "#4E444B",
+      "outline": "#80747C",
+      "outlineVariant": "#D1C2CB",
+      "shadow": "#000000",
+      "scrim": "#000000",
+      "inverseSurface": "#352E33",
+      "inverseOnSurface": "#FAEDF4",
+      "inversePrimary": "#F1B3E7",
+      "primaryFixed": "#FFD7F6",
+      "onPrimaryFixed": "#330833",
+      "primaryFixedDim": "#F1B3E7",
+      "onPrimaryFixedVariant": "#653661",
+      "secondaryFixed": "#F7DAEF",
+      "onSecondaryFixed": "#261624",
+      "secondaryFixedDim": "#DABFD3",
+      "onSecondaryFixedVariant": "#554151",
+      "tertiaryFixed": "#FFDBD1",
+      "onTertiaryFixed": "#321208",
+      "tertiaryFixedDim": "#F5B8A8",
+      "onTertiaryFixedVariant": "#663C2F",
+      "surfaceDim": "#E3D7DD",
+      "surfaceBright": "#FFF7F9",
+      "surfaceContainerLowest": "#FFFFFF",
+      "surfaceContainerLow": "#FDF0F7",
+      "surfaceContainer": "#F7EBF1",
+      "surfaceContainerHigh": "#F1E5EB",
+      "surfaceContainerHighest": "#EBDFE6"
+    },
+    "light-medium-contrast": {
+      "primary": "#52254F",
+      "surfaceTint": "#7F4D7A",
+      "onPrimary": "#FFFFFF",
+      "primaryContainer": "#905B89",
+      "onPrimaryContainer": "#FFFFFF",
+      "secondary": "#433040",
+      "onSecondary": "#FFFFFF",
+      "secondaryContainer": "#7D6678",
+      "onSecondaryContainer": "#FFFFFF",
+      "tertiary": "#532B20",
+      "onTertiary": "#FFFFFF",
+      "tertiaryContainer": "#926153",
+      "onTertiaryContainer": "#FFFFFF",
+      "error": "#740006",
+      "onError": "#FFFFFF",
+      "errorContainer": "#CF2C27",
+      "onErrorContainer": "#FFFFFF",
+      "background": "#FFF7F9",
+      "onBackground": "#201A1E",
+      "surface": "#FFF7F9",
+      "onSurface": "#150F14",
+      "surfaceVariant": "#EEDEE7",
+      "onSurfaceVariant": "#3D333A",
+      "outline": "#5A4F57",
+      "outlineVariant": "#756A72",
+      "shadow": "#000000",
+      "scrim": "#000000",
+      "inverseSurface": "#352E33",
+      "inverseOnSurface": "#FAEDF4",
+      "inversePrimary": "#F1B3E7",
+      "primaryFixed": "#905B89",
+      "onPrimaryFixed": "#FFFFFF",
+      "primaryFixedDim": "#754470",
+      "onPrimaryFixedVariant": "#FFFFFF",
+      "secondaryFixed": "#7D6678",
+      "onSecondaryFixed": "#FFFFFF",
+      "secondaryFixedDim": "#634E5F",
+      "onSecondaryFixedVariant": "#FFFFFF",
+      "tertiaryFixed": "#926153",
+      "onTertiaryFixed": "#FFFFFF",
+      "tertiaryFixedDim": "#77493C",
+      "onTertiaryFixedVariant": "#FFFFFF",
+      "surfaceDim": "#CFC3CA",
+      "surfaceBright": "#FFF7F9",
+      "surfaceContainerLowest": "#FFFFFF",
+      "surfaceContainerLow": "#FDF0F7",
+      "surfaceContainer": "#F1E5EB",
+      "surfaceContainerHigh": "#E6DAE0",
+      "surfaceContainerHighest": "#DACED5"
+    },
+    "light-high-contrast": {
+      "primary": "#471B45",
+      "surfaceTint": "#7F4D7A",
+      "onPrimary": "#FFFFFF",
+      "primaryContainer": "#683864",
+      "onPrimaryContainer": "#FFFFFF",
+      "secondary": "#382635",
+      "onSecondary": "#FFFFFF",
+      "secondaryContainer": "#574353",
+      "onSecondaryContainer": "#FFFFFF",
+      "tertiary": "#472217",
+      "onTertiary": "#FFFFFF",
+      "tertiaryContainer": "#693E32",
+      "onTertiaryContainer": "#FFFFFF",
+      "error": "#600004",
+      "onError": "#FFFFFF",
+      "errorContainer": "#98000A",
+      "onErrorContainer": "#FFFFFF",
+      "background": "#FFF7F9",
+      "onBackground": "#201A1E",
+      "surface": "#FFF7F9",
+      "onSurface": "#000000",
+      "surfaceVariant": "#EEDEE7",
+      "onSurfaceVariant": "#000000",
+      "outline": "#322930",
+      "outlineVariant": "#50464D",
+      "shadow": "#000000",
+      "scrim": "#000000",
+      "inverseSurface": "#352E33",
+      "inverseOnSurface": "#FFFFFF",
+      "inversePrimary": "#F1B3E7",
+      "primaryFixed": "#683864",
+      "onPrimaryFixed": "#FFFFFF",
+      "primaryFixedDim": "#4E214C",
+      "onPrimaryFixedVariant": "#FFFFFF",
+      "secondaryFixed": "#574353",
+      "onSecondaryFixed": "#FFFFFF",
+      "secondaryFixedDim": "#3F2D3C",
+      "onSecondaryFixedVariant": "#FFFFFF",
+      "tertiaryFixed": "#693E32",
+      "onTertiaryFixed": "#FFFFFF",
+      "tertiaryFixedDim": "#4F281D",
+      "onTertiaryFixedVariant": "#FFFFFF",
+      "surfaceDim": "#C1B6BC",
+      "surfaceBright": "#FFF7F9",
+      "surfaceContainerLowest": "#FFFFFF",
+      "surfaceContainerLow": "#FAEDF4",
+      "surfaceContainer": "#EBDFE6",
+      "surfaceContainerHigh": "#DDD1D7",
+      "surfaceContainerHighest": "#CFC3CA"
+    },
+    "dark": {
+      "primary": "#F1B3E7",
+      "surfaceTint": "#F1B3E7",
+      "onPrimary": "#4C1F49",
+      "primaryContainer": "#653661",
+      "onPrimaryContainer": "#FFD7F6",
+      "secondary": "#DABFD3",
+      "onSecondary": "#3D2B3A",
+      "secondaryContainer": "#554151",
+      "onSecondaryContainer": "#F7DAEF",
+      "tertiary": "#F5B8A8",
+      "onTertiary": "#4C261B",
+      "tertiaryContainer": "#663C2F",
+      "onTertiaryContainer": "#FFDBD1",
+      "error": "#FFB4AB",
+      "onError": "#690005",
+      "errorContainer": "#93000A",
+      "onErrorContainer": "#FFDAD6",
+      "background": "#171216",
+      "onBackground": "#EBDFE6",
+      "surface": "#171216",
+      "onSurface": "#EBDFE6",
+      "surfaceVariant": "#4E444B",
+      "onSurfaceVariant": "#D1C2CB",
+      "outline": "#9A8D95",
+      "outlineVariant": "#4E444B",
+      "shadow": "#000000",
+      "scrim": "#000000",
+      "inverseSurface": "#EBDFE6",
+      "inverseOnSurface": "#352E33",
+      "inversePrimary": "#7F4D7A",
+      "primaryFixed": "#FFD7F6",
+      "onPrimaryFixed": "#330833",
+      "primaryFixedDim": "#F1B3E7",
+      "onPrimaryFixedVariant": "#653661",
+      "secondaryFixed": "#F7DAEF",
+      "onSecondaryFixed": "#261624",
+      "secondaryFixedDim": "#DABFD3",
+      "onSecondaryFixedVariant": "#554151",
+      "tertiaryFixed": "#FFDBD1",
+      "onTertiaryFixed": "#321208",
+      "tertiaryFixedDim": "#F5B8A8",
+      "onTertiaryFixedVariant": "#663C2F",
+      "surfaceDim": "#171216",
+      "surfaceBright": "#3E373C",
+      "surfaceContainerLowest": "#120D11",
+      "surfaceContainerLow": "#201A1E",
+      "surfaceContainer": "#241E22",
+      "surfaceContainerHigh": "#2F282D",
+      "surfaceContainerHighest": "#3A3338"
+    },
+    "dark-medium-contrast": {
+      "primary": "#FFCDF5",
+      "surfaceTint": "#F1B3E7",
+      "onPrimary": "#3F143E",
+      "primaryContainer": "#B77EAF",
+      "onPrimaryContainer": "#000000",
+      "secondary": "#F1D4E9",
+      "onSecondary": "#31202F",
+      "secondaryContainer": "#A28A9C",
+      "onSecondaryContainer": "#000000",
+      "tertiary": "#FFD2C7",
+      "onTertiary": "#3F1B11",
+      "tertiaryContainer": "#BA8475",
+      "onTertiaryContainer": "#000000",
+      "error": "#FFD2CC",
+      "onError": "#540003",
+      "errorContainer": "#FF5449",
+      "onErrorContainer": "#000000",
+      "background": "#171216",
+      "onBackground": "#EBDFE6",
+      "surface": "#171216",
+      "onSurface": "#FFFFFF",
+      "surfaceVariant": "#4E444B",
+      "onSurfaceVariant": "#E7D8E1",
+      "outline": "#BCAEB7",
+      "outlineVariant": "#998D95",
+      "shadow": "#000000",
+      "scrim": "#000000",
+      "inverseSurface": "#EBDFE6",
+      "inverseOnSurface": "#2F282D",
+      "inversePrimary": "#663762",
+      "primaryFixed": "#FFD7F6",
+      "onPrimaryFixed": "#260027",
+      "primaryFixedDim": "#F1B3E7",
+      "onPrimaryFixedVariant": "#52254F",
+      "secondaryFixed": "#F7DAEF",
+      "onSecondaryFixed": "#1B0C1A",
+      "secondaryFixedDim": "#DABFD3",
+      "onSecondaryFixedVariant": "#433040",
+      "tertiaryFixed": "#FFDBD1",
+      "onTertiaryFixed": "#250802",
+      "tertiaryFixedDim": "#F5B8A8",
+      "onTertiaryFixedVariant": "#532B20",
+      "surfaceDim": "#171216",
+      "surfaceBright": "#4A4247",
+      "surfaceContainerLowest": "#0B060A",
+      "surfaceContainerLow": "#221C20",
+      "surfaceContainer": "#2C262B",
+      "surfaceContainerHigh": "#373135",
+      "surfaceContainerHighest": "#433C41"
+    },
+    "dark-high-contrast": {
+      "primary": "#FFEAF8",
+      "surfaceTint": "#F1B3E7",
+      "onPrimary": "#000000",
+      "primaryContainer": "#ECAFE3",
+      "onPrimaryContainer": "#1C001D",
+      "secondary": "#FFEAF8",
+      "onSecondary": "#000000",
+      "secondaryContainer": "#D6BBCF",
+      "onSecondaryContainer": "#150613",
+      "tertiary": "#FFECE7",
+      "onTertiary": "#000000",
+      "tertiaryContainer": "#F1B4A4",
+      "onTertiaryContainer": "#1D0300",
+      "error": "#FFECE9",
+      "onError": "#000000",
+      "errorContainer": "#FFAEA4",
+      "onErrorContainer": "#220001",
+      "background": "#171216",
+      "onBackground": "#EBDFE6",
+      "surface": "#171216",
+      "onSurface": "#FFFFFF",
+      "surfaceVariant": "#4E444B",
+      "onSurfaceVariant": "#FFFFFF",
+      "outline": "#FBECF5",
+      "outlineVariant": "#CDBFC7",
+      "shadow": "#000000",
+      "scrim": "#000000",
+      "inverseSurface": "#EBDFE6",
+      "inverseOnSurface": "#000000",
+      "inversePrimary": "#663762",
+      "primaryFixed": "#FFD7F6",
+      "onPrimaryFixed": "#000000",
+      "primaryFixedDim": "#F1B3E7",
+      "onPrimaryFixedVariant": "#260027",
+      "secondaryFixed": "#F7DAEF",
+      "onSecondaryFixed": "#000000",
+      "secondaryFixedDim": "#DABFD3",
+      "onSecondaryFixedVariant": "#1B0C1A",
+      "tertiaryFixed": "#FFDBD1",
+      "onTertiaryFixed": "#000000",
+      "tertiaryFixedDim": "#F5B8A8",
+      "onTertiaryFixedVariant": "#250802",
+      "surfaceDim": "#171216",
+      "surfaceBright": "#564E53",
+      "surfaceContainerLowest": "#000000",
+      "surfaceContainerLow": "#241E22",
+      "surfaceContainer": "#352E33",
+      "surfaceContainerHigh": "#41393E",
+      "surfaceContainerHighest": "#4C454A"
+    }
+  },
+  "palettes": {
+    "primary": {
+      "0": "#000000",
+      "5": "#260026",
+      "10": "#370237",
+      "15": "#430E42",
+      "20": "#501A4E",
+      "25": "#5D265A",
+      "30": "#6A3166",
+      "35": "#773D73",
+      "40": "#85497F",
+      "50": "#A0619A",
+      "60": "#BD7BB5",
+      "70": "#DA94D0",
+      "80": "#F7AFED",
+      "90": "#FFD7F6",
+      "95": "#FFEBF8",
+      "98": "#FFF7F9",
+      "99": "#FFFBFF",
+      "100": "#FFFFFF"
+    },
+    "secondary": {
+      "0": "#000000",
+      "5": "#1A0C18",
+      "10": "#251723",
+      "15": "#30212E",
+      "20": "#3B2B38",
+      "25": "#473644",
+      "30": "#53414F",
+      "35": "#5F4D5B",
+      "40": "#6C5967",
+      "50": "#857180",
+      "60": "#A08A9A",
+      "70": "#BBA5B5",
+      "80": "#D8C0D1",
+      "90": "#F5DBED",
+      "95": "#FFEBF8",
+      "98": "#FFF7F9",
+      "99": "#FFFBFF",
+      "100": "#FFFFFF"
+    },
+    "tertiary": {
+      "0": "#000000",
+      "5": "#230903",
+      "10": "#30130B",
+      "15": "#3D1D14",
+      "20": "#49271E",
+      "25": "#563228",
+      "30": "#633D33",
+      "35": "#70493D",
+      "40": "#7E5449",
+      "50": "#996C60",
+      "60": "#B58578",
+      "70": "#D29F91",
+      "80": "#F0BAAC",
+      "90": "#FFDBD1",
+      "95": "#FFEDE8",
+      "98": "#FFF8F6",
+      "99": "#FFFBFF",
+      "100": "#FFFFFF"
+    },
+    "neutral": {
+      "0": "#000000",
+      "5": "#131012",
+      "10": "#1E1B1D",
+      "15": "#292527",
+      "20": "#332F32",
+      "25": "#3F3A3D",
+      "30": "#4A4548",
+      "35": "#565154",
+      "40": "#625D60",
+      "50": "#7B7578",
+      "60": "#968F92",
+      "70": "#B1A9AC",
+      "80": "#CCC4C7",
+      "90": "#E9E0E3",
+      "95": "#F7EEF2",
+      "98": "#FFF7F9",
+      "99": "#FFFBFF",
+      "100": "#FFFFFF"
+    },
+    "neutral-variant": {
+      "0": "#000000",
+      "5": "#150F14",
+      "10": "#20191F",
+      "15": "#2B2429",
+      "20": "#362E34",
+      "25": "#41393F",
+      "30": "#4D444A",
+      "35": "#595056",
+      "40": "#655C62",
+      "50": "#7F747B",
+      "60": "#998E95",
+      "70": "#B4A8AF",
+      "80": "#D0C3CA",
+      "90": "#EDDFE6",
+      "95": "#FBEDF5",
+      "98": "#FFF7F9",
+      "99": "#FFFBFF",
+      "100": "#FFFFFF"
+    }
+  }
+}

package/modules.d.ts

@@ -0,0 +1,3 @@
+type WavyThemeProviderOptions = { colorPalette: "green" | "purple" };
+declare module "*.css";
+declare module "*.png";

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@wavy/react-ui",
+  "version": "0.0.1",
+  "description": "",
+  "license": "MIT",
+  "author": "Wavy",
+  "type": "module",
+  "main": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "styles": "dist/main.css",
+  "bin": {
+    "apply-theme": "scripts/public/bundleCss.js"
+  },
+  "keywords": [
+    "wavy-ui",
+    "wavy",
+    "ui"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/justVibes/wavy-ui.git"
+  },
+  "scripts": {
+    "css": "npm run bundle-css",
+    "deps": "npm i @wavy/types@latest @wavy/fn@latest",
+    "tp-css-bundler": "tsup scripts/templates/bundleCss.ts --outDir scripts/public --format esm --no-dts --external utils.js",
+    "tp-theme-builder": "tsup scripts/templates/buildTheme.ts --outDir scripts/public --format esm --no-dts --external utils.js",
+    "tp-builders": "npm run tp-css-bundler && npm run tp-theme-builder",
+    "bundle-css": "node scripts/public/bundleCss.js --green",
+    "build": "tsup && node scripts/build/cloneAssets.ts && npm run bundle-css && npm link",
+    "publisher": "npm run build && npm version patch && npm publish"
+  },
+  "devDependencies": {
+    "@emotion/styled": "^11.14.1",
+    "@types/node": "^24.7.0",
+    "@types/react": "^19.2.2",
+    "@wavy/types": "^0.0.51",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.3"
+  },
+  "dependencies": {
+    "@chakra-ui/react": "^3.27.0",
+    "@emotion/react": "^11.14.0",
+    "@wavy/fn": "^0.0.19",
+    "next-themes": "^0.4.6",
+    "react-datepicker": "^8.8.0",
+    "react-icons": "^5.5.0",
+    "uuid": "^13.0.0"
+  }
+}

package/scripts/public/buildTheme.js

@@ -0,0 +1,45 @@
+#!/usr/bin/env node
+import {upperFirst}from'@wavy/fn';import $ from'path';import {fileURLToPath}from'url';var I=fileURLToPath(import.meta.url),A=$.dirname(I),p=A.split($.sep).filter((r,t,e)=>t<e.length-2).join($.sep);var y="__",j=1e3;function w(r,t=1){let e=r.startsWith("#")?r.slice(1):r;e.length===3&&(e=e.split("").map(n=>n+n).join(""));let o=parseInt(e.substring(0,2),16),a=parseInt(e.substring(2,4),16),s=parseInt(e.substring(4,6),16);return `rgba(${o}, ${a}, ${s}, ${t})`}function k(r){return [...Array.from(Array(9)).flatMap((t,e)=>{let o=e+1;return [`${o}00`,`${o}50`].map(a=>`${r}${y}${a}`)}),r]}function _(r,t){let o=`--${(a=>a.split("").map(s=>s===s.toUpperCase()&&s!==s.toLowerCase()?`-${s.toLowerCase()}`:s).join(""))(r)}`;return t?.wrap?`var(${o})`:o}function F(r,t,e){let o=Object.entries(t);return e?.excludeSeed||o.push(["seed",r]),o}function L(...r){let t=F(...r).map(([o])=>k(o).map(a=>{let{1:s}=a.split(y),n="";return s&&(n=`[${parseInt(s)/j}]`),`"${o}${n}": "${_(a,{wrap:true})}"`})).flat(),e="CssColors";return {filename:e+".ts",content:`
+    const ${e} = Object.freeze({
+      ${t.join(`,
+`)}  
+    })
+
+    export default ${e}
+  `}}function R(r,t,e){let o=(s,n)=>{let g=t.light[s]||n,b=t.dark[s]||n;return k(s).map(i=>{let f=_(i),m=parseFloat(i.replace(/[^0\.0-9]/g,"")),d=m?m/j:1,h=w(g,d),l=w(b,d);return `${f}: light-dark(${h}, ${l})`})};return `
+    @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
+
+    :root {
+      color-scheme: light dark;
+
+      ${F(r,t.light).map(([s,n])=>o(s,n)).flat().join(";")}
+    }
+
+    *,
+    *::before,
+    *::after {
+      padding: 0;
+      margin: 0;
+      box-sizing: border-box;
+      font-family: inherit;
+    }
+
+    body {
+      font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+      height: 100vh;
+      width: 100vw;
+      overflow: hidden;
+      background-color: var(--surface);
+      color: var(--on-surface);
+      scrollbar-color: var(--on-surface__750) transparent;
+    }
+
+    #root {
+      --size: 100%;
+      height: var(--size);
+      width: var(--size);
+      overflow: hidden;
+    }
+
+    ${e?.()||""}
+`.replace(/\s+/g," ").trim()}async function N(r){let t=await import('fs/promises'),e=await import('path'),{styles:o}=JSON.parse((await t.readFile(e.join(p,"package.json"))).toString("utf-8"));try{let a=e.join(p,"./external/themes"),s=e.join(p,"./src/css"),n=await t.readdir(a),g=n.map(c=>"--"+c.match(/.*?(?=\.)/)?.[0]),b=process.argv.splice(2),i=r?.flag||b.find(c=>g.includes(c));if(!i)return console.log(`Please select a theme using one of these flags: [${g.join(", ")}]`);let f=n.find(c=>c.includes(i.replace(/[^a-zA-Z]/g,"")));if(!f)return console.log(`Failed to map ${i} to a filename in [${n.join(", ")}].`);let m=await t.readFile(e.join(a,f)),{schemes:d,seed:h}=JSON.parse(m.toString("utf-8")),{dark:l,light:u}=d;u.themelessSurface="#FFF",u.themelessOnSurface="#000",l.themelessSurface="#000",l.themelessOnSurface="#FFF";let{filename:x,content:z}=L(h,u);r?.loadCssRefInLocalPackage&&await t.writeFile(e.join(s,"resources",x),z),await t.writeFile(e.join(p,o),R(h,{light:u,dark:l},r?.injectStyles));let C={green:"\u{1F7E9}",purple:"\u{1F7EA}"},v=i.toLowerCase().replace(/[^a-z]/g,"");console.log(`${C[v]||""} ${upperFirst(v)} theme loaded! \u2728`.trim());}catch(a){console.error(a);}}export{N as buildWavyTheme};

package/scripts/public/bundleCss.js

@@ -0,0 +1,47 @@
+#!/usr/bin/env node
+import $ from'fs/promises';import b from'path';import {fileURLToPath}from'url';import {upperFirst}from'@wavy/fn';var O=fileURLToPath(import.meta.url),D=b.dirname(O),l=D.split(b.sep).filter((t,r,e)=>r<e.length-2).join(b.sep);var S="__",F=1e3;function j(t,r=1){let e=t.startsWith("#")?t.slice(1):t;e.length===3&&(e=e.split("").map(i=>i+i).join(""));let s=parseInt(e.substring(0,2),16),n=parseInt(e.substring(2,4),16),o=parseInt(e.substring(4,6),16);return `rgba(${s}, ${n}, ${o}, ${r})`}function k(t){return [...Array.from(Array(9)).flatMap((r,e)=>{let s=e+1;return [`${s}00`,`${s}50`].map(n=>`${t}${S}${n}`)}),t]}function _(t,r){let s=`--${(n=>n.split("").map(o=>o===o.toUpperCase()&&o!==o.toLowerCase()?`-${o.toLowerCase()}`:o).join(""))(t)}`;return r?.wrap?`var(${s})`:s}function C(t,r,e){let s=Object.entries(r);return e?.excludeSeed||s.push(["seed",t]),s}function W(...t){let r=C(...t).map(([s])=>k(s).map(n=>{let{1:o}=n.split(S),i="";return o&&(i=`[${parseInt(o)/F}]`),`"${s}${i}": "${_(n,{wrap:true})}"`})).flat(),e="CssColors";return {filename:e+".ts",content:`
+    const ${e} = Object.freeze({
+      ${r.join(`,
+`)}  
+    })
+
+    export default ${e}
+  `}}function H(t,r,e){let s=(o,i)=>{let f=r.light[o]||i,v=r.dark[o]||i;return k(o).map(a=>{let p=_(a),d=parseFloat(a.replace(/[^0\.0-9]/g,"")),m=d?d/F:1,u=j(f,m),c=j(v,m);return `${p}: light-dark(${u}, ${c})`})};return `
+    @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
+
+    :root {
+      color-scheme: light dark;
+
+      ${C(t,r.light).map(([o,i])=>s(o,i)).flat().join(";")}
+    }
+
+    *,
+    *::before,
+    *::after {
+      padding: 0;
+      margin: 0;
+      box-sizing: border-box;
+      font-family: inherit;
+    }
+
+    body {
+      font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+      height: 100vh;
+      width: 100vw;
+      overflow: hidden;
+      background-color: var(--surface);
+      color: var(--on-surface);
+      scrollbar-color: var(--on-surface__750) transparent;
+    }
+
+    #root {
+      --size: 100%;
+      height: var(--size);
+      width: var(--size);
+      overflow: hidden;
+    }
+
+    ${e?.()||""}
+`.replace(/\s+/g," ").trim()}async function x(t){let r=await import('fs/promises'),e=await import('path'),{styles:s}=JSON.parse((await r.readFile(e.join(l,"package.json"))).toString("utf-8"));try{let n=e.join(l,"./external/themes"),o=e.join(l,"./src/css"),i=await r.readdir(n),f=i.map(g=>"--"+g.match(/.*?(?=\.)/)?.[0]),v=process.argv.splice(2),a=t?.flag||v.find(g=>f.includes(g));if(!a)return console.log(`Please select a theme using one of these flags: [${f.join(", ")}]`);let p=i.find(g=>g.includes(a.replace(/[^a-zA-Z]/g,"")));if(!p)return console.log(`Failed to map ${a} to a filename in [${i.join(", ")}].`);let d=await r.readFile(e.join(n,p)),{schemes:m,seed:u}=JSON.parse(d.toString("utf-8")),{dark:c,light:h}=m;h.themelessSurface="#FFF",h.themelessOnSurface="#000",c.themelessSurface="#000",c.themelessOnSurface="#FFF";let{filename:I,content:R}=W(u,h);t?.loadCssRefInLocalPackage&&await r.writeFile(e.join(o,"resources",I),R),await r.writeFile(e.join(l,s),H(u,{light:h,dark:c},t?.injectStyles));let T={green:"\u{1F7E9}",purple:"\u{1F7EA}"},y=a.toLowerCase().replace(/[^a-z]/g,"");console.log(`${T[y]||""} ${upperFirst(y)} theme loaded! \u2728`.trim());}catch(n){console.error(n);}}var A=(t,r)=>t.map(e=>b.join(r,e)),z=(t,r)=>{let e=t.filter(s=>!b.extname(s));return r?A(e,r):e},P=(t,r)=>{let e=t.filter(s=>s.includes(".css"));return r?A(e,r):e};async function J(t){console.log("\u{1F916} Preparing CSS file scan...");let e=await $.readdir(t),s=z(e,t),n=P(e,t);try{for(let o of s)e=await $.readdir(o),s.push(...z(e,o)),n.push(...P(e,o));}catch(o){throw console.log("Failed to resolve the items found: ",{folders:s,cssFiles:n,items:e}),o}console.log("\u26A1 CSS file scan complete!"),n.length===0?console.log("0 CSS files found...",`
+Aborting bundler...`):(console.log("\u{1F916} Resolving file contents..."),n=await Promise.all(n.map(async o=>(await $.readFile(o)).toString("utf-8").trim())),console.log("\u26A1 File contents resolved!",`
+\u{1F916} Preparing bundler...`),await x({injectStyles:()=>n.join(" ")}),console.log("\u2728 Successfully bundled css files! \u2728"));}J(b.join(l,"src"));

package/types.d.ts

@@ -0,0 +1 @@
+import "@wavy/types";