ranui 0.2.1-alpha.5 → 0.4.1-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ranui",
-  "version": "0.2.1-alpha.5",
+  "version": "0.4.1-alpha.2",
   "description": "A framework-agnostic Web Components UI library built on native custom elements, with TypeScript types, light/dark theming, SSR and PWA support.",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -26,6 +26,90 @@
       "typings": [
         "./dist/typings.d.ts"
       ],
+      "button": [
+        "./dist/components/button/index.d.ts"
+      ],
+      "icon": [
+        "./dist/components/icon/index.d.ts"
+      ],
+      "image": [
+        "./dist/components/image/index.d.ts"
+      ],
+      "input": [
+        "./dist/components/input/index.d.ts"
+      ],
+      "message": [
+        "./dist/components/message/index.d.ts"
+      ],
+      "skeleton": [
+        "./dist/components/skeleton/index.d.ts"
+      ],
+      "tab": [
+        "./dist/components/tab/index.d.ts"
+      ],
+      "tabpane": [
+        "./dist/components/tabpane/index.d.ts"
+      ],
+      "radar": [
+        "./dist/components/radar/index.d.ts"
+      ],
+      "modal": [
+        "./dist/components/modal/index.d.ts"
+      ],
+      "select": [
+        "./dist/components/select/index.d.ts"
+      ],
+      "progress": [
+        "./dist/components/progress/index.d.ts"
+      ],
+      "player": [
+        "./dist/components/player/index.d.ts"
+      ],
+      "popover": [
+        "./dist/components/popover/index.d.ts"
+      ],
+      "dropdown": [
+        "./dist/components/dropdown/index.d.ts"
+      ],
+      "loading": [
+        "./dist/components/loading/index.d.ts"
+      ],
+      "colorpicker": [
+        "./dist/components/colorpicker/index.d.ts"
+      ],
+      "math": [
+        "./dist/components/math/index.d.ts"
+      ],
+      "mermaid": [
+        "./dist/components/mermaid/index.d.ts"
+      ],
+      "checkbox": [
+        "./dist/components/checkbox/index.d.ts"
+      ],
+      "card": [
+        "./dist/components/card/index.d.ts"
+      ],
+      "form": [
+        "./dist/components/form/index.d.ts"
+      ],
+      "scratch": [
+        "./dist/components/scratch/index.d.ts"
+      ],
+      "section": [
+        "./dist/components/section/index.d.ts"
+      ],
+      "router": [
+        "./dist/components/router/index.d.ts"
+      ],
+      "route": [
+        "./dist/components/route/index.d.ts"
+      ],
+      "link": [
+        "./dist/components/link/index.d.ts"
+      ],
+      "theme-switch": [
+        "./dist/components/theme-switch/index.d.ts"
+      ],
       "*": [
         "./dist/index.d.ts"
       ]
@@ -106,12 +190,12 @@
       "require": "./dist/index.cjs"
     },
     "./button": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/button/index.d.ts",
       "import": "./dist/button.js",
       "require": "./dist/index.cjs"
     },
     "./icon": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/icon/index.d.ts",
       "import": "./dist/icon.js",
       "require": "./dist/index.cjs"
     },
@@ -121,67 +205,67 @@
       "require": "./dist/index.cjs"
     },
     "./image": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/image/index.d.ts",
       "import": "./dist/image.js",
       "require": "./dist/index.cjs"
     },
     "./input": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/input/index.d.ts",
       "import": "./dist/input.js",
       "require": "./dist/index.cjs"
     },
     "./message": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/message/index.d.ts",
       "import": "./dist/message.js",
       "require": "./dist/index.cjs"
     },
     "./skeleton": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/skeleton/index.d.ts",
       "import": "./dist/skeleton.js",
       "require": "./dist/index.cjs"
     },
     "./tab": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/tab/index.d.ts",
       "import": "./dist/tab.js",
       "require": "./dist/index.cjs"
     },
     "./tabpane": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/tabpane/index.d.ts",
       "import": "./dist/tabpane.js",
       "require": "./dist/index.cjs"
     },
     "./radar": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/radar/index.d.ts",
       "import": "./dist/radar.js",
       "require": "./dist/index.cjs"
     },
     "./modal": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/modal/index.d.ts",
       "import": "./dist/modal.js",
       "require": "./dist/index.cjs"
     },
     "./select": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/select/index.d.ts",
       "import": "./dist/select.js",
       "require": "./dist/index.cjs"
     },
     "./progress": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/progress/index.d.ts",
       "import": "./dist/progress.js",
       "require": "./dist/index.cjs"
     },
     "./player": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/player/index.d.ts",
       "import": "./dist/player.js",
       "require": "./dist/index.cjs"
     },
     "./popover": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/popover/index.d.ts",
       "import": "./dist/popover.js",
       "require": "./dist/index.cjs"
     },
     "./dropdown": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/dropdown/index.d.ts",
       "import": "./dist/dropdown.js",
       "require": "./dist/index.cjs"
     },
