@muibook/components 1.0.1 → 1.0.3

package/dist/muibook/assets/index-0bBJZTXh.js

@@ -1,135 +0,0 @@
-class d extends HTMLElement{constructor(){super();const e=this.attachShadow({mode:"open"}),o=`
-      :host { display: block; }
-    `,i=[{name:"label",required:!0,type:"string",options:"{text}",default:"",description:"Provide the switch with a unique label. If without, a console warning will remind you to add label."},{name:"disabled",type:"boolean",options:"disabled",default:"",description:"Disable the switch"},{name:"checked",type:"boolean",options:"checked",default:"",description:"On / Off state"},{name:"slot (off)",type:"string",options:"off-icon",default:"",description:"Slot an icon in for the off state"},{name:"slot (on)",type:"string",options:"on-icon",default:"",description:"Slot an icon in for the off state"}],s=i.map(t=>`
-          <story-type-row
-            ${t.required?"required":""}
-            name="${t.name}"
-            type="${t.type}" 
-            options="${t.options||""}"
-            default="${t.default||""}"
-            description="${t.description}">
-          </story-type-row>
-        `).join(""),c=i.map((t,l)=>{const n=l===i.length-1?"last-child":"";return`
-            <mui-accordion-block
-              style="position: relative; z-index: 1;" 
-              size="medium" 
-              heading=${t.name.charAt(0).toUpperCase()+t.name.slice(1)} 
-              ${n}>
-              <story-type-slat
-                slot="detail"
-                ${t.required?"required":""}
-                name="${t.name}"
-                type="${t.type}" 
-                options="${t.options||""}"
-                default="${t.default||""}"
-                description="${t.description}">
-              </story-type-slat>
-            </mui-accordion-block>
-          `}).join("");e.innerHTML=`
-      <style>${o}</style>
-
-      <story-template
-        title="Switch"
-        description="A component that allows users to switch a setting on or off with immediate effect."
-        github="https://github.com/michaeltrilford/muibook/blob/b060f2c788d521abd1f16889a460822d0cf8da3d/src/components/mui-switch/index.ts"
-        accessibility="
-          A label is required and applied as aria-label to describe the switch’s purpose.;
-          Uses role="switch" and updates aria-checked for assistive tech.;
-          The label isn’t shown visually—context is provided through icons or nearby text.;
-          disabled sets aria-disabled and blocks interaction.;
-          Supports keyboard navigation with visible focus styles.;
-          Logs a console warning if no label is provided.
-        "
-      >
-
-      <mui-v-stack space="var(--space-700)">
-
-        <spec-card title="Props">
-          <mui-responsive breakpoint="767" slot="body">
-            <story-type-table slot="showAbove">
-              ${s}
-            </story-type-table>
-            <mui-accordion-group exclusive slot="showBelow">
-              ${c}
-            </mui-accordion-group>
-          </mui-responsive>
-        </spec-card>
-
-
-        <story-card title="Unchecked">
-          <div slot="body">
-            <mui-switch label="Unchecked"></mui-switch>
-          </div>
-          <mui-code slot="footer">
-            &lt;mui-switch label="Unchecked"&gt;&lt;mui-switch&gt;
-          </mui-code>
-        </story-card>
-
-        <story-card title="Checked">
-          <div slot="body">
-            <mui-switch label="On Example" checked></mui-switch>
-          </div>
-          <mui-code slot="footer">
-            &lt;mui-switch checked label="On Example"&gt;&lt;mui-switch&gt;
-          </mui-code>
-        </story-card>
-
-        <story-card title="Disabled w/ Unchecked">
-          <div slot="body">
-            <mui-switch label="Unchecked w/ Disabled" disabled></mui-switch>
-          </div>
-          <mui-code slot="footer">
-            &lt;mui-switch label="Unchecked w/ Disabled"&gt;&lt;mui-switch&gt;
-          </mui-code>
-        </story-card>
-
-        <story-card title="Disabled w/ Checked">
-          <div slot="body">
-            <mui-switch disabled label="Checked w/ Disabled" checked></mui-switch>
-          </div>
-          <mui-code slot="footer">
-            &lt;mui-switch checked disabled label="Checked w/ Disabled"&gt;&lt;mui-switch&gt;
-          </mui-code>
-        </story-card>
-
-        <story-card title="Icons: Off">
-          <div slot="body">
-            <mui-switch label="Dark mode toggle">
-              <mui-icon-sun slot="off-icon"></mui-icon-sun>
-              <mui-icon-moon slot="on-icon"></mui-icon-moon>
-            </mui-switch>
-          </div>
-          <mui-code slot="footer">
-            &lt;mui-switch label="Dark mode toggle" &gt;
-              <br />
-              &nbsp;&nbsp;&lt;mui-icon-sun slot="off-icon"&gt;&lt;/mui-icon-sun&gt;
-              <br />
-              &nbsp;&nbsp;&lt;mui-icon-moon slot="on-icon"&gt;&lt;/mui-icon-moon&gt;
-              <br />
-            &lt;mui-switch&gt;
-          </mui-code>
-        </story-card>
-
-        <story-card title="Icons: On">
-          <div slot="body">
-            <mui-switch label="Dark mode toggle" checked>
-              <mui-icon-sun slot="off-icon"></mui-icon-sun>
-              <mui-icon-moon slot="on-icon"></mui-icon-moon>
-            </mui-switch>
-          </div>
-          <mui-code slot="footer">
-            &lt;mui-switch label="Dark mode toggle" checked&gt;
-              <br />
-              &nbsp;&nbsp;&lt;mui-icon-sun slot="off-icon"&gt;&lt;/mui-icon-sun&gt;
-              <br />
-              &nbsp;&nbsp;&lt;mui-icon-moon slot="on-icon"&gt;&lt;/mui-icon-moon&gt;
-              <br />
-            &lt;mui-switch&gt;
-          </mui-code>
-        </story-card>
-
-
-      </mui-v-stack>
-
-      </story-template>
-    `}}customElements.define("story-switch",d);

