@semantic-components/ui 0.40.0 → 0.41.0

package/lib/components/scroll-area/flexible-scroll-area.component.d.ts

@@ -2,10 +2,10 @@ import { AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class FlexibleScrollAreaComponent implements OnInit, OnDestroy, AfterViewInit {
     orientation: 'vertical' | 'horizontal';
-    height: string;
-    width: string;
-    showNavButtons: boolean;
-    viewportRef: ElementRef<HTMLDivElement>;
+    readonly height: import("@angular/core").InputSignal<string>;
+    readonly width: import("@angular/core").InputSignal<string>;
+    readonly showNavButtons: import("@angular/core").InputSignal<boolean>;
+    readonly viewportRef: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
     isScrolling: boolean;
     isHovering: boolean;
     isDragging: boolean;
@@ -29,5 +29,5 @@ export declare class FlexibleScrollAreaComponent implements OnInit, OnDestroy, A
     scrollPrev(): void;
     scrollNext(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FlexibleScrollAreaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FlexibleScrollAreaComponent, "sc-flexible-scroll-area", never, { "orientation": { "alias": "orientation"; "required": false; }; "height": { "alias": "height"; "required": false; }; "width": { "alias": "width"; "required": false; }; "showNavButtons": { "alias": "showNavButtons"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FlexibleScrollAreaComponent, "sc-flexible-scroll-area", never, { "orientation": { "alias": "orientation"; "required": false; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "showNavButtons": { "alias": "showNavButtons"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/scroll-area/horizontal-scroll-area.component.d.ts

@@ -1,8 +1,8 @@
 import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class HorizontalScrollAreaComponent implements OnDestroy, AfterViewInit {
-    viewportRef: ElementRef<HTMLDivElement>;
-    thumbRef: ElementRef<HTMLDivElement>;
+    readonly viewportRef: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
+    readonly thumbRef: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
     isScrolling: boolean;
     isHovering: boolean;
     isDragging: boolean;

package/lib/components/scroll-area/hover-scrollbar.component.d.ts

@@ -1,14 +1,14 @@
 import { AfterViewInit, ElementRef, OnChanges, SimpleChanges } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class HoverScrollbarComponent implements AfterViewInit, OnChanges {
-    width: number;
-    height: number;
-    border: boolean;
-    contentContainer: ElementRef;
+    readonly width: import("@angular/core").InputSignal<number>;
+    readonly height: import("@angular/core").InputSignal<number>;
+    readonly border: import("@angular/core").InputSignal<boolean>;
+    readonly contentContainer: import("@angular/core").Signal<ElementRef<any>>;
     isScrollable: boolean;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     checkIfScrollable(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HoverScrollbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HoverScrollbarComponent, "sc-hover-scrollbar", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "border": { "alias": "border"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HoverScrollbarComponent, "sc-hover-scrollbar", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/scroll-area/scroll-area.component.d.ts

@@ -1,8 +1,8 @@
 import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ScrollAreaComponent implements OnDestroy, AfterViewInit {
-    viewportRef: ElementRef<HTMLDivElement>;
-    thumbRef: ElementRef<HTMLDivElement>;
+    readonly viewportRef: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
+    readonly thumbRef: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
     isScrolling: boolean;
     isHovering: boolean;
     isDragging: boolean;

package/lib/components/scroll-spy/scroll-spy.d.ts

@@ -1,11 +1,10 @@
-import { ElementRef, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ScScrollSpy implements OnInit {
     private readonly el;
     readonly spySections: import("@angular/core").InputSignal<string[]>;
     readonly sectionChange: import("@angular/core").OutputEmitterRef<string>;
     private observer;
-    constructor(el: ElementRef);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScScrollSpy, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ScScrollSpy, "[scScrollSpy]", never, { "spySections": { "alias": "spySections"; "required": false; "isSignal": true; }; }, { "sectionChange": "sectionChange"; }, never, never, true, never>;

package/lib/components/scroll-to-top/scroll-to-top.d.ts

@@ -1,5 +1,3 @@
-import { Overlay } from '@angular/cdk/overlay';
-import { Injector } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ScScrollToTop {
     private readonly overlay;
@@ -8,7 +6,6 @@ export declare class ScScrollToTop {
     private overlayRef;
     private componentRef;
     private readonly scrollThreshold;
-    constructor(overlay: Overlay, injector: Injector);
     init(): void;
     private show;
     private hide;

package/lib/components/sheet/index.d.ts

@@ -1,4 +1,4 @@
 export * from './sheet';
 export * from './sheet-config';
-export * from './sheet-trigger';
+export * from './sheet-manager';
 export * from './sheet-close';

package/lib/components/sheet/sheet-close.d.ts

@@ -1,6 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class ScSheetClose {
-    private readonly scSheetTrigger;
+    private readonly scSheetManager;
+    readonly state: import("@angular/core").Signal<"open" | "closed">;
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
     protected close(): void;

package/lib/components/sheet/{sheet-trigger.d.ts → sheet-manager.d.ts}

@@ -1,16 +1,17 @@
 import { TemplateRef } from '@angular/core';
 import { ScSheetConfig } from './sheet-config';
 import * as i0 from "@angular/core";
-export declare class ScSheetTrigger {
+export declare class ScSheetManager {
     private readonly overlayContainer;
     private readonly overlay;
     private overlayRef;
+    readonly isOpen: import("@angular/core").WritableSignal<boolean>;
     readonly state: import("@angular/core").WritableSignal<"open" | "closed">;
     readonly side: import("@angular/core").WritableSignal<"left" | "right" | "top" | "bottom">;
     constructor();
     open(templateRef: TemplateRef<unknown>, config: ScSheetConfig): void;
     close(): void;
     private getOverlayConfig;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScSheetTrigger, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ScSheetTrigger>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScSheetManager, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ScSheetManager>;
 }

package/lib/components/sheet/sheet.d.ts

@@ -5,11 +5,12 @@ declare const sheetVariants: (props?: ({
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export type SheetVariants = VariantProps<typeof sheetVariants>;
 export declare class ScSheet {
-    private readonly scSheetTrigger;
+    private readonly scSheetManager;
     readonly state: import("@angular/core").Signal<"open" | "closed">;
     readonly side: import("@angular/core").Signal<"left" | "right" | "top" | "bottom">;
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
+    protected handleAnimationEnd(event: AnimationEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSheet, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ScSheet, "div[sc-sheet]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/skeleton/skeleton.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class ScSkeleton {
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSkeleton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSkeleton, "div[sc-skeleton]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSkeleton, "sc-skeleton", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/slider/slider.d.ts

@@ -10,5 +10,5 @@ export declare class ScSlider {
     constructor();
     protected handleInput(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSlider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSlider, "input[sc-slider]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": true; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSlider, "input[sc-slider]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
 }

package/lib/components/switch/switch.d.ts

@@ -9,6 +9,7 @@ export declare class ScSwitch {
     readonly checkedChange: import("@angular/core").OutputEmitterRef<boolean>;
     readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     protected readonly disabled: import("@angular/core").WritableSignal<boolean>;
+    readonly type: import("@angular/core").InputSignal<"checkbox">;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSwitch, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSwitch, "input[sc-switch]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "idInput": { "alias": "id"; "required": false; "isSignal": true; }; "checkedInput": { "alias": "checked"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSwitch, "input[sc-switch]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "idInput": { "alias": "id"; "required": false; "isSignal": true; }; "checkedInput": { "alias": "checked"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; }, never, ["*"], true, never>;
 }

package/lib/components/table-of-contents/table-of-contents.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
+import { AfterViewInit, OnDestroy } from '@angular/core';
 import * as i0 from "@angular/core";
 export interface ScSection {
     id: string;
@@ -10,7 +10,6 @@ export declare class ScTableOfContents implements AfterViewInit, OnDestroy {
     sections: import("@angular/core").WritableSignal<ScSection[]>;
     activeSection: import("@angular/core").WritableSignal<string>;
     private observer;
-    constructor(elementRef: ElementRef);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     private initializeToc;

package/lib/components/tabs/index.d.ts

@@ -1,4 +1,5 @@
 export * from './tabs';
 export * from './tab';
-export * from './tab-label';
-export * from './tab-content';
+export * from './tab-list';
+export * from './tab-panels';
+export * from './tab-panel-content';

package/lib/components/tabs/tab-list.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScTabList {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScTabList, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScTabList, "div[sc-tab-list]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/tabs/tab-panel-content.d.ts

@@ -0,0 +1,8 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ScTabPanelContent {
+    readonly templateRef: TemplateRef<any>;
+    readonly tabId: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScTabPanelContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScTabPanelContent, "[scTabPanelContent]", never, { "tabId": { "alias": "scTabPanelContent"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/tabs/tab-panels.d.ts

@@ -0,0 +1,11 @@
+import { ScTabPanelContent } from './tab-panel-content';
+import * as i0 from "@angular/core";
+export declare class ScTabPanels {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    private readonly scTabsService;
+    protected readonly activeTabId: import("@angular/core").Signal<string | undefined>;
+    protected readonly tabPanelContents: import("@angular/core").Signal<readonly ScTabPanelContent[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScTabPanels, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScTabPanels, "div[sc-tab-panels]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["tabPanelContents"], never, true, never>;
+}

package/lib/components/tabs/tab.d.ts

@@ -1,10 +1,14 @@
-import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ScTab {
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
-    active: import("@angular/core").WritableSignal<boolean>;
-    label: import("@angular/core").Signal<TemplateRef<unknown>>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    readonly value: import("@angular/core").InputSignal<string>;
+    private readonly scTabsService;
+    protected readonly isActive: import("@angular/core").Signal<boolean>;
+    private readonly host;
+    constructor();
+    protected selectTab(): void;
+    onKeydown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScTab, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScTab, "sc-tab", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["sc-tab-label", "sc-tab-content"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScTab, "button[sc-tab]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/tabs/tabs.d.ts

@@ -3,10 +3,10 @@ import * as i0 from "@angular/core";
 export declare class ScTabs {
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
-    readonly tabsHeaderClass: import("@angular/core").InputSignal<string>;
+    readonly value: import("@angular/core").InputSignal<string>;
+    private readonly scTabsService;
     readonly tabs: import("@angular/core").Signal<readonly ScTab[]>;
     constructor();
-    selectTab(tab: ScTab): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScTabs, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScTabs, "sc-tabs", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "tabsHeaderClass": { "alias": "tabsHeaderClass"; "required": false; "isSignal": true; }; }, {}, ["tabs"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScTabs, "div[sc-tabs]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, ["tabs"], ["*"], true, never>;
 }

package/lib/components/tabs/tabs.service.d.ts

@@ -0,0 +1,12 @@
+import { ScTab } from './tab';
+import * as i0 from "@angular/core";
+export interface ScActiveTab {
+    id: string;
+    focus?: boolean;
+}
+export declare class ScTabsService {
+    readonly tabs: import("@angular/core").WritableSignal<readonly ScTab[]>;
+    readonly activeTab: import("@angular/core").WritableSignal<ScActiveTab | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScTabsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ScTabsService>;
+}

package/lib/components/tags/tags.d.ts

@@ -11,7 +11,7 @@ export declare class ScTags {
     readonly tagsChange: import("@angular/core").OutputEmitterRef<string[]>;
     tagControl: FormControl<string | null>;
     error: string;
-    onKeyDown(event: KeyboardEvent): void;
+    onKeydown(event: KeyboardEvent): void;
     addTag(): void;
     removeTag(tagToRemove: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScTags, never>;

package/lib/components/textarea/textarea.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class ScTextarea {
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScTextarea, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScTextarea, "textarea[sc-textarea]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScTextarea, "textarea[sc-textarea]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/theme-toggler/index.d.ts

@@ -1,2 +1,2 @@
+export * from './theme';
 export * from './theme-toggler';
-export * from './theme-provider';

package/lib/components/theme-toggler/theme-toggler.d.ts

@@ -1,9 +1,10 @@
-import { ScTheme } from './theme';
 import * as i0 from "@angular/core";
 export declare class ScThemeToggler {
-    theme: ScTheme;
-    message: import("@angular/core").Signal<"Toggle dark mode" | "Toggle light mode">;
-    toggleTheme(): void;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    private readonly themeService;
+    protected readonly isDarkMode: import("@angular/core").Signal<boolean>;
+    protected toggleTheme(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScThemeToggler, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScThemeToggler, "sc-theme-toggler", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScThemeToggler, "sc-theme-toggler", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/theme-toggler/theme.d.ts

@@ -1,9 +1,13 @@
 import * as i0 from "@angular/core";
 export declare class ScTheme {
     private readonly document;
-    value: import("@angular/core").WritableSignal<"light" | "dark" | undefined>;
+    private readonly isDarkModeSignal;
+    readonly isDarkMode: import("@angular/core").Signal<boolean>;
+    readonly theme: import("@angular/core").Signal<"light" | "dark">;
     constructor();
-    init(): void;
+    private initializeTheme;
+    toggleTheme(): void;
+    private applyTheme;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScTheme, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ScTheme>;
 }

package/lib/components/toast/toast-description.d.ts

@@ -3,5 +3,5 @@ export declare class ScToastDescription {
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScToastDescription, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScToastDescription, "p[sc-toast-description]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScToastDescription, "p[sc-toast-description], div[sc-toast-description]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/toggle/toggle-base.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+export declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare class ScToggleBase {
+    readonly variant: import("@angular/core").InputSignal<"default" | "outline" | null | undefined>;
+    readonly size: import("@angular/core").InputSignal<"default" | "sm" | "lg" | null | undefined>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    readonly active: import("@angular/core").WritableSignal<boolean>;
+    protected toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScToggleBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScToggleBase, never, never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/toggle/toggle.d.ts

@@ -1,9 +1,6 @@
+import { ScToggleBase } from './toggle-base';
 import * as i0 from "@angular/core";
-export declare class ScToggle {
-    variant: import("@angular/core").InputSignal<"default" | "outline" | null | undefined>;
-    size: import("@angular/core").InputSignal<"default" | "sm" | "lg" | null | undefined>;
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
+export declare class ScToggle extends ScToggleBase {
     static ɵfac: i0.ɵɵFactoryDeclaration<ScToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScToggle, "button[sc-toggle]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScToggle, "button[sc-toggle]", never, {}, {}, never, ["*"], true, never>;
 }

package/lib/components/toggle-group/index.d.ts

@@ -1,2 +1,2 @@
 export * from './toggle-group';
-export * from './toggle-group-item';
+export * from './toggle-item';

package/lib/components/toggle-group/toggle-group.d.ts

@@ -1,8 +1,9 @@
 import * as i0 from "@angular/core";
 export declare class ScToggleGroup {
-    type: import("@angular/core").InputSignal<"single" | "multiple">;
-    class: import("@angular/core").InputSignal<string>;
-    _class: import("@angular/core").Signal<string>;
+    readonly type: import("@angular/core").InputSignal<"single" | "multiple">;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    readonly value: import("@angular/core").InputSignal<string[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScToggleGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScToggleGroup, "sc-toggle-group", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScToggleGroup, "sc-toggle-group", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/toggle-group/toggle-item.d.ts

@@ -0,0 +1,8 @@
+import { ScToggleBase } from '../toggle/toggle-base';
+import * as i0 from "@angular/core";
+export declare class ScToggleItem extends ScToggleBase {
+    protected readonly class: import("@angular/core").Signal<string>;
+    readonly value: import("@angular/core").InputSignal<string | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScToggleItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScToggleItem, "button[sc-toggle-item]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/typography/heading.d.ts

@@ -3,6 +3,7 @@ export declare class ScHeading {
     readonly level: import("@angular/core").InputSignal<"1" | "2" | "3" | "4" | "5" | "6" | null | undefined>;
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
+    readonly underline: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScHeading, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScHeading, "h1[sc-heading], h2[sc-heading], h3[sc-heading], h4[sc-heading], h5[sc-heading], h6[sc-heading]", never, { "level": { "alias": "level"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScHeading, "h1[sc-heading], h2[sc-heading], h3[sc-heading], h4[sc-heading], h5[sc-heading], h6[sc-heading]", never, { "level": { "alias": "level"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "underline": { "alias": "underline"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@semantic-components/ui",
-  "version": "0.40.0",
+  "version": "0.41.0",
   "private": false,
   "publishConfig": {
     "access": "public"

package/styles/all-styles.css

@@ -9,7 +9,6 @@
 @import 'tw-animate-css';
 
 @plugin '@tailwindcss/typography';
-@plugin 'tailwindcss-animate';
 
 @custom-variant dark (&:where(.dark, .dark *));
 
@@ -122,9 +121,6 @@
     --sidebar-accent-foreground: 240 5.9% 10%;
     --sidebar-border: 220 13% 91%;
     --sidebar-ring: 240 5% 64.9%;
-
-    --checkbox-checked-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-check'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
-    --checkbox-indeterminate-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-minus'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
   }
 
   .dark {