@arolariu/components 0.0.23 → 0.0.26

package/dist/esm/components/ui/input.js

@@ -0,0 +1,23 @@
+"use client";
+import { j as a } from "../../_virtual/jsx-runtime.js";
+import { cn as t } from "../../lib/utils.js";
+function d({ className: e, type: r, ...i }) {
+  return /* @__PURE__ */ a.jsx(
+    "input",
+    {
+      type: r,
+      "data-slot": "input",
+      className: t(
+        "border-neutral-200 file:text-neutral-950 placeholder:text-neutral-500 selection:bg-neutral-900 selection:text-neutral-50 flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:border-neutral-800 dark:file:text-neutral-50 dark:placeholder:text-neutral-400 dark:selection:bg-neutral-50 dark:selection:text-neutral-900",
+        "focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px] dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50",
+        "aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900",
+        e
+      ),
+      ...i
+    }
+  );
+}
+export {
+  d as Input
+};
+//# sourceMappingURL=input.js.map

package/dist/esm/components/ui/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sources":["../../../../src/components/ui/input.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"border-neutral-200 file:text-neutral-950 placeholder:text-neutral-500 selection:bg-neutral-900 selection:text-neutral-50 flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:border-neutral-800 dark:file:text-neutral-50 dark:placeholder:text-neutral-400 dark:selection:bg-neutral-50 dark:selection:text-neutral-900\",\n        \"focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px] dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50\",\n        \"aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n"],"names":["Input","className","type","props","jsx","cn"],"mappings":";;;AAMA,SAASA,EAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,KAAwC;AAEzE,SAAAC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAF;AAAA,MACA,aAAU;AAAA,MACV,WAAWG;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGE;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/esm/components/ui/label.js

@@ -0,0 +1,24 @@
+"use client";
+import { j as o } from "../../_virtual/jsx-runtime.js";
+import { Root as a } from "../../node_modules/@radix-ui/react-label/dist/index.js";
+import { cn as r } from "../../lib/utils.js";
+function l({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ o.jsx(
+    a,
+    {
+      "data-slot": "label",
+      className: r(
+        "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",
+        e
+      ),
+      ...t
+    }
+  );
+}
+export {
+  l as Label
+};
+//# sourceMappingURL=label.js.map

package/dist/esm/components/ui/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sources":["../../../../src/components/ui/label.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"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\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n"],"names":["Label","className","props","jsx","LabelPrimitive.Root","cn"],"mappings":";;;;AAOA,SAASA,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,GAAGC;AACL,GAAqD;AAEjD,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/esm/components/ui/menubar.js

