@logosphere-ui/core 0.0.0-alpha.5 → 0.0.0-alpha.50

package/dist/molecules/Stepper/stepper.d.ts

@@ -0,0 +1,34 @@
+import { LitElement } from "lit";
+import "../../shared/icons/ui-icon";
+export type StepState = "completed" | "current" | "upcoming" | "disabled";
+export type StepperOrientation = "horizontal" | "vertical";
+export interface StepItem {
+    title: string;
+    description?: string;
+    state?: StepState;
+    disabled?: boolean;
+}
+export declare class Stepper extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /** Array of step definitions */
+    steps: StepItem[];
+    /** Index of the currently active step (0-based). Used when steps have no explicit state. */
+    activeStep: number;
+    /** Layout direction */
+    orientation: StepperOrientation;
+    /** Allow clicking on steps to navigate */
+    clickable: boolean;
+    private _resolveState;
+    private _onStepClick;
+    private _onStepKeydown;
+    private _focusStep;
+    private _renderIndicator;
+    private _renderConnector;
+    private _renderStep;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "logosphere-stepper": Stepper;
+    }
+}

package/dist/molecules/Textarea/text-area.d.ts

@@ -15,13 +15,13 @@ export declare class TextArea extends LitElement {
     minlength?: number;
     maxlength?: number;
     rows: number;
+    maxRows: number;
     cols?: number;
     wrap: "soft" | "hard";
     resize: TextareaResize;
     autoResize: boolean;
     size: TextareaSize;
     variant: TextareaVariant;
-    showClear: boolean;
     label: string;
     helper: string;
     error: string;
@@ -29,6 +29,7 @@ export declare class TextArea extends LitElement {
     disabled: boolean;
     readonly: boolean;
     private _internalError;
+    private _charCount;
     get textareaElement(): HTMLTextAreaElement;
     focus(): void;
     blur(): void;
@@ -43,7 +44,9 @@ export declare class TextArea extends LitElement {
     private handleKeyDown;
     private handleKeyUp;
     private handleClear;
-    updated(changedProperties: PropertyValues): void;
     private getResizeClass;
+    firstUpdated(): void;
+    updated(changedProperties: PropertyValues): void;
+    private getWrapClass;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/molecules/TimePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { TimePicker } from "./timepicker.js";
+export type { TimePickerSize, TimePickerVariant } from "./timepicker.js";

package/dist/molecules/TimePicker/timepicker.d.ts

@@ -0,0 +1,62 @@
+import { LitElement } from "lit";
+import "../Input/input.js";
+import "../../shared/icons/ui-icon.js";
+export type TimePickerSize = "default" | "large";
+export type TimePickerVariant = "default" | "subtle";
+export declare class TimePicker extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /** Current value in "HH:MM" format */
+    value: string;
+    label: string;
+    helper: string;
+    error: string;
+    placeholder: string;
+    required: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    size: TimePickerSize;
+    variant: TimePickerVariant;
+    /** Callback fired when the value changes */
+    onChange?: (value: string) => void;
+    private _isOpen;
+    /** Working copies — modified in popup, committed to `value` on confirm */
+    private _hour;
+    private _minute;
+    private _referenceEl?;
+    private _popupEl?;
+    private _popperInstance?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    willUpdate(changed: Map<string, unknown>): void;
+    updated(changed: Map<string, unknown>): void;
+    private _parseValue;
+    private _pad;
+    private _updatePopper;
+    private _destroyPopper;
+    private _showPopover;
+    private _hidePopover;
+    private _handleOutsideClick;
+    private _togglePopup;
+    private _clearValue;
+    private _setNow;
+    private _emit;
+    /** Handles typing inside the masked logosphere-input */
+    private _handleInputChange;
+    /** Handles the clear button click from the internal logosphere-input */
+    private _handleInputClear;
+    private _incrementHour;
+    private _decrementHour;
+    private _incrementMinute;
+    private _decrementMinute;
+    private _syncValue;
+    private _spinInterval?;
+    private _startSpin;
+    private _stopSpin;
+    private _renderPopup;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "logosphere-timepicker": TimePicker;
+    }
+}

package/dist/organisms/Calendar/calendar.d.ts

@@ -0,0 +1,54 @@
+import { LitElement } from "lit";
+import "../../shared/icons/ui-icon";
+export declare class LogosphereCalendar extends LitElement {
+    static styles: import("lit").CSSResult[];
+    value: string | null;
+    min: string | null;
+    max: string | null;
+    disabled: boolean;
+    rangeMode: boolean;
+    disabledDays: number[];
+    rangeStart: string | null;
+    rangeEnd: string | null;
+    closable: boolean;
+    onChange?: (value: string | null) => void;
+    onRangeChange?: (range: {
+        start: string;
+        end: string;
+    }) => void;
+    private _cursor;
+    private _rangeStart;
+    private _rangeEnd;
+    private _hoverDate;
+    private _viewMode;
+    protected willUpdate(changed: Map<string, unknown>): void;
+    focusGrid(): void;
+    private _emitStateChange;
+    private _emitChange;
+    private _emitRangeChange;
+    private _withinBounds;
+    private _getYears;
+    private _getHeaderLabel;
+    private _daysInGrid;
+    private _isInRange;
+    private _getHoverPreview;
+    private _getDayClasses;
+    private _select;
+    private _clear;
+    private _today;
+    private _navigatePrevious;
+    private _navigateNext;
+    private _handleHeaderClick;
+    private _selectMonth;
+    private _selectYear;
+    private _keydownGrid;
+    private _renderCalendar;
+    private _renderMonthGrid;
+    private _renderYearGrid;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "logosphere-calendar": LogosphereCalendar;
+    }
+}

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

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

package/dist/organisms/Calendar/shared.d.ts

@@ -0,0 +1,9 @@
+import dayjs from "dayjs";
+import type { Dayjs } from "dayjs";
+import "dayjs/locale/tr";
+export { dayjs };
+export type { Dayjs };
+export declare const DATE_FORMATS: string[];
+export declare const MONTHS: string[];
+export declare const WEEKDAYS: string[];
+export declare function safeDay(value?: string | null): Dayjs | null;

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

@@ -5,8 +5,9 @@ import "../../shared/icons/ui-icon";
 type Product = {
     id: string;
     name: string;
+    selected?: boolean;
 };
-export declare class LedsUiChatbot extends LitElement {
+export declare class LogosphereChatBot extends LitElement {
     static styles: import("lit").CSSResult[];
     private static readonly ICONS;
     returnUri: string;
@@ -30,6 +31,8 @@ export declare class LedsUiChatbot extends LitElement {
     private position;
     private isDragging;
     private screenWidth;
+    private userAtBottom;
+    private showScrollDown;
     private dragStartPos;
     private initialPosition;
     private isResizing;
@@ -43,6 +46,7 @@ export declare class LedsUiChatbot extends LitElement {
     disconnectedCallback(): void;
     firstUpdated(): Promise<void>;
     updated(changed: PropertyValues): void;
+    private _resolveInitialProduct;
     private handleProductUpdate;
     private updateComboboxItems;
     private onProductChange;
@@ -60,7 +64,12 @@ export declare class LedsUiChatbot extends LitElement {
     private addMessage;
     private handleKeyDown;
     private onInput;
+    private isNearBottom;
+    private onChatScroll;
     private scrollToBottom;
+    private onScrollToBottomClick;
+    private rateMessage;
+    private onRate;
     private onCopyMessage;
     private formatContent;
     render(): import("lit-html").TemplateResult<1>;

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

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

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

@@ -1,26 +1,54 @@
 import { LitElement } from "lit";
+import "../../atoms/Badge/badge";
 import "../../atoms/Checkbox";
+import "../../atoms/FormField/formfield";
 import "../../shared/icons/ui-icon";
 type ComboboxItem = Record<string, unknown>;
+type ComboboxItemRenderer = (item: ComboboxItem, context: {
+    index: number;
+    selected: boolean;
+    focused: boolean;
+    multiple: boolean;
+}) => unknown;
 export declare class Combobox extends LitElement {
     static styles: import("lit").CSSResult[];
     readonly inputId: string;
     label: string;
+    helper: string;
+    error: string;
     placeholder: string;
     required: boolean;
+    disabled: boolean;
     readOnly: boolean;
+    variant: "default" | "subtle";
     multiple: boolean;
     filterable: boolean;
     optionLabel: string;
     optionValue: string;
     emptyMessage: string;
     items: ComboboxItem[];
+    itemRenderer?: ComboboxItemRenderer;
     size: "default" | "large";
+    clearable: boolean;
     private selected;
     private inputValue;
+    private _pendingValue;
+    /**
+     * Primitive seçim değeri — `optionValue` alanı üzerinden items içinde
+     * eşleştirilir; `multiple`'da dizi. `items` henüz yüklenmemişse atama
+     * bekletilir, items gelince uygulanır. Programatik atama event yayınlamaz.
+     */
+    get value(): unknown;
+    set value(v: unknown);
+    private _applyPendingValue;
     private isOpen;
     private focusedIndex;
+    private _referenceElement?;
+    private _formFieldElement?;
+    private _dropdownElement?;
     private _filteredItems;
+    private _filteredGroups;
+    private _popperInstance?;
     willUpdate(changed: Map<string, unknown>): void;
     updated(changed: Map<string, unknown>): void;
     private _handleOutsideClick;
@@ -30,6 +58,8 @@ export declare class Combobox extends LitElement {
     private get _filterDisplayValue();
     private _focusFilterInput;
     private _scrollFocusedIntoView;
+    private _getGroupItems;
+    private _getGroupLabel;
     private _handleKeydown;
     selectedItems(): ComboboxItem[];
     isSelected(item: ComboboxItem): boolean;
@@ -41,9 +71,18 @@ export declare class Combobox extends LitElement {
     private _onFilterInput;
     private _stopPropagation;
     private _onTriggerClick;
+    private _onFieldClick;
+    private _onChevronClick;
     private _renderTagList;
+    private _renderItemContent;
     private _renderTriggerContent;
     private _renderDropdown;
+    private _getPopperModifiers;
+    private _getPopperReferenceElement;
+    private _updatePopper;
+    private _destroyPopper;
+    private _showPopover;
+    private _hidePopover;
     render(): import("lit-html").TemplateResult<1>;
 }
 export {};

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

@@ -1,79 +1,81 @@
 import { LitElement } from "lit";
-import "dayjs/locale/tr";
+import "../../atoms/FormField/formfield.js";
+import "../Calendar/index";
 import "../../shared/icons/ui-icon";
-export declare class LedsDatePicker extends LitElement {
+export type DatePickerSize = "default" | "large";
+export type DatePickerVariant = "default" | "subtle";
+export declare class LogosphereDatePicker extends LitElement {
     static styles: import("lit").CSSResult[];
     value: string | null;
     min: string | null;
     max: string | null;
     required: boolean;
     disabled: boolean;
+    readonly: boolean;
     expandFactor: number;
     placeholder: string;
-    /** Range selection mode — select a start and end date */
+    /** Alanın görünüm formatı (dayjs format string'i). Parse'da da öncelikli denenir. */
+    displayFormat: string;
+    label: string;
+    helper: string;
+    error: string;
+    size: DatePickerSize;
+    variant: DatePickerVariant;
     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 _inputDraft;
+    private _referenceElement?;
+    private _popupElement?;
+    private _inputElement?;
+    private _popperInstance?;
     private _errorTimer;
     readonly inputId: string;
     protected willUpdate(changed: Map<string, unknown>): void;
-    private _outsideClick;
-    private _onScrollOrResize;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private _outsideClick;
     private _safeDay;
+    private _isInputFocused;
     private _withinBounds;
     private _displayValue;
-    private _getYears;
-    private _getHeaderLabel;
-    private _daysInGrid;
-    private _isInRange;
-    private _getHoverPreview;
-    private _getDayClasses;
+    private _inputValue;
     private _emitChange;
     private _emitRangeChange;
     private _showInputError;
     private _clearInputError;
     private _toggleOpen;
+    private _openDropdown;
     private _onInput;
+    private _parseSingleDate;
+    private _parseRangeInput;
     private _onKeydown;
+    private _onBlur;
     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;
+    private _updatePopper;
+    private _getPopperModifiers;
+    private _destroyPopper;
+    private _handleCalendarChange;
+    private _handleCalendarRangeChange;
+    private _handleCalendarStateChange;
+    private _handleSuffixClick;
+    private _handleClearClick;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "logosphere-datepicker": LedsDatePicker;
+        "logosphere-datepicker": LogosphereDatePicker;
     }
 }

package/dist/organisms/Drawer/drawer.d.ts

@@ -0,0 +1,30 @@
+import { LitElement } from "lit";
+import "../../atoms/Button/button";
+import "../../shared/icons/ui-icon";
+export declare class Drawer extends LitElement {
+    static styles: import("lit").CSSResult[];
+    open: boolean;
+    title: string;
+    position: "left" | "right";
+    width: number;
+    closeOnEsc: boolean;
+    containerSelector: string;
+    private _frameStyle;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    openDrawer(): void;
+    closeDrawer(): void;
+    private _setOpen;
+    private _onKeyDown;
+    private _onTriggerClick;
+    private _onCloseClick;
+    private _resolveContainer;
+    private _syncFrame;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "logosphere-drawer": Drawer;
+    }
+}

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

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

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

@@ -0,0 +1,2 @@
+export * from "./leftmenu";
+export * from "./leftmenu-types";

package/dist/organisms/LeftMenu/leftmenu-types.d.ts

@@ -0,0 +1,24 @@
+import type { BadgeSize, BadgeVariant } from "../../atoms/Badge/badge";
+export interface MenuBadge {
+    text: string;
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+    isRound?: boolean;
+}
+export interface LeftMenuItem {
+    id: string;
+    label: string;
+    iconName?: string;
+    badges?: MenuBadge[];
+    active?: boolean;
+    disabled?: boolean;
+    children?: LeftMenuItem[];
+    data?: unknown;
+}
+export interface LeftMenuGroup {
+    id: string;
+    label?: string;
+    items: LeftMenuItem[];
+}
+export type LeftMenuEntry = LeftMenuItem | LeftMenuGroup;
+export declare function isLeftMenuGroup(entry: LeftMenuEntry): entry is LeftMenuGroup;

package/dist/organisms/LeftMenu/leftmenu.d.ts

@@ -0,0 +1,60 @@
+import { LitElement } from "lit";
+import "../../atoms/Button/button";
+import "../../molecules/Input/input";
+import "../../molecules/Popover/popover";
+import "../../shared/icons/ui-icon";
+import "../TreeMenu/tree-menu";
+import { type LeftMenuEntry } from "./leftmenu-types";
+export type { LeftMenuEntry, LeftMenuGroup, LeftMenuItem, MenuBadge } from "./leftmenu-types";
+export declare class LeftMenu extends LitElement {
+    static styles: import("lit").CSSResult[];
+    open: boolean;
+    openWidth: number;
+    storageKey: string;
+    items: LeftMenuEntry[];
+    defaultExpandedIds: string[];
+    leading: boolean;
+    private _expandedIds;
+    private _search;
+    private _searchExpandedIds;
+    private _hasCustomOpen;
+    private _hasCustomClosed;
+    private _closedToggleHover;
+    private _currentOpenWidth;
+    private _resizing;
+    private _isHydratingState;
+    private _resizeStartX;
+    private _resizeStartWidth;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    private _loadPersistedState;
+    private _persistState;
+    private _syncIconSlots;
+    private _onCustomOpenSlotChange;
+    private _onCustomClosedSlotChange;
+    private _allItems;
+    private _renderGroups;
+    private _setSearch;
+    private _handleSearchInput;
+    private _filterItems;
+    private _toggleOpen;
+    private _clampOpenWidth;
+    private _handleClosedToggleMouseEnter;
+    private _handleClosedToggleMouseLeave;
+    private _handleResizePointerDown;
+    private _handleResizePointerMove;
+    private _handleResizePointerUp;
+    private _removeResizeListeners;
+    private _collapseAll;
+    private _effectiveExpandedIds;
+    private _handleTreeToggle;
+    private _handleTreeNodeClick;
+    private _handleTreeItemClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "logosphere-leftmenu": LeftMenu;
+    }
+}

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

@@ -1,21 +1,46 @@
-import { LitElement } from "lit";
+import { LitElement, nothing } from "lit";
+import "../../shared/icons/ui-icon";
+import "../../atoms/Button/button";
+export type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
 export declare class Modal extends LitElement {
     static styles: import("lit").CSSResult[];
     open: boolean;
     title: string;
+    size: ModalSize;
     closeOnEsc: boolean;
     closeOnBackdrop: boolean;
     showBack: boolean;
     showClose: boolean;
-    hasFooterContent: boolean;
+    showIcon: boolean;
+    footer: boolean;
+    okLabel: string;
+    cancelLabel: string;
+    showCancel: boolean;
+    onOk?: () => void;
+    onCancel?: () => void;
+    private hasFooterSlot;
+    private hasHeaderSlot;
+    private dialogElement;
+    private previousActiveElement;
+    private focusableElements;
     connectedCallback(): void;
     disconnectedCallback(): void;
     openModal(): void;
     closeModal(): void;
     private setOpen;
+    private lockBodyScroll;
+    private unlockBodyScroll;
+    private trapFocus;
     private onKeyDown;
+    private handleTabKey;
     private onBackdropClick;
-    private checkFooterContent;
+    private checkSlotContent;
+    private handleOk;
+    private handleCancel;
     updated(changedProperties: Map<string | number | symbol, unknown>): void;
-    render(): import("lit-html").TemplateResult<1>;
+    private get modalId();
+    private get sizeClass();
+    private get showHeader();
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+    private renderFooter;
 }

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

@@ -13,14 +13,26 @@ export declare class LogosphereTab extends LitElement {
     tabs: TabItem[];
     activeTab: string;
     lazy: boolean;
-    variant: "default" | "card";
+    variant: "default" | "card" | "segmented";
     private _focusedIndex;
     private _renderedTabs;
     private tablist?;
+    private _pillInitialized;
+    private _pillResizeObserver?;
     connectedCallback(): void;
+    disconnectedCallback(): void;
     protected willUpdate(changedProperties: PropertyValues): void;
     private handleTabClick;
     private handleKeyDown;
+    protected updated(changedProperties: PropertyValues): void;
+    /**
+     * Observe the tablist so the pill is repositioned whenever the list gains or
+     * changes size — this covers the cases where the first render happens while
+     * the tab is hidden (nested/lazy panels) or before web fonts load, when
+     * layout measurements would otherwise be 0 / stale.
+     */
+    private _ensurePillObserver;
+    private _updateSegmentPill;
     private scrollTabIntoView;
     private renderTabButton;
     private renderTabPanel;

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

@@ -0,0 +1,2 @@
+export * from "./toast";
+export * from "./toast-container";