npm - @spartan-ng/cli - Versions diffs - 1.7.0 → 1.8.0-beta.2 - Mend

@spartan-ng/cli 1.7.0 → 1.8.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (380) hide show

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-chip-input.ts.template CHANGED Viewed

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: 'input[hlmComboboxChipInput]',
+	exportAs: 'hlmComboboxChipInput',
 	hostDirectives: [{ directive: BrnComboboxChipInput, inputs: ['id', 'aria-invalid'] }],
 	host: { 'data-slot': 'combobox-chip-input' },
 })

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-chip-remove.ts.template CHANGED Viewed

@@ -5,6 +5,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: 'button[hlmComboboxChipRemove]',
+	exportAs: 'hlmComboboxChipRemove',
 	hostDirectives: [BrnComboboxChipRemove],
 	host: { 'data-slot': 'combobox-chip-remove' },
 })

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-chip.ts.template CHANGED Viewed

@@ -8,6 +8,7 @@ import { HlmComboboxChipRemove } from './hlm-combobox-chip-remove';
 @Component({
 	selector: 'hlm-combobox-chip',
+	exportAs: 'hlmComboboxChip',
 	imports: [NgIcon, HlmComboboxChipRemove],
 	providers: [provideIcons({ lucideX })],
 	changeDetection: ChangeDetectionStrategy.OnPush,

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-chips.ts.template CHANGED Viewed

@@ -5,6 +5,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmComboboxChips],hlm-combobox-chips',
+	exportAs: 'hlmComboboxChips',
 	hostDirectives: [BrnComboboxAnchor, BrnComboboxPopoverTrigger],
 	host: {
 		'data-slot': 'combobox-chips',

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-content.ts.template CHANGED Viewed

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmComboboxContent],hlm-combobox-content',
+	exportAs: 'hlmComboboxContent',
 	hostDirectives: [{ directive: BrnComboboxContent, inputs: ['id'] }],
 	host: { slot: 'combobox-content' },
 })

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-empty.ts.template CHANGED Viewed

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmComboboxEmpty],hlm-combobox-empty',
+	exportAs: 'hlmComboboxEmpty',
 	hostDirectives: [BrnComboboxEmpty],
 	host: { 'data-slot': 'combobox-empty' },
 })

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-group.ts.template CHANGED Viewed

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmComboboxGroup]',
+	exportAs: 'hlmComboboxGroup',
 	hostDirectives: [BrnComboboxGroup],
 	host: { 'data-slot': 'combobox-group' },
 })

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-input.ts.template CHANGED Viewed

@@ -8,6 +8,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Component({
 	selector: 'hlm-combobox-input',
+	exportAs: 'hlmComboboxInput',
 	imports: [HlmInputGroupImports, NgIcon, BrnComboboxImports, BrnComboboxPopoverTrigger],
 	providers: [provideIcons({ lucideChevronDown, lucideX })],
 	changeDetection: ChangeDetectionStrategy.OnPush,

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-item.ts.template CHANGED Viewed

@@ -6,6 +6,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Component({
 	selector: 'hlm-combobox-item',
+	exportAs: 'hlmComboboxItem',
 	imports: [NgIcon],
 	providers: [provideIcons({ lucideCheck })],
 	changeDetection: ChangeDetectionStrategy.OnPush,

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-label.ts.template CHANGED Viewed

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmComboboxLabel]',
+	exportAs: 'hlmComboboxLabel',
 	hostDirectives: [{ directive: BrnComboboxLabel, inputs: ['id'] }],
 	host: { 'data-slot': 'combobox-label' },
 })

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-list.ts.template CHANGED Viewed

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmComboboxList]',
+	exportAs: 'hlmComboboxList',
 	hostDirectives: [{ directive: BrnComboboxList, inputs: ['id'] }],
 	host: { 'data-slot': 'combobox-list' },
 })

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-multiple.ts.template CHANGED Viewed

