@sky.ui/core 0.0.23 → 0.0.25

package/dist/sky-checkbox/sky-checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"sky-checkbox.js","sources":["../../src/sky-checkbox/sky-checkbox.ts"],"sourcesContent":[null],"names":["SkyCheckbox","FormControlBase","constructor","this","label","id","value","color","defaultChecked","showErrors","prefix","suffix","prefixColor","suffixColor","validationActive","invalid","_checked","_indeterminate","validationErrors","_hasMeaningfulSlot","_inputId","Math","random","toString","slice","_onSlotChange","e","slot","target","next","_slotHasMeaningfulContent","handleBlur","_e","validateInput","cbx","shadowRoot","querySelector","classList","remove","syncValidity","_onKeyDown","disabled","readonly","key","preventDefault","_inputElement","click","shadowRootOptions","LitElement","delegatesFocus","checked","v","old","indeterminate","requestUpdate","_updateVisualState","syncFormValue","styles","css","getFormValue","name","trim","setValueFromFormState","state","getValidityAnchor","undefined","isEmpty","getNativeControl","onFormReset","willUpdate","changed","has","style","setProperty","resolveColor","updated","super","handleChange","event","stopPropagation","emittedValue","dispatchEvent","CustomEvent","detail","bubbles","composed","required","requiredMessage","errors","length","add","isValid","check","uncheck","toggle","reset","slotEl","assignedNodes","flatten","some","n","nodeType","Node","ELEMENT_NODE","textContent","_hasTextContent","render","hasText","wrapperClasses","classMap","labelClasses","boxClasses","box","boxPart","html","when","textStyle","styleMap","textAlign","prefixStyle","display","suffixStyle","nothing","__decorate","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":"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"}
+{"version":3,"file":"sky-checkbox.js","sources":["../../src/sky-checkbox/sky-checkbox.ts"],"sourcesContent":["import { LitElement, html, css, nothing } from \"lit\";\r\nimport { property, customElement, state } from \"lit/decorators.js\";\r\nimport { when } from \"lit/directives/when.js\";\r\nimport { classMap } from \"lit/directives/class-map.js\";\r\nimport { styleMap } from \"lit/directives/style-map.js\";\r\nimport { resolveColor } from \"../helper/utils/color-resolver\";\r\nimport { FormControlBase, FormState } from \"../helper/internals/form-control-base\";\r\n\r\nexport interface CheckboxProperties {\r\n  label: string;\r\n  checked: boolean;\r\n  disabled: boolean;\r\n  indeterminate: boolean;\r\n  id: string;\r\n  value: string;\r\n  color: string;\r\n  required: boolean;\r\n  validationErrors: string[];\r\n  validationActive: boolean;\r\n  defaultChecked: boolean;\r\n  requiredMessage: string;\r\n  showErrors: boolean;\r\n  prefix: string;\r\n  suffix: string;\r\n  prefixColor: string;\r\n  suffixColor: string;\r\n}\r\n/** `checked` is always the boolean model; `value` keeps form/legacy semantics (see `handleChange`). */\r\nexport type SkyCheckboxValueChangedDetail = {\r\n  checked: boolean;\r\n  value: string | boolean | undefined;\r\n};\r\nexport type SkyCheckboxValidationErrorDetail = { errors: string[] };\r\nexport type SkyCheckboxValueClearedDetail = { value: string; checked: boolean };\r\n\r\n/**\r\n * @element sky-checkbox\r\n *\r\n * @summary Form-associated checkbox with validation, indeterminate state, and customizable label/prefix/suffix rendering.\r\n *\r\n * @status stable\r\n * @since 1.0.0\r\n *\r\n * @documentation https://library.sky-ui.com/components/checkbox\r\n *\r\n * @uiVModel checked value-changed detail=checked\r\n *\r\n * @slot - Default slot for the checkbox label or other content.\r\n * @slot prefix - Optional prefix content that can be placed before the label.\r\n * @slot suffix - Optional suffix content that can be placed after the label.\r\n *\r\n * @csspart wrapper - The wrapper element for the checkbox.\r\n * @csspart input - The native input element used for the checkbox.\r\n * @csspart label - The label element for the checkbox, used for styling.\r\n * @csspart box - The visual box for the checkbox, which includes the checkmark and indeterminate state.\r\n * @csspart checkmark - The checkmark icon that appears when the checkbox is checked.\r\n * @csspart indeterminate-line - The line representing the indeterminate state of the checkbox.\r\n * @csspart error-message - The error message displayed if the checkbox is invalid.\r\n *\r\n * @property {string} label - The label for the checkbox. Default: `\"\"`.\r\n * @property {boolean} checked - Whether the checkbox is checked. Default: `false`.\r\n * @property {boolean} indeterminate - Whether the checkbox is in the indeterminate state. Default: `false`.\r\n * @property {string} color - The color used for the checkbox and its checkmark. Default: `\"primary\"`.\r\n * @property {string} value - The value of the checkbox, which gets submitted with the form. Default: `\"\"`.\r\n * @property {boolean} showErrors - Whether to display validation error messages. Default: `false`.\r\n * @property {string} prefix - Optional prefix text or content before the label. Default: `\"\"`.\r\n * @property {string} suffix - Optional suffix text or content after the label. Default: `\"\"`.\r\n * @property {string} prefixColor - The color for the prefix text. Default: `\"\"`.\r\n * @property {string} suffixColor - The color for the suffix text. Default: `\"\"`.\r\n * @property {boolean} defaultChecked - Default checked state for reset operations. Default: `false`.\r\n * @method check Sets checked state to `true`.\r\n * @method uncheck Sets checked state to `false`.\r\n * @method toggle Toggles checked state.\r\n * @method reset Resets checkbox state to defaults and clears UI validation state.\r\n *\r\n * @fires {CustomEvent<SkyCheckboxValueChangedDetail>} value-changed - Fired when checked state changes; `detail.checked` is always boolean (use for v-model). `detail.value` is the form token when the `value` prop is set, else mirrors `checked`.\r\n * @fires {CustomEvent<SkyCheckboxValidationErrorDetail>} validation-error - Fired when validation errors are updated.\r\n * @fires {CustomEvent<SkyCheckboxValueClearedDetail>} value-cleared - Fired when checkbox is reset programmatically.\r\n *\r\n * @example\r\n * ```html\r\n * <sky-checkbox label=\"Accept Terms\" required showerrors prefix=\"Legal\"></sky-checkbox>\r\n * ```\r\n * ```vue\r\n * <template>\r\n *   <sky-checkbox label=\"Accept Terms\" required showerrors prefix=\"Legal\"></sky-checkbox>\r\n * </template>\r\n * ```\r\n * ```jsx\r\n * export default function Demo() {\r\n *   return <sky-checkbox label=\"Accept Terms\" required showerrors prefix=\"Legal\"></sky-checkbox>;\r\n * }\r\n * ```\r\n */\r\n@customElement(\"sky-checkbox\")\r\nexport class SkyCheckbox extends FormControlBase {\r\n  static override shadowRootOptions = {\r\n    ...LitElement.shadowRootOptions,\r\n    delegatesFocus: true,\r\n  };\r\n\r\n  @property({ type: String }) label = \"\";\r\n  @property({ type: String }) override id = \"\";\r\n  @property({ type: String }) value = \"\";\r\n  @property({ type: String }) color = \"primary\";\r\n  @property({ type: Boolean }) defaultChecked = false;\r\n  @property({ type: Boolean }) showErrors = false;\r\n  @property({ type: String }) override prefix = \"\";\r\n  @property({ type: String }) suffix = \"\";\r\n  @property({ type: String }) prefixColor = \"\";\r\n  @property({ type: String }) suffixColor = \"\";\r\n  @property({ type: Boolean, reflect: true }) validationActive: boolean = false;\r\n  @property({ type: Boolean, reflect: true }) invalid: boolean = false;\r\n  @state() private _checked = false;\r\n  @state() private _indeterminate = false;\r\n  @state() private validationErrors: string[] = [];\r\n  @state() private _hasMeaningfulSlot = false;\r\n\r\n  private _inputElement?: HTMLInputElement;\r\n  private _inputId = `sky-cb-${Math.random().toString(36).slice(2)}`;\r\n\r\n  @property({ type: Boolean, reflect: true })\r\n  get checked() {\r\n    return this._checked;\r\n  }\r\n  set checked(v: boolean) {\r\n    const old = this._checked;\r\n    this._checked = v;\r\n\r\n    if (v && this.indeterminate) {\r\n      this.indeterminate = false;\r\n      if (this._inputElement) this._inputElement.indeterminate = false;\r\n    }\r\n\r\n    this.requestUpdate(\"checked\", old);\r\n\r\n    if (this._inputElement) {\r\n      this._inputElement.checked = v;\r\n      this._inputElement.indeterminate = this.indeterminate;\r\n    }\r\n\r\n    this._updateVisualState();\r\n\r\n    this.syncFormValue();\r\n    this.syncValidity();\r\n  }\r\n\r\n  @property({ type: Boolean, reflect: true })\r\n  get indeterminate() {\r\n    return this._indeterminate;\r\n  }\r\n  set indeterminate(v: boolean) {\r\n    const old = this._indeterminate;\r\n    this._indeterminate = v;\r\n\r\n    if (v && this.checked) this.checked = false;\r\n\r\n    this.requestUpdate(\"indeterminate\", old);\r\n\r\n    if (this._inputElement) this._inputElement.indeterminate = v;\r\n\r\n    this._updateVisualState();\r\n\r\n    this.syncValidity();\r\n  }\r\n\r\n  static override styles = css`\r\n    :host {\r\n      display: block;\r\n      position: relative;\r\n      font-family: var(--sky-font);\r\n    }\r\n\r\n:host([readonly]) .cbx {\r\n  cursor: default;\r\n}\r\n\r\n/* Show focus UI whenever anything inside is focused */\r\n:host(:focus-within) .cbx span:first-child,:host(:focus) .cbx span:first-child {\r\n box-shadow: var(--sky-focus-ring);\r\n border-color: var(--checkbox-color)!important;\r\n}\r\n\r\n    .checkbox-wrapper {\r\n      position: relative;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--sky-space-1, 5px);\r\n    }\r\n\r\n    :host([disabled]) {\r\n      pointer-events: none;\r\n      opacity: var(--sky-opacity-disabled, 0.6);\r\n    }\r\n\r\n    .cbx {\r\n      display: flex;\r\n      align-items: center;\r\n      cursor: pointer;\r\n      user-select: none;\r\n      gap: var(--sky-space-1, 5px);\r\n      transition: color 0.2s ease;\r\n      font-family: var(--sky-font);\r\n      font-size: var(--sky-font-size-sm);\r\n      line-height: var(--sky-line-height-snug, 1.25);\r\n      color: var(--sky-text-primary);\r\n    }\r\n\r\n    .cbx span {\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    .cbx span:first-child {\r\n      position: relative;\r\n      box-sizing: border-box;\r\n      width: 18px;\r\n      height: 18px;\r\n      flex-shrink: 0;\r\n      border-radius: min(6px, var(--sky-radius-primary));\r\n      vertical-align: middle;\r\n      background: var(--sky-glass-solid);\r\n      border: 2px solid var(--sky-text-tertiary);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      transform: translateZ(0);\r\n      contain: layout;\r\n      overflow: hidden;\r\n      transition: background-color 0.2s ease, border-color 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .cbx span:first-child svg {\r\n      position: absolute;\r\n      width: 12px;\r\n      height: 10px;\r\n      fill: none;\r\n      stroke: var(--sky-text-white);\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n      stroke-dasharray: 16px;\r\n      stroke-dashoffset: 16px;\r\n      transition: stroke-dashoffset 0.2s ease, transform 0.2s ease;\r\n      transform: translate3d(0, 0, 0);\r\n    }\r\n\r\n    .cbx:hover span:first-child {\r\n      background-color: var(--sky-hover-primary);\r\n      border-color: var(--sky-text-tertiary);\r\n    }\r\n\r\n    input[type=\"checkbox\"]:checked + .cbx:hover span:first-child {\r\n      box-shadow: var(--sky-box-shadow-hover);\r\n      transition: box-shadow 0.2s ease;\r\n    }\r\n\r\n    .cbx span:first-child:before {\r\n      content: \"\";\r\n      inset: 0;\r\n      width: auto;\r\n      height: auto;\r\n      background: var(--checkbox-color, var(--sky-active-primary));\r\n      display: block;\r\n      transform: scale(0);\r\n      opacity: 0;\r\n      border-radius: 50%;\r\n      transition: transform 0.2s ease-out, opacity 0.2s ease-out;\r\n      position: absolute;\r\n      z-index: -1;\r\n      pointer-events: none;\r\n    }\r\n\r\ninput[type=\"checkbox\"] {\r\n  position: absolute;\r\n  opacity: 0;\r\n  width: 1px;\r\n  height: 1px;\r\n  margin: 0;\r\n  padding: 0;\r\n  border: 0;\r\n\r\n}\r\n\r\n    input[type=\"checkbox\"]:focus-visible + .cbx span:first-child,\r\n    input[type=\"checkbox\"]:focus + .cbx span:first-child {\r\n      border-color: var(--sky-text-tertiary);\r\n      outline:none;\r\n    }\r\n\r\ninput[type=\"checkbox\"]:checked + .cbx span:first-child {\r\n  background: var(--checkbox-color, var(--sky-active-primary));\r\n  border-color: var(--checkbox-color, var(--sky-active-primary));\r\n\r\n  transform: none; /* Ensure no transform applied */\r\n}\r\n\r\n    input[type=\"checkbox\"]:checked + .cbx span:first-child svg.checkmark {\r\n      stroke-dashoffset: 0;\r\n      transition: stroke-dashoffset 0.2s ease-in-out 0.1s,\r\n        transform 0.2s ease-in-out 0.1s;\r\n    }\r\n\r\n    input[type=\"checkbox\"]:not(:checked) + .cbx span:first-child svg.checkmark {\r\n      transition: opacity 0.2s ease-in-out;\r\n      opacity: 0;\r\n    }\r\n\r\n    input[type=\"checkbox\"]:checked + .cbx span:first-child:before {\r\n      transform: scale(3.5);\r\n      opacity: 0;\r\n      transition: transform 0.2s ease-out, opacity 0.2s ease-out;\r\n    }\r\n\r\n    .cbx.checked span:first-child {\r\n  background: var(--checkbox-color, var(--sky-active-primary));\r\n  border-color: var(--checkbox-color, var(--sky-active-primary));\r\n\r\n}\r\n.cbx.checked span:first-child svg.checkmark {\r\n  stroke-dashoffset: 0;\r\n  transition: stroke-dashoffset 0.2s ease-in-out 0.1s,\r\n              transform 0.2s ease-in-out 0.1s;\r\n}\r\n\r\n    .indeterminate-line {\r\n      width: 10px;\r\n      height: 2px;\r\n      background-color: var(--sky-text-white);\r\n      position: absolute;\r\n      border-radius: 1px;\r\n      transition: opacity 0.2s ease, transform 0.2s ease;\r\n      opacity: 0;\r\n      transform: scaleX(0);\r\n    }\r\n\r\n    .indeterminate-active {\r\n      opacity: 1;\r\n      transform: scaleX(1);\r\n    }\r\n\r\n    .checked .checkmark {\r\n      stroke-dashoffset: 0;\r\n    }\r\n\r\n    .indeterminate .checkmark {\r\n      display: none;\r\n    }\r\n\r\n    .indeterminate .indeterminate-line {\r\n      opacity: 1;\r\n      transform: scaleX(1);\r\n    }\r\n\r\n\r\n    .error-message {\r\n      font-size: var(--sky-font-size-xs);\r\n      color: var(--sky-danger-primary);\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      pointer-events: none;\r\n      margin-left: var(--sky-space-1, 5px);\r\n      width: 100%;\r\n      text-align: start;\r\n      font-family: var(--sky-font);\r\n    }\r\n    :dir(rtl) .error-message {\r\n      margin-right: var(--sky-space-1, 5px);\r\n      margin-left: unset;\r\n    }\r\n\r\n    :host([validationactive]:invalid) .cbx span:first-child {\r\n\r\n      border-color: var(--sky-danger-primary);\r\n    }\r\n    :host([validationactive]:invalid) .cbx span:first-child svg.checkmark {\r\n      stroke-dashoffset: 0;\r\n    }\r\n    :host([validationactive]:invalid) .cbx span:first-child:before {\r\n      transform: scale(3.5);\r\n      opacity: 0;\r\n    }\r\n    :host([validationactive]:invalid) .error-message {\r\n      display: block;\r\n    }\r\n\r\n    :host([indeterminate]) .indeterminate-line {\r\n      opacity: 1;\r\n      transform: scaleX(1);\r\n    }\r\n    :host([indeterminate]) .cbx span:first-child {\r\n      background-color: var(--checkbox-color);\r\n      border-color: var(--checkbox-color);\r\n    }\r\n\r\n    .checkbox-wrapper.no-text {\r\n  gap: 0;\r\n}\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .cbx,\r\n      .cbx span:first-child,\r\n      .cbx span:first-child svg,\r\n      .cbx span:first-child:before,\r\n      .indeterminate-line {\r\n        transition: none;\r\n      }\r\n    }\r\n  `;\r\n\r\n  protected override getFormValue(): FormState {\r\n    if (!this.name) return null;\r\n    if (this.disabled) return null;\r\n\r\n    if (!this.checked) return null;\r\n\r\n    if (this.value && this.value.trim() !== \"\") return this.value;\r\n\r\n    return \"on\";\r\n  }\r\n\r\n  protected override setValueFromFormState(state: FormState): void {\r\n    if (state === null) {\r\n      this.checked = false;\r\n      this.indeterminate = false;\r\n      return;\r\n    }\r\n\r\n    if (typeof state === \"string\") {\r\n      if (this.value && this.value.trim() !== \"\") {\r\n        this.checked = state === this.value;\r\n      } else {\r\n        this.checked = state === \"on\" || state === \"true\" || state === \"1\";\r\n      }\r\n      this.indeterminate = false;\r\n    }\r\n  }\r\n\r\n  protected override getValidityAnchor(): HTMLElement | undefined {\r\n    return (this.shadowRoot?.querySelector('input[type=\"checkbox\"]') as HTMLElement) ?? undefined;\r\n  }\r\n\r\n  protected override isEmpty(): boolean {\r\n    return !this.checked;\r\n  }\r\n\r\n  protected override getNativeControl(): HTMLElement | null {\r\n    return this.shadowRoot?.querySelector('input[type=\"checkbox\"]') as HTMLInputElement | null;\r\n  }\r\n\r\n  protected override onFormReset(): void {\r\n    this.checked = this.defaultChecked;\r\n    this.indeterminate = false;\r\n\r\n    this.validationErrors = [];\r\n    this.invalid = false;\r\n    this.validationActive = false;\r\n  }\r\n\r\n  override willUpdate(changed: Map<string | number | symbol, unknown>): void {\r\n    if (changed.has(\"color\")) {\r\n      this.style.setProperty(\"--checkbox-color\", resolveColor(this.color));\r\n    }\r\n  }\r\n\r\n  override updated(changed: Map<string, unknown>): void {\r\n    super.updated(changed);\r\n\r\n    if (!this._inputElement) {\r\n      this._inputElement = this.shadowRoot?.querySelector(\r\n        'input[type=\"checkbox\"]'\r\n      ) as HTMLInputElement;\r\n    }\r\n\r\n    if (this._inputElement) {\r\n      this._inputElement.checked = this.checked;\r\n      this._inputElement.indeterminate = this.indeterminate;\r\n      this._inputElement.disabled = this.disabled || this.readonly;\r\n    }\r\n\r\n    this._updateVisualState();\r\n\r\n    if (\r\n      changed.has(\"checked\") ||\r\n      changed.has(\"name\") ||\r\n      changed.has(\"disabled\") ||\r\n      changed.has(\"readonly\") ||\r\n      changed.has(\"required\") ||\r\n      changed.has(\"value\")\r\n    ) {\r\n      this.syncFormValue();\r\n      this.syncValidity();\r\n    }\r\n  }\r\n\r\n  private handleChange(event: Event): void {\r\n    const target = event.target as HTMLInputElement;\r\n\r\n    if (this.disabled || this.readonly) {\r\n      if (this._inputElement) {\r\n        this._inputElement.checked = this.checked;\r\n        this._inputElement.indeterminate = this.indeterminate;\r\n      }\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n      return;\r\n    }\r\n\r\n    this.checked = target.checked;\r\n\r\n    // UI validation\r\n    this.validateInput();\r\n\r\n    const emittedValue =\r\n      this.value && this.value.trim() !== \"\"\r\n        ? this.checked ? this.value : undefined\r\n        : this.checked;\r\n\r\n    this.dispatchEvent(\r\n      new CustomEvent<SkyCheckboxValueChangedDetail>(\"value-changed\", {\r\n        detail: { checked: this.checked, value: emittedValue },\r\n        bubbles: true,\r\n        composed: true,\r\n      })\r\n    );\r\n  }\r\n\r\n  private validateInput(): boolean {\r\n    if (!this.validationActive) return true;\r\n\r\n    this.validationErrors = [];\r\n    if (this.required && !this.checked) {\r\n      this.validationErrors = [this.requiredMessage]; // from base\r\n    }\r\n\r\n    this.dispatchEvent(\r\n      new CustomEvent<SkyCheckboxValidationErrorDetail>(\"validation-error\", {\r\n        detail: { errors: [...this.validationErrors] },\r\n        bubbles: true,\r\n        composed: true,\r\n      })\r\n    );\r\n\r\n    const cbx = this.shadowRoot?.querySelector(\".cbx\") as HTMLElement | null;\r\n    if (this.validationErrors.length) cbx?.classList.add(\"invalid\");\r\n    else cbx?.classList.remove(\"invalid\");\r\n\r\n    const isValid = this.validationErrors.length === 0;\r\n    this.invalid = !isValid;\r\n\r\n    return isValid;\r\n  }\r\n\r\n  /**\r\n   * Sets checked state to `true`.\r\n   *\r\n   * @returns {void}\r\n   */\r\n  public check(): void {\r\n    if (this.disabled || this.readonly) return;\r\n    this.checked = true;\r\n    this.indeterminate = false;\r\n  }\r\n\r\n  /**\r\n   * Sets checked state to `false`.\r\n   *\r\n   * @returns {void}\r\n   */\r\n  public uncheck(): void {\r\n    if (this.disabled || this.readonly) return;\r\n    this.checked = false;\r\n    this.indeterminate = false;\r\n  }\r\n\r\n  /**\r\n   * Toggles checked state.\r\n   *\r\n   * @returns {void}\r\n   */\r\n  public toggle(): void {\r\n    if (this.disabled || this.readonly) return;\r\n    this.checked = !this.checked;\r\n    this.indeterminate = false;\r\n  }\r\n\r\n  /**\r\n   * Resets checkbox state to defaults and clears UI validation state.\r\n   *\r\n   * @returns {void}\r\n   */\r\n  public reset(): void {\r\n    this.onFormReset();\r\n    this.syncFormValue();\r\n    this.syncValidity();\r\n\r\n    this.dispatchEvent(\r\n      new CustomEvent<SkyCheckboxValueClearedDetail>(\"value-cleared\", {\r\n        detail: { value: this.value, checked: this.checked },\r\n        bubbles: true,\r\n        composed: true,\r\n      })\r\n    );\r\n  }\r\n\r\n  private _updateVisualState(): void {\r\n    const cbx = this.shadowRoot?.querySelector(\".cbx\");\r\n    if (!cbx) return;\r\n\r\n    if (this.checked) {\r\n      cbx.classList.add(\"checked\");\r\n      cbx.classList.remove(\"indeterminate\");\r\n    } else if (this.indeterminate) {\r\n      cbx.classList.add(\"indeterminate\");\r\n      cbx.classList.remove(\"checked\");\r\n    } else {\r\n      cbx.classList.remove(\"checked\", \"indeterminate\");\r\n    }\r\n  }\r\n\r\n  private _slotHasMeaningfulContent(slotEl: HTMLSlotElement): boolean {\r\n    const nodes = slotEl.assignedNodes({ flatten: true });\r\n    return nodes.some((n) =>\r\n      n.nodeType === Node.ELEMENT_NODE\r\n        ? true\r\n        : (n.textContent ?? \"\").trim().length > 0\r\n    );\r\n  }\r\n\r\n  private _onSlotChange = (e: Event) => {\r\n    const slot = e.target as HTMLSlotElement;\r\n    const next = this._slotHasMeaningfulContent(slot);\r\n    if (next !== this._hasMeaningfulSlot) this._hasMeaningfulSlot = next;\r\n  };\r\n\r\n  private get _hasTextContent(): boolean {\r\n    return !!this.prefix || !!this.suffix || !!this.label || this._hasMeaningfulSlot;\r\n  }\r\n\r\n  private handleBlur = (_e: FocusEvent): void => {\r\n    this.validationActive = true;\r\n    this.validateInput();\r\n\r\n    const cbx = this.shadowRoot?.querySelector(\".cbx\");\r\n    cbx?.classList.remove(\"active\");\r\n\r\n    this.syncValidity();\r\n  };\r\n  private _onKeyDown = (e: KeyboardEvent): void => {\r\n    if (this.disabled || this.readonly) return;\r\n\r\n    if (e.key === \" \" || e.key === \"Enter\") {\r\n      e.preventDefault();\r\n      this._inputElement?.click();\r\n    }\r\n  };\r\n\r\n\r\n  override render() {\r\n    const hasText = this._hasTextContent;\r\n    const wrapperClasses = classMap({\r\n      \"checkbox-wrapper\": true,\r\n      \"no-text\": !hasText,\r\n    });\r\n    const labelClasses = classMap({\r\n      cbx: true,\r\n      checked: this.checked,\r\n      indeterminate: this.indeterminate,\r\n    });\r\n    const boxClasses = classMap({\r\n      box: true,\r\n      \"box--checked\": this.checked,\r\n      \"box--indeterminate\": this.indeterminate,\r\n      \"box--invalid\": this.validationErrors.length > 0,\r\n    });\r\n    const boxPart =\r\n      \"box\" +\r\n      (this.checked ? \" box--checked\" : \"\") +\r\n      (this.indeterminate ? \" box--indeterminate\" : \"\") +\r\n      (this.validationErrors.length ? \" box--invalid\" : \"\");\r\n\r\n    return html`\r\n      <div class=${wrapperClasses} part=\"wrapper\">\r\n        <input\r\n          type=\"checkbox\"\r\n          id=\"${this._inputId}\"\r\n          class=\"inp-cbx\"\r\n          part=\"input\"\r\n          .checked=\"${this.checked}\"\r\n          @blur=${this.handleBlur}\r\n          @keydown=${this._onKeyDown}\r\n          .disabled=\"${this.disabled || this.readonly}\"\r\n          .value=\"${this.value}\"\r\n          @change=${this.handleChange}\r\n          aria-checked=${this.indeterminate ? \"mixed\" : this.checked}\r\n          aria-invalid=\"${this.validationErrors.length > 0}\"\r\n          aria-readonly=\"${this.readonly}\"\r\n        />\r\n        <label class=${labelClasses} part=\"label\" for=\"${this._inputId}\">\r\n          <span part=${boxPart} class=${boxClasses}>\r\n            <svg viewBox=\"0 0 12 10\" class=\"checkmark\" part=\"checkmark\">\r\n              <polyline points=\"1.5 6 4.5 9 10.5 1\"></polyline>\r\n            </svg>\r\n            <div class=\"indeterminate-line\" part=\"indeterminate-line\"></div>\r\n          </span>\r\n          <slot @slotchange=${this._onSlotChange}></slot>\r\n          ${when(\r\n            hasText,\r\n            () => {\r\n              const textStyle = styleMap({ textAlign: \"start\", color: \"var(--sky-text-primary)\" });\r\n              const prefixStyle = styleMap({ color: this.prefixColor, display: \"inline-block\" });\r\n              const suffixStyle = styleMap({ color: this.suffixColor, display: \"inline-block\" });\r\n              return html`\r\n              <span style=${textStyle} part=\"text\">\r\n                <div style=${prefixStyle} part=\"prefix\">\r\n                  ${this.prefix}\r\n                </div>\r\n                ${this._hasMeaningfulSlot ? nothing : this.label}\r\n                <div style=${suffixStyle} part=\"suffix\">\r\n                  ${this.suffix}\r\n                </div>\r\n              </span>\r\n            `;\r\n            },\r\n          )}\r\n        </label>\r\n      </div>\r\n      ${when(\r\n        this.showErrors &&\r\n          this.validationErrors.length > 0 &&\r\n          this.validationActive,\r\n        () => html`<div class=\"error-message\" part=\"error-message\">\r\n          ${this.validationErrors[0]}\r\n        </div>`,\r\n      )}\r\n    `;\r\n  }\r\n}"],"names":["SkyCheckbox","FormControlBase","constructor","super","arguments","this","label","id","value","color","defaultChecked","showErrors","prefix","suffix","prefixColor","suffixColor","validationActive","invalid","_checked","_indeterminate","validationErrors","_hasMeaningfulSlot","_inputId","Math","random","toString","slice","_onSlotChange","e","slot","target","next","_slotHasMeaningfulContent","handleBlur","_e","validateInput","cbx","shadowRoot","querySelector","classList","remove","syncValidity","_onKeyDown","disabled","readonly","key","preventDefault","_inputElement","click","checked","v","old","indeterminate","requestUpdate","_updateVisualState","syncFormValue","getFormValue","name","trim","setValueFromFormState","state","getValidityAnchor","isEmpty","getNativeControl","onFormReset","willUpdate","changed","has","style","setProperty","resolveColor","updated","handleChange","event","stopPropagation","emittedValue","dispatchEvent","CustomEvent","detail","bubbles","composed","required","requiredMessage","errors","length","add","isValid","check","uncheck","toggle","reset","slotEl","assignedNodes","flatten","some","n","nodeType","Node","ELEMENT_NODE","textContent","_hasTextContent","render","hasText","wrapperClasses","classMap","labelClasses","boxClasses","box","boxPart","html","when","textStyle","styleMap","textAlign","prefixStyle","display","suffixStyle","nothing","shadowRootOptions","LitElement","delegatesFocus","styles","css","__decorateClass","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":"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"}

package/dist/sky-chip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/sky-chip/sky-chip.js

@@ -1,4 +1,37 @@
-import{__decorate as o,__metadata as t}from"tslib";import{LitElement as i,css as e,nothing as r,html as s}from"lit";import{property as n,customElement as a}from"lit/decorators.js";import{when as l}from"lit/directives/when.js";import{styleMap as c}from"lit/directives/style-map.js";import{classMap as p}from"lit/directives/class-map.js";import{resolveColor as d,resolveTextColorForToken as h,isDefaultColorToken as y,resolveInkColorForToken as g,resolveAccentColorForToken as f}from"../helper/utils/color-resolver.js";import{resolveRadius as u}from"../helper/utils/size-resolver.js";import{SkyIcon as v}from"../sky-icon/sky-icon.js";let b=class extends i{constructor(){super(...arguments),this.label="",this.removable=!1,this.color="primary",this.radius="full",this.size="md",this.iconL=null,this.iconR=null,this.loading=!1,this.disabled=!1,this.variant="flat",this._onSlotChange=()=>{this.requestUpdate()}}static{this.dependencies={"sky-icon":v}}static{this.styles=e`
+import{css as o,LitElement as t,nothing as e,html as i}from"lit";import{property as r,customElement as s}from"lit/decorators.js";import{when as n}from"lit/directives/when.js";import{styleMap as a}from"lit/directives/style-map.js";import{classMap as l}from"lit/directives/class-map.js";import{resolveColor as c,resolveTextColorForToken as p,isDefaultColorToken as h,resolveInkColorForToken as d,resolveAccentColorForToken as y}from"../helper/utils/color-resolver.js";import{resolveRadius as f}from"../helper/utils/size-resolver.js";import{SkyIcon as u}from"../sky-icon/sky-icon.js";var g=Object.defineProperty,v=Object.getOwnPropertyDescriptor,b=(o,t,e,i)=>{for(var r,s=i>1?void 0:i?v(t,e):t,n=o.length-1;n>=0;n--)(r=o[n])&&(s=(i?r(t,e,s):r(s))||s);return i&&s&&g(t,e,s),s};let m=class extends t{constructor(){super(...arguments),this.label="",this.removable=!1,this.color="primary",this.radius="full",this.size="md",this.iconL=null,this.iconR=null,this.loading=!1,this.disabled=!1,this.variant="flat",this._onSlotChange=()=>{this.requestUpdate()}}updated(){const o=c(this.color),t=p(this.color);this.style.setProperty("--chip-bg-color",o),this.style.setProperty("--chip-text-color",t),h(this.color)?(this.style.setProperty("--chip-ink-color",d(this.color)),this.style.setProperty("--chip-accent-color",y(this.color)),this.style.setProperty("--chip-fill-color","var(--sky-hover-tertiary)")):(this.style.removeProperty("--chip-ink-color"),this.style.removeProperty("--chip-accent-color"),this.style.removeProperty("--chip-fill-color"))}_resolveSize(o){const t={xs:{padding:"2px 4px",fontSize:"11px"},sm:{padding:"3px 6px",fontSize:"12px"},md:{padding:"4px 8px",fontSize:"13px"},lg:{padding:"5px 10px",fontSize:"14px"},xl:{padding:"6px 12px",fontSize:"15px"}};if(t[o])return t[o];const e=String(o).trim().match(/^([\d.]+)(px|rem|em)?$/i),i=e?.[2]||"px",r=e?parseFloat(e[1]):13,s=`${r}${i}`,n=(o,t,e)=>Math.max(t,Math.min(e,o)),a=n(.4*r,2,10),l=n(.8*r,6,16),c=o=>`${Math.round(100*o)/100}${i}`;return{padding:`${c(a)} ${c(l)}`,fontSize:s}}removeChip(){const o=new CustomEvent("chip-removed",{detail:{label:this.label},bubbles:!0,composed:!0});this.dispatchEvent(o),this.remove()}_slotHasMeaningfulContent(o){return o.assignedNodes({flatten:!0}).some(o=>o.nodeType===Node.ELEMENT_NODE||(o.textContent??"").trim().length>0)}_hasPrefixSlotContent(){if(this.querySelector('[slot="prefix"]'))return!0;const o=this.shadowRoot?.querySelector('slot[name="prefix"]');return!!o&&this._slotHasMeaningfulContent(o)}_hasSuffixSlotContent(){if(this.querySelector('[slot="suffix"]'))return!0;const o=this.shadowRoot?.querySelector('slot[name="suffix"]');return!!o&&this._slotHasMeaningfulContent(o)}_hasDefaultSlotContent(){for(const o of Array.from(this.childNodes)){if(o.nodeType===Node.ELEMENT_NODE){const t=o.getAttribute("slot");if("prefix"===t||"suffix"===t)continue;return!0}if((o.textContent??"").trim().length>0)return!0}const o=this.shadowRoot?.querySelector("slot:not([name])");return!!o&&this._slotHasMeaningfulContent(o)}render(){const o=this._resolveSize(this.size),t={padding:o.padding,borderRadius:f(this.radius),fontSize:o.fontSize};return i`
+      <div
+        class=${l({chip:!0,[this.variant]:!0,loading:this.loading})}
+        style=${a(t)}
+        part="chip"
+      >
+        <slot name="prefix" @slotchange=${this._onSlotChange}></slot>
+        ${n(!this._hasPrefixSlotContent()&&this.iconL,()=>i`
+          <sky-icon class="icon" part="icon" icon="${this.iconL}"></sky-icon>
+        `)}
+        <slot @slotchange=${this._onSlotChange}></slot>
+        ${this._hasDefaultSlotContent()?e:this.label}
+        <slot name="suffix" @slotchange=${this._onSlotChange}></slot>
+        ${n(!this._hasSuffixSlotContent()&&this.iconR,()=>i`
+          <sky-icon class="icon icon-right" part="icon" icon="${this.iconR}"></sky-icon>
+        `)}
+        ${n(this.removable,()=>i`
+          <button
+            class="close-button"
+            part="close-button"
+            type="button"
+            aria-label="Remove chip"
+            @click=${this.removeChip}
+          >
+            <sky-icon icon="ion:close"></sky-icon>
+          </button>
+        `)}
+        ${n(this.loading,()=>i`
+          <div class="loading-overlay" part="loading-overlay">
+            <div class="loading-spinner" part="loading-spinner"></div>
+          </div>
+        `)}
+      </div>
+    `}};m.dependencies={"sky-icon":u},m.styles=o`
     :host {
       display: inline-block;
       font-family: var(--sky-font);
@@ -191,38 +224,5 @@ import{__decorate as o,__metadata as t}from"tslib";import{LitElement as i,css as
       border-radius: var(--sky-radius-full);
       background-color: var(--chip-accent-color, var(--chip-bg-color));
     }
-  `}updated(){const o=d(this.color),t=h(this.color);this.style.setProperty("--chip-bg-color",o),this.style.setProperty("--chip-text-color",t),y(this.color)?(this.style.setProperty("--chip-ink-color",g(this.color)),this.style.setProperty("--chip-accent-color",f(this.color)),this.style.setProperty("--chip-fill-color","var(--sky-hover-tertiary)")):(this.style.removeProperty("--chip-ink-color"),this.style.removeProperty("--chip-accent-color"),this.style.removeProperty("--chip-fill-color"))}_resolveSize(o){const t={xs:{padding:"2px 4px",fontSize:"11px"},sm:{padding:"3px 6px",fontSize:"12px"},md:{padding:"4px 8px",fontSize:"13px"},lg:{padding:"5px 10px",fontSize:"14px"},xl:{padding:"6px 12px",fontSize:"15px"}};if(t[o])return t[o];const i=String(o).trim().match(/^([\d.]+)(px|rem|em)?$/i),e=i?.[2]||"px",r=i?parseFloat(i[1]):13,s=`${r}${e}`,n=(o,t,i)=>Math.max(t,Math.min(i,o)),a=n(.4*r,2,10),l=n(.8*r,6,16),c=o=>`${Math.round(100*o)/100}${e}`;return{padding:`${c(a)} ${c(l)}`,fontSize:s}}removeChip(){const o=new CustomEvent("chip-removed",{detail:{label:this.label},bubbles:!0,composed:!0});this.dispatchEvent(o),this.remove()}_slotHasMeaningfulContent(o){return o.assignedNodes({flatten:!0}).some(o=>o.nodeType===Node.ELEMENT_NODE||(o.textContent??"").trim().length>0)}_hasPrefixSlotContent(){if(this.querySelector('[slot="prefix"]'))return!0;const o=this.shadowRoot?.querySelector('slot[name="prefix"]');return!!o&&this._slotHasMeaningfulContent(o)}_hasSuffixSlotContent(){if(this.querySelector('[slot="suffix"]'))return!0;const o=this.shadowRoot?.querySelector('slot[name="suffix"]');return!!o&&this._slotHasMeaningfulContent(o)}_hasDefaultSlotContent(){for(const o of Array.from(this.childNodes)){if(o.nodeType===Node.ELEMENT_NODE){const t=o.getAttribute("slot");if("prefix"===t||"suffix"===t)continue;return!0}if((o.textContent??"").trim().length>0)return!0}const o=this.shadowRoot?.querySelector("slot:not([name])");return!!o&&this._slotHasMeaningfulContent(o)}render(){const o=this._resolveSize(this.size),t={padding:o.padding,borderRadius:u(this.radius),fontSize:o.fontSize};return s`
-      <div
-        class=${p({chip:!0,[this.variant]:!0,loading:this.loading})}
-        style=${c(t)}
-        part="chip"
-      >
-        <slot name="prefix" @slotchange=${this._onSlotChange}></slot>
-        ${l(!this._hasPrefixSlotContent()&&this.iconL,()=>s`
-          <sky-icon class="icon" part="icon" icon="${this.iconL}"></sky-icon>
-        `)}
-        <slot @slotchange=${this._onSlotChange}></slot>
-        ${this._hasDefaultSlotContent()?r:this.label}
-        <slot name="suffix" @slotchange=${this._onSlotChange}></slot>
-        ${l(!this._hasSuffixSlotContent()&&this.iconR,()=>s`
-          <sky-icon class="icon icon-right" part="icon" icon="${this.iconR}"></sky-icon>
-        `)}
-        ${l(this.removable,()=>s`
-          <button
-            class="close-button"
-            part="close-button"
-            type="button"
-            aria-label="Remove chip"
-            @click=${this.removeChip}
-          >
-            <sky-icon icon="ion:close"></sky-icon>
-          </button>
-        `)}
-        ${l(this.loading,()=>s`
-          <div class="loading-overlay" part="loading-overlay">
-            <div class="loading-spinner" part="loading-spinner"></div>
-          </div>
-        `)}
-      </div>
-    `}};o([n({type:String}),t("design:type",String)],b.prototype,"label",void 0),o([n({type:Boolean}),t("design:type",Boolean)],b.prototype,"removable",void 0),o([n({type:String}),t("design:type",String)],b.prototype,"color",void 0),o([n({type:String}),t("design:type",String)],b.prototype,"radius",void 0),o([n({type:String}),t("design:type",String)],b.prototype,"size",void 0),o([n({type:String}),t("design:type",Object)],b.prototype,"iconL",void 0),o([n({type:String}),t("design:type",Object)],b.prototype,"iconR",void 0),o([n({type:Boolean}),t("design:type",Boolean)],b.prototype,"loading",void 0),o([n({type:Boolean,reflect:!0}),t("design:type",Boolean)],b.prototype,"disabled",void 0),o([n({type:String,reflect:!0}),t("design:type",String)],b.prototype,"variant",void 0),b=o([a("sky-chip")],b);export{b as SkyChip};
+  `,b([r({type:String})],m.prototype,"label",2),b([r({type:Boolean})],m.prototype,"removable",2),b([r({type:String})],m.prototype,"color",2),b([r({type:String})],m.prototype,"radius",2),b([r({type:String})],m.prototype,"size",2),b([r({type:String})],m.prototype,"iconL",2),b([r({type:String})],m.prototype,"iconR",2),b([r({type:Boolean})],m.prototype,"loading",2),b([r({type:Boolean,reflect:!0})],m.prototype,"disabled",2),b([r({type:String,reflect:!0})],m.prototype,"variant",2),m=b([s("sky-chip")],m);export{m as SkyChip};
 //# sourceMappingURL=sky-chip.js.map

package/dist/sky-chip/sky-chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"sky-chip.js","sources":["../../src/sky-chip/sky-chip.ts"],"sourcesContent":[null],"names":["SkyChip","LitElement","constructor","this","label","removable","color","radius","size","iconL","iconR","loading","disabled","variant","_onSlotChange","requestUpdate","dependencies","SkyIcon","styles","css","updated","bgColor","resolveColor","textColor","resolveTextColorForToken","style","setProperty","isDefaultColorToken","resolveInkColorForToken","resolveAccentColorForToken","removeProperty","_resolveSize","input","presets","xs","padding","fontSize","sm","md","lg","xl","m","String","trim","match","unit","fsNum","parseFloat","fs","clamp","n","min","max","Math","py","px","to","round","removeChip","removeEvent","CustomEvent","detail","bubbles","composed","dispatchEvent","remove","_slotHasMeaningfulContent","slotEl","assignedNodes","flatten","some","nodeType","Node","ELEMENT_NODE","textContent","length","_hasPrefixSlotContent","querySelector","slot","shadowRoot","_hasSuffixSlotContent","_hasDefaultSlotContent","Array","from","childNodes","getAttribute","render","sizeDef","chipStyle","borderRadius","resolveRadius","html","classMap","chip","styleMap","when","nothing","__decorate","property","type","prototype","Boolean","reflect","customElement"],"mappings":"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"}
+{"version":3,"file":"sky-chip.js","sources":["../../src/sky-chip/sky-chip.ts"],"sourcesContent":["import { LitElement, html, css, nothing } from \"lit\";\r\nimport { customElement, property } from \"lit/decorators.js\";\r\nimport { when } from \"lit/directives/when.js\";\r\nimport { styleMap } from \"lit/directives/style-map.js\";\r\nimport { classMap } from \"lit/directives/class-map.js\";\r\nimport {\r\n  isDefaultColorToken,\r\n  resolveAccentColorForToken,\r\n  resolveColor,\r\n  resolveInkColorForToken,\r\n  resolveTextColorForToken,\r\n} from \"../helper/utils/color-resolver\";\r\nimport { resolveRadius } from \"../helper/utils/size-resolver\";\r\nimport { SkyIcon } from \"../sky-icon/sky-icon.js\";\r\n\r\nexport type SkyChipVariant =\r\n  | \"solid\"\r\n  | \"flat\"\r\n  | \"shadow\"\r\n  | \"bordered\"\r\n  | \"faded\"\r\n  | \"light\"\r\n  | \"dot\";\r\nexport type SkyChipRemovedEventDetail = { label: string };\r\n\r\n/**\r\n * @element sky-chip\r\n *\r\n * @summary Customizable chip for tags or selections with icon support, removable action, loading state, and visual variants.\r\n *\r\n * @status stable\r\n * @since 1.0.0\r\n *\r\n * @documentation https://library.sky-ui.com/components/chip\r\n * @dependency sky-icon\r\n *\r\n * @slot - Default slot for the chip label or any other content.\r\n * @slot prefix - Optional prefix content that can be placed before the label.\r\n * @slot suffix - Optional suffix content that can be placed after the label.\r\n *\r\n * @csspart chip - The visual representation of the chip component.\r\n * @csspart icon - The icons displayed within the chip.\r\n * @csspart close-button - The button for removing the chip.\r\n * @csspart loading-spinner - The spinner that appears during loading.\r\n * @csspart error-message - The error message displayed for invalid chips.\r\n *\r\n * @property {string} label - The label displayed on the chip. Default: `\"\"`.\r\n * @property {boolean} removable - Whether the chip can be removed by the user. Default: `false`.\r\n * @property {string} color - The background color of the chip, can accept tokens or custom CSS color. Default: `\"primary\"`.\r\n * @property {string} radius - The border radius of the chip. Default: `\"full\"`.\r\n * @property {string} size - The size of the chip, which affects padding and font size. Default: `\"md\"`.\r\n * @property {string} iconL - Left icon; shown only when the `prefix` slot is empty. Default: `null`.\r\n * @property {string} iconR - Right icon; shown only when the `suffix` slot is empty. Default: `null`.\r\n * @property {boolean} loading - Whether the chip is in a loading state. Default: `false`.\r\n * @property {boolean} disabled - Whether the chip is disabled. Default: `false`.\r\n * @property {SkyChipVariant} variant - Visual style variant. Default: `\"flat\"`.\r\n * @method removeChip Dispatches `chip-removed` and removes the chip from the DOM.\r\n *\r\n * @fires {CustomEvent<SkyChipRemovedEventDetail>} chip-removed - Fired when the chip is removed by user action.\r\n *\r\n * @Behavior\r\n * - Uses default slot content when present, otherwise falls back to `label`.\r\n * - `iconL` / `iconR` render only when `prefix` / `suffix` slots have no meaningful content.\r\n * - Emits `chip-removed` and removes itself when removable close action is triggered.\r\n * - Resolves color tokens and radius/size presets to CSS values at render time.\r\n *\r\n * @example\r\n * ```html\r\n * <sky-chip label=\"Active Filter\" removable iconl=\"ion:funnel\" variant=\"light\"></sky-chip>\r\n * ```\r\n * ```vue\r\n * <template>\r\n *   <sky-chip label=\"Active Filter\" removable iconl=\"ion:funnel\" variant=\"light\"></sky-chip>\r\n * </template>\r\n * ```\r\n * ```jsx\r\n * export default function Demo() {\r\n *   return <sky-chip label=\"Active Filter\" removable iconl=\"ion:funnel\" variant=\"light\"></sky-chip>;\r\n * }\r\n * ```\r\n */\r\n@customElement(\"sky-chip\")\r\nexport class SkyChip extends LitElement {\r\n\r\n  static dependencies: Record<string, CustomElementConstructor> = {\r\n    \"sky-icon\": SkyIcon,\r\n  };\r\n\r\n  @property({ type: String }) label: string = \"\";\r\n  @property({ type: Boolean }) removable: boolean = false;\r\n\r\n  /** Accepts preset tokens OR any valid CSS color (e.g., #0af, rgb(), var(--x)) */\r\n  @property({ type: String }) color: string = \"primary\";\r\n\r\n  /** Radius can be any CSS radius value */\r\n  @property({ type: String }) radius: string = \"full\";\r\n\r\n  /** Size controls padding + font-size (xs, sm, md, lg, xl or numeric like \"14px\") */\r\n  @property({ type: String }) size: string = \"md\";\r\n\r\n  @property({ type: String }) iconL: string | null = null;\r\n  @property({ type: String }) iconR: string | null = null;\r\n  @property({ type: Boolean }) loading: boolean = false;\r\n  @property({ type: Boolean, reflect: true }) disabled: boolean = false;\r\n  @property({ type: String, reflect: true }) variant: SkyChipVariant = \"flat\";\r\n\r\n  static override styles = css`\r\n    :host {\r\n      display: inline-block;\r\n      font-family: var(--sky-font);\r\n      z-index: 1;\r\n    }\r\n\r\n    :host([disabled]) {\r\n      pointer-events: none;\r\n      opacity: var(--sky-opacity-disabled, 0.6);\r\n    }\r\n\r\n    .chip {\r\n      position: relative;\r\n      display: flex;\r\n      gap: 2px;\r\n      width: max-content;\r\n      align-items: center;\r\n      border-radius: var(--sky-radius-secondary);\r\n      color: var(--chip-text-color);\r\n      font-weight: var(--sky-font-weight-medium, 500);\r\n      transition: background-color 0.3s ease, color 0.3s ease,\r\n        box-shadow 0.2s ease, transform 0.2s ease;\r\n      cursor: pointer;\r\n      background-color: var(--chip-bg-color);\r\n    }\r\n\r\n    .close-button {\r\n      position: relative;\r\n      display: flex;\r\n      height: 18px;\r\n      width: 18px;\r\n      justify-content: center;\r\n      font-size: inherit;\r\n      align-items: center;\r\n      background-color: var(--sky-hover-primary);\r\n      backdrop-filter: none;\r\n      -webkit-backdrop-filter: none;\r\n      border: none;\r\n      border-radius: var(--sky-radius-full);\r\n      cursor: pointer;\r\n      color: var(--sky-text-primary);\r\n      transition: color 0.2s ease, background-color 0.2s ease;\r\n    }\r\n\r\n    .close-button sky-icon {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      line-height: 1;\r\n      transition: color 0.3s ease;\r\n    }\r\n\r\n    :dir(rtl) .close-button {\r\n      margin-right: var(--sky-space-1, 5px);\r\n      margin-left: unset;\r\n    }\r\n\r\n    .close-button:hover {\r\n      color: var(--sky-danger-primary);\r\n    }\r\n\r\n    .close-button:focus-visible {\r\n      outline: none;\r\n      box-shadow: var(--sky-focus-ring);\r\n    }\r\n\r\n    .close-button:hover sky-icon,\r\n    .close-button:focus-visible sky-icon{\r\n      color: var(--sky-danger-primary);\r\n      outline: none;\r\n    }\r\n\r\n    .icon {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--chip-text-color);\r\n    }\r\n\r\n    sky-icon {\r\n      display: inline-block;\r\n      width: 1em;\r\n      height: 1em;\r\n    }\r\n\r\n    ::slotted([slot=\"prefix\"]),\r\n    ::slotted([slot=\"suffix\"]) {\r\n      display: inline-flex;\r\n      align-items: center;\r\n    }\r\n\r\n    .loading-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: var(--sky-overlay-primary);\r\n      border-radius: inherit;\r\n    }\r\n\r\n    .loading-spinner {\r\n      width: 14px;\r\n      height: 14px;\r\n      border: 2px solid var(--sky-text-white);\r\n      border-top-color: var(--chip-bg-color);\r\n      border-radius: var(--sky-radius-full);\r\n      animation: spin 0.8s linear infinite;\r\n    }\r\n\r\n    @keyframes spin {\r\n      from {\r\n        transform: rotate(0deg);\r\n      }\r\n      to {\r\n        transform: rotate(360deg);\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .chip,\r\n      .close-button,\r\n      .close-button sky-icon {\r\n        transition: none;\r\n      }\r\n      .loading-spinner {\r\n        animation: none;\r\n      }\r\n    }\r\n\r\n    .chip.bordered {\r\n      border: 1px solid var(--chip-ink-color, var(--chip-bg-color));\r\n      color: var(--chip-ink-color, var(--chip-bg-color));\r\n      background: transparent;\r\n    }\r\n\r\n    .chip.light {\r\n      background: transparent;\r\n      color: var(--chip-ink-color, var(--chip-bg-color));\r\n    }\r\n\r\n    .chip.flat {\r\n      box-shadow: none;\r\n      background: color-mix(\r\n        in srgb,\r\n        var(--chip-fill-color, var(--chip-bg-color)) 20%,\r\n        transparent\r\n      );\r\n      color: var(--chip-ink-color, var(--chip-bg-color));\r\n    }\r\n\r\n    .chip.faded {\r\n      background-color: var(--sky-glass-primary);\r\n      border: 1px solid var(--sky-text-tertiary);\r\n      color: var(--chip-ink-color, var(--chip-bg-color));\r\n    }\r\n\r\n    .chip.shadow {\r\n      box-shadow: var(--sky-box-shadow-primary);\r\n    }\r\n\r\n    .chip.shadow:hover {\r\n      box-shadow: var(--sky-box-shadow-hover);\r\n    }\r\n\r\n    .chip.faded .icon,\r\n    .chip.flat .icon,\r\n    .chip.light .icon,\r\n    .chip.dot .icon,\r\n    .chip.bordered .icon {\r\n      color: var(--chip-ink-color, var(--chip-bg-color));\r\n    }\r\n\r\n    .chip.dot {\r\n      padding-left: var(--sky-space-5, 20px) !important;\r\n      position: relative;\r\n      background-color: transparent;\r\n      border: 1px solid var(--sky-text-tertiary);\r\n      color: var(--sky-text-primary);\r\n    }\r\n\r\n    .chip.dot::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: var(--sky-space-1\\\\.5, 6px);\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      width: var(--sky-space-2, 8px);\r\n      height: var(--sky-space-2, 8px);\r\n      border-radius: var(--sky-radius-full);\r\n      background-color: var(--chip-accent-color, var(--chip-bg-color));\r\n    }\r\n  `;\r\n\r\n  /** Updates host CSS variables from current color token/value. */\r\n  protected override updated(): void {\r\n    const bgColor = resolveColor(this.color);\r\n    const textColor = resolveTextColorForToken(this.color);\r\n\r\n    this.style.setProperty(\"--chip-bg-color\", bgColor);\r\n    this.style.setProperty(\"--chip-text-color\", textColor);\r\n\r\n    if (isDefaultColorToken(this.color)) {\r\n      this.style.setProperty(\"--chip-ink-color\", resolveInkColorForToken(this.color));\r\n      this.style.setProperty(\r\n        \"--chip-accent-color\",\r\n        resolveAccentColorForToken(this.color),\r\n      );\r\n      this.style.setProperty(\"--chip-fill-color\", \"var(--sky-hover-tertiary)\");\r\n    } else {\r\n      this.style.removeProperty(\"--chip-ink-color\");\r\n      this.style.removeProperty(\"--chip-accent-color\");\r\n      this.style.removeProperty(\"--chip-fill-color\");\r\n    }\r\n  }\r\n\r\n  /** Size resolver similar to button: controls padding + font-size */\r\n  private _resolveSize(\r\n    input: string\r\n  ): {\r\n    padding: string;\r\n    fontSize: string;\r\n  } {\r\n    const presets: Record<string, { padding: string; fontSize: string }> = {\r\n      xs: { padding: \"2px 4px\", fontSize: \"11px\" },\r\n      sm: { padding: \"3px 6px\", fontSize: \"12px\" },\r\n      md: { padding: \"4px 8px\", fontSize: \"13px\" },\r\n      lg: { padding: \"5px 10px\", fontSize: \"14px\" },\r\n      xl: { padding: \"6px 12px\", fontSize: \"15px\" },\r\n    };\r\n\r\n    if (presets[input]) return presets[input];\r\n\r\n    const m = String(input).trim().match(/^([\\d.]+)(px|rem|em)?$/i);\r\n    const unit = m?.[2] || \"px\";\r\n    const fsNum = m ? parseFloat(m[1]) : 13;\r\n    const fs = `${fsNum}${unit}`;\r\n\r\n    const clamp = (n: number, min: number, max: number) =>\r\n      Math.max(min, Math.min(max, n));\r\n\r\n    const py = clamp(fsNum * 0.4, 2, 10);\r\n    const px = clamp(fsNum * 0.8, 6, 16);\r\n\r\n    const to = (n: number) => `${Math.round(n * 100) / 100}${unit}`;\r\n\r\n    return {\r\n      padding: `${to(py)} ${to(px)}`,\r\n      fontSize: fs,\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Dispatches `chip-removed` and removes the chip from the DOM.\r\n   *\r\n   * @returns {void}\r\n   */\r\n  public removeChip(): void {\r\n    const removeEvent = new CustomEvent<SkyChipRemovedEventDetail>(\"chip-removed\", {\r\n      detail: { label: this.label },\r\n      bubbles: true,\r\n      composed: true,\r\n    });\r\n    this.dispatchEvent(removeEvent);\r\n    this.remove();\r\n  }\r\n\r\n  private _slotHasMeaningfulContent(slotEl: HTMLSlotElement): boolean {\r\n    const nodes = slotEl.assignedNodes({ flatten: true });\r\n    return nodes.some((n) =>\r\n      n.nodeType === Node.ELEMENT_NODE\r\n        ? true\r\n        : (n.textContent ?? \"\").trim().length > 0\r\n    );\r\n  }\r\n\r\n  /** Light DOM check works before the shadow tree exists (first render). */\r\n  private _hasPrefixSlotContent(): boolean {\r\n    if (this.querySelector('[slot=\"prefix\"]')) return true;\r\n    const slot = this.shadowRoot?.querySelector(\r\n      'slot[name=\"prefix\"]',\r\n    ) as HTMLSlotElement | null;\r\n    return slot ? this._slotHasMeaningfulContent(slot) : false;\r\n  }\r\n\r\n  private _hasSuffixSlotContent(): boolean {\r\n    if (this.querySelector('[slot=\"suffix\"]')) return true;\r\n    const slot = this.shadowRoot?.querySelector(\r\n      'slot[name=\"suffix\"]',\r\n    ) as HTMLSlotElement | null;\r\n    return slot ? this._slotHasMeaningfulContent(slot) : false;\r\n  }\r\n\r\n  private _hasDefaultSlotContent(): boolean {\r\n    for (const n of Array.from(this.childNodes)) {\r\n      if (n.nodeType === Node.ELEMENT_NODE) {\r\n        const slot = (n as Element).getAttribute(\"slot\");\r\n        if (slot === \"prefix\" || slot === \"suffix\") continue;\r\n        return true;\r\n      }\r\n      if ((n.textContent ?? \"\").trim().length > 0) return true;\r\n    }\r\n    const slot = this.shadowRoot?.querySelector(\r\n      \"slot:not([name])\",\r\n    ) as HTMLSlotElement | null;\r\n    return slot ? this._slotHasMeaningfulContent(slot) : false;\r\n  }\r\n\r\n  private _onSlotChange = (): void => {\r\n    this.requestUpdate();\r\n  };\r\n\r\n  override render() {\r\n    const sizeDef = this._resolveSize(this.size);\r\n    const chipStyle = {\r\n      padding: sizeDef.padding,\r\n      borderRadius: resolveRadius(this.radius),\r\n      fontSize: sizeDef.fontSize,\r\n    };\r\n\r\n    return html`\r\n      <div\r\n        class=${classMap({\r\n          chip: true,\r\n          [this.variant]: true,\r\n          loading: this.loading,\r\n        })}\r\n        style=${styleMap(chipStyle)}\r\n        part=\"chip\"\r\n      >\r\n        <slot name=\"prefix\" @slotchange=${this._onSlotChange}></slot>\r\n        ${when(!this._hasPrefixSlotContent() && this.iconL, () => html`\r\n          <sky-icon class=\"icon\" part=\"icon\" icon=\"${this.iconL!}\"></sky-icon>\r\n        `)}\r\n        <slot @slotchange=${this._onSlotChange}></slot>\r\n        ${this._hasDefaultSlotContent() ? nothing : this.label}\r\n        <slot name=\"suffix\" @slotchange=${this._onSlotChange}></slot>\r\n        ${when(!this._hasSuffixSlotContent() && this.iconR, () => html`\r\n          <sky-icon class=\"icon icon-right\" part=\"icon\" icon=\"${this.iconR!}\"></sky-icon>\r\n        `)}\r\n        ${when(this.removable, () => html`\r\n          <button\r\n            class=\"close-button\"\r\n            part=\"close-button\"\r\n            type=\"button\"\r\n            aria-label=\"Remove chip\"\r\n            @click=${this.removeChip}\r\n          >\r\n            <sky-icon icon=\"ion:close\"></sky-icon>\r\n          </button>\r\n        `)}\r\n        ${when(this.loading, () => html`\r\n          <div class=\"loading-overlay\" part=\"loading-overlay\">\r\n            <div class=\"loading-spinner\" part=\"loading-spinner\"></div>\r\n          </div>\r\n        `)}\r\n      </div>\r\n    `;\r\n  }\r\n}"],"names":["SkyChip","LitElement","constructor","super","arguments","this","label","removable","color","radius","size","iconL","iconR","loading","disabled","variant","_onSlotChange","requestUpdate","updated","bgColor","resolveColor","textColor","resolveTextColorForToken","style","setProperty","isDefaultColorToken","resolveInkColorForToken","resolveAccentColorForToken","removeProperty","_resolveSize","input","presets","xs","padding","fontSize","sm","md","lg","xl","m","String","trim","match","unit","fsNum","parseFloat","fs","clamp","n","min","max","Math","py","px","to","round","removeChip","removeEvent","CustomEvent","detail","bubbles","composed","dispatchEvent","remove","_slotHasMeaningfulContent","slotEl","assignedNodes","flatten","some","nodeType","Node","ELEMENT_NODE","textContent","length","_hasPrefixSlotContent","querySelector","slot","shadowRoot","_hasSuffixSlotContent","_hasDefaultSlotContent","Array","from","childNodes","getAttribute","render","sizeDef","chipStyle","borderRadius","resolveRadius","html","classMap","chip","styleMap","when","nothing","dependencies","SkyIcon","styles","css","__decorateClass","property","type","prototype","Boolean","reflect","customElement"],"mappings":"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"}

package/dist/sky-col/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/sky-col/sky-col.js

@@ -1,4 +1,9 @@
-import{__decorate as t,__metadata as s}from"tslib";import{property as e,customElement as i}from"lit/decorators.js";import{when as r}from"lit/directives/when.js";import{LitElement as o,css as p,html as a}from"lit";let l=class extends o{constructor(){super(...arguments),this.span=1,this.gap="0",this.justify="center",this.align="stretch"}static{this.styles=p`
+import{property as t,customElement as s}from"lit/decorators.js";import{when as r}from"lit/directives/when.js";import{css as e,LitElement as o,html as i}from"lit";var a=Object.defineProperty,l=Object.getOwnPropertyDescriptor,p=(t,s,r,e)=>{for(var o,i=e>1?void 0:e?l(s,r):s,p=t.length-1;p>=0;p--)(o=t[p])&&(i=(e?o(s,r,i):o(i))||i);return e&&i&&a(s,r,i),i};let n=class extends o{constructor(){super(...arguments),this.span=1,this.gap="0",this.justify="center",this.align="stretch"}firstUpdated(){this.syncVars()}updated(t){(t.has("span")||t.has("gap")||t.has("justify")||t.has("align")||t.has("sm")||t.has("md")||t.has("lg")||t.has("xl")||t.has("start")||t.has("end"))&&this.syncVars()}refreshLayout(){this.syncVars()}syncVars(){this.style.setProperty("--col-span",String(this.span)),this.style.setProperty("--col-gap",this.gap),this.style.setProperty("--col-justify",this.justify),this.style.setProperty("--col-align",this.align),this.sm&&this.style.setProperty("--col-span-sm",String(this.sm)),this.md&&this.style.setProperty("--col-span-md",String(this.md)),this.lg&&this.style.setProperty("--col-span-lg",String(this.lg)),this.xl&&this.style.setProperty("--col-span-xl",String(this.xl)),this.start&&this.style.setProperty("--col-start",String(this.start)),this.end&&this.style.setProperty("--col-end",String(this.end))}render(){const t=this.start||this.end?`grid-column: ${this.start??"auto"} / ${this.end??"auto"};`:"";return i`
+      <div class="col" style=${r(this.start||this.end,()=>t,()=>"")} part="col">
+        <slot name="title"></slot>
+        <slot></slot>
+      </div>
+    `}};n.styles=e`
     :host {
       display: contents;
     }
@@ -37,10 +42,5 @@ import{__decorate as t,__metadata as s}from"tslib";import{property as e,customEl
         grid-column: span var(--col-span-xl, var(--col-span, var(--col-span, 1)));
       }
     }
-  `}firstUpdated(){this.syncVars()}updated(t){(t.has("span")||t.has("gap")||t.has("justify")||t.has("align")||t.has("sm")||t.has("md")||t.has("lg")||t.has("xl")||t.has("start")||t.has("end"))&&this.syncVars()}refreshLayout(){this.syncVars()}syncVars(){this.style.setProperty("--col-span",String(this.span)),this.style.setProperty("--col-gap",this.gap),this.style.setProperty("--col-justify",this.justify),this.style.setProperty("--col-align",this.align),this.sm&&this.style.setProperty("--col-span-sm",String(this.sm)),this.md&&this.style.setProperty("--col-span-md",String(this.md)),this.lg&&this.style.setProperty("--col-span-lg",String(this.lg)),this.xl&&this.style.setProperty("--col-span-xl",String(this.xl)),this.start&&this.style.setProperty("--col-start",String(this.start)),this.end&&this.style.setProperty("--col-end",String(this.end))}render(){const t=this.start||this.end?`grid-column: ${this.start??"auto"} / ${this.end??"auto"};`:"";return a`
-      <div class="col" style=${r(this.start||this.end,()=>t,()=>"")} part="col">
-        <slot name="title"></slot>
-        <slot></slot>
-      </div>
-    `}};t([e({type:Number}),s("design:type",Object)],l.prototype,"span",void 0),t([e({type:String}),s("design:type",Object)],l.prototype,"gap",void 0),t([e({type:String}),s("design:type",String)],l.prototype,"justify",void 0),t([e({type:String}),s("design:type",String)],l.prototype,"align",void 0),t([e({type:Number}),s("design:type",Number)],l.prototype,"start",void 0),t([e({type:Number}),s("design:type",Number)],l.prototype,"end",void 0),t([e({type:Number}),s("design:type",Number)],l.prototype,"sm",void 0),t([e({type:Number}),s("design:type",Number)],l.prototype,"md",void 0),t([e({type:Number}),s("design:type",Number)],l.prototype,"lg",void 0),t([e({type:Number}),s("design:type",Number)],l.prototype,"xl",void 0),l=t([i("sky-col")],l);export{l as SkyCol};
+  `,p([t({type:Number})],n.prototype,"span",2),p([t({type:String})],n.prototype,"gap",2),p([t({type:String})],n.prototype,"justify",2),p([t({type:String})],n.prototype,"align",2),p([t({type:Number})],n.prototype,"start",2),p([t({type:Number})],n.prototype,"end",2),p([t({type:Number})],n.prototype,"sm",2),p([t({type:Number})],n.prototype,"md",2),p([t({type:Number})],n.prototype,"lg",2),p([t({type:Number})],n.prototype,"xl",2),n=p([s("sky-col")],n);export{n as SkyCol};
 //# sourceMappingURL=sky-col.js.map

package/dist/sky-col/sky-col.js.map

@@ -1 +1 @@
-{"version":3,"file":"sky-col.js","sources":["../../src/sky-col/sky-col.ts"],"sourcesContent":[null],"names":["SkyCol","LitElement","constructor","this","span","gap","justify","align","styles","css","firstUpdated","syncVars","updated","changed","has","refreshLayout","style","setProperty","String","sm","md","lg","xl","start","end","render","gridStyle","html","when","__decorate","property","type","Number","prototype","customElement"],"mappings":"qNAwEO,IAAMA,EAAN,cAAqBC,EAArB,WAAAC,uBACuBC,KAAAC,KAAO,EACPD,KAAAE,IAAM,IACNF,KAAAG,QAAyB,SACzBH,KAAAI,MAAqB,SA6GnD,QAnGkBJ,KAAAK,OAASC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuC1B,CAEO,YAAAC,GACPP,KAAKQ,UACP,CAES,OAAAC,CAAQC,IAEbA,EAAQC,IAAI,SACZD,EAAQC,IAAI,QACZD,EAAQC,IAAI,YACZD,EAAQC,IAAI,UACZD,EAAQC,IAAI,OACZD,EAAQC,IAAI,OACZD,EAAQC,IAAI,OACZD,EAAQC,IAAI,OACZD,EAAQC,IAAI,UACZD,EAAQC,IAAI,SAEZX,KAAKQ,UAET,CAOO,aAAAI,GACLZ,KAAKQ,UACP,CAEQ,QAAAA,GACNR,KAAKa,MAAMC,YAAY,aAAcC,OAAOf,KAAKC,OACjDD,KAAKa,MAAMC,YAAY,YAAad,KAAKE,KACzCF,KAAKa,MAAMC,YAAY,gBAAiBd,KAAKG,SAC7CH,KAAKa,MAAMC,YAAY,cAAed,KAAKI,OAEvCJ,KAAKgB,IAAIhB,KAAKa,MAAMC,YAAY,gBAAiBC,OAAOf,KAAKgB,KAC7DhB,KAAKiB,IAAIjB,KAAKa,MAAMC,YAAY,gBAAiBC,OAAOf,KAAKiB,KAC7DjB,KAAKkB,IAAIlB,KAAKa,MAAMC,YAAY,gBAAiBC,OAAOf,KAAKkB,KAC7DlB,KAAKmB,IAAInB,KAAKa,MAAMC,YAAY,gBAAiBC,OAAOf,KAAKmB,KAE7DnB,KAAKoB,OAAOpB,KAAKa,MAAMC,YAAY,cAAeC,OAAOf,KAAKoB,QAC9DpB,KAAKqB,KAAKrB,KAAKa,MAAMC,YAAY,YAAaC,OAAOf,KAAKqB,KAChE,CAES,MAAAC,GACP,MAAMC,EACJvB,KAAKoB,OAASpB,KAAKqB,IACf,gBAAgBrB,KAAKoB,OAAS,YAAYpB,KAAKqB,KAAO,UACtD,GAEN,OAAOG,CAAI;+BACgBC,EAAKzB,KAAKoB,OAASpB,KAAKqB,IAAK,IAAME,EAAW,IAAM;;;;KAKjF,GA/G4BG,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAmBhC,EAAAiC,UAAA,eACTJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMb,kCAAoBlB,EAAAiC,UAAA,cACVJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMb,kCAA4ClB,EAAAiC,UAAA,kBAClCJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMb,kCAAyClB,EAAAiC,UAAA,gBAE/BJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAyBhC,EAAAiC,UAAA,gBACfJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAuBhC,EAAAiC,UAAA,cAEbJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAsBhC,EAAAiC,UAAA,aACZJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAsBhC,EAAAiC,UAAA,aACZJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAsBhC,EAAAiC,UAAA,aACZJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAsBhC,EAAAiC,UAAA,aAZ7BjC,EAAM6B,EAAA,CADlBK,EAAc,YACFlC"}
+{"version":3,"file":"sky-col.js","sources":["../../src/sky-col/sky-col.ts"],"sourcesContent":["import { customElement, property } from \"lit/decorators.js\";\r\nimport { when } from \"lit/directives/when.js\";\r\nimport { LitElement, html, css } from \"lit\";\r\n\r\nexport type SkyColAlign = \"stretch\" | \"start\" | \"center\" | \"end\" | \"baseline\";\r\nexport type SkyColJustify =\r\n  | \"start\"\r\n  | \"center\"\r\n  | \"end\"\r\n  | \"space-between\"\r\n  | \"space-around\"\r\n  | \"space-evenly\";\r\n\r\n/**\r\n * @element sky-col\r\n *\r\n * @summary Grid/flex column helper with responsive spans and configurable alignment/justification.\r\n *\r\n * @status stable\r\n * @since 1.0.0\r\n *\r\n * @documentation https://library.sky-ui.com/components/grid\r\n *\r\n * @slot title - Optional title content shown before main content.\r\n * @slot - Default content for the column body.\r\n *\r\n * @csspart col - The column container.\r\n *\r\n * @property {number} span - Default column span.\r\n * @property {string} gap - Internal content gap CSS value.\r\n * @property {SkyColJustify} justify - Content justification within the column.\r\n * @property {SkyColAlign} align - Content alignment within the column.\r\n * @property {number | undefined} start - Optional explicit grid column start.\r\n * @property {number | undefined} end - Optional explicit grid column end.\r\n * @property {number | undefined} sm - Responsive span for small breakpoint.\r\n * @property {number | undefined} md - Responsive span for medium breakpoint.\r\n * @property {number | undefined} lg - Responsive span for large breakpoint.\r\n * @property {number | undefined} xl - Responsive span for extra-large breakpoint.\r\n * @method refreshLayout Reapplies internal CSS variables from current properties.\r\n *\r\n * @Behavior\r\n * - Applies span and responsive spans through host CSS variables.\r\n * - Supports explicit `start`/`end` grid positioning when provided.\r\n * - Automatically updates layout variables when relevant properties change.\r\n *\r\n * @example\r\n * ```html\r\n * <sky-col span=\"4\" md=\"6\" justify=\"space-between\" align=\"center\">\r\n *   <span slot=\"title\">Revenue</span>\r\n *   Q2 performance details\r\n * </sky-col>\r\n * ```\r\n * ```vue\r\n * <template>\r\n *   <sky-col span=\"4\" md=\"6\" justify=\"space-between\" align=\"center\">\r\n *     <span slot=\"title\">Revenue</span>\r\n *     Q2 performance details\r\n *   </sky-col>\r\n * </template>\r\n * ```\r\n * ```jsx\r\n * export default function Demo() {\r\n *   return (\r\n *     <sky-col span=\"4\" md=\"6\" justify=\"space-between\" align=\"center\">\r\n *       <span slot=\"title\">Revenue</span>\r\n *       Q2 performance details\r\n *     </sky-col>\r\n *   );\r\n * }\r\n * ```\r\n */\r\n@customElement(\"sky-col\")\r\nexport class SkyCol extends LitElement {\r\n  @property({ type: Number }) span = 1;\r\n  @property({ type: String }) gap = \"0\";\r\n  @property({ type: String }) justify: SkyColJustify = \"center\";\r\n  @property({ type: String }) align: SkyColAlign = \"stretch\";\r\n\r\n  @property({ type: Number }) start?: number;\r\n  @property({ type: Number }) end?: number;\r\n\r\n  @property({ type: Number }) sm?: number;\r\n  @property({ type: Number }) md?: number;\r\n  @property({ type: Number }) lg?: number;\r\n  @property({ type: Number }) xl?: number;\r\n\r\n  static override styles = css`\r\n    :host {\r\n      display: contents;\r\n    }\r\n\r\n    .col {\r\n      display: flex;\r\n      flex-direction: column;\r\n      grid-column: span var(--col-span, 1);\r\n      gap: var(--col-gap, 0);\r\n      align-items: var(--col-align, stretch);\r\n      justify-content: var(--col-justify, center);\r\n    }\r\n\r\n    ::slotted([slot=\"title\"]) {\r\n      font-weight: bold;\r\n      margin-bottom: 0.5rem;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .col {\r\n        grid-column: span var(--col-span-sm, var(--col-span, 1));\r\n      }\r\n    }\r\n    @media (max-width: 992px) {\r\n      .col {\r\n        grid-column: span var(--col-span-md, var(--col-span, 1));\r\n      }\r\n    }\r\n    @media (max-width: 1200px) {\r\n      .col {\r\n        grid-column: span var(--col-span-lg, var(--col-span, 1));\r\n      }\r\n    }\r\n    @media (min-width: 1201px) {\r\n      .col {\r\n        grid-column: span var(--col-span-xl, var(--col-span, var(--col-span, 1)));\r\n      }\r\n    }\r\n  `;\r\n\r\n  override firstUpdated(): void {\r\n    this.syncVars();\r\n  }\r\n\r\n  override updated(changed: Map<string | number | symbol, unknown>): void {\r\n    if (\r\n      changed.has(\"span\") ||\r\n      changed.has(\"gap\") ||\r\n      changed.has(\"justify\") ||\r\n      changed.has(\"align\") ||\r\n      changed.has(\"sm\") ||\r\n      changed.has(\"md\") ||\r\n      changed.has(\"lg\") ||\r\n      changed.has(\"xl\") ||\r\n      changed.has(\"start\") ||\r\n      changed.has(\"end\")\r\n    ) {\r\n      this.syncVars();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Reapplies internal CSS variables from current properties.\r\n   *\r\n   * @returns {void}\r\n   */\r\n  public refreshLayout(): void {\r\n    this.syncVars();\r\n  }\r\n\r\n  private syncVars(): void {\r\n    this.style.setProperty(\"--col-span\", String(this.span));\r\n    this.style.setProperty(\"--col-gap\", this.gap);\r\n    this.style.setProperty(\"--col-justify\", this.justify);\r\n    this.style.setProperty(\"--col-align\", this.align);\r\n\r\n    if (this.sm) this.style.setProperty(\"--col-span-sm\", String(this.sm));\r\n    if (this.md) this.style.setProperty(\"--col-span-md\", String(this.md));\r\n    if (this.lg) this.style.setProperty(\"--col-span-lg\", String(this.lg));\r\n    if (this.xl) this.style.setProperty(\"--col-span-xl\", String(this.xl));\r\n\r\n    if (this.start) this.style.setProperty(\"--col-start\", String(this.start));\r\n    if (this.end) this.style.setProperty(\"--col-end\", String(this.end));\r\n  }\r\n\r\n  override render() {\r\n    const gridStyle =\r\n      this.start || this.end\r\n        ? `grid-column: ${this.start ?? \"auto\"} / ${this.end ?? \"auto\"};`\r\n        : \"\";\r\n\r\n    return html`\r\n      <div class=\"col\" style=${when(this.start || this.end, () => gridStyle, () => \"\")} part=\"col\">\r\n        <slot name=\"title\"></slot>\r\n        <slot></slot>\r\n      </div>\r\n    `;\r\n  }\r\n}"],"names":["SkyCol","LitElement","constructor","super","arguments","this","span","gap","justify","align","firstUpdated","syncVars","updated","changed","has","refreshLayout","style","setProperty","String","sm","md","lg","xl","start","end","render","gridStyle","html","when","styles","css","__decorateClass","property","type","Number","prototype","customElement"],"mappings":"kWAwEO,IAAMA,EAAN,cAAqBC,EAArB,WAAAC,GAAAC,SAAAC,WACuBC,KAAAC,KAAO,EACPD,KAAAE,IAAM,IACNF,KAAAG,QAAyB,SACzBH,KAAAI,MAAqB,SAAA,CAmDxC,YAAAC,GACPL,KAAKM,UACP,CAES,OAAAC,CAAQC,IAEbA,EAAQC,IAAI,SACZD,EAAQC,IAAI,QACZD,EAAQC,IAAI,YACZD,EAAQC,IAAI,UACZD,EAAQC,IAAI,OACZD,EAAQC,IAAI,OACZD,EAAQC,IAAI,OACZD,EAAQC,IAAI,OACZD,EAAQC,IAAI,UACZD,EAAQC,IAAI,SAEZT,KAAKM,UAET,CAOO,aAAAI,GACLV,KAAKM,UACP,CAEQ,QAAAA,GACNN,KAAKW,MAAMC,YAAY,aAAcC,OAAOb,KAAKC,OACjDD,KAAKW,MAAMC,YAAY,YAAaZ,KAAKE,KACzCF,KAAKW,MAAMC,YAAY,gBAAiBZ,KAAKG,SAC7CH,KAAKW,MAAMC,YAAY,cAAeZ,KAAKI,OAEvCJ,KAAKc,IAAId,KAAKW,MAAMC,YAAY,gBAAiBC,OAAOb,KAAKc,KAC7Dd,KAAKe,IAAIf,KAAKW,MAAMC,YAAY,gBAAiBC,OAAOb,KAAKe,KAC7Df,KAAKgB,IAAIhB,KAAKW,MAAMC,YAAY,gBAAiBC,OAAOb,KAAKgB,KAC7DhB,KAAKiB,IAAIjB,KAAKW,MAAMC,YAAY,gBAAiBC,OAAOb,KAAKiB,KAE7DjB,KAAKkB,OAAOlB,KAAKW,MAAMC,YAAY,cAAeC,OAAOb,KAAKkB,QAC9DlB,KAAKmB,KAAKnB,KAAKW,MAAMC,YAAY,YAAaC,OAAOb,KAAKmB,KAChE,CAES,MAAAC,GACP,MAAMC,EACJrB,KAAKkB,OAASlB,KAAKmB,IACf,gBAAgBnB,KAAKkB,OAAS,YAAYlB,KAAKmB,KAAO,UACtD,GAEN,OAAOG,CAAA;+BACoBC,EAAKvB,KAAKkB,OAASlB,KAAKmB,IAAK,IAAME,EAAW,IAAM;;;;KAKjF,GAhHW1B,EAcK6B,OAASC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAbGC,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,UADPlC,EACiBmC,UAAA,OAAA,GACAJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMf,UAFPlB,EAEiBmC,UAAA,MAAA,GACAJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMf,UAHPlB,EAGiBmC,UAAA,UAAA,GACAJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMf,UAJPlB,EAIiBmC,UAAA,QAAA,GAEAJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,UANPlC,EAMiBmC,UAAA,QAAA,GACAJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,UAPPlC,EAOiBmC,UAAA,MAAA,GAEAJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,UATPlC,EASiBmC,UAAA,KAAA,GACAJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,UAVPlC,EAUiBmC,UAAA,KAAA,GACAJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,UAXPlC,EAWiBmC,UAAA,KAAA,GACAJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,UAZPlC,EAYiBmC,UAAA,KAAA,GAZjBnC,EAAN+B,EAAA,CADNK,EAAc,YACFpC"}

package/dist/sky-combobox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/sky-combobox/sky-combobox.d.ts

@@ -213,12 +213,12 @@ export declare class SkyCombobox extends FormControlBase {
     static styles: import("lit").CSSResult;
     constructor();
     static shadowRootOptions: {
-        delegatesFocus: boolean;
         clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
+        customElementRegistry?: CustomElementRegistry | null;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;
+        delegatesFocus: boolean;
     };
     connectedCallback(): void;
     firstUpdated(): void;