@iclips/ui 1.4.13 → 2.0.0

package/dist/components/ui/layout/resizable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.js","sources":["../../../../src/components/ui/layout/resizable.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { GripVerticalIcon } from \"lucide-react\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\n\nimport { cn } from \"../utils\";\n\nconst ResizablePanelGroup: React.ForwardRefExoticComponent<\n  React.ComponentPropsWithoutRef<typeof ResizablePrimitive.PanelGroup> &\n    React.RefAttributes<React.ElementRef<typeof ResizablePrimitive.PanelGroup>>\n> = React.forwardRef<\n  React.ElementRef<typeof ResizablePrimitive.PanelGroup>,\n  React.ComponentPropsWithoutRef<typeof ResizablePrimitive.PanelGroup>\n>(({ className, ...props }, ref) => (\n  <ResizablePrimitive.PanelGroup\n    ref={ref}\n    data-slot=\"resizable-panel-group\"\n    className={cn(\n      \"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n      className,\n    )}\n    {...props}\n  />\n));\nResizablePanelGroup.displayName = \"ResizablePanelGroup\";\n\nconst ResizablePanel = React.forwardRef<\n  React.ElementRef<typeof ResizablePrimitive.Panel>,\n  React.ComponentPropsWithoutRef<typeof ResizablePrimitive.Panel>\n>(({ ...props }, ref) => (\n  <ResizablePrimitive.Panel ref={ref} data-slot=\"resizable-panel\" {...props} />\n));\nResizablePanel.displayName = \"ResizablePanel\";\n\nfunction ResizableHandle({\n  withHandle,\n  className,\n  ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n  withHandle?: boolean;\n}) {\n  return (\n    <ResizablePrimitive.PanelResizeHandle\n      data-slot=\"resizable-handle\"\n      className={cn(\n        \"bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n        className,\n      )}\n      {...props}\n    >\n      {withHandle && (\n        <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border\">\n          <GripVerticalIcon className=\"size-2.5\" />\n        </div>\n      )}\n    </ResizablePrimitive.PanelResizeHandle>\n  );\n}\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"],"names":["ResizablePanelGroup","React","className","props","ref","jsx","ResizablePrimitive","cn","ResizablePanel","ResizableHandle","withHandle","GripVerticalIcon"],"mappings":";;;;;;AAQA,MAAMA,IAGFC,EAAM,WAGR,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAF;AAAA,IACA,aAAU;AAAA,IACV,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAoB,cAAc;AAElC,MAAMQ,IAAiBP,EAAM,WAG3B,CAAC,EAAE,GAAGE,KAASC,MACf,gBAAAC,EAACC,EAAmB,OAAnB,EAAyB,KAAAF,GAAU,aAAU,mBAAmB,GAAGD,GAAO,CAC5E;AACDK,EAAe,cAAc;AAE7B,SAASC,EAAgB;AAAA,EACvB,YAAAC;AAAA,EACA,WAAAR;AAAA,EACA,GAAGC;AACL,GAEG;AACD,SACE,gBAAAE;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAAO,uBACE,OAAA,EAAI,WAAU,6EACb,UAAA,gBAAAL,EAACM,GAAA,EAAiB,WAAU,WAAA,CAAW,EAAA,CACzC;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/ui/layout/scroll-area.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),b=require("react"),f=require("@radix-ui/react-scroll-area"),c=require("../utils.cjs");function n(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const o=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(r,l,o.get?o:{enumerable:!0,get:()=>e[l]})}}return r.default=e,Object.freeze(r)}const i=n(b),a=n(f),u=i.forwardRef(({className:e,children:r,scrollbarClassName:l,...o},d)=>t.jsxs(a.Root,{ref:d,"data-slot":"scroll-area",className:c.cn("relative",e),...o,children:[t.jsx(a.Viewport,{"data-slot":"scroll-area-viewport",tabIndex:0,className:"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",children:r}),t.jsx(s,{className:l}),t.jsx(a.Corner,{})]}));u.displayName=a.Root.displayName;const s=i.forwardRef(({className:e,orientation:r="vertical",...l},o)=>t.jsx(a.ScrollAreaScrollbar,{ref:o,"data-slot":"scroll-area-scrollbar",orientation:r,className:c.cn("flex touch-none p-px transition-colors select-none",r==="vertical"&&"h-full w-2.5 border-l border-l-transparent",r==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent",e),...l,children:t.jsx(a.ScrollAreaThumb,{"data-slot":"scroll-area-thumb",className:"bg-primary/30 relative flex-1 rounded-full"})}));s.displayName=a.ScrollAreaScrollbar.displayName;exports.ScrollArea=u;exports.ScrollBar=s;
+//# sourceMappingURL=scroll-area.cjs.map

package/dist/components/ui/layout/scroll-area.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.cjs","sources":["../../../../src/components/ui/layout/scroll-area.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\n\nimport { cn } from \"../utils\";\n\nconst ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & {\n    scrollbarClassName?: string;\n  }\n>(({ className, children, scrollbarClassName, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root\n    ref={ref}\n    data-slot=\"scroll-area\"\n    className={cn(\"relative\", className)}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport\n      data-slot=\"scroll-area-viewport\"\n      // teclado: a região rolável precisa ser focável para scroll por seta\n      tabIndex={0}\n      className=\"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1\"\n    >\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollBar className={scrollbarClassName} />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\nconst ScrollBar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    ref={ref}\n    data-slot=\"scroll-area-scrollbar\"\n    orientation={orientation}\n    className={cn(\n      \"flex touch-none p-px transition-colors select-none\",\n      orientation === \"vertical\" &&\n        \"h-full w-2.5 border-l border-l-transparent\",\n      orientation === \"horizontal\" &&\n        \"h-2.5 flex-col border-t border-t-transparent\",\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb\n      data-slot=\"scroll-area-thumb\"\n      className=\"bg-primary/30 relative flex-1 rounded-full\"\n    />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;\n\nexport { ScrollArea, ScrollBar };\n"],"names":["ScrollArea","React","className","children","scrollbarClassName","props","ref","jsxs","ScrollAreaPrimitive","cn","jsx","ScrollBar","orientation"],"mappings":"yfAOMA,EAAaC,EAAM,WAKvB,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,mBAAAC,EAAoB,GAAGC,GAASC,IACxDC,EAAAA,KAACC,EAAoB,KAApB,CACC,IAAAF,EACA,YAAU,cACV,UAAWG,EAAAA,GAAG,WAAYP,CAAS,EAClC,GAAGG,EAEJ,SAAA,CAAAK,EAAAA,IAACF,EAAoB,SAApB,CACC,YAAU,uBAEV,SAAU,EACV,UAAU,qJAET,SAAAL,CAAA,CAAA,EAEHO,EAAAA,IAACC,EAAA,CAAU,UAAWP,CAAA,CAAoB,EAC1CM,MAACF,EAAoB,OAApB,CAAA,CAA2B,CAAA,CAAA,CAC9B,CACD,EACDR,EAAW,YAAcQ,EAAoB,KAAK,YAElD,MAAMG,EAAYV,EAAM,WAGtB,CAAC,CAAE,UAAAC,EAAW,YAAAU,EAAc,WAAY,GAAGP,GAASC,IACpDI,EAAAA,IAACF,EAAoB,oBAApB,CACC,IAAAF,EACA,YAAU,wBACV,YAAAM,EACA,UAAWH,EAAAA,GACT,qDACAG,IAAgB,YACd,6CACFA,IAAgB,cACd,+CACFV,CAAA,EAED,GAAGG,EAEJ,SAAAK,EAAAA,IAACF,EAAoB,gBAApB,CACC,YAAU,oBACV,UAAU,4CAAA,CAAA,CACZ,CACF,CACD,EACDG,EAAU,YAAcH,EAAoB,oBAAoB"}

