@devstroupe/devkit-cli 1.0.0

package/dist/templates/ui/components/avatar.template.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.devkitAvatarTemplate = devkitAvatarTemplate;
+function devkitAvatarTemplate() {
+    return {
+        ts: `import { Component, Input, OnInit, signal } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+@Component({
+  selector: 'devkit-avatar',
+  standalone: true,
+  imports: [CommonModule],
+  template: \`
+    <div 
+      [class]="'relative flex shrink-0 overflow-hidden rounded-full border border-border bg-muted ' + sizeClasses[size] + ' ' + class"
+    >
+      <img
+        *ngIf="src && !hasError()"
+        [src]="src"
+        [alt]="alt"
+        class="aspect-square h-full w-full object-cover"
+        (error)="onError()"
+      />
+      <div
+        *ngIf="!src || hasError()"
+        class="flex h-full w-full items-center justify-center rounded-full bg-muted font-medium text-muted-foreground"
+      >
+        {{ initials }}
+      </div>
+    </div>
+  \`
+})
+export class DevkitAvatarComponent implements OnInit {
+  @Input() src?: string;
+  @Input() alt = '';
+  @Input() name = '';
+  @Input() size: 'sm' | 'md' | 'lg' = 'md';
+  @Input() class = '';
+
+  protected readonly hasError = signal(false);
+
+  sizeClasses = {
+    sm: 'h-8 w-8 text-xs',
+    md: 'h-10 w-10 text-sm',
+    lg: 'h-16 w-16 text-xl'
+  };
+
+  get initials(): string {
+    if (!this.name) return '';
+    const parts = this.name.split(' ');
+    if (parts.length === 1) return parts[0].substring(0, 2).toUpperCase();
+    return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();
+  }
+
+  ngOnInit(): void {
+    this.hasError.set(false);
+  }
+
+  onError(): void {
+    this.hasError.set(true);
+  }
+}
+`
+    };
+}
+// 21. Template da página de Playground

package/dist/templates/ui/components/badge.template.d.ts

@@ -0,0 +1,3 @@
+export declare function devkitBadgeTemplate(): {
+    ts: string;
+};

package/dist/templates/ui/components/badge.template.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.devkitBadgeTemplate = devkitBadgeTemplate;
+function devkitBadgeTemplate() {
+    return {
+        ts: `import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { HlmBadge } from '@spartan-ng/helm/badge';
+
+@Component({
+  selector: 'devkit-badge',
+  standalone: true,
+  imports: [CommonModule, HlmBadge],
+  template: \`
+    <span hlmBadge [variant]="variant" [class]="class">
+      <ng-content></ng-content>
+    </span>
+  \`
+})
+export class DevkitBadgeComponent {
+  @Input() variant: 'default' | 'secondary' | 'destructive' | 'outline' = 'default';
+  @Input() class = '';
+}
+`
+    };
+}
+// 20. Template do devkit-avatar

package/dist/templates/ui/components/button.template.d.ts

@@ -0,0 +1,5 @@
+export declare function devkitButtonTemplate(): {
+    ts: string;
+    html: string;
+    css: string;
+};

package/dist/templates/ui/components/button.template.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.devkitButtonTemplate = devkitButtonTemplate;
+function devkitButtonTemplate() {
+    return {
+        ts: `import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { HlmButton } from '@spartan-ng/helm/button';
+
+@Component({
+  selector: 'devkit-button',
+  standalone: true,
+  imports: [CommonModule, HlmButton],
+  templateUrl: './button.component.html',
+  styleUrls: ['./button.component.css']
+})
+export class DevkitButtonComponent {
+  @Input() variant: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link' | 'primary' | 'danger' = 'default';
+  @Input() size: 'default' | 'sm' | 'md' | 'lg' | 'icon' = 'default';
+  @Input() disabled = false;
+  @Input() loading = false;
+  @Input() type: 'button' | 'submit' | 'reset' = 'button';
+  @Input() fullWidth = false;
+
+  @Output() btnClick = new EventEmitter<MouseEvent>();
+
+  get resolvedVariant(): 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link' {
+    if (this.variant === 'primary') return 'default';
+    if (this.variant === 'danger') return 'destructive';
+    return this.variant;
+  }
+
+  get resolvedSize(): 'default' | 'sm' | 'lg' | 'icon' {
+    if (this.size === 'md') return 'default';
+    return this.size;
+  }
+
+  onClick(event: MouseEvent): void {
+    if (!this.disabled && !this.loading) {
+      this.btnClick.emit(event);
+    }
+  }
+}
+`,
+        html: `<button
+  hlmBtn
+  [variant]="resolvedVariant"
+  [size]="resolvedSize"
+  [type]="type"
+  [disabled]="disabled || loading"
+  [class.w-full]="fullWidth"
+  (click)="onClick($event)"
+>
+  <span *ngIf="loading" class="mr-2 inline-block w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin"></span>
+  <ng-content></ng-content>
+</button>
+`,
+        css: `:host {
+  display: inline-flex;
+}
+`
+    };
+}
+// 3. Template do devkit-input

