@egose/shadcn-theme-ng 0.0.27 → 0.1.0

package/progress/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "progress",
+  "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/progress.mjs",
+  "typings": "types/progress.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/progress.d.ts",
+      "default": "./fesm2022/progress.mjs"
+    }
+  },
+  "type": "module"
+}

package/progress/types/progress.d.ts

@@ -0,0 +1,27 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@spartan-ng/brain/progress';
+
+declare class HlmProgress {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmProgress, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmProgress, "hlm-progress,[hlmProgress]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnProgress; inputs: { "value": "value"; "max": "max"; "getValueLabel": "getValueLabel"; }; outputs: {}; }]>;
+}
+
+declare class HlmProgressIndicator {
+    private readonly _progress;
+    private readonly _dir;
+    protected readonly _transform: i0.Signal<string>;
+    protected readonly _indeterminate: i0.Signal<boolean>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmProgressIndicator, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmProgressIndicator, "[hlmProgressIndicator],hlm-progress-indicator", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnProgressIndicator; inputs: {}; outputs: {}; }]>;
+}
+
+declare const HlmProgressImports: readonly [typeof HlmProgress, typeof HlmProgressIndicator];
+declare class HlmProgressModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmProgressModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmProgressModule, never, [typeof HlmProgress, typeof HlmProgressIndicator], [typeof HlmProgress, typeof HlmProgressIndicator]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmProgressModule>;
+}
+
+export { HlmProgress, HlmProgressImports, HlmProgressIndicator, HlmProgressModule };

package/radio-group/README.md

@@ -0,0 +1,3 @@
+# Radio Group Subpath
+
+This project ships only as `@egose/shadcn-theme-ng/radio-group` or `@egose/shadcn-theme-ng-tw/radio-group`. See the [package README](../../README.md) for installation, compatibility, Tailwind variant, test, and release guidance. Do not publish this project directory independently.

package/radio-group/fesm2022/radio-group.mjs

