@rxap/layout 16.0.0-dev.3 → 16.0.0-dev.30

package/index.d.ts

@@ -7,7 +7,6 @@ export * from './lib/header/reset-button/reset-button.component';
 export * from './lib/header/sidenav-toggle-button/sidenav-toggle-button.component';
 export * from './lib/header/navigation-progress-bar/navigation-progress-bar.component';
 export * from './lib/header/apps-button/apps-button.component';
-export * from './lib/layout/layout.component.module';
 export * from './lib/layout/layout.component';
 export * from './lib/layout/layout.component.service';
 export * from './lib/navigation/navigation-item';
@@ -20,9 +19,8 @@ export * from './lib/sidenav/sidenav-header.directive';
 export * from './lib/sidenav/sidenav-footer.directive';
 export * from './lib/sidenav/sidenav.component.service';
 export * from './lib/sidenav/version/version.component';
-export * from './lib/sidenav-content/sidenav-content.component.service';
-export * from './lib/sidenav-content/sidenav-content.component';
 export * from './lib/toggle-window-sidenav-button/toggle-window-sidenav-button.component';
 export * from './lib/window-container-sidenav/window-container-sidenav.component';
 export * from './lib/footer.directive';
 export * from './lib/types';
+export * from './lib/app-url.service';

package/lib/app-url.service.d.ts

@@ -0,0 +1,26 @@
+import { AuthorizationService } from '@rxap/authorization';
+import { ConfigService } from '@rxap/config';
+import * as i0 from "@angular/core";
+export interface ExternalApps {
+    image?: string;
+    label: string;
+    href: string;
+    empty?: false;
+    hidden?: boolean;
+    id?: string;
+    permissions: string[];
+}
+export declare class AppUrlService {
+    private readonly config;
+    private readonly localeId;
+    private readonly authorizationService;
+    private _apps;
+    constructor(config: ConfigService, localeId: string, authorizationService: AuthorizationService);
+    getApp(appId: string): ExternalApps | null;
+    getAppUrl(appId: string, path: string): string | null;
+    navigate(appId: string, path: string): void;
+    getAppList(): Promise<Array<ExternalApps>>;
+    private getPathPrefix;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppUrlService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AppUrlService>;
+}

package/lib/header/apps-button/apps-button.component.d.ts

@@ -1,24 +1,16 @@
-import { ConfigService } from '@rxap/config';
+import { OnDestroy, OnInit } from '@angular/core';
+import { AppUrlService, ExternalApps } from '../../app-url.service';
+import { RxapAuthenticationService } from '@rxap/authentication';
 import * as i0 from "@angular/core";