package/dist/components/ui/layout/scroll-area.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import * as t from "react";
+import * as r from "@radix-ui/react-scroll-area";
+import { cn as i } from "../utils.js";
+const m = t.forwardRef(({ className: o, children: l, scrollbarClassName: e, ...s }, n) => /* @__PURE__ */ d(
+  r.Root,
+  {
+    ref: n,
+    "data-slot": "scroll-area",
+    className: i("relative", o),
+    ...s,
+    children: [
+      /* @__PURE__ */ a(
+        r.Viewport,
+        {
+          "data-slot": "scroll-area-viewport",
+          tabIndex: 0,
+          className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+          children: l
+        }
+      ),
+      /* @__PURE__ */ a(c, { className: e }),
+      /* @__PURE__ */ a(r.Corner, {})
+    ]
+  }
+));
+m.displayName = r.Root.displayName;
+const c = t.forwardRef(({ className: o, orientation: l = "vertical", ...e }, s) => /* @__PURE__ */ a(
+  r.ScrollAreaScrollbar,
+  {
+    ref: s,
+    "data-slot": "scroll-area-scrollbar",
+    orientation: l,
+    className: i(
+      "flex touch-none p-px transition-colors select-none",
+      l === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+      l === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+      o
+    ),
+    ...e,
+    children: /* @__PURE__ */ a(
+      r.ScrollAreaThumb,
+      {
+        "data-slot": "scroll-area-thumb",
+        className: "bg-primary/30 relative flex-1 rounded-full"
+      }
+    )
+  }
+));
+c.displayName = r.ScrollAreaScrollbar.displayName;
+export {
+  m as ScrollArea,
+  c as ScrollBar
+};
+//# sourceMappingURL=scroll-area.js.map

package/dist/components/ui/layout/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.js","sources":["../../../../src/components/ui/layout/scroll-area.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\n\nimport { cn } from \"../utils\";\n\nconst ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & {\n    scrollbarClassName?: string;\n  }\n>(({ className, children, scrollbarClassName, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root\n    ref={ref}\n    data-slot=\"scroll-area\"\n    className={cn(\"relative\", className)}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport\n      data-slot=\"scroll-area-viewport\"\n      // teclado: a região rolável precisa ser focável para scroll por seta\n      tabIndex={0}\n      className=\"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1\"\n    >\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollBar className={scrollbarClassName} />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\nconst ScrollBar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    ref={ref}\n    data-slot=\"scroll-area-scrollbar\"\n    orientation={orientation}\n    className={cn(\n      \"flex touch-none p-px transition-colors select-none\",\n      orientation === \"vertical\" &&\n        \"h-full w-2.5 border-l border-l-transparent\",\n      orientation === \"horizontal\" &&\n        \"h-2.5 flex-col border-t border-t-transparent\",\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb\n      data-slot=\"scroll-area-thumb\"\n      className=\"bg-primary/30 relative flex-1 rounded-full\"\n    />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;\n\nexport { ScrollArea, ScrollBar };\n"],"names":["ScrollArea","React","className","children","scrollbarClassName","props","ref","jsxs","ScrollAreaPrimitive","cn","jsx","ScrollBar","orientation"],"mappings":";;;;;AAOA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,oBAAAC,GAAoB,GAAGC,KAASC,MACxD,gBAAAC;AAAA,EAACC,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAF;AAAA,IACA,aAAU;AAAA,IACV,WAAWG,EAAG,YAAYP,CAAS;AAAA,IAClC,GAAGG;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAK;AAAA,QAACF,EAAoB;AAAA,QAApB;AAAA,UACC,aAAU;AAAA,UAEV,UAAU;AAAA,UACV,WAAU;AAAA,UAET,UAAAL;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,gBAAAO,EAACC,GAAA,EAAU,WAAWP,EAAA,CAAoB;AAAA,MAC1C,gBAAAM,EAACF,EAAoB,QAApB,CAAA,CAA2B;AAAA,IAAA;AAAA,EAAA;AAC9B,CACD;AACDR,EAAW,cAAcQ,EAAoB,KAAK;AAElD,MAAMG,IAAYV,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,aAAAU,IAAc,YAAY,GAAGP,KAASC,MACpD,gBAAAI;AAAA,EAACF,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAF;AAAA,IACA,aAAU;AAAA,IACV,aAAAM;AAAA,IACA,WAAWH;AAAA,MACT;AAAA,MACAG,MAAgB,cACd;AAAA,MACFA,MAAgB,gBACd;AAAA,MACFV;AAAA,IAAA;AAAA,IAED,GAAGG;AAAA,IAEJ,UAAA,gBAAAK;AAAA,MAACF,EAAoB;AAAA,MAApB;AAAA,QACC,aAAU;AAAA,QACV,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ;AACF,CACD;AACDG,EAAU,cAAcH,EAAoB,oBAAoB;"}