package/dist/muibook/assets/index-B4Lbi-ZX.js

@@ -1,82 +0,0 @@
-class i extends HTMLElement{constructor(){super();const t=this.attachShadow({mode:"open"}),e=`
-      :host { display: block; }
-    `;t.innerHTML=`
-      <style>${e}</style>
-
-      <story-template 
-        title="Badge"
-        description="Badges are non-interactive and indicate counts or statuses."
-        github="https://github.com/michaeltrilford/muibook/blob/b060f2c788d521abd1f16889a460822d0cf8da3d/src/components/mui-badge/index.ts"
-      >
-
-      <mui-v-stack space="var(--space-700)">
-
-        <story-card title="Default">
-          <div slot="body">
-            <mui-badge>New</mui-badge>
-          </div>
-          <mui-code slot="footer">
-            &lt;mui-badge&gt;
-            <br />
-            &nbsp;&nbsp;...
-            <br />
-            &lt;/mui-badge&gt;
-          </mui-code>
-        </story-card>
-
-        <story-card title="Neutral">
-          <div slot="body">
-            <mui-badge variant="neutral">Offline</mui-badge>
-          </div>
-          <mui-code slot="footer">
-            &lt;mui-badge variant="neutral"&gt;
-            <br />
-            &nbsp;&nbsp;...
-            <br />
-            &lt;/mui-badge&gt;
-          </mui-code>
-        </story-card>
-
-        <story-card title="Positive">
-          <div slot="body">
-            <mui-badge variant="positive">Paid</mui-badge>
-          </div>
-          <mui-code slot="footer">
-            &lt;mui-badge variant="positive"&gt;
-            <br />
-            &nbsp;&nbsp;...
-            <br />
-            &lt;/mui-badge&gt;
-          </mui-code>
-        </story-card>
-
-        <story-card title="Warning">
-          <div slot="body">
-            <mui-badge variant="warning">Busy</mui-badge>
-          </div>
-          <mui-code slot="footer">
-            &lt;mui-badge variant="warning"&gt;
-            <br />
-            &nbsp;&nbsp;...
-            <br />
-            &lt;/mui-badge&gt;
-          </mui-code>
-        </story-card>
-
-        <story-card title="Attention">
-          <div slot="body">
-            <mui-badge variant="attention">Urgent</mui-badge>
-          </div>
-          <mui-code slot="footer">
-            &lt;mui-badge variant="attention"&gt;
-            <br />
-            &nbsp;&nbsp;...
-            <br />
-            &lt;/mui-badge&gt;
-          </mui-code>
-        </story-card>
-
-      </mui-v-stack>
-
-      </story-template>
-    `}}customElements.define("story-badge",i);

package/dist/muibook/assets/index-BJJtzLti.js

