@fnd-platform/cms 1.0.0-alpha.1

package/lib/templates/form-fields/index.js

@@ -0,0 +1,275 @@
+'use strict';
+/**
+ * Form field template exports and DynamicField renderer.
+ */
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.getReferenceFieldTemplate =
+  exports.getTagsFieldTemplate =
+  exports.getNumberFieldTemplate =
+  exports.getBooleanFieldTemplate =
+  exports.getDatetimeFieldTemplate =
+  exports.getDateFieldTemplate =
+  exports.getMultiselectFieldTemplate =
+  exports.getSelectFieldTemplate =
+  exports.getMediaFieldTemplate =
+  exports.getSlugFieldTemplate =
+  exports.getRichtextFieldTemplate =
+  exports.getTextareaFieldTemplate =
+  exports.getTextFieldTemplate =
+    void 0;
+exports.getFormFieldsIndexTemplate = getFormFieldsIndexTemplate;
+var text_field_1 = require('./text-field');
+Object.defineProperty(exports, 'getTextFieldTemplate', {
+  enumerable: true,
+  get: function () {
+    return text_field_1.getTextFieldTemplate;
+  },
+});
+var textarea_field_1 = require('./textarea-field');
+Object.defineProperty(exports, 'getTextareaFieldTemplate', {
+  enumerable: true,
+  get: function () {
+    return textarea_field_1.getTextareaFieldTemplate;
+  },
+});
+var richtext_field_1 = require('./richtext-field');
+Object.defineProperty(exports, 'getRichtextFieldTemplate', {
+  enumerable: true,
+  get: function () {
+    return richtext_field_1.getRichtextFieldTemplate;
+  },
+});
+var slug_field_1 = require('./slug-field');
+Object.defineProperty(exports, 'getSlugFieldTemplate', {
+  enumerable: true,
+  get: function () {
+    return slug_field_1.getSlugFieldTemplate;
+  },
+});
+var media_field_1 = require('./media-field');
+Object.defineProperty(exports, 'getMediaFieldTemplate', {
+  enumerable: true,
+  get: function () {
+    return media_field_1.getMediaFieldTemplate;
+  },
+});
+var select_field_1 = require('./select-field');
+Object.defineProperty(exports, 'getSelectFieldTemplate', {
+  enumerable: true,
+  get: function () {
+    return select_field_1.getSelectFieldTemplate;
+  },
+});
+var multiselect_field_1 = require('./multiselect-field');
+Object.defineProperty(exports, 'getMultiselectFieldTemplate', {
+  enumerable: true,
+  get: function () {
+    return multiselect_field_1.getMultiselectFieldTemplate;
+  },
+});
+var date_field_1 = require('./date-field');
+Object.defineProperty(exports, 'getDateFieldTemplate', {
+  enumerable: true,
+  get: function () {
+    return date_field_1.getDateFieldTemplate;
+  },
+});
+var datetime_field_1 = require('./datetime-field');
+Object.defineProperty(exports, 'getDatetimeFieldTemplate', {
+  enumerable: true,
+  get: function () {
+    return datetime_field_1.getDatetimeFieldTemplate;
+  },
+});
+var boolean_field_1 = require('./boolean-field');
+Object.defineProperty(exports, 'getBooleanFieldTemplate', {
+  enumerable: true,
+  get: function () {
+    return boolean_field_1.getBooleanFieldTemplate;
+  },
+});
+var number_field_1 = require('./number-field');
+Object.defineProperty(exports, 'getNumberFieldTemplate', {
+  enumerable: true,
+  get: function () {
+    return number_field_1.getNumberFieldTemplate;
+  },
+});
+var tags_field_1 = require('./tags-field');
+Object.defineProperty(exports, 'getTagsFieldTemplate', {
+  enumerable: true,
+  get: function () {
+    return tags_field_1.getTagsFieldTemplate;
+  },
+});
+var reference_field_1 = require('./reference-field');
+Object.defineProperty(exports, 'getReferenceFieldTemplate', {
+  enumerable: true,
+  get: function () {
+    return reference_field_1.getReferenceFieldTemplate;
+  },
+});
+/**
+ * Generates the form fields index with DynamicField component.
+ *
+ * @returns Template string for app/components/form-fields/index.ts
+ */
+function getFormFieldsIndexTemplate() {
+  return `/**
+ * Form Field Components
+ *
+ * This module exports all form field components and provides
+ * the DynamicField component for rendering fields based on type.
+ */
+
+export { TextField } from './text-field';
+export { TextareaField } from './textarea-field';
+export { RichtextField } from './richtext-field';
+export { SlugField } from './slug-field';
+export { MediaField } from './media-field';
+export { SelectField } from './select-field';
+export { MultiselectField } from './multiselect-field';
+export { DateField } from './date-field';
+export { DatetimeField } from './datetime-field';
+export { BooleanField } from './boolean-field';
+export { NumberField } from './number-field';
+export { TagsField } from './tags-field';
+export { ReferenceField } from './reference-field';
+
+import type { FieldDefinition } from '~/lib/content-types';
+import { TextField } from './text-field';
+import { TextareaField } from './textarea-field';
+import { RichtextField } from './richtext-field';
+import { SlugField } from './slug-field';
+import { MediaField } from './media-field';
+import { SelectField } from './select-field';
+import { MultiselectField } from './multiselect-field';
+import { DateField } from './date-field';
+import { DatetimeField } from './datetime-field';
+import { BooleanField } from './boolean-field';
+import { NumberField } from './number-field';
+import { TagsField } from './tags-field';
+import { ReferenceField } from './reference-field';
+
+/**
+ * Props for field components.
+ */
+export interface FieldProps<T extends FieldDefinition = FieldDefinition> {
+  /** Field definition */
+  field: T;
+  /** Current field value */
+  value: unknown;
+  /** Value change handler */
+  onChange: (value: unknown) => void;
+  /** Error message */
+  error?: string;
+  /** Whether the field is disabled */
+  disabled?: boolean;
+  /** Additional form data (for slug sourceField) */
+  formData?: Record<string, unknown>;
+}
+
+/**
+ * Props for DynamicField component.
+ */
+export interface DynamicFieldProps {
+  /** Field definition */
+  field: FieldDefinition;
+  /** Current field value */
+  value: unknown;
+  /** Value change handler */
+  onChange: (value: unknown) => void;
+  /** Error message */
+  error?: string;
+  /** Whether the field is disabled */
+  disabled?: boolean;
+  /** Additional form data (for slug sourceField) */
+  formData?: Record<string, unknown>;
+}
+
+/**
+ * Renders a form field based on its type definition.
+ *
+ * @example
+ * \`\`\`tsx
+ * <DynamicField
+ *   field={{ type: 'text', name: 'title', label: 'Title', required: true }}
+ *   value={title}
+ *   onChange={setTitle}
+ *   error={errors?.title}
+ * />
+ * \`\`\`
+ */
+export function DynamicField({
+  field,
+  value,
+  onChange,
+  error,
+  disabled,
+  formData,
+}: DynamicFieldProps) {
+  // Skip hidden fields
+  if (field.hidden) {
+    return null;
+  }
+
+  const commonProps = {
+    field,
+    value,
+    onChange,
+    error,
+    disabled,
+    formData,
+  };
+
+  switch (field.type) {
+    case 'text':
+      return <TextField {...commonProps} field={field} />;
+
+    case 'textarea':
+      return <TextareaField {...commonProps} field={field} />;
+
+    case 'richtext':
+      return <RichtextField {...commonProps} field={field} />;
+
+    case 'slug':
+      return <SlugField {...commonProps} field={field} />;
+
+    case 'media':
+      return <MediaField {...commonProps} field={field} />;
+
+    case 'select':
+      return <SelectField {...commonProps} field={field} />;
+
+    case 'multiselect':
+      return <MultiselectField {...commonProps} field={field} />;
+
+    case 'date':
+      return <DateField {...commonProps} field={field} />;
+
+    case 'datetime':
+      return <DatetimeField {...commonProps} field={field} />;
+
+    case 'boolean':
+      return <BooleanField {...commonProps} field={field} />;
+
+    case 'number':
+      return <NumberField {...commonProps} field={field} />;
+
+    case 'tags':
+      return <TagsField {...commonProps} field={field} />;
+
+    case 'reference':
+      return <ReferenceField {...commonProps} field={field} />;
+
+    default:
+      return (
+        <div className="text-sm text-muted-foreground">
+          Unknown field type: {(field as FieldDefinition).type}
+        </div>
+      );
+  }
+}
+`;
+}
+//# sourceMappingURL=index.js.map

