@tirth_jasoliya/ui 1.0.5 → 1.0.6

package/dist/components/data/data-template/data-template-pagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/data/data-template/data-template-pagination.tsx","../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/select.tsx"],"sourcesContent":["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 { 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 { 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"],"mappings":"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","names":["data_template_pagination_exports","__export","DataTemplatePagination","__toCommonJS","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_lucide_react","import_jsx_runtime","Select","props","SelectPrimitive","SelectValue","props","SelectPrimitive","SelectTrigger","className","size","children","cn","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectItem","className","children","props","SelectPrimitive","cn","SelectScrollUpButton","className","props","SelectPrimitive","cn","SelectScrollDownButton","import_jsx_runtime","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","pageNumber","index","page"]}

package/dist/components/data/data-template/data-template-pagination.d.cts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DataTemplatePaginationConfig } from './data-template-types.cjs';
+import 'lucide-react';
+import 'react';
+
+interface DataTemplatePaginationProps {
+    currentPage: number;
+    totalPages: number;
+    pageSize: number;
+    totalItems: number;
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (pageSize: number) => void;
+    config: DataTemplatePaginationConfig;
+}
+declare function DataTemplatePagination({ currentPage, totalPages, pageSize, totalItems, onPageChange, onPageSizeChange, config, }: DataTemplatePaginationProps): react_jsx_runtime.JSX.Element | null;
+
+export { DataTemplatePagination };

package/dist/components/data/data-template/data-template-pagination.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DataTemplatePaginationConfig } from './data-template-types.js';
+import 'lucide-react';
+import 'react';
+
+interface DataTemplatePaginationProps {
+    currentPage: number;
+    totalPages: number;
+    pageSize: number;
+    totalItems: number;
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (pageSize: number) => void;
+    config: DataTemplatePaginationConfig;
+}
+declare function DataTemplatePagination({ currentPage, totalPages, pageSize, totalItems, onPageChange, onPageSizeChange, config, }: DataTemplatePaginationProps): react_jsx_runtime.JSX.Element | null;
+
+export { DataTemplatePagination };

package/dist/components/data/data-template/data-template-pagination.js

@@ -0,0 +1,3 @@
+"use client"
+import{ChevronLeft as $,ChevronRight as O,ChevronsLeft as W,ChevronsRight as q}from"lucide-react";import{Slot as T}from"radix-ui";import{cva as D}from"class-variance-authority";import{clsx as B}from"clsx";import{twMerge as V}from"tailwind-merge";function d(...e){return V(B(e))}import{jsx as G}from"react/jsx-runtime";var _=D("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 p({className:e,variant:t,size:s,asChild:c=!1,...m}){let v=c?T.Slot:"button";return G(v,{"data-slot":"button",className:d(_({variant:t,size:s,className:e}),"transition-none"),...m})}import{Select as n}from"radix-ui";import{CheckIcon as L,ChevronDownIcon as y,ChevronUpIcon as U}from"lucide-react";import{jsx as o,jsxs as h}from"react/jsx-runtime";function w({...e}){return o(n.Root,{"data-slot":"select",...e})}function N({...e}){return o(n.Value,{"data-slot":"select-value",...e})}function C({className:e,size:t="default",children:s,...c}){return h(n.Trigger,{"data-slot":"select-trigger","data-size":t,className:d("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",e),...c,children:[s,o(n.Icon,{asChild:!0,children:o(y,{className:"size-4 opacity-50"})})]})}function P({className:e,children:t,position:s="popper",...c}){return o(n.Portal,{children:h(n.Content,{"data-slot":"select-content",className:d("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",s==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:s,...c,children:[o(j,{}),o(n.Viewport,{className:d("p-1",s==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:t}),o(M,{})]})})}function z({className:e,children:t,...s}){return h(n.Item,{"data-slot":"select-item",className:d("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",e),...s,children:[o("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:o(n.ItemIndicator,{children:o(L,{className:"size-4"})})}),o(n.ItemText,{children:t})]})}function j({className:e,...t}){return o(n.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:d("flex cursor-default items-center justify-center py-1",e),...t,children:o(U,{className:"size-4"})})}function M({className:e,...t}){return o(n.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:d("flex cursor-default items-center justify-center py-1",e),...t,children:o(y,{className:"size-4"})})}import{jsx as a,jsxs as r}from"react/jsx-runtime";function ie({currentPage:e,totalPages:t,pageSize:s,totalItems:c,onPageChange:m,onPageSizeChange:v,config:u}){if(!u.enabled)return null;let x=u.pageSizeOptions||[10,20,50,100],k=(e-1)*s+1,I=Math.min(e*s,c),b=e>1,S=e<t,R=()=>{let f=[],i=[];for(let g=Math.max(2,e-2);g<=Math.min(t-1,e+2);g++)f.push(g);return e-2>2?i.push(1,"..."):i.push(1),i.push(...f),e+2<t-1?i.push("...",t):t>1&&i.push(t),i};return a("div",{className:"rounded-xl",children:r("div",{className:"flex flex-col sm:flex-row items-center justify-between gap-4",children:[a("div",{className:"flex items-center gap-6 text-sm text-muted-foreground",children:u.showInfo!==!1&&r("span",{children:["Showing ",k," to ",I," of ",c," entries"]})}),r("div",{className:"flex flex-col sm:flex-row items-center gap-4",children:[x&&r("div",{className:"flex items-center gap-2",children:[a("span",{className:"text-sm font-medium whitespace-nowrap",children:"Page size:"}),r(w,{value:`${s}`,onValueChange:l=>v(Number(l)),children:[a(C,{className:"h-9 w-[70px] rounded-lg",children:a(N,{})}),a(P,{side:"top",className:"rounded-lg",children:x.map(l=>a(z,{value:`${l}`,children:l},l))})]})]}),r("div",{className:"flex items-center gap-2",children:[r(p,{variant:"outline",size:"sm",onClick:()=>m(1),disabled:!b,className:"hidden sm:flex rounded-lg",children:[a(W,{className:"h-4 w-4"}),a("span",{className:"sr-only",children:"Go to first page"})]}),r(p,{variant:"outline",size:"sm",onClick:()=>m(e-1),disabled:!b,className:"rounded-lg",children:[a($,{className:"h-4 w-4 sm:mr-2"}),a("span",{className:"hidden sm:inline",children:"Previous"}),a("span",{className:"sr-only sm:hidden",children:"Go to previous page"})]}),u.showPageNumbers&&t>1&&a("div",{className:"hidden sm:flex items-center gap-1",children:R().map((l,f)=>{if(l==="...")return a("span",{className:"px-2 py-1 text-sm text-muted-foreground",children:"..."},`dots-${f}`);let i=l;return a(p,{variant:i===e?"default":"outline",size:"sm",className:"w-9 h-9 p-0 rounded-lg",onClick:()=>m(i),children:i},i)})}),r("div",{className:"sm:hidden flex items-center gap-2 px-3 py-1 text-sm font-medium bg-muted rounded-lg",children:[e," of ",t]}),r(p,{variant:"outline",size:"sm",onClick:()=>m(e+1),disabled:!S,className:"rounded-lg",children:[a("span",{className:"hidden sm:inline",children:"Next"}),a(O,{className:"h-4 w-4 sm:ml-2"}),a("span",{className:"sr-only sm:hidden",children:"Go to next page"})]}),r(p,{variant:"outline",size:"sm",onClick:()=>m(t),disabled:!S,className:"hidden sm:flex rounded-lg",children:[a(q,{className:"h-4 w-4"}),a("span",{className:"sr-only",children:"Go to last page"})]})]})]})]})})}export{ie as DataTemplatePagination};
+//# sourceMappingURL=data-template-pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/data/data-template/data-template-pagination.tsx","../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/select.tsx"],"sourcesContent":["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 { 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 { 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"],"mappings":"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","names":["ChevronLeft","ChevronRight","ChevronsLeft","ChevronsRight","SlotPrimitive","cva","clsx","twMerge","cn","inputs","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","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","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"]}

