@semantic-components/ui 0.38.0 → 0.39.0

package/index.d.ts

@@ -35,7 +35,6 @@ export * from './lib/components/confirmation-dialog';
 export * from './lib/components/badge';
 export * from './lib/components/scroll-area';
 export * from './lib/components/tabs';
-export * from './lib/components/tab-group';
 export * from './lib/components/card';
 export * from './lib/components/toast';
 export * from './lib/components/slider';

package/lib/components/calendar/calendar-header.d.ts

@@ -1,14 +1,18 @@
 import { Temporal } from '@js-temporal/polyfill';
+import { View } from './types';
 import * as i0 from "@angular/core";
 export declare class ScCalendarHeader {
+    private readonly calendarService;
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
     readonly currentMonth: import("@angular/core").InputSignal<Temporal.PlainYearMonth>;
-    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly view: import("@angular/core").InputSignal<View>;
+    protected readonly firstYear: import("@angular/core").Signal<number>;
+    protected readonly lastYear: import("@angular/core").Signal<number>;
     readonly monthYearChange: import("@angular/core").OutputEmitterRef<number>;
     readonly viewToggled: import("@angular/core").OutputEmitterRef<void>;
     private readonly localeId;
     protected readonly monthName: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCalendarHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCalendarHeader, "sc-calendar-header", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "currentMonth": { "alias": "currentMonth"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": true; "isSignal": true; }; }, { "monthYearChange": "monthYearChange"; "viewToggled": "viewToggled"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCalendarHeader, "sc-calendar-header", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "currentMonth": { "alias": "currentMonth"; "required": true; "isSignal": true; }; "view": { "alias": "view"; "required": true; "isSignal": true; }; }, { "monthYearChange": "monthYearChange"; "viewToggled": "viewToggled"; }, never, never, true, never>;
 }

package/lib/components/calendar/calendar.d.ts

@@ -1,15 +1,18 @@
 import { ControlValueAccessor } from '@angular/forms';
 import { Temporal } from '@js-temporal/polyfill';
+import { View } from './types';
 import * as i0 from "@angular/core";
 export declare class ScCalendar implements ControlValueAccessor {
     readonly value: import("@angular/core").ModelSignal<Temporal.PlainDate | undefined>;
-    readonly minDate: import("@angular/core").InputSignal<Temporal.PlainDate | undefined>;
-    readonly maxDate: import("@angular/core").InputSignal<Temporal.PlainDate | undefined>;
+    readonly min: import("@angular/core").InputSignal<Temporal.PlainDate | undefined>;
+    readonly max: import("@angular/core").InputSignal<Temporal.PlainDate | undefined>;
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
     private readonly today;
+    protected readonly date: import("@angular/core").Signal<Temporal.PlainDate | undefined>;
     protected readonly focusedDate: import("@angular/core").WritableSignal<Temporal.PlainDate | undefined>;
     protected readonly currentYear: import("@angular/core").WritableSignal<number>;
+    protected readonly previewYear: import("@angular/core").WritableSignal<number>;
     protected readonly currentMonth: import("@angular/core").WritableSignal<Temporal.PlainYearMonth>;
     private readonly firstDayOfMonth;
     private readonly lastDayOfMonth;
@@ -20,12 +23,14 @@ export declare class ScCalendar implements ControlValueAccessor {
     selectDate(date: Temporal.PlainDate): void;
     moveFocus(delta: number): void;
     handleKeydown(event: KeyboardEvent): void;
+    handleKeydown2(event: KeyboardEvent): void;
+    handleKeydown3(event: KeyboardEvent): void;
+    handleKeydown1(event: KeyboardEvent): void;
     prevMonth(): void;
     nextMonth(): void;
-    protected readonly view: import("@angular/core").WritableSignal<"months" | "years" | "days">;
+    protected readonly view: import("@angular/core").WritableSignal<View>;
     protected toggleView(): void;
     weekdays: string[];
-    private readonly scYearSelector;
     protected setMonthYear(n: number): void;
     protected selectYear(year: number): void;
     protected selectMonth(month: Temporal.PlainYearMonth): void;
@@ -38,5 +43,5 @@ export declare class ScCalendar implements ControlValueAccessor {
     readonly disabled: import("@angular/core").WritableSignal<boolean>;
     setDisabledState?(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCalendar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScCalendar, "sc-calendar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScCalendar, "sc-calendar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }

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

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

package/lib/components/calendar/day-selector.d.ts

@@ -7,10 +7,12 @@ export declare class ScDaySelector {
     readonly dateSelected: import("@angular/core").OutputEmitterRef<Temporal.PlainDate>;
     readonly selectedDate: import("@angular/core").InputSignal<Temporal.PlainDate | undefined>;
     readonly focusedDate: import("@angular/core").InputSignal<Temporal.PlainDate | undefined>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
     protected getVariant(day: CalendarDay): "primary" | "outline" | "secondary" | "ghost";
     protected selectDay(day: CalendarDay): void;
     isSelected(date: Temporal.PlainDate): boolean;
     isFocused(date: Temporal.PlainDate): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScDaySelector, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScDaySelector, "sc-day-selector", never, { "calendarDays": { "alias": "calendarDays"; "required": true; "isSignal": true; }; "weekdays": { "alias": "weekdays"; "required": true; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": false; "isSignal": true; }; "focusedDate": { "alias": "focusedDate"; "required": false; "isSignal": true; }; }, { "dateSelected": "dateSelected"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScDaySelector, "sc-day-selector", never, { "calendarDays": { "alias": "calendarDays"; "required": true; "isSignal": true; }; "weekdays": { "alias": "weekdays"; "required": true; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": false; "isSignal": true; }; "focusedDate": { "alias": "focusedDate"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, { "dateSelected": "dateSelected"; }, never, never, true, never>;
 }

package/lib/components/calendar/month-selector.d.ts

@@ -1,12 +1,15 @@
 import { Temporal } from '@js-temporal/polyfill';
 import * as i0 from "@angular/core";
 export declare class ScMonthSelector {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
     readonly currentMonth: import("@angular/core").InputSignal<Temporal.PlainYearMonth>;
     protected months: string[];
     private readonly localeId;
     constructor();
     readonly monthSelected: import("@angular/core").OutputEmitterRef<Temporal.PlainYearMonth>;
     protected selectMonth(monthIndex: number): void;
+    protected getVariant(i: number): "primary" | "ghost";
     static ɵfac: i0.ɵɵFactoryDeclaration<ScMonthSelector, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScMonthSelector, "sc-month-selector", never, { "currentMonth": { "alias": "currentMonth"; "required": true; "isSignal": true; }; }, { "monthSelected": "monthSelected"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScMonthSelector, "sc-month-selector", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "currentMonth": { "alias": "currentMonth"; "required": true; "isSignal": true; }; }, { "monthSelected": "monthSelected"; }, never, never, true, never>;
 }

package/lib/components/calendar/types.d.ts

@@ -4,3 +4,4 @@ export interface CalendarDay {
     dayOfMonth: number;
     isInCurrentMonth: boolean;
 }
+export type View = 'days' | 'years' | 'months';

package/lib/components/calendar/year-selector.d.ts

@@ -1,10 +1,17 @@
 import * as i0 from "@angular/core";
 export declare class ScYearSelector {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
     readonly currentYear: import("@angular/core").InputSignal<number>;
-    readonly year: import("@angular/core").WritableSignal<number>;
+    readonly previewYear: import("@angular/core").InputSignal<number>;
+    private readonly firstYear;
+    private readonly lastYear;
     protected readonly years: import("@angular/core").Signal<number[]>;
     readonly yearSelected: import("@angular/core").OutputEmitterRef<number>;
     protected selectYear(year: number): void;
+    private readonly calendarService;
+    constructor();
+    protected getVariant(y: number): "primary" | "ghost";
     static ɵfac: i0.ɵɵFactoryDeclaration<ScYearSelector, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScYearSelector, "sc-year-selector", never, { "currentYear": { "alias": "currentYear"; "required": true; "isSignal": true; }; }, { "yearSelected": "yearSelected"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScYearSelector, "sc-year-selector", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "currentYear": { "alias": "currentYear"; "required": true; "isSignal": true; }; "previewYear": { "alias": "previewYear"; "required": true; "isSignal": true; }; }, { "yearSelected": "yearSelected"; }, never, never, true, never>;
 }

package/lib/components/range-calendar/range-calendar.d.ts

@@ -11,6 +11,7 @@ export declare class ScRangeCalendar implements ControlValueAccessor {
     private readonly today;
     protected readonly focusedDate: import("@angular/core").WritableSignal<Temporal.PlainDate | ScRange | undefined>;
     protected readonly currentYear: import("@angular/core").WritableSignal<number>;
+    protected readonly previewYear: import("@angular/core").WritableSignal<number>;
     protected readonly currentMonth: import("@angular/core").WritableSignal<Temporal.PlainYearMonth>;
     private readonly firstDayOfMonth;
     private readonly lastDayOfMonth;
@@ -21,10 +22,9 @@ export declare class ScRangeCalendar implements ControlValueAccessor {
     selectRange(range: ScRange): void;
     prevMonth(): void;
     nextMonth(): void;
-    protected readonly view: import("@angular/core").WritableSignal<"months" | "years" | "days">;
+    protected readonly view: import("@angular/core").WritableSignal<"days" | "years" | "months">;
     protected toggleView(): void;
     weekdays: string[];
-    private readonly scYearSelector;
     protected setMonthYear(n: number): void;
     protected selectYear(year: number): void;
     protected selectMonth(month: Temporal.PlainYearMonth): void;

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

@@ -0,0 +1,33 @@
+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>;
+    isScrolling: boolean;
+    isHovering: boolean;
+    isDragging: boolean;
+    scrollTimeout: any;
+    thumbSize: number;
+    thumbPosition: number;
+    startPoint: number;
+    startScrollPosition: number;
+    canScrollStart: boolean;
+    canScrollEnd: boolean;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    onScroll(): void;
+    updateThumb(): void;
+    updateScrollButtonsState(): void;
+    startDragging(event: MouseEvent): void;
+    onMouseMove(event: MouseEvent): void;
+    onMouseUp(): void;
+    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>;
+}

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

@@ -0,0 +1,34 @@
+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>;
+    isScrolling: boolean;
+    isHovering: boolean;
+    isDragging: boolean;
+    scrollTimeout: any;
+    thumbWidth: number;
+    thumbLeft: number;
+    startX: number;
+    startScrollLeft: number;
+    canScrollLeft: boolean;
+    canScrollRight: boolean;
+    items: {
+        title: string;
+        description: string;
+        category: string;
+    }[];
+    constructor();
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    onScroll(): void;
+    updateThumb(): void;
+    updateScrollButtonsState(): void;
+    startDragging(event: MouseEvent): void;
+    onMouseMove(event: MouseEvent): void;
+    onMouseUp(): void;
+    scrollLeft(): void;
+    scrollRight(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HorizontalScrollAreaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HorizontalScrollAreaComponent, "sc-horizontal-scroll-area", never, {}, {}, never, never, true, never>;
+}

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

@@ -1,2 +1,5 @@
 export * from './scroll-area';
 export * from './hover-scrollbar.component';
+export * from './scroll-area.component';
+export * from './horizontal-scroll-area.component';
+export * from './flexible-scroll-area.component';

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

@@ -0,0 +1,24 @@
+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>;
+    isScrolling: boolean;
+    isHovering: boolean;
+    isDragging: boolean;
+    scrollTimeout: any;
+    thumbHeight: number;
+    thumbTop: number;
+    startY: number;
+    startScrollTop: number;
+    constructor();
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    onScroll(): void;
+    updateThumb(): void;
+    startDragging(event: MouseEvent): void;
+    onMouseMove(event: MouseEvent): void;
+    onMouseUp(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollAreaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollAreaComponent, "sc-scroll-area3", never, {}, {}, never, never, true, never>;
+}

package/package.json

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

package/styles/all-styles.css

@@ -0,0 +1,159 @@
+@import url('@fontsource/inter/index.css');
+@import url('@fontsource/jetbrains-mono/index.css');
+
+@import url('@angular/cdk/overlay-prebuilt.css');
+@import './scrollbar-styles.css';
+@import './shiki-styles.css';
+
+@import 'tailwindcss';
+@import 'tw-animate-css';
+
+@plugin '@tailwindcss/typography';
+@plugin 'tailwindcss-animate';
+
+@custom-variant dark (&:where(.dark, .dark *));
+
+@theme {
+  --font-sans:
+    Inter, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+    'Segoe UI Symbol', 'Noto Color Emoji';
+  --font-mono:
+    'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
+    'Courier New', monospace;
+
+  --color-background: hsl(var(--background));
+  --color-foreground: hsl(var(--foreground));
+
+  --color-card: hsl(var(--card));
+  --color-card-foreground: hsl(var(--card-foreground));
+
+  --color-popover: hsl(var(--popover));
+  --color-popover-foreground: hsl(var(--popover-foreground));
+
+  --color-primary: hsl(var(--primary));
+  --color-primary-foreground: hsl(var(--primary-foreground));
+
+  --color-secondary: hsl(var(--secondary));
+  --color-secondary-foreground: hsl(var(--secondary-foreground));
+
+  --color-muted: hsl(var(--muted));
+  --color-muted-foreground: hsl(var(--muted-foreground));
+
+  --color-accent: hsl(var(--accent));
+  --color-accent-foreground: hsl(var(--accent-foreground));
+
+  --color-destructive: hsl(var(--destructive));
+  --color-destructive-foreground: hsl(var(--destructive-foreground));
+
+  --color-border: hsl(var(--border));
+  --color-input: hsl(var(--input));
+  --color-ring: hsl(var(--ring));
+  --color-radius: hsl(var(--radius));
+
+  --color-sidebar: hsl(var(--sidebar-background));
+  --color-sidebar-foreground: hsl(var(--sidebar-foreground));
+  --color-sidebar-primary: hsl(var(--sidebar-primary));
+  --color-sidebar-primary-foreground: hsl(var(--sidebar-primary-foreground));
+  --color-sidebar-accent: hsl(var(--sidebar-accent));
+  --color-sidebar-accent-foreground: hsl(var(--sidebar-accent-foreground));
+  --color-sidebar-border: hsl(var(--sidebar-border));
+  --color-sidebar-ring: hsl(var(--sidebar-ring));
+
+  --animate-progress: progress 1s infinite linear;
+
+  @keyframes progress {
+    0% {
+      transform: translateX(0) scaleX(0);
+    }
+    40% {
+      transform: translateX(0) scaleX(0.4);
+    }
+    100% {
+      transform: translateX(100%) scaleX(0.5);
+    }
+  }
+}
+
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentColor);
+  }
+}
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+    --primary: 221.2 83.2% 53.3%;
+    --primary-foreground: 210 40% 98%;
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+    --accent: 210 40% 96.1%;
+    --accent-foreground: 222.2 47.4% 11.2%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --ring: 221.2 83.2% 53.3%;
+    --radius: 0.5rem;
+    --sidebar-background: 0 0% 98%;
+    --sidebar-foreground: 240 5.3% 26.1%;
+    --sidebar-primary: 240 5.9% 10%;
+    --sidebar-primary-foreground: 0 0% 98%;
+    --sidebar-accent: 240 4.8% 95.9%;
+    --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 {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+    --primary: 217.2 91.2% 59.8%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 224.3 76.3% 48%;
+    --sidebar-background: 240 5.9% 10%;
+    --sidebar-foreground: 240 4.8% 95.9%;
+    --sidebar-primary: 224.3 76.3% 48%;
+    --sidebar-primary-foreground: 0 0% 100%;
+    --sidebar-accent: 240 3.7% 15.9%;
+    --sidebar-accent-foreground: 240 4.8% 95.9%;
+    --sidebar-border: 240 3.7% 15.9%;
+    --sidebar-ring: 240 4.9% 83.9%;
+  }
+}

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

@@ -1,4 +0,0 @@
-export * from './tab-group';
-export * from './tab-item';
-export * from './tab-label';
-export * from './tab-content';

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

@@ -1,7 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class ScTabContent2 {
-    readonly template: import("@angular/core").Signal<TemplateRef<unknown>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScTabContent2, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScTabContent2, "sc-tab-content2", never, {}, {}, never, ["*"], true, never>;
-}

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

@@ -1,11 +0,0 @@
-import { AfterViewInit } from '@angular/core';
-import { ScTabContent2 } from './tab-content';
-import { ScTabLabel2 } from './tab-label';
-import * as i0 from "@angular/core";
-export declare class ScTabGroup implements AfterViewInit {
-    readonly tabLabels: import("@angular/core").Signal<readonly ScTabLabel2[]>;
-    readonly tabContents: import("@angular/core").Signal<readonly ScTabContent2[]>;
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScTabGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScTabGroup, "sc-tab-group", never, {}, {}, ["tabLabels", "tabContents"], ["*"], true, never>;
-}

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

@@ -1,5 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class ScTabItem {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScTabItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScTabItem, "sc-tab-item", never, {}, {}, never, ["*"], true, never>;
-}

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

@@ -1,7 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class ScTabLabel2 {
-    readonly template: import("@angular/core").Signal<TemplateRef<unknown>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScTabLabel2, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScTabLabel2, "sc-tab-label2", never, {}, {}, never, ["*"], true, never>;
-}

package/styles/styles.css

@@ -1,2 +0,0 @@
-@import './scrollbar-styles.css';
-@import './shiki-styles.css';