package/lib/templates/form-fields/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/templates/form-fields/index.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAqBH,gEA6JC;AAhLD,2CAAoD;AAA3C,kHAAA,oBAAoB,OAAA;AAC7B,mDAA4D;AAAnD,0HAAA,wBAAwB,OAAA;AACjC,mDAA4D;AAAnD,0HAAA,wBAAwB,OAAA;AACjC,2CAAoD;AAA3C,kHAAA,oBAAoB,OAAA;AAC7B,6CAAsD;AAA7C,oHAAA,qBAAqB,OAAA;AAC9B,+CAAwD;AAA/C,sHAAA,sBAAsB,OAAA;AAC/B,yDAAkE;AAAzD,gIAAA,2BAA2B,OAAA;AACpC,2CAAoD;AAA3C,kHAAA,oBAAoB,OAAA;AAC7B,mDAA4D;AAAnD,0HAAA,wBAAwB,OAAA;AACjC,iDAA0D;AAAjD,wHAAA,uBAAuB,OAAA;AAChC,+CAAwD;AAA/C,sHAAA,sBAAsB,OAAA;AAC/B,2CAAoD;AAA3C,kHAAA,oBAAoB,OAAA;AAC7B,qDAA8D;AAArD,4HAAA,yBAAyB,OAAA;AAElC;;;;GAIG;AACH,SAAgB,0BAA0B;IACxC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2JR,CAAC;AACF,CAAC"}

