@spartan-ng/cli 0.0.1-alpha.361 → 0.0.1-alpha.362

package/src/generators/ui/libs/ui-slider-helm/files/lib/hlm-slider-tick-marks.directive.ts.template

@@ -0,0 +1,17 @@
+import { Directive, computed, input } from '@angular/core';
+import { hlm } from '@spartan-ng/ui-core';
+import type { ClassValue } from 'clsx';
+
+@Directive({
+	selector: '[hlmSliderTickMarks]',
+	standalone: true,
+	host: {
+		'[class]': '_computedClass()',
+	},
+})
+export class HlmSliderTickMarksDirective {
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
+	protected _computedClass = computed(() =>
+		hlm('h-full w-full relative -top-4 cursor-pointer pointer-events-none transition-all', this.userClass()),
+	);
+}

package/src/generators/ui/libs/ui-slider-helm/files/lib/hlm-slider-track-active-fill.directive.ts.template

@@ -0,0 +1,26 @@
+import { Directive, computed, inject, input } from "@angular/core";
+import { hlm } from "@spartan-ng/ui-core";
+import { BRN_SLIDER, BrnSliderTrackActiveFillDirective } from "@spartan-ng/ui-slider-brain";
+import type { ClassValue } from "clsx";
+
+@Directive({
+	selector: '[hlmSliderTrackActiveFill]',
+	standalone: true,
+	hostDirectives: [BrnSliderTrackActiveFillDirective],
+	host: {
+		'[class]': '_computedClass()',
+		'[attr.dir]': '_direction()',
+	},
+})
+export class HlmSliderTrackActiveFillDirective {
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
+	protected _computedClass = computed(() =>
+		hlm(
+			'h-full w-full absolute top-0 pointer-events-none bg-primary ltr:origin-left rtl:origin-right transition-all scale-x-0',
+			this.userClass(),
+		),
+	);
+	protected _direction = computed(() => this._brnSlider.direction());
+
+	private readonly _brnSlider = inject(BRN_SLIDER);
+}

package/src/generators/ui/libs/ui-slider-helm/files/lib/hlm-slider-track-active.directive.ts.template

@@ -0,0 +1,20 @@
+import { Directive, computed, input } from '@angular/core';
+import { hlm } from '@spartan-ng/ui-core';
+import type { ClassValue } from 'clsx';
+
+@Directive({
+	selector: '[hlmSliderTrackActive]',
+	standalone: true,
+	host: {
+		'[class]': '_computedClass()',
+	},
+})
+export class HlmSliderTrackActiveDirective {
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
+	protected _computedClass = computed(() =>
+		hlm(
+			'h-full w-full relative -top-2 pointer-events-none overflow-hidden rounded-full transition-all',
+			this.userClass(),
+		),
+	);
+}

package/src/generators/ui/libs/ui-slider-helm/files/lib/hlm-slider-track-inactive.directive.ts.template

@@ -0,0 +1,20 @@
+import { Directive, computed, input } from "@angular/core";
+import { hlm } from "@spartan-ng/ui-core";
+import type { ClassValue } from "clsx";
+
+@Directive({
+    selector: '[hlmSliderTrackInactive]',    
+    standalone: true,          
+    host: {
+		'[class]': '_computedClass()',
+	},
+})
+export class HlmSliderTrackInactiveDirective {
+    public readonly userClass = input<ClassValue>('', { alias: 'class' });
+	protected _computedClass = computed(() =>
+		hlm(
+			'w-full h-full bg-secondary rounded-full transition-all',
+			this.userClass(),
+		),
+	);
+}

package/src/generators/ui/libs/ui-slider-helm/files/lib/hlm-slider-track.component.ts.template

