@tirth_jasoliya/ui 1.0.5 → 1.0.7

package/dist/components/data/data-template/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/data/data-template/data-template.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/card.tsx","../../../../src/components/ui/button.tsx","../../../../src/components/ui/checkbox.tsx","../../../../src/components/data/data-template/data-template-toolbar.tsx","../../../../src/components/ui/input.tsx","../../../../src/components/ui/dropdown-menu.tsx","../../../../src/components/ui/select.tsx","../../../../src/components/data/data-template/data-template-pagination.tsx","../../../../src/components/ui/separator.tsx","../../../../src/components/ui/tooltip.tsx","../../../../src/components/data/data-template/data-template-action-bar.tsx"],"sourcesContent":["import { useState, useEffect, useMemo, useCallback, useRef } from \"react\"\r\nimport { Loader2 } from \"lucide-react\"\r\nimport { Card, CardContent } from \"../../ui/card.jsx\"\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport { Checkbox } from \"../../ui/checkbox.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport type {\r\n  DataTemplateProps,\r\n  DataTemplateController,\r\n  DataTemplateSettings,\r\n} from \"./data-template-types.js\"\r\nimport { DataTemplateToolbar } from \"./data-template-toolbar.jsx\"\r\nimport { DataTemplatePagination } from \"./data-template-pagination.jsx\"\r\n\r\nexport function DataTemplate<T extends Record<string, any>>({\r\n  data,\r\n  template,\r\n  fields = [],\r\n  filters = [],\r\n  pagination = { enabled: false },\r\n  settings = {},\r\n  header,\r\n  footer,\r\n  className = \"\",\r\n  loading = false,\r\n  error,\r\n  emptyMessage = \"No items found\",\r\n  emptyIcon,\r\n  onSelectionChange,\r\n  onExport,\r\n  onRefresh,\r\n  onTemplateReady,\r\n  children,\r\n}: DataTemplateProps<T>) {\r\n  const {\r\n    enableSorting = true,\r\n    enableFiltering = true,\r\n    enableGlobalSearch = true,\r\n    enableSelection = false,\r\n    enableExport = false,\r\n    toolbar = true,\r\n    selectionMode = \"multiple\",\r\n    gridCols = { default: 3, sm: 1, md: 2, lg: 3, xl: 4, \"2xl\": 6 },\r\n    gap = 4,\r\n    aspectRatio = \"auto\",\r\n    minCardWidth = 350,\r\n    maxCardWidth = 350,\r\n  } = settings as Required<DataTemplateSettings>\r\n\r\n  const [globalFilter, setGlobalFilter] = useState(\"\")\r\n  const [fieldFilters, setFieldFilters] = useState<Partial<Record<keyof T, any>>>({})\r\n  const [sortField, setSortField] = useState<keyof T | \"\">(\"\")\r\n  const [sortDirection, setSortDirection] = useState<\"asc\" | \"desc\">(\"asc\")\r\n  const [selectedItems, setSelectedItems] = useState<Set<number>>(new Set())\r\n  const [currentPage, setCurrentPage] = useState(1)\r\n  const [pageSize, setPageSize] = useState(pagination.pageSize || 12)\r\n  const [currentGridCols, setCurrentGridCols] = useState(gridCols.default)\r\n\r\n  const filteredAndSortedData = useMemo(() => {\r\n    let result = [...data]\r\n\r\n    if (enableGlobalSearch && globalFilter) {\r\n      const searchableFields = fields.filter((field) => field.searchable !== false)\r\n      result = result.filter((item) =>\r\n        searchableFields.some((field) => {\r\n          const value = item[field.key]\r\n          return value?.toString().toLowerCase().includes(globalFilter.toLowerCase())\r\n        }),\r\n      )\r\n    }\r\n\r\n    if (enableFiltering) {\r\n      (Object.keys(fieldFilters) as Array<keyof T>).forEach((key) => {\r\n        const value = fieldFilters[key]\r\n        if (value !== undefined && value !== null && value !== \"\") {\r\n          const field = fields.find((f) => f.key === key)\r\n          if (field) {\r\n            result = result.filter((item) => {\r\n              const itemValue = item[key]\r\n              if (field.type === \"boolean\") {\r\n                return itemValue === (value === \"true\")\r\n              } else if (field.type === \"number\") {\r\n                return itemValue === Number(value)\r\n              } else {\r\n                return itemValue?.toString().toLowerCase().includes(String(value).toLowerCase())\r\n              }\r\n            })\r\n          }\r\n        }\r\n      })\r\n    }\r\n\r\n    if (enableSorting && sortField) {\r\n      const field = fields.find((f) => f.key === sortField)\r\n      if (field) {\r\n        result.sort((a, b) => {\r\n          const aValue = a[sortField]\r\n          const bValue = b[sortField]\r\n\r\n          if (field.type === \"number\") {\r\n            return sortDirection === \"asc\" ? Number(aValue) - Number(bValue) : Number(bValue) - Number(aValue)\r\n          } else if (field.type === \"date\") {\r\n            const aDate = new Date(aValue)\r\n            const bDate = new Date(bValue)\r\n            return sortDirection === \"asc\" ? aDate.getTime() - bDate.getTime() : bDate.getTime() - aDate.getTime()\r\n          } else {\r\n            const aStr = String(aValue).toLowerCase()\r\n            const bStr = String(bValue).toLowerCase()\r\n            return sortDirection === \"asc\" ? aStr.localeCompare(bStr) : bStr.localeCompare(aStr)\r\n          }\r\n        })\r\n      }\r\n    }\r\n    return result\r\n  }, [\r\n    data,\r\n    globalFilter,\r\n    fieldFilters,\r\n    sortField,\r\n    sortDirection,\r\n    fields,\r\n    enableGlobalSearch,\r\n    enableFiltering,\r\n    enableSorting,\r\n  ])\r\n\r\n  const paginatedData = useMemo(() => {\r\n    if (!pagination.enabled) return filteredAndSortedData\r\n\r\n    const startIndex = (currentPage - 1) * pageSize\r\n    const endIndex = startIndex + pageSize\r\n    return filteredAndSortedData.slice(startIndex, endIndex)\r\n  }, [filteredAndSortedData, currentPage, pageSize, pagination.enabled])\r\n\r\n  const totalPages = Math.ceil(filteredAndSortedData.length / pageSize)\r\n\r\n  const handleToggleSelect = useCallback(\r\n    (index: number) => {\r\n      if (!enableSelection) return\r\n\r\n      setSelectedItems((prev) => {\r\n        const newSelection = new Set(prev)\r\n        if (selectionMode === \"single\") {\r\n          newSelection.clear()\r\n          newSelection.add(index)\r\n        } else {\r\n          if (newSelection.has(index)) {\r\n            newSelection.delete(index)\r\n          } else {\r\n            newSelection.add(index)\r\n          }\r\n        }\r\n        return newSelection\r\n      })\r\n    },\r\n    [enableSelection, selectionMode],\r\n  )\r\n\r\n  const handleSelectAll = useCallback(() => {\r\n    if (!enableSelection || selectionMode === \"single\") return\r\n\r\n    if (selectedItems.size === filteredAndSortedData.length) {\r\n      setSelectedItems(new Set())\r\n    } else {\r\n      setSelectedItems(new Set(filteredAndSortedData.map((_, index) => index)))\r\n    }\r\n  }, [enableSelection, selectionMode, selectedItems.size, filteredAndSortedData.length])\r\n\r\n  const handleFieldFilterChange = useCallback((key: keyof T, value: any) => {\r\n    setFieldFilters((prev) => ({ ...prev, [key]: value }))\r\n    setCurrentPage(1)\r\n  }, [])\r\n\r\n  const handleSortChange = useCallback((field: keyof T, direction: \"asc\" | \"desc\") => {\r\n    setSortField(field)\r\n    setSortDirection(direction)\r\n  }, [])\r\n\r\n  const handleClearFilters = useCallback(() => {\r\n    setGlobalFilter(\"\")\r\n    setFieldFilters({})\r\n    setCurrentPage(1)\r\n  }, [])\r\n\r\n  const handleClearSorting = useCallback(() => {\r\n    setSortField(\"\")\r\n    setSortDirection(\"asc\")\r\n  }, [])\r\n\r\n  const controller: DataTemplateController<T> = useMemo(\r\n    () => ({\r\n      getSelectedItems: () => Array.from(selectedItems).map((index) => filteredAndSortedData[index]),\r\n      clearSelection: () => setSelectedItems(new Set()),\r\n      selectAll: handleSelectAll,\r\n      getFilteredData: () => filteredAndSortedData,\r\n      getTotalCount: () => data.length,\r\n      getVisibleCount: () => filteredAndSortedData.length,\r\n      refresh: () => onRefresh?.(),\r\n      exportData: () => onExport?.(filteredAndSortedData),\r\n    }),\r\n    [selectedItems, filteredAndSortedData, data.length, handleSelectAll, onRefresh, onExport],\r\n  )\r\n\r\n  const controllerRef = useRef<DataTemplateController<T> | null>(null)\r\n  controllerRef.current = controller\r\n\r\n  useEffect(() => {\r\n    if (onTemplateReady && controllerRef.current) {\r\n      onTemplateReady(controllerRef.current)\r\n    }\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    if (enableSelection && onSelectionChange) {\r\n      const selected = Array.from(selectedItems).map((index) => filteredAndSortedData[index])\r\n      onSelectionChange(selected)\r\n    }\r\n  }, [selectedItems])\r\n\r\n  // const gridClasses = cn(\r\n  //   \"grid gap-4\",\r\n  //   `grid-cols-${gridCols.sm || 1} sm:grid-cols-${gridCols.md || 2} md:grid-cols-${gridCols.lg || 3} lg:grid-cols-${gridCols.xl || 4} xl:grid-cols-${gridCols[\"2xl\"] || 6}`,\r\n  //   `gap-${gap}`,\r\n  // )\r\n\r\n  const gridContainerClasses = cn(\r\n    \"w-full\",\r\n    \"overflow-hidden\", // Prevent any potential overflow issues\r\n    className\r\n  );\r\n\r\n  const gridClasses = cn(\r\n    \"grid\",\r\n    `gap-${gap}`,\r\n    \"w-full\", // Ensure grid takes full width\r\n    \"mx-auto\", // Center the grid if it doesn't take full width\r\n    \"items-start\", // Align items to the top\r\n  );\r\n\r\n  const gridStyle = {\r\n    // Primary grid definition - choose one of these options:\r\n\r\n    gridTemplateColumns:\r\n      currentGridCols === 0\r\n        ? `repeat(auto-fill, minmax(clamp(${minCardWidth}px, 30%, ${maxCardWidth}px), 1fr))`\r\n        : `repeat(auto-fill, minmax(clamp(${minCardWidth}px, calc(100%/${currentGridCols} - ${gap * 4}px), ${maxCardWidth}px), 1fr))`,\r\n\r\n    // gridTemplateColumns: `repeat(auto-fill, minmax(clamp(${minCardWidth}px, calc(100%/${Math.min(\r\n    //   currentGridCols,\r\n    //   gridCols[\"2xl\"] || 6\r\n    // )} - ${gap * 4}px), ${maxCardWidth}px))`,\r\n\r\n    // Option 1: Fully fluid grid (recommended)\r\n    // gridTemplateColumns: `repeat(auto-fill, minmax(clamp(${minCardWidth}px, 30%, ${maxCardWidth}px), 1fr))`,\r\n\r\n    // Option 2: More controlled fluid grid\r\n    // gridTemplateColumns: `repeat(auto-fit, minmax(clamp(${minCardWidth}px, 25vw, ${maxCardWidth}px), 1fr))`,\r\n\r\n    // Option 3: Fixed maximum columns with fluid width\r\n    // gridTemplateColumns: `repeat(min(6, auto-fill), minmax(${minCardWidth}px, ${maxCardWidth}px))`,\r\n\r\n    // Additional grid enhancements\r\n    justifyItems: \"center\", // Center items horizontally in their grid cells\r\n    alignItems: \"stretch\", // Stretch items vertically to fill the grid cell\r\n    gridAutoRows: \"1fr\", // Make all rows the same height\r\n    gridAutoFlow: \"dense\", // Try to fill holes in the grid\r\n  };\r\n\r\n  if (error) {\r\n    return (\r\n      <Card className=\"w-full\">\r\n        <CardContent className=\"flex items-center justify-center py-12\">\r\n          <div className=\"text-center\">\r\n            <div className=\"text-red-500 mb-3 text-2xl\">⚠️</div>\r\n            <p className=\"text-sm text-muted-foreground mb-4\">{error}</p>\r\n            {onRefresh && (\r\n              <Button variant=\"outline\" size=\"sm\" onClick={onRefresh}>\r\n                <Loader2 className=\"mr-2 h-4 w-4\" />\r\n                Try Again\r\n              </Button>\r\n            )}\r\n          </div>\r\n        </CardContent>\r\n      </Card>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className={cn(\"w-full flex gap-2 flex-col h-full\", gridContainerClasses)}>\r\n      {/* Header */}\r\n      {header && (\r\n        <Card className=\"shadow-sm border-0 py-0 text-xl font-bold\">\r\n          <CardContent className=\"p-2\">{header}</CardContent>\r\n        </Card>\r\n      )}\r\n\r\n      {/* Toolbar */}\r\n      {toolbar && (\r\n        <DataTemplateToolbar<T>\r\n          fields={fields}\r\n          filters={filters}\r\n          globalFilter={globalFilter}\r\n          onGlobalFilterChange={setGlobalFilter}\r\n          fieldFilters={fieldFilters}\r\n          onFieldFilterChange={handleFieldFilterChange}\r\n          sortField={sortField}\r\n          sortDirection={sortDirection}\r\n          onSortChange={handleSortChange}\r\n          selectedCount={selectedItems.size}\r\n          totalCount={data.length}\r\n          visibleCount={filteredAndSortedData.length}\r\n          onExport={enableExport ? () => onExport?.(filteredAndSortedData) : undefined}\r\n          onRefresh={onRefresh}\r\n          loading={loading}\r\n          // gridCols={currentGridCols}\r\n          // onGridColsChange={setCurrentGridCols}\r\n          onClearFilters={handleClearFilters}\r\n          onClearSorting={handleClearSorting}\r\n        />\r\n      )}\r\n\r\n      {/* Main Content */}\r\n      <Card className=\"border-0 overflow-auto shadow-none py-0 p-2 flex-1\">\r\n        <CardContent className=\"px-0\">\r\n          <div className=\"relative\">\r\n            {loading && (\r\n              <div className=\"absolute inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center rounded-lg\">\r\n                <div className=\"flex items-center gap-3 bg-background/90 px-4 py-3 rounded-lg shadow-sm\">\r\n                  <Loader2 className=\"size-5 animate-spin text-primary\" />\r\n                  <span className=\"text-sm font-medium text-muted-foreground\">Loading...</span>\r\n                </div>\r\n              </div>\r\n            )}\r\n\r\n            {paginatedData.length > 0 ? (\r\n              <div\r\n                className={cn(gridClasses)}\r\n                // style={{\r\n                //   gridTemplateColumns: `repeat(${currentGridCols}, minmax(${minCardWidth}px, ${maxCardWidth}px))`,\r\n                //   justifyContent: \"center\",\r\n                // }}\r\n                style={gridStyle}\r\n              >\r\n                {paginatedData.map((item, index) => {\r\n                  const globalIndex = pagination.enabled ? (currentPage - 1) * pageSize + index : index\r\n                  const isSelected = selectedItems.has(globalIndex)\r\n\r\n                  return (\r\n                    <div\r\n                      key={globalIndex}\r\n                      className={cn(\r\n                        \"relative h-full w-full flex flex-col\",\r\n                        \"transition-all duration-200 overflow-hidden\",\r\n                        \"rounded-2xl\",\r\n                        \"border border-border/20 hover:border-border/50\",\r\n                        aspectRatio === \"square\" ? \"aspect-square\" : \"\",\r\n                        aspectRatio === \"video\" ? \"aspect-video\" : \"\",\r\n                        enableSelection ? \"cursor-pointer\" : \"\",\r\n                        isSelected ? \"ring-2 ring-primary\" : \"\"\r\n                      )}\r\n                      onClick={() => enableSelection && handleToggleSelect(globalIndex)}\r\n                    >\r\n                      {enableSelection && selectionMode === \"multiple\" && (\r\n                        <div className=\"absolute top-2 right-2 z-10\">\r\n                          <Checkbox\r\n                            checked={isSelected}\r\n                            onCheckedChange={() => handleToggleSelect(globalIndex)}\r\n                            className=\"bg-background/80 backdrop-blur-sm\"\r\n                            onClick={(e) => e.stopPropagation()}\r\n                          />\r\n                        </div>\r\n                      )}\r\n                      {template(item, index, isSelected, () => handleToggleSelect(globalIndex))}\r\n                    </div>\r\n                  )\r\n                })}\r\n              </div>\r\n            ) : (\r\n              <div className=\"flex flex-col gap-4 items-center justify-center py-12 text-center\">\r\n                <div className=\"text-6xl\">{emptyIcon || \"📋\"}</div>\r\n                <p className=\"text-lg font-medium text-muted-foreground mb-2\">{emptyMessage}</p>\r\n                {(globalFilter || Object.values(fieldFilters).some((v) => v)) && (\r\n                  <Button variant=\"outline\" onClick={handleClearFilters}>\r\n                    Clear Filters\r\n                  </Button>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </CardContent>\r\n      </Card>\r\n\r\n      {/* Pagination */}\r\n      {pagination.enabled && (\r\n        <div className=\"pb-1\">\r\n          <DataTemplatePagination\r\n            currentPage={currentPage}\r\n            totalPages={totalPages}\r\n            pageSize={pageSize}\r\n            totalItems={filteredAndSortedData.length}\r\n            onPageChange={setCurrentPage}\r\n            onPageSizeChange={(size) => {\r\n              setPageSize(size)\r\n              setCurrentPage(1)\r\n            }}\r\n            config={pagination}\r\n          />\r\n        </div>\r\n      )}\r\n\r\n      {/* Footer */}\r\n      {footer && (\r\n        <div className=\"p-2 m-0.5\">\r\n          {footer}\r\n        </div>\r\n      )}\r\n\r\n      {/* Children with controller */}\r\n      {children && children(controller)}\r\n    </div>\r\n  )\r\n}\r\n\r\n\r\n\r\n// import { useState, useEffect, useMemo, useCallback, useRef } from \"react\"\r\n// import { Loader2 } from \"lucide-react\"\r\n// import { Card, CardContent } from \"../../ui/card\"\r\n// import { Button } from \"../../ui/button\"\r\n// import { Checkbox } from \"../../ui/checkbox\"\r\n// import { cn } from \"@/lib/utils\"\r\n// import { TemplateRepeaterToolbar } from \"./template-repeater-toolbar\"\r\n// import { TemplateRepeaterPagination } from \"./template-repeater-pagination\"\r\n// import type {\r\n//   TemplateRepeaterProps,\r\n//   TemplateRepeaterController,\r\n//   TemplateRepeaterSettings,\r\n//   TemplateRepeaterField,\r\n//   TemplateRepeaterFilter,\r\n// } from \"./template-repeater-types\"\r\n\r\n// export function TemplateRepeater<T extends Record<string, any>>({\r\n//   data,\r\n//   template,\r\n//   fields = [],\r\n//   filters = [],\r\n//   pagination = { enabled: false },\r\n//   settings = {},\r\n//   header,\r\n//   footer,\r\n//   className = \"\",\r\n//   loading = false,\r\n//   error,\r\n//   emptyMessage = \"No items found\",\r\n//   emptyIcon,\r\n//   onSelectionChange,\r\n//   onExport,\r\n//   onRefresh,\r\n//   onTemplateReady,\r\n//   children,\r\n// }: TemplateRepeaterProps<T>) {\r\n//   const {\r\n//     enableSorting = true,\r\n//     enableFiltering = true,\r\n//     enableGlobalSearch = true,\r\n//     enableSelection = false,\r\n//     enableExport = false,\r\n//     toolbar = true,\r\n//     selectionMode = \"multiple\",\r\n//     gridCols = { default: 3, sm: 1, md: 2, lg: 3, xl: 4, \"2xl\": 6 },\r\n//     gap = 4,\r\n//     aspectRatio = \"auto\",\r\n//     minCardWidth = 300,\r\n//     maxCardWidth = 400,\r\n//   } = settings as Required<TemplateRepeaterSettings>\r\n\r\n//   const [globalFilter, setGlobalFilter] = useState(\"\")\r\n//   const [fieldFilters, setFieldFilters] = useState<Partial<Record<keyof T, any>>>({})\r\n//   const [sortField, setSortField] = useState<keyof T | \"\">(\"\")\r\n//   const [sortDirection, setSortDirection] = useState<\"asc\" | \"desc\">(\"asc\")\r\n//   const [selectedItems, setSelectedItems] = useState<Set<number>>(new Set())\r\n//   const [currentPage, setCurrentPage] = useState(1)\r\n//   const [pageSize, setPageSize] = useState(pagination.pageSize || 12)\r\n//   const [currentGridCols, setCurrentGridCols] = useState(gridCols.default)\r\n\r\n//   const filteredAndSortedData = useMemo(() => {\r\n//     let result = [...data]\r\n\r\n//     if (enableGlobalSearch && globalFilter) {\r\n//       const searchableFields = fields.filter((field) => field.searchable !== false)\r\n//       result = result.filter((item) =>\r\n//         searchableFields.some((field) => {\r\n//           const value = item[field.key]\r\n//           return value?.toString().toLowerCase().includes(globalFilter.toLowerCase())\r\n//         }),\r\n//       )\r\n//     }\r\n\r\n//     if (enableFiltering) {\r\n//       (Object.keys(fieldFilters) as Array<keyof T>).forEach((key) => {\r\n//         const value = fieldFilters[key]\r\n//         if (value !== undefined && value !== null && value !== \"\") {\r\n//           const field = fields.find((f) => f.key === key)\r\n//           if (field) {\r\n//             result = result.filter((item) => {\r\n//               const itemValue = item[key]\r\n//               if (field.type === \"boolean\") {\r\n//                 return itemValue === (value === \"true\")\r\n//               } else if (field.type === \"number\") {\r\n//                 return itemValue === Number(value)\r\n//               } else {\r\n//                 return itemValue?.toString().toLowerCase().includes(String(value).toLowerCase())\r\n//               }\r\n//             })\r\n//           }\r\n//         }\r\n//       })\r\n//     }\r\n\r\n//     if (enableSorting && sortField) {\r\n//       const field = fields.find((f) => f.key === sortField)\r\n//       if (field) {\r\n//         result.sort((a, b) => {\r\n//           const aValue = a[sortField]\r\n//           const bValue = b[sortField]\r\n\r\n//           if (field.type === \"number\") {\r\n//             return sortDirection === \"asc\" ? Number(aValue) - Number(bValue) : Number(bValue) - Number(aValue)\r\n//           } else if (field.type === \"date\") {\r\n//             const aDate = new Date(aValue)\r\n//             const bDate = new Date(bValue)\r\n//             return sortDirection === \"asc\" ? aDate.getTime() - bDate.getTime() : bDate.getTime() - aDate.getTime()\r\n//           } else {\r\n//             const aStr = String(aValue).toLowerCase()\r\n//             const bStr = String(bValue).toLowerCase()\r\n//             return sortDirection === \"asc\" ? aStr.localeCompare(bStr) : bStr.localeCompare(aStr)\r\n//           }\r\n//         })\r\n//       }\r\n//     }\r\n\r\n//     return result\r\n//   }, [\r\n//     data,\r\n//     globalFilter,\r\n//     fieldFilters,\r\n//     sortField,\r\n//     sortDirection,\r\n//     fields,\r\n//     enableGlobalSearch,\r\n//     enableFiltering,\r\n//     enableSorting,\r\n//   ])\r\n\r\n//   const paginatedData = useMemo(() => {\r\n//     if (!pagination.enabled) return filteredAndSortedData\r\n\r\n//     const startIndex = (currentPage - 1) * pageSize\r\n//     const endIndex = startIndex + pageSize\r\n//     return filteredAndSortedData.slice(startIndex, endIndex)\r\n//   }, [filteredAndSortedData, currentPage, pageSize, pagination.enabled])\r\n\r\n//   const totalPages = Math.ceil(filteredAndSortedData.length / pageSize)\r\n\r\n//   const handleToggleSelect = useCallback(\r\n//     (index: number) => {\r\n//       if (!enableSelection) return\r\n\r\n//       setSelectedItems((prev) => {\r\n//         const newSelection = new Set(prev)\r\n//         if (selectionMode === \"single\") {\r\n//           newSelection.clear()\r\n//           newSelection.add(index)\r\n//         } else {\r\n//           if (newSelection.has(index)) {\r\n//             newSelection.delete(index)\r\n//           } else {\r\n//             newSelection.add(index)\r\n//           }\r\n//         }\r\n//         return newSelection\r\n//       })\r\n//     },\r\n//     [enableSelection, selectionMode],\r\n//   )\r\n\r\n//   const handleSelectAll = useCallback(() => {\r\n//     if (!enableSelection || selectionMode === \"single\") return\r\n\r\n//     if (selectedItems.size === filteredAndSortedData.length) {\r\n//       setSelectedItems(new Set())\r\n//     } else {\r\n//       setSelectedItems(new Set(filteredAndSortedData.map((_, index) => index)))\r\n//     }\r\n//   }, [enableSelection, selectionMode, selectedItems.size, filteredAndSortedData.length])\r\n\r\n//   const handleFieldFilterChange = useCallback((key: keyof T, value: any) => {\r\n//     setFieldFilters((prev) => ({ ...prev, [key]: value }))\r\n//     setCurrentPage(1)\r\n//   }, [])\r\n\r\n//   const handleSortChange = useCallback((field: keyof T, direction: \"asc\" | \"desc\") => {\r\n//     setSortField(field)\r\n//     setSortDirection(direction)\r\n//   }, [])\r\n\r\n//   const handleClearFilters = useCallback(() => {\r\n//     setGlobalFilter(\"\")\r\n//     setFieldFilters({})\r\n//     setCurrentPage(1)\r\n//   }, [])\r\n\r\n//   const handleClearSorting = useCallback(() => {\r\n//     setSortField(\"\")\r\n//     setSortDirection(\"asc\")\r\n//   }, [])\r\n\r\n//   const controller: TemplateRepeaterController<T> = useMemo(\r\n//     () => ({\r\n//       getSelectedItems: () => Array.from(selectedItems).map((index) => filteredAndSortedData[index]),\r\n//       clearSelection: () => setSelectedItems(new Set()),\r\n//       selectAll: handleSelectAll,\r\n//       getFilteredData: () => filteredAndSortedData,\r\n//       getTotalCount: () => data.length,\r\n//       getVisibleCount: () => filteredAndSortedData.length,\r\n//       refresh: () => onRefresh?.(),\r\n//       exportData: () => onExport?.(filteredAndSortedData),\r\n//     }),\r\n//     [selectedItems, filteredAndSortedData, data.length, handleSelectAll, onRefresh, onExport],\r\n//   )\r\n\r\n//   const controllerRef = useRef<TemplateRepeaterController<T> | null>(null)\r\n//   controllerRef.current = controller\r\n\r\n//   useEffect(() => {\r\n//     if (onTemplateReady && controllerRef.current) {\r\n//       onTemplateReady(controllerRef.current)\r\n//     }\r\n//   }, [])\r\n\r\n//   useEffect(() => {\r\n//     if (enableSelection && onSelectionChange) {\r\n//       const selected = Array.from(selectedItems).map((index) => filteredAndSortedData[index])\r\n//       onSelectionChange(selected)\r\n//     }\r\n//   }, [selectedItems])\r\n\r\n//   // const gridClasses = cn(\r\n//   //   \"grid gap-4\",\r\n//   //   `grid-cols-${gridCols.sm || 1} sm:grid-cols-${gridCols.md || 2} md:grid-cols-${gridCols.lg || 3} lg:grid-cols-${gridCols.xl || 4} xl:grid-cols-${gridCols[\"2xl\"] || 6}`,\r\n//   //   `gap-${gap}`,\r\n//   // )\r\n\r\n//   const gridContainerClasses = cn(\r\n//     \"w-full\",\r\n//     \"overflow-hidden\", // Prevent any potential overflow issues\r\n//     className\r\n//   );\r\n\r\n//   const gridClasses = cn(\r\n//     \"grid\",\r\n//     `gap-${gap}`,\r\n//     \"w-full\", // Ensure grid takes full width\r\n//     \"mx-auto\", // Center the grid if it doesn't take full width\r\n//     \"items-start\", // Align items to the top\r\n//   );\r\n\r\n//   const gridStyle = {\r\n//     // Primary grid definition - choose one of these options:\r\n\r\n//     gridTemplateColumns:\r\n//       currentGridCols === 0\r\n//         ? `repeat(auto-fill, minmax(clamp(${minCardWidth}px, 30%, ${maxCardWidth}px), 1fr))`\r\n//         : `repeat(auto-fill, minmax(clamp(${minCardWidth}px, calc(100%/${currentGridCols} - ${gap * 4}px), ${maxCardWidth}px), 1fr))`,\r\n\r\n//     // gridTemplateColumns: `repeat(auto-fill, minmax(clamp(${minCardWidth}px, calc(100%/${Math.min(\r\n//     //   currentGridCols,\r\n//     //   gridCols[\"2xl\"] || 6\r\n//     // )} - ${gap * 4}px), ${maxCardWidth}px))`,\r\n\r\n//     // Option 1: Fully fluid grid (recommended)\r\n//     // gridTemplateColumns: `repeat(auto-fill, minmax(clamp(${minCardWidth}px, 30%, ${maxCardWidth}px), 1fr))`,\r\n\r\n//     // Option 2: More controlled fluid grid\r\n//     // gridTemplateColumns: `repeat(auto-fit, minmax(clamp(${minCardWidth}px, 25vw, ${maxCardWidth}px), 1fr))`,\r\n\r\n//     // Option 3: Fixed maximum columns with fluid width\r\n//     // gridTemplateColumns: `repeat(min(6, auto-fill), minmax(${minCardWidth}px, ${maxCardWidth}px))`,\r\n\r\n//     // Additional grid enhancements\r\n//     justifyItems: \"center\", // Center items horizontally in their grid cells\r\n//     alignItems: \"stretch\", // Stretch items vertically to fill the grid cell\r\n//     gridAutoRows: \"1fr\", // Make all rows the same height\r\n//     gridAutoFlow: \"dense\", // Try to fill holes in the grid\r\n//   };\r\n\r\n//   if (error) {\r\n//     return (\r\n//       <Card className=\"w-full\">\r\n//         <CardContent className=\"flex items-center justify-center py-12\">\r\n//           <div className=\"text-center\">\r\n//             <div className=\"text-red-500 mb-3 text-2xl\">⚠️</div>\r\n//             <p className=\"text-sm text-muted-foreground mb-4\">{error}</p>\r\n//             {onRefresh && (\r\n//               <Button variant=\"outline\" size=\"sm\" onClick={onRefresh}>\r\n//                 <Loader2 className=\"mr-2 h-4 w-4\" />\r\n//                 Try Again\r\n//               </Button>\r\n//             )}\r\n//           </div>\r\n//         </CardContent>\r\n//       </Card>\r\n//     )\r\n//   }\r\n\r\n//   return (\r\n//     <div className={cn(\"w-full flex gap-2 flex-col h-full\", gridContainerClasses)}>\r\n//       {/* Header */}\r\n//       {header && (\r\n//         <Card className=\"shadow-sm border-0 bg-gradient-to-r from-background to-muted/20\">\r\n//           <CardContent className=\"p-6\">{header}</CardContent>\r\n//         </Card>\r\n//       )}\r\n\r\n//       {/* Toolbar */}\r\n//       {toolbar && (\r\n//         <TemplateRepeaterToolbar<T>\r\n//           fields={fields}\r\n//           filters={filters}\r\n//           globalFilter={globalFilter}\r\n//           onGlobalFilterChange={setGlobalFilter}\r\n//           fieldFilters={fieldFilters}\r\n//           onFieldFilterChange={handleFieldFilterChange}\r\n//           sortField={sortField}\r\n//           sortDirection={sortDirection}\r\n//           onSortChange={handleSortChange}\r\n//           selectedCount={selectedItems.size}\r\n//           totalCount={data.length}\r\n//           visibleCount={filteredAndSortedData.length}\r\n//           onExport={enableExport ? () => onExport?.(filteredAndSortedData) : undefined}\r\n//           onRefresh={onRefresh}\r\n//           loading={loading}\r\n//           gridCols={currentGridCols}\r\n//           onGridColsChange={setCurrentGridCols}\r\n//           onClearFilters={handleClearFilters}\r\n//           onClearSorting={handleClearSorting}\r\n//         />\r\n//       )}\r\n\r\n//       {/* Main Content */}\r\n//       <Card className=\"border-0 overflow-auto shadow-none py-0 p-2 flex-1\">\r\n//         <CardContent className=\"px-0 h-full\">\r\n//           <div className=\"relative flex-1 h-full\">\r\n//             {loading && (\r\n//               <div className=\"absolute inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center rounded-lg\">\r\n//                 <div className=\"flex items-center gap-3 bg-background/90 px-4 py-3 rounded-lg shadow-sm\">\r\n//                   <Loader2 className=\"size-5 animate-spin text-primary\" />\r\n//                   <span className=\"text-sm font-medium text-muted-foreground\">Loading...</span>\r\n//                 </div>\r\n//               </div>\r\n//             )}\r\n\r\n//             {paginatedData.length > 0 ? (\r\n//               <div\r\n//                 className={cn(gridClasses)}\r\n//                 // style={{\r\n//                 //   gridTemplateColumns: `repeat(${currentGridCols}, minmax(${minCardWidth}px, ${maxCardWidth}px))`,\r\n//                 //   justifyContent: \"center\",\r\n//                 // }}\r\n//                 style={gridStyle}\r\n//               >\r\n//                 {paginatedData.map((item, index) => {\r\n//                   const globalIndex = pagination.enabled ? (currentPage - 1) * pageSize + index : index\r\n//                   const isSelected = selectedItems.has(globalIndex)\r\n\r\n//                   return (\r\n//                     <div\r\n//                       key={globalIndex}\r\n//                       className={cn(\r\n//                         \"relative h-full w-full flex flex-col\",\r\n//                         \"transition-all duration-200 overflow-hidden\",\r\n//                         \"rounded-2xl\",\r\n//                         \"border border-border/20 hover:border-border/50\",\r\n//                         aspectRatio === \"square\" ? \"aspect-square\" : \"\",\r\n//                         aspectRatio === \"video\" ? \"aspect-video\" : \"\",\r\n//                         enableSelection ? \"cursor-pointer\" : \"\",\r\n//                         isSelected ? \"ring-2 ring-primary\" : \"\"\r\n//                       )}\r\n//                       onClick={() => enableSelection && handleToggleSelect(globalIndex)}\r\n//                     >\r\n//                       {enableSelection && (\r\n//                         <div className=\"absolute top-2 right-2 z-10\">\r\n//                           <Checkbox\r\n//                             checked={isSelected}\r\n//                             onCheckedChange={() => handleToggleSelect(globalIndex)}\r\n//                             className=\"bg-background/80 backdrop-blur-sm\"\r\n//                             onClick={(e) => e.stopPropagation()}\r\n//                           />\r\n//                         </div>\r\n//                       )}\r\n//                       {template(item, index, isSelected, () => handleToggleSelect(globalIndex))}\r\n//                     </div>\r\n//                   )\r\n//                 })}\r\n//               </div>\r\n//             ) : (\r\n//               <div className=\"flex flex-col items-center justify-center py-12 text-center h-full\">\r\n//                 <div className=\"text-6xl mb-4\">{emptyIcon || \"📋\"}</div>\r\n//                 <p className=\"text-lg font-medium text-muted-foreground mb-2\">{emptyMessage}</p>\r\n//                 {(globalFilter || Object.values(fieldFilters).some((v) => v)) && (\r\n//                   <Button variant=\"outline\" onClick={handleClearFilters}>\r\n//                     Clear Filters\r\n//                   </Button>\r\n//                 )}\r\n//               </div>\r\n//             )}\r\n//           </div>\r\n//         </CardContent>\r\n//       </Card>\r\n\r\n//       {/* Pagination */}\r\n//       {pagination.enabled && (\r\n//         <TemplateRepeaterPagination\r\n//           currentPage={currentPage}\r\n//           totalPages={totalPages}\r\n//           pageSize={pageSize}\r\n//           totalItems={filteredAndSortedData.length}\r\n//           onPageChange={setCurrentPage}\r\n//           onPageSizeChange={(size) => {\r\n//             setPageSize(size)\r\n//             setCurrentPage(1)\r\n//           }}\r\n//           config={pagination}\r\n//         />\r\n//       )}\r\n\r\n//       {/* Footer */}\r\n//       {footer && (\r\n//         <Card className=\"shadow-sm\">\r\n//           <CardContent className=\"p-6\">{footer}</CardContent>\r\n//         </Card>\r\n//       )}\r\n\r\n//       {/* Children with controller */}\r\n//       {children && children(controller)}\r\n//     </div>\r\n//   )\r\n// }","import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}","import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn(\n        \"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn(\"leading-none font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\n        \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn(\"px-6\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\"flex items-center px-6 [.border-t]:pt-6\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n}\n","import * as React from \"react\"\nimport { Slot as SlotPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? SlotPrimitive.Slot : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }), \"transition-none\")}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","import * as React from \"react\"\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\"\nimport { CheckIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        \"peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"flex items-center justify-center text-current transition-none\"\n      >\n        <CheckIcon className=\"size-3.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\n\nexport { Checkbox }\n","import { Search, Download, RefreshCw, Filter, X, ChevronDown, Settings2 } from \"lucide-react\"\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport { Input } from \"../../ui/input.jsx\"\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuLabel,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuTrigger,\r\n} from \"../../ui/dropdown-menu.jsx\"\r\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport type { DataTemplateField, DataTemplateFilter } from \"./data-template-types.js\"\r\n\r\ninterface DataTemplateToolbarProps<T extends Record<string, any>> {\r\n  fields: DataTemplateField<T>[]\r\n  filters: DataTemplateFilter<T>[]\r\n  globalFilter: string\r\n  onGlobalFilterChange: (value: string) => void\r\n  fieldFilters: Partial<Record<keyof T, any>>\r\n  onFieldFilterChange: (key: keyof T, value: any) => void\r\n  sortField: keyof T | \"\"\r\n  sortDirection: \"asc\" | \"desc\"\r\n  onSortChange: (field: keyof T, direction: \"asc\" | \"desc\") => void\r\n  selectedCount: number\r\n  totalCount: number\r\n  visibleCount: number\r\n  onExport?: () => void\r\n  onRefresh?: () => void\r\n  loading?: boolean\r\n  onClearFilters: () => void\r\n  onClearSorting: () => void\r\n}\r\n\r\nexport function DataTemplateToolbar<T extends Record<string, any>>({\r\n  fields,\r\n  filters,\r\n  globalFilter,\r\n  onGlobalFilterChange,\r\n  fieldFilters,\r\n  onFieldFilterChange,\r\n  sortField,\r\n  sortDirection,\r\n  onSortChange,\r\n  selectedCount,\r\n  totalCount,\r\n  visibleCount,\r\n  onExport,\r\n  onRefresh,\r\n  loading,\r\n  onClearFilters,\r\n  onClearSorting,\r\n}: DataTemplateToolbarProps<T>) {\r\n  const sortableFields = fields.filter((field) => field.sortable)\r\n  const hasActiveFilters =\r\n    Object.values(fieldFilters).some((value) => value !== undefined && value !== null && value !== \"\") ||\r\n    globalFilter !== \"\"\r\n  const hasActiveSorting = sortField !== \"\"\r\n\r\n  return (\r\n    <div className=\"rounded-xl p-0.5\">\r\n      <div className=\"px-2\">\r\n        <div className=\"flex flex-col gap-6\">\r\n          {/* Top Controls */}\r\n          <div className=\"flex items-center justify-between\">\r\n            <div className=\"flex items-center gap-3\">\r\n              {/* Filters Row */}\r\n              {filters.length > 0 && (\r\n                <div className=\"flex items-center gap-3 flex-wrap\">\r\n                  <div className=\"flex items-center gap-2 text-sm font-medium text-muted-foreground\">\r\n                    <Filter className=\"h-4 w-4\" />\r\n                  </div>\r\n                  {filters.map((filter) => (\r\n                    <div key={String(filter.key)} className=\"relative min-w-[150px]\">\r\n                      {filter.type === \"select\" ? (\r\n                        <Select\r\n                          value={fieldFilters[filter.key] || \"all\"}\r\n                          onValueChange={(value) => onFieldFilterChange(filter.key, value)}\r\n                        >\r\n                          {filter.icon && (\r\n                            <filter.icon className=\"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" />\r\n                          )}\r\n                          <SelectTrigger className={cn(\"h-9 rounded-lg w-full\", filter.icon && \"pl-9\")}>\r\n                            <SelectValue placeholder={filter.placeholder || \"Select...\"} />\r\n                          </SelectTrigger>\r\n                          <SelectContent className=\"rounded-lg\">\r\n                            <SelectItem value=\"all\">All</SelectItem>\r\n                            {filter.options?.map((option) => (\r\n                              <SelectItem key={option.value} value={option.value}>\r\n                                {option.label}\r\n                              </SelectItem>\r\n                            ))}\r\n                          </SelectContent>\r\n                        </Select>\r\n                      ) : (\r\n                        <div className=\"relative\">\r\n                          {filter.icon && (\r\n                            <filter.icon className=\"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" />\r\n                          )}\r\n                          <Input\r\n                            type={filter.type}\r\n                            placeholder={filter.placeholder}\r\n                            value={fieldFilters[filter.key] || \"\"}\r\n                            onChange={(e) => onFieldFilterChange(filter.key, e.target.value)}\r\n                            className={cn(\"h-9 rounded-lg\", filter.icon && \"pl-9\")}\r\n                          />\r\n                        </div>\r\n                      )}\r\n                    </div>\r\n                  ))}\r\n                </div>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"flex items-center gap-2\">\r\n              {/* Global Search */}\r\n              <div className=\"relative\">\r\n                <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\r\n                <Input\r\n                  placeholder=\"Global search...\"\r\n                  value={globalFilter}\r\n                  onChange={(e) => onGlobalFilterChange(e.target.value)}\r\n                  className=\"pl-9 h-9 rounded-lg max-w-max\"\r\n                />\r\n              </div>\r\n\r\n              {/* Sort Dropdown */}\r\n              {sortableFields.length > 0 && (\r\n                <DropdownMenu>\r\n                  <DropdownMenuTrigger asChild>\r\n                    <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg gap-1\">\r\n                      <span>Sort</span>\r\n                      <ChevronDown className=\"h-4 w-4 opacity-50\" />\r\n                    </Button>\r\n                  </DropdownMenuTrigger>\r\n                  <DropdownMenuContent align=\"end\" className=\"w-[200px] rounded-lg\">\r\n                    <DropdownMenuLabel>Sort By</DropdownMenuLabel>\r\n                    <DropdownMenuSeparator />\r\n                    {sortableFields.map((field) => (\r\n                      <div key={String(field.key)}>\r\n                        <DropdownMenuItem onClick={() => onSortChange(field.key, \"asc\")}>\r\n                          {field.label} (A-Z)\r\n                        </DropdownMenuItem>\r\n                        <DropdownMenuItem onClick={() => onSortChange(field.key, \"desc\")}>\r\n                          {field.label} (Z-A)\r\n                        </DropdownMenuItem>\r\n                      </div>\r\n                    ))}\r\n                    {hasActiveSorting && (\r\n                      <>\r\n                        <DropdownMenuSeparator />\r\n                        <DropdownMenuItem onClick={onClearSorting}>\r\n                          Clear All Sorting\r\n                        </DropdownMenuItem>\r\n                      </>\r\n                    )}\r\n                  </DropdownMenuContent>\r\n                </DropdownMenu>\r\n              )}\r\n\r\n              {/* Table Settings */}\r\n              <DropdownMenu>\r\n                <DropdownMenuTrigger asChild>\r\n                  <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg\">\r\n                    <Settings2 className=\"h-4 w-4\" />\r\n                  </Button>\r\n                </DropdownMenuTrigger>\r\n                <DropdownMenuContent align=\"end\" className=\"w-[200px] rounded-lg\">\r\n                  <DropdownMenuLabel>Table Settings</DropdownMenuLabel>\r\n                  <DropdownMenuSeparator />\r\n                  <DropdownMenuItem onClick={onClearSorting}>\r\n                    Clear All Sorting\r\n                  </DropdownMenuItem>\r\n                  <DropdownMenuItem onClick={onClearFilters}>\r\n                    Clear All Filters\r\n                  </DropdownMenuItem>\r\n                </DropdownMenuContent>\r\n              </DropdownMenu>\r\n\r\n              {/* Export Button */}\r\n              {onExport && (\r\n                <Button variant=\"outline\" size=\"sm\" onClick={onExport} className=\"rounded-lg\">\r\n                  <Download className=\"mr-2 h-4 w-4\" />\r\n                  Export\r\n                </Button>\r\n              )}\r\n\r\n              {/* Refresh Button */}\r\n              {onRefresh && (\r\n                <Button\r\n                  variant=\"outline\"\r\n                  size=\"sm\"\r\n                  onClick={onRefresh}\r\n                  disabled={loading}\r\n                  className=\"rounded-lg\"\r\n                >\r\n                  <RefreshCw className={cn(\"h-4 w-4\", loading && \"animate-spin\")} />\r\n                </Button>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\n\r\n// import { Search, Download, RefreshCw, Filter, X, SortAsc, SortDesc, Grid3X3, Grid2X2, LayoutGrid, XIcon } from \"lucide-react\"\r\n// import { Button } from \"../../ui/button\"\r\n// import { Input } from \"../../ui/input\"\r\n// import {\r\n//   DropdownMenu,\r\n//   DropdownMenuContent,\r\n//   DropdownMenuItem,\r\n//   DropdownMenuLabel,\r\n//   DropdownMenuSeparator,\r\n//   DropdownMenuTrigger,\r\n//   DropdownMenuRadioGroup,\r\n//   DropdownMenuRadioItem,\r\n// } from \"../../ui/dropdown-menu\"\r\n// import { Badge } from \"../../ui/badge\"\r\n// import { Separator } from \"../../ui/separator\"\r\n// import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select\"\r\n// import type { TemplateRepeaterField, TemplateRepeaterFilter } from \"./template-repeater-types\"\r\n\r\n// // Constrain T to be an object with string keys\r\n// interface TemplateRepeaterToolbarProps<T extends Record<string, any>> {\r\n//   fields: TemplateRepeaterField<T>[]\r\n//   filters: TemplateRepeaterFilter<T>[]\r\n//   globalFilter: string\r\n//   onGlobalFilterChange: (value: string) => void\r\n//   fieldFilters: Partial<Record<keyof T, any>>\r\n//   onFieldFilterChange: (key: keyof T, value: any) => void\r\n//   sortField: keyof T | \"\"\r\n//   sortDirection: \"asc\" | \"desc\"\r\n//   onSortChange: (field: keyof T, direction: \"asc\" | \"desc\") => void\r\n//   selectedCount: number\r\n//   totalCount: number\r\n//   visibleCount: number\r\n//   onExport?: () => void\r\n//   onRefresh?: () => void\r\n//   loading?: boolean\r\n//   gridCols: number\r\n//   onGridColsChange: (cols: number) => void\r\n//   onClearFilters: () => void\r\n//   onClearSorting: () => void\r\n// }\r\n\r\n// export function TemplateRepeaterToolbar<T extends Record<string, any>>({\r\n//   fields,\r\n//   filters,\r\n//   globalFilter,\r\n//   onGlobalFilterChange,\r\n//   fieldFilters,\r\n//   onFieldFilterChange,\r\n//   sortField,\r\n//   sortDirection,\r\n//   onSortChange,\r\n//   selectedCount,\r\n//   totalCount,\r\n//   visibleCount,\r\n//   onExport,\r\n//   onRefresh,\r\n//   loading,\r\n//   gridCols,\r\n//   onGridColsChange,\r\n//   onClearFilters,\r\n//   onClearSorting,\r\n// }: TemplateRepeaterToolbarProps<T>) {\r\n//   const sortableFields = fields.filter((field) => field.sortable)\r\n//   const hasActiveFilters =\r\n//     Object.values(fieldFilters).some((value) => value !== undefined && value !== null && value !== \"\") ||\r\n//     globalFilter !== \"\"\r\n//   const hasActiveSorting = sortField !== \"\"\r\n\r\n//   // const gridOptions = [\r\n//   //   { value: 1, icon: LayoutGrid, label: \"1 Column\" },\r\n//   //   { value: 2, icon: Grid2X2, label: \"2 Columns\" },\r\n//   //   { value: 3, icon: Grid3X3, label: \"3 Columns\" },\r\n//   //   { value: 4, icon: Grid3X3, label: \"4 Columns\" },\r\n//   //   { value: 0, icon: Grid3X3, label: \"Auto Fit\" },\r\n//   // ];\r\n\r\n//   // Helper function to safely convert keyof T to string for React keys\r\n//   const getKeyString = (key: keyof T): string => String(key)\r\n\r\n//   return (\r\n//     <div className=\"flex flex-col gap-4 p-2 bg-muted/20 rounded-lg flex-none\">\r\n//       {/* Top Row - Search and Actions */}\r\n//       <div className=\"flex flex-col sm:flex-row gap-4 items-start sm:items-center justify-between\">\r\n//         <div className=\"flex flex-1 items-center gap-2 max-w-max\">\r\n//         </div>\r\n\r\n//         <div className=\"flex items-center gap-2\">\r\n//           <div className=\"relative flex-1\">\r\n//             <Search className=\"absolute left-3 top-1/2 transform -translate-y-1/2 size-4 text-muted-foreground\" />\r\n//             <Input\r\n//               placeholder=\"Global Search...\"\r\n//               value={globalFilter}\r\n//               onChange={(e) => onGlobalFilterChange(e.target.value)}\r\n//               className=\"pl-9 h-8\"\r\n//               id=\"search\"\r\n//             />\r\n//           </div>\r\n//           {globalFilter && (\r\n//             <Button variant=\"ghost\" size=\"sm\" onClick={() => onGlobalFilterChange(\"\")}>\r\n//               <XIcon className=\"h-4 w-4\" />\r\n//             </Button>\r\n//           )}\r\n//           {/* Grid Layout Selector */}\r\n//           {/* <DropdownMenu>\r\n//             <DropdownMenuTrigger asChild>\r\n//               <Button variant=\"outline\" size=\"sm\">\r\n//                 <LayoutGrid className=\"h-4 w-4\" />\r\n//                 Grid\r\n//               </Button>\r\n//             </DropdownMenuTrigger>\r\n//             <DropdownMenuContent align=\"end\">\r\n//               <DropdownMenuLabel>Grid Layout</DropdownMenuLabel>\r\n//               <DropdownMenuSeparator />\r\n//               <DropdownMenuRadioGroup\r\n//                 value={gridCols.toString()}\r\n//                 onValueChange={(value) => onGridColsChange(Number.parseInt(value))}\r\n//               >\r\n//                 {gridOptions.map((option) => (\r\n//                   <DropdownMenuRadioItem key={option.value} value={option.value.toString()}>\r\n//                     <option.icon className=\"h-4 w-4\" />\r\n//                     {option.label}\r\n//                   </DropdownMenuRadioItem>\r\n//                 ))}\r\n//               </DropdownMenuRadioGroup>\r\n//             </DropdownMenuContent>\r\n//           </DropdownMenu> */}\r\n\r\n//           {/* Sort Dropdown */}\r\n//           {sortableFields.length > 0 && (\r\n//             <DropdownMenu>\r\n//               <DropdownMenuTrigger asChild>\r\n//                 <Button variant=\"outline\" size=\"sm\">\r\n//                   {sortDirection === \"asc\" ? (\r\n//                     <SortAsc className=\"h-4 w-4 mr-2\" />\r\n//                   ) : (\r\n//                     <SortDesc className=\"h-4 w-4 mr-2\" />\r\n//                   )}\r\n//                   Sort\r\n//                   {hasActiveSorting && (\r\n//                     <Badge variant=\"secondary\" className=\"ml-2\">\r\n//                       1\r\n//                     </Badge>\r\n//                   )}\r\n//                 </Button>\r\n//               </DropdownMenuTrigger>\r\n//               <DropdownMenuContent align=\"end\" className=\"w-48\">\r\n//                 <DropdownMenuLabel>Sort by</DropdownMenuLabel>\r\n//                 <DropdownMenuSeparator />\r\n//                 {sortableFields.map((field) => (\r\n//                   <div key={getKeyString(field.key)}>\r\n//                     <DropdownMenuItem onClick={() => onSortChange(field.key, \"asc\")}>\r\n//                       <SortAsc className=\"h-4 w-4 mr-2\" />\r\n//                       {field.label} (A-Z)\r\n//                     </DropdownMenuItem>\r\n//                     <DropdownMenuItem onClick={() => onSortChange(field.key, \"desc\")}>\r\n//                       <SortDesc className=\"h-4 w-4 mr-2\" />\r\n//                       {field.label} (Z-A)\r\n//                     </DropdownMenuItem>\r\n//                   </div>\r\n//                 ))}\r\n//                 {hasActiveSorting && (\r\n//                   <>\r\n//                     <DropdownMenuSeparator />\r\n//                     <DropdownMenuItem onClick={onClearSorting}>\r\n//                       <XIcon className=\"h-4 w-4 mr-2\" />\r\n//                       Clear Sort\r\n//                     </DropdownMenuItem>\r\n//                   </>\r\n//                 )}\r\n//               </DropdownMenuContent>\r\n//             </DropdownMenu>\r\n//           )}\r\n\r\n//           {/* Filters Dropdown */}\r\n//           {filters.length > 0 && (\r\n//             <DropdownMenu>\r\n//               <DropdownMenuTrigger asChild>\r\n//                 <Button variant=\"outline\" size=\"sm\">\r\n//                   <Filter className=\"h-4 w-4 mr-2\" />\r\n//                   Filters\r\n//                   {hasActiveFilters && (\r\n//                     <Badge variant=\"secondary\" className=\"ml-2\">\r\n//                       {Object.values(fieldFilters).filter((v) => v !== undefined && v !== null && v !== \"\").length +\r\n//                         (globalFilter ? 1 : 0)}\r\n//                     </Badge>\r\n//                   )}\r\n//                 </Button>\r\n//               </DropdownMenuTrigger>\r\n//               <DropdownMenuContent align=\"end\" className=\"w-64\">\r\n//                 <DropdownMenuLabel>Filters</DropdownMenuLabel>\r\n//                 <DropdownMenuSeparator />\r\n//                 <div className=\"p-2 space-y-3\">\r\n//                   {filters.map((filter) => (\r\n//                     <div key={getKeyString(filter.key)} className=\"space-y-1\">\r\n//                       <label className=\"text-sm font-medium\">{filter.label}</label>\r\n//                       {filter.type === \"select\" ? (\r\n//                         <Select\r\n//                           value={fieldFilters[filter.key] || \"all\"}\r\n//                           onValueChange={(value) => onFieldFilterChange(filter.key, value)}\r\n//                         >\r\n//                           <SelectTrigger className=\"h-8\">\r\n//                             <SelectValue placeholder={filter.placeholder || \"Select...\"} />\r\n//                           </SelectTrigger>\r\n//                           <SelectContent>\r\n//                             <SelectItem value=\"all\">All</SelectItem>\r\n//                             {filter.options?.map((option) => (\r\n//                               <SelectItem key={option.value} value={option.value}>\r\n//                                 {option.label}\r\n//                               </SelectItem>\r\n//                             ))}\r\n//                           </SelectContent>\r\n//                         </Select>\r\n//                       ) : (\r\n//                         <Input\r\n//                           type={filter.type}\r\n//                           placeholder={filter.placeholder}\r\n//                           value={fieldFilters[filter.key] || \"\"}\r\n//                           onChange={(e) => onFieldFilterChange(filter.key, e.target.value)}\r\n//                           className=\"h-8\"\r\n//                         />\r\n//                       )}\r\n//                     </div>\r\n//                   ))}\r\n//                 </div>\r\n//                 {hasActiveFilters && (\r\n//                   <>\r\n//                     <DropdownMenuSeparator />\r\n//                     <DropdownMenuItem onClick={onClearFilters}>\r\n//                       <XIcon className=\"h-4 w-4 mr-2\" />\r\n//                       Clear All Filters\r\n//                     </DropdownMenuItem>\r\n//                   </>\r\n//                 )}\r\n//               </DropdownMenuContent>\r\n//             </DropdownMenu>\r\n//           )}\r\n\r\n//           <Separator orientation=\"vertical\" className=\"h-6\" />\r\n\r\n//           {onRefresh && (\r\n//             <Button variant=\"outline\" size=\"sm\" onClick={onRefresh} disabled={loading}>\r\n//               <RefreshCw className={`h-4 w-4 mr-2 ${loading ? \"animate-spin\" : \"\"}`} />\r\n//               Refresh\r\n//             </Button>\r\n//           )}\r\n\r\n//           {onExport && (\r\n//             <Button variant=\"outline\" size=\"sm\" onClick={onExport} disabled={loading}>\r\n//               <Download className=\"h-4 w-4 mr-2\" />\r\n//               Export\r\n//             </Button>\r\n//           )}\r\n//         </div>\r\n//       </div>\r\n\r\n//       {/* Bottom Row - Stats and Active Filters */}\r\n//       {/* <div className=\"flex flex-col sm:flex-row gap-2 items-start sm:items-center justify-between text-sm text-muted-foreground\">\r\n//         <div className=\"flex items-center gap-4\">\r\n//           <span>\r\n//             Showing {visibleCount.toLocaleString()} of {totalCount.toLocaleString()} items\r\n//           </span>\r\n//           {selectedCount > 0 && (\r\n//             <span className=\"text-primary font-medium\">{selectedCount.toLocaleString()} selected</span>\r\n//           )}\r\n//         </div>\r\n//         {hasActiveFilters && (\r\n//           <div className=\"flex items-center gap-2 flex-wrap\">\r\n//             <span className=\"text-xs\">Active filters:</span>\r\n//             {globalFilter && (\r\n//               <Badge variant=\"secondary\" className=\"text-xs\">\r\n//                 Search: {globalFilter}\r\n//                 <Button variant=\"ghost\" size=\"sm\" className=\"h-auto p-0 ml-1\" onClick={() => onGlobalFilterChange(\"\")}>\r\n//                   <XIcon className=\"h-3 w-3\" />\r\n//                 </Button>\r\n//               </Badge>\r\n//             )}\r\n//             {(Object.keys(fieldFilters) as Array<keyof T>).map((key) => {\r\n//               const value = fieldFilters[key]\r\n//               if (!value) return null\r\n//               const filter = filters.find((f) => f.key === key)\r\n//               if (!filter) return null\r\n//               return (\r\n//                 <Badge key={getKeyString(key)} variant=\"secondary\" className=\"text-xs\">\r\n//                   {filter.label}: {String(value)}\r\n//                   <Button\r\n//                     variant=\"ghost\"\r\n//                     size=\"sm\"\r\n//                     className=\"h-auto p-0 ml-1\"\r\n//                     onClick={() => onFieldFilterChange(key, \"\")}\r\n//                   >\r\n//                     <XIcon className=\"h-3 w-3\" />\r\n//                   </Button>\r\n//                 </Badge>\r\n//               )\r\n//             })}\r\n//           </div>\r\n//         )}\r\n//       </div> */}\r\n//     </div>\r\n//   )\r\n// }","import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n        \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n        \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n","import * as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  )\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) rounded-md border p-1 shadow-md\",\n          className\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  )\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean\n  variant?: \"default\" | \"destructive\"\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"cursor-pointer focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n}\n","import * as React from \"react\"\nimport { Select as SelectPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = \"popper\",\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md\",\n          position === \"popper\" &&\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n          className\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            \"p-1\",\n            position === \"popper\" &&\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\"\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n","import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from \"lucide-react\"\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select.jsx\"\r\nimport type { DataTemplatePaginationConfig } from \"./data-template-types.js\"\r\n\r\ninterface DataTemplatePaginationProps {\r\n  currentPage: number\r\n  totalPages: number\r\n  pageSize: number\r\n  totalItems: number\r\n  onPageChange: (page: number) => void\r\n  onPageSizeChange: (pageSize: number) => void\r\n  config: DataTemplatePaginationConfig\r\n}\r\n\r\nexport function DataTemplatePagination({\r\n  currentPage,\r\n  totalPages,\r\n  pageSize,\r\n  totalItems,\r\n  onPageChange,\r\n  onPageSizeChange,\r\n  config,\r\n}: DataTemplatePaginationProps) {\r\n  // if (!config.enabled || totalPages <= 1) {\r\n  if (!config.enabled) {\r\n    return null\r\n  }\r\n\r\n  const pageSizeOptions = config.pageSizeOptions || [10, 20, 50, 100]\r\n  const startItem = (currentPage - 1) * pageSize + 1\r\n  const endItem = Math.min(currentPage * pageSize, totalItems)\r\n\r\n  const canPreviousPage = currentPage > 1\r\n  const canNextPage = currentPage < totalPages\r\n\r\n  // Generate page numbers to show\r\n  const getPageNumbers = () => {\r\n    const delta = 2\r\n    const range = []\r\n    const rangeWithDots = []\r\n\r\n    for (let i = Math.max(2, currentPage - delta); i <= Math.min(totalPages - 1, currentPage + delta); i++) {\r\n      range.push(i)\r\n    }\r\n\r\n    if (currentPage - delta > 2) {\r\n      rangeWithDots.push(1, \"...\")\r\n    } else {\r\n      rangeWithDots.push(1)\r\n    }\r\n\r\n    rangeWithDots.push(...range)\r\n\r\n    if (currentPage + delta < totalPages - 1) {\r\n      rangeWithDots.push(\"...\", totalPages)\r\n    } else if (totalPages > 1) {\r\n      rangeWithDots.push(totalPages)\r\n    }\r\n\r\n    return rangeWithDots\r\n  }\r\n\r\n  return (\r\n    <div className=\"rounded-xl\">\r\n      <div className=\"flex flex-col sm:flex-row items-center justify-between gap-4\">\r\n        {/* Info Section */}\r\n        <div className=\"flex items-center gap-6 text-sm text-muted-foreground\">\r\n          {config.showInfo !== false && (\r\n            <span>\r\n              Showing {startItem} to {endItem} of {totalItems} entries\r\n            </span>\r\n          )}\r\n        </div>\r\n\r\n        {/* Controls Section */}\r\n        <div className=\"flex flex-col sm:flex-row items-center gap-4\">\r\n          {/* Page Size Selector */}\r\n          {pageSizeOptions && (\r\n            <div className=\"flex items-center gap-2\">\r\n              <span className=\"text-sm font-medium whitespace-nowrap\">Page size:</span>\r\n              <Select value={`${pageSize}`} onValueChange={(value) => onPageSizeChange(Number(value))}>\r\n                <SelectTrigger className=\"h-9 w-[70px] rounded-lg\">\r\n                  <SelectValue />\r\n                </SelectTrigger>\r\n                <SelectContent side=\"top\" className=\"rounded-lg\">\r\n                  {pageSizeOptions.map((size) => (\r\n                    <SelectItem key={size} value={`${size}`}>\r\n                      {size}\r\n                    </SelectItem>\r\n                  ))}\r\n                </SelectContent>\r\n              </Select>\r\n            </div>\r\n          )}\r\n\r\n          {/* Navigation Controls */}\r\n          <div className=\"flex items-center gap-2\">\r\n            {/* First Page */}\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"sm\"\r\n              onClick={() => onPageChange(1)}\r\n              disabled={!canPreviousPage}\r\n              className=\"hidden sm:flex rounded-lg\"\r\n            >\r\n              <ChevronsLeft className=\"h-4 w-4\" />\r\n              <span className=\"sr-only\">Go to first page</span>\r\n            </Button>\r\n\r\n            {/* Previous Page */}\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"sm\"\r\n              onClick={() => onPageChange(currentPage - 1)}\r\n              disabled={!canPreviousPage}\r\n              className=\"rounded-lg\"\r\n            >\r\n              <ChevronLeft className=\"h-4 w-4 sm:mr-2\" />\r\n              <span className=\"hidden sm:inline\">Previous</span>\r\n              <span className=\"sr-only sm:hidden\">Go to previous page</span>\r\n            </Button>\r\n\r\n            {/* Page Numbers */}\r\n            {config.showPageNumbers && totalPages > 1 && (\r\n              <div className=\"hidden sm:flex items-center gap-1\">\r\n                {getPageNumbers().map((pageNumber, index) => {\r\n                  if (pageNumber === \"...\") {\r\n                    return (\r\n                      <span key={`dots-${index}`} className=\"px-2 py-1 text-sm text-muted-foreground\">\r\n                        ...\r\n                      </span>\r\n                    )\r\n                  }\r\n\r\n                  const page = pageNumber as number\r\n                  return (\r\n                    <Button\r\n                      key={page}\r\n                      variant={page === currentPage ? \"default\" : \"outline\"}\r\n                      size=\"sm\"\r\n                      className=\"w-9 h-9 p-0 rounded-lg\"\r\n                      onClick={() => onPageChange(page)}\r\n                    >\r\n                      {page}\r\n                    </Button>\r\n                  )\r\n                })}\r\n              </div>\r\n            )}\r\n\r\n            {/* Current Page Indicator (Mobile) */}\r\n            <div className=\"sm:hidden flex items-center gap-2 px-3 py-1 text-sm font-medium bg-muted rounded-lg\">\r\n              {currentPage} of {totalPages}\r\n            </div>\r\n\r\n            {/* Next Page */}\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"sm\"\r\n              onClick={() => onPageChange(currentPage + 1)}\r\n              disabled={!canNextPage}\r\n              className=\"rounded-lg\"\r\n            >\r\n              <span className=\"hidden sm:inline\">Next</span>\r\n              <ChevronRight className=\"h-4 w-4 sm:ml-2\" />\r\n              <span className=\"sr-only sm:hidden\">Go to next page</span>\r\n            </Button>\r\n\r\n            {/* Last Page */}\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"sm\"\r\n              onClick={() => onPageChange(totalPages)}\r\n              disabled={!canNextPage}\r\n              className=\"hidden sm:flex rounded-lg\"\r\n            >\r\n              <ChevronsRight className=\"h-4 w-4\" />\r\n              <span className=\"sr-only\">Go to last page</span>\r\n            </Button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n","import * as React from \"react\"\nimport { Separator as SeparatorPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator-root\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n","import * as React from \"react\"\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  )\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n","import { Button } from \"../../ui/button.jsx\"\r\nimport { Separator } from \"../../ui/separator.jsx\"\r\nimport { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider } from \"../../ui/tooltip.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport { Loader, X } from \"lucide-react\"\r\nimport { AnimatePresence, motion } from \"framer-motion\"\r\nimport * as React from \"react\"\r\nimport * as ReactDOM from \"react-dom\"\r\nimport type {\r\n  DataTemplateController,\r\n  DataTemplateActionBarProps,\r\n  DataTemplateActionBarActionProps,\r\n} from \"./data-template-types.js\"\r\n\r\nfunction DataTemplateActionBar<T>({\r\n  controller,\r\n  visible: visibleProp,\r\n  container: containerProp,\r\n  children,\r\n  className,\r\n  ...props\r\n}: DataTemplateActionBarProps<T> & React.ComponentProps<typeof motion.div>) {\r\n  const [mounted, setMounted] = React.useState(false)\r\n\r\n  React.useLayoutEffect(() => {\r\n    setMounted(true)\r\n  }, [])\r\n\r\n  React.useEffect(() => {\r\n    function onKeyDown(event: KeyboardEvent) {\r\n      if (event.key === \"Escape\" && controller) {\r\n        controller.clearSelection()\r\n      }\r\n    }\r\n\r\n    window.addEventListener(\"keydown\", onKeyDown)\r\n    return () => window.removeEventListener(\"keydown\", onKeyDown)\r\n  }, [controller])\r\n\r\n  const container = containerProp ?? (mounted ? globalThis.document?.body : null)\r\n\r\n  if (!container || !controller) return null\r\n\r\n  const selectedItems = controller.getSelectedItems()\r\n  const visible = visibleProp ?? selectedItems.length > 0\r\n\r\n  return ReactDOM.createPortal(\r\n    <AnimatePresence>\r\n      {visible && (\r\n        <motion.div\r\n          role=\"toolbar\"\r\n          aria-orientation=\"horizontal\"\r\n          initial={{ opacity: 0, y: 20 }}\r\n          animate={{ opacity: 1, y: 0 }}\r\n          exit={{ opacity: 0, y: 20 }}\r\n          transition={{ duration: 0.3, ease: \"easeInOut\" }}\r\n          className={cn(\r\n            \"fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-xl border bg-primary/10 backdrop-blur-sm p-3 text-foreground ring-8 ring-primary/5\",\r\n            className,\r\n          )}\r\n          {...props}\r\n        >\r\n          <TooltipProvider>{children}</TooltipProvider>\r\n        </motion.div>\r\n      )}\r\n    </AnimatePresence>,\r\n    container,\r\n  )\r\n}\r\n\r\nfunction DataTemplateActionBarAction({\r\n  size = \"sm\",\r\n  variant = \"secondary\",\r\n  tooltip,\r\n  isPending,\r\n  disabled,\r\n  className,\r\n  children,\r\n  onClick,\r\n  ...props\r\n}: DataTemplateActionBarActionProps) {\r\n  const trigger = (\r\n    <Button\r\n      variant={variant}\r\n      size={size}\r\n      className={cn(\r\n        \"gap-1.5 rounded-lg border border-secondary bg-secondary/50 hover:bg-secondary/70 transition-all duration-200\",\r\n        size === \"icon\" ? \"size-8\" : \"h-8 px-3\",\r\n        className,\r\n      )}\r\n      disabled={disabled || isPending}\r\n      onClick={onClick}\r\n      {...props}\r\n    >\r\n      {isPending ? <Loader className=\"animate-spin\" /> : children}\r\n    </Button>\r\n  )\r\n\r\n  if (!tooltip) return trigger\r\n\r\n  return (\r\n    <Tooltip>\r\n      <TooltipTrigger asChild>{trigger}</TooltipTrigger>\r\n      <TooltipContent\r\n        sideOffset={8}\r\n        className=\"rounded-lg border font-semibold text-foreground bg-secondary [&>span]:hidden\"\r\n      >\r\n        <p>{tooltip}</p>\r\n      </TooltipContent>\r\n    </Tooltip>\r\n  )\r\n}\r\n\r\ninterface DataTemplateActionBarSelectionProps<T> {\r\n  controller: DataTemplateController<T>\r\n}\r\n\r\nfunction DataTemplateActionBarSelection<T>({ controller }: DataTemplateActionBarSelectionProps<T>) {\r\n  const onClearSelection = React.useCallback(() => {\r\n    if (controller) {\r\n      controller.clearSelection()\r\n    }\r\n  }, [controller])\r\n\r\n  if (!controller) return null\r\n\r\n  const selectedItems = controller.getSelectedItems()\r\n\r\n  return (\r\n    <div className=\"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3\">\r\n      <span className=\"whitespace-nowrap text-sm font-medium\">{selectedItems.length} selected</span>\r\n      <Separator orientation=\"vertical\" className=\"mr-2 ml-3 data-[orientation=vertical]:h-4\" />\r\n      <Tooltip>\r\n        <TooltipTrigger asChild>\r\n          <Button variant=\"ghost\" size=\"icon\" className=\"size-6 rounded-md\" onClick={onClearSelection}>\r\n            <X className=\"size-3.5\" />\r\n          </Button>\r\n        </TooltipTrigger>\r\n        <TooltipContent\r\n          sideOffset={10}\r\n          className=\"flex items-center gap-2 rounded-lg border px-3 py-2 font-semibold text-foreground bg-secondary [&>span]:hidden\"\r\n        >\r\n          <p>Clear selection</p>\r\n          <kbd className=\"select-none rounded border bg-primary/50 px-2 py-1 font-mono font-normal text-[0.7rem] text-foreground shadow-sm\">\r\n            <abbr title=\"Escape\" className=\"no-underline\">\r\n              Esc\r\n            </abbr>\r\n          </kbd>\r\n        </TooltipContent>\r\n      </Tooltip>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport { DataTemplateActionBar, DataTemplateActionBarAction, DataTemplateActionBarSelection }\r\n"],"mappings":"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","names":["useState","useEffect","useMemo","useCallback","useRef","Loader2","clsx","twMerge","cn","inputs","jsx","Card","className","props","cn","CardContent","className","props","jsx","cn","SlotPrimitive","cva","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","CheckboxPrimitive","CheckIcon","jsx","Checkbox","className","props","CheckboxPrimitive","cn","CheckIcon","Search","Download","RefreshCw","Filter","ChevronDown","Settings2","jsx","Input","className","type","props","cn","DropdownMenuPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","jsx","jsxs","DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","props","jsx","DropdownMenuPrimitive","DropdownMenuContent","className","sideOffset","cn","DropdownMenuItem","className","inset","variant","props","jsx","DropdownMenuPrimitive","cn","DropdownMenuLabel","className","inset","props","jsx","DropdownMenuPrimitive","cn","DropdownMenuSeparator","SelectPrimitive","CheckIcon","ChevronDownIcon","ChevronUpIcon","jsx","jsxs","Select","props","SelectPrimitive","SelectValue","props","jsx","SelectPrimitive","SelectTrigger","className","size","children","jsxs","cn","ChevronDownIcon","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectItem","className","children","props","jsxs","SelectPrimitive","cn","jsx","CheckIcon","SelectScrollUpButton","className","props","jsx","SelectPrimitive","cn","ChevronUpIcon","SelectScrollDownButton","ChevronDownIcon","Fragment","jsx","jsxs","DataTemplateToolbar","fields","filters","globalFilter","onGlobalFilterChange","fieldFilters","onFieldFilterChange","sortField","sortDirection","onSortChange","selectedCount","totalCount","visibleCount","onExport","onRefresh","loading","onClearFilters","onClearSorting","sortableFields","field","hasActiveFilters","value","hasActiveSorting","Filter","filter","Select","SelectTrigger","cn","SelectValue","SelectContent","SelectItem","option","Input","e","Search","DropdownMenu","DropdownMenuTrigger","Button","ChevronDown","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuItem","Settings2","Download","RefreshCw","ChevronLeft","ChevronRight","ChevronsLeft","ChevronsRight","jsx","jsxs","DataTemplatePagination","currentPage","totalPages","pageSize","totalItems","onPageChange","onPageSizeChange","config","pageSizeOptions","startItem","endItem","canPreviousPage","canNextPage","getPageNumbers","range","rangeWithDots","i","Select","value","SelectTrigger","SelectValue","SelectContent","size","SelectItem","Button","ChevronsLeft","ChevronLeft","pageNumber","index","page","ChevronRight","ChevronsRight","jsx","jsxs","DataTemplate","data","template","fields","filters","pagination","settings","header","footer","className","loading","error","emptyMessage","emptyIcon","onSelectionChange","onExport","onRefresh","onTemplateReady","children","enableSorting","enableFiltering","enableGlobalSearch","enableSelection","enableExport","toolbar","selectionMode","gridCols","gap","aspectRatio","minCardWidth","maxCardWidth","globalFilter","setGlobalFilter","useState","fieldFilters","setFieldFilters","sortField","setSortField","sortDirection","setSortDirection","selectedItems","setSelectedItems","currentPage","setCurrentPage","pageSize","setPageSize","currentGridCols","setCurrentGridCols","filteredAndSortedData","useMemo","result","searchableFields","field","item","key","value","f","itemValue","a","b","aValue","bValue","aDate","bDate","aStr","bStr","paginatedData","startIndex","endIndex","totalPages","handleToggleSelect","useCallback","index","prev","newSelection","handleSelectAll","_","handleFieldFilterChange","handleSortChange","direction","handleClearFilters","handleClearSorting","controller","controllerRef","useRef","useEffect","selected","gridContainerClasses","cn","gridClasses","gridStyle","Card","CardContent","Button","Loader2","DataTemplateToolbar","globalIndex","isSelected","Checkbox","e","v","DataTemplatePagination","size","SeparatorPrimitive","jsx","Separator","className","orientation","decorative","props","SeparatorPrimitive","cn","TooltipPrimitive","jsx","jsxs","TooltipProvider","delayDuration","props","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","children","cn","Loader","X","AnimatePresence","motion","React","ReactDOM","jsx","jsxs","DataTemplateActionBar","controller","visibleProp","containerProp","children","className","props","mounted","setMounted","onKeyDown","event","container","selectedItems","visible","cn","TooltipProvider","DataTemplateActionBarAction","size","variant","tooltip","isPending","disabled","onClick","trigger","Button","Tooltip","TooltipTrigger","TooltipContent","DataTemplateActionBarSelection","onClearSelection","Separator"]}