@@ -5,6 +5,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmComboboxMultiple],hlm-combobox-multiple',
+	exportAs: 'hlmComboboxMultiple',
 	providers: [
 		provideBrnPopoverConfig({
 			align: 'start',

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-placeholder.ts.template CHANGED Viewed

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmComboboxPlaceholder],hlm-combobox-placeholder',
+	exportAs: 'hlmComboboxPlaceholder',
 	hostDirectives: [BrnComboboxPlaceholder],
 	host: { 'data-slot': 'combobox-placeholder' },
 })

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-portal.ts.template CHANGED Viewed

@@ -3,6 +3,7 @@ import { BrnPopoverContent } from '@spartan-ng/brain/popover';
 @Directive({
 	selector: '[hlmComboboxPortal]',
+	exportAs: 'hlmComboboxPortal',
 	hostDirectives: [{ directive: BrnPopoverContent, inputs: ['context', 'class'] }],
 })
 export class HlmComboboxPortal {}

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-separator.ts.template CHANGED Viewed

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmComboboxSeparator]',
+	exportAs: 'hlmComboboxSeparator',
 	hostDirectives: [{ directive: BrnComboboxSeparator, inputs: ['orientation'] }],
 	host: { 'data-slot': 'combobox-separator' },
 })

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-status.ts.template CHANGED Viewed

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmComboboxStatus],hlm-combobox-status',
+	exportAs: 'hlmComboboxStatus',
 	hostDirectives: [BrnComboboxStatus],
 	host: { 'data-slot': 'combobox-status' },
 })

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-trigger.ts.template CHANGED Viewed

@@ -10,6 +10,7 @@ import type { ClassValue } from 'clsx';
 @Component({
 	selector: 'hlm-combobox-trigger',
+	exportAs: 'hlmComboboxTrigger',
 	imports: [
 		NgIcon,
 		HlmButton,

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-value-template.ts.template CHANGED Viewed

@@ -1,5 +1,9 @@
 import { Directive } from '@angular/core';
 import { BrnComboboxValueTemplate } from '@spartan-ng/brain/combobox';
-@Directive({ selector: '[hlmComboboxValueTemplate]', hostDirectives: [BrnComboboxValueTemplate] })
+@Directive({
+	selector: '[hlmComboboxValueTemplate]',
+	exportAs: 'hlmComboboxValueTemplate',
+	hostDirectives: [BrnComboboxValueTemplate],
+})
 export class HlmComboboxValueTemplate {}

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-value.ts.template CHANGED Viewed

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmComboboxValue],hlm-combobox-value',
+	exportAs: 'hlmComboboxValue',
 	hostDirectives: [{ directive: BrnComboboxValue, inputs: ['placeholder'] }],
 	host: { 'data-slot': 'combobox-value' },
 })

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-values.ts.template CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Directive } from '@angular/core';
 import { BrnComboboxValues } from '@spartan-ng/brain/combobox';
-@Directive({ selector: '[hlmComboboxValues]', hostDirectives: [BrnComboboxValues] })
+@Directive({ selector: '[hlmComboboxValues]', exportAs: 'hlmComboboxValues', hostDirectives: [BrnComboboxValues] })
 export class HlmComboboxValues {}

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox.ts.template CHANGED Viewed

