@muibook/components 1.6.0 → 3.0.0

package/dist/esm/agent/keywords/index.js

@@ -1,10 +1,37 @@
-const t = {
+const a = {
   alert: ["alert", "success", "info", "warning", "error", "message", "banner", "notification"],
   message: ["message", "notice", "notification", "alert", "info", "positive", "neutral", "warning", "attention"],
   badge: ["badge", "label", "tag", "notification"],
   button: ["button", "click", "action", "submit", "cta", "primary", "secondary", "tertiary", "attention"],
   "button-group": ["button group", "buttons", "actions", "group", "right", "align"],
-  icon: ["icon", "glyph", "symbol", "add", "plus"],
+  icon: [
+    "icon",
+    "glyph",
+    "symbol",
+    "add",
+    "plus",
+    "close",
+    "x",
+    "check",
+    "tick",
+    "warning",
+    "alert",
+    "chevron",
+    "arrow",
+    "accessibility",
+    "sun",
+    "moon",
+    "info",
+    "stop",
+    "globe",
+    "menu",
+    "ellipsis",
+    "grid",
+    "message",
+    "sidebar",
+    "subtract",
+    "minus"
+  ],
   link: ["link", "anchor", "hyperlink", "navigation", "primary", "secondary", "tertiary", "attention"],
   tab: ["tab", "tab bar", "tab controller", "tab panel", "navigation", "tabs"],
   carousel: ["carousel", "slider", "carousel controller", "carousel panel", "carousel item", "carousel tabs"],
@@ -16,8 +43,81 @@ const t = {
   rule: ["rule", "divider", "separator", "line", "hr"],
   heading: ["heading", "title", "h1", "h2", "h3", "level"],
   body: ["body", "text", "paragraph", "copy"],
-  list: ["list", "items", "ul", "li"]
+  list: ["list", "items", "ul", "li"],
+  slat: [
+    "slat",
+    "row",
+    "summary",
+    "item row",
+    "preview",
+    "cell",
+    "list item",
+    "entry",
+    "stacked",
+    "slat header",
+    "slat action",
+    "slat content"
+  ],
+  table: [
+    "table",
+    "data table",
+    "grid",
+    "data grid",
+    "spreadsheet",
+    "rows",
+    "columns",
+    "cells",
+    "header row",
+    "data",
+    "record",
+    "tabular"
+  ],
+  smartCard: [
+    "card",
+    "smart card",
+    "debit",
+    "credit",
+    "reward",
+    "payment",
+    "bank",
+    "plain",
+    "animated",
+    "inverted",
+    "frozen",
+    "logo",
+    "partner",
+    "network",
+    "diamond",
+    "premier",
+    "sapphire",
+    "crystal",
+    "visa",
+    "mastercard",
+    "amex",
+    "payment network",
+    "background image",
+    "bg-image",
+    "background color",
+    "bg-color",
+    "number",
+    "type",
+    "variant",
+    "state"
+  ],
+  // COMPOSITIONS
+  wallet: [
+    "wallet",
+    "smart card",
+    "debit card",
+    "transaction list",
+    "banking",
+    "spending",
+    "activity",
+    "statements",
+    "account",
+    "balance"
+  ]
 };
 export {
-  t as muiKeywords
+  a as muiKeywords
 };

package/dist/esm/agent/prompts/index.js

@@ -3,28 +3,7 @@ const t = [
     role: "system",
     content: "You are an assistant that converts UI prompts into MUI-style web components using custom tags like <mui-v-stack> and <mui-button>. Each user message may include tags like [button], [card], etc. Use these to help determine intent."
   },
-  { role: "user", content: "[card] Create a vertical stack with two cards" },
-  {
-    role: "assistant",
-    content: `<mui-v-stack space="var(--space-400)">
-  <mui-card>...</mui-card>
-  <mui-card>...</mui-card>
-</mui-v-stack>`
-  },
-  // CONTAINER
-  { role: "user", content: "[layout] Create a small container" },
-  { role: "assistant", content: "<mui-container small>...</mui-container>" },
-  { role: "user", content: "[layout] Create a medium container" },
-  { role: "assistant", content: "<mui-container medium>...</mui-container>" },
-  { role: "user", content: "[layout] Create a large container" },
-  { role: "assistant", content: "<mui-container large>...</mui-container>" },
-  { role: "user", content: "[layout] Create a fluid container" },
-  { role: "assistant", content: "<mui-container fluid>...</mui-container>" },
-  { role: "user", content: "[layout] Create a small container and centered" },
-  { role: "assistant", content: "<mui-container small center>...</mui-container>" },
-  { role: "user", content: "[button] Create a primary button" },
-  { role: "assistant", content: "<mui-button variant='primary'>...</mui-button>" },
-  // NEW TAGGED PROMPTS
+  // FIELD
   {
     role: "user",
     content: "[input] Add a field to enter an email address"
@@ -34,7 +13,105 @@ const t = [
     content: `<mui-field label="Email">
   <mui-input type="email" placeholder="you@example.com"></mui-input>
 </mui-field>`
+  },
+  // SLAT
+  {
+    role: "user",
+    content: "[slat] Create a default slat with heading and body"
+  },
+  {
+    role: "assistant",
+    content: `<mui-slat>
+  <mui-heading slot="start" size="5">...</mui-heading>
+  <mui-h-stack slot="end">
+    <mui-body>...</mui-body>
+  </mui-h-stack>
+</mui-slat>`
+  },
+  {
+    role: "user",
+    content: "[slat] Create a header slat"
+  },
+  {
+    role: "assistant",
+    content: `<mui-slat variant="header">
+  <mui-heading slot="start" size="6">Heading</mui-heading>
+  <mui-h-stack slot="end" alignX="end">
+    <mui-body size="small">End slot</mui-body>
+  </mui-h-stack>
+</mui-slat>`
   },
+  {
+    role: "user",
+    content: "[slat] Create a row slat with vertical stacks"
+  },
+  {
+    role: "assistant",
+    content: `<mui-slat variant="row">
+  <mui-v-stack slot="start">
+    <mui-body size="medium" weight="bold">...</mui-body>
+    <mui-body size="small">...</mui-body>
+  </mui-v-stack>
+  <mui-v-stack slot="end" alignX="end">
+    <mui-body size="small">...</mui-body>
+    <mui-body size="small">...</mui-body>
+  </mui-v-stack>
+</mui-slat>`
+  },
+  {
+    role: "user",
+    content: "[slat] Create a row slat with an icon accessory"
+  },
+  {
+    role: "assistant",
+    content: `<mui-slat variant="row">
+  <mui-slat-accessory slot="accessory">
+    <mui-icon-left-sidebar size="small"></mui-icon-left-sidebar>
+  </mui-slat-accessory>
+  <mui-v-stack slot="start" space="0">
+    <mui-body size="medium" weight="bold">Espresso & Muffin Bar</mui-body>
+    <mui-body size="small">Food & Drink • Richmond, VIC</mui-body>
+  </mui-v-stack>
+  <mui-v-stack slot="end" space="0" alignX="end">
+    <mui-body size="x-small">Pending</mui-body>
+    <mui-body size="small" weight="bold">-$8.12</mui-body>
+  </mui-v-stack>
+</mui-slat>`
+  },
+  {
+    role: "user",
+    content: "[card] Create a card with a slat header and action rows"
+  },
+  {
+    role: "assistant",
+    content: `<mui-card>
+  <mui-card-body>
+    <mui-slat variant="header">
+      <mui-heading slot="start" size="6">Today</mui-heading>
+      <mui-h-stack slot="end" alignX="end">
+        <mui-body size="small">22 July 2025</mui-body>
+      </mui-h-stack>
+    </mui-slat>
+    <mui-rule></mui-rule>
+    <mui-v-stack space="var(--space-000)" style="margin-top: var(--space-200)">
+      <mui-slat variant="action">
+        <mui-slat-accessory slot="accessory">
+          <mui-icon-left-sidebar size="small"></mui-icon-left-sidebar>
+        </mui-slat-accessory>
+        <mui-v-stack slot="start" space="0">
+          <mui-body size="medium" weight="bold">Espresso & Muffin Bar</mui-body>
+          <mui-body size="small">Food & Drink • Richmond, VIC</mui-body>
+        </mui-v-stack>
+        <mui-v-stack slot="end" space="0">
+          <mui-body size="x-small">Pending</mui-body>
+          <mui-body size="small" weight="bold">-$8.12</mui-body>
+        </mui-v-stack>
+      </mui-slat>
+    </mui-v-stack>
+  </mui-card-body>
+</mui-card>`
+  },
+  // TABLE
   {
     role: "user",
     content: "[table] Show a table with 3 columns and 2 rows"
@@ -63,6 +140,7 @@ const t = [
   </mui-row-group>
 </mui-table>`
   },
+  // ACCORDION
   {
     role: "user",
     content: "[accordion] Add a block accordion with two sections"
@@ -78,14 +156,54 @@ const t = [
   </mui-accordion-block>
 </mui-accordion-group>`
   },
-  {
-    role: "user",
-    content: "[icon] Add an accessibility icon"
-  },
-  {
-    role: "assistant",
-    content: "<mui-icon-accessibility></mui-icon-accessibility>"
-  },
+  // ICONS
+  { role: "user", content: "[icon] Add an accessibility icon" },
+  { role: "assistant", content: "<mui-icon-accessibility></mui-icon-accessibility>" },
+  { role: "user", content: "[icon] Add an add icon" },
+  { role: "assistant", content: "<mui-icon-add></mui-icon-add>" },
+  { role: "user", content: "[icon] Add a close icon" },
+  { role: "assistant", content: "<mui-icon-close></mui-icon-close>" },
+  { role: "user", content: "[icon] Add an up chevron icon" },
+  { role: "assistant", content: "<mui-icon-up-chevron></mui-icon-up-chevron>" },
+  { role: "user", content: "[icon] Add a down chevron icon" },
+  { role: "assistant", content: "<mui-icon-down-chevron></mui-icon-down-chevron>" },
+  { role: "user", content: "[icon] Add a left sidebar icon" },
+  { role: "assistant", content: "<mui-icon-left-sidebar></mui-icon-left-sidebar>" },
+  { role: "user", content: "[icon] Add a left chevron icon" },
+  { role: "assistant", content: "<mui-icon-left-chevron></mui-icon-left-chevron>" },
+  { role: "user", content: "[icon] Add a right chevron icon" },
+  { role: "assistant", content: "<mui-icon-right-chevron></mui-icon-right-chevron>" },
+  { role: "user", content: "[icon] Add a grid icon" },
+  { role: "assistant", content: "<mui-icon-grid></mui-icon-grid>" },
+  { role: "user", content: "[icon] Add a left arrow icon" },
+  { role: "assistant", content: "<mui-icon-left-arrow></mui-icon-left-arrow>" },
+  { role: "user", content: "[icon] Add a menu icon" },
+  { role: "assistant", content: "<mui-icon-menu></mui-icon-menu>" },
+  { role: "user", content: "[icon] Add a message icon" },
+  { role: "assistant", content: "<mui-icon-message></mui-icon-message>" },
+  { role: "user", content: "[icon] Add a moon icon" },
+  { role: "assistant", content: "<mui-icon-moon></mui-icon-moon>" },
+  { role: "user", content: "[icon] Add a sun icon" },
+  { role: "assistant", content: "<mui-icon-sun></mui-icon-sun>" },
+  { role: "user", content: "[icon] Add a subtract icon" },
+  { role: "assistant", content: "<mui-icon-subtract></mui-icon-subtract>" },
+  { role: "user", content: "[icon] Add a check icon" },
+  { role: "assistant", content: "<mui-icon-check></mui-icon-check>" },
+  { role: "user", content: "[icon] Add an info icon" },
+  { role: "assistant", content: "<mui-icon-info></mui-icon-info>" },
+  { role: "user", content: "[icon] Add a warning icon" },
+  { role: "assistant", content: "<mui-icon-warning></mui-icon-warning>" },
+  { role: "user", content: "[icon] Add an attention icon" },
+  { role: "assistant", content: "<mui-icon-attention></mui-icon-attention>" },
+  { role: "user", content: "[icon] Add a globe icon" },
+  { role: "assistant", content: "<mui-icon-globe></mui-icon-globe>" },
+  { role: "user", content: "[icon] Add a stop icon" },
+  { role: "assistant", content: "<mui-icon-stop></mui-icon-stop>" },
+  { role: "user", content: "[icon] Add a down arrow circle icon" },
+  { role: "assistant", content: "<mui-icon-down-arrow-circle></mui-icon-down-arrow-circle>" },
+  { role: "user", content: "[icon] Add an ellipsis icon" },
+  { role: "assistant", content: "<mui-icon-ellipsis></mui-icon-ellipsis>" },
+  // IMAGE
   {
     role: "user",
     content: "[image] Show an image with a caption"
@@ -97,6 +215,106 @@ const t = [
   <figcaption slot="caption">This is a caption</figcaption>
 </mui-image>`
   },
+  // SMART CARD
+  { role: "user", content: "[smart-card] Basic plain card with number and logo" },
+  {
+    role: "assistant",
+    content: `<mui-smart-card
+  number="1234"
+  type="Debit"
+  logo="./images/card/image-220.png"
+  partner="./images/networks/visa-black.svg"
+  variant="plain"
+/>`
+  },
+  { role: "user", content: "[smart-card] Plain card with inverted style" },
+  {
+    role: "assistant",
+    content: `<mui-smart-card
+  inverted
+  number="1234"
+  type="Debit"
+  logo="./images/card/image-220.png"
+  partner="./images/card/visa-white.svg"
+  variant="plain"
+/>`
+  },
+  { role: "user", content: "[smart-card] Animated card with background image" },
+  {
+    role: "assistant",
+    content: `<mui-smart-card
+  number="1234"
+  type="Debit"
+  bg-image="./images/mesh/buttercup.png"
+  logo="./images/card/image-220.png"
+  partner="./images/networks/visa-black.svg"
+  variant="animated"
+/>`
+  },
+  { role: "user", content: "[smart-card] Card with custom logo size" },
+  {
+    role: "assistant",
+    content: `<mui-smart-card
+  logo="./images/guru/guides.svg"
+  logo-height="80"
+/>`
+  },
+  { role: "user", content: "[smart-card] Frozen card state" },
+  {
+    role: "assistant",
+    content: `<mui-smart-card
+  state="frozen"
+  number="1234"
+  type="Debit"
+  logo="./images/card/image-220.png"
+  partner="./images/networks/visa-black.svg"
+  variant="plain"
+/>`
+  },
+  { role: "user", content: "[smart-card] Card with background color" },
+  {
+    role: "assistant",
+    content: `<mui-smart-card
+  variant="plain"
+  bg-color="#a4fc67"
+  number="1234"
+  type="Debit"
+  logo="./images/card/image-220.png"
+  partner="./images/networks/visa-black.svg"
+/>`
+  },
+  { role: "user", content: "[smart-card] Card with background image (non-animated)" },
+  {
+    role: "assistant",
+    content: `<mui-smart-card
+  variant="plain"
+  bg-image="./images/card/image-395.png"
+  number="1234"
+  type="Debit"
+  logo="./images/card/image-220.png"
+  partner="./images/networks/visa-black.svg"
+/>`
+  },
+  { role: "user", content: "[smart-card] Premier reward card" },
+  {
+    role: "assistant",
+    content: `<mui-smart-card
+  type="Premier"
+  partner="/emerald.svg"
+  bg-image="./images/jal/premier.png"
+/>`
+  },
+  { role: "user", content: "[smart-card] Diamond reward card (inverted)" },
+  {
+    role: "assistant",
+    content: `<mui-smart-card
+  inverted
+  type="Diamond"
+  partner="/emerald.svg"
+  bg-image="./images/jal/diamond.png"
+/>`
+  },
+  // STACK
   {
     role: "user",
     content: "[stack] Create a horizontal stack with two cards and spacing"
@@ -119,6 +337,7 @@ const t = [
   <mui-card>...</mui-card>
 </mui-v-stack>`
   },
+  // GRID
   {
     role: "user",
     content: "[layout] Create a grid with 2 columns and card content"
@@ -130,6 +349,7 @@ const t = [
   <mui-card>...</mui-card>
 </mui-grid>`
   },
+  // RESPONSIVE
   {
     role: "user",
     content: "[responsive] Show a div above 600px and a different one below"
@@ -141,6 +361,20 @@ const t = [
   <div slot="showBelow">...</div>
 </mui-responsive>`
   },
+  // CONTAINER
+  { role: "user", content: "[layout] Create a small container" },
+  { role: "assistant", content: "<mui-container small>...</mui-container>" },
+  { role: "user", content: "[layout] Create a medium container" },
+  { role: "assistant", content: "<mui-container medium>...</mui-container>" },
+  { role: "user", content: "[layout] Create a large container" },
+  { role: "assistant", content: "<mui-container large>...</mui-container>" },
+  { role: "user", content: "[layout] Create a fluid container" },
+  { role: "assistant", content: "<mui-container fluid>...</mui-container>" },
+  { role: "user", content: "[layout] Create a small container and centered" },
+  { role: "assistant", content: "<mui-container small center>...</mui-container>" },
+  { role: "user", content: "[button] Create a primary button" },
+  { role: "assistant", content: "<mui-button variant='primary'>...</mui-button>" },
+  // RULE
   {
     role: "user",
     content: "[rule] Insert a horizontal divider"
@@ -157,6 +391,15 @@ const t = [
     role: "assistant",
     content: '<mui-rule direction="vertical" length="100px"></mui-rule>'
   },
+  // CARD
+  { role: "user", content: "[card] Create a vertical stack with two cards" },
+  {
+    role: "assistant",
+    content: `<mui-v-stack space="var(--space-400)">
+  <mui-card>...</mui-card>
+  <mui-card>...</mui-card>
+</mui-v-stack>`
+  },
   {
     role: "user",
     content: "[card] Create a card with heading and footer actions"
@@ -217,12 +460,12 @@ const t = [
     role: "system",
     content: "You are an assistant that converts UI prompts into MUI-style web components using custom tags like <mui-button>, <mui-alert>, <mui-message>, <mui-badge>, <mui-tab-controller>, and <mui-carousel-controller>. Each user message may include tags like [button], [alert], [tab], etc. Use these to help determine intent."
   },
-  // Alerts
+  // ALERTS
   { role: "user", content: "[alert] Show a success alert" },
   { role: "assistant", content: '<mui-alert variant="success">...</mui-alert>' },
   { role: "user", content: "[alert] Show an error alert" },
   { role: "assistant", content: '<mui-alert variant="error">...</mui-alert>' },
-  // Messages
+  // MESSAGES
   { role: "user", content: "[message] Create an info message with heading and body" },
   {
     role: "assistant",
@@ -248,10 +491,10 @@ const t = [
   </mui-list>
 </mui-message>`
   },
-  // Badges
+  // BADGES
   { role: "user", content: "[badge] Show a warning badge" },
   { role: "assistant", content: '<mui-badge variant="warning">...</mui-badge>' },
-  // Buttons
+  // BUTTON
   { role: "user", content: "[button] Create a primary button" },
   { role: "assistant", content: '<mui-button variant="primary">...</mui-button>' },
   { role: "user", content: "[button-group] Create a right-aligned button group with cancel and submit" },
@@ -269,12 +512,12 @@ const t = [
   <mui-icon-add></mui-icon-add>
 </mui-button>`
   },
-  // Links
+  // LINK
   { role: "user", content: "[link] Create a primary link" },
   { role: "assistant", content: '<mui-link variant="primary" href="links.html">...</mui-link>' },
   { role: "user", content: "[link] Create a small sized link" },
   { role: "assistant", content: '<mui-link size="small">Link text</mui-link>' },
-  // Tabs
+  // TABS
   { role: "user", content: "[tab] Create a tab controller with three tabs" },
   {
     role: "assistant",
@@ -289,7 +532,7 @@ const t = [
   <mui-tab-panel item="item3">Content 3</mui-tab-panel>
 </mui-tab-controller>`
   },
-  // Carousel
+  // CAROUSEL
   { role: "user", content: "[carousel] Create a carousel controller with tabs and panels" },
   {
     role: "assistant",
@@ -308,6 +551,118 @@ const t = [
   </mui-carousel-panel>
   <!-- Add other panels -->
 </mui-carousel-controller>`
+  },
+  // WALLET COMPOSITION
+  {
+    role: "user",
+    content: "[wallet] Create a wallet layout with a smart card and tabbed transactions"
+  },
+  {
+    role: "assistant",
+    content: `<mui-v-stack alignX="stretch" slot="body" style="max-width: 365px; margin: 0 auto; padding-top: var(--space-700); padding-bottom: var(--space-700)">
+  <mui-smart-card
+    variant="animated"
+    partner="\${Visa}"
+    type="Debit"
+    number="1234"
+    logo="\${Mui}"
+    logo-height="100"
+    bg-image="\${Snow}"
+  ></mui-smart-card>
+
+  <mui-tab-controller>
+    <mui-v-stack alignX="stretch" style="max-width: 100%;" space="var(--space-300)">
+      <mui-tab-bar>
+        <mui-tab-item active id="item1">Transactions</mui-tab-item>
+        <mui-tab-item id="item2">Statements</mui-tab-item>
+      </mui-tab-bar>
+
+      <mui-tab-panel item="item1">
+        <mui-v-stack alignX="stretch" space="var(--space-000)">
+          <mui-slat variant="header">
+            <mui-heading slot="start" size="6">Today</mui-heading>
+            <mui-h-stack slot="end" alignX="end">
+              <mui-body size="small">22 July 2025</mui-body>
+            </mui-h-stack>
+          </mui-slat>
+
+          <mui-v-stack space="var(--space-025)">
+            <mui-slat variant="row">
+              <mui-v-stack slot="start" space="0">
+                <mui-body size="medium" weight="bold">Espresso Bar</mui-body>
+                <mui-body size="small">Food & Drink</mui-body>
+              </mui-v-stack>
+              <mui-v-stack space="0" slot="end" alignX="end">
+                <mui-body size="small">Pending</mui-body>
+                <mui-body size="small">-$8.12</mui-body>
+              </mui-v-stack>
+            </mui-slat>
+            <mui-slat variant="row">
+              <mui-v-stack slot="start" space="0">
+                <mui-body size="medium" weight="bold">Apple App Store</mui-body>
+                <mui-body size="small">Entertainment</mui-body>
+              </mui-v-stack>
+              <mui-v-stack space="0" slot="end" alignX="end">
+                <mui-body size="small">Pending</mui-body>
+                <mui-body size="small">-$4.99</mui-body>
+              </mui-v-stack>
+            </mui-slat>
+          </mui-v-stack>
+
+          <mui-slat variant="header">
+            <mui-heading slot="start" size="6">Yesterday</mui-heading>
+            <mui-h-stack slot="end" alignX="end">
+              <mui-body size="small">21 July 2025</mui-body>
+            </mui-h-stack>
+          </mui-slat>
+
+          <mui-v-stack space="var(--space-025)">
+            <mui-slat variant="row">
+              <mui-v-stack slot="start" space="0">
+                <mui-body size="medium" weight="bold">IGA South Yarra</mui-body>
+                <mui-body size="small">Groceries</mui-body>
+              </mui-v-stack>
+              <mui-v-stack space="0" slot="end" alignX="end">
+                <mui-body size="small">Pending</mui-body>
+                <mui-body size="medium">-$26.89</mui-body>
+              </mui-v-stack>
+            </mui-slat>
+          </mui-v-stack>
+        </mui-v-stack>
+      </mui-tab-panel>
+
+      <mui-tab-panel item="item2">
+        <mui-v-stack alignX="stretch" space="var(--space-000)">
+          <mui-slat variant="header">
+            <mui-heading size="6" slot="start">Recents</mui-heading>
+          </mui-slat>
+          <mui-v-stack space="var(--space-025)">
+            <mui-slat variant="action">
+              <mui-v-stack space="0" slot="start">
+                <mui-body size="medium" weight="bold">Get a Transactions Report</mui-body>
+                <mui-body size="small">Generate a PDF of your recent transactions</mui-body>
+              </mui-v-stack>
+            </mui-slat>
+            <mui-slat variant="action">
+              <mui-body size="medium" weight="bold" slot="start">21 Mar 2025</mui-body>
+            </mui-slat>
+          </mui-v-stack>
+          <mui-slat variant="header">
+            <mui-heading size="6" slot="start">All</mui-heading>
+          </mui-slat>
+          <mui-v-stack space="var(--space-025)">
+            <mui-slat variant="action">
+              <mui-body size="medium" weight="bold" slot="start">2025</mui-body>
+            </mui-slat>
+            <mui-slat variant="action">
+              <mui-body size="medium" weight="bold" slot="start">2024</mui-body>
+            </mui-slat>
+          </mui-v-stack>
+        </mui-v-stack>
+      </mui-tab-panel>
+    </mui-v-stack>
+  </mui-tab-controller>
+</mui-v-stack>`
   }
 ];
 export {

package/dist/esm/components/mui-accordion/block/index.js

@@ -6,11 +6,7 @@ class c extends HTMLElement {
   }
   connectedCallback() {
     var o, r;
-    if (customElements.get("mui-icon-right-chevron") || console.warn(
-      "mui-accordion-block requires <mui-icon-right-chevron> to be defined. Please ensure it is imported and registered."
-    ), customElements.get("mui-heading") || console.warn(
-      "[mui-accordion-block] Warning: <mui-heading> is not registered. Please import it to ensure proper functionality."
-    ), !this.shadowRoot) return;
+    if (!this.shadowRoot) return;
     const i = this.getAttribute("heading") || "Heading...", e = this.getAttribute("size") || "medium", s = this.getAttribute("level") || "3", a = this.getAttribute("detail-space"), n = a ? `detail-space-${a}` : "";
     let d = (
       /*html*/
@@ -169,4 +165,4 @@ class c extends HTMLElement {
     this.setOpen(!1);
   }
 }
-customElements.define("mui-accordion-block", c);
+customElements.get("mui-accordion-block") || customElements.define("mui-accordion-block", c);

package/dist/esm/components/mui-accordion/group/index.js

@@ -23,4 +23,4 @@ class e extends HTMLElement {
     }));
   }
 }
-customElements.define("mui-accordion-group", e);
+customElements.get("mui-accordion-group") || customElements.define("mui-accordion-group", e);