@@ -191,67 +275,67 @@
       "require": "./dist/index.cjs"
     },
     "./loading": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/loading/index.d.ts",
       "import": "./dist/loading.js",
       "require": "./dist/index.cjs"
     },
     "./colorpicker": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/colorpicker/index.d.ts",
       "import": "./dist/colorpicker.js",
       "require": "./dist/index.cjs"
     },
     "./math": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/math/index.d.ts",
       "import": "./dist/math.js",
       "require": "./dist/index.cjs"
     },
     "./mermaid": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/mermaid/index.d.ts",
       "import": "./dist/mermaid.js",
       "require": "./dist/index.cjs"
     },
     "./checkbox": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/checkbox/index.d.ts",
       "import": "./dist/checkbox.js",
       "require": "./dist/index.cjs"
     },
     "./card": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/card/index.d.ts",
       "import": "./dist/card.js",
       "require": "./dist/index.cjs"
     },
     "./form": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/form/index.d.ts",
       "import": "./dist/form.js",
       "require": "./dist/index.cjs"
     },
     "./scratch": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/scratch/index.d.ts",
       "import": "./dist/scratch.js",
       "require": "./dist/index.cjs"
     },
     "./section": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/section/index.d.ts",
       "import": "./dist/section.js",
       "require": "./dist/index.cjs"
     },
     "./router": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/router/index.d.ts",
       "import": "./dist/router.js",
       "require": "./dist/index.cjs"
     },
     "./route": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/route/index.d.ts",
       "import": "./dist/route.js",
       "require": "./dist/index.cjs"
     },
     "./link": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/link/index.d.ts",
       "import": "./dist/link.js",
       "require": "./dist/index.cjs"
     },
     "./theme-switch": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/components/theme-switch/index.d.ts",
       "import": "./dist/theme-switch.js",
       "require": "./dist/index.cjs"
     },
