@logosphere-ui/core 0.0.0-alpha.11

package/dist/organisms/Chatbot/chatbot.d.ts

@@ -0,0 +1,79 @@
+import { LitElement, type PropertyValues } from "lit";
+import "../../atoms/Button/button";
+import "../../molecules/Input/input";
+import "../../shared/icons/ui-icon";
+type Product = {
+    id: string;
+    name: string;
+};
+export declare class LedsUiChatbot extends LitElement {
+    static styles: import("lit").CSSResult[];
+    private static readonly ICONS;
+    returnUri: string;
+    questionPrompt: string;
+    minimizedIconOnly: boolean;
+    draggable: boolean;
+    resizable: boolean;
+    products: Product[];
+    openInitially: boolean;
+    showFeedbackButtons: boolean;
+    private open;
+    private fullscreen;
+    private messages;
+    private conversationId?;
+    private assertionToken?;
+    private isLoading;
+    private inputText;
+    private selectedProductId;
+    private windowWidth;
+    private windowHeight;
+    private position;
+    private isDragging;
+    private screenWidth;
+    private dragStartPos;
+    private initialPosition;
+    private isResizing;
+    private resizeDirection;
+    private resizeStartWidth;
+    private resizeStartHeight;
+    private chatContainer;
+    private productEl;
+    private onWindowResize;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): Promise<void>;
+    updated(changed: PropertyValues): void;
+    private handleProductUpdate;
+    private updateComboboxItems;
+    private onProductChange;
+    private onToggle;
+    private onClose;
+    private onToggleFullscreen;
+    private onMouseDown;
+    private onMouseMove;
+    private onMouseUp;
+    private startResize;
+    private ensureToken;
+    private postChat;
+    private initConversation;
+    private sendMessage;
+    private addMessage;
+    private handleKeyDown;
+    private onInput;
+    private scrollToBottom;
+    private onCopyMessage;
+    private formatContent;
+    render(): import("lit-html").TemplateResult<1>;
+    private renderOverlay;
+    private renderLauncher;
+    private renderWindow;
+    private renderResizeHandles;
+    private renderHeader;
+    private renderProductSelector;
+    private renderChatArea;
+    private renderMessage;
+    private renderFeedbackButtons;
+    private renderTypingIndicator;
+    private renderInputArea;
+}
+export {};

package/dist/organisms/Chatbot/index.d.ts

@@ -0,0 +1 @@
+export { LedsUiChatbot } from './chatbot';

package/dist/organisms/Combobox/combobox.d.ts

@@ -0,0 +1,49 @@
+import { LitElement } from "lit";
+import "../../atoms/Checkbox";
+import "../../shared/icons/ui-icon";
+type ComboboxItem = Record<string, unknown>;
+export declare class Combobox extends LitElement {
+    static styles: import("lit").CSSResult[];
+    readonly inputId: string;
+    label: string;
+    placeholder: string;
+    required: boolean;
+    readOnly: boolean;
+    multiple: boolean;
+    filterable: boolean;
+    optionLabel: string;
+    optionValue: string;
+    emptyMessage: string;
+    items: ComboboxItem[];
+    size: "default" | "large";
+    private selected;
+    private inputValue;
+    private isOpen;
+    private focusedIndex;
+    private _filteredItems;
+    willUpdate(changed: Map<string, unknown>): void;
+    updated(changed: Map<string, unknown>): void;
+    private _handleOutsideClick;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _closeDropdown;
+    private get _filterDisplayValue();
+    private _focusFilterInput;
+    private _scrollFocusedIntoView;
+    private _handleKeydown;
+    selectedItems(): ComboboxItem[];
+    isSelected(item: ComboboxItem): boolean;
+    private _selectItem;
+    private _removeTag;
+    private _clearSelection;
+    setSelected(value: ComboboxItem[]): void;
+    private _onFilterFocus;
+    private _onFilterInput;
+    private _stopPropagation;
+    private _onTriggerClick;
+    private _renderTagList;
+    private _renderTriggerContent;
+    private _renderDropdown;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/dist/organisms/Combobox/index.d.ts

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

package/dist/organisms/DatePicker/datepicker.d.ts

@@ -0,0 +1,79 @@
+import { LitElement } from "lit";
+import "dayjs/locale/tr";
+import "../../shared/icons/ui-icon";
+export declare class LedsDatePicker extends LitElement {
+    static styles: import("lit").CSSResult[];
+    value: string | null;
+    min: string | null;
+    max: string | null;
+    required: boolean;
+    disabled: boolean;
+    expandFactor: number;
+    placeholder: string;
+    /** Range selection mode — select a start and end date */
+    rangeMode: boolean;
+    disabledDays: number[];
+    /** Pre-selected range start date (YYYY-MM-DD). Only used when rangeMode=true. */
+    rangeStart: string | null;
+    /** Pre-selected range end date (YYYY-MM-DD). Only used when rangeMode=true. */
+    rangeEnd: string | null;
+    /** Callback fired when a single date is selected or cleared. Receives ISO string or null. */
+    onChange?: (value: string | null) => void;
+    /** Callback fired when a complete range is selected. */
+    onRangeChange?: (range: {
+        start: string;
+        end: string;
+    }) => void;
+    private _open;
+    private _cursor;
+    private _popupPos;
+    private _rangeStart;
+    private _rangeEnd;
+    private _hoverDate;
+    private _viewMode;
+    private _hasError;
+    private _errorMsg;
+    private _errorTimer;
+    readonly inputId: string;
+    protected willUpdate(changed: Map<string, unknown>): void;
+    private _outsideClick;
+    private _onScrollOrResize;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _safeDay;
+    private _withinBounds;
+    private _displayValue;
+    private _getYears;
+    private _getHeaderLabel;
+    private _daysInGrid;
+    private _isInRange;
+    private _getHoverPreview;
+    private _getDayClasses;
+    private _emitChange;
+    private _emitRangeChange;
+    private _showInputError;
+    private _clearInputError;
+    private _toggleOpen;
+    private _onInput;
+    private _onKeydown;
+    private _parseAndSetDate;
+    private _select;
+    private _clear;
+    private _today;
+    private _navigatePrevious;
+    private _navigateNext;
+    private _handleHeaderClick;
+    private _selectMonth;
+    private _selectYear;
+    private _keydownGrid;
+    private _recalcPopupPos;
+    private _renderCalendar;
+    private _renderMonthGrid;
+    private _renderYearGrid;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "logosphere-datepicker": LedsDatePicker;
+    }
+}

package/dist/organisms/DatePicker/index.d.ts

@@ -0,0 +1 @@
+export * from './datepicker';

package/dist/organisms/DownloadManager/download-manager.d.ts

