@spartan-ng/cli 1.3.4-beta.2 → 1.4.0-beta.1

package/package.json

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

package/src/generators/ui/libs/questionnaire/files/index.ts.template

@@ -0,0 +1,49 @@
+import { HlmQuestionnaire } from './lib/hlm-questionnaire';
+import { HlmQuestionnaireActions } from './lib/hlm-questionnaire-actions';
+import { HlmQuestionnaireChoice } from './lib/hlm-questionnaire-choice';
+import { HlmQuestionnaireChoiceDescription } from './lib/hlm-questionnaire-choice-description';
+import { HlmQuestionnaireChoices } from './lib/hlm-questionnaire-choices';
+import { HlmQuestionnaireDescription } from './lib/hlm-questionnaire-description';
+import { HlmQuestionnaireError } from './lib/hlm-questionnaire-error';
+import { HlmQuestionnaireInput } from './lib/hlm-questionnaire-input';
+import { HlmQuestionnaireItem } from './lib/hlm-questionnaire-item';
+import { HlmQuestionnaireNext } from './lib/hlm-questionnaire-next';
+import { HlmQuestionnairePrevious } from './lib/hlm-questionnaire-previous';
+import { HlmQuestionnaireProgress } from './lib/hlm-questionnaire-progress';
+import { HlmQuestionnaireSkip } from './lib/hlm-questionnaire-skip';
+import { HlmQuestionnaireSubmit } from './lib/hlm-questionnaire-submit';
+import { HlmQuestionnaireTitle } from './lib/hlm-questionnaire-title';
+
+export * from './lib/hlm-questionnaire';
+export * from './lib/hlm-questionnaire-actions';
+export * from './lib/hlm-questionnaire-choice';
+export * from './lib/hlm-questionnaire-choice-description';
+export * from './lib/hlm-questionnaire-choices';
+export * from './lib/hlm-questionnaire-description';
+export * from './lib/hlm-questionnaire-error';
+export * from './lib/hlm-questionnaire-input';
+export * from './lib/hlm-questionnaire-item';
+export * from './lib/hlm-questionnaire-next';
+export * from './lib/hlm-questionnaire-previous';
+export * from './lib/hlm-questionnaire-progress';
+export * from './lib/hlm-questionnaire-skip';
+export * from './lib/hlm-questionnaire-submit';
+export * from './lib/hlm-questionnaire-title';
+
+export const HlmQuestionnaireImports = [
+	HlmQuestionnaire,
+	HlmQuestionnaireProgress,
+	HlmQuestionnaireItem,
+	HlmQuestionnaireTitle,
+	HlmQuestionnaireDescription,
+	HlmQuestionnaireChoices,
+	HlmQuestionnaireChoice,
+	HlmQuestionnaireChoiceDescription,
+	HlmQuestionnaireInput,
+	HlmQuestionnaireError,
+	HlmQuestionnaireActions,
+	HlmQuestionnairePrevious,
+	HlmQuestionnaireSkip,
+	HlmQuestionnaireNext,
+	HlmQuestionnaireSubmit,
+] as const;

package/src/generators/ui/libs/questionnaire/files/lib/hlm-questionnaire-actions.ts.template

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: '[hlmQuestionnaireActions],hlm-questionnaire-actions',
+	exportAs: 'hlmQuestionnaireActions',
+	host: {
+		'data-slot': 'questionnaire-actions',
+	},
+})
+export class HlmQuestionnaireActions {
+	constructor() {
+		classes(
+			() => 'spartan-questionnaire-actions grid min-h-11 w-full grid-cols-[minmax(0,1fr)_auto_auto] items-center',
+		);
+	}
+}

package/src/generators/ui/libs/questionnaire/files/lib/hlm-questionnaire-choice-description.ts.template

@@ -0,0 +1,15 @@
+import { Directive } from '@angular/core';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: '[hlmQuestionnaireChoiceDescription]',
+	exportAs: 'hlmQuestionnaireChoiceDescription',
+	host: {
+		'data-slot': 'questionnaire-choice-description',
+	},
+})
+export class HlmQuestionnaireChoiceDescription {
+	constructor() {
+		classes(() => 'spartan-questionnaire-choice-description');
+	}
+}

package/src/generators/ui/libs/questionnaire/files/lib/hlm-questionnaire-choice.ts.template

