@semantic-components/ui 0.33.0 → 0.34.0

package/lib/components/code-highlighter/code-highlighter.d.ts

@@ -2,13 +2,15 @@ import { OnInit } from '@angular/core';
 import { SafeHtml } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
 export declare class ScCodeHighlighter implements OnInit {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
     private readonly shikiService;
     private readonly sanitizer;
     code: import("@angular/core").InputSignal<string>;
-    language: import("@angular/core").InputSignal<string>;
+    language: import("@angular/core").InputSignal<"angular-html" | "typescript">;
     theme: import("@angular/core").InputSignal<string>;
     highlightedCode: import("@angular/core").WritableSignal<SafeHtml>;
     ngOnInit(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCodeHighlighter, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCodeHighlighter, "sc-code-highlighter", never, { "code": { "alias": "code"; "required": true; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCodeHighlighter, "sc-code-highlighter", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "code": { "alias": "code"; "required": true; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/input-otp/input-otp-group.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class ScInputOTPGroup {
-    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<ScInputOTPGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScInputOTPGroup, "sc-input-otp-group", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScInputOTPGroup, "sc-input-otp-group", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/input-otp/input-otp-handler.d.ts

@@ -1,6 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class InputOtpHandler {
     inputIndex: import("@angular/core").WritableSignal<number>;
+    length: import("@angular/core").WritableSignal<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputOtpHandler, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<InputOtpHandler>;
 }

package/lib/components/input-otp/input-otp-separator.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class ScInputOTPSeparator {
-    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<ScInputOTPSeparator, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScInputOTPSeparator, "sc-input-otp-separator", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScInputOTPSeparator, "sc-input-otp-separator", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/input-otp/input-otp-slot.d.ts

@@ -3,13 +3,15 @@ import { InputOtpHandler } from './input-otp-handler';
 import * as i0 from "@angular/core";
 export declare class ScInputOTPSlot {
     inputOtpHandler: InputOtpHandler;
-    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>;
     formControl: import("@angular/core").WritableSignal<FormControl<any> | null>;
     index: number;
     isActive: import("@angular/core").WritableSignal<boolean>;
     readonly input: import("@angular/core").Signal<HTMLInputElement>;
-    _handleInput(): void;
+    protected handleKeydown(event: KeyboardEvent): void;
+    private autoFocusNext;
+    private autoFocusPrev;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScInputOTPSlot, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScInputOTPSlot, "sc-input-otp-slot", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScInputOTPSlot, "sc-input-otp-slot", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/input-otp/input-otp.d.ts

@@ -1,21 +1,20 @@
 import { OnDestroy } from '@angular/core';
 import { ControlValueAccessor, FormArray, FormGroup } from '@angular/forms';
 import { Subject } from 'rxjs';
-import { InputOtpHandler } from './input-otp-handler';
 import { ScInputOTPSlot } from './input-otp-slot';
 import * as i0 from "@angular/core";
 export declare class ScInputOtp implements ControlValueAccessor, OnDestroy {
-    inputOtpHandler: InputOtpHandler;
-    private readonly _focusMonitor;
-    private readonly _cdr;
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
-    readonly _required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    formGroup: FormGroup<{
+    private readonly inputOtpHandler;
+    private readonly focusMonitor;
+    private readonly changeDetectorRef;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly formGroup: FormGroup<{
         inputs: FormArray<never>;
     }>;
     get inputs(): FormArray;
-    slots: import("@angular/core").Signal<readonly ScInputOTPSlot[]>;
+    readonly slots: import("@angular/core").Signal<readonly ScInputOTPSlot[]>;
     constructor();
     private _updateValue;
     readonly _value: import("@angular/core").ModelSignal<string | null>;
@@ -32,5 +31,5 @@ export declare class ScInputOtp implements ControlValueAccessor, OnDestroy {
     readonly stateChanges: Subject<void>;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScInputOtp, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScInputOtp, "sc-input-otp", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "_required": { "alias": "required"; "required": false; "isSignal": true; }; "_value": { "alias": "value"; "required": false; "isSignal": true; }; "disabledByInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "_value": "valueChange"; }, ["slots"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScInputOtp, "sc-input-otp", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "_value": { "alias": "value"; "required": false; "isSignal": true; }; "disabledByInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "_value": "valueChange"; }, ["slots"], ["*"], true, never>;
 }

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

@@ -2,3 +2,11 @@ export * from './sidebar';
 export * from './sidebar-state';
 export * from './sidebar-provider';
 export * from './sidebar-toggler';
+export * from './sidebar-group';
+export * from './sidebar-group-label';
+export * from './sidebar-group-action';
+export * from './sidebar-group-content';
+export * from './sidebar-menu';
+export * from './sidebar-menu-item';
+export * from './sidebar-menu-link';
+export * from './sidebar-menu-button';

package/lib/components/sidebar/sidebar-group-action.d.ts

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

package/lib/components/sidebar/sidebar-group-content.d.ts

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

package/lib/components/sidebar/sidebar-group-label.d.ts

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

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

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

package/lib/components/sidebar/sidebar-menu-base.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class ScSidebarMenuBase {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly variant: import("@angular/core").InputSignal<"default" | "outline" | null | undefined>;
+    readonly size: import("@angular/core").InputSignal<"default" | "sm" | "lg" | null | undefined>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScSidebarMenuBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScSidebarMenuBase, never, never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/sidebar/sidebar-menu-button.d.ts

@@ -0,0 +1,6 @@
+import { ScSidebarMenuBase } from './sidebar-menu-base';
+import * as i0 from "@angular/core";
+export declare class ScSidebarMenuButton extends ScSidebarMenuBase {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScSidebarMenuButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSidebarMenuButton, "button[sc-sidebar-menu-button]", never, {}, {}, never, ["*"], true, never>;
+}

package/lib/components/sidebar/sidebar-menu-item.d.ts

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

package/lib/components/sidebar/sidebar-menu-link.d.ts

@@ -0,0 +1,9 @@
+import { RouterLinkActive } from '@angular/router';
+import { ScSidebarMenuBase } from './sidebar-menu-base';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+export declare class ScSidebarMenuLink extends ScSidebarMenuBase {
+    protected readonly routerLinkActive: RouterLinkActive;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScSidebarMenuLink, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSidebarMenuLink, "a[sc-sidebar-menu-link]", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.RouterLinkActive; inputs: {}; outputs: {}; }]>;
+}

package/lib/components/sidebar/sidebar-menu.d.ts

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

package/package.json

@@ -1,10 +1,12 @@
 {
   "name": "@semantic-components/ui",
-  "version": "0.33.0",
+  "version": "0.34.0",
   "private": false,
   "publishConfig": {
     "access": "public"
   },
+  "author": "Khalil LAGRIDA",
+  "license": "MIT",
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
@@ -45,7 +47,8 @@
     "@semantic-components/utils": ">=0.0.1",
     "@semantic-components/supabase": ">=0.0.1",
     "@angular/platform-browser": ">=19.0.0",
-    "shiki": "^2.1.0"
+    "shiki": "^2.1.0",
+    "@angular/router": ">=19.0.0"
   },
   "sideEffects": false,
   "repository": {

package/styles.css

@@ -1,11 +1 @@
-::-webkit-scrollbar {
-  @apply w-2.5 h-2.5;
-}
-
-::-webkit-scrollbar-track {
-  @apply bg-transparent;
-}
-
-::-webkit-scrollbar-thumb {
-  @apply rounded-full bg-border border-[1px] border-transparent border-solid bg-clip-padding;
-}
+@import 'scrollbar-styles.css';