@redvars/peacock 3.8.2 → 3.8.4

package/dist/color-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker.js","sources":["../../src/color-picker/color-picker.ts"],"sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, state, query } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport styles from './color-picker.scss';\nimport IndividualComponent from '@/IndividualComponent.js';\n\n// ── Color utilities ───────────────────────────────────────────────────────────\n\nfunction hexToRgb(hex: string): { r: number; g: number; b: number } {\n  const clean = hex.replace('#', '');\n  const full = clean.length === 3\n    ? clean.split('').map(c => c + c).join('')\n    : clean.slice(0, 6);\n  const n = parseInt(full, 16);\n  return { r: (n >> 16) & 0xff, g: (n >> 8) & 0xff, b: n & 0xff };\n}\n\nfunction rgbToHex(r: number, g: number, b: number): string {\n  return '#' + [r, g, b].map(v => Math.round(v).toString(16).padStart(2, '0')).join('');\n}\n\nfunction rgbToHsv(r: number, g: number, b: number): { h: number; s: number; v: number } {\n  const r1 = r / 255, g1 = g / 255, b1 = b / 255;\n  const max = Math.max(r1, g1, b1);\n  const min = Math.min(r1, g1, b1);\n  const delta = max - min;\n\n  let h = 0;\n  if (delta !== 0) {\n    if (max === r1) h = ((g1 - b1) / delta) % 6;\n    else if (max === g1) h = (b1 - r1) / delta + 2;\n    else h = (r1 - g1) / delta + 4;\n    h = Math.round(h * 60);\n    if (h < 0) h += 360;\n  }\n\n  return { h, s: max === 0 ? 0 : delta / max, v: max };\n}\n\nfunction hsvToRgb(h: number, s: number, v: number): { r: number; g: number; b: number } {\n  const c = v * s;\n  const x = c * (1 - Math.abs((h / 60) % 2 - 1));\n  const m = v - c;\n  let r1 = 0, g1 = 0, b1 = 0;\n\n  if (h < 60) { r1 = c; g1 = x; }\n  else if (h < 120) { r1 = x; g1 = c; }\n  else if (h < 180) { g1 = c; b1 = x; }\n  else if (h < 240) { g1 = x; b1 = c; }\n  else if (h < 300) { r1 = x; b1 = c; }\n  else { r1 = c; b1 = x; }\n\n  return {\n    r: Math.round((r1 + m) * 255),\n    g: Math.round((g1 + m) * 255),\n    b: Math.round((b1 + m) * 255),\n  };\n}\n\nfunction isValidHex(s: string): boolean {\n  return /^[0-9a-fA-F]{6}$/.test(s);\n}\n\n// ── Component ─────────────────────────────────────────────────────────────────\n\n/**\n * @label Color Picker\n * @tag wc-color-picker\n * @rawTag color-picker\n *\n * @summary A color picker component for selecting colors via a hue/saturation/value interface.\n *\n * @overview\n * <p>The color picker presents a 2D saturation–brightness panel with a hue slider below it.\n * An optional alpha slider allows controlling opacity. The current hex value is displayed in\n * an editable text field.</p>\n *\n * @cssprop --color-picker-width - Overall width of the component. Defaults to 240px.\n * @cssprop --color-picker-sv-height - Height of the saturation/brightness panel. Defaults to 160px.\n *\n * @fires {CustomEvent<{value: string, alpha: number}>} input - Dispatched continuously while the color is being changed.\n * @fires {CustomEvent<{value: string, alpha: number}>} change - Dispatched when a color change is committed (pointer up, key, or input blur).\n *\n * @example\n * ```html\n * <wc-color-picker value=\"#2352d5\"></wc-color-picker>\n * ```\n *\n * @example\n * ```html\n * <wc-color-picker value=\"#ff573380\" alpha></wc-color-picker>\n * ```\n */\n@IndividualComponent\nexport class ColorPicker extends LitElement {\n  // ── Static ────────────────────────────────────────────────────────────────\n\n  static styles = [styles];\n\n  // ── Properties ───────────────────────────────────────────────────────────\n\n  /**\n   * The current color as a 6-digit hex string (e.g. `\"#ff5733\"`).\n   */\n  @property({ type: String, reflect: true }) value = '#2352d5';\n\n  /**\n   * Whether to show the alpha (opacity) slider and input.\n   */\n  @property({ type: Boolean }) alpha = false;\n\n  /**\n   * Whether the color picker is disabled.\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  // ── State ─────────────────────────────────────────────────────────────────\n\n  /** Current hue, 0–360. */\n  @state() private _hue = 0;\n\n  /** Current saturation, 0–1 (x-axis of the SV panel). */\n  @state() private _sat = 0;\n\n  /** Current brightness (value in HSV), 0–1 (y-axis, 1 = bright). */\n  @state() private _bri = 1;\n\n  /** Current opacity, 0–1. */\n  @state() private _opacity = 1;\n\n  /** Intermediate value for the hex text input (without `#`). */\n  @state() private _hexInput = '';\n\n  // ── Queries ───────────────────────────────────────────────────────────────\n\n  @query('.sv-panel') private _svPanel?: HTMLElement;\n  @query('.hue-track') private _hueTrack?: HTMLElement;\n  @query('.alpha-track') private _alphaTrack?: HTMLElement;\n\n  // ── Private fields ────────────────────────────────────────────────────────\n\n  /** Tracks which drag handle is currently active. */\n  private _dragging: 'sv' | 'hue' | 'alpha' | null = null;\n\n  /** The last `value` we set ourselves, used to skip redundant re-syncs in `updated`. */\n  private _lastEmittedValue = '';\n\n  // ── Lifecycle ─────────────────────────────────────────────────────────────\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._syncFromValue();\n    this._lastEmittedValue = this.value;\n  }\n\n  updated(changed: Map<PropertyKey, unknown>) {\n    if (changed.has('value') && this.value !== this._lastEmittedValue) {\n      this._syncFromValue();\n    }\n  }\n\n  // ── Private methods ───────────────────────────────────────────────────────\n\n  private _syncFromValue() {\n    const clean = this.value.startsWith('#') ? this.value.slice(1) : this.value;\n    if (!isValidHex(clean)) return;\n    const { r, g, b } = hexToRgb('#' + clean);\n    const { h, s, v } = rgbToHsv(r, g, b);\n    this._hue = h;\n    this._sat = s;\n    this._bri = v;\n    this._hexInput = clean.toUpperCase();\n  }\n\n  private _computeHex(): string {\n    const { r, g, b } = hsvToRgb(this._hue, this._sat, this._bri);\n    return rgbToHex(r, g, b);\n  }\n\n  private _emitValue(type: 'input' | 'change') {\n    const hex = this._computeHex();\n    this._lastEmittedValue = hex;\n    this.value = hex;\n    this._hexInput = hex.slice(1).toUpperCase();\n    this.dispatchEvent(new CustomEvent(type, {\n      detail: { value: hex, alpha: this._opacity },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  // SV panel\n  private _onSvPointerDown(e: PointerEvent) {\n    if (this.disabled) return;\n    e.preventDefault();\n    this._dragging = 'sv';\n    (e.currentTarget as Element).setPointerCapture(e.pointerId);\n    this._updateSv(e);\n    this._emitValue('input');\n  }\n\n  private _onSvPointerMove(e: PointerEvent) {\n    if (this._dragging !== 'sv') return;\n    this._updateSv(e);\n    this._emitValue('input');\n  }\n\n  private _onSvPointerUp() {\n    if (this._dragging !== 'sv') return;\n    this._dragging = null;\n    this._emitValue('change');\n  }\n\n  private _updateSv(e: PointerEvent) {\n    const rect = this._svPanel!.getBoundingClientRect();\n    this._sat = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));\n    this._bri = 1 - Math.max(0, Math.min(1, (e.clientY - rect.top) / rect.height));\n  }\n\n  private _onSvKeyDown(e: KeyboardEvent) {\n    if (this.disabled) return;\n    const step = e.shiftKey ? 0.1 : 0.01;\n    let changed = false;\n\n    if (e.key === 'ArrowRight') { this._sat = Math.min(1, this._sat + step); changed = true; }\n    else if (e.key === 'ArrowLeft') { this._sat = Math.max(0, this._sat - step); changed = true; }\n    else if (e.key === 'ArrowUp') { this._bri = Math.min(1, this._bri + step); changed = true; }\n    else if (e.key === 'ArrowDown') { this._bri = Math.max(0, this._bri - step); changed = true; }\n\n    if (changed) {\n      e.preventDefault();\n      this._emitValue('input');\n      this._emitValue('change');\n    }\n  }\n\n  // Hue slider\n  private _onHuePointerDown(e: PointerEvent) {\n    if (this.disabled) return;\n    e.preventDefault();\n    this._dragging = 'hue';\n    (e.currentTarget as Element).setPointerCapture(e.pointerId);\n    this._updateHue(e);\n    this._emitValue('input');\n  }\n\n  private _onHuePointerMove(e: PointerEvent) {\n    if (this._dragging !== 'hue') return;\n    this._updateHue(e);\n    this._emitValue('input');\n  }\n\n  private _onHuePointerUp() {\n    if (this._dragging !== 'hue') return;\n    this._dragging = null;\n    this._emitValue('change');\n  }\n\n  private _updateHue(e: PointerEvent) {\n    const rect = this._hueTrack!.getBoundingClientRect();\n    this._hue = Math.round(Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width)) * 360);\n  }\n\n  private _onHueKeyDown(e: KeyboardEvent) {\n    if (this.disabled) return;\n    const step = e.shiftKey ? 10 : 1;\n    let changed = false;\n\n    if (e.key === 'ArrowRight' || e.key === 'ArrowUp') { this._hue = Math.min(360, this._hue + step); changed = true; }\n    else if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') { this._hue = Math.max(0, this._hue - step); changed = true; }\n\n    if (changed) {\n      e.preventDefault();\n      this._emitValue('input');\n      this._emitValue('change');\n    }\n  }\n\n  // Alpha slider\n  private _onAlphaPointerDown(e: PointerEvent) {\n    if (this.disabled) return;\n    e.preventDefault();\n    this._dragging = 'alpha';\n    (e.currentTarget as Element).setPointerCapture(e.pointerId);\n    this._updateAlpha(e);\n    this._emitValue('input');\n  }\n\n  private _onAlphaPointerMove(e: PointerEvent) {\n    if (this._dragging !== 'alpha') return;\n    this._updateAlpha(e);\n    this._emitValue('input');\n  }\n\n  private _onAlphaPointerUp() {\n    if (this._dragging !== 'alpha') return;\n    this._dragging = null;\n    this._emitValue('change');\n  }\n\n  private _updateAlpha(e: PointerEvent) {\n    const rect = this._alphaTrack!.getBoundingClientRect();\n    this._opacity = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));\n  }\n\n  private _onAlphaKeyDown(e: KeyboardEvent) {\n    if (this.disabled) return;\n    const step = e.shiftKey ? 0.1 : 0.01;\n    let changed = false;\n\n    if (e.key === 'ArrowRight' || e.key === 'ArrowUp') { this._opacity = Math.min(1, this._opacity + step); changed = true; }\n    else if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') { this._opacity = Math.max(0, this._opacity - step); changed = true; }\n\n    if (changed) {\n      e.preventDefault();\n      this._emitValue('input');\n      this._emitValue('change');\n    }\n  }\n\n  // Hex input\n  private _onHexInput(e: InputEvent) {\n    const raw = (e.target as HTMLInputElement).value.toUpperCase().replace(/[^0-9A-F]/g, '');\n    this._hexInput = raw;\n    if (isValidHex(raw)) {\n      const { r, g, b } = hexToRgb('#' + raw);\n      const { h, s, v } = rgbToHsv(r, g, b);\n      this._hue = h;\n      this._sat = s;\n      this._bri = v;\n      this._emitValue('input');\n    }\n  }\n\n  private _onHexChange() {\n    if (isValidHex(this._hexInput)) {\n      this._emitValue('change');\n    } else {\n      this._hexInput = this.value.slice(1).toUpperCase();\n    }\n  }\n\n  private _onAlphaNumberChange(e: Event) {\n    const raw = parseInt((e.target as HTMLInputElement).value, 10);\n    this._opacity = Math.max(0, Math.min(100, isNaN(raw) ? 100 : raw)) / 100;\n    this._emitValue('change');\n  }\n\n  // ── Render ────────────────────────────────────────────────────────────────\n\n  render() {\n    const hueColor = `hsl(${this._hue}, 100%, 50%)`;\n    const currentHex = this._computeHex();\n    const { r, g, b } = hsvToRgb(this._hue, this._sat, this._bri);\n    const previewColor = `rgba(${r}, ${g}, ${b}, ${this._opacity})`;\n\n    return html`\n      <div class=\"color-picker ${this.disabled ? 'disabled' : ''}\">\n\n        <!-- Saturation / Brightness 2D panel -->\n        <div\n          class=\"sv-panel\"\n          style=${styleMap({ '--hue-color': hueColor })}\n          @pointerdown=${this._onSvPointerDown}\n          @pointermove=${this._onSvPointerMove}\n          @pointerup=${this._onSvPointerUp}\n          @pointercancel=${this._onSvPointerUp}\n        >\n          <div\n            class=\"sv-cursor\"\n            role=\"slider\"\n            tabindex=${this.disabled ? '-1' : '0'}\n            aria-label=\"Saturation and brightness\"\n            aria-valuetext=\"Saturation ${Math.round(this._sat * 100)}%, Brightness ${Math.round(this._bri * 100)}%\"\n            style=${styleMap({\n              left: `${this._sat * 100}%`,\n              top: `${(1 - this._bri) * 100}%`,\n            })}\n            @keydown=${this._onSvKeyDown}\n          ></div>\n        </div>\n\n        <!-- Preview swatch + sliders -->\n        <div class=\"controls-row\">\n          <div class=\"color-preview\">\n            <div class=\"preview-inner\" style=${styleMap({ background: previewColor })}></div>\n          </div>\n\n          <div class=\"sliders\">\n            <!-- Hue slider -->\n            <div\n              class=\"slider-track hue-track\"\n              @pointerdown=${this._onHuePointerDown}\n              @pointermove=${this._onHuePointerMove}\n              @pointerup=${this._onHuePointerUp}\n              @pointercancel=${this._onHuePointerUp}\n            >\n              <div\n                class=\"slider-thumb\"\n                role=\"slider\"\n                tabindex=${this.disabled ? '-1' : '0'}\n                aria-label=\"Hue\"\n                aria-valuemin=\"0\"\n                aria-valuemax=\"360\"\n                aria-valuenow=${this._hue}\n                style=${styleMap({ left: `${(this._hue / 360) * 100}%` })}\n                @keydown=${this._onHueKeyDown}\n              ></div>\n            </div>\n\n            ${this.alpha ? html`\n              <!-- Alpha slider -->\n              <div\n                class=\"slider-track alpha-track\"\n                style=${styleMap({ '--current-color': currentHex })}\n                @pointerdown=${this._onAlphaPointerDown}\n                @pointermove=${this._onAlphaPointerMove}\n                @pointerup=${this._onAlphaPointerUp}\n                @pointercancel=${this._onAlphaPointerUp}\n              >\n                <div\n                  class=\"slider-thumb\"\n                  role=\"slider\"\n                  tabindex=${this.disabled ? '-1' : '0'}\n                  aria-label=\"Opacity\"\n                  aria-valuemin=\"0\"\n                  aria-valuemax=\"100\"\n                  aria-valuenow=${Math.round(this._opacity * 100)}\n                  style=${styleMap({ left: `${this._opacity * 100}%` })}\n                  @keydown=${this._onAlphaKeyDown}\n                ></div>\n              </div>\n            ` : nothing}\n          </div>\n        </div>\n\n        <!-- Hex + alpha inputs -->\n        <div class=\"inputs-row\">\n          <div class=\"hex-input-wrapper\">\n            <span class=\"input-label\">HEX</span>\n            <span class=\"hex-prefix\">#</span>\n            <input\n              class=\"hex-input\"\n              type=\"text\"\n              inputmode=\"text\"\n              maxlength=\"6\"\n              spellcheck=\"false\"\n              autocomplete=\"off\"\n              .value=${this._hexInput}\n              ?disabled=${this.disabled}\n              aria-label=\"Hex color value\"\n              @input=${this._onHexInput}\n              @change=${this._onHexChange}\n            />\n          </div>\n\n          ${this.alpha ? html`\n            <div class=\"alpha-input-wrapper\">\n              <input\n                class=\"alpha-input\"\n                type=\"number\"\n                min=\"0\"\n                max=\"100\"\n                step=\"1\"\n                .value=${String(Math.round(this._opacity * 100))}\n                ?disabled=${this.disabled}\n                aria-label=\"Opacity percentage\"\n                @change=${this._onAlphaNumberChange}\n              />\n              <span class=\"input-label\">%</span>\n            </div>\n          ` : nothing}\n        </div>\n\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","b","html","styleMap","nothing","styles","property","state","query"],"mappings":"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"}