@@ -0,0 +1,52 @@
+import { LitElement } from "lit";
+export interface DownloadItem {
+    id: string;
+    url: string;
+    filename: string;
+    size: number;
+    downloaded: number;
+    status: "pending" | "downloading" | "paused" | "completed" | "error";
+    chunks: ChunkInfo[];
+    error?: string;
+    startTime?: number;
+    endTime?: number;
+}
+export interface ChunkInfo {
+    start: number;
+    end: number;
+    downloaded: number;
+    status: "pending" | "downloading" | "completed" | "error";
+}
+export declare class DownloadManager extends LitElement {
+    static styles: import("lit").CSSResult[];
+    chunkSize: number;
+    maxConcurrentDownloads: number;
+    maxConcurrentChunks: number;
+    downloads: DownloadItem[];
+    private isAddingFiles;
+    private activeDownloads;
+    private storageKey;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private setupVisibilityChangeHandler;
+    private loadState;
+    saveState(): void;
+    private getFileSize;
+    createChunks(totalSize: number): ChunkInfo[];
+    private downloadChunk;
+    private downloadFile;
+    pauseDownload(downloadId: string): void;
+    resumeDownload(downloadId: string): void;
+    removeDownload(downloadId: string): void;
+    clearCompleted: () => void;
+    formatBytes(bytes: number): string;
+    formatDuration(ms: number): string;
+    getProgressPercentage(download: DownloadItem): number;
+    private getDownloadSpeed;
+    private getETA;
+    private addDownload;
+    handleAddDownload: (event: Event) => void;
+    private getStatusClass;
+    private getProgressBarClass;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/organisms/DownloadManager/index.d.ts

@@ -0,0 +1 @@
+export * from './download-manager';

package/dist/organisms/Modal/index.d.ts

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

package/dist/organisms/Modal/modal.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from "lit";
+export declare class Modal extends LitElement {
+    static styles: import("lit").CSSResult[];
+    open: boolean;
+    title: string;
+    closeOnEsc: boolean;
+    closeOnBackdrop: boolean;
+    showBack: boolean;
+    showClose: boolean;
+    hasFooterContent: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    openModal(): void;
+    closeModal(): void;
+    private setOpen;
+    private onKeyDown;
+    private onBackdropClick;
+    private checkFooterContent;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/organisms/Tab/index.d.ts

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

package/dist/organisms/Tab/tab.d.ts

@@ -0,0 +1,33 @@
+import { LitElement } from "lit";
+import type { PropertyValues } from "lit";
+export interface TabItem {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: string;
+    disabled?: boolean;
+    content?: string | HTMLElement;
+}
+export declare class LogosphereTab extends LitElement {
+    static styles: import("lit").CSSResult[];
+    tabs: TabItem[];
+    activeTab: string;
+    lazy: boolean;
+    variant: "default" | "card";
+    private _focusedIndex;
+    private _renderedTabs;
+    private tablist?;
+    connectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    private handleTabClick;
+    private handleKeyDown;
+    private scrollTabIntoView;
+    private renderTabButton;
+    private renderTabPanel;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "logosphere-tab": LogosphereTab;
+    }
+}

package/dist/popover-C2p5Pmts.cjs

@@ -0,0 +1,30 @@
+"use strict";const s=require("lit"),o=require("lit/decorators.js"),d=require("@popperjs/core"),c='.popover__wrapper{position:relative;display:inline-block;font-family:var(--font-family-base)}.popover__trigger{display:inline-flex}.popover__panel{position:relative;overflow:visible;z-index:var(--z-index-popover);min-width:240px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-body-bg);box-shadow:var(--shadow-md)}.popover__content{position:relative;z-index:1;background-color:var(--color-body-bg);border-radius:var(--radius-md);overflow:hidden}.popover__content:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background-color:var(--color-body-bg);border-radius:var(--radius-md) var(--radius-md) 0 0;z-index:1;pointer-events:none}.popover__content>*{position:relative;z-index:2}.popover__title{padding:10px var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-body-text)}.popover__body{padding:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-secondary)}.popover__body--with-border{border-top:1px solid var(--color-border)}.popper-arrow{position:absolute;width:12px;height:12px;pointer-events:none;z-index:0}.popper-arrow:before{content:"";position:absolute;inset:0;background:var(--color-border);transform:rotate(45deg)}.popper-arrow:after{content:"";position:absolute;inset:1px;background:var(--color-body-bg);transform:rotate(45deg)}[data-popper]{position:relative;overflow:visible}[data-popper-placement^=bottom]>.popper-arrow{top:-6px;left:50%;transform:translate(-50%,-50%)}[data-popper-placement^=top]>.popper-arrow{bottom:-6px;left:50%;transform:translate(-50%,50%)}[data-popper-placement^=left]>.popper-arrow{right:-6px;top:50%;transform:translate(50%,-50%)}[data-popper-placement^=right]>.popper-arrow{left:-6px;top:50%;transform:translate(-50%,-50%)}';var v=Object.defineProperty,h=Object.getOwnPropertyDescriptor,t=(n,e,r,i)=>{for(var p=i>1?void 0:i?h(e,r):e,a=n.length-1,l;a>=0;a--)(l=n[a])&&(p=(i?l(e,r,p):l(p))||p);return i&&p&&v(e,r,p),p};exports.Popover=class extends s.LitElement{constructor(){super(...arguments),this.title="",this.trigger="click",this.placement="bottom",this.offset=8,this.open=!1,this.closeOnOutsideClick=!0,this.handleDocumentClick=e=>{!this.open||!this.closeOnOutsideClick||e.composedPath().includes(this)||this.setOpen(!1)},this.toggle=e=>{(this.trigger==="click"||this.trigger==="both")&&(e?.stopPropagation(),this.setOpen(!this.open))},this.handleMouseEnter=()=>{(this.trigger==="hover"||this.trigger==="both")&&this.setOpen(!0)},this.handleMouseLeave=()=>{(this.trigger==="hover"||this.trigger==="both")&&this.setOpen(!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleDocumentClick,{capture:!0})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleDocumentClick,{capture:!0}),this.destroyPopper()}updated(e){super.updated(e);const r=e.has("placement"),i=e.has("open")&&this.open;if(e.has("open")&&!this.open){this.destroyPopper();return}(i||r)&&this.open&&this.updatePopper()}setOpen(e){this.open!==e&&(this.open=e,this.dispatchEvent(new CustomEvent(e?"popover-open":"popover-close",{bubbles:!0,composed:!0})))}updatePopper(){if(!this.isConnected||!this.open)return;const e=this.triggerElement,r=this.popperElement;if(!(!e||!r)){if(this.popperInstance){this.popperInstance.setOptions({placement:this.placement,modifiers:this.getPopperModifiers(),strategy:"fixed"}),this.popperInstance.update();return}this.popperInstance=d.createPopper(e,r,{placement:this.placement,strategy:"fixed",modifiers:this.getPopperModifiers()})}}getPopperModifiers(){return[{name:"offset",options:{offset:[0,this.offset]}},{name:"arrow",options:{element:this.popperArrowElement,padding:8}},{name:"preventOverflow",options:{padding:8}},{name:"flip",options:{padding:8}}]}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=void 0)}render(){const e=!!this.title;return s.html`
+      <div
+        class="popover__wrapper"
+        @mouseenter=${this.handleMouseEnter}
+        @mouseleave=${this.handleMouseLeave}
+      >
+        <div class="popover__trigger" part="trigger" @click=${this.toggle}>
+          <slot name="trigger"></slot>
+        </div>
+
+        ${this.open?s.html`
+          <div
+            data-popper
+            class="popover__panel"
+            role="dialog"
+            aria-hidden=${this.open?"false":"true"}
+          >
+            <div data-popper-arrow class="popper-arrow"></div>
+            <div class="popover__content">
+              ${this.title?s.html`
+                <div class="popover__title">${this.title}</div>
+              `:null}
+              <div class="popover__body ${e?"popover__body--with-border":""}">
+                <slot></slot>
+              </div>
+            </div>
+          </div>
+        `:null}
+      </div>
+    `}};exports.Popover.styles=[s.css`${s.unsafeCSS(c)}`];t([o.property({type:String})],exports.Popover.prototype,"title",2);t([o.property({type:String})],exports.Popover.prototype,"trigger",2);t([o.property({type:String})],exports.Popover.prototype,"placement",2);t([o.property({type:Number})],exports.Popover.prototype,"offset",2);t([o.property({type:Boolean,reflect:!0})],exports.Popover.prototype,"open",2);t([o.property({type:Boolean})],exports.Popover.prototype,"closeOnOutsideClick",2);t([o.query('[part="trigger"]')],exports.Popover.prototype,"triggerElement",2);t([o.query("[data-popper]")],exports.Popover.prototype,"popperElement",2);t([o.query("[data-popper-arrow]")],exports.Popover.prototype,"popperArrowElement",2);exports.Popover=t([o.customElement("logosphere-popover")],exports.Popover);