package/lib/templates/form-fields/media-field.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Generates the media field component template.
+ *
+ * This component integrates with the media picker dialog to allow
+ * selecting media from the library or uploading new files.
+ *
+ * @returns Template string for app/components/form-fields/media-field.tsx
+ */
+export declare function getMediaFieldTemplate(): string;
+//# sourceMappingURL=media-field.d.ts.map

package/lib/templates/form-fields/media-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-field.d.ts","sourceRoot":"","sources":["../../../src/templates/form-fields/media-field.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,IAAI,MAAM,CAoN9C"}

package/lib/templates/form-fields/media-field.js

@@ -0,0 +1,225 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.getMediaFieldTemplate = getMediaFieldTemplate;
+/**
+ * Generates the media field component template.
+ *
+ * This component integrates with the media picker dialog to allow
+ * selecting media from the library or uploading new files.
+ *
+ * @returns Template string for app/components/form-fields/media-field.tsx
+ */
+function getMediaFieldTemplate() {
+  return `import { useState } from 'react';
+import { Upload, X, Image as ImageIcon, FileVideo, FileAudio, File } from 'lucide-react';
+import type { MediaFieldDefinition } from '~/lib/content-types';
+import { Label } from '~/components/ui/label';
+import { Button } from '~/components/ui/button';
+import { cn } from '~/lib/utils';
+import type { FieldProps } from './index';
+import { MediaPicker } from '~/components/media/media-picker';
+import { getMediaType, formatFileSize, type MediaItem } from '~/lib/media-api';
+
+/**
+ * Get icon for file type.
+ */
+function getMediaIcon(mimeType: string) {
+  const type = getMediaType(mimeType);
+  switch (type) {
+    case 'image':
+      return <ImageIcon className="h-6 w-6 text-muted-foreground" />;
+    case 'video':
+      return <FileVideo className="h-6 w-6 text-muted-foreground" />;
+    case 'audio':
+      return <FileAudio className="h-6 w-6 text-muted-foreground" />;
+    default:
+      return <File className="h-6 w-6 text-muted-foreground" />;
+  }
+}
+
+/**
+ * Check if URL is an image.
+ */
+function isImage(url: string): boolean {
+  const ext = url.split('.').pop()?.toLowerCase();
+  return ['jpg', 'jpeg', 'png', 'gif', 'webp'].includes(ext || '');
+}
+
+/**
+ * Media upload field with media picker integration.
+ */
+export function MediaField({
+  field,
+  value,
+  onChange,
+  error,
+  disabled,
+}: FieldProps<MediaFieldDefinition>) {
+  const [pickerOpen, setPickerOpen] = useState(false);
+  const id = \`field-\${field.name}\`;
+  const currentValue = field.multiple
+    ? (Array.isArray(value) ? value : [])
+    : (value as string | undefined);
+
+  const handleClear = () => {
+    onChange(field.multiple ? [] : '');
+  };
+
+  const handleRemove = (index: number) => {
+    if (field.multiple && Array.isArray(currentValue)) {
+      const newValue = [...currentValue];
+      newValue.splice(index, 1);
+      onChange(newValue);
+    }
+  };
+
+  const handleSelect = (media: MediaItem | MediaItem[]) => {
+    if (field.multiple) {
+      const mediaArray = Array.isArray(media) ? media : [media];
+      const urls = mediaArray.map((m) => m.url);
+      onChange([...(currentValue as string[]), ...urls]);
+    } else {
+      const singleMedia = Array.isArray(media) ? media[0] : media;
+      onChange(singleMedia.url);
+    }
+  };
+
+  return (
+    <div className="space-y-2">
+      <Label className={cn(field.required && "after:content-['*'] after:ml-0.5 after:text-destructive")}>
+        {field.label}
+      </Label>
+      <div
+        className={cn(
+          'border-2 border-dashed rounded-lg p-6 text-center',
+          error ? 'border-destructive' : 'border-muted-foreground/25',
+          disabled && 'opacity-50 cursor-not-allowed'
+        )}
+      >
+        {currentValue && (typeof currentValue === 'string' ? currentValue : currentValue.length > 0) ? (
+          <div className="space-y-4">
+            {field.multiple ? (
+              <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
+                {(currentValue as string[]).map((url, index) => (
+                  <div key={index} className="relative aspect-square bg-muted rounded-md overflow-hidden">
+                    {isImage(url) ? (
+                      <img src={url} alt="" className="w-full h-full object-cover" />
+                    ) : (
+                      <div className="w-full h-full flex items-center justify-center">
+                        {getMediaIcon(url)}
+                      </div>
+                    )}
+                    <Button
+                      type="button"
+                      variant="destructive"
+                      size="icon"
+                      className="absolute top-1 right-1 h-6 w-6"
+                      onClick={() => handleRemove(index)}
+                      disabled={disabled}
+                    >
+                      <X className="h-3 w-3" />
+                    </Button>
+                  </div>
+                ))}
+                {/* Add more button */}
+                <button
+                  type="button"
+                  onClick={() => !disabled && setPickerOpen(true)}
+                  disabled={disabled}
+                  className="aspect-square rounded-md border-2 border-dashed border-muted-foreground/25 flex items-center justify-center hover:border-primary/50 hover:bg-muted/50 transition-colors"
+                >
+                  <Upload className="h-6 w-6 text-muted-foreground" />
+                </button>
+              </div>
+            ) : (
+              <div className="relative inline-block">
+                {isImage(currentValue as string) ? (
+                  <img
+                    src={currentValue as string}
+                    alt=""
+                    className="max-h-48 rounded-md"
+                  />
+                ) : (
+                  <div className="h-24 w-24 rounded-md bg-muted flex items-center justify-center">
+                    {getMediaIcon(currentValue as string)}
+                  </div>
+                )}
+                <Button
+                  type="button"
+                  variant="destructive"
+                  size="icon"
+                  className="absolute -top-2 -right-2 h-6 w-6"
+                  onClick={handleClear}
+                  disabled={disabled}
+                >
+                  <X className="h-3 w-3" />
+                </Button>
+              </div>
+            )}
+            {!field.multiple && (
+              <Button
+                type="button"
+                variant="outline"
+                size="sm"
+                onClick={() => setPickerOpen(true)}
+                disabled={disabled}
+              >
+                Change
+              </Button>
+            )}
+          </div>
+        ) : (
+          <div className="space-y-2">
+            <div className="mx-auto w-12 h-12 rounded-full bg-muted flex items-center justify-center">
+              <ImageIcon className="h-6 w-6 text-muted-foreground" />
+            </div>
+            <div>
+              <p className="text-sm font-medium">Select Media</p>
+              <p className="text-xs text-muted-foreground">
+                {field.multiple ? 'Choose files from the media library' : 'Choose a file from the media library'}
+              </p>
+            </div>
+            <Button
+              type="button"
+              variant="outline"
+              size="sm"
+              onClick={() => setPickerOpen(true)}
+              disabled={disabled}
+            >
+              <Upload className="h-4 w-4 mr-2" />
+              Choose File{field.multiple ? 's' : ''}
+            </Button>
+          </div>
+        )}
+      </div>
+      {field.description && !error && (
+        <p id={\`\${id}-description\`} className="text-sm text-muted-foreground">
+          {field.description}
+        </p>
+      )}
+      {field.accept && !error && (
+        <p className="text-sm text-muted-foreground">
+          Accepted: {field.accept.join(', ')}
+          {field.maxSize && \` (max \${Math.round(field.maxSize / 1024 / 1024)}MB)\`}
+        </p>
+      )}
+      {error && (
+        <p id={\`\${id}-error\`} className="text-sm text-destructive">
+          {error}
+        </p>
+      )}
+
+      {/* Media Picker Dialog */}
+      <MediaPicker
+        open={pickerOpen}
+        onOpenChange={setPickerOpen}
+        onSelect={handleSelect}
+        multiple={field.multiple}
+        accept={field.accept}
+      />
+    </div>
+  );
+}
+`;
+}
+//# sourceMappingURL=media-field.js.map

