@sky.ui/core 0.0.1

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

@@ -0,0 +1,276 @@
+import{__decorate as e,__metadata as t}from"tslib";import{LitElement as i,css as s,nothing as o,html as r}from"lit";import{property as a,state as n,customElement as c}from"lit/decorators.js";import{when as h}from"lit/directives/when.js";import{classMap as d}from"lit/directives/class-map.js";import{styleMap as l}from"lit/directives/style-map.js";import{resolveColor as p}from"../helper/utils/color-resolver.js";import{FormControlBase as u}from"../helper/internals/form-control-base.js";let y=class extends u{constructor(){super(...arguments),this.label="",this.id="",this.value="",this.color="primary",this.defaultChecked=!1,this.showErrors=!1,this.prefix="",this.suffix="",this.prefixColor="",this.suffixColor="",this.validationActive=!1,this.invalid=!1,this._checked=!1,this._indeterminate=!1,this.validationErrors=[],this._hasMeaningfulSlot=!1,this._inputId=`sky-cb-${Math.random().toString(36).slice(2)}`,this._onSlotChange=e=>{const t=e.target,i=this._slotHasMeaningfulContent(t);i!==this._hasMeaningfulSlot&&(this._hasMeaningfulSlot=i)},this.handleBlur=e=>{this.validationActive=!0,this.validateInput();const t=this.shadowRoot?.querySelector(".cbx");t?.classList.remove("active"),this.syncValidity()},this._onKeyDown=e=>{this.disabled||this.readonly||" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this._inputElement?.click())}}static{this.shadowRootOptions={...i.shadowRootOptions,delegatesFocus:!0}}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,e&&this.indeterminate&&(this.indeterminate=!1,this._inputElement&&(this._inputElement.indeterminate=!1)),this.requestUpdate("checked",t),this._inputElement&&(this._inputElement.checked=e,this._inputElement.indeterminate=this.indeterminate),this._updateVisualState(),this.syncFormValue(),this.syncValidity()}get indeterminate(){return this._indeterminate}set indeterminate(e){const t=this._indeterminate;this._indeterminate=e,e&&this.checked&&(this.checked=!1),this.requestUpdate("indeterminate",t),this._inputElement&&(this._inputElement.indeterminate=e),this._updateVisualState(),this.syncValidity()}static{this.styles=s`
+    :host {
+      display: block;
+      position: relative;
+      font-family: var(--sky-font);
+    }
+
+:host([readonly]) .cbx {
+  cursor: default;
+}
+
+/* ✅ Show focus UI whenever anything inside is focused */
+:host(:focus-within) .cbx span:first-child,:host(:focus) .cbx span:first-child {
+ box-shadow: 0 0 8px var(--checkbox-color);
+ border-color: var(--checkbox-color)!important;
+}
+
+    .checkbox-wrapper {
+      position: relative;
+      display: flex;
+      align-items: center;
+      gap: 5px;
+    }
+
+    :host([disabled]) {
+      pointer-events: none;
+      opacity: 0.6;
+    }
+
+    .cbx {
+      display: flex;
+      align-items: center;
+      cursor: pointer;
+      user-select: none;
+      gap: 5px;
+      transition: all 0.2s ease;
+      font-family: var(--sky-font);
+      font-size: var(--sky-font-size-sm);
+      line-height: var(--sky-line-height-snug, 1.25);
+      color: var(--sky-text-primary);
+    }
+
+    .cbx span {
+      display: inline-block;
+      vertical-align: middle;
+    }
+
+    .cbx span:first-child {
+      position: relative;
+      box-sizing: border-box;
+      width: 18px;
+      height: 18px;
+      flex-shrink: 0;
+      border-radius: min(6px, var(--sky-radius-primary));
+      vertical-align: middle;
+      border: 2px solid var(--sky-text-tertiary);
+      transition: all 0.2s ease;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transform: translateZ(0);
+      contain: layout;
+      overflow: hidden;
+      transition: background-color 0.2s ease;
+    }
+
+    .cbx span:first-child svg {
+      position: absolute;
+      width: 12px;
+      height: 10px;
+      fill: none;
+      stroke: var(--sky-text-white);
+      stroke-width: 2;
+      stroke-linecap: round;
+      stroke-linejoin: round;
+      stroke-dasharray: 16px;
+      stroke-dashoffset: 16px;
+      transition: stroke-dashoffset 0.2s ease, transform 0.2s ease;
+      transform: translate3d(0, 0, 0);
+    }
+
+    .cbx:hover span:first-child {
+      background-color: var(--sky-text-tertiary);
+      border-color: var(--sky-text-tertiary);
+    }
+
+    input[type="checkbox"]:checked + .cbx:hover span:first-child {
+      box-shadow: 0 0 8px var(--checkbox-color);
+      transition: box-shadow 0.2s ease;
+    }
+
+    .cbx span:first-child:before {
+      content: "";
+      inset: 0;
+      width: auto;
+      height: auto;
+      background: var(--checkbox-color, #506eec);
+      display: block;
+      transform: scale(0);
+      opacity: 0;
+      border-radius: 50%;
+      transition: transform 0.2s ease-out, opacity 0.2s ease-out;
+      position: absolute;
+      z-index: -1;
+      pointer-events: none;
+    }
+
+input[type="checkbox"] {
+  position: absolute;
+  opacity: 0;
+  width: 1px;
+  height: 1px;
+  margin: 0;
+  padding: 0;
+  border: 0;
+
+}
+
+    input[type="checkbox"]:focus-visible + .cbx span:first-child,
+    input[type="checkbox"]:focus + .cbx span:first-child {
+      border-color: var(--sky-text-tertiary);
+      outline:none;
+    }
+
+input[type="checkbox"]:checked + .cbx span:first-child {
+  background: var(--checkbox-color, #506eec);
+  border-color: var(--checkbox-color, #506eec);
+
+  transform: none; /* Ensure no transform applied */
+}
+
+    input[type="checkbox"]:checked + .cbx span:first-child svg.checkmark {
+      stroke-dashoffset: 0;
+      transition: stroke-dashoffset 0.2s ease-in-out 0.1s,
+        transform 0.2s ease-in-out 0.1s;
+    }
+
+    input[type="checkbox"]:not(:checked) + .cbx span:first-child svg.checkmark {
+      transition: opacity 0.2s ease-in-out;
+      opacity: 0;
+    }
+
+    input[type="checkbox"]:checked + .cbx span:first-child:before {
+      transform: scale(3.5);
+      opacity: 0;
+      transition: transform 0.2s ease-out, opacity 0.2s ease-out;
+    }
+
+    .cbx.checked span:first-child {
+  background: var(--checkbox-color, #506eec);
+  border-color: var(--checkbox-color, #506eec);
+
+}
+.cbx.checked span:first-child svg.checkmark {
+  stroke-dashoffset: 0;
+  transition: stroke-dashoffset 0.2s ease-in-out 0.1s,
+              transform 0.2s ease-in-out 0.1s;
+}
+
+    .indeterminate-line {
+      width: 10px;
+      height: 2px;
+      background-color: var(--sky-text-white);
+      position: absolute;
+      border-radius: 1px;
+      transition: opacity 0.2s ease, transform 0.2s ease;
+      opacity: 0;
+      transform: scaleX(0);
+    }
+
+    .indeterminate-active {
+      opacity: 1;
+      transform: scaleX(1);
+    }
+
+    .checked .checkmark {
+      stroke-dashoffset: 0;
+    }
+
+    .indeterminate .checkmark {
+      display: none;
+    }
+
+    .indeterminate .indeterminate-line {
+      opacity: 1;
+      transform: scaleX(1);
+    }
+
+
+    .error-message {
+      font-size: var(--sky-font-size-xs);
+      color: var(--sky-danger-primary);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      pointer-events: none;
+      margin-left: 5px;
+      width: 100%;
+      text-align: start;
+      font-family: var(--sky-font);
+    }
+    :dir(rtl) .error-message {
+      margin-right: 5px;
+      margin-left: unset;
+    }
+
+    :host([validationactive]:invalid) .cbx span:first-child {
+
+      border-color: var(--sky-danger-primary);
+    }
+    :host([validationactive]:invalid) .cbx span:first-child svg.checkmark {
+      stroke-dashoffset: 0;
+    }
+    :host([validationactive]:invalid) .cbx span:first-child:before {
+      transform: scale(3.5);
+      opacity: 0;
+    }
+    :host([validationactive]:invalid) .error-message {
+      display: block;
+    }
+
+    :host([indeterminate]) .indeterminate-line {
+      opacity: 1;
+      transform: scaleX(1);
+    }
+    :host([indeterminate]) .cbx span:first-child {
+      background-color: var(--checkbox-color);
+      border-color: var(--checkbox-color);
+    }
+
+    .checkbox-wrapper.no-text {
+  gap: 0;
+}
+  `}getFormValue(){return this.name?this.disabled?null:this.checked?this.value&&""!==this.value.trim()?this.value:"on":null:null}setValueFromFormState(e){if(null===e)return this.checked=!1,void(this.indeterminate=!1);"string"==typeof e&&(this.value&&""!==this.value.trim()?this.checked=e===this.value:this.checked="on"===e||"true"===e||"1"===e,this.indeterminate=!1)}getValidityAnchor(){return this.shadowRoot?.querySelector('input[type="checkbox"]')??void 0}isEmpty(){return!this.checked}getNativeControl(){return this.shadowRoot?.querySelector('input[type="checkbox"]')}onFormReset(){this.checked=this.defaultChecked,this.indeterminate=!1,this.validationErrors=[],this.invalid=!1,this.validationActive=!1}willUpdate(e){e.has("color")&&this.style.setProperty("--checkbox-color",p(this.color))}updated(e){super.updated(e),this._inputElement||(this._inputElement=this.shadowRoot?.querySelector('input[type="checkbox"]')),this._inputElement&&(this._inputElement.checked=this.checked,this._inputElement.indeterminate=this.indeterminate,this._inputElement.disabled=this.disabled||this.readonly),this._updateVisualState(),(e.has("checked")||e.has("name")||e.has("disabled")||e.has("readonly")||e.has("required")||e.has("value"))&&(this.syncFormValue(),this.syncValidity())}handleChange(e){const t=e.target;if(this.disabled||this.readonly)return this._inputElement&&(this._inputElement.checked=this.checked,this._inputElement.indeterminate=this.indeterminate),e.preventDefault(),void e.stopPropagation();this.checked=t.checked,this.validateInput();const i=this.value&&""!==this.value.trim()?this.checked?this.value:void 0:this.checked;this.dispatchEvent(new CustomEvent("value-changed",{detail:{checked:this.checked,value:i},bubbles:!0,composed:!0}))}validateInput(){if(!this.validationActive)return!0;this.validationErrors=[],this.required&&!this.checked&&(this.validationErrors=[this.requiredMessage]),this.dispatchEvent(new CustomEvent("validation-error",{detail:{errors:[...this.validationErrors]},bubbles:!0,composed:!0}));const e=this.shadowRoot?.querySelector(".cbx");this.validationErrors.length?e?.classList.add("invalid"):e?.classList.remove("invalid");const t=0===this.validationErrors.length;return this.invalid=!t,t}check(){this.disabled||this.readonly||(this.checked=!0,this.indeterminate=!1)}uncheck(){this.disabled||this.readonly||(this.checked=!1,this.indeterminate=!1)}toggle(){this.disabled||this.readonly||(this.checked=!this.checked,this.indeterminate=!1)}reset(){this.onFormReset(),this.syncFormValue(),this.syncValidity(),this.dispatchEvent(new CustomEvent("value-cleared",{detail:{value:this.value,checked:this.checked},bubbles:!0,composed:!0}))}_updateVisualState(){const e=this.shadowRoot?.querySelector(".cbx");e&&(this.checked?(e.classList.add("checked"),e.classList.remove("indeterminate")):this.indeterminate?(e.classList.add("indeterminate"),e.classList.remove("checked")):e.classList.remove("checked","indeterminate"))}_slotHasMeaningfulContent(e){return e.assignedNodes({flatten:!0}).some(e=>e.nodeType===Node.ELEMENT_NODE||(e.textContent??"").trim().length>0)}get _hasTextContent(){return!!this.prefix||!!this.suffix||!!this.label||this._hasMeaningfulSlot}render(){const e=this._hasTextContent,t=d({"checkbox-wrapper":!0,"no-text":!e}),i=d({cbx:!0,checked:this.checked,indeterminate:this.indeterminate}),s=d({box:!0,"box--checked":this.checked,"box--indeterminate":this.indeterminate,"box--invalid":this.validationErrors.length>0}),a="box"+(this.checked?" box--checked":"")+(this.indeterminate?" box--indeterminate":"")+(this.validationErrors.length?" box--invalid":"");return r`
+      <div class=${t} part="wrapper">
+        <input
+          type="checkbox"
+          id="${this._inputId}"
+          class="inp-cbx"
+          part="input"
+          .checked="${this.checked}"
+          @blur=${this.handleBlur}
+          @keydown=${this._onKeyDown}
+          .disabled="${this.disabled||this.readonly}"
+          .value="${this.value}"
+          @change=${this.handleChange}
+          aria-checked=${this.indeterminate?"mixed":this.checked}
+          aria-invalid="${this.validationErrors.length>0}"
+          aria-readonly="${this.readonly}"
+        />
+        <label class=${i} part="label" for="${this._inputId}">
+          <span part=${a} class=${s}>
+            <svg viewBox="0 0 12 10" class="checkmark" part="checkmark">
+              <polyline points="1.5 6 4.5 9 10.5 1"></polyline>
+            </svg>
+            <div class="indeterminate-line" part="indeterminate-line"></div>
+          </span>
+          <slot @slotchange=${this._onSlotChange}></slot>
+          ${h(e,()=>{const e=l({textAlign:"start",color:"var(--sky-text-primary)"}),t=l({color:this.prefixColor,display:"inline-block"}),i=l({color:this.suffixColor,display:"inline-block"});return r`
+              <span style=${e} part="text">
+                <div style=${t} part="prefix">
+                  ${this.prefix}
+                </div>
+                ${this._hasMeaningfulSlot?o:this.label}
+                <div style=${i} part="suffix">
+                  ${this.suffix}
+                </div>
+              </span>
+            `})}
+        </label>
+      </div>
+      ${h(this.showErrors&&this.validationErrors.length>0&&this.validationActive,()=>r`<div class="error-message" part="error-message">
+          ${this.validationErrors[0]}
+        </div>`)}
+    `}};e([a({type:String}),t("design:type",Object)],y.prototype,"label",void 0),e([a({type:String}),t("design:type",Object)],y.prototype,"id",void 0),e([a({type:String}),t("design:type",Object)],y.prototype,"value",void 0),e([a({type:String}),t("design:type",Object)],y.prototype,"color",void 0),e([a({type:Boolean}),t("design:type",Object)],y.prototype,"defaultChecked",void 0),e([a({type:Boolean}),t("design:type",Object)],y.prototype,"showErrors",void 0),e([a({type:String}),t("design:type",Object)],y.prototype,"prefix",void 0),e([a({type:String}),t("design:type",Object)],y.prototype,"suffix",void 0),e([a({type:String}),t("design:type",Object)],y.prototype,"prefixColor",void 0),e([a({type:String}),t("design:type",Object)],y.prototype,"suffixColor",void 0),e([a({type:Boolean,reflect:!0}),t("design:type",Boolean)],y.prototype,"validationActive",void 0),e([a({type:Boolean,reflect:!0}),t("design:type",Boolean)],y.prototype,"invalid",void 0),e([n(),t("design:type",Object)],y.prototype,"_checked",void 0),e([n(),t("design:type",Object)],y.prototype,"_indeterminate",void 0),e([n(),t("design:type",Array)],y.prototype,"validationErrors",void 0),e([n(),t("design:type",Object)],y.prototype,"_hasMeaningfulSlot",void 0),e([a({type:Boolean,reflect:!0}),t("design:type",Boolean),t("design:paramtypes",[Boolean])],y.prototype,"checked",null),e([a({type:Boolean,reflect:!0}),t("design:type",Boolean),t("design:paramtypes",[Boolean])],y.prototype,"indeterminate",null),y=e([c("sky-checkbox")],y);export{y as SkyCheckbox};
+//# sourceMappingURL=sky-checkbox.js.map

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

@@ -0,0 +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":"ueA+FO,IAAMA,EAAN,cAA0BC,EAA1B,WAAAC,uBAMuBC,KAAAC,MAAQ,GACCD,KAAAE,GAAK,GACdF,KAAAG,MAAQ,GACRH,KAAAI,MAAQ,UACPJ,KAAAK,gBAAiB,EACjBL,KAAAM,YAAa,EACLN,KAAAO,OAAS,GAClBP,KAAAQ,OAAS,GACTR,KAAAS,YAAc,GACdT,KAAAU,YAAc,GACEV,KAAAW,kBAA4B,EAC5BX,KAAAY,SAAmB,EAC9CZ,KAAAa,UAAW,EACXb,KAAAc,gBAAiB,EACjBd,KAAAe,iBAA6B,GAC7Bf,KAAAgB,oBAAqB,EAG9BhB,KAAAiB,SAAW,UAAUC,KAAKC,SAASC,SAAS,IAAIC,MAAM,KAqftDrB,KAAAsB,cAAiBC,IACvB,MAAMC,EAAOD,EAAEE,OACTC,EAAO1B,KAAK2B,0BAA0BH,GACxCE,IAAS1B,KAAKgB,qBAAoBhB,KAAKgB,mBAAqBU,IAO1D1B,KAAA4B,WAAcC,IACpB7B,KAAKW,kBAAmB,EACxBX,KAAK8B,gBAEL,MAAMC,EAAM/B,KAAKgC,YAAYC,cAAc,QAC3CF,GAAKG,UAAUC,OAAO,UAEtBnC,KAAKoC,gBAECpC,KAAAqC,WAAcd,IAChBvB,KAAKsC,UAAYtC,KAAKuC,UAEZ,MAAVhB,EAAEiB,KAAyB,UAAVjB,EAAEiB,MACrBjB,EAAEkB,iBACFzC,KAAK0C,eAAeC,SAoF1B,QAxnBkB3C,KAAA4C,kBAAoB,IAC/BC,EAAWD,kBACdE,gBAAgB,EAChB,CAsBF,WACIC,GACF,OAAO/C,KAAKa,QACd,CACA,WAAIkC,CAAQC,GACV,MAAMC,EAAMjD,KAAKa,SACjBb,KAAKa,SAAWmC,EAEZA,GAAKhD,KAAKkD,gBACZlD,KAAKkD,eAAgB,EACjBlD,KAAK0C,gBAAe1C,KAAK0C,cAAcQ,eAAgB,IAG7DlD,KAAKmD,cAAc,UAAWF,GAE1BjD,KAAK0C,gBACP1C,KAAK0C,cAAcK,QAAUC,EAC7BhD,KAAK0C,cAAcQ,cAAgBlD,KAAKkD,eAG1ClD,KAAKoD,qBAELpD,KAAKqD,gBACLrD,KAAKoC,cACP,CAEA,iBACIc,GACF,OAAOlD,KAAKc,cACd,CACA,iBAAIoC,CAAcF,GAChB,MAAMC,EAAMjD,KAAKc,eACjBd,KAAKc,eAAiBkC,EAElBA,GAAKhD,KAAK+C,UAAS/C,KAAK+C,SAAU,GAEtC/C,KAAKmD,cAAc,gBAAiBF,GAEhCjD,KAAK0C,gBAAe1C,KAAK0C,cAAcQ,cAAgBF,GAE3DhD,KAAKoD,qBAELpD,KAAKoC,cACP,QAEgBpC,KAAAsD,OAASC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyO1B,CAEiB,YAAAC,GACjB,OAAKxD,KAAKyD,KACNzD,KAAKsC,SAAiB,KAErBtC,KAAK+C,QAEN/C,KAAKG,OAA+B,KAAtBH,KAAKG,MAAMuD,OAAsB1D,KAAKG,MAEjD,KAJmB,KAHH,IAQzB,CAEmB,qBAAAwD,CAAsBC,GACvC,GAAc,OAAVA,EAGF,OAFA5D,KAAK+C,SAAU,OACf/C,KAAKkD,eAAgB,GAIF,iBAAVU,IACL5D,KAAKG,OAA+B,KAAtBH,KAAKG,MAAMuD,OAC3B1D,KAAK+C,QAAUa,IAAU5D,KAAKG,MAE9BH,KAAK+C,QAAoB,OAAVa,GAA4B,SAAVA,GAA8B,MAAVA,EAEvD5D,KAAKkD,eAAgB,EAEzB,CAEmB,iBAAAW,GACjB,OAAQ7D,KAAKgC,YAAYC,cAAc,gCAA6C6B,CACtF,CAEmB,OAAAC,GACjB,OAAQ/D,KAAK+C,OACf,CAEmB,gBAAAiB,GACjB,OAAOhE,KAAKgC,YAAYC,cAAc,yBACxC,CAEmB,WAAAgC,GACjBjE,KAAK+C,QAAU/C,KAAKK,eACpBL,KAAKkD,eAAgB,EAErBlD,KAAKe,iBAAmB,GACxBf,KAAKY,SAAU,EACfZ,KAAKW,kBAAmB,CAC1B,CAES,UAAAuD,CAAWC,GACdA,EAAQC,IAAI,UACdpE,KAAKqE,MAAMC,YAAY,mBAAoBC,EAAavE,KAAKI,OAEjE,CAES,OAAAoE,CAAQL,GACfM,MAAMD,QAAQL,GAETnE,KAAK0C,gBACR1C,KAAK0C,cAAgB1C,KAAKgC,YAAYC,cACpC,2BAIAjC,KAAK0C,gBACP1C,KAAK0C,cAAcK,QAAU/C,KAAK+C,QAClC/C,KAAK0C,cAAcQ,cAAgBlD,KAAKkD,cACxClD,KAAK0C,cAAcJ,SAAWtC,KAAKsC,UAAYtC,KAAKuC,UAGtDvC,KAAKoD,sBAGHe,EAAQC,IAAI,YACZD,EAAQC,IAAI,SACZD,EAAQC,IAAI,aACZD,EAAQC,IAAI,aACZD,EAAQC,IAAI,aACZD,EAAQC,IAAI,YAEZpE,KAAKqD,gBACLrD,KAAKoC,eAET,CAEQ,YAAAsC,CAAaC,GACnB,MAAMlD,EAASkD,EAAMlD,OAErB,GAAIzB,KAAKsC,UAAYtC,KAAKuC,SAOxB,OANIvC,KAAK0C,gBACP1C,KAAK0C,cAAcK,QAAU/C,KAAK+C,QAClC/C,KAAK0C,cAAcQ,cAAgBlD,KAAKkD,eAE1CyB,EAAMlC,sBACNkC,EAAMC,kBAIR5E,KAAK+C,QAAUtB,EAAOsB,QAGtB/C,KAAK8B,gBAEL,MAAM+C,EACJ7E,KAAKG,OAA+B,KAAtBH,KAAKG,MAAMuD,OACrB1D,KAAK+C,QAAU/C,KAAKG,WAAQ2D,EAC5B9D,KAAK+C,QAEX/C,KAAK8E,cACH,IAAIC,YAA2C,gBAAiB,CAC9DC,OAAQ,CAAEjC,QAAS/C,KAAK+C,QAAS5C,MAAO0E,GACxCI,SAAS,EACTC,UAAU,IAGhB,CAEQ,aAAApD,GACN,IAAK9B,KAAKW,iBAAkB,OAAO,EAEnCX,KAAKe,iBAAmB,GACpBf,KAAKmF,WAAanF,KAAK+C,UACzB/C,KAAKe,iBAAmB,CAACf,KAAKoF,kBAGhCpF,KAAK8E,cACH,IAAIC,YAA8C,mBAAoB,CACpEC,OAAQ,CAAEK,OAAQ,IAAIrF,KAAKe,mBAC3BkE,SAAS,EACTC,UAAU,KAId,MAAMnD,EAAM/B,KAAKgC,YAAYC,cAAc,QACvCjC,KAAKe,iBAAiBuE,OAAQvD,GAAKG,UAAUqD,IAAI,WAChDxD,GAAKG,UAAUC,OAAO,WAE3B,MAAMqD,EAA2C,IAAjCxF,KAAKe,iBAAiBuE,OAGtC,OAFAtF,KAAKY,SAAW4E,EAETA,CACT,CAOO,KAAAC,GACDzF,KAAKsC,UAAYtC,KAAKuC,WAC1BvC,KAAK+C,SAAU,EACf/C,KAAKkD,eAAgB,EACvB,CAOO,OAAAwC,GACD1F,KAAKsC,UAAYtC,KAAKuC,WAC1BvC,KAAK+C,SAAU,EACf/C,KAAKkD,eAAgB,EACvB,CAOO,MAAAyC,GACD3F,KAAKsC,UAAYtC,KAAKuC,WAC1BvC,KAAK+C,SAAW/C,KAAK+C,QACrB/C,KAAKkD,eAAgB,EACvB,CAOO,KAAA0C,GACL5F,KAAKiE,cACLjE,KAAKqD,gBACLrD,KAAKoC,eAELpC,KAAK8E,cACH,IAAIC,YAA2C,gBAAiB,CAC9DC,OAAQ,CAAE7E,MAAOH,KAAKG,MAAO4C,QAAS/C,KAAK+C,SAC3CkC,SAAS,EACTC,UAAU,IAGhB,CAEQ,kBAAA9B,GACN,MAAMrB,EAAM/B,KAAKgC,YAAYC,cAAc,QACtCF,IAED/B,KAAK+C,SACPhB,EAAIG,UAAUqD,IAAI,WAClBxD,EAAIG,UAAUC,OAAO,kBACZnC,KAAKkD,eACdnB,EAAIG,UAAUqD,IAAI,iBAClBxD,EAAIG,UAAUC,OAAO,YAErBJ,EAAIG,UAAUC,OAAO,UAAW,iBAEpC,CAEQ,yBAAAR,CAA0BkE,GAEhC,OADcA,EAAOC,cAAc,CAAEC,SAAS,IACjCC,KAAMC,GACjBA,EAAEC,WAAaC,KAAKC,eAEfH,EAAEI,aAAe,IAAI3C,OAAO4B,OAAS,EAE9C,CAQA,mBAAYgB,GACV,QAAStG,KAAKO,UAAYP,KAAKQ,UAAYR,KAAKC,OAASD,KAAKgB,kBAChE,CAqBS,MAAAuF,GACP,MAAMC,EAAUxG,KAAKsG,gBACfG,EAAiBC,EAAS,CAC9B,oBAAoB,EACpB,WAAYF,IAERG,EAAeD,EAAS,CAC5B3E,KAAK,EACLgB,QAAS/C,KAAK+C,QACdG,cAAelD,KAAKkD,gBAEhB0D,EAAaF,EAAS,CAC1BG,KAAK,EACL,eAAgB7G,KAAK+C,QACrB,qBAAsB/C,KAAKkD,cAC3B,eAAgBlD,KAAKe,iBAAiBuE,OAAS,IAE3CwB,EACJ,OACC9G,KAAK+C,QAAU,gBAAkB,KACjC/C,KAAKkD,cAAgB,sBAAwB,KAC7ClD,KAAKe,iBAAiBuE,OAAS,gBAAkB,IAEpD,OAAOyB,CAAI;mBACIN;;;gBAGHzG,KAAKiB;;;sBAGCjB,KAAK+C;kBACT/C,KAAK4B;qBACF5B,KAAKqC;uBACHrC,KAAKsC,UAAYtC,KAAKuC;oBACzBvC,KAAKG;oBACLH,KAAK0E;yBACA1E,KAAKkD,cAAgB,QAAUlD,KAAK+C;0BACnC/C,KAAKe,iBAAiBuE,OAAS;2BAC9BtF,KAAKuC;;uBAEToE,uBAAkC3G,KAAKiB;uBACvC6F,WAAiBF;;;;;;8BAMV5G,KAAKsB;YACvB0F,EACAR,EACA,KACE,MAAMS,EAAYC,EAAS,CAAEC,UAAW,QAAS/G,MAAO,4BAClDgH,EAAcF,EAAS,CAAE9G,MAAOJ,KAAKS,YAAa4G,QAAS,iBAC3DC,EAAcJ,EAAS,CAAE9G,MAAOJ,KAAKU,YAAa2G,QAAS,iBACjE,OAAON,CAAI;4BACGE;6BACCG;oBACTpH,KAAKO;;kBAEPP,KAAKgB,mBAAqBuG,EAAUvH,KAAKC;6BAC9BqH;oBACTtH,KAAKQ;;;;;;QAQjBwG,EACAhH,KAAKM,YACHN,KAAKe,iBAAiBuE,OAAS,GAC/BtF,KAAKW,iBACP,IAAMoG,CAAI;YACN/G,KAAKe,iBAAiB;;KAIhC,GAlnB4ByG,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAqB9H,EAAA+H,UAAA,gBACFJ,EAAA,CAApCC,EAAS,CAAEC,KAAMC,kCAA2B9H,EAAA+H,UAAA,aACjBJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAqB9H,EAAA+H,UAAA,gBACXJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA4B9H,EAAA+H,UAAA,gBACjBJ,EAAA,CAA5BC,EAAS,CAAEC,KAAMG,mCAAkChI,EAAA+H,UAAA,yBACvBJ,EAAA,CAA5BC,EAAS,CAAEC,KAAMG,mCAA8BhI,EAAA+H,UAAA,qBACXJ,EAAA,CAApCC,EAAS,CAAEC,KAAMC,kCAA+B9H,EAAA+H,UAAA,iBACrBJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAsB9H,EAAA+H,UAAA,iBACZJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA2B9H,EAAA+H,UAAA,sBACjBJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA2B9H,EAAA+H,UAAA,sBACDJ,EAAA,CAA3CC,EAAS,CAAEC,KAAMG,QAASC,SAAS,8BAA0CjI,EAAA+H,UAAA,2BAClCJ,EAAA,CAA3CC,EAAS,CAAEC,KAAMG,QAASC,SAAS,8BAAiCjI,EAAA+H,UAAA,kBACpDJ,EAAA,CAAhB5D,6BAAiC/D,EAAA+H,UAAA,mBACjBJ,EAAA,CAAhB5D,6BAAuC/D,EAAA+H,UAAA,yBACvBJ,EAAA,CAAhB5D,4BAAgD/D,EAAA+H,UAAA,2BAChCJ,EAAA,CAAhB5D,6BAA2C/D,EAAA+H,UAAA,6BAK5CJ,EAAA,CAACC,EAAS,CAAEC,KAAMG,QAASC,SAAS,+DAGnCjI,EAAA+H,UAAA,UAAA,MAuBDJ,EAAA,CAACC,EAAS,CAAEC,KAAMG,QAASC,SAAS,+DAGnCjI,EAAA+H,UAAA,gBAAA,MAvDU/H,EAAW2H,EAAA,CADvBO,EAAc,iBACFlI"}

package/dist/sky-chip/index.d.ts

@@ -0,0 +1 @@
+export * from "./sky-chip";

package/dist/sky-chip/index.js

@@ -0,0 +1 @@
+export * from './sky-chip.js';

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

@@ -0,0 +1,95 @@
+import { LitElement } from "lit";
+export type SkyChipVariant = "solid" | "flat" | "shadow" | "bordered" | "faded" | "light" | "dot";
+export type SkyChipRemovedEventDetail = {
+    label: string;
+};
+/**
+ * @element sky-chip
+ *
+ * @summary Customizable chip for tags or selections with icon support, removable action, loading state, and visual variants.
+ *
+ * @status stable
+ * @since 1.0.0
+ *
+ * @documentation https://library.sky-ui.com/components/chip
+ * @dependency sky-icon
+ *
+ * @slot - Default slot for the chip label or any other content.
+ * @slot prefix - Optional prefix content that can be placed before the label.
+ * @slot suffix - Optional suffix content that can be placed after the label.
+ *
+ * @csspart chip - The visual representation of the chip component.
+ * @csspart icon - The icons displayed within the chip.
+ * @csspart close-button - The button for removing the chip.
+ * @csspart loading-spinner - The spinner that appears during loading.
+ * @csspart error-message - The error message displayed for invalid chips.
+ *
+ * @property {string} label - The label displayed on the chip. Default: `""`.
+ * @property {boolean} removable - Whether the chip can be removed by the user. Default: `false`.
+ * @property {string} color - The background color of the chip, can accept tokens or custom CSS color. Default: `"primary"`.
+ * @property {string} radius - The border radius of the chip. Default: `"full"`.
+ * @property {string} size - The size of the chip, which affects padding and font size. Default: `"md"`.
+ * @property {string} iconL - Left icon; shown only when the `prefix` slot is empty. Default: `null`.
+ * @property {string} iconR - Right icon; shown only when the `suffix` slot is empty. Default: `null`.
+ * @property {boolean} loading - Whether the chip is in a loading state. Default: `false`.
+ * @property {boolean} disabled - Whether the chip is disabled. Default: `false`.
+ * @property {SkyChipVariant} variant - Visual style variant. Default: `"flat"`.
+ * @method removeChip Dispatches `chip-removed` and removes the chip from the DOM.
+ *
+ * @fires {CustomEvent<SkyChipRemovedEventDetail>} chip-removed - Fired when the chip is removed by user action.
+ *
+ * @Behavior
+ * - Uses default slot content when present, otherwise falls back to `label`.
+ * - `iconL` / `iconR` render only when `prefix` / `suffix` slots have no meaningful content.
+ * - Emits `chip-removed` and removes itself when removable close action is triggered.
+ * - Resolves color tokens and radius/size presets to CSS values at render time.
+ *
+ * @example
+ * ```html
+ * <sky-chip label="Active Filter" removable iconl="ion:funnel" variant="light"></sky-chip>
+ * ```
+ * ```vue
+ * <template>
+ *   <sky-chip label="Active Filter" removable iconl="ion:funnel" variant="light"></sky-chip>
+ * </template>
+ * ```
+ * ```jsx
+ * export default function Demo() {
+ *   return <sky-chip label="Active Filter" removable iconl="ion:funnel" variant="light"></sky-chip>;
+ * }
+ * ```
+ */
+export declare class SkyChip extends LitElement {
+    static dependencies: Record<string, CustomElementConstructor>;
+    label: string;
+    removable: boolean;
+    /** Accepts preset tokens OR any valid CSS color (e.g., #0af, rgb(), var(--x)) */
+    color: string;
+    /** Radius can be any CSS radius value */
+    radius: string;
+    /** Size controls padding + font-size (xs, sm, md, lg, xl or numeric like "14px") */
+    size: string;
+    iconL: string | null;
+    iconR: string | null;
+    loading: boolean;
+    disabled: boolean;
+    variant: SkyChipVariant;
+    static styles: import("lit").CSSResult;
+    /** Updates host CSS variables from current color token/value. */
+    protected updated(): void;
+    /** Size resolver similar to button: controls padding + font-size */
+    private _resolveSize;
+    /**
+     * Dispatches `chip-removed` and removes the chip from the DOM.
+     *
+     * @returns {void}
+     */
+    removeChip(): void;
+    private _slotHasMeaningfulContent;
+    /** Light DOM check works before the shadow tree exists (first render). */
+    private _hasPrefixSlotContent;
+    private _hasSuffixSlotContent;
+    private _hasDefaultSlotContent;
+    private _onSlotChange;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,210 @@
+import{__decorate as t,__metadata as o}from"tslib";import{LitElement as i,css as r,nothing as e,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 h,resolveTextColorForToken as d,isDefaultColorToken as y,resolveInkColorForToken as g,resolveAccentColorForToken as f}from"../helper/utils/color-resolver.js";import{resolveRadius as v}from"../helper/utils/size-resolver.js";import{SkyIcon as u}from"../sky-icon/sky-icon.js";let m=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":u}}static{this.styles=r`
+    :host {
+      display: inline-block;
+      font-family: var(--sky-font);
+      z-index: 1;
+    }
+
+    :host([disabled]) {
+      pointer-events: none;
+      opacity: 0.6;
+    }
+
+    .chip {
+      position: relative;
+      display: flex;
+      gap: 2px;
+      width: max-content;
+      align-items: center;
+      border-radius: var(--sky-radius-secondary);
+      color: var(--chip-text-color);
+      font-weight: 500;
+      transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s;
+      cursor: pointer;
+      background-color: var(--chip-bg-color);
+    }
+
+    .close-button {
+      
+      display: flex;
+      height: 18px;
+      width: 18px;
+      justify-content: center;
+      font-size: inherit;
+      align-items: center;
+      background: var(--sky-glass-primary);
+      border: var(--sky-border-primary);
+      border-radius: 50%;
+      cursor: pointer;
+      color: var(--sky-text-primary);
+
+    }
+
+    .close-button sky-icon {
+      transition: color 0.3s ease, transform 0.3s ease;
+    }
+
+    :dir(rtl) .close-button {
+      margin-right: 5px;
+      margin-left: unset;
+    }
+
+    .close-button:hover sky-icon,
+    .close-button:focus-visible sky-icon{
+      color: var(--sky-danger-primary);
+      transform: rotate(90deg);
+      outline: none;
+    }
+
+        .close-button::before {
+      content: "";
+      position: absolute;
+      inset: 0px;
+      backdrop-filter: var(--sky-blur-primary) var(--sky-brightness-primary)
+        var(--sky-saturation-primary);
+      -webkit-backdrop-filter: var(--sky-blur-primary)
+        var(--sky-brightness-primary) var(--sky-saturation-primary);
+      border-radius: inherit;
+      z-index: -1;
+    }
+
+    .icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--chip-text-color);
+    }
+
+    sky-icon {
+      display: inline-block;
+      width: 1em;
+      height: 1em;
+    }
+
+    ::slotted([slot="prefix"]),
+    ::slotted([slot="suffix"]) {
+      display: inline-flex;
+      align-items: center;
+    }
+
+    .loading-overlay {
+      position: absolute;
+      inset: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: var(--sky-overlay-primary);
+      border-radius: inherit;
+    }
+
+    .loading-spinner {
+      width: 14px;
+      height: 14px;
+      border: 2px solid var(--sky-text-white);
+      border-top-color: var(--chip-bg-color);
+      border-radius: 50%;
+      animation: spin 0.8s linear infinite;
+    }
+
+    @keyframes spin {
+      from {
+        transform: rotate(0deg);
+      }
+      to {
+        transform: rotate(360deg);
+      }
+    }
+
+    .chip.bordered {
+      border: 1px solid var(--chip-ink-color, var(--chip-bg-color));
+      color: var(--chip-ink-color, var(--chip-bg-color));
+      background: transparent;
+    }
+
+    .chip.light {
+      background: transparent;
+      color: var(--chip-ink-color, var(--chip-bg-color));
+    }
+
+    .chip.flat {
+      box-shadow: none;
+      background: color-mix(
+        in srgb,
+        var(--chip-fill-color, var(--chip-bg-color)) 20%,
+        transparent
+      );
+      color: var(--chip-ink-color, var(--chip-bg-color));
+    }
+
+    .chip.faded {
+      background-color: var(--sky-glass-primary);
+      border: 1px solid var(--sky-text-tertiary);
+      color: var(--chip-ink-color, var(--chip-bg-color));
+    }
+
+    .chip.shadow {
+      box-shadow: 0 2px 6px var(--chip-shadow-color, var(--chip-bg-color));
+    }
+
+    .chip.faded .icon,
+    .chip.flat .icon,
+    .chip.light .icon,
+    .chip.dot .icon,
+    .chip.bordered .icon {
+      color: var(--chip-ink-color, var(--chip-bg-color));
+    }
+
+    .chip.dot {
+      padding-left: 20px !important;
+      position: relative;
+      background-color: transparent;
+      border: 1px solid var(--sky-text-tertiary);
+      color: var(--sky-text-primary);
+    }
+
+    .chip.dot::before {
+      content: "";
+      position: absolute;
+      left: 6px;
+      top: 50%;
+      transform: translateY(-50%);
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background-color: var(--chip-accent-color, var(--chip-bg-color));
+    }
+  `}updated(){const t=h(this.color),o=d(this.color);this.style.setProperty("--chip-bg-color",t),this.style.setProperty("--chip-text-color",o),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.setProperty("--chip-shadow-color","color-mix(in srgb, var(--sky-text-dark) 12%, transparent)")):(this.style.removeProperty("--chip-ink-color"),this.style.removeProperty("--chip-accent-color"),this.style.removeProperty("--chip-fill-color"),this.style.removeProperty("--chip-shadow-color"))}_resolveSize(t){const o={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(o[t])return o[t];const i=String(t).trim().match(/^([\d.]+)(px|rem|em)?$/i),r=i?.[2]||"px",e=i?parseFloat(i[1]):13,s=`${e}${r}`,n=(t,o,i)=>Math.max(o,Math.min(i,t)),a=n(.4*e,2,10),l=n(.8*e,6,16),c=t=>`${Math.round(100*t)/100}${r}`;return{padding:`${c(a)} ${c(l)}`,fontSize:s}}removeChip(){const t=new CustomEvent("chip-removed",{detail:{label:this.label},bubbles:!0,composed:!0});this.dispatchEvent(t),this.remove()}_slotHasMeaningfulContent(t){return t.assignedNodes({flatten:!0}).some(t=>t.nodeType===Node.ELEMENT_NODE||(t.textContent??"").trim().length>0)}_hasPrefixSlotContent(){if(this.querySelector('[slot="prefix"]'))return!0;const t=this.shadowRoot?.querySelector('slot[name="prefix"]');return!!t&&this._slotHasMeaningfulContent(t)}_hasSuffixSlotContent(){if(this.querySelector('[slot="suffix"]'))return!0;const t=this.shadowRoot?.querySelector('slot[name="suffix"]');return!!t&&this._slotHasMeaningfulContent(t)}_hasDefaultSlotContent(){for(const t of Array.from(this.childNodes)){if(t.nodeType===Node.ELEMENT_NODE){const o=t.getAttribute("slot");if("prefix"===o||"suffix"===o)continue;return!0}if((t.textContent??"").trim().length>0)return!0}const t=this.shadowRoot?.querySelector("slot:not([name])");return!!t&&this._slotHasMeaningfulContent(t)}render(){const t=this._resolveSize(this.size),o={padding:t.padding,borderRadius:v(this.radius),fontSize:t.fontSize};return s`
+      <div
+        class=${p({chip:!0,[this.variant]:!0,loading:this.loading})}
+        style=${c(o)}
+        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()?e: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>
+    `}};t([n({type:String}),o("design:type",String)],m.prototype,"label",void 0),t([n({type:Boolean}),o("design:type",Boolean)],m.prototype,"removable",void 0),t([n({type:String}),o("design:type",String)],m.prototype,"color",void 0),t([n({type:String}),o("design:type",String)],m.prototype,"radius",void 0),t([n({type:String}),o("design:type",String)],m.prototype,"size",void 0),t([n({type:String}),o("design:type",Object)],m.prototype,"iconL",void 0),t([n({type:String}),o("design:type",Object)],m.prototype,"iconR",void 0),t([n({type:Boolean}),o("design:type",Boolean)],m.prototype,"loading",void 0),t([n({type:Boolean,reflect:!0}),o("design:type",Boolean)],m.prototype,"disabled",void 0),t([n({type:String,reflect:!0}),o("design:type",String)],m.prototype,"variant",void 0),m=t([a("sky-chip")],m);export{m as SkyChip};
+//# sourceMappingURL=sky-chip.js.map

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

@@ -0,0 +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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"}

package/dist/sky-col/index.d.ts

@@ -0,0 +1 @@
+export * from "./sky-col";

package/dist/sky-col/index.js

@@ -0,0 +1 @@
+export * from './sky-col.js';