@sky.ui/core 0.0.8 → 0.0.21

package/dist/sky-range/sky-range.js

@@ -1,196 +0,0 @@
-import{__decorate as t,__metadata as i}from"tslib";import{LitElement as e,css as s,html as r}from"lit";import{property as a,customElement as o}from"lit/decorators.js";import{when as n}from"lit/directives/when.js";import{styleMap as h}from"lit/directives/style-map.js";let p=class extends e{constructor(){super(...arguments),this.from=20,this.to=80,this.min=0,this.max=100,this.step=10,this.label="",this.disabled=!1,this.prefix="",this.suffix="",this.shadow=!1,this.commitOnly=!1,this.showValue=!0,this._lastCommittedFrom=this.from,this._lastCommittedTo=this.to}static{this.styles=s`
-    :host {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      width: 100%;
-      font-family: var(--sky-font);
-      font-weight: 400;
-    }
-
-    .range-container {
-      display: flex;
-      flex-direction: column;
-      align-items: flex-start;
-      width: 100%;
-      padding: 8px;
-      gap: 4px;
-      box-sizing: border-box;
-      position: relative;
-      border-radius: var(--sky-radius-primary);
-    }
-
-    /* Only apply glass/shadow if shadow prop is set */
-    .range-container[shadow] {
-      background: var(--sky-glass-primary);
-      box-shadow: var(--sky-box-shadow-primary);
-      border: var(--sky-border-primary);
-     
-    }
-
-    .range-container[shadow]::before {
-      content: "";
-      position: absolute;
-      inset: 0;
-      z-index: -1;
-      border-radius: inherit;
-      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);
-    }
-
-    .range-label {
-      font-size: 14px;
-      font-weight: inherit;
-      color: var(--sky-text-primary);
-      text-align: center;
-    }
-
-    .slider-container {
-      position: relative;
-      width: 100%;
-      height: 14px;
-    }
-
-    .track {
-      position: absolute;
-      width: 100%;
-      height: 3px;
-      background: var(--sky-hover-primary);
-      top: 50%;
-      transform: translateY(-50%);
-      border-radius: 6px;
-    }
-
-    .range-highlight {
-      position: absolute;
-      height: 3px;
-      background: var(--sky-active-primary);
-      border-radius: 6px;
-      top: 50%;
-      transform: translateY(-50%);
-    }
-
-    .range-value {
-      font-size: 14px;
-      color: var(--sky-text-primary);
-      font-weight: inherit;
-    }
-
-    sky-icon {
-      display: inline-block;
-      width: 1em;
-      height: 1em;
-    }
-
-    input[type="range"] {
-      position: absolute;
-      width: 100%;
-      left: 0;
-      height: 14px;
-      -webkit-appearance: none;
-      appearance: none;
-      background: transparent;
-      pointer-events: none; /* thumbs capture events */
-      margin: 0;
-    }
-
-    .prefix,
-    .suffix {
-      color: var(--sky-text-secondary);
-      font-size: 14px;
-      font-weight: inherit;
-    }
-
-    input[type="range"]::-webkit-slider-thumb {
-      pointer-events: auto;
-      -webkit-appearance: none;
-      appearance: none;
-      width: 14px;
-      height: 14px;
-      background: var(--sky-glass-solid);
-      border: 5px solid var(--sky-active-primary-dark);
-      border-radius: 50%;
-      cursor: pointer;
-      box-shadow: var(--sky-box-shadow-primary);
-      transition:
-        transform 0.3s ease,
-        box-shadow 0.3s ease;
-    }
-
-    input[type="range"]::-moz-range-thumb {
-      pointer-events: auto;
-      width: 14px;
-      height: 14px;
-      background: var(--sky-active-primary-dark);
-      border-radius: 50%;
-      cursor: pointer;
-    }
-
-    .range-container[disabled] {
-      pointer-events: none;
-      opacity: 0.6;
-    }
-  `}roundToStep(t){const i=this.step>0?this.step:1;return Math.round(t/i)*i}clamp(t){return Math.min(this.max,Math.max(this.min,t))}onFromInput(t){const i=t.target,e=Number(i.value),s=this.clamp(e);if(s>=this.to)return;if(this.commitOnly)return void(this.from=s);const r=this.roundToStep(s);r>=this.to||r!==this.from&&(this.from=r,this._lastCommittedFrom=r,this.dispatchRangeChange())}onFromChange(t){const i=t.target,e=Number(i.value),s=this.clamp(e),r=this.roundToStep(s);r>=this.to?i.value=String(this.from):(this.from=r,i.value=String(this.from),this.commitOnly&&r!==this._lastCommittedFrom&&(this._lastCommittedFrom=r,this.dispatchRangeChange()))}onToInput(t){const i=t.target,e=Number(i.value),s=this.clamp(e);if(s<=this.from)return;if(this.commitOnly)return void(this.to=s);const r=this.roundToStep(s);r<=this.from||r!==this.to&&(this.to=r,this._lastCommittedTo=r,this.dispatchRangeChange())}onToChange(t){const i=t.target,e=Number(i.value),s=this.clamp(e),r=this.roundToStep(s);r<=this.from?i.value=String(this.to):(this.to=r,i.value=String(this.to),this.commitOnly&&r!==this._lastCommittedTo&&(this._lastCommittedTo=r,this.dispatchRangeChange()))}dispatchRangeChange(){this.dispatchEvent(new CustomEvent("range-changed",{detail:{from:this.from,to:this.to},bubbles:!0,composed:!0}))}setRange(t,i){const e=this.roundToStep(this.clamp(t)),s=this.roundToStep(this.clamp(i));e>=s||(this.from=e,this.to=s,this._lastCommittedFrom=e,this._lastCommittedTo=s,this.dispatchRangeChange())}render(){const t=this.closest('[dir="rtl"]')||"rtl"===document.dir,i=Math.max(1,this.max-this.min),e=(this.from-this.min)/i*100,s=(this.to-this.min)/i*100,a=Math.max(0,s-e);return r`
-      <div
-        class="range-container"
-        part="container"
-        ?disabled="${this.disabled}"
-        ?shadow="${this.shadow}"
-        aria-disabled="${this.disabled?"true":"false"}"
-      >
-        ${n(this.showValue||""!==this.label,()=>r`
-            <div
-              style="display:flex;align-items:center;gap:5px;justify-content:space-between;width:100%;"
-            >
-              ${n(this.label,()=>r`<div class="range-label" part="label">${this.label}</div>`)}
-              ${n(this.showValue,()=>r`
-                  <div class="range-value" part="value">
-                    <span class="prefix">${this.prefix}</span>
-                    ${this.from.toFixed(2)}<span class="suffix">${this.suffix}</span>
-                    -
-                    <span class="prefix">${this.prefix}</span>
-                    ${this.to.toFixed(2)}<span class="suffix">${this.suffix}</span>
-                  </div>
-                `)}
-            </div>
-          `)}
-
-        <div class="slider-container" part="slider-container">
-          <div class="track" part="track"></div>
-          <div
-            class="range-highlight"
-            part="highlight"
-            style=${h(t?{right:`${e}%`,width:`${a}%`}:{left:`${e}%`,width:`${a}%`})}
-          ></div>
-
-          <input
-            part="slider-from"
-            type="range"
-            ?disabled="${this.disabled}"
-            min="${this.min}"
-            max="${this.max}"
-            step="${this.step}"
-            .value="${String(this.from)}"
-            @input="${this.onFromInput}"
-            @change="${this.onFromChange}"
-            aria-label="${this.label?`${this.label} from`:"From"}"
-          />
-
-          <input
-            part="slider-to"
-            type="range"
-            ?disabled="${this.disabled}"
-            min="${this.min}"
-            max="${this.max}"
-            step="${this.step}"
-            .value="${String(this.to)}"
-            @input="${this.onToInput}"
-            @change="${this.onToChange}"
-            aria-label="${this.label?`${this.label} to`:"To"}"
-          />
-        </div>
-      </div>
-    `}};t([a({type:Number}),i("design:type",Object)],p.prototype,"from",void 0),t([a({type:Number}),i("design:type",Object)],p.prototype,"to",void 0),t([a({type:Number}),i("design:type",Object)],p.prototype,"min",void 0),t([a({type:Number}),i("design:type",Object)],p.prototype,"max",void 0),t([a({type:Number}),i("design:type",Object)],p.prototype,"step",void 0),t([a({type:String}),i("design:type",Object)],p.prototype,"label",void 0),t([a({type:Boolean,reflect:!0}),i("design:type",Object)],p.prototype,"disabled",void 0),t([a({type:String}),i("design:type",Object)],p.prototype,"prefix",void 0),t([a({type:String}),i("design:type",Object)],p.prototype,"suffix",void 0),t([a({type:Boolean,reflect:!0}),i("design:type",Object)],p.prototype,"shadow",void 0),t([a({type:Boolean,reflect:!0}),i("design:type",Object)],p.prototype,"commitOnly",void 0),t([a({type:Boolean,reflect:!0}),i("design:type",Object)],p.prototype,"showValue",void 0),p=t([o("sky-range")],p);export{p as SkyRange};
-//# sourceMappingURL=sky-range.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sky-range.js","sources":["../../src/sky-range/sky-range.ts"],"sourcesContent":[null],"names":["SkyRange","LitElement","constructor","this","from","to","min","max","step","label","disabled","prefix","suffix","shadow","commitOnly","showValue","_lastCommittedFrom","_lastCommittedTo","styles","css","roundToStep","value","Math","round","clamp","onFromInput","event","input","target","raw","Number","clamped","snapped","dispatchRangeChange","onFromChange","String","onToInput","onToChange","dispatchEvent","CustomEvent","detail","bubbles","composed","setRange","nextFrom","nextTo","render","isRTL","closest","document","dir","range","fromOffset","toOffset","width","html","when","toFixed","styleMap","right","left","__decorate","property","type","prototype","Boolean","reflect","customElement"],"mappings":"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"}

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

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

