solid-ui 3.1.3-1 → 3.1.3-11

package/dist/styles.css

@@ -1 +0,0 @@
-:root{--solid-ui-color-primary:#7c4dff;--solid-ui-color-tertiary:#083575;--solid-ui-color-white:#fff;--solid-ui-color-error:#b00020;--solid-ui-color-gray-100:#f3f4f6;--solid-ui-color-gray-400:#99a1af;--solid-ui-color-gray-500:#6a7282;--solid-ui-color-gray-600:#4a5565;--solid-ui-color-gray-700:#364153;--solid-ui-color-gray-800:#101828;--solid-ui-color-slate-50:#f8fafc;--solid-ui-color-slate-200:#e2e8f0;--solid-ui-color-slate-400:#90a1b9;--solid-ui-color-body-grey:#666;--solid-ui-font-size-sm:.875rem;--solid-ui-font-size-md:1rem;--solid-ui-font-size-lg:1.125rem;--solid-ui-font-size-xl:1.25rem;--solid-ui-font-size-2xl:1.5rem;--solid-ui-clickable-area:42px;--solid-color-gray-100:#f8fafc;--solid-color-gray-200:#cbd5e1;--solid-color-primary:#7c4dff;--solid-color-primary-foreground:#fff;--solid-color-primary-hover:#6a3de8}

package/dist/v2/components/actions/button/Button.cjs.js

@@ -1,245 +0,0 @@
-let e=require("lit");var t=class extends e.LitElement{static properties={label:{type:String,reflect:!0},type:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},selected:{type:Boolean,reflect:!0},ariaLabel:{type:String,attribute:`aria-label`},name:{type:String,reflect:!0},value:{type:String,reflect:!0},variant:{type:String,reflect:!0},size:{type:String,reflect:!0},theme:{type:String,reflect:!0},fullWidth:{type:Boolean,attribute:`full-width`,reflect:!0},icon:{type:String,reflect:!0},iconPosition:{type:String,attribute:`icon-position`,reflect:!0},contentAlign:{type:String,attribute:`content-align`,reflect:!0},handleClick:{attribute:!1},_hasSlottedIcon:{state:!0}};static styles=e.css`
-    :host {
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      --button-background: var(--color-background, #f8f9fb);
-      --button-text: var(--color-text-subheading, #101828);
-      --button-border: var(--color-border-button, var(--gray-300, #D1D5DC));
-      --button-hover-background: var(--color-surface-subtle, rgba(15, 23, 43, 0.04));
-      --button-hover-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));
-      --button-hover-text: var(--color-text-subheading, #101828);
-      --button-selected-background: var(--color-surface-selected, var(--color-surface-action, var(--color-primary, #7C4DFF)));
-      --button-selected-text: var(--color-text-selected, var(--color-text-on-action, var(--white, #FFF)));
-      --button-selected-border: var(--color-border-selected, var(--color-border-action, var(--color-primary, #7C4DFF)));
-      --button-icon-color: currentColor;
-      --button-focus-ring: var(--color-focus-ring, var(--color-primary, #7C4DFF));
-      --button-height-sm: 1.875rem;
-      --button-height-md: var(--min-touch-target, 44px);
-      --button-height-lg: calc(var(--min-touch-target, 44px) + 0.5rem);
-      --button-padding-x-sm: var(--spacing-xs, 0.75rem);
-      --button-padding-x-md: var(--spacing-sm, 0.9375rem);
-      --button-padding-x-lg: var(--spacing-md, 1.25rem);
-      --button-font-size-sm: var(--font-size-sm, 0.875rem);
-      --button-font-size-md: var(--font-size-md, 1rem);
-      --button-font-size-lg: var(--font-size-lg, 1.125rem);
-      --button-icon-size-sm: var(--icon-xxxs, 0.75rem);
-      --button-icon-size-md: var(--icon-xxs, 1rem);
-      --button-icon-size-lg: var(--icon-xxs, 1rem);
-      --button-padding-sm: 0 var(--button-padding-x-sm);
-      --button-padding-md: 0 var(--button-padding-x-md);
-      --button-padding-lg: 0 var(--button-padding-x-lg);
-      --button-border-width: 1px;
-      --button-border-radius: var(--border-radius-base, 0.3125rem);
-      --button-font-weight: var(--font-weight-bold, 600);
-      --button-line-height: 1;
-      --button-justify-content: center;
-      --button-content-justify-content: var(--button-justify-content);
-      --button-label-text-align: center;
-      --button-box-shadow: none;
-      --button-hover-box-shadow: var(--button-box-shadow);
-      --button-active-box-shadow: var(--button-hover-box-shadow);
-      --button-active-transform: translateY(1px);
-      --button-focus-outline: 2px solid var(--button-focus-ring);
-      --button-focus-outline-offset: 2px;
-      --button-focus-box-shadow: none;
-      --button-transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
-    }
-
-    :host([hidden]) {
-      display: none;
-    }
-
-    :host([theme='dark']) {
-      --button-background: var(--color-background, #242a31);
-      --button-text: var(--color-text-subheading, #f8f9fb);
-      --button-border: var(--color-border, #46515b);
-      --button-hover-background: var(--color-surface-subtle, rgba(15, 23, 43, 0.04));
-      --button-hover-border: var(--color-border, #46515b);
-      --button-hover-text: var(--color-text-subheading, #f8f9fb);
-    }
-
-    :host([variant='primary']) {
-      --button-background: var(--color-surface-action, var(--color-primary, #7C4DFF));
-      --button-text: var(--color-text-on-action, var(--white, #FFF));
-      --button-border: var(--color-border-action, var(--color-primary, #7C4DFF));
-      --button-hover-background: var(--color-surface-action-hover, #6d3cf2);
-      --button-hover-border: var(--color-border-action, var(--color-primary, #7C4DFF));
-      --button-hover-text: var(--color-text-on-action, var(--white, #FFF));
-    }
-
-    :host([variant='icon']) {
-      --button-padding-x-sm: var(--spacing-xxs, 0.3125rem);
-      --button-padding-x-md: var(--spacing-base, 0.5rem);
-      --button-padding-x-lg: var(--spacing-2xs, 0.625rem);
-    }
-
-    :host([full-width]) {
-      width: 100%;
-    }
-
-    :host([content-align='start']) {
-      --button-justify-content: flex-start;
-      --button-content-justify-content: flex-start;
-      --button-label-text-align: left;
-    }
-
-    :host([content-align='end']) {
-      --button-justify-content: flex-end;
-      --button-content-justify-content: flex-end;
-      --button-label-text-align: right;
-    }
-
-    :host([selected]) {
-      --button-background: var(--button-selected-background);
-      --button-text: var(--button-selected-text);
-      --button-border: var(--button-selected-border);
-    }
-
-    .button {
-      display: inline-flex;
-      width: 100%;
-      min-height: var(--button-height-md);
-      padding: var(--button-padding-md);
-      align-items: center;
-      justify-content: var(--button-justify-content);
-      gap: var(--spacing-xxs, 0.375rem);
-      border-radius: var(--button-border-radius);
-      background: var(--button-background);
-      border: var(--button-border-width) solid var(--button-border);
-      box-shadow: var(--button-box-shadow);
-      color: var(--button-text);
-      cursor: pointer;
-      font: inherit;
-      font-size: var(--button-font-size-md);
-      font-weight: var(--button-font-weight);
-      line-height: var(--button-line-height);
-      white-space: nowrap;
-      text-decoration: none;
-      box-sizing: border-box;
-      transition: var(--button-transition);
-    }
-
-    :host([size='sm']) .button {
-      min-height: var(--button-height-sm);
-      padding: var(--button-padding-sm);
-      font-size: var(--button-font-size-sm);
-    }
-
-    :host([size='lg']) .button {
-      min-height: var(--button-height-lg);
-      padding: var(--button-padding-lg);
-      font-size: var(--button-font-size-lg);
-    }
-
-    .button:hover:not(:disabled) {
-      background: var(--button-hover-background);
-      border-color: var(--button-hover-border, var(--button-border));
-      box-shadow: var(--button-hover-box-shadow, var(--button-box-shadow));
-      color: var(--button-hover-text);
-    }
-
-    :host([selected]) .button:hover:not(:disabled) {
-      background: var(--button-hover-background);
-      border-color: var(--button-selected-border);
-      color: var(--button-selected-text);
-    }
-      
-    .button:focus-visible {
-      outline: var(--button-focus-outline);
-      outline-offset: var(--button-focus-outline-offset);
-      box-shadow: var(--button-focus-box-shadow);
-    }
-
-    .button:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-      transform: none;
-    }
-
-    .button__content {
-      display: inline-flex;
-      align-items: center;
-      justify-content: var(--button-content-justify-content);
-      gap: inherit;
-      width: 100%;
-    }
-
-    :host([icon-position='end']) .button__content {
-      flex-direction: row-reverse;
-    }
-
-    .button__icon {
-      width: var(--button-icon-size-md);
-      height: var(--button-icon-size-md);
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      color: var(--button-icon-color);
-      flex-shrink: 0;
-    }
-
-    :host([size='sm']) .button__icon {
-      width: var(--button-icon-size-sm);
-      height: var(--button-icon-size-sm);
-    }
-
-    :host([size='lg']) .button__icon {
-      width: var(--button-icon-size-lg);
-      height: var(--button-icon-size-lg);
-    }
-
-    .button__icon ::slotted(*) {
-      width: 100%;
-      height: 100%;
-      display: block;
-    }
-
-    .button__icon-image {
-      width: 100%;
-      height: 100%;
-      object-fit: contain;
-    }
-
-    .button__label {
-      display: inline-flex;
-      align-items: center;
-      justify-content: var(--button-content-justify-content);
-      min-width: 0;
-      width: 100%;
-      text-align: var(--button-label-text-align);
-    }
-
-    :host([variant='icon']) .button__label {
-      display: none;
-    }
-
-    .button:active {
-      transform: var(--button-active-transform);
-      box-shadow: var(--button-active-box-shadow, var(--button-hover-box-shadow, var(--button-box-shadow)));
-    }
-  `;_iconSlotObserver;constructor(){super(),this.label=``,this.type=`button`,this.disabled=!1,this.selected=!1,this.ariaLabel=``,this.name=``,this.value=``,this.variant=`secondary`,this.size=`md`,this.theme=`light`,this.fullWidth=!1,this.icon=``,this.iconPosition=`start`,this.contentAlign=`center`,this.handleClick=void 0,this._hasSlottedIcon=!1}connectedCallback(){super.connectedCallback(),this._syncSlottedIconPresence(),this._iconSlotObserver=new MutationObserver(()=>{this._syncSlottedIconPresence()}),this._iconSlotObserver.observe(this,{childList:!0,attributes:!0,attributeFilter:[`slot`]})}disconnectedCallback(){this._iconSlotObserver?.disconnect(),this._iconSlotObserver=void 0,super.disconnectedCallback()}_handleButtonClick(e){this.handleClick?.(e)}_handleIconSlotChange(e){let t=e.target;this._hasSlottedIcon=t.assignedNodes({flatten:!0}).length>0}_syncSlottedIconPresence(){this._hasSlottedIcon=this.querySelector(`[slot="icon"]`)!==null}_renderIcon(){return!this._hasSlottedIcon&&!this.icon?e.nothing:e.html`
-      <span class="button__icon" part="icon">
-        <slot name="icon" @slotchange=${this._handleIconSlotChange}></slot>
-        ${!this._hasSlottedIcon&&this.icon?e.html`<img class="button__icon-image" src=${this.icon} alt="" aria-hidden="true" />`:e.nothing}
-      </span>
-    `}render(){return e.html`
-      <button
-        class="button"
-        type=${this.type}
-        ?disabled=${this.disabled}
-        aria-label=${this.ariaLabel||e.nothing}
-        name=${this.name||e.nothing}
-        value=${this.value||e.nothing}
-        part="button"
-        @click=${this._handleButtonClick}
-      >
-        <span class="button__content">
-          ${this._renderIcon()}
-          <span class="button__label" part="label">
-            <slot>${this.label}</slot>
-          </span>
-        </span>
-      </button>
-    `}};exports.Button=t;
-//# sourceMappingURL=Button.cjs.js.map

