@flamingo-stack/openframe-frontend-core 0.0.765 → 0.0.766

package/dist/{chunk-TSJUL6IH.cjs → chunk-YRFWOJF4.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkRO72PRQIcjs = require('./chunk-RO72PRQI.cjs');
+var _chunkZRDMGMY7cjs = require('./chunk-ZRDMGMY7.cjs');
 
 
 
@@ -12,7 +12,10 @@ var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
 var _chunkBLH2SFOOcjs = require('./chunk-BLH2SFOO.cjs');
 
 
-var _chunk2QMBXGMQcjs = require('./chunk-2QMBXGMQ.cjs');
+var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
+
+
+var _chunkTF5D5MNOcjs = require('./chunk-TF5D5MNO.cjs');
 
 // src/components/empty-state.tsx
 var _lucidereact = require('lucide-react');
@@ -130,10 +133,10 @@ function EmptyState({
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex items-center justify-center content-md:mb-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-full border border-ods-border bg-ods-card p-3 content-md:p-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-8 w-8 items-center justify-center text-ods-text-secondary content-md:h-16 content-md:w-16", children: defaultContent.icon }) }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "mb-2 text-ods-text-primary text-h3 content-md:mb-3", children: displayTitle }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-4 max-w-md text-ods-text-secondary text-h6 content-md:mb-8", children: displayDescription }),
-    showCTA && ctaHref && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 w-full max-w-xs", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2QMBXGMQcjs.Button, { href: ctaHref, variant: ctaButtonVariant, className: "w-full", children: ctaText || "Contact us" }) }),
-    showCTA && !ctaHref && smartCTA && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 w-full max-w-xs", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2QMBXGMQcjs.Button, { onClick: smartCTA.action, variant: ctaButtonVariant, className: "w-full", children: smartCTA.text }) }),
+    showCTA && ctaHref && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 w-full max-w-xs", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { href: ctaHref, variant: ctaButtonVariant, className: "w-full", children: ctaText || "Contact us" }) }),
+    showCTA && !ctaHref && smartCTA && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 w-full max-w-xs", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { onClick: smartCTA.action, variant: ctaButtonVariant, className: "w-full", children: smartCTA.text }) }),
     showBackButton && onGoBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full max-w-xs", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk2QMBXGMQcjs.Button,
+      _chunkTF5D5MNOcjs.Button,
       {
         onClick: onGoBack,
         variant: "outline",
@@ -152,10 +155,12 @@ function UnifiedPagination({
   onPageChange,
   className = "mt-8 flex justify-center w-full",
   syncUrl = true,
-  reserveSpace = false
+  reserveSpace = false,
+  loading: loadingProp = false
 }) {
   const searchParams = _chunk7DNL734Scjs.useSearchParams.call(void 0, );
   const pathname = _chunk7DNL734Scjs.usePathname.call(void 0, );
+  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, ) || loadingProp;
   const pageHref = (page) => {
     const params = new URLSearchParams(searchParams.toString());
     if (page <= 1) params.delete("page");
@@ -178,12 +183,15 @@ function UnifiedPagination({
       });
     }, 0);
   };