package/dist/templates/ui/components/card-list.template.d.ts

@@ -0,0 +1,5 @@
+export declare function devkitCardListTemplate(): {
+    ts: string;
+    html: string;
+    css: string;
+};

package/dist/templates/ui/components/card-list.template.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.devkitCardListTemplate = devkitCardListTemplate;
+function devkitCardListTemplate() {
+    return {
+        ts: `import { Component, Input, Output, EventEmitter, TemplateRef } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { HlmCardImports } from '@spartan-ng/helm/card';
+
+export interface ITableColumn {
+  key: string;
+  label: string;
+  sortable?: boolean;
+}
+
+@Component({
+  selector: 'devkit-card-list',
+  standalone: true,
+  imports: [CommonModule, HlmCardImports],
+  templateUrl: './card-list.component.html',
+  styleUrls: ['./card-list.component.css']
+})
+export class DevkitCardListComponent {
+  @Input() columns: ITableColumn[] = [];
+  @Input() items: any[] = [];
+  @Input() customTemplates?: { [columnKey: string]: TemplateRef<any> };
+
+  @Output() rowClick = new EventEmitter<any>();
+
+  getCellValue(item: any, key: string): any {
+    if (!key) return '';
+    if (key.includes('.')) {
+      const value = key.split('.').reduce((acc, part) => {
+        if (Array.isArray(acc)) return acc.map(entry => entry?.[part]).filter(Boolean);
+        return acc && acc[part];
+      }, item);
+      return Array.isArray(value) ? value.join(', ') : value || '';
+    }
+    return item[key] !== undefined ? item[key] : '';
+  }
+
+  getCardTitle(item: any): string {
+    if (item.name) return item.name;
+    if (item.title) return item.title;
+    if (item.label) return item.label;
+    const nonIdCol = this.columns.find(c => c.key !== 'id' && c.key !== 'actions');
+    return nonIdCol ? this.getCellValue(item, nonIdCol.key) : '';
+  }
+}
+`,
+        html: `<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+  <div *ngFor="let item of items; let index = index" hlmCard (click)="rowClick.emit(item)" class="p-5 transition-colors hover:bg-muted/50 cursor-pointer">
+    <div class="flex flex-col space-y-3">
+      <h3 class="text-lg font-bold tracking-tight text-card-foreground">
+        #{{ item.id }} - {{ getCardTitle(item) }}
+      </h3>
+      <div class="flex flex-col space-y-2 border-t border-border pt-3">
+        <div *ngFor="let col of columns" class="flex justify-between text-sm" [class.hidden]="col.key === 'id' || col.key === 'actions'">
+          <span class="font-medium text-muted-foreground">{{ col.label }}:</span>
+          <span class="text-card-foreground">{{ getCellValue(item, col.key) }}</span>
+        </div>
+      </div>
+    </div>
+    <div *ngIf="customTemplates && customTemplates['actions']" class="mt-5 pt-3 border-t border-border flex justify-end">
+      <ng-container *ngTemplateOutlet="customTemplates['actions']; context: { $implicit: item, index: index }"></ng-container>
+    </div>
+  </div>
+  <div *ngIf="items.length === 0" class="col-span-full text-center py-10 text-sm text-muted-foreground">
+    Nenhum registro encontrado.
+  </div>
+</div>
+`,
+        css: `:host {
+  display: block;
+}
+`
+    };
+}
+// 8. Template do devkit-simple-list

package/dist/templates/ui/components/dialog.template.d.ts

@@ -0,0 +1,5 @@
+export declare function devkitDialogTemplate(): {
+    ts: string;
+    html: string;
+    css: string;
+};

package/dist/templates/ui/components/dialog.template.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.devkitDialogTemplate = devkitDialogTemplate;
+function devkitDialogTemplate() {
+    return {
+        ts: `import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { HlmDialogImports } from '@spartan-ng/helm/dialog';
+
+@Component({
+  selector: 'devkit-dialog',
+  standalone: true,
+  imports: [CommonModule, HlmDialogImports],
+  templateUrl: './dialog.component.html',
+  styleUrls: ['./dialog.component.css']
+})
+export class DevkitDialogComponent {
+  @Input() isOpen = false;
+  @Input() closeOnBackdrop = true;
+  @Input() size: 'sm' | 'md' | 'lg' | 'xl' = 'lg';
+  @Output() close = new EventEmitter<void>();
+
+  closeDialog(): void {
+    this.close.emit();
+  }
+
+  get maxWidthClass(): string {
+    return {
+      sm: 'max-w-sm',
+      md: 'max-w-md',
+      lg: 'max-w-lg',
+      xl: 'max-w-5xl'
+    }[this.size];
+  }
+}
+`,
+        html: `<hlm-dialog
+  [state]="isOpen ? 'open' : 'closed'"
+  [closeOnOutsidePointerEvents]="closeOnBackdrop"
+  [disableClose]="!closeOnBackdrop"
+  (closed)="closeDialog()"
+>
+  <hlm-dialog-content *hlmDialogPortal [class]="maxWidthClass">
+    <ng-content></ng-content>
+  </hlm-dialog-content>
+</hlm-dialog>
+`,
+        css: ``
+    };
+}
+// 10. Template do devkit-shell

package/dist/templates/ui/components/filter.template.d.ts

@@ -0,0 +1,4 @@
+export declare function devkitFilterTemplate(): {
+    ts: string;
+    html: string;
+};

package/dist/templates/ui/components/filter.template.js

