@sky.ui/core 0.0.8 → 0.0.20

package/dist/sky-counter/sky-counter.js

@@ -1,101 +0,0 @@
-import{__decorate as t,__metadata as e}from"tslib";import{css as i,html as s}from"lit";import{property as a,state as n,customElement as r}from"lit/decorators.js";import{ifDefined as o}from"lit/directives/if-defined.js";import{FormControlBase as l}from"../helper/internals/form-control-base.js";import{SkyIcon as h}from"../sky-icon/sky-icon.js";let u=class extends l{constructor(){super(...arguments),this.value=0,this.min=0,this.step=1,this.allowTyping=!1,this.iconDecrease="ion:remove",this.iconIncrease="ion:add",this.showErrors=!1,this.defaultNumber=0,this.invalid=!1,this.validationErrors=[],this.validationActive=!1,this.holdInterval=null,this.holdDelay=150,this.stopHold=()=>{null!==this.holdInterval&&(clearInterval(this.holdInterval),this.holdInterval=null)},this.increase=()=>{if(this.disabled||this.readonly)return;const t=Number.isFinite(this.value)?this.value+this.step:this.min;this.value=this.clamp(t),this.emitChanged(),this.validationActive=!0,this.syncFormValue(),this.syncValidity(),this.reemitNativeEvent("input",new Event("input")),this.reemitNativeEvent("change",new Event("change"))},this.decrease=()=>{if(this.disabled||this.readonly)return;const t=Number.isFinite(this.value)?this.value-this.step:this.min;this.value=this.clamp(t),this.emitChanged(),this.validationActive=!0,this.syncFormValue(),this.syncValidity(),this.reemitNativeEvent("input",new Event("input")),this.reemitNativeEvent("change",new Event("change"))}}static{this.dependencies={"sky-icon":h}}static{this.styles=i`
-    :host { display: inline-block; }
-    :host([disabled]) { opacity: 0.6; pointer-events: none; }
-
-    .container {
-      display: inline-flex;
-      align-items: center;
-      border-radius: var(--sky-radius-secondary);
-      background-color: var(--sky-glass-primary);
-      border: var(--sky-border-primary);
-      overflow: hidden;
-      width: fit-content;
-      box-shadow: var(--sky-box-shadow-primary);
-    }
-
-    sky-icon { display: inline-block; width: 1em; height: 1em; }
-
-    button {
-      background: transparent;
-      color: var(--sky-text-primary);
-      border: 0;
-      padding: 8px;
-      font-size: var(--sky-font-size-md);
-      cursor: pointer;
-      display: flex; align-items: center; justify-content: center;
-      transition: background-color .2s ease, color .2s ease;
-    }
-
-    button:focus-visible{
-      background-color:var(--sky-hover-primary);
-      color: var(--sky-active-primary);
-      outline:none;
-    }
-
-    :host(:invalid) .container{
-      border-color: var(--sky-danger-primary);
-    }
-
-    button:hover { background-color: var(--sky-hover-primary); color: var(--sky-active-primary); }
-    button:disabled { opacity:.6; cursor:not-allowed; pointer-events:none; color: var(--sky-text-tertiary); }
-
-    input {
-      width: 48px;
-      background: transparent;
-      color: var(--sky-text-primary);
-      text-align: center;
-      border: 0; outline: 0;
-      font-size: var(--sky-font-size-md);
-    }
-
-    input[type="number"]{ appearance: textfield; -moz-appearance: textfield; }
-    input[type="number"]::-webkit-outer-spin-button,
-    input[type="number"]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
-
-    input[readonly]{ cursor: default; }
-  `}getFormValue(){if(!this.name||this.disabled)return null;const t=this.value;return Number.isFinite(t)?String(t):""}setValueFromFormState(t){if("string"==typeof t){const e=t.trim();if(""===e)return void(this.value=this.clamp(this.defaultNumber));const i=Number(e);return void(this.value=this.clamp(Number.isFinite(i)?i:this.defaultNumber))}this.value="number"!=typeof t?this.clamp(this.defaultNumber):this.clamp(t)}getValidityAnchor(){return this.shadowRoot?.querySelector("input")??void 0}isEmpty(){return!Number.isFinite(this.value)}getNativeControl(){return this.shadowRoot?.querySelector("input")}validateForForm(){if(!Number.isFinite(this.value))return"";if(this.value<this.min)return`Value must be ≥ ${this.min}.`;if(void 0!==this.max&&this.value>this.max)return`Value must be ≤ ${this.max}.`;if(!(this.step>0))return"Step must be a positive number.";if(this.step>0){const t=Number.isFinite(this.min)?this.min:0,e=(this.value-t)/this.step;if(!(Math.abs(e-Math.round(e))<1e-9))return`Value must align with step ${this.step}.`}return this.invalid=!1,""}onFormReset(){const t=Number(this.defaultValue);this.value=this.clamp(Number.isFinite(t)?t:this.defaultNumber),this.validationErrors=[],this.validationActive=!1,this.invalid=!1}clamp(t){if(!Number.isFinite(t))return t;let e=t;return e<this.min&&(e=this.min),void 0!==this.max&&e>this.max&&(e=this.max),e}firstUpdated(){this.captureDefaultValue(String(this.defaultNumber)),this.syncFormValue(),this.syncValidity()}willUpdate(t){(t.has("min")||t.has("max")||t.has("step"))&&Number.isFinite(this.value)&&(this.value=this.clamp(this.value)),(t.has("value")||t.has("name")||t.has("disabled")||t.has("required")||t.has("min")||t.has("max")||t.has("step"))&&(this.syncFormValue(),this.syncValidity())}startHold(t){this.disabled||this.readonly||(t(),this.stopHold(),this.holdInterval=window.setInterval(t,this.holdDelay))}emitChanged(){this.dispatchEvent(new CustomEvent("value-changed",{detail:{value:this.value},bubbles:!0,composed:!0}))}increment(){this.increase()}decrement(){this.decrease()}setCounterValue(t){this.value=this.clamp(t),this.validationActive=!0,this.emitChanged(),this.syncFormValue(),this.syncValidity(),this.reemitNativeEvent("input",new Event("input")),this.reemitNativeEvent("change",new Event("change"))}onInputChange(t){if(this.disabled||this.readonly||!this.allowTyping)return;const e=t.target.value;if(""===e.trim())this.value=Number.NaN;else{const t=Number(e);this.value=this.clamp(Number.isFinite(t)?t:Number.NaN)}this.validationActive=!0,this.emitChanged(),this.syncFormValue(),this.syncValidity(),this.reemitNativeEvent("input",t),this.reemitNativeEvent("change",t)}reset(){this.value=this.clamp(this.defaultNumber),this.validationErrors=[],this.validationActive=!1,this.syncFormValue(),this.syncValidity(),this.dispatchEvent(new CustomEvent("value-cleared",{detail:{value:this.value},bubbles:!0,composed:!0}))}focus(t){super.focus(t)}render(){const t=this.disabled||this.readonly||Number.isFinite(this.value)&&this.value-this.step<this.min,e=this.disabled||this.readonly||void 0!==this.max&&Number.isFinite(this.value)&&this.value+this.step>this.max,i=Number.isFinite(this.value)?String(this.value):"";return s`
-      <div class="container" part="container">
-        <button
-          part="button button--decrease"
-          aria-label="Decrease"
-          @pointerdown=${()=>this.startHold(this.decrease)}
-          @pointerup=${this.stopHold}
-          @pointerleave=${this.stopHold}
-          @pointercancel=${this.stopHold}
-          ?disabled=${t}
-          type="button"
-        >
-          <sky-icon part="icon icon--decrease" icon="${this.iconDecrease}"></sky-icon>
-        </button>
-
-        <input
-          part="input"
-          type="number"
-          .value=${i}
-          ?disabled=${this.disabled}
-          ?readonly=${!this.allowTyping||this.disabled||this.readonly}
-          min=${this.min}
-          max=${o(this.max)}
-          step=${this.step}
-          @input=${this.onInputChange}
-          aria-valuemin=${this.min}
-          aria-valuemax=${o(this.max)}
-          aria-valuenow=${o(Number.isFinite(this.value)?this.value:void 0)}
-          aria-readonly=${this.readonly}
-        />
-
-        <button
-          part="button button--increase"
-          aria-label="Increase"
-          @pointerdown=${()=>this.startHold(this.increase)}
-          @pointerup=${this.stopHold}
-          @pointerleave=${this.stopHold}
-          @pointercancel=${this.stopHold}
-          ?disabled=${e}
-          type="button"
-        >
-          <sky-icon part="icon icon--increase" icon="${this.iconIncrease}"></sky-icon>
-        </button>
-      </div>
-    `}};t([a({type:Number,reflect:!0}),e("design:type",Object)],u.prototype,"value",void 0),t([a({type:Number,reflect:!0}),e("design:type",Object)],u.prototype,"min",void 0),t([a({type:Number,reflect:!0}),e("design:type",Number)],u.prototype,"max",void 0),t([a({type:Number,reflect:!0}),e("design:type",Object)],u.prototype,"step",void 0),t([a({type:Boolean,reflect:!0}),e("design:type",Object)],u.prototype,"allowTyping",void 0),t([a({type:String,reflect:!0}),e("design:type",Object)],u.prototype,"iconDecrease",void 0),t([a({type:String,reflect:!0}),e("design:type",Object)],u.prototype,"iconIncrease",void 0),t([a({type:Boolean}),e("design:type",Object)],u.prototype,"showErrors",void 0),t([a({type:Number}),e("design:type",Object)],u.prototype,"defaultNumber",void 0),t([a({type:Boolean,reflect:!0}),e("design:type",Object)],u.prototype,"invalid",void 0),t([n(),e("design:type",Array)],u.prototype,"validationErrors",void 0),t([n(),e("design:type",Object)],u.prototype,"validationActive",void 0),u=t([r("sky-counter")],u);export{u as SkyCounter};
-//# sourceMappingURL=sky-counter.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sky-counter.js","sources":["../../src/sky-counter/sky-counter.ts"],"sourcesContent":[null],"names":["SkyCounter","FormControlBase","constructor","this","value","min","step","allowTyping","iconDecrease","iconIncrease","showErrors","defaultNumber","invalid","validationErrors","validationActive","holdInterval","holdDelay","stopHold","clearInterval","increase","disabled","readonly","next","Number","isFinite","clamp","emitChanged","syncFormValue","syncValidity","reemitNativeEvent","Event","decrease","dependencies","SkyIcon","styles","css","getFormValue","name","n","String","setValueFromFormState","state","t","trim","parsed","getValidityAnchor","shadowRoot","querySelector","undefined","isEmpty","getNativeControl","validateForForm","max","base","k","Math","abs","round","onFormReset","defaultValue","v","firstUpdated","captureDefaultValue","willUpdate","changed","has","startHold","action","window","setInterval","dispatchEvent","CustomEvent","detail","bubbles","composed","increment","decrement","setCounterValue","nextValue","onInputChange","e","raw","target","NaN","reset","focus","options","super","render","decDisabled","incDisabled","displayValue","html","ifDefined","__decorate","property","type","reflect","prototype","Boolean","customElement"],"mappings":"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"}

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

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

