@justanarthur/modo-ui 0.6.0-canary.8 → 0.6.0

package/dist/shared/components-7zkhz3r8.js

@@ -1,399 +0,0 @@
-"use client";
-import {
-  useReduceMotion2
-} from "./components-de99ykt7.js";
-import {
-  spring2
-} from "./components-3ey0hzpb.js";
-import {
-  cn2
-} from "./components-jcnjay5g.js";
-import {
-  FluidHoverHighlight2
-} from "./components-qdm3yh26.js";
-import {
-  useIcon2
-} from "./components-jqpefjsn.js";
-import {
-  isDisabledRow2
-} from "./components-h6p86be3.js";
-import {
-  IndexedRows2,
-  useRowIndex2
-} from "./components-r8eqs7gz.js";
-import {
-  useShape2
-} from "./components-71nbt03m.js";
-import {
-  useSize2
-} from "./components-h83az0bz.js";
-import {
-  useControllableState2
-} from "./components-tz1fv35x.js";
-import {
-  useFluidHover2,
-  useRegisterFluidHoverItem2
-} from "./components-yhgq0qxx.js";
-import {
-  useSelectionRuns2,
-  useMergeSplitBlocks2,
-  SelectionBackgrounds2
-} from "./components-8tt3xbb5.js";
-import {
-  SizeProvider2
-} from "./components-dcc02hs2.js";
-
-// components/inputs/checkbox/index.tsx
-import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
-import { AnimatePresence, motion } from "motion/react";
-import {
-  createContext,
-  forwardRef,
-  useCallback,
-  useContext,
-  useEffect,
-  useId,
-  useRef,
-  useState
-} from "react";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-var CheckboxGroupContext = createContext(null);
-var CheckboxGroup2 = forwardRef(({
-  children,
-  checkedIndices: checkedIndicesProp,
-  defaultCheckedIndices,
-  onCheckedIndicesChange,
-  size,
-  className,
-  ...props
-}, ref) => {
-  const containerRef = useRef(null);
-  const [checkedIndices, setCheckedIndices] = useControllableState2(checkedIndicesProp, new Set(defaultCheckedIndices), onCheckedIndicesChange);
-  const setItemChecked = useCallback((index, checked) => {
-    setCheckedIndices((prev) => {
-      if (prev.has(index) === checked)
-        return prev;
-      const next = new Set(prev);
-      if (checked)
-        next.add(index);
-      else
-        next.delete(index);
-      return next;
-    });
-  }, [setCheckedIndices]);
-  const hover = useFluidHover2(containerRef, { isItemDisabled: isDisabledRow2 });
-  const { activeIndex, setActiveIndex, itemRects, handlers, registerItem } = hover;
-  const checkedGroups = useSelectionRuns2([...checkedIndices]);
-  const [focusedIndex, setFocusedIndex] = useState(null);
-  const focusRect = focusedIndex !== null ? itemRects[focusedIndex] : null;
-  const shape = useShape2();
-  const blocks = useMergeSplitBlocks2(checkedGroups, itemRects, shape.mergedRadius);
-  const group = /* @__PURE__ */ jsx(CheckboxGroupContext.Provider, {
-    value: { registerItem, activeIndex, checkedIndices, setItemChecked },
-    children: /* @__PURE__ */ jsxs("div", {
-      ref: (node) => {
-        containerRef.current = node;
-        if (typeof ref === "function")
-          ref(node);
-        else if (ref)
-          ref.current = node;
-      },
-      onMouseEnter: handlers.onMouseEnter,
-      onMouseMove: handlers.onMouseMove,
-      onMouseLeave: handlers.onMouseLeave,
-      onClick: handlers.onClick,
-      onFocus: (e) => {
-        const indexAttr = e.target.closest("[data-fluid-hover-index]")?.getAttribute("data-fluid-hover-index");
-        if (indexAttr != null) {
-          const idx = Number(indexAttr);
-          setActiveIndex(idx);
-          setFocusedIndex(e.target.matches(":focus-visible") ? idx : null);
-        }
-      },
-      onBlur: (e) => {
-        if (containerRef.current?.contains(e.relatedTarget))
-          return;
-        setFocusedIndex(null);
-        setActiveIndex(null);
-      },
-      onKeyDown: (e) => {
-        const items = Array.from(containerRef.current?.querySelectorAll('[data-fluid-hover-index]:not([aria-disabled="true"])') ?? []);
-        const currentIdx = items.indexOf(e.target);
-        if (currentIdx === -1)
-          return;
-        if (["ArrowDown", "ArrowUp"].includes(e.key)) {
-          e.preventDefault();
-          const next = e.key === "ArrowDown" ? (currentIdx + 1) % items.length : (currentIdx - 1 + items.length) % items.length;
-          items[next]?.focus();
-        } else if (e.key === "Home") {
-          e.preventDefault();
-          items[0]?.focus();
-        } else if (e.key === "End") {
-          e.preventDefault();
-          items[items.length - 1]?.focus();
-        }
-      },
-      role: "group",
-      className: cn2("relative flex flex-col w-72 max-w-full select-none", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(SelectionBackgrounds2, {
-          blocks
-        }),
-        /* @__PURE__ */ jsx(FluidHoverHighlight2, {
-          hover,
-          className: shape.bg
-        }),
-        /* @__PURE__ */ jsx(AnimatePresence, {
-          children: focusRect && /* @__PURE__ */ jsx(motion.div, {
-            className: `absolute ${shape.focusRing} pointer-events-none z-20 border border-focus-ring`,
-            initial: false,
-            animate: {
-              left: focusRect.left - 2,
-              top: focusRect.top - 2,
-              width: focusRect.width + 4,
-              height: focusRect.height + 4
-            },
-            exit: { opacity: 0, transition: spring2.fast.exit },
-            transition: {
-              ...spring2.fast,
-              opacity: { duration: spring2.fast.duration }
-            }
-          })
-        }),
-        /* @__PURE__ */ jsx(IndexedRows2, {
-          children
-        })
-      ]
-    })
-  });
-  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
-    size,
-    children: group
-  }) : group;
-});
-CheckboxGroup2.displayName = "CheckboxGroup";
-var SHOWN = { opacity: 1, scale: 1, filter: "blur(0px)" };
-var HIDDEN = { opacity: 0, scale: 0.6, filter: "blur(4px)" };
-var SHOWN_REDUCED = { opacity: 1 };
-var HIDDEN_REDUCED = { opacity: 0 };
-var swapEnter = { type: "tween", duration: spring2.fast.duration, ease: "easeOut" };
-var swapLeave = { type: "tween", ...spring2.fast.exit, ease: "easeIn" };
-function CheckboxBox({ checked, indeterminate, active, compact, skipAnimation, bare }) {
-  const Minus = useIcon2("minus");
-  const reduced = useReduceMotion2();
-  const marked = checked || indeterminate;
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsx("div", {
-        className: cn2("absolute inset-0 border-solid transition-all duration-fast", compact ? "rounded-sm" : "rounded-box", marked ? bare ? "border-[1.5px] border-control" : "border-[1.5px] border-transparent" : active ? "border-[1.5px] border-control" : "border-[1.5px] border-border")
-      }),
-      /* @__PURE__ */ jsx(AnimatePresence, {
-        children: checked && !indeterminate && /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {
-          keepMounted: true,
-          render: (indicatorProps) => {
-            const {
-              style: _s,
-              onDrag: _onDrag,
-              onDragStart: _onDragStart,
-              onDragEnd: _onDragEnd,
-              onAnimationStart: _onAnimationStart,
-              onAnimationEnd: _onAnimationEnd,
-              onAnimationIteration: _onAnimationIteration,
-              ...rest
-            } = indicatorProps;
-            return /* @__PURE__ */ jsx(motion.svg, {
-              ...rest,
-              width: compact ? 16 : 18,
-              height: compact ? 16 : 18,
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: 2,
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-foreground",
-              initial: { opacity: 1 },
-              animate: { opacity: 1 },
-              exit: { opacity: 1 },
-              children: /* @__PURE__ */ jsx(motion.path, {
-                d: "M6 12L10 16L18 8",
-                initial: { pathLength: skipAnimation ? 1 : 0 },
-                animate: {
-                  pathLength: 1,
-                  transition: { duration: spring2.fast.duration, ease: "easeOut" }
-                },
-                exit: {
-                  pathLength: 0,
-                  transition: { duration: 0.04, ease: "easeIn" }
-                }
-              })
-            });
-          }
-        })
-      }),
-      /* @__PURE__ */ jsx(motion.span, {
-        "aria-hidden": true,
-        className: "pointer-events-none absolute inset-0 flex items-center justify-center text-foreground",
-        initial: false,
-        animate: indeterminate ? reduced ? SHOWN_REDUCED : SHOWN : reduced ? HIDDEN_REDUCED : HIDDEN,
-        transition: indeterminate ? swapEnter : swapLeave,
-        children: /* @__PURE__ */ jsx(Minus, {
-          size: compact ? 14 : 16,
-          strokeWidth: 2
-        })
-      })
-    ]
-  });
-}
-var Checkbox2 = forwardRef(({
-  label,
-  checked: checkedProp,
-  defaultChecked = false,
-  indeterminate: indeterminateProp = false,
-  onCheckedChange,
-  onToggle: onToggleProp,
-  disabled = false,
-  name,
-  value,
-  required = false,
-  index: indexProp,
-  size,
-  className,
-  ...props
-}, ref) => {
-  const internalRef = useRef(null);
-  const hasMounted = useRef(false);
-  const group = useContext(CheckboxGroupContext);
-  const index = useRowIndex2(indexProp);
-  const labelId = useId();
-  const explicit = checkedProp === "indeterminate" ? false : checkedProp;
-  const [ownChecked, setOwnChecked] = useControllableState2(explicit, defaultChecked, onCheckedChange);
-  const [hovered, setHovered] = useState(false);
-  const checked = explicit ?? (group ? group.checkedIndices.has(index) : ownChecked);
-  const indeterminate = indeterminateProp || checkedProp === "indeterminate";
-  const onToggle = () => {
-    if (disabled)
-      return;
-    const next = indeterminate || !checked;
-    onToggleProp?.();
-    group?.setItemChecked(index, next);
-    if (next === checked)
-      onCheckedChange?.(next);
-    else
-      setOwnChecked(next);
-  };
-  useRegisterFluidHoverItem2(group?.registerItem, index, internalRef);
-  useEffect(() => {
-    hasMounted.current = true;
-  }, []);
-  const isActive = group ? group.activeIndex === index : hovered;
-  const skipAnimation = !hasMounted.current;
-  const shape = useShape2();
-  const sizeClasses = useSize2(size);
-  const compact = sizeClasses.variant === "compact";
-  const setRef = (node) => {
-    internalRef.current = node;
-    if (typeof ref === "function")
-      ref(node);
-    else if (ref)
-      ref.current = node;
-  };
-  const box = /* @__PURE__ */ jsx(CheckboxBox, {
-    checked,
-    indeterminate,
-    active: isActive,
-    compact,
-    skipAnimation,
-    bare: label === undefined && !group
-  });
-  if (label === undefined && !group) {
-    return /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
-      ref: setRef,
-      render: /* @__PURE__ */ jsx("div", {}),
-      checked,
-      indeterminate,
-      onCheckedChange: () => onToggle(),
-      disabled,
-      name,
-      value,
-      required,
-      onPointerEnter: (e) => {
-        if (e.pointerType === "mouse")
-          setHovered(true);
-      },
-      onPointerLeave: () => setHovered(false),
-      className: cn2("relative inline-flex shrink-0 cursor-pointer outline-none transition-[opacity] duration-fast", "focus-visible:ring-1 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", compact ? "size-3.5 rounded-sm" : "size-4 rounded-box", disabled && "opacity-50 pointer-events-none", className),
-      ...props,
-      children: box
-    });
-  }
-  return /* @__PURE__ */ jsxs("div", {
-    ref: setRef,
-    "data-fluid-hover-index": index,
-    "data-disabled": disabled || undefined,
-    tabIndex: disabled ? -1 : 0,
-    role: "checkbox",
-    "aria-checked": indeterminate ? "mixed" : checked,
-    "aria-disabled": disabled || undefined,
-    "aria-label": typeof label === "string" ? label : undefined,
-    "aria-labelledby": label !== undefined && typeof label !== "string" ? labelId : undefined,
-    onClick: onToggle,
-    onPointerEnter: (e) => {
-      if (e.pointerType === "mouse")
-        setHovered(true);
-    },
-    onPointerLeave: () => setHovered(false),
-    onMouseDown: (e) => {
-      const interactive = e.target.closest('button:not([tabindex="-1"]), a[href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-      if (interactive && interactive !== e.currentTarget)
-        return;
-      e.preventDefault();
-      e.currentTarget.focus();
-    },
-    onKeyDown: (e) => {
-      if (e.key === " " || e.key === "Enter") {
-        e.preventDefault();
-        onToggle();
-      }
-    },
-    className: cn2(`relative z-10 flex ${sizeClasses.control} items-center ${sizeClasses.gap} ${shape.item} ${sizeClasses.px} cursor-pointer outline-none transition-[opacity] duration-fast`, !group && "focus-visible:ring-1 focus-visible:ring-focus-ring", disabled && "opacity-50 pointer-events-none", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
-        checked,
-        indeterminate,
-        onCheckedChange: () => onToggle(),
-        disabled,
-        name,
-        value,
-        required,
-        tabIndex: -1,
-        "aria-hidden": true,
-        className: cn2("relative shrink-0 appearance-none bg-transparent p-0 border-0 outline-none cursor-pointer", compact ? "w-[14px] h-[14px]" : "w-[16px] h-[16px]"),
-        onClick: (e) => e.stopPropagation(),
-        children: box
-      }),
-      label !== undefined && /* @__PURE__ */ jsxs("span", {
-        className: cn2("inline-grid", sizeClasses.text),
-        children: [
-          /* @__PURE__ */ jsx("span", {
-            className: "col-start-1 row-start-1 invisible [text-box:trim-both_cap_alphabetic] weight-semibold",
-            "aria-hidden": "true",
-            children: label
-          }),
-          /* @__PURE__ */ jsx("span", {
-            id: labelId,
-            className: cn2("col-start-1 row-start-1 transition-[color,font-variation-settings] duration-fast [text-box:trim-both_cap_alphabetic]", checked || indeterminate || isActive ? "text-foreground" : "text-muted-foreground", checked ? "weight-semibold" : "weight-normal"),
-            children: label
-          })
-        ]
-      })
-    ]
-  });
-});
-Checkbox2.displayName = "Checkbox";
-Object.assign(Checkbox2, { Group: CheckboxGroup2 });
-var checkbox_default = Checkbox2;
-
-export { CheckboxGroup2, Checkbox2, checkbox_default };