-export interface AppsButtonGridItem {
-    image: string;
-    label: string;
-    href: string;
-    empty?: false;
-}
-export interface EmptyAppsButtonGridItem {
-    empty: true;
-    href?: undefined;
-    label?: undefined;
-    image?: undefined;
-}
-export declare class AppsButtonComponent {
-    private readonly config;
-    get gridWithPadding(): Array<AppsButtonGridItem | EmptyAppsButtonGridItem>;
-    get columns(): 1 | 2 | 3;
+export declare class AppsButtonComponent implements OnInit, OnDestroy {
+    private readonly appUrlService;
+    private readonly authenticationService;
     isOpen: boolean;
-    grid: Array<AppsButtonGridItem>;
-    constructor(grid: any, config: ConfigService);
-    static ɵfac: i0.ɵɵFactoryDeclaration<AppsButtonComponent, [{ optional: true; }, null]>;
+    readonly appList: import("@angular/core").WritableSignal<ExternalApps[]>;
+    private _subscription?;
+    constructor(grid: any, appUrlService: AppUrlService, authenticationService: RxapAuthenticationService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppsButtonComponent, [{ optional: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AppsButtonComponent, "rxap-apps-button", never, {}, {}, never, never, true, never>;
 }

package/lib/header/header.component.d.ts

@@ -1,26 +1,23 @@
-import { OnDestroy, OnInit } from '@angular/core';
-import { Constructor } from '@rxap/utilities';
-import { Observable, Subscription } from 'rxjs';
-import { MatSidenav } from '@angular/material/sidenav';
-import { UserService } from '@rxap/authentication';
-import { HeaderService } from '@rxap/services';
-import { MatMenuPanel } from '@angular/material/menu';
+import { OnDestroy, OnInit, Signal } from '@angular/core';
 import { ThemePalette } from '@angular/material/core';
+import { HeaderService } from '@rxap/services';
+import { Constructor } from '@rxap/utilities';
+import { Subscription } from 'rxjs';
+import { LayoutComponentService } from '../layout/layout.component.service';
 import * as i0 from "@angular/core";
 export declare class HeaderComponent implements OnInit, OnDestroy {
     readonly headerComponentService: HeaderService;
-    private readonly userService;
+    readonly layoutComponentService: LayoutComponentService;
     headerComponent: any;
-    sidenav?: MatSidenav;
     components: Array<Constructor<any>>;
     subscriptions: Subscription;
-    hasUser$: Observable<boolean>;
     color: ThemePalette;
-    settingsMenuPanel?: MatMenuPanel;
-    constructor(headerComponentService: HeaderService, userService: UserService<any>, headerComponent: any);
+    readonly collapsable: Signal<boolean>;
+    readonly opened: Signal<boolean>;
+    constructor(headerComponentService: HeaderService, layoutComponentService: LayoutComponentService, headerComponent: any);
     ngOnInit(): void;
     updateComponents(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "rxap-header", never, { "sidenav": { "alias": "sidenav"; "required": false; }; "color": { "alias": "color"; "required": false; }; "settingsMenuPanel": { "alias": "settingsMenuPanel"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "rxap-header", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/header/language-selector/language-selector.component.d.ts

@@ -1,20 +1,5 @@
-import { ConfigService } from '@rxap/config';
+import { LanguageSelectorService } from '@rxap/ngx-localize';
 import * as i0 from "@angular/core";
-export declare const RXAP_SELECTED_LANGUAGE_LOCAL_STORAGE_KEY = "rxap__selected_language";
-export declare const RXAP_SELECTED_LANGUAGE_CHANGE_LOCAL_STORAGE_KEY = "rxap__selected_language_last_change";
-export declare class LanguageSelectorService {
-    private readonly config;
-    readonly languages: any;
-    readonly defaultLanguage: string;
-    selectedLanguage: string;
-    constructor(config: ConfigService);
-    setLanguage(language: string): void;
-    autoRedirect(): void;
-    private redirect;
-    private checkLastChange;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LanguageSelectorService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<LanguageSelectorService>;
-}
 export declare class LanguageSelectorComponent {
     readonly language: LanguageSelectorService;
     constructor(language: LanguageSelectorService);

package/lib/header/settings-button/settings-button.component.d.ts

@@ -0,0 +1,22 @@
+import { ComponentPortal } from '@angular/cdk/portal';
+import { Injector, OnDestroy, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { ChangelogService } from '@rxap/ngx-changelog';
+import { ThemeService } from '@rxap/services';
+import * as i0 from "@angular/core";
+export declare class SettingsButtonComponent implements OnInit, OnDestroy {
+    readonly theme: ThemeService;
+    private readonly route;
+    private readonly injector;
+    private readonly changelogService;
+    isDevMode: boolean;
+    items: import("@angular/core").WritableSignal<ComponentPortal<unknown>[]>;
+    private _subscription?;
+    constructor(theme: ThemeService, route: ActivatedRoute, injector: Injector, changelogService: ChangelogService);
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    private getCustomMenuItems;
+    openChangelogDialog(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SettingsButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SettingsButtonComponent, "rxap-settings-button", never, {}, {}, never, never, true, never>;
+}

package/lib/header/sidenav-toggle-button/sidenav-toggle-button.component.d.ts

@@ -1,7 +1,10 @@
-import { MatSidenav } from '@angular/material/sidenav';
+import { Signal } from '@angular/core';
+import { LayoutComponentService } from '../../layout/layout.component.service';
 import * as i0 from "@angular/core";
 export declare class SidenavToggleButtonComponent {
-    sidenav: MatSidenav;
+    readonly layoutComponentService: LayoutComponentService;
+    readonly opened: Signal<boolean>;
+    constructor(layoutComponentService: LayoutComponentService);
     static ɵfac: i0.ɵɵFactoryDeclaration<SidenavToggleButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SidenavToggleButtonComponent, "rxap-sidenav-toggle-button", never, { "sidenav": { "alias": "sidenav"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidenavToggleButtonComponent, "rxap-sidenav-toggle-button", never, {}, {}, never, never, true, never>;
 }

package/lib/header/sign-out/sign-out.component.d.ts

@@ -1,9 +1,9 @@
-import { Router } from '@angular/router';
+import { RxapAuthenticationService } from '@rxap/authentication';
 import * as i0 from "@angular/core";
 export declare class SignOutComponent {
-    private readonly router;
-    constructor(router: Router);
-    redirectToRoot(): void;
+    private readonly authenticationService;
+    constructor(authenticationService: RxapAuthenticationService);
+    logout(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SignOutComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SignOutComponent, "rxap-sign-out", never, {}, {}, never, never, true, never>;
 }

package/lib/header/user-profile-icon/user-profile-icon.component.d.ts

@@ -1,11 +1,15 @@
-import { Observable } from 'rxjs';
-import { UserService } from '@rxap/authentication';
+import { InjectionToken, Signal } from '@angular/core';
+import { RxapAuthenticationService } from '@rxap/authentication';
+import { UserProfileDataSource } from '@rxap/ngx-user';
 import * as i0 from "@angular/core";
-export declare class UserProfileIconComponent {
-    userService: UserService;
-    userProfileUrl$: Observable<string | undefined>;
-    userName$: Observable<string>;
-    constructor(userService: UserService);
-    static ɵfac: i0.ɵɵFactoryDeclaration<UserProfileIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UserProfileIconComponent, "rxap-user-profile-icon", never, {}, {}, never, never, true, never>;
+export type ExtractUsernameFromProfileFn<T = unknown> = (profile: T) => string | null;
+export declare const EXTRACT_USERNAME_FROM_PROFILE: InjectionToken<ExtractUsernameFromProfileFn<unknown>>;
+export declare class UserProfileIconComponent<T = unknown> {
+    private readonly userProfileService;
+    private readonly authenticationService;
+    username: Signal<string | null>;
+    constructor(userProfileService: UserProfileDataSource<T>, authenticationService: RxapAuthenticationService, extractUsernameFromProfile: ExtractUsernameFromProfileFn<T>);
+    logout(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserProfileIconComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserProfileIconComponent<any>, "rxap-user-profile-icon", never, {}, {}, never, never, true, never>;
 }

package/lib/layout/layout.component.d.ts

@@ -1,11 +1,23 @@
+import { Signal } from '@angular/core';
+import { MatDrawerMode, MatSidenav } from '@angular/material/sidenav';
+import { Environment } from '@rxap/environment';
+import { IconLoaderService } from '@rxap/icon';
 import { LayoutComponentService } from './layout.component.service';
-import { MatSidenav } from '@angular/material/sidenav';
 import * as i0 from "@angular/core";
 export declare class LayoutComponent {
     readonly layoutComponentService: LayoutComponentService;
-    openWindowSidenav: boolean;
+    private readonly environment;
+    readonly sidenavMode: Signal<MatDrawerMode>;
+    readonly fixedBottomGap: Signal<number>;
+    readonly fixedTopGap: Signal<number>;
+    readonly pinned: Signal<boolean>;
+    readonly collapsable: Signal<boolean>;
+    readonly logoSrc: string;
+    readonly logoWidth: number;
+    readonly release: string;
+    readonly opened: Signal<boolean>;
     sidenav: MatSidenav;
-    constructor(layoutComponentService: LayoutComponentService);
+    constructor(layoutComponentService: LayoutComponentService, environment: Environment, iconLoaderService: IconLoaderService);
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutComponent, "rxap-layout", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutComponent, "rxap-layout", never, {}, {}, never, never, true, never>;
 }

package/lib/layout/layout.component.service.d.ts

@@ -1,8 +1,9 @@
-import { BehaviorSubject, Observable } from 'rxjs';
+import { MediaMatcher } from '@angular/cdk/layout';
+import { MatDrawerMode } from '@angular/material/sidenav';
+import { ConfigService } from '@rxap/config';
 import { FooterService, HeaderService } from '@rxap/services';
+import { BehaviorSubject, Observable } from 'rxjs';
 import { LogoConfig } from '../types';
-import { ConfigService } from '@rxap/config';
-import { MatDrawerMode } from '@angular/material/sidenav';
 import * as i0 from "@angular/core";
 export declare class LayoutComponentService {
     readonly footerComponentService: FooterService;
@@ -10,10 +11,14 @@ export declare class LayoutComponentService {
     private readonly config;
     opened$: BehaviorSubject<boolean>;
     mode$: BehaviorSubject<MatDrawerMode>;
+    pinned$: BehaviorSubject<boolean>;
     fixedBottomGap$: Observable<number>;
     fixedTopGap$: BehaviorSubject<number>;
     logo: LogoConfig;
-    constructor(footerComponentService: FooterService, headerComponentService: HeaderService, logoConfig: LogoConfig | null | undefined, config: ConfigService);
-    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutComponentService, [null, null, { optional: true; }, null]>;
+    collapsable$: BehaviorSubject<boolean>;
+    constructor(footerComponentService: FooterService, headerComponentService: HeaderService, logoConfig: LogoConfig | null | undefined, config: ConfigService, mediaMatcher: MediaMatcher);
+    toggleOpend(): void;
+    togglePinned(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutComponentService, [null, null, { optional: true; }, null, null]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<LayoutComponentService>;
 }

package/lib/navigation/navigation-item/navigation-item.component.d.ts

@@ -1,39 +1,32 @@
-import { AfterViewInit, ElementRef, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, ViewContainerRef } from '@angular/core';
-import { Navigation, NavigationDividerItem, NavigationItem } from '../navigation-item';
+import { ElementRef, OnChanges, OnDestroy, Renderer2, SimpleChanges, ViewContainerRef } from '@angular/core';
 import { Router, RouterLinkActive } from '@angular/router';
-import { SidenavComponentService } from '../../sidenav/sidenav.component.service';
 import { Overlay } from '@angular/cdk/overlay';
+import { SidenavComponentService } from '../../sidenav/sidenav.component.service';
+import { Navigation, NavigationDividerItem, NavigationItem } from '../navigation-item';
 import * as i0 from "@angular/core";
-export declare class NavigationItemComponent implements OnChanges, AfterViewInit, OnDestroy, OnInit {
+export declare class NavigationItemComponent implements OnChanges, OnDestroy {
     private readonly router;
     readonly sidenav: SidenavComponentService;
     private readonly elementRef;
     private readonly renderer;
     private readonly overlay;
     private readonly viewContainerRef;
+    level: number;
+    private _isActive;
     children: Navigation | null;
     routerLinkActive: RouterLinkActive;
     item: NavigationItem;
-    level: number;
-    isActive: boolean;
-    private _navigationOverlay;
+    active: import("@angular/core").WritableSignal<boolean>;
+    get isActive(): boolean;
+    set isActive(value: boolean);
     private readonly _subscription;
-    private _overlayRef?;
-    private _embeddedViewRef?;
-    /**
-     * indicates the mouse is over the
-     */
-    lockeOverlay: boolean;
     constructor(router: Router, sidenav: SidenavComponentService, elementRef: ElementRef, renderer: Renderer2, overlay: Overlay, viewContainerRef: ViewContainerRef);
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
-    ngOnInit(): void;
     ngOnDestroy(): void;
-    onMouseenter(): void;
-    onMouseleave(): void;
     isNavigationDividerItem(item: NavigationItem | NavigationDividerItem): item is NavigationDividerItem;
     isNavigationItem(item: NavigationItem | NavigationDividerItem): item is NavigationItem;
     asNavigationItem(item: NavigationItem | NavigationDividerItem): NavigationItem;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigationItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationItemComponent, "li[rxap-navigation-item]", never, { "item": { "alias": "item"; "required": false; }; "level": { "alias": "level"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationItemComponent, "li[rxap-navigation-item]", never, { "level": { "alias": "level"; "required": false; }; "item": { "alias": "item"; "required": true; }; }, {}, never, never, true, never>;
 }

package/lib/navigation/navigation.component.d.ts

@@ -1,24 +1,24 @@
 import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
-import { Navigation, NavigationDividerItem, NavigationItem } from './navigation-item';
-import { NavigationService } from './navigation.service';
 import { Subscription } from 'rxjs';
 import { SidenavComponentService } from '../sidenav/sidenav.component.service';
+import { Navigation, NavigationDividerItem, NavigationItem } from './navigation-item';
+import { NavigationService } from './navigation.service';
 import * as i0 from "@angular/core";
 export declare class NavigationComponent implements OnInit, OnDestroy {
     private readonly navigationService;
     private readonly cdr;
     readonly sidenav: SidenavComponentService;
-    _root: boolean;
-    set root(value: boolean | '');
     items: Navigation;
     subscription?: Subscription;
     level: number;
     constructor(navigationService: NavigationService, cdr: ChangeDetectorRef, sidenav: SidenavComponentService);
+    _root: boolean;
+    set root(value: boolean | '');
     ngOnInit(): void;
     ngOnDestroy(): void;
     isNavigationDividerItem(item: NavigationItem | NavigationDividerItem): item is NavigationDividerItem;
     isNavigationItem(item: NavigationItem | NavigationDividerItem): item is NavigationItem;
     asNavigationItem(item: NavigationItem | NavigationDividerItem): NavigationItem;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationComponent, "ul[rxap-navigation]", never, { "root": { "alias": "root"; "required": false; }; "items": { "alias": "items"; "required": false; }; "level": { "alias": "level"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationComponent, "ul[rxap-navigation]", never, { "items": { "alias": "items"; "required": false; }; "level": { "alias": "level"; "required": false; }; "root": { "alias": "root"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/types.d.ts

@@ -1,4 +1,5 @@
 export interface LogoConfig {
-    src: string;
-    width: string;
+    src?: string;
+    width?: number;
+    height?: number;
 }

package/package.json

@@ -1,71 +1,107 @@
 {
+  "version": "16.0.0-dev.30",
   "name": "@rxap/layout",
-  "version": "16.0.0-dev.3",
+  "license": "GPL-3.0-or-later",
+  "dependencies": {
+    "tslib": "2.6.2"
+  },
   "peerDependencies": {
-    "@angular/animations": "^16.0.0",
-    "@angular/cdk": "^16.0.0",
-    "@angular/common": "^16.0.0",
-    "@angular/core": "^16.0.0",
+    "@angular/animations": "^16.1.4",
+    "@angular/cdk": "^16.1.4",
+    "@angular/common": "^16.1.4",
+    "@angular/core": "^16.1.4",
     "@angular/flex-layout": "^15.0.0-beta.42",
-    "@angular/forms": "^16.0.0",
-    "@angular/material": "^16.0.0",
-    "@angular/router": "^16.0.0",
-    "@rxap/authentication": "^16.0.0-dev.3",
-    "@rxap/config": "^16.0.0-dev.3",
-    "@rxap/directives": "^16.0.0-dev.3",
-    "@rxap/material-directives": "^16.0.0-dev.3",
-    "@rxap/rxjs": "^1.0.1-dev.0",
-    "@rxap/services": "^16.0.0-dev.3",
-    "@rxap/utilities": "^16.0.0-dev.2",
+    "@angular/forms": "^16.1.4",
+    "@angular/material": "^16.1.4",
+    "@angular/router": "^16.1.4",
+    "@rxap/authentication": "^16.0.0-dev.15",
+    "@rxap/authorization": "^16.0.0-dev.20",
+    "@rxap/browser-utilities": "^0.0.2-dev.8",
+    "@rxap/config": "^16.0.0-dev.16",
+    "@rxap/data-source": "^16.0.0-dev.18",
+    "@rxap/directives": "^16.0.0-dev.15",
+    "@rxap/environment": "^16.0.0-dev.15",
+    "@rxap/icon": "^16.0.0-dev.15",
+    "@rxap/material-directives": "^16.0.0-dev.17",
+    "@rxap/ngx-changelog": "^16.1.0-dev.1",
+    "@rxap/ngx-localize": "^16.1.0-dev.0",
+    "@rxap/ngx-status-check": "^16.1.0-dev.12",
+    "@rxap/ngx-user": "^16.1.0-dev.1",
+    "@rxap/services": "^16.0.0-dev.15",
+    "@rxap/utilities": "^16.0.0-dev.18",
     "rxjs": "^7.8.0",
-    "workspace": "1.0.0",
-    "@angular/localize": "16.1.4"
-  },
-  "sideEffects": false,
-  "dependencies": {
-    "tslib": "2.5.3"
+    "@faker-js/faker": "8.0.2"
   },
-  "publishConfig": {
-    "access": "public",
-    "directory": "../../../dist/packages/angular/layout"
+  "author": {
+    "name": "Merzough Münker",
+    "email": "mmuenker@digitaix.com"
   },
-  "keywords": [
-    "rxap",
-    "angular",
-    "ngx"
-  ],
-  "homepage": "https:/gitlab.com/rxap/packages/packages/angular/layout",
   "bugs": {
     "url": "https://gitlab.com/rxap/packages/-/issues",
     "email": "incoming+rxap-packages-14898188-issue-@incoming.gitlab.com"
   },
-  "license": "GPL-3.0-or-later",
-  "repository": {
-    "type": "git",
-    "url": "https://gitlab.com/rxap/packages.git",
-    "directory": "packages/angular/layout"
-  },
-  "author": {
-    "name": "Merzough Münker",
-    "email": "mmuenker@digitaix.com"
-  },
+  "homepage": "https:/gitlab.com/rxap/packages/packages/angular/layout",
+  "keywords": [
+    "angular",
+    "angular-layout",
+    "layout",
+    "ngx",
+    "packages",
+    "rxap"
+  ],
   "nx-migrations": {
     "packageGroup": [
       {
         "package": "@rxap/authentication",
-        "version": "16.0.0-dev.3"
+        "version": "16.0.0-dev.15"
+      },
+      {
+        "package": "@rxap/authorization",
+        "version": "16.0.0-dev.20"
+      },
+      {
+        "package": "@rxap/browser-utilities",
+        "version": "0.0.2-dev.8"
       },
       {
         "package": "@rxap/config",
-        "version": "16.0.0-dev.3"
+        "version": "16.0.0-dev.16"
+      },
+      {
+        "package": "@rxap/data-source",
+        "version": "16.0.0-dev.18"
       },
       {
         "package": "@rxap/directives",
-        "version": "16.0.0-dev.3"
+        "version": "16.0.0-dev.15"
+      },
+      {
+        "package": "@rxap/environment",
+        "version": "16.0.0-dev.15"
+      },
+      {
+        "package": "@rxap/icon",
+        "version": "16.0.0-dev.15"
       },
       {
         "package": "@rxap/material-directives",
-        "version": "16.0.0-dev.3"
+        "version": "16.0.0-dev.17"
+      },
+      {
+        "package": "@rxap/ngx-changelog",
+        "version": "16.1.0-dev.1"
+      },
+      {
+        "package": "@rxap/ngx-localize",
+        "version": "16.1.0-dev.0"
+      },
+      {
+        "package": "@rxap/ngx-status-check",
+        "version": "16.1.0-dev.12"
+      },
+      {
+        "package": "@rxap/ngx-user",
+        "version": "16.1.0-dev.1"
       },
       {
         "package": "@rxap/rxjs",
@@ -73,14 +109,25 @@
       },
       {
         "package": "@rxap/services",
-        "version": "16.0.0-dev.3"
+        "version": "16.0.0-dev.15"
       },
       {
         "package": "@rxap/utilities",
-        "version": "16.0.0-dev.2"
+        "version": "16.0.0-dev.18"
       }
     ]
   },
+  "publishConfig": {
+    "access": "public",
+    "directory": "../../../dist/packages/angular/layout"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.com/rxap/packages.git",
+    "directory": "packages/angular/layout"
+  },
+  "sideEffects": false,
+  "gitHead": "43ff53dd3025eed5389c5e02ccd7ab7ce004080d",
   "module": "fesm2022/rxap-layout.mjs",
   "typings": "index.d.ts",
   "exports": {
@@ -92,6 +139,7 @@
       "esm2022": "./esm2022/rxap-layout.mjs",
       "esm": "./esm2022/rxap-layout.mjs",
       "default": "./fesm2022/rxap-layout.mjs"
-    }
+    },
+    "./theme": "./theme.css"
   }
 }

package/theme.css

@@ -0,0 +1 @@
+.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-left-width:.25rem;border-left-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);font-size:.875em;border-radius:.3125rem;padding:.1875em .375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding:.8571429em 1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:initial;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:initial}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.right-0{right:0}.top-0{top:0}.z-10{z-index:10}.z-50{z-index:50}.m-8{margin:2rem}.mx-16{margin-left:4rem;margin-right:4rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-32{margin-bottom:8rem}.mb-4{margin-bottom:1rem}.ml-16{margin-left:4rem}.ml-2{margin-left:.5rem}.mt-16{margin-top:4rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-3{height:.75rem}.h-6{height:1.5rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-3{width:.75rem}.w-96{width:24rem}.w-full{width:100%}.min-w-full{min-width:100%}.\!max-w-none{max-width:none!important}.max-w-6xl{max-width:72rem}.grow{flex-grow:1}.grow-0{flex-grow:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-stretch{justify-items:stretch}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-5{row-gap:1.25rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-accent-600{border-color:var(--accent-600)}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-green-900{--tw-bg-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity))}.bg-primary-500{background-color:var(--primary-500)}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-red-900{background-color:rgb(127 29 29/var(--tw-bg-opacity))}.bg-red-900,.bg-white{--tw-bg-opacity:1}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity))}.bg-yellow-900{--tw-bg-opacity:1;background-color:rgb(113 63 18/var(--tw-bg-opacity))}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-16{padding-left:4rem;padding-right:4rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-2{padding-bottom:.5rem}.pl-0{padding-left:0}.pl-12{padding-left:3rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-5{padding-right:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.capitalize{text-transform:capitalize}.text-accent-400{color:var(--accent-400)}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-green-300{--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.text-neutral-700{--tw-text-opacity:1;color:rgb(64 64 64/var(--tw-text-opacity))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity))}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.drop-shadow-2xl{--tw-drop-shadow:drop-shadow(0 25px 25px #00000026)}.drop-shadow-2xl,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-colors{transition-duration:.15s}:is(.dark .dark\:prose-invert){--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}:is(.dark .dark\:bg-black){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-900){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}:is(.dark .dark\:bg-green-900){--tw-bg-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity))}:is(.dark .dark\:bg-red-900){--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity))}:is(.dark .dark\:bg-yellow-900){--tw-bg-opacity:1;background-color:rgb(113 63 18/var(--tw-bg-opacity))}:is(.dark .dark\:text-green-300){--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity))}:is(.dark .dark\:text-neutral-400){--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity))}:is(.dark .dark\:text-red-300){--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity))}:is(.dark .dark\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(.dark .dark\:text-yellow-300){--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity))}:is(.dark .dark\:hover\:bg-gray-900:hover){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:text-white:hover){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (min-width:768px){.md\:w-1\/2{width:50%}}