@@ -0,0 +1,74 @@
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucideCheck } from '@ng-icons/lucide';
+import {
+	BrnQuestionnaireChoice,
+	BrnQuestionnaireChoiceInput,
+	BrnQuestionnaireChoiceLabel,
+	BrnQuestionnaireChoiceShortcut,
+} from '@spartan-ng/brain/questionnaire';
+import { classes } from '<%- importAlias %>/utils';
+
+@Component({
+	// eslint-disable-next-line @angular-eslint/component-selector -- attribute selector on native label
+	selector: 'label[hlmQuestionnaireChoice]',
+	exportAs: 'hlmQuestionnaireChoice',
+	imports: [BrnQuestionnaireChoiceInput, BrnQuestionnaireChoiceLabel, BrnQuestionnaireChoiceShortcut, NgIcon],
+	viewProviders: [provideIcons({ lucideCheck })],
+	changeDetection: ChangeDetectionStrategy.OnPush,
+	hostDirectives: [
+		{
+			directive: BrnQuestionnaireChoice,
+			inputs: ['value', 'disabled', 'defaultChecked', 'checked'],
+			outputs: ['checkedChange'],
+		},
+	],
+	host: {
+		'data-slot': 'questionnaire-choice',
+	},
+	template: `
+		<input
+			brnQuestionnaireChoiceInput
+			data-slot="questionnaire-choice-input"
+			class="spartan-questionnaire-choice-input absolute inset-0 z-10 size-full cursor-pointer opacity-0"
+		/>
+		<span aria-hidden="true" data-slot="questionnaire-choice-indicator" class="spartan-questionnaire-choice-indicator">
+			@if (_choice.checked() && _choice.type() === 'radio') {
+				<span data-slot="questionnaire-choice-indicator-dot" class="spartan-questionnaire-choice-indicator-dot"></span>
+			}
+			@if (_choice.checked() && _choice.type() === 'checkbox') {
+				<ng-icon
+					name="lucideCheck"
+					data-slot="questionnaire-choice-indicator-check"
+					class="spartan-questionnaire-choice-indicator-check"
+				/>
+			}
+		</span>
+		<span
+			brnQuestionnaireChoiceLabel
+			data-slot="questionnaire-choice-label"
+			class="spartan-questionnaire-choice-content flex min-w-0 flex-1 flex-col leading-snug"
+		>
+			<ng-content />
+		</span>
+		@if (_choice.shortcut(); as shortcut) {
+			<span
+				brnQuestionnaireChoiceShortcut
+				data-slot="questionnaire-choice-shortcut"
+				class="spartan-questionnaire-shortcut"
+			>
+				{{ shortcut }}
+			</span>
+		}
+	`,
+})
+export class HlmQuestionnaireChoice {
+	protected readonly _choice = inject(BrnQuestionnaireChoice);
+
+	constructor() {
+		classes(
+			() =>
+				'spartan-questionnaire-choice group/questionnaire-choice relative flex min-h-11 cursor-pointer items-start text-start outline-none select-none',
+		);
+	}
+}

package/src/generators/ui/libs/questionnaire/files/lib/hlm-questionnaire-choices.ts.template

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import { BrnQuestionnaireChoices } from '@spartan-ng/brain/questionnaire';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: '[hlmQuestionnaireChoices]',
+	exportAs: 'hlmQuestionnaireChoices',
+	hostDirectives: [{ directive: BrnQuestionnaireChoices }],
+	host: {
+		'data-slot': 'questionnaire-choices',
+	},
+})
+export class HlmQuestionnaireChoices {
+	constructor() {
+		classes(() => 'spartan-questionnaire-choices group/questionnaire-choices grid min-w-0');
+	}
+}

package/src/generators/ui/libs/questionnaire/files/lib/hlm-questionnaire-description.ts.template

@@ -0,0 +1,22 @@
+import { Directive } from '@angular/core';
+import { BrnQuestionnaireDescription } from '@spartan-ng/brain/questionnaire';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: '[hlmQuestionnaireDescription]',
+	exportAs: 'hlmQuestionnaireDescription',
+	hostDirectives: [
+		{
+			directive: BrnQuestionnaireDescription,
+			inputs: ['id'],
+		},
+	],
+	host: {
+		'data-slot': 'questionnaire-description',
+	},
+})
+export class HlmQuestionnaireDescription {
+	constructor() {
+		classes(() => 'spartan-questionnaire-description text-muted-foreground text-pretty');
+	}
+}

package/src/generators/ui/libs/questionnaire/files/lib/hlm-questionnaire-error.ts.template

