@cryptlex/web-components 3.0.0 → 3.1.0

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

@@ -1,112 +1,131 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { cn as d } from "../../utils/index.es.js";
-import { Root as h, Trigger as y, Group as R, Portal as m, Content as l, CheckboxItem as p, ItemIndicator as c, RadioGroup as x, RadioItem as u, Sub as D, SubTrigger as f, Item as b, Label as w, SubContent as N } from "../../node_modules/.pnpm/@radix-ui_react-dropdown-menu@2.1.14_@types_react-dom@18.3.7_@types_react@18.3.21_react-dom@18.3.1_react@18.3.1/node_modules/@radix-ui/react-dropdown-menu/dist/index.es.js";
-import { Check as g, ChevronRight as I } from "lucide-react";
-import * as n from "react";
-const q = h, A = y, B = R, E = m, F = D, H = x, M = n.forwardRef(({ className: a, inset: e, children: o, ...s }, r) => /* @__PURE__ */ i(
-  f,
-  {
-    ref: r,
-    className: d(
-      "flex cursor-default select-none items-center px-2 py-1.5 body outline-hidden focus:bg-accent data-[state=open]:bg-accent",
-      e && "pl-8",
-      a
-    ),
-    ...s,
-    children: [
-      o,
-      /* @__PURE__ */ t(I, { className: "ml-auto size-4" })
-    ]
-  }
-));
-M.displayName = f.displayName;
-const z = n.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
-  N,
-  {
-    ref: o,
-    className: d(
-      "z-50 min-w-32 overflow-hidden border bg-popover text-popover-foreground shadow-lg 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",
-      a
-    ),
-    ...e
-  }
-));
-z.displayName = N.displayName;
-const C = n.forwardRef(({ className: a, sideOffset: e = 4, ...o }, s) => /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(
-  l,
-  {
-    ref: s,
-    align: "start",
-    sideOffset: e,
-    className: d(
-      "z-50 min-w-48 max-w-2xs overflow-y-auto max-h-48 border bg-popover text-popover-foreground",
-      "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",
-      a
-    ),
-    ...o
-  }
-) }));
-C.displayName = l.displayName;
-const S = n.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
-  b,
-  {
-    ref: o,
-    className: d("dropdown-item"),
-    ...e
-  }
-));
-S.displayName = b.displayName;
-const v = n.forwardRef(({ className: a, children: e, checked: o, ...s }, r) => /* @__PURE__ */ i(
-  p,
-  {
-    ref: r,
-    className: d("dropdown-item", a),
-    checked: o,
-    ...s,
-    children: [
-      /* @__PURE__ */ t(c, { className: "absolute right-2 size-icon", children: /* @__PURE__ */ t(g, { className: "size-icon" }) }),
-      e
-    ]
-  }
-));
-v.displayName = p.displayName;
-const G = n.forwardRef(({ className: a, children: e, ...o }, s) => /* @__PURE__ */ i(
-  u,
-  {
-    ref: s,
-    className: d("dropdown-item", a),
-    ...o,
-    children: [
-      /* @__PURE__ */ t(c, { className: "absolute right-2 size-icon", children: /* @__PURE__ */ t(g, { className: "size-icon" }) }),
-      e
-    ]
-  }
-));
-G.displayName = u.displayName;
-const T = n.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
-  w,
-  {
-    ref: o,
-    className: d(
-      "p-2 border-b caption",
-      a
-    ),
-    ...e
-  }
-));
-T.displayName = w.displayName;
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { cn as n } from "../../utils/index.es.js";
+import { Root as c, Trigger as u, Group as l, Portal as d, Content as p, CheckboxItem as f, ItemIndicator as i, RadioGroup as b, RadioItem as g, Sub as h, SubTrigger as w, SubContent as x, Item as D, Label as I } from "../../node_modules/.pnpm/@radix-ui_react-dropdown-menu@2.1.15_@types_react-dom@19.1.0_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0/node_modules/@radix-ui/react-dropdown-menu/dist/index.es.js";
+import { Check as m, ChevronRight as M } from "lucide-react";
+const S = c, v = u, G = l, T = d, k = h, y = b;
+function L({
+  className: e,
+  inset: o,
+  children: a,
+  ...r
+}) {
+  return /* @__PURE__ */ s(
+    w,
+    {
+      className: n(
+        "flex cursor-default select-none items-center px-2 py-1.5 body outline-hidden focus:bg-accent data-[state=open]:bg-accent",
+        o && "pl-8",
+        e
+      ),
+      ...r,
+      children: [
+        a,
+        /* @__PURE__ */ t(M, { className: "ml-auto size-4" })
+      ]
+    }
+  );
+}
+function P({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    x,
+    {
+      className: n(
+        "z-50 min-w-32 overflow-hidden border bg-popover text-popover-foreground shadow-lg 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",
+        e
+      ),
+      ...o
+    }
+  );
+}
+function j({
+  className: e,
+  sideOffset: o = 4,
+  ...a
+}) {
+  return /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(
+    p,
+    {
+      align: "start",
+      sideOffset: o,
+      className: n(
+        "z-50 min-w-48 max-w-2xs overflow-y-auto max-h-48 border bg-popover text-popover-foreground",
+        "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",
+        e
+      ),
+      ...a
+    }
+  ) });
+}
+function q({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(D, { className: n("dropdown-item"), ...o });
+}
+function A({
+  className: e,
+  children: o,
+  checked: a,
+  ...r
+}) {
+  return /* @__PURE__ */ s(
+    f,
+    {
+      className: n("dropdown-item", e),
+      checked: a,
+      ...r,
+      children: [
+        /* @__PURE__ */ t(i, { className: "absolute right-2 size-icon", children: /* @__PURE__ */ t(m, { className: "size-icon" }) }),
+        o
+      ]
+    }
+  );
+}
+function B({
+  className: e,
+  children: o,
+  ...a
+}) {
+  return /* @__PURE__ */ s(
+    g,
+    {
+      className: n("dropdown-item", e),
+      ...a,
+      children: [
+        /* @__PURE__ */ t(i, { className: "absolute right-2 size-icon", children: /* @__PURE__ */ t(m, { className: "size-icon" }) }),
+        o
+      ]
+    }
+  );
+}
+function E({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    I,
+    {
+      className: n("p-2 border-b caption", e),
+      ...o
+    }
+  );
+}
 export {
-  q as DropdownMenu,
-  v as DropdownMenuCheckboxItem,
-  C as DropdownMenuContent,
-  B as DropdownMenuGroup,
-  S as DropdownMenuItem,
-  T as DropdownMenuLabel,
-  E as DropdownMenuPortal,
-  H as DropdownMenuRadioGroup,
-  G as DropdownMenuRadioItem,
-  F as DropdownMenuSub,
-  M as DropdownMenuSubTrigger,
-  A as DropdownMenuTrigger
+  S as DropdownMenu,
+  A as DropdownMenuCheckboxItem,
+  j as DropdownMenuContent,
+  G as DropdownMenuGroup,
+  q as DropdownMenuItem,
+  E as DropdownMenuLabel,
+  T as DropdownMenuPortal,
+  y as DropdownMenuRadioGroup,
+  B as DropdownMenuRadioItem,
+  k as DropdownMenuSub,
+  P as DropdownMenuSubContent,
+  L as DropdownMenuSubTrigger,
+  v as DropdownMenuTrigger
 };
 //# sourceMappingURL=dropdown-menu.es.js.map

package/dist/components/ui/dropdown-menu.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.es.js","sources":["../../../lib/components/ui/dropdown-menu.tsx"],"sourcesContent":["import { cn } from \"@/utils\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { Check, ChevronRight } from \"lucide-react\"\nimport * as React from \"react\"\n\nexport const DropdownMenu = DropdownMenuPrimitive.Root\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\nexport const DropdownMenuGroup = DropdownMenuPrimitive.Group\nexport const DropdownMenuPortal = DropdownMenuPrimitive.Portal\nexport const DropdownMenuSub = DropdownMenuPrimitive.Sub\nexport const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\n/**\n * TODO (mudasirpandith)\n * Focus on trigger.\n * Focus on content after trigger is pressed?\n * List keyboard navigation in buttons within DropdownItems\n */\n\nexport const DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      \"flex cursor-default select-none items-center px-2 py-1.5 body outline-hidden focus:bg-accent data-[state=open]:bg-accent\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto size-4\" />\n  </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName =\n  DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      \"z-50 min-w-32 overflow-hidden border bg-popover text-popover-foreground shadow-lg 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\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuSubContent.displayName =\n  DropdownMenuPrimitive.SubContent.displayName\n\nexport const DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      align=\"start\"\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 min-w-48 max-w-2xs overflow-y-auto max-h-48 border bg-popover text-popover-foreground\",\n        \"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\",\n        className\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nexport const DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\"dropdown-item\")}\n    {...props}\n  />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nexport const DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\"dropdown-item\", className)}\n    checked={checked}\n    {...props}\n  >\n    <DropdownMenuPrimitive.ItemIndicator className=\"absolute right-2 size-icon\">\n      <Check className=\"size-icon\" />\n    </DropdownMenuPrimitive.ItemIndicator>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName =\n  DropdownMenuPrimitive.CheckboxItem.displayName\n\nexport const DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\"dropdown-item\", className)}\n    {...props}\n  >\n    <DropdownMenuPrimitive.ItemIndicator className=\"absolute right-2 size-icon\">\n      <Check className=\"size-icon\" />\n    </DropdownMenuPrimitive.ItemIndicator>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nexport const DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn(\n      \"p-2 border-b caption\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\n"],"names":["DropdownMenu","DropdownMenuPrimitive.Root","DropdownMenuTrigger","DropdownMenuPrimitive.Trigger","DropdownMenuGroup","DropdownMenuPrimitive.Group","DropdownMenuPortal","DropdownMenuPrimitive.Portal","DropdownMenuSub","DropdownMenuPrimitive.Sub","DropdownMenuRadioGroup","DropdownMenuPrimitive.RadioGroup","DropdownMenuSubTrigger","React","className","inset","children","props","ref","jsxs","DropdownMenuPrimitive.SubTrigger","cn","jsx","ChevronRight","DropdownMenuSubContent","DropdownMenuPrimitive.SubContent","DropdownMenuContent","sideOffset","DropdownMenuPrimitive.Content","DropdownMenuItem","DropdownMenuPrimitive.Item","DropdownMenuCheckboxItem","checked","DropdownMenuPrimitive.CheckboxItem","DropdownMenuPrimitive.ItemIndicator","Check","DropdownMenuRadioItem","DropdownMenuPrimitive.RadioItem","DropdownMenuLabel","DropdownMenuPrimitive.Label"],"mappings":"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"}
+{"version":3,"file":"dropdown-menu.es.js","sources":["../../../lib/components/ui/dropdown-menu.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { Check, ChevronRight } from \"lucide-react\";\nimport type * as React from \"react\";\n\nexport const DropdownMenu = DropdownMenuPrimitive.Root;\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\nexport const DropdownMenuGroup = DropdownMenuPrimitive.Group;\nexport const DropdownMenuPortal = DropdownMenuPrimitive.Portal;\nexport const DropdownMenuSub = DropdownMenuPrimitive.Sub;\nexport const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\n/**\n * TODO (mudasirpandith)\n * Focus on trigger.\n * Focus on content after trigger is pressed?\n * List keyboard navigation in buttons within DropdownItems\n */\nexport function DropdownMenuSubTrigger({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<DropdownMenuPrimitive.SubTrigger\n\t\t\tclassName={cn(\n\t\t\t\t\"flex cursor-default select-none items-center px-2 py-1.5 body outline-hidden focus:bg-accent data-[state=open]:bg-accent\",\n\t\t\t\tinset && \"pl-8\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<ChevronRight className=\"ml-auto size-4\" />\n\t\t</DropdownMenuPrimitive.SubTrigger>\n\t);\n}\n\nexport function DropdownMenuSubContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.SubContent\n\t\t\tclassName={cn(\n\t\t\t\t\"z-50 min-w-32 overflow-hidden border bg-popover text-popover-foreground shadow-lg 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\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function DropdownMenuContent({\n\tclassName,\n\tsideOffset = 4,\n\t...props\n}: React.CustomComponentPropsWithRef<typeof DropdownMenuPrimitive.Content>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Portal>\n\t\t\t<DropdownMenuPrimitive.Content\n\t\t\t\talign=\"start\"\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"z-50 min-w-48 max-w-2xs overflow-y-auto max-h-48 border bg-popover text-popover-foreground\",\n\t\t\t\t\t\"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\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</DropdownMenuPrimitive.Portal>\n\t);\n}\n\nexport function DropdownMenuItem({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Item className={cn(\"dropdown-item\")} {...props} />\n\t);\n}\n\nexport function DropdownMenuCheckboxItem({\n\tclassName,\n\tchildren,\n\tchecked,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.CheckboxItem\n\t\t\tclassName={cn(\"dropdown-item\", className)}\n\t\t\tchecked={checked}\n\t\t\t{...props}\n\t\t>\n\t\t\t<DropdownMenuPrimitive.ItemIndicator className=\"absolute right-2 size-icon\">\n\t\t\t\t<Check className=\"size-icon\" />\n\t\t\t</DropdownMenuPrimitive.ItemIndicator>\n\t\t\t{children}\n\t\t</DropdownMenuPrimitive.CheckboxItem>\n\t);\n}\n\nexport function DropdownMenuRadioItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.RadioItem\n\t\t\tclassName={cn(\"dropdown-item\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<DropdownMenuPrimitive.ItemIndicator className=\"absolute right-2 size-icon\">\n\t\t\t\t<Check className=\"size-icon\" />\n\t\t\t</DropdownMenuPrimitive.ItemIndicator>\n\t\t\t{children}\n\t\t</DropdownMenuPrimitive.RadioItem>\n\t);\n}\n\nexport function DropdownMenuLabel({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Label\n\t\t\tclassName={cn(\"p-2 border-b caption\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}"],"names":["DropdownMenu","DropdownMenuPrimitive.Root","DropdownMenuTrigger","DropdownMenuPrimitive.Trigger","DropdownMenuGroup","DropdownMenuPrimitive.Group","DropdownMenuPortal","DropdownMenuPrimitive.Portal","DropdownMenuSub","DropdownMenuPrimitive.Sub","DropdownMenuRadioGroup","DropdownMenuPrimitive.RadioGroup","DropdownMenuSubTrigger","className","inset","children","props","jsxs","DropdownMenuPrimitive.SubTrigger","cn","jsx","ChevronRight","DropdownMenuSubContent","DropdownMenuPrimitive.SubContent","DropdownMenuContent","sideOffset","DropdownMenuPrimitive.Content","DropdownMenuItem","DropdownMenuPrimitive.Item","DropdownMenuCheckboxItem","checked","DropdownMenuPrimitive.CheckboxItem","DropdownMenuPrimitive.ItemIndicator","Check","DropdownMenuRadioItem","DropdownMenuPrimitive.RadioItem","DropdownMenuLabel","DropdownMenuPrimitive.Label"],"mappings":";;;;AAKO,MAAMA,IAAeC,GACfC,IAAsBC,GACtBC,IAAoBC,GACpBC,IAAqBC,GACrBC,IAAkBC,GAClBC,IAAyBC;AAQ/B,SAASC,EAAuB;AAAA,EACtC,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACJ,GAEG;AAED,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACA,WAAWC;AAAA,QACV;AAAA,QACAL,KAAS;AAAA,QACTD;AAAA,MACD;AAAA,MACC,GAAGG;AAAA,MAEH,UAAA;AAAA,QAAAD;AAAA,QACD,gBAAAK,EAACC,GAAa,EAAA,WAAU,iBAAiB,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC1C;AAEF;AAEO,SAASC,EAAuB;AAAA,EACtC,WAAAT;AAAA,EACA,GAAGG;AACJ,GAAkE;AAEhE,SAAA,gBAAAI;AAAA,IAACG;AAAAA,IAAA;AAAA,MACA,WAAWJ;AAAA,QACV;AAAA,QACAN;AAAA,MACD;AAAA,MACC,GAAGG;AAAA,IAAA;AAAA,EACL;AAEF;AAEO,SAASQ,EAAoB;AAAA,EACnC,WAAAX;AAAA,EACA,YAAAY,IAAa;AAAA,EACb,GAAGT;AACJ,GAA4E;AAE1E,SAAA,gBAAAI,EAACb,GAAA,EACA,UAAA,gBAAAa;AAAA,IAACM;AAAAA,IAAA;AAAA,MACA,OAAM;AAAA,MACN,YAAAD;AAAA,MACA,WAAWN;AAAA,QACV;AAAA,QACA;AAAA,QACAN;AAAA,MACD;AAAA,MACC,GAAGG;AAAA,IAAA;AAAA,EAAA,GAEN;AAEF;AAEO,SAASW,EAAiB;AAAA,EAChC,WAAAd;AAAA,EACA,GAAGG;AACJ,GAA4D;AAE1D,SAAA,gBAAAI,EAACQ,GAAA,EAA2B,WAAWT,EAAG,eAAe,GAAI,GAAGH,GAAO;AAEzE;AAEO,SAASa,EAAyB;AAAA,EACxC,WAAAhB;AAAA,EACA,UAAAE;AAAA,EACA,SAAAe;AAAA,EACA,GAAGd;AACJ,GAAoE;AAElE,SAAA,gBAAAC;AAAA,IAACc;AAAAA,IAAA;AAAA,MACA,WAAWZ,EAAG,iBAAiBN,CAAS;AAAA,MACxC,SAAAiB;AAAA,MACC,GAAGd;AAAA,MAEJ,UAAA;AAAA,QAAC,gBAAAI,EAAAY,GAAA,EAAoC,WAAU,8BAC9C,UAAC,gBAAAZ,EAAAa,GAAA,EAAM,WAAU,YAAA,CAAY,EAC9B,CAAA;AAAA,QACClB;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEF;AAEO,SAASmB,EAAsB;AAAA,EACrC,WAAArB;AAAA,EACA,UAAAE;AAAA,EACA,GAAGC;AACJ,GAAiE;AAE/D,SAAA,gBAAAC;AAAA,IAACkB;AAAAA,IAAA;AAAA,MACA,WAAWhB,EAAG,iBAAiBN,CAAS;AAAA,MACvC,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAC,gBAAAI,EAAAY,GAAA,EAAoC,WAAU,8BAC9C,UAAC,gBAAAZ,EAAAa,GAAA,EAAM,WAAU,YAAA,CAAY,EAC9B,CAAA;AAAA,QACClB;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEF;AAEO,SAASqB,EAAkB;AAAA,EACjC,WAAAvB;AAAA,EACA,GAAGG;AACJ,GAA6D;AAE3D,SAAA,gBAAAI;AAAA,IAACiB;AAAAA,IAAA;AAAA,MACA,WAAWlB,EAAG,wBAAwBN,CAAS;AAAA,MAC9C,GAAGG;AAAA,IAAA;AAAA,EACL;AAEF;"}

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