@@ -0,0 +1,218 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.devkitFilterTemplate = devkitFilterTemplate;
+function devkitFilterTemplate() {
+    return {
+        ts: `import { Component, Input, Output, EventEmitter, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { HlmCardImports } from '@spartan-ng/helm/card';
+import { HlmPopoverImports } from '@spartan-ng/helm/popover';
+import { HlmDialogImports } from '@spartan-ng/helm/dialog';
+import { HlmButton } from '@spartan-ng/helm/button';
+import { DevkitInputComponent } from '../input/input.component';
+import { DevkitSelectComponent, DevkitSelectOption } from '../select/select.component';
+import { DevkitButtonComponent } from '../button/button.component';
+import { NgIconComponent } from '@ng-icons/core';
+
+export interface FilterOption {
+  label: string;
+  value: any;
+}
+
+export interface FilterItemConfig {
+  key: string;
+  label: string;
+  type: 'text' | 'select' | 'datepicker' | 'boolean';
+  options?: FilterOption[];
+  col?: string;
+  searchable?: boolean;
+  loading?: boolean;
+  hasMore?: boolean;
+  onSearch?: (search: string) => void;
+  onLoadMore?: () => void;
+}
+
+@Component({
+  selector: 'devkit-filter',
+  standalone: true,
+  imports: [
+    CommonModule,
+    FormsModule,
+    HlmCardImports,
+    HlmPopoverImports,
+    HlmDialogImports,
+    HlmButton,
+    DevkitInputComponent,
+    DevkitSelectComponent,
+    DevkitButtonComponent,
+    NgIconComponent
+  ],
+  templateUrl: './filter.component.html'
+})
+export class DevkitFilterComponent implements OnInit {
+  @Input() config: FilterItemConfig[] = [];
+  @Input() initialValues: any = {};
+  @Input() displayMode: 'inline' | 'popover' | 'dialog' = 'popover';
+
+  @Output() filterApplied = new EventEmitter<any>();
+
+  public filterValues: any = {};
+
+  ngOnInit(): void {
+    this.resetValues();
+  }
+
+  resetValues(): void {
+    this.filterValues = { ...this.initialValues };
+    this.config.forEach((item) => {
+      if (this.filterValues[item.key] === undefined) {
+        this.filterValues[item.key] = item.type === 'select' ? (item.options?.[0]?.value ?? null) : null;
+      }
+    });
+  }
+
+  clearFilters(): void {
+    this.filterValues = {};
+    this.resetValues();
+    this.filterApplied.emit(this.filterValues);
+  }
+
+  apply(): void {
+    this.filterApplied.emit(this.filterValues);
+  }
+
+  getActiveFiltersCount(): number {
+    let count = 0;
+    for (const key of Object.keys(this.filterValues)) {
+      const val = this.filterValues[key];
+      if (val !== null && val !== undefined && val !== '') {
+        count++;
+      }
+    }
+    return count;
+  }
+}
+`,
+        html: `<!-- MODO INLINE (PADRÃO) -->
+<div *ngIf="displayMode === 'inline'" hlmCard class="p-4 w-full flex flex-col space-y-4">
+  <ng-container *ngTemplateOutlet="fieldsGridTemplate"></ng-container>
+  <div class="flex justify-end space-x-2">
+    <devkit-button variant="secondary" (btnClick)="clearFilters()">
+      <ng-icon name="lucideRotateCcw" class="mr-1.5 size-4"></ng-icon>
+      Limpar
+    </devkit-button>
+    <devkit-button variant="primary" (btnClick)="apply()">
+      <ng-icon name="lucideSlidersHorizontal" class="mr-1.5 size-4"></ng-icon>
+      Filtrar
+    </devkit-button>
+  </div>
+</div>
+
+<!-- MODO POPOVER OVERLAY -->
+<hlm-popover *ngIf="displayMode === 'popover'">
+  <button hlmBtn variant="outline" hlmPopoverTrigger class="flex items-center space-x-2">
+    <ng-icon name="lucideSlidersHorizontal" class="mr-1.5 size-4"></ng-icon>
+    <span>Filtros</span>
+    <span *ngIf="getActiveFiltersCount() > 0" class="ml-1.5 rounded-full bg-primary text-primary-foreground px-1.5 py-0.5 text-xs font-bold leading-none">
+      {{ getActiveFiltersCount() }}
+    </span>
+  </button>
+  <hlm-popover-content *hlmPopoverPortal class="w-80 p-4 flex flex-col space-y-4">
+    <div class="flex flex-col space-y-3">
+      <ng-container *ngTemplateOutlet="fieldsListTemplate"></ng-container>
+    </div>
+    <div class="flex justify-end space-x-2 border-t border-border pt-3">
+      <button hlmBtn variant="ghost" size="sm" (click)="clearFilters()">Limpar</button>
+      <button hlmBtn size="sm" (click)="apply()">Filtrar</button>
+    </div>
+  </hlm-popover-content>
+</hlm-popover>
+
+<!-- MODO DIALOG MODAL -->
+<hlm-dialog *ngIf="displayMode === 'dialog'">
+  <button hlmBtn variant="outline" hlmDialogTrigger class="flex items-center space-x-2">
+    <ng-icon name="lucideSlidersHorizontal" class="mr-1.5 size-4"></ng-icon>
+    <span>Filtros</span>
+    <span *ngIf="getActiveFiltersCount() > 0" class="ml-1.5 rounded-full bg-primary text-primary-foreground px-1.5 py-0.5 text-xs font-bold leading-none">
+      {{ getActiveFiltersCount() }}
+    </span>
+  </button>
+  <hlm-dialog-content *hlmDialogPortal class="sm:max-w-lg p-6">
+    <hlm-dialog-header>
+      <h3 hlmDialogTitle>Filtrar registros</h3>
+      <p hlmDialogDescription>Selecione as opções de filtros desejadas para refinar os resultados.</p>
+    </hlm-dialog-header>
+    <div class="py-4">
+      <ng-container *ngTemplateOutlet="fieldsGridTemplate"></ng-container>
+    </div>
+    <hlm-dialog-footer class="flex justify-end space-x-2 pt-4 border-t border-border">
+      <button hlmBtn variant="ghost" hlmDialogClose (click)="clearFilters()">Limpar</button>
+      <button hlmBtn hlmDialogClose (click)="apply()">Filtrar</button>
+    </hlm-dialog-footer>
+  </hlm-dialog-content>
+</hlm-dialog>
+
+<!-- Template Reutilizável: Grid de campos (usado no Inline e Dialog) -->
+<ng-template #fieldsGridTemplate>
+  <div class="grid grid-cols-12 gap-4">
+    <div *ngFor="let item of config" [class]="item.col || 'col-span-12 md:col-span-4'" class="flex flex-col space-y-1">
+      <ng-container *ngTemplateOutlet="fieldTemplate; context: { item: item }"></ng-container>
+    </div>
+  </div>
+</ng-template>
+
+<!-- Template Reutilizável: Lista vertical de campos (usado no Popover) -->
+<ng-template #fieldsListTemplate>
+  <div *ngFor="let item of config" class="flex flex-col space-y-1 w-full">
+    <ng-container *ngTemplateOutlet="fieldTemplate; context: { item: item }"></ng-container>
+  </div>
+</ng-template>
+
+<!-- Template Reutilizável: Renderizador de Campo Individual -->
+<ng-template #fieldTemplate let-item="item">
+  <!-- Tipo Text -->
+  <devkit-input
+    *ngIf="item.type === 'text'"
+    [label]="item.label"
+    [placeholder]="item.label"
+    [(ngModel)]="filterValues[item.key]"
+  ></devkit-input>
+
+  <!-- Tipo Select -->
+  <devkit-select
+    *ngIf="item.type === 'select'"
+    [label]="item.label"
+    [options]="item.options || []"
+    [searchable]="item.searchable || false"
+    [loading]="item.loading || false"
+    [hasMore]="item.hasMore || false"
+    (searchChange)="item.onSearch?.($event)"
+    (loadMore)="item.onLoadMore?.()"
+    [(ngModel)]="filterValues[item.key]"
+  ></devkit-select>
+
+  <!-- Tipo Boolean -->
+  <devkit-select
+    *ngIf="item.type === 'boolean'"
+    [label]="item.label"
+    [options]="[
+      { label: 'Todos', value: null },
+      { label: 'Sim / Ativo', value: true },
+      { label: 'Não / Inativo', value: false }
+    ]"
+    [(ngModel)]="filterValues[item.key]"
+  ></devkit-select>
+
+  <!-- Tipo Datepicker -->
+  <devkit-input
+    *ngIf="item.type === 'datepicker'"
+    type="date"
+    [label]="item.label"
+    [(ngModel)]="filterValues[item.key]"
+  ></devkit-input>
+</ng-template>
+`
+    };
+}
+// 7. Template do devkit-card-list

