@redvars/peacock 3.2.0 → 3.2.1

package/dist/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../src/input/field/field.ts"],"sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport styles from './field.scss';\nimport { observerSlotChangesWithCallback } from '../../utils.js';\n\nexport class Field extends LitElement {\n  static styles = [styles];\n\n  @property({ type: String })\n  label: string = '';\n\n  @property({ type: String })\n  help: string = '';\n\n  @property({ type: Boolean })\n  required: boolean = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled: boolean = false;\n\n  @property({ type: Boolean, reflect: true })\n  readonly: boolean = false;\n\n  @property({ type: Boolean })\n  skeleton: boolean = false;\n\n  @property({ type: String, attribute: 'helper-text' })\n  helperText: string = '';\n\n  @property({ type: Boolean })\n  error: boolean = false;\n\n  @property({ type: String, attribute: 'error-text' })\n  errorText: string = '';\n\n  @property({ type: Boolean })\n  warning: boolean = false;\n\n  @property({ type: String, attribute: 'warning-text' })\n  warningText: string = '';\n\n  @property({ type: String, attribute: 'text-count' })\n  textCount: string = '';\n\n  @property({ type: Boolean })\n  focused: boolean = false;\n\n  @property({ type: Boolean })\n  populated: boolean = false;\n\n  @property({ type: String })\n  variant: 'filled' | 'outlined' | 'default' = 'default';\n\n  @property({ type: Object })\n  host?: HTMLElement;\n\n  @state()\n  slotStartHasContent: boolean = false;\n\n  @state()\n  slotEndHasContent: boolean = false;\n\n  firstUpdated() {\n    observerSlotChangesWithCallback(\n      this.renderRoot.querySelector('.slot-start-wrapper slot'),\n      hasContent => {\n        this.slotStartHasContent = hasContent;\n        this.requestUpdate();\n      },\n    );\n    observerSlotChangesWithCallback(\n      this.renderRoot.querySelector('.slot-end-wrapper slot'),\n      hasContent => {\n        this.slotEndHasContent = hasContent;\n        this.requestUpdate();\n      },\n    );\n  }\n\n  __handleClick() {\n    // @ts-ignore\n    this.host?.focus?.();\n  }\n\n  __renderInputSlot() {\n    if (this.variant === 'outlined') {\n      if (this.populated || this.focused) return html`<slot></slot>`;\n      return html`\n        <label class=\"outlined-label\">${this.label}</label>\n        <div class=\"outlined-slot-container\">\n          <slot></slot>\n        </div>\n      `;\n    }\n    return html`<slot></slot>`;\n  }\n\n  __renderFieldHeader() {\n    if (!this.label) return nothing;\n    if (this.variant === 'outlined' && !this.populated && !this.focused) {\n      return nothing;\n    }\n    return html`<div class=\"field-header\">\n      <label class=\"label\">\n        ${this.label}${this.required\n          ? html`<span class=\"required\">*</span>`\n          : nothing}\n        <base-skeleton class=\"skeleton\"></base-skeleton>\n      </label>\n    </div>`;\n  }\n\n  render() {\n    const classes = {\n      field: true,\n      required: this.required,\n      disabled: this.disabled,\n      'show-skeleton': this.skeleton,\n      'has-error': this.error,\n      'has-warning': this.warning,\n      focused: this.focused,\n      readonly: this.readonly,\n      [`variant-${this.variant}`]: true,\n      populated: this.populated,\n    };\n\n    return html`\n      <div class=${classMap(classes)}>\n        ${this.__renderFieldHeader()}\n\n        <div class=\"field-body\" @click=${this.__handleClick}>\n          <div class=\"outline\"></div>\n          <div class=\"background\"></div>\n          <base-skeleton class=\"skeleton\"></base-skeleton>\n\n          <div class=\"field-content\">\n            <div\n              class=${classMap({\n                'slot-start-wrapper': true,\n                'has-content': this.slotStartHasContent,\n              })}\n            >\n              <slot name=\"field-start\"></slot>\n            </div>\n\n            <div class=\"input-wrapper\">${this.__renderInputSlot()}</div>\n\n            <div\n              class=${classMap({\n                'slot-end-wrapper': true,\n                'has-content': this.slotEndHasContent,\n              })}\n            >\n              <slot name=\"field-end\"></slot>\n            </div>\n          </div>\n        </div>\n\n        ${this.__renderFieldFooter()}\n      </div>\n    `;\n  }\n\n  __renderFieldFooter() {\n    if (\n      !this.textCount &&\n      !this.helperText &&\n      !this.errorText &&\n      !this.warningText\n    )\n      return nothing;\n    return html`<div class=\"field-footer\">\n      ${this.__renderHelperText()} ${this.__renderWordCount()}\n    </div>`;\n  }\n\n  __renderHelperText() {\n    if (this.error) return html`<div class=\"helper\">${this.errorText}</div>`;\n    if (this.warning)\n      return html`<div class=\"helper\">${this.warningText}</div>`;\n    if (this.helperText || this.helperText === '')\n      return html`<div class=\"helper\">${this.helperText}</div>`;\n    return nothing;\n  }\n\n  __renderWordCount() {\n    if (!this.textCount) return nothing;\n    return html`<div class=\"text-count\">${this.textCount}</div>`;\n  }\n}\n"],"names":["LitElement","html","nothing","classMap","styles","property","state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMM,MAAO,KAAM,SAAQA,GAAU,CAAA;AAArC,IAAA,WAAA,GAAA;;QAIE,IAAA,CAAA,KAAK,GAAW,EAAE;QAGlB,IAAA,CAAA,IAAI,GAAW,EAAE;QAGjB,IAAA,CAAA,QAAQ,GAAY,KAAK;QAGzB,IAAA,CAAA,QAAQ,GAAY,KAAK;QAGzB,IAAA,CAAA,QAAQ,GAAY,KAAK;QAGzB,IAAA,CAAA,QAAQ,GAAY,KAAK;QAGzB,IAAA,CAAA,UAAU,GAAW,EAAE;QAGvB,IAAA,CAAA,KAAK,GAAY,KAAK;QAGtB,IAAA,CAAA,SAAS,GAAW,EAAE;QAGtB,IAAA,CAAA,OAAO,GAAY,KAAK;QAGxB,IAAA,CAAA,WAAW,GAAW,EAAE;QAGxB,IAAA,CAAA,SAAS,GAAW,EAAE;QAGtB,IAAA,CAAA,OAAO,GAAY,KAAK;QAGxB,IAAA,CAAA,SAAS,GAAY,KAAK;QAG1B,IAAA,CAAA,OAAO,GAAsC,SAAS;QAMtD,IAAA,CAAA,mBAAmB,GAAY,KAAK;QAGpC,IAAA,CAAA,iBAAiB,GAAY,KAAK;IAiIpC;IA/HE,YAAY,GAAA;AACV,QAAA,+BAA+B,CAC7B,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,0BAA0B,CAAC,EACzD,UAAU,IAAG;AACX,YAAA,IAAI,CAAC,mBAAmB,GAAG,UAAU;YACrC,IAAI,CAAC,aAAa,EAAE;AACtB,QAAA,CAAC,CACF;AACD,QAAA,+BAA+B,CAC7B,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,wBAAwB,CAAC,EACvD,UAAU,IAAG;AACX,YAAA,IAAI,CAAC,iBAAiB,GAAG,UAAU;YACnC,IAAI,CAAC,aAAa,EAAE;AACtB,QAAA,CAAC,CACF;IACH;IAEA,aAAa,GAAA;;AAEX,QAAA,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI;IACtB;IAEA,iBAAiB,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,UAAU,EAAE;AAC/B,YAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO;gBAAE,OAAOC,CAAI,CAAA,CAAA,aAAA,CAAe;AAC9D,YAAA,OAAOA,CAAI,CAAA;AACuB,sCAAA,EAAA,IAAI,CAAC,KAAK,CAAA;;;;OAI3C;QACH;QACA,OAAOA,CAAI,CAAA,CAAA,aAAA,CAAe;IAC5B;IAEA,mBAAmB,GAAA;QACjB,IAAI,CAAC,IAAI,CAAC,KAAK;AAAE,YAAA,OAAOC,CAAO;AAC/B,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,UAAU,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACnE,YAAA,OAAOA,CAAO;QAChB;AACA,QAAA,OAAOD,CAAI,CAAA,CAAA;;AAEL,QAAA,EAAA,IAAI,CAAC,KAAK,CAAA,EAAG,IAAI,CAAC;cAChBA,CAAI,CAAA,CAAA,+BAAA;AACN,cAAEC,CAAO;;;WAGR;IACT;IAEA,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,KAAK,EAAE,IAAI;YACX,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,eAAe,EAAE,IAAI,CAAC,QAAQ;YAC9B,WAAW,EAAE,IAAI,CAAC,KAAK;YACvB,aAAa,EAAE,IAAI,CAAC,OAAO;YAC3B,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,YAAA,CAAC,WAAW,IAAI,CAAC,OAAO,CAAA,CAAE,GAAG,IAAI;YACjC,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B;AAED,QAAA,OAAOD,CAAI,CAAA;mBACIE,CAAQ,CAAC,OAAO,CAAC,CAAA;UAC1B,IAAI,CAAC,mBAAmB,EAAE;;AAEK,uCAAA,EAAA,IAAI,CAAC,aAAa,CAAA;;;;;;;AAOrC,oBAAA,EAAAA,CAAQ,CAAC;AACf,YAAA,oBAAoB,EAAE,IAAI;YAC1B,aAAa,EAAE,IAAI,CAAC,mBAAmB;SACxC,CAAC;;;;;yCAKyB,IAAI,CAAC,iBAAiB,EAAE,CAAA;;;AAG3C,oBAAA,EAAAA,CAAQ,CAAC;AACf,YAAA,kBAAkB,EAAE,IAAI;YACxB,aAAa,EAAE,IAAI,CAAC,iBAAiB;SACtC,CAAC;;;;;;;UAON,IAAI,CAAC,mBAAmB,EAAE;;KAE/B;IACH;IAEA,mBAAmB,GAAA;QACjB,IACE,CAAC,IAAI,CAAC,SAAS;YACf,CAAC,IAAI,CAAC,UAAU;YAChB,CAAC,IAAI,CAAC,SAAS;YACf,CAAC,IAAI,CAAC,WAAW;AAEjB,YAAA,OAAOD,CAAO;AAChB,QAAA,OAAOD,CAAI,CAAA,CAAA;AACP,MAAA,EAAA,IAAI,CAAC,kBAAkB,EAAE,IAAI,IAAI,CAAC,iBAAiB,EAAE;WAClD;IACT;IAEA,kBAAkB,GAAA;QAChB,IAAI,IAAI,CAAC,KAAK;AAAE,YAAA,OAAOA,CAAI,CAAA,CAAA,oBAAA,EAAuB,IAAI,CAAC,SAAS,QAAQ;QACxE,IAAI,IAAI,CAAC,OAAO;AACd,YAAA,OAAOA,CAAI,CAAA,CAAA,oBAAA,EAAuB,IAAI,CAAC,WAAW,QAAQ;QAC5D,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,KAAK,EAAE;AAC3C,YAAA,OAAOA,CAAI,CAAA,CAAA,oBAAA,EAAuB,IAAI,CAAC,UAAU,QAAQ;AAC3D,QAAA,OAAOC,CAAO;IAChB;IAEA,iBAAiB,GAAA;QACf,IAAI,CAAC,IAAI,CAAC,SAAS;AAAE,YAAA,OAAOA,CAAO;AACnC,QAAA,OAAOD,CAAI,CAAA,CAAA,wBAAA,EAA2B,IAAI,CAAC,SAAS,QAAQ;IAC9D;;AAtLO,KAAA,CAAA,MAAM,GAAG,CAACG,QAAM,CAAC;AAGxB,UAAA,CAAA;AADC,IAAAC,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACP,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAGnB,UAAA,CAAA;AADC,IAAAA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACR,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAGlB,UAAA,CAAA;AADC,IAAAA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACD,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAG1B,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAChB,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAG1B,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAChB,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAG1B,UAAA,CAAA;AADC,IAAAA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACD,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAG1B,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE;AAC5B,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAGxB,UAAA,CAAA;AADC,IAAAA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACJ,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAGvB,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE;AAC5B,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAGvB,UAAA,CAAA;AADC,IAAAA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACF,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAGzB,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE;AAC5B,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAGzB,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE;AAC5B,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAGvB,UAAA,CAAA;AADC,IAAAA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACF,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAGzB,UAAA,CAAA;AADC,IAAAA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACA,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAG3B,UAAA,CAAA;AADC,IAAAA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAC6B,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAGvD,UAAA,CAAA;AADC,IAAAA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACP,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAGnB,UAAA,CAAA;AADC,IAAAC,CAAK;AAC+B,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,qBAAA,EAAA,MAAA,CAAA;AAGrC,UAAA,CAAA;AADC,IAAAA,CAAK;AAC6B,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,mBAAA,EAAA,MAAA,CAAA;;;;"}
+{"version":3,"file":"field.js","sources":["../../src/field/field.ts"],"sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport styles from './field.scss';\nimport { observerSlotChangesWithCallback } from '../utils.js';\n\nexport class Field extends LitElement {\n  static styles = [styles];\n\n  @property({ type: String })\n  label: string = '';\n\n  @property({ type: String })\n  help: string = '';\n\n  @property({ type: Boolean })\n  required: boolean = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled: boolean = false;\n\n  @property({ type: Boolean, reflect: true })\n  readonly: boolean = false;\n\n  @property({ type: Boolean })\n  skeleton: boolean = false;\n\n  @property({ type: String, attribute: 'helper-text' })\n  helperText: string = '';\n\n  @property({ type: Boolean })\n  error: boolean = false;\n\n  @property({ type: String, attribute: 'error-text' })\n  errorText: string = '';\n\n  @property({ type: Boolean })\n  warning: boolean = false;\n\n  @property({ type: String, attribute: 'warning-text' })\n  warningText: string = '';\n\n  @property({ type: String, attribute: 'text-count' })\n  textCount: string = '';\n\n  @property({ type: Boolean })\n  focused: boolean = false;\n\n  @property({ type: Boolean })\n  populated: boolean = false;\n\n  @property({ type: String })\n  variant: 'filled' | 'outlined' | 'default' = 'default';\n\n  @property({ type: Object })\n  host?: HTMLElement;\n\n  @state()\n  slotStartHasContent: boolean = false;\n\n  @state()\n  slotEndHasContent: boolean = false;\n\n  firstUpdated() {\n    observerSlotChangesWithCallback(\n      this.renderRoot.querySelector('.slot-start-wrapper slot'),\n      hasContent => {\n        this.slotStartHasContent = hasContent;\n        this.requestUpdate();\n      },\n    );\n    observerSlotChangesWithCallback(\n      this.renderRoot.querySelector('.slot-end-wrapper slot'),\n      hasContent => {\n        this.slotEndHasContent = hasContent;\n        this.requestUpdate();\n      },\n    );\n  }\n\n  __handleClick() {\n    // @ts-ignore\n    this.host?.focus?.();\n  }\n\n  __renderInputSlot() {\n    if (this.variant === 'outlined') {\n      if (this.populated || this.focused) return html`<slot></slot>`;\n      return html`\n        <label class=\"outlined-label\">${this.label}</label>\n        <div class=\"outlined-slot-container\">\n          <slot></slot>\n        </div>\n      `;\n    }\n    return html`<slot></slot>`;\n  }\n\n  __renderFieldHeader() {\n    if (!this.label) return nothing;\n    if (this.variant === 'outlined' && !this.populated && !this.focused) {\n      return nothing;\n    }\n    return html`<div class=\"field-header\">\n      <label class=\"label\">\n        ${this.label}${this.required\n          ? html`<span class=\"required\">*</span>`\n          : nothing}\n        <base-skeleton class=\"skeleton\"></base-skeleton>\n      </label>\n    </div>`;\n  }\n\n  render() {\n    const classes = {\n      field: true,\n      required: this.required,\n      disabled: this.disabled,\n      'show-skeleton': this.skeleton,\n      'has-error': this.error,\n      'has-warning': this.warning,\n      focused: this.focused,\n      readonly: this.readonly,\n      [`variant-${this.variant}`]: true,\n      populated: this.populated,\n    };\n\n    return html`\n      <div class=${classMap(classes)}>\n        ${this.__renderFieldHeader()}\n\n        <div class=\"field-body\" @click=${this.__handleClick}>\n          <div class=\"outline\"></div>\n          <div class=\"background\"></div>\n          <base-skeleton class=\"skeleton\"></base-skeleton>\n\n          <div class=\"field-content\">\n            <div\n              class=${classMap({\n                'slot-start-wrapper': true,\n                'has-content': this.slotStartHasContent,\n              })}\n            >\n              <slot name=\"field-start\"></slot>\n            </div>\n\n            <div class=\"input-wrapper\">${this.__renderInputSlot()}</div>\n\n            <div\n              class=${classMap({\n                'slot-end-wrapper': true,\n                'has-content': this.slotEndHasContent,\n              })}\n            >\n              <slot name=\"field-end\"></slot>\n            </div>\n          </div>\n        </div>\n\n        ${this.__renderFieldFooter()}\n      </div>\n    `;\n  }\n\n  __renderFieldFooter() {\n    if (\n      !this.textCount &&\n      !this.helperText &&\n      !this.errorText &&\n      !this.warningText\n    )\n      return nothing;\n    return html`<div class=\"field-footer\">\n      ${this.__renderHelperText()} ${this.__renderWordCount()}\n    </div>`;\n  }\n\n  __renderHelperText() {\n    if (this.error) return html`<div class=\"helper\">${this.errorText}</div>`;\n    if (this.warning)\n      return html`<div class=\"helper\">${this.warningText}</div>`;\n    if (this.helperText || this.helperText === '')\n      return html`<div class=\"helper\">${this.helperText}</div>`;\n    return nothing;\n  }\n\n  __renderWordCount() {\n    if (!this.textCount) return nothing;\n    return html`<div class=\"text-count\">${this.textCount}</div>`;\n  }\n}\n"],"names":["LitElement","html","nothing","classMap","styles","property","state"],"mappings":"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"}

package/dist/index.js

@@ -4,7 +4,7 @@ export { Badge } from './badge.js';
 export { Divider } from './divider.js';
 export { Clock } from './clock.js';
 export { Elevation } from './elevation.js';
-export { B as Button, C as CircularProgress, D as DatePicker, I as IconButton, a as Input, L as LinearProgress, N as NumberField, b as Textarea, T as TimePicker, c as Toggle } from './toggle-vJo76NVa.js';
+export { B as Button, C as CircularProgress, D as DatePicker, I as IconButton, a as Input, L as LinearProgress, N as NumberField, S as Switch, b as Textarea, T as TimePicker } from './switch-K9zwiDEK.js';
 export { ButtonGroup } from './button-group.js';
 export { FocusRing } from './focus-ring.js';
 export { Ripple } from './ripple.js';

package/dist/peacock-loader.js

@@ -5,7 +5,7 @@ import { Icon } from './icon.js';
 import { Avatar } from './avatar.js';
 import { Badge } from './badge.js';
 import { Divider } from './divider.js';
-import { c as Toggle, T as TimePicker, D as DatePicker, b as Textarea, N as NumberField, a as Input, C as CircularProgress, L as LinearProgress, I as IconButton, B as Button } from './toggle-vJo76NVa.js';
+import { S as Switch, T as TimePicker, D as DatePicker, b as Textarea, N as NumberField, a as Input, C as CircularProgress, L as LinearProgress, I as IconButton, B as Button } from './switch-K9zwiDEK.js';
 import { ButtonGroup } from './button-group.js';
 import { Field } from './field.js';
 import { Checkbox } from './checkbox.js';
@@ -703,8 +703,8 @@ const loaderConfig = {
         'breadcrumb-item': {
             CustomElementClass: BreadcrumbItem,
         },
-        'base-toggle': {
-            CustomElementClass: Toggle,
+        'base-switch': {
+            CustomElementClass: Switch,
         },
         'base-checkbox': {
             CustomElementClass: Checkbox,

package/dist/peacock-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"peacock-loader.js","sources":["../../src/LoaderUtils.ts","../../src/peacock-loader.ts"],"sourcesContent":["interface ComponentConfig {\n  CustomElementClass?: any; // earger load\n  importPath?: string; // lazy load\n  dependencies?: string[];\n}\n\ninterface LoaderConfig {\n  components?: Record<string, ComponentConfig>;\n}\n\nexport { LoaderConfig };\n\nexport class LoaderUtils {\n  private _loaderConfig: LoaderConfig;\n\n  private _observer: MutationObserver | undefined;\n\n  constructor(loaderConfig: LoaderConfig) {\n    this._loaderConfig = loaderConfig;\n  }\n\n  static registerComponent(tagName: string, CustomElementClass: any) {\n    if (CustomElementClass && !customElements.get(tagName)) {\n      customElements.define(tagName, CustomElementClass);\n    }\n  }\n\n  start() {\n    this.eagerLoadComponents();\n    this.lazyLoadComponents(document);\n  }\n\n  eagerLoadComponents() {\n    if (!this._loaderConfig.components) return;\n    for (const [name, value] of Object.entries(this._loaderConfig.components)) {\n      if (value.CustomElementClass)\n        LoaderUtils.registerComponent(name, value.CustomElementClass);\n    }\n  }\n\n  async registerAsync(tagName: string): Promise<void> {\n    if (customElements.get(tagName)) return;\n\n    if (!this._loaderConfig.components) return;\n\n    const config = this._loaderConfig.components[tagName];\n    if (!config || !config.importPath) return;\n\n    try {\n      const module = await import(config.importPath);\n\n      // Runtime definition: grabbing the class from the module\n      const CustomElementClass =\n        module.default || module[Object.keys(module)[0]];\n\n      if (CustomElementClass && !customElements.get(tagName)) {\n        customElements.define(tagName, CustomElementClass);\n      }\n\n      // Handle dependencies recursively\n      if (config.dependencies) {\n        for (const dep of config.dependencies) {\n          // eslint-disable-next-line no-await-in-loop\n          await this.registerAsync(dep);\n        }\n      }\n    } catch (error) {\n      console.error(\n        `Unable to load <${tagName}> from ${config.importPath}`,\n        error,\n      );\n    }\n  }\n\n  async load(root: Element | Document): Promise<void> {\n    const rootTagName =\n      root instanceof Element ? root.tagName.toLowerCase() : '';\n\n    const tags = Array.from(root.querySelectorAll(':not(:defined)')).map(el =>\n      el.tagName.toLowerCase(),\n    );\n\n    if (rootTagName.includes('-') && !customElements.get(rootTagName)) {\n      tags.push(rootTagName);\n    }\n\n    const tagsToRegister = [...new Set(tags)];\n    await Promise.allSettled(\n      tagsToRegister.map(tagName => this.registerAsync(tagName)),\n    );\n  }\n\n  lazyLoadComponents(root: any) {\n    this._observer = new MutationObserver(mutations => {\n      for (const { addedNodes } of mutations) {\n        for (const node of addedNodes) {\n          if (node.nodeType === Node.ELEMENT_NODE) {\n            this.load(node as Element);\n          }\n        }\n      }\n    });\n\n    const target = root instanceof Document ? root.documentElement : root;\n    this.load(target);\n\n    this._observer.observe(target, {\n      subtree: true,\n      childList: true,\n    });\n  }\n}\n","// Eager loaded\nimport cssComponentsStyleSheet from '../assets/styles/tokens.css';\n\nimport { Elevation } from './elevation/elevation.js';\nimport { FocusRing } from './focus-ring/focus-ring.js';\nimport { Ripple } from './ripple/ripple.js';\n\nimport { Icon } from './icon/icon.js';\nimport { Avatar } from './avatar/avatar.js';\nimport { Badge } from './badge/badge.js';\nimport { Divider } from './divider/divider.js';\nimport { Button } from './button/button/button.js';\nimport { ButtonGroup } from './button/button-group/button-group.js';\nimport { IconButton } from './button/icon-button/icon-button.js';\nimport { Input } from './input/input/input.js';\nimport { Field } from './input/field/field.js';\nimport { NumberField } from './input/number/number-field.js';\nimport { DatePicker } from './input/date-picker/date-picker.js';\nimport { TimePicker } from './input/time-picker/time-picker.js';\nimport { Textarea } from './input/textarea/textarea.js';\nimport { Toggle } from './input/toggle/toggle.js';\nimport { Checkbox } from './checkbox/checkbox.js';\n\nimport { Accordion } from './accordion/accordion/accordion.js';\nimport { Link } from './link/link.js';\nimport { Tag } from './chip/tag/tag.js';\nimport { Chip } from './chip/chip/chip.js';\nimport { LinearProgress } from './progress/linear-progress/linear-progress.js';\nimport { CircularProgress } from './progress/circular-progress/circular-progress.js';\n\nimport { Tooltip } from './popover/tooltip/tooltip.js';\nimport { Breadcrumb, BreadcrumbItem } from './breadcrumb/index.js';\n\nimport { Skeleton } from './skeleton/skeleton.js';\n\nimport { LoaderConfig, LoaderUtils } from './LoaderUtils.js';\nimport linkStyles from './link/link.css-component.scss';\nimport textStylesheet from './text/text.css-component.scss';\nimport tooltipStyles from './popover/tooltip.css-component.scss';\n\nfunction buildSheet(styleSheet: any) {\n  const sheet = new CSSStyleSheet();\n  // Add rules\n  sheet.replaceSync(styleSheet.toString());\n  return sheet;\n}\n\nconst styleSheets = [\n  buildSheet(cssComponentsStyleSheet),\n  buildSheet(linkStyles),\n  buildSheet(textStylesheet),\n  buildSheet(tooltipStyles),\n];\n\ndocument.adoptedStyleSheets = styleSheets;\n\nconst loaderConfig: LoaderConfig = {\n  components: {\n    'base-icon': {\n      CustomElementClass: Icon,\n      // importPath: './component/icon.js', - for lazy load give path instead of CustomElementClass\n    },\n    'focus-ring': {\n      CustomElementClass: FocusRing,\n    },\n    'base-avatar': {\n      CustomElementClass: Avatar,\n    },\n    'base-badge': {\n      CustomElementClass: Badge,\n    },\n    'base-button': {\n      CustomElementClass: Button,\n    },\n    'icon-button': {\n      CustomElementClass: IconButton,\n    },\n    'button-group': {\n      CustomElementClass: ButtonGroup,\n    },\n    'base-divider': {\n      CustomElementClass: Divider,\n    },\n    'base-elevation': {\n      CustomElementClass: Elevation,\n    },\n    'base-clock': {\n      importPath: './clock.js',\n    },\n    'base-ripple': {\n      CustomElementClass: Ripple,\n    },\n    'base-accordion': {\n      CustomElementClass: Accordion,\n    },\n    'accordion-item': {\n      CustomElementClass: Accordion.Item,\n    },\n    'base-link': {\n      CustomElementClass: Link,\n    },\n    'base-chip': {\n      CustomElementClass: Chip,\n    },\n    'base-tag': {\n      CustomElementClass: Tag,\n    },\n    'linear-progress': {\n      CustomElementClass: LinearProgress,\n    },\n    'circular-progress': {\n      CustomElementClass: CircularProgress,\n    },\n    'base-skeleton': {\n      CustomElementClass: Skeleton,\n    },\n    'input-field': {\n      CustomElementClass: Input,\n    },\n    'base-field': {\n      CustomElementClass: Field,\n    },\n    'number-field': {\n      CustomElementClass: NumberField,\n    },\n    'textarea-field': {\n      CustomElementClass: Textarea,\n    },\n    'date-picker': {\n      CustomElementClass: DatePicker,\n    },\n    'time-picker': {\n      CustomElementClass: TimePicker,\n    },\n    'base-tooltip': {\n      CustomElementClass: Tooltip,\n    },\n    'number-counter': {\n      importPath: './number-counter.js',\n    },\n    'code-highlighter': {\n      importPath: './code-highlighter.js',\n    },\n    'base-breadcrumb': {\n      CustomElementClass: Breadcrumb,\n    },\n    'breadcrumb-item': {\n      CustomElementClass: BreadcrumbItem,\n    },\n    'base-toggle': {\n      CustomElementClass: Toggle,\n    },\n    'base-checkbox': {\n      CustomElementClass: Checkbox,\n    },\n  },\n};\n\nnew LoaderUtils(loaderConfig).start();\n"],"names":["cssComponentsStyleSheet","linkStyles","textStylesheet","tooltipStyles"],"mappings":"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"}
+{"version":3,"file":"peacock-loader.js","sources":["../../src/LoaderUtils.ts","../../src/peacock-loader.ts"],"sourcesContent":["interface ComponentConfig {\n  CustomElementClass?: any; // earger load\n  importPath?: string; // lazy load\n  dependencies?: string[];\n}\n\ninterface LoaderConfig {\n  components?: Record<string, ComponentConfig>;\n}\n\nexport { LoaderConfig };\n\nexport class LoaderUtils {\n  private _loaderConfig: LoaderConfig;\n\n  private _observer: MutationObserver | undefined;\n\n  constructor(loaderConfig: LoaderConfig) {\n    this._loaderConfig = loaderConfig;\n  }\n\n  static registerComponent(tagName: string, CustomElementClass: any) {\n    if (CustomElementClass && !customElements.get(tagName)) {\n      customElements.define(tagName, CustomElementClass);\n    }\n  }\n\n  start() {\n    this.eagerLoadComponents();\n    this.lazyLoadComponents(document);\n  }\n\n  eagerLoadComponents() {\n    if (!this._loaderConfig.components) return;\n    for (const [name, value] of Object.entries(this._loaderConfig.components)) {\n      if (value.CustomElementClass)\n        LoaderUtils.registerComponent(name, value.CustomElementClass);\n    }\n  }\n\n  async registerAsync(tagName: string): Promise<void> {\n    if (customElements.get(tagName)) return;\n\n    if (!this._loaderConfig.components) return;\n\n    const config = this._loaderConfig.components[tagName];\n    if (!config || !config.importPath) return;\n\n    try {\n      const module = await import(config.importPath);\n\n      // Runtime definition: grabbing the class from the module\n      const CustomElementClass =\n        module.default || module[Object.keys(module)[0]];\n\n      if (CustomElementClass && !customElements.get(tagName)) {\n        customElements.define(tagName, CustomElementClass);\n      }\n\n      // Handle dependencies recursively\n      if (config.dependencies) {\n        for (const dep of config.dependencies) {\n          // eslint-disable-next-line no-await-in-loop\n          await this.registerAsync(dep);\n        }\n      }\n    } catch (error) {\n      console.error(\n        `Unable to load <${tagName}> from ${config.importPath}`,\n        error,\n      );\n    }\n  }\n\n  async load(root: Element | Document): Promise<void> {\n    const rootTagName =\n      root instanceof Element ? root.tagName.toLowerCase() : '';\n\n    const tags = Array.from(root.querySelectorAll(':not(:defined)')).map(el =>\n      el.tagName.toLowerCase(),\n    );\n\n    if (rootTagName.includes('-') && !customElements.get(rootTagName)) {\n      tags.push(rootTagName);\n    }\n\n    const tagsToRegister = [...new Set(tags)];\n    await Promise.allSettled(\n      tagsToRegister.map(tagName => this.registerAsync(tagName)),\n    );\n  }\n\n  lazyLoadComponents(root: any) {\n    this._observer = new MutationObserver(mutations => {\n      for (const { addedNodes } of mutations) {\n        for (const node of addedNodes) {\n          if (node.nodeType === Node.ELEMENT_NODE) {\n            this.load(node as Element);\n          }\n        }\n      }\n    });\n\n    const target = root instanceof Document ? root.documentElement : root;\n    this.load(target);\n\n    this._observer.observe(target, {\n      subtree: true,\n      childList: true,\n    });\n  }\n}\n","// Eager loaded\nimport cssComponentsStyleSheet from '../assets/styles/tokens.css';\n\nimport { Elevation } from './elevation/elevation.js';\nimport { FocusRing } from './focus-ring/focus-ring.js';\nimport { Ripple } from './ripple/ripple.js';\n\nimport { Icon } from './icon/icon.js';\nimport { Avatar } from './avatar/avatar.js';\nimport { Badge } from './badge/badge.js';\nimport { Divider } from './divider/divider.js';\nimport { Button } from './button/button/button.js';\nimport { ButtonGroup } from './button/button-group/button-group.js';\nimport { IconButton } from './button/icon-button/icon-button.js';\nimport { Input } from './input/input.js';\nimport { Field } from './field/field.js';\nimport { NumberField } from './number-field/number-field.js';\nimport { DatePicker } from './date-picker/date-picker.js';\nimport { TimePicker } from './time-picker/time-picker.js';\nimport { Textarea } from './textarea/textarea.js';\nimport { Switch } from './switch/switch.js';\nimport { Checkbox } from './checkbox/checkbox.js';\n\nimport { Accordion } from './accordion/accordion/accordion.js';\nimport { Link } from './link/link.js';\nimport { Tag } from './chip/tag/tag.js';\nimport { Chip } from './chip/chip/chip.js';\nimport { LinearProgress } from './progress/linear-progress/linear-progress.js';\nimport { CircularProgress } from './progress/circular-progress/circular-progress.js';\n\nimport { Tooltip } from './popover/tooltip/tooltip.js';\nimport { Breadcrumb, BreadcrumbItem } from './breadcrumb/index.js';\n\nimport { Skeleton } from './skeleton/skeleton.js';\n\nimport { LoaderConfig, LoaderUtils } from './LoaderUtils.js';\nimport linkStyles from './link/link.css-component.scss';\nimport textStylesheet from './text/text.css-component.scss';\nimport tooltipStyles from './popover/tooltip.css-component.scss';\n\nfunction buildSheet(styleSheet: any) {\n  const sheet = new CSSStyleSheet();\n  // Add rules\n  sheet.replaceSync(styleSheet.toString());\n  return sheet;\n}\n\nconst styleSheets = [\n  buildSheet(cssComponentsStyleSheet),\n  buildSheet(linkStyles),\n  buildSheet(textStylesheet),\n  buildSheet(tooltipStyles),\n];\n\ndocument.adoptedStyleSheets = styleSheets;\n\nconst loaderConfig: LoaderConfig = {\n  components: {\n    'base-icon': {\n      CustomElementClass: Icon,\n      // importPath: './component/icon.js', - for lazy load give path instead of CustomElementClass\n    },\n    'focus-ring': {\n      CustomElementClass: FocusRing,\n    },\n    'base-avatar': {\n      CustomElementClass: Avatar,\n    },\n    'base-badge': {\n      CustomElementClass: Badge,\n    },\n    'base-button': {\n      CustomElementClass: Button,\n    },\n    'icon-button': {\n      CustomElementClass: IconButton,\n    },\n    'button-group': {\n      CustomElementClass: ButtonGroup,\n    },\n    'base-divider': {\n      CustomElementClass: Divider,\n    },\n    'base-elevation': {\n      CustomElementClass: Elevation,\n    },\n    'base-clock': {\n      importPath: './clock.js',\n    },\n    'base-ripple': {\n      CustomElementClass: Ripple,\n    },\n    'base-accordion': {\n      CustomElementClass: Accordion,\n    },\n    'accordion-item': {\n      CustomElementClass: Accordion.Item,\n    },\n    'base-link': {\n      CustomElementClass: Link,\n    },\n    'base-chip': {\n      CustomElementClass: Chip,\n    },\n    'base-tag': {\n      CustomElementClass: Tag,\n    },\n    'linear-progress': {\n      CustomElementClass: LinearProgress,\n    },\n    'circular-progress': {\n      CustomElementClass: CircularProgress,\n    },\n    'base-skeleton': {\n      CustomElementClass: Skeleton,\n    },\n    'input-field': {\n      CustomElementClass: Input,\n    },\n    'base-field': {\n      CustomElementClass: Field,\n    },\n    'number-field': {\n      CustomElementClass: NumberField,\n    },\n    'textarea-field': {\n      CustomElementClass: Textarea,\n    },\n    'date-picker': {\n      CustomElementClass: DatePicker,\n    },\n    'time-picker': {\n      CustomElementClass: TimePicker,\n    },\n    'base-tooltip': {\n      CustomElementClass: Tooltip,\n    },\n    'number-counter': {\n      importPath: './number-counter.js',\n    },\n    'code-highlighter': {\n      importPath: './code-highlighter.js',\n    },\n    'base-breadcrumb': {\n      CustomElementClass: Breadcrumb,\n    },\n    'breadcrumb-item': {\n      CustomElementClass: BreadcrumbItem,\n    },\n    'base-switch': {\n      CustomElementClass: Switch,\n    },\n    'base-checkbox': {\n      CustomElementClass: Checkbox,\n    },\n  },\n};\n\nnew LoaderUtils(loaderConfig).start();\n"],"names":["cssComponentsStyleSheet","linkStyles","textStylesheet","tooltipStyles"],"mappings":"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"}

package/dist/src/date-picker/date-picker.d.ts

@@ -0,0 +1,50 @@
+import BaseInput from '../input/BaseInput.js';
+/**
+ * @label Date Picker
+ * @tag date-picker
+ * @rawTag date-picker
+ *
+ * @summary The Date Picker component is used to capture date user input.
+ *
+ * @example
+ * ```html
+ * <date-picker label="Name" required placeholder="Enter your name"></date-picker>
+ * ```
+ */
+export declare class DatePicker extends BaseInput {
+    static styles: import("lit").CSSResultGroup[];
+    value: string;
+    name: string;
+    placeholder: string;
+    label: string;
+    inline: boolean;
+    size: 'sm' | 'md' | 'lg';
+    autocomplete: 'on' | 'off';
+    configAria: Record<string, string>;
+    variant: 'filled' | 'outlined' | 'default';
+    /**
+     * Helper text to display below the input.
+     */
+    helperText: string;
+    error: boolean;
+    errorText: string;
+    warning: boolean;
+    warningText: string;
+    private focused;
+    private passwordVisible;
+    /**
+     * Returns true when the text field has been interacted with. Native
+     * validation errors only display in response to user interactions.
+     */
+    private dirty;
+    private inputElement?;
+    private tabindex?;
+    connectedCallback(): void;
+    private handleInitialAttributes;
+    private __handleInput;
+    focus(): void;
+    blur(): void;
+    private __handleFocusChange;
+    private __redispatchEvent;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/date-picker/index.d.ts

@@ -0,0 +1 @@
+export { DatePicker } from './date-picker.js';

package/dist/src/field/field.d.ts

@@ -0,0 +1,30 @@
+import { LitElement, nothing } from 'lit';
+export declare class Field extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    label: string;
+    help: string;
+    required: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    skeleton: boolean;
+    helperText: string;
+    error: boolean;
+    errorText: string;
+    warning: boolean;
+    warningText: string;
+    textCount: string;
+    focused: boolean;
+    populated: boolean;
+    variant: 'filled' | 'outlined' | 'default';
+    host?: HTMLElement;
+    slotStartHasContent: boolean;
+    slotEndHasContent: boolean;
+    firstUpdated(): void;
+    __handleClick(): void;
+    __renderInputSlot(): import("lit-html").TemplateResult<1>;
+    __renderFieldHeader(): import("lit-html").TemplateResult<1> | typeof nothing;
+    render(): import("lit-html").TemplateResult<1>;
+    __renderFieldFooter(): import("lit-html").TemplateResult<1> | typeof nothing;
+    __renderHelperText(): import("lit-html").TemplateResult<1> | typeof nothing;
+    __renderWordCount(): import("lit-html").TemplateResult<1> | typeof nothing;
+}

package/dist/src/field/index.d.ts

@@ -0,0 +1 @@
+export { Field } from './field.js';

package/dist/src/index.d.ts

@@ -14,7 +14,13 @@ export { Chip } from './chip/chip/index.js';
 export { LinearProgress } from './progress/linear-progress/index.js';
 export { CircularProgress } from './progress/circular-progress/index.js';
 export { Skeleton } from './skeleton/index.js';
-export { Input, Field, NumberField, DatePicker, TimePicker, Textarea, Toggle, } from './input/index.js';
+export { Input } from './input/index.js';
+export { Field } from './field/index.js';
+export { NumberField } from './number-field/index.js';
+export { DatePicker } from './date-picker/index.js';
+export { TimePicker } from './time-picker/index.js';
+export { Textarea } from './textarea/index.js';
+export { Switch } from './switch/index.js';
 export { NumberCounter } from './number-counter/index.js';
 export { EmptyState } from './empty-state/index.js';
 export { Tooltip } from './popover/index.js';

package/dist/src/input/index.d.ts

@@ -1,7 +1 @@
-export { Input } from './input/input.js';
-export { Field } from './field/field.js';
-export { NumberField } from './number/number-field.js';
-export { Textarea } from './textarea/textarea.js';
-export { DatePicker } from './date-picker/date-picker.js';
-export { TimePicker } from './time-picker/time-picker.js';
-export { Toggle } from './toggle/toggle.js';
+export { Input } from './input.js';

package/dist/src/input/input.d.ts

@@ -0,0 +1,51 @@
+import BaseInput from './BaseInput.js';
+/**
+ * @label Input
+ * @tag input-field
+ * @rawTag input
+ *
+ * @summary The Input component is used to capture user input.
+ *
+ * @example
+ * ```html
+ * <input-field label="Name" required placeholder="Enter your name"></input-field>
+ * ```
+ */
+export declare class Input extends BaseInput {
+    static styles: import("lit").CSSResultGroup[];
+    value: string;
+    name: string;
+    placeholder: string;
+    label: string;
+    inline: boolean;
+    size: 'sm' | 'md' | 'lg';
+    type: 'text' | 'password' | 'email' | 'tel';
+    autocomplete: 'on' | 'off';
+    configAria: Record<string, string>;
+    variant: 'filled' | 'outlined' | 'default';
+    /**
+     * Helper text to display below the input.
+     */
+    helperText: string;
+    error: boolean;
+    errorText: string;
+    warning: boolean;
+    warningText: string;
+    private focused;
+    private passwordVisible;
+    /**
+     * Returns true when the text field has been interacted with. Native
+     * validation errors only display in response to user interactions.
+     */
+    private dirty;
+    private inputElement?;
+    private tabindex?;
+    connectedCallback(): void;
+    private handleInitialAttributes;
+    private __handleInput;
+    focus(): void;
+    blur(): void;
+    private __handleFocusChange;
+    private __redispatchEvent;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/number-field/index.d.ts

@@ -0,0 +1 @@
+export { NumberField } from './number-field.js';

package/dist/src/number-field/number-field.d.ts

@@ -0,0 +1,55 @@
+import BaseInput from '../input/BaseInput.js';
+/**
+ * @label Number Field
+ * @tag number-field
+ * @rawTag number
+ *
+ * @summary The Number Field component is used to capture numeric user input.
+ *
+ * @example
+ * ```html
+ * <number-field label="Age" placeholder="Enter your age"></number-field>
+ * ```
+ */
+export declare class NumberField extends BaseInput {
+    #private;
+    static styles: import("lit").CSSResultGroup[];
+    value?: number;
+    name: string;
+    placeholder: string;
+    label: string;
+    inline: boolean;
+    size: 'sm' | 'md' | 'lg';
+    max?: number;
+    min?: number;
+    step?: number;
+    autocomplete: 'on' | 'off';
+    configAria: Record<string, string>;
+    /**
+     * Helper text to display below the input.
+     */
+    helperText: string;
+    error: boolean;
+    errorText: string;
+    warning: boolean;
+    warningText: string;
+    stepper: boolean;
+    private focused;
+    /**
+     * Returns true when the text field has been interacted with. Native
+     * validation errors only display in response to user interactions.
+     */
+    private dirty;
+    private inputElement?;
+    private tabindex?;
+    connectedCallback(): void;
+    private handleInitialAttributes;
+    private __handleInput;
+    focus(): void;
+    blur(): void;
+    private __handleFocusChange;
+    private __redispatchEvent;
+    private stepUp;
+    private stepDown;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/switch/index.d.ts

@@ -0,0 +1 @@
+export { Switch } from './switch.js';

package/dist/src/switch/switch.d.ts

@@ -0,0 +1,89 @@
+import { nothing } from 'lit';
+import BaseInput from '../input/BaseInput.js';
+/**
+ * @label Switch
+ * @tag base-switch
+ * @rawTag switch
+ *
+ * @summary Captures boolean input with an on/off switch interaction.
+ * @overview
+ * <p>Toggles are used to enable or disable a single option. They provide immediate feedback about whether an option is active or inactive.</p>
+ *
+ * @cssprop --switch-track-color: Color of the switch track when checked.
+ * @cssprop --switch-track-off-color: Color of the switch track when unchecked.
+ * @cssprop --switch-width: Width of the switch track.
+ * @cssprop --switch-height: Height of the switch track.
+ * @cssprop --switch-handle-radius: Size of the switch handle.
+ * @cssprop --switch-handle-color: Color of the switch handle.
+ *
+ * @fires {CustomEvent} change - Dispatched when the switch value changes.
+ * @fires {CustomEvent} blur - Dispatched when the switch loses focus.
+ * @fires {CustomEvent} focus - Dispatched when the switch receives focus.
+ *
+ * @example
+ * ```html
+ * <base-switch value="true"></base-switch>
+ * ```
+ * @tags input, form
+ */
+export declare class Switch extends BaseInput {
+    static styles: import("lit").CSSResultGroup[];
+    value: boolean;
+    /**
+     * The input field name.
+     */
+    name: string;
+    /**
+     * The switch label.
+     */
+    label: string;
+    /**
+     * If true, the toggle has rounded corners. Defaults to `true`.
+     */
+    rounded: boolean;
+    /**
+     * If true, required icon is shown. Defaults to `false`.
+     */
+    required: boolean;
+    /**
+     * If true, the toggle is readonly. Defaults to `false`.
+     */
+    readonly: boolean;
+    /**
+     * If true, the user cannot interact with the toggle. Defaults to `false`.
+     */
+    disabled: boolean;
+    withIcon: boolean;
+    /**
+     * Configuration object for aria attributes.
+     */
+    configAria: Record<string, string>;
+    private hasFocus;
+    private isActive;
+    private slotHasContent;
+    private trackElement?;
+    private nativeElement?;
+    private tabindex?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    private handleInitialAttributes;
+    private windowMouseUp;
+    private windowKeyUp;
+    private mouseDownHandler;
+    private keyDownHandler;
+    private clickHandler;
+    private blurHandler;
+    private focusHandler;
+    private handleKeyUp;
+    /**
+     * Sets focus on the toggle.
+     */
+    focus(): void;
+    /**
+     * Removes focus from the toggle.
+     */
+    blur(): void;
+    __renderIcon(): import("lit-html").TemplateResult<1> | typeof nothing;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/textarea/index.d.ts

@@ -0,0 +1 @@
+export { Textarea } from './textarea.js';

package/dist/src/textarea/textarea.d.ts

@@ -0,0 +1,51 @@
+import BaseInput from '../input/BaseInput.js';
+/**
+ * @label Textarea
+ * @tag textarea-field
+ * @rawTag textarea
+ *
+ * @summary The Textarea component is used to capture user input.
+ *
+ * @example
+ * ```html
+ * <textarea-field label="Name" required placeholder="Enter your name"></textarea-field>
+ * ```
+ */
+export declare class Textarea extends BaseInput {
+    static styles: import("lit").CSSResultGroup[];
+    value: string;
+    name: string;
+    placeholder: string;
+    label: string;
+    inline: boolean;
+    size: 'sm' | 'md' | 'lg';
+    autocomplete: 'on' | 'off';
+    configAria: Record<string, string>;
+    variant: 'filled' | 'outlined' | 'default';
+    /**
+     * Helper text to display below the input.
+     */
+    helperText: string;
+    error: boolean;
+    errorText: string;
+    warning: boolean;
+    warningText: string;
+    rows: string;
+    private focused;
+    private passwordVisible;
+    /**
+     * Returns true when the text field has been interacted with. Native
+     * validation errors only display in response to user interactions.
+     */
+    private dirty;
+    private inputElement?;
+    private tabindex?;
+    connectedCallback(): void;
+    private handleInitialAttributes;
+    private __handleInput;
+    focus(): void;
+    blur(): void;
+    private __handleFocusChange;
+    private __redispatchEvent;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/time-picker/index.d.ts

@@ -0,0 +1 @@
+export { TimePicker } from './time-picker.js';

package/dist/src/time-picker/time-picker.d.ts

@@ -0,0 +1,50 @@
+import BaseInput from '../input/BaseInput.js';
+/**
+ * @label Time Picker
+ * @tag time-picker
+ * @rawTag time-picker
+ *
+ * @summary The Time Picker component is used to capture time user input.
+ *
+ * @example
+ * ```html
+ * <time-picker label="Name" required placeholder="Enter your name"></time-picker>
+ * ```
+ */
+export declare class TimePicker extends BaseInput {
+    static styles: import("lit").CSSResultGroup[];
+    value: string;
+    name: string;
+    placeholder: string;
+    label: string;
+    inline: boolean;
+    size: 'sm' | 'md' | 'lg';
+    autocomplete: 'on' | 'off';
+    configAria: Record<string, string>;
+    variant: 'filled' | 'outlined' | 'default';
+    /**
+     * Helper text to display below the input.
+     */
+    helperText: string;
+    error: boolean;
+    errorText: string;
+    warning: boolean;
+    warningText: string;
+    private focused;
+    private passwordVisible;
+    /**
+     * Returns true when the text field has been interacted with. Native
+     * validation errors only display in response to user interactions.
+     */
+    private dirty;
+    private inputElement?;
+    private tabindex?;
+    connectedCallback(): void;
+    private handleInitialAttributes;
+    private __handleInput;
+    focus(): void;
+    blur(): void;
+    private __handleFocusChange;
+    private __redispatchEvent;
+    render(): import("lit-html").TemplateResult<1>;
+}