@gostack-framework/ui 0.0.0-stage → 0.1.0

package/dist/components/DataCard.d.ts

@@ -0,0 +1,43 @@
+import type { TableActionItem } from "./TableActions";
+import * as React from "react";
+export interface DataCardProperty {
+    label: string;
+    value: React.ReactNode;
+}
+export interface DataCardProps<T = any> {
+    /** Item entity bound to this card */
+    item?: T;
+    /** Action items array for context menu and action dropdown */
+    actions?: TableActionItem<T>[];
+    /** Custom right-click context menu renderer override */
+    renderContextMenu?: (item: T) => React.ReactNode;
+    /** Card title */
+    title?: React.ReactNode;
+    /** Subtitle or secondary header label */
+    subtitle?: React.ReactNode;
+    /** Badge text or component rendered in the top right */
+    badge?: React.ReactNode;
+    /** Custom style classes for badge container */
+    badgeClassName?: string;
+    /** Description text */
+    description?: React.ReactNode;
+    /** Key-Value property grid list */
+    properties?: DataCardProperty[];
+    /** Custom main content rendered inside card */
+    children?: React.ReactNode;
+    /** Footer metadata (e.g., counters, status indicators) */
+    footer?: React.ReactNode;
+    /** Variant style for card container border/background emphasis */
+    badgeVariantStyle?: string;
+    /** Click handler for the card */
+    onClick?: (item?: T) => void;
+    /** Quick edit action handler */
+    onEdit?: (item?: T) => void;
+    /** Quick delete action handler */
+    onDelete?: (item?: T) => void;
+    /** Show action dropdown icon at top right */
+    showActionDropdown?: boolean;
+    /** Additional container CSS classes */
+    className?: string;
+}
+export declare function DataCard<T = any>({ item, actions, renderContextMenu: customRenderContextMenu, title, subtitle, badge, badgeClassName, description, properties, children, footer, badgeVariantStyle, onClick, onEdit, onDelete, showActionDropdown, className, }: DataCardProps<T>): React.JSX.Element;

package/dist/components/DataCard.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "./button.js";
+import { ContextMenuAdvanced } from "./context menu core/contextMenuAdvanced.js";
+import { RowActionsDropdown } from "./TableActions.js";
+import { useContextMenuActions } from "../hooks/useContextMenuActions.js";
+import { cn } from "../support/utils.js";
+import { Edit, Trash } from "lucide-react";
+import * as React from "react";
+export function DataCard({ item, actions, renderContextMenu: customRenderContextMenu, title, subtitle, badge, badgeClassName, description, properties, children, footer, badgeVariantStyle, onClick, onEdit, onDelete, showActionDropdown, className, }) {
+    const { renderContextMenu } = useContextMenuActions(actions);
+    const menuContent = item
+        ? customRenderContextMenu
+            ? customRenderContextMenu(item)
+            : renderContextMenu(item)
+        : null;
+    const cardContent = (_jsxs("div", { onClick: () => onClick?.(item), className: cn("bg-dashboard-card border border-dashboard-border rounded-lg p-3.5 hover:border-dashboard-primary/50 hover:bg-dashboard-secondary transition-all duration-150 cursor-pointer group shadow-xs flex flex-col justify-between relative", badgeVariantStyle, className), children: [_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "space-y-0.5", children: [title && (_jsx("h3", { className: "text-[14px] sm:text-[15px] font-semibold text-dashboard-foreground group-hover:text-dashboard-primary transition-colors line-clamp-1 leading-snug", children: title })), subtitle && (_jsx("p", { className: "text-xs text-dashboard-muted-foreground line-clamp-1", children: subtitle }))] }), _jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [badge && (React.isValidElement(badge) ? (badge) : (_jsx("span", { className: cn("px-2 py-0.5 rounded-[5px] text-[10.5px] font-semibold shrink-0 border border-dashboard-border bg-dashboard-secondary text-dashboard-foreground", badgeClassName || badgeVariantStyle), children: badge }))), showActionDropdown && item && actions && (_jsx("div", { onClick: (e) => e.stopPropagation(), children: _jsx(RowActionsDropdown, { item: item, actions: actions }) }))] })] }), description && (_jsx("p", { className: "text-xs text-dashboard-muted-foreground line-clamp-2 leading-relaxed", children: description })), properties && properties.length > 0 && (_jsx("div", { className: cn("grid gap-2 pt-2 border-t border-dashboard-border text-xs", properties.length === 1
+                            ? "grid-cols-1"
+                            : "grid-cols-2"), children: properties.map((prop, idx) => (_jsxs("div", { children: [_jsx("span", { className: "text-[10px] font-semibold text-dashboard-muted-foreground block tracking-wider uppercase", children: prop.label }), _jsx("span", { className: "font-medium text-dashboard-foreground truncate block capitalize text-xs", children: prop.value ?? "-" })] }, idx))) })), children, footer && _jsx("div", { children: footer })] }), (onEdit || onDelete) && (_jsxs("div", { className: "flex items-center justify-end gap-2 pt-3 mt-2 border-t border-dashboard-border", children: [onEdit && (_jsxs(Button, { type: "button", variant: "outline", size: "xs", onClick: (e) => {
+                            e.stopPropagation();
+                            onEdit(item);
+                        }, className: "h-6.5 text-[11px] px-2.5 rounded-full border-dashboard-border hover:bg-dashboard-secondary cursor-pointer", children: [_jsx(Edit, { size: 11, className: "mr-1" }), " Edit"] })), onDelete && (_jsx("button", { type: "button", onClick: (e) => {
+                            e.stopPropagation();
+                            onDelete(item);
+                        }, className: "p-1 hover:bg-dashboard-destructive/15 text-dashboard-destructive rounded-full transition-colors cursor-pointer", "aria-label": "Delete item", children: _jsx(Trash, { size: 13 }) }))] }))] }));
+    if (menuContent) {
+        return (_jsx(ContextMenuAdvanced, { menuContent: menuContent, children: cardContent }));
+    }
+    return cardContent;
+}
+//# sourceMappingURL=DataCard.js.map