@@ -0,0 +1,55 @@
+import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';
+import { hlm } from '@spartan-ng/ui-core';
+import { BRN_SLIDER, BRN_SLIDER_TRACK, BrnSliderTrackDirective } from '@spartan-ng/ui-slider-brain';
+import type { ClassValue } from 'clsx';
+import { HlmSliderTickMarkDirective } from './hlm-slider-tick-mark.directive';
+import { HlmSliderTickMarksDirective } from './hlm-slider-tick-marks.directive';
+import { HlmSliderTrackActiveFillDirective } from './hlm-slider-track-active-fill.directive';
+import { HlmSliderTrackActiveDirective } from './hlm-slider-track-active.directive';
+import { HlmSliderTrackInactiveDirective } from './hlm-slider-track-inactive.directive';
+
+@Component({
+	selector: 'hlm-slider-track, brn-slider-track [hlm]',
+	standalone: true,
+	changeDetection: ChangeDetectionStrategy.OnPush,
+	template: `
+		<ng-content></ng-content>
+		<div class="flex w-full flex-wrap">
+			<div hlmSliderTrackInactive></div>
+			<div hlmSliderTrackActive>
+				<div hlmSliderTrackActiveFill></div>
+			</div>
+			@if (_brnSlider.showTickMarks()) {
+				<div hlmSliderTickMarks>
+					@for (tickMark of _brnSliderTrack.tickMarks(); track $index) {
+						<div
+							hlmSliderTickMark
+							[data]="{ tickMarkIndex: $index, totalTickMarks: _brnSliderTrack.tickMarks().length }"
+							[active]="tickMark"
+						></div>
+					}
+				</div>
+			}
+		</div>
+	`,
+	host: {
+		'[class]': '_computedClass()',
+	},
+	hostDirectives: [BrnSliderTrackDirective],
+	imports: [
+		HlmSliderTrackInactiveDirective,
+		HlmSliderTrackActiveDirective,
+		HlmSliderTrackActiveFillDirective,
+		HlmSliderTickMarksDirective,
+		HlmSliderTickMarkDirective,
+	],
+})
+export class HlmSliderTrackComponent {
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
+	protected _computedClass = computed(() =>
+		hlm('flex w-full h-2 px-3 self-center relative transition-all', this.userClass()),
+	);
+
+	protected readonly _brnSlider = inject(BRN_SLIDER);
+	protected readonly _brnSliderTrack = inject(BRN_SLIDER_TRACK, { host: true });
+}

package/src/generators/ui/libs/ui-slider-helm/files/lib/hlm-slider.component.ts.template

@@ -0,0 +1,28 @@
+import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';
+import { hlm } from '@spartan-ng/ui-core';
+import { BRN_SLIDER, BrnSliderDirective } from '@spartan-ng/ui-slider-brain';
+import type { ClassValue } from 'clsx';
+
+@Component({
+	selector: 'hlm-slider, brn-slider [hlm]',
+	standalone: true,
+	changeDetection: ChangeDetectionStrategy.OnPush,
+	hostDirectives: [
+		{
+			directive: BrnSliderDirective,
+			inputs: ['brnSliderDisabled: disabled', 'min', 'max', 'step', 'dir', 'label', 'ariaLabel', 'showTickMarks'],
+		},
+	],
+	template: '<ng-content/>',
+	host: {
+		'[class]': '_computedClass()',
+	},
+})
+export class HlmSliderComponent {
+	public readonly userClass = input<ClassValue>('', { alias: 'class' });
+	protected _computedClass = computed(() =>
+		hlm('w-full h-5 flex relative', this._brnSlider.disabled() ? 'opacity-40' : '', this.userClass()),
+	);
+
+	private readonly _brnSlider = inject(BRN_SLIDER, { host: true });
+}

package/src/generators/ui/libs/{ui-form-field → ui-slider-helm}/generator.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const generator_1 = require("../../../base/generator");
 function generator(tree, options) {
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        return yield (0, generator_1.default)(tree, Object.assign(Object.assign({}, options), { primitiveName: 'form-field', internalName: 'ui-form-field-helm', publicName: 'ui-form-field-helm' }));
+        return yield (0, generator_1.default)(tree, Object.assign(Object.assign({}, options), { primitiveName: 'slider', internalName: 'ui-slider-helm', publicName: 'ui-slider-helm' }));
     });
 }
 exports.generator = generator;