package/dist/templates/ui/components/index.d.ts

@@ -0,0 +1,10 @@
+export * from './button.template';
+export * from './input.template';
+export * from './select.template';
+export * from './table.template';
+export * from './filter.template';
+export * from './card-list.template';
+export * from './simple-list.template';
+export * from './dialog.template';
+export * from './badge.template';
+export * from './avatar.template';

package/dist/templates/ui/components/index.js

@@ -0,0 +1,26 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./button.template"), exports);
+__exportStar(require("./input.template"), exports);
+__exportStar(require("./select.template"), exports);
+__exportStar(require("./table.template"), exports);
+__exportStar(require("./filter.template"), exports);
+__exportStar(require("./card-list.template"), exports);
+__exportStar(require("./simple-list.template"), exports);
+__exportStar(require("./dialog.template"), exports);
+__exportStar(require("./badge.template"), exports);
+__exportStar(require("./avatar.template"), exports);

package/dist/templates/ui/components/input.template.d.ts

@@ -0,0 +1,4 @@
+export declare function devkitInputTemplate(): {
+    ts: string;
+    html: string;
+};

package/dist/templates/ui/components/input.template.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.devkitInputTemplate = devkitInputTemplate;
+function devkitInputTemplate() {
+    return {
+        ts: `import { Component, Input, forwardRef } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import { HlmInput } from '@spartan-ng/helm/input';
+
+@Component({
+  selector: 'devkit-input',
+  standalone: true,
+  imports: [CommonModule, FormsModule, HlmInput],
+  templateUrl: './input.component.html',
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => DevkitInputComponent),
+      multi: true
+    }
+  ]
+})
+export class DevkitInputComponent implements ControlValueAccessor {
+  @Input() label = '';
+  @Input() placeholder = '';
+  @Input() type = 'text';
+  @Input() required = false;
+  @Input() disabled = false;
+
+  value: string | number = '';
+
+  onChange: any = () => {};
+  onTouched: any = () => {};
+
+  writeValue(value: any): void {
+    this.value = value || '';
+  }
+
+  registerOnChange(fn: any): void {
+    this.onChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+    this.onTouched = fn;
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.disabled = isDisabled;
+  }
+
+  onInput(event: Event): void {
+    const val = (event.target as HTMLInputElement).value;
+    this.value = val;
+    this.onChange(val);
+  }
+}
+`,
+        html: `<div class="flex flex-col space-y-1.5 w-full">
+  <label *ngIf="label" class="text-xs font-semibold text-muted-foreground">
+    {{ label }}<span *ngIf="required" class="text-destructive ml-0.5">*</span>
+  </label>
+  <input
+    hlmInput
+    [type]="type"
+    [value]="value"
+    [placeholder]="placeholder"
+    [disabled]="disabled"
+    (input)="onInput($event)"
+    (blur)="onTouched()"
+  />
+</div>
+`
+    };
+}
+// 4. Template do devkit-select

package/dist/templates/ui/components/select.template.d.ts

@@ -0,0 +1,4 @@
+export declare function devkitSelectTemplate(): {
+    ts: string;
+    html: string;
+};