package/dist/components/DataCard.js.map

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

package/dist/components/DataTable.d.ts

@@ -0,0 +1,107 @@
+import * as React from "react";
+import type { FilterMetadata, FilterValue } from "./filter/types";
+export interface DataTableColumn<T> {
+    /** Unique identifier for the column */
+    id: string;
+    /** Header label or custom render function */
+    header: React.ReactNode | ((props: {
+        data: T[];
+    }) => React.ReactNode);
+    /** Key on item to render text directly if cell renderer is not provided */
+    accessorKey?: keyof T;
+    /** Custom cell renderer function */
+    cell?: (item: T, index: number) => React.ReactNode;
+    /** Visual style variant for column */
+    variant?: "default" | "muted" | "actions";
+    /** Optional class name for header cell */
+    headerClassName?: string;
+    /** Optional class name for data cell */
+    cellClassName?: string;
+    /** Text alignment for table head and cell */
+    align?: "left" | "center" | "right";
+    /** Custom inline width for column */
+    width?: string | number;
+}
+export type ColumnDef<T> = DataTableColumn<T>;
+export interface DataTableProps<T> {
+    /** Data array to display */
+    data: T[];
+    /** Column definitions */
+    columns: DataTableColumn<T>[];
+    /** Function or key to group items by */
+    groupBy?: keyof T | ((item: T) => string);
+    /** Custom group header renderer */
+    renderGroupHeader?: (groupName: string, items: T[], isCollapsed: boolean, toggleCollapse: () => void) => React.ReactNode;
+    /** Optional label description for group */
+    groupLabel?: string;
+    /** Function to extract unique key for each row */
+    getRowKey?: (item: T, index: number) => string | number;
+    /** Object property key to extract unique key for each row */
+    rowKey?: keyof T;
+    /** Row click callback */
+    onRowClick?: (item: T, index: number) => void;
+    /** Custom context menu content generator per row */
+    renderContextMenu?: (item: T, index: number) => React.ReactNode;
+    /** Context menu overlay class name */
+    contextMenuClassName?: string;
+    /** Custom empty state when data is empty */
+    emptyState?: React.ReactNode;
+    /** Loading state flag */
+    isLoading?: boolean;
+    /** Loading state custom fallback component */
+    loadingState?: React.ReactNode;
+    /** View mode: list or grid */
+    view?: "list" | "grid";
+    defaultView?: "list" | "grid";
+    hideViewToggle?: boolean;
+    gridView?: React.ReactNode;
+    renderGridItem?: (item: T, index: number) => React.ReactNode;
+    gridClassName?: string;
+    filters?: {
+        label: string;
+        value: string;
+        count?: number;
+    }[];
+    selectedFilter?: string;
+    onFilterChange?: (filter: string) => void;
+    advancedFilterMetadata?: FilterMetadata<any>;
+    onAdvancedFilterApply?: (filters: FilterValue<any>[]) => void;
+    showSearch?: boolean;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    searchPlaceholder?: string;
+    /** Outer wrapper container class name */
+    className?: string;
+    /** Table element class name */
+    tableClassName?: string;
+    /** Table header class name */
+    headerClassName?: string;
+    /** Table header row class name */
+    headerRowClassName?: string;
+    /** Table body class name */
+    bodyClassName?: string;
+    /** Table row class name or evaluator function */
+    rowClassName?: string | ((item: T, index: number) => string);
+}
+export declare function DataTable<T>({ data, columns, groupBy, renderGroupHeader, groupLabel, getRowKey, rowKey, onRowClick, renderContextMenu, contextMenuClassName, emptyState, isLoading, view, defaultView, hideViewToggle, gridView, renderGridItem, gridClassName, filters, selectedFilter, onFilterChange, advancedFilterMetadata, onAdvancedFilterApply, showSearch, searchValue, onSearchChange, searchPlaceholder, tableClassName, headerClassName, headerRowClassName, bodyClassName, rowClassName, }: DataTableProps<T>): React.JSX.Element;
+/** Reusable user/entity avatar cell component */
+export interface EntityAvatarCellProps {
+    name: string;
+    image?: string | null;
+    subtitle?: string;
+    className?: string;
+}
+export declare function EntityAvatarCell({ name, image, subtitle, className, }: EntityAvatarCellProps): React.JSX.Element;
+/** Reusable status badge cell component */
+export interface StatusBadgeCellProps {
+    status: string;
+    variantMap?: Record<string, "success" | "warning" | "danger" | "info" | "default">;
+    className?: string;
+}
+export declare function StatusBadgeCell({ status, variantMap, className, }: StatusBadgeCellProps): React.JSX.Element;
+/** Reusable text badge cell component */
+export interface BadgeCellProps {
+    label: string;
+    className?: string;
+}
+export declare function BadgeCell({ label, className }: BadgeCellProps): React.JSX.Element;

