@waveso/ui 0.0.2 → 0.0.3

package/dist/masonry.js

@@ -0,0 +1,235 @@
+import { StarIcon } from './chunk-WJDWQFO3.js';
+import { cn } from './chunk-76UQO56T.js';
+import * as React from 'react';
+import { AnimatePresence, motion } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var STAGGER_STEP = 0.05;
+var MasonryStaggerContext = React.createContext(null);
+function Masonry({
+  columns,
+  columnWidth,
+  gap = 4,
+  className,
+  children,
+  ...props
+}) {
+  const containerRef = React.useRef(null);
+  const rafRef = React.useRef(0);
+  const staggerCounterRef = React.useRef(0);
+  staggerCounterRef.current = 0;
+  const getStaggerIndex = React.useCallback(
+    () => staggerCounterRef.current++,
+    []
+  );
+  React.useLayoutEffect(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    const remPx = parseFloat(
+      getComputedStyle(document.documentElement).fontSize
+    );
+    const gapPx = gap * 0.25 * remPx;
+    function reflow() {
+      const allChildren = Array.from(container.children);
+      const items = allChildren.filter((el) => el.dataset.exiting == null);
+      if (items.length === 0) {
+        container.style.removeProperty("height");
+        return;
+      }
+      const containerWidth = container.clientWidth;
+      if (containerWidth === 0) return;
+      let colCount;
+      if (columns != null) {
+        colCount = Math.max(1, columns);
+      } else if (columnWidth != null) {
+        colCount = Math.max(
+          1,
+          Math.floor((containerWidth + gapPx) / (columnWidth + gapPx))
+        );
+      } else {
+        colCount = Math.max(
+          1,
+          Math.floor((containerWidth + gapPx) / (240 + gapPx))
+        );
+      }
+      if (colCount <= 1) {
+        container.style.removeProperty("height");
+        container.style.display = "flex";
+        container.style.flexDirection = "column";
+        container.style.gap = `${gapPx}px`;
+        for (const item of items) {
+          item.style.removeProperty("position");
+          item.style.removeProperty("top");
+          item.style.removeProperty("left");
+          item.style.removeProperty("width");
+        }
+        return;
+      }
+      container.style.removeProperty("display");
+      container.style.removeProperty("flex-direction");
+      container.style.removeProperty("gap");
+      const colWidth = (containerWidth - (colCount - 1) * gapPx) / colCount;
+      const columnBottoms = new Array(colCount).fill(0);
+      const topItems = [];
+      const regularItems = [];
+      for (const item of items) {
+        const raw = parseInt(item.dataset.span || "1", 10);
+        if (raw > 1) {
+          topItems.push({ el: item, span: Math.min(raw, colCount) });
+        } else {
+          regularItems.push(item);
+        }
+      }
+      for (const { el, span } of topItems) {
+        el.style.position = "absolute";
+        el.style.width = `${span * colWidth + (span - 1) * gapPx}px`;
+      }
+      for (const item of regularItems) {
+        item.style.position = "absolute";
+        item.style.width = `${colWidth}px`;
+      }
+      const topHeights = [];
+      for (const { el } of topItems) {
+        topHeights.push(el.offsetHeight);
+      }
+      const regularHeights = [];
+      for (const item of regularItems) {
+        regularHeights.push(item.offsetHeight);
+      }
+      let nextCol = 0;
+      for (let i = 0; i < topItems.length; i++) {
+        const { el, span } = topItems[i];
+        const s = Math.min(span, colCount - nextCol);
+        const x = nextCol * (colWidth + gapPx);
+        el.style.top = "0px";
+        el.style.left = `${x}px`;
+        if (s !== span) {
+          el.style.width = `${s * colWidth + (s - 1) * gapPx}px`;
+        }
+        const bottom = topHeights[i] + gapPx;
+        for (let c = nextCol; c < nextCol + s; c++) {
+          columnBottoms[c] = bottom;
+        }
+        nextCol += s;
+      }
+      for (let i = 0; i < regularItems.length; i++) {
+        let shortestCol = 0;
+        for (let c = 1; c < colCount; c++) {
+          if (columnBottoms[c] < columnBottoms[shortestCol]) {
+            shortestCol = c;
+          }
+        }
+        const x = shortestCol * (colWidth + gapPx);
+        const y = columnBottoms[shortestCol];
+        regularItems[i].style.top = `${y}px`;
+        regularItems[i].style.left = `${x}px`;
+        columnBottoms[shortestCol] = y + regularHeights[i] + gapPx;
+      }
+      const maxBottom = Math.max(...columnBottoms) - gapPx;
+      container.style.height = `${Math.max(0, maxBottom)}px`;
+    }
+    function scheduleReflow() {
+      cancelAnimationFrame(rafRef.current);
+      rafRef.current = requestAnimationFrame(reflow);
+    }
+    reflow();
+    const ro = new ResizeObserver(scheduleReflow);
+    ro.observe(container);
+    const mo = new MutationObserver(scheduleReflow);
+    mo.observe(container, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["data-exiting", "data-span"]
+    });
+    container.addEventListener("load", scheduleReflow, true);
+    return () => {
+      cancelAnimationFrame(rafRef.current);
+      ro.disconnect();
+      mo.disconnect();
+      container.removeEventListener("load", scheduleReflow, true);
+      container.style.removeProperty("height");
+      container.style.removeProperty("display");
+      container.style.removeProperty("flex-direction");
+      container.style.removeProperty("gap");
+      const items = Array.from(container.children);
+      for (const item of items) {
+        item.style.removeProperty("position");
+        item.style.removeProperty("top");
+        item.style.removeProperty("left");
+        item.style.removeProperty("width");
+      }
+    };
+  }, [columns, columnWidth, gap]);
+  return /* @__PURE__ */ jsx(MasonryStaggerContext.Provider, { value: getStaggerIndex, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      "data-slot": "masonry",
+      className: cn("relative", className),
+      ...props,
+      children: /* @__PURE__ */ jsx(AnimatePresence, { children })
+    }
+  ) });
+}
+function FeaturedBadge() {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "masonry-badge",
+      className: "absolute top-2 right-2 z-10 flex size-5 items-center justify-center pointer-events-none",
+      "aria-label": "Featured",
+      children: /* @__PURE__ */ jsx(StarIcon, { width: 10, height: 10, fill: "currentColor", "aria-hidden": true })
+    }
+  );
+}
+function MasonryItem({
+  className,
+  span,
+  children,
+  ...props
+}) {
+  const isSpanned = span != null && span > 1;
+  const getStaggerIndex = React.useContext(MasonryStaggerContext);
+  const [staggerDelay] = React.useState(
+    () => getStaggerIndex ? getStaggerIndex() * STAGGER_STEP : 0
+  );
+  return /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      "data-slot": "masonry-item",
+      "data-span": isSpanned ? span : void 0,
+      className: cn("relative", className),
+      initial: {
+        opacity: 0,
+        y: 10,
+        filter: "blur(8px)"
+      },
+      animate: {
+        opacity: 1,
+        y: 0,
+        filter: "blur(0px)"
+      },
+      transition: {
+        type: "spring",
+        stiffness: 100,
+        damping: 10,
+        delay: staggerDelay
+      },
+      exit: {
+        opacity: 0,
+        scale: 1.2,
+        filter: "blur(8px)"
+      },
+      ...props,
+      children: [
+        children,
+        isSpanned && /* @__PURE__ */ jsx(FeaturedBadge, {})
+      ]
+    }
+  );
+}
+
+export { Masonry, MasonryItem };
+//# sourceMappingURL=masonry.js.map
+//# sourceMappingURL=masonry.js.map