package/dist/components/ui/navigation/breadcrumb.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),B=require("react"),g=require("@radix-ui/react-slot"),n=require("lucide-react"),o=require("../utils.cjs");function x(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const c=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,c.get?c:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const s=x(B),d=s.forwardRef(({...e},r)=>t.jsx("nav",{ref:r,"aria-label":"breadcrumb","data-slot":"breadcrumb",...e}));d.displayName="Breadcrumb";const i=s.forwardRef(({className:e,...r},a)=>t.jsx("ol",{ref:a,"data-slot":"breadcrumb-list",className:o.cn("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",e),...r}));i.displayName="BreadcrumbList";const l=s.forwardRef(({className:e,...r},a)=>t.jsx("li",{ref:a,"data-slot":"breadcrumb-item",className:o.cn("inline-flex items-center gap-1.5",e),...r}));l.displayName="BreadcrumbItem";const m=s.forwardRef(({asChild:e,className:r,...a},c)=>{const f=e?g.Slot:"a";return t.jsx(f,{ref:c,"data-slot":"breadcrumb-link",className:o.cn("hover:text-foreground transition-colors",r),...a})});m.displayName="BreadcrumbLink";const u=s.forwardRef(({className:e,...r},a)=>t.jsx("span",{ref:a,"data-slot":"breadcrumb-page",role:"link","aria-disabled":"true","aria-current":"page",className:o.cn("text-foreground font-normal",e),...r}));u.displayName="BreadcrumbPage";const b=s.forwardRef(({children:e,className:r,...a},c)=>t.jsx("li",{ref:c,"data-slot":"breadcrumb-separator",role:"presentation","aria-hidden":"true",className:o.cn("[&>svg]:size-3.5",r),...a,children:e??t.jsx(n.ChevronRight,{})}));b.displayName="BreadcrumbSeparator";const p=s.forwardRef(({className:e,...r},a)=>t.jsxs("span",{ref:a,"data-slot":"breadcrumb-ellipsis",role:"presentation","aria-hidden":"true",className:o.cn("flex size-9 items-center justify-center",e),...r,children:[t.jsx(n.MoreHorizontal,{className:"size-4"}),t.jsx("span",{className:"sr-only",children:"More"})]}));p.displayName="BreadcrumbEllipsis";exports.Breadcrumb=d;exports.BreadcrumbEllipsis=p;exports.BreadcrumbItem=l;exports.BreadcrumbLink=m;exports.BreadcrumbList=i;exports.BreadcrumbPage=u;exports.BreadcrumbSeparator=b;
+//# sourceMappingURL=breadcrumb.cjs.map

package/dist/components/ui/navigation/breadcrumb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.cjs","sources":["../../../../src/components/ui/navigation/breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\";\n\nimport { cn } from \"../utils\";\n\nconst Breadcrumb = React.forwardRef<HTMLElement, React.ComponentProps<\"nav\">>(\n  ({ ...props }, ref) => (\n    <nav ref={ref} aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />\n  ),\n);\nBreadcrumb.displayName = \"Breadcrumb\";\n\nconst BreadcrumbList = React.forwardRef<\n  HTMLOListElement,\n  React.ComponentProps<\"ol\">\n>(({ className, ...props }, ref) => (\n  <ol\n    ref={ref}\n    data-slot=\"breadcrumb-list\"\n    className={cn(\n      \"text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5\",\n      className,\n    )}\n    {...props}\n  />\n));\nBreadcrumbList.displayName = \"BreadcrumbList\";\n\nconst BreadcrumbItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    data-slot=\"breadcrumb-item\"\n    className={cn(\"inline-flex items-center gap-1.5\", className)}\n    {...props}\n  />\n));\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\n\nconst BreadcrumbLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentProps<\"a\"> & { asChild?: boolean }\n>(({ asChild, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Comp\n      ref={ref}\n      data-slot=\"breadcrumb-link\"\n      className={cn(\"hover:text-foreground transition-colors\", className)}\n      {...props}\n    />\n  );\n});\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\n\nconst BreadcrumbPage = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentProps<\"span\">\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    data-slot=\"breadcrumb-page\"\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    className={cn(\"text-foreground font-normal\", className)}\n    {...props}\n  />\n));\nBreadcrumbPage.displayName = \"BreadcrumbPage\";\n\nconst BreadcrumbSeparator = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ children, className, ...props }, ref) => (\n  <li\n    ref={ref}\n    data-slot=\"breadcrumb-separator\"\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn(\"[&>svg]:size-3.5\", className)}\n    {...props}\n  >\n    {children ?? <ChevronRight />}\n  </li>\n));\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\";\n\nconst BreadcrumbEllipsis = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentProps<\"span\">\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    data-slot=\"breadcrumb-ellipsis\"\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn(\"flex size-9 items-center justify-center\", className)}\n    {...props}\n  >\n    <MoreHorizontal className=\"size-4\" />\n    <span className=\"sr-only\">More</span>\n  </span>\n));\nBreadcrumbEllipsis.displayName = \"BreadcrumbEllipsis\";\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n};\n"],"names":["Breadcrumb","React","props","ref","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Comp","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","MoreHorizontal"],"mappings":"wfAMMA,EAAaC,EAAM,WACvB,CAAC,CAAE,GAAGC,CAAA,EAASC,IACbC,EAAAA,IAAC,MAAA,CAAI,IAAAD,EAAU,aAAW,aAAa,YAAU,aAAc,GAAGD,CAAA,CAAO,CAE7E,EACAF,EAAW,YAAc,aAEzB,MAAMK,EAAiBJ,EAAM,WAG3B,CAAC,CAAE,UAAAK,EAAW,GAAGJ,CAAA,EAASC,IAC1BC,EAAAA,IAAC,KAAA,CACC,IAAAD,EACA,YAAU,kBACV,UAAWI,EAAAA,GACT,2FACAD,CAAA,EAED,GAAGJ,CAAA,CACN,CACD,EACDG,EAAe,YAAc,iBAE7B,MAAMG,EAAiBP,EAAM,WAG3B,CAAC,CAAE,UAAAK,EAAW,GAAGJ,CAAA,EAASC,IAC1BC,EAAAA,IAAC,KAAA,CACC,IAAAD,EACA,YAAU,kBACV,UAAWI,EAAAA,GAAG,mCAAoCD,CAAS,EAC1D,GAAGJ,CAAA,CACN,CACD,EACDM,EAAe,YAAc,iBAE7B,MAAMC,EAAiBR,EAAM,WAG3B,CAAC,CAAE,QAAAS,EAAS,UAAAJ,EAAW,GAAGJ,CAAA,EAASC,IAAQ,CAC3C,MAAMQ,EAAOD,EAAUE,EAAAA,KAAO,IAE9B,OACER,EAAAA,IAACO,EAAA,CACC,IAAAR,EACA,YAAU,kBACV,UAAWI,EAAAA,GAAG,0CAA2CD,CAAS,EACjE,GAAGJ,CAAA,CAAA,CAGV,CAAC,EACDO,EAAe,YAAc,iBAE7B,MAAMI,EAAiBZ,EAAM,WAG3B,CAAC,CAAE,UAAAK,EAAW,GAAGJ,CAAA,EAASC,IAC1BC,EAAAA,IAAC,OAAA,CACC,IAAAD,EACA,YAAU,kBACV,KAAK,OACL,gBAAc,OACd,eAAa,OACb,UAAWI,EAAAA,GAAG,8BAA+BD,CAAS,EACrD,GAAGJ,CAAA,CACN,CACD,EACDW,EAAe,YAAc,iBAE7B,MAAMC,EAAsBb,EAAM,WAGhC,CAAC,CAAE,SAAAc,EAAU,UAAAT,EAAW,GAAGJ,GAASC,IACpCC,EAAAA,IAAC,KAAA,CACC,IAAAD,EACA,YAAU,uBACV,KAAK,eACL,cAAY,OACZ,UAAWI,EAAAA,GAAG,mBAAoBD,CAAS,EAC1C,GAAGJ,EAEH,SAAAa,SAAaC,EAAAA,aAAA,CAAA,CAAa,CAAA,CAC7B,CACD,EACDF,EAAoB,YAAc,sBAElC,MAAMG,EAAqBhB,EAAM,WAG/B,CAAC,CAAE,UAAAK,EAAW,GAAGJ,CAAA,EAASC,IAC1Be,EAAAA,KAAC,OAAA,CACC,IAAAf,EACA,YAAU,sBACV,KAAK,eACL,cAAY,OACZ,UAAWI,EAAAA,GAAG,0CAA2CD,CAAS,EACjE,GAAGJ,EAEJ,SAAA,CAAAE,EAAAA,IAACe,EAAAA,eAAA,CAAe,UAAU,QAAA,CAAS,EACnCf,EAAAA,IAAC,OAAA,CAAK,UAAU,UAAU,SAAA,MAAA,CAAI,CAAA,CAAA,CAChC,CACD,EACDa,EAAmB,YAAc"}

package/dist/components/ui/navigation/breadcrumb.js

