@frontmcp/ui 0.5.0

package/src/components/modal.schema.d.ts

@@ -0,0 +1,186 @@
+/**
+ * @file modal.schema.ts
+ * @description Zod schemas for Modal, ConfirmModal, and Drawer component options validation.
+ *
+ * Provides strict validation schemas for modal options including sizes,
+ * close behavior, confirm dialogs, and drawers with positioning.
+ *
+ * @example
+ * ```typescript
+ * import { ModalOptionsSchema, DrawerOptionsSchema } from '@frontmcp/ui';
+ *
+ * const modalResult = ModalOptionsSchema.safeParse({
+ *   id: 'my-modal',
+ *   title: 'Dialog Title',
+ * });
+ * ```
+ *
+ * @module @frontmcp/ui/components/modal.schema
+ */
+import { z } from 'zod';
+/**
+ * Modal size enum schema
+ */
+export declare const ModalSizeSchema: z.ZodEnum<{
+    sm: "sm";
+    lg: "lg";
+    xl: "xl";
+    md: "md";
+    full: "full";
+}>;
+/**
+ * Modal size type
+ */
+export type ModalSize = z.infer<typeof ModalSizeSchema>;
+/**
+ * Close button HTMX options schema
+ */
+export declare const ModalOnCloseSchema: z.ZodOptional<z.ZodObject<{
+    delete: z.ZodOptional<z.ZodString>;
+    target: z.ZodOptional<z.ZodString>;
+    swap: z.ZodOptional<z.ZodString>;
+}, z.core.$strict>>;
+/**
+ * Modal onClose type
+ */
+export type ModalOnClose = z.infer<typeof ModalOnCloseSchema>;
+/**
+ * Complete modal options schema
+ */
+export declare const ModalOptionsSchema: z.ZodObject<{
+    id: z.ZodString;
+    title: z.ZodOptional<z.ZodString>;
+    size: z.ZodOptional<z.ZodEnum<{
+        sm: "sm";
+        lg: "lg";
+        xl: "xl";
+        md: "md";
+        full: "full";
+    }>>;
+    showClose: z.ZodOptional<z.ZodBoolean>;
+    closeOnBackdrop: z.ZodOptional<z.ZodBoolean>;
+    closeOnEscape: z.ZodOptional<z.ZodBoolean>;
+    footer: z.ZodOptional<z.ZodString>;
+    className: z.ZodOptional<z.ZodString>;
+    open: z.ZodOptional<z.ZodBoolean>;
+    onClose: z.ZodOptional<z.ZodObject<{
+        delete: z.ZodOptional<z.ZodString>;
+        target: z.ZodOptional<z.ZodString>;
+        swap: z.ZodOptional<z.ZodString>;
+    }, z.core.$strict>>;
+}, z.core.$strict>;
+/**
+ * Modal options type (derived from schema)
+ */
+export type ModalOptions = z.infer<typeof ModalOptionsSchema>;
+/**
+ * Confirm modal variant schema
+ */
+export declare const ConfirmModalVariantSchema: z.ZodEnum<{
+    warning: "warning";
+    danger: "danger";
+    info: "info";
+}>;
+/**
+ * Confirm modal variant type
+ */
+export type ConfirmModalVariant = z.infer<typeof ConfirmModalVariantSchema>;
+/**
+ * Confirm modal HTMX schema
+ */
+export declare const ConfirmModalOnConfirmSchema: z.ZodOptional<z.ZodObject<{
+    post: z.ZodOptional<z.ZodString>;
+    delete: z.ZodOptional<z.ZodString>;
+    target: z.ZodOptional<z.ZodString>;
+    swap: z.ZodOptional<z.ZodString>;
+}, z.core.$strict>>;
+/**
+ * Confirm modal options schema
+ */
+export declare const ConfirmModalOptionsSchema: z.ZodObject<{
+    id: z.ZodString;
+    message: z.ZodString;
+    title: z.ZodOptional<z.ZodString>;
+    variant: z.ZodOptional<z.ZodEnum<{
+        warning: "warning";
+        danger: "danger";
+        info: "info";
+    }>>;
+    confirmText: z.ZodOptional<z.ZodString>;
+    cancelText: z.ZodOptional<z.ZodString>;
+    open: z.ZodOptional<z.ZodBoolean>;
+    onConfirm: z.ZodOptional<z.ZodObject<{
+        post: z.ZodOptional<z.ZodString>;
+        delete: z.ZodOptional<z.ZodString>;
+        target: z.ZodOptional<z.ZodString>;
+        swap: z.ZodOptional<z.ZodString>;
+    }, z.core.$strict>>;
+}, z.core.$strict>;
+/**
+ * Confirm modal options type
+ */
+export type ConfirmModalOptions = z.infer<typeof ConfirmModalOptionsSchema>;
+/**
+ * Drawer position enum schema
+ */
+export declare const DrawerPositionSchema: z.ZodEnum<{
+    top: "top";
+    left: "left";
+    right: "right";
+    bottom: "bottom";
+}>;
+/**
+ * Drawer position type
+ */
+export type DrawerPosition = z.infer<typeof DrawerPositionSchema>;
+/**
+ * Drawer options schema
+ */
+export declare const DrawerOptionsSchema: z.ZodObject<{
+    id: z.ZodString;
+    position: z.ZodOptional<z.ZodEnum<{
+        top: "top";
+        left: "left";
+        right: "right";
+        bottom: "bottom";
+    }>>;
+    size: z.ZodOptional<z.ZodEnum<{
+        sm: "sm";
+        lg: "lg";
+        xl: "xl";
+        md: "md";
+        full: "full";
+    }>>;
+    title: z.ZodOptional<z.ZodString>;
+    showClose: z.ZodOptional<z.ZodBoolean>;
+    footer: z.ZodOptional<z.ZodString>;
+    className: z.ZodOptional<z.ZodString>;
+    open: z.ZodOptional<z.ZodBoolean>;
+    onClose: z.ZodOptional<z.ZodObject<{
+        delete: z.ZodOptional<z.ZodString>;
+        target: z.ZodOptional<z.ZodString>;
+        swap: z.ZodOptional<z.ZodString>;
+    }, z.core.$strict>>;
+}, z.core.$strict>;
+/**
+ * Drawer options type
+ */
+export type DrawerOptions = z.infer<typeof DrawerOptionsSchema>;
+/**
+ * Modal trigger options schema
+ */
+export declare const ModalTriggerOptionsSchema: z.ZodObject<{
+    targetId: z.ZodString;
+    text: z.ZodOptional<z.ZodString>;
+    tag: z.ZodOptional<z.ZodEnum<{
+        button: "button";
+        div: "div";
+        a: "a";
+        span: "span";
+    }>>;
+    className: z.ZodOptional<z.ZodString>;
+}, z.core.$strict>;
+/**
+ * Modal trigger options type
+ */
+export type ModalTriggerOptions = z.infer<typeof ModalTriggerOptionsSchema>;

