luxen-ui 0.6.2 → 0.8.0

package/elements.json

@@ -6,6 +6,7 @@
       "name": "avatar",
       "displayName": "Avatar",
       "kind": "element",
+      "type": "shadow",
       "inSkill": true,
       "inMockups": true
     },
@@ -13,6 +14,7 @@
       "name": "badge",
       "displayName": "Badge",
       "kind": "element",
+      "type": "custom",
       "inSkill": true,
       "inMockups": true
     },
@@ -20,6 +22,7 @@
       "name": "button",
       "displayName": "Button",
       "kind": "native",
+      "type": "native",
       "inSkill": true,
       "inMockups": false
     },
@@ -27,6 +30,7 @@
       "name": "carousel",
       "displayName": "Carousel",
       "kind": "element",
+      "type": "shadow",
       "inSkill": false,
       "inMockups": true
     },
@@ -34,6 +38,7 @@
       "name": "carousel-item",
       "displayName": "Carousel item",
       "kind": "element",
+      "type": "custom",
       "inSkill": false,
       "inMockups": true,
       "subItemOf": "carousel"
@@ -42,6 +47,7 @@
       "name": "close-button",
       "displayName": "Close button",
       "kind": "native",
+      "type": "native",
       "inSkill": true,
       "inMockups": false,
       "appearances": ["ring", "square", "circle"],
@@ -51,6 +57,7 @@
       "name": "dialog",
       "displayName": "Dialog",
       "kind": "element",
+      "type": "shadow",
       "inSkill": true,
       "inMockups": true
     },
@@ -58,6 +65,7 @@
       "name": "disclosure",
       "displayName": "Disclosure",
       "kind": "native",
+      "type": "native",
       "inSkill": false,
       "inMockups": false
     },
@@ -65,6 +73,7 @@
       "name": "divider",
       "displayName": "Divider",
       "kind": "element",
+      "type": "custom",
       "inSkill": false,
       "inMockups": true
     },
@@ -72,6 +81,7 @@
       "name": "drawer",
       "displayName": "Drawer",
       "kind": "element",
+      "type": "shadow",
       "inSkill": true,
       "inMockups": true
     },
@@ -79,6 +89,7 @@
       "name": "dropdown",
       "displayName": "Dropdown",
       "kind": "element",
+      "type": "shadow",
       "inSkill": false,
       "inMockups": true
     },
@@ -86,6 +97,7 @@
       "name": "dropdown-item",
       "displayName": "Dropdown item",
       "kind": "element",
+      "type": "custom",
       "inSkill": false,
       "inMockups": true,
       "subItemOf": "dropdown"
@@ -94,6 +106,7 @@
       "name": "icon",
       "displayName": "Icon",
       "kind": "element",
+      "type": "shadow",
       "inSkill": false,
       "inMockups": true
     },
@@ -101,6 +114,7 @@
       "name": "input-otp",
       "displayName": "Input OTP",
       "kind": "element",
+      "type": "progressive",
       "inSkill": false,
       "inMockups": true
     },
@@ -108,15 +122,24 @@
       "name": "input-stepper",
       "displayName": "Input stepper",
       "kind": "element",
+      "type": "progressive",
       "inSkill": false,
       "inMockups": true,
       "appearances": ["default", "rounded"]
     },
-    { "name": "kbd", "displayName": "Kbd", "kind": "native", "inSkill": false, "inMockups": false },
+    {
+      "name": "kbd",
+      "displayName": "Kbd",
+      "kind": "native",
+      "type": "native",
+      "inSkill": false,
+      "inMockups": false
+    },
     {
       "name": "popover",
       "displayName": "Popover",
       "kind": "element",
+      "type": "shadow",
       "inSkill": false,
       "inMockups": true
     },
@@ -124,13 +147,23 @@
       "name": "progress",
       "displayName": "Progress",
       "kind": "native",
+      "type": "native",
       "inSkill": true,
       "inMockups": false
     },
+    {
+      "name": "prose-editor",
+      "displayName": "Prose editor",
+      "kind": "element",
+      "type": "shadow",
+      "inSkill": true,
+      "inMockups": true
+    },
     {
       "name": "rating",
       "displayName": "Rating",
       "kind": "element",
+      "type": "shadow",
       "inSkill": false,
       "inMockups": true
     },
@@ -138,6 +171,7 @@
       "name": "select",
       "displayName": "Select",
       "kind": "native",
+      "type": "native",
       "inSkill": true,
       "inMockups": false
     },
@@ -145,6 +179,7 @@
       "name": "skeleton",
       "displayName": "Skeleton",
       "kind": "element",
+      "type": "custom",
       "inSkill": false,
       "inMockups": true
     },
@@ -152,6 +187,7 @@
       "name": "spinner",
       "displayName": "Spinner",
       "kind": "element",
+      "type": "shadow",
       "inSkill": false,
       "inMockups": true
     },
@@ -159,6 +195,7 @@
       "name": "sticky-bar",
       "displayName": "Sticky bar",
       "kind": "element",
+      "type": "shadow",
       "inSkill": true,
       "inMockups": true
     },
@@ -166,6 +203,7 @@
       "name": "stories",
       "displayName": "Stories",
       "kind": "element",
+      "type": "custom",
       "inSkill": false,
       "inMockups": false,
       "status": "experimental"
@@ -174,6 +212,7 @@
       "name": "stories-viewer",
       "displayName": "Stories viewer",
       "kind": "element",
