@plusui/library 0.1.7 → 0.1.9

package/dist/components/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":"AAGA,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAsC7C,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,QAAQ;IAC9C,OAAgB,MAAM,4BAkBpB;IACF;;;;;;;OAOG;IAEH,IAAI,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAY;IAE3D;;;;;;;;;OASG;IAEH,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAC7D;IAEZ;;;;;;OAMG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC;;;OAGG;IAMH,QAAQ,UAAS;IAEjB;;;OAGG;IAMH,OAAO,UAAS;IAQhB,SAAS,UAAS;IAElB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,UAAU;IAIT,MAAM;CA8FhB;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":"AAGA,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAsD7C,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,QAAQ;IAC9C,OAAgB,MAAM,4BAkBpB;IACF;;;;;;;OAOG;IAEH,IAAI,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAY;IAE3D;;;;;;;;;OASG;IAEH,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAC7D;IAEZ;;;;;;OAMG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC;;;OAGG;IAMH,QAAQ,UAAS;IAEjB;;;OAGG;IAMH,OAAO,UAAS;IAQhB,SAAS,UAAS;IAElB;;;OAGG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IAEH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IAEH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;OAIG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE/C,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,UAAU;IAIT,MAAM;CAgIhB;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/button/button.js

@@ -1,9 +1,9 @@
-import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
-import { i, x } from '../../lit-element-ByzbtpGk.js';
+import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
+import { a as i, x, E } from '../../lit-element-BNK__jO-.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-DC_vNus2.js';
+import { o } from '../../style-map-Cgr6kXUm.js';
 import '../../styles/global.js';
 import '../../style-inject.es-tgCJW-Cu.js';
 import '../../index-B9iart53.js';