+  if (loading) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZRDMGMY7cjs.Pagination, { loading: true, currentPage, totalPages, onPageChange: handlePageChange }) });
+  }
   if (totalPages <= 1) {
-    return reserveSpace ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-none invisible", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRO72PRQIcjs.Pagination, { currentPage: 1, totalPages: 1, onPageChange: () => {
+    return reserveSpace ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-none invisible", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZRDMGMY7cjs.Pagination, { currentPage: 1, totalPages: 1, onPageChange: () => {
     } }) }) }) : null;
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkRO72PRQIcjs.Pagination,
+    _chunkZRDMGMY7cjs.Pagination,
     {
       currentPage,
       totalPages,

package/dist/{chunk-HTRILBJD.cjs → chunk-YXDHVHB2.cjs}

@@ -1,10 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkK6VWTUCHcjs = require('./chunk-K6VWTUCH.cjs');
+var _chunkFL2RMEDXcjs = require('./chunk-FL2RMEDX.cjs');
 
 
-var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
+
+var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
+
+
+var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
 
 // src/components/ui/required-mark.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -15,6 +19,7 @@ function RequiredMark() {
 // src/components/ui/field-wrapper.tsx
 var _react = require('react');
 
+var fieldLabelId = (htmlFor) => `${htmlFor}-label`;
 var errorVariantClasses = {
   error: "text-ods-error",
   warning: "text-ods-warning",
@@ -34,21 +39,30 @@ var FieldWrapper = _react.forwardRef.call(void 0,
     children
   }, ref) => {
     const hasChrome = label != null || error != null || errorSlot;
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: _chunk3ATAYP36cjs.cn.call(void 0, hasChrome ? "relative flex w-full flex-col" : "contents", className), children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, hasChrome ? "relative flex w-full flex-col" : "contents", className), children: [
       label && // Default is text-h6, NOT text-h4: `Field` (ui/field.tsx) renders its label via
       // `Label variant="small"` = text-h6, and every form that mixes
       // Field-wrapped controls with `label=`-prop controls showed two label
       // sizes side by side — the exact inconsistency the admin editors kept
       // reporting. One label scale, owned here and in Field together.
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkK6VWTUCHcjs.Label, { className: "mb-1", htmlFor, variant: labelVariant, children: [
-        label,
-        required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RequiredMark, {})
-      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        _chunkFL2RMEDXcjs.Label,
+        {
+          id: htmlFor ? fieldLabelId(htmlFor) : void 0,
+          className: "mb-1",
+          htmlFor,
+          variant: labelVariant,
+          children: [
+            label,
+            required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RequiredMark, {})
+          ]
+        }
+      ),
       children,
       error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "p",
         {
-          className: _chunk3ATAYP36cjs.cn.call(void 0, 
+          className: _chunk65VVJSQZcjs.cn.call(void 0, 
             "absolute bottom-0 left-0 right-0 translate-y-full truncate text-h6",
             errorVariantClasses[errorVariant]
           ),
@@ -91,7 +105,7 @@ var Input = _react.forwardRef.call(void 0, (allProps, ref) => {
       "input",
       {
         type: "range",
-        className: _chunk3ATAYP36cjs.cn.call(void 0, 
+        className: _chunk65VVJSQZcjs.cn.call(void 0, 
           "h-1 w-full cursor-pointer appearance-none rounded-full bg-white/30",
           // Webkit (Chrome/Safari) thumb
           "[&::-webkit-slider-thumb]:appearance-none",
@@ -128,9 +142,11 @@ var Input = _react.forwardRef.call(void 0, (allProps, ref) => {
     "label",
     {
       "data-invalid": isInvalid || void 0,
-      className: _chunk3ATAYP36cjs.cn.call(void 0, 
+      className: _chunk65VVJSQZcjs.cn.call(void 0, 
         // Layout & spacing
-        "flex h-11 w-full cursor-text items-center gap-2 rounded-[6px] border px-3 md:h-12",
+        "flex w-full cursor-text items-center gap-2 border px-3",
+        _chunkXFRBEXQNcjs.INPUT_HEIGHT_CLASS,
+        _chunkXFRBEXQNcjs.INPUT_RADIUS_CLASS,
         // Focus-within states
         "has-[:focus-visible]:outline-none",
         "group",
@@ -159,7 +175,7 @@ var Input = _react.forwardRef.call(void 0, (allProps, ref) => {
           "input",
           {
             type,
-            className: _chunk3ATAYP36cjs.cn.call(void 0, 
+            className: _chunk65VVJSQZcjs.cn.call(void 0, 
               // Layout
               "min-w-0 flex-1 border-none bg-transparent outline-none",
               // Typography
@@ -202,4 +218,5 @@ Input.displayName = "Input";
 
 
 
-exports.RequiredMark = RequiredMark; exports.FieldWrapper = FieldWrapper; exports.Input = Input;
+
+exports.RequiredMark = RequiredMark; exports.fieldLabelId = fieldLabelId; exports.FieldWrapper = FieldWrapper; exports.Input = Input;

package/dist/{chunk-RO72PRQI.cjs → chunk-ZRDMGMY7.cjs}

@@ -1,16 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunk22XAPV6Ncjs = require('./chunk-22XAPV6N.cjs');
+var _chunkDGNBXZXTcjs = require('./chunk-DGNBXZXT.cjs');
 
 
-var _chunk2QMBXGMQcjs = require('./chunk-2QMBXGMQ.cjs');
+
+var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
+
+
+var _chunkTF5D5MNOcjs = require('./chunk-TF5D5MNO.cjs');
 
 
 var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 
-var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
+var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
 
 // src/components/pagination.tsx
 var _lucidereact = require('lucide-react');
@@ -31,7 +35,7 @@ function PaginationControl({
   const ariaCurrent = current ? "page" : void 0;
   if (!getPageHref || disabled) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk2QMBXGMQcjs.Button,
+      _chunkTF5D5MNOcjs.Button,
       {
         variant,
         size: "icon",
@@ -45,11 +49,11 @@ function PaginationControl({
     );
   }
   const handleClick = (event) => {
-    if (_chunk22XAPV6Ncjs.isModifierClick.call(void 0, event)) return;
+    if (_chunkDGNBXZXTcjs.isModifierClick.call(void 0, event)) return;
     event.preventDefault();
     onPageChange(page);
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2QMBXGMQcjs.Button, { variant, size: "icon", className, asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { variant, size: "icon", className, asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _chunkV45KLJQPcjs.next_link_default,
     {
       href: getPageHref(page),
@@ -64,40 +68,50 @@ function PaginationControl({
 }
 var NEIGHBOUR_CLASS = "!h-10 !w-10 content-md:!h-10 content-md:!w-10";
 var PAGE_CLASS = "!h-9 !w-9 content-md:!h-9 content-md:!w-9";
-var Pagination = ({ currentPage, totalPages, onPageChange, className, getPageHref }) => {
-  const getPageNumbers = () => {
-    const pages = [];
-    const maxPagesToShow = 5;
-    if (totalPages <= maxPagesToShow) {
-      for (let i = 1; i <= totalPages; i++) {
-        pages.push(i);
-      }
-    } else {
-      pages.push(1);
-      let start = Math.max(2, currentPage - 1);
-      let end = Math.min(totalPages - 1, currentPage + 1);
-      if (currentPage <= 2) {
-        end = Math.min(totalPages - 1, 4);
-      } else if (currentPage >= totalPages - 1) {
-        start = Math.max(2, totalPages - 3);
-      }
-      if (start > 2) {
-        pages.push(-1);
-      }
-      for (let i = start; i <= end; i++) {
-        pages.push(i);
-      }
-      if (end < totalPages - 1) {
-        pages.push(-2);
-      }
-      if (totalPages > 1) {
-        pages.push(totalPages);
-      }
-    }
+function paginationSlots(currentPage, totalPages) {
+  const pages = [];
+  const maxPagesToShow = 5;
+  if (totalPages <= maxPagesToShow) {
+    for (let i = 1; i <= totalPages; i++) pages.push(i);
     return pages;
-  };
-  const pageNumbers = getPageNumbers();
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { role: "navigation", "aria-label": "pagination", className: _chunk3ATAYP36cjs.cn.call(void 0, "mx-auto flex w-full justify-center", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "ul", { className: "flex flex-row items-center gap-1", children: [
+  }
+  pages.push(1);
+  let start = Math.max(2, currentPage - 1);
+  let end = Math.min(totalPages - 1, currentPage + 1);
+  if (currentPage <= 2) {
+    end = Math.min(totalPages - 1, 4);
+  } else if (currentPage >= totalPages - 1) {
+    start = Math.max(2, totalPages - 3);
+  }
+  if (start > 2) pages.push(-1);
+  for (let i = start; i <= end; i++) pages.push(i);
+  if (end < totalPages - 1) pages.push(-2);
+  if (totalPages > 1) pages.push(totalPages);
+  return pages;
+}
+function PaginationEllipsisSlot() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex h-9 w-9 items-center justify-center text-muted-foreground text-h6", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MoreHorizontal, { className: "h-4 w-4" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "More pages" })
+  ] });
+}
+var PAGINATION_NAV_CLASS = "mx-auto flex w-full justify-center";
+var PAGINATION_LIST_CLASS = "flex flex-row items-center gap-1";
+var PAGINATION_SKELETON_TOTAL_PAGES = 10;
+var Pagination = ({ currentPage, totalPages, onPageChange, className, getPageHref, loading }) => {
+  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, ) || loading) {
+    const known = totalPages > 1;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      PaginationSkeleton,
+      {
+        className,
+        totalPages: known ? totalPages : void 0,
+        currentPage: known ? currentPage : void 0
+      }
+    );
+  }
+  const pageNumbers = paginationSlots(currentPage, totalPages);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { role: "navigation", "aria-label": "pagination", className: _chunk65VVJSQZcjs.cn.call(void 0, PAGINATION_NAV_CLASS, className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "ul", { className: PAGINATION_LIST_CLASS, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       PaginationControl,
       {
@@ -114,10 +128,7 @@ var Pagination = ({ currentPage, totalPages, onPageChange, className, getPageHre
     ) }),
     pageNumbers.map((page, index) => {
       if (page < 0) {
-        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex h-9 w-9 items-center justify-center text-muted-foreground text-h6", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MoreHorizontal, { className: "h-4 w-4" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "More pages" })
-        ] }) }, `ellipsis-${index}`);
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PaginationEllipsisSlot, {}) }, `ellipsis-${index}`);
       }
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         PaginationControl,
@@ -152,14 +163,25 @@ var Pagination = ({ currentPage, totalPages, onPageChange, className, getPageHre
     ) })
   ] }) });
 };
+function PaginationSkeleton({
+  totalPages = PAGINATION_SKELETON_TOTAL_PAGES,
+  currentPage = 1,
+  className
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, PAGINATION_NAV_CLASS, className), "aria-hidden": true, inert: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "ul", { className: PAGINATION_LIST_CLASS, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.InteractiveSkeleton.Button, { className: NEIGHBOUR_CLASS }) }),
+    paginationSlots(currentPage, Math.max(totalPages, 1)).map((page, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: page < 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PaginationEllipsisSlot, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.InteractiveSkeleton.Button, { className: PAGE_CLASS }) }, page < 0 ? `ellipsis-${index}` : page)),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.InteractiveSkeleton.Button, { className: NEIGHBOUR_CLASS }) })
+  ] }) });
+}
 var PaginationContent = _react.forwardRef.call(void 0, 
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { ref, className: _chunk3ATAYP36cjs.cn.call(void 0, "flex items-center justify-center", className), ...props });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "flex items-center justify-center", className), ...props });
   }
 );
 PaginationContent.displayName = "PaginationContent";
 var PaginationItem = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { ref, className: _chunk3ATAYP36cjs.cn.call(void 0, "", className), ...props });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "", className), ...props });
 });
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = _react.forwardRef.call(void 0, 
@@ -168,7 +190,7 @@ var PaginationLink = _react.forwardRef.call(void 0,
       "button",
       {
         ref,
-        className: _chunk3ATAYP36cjs.cn.call(void 0, 
+        className: _chunk65VVJSQZcjs.cn.call(void 0, 
           "inline-flex h-10 w-10 items-center justify-center rounded-md border border-input bg-background transition-colors text-h6 hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
           className
         ),
@@ -184,7 +206,7 @@ var PaginationEllipsis = _react.forwardRef.call(void 0,
       "span",
       {
         ref,
-        className: _chunk3ATAYP36cjs.cn.call(void 0, "flex h-10 w-10 items-center justify-center text-muted-foreground", className),
+        className: _chunk65VVJSQZcjs.cn.call(void 0, "flex h-10 w-10 items-center justify-center text-muted-foreground", className),
         ...props,
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MoreHorizontal, { className: "h-4 w-4" }),
@@ -197,7 +219,7 @@ var PaginationEllipsis = _react.forwardRef.call(void 0,
 PaginationEllipsis.displayName = "PaginationEllipsis";
 var PaginationPrevious = _react.forwardRef.call(void 0, 
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2QMBXGMQcjs.Button, { ref, variant: "outline", size: "icon", className: _chunk3ATAYP36cjs.cn.call(void 0, "h-10 w-10", className), ...props, children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkTF5D5MNOcjs.Button, { ref, variant: "outline", size: "icon", className: _chunk65VVJSQZcjs.cn.call(void 0, "h-10 w-10", className), ...props, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronLeft, { className: "h-4 w-4" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Previous page" })
     ] });
@@ -206,7 +228,7 @@ var PaginationPrevious = _react.forwardRef.call(void 0,
 PaginationPrevious.displayName = "PaginationPrevious";
 var PaginationNext = _react.forwardRef.call(void 0, 
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2QMBXGMQcjs.Button, { ref, variant: "outline", size: "icon", className: _chunk3ATAYP36cjs.cn.call(void 0, "h-10 w-10", className), ...props, children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkTF5D5MNOcjs.Button, { ref, variant: "outline", size: "icon", className: _chunk65VVJSQZcjs.cn.call(void 0, "h-10 w-10", className), ...props, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRight, { className: "h-4 w-4" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Next page" })
     ] });
@@ -222,4 +244,7 @@ PaginationNext.displayName = "PaginationNext";
 
 
 
-exports.Pagination = Pagination; exports.PaginationContent = PaginationContent; exports.PaginationItem = PaginationItem; exports.PaginationLink = PaginationLink; exports.PaginationEllipsis = PaginationEllipsis; exports.PaginationPrevious = PaginationPrevious; exports.PaginationNext = PaginationNext;
+
+
+
+exports.paginationSlots = paginationSlots; exports.PAGINATION_SKELETON_TOTAL_PAGES = PAGINATION_SKELETON_TOTAL_PAGES; exports.Pagination = Pagination; exports.PaginationSkeleton = PaginationSkeleton; exports.PaginationContent = PaginationContent; exports.PaginationItem = PaginationItem; exports.PaginationLink = PaginationLink; exports.PaginationEllipsis = PaginationEllipsis; exports.PaginationPrevious = PaginationPrevious; exports.PaginationNext = PaginationNext;