@@ -1,144 +0,0 @@
-class s extends HTMLElement{constructor(){super();const i=this.attachShadow({mode:"open"}),t=`
-      :host { display: block; }
-    `;i.innerHTML=`
-      <style>${t}</style>
-
-      <story-template 
-        title="List"
-        description="The component defines an ordered or unordered list."
-        github="https://github.com/michaeltrilford/muibook/tree/b060f2c788d521abd1f16889a460822d0cf8da3d/src/components/mui-list"
-      >
-
-      <mui-v-stack space="var(--space-700)">
-
-        <story-card title="Sizes">
-
-            <div slot="body">
-              <mui-v-stack space="var(--space-500)">
-                <div>
-                  <mui-heading size="4" >X-Small</mui-heading>
-
-                  <mui-list as="ol">
-                    <mui-list-item size="x-small">Coffee</mui-list-item>
-                    <mui-list-item size="x-small">Tea</mui-list-item>
-                    <mui-list-item size="x-small">Milk</mui-list-item>
-                  </mui-list>
-
-                </div>
-                <div>
-                  <mui-heading size="4" >Small</mui-heading>
-
-                  <mui-list as="ol">
-                    <mui-list-item size="small">Coffee</mui-list-item>
-                    <mui-list-item size="small">Tea</mui-list-item>
-                    <mui-list-item size="small">Milk</mui-list-item>
-                  </mui-list>
-
-                </div>
-                <div>
-                  <mui-heading size="4" >Medium</mui-heading>
-
-                  <mui-list as="ol">
-                    <mui-list-item size="medium">Coffee</mui-list-item>
-                    <mui-list-item size="medium">Tea</mui-list-item>
-                    <mui-list-item size="medium">Milk</mui-list-item>
-                  </mui-list>
-
-                </div>
-                <div>
-                  <mui-heading size="4" >Large</mui-heading>
-
-                  <mui-list as="ol">
-                    <mui-list-item size="large">Coffee</mui-list-item>
-                    <mui-list-item size="large">Tea</mui-list-item>
-                    <mui-list-item size="large">Milk</mui-list-item>
-                  </mui-list>
-
-                </div>
-              </mui-v-stack>
-            </div>
-
-            <mui-code slot="footer">
-              &lt;mui-list-item size="x-small"&gt;
-              <br />
-              &nbsp;&nbsp;List item text
-              <br />
-              &lt;/mui-list-item&gt;
-              <br />
-              <br />
-              &lt;mui-list-item size="small"&gt;
-              <br />
-              &nbsp;&nbsp;List item text
-              <br />
-              &lt;/mui-list-item&gt;
-              <br />
-              <br />
-              &lt;mui-list-item size="medium"&gt;
-              <br />
-              &nbsp;&nbsp;List item text
-              <br />
-              &lt;/mui-list-item&gt;
-              <br />
-              <br />
-              &lt;mui-list-item size="large"&gt;
-              <br />
-              &nbsp;&nbsp;List item text
-              <br />
-              &lt;/mui-list-item&gt;
-            </mui-code>
-
-        </story-card>
-
-
-        <story-card title="Unordered">
-
-          <div slot="body">
-          <mui-list as="ol">
-            <mui-list-item>Coffee</mui-list-item>
-            <mui-list-item>Tea</mui-list-item>
-            <mui-list-item>Milk</mui-list-item>
-          </mui-list>
-          </div>
-
-          <mui-code slot="footer">
-            &lt;mui-list as="li"&gt;
-            <br />
-            &nbsp;&nbsp;&lt;mui-list-item&gt;...&lt;/mui-list-item&gt;
-            <br />
-            &nbsp;&nbsp;&lt;mui-list-item&gt;...&lt;/mui-list-item&gt;
-            <br />
-            &nbsp;&nbsp;&lt;mui-list-item&gt;...&lt;/mui-list-item&gt;
-            <br />
-            &lt;/mui-list&gt;
-          </mui-code>
-
-        </story-card>
-
-        <story-card title="Ordered">
-
-          <div slot="body">
-            <mui-list as="ul">
-              <mui-list-item>Coffee</mui-list-item>
-              <mui-list-item>Tea</mui-list-item>
-              <mui-list-item>Milk</mui-list-item>
-            </mui-list>
-          </div>
-
-          <mui-code slot="footer">
-            &lt;mui-list as="ul"&gt;
-            <br />
-            &nbsp;&nbsp;&lt;mui-list-item&gt;...&lt;/mui-list-item&gt;
-            <br />
-            &nbsp;&nbsp;&lt;mui-list-item&gt;...&lt;/mui-list-item&gt;
-            <br />
-            &nbsp;&nbsp;&lt;mui-list-item&gt;...&lt;/mui-list-item&gt;
-            <br />
-            &lt;/mui-list&gt;
-          </mui-code>
-          
-        </story-card>
-
-      </mui-v-stack>
-
-      </story-template>
-    `}}customElements.define("story-list",s);