@astrake/lumora-ui 0.2.1 → 0.2.2

package/dist/skins/layout.d.ts

@@ -0,0 +1,2 @@
+import type { SkinMap } from "../types";
+export declare const layoutSkin: SkinMap;

package/dist/skins/shell/desktop.d.ts

@@ -0,0 +1,2 @@
+import type { SkinMap } from "../../types";
+export declare const desktopSkin: SkinMap;

package/dist/skins/shell/embedded.d.ts

@@ -0,0 +1,2 @@
+import type { SkinMap } from "../../types";
+export declare const embeddedSkin: SkinMap;

package/dist/skins/shell/mobile.d.ts

@@ -0,0 +1,2 @@
+import type { SkinMap } from "../../types";
+export declare const mobileSkin: SkinMap;

package/dist/useShiki-DPOJfneq.js

@@ -0,0 +1,30 @@
+import { ref as o, computed as i } from "vue";
+import { createHighlighter as l } from "shiki";
+const t = o("system"), n = o(!1);
+if (typeof window < "u") {
+  const r = window.matchMedia("(prefers-color-scheme: dark)");
+  n.value = r.matches, r.addEventListener("change", (s) => {
+    n.value = s.matches;
+  });
+}
+const u = i(() => t.value === "system" ? n.value ? "dark" : "light" : t.value);
+function c() {
+  return {
+    mode: t,
+    resolved: u,
+    setMode: (s) => {
+      t.value = s;
+    }
+  };
+}
+let e = null, a = null;
+async function d() {
+  return e || (a || (a = l({
+    themes: ["one-dark-pro"],
+    langs: ["bash", "vue", "ts", "html", "css", "json"]
+  })), e = await a, e);
+}
+export {
+  d as g,
+  c as u
+};

package/dist/utils.d.ts

@@ -8,14 +8,3 @@ export declare function cn(...inputs: ClassValue[]): string;
  * Extends a base skin with a user skin, intelligently merging Tailwind classes
  */
 export declare function extendSkin(baseSkin: SkinMap, userSkin: SkinMap): SkinMap;
-/**
- * Resolves standard layout props to Tailwind classes statically.
- */
-export declare function resolveLayoutProps(props: {
-    gap?: string | number;
-    padding?: string | number;
-    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
-    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
-    width?: string;
-    height?: string;
-}): string;

package/package.json