package/dist/components/DataTable.js

@@ -0,0 +1,153 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../support/utils.js";
+import { Building2, ChevronDown, ChevronRight } from "lucide-react";
+import * as React from "react";
+import { ContextMenuAdvanced } from "./context menu core/contextMenuAdvanced.js";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "./table.js";
+export function DataTable({ data, columns, groupBy, renderGroupHeader, groupLabel, getRowKey, rowKey, onRowClick, renderContextMenu, contextMenuClassName = "w-56 bg-dashboard-popover border border-dashboard-border p-1.5 rounded-xl shadow-2xl z-50", emptyState, isLoading = false, view, defaultView, hideViewToggle, gridView, renderGridItem, gridClassName, filters, selectedFilter, onFilterChange, advancedFilterMetadata, onAdvancedFilterApply, showSearch, searchValue, onSearchChange, searchPlaceholder, tableClassName, headerClassName, headerRowClassName, bodyClassName, rowClassName = "border-b border-dashboard-border hover:bg-dashboard-secondary/30 transition-colors group", }) {
+    const extractKey = (item, index) => {
+        if (getRowKey)
+            return getRowKey(item, index);
+        if (rowKey && item[rowKey] !== undefined)
+            return String(item[rowKey]);
+        if (typeof item === "object" && item !== null && "id" in item) {
+            return String(item.id);
+        }
+        return index;
+    };
+    const getAlignmentClass = (align) => {
+        switch (align) {
+            case "center":
+                return "text-center";
+            case "right":
+                return "text-right";
+            case "left":
+            default:
+                return "text-left";
+        }
+    };
+    const renderHeaderCell = (col) => {
+        if (typeof col.header === "function") {
+            return col.header({ data });
+        }
+        return col.header;
+    };
+    const renderCellContent = (col, item, index) => {
+        if (col.cell) {
+            return col.cell(item, index);
+        }
+        if (col.accessorKey !== undefined) {
+            const val = item[col.accessorKey];
+            return val !== undefined && val !== null ? String(val) : null;
+        }
+        return null;
+    };
+    const renderRow = (item, index) => {
+        const key = extractKey(item, index);
+        const computedRowClassName = typeof rowClassName === "function"
+            ? rowClassName(item, index)
+            : rowClassName;
+        const rowElement = (_jsx(TableRow, { onClick: onRowClick ? () => onRowClick(item, index) : undefined, className: cn(onRowClick && "cursor-pointer", renderContextMenu && "cursor-context-menu", computedRowClassName), children: columns.map((col) => {
+                const isMuted = col.variant === "muted";
+                return (_jsx(TableCell, { className: cn("py-2.5 px-3 text-xs text-dashboard-foreground", isMuted && "text-dashboard-muted-foreground", getAlignmentClass(col.align), col.cellClassName), children: renderCellContent(col, item, index) }, col.id));
+            }) }, key));
+        if (renderContextMenu) {
+            const menuContent = renderContextMenu(item, index);
+            if (menuContent) {
+                return (_jsx(ContextMenuAdvanced, { menuContent: menuContent, className: contextMenuClassName, children: rowElement }, key));
+            }
+        }
+        return rowElement;
+    };
+    // Grouping calculations
+    const groupedItems = React.useMemo(() => {
+        if (!groupBy)
+            return null;
+        const map = new Map();
+        data.forEach((item) => {
+            const groupKey = typeof groupBy === "function"
+                ? groupBy(item)
+                : String(item[groupBy] ?? "Unassigned");
+            if (!map.has(groupKey)) {
+                map.set(groupKey, []);
+            }
+            map.get(groupKey).push(item);
+        });
+        return Array.from(map.entries()).map(([groupName, items]) => ({
+            groupName,
+            items,
+        }));
+    }, [data, groupBy]);
+    const [collapsedGroups, setCollapsedGroups] = React.useState({});
+    const toggleGroup = (groupName) => {
+        setCollapsedGroups((prev) => ({
+            ...prev,
+            [groupName]: !prev[groupName],
+        }));
+    };
+    if (groupedItems && groupedItems.length > 0) {
+        return (_jsx("div", { className: "space-y-4", children: groupedItems.map(({ groupName, items }) => {
+                const isCollapsed = !!collapsedGroups[groupName];
+                return (_jsxs("div", { className: "border border-dashboard-border rounded-2xl bg-dashboard-card overflow-hidden", children: [renderGroupHeader ? (renderGroupHeader(groupName, items, isCollapsed, () => toggleGroup(groupName))) : (_jsx("div", { className: cn("bg-dashboard-secondary/60 hover:bg-dashboard-secondary p-4 flex items-center justify-between cursor-pointer select-none transition-colors", !isCollapsed &&
+                                "border-b border-dashboard-border"), onClick: () => toggleGroup(groupName), children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("button", { type: "button", className: "h-7 w-7 rounded-lg flex items-center justify-center text-dashboard-muted-foreground hover:text-dashboard-foreground hover:bg-dashboard-card transition-colors cursor-pointer", children: isCollapsed ? (_jsx(ChevronRight, { className: "h-4 w-4 rtl:rotate-180" })) : (_jsx(ChevronDown, { className: "h-4 w-4" })) }), _jsx("div", { className: "h-8 w-8 rounded-lg bg-dashboard-primary/10 text-dashboard-primary flex items-center justify-center", children: _jsx(Building2, { className: "h-4 w-4" }) }), _jsxs("div", { children: [_jsx("span", { className: "font-bold text-sm text-dashboard-foreground block", children: groupName }), groupLabel && (_jsx("span", { className: "text-[11px] text-dashboard-muted-foreground", children: groupLabel }))] }), _jsxs("span", { className: "text-[11px] font-semibold px-2.5 py-0.5 rounded-full bg-dashboard-card border border-dashboard-border text-dashboard-muted-foreground ml-2", children: [items.length, " ", items.length === 1
+                                                ? "item"
+                                                : "items"] })] }) })), !isCollapsed && (_jsx("div", { className: "p-4 bg-dashboard-background/40", children: view === "grid" && renderGridItem ? (_jsx("div", { className: cn("grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", gridClassName), children: items.map((item, idx) => renderGridItem(item, idx)) })) : (_jsx("div", { className: "overflow-x-auto border border-dashboard-border rounded-xl bg-dashboard-card", children: _jsxs("table", { className: cn("w-full caption-bottom text-sm", tableClassName), children: [_jsx(TableHeader, { className: cn("bg-dashboard-secondary/20", headerClassName), children: _jsx(TableRow, { className: cn("border-b border-dashboard-border hover:bg-transparent", headerRowClassName), children: columns.map((col) => {
+                                                    const isActions = col.id ===
+                                                        "actions" ||
+                                                        col.variant ===
+                                                            "actions";
+                                                    return (_jsx(TableHead, { className: cn("text-dashboard-muted-foreground text-[11px] font-semibold uppercase tracking-wider py-2.5 px-3", isActions &&
+                                                            "w-12", getAlignmentClass(col.align), col.headerClassName), style: col.width
+                                                            ? {
+                                                                width: col.width,
+                                                            }
+                                                            : undefined, children: renderHeaderCell(col) }, col.id));
+                                                }) }) }), _jsx(TableBody, { className: bodyClassName, children: items.map((item, index) => renderRow(item, index)) })] }) })) }))] }, groupName));
+            }) }));
+    }
+    return (_jsxs(Table, { view: view, defaultView: defaultView, hideViewToggle: hideViewToggle, gridView: gridView, data: data, renderGridItem: renderGridItem, gridClassName: gridClassName, filters: filters, selectedFilter: selectedFilter, onFilterChange: onFilterChange, advancedFilterMetadata: advancedFilterMetadata, onAdvancedFilterApply: onAdvancedFilterApply, showSearch: showSearch, searchValue: searchValue, onSearchChange: onSearchChange, searchPlaceholder: searchPlaceholder, isLoading: isLoading, className: tableClassName, children: [_jsx(TableHeader, { className: cn("bg-dashboard-secondary/20", headerClassName), children: _jsx(TableRow, { className: cn("border-b border-dashboard-border hover:bg-transparent", headerRowClassName), children: columns.map((col) => {
+                        const isActions = col.id === "actions" || col.variant === "actions";
+                        return (_jsx(TableHead, { className: cn("text-dashboard-muted-foreground text-[11px] font-semibold capitalize tracking-wider py-2.5 px-3", isActions && "w-12", getAlignmentClass(col.align), col.headerClassName), style: col.width ? { width: col.width } : undefined, children: renderHeaderCell(col) }, col.id));
+                    }) }) }), _jsx(TableBody, { className: bodyClassName, children: data.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columns.length, className: "h-36 text-center text-dashboard-muted-foreground text-xs", children: emptyState || "No data available" }) })) : (data.map((item, index) => renderRow(item, index))) })] }));
+}
+export function EntityAvatarCell({ name, image, subtitle, className, }) {
+    return (_jsxs("div", { className: cn("flex items-center gap-3", className), children: [image ? (_jsx("div", { className: "w-8 h-8 rounded-full border border-dashboard-border overflow-hidden shrink-0", children: _jsx("img", { src: image, alt: name, className: "w-full h-full object-cover" }) })) : (_jsx("div", { className: "w-8 h-8 rounded-full bg-dashboard-primary/10 text-dashboard-primary flex items-center justify-center font-bold text-sm  border border-dashboard-border shrink-0", children: name ? name.charAt(0) : "?" })), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-sm font-medium text-dashboard-foreground", children: name }), subtitle && (_jsx("span", { className: "text-xs text-dashboard-muted-foreground", children: subtitle }))] })] }));
+}
+export function StatusBadgeCell({ status, variantMap, className, }) {
+    const getBadgeStyle = (statusStr) => {
+        const customVariant = variantMap?.[statusStr];
+        const lower = statusStr.toLowerCase();
+        if (customVariant === "success" ||
+            lower === "active" ||
+            lower === "completed" ||
+            lower === "success") {
+            return "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/20";
+        }
+        if (customVariant === "warning" ||
+            lower === "pending" ||
+            lower === "in progress" ||
+            lower === "warning") {
+            return "bg-amber-500/10 text-amber-600 dark:text-amber-400 border-amber-500/20";
+        }
+        if (customVariant === "danger" ||
+            lower === "inactive" ||
+            lower === "failed" ||
+            lower === "error" ||
+            lower === "cancelled" ||
+            lower === "terminated") {
+            return "bg-red-500/10 text-red-600 dark:text-red-400 border-red-500/20";
+        }
+        if (customVariant === "info" || lower === "info") {
+            return "bg-dashboard-primary/10 text-dashboard-primary border-dashboard-primary/20";
+        }
+        if (lower === "draft") {
+            return "bg-dashboard-secondary text-dashboard-muted-foreground border-dashboard-border/30";
+        }
+        return "bg-dashboard-secondary/60 text-dashboard-muted-foreground border-dashboard-border/30";
+    };
+    return (_jsx("span", { className: cn("text-xs font-semibold px-2.5 py-0.5 rounded-full border inline-block whitespace-nowrap", getBadgeStyle(status), className), children: status }));
+}
+export function BadgeCell({ label, className }) {
+    return (_jsx("span", { className: cn("text-xs text-dashboard-foreground font-medium bg-dashboard-background px-2.5 py-1 rounded border border-dashboard-border inline-block", className), children: label }));
+}
+//# sourceMappingURL=DataTable.js.map

package/dist/components/DataTable.js.map

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

package/dist/components/DatePicker.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { FieldValidationProps } from "./form-error";
+export interface DatePickerProps extends FieldValidationProps {
+    value?: string | null;
+    onChange: (date: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    id?: string;
+    clearable?: boolean;
+    minDate?: string;
+    maxDate?: string;
+    "aria-label"?: string;
+}
+export declare function DatePicker({ value, onChange, placeholder, disabled, className, id, clearable, minDate, maxDate, "aria-label": ariaLabel, error, errors, payloadKey, errorKey, containerClassName, errorClassName, }: DatePickerProps): React.JSX.Element;
+export default DatePicker;

package/dist/components/DatePicker.js

@@ -0,0 +1,184 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { Calendar as CalendarIcon, ChevronLeft, ChevronRight, } from "lucide-react";
+import { cn } from "../support/utils.js";
+import { Popover, PopoverContent, PopoverTrigger, } from "./popover.js";
+import { FieldError, resolveFieldErrors, ERROR_OUTLINE_CLASSES, } from "./form-error.js";
+const MONTH_NAMES = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December",
+];
+const WEEKDAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+export function DatePicker({ value, onChange, placeholder = "mm/dd/yyyy", disabled = false, className, id, clearable = true, minDate, maxDate, "aria-label": ariaLabel, error, errors, payloadKey, errorKey, containerClassName, errorClassName, }) {
+    const resolvedErrors = useMemo(() => {
+        const key = payloadKey || errorKey || id;
+        return resolveFieldErrors(error, errors, key);
+    }, [error, errors, payloadKey, errorKey, id]);
+    const hasError = resolvedErrors.length > 0;
+    const errorId = id ? `${id}-error` : undefined;
+    const [open, setOpen] = useState(false);
+    // Initial viewing month/year based on value or today
+    const parsedDate = useMemo(() => {
+        if (!value)
+            return null;
+        const clean = value.split("T")[0].trim();
+        const parts = clean.split(/[-/]/);
+        if (parts.length === 3) {
+            if (parts[0].length === 4) {
+                const y = Number(parts[0]);
+                const m = Number(parts[1]);
+                const d = Number(parts[2]);
+                if (y && m && d)
+                    return new Date(y, m - 1, d);
+            }
+            else if (parts[2].length === 4) {
+                const m = Number(parts[0]);
+                const d = Number(parts[1]);
+                const y = Number(parts[2]);
+                if (y && m && d)
+                    return new Date(y, m - 1, d);
+            }
+        }
+        const parsed = new Date(value);
+        return isNaN(parsed.getTime()) ? null : parsed;
+    }, [value]);
+    const initialYear = parsedDate ? parsedDate.getFullYear() : new Date().getFullYear();
+    const initialMonth = parsedDate ? parsedDate.getMonth() : new Date().getMonth();
+    const [viewYear, setViewYear] = useState(initialYear);
+    const [viewMonth, setViewMonth] = useState(initialMonth);
+    // Sync view year/month when value changes or popover opens
+    useEffect(() => {
+        if (parsedDate) {
+            setViewYear(parsedDate.getFullYear());
+            setViewMonth(parsedDate.getMonth());
+        }
+    }, [value]);
+    const handleOpenChange = (isOpen) => {
+        if (isOpen && parsedDate) {
+            setViewYear(parsedDate.getFullYear());
+            setViewMonth(parsedDate.getMonth());
+        }
+        setOpen(isOpen);
+    };
+    // Calendar grid calculations
+    const daysInMonth = new Date(viewYear, viewMonth + 1, 0).getDate();
+    const firstDayOfWeek = new Date(viewYear, viewMonth, 1).getDay(); // 0 = Sun
+    const prevMonthDays = new Date(viewYear, viewMonth, 0).getDate();
+    const isDayDisabled = (day) => {
+        if (disabled)
+            return true;
+        const current = new Date(viewYear, viewMonth, day);
+        if (minDate) {
+            const min = new Date(minDate.split("T")[0]);
+            min.setHours(0, 0, 0, 0);
+            if (current < min)
+                return true;
+        }
+        if (maxDate) {
+            const max = new Date(maxDate.split("T")[0]);
+            max.setHours(23, 59, 59, 999);
+            if (current > max)
+                return true;
+        }
+        return false;
+    };
+    const handlePrevMonth = (e) => {
+        e.stopPropagation();
+        if (viewMonth === 0) {
+            setViewMonth(11);
+            setViewYear((y) => y - 1);
+        }
+        else {
+            setViewMonth((m) => m - 1);
+        }
+    };
+    const handleNextMonth = (e) => {
+        e.stopPropagation();
+        if (viewMonth === 11) {
+            setViewMonth(0);
+            setViewYear((y) => y + 1);
+        }
+        else {
+            setViewMonth((m) => m + 1);
+        }
+    };
+    const handleSelectDay = (day) => {
+        if (isDayDisabled(day))
+            return;
+        const mm = String(viewMonth + 1).padStart(2, "0");
+        const dd = String(day).padStart(2, "0");
+        const formatted = `${viewYear}-${mm}-${dd}`;
+        onChange(formatted);
+        setOpen(false);
+    };
+    const handleSelectToday = (e) => {
+        e.stopPropagation();
+        const now = new Date();
+        const yyyy = now.getFullYear();
+        const mm = String(now.getMonth() + 1).padStart(2, "0");
+        const dd = String(now.getDate()).padStart(2, "0");
+        const formatted = `${yyyy}-${mm}-${dd}`;
+        setViewYear(yyyy);
+        setViewMonth(now.getMonth());
+        onChange(formatted);
+        setOpen(false);
+    };
+    const handleClear = (e) => {
+        e.stopPropagation();
+        onChange("");
+        setOpen(false);
+    };
+    // Format display string as MM/DD/YYYY to match previous native date styling
+    const displayValue = useMemo(() => {
+        if (!parsedDate)
+            return "";
+        const mm = String(parsedDate.getMonth() + 1).padStart(2, "0");
+        const dd = String(parsedDate.getDate()).padStart(2, "0");
+        const yyyy = parsedDate.getFullYear();
+        return `${mm}/${dd}/${yyyy}`;
+    }, [parsedDate]);
+    const isToday = (day) => {
+        const today = new Date();
+        return (today.getDate() === day &&
+            today.getMonth() === viewMonth &&
+            today.getFullYear() === viewYear);
+    };
+    const isSelected = (day) => {
+        if (!parsedDate)
+            return false;
+        return (parsedDate.getDate() === day &&
+            parsedDate.getMonth() === viewMonth &&
+            parsedDate.getFullYear() === viewYear);
+    };
+    // Year range for dropdown
+    const years = useMemo(() => {
+        const currentY = new Date().getFullYear();
+        const list = [];
+        for (let y = currentY - 5; y <= currentY + 10; y++) {
+            list.push(y);
+        }
+        return list;
+    }, []);
+    return (_jsxs("div", { className: cn("w-full", containerClassName), children: [_jsxs(Popover, { open: open, onOpenChange: handleOpenChange, children: [_jsxs(PopoverTrigger, { id: id, disabled: disabled, "aria-label": ariaLabel || placeholder, "aria-invalid": hasError ? true : undefined, "aria-describedby": hasError && errorId ? errorId : undefined, className: cn("h-9 w-full min-w-0 rounded-lg border border-dashboard-border bg-dashboard-background px-3 flex items-center justify-between text-xs text-dashboard-foreground font-normal transition-colors outline-none cursor-pointer", "hover:bg-dashboard-secondary/40 focus:border-dashboard-primary focus:ring-1 focus:ring-dashboard-primary/20", disabled && "opacity-50 cursor-not-allowed pointer-events-none", !displayValue && "text-dashboard-muted-foreground", className, hasError && ERROR_OUTLINE_CLASSES), children: [_jsx("span", { className: "truncate", children: displayValue || placeholder }), _jsx(CalendarIcon, { className: "w-3.5 h-3.5 text-dashboard-muted-foreground shrink-0" })] }), _jsxs(PopoverContent, { align: "start", sideOffset: 4, className: "w-72 p-3 bg-dashboard-card border border-dashboard-border rounded-xl shadow-2xl select-none", children: [_jsxs("div", { className: "flex items-center justify-between pb-2.5 border-b border-dashboard-border/80", children: [_jsx("button", { type: "button", onClick: handlePrevMonth, "aria-label": "Previous month", className: "h-7 w-7 flex items-center justify-center rounded-lg hover:bg-dashboard-secondary text-dashboard-muted-foreground hover:text-dashboard-foreground transition-colors cursor-pointer", children: _jsx(ChevronLeft, { className: "w-4 h-4 rtl:rotate-180" }) }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("select", { value: viewMonth, onChange: (e) => setViewMonth(Number(e.target.value)), "aria-label": "Select month", className: "bg-transparent text-xs font-semibold text-dashboard-foreground cursor-pointer outline-none hover:text-dashboard-primary transition-colors pr-1", children: MONTH_NAMES.map((name, idx) => (_jsx("option", { value: idx, className: "bg-dashboard-card text-dashboard-foreground", children: name }, name))) }), _jsx("select", { value: viewYear, onChange: (e) => setViewYear(Number(e.target.value)), "aria-label": "Select year", className: "bg-transparent text-xs font-semibold text-dashboard-foreground cursor-pointer outline-none hover:text-dashboard-primary transition-colors", children: years.map((y) => (_jsx("option", { value: y, className: "bg-dashboard-card text-dashboard-foreground", children: y }, y))) })] }), _jsx("button", { type: "button", onClick: handleNextMonth, "aria-label": "Next month", className: "h-7 w-7 flex items-center justify-center rounded-lg hover:bg-dashboard-secondary text-dashboard-muted-foreground hover:text-dashboard-foreground transition-colors cursor-pointer", children: _jsx(ChevronRight, { className: "w-4 h-4 rtl:rotate-180" }) })] }), _jsx("div", { className: "grid grid-cols-7 gap-1 pt-2 pb-1 text-center", children: WEEKDAYS.map((wd) => (_jsx("div", { className: "text-[10px] font-bold text-dashboard-muted-foreground/70 uppercase tracking-wider", children: wd }, wd))) }), _jsxs("div", { className: "grid grid-cols-7 gap-1", children: [Array.from({ length: firstDayOfWeek }).map((_, i) => {
+                                        const dayNum = prevMonthDays - firstDayOfWeek + i + 1;
+                                        return (_jsx("div", { className: "h-8 flex items-center justify-center text-[11px] text-dashboard-muted-foreground/30 select-none", children: dayNum }, `prev-${i}`));
+                                    }), Array.from({ length: daysInMonth }).map((_, i) => {
+                                        const day = i + 1;
+                                        const selected = isSelected(day);
+                                        const today = isToday(day);
+                                        const disabledDay = isDayDisabled(day);
+                                        return (_jsx("button", { type: "button", disabled: disabledDay, onClick: () => handleSelectDay(day), className: cn("h-8 w-8 mx-auto flex items-center justify-center rounded-lg text-xs font-medium transition-all cursor-pointer", disabledDay && "opacity-30 cursor-not-allowed hover:bg-transparent text-dashboard-muted-foreground", !disabledDay && selected && "bg-dashboard-primary text-white font-bold shadow-xs scale-105", !disabledDay && !selected && today && "border border-dashboard-primary/60 text-dashboard-primary hover:bg-dashboard-secondary", !disabledDay && !selected && !today && "text-dashboard-foreground hover:bg-dashboard-secondary hover:text-dashboard-foreground"), children: day }, `day-${day}`));
+                                    })] }), _jsxs("div", { className: "flex items-center justify-between pt-2.5 mt-2 border-t border-dashboard-border/80", children: [_jsx("button", { type: "button", onClick: handleClear, className: "text-[11px] font-medium text-dashboard-muted-foreground hover:text-dashboard-foreground transition-colors cursor-pointer px-1.5 py-0.5 rounded hover:bg-dashboard-secondary/60", children: "Clear" }), _jsx("button", { type: "button", onClick: handleSelectToday, className: "text-[11px] font-semibold text-dashboard-primary hover:underline transition-colors cursor-pointer px-1.5 py-0.5 rounded hover:bg-dashboard-primary/10", children: "Today" })] })] })] }), _jsx(FieldError, { id: errorId, errors: resolvedErrors, className: errorClassName })] }));
+}
+export default DatePicker;
+//# sourceMappingURL=DatePicker.js.map

package/dist/components/DatePicker.js.map

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

package/dist/components/EmptyState.d.ts

@@ -0,0 +1,26 @@
+/**
+ * EmptyState Component
+ *
+ * Placeholder for empty data states.
+ *
+ * @example
+ * ```tsx
+ * // Basic empty state
+ * <EmptyState title="No courses found" />
+ *
+ * // With action
+ * <EmptyState
+ *     title="No courses yet"
+ *     message="Create your first course to get started"
+ *     action={{ label: 'Create Course', onClick: () => navigate('/courses/create') }}
+ * />
+ * ```
+ */
+import type { BaseComponentProps, EmptyStateProps } from "../types";
+interface Props extends EmptyStateProps, BaseComponentProps {
+}
+/**
+ * Empty state component
+ */
+export declare function EmptyState({ title, message, icon, action, className, testId, }: Props): import("react").JSX.Element;
+export default EmptyState;