@@ -0,0 +1,32 @@
+import { ChangeDetectionStrategy, Component, inject, input } from '@angular/core';
+import { BrnQuestionnaireError } from '@spartan-ng/brain/questionnaire';
+import { classes } from '<%- importAlias %>/utils';
+
+@Component({
+	// eslint-disable-next-line @angular-eslint/component-selector -- attribute selector matching brain API
+	selector: '[hlmQuestionnaireError]',
+	exportAs: 'hlmQuestionnaireError',
+	changeDetection: ChangeDetectionStrategy.OnPush,
+	hostDirectives: [
+		{
+			directive: BrnQuestionnaireError,
+			inputs: ['id', 'requiredMessage', 'optionalMessage'],
+		},
+	],
+	host: {
+		'data-slot': 'questionnaire-error',
+	},
+	template: `
+		{{ message() ?? _error.defaultMessage() }}
+	`,
+})
+export class HlmQuestionnaireError {
+	protected readonly _error = inject(BrnQuestionnaireError);
+
+	/** Custom error copy; falls back to the built-in required/optional message when unset. */
+	public readonly message = input<string | undefined>(undefined);
+
+	constructor() {
+		classes(() => 'spartan-questionnaire-error text-destructive');
+	}
+}

package/src/generators/ui/libs/questionnaire/files/lib/hlm-questionnaire-input.ts.template

@@ -0,0 +1,25 @@
+import { Directive } from '@angular/core';
+import { BrnQuestionnaireInput } from '@spartan-ng/brain/questionnaire';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: 'input[hlmQuestionnaireInput]',
+	exportAs: 'hlmQuestionnaireInput',
+	hostDirectives: [
+		{
+			directive: BrnQuestionnaireInput,
+			inputs: ['type', 'disabled', 'value', 'defaultValue'],
+		},
+	],
+	host: {
+		'data-slot': 'questionnaire-input',
+	},
+})
+export class HlmQuestionnaireInput {
+	constructor() {
+		classes(() => [
+			'spartan-questionnaire-input min-h-11 w-full min-w-0 transition-[color,box-shadow,background-color] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 sm:min-h-0',
+			'selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground',
+		]);
+	}
+}

package/src/generators/ui/libs/questionnaire/files/lib/hlm-questionnaire-item.ts.template

@@ -0,0 +1,23 @@
+import { Directive } from '@angular/core';
+import { BrnQuestionnaireItem } from '@spartan-ng/brain/questionnaire';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: 'fieldset[hlmQuestionnaireItem]',
+	exportAs: 'hlmQuestionnaireItem',
+	hostDirectives: [
+		{
+			directive: BrnQuestionnaireItem,
+			inputs: ['name', 'multiple', 'required', 'disabled', 'itemInvalid', 'aria-describedby', 'aria-keyshortcuts'],
+			outputs: ['statusChange'],
+		},
+	],
+	host: {
+		'data-slot': 'questionnaire-item',
+	},
+})
+export class HlmQuestionnaireItem {
+	constructor() {
+		classes(() => 'spartan-questionnaire-item flex min-w-0 flex-col border-0 p-0 outline-none');
+	}
+}

package/src/generators/ui/libs/questionnaire/files/lib/hlm-questionnaire-next.ts.template

@@ -0,0 +1,31 @@
+import { Directive, input } from '@angular/core';
+import { BrnQuestionnaireNext } from '@spartan-ng/brain/questionnaire';
+import { type ButtonVariants, buttonVariants } from '<%- importAlias %>/button';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: 'button[hlmQuestionnaireNext]',
+	exportAs: 'hlmQuestionnaireNext',
+	hostDirectives: [
+		{
+			directive: BrnQuestionnaireNext,
+			inputs: ['disabled'],
+		},
+	],
+	host: {
+		'data-slot': 'questionnaire-next',
+		'[attr.data-size]': 'size()',
+		'[attr.data-variant]': 'variant()',
+	},
+})
+export class HlmQuestionnaireNext {
+	public readonly variant = input<ButtonVariants['variant']>('default');
+	public readonly size = input<ButtonVariants['size']>('default');
+
+	constructor() {
+		classes(() => [
+			buttonVariants({ variant: this.variant(), size: this.size() }),
+			'col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0',
+		]);
+	}
+}

package/src/generators/ui/libs/questionnaire/files/lib/hlm-questionnaire-previous.ts.template