@@ -0,0 +1,94 @@
+import { jsx as s, jsxs as d } from "react/jsx-runtime";
+import * as t from "react";
+import { Slot as i } from "@radix-ui/react-slot";
+import { MoreHorizontal as l, ChevronRight as c } from "lucide-react";
+import { cn as o } from "../utils.js";
+const n = t.forwardRef(
+  ({ ...r }, a) => /* @__PURE__ */ s("nav", { ref: a, "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...r })
+);
+n.displayName = "Breadcrumb";
+const b = t.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ s(
+  "ol",
+  {
+    ref: e,
+    "data-slot": "breadcrumb-list",
+    className: o(
+      "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+      r
+    ),
+    ...a
+  }
+));
+b.displayName = "BreadcrumbList";
+const p = t.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ s(
+  "li",
+  {
+    ref: e,
+    "data-slot": "breadcrumb-item",
+    className: o("inline-flex items-center gap-1.5", r),
+    ...a
+  }
+));
+p.displayName = "BreadcrumbItem";
+const u = t.forwardRef(({ asChild: r, className: a, ...e }, m) => /* @__PURE__ */ s(
+  r ? i : "a",
+  {
+    ref: m,
+    "data-slot": "breadcrumb-link",
+    className: o("hover:text-foreground transition-colors", a),
+    ...e
+  }
+));
+u.displayName = "BreadcrumbLink";
+const f = t.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ s(
+  "span",
+  {
+    ref: e,
+    "data-slot": "breadcrumb-page",
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    className: o("text-foreground font-normal", r),
+    ...a
+  }
+));
+f.displayName = "BreadcrumbPage";
+const N = t.forwardRef(({ children: r, className: a, ...e }, m) => /* @__PURE__ */ s(
+  "li",
+  {
+    ref: m,
+    "data-slot": "breadcrumb-separator",
+    role: "presentation",
+    "aria-hidden": "true",
+    className: o("[&>svg]:size-3.5", a),
+    ...e,
+    children: r ?? /* @__PURE__ */ s(c, {})
+  }
+));
+N.displayName = "BreadcrumbSeparator";
+const B = t.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ d(
+  "span",
+  {
+    ref: e,
+    "data-slot": "breadcrumb-ellipsis",
+    role: "presentation",
+    "aria-hidden": "true",
+    className: o("flex size-9 items-center justify-center", r),
+    ...a,
+    children: [
+      /* @__PURE__ */ s(l, { className: "size-4" }),
+      /* @__PURE__ */ s("span", { className: "sr-only", children: "More" })
+    ]
+  }
+));
+B.displayName = "BreadcrumbEllipsis";
+export {
+  n as Breadcrumb,
+  B as BreadcrumbEllipsis,
+  p as BreadcrumbItem,
+  u as BreadcrumbLink,
+  b as BreadcrumbList,
+  f as BreadcrumbPage,
+  N as BreadcrumbSeparator
+};
+//# sourceMappingURL=breadcrumb.js.map

package/dist/components/ui/navigation/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","sources":["../../../../src/components/ui/navigation/breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\";\n\nimport { cn } from \"../utils\";\n\nconst Breadcrumb = React.forwardRef<HTMLElement, React.ComponentProps<\"nav\">>(\n  ({ ...props }, ref) => (\n    <nav ref={ref} aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />\n  ),\n);\nBreadcrumb.displayName = \"Breadcrumb\";\n\nconst BreadcrumbList = React.forwardRef<\n  HTMLOListElement,\n  React.ComponentProps<\"ol\">\n>(({ className, ...props }, ref) => (\n  <ol\n    ref={ref}\n    data-slot=\"breadcrumb-list\"\n    className={cn(\n      \"text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5\",\n      className,\n    )}\n    {...props}\n  />\n));\nBreadcrumbList.displayName = \"BreadcrumbList\";\n\nconst BreadcrumbItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    data-slot=\"breadcrumb-item\"\n    className={cn(\"inline-flex items-center gap-1.5\", className)}\n    {...props}\n  />\n));\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\n\nconst BreadcrumbLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentProps<\"a\"> & { asChild?: boolean }\n>(({ asChild, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Comp\n      ref={ref}\n      data-slot=\"breadcrumb-link\"\n      className={cn(\"hover:text-foreground transition-colors\", className)}\n      {...props}\n    />\n  );\n});\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\n\nconst BreadcrumbPage = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentProps<\"span\">\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    data-slot=\"breadcrumb-page\"\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    className={cn(\"text-foreground font-normal\", className)}\n    {...props}\n  />\n));\nBreadcrumbPage.displayName = \"BreadcrumbPage\";\n\nconst BreadcrumbSeparator = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ children, className, ...props }, ref) => (\n  <li\n    ref={ref}\n    data-slot=\"breadcrumb-separator\"\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn(\"[&>svg]:size-3.5\", className)}\n    {...props}\n  >\n    {children ?? <ChevronRight />}\n  </li>\n));\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\";\n\nconst BreadcrumbEllipsis = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentProps<\"span\">\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    data-slot=\"breadcrumb-ellipsis\"\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn(\"flex size-9 items-center justify-center\", className)}\n    {...props}\n  >\n    <MoreHorizontal className=\"size-4\" />\n    <span className=\"sr-only\">More</span>\n  </span>\n));\nBreadcrumbEllipsis.displayName = \"BreadcrumbEllipsis\";\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n};\n"],"names":["Breadcrumb","React","props","ref","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","MoreHorizontal"],"mappings":";;;;;AAMA,MAAMA,IAAaC,EAAM;AAAA,EACvB,CAAC,EAAE,GAAGC,EAAA,GAASC,MACb,gBAAAC,EAAC,OAAA,EAAI,KAAAD,GAAU,cAAW,cAAa,aAAU,cAAc,GAAGD,EAAA,CAAO;AAE7E;AACAF,EAAW,cAAc;AAEzB,MAAMK,IAAiBJ,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,aAAU;AAAA,IACV,WAAWI;AAAA,MACT;AAAA,MACAD;AAAA,IAAA;AAAA,IAED,GAAGJ;AAAA,EAAA;AACN,CACD;AACDG,EAAe,cAAc;AAE7B,MAAMG,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,aAAU;AAAA,IACV,WAAWI,EAAG,oCAAoCD,CAAS;AAAA,IAC1D,GAAGJ;AAAA,EAAA;AACN,CACD;AACDM,EAAe,cAAc;AAE7B,MAAMC,IAAiBR,EAAM,WAG3B,CAAC,EAAE,SAAAS,GAAS,WAAAJ,GAAW,GAAGJ,EAAA,GAASC,MAIjC,gBAAAC;AAAA,EAHWM,IAAUC,IAAO;AAAA,EAG3B;AAAA,IACC,KAAAR;AAAA,IACA,aAAU;AAAA,IACV,WAAWI,EAAG,2CAA2CD,CAAS;AAAA,IACjE,GAAGJ;AAAA,EAAA;AAAA,CAGT;AACDO,EAAe,cAAc;AAE7B,MAAMG,IAAiBX,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,aAAU;AAAA,IACV,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,gBAAa;AAAA,IACb,WAAWI,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGJ;AAAA,EAAA;AACN,CACD;AACDU,EAAe,cAAc;AAE7B,MAAMC,IAAsBZ,EAAM,WAGhC,CAAC,EAAE,UAAAa,GAAU,WAAAR,GAAW,GAAGJ,KAASC,MACpC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,aAAU;AAAA,IACV,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWI,EAAG,oBAAoBD,CAAS;AAAA,IAC1C,GAAGJ;AAAA,IAEH,UAAAY,uBAAaC,GAAA,CAAA,CAAa;AAAA,EAAA;AAC7B,CACD;AACDF,EAAoB,cAAc;AAElC,MAAMG,IAAqBf,EAAM,WAG/B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAc;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAd;AAAA,IACA,aAAU;AAAA,IACV,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWI,EAAG,2CAA2CD,CAAS;AAAA,IACjE,GAAGJ;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAACc,GAAA,EAAe,WAAU,SAAA,CAAS;AAAA,MACnC,gBAAAd,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AAChC,CACD;AACDY,EAAmB,cAAc;"}

