@tetrascience-npm/tetrascience-react-ui 0.7.0-beta.108.1 → 0.7.0-beta.129.1

package/dist/components/composed/TopBar/TopBar.js

@@ -0,0 +1,56 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
+import { cn as c } from "../../../lib/utils.js";
+const d = n(
+  "flex items-center h-11 px-3 bg-sidebar border-b border-sidebar-border w-full gap-2 z-40",
+  {
+    variants: {
+      sticky: {
+        true: "sticky top-0",
+        false: ""
+      }
+    },
+    defaultVariants: { sticky: !0 }
+  }
+);
+function b({ left: e, center: r, right: a, sticky: s, className: i, ...l }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      "data-slot": "top-bar",
+      className: c(d({ sticky: s }), i),
+      ...l,
+      children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            "data-slot": "top-bar-left",
+            className: "flex items-center gap-2 flex-1 min-w-0",
+            children: e
+          }
+        ),
+        r != null && /* @__PURE__ */ t(
+          "div",
+          {
+            "data-slot": "top-bar-center",
+            className: "flex items-center gap-2 shrink-0",
+            children: r
+          }
+        ),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            "data-slot": "top-bar-right",
+            className: "flex items-center gap-2 shrink-0 justify-end",
+            children: a
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  b as TopBar,
+  d as topBarVariants
+};
+//# sourceMappingURL=TopBar.js.map

package/dist/components/composed/TopBar/TopBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopBar.js","sources":["../../../../src/components/composed/TopBar/TopBar.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n// =============================================================================\n// TopBar — sticky 3-slot header\n// =============================================================================\n\nconst topBarVariants = cva(\n  \"flex items-center h-11 px-3 bg-sidebar border-b border-sidebar-border w-full gap-2 z-40\",\n  {\n    variants: {\n      sticky: {\n        true: \"sticky top-0\",\n        false: \"\",\n      },\n    },\n    defaultVariants: { sticky: true },\n  }\n);\n\nexport interface TopBarProps\n  extends Omit<React.ComponentProps<\"div\">, \"children\">,\n    VariantProps<typeof topBarVariants> {\n  /** Left slot — typically a breadcrumb. */\n  left?: React.ReactNode;\n  /**\n   * Center \"context\" slot — e.g. a version/status selector. Only rendered when\n   * provided; keeps the left/right columns balanced when present.\n   */\n  center?: React.ReactNode;\n  /** Right slot — actions, help, user menu, etc. */\n  right?: React.ReactNode;\n}\n\n/**\n * Sticky application header with three slots — left / center / right.\n *\n * - **left** is typically a breadcrumb, but any node can be slotted in.\n * - **center** is an optional \"context\" slot (e.g. a version/status selector).\n * - **right** holds actions, a help affordance, a `UserMenu`, etc.\n */\nfunction TopBar({ left, center, right, sticky, className, ...props }: TopBarProps) {\n  return (\n    <div\n      data-slot=\"top-bar\"\n      className={cn(topBarVariants({ sticky }), className)}\n      {...props}\n    >\n      <div\n        data-slot=\"top-bar-left\"\n        className=\"flex items-center gap-2 flex-1 min-w-0\"\n      >\n        {left}\n      </div>\n\n      {center != null && (\n        <div\n          data-slot=\"top-bar-center\"\n          className=\"flex items-center gap-2 shrink-0\"\n        >\n          {center}\n        </div>\n      )}\n\n      <div\n        data-slot=\"top-bar-right\"\n        className=\"flex items-center gap-2 shrink-0 justify-end\"\n      >\n        {right}\n      </div>\n    </div>\n  );\n}\n\nexport { TopBar, topBarVariants };\n"],"names":["topBarVariants","cva","TopBar","left","center","right","sticky","className","props","jsxs","cn","jsx"],"mappings":";;;AASA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB,EAAE,QAAQ,GAAA;AAAA,EAAK;AAEpC;AAuBA,SAASC,EAAO,EAAE,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,GAAO,QAAAC,GAAQ,WAAAC,GAAW,GAAGC,KAAsB;AACjF,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAGV,EAAe,EAAE,QAAAM,EAAA,CAAQ,GAAGC,CAAS;AAAA,MAClD,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA,YAET,UAAAR;AAAA,UAAA;AAAA,QAAA;AAAA,QAGFC,KAAU,QACT,gBAAAO;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA,YAET,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,QAIL,gBAAAO;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA,YAET,UAAAN;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/composed/UserMenu/UserMenu.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("class-variance-authority"),y=require("react"),i=require("../../ui/avatar.cjs"),a=require("../../ui/dropdown-menu.cjs"),N=require("../../../lib/utils.cjs");function w(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const n in r)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>r[n]})}}return t.default=r,Object.freeze(t)}const M=w(y),u=v.cva("flex items-center cursor-pointer bg-transparent border-none text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 rounded-md",{variants:{variant:{avatar:"p-0 hover:opacity-85",detailed:"gap-3 w-full px-1 py-1 text-muted-foreground hover:bg-sidebar-accent/60 hover:text-foreground"}},defaultVariants:{variant:"avatar"}});function d(r){const t=r.trim().split(/\s+/).filter(Boolean);return t.length===0?"":t.length===1?t[0].substring(0,2).toUpperCase():(t[0][0]+t[t.length-1][0]).toUpperCase()}function D({name:r,subtitle:t,avatarSrc:n,initials:o,groups:p=[],variant:c,side:x="bottom",align:g="end",className:f}){const m=o??d(r),b=c==="detailed";return e.jsxs(a.DropdownMenu,{modal:!1,children:[e.jsx(a.DropdownMenuTrigger,{asChild:!0,children:e.jsxs("button",{type:"button","data-slot":"user-menu-trigger","aria-label":`${r} account menu`,className:N.cn(u({variant:c}),f),children:[e.jsxs(i.Avatar,{size:"sm",className:"bg-primary shrink-0",children:[n&&e.jsx(i.AvatarImage,{src:n,alt:r}),e.jsx(i.AvatarFallback,{className:"bg-primary text-primary-foreground group-data-[size=sm]/avatar:text-[10px] font-semibold",children:m})]}),b&&e.jsxs("div",{className:"flex flex-col items-start min-w-0",children:[e.jsx("span",{className:"text-xs font-medium text-foreground truncate",children:r}),t&&e.jsx("span",{className:"text-[10px] text-muted-foreground uppercase tracking-wide truncate",children:t})]})]})}),e.jsxs(a.DropdownMenuContent,{"data-slot":"user-menu-content",side:x,align:g,className:"min-w-[200px]",children:[e.jsxs("div",{className:"flex flex-col px-2 py-1.5",children:[e.jsx("span",{className:"text-sm font-semibold text-foreground truncate",children:r}),t&&e.jsx("span",{className:"text-xs text-muted-foreground truncate",children:t})]}),p.map((h,j)=>e.jsxs(M.Fragment,{children:[e.jsx(a.DropdownMenuSeparator,{}),h.items.map(s=>{const l=s.icon;return e.jsxs(a.DropdownMenuItem,{variant:s.variant,disabled:s.disabled,onSelect:()=>s.onClick?.(),className:"cursor-pointer",children:[l&&e.jsx(l,{className:"w-4 h-4"}),s.label]},s.id)})]},j))]})]})}exports.UserMenu=D;exports.getInitials=d;exports.userMenuTriggerVariants=u;
+//# sourceMappingURL=UserMenu.cjs.map

package/dist/components/composed/UserMenu/UserMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.cjs","sources":["../../../../src/components/composed/UserMenu/UserMenu.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { type LucideIcon } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface UserMenuItem {\n  /** Unique identifier */\n  id: string;\n  /** Display label */\n  label: string;\n  /** Optional leading icon */\n  icon?: LucideIcon | React.FC<React.SVGProps<SVGSVGElement>>;\n  /** Click handler */\n  onClick?: () => void;\n  /** Disables the item */\n  disabled?: boolean;\n  /** Visual variant — `destructive` for sign-out / delete actions */\n  variant?: \"default\" | \"destructive\";\n}\n\nexport interface UserMenuGroup {\n  /** Items in this group; groups are separated by a divider */\n  items: UserMenuItem[];\n}\n\nconst userMenuTriggerVariants = cva(\n  \"flex items-center cursor-pointer bg-transparent border-none text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 rounded-md\",\n  {\n    variants: {\n      variant: {\n        /** Icon-only avatar — for the TopBar right slot or the collapsed rail */\n        avatar: \"p-0 hover:opacity-85\",\n        /** Avatar + name/subtitle row — for the expanded sidebar footer */\n        detailed:\n          \"gap-3 w-full px-1 py-1 text-muted-foreground hover:bg-sidebar-accent/60 hover:text-foreground\",\n      },\n    },\n    defaultVariants: { variant: \"avatar\" },\n  }\n);\n\nexport interface UserMenuProps\n  extends VariantProps<typeof userMenuTriggerVariants> {\n  /** User's full name — used for the menu header and derived initials */\n  name: string;\n  /** Secondary line shown under the name (e.g. email or role) */\n  subtitle?: string;\n  /** Avatar image URL; falls back to initials when absent or on load error */\n  avatarSrc?: string;\n  /** Explicit initials override; otherwise derived from `name` */\n  initials?: string;\n  /** Menu item groups; each group is separated by a divider */\n  groups?: UserMenuGroup[];\n  /** Which side of the trigger the dropdown opens on */\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  /** Alignment of the dropdown relative to the trigger */\n  align?: \"start\" | \"center\" | \"end\";\n  /** Additional className for the trigger button */\n  className?: string;\n}\n\n// =============================================================================\n// Helpers\n// =============================================================================\n\n/** Derives up to two uppercase initials from a full name. */\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/).filter(Boolean);\n  if (parts.length === 0) return \"\";\n  if (parts.length === 1) return parts[0].substring(0, 2).toUpperCase();\n  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();\n}\n\n// =============================================================================\n// UserMenu\n// =============================================================================\n\n/**\n * User account affordance — an avatar (initials or image) that opens a dropdown\n * menu. A composition over the `Avatar` + `DropdownMenu` primitives.\n *\n * Focus trap, keyboard navigation, and Esc-to-close are handled by the\n * underlying Radix `DropdownMenu`.\n */\nfunction UserMenu({\n  name,\n  subtitle,\n  avatarSrc,\n  initials,\n  groups = [],\n  variant,\n  side = \"bottom\",\n  align = \"end\",\n  className,\n}: UserMenuProps) {\n  const resolvedInitials = initials ?? getInitials(name);\n  const isDetailed = variant === \"detailed\";\n\n  return (\n    <DropdownMenu modal={false}>\n      <DropdownMenuTrigger asChild>\n        <button\n          type=\"button\"\n          data-slot=\"user-menu-trigger\"\n          aria-label={`${name} account menu`}\n          className={cn(userMenuTriggerVariants({ variant }), className)}\n        >\n          <Avatar size=\"sm\" className=\"bg-primary shrink-0\">\n            {avatarSrc && <AvatarImage src={avatarSrc} alt={name} />}\n            <AvatarFallback className=\"bg-primary text-primary-foreground group-data-[size=sm]/avatar:text-[10px] font-semibold\">\n              {resolvedInitials}\n            </AvatarFallback>\n          </Avatar>\n          {isDetailed && (\n            <div className=\"flex flex-col items-start min-w-0\">\n              <span className=\"text-xs font-medium text-foreground truncate\">\n                {name}\n              </span>\n              {subtitle && (\n                <span className=\"text-[10px] text-muted-foreground uppercase tracking-wide truncate\">\n                  {subtitle}\n                </span>\n              )}\n            </div>\n          )}\n        </button>\n      </DropdownMenuTrigger>\n\n      <DropdownMenuContent\n        data-slot=\"user-menu-content\"\n        side={side}\n        align={align}\n        className=\"min-w-[200px]\"\n      >\n        {/* Header: name + subtitle */}\n        <div className=\"flex flex-col px-2 py-1.5\">\n          <span className=\"text-sm font-semibold text-foreground truncate\">\n            {name}\n          </span>\n          {subtitle && (\n            <span className=\"text-xs text-muted-foreground truncate\">\n              {subtitle}\n            </span>\n          )}\n        </div>\n\n        {groups.map((group, groupIndex) => (\n          <React.Fragment key={groupIndex}>\n            <DropdownMenuSeparator />\n            {group.items.map((item) => {\n              const Icon = item.icon;\n              return (\n                <DropdownMenuItem\n                  key={item.id}\n                  variant={item.variant}\n                  disabled={item.disabled}\n                  onSelect={() => item.onClick?.()}\n                  className=\"cursor-pointer\"\n                >\n                  {Icon && <Icon className=\"w-4 h-4\" />}\n                  {item.label}\n                </DropdownMenuItem>\n              );\n            })}\n          </React.Fragment>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nexport { UserMenu, getInitials, userMenuTriggerVariants };\n"],"names":["userMenuTriggerVariants","cva","getInitials","name","parts","UserMenu","subtitle","avatarSrc","initials","groups","variant","side","align","className","resolvedInitials","isDetailed","jsxs","DropdownMenu","jsx","DropdownMenuTrigger","cn","Avatar","AvatarImage","AvatarFallback","DropdownMenuContent","group","groupIndex","React","DropdownMenuSeparator","item","Icon","DropdownMenuItem"],"mappings":"qjBAsCMA,EAA0BC,EAAAA,IAC9B,yMACA,CACE,SAAU,CACR,QAAS,CAEP,OAAQ,uBAER,SACE,+FAAA,CACJ,EAEF,gBAAiB,CAAE,QAAS,QAAA,CAAS,CAEzC,EA2BA,SAASC,EAAYC,EAAsB,CACzC,MAAMC,EAAQD,EAAK,KAAA,EAAO,MAAM,KAAK,EAAE,OAAO,OAAO,EACrD,OAAIC,EAAM,SAAW,EAAU,GAC3BA,EAAM,SAAW,EAAUA,EAAM,CAAC,EAAE,UAAU,EAAG,CAAC,EAAE,YAAA,GAChDA,EAAM,CAAC,EAAE,CAAC,EAAIA,EAAMA,EAAM,OAAS,CAAC,EAAE,CAAC,GAAG,YAAA,CACpD,CAaA,SAASC,EAAS,CAChB,KAAAF,EACA,SAAAG,EACA,UAAAC,EACA,SAAAC,EACA,OAAAC,EAAS,CAAA,EACT,QAAAC,EACA,KAAAC,EAAO,SACP,MAAAC,EAAQ,MACR,UAAAC,CACF,EAAkB,CAChB,MAAMC,EAAmBN,GAAYN,EAAYC,CAAI,EAC/CY,EAAaL,IAAY,WAE/B,OACEM,EAAAA,KAACC,EAAAA,aAAA,CAAa,MAAO,GACnB,SAAA,CAAAC,EAAAA,IAACC,EAAAA,oBAAA,CAAoB,QAAO,GAC1B,SAAAH,EAAAA,KAAC,SAAA,CACC,KAAK,SACL,YAAU,oBACV,aAAY,GAAGb,CAAI,gBACnB,UAAWiB,EAAAA,GAAGpB,EAAwB,CAAE,QAAAU,CAAA,CAAS,EAAGG,CAAS,EAE7D,SAAA,CAAAG,EAAAA,KAACK,EAAAA,OAAA,CAAO,KAAK,KAAK,UAAU,sBACzB,SAAA,CAAAd,GAAaW,EAAAA,IAACI,cAAA,CAAY,IAAKf,EAAW,IAAKJ,EAAM,EACtDe,EAAAA,IAACK,EAAAA,eAAA,CAAe,UAAU,2FACvB,SAAAT,CAAA,CACH,CAAA,EACF,EACCC,GACCC,EAAAA,KAAC,MAAA,CAAI,UAAU,oCACb,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,+CACb,SAAAf,EACH,EACCG,GACCY,EAAAA,IAAC,OAAA,CAAK,UAAU,qEACb,SAAAZ,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,CAAA,CAAA,EAGN,EAEAU,EAAAA,KAACQ,EAAAA,oBAAA,CACC,YAAU,oBACV,KAAAb,EACA,MAAAC,EACA,UAAU,gBAGV,SAAA,CAAAI,EAAAA,KAAC,MAAA,CAAI,UAAU,4BACb,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,iDACb,SAAAf,EACH,EACCG,GACCY,EAAAA,IAAC,OAAA,CAAK,UAAU,yCACb,SAAAZ,CAAA,CACH,CAAA,EAEJ,EAECG,EAAO,IAAI,CAACgB,EAAOC,IAClBV,EAAAA,KAACW,EAAM,SAAN,CACC,SAAA,CAAAT,EAAAA,IAACU,EAAAA,sBAAA,EAAsB,EACtBH,EAAM,MAAM,IAAKI,GAAS,CACzB,MAAMC,EAAOD,EAAK,KAClB,OACEb,EAAAA,KAACe,EAAAA,iBAAA,CAEC,QAASF,EAAK,QACd,SAAUA,EAAK,SACf,SAAU,IAAMA,EAAK,UAAA,EACrB,UAAU,iBAET,SAAA,CAAAC,GAAQZ,EAAAA,IAACY,EAAA,CAAK,UAAU,SAAA,CAAU,EAClCD,EAAK,KAAA,CAAA,EAPDA,EAAK,EAAA,CAUhB,CAAC,CAAA,CAAA,EAhBkBH,CAiBrB,CACD,CAAA,CAAA,CAAA,CACH,EACF,CAEJ"}