package/dist/condition-builder.js

@@ -2,6 +2,7 @@ import { i, _ as __decorate, I as IndividualComponent, a as i$1, b } from './Ind
 
 var css_248z = i`* {
   box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
 }
 
 .screen-reader-only {

package/dist/condition-builder.js.map

@@ -1 +1 @@
-{"version":3,"file":"condition-builder.js","sources":["../../src/condition-builder/condition-builder.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport IndividualComponent from '@/IndividualComponent.js';\nimport styles from './condition-builder.scss';\n\n/**\n * @label Condition Builder\n * @tag wc-condition-builder\n * @rawTag condition-builder\n * @summary A condition builder component that allows users to construct complex filter conditions using a visual rule-based interface with predicates, compound expressions, and logical operators.\n * @tags condition-builder\n *\n * @example\n * ```html\n * <wc-condition-builder>\n *   <wc-cb-predicate condition-operator=\"or\">\n *     <wc-cb-predicate vertical condition-operator=\"and\">\n *       <wc-cb-compound-expression field-label=\"Age\" condition-operator=\"or\">\n *         <wc-cb-expression>\n *           <wc-input inline placeholder=\"Enter value\"></wc-input>\n *         </wc-cb-expression>\n *       </wc-cb-compound-expression>\n *     </wc-cb-predicate>\n *   </wc-cb-predicate>\n * </wc-condition-builder>\n * ```\n */\n@IndividualComponent\nexport class ConditionBuilder extends LitElement {\n  static styles = [styles];\n\n  render() {\n    return html`\n      <div class=\"condition-builder\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","html","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAIA;;;;;;;;;;;;;;;;;;;;;AAqBG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQA,GAAU,CAAA;IAG9C,MAAM,GAAA;AACJ,QAAA,OAAOC,CAAI,CAAA;;;;KAIV;IACH;;AARO,gBAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AADb,gBAAgB,GAAA,UAAA,CAAA;IAD5B;AACY,CAAA,EAAA,gBAAgB,CAU5B;;;;"}
+{"version":3,"file":"condition-builder.js","sources":["../../src/condition-builder/condition-builder.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport IndividualComponent from '@/IndividualComponent.js';\nimport styles from './condition-builder.scss';\n\n/**\n * @label Condition Builder\n * @tag wc-condition-builder\n * @rawTag condition-builder\n * @summary A condition builder component that allows users to construct complex filter conditions using a visual rule-based interface with predicates, compound expressions, and logical operators.\n * @tags condition-builder\n *\n * @example\n * ```html\n * <wc-condition-builder>\n *   <wc-cb-predicate condition-operator=\"or\">\n *     <wc-cb-predicate vertical condition-operator=\"and\">\n *       <wc-cb-compound-expression field-label=\"Age\" condition-operator=\"or\">\n *         <wc-cb-expression>\n *           <wc-input inline placeholder=\"Enter value\"></wc-input>\n *         </wc-cb-expression>\n *       </wc-cb-compound-expression>\n *     </wc-cb-predicate>\n *   </wc-cb-predicate>\n * </wc-condition-builder>\n * ```\n */\n@IndividualComponent\nexport class ConditionBuilder extends LitElement {\n  static styles = [styles];\n\n  render() {\n    return html`\n      <div class=\"condition-builder\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","html","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAIA;;;;;;;;;;;;;;;;;;;;;AAqBG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQA,GAAU,CAAA;IAG9C,MAAM,GAAA;AACJ,QAAA,OAAOC,CAAI,CAAA;;;;KAIV;IACH;;AARO,gBAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AADb,gBAAgB,GAAA,UAAA,CAAA;IAD5B;AACY,CAAA,EAAA,gBAAgB,CAU5B;;;;"}

package/dist/container.js

@@ -5,6 +5,7 @@ import './directive-ZPhl09Yt.js';
 
 var css_248z = i`* {
   box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
 }
 
 .screen-reader-only {

package/dist/container.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.js","sources":["../../src/container/container.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport styles from './container.scss';\nimport IndividualComponent from '@/IndividualComponent.js';\n\ntype ContainerSize = 'max' | 'xl' | 'lg' | 'md' | 'sm' | 'full';\n\n/**\n * @label Container\n * @tag wc-container\n * @rawTag container\n * @summary A responsive container component for layout.\n * @cssprop --container-max-width - Controls the maximum width of the container.\n * @cssprop --container-padding - Controls the padding of the container.\n * @tags layout\n *\n * @example\n * ```html\n * <wc-container style=\"width: 80%; border: 1px dotted black;\" size=\"md\">Content</wc-container>\n * ```\n */\n@IndividualComponent\nexport class Container extends LitElement {\n  static styles = [styles];\n\n  /**\n   * Max-width breakpoint of the container.\n   * Possible values are `\"max\"`, `\"xl\"`, `\"lg\"`, `\"md\"`, `\"sm\"`, `\"full\"`. Defaults to `\"full\"`.\n   */\n  @property({ type: String, reflect: true })\n  size: ContainerSize = 'full';\n\n  render() {\n    const wrapperClasses = {\n      'container-wrapper': true,\n      [`size-${this.size}`]: true,\n    };\n\n    return html`\n      <div class=${classMap(wrapperClasses)}>\n        <div class=\"container\">\n          <div class=\"content\">\n            <slot></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}"],"names":["LitElement","html","classMap","styles","property"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA;;;;;;;;;;;;;AAaG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQA,GAAU,CAAA;AAAlC,IAAA,WAAA,GAAA;;AAGL;;;AAGG;QAEH,IAAA,CAAA,IAAI,GAAkB,MAAM;IAkB9B;IAhBE,MAAM,GAAA;AACJ,QAAA,MAAM,cAAc,GAAG;AACrB,YAAA,mBAAmB,EAAE,IAAI;AACzB,YAAA,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,IAAI;SAC5B;AAED,QAAA,OAAOC,CAAI,CAAA;mBACIC,CAAQ,CAAC,cAAc,CAAC,CAAA;;;;;;;KAOtC;IACH;;AAxBO,SAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AAOxB,UAAA,CAAA;IADCC,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AACZ,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AARlB,SAAS,GAAA,UAAA,CAAA;IADrB;AACY,CAAA,EAAA,SAAS,CA0BrB;;;;"}
+{"version":3,"file":"container.js","sources":["../../src/container/container.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport styles from './container.scss';\nimport IndividualComponent from '@/IndividualComponent.js';\n\ntype ContainerSize = 'max' | 'xl' | 'lg' | 'md' | 'sm' | 'full';\n\n/**\n * @label Container\n * @tag wc-container\n * @rawTag container\n * @summary A responsive container component for layout.\n * @cssprop --container-max-width - Controls the maximum width of the container.\n * @cssprop --container-padding - Controls the padding of the container.\n * @tags layout\n *\n * @example\n * ```html\n * <wc-container style=\"width: 80%; border: 1px dotted black;\" size=\"md\">Content</wc-container>\n * ```\n */\n@IndividualComponent\nexport class Container extends LitElement {\n  static styles = [styles];\n\n  /**\n   * Max-width breakpoint of the container.\n   * Possible values are `\"max\"`, `\"xl\"`, `\"lg\"`, `\"md\"`, `\"sm\"`, `\"full\"`. Defaults to `\"full\"`.\n   */\n  @property({ type: String, reflect: true })\n  size: ContainerSize = 'full';\n\n  render() {\n    const wrapperClasses = {\n      'container-wrapper': true,\n      [`size-${this.size}`]: true,\n    };\n\n    return html`\n      <div class=${classMap(wrapperClasses)}>\n        <div class=\"container\">\n          <div class=\"content\">\n            <slot></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}"],"names":["LitElement","html","classMap","styles","property"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA;;;;;;;;;;;;;AAaG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQA,GAAU,CAAA;AAAlC,IAAA,WAAA,GAAA;;AAGL;;;AAGG;QAEH,IAAA,CAAA,IAAI,GAAkB,MAAM;IAkB9B;IAhBE,MAAM,GAAA;AACJ,QAAA,MAAM,cAAc,GAAG;AACrB,YAAA,mBAAmB,EAAE,IAAI;AACzB,YAAA,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,IAAI;SAC5B;AAED,QAAA,OAAOC,CAAI,CAAA;mBACIC,CAAQ,CAAC,cAAc,CAAC,CAAA;;;;;;;KAOtC;IACH;;AAxBO,SAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AAOxB,UAAA,CAAA;IADCC,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AACZ,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AARlB,SAAS,GAAA,UAAA,CAAA;IADrB;AACY,CAAA,EAAA,SAAS,CA0BrB;;;;"}

package/dist/custom-elements-jsdocs.json

@@ -11,22 +11,22 @@
       "description": "",
       "attributes": [
         {
-          "name": "multi",
+          "name": "multiple",
           "type": {
             "text": "boolean"
           },
           "default": "false",
           "description": "Whether multiple panels can be expanded simultaneously.\nWhen `false` (default), expanding one panel collapses all others.",
-          "fieldName": "multi"
+          "fieldName": "multiple"
         },
         {
-          "name": "display-mode",
+          "name": "variant",
           "type": {
             "text": "'default' | 'flat'"
           },
           "default": "'default'",
-          "description": "Display mode for the accordion.\n`'default'` renders panels with a subtle background on expand and dividers between items.\n`'flat'` renders panels without borders or background changes — suitable for use inside cards.",
-          "fieldName": "displayMode"
+          "description": "Variant for the accordion.\n`'default'` renders panels with a subtle background on expand and dividers between items.\n`'flat'` renders panels without borders or background changes — suitable for use inside cards.",
+          "fieldName": "variant"
         }
       ],
       "superclass": {
@@ -573,8 +573,8 @@
           "type": {
             "text": "boolean"
           },
-          "default": "false",
-          "description": "Icon alignment.\nPossible values are `\"start\"`, `\"end\"`. Defaults to `\"end\"`.",
+          "default": "true",
+          "description": "When `true` (default), the icon is placed after the label (trailing).\nWhen `false`, the icon is placed before the label (leading).",
           "fieldName": "trailingIcon"
         },
         {
@@ -853,7 +853,7 @@
     "tag": "wc-button-group",
     "rawTag": "button-group",
     "summary": "Group a series of buttons together on a single line with the button group, and super-power.",
-    "example": "```html\n<wc-button-group connected=\"true\">\n <wc-icon-button toggle=\"true\" shaped=\"wide\">\n   <wc-icon name=\"format_bold\"></wc-icon>\n </wc-icon-button>\n <wc-icon-button toggle=\"true\" shaped=\"wide\">\n   <wc-icon name=\"format_italic\"></wc-icon>\n </wc-icon-button>\n <wc-icon-button toggle=\"true\" shaped=\"wide\">\n   <wc-icon name=\"format_underlined\"></wc-icon>\n </wc-icon-button>\n</wc-button-group>\n```",
+    "example": "```html\n<wc-button-group connected>\n <wc-icon-button toggle=\"true\" shape=\"wide\" selected>\n   <wc-icon name=\"format_bold\"></wc-icon>\n </wc-icon-button>\n <wc-icon-button toggle=\"true\" shape=\"wide\">\n   <wc-icon name=\"format_italic\"></wc-icon>\n </wc-icon-button>\n <wc-icon-button toggle=\"true\" shape=\"wide\">\n   <wc-icon name=\"format_underlined\"></wc-icon>\n </wc-icon-button>\n</wc-button-group>\n```",
     "tags": "controls",
     "customElement": {
       "kind": "class",
@@ -2517,6 +2517,91 @@
       }
     }
   },
+  {
+    "label": "Color Picker",
+    "tag": "wc-color-picker",
+    "rawTag": "color-picker",
+    "summary": "A color picker component for selecting colors via a hue/saturation/value interface.",
+    "overview": "<p>The color picker presents a 2D saturation–brightness panel with a hue slider below it.\nAn optional alpha slider allows controlling opacity. The current hex value is displayed in\nan editable text field.</p>",
+    "cssprop": "--color-picker-sv-height - Height of the saturation/brightness panel. Defaults to 160px.",
+    "fires": "change - Dispatched when a color change is committed (pointer up, key, or input blur).",
+    "example": "```html\n<wc-color-picker value=\"#ff573380\" alpha></wc-color-picker>\n```",
+    "customElement": {
+      "kind": "class",
+      "description": "",
+      "cssProperties": [
+        {
+          "description": "Overall width of the component. Defaults to 240px.",
+          "name": "--color-picker-width"
+        },
+        {
+          "description": "Height of the saturation/brightness panel. Defaults to 160px.",
+          "name": "--color-picker-sv-height"
+        }
+      ],
+      "events": [
+        {
+          "name": "type",
+          "type": {
+            "text": "CustomEvent"
+          }
+        },
+        {
+          "type": {
+            "text": "CustomEvent<{value: string, alpha: number}>"
+          },
+          "description": "Dispatched continuously while the color is being changed.",
+          "name": "input"
+        },
+        {
+          "type": {
+            "text": "CustomEvent<{value: string, alpha: number}>"
+          },
+          "description": "Dispatched when a color change is committed (pointer up, key, or input blur).",
+          "name": "change"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "value",
+          "type": {
+            "text": "string"
+          },
+          "default": "'#2352d5'",
+          "description": "The current color as a 6-digit hex string (e.g. `\"#ff5733\"`).",
+          "fieldName": "value"
+        },
+        {
+          "name": "alpha",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "description": "Whether to show the alpha (opacity) slider and input.",
+          "fieldName": "alpha"
+        },
+        {
+          "name": "disabled",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "description": "Whether the color picker is disabled.",
+          "fieldName": "disabled"
+        }
+      ],
+      "superclass": {
+        "name": "LitElement",
+        "package": "lit"
+      },
+      "tagName": "wc-color-picker",
+      "customElement": true,
+      "rawTag": {
+        "name": "color-picker",
+        "description": ""
+      }
+    }
+  },
   {
     "label": "Condition Builder",
     "tag": "wc-condition-builder",
@@ -4583,7 +4668,7 @@
     "tag": "wc-item",
     "rawTag": "item",
     "summary": "A primitive element used to build higher-level item components such as menu-item, navigation-item, and list-item. Provides start, text, and end slots for flexible content composition.",
-    "example": "```html\n<wc-item>\n  <wc-icon slot=\"start\" name=\"notifications\"></wc-icon>\n\n  <span slot=\"overline\">Settings</span>\n  <span slot=\"headline\">Notifications</span>\n  <span slot=\"supporting-text\">Manage alerts and reminders</span>\n\n  <span slot=\"trailing-supporting-text\">3</span>\n  <wc-icon slot=\"end\" name=\"chevron_right\"></wc-icon>\n</wc-item>\n```",
+    "example": "```html\n<wc-item>\n  <wc-icon slot=\"start\" name=\"notifications\"></wc-icon>\n\n  <span slot=\"headline\">Notifications</span>\n  <span slot=\"supporting-text\">Manage alerts and reminders</span>\n\n  <span slot=\"trailing-supporting-text\">3</span>\n  <wc-icon slot=\"end\" name=\"chevron_right\"></wc-icon>\n</wc-item>\n```",
     "tags": "display",
     "customElement": {
       "kind": "class",
@@ -4795,7 +4880,7 @@
     "tag": "wc-list",
     "rawTag": "list",
     "summary": "A list container for one or more list items.",
-    "example": "```html\n<wc-list>\n  <wc-list-item>\n    <wc-icon slot=\"leading\" name=\"inbox\"></wc-icon>\n    Inbox\n    <span slot=\"trailing\">24</span>\n  </wc-list-item>\n</wc-list>\n```",
+    "example": "```html\n<wc-list>\n  <wc-list-item>\n    <wc-icon slot=\"leading\" name=\"inbox\"></wc-icon>\n    Inbox\n    <span slot=\"trailing\">24</span>\n  </wc-list-item>\n   <wc-list-item>\n      <wc-avatar slot=\"leading\" name=\"Shivaji Varma\"></wc-avatar>\n       Shivaji Varma\n      <span slot=\"supporting-text\">Software Engineer</span>\n      <span slot=\"trailing-supporting-text\">7</span>\n      <wc-icon slot=\"trailing\" name=\"chevron_right\"></wc-icon>\n    </wc-list-item>\n</wc-list>\n```",
     "tags": "display",
     "customElement": {
       "kind": "class",
@@ -4850,6 +4935,14 @@
           "description": "When true, renders the list-item in a loading skeleton state.",
           "fieldName": "skeleton"
         },
+        {
+          "name": "actionable",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "fieldName": "actionable"
+        },
         {
           "name": "variant",
           "type": {