@frontmcp/ui 0.5.0

package/src/components/form.schema.js

@@ -0,0 +1,406 @@
+"use strict";
+/**
+ * @file form.schema.ts
+ * @description Zod schemas for Form component options validation.
+ *
+ * Provides strict validation schemas for all form-related components including
+ * input, select, textarea, checkbox, radio groups, and form layouts.
+ *
+ * @example
+ * ```typescript
+ * import { InputOptionsSchema, SelectOptionsSchema } from '@frontmcp/ui';
+ *
+ * const inputResult = InputOptionsSchema.safeParse({
+ *   name: 'email',
+ *   type: 'email',
+ *   label: 'Email Address',
+ * });
+ * ```
+ *
+ * @module @frontmcp/ui/components/form.schema
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormActionsOptionsSchema = exports.FormSectionOptionsSchema = exports.FormRowOptionsSchema = exports.FormOptionsSchema = exports.FormFormHtmxSchema = exports.FormEnctypeSchema = exports.FormMethodSchema = exports.RadioGroupOptionsSchema = exports.RadioOptionItemSchema = exports.CheckboxOptionsSchema = exports.CheckboxHtmxSchema = exports.TextareaOptionsSchema = exports.TextareaResizeSchema = exports.SelectOptionsSchema = exports.SelectOptionItemSchema = exports.InputOptionsSchema = exports.FormHtmxSchema = exports.InputStateSchema = exports.InputSizeSchema = exports.InputTypeSchema = void 0;
+const zod_1 = require("zod");
+// ============================================
+// Input Type Schemas
+// ============================================
+/**
+ * Input type enum schema
+ */
+exports.InputTypeSchema = zod_1.z.enum([
+    'text',
+    'email',
+    'password',
+    'number',
+    'tel',
+    'url',
+    'search',
+    'date',
+    'time',
+    'datetime-local',
+    'hidden',
+]);
+/**
+ * Input size enum schema
+ */
+exports.InputSizeSchema = zod_1.z.enum(['sm', 'md', 'lg']);
+/**
+ * Input state enum schema
+ */
+exports.InputStateSchema = zod_1.z.enum(['default', 'error', 'success', 'warning']);
+// ============================================
+// HTMX Schema for Form Fields
+// ============================================
+/**
+ * Form field HTMX options schema
+ */
+exports.FormHtmxSchema = zod_1.z
+    .object({
+    post: zod_1.z.string().optional(),
+    get: zod_1.z.string().optional(),
+    target: zod_1.z.string().optional(),
+    swap: zod_1.z.string().optional(),
+    trigger: zod_1.z.string().optional(),
+    validate: zod_1.z.boolean().optional(),
+})
+    .strict()
+    .optional();
+// ============================================
+// Input Options Schema
+// ============================================
+/**
+ * Complete input options schema
+ */
+exports.InputOptionsSchema = zod_1.z
+    .object({
+    /** Input type */
+    type: exports.InputTypeSchema.optional(),
+    /** Input name (required) */
+    name: zod_1.z.string(),
+    /** Input ID (defaults to name) */
+    id: zod_1.z.string().optional(),
+    /** Input value */
+    value: zod_1.z.string().optional(),
+    /** Placeholder text */
+    placeholder: zod_1.z.string().optional(),
+    /** Label text */
+    label: zod_1.z.string().optional(),
+    /** Helper text */
+    helper: zod_1.z.string().optional(),
+    /** Error message */
+    error: zod_1.z.string().optional(),
+    /** Input size */
+    size: exports.InputSizeSchema.optional(),
+    /** Input state */
+    state: exports.InputStateSchema.optional(),
+    /** Required field */
+    required: zod_1.z.boolean().optional(),
+    /** Disabled state */
+    disabled: zod_1.z.boolean().optional(),
+    /** Readonly state */
+    readonly: zod_1.z.boolean().optional(),
+    /** Autocomplete attribute */
+    autocomplete: zod_1.z.string().optional(),
+    /** Pattern for validation */
+    pattern: zod_1.z.string().optional(),
+    /** Min value (for number/date) */
+    min: zod_1.z.union([zod_1.z.string(), zod_1.z.number()]).optional(),
+    /** Max value (for number/date) */
+    max: zod_1.z.union([zod_1.z.string(), zod_1.z.number()]).optional(),
+    /** Step value (for number) */
+    step: zod_1.z.union([zod_1.z.string(), zod_1.z.number()]).optional(),
+    /** Additional CSS classes */
+    className: zod_1.z.string().optional(),
+    /** HTMX attributes */
+    htmx: exports.FormHtmxSchema,
+    /** Data attributes */
+    data: zod_1.z.record(zod_1.z.string(), zod_1.z.string()).optional(),
+    /** Icon before input (HTML string) */
+    iconBefore: zod_1.z.string().optional(),
+    /** Icon after input (HTML string) */
+    iconAfter: zod_1.z.string().optional(),
+})
+    .strict();
+// ============================================
+// Select Options Schema
+// ============================================
+/**
+ * Select option item schema
+ */
+exports.SelectOptionItemSchema = zod_1.z
+    .object({
+    value: zod_1.z.string(),
+    label: zod_1.z.string(),
+    disabled: zod_1.z.boolean().optional(),
+    selected: zod_1.z.boolean().optional(),
+})
+    .strict();
+/**
+ * Complete select options schema
+ */
+exports.SelectOptionsSchema = zod_1.z
+    .object({
+    /** Input name (required) */
+    name: zod_1.z.string(),
+    /** Input ID (defaults to name) */
+    id: zod_1.z.string().optional(),
+    /** Input value */
+    value: zod_1.z.string().optional(),
+    /** Placeholder text */
+    placeholder: zod_1.z.string().optional(),
+    /** Label text */
+    label: zod_1.z.string().optional(),
+    /** Helper text */
+    helper: zod_1.z.string().optional(),
+    /** Error message */
+    error: zod_1.z.string().optional(),
+    /** Input size */
+    size: exports.InputSizeSchema.optional(),
+    /** Input state */
+    state: exports.InputStateSchema.optional(),
+    /** Required field */
+    required: zod_1.z.boolean().optional(),
+    /** Disabled state */
+    disabled: zod_1.z.boolean().optional(),
+    /** Readonly state */
+    readonly: zod_1.z.boolean().optional(),
+    /** Additional CSS classes */
+    className: zod_1.z.string().optional(),
+    /** HTMX attributes */
+    htmx: exports.FormHtmxSchema,
+    /** Data attributes */
+    data: zod_1.z.record(zod_1.z.string(), zod_1.z.string()).optional(),
+    /** Icon before input (HTML string) */
+    iconBefore: zod_1.z.string().optional(),
+    /** Icon after input (HTML string) */
+    iconAfter: zod_1.z.string().optional(),
+    /** Select options (required) */
+    options: zod_1.z.array(exports.SelectOptionItemSchema),
+    /** Multiple selection */
+    multiple: zod_1.z.boolean().optional(),
+})
+    .strict();
+// ============================================
+// Textarea Options Schema
+// ============================================
+/**
+ * Textarea resize enum schema
+ */
+exports.TextareaResizeSchema = zod_1.z.enum(['none', 'vertical', 'horizontal', 'both']);
+/**
+ * Complete textarea options schema
+ */
+exports.TextareaOptionsSchema = zod_1.z
+    .object({
+    /** Input name (required) */
+    name: zod_1.z.string(),
+    /** Input ID (defaults to name) */
+    id: zod_1.z.string().optional(),
+    /** Input value */
+    value: zod_1.z.string().optional(),
+    /** Placeholder text */
+    placeholder: zod_1.z.string().optional(),
+    /** Label text */
+    label: zod_1.z.string().optional(),
+    /** Helper text */
+    helper: zod_1.z.string().optional(),
+    /** Error message */
+    error: zod_1.z.string().optional(),
+    /** Input size */
+    size: exports.InputSizeSchema.optional(),
+    /** Input state */
+    state: exports.InputStateSchema.optional(),
+    /** Required field */
+    required: zod_1.z.boolean().optional(),
+    /** Disabled state */
+    disabled: zod_1.z.boolean().optional(),
+    /** Readonly state */
+    readonly: zod_1.z.boolean().optional(),
+    /** Autocomplete attribute */
+    autocomplete: zod_1.z.string().optional(),
+    /** Additional CSS classes */
+    className: zod_1.z.string().optional(),
+    /** HTMX attributes */
+    htmx: exports.FormHtmxSchema,
+    /** Data attributes */
+    data: zod_1.z.record(zod_1.z.string(), zod_1.z.string()).optional(),
+    /** Icon before input (HTML string) */
+    iconBefore: zod_1.z.string().optional(),
+    /** Icon after input (HTML string) */
+    iconAfter: zod_1.z.string().optional(),
+    /** Number of rows */
+    rows: zod_1.z.number().min(1).optional(),
+    /** Resize behavior */
+    resize: exports.TextareaResizeSchema.optional(),
+})
+    .strict();
+// ============================================
+// Checkbox Options Schema
+// ============================================
+/**
+ * Checkbox HTMX options schema
+ */
+exports.CheckboxHtmxSchema = zod_1.z
+    .object({
+    post: zod_1.z.string().optional(),
+    get: zod_1.z.string().optional(),
+    target: zod_1.z.string().optional(),
+    swap: zod_1.z.string().optional(),
+    trigger: zod_1.z.string().optional(),
+})
+    .strict()
+    .optional();
+/**
+ * Complete checkbox options schema
+ */
+exports.CheckboxOptionsSchema = zod_1.z
+    .object({
+    /** Input name (required) */
+    name: zod_1.z.string(),
+    /** Input ID */
+    id: zod_1.z.string().optional(),
+    /** Input value */
+    value: zod_1.z.string().optional(),
+    /** Label text (required) */
+    label: zod_1.z.string(),
+    /** Checked state */
+    checked: zod_1.z.boolean().optional(),
+    /** Disabled state */
+    disabled: zod_1.z.boolean().optional(),
+    /** Helper text */
+    helper: zod_1.z.string().optional(),
+    /** Error message */
+    error: zod_1.z.string().optional(),
+    /** Additional CSS classes */
+    className: zod_1.z.string().optional(),
+    /** HTMX attributes */
+    htmx: exports.CheckboxHtmxSchema,
+})
+    .strict();
+// ============================================
+// Radio Group Options Schema
+// ============================================
+/**
+ * Radio option item schema
+ */
+exports.RadioOptionItemSchema = zod_1.z
+    .object({
+    value: zod_1.z.string(),
+    label: zod_1.z.string(),
+    disabled: zod_1.z.boolean().optional(),
+})
+    .strict();
+/**
+ * Complete radio group options schema
+ */
+exports.RadioGroupOptionsSchema = zod_1.z
+    .object({
+    /** Group name (required) */
+    name: zod_1.z.string(),
+    /** Radio options (required) */
+    options: zod_1.z.array(exports.RadioOptionItemSchema),
+    /** Selected value */
+    value: zod_1.z.string().optional(),
+    /** Label for the group */
+    label: zod_1.z.string().optional(),
+    /** Helper text */
+    helper: zod_1.z.string().optional(),
+    /** Error message */
+    error: zod_1.z.string().optional(),
+    /** Layout direction */
+    direction: zod_1.z.enum(['horizontal', 'vertical']).optional(),
+    /** Additional CSS classes */
+    className: zod_1.z.string().optional(),
+})
+    .strict();
+// ============================================
+// Form Options Schema
+// ============================================
+/**
+ * Form method enum schema
+ */
+exports.FormMethodSchema = zod_1.z.enum(['get', 'post', 'dialog']);
+/**
+ * Form enctype enum schema
+ */
+exports.FormEnctypeSchema = zod_1.z.enum(['application/x-www-form-urlencoded', 'multipart/form-data', 'text/plain']);
+/**
+ * Form HTMX options schema
+ */
+exports.FormFormHtmxSchema = zod_1.z
+    .object({
+    post: zod_1.z.string().optional(),
+    put: zod_1.z.string().optional(),
+    patch: zod_1.z.string().optional(),
+    delete: zod_1.z.string().optional(),
+    target: zod_1.z.string().optional(),
+    swap: zod_1.z.string().optional(),
+    encoding: zod_1.z.string().optional(),
+})
+    .strict()
+    .optional();
+/**
+ * Complete form options schema
+ */
+exports.FormOptionsSchema = zod_1.z
+    .object({
+    /** Form action URL */
+    action: zod_1.z.string().optional(),
+    /** Form method */
+    method: exports.FormMethodSchema.optional(),
+    /** Form ID */
+    id: zod_1.z.string().optional(),
+    /** Form enctype */
+    enctype: exports.FormEnctypeSchema.optional(),
+    /** Disable browser validation */
+    novalidate: zod_1.z.boolean().optional(),
+    /** Autocomplete behavior */
+    autocomplete: zod_1.z.enum(['on', 'off']).optional(),
+    /** Additional CSS classes */
+    className: zod_1.z.string().optional(),
+    /** HTMX attributes */
+    htmx: exports.FormFormHtmxSchema,
+})
+    .strict();
+// ============================================
+// Form Row & Section Options
+// ============================================
+/**
+ * Form row options schema
+ */
+exports.FormRowOptionsSchema = zod_1.z
+    .object({
+    /** Number of columns */
+    cols: zod_1.z.number().min(1).max(12).optional(),
+    /** Gap between columns */
+    gap: zod_1.z.enum(['sm', 'md', 'lg']).optional(),
+    /** Additional CSS classes */
+    className: zod_1.z.string().optional(),
+})
+    .strict();
+/**
+ * Form section options schema
+ */
+exports.FormSectionOptionsSchema = zod_1.z
+    .object({
+    /** Section title */
+    title: zod_1.z.string().optional(),
+    /** Section description */
+    description: zod_1.z.string().optional(),
+    /** Additional CSS classes */
+    className: zod_1.z.string().optional(),
+})
+    .strict();
+/**
+ * Form actions options schema
+ */
+exports.FormActionsOptionsSchema = zod_1.z
+    .object({
+    /** Alignment */
+    align: zod_1.z.enum(['left', 'center', 'right', 'between']).optional(),
+    /** Additional CSS classes */
+    className: zod_1.z.string().optional(),
+})
+    .strict();
+//# sourceMappingURL=form.schema.js.map

package/src/components/form.schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.schema.js","sourceRoot":"","sources":["../../../src/components/form.schema.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @file form.schema.ts\n * @description Zod schemas for Form component options validation.\n *\n * Provides strict validation schemas for all form-related components including\n * input, select, textarea, checkbox, radio groups, and form layouts.\n *\n * @example\n * ```typescript\n * import { InputOptionsSchema, SelectOptionsSchema } from '@frontmcp/ui';\n *\n * const inputResult = InputOptionsSchema.safeParse({\n *   name: 'email',\n *   type: 'email',\n *   label: 'Email Address',\n * });\n * ```\n *\n * @module @frontmcp/ui/components/form.schema\n */\n\nimport { z } from 'zod';\n\n// ============================================\n// Input Type Schemas\n// ============================================\n\n/**\n * Input type enum schema\n */\nexport const InputTypeSchema = z.enum([\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/**\n * Input type\n */\nexport type InputType = z.infer<typeof InputTypeSchema>;\n\n/**\n * Input size enum schema\n */\nexport const InputSizeSchema = z.enum(['sm', 'md', 'lg']);\n\n/**\n * Input size type\n */\nexport type InputSize = z.infer<typeof InputSizeSchema>;\n\n/**\n * Input state enum schema\n */\nexport const InputStateSchema = z.enum(['default', 'error', 'success', 'warning']);\n\n/**\n * Input state type\n */\nexport type InputState = z.infer<typeof InputStateSchema>;\n\n// ============================================\n// HTMX Schema for Form Fields\n// ============================================\n\n/**\n * Form field HTMX options schema\n */\nexport const FormHtmxSchema = z\n  .object({\n    post: z.string().optional(),\n    get: z.string().optional(),\n    target: z.string().optional(),\n    swap: z.string().optional(),\n    trigger: z.string().optional(),\n    validate: z.boolean().optional(),\n  })\n  .strict()\n  .optional();\n\n/**\n * Form field HTMX type\n */\nexport type FormHtmx = z.infer<typeof FormHtmxSchema>;\n\n// ============================================\n// Input Options Schema\n// ============================================\n\n/**\n * Complete input options schema\n */\nexport const InputOptionsSchema = z\n  .object({\n    /** Input type */\n    type: InputTypeSchema.optional(),\n    /** Input name (required) */\n    name: z.string(),\n    /** Input ID (defaults to name) */\n    id: z.string().optional(),\n    /** Input value */\n    value: z.string().optional(),\n    /** Placeholder text */\n    placeholder: z.string().optional(),\n    /** Label text */\n    label: z.string().optional(),\n    /** Helper text */\n    helper: z.string().optional(),\n    /** Error message */\n    error: z.string().optional(),\n    /** Input size */\n    size: InputSizeSchema.optional(),\n    /** Input state */\n    state: InputStateSchema.optional(),\n    /** Required field */\n    required: z.boolean().optional(),\n    /** Disabled state */\n    disabled: z.boolean().optional(),\n    /** Readonly state */\n    readonly: z.boolean().optional(),\n    /** Autocomplete attribute */\n    autocomplete: z.string().optional(),\n    /** Pattern for validation */\n    pattern: z.string().optional(),\n    /** Min value (for number/date) */\n    min: z.union([z.string(), z.number()]).optional(),\n    /** Max value (for number/date) */\n    max: z.union([z.string(), z.number()]).optional(),\n    /** Step value (for number) */\n    step: z.union([z.string(), z.number()]).optional(),\n    /** Additional CSS classes */\n    className: z.string().optional(),\n    /** HTMX attributes */\n    htmx: FormHtmxSchema,\n    /** Data attributes */\n    data: z.record(z.string(), z.string()).optional(),\n    /** Icon before input (HTML string) */\n    iconBefore: z.string().optional(),\n    /** Icon after input (HTML string) */\n    iconAfter: z.string().optional(),\n  })\n  .strict();\n\n/**\n * Input options type (derived from schema)\n */\nexport type InputOptions = z.infer<typeof InputOptionsSchema>;\n\n// ============================================\n// Select Options Schema\n// ============================================\n\n/**\n * Select option item schema\n */\nexport const SelectOptionItemSchema = z\n  .object({\n    value: z.string(),\n    label: z.string(),\n    disabled: z.boolean().optional(),\n    selected: z.boolean().optional(),\n  })\n  .strict();\n\n/**\n * Select option item type\n */\nexport type SelectOptionItem = z.infer<typeof SelectOptionItemSchema>;\n\n/**\n * Complete select options schema\n */\nexport const SelectOptionsSchema = z\n  .object({\n    /** Input name (required) */\n    name: z.string(),\n    /** Input ID (defaults to name) */\n    id: z.string().optional(),\n    /** Input value */\n    value: z.string().optional(),\n    /** Placeholder text */\n    placeholder: z.string().optional(),\n    /** Label text */\n    label: z.string().optional(),\n    /** Helper text */\n    helper: z.string().optional(),\n    /** Error message */\n    error: z.string().optional(),\n    /** Input size */\n    size: InputSizeSchema.optional(),\n    /** Input state */\n    state: InputStateSchema.optional(),\n    /** Required field */\n    required: z.boolean().optional(),\n    /** Disabled state */\n    disabled: z.boolean().optional(),\n    /** Readonly state */\n    readonly: z.boolean().optional(),\n    /** Additional CSS classes */\n    className: z.string().optional(),\n    /** HTMX attributes */\n    htmx: FormHtmxSchema,\n    /** Data attributes */\n    data: z.record(z.string(), z.string()).optional(),\n    /** Icon before input (HTML string) */\n    iconBefore: z.string().optional(),\n    /** Icon after input (HTML string) */\n    iconAfter: z.string().optional(),\n    /** Select options (required) */\n    options: z.array(SelectOptionItemSchema),\n    /** Multiple selection */\n    multiple: z.boolean().optional(),\n  })\n  .strict();\n\n/**\n * Select options type\n */\nexport type SelectOptions = z.infer<typeof SelectOptionsSchema>;\n\n// ============================================\n// Textarea Options Schema\n// ============================================\n\n/**\n * Textarea resize enum schema\n */\nexport const TextareaResizeSchema = z.enum(['none', 'vertical', 'horizontal', 'both']);\n\n/**\n * Complete textarea options schema\n */\nexport const TextareaOptionsSchema = z\n  .object({\n    /** Input name (required) */\n    name: z.string(),\n    /** Input ID (defaults to name) */\n    id: z.string().optional(),\n    /** Input value */\n    value: z.string().optional(),\n    /** Placeholder text */\n    placeholder: z.string().optional(),\n    /** Label text */\n    label: z.string().optional(),\n    /** Helper text */\n    helper: z.string().optional(),\n    /** Error message */\n    error: z.string().optional(),\n    /** Input size */\n    size: InputSizeSchema.optional(),\n    /** Input state */\n    state: InputStateSchema.optional(),\n    /** Required field */\n    required: z.boolean().optional(),\n    /** Disabled state */\n    disabled: z.boolean().optional(),\n    /** Readonly state */\n    readonly: z.boolean().optional(),\n    /** Autocomplete attribute */\n    autocomplete: z.string().optional(),\n    /** Additional CSS classes */\n    className: z.string().optional(),\n    /** HTMX attributes */\n    htmx: FormHtmxSchema,\n    /** Data attributes */\n    data: z.record(z.string(), z.string()).optional(),\n    /** Icon before input (HTML string) */\n    iconBefore: z.string().optional(),\n    /** Icon after input (HTML string) */\n    iconAfter: z.string().optional(),\n    /** Number of rows */\n    rows: z.number().min(1).optional(),\n    /** Resize behavior */\n    resize: TextareaResizeSchema.optional(),\n  })\n  .strict();\n\n/**\n * Textarea options type\n */\nexport type TextareaOptions = z.infer<typeof TextareaOptionsSchema>;\n\n// ============================================\n// Checkbox Options Schema\n// ============================================\n\n/**\n * Checkbox HTMX options schema\n */\nexport const CheckboxHtmxSchema = z\n  .object({\n    post: z.string().optional(),\n    get: z.string().optional(),\n    target: z.string().optional(),\n    swap: z.string().optional(),\n    trigger: z.string().optional(),\n  })\n  .strict()\n  .optional();\n\n/**\n * Complete checkbox options schema\n */\nexport const CheckboxOptionsSchema = z\n  .object({\n    /** Input name (required) */\n    name: z.string(),\n    /** Input ID */\n    id: z.string().optional(),\n    /** Input value */\n    value: z.string().optional(),\n    /** Label text (required) */\n    label: z.string(),\n    /** Checked state */\n    checked: z.boolean().optional(),\n    /** Disabled state */\n    disabled: z.boolean().optional(),\n    /** Helper text */\n    helper: z.string().optional(),\n    /** Error message */\n    error: z.string().optional(),\n    /** Additional CSS classes */\n    className: z.string().optional(),\n    /** HTMX attributes */\n    htmx: CheckboxHtmxSchema,\n  })\n  .strict();\n\n/**\n * Checkbox options type\n */\nexport type CheckboxOptions = z.infer<typeof CheckboxOptionsSchema>;\n\n// ============================================\n// Radio Group Options Schema\n// ============================================\n\n/**\n * Radio option item schema\n */\nexport const RadioOptionItemSchema = z\n  .object({\n    value: z.string(),\n    label: z.string(),\n    disabled: z.boolean().optional(),\n  })\n  .strict();\n\n/**\n * Radio option item type\n */\nexport type RadioOptionItem = z.infer<typeof RadioOptionItemSchema>;\n\n/**\n * Complete radio group options schema\n */\nexport const RadioGroupOptionsSchema = z\n  .object({\n    /** Group name (required) */\n    name: z.string(),\n    /** Radio options (required) */\n    options: z.array(RadioOptionItemSchema),\n    /** Selected value */\n    value: z.string().optional(),\n    /** Label for the group */\n    label: z.string().optional(),\n    /** Helper text */\n    helper: z.string().optional(),\n    /** Error message */\n    error: z.string().optional(),\n    /** Layout direction */\n    direction: z.enum(['horizontal', 'vertical']).optional(),\n    /** Additional CSS classes */\n    className: z.string().optional(),\n  })\n  .strict();\n\n/**\n * Radio group options type\n */\nexport type RadioGroupOptions = z.infer<typeof RadioGroupOptionsSchema>;\n\n// ============================================\n// Form Options Schema\n// ============================================\n\n/**\n * Form method enum schema\n */\nexport const FormMethodSchema = z.enum(['get', 'post', 'dialog']);\n\n/**\n * Form enctype enum schema\n */\nexport const FormEnctypeSchema = z.enum(['application/x-www-form-urlencoded', 'multipart/form-data', 'text/plain']);\n\n/**\n * Form HTMX options schema\n */\nexport const FormFormHtmxSchema = z\n  .object({\n    post: z.string().optional(),\n    put: z.string().optional(),\n    patch: z.string().optional(),\n    delete: z.string().optional(),\n    target: z.string().optional(),\n    swap: z.string().optional(),\n    encoding: z.string().optional(),\n  })\n  .strict()\n  .optional();\n\n/**\n * Complete form options schema\n */\nexport const FormOptionsSchema = z\n  .object({\n    /** Form action URL */\n    action: z.string().optional(),\n    /** Form method */\n    method: FormMethodSchema.optional(),\n    /** Form ID */\n    id: z.string().optional(),\n    /** Form enctype */\n    enctype: FormEnctypeSchema.optional(),\n    /** Disable browser validation */\n    novalidate: z.boolean().optional(),\n    /** Autocomplete behavior */\n    autocomplete: z.enum(['on', 'off']).optional(),\n    /** Additional CSS classes */\n    className: z.string().optional(),\n    /** HTMX attributes */\n    htmx: FormFormHtmxSchema,\n  })\n  .strict();\n\n/**\n * Form options type\n */\nexport type FormOptions = z.infer<typeof FormOptionsSchema>;\n\n// ============================================\n// Form Row & Section Options\n// ============================================\n\n/**\n * Form row options schema\n */\nexport const FormRowOptionsSchema = z\n  .object({\n    /** Number of columns */\n    cols: z.number().min(1).max(12).optional(),\n    /** Gap between columns */\n    gap: z.enum(['sm', 'md', 'lg']).optional(),\n    /** Additional CSS classes */\n    className: z.string().optional(),\n  })\n  .strict();\n\n/**\n * Form row options type\n */\nexport type FormRowOptions = z.infer<typeof FormRowOptionsSchema>;\n\n/**\n * Form section options schema\n */\nexport const FormSectionOptionsSchema = z\n  .object({\n    /** Section title */\n    title: z.string().optional(),\n    /** Section description */\n    description: z.string().optional(),\n    /** Additional CSS classes */\n    className: z.string().optional(),\n  })\n  .strict();\n\n/**\n * Form section options type\n */\nexport type FormSectionOptions = z.infer<typeof FormSectionOptionsSchema>;\n\n/**\n * Form actions options schema\n */\nexport const FormActionsOptionsSchema = z\n  .object({\n    /** Alignment */\n    align: z.enum(['left', 'center', 'right', 'between']).optional(),\n    /** Additional CSS classes */\n    className: z.string().optional(),\n  })\n  .strict();\n\n/**\n * Form actions options type\n */\nexport type FormActionsOptions = z.infer<typeof FormActionsOptionsSchema>;\n"]}

package/src/components/index.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @file index.ts
+ * @description UI Components Module for FrontMCP.
+ *
+ * Provides reusable UI components for FrontMCP pages including:
+ * - Button, Card, Badge, Alert, Avatar, Modal, Table, Form, List components
+ * - Zod schemas for all component options (for runtime validation)
+ * - Full HTMX support for dynamic interactions
+ *
+ * @module @frontmcp/ui/components
+ */
+export * from './button.schema';
+export * from './card.schema';
+export * from './badge.schema';
+export * from './alert.schema';
+export * from './avatar.schema';
+export * from './modal.schema';
+export * from './table.schema';
+export * from './form.schema';
+export * from './list.schema';
+export { type ButtonVariant, type ButtonSize, type ButtonOptions, type ButtonGroupOptions, button, buttonGroup, primaryButton, secondaryButton, outlineButton, ghostButton, dangerButton, linkButton, } from './button';
+export { type CardVariant, type CardSize, type CardOptions, card, cardGroup } from './card';
+export { type InputType, type InputSize, type InputState, type InputOptions, type SelectOption, type SelectOptions, type TextareaOptions, type CheckboxOptions, type RadioGroupOptions, type FormOptions, input, select, textarea, checkbox, radioGroup, form, formRow, formSection, formActions, hiddenInput, csrfInput, } from './form';
+export { type BadgeVariant, type BadgeSize, type BadgeOptions, badge, badgeGroup, activeBadge, inactiveBadge, pendingBadge, errorBadge, newBadge, betaBadge, onlineDot, offlineDot, busyDot, awayDot, } from './badge';
+export { type AlertVariant, type AlertOptions, type ToastOptions, alert, infoAlert, successAlert, warningAlert, dangerAlert, toast, toastContainer, } from './alert';
+export { type AvatarSize, type AvatarShape, type AvatarStatus, type AvatarOptions, type AvatarGroupOptions, type AvatarWithTextOptions, avatar, avatarGroup, avatarWithText, } from './avatar';
+export { type ModalSize, type ModalOptions, type ConfirmModalOptions, type DrawerPosition, type DrawerOptions, modal, modalTrigger, confirmModal, drawer, } from './modal';
+export { type TableColumn, type TableOptions, type PaginationOptions, table, pagination } from './table';
+export { type PermissionItem, type FeatureItem, type DescriptionItem, type PermissionListOptions, type FeatureListOptions, type DescriptionListOptions, type ActionItem, permissionList, featureList, descriptionList, actionList, } from './list';

package/src/components/index.js

@@ -0,0 +1,98 @@
+"use strict";
+/**
+ * @file index.ts
+ * @description UI Components Module for FrontMCP.
+ *
+ * Provides reusable UI components for FrontMCP pages including:
+ * - Button, Card, Badge, Alert, Avatar, Modal, Table, Form, List components
+ * - Zod schemas for all component options (for runtime validation)
+ * - Full HTMX support for dynamic interactions
+ *
+ * @module @frontmcp/ui/components
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.featureList = exports.permissionList = exports.pagination = exports.table = exports.drawer = exports.confirmModal = exports.modalTrigger = exports.modal = exports.avatarWithText = exports.avatarGroup = exports.avatar = exports.toastContainer = exports.toast = exports.dangerAlert = exports.warningAlert = exports.successAlert = exports.infoAlert = exports.awayDot = exports.busyDot = exports.offlineDot = exports.onlineDot = exports.betaBadge = exports.newBadge = exports.errorBadge = exports.pendingBadge = exports.inactiveBadge = exports.activeBadge = exports.badgeGroup = exports.badge = exports.csrfInput = exports.hiddenInput = exports.formActions = exports.formSection = exports.formRow = exports.form = exports.radioGroup = exports.checkbox = exports.textarea = exports.select = exports.input = exports.cardGroup = exports.card = exports.linkButton = exports.dangerButton = exports.ghostButton = exports.outlineButton = exports.secondaryButton = exports.primaryButton = exports.buttonGroup = exports.button = void 0;
+exports.actionList = exports.descriptionList = void 0;
+const tslib_1 = require("tslib");
+// Component Schemas (Zod validation)
+tslib_1.__exportStar(require("./button.schema"), exports);
+tslib_1.__exportStar(require("./card.schema"), exports);
+tslib_1.__exportStar(require("./badge.schema"), exports);
+tslib_1.__exportStar(require("./alert.schema"), exports);
+tslib_1.__exportStar(require("./avatar.schema"), exports);
+tslib_1.__exportStar(require("./modal.schema"), exports);
+tslib_1.__exportStar(require("./table.schema"), exports);
+tslib_1.__exportStar(require("./form.schema"), exports);
+tslib_1.__exportStar(require("./list.schema"), exports);
+// Button components
+var button_1 = require("./button");
+Object.defineProperty(exports, "button", { enumerable: true, get: function () { return button_1.button; } });
+Object.defineProperty(exports, "buttonGroup", { enumerable: true, get: function () { return button_1.buttonGroup; } });
+Object.defineProperty(exports, "primaryButton", { enumerable: true, get: function () { return button_1.primaryButton; } });
+Object.defineProperty(exports, "secondaryButton", { enumerable: true, get: function () { return button_1.secondaryButton; } });
+Object.defineProperty(exports, "outlineButton", { enumerable: true, get: function () { return button_1.outlineButton; } });
+Object.defineProperty(exports, "ghostButton", { enumerable: true, get: function () { return button_1.ghostButton; } });
+Object.defineProperty(exports, "dangerButton", { enumerable: true, get: function () { return button_1.dangerButton; } });
+Object.defineProperty(exports, "linkButton", { enumerable: true, get: function () { return button_1.linkButton; } });
+// Card components
+var card_1 = require("./card");
+Object.defineProperty(exports, "card", { enumerable: true, get: function () { return card_1.card; } });
+Object.defineProperty(exports, "cardGroup", { enumerable: true, get: function () { return card_1.cardGroup; } });
+// Form components
+var form_1 = require("./form");
+Object.defineProperty(exports, "input", { enumerable: true, get: function () { return form_1.input; } });
+Object.defineProperty(exports, "select", { enumerable: true, get: function () { return form_1.select; } });
+Object.defineProperty(exports, "textarea", { enumerable: true, get: function () { return form_1.textarea; } });
+Object.defineProperty(exports, "checkbox", { enumerable: true, get: function () { return form_1.checkbox; } });
+Object.defineProperty(exports, "radioGroup", { enumerable: true, get: function () { return form_1.radioGroup; } });
+Object.defineProperty(exports, "form", { enumerable: true, get: function () { return form_1.form; } });
+Object.defineProperty(exports, "formRow", { enumerable: true, get: function () { return form_1.formRow; } });
+Object.defineProperty(exports, "formSection", { enumerable: true, get: function () { return form_1.formSection; } });
+Object.defineProperty(exports, "formActions", { enumerable: true, get: function () { return form_1.formActions; } });
+Object.defineProperty(exports, "hiddenInput", { enumerable: true, get: function () { return form_1.hiddenInput; } });
+Object.defineProperty(exports, "csrfInput", { enumerable: true, get: function () { return form_1.csrfInput; } });
+// Badge components
+var badge_1 = require("./badge");
+Object.defineProperty(exports, "badge", { enumerable: true, get: function () { return badge_1.badge; } });
+Object.defineProperty(exports, "badgeGroup", { enumerable: true, get: function () { return badge_1.badgeGroup; } });
+Object.defineProperty(exports, "activeBadge", { enumerable: true, get: function () { return badge_1.activeBadge; } });
+Object.defineProperty(exports, "inactiveBadge", { enumerable: true, get: function () { return badge_1.inactiveBadge; } });
+Object.defineProperty(exports, "pendingBadge", { enumerable: true, get: function () { return badge_1.pendingBadge; } });
+Object.defineProperty(exports, "errorBadge", { enumerable: true, get: function () { return badge_1.errorBadge; } });
+Object.defineProperty(exports, "newBadge", { enumerable: true, get: function () { return badge_1.newBadge; } });
+Object.defineProperty(exports, "betaBadge", { enumerable: true, get: function () { return badge_1.betaBadge; } });
+Object.defineProperty(exports, "onlineDot", { enumerable: true, get: function () { return badge_1.onlineDot; } });
+Object.defineProperty(exports, "offlineDot", { enumerable: true, get: function () { return badge_1.offlineDot; } });
+Object.defineProperty(exports, "busyDot", { enumerable: true, get: function () { return badge_1.busyDot; } });
+Object.defineProperty(exports, "awayDot", { enumerable: true, get: function () { return badge_1.awayDot; } });
+// Alert components
+var alert_1 = require("./alert");
+Object.defineProperty(exports, "alert", { enumerable: true, get: function () { return alert_1.alert; } });
+Object.defineProperty(exports, "infoAlert", { enumerable: true, get: function () { return alert_1.infoAlert; } });
+Object.defineProperty(exports, "successAlert", { enumerable: true, get: function () { return alert_1.successAlert; } });
+Object.defineProperty(exports, "warningAlert", { enumerable: true, get: function () { return alert_1.warningAlert; } });
+Object.defineProperty(exports, "dangerAlert", { enumerable: true, get: function () { return alert_1.dangerAlert; } });
+Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return alert_1.toast; } });
+Object.defineProperty(exports, "toastContainer", { enumerable: true, get: function () { return alert_1.toastContainer; } });
+// Avatar components
+var avatar_1 = require("./avatar");
+Object.defineProperty(exports, "avatar", { enumerable: true, get: function () { return avatar_1.avatar; } });
+Object.defineProperty(exports, "avatarGroup", { enumerable: true, get: function () { return avatar_1.avatarGroup; } });
+Object.defineProperty(exports, "avatarWithText", { enumerable: true, get: function () { return avatar_1.avatarWithText; } });
+// Modal components
+var modal_1 = require("./modal");
+Object.defineProperty(exports, "modal", { enumerable: true, get: function () { return modal_1.modal; } });
+Object.defineProperty(exports, "modalTrigger", { enumerable: true, get: function () { return modal_1.modalTrigger; } });
+Object.defineProperty(exports, "confirmModal", { enumerable: true, get: function () { return modal_1.confirmModal; } });
+Object.defineProperty(exports, "drawer", { enumerable: true, get: function () { return modal_1.drawer; } });
+// Table components
+var table_1 = require("./table");
+Object.defineProperty(exports, "table", { enumerable: true, get: function () { return table_1.table; } });
+Object.defineProperty(exports, "pagination", { enumerable: true, get: function () { return table_1.pagination; } });
+// List components
+var list_1 = require("./list");
+Object.defineProperty(exports, "permissionList", { enumerable: true, get: function () { return list_1.permissionList; } });
+Object.defineProperty(exports, "featureList", { enumerable: true, get: function () { return list_1.featureList; } });
+Object.defineProperty(exports, "descriptionList", { enumerable: true, get: function () { return list_1.descriptionList; } });
+Object.defineProperty(exports, "actionList", { enumerable: true, get: function () { return list_1.actionList; } });
+//# sourceMappingURL=index.js.map

package/src/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;;;;;AAEH,qCAAqC;AACrC,0DAAgC;AAChC,wDAA8B;AAC9B,yDAA+B;AAC/B,yDAA+B;AAC/B,0DAAgC;AAChC,yDAA+B;AAC/B,yDAA+B;AAC/B,wDAA8B;AAC9B,wDAA8B;AAE9B,oBAAoB;AACpB,mCAakB;AARhB,gGAAA,MAAM,OAAA;AACN,qGAAA,WAAW,OAAA;AACX,uGAAA,aAAa,OAAA;AACb,yGAAA,eAAe,OAAA;AACf,uGAAA,aAAa,OAAA;AACb,qGAAA,WAAW,OAAA;AACX,sGAAA,YAAY,OAAA;AACZ,oGAAA,UAAU,OAAA;AAGZ,kBAAkB;AAClB,+BAA4F;AAAhC,4FAAA,IAAI,OAAA;AAAE,iGAAA,SAAS,OAAA;AAE3E,kBAAkB;AAClB,+BAsBgB;AAXd,6FAAA,KAAK,OAAA;AACL,8FAAA,MAAM,OAAA;AACN,gGAAA,QAAQ,OAAA;AACR,gGAAA,QAAQ,OAAA;AACR,kGAAA,UAAU,OAAA;AACV,4FAAA,IAAI,OAAA;AACJ,+FAAA,OAAO,OAAA;AACP,mGAAA,WAAW,OAAA;AACX,mGAAA,WAAW,OAAA;AACX,mGAAA,WAAW,OAAA;AACX,iGAAA,SAAS,OAAA;AAGX,mBAAmB;AACnB,iCAgBiB;AAZf,8FAAA,KAAK,OAAA;AACL,mGAAA,UAAU,OAAA;AACV,oGAAA,WAAW,OAAA;AACX,sGAAA,aAAa,OAAA;AACb,qGAAA,YAAY,OAAA;AACZ,mGAAA,UAAU,OAAA;AACV,iGAAA,QAAQ,OAAA;AACR,kGAAA,SAAS,OAAA;AACT,kGAAA,SAAS,OAAA;AACT,mGAAA,UAAU,OAAA;AACV,gGAAA,OAAO,OAAA;AACP,gGAAA,OAAO,OAAA;AAGT,mBAAmB;AACnB,iCAWiB;AAPf,8FAAA,KAAK,OAAA;AACL,kGAAA,SAAS,OAAA;AACT,qGAAA,YAAY,OAAA;AACZ,qGAAA,YAAY,OAAA;AACZ,oGAAA,WAAW,OAAA;AACX,8FAAA,KAAK,OAAA;AACL,uGAAA,cAAc,OAAA;AAGhB,oBAAoB;AACpB,mCAUkB;AAHhB,gGAAA,MAAM,OAAA;AACN,qGAAA,WAAW,OAAA;AACX,wGAAA,cAAc,OAAA;AAGhB,mBAAmB;AACnB,iCAUiB;AAJf,8FAAA,KAAK,OAAA;AACL,qGAAA,YAAY,OAAA;AACZ,qGAAA,YAAY,OAAA;AACZ,+FAAA,MAAM,OAAA;AAGR,mBAAmB;AACnB,iCAAyG;AAAnC,8FAAA,KAAK,OAAA;AAAE,mGAAA,UAAU,OAAA;AAEvF,kBAAkB;AAClB,+BAYgB;AAJd,sGAAA,cAAc,OAAA;AACd,mGAAA,WAAW,OAAA;AACX,uGAAA,eAAe,OAAA;AACf,kGAAA,UAAU,OAAA","sourcesContent":["/**\n * @file index.ts\n * @description UI Components Module for FrontMCP.\n *\n * Provides reusable UI components for FrontMCP pages including:\n * - Button, Card, Badge, Alert, Avatar, Modal, Table, Form, List components\n * - Zod schemas for all component options (for runtime validation)\n * - Full HTMX support for dynamic interactions\n *\n * @module @frontmcp/ui/components\n */\n\n// Component Schemas (Zod validation)\nexport * from './button.schema';\nexport * from './card.schema';\nexport * from './badge.schema';\nexport * from './alert.schema';\nexport * from './avatar.schema';\nexport * from './modal.schema';\nexport * from './table.schema';\nexport * from './form.schema';\nexport * from './list.schema';\n\n// Button components\nexport {\n  type ButtonVariant,\n  type ButtonSize,\n  type ButtonOptions,\n  type ButtonGroupOptions,\n  button,\n  buttonGroup,\n  primaryButton,\n  secondaryButton,\n  outlineButton,\n  ghostButton,\n  dangerButton,\n  linkButton,\n} from './button';\n\n// Card components\nexport { type CardVariant, type CardSize, type CardOptions, card, cardGroup } from './card';\n\n// Form components\nexport {\n  type InputType,\n  type InputSize,\n  type InputState,\n  type InputOptions,\n  type SelectOption,\n  type SelectOptions,\n  type TextareaOptions,\n  type CheckboxOptions,\n  type RadioGroupOptions,\n  type FormOptions,\n  input,\n  select,\n  textarea,\n  checkbox,\n  radioGroup,\n  form,\n  formRow,\n  formSection,\n  formActions,\n  hiddenInput,\n  csrfInput,\n} from './form';\n\n// Badge components\nexport {\n  type BadgeVariant,\n  type BadgeSize,\n  type BadgeOptions,\n  badge,\n  badgeGroup,\n  activeBadge,\n  inactiveBadge,\n  pendingBadge,\n  errorBadge,\n  newBadge,\n  betaBadge,\n  onlineDot,\n  offlineDot,\n  busyDot,\n  awayDot,\n} from './badge';\n\n// Alert components\nexport {\n  type AlertVariant,\n  type AlertOptions,\n  type ToastOptions,\n  alert,\n  infoAlert,\n  successAlert,\n  warningAlert,\n  dangerAlert,\n  toast,\n  toastContainer,\n} from './alert';\n\n// Avatar components\nexport {\n  type AvatarSize,\n  type AvatarShape,\n  type AvatarStatus,\n  type AvatarOptions,\n  type AvatarGroupOptions,\n  type AvatarWithTextOptions,\n  avatar,\n  avatarGroup,\n  avatarWithText,\n} from './avatar';\n\n// Modal components\nexport {\n  type ModalSize,\n  type ModalOptions,\n  type ConfirmModalOptions,\n  type DrawerPosition,\n  type DrawerOptions,\n  modal,\n  modalTrigger,\n  confirmModal,\n  drawer,\n} from './modal';\n\n// Table components\nexport { type TableColumn, type TableOptions, type PaginationOptions, table, pagination } from './table';\n\n// List components\nexport {\n  type PermissionItem,\n  type FeatureItem,\n  type DescriptionItem,\n  type PermissionListOptions,\n  type FeatureListOptions,\n  type DescriptionListOptions,\n  type ActionItem,\n  permissionList,\n  featureList,\n  descriptionList,\n  actionList,\n} from './list';\n"]}