package/dist/masonry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/masonry.tsx"],"names":[],"mappings":"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","file":"masonry.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { AnimatePresence, type HTMLMotionProps, motion } from \"motion/react\"\n\nimport { StarIcon } from \"./lib/internal-icons\"\nimport { cn } from \"./lib/utils\"\n\nconst STAGGER_STEP = 0.05 // 50ms between each item's enter animation\n\nconst MasonryStaggerContext = React.createContext<(() => number) | null>(null)\n\ntype MasonryProps = React.ComponentProps<\"div\"> & {\n  columns?: number\n  columnWidth?: number\n  gap?: number\n}\n\ntype MasonryItemProps = Omit<HTMLMotionProps<\"div\">, \"children\"> & {\n  span?: number\n  children?: React.ReactNode\n}\n\nfunction Masonry({\n  columns,\n  columnWidth,\n  gap = 4,\n  className,\n  children,\n  ...props\n}: MasonryProps) {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const rafRef = React.useRef<number>(0)\n  const staggerCounterRef = React.useRef(0)\n\n  // Reset counter each render so new items in a batch get fresh 0-based indices\n  staggerCounterRef.current = 0\n\n  const getStaggerIndex = React.useCallback(\n    () => staggerCounterRef.current++,\n    [],\n  )\n\n  React.useLayoutEffect(() => {\n    const container = containerRef.current\n    if (!container) return\n\n    const remPx = parseFloat(\n      getComputedStyle(document.documentElement).fontSize,\n    )\n    const gapPx = gap * 0.25 * remPx\n\n    function reflow() {\n      const allChildren = Array.from(container!.children) as HTMLElement[]\n      // Skip exiting items — they keep their position during exit animation\n      const items = allChildren.filter((el) => el.dataset.exiting == null)\n\n      if (items.length === 0) {\n        container!.style.removeProperty(\"height\")\n        return\n      }\n\n      const containerWidth = container!.clientWidth\n      if (containerWidth === 0) return\n\n      let colCount: number\n      if (columns != null) {\n        colCount = Math.max(1, columns)\n      } else if (columnWidth != null) {\n        colCount = Math.max(\n          1,\n          Math.floor((containerWidth + gapPx) / (columnWidth + gapPx)),\n        )\n      } else {\n        colCount = Math.max(\n          1,\n          Math.floor((containerWidth + gapPx) / (240 + gapPx)),\n        )\n      }\n\n      // Single column: use normal flow with gap\n      if (colCount <= 1) {\n        container!.style.removeProperty(\"height\")\n        container!.style.display = \"flex\"\n        container!.style.flexDirection = \"column\"\n        container!.style.gap = `${gapPx}px`\n        for (const item of items) {\n          item.style.removeProperty(\"position\")\n          item.style.removeProperty(\"top\")\n          item.style.removeProperty(\"left\")\n          item.style.removeProperty(\"width\")\n        }\n        return\n      }\n\n      // Multi-column: clear single-column styles\n      container!.style.removeProperty(\"display\")\n      container!.style.removeProperty(\"flex-direction\")\n      container!.style.removeProperty(\"gap\")\n\n      const colWidth = (containerWidth - (colCount - 1) * gapPx) / colCount\n      const columnBottoms = new Array<number>(colCount).fill(0)\n\n      // Partition items: spanning (top-pinned) vs regular\n      const topItems: { el: HTMLElement; span: number }[] = []\n      const regularItems: HTMLElement[] = []\n      for (const item of items) {\n        const raw = parseInt(item.dataset.span || \"1\", 10)\n        if (raw > 1) {\n          topItems.push({ el: item, span: Math.min(raw, colCount) })\n        } else {\n          regularItems.push(item)\n        }\n      }\n\n      // First pass: set width on all items for correct height measurement\n      for (const { el, span } of topItems) {\n        el.style.position = \"absolute\"\n        el.style.width = `${span * colWidth + (span - 1) * gapPx}px`\n      }\n      for (const item of regularItems) {\n        item.style.position = \"absolute\"\n        item.style.width = `${colWidth}px`\n      }\n\n      // Second pass: batch-read heights\n      const topHeights: number[] = []\n      for (const { el } of topItems) {\n        topHeights.push(el.offsetHeight)\n      }\n      const regularHeights: number[] = []\n      for (const item of regularItems) {\n        regularHeights.push(item.offsetHeight)\n      }\n\n      // Third pass: place top items at Y=0, left-to-right\n      let nextCol = 0\n      for (let i = 0; i < topItems.length; i++) {\n        const { el, span } = topItems[i]!\n        const s = Math.min(span, colCount - nextCol)\n\n        const x = nextCol * (colWidth + gapPx)\n        el.style.top = \"0px\"\n        el.style.left = `${x}px`\n        // Recalculate width if span was clamped\n        if (s !== span) {\n          el.style.width = `${s * colWidth + (s - 1) * gapPx}px`\n        }\n\n        const bottom = topHeights[i]! + gapPx\n        for (let c = nextCol; c < nextCol + s; c++) {\n          columnBottoms[c] = bottom\n        }\n\n        nextCol += s\n      }\n\n      // Fourth pass: place regular items in shortest column\n      for (let i = 0; i < regularItems.length; i++) {\n        let shortestCol = 0\n        for (let c = 1; c < colCount; c++) {\n          if (columnBottoms[c]! < columnBottoms[shortestCol]!) {\n            shortestCol = c\n          }\n        }\n\n        const x = shortestCol * (colWidth + gapPx)\n        const y = columnBottoms[shortestCol]!\n\n        regularItems[i]!.style.top = `${y}px`\n        regularItems[i]!.style.left = `${x}px`\n\n        columnBottoms[shortestCol] = y + regularHeights[i]! + gapPx\n      }\n\n      const maxBottom = Math.max(...columnBottoms) - gapPx\n      container!.style.height = `${Math.max(0, maxBottom)}px`\n    }\n\n    function scheduleReflow() {\n      cancelAnimationFrame(rafRef.current)\n      rafRef.current = requestAnimationFrame(reflow)\n    }\n\n    reflow()\n\n    const ro = new ResizeObserver(scheduleReflow)\n    ro.observe(container)\n\n    const mo = new MutationObserver(scheduleReflow)\n    mo.observe(container, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: [\"data-exiting\", \"data-span\"],\n    })\n\n    // Detect image/media loads that change item heights\n    container.addEventListener(\"load\", scheduleReflow, true)\n\n    return () => {\n      cancelAnimationFrame(rafRef.current)\n      ro.disconnect()\n      mo.disconnect()\n      container.removeEventListener(\"load\", scheduleReflow, true)\n      container.style.removeProperty(\"height\")\n      container.style.removeProperty(\"display\")\n      container.style.removeProperty(\"flex-direction\")\n      container.style.removeProperty(\"gap\")\n      const items = Array.from(container.children) as HTMLElement[]\n      for (const item of items) {\n        item.style.removeProperty(\"position\")\n        item.style.removeProperty(\"top\")\n        item.style.removeProperty(\"left\")\n        item.style.removeProperty(\"width\")\n      }\n    }\n  }, [columns, columnWidth, gap])\n\n  return (\n    <MasonryStaggerContext.Provider value={getStaggerIndex}>\n      <div\n        ref={containerRef}\n        data-slot=\"masonry\"\n        className={cn(\"relative\", className)}\n        {...props}\n      >\n        <AnimatePresence>\n          {children}\n        </AnimatePresence>\n      </div>\n    </MasonryStaggerContext.Provider>\n  )\n}\n\nfunction FeaturedBadge() {\n  return (\n    <span\n      data-slot=\"masonry-badge\"\n      className=\"absolute top-2 right-2 z-10 flex size-5 items-center justify-center pointer-events-none\"\n      aria-label=\"Featured\"\n    >\n      <StarIcon width={10} height={10} fill=\"currentColor\" aria-hidden />\n    </span>\n  )\n}\n\nfunction MasonryItem({\n  className,\n  span,\n  children,\n  ...props\n}: MasonryItemProps) {\n  const isSpanned = span != null && span > 1\n  const getStaggerIndex = React.useContext(MasonryStaggerContext)\n\n  // Capture stagger index once on mount — useState initializer runs exactly once\n  const [staggerDelay] = React.useState(() =>\n    getStaggerIndex ? getStaggerIndex() * STAGGER_STEP : 0,\n  )\n\n  return (\n    <motion.div\n      data-slot=\"masonry-item\"\n      data-span={isSpanned ? span : undefined}\n      className={cn(\"relative\", className)}\n      initial={{\n        opacity: 0,\n        y: 10,\n        filter: \"blur(8px)\"\n      }}\n      animate={{\n        opacity: 1,\n        y: 0,\n        filter: \"blur(0px)\"\n      }}\n      transition={{\n        type: \"spring\",\n        stiffness: 100,\n        damping: 10,\n        delay: staggerDelay,\n      }}\n      exit={{\n        opacity: 0,\n        scale: 1.2,\n        filter: \"blur(8px)\",\n      }}\n      {...props}\n    >\n      {children}\n      {isSpanned && <FeaturedBadge />}\n    </motion.div>\n  )\n}\n\nexport { Masonry, MasonryItem }\n"]}

