@warmio/ui 1.0.0 → 1.2.0

package/dist/chunks/{chunk-HMXXCKZG.js → chunk-VNQVIATP.js}

@@ -25,21 +25,21 @@ var WarmLogoIcon = ({
           "path",
           {
             d: "M 33.500 40.660 C 20.206 42.744, 0 48.560, -0 50.302 C -0 51.759, 123.955 348.889, 127.738 356.500 C 142.182 385.561, 169.450 410.275, 198.946 421.040 C 218.922 428.330, 243.683 430.825, 264.526 427.648 C 277.151 425.724, 294.628 420.011, 294.194 417.952 C 293.790 416.040, 172.732 124.599, 168.522 115.405 C 161.779 100.679, 149.168 84.171, 135.093 71.646 C 119.358 57.644, 98.880 47.362, 77 42.478 C 69.645 40.836, 40.220 39.606, 33.500 40.660",
-            fill: "var(--logo-primary)"
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M 229.651 41.597 C 217.916 43.718, 202.443 49.144, 202.744 51.035 C 203.418 55.268, 329.689 356.584, 333.687 363.500 C 340.525 375.327, 345.293 381.483, 355.408 391.538 C 374.603 410.619, 398.878 423.014, 425.907 427.533 C 439.649 429.831, 463.594 429.132, 476 426.072 C 489.892 422.645, 497.188 419.815, 496.703 418.043 C 495.416 413.331, 371.058 116.094, 367.406 109 C 349.467 74.149, 313.008 47.875, 273.752 41.509 C 262.281 39.648, 240.195 39.693, 229.651 41.597",
-            fill: "var(--logo-primary)"
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M 463 40.593 C 451.670 42.545, 447.288 43.569, 439 46.203 C 433.775 47.864, 429.338 49.372, 429.140 49.555 C 428.942 49.737, 434.670 64.021, 441.868 81.297 C 455.574 114.190, 462.215 131.660, 468.447 151.208 C 475.360 172.892, 486.124 186.213, 503.834 194.997 C 530.956 208.450, 564.982 201.679, 583.654 179.112 C 604.399 154.041, 605.407 121.944, 586.291 95.155 C 567.827 69.280, 539.107 50.114, 508 42.907 C 500.680 41.212, 494.713 40.644, 482 40.434 C 472.925 40.284, 464.375 40.356, 463 40.593",
-            fill: "var(--logo-accent)"
+            fill: "currentColor"
           }
         )
       ]
@@ -81,7 +81,7 @@ var Logo = ({
 }) => {
   return /* @__PURE__ */ jsxs2("div", { className: "inline-flex items-center gap-2", children: [
     /* @__PURE__ */ jsx2(WarmLogoIcon2, { size, tone, decorative: showText }),
-    showText ? /* @__PURE__ */ jsx2("span", { className: "text-sm font-bold tracking-wide text-foreground", children: "Warm" }) : null
+    showText ? /* @__PURE__ */ jsx2("span", { className: cn("text-sm font-bold tracking-wide", toneClasses[tone]), children: "Warm" }) : null
   ] });
 };
 

package/dist/chunks/chunk-ZEDHNFX6.js

@@ -0,0 +1,92 @@
+import {
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger
+} from "./chunk-OWDC2VC6.js";
+
+// ../ui/src/warmio/sheet.tsx
+import { jsx } from "react/jsx-runtime";
+function SheetTrigger2({
+  className: _className,
+  style: _style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SheetTrigger, { ...props });
+}
+function SheetClose2({ className: _className, style: _style, ...props }) {
+  return /* @__PURE__ */ jsx(SheetClose, { ...props });
+}
+function SheetContent2({
+  className: _className,
+  overlayClassName: _overlayClassName,
+  presentation,
+  responsive = "always",
+  style: _style,
+  width = "default",
+  ...props
+}) {
+  const navigationClassName = presentation === "navigation" ? `w-[var(--sidebar-width-mobile)] gap-0 overflow-hidden border-border bg-sidebar p-0 text-foreground duration-200 ease-in-out data-open:fade-in-100 data-closed:fade-out-100${responsive === "mobileOnly" ? " md:hidden" : ""}` : void 0;
+  const widthClassName = width === "full" ? "w-full data-[side=left]:sm:max-w-none data-[side=right]:sm:max-w-none" : width === "wide" ? "w-full data-[side=left]:sm:max-w-lg data-[side=right]:sm:max-w-lg" : void 0;
+  const contentClassName = presentation === "scroll" ? `overflow-y-auto${widthClassName ? ` ${widthClassName}` : ""}` : navigationClassName ?? widthClassName;
+  return /* @__PURE__ */ jsx(
+    SheetContent,
+    {
+      ...props,
+      className: contentClassName,
+      overlayClassName: presentation === "navigation" ? "duration-200 ease-in-out" : void 0
+    }
+  );
+}
+function SheetFooter2({
+  className: _className,
+  spacing = "default",
+  style: _style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SheetFooter, { ...props, className: spacing === "roomy" ? "gap-4 p-6" : void 0 });
+}
+function SheetHeader2({
+  className: _className,
+  presentation,
+  spacing = "default",
+  style: _style,
+  ...props
+}) {
+  const className = presentation === "navigation" ? "border-b border-border bg-background p-0" : spacing === "roomy" ? "gap-2 p-6" : void 0;
+  return /* @__PURE__ */ jsx(SheetHeader, { ...props, className });
+}
+function SheetTitle2({
+  className: _className,
+  presentation,
+  style: _style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SheetTitle,
+    {
+      ...props,
+      className: presentation === "navigation" ? "min-w-0 truncate text-left text-base font-bold text-foreground" : void 0
+    }
+  );
+}
+function SheetDescription2({
+  className: _className,
+  style: _style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SheetDescription, { ...props });
+}
+
+export {
+  SheetTrigger2 as SheetTrigger,
+  SheetClose2 as SheetClose,
+  SheetContent2 as SheetContent,
+  SheetFooter2 as SheetFooter,
+  SheetHeader2 as SheetHeader,
+  SheetTitle2 as SheetTitle,
+  SheetDescription2 as SheetDescription
+};

package/dist/dropdown-menu.js

@@ -0,0 +1,28 @@
+"use client";
+import {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuLinkItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "./chunks/chunk-SK7IZUFC.js";
+import "./chunks/chunk-VIB7OX7D.js";
+export {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuLinkItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+};

package/dist/index.js

@@ -1,12 +1,48 @@
+import {
+  StackedDisplay,
+  Text
+} from "./chunks/chunk-D25QMXJR.js";
 import {
   Badge
 } from "./chunks/chunk-ICC7GQXS.js";
+import {
+  Button,
+  ButtonLink
+} from "./chunks/chunk-KCEDMF2I.js";
+import {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuLinkItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "./chunks/chunk-SK7IZUFC.js";
 import {
   Logo,
   WarmLogoIcon
-} from "./chunks/chunk-HMXXCKZG.js";
+} from "./chunks/chunk-VNQVIATP.js";
+import {
+  ProductHeader,
+  ProductHeaderBreadcrumb
+} from "./chunks/chunk-4UZNCKKG.js";
+import {
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger
+} from "./chunks/chunk-ZEDHNFX6.js";
 import {
   Sidebar,
+  SidebarAccountTrigger,
+  SidebarBrand,
   SidebarContent,
   SidebarFooter,
   SidebarGroup,
@@ -20,12 +56,41 @@ import {
   SidebarMenuItem,
   SidebarProvider,
   useSidebar
-} from "./chunks/chunk-EJ2CNGRW.js";
+} from "./chunks/chunk-UB25BRXT.js";
+import {
+  Sheet
+} from "./chunks/chunk-OWDC2VC6.js";
+import "./chunks/chunk-T2TXMN3G.js";
 import "./chunks/chunk-VIB7OX7D.js";
 export {
   Badge,
+  Button,
+  ButtonLink,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuLinkItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
   Logo,
+  ProductHeader,
+  ProductHeaderBreadcrumb,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
   Sidebar,
+  SidebarAccountTrigger,
+  SidebarBrand,
   SidebarContent,
   SidebarFooter,
   SidebarGroup,
@@ -38,6 +103,8 @@ export {
   SidebarMenuButton,
   SidebarMenuItem,
   SidebarProvider,
+  StackedDisplay,
+  Text,
   WarmLogoIcon,
   useSidebar
 };

package/dist/logo.js

@@ -1,7 +1,7 @@
 import {
   Logo,
   WarmLogoIcon
-} from "./chunks/chunk-HMXXCKZG.js";
+} from "./chunks/chunk-VNQVIATP.js";
 import "./chunks/chunk-VIB7OX7D.js";
 export {
   Logo,

package/dist/product-header.js

@@ -0,0 +1,9 @@
+import {
+  ProductHeader,
+  ProductHeaderBreadcrumb
+} from "./chunks/chunk-4UZNCKKG.js";
+import "./chunks/chunk-VIB7OX7D.js";
+export {
+  ProductHeader,
+  ProductHeaderBreadcrumb
+};

package/dist/product-header.types.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode, Ref } from 'react';
+
+export type ProductHeaderVisibility = 'always' | 'container' | 'desktop';
+
+export interface ProductHeaderBreadcrumbProps {
+  pageTitle?: string;
+  productName?: string;
+}
+
+export interface ProductHeaderProps extends ProductHeaderBreadcrumbProps {
+  actions?: ReactNode;
+  actionsTargetRef?: Ref<HTMLDivElement>;
+  desktopShell?: boolean;
+  leading?: ReactNode;
+  titleTargetRef?: Ref<HTMLDivElement>;
+  visibility?: ProductHeaderVisibility;
+}

package/dist/sheet.js

@@ -0,0 +1,24 @@
+import {
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger
+} from "./chunks/chunk-ZEDHNFX6.js";
+import {
+  Sheet
+} from "./chunks/chunk-OWDC2VC6.js";
+import "./chunks/chunk-T2TXMN3G.js";
+import "./chunks/chunk-VIB7OX7D.js";
+export {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger
+};

package/dist/sidebar.js

@@ -1,5 +1,7 @@
 import {
   Sidebar,
+  SidebarAccountTrigger,
+  SidebarBrand,
   SidebarContent,
   SidebarFooter,
   SidebarGroup,
@@ -13,10 +15,14 @@ import {
   SidebarMenuItem,
   SidebarProvider,
   useSidebar
-} from "./chunks/chunk-EJ2CNGRW.js";
+} from "./chunks/chunk-UB25BRXT.js";
+import "./chunks/chunk-OWDC2VC6.js";
+import "./chunks/chunk-T2TXMN3G.js";
 import "./chunks/chunk-VIB7OX7D.js";
 export {
   Sidebar,
+  SidebarAccountTrigger,
+  SidebarBrand,
   SidebarContent,
   SidebarFooter,
   SidebarGroup,

package/dist/text.js

@@ -0,0 +1,9 @@
+import {
+  StackedDisplay,
+  Text
+} from "./chunks/chunk-D25QMXJR.js";
+import "./chunks/chunk-VIB7OX7D.js";
+export {
+  StackedDisplay,
+  Text
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@warmio/ui",
-  "version": "1.0.0",
-  "description": "Portable React components for Warm products.",
+  "version": "1.2.0",
+  "description": "Portable, sealed React components for Warm products.",
   "license": "MIT",
   "type": "module",
   "sideEffects": false,
@@ -30,15 +30,40 @@
       "import": "./dist/badge.js",
       "default": "./dist/badge.js"
     },
+    "./button": {
+      "types": "./types/button.d.ts",
+      "import": "./dist/button.js",
+      "default": "./dist/button.js"
+    },
+    "./dropdown-menu": {
+      "types": "./types/dropdown-menu.d.ts",
+      "import": "./dist/dropdown-menu.js",
+      "default": "./dist/dropdown-menu.js"
+    },
     "./logo": {
       "types": "./types/logo.d.ts",
       "import": "./dist/logo.js",
       "default": "./dist/logo.js"
     },
+    "./product-header": {
+      "types": "./types/product-header.d.ts",
+      "import": "./dist/product-header.js",
+      "default": "./dist/product-header.js"
+    },
     "./sidebar": {
       "types": "./types/sidebar.d.ts",
       "import": "./dist/sidebar.js",
       "default": "./dist/sidebar.js"
+    },
+    "./sheet": {
+      "types": "./types/sheet.d.ts",
+      "import": "./dist/sheet.js",
+      "default": "./dist/sheet.js"
+    },
+    "./text": {
+      "types": "./types/text.d.ts",
+      "import": "./dist/text.js",
+      "default": "./dist/text.js"
     }
   },
   "peerDependencies": {
@@ -46,6 +71,7 @@
     "@warmio/design": "1.0.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "cuelume": "0.1.0",
     "lucide-react": ">=0.562.0 <2.0.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",

package/types/button.d.ts

@@ -0,0 +1,48 @@
+// Dedicated public declaration entrypoint keeps the ./button npm export independent of private workspace source.
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+
+export type ButtonPresentation =
+  | 'assistantIcon'
+  | 'assistantRoundIcon'
+  | 'compact'
+  | 'composerIcon'
+  | 'controlPeer'
+  | 'default'
+  | 'editPill'
+  | 'hero'
+  | 'menuOption'
+  | 'promptCategory'
+  | 'promptOption'
+  | 'sidebarIcon'
+  | 'tableHeader'
+  | 'threadMore'
+  | 'threadNew'
+  | 'touch';
+export type ButtonVariant = 'apple' | 'default' | 'destructive' | 'ghost' | 'outline';
+export type ButtonSize = 'default' | 'icon';
+export type ButtonProps = Omit<ComponentPropsWithRef<'button'>, 'className' | 'style'> & {
+  presentation?: ButtonPresentation;
+  size?: ButtonSize;
+  style?: never;
+  variant?: ButtonVariant;
+  width?: 'full';
+};
+export type ButtonLinkProps = Omit<
+  ComponentPropsWithRef<'a'>,
+  'aria-disabled' | 'className' | 'disabled' | 'role' | 'style'
+> & {
+  asChild?: never;
+  className?: never;
+  disabled?: never;
+  href: string;
+  presentation?: ButtonPresentation;
+  render?: never;
+  role?: never;
+  size?: ButtonSize;
+  style?: never;
+  variant?: ButtonVariant;
+  width?: 'full';
+  'aria-disabled'?: never;
+};
+export declare const Button: (props: ButtonProps) => ReactNode;
+export declare const ButtonLink: (props: ButtonLinkProps) => ReactNode;

package/types/dropdown-menu.d.ts

@@ -0,0 +1,54 @@
+// Dedicated public declaration entrypoint keeps the ./dropdown-menu npm export independent of private workspace source.
+import type { Menu } from '@base-ui/react/menu';
+import type { ReactElement, ReactNode } from 'react';
+
+type WithoutChrome<T> = Omit<T, 'className' | 'style'> & {
+  className?: never;
+  style?: never;
+};
+type WithoutStyling<T> = Omit<T, 'asChild' | 'className' | 'render' | 'style'>;
+
+export type DropdownMenuSide = 'top' | 'right' | 'bottom' | 'left';
+export type DropdownMenuAlign = 'start' | 'center' | 'end';
+export type DropdownMenuContentSize = 'default' | 'auto' | 'sidebar';
+export type DropdownMenuContentSpacing = 'default' | 'roomy';
+export type DropdownMenuItemVariant = 'default' | 'destructive';
+export type DropdownMenuContentProps = WithoutStyling<Menu.Popup.Props> &
+  Pick<Menu.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'> & {
+    align?: DropdownMenuAlign;
+    portal?: boolean;
+    side?: DropdownMenuSide;
+    size?: DropdownMenuContentSize;
+    spacing?: DropdownMenuContentSpacing;
+  };
+export type DropdownMenuItemProps = WithoutStyling<Menu.Item.Props> & {
+  inset?: boolean;
+  variant?: DropdownMenuItemVariant;
+};
+export type DropdownMenuLinkItemProps = DropdownMenuItemProps & {
+  href: string;
+};
+export type DropdownMenuCheckboxItemProps = WithoutStyling<Menu.CheckboxItem.Props> & {
+  inset?: boolean;
+};
+export type DropdownMenuRadioItemProps = WithoutStyling<Menu.RadioItem.Props> & { inset?: boolean };
+export type DropdownMenuLabelProps = WithoutStyling<Menu.GroupLabel.Props> & {
+  inset?: boolean;
+};
+export type DropdownMenuSeparatorProps = WithoutStyling<Menu.Separator.Props>;
+export type DropdownMenuTriggerProps = WithoutChrome<Menu.Trigger.Props> & {
+  asChild?: boolean;
+};
+export type DropdownMenuGroupProps = WithoutChrome<Menu.Group.Props>;
+export type DropdownMenuRadioGroupProps = WithoutChrome<Menu.RadioGroup.Props>;
+export declare function DropdownMenu(props: Menu.Root.Props): ReactNode;
+export declare function DropdownMenuTrigger(props: DropdownMenuTriggerProps): ReactNode;
+export declare function DropdownMenuContent(props: DropdownMenuContentProps): ReactNode;
+export declare function DropdownMenuGroup(props: DropdownMenuGroupProps): ReactNode;
+export declare function DropdownMenuLabel(props: DropdownMenuLabelProps): ReactNode;
+export declare function DropdownMenuItem(props: DropdownMenuItemProps): ReactNode;
+export declare function DropdownMenuLinkItem(props: DropdownMenuLinkItemProps): ReactNode;
+export declare function DropdownMenuCheckboxItem(props: DropdownMenuCheckboxItemProps): ReactNode;
+export declare function DropdownMenuRadioGroup(props: DropdownMenuRadioGroupProps): ReactNode;
+export declare function DropdownMenuRadioItem(props: DropdownMenuRadioItemProps): ReactNode;
+export declare function DropdownMenuSeparator(props: DropdownMenuSeparatorProps): ReactNode;

package/types/index.d.ts

@@ -1,3 +1,8 @@
 export * from './badge.js';
+export * from './button.js';
+export * from './dropdown-menu.js';
 export * from './logo.js';
+export * from './product-header.js';
+export * from './sheet.js';
 export * from './sidebar.js';
+export * from './text.js';

package/types/product-header.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import type {
+  ProductHeaderBreadcrumbProps,
+  ProductHeaderProps,
+} from '../dist/product-header.types.js';
+
+export type {
+  ProductHeaderBreadcrumbProps,
+  ProductHeaderProps,
+  ProductHeaderVisibility,
+} from '../dist/product-header.types.js';
+
+export declare function ProductHeaderBreadcrumb(props: ProductHeaderBreadcrumbProps): ReactNode;
+export declare const ProductHeader: (props: ProductHeaderProps) => ReactNode;

package/types/sheet.d.ts

@@ -0,0 +1,40 @@
+// Dedicated public declaration entrypoint keeps the ./sheet npm export independent of private workspace source.
+import type { Dialog } from '@base-ui/react/dialog';
+import type { ComponentProps, ReactNode } from 'react';
+
+type WithoutChrome<T> = Omit<T, 'className' | 'style'> & {
+  className?: never;
+  style?: never;
+};
+export type SheetCloseProps = WithoutChrome<Dialog.Close.Props> & {
+  asChild?: boolean;
+};
+export type SheetContentProps = Omit<WithoutChrome<Dialog.Popup.Props>, 'overlayClassName'> & {
+  overlayClassName?: never;
+  presentation?: 'navigation' | 'scroll';
+  responsive?: 'always' | 'mobileOnly';
+  width?: 'default' | 'full' | 'wide';
+};
+export type SheetFooterProps = WithoutChrome<ComponentProps<'div'>> & {
+  spacing?: 'default' | 'roomy';
+};
+export type SheetHeaderProps = WithoutChrome<ComponentProps<'div'>> & {
+  presentation?: 'navigation';
+  spacing?: 'default' | 'roomy';
+};
+export type SheetTitleProps = WithoutChrome<Dialog.Title.Props> & {
+  presentation?: 'navigation';
+};
+export type SheetTriggerProps = WithoutChrome<Dialog.Trigger.Props> & {
+  asChild?: boolean;
+};
+export declare function Sheet(props: Dialog.Root.Props): ReactNode;
+export declare function SheetTrigger(props: SheetTriggerProps): ReactNode;
+export declare function SheetClose(props: SheetCloseProps): ReactNode;
+export declare function SheetContent(props: SheetContentProps): ReactNode;
+export declare function SheetHeader(props: SheetHeaderProps): ReactNode;
+export declare function SheetFooter(props: SheetFooterProps): ReactNode;
+export declare function SheetTitle(props: SheetTitleProps): ReactNode;
+export declare const SheetDescription: (
+  props: WithoutChrome<Dialog.Description.Props>
+) => ReactNode;

package/types/sidebar.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentProps, ReactElement, ReactNode } from 'react';
+import type { ComponentProps, ComponentPropsWithRef, ReactElement, ReactNode } from 'react';
 
 type WithoutChrome<T> = Omit<T, 'className' | 'style'> & {
   className?: never;
@@ -39,7 +39,7 @@ export type SidebarFooterProps = WithoutChrome<ComponentProps<'div'>> & {
 
 export type SidebarGroupProps = WithoutChrome<ComponentProps<'div'>> & {
   collapsed?: boolean;
-  presentation?: 'mockup' | 'navigation';
+  presentation?: 'mockup' | 'navigation' | 'navigation-primary';
 };
 
 export type SidebarGroupContentProps = WithoutChrome<ComponentProps<'div'>>;
@@ -60,7 +60,8 @@ export type SidebarMenuButtonProps = WithoutChrome<ComponentProps<'button'>> & {
   render?: ReactElement;
   variant?: 'default' | 'outline' | null;
   size?: 'default' | 'sm' | 'lg' | null;
-  presentation?: 'account' | 'disabled' | 'previewCollapsed';
+  collapsed?: boolean;
+  presentation?: 'account' | 'disabled' | 'navigation' | 'previewCollapsed';
 };
 
 export type SidebarMenuBadgeProps = WithoutChrome<ComponentProps<'div'>> & {
@@ -91,3 +92,25 @@ export declare function SidebarMenuItem(props: SidebarMenuItemProps): ReactNode;
 export declare function SidebarMenuButton(props: SidebarMenuButtonProps): ReactNode;
 export declare function SidebarMenuBadge(props: SidebarMenuBadgeProps): ReactNode;
 export declare function useSidebar(): SidebarContextValue;
+
+export type SidebarBrandProps = {
+  actions?: ReactNode;
+  className?: never;
+  /** Routing/link elements; SidebarBrand injects the sealed visual classes. */
+  collapsed: ReactElement<{ className?: string }>;
+  /** Routing/link elements; SidebarBrand injects the sealed visual classes. */
+  expanded: ReactElement<{ className?: string }>;
+  style?: never;
+};
+export type SidebarAccountTriggerProps = Omit<
+  ComponentPropsWithRef<'button'>,
+  'children' | 'className' | 'style'
+> & {
+  avatar?: ReactNode;
+  className?: never;
+  email: string;
+  label: string;
+  style?: never;
+};
+export declare function SidebarBrand(props: SidebarBrandProps): ReactNode;
+export declare function SidebarAccountTrigger(props: SidebarAccountTriggerProps): ReactNode;

package/types/text.d.ts

@@ -0,0 +1,36 @@
+// Dedicated public declaration entrypoint keeps the ./text npm export independent of private workspace source.
+import type { ReactNode } from 'react';
+
+export type TextVariant =
+  | 'body'
+  | 'caption'
+  | 'display'
+  | 'displayCompact'
+  | 'helper'
+  | 'micro'
+  | 'microStrong'
+  | 'overline'
+  | 'sectionTitle';
+export type TextTone = 'default' | 'foreground' | 'muted' | 'primary' | 'success' | 'warning';
+export type TextAlign = 'center' | 'end' | 'start';
+export type TextProps = {
+  align?: TextAlign;
+  as?: 'div' | 'h2' | 'h3' | 'p' | 'small' | 'span';
+  children?: ReactNode;
+  className?: never;
+  numeric?: boolean;
+  style?: never;
+  tone?: TextTone;
+  truncate?: boolean;
+  variant?: TextVariant;
+};
+export type StackedDisplayProps = {
+  align?: TextAlign;
+  className?: never;
+  firstLine: ReactNode;
+  presentation?: 'dashboard' | 'welcome';
+  secondLine: ReactNode;
+  style?: never;
+};
+export declare function Text(props: TextProps): ReactNode;
+export declare function StackedDisplay(props: StackedDisplayProps): ReactNode;