+      "type": "shadow",
       "inSkill": false,
       "inMockups": false,
       "status": "experimental",
@@ -183,6 +222,7 @@
       "name": "story",
       "displayName": "Story",
       "kind": "element",
+      "type": "custom",
       "inSkill": false,
       "inMockups": false,
       "status": "experimental",
@@ -192,6 +232,7 @@
       "name": "tabs",
       "displayName": "Tabs",
       "kind": "element",
+      "type": "progressive",
       "inSkill": false,
       "inMockups": true,
       "appearances": ["line", "enclosed"]
@@ -200,6 +241,7 @@
       "name": "toast",
       "displayName": "Toast",
       "kind": "element",
+      "type": "custom",
       "inSkill": true,
       "inMockups": true
     },
@@ -207,6 +249,7 @@
       "name": "tooltip",
       "displayName": "Tooltip",
       "kind": "element",
+      "type": "shadow",
       "inSkill": false,
       "inMockups": true
     },
@@ -214,6 +257,7 @@
       "name": "tree",
       "displayName": "Tree",
       "kind": "element",
+      "type": "shadow",
       "inSkill": true,
       "inMockups": true
     },
@@ -221,6 +265,7 @@
       "name": "tree-item",
       "displayName": "Tree item",
       "kind": "element",
+      "type": "shadow",
       "inSkill": false,
       "inMockups": true,
       "subItemOf": "tree"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "luxen-ui",
-  "version": "0.6.2",
+  "version": "0.8.0",
   "description": "Modern web components and CSS-first UI library built with Lit. Framework-agnostic, customizable prefix, design tokens.",
   "keywords": [
     "custom-elements",
@@ -86,6 +86,8 @@
       "import": "./dist/css/elements/*.css"
     },
     "./dist/custom-elements.json": "./dist/custom-elements.json",
+    "./metadata": "./dist/metadata/index.json",
+    "./metadata/*": "./dist/metadata/*.json",
     "./dist/elements/*": "./dist/elements/*",
     "./dist/css/*": "./dist/css/*",
     "./cdn/*": "./cdn/*",
@@ -113,9 +115,16 @@
     "provenance": true
   },
   "dependencies": {
+    "@emoji-mart/data": "^1.2.1",
     "@floating-ui/dom": "^1.7.6",
+    "@tiptap/core": "^3.23.6",
+    "@tiptap/extension-highlight": "^3.23.6",
+    "@tiptap/extensions": "^3.23.6",
+    "@tiptap/pm": "^3.23.6",
+    "@tiptap/starter-kit": "^3.23.6",
     "embla-carousel": "^8.6.0",
     "embla-carousel-autoplay": "^8.6.0",
+    "emoji-mart": "^5.6.0",
     "iconify-icon": "^3.0.2",
     "lit": "^3.3.3"
   },
@@ -141,11 +150,12 @@
   "scripts": {
     "dev": "WATCH=true DEV=true vp build --config vite.config.css.ts",
     "dev:elements": "vp dev",
-    "build": "vp build --config vite.config.css.ts && tsc && tsc -p tsconfig.tooling.json && node scripts/copy-styles.mjs && vp build && pnpm run manifest && node scripts/copy-cdn-assets.mjs && node scripts/build-standalone.mjs && vp build --config vite.config.cdn-standalone.ts && node scripts/prepare-skill-templates.mjs",
+    "build": "vp build --config vite.config.css.ts && tsc && tsc -p tsconfig.tooling.json && node scripts/copy-styles.mjs && vp build && pnpm run manifest && node scripts/normalize-metadata.mjs && node scripts/check-metadata.mjs && node scripts/copy-cdn-assets.mjs && node scripts/build-standalone.mjs && vp build --config vite.config.cdn-standalone.ts && node scripts/prepare-skill-templates.mjs",
     "build:css": "vp build --config vite.config.css.ts",
     "build:standalone": "node scripts/build-standalone.mjs && vp build --config vite.config.cdn-standalone.ts",
     "build:skill-templates": "node scripts/prepare-skill-templates.mjs",
-    "manifest": "cem analyze --litelement --outdir dist",
+    "manifest": "cem analyze",
+    "metadata": "pnpm run manifest && node scripts/normalize-metadata.mjs && node scripts/check-metadata.mjs",
     "preview": "vp preview",
     "test": "vp test run --passWithNoTests",
     "test:e2e": "playwright test"

package/templates/SKILL.md.tpl

@@ -11,7 +11,7 @@ metadata:
 
 A CSS-first web component library built on web standards. Most elements are plain CSS classes on native HTML; custom elements (like `<l-badge>`) use Lit with minimal Shadow DOM.
 
-Two consumption modes — read the right reference file.
+{{#mockups}}Two consumption modes — read the right reference file.
 
 ## Mode 1 — Integration (real application)
 
@@ -24,6 +24,10 @@ You import `{{name}}` from npm and bundle with Vite/Webpack. Code samples below
 You load two locally-bundled assets — `assets/{{name}}-standalone.css` and `assets/{{name}}-standalone.js`. No npm, no per-element imports, no remote CDN.
 
 → **[references/mockups.md](references/mockups.md)** — `<head>` boilerplate, local asset paths, available `l-*` tags.
+{{/mockups}}{{^mockups}}You import `{{name}}` from npm and bundle with Vite/Webpack. Code samples below use the `l-` prefix.
+
+→ **[references/integration.md](references/integration.md)** — installation, element inventory, code patterns.
+{{/mockups}}
 
 ## Per-element specs