package/src/components/modal.schema.js

@@ -0,0 +1,167 @@
+"use strict";
+/**
+ * @file modal.schema.ts
+ * @description Zod schemas for Modal, ConfirmModal, and Drawer component options validation.
+ *
+ * Provides strict validation schemas for modal options including sizes,
+ * close behavior, confirm dialogs, and drawers with positioning.
+ *
+ * @example
+ * ```typescript
+ * import { ModalOptionsSchema, DrawerOptionsSchema } from '@frontmcp/ui';
+ *
+ * const modalResult = ModalOptionsSchema.safeParse({
+ *   id: 'my-modal',
+ *   title: 'Dialog Title',
+ * });
+ * ```
+ *
+ * @module @frontmcp/ui/components/modal.schema
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalTriggerOptionsSchema = exports.DrawerOptionsSchema = exports.DrawerPositionSchema = exports.ConfirmModalOptionsSchema = exports.ConfirmModalOnConfirmSchema = exports.ConfirmModalVariantSchema = exports.ModalOptionsSchema = exports.ModalOnCloseSchema = exports.ModalSizeSchema = void 0;
+const zod_1 = require("zod");
+// ============================================
+// Size Schema
+// ============================================
+/**
+ * Modal size enum schema
+ */
+exports.ModalSizeSchema = zod_1.z.enum(['sm', 'md', 'lg', 'xl', 'full']);
+// ============================================
+// OnClose Schema
+// ============================================
+/**
+ * Close button HTMX options schema
+ */
+exports.ModalOnCloseSchema = zod_1.z
+    .object({
+    delete: zod_1.z.string().optional(),
+    target: zod_1.z.string().optional(),
+    swap: zod_1.z.string().optional(),
+})
+    .strict()
+    .optional();
+// ============================================
+// Modal Options Schema
+// ============================================
+/**
+ * Complete modal options schema
+ */
+exports.ModalOptionsSchema = zod_1.z
+    .object({
+    /** Modal ID (required) */
+    id: zod_1.z.string(),
+    /** Modal title */
+    title: zod_1.z.string().optional(),
+    /** Modal size */
+    size: exports.ModalSizeSchema.optional(),
+    /** Show close button */
+    showClose: zod_1.z.boolean().optional(),
+    /** Close on backdrop click */
+    closeOnBackdrop: zod_1.z.boolean().optional(),
+    /** Close on escape key */
+    closeOnEscape: zod_1.z.boolean().optional(),
+    /** Footer content (HTML string) */
+    footer: zod_1.z.string().optional(),
+    /** Additional CSS classes for modal */
+    className: zod_1.z.string().optional(),
+    /** Initially visible */
+    open: zod_1.z.boolean().optional(),
+    /** HTMX for closing */
+    onClose: exports.ModalOnCloseSchema,
+})
+    .strict();
+// ============================================
+// Confirm Modal Schema
+// ============================================
+/**
+ * Confirm modal variant schema
+ */
+exports.ConfirmModalVariantSchema = zod_1.z.enum(['info', 'warning', 'danger']);
+/**
+ * Confirm modal HTMX schema
+ */
+exports.ConfirmModalOnConfirmSchema = zod_1.z
+    .object({
+    post: zod_1.z.string().optional(),
+    delete: zod_1.z.string().optional(),
+    target: zod_1.z.string().optional(),
+    swap: zod_1.z.string().optional(),
+})
+    .strict()
+    .optional();
+/**
+ * Confirm modal options schema
+ */
+exports.ConfirmModalOptionsSchema = zod_1.z
+    .object({
+    /** Modal ID (required) */
+    id: zod_1.z.string(),
+    /** Confirm message */
+    message: zod_1.z.string(),
+    /** Title */
+    title: zod_1.z.string().optional(),
+    /** Variant/severity */
+    variant: exports.ConfirmModalVariantSchema.optional(),
+    /** Confirm button text */
+    confirmText: zod_1.z.string().optional(),
+    /** Cancel button text */
+    cancelText: zod_1.z.string().optional(),
+    /** Initially visible */
+    open: zod_1.z.boolean().optional(),
+    /** HTMX on confirm */
+    onConfirm: exports.ConfirmModalOnConfirmSchema,
+})
+    .strict();
+// ============================================
+// Drawer Schema
+// ============================================
+/**
+ * Drawer position enum schema
+ */
+exports.DrawerPositionSchema = zod_1.z.enum(['left', 'right', 'top', 'bottom']);
+/**
+ * Drawer options schema
+ */
+exports.DrawerOptionsSchema = zod_1.z
+    .object({
+    /** Drawer ID (required) */
+    id: zod_1.z.string(),
+    /** Position */
+    position: exports.DrawerPositionSchema.optional(),
+    /** Size (width for left/right, height for top/bottom) */
+    size: exports.ModalSizeSchema.optional(),
+    /** Drawer title */
+    title: zod_1.z.string().optional(),
+    /** Show close button */
+    showClose: zod_1.z.boolean().optional(),
+    /** Footer content (HTML string) */
+    footer: zod_1.z.string().optional(),
+    /** Additional CSS classes */
+    className: zod_1.z.string().optional(),
+    /** Initially visible */
+    open: zod_1.z.boolean().optional(),
+    /** HTMX for closing */
+    onClose: exports.ModalOnCloseSchema,
+})
+    .strict();
+// ============================================
+// Modal Trigger Schema
+// ============================================
+/**
+ * Modal trigger options schema
+ */
+exports.ModalTriggerOptionsSchema = zod_1.z
+    .object({
+    /** Target modal ID (required) */
+    targetId: zod_1.z.string(),
+    /** Trigger text */
+    text: zod_1.z.string().optional(),
+    /** HTML tag to use */
+    tag: zod_1.z.enum(['button', 'a', 'span', 'div']).optional(),
+    /** Additional CSS classes */
+    className: zod_1.z.string().optional(),
+})
+    .strict();
+//# sourceMappingURL=modal.schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.schema.js","sourceRoot":"","sources":["../../../src/components/modal.schema.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @file modal.schema.ts\n * @description Zod schemas for Modal, ConfirmModal, and Drawer component options validation.\n *\n * Provides strict validation schemas for modal options including sizes,\n * close behavior, confirm dialogs, and drawers with positioning.\n *\n * @example\n * ```typescript\n * import { ModalOptionsSchema, DrawerOptionsSchema } from '@frontmcp/ui';\n *\n * const modalResult = ModalOptionsSchema.safeParse({\n *   id: 'my-modal',\n *   title: 'Dialog Title',\n * });\n * ```\n *\n * @module @frontmcp/ui/components/modal.schema\n */\n\nimport { z } from 'zod';\n\n// ============================================\n// Size Schema\n// ============================================\n\n/**\n * Modal size enum schema\n */\nexport const ModalSizeSchema = z.enum(['sm', 'md', 'lg', 'xl', 'full']);\n\n/**\n * Modal size type\n */\nexport type ModalSize = z.infer<typeof ModalSizeSchema>;\n\n// ============================================\n// OnClose Schema\n// ============================================\n\n/**\n * Close button HTMX options schema\n */\nexport const ModalOnCloseSchema = z\n  .object({\n    delete: z.string().optional(),\n    target: z.string().optional(),\n    swap: z.string().optional(),\n  })\n  .strict()\n  .optional();\n\n/**\n * Modal onClose type\n */\nexport type ModalOnClose = z.infer<typeof ModalOnCloseSchema>;\n\n// ============================================\n// Modal Options Schema\n// ============================================\n\n/**\n * Complete modal options schema\n */\nexport const ModalOptionsSchema = z\n  .object({\n    /** Modal ID (required) */\n    id: z.string(),\n    /** Modal title */\n    title: z.string().optional(),\n    /** Modal size */\n    size: ModalSizeSchema.optional(),\n    /** Show close button */\n    showClose: z.boolean().optional(),\n    /** Close on backdrop click */\n    closeOnBackdrop: z.boolean().optional(),\n    /** Close on escape key */\n    closeOnEscape: z.boolean().optional(),\n    /** Footer content (HTML string) */\n    footer: z.string().optional(),\n    /** Additional CSS classes for modal */\n    className: z.string().optional(),\n    /** Initially visible */\n    open: z.boolean().optional(),\n    /** HTMX for closing */\n    onClose: ModalOnCloseSchema,\n  })\n  .strict();\n\n/**\n * Modal options type (derived from schema)\n */\nexport type ModalOptions = z.infer<typeof ModalOptionsSchema>;\n\n// ============================================\n// Confirm Modal Schema\n// ============================================\n\n/**\n * Confirm modal variant schema\n */\nexport const ConfirmModalVariantSchema = z.enum(['info', 'warning', 'danger']);\n\n/**\n * Confirm modal variant type\n */\nexport type ConfirmModalVariant = z.infer<typeof ConfirmModalVariantSchema>;\n\n/**\n * Confirm modal HTMX schema\n */\nexport const ConfirmModalOnConfirmSchema = z\n  .object({\n    post: z.string().optional(),\n    delete: z.string().optional(),\n    target: z.string().optional(),\n    swap: z.string().optional(),\n  })\n  .strict()\n  .optional();\n\n/**\n * Confirm modal options schema\n */\nexport const ConfirmModalOptionsSchema = z\n  .object({\n    /** Modal ID (required) */\n    id: z.string(),\n    /** Confirm message */\n    message: z.string(),\n    /** Title */\n    title: z.string().optional(),\n    /** Variant/severity */\n    variant: ConfirmModalVariantSchema.optional(),\n    /** Confirm button text */\n    confirmText: z.string().optional(),\n    /** Cancel button text */\n    cancelText: z.string().optional(),\n    /** Initially visible */\n    open: z.boolean().optional(),\n    /** HTMX on confirm */\n    onConfirm: ConfirmModalOnConfirmSchema,\n  })\n  .strict();\n\n/**\n * Confirm modal options type\n */\nexport type ConfirmModalOptions = z.infer<typeof ConfirmModalOptionsSchema>;\n\n// ============================================\n// Drawer Schema\n// ============================================\n\n/**\n * Drawer position enum schema\n */\nexport const DrawerPositionSchema = z.enum(['left', 'right', 'top', 'bottom']);\n\n/**\n * Drawer position type\n */\nexport type DrawerPosition = z.infer<typeof DrawerPositionSchema>;\n\n/**\n * Drawer options schema\n */\nexport const DrawerOptionsSchema = z\n  .object({\n    /** Drawer ID (required) */\n    id: z.string(),\n    /** Position */\n    position: DrawerPositionSchema.optional(),\n    /** Size (width for left/right, height for top/bottom) */\n    size: ModalSizeSchema.optional(),\n    /** Drawer title */\n    title: z.string().optional(),\n    /** Show close button */\n    showClose: z.boolean().optional(),\n    /** Footer content (HTML string) */\n    footer: z.string().optional(),\n    /** Additional CSS classes */\n    className: z.string().optional(),\n    /** Initially visible */\n    open: z.boolean().optional(),\n    /** HTMX for closing */\n    onClose: ModalOnCloseSchema,\n  })\n  .strict();\n\n/**\n * Drawer options type\n */\nexport type DrawerOptions = z.infer<typeof DrawerOptionsSchema>;\n\n// ============================================\n// Modal Trigger Schema\n// ============================================\n\n/**\n * Modal trigger options schema\n */\nexport const ModalTriggerOptionsSchema = z\n  .object({\n    /** Target modal ID (required) */\n    targetId: z.string(),\n    /** Trigger text */\n    text: z.string().optional(),\n    /** HTML tag to use */\n    tag: z.enum(['button', 'a', 'span', 'div']).optional(),\n    /** Additional CSS classes */\n    className: z.string().optional(),\n  })\n  .strict();\n\n/**\n * Modal trigger options type\n */\nexport type ModalTriggerOptions = z.infer<typeof ModalTriggerOptionsSchema>;\n"]}