@@ -1,94 +1,94 @@
-{
-  "name": "@astrake/lumora-ui",
-  "version": "0.2.1",
-  "description": "Headless Vue 3 component framework for three surface targets — Mobile, Desktop, and Embedded — with a unified --lu-* design token system.",
-  "author": "Anuvab Chakraborty (https://github.com/madlybong)",
-  "license": "MIT",
-  "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    },
-    "./style": "./src/lumora.css",
-    "./tailwind": {
-      "types": "./dist/tailwind.d.ts",
-      "import": "./dist/tailwind.js"
-    },
-    "./layout": {
-      "types": "./dist/layout/index.d.ts",
-      "import": "./dist/layout/index.js"
-    },
-    "./shell": {
-      "types": "./dist/shell/index.d.ts",
-      "import": "./dist/shell/index.js"
-    },
-    "./components": {
-      "types": "./dist/components/index.d.ts",
-      "import": "./dist/components/index.js"
-    },
-    "./composables": {
-      "types": "./dist/composables/index.d.ts",
-      "import": "./dist/composables/index.js"
-    },
-    "./skins": {
-      "types": "./dist/skins/index.d.ts",
-      "import": "./dist/skins/index.js"
-    }
-  },
-  "keywords": [
-    "vue",
-    "vue3",
-    "ui",
-    "components",
-    "mobile",
-    "desktop",
-    "embedded",
-    "headless",
-    "design-tokens",
-    "lumora",
-    "astrake",
-    "typescript"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/madlybong/LumoraUI.git"
-  },
-  "homepage": "https://ui.lumora.astrake.com",
-  "bugs": {
-    "url": "https://github.com/madlybong/LumoraUI/issues"
-  },
-  "funding": {
-    "type": "github",
-    "url": "https://github.com/sponsors/madlybong"
-  },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
-  "files": [
-    "dist",
-    "src/lumora.css",
-    "README.md",
-    "CHANGELOG.md"
-  ],
-  "scripts": {
-    "prepack": "bun run build && bun -e \"await Bun.write('README.md', await Bun.file('../../README.md').text()); await Bun.write('CHANGELOG.md', await Bun.file('../../CHANGELOG.md').text())\"",
-    "postpack": "bun -e \"import { unlinkSync } from 'fs'; try { unlinkSync('README.md') } catch(e){} try { unlinkSync('CHANGELOG.md') } catch(e){}\"",
-    "build:types": "bun -e \"import { rmSync } from 'node:fs'; rmSync('dist', { recursive: true, force: true })\" && bun run vue-tsc -p tsconfig.build.json",
-    "build": "bun -e \"import { rmSync } from 'node:fs'; rmSync('dist', { recursive: true, force: true })\" && bun run vue-tsc -p tsconfig.build.json && bun run ../../node_modules/vite/bin/vite.js build -c vite.config.ts",
-    "check": "vue-tsc -p ./tsconfig.json"
-  },
-  "peerDependencies": {
-    "tailwindcss": "^4.0.0",
-    "vue": "^3.5.0"
-  },
-  "dependencies": {
-    "clsx": "^2.1.1",
-    "shiki": "^4.0.2",
-    "tailwind-merge": "^3.5.0"
-  }
-}
+{
+  "name": "@astrake/lumora-ui",
+  "version": "0.2.2",
+  "description": "Headless Vue 3 component framework for three surface targets — Mobile, Desktop, and Embedded — with a unified --lu-* design token system.",
+  "author": "Anuvab Chakraborty (https://github.com/madlybong)",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./style": "./src/lumora.css",
+    "./tailwind": {
+      "types": "./dist/tailwind.d.ts",
+      "import": "./dist/tailwind.js"
+    },
+    "./layout": {
+      "types": "./dist/layout/index.d.ts",
+      "import": "./dist/layout/index.js"
+    },
+    "./shell": {
+      "types": "./dist/shell/index.d.ts",
+      "import": "./dist/shell/index.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.js"
+    },
+    "./composables": {
+      "types": "./dist/composables/index.d.ts",
+      "import": "./dist/composables/index.js"
+    },
+    "./skins": {
+      "types": "./dist/skins/index.d.ts",
+      "import": "./dist/skins/index.js"
+    }
+  },
+  "keywords": [
+    "vue",
+    "vue3",
+    "ui",
+    "components",
+    "mobile",
+    "desktop",
+    "embedded",
+    "headless",
+    "design-tokens",
+    "lumora",
+    "astrake",
+    "typescript"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/madlybong/LumoraUI.git"
+  },
+  "homepage": "https://ui.lumora.astrake.com",
+  "bugs": {
+    "url": "https://github.com/madlybong/LumoraUI/issues"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/madlybong"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "files": [
+    "dist",
+    "src/lumora.css",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "scripts": {
+    "prepack": "bun run build && bun -e \"await Bun.write('README.md', await Bun.file('../../README.md').text()); await Bun.write('CHANGELOG.md', await Bun.file('../../CHANGELOG.md').text())\"",
+    "postpack": "bun -e \"import { unlinkSync } from 'fs'; try { unlinkSync('README.md') } catch(e){} try { unlinkSync('CHANGELOG.md') } catch(e){}\"",
+    "build:types": "bun -e \"import { rmSync } from 'node:fs'; rmSync('dist', { recursive: true, force: true })\" && bun run vue-tsc -p tsconfig.build.json",
+    "build": "bun -e \"import { rmSync } from 'node:fs'; rmSync('dist', { recursive: true, force: true })\" && bun run vue-tsc -p tsconfig.build.json && bun run ../../node_modules/vite/bin/vite.js build -c vite.config.ts",
+    "check": "vue-tsc -p ./tsconfig.json"
+  },
+  "peerDependencies": {
+    "tailwindcss": "^4.0.0",
+    "vue": "^3.5.0"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "shiki": "^4.0.2",
+    "tailwind-merge": "^3.5.0"
+  }
+}

package/src/lumora.css

@@ -1,16 +1,48 @@
-/* LumoraUI structural baseline — Tailwind v4 Escape Hatch, v0.1.7+ */
-/* Consumers MUST import this: import '@astrake/lumora-ui/style' */
-
-/* 
-  With the transition to Tailwind v4 as the native design engine, 
-  all structural layout classes (e.g., .lu-button, .lu-stack) have been removed.
-  Layout structure is now provided by the defaultSkin (`default.ts`) out of the box.
-
-  This file serves as an escape hatch for:
-  1. Complex [data-state="..."] selector combinations.
-  2. Webkit scrollbar pseudoclasses.
-  3. Keyframe animations that Tailwind v4 cannot natively express.
-*/
-
-/* Example: Webkit Scrollbar overrides can go here */
-
+/* LumoraUI structural baseline — Tailwind v4 Escape Hatch, v0.1.7+ */
+/* Consumers MUST import this: import '@astrake/lumora-ui/style' */
+
+/* 
+  With the transition to Tailwind v4 as the native design engine, 
+  all structural layout classes (e.g., .lu-button, .lu-stack) have been removed.
+  Layout structure is now provided by the defaultSkin (`default.ts`) out of the box.
+
+  This file serves as an escape hatch for:
+  1. Complex [data-state="..."] selector combinations.
+  2. Webkit scrollbar pseudoclasses.
+  3. Keyframe animations that Tailwind v4 cannot natively express.
+*/
+
+/* Example: Webkit Scrollbar overrides can go here */
+
+.lu-collapsible-enter-active,
+.lu-collapsible-leave-active {
+  display: grid;
+  transition: grid-template-rows 200ms ease;
+}
+.lu-collapsible-enter-from,
+.lu-collapsible-leave-to {
+  grid-template-rows: 0fr;
+}
+.lu-collapsible-enter-to,
+.lu-collapsible-leave-from {
+  grid-template-rows: 1fr;
+}
+
+:root {
+  --lu-ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+@keyframes lu-fade-in {
+  from {
+    opacity: 0;
+    transform: scale(0.97) translateY(-3px);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1) translateY(0);
+  }
+}
+
+.lu-fade-in {
+  animation: lu-fade-in 130ms var(--lu-ease-spring) forwards;
+}