@krak-stack/registry 0.1.2 → 0.1.4

package/dist/components/ui/locale-switcher.js

@@ -438,7 +438,7 @@ function cn(...inputs) {
 }
 
 // ../../src/components/ui/button.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx } from "react/jsx-runtime";
 var buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
   variants: {
     variant: {
@@ -471,28 +471,28 @@ function Button({
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(ButtonPrimitive, {
+  return /* @__PURE__ */ jsx(ButtonPrimitive, {
     "data-slot": "button",
     className: cn(buttonVariants({ variant, size, className })),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 
 // ../../src/components/ui/dropdown-menu.tsx
 import { Menu as MenuPrimitive } from "@base-ui/react/menu";
 import { ChevronRightIcon, CheckIcon } from "lucide-react";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function DropdownMenu({ ...props }) {
-  return /* @__PURE__ */ jsxDEV2(MenuPrimitive.Root, {
+  return /* @__PURE__ */ jsx2(MenuPrimitive.Root, {
     "data-slot": "dropdown-menu",
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function DropdownMenuTrigger({ ...props }) {
-  return /* @__PURE__ */ jsxDEV2(MenuPrimitive.Trigger, {
+  return /* @__PURE__ */ jsx2(MenuPrimitive.Trigger, {
     "data-slot": "dropdown-menu-trigger",
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function DropdownMenuContent({
   align = "start",
@@ -502,44 +502,44 @@ function DropdownMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(MenuPrimitive.Portal, {
-    children: /* @__PURE__ */ jsxDEV2(MenuPrimitive.Positioner, {
+  return /* @__PURE__ */ jsx2(MenuPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx2(MenuPrimitive.Positioner, {
       className: "isolate z-50 outline-none",
       align,
       alignOffset,
       side,
       sideOffset,
-      children: /* @__PURE__ */ jsxDEV2(MenuPrimitive.Popup, {
+      children: /* @__PURE__ */ jsx2(MenuPrimitive.Popup, {
         "data-slot": "dropdown-menu-content",
         className: cn("z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", className),
         ...props
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      })
+    })
+  });
 }
 function DropdownMenuGroup({ ...props }) {
-  return /* @__PURE__ */ jsxDEV2(MenuPrimitive.Group, {
+  return /* @__PURE__ */ jsx2(MenuPrimitive.Group, {
     "data-slot": "dropdown-menu-group",
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function DropdownMenuLabel({
   className,
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(MenuPrimitive.GroupLabel, {
+  return /* @__PURE__ */ jsx2(MenuPrimitive.GroupLabel, {
     "data-slot": "dropdown-menu-label",
     "data-inset": inset,
     className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground data-inset:pl-8", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function DropdownMenuRadioGroup({ ...props }) {
-  return /* @__PURE__ */ jsxDEV2(MenuPrimitive.RadioGroup, {
+  return /* @__PURE__ */ jsx2(MenuPrimitive.RadioGroup, {
     "data-slot": "dropdown-menu-radio-group",
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function DropdownMenuRadioItem({
   className,
@@ -547,27 +547,27 @@ function DropdownMenuRadioItem({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(MenuPrimitive.RadioItem, {
+  return /* @__PURE__ */ jsxs(MenuPrimitive.RadioItem, {
     "data-slot": "dropdown-menu-radio-item",
     "data-inset": inset,
     className: cn("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsxDEV2("span", {
+      /* @__PURE__ */ jsx2("span", {
         className: "pointer-events-none absolute right-2 flex items-center justify-center",
         "data-slot": "dropdown-menu-radio-item-indicator",
-        children: /* @__PURE__ */ jsxDEV2(MenuPrimitive.RadioItemIndicator, {
-          children: /* @__PURE__ */ jsxDEV2(CheckIcon, {}, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
+        children: /* @__PURE__ */ jsx2(MenuPrimitive.RadioItemIndicator, {
+          children: /* @__PURE__ */ jsx2(CheckIcon, {})
+        })
+      }),
       children
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // ../../src/components/ui/locale-switcher.tsx
 import { Languages } from "lucide-react";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var messages = {
   en: {
     title: "Switch language",
@@ -587,45 +587,45 @@ var localeMessages = (overrides) => ({
 var LocaleSwitcher = ({ messages: messages2 }) => {
   const locale = getLocale();
   const labels = localeMessages(messages2);
-  return /* @__PURE__ */ jsxDEV3(DropdownMenu, {
+  return /* @__PURE__ */ jsxs2(DropdownMenu, {
     children: [
-      /* @__PURE__ */ jsxDEV3(DropdownMenuTrigger, {
-        render: /* @__PURE__ */ jsxDEV3(Button, {
+      /* @__PURE__ */ jsx3(DropdownMenuTrigger, {
+        render: /* @__PURE__ */ jsxs2(Button, {
           variant: "outline",
           size: "icon",
           "aria-label": labels.title,
           children: [
-            /* @__PURE__ */ jsxDEV3(Languages, {
+            /* @__PURE__ */ jsx3(Languages, {
               className: "size-4"
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV3("span", {
+            }),
+            /* @__PURE__ */ jsx3("span", {
               className: "sr-only",
               children: labels.title
-            }, undefined, false, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV3(DropdownMenuContent, {
+        })
+      }),
+      /* @__PURE__ */ jsx3(DropdownMenuContent, {
         className: "w-32",
-        children: /* @__PURE__ */ jsxDEV3(DropdownMenuGroup, {
+        children: /* @__PURE__ */ jsxs2(DropdownMenuGroup, {
           children: [
-            /* @__PURE__ */ jsxDEV3(DropdownMenuLabel, {
+            /* @__PURE__ */ jsx3(DropdownMenuLabel, {
               children: labels.title
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV3(DropdownMenuRadioGroup, {
+            }),
+            /* @__PURE__ */ jsx3(DropdownMenuRadioGroup, {
               "aria-label": labels.title,
               value: locale,
               onValueChange: (v) => setLocale(v),
-              children: locales.map((l) => /* @__PURE__ */ jsxDEV3(DropdownMenuRadioItem, {
+              children: locales.map((l) => /* @__PURE__ */ jsx3(DropdownMenuRadioItem, {
                 value: l,
                 children: labels[l]
-              }, l, false, undefined, this))
-            }, undefined, false, undefined, this)
+              }, l))
+            })
           ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this)
+        })
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 export {
   LocaleSwitcher

package/dist/components/ui/marker.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { useRender } from "@base-ui/react/use-render";
+import { type VariantProps } from "class-variance-authority";
+declare const markerVariants: (props?: ({
+    variant?: "border" | "default" | "separator" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Marker({ className, variant, render, ...props }: useRender.ComponentProps<"div"> & VariantProps<typeof markerVariants>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function MarkerIcon({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function MarkerContent({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+export { Marker, MarkerIcon, MarkerContent, markerVariants };

package/dist/components/ui/message-scroller.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { MessageScroller as MessageScrollerPrimitive, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "@shadcn/react/message-scroller";
+import { Button } from "./button.js";
+declare function MessageScrollerProvider(props: React.ComponentProps<typeof MessageScrollerPrimitive.Provider>): React.JSX.Element;
+declare function MessageScroller({ className, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Root>): React.JSX.Element;
+declare function MessageScrollerViewport({ className, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Viewport>): React.JSX.Element;
+declare function MessageScrollerContent({ className, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Content>): React.JSX.Element;
+declare function MessageScrollerItem({ className, scrollAnchor, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Item>): React.JSX.Element;
+declare function MessageScrollerButton({ direction, className, children, render, variant, size, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Button> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
+export { MessageScrollerProvider, MessageScroller, MessageScrollerViewport, MessageScrollerContent, MessageScrollerItem, MessageScrollerButton, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, };

package/dist/components/ui/message.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare function MessageGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function Message({ className, align, ...props }: React.ComponentProps<"div"> & {
+    align?: "start" | "end";
+}): React.JSX.Element;
+declare function MessageAvatar({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function MessageContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function MessageHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function MessageFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { MessageGroup, Message, MessageAvatar, MessageContent, MessageFooter, MessageHeader, };

package/dist/components/ui/pagination.js

@@ -19,7 +19,7 @@ function cn(...inputs) {
 }
 
 // ../../src/components/ui/button.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx } from "react/jsx-runtime";
 var buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
   variants: {
     variant: {
@@ -52,36 +52,36 @@ function Button({
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(ButtonPrimitive, {
+  return /* @__PURE__ */ jsx(ButtonPrimitive, {
     "data-slot": "button",
     className: cn(buttonVariants({ variant, size, className })),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 
 // ../../src/components/ui/label.tsx
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 "use client";
 function Label({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV2("label", {
+  return /* @__PURE__ */ jsx2("label", {
     "data-slot": "label",
     className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 
 // ../../src/components/ui/select.tsx
 import { Select as SelectPrimitive } from "@base-ui/react/select";
 import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from "lucide-react";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 "use client";
 var Select = SelectPrimitive.Root;
 function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV3(SelectPrimitive.Value, {
+  return /* @__PURE__ */ jsx3(SelectPrimitive.Value, {
     "data-slot": "select-value",
     className: cn("flex flex-1 text-left", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function SelectTrigger({
   className,
@@ -89,20 +89,20 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV3(SelectPrimitive.Trigger, {
+  return /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
     "data-slot": "select-trigger",
     "data-size": size,
     className: cn("flex w-fit items-center justify-between gap-1.5 rounded-md border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground 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-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsxDEV3(SelectPrimitive.Icon, {
-        render: /* @__PURE__ */ jsxDEV3(ChevronDownIcon, {
+      /* @__PURE__ */ jsx3(SelectPrimitive.Icon, {
+        render: /* @__PURE__ */ jsx3(ChevronDownIcon, {
           className: "text-muted-foreground pointer-events-none size-4"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
+        })
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function SelectContent({
   className,
@@ -114,76 +114,76 @@ function SelectContent({
   alignItemWithTrigger = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV3(SelectPrimitive.Portal, {
-    children: /* @__PURE__ */ jsxDEV3(SelectPrimitive.Positioner, {
+  return /* @__PURE__ */ jsx3(SelectPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx3(SelectPrimitive.Positioner, {
       side,
       sideOffset,
       align,
       alignOffset,
       alignItemWithTrigger,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsxDEV3(SelectPrimitive.Popup, {
+      children: /* @__PURE__ */ jsxs(SelectPrimitive.Popup, {
         "data-slot": "select-content",
         "data-align-trigger": alignItemWithTrigger,
         className: cn("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxDEV3(SelectScrollUpButton, {}, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3(SelectPrimitive.List, {
+          /* @__PURE__ */ jsx3(SelectScrollUpButton, {}),
+          /* @__PURE__ */ jsx3(SelectPrimitive.List, {
             children
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3(SelectScrollDownButton, {}, undefined, false, undefined, this)
+          }),
+          /* @__PURE__ */ jsx3(SelectScrollDownButton, {})
         ]
-      }, undefined, true, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      })
+    })
+  });
 }
 function SelectItem({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV3(SelectPrimitive.Item, {
+  return /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
     "data-slot": "select-item",
     className: cn("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 focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground 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", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsxDEV3(SelectPrimitive.ItemText, {
+      /* @__PURE__ */ jsx3(SelectPrimitive.ItemText, {
         className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
         children
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV3(SelectPrimitive.ItemIndicator, {
-        render: /* @__PURE__ */ jsxDEV3("span", {
+      }),
+      /* @__PURE__ */ jsx3(SelectPrimitive.ItemIndicator, {
+        render: /* @__PURE__ */ jsx3("span", {
           className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center"
-        }, undefined, false, undefined, this),
-        children: /* @__PURE__ */ jsxDEV3(CheckIcon, {
+        }),
+        children: /* @__PURE__ */ jsx3(CheckIcon, {
           className: "pointer-events-none"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
+        })
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV3(SelectPrimitive.ScrollUpArrow, {
+  return /* @__PURE__ */ jsx3(SelectPrimitive.ScrollUpArrow, {
     "data-slot": "select-scroll-up-button",
     className: cn("top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
     ...props,
-    children: /* @__PURE__ */ jsxDEV3(ChevronUpIcon, {}, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    children: /* @__PURE__ */ jsx3(ChevronUpIcon, {})
+  });
 }
 function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV3(SelectPrimitive.ScrollDownArrow, {
+  return /* @__PURE__ */ jsx3(SelectPrimitive.ScrollDownArrow, {
     "data-slot": "select-scroll-down-button",
     className: cn("bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
     ...props,
-    children: /* @__PURE__ */ jsxDEV3(ChevronDownIcon, {}, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    children: /* @__PURE__ */ jsx3(ChevronDownIcon, {})
+  });
 }
 
 // ../../src/paraglide/runtime.js
@@ -615,7 +615,7 @@ function isCustomStrategy(strategy2) {
 }
 
 // ../../src/components/ui/pagination.tsx
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var messages = {
   en: {
     pageSize: "Page size",
@@ -659,32 +659,32 @@ function Pagination({
   const pageSizeId = useId();
   const canGoBack = page > 0;
   const canGoForward = page + 1 < pageCount;
-  return /* @__PURE__ */ jsxDEV4("div", {
+  return /* @__PURE__ */ jsxs2("div", {
     className: cn("flex flex-col gap-3 px-2 sm:flex-row sm:items-center sm:justify-between", compact && "gap-2 px-0 sm:flex-col sm:items-stretch"),
     children: [
-      showResults ? /* @__PURE__ */ jsxDEV4("div", {
+      showResults ? /* @__PURE__ */ jsxs2("div", {
         className: "text-muted-foreground flex flex-wrap items-center gap-x-3 gap-y-1 text-sm",
         children: [
-          /* @__PURE__ */ jsxDEV4("span", {
+          /* @__PURE__ */ jsx4("span", {
             children: labels.results(totalRows)
-          }, undefined, false, undefined, this),
-          selectedRows > 0 ? /* @__PURE__ */ jsxDEV4("span", {
+          }),
+          selectedRows > 0 ? /* @__PURE__ */ jsx4("span", {
             children: labels.selectedOf(selectedRows, totalRows)
-          }, undefined, false, undefined, this) : null
+          }) : null
         ]
-      }, undefined, true, undefined, this) : null,
-      /* @__PURE__ */ jsxDEV4("div", {
+      }) : null,
+      /* @__PURE__ */ jsxs2("div", {
         className: cn("flex items-center gap-4 sm:justify-end", compact && "flex-wrap justify-between gap-2 sm:justify-between"),
         children: [
-          /* @__PURE__ */ jsxDEV4("div", {
+          /* @__PURE__ */ jsxs2("div", {
             className: "flex items-center gap-2",
             children: [
-              /* @__PURE__ */ jsxDEV4(Label, {
+              /* @__PURE__ */ jsx4(Label, {
                 htmlFor: pageSizeId,
                 className: cn("hidden text-sm sm:block", compact && "block"),
                 children: labels.pageSize
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4(Select, {
+              }),
+              /* @__PURE__ */ jsxs2(Select, {
                 items: pageSizes.map((size) => ({
                   label: size.toString(),
                   value: size.toString()
@@ -692,94 +692,94 @@ function Pagination({
                 value: `${pageSize}`,
                 onValueChange: (value) => onPageSizeChange(Number(value)),
                 children: [
-                  /* @__PURE__ */ jsxDEV4(SelectTrigger, {
+                  /* @__PURE__ */ jsx4(SelectTrigger, {
                     className: "h-8 w-[70px]",
                     id: pageSizeId,
-                    children: /* @__PURE__ */ jsxDEV4(SelectValue, {
+                    children: /* @__PURE__ */ jsx4(SelectValue, {
                       placeholder: pageSize
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV4(SelectContent, {
+                    })
+                  }),
+                  /* @__PURE__ */ jsx4(SelectContent, {
                     side: "top",
-                    children: pageSizes.map((size) => /* @__PURE__ */ jsxDEV4(SelectItem, {
+                    children: pageSizes.map((size) => /* @__PURE__ */ jsx4(SelectItem, {
                       value: `${size}`,
                       children: size
-                    }, size, false, undefined, this))
-                  }, undefined, false, undefined, this)
+                    }, size))
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV4("div", {
+          }),
+          /* @__PURE__ */ jsxs2("div", {
             className: "flex items-center gap-2",
             children: [
-              /* @__PURE__ */ jsxDEV4("div", {
+              /* @__PURE__ */ jsx4("div", {
                 className: "flex items-center justify-center text-sm font-medium sm:block",
                 children: labels.pageOf(page + 1, pageCount)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("div", {
+              }),
+              /* @__PURE__ */ jsxs2("div", {
                 className: "flex items-center gap-1",
                 children: [
-                  /* @__PURE__ */ jsxDEV4(Button, {
+                  /* @__PURE__ */ jsxs2(Button, {
                     className: cn("hidden h-8 w-8 p-0 lg:flex", compact && "!hidden"),
                     disabled: !canGoBack,
                     onClick: () => onPageChange(0),
                     type: "button",
                     children: [
-                      /* @__PURE__ */ jsxDEV4("span", {
+                      /* @__PURE__ */ jsx4("span", {
                         className: "sr-only",
                         children: labels.goToFirstPage
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV4(ChevronsLeft, {}, undefined, false, undefined, this)
+                      }),
+                      /* @__PURE__ */ jsx4(ChevronsLeft, {})
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV4(Button, {
+                  }),
+                  /* @__PURE__ */ jsxs2(Button, {
                     className: "h-8 w-8 p-0",
                     disabled: !canGoBack,
                     onClick: () => onPageChange(page - 1),
                     type: "button",
                     children: [
-                      /* @__PURE__ */ jsxDEV4("span", {
+                      /* @__PURE__ */ jsx4("span", {
                         className: "sr-only",
                         children: labels.goToPreviousPage
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV4(ChevronLeft, {}, undefined, false, undefined, this)
+                      }),
+                      /* @__PURE__ */ jsx4(ChevronLeft, {})
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV4(Button, {
+                  }),
+                  /* @__PURE__ */ jsxs2(Button, {
                     className: "h-8 w-8 p-0",
                     disabled: !canGoForward,
                     onClick: () => onPageChange(page + 1),
                     type: "button",
                     children: [
-                      /* @__PURE__ */ jsxDEV4("span", {
+                      /* @__PURE__ */ jsx4("span", {
                         className: "sr-only",
                         children: labels.goToNextPage
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV4(ChevronRight, {}, undefined, false, undefined, this)
+                      }),
+                      /* @__PURE__ */ jsx4(ChevronRight, {})
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV4(Button, {
+                  }),
+                  /* @__PURE__ */ jsxs2(Button, {
                     className: cn("hidden h-8 w-8 p-0 lg:flex", compact && "!hidden"),
                     disabled: !canGoForward,
                     onClick: () => onPageChange(pageCount - 1),
                     type: "button",
                     children: [
-                      /* @__PURE__ */ jsxDEV4("span", {
+                      /* @__PURE__ */ jsx4("span", {
                         className: "sr-only",
                         children: labels.goToLastPage
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV4(ChevronsRight, {}, undefined, false, undefined, this)
+                      }),
+                      /* @__PURE__ */ jsx4(ChevronsRight, {})
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   paginationMessages,