package/src/components/table.d.ts

@@ -0,0 +1,105 @@
+/**
+ * Table Component
+ *
+ * Data tables with sorting, selection, and HTMX support.
+ */
+/**
+ * Table column definition
+ */
+export interface TableColumn<T = Record<string, unknown>> {
+    /** Column key (property name) */
+    key: string;
+    /** Column header text */
+    header: string;
+    /** Column width */
+    width?: string;
+    /** Text alignment */
+    align?: 'left' | 'center' | 'right';
+    /** Sortable column */
+    sortable?: boolean;
+    /** Current sort direction */
+    sortDirection?: 'asc' | 'desc' | null;
+    /** Custom cell renderer */
+    render?: (value: unknown, row: T, index: number) => string;
+    /** Additional header CSS classes */
+    headerClass?: string;
+    /** Additional cell CSS classes */
+    cellClass?: string;
+}
+/**
+ * Table options
+ */
+export interface TableOptions<T = Record<string, unknown>> {
+    /** Column definitions */
+    columns: TableColumn<T>[];
+    /** Table ID */
+    id?: string;
+    /** Show row selection checkboxes */
+    selectable?: boolean;
+    /** Row hover effect */
+    hoverable?: boolean;
+    /** Striped rows */
+    striped?: boolean;
+    /** Bordered cells */
+    bordered?: boolean;
+    /** Compact size */
+    compact?: boolean;
+    /** Fixed header (sticky) */
+    stickyHeader?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** Empty state message */
+    emptyMessage?: string;
+    /** Empty state HTML */
+    emptyContent?: string;
+    /** Loading state */
+    loading?: boolean;
+    /** HTMX for sorting */
+    sortHtmx?: {
+        get: string;
+        target?: string;
+        swap?: string;
+    };
+    /** HTMX for selection */
+    selectHtmx?: {
+        post: string;
+        target?: string;
+    };
+    /** Row key property for selection */
+    rowKey?: keyof T;
+    /** Row click handler (URL template with {key}) */
+    onRowClick?: string;
+}
+/**
+ * Build a data table
+ */
+export declare function table<T extends Record<string, unknown>>(data: T[], options: TableOptions<T>): string;
+/**
+ * Pagination options
+ */
+export interface PaginationOptions {
+    /** Current page (1-indexed) */
+    page: number;
+    /** Total pages */
+    totalPages: number;
+    /** Total items */
+    totalItems?: number;
+    /** Items per page */
+    pageSize?: number;
+    /** Show page size selector */
+    showPageSize?: boolean;
+    /** Page size options */
+    pageSizeOptions?: number[];
+    /** Additional CSS classes */
+    className?: string;
+    /** HTMX for page changes */
+    htmx?: {
+        get: string;
+        target?: string;
+        swap?: string;
+    };
+}
+/**
+ * Build pagination component
+ */
+export declare function pagination(options: PaginationOptions): string;