@@ -5,6 +5,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmCombobox],hlm-combobox',
+	exportAs: 'hlmCombobox',
 	providers: [
 		provideBrnPopoverConfig({
 			align: 'start',

package/src/generators/ui/libs/command/files/lib/hlm-command-dialog.ts.template CHANGED Viewed

@@ -15,6 +15,7 @@ import { ClassValue } from 'clsx';
 @Component({
 	selector: 'hlm-command-dialog',
+	exportAs: 'hlmCommandDialog',
 	imports: [HlmDialogImports],
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	template: `

package/src/generators/ui/libs/command/files/lib/hlm-command-empty-state.ts.template CHANGED Viewed

@@ -3,6 +3,7 @@ import { BrnCommandEmpty } from '@spartan-ng/brain/command';
 @Directive({
 	selector: '[hlmCommandEmptyState]',
+	exportAs: 'hlmCommandEmptyState',
 	hostDirectives: [BrnCommandEmpty],
 })
 export class HlmCommandEmptyState {}

package/src/generators/ui/libs/command/files/lib/hlm-command-empty.ts.template CHANGED Viewed

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmCommandEmpty]',
+	exportAs: 'hlmCommandEmpty',
 	host: {
 		'data-slot': 'command-empty',
 	},

package/src/generators/ui/libs/command/files/lib/hlm-command-group-label.ts.template CHANGED Viewed

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmCommandGroupLabel],hlm-command-group-label',
+	exportAs: 'hlmCommandGroupLabel',
 	host: {
 		'data-slot': 'command-group-label',
 		role: 'presentation',

package/src/generators/ui/libs/command/files/lib/hlm-command-group.ts.template CHANGED Viewed

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmCommandGroup],hlm-command-group',
+	exportAs: 'hlmCommandGroup',
 	hostDirectives: [
 		{
 			directive: BrnCommandGroup,

package/src/generators/ui/libs/command/files/lib/hlm-command-input.ts.template CHANGED Viewed

@@ -7,6 +7,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Component({
 	selector: 'hlm-command-input',
+	exportAs: 'hlmCommandInput',
 	imports: [HlmInputGroupImports, NgIcon, BrnCommandInput],
 	providers: [provideIcons({ lucideSearch })],
 	changeDetection: ChangeDetectionStrategy.OnPush,

package/src/generators/ui/libs/command/files/lib/hlm-command-item.ts.template CHANGED Viewed

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: 'button[hlmCommandItem],button[hlm-command-item]',
+	exportAs: 'hlmCommandItem',
 	hostDirectives: [
 		{
 			directive: BrnCommandItem,

package/src/generators/ui/libs/command/files/lib/hlm-command-list.ts.template CHANGED Viewed

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmCommandList],hlm-command-list',
+	exportAs: 'hlmCommandList',
 	hostDirectives: [
 		{
 			directive: BrnCommandList,

package/src/generators/ui/libs/command/files/lib/hlm-command-separator.ts.template CHANGED Viewed

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmCommandSeparator],hlm-command-separator',
+	exportAs: 'hlmCommandSeparator',
 	hostDirectives: [BrnCommandSeparator],
 	host: {
 		'data-slot': 'command-separator',

package/src/generators/ui/libs/command/files/lib/hlm-command-shortcut.ts.template CHANGED Viewed

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmCommandShortcut],hlm-command-shortcut',
+	exportAs: 'hlmCommandShortcut',
 	host: {
 		'data-slot': 'command-shortcut',
 	},

package/src/generators/ui/libs/command/files/lib/hlm-command.ts.template CHANGED Viewed

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmCommand],hlm-command',
+	exportAs: 'hlmCommand',
 	hostDirectives: [
 		{
 			directive: BrnCommand,

package/src/generators/ui/libs/context-menu/files/lib/hlm-context-menu-trigger.ts.template CHANGED Viewed

@@ -7,6 +7,7 @@ import { injectHlmContextMenuConfig } from './hlm-context-menu-token';
 @Directive({
 	selector: '[hlmContextMenuTrigger]',
+	exportAs: 'hlmContextMenuTrigger',
 	providers: [{ provide: MENU_SIDE, useExisting: forwardRef(() => HlmContextMenuTrigger) }],
 	hostDirectives: [
 		{

package/src/generators/ui/libs/date-picker/files/lib/hlm-date-multi-input.ts.template CHANGED Viewed

@@ -12,6 +12,7 @@ import { injectHlmDatePickerMultiConfig } from './hlm-date-picker-multi.token';
 @Component({
 	selector: 'hlm-date-multi-input',
+	exportAs: 'hlmDateMultiInput',
 	imports: [HlmInputGroupImports, NgIcon],
 	providers: [provideIcons({ lucideCalendar, lucideX }), provideBrnDatePickerTrigger(HlmDateMultiInput)],
 	changeDetection: ChangeDetectionStrategy.OnPush,

package/src/generators/ui/libs/date-picker/files/lib/hlm-date-picker-anchor.ts.template CHANGED Viewed

@@ -2,7 +2,7 @@ import { Directive, effect, ElementRef, inject, input, linkedSignal } from '@ang
 import { BrnOverlay } from '@spartan-ng/brain/overlay';
 import { BrnPopover } from '@spartan-ng/brain/popover';
-@Directive({ selector: '[hlmDatePickerAnchor]' })
+@Directive({ selector: '[hlmDatePickerAnchor]', exportAs: 'hlmDatePickerAnchor' })
 export class HlmDatePickerAnchor {
 	private readonly _host = inject(ElementRef, { host: true });
 	private readonly _brnOverlay = inject(BrnOverlay, { optional: true });

package/src/generators/ui/libs/date-picker/files/lib/hlm-date-picker-input.ts.template CHANGED Viewed

@@ -12,6 +12,7 @@ import { injectHlmDatePickerConfig } from './hlm-date-picker.token';
 @Component({
 	selector: 'hlm-date-picker-input',
+	exportAs: 'hlmDatePickerInput',
 	imports: [HlmInputGroupImports, NgIcon],
 	providers: [provideIcons({ lucideCalendar, lucideX }), provideBrnDatePickerTrigger(HlmDatePickerInput)],
 	changeDetection: ChangeDetectionStrategy.OnPush,

package/src/generators/ui/libs/date-picker/files/lib/hlm-date-picker-multi.ts.template CHANGED Viewed

@@ -31,6 +31,7 @@ export const HLM_DATE_PICKER_MULTI_VALUE_ACCESSOR = {
 @Component({
 	selector: 'hlm-date-picker-multi',
+	exportAs: 'hlmDatePickerMulti',
 	imports: [HlmPopoverImports, HlmCalendarMulti],
 	providers: [
 		HLM_DATE_PICKER_MULTI_VALUE_ACCESSOR,

package/src/generators/ui/libs/date-picker/files/lib/hlm-date-picker-trigger.ts.template CHANGED Viewed

@@ -15,6 +15,7 @@ import { ClassValue } from 'clsx';
 @Component({
 	selector: 'hlm-date-picker-trigger',
+	exportAs: 'hlmDatePickerTrigger',
 	imports: [HlmButtonImports, HlmPopoverTrigger, NgIcon, BrnFieldControlDescribedBy],
 	providers: [provideIcons({ lucideChevronDown }), provideBrnDatePickerTrigger(HlmDatePickerTrigger)],
 	changeDetection: ChangeDetectionStrategy.OnPush,

package/src/generators/ui/libs/date-picker/files/lib/hlm-date-picker.ts.template CHANGED Viewed

@@ -30,6 +30,7 @@ export const HLM_DATE_PICKER_VALUE_ACCESSOR = {
 @Component({
 	selector: 'hlm-date-picker',
+	exportAs: 'hlmDatePicker',
 	imports: [HlmPopoverImports, HlmCalendar],
 	providers: [HLM_DATE_PICKER_VALUE_ACCESSOR, provideBrnDatePicker(HlmDatePicker), provideBrnLabelable(HlmDatePicker)],
 	changeDetection: ChangeDetectionStrategy.OnPush,

package/src/generators/ui/libs/date-picker/files/lib/hlm-date-range-input.ts.template CHANGED Viewed

@@ -12,6 +12,7 @@ import { injectHlmDateRangePickerConfig } from './hlm-date-range-picker.token';
 @Component({
 	selector: 'hlm-date-range-input',
+	exportAs: 'hlmDateRangeInput',
 	imports: [HlmInputGroupImports, NgIcon],
 	providers: [provideIcons({ lucideCalendar, lucideX }), provideBrnDatePickerTrigger(HlmDateRangeInput)],
 	changeDetection: ChangeDetectionStrategy.OnPush,

package/src/generators/ui/libs/date-picker/files/lib/hlm-date-range-picker.ts.template CHANGED Viewed

@@ -31,6 +31,7 @@ export const HLM_DATE_RANGE_PICKER_VALUE_ACCESSOR = {
 @Component({
 	selector: 'hlm-date-range-picker',
+	exportAs: 'hlmDateRangePicker',
 	imports: [HlmPopoverImports, HlmCalendarRange],
 	providers: [
 		HLM_DATE_RANGE_PICKER_VALUE_ACCESSOR,

package/src/generators/ui/libs/date-picker/files/lib/hlm-month-year-input.ts.template CHANGED Viewed

@@ -12,6 +12,7 @@ import { injectHlmMonthYearPickerConfig } from './hlm-month-year-picker.token';
 @Component({
 	selector: 'hlm-month-year-input',
+	exportAs: 'hlmMonthYearInput',
 	imports: [HlmInputGroupImports, NgIcon],
 	providers: [provideIcons({ lucideCalendar, lucideX }), provideBrnDatePickerTrigger(HlmMonthYearInput)],
 	changeDetection: ChangeDetectionStrategy.OnPush,

package/src/generators/ui/libs/date-picker/files/lib/hlm-month-year-picker.ts.template CHANGED Viewed

@@ -29,6 +29,7 @@ export const HLM_MONTH_YEAR_PICKER_VALUE_ACCESSOR = {
 };
 @Component({
 	selector: 'hlm-month-year-picker',
+	exportAs: 'hlmMonthYearPicker',
 	imports: [HlmPopoverImports, HlmCalendarImports],
 	providers: [
 		HLM_MONTH_YEAR_PICKER_VALUE_ACCESSOR,

package/src/generators/ui/libs/dialog/files/lib/hlm-dialog-close.ts.template CHANGED Viewed

@@ -3,6 +3,7 @@ import { BrnDialogClose } from '@spartan-ng/brain/dialog';
 @Directive({
 	selector: 'button[hlmDialogClose]',
+	exportAs: 'hlmDialogClose',
 	hostDirectives: [BrnDialogClose],
 	host: { 'data-slot': 'dialog-close' },
 })

package/src/generators/ui/libs/dialog/files/lib/hlm-dialog-content.ts.template CHANGED Viewed

@@ -19,6 +19,7 @@ type HlmDialogContentContext = {
 @Component({
 	selector: 'hlm-dialog-content',
+	exportAs: 'hlmDialogContent',
 	imports: [NgComponentOutlet, HlmButton, HlmDialogClose, NgIcon],
 	providers: [provideIcons({ lucideX })],
 	changeDetection: ChangeDetectionStrategy.OnPush,

package/src/generators/ui/libs/dialog/files/lib/hlm-dialog-description.ts.template CHANGED Viewed

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmDialogDescription]',
+	exportAs: 'hlmDialogDescription',
 	hostDirectives: [BrnDialogDescription],
 	host: { 'data-slot': 'dialog-description' },
 })

package/src/generators/ui/libs/dialog/files/lib/hlm-dialog-footer.ts.template CHANGED Viewed

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmDialogFooter],hlm-dialog-footer',
+	exportAs: 'hlmDialogFooter',
 	host: { 'data-slot': 'dialog-footer' },
 })
 export class HlmDialogFooter {

package/src/generators/ui/libs/dialog/files/lib/hlm-dialog-header.ts.template CHANGED Viewed

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmDialogHeader],hlm-dialog-header',
+	exportAs: 'hlmDialogHeader',
 	host: { 'data-slot': 'dialog-header' },
 })
 export class HlmDialogHeader {

package/src/generators/ui/libs/dialog/files/lib/hlm-dialog-overlay.ts.template CHANGED Viewed

@@ -8,6 +8,7 @@ export const hlmDialogOverlayClass = hlm('spartan-dialog-overlay');
 @Directive({
 	selector: '[hlmDialogOverlay],hlm-dialog-overlay',
+	exportAs: 'hlmDialogOverlay',
 	hostDirectives: [BrnDialogOverlay],
 })
 export class HlmDialogOverlay {

package/src/generators/ui/libs/dialog/files/lib/hlm-dialog-portal.ts.template CHANGED Viewed

@@ -3,6 +3,7 @@ import { BrnDialogContent } from '@spartan-ng/brain/dialog';
 @Directive({
 	selector: '[hlmDialogPortal]',
+	exportAs: 'hlmDialogPortal',
 	hostDirectives: [{ directive: BrnDialogContent, inputs: ['context', 'class'] }],
 })
 export class HlmDialogPortal {}

package/src/generators/ui/libs/dialog/files/lib/hlm-dialog-title.ts.template CHANGED Viewed

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmDialogTitle]',
+	exportAs: 'hlmDialogTitle',
 	hostDirectives: [BrnDialogTitle],
 	host: { 'data-slot': 'dialog-title' },
 })

package/src/generators/ui/libs/dialog/files/lib/hlm-dialog-trigger.ts.template CHANGED Viewed

@@ -3,6 +3,7 @@ import { BrnDialogTrigger } from '@spartan-ng/brain/dialog';
 @Directive({
 	selector: 'button[hlmDialogTrigger],button[hlmDialogTriggerFor]',
+	exportAs: 'hlmDialogTrigger',
 	hostDirectives: [{ directive: BrnDialogTrigger, inputs: ['id', 'brnDialogTriggerFor: hlmDialogTriggerFor', 'type'] }],
 	host: { 'data-slot': 'dialog-trigger' },
 })

package/src/generators/ui/libs/drawer/files/lib/hlm-drawer-close.ts.template CHANGED Viewed

@@ -3,6 +3,7 @@ import { BrnDrawerClose } from '@spartan-ng/brain/drawer';
 @Directive({
 	selector: 'button[hlmDrawerClose]',
+	exportAs: 'hlmDrawerClose',
 	hostDirectives: [BrnDrawerClose],
 	host: { 'data-slot': 'drawer-close' },
 })

package/src/generators/ui/libs/drawer/files/lib/hlm-drawer-content.ts.template CHANGED Viewed

@@ -5,6 +5,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Component({
 	selector: 'hlm-drawer-content',
+	exportAs: 'hlmDrawerContent',
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	hostDirectives: [{ directive: BrnDrawerHandle, inputs: ['closeThreshold'] }],
 	host: {

package/src/generators/ui/libs/drawer/files/lib/hlm-drawer-description.ts.template CHANGED Viewed

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmDrawerDescription]',
+	exportAs: 'hlmDrawerDescription',
 	hostDirectives: [BrnDrawerDescription],
 	host: { 'data-slot': 'drawer-description' },
 })

package/src/generators/ui/libs/drawer/files/lib/hlm-drawer-footer.ts.template CHANGED Viewed

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmDrawerFooter],hlm-drawer-footer',
+	exportAs: 'hlmDrawerFooter',
 	host: { 'data-slot': 'drawer-footer' },
 })
 export class HlmDrawerFooter {

package/src/generators/ui/libs/drawer/files/lib/hlm-drawer-header.ts.template CHANGED Viewed

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmDrawerHeader],hlm-drawer-header',
+	exportAs: 'hlmDrawerHeader',
 	host: { 'data-slot': 'drawer-header' },
 })
 export class HlmDrawerHeader {

package/src/generators/ui/libs/drawer/files/lib/hlm-drawer-overlay.ts.template CHANGED Viewed

@@ -6,6 +6,7 @@ import type { ClassValue } from 'clsx';
 @Directive({
 	selector: '[hlmDrawerOverlay],hlm-drawer-overlay',
+	exportAs: 'hlmDrawerOverlay',
 	hostDirectives: [BrnDrawerOverlay],
 })
 export class HlmDrawerOverlay {

package/src/generators/ui/libs/drawer/files/lib/hlm-drawer-portal.ts.template CHANGED Viewed

@@ -3,6 +3,7 @@ import { BrnDrawerContent } from '@spartan-ng/brain/drawer';
 @Directive({
 	selector: '[hlmDrawerPortal]',
+	exportAs: 'hlmDrawerPortal',
 	hostDirectives: [{ directive: BrnDrawerContent, inputs: ['context', 'class'] }],
 })
 export class HlmDrawerPortal {}

package/src/generators/ui/libs/drawer/files/lib/hlm-drawer-title.ts.template CHANGED Viewed

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmDrawerTitle]',
+	exportAs: 'hlmDrawerTitle',
 	hostDirectives: [BrnDrawerTitle],
 	host: { 'data-slot': 'drawer-title' },
 })

package/src/generators/ui/libs/drawer/files/lib/hlm-drawer-trigger.ts.template CHANGED Viewed

@@ -3,6 +3,7 @@ import { BrnDrawerTrigger } from '@spartan-ng/brain/drawer';
 @Directive({
 	selector: 'button[hlmDrawerTrigger]',
+	exportAs: 'hlmDrawerTrigger',
 	hostDirectives: [{ directive: BrnDrawerTrigger, inputs: ['id', 'direction', 'type'] }],
 	host: { 'data-slot': 'drawer-trigger' },
 })

package/src/generators/ui/libs/dropdown-menu/files/lib/hlm-dropdown-menu-checkbox-indicator.ts.template CHANGED Viewed

@@ -5,6 +5,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Component({
 	selector: 'hlm-dropdown-menu-checkbox-indicator',
+	exportAs: 'hlmDropdownMenuCheckboxIndicator',
 	imports: [NgIcon],
 	providers: [provideIcons({ lucideCheck })],
 	changeDetection: ChangeDetectionStrategy.OnPush,

package/src/generators/ui/libs/dropdown-menu/files/lib/hlm-dropdown-menu-checkbox.ts.template CHANGED Viewed

@@ -7,6 +7,7 @@ import { HlmDropdownMenuFocusOnHover } from './hlm-dropdown-menu-focus-on-hover'
 /** @internal. Use HlmDropdownMenuCheckbox instead. */
 @Directive({
 	selector: '[hlmDropdownMenuCheckboxCdk]',
+	exportAs: 'hlmDropdownMenuCheckboxCdk',
 	providers: [
 		{ provide: CdkMenuItemCheckbox, useExisting: HlmDropdownMenuCheckboxCdk },
 		{ provide: CdkMenuItemSelectable, useExisting: HlmDropdownMenuCheckboxCdk },
@@ -23,6 +24,7 @@ export class HlmDropdownMenuCheckboxCdk extends CdkMenuItemCheckbox {
 @Directive({
 	selector: '[hlmDropdownMenuCheckbox],[hlmDropdownMenuCheckboxItem]',
+	exportAs: 'hlmDropdownMenuCheckbox',
 	hostDirectives: [
 		{
 			directive: HlmDropdownMenuCheckboxCdk,

package/src/generators/ui/libs/dropdown-menu/files/lib/hlm-dropdown-menu-focus-on-hover.ts.template CHANGED Viewed

@@ -15,6 +15,7 @@ import { Directive, inject } from '@angular/core';
  */
 @Directive({
 	selector: '[hlmDropdownMenuFocusOnHover]',
+	exportAs: 'hlmDropdownMenuFocusOnHover',
 	host: {
 		'(mouseenter)': '_focusOnHover()',
 	},

package/src/generators/ui/libs/dropdown-menu/files/lib/hlm-dropdown-menu-group.ts.template CHANGED Viewed

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmDropdownMenuGroup],hlm-dropdown-menu-group',
+	exportAs: 'hlmDropdownMenuGroup',
 	hostDirectives: [CdkMenuGroup],
 	host: { 'data-slot': 'dropdown-menu-group' },
 })

package/src/generators/ui/libs/dropdown-menu/files/lib/hlm-dropdown-menu-item-sub-indicator.ts.template CHANGED Viewed

@@ -5,6 +5,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Component({
 	selector: 'hlm-dropdown-menu-item-sub-indicator',
+	exportAs: 'hlmDropdownMenuItemSubIndicator',
 	imports: [NgIcon],
 	providers: [provideIcons({ lucideChevronRight })],
 	changeDetection: ChangeDetectionStrategy.OnPush,

package/src/generators/ui/libs/dropdown-menu/files/lib/hlm-dropdown-menu-item.ts.template CHANGED Viewed

@@ -6,6 +6,7 @@ import { HlmDropdownMenuFocusOnHover } from './hlm-dropdown-menu-focus-on-hover'
 @Directive({
 	selector: '[hlmDropdownMenuItem],hlm-dropdown-menu-item',
+	exportAs: 'hlmDropdownMenuItem',
 	hostDirectives: [
 		{
 			directive: CdkMenuItem,