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

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

@@ -1 +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"}
+{"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

@@ -1,8 +1,8 @@
 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 { 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",

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, };

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

@@ -0,0 +1,28 @@
+import { default as useEmblaCarousel, UseEmblaCarouselType } from 'embla-carousel-react';
+import { Button } from './button';
+import * as React from "react";
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+type CarouselContextProps = {
+    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+    api: ReturnType<typeof useEmblaCarousel>[1];
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+} & CarouselProps;
+declare function useCarousel(): CarouselContextProps;
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps): import("react/jsx-runtime").JSX.Element;
+declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, useCarousel, };

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

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

package/dist/components/ui/code-block.d.ts

@@ -0,0 +1,45 @@
+import { ComponentProps, HTMLAttributes } from 'react';
+import { BundledLanguage, ThemedToken } from 'shiki';
+import { Button } from './button';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './select';
+type CodeBlockProps = HTMLAttributes<HTMLDivElement> & {
+    code: string;
+    language: BundledLanguage;
+    showLineNumbers?: boolean;
+};
+interface TokenizedCode {
+    tokens: ThemedToken[][];
+    fg: string;
+    bg: string;
+}
+export declare const highlightCode: (code: string, language: BundledLanguage, callback?: (result: TokenizedCode) => void) => TokenizedCode | null;
+export declare const CodeBlockContainer: ({ className, language, style, ...props }: HTMLAttributes<HTMLDivElement> & {
+    language: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlockHeader: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlockTitle: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlockFilename: ({ children, className, ...props }: HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlockActions: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlockContent: ({ code, language, showLineNumbers, }: {
+    code: string;
+    language: BundledLanguage;
+    showLineNumbers?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlock: ({ code, language, showLineNumbers, className, children, ...props }: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;
+export type CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {
+    onCopy?: () => void;
+    onError?: (error: Error) => void;
+    timeout?: number;
+};
+export declare const CodeBlockCopyButton: ({ onCopy, onError, timeout, children, className, ...props }: CodeBlockCopyButtonProps) => import("react/jsx-runtime").JSX.Element;
+export type CodeBlockLanguageSelectorProps = ComponentProps<typeof Select>;
+export declare const CodeBlockLanguageSelector: (props: CodeBlockLanguageSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export type CodeBlockLanguageSelectorTriggerProps = ComponentProps<typeof SelectTrigger>;
+export declare const CodeBlockLanguageSelectorTrigger: ({ className, ...props }: CodeBlockLanguageSelectorTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export type CodeBlockLanguageSelectorValueProps = ComponentProps<typeof SelectValue>;
+export declare const CodeBlockLanguageSelectorValue: (props: CodeBlockLanguageSelectorValueProps) => import("react/jsx-runtime").JSX.Element;
+export type CodeBlockLanguageSelectorContentProps = ComponentProps<typeof SelectContent>;
+export declare const CodeBlockLanguageSelectorContent: ({ align, ...props }: CodeBlockLanguageSelectorContentProps) => import("react/jsx-runtime").JSX.Element;
+export type CodeBlockLanguageSelectorItemProps = ComponentProps<typeof SelectItem>;
+export declare const CodeBlockLanguageSelectorItem: (props: CodeBlockLanguageSelectorItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/code-editor.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { OnChange } from '@monaco-editor/react';
+export interface CodeEditorProps {
+    value: string;
+    onChange: OnChange;
+    language?: string;
+    theme?: "light" | "dark";
+    height?: string | number;
+    width?: string | number;
+    options?: Record<string, unknown>;
+    label?: string;
+    onCopy?: (code: string) => void;
+    onLaunch?: (code: string) => void;
+    disabled?: boolean;
+}
+declare const CodeEditor: React.FC<CodeEditorProps>;
+export { CodeEditor };
+export default CodeEditor;

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

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

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

@@ -0,0 +1,24 @@
+import { Combobox as ComboboxPrimitive } from '@base-ui/react';
+import * as React from "react";
+declare const Combobox: typeof ComboboxPrimitive.Root;
+declare function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: ComboboxPrimitive.Input.Props & {
+    showTrigger?: boolean;
+    showClear?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: ComboboxPrimitive.Popup.Props & Pick<ComboboxPrimitive.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxChips({ className, ...props }: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & ComboboxPrimitive.Chips.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxChip({ className, children, showRemove, ...props }: ComboboxPrimitive.Chip.Props & {
+    showRemove?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxChipsInput({ className, ...props }: ComboboxPrimitive.Input.Props): import("react/jsx-runtime").JSX.Element;
+declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
+export { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxGroup, ComboboxLabel, ComboboxCollection, ComboboxEmpty, ComboboxSeparator, ComboboxChips, ComboboxChip, ComboboxChipsInput, ComboboxTrigger, ComboboxValue, useComboboxAnchor, };

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

@@ -0,0 +1,18 @@
+import { Command as CommandPrimitive } from 'cmdk';
+import { Dialog } from './dialog';
+import * as React from "react";
+declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
+declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function CommandEmpty({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element | null;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function CommandItem({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };