@tetrascience-npm/tetrascience-react-ui 0.7.0 → 1.0.0

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/TopBar/index.d.ts

@@ -0,0 +1,2 @@
+export { TopBar, topBarVariants } from './TopBar';
+export type { TopBarProps } from './TopBar';

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":"2jBAsCMA,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.d.ts

@@ -0,0 +1,53 @@
+import { VariantProps } from 'class-variance-authority';
+import { LucideIcon } from 'lucide-react';
+import * as React from "react";
+export interface UserMenuItem {
+    /** Unique identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Optional leading icon */
+    icon?: LucideIcon | React.FC<React.SVGProps<SVGSVGElement>>;
+    /** Click handler */
+    onClick?: () => void;
+    /** Disables the item */
+    disabled?: boolean;
+    /** Visual variant — `destructive` for sign-out / delete actions */
+    variant?: "default" | "destructive";
+}
+export interface UserMenuGroup {
+    /** Items in this group; groups are separated by a divider */
+    items: UserMenuItem[];
+}
+declare const userMenuTriggerVariants: (props?: ({
+    variant?: "avatar" | "detailed" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface UserMenuProps extends VariantProps<typeof userMenuTriggerVariants> {
+    /** User's full name — used for the menu header and derived initials */
+    name: string;
+    /** Secondary line shown under the name (e.g. email or role) */
+    subtitle?: string;
+    /** Avatar image URL; falls back to initials when absent or on load error */
+    avatarSrc?: string;
+    /** Explicit initials override; otherwise derived from `name` */
+    initials?: string;
+    /** Menu item groups; each group is separated by a divider */
+    groups?: UserMenuGroup[];
+    /** Which side of the trigger the dropdown opens on */
+    side?: "top" | "right" | "bottom" | "left";
+    /** Alignment of the dropdown relative to the trigger */
+    align?: "start" | "center" | "end";
+    /** Additional className for the trigger button */
+    className?: string;
+}
+/** Derives up to two uppercase initials from a full name. */
+declare function getInitials(name: string): string;
+/**
+ * User account affordance — an avatar (initials or image) that opens a dropdown
+ * menu. A composition over the `Avatar` + `DropdownMenu` primitives.
+ *
+ * Focus trap, keyboard navigation, and Esc-to-close are handled by the
+ * underlying Radix `DropdownMenu`.
+ */
+declare function UserMenu({ name, subtitle, avatarSrc, initials, groups, variant, side, align, className, }: UserMenuProps): import("react/jsx-runtime").JSX.Element;
+export { UserMenu, getInitials, userMenuTriggerVariants };

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":"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"}

package/dist/components/composed/UserMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { UserMenu, getInitials, userMenuTriggerVariants } from './UserMenu';
+export type { UserMenuProps, UserMenuItem, UserMenuGroup } from './UserMenu';

package/dist/components/composed/tdp-link.d.ts

@@ -0,0 +1,110 @@
+import { default as React } from 'react';
+import { TdpNavigationOptions } from './tdp-url';
+export interface TdpNavigationContextValue {
+    /** The resolved TDP base URL (origin + org path prefix), or null if not resolved */
+    tdpBaseUrl: string | null;
+    /** Construct a full TDP URL from a path. Returns null if base URL is not resolved. */
+    getTdpUrl: (path: string) => string | null;
+    /** Navigate to a TDP page. */
+    navigateToTdp: (path: string, options?: TdpNavigationOptions) => void;
+}
+export declare const TdpNavigationContext: React.Context<TdpNavigationContextValue | null>;
+/**
+ * Access TDP navigation helpers from the nearest TdpNavigationProvider.
+ *
+ * @throws Error if used outside a TdpNavigationProvider
+ *
+ * @example
+ * ```tsx
+ * const { getTdpUrl, navigateToTdp } = useTdpNavigationContext();
+ * ```
+ */
+export declare function useTdpNavigationContext(): TdpNavigationContextValue;
+/** Props for the TdpNavigationProvider component */
+export interface TdpNavigationProviderProps {
+    /**
+     * Explicit TDP base URL override. Skips auto-detection when provided.
+     */
+    tdpBaseUrl?: string;
+    children: React.ReactNode;
+}
+/**
+ * Provider that resolves the TDP base URL and exposes navigation helpers.
+ *
+ * Resolution order:
+ * 1. Explicit `tdpBaseUrl` prop (if provided)
+ * 2. `document.referrer` parsing (production iframe)
+ *
+ * @example
+ * ```tsx
+ * <TdpNavigationProvider tdpBaseUrl="https://tetrascience.com/my-org">
+ *   <App />
+ * </TdpNavigationProvider>
+ * ```
+ */
+export declare const TdpNavigationProvider: React.FC<TdpNavigationProviderProps>;
+export interface UseTdpNavigationOptions {
+    /** Explicit TDP base URL override */
+    tdpBaseUrl?: string;
+}
+export interface UseTdpNavigationReturn {
+    /** The resolved TDP base URL, or null */
+    tdpBaseUrl: string | null;
+    /** Construct a full TDP URL from a path */
+    getTdpUrl: (path: string) => string | null;
+    /** Navigate to a TDP page */
+    navigateToTdp: (path: string, options?: TdpNavigationOptions) => void;
+}
+/**
+ * Standalone hook for TDP navigation (no provider required).
+ *
+ * For simple use cases where you don't need a TdpNavigationProvider.
+ * If multiple components need navigation, prefer the provider approach.
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { getTdpUrl, navigateToTdp } = useTdpNavigation({
+ *     tdpBaseUrl: "https://tetrascience.com/my-org",
+ *   });
+ *
+ *   return (
+ *     <a href={getTdpUrl("/file/abc") ?? "#"} target="_blank" rel="noopener noreferrer">
+ *       View File
+ *     </a>
+ *   );
+ * }
+ * ```
+ */
+export declare function useTdpNavigation(options?: UseTdpNavigationOptions): UseTdpNavigationReturn;
+/** Props for the TDPLink component */
+export interface TDPLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
+    /** TDP page path (e.g., "/file/abc-123" or use tdpPaths helpers) */
+    path: string;
+    /** Navigation behavior. Default: { newTab: true } */
+    navigationOptions?: TdpNavigationOptions;
+    children: React.ReactNode;
+    ref?: React.Ref<HTMLAnchorElement>;
+}
+/**
+ * A link component that navigates to TDP pages.
+ *
+ * Renders a standard `<a>` tag with the correct href for right-click
+ * "Open in new tab" support, accessibility, and SEO.
+ *
+ * Must be used inside a `<TdpNavigationProvider>`.
+ *
+ * @example
+ * ```tsx
+ * import { TDPLink, tdpPaths } from '@tetrascience-npm/tetrascience-react-ui';
+ *
+ * <TDPLink path={tdpPaths.fileDetails("abc-123")}>
+ *   View File Details
+ * </TDPLink>
+ *
+ * <TDPLink path="/search?q=test" navigationOptions={{ newTab: false }}>
+ *   Search in TDP (same tab)
+ * </TDPLink>
+ * ```
+ */
+export declare const TDPLink: React.FC<TDPLinkProps>;

package/dist/components/composed/tdp-url.d.ts

@@ -0,0 +1,68 @@
+/**
+ * TDP Navigation Utilities
+ *
+ * Pure utility functions for constructing and navigating to TDP URLs.
+ * These work independently of React and can be used in any context.
+ *
+ * Data apps run inside iframes within TDP. These utilities help resolve
+ * the TDP base URL from the iframe context and construct navigation URLs.
+ */
+/**
+ * Extract the TDP base URL from `document.referrer`.
+ *
+ * In production, data apps run inside iframes within TDP. The browser
+ * provides `document.referrer` containing the parent TDP page URL.
+ * This function strips the known route path to get the base URL
+ * (origin + org slug path prefix).
+ *
+ * @example
+ * // referrer: "https://tetrascience-uat.com/my-org/data-workspace/abc"
+ * getTdpBaseUrlFromReferrer() // "https://tetrascience-uat.com/my-org"
+ *
+ * @returns The TDP base URL, or null if detection fails
+ */
+export declare function getTdpBaseUrlFromReferrer(): string | null;
+/**
+ * Construct a full TDP URL by joining a base URL with a path.
+ *
+ * @example
+ * buildTdpUrl("https://tetrascience.com/my-org", "/file/abc-123")
+ * // "https://tetrascience.com/my-org/file/abc-123"
+ *
+ * @param baseUrl - The TDP base URL (origin + optional org prefix)
+ * @param path - The TDP page path (e.g., "/file/abc-123")
+ * @returns The full TDP URL, or null if construction fails
+ */
+export declare function buildTdpUrl(baseUrl: string, path: string): string | null;
+export interface TdpNavigationOptions {
+    /** Open in a new tab instead of navigating the parent TDP frame. Default: false */
+    newTab?: boolean;
+}
+/**
+ * Navigate to a TDP URL.
+ *
+ * - `{ newTab: true }` opens the URL in a new browser tab.
+ * - Default: sends a `postMessage` to the parent TDP frame (same-tab navigation
+ *   when inside an iframe), or navigates the current window (standalone).
+ *
+ * @param url - Full TDP URL to navigate to
+ * @param options - Navigation options
+ */
+export declare function navigateToTdpUrl(url: string, options?: TdpNavigationOptions): void;
+/**
+ * Convenience helpers for constructing common TDP page paths.
+ * Returns path strings for use with `getTdpUrl()` or `buildTdpUrl()`.
+ *
+ * @example
+ * const { getTdpUrl } = useTdpNavigation();
+ * const url = getTdpUrl(tdpPaths.fileDetails("abc-123"));
+ */
+export declare const tdpPaths: {
+    fileDetails: (fileId: string) => string;
+    pipelineEdit: (pipelineId: string) => string;
+    pipelineDetails: (pipelineId: string) => string;
+    search: (query?: string) => string;
+    dataWorkspace: () => string;
+    dataApps: () => string;
+    artifact: (type: string, namespace: string, slug: string) => string;
+};

package/dist/components/ui/accordion.d.ts

@@ -0,0 +1,7 @@
+import { Accordion as AccordionPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Accordion({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/components/ui/alert-dialog.d.ts

@@ -0,0 +1,18 @@
+import { AlertDialog as AlertDialogPrimitive } from 'radix-ui';
+import { Button } from './button';
+import * as React from "react";
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogContent({ className, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {
+    size?: "default" | "sm";
+}): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogAction({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogCancel({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): import("react/jsx-runtime").JSX.Element;
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };

package/dist/components/ui/alert.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | "info" | "positive" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Alert, AlertTitle, AlertDescription, AlertAction };

package/dist/components/ui/aspect-ratio.d.ts

@@ -0,0 +1,3 @@
+import { AspectRatio as AspectRatioPrimitive } from 'radix-ui';
+declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { AspectRatio };

package/dist/components/ui/avatar.d.ts

@@ -0,0 +1,11 @@
+import { Avatar as AvatarPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Avatar({ className, size, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & {
+    size?: "default" | "sm" | "lg";
+}): import("react/jsx-runtime").JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge, };

package/dist/components/ui/badge.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const badgeVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | "info" | "positive" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };

package/dist/components/ui/banner.d.ts

@@ -0,0 +1,19 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const bannerVariants: (props?: ({
+    variant?: "destructive" | "info" | "positive" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type DismissibleProps = {
+    dismissible: true;
+    onDismiss: () => void;
+} | {
+    dismissible?: false;
+    onDismiss?: never;
+};
+export type BannerProps = React.ComponentProps<"div"> & VariantProps<typeof bannerVariants> & DismissibleProps & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: React.ReactNode;
+};
+declare function Banner({ variant, title, description, action, dismissible, onDismiss, className, children, role, "aria-live": ariaLive, ...props }: BannerProps): import("react/jsx-runtime").JSX.Element;
+export { Banner, bannerVariants };

package/dist/components/ui/breadcrumb.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+declare function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/dist/components/ui/button-group.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+import { Separator } from './separator';
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<"div"> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, };

package/dist/components/ui/button.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+    size?: "default" | "sm" | "xs" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };

package/dist/components/ui/calendar.d.ts

@@ -0,0 +1,10 @@
+import { DayPicker, DayButton, Locale } from 'react-day-picker';
+import { Button } from './button';
+import * as React from "react";
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>["variant"];
+}): import("react/jsx-runtime").JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, locale, ...props }: React.ComponentProps<typeof DayButton> & {
+    locale?: Partial<Locale>;
+}): import("react/jsx-runtime").JSX.Element;
+export { Calendar, CalendarDayButton };

package/dist/components/ui/card.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+declare function Card({ className, size, ...props }: React.ComponentProps<"div"> & {
+    size?: "default" | "sm";
+}): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };