@frontmcp/ui 0.5.0 → 0.6.0

package/src/components/form.js

@@ -1,420 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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"]}