package/dist/menu.d.ts

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Menu as Menu$1 } from '@base-ui/react/menu';
+
+type MenuProps = React.ComponentProps<typeof Menu$1.Root>;
+type MenuPortalProps = React.ComponentProps<typeof Menu$1.Portal>;
+type MenuTriggerProps = React.ComponentProps<typeof Menu$1.Trigger>;
+type MenuContentProps = React.ComponentProps<typeof Menu$1.Popup> & Pick<React.ComponentProps<typeof Menu$1.Positioner>, "align" | "alignOffset" | "side" | "sideOffset">;
+type MenuGroupProps = React.ComponentProps<typeof Menu$1.Group>;
+type MenuLabelProps = React.ComponentProps<typeof Menu$1.GroupLabel> & {
+    inset?: boolean;
+};
+type MenuItemProps = React.ComponentProps<typeof Menu$1.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+};
+type MenuSubProps = React.ComponentProps<typeof Menu$1.SubmenuRoot>;
+type MenuSubTriggerProps = React.ComponentProps<typeof Menu$1.SubmenuTrigger> & {
+    inset?: boolean;
+};
+type MenuSubContentProps = MenuContentProps;
+type MenuCheckboxItemProps = React.ComponentProps<typeof Menu$1.CheckboxItem> & {
+    inset?: boolean;
+};
+type MenuRadioGroupProps = React.ComponentProps<typeof Menu$1.RadioGroup>;
+type MenuRadioItemProps = React.ComponentProps<typeof Menu$1.RadioItem> & {
+    inset?: boolean;
+};
+type MenuSeparatorProps = React.ComponentProps<typeof Menu$1.Separator>;
+type MenuShortcutProps = React.ComponentProps<"span">;
+declare function Menu(props: MenuProps): react_jsx_runtime.JSX.Element;
+declare function MenuPortal(props: MenuPortalProps): react_jsx_runtime.JSX.Element;
+declare function MenuTrigger(props: MenuTriggerProps): react_jsx_runtime.JSX.Element;
+declare function MenuContent({ align, alignOffset, side, sideOffset, className, ...props }: MenuContentProps): react_jsx_runtime.JSX.Element;
+declare function MenuGroup(props: MenuGroupProps): react_jsx_runtime.JSX.Element;
+declare function MenuLabel({ className, inset, ...props }: MenuLabelProps): react_jsx_runtime.JSX.Element;
+declare function MenuItem({ className, inset, variant, ...props }: MenuItemProps): react_jsx_runtime.JSX.Element;
+declare function MenuSub(props: MenuSubProps): react_jsx_runtime.JSX.Element;
+declare function MenuSubTrigger({ className, inset, children, ...props }: MenuSubTriggerProps): react_jsx_runtime.JSX.Element;
+declare function MenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: MenuSubContentProps): react_jsx_runtime.JSX.Element;
+declare function MenuCheckboxItem({ className, children, checked, inset, ...props }: MenuCheckboxItemProps): react_jsx_runtime.JSX.Element;
+declare function MenuRadioGroup(props: MenuRadioGroupProps): react_jsx_runtime.JSX.Element;
+declare function MenuRadioItem({ className, children, inset, ...props }: MenuRadioItemProps): react_jsx_runtime.JSX.Element;
+declare function MenuSeparator({ className, ...props }: MenuSeparatorProps): react_jsx_runtime.JSX.Element;
+declare function MenuShortcut({ className, ...props }: MenuShortcutProps): react_jsx_runtime.JSX.Element;
+
+export { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger };

package/dist/menu.js

@@ -0,0 +1,5 @@
+export { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger } from './chunk-PGXELRT4.js';
+import './chunk-WJDWQFO3.js';
+import './chunk-76UQO56T.js';
+//# sourceMappingURL=menu.js.map
+//# sourceMappingURL=menu.js.map

package/dist/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"menu.js"}

package/dist/menubar.d.ts

@@ -0,0 +1,40 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Menubar as Menubar$1 } from '@base-ui/react/menubar';
+import { MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, Menu, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger } from './menu.js';
+import '@base-ui/react/menu';
+
+type MenubarProps = React.ComponentProps<typeof Menubar$1>;
+type MenubarMenuProps = React.ComponentProps<typeof Menu>;
+type MenubarGroupProps = React.ComponentProps<typeof MenuGroup>;
+type MenubarPortalProps = React.ComponentProps<typeof MenuPortal>;
+type MenubarTriggerProps = React.ComponentProps<typeof MenuTrigger>;
+type MenubarContentProps = React.ComponentProps<typeof MenuContent>;
+type MenubarItemProps = React.ComponentProps<typeof MenuItem>;
+type MenubarCheckboxItemProps = React.ComponentProps<typeof MenuCheckboxItem>;
+type MenubarRadioGroupProps = React.ComponentProps<typeof MenuRadioGroup>;
+type MenubarRadioItemProps = React.ComponentProps<typeof MenuRadioItem>;
+type MenubarLabelProps = React.ComponentProps<typeof MenuLabel>;
+type MenubarSeparatorProps = React.ComponentProps<typeof MenuSeparator>;
+type MenubarShortcutProps = React.ComponentProps<typeof MenuShortcut>;
+type MenubarSubProps = React.ComponentProps<typeof MenuSub>;
+type MenubarSubTriggerProps = React.ComponentProps<typeof MenuSubTrigger>;
+type MenubarSubContentProps = React.ComponentProps<typeof MenuSubContent>;
+declare function Menubar({ className, ...props }: MenubarProps): react_jsx_runtime.JSX.Element;
+declare function MenubarMenu({ ...props }: MenubarMenuProps): react_jsx_runtime.JSX.Element;
+declare function MenubarGroup({ ...props }: MenubarGroupProps): react_jsx_runtime.JSX.Element;
+declare function MenubarPortal({ ...props }: MenubarPortalProps): react_jsx_runtime.JSX.Element;
+declare function MenubarTrigger({ ...props }: MenubarTriggerProps): react_jsx_runtime.JSX.Element;
+declare function MenubarContent({ align, alignOffset, sideOffset, className, ...props }: MenubarContentProps): react_jsx_runtime.JSX.Element;
+declare function MenubarItem({ ...props }: MenubarItemProps): react_jsx_runtime.JSX.Element;
+declare function MenubarCheckboxItem({ ...props }: MenubarCheckboxItemProps): react_jsx_runtime.JSX.Element;
+declare function MenubarRadioGroup({ ...props }: MenubarRadioGroupProps): react_jsx_runtime.JSX.Element;
+declare function MenubarRadioItem({ ...props }: MenubarRadioItemProps): react_jsx_runtime.JSX.Element;
+declare function MenubarLabel({ ...props }: MenubarLabelProps): react_jsx_runtime.JSX.Element;
+declare function MenubarSeparator({ ...props }: MenubarSeparatorProps): react_jsx_runtime.JSX.Element;
+declare function MenubarShortcut({ ...props }: MenubarShortcutProps): react_jsx_runtime.JSX.Element;
+declare function MenubarSub({ ...props }: MenubarSubProps): react_jsx_runtime.JSX.Element;
+declare function MenubarSubTrigger({ ...props }: MenubarSubTriggerProps): react_jsx_runtime.JSX.Element;
+declare function MenubarSubContent({ ...props }: MenubarSubContentProps): react_jsx_runtime.JSX.Element;
+
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };

package/dist/menubar.js

@@ -0,0 +1,84 @@
+import { Menu, MenuGroup, MenuPortal, MenuTrigger, MenuContent, MenuItem, MenuCheckboxItem, MenuRadioGroup, MenuRadioItem, MenuLabel, MenuSeparator, MenuShortcut, MenuSub, MenuSubTrigger, MenuSubContent } from './chunk-PGXELRT4.js';
+import './chunk-WJDWQFO3.js';
+import { cn } from './chunk-76UQO56T.js';
+import { Menubar as Menubar$1 } from '@base-ui/react/menubar';
+import { jsx } from 'react/jsx-runtime';
+
+function Menubar({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Menubar$1,
+    {
+      "data-slot": "menubar",
+      className: cn(
+        "bg-background flex h-8 items-center gap-0.5 rounded-lg border p-[3px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarMenu({ ...props }) {
+  return /* @__PURE__ */ jsx(Menu, { "data-slot": "menubar-menu", ...props });
+}
+function MenubarGroup({ ...props }) {
+  return /* @__PURE__ */ jsx(MenuGroup, { "data-slot": "menubar-group", ...props });
+}
+function MenubarPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(MenuPortal, { "data-slot": "menubar-portal", ...props });
+}
+function MenubarTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(MenuTrigger, { "data-slot": "menubar-trigger", ...props });
+}
+function MenubarContent({
+  align = "start",
+  alignOffset = -4,
+  sideOffset = 8,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MenuContent,
+    {
+      "data-slot": "menubar-content",
+      className: cn("w-auto", className),
+      align,
+      alignOffset,
+      sideOffset,
+      ...props
+    }
+  );
+}
+function MenubarItem({ ...props }) {
+  return /* @__PURE__ */ jsx(MenuItem, { "data-slot": "menubar-item", ...props });
+}
+function MenubarCheckboxItem({ ...props }) {
+  return /* @__PURE__ */ jsx(MenuCheckboxItem, { "data-slot": "menubar-checkbox-item", ...props });
+}
+function MenubarRadioGroup({ ...props }) {
+  return /* @__PURE__ */ jsx(MenuRadioGroup, { "data-slot": "menubar-radio-group", ...props });
+}
+function MenubarRadioItem({ ...props }) {
+  return /* @__PURE__ */ jsx(MenuRadioItem, { "data-slot": "menubar-radio-item", ...props });
+}
+function MenubarLabel({ ...props }) {
+  return /* @__PURE__ */ jsx(MenuLabel, { "data-slot": "menubar-label", ...props });
+}
+function MenubarSeparator({ ...props }) {
+  return /* @__PURE__ */ jsx(MenuSeparator, { "data-slot": "menubar-separator", ...props });
+}
+function MenubarShortcut({ ...props }) {
+  return /* @__PURE__ */ jsx(MenuShortcut, { "data-slot": "menubar-shortcut", ...props });
+}
+function MenubarSub({ ...props }) {
+  return /* @__PURE__ */ jsx(MenuSub, { "data-slot": "menubar-sub", ...props });
+}
+function MenubarSubTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(MenuSubTrigger, { "data-slot": "menubar-sub-trigger", ...props });
+}
+function MenubarSubContent({ ...props }) {
+  return /* @__PURE__ */ jsx(MenuSubContent, { "data-slot": "menubar-sub-content", ...props });
+}
+
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
+//# sourceMappingURL=menubar.js.map
+//# sourceMappingURL=menubar.js.map