@@ -11,7 +11,7 @@ import '../../directive-DZCF8pFJ.js';
 
 /**
  * @tag plus-button
- * @summary Button component that provides a clickable element with various styles and states.
+ * @summary Polymorphic button component that can render as either a button or anchor link.
  *
  * @slot - The default slot for button content
  * @slot prefix - Content to be placed before the button content
@@ -28,9 +28,25 @@ import '../../directive-DZCF8pFJ.js';
  *
  * @example
  * ```html
+ * <!-- As a button -->
  * <plus-button kind="filled" status="primary" size="md">
  *   Click me
  * </plus-button>
+ *
+ * <!-- As a link -->
+ * <plus-button href="/dashboard" kind="filled" status="primary">
+ *   Go to Dashboard
+ * </plus-button>
+ *
+ * <!-- External link -->
+ * <plus-button href="https://github.com" external kind="outlined">
+ *   GitHub
+ * </plus-button>
+ *
+ * <!-- Submit button in a form -->
+ * <plus-button type="submit" kind="filled" status="primary">
+ *   Submit Form
+ * </plus-button>
  * ```
  */
 const textColorMap = {
@@ -84,8 +100,24 @@ class PlusButton extends Tailwind {
          */
         this.loading = false;
         this.fullWidth = false;
+        /**
+         * When true, link opens in new tab with secure attributes
+         * Automatically sets target="_blank" and rel="noopener noreferrer"
+         * @default false
+         */
+        this.external = false;
+        /**
+         * Specifies the button type for form interactions
+         * Only applies when rendering as a button (no href)
+         * @default 'button'
+         */
+        this.type = 'button';
     }
-    handleClick() {
+    handleClick(e) {
+        if (this.disabled || this.loading) {
+            e.preventDefault();
+            return;
+        }
         this.emit('plus-click');
     }
     handleFocus() {
@@ -114,7 +146,7 @@ class PlusButton extends Tailwind {
             '--i-text-color': `var(--plus-color-text-${textColorMap[_statusColor]})`,
             '--i-border-color': 'transparent',
         };
-        const styles = {
+        const stylesMap = {
             filled: filledStyles,
             outlined: commonStyles,
             dashed: commonStyles,
@@ -155,29 +187,58 @@ class PlusButton extends Tailwind {
         />
       </svg>
     </div>`;
+        // Link props for anchor element
+        const target = this.external ? '_blank' : this.target;
+        const rel = this.external ? 'noopener noreferrer' : this.rel;
+        const isLink = this.href !== undefined;
+        const isDisabled = this.disabled || this.loading;
+        const finalStyles = { ...dynamicStyles, ...stylesMap[this.kind] };
+        const content = x `
+      <slot name="prefix"></slot>
+      <slot></slot>
+      <slot name="suffix"></slot>
+      ${this.loading ? LoadingTemplate : ''}
+    `;
+        if (isLink) {
+            return x `
+        <a
+          class=${base()}
+          part="button"
+          href=${this.href}
+          target=${target || E}
+          rel=${rel || E}
+          download=${this.download || E}
+          aria-disabled=${isDisabled ? 'true' : E}
+          tabindex=${isDisabled ? '-1' : E}
+          style=${o(finalStyles)}
+          @click=${this.handleClick}
+          @focus=${this.handleFocus}
+          @blur=${this.handleBlur}
+        >
+          ${content}
+        </a>
+      `;
+        }
         return x `
       <button
         class=${base()}
         part="button"
-        ?disabled=${this.disabled || this.loading}
-        style=${o({ ...dynamicStyles, ...styles[this.kind] })}
+        type=${this.type}
+        ?disabled=${isDisabled}
+        style=${o(finalStyles)}
         @click=${this.handleClick}
         @focus=${this.handleFocus}
         @blur=${this.handleBlur}
-        aria-label="Button"
-        role="button"
-        tabindex="0"
         @keydown=${(e) => {
             if (e.key === 'Enter' || e.key === ' ') {
-                this.handleClick();
+                if (!isDisabled) {
+                    this.handleClick(e);
+                }
                 e.preventDefault();
             }
         }}
       >
-        <slot name="prefix"></slot>
-        <slot></slot>
-        <slot name="suffix"></slot>
-        ${this.loading ? LoadingTemplate : ''}
+        ${content}
       </button>
     `;
     }
@@ -232,5 +293,23 @@ __decorate([
         attribute: 'full-width',
     })
 ], PlusButton.prototype, "fullWidth", void 0);
+__decorate([
+    n({ type: String })
+], PlusButton.prototype, "href", void 0);
+__decorate([
+    n({ type: String })
+], PlusButton.prototype, "target", void 0);
+__decorate([
+    n({ type: String })
+], PlusButton.prototype, "rel", void 0);
+__decorate([
+    n({ type: String })
+], PlusButton.prototype, "download", void 0);
+__decorate([
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
+], PlusButton.prototype, "external", void 0);
+__decorate([
+    n({ type: String })
+], PlusButton.prototype, "type", void 0);
 
 export { PlusButton, PlusButton as default };

package/dist/components/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":"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"}

package/dist/components/button/index.js

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

package/dist/components/button-group/button-group.d.ts

@@ -96,7 +96,7 @@ export default class PlusButtonGroup extends Tailwind {
     private handleSlotChange;
     updated(changedProperties: Map<string, unknown>): void;
     connectedCallback(): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }
 export { PlusButtonGroup };
 //# sourceMappingURL=button-group.d.ts.map

package/dist/components/button-group/button-group.js

@@ -1,6 +1,6 @@
-import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
-import { i, x } from '../../lit-element-ByzbtpGk.js';
-import { r } from '../../state-D1d5Sfj8.js';
+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 { booleanConverter } from '../../utils/boolean-converter.js';
 import { buttonGroupStyle } from './button-group.style.js';
 import Tailwind from '../base/tailwind-base.js';

package/dist/components/button-group/index.js

@@ -1,7 +1,7 @@
 import PlusButtonGroup from './button-group.js';
-import '../../property-DiPQx9S3.js';
-import '../../lit-element-ByzbtpGk.js';
-import '../../state-D1d5Sfj8.js';
+import '../../property-Dz31PgR6.js';
+import '../../lit-element-BNK__jO-.js';
+import '../../state-BRspp5eU.js';
 import '../../utils/boolean-converter.js';
 import './button-group.style.js';
 import '../../index-B9iart53.js';

package/dist/components/checkbox/checkbox.d.ts

@@ -68,6 +68,6 @@ export declare class PlusCheckbox extends Tailwind {
     focus(options?: FocusOptions): void;
     /** Blurs the checkbox */
     blur(): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }
 //# sourceMappingURL=checkbox.d.ts.map

package/dist/components/checkbox/checkbox.js

@@ -1,8 +1,8 @@
-import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
-import { r } from '../../state-D1d5Sfj8.js';
+import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
+import { r } from '../../state-BRspp5eU.js';
 import { e } from '../../query-CHb9Ft_d.js';
-import { x } from '../../lit-element-ByzbtpGk.js';
-import { l } from '../../live-BOAtKRUN.js';
+import { x } from '../../lit-element-BNK__jO-.js';
+import { l } from '../../live-C1eBrEBV.js';
 import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
 import { checkboxStyle } from './checkbox.style.js';

package/dist/components/checkbox/index.js

@@ -1,10 +1,10 @@
 import { PlusCheckbox } from './checkbox.js';
-import '../../property-DiPQx9S3.js';
-import '../../lit-element-ByzbtpGk.js';
-import '../../state-D1d5Sfj8.js';
+import '../../property-Dz31PgR6.js';
+import '../../lit-element-BNK__jO-.js';
+import '../../state-BRspp5eU.js';
 import '../../query-CHb9Ft_d.js';
 import '../../base-Cl6v8-BZ.js';
-import '../../live-BOAtKRUN.js';
+import '../../live-C1eBrEBV.js';
 import '../../directive-DZCF8pFJ.js';
 import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';

package/dist/components/checkbox-group/checkbox-group.d.ts

@@ -24,6 +24,6 @@ export declare class PlusCheckboxGroup extends Tailwind {
     private handleSlotChange;
     private updateCheckboxes;
     private handleCheckboxChange;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }
 //# sourceMappingURL=checkbox-group.d.ts.map

package/dist/components/checkbox-group/checkbox-group.js

@@ -1,6 +1,6 @@
-import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
 import { o } from '../../query-assigned-elements-B8Evmg7O.js';
-import { x } from '../../lit-element-ByzbtpGk.js';
+import { x } from '../../lit-element-BNK__jO-.js';
 import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
 import { checkboxGroupStyle } from './checkbox-group.style.js';

package/dist/components/checkbox-group/index.js

@@ -1,6 +1,6 @@
 import { PlusCheckboxGroup } from './checkbox-group.js';
-import '../../property-DiPQx9S3.js';
-import '../../lit-element-ByzbtpGk.js';
+import '../../property-Dz31PgR6.js';
+import '../../lit-element-BNK__jO-.js';
 import '../../query-assigned-elements-B8Evmg7O.js';
 import '../../base-Cl6v8-BZ.js';
 import '../../utils/boolean-converter.js';

package/dist/components/chip/chip.d.ts

@@ -79,7 +79,7 @@ export default class PlusChip extends Tailwind {
      * @private
      */
     private onDismiss;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }
 export { PlusChip };
 //# sourceMappingURL=chip.d.ts.map

package/dist/components/chip/chip.js

@@ -1,9 +1,9 @@
-import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
-import { E, x } from '../../lit-element-ByzbtpGk.js';
+import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
+import { E, x } from '../../lit-element-BNK__jO-.js';
 import Tailwind from '../base/tailwind-base.js';
 import { booleanConverter } from '../../utils/boolean-converter.js';
 import { chipStyle } from './chip.style.js';
-import { o } from '../../style-map-DC_vNus2.js';
+import { o } from '../../style-map-Cgr6kXUm.js';
 import '../../styles/global.js';
 import '../../style-inject.es-tgCJW-Cu.js';
 import '../../index-B9iart53.js';

package/dist/components/chip/index.js

@@ -1,13 +1,13 @@
 import PlusChip from './chip.js';
-import '../../property-DiPQx9S3.js';
-import '../../lit-element-ByzbtpGk.js';
+import '../../property-Dz31PgR6.js';
+import '../../lit-element-BNK__jO-.js';
 import '../base/tailwind-base.js';
 import '../../styles/global.js';
 import '../../style-inject.es-tgCJW-Cu.js';
 import '../../utils/boolean-converter.js';
 import './chip.style.js';
 import '../../index-B9iart53.js';
-import '../../style-map-DC_vNus2.js';
+import '../../style-map-Cgr6kXUm.js';
 import '../../directive-DZCF8pFJ.js';
 
 customElements.define('plus-chip', PlusChip);

package/dist/components/divider/divider.d.ts

@@ -43,7 +43,7 @@ export default class PlusDivider extends Tailwind {
     hasContent: boolean;
     static styles: import("lit").CSSResult[];
     handleSlotChange(event: Event): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }
 export { PlusDivider };
 //# sourceMappingURL=divider.d.ts.map

package/dist/components/divider/divider.js

@@ -1,6 +1,6 @@
-import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
-import { x } from '../../lit-element-ByzbtpGk.js';
-import { r } from '../../state-D1d5Sfj8.js';
+import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
+import { x } from '../../lit-element-BNK__jO-.js';
+import { r } from '../../state-BRspp5eU.js';
 import { dividerStyle, baseDividerStyle } from './divider.style.js';
 import Tailwind from '../base/tailwind-base.js';
 import '../../index-B9iart53.js';

package/dist/components/divider/divider.style.js

@@ -1,4 +1,4 @@
-import { i } from '../../lit-element-ByzbtpGk.js';
+import { a as i } from '../../lit-element-BNK__jO-.js';
 import { c as ce } from '../../index-B9iart53.js';
 
 const baseDividerStyle = ce({

package/dist/components/divider/index.js

@@ -1,7 +1,7 @@
 import PlusDivider from './divider.js';
-import '../../property-DiPQx9S3.js';
-import '../../lit-element-ByzbtpGk.js';
-import '../../state-D1d5Sfj8.js';
+import '../../property-Dz31PgR6.js';
+import '../../lit-element-BNK__jO-.js';
+import '../../state-BRspp5eU.js';
 import './divider.style.js';
 import '../../index-B9iart53.js';
 import '../base/tailwind-base.js';

package/dist/components/drawer/drawer.d.ts

@@ -73,7 +73,7 @@ export default class PlusDrawer extends Tailwind {
     private handleBeforeShow;
     disconnectedCallback(): void;
     private handleKeydown;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }
 export { PlusDrawer };
 //# sourceMappingURL=drawer.d.ts.map

package/dist/components/drawer/drawer.js

@@ -1,6 +1,6 @@
-import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
-import { x } from '../../lit-element-ByzbtpGk.js';
-import { r } from '../../state-D1d5Sfj8.js';
+import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
+import { x } from '../../lit-element-BNK__jO-.js';
+import { r } from '../../state-BRspp5eU.js';
 import { booleanConverter } from '../../utils/boolean-converter.js';
 import { drawerStyle } from './drawer.style.js';
 import Tailwind from '../base/tailwind-base.js';

package/dist/components/drawer/index.js

@@ -1,7 +1,7 @@
 import PlusDrawer from './drawer.js';
-import '../../property-DiPQx9S3.js';
-import '../../lit-element-ByzbtpGk.js';
-import '../../state-D1d5Sfj8.js';
+import '../../property-Dz31PgR6.js';
+import '../../lit-element-BNK__jO-.js';
+import '../../state-BRspp5eU.js';
 import '../../utils/boolean-converter.js';
 import './drawer.style.js';
 import '../../index-B9iart53.js';

package/dist/components/dropdown/dropdown.d.ts

@@ -141,7 +141,7 @@ export default class PlusDropdown extends Tailwind {
      * Renders the dropdown component
      * @returns The rendered template
      */
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }
 export { PlusDropdown };
 //# sourceMappingURL=dropdown.d.ts.map

package/dist/components/dropdown/dropdown.js

@@ -1,10 +1,10 @@
-import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
-import { r } from '../../state-D1d5Sfj8.js';
+import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
+import { r } from '../../state-BRspp5eU.js';
 import { o } from '../../query-assigned-elements-B8Evmg7O.js';
 import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
-import { 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 { 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 { dropdownStyle } from './dropdown.style.js';
 import '../../base-Cl6v8-BZ.js';
 import '../../styles/global.js';

package/dist/components/dropdown/index.js

@@ -1,14 +1,14 @@
 import PlusDropdown from './dropdown.js';
-import '../../property-DiPQx9S3.js';
-import '../../lit-element-ByzbtpGk.js';
-import '../../state-D1d5Sfj8.js';
+import '../../property-Dz31PgR6.js';
+import '../../lit-element-BNK__jO-.js';
+import '../../state-BRspp5eU.js';
 import '../../query-assigned-elements-B8Evmg7O.js';
 import '../../base-Cl6v8-BZ.js';
 import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
 import '../../styles/global.js';
 import '../../style-inject.es-tgCJW-Cu.js';
-import '../../floating-ui.dom-OBaMlALa.js';
+import '../../floating-ui.dom-BpzIshEG.js';
 import './dropdown.style.js';
 import '../../index-B9iart53.js';
 

package/dist/components/dropdown-item/dropdown-item.d.ts

@@ -57,7 +57,7 @@ export default class PlusDropDownItem extends Tailwind {
      * with proper ARIA attributes for accessibility
      * @returns The rendered template
      */
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }
 export { PlusDropDownItem };
 //# sourceMappingURL=dropdown-item.d.ts.map

package/dist/components/dropdown-item/dropdown-item.js

@@ -1,9 +1,9 @@
-import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
 import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
-import { x } from '../../lit-element-ByzbtpGk.js';
-import { o } from '../../if-defined-D-m3dgRf.js';
-import { l } from '../../live-BOAtKRUN.js';
+import { x } from '../../lit-element-BNK__jO-.js';
+import { o } from '../../if-defined-DpyZ37D-.js';
+import { l } from '../../live-C1eBrEBV.js';
 import '../../styles/global.js';
 import '../../style-inject.es-tgCJW-Cu.js';
 import '../../directive-DZCF8pFJ.js';

package/dist/components/dropdown-item/index.js

@@ -1,12 +1,12 @@
 import PlusDropDownItem from './dropdown-item.js';
-import '../../property-DiPQx9S3.js';
-import '../../lit-element-ByzbtpGk.js';
+import '../../property-Dz31PgR6.js';
+import '../../lit-element-BNK__jO-.js';
 import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
 import '../../styles/global.js';
 import '../../style-inject.es-tgCJW-Cu.js';
-import '../../if-defined-D-m3dgRf.js';
-import '../../live-BOAtKRUN.js';
+import '../../if-defined-DpyZ37D-.js';
+import '../../live-C1eBrEBV.js';
 import '../../directive-DZCF8pFJ.js';
 
 customElements.define('plus-dropdown-item', PlusDropDownItem);

package/dist/components/icon/icon.d.ts

@@ -54,7 +54,7 @@ export default class PlusIcon extends LitElement {
     private hasError;
     protected updated(changedProperties: Map<string, unknown>): void;
     private loadIcon;
-    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }
 export { PlusIcon };
 //# sourceMappingURL=icon.d.ts.map

package/dist/components/icon/icon.js

@@ -1,6 +1,6 @@
-import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
-import { E, T, i as i$1, r as r$1, x } from '../../lit-element-ByzbtpGk.js';
-import { r } from '../../state-D1d5Sfj8.js';
+import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
+import { E, T, a as i$1, i as i$2, x } from '../../lit-element-BNK__jO-.js';
+import { r } from '../../state-BRspp5eU.js';
 import { i, t, e as e$1 } from '../../directive-DZCF8pFJ.js';
 import { getIcon } from './icon-registry.js';
 import './solid-icons.js';
@@ -42,7 +42,7 @@ import './light-icons.js';
  * <plus-icon icon-name="home" style="--icon-size: 32px;"></plus-icon>
  * ```
  */
-class PlusIcon extends r$1 {
+class PlusIcon extends i$2 {
     constructor() {
         super(...arguments);
         /**

package/dist/components/icon/index.js

@@ -1,8 +1,8 @@
 import PlusIcon from './icon.js';
 export { getAvailableIcons, getCachedIcon, getIcon, hasIcon, registerIcon } from './icon-registry.js';
-import '../../property-DiPQx9S3.js';
-import '../../lit-element-ByzbtpGk.js';
-import '../../state-D1d5Sfj8.js';
+import '../../property-Dz31PgR6.js';
+import '../../lit-element-BNK__jO-.js';
+import '../../state-BRspp5eU.js';
 import '../../directive-DZCF8pFJ.js';
 import './solid-icons.js';
 import './regular-icons.js';

package/dist/components/index.js

@@ -75,17 +75,17 @@ export { PlusToggle } from './toggle/toggle.js';
 export { default as PlusTab } from './tab/tab.js';
 export { default as PlusTabPanel } from './tab-panel/tab-panel.js';
 export { default as PlusTabGroup } from './tab-group/tab-group.js';
-import '../lit-element-ByzbtpGk.js';
+import '../lit-element-BNK__jO-.js';
 import '../styles/global.js';
 import '../style-inject.es-tgCJW-Cu.js';
 import './avatar/avatar.js';
-import '../property-DiPQx9S3.js';
-import '../state-D1d5Sfj8.js';
+import '../property-Dz31PgR6.js';
+import '../state-BRspp5eU.js';
 import '../utils/boolean-converter.js';
 import '../model/plus.js';
 import './avatar/avatar.style.js';
 import '../index-B9iart53.js';
-import '../style-map-DC_vNus2.js';
+import '../style-map-Cgr6kXUm.js';
 import '../directive-DZCF8pFJ.js';
 import './chip/chip.js';
 import './chip/chip.style.js';
@@ -114,12 +114,12 @@ import './modal/modal.style.js';
 import './drawer/drawer.style.js';
 import './accordion/accordion.style.js';
 import './divider/divider.style.js';
-import '../floating-ui.dom-OBaMlALa.js';
+import '../floating-ui.dom-BpzIshEG.js';
 import './popover/popover.style.js';
 import './list-box-item/list-box-item.style.js';
 import './dropdown/dropdown.style.js';
-import '../if-defined-D-m3dgRf.js';
-import '../live-BOAtKRUN.js';
+import '../if-defined-DpyZ37D-.js';
+import '../live-C1eBrEBV.js';
 import './tooltip/tooltip.style.js';
 import './input/input.style.js';
 import './label/label.style.js';