@@ -0,0 +1,31 @@
+import { Directive, input } from '@angular/core';
+import { BrnQuestionnairePrevious } from '@spartan-ng/brain/questionnaire';
+import { type ButtonVariants, buttonVariants } from '<%- importAlias %>/button';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: 'button[hlmQuestionnairePrevious]',
+	exportAs: 'hlmQuestionnairePrevious',
+	hostDirectives: [
+		{
+			directive: BrnQuestionnairePrevious,
+			inputs: ['disabled'],
+		},
+	],
+	host: {
+		'data-slot': 'questionnaire-previous',
+		'[attr.data-size]': 'size()',
+		'[attr.data-variant]': 'variant()',
+	},
+})
+export class HlmQuestionnairePrevious {
+	public readonly variant = input<ButtonVariants['variant']>('outline');
+	public readonly size = input<ButtonVariants['size']>('default');
+
+	constructor() {
+		classes(() => [
+			buttonVariants({ variant: this.variant(), size: this.size() }),
+			'col-start-1 row-start-1 min-h-11 justify-self-start sm:min-h-0',
+		]);
+	}
+}

package/src/generators/ui/libs/questionnaire/files/lib/hlm-questionnaire-progress.ts.template

@@ -0,0 +1,42 @@
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { BrnQuestionnaireProgress } from '@spartan-ng/brain/questionnaire';
+import { classes } from '<%- importAlias %>/utils';
+
+@Component({
+	// eslint-disable-next-line @angular-eslint/component-selector -- attribute selector matching brain API
+	selector: '[hlmQuestionnaireProgress]',
+	exportAs: 'hlmQuestionnaireProgress',
+	changeDetection: ChangeDetectionStrategy.OnPush,
+	hostDirectives: [{ directive: BrnQuestionnaireProgress, inputs: ['aria-label', 'valueText'] }],
+	host: {
+		'data-slot': 'questionnaire-progress',
+	},
+	template: `
+		<ng-content>
+			{{ _progress.label() }}
+		</ng-content>
+	`,
+})
+export class HlmQuestionnaireProgress {
+	protected readonly _progress = inject(BrnQuestionnaireProgress);
+
+	/** The current step index (1-based within the active collection). */
+	public readonly current = this._progress.current;
+	/** The total number of enabled steps. */
+	public readonly total = this._progress.total;
+	/** Whether the current step is the first one. */
+	public readonly first = this._progress.first;
+	/** Whether the current step is the last one. */
+	public readonly last = this._progress.last;
+	/** The computed progression label, e.g. "Question 2 of 5". */
+	public readonly label = this._progress.label;
+
+	/** Boolean flags marking which segments of the progress bar are filled. */
+	public readonly segments = this._progress.segments;
+
+	constructor() {
+		classes(
+			() => 'spartan-questionnaire-progress text-muted-foreground min-h-lh w-fit min-w-[14ch] font-medium tabular-nums',
+		);
+	}
+}

package/src/generators/ui/libs/questionnaire/files/lib/hlm-questionnaire-skip.ts.template

@@ -0,0 +1,31 @@
+import { Directive, input } from '@angular/core';
+import { BrnQuestionnaireSkip } from '@spartan-ng/brain/questionnaire';
+import { type ButtonVariants, buttonVariants } from '<%- importAlias %>/button';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: 'button[hlmQuestionnaireSkip]',
+	exportAs: 'hlmQuestionnaireSkip',
+	hostDirectives: [
+		{
+			directive: BrnQuestionnaireSkip,
+			inputs: ['disabled'],
+		},
+	],
+	host: {
+		'data-slot': 'questionnaire-skip',
+		'[attr.data-size]': 'size()',
+		'[attr.data-variant]': 'variant()',
+	},
+})
+export class HlmQuestionnaireSkip {
+	public readonly variant = input<ButtonVariants['variant']>('outline');
+	public readonly size = input<ButtonVariants['size']>('default');
+
+	constructor() {
+		classes(() => [
+			buttonVariants({ variant: this.variant(), size: this.size() }),
+			'col-start-2 row-start-1 min-h-11 justify-self-end sm:min-h-0',
+		]);
+	}
+}

package/src/generators/ui/libs/questionnaire/files/lib/hlm-questionnaire-submit.ts.template