package/dist/menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/menubar.tsx"],"names":["MenubarPrimitive"],"mappings":";;;;;;AA0CA,SAAS,OAAA,CAAQ,EAAE,SAAA,EAAW,GAAG,OAAM,EAAiB;AACtD,EAAA,uBACE,GAAA;AAAA,IAACA,SAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,SAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,uEAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,WAAA,CAAY,EAAE,GAAG,KAAA,EAAM,EAAqB;AACnD,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,WAAA,EAAU,cAAA,EAAgB,GAAG,KAAA,EAAO,CAAA;AACnD;AAEA,SAAS,YAAA,CAAa,EAAE,GAAG,KAAA,EAAM,EAAsB;AACrD,EAAA,uBAAO,GAAA,CAAC,SAAA,EAAA,EAAU,WAAA,EAAU,eAAA,EAAiB,GAAG,KAAA,EAAO,CAAA;AACzD;AAEA,SAAS,aAAA,CAAc,EAAE,GAAG,KAAA,EAAM,EAAuB;AACvD,EAAA,uBAAO,GAAA,CAAC,UAAA,EAAA,EAAW,WAAA,EAAU,gBAAA,EAAkB,GAAG,KAAA,EAAO,CAAA;AAC3D;AAEA,SAAS,cAAA,CAAe,EAAE,GAAG,KAAA,EAAM,EAAwB;AACzD,EAAA,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,WAAA,EAAU,iBAAA,EAAmB,GAAG,KAAA,EAAO,CAAA;AAC7D;AAEA,SAAS,cAAA,CAAe;AAAA,EACtB,KAAA,GAAQ,OAAA;AAAA,EACR,WAAA,GAAc,EAAA;AAAA,EACd,UAAA,GAAa,CAAA;AAAA,EACb,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,QAAA,EAAU,SAAS,CAAA;AAAA,MACjC,KAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,WAAA,CAAY,EAAE,GAAG,KAAA,EAAM,EAAqB;AACnD,EAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,WAAA,EAAU,cAAA,EAAgB,GAAG,KAAA,EAAO,CAAA;AACvD;AAEA,SAAS,mBAAA,CAAoB,EAAE,GAAG,KAAA,EAAM,EAA6B;AACnE,EAAA,uBAAO,GAAA,CAAC,gBAAA,EAAA,EAAiB,WAAA,EAAU,uBAAA,EAAyB,GAAG,KAAA,EAAO,CAAA;AACxE;AAEA,SAAS,iBAAA,CAAkB,EAAE,GAAG,KAAA,EAAM,EAA2B;AAC/D,EAAA,uBAAO,GAAA,CAAC,cAAA,EAAA,EAAe,WAAA,EAAU,qBAAA,EAAuB,GAAG,KAAA,EAAO,CAAA;AACpE;AAEA,SAAS,gBAAA,CAAiB,EAAE,GAAG,KAAA,EAAM,EAA0B;AAC7D,EAAA,uBAAO,GAAA,CAAC,aAAA,EAAA,EAAc,WAAA,EAAU,oBAAA,EAAsB,GAAG,KAAA,EAAO,CAAA;AAClE;AAEA,SAAS,YAAA,CAAa,EAAE,GAAG,KAAA,EAAM,EAAsB;AACrD,EAAA,uBAAO,GAAA,CAAC,SAAA,EAAA,EAAU,WAAA,EAAU,eAAA,EAAiB,GAAG,KAAA,EAAO,CAAA;AACzD;AAEA,SAAS,gBAAA,CAAiB,EAAE,GAAG,KAAA,EAAM,EAA0B;AAC7D,EAAA,uBAAO,GAAA,CAAC,aAAA,EAAA,EAAc,WAAA,EAAU,mBAAA,EAAqB,GAAG,KAAA,EAAO,CAAA;AACjE;AAEA,SAAS,eAAA,CAAgB,EAAE,GAAG,KAAA,EAAM,EAAyB;AAC3D,EAAA,uBAAO,GAAA,CAAC,YAAA,EAAA,EAAa,WAAA,EAAU,kBAAA,EAAoB,GAAG,KAAA,EAAO,CAAA;AAC/D;AAEA,SAAS,UAAA,CAAW,EAAE,GAAG,KAAA,EAAM,EAAoB;AACjD,EAAA,uBAAO,GAAA,CAAC,OAAA,EAAA,EAAQ,WAAA,EAAU,aAAA,EAAe,GAAG,KAAA,EAAO,CAAA;AACrD;AAEA,SAAS,iBAAA,CAAkB,EAAE,GAAG,KAAA,EAAM,EAA2B;AAC/D,EAAA,uBAAO,GAAA,CAAC,cAAA,EAAA,EAAe,WAAA,EAAU,qBAAA,EAAuB,GAAG,KAAA,EAAO,CAAA;AACpE;AAEA,SAAS,iBAAA,CAAkB,EAAE,GAAG,KAAA,EAAM,EAA2B;AAC/D,EAAA,uBAAO,GAAA,CAAC,cAAA,EAAA,EAAe,WAAA,EAAU,qBAAA,EAAuB,GAAG,KAAA,EAAO,CAAA;AACpE","file":"menubar.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport {\n  Menu,\n  MenuContent,\n  MenuGroup,\n  MenuItem,\n  MenuLabel,\n  MenuPortal,\n  MenuRadioGroup,\n  MenuSeparator,\n  MenuShortcut,\n  MenuSub,\n  MenuSubContent,\n  MenuSubTrigger,\n  MenuTrigger,\n  MenuCheckboxItem,\n  MenuRadioItem,\n} from \"./menu\"\n\nimport { cn } from \"./lib/utils\"\n\ntype MenubarProps = React.ComponentProps<typeof MenubarPrimitive>\ntype MenubarMenuProps = React.ComponentProps<typeof Menu>\ntype MenubarGroupProps = React.ComponentProps<typeof MenuGroup>\ntype MenubarPortalProps = React.ComponentProps<typeof MenuPortal>\ntype MenubarTriggerProps = React.ComponentProps<typeof MenuTrigger>\ntype MenubarContentProps = React.ComponentProps<typeof MenuContent>\ntype MenubarItemProps = React.ComponentProps<typeof MenuItem>\ntype MenubarCheckboxItemProps = React.ComponentProps<typeof MenuCheckboxItem>\ntype MenubarRadioGroupProps = React.ComponentProps<typeof MenuRadioGroup>\ntype MenubarRadioItemProps = React.ComponentProps<typeof MenuRadioItem>\ntype MenubarLabelProps = React.ComponentProps<typeof MenuLabel>\ntype MenubarSeparatorProps = React.ComponentProps<typeof MenuSeparator>\ntype MenubarShortcutProps = React.ComponentProps<typeof MenuShortcut>\ntype MenubarSubProps = React.ComponentProps<typeof MenuSub>\ntype MenubarSubTriggerProps = React.ComponentProps<typeof MenuSubTrigger>\ntype MenubarSubContentProps = React.ComponentProps<typeof MenuSubContent>\n\nfunction Menubar({ className, ...props }: MenubarProps) {\n  return (\n    <MenubarPrimitive\n      data-slot=\"menubar\"\n      className={cn(\n        \"bg-background flex h-8 items-center gap-0.5 rounded-lg border p-[3px]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarMenu({ ...props }: MenubarMenuProps) {\n  return <Menu data-slot=\"menubar-menu\" {...props} />\n}\n\nfunction MenubarGroup({ ...props }: MenubarGroupProps) {\n  return <MenuGroup data-slot=\"menubar-group\" {...props} />\n}\n\nfunction MenubarPortal({ ...props }: MenubarPortalProps) {\n  return <MenuPortal data-slot=\"menubar-portal\" {...props} />\n}\n\nfunction MenubarTrigger({ ...props }: MenubarTriggerProps) {\n  return <MenuTrigger data-slot=\"menubar-trigger\" {...props} />\n}\n\nfunction MenubarContent({\n  align = \"start\",\n  alignOffset = -4,\n  sideOffset = 8,\n  className,\n  ...props\n}: MenubarContentProps) {\n  return (\n    <MenuContent\n      data-slot=\"menubar-content\"\n      className={cn(\"w-auto\", className)}\n      align={align}\n      alignOffset={alignOffset}\n      sideOffset={sideOffset}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarItem({ ...props }: MenubarItemProps) {\n  return <MenuItem data-slot=\"menubar-item\" {...props} />\n}\n\nfunction MenubarCheckboxItem({ ...props }: MenubarCheckboxItemProps) {\n  return <MenuCheckboxItem data-slot=\"menubar-checkbox-item\" {...props} />\n}\n\nfunction MenubarRadioGroup({ ...props }: MenubarRadioGroupProps) {\n  return <MenuRadioGroup data-slot=\"menubar-radio-group\" {...props} />\n}\n\nfunction MenubarRadioItem({ ...props }: MenubarRadioItemProps) {\n  return <MenuRadioItem data-slot=\"menubar-radio-item\" {...props} />\n}\n\nfunction MenubarLabel({ ...props }: MenubarLabelProps) {\n  return <MenuLabel data-slot=\"menubar-label\" {...props} />\n}\n\nfunction MenubarSeparator({ ...props }: MenubarSeparatorProps) {\n  return <MenuSeparator data-slot=\"menubar-separator\" {...props} />\n}\n\nfunction MenubarShortcut({ ...props }: MenubarShortcutProps) {\n  return <MenuShortcut data-slot=\"menubar-shortcut\" {...props} />\n}\n\nfunction MenubarSub({ ...props }: MenubarSubProps) {\n  return <MenuSub data-slot=\"menubar-sub\" {...props} />\n}\n\nfunction MenubarSubTrigger({ ...props }: MenubarSubTriggerProps) {\n  return <MenuSubTrigger data-slot=\"menubar-sub-trigger\" {...props} />\n}\n\nfunction MenubarSubContent({ ...props }: MenubarSubContentProps) {\n  return <MenuSubContent data-slot=\"menubar-sub-content\" {...props} />\n}\n\nexport {\n  Menubar,\n  MenubarPortal,\n  MenubarMenu,\n  MenubarTrigger,\n  MenubarContent,\n  MenubarGroup,\n  MenubarSeparator,\n  MenubarLabel,\n  MenubarItem,\n  MenubarShortcut,\n  MenubarCheckboxItem,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSub,\n  MenubarSubTrigger,\n  MenubarSubContent,\n}\n"]}