@@ -1,17 +1,22 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Root as o } from "../../node_modules/.pnpm/@radix-ui_react-label@2.1.6_@types_react-dom@18.3.7_@types_react@18.3.21_react-dom@18.3.1_react@18.3.1/node_modules/@radix-ui/react-label/dist/index.es.js";
-import * as l from "react";
-import { cn as m } from "../../utils/index.es.js";
-const i = l.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
-  o,
-  {
-    ref: r,
-    className: m("body block mb-2 font-light select-none leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", e),
-    ...a
-  }
-));
-i.displayName = o.displayName;
+import { jsx as r } from "react/jsx-runtime";
+import { Root as t } from "../../node_modules/.pnpm/@radix-ui_react-label@2.1.7_@types_react-dom@19.1.0_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0/node_modules/@radix-ui/react-label/dist/index.es.js";
+import { cn as n } from "../../utils/index.es.js";
+function m({
+  className: o,
+  ...e
+}) {
+  return /* @__PURE__ */ r(
+    t,
+    {
+      className: n(
+        "body block mb-2 font-light select-none leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        o
+      ),
+      ...e
+    }
+  );
+}
 export {
-  i as Label
+  m as Label
 };
 //# sourceMappingURL=label.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"label.es.js","sources":["../../../lib/components/ui/label.tsx"],"sourcesContent":["import * as LabelPrimitive from \"@radix-ui/react-label\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/utils\"\n\n// TODO (mudasirpandith), combine with input, click on label to click on input\n// All form inputs have a label, the only exception is the search input, which is anyway abstracted by the data table\n// Make sure all inputs have a label as well instead of having to enter the label separately.\n\nconst Label = React.forwardRef<React.ElementRef<typeof LabelPrimitive.Root>, React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>>(({ className, ...props }, ref) => (\n  <LabelPrimitive.Root\n    ref={ref}\n    className={cn(\"body block mb-2 font-light select-none leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\", className)}\n    {...props}\n  />\n))\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n"],"names":["Label","React","className","props","ref","jsx","LabelPrimitive.Root","cn"],"mappings":";;;;AASM,MAAAA,IAAQC,EAAM,WAAqH,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MACjK,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,iHAAiHL,CAAS;AAAA,IACvI,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAM,cAAcM,EAAoB;"}