@@ -0,0 +1,31 @@
+import { Directive, input } from '@angular/core';
+import { BrnQuestionnaireSubmit } from '@spartan-ng/brain/questionnaire';
+import { type ButtonVariants, buttonVariants } from '<%- importAlias %>/button';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: 'button[hlmQuestionnaireSubmit]',
+	exportAs: 'hlmQuestionnaireSubmit',
+	hostDirectives: [
+		{
+			directive: BrnQuestionnaireSubmit,
+			inputs: ['disabled'],
+		},
+	],
+	host: {
+		'data-slot': 'questionnaire-submit',
+		'[attr.data-size]': 'size()',
+		'[attr.data-variant]': 'variant()',
+	},
+})
+export class HlmQuestionnaireSubmit {
+	public readonly variant = input<ButtonVariants['variant']>('default');
+	public readonly size = input<ButtonVariants['size']>('default');
+
+	constructor() {
+		classes(() => [
+			buttonVariants({ variant: this.variant(), size: this.size() }),
+			'col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0',
+		]);
+	}
+}

package/src/generators/ui/libs/questionnaire/files/lib/hlm-questionnaire-title.ts.template

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import { BrnQuestionnaireTitle } from '@spartan-ng/brain/questionnaire';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: 'legend[hlmQuestionnaireTitle]',
+	exportAs: 'hlmQuestionnaireTitle',
+	hostDirectives: [{ directive: BrnQuestionnaireTitle }],
+	host: {
+		'data-slot': 'questionnaire-title',
+	},
+})
+export class HlmQuestionnaireTitle {
+	constructor() {
+		classes(() => 'spartan-questionnaire-title text-pretty');
+	}
+}

package/src/generators/ui/libs/questionnaire/files/lib/hlm-questionnaire.ts.template

@@ -0,0 +1,23 @@
+import { Directive } from '@angular/core';
+import { BrnQuestionnaire } from '@spartan-ng/brain/questionnaire';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: 'form[hlmQuestionnaire]',
+	exportAs: 'hlmQuestionnaire',
+	hostDirectives: [
+		{
+			directive: BrnQuestionnaire,
+			inputs: ['items', 'defaultItem', 'item', 'shortcuts', 'noValidate'],
+			outputs: ['itemChange'],
+		},
+	],
+	host: {
+		'data-slot': 'questionnaire',
+	},
+})
+export class HlmQuestionnaire {
+	constructor() {
+		classes(() => 'spartan-questionnaire flex w-full min-w-0 flex-col');
+	}
+}

package/src/generators/ui/libs/questionnaire/generator.d.ts

@@ -0,0 +1,3 @@
+import type { Tree } from '@nx/devkit';
+import type { HlmBaseGeneratorSchema } from '../../../base/schema';
+export declare function generator(tree: Tree, options: HlmBaseGeneratorSchema): Promise<import("@nx/devkit").GeneratorCallback>;

package/src/generators/ui/libs/questionnaire/generator.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generator = generator;
+const tslib_1 = require("tslib");
+const generator_1 = tslib_1.__importDefault(require("../../../base/generator"));
+async function generator(tree, options) {
+    return await (0, generator_1.default)(tree, { ...options, name: 'questionnaire' });
+}
+//# sourceMappingURL=generator.js.map

package/src/generators/ui/libs/questionnaire/generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/ui/libs/questionnaire/generator.ts"],"names":[],"mappings":";;AAIA,8BAEC;;AALD,gFAAuD;AAGhD,KAAK,UAAU,SAAS,CAAC,IAAU,EAAE,OAA+B;IAC1E,OAAO,MAAM,IAAA,mBAAgB,EAAC,IAAI,EAAE,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC;AAC5E,CAAC"}

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