package/dist/sky-drawer/index.js

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

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

@@ -1,161 +0,0 @@
-import { LitElement } from "lit";
-export type SkyDrawerSide = "left" | "right";
-export type SkyDrawerScope = "viewport" | "parent";
-export type SkyDrawerToggleDetail = {
-    open: boolean;
-};
-export type SkyDrawerOverlayClickDetail = {
-    side: SkyDrawerSide;
-    scope: SkyDrawerScope;
-};
-/**
- * @element sky-drawer
- *
- * @summary Slide-in drawer panel with optional overlay, keyboard dismissal, and viewport/parent scope modes.
- *
- * @status stable
- * @since 1.0.0
- *
- * @documentation https://library.sky-ui.com/components/sidebar
- *
- * @uiVModel open drawer-change
- *
- * @slot - Main content area inside the drawer body.
- * @slot header - Drawer header content (top area).
- * @slot footer - Drawer footer content (bottom area).
- *
- * @csspart overlay - The backdrop overlay element.
- * @csspart panel - The main drawer panel container.
- * @csspart header - Header wrapper inside the drawer.
- * @csspart footer - Footer wrapper inside the drawer.
- * @csspart content - Content/body area inside the drawer.
- *
- * @fires {CustomEvent<SkyDrawerToggleDetail>} drawer-change - Fired whenever drawer open state changes.
- * @fires {CustomEvent<SkyDrawerOverlayClickDetail>} drawer-overlay-click - Fired when user clicks overlay and drawer is dismissable.
- *
- * @property {boolean} open - Whether the drawer is open.
- * @property {SkyDrawerSide} side - Side the drawer slides in from.
- * @property {string} width - Drawer width CSS length.
- * @property {string} height - Drawer height CSS length.
- * @property {string} radius - Drawer panel border radius: token (`none`, `sm`, `md`, `lg`, `full`) or CSS length.
- * @property {boolean} overlay - Shows overlay behind drawer when true.
- * @property {boolean} persistent - Prevents overlay/Escape auto-dismiss.
- * @property {boolean} closeOnEsc - Enables Escape-key dismiss.
- * @property {SkyDrawerScope} scope - Drawer scope: viewport or parent.
- * @property {boolean} separator - Enables separators in slotted header/footer content.
- * @method openDrawer Opens the drawer.
- * @method close Closes the drawer.
- * @method toggle Toggles drawer open state.
- *
- * @Behavior
- * - Slides in from specified side with smooth animation
- * - Supports both viewport-covering and parent-contained modes
- * - Provides overlay with click-to-close (when not persistent)
- * - Handles Escape key dismissal (when not persistent)
- * - Maintains proper stacking context and focus management
- * - **viewport**: Covers entire viewport, fixed positioning, overlay covers entire screen
- * - **parent**: Contained within parent element, absolute positioning, overlay limited to parent bounds
- *
- * @example
- * ```html
- * <sky-drawer open side="right" width="360px" overlay closeonesc>
- *   <div slot="header">Settings</div>
- *   <p>Drawer content here.</p>
- *   <div slot="footer">
- *     <button>Close</button>
- *   </div>
- * </sky-drawer>
- * ```
- * ```vue
- * <template>
- *   <sky-drawer open side="right" width="360px" overlay closeonesc>
- *     <div slot="header">Settings</div>
- *     <p>Drawer content here.</p>
- *     <div slot="footer">
- *       <button>Close</button>
- *     </div>
- *   </sky-drawer>
- * </template>
- * ```
- * ```jsx
- * export default function Demo() {
- *   return (
- *     <sky-drawer open side="right" width="360px" overlay closeonesc>
- *       <div slot="header">Settings</div>
- *       <p>Drawer content here.</p>
- *       <div slot="footer">
- *         <button>Close</button>
- *       </div>
- *     </sky-drawer>
- *   );
- * }
- * ```
- */
-export declare class SkyDrawer extends LitElement {
-    /** @public Whether the drawer is open. */
-    open: boolean;
-    /** @public Which side the drawer slides in from. */
-    side: SkyDrawerSide;
-    /** @public Drawer width (CSS length). */
-    width: string;
-    /** @public Drawer height (CSS length). */
-    height: string;
-    /** @public Drawer border-radius (token or CSS length). */
-    radius: string;
-    /** @public Whether to show an overlay behind the drawer. */
-    overlay: boolean;
-    /** @public Whether the drawer is non-dismissable (requires programmatic closing). */
-    persistent: boolean;
-    /** @public Close on Escape key press. */
-    closeOnEsc: boolean;
-    /** @public Whether drawer covers viewport or is contained within parent. */
-    scope: SkyDrawerScope;
-    /** @public Whether to show separators in header/footer slots. */
-    separator: boolean;
-    static styles: import("lit").CSSResult;
-    /**
-     * Opens the drawer.
-     * @public
-     */
-    openDrawer(): void;
-    /**
-     * Closes the drawer.
-     * @public
-     */
-    close(): void;
-    /**
-     * Toggles the drawer open/closed.
-     * @public
-     */
-    toggle(): void;
-    /** @protected */
-    connectedCallback(): void;
-    /** @protected */
-    disconnectedCallback(): void;
-    /** @protected */
-    protected updated(changed: Map<string, unknown>): void;
-    /**
-     * Applies dimension properties to CSS custom properties.
-     * @private
-     */
-    private _applyDims;
-    /**
-     * Handles keydown events for Escape key closing.
-     * @param e - Keyboard event
-     * @private
-     */
-    private _onKeydown;
-    /**
-     * Handles click events on the drawer overlay.
-     * @private
-     */
-    private _onOverlayClick;
-    /**
-     * Stops event propagation.
-     * @param e - Event to stop
-     * @private
-     */
-    private _stop;
-    /** @protected */
-    render(): import("lit-html").TemplateResult<1>;
-}

