@sky.ui/core 0.0.8 → 0.0.20

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

@@ -1,254 +0,0 @@
-import { LitElement, PropertyValues } from "lit";
-export type SkyDropdownTrigger = "click" | "hover";
-export type SkyDropdownPlacement = "bottom" | "top" | "left" | "right";
-export type SkyDropdownAlign = "start" | "center" | "end";
-export type SkyDropdownSelectDetail = {
-    value: string;
-    text: string;
-    item: HTMLElement;
-};
-/** Payload for controlled open state (`v-model:open`). */
-export type SkyDropdownOpenChangeDetail = {
-    open: boolean;
-};
-/**
- * @element sky-dropdown
- *
- * @summary Accessible dropdown menu with trigger slot, smart positioning, keyboard navigation, and collision-aware popover behavior.
- *
- * @status stable
- * @since 1.0.0
- *
- * @documentation https://library.sky-ui.com/components/dropdown
- *
- * @uiVModel value dropdown-select detail=value
- * @uiVModel open open-change detail=open
- *
- * @slot trigger - The clickable/hoverable trigger content (e.g., a button).
- * @slot - Default slot for menu content; typically `<sky-dropdown-item>` or any element with `role="menuitem"`.
- *
- * @csspart trigger - Wrapper around the slotted trigger content.
- * @csspart content - The positioned popup container.
- * @csspart content-inner - Scrollable inner wrapper that constrains max height.
- *
- * @fires {CustomEvent<void>} open - Dispatched when the dropdown is opened.
- * @fires {CustomEvent<void>} close - Dispatched when the dropdown is closed.
- * @fires {CustomEvent<SkyDropdownOpenChangeDetail>} open-change - Dispatched whenever open state changes (includes payload for `v-model:open`).
- * @fires {CustomEvent<SkyDropdownSelectDetail>} dropdown-select - Dispatched when an item is activated.
- *
- * @property {SkyDropdownTrigger} trigger - How the dropdown opens.
- * @property {SkyDropdownPlacement} placement - Preferred side; flips if needed.
- * @property {SkyDropdownAlign} align - Alignment relative to trigger edge.
- * @property {boolean} open - Whether the dropdown is open.
- * @property {string} value - Last selected item value from `dropdown-select` (controlled selection mirror). Default: `""`.
- * @property {"auto"|"trigger"|string} width - Popup width strategy or CSS length.
- * @property {boolean} closeOnClick - Close when clicking an item.
- * @property {boolean} closeOnEsc - Close on Escape.
- * @property {number} hoverOpenDelay - Delay in milliseconds before opening on hover.
- * @property {number} hoverCloseDelay - Delay in milliseconds before closing on hover-out.
- * @property {number} offset - Gap in pixels between trigger and popup.
- * @property {boolean} flip - Automatically flip placement when space is limited.
- * @property {number} viewportPadding - Viewport edge padding for collision logic.
- * @property {string} maxHeight - Max height CSS length for popup scroll area.
- * @property {string} animateType - Animation preset used by popover controller.
- * @method toggle Toggles dropdown open state.
- * @method openDropdown Opens dropdown.
- * @method close Closes dropdown.
- * @method focusTrigger Focuses trigger wrapper.
- *
- * @Behavior
- * - Uses `PopoverController` for intelligent positioning and collision detection
- * - Supports both click and hover triggers with configurable delays
- * - Automatically flips placement when insufficient viewport space
- * - Provides keyboard navigation with roving focus
- * - Manages accessibility attributes automatically
- * - **click**: Opens on click, closes on click outside or Escape
- * - **hover**: Opens on mouse enter with delay, closes on mouse leave with delay
- * - Both modes support keyboard interaction (Space/Enter on trigger)
- * - Trigger receives `role="button"`, `aria-expanded`, `aria-controls`
- * - Dropdown uses `role="menu"` for screen readers
- * - Keyboard navigation with Arrow keys, Home, End, Escape
- * - Roving focus within menu items
- * - Proper focus management on open/close
- * - Respects reduced motion preferences
- * - Supports any content with proper ARIA roles
- * - When rendering menu items from an array, use Lit's `repeat()` with a stable key (e.g. item id or index).
- * - Do not remove or replace the trigger slot content while the dropdown is open; positioning relies on the trigger element reference.
- *
- * @example
- * ```html
- * <sky-dropdown trigger="click" placement="bottom" align="start">
- *   <button slot="trigger">Open Menu</button>
- *   <sky-dropdown-item value="a">Alpha</sky-dropdown-item>
- *   <sky-dropdown-item value="b">Beta</sky-dropdown-item>
- *   <sky-dropdown-item value="c" disabled>Gamma (disabled)</sky-dropdown-item>
- * </sky-dropdown>
- * ```
- * ```vue
- * <template>
- *   <sky-dropdown trigger="click" placement="bottom" align="start">
- *     <button slot="trigger">Open Menu</button>
- *     <sky-dropdown-item value="a">Alpha</sky-dropdown-item>
- *     <sky-dropdown-item value="b">Beta</sky-dropdown-item>
- *     <sky-dropdown-item value="c" disabled>Gamma (disabled)</sky-dropdown-item>
- *   </sky-dropdown>
- * </template>
- * ```
- * ```jsx
- * export default function Demo() {
- *   return (
- *     <sky-dropdown trigger="click" placement="bottom" align="start">
- *       <button slot="trigger">Open Menu</button>
- *       <sky-dropdown-item value="a">Alpha</sky-dropdown-item>
- *       <sky-dropdown-item value="b">Beta</sky-dropdown-item>
- *       <sky-dropdown-item value="c" disabled>Gamma (disabled)</sky-dropdown-item>
- *     </sky-dropdown>
- *   );
- * }
- * ```
- */
-export declare class SkyDropdown extends LitElement {
-    /** @public How the dropdown opens. */
-    trigger: SkyDropdownTrigger;
-    /** @public Preferred side; flips if needed. */
-    placement: SkyDropdownPlacement;
-    /** @public Alignment relative to the trigger edge. */
-    align: SkyDropdownAlign;
-    /** @public Whether the dropdown is open. */
-    open: boolean;
-    /** @public Last activated menu value (mirrors `dropdown-select` detail.value). */
-    value: string;
-    /** @public Width of the dropdown. */
-    width: "auto" | "trigger" | string;
-    /** @public Close when clicking an item. */
-    closeOnClick: boolean;
-    /** @public Close on Escape. */
-    closeOnEsc: boolean;
-    /** @public Delay (ms) before opening on hover. */
-    hoverOpenDelay: number;
-    /** @public Delay (ms) before closing after hover-out. */
-    hoverCloseDelay: number;
-    /** @public Gap in px between trigger and dropdown. */
-    offset: number;
-    /** @public Automatically flip to an available side. */
-    flip: boolean;
-    /** @public Padding from viewport edges used by collision logic. */
-    viewportPadding: number;
-    /** @public Max height (CSS length) for the popup's inner scroll area. */
-    maxHeight: string;
-    /** @public Animation preset for open/close transitions. */
-    animateType: string;
-    /** @private Reference to the trigger element. */
-    private _triggerEl;
-    /** @private Reference to the content element. */
-    private _contentEl;
-    /** Non-reactive; hover-close logic only (avoids Lit change-in-update). */
-    private _isHoveringTrigger;
-    /** Non-reactive; hover-close logic only (avoids Lit change-in-update). */
-    private _isHoveringContent;
-    /** @private Timeout ID for opening on hover. */
-    private _openTimeout;
-    /** @private Timeout ID for closing on hover out. */
-    private _closeTimeout;
-    /** @private True after firstUpdated when targets exist. */
-    private _ready;
-    /** @private Guard to avoid open<->controller loop. */
-    private _syncingFromController;
-    /** @private Popover controller instance. */
-    private dropdownPopover;
-    static styles: import("lit").CSSResult;
-    /** Maps `width` prop to a host CSS variable consumed by `.dropdown-content`. */
-    private _applyWidthProp;
-    /** @protected */
-    protected firstUpdated(_changed: PropertyValues): void;
-    /** @protected */
-    updated(changed: PropertyValues): void;
-    /** @protected */
-    connectedCallback(): void;
-    /** @protected */
-    disconnectedCallback(): void;
-    /**
-     * Applies the open state to the popover controller.
-     * @param previousOpen - Previous open state
-     * @private
-     */
-    private _applyOpenToController;
-    /**
-     * Clears all pending timeouts.
-     * @private
-     */
-    private _clearTimeouts;
-    /**
-     * Synchronizes accessibility attributes on the trigger.
-     * @private
-     */
-    private _syncTriggerA11y;
-    /**
-     * Handles mouse enter on trigger for hover mode.
-     * @private
-     */
-    private _onTriggerMouseEnter;
-    /**
-     * Handles mouse leave from trigger for hover mode.
-     * @private
-     */
-    private _onTriggerMouseLeave;
-    /**
-     * Handles mouse enter on content for hover mode.
-     * @private
-     */
-    private _onContentMouseEnter;
-    /**
-     * Handles mouse leave from content for hover mode.
-     * @private
-     */
-    private _onContentMouseLeave;
-    /**
-     * Schedules closing for hover mode.
-     * @private
-     */
-    private _scheduleClose;
-    /**
-     * Toggles the dropdown open/closed.
-     * @public
-     */
-    toggle(): void;
-    /**
-     * Opens the dropdown.
-     * @public
-     */
-    openDropdown(): void;
-    /**
-     * Closes the dropdown.
-     * @public
-     */
-    close(): void;
-    /**
-     * Focuses the dropdown trigger.
-     * @public
-     */
-    focusTrigger(): void;
-    /**
-     * Handles trigger click for click mode.
-     * @param e - Mouse event
-     * @private
-     */
-    private _onTriggerClick;
-    /**
-     * Handles item clicks within the dropdown.
-     * @param e - Click event
-     * @private
-     */
-    private _onItemClick;
-    /** Slotted `sky-dropdown-item` nodes bubble `dropdown-item-click` to this host. */
-    private _onDropdownItemClick;
-    private _resolveItemValue;
-    /**
-     * Activates a dropdown item.
-     * @param item - The item element to activate
-     * @private
-     */
-    private _activateItem;
-    /** @protected */
-    render(): import("lit-html").TemplateResult<1>;
-}