@@ -272,14 +356,12 @@
     }
   },
   "devDependencies": {
-    "@argos-ci/playwright": "^7.3.5",
     "@playwright/test": "^1.61.1",
     "@types/node": "^26.1.1",
     "@vitest/coverage-v8": "^4.1.10",
     "jsdom": "^29.1.1",
     "less": "^4.6.7",
     "rollup-plugin-visualizer": "^7.0.1",
-    "svgo": "^4.0.1",
     "terser": "^5.49.0",
     "tsx": "^4.23.0",
     "typescript": "^7.0.2",
@@ -288,7 +370,8 @@
   },
   "dependencies": {
     "mermaid": "^11",
-    "ranuts": "^0.2.0-alpha.1"
+    "temml": "^0.13.3",
+    "ranuts": "^0.3.0-alpha.1"
   },
   "scripts": {
     "dev": "vite --host",
@@ -306,10 +389,11 @@
     "test:ssr": "vitest run --config vitest.config.ssr.ts",
     "test:ssr:watch": "vitest --config vitest.config.ssr.ts",
     "test:all": "pnpm -F ranuts build && npm run tsc && npm run test:unit && npm run test:ssr",
-    "test:e2e": "playwright test",
+    "e2e:install": "playwright install chromium",
+    "test:e2e": "npm run e2e:install && playwright test",
     "test:report": "playwright show-report",
-    "test:ui": "playwright test --ui",
-    "test:update": "playwright test --update-snapshots",
+    "test:ui": "npm run e2e:install && playwright test --ui",
+    "test:update": "npm run e2e:install && playwright test --update-snapshots",
     "tsc": "tsc --noEmit",
     "doc:style": "tsx ./bin/generate-style-docs.ts",
     "doc:api": "tsx ./bin/generate-component-api.ts"

package/typings.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="vite/client" />
 declare module '*.less';
 declare module '*.less?inline';
+declare module '*.css?inline';
+declare module '*.woff2?inline';
 declare module '*.ts';
 declare module '*.svg';
 declare module '*.svg?raw';
@@ -151,6 +153,13 @@ interface BaseIntrinsicElements {
   };
   'r-math': any & {
     latex: string;
+    display: 'inline' | 'block';
+    font: 'system' | string;
+    macros: string;
+    wrap: 'none' | 'tex' | '=';
+    copy: boolean | 'source' | 'mathml';
+    download: boolean | string;
+    sheet: string;
   };
   'r-button': any & {
     sheet: string;

package/dist/abnfDiagram-VRR7QNED-CH_pIv_l.cjs

@@ -1 +0,0 @@
-const u=require("./mermaid-parser.core-DYumW1vq.cjs"),a=require("./chunk-Y2CYZVJY-DPaYLFFP.cjs"),i=require("./src-C9EhKhbk.cjs");require("./chunk-WYO6CB5R-u4mJNOcO.cjs");require("./chunk-VAUOI2AC-DfQf5L2_.cjs");const t=require("./chunk-MOJQB5TN-oOeq982_.cjs"),l=require("./chunk-JWPE2WC7-D8EnWK1B.cjs");var m=u.createRailroadAbnfServices().RailroadAbnf.parser.LangiumParser,o=a.__name(e=>{const r=e.alternatives.map(p);return r.length===1?r[0]:{type:"choice",alternatives:r}},"transformAlternation"),p=a.__name(e=>{const r=e.elements.map(f);return r.length===1?r[0]:{type:"sequence",elements:r}},"transformConcatenation"),c=a.__name(e=>{if(e.includes("*")){const[n,s]=e.split("*");return{min:n?parseInt(n,10):0,max:s?parseInt(s,10):1/0}}const r=parseInt(e,10);return{min:r,max:r}},"parseRepeat"),f=a.__name(e=>{const r=d(e.primary);if(!e.repeat)return r;const{min:n,max:s}=c(e.repeat);return n===0&&s===1?{type:"optional",element:r}:{type:"repetition",element:r,min:n,max:s}},"transformElement"),d=a.__name(e=>{switch(e.$type){case"AbnfStringLiteral":return{type:"terminal",value:e.value};case"AbnfNumVal":return{type:"terminal",value:e.value};case"AbnfRuleName":return{type:"nonterminal",name:e.name};case"AbnfGroup":return o(e.element);case"AbnfOptionalGroup":return{type:"optional",element:o(e.element)};default:throw new Error(`Unsupported ABNF primary node: ${e.$type}`)}},"transformPrimary"),_=a.__name(e=>({name:e.name,definition:o(e.definition)}),"transformRule"),b=a.__name(e=>{l.populateCommonDb(e,t.db),e.title&&t.db.setTitle(e.title),e.rules.map(r=>t.db.addRule(_(r)))},"populateDb"),g={parser:{parse:a.__name(e=>{t.db.clear(),i.log.debug("[ABNF Parser] Starting Langium parse");const r=m.parse(e);if(r.lexerErrors.length>0||r.parserErrors.length>0)throw new u.MermaidParseError(r);const n=r.value;i.log.debug("[ABNF Parser] Parsed rules:",n.rules.length),b(n),i.log.debug("[ABNF Parser] Parse complete")},"parse"),parser:{yy:t.db}},db:t.db,renderer:t.renderer,styles:t.getStyles};exports.diagram=g;

package/dist/architecture-TIHT7OUA-BbBd15_y.cjs

@@ -1 +0,0 @@
-require("./chunk-KEIR6QF5-C4fcHpY0.cjs");const e=require("./mermaid-parser.core-DYumW1vq.cjs");exports.createArchitectureServices=e.createArchitectureServices;