@arolariu/components 0.0.11 → 0.0.13

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

@@ -2,53 +2,234 @@ import { jsx as a, jsxs as d } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-menubar";
 import { CheckIcon as i, CircleIcon as l, ChevronRightIcon as c } from "lucide-react";
 import { cn as s } from "../../lib/utils.js";
-function g({ className: t, ...e }) {
-  return a(r.Root, { "data-slot": "menubar", className: s("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), ...e });
-}
-function x({ ...t }) {
-  return a(r.Menu, { "data-slot": "menubar-menu", ...t });
-}
-function v({ ...t }) {
-  return a(r.Group, { "data-slot": "menubar-group", ...t });
-}
-function m({ ...t }) {
-  return a(r.Portal, { "data-slot": "menubar-portal", ...t });
-}
-function k({ ...t }) {
-  return a(r.RadioGroup, { "data-slot": "menubar-radio-group", ...t });
-}
-function h({ className: t, ...e }) {
-  return a(r.Trigger, { "data-slot": "menubar-trigger", className: s("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), ...e });
-}
-function M({ className: t, align: e = "start", alignOffset: n = -4, sideOffset: o = 8, ...u }) {
-  return a(m, { children: a(r.Content, { "data-slot": "menubar-content", align: e, alignOffset: n, sideOffset: o, className: s("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), ...u }) });
-}
-function z({ className: t, inset: e, variant: n = "default", ...o }) {
-  return a(r.Item, { "data-slot": "menubar-item", "data-inset": e, "data-variant": n, className: s("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), ...o });
-}
-function N({ className: t, children: e, checked: n, ...o }) {
-  return d(r.CheckboxItem, { "data-slot": "menubar-checkbox-item", className: s("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: n, ...o, children: [a("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: a(r.ItemIndicator, { children: a(i, { className: "size-4" }) }) }), e] });
-}
-function I({ className: t, children: e, ...n }) {
-  return d(r.RadioItem, { "data-slot": "menubar-radio-item", className: s("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), ...n, children: [a("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: a(r.ItemIndicator, { children: a(l, { className: "size-2 fill-current" }) }) }), e] });
-}
-function w({ className: t, inset: e, ...n }) {
-  return a(r.Label, { "data-slot": "menubar-label", "data-inset": e, className: s("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", t), ...n });
-}
-function y({ className: t, ...e }) {
-  return a(r.Separator, { "data-slot": "menubar-separator", className: s("bg-neutral-200 -mx-1 my-1 h-px dark:bg-neutral-800", t), ...e });
-}
-function _({ className: t, ...e }) {
-  return a("span", { "data-slot": "menubar-shortcut", className: s("text-neutral-500 ml-auto text-xs tracking-widest dark:text-neutral-400", t), ...e });
-}
-function C({ ...t }) {
-  return a(r.Sub, { "data-slot": "menubar-sub", ...t });
-}
-function S({ className: t, inset: e, children: n, ...o }) {
-  return d(r.SubTrigger, { "data-slot": "menubar-sub-trigger", "data-inset": e, className: s("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), ...o, children: [n, a(c, { className: "ml-auto h-4 w-4" })] });
-}
-function R({ className: t, ...e }) {
-  return a(r.SubContent, { "data-slot": "menubar-sub-content", className: s("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), ...e });
+function g({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    r.Root,
+    {
+      "data-slot": "menubar",
+      className: s(
+        "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
+      ),
+      ...e
+    }
+  );
+}
+function x({
+  ...t
+}) {
+  return /* @__PURE__ */ a(r.Menu, { "data-slot": "menubar-menu", ...t });
+}
+function v({
+  ...t
+}) {
+  return /* @__PURE__ */ a(r.Group, { "data-slot": "menubar-group", ...t });
+}
+function m({
+  ...t
+}) {
+  return /* @__PURE__ */ a(r.Portal, { "data-slot": "menubar-portal", ...t });
+}
+function k({
+  ...t
+}) {
+  return /* @__PURE__ */ a(r.RadioGroup, { "data-slot": "menubar-radio-group", ...t });
+}
+function h({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    r.Trigger,
+    {
+      "data-slot": "menubar-trigger",
+      className: s(
+        "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
+      ),
+      ...e
+    }
+  );
+}
+function M({
+  className: t,
+  align: e = "start",
+  alignOffset: n = -4,
+  sideOffset: o = 8,
+  ...u
+}) {
+  return /* @__PURE__ */ a(m, { children: /* @__PURE__ */ a(
+    r.Content,
+    {
+      "data-slot": "menubar-content",
+      align: e,
+      alignOffset: n,
+      sideOffset: o,
+      className: s(
+        "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
+      ),
+      ...u
+    }
+  ) });
+}
+function z({
+  className: t,
+  inset: e,
+  variant: n = "default",
+  ...o
+}) {
+  return /* @__PURE__ */ a(
+    r.Item,
+    {
+      "data-slot": "menubar-item",
+      "data-inset": e,
+      "data-variant": n,
+      className: s(
+        "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
+      ),
+      ...o
+    }
+  );
+}
+function N({
+  className: t,
+  children: e,
+  checked: n,
+  ...o
+}) {
+  return /* @__PURE__ */ d(
+    r.CheckboxItem,
+    {
+      "data-slot": "menubar-checkbox-item",
+      className: s(
+        "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: n,
+      ...o,
+      children: [
+        /* @__PURE__ */ a("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(r.ItemIndicator, { children: /* @__PURE__ */ a(i, { className: "size-4" }) }) }),
+        e
+      ]
+    }
+  );
+}
+function I({
+  className: t,
+  children: e,
+  ...n
+}) {
+  return /* @__PURE__ */ d(
+    r.RadioItem,
+    {
+      "data-slot": "menubar-radio-item",
+      className: s(
+        "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
+      ),
+      ...n,
+      children: [
+        /* @__PURE__ */ a("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(r.ItemIndicator, { children: /* @__PURE__ */ a(l, { className: "size-2 fill-current" }) }) }),
+        e
+      ]
+    }
+  );
+}
+function w({
+  className: t,
+  inset: e,
+  ...n
+}) {
+  return /* @__PURE__ */ a(
+    r.Label,
+    {
+      "data-slot": "menubar-label",
+      "data-inset": e,
+      className: s(
+        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        t
+      ),
+      ...n
+    }
+  );
+}
+function y({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    r.Separator,
+    {
+      "data-slot": "menubar-separator",
+      className: s("bg-neutral-200 -mx-1 my-1 h-px dark:bg-neutral-800", t),
+      ...e
+    }
+  );
+}
+function _({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      "data-slot": "menubar-shortcut",
+      className: s(
+        "text-neutral-500 ml-auto text-xs tracking-widest dark:text-neutral-400",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function C({
+  ...t
+}) {
+  return /* @__PURE__ */ a(r.Sub, { "data-slot": "menubar-sub", ...t });
+}
+function S({
+  className: t,
+  inset: e,
+  children: n,
+  ...o
+}) {
+  return /* @__PURE__ */ d(
+    r.SubTrigger,
+    {
+      "data-slot": "menubar-sub-trigger",
+      "data-inset": e,
+      className: s(
+        "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
+      ),
+      ...o,
+      children: [
+        n,
+        /* @__PURE__ */ a(c, { className: "ml-auto h-4 w-4" })
+      ]
+    }
+  );
+}
+function R({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    r.SubContent,
+    {
+      "data-slot": "menubar-sub-content",
+      className: s(
+        "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
+      ),
+      ...e
+    }
+  );
 }
 export {
   g as Menubar,

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

@@ -3,30 +3,159 @@ import * as o from "@radix-ui/react-navigation-menu";
 import { cva as d } from "class-variance-authority";
 import { ChevronDownIcon as l } from "lucide-react";
 import { cn as n } from "../../lib/utils.js";
-function c({ className: t, children: a, viewport: i = !0, ...u }) {
-  return r(o.Root, { "data-slot": "navigation-menu", "data-viewport": i, className: n("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", t), ...u, children: [a, i && e(g, {})] });
+function c({
+  className: t,
+  children: a,
+  viewport: i = !0,
+  ...u
+}) {
+  return /* @__PURE__ */ r(
+    o.Root,
+    {
+      "data-slot": "navigation-menu",
+      "data-viewport": i,
+      className: n(
+        "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
+        t
+      ),
+      ...u,
+      children: [
+        a,
+        i && /* @__PURE__ */ e(g, {})
+      ]
+    }
+  );
 }
-function x({ className: t, ...a }) {
-  return e(o.List, { "data-slot": "navigation-menu-list", className: n("group flex flex-1 list-none items-center justify-center gap-1", t), ...a });
+function x({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.List,
+    {
+      "data-slot": "navigation-menu-list",
+      className: n(
+        "group flex flex-1 list-none items-center justify-center gap-1",
+        t
+      ),
+      ...a
+    }
+  );
 }
-function w({ className: t, ...a }) {
-  return e(o.Item, { "data-slot": "navigation-menu-item", className: n("relative", t), ...a });
+function w({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Item,
+    {
+      "data-slot": "navigation-menu-item",
+      className: n("relative", t),
+      ...a
+    }
+  );
 }
-const s = d("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 b({ className: t, children: a, ...i }) {
-  return r(o.Trigger, { "data-slot": "navigation-menu-trigger", className: n(s(), "group", t), ...i, children: [a, "", e(l, { className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180", "aria-hidden": "true" })] });
+const s = d(
+  "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 b({
+  className: t,
+  children: a,
+  ...i
+}) {
+  return /* @__PURE__ */ r(
+    o.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: n(s(), "group", t),
+      ...i,
+      children: [
+        a,
+        "",
+        /* @__PURE__ */ e(
+          l,
+          {
+            className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
 }
-function h({ className: t, ...a }) {
-  return e(o.Content, { "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 h({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Content,
+    {
+      "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 g({ className: t, ...a }) {
-  return e("div", { className: n("absolute top-full left-0 isolate z-50 flex justify-center"), children: e(o.Viewport, { "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 g({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: n(
+        "absolute top-full left-0 isolate z-50 flex justify-center"
+      ),
+      children: /* @__PURE__ */ e(
+        o.Viewport,
+        {
+          "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 k({ className: t, ...a }) {
-  return e(o.Link, { "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 k({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Link,
+    {
+      "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 N({ className: t, ...a }) {
-  return e(o.Indicator, { "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: e("div", { className: "bg-neutral-200 relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md dark:bg-neutral-800" }) });
+function N({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Indicator,
+    {
+      "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("div", { className: "bg-neutral-200 relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md dark:bg-neutral-800" })
+    }
+  );
 }
 export {
   c as NavigationMenu,

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

@@ -3,28 +3,109 @@ import { ChevronLeftIcon as l, ChevronRightIcon as c, MoreHorizontalIcon as p }
 import { cn as t } from "../../lib/utils.js";
 import { buttonVariants as u } from "./button.js";
 function h({ className: a, ...n }) {
-  return i("nav", { role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: t("mx-auto flex w-full justify-center", a), ...n });
+  return /* @__PURE__ */ i(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: t("mx-auto flex w-full justify-center", a),
+      ...n
+    }
+  );
 }
-function x({ className: a, ...n }) {
-  return i("ul", { "data-slot": "pagination-content", className: t("flex flex-row items-center gap-1", a), ...n });
+function x({
+  className: a,
+  ...n
+}) {
+  return /* @__PURE__ */ i(
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      className: t("flex flex-row items-center gap-1", a),
+      ...n
+    }
+  );
 }
 function N({ ...a }) {
-  return i("li", { "data-slot": "pagination-item", ...a });
+  return /* @__PURE__ */ i("li", { "data-slot": "pagination-item", ...a });
 }
-function o({ className: a, isActive: n, size: r = "icon", ...s }) {
-  return i("a", { "aria-current": n ? "page" : void 0, "data-slot": "pagination-link", "data-active": n, className: t(u({
-    variant: n ? "outline" : "ghost",
-    size: r
-  }), a), ...s });
+function o({
+  className: a,
+  isActive: n,
+  size: r = "icon",
+  ...s
+}) {
+  return /* @__PURE__ */ i(
+    "a",
+    {
+      "aria-current": n ? "page" : void 0,
+      "data-slot": "pagination-link",
+      "data-active": n,
+      className: t(
+        u({
+          variant: n ? "outline" : "ghost",
+          size: r
+        }),
+        a
+      ),
+      ...s
+    }
+  );
 }
-function P({ className: a, ...n }) {
-  return e(o, { "aria-label": "Go to previous page", size: "default", className: t("gap-1 px-2.5 sm:pl-2.5", a), ...n, children: [i(l, {}), i("span", { className: "hidden sm:block", children: "Previous" })] });
+function P({
+  className: a,
+  ...n
+}) {
+  return /* @__PURE__ */ e(
+    o,
+    {
+      "aria-label": "Go to previous page",
+      size: "default",
+      className: t("gap-1 px-2.5 sm:pl-2.5", a),
+      ...n,
+      children: [
+        /* @__PURE__ */ i(l, {}),
+        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: "Previous" })
+      ]
+    }
+  );
 }
-function v({ className: a, ...n }) {
-  return e(o, { "aria-label": "Go to next page", size: "default", className: t("gap-1 px-2.5 sm:pr-2.5", a), ...n, children: [i("span", { className: "hidden sm:block", children: "Next" }), i(c, {})] });
+function v({
+  className: a,
+  ...n
+}) {
+  return /* @__PURE__ */ e(
+    o,
+    {
+      "aria-label": "Go to next page",
+      size: "default",
+      className: t("gap-1 px-2.5 sm:pr-2.5", a),
+      ...n,
+      children: [
+        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ i(c, {})
+      ]
+    }
+  );
 }
-function b({ className: a, ...n }) {
-  return e("span", { "aria-hidden": !0, "data-slot": "pagination-ellipsis", className: t("flex size-9 items-center justify-center", a), ...n, children: [i(p, { className: "size-4" }), i("span", { className: "sr-only", children: "More pages" })] });
+function b({
+  className: a,
+  ...n
+}) {
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      "aria-hidden": !0,
+      "data-slot": "pagination-ellipsis",
+      className: t("flex size-9 items-center justify-center", a),
+      ...n,
+      children: [
+        /* @__PURE__ */ i(p, { className: "size-4" }),
+        /* @__PURE__ */ i("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
 }
 export {
   h as Pagination,

package/dist/es/components/ui/popover.js

@@ -1,21 +1,44 @@
 import { jsx as o } from "react/jsx-runtime";
 import * as e from "@radix-ui/react-popover";
 import { cn as d } from "../../lib/utils.js";
-function l({ ...t }) {
-  return o(e.Root, { "data-slot": "popover", ...t });
+function p({
+  ...t
+}) {
+  return /* @__PURE__ */ o(e.Root, { "data-slot": "popover", ...t });
 }
-function p({ ...t }) {
-  return o(e.Trigger, { "data-slot": "popover-trigger", ...t });
+function l({
+  ...t
+}) {
+  return /* @__PURE__ */ o(e.Trigger, { "data-slot": "popover-trigger", ...t });
 }
-function m({ className: t, align: r = "center", sideOffset: a = 4, ...n }) {
-  return o(e.Portal, { children: o(e.Content, { "data-slot": "popover-content", align: r, sideOffset: a, className: d("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 w-72 rounded-md border border-neutral-200 p-4 shadow-md outline-hidden dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800", t), ...n }) });
+function m({
+  className: t,
+  align: r = "center",
+  sideOffset: a = 4,
+  ...n
+}) {
+  return /* @__PURE__ */ o(e.Portal, { children: /* @__PURE__ */ o(
+    e.Content,
+    {
+      "data-slot": "popover-content",
+      align: r,
+      sideOffset: a,
+      className: d(
+        "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 w-72 rounded-md border border-neutral-200 p-4 shadow-md outline-hidden dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800",
+        t
+      ),
+      ...n
+    }
+  ) });
 }
-function u({ ...t }) {
-  return o(e.Anchor, { "data-slot": "popover-anchor", ...t });
+function u({
+  ...t
+}) {
+  return /* @__PURE__ */ o(e.Anchor, { "data-slot": "popover-anchor", ...t });
 }
 export {
-  l as Popover,
+  p as Popover,
   u as PopoverAnchor,
   m as PopoverContent,
-  p as PopoverTrigger
+  l as PopoverTrigger
 };