@logosphere-ui/core 0.0.0-alpha.4 → 0.0.0-alpha.40

package/dist/molecules/InputGroup/input-group.d.ts

@@ -0,0 +1,40 @@
+import { LitElement } from "lit";
+/**
+ * InputGroup — a layout wrapper that connects FormField-based components
+ * (Input, Combobox, Textarea) into a single visual unit by:
+ *
+ *  • Adjusting each child's border-radius via --formfield-border-radius
+ *    (cascades into the child's Shadow DOM through CSS custom property
+ *    inheritance).
+ *
+ *  • Suppressing the shared border between adjacent children via
+ *    --formfield-border-right-width / --formfield-border-left-width
+ *    so there is no double-border.
+ *
+ * Buttons and icon addons are handled via the prefix/suffix slots of
+ * the individual Input/Combobox components — no need to place them here.
+ *
+ * Usage:
+ *   <logosphere-input-group>
+ *     <logosphere-combobox ...></logosphere-combobox>
+ *     <logosphere-input   ...></logosphere-input>
+ *   </logosphere-input-group>
+ */
+export declare class InputGroup extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /** Stretch all children to the same height (default: true) */
+    stretch: boolean;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    private _onSlotChange;
+    private _getChildren;
+    private _onFocusIn;
+    private _onFocusOut;
+    private _applyGroupStyles;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "logosphere-input-group": InputGroup;
+    }
+}

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

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

package/dist/molecules/Pagination/pagination.d.ts

@@ -0,0 +1,60 @@
+import { LitElement } from "lit";
+import "../../shared/icons/ui-icon";
+import "../../organisms/Combobox/combobox";
+export type PaginationVariant = "default" | "prev-next" | "prev-next-inverted" | "prev-next-only" | "number-buttons";
+export interface PageChangeEvent {
+    page: number;
+    pageSize: number;
+    totalPages: number;
+}
+export declare class Pagination extends LitElement {
+    static styles: import("lit").CSSResult[];
+    variant: PaginationVariant;
+    page: number;
+    pageSize: number;
+    total: number;
+    pageSizeOptions: number[];
+    showPageSize: boolean;
+    showTotal: boolean;
+    disabled: boolean;
+    prevLabel: string;
+    nextLabel: string;
+    pageLabel: string;
+    perPageLabel: string;
+    totalLabel: string;
+    private inputValue;
+    private _combobox?;
+    get totalPages(): number;
+    get canGoPrev(): boolean;
+    get canGoNext(): boolean;
+    firstUpdated(): void;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    private updateComboboxSelection;
+    private emitPageChange;
+    private goToPage;
+    private goFirst;
+    private goPrev;
+    private goNext;
+    private goLast;
+    private handleInputChange;
+    private handleInputBlur;
+    private handleInputKeydown;
+    private handlePageSizeChange;
+    private get pageSizeItems();
+    private get selectedPageSizeItem();
+    private getPageNumbers;
+    private renderNavButtons;
+    private renderNavButtonsAfter;
+    private renderPageInput;
+    private renderPrevNextButtons;
+    private renderPageInfo;
+    private renderNumberButtons;
+    private renderPageSizeDropdown;
+    private renderTotalInfo;
+    private renderDefault;
+    private renderPrevNext;
+    private renderPrevNextInverted;
+    private renderPrevNextOnly;
+    private renderNumberButtonsVariant;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/molecules/Popover/popover.d.ts

@@ -9,6 +9,7 @@ export declare class Popover extends LitElement {
     offset: number;
     open: boolean;
     closeOnOutsideClick: boolean;
+    noArrow: boolean;
     private triggerElement;
     private popperElement?;
     private popperArrowElement?;

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

@@ -0,0 +1,2 @@
+export { SplitButton } from "./split-button.js";
+export type { ButtonSize, ButtonTheme } from "./split-button.js";

package/dist/molecules/SplitButton/split-button.d.ts

@@ -0,0 +1,53 @@
+import { LitElement } from "lit";
+import type { ButtonSize, ButtonTheme } from "../../shared/types/button.types.js";
+import "../../shared/icons/ui-icon";
+export type { ButtonSize, ButtonTheme };
+export interface SplitButtonItem {
+    label: string;
+    value: string;
+    icon?: string;
+    disabled?: boolean;
+    /** Renders a separator line BEFORE this item */
+    divider?: boolean;
+}
+export declare class SplitButton extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /** Main action button label */
+    label: string;
+    /** Size — shared with Button */
+    size: ButtonSize;
+    /** Color theme — shared with Button */
+    theme: ButtonTheme;
+    /** Disable the entire component */
+    disabled: boolean;
+    /** Disable only the dropdown arrow, leaving the main action active */
+    dropdownDisabled: boolean;
+    /**
+     * Built-in item list. When provided, SplitButton renders its own dropdown.
+     * If omitted, consumers should use slot="dropdown" for custom content.
+     */
+    items: SplitButtonItem[];
+    private _open;
+    private _dropdownBtn;
+    private _panel?;
+    private _popper?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private _initPopper;
+    private _destroyPopper;
+    private _onDocClick;
+    private _onDocKeydown;
+    private _setOpen;
+    private _onActionClick;
+    private _onDropdownClick;
+    private _onItemClick;
+    private _onKeydown;
+    private _renderPanel;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "logosphere-split-button": SplitButton;
+    }
+}

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

@@ -0,0 +1,2 @@
+export { Stepper } from "./stepper.js";
+export type { StepItem, StepState, StepperOrientation } from "./stepper.js";

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-item";

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

@@ -0,0 +1,14 @@
+import { LitElement } from "lit";
+export declare class LeftMenuItemElement extends LitElement {
+    itemId: string;
+    label: string;
+    disabled: boolean;
+    active: boolean;
+    onClick?: (item: LeftMenuItemElement) => void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "leftmenu-item": LeftMenuItemElement;
+    }
+}