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

@spartan-ng/cli 1.8.0-beta.1 → 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 (340) hide show

package/README.md CHANGED Viewed

@@ -36,6 +36,10 @@ ng g @spartan-ng/cli:ui
 # 3. Add a single component by name
 ng g @spartan-ng/cli:ui button
+# Or add every component non-interactively
+ng g @spartan-ng/cli:ui all
+# Nx: npx nx g @spartan-ng/cli:ui all
 ```
 The CLI installs the relevant `@spartan-ng/brain` entry points as npm dependencies and copies the helm component code straight into your project so you can edit every style.

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@spartan-ng/cli",
-  "version": "1.8.0-beta.1",
+  "version": "1.8.0-beta.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/spartan-ng/spartan.git"

package/src/generators/ui/generator.js CHANGED Viewed

@@ -51,7 +51,10 @@ async function hlmUIGenerator(tree, options) {
     const availablePrimitives = await Promise.resolve().then(() => __importStar(require('./supported-ui-libraries.json'))).then((m) => m.default);
     const availablePrimitiveNames = Object.keys(availablePrimitives);
     let response = { primitives: [] };
-    if (options.name && availablePrimitiveNames.includes(options.name)) {
+    if (options.name === 'all') {
+        response.primitives.push('all');
+    }
+    else if (options.name && availablePrimitiveNames.includes(options.name)) {
         response.primitives.push(options.name);
     }
     else {

package/src/generators/ui/generator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/ui/generator.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,~~iCAiCC~~;AAED,4DA2EC;~~AA7HD~~,uCAA8F;AAE9F,uCAAkC;AAClC,+CAAkG;AAGlG,uFAAqF;AACrF,iEAA4D;AAE5D,uEAAmE;AAMpD,KAAK,UAAU,cAAc,CAAC,IAAU,EAAE,OAAwD;IAChH,MAAM,KAAK,GAAwB,EAAE,CAAC;IACtC,MAAM,IAAA,sCAA6B,EAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,MAAM,GAAG,MAAM,IAAA,yBAAgB,EAAC,IAAI,EAAE;QAC3C,cAAc,EAAE,OAAO,CAAC,SAAS;QACjC,UAAU,EAAE,OAAO,CAAC,UAAU,IAAI,KAAK;KACvC,CAAC,CAAC;IAEH,MAAM,mBAAmB,GAAyB,MAAM,kDAAO,+BAA+B,IAAE,IAAI,CACnG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAChB,CAAC;IACF,MAAM,uBAAuB,GAAgB,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAgB,CAAC;IAE7F,IAAI,QAAQ,GAAwC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC;IACvE,IAAI,OAAO,CAAC,IAAI,IAAI,uBAAuB,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;~~QACpE~~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"}
1	+ {"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/ui/generator.ts"],"names":[],"mappings":"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"}

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

@@ -3,6 +3,7 @@ import { BrnAccordionContentLazy } from '@spartan-ng/brain/accordion';
 @Directive({
 	selector: 'ng-template[hlmAccordionContentLazy]',
+	exportAs: 'hlmAccordionContentLazy',
 	hostDirectives: [BrnAccordionContentLazy],
 })
 export class HlmAccordionContentLazy {}

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

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Component({
 	selector: 'hlm-accordion-content',
+	exportAs: 'hlmAccordionContent',
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	hostDirectives: [{ directive: BrnAccordionContent, inputs: ['style'] }],
 	host: {

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

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

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

@@ -7,6 +7,7 @@ import type { ClassValue } from 'clsx';
 @Component({
 	selector: 'hlm-accordion-trigger',
+	exportAs: 'hlmAccordionTrigger',
 	imports: [BrnAccordionImports, NgIcon],
 	providers: [provideIcons({ lucideChevronDown, lucideChevronUp })],
 	changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmAccordion], hlm-accordion',
+	exportAs: 'hlmAccordion',
 	hostDirectives: [{ directive: BrnAccordion, inputs: ['type', 'orientation'] }],
 	host: {
 		'data-slot': 'accordion',

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

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

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

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

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

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

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

@@ -18,6 +18,7 @@ export type AlertVariants = VariantProps<typeof alertVariants>;
 @Directive({
 	selector: 'hlm-alert,[hlmAlert]',
+	exportAs: 'hlmAlert',
 	host: {
 		'data-slot': 'alert',
 		role: 'alert',

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

@@ -3,6 +3,7 @@ import { HlmButton } from '<%- importAlias %>/button';
 @Directive({
 	selector: 'button[hlmAlertDialogAction]',
+	exportAs: 'hlmAlertDialogAction',
 	hostDirectives: [{ directive: HlmButton, inputs: ['variant', 'size'] }],
 	host: { 'data-slot': 'alert-dialog-action', '[type]': 'type()' },
 })

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

@@ -4,6 +4,7 @@ import { HlmButton, provideBrnButtonConfig } from '<%- importAlias %>/button';
 @Directive({
 	selector: 'button[hlmAlertDialogCancel]',
+	exportAs: 'hlmAlertDialogCancel',
 	providers: [provideBrnButtonConfig({ variant: 'outline' })],
 	hostDirectives: [BrnDialogClose, { directive: HlmButton, inputs: ['variant', 'size'] }],
 	host: { 'data-slot': 'alert-dialog-cancel', '[type]': 'type()' },

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

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmAlertDialogContent],hlm-alert-dialog-content',
+	exportAs: 'hlmAlertDialogContent',
 	host: {
 		'data-slot': 'alert-dialog-content',
 		'[attr.data-state]': 'state()',

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

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

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

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

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

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

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

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

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

@@ -6,6 +6,7 @@ import type { ClassValue } from 'clsx';
 @Directive({
 	selector: '[hlmAlertDialogOverlay],hlm-alert-dialog-overlay',
+	exportAs: 'hlmAlertDialogOverlay',
 	hostDirectives: [BrnAlertDialogOverlay],
 })
 export class HlmAlertDialogOverlay {

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

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

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

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

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

@@ -3,6 +3,7 @@ import { BrnAlertDialogTrigger } from '@spartan-ng/brain/alert-dialog';
 @Directive({
 	selector: 'button[hlmAlertDialogTrigger],button[hlmAlertDialogTriggerFor]',
+	exportAs: 'hlmAlertDialogTrigger',
 	hostDirectives: [
 		{ directive: BrnAlertDialogTrigger, inputs: ['id', 'brnAlertDialogTriggerFor: hlmAlertDialogTriggerFor', 'type'] },
 	],

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

@@ -12,6 +12,7 @@ const parseDividedString = (value: NumberInput): NumberInput => {
 @Directive({
 	selector: '[hlmAspectRatio]',
+	exportAs: 'hlmAspectRatio',
 	host: {
 		'data-slot': 'aspect-ratio',
 		'[style.--ratio]': 'ratio()',

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

@@ -3,6 +3,7 @@ import { HlmButton, provideBrnButtonConfig } from '<%- importAlias %>/button';
 @Directive({
 	selector: 'button[hlmAttachmentAction]',
+	exportAs: 'hlmAttachmentAction',
 	providers: [provideBrnButtonConfig({ variant: 'ghost', size: 'icon-xs' })],
 	hostDirectives: [{ directive: HlmButton, inputs: ['variant', 'size'] }],
 	host: {

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

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

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

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

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

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

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

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

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

@@ -21,6 +21,7 @@ export type AttachmentMediaVariants = VariantProps<typeof attachmentMediaVariant
 @Directive({
 	selector: '[hlmAttachmentMedia],hlm-attachment-media',
+	exportAs: 'hlmAttachmentMedia',
 	host: {
 		'data-slot': 'attachment-media',
 		'[attr.data-variant]': 'variant()',

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

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

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

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: 'button[hlmAttachmentTrigger],a[hlmAttachmentTrigger]',
+	exportAs: 'hlmAttachmentTrigger',
 	host: {
 		'data-slot': 'attachment-trigger',
 		'[attr.type]': '_hostType()',

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

@@ -29,6 +29,7 @@ export type AttachmentState = 'idle' | 'uploading' | 'processing' | 'error' | 'd
 @Directive({
 	selector: '[hlmAttachment],hlm-attachment',
+	exportAs: 'hlmAttachment',
 	host: {
 		'data-slot': 'attachment',
 		'[attr.data-state]': 'state()',

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

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmAutocompleteContent],hlm-autocomplete-content',
+	exportAs: 'hlmAutocompleteContent',
 	hostDirectives: [BrnAutocompleteContent],
 })
 export class HlmAutocompleteContent {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Component({
 	selector: 'hlm-avatar',
+	exportAs: 'hlmAvatar',
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	host: {
 		'data-slot': 'avatar',

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

@@ -25,6 +25,7 @@ export type BadgeVariants = VariantProps<typeof badgeVariants>;
 @Directive({
 	selector: '[hlmBadge],hlm-badge',
+	exportAs: 'hlmBadge',
 	host: {
 		'data-slot': 'badge',
 		'[attr.data-variant]': 'variant()',

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

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

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

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

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

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

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

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

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

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmBreadcrumbPage]',
+	exportAs: 'hlmBreadcrumbPage',
 	host: {
 		'data-slot': 'breadcrumb-page',
 		role: 'link',

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

@@ -6,6 +6,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Component({
 	// eslint-disable-next-line @angular-eslint/component-selector
 	selector: '[hlmBreadcrumbSeparator]',
+	exportAs: 'hlmBreadcrumbSeparator',
 	imports: [NgIcon],
 	providers: [provideIcons({ lucideChevronRight })],
 	changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -2,6 +2,7 @@ import { Directive, input } from '@angular/core';
 @Directive({
 	selector: '[hlmBreadcrumb]',
+	exportAs: 'hlmBreadcrumb',
 	host: {
 		'data-slot': 'breadcrumb',
 		role: 'navigation',

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

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

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

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

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

@@ -26,6 +26,7 @@ export type BubbleReactionsVariants = VariantProps<typeof bubbleReactionsVariant
 @Directive({
 	selector: '[hlmBubbleReactions],hlm-bubble-reactions',
+	exportAs: 'hlmBubbleReactions',
 	host: {
 		'data-slot': 'bubble-reactions',
 		'[attr.data-align]': 'align()',

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

@@ -27,6 +27,7 @@ export type BubbleAlign = 'start' | 'end';
 @Directive({
 	selector: '[hlmBubble],hlm-bubble',
+	exportAs: 'hlmBubble',
 	host: {
 		'data-slot': 'bubble',
 		'[attr.data-variant]': 'variant()',

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

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Directive({
 	selector: '[hlmButtonGroupSeparator],hlm-button-group-separator',
+	exportAs: 'hlmButtonGroupSeparator',
 	providers: [provideBrnSeparatorConfig({ orientation: 'vertical' })],
 	hostDirectives: [{ directive: BrnSeparator, inputs: ['orientation', 'decorative'] }],
 	host: {

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

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

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

@@ -21,6 +21,7 @@ const buttonGroupVariants = cva(
 @Directive({
 	selector: '[hlmButtonGroup],hlm-button-group',
+	exportAs: 'hlmButtonGroup',
 	host: {
 		'data-slot': 'button-group',
 		role: 'group',