@spartan-ng/cli 0.0.1-alpha.484 → 0.0.1-alpha.486

package/src/generators/ui/libs/ui-toggle-group-helm/files/lib/hlm-toggle-item.directive.ts.template

@@ -5,19 +5,17 @@ import type { ClassValue } from 'clsx';
 import { injectHlmToggleGroup } from './hlm-toggle-group.token';
 
 export const toggleGroupItemVariants = cva(
-	'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground',
+	'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_ng-icon]:pointer-events-none [&_ng-icon]:text-base [&_ng-icon]:shrink-0 gap-2',
 	{
 		variants: {
 			variant: {
 				default: 'bg-transparent',
 				outline: 'border border-input bg-transparent hover:bg-accent hover:text-accent-foreground',
-				merged:
-					'border border-l-0 first-of-type:border-l border-input bg-transparent hover:bg-accent hover:text-accent-foreground',
 			},
 			size: {
-				default: 'h-9 px-3',
-				sm: 'h-8 px-2',
-				lg: 'h-10 px-3',
+				default: 'h-10 px-3 min-w-10',
+				sm: 'h-9 px-2 min-w-9',
+				lg: 'h-11 px-5 min-w-11',
 			},
 		},
 		defaultVariants: {
@@ -26,29 +24,32 @@ export const toggleGroupItemVariants = cva(
 		},
 	},
 );
+
 type ToggleGroupItemVariants = VariantProps<typeof toggleGroupItemVariants>;
 
 @Directive({
 	selector: '[hlmToggleGroupItem],[brnToggleGroupItem][hlm]',
 	host: {
 		'[class]': '_computedClass()',
+		'[attr.data-variant]': 'variant()',
 	},
 })
 export class HlmToggleGroupItemDirective {
 	private readonly _parentGroup = injectHlmToggleGroup();
-	public readonly variant = input<ToggleGroupItemVariants['variant']>('default');
-	public readonly size = input<ToggleGroupItemVariants['size']>('default');
+	public readonly variant = input<ToggleGroupItemVariants['variant']>('outline');
+	public readonly size = input<ToggleGroupItemVariants['size']>('sm');
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected readonly _computedClass = computed(() => {
-		const variantToUse = this._parentGroup?.variant() ?? this.variant();
-		const sizeToUse = this._parentGroup?.size() ?? this.size();
-		const userClass = this._parentGroup?.userClass() ?? this.userClass();
+		const variant = this._parentGroup?.variant() ?? this.variant();
+		const size = this._parentGroup?.size() ?? this.size();
+
 		return hlm(
 			toggleGroupItemVariants({
-				variant: variantToUse,
-				size: sizeToUse,
+				variant,
+				size,
 			}),
-			userClass,
+			'min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l',
+			this.userClass(),
 		);
 	});
 }

package/src/generators/ui/libs/ui-tooltip-helm/files/lib/hlm-tooltip-trigger.directive.ts.template

@@ -2,8 +2,8 @@ import { Directive } from '@angular/core';
 import { BrnTooltipTriggerDirective, provideBrnTooltipDefaultOptions } from '@spartan-ng/brain/tooltip';
 
 const DEFAULT_TOOLTIP_CONTENT_CLASSES =
-	'overflow-hidden rounded-md border border-border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md fade-in-0 zoom-in-95 ' +
-	'data-[state=open]:animate-in ' +
+	'bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance';
+'data-[state=open]:animate-in ' +
 	'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 ' +
 	'data-[side=below]:slide-in-from-top-2 data-[side=above]:slide-in-from-bottom-2 ' +
 	'data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 ';

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

@@ -3,7 +3,7 @@
 		"internalName": "ui-accordion-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0"
@@ -13,16 +13,16 @@
 		"internalName": "ui-alert-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
-			"class-variance-authority": "^0.7.0",
-			"clsx": "^2.1.1"
+			"@spartan-ng/brain": "0.0.1-alpha.486",
+			"clsx": "^2.1.1",
+			"class-variance-authority": "^0.7.0"
 		}
 	},
 	"alert-dialog": {
 		"internalName": "ui-alert-dialog-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -31,7 +31,7 @@
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
 			"@angular/cdk": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -39,8 +39,7 @@
 		"internalName": "ui-avatar-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
-			"class-variance-authority": "^0.7.0",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -48,8 +47,7 @@
 		"internalName": "ui-badge-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@angular/cdk": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -60,7 +58,7 @@
 			"@angular/core": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1",
 			"@angular/router": ">=19.0.0"
 		}
@@ -69,7 +67,7 @@
 		"internalName": "ui-button-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -81,7 +79,7 @@
 			"@angular/cdk": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -89,16 +87,16 @@
 		"internalName": "ui-card-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
