@egose/shadcn-theme-ng 0.0.27 → 0.1.0

package/sidebar/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "sidebar",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^22.0.0",
+    "@angular/core": "^22.0.0",
+    "@spartan-ng/brain": "^1.1.1"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/sidebar.mjs",
+  "typings": "types/sidebar.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/sidebar.d.ts",
+      "default": "./fesm2022/sidebar.mjs"
+    }
+  },
+  "type": "module"
+}

package/sidebar/types/sidebar.d.ts

@@ -0,0 +1,237 @@
+import * as i0 from '@angular/core';
+import { Signal, ValueProvider } from '@angular/core';
+import { ClassValue } from 'clsx';
+import * as i1 from '@egose/shadcn-theme-ng/input';
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i1$1 from '@spartan-ng/brain/tooltip';
+import * as i1$2 from '@egose/shadcn-theme-ng/separator';
+import * as i1$3 from '@egose/shadcn-theme-ng/button';
+
+type SidebarVariant = 'sidebar' | 'floating' | 'inset';
+declare class HlmSidebarService {
+    private readonly _platformId;
+    private readonly _request;
+    private readonly _config;
+    private readonly _document;
+    private readonly _window;
+    private readonly _open;
+    private readonly _openMobile;
+    private readonly _isMobile;
+    private readonly _variant;
+    private _mediaQuery;
+    readonly open: Signal<boolean>;
+    readonly openMobile: Signal<boolean>;
+    readonly isMobile: Signal<boolean>;
+    readonly variant: Signal<SidebarVariant>;
+    readonly state: Signal<"expanded" | "collapsed">;
+    constructor();
+    setOpen(open: boolean): void;
+    setOpenMobile(open: boolean): void;
+    setVariant(variant: SidebarVariant): void;
+    toggleSidebar(): void;
+    private restoreStateFromCookie;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<HlmSidebarService>;
+}
+
+declare class HlmSidebar {
+    protected readonly _sidebarService: HlmSidebarService;
+    private readonly _config;
+    readonly sidebarWidthMobile: i0.InputSignal<string>;
+    readonly side: i0.InputSignal<"left" | "right">;
+    readonly variant: i0.InputSignal<SidebarVariant>;
+    readonly collapsible: i0.InputSignal<"offcanvas" | "icon" | "none">;
+    protected readonly _sidebarGapComputedClass: i0.Signal<string>;
+    readonly sidebarContainerClass: i0.InputSignal<ClassValue>;
+    protected readonly _sidebarContainerComputedClass: i0.Signal<string>;
+    protected readonly _dataSlot: i0.Signal<"sidebar" | undefined>;
+    private readonly _collapsibleAndNonMobile;
+    protected readonly _dataState: i0.Signal<"expanded" | "collapsed" | undefined>;
+    protected readonly _dataCollapsible: i0.Signal<"offcanvas" | "icon" | "none" | "" | undefined>;
+    protected readonly _dataVariant: i0.Signal<SidebarVariant | undefined>;
+    protected readonly _dataSide: i0.Signal<"left" | "right" | undefined>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmSidebar, "hlm-sidebar", never, { "sidebarWidthMobile": { "alias": "sidebarWidthMobile"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "sidebarContainerClass": { "alias": "sidebarContainerClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class HlmSidebarContent {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSidebarContent, "[hlmSidebarContent],hlm-sidebar-content", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmSidebarFooter {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarFooter, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSidebarFooter, "[hlmSidebarFooter],hlm-sidebar-footer", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmSidebarGroup {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarGroup, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSidebarGroup, "[hlmSidebarGroup],hlm-sidebar-group", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmSidebarGroupAction {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarGroupAction, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSidebarGroupAction, "button[hlmSidebarGroupAction]", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmSidebarGroupContent {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarGroupContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSidebarGroupContent, "div[hlmSidebarGroupContent]", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmSidebarGroupLabel {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarGroupLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSidebarGroupLabel, "div[hlmSidebarGroupLabel], button[hlmSidebarGroupLabel]", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmSidebarHeader {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarHeader, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSidebarHeader, "[hlmSidebarHeader],hlm-sidebar-header", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmSidebarInput {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSidebarInput, "input[hlmSidebarInput]", never, {}, {}, never, never, true, [{ directive: typeof i1.HlmInput; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmSidebarInset {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarInset, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSidebarInset, "main[hlmSidebarInset]", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmSidebarMenu {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarMenu, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSidebarMenu, "ul[hlmSidebarMenu]", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmSidebarMenuAction {
+    readonly showOnHover: i0.InputSignalWithTransform<boolean, BooleanInput>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarMenuAction, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSidebarMenuAction, "button[hlmSidebarMenuAction]", never, { "showOnHover": { "alias": "showOnHover"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class HlmSidebarMenuBadge {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarMenuBadge, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSidebarMenuBadge, "[hlmSidebarMenuBadge],hlm-sidebar-menu-badge", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmSidebarMenuButton {
+    private readonly _config;
+    private readonly _sidebarService;
+    private readonly _brnTooltip;
+    readonly variant: i0.InputSignal<"default" | "outline">;
+    readonly size: i0.InputSignal<"default" | "sm" | "lg">;
+    readonly isActive: i0.InputSignalWithTransform<boolean, BooleanInput>;
+    readonly closeMobileSidebarOnClick: i0.InputSignalWithTransform<boolean, BooleanInput>;
+    protected readonly _isTooltipHidden: i0.Signal<boolean>;
+    constructor();
+    protected onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarMenuButton, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSidebarMenuButton, "button[hlmSidebarMenuButton], a[hlmSidebarMenuButton]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; "closeMobileSidebarOnClick": { "alias": "closeMobileSidebarOnClick"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.BrnTooltip; inputs: { "brnTooltip": "tooltip"; }; outputs: {}; }]>;
+}
+
+declare class HlmSidebarMenuItem {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarMenuItem, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSidebarMenuItem, "li[hlmSidebarMenuItem]", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmSidebarMenuSkeleton {
+    readonly showIcon: i0.InputSignalWithTransform<boolean, BooleanInput>;
+    protected readonly _width: string;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarMenuSkeleton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmSidebarMenuSkeleton, "hlm-sidebar-menu-skeleton,div[hlmSidebarMenuSkeleton]", never, { "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class HlmSidebarMenuSub {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarMenuSub, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSidebarMenuSub, "ul[hlmSidebarMenuSub]", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmSidebarMenuSubButton {
+    private readonly _sidebarService;
+    private readonly _config;
+    readonly closeMobileSidebarOnClick: i0.InputSignalWithTransform<boolean, BooleanInput>;
+    readonly size: i0.InputSignal<"sm" | "md">;
+    readonly isActive: i0.InputSignalWithTransform<boolean, BooleanInput>;
+    constructor();
+    protected onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarMenuSubButton, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSidebarMenuSubButton, "a[hlmSidebarMenuSubButton], button[hlmSidebarMenuSubButton]", never, { "closeMobileSidebarOnClick": { "alias": "closeMobileSidebarOnClick"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class HlmSidebarMenuSubItem {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarMenuSubItem, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSidebarMenuSubItem, "li[hlmSidebarMenuSubItem]", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmSidebarRail {
+    private readonly _sidebarService;
+    readonly ariaLabel: i0.InputSignal<string>;
+    constructor();
+    protected onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarRail, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSidebarRail, "button[hlmSidebarRail]", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class HlmSidebarSeparator {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarSeparator, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSidebarSeparator, "[hlmSidebarSeparator],hlm-sidebar-separator", never, {}, {}, never, never, true, [{ directive: typeof i1$2.HlmSeparator; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmSidebarTrigger {
+    private readonly _sidebarService;
+    readonly srOnlyText: i0.InputSignal<string>;
+    protected _onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarTrigger, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmSidebarTrigger, "button[hlmSidebarTrigger]", never, { "srOnlyText": { "alias": "srOnlyText"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$3.HlmBtn; inputs: { "variant": "variant"; "size": "size"; }; outputs: {}; }]>;
+}
+
+declare class HlmSidebarWrapper {
+    private readonly _config;
+    readonly sidebarWidth: i0.InputSignal<string>;
+    readonly sidebarWidthIcon: i0.InputSignal<string>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarWrapper, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSidebarWrapper, "[hlmSidebarWrapper],hlm-sidebar-wrapper", never, { "sidebarWidth": { "alias": "sidebarWidth"; "required": false; "isSignal": true; }; "sidebarWidthIcon": { "alias": "sidebarWidthIcon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface HlmSidebarConfig {
+    sidebarWidth: string;
+    sidebarWidthMobile: string;
+    sidebarWidthIcon: string;
+    sidebarCookieName: string;
+    sidebarCookieMaxAge: number;
+    sidebarKeyboardShortcut: string;
+    mobileBreakpoint: string;
+    closeMobileSidebarOnMenuButtonClick: boolean;
+}
+declare function provideHlmSidebarConfig(config: Partial<HlmSidebarConfig>): ValueProvider;
+declare function injectHlmSidebarConfig(): HlmSidebarConfig;
+
+declare const HlmSidebarImports: readonly [typeof HlmSidebar, typeof HlmSidebarContent, typeof HlmSidebarFooter, typeof HlmSidebarGroup, typeof HlmSidebarGroupAction, typeof HlmSidebarGroupContent, typeof HlmSidebarGroupLabel, typeof HlmSidebarHeader, typeof HlmSidebarInput, typeof HlmSidebarInset, typeof HlmSidebarMenu, typeof HlmSidebarMenuSkeleton, typeof HlmSidebarMenuAction, typeof HlmSidebarMenuBadge, typeof HlmSidebarMenuButton, typeof HlmSidebarMenuItem, typeof HlmSidebarMenuSub, typeof HlmSidebarMenuSubButton, typeof HlmSidebarRail, typeof HlmSidebarSeparator, typeof HlmSidebarTrigger, typeof HlmSidebarWrapper, typeof HlmSidebarMenuSubItem];
+declare class HlmSidebarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSidebarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmSidebarModule, never, [typeof HlmSidebar, typeof HlmSidebarContent, typeof HlmSidebarFooter, typeof HlmSidebarGroup, typeof HlmSidebarGroupAction, typeof HlmSidebarGroupContent, typeof HlmSidebarGroupLabel, typeof HlmSidebarHeader, typeof HlmSidebarInput, typeof HlmSidebarInset, typeof HlmSidebarMenu, typeof HlmSidebarMenuSkeleton, typeof HlmSidebarMenuAction, typeof HlmSidebarMenuBadge, typeof HlmSidebarMenuButton, typeof HlmSidebarMenuItem, typeof HlmSidebarMenuSub, typeof HlmSidebarMenuSubButton, typeof HlmSidebarRail, typeof HlmSidebarSeparator, typeof HlmSidebarTrigger, typeof HlmSidebarWrapper, typeof HlmSidebarMenuSubItem], [typeof HlmSidebar, typeof HlmSidebarContent, typeof HlmSidebarFooter, typeof HlmSidebarGroup, typeof HlmSidebarGroupAction, typeof HlmSidebarGroupContent, typeof HlmSidebarGroupLabel, typeof HlmSidebarHeader, typeof HlmSidebarInput, typeof HlmSidebarInset, typeof HlmSidebarMenu, typeof HlmSidebarMenuSkeleton, typeof HlmSidebarMenuAction, typeof HlmSidebarMenuBadge, typeof HlmSidebarMenuButton, typeof HlmSidebarMenuItem, typeof HlmSidebarMenuSub, typeof HlmSidebarMenuSubButton, typeof HlmSidebarRail, typeof HlmSidebarSeparator, typeof HlmSidebarTrigger, typeof HlmSidebarWrapper, typeof HlmSidebarMenuSubItem]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmSidebarModule>;
+}
+
+export { HlmSidebar, HlmSidebarContent, HlmSidebarFooter, HlmSidebarGroup, HlmSidebarGroupAction, HlmSidebarGroupContent, HlmSidebarGroupLabel, HlmSidebarHeader, HlmSidebarImports, HlmSidebarInput, HlmSidebarInset, HlmSidebarMenu, HlmSidebarMenuAction, HlmSidebarMenuBadge, HlmSidebarMenuButton, HlmSidebarMenuItem, HlmSidebarMenuSkeleton, HlmSidebarMenuSub, HlmSidebarMenuSubButton, HlmSidebarMenuSubItem, HlmSidebarModule, HlmSidebarRail, HlmSidebarSeparator, HlmSidebarService, HlmSidebarTrigger, HlmSidebarWrapper, injectHlmSidebarConfig, provideHlmSidebarConfig };
+export type { HlmSidebarConfig, SidebarVariant };

package/skeleton/README.md

@@ -0,0 +1,11 @@
+# Skeleton
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli).
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build skeleton
+```

package/skeleton/fesm2022/skeleton.mjs

@@ -0,0 +1,44 @@
+import * as i0 from '@angular/core';
+import { Directive, NgModule } from '@angular/core';
+import { classes } from '@egose/shadcn-theme-ng/utils';
+
+class HlmSkeleton {
+    constructor() {
+        classes(() => "bg-muted rounded-md block motion-safe:animate-pulse");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSkeleton, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmSkeleton, isStandalone: true, selector: "[hlmSkeleton],hlm-skeleton", host: { attributes: { "data-slot": "skeleton" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSkeleton, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmSkeleton],hlm-skeleton',
+                    host: {
+                        'data-slot': 'skeleton',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Public API Surface of skeleton
+ */
+const HlmSkeletonImports = [HlmSkeleton];
+class HlmSkeletonModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmSkeletonModule, imports: [HlmSkeleton], exports: [HlmSkeleton] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSkeletonModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSkeletonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmSkeletonImports],
+                    exports: [...HlmSkeletonImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmSkeleton, HlmSkeletonImports, HlmSkeletonModule };
+

package/skeleton/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "skeleton",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^22.0.0",
+    "@angular/core": "^22.0.0",
+    "@spartan-ng/brain": "^1.1.1"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/skeleton.mjs",
+  "typings": "types/skeleton.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/skeleton.d.ts",
+      "default": "./fesm2022/skeleton.mjs"
+    }
+  },
+  "type": "module"
+}

package/skeleton/types/skeleton.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from '@angular/core';
+
+declare class HlmSkeleton {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSkeleton, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSkeleton, "[hlmSkeleton],hlm-skeleton", never, {}, {}, never, never, true, never>;
+}
+
+declare const HlmSkeletonImports: readonly [typeof HlmSkeleton];
+declare class HlmSkeletonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSkeletonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmSkeletonModule, never, [typeof HlmSkeleton], [typeof HlmSkeleton]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmSkeletonModule>;
+}
+
+export { HlmSkeleton, HlmSkeletonImports, HlmSkeletonModule };

package/slider/README.md

@@ -0,0 +1,11 @@
+# Slider
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli).
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build slider
+```

package/slider/fesm2022/slider.mjs

@@ -0,0 +1,74 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import * as i1 from '@spartan-ng/brain/slider';
+import { injectBrnSlider, BrnSlider, BrnSliderImports } from '@spartan-ng/brain/slider';
+import { classes } from '@egose/shadcn-theme-ng/utils';
+
+class HlmSlider {
+    _slider = injectBrnSlider();
+    constructor() {
+        classes(() => [
+            "group flex w-full touch-none flex-col select-none data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-row data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        ]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSlider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: HlmSlider, isStandalone: true, selector: "hlm-slider, brn-slider [hlm]", hostDirectives: [{ directive: i1.BrnSlider, inputs: ["id", "id", "value", "value", "disabled", "disabled", "min", "min", "max", "max", "step", "step", "minStepsBetweenThumbs", "minStepsBetweenThumbs", "inverted", "inverted", "orientation", "orientation", "showTicks", "showTicks", "maxTicks", "maxTicks", "tickLabelInterval", "tickLabelInterval", "formatTick", "formatTick", "draggableRange", "draggableRange", "draggableRangeOnly", "draggableRangeOnly", "aria-label", "aria-label", "aria-labelledby", "aria-labelledby"], outputs: ["valueChange", "valueChange"] }], ngImport: i0, template: "\n    <div class=\"relative flex w-full items-center group-data-vertical:w-auto group-data-vertical:flex-col\">\n      <div\n        brnSliderTrack\n        class=\"bg-muted rounded-full data-horizontal:h-1.5 data-horizontal:w-full data-vertical:h-full data-vertical:w-1.5 relative grow overflow-hidden\"\n      >\n        <div\n          class=\"bg-primary absolute select-none data-draggable-range:cursor-move data-horizontal:h-full data-vertical:w-full\"\n          brnSliderRange\n        ></div>\n      </div>\n\n      @for (i of _slider.thumbIndexes(); track i) {\n        <span\n          class=\"border-primary ring-ring/50 size-4 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden absolute block shrink-0 select-none after:absolute after:-inset-2\"\n          brnSliderThumb\n        ></span>\n      }\n    </div>\n\n    @if (_slider.showTicks()) {\n      <div\n        class=\"px-2 group-data-vertical:px-0 group-data-vertical:py-2 text-muted-foreground mt-3 flex w-full items-start justify-between gap-1 text-xs font-medium group-data-horizontal:group-data-inverted:flex-row-reverse group-data-vertical:ms-3 group-data-vertical:mt-0 group-data-vertical:w-auto group-data-vertical:flex-col-reverse group-data-vertical:group-data-inverted:flex-col\"\n      >\n        <div\n          *brnSliderTick=\"let tick; let formattedTick = formattedTick\"\n          class=\"group flex w-0 flex-col items-center justify-center gap-2 group-data-vertical:h-0 group-data-vertical:w-auto group-data-vertical:flex-row\"\n        >\n          <div\n            class=\"bg-muted-foreground/70 h-1 w-px group-data-vertical:h-px group-data-vertical:w-1 group-data-horizontal:group-data-[skip]:h-0.5 group-data-vertical:group-data-[skip]:w-0.5\"\n          ></div>\n          <div class=\"text-center group-data-[skip]:opacity-0\">{{ formattedTick }}</div>\n        </div>\n      </div>\n    }\n  ", isInline: true, dependencies: [{ kind: "directive", type: i1.BrnSliderTrack, selector: "[brnSliderTrack]" }, { kind: "directive", type: i1.BrnSliderThumb, selector: "[brnSliderThumb]" }, { kind: "directive", type: i1.BrnSliderRange, selector: "[brnSliderRange]" }, { kind: "directive", type: i1.BrnSliderTick, selector: "[brnSliderTick]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSlider, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-slider, brn-slider [hlm]',
+                    imports: [BrnSliderImports],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [
+                        {
+                            directive: BrnSlider,
+                            inputs: [
+                                'id',
+                                'value',
+                                'disabled',
+                                'min',
+                                'max',
+                                'step',
+                                'minStepsBetweenThumbs',
+                                'inverted',
+                                'orientation',
+                                'showTicks',
+                                'maxTicks',
+                                'tickLabelInterval',
+                                'formatTick',
+                                'draggableRange',
+                                'draggableRangeOnly',
+                                'aria-label',
+                                'aria-labelledby',
+                            ],
+                            outputs: ['valueChange'],
+                        },
+                    ],
+                    template: "\n    <div class=\"relative flex w-full items-center group-data-vertical:w-auto group-data-vertical:flex-col\">\n      <div\n        brnSliderTrack\n        class=\"bg-muted rounded-full data-horizontal:h-1.5 data-horizontal:w-full data-vertical:h-full data-vertical:w-1.5 relative grow overflow-hidden\"\n      >\n        <div\n          class=\"bg-primary absolute select-none data-draggable-range:cursor-move data-horizontal:h-full data-vertical:w-full\"\n          brnSliderRange\n        ></div>\n      </div>\n\n      @for (i of _slider.thumbIndexes(); track i) {\n        <span\n          class=\"border-primary ring-ring/50 size-4 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden absolute block shrink-0 select-none after:absolute after:-inset-2\"\n          brnSliderThumb\n        ></span>\n      }\n    </div>\n\n    @if (_slider.showTicks()) {\n      <div\n        class=\"px-2 group-data-vertical:px-0 group-data-vertical:py-2 text-muted-foreground mt-3 flex w-full items-start justify-between gap-1 text-xs font-medium group-data-horizontal:group-data-inverted:flex-row-reverse group-data-vertical:ms-3 group-data-vertical:mt-0 group-data-vertical:w-auto group-data-vertical:flex-col-reverse group-data-vertical:group-data-inverted:flex-col\"\n      >\n        <div\n          *brnSliderTick=\"let tick; let formattedTick = formattedTick\"\n          class=\"group flex w-0 flex-col items-center justify-center gap-2 group-data-vertical:h-0 group-data-vertical:w-auto group-data-vertical:flex-row\"\n        >\n          <div\n            class=\"bg-muted-foreground/70 h-1 w-px group-data-vertical:h-px group-data-vertical:w-1 group-data-horizontal:group-data-[skip]:h-0.5 group-data-vertical:group-data-[skip]:w-0.5\"\n          ></div>\n          <div class=\"text-center group-data-[skip]:opacity-0\">{{ formattedTick }}</div>\n        </div>\n      </div>\n    }\n  ",
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Public API Surface of slider
+ */
+const HlmSliderImports = [HlmSlider];
+class HlmSliderModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmSliderModule, imports: [HlmSlider], exports: [HlmSlider] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSliderModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSliderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmSliderImports],
+                    exports: [...HlmSliderImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmSlider, HlmSliderImports, HlmSliderModule };
+

package/slider/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "slider",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^22.0.0",
+    "@angular/core": "^22.0.0",
+    "@spartan-ng/brain": "^1.1.1"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/slider.mjs",
+  "typings": "types/slider.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/slider.d.ts",
+      "default": "./fesm2022/slider.mjs"
+    }
+  },
+  "type": "module"
+}

package/slider/types/slider.d.ts

@@ -0,0 +1,19 @@
+import * as i1 from '@spartan-ng/brain/slider';
+import { BrnSlider } from '@spartan-ng/brain/slider';
+import * as i0 from '@angular/core';
+
+declare class HlmSlider {
+    protected readonly _slider: BrnSlider;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSlider, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmSlider, "hlm-slider, brn-slider [hlm]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnSlider; inputs: { "id": "id"; "value": "value"; "disabled": "disabled"; "min": "min"; "max": "max"; "step": "step"; "minStepsBetweenThumbs": "minStepsBetweenThumbs"; "inverted": "inverted"; "orientation": "orientation"; "showTicks": "showTicks"; "maxTicks": "maxTicks"; "tickLabelInterval": "tickLabelInterval"; "formatTick": "formatTick"; "draggableRange": "draggableRange"; "draggableRangeOnly": "draggableRangeOnly"; "aria-label": "aria-label"; "aria-labelledby": "aria-labelledby"; }; outputs: { "valueChange": "valueChange"; }; }]>;
+}
+
+declare const HlmSliderImports: readonly [typeof HlmSlider];
+declare class HlmSliderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSliderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmSliderModule, never, [typeof HlmSlider], [typeof HlmSlider]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmSliderModule>;
+}
+
+export { HlmSlider, HlmSliderImports, HlmSliderModule };

package/sonner/README.md

@@ -1,64 +1,3 @@
-# Sonner
+# Sonner Subpath
 
-This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.2.0.
-
-## Code scaffolding
-
-Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
-
-```bash
-ng generate component component-name
-```
-
-For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
-
-```bash
-ng generate --help
-```
-
-## Building
-
-To build the library, run:
-
-```bash
-ng build sonner
-```
-
-This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
-
-### Publishing the Library
-
-Once the project is built, you can publish your library by following these steps:
-
-1. Navigate to the `dist` directory:
-
-   ```bash
-   cd dist/sonner
-   ```
-
-2. Run the `npm publish` command to publish your library to the npm registry:
-   ```bash
-   npm publish
-   ```
-
-## Running unit tests
-
-To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
-
-```bash
-ng test
-```
-
-## Running end-to-end tests
-
-For end-to-end (e2e) testing, run:
-
-```bash
-ng e2e
-```
-
-Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
-
-## Additional Resources
-
-For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
+This project ships only as `@egose/shadcn-theme-ng/sonner` or `@egose/shadcn-theme-ng-tw/sonner`. See the [package README](../../README.md) for installation, compatibility, Tailwind variant, test, and release guidance. Do not publish this project directory independently.