shad-m 1.0.0 → 1.0.2

package/dist/common/interactive/pagination/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/common/interactive/pagination/index.tsx"],"names":["useState","useEffect","usePagination","useMemo","DOTS","jsx","PaginationSkeleton","jsxs","cn","Fragment","PaginationContainer","PaginationContent","Button","ChevronLeftIcon","PaginationItem","PaginationEllipsis","ChevronRight","Select","SelectTrigger","ChevronDown","SelectBody","SelectContentAutoLayout"],"mappings":"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","file":"index.js","sourcesContent":["import { ChevronDown, ChevronLeftIcon, ChevronRight } from 'lucide-react';\nimport { useEffect, useMemo, useState } from 'react';\nimport { Button } from '../../../components/button';\nimport {\n  Pagination as PaginationContainer,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n} from '../../../components/pagination';\nimport { cn } from '../../../lib/utils';\nimport { Option, Select, SelectBody, SelectContentAutoLayout, SelectTrigger } from '../select';\nimport { DOTS, usePagination } from './usePagination';\nimport { PaginationSkeleton } from './PaginationSkeleton';\n\nexport interface PaginationConfig {\n  current?: number;\n  pageSize?: number;\n  total?: number;\n  onChange?: (page: number, pageSize: number) => void;\n  loading?: boolean;\n  className?: string;\n  showInfo?: boolean; // Option to show/hide \"Hiển thị 1 - 20 trong tổng số 177\"\n  showPageSizeSelector?: boolean; // Option to show/hide page size selector\n}\n\nexport const Pagination = ({\n  current = 1,\n  pageSize = 20,\n  total = 0,\n  onChange,\n  loading,\n  className,\n  showInfo = true,\n  showPageSizeSelector = true,\n}: PaginationConfig) => {\n  const [paginationOptions, setPaginationOptions] = useState<Option[]>([\n    { value: '10', name: '10' },\n    { value: '20', name: '20' },\n    { value: '30', name: '30' },\n    { value: '50', name: '50' },\n    { value: '100', name: '100' },\n  ]);\n\n  useEffect(() => {\n    setPaginationOptions((prev: Option[]) => {\n      const options: Option[] = [...prev];\n\n      // Convert pageSize to string for comparison\n      const pageSizeStr = String(pageSize);\n\n      // Check if current pageSize exists in options\n      const pageSizeExists = options.some((option) => option.value === pageSizeStr);\n\n      // If pageSize doesn't exist in options, add it at the beginning\n      if (!pageSizeExists && pageSize) {\n        options.unshift({ value: pageSizeStr, name: pageSizeStr });\n      }\n\n      options.sort((a, b) => Number(a.value) - Number(b.value));\n\n      return options;\n    });\n  }, [pageSize]);\n\n  const totalPages = Math.ceil(total / pageSize);\n\n  const onPageChange = (page: number | string) => {\n    // Đảm bảo page là một số và nằm trong giới hạn cho phép\n    if (typeof page === 'number' && page >= 1 && page <= totalPages && page !== current) {\n      onChange?.(page, pageSize);\n    }\n  };\n\n  const onNext = () => {\n    if (current < totalPages) {\n      onPageChange(current + 1);\n    }\n  };\n\n  const onPrevious = () => {\n    if (current > 1) {\n      onPageChange(current - 1);\n    }\n  };\n\n  // Helper function to create range\n  const range = (start: number, end: number) => {\n    const length = end - start + 1;\n    return Array.from({ length }, (_, idx) => idx + start);\n  };\n\n  // Calculate display range\n  const startIndex = (current - 1) * pageSize + 1;\n  const endIndex = Math.min(current * pageSize, total);\n\n  const paginationRange = usePagination({\n    current: current,\n    total,\n    pageSize,\n    siblingCount: 1, // Bạn có thể tùy chỉnh số trang hiển thị bên cạnh trang hiện tại\n  });\n\n  // Mobile pagination range: only show first 3 pages + ...\n  const mobilePaginationRange = useMemo(() => {\n    if (totalPages <= 3) {\n      return range(1, totalPages);\n    }\n    return [1, 2, 3, DOTS];\n  }, [totalPages]);\n\n  // Show skeleton when loading\n  if (loading) {\n    return <PaginationSkeleton className={className} />;\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between',\n        className,\n      )}\n    >\n      {/* Info text - hidden on mobile, shown on desktop */}\n      {showInfo && (\n        <div className=\"text-t14m text-muted-foreground hidden text-nowrap lg:block\">\n          {total > 0 ? (\n            <>\n              Hiển thị {startIndex} - {endIndex} trong tổng số {total}\n            </>\n          ) : (\n            <>Hiển thị 0 - 0 trong tổng số 0</>\n          )}\n        </div>\n      )}\n\n      {/* Pagination controls */}\n      <PaginationContainer className=\"w-full justify-center lg:flex-1\">\n        <PaginationContent className=\"gap-1 sm:gap-2 lg:gap-3\">\n          {/* Nút Previous */}\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"px-2\"\n            onClick={(e) => {\n              e.preventDefault();\n              onPrevious();\n            }}\n            disabled={current <= 1}\n          >\n            <ChevronLeftIcon className=\"text-ink-400s !size-4 sm:!size-6\" />\n          </Button>\n\n          {/* Mobile: Simple pagination (first 3 pages + ...) */}\n          <div className=\"contents lg:hidden\">\n            {mobilePaginationRange.map((pageNumber, index) => {\n              if (pageNumber === DOTS) {\n                return (\n                  <PaginationItem\n                    key={`dots-mobile-${index}`}\n                    className=\"text-t14m text-foreground\"\n                  >\n                    <PaginationEllipsis />\n                  </PaginationItem>\n                );\n              }\n\n              return (\n                <PaginationItem key={pageNumber} className=\"text-t14m text-foreground\">\n                  <Button\n                    size=\"sm\"\n                    variant={pageNumber === current ? 'soft-info' : 'ghost'}\n                    className={cn('text-t14m !min-w-[40px] border-none')}\n                    onClick={(e) => {\n                      e.preventDefault();\n                      onPageChange(pageNumber);\n                    }}\n                    loading={pageNumber === current ? loading : false}\n                  >\n                    {!(loading && pageNumber === current) && pageNumber}\n                  </Button>\n                </PaginationItem>\n              );\n            })}\n          </div>\n\n          {/* Desktop: Full pagination */}\n          <div className=\"hidden lg:contents\">\n            {paginationRange.map((pageNumber, index) => {\n              if (pageNumber === DOTS) {\n                return (\n                  <PaginationItem\n                    key={`dots-desktop-${index}`}\n                    className=\"text-t14m text-foreground\"\n                  >\n                    <PaginationEllipsis />\n                  </PaginationItem>\n                );\n              }\n\n              return (\n                <PaginationItem key={`desktop-${pageNumber}`} className=\"text-t14m text-foreground\">\n                  <Button\n                    size=\"sm\"\n                    variant={pageNumber === current ? 'soft-info' : 'ghost'}\n                    className={cn('text-t14m !min-w-[40px] border-none')}\n                    onClick={(e) => {\n                      e.preventDefault();\n                      onPageChange(pageNumber);\n                    }}\n                    loading={pageNumber === current ? loading : false}\n                  >\n                    {!(loading && pageNumber === current) && pageNumber}\n                  </Button>\n                </PaginationItem>\n              );\n            })}\n          </div>\n\n          {/* Nút Next */}\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"px-2\"\n            onClick={(e) => {\n              e.preventDefault();\n              onNext();\n            }}\n            disabled={current >= totalPages}\n          >\n            <ChevronRight className=\"text-ink-400s !size-4 sm:!size-6\" />\n          </Button>\n        </PaginationContent>\n      </PaginationContainer>\n\n      {/* Mobile: Page size selector on top */}\n      {showPageSizeSelector && (\n        <div className=\"flex items-center justify-end gap-1 lg:hidden\">\n          <p className=\"text-muted-foreground text-t14m text-nowrap\">Số mục mỗi trang:</p>\n          <Select\n            value={[{ value: pageSize.toString(), name: pageSize.toString() }]}\n            onValueChange={(values) => {\n              values.length > 0 && onChange?.(1, parseInt(values?.[0]?.value ?? '0', 10));\n            }}\n          >\n            <SelectTrigger isCustomMode asChild>\n              <div className=\"flex cursor-pointer items-center gap-1\">\n                <span className=\"text-sm font-medium text-blue-500\">{pageSize}</span>\n                <ChevronDown className=\"h-4 w-4 text-blue-500\" />\n              </div>\n            </SelectTrigger>\n            <SelectBody align=\"end\">\n              <SelectContentAutoLayout options={paginationOptions} />\n            </SelectBody>\n          </Select>\n        </div>\n      )}\n      {/* Desktop: Page size selector on the right */}\n      {showPageSizeSelector && (\n        <div className=\"hidden shrink-0 items-center gap-1 lg:flex\">\n          <p className=\"text-muted-foreground text-t14m text-nowrap\">Số mục mỗi trang:</p>\n          <Select\n            value={[{ value: pageSize.toString(), name: pageSize.toString() }]}\n            onValueChange={(values) => {\n              values.length > 0 && onChange?.(1, parseInt(values?.[0]?.value ?? '0', 10));\n            }}\n          >\n            <SelectTrigger isCustomMode asChild>\n              <div className=\"flex cursor-pointer items-center gap-1\">\n                <span className=\"text-sm font-medium text-blue-500\">{pageSize}</span>\n                <ChevronDown className=\"h-4 w-4 text-blue-500\" />\n              </div>\n            </SelectTrigger>\n            <SelectBody align=\"end\" side=\"bottom\" className=\"ml-0 min-w-[120px]\">\n              <SelectContentAutoLayout options={paginationOptions} />\n            </SelectBody>\n          </Select>\n        </div>\n      )}\n    </div>\n  );\n};\n\n// Export usePagination hook and DOTS constant for external use\nexport { DOTS, usePagination } from './usePagination';\nexport { PaginationSkeleton } from './PaginationSkeleton';\n"]}

package/dist/common/interactive/pagination/index.mjs

@@ -1,223 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronLeftIcon, ChevronRight, ChevronDown } from 'lucide-react';
-import { useState, useEffect, useMemo } from 'react';
-import { Button } from '../../../components/button';
-import { Pagination as Pagination$1, PaginationContent, PaginationItem, PaginationEllipsis } from '../../../components/pagination';
-import { cn } from '../../../lib/utils';
-import { Select, SelectTrigger, SelectBody, SelectContentAutoLayout } from '../select';
-import { usePagination, DOTS } from './usePagination';
-export { DOTS, usePagination } from './usePagination';
-import { PaginationSkeleton } from './PaginationSkeleton';
-export { PaginationSkeleton } from './PaginationSkeleton';
-
-const Pagination = ({
-  current = 1,
-  pageSize = 20,
-  total = 0,
-  onChange,
-  loading,
-  className,
-  showInfo = true,
-  showPageSizeSelector = true
-}) => {
-  const [paginationOptions, setPaginationOptions] = useState([
-    { value: "10", name: "10" },
-    { value: "20", name: "20" },
-    { value: "30", name: "30" },
-    { value: "50", name: "50" },
-    { value: "100", name: "100" }
-  ]);
-  useEffect(() => {
-    setPaginationOptions((prev) => {
-      const options = [...prev];
-      const pageSizeStr = String(pageSize);
-      const pageSizeExists = options.some((option) => option.value === pageSizeStr);
-      if (!pageSizeExists && pageSize) {
-        options.unshift({ value: pageSizeStr, name: pageSizeStr });
-      }
-      options.sort((a, b) => Number(a.value) - Number(b.value));
-      return options;
-    });
-  }, [pageSize]);
-  const totalPages = Math.ceil(total / pageSize);
-  const onPageChange = (page) => {
-    if (typeof page === "number" && page >= 1 && page <= totalPages && page !== current) {
-      onChange?.(page, pageSize);
-    }
-  };
-  const onNext = () => {
-    if (current < totalPages) {
-      onPageChange(current + 1);
-    }
-  };
-  const onPrevious = () => {
-    if (current > 1) {
-      onPageChange(current - 1);
-    }
-  };
-  const range = (start, end) => {
-    const length = end - start + 1;
-    return Array.from({ length }, (_, idx) => idx + start);
-  };
-  const startIndex = (current - 1) * pageSize + 1;
-  const endIndex = Math.min(current * pageSize, total);
-  const paginationRange = usePagination({
-    current,
-    total,
-    pageSize,
-    siblingCount: 1
-    // Bạn có thể tùy chỉnh số trang hiển thị bên cạnh trang hiện tại
-  });
-  const mobilePaginationRange = useMemo(() => {
-    if (totalPages <= 3) {
-      return range(1, totalPages);
-    }
-    return [1, 2, 3, DOTS];
-  }, [totalPages]);
-  if (loading) {
-    return /* @__PURE__ */ jsx(PaginationSkeleton, { className });
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between",
-        className
-      ),
-      children: [
-        showInfo && /* @__PURE__ */ jsx("div", { className: "text-t14m text-muted-foreground hidden text-nowrap lg:block", children: total > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          "Hi\u1EC3n th\u1ECB ",
-          startIndex,
-          " - ",
-          endIndex,
-          " trong t\u1ED5ng s\u1ED1 ",
-          total
-        ] }) : /* @__PURE__ */ jsx(Fragment, { children: "Hi\u1EC3n th\u1ECB 0 - 0 trong t\u1ED5ng s\u1ED1 0" }) }),
-        /* @__PURE__ */ jsx(Pagination$1, { className: "w-full justify-center lg:flex-1", children: /* @__PURE__ */ jsxs(PaginationContent, { className: "gap-1 sm:gap-2 lg:gap-3", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              size: "sm",
-              className: "px-2",
-              onClick: (e) => {
-                e.preventDefault();
-                onPrevious();
-              },
-              disabled: current <= 1,
-              children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "text-ink-400s !size-4 sm:!size-6" })
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "contents lg:hidden", children: mobilePaginationRange.map((pageNumber, index) => {
-            if (pageNumber === DOTS) {
-              return /* @__PURE__ */ jsx(
-                PaginationItem,
-                {
-                  className: "text-t14m text-foreground",
-                  children: /* @__PURE__ */ jsx(PaginationEllipsis, {})
-                },
-                `dots-mobile-${index}`
-              );
-            }
-            return /* @__PURE__ */ jsx(PaginationItem, { className: "text-t14m text-foreground", children: /* @__PURE__ */ jsx(
-              Button,
-              {
-                size: "sm",
-                variant: pageNumber === current ? "soft-info" : "ghost",
-                className: cn("text-t14m !min-w-[40px] border-none"),
-                onClick: (e) => {
-                  e.preventDefault();
-                  onPageChange(pageNumber);
-                },
-                loading: pageNumber === current ? loading : false,
-                children: !(loading && pageNumber === current) && pageNumber
-              }
-            ) }, pageNumber);
-          }) }),
-          /* @__PURE__ */ jsx("div", { className: "hidden lg:contents", children: paginationRange.map((pageNumber, index) => {
-            if (pageNumber === DOTS) {
-              return /* @__PURE__ */ jsx(
-                PaginationItem,
-                {
-                  className: "text-t14m text-foreground",
-                  children: /* @__PURE__ */ jsx(PaginationEllipsis, {})
-                },
-                `dots-desktop-${index}`
-              );
-            }
-            return /* @__PURE__ */ jsx(PaginationItem, { className: "text-t14m text-foreground", children: /* @__PURE__ */ jsx(
-              Button,
-              {
-                size: "sm",
-                variant: pageNumber === current ? "soft-info" : "ghost",
-                className: cn("text-t14m !min-w-[40px] border-none"),
-                onClick: (e) => {
-                  e.preventDefault();
-                  onPageChange(pageNumber);
-                },
-                loading: pageNumber === current ? loading : false,
-                children: !(loading && pageNumber === current) && pageNumber
-              }
-            ) }, `desktop-${pageNumber}`);
-          }) }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              size: "sm",
-              className: "px-2",
-              onClick: (e) => {
-                e.preventDefault();
-                onNext();
-              },
-              disabled: current >= totalPages,
-              children: /* @__PURE__ */ jsx(ChevronRight, { className: "text-ink-400s !size-4 sm:!size-6" })
-            }
-          )
-        ] }) }),
-        showPageSizeSelector && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-1 lg:hidden", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-t14m text-nowrap", children: "S\u1ED1 m\u1EE5c m\u1ED7i trang:" }),
-          /* @__PURE__ */ jsxs(
-            Select,
-            {
-              value: [{ value: pageSize.toString(), name: pageSize.toString() }],
-              onValueChange: (values) => {
-                values.length > 0 && onChange?.(1, parseInt(values?.[0]?.value ?? "0", 10));
-              },
-              children: [
-                /* @__PURE__ */ jsx(SelectTrigger, { isCustomMode: true, asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "flex cursor-pointer items-center gap-1", children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-blue-500", children: pageSize }),
-                  /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 text-blue-500" })
-                ] }) }),
-                /* @__PURE__ */ jsx(SelectBody, { align: "end", children: /* @__PURE__ */ jsx(SelectContentAutoLayout, { options: paginationOptions }) })
-              ]
-            }
-          )
-        ] }),
-        showPageSizeSelector && /* @__PURE__ */ jsxs("div", { className: "hidden shrink-0 items-center gap-1 lg:flex", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-t14m text-nowrap", children: "S\u1ED1 m\u1EE5c m\u1ED7i trang:" }),
-          /* @__PURE__ */ jsxs(
-            Select,
-            {
-              value: [{ value: pageSize.toString(), name: pageSize.toString() }],
-              onValueChange: (values) => {
-                values.length > 0 && onChange?.(1, parseInt(values?.[0]?.value ?? "0", 10));
-              },
-              children: [
-                /* @__PURE__ */ jsx(SelectTrigger, { isCustomMode: true, asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "flex cursor-pointer items-center gap-1", children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-blue-500", children: pageSize }),
-                  /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 text-blue-500" })
-                ] }) }),
-                /* @__PURE__ */ jsx(SelectBody, { align: "end", side: "bottom", className: "ml-0 min-w-[120px]", children: /* @__PURE__ */ jsx(SelectContentAutoLayout, { options: paginationOptions }) })
-              ]
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-
-export { Pagination };
-//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map

package/dist/common/interactive/pagination/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/common/interactive/pagination/index.tsx"],"names":["PaginationContainer"],"mappings":"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","file":"index.mjs","sourcesContent":["import { ChevronDown, ChevronLeftIcon, ChevronRight } from 'lucide-react';\nimport { useEffect, useMemo, useState } from 'react';\nimport { Button } from '../../../components/button';\nimport {\n  Pagination as PaginationContainer,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n} from '../../../components/pagination';\nimport { cn } from '../../../lib/utils';\nimport { Option, Select, SelectBody, SelectContentAutoLayout, SelectTrigger } from '../select';\nimport { DOTS, usePagination } from './usePagination';\nimport { PaginationSkeleton } from './PaginationSkeleton';\n\nexport interface PaginationConfig {\n  current?: number;\n  pageSize?: number;\n  total?: number;\n  onChange?: (page: number, pageSize: number) => void;\n  loading?: boolean;\n  className?: string;\n  showInfo?: boolean; // Option to show/hide \"Hiển thị 1 - 20 trong tổng số 177\"\n  showPageSizeSelector?: boolean; // Option to show/hide page size selector\n}\n\nexport const Pagination = ({\n  current = 1,\n  pageSize = 20,\n  total = 0,\n  onChange,\n  loading,\n  className,\n  showInfo = true,\n  showPageSizeSelector = true,\n}: PaginationConfig) => {\n  const [paginationOptions, setPaginationOptions] = useState<Option[]>([\n    { value: '10', name: '10' },\n    { value: '20', name: '20' },\n    { value: '30', name: '30' },\n    { value: '50', name: '50' },\n    { value: '100', name: '100' },\n  ]);\n\n  useEffect(() => {\n    setPaginationOptions((prev: Option[]) => {\n      const options: Option[] = [...prev];\n\n      // Convert pageSize to string for comparison\n      const pageSizeStr = String(pageSize);\n\n      // Check if current pageSize exists in options\n      const pageSizeExists = options.some((option) => option.value === pageSizeStr);\n\n      // If pageSize doesn't exist in options, add it at the beginning\n      if (!pageSizeExists && pageSize) {\n        options.unshift({ value: pageSizeStr, name: pageSizeStr });\n      }\n\n      options.sort((a, b) => Number(a.value) - Number(b.value));\n\n      return options;\n    });\n  }, [pageSize]);\n\n  const totalPages = Math.ceil(total / pageSize);\n\n  const onPageChange = (page: number | string) => {\n    // Đảm bảo page là một số và nằm trong giới hạn cho phép\n    if (typeof page === 'number' && page >= 1 && page <= totalPages && page !== current) {\n      onChange?.(page, pageSize);\n    }\n  };\n\n  const onNext = () => {\n    if (current < totalPages) {\n      onPageChange(current + 1);\n    }\n  };\n\n  const onPrevious = () => {\n    if (current > 1) {\n      onPageChange(current - 1);\n    }\n  };\n\n  // Helper function to create range\n  const range = (start: number, end: number) => {\n    const length = end - start + 1;\n    return Array.from({ length }, (_, idx) => idx + start);\n  };\n\n  // Calculate display range\n  const startIndex = (current - 1) * pageSize + 1;\n  const endIndex = Math.min(current * pageSize, total);\n\n  const paginationRange = usePagination({\n    current: current,\n    total,\n    pageSize,\n    siblingCount: 1, // Bạn có thể tùy chỉnh số trang hiển thị bên cạnh trang hiện tại\n  });\n\n  // Mobile pagination range: only show first 3 pages + ...\n  const mobilePaginationRange = useMemo(() => {\n    if (totalPages <= 3) {\n      return range(1, totalPages);\n    }\n    return [1, 2, 3, DOTS];\n  }, [totalPages]);\n\n  // Show skeleton when loading\n  if (loading) {\n    return <PaginationSkeleton className={className} />;\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between',\n        className,\n      )}\n    >\n      {/* Info text - hidden on mobile, shown on desktop */}\n      {showInfo && (\n        <div className=\"text-t14m text-muted-foreground hidden text-nowrap lg:block\">\n          {total > 0 ? (\n            <>\n              Hiển thị {startIndex} - {endIndex} trong tổng số {total}\n            </>\n          ) : (\n            <>Hiển thị 0 - 0 trong tổng số 0</>\n          )}\n        </div>\n      )}\n\n      {/* Pagination controls */}\n      <PaginationContainer className=\"w-full justify-center lg:flex-1\">\n        <PaginationContent className=\"gap-1 sm:gap-2 lg:gap-3\">\n          {/* Nút Previous */}\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"px-2\"\n            onClick={(e) => {\n              e.preventDefault();\n              onPrevious();\n            }}\n            disabled={current <= 1}\n          >\n            <ChevronLeftIcon className=\"text-ink-400s !size-4 sm:!size-6\" />\n          </Button>\n\n          {/* Mobile: Simple pagination (first 3 pages + ...) */}\n          <div className=\"contents lg:hidden\">\n            {mobilePaginationRange.map((pageNumber, index) => {\n              if (pageNumber === DOTS) {\n                return (\n                  <PaginationItem\n                    key={`dots-mobile-${index}`}\n                    className=\"text-t14m text-foreground\"\n                  >\n                    <PaginationEllipsis />\n                  </PaginationItem>\n                );\n              }\n\n              return (\n                <PaginationItem key={pageNumber} className=\"text-t14m text-foreground\">\n                  <Button\n                    size=\"sm\"\n                    variant={pageNumber === current ? 'soft-info' : 'ghost'}\n                    className={cn('text-t14m !min-w-[40px] border-none')}\n                    onClick={(e) => {\n                      e.preventDefault();\n                      onPageChange(pageNumber);\n                    }}\n                    loading={pageNumber === current ? loading : false}\n                  >\n                    {!(loading && pageNumber === current) && pageNumber}\n                  </Button>\n                </PaginationItem>\n              );\n            })}\n          </div>\n\n          {/* Desktop: Full pagination */}\n          <div className=\"hidden lg:contents\">\n            {paginationRange.map((pageNumber, index) => {\n              if (pageNumber === DOTS) {\n                return (\n                  <PaginationItem\n                    key={`dots-desktop-${index}`}\n                    className=\"text-t14m text-foreground\"\n                  >\n                    <PaginationEllipsis />\n                  </PaginationItem>\n                );\n              }\n\n              return (\n                <PaginationItem key={`desktop-${pageNumber}`} className=\"text-t14m text-foreground\">\n                  <Button\n                    size=\"sm\"\n                    variant={pageNumber === current ? 'soft-info' : 'ghost'}\n                    className={cn('text-t14m !min-w-[40px] border-none')}\n                    onClick={(e) => {\n                      e.preventDefault();\n                      onPageChange(pageNumber);\n                    }}\n                    loading={pageNumber === current ? loading : false}\n                  >\n                    {!(loading && pageNumber === current) && pageNumber}\n                  </Button>\n                </PaginationItem>\n              );\n            })}\n          </div>\n\n          {/* Nút Next */}\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"px-2\"\n            onClick={(e) => {\n              e.preventDefault();\n              onNext();\n            }}\n            disabled={current >= totalPages}\n          >\n            <ChevronRight className=\"text-ink-400s !size-4 sm:!size-6\" />\n          </Button>\n        </PaginationContent>\n      </PaginationContainer>\n\n      {/* Mobile: Page size selector on top */}\n      {showPageSizeSelector && (\n        <div className=\"flex items-center justify-end gap-1 lg:hidden\">\n          <p className=\"text-muted-foreground text-t14m text-nowrap\">Số mục mỗi trang:</p>\n          <Select\n            value={[{ value: pageSize.toString(), name: pageSize.toString() }]}\n            onValueChange={(values) => {\n              values.length > 0 && onChange?.(1, parseInt(values?.[0]?.value ?? '0', 10));\n            }}\n          >\n            <SelectTrigger isCustomMode asChild>\n              <div className=\"flex cursor-pointer items-center gap-1\">\n                <span className=\"text-sm font-medium text-blue-500\">{pageSize}</span>\n                <ChevronDown className=\"h-4 w-4 text-blue-500\" />\n              </div>\n            </SelectTrigger>\n            <SelectBody align=\"end\">\n              <SelectContentAutoLayout options={paginationOptions} />\n            </SelectBody>\n          </Select>\n        </div>\n      )}\n      {/* Desktop: Page size selector on the right */}\n      {showPageSizeSelector && (\n        <div className=\"hidden shrink-0 items-center gap-1 lg:flex\">\n          <p className=\"text-muted-foreground text-t14m text-nowrap\">Số mục mỗi trang:</p>\n          <Select\n            value={[{ value: pageSize.toString(), name: pageSize.toString() }]}\n            onValueChange={(values) => {\n              values.length > 0 && onChange?.(1, parseInt(values?.[0]?.value ?? '0', 10));\n            }}\n          >\n            <SelectTrigger isCustomMode asChild>\n              <div className=\"flex cursor-pointer items-center gap-1\">\n                <span className=\"text-sm font-medium text-blue-500\">{pageSize}</span>\n                <ChevronDown className=\"h-4 w-4 text-blue-500\" />\n              </div>\n            </SelectTrigger>\n            <SelectBody align=\"end\" side=\"bottom\" className=\"ml-0 min-w-[120px]\">\n              <SelectContentAutoLayout options={paginationOptions} />\n            </SelectBody>\n          </Select>\n        </div>\n      )}\n    </div>\n  );\n};\n\n// Export usePagination hook and DOTS constant for external use\nexport { DOTS, usePagination } from './usePagination';\nexport { PaginationSkeleton } from './PaginationSkeleton';\n"]}

package/dist/common/interactive/pagination/usePagination.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var react = require('react');
-
-const DOTS = "...";
-const range = (start, end) => {
-  const length = end - start + 1;
-  return Array.from({ length }, (_, idx) => idx + start);
-};
-const usePagination = ({ total, pageSize, siblingCount = 1, current }) => {
-  const paginationRange = react.useMemo(() => {
-    const totalPages = Math.ceil(total / pageSize);
-    const firstPagesCount = 5;
-    const lastPagesCount = 2;
-    if (totalPages <= firstPagesCount + lastPagesCount) {
-      return range(1, totalPages);
-    }
-    const firstRange = range(1, firstPagesCount);
-    const lastRange = range(totalPages - lastPagesCount + 1, totalPages);
-    return [...firstRange, DOTS, ...lastRange];
-  }, [total, pageSize, siblingCount, current]);
-  return paginationRange;
-};
-
-exports.DOTS = DOTS;
-exports.usePagination = usePagination;
-//# sourceMappingURL=usePagination.js.map
-//# sourceMappingURL=usePagination.js.map

package/dist/common/interactive/pagination/usePagination.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/common/interactive/pagination/usePagination.ts"],"names":["useMemo"],"mappings":";;;;AAEO,MAAM,IAAA,GAAO;AAEpB,MAAM,KAAA,GAAQ,CAAC,KAAA,EAAe,GAAA,KAAgB;AAC5C,EAAA,MAAM,MAAA,GAAS,MAAM,KAAA,GAAQ,CAAA;AAC7B,EAAA,OAAO,KAAA,CAAM,KAAK,EAAE,MAAA,IAAU,CAAC,CAAA,EAAG,GAAA,KAAQ,GAAA,GAAM,KAAK,CAAA;AACvD,CAAA;AAEO,MAAM,aAAA,GAAgB,CAAC,EAAE,KAAA,EAAO,UAAU,YAAA,GAAe,CAAA,EAAG,SAAQ,KAAW;AACpF,EAAA,MAAM,eAAA,GAAkBA,cAAQ,MAAM;AACpC,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,IAAA,CAAK,KAAA,GAAQ,QAAQ,CAAA;AAI7C,IAAA,MAAM,eAAA,GAAkB,CAAA;AACxB,IAAA,MAAM,cAAA,GAAiB,CAAA;AAKvB,IAAA,IAAI,UAAA,IAAc,kBAAkB,cAAA,EAAgB;AAClD,MAAA,OAAO,KAAA,CAAM,GAAG,UAAU,CAAA;AAAA,IAC5B;AAMA,IAAA,MAAM,UAAA,GAAa,KAAA,CAAM,CAAA,EAAG,eAAe,CAAA;AAC3C,IAAA,MAAM,SAAA,GAAY,KAAA,CAAM,UAAA,GAAa,cAAA,GAAiB,GAAG,UAAU,CAAA;AAEnE,IAAA,OAAO,CAAC,GAAG,UAAA,EAAY,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,EAC3C,GAAG,CAAC,KAAA,EAAO,QAAA,EAAU,YAAA,EAAc,OAAO,CAAC,CAAA;AAE3C,EAAA,OAAO,eAAA;AACT","file":"usePagination.js","sourcesContent":["import { useMemo } from 'react';\n\nexport const DOTS = '...';\n\nconst range = (start: number, end: number) => {\n  const length = end - start + 1;\n  return Array.from({ length }, (_, idx) => idx + start);\n};\n\nexport const usePagination = ({ total, pageSize, siblingCount = 1, current }: any) => {\n  const paginationRange = useMemo(() => {\n    const totalPages = Math.ceil(total / pageSize);\n\n    // Always show: first 5 pages + DOTS + last 2 pages\n    // Format: 1 2 3 4 5 ... 16 17\n    const firstPagesCount = 5;\n    const lastPagesCount = 2;\n\n    /*\n      Trường hợp 1: Nếu tổng số trang <= 7 (5 + 2), hiển thị tất cả\n    */\n    if (totalPages <= firstPagesCount + lastPagesCount) {\n      return range(1, totalPages);\n    }\n\n    /*\n      Trường hợp 2: Tổng số trang > 7\n      Luôn hiển thị: 1 2 3 4 5 ... [lastPages]\n    */\n    const firstRange = range(1, firstPagesCount);\n    const lastRange = range(totalPages - lastPagesCount + 1, totalPages);\n\n    return [...firstRange, DOTS, ...lastRange];\n  }, [total, pageSize, siblingCount, current]);\n\n  return paginationRange;\n};\n"]}

package/dist/common/interactive/pagination/usePagination.mjs

@@ -1,25 +0,0 @@
-import { useMemo } from 'react';
-
-const DOTS = "...";
-const range = (start, end) => {
-  const length = end - start + 1;
-  return Array.from({ length }, (_, idx) => idx + start);
-};
-const usePagination = ({ total, pageSize, siblingCount = 1, current }) => {
-  const paginationRange = useMemo(() => {
-    const totalPages = Math.ceil(total / pageSize);
-    const firstPagesCount = 5;
-    const lastPagesCount = 2;
-    if (totalPages <= firstPagesCount + lastPagesCount) {
-      return range(1, totalPages);
-    }
-    const firstRange = range(1, firstPagesCount);
-    const lastRange = range(totalPages - lastPagesCount + 1, totalPages);
-    return [...firstRange, DOTS, ...lastRange];
-  }, [total, pageSize, siblingCount, current]);
-  return paginationRange;
-};
-
-export { DOTS, usePagination };
-//# sourceMappingURL=usePagination.mjs.map
-//# sourceMappingURL=usePagination.mjs.map

package/dist/common/interactive/pagination/usePagination.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/common/interactive/pagination/usePagination.ts"],"names":[],"mappings":";;AAEO,MAAM,IAAA,GAAO;AAEpB,MAAM,KAAA,GAAQ,CAAC,KAAA,EAAe,GAAA,KAAgB;AAC5C,EAAA,MAAM,MAAA,GAAS,MAAM,KAAA,GAAQ,CAAA;AAC7B,EAAA,OAAO,KAAA,CAAM,KAAK,EAAE,MAAA,IAAU,CAAC,CAAA,EAAG,GAAA,KAAQ,GAAA,GAAM,KAAK,CAAA;AACvD,CAAA;AAEO,MAAM,aAAA,GAAgB,CAAC,EAAE,KAAA,EAAO,UAAU,YAAA,GAAe,CAAA,EAAG,SAAQ,KAAW;AACpF,EAAA,MAAM,eAAA,GAAkB,QAAQ,MAAM;AACpC,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,IAAA,CAAK,KAAA,GAAQ,QAAQ,CAAA;AAI7C,IAAA,MAAM,eAAA,GAAkB,CAAA;AACxB,IAAA,MAAM,cAAA,GAAiB,CAAA;AAKvB,IAAA,IAAI,UAAA,IAAc,kBAAkB,cAAA,EAAgB;AAClD,MAAA,OAAO,KAAA,CAAM,GAAG,UAAU,CAAA;AAAA,IAC5B;AAMA,IAAA,MAAM,UAAA,GAAa,KAAA,CAAM,CAAA,EAAG,eAAe,CAAA;AAC3C,IAAA,MAAM,SAAA,GAAY,KAAA,CAAM,UAAA,GAAa,cAAA,GAAiB,GAAG,UAAU,CAAA;AAEnE,IAAA,OAAO,CAAC,GAAG,UAAA,EAAY,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,EAC3C,GAAG,CAAC,KAAA,EAAO,QAAA,EAAU,YAAA,EAAc,OAAO,CAAC,CAAA;AAE3C,EAAA,OAAO,eAAA;AACT","file":"usePagination.mjs","sourcesContent":["import { useMemo } from 'react';\n\nexport const DOTS = '...';\n\nconst range = (start: number, end: number) => {\n  const length = end - start + 1;\n  return Array.from({ length }, (_, idx) => idx + start);\n};\n\nexport const usePagination = ({ total, pageSize, siblingCount = 1, current }: any) => {\n  const paginationRange = useMemo(() => {\n    const totalPages = Math.ceil(total / pageSize);\n\n    // Always show: first 5 pages + DOTS + last 2 pages\n    // Format: 1 2 3 4 5 ... 16 17\n    const firstPagesCount = 5;\n    const lastPagesCount = 2;\n\n    /*\n      Trường hợp 1: Nếu tổng số trang <= 7 (5 + 2), hiển thị tất cả\n    */\n    if (totalPages <= firstPagesCount + lastPagesCount) {\n      return range(1, totalPages);\n    }\n\n    /*\n      Trường hợp 2: Tổng số trang > 7\n      Luôn hiển thị: 1 2 3 4 5 ... [lastPages]\n    */\n    const firstRange = range(1, firstPagesCount);\n    const lastRange = range(totalPages - lastPagesCount + 1, totalPages);\n\n    return [...firstRange, DOTS, ...lastRange];\n  }, [total, pageSize, siblingCount, current]);\n\n  return paginationRange;\n};\n"]}

package/dist/common/interactive/popover-wrapper.js

@@ -1,138 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var utils = require('@/lib/utils');
-var scrollArea = require('../../components/scroll-area');
-var popover = require('../../components/popover');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-const PopoverWrapper = React__namespace.forwardRef(
-  ({
-    // Trigger props
-    trigger,
-    triggerAsChild = false,
-    triggerClassName,
-    // Header props
-    showHeader = false,
-    title,
-    titleClassName,
-    description,
-    descriptionClassName,
-    headerClassName,
-    headerContent,
-    // Footer props
-    showFooter = false,
-    footerContent,
-    footerClassName,
-    // Content props
-    children,
-    contentClassName,
-    childrenClassName,
-    // Popover behavior props
-    open,
-    onOpenChange,
-    defaultOpen,
-    modal,
-    // Popover positioning
-    side = "bottom",
-    align = "center",
-    sideOffset = 4,
-    alignOffset,
-    // ScrollArea props
-    height = "350px",
-    maxWidth = "90vw",
-    autoHeight,
-    // Focus behavior
-    preventAutoFocus = false,
-    preventInputClose = false,
-    // Other props
-    className,
-    ...props
-  }, ref) => {
-    const PopoverHeader = ({ className: className2, ...props2 }) => /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: utils.cn("flex flex-col space-y-1.5 border-b p-3 text-left", className2),
-        ...props2
-      }
-    );
-    const PopoverTitle = ({ className: className2, ...props2 }) => /* @__PURE__ */ jsxRuntime.jsx("h4", { className: utils.cn("text-sm font-medium leading-none", className2), ...props2 });
-    const PopoverDescription = ({
-      className: className2,
-      ...props2
-    }) => /* @__PURE__ */ jsxRuntime.jsx("p", { className: utils.cn("text-muted-foreground text-xs", className2), ...props2 });
-    const PopoverFooter = ({ className: className2, ...props2 }) => /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: utils.cn(
-          "flex flex-col-reverse border-t p-3 sm:flex-row sm:justify-end sm:space-x-2",
-          className2
-        ),
-        ...props2
-      }
-    );
-    const contentComponent = autoHeight ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("p-3", childrenClassName), children }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { className: "h-full w-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("p-3", childrenClassName), children }) }) });
-    return /* @__PURE__ */ jsxRuntime.jsxs(popover.Popover, { open, onOpenChange, defaultOpen, modal, children: [
-      trigger && /* @__PURE__ */ jsxRuntime.jsx(popover.PopoverTrigger, { asChild: triggerAsChild, className: triggerClassName, children: trigger }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        popover.PopoverContent,
-        {
-          ref,
-          side,
-          align,
-          sideOffset,
-          alignOffset,
-          className: utils.cn("flex flex-col p-0", className, contentClassName),
-          style: autoHeight ? { width: maxWidth, maxWidth } : { width: maxWidth, maxWidth, height },
-          onOpenAutoFocus: preventAutoFocus ? (event) => {
-            event.preventDefault();
-          } : void 0,
-          onCloseAutoFocus: preventAutoFocus ? (event) => {
-            event.preventDefault();
-          } : void 0,
-          onInteractOutside: preventInputClose ? (event) => {
-            const target = event.target;
-            if (target && target.closest("input, textarea")) {
-              event.preventDefault();
-              return;
-            }
-          } : void 0,
-          ...props,
-          children: [
-            showHeader && (title || description || headerContent) && /* @__PURE__ */ jsxRuntime.jsx(PopoverHeader, { className: utils.cn("flex-shrink-0", headerClassName), children: headerContent ? headerContent : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              title && /* @__PURE__ */ jsxRuntime.jsx(PopoverTitle, { className: titleClassName, children: title }),
-              description && /* @__PURE__ */ jsxRuntime.jsx(PopoverDescription, { className: descriptionClassName, children: description })
-            ] }) }),
-            contentComponent,
-            showFooter && footerContent && /* @__PURE__ */ jsxRuntime.jsx(PopoverFooter, { className: utils.cn("flex-shrink-0", footerClassName), children: footerContent })
-          ]
-        }
-      )
-    ] });
-  }
-);
-PopoverWrapper.displayName = "PopoverWrapper";
-
-exports.PopoverWrapper = PopoverWrapper;
-//# sourceMappingURL=popover-wrapper.js.map
-//# sourceMappingURL=popover-wrapper.js.map

package/dist/common/interactive/popover-wrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/common/interactive/popover-wrapper.tsx"],"names":["React","className","props","jsx","cn","ScrollArea","jsxs","Popover","PopoverTrigger","PopoverContent","Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,MAAM,iBAAiBA,gBAAA,CAAM,UAAA;AAAA,EAI3B,CACE;AAAA;AAAA,IAEE,OAAA;AAAA,IACA,cAAA,GAAiB,KAAA;AAAA,IACjB,gBAAA;AAAA;AAAA,IAGA,UAAA,GAAa,KAAA;AAAA,IACb,KAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,eAAA;AAAA,IACA,aAAA;AAAA;AAAA,IAGA,UAAA,GAAa,KAAA;AAAA,IACb,aAAA;AAAA,IACA,eAAA;AAAA;AAAA,IAGA,QAAA;AAAA,IACA,gBAAA;AAAA,IACA,iBAAA;AAAA;AAAA,IAGA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA;AAAA,IAGA,IAAA,GAAO,QAAA;AAAA,IACP,KAAA,GAAQ,QAAA;AAAA,IACR,UAAA,GAAa,CAAA;AAAA,IACb,WAAA;AAAA;AAAA,IAGA,MAAA,GAAS,OAAA;AAAA,IACT,QAAA,GAAW,MAAA;AAAA,IACX,UAAA;AAAA;AAAA,IAGA,gBAAA,GAAmB,KAAA;AAAA,IACnB,iBAAA,GAAoB,KAAA;AAAA;AAAA,IAGpB,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,gBAAgB,CAAC,EAAE,WAAAC,UAAAA,EAAW,GAAGC,QAAM,qBAC3CC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWC,QAAA,CAAG,kDAAA,EAAoDH,UAAS,CAAA;AAAA,QAC1E,GAAGC;AAAA;AAAA,KACN;AAGF,IAAA,MAAM,eAAe,CAAC,EAAE,SAAA,EAAAD,UAAAA,EAAW,GAAGC,MAAAA,EAAM,qBAC1CC,cAAA,CAAC,IAAA,EAAA,EAAG,WAAWC,QAAA,CAAG,kCAAA,EAAoCH,UAAS,CAAA,EAAI,GAAGC,MAAAA,EAAO,CAAA;AAG/E,IAAA,MAAM,qBAAqB,CAAC;AAAA,MAC1B,SAAA,EAAAD,UAAAA;AAAA,MACA,GAAGC;AAAA,KACL,oCACG,GAAA,EAAA,EAAE,SAAA,EAAWE,SAAG,+BAAA,EAAiCH,UAAS,CAAA,EAAI,GAAGC,MAAAA,EAAO,CAAA;AAG3E,IAAA,MAAM,gBAAgB,CAAC,EAAE,WAAAD,UAAAA,EAAW,GAAGC,QAAM,qBAC3CC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWC,QAAA;AAAA,UACT,4EAAA;AAAA,UACAH;AAAA,SACF;AAAA,QACC,GAAGC;AAAA;AAAA,KACN;AAGF,IAAA,MAAM,gBAAA,GAAmB,UAAA,mBACvBC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,QAAA,CAAG,KAAA,EAAO,iBAAiB,CAAA,EAAI,QAAA,EAAS,CAAA,mBAExDD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,kBAAAA,cAAA,CAACE,qBAAA,EAAA,EAAW,SAAA,EAAU,eAAA,EACpB,QAAA,kBAAAF,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,QAAA,CAAG,KAAA,EAAO,iBAAiB,CAAA,EAAI,QAAA,EAAS,CAAA,EAC1D,CAAA,EACF,CAAA;AAGF,IAAA,uBACEE,eAAA,CAACC,eAAA,EAAA,EAAQ,IAAA,EAAY,YAAA,EAA4B,aAA0B,KAAA,EACxE,QAAA,EAAA;AAAA,MAAA,OAAA,mCACEC,sBAAA,EAAA,EAAe,OAAA,EAAS,cAAA,EAAgB,SAAA,EAAW,kBACjD,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,sBAGFF,eAAA;AAAA,QAACG,sBAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,IAAA;AAAA,UACA,KAAA;AAAA,UACA,UAAA;AAAA,UACA,WAAA;AAAA,UACA,SAAA,EAAWL,QAAA,CAAG,mBAAA,EAAqB,SAAA,EAAW,gBAAgB,CAAA;AAAA,UAC9D,KAAA,EAAO,UAAA,GAAa,EAAE,KAAA,EAAO,QAAA,EAAU,QAAA,EAAS,GAAI,EAAE,KAAA,EAAO,QAAA,EAAU,QAAA,EAAU,MAAA,EAAO;AAAA,UACxF,eAAA,EACE,gBAAA,GACI,CAAC,KAAA,KAAU;AACT,YAAA,KAAA,CAAM,cAAA,EAAe;AAAA,UACvB,CAAA,GACA,MAAA;AAAA,UAEN,gBAAA,EACE,gBAAA,GACI,CAAC,KAAA,KAAU;AACT,YAAA,KAAA,CAAM,cAAA,EAAe;AAAA,UACvB,CAAA,GACA,MAAA;AAAA,UAEN,iBAAA,EACE,iBAAA,GACI,CAAC,KAAA,KAAU;AAET,YAAA,MAAM,SAAS,KAAA,CAAM,MAAA;AACrB,YAAA,IAAI,MAAA,IAAU,MAAA,CAAO,OAAA,CAAQ,iBAAiB,CAAA,EAAG;AAC/C,cAAA,KAAA,CAAM,cAAA,EAAe;AACrB,cAAA;AAAA,YACF;AAAA,UACF,CAAA,GACA,MAAA;AAAA,UAEL,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA;AAAA,YAAA,UAAA,KAAe,KAAA,IAAS,WAAA,IAAe,aAAA,CAAA,oBACtCD,cAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAWC,QAAA,CAAG,eAAA,EAAiB,eAAe,CAAA,EAC1D,QAAA,EAAA,aAAA,GACC,aAAA,mBAEAE,eAAA,CAAAI,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,cAAA,KAAA,oBAASP,cAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAW,cAAA,EAAiB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,cACzD,WAAA,oBACCA,cAAA,CAAC,kBAAA,EAAA,EAAmB,SAAA,EAAW,sBAC5B,QAAA,EAAA,WAAA,EACH;AAAA,aAAA,EAEJ,CAAA,EAEJ,CAAA;AAAA,YAGD,gBAAA;AAAA,YAEA,UAAA,IAAc,iCACbA,cAAA,CAAC,aAAA,EAAA,EAAc,WAAWC,QAAA,CAAG,eAAA,EAAiB,eAAe,CAAA,EAC1D,QAAA,EAAA,aAAA,EACH;AAAA;AAAA;AAAA;AAEJ,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"popover-wrapper.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\nimport { ScrollArea } from '../../components/scroll-area';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../components/popover';\n\ntype PopoverSide = 'top' | 'bottom' | 'left' | 'right';\ntype PopoverAlign = 'start' | 'center' | 'end';\n\ninterface PopoverWrapperProps extends React.ComponentPropsWithoutRef<typeof PopoverContent> {\n  // Trigger props\n  trigger?: React.ReactNode;\n  triggerAsChild?: boolean;\n  triggerClassName?: string;\n\n  // Header props\n  showHeader?: boolean;\n  title?: string;\n  titleClassName?: string;\n  description?: string;\n  descriptionClassName?: string;\n  headerClassName?: string;\n  headerContent?: React.ReactNode;\n\n  // Footer props\n  showFooter?: boolean;\n  footerContent?: React.ReactNode;\n  footerClassName?: string;\n\n  // Content props\n  children?: React.ReactNode;\n  contentClassName?: string;\n  childrenClassName?: string;\n\n  // Popover behavior props\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  defaultOpen?: boolean;\n  modal?: boolean;\n\n  // Popover positioning\n  side?: PopoverSide;\n  align?: PopoverAlign;\n  sideOffset?: number;\n  alignOffset?: number;\n\n  // ScrollArea props\n  height?: string;\n  maxWidth?: string;\n  autoHeight?: boolean;\n\n  // Focus behavior\n  preventAutoFocus?: boolean;\n  preventInputClose?: boolean;\n}\n\nconst PopoverWrapper = React.forwardRef<\n  React.ElementRef<typeof PopoverContent>,\n  PopoverWrapperProps\n>(\n  (\n    {\n      // Trigger props\n      trigger,\n      triggerAsChild = false,\n      triggerClassName,\n\n      // Header props\n      showHeader = false,\n      title,\n      titleClassName,\n      description,\n      descriptionClassName,\n      headerClassName,\n      headerContent,\n\n      // Footer props\n      showFooter = false,\n      footerContent,\n      footerClassName,\n\n      // Content props\n      children,\n      contentClassName,\n      childrenClassName,\n\n      // Popover behavior props\n      open,\n      onOpenChange,\n      defaultOpen,\n      modal,\n\n      // Popover positioning\n      side = 'bottom',\n      align = 'center',\n      sideOffset = 4,\n      alignOffset,\n\n      // ScrollArea props\n      height = '350px',\n      maxWidth = '90vw',\n      autoHeight,\n\n      // Focus behavior\n      preventAutoFocus = false,\n      preventInputClose = false,\n\n      // Other props\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const PopoverHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n      <div\n        className={cn('flex flex-col space-y-1.5 border-b p-3 text-left', className)}\n        {...props}\n      />\n    );\n\n    const PopoverTitle = ({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => (\n      <h4 className={cn('text-sm font-medium leading-none', className)} {...props} />\n    );\n\n    const PopoverDescription = ({\n      className,\n      ...props\n    }: React.HTMLAttributes<HTMLParagraphElement>) => (\n      <p className={cn('text-muted-foreground text-xs', className)} {...props} />\n    );\n\n    const PopoverFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n      <div\n        className={cn(\n          'flex flex-col-reverse border-t p-3 sm:flex-row sm:justify-end sm:space-x-2',\n          className,\n        )}\n        {...props}\n      />\n    );\n\n    const contentComponent = autoHeight ? (\n      <div className={cn('p-3', childrenClassName)}>{children}</div>\n    ) : (\n      <div className=\"min-h-0 flex-1\">\n        <ScrollArea className=\"h-full w-full\">\n          <div className={cn('p-3', childrenClassName)}>{children}</div>\n        </ScrollArea>\n      </div>\n    );\n\n    return (\n      <Popover open={open} onOpenChange={onOpenChange} defaultOpen={defaultOpen} modal={modal}>\n        {trigger && (\n          <PopoverTrigger asChild={triggerAsChild} className={triggerClassName}>\n            {trigger}\n          </PopoverTrigger>\n        )}\n\n        <PopoverContent\n          ref={ref}\n          side={side}\n          align={align}\n          sideOffset={sideOffset}\n          alignOffset={alignOffset}\n          className={cn('flex flex-col p-0', className, contentClassName)}\n          style={autoHeight ? { width: maxWidth, maxWidth } : { width: maxWidth, maxWidth, height }}\n          onOpenAutoFocus={\n            preventAutoFocus\n              ? (event) => {\n                  event.preventDefault();\n                }\n              : undefined\n          }\n          onCloseAutoFocus={\n            preventAutoFocus\n              ? (event) => {\n                  event.preventDefault();\n                }\n              : undefined\n          }\n          onInteractOutside={\n            preventInputClose\n              ? (event) => {\n                  // Prevent closing when interacting with input elements\n                  const target = event.target as Element;\n                  if (target && target.closest('input, textarea')) {\n                    event.preventDefault();\n                    return;\n                  }\n                }\n              : undefined\n          }\n          {...props}\n        >\n          {showHeader && (title || description || headerContent) && (\n            <PopoverHeader className={cn('flex-shrink-0', headerClassName)}>\n              {headerContent ? (\n                headerContent\n              ) : (\n                <>\n                  {title && <PopoverTitle className={titleClassName}>{title}</PopoverTitle>}\n                  {description && (\n                    <PopoverDescription className={descriptionClassName}>\n                      {description}\n                    </PopoverDescription>\n                  )}\n                </>\n              )}\n            </PopoverHeader>\n          )}\n\n          {contentComponent}\n\n          {showFooter && footerContent && (\n            <PopoverFooter className={cn('flex-shrink-0', footerClassName)}>\n              {footerContent}\n            </PopoverFooter>\n          )}\n        </PopoverContent>\n      </Popover>\n    );\n  },\n);\n\nPopoverWrapper.displayName = 'PopoverWrapper';\n\nexport { PopoverWrapper, type PopoverWrapperProps };\n"]}