package/dist/sky-drawer/sky-drawer.js

@@ -1,175 +0,0 @@
-import{__decorate as e,__metadata as t}from"tslib";import{LitElement as o,css as r,html as s}from"lit";import{property as i,customElement as a}from"lit/decorators.js";import{resolveRadius as n}from"../helper/utils/size-resolver.js";let p=class extends o{constructor(){super(...arguments),this.open=!1,this.side="left",this.width="320px",this.height="100%",this.radius="md",this.overlay=!0,this.persistent=!0,this.closeOnEsc=!1,this.scope="viewport",this.separator=!1,this._onKeydown=e=>{this.open&&"Escape"===e.key&&this.closeOnEsc&&!this.persistent&&this.close()},this._onOverlayClick=()=>{this.persistent||(this.close(),this.dispatchEvent(new CustomEvent("drawer-overlay-click",{detail:{side:this.side,scope:this.scope},bubbles:!0,composed:!0})))}}static{this.styles=r`
-    :host {
-      display: block;
-      pointer-events: none;
-    }
-
-    :host([open]) {
-      pointer-events: auto;
-    }
-
-    :host([scope="viewport"]) {
-      position: fixed;
-      inset: 0;
-      z-index: 1000;
-    }
-
-    :host([scope="parent"]) {
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-    }
-
-    :host([scope="parent"][open]) {
-      z-index: 10;
-    }
-
-    /* Overlay */
-    .overlay {
-      position: absolute;
-      inset: 0;
-      background: var(--sky-overlay-primary);
-      opacity: 0;
-      transition: opacity 0.2s ease;
-    }
-
-    :host([open][overlay]) .overlay {
-      opacity: 1;
-    }
-
-    :host(:not([overlay])) .overlay {
-      display: none;
-    }
-
-    /* Drawer panel */
-    .panel {
-      position: absolute;
-      top: 0;
-      height: var(--_height);
-      width: var(--_width);
-      background: var(--sky-glass-primary);
-      color: var(--sky-text-primary);
-      border-radius: var(--_radius);
-      box-shadow: none;
-      transform: translateX(var(--_tx));
-      transition: transform 0.28s ease;
-      will-change: transform;
-      display: flex;
-      flex-direction: column;
-     
-    }
-
-    .panel::before {
-      content: "";
-      position: absolute;
-      inset: 0;
-      backdrop-filter: var(--sky-blur-primary) var(--sky-saturation-primary) var(--sky-brightness-primary);
-      -webkit-backdrop-filter: var(--sky-blur-primary) var(--sky-saturation-primary) var(--sky-brightness-primary);
-      border-radius: inherit;
-      z-index: -1;
-    }
-
-    :host([side="left"]) .panel {
-      left: 0;
-      border-left: none;
-      border-right: var(--sky-border-primary);
-      --_tx: -100%;
-    }
-
-    :host([side="right"]) .panel {
-      right: 0;
-      border-right: none;
-      border-left: var(--sky-border-primary);
-      --_tx: 100%;
-    }
-
-    :host([open]) .panel {
-      transform: translateX(0);
-    }
-
-    /* Header and footer */
-    .header,
-    .footer {
-      flex: 0 0 auto;
-    }
-
-    ::slotted([slot="header"]) {
-      padding: var(--sky-space-3) var(--sky-space-4);
-      box-sizing: border-box;
-      border-bottom: none;
-    }
-
-    ::slotted([slot="footer"]) {
-      padding: var(--sky-space-3) var(--sky-space-4);
-      box-sizing: border-box;
-      border-top: none;
-    }
-
-    /* Optional per-slot control: put separator on the slotted node itself */
-    ::slotted([slot="header"][separator]) {
-      border-bottom: 1px solid var(--sky-border-light);
-    }
-
-    ::slotted([slot="footer"][separator]) {
-      border-top: 1px solid var(--sky-border-light);
-    }
-
-    .header-content {
-      display: flex;
-      align-items: center;
-    }
-
-    .content {
-      flex: 1 1 auto;
-      overflow: auto;
-      box-sizing: border-box;
-      padding: var(--sky-space-3) var(--sky-space-4);
-    }
-
-    sky-icon {
-      display: inline-block;
-      width: 1em;
-      height: 1em;
-    }
-
-    /* RTL support */
-    :host([dir="rtl"][side="left"]) .panel {
-      left: auto;
-      right: 0;
-      border-left: var(--sky-border-primary);
-      border-right: none;
-      --_tx: 100%;
-    }
-
-    :host([dir="rtl"][side="right"]) .panel {
-      right: auto;
-      left: 0;
-      border-right: var(--sky-border-primary);
-      border-left: none;
-      --_tx: -100%;
-    }
-  `}openDrawer(){this.open=!0}close(){this.open=!1}toggle(){this.open=!this.open}connectedCallback(){super.connectedCallback(),this._applyDims(),window.addEventListener("keydown",this._onKeydown)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keydown",this._onKeydown)}updated(e){(e.has("width")||e.has("height")||e.has("radius"))&&this._applyDims(),e.has("open")&&this.dispatchEvent(new CustomEvent("drawer-change",{detail:{open:this.open},bubbles:!0,composed:!0}))}_applyDims(){this.style.setProperty("--_width",this.width),this.style.setProperty("--_height",this.height),this.style.setProperty("--_radius",n(this.radius))}_stop(e){e.stopPropagation()}render(){return s`
-      <div
-        class="overlay"
-        part="overlay"
-        @click=${this._onOverlayClick}
-        aria-hidden="true"
-      ></div>
-
-      <div class="panel" part="panel" @click=${this._stop}>
-        <div class="header" part="header">
-          <slot name="header"></slot>
-        </div>
-
-        <div class="content" part="content">
-          <slot></slot>
-        </div>
-
-        <div class="footer" part="footer">
-          <slot name="footer"></slot>
-        </div>
-      </div>
-    `}};e([i({type:Boolean,reflect:!0}),t("design:type",Object)],p.prototype,"open",void 0),e([i({type:String,reflect:!0}),t("design:type",String)],p.prototype,"side",void 0),e([i({type:String}),t("design:type",Object)],p.prototype,"width",void 0),e([i({type:String}),t("design:type",Object)],p.prototype,"height",void 0),e([i({type:String}),t("design:type",Object)],p.prototype,"radius",void 0),e([i({type:Boolean,reflect:!0}),t("design:type",Object)],p.prototype,"overlay",void 0),e([i({type:Boolean,reflect:!0}),t("design:type",Object)],p.prototype,"persistent",void 0),e([i({type:Boolean}),t("design:type",Object)],p.prototype,"closeOnEsc",void 0),e([i({type:String,reflect:!0}),t("design:type",String)],p.prototype,"scope",void 0),e([i({type:Boolean}),t("design:type",Object)],p.prototype,"separator",void 0),p=e([a("sky-drawer")],p);export{p as SkyDrawer};
-//# sourceMappingURL=sky-drawer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sky-drawer.js","sources":["../../src/sky-drawer/sky-drawer.ts"],"sourcesContent":[null],"names":["SkyDrawer","LitElement","constructor","this","open","side","width","height","radius","overlay","persistent","closeOnEsc","scope","separator","_onKeydown","e","key","close","_onOverlayClick","dispatchEvent","CustomEvent","detail","bubbles","composed","styles","css","openDrawer","toggle","connectedCallback","super","_applyDims","window","addEventListener","disconnectedCallback","removeEventListener","updated","changed","has","style","setProperty","resolveRadius","_stop","stopPropagation","render","html","__decorate","property","type","Boolean","reflect","prototype","String","customElement"],"mappings":"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"}

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

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

package/dist/sky-dropdown/index.js

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