@bloomneo/uikit 1.5.0

package/dist/data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.js","sources":["../node_modules/lucide-react/dist/esm/icons/arrow-down-wide-narrow.js","../node_modules/lucide-react/dist/esm/icons/arrow-up-down.js","../node_modules/lucide-react/dist/esm/icons/arrow-up-narrow-wide.js","../node_modules/lucide-react/dist/esm/icons/download.js","../node_modules/lucide-react/dist/esm/icons/filter.js","../node_modules/lucide-react/dist/esm/icons/refresh-cw.js","../src/components/ui/data-table.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.468.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst ArrowDownWideNarrow = createLucideIcon(\"ArrowDownWideNarrow\", [\n  [\"path\", { d: \"m3 16 4 4 4-4\", key: \"1co6wj\" }],\n  [\"path\", { d: \"M7 20V4\", key: \"1yoxec\" }],\n  [\"path\", { d: \"M11 4h10\", key: \"1w87gc\" }],\n  [\"path\", { d: \"M11 8h7\", key: \"djye34\" }],\n  [\"path\", { d: \"M11 12h4\", key: \"q8tih4\" }]\n]);\n\nexport { ArrowDownWideNarrow as default };\n//# sourceMappingURL=arrow-down-wide-narrow.js.map\n","/**\n * @license lucide-react v0.468.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst ArrowUpDown = createLucideIcon(\"ArrowUpDown\", [\n  [\"path\", { d: \"m21 16-4 4-4-4\", key: \"f6ql7i\" }],\n  [\"path\", { d: \"M17 20V4\", key: \"1ejh1v\" }],\n  [\"path\", { d: \"m3 8 4-4 4 4\", key: \"11wl7u\" }],\n  [\"path\", { d: \"M7 4v16\", key: \"1glfcx\" }]\n]);\n\nexport { ArrowUpDown as default };\n//# sourceMappingURL=arrow-up-down.js.map\n","/**\n * @license lucide-react v0.468.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst ArrowUpNarrowWide = createLucideIcon(\"ArrowUpNarrowWide\", [\n  [\"path\", { d: \"m3 8 4-4 4 4\", key: \"11wl7u\" }],\n  [\"path\", { d: \"M7 4v16\", key: \"1glfcx\" }],\n  [\"path\", { d: \"M11 12h4\", key: \"q8tih4\" }],\n  [\"path\", { d: \"M11 16h7\", key: \"uosisv\" }],\n  [\"path\", { d: \"M11 20h10\", key: \"jvxblo\" }]\n]);\n\nexport { ArrowUpNarrowWide as default };\n//# sourceMappingURL=arrow-up-narrow-wide.js.map\n","/**\n * @license lucide-react v0.468.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Download = createLucideIcon(\"Download\", [\n  [\"path\", { d: \"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\", key: \"ih7n3h\" }],\n  [\"polyline\", { points: \"7 10 12 15 17 10\", key: \"2ggqvy\" }],\n  [\"line\", { x1: \"12\", x2: \"12\", y1: \"15\", y2: \"3\", key: \"1vk2je\" }]\n]);\n\nexport { Download as default };\n//# sourceMappingURL=download.js.map\n","/**\n * @license lucide-react v0.468.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Filter = createLucideIcon(\"Filter\", [\n  [\"polygon\", { points: \"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3\", key: \"1yg77f\" }]\n]);\n\nexport { Filter as default };\n//# sourceMappingURL=filter.js.map\n","/**\n * @license lucide-react v0.468.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst RefreshCw = createLucideIcon(\"RefreshCw\", [\n  [\"path\", { d: \"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\", key: \"v9h5vc\" }],\n  [\"path\", { d: \"M21 3v5h-5\", key: \"1q7to0\" }],\n  [\"path\", { d: \"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\", key: \"3uifl3\" }],\n  [\"path\", { d: \"M8 16H3v5\", key: \"1cv678\" }]\n]);\n\nexport { RefreshCw as default };\n//# sourceMappingURL=refresh-cw.js.map\n","/**\n * Enhanced DataTable - Professional grade with virtual scrolling, advanced filtering\n * @module @bloomneo/uikit\n * @file src/components/ui/data-table.tsx\n */\n\nimport * as React from 'react';\nimport { forwardRef, useState, useMemo, useCallback, useEffect } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\nimport { Button } from '@/components/ui/button';\nimport { Input } from '@/components/ui/input';\nimport { Badge } from '@/components/ui/badge';\nimport { Checkbox } from '@/components/ui/checkbox';\nimport { \n  Select, \n  SelectContent, \n  SelectItem, \n  SelectTrigger, \n  SelectValue \n} from '@/components/ui/select';\nimport { \n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger\n} from '@/components/ui/dropdown-menu';\nimport { Separator } from '@/components/ui/separator';\nimport {\n  ChevronDown,\n  ChevronUp,\n  Filter,\n  Search,\n  Download,\n  RefreshCw,\n  MoreHorizontal,\n  Eye,\n  Edit,\n  Trash2,\n  ArrowUpDown,\n  SortAsc,\n  SortDesc\n} from 'lucide-react';\nimport { requireArrayProp, warnInDev } from '@/lib/errors';\n\n/**\n * Cell value type. Defaults to `unknown` so consumers must narrow before use.\n */\nexport type DataTableCellValue = unknown;\n\n/**\n * Filter primitive value used by `FilterConfig`.\n */\nexport type DataTableFilterValue = string | number | boolean | Date | null;\n\n/**\n * Column definition with enhanced features\n */\nexport interface DataTableColumn<TRow = unknown, TValue = DataTableCellValue> {\n  /** Unique column identifier */\n  id: string;\n  /** Column header text */\n  header: string;\n  /** Data accessor key (a property of the row) */\n  accessorKey?: keyof TRow & (string | number);\n  /** Data accessor function (computed value) */\n  accessor?: (row: TRow) => TValue;\n  /** Cell renderer function */\n  cell?: (value: TValue, row: TRow, index: number) => React.ReactNode;\n  /** Column width (px or %) */\n  width?: string | number;\n  /** Minimum column width */\n  minWidth?: number;\n  /** Maximum column width */\n  maxWidth?: number;\n  /** Enable sorting */\n  sortable?: boolean;\n  /** Enable filtering */\n  filterable?: boolean;\n  /** Filter type */\n  filterType?: 'text' | 'select' | 'date' | 'number' | 'boolean';\n  /** Filter options for select type */\n  filterOptions?: Array<{ label: string; value: DataTableFilterValue }>;\n  /** Enable column resizing */\n  resizable?: boolean;\n  /** Hide column by default */\n  hidden?: boolean;\n  /** Pin column to left or right */\n  pinned?: 'left' | 'right';\n  /** Data type for sorting */\n  dataType?: 'string' | 'number' | 'date' | 'boolean';\n  /** Custom sort function */\n  sortFn?: (a: TValue, b: TValue) => number;\n  /** Column group */\n  group?: string;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Sort configuration\n */\nexport interface SortConfig {\n  key: string;\n  direction: 'asc' | 'desc';\n}\n\n/**\n * Filter configuration\n */\nexport type FilterOperator = 'equals' | 'contains' | 'startsWith' | 'endsWith' | 'gt' | 'lt' | 'gte' | 'lte';\n\nexport interface FilterConfig {\n  [key: string]: {\n    type: 'text' | 'select' | 'date' | 'number' | 'boolean';\n    value: DataTableFilterValue;\n    operator?: FilterOperator;\n  };\n}\n\n/**\n * Row action definition\n */\nexport interface RowAction<TRow = unknown> {\n  /** Action identifier */\n  id: string;\n  /** Action label */\n  label: string;\n  /** Action icon */\n  icon?: React.ComponentType<{ className?: string }>;\n  /** Action handler */\n  onClick: (row: TRow, index: number) => void;\n  /** Conditional visibility */\n  visible?: (row: TRow, index: number) => boolean;\n  /** Action variant */\n  variant?: 'default' | 'destructive' | 'secondary';\n  /** Confirmation required */\n  confirmation?: {\n    title: string;\n    description: string;\n  };\n}\n\n/**\n * DataTable component props\n */\nexport interface DataTableProps<T = unknown> {\n  /** Table data */\n  data: T[];\n  /** Column definitions */\n  columns: DataTableColumn<T>[];\n  /** Enable virtual scrolling for large datasets */\n  virtualized?: boolean;\n  /** Row height for virtualization */\n  rowHeight?: number;\n  /** Table height (triggers virtualization) */\n  height?: number | string;\n  /** Enable row selection */\n  selectable?: boolean;\n  /** Selection mode */\n  selectionMode?: 'single' | 'multiple';\n  /** Selected row keys */\n  selectedRows?: string[];\n  /** Selection change handler */\n  onSelectionChange?: (selectedKeys: string[]) => void;\n  /** Row key extractor */\n  getRowId?: (row: T, index: number) => string;\n  /** Enable sorting */\n  sortable?: boolean;\n  /** Current sort configuration */\n  sortConfig?: SortConfig[];\n  /** Sort change handler */\n  onSortChange?: (sortConfig: SortConfig[]) => void;\n  /** Enable filtering */\n  filterable?: boolean;\n  /** Current filter configuration */\n  filterConfig?: FilterConfig;\n  /** Filter change handler */\n  onFilterChange?: (filterConfig: FilterConfig) => void;\n  /** Enable search */\n  searchable?: boolean;\n  /** Search placeholder */\n  searchPlaceholder?: string;\n  /** Search value */\n  searchValue?: string;\n  /** Search change handler */\n  onSearchChange?: (value: string) => void;\n  /** Enable pagination */\n  pagination?: boolean;\n  /** Current page (0-indexed) */\n  currentPage?: number;\n  /** Page size */\n  pageSize?: number;\n  /** Total rows (for server-side pagination) */\n  totalRows?: number;\n  /** Page change handler */\n  onPageChange?: (page: number) => void;\n  /** Page size change handler */\n  onPageSizeChange?: (pageSize: number) => void;\n  /** Row actions */\n  actions?: RowAction<T>[];\n  /** Bulk actions */\n  bulkActions?: Array<{\n    id: string;\n    label: string;\n    icon?: React.ComponentType<{ className?: string }>;\n    onClick: (selectedRows: T[]) => void;\n    variant?: 'default' | 'destructive' | 'secondary';\n  }>;\n  /** Enable row expansion */\n  expandable?: boolean;\n  /** Expanded rows */\n  expandedRows?: string[];\n  /** Expand change handler */\n  onExpandChange?: (expandedKeys: string[]) => void;\n  /** Row expansion renderer */\n  renderExpanded?: (row: T, index: number) => React.ReactNode;\n  /** Loading state */\n  loading?: boolean;\n  /** Empty state */\n  emptyState?: React.ReactNode;\n  /** Error state */\n  error?: string | React.ReactNode;\n  /** Enable export */\n  exportable?: boolean;\n  /** Export formats */\n  exportFormats?: Array<'csv' | 'json' | 'excel'>;\n  /** Export handler */\n  onExport?: (format: string, data: T[]) => void;\n  /** Table size variant */\n  size?: 'sm' | 'md' | 'lg';\n  /** Table density */\n  density?: 'compact' | 'normal' | 'comfortable';\n  /** Striped rows */\n  striped?: boolean;\n  /** Border style */\n  bordered?: boolean;\n  /** Hover effect */\n  hoverable?: boolean;\n  /** Additional CSS classes */\n  className?: string;\n  /** Custom styles */\n  style?: React.CSSProperties;\n}\n\n/**\n * Table variants\n */\nconst tableVariants = cva(\n  'w-full border-collapse',\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        md: 'text-sm',\n        lg: 'text-base'\n      },\n      bordered: {\n        true: 'border border-border',\n        false: ''\n      }\n    },\n    defaultVariants: {\n      size: 'md',\n      bordered: true\n    }\n  }\n);\n\nconst cellVariants = cva(\n  'text-left border-b border-border transition-colors',\n  {\n    variants: {\n      density: {\n        compact: 'px-2 py-1',\n        normal: 'px-3 py-2',\n        comfortable: 'px-4 py-3'\n      },\n      pinned: {\n        left: 'sticky left-0 z-10 bg-background',\n        right: 'sticky right-0 z-10 bg-background',\n        none: ''\n      }\n    },\n    defaultVariants: {\n      density: 'normal',\n      pinned: 'none'\n    }\n  }\n);\n\n/**\n * Enhanced DataTable component\n */\nconst DataTable = forwardRef<HTMLTableElement, DataTableProps>((rawProps, ref) => {\n  // Educational validation: catch the two most common misuses with messages\n  // that name the prop and link to the docs entry, instead of crashing inside\n  // a .map() call ten frames deep.\n  requireArrayProp('DataTable', 'data', rawProps.data,\n    'Pass an array (use [] while loading instead of undefined).');\n  requireArrayProp('DataTable', 'columns', rawProps.columns,\n    'Pass an array of DataTableColumn definitions.');\n  if (rawProps.columns && rawProps.columns.some((c) => !c.id)) {\n    warnInDev('DataTable',\n      'Every column needs a unique `id` (used for sort/filter/render keys).');\n  }\n\n  const {\n  data = [],\n  columns = [],\n  virtualized = false,\n  rowHeight = 40,\n  height,\n  selectable = false,\n  selectionMode = 'multiple',\n  selectedRows = [],\n  onSelectionChange,\n  getRowId = (row, index) => index.toString(),\n  sortable = true,\n  sortConfig = [],\n  onSortChange,\n  filterable = true,\n  filterConfig = {},\n  onFilterChange,\n  searchable = true,\n  searchPlaceholder = 'Search...',\n  searchValue = '',\n  onSearchChange,\n  pagination = true,\n  currentPage = 0,\n  pageSize = 10,\n  totalRows,\n  onPageChange,\n  onPageSizeChange,\n  actions = [],\n  bulkActions = [],\n  expandable = false,\n  expandedRows = [],\n  onExpandChange,\n  renderExpanded,\n  loading = false,\n  emptyState,\n  error,\n  exportable = false,\n  exportFormats = ['csv', 'json'],\n  onExport,\n  size = 'md',\n  density = 'normal',\n  striped = false,\n  bordered = true,\n  hoverable = true,\n  className,\n  style,\n  } = rawProps;\n\n  // Internal state\n  const [internalSort, setInternalSort] = useState<SortConfig[]>(sortConfig);\n  const [internalFilters, setInternalFilters] = useState<FilterConfig>(filterConfig);\n  const [internalSearch, setInternalSearch] = useState(searchValue);\n  const [internalSelection, setInternalSelection] = useState<string[]>(selectedRows);\n\n  // Compute visible columns\n  const visibleColumns = useMemo(() => \n    columns.filter(col => !col.hidden),\n    [columns]\n  );\n\n  // Handle sorting\n  const handleSort = useCallback((columnId: string) => {\n    if (!sortable) return;\n\n    const column = columns.find(col => col.id === columnId);\n    if (!column?.sortable) return;\n\n    const newSort = [...internalSort];\n    const existingIndex = newSort.findIndex(s => s.key === columnId);\n\n    if (existingIndex >= 0) {\n      if (newSort[existingIndex].direction === 'asc') {\n        newSort[existingIndex].direction = 'desc';\n      } else {\n        newSort.splice(existingIndex, 1);\n      }\n    } else {\n      newSort.push({ key: columnId, direction: 'asc' });\n    }\n\n    setInternalSort(newSort);\n    onSortChange?.(newSort);\n  }, [sortable, columns, internalSort, onSortChange]);\n\n  // Handle filtering\n  const handleFilter = useCallback((columnId: string, value: DataTableFilterValue, operator: FilterOperator = 'contains') => {\n    const newFilters = { ...internalFilters };\n    \n    if (value === '' || value == null) {\n      delete newFilters[columnId];\n    } else {\n      const column = columns.find(col => col.id === columnId);\n      newFilters[columnId] = {\n        type: column?.filterType || 'text',\n        value,\n        operator\n      };\n    }\n\n    setInternalFilters(newFilters);\n    onFilterChange?.(newFilters);\n  }, [columns, internalFilters, onFilterChange]);\n\n  // Handle selection\n  const handleSelectAll = useCallback((checked: boolean) => {\n    if (!selectable) return;\n\n    const newSelection = checked \n      ? data.map((row, index) => getRowId(row, index))\n      : [];\n\n    setInternalSelection(newSelection);\n    onSelectionChange?.(newSelection);\n  }, [selectable, data, getRowId, onSelectionChange]);\n\n  const handleSelectRow = useCallback((rowId: string, checked: boolean) => {\n    if (!selectable) return;\n\n    let newSelection = [...internalSelection];\n    \n    if (selectionMode === 'single') {\n      newSelection = checked ? [rowId] : [];\n    } else {\n      if (checked) {\n        newSelection.push(rowId);\n      } else {\n        newSelection = newSelection.filter(id => id !== rowId);\n      }\n    }\n\n    setInternalSelection(newSelection);\n    onSelectionChange?.(newSelection);\n  }, [selectable, selectionMode, internalSelection, onSelectionChange]);\n\n  // Filter and sort data\n  const processedData = useMemo(() => {\n    let result = [...data];\n\n    // Apply search\n    if (internalSearch) {\n      result = result.filter(row => {\n        return visibleColumns.some(column => {\n          const value = column.accessor \n            ? column.accessor(row)\n            : column.accessorKey \n              ? (row as any)[column.accessorKey]\n              : '';\n          return String(value).toLowerCase().includes(internalSearch.toLowerCase());\n        });\n      });\n    }\n\n    // Apply filters\n    Object.entries(internalFilters).forEach(([columnId, filter]) => {\n      const column = columns.find(col => col.id === columnId);\n      if (!column) return;\n\n      result = result.filter(row => {\n        const value = column.accessor \n          ? column.accessor(row)\n          : column.accessorKey \n            ? (row as any)[column.accessorKey]\n            : '';\n\n        switch (filter.operator) {\n          case 'equals':\n            return value === filter.value;\n          case 'contains':\n            return String(value).toLowerCase().includes(String(filter.value).toLowerCase());\n          case 'startsWith':\n            return String(value).toLowerCase().startsWith(String(filter.value).toLowerCase());\n          case 'endsWith':\n            return String(value).toLowerCase().endsWith(String(filter.value).toLowerCase());\n          case 'gt':\n            return Number(value) > Number(filter.value);\n          case 'lt':\n            return Number(value) < Number(filter.value);\n          case 'gte':\n            return Number(value) >= Number(filter.value);\n          case 'lte':\n            return Number(value) <= Number(filter.value);\n          default:\n            return String(value).toLowerCase().includes(String(filter.value).toLowerCase());\n        }\n      });\n    });\n\n    // Apply sorting\n    if (internalSort.length > 0) {\n      result.sort((a, b) => {\n        for (const sort of internalSort) {\n          const column = columns.find(col => col.id === sort.key);\n          if (!column) continue;\n\n          const aValue = column.accessor \n            ? column.accessor(a)\n            : column.accessorKey \n              ? (a as any)[column.accessorKey]\n              : '';\n          \n          const bValue = column.accessor \n            ? column.accessor(b)\n            : column.accessorKey \n              ? (b as any)[column.accessorKey]\n              : '';\n\n          let comparison = 0;\n\n          if (column.sortFn) {\n            comparison = column.sortFn(aValue, bValue);\n          } else {\n            switch (column.dataType) {\n              case 'number':\n                comparison = Number(aValue) - Number(bValue);\n                break;\n              case 'date':\n                comparison = new Date(aValue).getTime() - new Date(bValue).getTime();\n                break;\n              case 'boolean':\n                comparison = (aValue ? 1 : 0) - (bValue ? 1 : 0);\n                break;\n              default:\n                comparison = String(aValue).localeCompare(String(bValue));\n            }\n          }\n\n          if (comparison !== 0) {\n            return sort.direction === 'asc' ? comparison : -comparison;\n          }\n        }\n        return 0;\n      });\n    }\n\n    return result;\n  }, [data, internalSearch, internalFilters, internalSort, columns, visibleColumns]);\n\n  // Pagination\n  const paginatedData = useMemo(() => {\n    if (!pagination) return processedData;\n    \n    const start = currentPage * pageSize;\n    const end = start + pageSize;\n    return processedData.slice(start, end);\n  }, [processedData, pagination, currentPage, pageSize]);\n\n  const totalPages = Math.ceil((totalRows || processedData.length) / pageSize);\n\n  // Render column header\n  const renderColumnHeader = (column: DataTableColumn) => {\n    const sortState = internalSort.find(s => s.key === column.id);\n    const isSorted = !!sortState;\n    const sortDirection = sortState?.direction;\n\n    return (\n      <th\n        key={column.id}\n        className={cn(\n          cellVariants({ \n            density, \n            pinned: column.pinned || 'none' \n          }),\n          'bg-muted/50 font-medium text-muted-foreground',\n          column.sortable && 'cursor-pointer hover:bg-muted',\n          column.className\n        )}\n        style={{ \n          width: column.width,\n          minWidth: column.minWidth,\n          maxWidth: column.maxWidth \n        }}\n        onClick={() => column.sortable && handleSort(column.id)}\n      >\n        <div className=\"flex items-center gap-2\">\n          <span>{column.header}</span>\n          {column.sortable && (\n            <div className=\"flex flex-col\">\n              {!isSorted && <ArrowUpDown className=\"h-3 w-3\" />}\n              {isSorted && sortDirection === 'asc' && <SortAsc className=\"h-3 w-3\" />}\n              {isSorted && sortDirection === 'desc' && <SortDesc className=\"h-3 w-3\" />}\n            </div>\n          )}\n          {column.filterable && (\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"h-6 w-6 p-0\"\n              onClick={(e) => {\n                e.stopPropagation();\n                // Filter dropdown logic here\n              }}\n            >\n              <Filter className=\"h-3 w-3\" />\n            </Button>\n          )}\n        </div>\n      </th>\n    );\n  };\n\n  // Render table row\n  // Internal: rows pass through as `unknown` and accessors narrow them.\n  // Public consumers see the generic `T` from `DataTableProps<T>`.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const renderRow = (row: any, index: number) => {\n    const rowId = getRowId(row, index);\n    const isSelected = internalSelection.includes(rowId);\n    const isExpanded = expandedRows.includes(rowId);\n\n    return (\n      <React.Fragment key={rowId}>\n        <tr\n          className={cn(\n            'transition-colors',\n            hoverable && 'hover:bg-muted/50',\n            striped && index % 2 === 0 && 'bg-muted/20',\n            isSelected && 'bg-primary/10'\n          )}\n        >\n          {selectable && (\n            <td className={cn(cellVariants({ density }))}>\n              <Checkbox\n                checked={isSelected}\n                onCheckedChange={(checked) => \n                  handleSelectRow(rowId, checked as boolean)\n                }\n              />\n            </td>\n          )}\n          \n          {visibleColumns.map((column) => {\n            const value = column.accessor \n              ? column.accessor(row)\n              : column.accessorKey \n                ? row[column.accessorKey]\n                : '';\n\n            return (\n              <td\n                key={column.id}\n                className={cn(\n                  cellVariants({ \n                    density, \n                    pinned: column.pinned || 'none' \n                  }),\n                  column.className\n                )}\n                style={{ \n                  width: column.width,\n                  minWidth: column.minWidth,\n                  maxWidth: column.maxWidth \n                }}\n              >\n                {column.cell ? column.cell(value, row, index) : String(value)}\n              </td>\n            );\n          })}\n\n          {actions.length > 0 && (\n            <td className={cn(cellVariants({ density }))}>\n              <DropdownMenu>\n                <DropdownMenuTrigger asChild>\n                  <Button variant=\"ghost\" size=\"sm\">\n                    <MoreHorizontal className=\"h-4 w-4\" />\n                  </Button>\n                </DropdownMenuTrigger>\n                <DropdownMenuContent align=\"end\">\n                  {actions\n                    .filter(action => !action.visible || action.visible(row, index))\n                    .map((action) => (\n                      <DropdownMenuItem\n                        key={action.id}\n                        onClick={() => action.onClick(row, index)}\n                        className={cn(\n                          action.variant === 'destructive' && 'text-destructive'\n                        )}\n                      >\n                        {action.icon && <action.icon className=\"h-4 w-4 mr-2\" />}\n                        {action.label}\n                      </DropdownMenuItem>\n                    ))\n                  }\n                </DropdownMenuContent>\n              </DropdownMenu>\n            </td>\n          )}\n        </tr>\n\n        {expandable && isExpanded && renderExpanded && (\n          <tr>\n            <td colSpan={visibleColumns.length + (selectable ? 1 : 0) + (actions.length > 0 ? 1 : 0)}>\n              {renderExpanded(row, index)}\n            </td>\n          </tr>\n        )}\n      </React.Fragment>\n    );\n  };\n\n  return (\n    <div className={cn('space-y-4', className)} style={style}>\n      {/* Toolbar */}\n      <div className=\"flex items-center justify-between gap-4\">\n        <div className=\"flex items-center gap-2\">\n          {searchable && (\n            <div className=\"relative\">\n              <Search className=\"absolute left-2 top-2.5 h-4 w-4 text-muted-foreground\" />\n              <Input\n                placeholder={searchPlaceholder}\n                value={internalSearch}\n                onChange={(e) => {\n                  setInternalSearch(e.target.value);\n                  onSearchChange?.(e.target.value);\n                }}\n                className=\"pl-8 w-64\"\n              />\n            </div>\n          )}\n\n          {bulkActions.length > 0 && internalSelection.length > 0 && (\n            <div className=\"flex items-center gap-2\">\n              <Badge variant=\"secondary\">\n                {internalSelection.length} selected\n              </Badge>\n              {bulkActions.map((action) => (\n                <Button\n                  key={action.id}\n                  variant={action.variant || 'default'}\n                  size=\"sm\"\n                  onClick={() => {\n                    const selectedData = data.filter((row, index) => \n                      internalSelection.includes(getRowId(row, index))\n                    );\n                    action.onClick(selectedData);\n                  }}\n                >\n                  {action.icon && <action.icon className=\"h-4 w-4 mr-2\" />}\n                  {action.label}\n                </Button>\n              ))}\n            </div>\n          )}\n        </div>\n\n        <div className=\"flex items-center gap-2\">\n          {exportable && (\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <Button variant=\"outline\" size=\"sm\">\n                  <Download className=\"h-4 w-4 mr-2\" />\n                  Export\n                </Button>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent>\n                {exportFormats.map((format) => (\n                  <DropdownMenuItem\n                    key={format}\n                    onClick={() => onExport?.(format, processedData)}\n                  >\n                    Export as {format.toUpperCase()}\n                  </DropdownMenuItem>\n                ))}\n              </DropdownMenuContent>\n            </DropdownMenu>\n          )}\n\n          <Button variant=\"outline\" size=\"sm\" onClick={() => window.location.reload()}>\n            <RefreshCw className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n\n      {/* Table */}\n      <div \n        className=\"border border-border rounded-lg overflow-auto\"\n        style={{ height }}\n      >\n        <table\n          ref={ref}\n          className={cn(tableVariants({ size, bordered }))}\n        >\n          <thead>\n            <tr>\n              {selectable && (\n                <th className={cn(cellVariants({ density }), 'bg-muted/50')}>\n                  {selectionMode === 'multiple' && (\n                    <Checkbox\n                      checked={internalSelection.length === data.length && data.length > 0}\n                      // Note: indeterminate styling handled via CSS classes since Checkbox doesn't support indeterminate prop\n                      className={cn(\n                        internalSelection.length > 0 && internalSelection.length < data.length && \n                        'data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground [&>svg]:opacity-50'\n                      )}\n                      onCheckedChange={handleSelectAll}\n                    />\n                  )}\n                </th>\n              )}\n              {visibleColumns.map(renderColumnHeader)}\n              {actions.length > 0 && (\n                <th className={cn(cellVariants({ density }), 'bg-muted/50 w-16')}>\n                  Actions\n                </th>\n              )}\n            </tr>\n          </thead>\n          <tbody>\n            {loading ? (\n              <tr>\n                <td \n                  colSpan={visibleColumns.length + (selectable ? 1 : 0) + (actions.length > 0 ? 1 : 0)}\n                  className=\"text-center py-8\"\n                >\n                  <div className=\"flex items-center justify-center gap-2\">\n                    <RefreshCw className=\"h-4 w-4 animate-spin\" />\n                    Loading...\n                  </div>\n                </td>\n              </tr>\n            ) : error ? (\n              <tr>\n                <td \n                  colSpan={visibleColumns.length + (selectable ? 1 : 0) + (actions.length > 0 ? 1 : 0)}\n                  className=\"text-center py-8 text-destructive\"\n                >\n                  {error}\n                </td>\n              </tr>\n            ) : paginatedData.length === 0 ? (\n              <tr>\n                <td \n                  colSpan={visibleColumns.length + (selectable ? 1 : 0) + (actions.length > 0 ? 1 : 0)}\n                  className=\"text-center py-8\"\n                >\n                  {emptyState || (\n                    <div className=\"text-muted-foreground\">\n                      No data available\n                    </div>\n                  )}\n                </td>\n              </tr>\n            ) : (\n              paginatedData.map(renderRow)\n            )}\n          </tbody>\n        </table>\n      </div>\n\n      {/* Pagination */}\n      {pagination && totalPages > 1 && (\n        <div className=\"flex items-center justify-between\">\n          <div className=\"text-sm text-muted-foreground\">\n            Showing {currentPage * pageSize + 1} to{' '}\n            {Math.min((currentPage + 1) * pageSize, totalRows || processedData.length)} of{' '}\n            {totalRows || processedData.length} results\n          </div>\n\n          <div className=\"flex items-center gap-2\">\n            <Select \n              value={pageSize.toString()}\n              onValueChange={(value) => onPageSizeChange?.(Number(value))}\n            >\n              <SelectTrigger className=\"w-20\">\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"10\">10</SelectItem>\n                <SelectItem value=\"25\">25</SelectItem>\n                <SelectItem value=\"50\">50</SelectItem>\n                <SelectItem value=\"100\">100</SelectItem>\n              </SelectContent>\n            </Select>\n\n            <div className=\"flex items-center gap-1\">\n              <Button\n                variant=\"outline\"\n                size=\"sm\"\n                disabled={currentPage === 0}\n                onClick={() => onPageChange?.(currentPage - 1)}\n              >\n                Previous\n              </Button>\n              \n              {Array.from({ length: Math.min(5, totalPages) }, (_, i) => {\n                const page = currentPage < 3 ? i : currentPage - 2 + i;\n                if (page >= totalPages) return null;\n                \n                return (\n                  <Button\n                    key={page}\n                    variant={page === currentPage ? 'default' : 'outline'}\n                    size=\"sm\"\n                    onClick={() => onPageChange?.(page)}\n                  >\n                    {page + 1}\n                  </Button>\n                );\n              })}\n\n              <Button\n                variant=\"outline\"\n                size=\"sm\"\n                disabled={currentPage === totalPages - 1}\n                onClick={() => onPageChange?.(currentPage + 1)}\n              >\n                Next\n              </Button>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n});\n\nDataTable.displayName = 'DataTable';\n\nexport { DataTable };"],"names":["ArrowDownWideNarrow","createLucideIcon","ArrowUpDown","ArrowUpNarrowWide","Download","Filter","RefreshCw","tableVariants","cva","cellVariants","DataTable","forwardRef","rawProps","ref","requireArrayProp","c","warnInDev","data","columns","virtualized","rowHeight","height","selectable","selectionMode","selectedRows","onSelectionChange","getRowId","row","index","sortable","sortConfig","onSortChange","filterable","filterConfig","onFilterChange","searchable","searchPlaceholder","searchValue","onSearchChange","pagination","currentPage","pageSize","totalRows","onPageChange","onPageSizeChange","actions","bulkActions","expandable","expandedRows","onExpandChange","renderExpanded","loading","emptyState","error","exportable","exportFormats","onExport","size","density","striped","bordered","hoverable","className","style","internalSort","setInternalSort","useState","internalFilters","setInternalFilters","internalSearch","setInternalSearch","internalSelection","setInternalSelection","visibleColumns","useMemo","col","handleSort","useCallback","columnId","newSort","existingIndex","s","value","operator","newFilters","column","handleSelectAll","checked","newSelection","handleSelectRow","rowId","id","processedData","result","filter","a","b","sort","aValue","bValue","comparison","paginatedData","start","end","totalPages","renderColumnHeader","sortState","isSorted","sortDirection","jsx","cn","jsxs","SortAsc","SortDesc","Button","e","renderRow","isSelected","isExpanded","React","Checkbox","DropdownMenu","DropdownMenuTrigger","MoreHorizontal","DropdownMenuContent","action","DropdownMenuItem","Search","Input","Badge","selectedData","format","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","_","i","page"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}

