@sky.ui/core 0.0.1

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

@@ -0,0 +1,104 @@
+import { LitElement, PropertyValues } from "lit";
+export type SkyAvatarFit = "cover" | "contain";
+/**
+ * @element sky-avatar
+ *
+ * @summary Avatar that renders image content or fallback slot content with configurable size, radius, outline, and loading state.
+ *
+ * @status stable
+ * @since 1.0.0
+ *
+ * @documentation https://library.sky-ui.com/components/avatar
+ *
+ * @slot - Fallback content (e.g., initials or an icon) rendered when `image` is empty.
+ *
+ * @property {string} size - Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).
+ * @property {string} image - Image URL; fallback slot is shown on load error.
+ * @property {SkyAvatarFit} fit - Image fill mode: `cover` (default) or `contain`.
+ * @property {string} radius - Border radius token or CSS value.
+ * @property {string} color - Token or CSS color applied to fallback slot content.
+ * @property {string} alt - Accessible name when image content conveys meaning.
+ * @property {string} outline - CSS `outline` value.
+ * @property {string} outlineOffset - CSS `outline-offset` value.
+ * @property {boolean} loading - Shows loading overlay when true.
+ * @property {boolean} disabled - Dims and disables pointer interactions.
+ * @property {boolean} interactive - Enables interactive behavior with keyboard/click activation.
+ * @property {boolean} shadow - When true, applies glass background, border, and elevation; default is a clean avatar.
+ *
+ * @csspart avatar - The avatar container element.
+ * @csspart loading-overlay - The loading overlay container (shown when `loading` is true).
+ * @csspart spinner - The spinner element shown when loading.
+ *
+ * @Behavior
+ * - Applies image content when available; otherwise renders fallback slot content.
+ * - Uses keyed rendering to reset avatar content when image availability changes.
+ * - Scales spinner dimensions from resolved avatar size for numeric values.
+ * - Respects reduced-motion preference by disabling spinner animation.
+ *
+ * @example
+ * ```html
+ * <sky-avatar size="56px" radius="full" color="primary">
+ *   JD
+ * </sky-avatar>
+ * ```
+ * ```vue
+ * <template>
+ *   <sky-avatar size="56px" radius="full" color="primary">
+ *     JD
+ *   </sky-avatar>
+ * </template>
+ * ```
+ * ```jsx
+ * export default function Demo() {
+ *   return (
+ *     <sky-avatar size="56px" radius="full" color="primary">
+ *       JD
+ *     </sky-avatar>
+ *   );
+ * }
+ * ```
+ */
+export declare class SkyAvatar extends LitElement {
+    /** Avatar size: preset sm|md|lg or CSS length. @default "50px" */
+    size: string;
+    /** Image URL. On error, slot is shown. @default "" */
+    image: string;
+    /** How the image fills the avatar. @default "cover" */
+    fit: SkyAvatarFit;
+    /** Border radius token or CSS value. @default "md" */
+    radius: string;
+    /** Accessible name when image is set. @default "" */
+    alt: string;
+    /** Slot text/icon color token/CSS color. @default "dark" */
+    color: string;
+    /** Outline string. @default "" */
+    outline: string;
+    /** Outline offset value. @default "2px" */
+    outlineOffset: string;
+    /** Loading state. @default false */
+    loading: boolean;
+    /** Disables the avatar. @default false */
+    disabled: boolean;
+    /** When true, focusable with focus ring and click. @default false */
+    interactive: boolean;
+    /**
+     * Glass styling on the avatar (`background`, `border`, `box-shadow`, backdrop).
+     * `false` (default) keeps the avatar minimal for inline use.
+     */
+    shadow: boolean;
+    /** True when image failed to load; show slot instead. */
+    private _imageError;
+    static styles: import("lit").CSSResult;
+    updated(changed: PropertyValues): void;
+    /** Marks image load success and keeps image rendering active. */
+    private _onImageLoad;
+    /** Marks image load failure and enables fallback slot rendering. */
+    private _onImageError;
+    /** Re-dispatches click in interactive mode for host-level consumers. */
+    private _handleInteractiveClick;
+    /** Handles keyboard activation in interactive mode. */
+    private _handleInteractiveKeydown;
+    /** Derives spinner dimensions from current avatar size. */
+    private adjustSpinnerSize;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/sky-avatar/sky-avatar.js

@@ -0,0 +1,152 @@
+import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as r,nothing as o,html as s}from"lit";import{property as a,state as n,customElement as l}from"lit/decorators.js";import{when as d}from"lit/directives/when.js";import{keyed as p}from"lit/directives/keyed.js";import{resolveRadius as c}from"../helper/utils/size-resolver.js";import{resolveColor as h}from"../helper/utils/color-resolver.js";import{styleMap as y}from"lit/directives/style-map.js";import{classMap as v}from"lit/directives/class-map.js";const g={sm:"var(--sky-space-8, 2rem)",md:"var(--sky-space-10, 2.5rem)",lg:"var(--sky-space-12, 3rem)"},m={sm:32,md:40,lg:48};let b=class extends i{constructor(){super(...arguments),this.size="50px",this.image="",this.fit="cover",this.radius="md",this.alt="",this.color="dark",this.outline="",this.outlineOffset="2px",this.loading=!1,this.disabled=!1,this.interactive=!1,this.shadow=!1,this._imageError=!1,this._onImageLoad=()=>{this._imageError=!1},this._onImageError=()=>{this._imageError=!0}}static{this.styles=r`
+    :host {
+      display: inline-flex;
+      line-height: 0;
+      justify-content: center;
+      align-items: center;
+    }
+
+    :host([disabled]) {
+      opacity: var(--sky-opacity-disabled, 0.5);
+      pointer-events: none;
+    }
+
+    .avatar {
+      width: var(--avatar-size);
+      height: var(--avatar-size);
+      position: relative;
+      background-size: var(--avatar-bg-size, cover);
+      background-position: center;
+      background-repeat: no-repeat;
+      border-radius: var(--avatar-border-radius, 12px);
+      display: flex;
+      color: var(--slot-text-color);
+      justify-content: center;
+      align-items: center;
+      background-clip: padding-box;
+      -webkit-background-clip: padding-box;
+      box-sizing: border-box;
+      overflow: hidden;
+    }
+
+    :host([shadow]) .avatar {
+      background-color: var(--sky-glass-primary);
+      box-shadow: var(--sky-box-shadow-primary);
+      border: var(--sky-border-primary);
+      z-index: 0;
+    }
+
+    :host([shadow]) .avatar::before {
+      content: "";
+      position: absolute;
+      inset: 0;
+      border-radius: inherit;
+      z-index: -1;
+      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);
+    }
+
+    :host([loading]) .avatar {
+      will-change: transform;
+      transform: translateZ(0);
+    }
+
+    .avatar:focus-visible {
+      outline: none;
+      box-shadow: var(--sky-focus-ring);
+    }
+
+    .avatar--interactive {
+      cursor: pointer;
+      -webkit-tap-highlight-color: transparent;
+    }
+
+    .image-probe {
+      position: absolute;
+      width: 0;
+      height: 0;
+      opacity: 0;
+      pointer-events: none;
+    }
+
+    ::slotted(*) {
+      font-size: calc(var(--avatar-size) * 0.75);
+      font-weight: var(--sky-font-weight-semibold, 600);
+      font-family: var(--sky-font);
+      line-height: 1;
+      text-align: center;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      object-fit: contain;
+    }
+
+    .loading-overlay {
+      position: absolute;
+      inset: 0;
+      border-radius: inherit;
+      background: var(--sky-overlay-primary);
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      z-index: 1;
+      visibility: hidden;
+    }
+    :host([loading]) .loading-overlay {
+      visibility: visible;
+    }
+
+    .spinner {
+      border-width: var(--sky-border-medium, 4px);
+      border-style: solid;
+      border-color: var(--sky-text-white);
+      border-top-color: var(--slot-text-color);
+      border-radius: var(--sky-radius-full, 50%);
+      width: 40px;
+      height: 40px;
+      animation: spin var(--sky-duration-slow, 1s) linear infinite;
+    }
+
+    @keyframes spin {
+      0% {
+        transform: rotate(0deg);
+      }
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      .spinner {
+        animation: none;
+        border-top-color: var(--slot-text-color);
+        opacity: 0.8;
+      }
+    }
+  `}updated(t){super.updated(t),t.has("image")&&(this._imageError=!1);const e=g[this.size]??this.size;this.style.setProperty("--avatar-size",e),this.style.setProperty("--avatar-bg-size","contain"===this.fit?"contain":"cover"),this.style.setProperty("--avatar-border-radius",c(this.radius)),this.color&&this.style.setProperty("--slot-text-color",h(this.color)),this.adjustSpinnerSize()}_handleInteractiveClick(t){this.interactive&&!this.disabled&&(t.stopPropagation(),this.dispatchEvent(new Event("click",{bubbles:!0,composed:!0})))}_handleInteractiveKeydown(t){this.interactive&&!this.disabled&&("Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.dispatchEvent(new Event("click",{bubbles:!0,composed:!0}))))}adjustSpinnerSize(){const t=m[this.size]??parseFloat(this.size);if(Number.isFinite(t)){const e=.25*t,i=this.shadowRoot?.querySelector(".spinner");i&&(i.style.width=`${e}px`,i.style.height=`${e}px`,i.style.borderWidth=`${Math.max(1,e/10)}px`)}}render(){const t=this.image&&!this._imageError,e={};t&&(e.backgroundImage=`url(${encodeURI(this.image)})`),this.outline&&(e.outline=this.outline),this.outlineOffset&&(e.outlineOffset=this.outlineOffset);const i=this.interactive?"button":t&&this.alt?"img":o,r=this.interactive&&this.alt||t&&this.alt?this.alt:o;return s`
+      <div
+        class=${v({avatar:!0,"avatar--interactive":!!this.interactive})}
+        part="avatar"
+        style=${y(e)}
+        role=${i}
+        aria-label=${r}
+        tabindex=${this.interactive&&!this.disabled?"0":o}
+        @click=${this._handleInteractiveClick}
+        @keydown=${this._handleInteractiveKeydown}
+      >
+        ${this.image?s`<img
+              class="image-probe"
+              src=${this.image}
+              alt=""
+              @load=${this._onImageLoad}
+              @error=${this._onImageError}
+            />`:o}
+        <div class="loading-overlay" part="loading-overlay">
+          <div class="spinner" part="spinner"></div>
+        </div>
+        ${p(t?"_img_":"_slot_",d(!t,()=>s`<slot></slot>`,()=>o))}
+      </div>
+    `}};t([a({type:String}),e("design:type",String)],b.prototype,"size",void 0),t([a({type:String}),e("design:type",String)],b.prototype,"image",void 0),t([a({type:String,reflect:!0}),e("design:type",String)],b.prototype,"fit",void 0),t([a({type:String}),e("design:type",String)],b.prototype,"radius",void 0),t([a({type:String}),e("design:type",String)],b.prototype,"alt",void 0),t([a({type:String}),e("design:type",String)],b.prototype,"color",void 0),t([a({type:String}),e("design:type",String)],b.prototype,"outline",void 0),t([a({type:String}),e("design:type",String)],b.prototype,"outlineOffset",void 0),t([a({type:Boolean,reflect:!0}),e("design:type",Boolean)],b.prototype,"loading",void 0),t([a({type:Boolean,reflect:!0}),e("design:type",Boolean)],b.prototype,"disabled",void 0),t([a({type:Boolean}),e("design:type",Boolean)],b.prototype,"interactive",void 0),t([a({type:Boolean,reflect:!0}),e("design:type",Object)],b.prototype,"shadow",void 0),t([n(),e("design:type",Object)],b.prototype,"_imageError",void 0),b=t([l("sky-avatar")],b);export{b as SkyAvatar};
+//# sourceMappingURL=sky-avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sky-avatar.js","sources":["../../src/sky-avatar/sky-avatar.ts"],"sourcesContent":[null],"names":["SIZE_PRESETS","sm","md","lg","SIZE_PX","SkyAvatar","LitElement","constructor","this","size","image","fit","radius","alt","color","outline","outlineOffset","loading","disabled","interactive","shadow","_imageError","_onImageLoad","_onImageError","styles","css","updated","changed","super","has","resolvedSize","style","setProperty","resolveRadius","resolveColor","adjustSpinnerSize","_handleInteractiveClick","e","stopPropagation","dispatchEvent","Event","bubbles","composed","_handleInteractiveKeydown","key","preventDefault","avatarSizePx","parseFloat","Number","isFinite","spinnerSize","spinner","shadowRoot","querySelector","width","height","borderWidth","Math","max","render","showImage","avatarStyle","encodeURI","role","nothing","ariaLabel","html","classMap","avatar","styleMap","keyed","when","__decorate","property","type","String","prototype","reflect","Boolean","state","customElement"],"mappings":"6gBAWA,MAAMA,EAAuC,CAC3CC,GAAI,2BACJC,GAAI,8BACJC,GAAI,6BAGAC,EAAkC,CAAEH,GAAI,GAAIC,GAAI,GAAIC,GAAI,IA8DvD,IAAME,EAAN,cAAwBC,EAAxB,WAAAC,uBAGuBC,KAAAC,KAAe,OAGfD,KAAAE,MAAgB,GAGDF,KAAAG,IAAoB,QAGnCH,KAAAI,OAAiB,KAGjBJ,KAAAK,IAAc,GAGdL,KAAAM,MAAgB,OAGhBN,KAAAO,QAAkB,GAGlBP,KAAAQ,cAAwB,MAGRR,KAAAS,SAAmB,EAGnBT,KAAAU,UAAoB,EAGnCV,KAAAW,aAAuB,EAOpDX,KAAAY,QAAS,EAGQZ,KAAAa,aAAc,EAgKvBb,KAAAc,aAAe,KACrBd,KAAKa,aAAc,GAIbb,KAAAe,cAAgB,KACtBf,KAAKa,aAAc,EA8FvB,QAjQkBb,KAAAgB,OAASC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+H1B,CAEO,OAAAC,CAAQC,GACfC,MAAMF,QAAQC,GAEVA,EAAQE,IAAI,WACdrB,KAAKa,aAAc,GAGrB,MAAMS,EAAe9B,EAAaQ,KAAKC,OAASD,KAAKC,KACrDD,KAAKuB,MAAMC,YAAY,gBAAiBF,GAExCtB,KAAKuB,MAAMC,YACT,mBACa,YAAbxB,KAAKG,IAAoB,UAAY,SAGvCH,KAAKuB,MAAMC,YACT,yBACAC,EAAczB,KAAKI,SAGjBJ,KAAKM,OACPN,KAAKuB,MAAMC,YAAY,oBAAqBE,EAAa1B,KAAKM,QAGhEN,KAAK2B,mBACP,CAaQ,uBAAAC,CAAwBC,GACzB7B,KAAKW,cAAeX,KAAKU,WAC9BmB,EAAEC,kBACF9B,KAAK+B,cAAc,IAAIC,MAAM,QAAS,CAAEC,SAAS,EAAMC,UAAU,KACnE,CAGQ,yBAAAC,CAA0BN,GAC3B7B,KAAKW,cAAeX,KAAKU,WAChB,UAAVmB,EAAEO,KAA6B,MAAVP,EAAEO,MACzBP,EAAEQ,iBACFrC,KAAK+B,cAAc,IAAIC,MAAM,QAAS,CAAEC,SAAS,EAAMC,UAAU,MAErE,CAKQ,iBAAAP,GACN,MAAMW,EACJ1C,EAAQI,KAAKC,OAASsC,WAAWvC,KAAKC,MACxC,GAAIuC,OAAOC,SAASH,GAAe,CACjC,MAAMI,EAA6B,IAAfJ,EACdK,EAAU3C,KAAK4C,YAAYC,cAA2B,YACxDF,IACFA,EAAQpB,MAAMuB,MAAQ,GAAGJ,MACzBC,EAAQpB,MAAMwB,OAAS,GAAGL,MAC1BC,EAAQpB,MAAMyB,YAAc,GAAGC,KAAKC,IAAI,EAAGR,EAAc,QAE7D,CACF,CAES,MAAAS,GACP,MAAMC,EAAYpD,KAAKE,QAAUF,KAAKa,YAChCwC,EAAsC,CAAA,EACxCD,IACFC,EAA6B,gBAAI,OAAOC,UAAUtD,KAAKE,WAErDF,KAAKO,UACP8C,EAAqB,QAAIrD,KAAKO,SAE5BP,KAAKQ,gBACP6C,EAA2B,cAAIrD,KAAKQ,eAGtC,MAAM+C,EAAOvD,KAAKW,YACd,SACAyC,GAAapD,KAAKK,IAChB,MACAmD,EACAC,EACJzD,KAAKW,aAAeX,KAAKK,KAErB+C,GAAapD,KAAKK,IADlBL,KAAKK,IAGHmD,EAER,OAAOE,CAAI;;gBAECC,EAAS,CACfC,QAAQ,EACR,wBAAyB5D,KAAKW;;gBAGxBkD,EAASR;eACVE;qBACME;mBACFzD,KAAKW,cAAgBX,KAAKU,SAAW,IAAM8C;iBAC7CxD,KAAK4B;mBACH5B,KAAKmC;;UAEdnC,KAAKE,MACHwD,CAAI;;oBAEI1D,KAAKE;;sBAEHF,KAAKc;uBACJd,KAAKe;gBAEhByC;;;;UAIFM,EACAV,EAAY,QAAU,SACtBW,GAAMX,EAAW,IAAMM,CAAI,gBAAiB,IAAMF;;KAI1D,GA3S4BQ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAgCtE,EAAAuE,UAAA,eAGtBJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA6BtE,EAAAuE,UAAA,gBAGJJ,EAAA,CAA1CC,EAAS,CAAEC,KAAMC,OAAQE,SAAS,6BAAoCxE,EAAAuE,UAAA,cAG3CJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAgCtE,EAAAuE,UAAA,iBAGtBJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA2BtE,EAAAuE,UAAA,cAGjBJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAiCtE,EAAAuE,UAAA,gBAGvBJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA+BtE,EAAAuE,UAAA,kBAGrBJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAwCtE,EAAAuE,UAAA,wBAGdJ,EAAA,CAA3CC,EAAS,CAAEC,KAAMI,QAASD,SAAS,8BAAiCxE,EAAAuE,UAAA,kBAGzBJ,EAAA,CAA3CC,EAAS,CAAEC,KAAMI,QAASD,SAAS,8BAAkCxE,EAAAuE,UAAA,mBAGzCJ,EAAA,CAA5BC,EAAS,CAAEC,KAAMI,oCAAwCzE,EAAAuE,UAAA,sBAO1DJ,EAAA,CADCC,EAAS,CAAEC,KAAMI,QAASD,SAAS,6BACrBxE,EAAAuE,UAAA,iBAGEJ,EAAA,CAAhBO,6BAAoC1E,EAAAuE,UAAA,sBA3C1BvE,EAASmE,EAAA,CADrBQ,EAAc,eACF3E"}

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

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

package/dist/sky-badge/index.js

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

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

@@ -0,0 +1,154 @@
+import { LitElement, PropertyValues } from "lit";
+export type SkyBadgeClickEventDetail = {
+    originalEvent: Event;
+};
+export type SkyBadgePosition = "default" | "floating" | "inline";
+export type SkyBadgeShape = "circle" | "pill" | "custom";
+export type SkyBadgePlacement = "custom" | "top-right" | "top-left" | "bottom-left" | "bottom-right" | "top-center";
+/**
+ * @element sky-badge
+ *
+ * @summary Badge for status dots, counts, or icons anchored to slotted content.
+ *
+ * @status stable
+ * @since 1.0.0
+ *
+ * @documentation https://library.sky-ui.com/components/badge
+ * @dependency sky-icon
+ *
+ * @slot - The content the badge attaches to.
+ * @slot badge - Optional slot to override the badge content entirely.
+ *
+ * @fires {CustomEvent<SkyBadgeClickEventDetail>} badge-click - Emitted when badge activation occurs via click, Enter, or Space while `interactive` is true.
+ *
+ * @csspart container - Wrapper around the slotted content and the badge.
+ * @csspart badge - The badge element. Use `badgeRef` for positioning (e.g. tooltip anchor).
+ * @csspart icon - The icon element when `isIcon` is true.
+ *
+ * @Behavior
+ * - Visibility is controlled by `show` and `hideWhenZero`.
+ * - Numeric values above `max` render as `<max>+`.
+ * - Interactive mode supports click and keyboard activation.
+ * - Reduced motion mode removes badge transitions.
+ *
+ * @property {string} statusColor - Badge background token or CSS color.
+ * @property {string} textColor - Text color token or CSS color.
+ * @property {string} iconColor - Icon color token or CSS color; falls back to `textColor` when empty.
+ * @property {SkyBadgePosition} position - Layout mode: `default | floating | inline`.
+ * @property {string} value - Badge text/count or icon name in icon mode.
+ * @property {boolean} isIcon - Renders icon mode when true.
+ * @property {string} size - Badge and icon size CSS length.
+ * @property {SkyBadgeShape} shape - Badge shape: `circle | pill | custom`.
+ * @property {number} max - Maximum numeric count before rendering overflow label.
+ * @property {boolean} hideWhenZero - Hides badge when value resolves to numeric zero.
+ * @property {boolean} show - Forces badge visibility independent of value.
+ * @property {string} offsetX - Horizontal offset CSS length.
+ * @property {string} offsetY - Vertical offset CSS length.
+ * @property {boolean} ring - Enables visual ring around the badge.
+ * @property {string} ringColor - Ring color token or CSS color.
+ * @property {string} ringOffset - Ring offset CSS length.
+ * @property {string | null} badgeLabel - ARIA label override.
+ * @property {boolean} badgeAriaHidden - Hides badge from assistive technology when true.
+ * @property {boolean} interactive - Enables focus/activation and `badge-click` emission.
+ * @property {SkyBadgePlacement} placement - Anchor placement preset for badge positioning.
+ * @method showBadge Forces badge visibility on.
+ * @method hideBadge Forces badge visibility off.
+ * @method setValue Updates badge value text or icon name.
+ *
+ * @example
+ * ```html
+ * <sky-badge value="5" statuscolor="danger" placement="top-right">
+ *   <sky-icon icon="mdi:bell-outline"></sky-icon>
+ * </sky-badge>
+ * ```
+ * ```vue
+ * <template>
+ *   <sky-badge value="5" statuscolor="danger" placement="top-right">
+ *     <sky-icon icon="mdi:bell-outline"></sky-icon>
+ *   </sky-badge>
+ * </template>
+ * ```
+ * ```jsx
+ * export default function Demo() {
+ *   return (
+ *     <sky-badge value="5" statuscolor="danger" placement="top-right">
+ *       <sky-icon icon="mdi:bell-outline"></sky-icon>
+ *     </sky-badge>
+ *   );
+ * }
+ * ```
+ */
+export declare class SkyBadge extends LitElement {
+    static dependencies: Record<string, CustomElementConstructor>;
+    /** Background color of the badge. */
+    statusColor: string;
+    /** Color of text content inside the badge. */
+    textColor: string;
+    /** Color of the badge icon (when `isIcon` is true). */
+    iconColor: string;
+    /** Position of the badge relative to content. */
+    position: SkyBadgePosition;
+    /** Value or icon name displayed inside the badge. */
+    value: string;
+    /** Whether the badge should render as an icon instead of text. */
+    isIcon: boolean;
+    /** Size (width/height) of the badge. e.g., `8px`, `1rem`. */
+    size: string;
+    /** Shape of the badge. `circle`, `pill`, or `custom` (use `--sky-badge-radius`). */
+    shape: SkyBadgeShape;
+    /** Maximum numeric count before showing e.g., `99+`. Ignored in icon mode. */
+    max: number;
+    /** Do not render the badge if numeric value is `0`. */
+    hideWhenZero: boolean;
+    /** Controls visibility regardless of value (useful for async data). */
+    show: boolean;
+    /** Pixel or CSS length offsets for `default`/`floating` positions. */
+    offsetX: string;
+    offsetY: string;
+    /** Optional outline ring around the badge. */
+    ring: boolean;
+    ringColor: string;
+    ringOffset: string;
+    /** Accessiblity: override the generated aria-label for screen readers. */
+    badgeLabel: string | null;
+    /** Accessibility: if true, hides the badge from assistive tech (purely decorative). */
+    badgeAriaHidden: boolean;
+    /** Make badge focusable/clickable and emit `badge-click`. */
+    interactive: boolean;
+    /** Corner preset; use "custom" to rely on offsetX/offsetY and existing behavior. */
+    placement: SkyBadgePlacement;
+    private _badgeEl;
+    /** Ref for the badge element (e.g. for tooltip anchor or positioning). */
+    badgeRef: import("lit-html/directives/ref").Ref<HTMLSpanElement>;
+    static shadowRootOptions: ShadowRootInit;
+    static styles: import("lit").CSSResult;
+    protected updated(changed: PropertyValues<this>): void;
+    /**
+     * Forces badge visibility on.
+     *
+     * @returns {void}
+     */
+    showBadge(): void;
+    /**
+     * Forces badge visibility off.
+     *
+     * @returns {void}
+     */
+    hideBadge(): void;
+    /**
+     * Updates badge value for text/count or icon modes.
+     *
+     * @param value Badge value or icon name.
+     * @returns {void}
+     */
+    setValue(value: string): void;
+    /** Emits `badge-click` for interactive activation. */
+    private _onActivate;
+    /** Handles keyboard activation with Enter and Space. */
+    private _onKeydown;
+    /** Computes accessible badge label from current render state. */
+    private _computeAriaLabel;
+    /** Resolves anchor edges from placement preset. */
+    private _computeAnchors;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/sky-badge/sky-badge.js

@@ -0,0 +1,148 @@
+import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as o,nothing as s,html as a}from"lit";import{property as r,query as n,customElement as l}from"lit/decorators.js";import{when as p}from"lit/directives/when.js";import{createRef as d,ref as g}from"lit/directives/ref.js";import{resolveColor as c}from"../helper/utils/color-resolver.js";import{styleMap as h}from"lit/directives/style-map.js";import{SkyIcon as y}from"../sky-icon/sky-icon.js";const b=["default","floating","inline"],f=["circle","pill","custom"],u=["custom","top-right","top-left","bottom-left","bottom-right","top-center"];let v=class extends i{constructor(){super(...arguments),this.statusColor="success",this.textColor="default",this.iconColor="",this.position="default",this.value="",this.isIcon=!1,this.size="",this.shape="custom",this.max=99,this.hideWhenZero=!1,this.show=!0,this.offsetX="0px",this.offsetY="0px",this.ring=!1,this.ringColor="primary",this.ringOffset="1px",this.badgeLabel=null,this.badgeAriaHidden=!1,this.interactive=!1,this.placement="custom",this.badgeRef=d(),this._onActivate=t=>{this.interactive&&this.dispatchEvent(new CustomEvent("badge-click",{detail:{originalEvent:t},bubbles:!0,composed:!0}))},this._onKeydown=t=>{this.interactive&&("Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this._onActivate(t)))}}static{this.dependencies={"sky-icon":y}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=o`
+    :host {
+      display: inline-block;
+      position: relative;
+      box-sizing: border-box;
+      /* Theming: override with --sky-badge-* for custom sizing */
+      --sky-badge-radius: 12px;
+      --sky-badge-padding: 2px;
+      --sky-badge-font-size: var(--sky-font-size-xs, 0.75rem);
+      --sky-badge-font-weight: var(--sky-font-weight-bold, 700);
+      --sky-badge-shadow: var(
+        --sky-box-shadow-primary,
+        0 1px 2px rgba(2, 6, 23, 0.15)
+      );
+      --sky-badge-translate-x: 0px;
+      --sky-badge-translate-y: 0px;
+    }
+
+    .container {
+      display: inline-flex;
+      position: relative;
+      align-items: center;
+    }
+
+    /* Badge base */
+    .badge {
+      min-width: 5px;
+      min-height: 5px;
+      padding: var(--sky-badge-padding);
+      display: inline-flex;
+      justify-content: center;
+      align-items: center;
+      box-shadow: var(--sky-badge-shadow);
+      color: var(--_badge-text-color);
+      background-color: var(--_badge-bg);
+      font-weight: var(--sky-badge-font-weight);
+      font-size: var(--sky-badge-font-size);
+      line-height: var(--sky-line-height-none, 1);
+      letter-spacing: var(--sky-letter-spacing-tight, -0.01em);
+      font-family: var(--sky-font, inherit);
+      position: absolute;
+      z-index: 1;
+      border-radius: var(--_badge-radius);
+      min-width: var(--_badge-size);
+      min-height: var(--_badge-size);
+      top: var(--_anchor-top, auto);
+      right: var(--_anchor-right, auto);
+      bottom: var(--_anchor-bottom, auto);
+      left: var(--_anchor-left, auto);
+      transform: translate(
+        var(--sky-badge-translate-x),
+        var(--sky-badge-translate-y)
+      );
+      user-select: none;
+      -webkit-user-select: none;
+      white-space: nowrap;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      .badge {
+        transition: none;
+      }
+    }
+
+    /* Floating offsets & overlap */
+    .badge.floating {
+      transform: translate(
+        calc(50% + var(--sky-badge-translate-x)),
+        calc(-50% + var(--sky-badge-translate-y))
+      );
+    }
+
+    /* Inline style participates in text flow */
+    .badge.inline {
+      position: static;
+      display: inline-flex;
+      margin-inline-start: var(--sky-space-1.5, 6px);
+      transform: translate(
+        var(--sky-badge-translate-x),
+        var(--sky-badge-translate-y)
+      );
+    }
+
+    /* Icon styling */
+    sky-icon[part="icon"] {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 1em;
+      height: 1em;
+      font-size: var(--_icon-size);
+      color: var(--_icon-color);
+    }
+
+    /* Interactive affordances */
+    .badge[role="button"] {
+      cursor: pointer;
+      outline: none;
+      -webkit-tap-highlight-color: transparent;
+    }
+    .badge[role="button"]:focus-visible {
+      box-shadow: var(--sky-focus-ring, 0 0 0 3px
+        color-mix(in srgb, var(--_ring-color), transparent 40%));
+    }
+
+    /* Ring (outline) */
+    .badge.ringed::after {
+      content: "";
+      position: absolute;
+      inset: calc(-1 * var(--_ring-offset));
+      border-radius: inherit;
+      box-shadow: 0 0 0 2px var(--_ring-color);
+      pointer-events: none;
+    }
+
+    .badge[data-placement="top-center"] {
+      transform: translate(
+        calc(-50% + var(--sky-badge-translate-x)),
+        var(--sky-badge-translate-y)
+      );
+    }
+  `}updated(t){t.has("size")&&/^\d+$/.test(this.size)&&(this.size=`${this.size}px`),t.has("position")&&!b.includes(this.position)&&(this.position="default"),t.has("shape")&&!f.includes(this.shape)&&(this.shape="custom"),t.has("placement")&&!u.includes(this.placement)&&(this.placement="custom")}showBadge(){this.show=!0}hideBadge(){this.show=!1}setValue(t){this.value=t}_computeAriaLabel(t){if(this.badgeAriaHidden)return null;if(this.badgeLabel)return this.badgeLabel;if(this.isIcon)return"";if(null==t||""===t)return"Badge";const e=Number(t);return isNaN(e)?`Badge: ${t}`:`Badge count: ${t}`}_computeAnchors(t){if("custom"===t)return{top:"0",right:"0",bottom:"auto",left:"auto"};switch(t){case"top-right":default:return{top:"0",right:"0",bottom:"auto",left:"auto"};case"top-left":return{top:"0",right:"auto",bottom:"auto",left:"0"};case"bottom-left":return{top:"auto",right:"auto",bottom:"0",left:"0"};case"bottom-right":return{top:"auto",right:"0",bottom:"0",left:"auto"};case"top-center":return{top:"0",right:"auto",bottom:"auto",left:"50%"}}}render(){const t=Number(this.value),e=!isNaN(t)&&!this.isIcon,i=this.hideWhenZero&&e&&0===t,o=this.show&&!i,r=this.isIcon?null:e&&this.max>0&&t>this.max?`${this.max}+`:this.value,n=["badge",this.position];this.ring&&n.push("ringed");const l="circle"===this.shape?"50%":"pill"===this.shape?"999px":"var(--sky-badge-radius)",{top:d,right:y,bottom:b,left:f}=this._computeAnchors(this.placement),u={"--_badge-bg":c(this.statusColor),"--_badge-text-color":c(this.textColor),"--_badge-radius":l,"--_badge-size":this.size,"--_icon-size":this.size,"--_icon-color":c(this.iconColor||this.textColor),"--_ring-color":c(this.ringColor),"--_ring-offset":this.ringOffset,"--sky-badge-translate-x":this.offsetX,"--sky-badge-translate-y":this.offsetY,"--_anchor-top":d,"--_anchor-right":y,"--_anchor-bottom":b,"--_anchor-left":f},v=this._computeAriaLabel(r);return a`
+      <div class="container" part="container">
+        <slot></slot>
+        ${p(o,()=>a`
+            <span
+              class=${n.join(" ")}
+              part="badge"
+              style=${h(u)}
+              role=${this.interactive?"button":"status"}
+              aria-live=${this.interactive?"off":"polite"}
+              data-placement=${this.placement}
+              aria-atomic="true"
+              aria-label=${v??s}
+              aria-hidden=${this.badgeAriaHidden?"true":"false"}
+              tabindex=${this.interactive?0:-1}
+              @click=${this._onActivate}
+              @keydown=${this._onKeydown}
+              ${g(this.badgeRef)}
+            >
+              <slot name="badge">
+                ${p(this.isIcon,()=>a`<sky-icon part="icon" icon=${this.value} aria-hidden="true"></sky-icon>`,()=>a`${r}`)}
+              </slot>
+            </span>
+          `)}
+      </div>
+    `}};t([r({type:String,reflect:!0}),e("design:type",String)],v.prototype,"statusColor",void 0),t([r({type:String,reflect:!0}),e("design:type",String)],v.prototype,"textColor",void 0),t([r({type:String,reflect:!0}),e("design:type",String)],v.prototype,"iconColor",void 0),t([r({type:String,reflect:!0}),e("design:type",String)],v.prototype,"position",void 0),t([r({type:String}),e("design:type",String)],v.prototype,"value",void 0),t([r({type:Boolean,reflect:!0}),e("design:type",Object)],v.prototype,"isIcon",void 0),t([r({type:String,reflect:!0}),e("design:type",String)],v.prototype,"size",void 0),t([r({type:String,reflect:!0}),e("design:type",String)],v.prototype,"shape",void 0),t([r({type:Number}),e("design:type",Object)],v.prototype,"max",void 0),t([r({type:Boolean}),e("design:type",Object)],v.prototype,"hideWhenZero",void 0),t([r({type:Boolean,reflect:!0}),e("design:type",Object)],v.prototype,"show",void 0),t([r({type:String}),e("design:type",String)],v.prototype,"offsetX",void 0),t([r({type:String}),e("design:type",String)],v.prototype,"offsetY",void 0),t([r({type:Boolean}),e("design:type",Object)],v.prototype,"ring",void 0),t([r({type:String}),e("design:type",String)],v.prototype,"ringColor",void 0),t([r({type:String}),e("design:type",String)],v.prototype,"ringOffset",void 0),t([r({type:String}),e("design:type",Object)],v.prototype,"badgeLabel",void 0),t([r({type:Boolean}),e("design:type",Object)],v.prototype,"badgeAriaHidden",void 0),t([r({type:Boolean}),e("design:type",Object)],v.prototype,"interactive",void 0),t([r({type:String,reflect:!0}),e("design:type",String)],v.prototype,"placement",void 0),t([n(".badge"),e("design:type",HTMLSpanElement)],v.prototype,"_badgeEl",void 0),v=t([l("sky-badge")],v);export{v as SkyBadge};
+//# sourceMappingURL=sky-badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sky-badge.js","sources":["../../src/sky-badge/sky-badge.ts"],"sourcesContent":[null],"names":["SKY_BADGE_POSITIONS","SKY_BADGE_SHAPES","SKY_BADGE_PLACEMENTS","SkyBadge","LitElement","constructor","this","statusColor","textColor","iconColor","position","value","isIcon","size","shape","max","hideWhenZero","show","offsetX","offsetY","ring","ringColor","ringOffset","badgeLabel","badgeAriaHidden","interactive","placement","badgeRef","createRef","_onActivate","e","dispatchEvent","CustomEvent","detail","originalEvent","bubbles","composed","_onKeydown","key","preventDefault","dependencies","SkyIcon","shadowRootOptions","mode","delegatesFocus","styles","css","updated","changed","has","test","includes","showBadge","hideBadge","setValue","_computeAriaLabel","displayValue","n","Number","isNaN","_computeAnchors","top","right","bottom","left","render","numeric","isNumeric","shouldHideZero","visible","cls","push","computedRadius","badgeStyle","resolveColor","ariaLabel","html","when","join","styleMap","nothing","ref","__decorate","property","type","String","reflect","prototype","Boolean","query","HTMLSpanElement","customElement"],"mappings":"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"}

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

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

package/dist/sky-breadcrumb/index.js

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