package/dist/components/data/data-template/data-template-toolbar.cjs

@@ -0,0 +1,3 @@
+"use client"
+"use strict";var x=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var J=Object.prototype.hasOwnProperty;var K=(t,o)=>{for(var a in o)x(t,a,{get:o[a],enumerable:!0})},Q=(t,o,a,d)=>{if(o&&typeof o=="object"||typeof o=="function")for(let c of H(o))!J.call(t,c)&&c!==a&&x(t,c,{get:()=>o[c],enumerable:!(d=q(o,c))||d.enumerable});return t};var W=t=>Q(x({},"__esModule",{value:!0}),t);var oe={};K(oe,{DataTemplateToolbar:()=>te});module.exports=W(oe);var l=require("lucide-react");var V=require("radix-ui"),G=require("class-variance-authority");var _=require("clsx"),B=require("tailwind-merge");function i(...t){return(0,B.twMerge)((0,_.clsx)(t))}var F=require("react/jsx-runtime"),Y=(0,G.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 g({className:t,variant:o,size:a,asChild:d=!1,...c}){let b=d?V.Slot.Slot:"button";return(0,F.jsx)(b,{"data-slot":"button",className:i(Y({variant:o,size:a,className:t}),"transition-none"),...c})}var L=require("react/jsx-runtime");function h({className:t,type:o,...a}){return(0,L.jsx)("input",{type:o,"data-slot":"input",className:i("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","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",t),...a})}var u=require("radix-ui"),y=require("lucide-react");var p=require("react/jsx-runtime");function C({...t}){return(0,p.jsx)(u.DropdownMenu.Root,{"data-slot":"dropdown-menu",...t})}function P({...t}){return(0,p.jsx)(u.DropdownMenu.Trigger,{"data-slot":"dropdown-menu-trigger",...t})}function S({className:t,sideOffset:o=4,...a}){return(0,p.jsx)(u.DropdownMenu.Portal,{children:(0,p.jsx)(u.DropdownMenu.Content,{"data-slot":"dropdown-menu-content",sideOffset:o,className:i("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",t),...a})})}function f({className:t,inset:o,variant:a="default",...d}){return(0,p.jsx)(u.DropdownMenu.Item,{"data-slot":"dropdown-menu-item","data-inset":o,"data-variant":a,className:i("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",t),...d})}function D({className:t,inset:o,...a}){return(0,p.jsx)(u.DropdownMenu.Label,{"data-slot":"dropdown-menu-label","data-inset":o,className:i("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",t),...a})}function w({className:t,...o}){return(0,p.jsx)(u.DropdownMenu.Separator,{"data-slot":"dropdown-menu-separator",className:i("bg-border -mx-1 my-1 h-px",t),...o})}var s=require("radix-ui"),v=require("lucide-react");var r=require("react/jsx-runtime");function A({...t}){return(0,r.jsx)(s.Select.Root,{"data-slot":"select",...t})}function j({...t}){return(0,r.jsx)(s.Select.Value,{"data-slot":"select-value",...t})}function U({className:t,size:o="default",children:a,...d}){return(0,r.jsxs)(s.Select.Trigger,{"data-slot":"select-trigger","data-size":o,className:i("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",t),...d,children:[a,(0,r.jsx)(s.Select.Icon,{asChild:!0,children:(0,r.jsx)(v.ChevronDownIcon,{className:"size-4 opacity-50"})})]})}function O({className:t,children:o,position:a="popper",...d}){return(0,r.jsx)(s.Select.Portal,{children:(0,r.jsxs)(s.Select.Content,{"data-slot":"select-content",className:i("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",a==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",t),position:a,...d,children:[(0,r.jsx)($,{}),(0,r.jsx)(s.Select.Viewport,{className:i("p-1",a==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:o}),(0,r.jsx)(ee,{})]})})}function N({className:t,children:o,...a}){return(0,r.jsxs)(s.Select.Item,{"data-slot":"select-item",className:i("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",t),...a,children:[(0,r.jsx)("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:(0,r.jsx)(s.Select.ItemIndicator,{children:(0,r.jsx)(v.CheckIcon,{className:"size-4"})})}),(0,r.jsx)(s.Select.ItemText,{children:o})]})}function $({className:t,...o}){return(0,r.jsx)(s.Select.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:i("flex cursor-default items-center justify-center py-1",t),...o,children:(0,r.jsx)(v.ChevronUpIcon,{className:"size-4"})})}function ee({className:t,...o}){return(0,r.jsx)(s.Select.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:i("flex cursor-default items-center justify-center py-1",t),...o,children:(0,r.jsx)(v.ChevronDownIcon,{className:"size-4"})})}var e=require("react/jsx-runtime");function te({fields:t,filters:o,globalFilter:a,onGlobalFilterChange:d,fieldFilters:c,onFieldFilterChange:b,sortField:Z,sortDirection:ne,onSortChange:M,selectedCount:ae,totalCount:re,visibleCount:ie,onExport:k,onRefresh:I,loading:R,onClearFilters:E,onClearSorting:z}){let T=t.filter(n=>n.sortable),se=Object.values(c).some(n=>n!=null&&n!=="")||a!=="",X=Z!=="";return(0,e.jsx)("div",{className:"rounded-xl p-0.5",children:(0,e.jsx)("div",{className:"px-2",children:(0,e.jsx)("div",{className:"flex flex-col gap-6",children:(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsx)("div",{className:"flex items-center gap-3",children:o.length>0&&(0,e.jsxs)("div",{className:"flex items-center gap-3 flex-wrap",children:[(0,e.jsx)("div",{className:"flex items-center gap-2 text-sm font-medium text-muted-foreground",children:(0,e.jsx)(l.Filter,{className:"h-4 w-4"})}),o.map(n=>(0,e.jsx)("div",{className:"relative min-w-[150px]",children:n.type==="select"?(0,e.jsxs)(A,{value:c[n.key]||"all",onValueChange:m=>b(n.key,m),children:[n.icon&&(0,e.jsx)(n.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"}),(0,e.jsx)(U,{className:i("h-9 rounded-lg w-full",n.icon&&"pl-9"),children:(0,e.jsx)(j,{placeholder:n.placeholder||"Select..."})}),(0,e.jsxs)(O,{className:"rounded-lg",children:[(0,e.jsx)(N,{value:"all",children:"All"}),n.options?.map(m=>(0,e.jsx)(N,{value:m.value,children:m.label},m.value))]})]}):(0,e.jsxs)("div",{className:"relative",children:[n.icon&&(0,e.jsx)(n.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"}),(0,e.jsx)(h,{type:n.type,placeholder:n.placeholder,value:c[n.key]||"",onChange:m=>b(n.key,m.target.value),className:i("h-9 rounded-lg",n.icon&&"pl-9")})]})},String(n.key)))]})}),(0,e.jsxs)("div",{className:"flex items-center gap-2",children:[(0,e.jsxs)("div",{className:"relative",children:[(0,e.jsx)(l.Search,{className:"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),(0,e.jsx)(h,{placeholder:"Global search...",value:a,onChange:n=>d(n.target.value),className:"pl-9 h-9 rounded-lg max-w-max"})]}),T.length>0&&(0,e.jsxs)(C,{children:[(0,e.jsx)(P,{asChild:!0,children:(0,e.jsxs)(g,{variant:"outline",size:"sm",className:"rounded-lg gap-1",children:[(0,e.jsx)("span",{children:"Sort"}),(0,e.jsx)(l.ChevronDown,{className:"h-4 w-4 opacity-50"})]})}),(0,e.jsxs)(S,{align:"end",className:"w-[200px] rounded-lg",children:[(0,e.jsx)(D,{children:"Sort By"}),(0,e.jsx)(w,{}),T.map(n=>(0,e.jsxs)("div",{children:[(0,e.jsxs)(f,{onClick:()=>M(n.key,"asc"),children:[n.label," (A-Z)"]}),(0,e.jsxs)(f,{onClick:()=>M(n.key,"desc"),children:[n.label," (Z-A)"]})]},String(n.key))),X&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(w,{}),(0,e.jsx)(f,{onClick:z,children:"Clear All Sorting"})]})]})]}),(0,e.jsxs)(C,{children:[(0,e.jsx)(P,{asChild:!0,children:(0,e.jsx)(g,{variant:"outline",size:"sm",className:"rounded-lg",children:(0,e.jsx)(l.Settings2,{className:"h-4 w-4"})})}),(0,e.jsxs)(S,{align:"end",className:"w-[200px] rounded-lg",children:[(0,e.jsx)(D,{children:"Table Settings"}),(0,e.jsx)(w,{}),(0,e.jsx)(f,{onClick:z,children:"Clear All Sorting"}),(0,e.jsx)(f,{onClick:E,children:"Clear All Filters"})]})]}),k&&(0,e.jsxs)(g,{variant:"outline",size:"sm",onClick:k,className:"rounded-lg",children:[(0,e.jsx)(l.Download,{className:"mr-2 h-4 w-4"}),"Export"]}),I&&(0,e.jsx)(g,{variant:"outline",size:"sm",onClick:I,disabled:R,className:"rounded-lg",children:(0,e.jsx)(l.RefreshCw,{className:i("h-4 w-4",R&&"animate-spin")})})]})]})})})})}0&&(module.exports={DataTemplateToolbar});
+//# sourceMappingURL=data-template-toolbar.cjs.map

package/dist/components/data/data-template/data-template-toolbar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/data/data-template/data-template-toolbar.tsx","../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/input.tsx","../../../../src/components/ui/dropdown-menu.tsx","../../../../src/components/ui/select.tsx"],"sourcesContent":["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\"\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\"\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"],"mappings":";yaAAA,IAAAA,GAAA,GAAAC,EAAAD,GAAA,yBAAAE,KAAA,eAAAC,EAAAH,IAAA,IAAAI,EAA+E,wBCC/E,IAAAC,EAAsC,oBACtCC,EAAuC,oCCFvC,IAAAC,EAAsC,gBACtCC,EAAwB,0BAEjB,SAASC,KAAMC,EAAsB,CAC1C,SAAO,cAAQ,QAAKA,CAAM,CAAC,CAC7B,CD6CI,IAAAC,EAAA,6BA5CEC,KAAiB,OACrB,8bACA,CACE,SAAU,CACR,QAAS,CACP,QACE,mEACF,YACE,8JACF,QACE,wIACF,UACE,yEACF,MACE,uEACF,KAAM,iDACR,EACA,KAAM,CACJ,QAAS,gCACT,GAAI,gDACJ,GAAI,uCACJ,KAAM,QACR,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SACR,CACF,CACF,EAEA,SAASC,EAAO,CACd,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACL,EAGK,CACH,IAAMC,EAAOF,EAAU,EAAAG,KAAc,KAAO,SAE5C,SACE,OAACD,EAAA,CACC,YAAU,SACV,UAAWE,EAAGT,EAAe,CAAE,QAAAG,EAAS,KAAAC,EAAM,UAAAF,CAAU,CAAC,EAAG,iBAAiB,EAC5E,GAAGI,EACN,CAEJ,CElDI,IAAAI,EAAA,6BAFJ,SAASC,EAAM,CAAE,UAAAC,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAkC,CAC3E,SACE,OAAC,SACC,KAAMD,EACN,YAAU,QACV,UAAWE,EACT,kcACA,gFACA,yGACAH,CACF,EACC,GAAGE,EACN,CAEJ,CCjBA,IAAAE,EAAsD,oBACtDC,EAAwD,wBAO/C,IAAAC,EAAA,6BAHT,SAASC,EAAa,CACpB,GAAGC,CACL,EAA4D,CAC1D,SAAO,OAAC,EAAAC,aAAsB,KAAtB,CAA2B,YAAU,gBAAiB,GAAGD,EAAO,CAC1E,CAUA,SAASE,EAAoB,CAC3B,GAAGC,CACL,EAA+D,CAC7D,SACE,OAAC,EAAAC,aAAsB,QAAtB,CACC,YAAU,wBACT,GAAGD,EACN,CAEJ,CAEA,SAASE,EAAoB,CAC3B,UAAAC,EACA,WAAAC,EAAa,EACb,GAAGJ,CACL,EAA+D,CAC7D,SACE,OAAC,EAAAC,aAAsB,OAAtB,CACC,mBAAC,EAAAA,aAAsB,QAAtB,CACC,YAAU,wBACV,WAAYG,EACZ,UAAWC,EACT,uhBACAF,CACF,EACC,GAAGH,EACN,EACF,CAEJ,CAUA,SAASM,EAAiB,CACxB,UAAAC,EACA,MAAAC,EACA,QAAAC,EAAU,UACV,GAAGC,CACL,EAGG,CACD,SACE,OAAC,EAAAC,aAAsB,KAAtB,CACC,YAAU,qBACV,aAAYH,EACZ,eAAcC,EACd,UAAWG,EACT,8mBACAL,CACF,EACC,GAAGG,EACN,CAEJ,CA+DA,SAASG,EAAkB,CACzB,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAEG,CACD,SACE,OAAC,EAAAC,aAAsB,MAAtB,CACC,YAAU,sBACV,aAAYF,EACZ,UAAWG,EACT,oDACAJ,CACF,EACC,GAAGE,EACN,CAEJ,CAEA,SAASG,EAAsB,CAC7B,UAAAL,EACA,GAAGE,CACL,EAAiE,CAC/D,SACE,OAAC,EAAAC,aAAsB,UAAtB,CACC,YAAU,0BACV,UAAWC,EAAG,4BAA6BJ,CAAS,EACnD,GAAGE,EACN,CAEJ,CC7KA,IAAAI,EAA0C,oBAC1CC,EAA0D,wBAOjD,IAAAC,EAAA,6BAHT,SAASC,EAAO,CACd,GAAGC,CACL,EAAsD,CACpD,SAAO,OAAC,EAAAC,OAAgB,KAAhB,CAAqB,YAAU,SAAU,GAAGD,EAAO,CAC7D,CAQA,SAASE,EAAY,CACnB,GAAGC,CACL,EAAuD,CACrD,SAAO,OAAC,EAAAC,OAAgB,MAAhB,CAAsB,YAAU,eAAgB,GAAGD,EAAO,CACpE,CAEA,SAASE,EAAc,CACrB,UAAAC,EACA,KAAAC,EAAO,UACP,SAAAC,EACA,GAAGL,CACL,EAEG,CACD,SACE,QAAC,EAAAC,OAAgB,QAAhB,CACC,YAAU,iBACV,YAAWG,EACX,UAAWE,EACT,+yBACAH,CACF,EACC,GAAGH,EAEH,UAAAK,KACD,OAAC,EAAAJ,OAAgB,KAAhB,CAAqB,QAAO,GAC3B,mBAAC,mBAAgB,UAAU,oBAAoB,EACjD,GACF,CAEJ,CAEA,SAASM,EAAc,CACrB,UAAAJ,EACA,SAAAE,EACA,SAAAG,EAAW,SACX,GAAGR,CACL,EAAyD,CACvD,SACE,OAAC,EAAAC,OAAgB,OAAhB,CACC,oBAAC,EAAAA,OAAgB,QAAhB,CACC,YAAU,iBACV,UAAWK,EACT,gjBACAE,IAAa,UACb,kIACAL,CACF,EACA,SAAUK,EACT,GAAGR,EAEJ,oBAACS,EAAA,EAAqB,KACtB,OAAC,EAAAR,OAAgB,SAAhB,CACC,UAAWK,EACT,MACAE,IAAa,UACb,qGACF,EAEC,SAAAH,EACH,KACA,OAACK,GAAA,EAAuB,GAC1B,EACF,CAEJ,CAeA,SAASC,EAAW,CAClB,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAsD,CACpD,SACE,QAAC,EAAAC,OAAgB,KAAhB,CACC,YAAU,cACV,UAAWC,EACT,4aACAJ,CACF,EACC,GAAGE,EAEJ,oBAAC,QAAK,UAAU,6DACd,mBAAC,EAAAC,OAAgB,cAAhB,CACC,mBAAC,aAAU,UAAU,SAAS,EAChC,EACF,KACA,OAAC,EAAAA,OAAgB,SAAhB,CAA0B,SAAAF,EAAS,GACtC,CAEJ,CAeA,SAASI,EAAqB,CAC5B,UAAAC,EACA,GAAGC,CACL,EAAgE,CAC9D,SACE,OAAC,EAAAC,OAAgB,eAAhB,CACC,YAAU,0BACV,UAAWC,EACT,uDACAH,CACF,EACC,GAAGC,EAEJ,mBAAC,iBAAc,UAAU,SAAS,EACpC,CAEJ,CAEA,SAASG,GAAuB,CAC9B,UAAAJ,EACA,GAAGC,CACL,EAAkE,CAChE,SACE,OAAC,EAAAC,OAAgB,iBAAhB,CACC,YAAU,4BACV,UAAWC,EACT,uDACAH,CACF,EACC,GAAGC,EAEJ,mBAAC,mBAAgB,UAAU,SAAS,EACtC,CAEJ,CLlGoB,IAAAI,EAAA,6BApCb,SAASC,GAAmD,CACjE,OAAAC,EACA,QAAAC,EACA,aAAAC,EACA,qBAAAC,EACA,aAAAC,EACA,oBAAAC,EACA,UAAAC,EACA,cAAAC,GACA,aAAAC,EACA,cAAAC,GACA,WAAAC,GACA,aAAAC,GACA,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,eAAAC,EACA,eAAAC,CACF,EAAgC,CAC9B,IAAMC,EAAiBjB,EAAO,OAAQkB,GAAUA,EAAM,QAAQ,EACxDC,GACJ,OAAO,OAAOf,CAAY,EAAE,KAAMgB,GAAiCA,GAAU,MAAQA,IAAU,EAAE,GACjGlB,IAAiB,GACbmB,EAAmBf,IAAc,GAEvC,SACE,OAAC,OAAI,UAAU,mBACb,mBAAC,OAAI,UAAU,OACb,mBAAC,OAAI,UAAU,sBAEb,oBAAC,OAAI,UAAU,oCACb,oBAAC,OAAI,UAAU,0BAEZ,SAAAL,EAAQ,OAAS,MAChB,QAAC,OAAI,UAAU,oCACb,oBAAC,OAAI,UAAU,oEACb,mBAAC,UAAO,UAAU,UAAU,EAC9B,EACCA,EAAQ,IAAKqB,MACZ,OAAC,OAA6B,UAAU,yBACrC,SAAAA,EAAO,OAAS,YACf,QAACC,EAAA,CACC,MAAOnB,EAAakB,EAAO,GAAG,GAAK,MACnC,cAAgBF,GAAUf,EAAoBiB,EAAO,IAAKF,CAAK,EAE9D,UAAAE,EAAO,SACN,OAACA,EAAO,KAAP,CAAY,UAAU,wEAAwE,KAEjG,OAACE,EAAA,CAAc,UAAWC,EAAG,wBAAyBH,EAAO,MAAQ,MAAM,EACzE,mBAACI,EAAA,CAAY,YAAaJ,EAAO,aAAe,YAAa,EAC/D,KACA,QAACK,EAAA,CAAc,UAAU,aACvB,oBAACC,EAAA,CAAW,MAAM,MAAM,eAAG,EAC1BN,EAAO,SAAS,IAAKO,MACpB,OAACD,EAAA,CAA8B,MAAOC,EAAO,MAC1C,SAAAA,EAAO,OADOA,EAAO,KAExB,CACD,GACH,GACF,KAEA,QAAC,OAAI,UAAU,WACZ,UAAAP,EAAO,SACN,OAACA,EAAO,KAAP,CAAY,UAAU,wEAAwE,KAEjG,OAACQ,EAAA,CACC,KAAMR,EAAO,KACb,YAAaA,EAAO,YACpB,MAAOlB,EAAakB,EAAO,GAAG,GAAK,GACnC,SAAWS,GAAM1B,EAAoBiB,EAAO,IAAKS,EAAE,OAAO,KAAK,EAC/D,UAAWN,EAAG,iBAAkBH,EAAO,MAAQ,MAAM,EACvD,GACF,GAjCM,OAAOA,EAAO,GAAG,CAmC3B,CACD,GACH,EAEJ,KAEA,QAAC,OAAI,UAAU,0BAEb,qBAAC,OAAI,UAAU,WACb,oBAAC,UAAO,UAAU,yEAAyE,KAC3F,OAACQ,EAAA,CACC,YAAY,mBACZ,MAAO5B,EACP,SAAW6B,GAAM5B,EAAqB4B,EAAE,OAAO,KAAK,EACpD,UAAU,gCACZ,GACF,EAGCd,EAAe,OAAS,MACvB,QAACe,EAAA,CACC,oBAACC,EAAA,CAAoB,QAAO,GAC1B,oBAACC,EAAA,CAAO,QAAQ,UAAU,KAAK,KAAK,UAAU,mBAC5C,oBAAC,QAAK,gBAAI,KACV,OAAC,eAAY,UAAU,qBAAqB,GAC9C,EACF,KACA,QAACC,EAAA,CAAoB,MAAM,MAAM,UAAU,uBACzC,oBAACC,EAAA,CAAkB,mBAAO,KAC1B,OAACC,EAAA,EAAsB,EACtBpB,EAAe,IAAKC,MACnB,QAAC,OACC,qBAACoB,EAAA,CAAiB,QAAS,IAAM9B,EAAaU,EAAM,IAAK,KAAK,EAC3D,UAAAA,EAAM,MAAM,UACf,KACA,QAACoB,EAAA,CAAiB,QAAS,IAAM9B,EAAaU,EAAM,IAAK,MAAM,EAC5D,UAAAA,EAAM,MAAM,UACf,IANQ,OAAOA,EAAM,GAAG,CAO1B,CACD,EACAG,MACC,oBACE,oBAACgB,EAAA,EAAsB,KACvB,OAACC,EAAA,CAAiB,QAAStB,EAAgB,6BAE3C,GACF,GAEJ,GACF,KAIF,QAACgB,EAAA,CACC,oBAACC,EAAA,CAAoB,QAAO,GAC1B,mBAACC,EAAA,CAAO,QAAQ,UAAU,KAAK,KAAK,UAAU,aAC5C,mBAAC,aAAU,UAAU,UAAU,EACjC,EACF,KACA,QAACC,EAAA,CAAoB,MAAM,MAAM,UAAU,uBACzC,oBAACC,EAAA,CAAkB,0BAAc,KACjC,OAACC,EAAA,EAAsB,KACvB,OAACC,EAAA,CAAiB,QAAStB,EAAgB,6BAE3C,KACA,OAACsB,EAAA,CAAiB,QAASvB,EAAgB,6BAE3C,GACF,GACF,EAGCH,MACC,QAACsB,EAAA,CAAO,QAAQ,UAAU,KAAK,KAAK,QAAStB,EAAU,UAAU,aAC/D,oBAAC,YAAS,UAAU,eAAe,EAAE,UAEvC,EAIDC,MACC,OAACqB,EAAA,CACC,QAAQ,UACR,KAAK,KACL,QAASrB,EACT,SAAUC,EACV,UAAU,aAEV,mBAAC,aAAU,UAAWW,EAAG,UAAWX,GAAW,cAAc,EAAG,EAClE,GAEJ,GACF,EACF,EACF,EACF,CAEJ","names":["data_template_toolbar_exports","__export","DataTemplateToolbar","__toCommonJS","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_jsx_runtime","Input","className","type","props","cn","import_radix_ui","import_lucide_react","import_jsx_runtime","DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","props","DropdownMenuPrimitive","DropdownMenuContent","className","sideOffset","cn","DropdownMenuItem","className","inset","variant","props","DropdownMenuPrimitive","cn","DropdownMenuLabel","className","inset","props","DropdownMenuPrimitive","cn","DropdownMenuSeparator","import_radix_ui","import_lucide_react","import_jsx_runtime","Select","props","SelectPrimitive","SelectValue","props","SelectPrimitive","SelectTrigger","className","size","children","cn","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectItem","className","children","props","SelectPrimitive","cn","SelectScrollUpButton","className","props","SelectPrimitive","cn","SelectScrollDownButton","import_jsx_runtime","DataTemplateToolbar","fields","filters","globalFilter","onGlobalFilterChange","fieldFilters","onFieldFilterChange","sortField","sortDirection","onSortChange","selectedCount","totalCount","visibleCount","onExport","onRefresh","loading","onClearFilters","onClearSorting","sortableFields","field","hasActiveFilters","value","hasActiveSorting","filter","Select","SelectTrigger","cn","SelectValue","SelectContent","SelectItem","option","Input","e","DropdownMenu","DropdownMenuTrigger","Button","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuItem"]}

package/dist/components/data/data-template/data-template-toolbar.d.cts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DataTemplateField, DataTemplateFilter } from './data-template-types.cjs';
+import 'lucide-react';
+import 'react';
+
+interface DataTemplateToolbarProps<T extends Record<string, any>> {
+    fields: DataTemplateField<T>[];
+    filters: DataTemplateFilter<T>[];
+    globalFilter: string;
+    onGlobalFilterChange: (value: string) => void;
+    fieldFilters: Partial<Record<keyof T, any>>;
+    onFieldFilterChange: (key: keyof T, value: any) => void;
+    sortField: keyof T | "";
+    sortDirection: "asc" | "desc";
+    onSortChange: (field: keyof T, direction: "asc" | "desc") => void;
+    selectedCount: number;
+    totalCount: number;
+    visibleCount: number;
+    onExport?: () => void;
+    onRefresh?: () => void;
+    loading?: boolean;
+    onClearFilters: () => void;
+    onClearSorting: () => void;
+}
+declare function DataTemplateToolbar<T extends Record<string, any>>({ fields, filters, globalFilter, onGlobalFilterChange, fieldFilters, onFieldFilterChange, sortField, sortDirection, onSortChange, selectedCount, totalCount, visibleCount, onExport, onRefresh, loading, onClearFilters, onClearSorting, }: DataTemplateToolbarProps<T>): react_jsx_runtime.JSX.Element;
+
+export { DataTemplateToolbar };

package/dist/components/data/data-template/data-template-toolbar.d.ts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DataTemplateField, DataTemplateFilter } from './data-template-types.js';
+import 'lucide-react';
+import 'react';
+
+interface DataTemplateToolbarProps<T extends Record<string, any>> {
+    fields: DataTemplateField<T>[];
+    filters: DataTemplateFilter<T>[];
+    globalFilter: string;
+    onGlobalFilterChange: (value: string) => void;
+    fieldFilters: Partial<Record<keyof T, any>>;
+    onFieldFilterChange: (key: keyof T, value: any) => void;
+    sortField: keyof T | "";
+    sortDirection: "asc" | "desc";
+    onSortChange: (field: keyof T, direction: "asc" | "desc") => void;
+    selectedCount: number;
+    totalCount: number;
+    visibleCount: number;
+    onExport?: () => void;
+    onRefresh?: () => void;
+    loading?: boolean;
+    onClearFilters: () => void;
+    onClearSorting: () => void;
+}
+declare function DataTemplateToolbar<T extends Record<string, any>>({ fields, filters, globalFilter, onGlobalFilterChange, fieldFilters, onFieldFilterChange, sortField, sortDirection, onSortChange, selectedCount, totalCount, visibleCount, onExport, onRefresh, loading, onClearFilters, onClearSorting, }: DataTemplateToolbarProps<T>): react_jsx_runtime.JSX.Element;
+
+export { DataTemplateToolbar };

package/dist/components/data/data-template/data-template-toolbar.js

@@ -0,0 +1,3 @@
+"use client"
+import{Search as Q,Download as W,RefreshCw as Y,Filter as $,ChevronDown as ee,Settings2 as te}from"lucide-react";import{Slot as U}from"radix-ui";import{cva as O}from"class-variance-authority";import{clsx as A}from"clsx";import{twMerge as j}from"tailwind-merge";function r(...e){return j(A(e))}import{jsx as E}from"react/jsx-runtime";var Z=O("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 f({className:e,variant:n,size:a,asChild:l=!1,...v}){let g=l?U.Slot:"button";return E(g,{"data-slot":"button",className:r(Z({variant:n,size:a,className:e}),"transition-none"),...v})}import{jsx as X}from"react/jsx-runtime";function w({className:e,type:n,...a}){return X("input",{type:n,"data-slot":"input",className:r("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","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",e),...a})}import{DropdownMenu as p}from"radix-ui";import{CheckIcon as ye,ChevronRightIcon as Ce,CircleIcon as Pe}from"lucide-react";import{jsx as u,jsxs as Ne}from"react/jsx-runtime";function x({...e}){return u(p.Root,{"data-slot":"dropdown-menu",...e})}function h({...e}){return u(p.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function y({className:e,sideOffset:n=4,...a}){return u(p.Portal,{children:u(p.Content,{"data-slot":"dropdown-menu-content",sideOffset:n,className:r("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",e),...a})})}function m({className:e,inset:n,variant:a="default",...l}){return u(p.Item,{"data-slot":"dropdown-menu-item","data-inset":n,"data-variant":a,className:r("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",e),...l})}function C({className:e,inset:n,...a}){return u(p.Label,{"data-slot":"dropdown-menu-label","data-inset":n,className:r("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",e),...a})}function b({className:e,...n}){return u(p.Separator,{"data-slot":"dropdown-menu-separator",className:r("bg-border -mx-1 my-1 h-px",e),...n})}import{Select as d}from"radix-ui";import{CheckIcon as q,ChevronDownIcon as z,ChevronUpIcon as H}from"lucide-react";import{jsx as s,jsxs as S}from"react/jsx-runtime";function T({...e}){return s(d.Root,{"data-slot":"select",...e})}function _({...e}){return s(d.Value,{"data-slot":"select-value",...e})}function B({className:e,size:n="default",children:a,...l}){return S(d.Trigger,{"data-slot":"select-trigger","data-size":n,className:r("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",e),...l,children:[a,s(d.Icon,{asChild:!0,children:s(z,{className:"size-4 opacity-50"})})]})}function V({className:e,children:n,position:a="popper",...l}){return s(d.Portal,{children:S(d.Content,{"data-slot":"select-content",className:r("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",a==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:a,...l,children:[s(J,{}),s(d.Viewport,{className:r("p-1",a==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:n}),s(K,{})]})})}function P({className:e,children:n,...a}){return S(d.Item,{"data-slot":"select-item",className:r("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",e),...a,children:[s("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:s(d.ItemIndicator,{children:s(q,{className:"size-4"})})}),s(d.ItemText,{children:n})]})}function J({className:e,...n}){return s(d.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:r("flex cursor-default items-center justify-center py-1",e),...n,children:s(H,{className:"size-4"})})}function K({className:e,...n}){return s(d.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:r("flex cursor-default items-center justify-center py-1",e),...n,children:s(z,{className:"size-4"})})}import{Fragment as oe,jsx as t,jsxs as i}from"react/jsx-runtime";function je({fields:e,filters:n,globalFilter:a,onGlobalFilterChange:l,fieldFilters:v,onFieldFilterChange:g,sortField:G,sortDirection:ne,onSortChange:D,selectedCount:ae,totalCount:re,visibleCount:ie,onExport:N,onRefresh:M,loading:k,onClearFilters:F,onClearSorting:I}){let R=e.filter(o=>o.sortable),se=Object.values(v).some(o=>o!=null&&o!=="")||a!=="",L=G!=="";return t("div",{className:"rounded-xl p-0.5",children:t("div",{className:"px-2",children:t("div",{className:"flex flex-col gap-6",children:i("div",{className:"flex items-center justify-between",children:[t("div",{className:"flex items-center gap-3",children:n.length>0&&i("div",{className:"flex items-center gap-3 flex-wrap",children:[t("div",{className:"flex items-center gap-2 text-sm font-medium text-muted-foreground",children:t($,{className:"h-4 w-4"})}),n.map(o=>t("div",{className:"relative min-w-[150px]",children:o.type==="select"?i(T,{value:v[o.key]||"all",onValueChange:c=>g(o.key,c),children:[o.icon&&t(o.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"}),t(B,{className:r("h-9 rounded-lg w-full",o.icon&&"pl-9"),children:t(_,{placeholder:o.placeholder||"Select..."})}),i(V,{className:"rounded-lg",children:[t(P,{value:"all",children:"All"}),o.options?.map(c=>t(P,{value:c.value,children:c.label},c.value))]})]}):i("div",{className:"relative",children:[o.icon&&t(o.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"}),t(w,{type:o.type,placeholder:o.placeholder,value:v[o.key]||"",onChange:c=>g(o.key,c.target.value),className:r("h-9 rounded-lg",o.icon&&"pl-9")})]})},String(o.key)))]})}),i("div",{className:"flex items-center gap-2",children:[i("div",{className:"relative",children:[t(Q,{className:"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),t(w,{placeholder:"Global search...",value:a,onChange:o=>l(o.target.value),className:"pl-9 h-9 rounded-lg max-w-max"})]}),R.length>0&&i(x,{children:[t(h,{asChild:!0,children:i(f,{variant:"outline",size:"sm",className:"rounded-lg gap-1",children:[t("span",{children:"Sort"}),t(ee,{className:"h-4 w-4 opacity-50"})]})}),i(y,{align:"end",className:"w-[200px] rounded-lg",children:[t(C,{children:"Sort By"}),t(b,{}),R.map(o=>i("div",{children:[i(m,{onClick:()=>D(o.key,"asc"),children:[o.label," (A-Z)"]}),i(m,{onClick:()=>D(o.key,"desc"),children:[o.label," (Z-A)"]})]},String(o.key))),L&&i(oe,{children:[t(b,{}),t(m,{onClick:I,children:"Clear All Sorting"})]})]})]}),i(x,{children:[t(h,{asChild:!0,children:t(f,{variant:"outline",size:"sm",className:"rounded-lg",children:t(te,{className:"h-4 w-4"})})}),i(y,{align:"end",className:"w-[200px] rounded-lg",children:[t(C,{children:"Table Settings"}),t(b,{}),t(m,{onClick:I,children:"Clear All Sorting"}),t(m,{onClick:F,children:"Clear All Filters"})]})]}),N&&i(f,{variant:"outline",size:"sm",onClick:N,className:"rounded-lg",children:[t(W,{className:"mr-2 h-4 w-4"}),"Export"]}),M&&t(f,{variant:"outline",size:"sm",onClick:M,disabled:k,className:"rounded-lg",children:t(Y,{className:r("h-4 w-4",k&&"animate-spin")})})]})]})})})})}export{je as DataTemplateToolbar};
+//# sourceMappingURL=data-template-toolbar.js.map