@plusui/library 0.1.3 → 0.1.4

package/cdn/components/select/select.js

@@ -1,12 +1,13 @@
-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 { o } from '../../query-assigned-elements-B8Evmg7O.js';
 import Tailwind from '../base/tailwind-base.js';
-import { a as i, x } from '../../lit-element-BNK__jO-.js';
-import { c as computePosition, o as offset, s as shift, f as flip, b as autoUpdate } from '../../floating-ui.dom-BpzIshEG.js';
+import { i, x } from '../../lit-element-ByzbtpGk.js';
+import { c as computePosition, o as offset, s as shift, f as flip, b as autoUpdate } from '../../floating-ui.dom-OBaMlALa.js';
 import { selectStyle } from './select.style.js';
+import { booleanConverter } from '../../utils/boolean-converter.js';
 import '../../base-Cl6v8-BZ.js';
-import '../../global-CvNEUQeA.js';
+import '../../global-CFlb4NrK.js';
 import '../../index-B9iart53.js';
 
 /**
@@ -68,6 +69,11 @@ class PlusSelect extends Tailwind {
          * @default false
          */
         this.clearable = false;
+        /**
+         * Makes the select full width.
+         * @default false
+         */
+        this.fullWidth = false;
         /**
          * Tracks the visibility state of the select menu.
          * @private
@@ -314,10 +320,14 @@ class PlusSelect extends Tailwind {
         role="combobox"
         part="select"
         suffix-icon=${this.isVisible ? 'chevron-up' : 'chevron-down'}
+        ?full-width=${this.fullWidth}
       ></plus-input>
       <div
         id=${this.selectId}
-        class=${selectStyle({ isOpen: this.isVisible })}
+        class=${selectStyle({
+            isOpen: this.isVisible,
+            fullWidth: this.fullWidth,
+        })}
         role="listbox"
         aria-label="Select options"
         ?hidden=${!this.isVisible}
@@ -335,15 +345,13 @@ PlusSelect.styles = [
     ...Tailwind.styles,
     i `
       :host {
-        display: block;
-        min-width: 256px;
-        width: fit-content;
-        height: fit-content;
+        display: inline-block;
+        width: 100%;
+        max-width: 256px;
+        position: relative;
       }
       :host([full-width]) {
-        width: 100%;
-        max-width: unset;
-        min-width: unset;
+        max-width: 100%;
       }
     `,
 ];
@@ -360,23 +368,31 @@ __decorate([
     n({ type: String })
 ], PlusSelect.prototype, "label", void 0);
 __decorate([
-    n({ type: Boolean })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusSelect.prototype, "error", void 0);
 __decorate([
-    n({ type: Boolean })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusSelect.prototype, "disabled", void 0);
 __decorate([
-    n({ type: Boolean })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusSelect.prototype, "required", void 0);
 __decorate([
-    n({ type: Boolean })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusSelect.prototype, "readonly", void 0);
 __decorate([
     n({ type: String })
 ], PlusSelect.prototype, "caption", void 0);
 __decorate([
-    n({ type: Boolean })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusSelect.prototype, "clearable", void 0);
+__decorate([
+    n({
+        type: Boolean,
+        reflect: true,
+        converter: booleanConverter,
+        attribute: 'full-width',
+    })
+], PlusSelect.prototype, "fullWidth", void 0);
 __decorate([
     r()
 ], PlusSelect.prototype, "isVisible", void 0);

package/cdn/components/select/select.style.js

@@ -2,13 +2,17 @@ import { c as ce } from '../../index-B9iart53.js';
 
 const selectStyle = ce({
     base: [
-        'select-box antialiased flex flex-col max-w-80 max-h-80 absolute z-10 w-auto  shadow-lg overflow-y-auto',
+        'select-box antialiased flex flex-col max-h-80 absolute z-50 w-auto  shadow-lg overflow-y-auto bg-color-surface',
     ],
     variants: {
         isOpen: {
             true: '',
             false: 'hidden',
         },
+        fullWidth: {
+            true: 'w-full max-w-full',
+            false: 'max-w-80',
+        },
     },
 });
 

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

@@ -1,11 +1,12 @@
 import PlusSelectItem from './select-item.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
 import '../base/tailwind-base.js';
-import '../../global-CvNEUQeA.js';
-import '../../if-defined-DpyZ37D-.js';
-import '../../live-C1eBrEBV.js';
+import '../../global-CFlb4NrK.js';
+import '../../if-defined-D-m3dgRf.js';
+import '../../live-BOAtKRUN.js';
 import '../../directive-DZCF8pFJ.js';
+import '../../utils/boolean-converter.js';
 
 customElements.define('plus-select-item', PlusSelectItem);
 

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

@@ -1,9 +1,10 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
 import Tailwind from '../base/tailwind-base.js';
-import { x } from '../../lit-element-BNK__jO-.js';
-import { o } from '../../if-defined-DpyZ37D-.js';
-import { l } from '../../live-C1eBrEBV.js';
-import '../../global-CvNEUQeA.js';
+import { x } from '../../lit-element-ByzbtpGk.js';
+import { o } from '../../if-defined-D-m3dgRf.js';
+import { l } from '../../live-BOAtKRUN.js';
+import { booleanConverter } from '../../utils/boolean-converter.js';
+import '../../global-CFlb4NrK.js';
 import '../../directive-DZCF8pFJ.js';
 
 /**
@@ -80,10 +81,10 @@ __decorate([
     n({ type: String })
 ], PlusSelectItem.prototype, "size", void 0);
 __decorate([
-    n({ type: Boolean })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusSelectItem.prototype, "disabled", void 0);
 __decorate([
-    n({ type: Boolean })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusSelectItem.prototype, "selected", void 0);
 __decorate([
     n({ attribute: 'text' })

package/cdn/components/service/index.js

@@ -1,17 +1,14 @@
 export { PlusService } from './service.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
 import '../toast-container/toast-container.js';
-import '../../state-BRspp5eU.js';
+import '../../state-D1d5Sfj8.js';
 import '../toast-container/toast-container.style.js';
 import '../../index-B9iart53.js';
 import '../../services/toast.service.js';
 import '../base/tailwind-base.js';
-import '../../global-CvNEUQeA.js';
+import '../../global-CFlb4NrK.js';
 import '../toast/toast.js';
 import '../toast/toast.style.js';
 import '../../controllers/slot-controller.js';
-import '../svg-icon/svg-icon.js';
-import '../../unsafe-html-BXTWMFA8.js';
-import '../../directive-DZCF8pFJ.js';
-import '../svg-icon/icons.js';
+import '../../utils/boolean-converter.js';

package/cdn/components/service/service.js

@@ -1,19 +1,16 @@
-import { _ as __decorate } from '../../property-Dz31PgR6.js';
-import { i, x } from '../../lit-element-BNK__jO-.js';
+import { _ as __decorate } from '../../property-DiPQx9S3.js';
+import { r, x } from '../../lit-element-ByzbtpGk.js';
 import '../toast-container/toast-container.js';
-import '../../state-BRspp5eU.js';
+import '../../state-D1d5Sfj8.js';
 import '../toast-container/toast-container.style.js';
 import '../../index-B9iart53.js';
 import '../../services/toast.service.js';
 import '../base/tailwind-base.js';
-import '../../global-CvNEUQeA.js';
+import '../../global-CFlb4NrK.js';
 import '../toast/toast.js';
 import '../toast/toast.style.js';
 import '../../controllers/slot-controller.js';
-import '../svg-icon/svg-icon.js';
-import '../../unsafe-html-BXTWMFA8.js';
-import '../../directive-DZCF8pFJ.js';
-import '../svg-icon/icons.js';
+import '../../utils/boolean-converter.js';
 
 /**
  * @license
@@ -29,7 +26,7 @@ const t=t=>(e,o)=>{ void 0!==o?o.addInitializer((()=>{customElements.define(t,e)
  * Place this component once at the root of your application.
  * @dependency plus-toast-container
  */