-			"class-variance-authority": "^0.7.0",
-			"clsx": "^2.1.1"
+			"@spartan-ng/brain": "0.0.1-alpha.486",
+			"clsx": "^2.1.1",
+			"class-variance-authority": "^0.7.0"
 		}
 	},
 	"carousel": {
 		"internalName": "ui-carousel-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
@@ -109,10 +107,11 @@
 		"internalName": "ui-checkbox-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
+			"@angular/cdk": ">=19.0.0",
 			"@angular/forms": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -120,7 +119,7 @@
 		"internalName": "ui-command-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1",
 			"@angular/cdk": ">=19.0.0"
 		}
@@ -133,7 +132,7 @@
 			"@angular/forms": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -141,7 +140,7 @@
 		"internalName": "ui-dialog-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1",
 			"@angular/common": ">=19.0.0",
 			"@ng-icons/core": ">=29.0.0",
@@ -154,14 +153,15 @@
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
 			"@angular/forms": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484"
+			"@spartan-ng/brain": "0.0.1-alpha.486",
+			"clsx": "^2.1.1"
 		}
 	},
 	"hover-card": {
 		"internalName": "ui-hover-card-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -177,7 +177,7 @@
 		"internalName": "ui-input-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1",
 			"@angular/forms": ">=19.0.0"
@@ -187,7 +187,7 @@
 		"internalName": "ui-input-otp-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
@@ -198,8 +198,7 @@
 		"internalName": "ui-label-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
-			"class-variance-authority": "^0.7.0",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -207,10 +206,11 @@
 		"internalName": "ui-menu-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
+			"@angular/cdk": ">=19.0.0",
 			"class-variance-authority": "^0.7.0"
 		}
 	},
@@ -220,7 +220,7 @@
 			"@angular/core": ">=19.0.0",
 			"@angular/cdk": ">=19.0.0",
 			"@angular/forms": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1",
 			"@ng-icons/core": ">=29.0.0",
@@ -232,7 +232,7 @@
 		"internalName": "ui-popover-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -240,7 +240,7 @@
 		"internalName": "ui-progress-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -248,7 +248,7 @@
 		"internalName": "ui-radio-group-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1",
 			"@angular/common": ">=19.0.0"
 		}
@@ -257,7 +257,7 @@
 		"internalName": "ui-scroll-area-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -265,7 +265,7 @@
 		"internalName": "ui-select-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
@@ -276,7 +276,7 @@
 		"internalName": "ui-separator-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -284,7 +284,7 @@
 		"internalName": "ui-sheet-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1",
 			"@ng-icons/core": ">=29.0.0",
 			"@ng-icons/lucide": ">=29.0.0",
@@ -295,7 +295,7 @@
 		"internalName": "ui-skeleton-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -303,7 +303,7 @@
 		"internalName": "ui-slider-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -311,7 +311,7 @@
 		"internalName": "ui-sonner-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1",
 			"ngx-sonner": ">=3.0.0"
 		}
@@ -320,7 +320,7 @@
 		"internalName": "ui-spinner-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -329,7 +329,7 @@
 		"internalName": "ui-switch-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1",
 			"@angular/cdk": ">=19.0.0",
 			"@angular/forms": ">=19.0.0"
@@ -339,7 +339,7 @@
 		"internalName": "ui-table-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1"
 		}
 	},
@@ -347,7 +347,7 @@
 		"internalName": "ui-tabs-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1",
 			"class-variance-authority": "^0.7.0",
 			"@angular/cdk": ">=19.0.0",
@@ -360,7 +360,7 @@
 		"internalName": "ui-toggle-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -369,7 +369,7 @@
 		"internalName": "ui-toggle-group-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"class-variance-authority": "^0.7.0",
 			"clsx": "^2.1.1"
 		}
@@ -378,14 +378,14 @@
 		"internalName": "ui-tooltip-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484"
+			"@spartan-ng/brain": "0.0.1-alpha.486"
 		}
 	},
 	"typography": {
 		"internalName": "ui-typography-helm",
 		"peerDependencies": {
 			"@angular/core": ">=19.0.0",
-			"@spartan-ng/brain": "0.0.1-alpha.484",
+			"@spartan-ng/brain": "0.0.1-alpha.486",
 			"clsx": "^2.1.1"
 		}
 	}

package/src/generators/theme/libs/supported-theme-generator-map.d.ts

@@ -1,17 +0,0 @@
-export declare const SupportedThemeGeneratorMap: {
-    zinc: (radius: number, prefix?: string) => string;
-    slate: (radius: number, prefix?: string) => string;
-    stone: (radius: number, prefix?: string) => string;
-    gray: (radius: number, prefix?: string) => string;
-    neutral: (radius: number, prefix?: string) => string;
-    red: (radius: number, prefix?: string) => string;
-    rose: (radius: number, prefix?: string) => string;
-    blue: (radius: number, prefix?: string) => string;
-    green: (radius: number, prefix?: string) => string;
-    orange: (radius: number, prefix?: string) => string;
-    yellow: (radius: number, prefix?: string) => string;
-    violet: (radius: number, prefix?: string) => string;
-};
-export declare const SupportedThemes: string[];
-export type SupportedTheme = keyof typeof SupportedThemeGeneratorMap;
-export declare const SupportedRadii: readonly ["0", "0.3", "0.5", "0.75", "1.0"];