package/dist/components/ui/navigation/navigation-menu.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),x=require("react"),b=require("@radix-ui/react-navigation-menu"),h=require("class-variance-authority"),y=require("lucide-react"),i=require("../utils.cjs");function u(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,s.get?s:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const r=u(x),n=u(b),l=r.forwardRef(({className:t,children:e,viewport:a=!0,...s},N)=>o.jsxs(n.Root,{ref:N,"data-slot":"navigation-menu","data-viewport":a,className:i.cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",t),...s,children:[e,a&&o.jsx(d,{})]}));l.displayName=n.Root.displayName;const c=r.forwardRef(({className:t,...e},a)=>o.jsx(n.List,{ref:a,"data-slot":"navigation-menu-list",className:i.cn("group flex flex-1 list-none items-center justify-center gap-1",t),...e}));c.displayName=n.List.displayName;const g=r.forwardRef(({className:t,...e},a)=>o.jsx(n.Item,{ref:a,"data-slot":"navigation-menu-item",className:i.cn("relative",t),...e}));g.displayName=n.Item.displayName;const m=h.cva("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"),v=r.forwardRef(({className:t,children:e,...a},s)=>o.jsxs(n.Trigger,{ref:s,"data-slot":"navigation-menu-trigger",className:i.cn(m(),"group",t),...a,children:[e," ",o.jsx(y.ChevronDownIcon,{className:"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]}));v.displayName=n.Trigger.displayName;const f=r.forwardRef(({className:t,...e},a)=>o.jsx(n.Content,{ref:a,"data-slot":"navigation-menu-content",className:i.cn("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),...e}));f.displayName=n.Content.displayName;const d=r.forwardRef(({className:t,...e},a)=>o.jsx("div",{className:i.cn("absolute top-full left-0 isolate z-50 flex justify-center"),children:o.jsx(n.Viewport,{ref:a,"data-slot":"navigation-menu-viewport",className:i.cn("origin-top-center bg-popover text-popover-foreground 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 shadow md:w-[var(--radix-navigation-menu-viewport-width)]",t),...e})}));d.displayName=n.Viewport.displayName;const p=r.forwardRef(({className:t,...e},a)=>o.jsx(n.Link,{ref:a,"data-slot":"navigation-menu-link",className:i.cn("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",t),...e}));p.displayName=n.Link.displayName;const w=r.forwardRef(({className:t,...e},a)=>o.jsx(n.Indicator,{ref:a,"data-slot":"navigation-menu-indicator",className:i.cn("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),...e,children:o.jsx("div",{className:"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md"})}));w.displayName=n.Indicator.displayName;exports.NavigationMenu=l;exports.NavigationMenuContent=f;exports.NavigationMenuIndicator=w;exports.NavigationMenuItem=g;exports.NavigationMenuLink=p;exports.NavigationMenuList=c;exports.NavigationMenuTrigger=v;exports.NavigationMenuViewport=d;exports.navigationMenuTriggerStyle=m;
+//# sourceMappingURL=navigation-menu.cjs.map

package/dist/components/ui/navigation/navigation-menu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.cjs","sources":["../../../../src/components/ui/navigation/navigation-menu.tsx"],"sourcesContent":["import * 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 \"../utils\";\n\nconst NavigationMenu = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> & {\n    viewport?: boolean;\n  }\n>(({ className, children, viewport = true, ...props }, ref) => (\n  <NavigationMenuPrimitive.Root\n    ref={ref}\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));\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\nconst NavigationMenuList = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.List\n    ref={ref}\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));\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\nconst NavigationMenuItem = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Item\n    ref={ref}\n    data-slot=\"navigation-menu-item\"\n    className={cn(\"relative\", className)}\n    {...props}\n  />\n));\nNavigationMenuItem.displayName = NavigationMenuPrimitive.Item.displayName;\n\nconst navigationMenuTriggerStyle = cva(\n  \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1\",\n);\n\nconst NavigationMenuTrigger = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <NavigationMenuPrimitive.Trigger\n    ref={ref}\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));\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\nconst NavigationMenuContent = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Content\n    ref={ref}\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));\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\nconst NavigationMenuViewport = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\n>(({ className, ...props }, ref) => (\n  <div\n    className={cn(\n      \"absolute top-full left-0 isolate z-50 flex justify-center\",\n    )}\n  >\n    <NavigationMenuPrimitive.Viewport\n      ref={ref}\n      data-slot=\"navigation-menu-viewport\"\n      className={cn(\n        \"origin-top-center bg-popover text-popover-foreground 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 shadow md:w-[var(--radix-navigation-menu-viewport-width)]\",\n        className,\n      )}\n      {...props}\n    />\n  </div>\n));\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\n\nconst NavigationMenuLink = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Link>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Link\n    ref={ref}\n    data-slot=\"navigation-menu-link\"\n    className={cn(\n      \"data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4\",\n      className,\n    )}\n    {...props}\n  />\n));\nNavigationMenuLink.displayName = NavigationMenuPrimitive.Link.displayName;\n\nconst NavigationMenuIndicator = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Indicator\n    ref={ref}\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-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n  </NavigationMenuPrimitive.Indicator>\n));\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuContent,\n  NavigationMenuTrigger,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  navigationMenuTriggerStyle,\n};\n"],"names":["NavigationMenu","React","className","children","viewport","props","ref","jsxs","NavigationMenuPrimitive","cn","NavigationMenuViewport","NavigationMenuList","jsx","NavigationMenuItem","navigationMenuTriggerStyle","cva","NavigationMenuTrigger","ChevronDownIcon","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator"],"mappings":"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"}

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