package/dist/components/composed/UserMenu/UserMenu.js

@@ -0,0 +1,99 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { cva as h } from "class-variance-authority";
+import * as v from "react";
+import { Avatar as b, AvatarImage as N, AvatarFallback as w } from "../../ui/avatar.js";
+import { DropdownMenu as y, DropdownMenuTrigger as M, DropdownMenuContent as D, DropdownMenuSeparator as C, DropdownMenuItem as I } from "../../ui/dropdown-menu.js";
+import { cn as k } from "../../../lib/utils.js";
+const A = h(
+  "flex items-center cursor-pointer bg-transparent border-none text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 rounded-md",
+  {
+    variants: {
+      variant: {
+        /** Icon-only avatar — for the TopBar right slot or the collapsed rail */
+        avatar: "p-0 hover:opacity-85",
+        /** Avatar + name/subtitle row — for the expanded sidebar footer */
+        detailed: "gap-3 w-full px-1 py-1 text-muted-foreground hover:bg-sidebar-accent/60 hover:text-foreground"
+      }
+    },
+    defaultVariants: { variant: "avatar" }
+  }
+);
+function U(n) {
+  const e = n.trim().split(/\s+/).filter(Boolean);
+  return e.length === 0 ? "" : e.length === 1 ? e[0].substring(0, 2).toUpperCase() : (e[0][0] + e[e.length - 1][0]).toUpperCase();
+}
+function B({
+  name: n,
+  subtitle: e,
+  avatarSrc: o,
+  initials: l,
+  groups: c = [],
+  variant: s,
+  side: d = "bottom",
+  align: u = "end",
+  className: m
+}) {
+  const p = l ?? U(n), f = s === "detailed";
+  return /* @__PURE__ */ t(y, { modal: !1, children: [
+    /* @__PURE__ */ r(M, { asChild: !0, children: /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        "data-slot": "user-menu-trigger",
+        "aria-label": `${n} account menu`,
+        className: k(A({ variant: s }), m),
+        children: [
+          /* @__PURE__ */ t(b, { size: "sm", className: "bg-primary shrink-0", children: [
+            o && /* @__PURE__ */ r(N, { src: o, alt: n }),
+            /* @__PURE__ */ r(w, { className: "bg-primary text-primary-foreground group-data-[size=sm]/avatar:text-[10px] font-semibold", children: p })
+          ] }),
+          f && /* @__PURE__ */ t("div", { className: "flex flex-col items-start min-w-0", children: [
+            /* @__PURE__ */ r("span", { className: "text-xs font-medium text-foreground truncate", children: n }),
+            e && /* @__PURE__ */ r("span", { className: "text-[10px] text-muted-foreground uppercase tracking-wide truncate", children: e })
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t(
+      D,
+      {
+        "data-slot": "user-menu-content",
+        side: d,
+        align: u,
+        className: "min-w-[200px]",
+        children: [
+          /* @__PURE__ */ t("div", { className: "flex flex-col px-2 py-1.5", children: [
+            /* @__PURE__ */ r("span", { className: "text-sm font-semibold text-foreground truncate", children: n }),
+            e && /* @__PURE__ */ r("span", { className: "text-xs text-muted-foreground truncate", children: e })
+          ] }),
+          c.map((g, x) => /* @__PURE__ */ t(v.Fragment, { children: [
+            /* @__PURE__ */ r(C, {}),
+            g.items.map((a) => {
+              const i = a.icon;
+              return /* @__PURE__ */ t(
+                I,
+                {
+                  variant: a.variant,
+                  disabled: a.disabled,
+                  onSelect: () => a.onClick?.(),
+                  className: "cursor-pointer",
+                  children: [
+                    i && /* @__PURE__ */ r(i, { className: "w-4 h-4" }),
+                    a.label
+                  ]
+                },
+                a.id
+              );
+            })
+          ] }, x))
+        ]
+      }
+    )
+  ] });
+}
+export {
+  B as UserMenu,
+  U as getInitials,
+  A as userMenuTriggerVariants
+};
+//# sourceMappingURL=UserMenu.js.map

package/dist/components/composed/UserMenu/UserMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.js","sources":["../../../../src/components/composed/UserMenu/UserMenu.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { type LucideIcon } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { cn } from \"@/lib/utils\";\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface UserMenuItem {\n  /** Unique identifier */\n  id: string;\n  /** Display label */\n  label: string;\n  /** Optional leading icon */\n  icon?: LucideIcon | React.FC<React.SVGProps<SVGSVGElement>>;\n  /** Click handler */\n  onClick?: () => void;\n  /** Disables the item */\n  disabled?: boolean;\n  /** Visual variant — `destructive` for sign-out / delete actions */\n  variant?: \"default\" | \"destructive\";\n}\n\nexport interface UserMenuGroup {\n  /** Items in this group; groups are separated by a divider */\n  items: UserMenuItem[];\n}\n\nconst userMenuTriggerVariants = cva(\n  \"flex items-center cursor-pointer bg-transparent border-none text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 rounded-md\",\n  {\n    variants: {\n      variant: {\n        /** Icon-only avatar — for the TopBar right slot or the collapsed rail */\n        avatar: \"p-0 hover:opacity-85\",\n        /** Avatar + name/subtitle row — for the expanded sidebar footer */\n        detailed:\n          \"gap-3 w-full px-1 py-1 text-muted-foreground hover:bg-sidebar-accent/60 hover:text-foreground\",\n      },\n    },\n    defaultVariants: { variant: \"avatar\" },\n  }\n);\n\nexport interface UserMenuProps\n  extends VariantProps<typeof userMenuTriggerVariants> {\n  /** User's full name — used for the menu header and derived initials */\n  name: string;\n  /** Secondary line shown under the name (e.g. email or role) */\n  subtitle?: string;\n  /** Avatar image URL; falls back to initials when absent or on load error */\n  avatarSrc?: string;\n  /** Explicit initials override; otherwise derived from `name` */\n  initials?: string;\n  /** Menu item groups; each group is separated by a divider */\n  groups?: UserMenuGroup[];\n  /** Which side of the trigger the dropdown opens on */\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  /** Alignment of the dropdown relative to the trigger */\n  align?: \"start\" | \"center\" | \"end\";\n  /** Additional className for the trigger button */\n  className?: string;\n}\n\n// =============================================================================\n// Helpers\n// =============================================================================\n\n/** Derives up to two uppercase initials from a full name. */\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/).filter(Boolean);\n  if (parts.length === 0) return \"\";\n  if (parts.length === 1) return parts[0].substring(0, 2).toUpperCase();\n  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();\n}\n\n// =============================================================================\n// UserMenu\n// =============================================================================\n\n/**\n * User account affordance — an avatar (initials or image) that opens a dropdown\n * menu. A composition over the `Avatar` + `DropdownMenu` primitives.\n *\n * Focus trap, keyboard navigation, and Esc-to-close are handled by the\n * underlying Radix `DropdownMenu`.\n */\nfunction UserMenu({\n  name,\n  subtitle,\n  avatarSrc,\n  initials,\n  groups = [],\n  variant,\n  side = \"bottom\",\n  align = \"end\",\n  className,\n}: UserMenuProps) {\n  const resolvedInitials = initials ?? getInitials(name);\n  const isDetailed = variant === \"detailed\";\n\n  return (\n    <DropdownMenu modal={false}>\n      <DropdownMenuTrigger asChild>\n        <button\n          type=\"button\"\n          data-slot=\"user-menu-trigger\"\n          aria-label={`${name} account menu`}\n          className={cn(userMenuTriggerVariants({ variant }), className)}\n        >\n          <Avatar size=\"sm\" className=\"bg-primary shrink-0\">\n            {avatarSrc && <AvatarImage src={avatarSrc} alt={name} />}\n            <AvatarFallback className=\"bg-primary text-primary-foreground group-data-[size=sm]/avatar:text-[10px] font-semibold\">\n              {resolvedInitials}\n            </AvatarFallback>\n          </Avatar>\n          {isDetailed && (\n            <div className=\"flex flex-col items-start min-w-0\">\n              <span className=\"text-xs font-medium text-foreground truncate\">\n                {name}\n              </span>\n              {subtitle && (\n                <span className=\"text-[10px] text-muted-foreground uppercase tracking-wide truncate\">\n                  {subtitle}\n                </span>\n              )}\n            </div>\n          )}\n        </button>\n      </DropdownMenuTrigger>\n\n      <DropdownMenuContent\n        data-slot=\"user-menu-content\"\n        side={side}\n        align={align}\n        className=\"min-w-[200px]\"\n      >\n        {/* Header: name + subtitle */}\n        <div className=\"flex flex-col px-2 py-1.5\">\n          <span className=\"text-sm font-semibold text-foreground truncate\">\n            {name}\n          </span>\n          {subtitle && (\n            <span className=\"text-xs text-muted-foreground truncate\">\n              {subtitle}\n            </span>\n          )}\n        </div>\n\n        {groups.map((group, groupIndex) => (\n          <React.Fragment key={groupIndex}>\n            <DropdownMenuSeparator />\n            {group.items.map((item) => {\n              const Icon = item.icon;\n              return (\n                <DropdownMenuItem\n                  key={item.id}\n                  variant={item.variant}\n                  disabled={item.disabled}\n                  onSelect={() => item.onClick?.()}\n                  className=\"cursor-pointer\"\n                >\n                  {Icon && <Icon className=\"w-4 h-4\" />}\n                  {item.label}\n                </DropdownMenuItem>\n              );\n            })}\n          </React.Fragment>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nexport { UserMenu, getInitials, userMenuTriggerVariants };\n"],"names":["userMenuTriggerVariants","cva","getInitials","name","parts","UserMenu","subtitle","avatarSrc","initials","groups","variant","side","align","className","resolvedInitials","isDetailed","jsxs","DropdownMenu","jsx","DropdownMenuTrigger","cn","Avatar","AvatarImage","AvatarFallback","DropdownMenuContent","group","groupIndex","React","DropdownMenuSeparator","item","Icon","DropdownMenuItem"],"mappings":";;;;;;AAsCA,MAAMA,IAA0BC;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA;AAAA,QAEP,QAAQ;AAAA;AAAA,QAER,UACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB,EAAE,SAAS,SAAA;AAAA,EAAS;AAEzC;AA2BA,SAASC,EAAYC,GAAsB;AACzC,QAAMC,IAAQD,EAAK,KAAA,EAAO,MAAM,KAAK,EAAE,OAAO,OAAO;AACrD,SAAIC,EAAM,WAAW,IAAU,KAC3BA,EAAM,WAAW,IAAUA,EAAM,CAAC,EAAE,UAAU,GAAG,CAAC,EAAE,YAAA,KAChDA,EAAM,CAAC,EAAE,CAAC,IAAIA,EAAMA,EAAM,SAAS,CAAC,EAAE,CAAC,GAAG,YAAA;AACpD;AAaA,SAASC,EAAS;AAAA,EAChB,MAAAF;AAAA,EACA,UAAAG;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS,CAAA;AAAA,EACT,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,WAAAC;AACF,GAAkB;AAChB,QAAMC,IAAmBN,KAAYN,EAAYC,CAAI,GAC/CY,IAAaL,MAAY;AAE/B,SACE,gBAAAM,EAACC,GAAA,EAAa,OAAO,IACnB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAoB,SAAO,IAC1B,UAAA,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,aAAU;AAAA,QACV,cAAY,GAAGb,CAAI;AAAA,QACnB,WAAWiB,EAAGpB,EAAwB,EAAE,SAAAU,EAAA,CAAS,GAAGG,CAAS;AAAA,QAE7D,UAAA;AAAA,UAAA,gBAAAG,EAACK,GAAA,EAAO,MAAK,MAAK,WAAU,uBACzB,UAAA;AAAA,YAAAd,KAAa,gBAAAW,EAACI,GAAA,EAAY,KAAKf,GAAW,KAAKJ,GAAM;AAAA,YACtD,gBAAAe,EAACK,GAAA,EAAe,WAAU,4FACvB,UAAAT,EAAA,CACH;AAAA,UAAA,GACF;AAAA,UACCC,KACC,gBAAAC,EAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,YAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,gDACb,UAAAf,GACH;AAAA,YACCG,KACC,gBAAAY,EAAC,QAAA,EAAK,WAAU,sEACb,UAAAZ,EAAA,CACH;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAGN;AAAA,IAEA,gBAAAU;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,MAAAb;AAAA,QACA,OAAAC;AAAA,QACA,WAAU;AAAA,QAGV,UAAA;AAAA,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,YAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,kDACb,UAAAf,GACH;AAAA,YACCG,KACC,gBAAAY,EAAC,QAAA,EAAK,WAAU,0CACb,UAAAZ,EAAA,CACH;AAAA,UAAA,GAEJ;AAAA,UAECG,EAAO,IAAI,CAACgB,GAAOC,MAClB,gBAAAV,EAACW,EAAM,UAAN,EACC,UAAA;AAAA,YAAA,gBAAAT,EAACU,GAAA,EAAsB;AAAA,YACtBH,EAAM,MAAM,IAAI,CAACI,MAAS;AACzB,oBAAMC,IAAOD,EAAK;AAClB,qBACE,gBAAAb;AAAA,gBAACe;AAAA,gBAAA;AAAA,kBAEC,SAASF,EAAK;AAAA,kBACd,UAAUA,EAAK;AAAA,kBACf,UAAU,MAAMA,EAAK,UAAA;AAAA,kBACrB,WAAU;AAAA,kBAET,UAAA;AAAA,oBAAAC,KAAQ,gBAAAZ,EAACY,GAAA,EAAK,WAAU,UAAA,CAAU;AAAA,oBAClCD,EAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAPDA,EAAK;AAAA,cAAA;AAAA,YAUhB,CAAC;AAAA,UAAA,EAAA,GAhBkBH,CAiBrB,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}

package/dist/components/composed/tdp-link.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react/jsx-runtime"),u=require("react"),n=require("./tdp-url.cjs"),l=u.createContext(null);function p(){const r=u.useContext(l);if(!r)throw new Error("useTdpNavigationContext must be used within a TdpNavigationProvider. Wrap your app with <TdpNavigationProvider> or use the standalone useTdpNavigation() hook instead.");return r}const f=({tdpBaseUrl:r,children:t})=>{const e=u.useMemo(()=>r?r.replace(/\/$/u,""):n.getTdpBaseUrlFromReferrer(),[r]),o=u.useMemo(()=>({tdpBaseUrl:e,getTdpUrl:i=>e?n.buildTdpUrl(e,i):null,navigateToTdp:(i,a)=>{if(!e){console.warn("[TdpNavigation] Cannot navigate: TDP base URL not resolved");return}const d=n.buildTdpUrl(e,i);d&&n.navigateToTdpUrl(d,a)}}),[e]);return T.jsx(l.Provider,{value:o,children:t})};function b(r={}){const{tdpBaseUrl:t}=r,e=u.useMemo(()=>t?t.replace(/\/$/u,""):n.getTdpBaseUrlFromReferrer(),[t]);return u.useMemo(()=>({tdpBaseUrl:e,getTdpUrl:o=>e?n.buildTdpUrl(e,o):null,navigateToTdp:(o,i)=>{if(!e){console.warn("[useTdpNavigation] Cannot navigate: TDP base URL not resolved");return}const a=n.buildTdpUrl(e,o);a&&n.navigateToTdpUrl(a,i)}}),[e])}const U=({path:r,navigationOptions:t={newTab:!0},children:e,onClick:o,className:i,...a})=>{const{getTdpUrl:d,navigateToTdp:v}=p(),c=d(r),g=s=>{s.metaKey||s.ctrlKey||s.shiftKey||(s.preventDefault(),o?.(s),v(r,t))};return T.jsx("a",{href:c??"#",target:t.newTab?"_blank":void 0,rel:t.newTab?"noopener noreferrer":void 0,onClick:g,className:`no-underline cursor-pointer hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:rounded-[2px] ${i??""}`,style:{color:"var(--primary)",outlineColor:"var(--border)"},...a,children:e})};exports.TDPLink=U;exports.TdpNavigationContext=l;exports.TdpNavigationProvider=f;exports.useTdpNavigation=b;exports.useTdpNavigationContext=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react/jsx-runtime"),u=require("react"),n=require("./tdp-url.cjs"),l=u.createContext(null);function p(){const r=u.useContext(l);if(!r)throw new Error("useTdpNavigationContext must be used within a TdpNavigationProvider. Wrap your app with <TdpNavigationProvider> or use the standalone useTdpNavigation() hook instead.");return r}const f=({tdpBaseUrl:r,children:t})=>{const e=u.useMemo(()=>r?r.replace(/\/$/u,""):n.getTdpBaseUrlFromReferrer(),[r]),o=u.useMemo(()=>({tdpBaseUrl:e,getTdpUrl:i=>e?n.buildTdpUrl(e,i):null,navigateToTdp:(i,a)=>{if(!e){console.warn("[TdpNavigation] Cannot navigate: TDP base URL not resolved");return}const d=n.buildTdpUrl(e,i);d&&n.navigateToTdpUrl(d,a)}}),[e]);return T.jsx(l.Provider,{value:o,children:t})};function b(r={}){const{tdpBaseUrl:t}=r,e=u.useMemo(()=>t?t.replace(/\/$/u,""):n.getTdpBaseUrlFromReferrer(),[t]);return u.useMemo(()=>({tdpBaseUrl:e,getTdpUrl:o=>e?n.buildTdpUrl(e,o):null,navigateToTdp:(o,i)=>{if(!e){console.warn("[useTdpNavigation] Cannot navigate: TDP base URL not resolved");return}const a=n.buildTdpUrl(e,o);a&&n.navigateToTdpUrl(a,i)}}),[e])}const U=({path:r,navigationOptions:t={newTab:!0},children:e,onClick:o,className:i,...a})=>{const{getTdpUrl:d,navigateToTdp:c}=p(),v=d(r),g=s=>{s.metaKey||s.ctrlKey||s.shiftKey||(s.preventDefault(),o?.(s),c(r,t))};return T.jsx("a",{href:v??"#",target:t.newTab?"_blank":void 0,rel:t.newTab?"noopener noreferrer":void 0,onClick:g,className:`underline underline-offset-2 cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:rounded-[2px] ${i??""}`,style:{color:"var(--primary)",outlineColor:"var(--border)"},...a,children:e})};exports.TDPLink=U;exports.TdpNavigationContext=l;exports.TdpNavigationProvider=f;exports.useTdpNavigation=b;exports.useTdpNavigationContext=p;
 //# sourceMappingURL=tdp-link.cjs.map

package/dist/components/composed/tdp-link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tdp-link.cjs","sources":["../../../src/components/composed/tdp-link.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\n\nimport { buildTdpUrl, getTdpBaseUrlFromReferrer, navigateToTdpUrl } from './tdp-url';\n\nimport type { TdpNavigationOptions } from './tdp-url';\n\nexport interface TdpNavigationContextValue {\n  /** The resolved TDP base URL (origin + org path prefix), or null if not resolved */\n  tdpBaseUrl: string | null;\n  /** Construct a full TDP URL from a path. Returns null if base URL is not resolved. */\n  getTdpUrl: (path: string) => string | null;\n  /** Navigate to a TDP page. */\n  navigateToTdp: (path: string, options?: TdpNavigationOptions) => void;\n}\n\nexport const TdpNavigationContext = createContext<TdpNavigationContextValue | null>(null);\n\n/**\n * Access TDP navigation helpers from the nearest TdpNavigationProvider.\n *\n * @throws Error if used outside a TdpNavigationProvider\n *\n * @example\n * ```tsx\n * const { getTdpUrl, navigateToTdp } = useTdpNavigationContext();\n * ```\n */\nexport function useTdpNavigationContext(): TdpNavigationContextValue {\n  const context = useContext(TdpNavigationContext);\n  if (!context) {\n    throw new Error(\n      'useTdpNavigationContext must be used within a TdpNavigationProvider. ' +\n        'Wrap your app with <TdpNavigationProvider> or use the standalone useTdpNavigation() hook instead.',\n    );\n  }\n  return context;\n}\n\n/** Props for the TdpNavigationProvider component */\nexport interface TdpNavigationProviderProps {\n  /**\n   * Explicit TDP base URL override. Skips auto-detection when provided.\n   */\n  tdpBaseUrl?: string;\n  children: React.ReactNode;\n}\n\n/**\n * Provider that resolves the TDP base URL and exposes navigation helpers.\n *\n * Resolution order:\n * 1. Explicit `tdpBaseUrl` prop (if provided)\n * 2. `document.referrer` parsing (production iframe)\n *\n * @example\n * ```tsx\n * <TdpNavigationProvider tdpBaseUrl=\"https://tetrascience.com/my-org\">\n *   <App />\n * </TdpNavigationProvider>\n * ```\n */\nexport const TdpNavigationProvider: React.FC<TdpNavigationProviderProps> = ({\n  tdpBaseUrl: explicitBaseUrl,\n  children,\n}) => {\n  const tdpBaseUrl = useMemo(() => {\n    if (explicitBaseUrl) {\n      return explicitBaseUrl.replace(/\\/$/u, '');\n    }\n    return getTdpBaseUrlFromReferrer();\n  }, [explicitBaseUrl]);\n\n  const contextValue = useMemo<TdpNavigationContextValue>(\n    () => ({\n      tdpBaseUrl,\n      getTdpUrl: (path: string) => {\n        if (!tdpBaseUrl) return null;\n        return buildTdpUrl(tdpBaseUrl, path);\n      },\n      navigateToTdp: (path: string, options?: TdpNavigationOptions) => {\n        if (!tdpBaseUrl) {\n          console.warn('[TdpNavigation] Cannot navigate: TDP base URL not resolved');\n          return;\n        }\n        const url = buildTdpUrl(tdpBaseUrl, path);\n        if (url) {\n          navigateToTdpUrl(url, options);\n        }\n      },\n    }),\n    [tdpBaseUrl],\n  );\n\n  return <TdpNavigationContext.Provider value={contextValue}>{children}</TdpNavigationContext.Provider>;\n};\n\nexport interface UseTdpNavigationOptions {\n  /** Explicit TDP base URL override */\n  tdpBaseUrl?: string;\n}\n\nexport interface UseTdpNavigationReturn {\n  /** The resolved TDP base URL, or null */\n  tdpBaseUrl: string | null;\n  /** Construct a full TDP URL from a path */\n  getTdpUrl: (path: string) => string | null;\n  /** Navigate to a TDP page */\n  navigateToTdp: (path: string, options?: TdpNavigationOptions) => void;\n}\n\n/**\n * Standalone hook for TDP navigation (no provider required).\n *\n * For simple use cases where you don't need a TdpNavigationProvider.\n * If multiple components need navigation, prefer the provider approach.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { getTdpUrl, navigateToTdp } = useTdpNavigation({\n *     tdpBaseUrl: \"https://tetrascience.com/my-org\",\n *   });\n *\n *   return (\n *     <a href={getTdpUrl(\"/file/abc\") ?? \"#\"} target=\"_blank\" rel=\"noopener noreferrer\">\n *       View File\n *     </a>\n *   );\n * }\n * ```\n */\nexport function useTdpNavigation(options: UseTdpNavigationOptions = {}): UseTdpNavigationReturn {\n  const { tdpBaseUrl: explicitBaseUrl } = options;\n\n  const tdpBaseUrl = useMemo(() => {\n    if (explicitBaseUrl) return explicitBaseUrl.replace(/\\/$/u, '');\n    return getTdpBaseUrlFromReferrer();\n  }, [explicitBaseUrl]);\n\n  return useMemo(\n    () => ({\n      tdpBaseUrl,\n      getTdpUrl: (path: string) => (tdpBaseUrl ? buildTdpUrl(tdpBaseUrl, path) : null),\n      navigateToTdp: (path: string, opts?: TdpNavigationOptions) => {\n        if (!tdpBaseUrl) {\n          console.warn('[useTdpNavigation] Cannot navigate: TDP base URL not resolved');\n          return;\n        }\n        const url = buildTdpUrl(tdpBaseUrl, path);\n        if (url) navigateToTdpUrl(url, opts);\n      },\n    }),\n    [tdpBaseUrl],\n  );\n}\n\n/** Props for the TDPLink component */\nexport interface TDPLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {\n  /** TDP page path (e.g., \"/file/abc-123\" or use tdpPaths helpers) */\n  path: string;\n  /** Navigation behavior. Default: { newTab: true } */\n  navigationOptions?: TdpNavigationOptions;\n  children: React.ReactNode;\n  ref?: React.Ref<HTMLAnchorElement>;\n}\n\n/**\n * A link component that navigates to TDP pages.\n *\n * Renders a standard `<a>` tag with the correct href for right-click\n * \"Open in new tab\" support, accessibility, and SEO.\n *\n * Must be used inside a `<TdpNavigationProvider>`.\n *\n * @example\n * ```tsx\n * import { TDPLink, tdpPaths } from '@tetrascience-npm/tetrascience-react-ui';\n *\n * <TDPLink path={tdpPaths.fileDetails(\"abc-123\")}>\n *   View File Details\n * </TDPLink>\n *\n * <TDPLink path=\"/search?q=test\" navigationOptions={{ newTab: false }}>\n *   Search in TDP (same tab)\n * </TDPLink>\n * ```\n */\nexport const TDPLink: React.FC<TDPLinkProps> = ({\n  path,\n  navigationOptions = { newTab: true },\n  children,\n  onClick,\n  className,\n  ...rest\n}) => {\n  const { getTdpUrl, navigateToTdp } = useTdpNavigationContext();\n  const href = getTdpUrl(path);\n\n  const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    // Let modifier-key clicks through for native \"open in new tab\" behavior\n    if (e.metaKey || e.ctrlKey || e.shiftKey) {\n      return;\n    }\n\n    e.preventDefault();\n    onClick?.(e);\n    navigateToTdp(path, navigationOptions);\n  };\n\n  return (\n    <a\n      href={href ?? '#'}\n      target={navigationOptions.newTab ? '_blank' : undefined}\n      rel={navigationOptions.newTab ? 'noopener noreferrer' : undefined}\n      onClick={handleClick}\n      className={`no-underline cursor-pointer hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:rounded-[2px] ${className ?? ''}`}\n      style={{ color: 'var(--primary)', outlineColor: 'var(--border)' }}\n      {...rest}\n    >\n      {children}\n    </a>\n  );\n};\n"],"names":["TdpNavigationContext","createContext","useTdpNavigationContext","context","useContext","TdpNavigationProvider","explicitBaseUrl","children","tdpBaseUrl","useMemo","getTdpBaseUrlFromReferrer","contextValue","path","buildTdpUrl","options","url","navigateToTdpUrl","useTdpNavigation","opts","TDPLink","navigationOptions","onClick","className","rest","getTdpUrl","navigateToTdp","href","handleClick","e","jsx"],"mappings":"mKAeaA,EAAuBC,EAAAA,cAAgD,IAAI,EAYjF,SAASC,GAAqD,CACnE,MAAMC,EAAUC,EAAAA,WAAWJ,CAAoB,EAC/C,GAAI,CAACG,EACH,MAAM,IAAI,MACR,wKAAA,EAIJ,OAAOA,CACT,CAyBO,MAAME,EAA8D,CAAC,CAC1E,WAAYC,EACZ,SAAAC,CACF,IAAM,CACJ,MAAMC,EAAaC,EAAAA,QAAQ,IACrBH,EACKA,EAAgB,QAAQ,OAAQ,EAAE,EAEpCI,4BAAA,EACN,CAACJ,CAAe,CAAC,EAEdK,EAAeF,EAAAA,QACnB,KAAO,CACL,WAAAD,EACA,UAAYI,GACLJ,EACEK,EAAAA,YAAYL,EAAYI,CAAI,EADX,KAG1B,cAAe,CAACA,EAAcE,IAAmC,CAC/D,GAAI,CAACN,EAAY,CACf,QAAQ,KAAK,4DAA4D,EACzE,MACF,CACA,MAAMO,EAAMF,EAAAA,YAAYL,EAAYI,CAAI,EACpCG,GACFC,EAAAA,iBAAiBD,EAAKD,CAAO,CAEjC,CAAA,GAEF,CAACN,CAAU,CAAA,EAGb,aAAQR,EAAqB,SAArB,CAA8B,MAAOW,EAAe,SAAAJ,EAAS,CACvE,EAqCO,SAASU,EAAiBH,EAAmC,GAA4B,CAC9F,KAAM,CAAE,WAAYR,CAAA,EAAoBQ,EAElCN,EAAaC,EAAAA,QAAQ,IACrBH,EAAwBA,EAAgB,QAAQ,OAAQ,EAAE,EACvDI,4BAAA,EACN,CAACJ,CAAe,CAAC,EAEpB,OAAOG,EAAAA,QACL,KAAO,CACL,WAAAD,EACA,UAAYI,GAAkBJ,EAAaK,EAAAA,YAAYL,EAAYI,CAAI,EAAI,KAC3E,cAAe,CAACA,EAAcM,IAAgC,CAC5D,GAAI,CAACV,EAAY,CACf,QAAQ,KAAK,+DAA+D,EAC5E,MACF,CACA,MAAMO,EAAMF,EAAAA,YAAYL,EAAYI,CAAI,EACpCG,GAAKC,EAAAA,iBAAiBD,EAAKG,CAAI,CACrC,CAAA,GAEF,CAACV,CAAU,CAAA,CAEf,CAiCO,MAAMW,EAAkC,CAAC,CAC9C,KAAAP,EACA,kBAAAQ,EAAoB,CAAE,OAAQ,EAAA,EAC9B,SAAAb,EACA,QAAAc,EACA,UAAAC,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CAAE,UAAAC,EAAW,cAAAC,CAAA,EAAkBvB,EAAA,EAC/BwB,EAAOF,EAAUZ,CAAI,EAErBe,EAAeC,GAA2C,CAE1DA,EAAE,SAAWA,EAAE,SAAWA,EAAE,WAIhCA,EAAE,eAAA,EACFP,IAAUO,CAAC,EACXH,EAAcb,EAAMQ,CAAiB,EACvC,EAEA,OACES,EAAAA,IAAC,IAAA,CACC,KAAMH,GAAQ,IACd,OAAQN,EAAkB,OAAS,SAAW,OAC9C,IAAKA,EAAkB,OAAS,sBAAwB,OACxD,QAASO,EACT,UAAW,kIAAkIL,GAAa,EAAE,GAC5J,MAAO,CAAE,MAAO,iBAAkB,aAAc,eAAA,EAC/C,GAAGC,EAEH,SAAAhB,CAAA,CAAA,CAGP"}
+{"version":3,"file":"tdp-link.cjs","sources":["../../../src/components/composed/tdp-link.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\n\nimport { buildTdpUrl, getTdpBaseUrlFromReferrer, navigateToTdpUrl } from './tdp-url';\n\nimport type { TdpNavigationOptions } from './tdp-url';\n\nexport interface TdpNavigationContextValue {\n  /** The resolved TDP base URL (origin + org path prefix), or null if not resolved */\n  tdpBaseUrl: string | null;\n  /** Construct a full TDP URL from a path. Returns null if base URL is not resolved. */\n  getTdpUrl: (path: string) => string | null;\n  /** Navigate to a TDP page. */\n  navigateToTdp: (path: string, options?: TdpNavigationOptions) => void;\n}\n\nexport const TdpNavigationContext = createContext<TdpNavigationContextValue | null>(null);\n\n/**\n * Access TDP navigation helpers from the nearest TdpNavigationProvider.\n *\n * @throws Error if used outside a TdpNavigationProvider\n *\n * @example\n * ```tsx\n * const { getTdpUrl, navigateToTdp } = useTdpNavigationContext();\n * ```\n */\nexport function useTdpNavigationContext(): TdpNavigationContextValue {\n  const context = useContext(TdpNavigationContext);\n  if (!context) {\n    throw new Error(\n      'useTdpNavigationContext must be used within a TdpNavigationProvider. ' +\n        'Wrap your app with <TdpNavigationProvider> or use the standalone useTdpNavigation() hook instead.',\n    );\n  }\n  return context;\n}\n\n/** Props for the TdpNavigationProvider component */\nexport interface TdpNavigationProviderProps {\n  /**\n   * Explicit TDP base URL override. Skips auto-detection when provided.\n   */\n  tdpBaseUrl?: string;\n  children: React.ReactNode;\n}\n\n/**\n * Provider that resolves the TDP base URL and exposes navigation helpers.\n *\n * Resolution order:\n * 1. Explicit `tdpBaseUrl` prop (if provided)\n * 2. `document.referrer` parsing (production iframe)\n *\n * @example\n * ```tsx\n * <TdpNavigationProvider tdpBaseUrl=\"https://tetrascience.com/my-org\">\n *   <App />\n * </TdpNavigationProvider>\n * ```\n */\nexport const TdpNavigationProvider: React.FC<TdpNavigationProviderProps> = ({\n  tdpBaseUrl: explicitBaseUrl,\n  children,\n}) => {\n  const tdpBaseUrl = useMemo(() => {\n    if (explicitBaseUrl) {\n      return explicitBaseUrl.replace(/\\/$/u, '');\n    }\n    return getTdpBaseUrlFromReferrer();\n  }, [explicitBaseUrl]);\n\n  const contextValue = useMemo<TdpNavigationContextValue>(\n    () => ({\n      tdpBaseUrl,\n      getTdpUrl: (path: string) => {\n        if (!tdpBaseUrl) return null;\n        return buildTdpUrl(tdpBaseUrl, path);\n      },\n      navigateToTdp: (path: string, options?: TdpNavigationOptions) => {\n        if (!tdpBaseUrl) {\n          console.warn('[TdpNavigation] Cannot navigate: TDP base URL not resolved');\n          return;\n        }\n        const url = buildTdpUrl(tdpBaseUrl, path);\n        if (url) {\n          navigateToTdpUrl(url, options);\n        }\n      },\n    }),\n    [tdpBaseUrl],\n  );\n\n  return <TdpNavigationContext.Provider value={contextValue}>{children}</TdpNavigationContext.Provider>;\n};\n\nexport interface UseTdpNavigationOptions {\n  /** Explicit TDP base URL override */\n  tdpBaseUrl?: string;\n}\n\nexport interface UseTdpNavigationReturn {\n  /** The resolved TDP base URL, or null */\n  tdpBaseUrl: string | null;\n  /** Construct a full TDP URL from a path */\n  getTdpUrl: (path: string) => string | null;\n  /** Navigate to a TDP page */\n  navigateToTdp: (path: string, options?: TdpNavigationOptions) => void;\n}\n\n/**\n * Standalone hook for TDP navigation (no provider required).\n *\n * For simple use cases where you don't need a TdpNavigationProvider.\n * If multiple components need navigation, prefer the provider approach.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { getTdpUrl, navigateToTdp } = useTdpNavigation({\n *     tdpBaseUrl: \"https://tetrascience.com/my-org\",\n *   });\n *\n *   return (\n *     <a href={getTdpUrl(\"/file/abc\") ?? \"#\"} target=\"_blank\" rel=\"noopener noreferrer\">\n *       View File\n *     </a>\n *   );\n * }\n * ```\n */\nexport function useTdpNavigation(options: UseTdpNavigationOptions = {}): UseTdpNavigationReturn {\n  const { tdpBaseUrl: explicitBaseUrl } = options;\n\n  const tdpBaseUrl = useMemo(() => {\n    if (explicitBaseUrl) return explicitBaseUrl.replace(/\\/$/u, '');\n    return getTdpBaseUrlFromReferrer();\n  }, [explicitBaseUrl]);\n\n  return useMemo(\n    () => ({\n      tdpBaseUrl,\n      getTdpUrl: (path: string) => (tdpBaseUrl ? buildTdpUrl(tdpBaseUrl, path) : null),\n      navigateToTdp: (path: string, opts?: TdpNavigationOptions) => {\n        if (!tdpBaseUrl) {\n          console.warn('[useTdpNavigation] Cannot navigate: TDP base URL not resolved');\n          return;\n        }\n        const url = buildTdpUrl(tdpBaseUrl, path);\n        if (url) navigateToTdpUrl(url, opts);\n      },\n    }),\n    [tdpBaseUrl],\n  );\n}\n\n/** Props for the TDPLink component */\nexport interface TDPLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {\n  /** TDP page path (e.g., \"/file/abc-123\" or use tdpPaths helpers) */\n  path: string;\n  /** Navigation behavior. Default: { newTab: true } */\n  navigationOptions?: TdpNavigationOptions;\n  children: React.ReactNode;\n  ref?: React.Ref<HTMLAnchorElement>;\n}\n\n/**\n * A link component that navigates to TDP pages.\n *\n * Renders a standard `<a>` tag with the correct href for right-click\n * \"Open in new tab\" support, accessibility, and SEO.\n *\n * Must be used inside a `<TdpNavigationProvider>`.\n *\n * @example\n * ```tsx\n * import { TDPLink, tdpPaths } from '@tetrascience-npm/tetrascience-react-ui';\n *\n * <TDPLink path={tdpPaths.fileDetails(\"abc-123\")}>\n *   View File Details\n * </TDPLink>\n *\n * <TDPLink path=\"/search?q=test\" navigationOptions={{ newTab: false }}>\n *   Search in TDP (same tab)\n * </TDPLink>\n * ```\n */\nexport const TDPLink: React.FC<TDPLinkProps> = ({\n  path,\n  navigationOptions = { newTab: true },\n  children,\n  onClick,\n  className,\n  ...rest\n}) => {\n  const { getTdpUrl, navigateToTdp } = useTdpNavigationContext();\n  const href = getTdpUrl(path);\n\n  const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    // Let modifier-key clicks through for native \"open in new tab\" behavior\n    if (e.metaKey || e.ctrlKey || e.shiftKey) {\n      return;\n    }\n\n    e.preventDefault();\n    onClick?.(e);\n    navigateToTdp(path, navigationOptions);\n  };\n\n  return (\n    <a\n      href={href ?? '#'}\n      target={navigationOptions.newTab ? '_blank' : undefined}\n      rel={navigationOptions.newTab ? 'noopener noreferrer' : undefined}\n      onClick={handleClick}\n      className={`underline underline-offset-2 cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:rounded-[2px] ${className ?? ''}`}\n      style={{ color: 'var(--primary)', outlineColor: 'var(--border)' }}\n      {...rest}\n    >\n      {children}\n    </a>\n  );\n};\n"],"names":["TdpNavigationContext","createContext","useTdpNavigationContext","context","useContext","TdpNavigationProvider","explicitBaseUrl","children","tdpBaseUrl","useMemo","getTdpBaseUrlFromReferrer","contextValue","path","buildTdpUrl","options","url","navigateToTdpUrl","useTdpNavigation","opts","TDPLink","navigationOptions","onClick","className","rest","getTdpUrl","navigateToTdp","href","handleClick","e","jsx"],"mappings":"mKAeaA,EAAuBC,EAAAA,cAAgD,IAAI,EAYjF,SAASC,GAAqD,CACnE,MAAMC,EAAUC,EAAAA,WAAWJ,CAAoB,EAC/C,GAAI,CAACG,EACH,MAAM,IAAI,MACR,wKAAA,EAIJ,OAAOA,CACT,CAyBO,MAAME,EAA8D,CAAC,CAC1E,WAAYC,EACZ,SAAAC,CACF,IAAM,CACJ,MAAMC,EAAaC,EAAAA,QAAQ,IACrBH,EACKA,EAAgB,QAAQ,OAAQ,EAAE,EAEpCI,4BAAA,EACN,CAACJ,CAAe,CAAC,EAEdK,EAAeF,EAAAA,QACnB,KAAO,CACL,WAAAD,EACA,UAAYI,GACLJ,EACEK,EAAAA,YAAYL,EAAYI,CAAI,EADX,KAG1B,cAAe,CAACA,EAAcE,IAAmC,CAC/D,GAAI,CAACN,EAAY,CACf,QAAQ,KAAK,4DAA4D,EACzE,MACF,CACA,MAAMO,EAAMF,EAAAA,YAAYL,EAAYI,CAAI,EACpCG,GACFC,EAAAA,iBAAiBD,EAAKD,CAAO,CAEjC,CAAA,GAEF,CAACN,CAAU,CAAA,EAGb,aAAQR,EAAqB,SAArB,CAA8B,MAAOW,EAAe,SAAAJ,EAAS,CACvE,EAqCO,SAASU,EAAiBH,EAAmC,GAA4B,CAC9F,KAAM,CAAE,WAAYR,CAAA,EAAoBQ,EAElCN,EAAaC,EAAAA,QAAQ,IACrBH,EAAwBA,EAAgB,QAAQ,OAAQ,EAAE,EACvDI,4BAAA,EACN,CAACJ,CAAe,CAAC,EAEpB,OAAOG,EAAAA,QACL,KAAO,CACL,WAAAD,EACA,UAAYI,GAAkBJ,EAAaK,EAAAA,YAAYL,EAAYI,CAAI,EAAI,KAC3E,cAAe,CAACA,EAAcM,IAAgC,CAC5D,GAAI,CAACV,EAAY,CACf,QAAQ,KAAK,+DAA+D,EAC5E,MACF,CACA,MAAMO,EAAMF,EAAAA,YAAYL,EAAYI,CAAI,EACpCG,GAAKC,EAAAA,iBAAiBD,EAAKG,CAAI,CACrC,CAAA,GAEF,CAACV,CAAU,CAAA,CAEf,CAiCO,MAAMW,EAAkC,CAAC,CAC9C,KAAAP,EACA,kBAAAQ,EAAoB,CAAE,OAAQ,EAAA,EAC9B,SAAAb,EACA,QAAAc,EACA,UAAAC,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CAAE,UAAAC,EAAW,cAAAC,CAAA,EAAkBvB,EAAA,EAC/BwB,EAAOF,EAAUZ,CAAI,EAErBe,EAAeC,GAA2C,CAE1DA,EAAE,SAAWA,EAAE,SAAWA,EAAE,WAIhCA,EAAE,eAAA,EACFP,IAAUO,CAAC,EACXH,EAAcb,EAAMQ,CAAiB,EACvC,EAEA,OACES,EAAAA,IAAC,IAAA,CACC,KAAMH,GAAQ,IACd,OAAQN,EAAkB,OAAS,SAAW,OAC9C,IAAKA,EAAkB,OAAS,sBAAwB,OACxD,QAASO,EACT,UAAW,kIAAkIL,GAAa,EAAE,GAC5J,MAAO,CAAE,MAAO,iBAAkB,aAAc,eAAA,EAC/C,GAAGC,EAEH,SAAAhB,CAAA,CAAA,CAGP"}

package/dist/components/composed/tdp-link.js

@@ -10,7 +10,7 @@ function N() {
     );
   return r;
 }
-const w = ({
+const x = ({
   tdpBaseUrl: r,
   children: t
 }) => {
@@ -31,7 +31,7 @@ const w = ({
   );
   return /* @__PURE__ */ d(v.Provider, { value: n, children: t });
 };
-function x(r = {}) {
+function h(r = {}) {
   const { tdpBaseUrl: t } = r, e = s(() => t ? t.replace(/\/$/u, "") : p(), [t]);
   return s(
     () => ({
@@ -67,7 +67,7 @@ const P = ({
       target: t.newTab ? "_blank" : void 0,
       rel: t.newTab ? "noopener noreferrer" : void 0,
       onClick: g,
-      className: `no-underline cursor-pointer hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:rounded-[2px] ${o ?? ""}`,
+      className: `underline underline-offset-2 cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:rounded-[2px] ${o ?? ""}`,
       style: { color: "var(--primary)", outlineColor: "var(--border)" },
       ...a,
       children: e
@@ -77,8 +77,8 @@ const P = ({
 export {
   P as TDPLink,
   v as TdpNavigationContext,
-  w as TdpNavigationProvider,
-  x as useTdpNavigation,
+  x as TdpNavigationProvider,
+  h as useTdpNavigation,
   N as useTdpNavigationContext
 };
 //# sourceMappingURL=tdp-link.js.map

package/dist/components/composed/tdp-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"tdp-link.js","sources":["../../../src/components/composed/tdp-link.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\n\nimport { buildTdpUrl, getTdpBaseUrlFromReferrer, navigateToTdpUrl } from './tdp-url';\n\nimport type { TdpNavigationOptions } from './tdp-url';\n\nexport interface TdpNavigationContextValue {\n  /** The resolved TDP base URL (origin + org path prefix), or null if not resolved */\n  tdpBaseUrl: string | null;\n  /** Construct a full TDP URL from a path. Returns null if base URL is not resolved. */\n  getTdpUrl: (path: string) => string | null;\n  /** Navigate to a TDP page. */\n  navigateToTdp: (path: string, options?: TdpNavigationOptions) => void;\n}\n\nexport const TdpNavigationContext = createContext<TdpNavigationContextValue | null>(null);\n\n/**\n * Access TDP navigation helpers from the nearest TdpNavigationProvider.\n *\n * @throws Error if used outside a TdpNavigationProvider\n *\n * @example\n * ```tsx\n * const { getTdpUrl, navigateToTdp } = useTdpNavigationContext();\n * ```\n */\nexport function useTdpNavigationContext(): TdpNavigationContextValue {\n  const context = useContext(TdpNavigationContext);\n  if (!context) {\n    throw new Error(\n      'useTdpNavigationContext must be used within a TdpNavigationProvider. ' +\n        'Wrap your app with <TdpNavigationProvider> or use the standalone useTdpNavigation() hook instead.',\n    );\n  }\n  return context;\n}\n\n/** Props for the TdpNavigationProvider component */\nexport interface TdpNavigationProviderProps {\n  /**\n   * Explicit TDP base URL override. Skips auto-detection when provided.\n   */\n  tdpBaseUrl?: string;\n  children: React.ReactNode;\n}\n\n/**\n * Provider that resolves the TDP base URL and exposes navigation helpers.\n *\n * Resolution order:\n * 1. Explicit `tdpBaseUrl` prop (if provided)\n * 2. `document.referrer` parsing (production iframe)\n *\n * @example\n * ```tsx\n * <TdpNavigationProvider tdpBaseUrl=\"https://tetrascience.com/my-org\">\n *   <App />\n * </TdpNavigationProvider>\n * ```\n */\nexport const TdpNavigationProvider: React.FC<TdpNavigationProviderProps> = ({\n  tdpBaseUrl: explicitBaseUrl,\n  children,\n}) => {\n  const tdpBaseUrl = useMemo(() => {\n    if (explicitBaseUrl) {\n      return explicitBaseUrl.replace(/\\/$/u, '');\n    }\n    return getTdpBaseUrlFromReferrer();\n  }, [explicitBaseUrl]);\n\n  const contextValue = useMemo<TdpNavigationContextValue>(\n    () => ({\n      tdpBaseUrl,\n      getTdpUrl: (path: string) => {\n        if (!tdpBaseUrl) return null;\n        return buildTdpUrl(tdpBaseUrl, path);\n      },\n      navigateToTdp: (path: string, options?: TdpNavigationOptions) => {\n        if (!tdpBaseUrl) {\n          console.warn('[TdpNavigation] Cannot navigate: TDP base URL not resolved');\n          return;\n        }\n        const url = buildTdpUrl(tdpBaseUrl, path);\n        if (url) {\n          navigateToTdpUrl(url, options);\n        }\n      },\n    }),\n    [tdpBaseUrl],\n  );\n\n  return <TdpNavigationContext.Provider value={contextValue}>{children}</TdpNavigationContext.Provider>;\n};\n\nexport interface UseTdpNavigationOptions {\n  /** Explicit TDP base URL override */\n  tdpBaseUrl?: string;\n}\n\nexport interface UseTdpNavigationReturn {\n  /** The resolved TDP base URL, or null */\n  tdpBaseUrl: string | null;\n  /** Construct a full TDP URL from a path */\n  getTdpUrl: (path: string) => string | null;\n  /** Navigate to a TDP page */\n  navigateToTdp: (path: string, options?: TdpNavigationOptions) => void;\n}\n\n/**\n * Standalone hook for TDP navigation (no provider required).\n *\n * For simple use cases where you don't need a TdpNavigationProvider.\n * If multiple components need navigation, prefer the provider approach.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { getTdpUrl, navigateToTdp } = useTdpNavigation({\n *     tdpBaseUrl: \"https://tetrascience.com/my-org\",\n *   });\n *\n *   return (\n *     <a href={getTdpUrl(\"/file/abc\") ?? \"#\"} target=\"_blank\" rel=\"noopener noreferrer\">\n *       View File\n *     </a>\n *   );\n * }\n * ```\n */\nexport function useTdpNavigation(options: UseTdpNavigationOptions = {}): UseTdpNavigationReturn {\n  const { tdpBaseUrl: explicitBaseUrl } = options;\n\n  const tdpBaseUrl = useMemo(() => {\n    if (explicitBaseUrl) return explicitBaseUrl.replace(/\\/$/u, '');\n    return getTdpBaseUrlFromReferrer();\n  }, [explicitBaseUrl]);\n\n  return useMemo(\n    () => ({\n      tdpBaseUrl,\n      getTdpUrl: (path: string) => (tdpBaseUrl ? buildTdpUrl(tdpBaseUrl, path) : null),\n      navigateToTdp: (path: string, opts?: TdpNavigationOptions) => {\n        if (!tdpBaseUrl) {\n          console.warn('[useTdpNavigation] Cannot navigate: TDP base URL not resolved');\n          return;\n        }\n        const url = buildTdpUrl(tdpBaseUrl, path);\n        if (url) navigateToTdpUrl(url, opts);\n      },\n    }),\n    [tdpBaseUrl],\n  );\n}\n\n/** Props for the TDPLink component */\nexport interface TDPLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {\n  /** TDP page path (e.g., \"/file/abc-123\" or use tdpPaths helpers) */\n  path: string;\n  /** Navigation behavior. Default: { newTab: true } */\n  navigationOptions?: TdpNavigationOptions;\n  children: React.ReactNode;\n  ref?: React.Ref<HTMLAnchorElement>;\n}\n\n/**\n * A link component that navigates to TDP pages.\n *\n * Renders a standard `<a>` tag with the correct href for right-click\n * \"Open in new tab\" support, accessibility, and SEO.\n *\n * Must be used inside a `<TdpNavigationProvider>`.\n *\n * @example\n * ```tsx\n * import { TDPLink, tdpPaths } from '@tetrascience-npm/tetrascience-react-ui';\n *\n * <TDPLink path={tdpPaths.fileDetails(\"abc-123\")}>\n *   View File Details\n * </TDPLink>\n *\n * <TDPLink path=\"/search?q=test\" navigationOptions={{ newTab: false }}>\n *   Search in TDP (same tab)\n * </TDPLink>\n * ```\n */\nexport const TDPLink: React.FC<TDPLinkProps> = ({\n  path,\n  navigationOptions = { newTab: true },\n  children,\n  onClick,\n  className,\n  ...rest\n}) => {\n  const { getTdpUrl, navigateToTdp } = useTdpNavigationContext();\n  const href = getTdpUrl(path);\n\n  const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    // Let modifier-key clicks through for native \"open in new tab\" behavior\n    if (e.metaKey || e.ctrlKey || e.shiftKey) {\n      return;\n    }\n\n    e.preventDefault();\n    onClick?.(e);\n    navigateToTdp(path, navigationOptions);\n  };\n\n  return (\n    <a\n      href={href ?? '#'}\n      target={navigationOptions.newTab ? '_blank' : undefined}\n      rel={navigationOptions.newTab ? 'noopener noreferrer' : undefined}\n      onClick={handleClick}\n      className={`no-underline cursor-pointer hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:rounded-[2px] ${className ?? ''}`}\n      style={{ color: 'var(--primary)', outlineColor: 'var(--border)' }}\n      {...rest}\n    >\n      {children}\n    </a>\n  );\n};\n"],"names":["TdpNavigationContext","createContext","useTdpNavigationContext","context","useContext","TdpNavigationProvider","explicitBaseUrl","children","tdpBaseUrl","useMemo","getTdpBaseUrlFromReferrer","contextValue","path","buildTdpUrl","options","url","navigateToTdpUrl","useTdpNavigation","opts","TDPLink","navigationOptions","onClick","className","rest","getTdpUrl","navigateToTdp","href","handleClick","e","jsx"],"mappings":";;;AAeO,MAAMA,IAAuBC,EAAgD,IAAI;AAYjF,SAASC,IAAqD;AACnE,QAAMC,IAAUC,EAAWJ,CAAoB;AAC/C,MAAI,CAACG;AACH,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAIJ,SAAOA;AACT;AAyBO,MAAME,IAA8D,CAAC;AAAA,EAC1E,YAAYC;AAAA,EACZ,UAAAC;AACF,MAAM;AACJ,QAAMC,IAAaC,EAAQ,MACrBH,IACKA,EAAgB,QAAQ,QAAQ,EAAE,IAEpCI,EAAA,GACN,CAACJ,CAAe,CAAC,GAEdK,IAAeF;AAAA,IACnB,OAAO;AAAA,MACL,YAAAD;AAAA,MACA,WAAW,CAACI,MACLJ,IACEK,EAAYL,GAAYI,CAAI,IADX;AAAA,MAG1B,eAAe,CAACA,GAAcE,MAAmC;AAC/D,YAAI,CAACN,GAAY;AACf,kBAAQ,KAAK,4DAA4D;AACzE;AAAA,QACF;AACA,cAAMO,IAAMF,EAAYL,GAAYI,CAAI;AACxC,QAAIG,KACFC,EAAiBD,GAAKD,CAAO;AAAA,MAEjC;AAAA,IAAA;AAAA,IAEF,CAACN,CAAU;AAAA,EAAA;AAGb,2BAAQR,EAAqB,UAArB,EAA8B,OAAOW,GAAe,UAAAJ,GAAS;AACvE;AAqCO,SAASU,EAAiBH,IAAmC,IAA4B;AAC9F,QAAM,EAAE,YAAYR,EAAA,IAAoBQ,GAElCN,IAAaC,EAAQ,MACrBH,IAAwBA,EAAgB,QAAQ,QAAQ,EAAE,IACvDI,EAAA,GACN,CAACJ,CAAe,CAAC;AAEpB,SAAOG;AAAA,IACL,OAAO;AAAA,MACL,YAAAD;AAAA,MACA,WAAW,CAACI,MAAkBJ,IAAaK,EAAYL,GAAYI,CAAI,IAAI;AAAA,MAC3E,eAAe,CAACA,GAAcM,MAAgC;AAC5D,YAAI,CAACV,GAAY;AACf,kBAAQ,KAAK,+DAA+D;AAC5E;AAAA,QACF;AACA,cAAMO,IAAMF,EAAYL,GAAYI,CAAI;AACxC,QAAIG,KAAKC,EAAiBD,GAAKG,CAAI;AAAA,MACrC;AAAA,IAAA;AAAA,IAEF,CAACV,CAAU;AAAA,EAAA;AAEf;AAiCO,MAAMW,IAAkC,CAAC;AAAA,EAC9C,MAAAP;AAAA,EACA,mBAAAQ,IAAoB,EAAE,QAAQ,GAAA;AAAA,EAC9B,UAAAb;AAAA,EACA,SAAAc;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,EAAE,WAAAC,GAAW,eAAAC,EAAA,IAAkBvB,EAAA,GAC/BwB,IAAOF,EAAUZ,CAAI,GAErBe,IAAc,CAACC,MAA2C;AAE9D,IAAIA,EAAE,WAAWA,EAAE,WAAWA,EAAE,aAIhCA,EAAE,eAAA,GACFP,IAAUO,CAAC,GACXH,EAAcb,GAAMQ,CAAiB;AAAA,EACvC;AAEA,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAMH,KAAQ;AAAA,MACd,QAAQN,EAAkB,SAAS,WAAW;AAAA,MAC9C,KAAKA,EAAkB,SAAS,wBAAwB;AAAA,MACxD,SAASO;AAAA,MACT,WAAW,kIAAkIL,KAAa,EAAE;AAAA,MAC5J,OAAO,EAAE,OAAO,kBAAkB,cAAc,gBAAA;AAAA,MAC/C,GAAGC;AAAA,MAEH,UAAAhB;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"tdp-link.js","sources":["../../../src/components/composed/tdp-link.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\n\nimport { buildTdpUrl, getTdpBaseUrlFromReferrer, navigateToTdpUrl } from './tdp-url';\n\nimport type { TdpNavigationOptions } from './tdp-url';\n\nexport interface TdpNavigationContextValue {\n  /** The resolved TDP base URL (origin + org path prefix), or null if not resolved */\n  tdpBaseUrl: string | null;\n  /** Construct a full TDP URL from a path. Returns null if base URL is not resolved. */\n  getTdpUrl: (path: string) => string | null;\n  /** Navigate to a TDP page. */\n  navigateToTdp: (path: string, options?: TdpNavigationOptions) => void;\n}\n\nexport const TdpNavigationContext = createContext<TdpNavigationContextValue | null>(null);\n\n/**\n * Access TDP navigation helpers from the nearest TdpNavigationProvider.\n *\n * @throws Error if used outside a TdpNavigationProvider\n *\n * @example\n * ```tsx\n * const { getTdpUrl, navigateToTdp } = useTdpNavigationContext();\n * ```\n */\nexport function useTdpNavigationContext(): TdpNavigationContextValue {\n  const context = useContext(TdpNavigationContext);\n  if (!context) {\n    throw new Error(\n      'useTdpNavigationContext must be used within a TdpNavigationProvider. ' +\n        'Wrap your app with <TdpNavigationProvider> or use the standalone useTdpNavigation() hook instead.',\n    );\n  }\n  return context;\n}\n\n/** Props for the TdpNavigationProvider component */\nexport interface TdpNavigationProviderProps {\n  /**\n   * Explicit TDP base URL override. Skips auto-detection when provided.\n   */\n  tdpBaseUrl?: string;\n  children: React.ReactNode;\n}\n\n/**\n * Provider that resolves the TDP base URL and exposes navigation helpers.\n *\n * Resolution order:\n * 1. Explicit `tdpBaseUrl` prop (if provided)\n * 2. `document.referrer` parsing (production iframe)\n *\n * @example\n * ```tsx\n * <TdpNavigationProvider tdpBaseUrl=\"https://tetrascience.com/my-org\">\n *   <App />\n * </TdpNavigationProvider>\n * ```\n */\nexport const TdpNavigationProvider: React.FC<TdpNavigationProviderProps> = ({\n  tdpBaseUrl: explicitBaseUrl,\n  children,\n}) => {\n  const tdpBaseUrl = useMemo(() => {\n    if (explicitBaseUrl) {\n      return explicitBaseUrl.replace(/\\/$/u, '');\n    }\n    return getTdpBaseUrlFromReferrer();\n  }, [explicitBaseUrl]);\n\n  const contextValue = useMemo<TdpNavigationContextValue>(\n    () => ({\n      tdpBaseUrl,\n      getTdpUrl: (path: string) => {\n        if (!tdpBaseUrl) return null;\n        return buildTdpUrl(tdpBaseUrl, path);\n      },\n      navigateToTdp: (path: string, options?: TdpNavigationOptions) => {\n        if (!tdpBaseUrl) {\n          console.warn('[TdpNavigation] Cannot navigate: TDP base URL not resolved');\n          return;\n        }\n        const url = buildTdpUrl(tdpBaseUrl, path);\n        if (url) {\n          navigateToTdpUrl(url, options);\n        }\n      },\n    }),\n    [tdpBaseUrl],\n  );\n\n  return <TdpNavigationContext.Provider value={contextValue}>{children}</TdpNavigationContext.Provider>;\n};\n\nexport interface UseTdpNavigationOptions {\n  /** Explicit TDP base URL override */\n  tdpBaseUrl?: string;\n}\n\nexport interface UseTdpNavigationReturn {\n  /** The resolved TDP base URL, or null */\n  tdpBaseUrl: string | null;\n  /** Construct a full TDP URL from a path */\n  getTdpUrl: (path: string) => string | null;\n  /** Navigate to a TDP page */\n  navigateToTdp: (path: string, options?: TdpNavigationOptions) => void;\n}\n\n/**\n * Standalone hook for TDP navigation (no provider required).\n *\n * For simple use cases where you don't need a TdpNavigationProvider.\n * If multiple components need navigation, prefer the provider approach.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { getTdpUrl, navigateToTdp } = useTdpNavigation({\n *     tdpBaseUrl: \"https://tetrascience.com/my-org\",\n *   });\n *\n *   return (\n *     <a href={getTdpUrl(\"/file/abc\") ?? \"#\"} target=\"_blank\" rel=\"noopener noreferrer\">\n *       View File\n *     </a>\n *   );\n * }\n * ```\n */\nexport function useTdpNavigation(options: UseTdpNavigationOptions = {}): UseTdpNavigationReturn {\n  const { tdpBaseUrl: explicitBaseUrl } = options;\n\n  const tdpBaseUrl = useMemo(() => {\n    if (explicitBaseUrl) return explicitBaseUrl.replace(/\\/$/u, '');\n    return getTdpBaseUrlFromReferrer();\n  }, [explicitBaseUrl]);\n\n  return useMemo(\n    () => ({\n      tdpBaseUrl,\n      getTdpUrl: (path: string) => (tdpBaseUrl ? buildTdpUrl(tdpBaseUrl, path) : null),\n      navigateToTdp: (path: string, opts?: TdpNavigationOptions) => {\n        if (!tdpBaseUrl) {\n          console.warn('[useTdpNavigation] Cannot navigate: TDP base URL not resolved');\n          return;\n        }\n        const url = buildTdpUrl(tdpBaseUrl, path);\n        if (url) navigateToTdpUrl(url, opts);\n      },\n    }),\n    [tdpBaseUrl],\n  );\n}\n\n/** Props for the TDPLink component */\nexport interface TDPLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {\n  /** TDP page path (e.g., \"/file/abc-123\" or use tdpPaths helpers) */\n  path: string;\n  /** Navigation behavior. Default: { newTab: true } */\n  navigationOptions?: TdpNavigationOptions;\n  children: React.ReactNode;\n  ref?: React.Ref<HTMLAnchorElement>;\n}\n\n/**\n * A link component that navigates to TDP pages.\n *\n * Renders a standard `<a>` tag with the correct href for right-click\n * \"Open in new tab\" support, accessibility, and SEO.\n *\n * Must be used inside a `<TdpNavigationProvider>`.\n *\n * @example\n * ```tsx\n * import { TDPLink, tdpPaths } from '@tetrascience-npm/tetrascience-react-ui';\n *\n * <TDPLink path={tdpPaths.fileDetails(\"abc-123\")}>\n *   View File Details\n * </TDPLink>\n *\n * <TDPLink path=\"/search?q=test\" navigationOptions={{ newTab: false }}>\n *   Search in TDP (same tab)\n * </TDPLink>\n * ```\n */\nexport const TDPLink: React.FC<TDPLinkProps> = ({\n  path,\n  navigationOptions = { newTab: true },\n  children,\n  onClick,\n  className,\n  ...rest\n}) => {\n  const { getTdpUrl, navigateToTdp } = useTdpNavigationContext();\n  const href = getTdpUrl(path);\n\n  const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    // Let modifier-key clicks through for native \"open in new tab\" behavior\n    if (e.metaKey || e.ctrlKey || e.shiftKey) {\n      return;\n    }\n\n    e.preventDefault();\n    onClick?.(e);\n    navigateToTdp(path, navigationOptions);\n  };\n\n  return (\n    <a\n      href={href ?? '#'}\n      target={navigationOptions.newTab ? '_blank' : undefined}\n      rel={navigationOptions.newTab ? 'noopener noreferrer' : undefined}\n      onClick={handleClick}\n      className={`underline underline-offset-2 cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:rounded-[2px] ${className ?? ''}`}\n      style={{ color: 'var(--primary)', outlineColor: 'var(--border)' }}\n      {...rest}\n    >\n      {children}\n    </a>\n  );\n};\n"],"names":["TdpNavigationContext","createContext","useTdpNavigationContext","context","useContext","TdpNavigationProvider","explicitBaseUrl","children","tdpBaseUrl","useMemo","getTdpBaseUrlFromReferrer","contextValue","path","buildTdpUrl","options","url","navigateToTdpUrl","useTdpNavigation","opts","TDPLink","navigationOptions","onClick","className","rest","getTdpUrl","navigateToTdp","href","handleClick","e","jsx"],"mappings":";;;AAeO,MAAMA,IAAuBC,EAAgD,IAAI;AAYjF,SAASC,IAAqD;AACnE,QAAMC,IAAUC,EAAWJ,CAAoB;AAC/C,MAAI,CAACG;AACH,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAIJ,SAAOA;AACT;AAyBO,MAAME,IAA8D,CAAC;AAAA,EAC1E,YAAYC;AAAA,EACZ,UAAAC;AACF,MAAM;AACJ,QAAMC,IAAaC,EAAQ,MACrBH,IACKA,EAAgB,QAAQ,QAAQ,EAAE,IAEpCI,EAAA,GACN,CAACJ,CAAe,CAAC,GAEdK,IAAeF;AAAA,IACnB,OAAO;AAAA,MACL,YAAAD;AAAA,MACA,WAAW,CAACI,MACLJ,IACEK,EAAYL,GAAYI,CAAI,IADX;AAAA,MAG1B,eAAe,CAACA,GAAcE,MAAmC;AAC/D,YAAI,CAACN,GAAY;AACf,kBAAQ,KAAK,4DAA4D;AACzE;AAAA,QACF;AACA,cAAMO,IAAMF,EAAYL,GAAYI,CAAI;AACxC,QAAIG,KACFC,EAAiBD,GAAKD,CAAO;AAAA,MAEjC;AAAA,IAAA;AAAA,IAEF,CAACN,CAAU;AAAA,EAAA;AAGb,2BAAQR,EAAqB,UAArB,EAA8B,OAAOW,GAAe,UAAAJ,GAAS;AACvE;AAqCO,SAASU,EAAiBH,IAAmC,IAA4B;AAC9F,QAAM,EAAE,YAAYR,EAAA,IAAoBQ,GAElCN,IAAaC,EAAQ,MACrBH,IAAwBA,EAAgB,QAAQ,QAAQ,EAAE,IACvDI,EAAA,GACN,CAACJ,CAAe,CAAC;AAEpB,SAAOG;AAAA,IACL,OAAO;AAAA,MACL,YAAAD;AAAA,MACA,WAAW,CAACI,MAAkBJ,IAAaK,EAAYL,GAAYI,CAAI,IAAI;AAAA,MAC3E,eAAe,CAACA,GAAcM,MAAgC;AAC5D,YAAI,CAACV,GAAY;AACf,kBAAQ,KAAK,+DAA+D;AAC5E;AAAA,QACF;AACA,cAAMO,IAAMF,EAAYL,GAAYI,CAAI;AACxC,QAAIG,KAAKC,EAAiBD,GAAKG,CAAI;AAAA,MACrC;AAAA,IAAA;AAAA,IAEF,CAACV,CAAU;AAAA,EAAA;AAEf;AAiCO,MAAMW,IAAkC,CAAC;AAAA,EAC9C,MAAAP;AAAA,EACA,mBAAAQ,IAAoB,EAAE,QAAQ,GAAA;AAAA,EAC9B,UAAAb;AAAA,EACA,SAAAc;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,EAAE,WAAAC,GAAW,eAAAC,EAAA,IAAkBvB,EAAA,GAC/BwB,IAAOF,EAAUZ,CAAI,GAErBe,IAAc,CAACC,MAA2C;AAE9D,IAAIA,EAAE,WAAWA,EAAE,WAAWA,EAAE,aAIhCA,EAAE,eAAA,GACFP,IAAUO,CAAC,GACXH,EAAcb,GAAMQ,CAAiB;AAAA,EACvC;AAEA,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAMH,KAAQ;AAAA,MACd,QAAQN,EAAkB,SAAS,WAAW;AAAA,MAC9C,KAAKA,EAAkB,SAAS,wBAAwB;AAAA,MACxD,SAASO;AAAA,MACT,WAAW,kIAAkIL,KAAa,EAAE;AAAA,MAC5J,OAAO,EAAE,OAAO,kBAAkB,cAAc,gBAAA;AAAA,MAC/C,GAAGC;AAAA,MAEH,UAAAhB;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/ui/alert.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("class-variance-authority"),i=require("../../lib/utils.cjs"),s=a.cva("group/alert relative flex w-full flex-wrap  items-center gap-3 rounded-lg border px-4 py-3 text-left text-sm [&>svg]:mt-0.5 [&>svg]:shrink-0 [&>svg]:size-4",{variants:{variant:{default:"bg-card text-card-foreground [&>svg]:text-foreground",destructive:"bg-destructive/10 border-destructive/20 text-destructive [&>svg]:text-destructive",info:"bg-info/10 border-info/20 text-info [&>svg]:text-info",positive:"bg-positive/10 border-positive/20 text-positive [&>svg]:text-positive",warning:"bg-warning/10 border-warning/20 text-warning [&>svg]:text-warning"}},defaultVariants:{variant:"default"}});function o({className:t,variant:e,...n}){return r.jsx("div",{"data-slot":"alert",role:"alert",className:i.cn(s({variant:e}),t),...n})}function l({className:t,...e}){return r.jsx("div",{"data-slot":"alert-title",className:i.cn("flex-1 min-w-0 font-medium leading-none tracking-tight [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground",t),...e})}function d({className:t,...e}){return r.jsx("div",{"data-slot":"alert-description",className:i.cn("w-full pl-7 text-sm text-balance text-current/80 md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",t),...e})}function u({className:t,...e}){return r.jsx("div",{"data-slot":"alert-action",className:i.cn("absolute top-2 right-2",t),...e})}exports.Alert=o;exports.AlertAction=u;exports.AlertDescription=d;exports.AlertTitle=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("class-variance-authority"),n=require("../../lib/utils.cjs"),a=o.cva("group/alert relative flex w-full flex-wrap  items-center gap-3 rounded-lg border px-4 py-3 text-left text-sm [&>svg]:mt-0.5 [&>svg]:shrink-0 [&>svg]:size-4",{variants:{variant:{default:"bg-card text-card-foreground [&>svg]:text-foreground",destructive:"bg-destructive border-destructive/20 text-destructive-foreground [&>svg]:text-destructive-foreground",info:"bg-info border-info/20 text-info-foreground [&>svg]:text-info-foreground",positive:"bg-positive border-positive/20 text-positive-foreground [&>svg]:text-positive-foreground",warning:"bg-warning border-warning/20 text-warning-foreground [&>svg]:text-warning-foreground"}},defaultVariants:{variant:"default"}});function s({className:t,variant:e,...i}){return r.jsx("div",{"data-slot":"alert",role:"alert",className:n.cn(a({variant:e}),t),...i})}function l({className:t,...e}){return r.jsx("div",{"data-slot":"alert-title",className:n.cn("flex-1 min-w-0 font-medium leading-none tracking-tight [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground",t),...e})}function d({className:t,...e}){return r.jsx("div",{"data-slot":"alert-description",className:n.cn("w-full pl-7 text-sm text-balance text-current md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",t),...e})}function u({className:t,...e}){return r.jsx("div",{"data-slot":"alert-action",className:n.cn("absolute top-2 right-2",t),...e})}exports.Alert=s;exports.AlertAction=u;exports.AlertDescription=d;exports.AlertTitle=l;
 //# sourceMappingURL=alert.cjs.map

package/dist/components/ui/alert.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert.cjs","sources":["../../../src/components/ui/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst alertVariants = cva(\n  \"group/alert relative flex w-full flex-wrap  items-center gap-3 rounded-lg border px-4 py-3 text-left text-sm [&>svg]:mt-0.5 [&>svg]:shrink-0 [&>svg]:size-4\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-card text-card-foreground [&>svg]:text-foreground\",\n        destructive:\n          \"bg-destructive/10 border-destructive/20 text-destructive [&>svg]:text-destructive\",\n        info:\n          \"bg-info/10 border-info/20 text-info [&>svg]:text-info\",\n        positive:\n          \"bg-positive/10 border-positive/20 text-positive [&>svg]:text-positive\",\n        warning:\n          \"bg-warning/10 border-warning/20 text-warning [&>svg]:text-warning\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"flex-1 min-w-0 font-medium leading-none tracking-tight [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"w-full pl-7 text-sm text-balance text-current/80 md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-action\"\n      className={cn(\"absolute top-2 right-2\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction }\n"],"names":["alertVariants","cva","Alert","className","variant","props","jsx","cn","AlertTitle","AlertDescription","AlertAction"],"mappings":"4LAKMA,EAAgBC,EAAAA,IACpB,8JACA,CACE,SAAU,CACR,QAAS,CACP,QACE,uDACF,YACE,oFACF,KACE,wDACF,SACE,wEACF,QACE,mEAAA,CACJ,EAEF,gBAAiB,CACf,QAAS,SAAA,CACX,CAEJ,EAEA,SAASC,EAAM,CACb,UAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAqE,CACnE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,QACV,KAAK,QACL,UAAWC,EAAAA,GAAGP,EAAc,CAAE,QAAAI,CAAA,CAAS,EAAGD,CAAS,EAClD,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASG,EAAW,CAAE,UAAAL,EAAW,GAAGE,GAAsC,CACxE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWC,EAAAA,GACT,8HACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASI,EAAiB,CACxB,UAAAN,EACA,GAAGE,CACL,EAAgC,CAC9B,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,oBACV,UAAWC,EAAAA,GACT,mKACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASK,EAAY,CAAE,UAAAP,EAAW,GAAGE,GAAsC,CACzE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,yBAA0BJ,CAAS,EAChD,GAAGE,CAAA,CAAA,CAGV"}
+{"version":3,"file":"alert.cjs","sources":["../../../src/components/ui/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst alertVariants = cva(\n  \"group/alert relative flex w-full flex-wrap  items-center gap-3 rounded-lg border px-4 py-3 text-left text-sm [&>svg]:mt-0.5 [&>svg]:shrink-0 [&>svg]:size-4\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-card text-card-foreground [&>svg]:text-foreground\",\n        destructive:\n          \"bg-destructive border-destructive/20 text-destructive-foreground [&>svg]:text-destructive-foreground\",\n        info:\n          \"bg-info border-info/20 text-info-foreground [&>svg]:text-info-foreground\",\n        positive:\n          \"bg-positive border-positive/20 text-positive-foreground [&>svg]:text-positive-foreground\",\n        warning:\n          \"bg-warning border-warning/20 text-warning-foreground [&>svg]:text-warning-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"flex-1 min-w-0 font-medium leading-none tracking-tight [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"w-full pl-7 text-sm text-balance text-current md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-action\"\n      className={cn(\"absolute top-2 right-2\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction }\n"],"names":["alertVariants","cva","Alert","className","variant","props","jsx","cn","AlertTitle","AlertDescription","AlertAction"],"mappings":"4LAKMA,EAAgBC,EAAAA,IACpB,8JACA,CACE,SAAU,CACR,QAAS,CACP,QACE,uDACF,YACE,uGACF,KACE,2EACF,SACE,2FACF,QACE,sFAAA,CACJ,EAEF,gBAAiB,CACf,QAAS,SAAA,CACX,CAEJ,EAEA,SAASC,EAAM,CACb,UAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAqE,CACnE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,QACV,KAAK,QACL,UAAWC,EAAAA,GAAGP,EAAc,CAAE,QAAAI,CAAA,CAAS,EAAGD,CAAS,EAClD,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASG,EAAW,CAAE,UAAAL,EAAW,GAAGE,GAAsC,CACxE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWC,EAAAA,GACT,8HACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASI,EAAiB,CACxB,UAAAN,EACA,GAAGE,CACL,EAAgC,CAC9B,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,oBACV,UAAWC,EAAAA,GACT,gKACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASK,EAAY,CAAE,UAAAP,EAAW,GAAGE,GAAsC,CACzE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,yBAA0BJ,CAAS,EAChD,GAAGE,CAAA,CAAA,CAGV"}

package/dist/components/ui/alert.js

@@ -1,16 +1,16 @@
 import { jsx as r } from "react/jsx-runtime";
-import { cva as a } from "class-variance-authority";
-import { cn as i } from "../../lib/utils.js";
-const o = a(
+import { cva as i } from "class-variance-authority";
+import { cn as o } from "../../lib/utils.js";
+const a = i(
   "group/alert relative flex w-full flex-wrap  items-center gap-3 rounded-lg border px-4 py-3 text-left text-sm [&>svg]:mt-0.5 [&>svg]:shrink-0 [&>svg]:size-4",
   {
     variants: {
       variant: {
         default: "bg-card text-card-foreground [&>svg]:text-foreground",
-        destructive: "bg-destructive/10 border-destructive/20 text-destructive [&>svg]:text-destructive",
-        info: "bg-info/10 border-info/20 text-info [&>svg]:text-info",
-        positive: "bg-positive/10 border-positive/20 text-positive [&>svg]:text-positive",
-        warning: "bg-warning/10 border-warning/20 text-warning [&>svg]:text-warning"
+        destructive: "bg-destructive border-destructive/20 text-destructive-foreground [&>svg]:text-destructive-foreground",
+        info: "bg-info border-info/20 text-info-foreground [&>svg]:text-info-foreground",
+        positive: "bg-positive border-positive/20 text-positive-foreground [&>svg]:text-positive-foreground",
+        warning: "bg-warning border-warning/20 text-warning-foreground [&>svg]:text-warning-foreground"
       }
     },
     defaultVariants: {
@@ -28,7 +28,7 @@ function u({
     {
       "data-slot": "alert",
       role: "alert",
-      className: i(o({ variant: e }), t),
+      className: o(a({ variant: e }), t),
       ...n
     }
   );
@@ -38,7 +38,7 @@ function f({ className: t, ...e }) {
     "div",
     {
       "data-slot": "alert-title",
-      className: i(
+      className: o(
         "flex-1 min-w-0 font-medium leading-none tracking-tight [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground",
         t
       ),
@@ -54,8 +54,8 @@ function g({
     "div",
     {
       "data-slot": "alert-description",
-      className: i(
-        "w-full pl-7 text-sm text-balance text-current/80 md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
+      className: o(
+        "w-full pl-7 text-sm text-balance text-current md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
         t
       ),
       ...e
@@ -67,7 +67,7 @@ function v({ className: t, ...e }) {
     "div",
     {
       "data-slot": "alert-action",
-      className: i("absolute top-2 right-2", t),
+      className: o("absolute top-2 right-2", t),
       ...e
     }
   );

package/dist/components/ui/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sources":["../../../src/components/ui/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst alertVariants = cva(\n  \"group/alert relative flex w-full flex-wrap  items-center gap-3 rounded-lg border px-4 py-3 text-left text-sm [&>svg]:mt-0.5 [&>svg]:shrink-0 [&>svg]:size-4\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-card text-card-foreground [&>svg]:text-foreground\",\n        destructive:\n          \"bg-destructive/10 border-destructive/20 text-destructive [&>svg]:text-destructive\",\n        info:\n          \"bg-info/10 border-info/20 text-info [&>svg]:text-info\",\n        positive:\n          \"bg-positive/10 border-positive/20 text-positive [&>svg]:text-positive\",\n        warning:\n          \"bg-warning/10 border-warning/20 text-warning [&>svg]:text-warning\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"flex-1 min-w-0 font-medium leading-none tracking-tight [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"w-full pl-7 text-sm text-balance text-current/80 md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-action\"\n      className={cn(\"absolute top-2 right-2\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction }\n"],"names":["alertVariants","cva","Alert","className","variant","props","jsx","cn","AlertTitle","AlertDescription","AlertAction"],"mappings":";;;AAKA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,MACE;AAAA,QACF,UACE;AAAA,QACF,SACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAqE;AACnE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAA,CAAS,GAAGD,CAAS;AAAA,MAClD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAW,EAAE,WAAAL,GAAW,GAAGE,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAiB;AAAA,EACxB,WAAAN;AAAA,EACA,GAAGE;AACL,GAAgC;AAC9B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAY,EAAE,WAAAP,GAAW,GAAGE,KAAsC;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,0BAA0BJ,CAAS;AAAA,MAChD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"alert.js","sources":["../../../src/components/ui/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst alertVariants = cva(\n  \"group/alert relative flex w-full flex-wrap  items-center gap-3 rounded-lg border px-4 py-3 text-left text-sm [&>svg]:mt-0.5 [&>svg]:shrink-0 [&>svg]:size-4\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-card text-card-foreground [&>svg]:text-foreground\",\n        destructive:\n          \"bg-destructive border-destructive/20 text-destructive-foreground [&>svg]:text-destructive-foreground\",\n        info:\n          \"bg-info border-info/20 text-info-foreground [&>svg]:text-info-foreground\",\n        positive:\n          \"bg-positive border-positive/20 text-positive-foreground [&>svg]:text-positive-foreground\",\n        warning:\n          \"bg-warning border-warning/20 text-warning-foreground [&>svg]:text-warning-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"flex-1 min-w-0 font-medium leading-none tracking-tight [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"w-full pl-7 text-sm text-balance text-current md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-action\"\n      className={cn(\"absolute top-2 right-2\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction }\n"],"names":["alertVariants","cva","Alert","className","variant","props","jsx","cn","AlertTitle","AlertDescription","AlertAction"],"mappings":";;;AAKA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,MACE;AAAA,QACF,UACE;AAAA,QACF,SACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAqE;AACnE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAA,CAAS,GAAGD,CAAS;AAAA,MAClD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAW,EAAE,WAAAL,GAAW,GAAGE,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAiB;AAAA,EACxB,WAAAN;AAAA,EACA,GAAGE;AACL,GAAgC;AAC9B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAY,EAAE,WAAAP,GAAW,GAAGE,KAAsC;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,0BAA0BJ,CAAS;AAAA,MAChD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/ui/badge.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("class-variance-authority"),d=require("radix-ui"),c=require("../../lib/utils.cjs"),r=s.cva("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:shadow-focus has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:shadow-focus [&>svg]:pointer-events-none [&>svg]:size-3!",{variants:{variant:{default:"bg-primary text-primary-foreground [a]:hover:bg-primary/80",secondary:"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",info:"bg-info/15 text-info focus-visible:border-info dark:bg-info/20 dark:text-info [a]:hover:bg-info/25",destructive:"bg-destructive/15 text-destructive focus-visible:border-destructive dark:bg-destructive/20 dark:text-destructive [a]:hover:bg-destructive/25",positive:"bg-positive/15 text-positive focus-visible:border-positive dark:bg-positive/20 dark:text-positive [a]:hover:bg-positive/25",warning:"bg-warning/15 text-warning focus-visible:border-warning dark:bg-warning/20 dark:text-warning [a]:hover:bg-warning/25",outline:"border-border text-foreground [a]:hover:bg-accent [a]:hover:text-accent-foreground",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"}},defaultVariants:{variant:"default"}});function g({className:t,variant:e="default",asChild:i=!1,...a}){const o=i?d.Slot.Root:"span";return n.jsx(o,{"data-slot":"badge","data-variant":e,className:c.cn(r({variant:e}),t),...a})}exports.Badge=g;exports.badgeVariants=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("class-variance-authority"),d=require("radix-ui"),c=require("../../lib/utils.cjs"),r=s.cva("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:shadow-focus has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:shadow-focus [&>svg]:pointer-events-none [&>svg]:size-3!",{variants:{variant:{default:"bg-primary text-primary-foreground [a]:hover:bg-primary/80",secondary:"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",info:"bg-info text-info-foreground [a]:hover:brightness-90",destructive:"bg-destructive text-destructive-foreground [a]:hover:brightness-90",positive:"bg-positive text-positive-foreground [a]:hover:brightness-90",warning:"bg-warning text-warning-foreground [a]:hover:brightness-90",outline:"border-border text-foreground [a]:hover:bg-accent [a]:hover:text-accent-foreground",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"}},defaultVariants:{variant:"default"}});function g({className:t,variant:e="default",asChild:n=!1,...a}){const o=n?d.Slot.Root:"span";return i.jsx(o,{"data-slot":"badge","data-variant":e,className:c.cn(r({variant:e}),t),...a})}exports.Badge=g;exports.badgeVariants=r;
 //# sourceMappingURL=badge.cjs.map

package/dist/components/ui/badge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"badge.cjs","sources":["../../../src/components/ui/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst badgeVariants = cva(\n  \"group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:shadow-focus has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:shadow-focus [&>svg]:pointer-events-none [&>svg]:size-3!\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n        secondary:\n          \"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80\",\n        info:\n          \"bg-info/15 text-info focus-visible:border-info dark:bg-info/20 dark:text-info [a]:hover:bg-info/25\",\n        destructive:\n          \"bg-destructive/15 text-destructive focus-visible:border-destructive dark:bg-destructive/20 dark:text-destructive [a]:hover:bg-destructive/25\",\n        positive:\n          \"bg-positive/15 text-positive focus-visible:border-positive dark:bg-positive/20 dark:text-positive [a]:hover:bg-positive/25\",\n        warning:\n          \"bg-warning/15 text-warning focus-visible:border-warning dark:bg-warning/20 dark:text-warning [a]:hover:bg-warning/25\",\n        outline:\n          \"border-border text-foreground [a]:hover:bg-accent [a]:hover:text-accent-foreground\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant  = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      data-variant={variant}\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n"],"names":["badgeVariants","cva","Badge","className","variant","asChild","props","Comp","Slot","jsx","cn"],"mappings":"kNAMMA,EAAgBC,EAAAA,IACpB,uaACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,6DACT,UACE,mEACF,KACE,qGACF,YACE,+IACF,SACE,6HACF,QACE,uHACF,QACE,qFACF,MACE,uEACF,KAAM,iDAAA,CACR,EAEF,gBAAiB,CACf,QAAS,SAAA,CACX,CAEJ,EAEA,SAASC,EAAM,CACb,UAAAC,EACA,QAAAC,EAAW,UACX,QAAAC,EAAU,GACV,GAAGC,CACL,EAC8D,CAC5D,MAAMC,EAAOF,EAAUG,EAAAA,KAAK,KAAO,OAEnC,OACEC,EAAAA,IAACF,EAAA,CACC,YAAU,QACV,eAAcH,EACd,UAAWM,EAAAA,GAAGV,EAAc,CAAE,QAAAI,CAAA,CAAS,EAAGD,CAAS,EAClD,GAAGG,CAAA,CAAA,CAGV"}
+{"version":3,"file":"badge.cjs","sources":["../../../src/components/ui/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst badgeVariants = cva(\n  \"group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:shadow-focus has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:shadow-focus [&>svg]:pointer-events-none [&>svg]:size-3!\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n        secondary:\n          \"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80\",\n        info:\n          \"bg-info text-info-foreground [a]:hover:brightness-90\",\n        destructive:\n          \"bg-destructive text-destructive-foreground [a]:hover:brightness-90\",\n        positive:\n          \"bg-positive text-positive-foreground [a]:hover:brightness-90\",\n        warning:\n          \"bg-warning text-warning-foreground [a]:hover:brightness-90\",\n        outline:\n          \"border-border text-foreground [a]:hover:bg-accent [a]:hover:text-accent-foreground\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant  = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      data-variant={variant}\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n"],"names":["badgeVariants","cva","Badge","className","variant","asChild","props","Comp","Slot","jsx","cn"],"mappings":"kNAMMA,EAAgBC,EAAAA,IACpB,uaACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,6DACT,UACE,mEACF,KACE,uDACF,YACE,qEACF,SACE,+DACF,QACE,6DACF,QACE,qFACF,MACE,uEACF,KAAM,iDAAA,CACR,EAEF,gBAAiB,CACf,QAAS,SAAA,CACX,CAEJ,EAEA,SAASC,EAAM,CACb,UAAAC,EACA,QAAAC,EAAW,UACX,QAAAC,EAAU,GACV,GAAGC,CACL,EAC8D,CAC5D,MAAMC,EAAOF,EAAUG,EAAAA,KAAK,KAAO,OAEnC,OACEC,EAAAA,IAACF,EAAA,CACC,YAAU,QACV,eAAcH,EACd,UAAWM,EAAAA,GAAGV,EAAc,CAAE,QAAAI,CAAA,CAAS,EAAGD,CAAS,EAClD,GAAGG,CAAA,CAAA,CAGV"}

package/dist/components/ui/badge.js

@@ -1,18 +1,18 @@
 import { jsx as a } from "react/jsx-runtime";
-import { cva as n } from "class-variance-authority";
+import { cva as i } from "class-variance-authority";
 import { Slot as s } from "radix-ui";
 import { cn as d } from "../../lib/utils.js";
-const v = n(
+const g = i(
   "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:shadow-focus has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:shadow-focus [&>svg]:pointer-events-none [&>svg]:size-3!",
   {
     variants: {
       variant: {
         default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
         secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
-        info: "bg-info/15 text-info focus-visible:border-info dark:bg-info/20 dark:text-info [a]:hover:bg-info/25",
-        destructive: "bg-destructive/15 text-destructive focus-visible:border-destructive dark:bg-destructive/20 dark:text-destructive [a]:hover:bg-destructive/25",
-        positive: "bg-positive/15 text-positive focus-visible:border-positive dark:bg-positive/20 dark:text-positive [a]:hover:bg-positive/25",
-        warning: "bg-warning/15 text-warning focus-visible:border-warning dark:bg-warning/20 dark:text-warning [a]:hover:bg-warning/25",
+        info: "bg-info text-info-foreground [a]:hover:brightness-90",
+        destructive: "bg-destructive text-destructive-foreground [a]:hover:brightness-90",
+        positive: "bg-positive text-positive-foreground [a]:hover:brightness-90",
+        warning: "bg-warning text-warning-foreground [a]:hover:brightness-90",
         outline: "border-border text-foreground [a]:hover:bg-accent [a]:hover:text-accent-foreground",
         ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline"
@@ -23,25 +23,25 @@ const v = n(
     }
   }
 );
-function u({
+function b({
   className: r,
   variant: e = "default",
   asChild: t = !1,
-  ...i
+  ...o
 }) {
-  const o = t ? s.Root : "span";
+  const n = t ? s.Root : "span";
   return /* @__PURE__ */ a(
-    o,
+    n,
     {
       "data-slot": "badge",
       "data-variant": e,
-      className: d(v({ variant: e }), r),
-      ...i
+      className: d(g({ variant: e }), r),
+      ...o
     }
   );
 }
 export {
-  u as Badge,
-  v as badgeVariants
+  b as Badge,
+  g as badgeVariants
 };
 //# sourceMappingURL=badge.js.map