package/dist/popover-CaVOXo_k.js

@@ -0,0 +1,140 @@
+import { unsafeCSS as h, css as v, LitElement as f, html as d } from "lit";
+import { property as i, query as c, customElement as g } from "lit/decorators.js";
+import { createPopper as m } from "@popperjs/core";
+const u = '.popover__wrapper{position:relative;display:inline-block;font-family:var(--font-family-base)}.popover__trigger{display:inline-flex}.popover__panel{position:relative;overflow:visible;z-index:var(--z-index-popover);min-width:240px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-body-bg);box-shadow:var(--shadow-md)}.popover__content{position:relative;z-index:1;background-color:var(--color-body-bg);border-radius:var(--radius-md);overflow:hidden}.popover__content:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background-color:var(--color-body-bg);border-radius:var(--radius-md) var(--radius-md) 0 0;z-index:1;pointer-events:none}.popover__content>*{position:relative;z-index:2}.popover__title{padding:10px var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-body-text)}.popover__body{padding:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-secondary)}.popover__body--with-border{border-top:1px solid var(--color-border)}.popper-arrow{position:absolute;width:12px;height:12px;pointer-events:none;z-index:0}.popper-arrow:before{content:"";position:absolute;inset:0;background:var(--color-border);transform:rotate(45deg)}.popper-arrow:after{content:"";position:absolute;inset:1px;background:var(--color-body-bg);transform:rotate(45deg)}[data-popper]{position:relative;overflow:visible}[data-popper-placement^=bottom]>.popper-arrow{top:-6px;left:50%;transform:translate(-50%,-50%)}[data-popper-placement^=top]>.popper-arrow{bottom:-6px;left:50%;transform:translate(-50%,50%)}[data-popper-placement^=left]>.popper-arrow{right:-6px;top:50%;transform:translate(50%,-50%)}[data-popper-placement^=right]>.popper-arrow{left:-6px;top:50%;transform:translate(-50%,-50%)}';
+var b = Object.defineProperty, y = Object.getOwnPropertyDescriptor, o = (e, r, s, n) => {
+  for (var p = n > 1 ? void 0 : n ? y(r, s) : r, a = e.length - 1, l; a >= 0; a--)
+    (l = e[a]) && (p = (n ? l(r, s, p) : l(p)) || p);
+  return n && p && b(r, s, p), p;
+};
+let t = class extends f {
+  constructor() {
+    super(...arguments), this.title = "", this.trigger = "click", this.placement = "bottom", this.offset = 8, this.open = !1, this.closeOnOutsideClick = !0, this.handleDocumentClick = (e) => {
+      !this.open || !this.closeOnOutsideClick || e.composedPath().includes(this) || this.setOpen(!1);
+    }, this.toggle = (e) => {
+      (this.trigger === "click" || this.trigger === "both") && (e?.stopPropagation(), this.setOpen(!this.open));
+    }, this.handleMouseEnter = () => {
+      (this.trigger === "hover" || this.trigger === "both") && this.setOpen(!0);
+    }, this.handleMouseLeave = () => {
+      (this.trigger === "hover" || this.trigger === "both") && this.setOpen(!1);
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), document.addEventListener("click", this.handleDocumentClick, { capture: !0 });
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), document.removeEventListener("click", this.handleDocumentClick, { capture: !0 }), this.destroyPopper();
+  }
+  updated(e) {
+    super.updated(e);
+    const r = e.has("placement"), s = e.has("open") && this.open;
+    if (e.has("open") && !this.open) {
+      this.destroyPopper();
+      return;
+    }
+    (s || r) && this.open && this.updatePopper();
+  }
+  setOpen(e) {
+    this.open !== e && (this.open = e, this.dispatchEvent(new CustomEvent(e ? "popover-open" : "popover-close", {
+      bubbles: !0,
+      composed: !0
+    })));
+  }
+  updatePopper() {
+    if (!this.isConnected || !this.open) return;
+    const e = this.triggerElement, r = this.popperElement;
+    if (!(!e || !r)) {
+      if (this.popperInstance) {
+        this.popperInstance.setOptions({
+          placement: this.placement,
+          modifiers: this.getPopperModifiers(),
+          strategy: "fixed"
+        }), this.popperInstance.update();
+        return;
+      }
+      this.popperInstance = m(e, r, {
+        placement: this.placement,
+        strategy: "fixed",
+        modifiers: this.getPopperModifiers()
+      });
+    }
+  }
+  getPopperModifiers() {
+    return [
+      { name: "offset", options: { offset: [0, this.offset] } },
+      { name: "arrow", options: { element: this.popperArrowElement, padding: 8 } },
+      { name: "preventOverflow", options: { padding: 8 } },
+      { name: "flip", options: { padding: 8 } }
+    ];
+  }
+  destroyPopper() {
+    this.popperInstance && (this.popperInstance.destroy(), this.popperInstance = void 0);
+  }
+  render() {
+    const e = !!this.title;
+    return d`
+      <div
+        class="popover__wrapper"
+        @mouseenter=${this.handleMouseEnter}
+        @mouseleave=${this.handleMouseLeave}
+      >
+        <div class="popover__trigger" part="trigger" @click=${this.toggle}>
+          <slot name="trigger"></slot>
+        </div>
+
+        ${this.open ? d`
+          <div
+            data-popper
+            class="popover__panel"
+            role="dialog"
+            aria-hidden=${this.open ? "false" : "true"}
+          >
+            <div data-popper-arrow class="popper-arrow"></div>
+            <div class="popover__content">
+              ${this.title ? d`
+                <div class="popover__title">${this.title}</div>
+              ` : null}
+              <div class="popover__body ${e ? "popover__body--with-border" : ""}">
+                <slot></slot>
+              </div>
+            </div>
+          </div>
+        ` : null}
+      </div>
+    `;
+  }
+};
+t.styles = [v`${h(u)}`];
+o([
+  i({ type: String })
+], t.prototype, "title", 2);
+o([
+  i({ type: String })
+], t.prototype, "trigger", 2);
+o([
+  i({ type: String })
+], t.prototype, "placement", 2);
+o([
+  i({ type: Number })
+], t.prototype, "offset", 2);
+o([
+  i({ type: Boolean, reflect: !0 })
+], t.prototype, "open", 2);
+o([
+  i({ type: Boolean })
+], t.prototype, "closeOnOutsideClick", 2);
+o([
+  c('[part="trigger"]')
+], t.prototype, "triggerElement", 2);
+o([
+  c("[data-popper]")
+], t.prototype, "popperElement", 2);
+o([
+  c("[data-popper-arrow]")
+], t.prototype, "popperArrowElement", 2);
+t = o([
+  g("logosphere-popover")
+], t);
+export {
+  t as P
+};

package/dist/popover.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./popover-C2p5Pmts.cjs");Object.defineProperty(exports,"Popover",{enumerable:!0,get:()=>e.Popover});

package/dist/popover.js

@@ -0,0 +1,4 @@
+import { P as e } from "./popover-CaVOXo_k.js";
+export {
+  e as Popover
+};

package/dist/shared/icons/icon-map.d.ts

@@ -0,0 +1 @@
+export declare const icons: Record<string, string>;

package/dist/shared/icons/ui-icon.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+export declare class UiIcon extends LitElement {
+    static properties: {
+        name: {
+            type: StringConstructor;
+        };
+        size: {
+            type: NumberConstructor;
+        };
+    };
+    name: string;
+    size: number;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}