@@ -0,0 +1,144 @@
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import * as r from "react";
+import * as t from "@radix-ui/react-navigation-menu";
+import { cva as m } from "class-variance-authority";
+import { ChevronDownIcon as g } from "lucide-react";
+import { cn as i } from "../utils.js";
+const c = r.forwardRef(({ className: e, children: o, viewport: a = !0, ...s }, u) => /* @__PURE__ */ d(
+  t.Root,
+  {
+    ref: u,
+    "data-slot": "navigation-menu",
+    "data-viewport": a,
+    className: i(
+      "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
+      e
+    ),
+    ...s,
+    children: [
+      o,
+      a && /* @__PURE__ */ n(l, {})
+    ]
+  }
+));
+c.displayName = t.Root.displayName;
+const p = r.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ n(
+  t.List,
+  {
+    ref: a,
+    "data-slot": "navigation-menu-list",
+    className: i(
+      "group flex flex-1 list-none items-center justify-center gap-1",
+      e
+    ),
+    ...o
+  }
+));
+p.displayName = t.List.displayName;
+const f = r.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ n(
+  t.Item,
+  {
+    ref: a,
+    "data-slot": "navigation-menu-item",
+    className: i("relative", e),
+    ...o
+  }
+));
+f.displayName = t.Item.displayName;
+const v = m(
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
+), w = r.forwardRef(({ className: e, children: o, ...a }, s) => /* @__PURE__ */ d(
+  t.Trigger,
+  {
+    ref: s,
+    "data-slot": "navigation-menu-trigger",
+    className: i(v(), "group", e),
+    ...a,
+    children: [
+      o,
+      " ",
+      /* @__PURE__ */ n(
+        g,
+        {
+          className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+          "aria-hidden": "true"
+        }
+      )
+    ]
+  }
+));
+w.displayName = t.Trigger.displayName;
+const N = r.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ n(
+  t.Content,
+  {
+    ref: a,
+    "data-slot": "navigation-menu-content",
+    className: i(
+      "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",
+      e
+    ),
+    ...o
+  }
+));
+N.displayName = t.Content.displayName;
+const l = r.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ n(
+  "div",
+  {
+    className: i(
+      "absolute top-full left-0 isolate z-50 flex justify-center"
+    ),
+    children: /* @__PURE__ */ n(
+      t.Viewport,
+      {
+        ref: a,
+        "data-slot": "navigation-menu-viewport",
+        className: i(
+          "origin-top-center bg-popover text-popover-foreground 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 shadow md:w-[var(--radix-navigation-menu-viewport-width)]",
+          e
+        ),
+        ...o
+      }
+    )
+  }
+));
+l.displayName = t.Viewport.displayName;
+const x = r.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ n(
+  t.Link,
+  {
+    ref: a,
+    "data-slot": "navigation-menu-link",
+    className: i(
+      "data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
+      e
+    ),
+    ...o
+  }
+));
+x.displayName = t.Link.displayName;
+const b = r.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ n(
+  t.Indicator,
+  {
+    ref: a,
+    "data-slot": "navigation-menu-indicator",
+    className: i(
+      "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",
+      e
+    ),
+    ...o,
+    children: /* @__PURE__ */ n("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+  }
+));
+b.displayName = t.Indicator.displayName;
+export {
+  c as NavigationMenu,
+  N as NavigationMenuContent,
+  b as NavigationMenuIndicator,
+  f as NavigationMenuItem,
+  x as NavigationMenuLink,
+  p as NavigationMenuList,
+  w as NavigationMenuTrigger,
+  l as NavigationMenuViewport,
+  v as navigationMenuTriggerStyle
+};
+//# sourceMappingURL=navigation-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","sources":["../../../../src/components/ui/navigation/navigation-menu.tsx"],"sourcesContent":["import * 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 \"../utils\";\n\nconst NavigationMenu = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> & {\n    viewport?: boolean;\n  }\n>(({ className, children, viewport = true, ...props }, ref) => (\n  <NavigationMenuPrimitive.Root\n    ref={ref}\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));\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\nconst NavigationMenuList = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.List\n    ref={ref}\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));\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\nconst NavigationMenuItem = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Item\n    ref={ref}\n    data-slot=\"navigation-menu-item\"\n    className={cn(\"relative\", className)}\n    {...props}\n  />\n));\nNavigationMenuItem.displayName = NavigationMenuPrimitive.Item.displayName;\n\nconst navigationMenuTriggerStyle = cva(\n  \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1\",\n);\n\nconst NavigationMenuTrigger = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <NavigationMenuPrimitive.Trigger\n    ref={ref}\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));\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\nconst NavigationMenuContent = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Content\n    ref={ref}\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));\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\nconst NavigationMenuViewport = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\n>(({ className, ...props }, ref) => (\n  <div\n    className={cn(\n      \"absolute top-full left-0 isolate z-50 flex justify-center\",\n    )}\n  >\n    <NavigationMenuPrimitive.Viewport\n      ref={ref}\n      data-slot=\"navigation-menu-viewport\"\n      className={cn(\n        \"origin-top-center bg-popover text-popover-foreground 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 shadow md:w-[var(--radix-navigation-menu-viewport-width)]\",\n        className,\n      )}\n      {...props}\n    />\n  </div>\n));\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\n\nconst NavigationMenuLink = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Link>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Link\n    ref={ref}\n    data-slot=\"navigation-menu-link\"\n    className={cn(\n      \"data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4\",\n      className,\n    )}\n    {...props}\n  />\n));\nNavigationMenuLink.displayName = NavigationMenuPrimitive.Link.displayName;\n\nconst NavigationMenuIndicator = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Indicator\n    ref={ref}\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-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n  </NavigationMenuPrimitive.Indicator>\n));\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuContent,\n  NavigationMenuTrigger,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  navigationMenuTriggerStyle,\n};\n"],"names":["NavigationMenu","React","className","children","viewport","props","ref","jsxs","NavigationMenuPrimitive","cn","NavigationMenuViewport","NavigationMenuList","jsx","NavigationMenuItem","navigationMenuTriggerStyle","cva","NavigationMenuTrigger","ChevronDownIcon","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator"],"mappings":"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"}

package/dist/components/ui/navigation/pagination.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),P=require("react"),l=require("lucide-react"),o=require("../utils.cjs"),x=require("../primitives/button.cjs");function N(a){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(n,e,s.get?s:{enumerable:!0,get:()=>a[e]})}}return n.default=a,Object.freeze(n)}const i=N(P),c=i.forwardRef(({className:a,...n},e)=>t.jsx("nav",{ref:e,role:"navigation","aria-label":"pagination","data-slot":"pagination",className:o.cn("mx-auto flex w-full justify-center",a),...n}));c.displayName="Pagination";const g=i.forwardRef(({className:a,...n},e)=>t.jsx("ul",{ref:e,"data-slot":"pagination-content",className:o.cn("flex flex-row items-center gap-1",a),...n}));g.displayName="PaginationContent";const d=i.forwardRef(({...a},n)=>t.jsx("li",{ref:n,"data-slot":"pagination-item",...a}));d.displayName="PaginationItem";const r=i.forwardRef(({className:a,isActive:n,size:e="icon",...s},m)=>t.jsx("a",{ref:m,"aria-current":n?"page":void 0,"data-slot":"pagination-link","data-active":n,className:o.cn(x.buttonVariants({variant:n?"outline":"ghost",size:e}),a),...s}));r.displayName="PaginationLink";const p=i.forwardRef(({className:a,...n},e)=>t.jsxs(r,{ref:e,"aria-label":"Go to previous page",size:"default",className:o.cn("gap-1 px-2.5 sm:pl-2.5",a),...n,children:[t.jsx(l.ChevronLeftIcon,{}),t.jsx("span",{className:"hidden sm:block",children:"Previous"})]}));p.displayName="PaginationPrevious";const u=i.forwardRef(({className:a,...n},e)=>t.jsxs(r,{ref:e,"aria-label":"Go to next page",size:"default",className:o.cn("gap-1 px-2.5 sm:pr-2.5",a),...n,children:[t.jsx("span",{className:"hidden sm:block",children:"Next"}),t.jsx(l.ChevronRightIcon,{})]}));u.displayName="PaginationNext";const f=i.forwardRef(({className:a,...n},e)=>t.jsxs("span",{ref:e,"aria-hidden":!0,"data-slot":"pagination-ellipsis",className:o.cn("flex size-9 items-center justify-center",a),...n,children:[t.jsx(l.MoreHorizontalIcon,{className:"size-4"}),t.jsx("span",{className:"sr-only",children:"More pages"})]}));f.displayName="PaginationEllipsis";exports.Pagination=c;exports.PaginationContent=g;exports.PaginationEllipsis=f;exports.PaginationItem=d;exports.PaginationLink=r;exports.PaginationNext=u;exports.PaginationPrevious=p;
+//# sourceMappingURL=pagination.cjs.map