package/lib/templates/form-fields/media-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-field.js","sourceRoot":"","sources":["../../../src/templates/form-fields/media-field.ts"],"names":[],"mappings":";;AAQA,sDAoNC;AA5ND;;;;;;;GAOG;AACH,SAAgB,qBAAqB;IACnC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkNR,CAAC;AACF,CAAC"}

package/lib/templates/form-fields/multiselect-field.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Generates the multi-select field component template.
+ *
+ * @returns Template string for app/components/form-fields/multiselect-field.tsx
+ */
+export declare function getMultiselectFieldTemplate(): string;
+//# sourceMappingURL=multiselect-field.d.ts.map

package/lib/templates/form-fields/multiselect-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect-field.d.ts","sourceRoot":"","sources":["../../../src/templates/form-fields/multiselect-field.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,2BAA2B,IAAI,MAAM,CA+GpD"}

package/lib/templates/form-fields/multiselect-field.js

@@ -0,0 +1,121 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.getMultiselectFieldTemplate = getMultiselectFieldTemplate;
+/**
+ * Generates the multi-select field component template.
+ *
+ * @returns Template string for app/components/form-fields/multiselect-field.tsx
+ */
+function getMultiselectFieldTemplate() {
+  return `import { Check } from 'lucide-react';
+import type { MultiselectFieldDefinition } from '~/lib/content-types';
+import { Label } from '~/components/ui/label';
+import { cn } from '~/lib/utils';
+import type { FieldProps } from './index';
+
+/**
+ * Multi-select field with checkboxes.
+ */
+export function MultiselectField({
+  field,
+  value,
+  onChange,
+  error,
+  disabled,
+}: FieldProps<MultiselectFieldDefinition>) {
+  const id = \`field-\${field.name}\`;
+  const selectedValues = Array.isArray(value) ? value : [];
+
+  const toggleOption = (optionValue: string) => {
+    if (disabled) return;
+
+    const newValues = selectedValues.includes(optionValue)
+      ? selectedValues.filter((v) => v !== optionValue)
+      : [...selectedValues, optionValue];
+
+    // Enforce max limit
+    if (field.max !== undefined && newValues.length > field.max) {
+      return;
+    }
+
+    onChange(newValues);
+  };
+
+  return (
+    <div className="space-y-2">
+      <Label className={cn(field.required && "after:content-['*'] after:ml-0.5 after:text-destructive")}>
+        {field.label}
+      </Label>
+      <div
+        className={cn(
+          'border rounded-md p-3 space-y-2',
+          error && 'border-destructive'
+        )}
+        role="group"
+        aria-labelledby={\`\${id}-label\`}
+        aria-describedby={error ? \`\${id}-error\` : field.description ? \`\${id}-description\` : undefined}
+      >
+        {field.options.map((option) => {
+          const isSelected = selectedValues.includes(option.value);
+          const optionId = \`\${id}-\${option.value}\`;
+
+          return (
+            <label
+              key={option.value}
+              htmlFor={optionId}
+              className={cn(
+                'flex items-center gap-3 p-2 rounded-md cursor-pointer hover:bg-accent',
+                disabled && 'cursor-not-allowed opacity-50'
+              )}
+            >
+              <div
+                className={cn(
+                  'h-5 w-5 rounded border flex items-center justify-center',
+                  isSelected
+                    ? 'bg-primary border-primary text-primary-foreground'
+                    : 'border-input'
+                )}
+              >
+                {isSelected && <Check className="h-3 w-3" />}
+              </div>
+              <input
+                type="checkbox"
+                id={optionId}
+                name={\`\${field.name}[]\`}
+                value={option.value}
+                checked={isSelected}
+                onChange={() => toggleOption(option.value)}
+                disabled={disabled}
+                className="sr-only"
+              />
+              <span className="text-sm">{option.label}</span>
+            </label>
+          );
+        })}
+      </div>
+      {(field.min !== undefined || field.max !== undefined) && !error && (
+        <p className="text-sm text-muted-foreground">
+          {field.min !== undefined && field.max !== undefined
+            ? \`Select \${field.min} to \${field.max} options\`
+            : field.min !== undefined
+              ? \`Select at least \${field.min} options\`
+              : \`Select up to \${field.max} options\`}
+          {' '}({selectedValues.length} selected)
+        </p>
+      )}
+      {field.description && !error && !(field.min !== undefined || field.max !== undefined) && (
+        <p id={\`\${id}-description\`} className="text-sm text-muted-foreground">
+          {field.description}
+        </p>
+      )}
+      {error && (
+        <p id={\`\${id}-error\`} className="text-sm text-destructive">
+          {error}
+        </p>
+      )}
+    </div>
+  );
+}
+`;
+}
+//# sourceMappingURL=multiselect-field.js.map

package/lib/templates/form-fields/multiselect-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect-field.js","sourceRoot":"","sources":["../../../src/templates/form-fields/multiselect-field.ts"],"names":[],"mappings":";;AAKA,kEA+GC;AApHD;;;;GAIG;AACH,SAAgB,2BAA2B;IACzC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GR,CAAC;AACF,CAAC"}

package/lib/templates/form-fields/number-field.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Generates the number field component template.
+ *
+ * @returns Template string for app/components/form-fields/number-field.tsx
+ */
+export declare function getNumberFieldTemplate(): string;
+//# sourceMappingURL=number-field.d.ts.map

package/lib/templates/form-fields/number-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../src/templates/form-fields/number-field.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,sBAAsB,IAAI,MAAM,CA6E/C"}