@plusui/library 0.1.3 → 0.1.5

package/cdn/components/accordion/accordion.js

@@ -1,9 +1,10 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
-import { a as i, x } from '../../lit-element-BNK__jO-.js';
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { i, x } from '../../lit-element-ByzbtpGk.js';
 import { accordionStyle } from './accordion.style.js';
+import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
 import '../../index-B9iart53.js';
-import '../../global-CvNEUQeA.js';
+import '../../global-CFlb4NrK.js';
 
 /**
  * @tag plus-accordion
@@ -130,7 +131,12 @@ class PlusAccordion extends Tailwind {
               <slot name="helper"></slot>
             </span>
           </div>
-          <i class=${icon()} part="icon" aria-hidden="true"></i>
+          <plus-icon
+            class=${icon()}
+            part="icon"
+            aria-hidden="true"
+            icon-name=${this.expand ? 'angle-up' : 'angle-down'}
+          ></plus-icon>
         </div>
         <div
           class=${panel()}
@@ -182,24 +188,43 @@ PlusAccordion.styles = [
 __decorate([
     n({
         type: Boolean,
-        converter: (expand) => expand != 'false',
+        converter: booleanConverter,
         reflect: true,
     })
 ], PlusAccordion.prototype, "expand", void 0);
 __decorate([
-    n({ type: Boolean, reflect: true, attribute: 'is-grouped' })
+    n({
+        type: Boolean,
+        reflect: true,
+        attribute: 'is-grouped',
+        converter: booleanConverter,
+    })
 ], PlusAccordion.prototype, "isGrouped", void 0);
 __decorate([
-    n({ type: Boolean, reflect: true, attribute: 'is-last' })
+    n({
+        type: Boolean,
+        reflect: true,
+        attribute: 'is-last',
+        converter: booleanConverter,
+    })
 ], PlusAccordion.prototype, "isLast", void 0);
 __decorate([
-    n({ type: Boolean, reflect: true, attribute: 'is-first' })
+    n({
+        type: Boolean,
+        reflect: true,
+        attribute: 'is-first',
+        converter: booleanConverter,
+    })
 ], PlusAccordion.prototype, "isFirst", void 0);
 __decorate([
     n({ type: String, reflect: true })
 ], PlusAccordion.prototype, "size", void 0);
 __decorate([
-    n({ type: Boolean, reflect: true })
+    n({
+        type: Boolean,
+        reflect: true,
+        converter: booleanConverter,
+    })
 ], PlusAccordion.prototype, "disabled", void 0);
 
 export { PlusAccordion, PlusAccordion as default };

package/cdn/components/accordion/accordion.style.js

@@ -33,11 +33,11 @@ const accordionStyle = ce({
         expand: {
             true: {
                 panel: 'block',
-                icon: 'fa-solid fa-angle-up',
+                icon: 'text-base text-center',
             },
             false: {
                 panel: 'hidden',
-                icon: 'fa-solid fa-angle-down',
+                icon: 'text-base text-center',
             },
         },
         isGrouped: {

package/cdn/components/accordion/index.js

@@ -1,10 +1,11 @@
 import PlusAccordion from './accordion.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
 import './accordion.style.js';
 import '../../index-B9iart53.js';
+import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
-import '../../global-CvNEUQeA.js';
+import '../../global-CFlb4NrK.js';
 
 customElements.define('plus-accordion', PlusAccordion);
 

package/cdn/components/accordion-group/accordion-group.js

@@ -1,8 +1,9 @@
-import { _ as __decorate, n as n$1 } from '../../property-Dz31PgR6.js';
-import { a as i, x } from '../../lit-element-BNK__jO-.js';
+import { _ as __decorate, n as n$1 } from '../../property-DiPQx9S3.js';
+import { i, x } from '../../lit-element-ByzbtpGk.js';
 import { e } from '../../base-Cl6v8-BZ.js';
+import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
-import '../../global-CvNEUQeA.js';
+import '../../global-CFlb4NrK.js';
 
 /**
  * @license
@@ -168,7 +169,7 @@ __decorate([
     n$1({
         type: Boolean,
         reflect: true,
-        converter: (value) => value != 'false',
+        converter: booleanConverter,
     })
 ], PlusAccordionGroup.prototype, "multi", void 0);
 __decorate([

package/cdn/components/accordion-group/index.js

@@ -1,9 +1,10 @@
 import PlusAccordionGroup from './accordion-group.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
 import '../../base-Cl6v8-BZ.js';
+import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
-import '../../global-CvNEUQeA.js';
+import '../../global-CFlb4NrK.js';
 
 customElements.define('plus-accordion-group', PlusAccordionGroup);
 

package/cdn/components/alert/alert.js

@@ -1,9 +1,10 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
-import { a as i, E, x } from '../../lit-element-BNK__jO-.js';
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { i, E, x } from '../../lit-element-ByzbtpGk.js';
+import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
 import { alertStyle } from './alert.style.js';
-import { o } from '../../style-map-Cgr6kXUm.js';
-import '../../global-CvNEUQeA.js';
+import { o } from '../../style-map-DC_vNus2.js';
+import '../../global-CFlb4NrK.js';
 import '../../index-B9iart53.js';
 import '../../directive-DZCF8pFJ.js';
 
@@ -187,11 +188,11 @@ class PlusAlert extends Tailwind {
       >
         <div class=${statusIcon()} part="status-icon">
           <slot name="prefix">
-            ${x `<plus-svg-icon
-              iconName=${this.statusIcon || statusIconMap[this.status]}
+            ${x `<plus-icon
+              icon-name=${this.statusIcon || statusIconMap[this.status]}
               part="status-icon"
             >
-            </plus-svg-icon>`}
+            </plus-icon>`}
           </slot>
         </div>
         <div class=${content()} part="content">
@@ -210,9 +211,9 @@ class PlusAlert extends Tailwind {
               @click=${this.handleDismiss}
               aria-label="Close alert"
             >
-              <plus-svg-icon
-                iconName=${this.dismissIcon || 'xmark'}
-              ></plus-svg-icon>
+              <plus-icon
+                icon-name=${this.dismissIcon || 'xmark'}
+              ></plus-icon>
             </slot>`
             : E}
       </div>
@@ -233,14 +234,14 @@ __decorate([
     n({
         type: Boolean,
         reflect: true,
-        converter: (value) => (value == 'false' || false ? false : true),
+        converter: booleanConverter,
     })
 ], PlusAlert.prototype, "invert", void 0);
 __decorate([
     n({
         type: Boolean,
         reflect: true,
-        converter: (value) => (value == 'false' || false ? false : true),
+        converter: booleanConverter,
     })
 ], PlusAlert.prototype, "dismissible", void 0);
 __decorate([
@@ -256,10 +257,20 @@ __decorate([
     n({ type: String })
 ], PlusAlert.prototype, "dismissIcon", void 0);
 __decorate([
-    n({ type: Boolean, attribute: 'full-width' })
+    n({
+        type: Boolean,
+        attribute: 'full-width',
+        converter: booleanConverter,
+        reflect: true,
+    })
 ], PlusAlert.prototype, "fullWidth", void 0);
 __decorate([
-    n({ type: Boolean, reflect: true, attribute: 'hidden' })
+    n({
+        type: Boolean,
+        reflect: true,
+        attribute: 'hidden',
+        converter: booleanConverter,
+    })
 ], PlusAlert.prototype, "hiddenAlert", void 0);
 
 export { PlusAlert, PlusAlert as default };

package/cdn/components/alert/index.js

@@ -1,11 +1,12 @@
 import PlusAlert from './alert.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
-import '../../global-CvNEUQeA.js';
+import '../../global-CFlb4NrK.js';
 import './alert.style.js';
 import '../../index-B9iart53.js';
-import '../../style-map-Cgr6kXUm.js';
+import '../../style-map-DC_vNus2.js';
 import '../../directive-DZCF8pFJ.js';
 
 customElements.define('plus-alert', PlusAlert);

package/cdn/components/avatar/avatar.js

@@ -1,11 +1,12 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
-import { x } from '../../lit-element-BNK__jO-.js';
-import { r } from '../../state-BRspp5eU.js';
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { i, x } from '../../lit-element-ByzbtpGk.js';
+import { r } from '../../state-D1d5Sfj8.js';
+import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
 import { Sizes, isValidSize } from '../../model/plus.js';
 import { avatarStyle } from './avatar.style.js';
-import { o } from '../../style-map-Cgr6kXUm.js';
-import '../../global-CvNEUQeA.js';
+import { o } from '../../style-map-DC_vNus2.js';
+import '../../global-CFlb4NrK.js';
 import '../../index-B9iart53.js';
 import '../../directive-DZCF8pFJ.js';
 
@@ -42,10 +43,10 @@ class PlusAvatar extends Tailwind {
          */
         this.size = Sizes.md;
         /**
-         * Icon class to use when no image is available
-         * @default 'fa-solid fa-user'
+         * Icon name to use when no image is available
+         * @default 'user'
          */