@@ -43,6 +43,7 @@ exports.primitiveDependencies = {
     pagination: ['utils', 'button', 'select'],
     popover: ['utils'],
     progress: ['utils'],
+    questionnaire: ['utils', 'button'],
     'radio-group': ['utils'],
     resizable: ['utils'],
     'scroll-area': ['utils'],

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

@@ -1 +1 @@
-{"version":3,"file":"primitive-deps.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/ui/primitive-deps.ts"],"names":[],"mappings":";;;AAEa,QAAA,qBAAqB,GAAmC;IACpE,SAAS,EAAE,CAAC,OAAO,CAAC;IACpB,KAAK,EAAE,CAAC,OAAO,CAAC;IAChB,cAAc,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;IACnC,cAAc,EAAE,CAAC,OAAO,CAAC;IACzB,UAAU,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;IAC/B,YAAY,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,CAAC;IACjD,MAAM,EAAE,CAAC,OAAO,CAAC;IACjB,KAAK,EAAE,CAAC,OAAO,CAAC;IAChB,UAAU,EAAE,CAAC,OAAO,CAAC;IACrB,MAAM,EAAE,CAAC,OAAO,CAAC;IACjB,MAAM,EAAE,CAAC,OAAO,CAAC;IACjB,cAAc,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;IACnC,QAAQ,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC;IACvC,IAAI,EAAE,CAAC,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;IAC7B,QAAQ,EAAE,CAAC,OAAO,CAAC;IACnB,WAAW,EAAE,CAAC,OAAO,CAAC;IACtB,QAAQ,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,CAAC;IAC5C,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,CAAC;IACrD,cAAc,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC;IAC1C,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,CAAC;IAC9D,MAAM,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;IAC3B,MAAM,EAAE,CAAC,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,CAAC;IAC1B,KAAK,EAAE,CAAC,OAAO,CAAC;IAChB,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,WAAW,CAAC;IACtC,YAAY,EAAE,CAAC,OAAO,CAAC;IACvB,KAAK,EAAE,CAAC,OAAO,CAAC;IAChB,aAAa,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,CAAC;IACvD,WAAW,EAAE,CAAC,OAAO,CAAC;IACtB,IAAI,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC;IAC5B,GAAG,EAAE,CAAC,OAAO,CAAC;IACd,KAAK,EAAE,CAAC,OAAO,CAAC;IAChB,MAAM,EAAE,CAAC,OAAO,CAAC;IACjB,OAAO,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC;IACnC,OAAO,EAAE,CAAC,OAAO,CAAC;IAClB,eAAe,EAAE,CAAC,OAAO,CAAC;IAC1B,iBAAiB,EAAE,CAAC,OAAO,CAAC;IAC5B,UAAU,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC;IACzC,OAAO,EAAE,CAAC,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,OAAO,CAAC;IACxB,SAAS,EAAE,CAAC,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,OAAO,CAAC;IACxB,MAAM,EAAE,CAAC,OAAO,CAAC;IACjB,SAAS,EAAE,CAAC,OAAO,CAAC;IACpB,KAAK,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;IAC1B,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC;IAClF,QAAQ,EAAE,CAAC,OAAO,CAAC;IACnB,MAAM,EAAE,CAAC,OAAO,CAAC;IACjB,MAAM,EAAE,CAAC,OAAO,CAAC;IACjB,OAAO,EAAE,CAAC,OAAO,CAAC;IAClB,MAAM,EAAE,CAAC,OAAO,CAAC;IACjB,KAAK,EAAE,CAAC,OAAO,CAAC;IAChB,IAAI,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;IACzB,QAAQ,EAAE,CAAC,OAAO,CAAC;IACnB,MAAM,EAAE,CAAC,OAAO,CAAC;IACjB,cAAc,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;IACnC,OAAO,EAAE,CAAC,OAAO,CAAC;IAClB,UAAU,EAAE,CAAC,OAAO,CAAC;IACrB,KAAK,EAAE,EAAE;CACT,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,IAAI,EAAE,CAAC;QACpD,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;gBAC7B,IAAA,8BAAsB,EAAC,CAAC,GAAG,CAAC,CAAC;qBAC3B,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;qBAC7F,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9C,CAAC;QACF,CAAC;IACF,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;AACxC,CAAC,CAAC;AAjBW,QAAA,sBAAsB,0BAiBjC"}
+{"version":3,"file":"primitive-deps.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/ui/primitive-deps.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-export type Primitive = 'accordion' | 'alert' | 'alert-dialog' | 'aspect-ratio' | 'attachment' | 'autocomplete' | 'avatar' | 'badge' | 'breadcrumb' | 'bubble' | 'button' | 'button-group' | 'calendar' | 'card' | 'carousel' | 'checkbox' | 'collapsible' | 'combobox' | 'command' | 'context-menu' | 'date-picker' | 'dialog' | 'drawer' | 'dropdown-menu' | 'empty' | 'field' | 'hover-card' | 'input' | 'input-group' | 'input-otp' | 'item' | 'kbd' | 'label' | 'marker' | 'menubar' | 'message' | 'native-select' | 'navigation-menu' | 'pagination' | 'popover' | 'progress' | 'radio-group' | 'resizable' | 'scroll-area' | 'select' | 'separator' | 'sheet' | 'sidebar' | 'skeleton' | 'slider' | 'sonner' | 'spinner' | 'switch' | 'table' | 'tabs' | 'textarea' | 'toggle' | 'toggle-group' | 'tooltip' | 'typography' | 'utils';
+export type Primitive = 'accordion' | 'alert' | 'alert-dialog' | 'aspect-ratio' | 'attachment' | 'autocomplete' | 'avatar' | 'badge' | 'breadcrumb' | 'bubble' | 'button' | 'button-group' | 'calendar' | 'card' | 'carousel' | 'checkbox' | 'collapsible' | 'combobox' | 'command' | 'context-menu' | 'date-picker' | 'dialog' | 'drawer' | 'dropdown-menu' | 'empty' | 'field' | 'hover-card' | 'input' | 'input-group' | 'input-otp' | 'item' | 'kbd' | 'label' | 'marker' | 'menubar' | 'message' | 'native-select' | 'navigation-menu' | 'pagination' | 'popover' | 'progress' | 'questionnaire' | 'radio-group' | 'resizable' | 'scroll-area' | 'select' | 'separator' | 'sheet' | 'sidebar' | 'skeleton' | 'slider' | 'sonner' | 'spinner' | 'switch' | 'table' | 'tabs' | 'textarea' | 'toggle' | 'toggle-group' | 'tooltip' | 'typography' | 'utils';

package/src/generators/ui/style-luma.css

@@ -1048,6 +1048,71 @@
 		@apply text-muted-foreground ms-auto text-sm tabular-nums;
 	}
 