package/dist/components/general.cjs

@@ -0,0 +1,3 @@
+"use client"
+"use strict";var x=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var M=Object.prototype.hasOwnProperty;var L=(r,t)=>{for(var e in t)x(r,e,{get:t[e],enumerable:!0})},_=(r,t,e,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of A(t))!M.call(r,o)&&o!==e&&x(r,o,{get:()=>t[o],enumerable:!(i=O(t,o))||i.enumerable});return r};var V=r=>_(x({},"__esModule",{value:!0}),r);var J={};L(J,{GeneralHelper:()=>h});module.exports=V(J);var v=require("react"),f=require("lucide-react");var N=require("radix-ui"),P=require("class-variance-authority");var T=require("clsx"),w=require("tailwind-merge");function g(...r){return(0,w.twMerge)((0,T.clsx)(r))}var R=require("react/jsx-runtime"),B=(0,P.cva)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function S({className:r,variant:t,size:e,asChild:i=!1,...o}){let a=i?N.Slot.Slot:"button";return(0,R.jsx)(a,{"data-slot":"button",className:g(B({variant:t,size:e,className:r}),"transition-none"),...o})}var m=require("radix-ui");var c=require("react/jsx-runtime");function H({delayDuration:r=0,...t}){return(0,c.jsx)(m.Tooltip.Provider,{"data-slot":"tooltip-provider",delayDuration:r,...t})}function $({...r}){return(0,c.jsx)(H,{children:(0,c.jsx)(m.Tooltip.Root,{"data-slot":"tooltip",...r})})}function z({...r}){return(0,c.jsx)(m.Tooltip.Trigger,{"data-slot":"tooltip-trigger",...r})}function F({className:r,sideOffset:t=0,children:e,...i}){return(0,c.jsx)(m.Tooltip.Portal,{children:(0,c.jsxs)(m.Tooltip.Content,{"data-slot":"tooltip-content",sideOffset:t,className:g("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",r),...i,children:[e,(0,c.jsx)(m.Tooltip.Arrow,{className:"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"})]})})}var n=require("react/jsx-runtime"),h=class{static currencyFormatter=new Intl.NumberFormat("en-IN",{style:"currency",currency:"INR",maximumFractionDigits:2});static compactFormatter=new Intl.NumberFormat("en-IN",{style:"currency",currency:"INR",notation:"compact",maximumFractionDigits:1});static MONTH_NAMES_SHORT=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];static async copyToClipboard(t){if(t)try{await navigator.clipboard.writeText(t)}catch(e){throw console.error("Failed to copy text:",e),e}}static CopyToClipboard=({text:t,children:e,className:i,size:o="icon",variant:a="ghost"})=>{let[d,p]=(0,v.useState)(!1),[s,l]=(0,v.useState)(!1),b=async()=>{if(!(!t||s)){l(!0);try{await this.copyToClipboard(t),p(!0),setTimeout(()=>p(!1),2e3)}catch(u){console.error("Failed to copy text:",u)}finally{l(!1)}}};return(0,n.jsxs)($,{children:[(0,n.jsx)(z,{asChild:!0,children:(0,n.jsx)(S,{variant:a,size:o,className:g(o==="icon"&&"size-6",i),onClick:b,disabled:s||!t,children:s?(0,n.jsx)(f.Loader2Icon,{className:"animate-spin"}):d?(0,n.jsx)(f.Check,{className:"h-3 w-3"}):e||(0,n.jsx)(f.Copy,{className:"h-3 w-3"})})}),(0,n.jsx)(F,{children:d?"Copied!":s?"Copying...":"Copy to clipboard"})]})};static formatINR(t,e={}){let{prefix:i="",suffix:o="",withSymbol:a=!0,compact:d=!1}=e;if(typeof t!="number"||isNaN(t))return`${i}${a?"\u20B9 ":""}0.00${o}`;let p=t<0,s=Math.abs(t),b=(d&&s>=1e5?this.compactFormatter:this.currencyFormatter).format(s).replace("\u20B9","");return`${i}${p?"- ":""}${a?"\u20B9 ":""}${b}${o}`}static formatDate(t,e={}){let{format:i="dd-mm-yyyy",separator:o="-"}=e,a=new Date(t);if(isNaN(a.getTime()))return"";let d=String(a.getDate()).padStart(2,"0"),p=String(a.getMonth()+1).padStart(2,"0"),s=this.MONTH_NAMES_SHORT[a.getMonth()],l=a.getFullYear();switch(i){case"dd-mmm-yyyy":return`${d}${o}${s}${o}${l}`;case"iso":return a.toISOString().split("T")[0];case"long":return a.toLocaleDateString("en-IN",{year:"numeric",month:"long",day:"numeric"});case"short":return a.toLocaleDateString("en-IN");default:return`${d}${o}${p}${o}${l}`}}static toProperCase(t){return t?t.toLowerCase().split(" ").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "):""}static toProperCaseAdvanced(t){return t?t.toLowerCase().split(/(\s+|['-])/).map((e,i,o)=>["-","'"," "].includes(e)||i>0&&["-","'"].includes(o[i-1])?e:e.charAt(0).toUpperCase()+e.slice(1)).join(""):""}static StatusBadge=({status:t,className:e,showDot:i=!0,capitalize:o=!0,size:a="md",variant:d="outline",customColors:p,icon:s,trueMessage:l="active",falseMessage:b="inactive"})=>{let u=typeof t=="boolean"?t?l:b:typeof t=="number"?t>0?l:b:t.toLowerCase(),C={active:{label:"active",solid:{bg:"bg-emerald-500",text:"text-white",border:"border-emerald-600",dot:"bg-white"},outline:{bg:"bg-emerald-50",text:"text-emerald-700",border:"border-emerald-100",dot:"bg-emerald-500"},subtle:{bg:"bg-emerald-50",text:"text-emerald-700",border:"border-transparent",dot:"bg-emerald-500"}},pending:{label:"pending",solid:{bg:"bg-amber-500",text:"text-white",border:"border-amber-600",dot:"bg-white"},outline:{bg:"bg-amber-50",text:"text-amber-700",border:"border-amber-100",dot:"bg-amber-500"},subtle:{bg:"bg-amber-50",text:"text-amber-700",border:"border-transparent",dot:"bg-amber-500"}},inactive:{label:"inactive",solid:{bg:"bg-rose-500",text:"text-white",border:"border-rose-600",dot:"bg-white"},outline:{bg:"bg-rose-50",text:"text-rose-700",border:"border-rose-100",dot:"bg-rose-500"},subtle:{bg:"bg-rose-50",text:"text-rose-700",border:"border-transparent",dot:"bg-rose-500"}},draft:{label:"draft",solid:{bg:"bg-gray-500",text:"text-white",border:"border-gray-600",dot:"bg-white"},outline:{bg:"bg-gray-50",text:"text-gray-700",border:"border-gray-100",dot:"bg-gray-500"},subtle:{bg:"bg-gray-50",text:"text-gray-700",border:"border-transparent",dot:"bg-gray-500"}},completed:{label:"completed",solid:{bg:"bg-indigo-500",text:"text-white",border:"border-indigo-600",dot:"bg-white"},outline:{bg:"bg-indigo-50",text:"text-indigo-700",border:"border-indigo-100",dot:"bg-indigo-500"},subtle:{bg:"bg-indigo-50",text:"text-indigo-700",border:"border-transparent",dot:"bg-indigo-500"}}},k=C[u.toLowerCase()]||C.inactive,y=p||k[d],I={sm:"text-xs px-2 py-0.5",md:"text-xs px-2.5 py-0.5",lg:"text-sm px-3 py-1"},D=o?u.charAt(0).toUpperCase()+u.slice(1):u;return(0,n.jsx)("div",{className:"flex justify-center",children:(0,n.jsxs)("span",{className:g("inline-flex items-center gap-1.5 rounded-full border font-medium",y.bg,y.text,y.border,I[a],e),children:[i&&(s?(0,n.jsx)("span",{className:"flex items-center",children:s}):(0,n.jsx)("span",{className:g("size-2 rounded-full",y.dot),"aria-hidden":"true"})),D]})})}};0&&(module.exports={GeneralHelper});
+//# sourceMappingURL=general.cjs.map

package/dist/components/general.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/general.tsx","../../src/components/ui/button.tsx","../../src/lib/utils.ts","../../src/components/ui/tooltip.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport { Copy, Check, Loader2Icon } from \"lucide-react\";\r\nimport { Button } from \"../components/ui/button.jsx\";\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../components/ui/tooltip.jsx\";\r\nimport { cn } from \"../lib/utils.js\";\r\n\r\ntype CopyToClipboardProps = {\r\n  text: string;\r\n  children?: React.ReactNode;\r\n  className?: string;\r\n  size?: \"sm\" | \"default\" | \"lg\" | \"icon\";\r\n  variant?: \"ghost\" | \"outline\" | \"default\" | \"secondary\" | \"destructive\" | \"link\";\r\n};\r\n\r\ntype FormatINROptions = {\r\n  prefix?: string;\r\n  suffix?: string;\r\n  withSymbol?: boolean;\r\n  compact?: boolean;\r\n};\r\n\r\ntype FormatDateOptions = {\r\n  format?: \"dd-mm-yyyy\" | \"dd-mmm-yyyy\" | \"iso\" | \"long\" | \"short\";\r\n  separator?: string;\r\n};\r\n\r\ntype StatusBadgeProps = {\r\n  status: string | boolean | number;\r\n  className?: string;\r\n  showDot?: boolean;\r\n  capitalize?: boolean;\r\n  size?: 'sm' | 'md' | 'lg';\r\n  variant?: 'solid' | 'outline' | 'subtle';\r\n  customColors?: {\r\n    bg?: string;\r\n    text?: string;\r\n    border?: string;\r\n    dot?: string;\r\n  }; icon?: React.ReactNode;\r\n};\r\n\r\nclass GeneralHelper {\r\n  private static currencyFormatter = new Intl.NumberFormat(\"en-IN\", {\r\n    style: \"currency\",\r\n    currency: \"INR\",\r\n    maximumFractionDigits: 2,\r\n  });\r\n\r\n  private static compactFormatter = new Intl.NumberFormat(\"en-IN\", {\r\n    style: \"currency\",\r\n    currency: \"INR\",\r\n    notation: \"compact\",\r\n    maximumFractionDigits: 1,\r\n  });\r\n\r\n  private static MONTH_NAMES_SHORT = [\r\n    \"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\r\n    \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"\r\n  ];\r\n\r\n  /**\r\n   * Copies text to clipboard\r\n   * @param text Text to copy\r\n   * @returns Promise that resolves when copy is complete\r\n   */\r\n  static async copyToClipboard(text: string): Promise<void> {\r\n    if (!text) return;\r\n    try {\r\n      await navigator.clipboard.writeText(text);\r\n    } catch (error) {\r\n      console.error(\"Failed to copy text:\", error);\r\n      throw error;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * React component for copy to clipboard functionality\r\n   */\r\n  static CopyToClipboard = ({\r\n    text,\r\n    children,\r\n    className,\r\n    size = \"icon\",\r\n    variant = \"ghost\",\r\n  }: CopyToClipboardProps) => {\r\n    const [isCopied, setIsCopied] = useState(false);\r\n    const [isLoading, setIsLoading] = useState(false);\r\n\r\n    const handleCopy = async () => {\r\n      if (!text || isLoading) return;\r\n\r\n      setIsLoading(true);\r\n      try {\r\n        await this.copyToClipboard(text);\r\n        setIsCopied(true);\r\n        setTimeout(() => setIsCopied(false), 2000);\r\n      } catch (error) {\r\n        console.error(\"Failed to copy text:\", error);\r\n      } finally {\r\n        setIsLoading(false);\r\n      }\r\n    };\r\n\r\n    return (\r\n      <Tooltip>\r\n        <TooltipTrigger asChild>\r\n          <Button\r\n            variant={variant}\r\n            size={size}\r\n            className={cn(\r\n              size === \"icon\" && \"size-6\",\r\n              className\r\n            )}\r\n            onClick={handleCopy}\r\n            disabled={isLoading || !text}\r\n          >\r\n            {isLoading ? (\r\n              <Loader2Icon className=\"animate-spin\" />\r\n            ) : isCopied ? (\r\n              <Check className=\"h-3 w-3\" />\r\n            ) : children ? (\r\n              children\r\n            ) : (\r\n              <Copy className=\"h-3 w-3\" />\r\n            )}\r\n          </Button>\r\n        </TooltipTrigger>\r\n        <TooltipContent>\r\n          {isCopied ? \"Copied!\" : isLoading ? \"Copying...\" : \"Copy to clipboard\"}\r\n        </TooltipContent>\r\n      </Tooltip>\r\n    );\r\n  };\r\n\r\n  /**\r\n   * Formats a number as Indian Rupees (INR)\r\n   * @param amount Amount to format\r\n   * @param options Formatting options\r\n   * @returns Formatted currency string\r\n   */\r\n  static formatINR(\r\n    amount: number,\r\n    options: FormatINROptions = {}\r\n  ): string {\r\n    const { prefix = \"\", suffix = \"\", withSymbol = true, compact = false } = options;\r\n\r\n    if (typeof amount !== \"number\" || isNaN(amount)) {\r\n      return `${prefix}${withSymbol ? \"₹ \" : \"\"}0.00${suffix}`;\r\n    }\r\n\r\n    const isNegative = amount < 0;\r\n    const absoluteAmount = Math.abs(amount);\r\n\r\n    const formatter = compact && absoluteAmount >= 100000 ?\r\n      this.compactFormatter :\r\n      this.currencyFormatter;\r\n    const formatted = formatter.format(absoluteAmount).replace(\"₹\", \"\");\r\n\r\n    return `${prefix}${isNegative ? \"- \" : \"\"}${withSymbol ? \"₹ \" : \"\"}${formatted}${suffix}`;\r\n  }\r\n\r\n  /**\r\n   * Formats a date according to specified options\r\n   * @param input Date input (string, number, or Date object)\r\n   * @param options Formatting options\r\n   * @returns Formatted date string\r\n   */\r\n  static formatDate(\r\n    input: string | number | Date,\r\n    options: FormatDateOptions = {}\r\n  ): string {\r\n    const { format = \"dd-mm-yyyy\", separator = \"-\" } = options;\r\n\r\n    const dateObj = new Date(input);\r\n    if (isNaN(dateObj.getTime())) return \"\";\r\n\r\n    const dd = String(dateObj.getDate()).padStart(2, \"0\");\r\n    const mm = String(dateObj.getMonth() + 1).padStart(2, \"0\");\r\n    const mmm = this.MONTH_NAMES_SHORT[dateObj.getMonth()];\r\n    const yyyy = dateObj.getFullYear();\r\n\r\n    switch (format) {\r\n      case \"dd-mmm-yyyy\":\r\n        return `${dd}${separator}${mmm}${separator}${yyyy}`;\r\n      case \"iso\":\r\n        return dateObj.toISOString().split(\"T\")[0];\r\n      case \"long\":\r\n        return dateObj.toLocaleDateString(\"en-IN\", {\r\n          year: \"numeric\",\r\n          month: \"long\",\r\n          day: \"numeric\"\r\n        });\r\n      case \"short\":\r\n        return dateObj.toLocaleDateString(\"en-IN\");\r\n      default:\r\n        return `${dd}${separator}${mm}${separator}${yyyy}`;\r\n    }\r\n  }\r\n\r\n  static toProperCase(text: string): string {\r\n    if (!text) return \"\";\r\n    return text\r\n      .toLowerCase()\r\n      .split(' ')\r\n      .map(word => word.charAt(0).toUpperCase() + word.slice(1))\r\n      .join(' ');\r\n  }\r\n\r\n  /**\r\n   * Advanced proper case conversion that handles hyphenated words and apostrophes\r\n   * @param text Text to convert\r\n   * @returns Text in proper case with special handling\r\n   */\r\n  static toProperCaseAdvanced(text: string): string {\r\n    if (!text) return \"\";\r\n    return text\r\n      .toLowerCase()\r\n      .split(/(\\s+|['-])/)\r\n      .map((part, index, array) => {\r\n        if ([\"-\", \"'\", \" \"].includes(part) ||\r\n          (index > 0 && [\"-\", \"'\"].includes(array[index - 1]))) {\r\n          return part;\r\n        }\r\n        return part.charAt(0).toUpperCase() + part.slice(1);\r\n      })\r\n      .join('');\r\n  }\r\n\r\n  static StatusBadge = ({\r\n    status,\r\n    className,\r\n    showDot = true,\r\n    capitalize = true,\r\n    size = 'md',\r\n    variant = 'outline',\r\n    customColors,\r\n    icon,\r\n    trueMessage = 'active',\r\n    falseMessage = 'inactive',\r\n  }: StatusBadgeProps & {\r\n    trueMessage?: string;\r\n    falseMessage?: string;\r\n  }) => {\r\n    const normalizedStatus = typeof status === 'boolean'\r\n      ? (status ? trueMessage : falseMessage)\r\n      : typeof status === 'number'\r\n        ? (status > 0 ? trueMessage : falseMessage)\r\n        : status.toLowerCase();\r\n\r\n    const statusConfig = {\r\n      active: {\r\n        label: 'active',\r\n        solid: {\r\n          bg: 'bg-emerald-500',\r\n          text: 'text-white',\r\n          border: 'border-emerald-600',\r\n          dot: 'bg-white',\r\n        },\r\n        outline: {\r\n          bg: 'bg-emerald-50',\r\n          text: 'text-emerald-700',\r\n          border: 'border-emerald-100',\r\n          dot: 'bg-emerald-500',\r\n        },\r\n        subtle: {\r\n          bg: 'bg-emerald-50',\r\n          text: 'text-emerald-700',\r\n          border: 'border-transparent',\r\n          dot: 'bg-emerald-500',\r\n        },\r\n      },\r\n      pending: {\r\n        label: 'pending',\r\n        solid: {\r\n          bg: 'bg-amber-500',\r\n          text: 'text-white',\r\n          border: 'border-amber-600',\r\n          dot: 'bg-white',\r\n        },\r\n        outline: {\r\n          bg: 'bg-amber-50',\r\n          text: 'text-amber-700',\r\n          border: 'border-amber-100',\r\n          dot: 'bg-amber-500',\r\n        },\r\n        subtle: {\r\n          bg: 'bg-amber-50',\r\n          text: 'text-amber-700',\r\n          border: 'border-transparent',\r\n          dot: 'bg-amber-500',\r\n        },\r\n      },\r\n      inactive: {\r\n        label: 'inactive',\r\n        solid: {\r\n          bg: 'bg-rose-500',\r\n          text: 'text-white',\r\n          border: 'border-rose-600',\r\n          dot: 'bg-white',\r\n        },\r\n        outline: {\r\n          bg: 'bg-rose-50',\r\n          text: 'text-rose-700',\r\n          border: 'border-rose-100',\r\n          dot: 'bg-rose-500',\r\n        },\r\n        subtle: {\r\n          bg: 'bg-rose-50',\r\n          text: 'text-rose-700',\r\n          border: 'border-transparent',\r\n          dot: 'bg-rose-500',\r\n        },\r\n      },\r\n      draft: {\r\n        label: 'draft',\r\n        solid: {\r\n          bg: 'bg-gray-500',\r\n          text: 'text-white',\r\n          border: 'border-gray-600',\r\n          dot: 'bg-white',\r\n        },\r\n        outline: {\r\n          bg: 'bg-gray-50',\r\n          text: 'text-gray-700',\r\n          border: 'border-gray-100',\r\n          dot: 'bg-gray-500',\r\n        },\r\n        subtle: {\r\n          bg: 'bg-gray-50',\r\n          text: 'text-gray-700',\r\n          border: 'border-transparent',\r\n          dot: 'bg-gray-500',\r\n        },\r\n      },\r\n      completed: {\r\n        label: 'completed',\r\n        solid: {\r\n          bg: 'bg-indigo-500',\r\n          text: 'text-white',\r\n          border: 'border-indigo-600',\r\n          dot: 'bg-white',\r\n        },\r\n        outline: {\r\n          bg: 'bg-indigo-50',\r\n          text: 'text-indigo-700',\r\n          border: 'border-indigo-100',\r\n          dot: 'bg-indigo-500',\r\n        },\r\n        subtle: {\r\n          bg: 'bg-indigo-50',\r\n          text: 'text-indigo-700',\r\n          border: 'border-transparent',\r\n          dot: 'bg-indigo-500',\r\n        },\r\n      },\r\n    };\r\n\r\n    const config = statusConfig[normalizedStatus.toLowerCase() as keyof typeof statusConfig] || statusConfig.inactive;\r\n    const colors = customColors || config[variant];\r\n\r\n    const sizeClasses = {\r\n      sm: 'text-xs px-2 py-0.5',\r\n      md: 'text-xs px-2.5 py-0.5',\r\n      lg: 'text-sm px-3 py-1',\r\n    };\r\n\r\n    const displayText = capitalize\r\n      ? normalizedStatus.charAt(0).toUpperCase() + normalizedStatus.slice(1)\r\n      : normalizedStatus;\r\n\r\n    return (\r\n      <div className=\"flex justify-center\">\r\n        <span\r\n          className={cn(\r\n            \"inline-flex items-center gap-1.5 rounded-full border font-medium\",\r\n            colors.bg,\r\n            colors.text,\r\n            colors.border,\r\n            sizeClasses[size],\r\n            className\r\n          )}\r\n        >\r\n          {showDot && (icon ? (\r\n            <span className=\"flex items-center\">\r\n              {icon}\r\n            </span>\r\n          ) : (\r\n            <span\r\n              className={cn('size-2 rounded-full', colors.dot)}\r\n              aria-hidden=\"true\"\r\n            />\r\n          ))}\r\n          {displayText}\r\n        </span>\r\n      </div>\r\n    );\r\n  };\r\n}\r\n\r\nexport { GeneralHelper };","import * as React from \"react\"\nimport { Slot as SlotPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? SlotPrimitive.Slot : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }), \"transition-none\")}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}","import * as React from \"react\"\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  )\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"mappings":"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","names":["general_exports","__export","GeneralHelper","__toCommonJS","import_react","import_lucide_react","import_radix_ui","import_class_variance_authority","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","buttonVariants","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","import_radix_ui","import_jsx_runtime","TooltipProvider","delayDuration","props","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","children","cn","import_jsx_runtime","GeneralHelper","text","error","children","className","size","variant","isCopied","setIsCopied","isLoading","setIsLoading","handleCopy","Tooltip","TooltipTrigger","Button","cn","TooltipContent","amount","options","prefix","suffix","withSymbol","compact","isNegative","absoluteAmount","formatted","input","format","separator","dateObj","dd","mm","mmm","yyyy","word","part","index","array","status","showDot","capitalize","customColors","icon","trueMessage","falseMessage","normalizedStatus","statusConfig","config","colors","sizeClasses","displayText"]}

package/dist/components/general.d.cts

@@ -0,0 +1,51 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type CopyToClipboardProps = {
+    text: string;
+    children?: React.ReactNode;
+    className?: string;
+    size?: "sm" | "default" | "lg" | "icon";
+    variant?: "ghost" | "outline" | "default" | "secondary" | "destructive" | "link";
+};
+type FormatINROptions = {
+    prefix?: string;
+    suffix?: string;
+    withSymbol?: boolean;
+    compact?: boolean;
+};
+type FormatDateOptions = {
+    format?: "dd-mm-yyyy" | "dd-mmm-yyyy" | "iso" | "long" | "short";
+    separator?: string;
+};
+type StatusBadgeProps = {
+    status: string | boolean | number;
+    className?: string;
+    showDot?: boolean;
+    capitalize?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'solid' | 'outline' | 'subtle';
+    customColors?: {
+        bg?: string;
+        text?: string;
+        border?: string;
+        dot?: string;
+    };
+    icon?: React.ReactNode;
+};
+declare class GeneralHelper {
+    private static currencyFormatter;
+    private static compactFormatter;
+    private static MONTH_NAMES_SHORT;
+    static copyToClipboard(text: string): Promise<void>;
+    static CopyToClipboard: ({ text, children, className, size, variant, }: CopyToClipboardProps) => react_jsx_runtime.JSX.Element;
+    static formatINR(amount: number, options?: FormatINROptions): string;
+    static formatDate(input: string | number | Date, options?: FormatDateOptions): string;
+    static toProperCase(text: string): string;
+    static toProperCaseAdvanced(text: string): string;
+    static StatusBadge: ({ status, className, showDot, capitalize, size, variant, customColors, icon, trueMessage, falseMessage, }: StatusBadgeProps & {
+        trueMessage?: string;
+        falseMessage?: string;
+    }) => react_jsx_runtime.JSX.Element;
+}
+
+export { GeneralHelper };

package/dist/components/general.d.ts

@@ -0,0 +1,51 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type CopyToClipboardProps = {
+    text: string;
+    children?: React.ReactNode;
+    className?: string;
+    size?: "sm" | "default" | "lg" | "icon";
+    variant?: "ghost" | "outline" | "default" | "secondary" | "destructive" | "link";
+};
+type FormatINROptions = {
+    prefix?: string;
+    suffix?: string;
+    withSymbol?: boolean;
+    compact?: boolean;
+};
+type FormatDateOptions = {
+    format?: "dd-mm-yyyy" | "dd-mmm-yyyy" | "iso" | "long" | "short";
+    separator?: string;
+};
+type StatusBadgeProps = {
+    status: string | boolean | number;
+    className?: string;
+    showDot?: boolean;
+    capitalize?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'solid' | 'outline' | 'subtle';
+    customColors?: {
+        bg?: string;
+        text?: string;
+        border?: string;
+        dot?: string;
+    };
+    icon?: React.ReactNode;
+};
+declare class GeneralHelper {
+    private static currencyFormatter;
+    private static compactFormatter;
+    private static MONTH_NAMES_SHORT;
+    static copyToClipboard(text: string): Promise<void>;
+    static CopyToClipboard: ({ text, children, className, size, variant, }: CopyToClipboardProps) => react_jsx_runtime.JSX.Element;
+    static formatINR(amount: number, options?: FormatINROptions): string;
+    static formatDate(input: string | number | Date, options?: FormatDateOptions): string;
+    static toProperCase(text: string): string;
+    static toProperCaseAdvanced(text: string): string;
+    static StatusBadge: ({ status, className, showDot, capitalize, size, variant, customColors, icon, trueMessage, falseMessage, }: StatusBadgeProps & {
+        trueMessage?: string;
+        falseMessage?: string;
+    }) => react_jsx_runtime.JSX.Element;
+}
+
+export { GeneralHelper };

package/dist/components/general.js

@@ -0,0 +1,3 @@
+"use client"
+import{useState as T}from"react";import{Copy as M,Check as L,Loader2Icon as _}from"lucide-react";import{Slot as F}from"radix-ui";import{cva as k}from"class-variance-authority";import{clsx as $}from"clsx";import{twMerge as z}from"tailwind-merge";function p(...a){return z($(a))}import{jsx as D}from"react/jsx-runtime";var I=k("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function x({className:a,variant:t,size:e,asChild:i=!1,...r}){let o=i?F.Slot:"button";return D(o,{"data-slot":"button",className:p(I({variant:t,size:e,className:a}),"transition-none"),...r})}import{Tooltip as b}from"radix-ui";import{jsx as u,jsxs as A}from"react/jsx-runtime";function O({delayDuration:a=0,...t}){return u(b.Provider,{"data-slot":"tooltip-provider",delayDuration:a,...t})}function v({...a}){return u(O,{children:u(b.Root,{"data-slot":"tooltip",...a})})}function h({...a}){return u(b.Trigger,{"data-slot":"tooltip-trigger",...a})}function C({className:a,sideOffset:t=0,children:e,...i}){return u(b.Portal,{children:A(b.Content,{"data-slot":"tooltip-content",sideOffset:t,className:p("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",a),...i,children:[e,u(b.Arrow,{className:"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"})]})})}import{jsx as l,jsxs as N}from"react/jsx-runtime";var w=class{static currencyFormatter=new Intl.NumberFormat("en-IN",{style:"currency",currency:"INR",maximumFractionDigits:2});static compactFormatter=new Intl.NumberFormat("en-IN",{style:"currency",currency:"INR",notation:"compact",maximumFractionDigits:1});static MONTH_NAMES_SHORT=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];static async copyToClipboard(t){if(t)try{await navigator.clipboard.writeText(t)}catch(e){throw console.error("Failed to copy text:",e),e}}static CopyToClipboard=({text:t,children:e,className:i,size:r="icon",variant:o="ghost"})=>{let[s,c]=T(!1),[n,d]=T(!1),g=async()=>{if(!(!t||n)){d(!0);try{await this.copyToClipboard(t),c(!0),setTimeout(()=>c(!1),2e3)}catch(m){console.error("Failed to copy text:",m)}finally{d(!1)}}};return N(v,{children:[l(h,{asChild:!0,children:l(x,{variant:o,size:r,className:p(r==="icon"&&"size-6",i),onClick:g,disabled:n||!t,children:n?l(_,{className:"animate-spin"}):s?l(L,{className:"h-3 w-3"}):e||l(M,{className:"h-3 w-3"})})}),l(C,{children:s?"Copied!":n?"Copying...":"Copy to clipboard"})]})};static formatINR(t,e={}){let{prefix:i="",suffix:r="",withSymbol:o=!0,compact:s=!1}=e;if(typeof t!="number"||isNaN(t))return`${i}${o?"\u20B9 ":""}0.00${r}`;let c=t<0,n=Math.abs(t),g=(s&&n>=1e5?this.compactFormatter:this.currencyFormatter).format(n).replace("\u20B9","");return`${i}${c?"- ":""}${o?"\u20B9 ":""}${g}${r}`}static formatDate(t,e={}){let{format:i="dd-mm-yyyy",separator:r="-"}=e,o=new Date(t);if(isNaN(o.getTime()))return"";let s=String(o.getDate()).padStart(2,"0"),c=String(o.getMonth()+1).padStart(2,"0"),n=this.MONTH_NAMES_SHORT[o.getMonth()],d=o.getFullYear();switch(i){case"dd-mmm-yyyy":return`${s}${r}${n}${r}${d}`;case"iso":return o.toISOString().split("T")[0];case"long":return o.toLocaleDateString("en-IN",{year:"numeric",month:"long",day:"numeric"});case"short":return o.toLocaleDateString("en-IN");default:return`${s}${r}${c}${r}${d}`}}static toProperCase(t){return t?t.toLowerCase().split(" ").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "):""}static toProperCaseAdvanced(t){return t?t.toLowerCase().split(/(\s+|['-])/).map((e,i,r)=>["-","'"," "].includes(e)||i>0&&["-","'"].includes(r[i-1])?e:e.charAt(0).toUpperCase()+e.slice(1)).join(""):""}static StatusBadge=({status:t,className:e,showDot:i=!0,capitalize:r=!0,size:o="md",variant:s="outline",customColors:c,icon:n,trueMessage:d="active",falseMessage:g="inactive"})=>{let m=typeof t=="boolean"?t?d:g:typeof t=="number"?t>0?d:g:t.toLowerCase(),y={active:{label:"active",solid:{bg:"bg-emerald-500",text:"text-white",border:"border-emerald-600",dot:"bg-white"},outline:{bg:"bg-emerald-50",text:"text-emerald-700",border:"border-emerald-100",dot:"bg-emerald-500"},subtle:{bg:"bg-emerald-50",text:"text-emerald-700",border:"border-transparent",dot:"bg-emerald-500"}},pending:{label:"pending",solid:{bg:"bg-amber-500",text:"text-white",border:"border-amber-600",dot:"bg-white"},outline:{bg:"bg-amber-50",text:"text-amber-700",border:"border-amber-100",dot:"bg-amber-500"},subtle:{bg:"bg-amber-50",text:"text-amber-700",border:"border-transparent",dot:"bg-amber-500"}},inactive:{label:"inactive",solid:{bg:"bg-rose-500",text:"text-white",border:"border-rose-600",dot:"bg-white"},outline:{bg:"bg-rose-50",text:"text-rose-700",border:"border-rose-100",dot:"bg-rose-500"},subtle:{bg:"bg-rose-50",text:"text-rose-700",border:"border-transparent",dot:"bg-rose-500"}},draft:{label:"draft",solid:{bg:"bg-gray-500",text:"text-white",border:"border-gray-600",dot:"bg-white"},outline:{bg:"bg-gray-50",text:"text-gray-700",border:"border-gray-100",dot:"bg-gray-500"},subtle:{bg:"bg-gray-50",text:"text-gray-700",border:"border-transparent",dot:"bg-gray-500"}},completed:{label:"completed",solid:{bg:"bg-indigo-500",text:"text-white",border:"border-indigo-600",dot:"bg-white"},outline:{bg:"bg-indigo-50",text:"text-indigo-700",border:"border-indigo-100",dot:"bg-indigo-500"},subtle:{bg:"bg-indigo-50",text:"text-indigo-700",border:"border-transparent",dot:"bg-indigo-500"}}},P=y[m.toLowerCase()]||y.inactive,f=c||P[s],S={sm:"text-xs px-2 py-0.5",md:"text-xs px-2.5 py-0.5",lg:"text-sm px-3 py-1"},R=r?m.charAt(0).toUpperCase()+m.slice(1):m;return l("div",{className:"flex justify-center",children:N("span",{className:p("inline-flex items-center gap-1.5 rounded-full border font-medium",f.bg,f.text,f.border,S[o],e),children:[i&&(n?l("span",{className:"flex items-center",children:n}):l("span",{className:p("size-2 rounded-full",f.dot),"aria-hidden":"true"})),R]})})}};export{w as GeneralHelper};
+//# sourceMappingURL=general.js.map