-let PlusService = class PlusService extends i {
+let PlusService = class PlusService extends r {
     // This component doesn't need its own shadow DOM or complex styles
     createRenderRoot() {
         return this;

package/cdn/components/tab/index.js

@@ -1,11 +1,12 @@
 import PlusTab from './tab.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 './styles.js';
 import '../../index-B9iart53.js';
-import '../../style-map-Cgr6kXUm.js';
+import '../../style-map-DC_vNus2.js';
 import '../../directive-DZCF8pFJ.js';
 
 // Make sure to set custom elements for auto-registration

package/cdn/components/tab/tab.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 { tabStyle } from './styles.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';
 
@@ -116,13 +117,13 @@ class PlusTab extends Tailwind {
       >
         ${prefixIcon
             ? x `<span class="tab-prefix-icon"
-              ><i class="${prefixIcon}"></i
+              ><plus-icon icon-name="${prefixIcon}"></plus-icon
             ></span>`
             : ''}
         <slot></slot>
         ${suffixIcon
             ? x `<span class="tab-suffix-icon"
-              ><i class="${suffixIcon}"></i
+              ><plus-icon icon-name="${suffixIcon}"></plus-icon
             ></span>`
             : ''}
         ${dismissible
@@ -169,7 +170,7 @@ __decorate([
     n({ type: String })
 ], PlusTab.prototype, "value", void 0);
 __decorate([
-    n({ type: Boolean, reflect: true })
+    n({ type: Boolean, reflect: true, converter: booleanConverter })
 ], PlusTab.prototype, "active", void 0);
 __decorate([
     n({ type: String })
@@ -178,7 +179,7 @@ __decorate([
     n({
         type: Boolean,
         reflect: true,
-        converter: (value) => (value === 'false' ? false : Boolean(value)),
+        converter: booleanConverter,
     })
 ], PlusTab.prototype, "disabled", void 0);
 __decorate([
@@ -193,19 +194,22 @@ __decorate([
 __decorate([
     n({
         type: Boolean,
-        converter: (value) => (value === 'false' ? false : Boolean(value)),
+        converter: booleanConverter,
+        reflect: true,
     })
 ], PlusTab.prototype, "dismissible", void 0);
 __decorate([
     n({
         type: Boolean,
-        converter: (value) => (value === 'false' ? false : Boolean(value)),
+        converter: booleanConverter,
+        reflect: true,
     })
 ], PlusTab.prototype, "truncate", void 0);
 __decorate([
     n({
         type: Boolean,
-        converter: (value) => (value === 'false' ? false : Boolean(value)),
+        converter: booleanConverter,
+        reflect: true,
     })
 ], PlusTab.prototype, "animated", void 0);
 

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

@@ -1,11 +1,12 @@
 import PlusTabGroup from './tab-group.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 '../../query-CHb9Ft_d.js';
 import '../../base-Cl6v8-BZ.js';
+import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
-import '../../global-CvNEUQeA.js';
+import '../../global-CFlb4NrK.js';
 import '../tab/styles.js';
 import '../../index-B9iart53.js';
 

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

@@ -1,11 +1,12 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
-import { a as i, 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 { e } from '../../query-CHb9Ft_d.js';
+import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
 import { tabStyle } from '../tab/styles.js';
 import '../../base-Cl6v8-BZ.js';
-import '../../global-CvNEUQeA.js';
+import '../../global-CFlb4NrK.js';
 import '../../index-B9iart53.js';
 
 /**
@@ -60,7 +61,7 @@ class PlusTabGroup extends Tailwind {
          */
         this.disabled = false;
         /**
-         * Enables the dismiss button on all tabs
+         * Allows individual tabs to be dismissed (closed).
          * @default false
          */
         this.dismissible = false;
@@ -308,13 +309,15 @@ __decorate([
 __decorate([
     n({
         type: Boolean,
-        converter: (value) => value != 'false',
+        converter: booleanConverter,
+        reflect: true,
     })
 ], PlusTabGroup.prototype, "disabled", void 0);
 __decorate([
     n({
         type: Boolean,
-        converter: (value) => value != 'false',
+        converter: booleanConverter,
+        reflect: true,
     })
 ], PlusTabGroup.prototype, "dismissible", void 0);
 __decorate([
@@ -324,7 +327,7 @@ __decorate([
     n({
         type: Boolean,
         reflect: true,
-        converter: (value) => value != 'false',
+        converter: booleanConverter,
     })
 ], PlusTabGroup.prototype, "animated", void 0);
 __decorate([

package/cdn/components/tab-panel/index.js

@@ -1,8 +1,9 @@
 import PlusTabPanel from './tab-panel.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 '../tab/styles.js';
 import '../../index-B9iart53.js';
 

package/cdn/components/tab-panel/tab-panel.js

@@ -1,8 +1,9 @@
-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 { tabStyle } from '../tab/styles.js';
-import '../../global-CvNEUQeA.js';
+import '../../global-CFlb4NrK.js';
 import '../../index-B9iart53.js';
 
 /**
@@ -26,12 +27,11 @@ class PlusTabPanel extends Tailwind {
          */
         this.value = '';
         /**
-         * Indicates if the panel is currently visible
-         * @default false
+         * Indicates whether the panel is currently active/visible.
          */
         this.active = false;
         /**
-         * Custom CSS class to apply to the panel
+         * An optional class to apply to the panel container.
          */
         this.panelClass = '';
     }
@@ -63,7 +63,7 @@ __decorate([
     n({ type: String })
 ], PlusTabPanel.prototype, "value", void 0);
 __decorate([
-    n({ type: Boolean, reflect: true })
+    n({ type: Boolean, reflect: true, converter: booleanConverter })
 ], PlusTabPanel.prototype, "active", void 0);
 __decorate([
     n({ type: String })

package/cdn/components/tag/index.js

@@ -1,11 +1,12 @@
 import PlusTag from './tag.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 './tag.style.js';
 import '../../index-B9iart53.js';
-import '../../style-map-Cgr6kXUm.js';
+import '../../style-map-DC_vNus2.js';
 import '../../directive-DZCF8pFJ.js';
 
 customElements.define('plus-tag', PlusTag);

package/cdn/components/tag/tag.js

@@ -1,9 +1,10 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
-import { a as i, x } from '../../lit-element-BNK__jO-.js';
+import { i, x } from '../../lit-element-ByzbtpGk.js';
 import { tagStyle } from './tag.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';
 
@@ -106,10 +107,7 @@ class PlusTag extends Tailwind {
          * @default 'md'
          */
         this.size = 'md';
-        /**
-         * Toggles between light/dark color themes
-         * @default false
-         */
+        /** Inverts the color scheme of the tag. */
         this.invert = false;
         /**
          * Sets the border radius style
@@ -179,7 +177,7 @@ __decorate([
     n({ type: String })
 ], PlusTag.prototype, "size", void 0);
 __decorate([
-    n({ type: Boolean, converter: (value) => value != 'false' })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusTag.prototype, "invert", void 0);
 __decorate([
     n({ type: String })

package/cdn/components/text/index.js

@@ -1,8 +1,8 @@
 import { PlusText } from './text.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
 import '../base/tailwind-base.js';
-import '../../global-CvNEUQeA.js';
+import '../../global-CFlb4NrK.js';
 import './text.style.js';
 import '../../index-B9iart53.js';
 

package/cdn/components/text/text.js

@@ -1,8 +1,8 @@
-import { _ as __decorate, n as n$1 } from '../../property-Dz31PgR6.js';
-import { x } from '../../lit-element-BNK__jO-.js';
+import { _ as __decorate, n as n$1 } from '../../property-DiPQx9S3.js';
+import { x } from '../../lit-element-ByzbtpGk.js';
 import Tailwind from '../base/tailwind-base.js';
 import { textStyle } from './text.style.js';
-import '../../global-CvNEUQeA.js';
+import '../../global-CFlb4NrK.js';
 import '../../index-B9iart53.js';
 
 /**

package/cdn/components/textarea/index.js

@@ -1,13 +1,14 @@
 import { PlusTextarea } from './textarea.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 '../../query-CHb9Ft_d.js';
 import '../../base-Cl6v8-BZ.js';
+import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
-import '../../global-CvNEUQeA.js';
-import '../../if-defined-DpyZ37D-.js';
-import '../../live-C1eBrEBV.js';
+import '../../global-CFlb4NrK.js';
+import '../../if-defined-D-m3dgRf.js';
+import '../../live-BOAtKRUN.js';
 import '../../directive-DZCF8pFJ.js';
 import './textarea.style.js';
 import '../../index-B9iart53.js';

package/cdn/components/textarea/textarea.js

@@ -1,15 +1,16 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
-import { a as i, E, x } from '../../lit-element-BNK__jO-.js';
-import { r } from '../../state-BRspp5eU.js';
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { i, E, x } from '../../lit-element-ByzbtpGk.js';
+import { r } from '../../state-D1d5Sfj8.js';
 import { e } from '../../query-CHb9Ft_d.js';
+import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
-import { o } from '../../if-defined-DpyZ37D-.js';
-import { l } from '../../live-C1eBrEBV.js';
+import { o } from '../../if-defined-D-m3dgRf.js';
+import { l } from '../../live-BOAtKRUN.js';
 import { textareaStyle } from './textarea.style.js';
 import { labelStyle } from '../label/label.style.js';
 import { captionStyle } from '../caption/caption.style.js';
 import '../../base-Cl6v8-BZ.js';
-import '../../global-CvNEUQeA.js';
+import '../../global-CFlb4NrK.js';
 import '../../directive-DZCF8pFJ.js';
 import '../../index-B9iart53.js';
 
@@ -236,13 +237,13 @@ __decorate([
     n({ reflect: true })
 ], PlusTextarea.prototype, "size", void 0);
 __decorate([
-    n({ type: Boolean, converter: (value) => value != 'false' })
+    n({ type: Boolean, converter: booleanConverter })
 ], PlusTextarea.prototype, "disabled", void 0);
 __decorate([
-    n({ type: Boolean, converter: (value) => value != 'false' })
+    n({ type: Boolean, converter: booleanConverter })
 ], PlusTextarea.prototype, "readonly", void 0);
 __decorate([
-    n({ type: Boolean, converter: (value) => value != 'false' })
+    n({ type: Boolean, converter: booleanConverter })
 ], PlusTextarea.prototype, "required", void 0);
 __decorate([
     n({ type: String })
@@ -254,19 +255,24 @@ __decorate([
     n({ type: Number })
 ], PlusTextarea.prototype, "maxlength", void 0);
 __decorate([
-    n({ type: Boolean })
+    n({ type: Boolean, converter: booleanConverter })
 ], PlusTextarea.prototype, "autoFocus", void 0);
 __decorate([
     n({ type: String })
 ], PlusTextarea.prototype, "caption", void 0);
 __decorate([
-    n({ type: Boolean, converter: (value) => value != 'false' })
+    n({ type: Boolean, converter: booleanConverter })
 ], PlusTextarea.prototype, "error", void 0);
 __decorate([
     n({ type: String, attribute: 'error-message' })
 ], PlusTextarea.prototype, "errorMessage", void 0);
 __decorate([
-    n({ reflect: true, attribute: 'full-width', type: Boolean })
+    n({
+        reflect: true,
+        attribute: 'full-width',
+        type: Boolean,
+        converter: booleanConverter,
+    })
 ], PlusTextarea.prototype, "fullWidth", void 0);
 __decorate([
     n({ type: Number })

package/cdn/components/toast/index.js

@@ -1,15 +1,12 @@
 import { PlusToast } from './toast.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
 import './toast.style.js';
 import '../../index-B9iart53.js';
 import '../base/tailwind-base.js';
-import '../../global-CvNEUQeA.js';
+import '../../global-CFlb4NrK.js';
 import '../../controllers/slot-controller.js';
-import '../svg-icon/svg-icon.js';
-import '../../unsafe-html-BXTWMFA8.js';
-import '../../directive-DZCF8pFJ.js';
-import '../svg-icon/icons.js';
+import '../../utils/boolean-converter.js';
 
 customElements.define('plus-toast', PlusToast);