@esportsplus/ui 0.9.0 → 0.9.2

package/dist/fonts/montserrat/scss/index.scss

@@ -0,0 +1,2 @@
+@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:local(Montserrat Regular),local(Montserrat-Regular),url(/fonts/montserrat/scss/Montserrat-Regular.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-Regular.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:400;src:local(Montserrat Italic),local(Montserrat-Italic),url(/fonts/montserrat/scss/Montserrat-Italic.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-Italic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:local(Montserrat Medium),local(Montserrat-Medium),url(/fonts/montserrat/scss/Montserrat-Medium.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-Medium.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:500;src:local(Montserrat MediumItalic),local(Montserrat-MediumItalic),url(/fonts/montserrat/scss/Montserrat-MediumItalic.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-MediumItalic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:local(Montserrat SemiBold),local(Montserrat-SemiBold),url(/fonts/montserrat/scss/Montserrat-SemiBold.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-SemiBold.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:600;src:local(Montserrat SemiBoldItalic),local(Montserrat-SemiBoldItalic),url(/fonts/montserrat/scss/Montserrat-SemiBoldItalic.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-SemiBoldItalic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:local(Montserrat Bold),local(Montserrat Bold),url(/fonts/montserrat/scss/Montserrat-Bold.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-Bold.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:700;src:local(Montserrat BoldItalic),local(Montserrat-BoldItalic),url(/fonts/montserrat/scss/Montserrat-BoldItalic.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-BoldItalic.woff)format("woff")}
+/*$vite$:1*/

package/lib.scss

@@ -0,0 +1,2 @@
+// Dart sass doesn't support changing root directory for the package to 'src'
+@forward './src/lib';

package/package.json

@@ -8,18 +8,40 @@
     "modern-normalize": "^3.0.1"
   },
   "devDependencies": {
-    "@esportsplus/typescript": "^0.9.1"
+    "@esportsplus/typescript": "^0.9.1",
+    "@types/node": "^24.0.14",
+    "autoprefixer": "^10.4.21",
+    "glob": "^11.0.3",
+    "lightningcss": "^1.30.1",
+    "npm-run-all": "^4.1.5",
+    "sass": "^1.89.2",
+    "vite": "^7.0.4"
   },
   "exports": {
-    "./css-utilities": "./src/css-utilities/index.ts",
-    "./fonts": "./src/fonts/index.ts",
-    "./lib": "./src/lib/index.scss",
-    "./tokens": "./src/tokens/index.scss",
-    ".": "./src/components/index.ts"
+    "./css-utilities": {
+      "types": "./build/css-utilities/index.d.ts",
+      "default": "./build/css-utilities/index.js"
+    },
+    "./fonts": {
+      "types": "./build/fonts/index.d.ts",
+      "default": "./build/fonts/index.js"
+    },
+    "./lib.scss": "./lib.scss",
+    "./tokens.scss": "./tokens.scss",
+    ".": {
+      "types": "./build/components/index.d.ts",
+      "default": "./build/components/index.js"
+    }
   },
   "name": "@esportsplus/ui",
   "private": false,
   "sideEffects": false,
   "type": "module",
-  "version": "0.9.0"
+  "version": "0.9.2",
+  "scripts": {
+    "build": "run-s build:vite build:ts",
+    "build:ts": "tsc && tsc-alias",
+    "build:vite": "vite build",
+    "-": "-"
+  }
 }

package/src/components/field/file.ts

@@ -1,7 +1,7 @@
 import { reactive } from '@esportsplus/reactivity';
 import { html } from '@esportsplus/template';
 import { omit, pick } from '@esportsplus/utilities';
-import form from '../form';
+import form from '~/components/form';
 import description from './description';
 import error from './error';
 import title from './title';

package/src/components/field/select.ts

@@ -1,9 +1,9 @@
 import { reactive } from '@esportsplus/reactivity';
 import { html } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
-import form from '../form';
-import scrollbar from '../scrollbar';
-import root from '../root';
+import form from '~/components/form';
+import scrollbar from '~/components/scrollbar';
+import root from '~/components/root';
 import description from './description';
 import error from './error';
 import title from './title';

package/src/components/field/text.ts

@@ -1,7 +1,7 @@
 import { reactive } from '@esportsplus/reactivity';
 import { html } from '@esportsplus/template';
 import { omit, pick } from '@esportsplus/utilities';
-import form from '../form';
+import form from '~/components/form';
 import description from './description';
 import error from './error';
 import title from './title';

package/src/components/field/title.ts

@@ -1,5 +1,5 @@
 import { html } from '@esportsplus/template';
-import tooltip from '../tooltip';
+import tooltip from '~/components/tooltip';
 
 
 export default (data: { required?: boolean, title?: unknown }) => {

package/src/components/normalize/index.ts

@@ -1 +1 @@
-import 'modern-normalize/modern-normalize.css';
+import './scss/index.scss';

package/src/components/normalize/scss/index.scss

@@ -0,0 +1 @@
+@use 'modern-normalize/modern-normalize.css';

package/src/components/site/index.ts

@@ -1,6 +1,6 @@
 import { html } from '@esportsplus/template';
-import { onclick } from '../root';
-import scrollbar from '../scrollbar';
+import { onclick } from '~/components/root';
+import scrollbar from '~/components/scrollbar';
 import './scss/index.scss';
 
 

package/src/components/tooltip/index.ts

@@ -1,5 +1,5 @@
 import { reactive } from '@esportsplus/reactivity';
-import root from '../root';
+import root from '~/components/root';
 import './scss/index.scss';
 
 

package/src/fonts/index.ts

@@ -0,0 +1 @@
+export * as montserrat from './montserrat';

package/src/fonts/montserrat/index.ts

@@ -0,0 +1 @@
+import './scss/index.scss';

package/src/fonts/montserrat/scss/index.scss

@@ -0,0 +1,79 @@
+@font-face {
+    font-display: swap;
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Montserrat Regular'), local('Montserrat-Regular'),
+         url('Montserrat-Regular.woff2') format('woff2'),
+         url('Montserrat-Regular.woff') format('woff');
+}
+
+@font-face {
+    font-display: swap;
+    font-family: 'Montserrat';
+    font-style: italic;
+    font-weight: 400;
+    src: local('Montserrat Italic'), local('Montserrat-Italic'),
+         url('Montserrat-Italic.woff2') format('woff2'),
+         url('Montserrat-Italic.woff') format('woff');
+}
+
+@font-face {
+    font-display: swap;
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 500;
+    src: local('Montserrat Medium'), local('Montserrat-Medium'),
+         url('Montserrat-Medium.woff2') format('woff2'),
+         url('Montserrat-Medium.woff') format('woff');
+}
+
+@font-face {
+    font-display: swap;
+    font-family: 'Montserrat';
+    font-style: italic;
+    font-weight: 500;
+    src: local('Montserrat MediumItalic'), local('Montserrat-MediumItalic'),
+         url('Montserrat-MediumItalic.woff2') format('woff2'),
+         url('Montserrat-MediumItalic.woff') format('woff');
+}
+
+@font-face {
+    font-display: swap;
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 600;
+    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
+         url('Montserrat-SemiBold.woff2') format('woff2'),
+         url('Montserrat-SemiBold.woff') format('woff');
+}
+
+@font-face {
+    font-display: swap;
+    font-family: 'Montserrat';
+    font-style: italic;
+    font-weight: 600;
+    src: local('Montserrat SemiBoldItalic'), local('Montserrat-SemiBoldItalic'),
+         url('Montserrat-SemiBoldItalic.woff2') format('woff2'),
+         url('Montserrat-SemiBoldItalic.woff') format('woff');
+}
+
+@font-face {
+    font-display: swap;
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 700;
+    src: local('Montserrat Bold'), local('Montserrat Bold'),
+         url('Montserrat-Bold.woff2') format('woff2'),
+         url('Montserrat-Bold.woff') format('woff');
+}
+
+@font-face {
+    font-display: swap;
+    font-family: 'Montserrat';
+    font-style: italic;
+    font-weight: 700;
+    src: local('Montserrat BoldItalic'), local('Montserrat-BoldItalic'),
+         url('Montserrat-BoldItalic.woff2') format('woff2'),
+         url('Montserrat-BoldItalic.woff') format('woff');
+}

package/tokens.scss

@@ -0,0 +1,2 @@
+// Dart sass doesn't support changing root directory for the package to 'src'
+@forward './src/tokens';

package/tsconfig.json

@@ -1,6 +1,3 @@
 {
-    "compilerOptions": {
-        "paths": null
-    },
     "extends": "@esportsplus/typescript/tsconfig.package.json"
 }

package/vite.config.ts

@@ -0,0 +1,32 @@
+import { glob } from 'glob';
+import { defineConfig } from 'vite';
+import autoprefixer from 'autoprefixer';
+
+
+export default defineConfig({
+    build: {
+        cssMinify: 'lightningcss',
+        rollupOptions: {
+            input: Object.fromEntries(
+                glob.sync('./src/{components,css-utilities,fonts}/*/scss/index.scss').map(file => [file, file])
+            ),
+            output: {
+                assetFileNames: ({ originalFileNames: [filename] }) => {
+                    if (filename) {
+                        return filename.split('src/').pop()!;
+                    }
+
+                    return '[name].[ext]';
+                }
+            }
+        },
+        outDir: 'build',
+    },
+    css: {
+        postcss: {
+            plugins: [
+                autoprefixer()
+            ]
+        }
+    },
+});