@muibook/components 7.1.0 → 8.0.0

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { PartTypes as Er, Parts as Fr, getPartMap as Gr } from "./utils/part-map/index.js";
+import { PartTypes as Qr, Parts as Rr, getPartMap as Sr } from "./utils/part-map/index.js";
 import "./components/mui-field/index.js";
 import "./components/mui-file-upload/index.js";
 import "./components/mui-addon/index.js";
@@ -12,7 +12,6 @@ import "./components/mui-table/cell/index.js";
 import "./components/mui-table/row/index.js";
 import "./components/mui-table/row-group/index.js";
 import "./components/mui-slat/slat/index.js";
-import "./components/mui-slat/accessory/index.js";
 import "./components/mui-slat/group/index.js";
 import "./components/mui-accordion/group/index.js";
 import "./components/mui-accordion/core/index.js";
@@ -26,6 +25,7 @@ import "./components/mui-quote/index.js";
 import "./components/mui-code/index.js";
 import "./components/mui-dialog/index.js";
 import "./components/mui-drawer/index.js";
+import "./components/mui-avatar/index.js";
 import "./components/mui-image/index.js";
 import "./components/mui-smart-card/index.js";
 import "./components/mui-icons/accessibility/index.js";
@@ -57,6 +57,16 @@ import "./components/mui-icons/down-arrow-circle/index.js";
 import "./components/mui-icons/ellipsis/index.js";
 import "./components/mui-icons/gear/index.js";
 import "./components/mui-icons/translate/index.js";
+import "./components/mui-icons/home/index.js";
+import "./components/mui-icons/play-stack/index.js";
+import "./components/mui-icons/game-controller/index.js";
+import "./components/mui-icons/movie-clapper/index.js";
+import "./components/mui-icons/music-microphone/index.js";
+import "./components/mui-icons/music-quarter-note/index.js";
+import "./components/mui-icons/play-rectangle/index.js";
+import "./components/mui-icons/list-and-film/index.js";
+import "./components/mui-icons/search/index.js";
+import "./components/mui-icons/checkmark/index.js";
 import "./components/mui-stack/hstack/index.js";
 import "./components/mui-stack/vstack/index.js";
 import "./components/mui-grid/index.js";
@@ -85,7 +95,7 @@ import "./components/mui-carousel/panel/index.js";
 import "./components/mui-stepper/stepper/index.js";
 import "./components/mui-stepper/step/index.js";
 export {
-  Er as PartTypes,
-  Fr as Parts,
-  Gr as getPartMap
+  Qr as PartTypes,
+  Rr as Parts,
+  Sr as getPartMap
 };

package/dist/types/components/mui-accordion/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-addon/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-alert/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-avatar/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-avatar/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/mui-badge/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-body/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-button/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-button-group/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-card/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-carousel/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-checkbox/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-chip/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-code/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-container/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-dialog/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-drawer/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-dropdown/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-field/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-file-upload/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-grid/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-heading/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-icons/checkmark.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/mui-icons/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-icons/game-controller.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/mui-icons/home.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/mui-icons/index.d.ts

@@ -26,3 +26,11 @@ import "./down-arrow-circle";
 import "./ellipsis";
 import "./gear";
 import "./translate";
+import "./home";
+import "./play-stack";
+import "./game-controller";
+import "./movie-clapper";
+import "./music-microphone";
+import "./music-quarter-note";
+import "./play-rectangle";
+import "./list-and-film";

package/dist/types/components/mui-icons/list-and-film.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/mui-icons/movie-clapper.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/mui-icons/music-microphone.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/mui-icons/music-quarter-note.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/mui-icons/play-rectangle.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/mui-icons/play-stack.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/mui-icons/search.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/mui-image/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-input/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-link/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-list/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-loader/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-message/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-progress/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-quote/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-responsive/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-rule/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-select/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-slat/doc.d.ts