@@ -0,0 +1,207 @@
+import * as i0 from '@angular/core';
+import { inject, DOCUMENT, Renderer2, ElementRef, PLATFORM_ID, computed, input, booleanAttribute, output, effect, ChangeDetectionStrategy, Component, Directive, NgModule } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import * as i1 from '@spartan-ng/brain/radio-group';
+import { BrnRadioGroup, BrnRadio } from '@spartan-ng/brain/radio-group';
+import { hlm, classes } from '@egose/shadcn-theme-ng/utils';
+import * as i2 from '@spartan-ng/brain/field';
+import { BrnFieldControlDescribedBy } from '@spartan-ng/brain/field';
+
+class HlmRadio {
+    _document = inject(DOCUMENT);
+    _renderer = inject(Renderer2);
+    _elementRef = inject(ElementRef);
+    _isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+    _radioGroup = inject(BrnRadioGroup, { optional: true });
+    _ariaInvalid = computed(() => this._radioGroup?.controlState?.()?.invalid, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_ariaInvalid" }] : /* istanbul ignore next */ []));
+    _touched = computed(() => this._radioGroup?.controlState?.()?.touched, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_touched" }] : /* istanbul ignore next */ []));
+    _dirty = computed(() => this._radioGroup?.controlState?.()?.dirty, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_dirty" }] : /* istanbul ignore next */ []));
+    _groupSpartanInvalid = computed(() => this._radioGroup?.controlState?.()?.spartanInvalid, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_groupSpartanInvalid" }] : /* istanbul ignore next */ []));
+    _errorStateClass = computed(() => (this._groupSpartanInvalid() ? 'text-destructive' : ''), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_errorStateClass" }] : /* istanbul ignore next */ []));
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => hlm("group relative flex items-center gap-x-3", "data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50", this.userClass(), this._errorStateClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    /** Used to set the id on the underlying brn element. */
+    inputId = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inputId" }] : /* istanbul ignore next */ []));
+    /** Used to set the aria-label attribute on the underlying brn element. */
+    ariaLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    /** Used to set the aria-labelledby attribute on the underlying brn element. */
+    ariaLabelledby = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabelledby" } : /* istanbul ignore next */ {}), alias: 'aria-labelledby' });
+    /** Used to set the aria-describedby attribute on the underlying brn element. */
+    ariaDescribedby = input(undefined, { ...(ngDevMode ? { debugName: "ariaDescribedby" } : /* istanbul ignore next */ {}), alias: 'aria-describedby' });
+    /**
+     * The value this radio button represents.
+     */
+    value = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Whether the checkbox is required. */
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether the checkbox is disabled. */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Event emitted when the checked state of this radio button changes.
+     */
+    // eslint-disable-next-line @angular-eslint/no-output-native
+    change = output();
+    constructor() {
+        effect(() => {
+            const isDisabled = this.disabled();
+            if (!this._elementRef.nativeElement || !this._isBrowser)
+                return;
+            const inputId = this.inputId();
+            const labelElement = this._elementRef.nativeElement.closest('label') ??
+                (inputId
+                    ? Array.from(this._document.getElementsByTagName('label')).find((label) => label.htmlFor === inputId)
+                    : undefined);
+            if (!labelElement)
+                return;
+            this._renderer.setAttribute(labelElement, 'data-disabled', isDisabled ? 'true' : 'false');
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmRadio, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: HlmRadio, isStandalone: true, selector: "hlm-radio", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, host: { attributes: { "data-slot": "radio-group-item" }, properties: { "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null", "attr.data-disabled": "disabled() ? \"\" : null" } }, ngImport: i0, template: `
+    <brn-radio
+      [id]="inputId()"
+      [class]="_computedClass()"
+      [value]="value()"
+      [required]="required()"
+      [disabled]="disabled()"
+      [attr.aria-invalid]="_ariaInvalid() ? 'true' : null"
+      [attr.data-invalid]="_ariaInvalid() ? 'true' : null"
+      [attr.data-dirty]="_dirty() ? 'true' : null"
+      [attr.data-touched]="_touched() ? 'true' : null"
+      [attr.data-matches-spartan-invalid]="_groupSpartanInvalid() ? 'true' : null"
+      [aria-label]="ariaLabel()"
+      [aria-labelledby]="ariaLabelledby()"
+      [aria-describedby]="ariaDescribedby()"
+      (change)="change.emit($event)"
+    >
+      <ng-content select="[target],[indicator],hlm-radio-indicator" indicator />
+      <ng-content />
+    </brn-radio>
+  `, isInline: true, dependencies: [{ kind: "component", type: BrnRadio, selector: "brn-radio", inputs: ["disabled", "id", "aria-label", "aria-labelledby", "aria-describedby", "value", "inputStyles", "required"], outputs: ["change"], exportAs: ["brnRadio"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmRadio, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-radio',
+                    imports: [BrnRadio],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[attr.aria-label]': 'null',
+                        '[attr.aria-labelledby]': 'null',
+                        '[attr.aria-describedby]': 'null',
+                        '[attr.data-disabled]': 'disabled() ? "" : null',
+                        'data-slot': 'radio-group-item',
+                    },
+                    template: `
+    <brn-radio
+      [id]="inputId()"
+      [class]="_computedClass()"
+      [value]="value()"
+      [required]="required()"
+      [disabled]="disabled()"
+      [attr.aria-invalid]="_ariaInvalid() ? 'true' : null"
+      [attr.data-invalid]="_ariaInvalid() ? 'true' : null"
+      [attr.data-dirty]="_dirty() ? 'true' : null"
+      [attr.data-touched]="_touched() ? 'true' : null"
+      [attr.data-matches-spartan-invalid]="_groupSpartanInvalid() ? 'true' : null"
+      [aria-label]="ariaLabel()"
+      [aria-labelledby]="ariaLabelledby()"
+      [aria-describedby]="ariaDescribedby()"
+      (change)="change.emit($event)"
+    >
+      <ng-content select="[target],[indicator],hlm-radio-indicator" indicator />
+      <ng-content />
+    </brn-radio>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], ariaDescribedby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-describedby", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], change: [{ type: i0.Output, args: ["change"] }] } });
+
+class HlmRadioGroup {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _brnRadioGroup = inject(BrnRadioGroup);
+    _ariaInvalid = computed(() => this._brnRadioGroup.controlState?.()?.invalid, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_ariaInvalid" }] : /* istanbul ignore next */ []));
+    _touched = computed(() => this._brnRadioGroup.controlState?.()?.touched, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_touched" }] : /* istanbul ignore next */ []));
+    _dirty = computed(() => this._brnRadioGroup.controlState?.()?.dirty, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_dirty" }] : /* istanbul ignore next */ []));
+    _errorState = computed(() => this._brnRadioGroup.controlState?.()?.spartanInvalid, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_errorState" }] : /* istanbul ignore next */ []));
+    constructor() {
+        classes(() => ["grid gap-3", this.userClass(), this._errorState() ? "data-[invalid=true]:text-destructive" : '']);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmRadioGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmRadioGroup, isStandalone: true, selector: "[hlmRadioGroup],hlm-radio-group", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "radio-group" }, properties: { "attr.aria-invalid": "_ariaInvalid() ? \"true\" : null", "attr.data-invalid": "_ariaInvalid() ? \"true\" : null", "attr.data-dirty": "_dirty() ? \"true\" : null", "attr.data-touched": "_touched() ? \"true\" : null" } }, hostDirectives: [{ directive: i1.BrnRadioGroup, inputs: ["name", "name", "value", "value", "disabled", "disabled", "required", "required"], outputs: ["valueChange", "valueChange"] }, { directive: i2.BrnFieldControlDescribedBy }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmRadioGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmRadioGroup],hlm-radio-group',
+                    hostDirectives: [
+                        {
+                            directive: BrnRadioGroup,
+                            inputs: ['name', 'value', 'disabled', 'required'],
+                            outputs: ['valueChange'],
+                        },
+                        BrnFieldControlDescribedBy,
+                    ],
+                    host: {
+                        'data-slot': 'radio-group',
+                        '[attr.aria-invalid]': '_ariaInvalid() ? "true" : null',
+                        '[attr.data-invalid]': '_ariaInvalid() ? "true" : null',
+                        '[attr.data-dirty]': '_dirty() ? "true" : null',
+                        '[attr.data-touched]': '_touched() ? "true" : null',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmRadioIndicator {
+    constructor() {
+        classes(() => "border-input text-primary group-has-[:focus-visible]:border-ring group-has-[:focus-visible]:ring-ring/50 dark:bg-input/30 group-data-[disabled=true]:cursor-not-allowed group-data-[disabled=true]:opacity-50 relative flex aspect-square size-4 shrink-0 items-center justify-center rounded-full border shadow-xs transition-[color,box-shadow] outline-none group-has-[:focus-visible]:ring-[3px]");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmRadioIndicator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.3", type: HlmRadioIndicator, isStandalone: true, selector: "hlm-radio-indicator", host: { attributes: { "data-slot": "radio-group-indicator" } }, ngImport: i0, template: " <div class=\"group-data-[checked=true]:bg-primary size-2 rounded-full bg-transparent\"></div> ", isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmRadioIndicator, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-radio-indicator',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        'data-slot': 'radio-group-indicator',
+                    },
+                    template: " <div class=\"group-data-[checked=true]:bg-primary size-2 rounded-full bg-transparent\"></div> ",
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Public API Surface of radio-group
+ */
+const HlmRadioGroupImports = [HlmRadioGroup, HlmRadio, HlmRadioIndicator];
+class HlmRadioGroupModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmRadioGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmRadioGroupModule, imports: [HlmRadioGroup, HlmRadio, HlmRadioIndicator], exports: [HlmRadioGroup, HlmRadio, HlmRadioIndicator] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmRadioGroupModule, imports: [HlmRadio] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmRadioGroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmRadioGroupImports],
+                    exports: [...HlmRadioGroupImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmRadio, HlmRadioGroup, HlmRadioGroupImports, HlmRadioGroupModule, HlmRadioIndicator };
+

package/radio-group/package.json

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

package/radio-group/types/radio-group.d.ts

@@ -0,0 +1,71 @@
+import * as _angular_core from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i1 from '@spartan-ng/brain/radio-group';
+import { BrnRadioChange } from '@spartan-ng/brain/radio-group';
+import { ClassValue } from 'clsx';
+import * as i2 from '@spartan-ng/brain/field';
+
+declare class HlmRadio<T = unknown> {
+    private readonly _document;
+    private readonly _renderer;
+    private readonly _elementRef;
+    private readonly _isBrowser;
+    private readonly _radioGroup;
+    protected readonly _ariaInvalid: _angular_core.Signal<boolean | undefined>;
+    protected readonly _touched: _angular_core.Signal<boolean | undefined>;
+    protected readonly _dirty: _angular_core.Signal<boolean | undefined>;
+    protected readonly _groupSpartanInvalid: _angular_core.Signal<boolean | undefined>;
+    protected readonly _errorStateClass: _angular_core.Signal<"text-destructive" | "">;
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    /** Used to set the id on the underlying brn element. */
+    readonly inputId: _angular_core.InputSignal<string | undefined>;
+    /** Used to set the aria-label attribute on the underlying brn element. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Used to set the aria-labelledby attribute on the underlying brn element. */
+    readonly ariaLabelledby: _angular_core.InputSignal<string | undefined>;
+    /** Used to set the aria-describedby attribute on the underlying brn element. */
+    readonly ariaDescribedby: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The value this radio button represents.
+     */
+    readonly value: _angular_core.InputSignal<T>;
+    /** Whether the checkbox is required. */
+    readonly required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /** Whether the checkbox is disabled. */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Event emitted when the checked state of this radio button changes.
+     */
+    readonly change: _angular_core.OutputEmitterRef<BrnRadioChange<T>>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmRadio<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmRadio<any>, "hlm-radio", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, ["[target],[indicator],hlm-radio-indicator", "*"], true, never>;
+}
+
+declare class HlmRadioGroup {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    private readonly _brnRadioGroup;
+    protected readonly _ariaInvalid: _angular_core.Signal<boolean | undefined>;
+    protected readonly _touched: _angular_core.Signal<boolean | undefined>;
+    protected readonly _dirty: _angular_core.Signal<boolean | undefined>;
+    protected readonly _errorState: _angular_core.Signal<boolean | undefined>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmRadioGroup, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HlmRadioGroup, "[hlmRadioGroup],hlm-radio-group", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.BrnRadioGroup; inputs: { "name": "name"; "value": "value"; "disabled": "disabled"; "required": "required"; }; outputs: { "valueChange": "valueChange"; }; }, { directive: typeof i2.BrnFieldControlDescribedBy; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmRadioIndicator {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmRadioIndicator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmRadioIndicator, "hlm-radio-indicator", never, {}, {}, never, never, true, never>;
+}
+
+declare const HlmRadioGroupImports: readonly [typeof HlmRadioGroup, typeof HlmRadio, typeof HlmRadioIndicator];
+declare class HlmRadioGroupModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmRadioGroupModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<HlmRadioGroupModule, never, [typeof HlmRadioGroup, typeof HlmRadio, typeof HlmRadioIndicator], [typeof HlmRadioGroup, typeof HlmRadio, typeof HlmRadioIndicator]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<HlmRadioGroupModule>;
+}
+
+export { HlmRadio, HlmRadioGroup, HlmRadioGroupImports, HlmRadioGroupModule, HlmRadioIndicator };

package/resizable/README.md

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

package/resizable/fesm2022/resizable.mjs

@@ -0,0 +1,103 @@
+import * as i0 from '@angular/core';
+import { Directive, inject, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import * as i1 from '@spartan-ng/brain/resizable';
+import { BrnResizableGroup, BrnResizableHandle, BrnResizablePanel } from '@spartan-ng/brain/resizable';
+import { classes } from '@egose/shadcn-theme-ng/utils';
+
+class HlmResizableGroup {
+    constructor() {
+        classes(() => "group flex h-full w-full data-[panel-group-direction=vertical]:flex-col");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmResizableGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmResizableGroup, isStandalone: true, selector: "[hlmResizableGroup],hlm-resizable-group", host: { attributes: { "data-slot": "resizable-group" } }, hostDirectives: [{ directive: i1.BrnResizableGroup, inputs: ["direction", "direction", "layout", "layout"], outputs: ["dragEnd", "dragEnd", "dragStart", "dragStart", "layoutChange", "layoutChange"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmResizableGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmResizableGroup],hlm-resizable-group',
+                    hostDirectives: [
+                        {
+                            directive: BrnResizableGroup,
+                            inputs: ['direction', 'layout'],
+                            outputs: ['dragEnd', 'dragStart', 'layoutChange'],
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'resizable-group',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmResizableHandle {
+    _brnResizableHandle = inject(BrnResizableHandle);
+    constructor() {
+        classes(() => [
+            "bg-border ring-offset-background focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+            "data-[panel-group-direction=horizontal]:hover:cursor-ew-resize data-[panel-group-direction=vertical]:hover:cursor-ns-resize",
+        ]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmResizableHandle, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: HlmResizableHandle, isStandalone: true, selector: "hlm-resizable-handle", host: { attributes: { "data-slot": "resizable-handle" } }, exportAs: ["hlmResizableHandle"], hostDirectives: [{ directive: i1.BrnResizableHandle, inputs: ["withHandle", "withHandle", "disabled", "disabled"] }], ngImport: i0, template: "\n    @if (_brnResizableHandle.withHandle()) {\n      <div class=\"bg-border h-6 w-1 rounded-lg z-10 flex shrink-0\"></div>\n    }\n  ", isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmResizableHandle, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-resizable-handle',
+                    exportAs: 'hlmResizableHandle',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [{ directive: BrnResizableHandle, inputs: ['withHandle', 'disabled'] }],
+                    host: {
+                        'data-slot': 'resizable-handle',
+                    },
+                    template: "\n    @if (_brnResizableHandle.withHandle()) {\n      <div class=\"bg-border h-6 w-1 rounded-lg z-10 flex shrink-0\"></div>\n    }\n  ",
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmResizablePanel {
+    _resizablePanel = inject(BrnResizablePanel);
+    setSize(size) {
+        this._resizablePanel.setSize(size);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmResizablePanel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmResizablePanel, isStandalone: true, selector: "[hlmResizablePanel],hlm-resizable-panel", host: { attributes: { "data-slot": "resizable-panel" } }, exportAs: ["hlmResizablePanel"], hostDirectives: [{ directive: i1.BrnResizablePanel, inputs: ["defaultSize", "defaultSize", "id", "id", "collapsible", "collapsible", "maxSize", "maxSize", "minSize", "minSize"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmResizablePanel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmResizablePanel],hlm-resizable-panel',
+                    exportAs: 'hlmResizablePanel',
+                    hostDirectives: [
+                        {
+                            directive: BrnResizablePanel,
+                            inputs: ['defaultSize', 'id', 'collapsible', 'maxSize', 'minSize'],
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'resizable-panel',
+                    },
+                }]
+        }] });
+
+/*
+ * Public API Surface of resizable
+ */
+const HlmResizableImports = [HlmResizableGroup, HlmResizablePanel, HlmResizableHandle];
+class HlmResizableModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmResizableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmResizableModule, imports: [HlmResizableGroup, HlmResizablePanel, HlmResizableHandle], exports: [HlmResizableGroup, HlmResizablePanel, HlmResizableHandle] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmResizableModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmResizableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmResizableImports],
+                    exports: [...HlmResizableImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmResizableGroup, HlmResizableHandle, HlmResizableImports, HlmResizableModule, HlmResizablePanel };
+

package/resizable/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "resizable",
+  "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/resizable.mjs",
+  "typings": "types/resizable.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/resizable.d.ts",
+      "default": "./fesm2022/resizable.mjs"
+    }
+  },
+  "type": "module"
+}

package/resizable/types/resizable.d.ts

@@ -0,0 +1,32 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@spartan-ng/brain/resizable';
+import { BrnResizableHandle } from '@spartan-ng/brain/resizable';
+
+declare class HlmResizableGroup {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmResizableGroup, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmResizableGroup, "[hlmResizableGroup],hlm-resizable-group", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnResizableGroup; inputs: { "direction": "direction"; "layout": "layout"; }; outputs: { "dragEnd": "dragEnd"; "dragStart": "dragStart"; "layoutChange": "layoutChange"; }; }]>;
+}
+
+declare class HlmResizableHandle {
+    protected readonly _brnResizableHandle: BrnResizableHandle;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmResizableHandle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmResizableHandle, "hlm-resizable-handle", ["hlmResizableHandle"], {}, {}, never, never, true, [{ directive: typeof i1.BrnResizableHandle; inputs: { "withHandle": "withHandle"; "disabled": "disabled"; }; outputs: {}; }]>;
+}
+
+declare class HlmResizablePanel {
+    private readonly _resizablePanel;
+    setSize(size: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmResizablePanel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmResizablePanel, "[hlmResizablePanel],hlm-resizable-panel", ["hlmResizablePanel"], {}, {}, never, never, true, [{ directive: typeof i1.BrnResizablePanel; inputs: { "defaultSize": "defaultSize"; "id": "id"; "collapsible": "collapsible"; "maxSize": "maxSize"; "minSize": "minSize"; }; outputs: {}; }]>;
+}
+
+declare const HlmResizableImports: readonly [typeof HlmResizableGroup, typeof HlmResizablePanel, typeof HlmResizableHandle];
+declare class HlmResizableModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmResizableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmResizableModule, never, [typeof HlmResizableGroup, typeof HlmResizablePanel, typeof HlmResizableHandle], [typeof HlmResizableGroup, typeof HlmResizablePanel, typeof HlmResizableHandle]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmResizableModule>;
+}
+
+export { HlmResizableGroup, HlmResizableHandle, HlmResizableImports, HlmResizableModule, HlmResizablePanel };

package/scroll-area/README.md

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

package/scroll-area/fesm2022/scroll-area.mjs

@@ -0,0 +1,51 @@
+import * as i0 from '@angular/core';
+import { Directive, NgModule } from '@angular/core';
+import { classes } from '@egose/shadcn-theme-ng/utils';
+import { provideScrollbarOptions } from 'ngx-scrollbar';
+
+class HlmScrollArea {
+    constructor() {
+        classes(() => "rounded-md [--scrollbar-thumb-shape:9999px] block");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmScrollArea, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmScrollArea, isStandalone: true, selector: "ng-scrollbar[hlm],ng-scrollbar[hlmScrollbar]", host: { attributes: { "data-slot": "scroll-area" }, properties: { "style.--scrollbar-thumb-color": "\"var(--border)\"", "style.--scrollbar-thumb-hover-color": "\"var(--border)\"", "style.--scrollbar-track-color": "\"transparent\"", "style.--scrollbar-track-thickness": "\"0.625rem\"", "style.--scrollbar-track-offset": "\"1.5px\"" } }, providers: [provideScrollbarOptions({ visibility: 'hover' })], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmScrollArea, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-scrollbar[hlm],ng-scrollbar[hlmScrollbar]',
+                    providers: [provideScrollbarOptions({ visibility: 'hover' })],
+                    host: {
+                        'data-slot': 'scroll-area',
+                        '[style.--scrollbar-thumb-color]': '"var(--border)"',
+                        '[style.--scrollbar-thumb-hover-color]': '"var(--border)"',
+                        '[style.--scrollbar-track-color]': '"transparent"',
+                        '[style.--scrollbar-track-thickness]': '"0.625rem"',
+                        '[style.--scrollbar-track-offset]': '"1.5px"',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Public API Surface of scroll-area
+ */
+const HlmScrollAreaImports = [HlmScrollArea];
+class HlmScrollAreaModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmScrollAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmScrollAreaModule, imports: [HlmScrollArea], exports: [HlmScrollArea] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmScrollAreaModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmScrollAreaModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmScrollAreaImports],
+                    exports: [...HlmScrollAreaImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmScrollArea, HlmScrollAreaImports, HlmScrollAreaModule };
+

package/scroll-area/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "scroll-area",
+  "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/scroll-area.mjs",
+  "typings": "types/scroll-area.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/scroll-area.d.ts",
+      "default": "./fesm2022/scroll-area.mjs"
+    }
+  },
+  "type": "module"
+}