@frontmcp/ui 0.5.0 → 0.6.0

package/esm/components/list.d.ts

@@ -0,0 +1,121 @@
+/**
+ * List Components
+ *
+ * Various list presentations including permission lists, feature lists, and data lists.
+ */
+/**
+ * Permission/Scope item for OAuth consent
+ */
+export interface PermissionItem {
+    /** Scope identifier */
+    scope: string;
+    /** Display name */
+    name: string;
+    /** Description */
+    description?: string;
+    /** Icon HTML */
+    icon?: string;
+    /** Required permission (cannot be unchecked) */
+    required?: boolean;
+    /** Checked by default */
+    checked?: boolean;
+    /** Sensitive/dangerous permission */
+    sensitive?: boolean;
+}
+/**
+ * Feature list item
+ */
+export interface FeatureItem {
+    /** Feature name */
+    name: string;
+    /** Feature description */
+    description?: string;
+    /** Icon HTML */
+    icon?: string;
+    /** Included in plan */
+    included?: boolean;
+}
+/**
+ * Description list item
+ */
+export interface DescriptionItem {
+    /** Term/label */
+    term: string;
+    /** Description/value */
+    description: string;
+    /** Copy button */
+    copyable?: boolean;
+}
+/**
+ * Permission list options
+ */
+export interface PermissionListOptions {
+    /** List ID */
+    id?: string;
+    /** Checkable permissions */
+    checkable?: boolean;
+    /** Input name for checkable */
+    inputName?: string;
+    /** Group title */
+    title?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Build a permission list for OAuth consent
+ */
+export declare function permissionList(permissions: PermissionItem[], options?: PermissionListOptions): string;
+/**
+ * Feature list options
+ */
+export interface FeatureListOptions {
+    /** List style */
+    style?: 'check' | 'bullet' | 'number';
+    /** Icon for included items */
+    includedIcon?: string;
+    /** Icon for excluded items */
+    excludedIcon?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Build a feature list
+ */
+export declare function featureList(features: FeatureItem[], options?: FeatureListOptions): string;
+/**
+ * Description list options
+ */
+export interface DescriptionListOptions {
+    /** Layout style */
+    layout?: 'stacked' | 'horizontal' | 'grid';
+    /** Dividers between items */
+    dividers?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Build a description list
+ */
+export declare function descriptionList(items: DescriptionItem[], options?: DescriptionListOptions): string;
+/**
+ * Action list item
+ */
+export interface ActionItem {
+    /** Item label */
+    label: string;
+    /** Item description */
+    description?: string;
+    /** Icon HTML */
+    icon?: string;
+    /** Click URL */
+    href?: string;
+    /** Destructive action */
+    destructive?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+}
+/**
+ * Build an action list (menu-like)
+ */
+export declare function actionList(items: ActionItem[], className?: string): string;
+//# sourceMappingURL=list.d.ts.map

package/esm/components/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/list.ts"],"names":[],"mappings":"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"}

package/esm/components/list.schema.d.ts

@@ -0,0 +1,129 @@
+/**
+ * @file list.schema.ts
+ * @description Zod schemas for List component options validation.
+ *
+ * Provides strict validation schemas for permission lists, feature lists,
+ * description lists, and action lists.
+ *
+ * @example
+ * ```typescript
+ * import { PermissionItemSchema, PermissionListOptionsSchema } from '@frontmcp/ui';
+ *
+ * const itemResult = PermissionItemSchema.safeParse({
+ *   scope: 'read:profile',
+ *   name: 'Read Profile',
+ * });
+ * ```
+ *
+ * @module @frontmcp/ui/components/list.schema
+ */
+import { z } from 'zod';
+/**
+ * Permission/Scope item schema for OAuth consent
+ */
+export declare const PermissionItemSchema: z.ZodObject<{
+    scope: z.ZodString;
+    name: z.ZodString;
+    description: z.ZodOptional<z.ZodString>;
+    icon: z.ZodOptional<z.ZodString>;
+    required: z.ZodOptional<z.ZodBoolean>;
+    checked: z.ZodOptional<z.ZodBoolean>;
+    sensitive: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strict>;
+/**
+ * Permission item type
+ */
+export type PermissionItem = z.infer<typeof PermissionItemSchema>;
+/**
+ * Permission list options schema
+ */
+export declare const PermissionListOptionsSchema: z.ZodObject<{
+    id: z.ZodOptional<z.ZodString>;
+    checkable: z.ZodOptional<z.ZodBoolean>;
+    inputName: z.ZodOptional<z.ZodString>;
+    title: z.ZodOptional<z.ZodString>;
+    className: z.ZodOptional<z.ZodString>;
+}, z.core.$strict>;
+/**
+ * Permission list options type
+ */
+export type PermissionListOptions = z.infer<typeof PermissionListOptionsSchema>;
+/**
+ * Feature list item schema
+ */
+export declare const FeatureItemSchema: z.ZodObject<{
+    name: z.ZodString;
+    description: z.ZodOptional<z.ZodString>;
+    icon: z.ZodOptional<z.ZodString>;
+    included: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strict>;
+/**
+ * Feature item type
+ */
+export type FeatureItem = z.infer<typeof FeatureItemSchema>;
+/**
+ * Feature list options schema
+ */
+export declare const FeatureListOptionsSchema: z.ZodObject<{
+    title: z.ZodOptional<z.ZodString>;
+    showStatus: z.ZodOptional<z.ZodBoolean>;
+    className: z.ZodOptional<z.ZodString>;
+}, z.core.$strict>;
+/**
+ * Feature list options type
+ */
+export type FeatureListOptions = z.infer<typeof FeatureListOptionsSchema>;
+/**
+ * Description list item schema
+ */
+export declare const DescriptionItemSchema: z.ZodObject<{
+    term: z.ZodString;
+    description: z.ZodString;
+    copyable: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strict>;
+/**
+ * Description item type
+ */
+export type DescriptionItem = z.infer<typeof DescriptionItemSchema>;
+/**
+ * Description list options schema
+ */
+export declare const DescriptionListOptionsSchema: z.ZodObject<{
+    direction: z.ZodOptional<z.ZodEnum<{
+        horizontal: "horizontal";
+        vertical: "vertical";
+    }>>;
+    striped: z.ZodOptional<z.ZodBoolean>;
+    className: z.ZodOptional<z.ZodString>;
+}, z.core.$strict>;
+/**
+ * Description list options type
+ */
+export type DescriptionListOptions = z.infer<typeof DescriptionListOptionsSchema>;
+/**
+ * Action list item schema
+ */
+export declare const ActionItemSchema: z.ZodObject<{
+    label: z.ZodString;
+    description: z.ZodOptional<z.ZodString>;
+    icon: z.ZodOptional<z.ZodString>;
+    href: z.ZodOptional<z.ZodString>;
+    destructive: z.ZodOptional<z.ZodBoolean>;
+    disabled: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strict>;
+/**
+ * Action item type
+ */
+export type ActionItem = z.infer<typeof ActionItemSchema>;
+/**
+ * Action list options schema
+ */
+export declare const ActionListOptionsSchema: z.ZodObject<{
+    divided: z.ZodOptional<z.ZodBoolean>;
+    className: z.ZodOptional<z.ZodString>;
+}, z.core.$strict>;
+/**
+ * Action list options type
+ */
+export type ActionListOptions = z.infer<typeof ActionListOptionsSchema>;
+//# sourceMappingURL=list.schema.d.ts.map

package/esm/components/list.schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.schema.d.ts","sourceRoot":"","sources":["../../../src/components/list.schema.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAMxB;;GAEG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;kBAiBtB,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAElE;;GAEG;AACH,eAAO,MAAM,2BAA2B;;;;;;kBAa7B,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,2BAA2B,CAAC,CAAC;AAMhF;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;kBAWnB,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;;kBAS1B,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAM1E;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;kBASvB,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpE;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;;kBAS9B,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,4BAA4B,CAAC,CAAC;AAMlF;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;kBAelB,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE1D;;GAEG;AACH,eAAO,MAAM,uBAAuB;;;kBAOzB,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,uBAAuB,CAAC,CAAC"}

package/esm/components/modal.d.ts

@@ -0,0 +1,100 @@
+/**
+ * Modal Component
+ *
+ * Dialog and modal components.
+ */
+/**
+ * Modal size options
+ */
+export type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+/**
+ * Modal component options
+ */
+export interface ModalOptions {
+    /** Modal ID */
+    id: string;
+    /** Modal title */
+    title?: string;
+    /** Modal size */
+    size?: ModalSize;
+    /** Show close button */
+    showClose?: boolean;
+    /** Close on backdrop click */
+    closeOnBackdrop?: boolean;
+    /** Close on escape key */
+    closeOnEscape?: boolean;
+    /** Footer content */
+    footer?: string;
+    /** Additional CSS classes for modal */
+    className?: string;
+    /** Initially visible */
+    open?: boolean;
+}
+/**
+ * Build a modal component
+ */
+export declare function modal(content: string, options: ModalOptions): string;
+/**
+ * Build a modal trigger button/element
+ */
+export declare function modalTrigger(triggerContent: string, modalId: string, options?: {
+    className?: string;
+    tag?: 'button' | 'a' | 'span';
+}): string;
+/**
+ * Confirmation modal options
+ */
+export interface ConfirmModalOptions {
+    /** Modal ID */
+    id: string;
+    /** Dialog title */
+    title?: string;
+    /** Confirmation message */
+    message: string;
+    /** Confirm button text */
+    confirmText?: string;
+    /** Cancel button text */
+    cancelText?: string;
+    /** Confirm button variant */
+    variant?: 'primary' | 'danger' | 'warning';
+    /** Icon */
+    icon?: string;
+    /** Confirm action URL */
+    confirmHref?: string;
+}
+/**
+ * Build a confirmation modal
+ */
+export declare function confirmModal(options: ConfirmModalOptions): string;
+/**
+ * Drawer position options
+ */
+export type DrawerPosition = 'left' | 'right' | 'top' | 'bottom';
+/**
+ * Drawer options
+ */
+export interface DrawerOptions {
+    /** Drawer ID */
+    id: string;
+    /** Drawer title */
+    title?: string;
+    /** Drawer position */
+    position?: DrawerPosition;
+    /** Drawer size (width for left/right, height for top/bottom) */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Show close button */
+    showClose?: boolean;
+    /** Close on backdrop click */
+    closeOnBackdrop?: boolean;
+    /** Footer content */
+    footer?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Initially visible */
+    open?: boolean;
+}
+/**
+ * Build a drawer component
+ */
+export declare function drawer(content: string, options: DrawerOptions): string;
+//# sourceMappingURL=modal.d.ts.map

package/esm/components/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AA+CH;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,eAAe;IACf,EAAE,EAAE,MAAM,CAAC;IACX,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0BAA0B;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAoBD;;GAEG;AACH,wBAAgB,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,GAAG,MAAM,CAoFpE;AAMD;;GAEG;AACH,wBAAgB,YAAY,CAC1B,cAAc,EAAE,MAAM,EACtB,OAAO,EAAE,MAAM,EACf,OAAO,GAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,GAAG,MAAM,CAAA;CAAO,GAClE,MAAM,CAaR;AAMD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,eAAe;IACf,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C,WAAW;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,mBAAmB,GAAG,MAAM,CAkFjE;AAMD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEjE;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,gBAAgB;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,gEAAgE;IAChE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qBAAqB;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,GAAG,MAAM,CAwFtE"}

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

@@ -0,0 +1,151 @@
+/**
+ * @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>;
+/**
+ * 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>;
+}, 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 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>;
+    confirmHref: z.ZodOptional<z.ZodString>;
+}, 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>;
+}, 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>;
+//# sourceMappingURL=modal.schema.d.ts.map

package/esm/components/modal.schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.schema.d.ts","sourceRoot":"","sources":["../../../src/components/modal.schema.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAMxB;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;;EAA2C,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,eAAe,CAAC,CAAC;AAMxD;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;kBAqBpB,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAM9D;;GAEG;AACH,eAAO,MAAM,yBAAyB;;;;EAAwC,CAAC;AAE/E;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAE5E;;GAEG;AACH,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;kBAmB3B,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAM5E;;GAEG;AACH,eAAO,MAAM,oBAAoB;;;;;EAA6C,CAAC;AAE/E;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAElE;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;kBAmBrB,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAMhE;;GAEG;AACH,eAAO,MAAM,yBAAyB;;;;;;;;;;kBAW3B,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,yBAAyB,CAAC,CAAC"}

package/esm/components/table.d.ts

@@ -0,0 +1,91 @@
+/**
+ * Table Component
+ *
+ * Data tables with sorting and selection 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;
+    /** 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;
+    /** Base URL for page links */
+    baseUrl?: string;
+}
+/**
+ * Build pagination component
+ */
+export declare function pagination(options: PaginationOptions): string;
+//# sourceMappingURL=table.d.ts.map

package/esm/components/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/table.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAQH;;GAEG;AACH,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACtD,iCAAiC;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,yBAAyB;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;IACtC,2BAA2B;IAC3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3D,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACvD,yBAAyB;IACzB,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,eAAe;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4BAA4B;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;IACjB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AA+KD;;GAEG;AACH,wBAAgB,KAAK,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,MAAM,CAsBpG;AAMD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wBAAwB;IACxB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAyG7D"}