@@ -0,0 +1,67 @@
+interface VariantItem {
+    key: string;
+    title: string;
+    description: string;
+    image?: string;
+}
+interface CompositionItem {
+    key: string;
+    name: string;
+    description: string;
+    image?: string;
+}
+interface RuleItem {
+    description?: string;
+    image?: string;
+}
+interface ComponentDoc {
+    title?: string;
+    hero?: string[];
+    figma?: string[];
+    github?: string[];
+    guides?: string[];
+    storybook?: string[];
+    website?: string[];
+    description: string;
+    usage?: {
+        list: string[];
+    };
+    accessibility?: {
+        designerList?: string[];
+        engineerList?: string[];
+    };
+    anatomy?: {
+        image?: string;
+        list: string[];
+    };
+    variants?: {
+        items: VariantItem[];
+    };
+    compositions?: {
+        description?: string;
+        items: CompositionItem[];
+    };
+    related?: {
+        items: {
+            name: string;
+            link: string;
+        }[];
+    };
+    rules?: {
+        heading: string;
+        description: string;
+        doContent?: RuleItem[];
+        dontContent?: RuleItem[];
+    }[];
+    behaviour?: {
+        image?: string;
+        description?: string;
+        list: string[];
+    };
+    writing?: {
+        list: string[];
+    };
+}
+type MuiDocs = Record<string, ComponentDoc>;
+export declare const muiDocs: MuiDocs;
+export {};

package/dist/types/components/mui-slat/index.d.ts

@@ -1,3 +1,2 @@
 import "./slat";
-import "./accessory";
 import "./group";

package/dist/types/components/mui-smart-card/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-stack/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-stepper/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-switch/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-table/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/components/mui-tabs/doc.d.ts

@@ -0,0 +1,2 @@
+import type { MuiDocs } from '../../types/guidelines';
+export declare const muiDocs: MuiDocs;

package/dist/types/index.d.ts

@@ -12,7 +12,6 @@ export * from "./components/mui-table/cell";
 export * from "./components/mui-table/row";
 export * from "./components/mui-table/row-group";
 export * from "./components/mui-slat/slat";
-export * from "./components/mui-slat/accessory";
 export * from "./components/mui-slat/group";
 export * from "./components/mui-accordion/group";
 export * from "./components/mui-accordion/core";
@@ -26,6 +25,7 @@ export * from "./components/mui-quote";
 export * from "./components/mui-code";
 export * from "./components/mui-dialog";
 export * from "./components/mui-drawer";
+export * from "./components/mui-avatar";
 export * from "./components/mui-image";
 export * from "./components/mui-smart-card";
 export * from "./components/mui-icons/accessibility";
@@ -57,6 +57,16 @@ export * from "./components/mui-icons/down-arrow-circle";
 export * from "./components/mui-icons/ellipsis";
 export * from "./components/mui-icons/gear";
 export * from "./components/mui-icons/translate";
+export * from "./components/mui-icons/home";
+export * from "./components/mui-icons/play-stack";
+export * from "./components/mui-icons/game-controller";
+export * from "./components/mui-icons/movie-clapper";
+export * from "./components/mui-icons/music-microphone";
+export * from "./components/mui-icons/music-quarter-note";
+export * from "./components/mui-icons/play-rectangle";
+export * from "./components/mui-icons/list-and-film";
+export * from "./components/mui-icons/search";
+export * from "./components/mui-icons/checkmark";
 export * from "./components/mui-stack/hstack";
 export * from "./components/mui-stack/vstack";
 export * from "./components/mui-grid";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@muibook/components",
-  "version": "7.1.0",
+  "version": "8.0.0",
   "type": "module",
   "description": "A library of MUI-based design system components.",
   "author": "Michael Trilford",
@@ -256,10 +256,54 @@
       "import": "./dist/esm/components/mui-icons/translate/index.js",
       "types": "./dist/types/components/mui-icons/translate/index.d.ts"
     },
+    "./mui-icons/home": {
+      "import": "./dist/esm/components/mui-icons/home/index.js",
+      "types": "./dist/types/components/mui-icons/home/index.d.ts"
+    },
+    "./mui-icons/play-stack": {
+      "import": "./dist/esm/components/mui-icons/play-stack/index.js",
+      "types": "./dist/types/components/mui-icons/play-stack/index.d.ts"
+    },
+    "./mui-icons/game-controller": {
+      "import": "./dist/esm/components/mui-icons/game-controller/index.js",
+      "types": "./dist/types/components/mui-icons/game-controller/index.d.ts"
+    },
+    "./mui-icons/movie-clapper": {
+      "import": "./dist/esm/components/mui-icons/movie-clapper/index.js",
+      "types": "./dist/types/components/mui-icons/movie-clapper/index.d.ts"
+    },
+    "./mui-icons/music-microphone": {
+      "import": "./dist/esm/components/mui-icons/music-microphone/index.js",
+      "types": "./dist/types/components/mui-icons/music-microphone/index.d.ts"
+    },
+    "./mui-icons/music-quarter-note": {
+      "import": "./dist/esm/components/mui-icons/music-quarter-note/index.js",
+      "types": "./dist/types/components/mui-icons/music-quarter-note/index.d.ts"
+    },
+    "./mui-icons/play-rectangle": {
+      "import": "./dist/esm/components/mui-icons/play-rectangle/index.js",
+      "types": "./dist/types/components/mui-icons/play-rectangle/index.d.ts"
+    },
+    "./mui-icons/list-and-film": {
+      "import": "./dist/esm/components/mui-icons/list-and-film/index.js",
+      "types": "./dist/types/components/mui-icons/list-and-film/index.d.ts"
+    },
+    "./mui-icons/search": {
+      "import": "./dist/esm/components/mui-icons/search/index.js",
+      "types": "./dist/types/components/mui-icons/search/index.d.ts"
+    },
+    "./mui-icons/checkmark": {
+      "import": "./dist/esm/components/mui-icons/checkmark/index.js",
+      "types": "./dist/types/components/mui-icons/checkmark/index.d.ts"
+    },
     "./mui-image": {
       "import": "./dist/esm/components/mui-image/index.js",
       "types": "./dist/types/components/mui-image/index.d.ts"
     },