+	/* MARK: Questionnaire */
+	.spartan-questionnaire {
+		@apply gap-6;
+	}
+
+	.spartan-questionnaire-progress {
+		@apply text-xs;
+	}
+
+	.spartan-questionnaire-item {
+		@apply gap-5;
+	}
+
+	.spartan-questionnaire-title {
+		@apply text-base font-semibold [&:not(:has(~[data-slot=questionnaire-description]))]:mb-5;
+	}
+
+	.spartan-questionnaire-description {
+		@apply text-sm;
+	}
+
+	.spartan-questionnaire-choices {
+		@apply gap-3;
+	}
+
+	.spartan-questionnaire-choice {
+		@apply border-input bg-input/20 hover:bg-input/40 has-[>input:focus-visible]:border-ring has-[>input:focus-visible]:ring-ring/50 data-invalid:border-destructive data-checked:border-primary/40 data-checked:bg-primary/10 gap-2.5 rounded-3xl border px-4 py-3 text-sm transition-colors has-[>input:focus-visible]:ring-3 data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50;
+	}
+
+	.spartan-questionnaire-choice-indicator {
+		@apply bg-input/90 group-data-checked/questionnaire-choice:border-primary group-data-checked/questionnaire-choice:bg-primary group-data-checked/questionnaire-choice:text-primary-foreground dark:group-data-checked/questionnaire-choice:bg-primary pointer-events-none relative flex size-4 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-[5px] border border-transparent group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group-data-[type=radio]/questionnaire-choice:rounded-full;
+	}
+
+	.spartan-questionnaire-choice-indicator-dot {
+		@apply bg-primary-foreground size-2 rounded-full dark:size-2.5;
+	}
+
+	.spartan-questionnaire-choice-indicator-check {
+		@apply text-[length:--spacing(3.5)];
+	}
+
+	.spartan-questionnaire-choice-content {
+		@apply gap-1;
+	}
+
+	.spartan-questionnaire-choice-description {
+		@apply text-muted-foreground;
+	}
+
+	.spartan-questionnaire-shortcut {
+		@apply border-primary/10 bg-background/80 text-muted-foreground pointer-events-none ms-auto inline-flex size-5 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-full border font-mono text-[0.625rem] leading-none font-medium group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5;
+	}
+
+	.spartan-questionnaire-input {
+		@apply bg-input/50 focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 h-9 rounded-3xl border border-transparent px-3 py-1 text-base focus-visible:ring-3 aria-invalid:ring-3 md:text-sm;
+	}
+
+	.spartan-questionnaire-error {
+		@apply mt-2 text-sm;
+	}
+
+	.spartan-questionnaire-actions {
+		@apply gap-2 sm:min-h-9;
+	}
+
 	/* MARK: Resizable */
 	.spartan-resizable-handle-icon {
 		@apply bg-border h-6 w-1 rounded-lg;