package/dist/sky-dropdown/sky-dropdown.js

@@ -1,61 +0,0 @@
-import{__decorate as t,__metadata as e}from"tslib";import{LitElement as o,css as i,html as r}from"lit";import{property as s,query as n,customElement as p}from"lit/decorators.js";import{PopoverController as d}from"../helper/controllers/popover-controller.js";let h=class extends o{constructor(){super(...arguments),this.trigger="click",this.placement="bottom",this.align="center",this.open=!1,this.value="",this.width="auto",this.closeOnClick=!0,this.closeOnEsc=!0,this.hoverOpenDelay=120,this.hoverCloseDelay=160,this.offset=8,this.flip=!0,this.viewportPadding=8,this.maxHeight="auto",this.animateType="fade",this._isHoveringTrigger=!1,this._isHoveringContent=!1,this._openTimeout=null,this._closeTimeout=null,this._ready=!1,this._syncingFromController=!1,this.dropdownPopover=new d(this,{getAnchor:()=>this._triggerEl,getPopover:()=>this._contentEl,cssVarLeft:"--sky-dd-left",cssVarTop:"--sky-dd-top",cssVarWidth:"--sky-dd-width",getPlacement:()=>this.placement,getAlign:()=>this.align,getGap:()=>this.offset,getPadding:()=>this.viewportPadding,getMatchAnchorWidth:()=>"trigger"===this.width,getFlip:()=>this.flip,getPreset:()=>this.animateType,getCloseOnEscape:()=>this.closeOnEsc,getCloseOnOutside:()=>!0,getRestoreFocusOnClose:()=>!0,maxWidthToViewport:!0,maxWidthMode:"cap",flipOrder:["bottom","top","right","left"],animateReposition:!0,repositionMs:160,sideAttr:"data-side",respectReducedMotion:!0,onOpenChange:t=>{const e=this.open!==t;e&&(this._syncingFromController=!0,this.open=t,this._syncingFromController=!1),e&&(this.dispatchEvent(new CustomEvent(t?"open":"close",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("open-change",{detail:{open:t},bubbles:!0,composed:!0}))),t||(this._isHoveringTrigger=!1,this._isHoveringContent=!1,this._clearTimeouts()),e&&this._syncTriggerA11y()}}),this._onTriggerMouseEnter=()=>{"hover"===this.trigger&&(this._isHoveringTrigger=!0,this._clearTimeouts(),this._openTimeout=window.setTimeout(()=>{this.open||this.openDropdown()},this.hoverOpenDelay))},this._onTriggerMouseLeave=()=>{"hover"===this.trigger&&(this._isHoveringTrigger=!1,this._isHoveringContent||this._scheduleClose())},this._onContentMouseEnter=()=>{"hover"===this.trigger&&(this._isHoveringContent=!0,this._clearTimeouts())},this._onContentMouseLeave=()=>{"hover"===this.trigger&&(this._isHoveringContent=!1,this._isHoveringTrigger||this._scheduleClose())},this._onTriggerClick=t=>{"click"===this.trigger&&(t.stopPropagation(),this.toggle())},this._onItemClick=t=>{const e=t.composedPath().find(t=>t instanceof HTMLElement&&("sky-dropdown-item"===t.tagName.toLowerCase()||"menuitem"===t.role));e&&this._activateItem(e)},this._onDropdownItemClick=t=>{const e=t.composedPath().find(t=>t instanceof HTMLElement&&"sky-dropdown-item"===t.tagName.toLowerCase());e&&this._activateItem(e)}}static{this.styles=i`
-    :host {
-      display: inline-block;
-      position: relative;
-    }
-
-    .dropdown-trigger {
-      cursor: pointer;
-      outline: none;
-    }
-
-    .dropdown-content {
-      position: fixed;
-      left: var(--sky-dd-left, 0px);
-      top: var(--sky-dd-top, 0px);
-      width: var(--dropdown-fixed-width, var(--sky-dd-width, max-content));
-      min-width: var(--dropdown-fixed-width, var(--sky-dd-width, auto));
-      max-width: var(--dropdown-fixed-width, none);
-      background: var(--sky-glass-primary);
-      border: var(--sky-border-primary);
-      border-radius: var(--sky-radius-secondary);
-      box-shadow: var(--sky-box-shadow-primary);
-      padding: 0.25rem;
-      box-sizing: border-box;
-      backdrop-filter: var(--sky-blur-primary) var(--sky-brightness-primary)
-        var(--sky-saturation-primary);
-      outline: none;
-     
-    }
-
-    .dropdown-content-inner {
-      overflow-y: auto;
-      max-height: var(--dropdown-max-h, 320px);
-    }
-  `}_applyWidthProp(){"auto"!==this.width&&"trigger"!==this.width?this.style.setProperty("--dropdown-fixed-width",this.width):this.style.removeProperty("--dropdown-fixed-width")}firstUpdated(t){super.firstUpdated(t),this._ready=!0,this.style.setProperty("--dropdown-max-h",this.maxHeight),this._applyWidthProp(),this.dropdownPopover.refreshTargets(),this._syncTriggerA11y(),this._applyOpenToController(!1)}updated(t){if(super.updated(t),t.has("maxHeight")&&this.style.setProperty("--dropdown-max-h",this.maxHeight),t.has("width")&&this._applyWidthProp(),t.has("trigger")&&(this._isHoveringTrigger=!1,this._isHoveringContent=!1,this._clearTimeouts()),this._ready&&this.open&&(t.has("placement")||t.has("align")||t.has("offset")||t.has("viewportPadding")||t.has("flip")||t.has("width")||t.has("animateType"))&&this.dropdownPopover.refreshTargets(),t.has("open")){const e=Boolean(t.get("open"));this._applyOpenToController(e)}}connectedCallback(){super.connectedCallback(),this.addEventListener("dropdown-item-click",this._onDropdownItemClick)}disconnectedCallback(){this.removeEventListener("dropdown-item-click",this._onDropdownItemClick),super.disconnectedCallback(),this._clearTimeouts();try{this.dropdownPopover.open&&this.dropdownPopover.closePopover("api")}catch{}this._ready=!1}_applyOpenToController(t){this._ready&&(this._syncingFromController||(!this.open||this.dropdownPopover.open?this.open||!t&&!this.dropdownPopover.open||this.dropdownPopover.closePopover("api"):this.dropdownPopover.openPopover()))}_clearTimeouts(){this._openTimeout&&(clearTimeout(this._openTimeout),this._openTimeout=null),this._closeTimeout&&(clearTimeout(this._closeTimeout),this._closeTimeout=null)}_syncTriggerA11y(){const t=this._triggerEl;t&&(t.setAttribute("role","button"),t.setAttribute("aria-expanded",String(this.open)),t.setAttribute("aria-haspopup","menu"),this._contentEl?.id?t.setAttribute("aria-controls",this._contentEl.id):this._contentEl&&(this._contentEl.id||=`sky-dd-${crypto?.randomUUID?.()??Math.random().toString(16).slice(2)}`,t.setAttribute("aria-controls",this._contentEl.id)))}_scheduleClose(){this._clearTimeouts(),this._closeTimeout=window.setTimeout(()=>{!this.open||"hover"!==this.trigger||this._isHoveringTrigger||this._isHoveringContent||this.close()},this.hoverCloseDelay)}toggle(){this.dropdownPopover.open?this.dropdownPopover.closePopover("toggle"):this.dropdownPopover.openPopover()}openDropdown(){this.open=!0}close(){this.open=!1,this._clearTimeouts()}focusTrigger(){this._triggerEl&&this._triggerEl.focus()}_resolveItemValue(t){const e=t,o=e.value?.trim();if(o)return o;const i=t.getAttribute("value")?.trim();return i||(e.label??"").trim()}_activateItem(t){const e=this._resolveItemValue(t);if(t.disabled??!1)return;const o=(t.textContent??"").trim();this.value=e,this.dispatchEvent(new CustomEvent("dropdown-select",{detail:{value:e,text:o,item:t},bubbles:!0,composed:!0})),this.closeOnClick&&this.close()}render(){return r`
-      <div
-        class="dropdown-trigger"
-        part="trigger"
-        @click=${this._onTriggerClick}
-        @mouseenter=${this._onTriggerMouseEnter}
-        @mouseleave=${this._onTriggerMouseLeave}
-      >
-        <slot name="trigger" @slotchange=${this._syncTriggerA11y}></slot>
-      </div>
-
-      <div
-        class="dropdown-content"
-        part="content"
-        popover="manual"
-        role="menu"
-        @toggle=${this.dropdownPopover.onToggle}
-        @click=${this._onItemClick}
-        @mouseenter=${this._onContentMouseEnter}
-        @mouseleave=${this._onContentMouseLeave}
-      >
-        <div class="dropdown-content-inner" part="content-inner">
-          <slot></slot>
-        </div>
-      </div>
-    `}};t([s({type:String,reflect:!0}),e("design:type",String)],h.prototype,"trigger",void 0),t([s({type:String,reflect:!0}),e("design:type",String)],h.prototype,"placement",void 0),t([s({type:String,reflect:!0}),e("design:type",String)],h.prototype,"align",void 0),t([s({type:Boolean,reflect:!0}),e("design:type",Object)],h.prototype,"open",void 0),t([s({type:String}),e("design:type",Object)],h.prototype,"value",void 0),t([s({type:String}),e("design:type",String)],h.prototype,"width",void 0),t([s({type:Boolean}),e("design:type",Object)],h.prototype,"closeOnClick",void 0),t([s({type:Boolean}),e("design:type",Object)],h.prototype,"closeOnEsc",void 0),t([s({type:Number}),e("design:type",Object)],h.prototype,"hoverOpenDelay",void 0),t([s({type:Number}),e("design:type",Object)],h.prototype,"hoverCloseDelay",void 0),t([s({type:Number}),e("design:type",Object)],h.prototype,"offset",void 0),t([s({type:Boolean}),e("design:type",Object)],h.prototype,"flip",void 0),t([s({type:Number}),e("design:type",Object)],h.prototype,"viewportPadding",void 0),t([s({type:String}),e("design:type",Object)],h.prototype,"maxHeight",void 0),t([s({type:String}),e("design:type",String)],h.prototype,"animateType",void 0),t([n(".dropdown-trigger"),e("design:type",HTMLElement)],h.prototype,"_triggerEl",void 0),t([n(".dropdown-content"),e("design:type",HTMLElement)],h.prototype,"_contentEl",void 0),h=t([p("sky-dropdown")],h);export{h as SkyDropdown};
-//# sourceMappingURL=sky-dropdown.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sky-dropdown.js","sources":["../../src/sky-dropdown/sky-dropdown.ts"],"sourcesContent":[null],"names":["SkyDropdown","LitElement","constructor","this","trigger","placement","align","open","value","width","closeOnClick","closeOnEsc","hoverOpenDelay","hoverCloseDelay","offset","flip","viewportPadding","maxHeight","animateType","_isHoveringTrigger","_isHoveringContent","_openTimeout","_closeTimeout","_ready","_syncingFromController","dropdownPopover","PopoverController","getAnchor","_triggerEl","getPopover","_contentEl","cssVarLeft","cssVarTop","cssVarWidth","getPlacement","getAlign","getGap","getPadding","getMatchAnchorWidth","getFlip","getPreset","getCloseOnEscape","getCloseOnOutside","getRestoreFocusOnClose","maxWidthToViewport","maxWidthMode","flipOrder","animateReposition","repositionMs","sideAttr","respectReducedMotion","onOpenChange","openChanged","dispatchEvent","CustomEvent","bubbles","composed","detail","_clearTimeouts","_syncTriggerA11y","_onTriggerMouseEnter","window","setTimeout","openDropdown","_onTriggerMouseLeave","_scheduleClose","_onContentMouseEnter","_onContentMouseLeave","_onTriggerClick","e","stopPropagation","toggle","_onItemClick","item","composedPath","find","n","HTMLElement","tagName","toLowerCase","role","_activateItem","_onDropdownItemClick","styles","css","_applyWidthProp","style","setProperty","removeProperty","firstUpdated","_changed","super","refreshTargets","_applyOpenToController","updated","changed","has","prev","Boolean","get","connectedCallback","addEventListener","disconnectedCallback","removeEventListener","closePopover","previousOpen","openPopover","clearTimeout","t","setAttribute","String","id","crypto","randomUUID","Math","random","toString","slice","close","focusTrigger","focus","_resolveItemValue","withFields","fromProp","trim","fromAttr","getAttribute","label","disabled","text","textContent","render","html","onToggle","__decorate","property","type","reflect","prototype","Number","query","customElement"],"mappings":"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"}

package/dist/sky-dropdown-item/index.d.ts

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

package/dist/sky-dropdown-item/index.js

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

package/dist/sky-dropdown-item/sky-dropdown-item.d.ts

@@ -1,207 +0,0 @@
-import { LitElement } from "lit";
-export type SkyDropdownItemBadgeVariant = "neutral" | "success" | "warning" | "danger";
-export type SkyDropdownItemType = "default" | "success" | "info" | "warning" | "danger" | "active";
-export type SkyDropdownItemSize = "sm" | "md" | "lg";
-export type SkyDropdownItemClickDetail = {
-    label: string;
-    type: SkyDropdownItemType;
-    selected: boolean;
-};
-/**
- * @element sky-dropdown-item
- *
- * @summary Accessible dropdown/menu item with optional icons, description, shortcut, badge, and status variants.
- *
- * @status stable
- * @since 1.0.0
- *
- * @documentation https://library.sky-ui.com/components/dropdown
- * @dependency sky-icon
- *
- * @slot - Default slot for the item label (fallbacks to `label` prop).
- * @slot prefix - Leading icon/content area.
- * @slot description - Secondary line; overrides `description` prop when provided.
- * @slot suffix - Trailing icon/content area (renders near badge/shortcut/meta).
- *
- * @csspart root - The clickable root button-like container.
- * @csspart prefix - Wrapper for the leading icon/content.
- * @csspart content - Wrapper for the text content column.
- * @csspart label - The primary text line.
- * @csspart description - The secondary text line.
- * @csspart right - Trailing container that holds meta/shortcut/badge/suffix.
- * @csspart meta - Trailing meta text.
- * @csspart shortcut - Trailing keyboard shortcut pill.
- * @csspart badge - Trailing badge.
- * @csspart suffix - Wrapper for the trailing icon/content.
- *
- * @cssprop --di-gap - Gap between prefix/content/suffix (default varies by size).
- * @cssprop --di-pad-y - Vertical padding for the root (default varies by size).
- * @cssprop --di-pad-x - Horizontal padding for the root (default `12px`).
- * @cssprop --di-fs - Base font size (default varies by size).
- * @cssprop --di-line - Base line-height (default varies by size).
- * @cssprop --di-radius - Root border radius (default `8px`).
- *
- * @fires {CustomEvent<SkyDropdownItemClickDetail>} dropdown-item-click - Emitted when the item is activated; **detail.selected** matches the **selected** property at emit time (activation does not change **selected**; parent or v-model owns updates).
- *
- * @uiVModel selected dropdown-item-click
- *
- * @property {string} iconL - Icon name for leading icon (`<sky-icon>`).
- * @property {string} iconR - Icon name for trailing icon (`<sky-icon>`).
- * @property {string} label - Primary text; falls back to default slot text.
- * @property {string} description - Secondary text shown below label.
- * @property {string} shortcut - Shortcut hint shown in trailing area.
- * @property {string} badge - Small badge text shown in trailing area.
- * @property {SkyDropdownItemBadgeVariant} badgeVariant - Badge color variant.
- * @property {string} metaRight - Small trailing meta text before shortcut/badge.
- * @property {boolean} disabled - Non-interactive state.
- * @property {boolean} selected - Selected/active visual state.
- * @property {SkyDropdownItemType} type - Visual variant.
- * @property {SkyDropdownItemSize} size - Density preset.
- * @method getLabel Returns the current effective label text.
- * @method activate Programmatically activates the item.
- * @method focusItem Focuses the item root for keyboard navigation.
- *
- * @Behavior
- * - Acts as a menu item within dropdowns, context menus, and navigation lists
- * - Supports rich content with icons, descriptions, shortcuts, and badges
- * - Provides multiple visual variants for different use cases
- * - Manages slot content detection for optimal rendering
- * - Emits **dropdown-item-click** with contextual data (including **detail.selected** for wrapper sync)
- * - **default**: Standard appearance
- * - **success**: Green accent for positive actions
- * - **info**: Blue accent for informational items
- * - **warning**: Orange accent for cautionary items
- * - **danger**: Red accent for destructive actions
- * - **active**: Primary accent for active/selected items
- * - **sm**: Compact for dense interfaces
- * - **md**: Standard size (default)
- * - **lg**: Larger for touch interfaces
- * - Renders as `role="menuitem"` for proper ARIA semantics
- * - Keyboard activation via Enter/Space keys
- * - `tabindex="0"` when enabled, `-1` when disabled
- * - `aria-disabled="true"` for disabled state
- *
- * @example
- * ```html
- * <sky-dropdown-item>
- *   <span slot="prefix">🔔</span>
- *   <span>Notifications</span>
- *   <span slot="description">3 unread messages</span>
- *   <span slot="suffix">⌘N</span>
- * </sky-dropdown-item>
- * ```
- * ```vue
- * <template>
- *   <sky-dropdown-item type="info" badge="3" badge-variant="warning">
- *     <span slot="prefix">🔔</span>
- *     <span>Notifications</span>
- *     <span slot="description">3 unread messages</span>
- *     <span slot="suffix">⌘N</span>
- *   </sky-dropdown-item>
- * </template>
- * ```
- * ```jsx
- * export default function Demo() {
- *   return (
- *     <sky-dropdown-item type="info" badge="3" badge-variant="warning">
- *       <span slot="prefix">🔔</span>
- *       <span>Notifications</span>
- *       <span slot="description">3 unread messages</span>
- *       <span slot="suffix">⌘N</span>
- *     </sky-dropdown-item>
- *   );
- * }
- * ```
- */
-export declare class SkyDropdownItem extends LitElement {
-    static dependencies: Record<string, CustomElementConstructor>;
-    /** @public Icon name for leading icon. */
-    iconL: string;
-    /** @public Icon name for trailing icon. */
-    iconR: string;
-    /** @public Primary text; if omitted, uses default slot text. */
-    label: string;
-    /** @public Stable id emitted by parent `sky-dropdown` on `dropdown-select`. */
-    value: string;
-    /** @public Secondary text; overridden by `description` slot. */
-    description: string;
-    /** @public Keyboard shortcut hint shown on the right. */
-    shortcut: string;
-    /** @public Small pill badge text shown on the right. */
-    badge: string;
-    /** @public Badge color variant. */
-    badgeVariant: SkyDropdownItemBadgeVariant;
-    /** @public Small meta text shown before the shortcut/badge. */
-    metaRight: string;
-    /** @public Non-interactive state; applies `aria-disabled="true"`. */
-    disabled: boolean;
-    /** @public Selected/active visual state. */
-    selected: boolean;
-    /** @public Visual variant. */
-    type: SkyDropdownItemType;
-    /** @public Density preset. */
-    size: SkyDropdownItemSize;
-    /** @private Internal: do we actually have slotted prefix content? */
-    private hasPrefix;
-    /** @private Internal: do we actually have slotted suffix content? */
-    private hasSuffix;
-    /** @private Internal: do we actually have slotted description content? */
-    private hasDescSlot;
-    static styles: import("lit").CSSResult;
-    /** @protected */
-    connectedCallback(): void;
-    /**
-     * Computes the effective label from prop or slot content.
-     * @returns Computed label string
-     * @private
-     */
-    private _computedLabel;
-    /**
-     * Handles item activation via click or keyboard.
-     * @param e - Activation event
-     * @private
-     */
-    private _onActivate;
-    /**
-     * Handles keyboard activation (Enter/Space).
-     * @param e - Keyboard event
-     * @private
-     */
-    private _onKeyDown;
-    /**
-     * Slot change handler for prefix content.
-     * @param e - Slot change event
-     * @private
-     */
-    private _onPrefixChange;
-    /**
-     * Slot change handler for suffix content.
-     * @param e - Slot change event
-     * @private
-     */
-    private _onSuffixChange;
-    /**
-     * Slot change handler for description content.
-     * @param e - Slot change event
-     * @private
-     */
-    private _onDescChange;
-    /**
-     * Gets the current computed label.
-     * @returns Current label
-     * @public
-     */
-    getLabel(): string;
-    /**
-     * Programmatically activates the item (triggers click event).
-     * @public
-     */
-    activate(): void;
-    /**
-     * Focuses the item for keyboard navigation.
-     * @public
-     */
-    focusItem(): void;
-    /** @protected */
-    render(): import("lit-html").TemplateResult<1>;
-}