@cryptlex/web-components 2.0.2 → 3.0.0

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

@@ -1,41 +1,41 @@
 "use client";
 import { jsx as s } from "react/jsx-runtime";
-import * as a from "@radix-ui/react-avatar";
-import * as t from "react";
+import { Root as o, Fallback as t, Image as i } from "../../node_modules/.pnpm/@radix-ui_react-avatar@1.1.9_@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-avatar/dist/index.es.js";
+import * as l from "react";
 import { cn as m } from "../../utils/index.es.js";
-const o = t.forwardRef(({ className: e, ...r }, l) => /* @__PURE__ */ s(
-  a.Root,
+const f = l.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s(
+  o,
   {
-    ref: l,
-    className: m("relative flex size-10 shrink-0 overflow-hidden rounded-full", e),
-    ...r
+    ref: r,
+    className: m("relative flex size-10 shrink-0 overflow-hidden rounded-full", a),
+    ...e
   }
 ));
-o.displayName = a.Root.displayName;
-const i = t.forwardRef(({ className: e, ...r }, l) => /* @__PURE__ */ s(
-  a.Image,
+f.displayName = o.displayName;
+const d = l.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s(
+  i,
   {
-    ref: l,
-    className: m("aspect-square size-full", e),
-    ...r
+    ref: r,
+    className: m("aspect-square size-full", a),
+    ...e
   }
 ));
-i.displayName = a.Image.displayName;
-const f = t.forwardRef(({ className: e, ...r }, l) => /* @__PURE__ */ s(
-  a.Fallback,
+d.displayName = i.displayName;
+const c = l.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s(
+  t,
   {
-    ref: l,
+    ref: r,
     className: m(
       "flex size-full items-center justify-center uppercase rounded-full bg-muted",
-      e
+      a
     ),
-    ...r
+    ...e
   }
 ));
-f.displayName = a.Fallback.displayName;
+c.displayName = t.displayName;
 export {
-  o as Avatar,
-  f as AvatarFallback,
-  i as AvatarImage
+  f as Avatar,
+  c as AvatarFallback,
+  d as AvatarImage
 };
 //# sourceMappingURL=avatar.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.es.js","sources":["../../../lib/components/ui/avatar.tsx"],"sourcesContent":["'use client';\nimport * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport * as React from 'react';\n\nimport { cn } from '@/utils';\n\nconst Avatar = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Root\n    ref={ref}\n    // TODO, why 10?\n    className={cn('relative flex size-10 shrink-0 overflow-hidden rounded-full', className)}\n    {...props}\n  />\n));\nAvatar.displayName = AvatarPrimitive.Root.displayName;\n\nconst AvatarImage = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Image>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn('aspect-square size-full', className)}\n    {...props}\n  />\n));\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\n\nconst AvatarFallback = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn(\n      'flex size-full items-center justify-center uppercase rounded-full bg-muted',\n      className,\n    )}\n    {...props}\n  />\n));\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\n\nexport { Avatar, AvatarFallback, AvatarImage };\n"],"names":["Avatar","React","className","props","ref","jsx","AvatarPrimitive","cn","AvatarImage","AvatarFallback"],"mappings":";;;;;AAMM,MAAAA,IAASC,EAAM,WAGnB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IAEA,WAAWG,EAAG,+DAA+DL,CAAS;AAAA,IACrF,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAO,cAAcM,EAAgB,KAAK;AAEpC,MAAAE,IAAcP,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,2BAA2BL,CAAS;AAAA,IACjD,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcF,EAAgB,MAAM;AAE1C,MAAAG,IAAiBR,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAe,cAAcH,EAAgB,SAAS;"}
+{"version":3,"file":"avatar.es.js","sources":["../../../lib/components/ui/avatar.tsx"],"sourcesContent":["'use client';\nimport * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport * as React from 'react';\n\nimport { cn } from '@/utils';\n\n// TODO, this need not use primitives, or even context APIs.\nconst Avatar = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Root\n    ref={ref}\n    // TODO, why 10?\n    className={cn('relative flex size-10 shrink-0 overflow-hidden rounded-full', className)}\n    {...props}\n  />\n));\nAvatar.displayName = AvatarPrimitive.Root.displayName;\n\nconst AvatarImage = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Image>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn('aspect-square size-full', className)}\n    {...props}\n  />\n));\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\n\nconst AvatarFallback = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn(\n      'flex size-full items-center justify-center uppercase rounded-full bg-muted',\n      className,\n    )}\n    {...props}\n  />\n));\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\n\nexport { Avatar, AvatarFallback, AvatarImage };\n"],"names":["Avatar","React","className","props","ref","jsx","AvatarPrimitive.Root","cn","AvatarImage","AvatarPrimitive.Image","AvatarFallback","AvatarPrimitive.Fallback"],"mappings":";;;;;AAOM,MAAAA,IAASC,EAAM,WAGnB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IAEA,WAAWG,EAAG,+DAA+DL,CAAS;AAAA,IACrF,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAO,cAAcM,EAAqB;AAEpC,MAAAE,IAAcP,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACI;AAAAA,EAAA;AAAA,IACC,KAAAL;AAAA,IACA,WAAWG,EAAG,2BAA2BL,CAAS;AAAA,IACjD,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcC,EAAsB;AAE1C,MAAAC,IAAiBT,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACM;AAAAA,EAAA;AAAA,IACC,KAAAP;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDO,EAAe,cAAcC,EAAyB;"}

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

@@ -1,7 +1,7 @@
-import { jsx as e } from "react/jsx-runtime";
-import { cn as r } from "../../utils/index.es.js";
-function c({ className: n, ...o }) {
-  return /* @__PURE__ */ e("div", { className: r("text-foreground/80 leading-none select-none border px-2.5 py-1 text-caption focus:outline-hidden focus:ring-1 focus:ring-ring", n), ...o });
+import { jsx as r } from "react/jsx-runtime";
+import { cn as o } from "../../utils/index.es.js";
+function c({ className: e, ...n }) {
+  return /* @__PURE__ */ r("div", { className: o("text-muted-foreground hover:text-foreground transition-colors inline-flex items-center justify-center leading-none select-none bg-card border px-2 h-input py-1 focus:outline-hidden focus:ring-1 focus:ring-ring", e), ...n });
 }
 export {
   c as Badge

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

@@ -1 +1 @@
-{"version":3,"file":"badge.es.js","sources":["../../../lib/components/ui/badge.tsx"],"sourcesContent":["import { cn } from \"@/utils\"\nimport * as React from \"react\"\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> { }\n\nfunction Badge({ className, ...props }: BadgeProps) {\n  return (\n    <div className={cn(\"text-foreground/80 leading-none select-none border px-2.5 py-1 text-caption focus:outline-hidden focus:ring-1 focus:ring-ring\", className)} {...props} />\n  )\n}\n\nexport { Badge }\n"],"names":["Badge","className","props","jsx","cn"],"mappings":";;AAKA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAqB;AAEhD,SAAA,gBAAAC,EAAC,SAAI,WAAWC,EAAG,iIAAiIH,CAAS,GAAI,GAAGC,GAAO;AAE/K;"}
+{"version":3,"file":"badge.es.js","sources":["../../../lib/components/ui/badge.tsx"],"sourcesContent":["import { cn } from \"@/utils\"\nimport * as React from \"react\"\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> { }\n\nexport function Badge({ className, ...props }: BadgeProps) {\n  return (\n    <div className={cn(\"text-muted-foreground hover:text-foreground transition-colors inline-flex items-center justify-center leading-none select-none bg-card border px-2 h-input py-1 focus:outline-hidden focus:ring-1 focus:ring-ring\", className)} {...props} />\n  )\n}\n"],"names":["Badge","className","props","jsx","cn"],"mappings":";;AAKO,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAqB;AAEvD,SAAA,gBAAAC,EAAC,SAAI,WAAWC,EAAG,qNAAqNH,CAAS,GAAI,GAAGC,GAAO;AAEnQ;"}

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

@@ -1,8 +1,8 @@
-import { jsx as s, jsxs as m } from "react/jsx-runtime";
-import { DotsHorizontalIcon as n, ChevronRightIcon as c } from "@radix-ui/react-icons";
-import { Slot as d } from "@radix-ui/react-slot";
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { Root as c } from "../../node_modules/.pnpm/@radix-ui_react-slot@1.2.2_@types_react@18.3.21_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.es.js";
 import * as t from "react";
 import { cn as o } from "../../utils/index.es.js";
+import { DotSquare as n, ChevronRight as d } from "lucide-react";
 const l = t.forwardRef(({ ...r }, e) => /* @__PURE__ */ s("nav", { ref: e, "aria-label": "breadcrumb", ...r }));
 l.displayName = "Breadcrumb";
 const p = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
@@ -26,10 +26,10 @@ const u = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
   }
 ));
 u.displayName = "BreadcrumbItem";
-const f = t.forwardRef(({ asChild: r, className: e, ...a }, i) => /* @__PURE__ */ s(
-  r ? d : "a",
+const f = t.forwardRef(({ asChild: r, className: e, ...a }, m) => /* @__PURE__ */ s(
+  r ? c : "a",
   {
-    ref: i,
+    ref: m,
     className: o("transition-colors hover:text-foreground", e),
     ...a
   }
@@ -58,14 +58,14 @@ const N = ({
     "aria-hidden": "true",
     className: o("[&>svg]:size-icon", e),
     ...a,
-    children: r ?? /* @__PURE__ */ s(c, {})
+    children: r ?? /* @__PURE__ */ s(d, {})
   }
 );
 N.displayName = "BreadcrumbSeparator";
 const B = ({
   className: r,
   ...e
-}) => /* @__PURE__ */ m(
+}) => /* @__PURE__ */ i(
   "span",
   {
     role: "presentation",

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.es.js","sources":["../../../lib/components/ui/breadcrumb.tsx"],"sourcesContent":["import { ChevronRightIcon, DotsHorizontalIcon } from \"@radix-ui/react-icons\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/utils\"\n\nconst Breadcrumb = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<\"nav\"> & {\n    separator?: React.ReactNode\n  }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />)\nBreadcrumb.displayName = \"Breadcrumb\"\n\nconst BreadcrumbList = React.forwardRef<\n  HTMLOListElement,\n  React.ComponentPropsWithoutRef<\"ol\">\n>(({ className, ...props }, ref) => (\n  <ol\n    ref={ref}\n    className={cn(\n      \"flex flex-wrap items-center gap-1.5 break-words body text-muted-foreground sm:gap-2.5\",\n      className\n    )}\n    {...props}\n  />\n))\nBreadcrumbList.displayName = \"BreadcrumbList\"\n\nconst BreadcrumbItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentPropsWithoutRef<\"li\">\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\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.ComponentPropsWithoutRef<\"a\"> & {\n    asChild?: boolean\n  }\n>(({ asChild, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"a\"\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\"transition-colors hover:text-foreground\", className)}\n      {...props}\n    />\n  )\n})\nBreadcrumbLink.displayName = \"BreadcrumbLink\"\n\nconst BreadcrumbPage = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<\"span\">\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    className={cn(\"font-normal text-foreground\", className)}\n    {...props}\n  />\n))\nBreadcrumbPage.displayName = \"BreadcrumbPage\"\n\nconst BreadcrumbSeparator = ({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) => (\n  <li\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn(\"[&>svg]:size-icon\", className)}\n    {...props}\n  >\n    {children ?? <ChevronRightIcon />}\n  </li>\n)\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\"\n\nconst BreadcrumbEllipsis = ({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) => (\n  <span\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    // TODO why 9??\n    className={cn(\"flex size-9 items-center justify-center\", className)}\n    {...props}\n  >\n    <DotsHorizontalIcon className=\"size-4\" />\n    <span className=\"sr-only\">More</span>\n  </span>\n)\nBreadcrumbEllipsis.displayName = \"BreadcrumbElipssis\"\n\nexport {\n  Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem,\n  BreadcrumbLink, BreadcrumbList, BreadcrumbPage,\n  BreadcrumbSeparator\n}\n\n"],"names":["Breadcrumb","React","props","ref","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRightIcon","BreadcrumbEllipsis","jsxs","DotsHorizontalIcon"],"mappings":";;;;;AAMA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,GAAGC,EAAM,GAAGC,MAAQ,gBAAAC,EAAC,SAAI,KAAAD,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAEnB,MAAAK,IAAiBJ,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI;AAAA,MACT;AAAA,MACAD;AAAA,IACF;AAAA,IACC,GAAGJ;AAAA,EAAA;AACN,CACD;AACDG,EAAe,cAAc;AAEvB,MAAAG,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI,EAAG,oCAAoCD,CAAS;AAAA,IAC1D,GAAGJ;AAAA,EAAA;AACN,CACD;AACDM,EAAe,cAAc;AAEvB,MAAAC,IAAiBR,EAAM,WAK3B,CAAC,EAAE,SAAAS,GAAS,WAAAJ,GAAW,GAAGJ,EAAM,GAAGC,MAIjC,gBAAAC;AAAA,EAHWM,IAAUC,IAAO;AAAA,EAG3B;AAAA,IACC,KAAAR;AAAA,IACA,WAAWI,EAAG,2CAA2CD,CAAS;AAAA,IACjE,GAAGJ;AAAA,EAAA;AACN,CAEH;AACDO,EAAe,cAAc;AAEvB,MAAAG,IAAiBX,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,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,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAR;AAAA,EACA,GAAGJ;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWG,EAAG,qBAAqBD,CAAS;AAAA,IAC3C,GAAGJ;AAAA,IAEH,UAAAY,uBAAaC,GAAiB,CAAA,CAAA;AAAA,EAAA;AACjC;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC;AAAA,EAC1B,WAAAV;AAAA,EACA,GAAGJ;AACL,MACE,gBAAAe;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IAEZ,WAAWV,EAAG,2CAA2CD,CAAS;AAAA,IACjE,GAAGJ;AAAA,IAEJ,UAAA;AAAA,MAAC,gBAAAE,EAAAc,GAAA,EAAmB,WAAU,SAAS,CAAA;AAAA,MACtC,gBAAAd,EAAA,QAAA,EAAK,WAAU,WAAU,UAAI,OAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AAChC;AAEFY,EAAmB,cAAc;"}
+{"version":3,"file":"breadcrumb.es.js","sources":["../../../lib/components/ui/breadcrumb.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/utils\"\nimport { ChevronRight, DotSquare } from \"lucide-react\"\n\nconst Breadcrumb = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<\"nav\"> & {\n    separator?: React.ReactNode\n  }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />)\nBreadcrumb.displayName = \"Breadcrumb\"\n\nconst BreadcrumbList = React.forwardRef<\n  HTMLOListElement,\n  React.ComponentPropsWithoutRef<\"ol\">\n>(({ className, ...props }, ref) => (\n  <ol\n    ref={ref}\n    className={cn(\n      \"flex flex-wrap items-center gap-1.5 break-words body text-muted-foreground sm:gap-2.5\",\n      className\n    )}\n    {...props}\n  />\n))\nBreadcrumbList.displayName = \"BreadcrumbList\"\n\nconst BreadcrumbItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentPropsWithoutRef<\"li\">\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\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.ComponentPropsWithoutRef<\"a\"> & {\n    asChild?: boolean\n  }\n>(({ asChild, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"a\"\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\"transition-colors hover:text-foreground\", className)}\n      {...props}\n    />\n  )\n})\nBreadcrumbLink.displayName = \"BreadcrumbLink\"\n\nconst BreadcrumbPage = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<\"span\">\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    className={cn(\"font-normal text-foreground\", className)}\n    {...props}\n  />\n))\nBreadcrumbPage.displayName = \"BreadcrumbPage\"\n\nconst BreadcrumbSeparator = ({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) => (\n  <li\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn(\"[&>svg]:size-icon\", className)}\n    {...props}\n  >\n    {children ?? <ChevronRight />}\n  </li>\n)\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\"\n\nconst BreadcrumbEllipsis = ({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) => (\n  <span\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    // TODO why 9??\n    className={cn(\"flex size-9 items-center justify-center\", className)}\n    {...props}\n  >\n    <DotSquare className=\"size-4\" />\n    <span className=\"sr-only\">More</span>\n  </span>\n)\nBreadcrumbEllipsis.displayName = \"BreadcrumbElipssis\"\n\nexport {\n  Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem,\n  BreadcrumbLink, BreadcrumbList, BreadcrumbPage,\n  BreadcrumbSeparator\n}\n\n"],"names":["Breadcrumb","React","props","ref","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","DotSquare"],"mappings":";;;;;AAMA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,GAAGC,EAAM,GAAGC,MAAQ,gBAAAC,EAAC,SAAI,KAAAD,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAEnB,MAAAK,IAAiBJ,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI;AAAA,MACT;AAAA,MACAD;AAAA,IACF;AAAA,IACC,GAAGJ;AAAA,EAAA;AACN,CACD;AACDG,EAAe,cAAc;AAEvB,MAAAG,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI,EAAG,oCAAoCD,CAAS;AAAA,IAC1D,GAAGJ;AAAA,EAAA;AACN,CACD;AACDM,EAAe,cAAc;AAEvB,MAAAC,IAAiBR,EAAM,WAK3B,CAAC,EAAE,SAAAS,GAAS,WAAAJ,GAAW,GAAGJ,EAAM,GAAGC,MAIjC,gBAAAC;AAAA,EAHWM,IAAUC,IAAO;AAAA,EAG3B;AAAA,IACC,KAAAR;AAAA,IACA,WAAWI,EAAG,2CAA2CD,CAAS;AAAA,IACjE,GAAGJ;AAAA,EAAA;AACN,CAEH;AACDO,EAAe,cAAc;AAEvB,MAAAG,IAAiBX,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,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,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAR;AAAA,EACA,GAAGJ;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWG,EAAG,qBAAqBD,CAAS;AAAA,IAC3C,GAAGJ;AAAA,IAEH,UAAAY,uBAAaC,GAAa,CAAA,CAAA;AAAA,EAAA;AAC7B;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC;AAAA,EAC1B,WAAAV;AAAA,EACA,GAAGJ;AACL,MACE,gBAAAe;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IAEZ,WAAWV,EAAG,2CAA2CD,CAAS;AAAA,IACjE,GAAGJ;AAAA,IAEJ,UAAA;AAAA,MAAC,gBAAAE,EAAAc,GAAA,EAAU,WAAU,SAAS,CAAA;AAAA,MAC7B,gBAAAd,EAAA,QAAA,EAAK,WAAU,WAAU,UAAI,OAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AAChC;AAEFY,EAAmB,cAAc;"}

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

@@ -1,27 +1,26 @@
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
-import { Slot as p, Slottable as v } from "@radix-ui/react-slot";
-import { cva as g } from "class-variance-authority";
-import * as x from "react";
-import { cn as b } from "../../utils/index.es.js";
+import { jsxs as v, jsx as t } from "react/jsx-runtime";
+import { cva as y } from "class-variance-authority";
+import * as d from "react";
+import { cn as f } from "../../utils/index.es.js";
 import { Loader as h } from "./loader.es.js";
-const y = g(
-  "inline-flex items-center cursor-pointer justify-center no-underline whitespace-nowrap rounded-lg font-medium ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+const p = y(
+  "btn inline-flex items-center justify-center font-medium transition-colors",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/80 hover:text-primary-foreground",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 hover:text-destructive-foreground",
-        outline: "border border-input text-accent bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:text-secondary-foreground hover:bg-secondary/80",
-        ghost: "bg-transparent hover:bg-accent hover:text-accent-foreground",
+        default: "btn-primary",
+        destructive: "btn-destructive",
+        outline: "btn-outline",
+        ghost: "btn-ghost",
+        secondary: "btn-secondary",
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
         xs: "h-5 px-1 text-xs",
-        sm: "h-7 rounded-md px-2 text-sm",
-        default: "h-input px-4 py-2 text-sm",
-        icon: "h-input px-1 text-sm",
-        lg: "h-9 rounded-md px-6 body"
+        sm: "h-7 px-2 text-sm",
+        default: "input-dim",
+        icon: "size-input",
+        lg: "h-9 px-6 body"
       }
     },
     defaultVariants: {
@@ -29,27 +28,30 @@ const y = g(
       size: "default"
     }
   }
-), N = x.forwardRef(
-  ({ className: i, variant: s, size: a, loading: t, disabled: d, asChild: c = !1, icon: o, children: n, ...u }, l) => {
-    const m = c ? p : "button", r = o ? o() : void 0;
-    return /* @__PURE__ */ f(
-      m,
+), N = d.forwardRef(
+  ({ className: n, variant: s, size: a, loading: e, disabled: i, asChild: o = !1, icon: r, trailingIcon: c, children: l, ...x }, b) => {
+    const u = r ? r() : void 0, m = c ? c() : void 0;
+    return /* @__PURE__ */ v(
+      "button",
       {
-        className: b(y({ variant: s, size: a, className: i })),
-        ref: l,
-        disabled: t || d,
-        ...u,
+        className: f(p({ variant: s, size: a, className: n }), "gap-2"),
+        ref: b,
+        disabled: e || i,
+        ...x,
         children: [
-          t ? /* @__PURE__ */ e(h, { className: "size-icon" }) : r ? /* @__PURE__ */ e(r, { className: "size-icon" }) : null,
-          /* @__PURE__ */ e(v, { children: n && /* @__PURE__ */ e("div", { className: t || r ? "ml-2" : "", children: n }) })
+          e ? /* @__PURE__ */ t(h, {}) : u ? /* @__PURE__ */ t(u, { className: "size-icon opacity-60" }) : null,
+          l && /* @__PURE__ */ t("div", { className: "truncate", children: l }),
+          m ? /* @__PURE__ */ t(m, { className: "size-icon opacity-60" }) : null
         ]
       }
     );
   }
 );
 N.displayName = "Button";
+const R = d.forwardRef(({ variant: n, size: s, className: a, children: e, ...i }, o) => /* @__PURE__ */ t("a", { ref: o, className: f(p({ variant: n, size: s }), a), ...i, children: e }));
 export {
   N as Button,
-  y as buttonVariants
+  R as ButtonLink,
+  p as buttonVariants
 };
 //# sourceMappingURL=button.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.es.js","sources":["../../../lib/components/ui/button.tsx"],"sourcesContent":["import { Slot, Slottable } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { cn } from '@/utils';\nimport { LucideIcon } from 'lucide-react';\nimport { Loader } from './loader';\n\nconst buttonVariants = cva(\n  'inline-flex items-center cursor-pointer justify-center no-underline whitespace-nowrap rounded-lg font-medium ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-primary text-primary-foreground hover:bg-primary/80 hover:text-primary-foreground',\n        destructive:\n          'bg-destructive text-destructive-foreground hover:bg-destructive/90 hover:text-destructive-foreground',\n        outline:\n          'border border-input text-accent bg-background hover:bg-accent hover:text-accent-foreground',\n        secondary:\n          'bg-secondary text-secondary-foreground hover:text-secondary-foreground hover:bg-secondary/80',\n        ghost: 'bg-transparent hover:bg-accent hover:text-accent-foreground',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        xs: 'h-5 px-1 text-xs',\n        sm: 'h-7 rounded-md px-2 text-sm',\n        default: 'h-input px-4 py-2 text-sm',\n        icon: 'h-input px-1 text-sm',\n        lg: 'h-9 rounded-md px-6 body',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n  VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n  loading?: boolean;\n  icon?: (() => LucideIcon);\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    { className, variant, size, loading, disabled, asChild = false, icon, children, ...props },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : 'button';\n    const Icon = icon ? icon() : undefined;\n\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        disabled={loading || disabled}\n        {...props}\n      >\n        {/* Show loader when loading, otherwise show icon if present */}\n        {loading ? <Loader className=\"size-icon\" /> : Icon ? <Icon className=\"size-icon\" /> : null}\n        {/* https://www.radix-ui.com/primitives/docs/utilities/slot */}\n        <Slottable>\n          {children && <div className={loading || Icon ? 'ml-2' : ''}>{children}</div>}\n        </Slottable>\n      </Comp>\n    );\n  },\n);\n\nButton.displayName = 'Button'; // Set display name for better debugging\n\nexport { Button, buttonVariants };\n"],"names":["buttonVariants","cva","Button","React","className","variant","size","loading","disabled","asChild","icon","children","props","ref","Comp","Slot","Icon","jsxs","cn","jsx","Loader","Slottable"],"mappings":";;;;;;AAQA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,MAAM;AAAA,QACN,IAAI;AAAA,MAAA;AAAA,IAER;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAUMC,IAASC,EAAM;AAAA,EACnB,CACE,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,GAAS,UAAAC,GAAU,SAAAC,IAAU,IAAO,MAAAC,GAAM,UAAAC,GAAU,GAAGC,EAAA,GACnFC,MACG;AACG,UAAAC,IAAOL,IAAUM,IAAO,UACxBC,IAAON,IAAOA,EAAA,IAAS;AAG3B,WAAA,gBAAAO;AAAA,MAACH;AAAA,MAAA;AAAA,QACC,WAAWI,EAAGlB,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,QAC1D,KAAAS;AAAA,QACA,UAAUN,KAAWC;AAAA,QACpB,GAAGI;AAAA,QAGH,UAAA;AAAA,UAAUL,IAAA,gBAAAY,EAACC,GAAO,EAAA,WAAU,YAAY,CAAA,IAAKJ,IAAQ,gBAAAG,EAAAH,GAAA,EAAK,WAAU,YAAA,CAAY,IAAK;AAAA,UAEtF,gBAAAG,EAACE,GACE,EAAA,UAAAV,KAAa,gBAAAQ,EAAA,OAAA,EAAI,WAAWZ,KAAWS,IAAO,SAAS,IAAK,UAAAL,EAAS,CAAA,EACxE,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEAT,EAAO,cAAc;"}
+{"version":3,"file":"button.es.js","sources":["../../../lib/components/ui/button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { cn } from '@/utils';\nimport { LucideIcon } from 'lucide-react';\nimport { Loader } from './loader';\n\nexport const buttonVariants = cva(\n\n  `btn inline-flex items-center justify-center font-medium transition-colors`,\n  {\n    variants: {\n      variant: {\n        default: 'btn-primary',\n        destructive: 'btn-destructive',\n        outline: 'btn-outline',\n        ghost: 'btn-ghost',\n        secondary: 'btn-secondary',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        xs: 'h-5 px-1 text-xs',\n        sm: 'h-7 px-2 text-sm',\n        default: 'input-dim',\n        icon: 'size-input',\n        lg: 'h-9 px-6 body',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n  VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n  loading?: boolean;\n  icon?: (() => LucideIcon);\n  trailingIcon?: (() => LucideIcon)\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    { className, variant, size, loading, disabled, asChild = false, icon, trailingIcon, children, ...props },\n    ref,\n  ) => {\n    const Icon = icon ? icon() : undefined;\n    const TrailingIcon = trailingIcon ? trailingIcon() : undefined;\n\n    return (\n      <button\n        className={cn(buttonVariants({ variant, size, className }), \"gap-2\")}\n        ref={ref}\n        disabled={loading || disabled}\n        {...props}\n      >\n        {/* Show loader when loading, otherwise show icon if present */}\n        {loading ? <Loader /> : Icon ? <Icon className=\"size-icon opacity-60\" /> : null}\n        {children && <div className='truncate'>{children}</div>}\n        {TrailingIcon ? <TrailingIcon className=\"size-icon opacity-60\" /> : null}\n      </button>\n    );\n  },\n);\n\nButton.displayName = 'Button'; // Set display name for better debugging\n\n\nexport const ButtonLink = React.forwardRef<HTMLAnchorElement, React.ComponentPropsWithoutRef<\"a\"> & VariantProps<typeof buttonVariants>>(({ variant, size, className, children, ...props }, ref) => {\n  return (\n    <a ref={ref} className={cn(buttonVariants({ variant: variant, size: size }), className)} {...props}>\n      {children}\n    </a>\n  );\n});"],"names":["buttonVariants","cva","Button","React","className","variant","size","loading","disabled","asChild","icon","trailingIcon","children","props","ref","Icon","TrailingIcon","jsxs","cn","jsx","Loader","ButtonLink"],"mappings":";;;;;AAOO,MAAMA,IAAiBC;AAAA,EAE5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aAAa;AAAA,QACb,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,MAAM;AAAA,QACN,IAAI;AAAA,MAAA;AAAA,IAER;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAWaC,IAASC,EAAM;AAAA,EAC1B,CACE,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,GAAS,UAAAC,GAAU,SAAAC,IAAU,IAAO,MAAAC,GAAM,cAAAC,GAAc,UAAAC,GAAU,GAAGC,EAAA,GACjGC,MACG;AACG,UAAAC,IAAOL,IAAOA,EAAA,IAAS,QACvBM,IAAeL,IAAeA,EAAA,IAAiB;AAGnD,WAAA,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAGlB,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,GAAG,OAAO;AAAA,QACnE,KAAAU;AAAA,QACA,UAAUP,KAAWC;AAAA,QACpB,GAAGK;AAAA,QAGH,UAAA;AAAA,UAAUN,IAAA,gBAAAY,EAACC,KAAO,IAAKL,sBAAQA,GAAK,EAAA,WAAU,wBAAuB,IAAK;AAAA,UAC1EH,KAAY,gBAAAO,EAAC,OAAI,EAAA,WAAU,YAAY,UAAAP,GAAS;AAAA,UAChDI,IAAe,gBAAAG,EAACH,GAAa,EAAA,WAAU,uBAAuB,CAAA,IAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACtE;AAAA,EAAA;AAGN;AAEAd,EAAO,cAAc;AAGd,MAAMmB,IAAalB,EAAM,WAAyG,CAAC,EAAE,SAAAE,GAAS,MAAAC,GAAM,WAAAF,GAAW,UAAAQ,GAAU,GAAGC,EAAM,GAAGC,MAEvL,gBAAAK,EAAA,KAAA,EAAE,KAAAL,GAAU,WAAWI,EAAGlB,EAAe,EAAE,SAAAK,GAAkB,MAAAC,EAAY,CAAA,GAAGF,CAAS,GAAI,GAAGS,GAC1F,UAAAD,GACH,CAEH;"}

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

@@ -6,14 +6,14 @@ const t = o.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ d(
   {
     ref: e,
     className: s(
-      "flex flex-col p-4 rounded-lg border border-border bg-card text-card-foreground",
+      "flex flex-col p-4 border border-border bg-card text-card-foreground",
       a
     ),
     ...r
   }
 ));
 t.displayName = "Card";
-const l = o.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ d(
+const i = o.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ d(
   "div",
   {
     ref: e,
@@ -21,8 +21,8 @@ const l = o.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ d(
     ...r
   }
 ));
-l.displayName = "CardHeader";
-const i = o.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ d(
+i.displayName = "CardHeader";
+const l = o.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ d(
   "h3",
   {
     ref: e,
@@ -33,7 +33,7 @@ const i = o.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ d(
     ...r
   }
 ));
-i.displayName = "CardTitle";
+l.displayName = "CardTitle";
 const f = o.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ d(
   "p",
   {
@@ -62,7 +62,7 @@ export {
   c as CardContent,
   f as CardDescription,
   n as CardFooter,
-  l as CardHeader,
-  i as CardTitle
+  i as CardHeader,
+  l as CardTitle
 };
 //# sourceMappingURL=card.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"card.es.js","sources":["../../../lib/components/ui/card.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nconst Card = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"flex flex-col p-4 rounded-lg border border-border bg-card text-card-foreground\",\n      className\n    )}\n    {...props}\n  />\n));\nCard.displayName = \"Card\";\n\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex flex-col gap-y-1 pb-4 shrink-0\", className)}\n    {...props}\n  />\n));\nCardHeader.displayName = \"CardHeader\";\n\nconst CardTitle = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn(\n      \"h4 leading-none\",\n      className\n    )}\n    {...props}\n  />\n));\nCardTitle.displayName = \"CardTitle\";\n\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn(\"caption\", className)}\n    {...props}\n  />\n));\nCardDescription.displayName = \"CardDescription\";\n\nconst CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"grow\", className)} {...props} />\n));\nCardContent.displayName = \"CardContent\";\n\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"flex items-center w-full pt-4 gap-2 justify-end\",\n      className\n    )}\n    {...props}\n  />\n));\nCardFooter.displayName = \"CardFooter\";\n\nexport {\n  Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle\n};\n\n"],"names":["Card","React","className","props","ref","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;;AAGM,MAAAA,IAAOC,EAAM,WAGjB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAK,cAAc;AAEb,MAAAO,IAAaN,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,uCAAuCJ,CAAS;AAAA,IAC7D,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAW,cAAc;AAEnB,MAAAC,IAAYP,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAU,cAAc;AAElB,MAAAC,IAAkBR,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,WAAWJ,CAAS;AAAA,IACjC,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAgB,cAAc;AAExB,MAAAC,IAAcT,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAS,GAAAC,wBACzB,OAAI,EAAA,KAAAA,GAAU,WAAWE,EAAG,QAAQJ,CAAS,GAAI,GAAGC,GAAO,CAC7D;AACDO,EAAY,cAAc;AAEpB,MAAAC,IAAaV,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAW,cAAc;"}
+{"version":3,"file":"card.es.js","sources":["../../../lib/components/ui/card.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nconst Card = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"flex flex-col p-4 border border-border bg-card text-card-foreground\",\n      className\n    )}\n    {...props}\n  />\n));\nCard.displayName = \"Card\";\n\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex flex-col gap-y-1 pb-4 shrink-0\", className)}\n    {...props}\n  />\n));\nCardHeader.displayName = \"CardHeader\";\n\nconst CardTitle = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn(\n      \"h4 leading-none\",\n      className\n    )}\n    {...props}\n  />\n));\nCardTitle.displayName = \"CardTitle\";\n\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn(\"caption\", className)}\n    {...props}\n  />\n));\nCardDescription.displayName = \"CardDescription\";\n\nconst CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"grow\", className)} {...props} />\n));\nCardContent.displayName = \"CardContent\";\n\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"flex items-center w-full pt-4 gap-2 justify-end\",\n      className\n    )}\n    {...props}\n  />\n));\nCardFooter.displayName = \"CardFooter\";\n\nexport {\n  Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle\n};\n\n"],"names":["Card","React","className","props","ref","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;;AAGM,MAAAA,IAAOC,EAAM,WAGjB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAK,cAAc;AAEb,MAAAO,IAAaN,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,uCAAuCJ,CAAS;AAAA,IAC7D,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAW,cAAc;AAEnB,MAAAC,IAAYP,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAU,cAAc;AAElB,MAAAC,IAAkBR,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,WAAWJ,CAAS;AAAA,IACjC,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAgB,cAAc;AAExB,MAAAC,IAAcT,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAS,GAAAC,wBACzB,OAAI,EAAA,KAAAA,GAAU,WAAWE,EAAG,QAAQJ,CAAS,GAAI,GAAGC,GAAO,CAC7D;AACDO,EAAY,cAAc;AAEpB,MAAAC,IAAaV,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAW,cAAc;"}

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

@@ -11,11 +11,11 @@ function L() {
   return o;
 }
 const I = h.forwardRef(({ id: o, className: e, children: t, config: n, ...c }, f) => {
-  const u = h.useId(), d = `chart-${o || u.replace(/:/g, "")}`;
+  const u = h.useId(), l = `chart-${o || u.replace(/:/g, "")}`;
   return /* @__PURE__ */ s(j.Provider, { value: { config: n }, children: /* @__PURE__ */ s(
     "div",
     {
-      "data-chart": d,
+      "data-chart": l,
       ref: f,
       className: i(
         "flex aspect-video justify-center caption [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted/20 [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden",
@@ -36,35 +36,35 @@ const M = k.Tooltip, K = h.forwardRef(
     hideLabel: c = !1,
     hideIndicator: f = !1,
     label: u,
-    labelFormatter: d,
+    labelFormatter: l,
     labelClassName: g,
-    formatter: l,
+    formatter: d,
     color: R,
     nameKey: P,
     labelKey: w
   }, T) => {
-    const { config: x } = L(), C = h.useMemo(() => {
+    const { config: b } = L(), C = h.useMemo(() => {
       var m;
       if (c || !(e != null && e.length))
         return null;
-      const [r] = e, _ = `${w || r.dataKey || r.name || "value"}`, v = N(x, r, _), a = !w && typeof u == "string" ? ((m = x[u]) == null ? void 0 : m.label) || u : v == null ? void 0 : v.label;
-      return d ? /* @__PURE__ */ s("div", { className: i("font-medium", g), children: d(a, e) }) : a ? /* @__PURE__ */ s("div", { className: i("font-medium", g), children: a }) : null;
-    }, [u, d, e, c, g, x, w]);
+      const [r] = e, _ = `${w || r.dataKey || r.name || "value"}`, v = N(b, r, _), a = !w && typeof u == "string" ? ((m = b[u]) == null ? void 0 : m.label) || u : v == null ? void 0 : v.label;
+      return l ? /* @__PURE__ */ s("div", { className: i("font-medium", g), children: l(a, e) }) : a ? /* @__PURE__ */ s("div", { className: i("font-medium", g), children: a }) : null;
+    }, [u, l, e, c, g, b, w]);
     if (!o || !(e != null && e.length))
       return null;
-    const b = e.length === 1 && n !== "dot";
+    const x = e.length === 1 && n !== "dot";
     return /* @__PURE__ */ p(
       "div",
       {
         ref: T,
         className: i(
-          "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-caption shadow-xl",
+          "grid min-w-[8rem] items-start gap-1.5 border border-border/50 bg-background px-2.5 py-1.5 text-caption shadow-xl",
           t
         ),
         children: [
-          b ? null : C,
+          x ? null : C,
           /* @__PURE__ */ s("div", { className: "grid gap-1.5", children: e.map((r, _) => {
-            const v = `${P || r.name || r.dataKey || "value"}`, a = N(x, r, v), m = R || r.payload.fill || r.color;
+            const v = `${P || r.name || r.dataKey || "value"}`, a = N(b, r, v), m = R || r.payload.fill || r.color;
             return /* @__PURE__ */ s(
               "div",
               {
@@ -72,17 +72,17 @@ const M = k.Tooltip, K = h.forwardRef(
                   "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
                   n === "dot" && "items-center"
                 ),
-                children: l && (r == null ? void 0 : r.value) !== void 0 && r.name ? l(r.value, r.name, r, _, r.payload) : /* @__PURE__ */ p($, { children: [
+                children: d && (r == null ? void 0 : r.value) !== void 0 && r.name ? d(r.value, r.name, r, _, r.payload) : /* @__PURE__ */ p($, { children: [
                   a != null && a.icon ? /* @__PURE__ */ s(a.icon, {}) : !f && /* @__PURE__ */ s(
                     "div",
                     {
                       className: i(
-                        "shrink-0 rounded-[2px] border-border bg-background",
+                        "shrink-0 border-border bg-background",
                         {
                           "h-2.5 w-2.5": n === "dot",
                           "w-1": n === "line",
                           "w-0 border-[1.5px] border-dashed bg-transparent": n === "dashed",
-                          "my-0.5": b && n === "dashed"
+                          "my-0.5": x && n === "dashed"
                         }
                       ),
                       style: {
@@ -96,11 +96,11 @@ const M = k.Tooltip, K = h.forwardRef(
                     {
                       className: i(
                         "flex flex-1 justify-between leading-none",
-                        b ? "items-end" : "items-center"
+                        x ? "items-end" : "items-center"
                       ),
                       children: [
                         /* @__PURE__ */ p("div", { className: "grid gap-1.5", children: [
-                          b ? C : null,
+                          x ? C : null,
                           /* @__PURE__ */ s("span", { className: "text-muted-foreground", children: (a == null ? void 0 : a.label) || r.name })
                         ] }),
                         r.value && /* @__PURE__ */ s("span", { className: "font-mono font-medium tabular-nums text-foreground", children: r.value.toLocaleString() })
@@ -129,8 +129,8 @@ const S = k.Legend, q = h.forwardRef(({ className: o, hideIcon: e = !1, payload:
         n === "top" ? "pb-3" : "pt-3",
         o
       ),
-      children: t.map((d) => {
-        const g = `${c || d.dataKey || "value"}`, l = N(u, d, g);
+      children: t.map((l) => {
+        const g = `${c || l.dataKey || "value"}`, d = N(u, l, g);
         return /* @__PURE__ */ p(
           "div",
           {
@@ -138,19 +138,19 @@ const S = k.Legend, q = h.forwardRef(({ className: o, hideIcon: e = !1, payload:
               "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
             ),
             children: [
-              l != null && l.icon && !e ? /* @__PURE__ */ s(l.icon, {}) : /* @__PURE__ */ s(
+              d != null && d.icon && !e ? /* @__PURE__ */ s(d.icon, {}) : /* @__PURE__ */ s(
                 "div",
                 {
-                  className: "size-2 shrink-0 rounded-[2px]",
+                  className: "size-2 shrink-0",
                   style: {
-                    backgroundColor: d.color
+                    backgroundColor: l.color
                   }
                 }
               ),
-              l == null ? void 0 : l.label
+              d == null ? void 0 : d.label
             ]
           },
-          d.value
+          l.value
         );
       })
     }

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

@@ -1 +1 @@
-{"version":3,"file":"chart.es.js","sources":["../../../lib/components/ui/chart.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { cn } from '@/utils';\n\nexport type ChartConfig = Record<string, {\n  label?: React.ReactNode;\n  icon?: React.ComponentType;\n}>;\n\ntype ChartContextProps = {\n  config: ChartConfig;\n};\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\n\nfunction useChart() {\n  const context = React.useContext(ChartContext);\n\n  if (!context) {\n    throw new Error('useChart must be used within a <ChartContainer />');\n  }\n\n  return context;\n}\n\n// TODO, use Tremor based charts or create abstractions for specific charts.\n// Fix tootlip inconsistencies.\n// Fix color inconsistencies.\n// Create abstraction such that the input is just a single component.\nconst ChartContainer = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & {\n    config: ChartConfig;\n    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];\n  }\n>(({ id, className, children, config, ...props }, ref) => {\n  const uniqueId = React.useId();\n  const chartId = `chart-${id || uniqueId.replace(/:/g, '')}`;\n\n  return (\n    <ChartContext.Provider value={{ config }}>\n      <div\n        data-chart={chartId}\n        ref={ref}\n        className={cn(\n          \"flex aspect-video justify-center caption [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted/20 [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden\",\n          className,\n        )}\n        {...props}\n      >\n        {/* <ChartStyle id={chartId} config={config} /> */}\n        <RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  );\n});\nChartContainer.displayName = 'Chart';\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\nconst ChartTooltipContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof RechartsPrimitive.Tooltip> &\n  React.ComponentProps<'div'> & {\n    hideLabel?: boolean;\n    hideIndicator?: boolean;\n    indicator?: 'line' | 'dot' | 'dashed';\n    nameKey?: string;\n    labelKey?: string;\n  }\n>(\n  (\n    {\n      active,\n      payload,\n      className,\n      indicator = 'dot',\n      hideLabel = false,\n      hideIndicator = false,\n      label,\n      labelFormatter,\n      labelClassName,\n      formatter,\n      color,\n      nameKey,\n      labelKey,\n    },\n    ref,\n  ) => {\n    const { config } = useChart();\n\n    const tooltipLabel = React.useMemo(() => {\n      if (hideLabel || !payload?.length) {\n        return null;\n      }\n\n      const [item] = payload;\n      const key = `${labelKey || item.dataKey || item.name || 'value'}`;\n      const itemConfig = getPayloadConfigFromPayload(config, item, key);\n      const value =\n        !labelKey && typeof label === 'string'\n          ? config[label as keyof typeof config]?.label || label\n          : itemConfig?.label;\n\n      if (labelFormatter) {\n        return (\n          <div className={cn('font-medium', labelClassName)}>{labelFormatter(value, payload)}</div>\n        );\n      }\n\n      if (!value) {\n        return null;\n      }\n\n      return <div className={cn('font-medium', labelClassName)}>{value}</div>;\n    }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);\n\n    if (!active || !payload?.length) {\n      return null;\n    }\n\n    const nestLabel = payload.length === 1 && indicator !== 'dot';\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-caption shadow-xl',\n          className,\n        )}\n      >\n        {!nestLabel ? tooltipLabel : null}\n        <div className=\"grid gap-1.5\">\n          {payload.map((item, index) => {\n            const key = `${nameKey || item.name || item.dataKey || 'value'}`;\n            const itemConfig = getPayloadConfigFromPayload(config, item, key);\n            const indicatorColor = color || item.payload.fill || item.color;\n\n            return (\n              <div\n                key={item.dataKey}\n                className={cn(\n                  'flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground',\n                  indicator === 'dot' && 'items-center',\n                )}\n              >\n                {formatter && item?.value !== undefined && item.name ? (\n                  formatter(item.value, item.name, item, index, item.payload)\n                ) : (\n                  <>\n                    {itemConfig?.icon ? (\n                      <itemConfig.icon />\n                    ) : (\n                      !hideIndicator && (\n                        <div\n                          className={cn(\n                            'shrink-0 rounded-[2px] border-border bg-background',\n                            {\n                              'h-2.5 w-2.5': indicator === 'dot',\n                              'w-1': indicator === 'line',\n                              'w-0 border-[1.5px] border-dashed bg-transparent':\n                                indicator === 'dashed',\n                              'my-0.5': nestLabel && indicator === 'dashed',\n                            },\n                          )}\n                          style={\n                            {\n                              '--color-bg': indicatorColor,\n                              '--color-border': indicatorColor,\n                            } as React.CSSProperties\n                          }\n                        />\n                      )\n                    )}\n                    <div\n                      className={cn(\n                        'flex flex-1 justify-between leading-none',\n                        nestLabel ? 'items-end' : 'items-center',\n                      )}\n                    >\n                      <div className=\"grid gap-1.5\">\n                        {nestLabel ? tooltipLabel : null}\n                        <span className=\"text-muted-foreground\">\n                          {itemConfig?.label || item.name}\n                        </span>\n                      </div>\n                      {item.value && (\n                        <span className=\"font-mono font-medium tabular-nums text-foreground\">\n                          {item.value.toLocaleString()}\n                        </span>\n                      )}\n                    </div>\n                  </>\n                )}\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    );\n  },\n);\nChartTooltipContent.displayName = 'ChartTooltip';\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\nconst ChartLegendContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> &\n  Pick<RechartsPrimitive.LegendProps, 'payload' | 'verticalAlign'> & {\n    hideIcon?: boolean;\n    nameKey?: string;\n  }\n>(({ className, hideIcon = false, payload, verticalAlign = 'bottom', nameKey }, ref) => {\n  const { config } = useChart();\n\n  if (!payload?.length) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'flex items-center justify-center gap-4',\n        verticalAlign === 'top' ? 'pb-3' : 'pt-3',\n        className,\n      )}\n    >\n      {payload.map((item) => {\n        const key = `${nameKey || item.dataKey || 'value'}`;\n        const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n        return (\n          <div\n            key={item.value}\n            className={cn(\n              'flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground',\n            )}\n          >\n            {itemConfig?.icon && !hideIcon ? (\n              <itemConfig.icon />\n            ) : (\n              <div\n                className=\"size-2 shrink-0 rounded-[2px]\"\n                style={{\n                  backgroundColor: item.color,\n                }}\n              />\n            )}\n            {itemConfig?.label}\n          </div>\n        );\n      })}\n    </div>\n  );\n});\nChartLegendContent.displayName = 'ChartLegend';\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string) {\n  if (typeof payload !== 'object' || payload === null) {\n    return undefined;\n  }\n\n  const payloadPayload =\n    'payload' in payload && typeof payload.payload === 'object' && payload.payload !== null\n      ? payload.payload\n      : undefined;\n\n  let configLabelKey: string = key;\n\n  if (key in payload && typeof payload[key as keyof typeof payload] === 'string') {\n    configLabelKey = payload[key as keyof typeof payload] as string;\n  } else if (\n    payloadPayload &&\n    key in payloadPayload &&\n    typeof payloadPayload[key as keyof typeof payloadPayload] === 'string'\n  ) {\n    configLabelKey = payloadPayload[key as keyof typeof payloadPayload] as string;\n  }\n\n  return configLabelKey in config ? config[configLabelKey] : config[key as keyof typeof config];\n}\n\nexport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent\n};\n\n"],"names":["ChartContext","React","useChart","context","ChartContainer","id","className","children","config","props","ref","uniqueId","chartId","jsx","cn","RechartsPrimitive","ChartTooltip","ChartTooltipContent","active","payload","indicator","hideLabel","hideIndicator","label","labelFormatter","labelClassName","formatter","color","nameKey","labelKey","tooltipLabel","item","key","itemConfig","getPayloadConfigFromPayload","value","_a","nestLabel","jsxs","index","indicatorColor","Fragment","ChartLegend","ChartLegendContent","hideIcon","verticalAlign","payloadPayload","configLabelKey"],"mappings":"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"}
+{"version":3,"file":"chart.es.js","sources":["../../../lib/components/ui/chart.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { cn } from '@/utils';\n\nexport type ChartConfig = Record<string, {\n  label?: React.ReactNode;\n  icon?: React.ComponentType;\n}>;\n\ntype ChartContextProps = {\n  config: ChartConfig;\n};\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\n\nfunction useChart() {\n  const context = React.useContext(ChartContext);\n\n  if (!context) {\n    throw new Error('useChart must be used within a <ChartContainer />');\n  }\n\n  return context;\n}\n\n// TODO, use Tremor based charts or create abstractions for specific charts.\n// Fix tootlip inconsistencies.\n// Fix color inconsistencies.\n// Create abstraction such that the input is just a single component.\nconst ChartContainer = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & {\n    config: ChartConfig;\n    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];\n  }\n>(({ id, className, children, config, ...props }, ref) => {\n  const uniqueId = React.useId();\n  const chartId = `chart-${id || uniqueId.replace(/:/g, '')}`;\n\n  return (\n    <ChartContext.Provider value={{ config }}>\n      <div\n        data-chart={chartId}\n        ref={ref}\n        className={cn(\n          \"flex aspect-video justify-center caption [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted/20 [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden\",\n          className,\n        )}\n        {...props}\n      >\n        {/* <ChartStyle id={chartId} config={config} /> */}\n        <RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  );\n});\nChartContainer.displayName = 'Chart';\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\nconst ChartTooltipContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof RechartsPrimitive.Tooltip> &\n  React.ComponentProps<'div'> & {\n    hideLabel?: boolean;\n    hideIndicator?: boolean;\n    indicator?: 'line' | 'dot' | 'dashed';\n    nameKey?: string;\n    labelKey?: string;\n  }\n>(\n  (\n    {\n      active,\n      payload,\n      className,\n      indicator = 'dot',\n      hideLabel = false,\n      hideIndicator = false,\n      label,\n      labelFormatter,\n      labelClassName,\n      formatter,\n      color,\n      nameKey,\n      labelKey,\n    },\n    ref,\n  ) => {\n    const { config } = useChart();\n\n    const tooltipLabel = React.useMemo(() => {\n      if (hideLabel || !payload?.length) {\n        return null;\n      }\n\n      const [item] = payload;\n      const key = `${labelKey || item.dataKey || item.name || 'value'}`;\n      const itemConfig = getPayloadConfigFromPayload(config, item, key);\n      const value =\n        !labelKey && typeof label === 'string'\n          ? config[label as keyof typeof config]?.label || label\n          : itemConfig?.label;\n\n      if (labelFormatter) {\n        return (\n          <div className={cn('font-medium', labelClassName)}>{labelFormatter(value, payload)}</div>\n        );\n      }\n\n      if (!value) {\n        return null;\n      }\n\n      return <div className={cn('font-medium', labelClassName)}>{value}</div>;\n    }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);\n\n    if (!active || !payload?.length) {\n      return null;\n    }\n\n    const nestLabel = payload.length === 1 && indicator !== 'dot';\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'grid min-w-[8rem] items-start gap-1.5 border border-border/50 bg-background px-2.5 py-1.5 text-caption shadow-xl',\n          className,\n        )}\n      >\n        {!nestLabel ? tooltipLabel : null}\n        <div className=\"grid gap-1.5\">\n          {payload.map((item, index) => {\n            const key = `${nameKey || item.name || item.dataKey || 'value'}`;\n            const itemConfig = getPayloadConfigFromPayload(config, item, key);\n            const indicatorColor = color || item.payload.fill || item.color;\n\n            return (\n              <div\n                key={item.dataKey}\n                className={cn(\n                  'flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground',\n                  indicator === 'dot' && 'items-center',\n                )}\n              >\n                {formatter && item?.value !== undefined && item.name ? (\n                  formatter(item.value, item.name, item, index, item.payload)\n                ) : (\n                  <>\n                    {itemConfig?.icon ? (\n                      <itemConfig.icon />\n                    ) : (\n                      !hideIndicator && (\n                        <div\n                          className={cn(\n                            'shrink-0 border-border bg-background',\n                            {\n                              'h-2.5 w-2.5': indicator === 'dot',\n                              'w-1': indicator === 'line',\n                              'w-0 border-[1.5px] border-dashed bg-transparent':\n                                indicator === 'dashed',\n                              'my-0.5': nestLabel && indicator === 'dashed',\n                            },\n                          )}\n                          style={\n                            {\n                              '--color-bg': indicatorColor,\n                              '--color-border': indicatorColor,\n                            } as React.CSSProperties\n                          }\n                        />\n                      )\n                    )}\n                    <div\n                      className={cn(\n                        'flex flex-1 justify-between leading-none',\n                        nestLabel ? 'items-end' : 'items-center',\n                      )}\n                    >\n                      <div className=\"grid gap-1.5\">\n                        {nestLabel ? tooltipLabel : null}\n                        <span className=\"text-muted-foreground\">\n                          {itemConfig?.label || item.name}\n                        </span>\n                      </div>\n                      {item.value && (\n                        <span className=\"font-mono font-medium tabular-nums text-foreground\">\n                          {item.value.toLocaleString()}\n                        </span>\n                      )}\n                    </div>\n                  </>\n                )}\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    );\n  },\n);\nChartTooltipContent.displayName = 'ChartTooltip';\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\nconst ChartLegendContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> &\n  Pick<RechartsPrimitive.LegendProps, 'payload' | 'verticalAlign'> & {\n    hideIcon?: boolean;\n    nameKey?: string;\n  }\n>(({ className, hideIcon = false, payload, verticalAlign = 'bottom', nameKey }, ref) => {\n  const { config } = useChart();\n\n  if (!payload?.length) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'flex items-center justify-center gap-4',\n        verticalAlign === 'top' ? 'pb-3' : 'pt-3',\n        className,\n      )}\n    >\n      {payload.map((item) => {\n        const key = `${nameKey || item.dataKey || 'value'}`;\n        const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n        return (\n          <div\n            key={item.value}\n            className={cn(\n              'flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground',\n            )}\n          >\n            {itemConfig?.icon && !hideIcon ? (\n              <itemConfig.icon />\n            ) : (\n              <div\n                className=\"size-2 shrink-0\"\n                style={{\n                  backgroundColor: item.color,\n                }}\n              />\n            )}\n            {itemConfig?.label}\n          </div>\n        );\n      })}\n    </div>\n  );\n});\nChartLegendContent.displayName = 'ChartLegend';\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string) {\n  if (typeof payload !== 'object' || payload === null) {\n    return undefined;\n  }\n\n  const payloadPayload =\n    'payload' in payload && typeof payload.payload === 'object' && payload.payload !== null\n      ? payload.payload\n      : undefined;\n\n  let configLabelKey: string = key;\n\n  if (key in payload && typeof payload[key as keyof typeof payload] === 'string') {\n    configLabelKey = payload[key as keyof typeof payload] as string;\n  } else if (\n    payloadPayload &&\n    key in payloadPayload &&\n    typeof payloadPayload[key as keyof typeof payloadPayload] === 'string'\n  ) {\n    configLabelKey = payloadPayload[key as keyof typeof payloadPayload] as string;\n  }\n\n  return configLabelKey in config ? config[configLabelKey] : config[key as keyof typeof config];\n}\n\nexport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent\n};\n\n"],"names":["ChartContext","React","useChart","context","ChartContainer","id","className","children","config","props","ref","uniqueId","chartId","jsx","cn","RechartsPrimitive","ChartTooltip","ChartTooltipContent","active","payload","indicator","hideLabel","hideIndicator","label","labelFormatter","labelClassName","formatter","color","nameKey","labelKey","tooltipLabel","item","key","itemConfig","getPayloadConfigFromPayload","value","_a","nestLabel","jsxs","index","indicatorColor","Fragment","ChartLegend","ChartLegendContent","hideIcon","verticalAlign","payloadPayload","configLabelKey"],"mappings":"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"}

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

@@ -1,9 +1,9 @@
 "use client";
-import * as l from "@radix-ui/react-collapsible";
-const o = l.Root, e = l.CollapsibleTrigger, i = l.CollapsibleContent;
+import { Root as l, CollapsibleContent as o, CollapsibleTrigger as e } from "../../node_modules/.pnpm/@radix-ui_react-collapsible@1.1.10_@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-collapsible/dist/index.es.js";
+const t = l, i = e, n = o;
 export {
-  o as Collapsible,
-  i as CollapsibleContent,
-  e as CollapsibleTrigger
+  t as Collapsible,
+  n as CollapsibleContent,
+  i as CollapsibleTrigger
 };
 //# sourceMappingURL=collapsible.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"collapsible.es.js","sources":["../../../lib/components/ui/collapsible.tsx"],"sourcesContent":["'use client';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\n\nconst Collapsible = CollapsiblePrimitive.Root;\n\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;\n\nconst CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\n"],"names":["Collapsible","CollapsiblePrimitive","CollapsibleTrigger","CollapsibleContent"],"mappings":";;AAGA,MAAMA,IAAcC,EAAqB,MAEnCC,IAAqBD,EAAqB,oBAE1CE,IAAqBF,EAAqB;"}
+{"version":3,"file":"collapsible.es.js","sources":["../../../lib/components/ui/collapsible.tsx"],"sourcesContent":["'use client';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\n\nconst Collapsible = CollapsiblePrimitive.Root;\n\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;\n\nconst CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\n"],"names":["Collapsible","CollapsiblePrimitive.Root","CollapsibleTrigger","CollapsiblePrimitive.CollapsibleTrigger","CollapsibleContent","CollapsiblePrimitive.CollapsibleContent"],"mappings":";;AAGA,MAAMA,IAAcC,GAEdC,IAAqBC,GAErBC,IAAqBC;"}