@frontmcp/ui 0.5.0

package/src/components/form.js

@@ -0,0 +1,420 @@
+"use strict";
+/**
+ * Form Components
+ *
+ * Form elements including inputs, selects, textareas, and form layouts.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.input = input;
+exports.select = select;
+exports.textarea = textarea;
+exports.checkbox = checkbox;
+exports.radioGroup = radioGroup;
+exports.form = form;
+exports.formRow = formRow;
+exports.formSection = formSection;
+exports.formActions = formActions;
+exports.hiddenInput = hiddenInput;
+exports.csrfInput = csrfInput;
+const base_1 = require("../layouts/base");
+// ============================================
+// Form Builders
+// ============================================
+/**
+ * Get size classes for inputs
+ */
+function getInputSizeClasses(size) {
+    const sizes = {
+        sm: 'px-3 py-1.5 text-sm',
+        md: 'px-4 py-2.5 text-sm',
+        lg: 'px-5 py-3 text-base',
+    };
+    return sizes[size];
+}
+/**
+ * Get state classes for inputs
+ */
+function getInputStateClasses(state) {
+    const states = {
+        default: 'border-border focus:border-primary focus:ring-primary/20',
+        error: 'border-danger focus:border-danger focus:ring-danger/20',
+        success: 'border-success focus:border-success focus:ring-success/20',
+        warning: 'border-warning focus:border-warning focus:ring-warning/20',
+    };
+    return states[state];
+}
+/**
+ * Build HTMX attributes for form elements
+ */
+function buildFormHtmxAttrs(htmx) {
+    if (!htmx)
+        return '';
+    const attrs = [];
+    if (htmx.post)
+        attrs.push(`hx-post="${(0, base_1.escapeHtml)(htmx.post)}"`);
+    if (htmx.get)
+        attrs.push(`hx-get="${(0, base_1.escapeHtml)(htmx.get)}"`);
+    if (htmx.target)
+        attrs.push(`hx-target="${(0, base_1.escapeHtml)(htmx.target)}"`);
+    if (htmx.swap)
+        attrs.push(`hx-swap="${(0, base_1.escapeHtml)(htmx.swap)}"`);
+    if (htmx.trigger)
+        attrs.push(`hx-trigger="${(0, base_1.escapeHtml)(htmx.trigger)}"`);
+    if (htmx.validate)
+        attrs.push('hx-validate="true"');
+    return attrs.join(' ');
+}
+/**
+ * Build data attributes
+ */
+function buildDataAttrs(data) {
+    if (!data)
+        return '';
+    return Object.entries(data)
+        .map(([key, value]) => `data-${key}="${(0, base_1.escapeHtml)(value)}"`)
+        .join(' ');
+}
+/**
+ * Build a text input component
+ */
+function input(options) {
+    const { type = 'text', name, id = name, value = '', placeholder = '', label, helper, error, size = 'md', state = error ? 'error' : 'default', required = false, disabled = false, readonly = false, autocomplete, pattern, min, max, step, className = '', htmx, data, iconBefore, iconAfter, } = options;
+    const sizeClasses = getInputSizeClasses(size);
+    const stateClasses = getInputStateClasses(state);
+    const hasIcon = iconBefore || iconAfter;
+    const baseClasses = [
+        'w-full rounded-lg border bg-white',
+        'transition-colors duration-200',
+        'focus:outline-none focus:ring-2',
+        disabled ? 'opacity-50 cursor-not-allowed bg-gray-50' : '',
+        sizeClasses,
+        stateClasses,
+        hasIcon ? (iconBefore ? 'pl-10' : '') + (iconAfter ? ' pr-10' : '') : '',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const htmxAttrs = buildFormHtmxAttrs(htmx);
+    const dataAttrs = buildDataAttrs(data);
+    const inputAttrs = [
+        `type="${type}"`,
+        `name="${(0, base_1.escapeHtml)(name)}"`,
+        `id="${(0, base_1.escapeHtml)(id)}"`,
+        value ? `value="${(0, base_1.escapeHtml)(value)}"` : '',
+        placeholder ? `placeholder="${(0, base_1.escapeHtml)(placeholder)}"` : '',
+        required ? 'required' : '',
+        disabled ? 'disabled' : '',
+        readonly ? 'readonly' : '',
+        autocomplete ? `autocomplete="${(0, base_1.escapeHtml)(autocomplete)}"` : '',
+        pattern ? `pattern="${(0, base_1.escapeHtml)(pattern)}"` : '',
+        min !== undefined ? `min="${(0, base_1.escapeHtml)(String(min))}"` : '',
+        max !== undefined ? `max="${(0, base_1.escapeHtml)(String(max))}"` : '',
+        step !== undefined ? `step="${(0, base_1.escapeHtml)(String(step))}"` : '',
+        `class="${baseClasses}"`,
+        htmxAttrs,
+        dataAttrs,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const labelHtml = label
+        ? `<label for="${(0, base_1.escapeHtml)(id)}" class="block text-sm font-medium text-text-primary mb-1.5">
+        ${(0, base_1.escapeHtml)(label)}${required ? '<span class="text-danger ml-1">*</span>' : ''}
+      </label>`
+        : '';
+    const helperHtml = helper && !error ? `<p class="mt-1.5 text-sm text-text-secondary">${(0, base_1.escapeHtml)(helper)}</p>` : '';
+    const errorHtml = error ? `<p class="mt-1.5 text-sm text-danger">${(0, base_1.escapeHtml)(error)}</p>` : '';
+    const iconBeforeHtml = iconBefore
+        ? `<span class="absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary">${iconBefore}</span>`
+        : '';
+    const iconAfterHtml = iconAfter
+        ? `<span class="absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary">${iconAfter}</span>`
+        : '';
+    const inputHtml = hasIcon
+        ? `<div class="relative">
+        ${iconBeforeHtml}
+        <input ${inputAttrs}>
+        ${iconAfterHtml}
+      </div>`
+        : `<input ${inputAttrs}>`;
+    return `<div class="form-field">
+    ${labelHtml}
+    ${inputHtml}
+    ${helperHtml}
+    ${errorHtml}
+  </div>`;
+}
+/**
+ * Build a select component
+ */
+function select(options) {
+    const { name, id = name, options: selectOptions, value, label, helper, error, size = 'md', state = error ? 'error' : 'default', required = false, disabled = false, multiple = false, className = '', htmx, data, } = options;
+    const sizeClasses = getInputSizeClasses(size);
+    const stateClasses = getInputStateClasses(state);
+    const baseClasses = [
+        'w-full rounded-lg border bg-white',
+        'transition-colors duration-200',
+        'focus:outline-none focus:ring-2',
+        disabled ? 'opacity-50 cursor-not-allowed bg-gray-50' : '',
+        sizeClasses,
+        stateClasses,
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const htmxAttrs = buildFormHtmxAttrs(htmx);
+    const dataAttrs = buildDataAttrs(data);
+    const optionsHtml = selectOptions
+        .map((opt) => {
+        const selected = opt.selected || opt.value === value ? 'selected' : '';
+        const optDisabled = opt.disabled ? 'disabled' : '';
+        return `<option value="${(0, base_1.escapeHtml)(opt.value)}" ${selected} ${optDisabled}>${(0, base_1.escapeHtml)(opt.label)}</option>`;
+    })
+        .join('\n');
+    const labelHtml = label
+        ? `<label for="${(0, base_1.escapeHtml)(id)}" class="block text-sm font-medium text-text-primary mb-1.5">
+        ${(0, base_1.escapeHtml)(label)}${required ? '<span class="text-danger ml-1">*</span>' : ''}
+      </label>`
+        : '';
+    const helperHtml = helper && !error ? `<p class="mt-1.5 text-sm text-text-secondary">${(0, base_1.escapeHtml)(helper)}</p>` : '';
+    const errorHtml = error ? `<p class="mt-1.5 text-sm text-danger">${(0, base_1.escapeHtml)(error)}</p>` : '';
+    return `<div class="form-field">
+    ${labelHtml}
+    <select
+      name="${(0, base_1.escapeHtml)(name)}"
+      id="${(0, base_1.escapeHtml)(id)}"
+      class="${baseClasses}"
+      ${required ? 'required' : ''}
+      ${disabled ? 'disabled' : ''}
+      ${multiple ? 'multiple' : ''}
+      ${htmxAttrs}
+      ${dataAttrs}
+    >
+      ${optionsHtml}
+    </select>
+    ${helperHtml}
+    ${errorHtml}
+  </div>`;
+}
+/**
+ * Build a textarea component
+ */
+function textarea(options) {
+    const { name, id = name, value = '', placeholder = '', label, helper, error, size = 'md', state = error ? 'error' : 'default', required = false, disabled = false, readonly = false, rows = 4, resize = 'vertical', className = '', htmx, data, } = options;
+    const sizeClasses = getInputSizeClasses(size);
+    const stateClasses = getInputStateClasses(state);
+    const resizeClasses = {
+        none: 'resize-none',
+        vertical: 'resize-y',
+        horizontal: 'resize-x',
+        both: 'resize',
+    };
+    const baseClasses = [
+        'w-full rounded-lg border bg-white',
+        'transition-colors duration-200',
+        'focus:outline-none focus:ring-2',
+        disabled ? 'opacity-50 cursor-not-allowed bg-gray-50' : '',
+        sizeClasses,
+        stateClasses,
+        resizeClasses[resize],
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const htmxAttrs = buildFormHtmxAttrs(htmx);
+    const dataAttrs = buildDataAttrs(data);
+    const labelHtml = label
+        ? `<label for="${(0, base_1.escapeHtml)(id)}" class="block text-sm font-medium text-text-primary mb-1.5">
+        ${(0, base_1.escapeHtml)(label)}${required ? '<span class="text-danger ml-1">*</span>' : ''}
+      </label>`
+        : '';
+    const helperHtml = helper && !error ? `<p class="mt-1.5 text-sm text-text-secondary">${(0, base_1.escapeHtml)(helper)}</p>` : '';
+    const errorHtml = error ? `<p class="mt-1.5 text-sm text-danger">${(0, base_1.escapeHtml)(error)}</p>` : '';
+    return `<div class="form-field">
+    ${labelHtml}
+    <textarea
+      name="${(0, base_1.escapeHtml)(name)}"
+      id="${(0, base_1.escapeHtml)(id)}"
+      rows="${rows}"
+      class="${baseClasses}"
+      ${placeholder ? `placeholder="${(0, base_1.escapeHtml)(placeholder)}"` : ''}
+      ${required ? 'required' : ''}
+      ${disabled ? 'disabled' : ''}
+      ${readonly ? 'readonly' : ''}
+      ${htmxAttrs}
+      ${dataAttrs}
+    >${(0, base_1.escapeHtml)(value)}</textarea>
+    ${helperHtml}
+    ${errorHtml}
+  </div>`;
+}
+/**
+ * Build a checkbox component
+ */
+function checkbox(options) {
+    const { name, id = name, value = 'true', label, checked = false, disabled = false, helper, error, className = '', htmx, } = options;
+    const htmxAttrs = buildFormHtmxAttrs(htmx);
+    const checkboxClasses = [
+        'h-4 w-4 rounded border-border text-primary',
+        'focus:ring-2 focus:ring-primary/20 focus:ring-offset-0',
+        disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer',
+    ].join(' ');
+    const helperHtml = helper && !error ? `<p class="text-sm text-text-secondary">${(0, base_1.escapeHtml)(helper)}</p>` : '';
+    const errorHtml = error ? `<p class="text-sm text-danger">${(0, base_1.escapeHtml)(error)}</p>` : '';
+    return `<div class="form-field ${className}">
+    <label class="flex items-start gap-3 ${disabled ? 'cursor-not-allowed' : 'cursor-pointer'}">
+      <input
+        type="checkbox"
+        name="${(0, base_1.escapeHtml)(name)}"
+        id="${(0, base_1.escapeHtml)(id)}"
+        value="${(0, base_1.escapeHtml)(value)}"
+        class="${checkboxClasses}"
+        ${checked ? 'checked' : ''}
+        ${disabled ? 'disabled' : ''}
+        ${htmxAttrs}
+      >
+      <div>
+        <span class="text-sm font-medium text-text-primary">${(0, base_1.escapeHtml)(label)}</span>
+        ${helperHtml}
+        ${errorHtml}
+      </div>
+    </label>
+  </div>`;
+}
+/**
+ * Build a radio group component
+ */
+function radioGroup(options) {
+    const { name, options: radioOptions, value, label, helper, error, direction = 'vertical', className = '' } = options;
+    const directionClasses = direction === 'horizontal' ? 'flex flex-row flex-wrap gap-4' : 'flex flex-col gap-2';
+    const radioClasses = 'h-4 w-4 border-border text-primary focus:ring-2 focus:ring-primary/20 focus:ring-offset-0';
+    const radiosHtml = radioOptions
+        .map((opt, index) => {
+        const radioId = `${name}-${index}`;
+        const checked = opt.value === value ? 'checked' : '';
+        const disabled = opt.disabled ? 'disabled' : '';
+        const cursorClass = opt.disabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer';
+        return `<label class="flex items-center gap-2 ${cursorClass}">
+        <input
+          type="radio"
+          name="${(0, base_1.escapeHtml)(name)}"
+          id="${(0, base_1.escapeHtml)(radioId)}"
+          value="${(0, base_1.escapeHtml)(opt.value)}"
+          class="${radioClasses}"
+          ${checked}
+          ${disabled}
+        >
+        <span class="text-sm text-text-primary">${(0, base_1.escapeHtml)(opt.label)}</span>
+      </label>`;
+    })
+        .join('\n');
+    const labelHtml = label
+        ? `<label class="block text-sm font-medium text-text-primary mb-2">${(0, base_1.escapeHtml)(label)}</label>`
+        : '';
+    const helperHtml = helper && !error ? `<p class="mt-1.5 text-sm text-text-secondary">${(0, base_1.escapeHtml)(helper)}</p>` : '';
+    const errorHtml = error ? `<p class="mt-1.5 text-sm text-danger">${(0, base_1.escapeHtml)(error)}</p>` : '';
+    return `<div class="form-field ${className}" role="radiogroup">
+    ${labelHtml}
+    <div class="${directionClasses}">
+      ${radiosHtml}
+    </div>
+    ${helperHtml}
+    ${errorHtml}
+  </div>`;
+}
+/**
+ * Build form wrapper
+ */
+function form(content, options = {}) {
+    const { action, method = 'post', id, className = '', htmx, preventDefault = false, autocomplete, enctype } = options;
+    const htmxAttrs = [];
+    if (htmx) {
+        if (htmx.post)
+            htmxAttrs.push(`hx-post="${(0, base_1.escapeHtml)(htmx.post)}"`);
+        if (htmx.get)
+            htmxAttrs.push(`hx-get="${(0, base_1.escapeHtml)(htmx.get)}"`);
+        if (htmx.put)
+            htmxAttrs.push(`hx-put="${(0, base_1.escapeHtml)(htmx.put)}"`);
+        if (htmx.delete)
+            htmxAttrs.push(`hx-delete="${(0, base_1.escapeHtml)(htmx.delete)}"`);
+        if (htmx.target)
+            htmxAttrs.push(`hx-target="${(0, base_1.escapeHtml)(htmx.target)}"`);
+        if (htmx.swap)
+            htmxAttrs.push(`hx-swap="${(0, base_1.escapeHtml)(htmx.swap)}"`);
+        if (htmx.indicator)
+            htmxAttrs.push(`hx-indicator="${(0, base_1.escapeHtml)(htmx.indicator)}"`);
+        if (htmx.confirm)
+            htmxAttrs.push(`hx-confirm="${(0, base_1.escapeHtml)(htmx.confirm)}"`);
+    }
+    const attrs = [
+        action ? `action="${(0, base_1.escapeHtml)(action)}"` : '',
+        `method="${method}"`,
+        id ? `id="${(0, base_1.escapeHtml)(id)}"` : '',
+        className ? `class="${(0, base_1.escapeHtml)(className)}"` : '',
+        autocomplete ? `autocomplete="${autocomplete}"` : '',
+        enctype ? `enctype="${enctype}"` : '',
+        preventDefault ? 'onsubmit="return false;"' : '',
+        htmxAttrs.join(' '),
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return `<form ${attrs}>${content}</form>`;
+}
+/**
+ * Build form row (for horizontal forms)
+ */
+function formRow(fields, options = {}) {
+    const { gap = 'md', className = '' } = options;
+    const gapClasses = { sm: 'gap-2', md: 'gap-4', lg: 'gap-6' };
+    return `<div class="grid grid-cols-${fields.length} ${gapClasses[gap]} ${className}">
+    ${fields.join('\n')}
+  </div>`;
+}
+/**
+ * Build form section with title
+ */
+function formSection(content, options = {}) {
+    const { title, description, className = '' } = options;
+    const headerHtml = title
+        ? `<div class="mb-4">
+        <h3 class="text-lg font-semibold text-text-primary">${(0, base_1.escapeHtml)(title)}</h3>
+        ${description ? `<p class="text-sm text-text-secondary mt-1">${(0, base_1.escapeHtml)(description)}</p>` : ''}
+      </div>`
+        : '';
+    return `<div class="form-section ${className}">
+    ${headerHtml}
+    <div class="space-y-4">
+      ${content}
+    </div>
+  </div>`;
+}
+/**
+ * Build form actions (submit/cancel buttons area)
+ */
+function formActions(buttons, options = {}) {
+    const { align = 'right', className = '' } = options;
+    const alignClasses = {
+        left: 'justify-start',
+        center: 'justify-center',
+        right: 'justify-end',
+        between: 'justify-between',
+    };
+    return `<div class="flex items-center gap-3 pt-4 ${alignClasses[align]} ${className}">
+    ${buttons.join('\n')}
+  </div>`;
+}
+// ============================================
+// Hidden Input
+// ============================================
+/**
+ * Build a hidden input
+ */
+function hiddenInput(name, value) {
+    return `<input type="hidden" name="${(0, base_1.escapeHtml)(name)}" value="${(0, base_1.escapeHtml)(value)}">`;
+}
+/**
+ * Build CSRF token hidden input
+ */
+function csrfInput(token) {
+    return hiddenInput('_csrf', token);
+}
+//# sourceMappingURL=form.js.map

package/src/components/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../src/components/form.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Form Components\n *\n * Form elements including inputs, selects, textareas, and form layouts.\n */\n\nimport { escapeHtml } from '../layouts/base';\n\n// ============================================\n// Input Types\n// ============================================\n\n/**\n * Input type options\n */\nexport type InputType =\n  | 'text'\n  | 'email'\n  | 'password'\n  | 'number'\n  | 'tel'\n  | 'url'\n  | 'search'\n  | 'date'\n  | 'time'\n  | 'datetime-local'\n  | 'hidden';\n\n/**\n * Input size options\n */\nexport type InputSize = 'sm' | 'md' | 'lg';\n\n/**\n * Input state\n */\nexport type InputState = 'default' | 'error' | 'success' | 'warning';\n\n// ============================================\n// Form Field Options\n// ============================================\n\n/**\n * Base input options\n */\nexport interface InputOptions {\n  /** Input type */\n  type?: InputType;\n  /** Input name */\n  name: string;\n  /** Input ID (defaults to name) */\n  id?: string;\n  /** Input value */\n  value?: string;\n  /** Placeholder text */\n  placeholder?: string;\n  /** Label text */\n  label?: string;\n  /** Helper text */\n  helper?: string;\n  /** Error message */\n  error?: string;\n  /** Input size */\n  size?: InputSize;\n  /** Input state */\n  state?: InputState;\n  /** Required field */\n  required?: boolean;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Readonly state */\n  readonly?: boolean;\n  /** Autocomplete attribute */\n  autocomplete?: string;\n  /** Pattern for validation */\n  pattern?: string;\n  /** Min value (for number/date) */\n  min?: string | number;\n  /** Max value (for number/date) */\n  max?: string | number;\n  /** Step value (for number) */\n  step?: string | number;\n  /** Additional CSS classes */\n  className?: string;\n  /** HTMX attributes */\n  htmx?: {\n    post?: string;\n    get?: string;\n    target?: string;\n    swap?: string;\n    trigger?: string;\n    validate?: boolean;\n  };\n  /** Data attributes */\n  data?: Record<string, string>;\n  /** Icon before input */\n  iconBefore?: string;\n  /** Icon after input */\n  iconAfter?: string;\n}\n\n/**\n * Select options\n */\nexport interface SelectOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n  selected?: boolean;\n}\n\nexport interface SelectOptions\n  extends Omit<InputOptions, 'type' | 'pattern' | 'min' | 'max' | 'step' | 'autocomplete'> {\n  /** Select options */\n  options: SelectOption[];\n  /** Multiple selection */\n  multiple?: boolean;\n}\n\n/**\n * Textarea options\n */\nexport interface TextareaOptions extends Omit<InputOptions, 'type' | 'pattern' | 'min' | 'max' | 'step'> {\n  /** Number of rows */\n  rows?: number;\n  /** Resize behavior */\n  resize?: 'none' | 'vertical' | 'horizontal' | 'both';\n}\n\n/**\n * Checkbox options\n */\nexport interface CheckboxOptions {\n  /** Input name */\n  name: string;\n  /** Input ID */\n  id?: string;\n  /** Input value */\n  value?: string;\n  /** Label text */\n  label: string;\n  /** Checked state */\n  checked?: boolean;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Helper text */\n  helper?: string;\n  /** Error message */\n  error?: string;\n  /** Additional CSS classes */\n  className?: string;\n  /** HTMX attributes */\n  htmx?: {\n    post?: string;\n    get?: string;\n    target?: string;\n    swap?: string;\n    trigger?: string;\n  };\n}\n\n/**\n * Radio group options\n */\nexport interface RadioGroupOptions {\n  /** Group name */\n  name: string;\n  /** Radio options */\n  options: Array<{\n    value: string;\n    label: string;\n    disabled?: boolean;\n  }>;\n  /** Selected value */\n  value?: string;\n  /** Label for the group */\n  label?: string;\n  /** Helper text */\n  helper?: string;\n  /** Error message */\n  error?: string;\n  /** Layout direction */\n  direction?: 'horizontal' | 'vertical';\n  /** Additional CSS classes */\n  className?: string;\n}\n\n// ============================================\n// Form Builders\n// ============================================\n\n/**\n * Get size classes for inputs\n */\nfunction getInputSizeClasses(size: InputSize): string {\n  const sizes: Record<InputSize, string> = {\n    sm: 'px-3 py-1.5 text-sm',\n    md: 'px-4 py-2.5 text-sm',\n    lg: 'px-5 py-3 text-base',\n  };\n  return sizes[size];\n}\n\n/**\n * Get state classes for inputs\n */\nfunction getInputStateClasses(state: InputState): string {\n  const states: Record<InputState, string> = {\n    default: 'border-border focus:border-primary focus:ring-primary/20',\n    error: 'border-danger focus:border-danger focus:ring-danger/20',\n    success: 'border-success focus:border-success focus:ring-success/20',\n    warning: 'border-warning focus:border-warning focus:ring-warning/20',\n  };\n  return states[state];\n}\n\n/**\n * Build HTMX attributes for form elements\n */\nfunction buildFormHtmxAttrs(htmx?: InputOptions['htmx']): string {\n  if (!htmx) return '';\n  const attrs: string[] = [];\n  if (htmx.post) attrs.push(`hx-post=\"${escapeHtml(htmx.post)}\"`);\n  if (htmx.get) attrs.push(`hx-get=\"${escapeHtml(htmx.get)}\"`);\n  if (htmx.target) attrs.push(`hx-target=\"${escapeHtml(htmx.target)}\"`);\n  if (htmx.swap) attrs.push(`hx-swap=\"${escapeHtml(htmx.swap)}\"`);\n  if (htmx.trigger) attrs.push(`hx-trigger=\"${escapeHtml(htmx.trigger)}\"`);\n  if (htmx.validate) attrs.push('hx-validate=\"true\"');\n  return attrs.join(' ');\n}\n\n/**\n * Build data attributes\n */\nfunction buildDataAttrs(data?: Record<string, string>): string {\n  if (!data) return '';\n  return Object.entries(data)\n    .map(([key, value]) => `data-${key}=\"${escapeHtml(value)}\"`)\n    .join(' ');\n}\n\n/**\n * Build a text input component\n */\nexport function input(options: InputOptions): string {\n  const {\n    type = 'text',\n    name,\n    id = name,\n    value = '',\n    placeholder = '',\n    label,\n    helper,\n    error,\n    size = 'md',\n    state = error ? 'error' : 'default',\n    required = false,\n    disabled = false,\n    readonly = false,\n    autocomplete,\n    pattern,\n    min,\n    max,\n    step,\n    className = '',\n    htmx,\n    data,\n    iconBefore,\n    iconAfter,\n  } = options;\n\n  const sizeClasses = getInputSizeClasses(size);\n  const stateClasses = getInputStateClasses(state);\n  const hasIcon = iconBefore || iconAfter;\n\n  const baseClasses = [\n    'w-full rounded-lg border bg-white',\n    'transition-colors duration-200',\n    'focus:outline-none focus:ring-2',\n    disabled ? 'opacity-50 cursor-not-allowed bg-gray-50' : '',\n    sizeClasses,\n    stateClasses,\n    hasIcon ? (iconBefore ? 'pl-10' : '') + (iconAfter ? ' pr-10' : '') : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const htmxAttrs = buildFormHtmxAttrs(htmx);\n  const dataAttrs = buildDataAttrs(data);\n\n  const inputAttrs = [\n    `type=\"${type}\"`,\n    `name=\"${escapeHtml(name)}\"`,\n    `id=\"${escapeHtml(id)}\"`,\n    value ? `value=\"${escapeHtml(value)}\"` : '',\n    placeholder ? `placeholder=\"${escapeHtml(placeholder)}\"` : '',\n    required ? 'required' : '',\n    disabled ? 'disabled' : '',\n    readonly ? 'readonly' : '',\n    autocomplete ? `autocomplete=\"${escapeHtml(autocomplete)}\"` : '',\n    pattern ? `pattern=\"${escapeHtml(pattern)}\"` : '',\n    min !== undefined ? `min=\"${escapeHtml(String(min))}\"` : '',\n    max !== undefined ? `max=\"${escapeHtml(String(max))}\"` : '',\n    step !== undefined ? `step=\"${escapeHtml(String(step))}\"` : '',\n    `class=\"${baseClasses}\"`,\n    htmxAttrs,\n    dataAttrs,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const labelHtml = label\n    ? `<label for=\"${escapeHtml(id)}\" class=\"block text-sm font-medium text-text-primary mb-1.5\">\n        ${escapeHtml(label)}${required ? '<span class=\"text-danger ml-1\">*</span>' : ''}\n      </label>`\n    : '';\n\n  const helperHtml = helper && !error ? `<p class=\"mt-1.5 text-sm text-text-secondary\">${escapeHtml(helper)}</p>` : '';\n\n  const errorHtml = error ? `<p class=\"mt-1.5 text-sm text-danger\">${escapeHtml(error)}</p>` : '';\n\n  const iconBeforeHtml = iconBefore\n    ? `<span class=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary\">${iconBefore}</span>`\n    : '';\n\n  const iconAfterHtml = iconAfter\n    ? `<span class=\"absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary\">${iconAfter}</span>`\n    : '';\n\n  const inputHtml = hasIcon\n    ? `<div class=\"relative\">\n        ${iconBeforeHtml}\n        <input ${inputAttrs}>\n        ${iconAfterHtml}\n      </div>`\n    : `<input ${inputAttrs}>`;\n\n  return `<div class=\"form-field\">\n    ${labelHtml}\n    ${inputHtml}\n    ${helperHtml}\n    ${errorHtml}\n  </div>`;\n}\n\n/**\n * Build a select component\n */\nexport function select(options: SelectOptions): string {\n  const {\n    name,\n    id = name,\n    options: selectOptions,\n    value,\n    label,\n    helper,\n    error,\n    size = 'md',\n    state = error ? 'error' : 'default',\n    required = false,\n    disabled = false,\n    multiple = false,\n    className = '',\n    htmx,\n    data,\n  } = options;\n\n  const sizeClasses = getInputSizeClasses(size);\n  const stateClasses = getInputStateClasses(state);\n\n  const baseClasses = [\n    'w-full rounded-lg border bg-white',\n    'transition-colors duration-200',\n    'focus:outline-none focus:ring-2',\n    disabled ? 'opacity-50 cursor-not-allowed bg-gray-50' : '',\n    sizeClasses,\n    stateClasses,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const htmxAttrs = buildFormHtmxAttrs(htmx);\n  const dataAttrs = buildDataAttrs(data);\n\n  const optionsHtml = selectOptions\n    .map((opt) => {\n      const selected = opt.selected || opt.value === value ? 'selected' : '';\n      const optDisabled = opt.disabled ? 'disabled' : '';\n      return `<option value=\"${escapeHtml(opt.value)}\" ${selected} ${optDisabled}>${escapeHtml(opt.label)}</option>`;\n    })\n    .join('\\n');\n\n  const labelHtml = label\n    ? `<label for=\"${escapeHtml(id)}\" class=\"block text-sm font-medium text-text-primary mb-1.5\">\n        ${escapeHtml(label)}${required ? '<span class=\"text-danger ml-1\">*</span>' : ''}\n      </label>`\n    : '';\n\n  const helperHtml = helper && !error ? `<p class=\"mt-1.5 text-sm text-text-secondary\">${escapeHtml(helper)}</p>` : '';\n\n  const errorHtml = error ? `<p class=\"mt-1.5 text-sm text-danger\">${escapeHtml(error)}</p>` : '';\n\n  return `<div class=\"form-field\">\n    ${labelHtml}\n    <select\n      name=\"${escapeHtml(name)}\"\n      id=\"${escapeHtml(id)}\"\n      class=\"${baseClasses}\"\n      ${required ? 'required' : ''}\n      ${disabled ? 'disabled' : ''}\n      ${multiple ? 'multiple' : ''}\n      ${htmxAttrs}\n      ${dataAttrs}\n    >\n      ${optionsHtml}\n    </select>\n    ${helperHtml}\n    ${errorHtml}\n  </div>`;\n}\n\n/**\n * Build a textarea component\n */\nexport function textarea(options: TextareaOptions): string {\n  const {\n    name,\n    id = name,\n    value = '',\n    placeholder = '',\n    label,\n    helper,\n    error,\n    size = 'md',\n    state = error ? 'error' : 'default',\n    required = false,\n    disabled = false,\n    readonly = false,\n    rows = 4,\n    resize = 'vertical',\n    className = '',\n    htmx,\n    data,\n  } = options;\n\n  const sizeClasses = getInputSizeClasses(size);\n  const stateClasses = getInputStateClasses(state);\n\n  const resizeClasses: Record<string, string> = {\n    none: 'resize-none',\n    vertical: 'resize-y',\n    horizontal: 'resize-x',\n    both: 'resize',\n  };\n\n  const baseClasses = [\n    'w-full rounded-lg border bg-white',\n    'transition-colors duration-200',\n    'focus:outline-none focus:ring-2',\n    disabled ? 'opacity-50 cursor-not-allowed bg-gray-50' : '',\n    sizeClasses,\n    stateClasses,\n    resizeClasses[resize],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const htmxAttrs = buildFormHtmxAttrs(htmx);\n  const dataAttrs = buildDataAttrs(data);\n\n  const labelHtml = label\n    ? `<label for=\"${escapeHtml(id)}\" class=\"block text-sm font-medium text-text-primary mb-1.5\">\n        ${escapeHtml(label)}${required ? '<span class=\"text-danger ml-1\">*</span>' : ''}\n      </label>`\n    : '';\n\n  const helperHtml = helper && !error ? `<p class=\"mt-1.5 text-sm text-text-secondary\">${escapeHtml(helper)}</p>` : '';\n\n  const errorHtml = error ? `<p class=\"mt-1.5 text-sm text-danger\">${escapeHtml(error)}</p>` : '';\n\n  return `<div class=\"form-field\">\n    ${labelHtml}\n    <textarea\n      name=\"${escapeHtml(name)}\"\n      id=\"${escapeHtml(id)}\"\n      rows=\"${rows}\"\n      class=\"${baseClasses}\"\n      ${placeholder ? `placeholder=\"${escapeHtml(placeholder)}\"` : ''}\n      ${required ? 'required' : ''}\n      ${disabled ? 'disabled' : ''}\n      ${readonly ? 'readonly' : ''}\n      ${htmxAttrs}\n      ${dataAttrs}\n    >${escapeHtml(value)}</textarea>\n    ${helperHtml}\n    ${errorHtml}\n  </div>`;\n}\n\n/**\n * Build a checkbox component\n */\nexport function checkbox(options: CheckboxOptions): string {\n  const {\n    name,\n    id = name,\n    value = 'true',\n    label,\n    checked = false,\n    disabled = false,\n    helper,\n    error,\n    className = '',\n    htmx,\n  } = options;\n\n  const htmxAttrs = buildFormHtmxAttrs(htmx);\n\n  const checkboxClasses = [\n    'h-4 w-4 rounded border-border text-primary',\n    'focus:ring-2 focus:ring-primary/20 focus:ring-offset-0',\n    disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer',\n  ].join(' ');\n\n  const helperHtml = helper && !error ? `<p class=\"text-sm text-text-secondary\">${escapeHtml(helper)}</p>` : '';\n\n  const errorHtml = error ? `<p class=\"text-sm text-danger\">${escapeHtml(error)}</p>` : '';\n\n  return `<div class=\"form-field ${className}\">\n    <label class=\"flex items-start gap-3 ${disabled ? 'cursor-not-allowed' : 'cursor-pointer'}\">\n      <input\n        type=\"checkbox\"\n        name=\"${escapeHtml(name)}\"\n        id=\"${escapeHtml(id)}\"\n        value=\"${escapeHtml(value)}\"\n        class=\"${checkboxClasses}\"\n        ${checked ? 'checked' : ''}\n        ${disabled ? 'disabled' : ''}\n        ${htmxAttrs}\n      >\n      <div>\n        <span class=\"text-sm font-medium text-text-primary\">${escapeHtml(label)}</span>\n        ${helperHtml}\n        ${errorHtml}\n      </div>\n    </label>\n  </div>`;\n}\n\n/**\n * Build a radio group component\n */\nexport function radioGroup(options: RadioGroupOptions): string {\n  const { name, options: radioOptions, value, label, helper, error, direction = 'vertical', className = '' } = options;\n\n  const directionClasses = direction === 'horizontal' ? 'flex flex-row flex-wrap gap-4' : 'flex flex-col gap-2';\n\n  const radioClasses = 'h-4 w-4 border-border text-primary focus:ring-2 focus:ring-primary/20 focus:ring-offset-0';\n\n  const radiosHtml = radioOptions\n    .map((opt, index) => {\n      const radioId = `${name}-${index}`;\n      const checked = opt.value === value ? 'checked' : '';\n      const disabled = opt.disabled ? 'disabled' : '';\n      const cursorClass = opt.disabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer';\n\n      return `<label class=\"flex items-center gap-2 ${cursorClass}\">\n        <input\n          type=\"radio\"\n          name=\"${escapeHtml(name)}\"\n          id=\"${escapeHtml(radioId)}\"\n          value=\"${escapeHtml(opt.value)}\"\n          class=\"${radioClasses}\"\n          ${checked}\n          ${disabled}\n        >\n        <span class=\"text-sm text-text-primary\">${escapeHtml(opt.label)}</span>\n      </label>`;\n    })\n    .join('\\n');\n\n  const labelHtml = label\n    ? `<label class=\"block text-sm font-medium text-text-primary mb-2\">${escapeHtml(label)}</label>`\n    : '';\n\n  const helperHtml = helper && !error ? `<p class=\"mt-1.5 text-sm text-text-secondary\">${escapeHtml(helper)}</p>` : '';\n\n  const errorHtml = error ? `<p class=\"mt-1.5 text-sm text-danger\">${escapeHtml(error)}</p>` : '';\n\n  return `<div class=\"form-field ${className}\" role=\"radiogroup\">\n    ${labelHtml}\n    <div class=\"${directionClasses}\">\n      ${radiosHtml}\n    </div>\n    ${helperHtml}\n    ${errorHtml}\n  </div>`;\n}\n\n// ============================================\n// Form Layout Components\n// ============================================\n\n/**\n * Form wrapper options\n */\nexport interface FormOptions {\n  /** Form action URL */\n  action?: string;\n  /** HTTP method */\n  method?: 'get' | 'post';\n  /** Form ID */\n  id?: string;\n  /** Additional CSS classes */\n  className?: string;\n  /** HTMX attributes */\n  htmx?: {\n    post?: string;\n    get?: string;\n    put?: string;\n    delete?: string;\n    target?: string;\n    swap?: string;\n    indicator?: string;\n    confirm?: string;\n  };\n  /** Prevent default submission */\n  preventDefault?: boolean;\n  /** Autocomplete */\n  autocomplete?: 'on' | 'off';\n  /** Enctype for file uploads */\n  enctype?: 'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain';\n}\n\n/**\n * Build form wrapper\n */\nexport function form(content: string, options: FormOptions = {}): string {\n  const { action, method = 'post', id, className = '', htmx, preventDefault = false, autocomplete, enctype } = options;\n\n  const htmxAttrs: string[] = [];\n  if (htmx) {\n    if (htmx.post) htmxAttrs.push(`hx-post=\"${escapeHtml(htmx.post)}\"`);\n    if (htmx.get) htmxAttrs.push(`hx-get=\"${escapeHtml(htmx.get)}\"`);\n    if (htmx.put) htmxAttrs.push(`hx-put=\"${escapeHtml(htmx.put)}\"`);\n    if (htmx.delete) htmxAttrs.push(`hx-delete=\"${escapeHtml(htmx.delete)}\"`);\n    if (htmx.target) htmxAttrs.push(`hx-target=\"${escapeHtml(htmx.target)}\"`);\n    if (htmx.swap) htmxAttrs.push(`hx-swap=\"${escapeHtml(htmx.swap)}\"`);\n    if (htmx.indicator) htmxAttrs.push(`hx-indicator=\"${escapeHtml(htmx.indicator)}\"`);\n    if (htmx.confirm) htmxAttrs.push(`hx-confirm=\"${escapeHtml(htmx.confirm)}\"`);\n  }\n\n  const attrs = [\n    action ? `action=\"${escapeHtml(action)}\"` : '',\n    `method=\"${method}\"`,\n    id ? `id=\"${escapeHtml(id)}\"` : '',\n    className ? `class=\"${escapeHtml(className)}\"` : '',\n    autocomplete ? `autocomplete=\"${autocomplete}\"` : '',\n    enctype ? `enctype=\"${enctype}\"` : '',\n    preventDefault ? 'onsubmit=\"return false;\"' : '',\n    htmxAttrs.join(' '),\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return `<form ${attrs}>${content}</form>`;\n}\n\n/**\n * Build form row (for horizontal forms)\n */\nexport function formRow(fields: string[], options: { gap?: 'sm' | 'md' | 'lg'; className?: string } = {}): string {\n  const { gap = 'md', className = '' } = options;\n  const gapClasses = { sm: 'gap-2', md: 'gap-4', lg: 'gap-6' };\n\n  return `<div class=\"grid grid-cols-${fields.length} ${gapClasses[gap]} ${className}\">\n    ${fields.join('\\n')}\n  </div>`;\n}\n\n/**\n * Build form section with title\n */\nexport function formSection(\n  content: string,\n  options: { title?: string; description?: string; className?: string } = {},\n): string {\n  const { title, description, className = '' } = options;\n\n  const headerHtml = title\n    ? `<div class=\"mb-4\">\n        <h3 class=\"text-lg font-semibold text-text-primary\">${escapeHtml(title)}</h3>\n        ${description ? `<p class=\"text-sm text-text-secondary mt-1\">${escapeHtml(description)}</p>` : ''}\n      </div>`\n    : '';\n\n  return `<div class=\"form-section ${className}\">\n    ${headerHtml}\n    <div class=\"space-y-4\">\n      ${content}\n    </div>\n  </div>`;\n}\n\n/**\n * Build form actions (submit/cancel buttons area)\n */\nexport function formActions(\n  buttons: string[],\n  options: { align?: 'left' | 'center' | 'right' | 'between'; className?: string } = {},\n): string {\n  const { align = 'right', className = '' } = options;\n\n  const alignClasses: Record<string, string> = {\n    left: 'justify-start',\n    center: 'justify-center',\n    right: 'justify-end',\n    between: 'justify-between',\n  };\n\n  return `<div class=\"flex items-center gap-3 pt-4 ${alignClasses[align]} ${className}\">\n    ${buttons.join('\\n')}\n  </div>`;\n}\n\n// ============================================\n// Hidden Input\n// ============================================\n\n/**\n * Build a hidden input\n */\nexport function hiddenInput(name: string, value: string): string {\n  return `<input type=\"hidden\" name=\"${escapeHtml(name)}\" value=\"${escapeHtml(value)}\">`;\n}\n\n/**\n * Build CSRF token hidden input\n */\nexport function csrfInput(token: string): string {\n  return hiddenInput('_csrf', token);\n}\n"]}