package/dist/shared/components-8v644a0s.js

@@ -1,298 +0,0 @@
-"use client";
-import {
-  cn2
-} from "./components-jcnjay5g.js";
-import {
-  GooIndicator2
-} from "./components-pw06rbxq.js";
-import {
-  FluidHoverHighlight2
-} from "./components-qdm3yh26.js";
-import {
-  useIcon2
-} from "./components-jqpefjsn.js";
-import {
-  useShape2
-} from "./components-71nbt03m.js";
-import {
-  useSize2
-} from "./components-h83az0bz.js";
-import {
-  useControllableState2
-} from "./components-tz1fv35x.js";
-import {
-  useFluidHover2,
-  useRegisterFluidHoverItem2
-} from "./components-yhgq0qxx.js";
-import {
-  SizeProvider2
-} from "./components-dcc02hs2.js";
-import {
-  button_default
-} from "./components-9sttq78t.js";
-import {
-  Input2
-} from "./components-mattt5jp.js";
-import {
-  select_default
-} from "./components-wqrvqq5p.js";
-
-// components/navigation/pagination/index.tsx
-import { useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SQUARE = { default: "min-w-9", compact: "min-w-7" };
-var FIELD = { default: "w-14", compact: "w-12" };
-function slots(page, total, siblings) {
-  const shown = new Set([1, total]);
-  for (let p = page - siblings;p <= page + siblings; p++)
-    if (p >= 1 && p <= total)
-      shown.add(p);
-  const result = [];
-  let previous = 0;
-  for (const p of [...shown].sort((a, b) => a - b)) {
-    if (p - previous === 2)
-      result.push(p - 1);
-    else if (p - previous > 2)
-      result.push("gap");
-    result.push(p);
-    previous = p;
-  }
-  return result;
-}
-function PageButton({ page, index, current, lit, disabled, register, onSelect }) {
-  const ref = useRef(null);
-  const size = useSize2();
-  const shape = useShape2();
-  useRegisterFluidHoverItem2(register, index, ref);
-  return /* @__PURE__ */ jsx("button", {
-    ref,
-    type: "button",
-    "aria-current": current ? "page" : undefined,
-    disabled,
-    onClick: () => onSelect(page),
-    className: cn2("relative z-10 flex cursor-pointer items-center justify-center px-2 tabular-nums outline-none transition-[opacity] duration-fast focus-visible:ring-1 focus-visible:ring-focus-ring disabled:pointer-events-none disabled:opacity-50", size.control, SQUARE[size.variant], shape.button),
-    children: /* @__PURE__ */ jsxs("span", {
-      className: cn2("inline-grid", size.text),
-      children: [
-        /* @__PURE__ */ jsx("span", {
-          "aria-hidden": "true",
-          className: "invisible col-start-1 row-start-1 weight-semibold",
-          children: page
-        }),
-        /* @__PURE__ */ jsx("span", {
-          className: cn2("col-start-1 row-start-1 transition-[color,font-variation-settings] duration-fast", current || lit ? "text-foreground" : "text-muted-foreground", current ? "weight-semibold" : "weight-normal"),
-          children: page
-        })
-      ]
-    })
-  });
-}
-function PageStrip({ current, total, siblings, disabled, onSelect }) {
-  const size = useSize2();
-  const shape = useShape2();
-  const containerRef = useRef(null);
-  const hover = useFluidHover2(containerRef, { axis: "x" });
-  const list = slots(current, total, siblings);
-  const pages = list.filter((slot) => slot !== "gap");
-  const measured = hover.isMeasured ? hover.itemRects[pages.indexOf(current)] : undefined;
-  const lastRect = useRef(measured);
-  if (measured)
-    lastRect.current = measured;
-  return /* @__PURE__ */ jsxs("div", {
-    ref: containerRef,
-    ...hover.handlers,
-    className: "relative flex items-center gap-1",
-    children: [
-      lastRect.current && /* @__PURE__ */ jsx(GooIndicator2, {
-        rect: lastRect.current,
-        className: cn2("bg-accent", shape.bg),
-        opacity: disabled ? 0.5 : 1
-      }),
-      /* @__PURE__ */ jsx(FluidHoverHighlight2, {
-        hover,
-        hidden: disabled,
-        className: shape.bg
-      }),
-      list.map((slot, i) => slot === "gap" ? /* @__PURE__ */ jsx("span", {
-        "aria-hidden": "true",
-        className: cn2("flex items-center justify-center text-muted-foreground", size.control, SQUARE[size.variant], size.text),
-        children: "…"
-      }, `gap-${i}`) : /* @__PURE__ */ jsx(PageButton, {
-        page: slot,
-        index: pages.indexOf(slot),
-        current: slot === current,
-        lit: hover.activeIndex === pages.indexOf(slot),
-        disabled,
-        register: hover.registerItem,
-        onSelect
-      }, slot))
-    ]
-  });
-}
-function PageField({ current, total, disabled, label, onSelect }) {
-  const size = useSize2();
-  const [draft, setDraft] = useState(String(current));
-  useEffect(() => setDraft(String(current)), [current]);
-  const commit = () => {
-    const page = Number(draft);
-    if (Number.isInteger(page) && page >= 1 && page <= total)
-      onSelect(page);
-    else
-      setDraft(String(current));
-  };
-  const onKeyDown = (event) => {
-    if (event.key === "Enter")
-      commit();
-    if (event.key === "Escape")
-      setDraft(String(current));
-  };
-  return /* @__PURE__ */ jsxs("div", {
-    className: cn2("flex items-center", size.gap),
-    children: [
-      /* @__PURE__ */ jsx(Input2, {
-        variant: "bordered",
-        inputMode: "numeric",
-        "aria-label": label,
-        value: draft,
-        onChange: (value) => setDraft(value.replace(/\D/g, "")),
-        onKeyDown,
-        onBlur: commit,
-        disabled: disabled || total <= 1,
-        className: cn2("tabular-nums", FIELD[size.variant])
-      }),
-      /* @__PURE__ */ jsxs("span", {
-        className: cn2("whitespace-nowrap tabular-nums text-muted-foreground", size.text),
-        children: [
-          "/ ",
-          total
-        ]
-      })
-    ]
-  });
-}
-function Step({ icon, label, disabled, onClick }) {
-  const size = useSize2();
-  const Icon = useIcon2(icon);
-  return /* @__PURE__ */ jsx(button_default, {
-    variant: "ghost",
-    size: size.variant === "compact" ? "icon-compact" : "icon",
-    "aria-label": label,
-    disabled,
-    onClick,
-    children: /* @__PURE__ */ jsx(Icon, {})
-  });
-}
-function Pagination2({
-  pageCount,
-  page,
-  defaultPage = 1,
-  onPageChange,
-  variant = "pages",
-  siblings = 1,
-  edges: edgesProp,
-  pageSize,
-  defaultPageSize,
-  pageSizes = [10, 20, 30, 40, 50],
-  onPageSizeChange,
-  disabled = false,
-  label = "Pagination",
-  firstLabel = "First page",
-  previousLabel = "Previous page",
-  nextLabel = "Next page",
-  lastLabel = "Last page",
-  pageLabel = "Page",
-  pageSizeLabel = "Rows per page",
-  pageSizeAriaLabel,
-  size: sizeProp,
-  className
-}) {
-  const [requested, setCurrent] = useControllableState2(page, defaultPage, onPageChange);
-  const [rows, setRows] = useControllableState2(pageSize, defaultPageSize ?? pageSizes[0] ?? 10, onPageSizeChange);
-  const size = useSize2(sizeProp);
-  const total = Math.max(1, pageCount);
-  const current = Math.min(Math.max(1, requested), total);
-  const edges = edgesProp ?? variant === "input";
-  const withPageSize = pageSize !== undefined || defaultPageSize !== undefined;
-  const nav = /* @__PURE__ */ jsxs("nav", {
-    "aria-label": label,
-    className: cn2("flex flex-wrap items-center", size.gap, className),
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        className: cn2("flex items-center", size.gap),
-        children: [
-          edges && /* @__PURE__ */ jsx(Step, {
-            icon: "chevrons-left",
-            label: firstLabel,
-            disabled: disabled || current <= 1,
-            onClick: () => setCurrent(1)
-          }),
-          /* @__PURE__ */ jsx(Step, {
-            icon: "chevron-left",
-            label: previousLabel,
-            disabled: disabled || current <= 1,
-            onClick: () => setCurrent(current - 1)
-          }),
-          variant === "input" ? /* @__PURE__ */ jsx(PageField, {
-            current,
-            total,
-            disabled,
-            label: pageLabel,
-            onSelect: setCurrent
-          }) : /* @__PURE__ */ jsx(PageStrip, {
-            current,
-            total,
-            siblings,
-            disabled,
-            onSelect: setCurrent
-          }),
-          /* @__PURE__ */ jsx(Step, {
-            icon: "chevron-right",
-            label: nextLabel,
-            disabled: disabled || current >= total,
-            onClick: () => setCurrent(current + 1)
-          }),
-          edges && /* @__PURE__ */ jsx(Step, {
-            icon: "chevrons-right",
-            label: lastLabel,
-            disabled: disabled || current >= total,
-            onClick: () => setCurrent(total)
-          })
-        ]
-      }),
-      withPageSize && /* @__PURE__ */ jsxs("div", {
-        className: cn2("flex items-center", size.gap),
-        children: [
-          pageSizeLabel && /* @__PURE__ */ jsx("span", {
-            className: cn2("whitespace-nowrap text-muted-foreground", size.text),
-            children: pageSizeLabel
-          }),
-          /* @__PURE__ */ jsxs(select_default, {
-            value: String(rows),
-            onValueChange: (value) => setRows(Number(value)),
-            disabled,
-            children: [
-              /* @__PURE__ */ jsx(select_default.Trigger, {
-                "aria-label": pageSizeAriaLabel || pageSizeLabel || "Rows per page",
-                className: "min-w-0 tabular-nums"
-              }),
-              /* @__PURE__ */ jsx(select_default.Content, {
-                children: pageSizes.map((option, i) => /* @__PURE__ */ jsx(select_default.Item, {
-                  index: i,
-                  value: String(option),
-                  children: option
-                }, option))
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-  return sizeProp ? /* @__PURE__ */ jsx(SizeProvider2, {
-    size: sizeProp,
-    children: nav
-  }) : nav;
-}
-var pagination_default = Pagination2;
-
-export { Pagination2, pagination_default };