package/src/generators/ui/libs/ui-slider-helm/generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/ui-slider-helm/generator.ts"],"names":[],"mappings":";;;;AACA,uDAAuD;AAGvD,SAAsB,SAAS,CAAC,IAAU,EAAE,OAA+B;;QAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,kCAC9B,OAAO,KACV,aAAa,EAAE,QAAQ,EACvB,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EAAE,gBAAgB,IAC3B,CAAC;IACJ,CAAC;CAAA;AAPD,8BAOC"}

package/src/generators/ui/primivite-deps.d.ts

@@ -0,0 +1,3 @@
+import type { Primitive } from './primivites';
+export declare const primitiveDependencies: Record<Primitive, Primitive[]>;
+export declare const getDependentPrimitives: (primitives: Primitive[]) => Primitive[];

package/src/generators/ui/primivite-deps.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDependentPrimitives = exports.primitiveDependencies = void 0;
+exports.primitiveDependencies = {
+    accordion: ['icon'],
+    alert: ['icon'],
+    alertdialog: ['button'],
+    aspectratio: [],
+    avatar: [],
+    badge: [],
+    button: [],
+    card: [],
+    carousel: [],
+    checkbox: ['icon'],
+    collapsible: [],
+    command: ['button', 'icon'],
+    contextmenu: [],
+    dialog: [],
+    forms: [],
+    'form-field': [],
+    hovercard: [],
+    icon: [],
+    input: ['forms', 'form-field'],
+    label: [],
+    menu: ['icon'],
+    menubar: [],
+    pagination: ['button', 'icon'],
+    popover: [],
+    progress: [],
+    radiogroup: [],
+    scrollarea: [],
+    select: ['icon', 'forms', 'form-field'],
+    separator: [],
+    sheet: [],
+    skeleton: [],
+    sonner: ['icon'],
+    spinner: [],
+    switch: [],
+    table: [],
+    tabs: [],
+    toggle: [],
+    tooltip: [],
+};
+const getDependentPrimitives = (primitives) => {
+    const dependentPrimitives = new Set();
+    for (const primitive of primitives) {
+        const deps = exports.primitiveDependencies[primitive];
+        for (const dep of deps) {
+            if (!primitives.includes(dep)) {
+                // only add the dependent primitive if it's not already in the list of primitives to create
+                dependentPrimitives.add(dep);
+            }
+        }
+    }
+    return Array.from(dependentPrimitives);
+};
+exports.getDependentPrimitives = getDependentPrimitives;
+//# sourceMappingURL=primivite-deps.js.map

package/src/generators/ui/primivite-deps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primivite-deps.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/ui/primivite-deps.ts"],"names":[],"mappings":";;;AAEa,QAAA,qBAAqB,GAAmC;IACpE,SAAS,EAAE,CAAC,MAAM,CAAC;IACnB,KAAK,EAAE,CAAC,MAAM,CAAC;IACf,WAAW,EAAE,CAAC,QAAQ,CAAC;IACvB,WAAW,EAAE,EAAE;IACf,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,IAAI,EAAE,EAAE;IACR,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,CAAC,MAAM,CAAC;IAClB,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,EAAE;IACf,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,YAAY,EAAE,EAAE;IAChB,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC;IAC9B,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,CAAC,MAAM,CAAC;IACd,OAAO,EAAE,EAAE;IACX,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC9B,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,EAAE;IACd,UAAU,EAAE,EAAE;IACd,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,YAAY,CAAC;IACvC,SAAS,EAAE,EAAE;IACb,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,EAAE;IACZ,MAAM,EAAE,CAAC,MAAM,CAAC;IAChB,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,EAAE;CACX,CAAC;AAEK,MAAM,sBAAsB,GAAG,CAAC,UAAuB,EAAe,EAAE;IAC9E,MAAM,mBAAmB,GAAG,IAAI,GAAG,EAAa,CAAC;IAEjD,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE,CAAC;QACpC,MAAM,IAAI,GAAG,6BAAqB,CAAC,SAAS,CAAC,CAAC;QAC9C,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;YACxB,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC/B,2FAA2F;gBAC3F,mBAAmB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YAC9B,CAAC;QACF,CAAC;IACF,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;AACxC,CAAC,CAAC;AAdW,QAAA,sBAAsB,0BAcjC"}

