@sky.ui/core 0.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"sky-row.js","sources":["../../src/sky-row/sky-row.ts"],"sourcesContent":[null],"names":["SkyRow","LitElement","this","styles","css","render","html","__decorate","customElement"],"mappings":"yIAyDO,IAAMA,EAAN,cAAqBC,SACVC,KAAAC,OAASC,CAAG;;;;GAI1B,CAEO,MAAAC,GACP,OAAOC,CAAI,eACb,GATWN,EAAMO,EAAA,CADlBC,EAAc,YACFR"}

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

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

package/dist/sky-serial/index.js

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

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

@@ -0,0 +1,127 @@
+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

@@ -0,0 +1,133 @@
+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

@@ -0,0 +1 @@
+{"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-sheet/index.d.ts

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

package/dist/sky-sheet/index.js

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

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

@@ -0,0 +1,70 @@
+import { LitElement, type PropertyValues } from "lit";
+export type SkySheetBackground = "primary" | "secondary" | "tertiary" | "solid" | "transparent";
+export type SkySheetBlurLevel = "none" | "sm" | "md" | "lg";
+export type SkySheetShadow = "none" | "sm" | "md" | "lg" | "inset";
+export type SkySheetBorder = "none" | "sm" | "md" | "lg";
+/** Preset tokens or any CSS length (e.g. `1rem`, `16px`). */
+export type SkySheetRadius = string;
+/** Preset map includes `xl`; arbitrary values pass through like `resolveRadius`. */
+export declare function resolveSheetRadius(input: string): string;
+/**
+ * @element sky-sheet
+ *
+ * @summary Themed surface container with configurable background, blur, border, and shadow.
+ *
+ * @status stable
+ * @since 1.0.0
+ *
+ * @documentation https://library.sky-ui.com/components/sheet
+ *
+ * @slot - Content placed inside the sheet container.
+ *
+ * @property {SkySheetBackground} bg - Background style.
+ * @property {SkySheetBlurLevel} blurLevel - Backdrop blur intensity.
+ * @property {SkySheetShadow} shadow - Shadow style preset.
+ * @property {SkySheetBorder} border - Border style preset.
+ * @property {SkySheetRadius} radius - Preset (`none`, `sm`, `md`, `lg`, `xl`) or CSS length (`1rem`, `16px`).
+ *
+ * @Behavior
+ * - Applies visual styles directly on `:host` for compact composition.
+ * - Uses theme CSS variables for consistent glass and elevation tokens.
+ * - Renders slot content without additional wrappers.
+ *
+ * @example
+ * ```html
+ * <sky-sheet bg="solid" blur-level="md" shadow="lg" border="md" radius="lg">
+ *   <h3>Deployment Summary</h3>
+ *   <p>All regional checks passed. Ready to promote to production.</p>
+ * </sky-sheet>
+ * ```
+ * ```vue
+ * <template>
+ *   <sky-sheet bg="solid" blur-level="md" shadow="lg" border="md" radius="lg">
+ *     <h3>Deployment Summary</h3>
+ *     <p>All regional checks passed. Ready to promote to production.</p>
+ *   </sky-sheet>
+ * </template>
+ * ```
+ * ```jsx
+ * export default function Demo() {
+ *   return (
+ *     <sky-sheet bg="solid" blur-level="md" shadow="lg" border="md" radius="lg">
+ *       <h3>Deployment Summary</h3>
+ *       <p>All regional checks passed. Ready to promote to production.</p>
+ *     </sky-sheet>
+ *   );
+ * }
+ * ```
+ */
+export declare class SkySheet extends LitElement {
+    bg: SkySheetBackground;
+    blurLevel: SkySheetBlurLevel;
+    shadow: SkySheetShadow;
+    border: SkySheetBorder;
+    radius: SkySheetRadius;
+    connectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    private _applyRadiusVar;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/sky-sheet/sky-sheet.js

@@ -0,0 +1,47 @@
+import{__decorate as r,__metadata as s}from"tslib";import{LitElement as o,css as t,html as e}from"lit";import{property as a,customElement as d}from"lit/decorators.js";import{resolveRadius as i}from"../helper/utils/size-resolver.js";const y={none:"0",sm:"var(--sky-radius-primary)",md:"var(--sky-radius-secondary)",lg:"var(--sky-radius-tertiary)",xl:"var(--sky-radius-full)"};function b(r){return Object.prototype.hasOwnProperty.call(y,r)?y[r]:i(r)}let l=class extends o{constructor(){super(...arguments),this.bg="primary",this.blurLevel="sm",this.shadow="sm",this.border="sm",this.radius="md"}connectedCallback(){super.connectedCallback(),this._applyRadiusVar()}updated(r){super.updated(r),r.has("radius")&&this._applyRadiusVar()}_applyRadiusVar(){this.style.setProperty("--sheet-radius",b(this.radius))}static{this.styles=t`
+    :host {
+      display: block;
+      width: 100%;
+      height: 100%;
+      box-sizing: border-box;
+      font-family: var(--sky-font);
+      padding: 12px;
+      border-radius: var(--sheet-radius, var(--sky-radius-secondary));
+    }
+
+
+    /* background */
+    :host([bg="primary"]) { background: var(--sky-glass-primary); }
+    :host([bg="secondary"]) { background: var(--sky-glass-secondary); }
+    :host([bg="tertiary"]) { background: var(--sky-glass-tertiary); }
+    :host([bg="solid"]) { background: var(--sky-glass-solid); }
+    :host([bg="transparent"]) { background: transparent; }
+
+
+    :host([blurLevel="none"]) {
+      backdrop-filter: none; -webkit-backdrop-filter: none;
+    }
+    :host([blurLevel="sm"]) {
+      backdrop-filter: var(--sky-blur-primary); -webkit-backdrop-filter: var(--sky-blur-primary);
+    }
+    :host([blurLevel="md"]) {
+      backdrop-filter: var(--sky-blur-secondary); -webkit-backdrop-filter: var(--sky-blur-secondary);
+    }
+    :host([blurLevel="lg"]) {
+      backdrop-filter: var(--sky-blur-tertiary); -webkit-backdrop-filter: var(--sky-blur-tertiary);
+    }
+
+    /* shadow */
+    :host([shadow="none"]) { box-shadow: none; }
+    :host([shadow="sm"]) { box-shadow: var(--sky-box-shadow-primary); }
+    :host([shadow="md"]) { box-shadow: var(--sky-box-shadow-secondary); }
+    :host([shadow="lg"]) { box-shadow: var(--sky-box-shadow-tertiary); }
+    :host([shadow="inset"]) { box-shadow: var(--sky-box-shadow-inset); }
+
+    /* border */
+    :host([border="none"]) { border: none; }
+    :host([border="sm"]) { border: var(--sky-border-primary); }
+    :host([border="md"]) { border: var(--sky-border-secondary); }
+    :host([border="lg"]) { border: var(--sky-border-tertiary); }
+  `}render(){return e`<slot></slot>`}};r([a({type:String,reflect:!0}),s("design:type",String)],l.prototype,"bg",void 0),r([a({type:String,reflect:!0}),s("design:type",String)],l.prototype,"blurLevel",void 0),r([a({type:String,reflect:!0}),s("design:type",String)],l.prototype,"shadow",void 0),r([a({type:String,reflect:!0}),s("design:type",String)],l.prototype,"border",void 0),r([a({type:String,reflect:!0}),s("design:type",String)],l.prototype,"radius",void 0),l=r([d("sky-sheet")],l);export{l as SkySheet,b as resolveSheetRadius};
+//# sourceMappingURL=sky-sheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sky-sheet.js","sources":["../../src/sky-sheet/sky-sheet.ts"],"sourcesContent":[null],"names":["SHEET_RADIUS_PRESETS","none","sm","md","lg","xl","resolveSheetRadius","input","Object","prototype","hasOwnProperty","call","resolveRadius","SkySheet","LitElement","constructor","this","bg","blurLevel","shadow","border","radius","connectedCallback","super","_applyRadiusVar","updated","changed","has","style","setProperty","styles","css","render","html","__decorate","property","type","String","reflect","customElement"],"mappings":"wOAYA,MAAMA,EAA+C,CACnDC,KAAM,IACNC,GAAI,4BACJC,GAAI,8BACJC,GAAI,6BACJC,GAAI,0BAIA,SAAUC,EAAmBC,GACjC,OAAIC,OAAOC,UAAUC,eAAeC,KAAKX,EAAsBO,GACtDP,EAAqBO,GAEvBK,EAAcL,EACvB,CAoDO,IAAMM,EAAN,cAAuBC,EAAvB,WAAAC,uBAGLC,KAAAC,GAAyB,UAGzBD,KAAAE,UAA+B,KAG/BF,KAAAG,OAAyB,KAGzBH,KAAAI,OAAyB,KAGzBJ,KAAAK,OAAyB,IAoE3B,CAlEW,iBAAAC,GACPC,MAAMD,oBACNN,KAAKQ,iBACP,CAES,OAAAC,CAAQC,GACfH,MAAME,QAAQC,GACVA,EAAQC,IAAI,WAAWX,KAAKQ,iBAClC,CAEQ,eAAAA,GACNR,KAAKY,MAAMC,YAAY,iBAAkBvB,EAAmBU,KAAKK,QACnE,QAEgBL,KAAAc,OAASC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6C1B,CAGO,MAAAC,GACP,OAAOC,CAAI,eACb,GA9EAC,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,6BACAzB,EAAAJ,UAAA,aAGnCyB,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,6BACCzB,EAAAJ,UAAA,oBAGpCyB,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,6BACLzB,EAAAJ,UAAA,iBAG9ByB,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,6BACLzB,EAAAJ,UAAA,iBAG9ByB,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,6BACLzB,EAAAJ,UAAA,iBAfnBI,EAAQqB,EAAA,CADpBK,EAAc,cACF1B"}

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

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

package/dist/sky-skeleton/index.js

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

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

@@ -0,0 +1,80 @@
+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;
+}