package/dist/v2/components/actions/button/Button.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.cjs.js","names":[],"sources":["../../../../../src/v2/components/actions/button/Button.ts"],"sourcesContent":["import { LitElement, html, css, nothing } from 'lit'\n\nexport class Button extends LitElement {\n  static properties = {\n    label: { type: String, reflect: true },\n    type: { type: String, reflect: true },\n    disabled: { type: Boolean, reflect: true },\n    selected: { type: Boolean, reflect: true },\n    ariaLabel: { type: String, attribute: 'aria-label' },\n    name: { type: String, reflect: true },\n    value: { type: String, reflect: true },\n    variant: { type: String, reflect: true },\n    size: { type: String, reflect: true },\n    theme: { type: String, reflect: true },\n    fullWidth: { type: Boolean, attribute: 'full-width', reflect: true },\n    icon: { type: String, reflect: true },\n    iconPosition: { type: String, attribute: 'icon-position', reflect: true },\n    contentAlign: { type: String, attribute: 'content-align', reflect: true },\n    handleClick: { attribute: false },\n    _hasSlottedIcon: { state: true }\n  }\n\n  static styles = css`\n    :host {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      --button-background: var(--color-background, #f8f9fb);\n      --button-text: var(--color-text-subheading, #101828);\n      --button-border: var(--color-border-button, var(--gray-300, #D1D5DC));\n      --button-hover-background: var(--color-surface-subtle, rgba(15, 23, 43, 0.04));\n      --button-hover-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));\n      --button-hover-text: var(--color-text-subheading, #101828);\n      --button-selected-background: var(--color-surface-selected, var(--color-surface-action, var(--color-primary, #7C4DFF)));\n      --button-selected-text: var(--color-text-selected, var(--color-text-on-action, var(--white, #FFF)));\n      --button-selected-border: var(--color-border-selected, var(--color-border-action, var(--color-primary, #7C4DFF)));\n      --button-icon-color: currentColor;\n      --button-focus-ring: var(--color-focus-ring, var(--color-primary, #7C4DFF));\n      --button-height-sm: 1.875rem;\n      --button-height-md: var(--min-touch-target, 44px);\n      --button-height-lg: calc(var(--min-touch-target, 44px) + 0.5rem);\n      --button-padding-x-sm: var(--spacing-xs, 0.75rem);\n      --button-padding-x-md: var(--spacing-sm, 0.9375rem);\n      --button-padding-x-lg: var(--spacing-md, 1.25rem);\n      --button-font-size-sm: var(--font-size-sm, 0.875rem);\n      --button-font-size-md: var(--font-size-md, 1rem);\n      --button-font-size-lg: var(--font-size-lg, 1.125rem);\n      --button-icon-size-sm: var(--icon-xxxs, 0.75rem);\n      --button-icon-size-md: var(--icon-xxs, 1rem);\n      --button-icon-size-lg: var(--icon-xxs, 1rem);\n      --button-padding-sm: 0 var(--button-padding-x-sm);\n      --button-padding-md: 0 var(--button-padding-x-md);\n      --button-padding-lg: 0 var(--button-padding-x-lg);\n      --button-border-width: 1px;\n      --button-border-radius: var(--border-radius-base, 0.3125rem);\n      --button-font-weight: var(--font-weight-bold, 600);\n      --button-line-height: 1;\n      --button-justify-content: center;\n      --button-content-justify-content: var(--button-justify-content);\n      --button-label-text-align: center;\n      --button-box-shadow: none;\n      --button-hover-box-shadow: var(--button-box-shadow);\n      --button-active-box-shadow: var(--button-hover-box-shadow);\n      --button-active-transform: translateY(1px);\n      --button-focus-outline: 2px solid var(--button-focus-ring);\n      --button-focus-outline-offset: 2px;\n      --button-focus-box-shadow: none;\n      --button-transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;\n    }\n\n    :host([hidden]) {\n      display: none;\n    }\n\n    :host([theme='dark']) {\n      --button-background: var(--color-background, #242a31);\n      --button-text: var(--color-text-subheading, #f8f9fb);\n      --button-border: var(--color-border, #46515b);\n      --button-hover-background: var(--color-surface-subtle, rgba(15, 23, 43, 0.04));\n      --button-hover-border: var(--color-border, #46515b);\n      --button-hover-text: var(--color-text-subheading, #f8f9fb);\n    }\n\n    :host([variant='primary']) {\n      --button-background: var(--color-surface-action, var(--color-primary, #7C4DFF));\n      --button-text: var(--color-text-on-action, var(--white, #FFF));\n      --button-border: var(--color-border-action, var(--color-primary, #7C4DFF));\n      --button-hover-background: var(--color-surface-action-hover, #6d3cf2);\n      --button-hover-border: var(--color-border-action, var(--color-primary, #7C4DFF));\n      --button-hover-text: var(--color-text-on-action, var(--white, #FFF));\n    }\n\n    :host([variant='icon']) {\n      --button-padding-x-sm: var(--spacing-xxs, 0.3125rem);\n      --button-padding-x-md: var(--spacing-base, 0.5rem);\n      --button-padding-x-lg: var(--spacing-2xs, 0.625rem);\n    }\n\n    :host([full-width]) {\n      width: 100%;\n    }\n\n    :host([content-align='start']) {\n      --button-justify-content: flex-start;\n      --button-content-justify-content: flex-start;\n      --button-label-text-align: left;\n    }\n\n    :host([content-align='end']) {\n      --button-justify-content: flex-end;\n      --button-content-justify-content: flex-end;\n      --button-label-text-align: right;\n    }\n\n    :host([selected]) {\n      --button-background: var(--button-selected-background);\n      --button-text: var(--button-selected-text);\n      --button-border: var(--button-selected-border);\n    }\n\n    .button {\n      display: inline-flex;\n      width: 100%;\n      min-height: var(--button-height-md);\n      padding: var(--button-padding-md);\n      align-items: center;\n      justify-content: var(--button-justify-content);\n      gap: var(--spacing-xxs, 0.375rem);\n      border-radius: var(--button-border-radius);\n      background: var(--button-background);\n      border: var(--button-border-width) solid var(--button-border);\n      box-shadow: var(--button-box-shadow);\n      color: var(--button-text);\n      cursor: pointer;\n      font: inherit;\n      font-size: var(--button-font-size-md);\n      font-weight: var(--button-font-weight);\n      line-height: var(--button-line-height);\n      white-space: nowrap;\n      text-decoration: none;\n      box-sizing: border-box;\n      transition: var(--button-transition);\n    }\n\n    :host([size='sm']) .button {\n      min-height: var(--button-height-sm);\n      padding: var(--button-padding-sm);\n      font-size: var(--button-font-size-sm);\n    }\n\n    :host([size='lg']) .button {\n      min-height: var(--button-height-lg);\n      padding: var(--button-padding-lg);\n      font-size: var(--button-font-size-lg);\n    }\n\n    .button:hover:not(:disabled) {\n      background: var(--button-hover-background);\n      border-color: var(--button-hover-border, var(--button-border));\n      box-shadow: var(--button-hover-box-shadow, var(--button-box-shadow));\n      color: var(--button-hover-text);\n    }\n\n    :host([selected]) .button:hover:not(:disabled) {\n      background: var(--button-hover-background);\n      border-color: var(--button-selected-border);\n      color: var(--button-selected-text);\n    }\n      \n    .button:focus-visible {\n      outline: var(--button-focus-outline);\n      outline-offset: var(--button-focus-outline-offset);\n      box-shadow: var(--button-focus-box-shadow);\n    }\n\n    .button:disabled {\n      opacity: 0.6;\n      cursor: not-allowed;\n      transform: none;\n    }\n\n    .button__content {\n      display: inline-flex;\n      align-items: center;\n      justify-content: var(--button-content-justify-content);\n      gap: inherit;\n      width: 100%;\n    }\n\n    :host([icon-position='end']) .button__content {\n      flex-direction: row-reverse;\n    }\n\n    .button__icon {\n      width: var(--button-icon-size-md);\n      height: var(--button-icon-size-md);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--button-icon-color);\n      flex-shrink: 0;\n    }\n\n    :host([size='sm']) .button__icon {\n      width: var(--button-icon-size-sm);\n      height: var(--button-icon-size-sm);\n    }\n\n    :host([size='lg']) .button__icon {\n      width: var(--button-icon-size-lg);\n      height: var(--button-icon-size-lg);\n    }\n\n    .button__icon ::slotted(*) {\n      width: 100%;\n      height: 100%;\n      display: block;\n    }\n\n    .button__icon-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n    }\n\n    .button__label {\n      display: inline-flex;\n      align-items: center;\n      justify-content: var(--button-content-justify-content);\n      min-width: 0;\n      width: 100%;\n      text-align: var(--button-label-text-align);\n    }\n\n    :host([variant='icon']) .button__label {\n      display: none;\n    }\n\n    .button:active {\n      transform: var(--button-active-transform);\n      box-shadow: var(--button-active-box-shadow, var(--button-hover-box-shadow, var(--button-box-shadow)));\n    }\n  `\n\n  declare label: string\n  declare type: 'button' | 'submit' | 'reset'\n  declare disabled: boolean\n  declare selected: boolean\n  declare ariaLabel: string\n  declare name: string\n  declare value: string\n  declare variant: 'primary' | 'secondary' | 'icon'\n  declare size: 'sm' | 'md' | 'lg'\n  declare theme: 'light' | 'dark'\n  declare fullWidth: boolean\n  declare icon: string\n  declare iconPosition: 'start' | 'end'\n  declare contentAlign: 'start' | 'center' | 'end'\n  declare handleClick?: (event: MouseEvent) => void\n  declare _hasSlottedIcon: boolean\n  private _iconSlotObserver?: MutationObserver\n\n  constructor () {\n    super()\n    this.label = ''\n    this.type = 'button'\n    this.disabled = false\n    this.selected = false\n    this.ariaLabel = ''\n    this.name = ''\n    this.value = ''\n    this.variant = 'secondary'\n    this.size = 'md'\n    this.theme = 'light'\n    this.fullWidth = false\n    this.icon = ''\n    this.iconPosition = 'start'\n    this.contentAlign = 'center'\n    this.handleClick = undefined\n    this._hasSlottedIcon = false\n  }\n\n  connectedCallback () {\n    super.connectedCallback()\n    this._syncSlottedIconPresence()\n\n    this._iconSlotObserver = new MutationObserver(() => {\n      this._syncSlottedIconPresence()\n    })\n\n    this._iconSlotObserver.observe(this, {\n      childList: true,\n      attributes: true,\n      attributeFilter: ['slot']\n    })\n  }\n\n  disconnectedCallback () {\n    this._iconSlotObserver?.disconnect()\n    this._iconSlotObserver = undefined\n    super.disconnectedCallback()\n  }\n\n  private _handleButtonClick (event: MouseEvent) {\n    this.handleClick?.(event)\n  }\n\n  private _handleIconSlotChange (event: Event) {\n    const slot = event.target as HTMLSlotElement\n    this._hasSlottedIcon = slot.assignedNodes({ flatten: true }).length > 0\n  }\n\n  private _syncSlottedIconPresence () {\n    this._hasSlottedIcon = this.querySelector('[slot=\"icon\"]') !== null\n  }\n\n  private _renderIcon () {\n    if (!this._hasSlottedIcon && !this.icon) {\n      return nothing\n    }\n\n    return html`\n      <span class=\"button__icon\" part=\"icon\">\n        <slot name=\"icon\" @slotchange=${this._handleIconSlotChange}></slot>\n        ${!this._hasSlottedIcon && this.icon\n          ? html`<img class=\"button__icon-image\" src=${this.icon} alt=\"\" aria-hidden=\"true\" />`\n          : nothing}\n      </span>\n    `\n  }\n\n  render () {\n    return html`\n      <button\n        class=\"button\"\n        type=${this.type}\n        ?disabled=${this.disabled}\n        aria-label=${this.ariaLabel || nothing}\n        name=${this.name || nothing}\n        value=${this.value || nothing}\n        part=\"button\"\n        @click=${this._handleButtonClick}\n      >\n        <span class=\"button__content\">\n          ${this._renderIcon()}\n          <span class=\"button__label\" part=\"label\">\n            <slot>${this.label}</slot>\n          </span>\n        </span>\n      </button>\n    `\n  }\n}\n"],"mappings":"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"}