package/src/generators/ui/primivites.d.ts

@@ -0,0 +1 @@
+export type Primitive = 'accordion' | 'alert' | 'alertdialog' | 'aspectratio' | 'avatar' | 'badge' | 'button' | 'card' | 'carousel' | 'checkbox' | 'collapsible' | 'command' | 'contextmenu' | 'dialog' | 'forms' | 'form-field' | 'hovercard' | 'icon' | 'input' | 'label' | 'menu' | 'menubar' | 'pagination' | 'popover' | 'progress' | 'radiogroup' | 'scrollarea' | 'select' | 'separator' | 'sheet' | 'skeleton' | 'sonner' | 'spinner' | 'switch' | 'table' | 'tabs' | 'toggle' | 'tooltip';

package/src/generators/ui/primivites.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=primivites.js.map

package/src/generators/ui/primivites.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primivites.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/ui/primivites.ts"],"names":[],"mappings":""}

package/src/generators/ui/supported-ui-libraries.json

@@ -3,9 +3,9 @@
 		"internalName": "ui-accordion-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
-			"clsx": "^1.2.1",
-			"@spartan-ng/ui-accordion-brain": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
+			"clsx": "^2.2.1",
+			"@spartan-ng/ui-accordion-brain": "0.0.1-alpha.354",
 			"@ng-icons/lucide": "^26.3.0"
 		}
 	},
@@ -13,7 +13,7 @@
 		"internalName": "ui-alert-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
 			"class-variance-authority": "^0.6.0",
 			"clsx": "^1.2.1"
 		}
@@ -22,10 +22,10 @@
 		"internalName": "ui-alert-dialog-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
-			"clsx": "^1.2.1",
-			"@spartan-ng/ui-alertdialog-brain": "0.0.1-alpha.353",
-			"@spartan-ng/ui-dialog-brain": "0.0.1-alpha.353"
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
+			"clsx": "^2.2.1",
+			"@spartan-ng/ui-alertdialog-brain": "0.0.1-alpha.354",
+			"@spartan-ng/ui-dialog-brain": "0.0.1-alpha.354"
 		}
 	},
 	"aspectratio": {
@@ -33,7 +33,7 @@
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
 			"@angular/cdk": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
 			"clsx": "^1.2.1"
 		}
 	},
@@ -41,8 +41,8 @@
 		"internalName": "ui-avatar-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
-			"clsx": "^1.2.1",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
+			"clsx": "^2.2.1",
 			"class-variance-authority": "^0.6.0"
 		}
 	},
@@ -50,7 +50,7 @@
 		"internalName": "ui-badge-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
 			"class-variance-authority": "^0.6.0",
 			"clsx": "^1.2.1"
 		}
@@ -59,7 +59,7 @@
 		"internalName": "ui-button-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
 			"class-variance-authority": "^0.6.0",
 			"clsx": "^1.2.1"
 		}
@@ -68,7 +68,7 @@
 		"internalName": "ui-card-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
 			"class-variance-authority": "^0.6.0",
 			"clsx": "^1.2.1"
 		}
@@ -77,7 +77,7 @@
 		"internalName": "ui-command-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
 			"clsx": "^1.2.1"
 		}
 	},
@@ -87,9 +87,9 @@
 			"@angular/core": "^18.0.0",
 			"@angular/common": "^18.0.0",
 			"@angular/cdk": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
-			"clsx": "^1.2.1",
-			"@spartan-ng/ui-dialog-brain": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
+			"clsx": "^2.2.1",
+			"@spartan-ng/ui-dialog-brain": "0.0.1-alpha.354",
 			"@ng-icons/lucide": "^26.3.0"
 		}
 	},
@@ -98,7 +98,7 @@
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
 			"@angular/common": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
 			"@ng-icons/core": "^25.1.0",
 			"class-variance-authority": "^0.6.0",
 			"clsx": "^1.2.1"
@@ -108,8 +108,10 @@
 		"internalName": "ui-input-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
 			"class-variance-authority": "^0.6.0",
+			"@spartan-ng/ui-forms-brain": "0.0.1-alpha.354",
+			"@spartan-ng/ui-form-field-brain": "0.0.1-alpha.354",
 			"clsx": "^1.2.1"
 		}
 	},
@@ -117,28 +119,28 @@
 		"internalName": "ui-label-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
 			"class-variance-authority": "^0.6.0",
-			"clsx": "^1.2.1",
-			"@spartan-ng/ui-label-brain": "0.0.1-alpha.353"
+			"clsx": "^2.2.1",
+			"@spartan-ng/ui-label-brain": "0.0.1-alpha.354"
 		}
 	},
 	"menu": {
 		"internalName": "ui-menu-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
 			"@ng-icons/lucide": "^26.3.0",
-			"clsx": "^1.2.1",
+			"clsx": "^2.2.1",
 			"class-variance-authority": "^0.6.0",
-			"@spartan-ng/ui-menu-brain": "0.0.1-alpha.353"
+			"@spartan-ng/ui-menu-brain": "0.0.1-alpha.354"
 		}
 	},
 	"popover": {
 		"internalName": "ui-popover-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
 			"clsx": "^1.2.1"
 		}
 	},
@@ -146,7 +148,7 @@
 		"internalName": "ui-progress-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
 			"clsx": "^1.2.1"
 		}
 	},
@@ -154,7 +156,7 @@
 		"internalName": "ui-radio-group-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
 			"clsx": "^1.2.1"
 		}
 	},
@@ -162,7 +164,7 @@
 		"internalName": "ui-scroll-area-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
 			"ngx-scrollbar": "^13.0.1",
 			"clsx": "^1.2.1"
 		}
@@ -171,7 +173,7 @@
 		"internalName": "ui-separator-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
 			"clsx": "^1.2.1"
 		}
 	},
@@ -179,19 +181,19 @@
 		"internalName": "ui-sheet-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
-			"clsx": "^1.2.1",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
+			"clsx": "^2.2.1",
 			"class-variance-authority": "^0.6.0",
 			"@ng-icons/lucide": "^26.3.0",
-			"@spartan-ng/ui-sheet-brain": "0.0.1-alpha.353",
-			"@spartan-ng/ui-dialog-brain": "0.0.1-alpha.353"
+			"@spartan-ng/ui-sheet-brain": "0.0.1-alpha.354",
+			"@spartan-ng/ui-dialog-brain": "0.0.1-alpha.354"
 		}
 	},
 	"skeleton": {
 		"internalName": "ui-skeleton-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
 			"clsx": "^1.2.1"
 		}
 	},
@@ -199,7 +201,7 @@
 		"internalName": "ui-spinner-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
 			"class-variance-authority": "^0.6.0",
 			"clsx": "^1.2.1"
 		}
@@ -209,27 +211,27 @@
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
 			"@angular/forms": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
-			"clsx": "^1.2.1",
-			"@spartan-ng/ui-switch-brain": "0.0.1-alpha.353"
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
+			"clsx": "^2.2.1",
+			"@spartan-ng/ui-switch-brain": "0.0.1-alpha.354"
 		}
 	},
 	"tabs": {
 		"internalName": "ui-tabs-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
-			"clsx": "^1.2.1",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
+			"clsx": "^2.2.1",
 			"class-variance-authority": "^0.6.0",
-			"@spartan-ng/ui-tabs-brain": "0.0.1-alpha.353"
+			"@spartan-ng/ui-tabs-brain": "0.0.1-alpha.354"
 		}
 	},
 	"toggle": {
 		"internalName": "ui-toggle-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
-			"clsx": "^1.2.1",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
+			"clsx": "^2.2.1",
 			"class-variance-authority": "^0.6.0"
 		}
 	},
@@ -237,7 +239,7 @@
 		"internalName": "ui-typography-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
 			"clsx": "^1.2.1"
 		}
 	},
@@ -246,8 +248,8 @@
 		"peerDependencies": {
 			"@angular/common": "^18.0.0",
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
-			"@spartan-ng/ui-table-brain": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
+			"@spartan-ng/ui-table-brain": "0.0.1-alpha.354",
 			"clsx": "^1.2.1"
 		}
 	},
@@ -255,7 +257,7 @@
 		"internalName": "ui-hover-card-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
 			"clsx": "^1.2.1"
 		}
 	},
@@ -264,9 +266,9 @@
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
 			"@angular/forms": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
-			"@spartan-ng/ui-checkbox-brain": "0.0.1-alpha.353",
-			"clsx": "^1.2.1",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
+			"@spartan-ng/ui-checkbox-brain": "0.0.1-alpha.354",
+			"clsx": "^2.2.1",
 			"@ng-icons/lucide": "^26.3.0"
 		}
 	},
@@ -274,7 +276,7 @@
 		"internalName": "ui-tooltip-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-tooltip-brain": "0.0.1-alpha.353"
+			"@spartan-ng/ui-tooltip-brain": "0.0.1-alpha.354"
 		}
 	},
 	"pagination": {
@@ -282,7 +284,7 @@
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
 			"@angular/router": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
 			"@ng-icons/lucide": "^26.3.0",
 			"class-variance-authority": "^0.6.0",
 			"clsx": "^1.2.1"
@@ -293,8 +295,8 @@
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
 			"@ng-icons/lucide": "^26.3.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
-			"clsx": "^1.2.1",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
+			"clsx": "^2.2.1",
 			"embla-carousel-angular": "^14.0.0"
 		}
 	},
@@ -302,8 +304,8 @@
 		"internalName": "ui-select-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
-			"@spartan-ng/ui-select-brain": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
+			"@spartan-ng/ui-select-brain": "0.0.1-alpha.354",
 			"class-variance-authority": "^0.6.0",
 			"clsx": "^1.2.1"
 		}
@@ -314,8 +316,8 @@
 			"@angular/core": "^18.0.0",
 			"@angular/forms": "^18.0.0",
 			"@ng-icons/lucide": "^26.3.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
-			"clsx": "^1.2.1",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
+			"clsx": "^2.2.1",
 			"ngx-sonner": "^2.0.0"
 		}
 	},
@@ -330,9 +332,17 @@
 		"internalName": "ui-form-field-helm",
 		"peerDependencies": {
 			"@angular/core": "^18.0.0",
-			"@spartan-ng/ui-core": "0.0.1-alpha.353",
+			"@spartan-ng/ui-core": "0.0.1-alpha.354",
 			"class-variance-authority": "^0.6.0",
+			"@spartan-ng/ui-form-field-brain": "0.0.1-alpha.354",
 			"clsx": "^1.2.1"
 		}
+	},
+	"slider": {
+		"internalName": "ui-slider-helm",
+		"peerDependencies": {
+			"@angular/common": "^18.0.0",
+			"@angular/core": "^18.0.0"
+		}
 	}
 }