@@ -0,0 +1,255 @@
+"use client";
+import { j as e } from "../../_virtual/jsx-runtime.js";
+import { Root as u, Portal as i, Menu as l, Trigger as c, Content as m, Group as b, Separator as f, Label as x, Item as p, CheckboxItem as g, ItemIndicator as o, RadioGroup as v, RadioItem as k, Sub as h, SubTrigger as j, SubContent as M } from "../../node_modules/@radix-ui/react-menubar/dist/index.js";
+import { cn as n } from "../../lib/utils.js";
+import z from "../../node_modules/lucide-react/dist/esm/icons/check.js";
+import N from "../../node_modules/lucide-react/dist/esm/icons/circle.js";
+import I from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+function T({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    u,
+    {
+      "data-slot": "menubar",
+      className: n(
+        "bg-white flex h-9 items-center gap-1 rounded-md border border-neutral-200 p-1 shadow-xs dark:bg-neutral-950 dark:border-neutral-800",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function L({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(l, { "data-slot": "menubar-menu", ...t });
+}
+function P({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(b, { "data-slot": "menubar-group", ...t });
+}
+function S({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(i, { "data-slot": "menubar-portal", ...t });
+}
+function E({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(v, { "data-slot": "menubar-radio-group", ...t });
+}
+function q({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    c,
+    {
+      "data-slot": "menubar-trigger",
+      className: n(
+        "focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function A({
+  className: t,
+  align: a = "start",
+  alignOffset: r = -4,
+  sideOffset: s = 8,
+  ...d
+}) {
+  return /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(
+    m,
+    {
+      "data-slot": "menubar-content",
+      align: a,
+      alignOffset: r,
+      sideOffset: s,
+      className: n(
+        "bg-white text-neutral-950 data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 z-50 min-w-[12rem] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-md dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800",
+        t
+      ),
+      ...d
+    }
+  ) });
+}
+function B({
+  className: t,
+  inset: a,
+  variant: r = "default",
+  ...s
+}) {
+  return /* @__PURE__ */ e.jsx(
+    p,
+    {
+      "data-slot": "menubar-item",
+      "data-inset": a,
+      "data-variant": r,
+      className: n(
+        "focus:bg-neutral-100 focus:text-neutral-900 data-[variant=destructive]:text-neutral-50 data-[variant=destructive]:focus:bg-red-500/10 dark:data-[variant=destructive]:focus:bg-red-500/40 data-[variant=destructive]:focus:text-neutral-50 data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-neutral-500 relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[variant=destructive]:text-neutral-50 dark:data-[variant=destructive]:focus:bg-red-900/10 dark:dark:data-[variant=destructive]:focus:bg-red-900/40 dark:data-[variant=destructive]:focus:text-neutral-50 dark:[&_svg:not([class*='text-'])]:text-neutral-400",
+        t
+      ),
+      ...s
+    }
+  );
+}
+function D({
+  className: t,
+  children: a,
+  checked: r,
+  ...s
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    g,
+    {
+      "data-slot": "menubar-checkbox-item",
+      className: n(
+        "focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50",
+        t
+      ),
+      checked: r,
+      ...s,
+      children: [
+        /* @__PURE__ */ e.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(o, { children: /* @__PURE__ */ e.jsx(z, { className: "size-4" }) }) }),
+        a
+      ]
+    }
+  );
+}
+function F({
+  className: t,
+  children: a,
+  ...r
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    k,
+    {
+      "data-slot": "menubar-radio-item",
+      className: n(
+        "focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50",
+        t
+      ),
+      ...r,
+      children: [
+        /* @__PURE__ */ e.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(o, { children: /* @__PURE__ */ e.jsx(N, { className: "size-2 fill-current" }) }) }),
+        a
+      ]
+    }
+  );
+}
+function H({
+  className: t,
+  inset: a,
+  ...r
+}) {
+  return /* @__PURE__ */ e.jsx(
+    x,
+    {
+      "data-slot": "menubar-label",
+      "data-inset": a,
+      className: n(
+        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function J({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    f,
+    {
+      "data-slot": "menubar-separator",
+      className: n("bg-neutral-200 -mx-1 my-1 h-px dark:bg-neutral-800", t),
+      ...a
+    }
+  );
+}
+function K({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    "span",
+    {
+      "data-slot": "menubar-shortcut",
+      className: n(
+        "text-neutral-500 ml-auto text-xs tracking-widest dark:text-neutral-400",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function O({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(h, { "data-slot": "menubar-sub", ...t });
+}
+function Q({
+  className: t,
+  inset: a,
+  children: r,
+  ...s
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    j,
+    {
+      "data-slot": "menubar-sub-trigger",
+      "data-inset": a,
+      className: n(
+        "focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50",
+        t
+      ),
+      ...s,
+      children: [
+        r,
+        /* @__PURE__ */ e.jsx(I, { className: "ml-auto h-4 w-4" })
+      ]
+    }
+  );
+}
+function U({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    M,
+    {
+      "data-slot": "menubar-sub-content",
+      className: n(
+        "bg-white text-neutral-950 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 z-50 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-lg dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800",
+        t
+      ),
+      ...a
+    }
+  );
+}
+export {
+  T as Menubar,
+  D as MenubarCheckboxItem,
+  A as MenubarContent,
+  P as MenubarGroup,
+  B as MenubarItem,
+  H as MenubarLabel,
+  L as MenubarMenu,
+  S as MenubarPortal,
+  E as MenubarRadioGroup,
+  F as MenubarRadioItem,
+  J as MenubarSeparator,
+  K as MenubarShortcut,
+  O as MenubarSub,
+  U as MenubarSubContent,
+  Q as MenubarSubTrigger,
+  q as MenubarTrigger
+};
+//# sourceMappingURL=menubar.js.map

package/dist/esm/components/ui/menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.js","sources":["../../../../src/components/ui/menubar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Menubar({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n  return (\n    <MenubarPrimitive.Root\n      data-slot=\"menubar\"\n      className={cn(\n        \"bg-white flex h-9 items-center gap-1 rounded-md border border-neutral-200 p-1 shadow-xs dark:bg-neutral-950 dark:border-neutral-800\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarMenu({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n  return <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />\n}\n\nfunction MenubarGroup({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n  return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />\n}\n\nfunction MenubarPortal({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\n  return <MenubarPrimitive.Portal data-slot=\"menubar-portal\" {...props} />\n}\n\nfunction MenubarRadioGroup({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n  return (\n    <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />\n  )\n}\n\nfunction MenubarTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\n  return (\n    <MenubarPrimitive.Trigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        \"focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarContent({\n  className,\n  align = \"start\",\n  alignOffset = -4,\n  sideOffset = 8,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Content>) {\n  return (\n    <MenubarPortal>\n      <MenubarPrimitive.Content\n        data-slot=\"menubar-content\"\n        align={align}\n        alignOffset={alignOffset}\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-white text-neutral-950 data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 z-50 min-w-[12rem] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-md dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800\",\n          className\n        )}\n        {...props}\n      />\n    </MenubarPortal>\n  )\n}\n\nfunction MenubarItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\n  inset?: boolean\n  variant?: \"default\" | \"destructive\"\n}) {\n  return (\n    <MenubarPrimitive.Item\n      data-slot=\"menubar-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-neutral-100 focus:text-neutral-900 data-[variant=destructive]:text-neutral-50 data-[variant=destructive]:focus:bg-red-500/10 dark:data-[variant=destructive]:focus:bg-red-500/40 data-[variant=destructive]:focus:text-neutral-50 data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-neutral-500 relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[variant=destructive]:text-neutral-50 dark:data-[variant=destructive]:focus:bg-red-900/10 dark:dark:data-[variant=destructive]:focus:bg-red-900/40 dark:data-[variant=destructive]:focus:text-neutral-50 dark:[&_svg:not([class*='text-'])]:text-neutral-400\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {\n  return (\n    <MenubarPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      className={cn(\n        \"focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.CheckboxItem>\n  )\n}\n\nfunction MenubarRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {\n  return (\n    <MenubarPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      className={cn(\n        \"focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.RadioItem>\n  )\n}\n\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & {\n  inset?: boolean\n}) {\n  return (\n    <MenubarPrimitive.Label\n      data-slot=\"menubar-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\n  return (\n    <MenubarPrimitive.Separator\n      data-slot=\"menubar-separator\"\n      className={cn(\"bg-neutral-200 -mx-1 my-1 h-px dark:bg-neutral-800\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"menubar-shortcut\"\n      className={cn(\n        \"text-neutral-500 ml-auto text-xs tracking-widest dark:text-neutral-400\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSub({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n  return <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />\n}\n\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <MenubarPrimitive.SubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto h-4 w-4\" />\n    </MenubarPrimitive.SubTrigger>\n  )\n}\n\nfunction MenubarSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\n  return (\n    <MenubarPrimitive.SubContent\n      data-slot=\"menubar-sub-content\"\n      className={cn(\n        \"bg-white text-neutral-950 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 z-50 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-lg dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800\",\n        className\n      )}\n      {...props}\n    />\n  )\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"],"names":["Menubar","className","props","jsx","MenubarPrimitive.Root","cn","MenubarMenu","MenubarPrimitive.Menu","MenubarGroup","MenubarPrimitive.Group","MenubarPortal","MenubarPrimitive.Portal","MenubarRadioGroup","MenubarPrimitive.RadioGroup","MenubarTrigger","MenubarPrimitive.Trigger","MenubarContent","align","alignOffset","sideOffset","MenubarPrimitive.Content","MenubarItem","inset","variant","MenubarPrimitive.Item","MenubarCheckboxItem","children","checked","jsxs","MenubarPrimitive.CheckboxItem","MenubarPrimitive.ItemIndicator","CheckIcon","MenubarRadioItem","MenubarPrimitive.RadioItem","CircleIcon","MenubarLabel","MenubarPrimitive.Label","MenubarSeparator","MenubarPrimitive.Separator","MenubarShortcut","MenubarSub","MenubarPrimitive.Sub","MenubarSubTrigger","MenubarPrimitive.SubTrigger","ChevronRightIcon","MenubarSubContent","MenubarPrimitive.SubContent"],"mappings":"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"}

package/dist/esm/components/ui/navigation-menu.js

@@ -0,0 +1,172 @@
+"use client";
+import { j as e } from "../../_virtual/jsx-runtime.js";
+import { Root as r, List as u, Item as d, Content as l, Trigger as s, Link as g, Indicator as m, Viewport as v } from "../../node_modules/@radix-ui/react-navigation-menu/dist/index.js";
+import { cva as f } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn as n } from "../../lib/utils.js";
+import p from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
+function N({
+  className: t,
+  children: a,
+  viewport: o = !0,
+  ...i
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    r,
+    {
+      "data-slot": "navigation-menu",
+      "data-viewport": o,
+      className: n(
+        "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
+        t
+      ),
+      ...i,
+      children: [
+        a,
+        o && /* @__PURE__ */ e.jsx(x, {})
+      ]
+    }
+  );
+}
+function z({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    u,
+    {
+      "data-slot": "navigation-menu-list",
+      className: n(
+        "group flex flex-1 list-none items-center justify-center gap-1",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function M({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    d,
+    {
+      "data-slot": "navigation-menu-item",
+      className: n("relative", t),
+      ...a
+    }
+  );
+}
+const c = f(
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-white px-4 py-2 text-sm font-medium hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 disabled:pointer-events-none disabled:opacity-50 data-[active=true]:bg-neutral-100/50 data-[state=open]:bg-neutral-100/50 data-[active=true]:text-neutral-900 ring-neutral-950/10 dark:ring-neutral-950/20 dark:outline-ring/40 outline-ring/50 transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[active=true]:bg-neutral-800/50 dark:data-[state=open]:bg-neutral-800/50 dark:data-[active=true]:text-neutral-50 dark:ring-neutral-300/10 dark:dark:ring-neutral-300/20"
+);
+function y({
+  className: t,
+  children: a,
+  ...o
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    s,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: n(c(), "group", t),
+      ...o,
+      children: [
+        a,
+        "",
+        /* @__PURE__ */ e.jsx(
+          p,
+          {
+            className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+}
+function I({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    l,
+    {
+      "data-slot": "navigation-menu-content",
+      className: n(
+        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto",
+        "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function x({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: n(
+        "absolute top-full left-0 isolate z-50 flex justify-center"
+      ),
+      children: /* @__PURE__ */ e.jsx(
+        v,
+        {
+          "data-slot": "navigation-menu-viewport",
+          className: n(
+            "origin-top-center bg-white text-neutral-950 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-neutral-200 shadow md:w-[var(--radix-navigation-menu-viewport-width)] dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800",
+            t
+          ),
+          ...a
+        }
+      )
+    }
+  );
+}
+function L({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    g,
+    {
+      "data-slot": "navigation-menu-link",
+      className: n(
+        "hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 data-[active=true]:bg-neutral-100/50 data-[active=true]:text-neutral-900 ring-neutral-950/10 dark:ring-neutral-950/20 dark:outline-ring/40 outline-ring/50 [&_svg:not([class*='text-'])]:text-neutral-500 flex flex-col gap-1 rounded-sm p-2 text-sm transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[active=true]:bg-neutral-800/50 dark:data-[active=true]:text-neutral-50 dark:ring-neutral-300/10 dark:dark:ring-neutral-300/20 dark:[&_svg:not([class*='text-'])]:text-neutral-400",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function C({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    m,
+    {
+      "data-slot": "navigation-menu-indicator",
+      className: n(
+        "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
+        t
+      ),
+      ...a,
+      children: /* @__PURE__ */ e.jsx("div", { className: "bg-neutral-200 relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md dark:bg-neutral-800" })
+    }
+  );
+}
+export {
+  N as NavigationMenu,
+  I as NavigationMenuContent,
+  C as NavigationMenuIndicator,
+  M as NavigationMenuItem,
+  L as NavigationMenuLink,
+  z as NavigationMenuList,
+  y as NavigationMenuTrigger,
+  x as NavigationMenuViewport,
+  c as navigationMenuTriggerStyle
+};
+//# sourceMappingURL=navigation-menu.js.map

package/dist/esm/components/ui/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","sources":["../../../../src/components/ui/navigation-menu.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\"\nimport { cva } from \"class-variance-authority\"\nimport { ChevronDownIcon } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction NavigationMenu({\n  className,\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      className={cn(\n        \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  )\n}\n\nfunction NavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(\n        \"group flex flex-1 list-none items-center justify-center gap-1\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn(\"relative\", className)}\n      {...props}\n    />\n  )\n}\n\nconst navigationMenuTriggerStyle = cva(\n  \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-white px-4 py-2 text-sm font-medium hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 disabled:pointer-events-none disabled:opacity-50 data-[active=true]:bg-neutral-100/50 data-[state=open]:bg-neutral-100/50 data-[active=true]:text-neutral-900 ring-neutral-950/10 dark:ring-neutral-950/20 dark:outline-ring/40 outline-ring/50 transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[active=true]:bg-neutral-800/50 dark:data-[state=open]:bg-neutral-800/50 dark:data-[active=true]:text-neutral-50 dark:ring-neutral-300/10 dark:dark:ring-neutral-300/20\"\n)\n\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n      {...props}\n    >\n      {children}{\"\"}\n      <ChevronDownIcon\n        className=\"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n        aria-hidden=\"true\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  )\n}\n\nfunction NavigationMenuContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        \"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto\",\n        \"group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuViewport({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n  return (\n    <div\n      className={cn(\n        \"absolute top-full left-0 isolate z-50 flex justify-center\"\n      )}\n    >\n      <NavigationMenuPrimitive.Viewport\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          \"origin-top-center bg-white text-neutral-950 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-neutral-200 shadow md:w-[var(--radix-navigation-menu-viewport-width)] dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction NavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        \"hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 data-[active=true]:bg-neutral-100/50 data-[active=true]:text-neutral-900 ring-neutral-950/10 dark:ring-neutral-950/20 dark:outline-ring/40 outline-ring/50 [&_svg:not([class*='text-'])]:text-neutral-500 flex flex-col gap-1 rounded-sm p-2 text-sm transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[active=true]:bg-neutral-800/50 dark:data-[active=true]:text-neutral-50 dark:ring-neutral-300/10 dark:dark:ring-neutral-300/20 dark:[&_svg:not([class*='text-'])]:text-neutral-400\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        \"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"bg-neutral-200 relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md dark:bg-neutral-800\" />\n    </NavigationMenuPrimitive.Indicator>\n  )\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuContent,\n  NavigationMenuTrigger,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  navigationMenuTriggerStyle,\n}\n"],"names":["NavigationMenu","className","children","viewport","props","jsxs","NavigationMenuPrimitive.Root","cn","NavigationMenuViewport","NavigationMenuList","jsx","NavigationMenuPrimitive.List","NavigationMenuItem","NavigationMenuPrimitive.Item","navigationMenuTriggerStyle","cva","NavigationMenuTrigger","NavigationMenuPrimitive.Trigger","ChevronDownIcon","NavigationMenuContent","NavigationMenuPrimitive.Content","NavigationMenuPrimitive.Viewport","NavigationMenuLink","NavigationMenuPrimitive.Link","NavigationMenuIndicator","NavigationMenuPrimitive.Indicator"],"mappings":"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"}

package/dist/esm/components/ui/pagination.js

@@ -0,0 +1,122 @@
+"use client";
+import { j as i } from "../../_virtual/jsx-runtime.js";
+import { cn as t } from "../../lib/utils.js";
+import { buttonVariants as r } from "./button.js";
+import l from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
+import c from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import p from "../../node_modules/lucide-react/dist/esm/icons/ellipsis.js";
+function j({ className: a, ...n }) {
+  return /* @__PURE__ */ i.jsx(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: t("mx-auto flex w-full justify-center", a),
+      ...n
+    }
+  );
+}
+function h({
+  className: a,
+  ...n
+}) {
+  return /* @__PURE__ */ i.jsx(
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      className: t("flex flex-row items-center gap-1", a),
+      ...n
+    }
+  );
+}
+function N({ ...a }) {
+  return /* @__PURE__ */ i.jsx("li", { "data-slot": "pagination-item", ...a });
+}
+function e({
+  className: a,
+  isActive: n,
+  size: s = "icon",
+  ...o
+}) {
+  return /* @__PURE__ */ i.jsx(
+    "a",
+    {
+      "aria-current": n ? "page" : void 0,
+      "data-slot": "pagination-link",
+      "data-active": n,
+      className: t(
+        r({
+          variant: n ? "outline" : "ghost",
+          size: s
+        }),
+        a
+      ),
+      ...o
+    }
+  );
+}
+function P({
+  className: a,
+  ...n
+}) {
+  return /* @__PURE__ */ i.jsxs(
+    e,
+    {
+      "aria-label": "Go to previous page",
+      size: "default",
+      className: t("gap-1 px-2.5 sm:pl-2.5", a),
+      ...n,
+      children: [
+        /* @__PURE__ */ i.jsx(l, {}),
+        /* @__PURE__ */ i.jsx("span", { className: "hidden sm:block", children: "Previous" })
+      ]
+    }
+  );
+}
+function v({
+  className: a,
+  ...n
+}) {
+  return /* @__PURE__ */ i.jsxs(
+    e,
+    {
+      "aria-label": "Go to next page",
+      size: "default",
+      className: t("gap-1 px-2.5 sm:pr-2.5", a),
+      ...n,
+      children: [
+        /* @__PURE__ */ i.jsx("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ i.jsx(c, {})
+      ]
+    }
+  );
+}
+function b({
+  className: a,
+  ...n
+}) {
+  return /* @__PURE__ */ i.jsxs(
+    "span",
+    {
+      "aria-hidden": !0,
+      "data-slot": "pagination-ellipsis",
+      className: t("flex size-9 items-center justify-center", a),
+      ...n,
+      children: [
+        /* @__PURE__ */ i.jsx(p, { className: "size-4" }),
+        /* @__PURE__ */ i.jsx("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+export {
+  j as Pagination,
+  h as PaginationContent,
+  b as PaginationEllipsis,
+  N as PaginationItem,
+  e as PaginationLink,
+  v as PaginationNext,
+  P as PaginationPrevious
+};
+//# sourceMappingURL=pagination.js.map