package/dist/v2/components/actions/button/Button.d.ts

@@ -1,97 +0,0 @@
-import { LitElement } from 'lit';
-export declare class Button extends LitElement {
-    static properties: {
-        label: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        type: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        selected: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        ariaLabel: {
-            type: StringConstructor;
-            attribute: string;
-        };
-        name: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        value: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        variant: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        size: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        theme: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        fullWidth: {
-            type: BooleanConstructor;
-            attribute: string;
-            reflect: boolean;
-        };
-        icon: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        iconPosition: {
-            type: StringConstructor;
-            attribute: string;
-            reflect: boolean;
-        };
-        contentAlign: {
-            type: StringConstructor;
-            attribute: string;
-            reflect: boolean;
-        };
-        handleClick: {
-            attribute: boolean;
-        };
-        _hasSlottedIcon: {
-            state: boolean;
-        };
-    };
-    static styles: import('lit').CSSResult;
-    label: string;
-    type: 'button' | 'submit' | 'reset';
-    disabled: boolean;
-    selected: boolean;
-    ariaLabel: string;
-    name: string;
-    value: string;
-    variant: 'primary' | 'secondary' | 'icon';
-    size: 'sm' | 'md' | 'lg';
-    theme: 'light' | 'dark';
-    fullWidth: boolean;
-    icon: string;
-    iconPosition: 'start' | 'end';
-    contentAlign: 'start' | 'center' | 'end';
-    handleClick?: (event: MouseEvent) => void;
-    _hasSlottedIcon: boolean;
-    private _iconSlotObserver?;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private _handleButtonClick;
-    private _handleIconSlotChange;
-    private _syncSlottedIconPresence;
-    private _renderIcon;
-    render(): import('lit-html').TemplateResult<1>;
-}
-//# sourceMappingURL=Button.d.ts.map

package/dist/v2/components/actions/button/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/v2/components/actions/button/Button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAA;AAEpD,qBAAa,MAAO,SAAQ,UAAU;IACpC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAiBhB;IAED,MAAM,CAAC,MAAM,0BA4NZ;IAEO,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,CAAA;IACzC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACxB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAA;IACvB,SAAS,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,OAAO,GAAG,KAAK,CAAA;IAC7B,YAAY,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACxC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACzC,eAAe,EAAE,OAAO,CAAA;IAChC,OAAO,CAAC,iBAAiB,CAAC,CAAkB;;IAsB5C,iBAAiB;IAejB,oBAAoB;IAMpB,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,qBAAqB;IAK7B,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,WAAW;IAenB,MAAM;CAqBP"}