+{"version":3,"file":"label.es.js","sources":["../../../lib/components/ui/label.tsx"],"sourcesContent":["import * as LabelPrimitive from \"@radix-ui/react-label\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n// TODO (mudasirpandith), combine with input, click on label to click on input\n// All form inputs have a label, the only exception is the search input, which is anyway abstracted by the data table\n// Make sure all inputs have a label as well instead of having to enter the label separately.\n\nexport function Label({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n\treturn (\n\t\t<LabelPrimitive.Root\n\t\t\tclassName={cn(\n\t\t\t\t\"body block mb-2 font-light select-none leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"names":["Label","className","props","jsx","LabelPrimitive.Root","cn"],"mappings":";;;AASO,SAASA,EAAM;AAAA,EACrB,WAAAC;AAAA,EACA,GAAGC;AACJ,GAAqD;AAEnD,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACA,WAAWC;AAAA,QACV;AAAA,QACAJ;AAAA,MACD;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACL;AAEF;"}

package/dist/components/ui/loader.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"loader.es.js","sources":["../../../lib/components/ui/loader.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport { Loader2 } from \"lucide-react\";\n\ninterface LoaderProps {\n  className?: string; // Define props interface\n}\n\nexport function Loader({ className }: LoaderProps) {\n  return <Loader2 className={cn(`animate-spin size-icon`, className)} />;\n}\n"],"names":["Loader","className","Loader2","cn"],"mappings":";;;AAOgB,SAAAA,EAAO,EAAE,WAAAC,KAA0B;AACjD,2BAAQC,GAAQ,EAAA,WAAWC,EAAG,0BAA0BF,CAAS,GAAG;AACtE;"}
+{"version":3,"file":"loader.es.js","sources":["../../../lib/components/ui/loader.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport { Loader2 } from \"lucide-react\";\n\ninterface LoaderProps {\n\tclassName?: string; // Define props interface\n}\n\nexport function Loader({ className }: LoaderProps) {\n\treturn <Loader2 className={cn(`animate-spin size-icon`, className)} />;\n}\n"],"names":["Loader","className","Loader2","cn"],"mappings":";;;AAOgB,SAAAA,EAAO,EAAE,WAAAC,KAA0B;AAClD,2BAAQC,GAAQ,EAAA,WAAWC,EAAG,0BAA0BF,CAAS,GAAG;AACrE;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.es.js","sources":["../../../lib/components/ui/pagination.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { ButtonProps, buttonVariants } from \"@/components/ui/button\"\nimport { cn } from \"@/utils\"\nimport { ChevronLeft, ChevronRight, DotSquare } from \"lucide-react\"\n\nconst Pagination = ({ className, ...props }: React.ComponentProps<\"nav\">) => (\n  <nav\n    role=\"navigation\"\n    aria-label=\"pagination\"\n    className={cn(\"mx-auto flex w-full justify-center\", className)}\n    {...props}\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    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>(({ className, ...props }, ref) => (\n  <li ref={ref} className={cn(\"\", className)} {...props} />\n))\nPaginationItem.displayName = \"PaginationItem\"\n\ntype PaginationLinkProps = {\n  isActive?: boolean\n} & Pick<ButtonProps, \"size\"> &\n  React.ComponentProps<\"a\">\n\nconst PaginationLink = ({\n  className,\n  isActive,\n  size = \"default\",\n  ...props\n}: PaginationLinkProps) => (\n  <a\n    aria-current={isActive ? \"page\" : undefined}\n    className={cn(\n      buttonVariants({\n        variant: isActive ? \"outline\" : \"ghost\",\n        size,\n      }),\n      className\n    )}\n    {...props}\n  />\n)\nPaginationLink.displayName = \"PaginationLink\"\n\nconst PaginationPrevious = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to previous page\"\n    size=\"default\"\n    className={cn(\"gap-1 pl-2.5\", className)}\n    {...props}\n  >\n    <ChevronLeft className=\"size-icon\" />\n    <span>Previous</span>\n  </PaginationLink>\n)\nPaginationPrevious.displayName = \"PaginationPrevious\"\n\nconst PaginationNext = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to next page\"\n    size=\"default\"\n    className={cn(\"gap-1 pr-2.5\", className)}\n    {...props}\n  >\n    <span>Next</span>\n    <ChevronRight className=\"size-icon\" />\n  </PaginationLink>\n)\nPaginationNext.displayName = \"PaginationNext\"\n\nconst PaginationEllipsis = ({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) => (\n  <span\n    aria-hidden\n    className={cn(\"flex size-9 items-center justify-center\", className)}\n    {...props}\n  >\n    <DotSquare className=\"size-icon\" />\n    <span className=\"sr-only\">More pages</span>\n  </span>\n)\nPaginationEllipsis.displayName = \"PaginationEllipsis\"\n\nexport {\n  Pagination,\n  PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious\n}\n\n"],"names":["Pagination","className","props","jsx","cn","PaginationContent","React","ref","PaginationItem","PaginationLink","isActive","size","buttonVariants","PaginationPrevious","jsxs","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","DotSquare"],"mappings":";;;;;AAMA,MAAMA,IAAa,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAClC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,cAAW;AAAA,IACX,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,IAC5D,GAAGC;AAAA,EAAA;AACN;AAEFF,EAAW,cAAc;AAEnB,MAAAK,IAAoBC,EAAM,WAG9B,CAAC,EAAE,WAAAL,GAAW,GAAGC,EAAM,GAAGK,MAC1B,gBAAAJ;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAI;AAAA,IACA,WAAWH,EAAG,oCAAoCH,CAAS;AAAA,IAC1D,GAAGC;AAAA,EAAA;AACN,CACD;AACDG,EAAkB,cAAc;AAE1B,MAAAG,IAAiBF,EAAM,WAG3B,CAAC,EAAE,WAAAL,GAAW,GAAGC,EAAS,GAAAK,wBACzB,MAAG,EAAA,KAAAA,GAAU,WAAWH,EAAG,IAAIH,CAAS,GAAI,GAAGC,GAAO,CACxD;AACDM,EAAe,cAAc;AAO7B,MAAMC,IAAiB,CAAC;AAAA,EACtB,WAAAR;AAAA,EACA,UAAAS;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGT;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,gBAAcO,IAAW,SAAS;AAAA,IAClC,WAAWN;AAAA,MACTQ,EAAe;AAAA,QACb,SAASF,IAAW,YAAY;AAAA,QAChC,MAAAC;AAAA,MAAA,CACD;AAAA,MACDV;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFO,EAAe,cAAc;AAE7B,MAAMI,IAAqB,CAAC;AAAA,EAC1B,WAAAZ;AAAA,EACA,GAAGC;AACL,MACE,gBAAAY;AAAA,EAACL;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAWL,EAAG,gBAAgBH,CAAS;AAAA,IACtC,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAC,gBAAAC,EAAAY,GAAA,EAAY,WAAU,YAAY,CAAA;AAAA,MACnC,gBAAAZ,EAAC,UAAK,UAAQ,WAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AAChB;AAEFU,EAAmB,cAAc;AAEjC,MAAMG,IAAiB,CAAC;AAAA,EACtB,WAAAf;AAAA,EACA,GAAGC;AACL,MACE,gBAAAY;AAAA,EAACL;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAWL,EAAG,gBAAgBH,CAAS;AAAA,IACtC,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAC,EAAC,UAAK,UAAI,OAAA,CAAA;AAAA,MACV,gBAAAA,EAACc,GAAa,EAAA,WAAU,YAAY,CAAA;AAAA,IAAA;AAAA,EAAA;AACtC;AAEFD,EAAe,cAAc;AAE7B,MAAME,IAAqB,CAAC;AAAA,EAC1B,WAAAjB;AAAA,EACA,GAAGC;AACL,MACE,gBAAAY;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAW;AAAA,IACX,WAAWV,EAAG,2CAA2CH,CAAS;AAAA,IACjE,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAC,gBAAAC,EAAAgB,GAAA,EAAU,WAAU,YAAY,CAAA;AAAA,MAChC,gBAAAhB,EAAA,QAAA,EAAK,WAAU,WAAU,UAAU,aAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AACtC;AAEFe,EAAmB,cAAc;"}
+{"version":3,"file":"pagination.es.js","sources":["../../../lib/components/ui/pagination.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { type ButtonProps, buttonVariants } from \"@/components/ui/button\";\nimport { cn } from \"@/utils\";\nimport { ChevronLeft, ChevronRight, DotSquare } from \"lucide-react\";\n\nexport function Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n\treturn (\n\t\t<nav\n\t\t\trole=\"navigation\"\n\t\t\taria-label=\"pagination\"\n\t\t\tclassName={cn(\"mx-auto flex w-full justify-center\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function PaginationContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"ul\">) {\n\treturn (\n\t\t<ul\n\t\t\tclassName={cn(\"flex flex-row items-center gap-1\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function PaginationItem({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"li\">) {\n\treturn (\n\t\t<li className={cn(\"\", className)} {...props} />\n\t);\n}\n\ntype PaginationLinkProps = {\n\tisActive?: boolean;\n} & Pick<ButtonProps, \"size\"> &\n\tReact.ComponentProps<\"a\">;\n\nexport function PaginationLink({\n\tclassName,\n\tisActive,\n\tsize = \"default\",\n\t...props\n}: PaginationLinkProps) {\n\treturn (\n\t\t<a\n\t\t\taria-current={isActive ? \"page\" : undefined}\n\t\t\tclassName={cn(\n\t\t\t\tbuttonVariants({\n\t\t\t\t\tvariant: isActive ? \"outline\" : \"ghost\",\n\t\t\t\t\tsize,\n\t\t\t\t}),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function PaginationPrevious({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof PaginationLink>) {\n\treturn (\n\t\t<PaginationLink\n\t\t\taria-label=\"Go to previous page\"\n\t\t\tsize=\"default\"\n\t\t\tclassName={cn(\"gap-1 pl-2.5\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ChevronLeft className=\"size-icon\" />\n\t\t\t<span>Previous</span>\n\t\t</PaginationLink>\n\t);\n}\n\nexport function PaginationNext({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof PaginationLink>) {\n\treturn (\n\t\t<PaginationLink\n\t\t\taria-label=\"Go to next page\"\n\t\t\tsize=\"default\"\n\t\t\tclassName={cn(\"gap-1 pr-2.5\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span>Next</span>\n\t\t\t<ChevronRight className=\"size-icon\" />\n\t\t</PaginationLink>\n\t);\n}\n\nexport function PaginationEllipsis({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\taria-hidden\n\t\t\tclassName={cn(\"flex size-9 items-center justify-center\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<DotSquare className=\"size-icon\" />\n\t\t\t<span className=\"sr-only\">More pages</span>\n\t\t</span>\n\t);\n}\n"],"names":["Pagination","className","props","jsx","cn","PaginationContent","PaginationItem","PaginationLink","isActive","size","buttonVariants","PaginationPrevious","jsxs","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","DotSquare"],"mappings":";;;;AAMO,SAASA,EAAW,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AAE/E,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,MAC5D,GAAGC;AAAA,IAAA;AAAA,EACL;AAEF;AAEO,SAASG,EAAkB;AAAA,EACjC,WAAAJ;AAAA,EACA,GAAGC;AACJ,GAA+B;AAE7B,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC,EAAG,oCAAoCH,CAAS;AAAA,MAC1D,GAAGC;AAAA,IAAA;AAAA,EACL;AAEF;AAEO,SAASI,EAAe;AAAA,EAC9B,WAAAL;AAAA,EACA,GAAGC;AACJ,GAA+B;AAE7B,SAAA,gBAAAC,EAAC,QAAG,WAAWC,EAAG,IAAIH,CAAS,GAAI,GAAGC,GAAO;AAE/C;AAOO,SAASK,EAAe;AAAA,EAC9B,WAAAN;AAAA,EACA,UAAAO;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGP;AACJ,GAAwB;AAEtB,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,gBAAcK,IAAW,SAAS;AAAA,MAClC,WAAWJ;AAAA,QACVM,EAAe;AAAA,UACd,SAASF,IAAW,YAAY;AAAA,UAChC,MAAAC;AAAA,QAAA,CACA;AAAA,QACDR;AAAA,MACD;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACL;AAEF;AAEO,SAASS,EAAmB;AAAA,EAClC,WAAAV;AAAA,EACA,GAAGC;AACJ,GAAgD;AAE9C,SAAA,gBAAAU;AAAA,IAACL;AAAA,IAAA;AAAA,MACA,cAAW;AAAA,MACX,MAAK;AAAA,MACL,WAAWH,EAAG,gBAAgBH,CAAS;AAAA,MACtC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAC,gBAAAC,EAAAU,GAAA,EAAY,WAAU,YAAY,CAAA;AAAA,QACnC,gBAAAV,EAAC,UAAK,UAAQ,WAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACf;AAEF;AAEO,SAASW,EAAe;AAAA,EAC9B,WAAAb;AAAA,EACA,GAAGC;AACJ,GAAgD;AAE9C,SAAA,gBAAAU;AAAA,IAACL;AAAA,IAAA;AAAA,MACA,cAAW;AAAA,MACX,MAAK;AAAA,MACL,WAAWH,EAAG,gBAAgBH,CAAS;AAAA,MACtC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAAC,UAAK,UAAI,OAAA,CAAA;AAAA,QACV,gBAAAA,EAACY,GAAa,EAAA,WAAU,YAAY,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACrC;AAEF;AAEO,SAASC,EAAmB;AAAA,EAClC,WAAAf;AAAA,EACA,GAAGC;AACJ,GAAiC;AAE/B,SAAA,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,eAAW;AAAA,MACX,WAAWR,EAAG,2CAA2CH,CAAS;AAAA,MACjE,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAC,gBAAAC,EAAAc,GAAA,EAAU,WAAU,YAAY,CAAA;AAAA,QAChC,gBAAAd,EAAA,QAAA,EAAK,WAAU,WAAU,UAAU,aAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACrC;AAEF;"}