package/dist/components/ui/navigation/pagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.cjs","sources":["../../../../src/components/ui/navigation/pagination.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  MoreHorizontalIcon,\n} from \"lucide-react\";\n\nimport { cn } from \"../utils\";\nimport { Button, buttonVariants } from \"../primitives/button\";\n\nconst Pagination = React.forwardRef<HTMLElement, React.ComponentProps<\"nav\">>(\n  ({ className, ...props }, ref) => (\n    <nav\n      ref={ref}\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      {...props}\n    />\n  ),\n);\nPagination.displayName = \"Pagination\";\n\nconst PaginationContent = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    data-slot=\"pagination-content\"\n    className={cn(\"flex flex-row items-center gap-1\", className)}\n    {...props}\n  />\n));\nPaginationContent.displayName = \"PaginationContent\";\n\nconst PaginationItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ ...props }, ref) => (\n  <li ref={ref} data-slot=\"pagination-item\" {...props} />\n));\nPaginationItem.displayName = \"PaginationItem\";\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n  React.ComponentProps<\"a\">;\n\nconst PaginationLink = React.forwardRef<HTMLAnchorElement, PaginationLinkProps>(\n  ({ className, isActive, size = \"icon\", ...props }, ref) => (\n    <a\n      ref={ref}\n      aria-current={isActive ? \"page\" : undefined}\n      data-slot=\"pagination-link\"\n      data-active={isActive}\n      className={cn(\n        buttonVariants({\n          variant: isActive ? \"outline\" : \"ghost\",\n          size,\n        }),\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nPaginationLink.displayName = \"PaginationLink\";\n\nconst PaginationPrevious = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentProps<typeof PaginationLink>\n>(({ className, ...props }, ref) => (\n  <PaginationLink\n    ref={ref}\n    aria-label=\"Go to previous page\"\n    size=\"default\"\n    className={cn(\"gap-1 px-2.5 sm:pl-2.5\", className)}\n    {...props}\n  >\n    <ChevronLeftIcon />\n    <span className=\"hidden sm:block\">Previous</span>\n  </PaginationLink>\n));\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nconst PaginationNext = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentProps<typeof PaginationLink>\n>(({ className, ...props }, ref) => (\n  <PaginationLink\n    ref={ref}\n    aria-label=\"Go to next page\"\n    size=\"default\"\n    className={cn(\"gap-1 px-2.5 sm:pr-2.5\", className)}\n    {...props}\n  >\n    <span className=\"hidden sm:block\">Next</span>\n    <ChevronRightIcon />\n  </PaginationLink>\n));\nPaginationNext.displayName = \"PaginationNext\";\n\nconst PaginationEllipsis = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentProps<\"span\">\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    aria-hidden\n    data-slot=\"pagination-ellipsis\"\n    className={cn(\"flex size-9 items-center justify-center\", className)}\n    {...props}\n  >\n    <MoreHorizontalIcon className=\"size-4\" />\n    <span className=\"sr-only\">More pages</span>\n  </span>\n));\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n};\n"],"names":["Pagination","React","className","props","ref","jsx","cn","PaginationContent","PaginationItem","PaginationLink","isActive","size","buttonVariants","PaginationPrevious","jsxs","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","MoreHorizontalIcon"],"mappings":"4fAUMA,EAAaC,EAAM,WACvB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IACxBC,EAAAA,IAAC,MAAA,CACC,IAAAD,EACA,KAAK,aACL,aAAW,aACX,YAAU,aACV,UAAWE,EAAAA,GAAG,qCAAsCJ,CAAS,EAC5D,GAAGC,CAAA,CAAA,CAGV,EACAH,EAAW,YAAc,aAEzB,MAAMO,EAAoBN,EAAM,WAG9B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAAC,KAAA,CACC,IAAAD,EACA,YAAU,qBACV,UAAWE,EAAAA,GAAG,mCAAoCJ,CAAS,EAC1D,GAAGC,CAAA,CACN,CACD,EACDI,EAAkB,YAAc,oBAEhC,MAAMC,EAAiBP,EAAM,WAG3B,CAAC,CAAE,GAAGE,CAAA,EAASC,IACfC,EAAAA,IAAC,MAAG,IAAAD,EAAU,YAAU,kBAAmB,GAAGD,EAAO,CACtD,EACDK,EAAe,YAAc,iBAO7B,MAAMC,EAAiBR,EAAM,WAC3B,CAAC,CAAE,UAAAC,EAAW,SAAAQ,EAAU,KAAAC,EAAO,OAAQ,GAAGR,CAAA,EAASC,IACjDC,EAAAA,IAAC,IAAA,CACC,IAAAD,EACA,eAAcM,EAAW,OAAS,OAClC,YAAU,kBACV,cAAaA,EACb,UAAWJ,EAAAA,GACTM,iBAAe,CACb,QAASF,EAAW,UAAY,QAChC,KAAAC,CAAA,CACD,EACDT,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,EACAM,EAAe,YAAc,iBAE7B,MAAMI,EAAqBZ,EAAM,WAG/B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BU,EAAAA,KAACL,EAAA,CACC,IAAAL,EACA,aAAW,sBACX,KAAK,UACL,UAAWE,EAAAA,GAAG,yBAA0BJ,CAAS,EAChD,GAAGC,EAEJ,SAAA,CAAAE,EAAAA,IAACU,EAAAA,gBAAA,EAAgB,EACjBV,EAAAA,IAAC,OAAA,CAAK,UAAU,kBAAkB,SAAA,UAAA,CAAQ,CAAA,CAAA,CAC5C,CACD,EACDQ,EAAmB,YAAc,qBAEjC,MAAMG,EAAiBf,EAAM,WAG3B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BU,EAAAA,KAACL,EAAA,CACC,IAAAL,EACA,aAAW,kBACX,KAAK,UACL,UAAWE,EAAAA,GAAG,yBAA0BJ,CAAS,EAChD,GAAGC,EAEJ,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,kBAAkB,SAAA,OAAI,QACrCY,EAAAA,iBAAA,CAAA,CAAiB,CAAA,CAAA,CACpB,CACD,EACDD,EAAe,YAAc,iBAE7B,MAAME,EAAqBjB,EAAM,WAG/B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BU,EAAAA,KAAC,OAAA,CACC,IAAAV,EACA,cAAW,GACX,YAAU,sBACV,UAAWE,EAAAA,GAAG,0CAA2CJ,CAAS,EACjE,GAAGC,EAEJ,SAAA,CAAAE,EAAAA,IAACc,EAAAA,mBAAA,CAAmB,UAAU,QAAA,CAAS,EACvCd,EAAAA,IAAC,OAAA,CAAK,UAAU,UAAU,SAAA,YAAA,CAAU,CAAA,CAAA,CACtC,CACD,EACDa,EAAmB,YAAc"}

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