package/dist/detail-page.js

@@ -0,0 +1,454 @@
+import { jsx as e, jsxs as t, Fragment as V } from "react/jsx-runtime";
+import { Card as v, CardContent as w, CardHeader as B, CardTitle as F } from "./card.js";
+import { c as y } from "./utils-CwJPJKOE.js";
+import { Button as d } from "./button.js";
+import { Badge as P } from "./badge.js";
+import { Alert as Y, AlertDescription as K } from "./alert.js";
+import { Dialog as Q, DialogContent as R, DialogHeader as W, DialogTitle as X, DialogDescription as Z, DialogFooter as _ } from "./dialog.js";
+import { TooltipProvider as ee, Tooltip as u, TooltipTrigger as x, TooltipContent as N } from "./tooltip.js";
+import { ValidatedInput as h, FormActions as ae, ValidatedSelect as te, ValidatedTextarea as re } from "./form.js";
+import { c as p } from "./createLucideIcon-B45kRl5r.js";
+import { E as ne } from "./ellipsis-BhAoKPVk.js";
+/**
+ * @license lucide-react v0.468.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const se = p("ArrowLeft", [
+  ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
+  ["path", { d: "M19 12H5", key: "x3x0zl" }]
+]);
+/**
+ * @license lucide-react v0.468.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ie = p("CircleCheckBig", [
+  ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
+  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
+]);
+/**
+ * @license lucide-react v0.468.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const le = p("Copy", [
+  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+]);
+/**
+ * @license lucide-react v0.468.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ce = p("Trash2", [
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
+  ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }],
+  ["line", { x1: "10", x2: "10", y1: "11", y2: "17", key: "1uufr5" }],
+  ["line", { x1: "14", x2: "14", y1: "11", y2: "17", key: "xtxkd" }]
+]);
+/**
+ * @license lucide-react v0.468.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const q = p("TriangleAlert", [
+  [
+    "path",
+    {
+      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+      key: "wmoenq"
+    }
+  ],
+  ["path", { d: "M12 9v4", key: "juzpu7" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+]), M = (a, r) => {
+  if (r.formatter)
+    return r.formatter(a);
+  switch (r.type) {
+    case "date":
+      return new Date(a).toLocaleDateString();
+    case "datetime":
+      return new Date(a).toLocaleString();
+    case "boolean":
+      return a ? "✅ Yes" : "❌ No";
+    case "number":
+      return typeof a == "number" ? a.toLocaleString() : a;
+    case "json":
+      return /* @__PURE__ */ e("pre", { className: "text-xs bg-muted p-2 rounded overflow-auto max-h-32", children: JSON.stringify(a, null, 2) });
+    case "badge":
+      return /* @__PURE__ */ e(P, { variant: r.badgeVariant || "default", children: String(a) });
+    default:
+      return String(a);
+  }
+}, de = (a) => {
+  navigator.clipboard.writeText(a);
+};
+function Le({
+  title: a,
+  subtitle: r,
+  icon: n,
+  onBack: i,
+  status: l,
+  actions: c = [],
+  formSections: g = [],
+  metadataFields: o = [],
+  sidebarCards: f = [],
+  isEditing: m = !1,
+  onFormChange: H,
+  onSave: C,
+  onCancel: k,
+  saveText: I = "Save Changes",
+  cancelText: O = "Cancel",
+  saving: b = !1,
+  formValid: $ = !0,
+  loading: L = !1,
+  error: D,
+  onClearError: T,
+  children: E,
+  className: G = ""
+}) {
+  const S = c.find((s) => s.variant === "destructive"), A = c.find((s) => s.id === "edit"), j = c.filter((s) => s.variant !== "destructive" && s.id !== "edit"), z = [
+    ...S ? [S] : [],
+    ...A && !m ? [A] : [],
+    ...j.filter((s) => s.position !== "secondary")
+  ], J = j.filter((s) => s.position === "secondary");
+  return /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e("div", { className: y("min-h-screen p-6", G), children: /* @__PURE__ */ t("div", { className: "max-w-7xl mx-auto space-y-8", children: [
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ t("div", { className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4 lg:gap-6", children: [
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-3 min-w-0 flex-1", children: [
+        n && /* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center shrink-0", children: /* @__PURE__ */ e(n, { className: "w-6 h-6 text-primary" }) }),
+        /* @__PURE__ */ t("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ e("h1", { className: "text-xl md:text-2xl lg:text-3xl font-bold bg-gradient-to-r from-foreground to-foreground/80 bg-clip-text text-transparent leading-tight", children: L ? "Loading..." : a }),
+          r && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground mt-0.5 leading-relaxed", children: r })
+        ] })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-2 shrink-0 lg:ml-4", children: [
+        /* @__PURE__ */ t(u, { children: [
+          /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ t(
+            d,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: i,
+              className: "flex items-center gap-1.5",
+              children: [
+                /* @__PURE__ */ e(se, { className: "w-4 h-4" }),
+                /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: "Back" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ e(N, { side: "bottom", children: "Go back" })
+        ] }),
+        m && C && k ? /* @__PURE__ */ t("form", { onSubmit: (s) => {
+          s.preventDefault(), C();
+        }, className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(
+            d,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: k,
+              disabled: b,
+              children: O
+            }
+          ),
+          /* @__PURE__ */ e(
+            d,
+            {
+              type: "submit",
+              size: "sm",
+              disabled: b || !$,
+              className: "min-w-20",
+              children: b ? /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ e("div", { className: "w-3 h-3 border border-current border-t-transparent rounded-full animate-spin" }),
+                /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: "Saving..." })
+              ] }) : I
+            }
+          )
+        ] }) : /* @__PURE__ */ t(V, { children: [
+          z.slice(0, 2).map((s) => /* @__PURE__ */ t(u, { children: [
+            /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ t(
+              d,
+              {
+                variant: s.variant || "default",
+                size: "sm",
+                onClick: s.onClick,
+                disabled: s.disabled || L,
+                className: "flex items-center gap-1.5",
+                children: [
+                  /* @__PURE__ */ e(s.icon, { className: "w-4 h-4" }),
+                  /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: s.loading ? "Loading..." : s.label })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ e(N, { side: "bottom", children: s.label })
+          ] }, s.id)),
+          (z.length > 2 || J.length > 0) && /* @__PURE__ */ t(u, { children: [
+            /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e(d, { variant: "outline", size: "sm", className: "px-2", children: /* @__PURE__ */ e(ne, { className: "w-4 h-4" }) }) }),
+            /* @__PURE__ */ e(N, { side: "bottom", children: "More actions" })
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    D && /* @__PURE__ */ t(Y, { variant: "destructive", children: [
+      /* @__PURE__ */ e(q, { className: "h-4 w-4" }),
+      /* @__PURE__ */ t(K, { className: "flex items-center justify-between", children: [
+        D,
+        T && /* @__PURE__ */ e(d, { variant: "outline", size: "sm", onClick: T, children: "Dismiss" })
+      ] })
+    ] }),
+    l && /* @__PURE__ */ e(oe, { ...l }),
+    /* @__PURE__ */ t("div", { className: "grid grid-cols-1 xl:grid-cols-3 gap-8", children: [
+      /* @__PURE__ */ t("div", { className: "xl:col-span-2 space-y-6", children: [
+        g.map((s, U) => /* @__PURE__ */ e(
+          he,
+          {
+            section: s,
+            isEditing: m,
+            onFieldChange: H
+          },
+          U
+        )),
+        E
+      ] }),
+      /* @__PURE__ */ t("div", { className: "space-y-6", children: [
+        o.length > 0 && /* @__PURE__ */ e(me, { data: o }),
+        f
+      ] })
+    ] })
+  ] }) }) });
+}
+function oe({
+  active: a,
+  activeLabel: r = "Active",
+  inactiveLabel: n = "Inactive",
+  activeText: i = "Entity is operational and accessible",
+  inactiveText: l = "Entity is inactive and cannot access services",
+  customBadge: c
+}) {
+  return /* @__PURE__ */ e(v, { className: "border-0 shadow-lg", children: /* @__PURE__ */ e(w, { className: "p-4", children: /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ e("div", { className: y(
+        "w-10 h-10 rounded-full flex items-center justify-center",
+        a ? "bg-green-100 text-green-600" : "bg-orange-100 text-orange-600"
+      ), children: a ? /* @__PURE__ */ e(ie, { className: "w-5 h-5" }) : /* @__PURE__ */ e(q, { className: "w-5 h-5" }) }),
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ t("h3", { className: "font-semibold text-foreground", children: [
+          "Status: ",
+          a ? r : n
+        ] }),
+        /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: a ? i : l })
+      ] })
+    ] }),
+    c || /* @__PURE__ */ t(P, { variant: a ? "default" : "secondary", className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e("div", { className: y(
+        "w-2 h-2 rounded-full",
+        a ? "bg-green-500" : "bg-orange-500"
+      ) }),
+      a ? r : n
+    ] })
+  ] }) }) });
+}
+function me({
+  data: a,
+  title: r = "Metadata"
+}) {
+  return /* @__PURE__ */ t(v, { className: "border-0 shadow-lg", children: [
+    /* @__PURE__ */ e(B, { className: "border-0", children: /* @__PURE__ */ e(F, { className: "text-lg", children: r }) }),
+    /* @__PURE__ */ e(w, { className: "p-4 md:p-6 space-y-4", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: a.map((n, i) => /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ t("label", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide flex items-center gap-1", children: [
+        n.icon && /* @__PURE__ */ e(n.icon, { className: "w-3 h-3" }),
+        n.label
+      ] }),
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2 mt-1", children: n.copyable ? /* @__PURE__ */ t(V, { children: [
+        /* @__PURE__ */ e("div", { className: "text-sm font-mono bg-muted px-2 py-1 rounded border flex-1 break-all", children: M(n.value, n) }),
+        /* @__PURE__ */ t(u, { children: [
+          /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e(
+            d,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: () => de(String(n.value)),
+              className: "h-8 w-8 p-0 shrink-0",
+              children: /* @__PURE__ */ e(le, { className: "w-3 h-3" })
+            }
+          ) }),
+          /* @__PURE__ */ t(N, { children: [
+            "Copy ",
+            n.label
+          ] })
+        ] })
+      ] }) : /* @__PURE__ */ e("div", { className: "text-sm break-words", children: M(n.value, n) }) })
+    ] }, i)) }) })
+  ] });
+}
+function he({
+  section: a,
+  isEditing: r,
+  onFieldChange: n
+}) {
+  return /* @__PURE__ */ t(v, { className: "border-0 shadow-lg", children: [
+    /* @__PURE__ */ t(B, { className: "border-0", children: [
+      /* @__PURE__ */ t(F, { className: "flex items-center gap-3", children: [
+        a.icon && /* @__PURE__ */ e("div", { className: "w-8 h-8 rounded-lg bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ e(a.icon, { className: "w-4 h-4 text-primary" }) }),
+        /* @__PURE__ */ e("span", { className: "bg-gradient-to-r from-foreground to-foreground/80 bg-clip-text text-transparent", children: a.title })
+      ] }),
+      a.description && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: a.description })
+    ] }),
+    /* @__PURE__ */ e(w, { className: "p-4 md:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6", children: a.fields.map((i) => /* @__PURE__ */ e("div", { className: i.type === "textarea" ? "md:col-span-2" : "", children: /* @__PURE__ */ e(
+      pe,
+      {
+        field: i,
+        isEditing: r,
+        onChange: (l) => n?.(i.key, l)
+      }
+    ) }, i.key)) }) })
+  ] });
+}
+function pe({
+  field: a,
+  isEditing: r,
+  onChange: n
+}) {
+  const i = {
+    label: a.label,
+    value: String(a.value || ""),
+    onChange: n,
+    disabled: !r || a.disabled,
+    required: a.required,
+    placeholder: a.placeholder
+  };
+  switch (a.type) {
+    case "textarea":
+      return /* @__PURE__ */ e(
+        re,
+        {
+          ...i,
+          rows: a.rows || 3,
+          minLength: a.validation?.minLength,
+          maxLength: a.validation?.maxLength
+        }
+      );
+    case "select":
+      return /* @__PURE__ */ e(
+        te,
+        {
+          ...i,
+          options: a.options || []
+        }
+      );
+    case "email":
+      return /* @__PURE__ */ e(
+        h,
+        {
+          ...i,
+          type: "email",
+          minLength: a.validation?.minLength,
+          maxLength: a.validation?.maxLength,
+          pattern: a.validation?.pattern
+        }
+      );
+    case "password":
+      return /* @__PURE__ */ e(
+        h,
+        {
+          ...i,
+          type: "password",
+          minLength: a.validation?.minLength,
+          maxLength: a.validation?.maxLength,
+          showPasswordStrength: !0,
+          showPasswordToggle: !0
+        }
+      );
+    case "number":
+      return /* @__PURE__ */ e(
+        h,
+        {
+          ...i,
+          type: "number"
+        }
+      );
+    default:
+      return /* @__PURE__ */ e(
+        h,
+        {
+          ...i,
+          type: "text",
+          minLength: a.validation?.minLength,
+          maxLength: a.validation?.maxLength,
+          pattern: a.validation?.pattern
+        }
+      );
+  }
+}
+function De({
+  open: a,
+  entity: r,
+  confirmationValue: n,
+  onConfirmationChange: i,
+  onConfirm: l,
+  onCancel: c,
+  loading: g = !1
+}) {
+  const o = n === r.name, f = (m) => {
+    m.preventDefault(), o && !g && l();
+  };
+  return /* @__PURE__ */ e(Q, { open: a, onOpenChange: c, children: /* @__PURE__ */ t(R, { className: "max-w-md", children: [
+    /* @__PURE__ */ t(W, { children: [
+      /* @__PURE__ */ t(X, { className: "flex items-center gap-3 text-destructive", children: [
+        /* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-full bg-destructive/10 flex items-center justify-center", children: /* @__PURE__ */ e(ce, { className: "w-5 h-5 text-destructive" }) }),
+        "Delete ",
+        r.type
+      ] }),
+      /* @__PURE__ */ t(Z, { children: [
+        "This action cannot be undone. This will permanently delete the ",
+        r.type.toLowerCase(),
+        "."
+      ] })
+    ] }),
+    /* @__PURE__ */ t("form", { onSubmit: f, children: [
+      /* @__PURE__ */ t("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ e("div", { className: "p-4 bg-destructive/5 border border-destructive/20 rounded-lg", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ e("div", { className: "w-8 h-8 rounded-lg bg-primary/10 flex items-center justify-center", children: r.icon ? /* @__PURE__ */ e(r.icon, { className: "w-4 h-4 text-primary" }) : /* @__PURE__ */ e("span", { className: "text-primary font-bold text-sm", children: r.name.charAt(0).toUpperCase() }) }),
+          /* @__PURE__ */ t("div", { children: [
+            /* @__PURE__ */ e("p", { className: "font-semibold text-foreground", children: r.name }),
+            /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: r.type })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ e(
+          h,
+          {
+            required: !0,
+            label: `Type "${r.name}" to confirm:`,
+            placeholder: r.name,
+            value: n,
+            onChange: i
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(_, { className: "mt-6", children: /* @__PURE__ */ e(
+        ae,
+        {
+          submitText: `Delete ${r.type}`,
+          cancelText: "Cancel",
+          showCancel: !0,
+          loading: g,
+          disabled: !o,
+          onCancel: c
+        }
+      ) })
+    ] })
+  ] }) });
+}
+export {
+  De as DeleteConfirmDialog,
+  Le as DetailPageLayout
+};
+//# sourceMappingURL=detail-page.js.map