package/dist/pagination.d.ts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Button } from './button.js';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+import 'class-variance-authority';
+
+type PaginationProps = React.ComponentProps<"nav">;
+type PaginationContentProps = React.ComponentProps<"ul">;
+type PaginationItemProps = React.ComponentProps<"li">;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
+type PaginationPreviousProps = PaginationLinkProps & {
+    text?: string;
+};
+type PaginationNextProps = PaginationLinkProps & {
+    text?: string;
+};
+type PaginationEllipsisProps = React.ComponentProps<"span">;
+declare function Pagination({ className, ...props }: PaginationProps): react_jsx_runtime.JSX.Element;
+declare function PaginationContent({ className, ...props }: PaginationContentProps): react_jsx_runtime.JSX.Element;
+declare function PaginationItem(props: PaginationItemProps): react_jsx_runtime.JSX.Element;
+declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+declare function PaginationPrevious({ className, text, ...props }: PaginationPreviousProps): react_jsx_runtime.JSX.Element;
+declare function PaginationNext({ className, text, ...props }: PaginationNextProps): react_jsx_runtime.JSX.Element;
+declare function PaginationEllipsis({ className, ...props }: PaginationEllipsisProps): react_jsx_runtime.JSX.Element;
+
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/pagination.js

@@ -0,0 +1,120 @@
+import { Button } from './chunk-OUFYQLVN.js';
+import { ChevronLeftIcon, ChevronRightIcon, EllipsisIcon } from './chunk-WJDWQFO3.js';
+import { cn } from './chunk-76UQO56T.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Pagination({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: cn(
+        "mx-auto flex w-full justify-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PaginationContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      className: cn(
+        "flex items-center gap-0.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PaginationItem(props) {
+  return /* @__PURE__ */ jsx("li", { "data-slot": "pagination-item", ...props });
+}
+function PaginationLink({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: isActive ? "outline" : "ghost",
+      size,
+      className,
+      render: /* @__PURE__ */ jsx(
+        "a",
+        {
+          "aria-current": isActive ? "page" : void 0,
+          "data-slot": "pagination-link",
+          "data-active": isActive || void 0,
+          ...props
+        }
+      )
+    }
+  );
+}
+function PaginationPrevious({
+  className,
+  text = "Previous",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    PaginationLink,
+    {
+      "aria-label": "Go to previous page",
+      size: "default",
+      className: cn("pl-1.5!", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ChevronLeftIcon, { "data-icon": "inline-start" }),
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:block", children: text })
+      ]
+    }
+  );
+}
+function PaginationNext({
+  className,
+  text = "Next",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    PaginationLink,
+    {
+      "aria-label": "Go to next page",
+      size: "default",
+      className: cn("pr-1.5!", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:block", children: text }),
+        /* @__PURE__ */ jsx(ChevronRightIcon, { "data-icon": "inline-end" })
+      ]
+    }
+  );
+}
+function PaginationEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "aria-hidden": true,
+      "data-slot": "pagination-ellipsis",
+      className: cn(
+        "flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(EllipsisIcon, {}),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
+//# sourceMappingURL=pagination.js.map
+//# sourceMappingURL=pagination.js.map

package/dist/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pagination.tsx"],"names":[],"mappings":"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","file":"pagination.js","sourcesContent":["import * as React from \"react\"\n\nimport { Button } from \"./button\"\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  EllipsisIcon,\n} from \"./lib/internal-icons\"\n\nimport { cn } from \"./lib/utils\"\n\ntype PaginationProps = React.ComponentProps<\"nav\">\n\ntype PaginationContentProps = React.ComponentProps<\"ul\">\n\ntype PaginationItemProps = React.ComponentProps<\"li\">\n\ntype PaginationLinkProps = {\n  isActive?: boolean\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n  React.ComponentProps<\"a\">\n\ntype PaginationPreviousProps = PaginationLinkProps & {\n  text?: string\n}\n\ntype PaginationNextProps = PaginationLinkProps & {\n  text?: string\n}\n\ntype PaginationEllipsisProps = React.ComponentProps<\"span\">\n\nfunction Pagination({ className, ...props }: PaginationProps) {\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(\n        \"mx-auto flex w-full justify-center\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction PaginationContent({ className, ...props }: PaginationContentProps) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn(\n        \"flex items-center gap-0.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction PaginationItem(props: PaginationItemProps) {\n  return <li data-slot=\"pagination-item\" {...props} />\n}\n\nfunction PaginationLink({\n  className,\n  isActive,\n  size = \"icon\",\n  ...props\n}: PaginationLinkProps) {\n  return (\n    <Button\n      variant={isActive ? \"outline\" : \"ghost\"}\n      size={size}\n      className={className}\n      render={\n        <a\n          aria-current={isActive ? \"page\" : undefined}\n          data-slot=\"pagination-link\"\n          data-active={isActive || undefined}\n          {...props}\n        />\n      }\n    />\n  )\n}\n\nfunction PaginationPrevious({\n  className,\n  text = \"Previous\",\n  ...props\n}: PaginationPreviousProps) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"default\"\n      className={cn(\"pl-1.5!\", className)}\n      {...props}\n    >\n      <ChevronLeftIcon data-icon=\"inline-start\" />\n      <span className=\"hidden sm:block\">{text}</span>\n    </PaginationLink>\n  )\n}\n\nfunction PaginationNext({\n  className,\n  text = \"Next\",\n  ...props\n}: PaginationNextProps) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"default\"\n      className={cn(\"pr-1.5!\", className)}\n      {...props}\n    >\n      <span className=\"hidden sm:block\">{text}</span>\n      <ChevronRightIcon data-icon=\"inline-end\" />\n    </PaginationLink>\n  )\n}\n\nfunction PaginationEllipsis({ className, ...props }: PaginationEllipsisProps) {\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      className={cn(\n        \"flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <EllipsisIcon />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  )\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n}\n"]}