@@ -0,0 +1,106 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import * as o from "react";
+import { MoreHorizontalIcon as m, ChevronRightIcon as c, ChevronLeftIcon as d } from "lucide-react";
+import { cn as t } from "../utils.js";
+import { buttonVariants as g } from "../primitives/button.js";
+const f = o.forwardRef(
+  ({ className: i, ...a }, n) => /* @__PURE__ */ e(
+    "nav",
+    {
+      ref: n,
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: t("mx-auto flex w-full justify-center", i),
+      ...a
+    }
+  )
+);
+f.displayName = "Pagination";
+const N = o.forwardRef(({ className: i, ...a }, n) => /* @__PURE__ */ e(
+  "ul",
+  {
+    ref: n,
+    "data-slot": "pagination-content",
+    className: t("flex flex-row items-center gap-1", i),
+    ...a
+  }
+));
+N.displayName = "PaginationContent";
+const P = o.forwardRef(({ ...i }, a) => /* @__PURE__ */ e("li", { ref: a, "data-slot": "pagination-item", ...i }));
+P.displayName = "PaginationItem";
+const l = o.forwardRef(
+  ({ className: i, isActive: a, size: n = "icon", ...r }, p) => /* @__PURE__ */ e(
+    "a",
+    {
+      ref: p,
+      "aria-current": a ? "page" : void 0,
+      "data-slot": "pagination-link",
+      "data-active": a,
+      className: t(
+        g({
+          variant: a ? "outline" : "ghost",
+          size: n
+        }),
+        i
+      ),
+      ...r
+    }
+  )
+);
+l.displayName = "PaginationLink";
+const u = o.forwardRef(({ className: i, ...a }, n) => /* @__PURE__ */ s(
+  l,
+  {
+    ref: n,
+    "aria-label": "Go to previous page",
+    size: "default",
+    className: t("gap-1 px-2.5 sm:pl-2.5", i),
+    ...a,
+    children: [
+      /* @__PURE__ */ e(d, {}),
+      /* @__PURE__ */ e("span", { className: "hidden sm:block", children: "Previous" })
+    ]
+  }
+));
+u.displayName = "PaginationPrevious";
+const x = o.forwardRef(({ className: i, ...a }, n) => /* @__PURE__ */ s(
+  l,
+  {
+    ref: n,
+    "aria-label": "Go to next page",
+    size: "default",
+    className: t("gap-1 px-2.5 sm:pr-2.5", i),
+    ...a,
+    children: [
+      /* @__PURE__ */ e("span", { className: "hidden sm:block", children: "Next" }),
+      /* @__PURE__ */ e(c, {})
+    ]
+  }
+));
+x.displayName = "PaginationNext";
+const h = o.forwardRef(({ className: i, ...a }, n) => /* @__PURE__ */ s(
+  "span",
+  {
+    ref: n,
+    "aria-hidden": !0,
+    "data-slot": "pagination-ellipsis",
+    className: t("flex size-9 items-center justify-center", i),
+    ...a,
+    children: [
+      /* @__PURE__ */ e(m, { className: "size-4" }),
+      /* @__PURE__ */ e("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+));
+h.displayName = "PaginationEllipsis";
+export {
+  f as Pagination,
+  N as PaginationContent,
+  h as PaginationEllipsis,
+  P as PaginationItem,
+  l as PaginationLink,
+  x as PaginationNext,
+  u as PaginationPrevious
+};
+//# sourceMappingURL=pagination.js.map

package/dist/components/ui/navigation/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sources":["../../../../src/components/ui/navigation/pagination.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  MoreHorizontalIcon,\n} from \"lucide-react\";\n\nimport { cn } from \"../utils\";\nimport { Button, buttonVariants } from \"../primitives/button\";\n\nconst Pagination = React.forwardRef<HTMLElement, React.ComponentProps<\"nav\">>(\n  ({ className, ...props }, ref) => (\n    <nav\n      ref={ref}\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      {...props}\n    />\n  ),\n);\nPagination.displayName = \"Pagination\";\n\nconst PaginationContent = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    data-slot=\"pagination-content\"\n    className={cn(\"flex flex-row items-center gap-1\", className)}\n    {...props}\n  />\n));\nPaginationContent.displayName = \"PaginationContent\";\n\nconst PaginationItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ ...props }, ref) => (\n  <li ref={ref} data-slot=\"pagination-item\" {...props} />\n));\nPaginationItem.displayName = \"PaginationItem\";\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n  React.ComponentProps<\"a\">;\n\nconst PaginationLink = React.forwardRef<HTMLAnchorElement, PaginationLinkProps>(\n  ({ className, isActive, size = \"icon\", ...props }, ref) => (\n    <a\n      ref={ref}\n      aria-current={isActive ? \"page\" : undefined}\n      data-slot=\"pagination-link\"\n      data-active={isActive}\n      className={cn(\n        buttonVariants({\n          variant: isActive ? \"outline\" : \"ghost\",\n          size,\n        }),\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nPaginationLink.displayName = \"PaginationLink\";\n\nconst PaginationPrevious = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentProps<typeof PaginationLink>\n>(({ className, ...props }, ref) => (\n  <PaginationLink\n    ref={ref}\n    aria-label=\"Go to previous page\"\n    size=\"default\"\n    className={cn(\"gap-1 px-2.5 sm:pl-2.5\", className)}\n    {...props}\n  >\n    <ChevronLeftIcon />\n    <span className=\"hidden sm:block\">Previous</span>\n  </PaginationLink>\n));\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nconst PaginationNext = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentProps<typeof PaginationLink>\n>(({ className, ...props }, ref) => (\n  <PaginationLink\n    ref={ref}\n    aria-label=\"Go to next page\"\n    size=\"default\"\n    className={cn(\"gap-1 px-2.5 sm:pr-2.5\", className)}\n    {...props}\n  >\n    <span className=\"hidden sm:block\">Next</span>\n    <ChevronRightIcon />\n  </PaginationLink>\n));\nPaginationNext.displayName = \"PaginationNext\";\n\nconst PaginationEllipsis = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentProps<\"span\">\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    aria-hidden\n    data-slot=\"pagination-ellipsis\"\n    className={cn(\"flex size-9 items-center justify-center\", className)}\n    {...props}\n  >\n    <MoreHorizontalIcon className=\"size-4\" />\n    <span className=\"sr-only\">More pages</span>\n  </span>\n));\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n};\n"],"names":["Pagination","React","className","props","ref","jsx","cn","PaginationContent","PaginationItem","PaginationLink","isActive","size","buttonVariants","PaginationPrevious","jsxs","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","MoreHorizontalIcon"],"mappings":"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"}