@logosphere-ui/core 0.0.0-alpha.33 → 0.0.0-alpha.35

package/dist/molecules/Accordion/accordion.d.ts

@@ -0,0 +1,42 @@
+import { LitElement } from "lit";
+import type { CollapseIconPosition, CollapseBorder, CollapseSize } from "../Collapse/collapse.js";
+import "../Collapse/collapse.js";
+export type { CollapseIconPosition, CollapseBorder, CollapseSize };
+export interface AccordionItem {
+    title: string;
+    content: string;
+    disabled?: boolean;
+}
+export declare class Accordion extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Built-in item list. When provided, renders managed Collapse components.
+     * Leave empty and use the default slot for custom content.
+     */
+    items: AccordionItem[];
+    /** Allow multiple panels to be open simultaneously */
+    multiple: boolean;
+    /** Index(es) of initially open panel(s) */
+    defaultOpen: number | number[];
+    /** Border style applied to each panel */
+    border: CollapseBorder;
+    /** Icon position applied to each panel */
+    iconPosition: CollapseIconPosition;
+    /** Size applied to each panel */
+    size: CollapseSize;
+    private _openSet;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * When consumers slot in their own logosphere-collapse elements, this
+     * handler intercepts the toggle event and enforces single-open behaviour.
+     */
+    private _onSlottedToggle;
+    private _toggle;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "logosphere-accordion": Accordion;
+    }
+}

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

@@ -0,0 +1,2 @@
+export { Accordion } from "./accordion.js";
+export type { AccordionItem } from "./accordion.js";

package/dist/molecules/Collapse/collapse.d.ts

@@ -0,0 +1,42 @@
+import { LitElement } from "lit";
+import "../../shared/icons/ui-icon";
+export type CollapseIconPosition = "left" | "right";
+export type CollapseBorder = "full" | "bottom";
+export type CollapseSize = "default" | "small";
+export declare class Collapse extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /** Header title text */
+    title: string;
+    /** Whether the panel is expanded */
+    expanded: boolean;
+    /** Disabled state — prevents toggling */
+    disabled: boolean;
+    /** Arrow icon position */
+    iconPosition: CollapseIconPosition;
+    /**
+     * Border style:
+     * - "full"   → rounded border around the whole component
+     * - "bottom" → only a bottom border under the header (flat / accordion style)
+     */
+    border: CollapseBorder;
+    /** Size variant */
+    size: CollapseSize;
+    private _inner?;
+    private _body?;
+    private _toggle;
+    private _onKeydown;
+    /**
+     * CLOSING: Called inside willUpdate — BEFORE Lit re-renders — so we can
+     * capture and lock the current height before the CSS class is removed.
+     */
+    private _lockHeightForClose;
+    willUpdate(changed: Map<PropertyKey, unknown>): void;
+    updated(changed: Map<PropertyKey, unknown>): void;
+    private _renderIcon;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "logosphere-collapse": Collapse;
+    }
+}

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

@@ -0,0 +1,2 @@
+export { Collapse } from "./collapse.js";
+export type { CollapseIconPosition, CollapseBorder, CollapseSize } from "./collapse.js";

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/shared/types/button.types.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Shared Button Types
+ * Used by Button, SplitButton, and any other component that needs button-like sizing/theming.
+ */
+export type ButtonVariant = "solid" | "outline" | "text";
+export type ButtonSize = "sm" | "md" | "lg";
+export type ButtonTheme = "primary" | "secondary" | "success" | "danger" | "info" | "warning" | "light" | "dark";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logosphere-ui/core",
-  "version": "0.0.0-alpha.33",
+  "version": "0.0.0-alpha.35",
   "description": "A modern, framework-agnostic UI component library built with Lit and Web Components",
   "type": "module",
   "main": "./dist/index.js",
@@ -91,6 +91,31 @@
       "import": "./dist/combobox.js",
       "require": "./dist/combobox.cjs"
     },
+    "./slider": {
+      "types": "./dist/atoms/Slider/index.d.ts",
+      "import": "./dist/slider.js",
+      "require": "./dist/slider.cjs"
+    },
+    "./stepper": {
+      "types": "./dist/molecules/Stepper/index.d.ts",
+      "import": "./dist/stepper.js",
+      "require": "./dist/stepper.cjs"
+    },
+    "./split-button": {
+      "types": "./dist/molecules/SplitButton/index.d.ts",
+      "import": "./dist/split-button.js",
+      "require": "./dist/split-button.cjs"
+    },
+    "./collapse": {
+      "types": "./dist/molecules/Collapse/index.d.ts",
+      "import": "./dist/collapse.js",
+      "require": "./dist/collapse.cjs"
+    },
+    "./accordion": {
+      "types": "./dist/molecules/Accordion/index.d.ts",
+      "import": "./dist/accordion.js",
+      "require": "./dist/accordion.cjs"
+    },
     "./textarea": {
       "types": "./dist/molecules/Textarea/index.d.ts",
       "import": "./dist/textarea.js",