-        this.icon = 'fa-solid fa-user';
+        this.icon = 'user';
         /**
          * Toggles inverted color scheme
          * @default false
@@ -106,9 +107,11 @@ class PlusAvatar extends Tailwind {
             return this.getInitials();
         }
         if (this.fallbackStrategy === 'icon') {
-            return x `<i class=${this.icon}></i>`;
+            return x `<plus-icon icon-name=${this.icon}></plus-icon>`;
         }
-        return x `<slot name="fallback"><i class=${this.icon}></i></slot>`;
+        return x `<slot name="fallback"
+      ><plus-icon icon-name=${this.icon}></plus-icon
+    ></slot>`;
     }
     renderContent() {
         // if (this.loading) {
@@ -152,6 +155,18 @@ class PlusAvatar extends Tailwind {
     `;
     }
 }
+PlusAvatar.styles = [
+    ...Tailwind.styles,
+    i `
+      :host {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: fit-content;
+        height: fit-content;
+      }
+    `,
+];
 __decorate([
     n()
 ], PlusAvatar.prototype, "image", void 0);
@@ -168,7 +183,7 @@ __decorate([
     n()
 ], PlusAvatar.prototype, "icon", void 0);
 __decorate([
-    n({ type: Boolean })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusAvatar.prototype, "invert", void 0);
 __decorate([
     n()

package/cdn/components/avatar/avatar.style.js

@@ -8,7 +8,7 @@ const avatarStyle = ce({
     ],
     variants: {
         size: {
-            xs: 'size-4 text-xs',
+            xs: 'size-4 text-xxxs',
             sm: 'size-6 text-xs',
             md: 'size-9 text-sm',
             lg: 'size-10 text-base',

package/cdn/components/avatar/index.js

@@ -1,13 +1,14 @@
 import PlusAvatar from './avatar.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
-import '../../state-BRspp5eU.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../state-D1d5Sfj8.js';
+import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
-import '../../global-CvNEUQeA.js';
+import '../../global-CFlb4NrK.js';
 import '../../model/plus.js';
 import './avatar.style.js';
 import '../../index-B9iart53.js';
-import '../../style-map-Cgr6kXUm.js';
+import '../../style-map-DC_vNus2.js';
 import '../../directive-DZCF8pFJ.js';
 
 customElements.define('plus-avatar', PlusAvatar);

package/cdn/components/badge/badge.host.style.js

@@ -1,4 +1,4 @@
-import { a as i } from '../../lit-element-BNK__jO-.js';
+import { i } from '../../lit-element-ByzbtpGk.js';
 
 var badgeHostStyle = i `
   :host {

package/cdn/components/badge/badge.js

@@ -1,11 +1,11 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
-import { r } from '../../state-BRspp5eU.js';
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { r } from '../../state-D1d5Sfj8.js';
 import Tailwind from '../base/tailwind-base.js';
-import { x } from '../../lit-element-BNK__jO-.js';
+import { x } from '../../lit-element-ByzbtpGk.js';
 import badgeHostStyle from './badge.host.style.js';
 import { badgeStyle } from './badge.style.js';
-import { o } from '../../style-map-Cgr6kXUm.js';
-import '../../global-CvNEUQeA.js';
+import { o } from '../../style-map-DC_vNus2.js';
+import '../../global-CFlb4NrK.js';
 import '../../index-B9iart53.js';
 import '../../directive-DZCF8pFJ.js';
 

package/cdn/components/badge/index.js

@@ -1,13 +1,13 @@
 import PlusBadge from './badge.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
-import '../../state-BRspp5eU.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../state-D1d5Sfj8.js';
 import '../base/tailwind-base.js';
-import '../../global-CvNEUQeA.js';
+import '../../global-CFlb4NrK.js';
 import './badge.host.style.js';
 import './badge.style.js';
 import '../../index-B9iart53.js';
-import '../../style-map-Cgr6kXUm.js';
+import '../../style-map-DC_vNus2.js';
 import '../../directive-DZCF8pFJ.js';
 
 customElements.define('plus-badge', PlusBadge);

package/cdn/components/base/index.js

@@ -1,3 +1,3 @@
 import './tailwind-base.js';
-import '../../lit-element-BNK__jO-.js';
-import '../../global-CvNEUQeA.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../global-CFlb4NrK.js';

package/cdn/components/base/tailwind-base.js

@@ -1,5 +1,5 @@
-import { a as i, r, i as i$1 } from '../../lit-element-BNK__jO-.js';
-import { c as css_248z } from '../../global-CvNEUQeA.js';
+import { i, a as r, r as r$1 } from '../../lit-element-ByzbtpGk.js';
+import { c as css_248z } from '../../global-CFlb4NrK.js';
 
 var preflight = i `
   @layer base {
@@ -166,7 +166,7 @@ var preflight = i `
   }
 `;
 
-class Tailwind extends i$1 {
+class Tailwind extends r$1 {
     constructor() {
         super();
     }

package/cdn/components/breadcrumb/breadcrumb.js

@@ -1,10 +1,10 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
 import { o } from '../../query-assigned-elements-B8Evmg7O.js';
-import { x } from '../../lit-element-BNK__jO-.js';
+import { x } from '../../lit-element-ByzbtpGk.js';
 import Tailwind from '../base/tailwind-base.js';
 import { breadcrumbStyle } from './breadcrumb.style.js';
 import '../../base-Cl6v8-BZ.js';
-import '../../global-CvNEUQeA.js';
+import '../../global-CFlb4NrK.js';
 import '../../index-B9iart53.js';
 
 /**

package/cdn/components/breadcrumb/index.js

@@ -1,10 +1,10 @@
 import { PlusBreadcrumb } from './breadcrumb.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
 import '../../query-assigned-elements-B8Evmg7O.js';
 import '../../base-Cl6v8-BZ.js';
 import '../base/tailwind-base.js';
-import '../../global-CvNEUQeA.js';
+import '../../global-CFlb4NrK.js';
 import './breadcrumb.style.js';
 import '../../index-B9iart53.js';
 

package/cdn/components/breadcrumb-item/breadcrumb-item.js

@@ -1,10 +1,11 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
-import { E, x } from '../../lit-element-BNK__jO-.js';
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { E, x } from '../../lit-element-ByzbtpGk.js';
+import { booleanConverter } from '../../utils/boolean-converter.js';
 import { SlotController } from '../../controllers/slot-controller.js';
 import Tailwind from '../base/tailwind-base.js';
 import { breadcrumbItemStyle } from './breadcrumb-item.style.js';
-import { o } from '../../if-defined-DpyZ37D-.js';
-import '../../global-CvNEUQeA.js';
+import { o } from '../../if-defined-D-m3dgRf.js';
+import '../../global-CFlb4NrK.js';
 import '../../index-B9iart53.js';
 
 /**
@@ -46,7 +47,7 @@ class PlusBreadcrumbItem extends Tailwind {
         const iconName = this.separatorInternal === 'arrow' ? 'angle-right' : 'slash-forward';
         const separatorContent = this.separatorInternal === 'slash'
             ? '/'
-            : x `<plus-svg-icon iconName=${iconName}></plus-svg-icon>`;
+            : x `<plus-icon icon-name=${iconName}></plus-icon>`;
         return x `<span part="separator" class=${separator()}
       >${separatorContent}</span
     >`;
@@ -59,7 +60,7 @@ class PlusBreadcrumbItem extends Tailwind {
         >${hasPrefixSlot
             ? x `<slot name="prefix"></slot>`
             : this.prefixIcon
-                ? x `<plus-svg-icon iconName=${this.prefixIcon}></plus-svg-icon>`
+                ? x `<plus-icon icon-name=${this.prefixIcon}></plus-icon>`
                 : E}</span
       >
     `;
@@ -72,7 +73,7 @@ class PlusBreadcrumbItem extends Tailwind {
         >${hasSuffixSlot
             ? x `<slot name="suffix"></slot>`
             : this.suffixIcon
-                ? x `<plus-svg-icon iconName=${this.suffixIcon}></plus-svg-icon>`
+                ? x `<plus-icon icon-name=${this.suffixIcon}></plus-icon>`
                 : E}</span
       >
     `;
@@ -120,7 +121,7 @@ __decorate([
     n({ type: String, attribute: 'suffix-icon' })
 ], PlusBreadcrumbItem.prototype, "suffixIcon", void 0);
 __decorate([
-    n({ type: Boolean, attribute: false })
+    n({ type: Boolean, attribute: false, converter: booleanConverter })
 ], PlusBreadcrumbItem.prototype, "isLastItemInternal", void 0);
 __decorate([
     n({ type: String, attribute: false })

package/cdn/components/breadcrumb-item/index.js

@@ -1,12 +1,13 @@
 import { PlusBreadcrumbItem } from './breadcrumb-item.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../utils/boolean-converter.js';
 import '../../controllers/slot-controller.js';
 import '../base/tailwind-base.js';
-import '../../global-CvNEUQeA.js';
+import '../../global-CFlb4NrK.js';
 import './breadcrumb-item.style.js';
 import '../../index-B9iart53.js';
-import '../../if-defined-DpyZ37D-.js';
+import '../../if-defined-D-m3dgRf.js';
 
 customElements.define('plus-breadcrumb-item', PlusBreadcrumbItem);
 

package/cdn/components/button/button.js

@@ -1,9 +1,10 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
-import { a as i, x } from '../../lit-element-BNK__jO-.js';
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { i, x } from '../../lit-element-ByzbtpGk.js';
+import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
 import { baseButtonStyle } from './button.style.js';
-import { o } from '../../style-map-Cgr6kXUm.js';
-import '../../global-CvNEUQeA.js';
+import { o } from '../../style-map-DC_vNus2.js';
+import '../../global-CFlb4NrK.js';
 import '../../index-B9iart53.js';
 import '../../directive-DZCF8pFJ.js';
 
@@ -186,7 +187,10 @@ PlusButton.styles = [
       :host {
         display: inline-block;
         height: fit-content;
-        width: fit-content;
+      }
+      :host([full-width]) {
+        display: block;
+        width: 100%;
       }
       .plus-button {
         border-top-left-radius: var(--border-top-left-radius, 0.375rem);
@@ -209,21 +213,21 @@ __decorate([
     n({
         type: Boolean,
         reflect: true,
-        converter: (value) => (value == 'false' || false ? false : true),
+        converter: booleanConverter,
     })
 ], PlusButton.prototype, "disabled", void 0);
 __decorate([
     n({
         type: Boolean,
         reflect: true,
-        converter: (value) => (value == 'false' || false ? false : true),
+        converter: booleanConverter,
     })
 ], PlusButton.prototype, "loading", void 0);
 __decorate([
     n({
         type: Boolean,
         reflect: true,
-        converter: (value) => (value == 'false' || false ? false : true),
+        converter: booleanConverter,
         attribute: 'full-width',
     })
 ], PlusButton.prototype, "fullWidth", void 0);

package/cdn/components/button/index.js

@@ -1,11 +1,12 @@
 import PlusButton from './button.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
-import '../../global-CvNEUQeA.js';
+import '../../global-CFlb4NrK.js';
 import './button.style.js';
 import '../../index-B9iart53.js';
-import '../../style-map-Cgr6kXUm.js';
+import '../../style-map-DC_vNus2.js';
 import '../../directive-DZCF8pFJ.js';
 
 customElements.define('plus-button', PlusButton);