@sky.ui/core 0.0.8 → 0.0.21

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

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

package/dist/sky-carousel/index.js

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

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

@@ -1,265 +0,0 @@
-import { LitElement } from "lit";
-export type SkyCarouselAxis = "horizontal" | "vertical";
-/**
- * @element sky-carousel
- *
- * @summary Carousel component with auto-slide, swipe gestures, navigation controls, and loading state.
- *
- * @status stable
- * @since 1.0.0
- *
- * @documentation https://library.sky-ui.com/components/carousel
- * @dependency sky-icon
- *
- * @uiVModel currentIndex slide-changed detail=index
- *
- * @slot - Default slot for carousel slides.
- *
- * @csspart slider-container - The container element that holds the slides.
- * @csspart nav-button - The navigation buttons (previous/next).
- * @csspart index-display - The index display (e.g., "1 / 5").
- * @csspart bullet-navigation - The container for the bullet navigation.
- * @csspart loading-overlay - The overlay shown while the carousel is loading.
- * @csspart loading-spinner - The spinner displayed in the loading overlay.
- *
- * @property {number} currentIndex - Current active slide index. Default: `0`.
- * @property {number} slideCount - Total number of slides (auto-calculated). Default: `0`.
- * @property {string} maxWidth - Max width of the carousel container. Default: `"600px"`.
- * @property {boolean} showBullets - Whether to show bullet navigation. Default: `true`.
- * @property {boolean} auto - Whether to enable auto-sliding. Default: `true`.
- * @property {boolean} showIndex - Whether to show index display (e.g., "1 / 5"). Default: `false`.
- * @property {boolean} showButton - Whether to show next/previous navigation buttons. Default: `false`.
- * @property {number} autoSlideInterval - Interval in ms for auto-sliding. Default: `3000`.
- * @property {boolean} isLoading - Show loading overlay/spinner. Default: `false`.
- * @property {number} slidesVisible - Number of slides visible at once. Default: `1`.
- * @property {number} slidesToScroll - Number of slides to scroll per navigation. Default: `1`.
- * @property {boolean} partialVisible - Whether non-active slides are partially visible. Default: `false`.
- * @property {string} slideGap - Gap size between slides. Default: `"0"`.
- * @method updateSlideCount Recomputes the number of assigned slide elements.
- * @method startAutoSlide Starts automatic slide progression when eligible.
- * @method stopAutoSlide Stops automatic slide progression.
- * @method nextSlide Moves to the next slide window.
- * @method prevSlide Moves to the previous slide window.
- * @method setSlide Sets the active slide index and restarts auto-slide timer.
- *
- * @fires {CustomEvent<{ index: number }>} slide-changed - Fired when the active slide index changes.
- *
- * @Behavior
- * - Supports pointer drag/swipe to change slides.
- * - Restarts auto-slide timer when index is explicitly changed via `setSlide`.
- * - Hides controls when slide count does not exceed `slidesVisible`.
- *
- * @example
- * ```html
- * <sky-carousel showbutton showbullets autoslideinterval="4000">
- *   <div>Overview</div>
- *   <div>Performance</div>
- *   <div>Forecast</div>
- * </sky-carousel>
- * ```
- * ```vue
- * <template>
- *   <sky-carousel showbutton showbullets autoslideinterval="4000">
- *     <div>Overview</div>
- *     <div>Performance</div>
- *     <div>Forecast</div>
- *   </sky-carousel>
- * </template>
- * ```
- * ```jsx
- * export default function Demo() {
- *   return (
- *     <sky-carousel showbutton showbullets autoslideinterval="4000">
- *       <div>Overview</div>
- *       <div>Performance</div>
- *       <div>Forecast</div>
- *     </sky-carousel>
- *   );
- * }
- * ```
- */
-export declare class SkyCarousel extends LitElement {
-    static dependencies: Record<string, CustomElementConstructor>;
-    /** Current active slide index. @default 0 */
-    currentIndex: number;
-    /** Total number of slides (auto-calculated). @default 0 */
-    slideCount: number;
-    /** Max width of the carousel container. @default "600px" */
-    maxWidth: string;
-    /** Whether to show bullet navigation. @default true */
-    showBullets: boolean;
-    /** Whether to enable auto-sliding. @default true */
-    auto: boolean;
-    /** Whether to show index display (e.g., "1 / 5"). @default false */
-    showIndex: boolean;
-    /** Whether to show next/previous navigation buttons. @default false */
-    showButton: boolean;
-    /** Interval in ms for auto-sliding. @default 3000 */
-    autoSlideInterval: number;
-    /** Show loading overlay/spinner. @default false */
-    isLoading: boolean;
-    /** Number of slides visible at once. @default 1 */
-    slidesVisible: number;
-    /** Number of slides to scroll per navigation. @default 1 */
-    slidesToScroll: number;
-    /** Whether non-active slides are partially visible. @default false */
-    partialVisible: boolean;
-    /** Gap size between slides. @default "0" */
-    slideGap: string;
-    private isDragging;
-    private startX;
-    private currentX;
-    private autoSlideTimer;
-    static styles: import("lit").CSSResult;
-    /**
-     * Lifecycle callback that is invoked when the custom element is added to the DOM.
-     *
-     * This method performs the following actions:
-     * - Calls the parent class's `connectedCallback` method.
-     * - Updates the slide count for the carousel.
-     * - Sets the maximum width of the carousel if `maxWidth` is defined.
-     * - Starts the automatic slide transition.
-     * - Registers pointer event listeners for drag/swipe interactions.
-     */
-    connectedCallback(): void;
-    /**
-     * Called when the custom element is disconnected from the document's DOM.
-     *
-     * This method performs cleanup by stopping the auto-slide functionality and
-     * removing all pointer event listeners that were previously attached.
-     * It also calls the superclass's `disconnectedCallback` to ensure proper teardown.
-     *
-     * @override
-     */
-    disconnectedCallback(): void;
-    /**
-     * Lifecycle method called before the component updates.
-     *
-     * @param changedProps - A map containing the properties that have changed and their previous values.
-     * @override
-     *
-     * Calls the superclass's `willUpdate` method, then checks if the `autoSlideInterval` property has changed.
-     * If so, it starts the auto-slide functionality by calling `startAutoSlide()`.
-     */
-    willUpdate(changedProps: Map<string | number | symbol, unknown>): void;
-    /**
-     * Handles the pointer down event to initiate dragging.
-     *
-     * Sets the `isDragging` flag to `true` and records the starting X position
-     * of the pointer. Also initializes the current X position for tracking movement.
-     *
-     * @param e - The pointer event containing the X coordinate of the pointer.
-     */
-    private onPointerDown;
-    /**
-     * Handles the pointer move event during a drag operation.
-     *
-     * Updates the `currentX` property with the current horizontal position of the pointer
-     * if a drag is in progress (`isDragging` is true). If not dragging, the function returns early.
-     *
-     * @param e - The pointer event containing the current pointer position.
-     */
-    private onPointerMove;
-    /**
-     * Handles the pointer up event for the carousel.
-     *
-     * Determines if a swipe gesture has occurred based on the horizontal movement
-     * between the pointer down and pointer up events. If the swipe distance exceeds
-     * a defined threshold, it triggers navigation to the previous or next slide.
-     * Resets dragging state and pointer positions after handling the event.
-     *
-     * @remarks
-     * - Swiping right (delta > threshold) navigates to the previous slide.
-     * - Swiping left (delta < -threshold) navigates to the next slide.
-     * - No action is taken if the swipe distance does not exceed the threshold.
-     */
-    private onPointerUp;
-    /**
-     * Updates the `slideCount` property based on the number of elements assigned to the default slot.
-     *
-     * This method queries the shadow DOM for a <slot> element, retrieves its assigned elements,
-     * and sets the `slideCount` to the number of these elements. If the slot is not found,
-     * `slideCount` remains unchanged.
-     */
-    /**
-     * Recomputes slide count from assigned default-slot elements.
-     *
-     * @returns {void}
-     */
-    updateSlideCount(): void;
-    /**
-     * Starts the automatic slide transition for the carousel.
-     *
-     * This method first stops any existing auto-slide timer, then checks if
-     * auto-sliding is enabled (`this.auto`), the interval is greater than zero,
-     * and there are more slides than are currently visible. If all conditions
-     * are met, it sets up a timer to automatically advance to the next slide
-     * at the specified interval (`this.autoSlideInterval`).
-     *
-     * @remarks
-     * - If auto-sliding is already running, it will be restarted.
-     * - The auto-slide will only start if there are enough slides to scroll.
-     */
-    /**
-     * Starts automatic slide progression when eligible.
-     *
-     * @returns {void}
-     */
-    startAutoSlide(): void;
-    /**
-     * Stops the automatic slide transition by clearing the interval timer.
-     * If the auto-slide timer is active, this method will clear it and reset the timer variable to null.
-     */
-    /**
-     * Stops automatic slide progression.
-     *
-     * @returns {void}
-     */
-    stopAutoSlide(): void;
-    /**
-     * Advances the carousel to the next set of slides.
-     *
-     * Calculates the next index based on the current index and the number of slides to scroll.
-     * If the next index exceeds the maximum possible starting index for visible slides,
-     * the carousel wraps around to the beginning (index 0).
-     * Otherwise, it moves to the next calculated index, ensuring it does not exceed the bounds.
-     *
-     * @returns {void}
-     */
-    /**
-     * Moves to the next slide window.
-     *
-     * @returns {void}
-     */
-    nextSlide: () => void;
-    /**
-     * Moves the carousel to the previous set of slides.
-     *
-     * Decrements the `currentIndex` by the number of slides to scroll.
-     * If the new index is less than zero, wraps around to the last visible set of slides.
-     * Otherwise, ensures the index does not go below zero.
-     *
-     * @returns void
-     */
-    /**
-     * Moves to the previous slide window.
-     *
-     * @returns {void}
-     */
-    prevSlide: () => void;
-    /**
-     * Sets the current slide index, ensuring it does not exceed the maximum allowed index
-     * based on the total slide count and the number of visible slides.
-     * Also restarts the auto-slide timer by stopping and starting it.
-     *
-     * @param index - The target slide index to display.
-     */
-    /**
-     * Sets the active slide index and restarts auto-slide timing.
-     *
-     * @param index Target slide index.
-     * @returns {void}
-     */
-    setSlide(index: number): void;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/dist/sky-carousel/sky-carousel.js

@@ -1,211 +0,0 @@
-import{__decorate as t,__metadata as i}from"tslib";import{LitElement as e,css as s,html as r}from"lit";import{property as o,customElement as n}from"lit/decorators.js";import{styleMap as a}from"lit/directives/style-map.js";import{when as l}from"lit/directives/when.js";import{repeat as d}from"lit/directives/repeat.js";import{classMap as p}from"lit/directives/class-map.js";import{SkyIcon as h}from"../sky-icon/sky-icon.js";let c=class extends e{constructor(){super(...arguments),this.currentIndex=0,this.slideCount=0,this.maxWidth="600px",this.showBullets=!0,this.auto=!0,this.showIndex=!1,this.showButton=!1,this.autoSlideInterval=3e3,this.isLoading=!1,this.slidesVisible=1,this.slidesToScroll=1,this.partialVisible=!1,this.slideGap="0",this.isDragging=!1,this.startX=0,this.currentX=0,this.autoSlideTimer=null,this.onPointerDown=t=>{this.isDragging=!0,this.startX=t.clientX,this.currentX=t.clientX},this.onPointerMove=t=>{this.isDragging&&(this.currentX=t.clientX)},this.onPointerUp=()=>{if(!this.isDragging)return;const t=this.currentX-this.startX;t>50?this.prevSlide():t<-50&&this.nextSlide(),this.isDragging=!1,this.startX=0,this.currentX=0},this.nextSlide=()=>{const t=this.currentIndex+this.slidesToScroll,i=t>=this.slideCount-this.slidesVisible+1?0:Math.min(t,this.slideCount-this.slidesVisible);this.currentIndex=i,this.dispatchEvent(new CustomEvent("slide-changed",{detail:{index:this.currentIndex},bubbles:!0,composed:!0}))},this.prevSlide=()=>{const t=this.currentIndex-this.slidesToScroll;this.currentIndex=t<0?this.slideCount-this.slidesVisible:Math.max(t,0),this.dispatchEvent(new CustomEvent("slide-changed",{detail:{index:this.currentIndex},bubbles:!0,composed:!0}))}}static{this.dependencies={"sky-icon":h}}static{this.styles=s`
-    :host {
-      display: block;
-      position: relative;
-      overflow: hidden;
-    }
-
-    .slider-container {
-      display: flex;
-      transition: transform 0.5s ease-in-out;
-      width: 100%;
-    }
-
-    ::slotted(*) {
-      flex: 0 0 calc(100% / var(--slides-visible));
-      padding: 0 calc(var(--slide-gap) / 2);
-      box-sizing: border-box;
-      opacity: 1;
-      transition: opacity 0.3s ease;
-    }
-
-    :host([partial-visible]) ::slotted(*) {
-      opacity: 0.6;
-    }
-
-    :host([partial-visible]) ::slotted(.active) {
-      opacity: 1;
-    }
-
-    .slider-wrapper {
-      position: relative;
-      width: 100%;
-      overflow: hidden;
-    }
-
-    .nav-button {
-      position: absolute;
-      top: 50%;
-      transform: translateY(-50%);
-      background: var(--sky-glass-primary);
-      color: var(--sky-active-primary);
-      border-radius: var(--sky-radius-full);
-      box-shadow: var(--sky-box-shadow-primary);
-      border: var(--sky-border-primary);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 10px;
-      cursor: pointer;
-      z-index: 1;
-      overflow: hidden;
-    }
-
-    .nav-button::before {
-      content: "";
-      position: absolute;
-      inset: 0;
-      backdrop-filter: var(--sky-blur-primary) var(--sky-brightness-primary)
-        var(--sky-saturation-primary);
-      -webkit-backdrop-filter: var(--sky-blur-primary)
-        var(--sky-brightness-primary) var(--sky-saturation-primary);
-      border-radius: inherit;
-      z-index: -1;
-    }
-
-    .prev {
-      left: 10px;
-    }
-
-    .next {
-      right: 10px;
-    }
-
-    .index-display {
-      position: absolute;
-      bottom: 10px;
-      left: 50%;
-      transform: translateX(-50%);
-      font-size: 10px;
-      color: var(--sky-active-primary);
-      background: var(--sky-glass-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);
-      padding: 4px 8px;
-      border: var(--sky-border-primary);
-      border-radius: var(--sky-radius-tertiary);
-    }
-
-    .bullet-navigation {
-      position: absolute;
-      bottom: 20px;
-      left: 50%;
-      transform: translateX(-50%);
-      display: flex;
-      gap: 10px;
-      padding: 5px 10px;
-      border: var(--sky-border-primary);
-      border-radius: var(--sky-radius-full);
-      box-shadow: var(--sky-box-shadow-primary);
-      border: var(--sky-border-primary);
-      background: var(--sky-glass-primary);
-    }
-
-    .bullet-navigation::before {
-      content: "";
-      position: absolute;
-      inset: 0;
-      backdrop-filter: var(--sky-blur-primary) var(--sky-brightness-primary)
-        var(--sky-saturation-primary);
-      -webkit-backdrop-filter: var(--sky-blur-primary)
-        var(--sky-brightness-primary) var(--sky-saturation-primary);
-      border-radius: inherit;
-      z-index: -1;
-    }
-
-    .bullet {
-      width: 8px;
-      height: 8px;
-      border-radius: 50%;
-      background: var(--sky-text-secondary);
-      box-shadow: var(--sky-box-shadow-primary);
-      border: var(--sky-border-primary);
-      cursor: pointer;
-    }
-
-    .bullet.active {
-      background-color: var(--sky-active-primary);
-    }
-
-    .loading-overlay {
-      position: absolute;
-      inset: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      background: var(--sky-overlay-primary);
-      border-radius: inherit;
-      z-index: 2;
-    }
-
-    .loading-spinner {
-      width: 40px;
-      height: 40px;
-      border: 2px solid var(--sky-text-white);
-      border-top-color: var(--sky-active-primary);
-      border-radius: 50%;
-      animation: spin 0.8s linear infinite;
-    }
-
-    @keyframes spin {
-      from {
-        transform: rotate(0deg);
-      }
-      to {
-        transform: rotate(360deg);
-      }
-    }
-
-    .no-select {
-      user-select: none !important;
-      pointer-events: none !important;
-    }
-  `}connectedCallback(){super.connectedCallback(),this.updateSlideCount(),this.maxWidth&&(this.style.maxWidth=this.maxWidth),this.startAutoSlide(),this.addEventListener("pointerdown",this.onPointerDown),this.addEventListener("pointermove",this.onPointerMove),this.addEventListener("pointerup",this.onPointerUp),this.addEventListener("pointerleave",this.onPointerUp)}disconnectedCallback(){super.disconnectedCallback(),this.stopAutoSlide(),this.removeEventListener("pointerdown",this.onPointerDown),this.removeEventListener("pointermove",this.onPointerMove),this.removeEventListener("pointerup",this.onPointerUp),this.removeEventListener("pointerleave",this.onPointerUp)}willUpdate(t){super.willUpdate(t),t.has("autoSlideInterval")&&this.startAutoSlide()}updateSlideCount(){const t=this.shadowRoot?.querySelector("slot");t&&(this.slideCount=t.assignedElements().length)}startAutoSlide(){this.stopAutoSlide(),this.auto&&this.autoSlideInterval>0&&this.slideCount>this.slidesVisible&&(this.autoSlideTimer=setInterval(()=>this.nextSlide(),this.autoSlideInterval))}stopAutoSlide(){this.autoSlideTimer&&(clearInterval(this.autoSlideTimer),this.autoSlideTimer=null)}setSlide(t){this.currentIndex=Math.min(t,this.slideCount-this.slidesVisible),this.stopAutoSlide(),this.startAutoSlide(),this.dispatchEvent(new CustomEvent("slide-changed",{detail:{index:this.currentIndex},bubbles:!0,composed:!0}))}render(){const t=this.closest('[dir="rtl"]')||"rtl"===document.dir?this.currentIndex*(100/this.slidesVisible)+"%":`-${this.currentIndex*(100/this.slidesVisible)}%`,i=Math.ceil((this.slideCount-this.slidesVisible+1)/this.slidesToScroll),e={transform:`translateX(${t})`,...this.partialVisible&&{margin:`0 calc(${this.slideGap} / -2)`,width:`calc(100% + ${this.slideGap})`},"--slides-visible":`${this.slidesVisible}`,"--slide-gap":this.slideGap},s=Array.from({length:i},(t,i)=>i);return r`
-      ${l(this.isLoading,()=>r`<div class="loading-overlay" part="loading-overlay">
-          <div class="loading-spinner" part="loading-spinner"></div>
-        </div>`)}
-      <div class="slider-wrapper" part="slider-wrapper">
-        <div
-          class="slider-container"
-          part="slider-container"
-          style=${a(e)}
-          @slotchange=${this.updateSlideCount}
-        >
-          <slot></slot>
-        </div>
-
-        ${l(this.showButton&&this.slideCount>this.slidesVisible,()=>r`
-            <button
-              class="nav-button prev"
-              part="nav-button nav-button-prev"
-              @click=${this.prevSlide}
-            >
-              <sky-icon icon="ion:chevron-back"></sky-icon>
-            </button>
-            <button
-              class="nav-button next"
-              part="nav-button nav-button-next"
-              @click=${this.nextSlide}
-            >
-              <sky-icon icon="ion:chevron-forward"></sky-icon>
-            </button>
-          `)}
-        ${l(this.showIndex,()=>r`<div class="index-display" part="index-display">
-            ${this.slidesVisible>1?`${this.currentIndex+1}-${Math.min(this.currentIndex+this.slidesVisible,this.slideCount)} / ${this.slideCount}`:`${this.currentIndex+1} / ${this.slideCount}`}
-          </div>`)}
-        ${l(this.showBullets&&this.slideCount>this.slidesVisible,()=>r`
-            <div class="bullet-navigation" part="bullet-navigation">
-              ${d(s,t=>String(t),t=>{const i=this.currentIndex===t*this.slidesToScroll;return r`
-                    <div
-                      class=${p({bullet:!0,active:i})}
-                      part=${i?"bullet bullet-active":"bullet"}
-                      @click=${()=>this.setSlide(t*this.slidesToScroll)}
-                    ></div>
-                  `})}
-            </div>
-          `)}
-      </div>
-    `}};t([o({type:Number,reflect:!0}),i("design:type",Object)],c.prototype,"currentIndex",void 0),t([o({type:Number,reflect:!0}),i("design:type",Object)],c.prototype,"slideCount",void 0),t([o({type:String}),i("design:type",Object)],c.prototype,"maxWidth",void 0),t([o({type:Boolean,reflect:!0}),i("design:type",Object)],c.prototype,"showBullets",void 0),t([o({type:Boolean,reflect:!0}),i("design:type",Object)],c.prototype,"auto",void 0),t([o({type:Boolean,reflect:!0}),i("design:type",Object)],c.prototype,"showIndex",void 0),t([o({type:Boolean,reflect:!0}),i("design:type",Object)],c.prototype,"showButton",void 0),t([o({type:Number}),i("design:type",Object)],c.prototype,"autoSlideInterval",void 0),t([o({type:Boolean,reflect:!0}),i("design:type",Object)],c.prototype,"isLoading",void 0),t([o({type:Number}),i("design:type",Object)],c.prototype,"slidesVisible",void 0),t([o({type:Number}),i("design:type",Object)],c.prototype,"slidesToScroll",void 0),t([o({type:Boolean}),i("design:type",Object)],c.prototype,"partialVisible",void 0),t([o({type:String}),i("design:type",Object)],c.prototype,"slideGap",void 0),c=t([n("sky-carousel")],c);export{c as SkyCarousel};
-//# sourceMappingURL=sky-carousel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sky-carousel.js","sources":["../../src/sky-carousel/sky-carousel.ts"],"sourcesContent":[null],"names":["SkyCarousel","LitElement","constructor","this","currentIndex","slideCount","maxWidth","showBullets","auto","showIndex","showButton","autoSlideInterval","isLoading","slidesVisible","slidesToScroll","partialVisible","slideGap","isDragging","startX","currentX","autoSlideTimer","onPointerDown","e","clientX","onPointerMove","onPointerUp","delta","prevSlide","nextSlide","next","nextIndex","Math","min","dispatchEvent","CustomEvent","detail","index","bubbles","composed","prev","max","dependencies","SkyIcon","styles","css","connectedCallback","super","updateSlideCount","style","startAutoSlide","addEventListener","disconnectedCallback","stopAutoSlide","removeEventListener","willUpdate","changedProps","has","slot","shadowRoot","querySelector","assignedElements","length","setInterval","clearInterval","setSlide","render","translateX","closest","document","dir","bulletCount","ceil","containerStyle","transform","margin","width","bulletIndices","Array","from","_","i","html","when","styleMap","repeat","String","active","classMap","bullet","__decorate","property","type","Number","reflect","prototype","Boolean","customElement"],"mappings":"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"}

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

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

package/dist/sky-counter/index.js

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

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

@@ -1,130 +0,0 @@
-import { PropertyValues } from "lit";
-import { FormControlBase, FormState } from "../helper/internals/form-control-base";
-export type SkyCounterValueChangedDetail = {
-    value: number;
-};
-export type SkyCounterValueClearedDetail = {
-    value: number;
-};
-/**
- * @element sky-counter
- *
- * @summary Numeric counter with increment/decrement controls, optional typing, and form-associated validation.
- *
- * @status stable
- * @since 1.0.0
- *
- * @documentation https://library.sky-ui.com/components/counter
- * @dependency sky-icon
- *
- * @uiVModel value value-changed
- *
- * @slot - Default slot is not used; component renders its own internal structure.
- *
- * @csspart container - The main container element wrapping the entire component
- * @csspart button - Both decrease and increase buttons
- * @csspart button--decrease - The decrease button specifically
- * @csspart button--increase - The increase button specifically
- * @csspart icon - Both decrease and increase icons
- * @csspart icon--decrease - The decrease icon specifically
- * @csspart icon--increase - The increase icon specifically
- * @csspart input - The numeric input field
- *
- * @fires {CustomEvent<SkyCounterValueChangedDetail>} value-changed - Fired whenever the value changes.
- * @fires {CustomEvent<SkyCounterValueClearedDetail>} value-cleared - Fired when `reset()` clears to default.
- * @fires {Event} input - Native-like input event re-emitted from the host.
- * @fires {Event} change - Native-like change event re-emitted from the host.
- *
- * @property {number} value - Current numeric value. May be `NaN` when cleared by typing.
- * @property {number} min - Minimum allowed value.
- * @property {number} max - Optional maximum allowed value.
- * @property {number} step - Increment/decrement step size.
- * @property {boolean} allowTyping - Enables direct typing in the number input.
- * @property {string} iconDecrease - Icon used for the decrease control.
- * @property {string} iconIncrease - Icon used for the increase control.
- * @property {boolean} showErrors - Enables validation error visibility state.
- * @property {number} defaultNumber - Default numeric value used by reset operations.
- * @property {boolean} invalid - Reflects invalid validation state.
- *
- * @method increment Increases value by current `step`.
- * @method decrement Decreases value by current `step`.
- * @method setCounterValue Sets value programmatically after clamping.
- * @method reset Resets value and validation state to defaults.
- *
- * @Behavior
- * - Clamps values to configured min/max and keeps form value synced.
- * - Supports press-and-hold interactions for continuous increment/decrement.
- * - Re-emits `input` and `change` host events for typing-based integrations.
- *
- * @example
- * ```html
- * <sky-counter min="0" max="10" step="2" value="4" allowtyping></sky-counter>
- * ```
- * ```vue
- * <template>
- *   <sky-counter min="0" max="10" step="2" value="4" allowtyping></sky-counter>
- * </template>
- * ```
- * ```jsx
- * export default function Demo() {
- *   return <sky-counter min="0" max="10" step="2" value="4" allowtyping></sky-counter>;
- * }
- * ```
- */
-export declare class SkyCounter extends FormControlBase {
-    static dependencies: Record<string, CustomElementConstructor>;
-    value: number;
-    min: number;
-    max?: number;
-    step: number;
-    allowTyping: boolean;
-    iconDecrease: string;
-    iconIncrease: string;
-    showErrors: boolean;
-    defaultNumber: number;
-    invalid: boolean;
-    validationErrors: string[];
-    validationActive: boolean;
-    private holdInterval;
-    private holdDelay;
-    static styles: import("lit").CSSResult;
-    protected getFormValue(): FormState;
-    protected setValueFromFormState(state: FormState): void;
-    protected getValidityAnchor(): HTMLElement | undefined;
-    protected isEmpty(): boolean;
-    protected getNativeControl(): HTMLElement | null;
-    protected validateForForm(): string;
-    protected onFormReset(): void;
-    private clamp;
-    firstUpdated(): void;
-    willUpdate(changed: PropertyValues): void;
-    private startHold;
-    private stopHold;
-    private emitChanged;
-    private increase;
-    private decrease;
-    /**
-     * Increments the value by the configured step.
-     *
-     * @returns {void}
-     */
-    increment(): void;
-    /**
-     * Decrements the value by the configured step.
-     *
-     * @returns {void}
-     */
-    decrement(): void;
-    /**
-     * Sets the counter value and applies clamping and validity sync.
-     *
-     * @param {number} nextValue - Desired numeric value.
-     * @returns {void}
-     */
-    setCounterValue(nextValue: number): void;
-    private onInputChange;
-    /** public reset like before (non-form reset usage) */
-    reset(): void;
-    focus(options?: FocusOptions): void;
-    render(): import("lit-html").TemplateResult<1>;
-}