+    "./mui-avatar": {
+      "import": "./dist/esm/components/mui-avatar/index.js",
+      "types": "./dist/types/components/mui-avatar/index.d.ts"
+    },
     "./mui-input": {
       "import": "./dist/esm/components/mui-input/index.js",
       "types": "./dist/types/components/mui-input/index.d.ts"
@@ -316,10 +360,6 @@
       "import": "./dist/esm/components/mui-slat/slat/index.js",
       "types": "./dist/types/components/mui-slat/slat/index.d.ts"
     },
-    "./mui-slat/accessory": {
-      "import": "./dist/esm/components/mui-slat/accessory/index.js",
-      "types": "./dist/types/components/mui-slat/accessory/index.d.ts"
-    },
     "./mui-slat/group": {
       "import": "./dist/esm/components/mui-slat/group/index.js",
       "types": "./dist/types/components/mui-slat/group/index.d.ts"
@@ -412,18 +452,21 @@
       "import": "./dist/esm/agent/keywords/index.js",
       "types": "./dist/types/agent/keywords/index.d.ts"
     },
+    "./custom-elements.json": "./dist/esm/custom-elements.json",
     "./css/mui-tokens.css": "./dist/esm/css/mui-tokens.css",
     "./css/mui-reset.css": "./dist/esm/css/mui-reset.css",
     "./css/mui-base.css": "./dist/esm/css/mui-base.css"
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build",
+    "build": "npm run cem && tsc && vite build && npm run copy-cem",
     "preview": "vite preview",
     "build:muibook": "vite build --config vite.muibook.config.ts",
     "preview:muibook": "vite preview --config vite.muibook.config.ts",
     "build:create-mui-app": "vite build --config vite.create-mui-app.config.ts",
-    "preview:create-mui-app": "vite preview --config vite.create-mui-app.config.ts"
+    "preview:create-mui-app": "vite preview --config vite.create-mui-app.config.ts",
+    "cem": "cem analyze --outdir public",
+    "copy-cem": "cp public/custom-elements.json dist/esm/custom-elements.json"
   },
   "files": [
     "dist/esm/index.js",
@@ -434,11 +477,14 @@
     "dist/types/index.d.ts",
     "dist/types/components",
     "dist/types/utils",
-    "dist/types/agent"
+    "dist/types/agent",
+    "dist/esm/custom-elements.json"
   ],
   "devDependencies": {
+    "@custom-elements-manifest/analyzer": "^0.11.0",
     "@types/node": "^22.15.24",
     "typescript": "~5.8.3",
     "vite": "^6.3.5"
-  }
+  },
+  "customElements": "public/custom-elements.json"
 }

package/dist/esm/components/mui-slat/accessory/index.js

@@ -1,29 +0,0 @@
-class e extends HTMLElement {
-  constructor() {
-    super(), this.attachShadow({ mode: "open" });
-  }
-  connectedCallback() {
-    this.render();
-  }
-  render() {
-    const s = (
-      /*css*/
-      `
-      :host {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        background: var(--slat-accessory-background);
-        padding: var(--space-200);
-        border-radius: var(--radius-400);
-      }
-    `
-    );
-    this.shadowRoot.innerHTML = /*html*/
-    `
-      <style>${s}</style>
-      <slot></slot>
-    `;
-  }
-}
-customElements.get("mui-slat-accessory") || customElements.define("mui-slat-accessory", e);