package/dist/sky-serial/index.js

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

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

@@ -1,127 +0,0 @@
-import { PropertyValues } from "lit";
-import { FormControlBase, FormState } from "../helper/internals/form-control-base";
-export type SkySerialValidation = (value: string) => true | string;
-export type SkySerialValueChangedDetail = {
-    value: string;
-};
-export type SkySerialValueClearedDetail = {
-    value: "";
-};
-export type SkySerialValidationErrorDetail = {
-    errors: string[];
-};
-/**
- * @element sky-serial
- *
- * @summary Segmented serial/OTP input with separators, masking, and validation support.
- *
- * @status stable
- * @since 1.0.0
- *
- * @documentation https://library.sky-ui.com/components/serial
- *
- * @uiVModel value value-changed
- *
- * @slot - (No slots) — Content is internally rendered.
- *
- * @csspart wrapper - The flex wrapper around groups and separators.
- * @csspart group - A group of input boxes between separators.
- * @csspart input - An individual digit/char input.
- * @csspart separator - The visual separator between groups.
- * @csspart error - The validation error text element.
- *
- * @property {number} length - Total number of character boxes.
- * @property {string} separator - Separator character inserted between groups.
- * @property {number[]} separatorPositions - Indices after which separators are inserted.
- * @property {boolean} alphanumeric - Allows alphanumeric characters instead of digits only.
- * @property {string} value - Canonical component value.
- * @property {SkySerialValidation[]} validations - Validation functions that return `true` or an error message.
- * @property {string[]} validationErrors - Collected validation messages.
- * @property {boolean} showErrors - Controls error text rendering.
- * @property {boolean} validationActive - Enables active validation state.
- * @property {boolean} withSeparator - Includes separators in emitted `value`.
- * @property {boolean} masked - Masks entered characters in input fields.
- *
- * @fires {CustomEvent<SkySerialValueChangedDetail>} value-changed - Fired when a committed value changes.
- * @fires {CustomEvent<SkySerialValueClearedDetail>} value-cleared - Fired when `reset()` clears the value.
- * @fires {CustomEvent<SkySerialValidationErrorDetail>} validation-error - Fired with current validation errors.
- *
- * @Behavior
- * - Updates UI live while typing and emits `value-changed` only on commit.
- * - Supports grouped input with optional separators in public value.
- * - Integrates with `FormControlBase` for form value and validity synchronization.
- *
- * @example
- * ```html
- * <sky-serial length="10" separator="-" separator-positions="[3,6]" with-separator show-errors validation-active></sky-serial>
- * ```
- * ```vue
- * <template>
- *   <sky-serial :length="10" separator="-" :separator-positions="[3,6]" with-separator show-errors validation-active></sky-serial>
- * </template>
- * ```
- * ```jsx
- * export default function Demo() {
- *   return <sky-serial length={10} separator="-" separator-positions={[3, 6]} with-separator show-errors validation-active></sky-serial>;
- * }
- * ```
- */
-export declare class SkySerial extends FormControlBase {
-    length: number;
-    separator: string;
-    /** raw indices AFTER which separator is inserted (e.g. [3,6] => 4-3-... style) */
-    separatorPositions: number[];
-    alphanumeric: boolean;
-    /**
-     * Canonical value (with or without separators based on withSeparator).
-     * NOTE: This is the "public" value string.
-     */
-    value: string;
-    validations: SkySerialValidation[];
-    validationErrors: string[];
-    showErrors: boolean;
-    validationActive: boolean;
-    withSeparator: boolean;
-    masked: boolean;
-    invalid: boolean;
-    /** Non-reactive buffer (unmasked chars only) */
-    private displayValues;
-    private _lastCommitted;
-    constructor();
-    static styles: import("lit").CSSResult;
-    firstUpdated(): void;
-    protected willUpdate(changed: PropertyValues<this>): void;
-    protected getFormValue(): FormState;
-    protected setValueFromFormState(state: FormState): void;
-    protected getValidityAnchor(): HTMLElement | undefined;
-    protected isEmpty(): boolean;
-    protected getNativeControl(): HTMLElement | null;
-    /**
-     * IMPORTANT: PURE — do not mutate reactive state here.
-     * Return first error string if any, else "".
-     */
-    protected validateForForm(): string;
-    protected onFormReset(): void;
-    /** Live typing updates display buffer + public value, but DOES NOT emit. */
-    private handleInput;
-    private handleKeydown;
-    private handlePaste;
-    /** Commit => validate, sync form value+validity, emit if changed */
-    protected commit(): void;
-    /** Clear all characters and emit once + form sync. */
-    reset(): void;
-    focus(): void;
-    /** Keep your public validateInput() API (manual validation trigger) */
-    validateInput(): boolean;
-    private computeValidationErrors;
-    /** Strip separators, enforce numeric/alphanumeric, clamp to length. */
-    private normalizeRaw;
-    private addSeparators;
-    private ensureDisplayBuffer;
-    private syncDisplayFromValue;
-    private getRawFromDisplay;
-    private applyInputsFromDisplay;
-    private applyInvalidClass;
-    private renderInputFields;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/dist/sky-serial/sky-serial.js

@@ -1,133 +0,0 @@
-import{__decorate as t,__metadata as i}from"tslib";import{css as s,html as a}from"lit";import{property as e,customElement as r}from"lit/decorators.js";import{live as o}from"lit/directives/live.js";import{FormControlBase as l}from"../helper/internals/form-control-base.js";let n=class extends l{constructor(){super(),this.length=10,this.separator="-",this.separatorPositions=[3],this.alphanumeric=!1,this.value="",this.validations=[],this.validationErrors=[],this.showErrors=!1,this.validationActive=!1,this.withSeparator=!1,this.masked=!1,this.invalid=!1,this.displayValues=[],this._lastCommitted="",this.addEventListener("focusout",t=>{if(!this.shadowRoot)return;const i=t.relatedTarget;!!i&&this.shadowRoot.contains(i)||this.commit()})}static{this.styles=s`
-    :host {
-      display: block;
-      font-family: var(--sky-font);
-      position: relative;
-    }
-
-    .input-wrapper {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 8px;
-      align-items: center;
-      justify-content: center;
-    }
-
-    .input-wrapper.shake {
-      animation: shake 0.3s ease-in-out 1;
-    }
-
-    @keyframes shake {
-      0% {
-        transform: translateX(0);
-      }
-      25% {
-        transform: translateX(-3px);
-      }
-      50% {
-        transform: translateX(3px);
-      }
-      75% {
-        transform: translateX(-3px);
-      }
-      100% {
-        transform: translateX(0);
-      }
-    }
-
-    .group {
-      display: flex;
-      gap: 8px;
-    }
-
-    input {
-      width: 20px;
-      height: 20px;
-      text-align: center;
-      font-size: var(--sky-font-size-md);
-      border-radius: var(--sky-radius-primary);
-      font-family: var(--sky-font);
-      padding: 5px;
-      border: var(--sky-border-primary);
-      box-shadow: var(--sky-box-shadow-primary);
-      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);
-      background: transparent;
-      color: var(--sky-text-primary);
-      transition: all 0.2s ease-in-out;
-      vertical-align: middle;
-     
-    }
-
-    input.invalid {
-      box-shadow: 0 2px 12px
-        color-mix(in srgb, var(--sky-danger-primary) 30%, transparent);
-    }
-
-    input:focus {
-      outline: none;
-      border-color: transparent;
-      box-shadow: 0 2px 12px
-        color-mix(in srgb, var(--sky-active-primary) 30%, transparent);
-    }
-
-    .separator {
-      font-size: var(--sky-font-size-lg);
-      padding: 0 5px;
-      color: var(--sky-active-primary);
-    }
-
-    .error-message {
-      position: absolute;
-      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;
-    }
-    :dir(rtl) .error-message {
-      right: 0;
-      margin-right: 5px;
-      margin-left: unset;
-    }
-  `}firstUpdated(){this.captureDefaultValue(this.value??""),this.ensureDisplayBuffer(),this.syncDisplayFromValue(),this.syncFormValue(),this.syncValidity()}willUpdate(t){if(t.has("length")||t.has("separator")||t.has("separatorPositions")||t.has("alphanumeric")||t.has("withSeparator")||t.has("value")){this.ensureDisplayBuffer();const i=this.normalizeRaw(this.value??""),s=this.withSeparator?this.addSeparators(i):i;(this.value??"")!==s&&(this.value=s),this.displayValues=Array.from({length:this.length},(t,s)=>i[s]??""),t.has("value")&&(this._lastCommitted=s)}}getFormValue(){if(!this.name||this.disabled)return null;const t=this.getRawFromDisplay();return this.withSeparator?this.addSeparators(t):t}setValueFromFormState(t){const i="string"==typeof t?t:"",s=this.normalizeRaw(i??""),a=this.withSeparator?this.addSeparators(s):s;this.value=a,this.ensureDisplayBuffer(),this.displayValues=Array.from({length:this.length},(t,i)=>s[i]??""),this._lastCommitted=a,queueMicrotask(()=>this.applyInputsFromDisplay())}getValidityAnchor(){return this.shadowRoot?.querySelector(".digit-input")??void 0}isEmpty(){return this.getRawFromDisplay().trim().length<this.length}getNativeControl(){return this.shadowRoot?.querySelector(".digit-input")??null}validateForForm(){const t=this.getRawFromDisplay(),i=this.withSeparator?this.addSeparators(t):t;return this.computeValidationErrors(i)[0]??""}onFormReset(){const t=this.normalizeRaw(this.defaultValue??""),i=this.withSeparator?this.addSeparators(t):t;this.value=i,this.validationErrors=[],this.validationActive=!1,this.invalid=!1,this.ensureDisplayBuffer(),this.displayValues=Array.from({length:this.length},(i,s)=>t[s]??""),this._lastCommitted=i,queueMicrotask(()=>{this.applyInputsFromDisplay(),this.applyInvalidClass(!1)})}handleInput(t,i){if(this.disabled||this.readonly)return void t.preventDefault();this.ensureDisplayBuffer();const s=this.shadowRoot?.querySelectorAll(".digit-input"),a=t.target,e=t,r=(("string"==typeof e.data?e.data:a.value)??"").slice(-1),o=this.alphanumeric?/^[a-zA-Z0-9]$/:/^[0-9]$/;if(r&&!o.test(r))return a.value="",this.displayValues[i]="",void(this.value=this.withSeparator?this.addSeparators(this.getRawFromDisplay()):this.getRawFromDisplay());this.displayValues[i]=r;const l=this.getRawFromDisplay();this.value=this.withSeparator?this.addSeparators(l):l,r&&s&&i<this.length-1&&s[i+1]?.focus(),r&&this.displayValues.every(t=>t.length>0)&&this.commit()}handleKeydown(t,i){const s=this.shadowRoot?.querySelectorAll(".digit-input");if(s)switch(t.key){case"Backspace":if(!s[i].value&&i>0)s[i-1].focus();else{this.ensureDisplayBuffer(),this.displayValues[i]="",s[i].value="";const t=this.getRawFromDisplay();this.value=this.withSeparator?this.addSeparators(t):t}break;case"ArrowLeft":i>0&&s[i-1].focus();break;case"ArrowRight":i<this.length-1&&s[i+1].focus();break;case"Enter":this.commit()}}handlePaste(t){if(this.disabled||this.readonly)return void t.preventDefault();t.preventDefault();const i=t.clipboardData?.getData("text")||"",s=this.normalizeRaw(i);this.ensureDisplayBuffer(),this.displayValues=Array.from({length:this.length},(t,i)=>s[i]??""),this.value=this.withSeparator?this.addSeparators(s):s,this.commit();const a=this.shadowRoot?.querySelectorAll(".digit-input");if(a){const t=this.displayValues.findIndex(t=>!t);a[t>=0?t:this.length-1].focus()}}commit(){if(this.disabled)return;const t=this.getRawFromDisplay(),i=this.withSeparator?this.addSeparators(t):t;this.validationActive=!0;const s=this.computeValidationErrors(i);this.validationErrors=s,this.dispatchEvent(new CustomEvent("validation-error",{detail:{errors:[...s]},bubbles:!0,composed:!0})),this.applyInvalidClass(s.length>0),this.invalid=s.length>0,this.syncFormValue(),this.syncValidity(),i!==this._lastCommitted&&(this._lastCommitted=i,this.dispatchEvent(new CustomEvent("value-changed",{detail:{value:i},bubbles:!0,composed:!0})))}reset(){this.disabled||(this.validationErrors=[],this.validationActive=!1,this.invalid=!1,this.ensureDisplayBuffer(),this.displayValues=Array.from({length:this.length},()=>""),this.value=(this.withSeparator,""),this._lastCommitted="",queueMicrotask(()=>{this.applyInputsFromDisplay(),this.applyInvalidClass(!1)}),this.syncFormValue(),this.syncValidity(),this.dispatchEvent(new CustomEvent("value-cleared",{detail:{value:""},bubbles:!0,composed:!0})))}focus(){const t=this.shadowRoot?.querySelector(".digit-input"),i=this.shadowRoot?.querySelector(".input-wrapper");t&&(t.focus(),i&&(i.classList.remove("shake"),i.offsetWidth,i.classList.add("shake")))}validateInput(){this.validationActive=!0;const t=this.getRawFromDisplay(),i=this.withSeparator?this.addSeparators(t):t,s=this.computeValidationErrors(i);return this.validationErrors=s,this.dispatchEvent(new CustomEvent("validation-error",{detail:{errors:[...s]},bubbles:!0,composed:!0})),this.applyInvalidClass(s.length>0),this.toggleAttribute("aria-invalid",s.length>0),this.syncFormValue(),this.syncValidity(),0===s.length}computeValidationErrors(t){const i=[];if(this.getRawFromDisplay().length<this.length)return i;if(Array.isArray(this.validations)&&this.validations.length)for(let s=0;s<this.validations.length;s++)try{const a=this.validations[s](t);!0!==a&&i.push("string"==typeof a?a:`Validation ${s} failed.`)}catch(t){i.push(`Error in validation ${s}: ${String(t?.message??t)}`)}return i}normalizeRaw(t){const i=this.separator||"-",s=(t??"").replace(new RegExp(`\\${i}`,"g"),""),a=this.alphanumeric?/[a-zA-Z0-9]/g:/\d/g;return(s.match(a)??[]).join("").slice(0,this.length)}addSeparators(t){if(!t)return"";const i=t.split("");return(Array.isArray(this.separatorPositions)?this.separatorPositions:[]).forEach((t,s)=>{t<=i.length+s&&i.splice(t+s,0,this.separator)}),i.join("")}ensureDisplayBuffer(){if(this.displayValues.length!==this.length){const t=this.displayValues;this.displayValues=Array.from({length:this.length},(i,s)=>t[s]??"")}}syncDisplayFromValue(){const t=this.normalizeRaw(this.value??"");this.displayValues=Array.from({length:this.length},(i,s)=>t[s]??"")}getRawFromDisplay(){return(this.displayValues.join("")??"").slice(0,this.length)}applyInputsFromDisplay(){const t=this.shadowRoot?.querySelectorAll(".digit-input");t&&t.forEach((t,i)=>{t.value=this.displayValues[i]??""})}applyInvalidClass(t){const i=this.shadowRoot?.querySelectorAll(".digit-input");i&&i.forEach(i=>i.classList.toggle("invalid",t))}renderInputFields(){const t=[];let i=0,s=[];const e=Array.isArray(this.separatorPositions)?this.separatorPositions:[];for(let r=0;r<this.length;r++)e[i]===r&&(t.push(a`<div class="group" part="group">${s}</div>`),t.push(a`<span class="separator" part="separator"
-            >${this.separator}</span
-          >`),s=[],i++),s.push(a`
-        <input
-          class="digit-input"
-          part="input"
-          .type=${this.masked?"password":"text"}
-          maxlength="1"
-          inputmode=${this.alphanumeric?"text":"numeric"}
-          autocomplete=${"one-time-code"}
-          .value=${o(this.displayValues[r]??"")}
-          ?disabled=${this.disabled}
-          .readOnly=${this.readonly}
-          @input=${t=>this.handleInput(t,r)}
-          @keydown=${t=>this.handleKeydown(t,r)}
-          @paste=${t=>this.handlePaste(t)}
-          @change=${()=>this.commit()}
-          aria-invalid=${this.validationActive&&this.validationErrors.length>0?"true":"false"}
-          aria-label="Serial character ${r+1} of ${this.length}"
-        />
-      `);return s.length&&t.push(a`<div class="group" part="group">${s}</div>`),t}render(){return a`
-      <div
-        class="input-wrapper"
-        part="wrapper"
-        role="group"
-        aria-label="Serial input"
-      >
-        ${this.renderInputFields()}
-      </div>
-
-      ${this.showErrors&&this.validationErrors.length>0&&this.validationActive?a`<div class="error-message" part="error">
-            ${this.validationErrors[0]}
-          </div>`:""}
-    `}};t([e({type:Number}),i("design:type",Object)],n.prototype,"length",void 0),t([e({type:String}),i("design:type",Object)],n.prototype,"separator",void 0),t([e({type:Array}),i("design:type",Array)],n.prototype,"separatorPositions",void 0),t([e({type:Boolean}),i("design:type",Object)],n.prototype,"alphanumeric",void 0),t([e({type:String}),i("design:type",Object)],n.prototype,"value",void 0),t([e({type:Array}),i("design:type",Array)],n.prototype,"validations",void 0),t([e({type:Array}),i("design:type",Array)],n.prototype,"validationErrors",void 0),t([e({type:Boolean}),i("design:type",Object)],n.prototype,"showErrors",void 0),t([e({type:Boolean,reflect:!0}),i("design:type",Object)],n.prototype,"validationActive",void 0),t([e({type:Boolean}),i("design:type",Object)],n.prototype,"withSeparator",void 0),t([e({type:Boolean}),i("design:type",Object)],n.prototype,"masked",void 0),t([e({type:Boolean,reflect:!0}),i("design:type",Boolean)],n.prototype,"invalid",void 0),n=t([r("sky-serial"),i("design:paramtypes",[])],n);export{n as SkySerial};
-//# sourceMappingURL=sky-serial.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sky-serial.js","sources":["../../src/sky-serial/sky-serial.ts"],"sourcesContent":[null],"names":["SkySerial","FormControlBase","constructor","super","this","length","separator","separatorPositions","alphanumeric","value","validations","validationErrors","showErrors","validationActive","withSeparator","masked","invalid","displayValues","_lastCommitted","addEventListener","e","shadowRoot","related","relatedTarget","contains","commit","styles","css","firstUpdated","captureDefaultValue","ensureDisplayBuffer","syncDisplayFromValue","syncFormValue","syncValidity","willUpdate","changed","has","raw","normalizeRaw","canonical","addSeparators","Array","from","_","i","getFormValue","name","disabled","getRawFromDisplay","setValueFromFormState","state","s","queueMicrotask","applyInputsFromDisplay","getValidityAnchor","querySelector","undefined","isEmpty","trim","getNativeControl","validateForForm","valueToValidate","computeValidationErrors","onFormReset","defaultValue","applyInvalidClass","handleInput","index","readonly","preventDefault","inputs","querySelectorAll","target","ie","char","data","slice","isValid","test","rawValue","focus","every","c","handleKeydown","key","handlePaste","clipboardData","getData","firstEmptyIdx","findIndex","errors","dispatchEvent","CustomEvent","detail","bubbles","composed","reset","first","wrapper","classList","remove","offsetWidth","add","validateInput","toggleAttribute","isArray","r","push","err","String","message","v","sep","noSeps","replace","RegExp","allowed","match","join","chars","split","forEach","pos","splice","old","inp","isInvalid","toggle","renderInputFields","fields","separatorIndex","group","positions","html","live","render","__decorate","property","type","Number","prototype","Boolean","reflect","customElement"],"mappings":"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"}

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

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

package/dist/sky-skeleton/index.js

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

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

@@ -1,80 +0,0 @@
-import { LitElement } from "lit";
-/**
- * @element sky-skeleton
- *
- * @summary Skeleton loader with preset shapes and shimmer animation.
- *
- * @status stable
- * @since 1.0.0
- *
- * @documentation https://library.sky-ui.com/components/skeleton
- *
- * @slot - Default slot for the real content that is revealed when `loading=false`.
- *
- * @csspart container - The outer container for skeleton/slot regions.
- * @csspart skeleton-wrapper - Wrapper that contains the skeleton items.
- * @csspart slot-wrapper - Wrapper that contains the slotted content.
- * @csspart item - Each individual skeleton block (applies to all presets).
- * @csspart shimmer - The animated overlay (implemented via `::after`).
- *
- * @property {string} type - Comma-separated list of skeleton presets.
- * @property {boolean} loading - Shows skeletons when true and slot content when false.
- * @property {string} width - Width for the fallback default block.
- * @property {string} height - Height for the fallback default block.
- * @property {string} radius - Border radius for the fallback default block: token (`none`, `sm`, `md`, `lg`, `full`) or CSS length.
- *
- * @Behavior
- * - Renders one or more preset skeleton blocks based on `type`.
- * - Toggles `aria-busy` with `loading` to expose loading state.
- * - Reveals slotted content when loading completes.
- *
- * @example
- * ```html
- * <sky-skeleton loading type="avatar, text, actions">
- *   <article>
- *     <h3>Quarterly Report</h3>
- *     <p>Revenue and adoption trends are now available.</p>
- *   </article>
- * </sky-skeleton>
- * ```
- * ```vue
- * <template>
- *   <sky-skeleton loading type="avatar, text, actions">
- *     <article>
- *       <h3>Quarterly Report</h3>
- *       <p>Revenue and adoption trends are now available.</p>
- *     </article>
- *   </sky-skeleton>
- * </template>
- * ```
- * ```jsx
- * export default function Demo() {
- *   return (
- *     <sky-skeleton loading type="avatar, text, actions">
- *       <article>
- *         <h3>Quarterly Report</h3>
- *         <p>Revenue and adoption trends are now available.</p>
- *       </article>
- *     </sky-skeleton>
- *   );
- * }
- * ```
- */
-export declare class SkySkeleton extends LitElement {
-    /** Comma‑separated preset types, e.g., `"avatar, text"`. */
-    type: string;
-    /** Show skeletons when true; show slotted content when false. */
-    loading: boolean;
-    /** Width for the fallback `default` block. */
-    width: string;
-    /** Height for the fallback `default` block. */
-    height: string;
-    /** Border‑radius for the fallback `default` block (token or CSS length). */
-    radius: string;
-    connectedCallback(): void;
-    static styles: import("lit").CSSResult;
-    protected updated(changed: Map<string, unknown>): void;
-    render(): import("lit-html").TemplateResult<1>;
-    /** Render a single skeleton preset block. */
-    private renderSkeleton;
-}