@warmio/ui 1.3.0 → 1.5.2

package/dist/chunks/{chunk-BG6USQSY.js → chunk-IK5RHPN3.js}

@@ -16,16 +16,18 @@ function getTitleSegments(pageTitle, productName) {
 }
 function ProductHeaderBreadcrumb({
   pageTitle,
-  productName = "Warm"
+  productName = "Warm",
+  homeHref
 }) {
   const titleSegments = getTitleSegments(pageTitle, productName);
+  const productNameNode = homeHref ? /* @__PURE__ */ jsx("a", { "data-slot": "product-header-title", href: homeHref, className: "text-foreground", children: productName }) : /* @__PURE__ */ jsx("span", { "data-slot": "product-header-title", className: "text-foreground", children: productName });
   return /* @__PURE__ */ jsxs(Fragment2, { children: [
-    /* @__PURE__ */ jsx("span", { className: "text-sm text-foreground", children: productName }),
+    productNameNode,
     titleSegments?.map((segment, index) => {
       const isLast = index === titleSegments.length - 1;
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 text-foreground" }),
-        isLast ? /* @__PURE__ */ jsx("h1", { "aria-current": "page", children: segment }) : /* @__PURE__ */ jsx("span", { className: "text-sm text-foreground", children: segment })
+        isLast ? /* @__PURE__ */ jsx("h1", { "data-slot": "product-header-title", "aria-current": "page", children: segment }) : /* @__PURE__ */ jsx("span", { "data-slot": "product-header-title", className: "text-foreground", children: segment })
       ] }, `${segment}-${index}`);
     })
   ] });
@@ -34,6 +36,8 @@ var ProductHeader = memo(function ProductHeader2({
   actions,
   actionsTargetRef,
   desktopShell = false,
+  hideBreadcrumb = false,
+  homeHref,
   leading,
   pageTitle,
   productName,
@@ -43,10 +47,11 @@ var ProductHeader = memo(function ProductHeader2({
   return /* @__PURE__ */ jsxs(
     "header",
     {
+      "data-slot": "product-header",
       className: cn(
-        "sticky top-0 z-20 h-[var(--header-height)] shrink-0 items-center border-b border-border bg-sidebar",
+        "sticky top-0 z-20 relative flex h-[var(--header-height)] shrink-0 flex-nowrap items-center overflow-visible",
         visibility === "always" ? "flex" : visibility === "container" ? "hidden @3xl/main:flex" : "hidden md:flex",
-        desktopShell && "select-none bg-sidebar/95 supports-[backdrop-filter]:bg-sidebar/85 supports-[backdrop-filter]:backdrop-blur"
+        desktopShell && "select-none supports-[backdrop-filter]:backdrop-blur"
       ),
       "data-tauri-drag-region": desktopShell ? "deep" : void 0,
       children: [
@@ -54,10 +59,17 @@ var ProductHeader = memo(function ProductHeader2({
           "div",
           {
             ref: titleTargetRef,
-            className: "flex min-w-0 items-center gap-2 px-4 [&_h1]:text-sm [&_h1]:text-foreground [&:has(>[data-page-chrome-content])>[data-page-chrome-fallback]]:hidden",
+            className: "flex shrink-0 items-center gap-2 whitespace-nowrap px-4 [&:has(>[data-page-chrome-content])>[data-page-chrome-fallback]]:hidden",
             children: [
               leading,
-              /* @__PURE__ */ jsx("div", { "data-page-chrome-fallback": true, className: "contents", children: /* @__PURE__ */ jsx(ProductHeaderBreadcrumb, { pageTitle, productName }) })
+              hideBreadcrumb ? null : /* @__PURE__ */ jsx("div", { "data-page-chrome-fallback": true, className: "contents", children: /* @__PURE__ */ jsx(
+                ProductHeaderBreadcrumb,
+                {
+                  ...pageTitle !== void 0 ? { pageTitle } : {},
+                  ...productName !== void 0 ? { productName } : {},
+                  ...homeHref !== void 0 ? { homeHref } : {}
+                }
+              ) })
             ]
           }
         ),
@@ -65,7 +77,7 @@ var ProductHeader = memo(function ProductHeader2({
           "div",
           {
             ref: actionsTargetRef,
-            className: "ml-auto flex items-center gap-2 px-4 [&:has(>[data-page-chrome-content])>[data-page-chrome-fallback]]:hidden",
+            className: "ml-auto flex min-w-0 shrink items-center gap-2 overflow-visible px-4 [&:has(>[data-page-chrome-content])>[data-page-chrome-fallback]]:hidden",
             children: actions ? /* @__PURE__ */ jsx("div", { "data-page-chrome-fallback": true, className: "contents", children: actions }) : null
           }
         )

package/dist/chunks/chunk-JXSJTIX7.js

@@ -0,0 +1,133 @@
+// ../ui/src/lib/fluid-overlay.tsx
+import * as React from "react";
+import { useRender } from "@base-ui/react/use-render";
+
+// ../ui/src/hooks/use-reduced-motion.ts
+import { useSyncExternalStore } from "react";
+var mediaWindow;
+var mediaQuery;
+function getMediaQuery() {
+  const currentWindow = globalThis.window;
+  if (!currentWindow?.matchMedia) return void 0;
+  if (currentWindow !== mediaWindow) {
+    mediaWindow = currentWindow;
+    mediaQuery = currentWindow.matchMedia("(prefers-reduced-motion: reduce)");
+  }
+  return mediaQuery;
+}
+function subscribe(onChange) {
+  const query = getMediaQuery();
+  query?.addEventListener("change", onChange);
+  return () => query?.removeEventListener("change", onChange);
+}
+function getSnapshot() {
+  return getMediaQuery()?.matches ?? true;
+}
+function getServerSnapshot() {
+  return true;
+}
+function useReducedMotion() {
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+
+// ../ui/src/lib/motion.ts
+var MOTION_DURATION_MS = 400;
+var MOTION_DURATION_S = MOTION_DURATION_MS / 1e3;
+var MOTION_ENTRANCE_DURATION_MS = 800;
+var MOTION_ENTRANCE_DURATION_S = MOTION_ENTRANCE_DURATION_MS / 1e3;
+var MOTION_HOVER_DURATION_MS = 100;
+var MOTION_HOVER_DURATION_S = MOTION_HOVER_DURATION_MS / 1e3;
+var FLUID_SPRING = {
+  fast: { type: "spring", duration: 0.08, bounce: 0 },
+  moderate: { type: "spring", duration: 0.16, bounce: 0 },
+  slow: { type: "spring", duration: 0.24, bounce: 0 }
+};
+var FLUID_EASING = "cubic-bezier(0.23, 1, 0.32, 1)";
+var FLUID_EXIT = {
+  fast: { duration: 0.06 },
+  moderate: { duration: 0.12 },
+  slow: { duration: 0.16 }
+};
+
+// ../ui/src/lib/fluid-overlay.tsx
+var RESPONSIVE_SHEET_QUERY = "(min-width: 64rem)";
+function resolvePhysicalSide(side, element) {
+  if (side === "responsive") {
+    return globalThis.matchMedia?.(RESPONSIVE_SHEET_QUERY)?.matches ? "right" : "bottom";
+  }
+  if (side !== "inline-start" && side !== "inline-end") return side;
+  const rtl = getComputedStyle(element).direction === "rtl";
+  return side === "inline-start" !== rtl ? "left" : "right";
+}
+function getClosedTransform(motion, side, element) {
+  if (motion === "backdrop" || motion === "fade") return void 0;
+  if (motion === "menu") return "scaleY(0.96)";
+  if (motion === "dialog") return "scale(0.97)";
+  if (motion === "ios-dialog") return "translateY(16px)";
+  const physicalSide = resolvePhysicalSide(side, element);
+  const distance = motion === "sheet" ? "2.5rem" : "4px";
+  const negative = motion === "sheet" ? physicalSide === "top" || physicalSide === "left" : physicalSide === "bottom" || physicalSide === "right";
+  const axis = physicalSide === "top" || physicalSide === "bottom" ? "Y" : "X";
+  const scale = motion === "popover" ? " scale(0.97)" : "";
+  return `translate${axis}(${negative ? "-" : ""}${distance})${scale}`;
+}
+function hasNativeAnimation(element) {
+  return typeof element.animate === "function";
+}
+function FluidOverlay({
+  props,
+  state,
+  render,
+  motion,
+  side = "bottom",
+  tier
+}) {
+  const elementRef = React.useRef(null);
+  const reducedMotion = useReducedMotion();
+  const open = state.open && state.transitionStatus !== "ending";
+  const instant = Boolean(state.instant);
+  React.useLayoutEffect(() => {
+    const element = elementRef.current;
+    if (!element) return;
+    const closedTransform = getClosedTransform(motion, side, element);
+    const opacity = open ? 1 : 0;
+    const settle = () => {
+      element.style.opacity = String(opacity);
+      if (closedTransform) element.style.transform = open ? "none" : closedTransform;
+    };
+    if (reducedMotion || instant || !hasNativeAnimation(element) || element.getClientRects().length === 0) {
+      settle();
+      return;
+    }
+    const openFrame = closedTransform ? { opacity: 1, transform: "none" } : { opacity: 1 };
+    const closedFrame = closedTransform ? { opacity: 0, transform: closedTransform } : { opacity: 0 };
+    const animation = element.animate(open ? [closedFrame, openFrame] : [openFrame, closedFrame], {
+      duration: (open ? FLUID_SPRING[tier].duration : FLUID_EXIT[tier].duration) * 1e3,
+      easing: FLUID_EASING,
+      fill: "both"
+    });
+    const handleFinish = () => {
+      settle();
+      animation.cancel();
+    };
+    animation.addEventListener("finish", handleFinish);
+    return () => {
+      animation.removeEventListener("finish", handleFinish);
+      settle();
+      animation.cancel();
+    };
+  }, [instant, motion, open, reducedMotion, side, tier]);
+  return useRender({
+    defaultTagName: "div",
+    ref: elementRef,
+    // oxlint-disable-next-line anti-slop/no-runtime-typeof -- Base UI render is documented as an element-or-function union.
+    render: typeof render === "function" ? (renderProps) => render(renderProps, state) : render,
+    props: { ...props }
+  });
+}
+
+export {
+  useReducedMotion,
+  FLUID_SPRING,
+  FluidOverlay
+};

package/dist/chunks/{chunk-CIYWFBEJ.js → chunk-OU7YQUU2.js}

@@ -6,34 +6,16 @@ import {
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var textClassNameByVariant = {
-  display: "block text-[1.35rem] font-normal leading-snug tracking-normal [font-family:var(--font-display)] @3xl/main:text-[1.875rem]",
-  displayCompact: "block text-xl font-normal leading-snug tracking-normal [font-family:var(--font-display)] @3xl/main:text-2xl",
-  displayHero: "block text-3xl font-bold leading-tight tracking-normal text-foreground sm:text-4xl lg:text-5xl",
-  metricValue: "block text-2xl",
-  metricValueLead: "block text-3xl",
-  metricDisplay: "block text-5xl font-bold leading-none tracking-tight",
-  overline: "block font-mono text-xs font-bold uppercase tracking-[0.18em]",
-  micro: "text-xs font-normal leading-snug",
-  microStrong: "text-xs font-bold leading-snug",
-  body: "text-sm",
-  caption: "text-xs",
-  helper: "text-xs",
-  sectionTitle: "text-base font-bold leading-normal"
+  heading: "",
+  metric: "",
+  body: "",
+  caption: ""
 };
 var defaultTextElementByVariant = {
-  display: "span",
-  displayCompact: "span",
-  displayHero: "h1",
-  metricValue: "span",
-  metricValueLead: "span",
-  metricDisplay: "span",
-  overline: "span",
-  micro: "span",
-  microStrong: "span",
+  heading: "h3",
+  metric: "span",
   body: "p",
-  caption: "span",
-  helper: "small",
-  sectionTitle: "h3"
+  caption: "span"
 };
 var textClassNameByTone = {
   default: "",
@@ -53,7 +35,7 @@ var textClassNameByAlign = {
 };
 function Text({
   as,
-  variant = "micro",
+  variant = "caption",
   tone = "default",
   align,
   numeric = false,
@@ -68,15 +50,16 @@ function Text({
   return React.createElement(Component, {
     ...props,
     "data-animate-number": animateNumber || void 0,
+    "data-text-variant": variant,
+    "data-text-element": Component,
+    "data-mono": mono || void 0,
     className: cn(
       textClassNameByVariant[variant],
-      variant === "sectionTitle" && Component === "h2" && "text-lg leading-snug",
       textClassNameByTone[tone],
       align && textClassNameByAlign[align],
       numeric && "tabular-nums",
-      mono && "font-mono",
       truncate && "truncate"
-    )
+    ) || void 0
   });
 }
 Text.displayName = "WarmText";
@@ -86,9 +69,9 @@ function StackedDisplay({
   presentation = "dashboard",
   secondLine
 }) {
-  const firstLineClassName = presentation === "welcome" ? "block text-muted-foreground font-editorial" : "block text-foreground";
-  const secondLineClassName = presentation === "welcome" ? "block text-foreground" : "block text-muted-foreground font-editorial";
-  return /* @__PURE__ */ jsxs(Text, { as: "span", variant: "displayCompact", align, children: [
+  const firstLineClassName = presentation === "welcome" ? "block text-muted-foreground" : "block text-foreground";
+  const secondLineClassName = presentation === "welcome" ? "block text-foreground" : "block text-muted-foreground";
+  return /* @__PURE__ */ jsxs(Text, { as: "h2", variant: "heading", align, children: [
     /* @__PURE__ */ jsx("span", { className: firstLineClassName, children: firstLine }),
     /* @__PURE__ */ jsx("span", { className: secondLineClassName, children: secondLine })
   ] });

package/dist/dropdown-menu.js

@@ -11,7 +11,9 @@ import {
   DropdownMenuRadioItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger
-} from "./chunks/chunk-IOUIACNV.js";
+} from "./chunks/chunk-2CO2BZLI.js";
+import "./chunks/chunk-F74Y4WRX.js";
+import "./chunks/chunk-JXSJTIX7.js";
 import "./chunks/chunk-VIB7OX7D.js";
 export {
   DropdownMenu,

package/dist/index.js

@@ -1,14 +1,14 @@
 import {
   StackedDisplay,
   Text
-} from "./chunks/chunk-CIYWFBEJ.js";
+} from "./chunks/chunk-OU7YQUU2.js";
 import {
   Badge
-} from "./chunks/chunk-ICC7GQXS.js";
+} from "./chunks/chunk-3AVFUXCV.js";
 import {
   Button,
   ButtonLink
-} from "./chunks/chunk-GKEYV2XW.js";
+} from "./chunks/chunk-GY4XJ6EX.js";
 import {
   DropdownMenu,
   DropdownMenuCheckboxItem,
@@ -21,18 +21,18 @@ import {
   DropdownMenuRadioItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger
-} from "./chunks/chunk-IOUIACNV.js";
+} from "./chunks/chunk-2CO2BZLI.js";
 import {
   Logo,
   WarmBrandedLogoLink,
   WarmBrandedLogoMark,
   WarmBrandedLogoMarkStatic,
   WarmLogoIcon
-} from "./chunks/chunk-P3AJ2REZ.js";
+} from "./chunks/chunk-B47G2BJV.js";
 import {
   ProductHeader,
   ProductHeaderBreadcrumb
-} from "./chunks/chunk-BG6USQSY.js";
+} from "./chunks/chunk-IK5RHPN3.js";
 import {
   SheetClose,
   SheetContent,
@@ -41,7 +41,7 @@ import {
   SheetHeader,
   SheetTitle,
   SheetTrigger
-} from "./chunks/chunk-DHZWXYDX.js";
+} from "./chunks/chunk-6V6K5G72.js";
 import {
   Sidebar,
   SidebarAccountTrigger,
@@ -60,10 +60,12 @@ import {
   SidebarProvider,
   SidebarTrigger,
   useSidebar
-} from "./chunks/chunk-LHHUTDZR.js";
+} from "./chunks/chunk-HQTC542T.js";
+import "./chunks/chunk-F74Y4WRX.js";
 import {
   Sheet
-} from "./chunks/chunk-YTDMREDR.js";
+} from "./chunks/chunk-A2NLFM6R.js";
+import "./chunks/chunk-JXSJTIX7.js";
 import "./chunks/chunk-VIB7OX7D.js";
 export {
   Badge,

package/dist/logo.js

@@ -4,7 +4,7 @@ import {
   WarmBrandedLogoMark,
   WarmBrandedLogoMarkStatic,
   WarmLogoIcon
-} from "./chunks/chunk-P3AJ2REZ.js";
+} from "./chunks/chunk-B47G2BJV.js";
 import "./chunks/chunk-VIB7OX7D.js";
 export {
   Logo,

package/dist/product-header.js

@@ -1,7 +1,7 @@
 import {
   ProductHeader,
   ProductHeaderBreadcrumb
-} from "./chunks/chunk-BG6USQSY.js";
+} from "./chunks/chunk-IK5RHPN3.js";
 import "./chunks/chunk-VIB7OX7D.js";
 export {
   ProductHeader,

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

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

package/dist/sheet.js

@@ -6,10 +6,11 @@ import {
   SheetHeader,
   SheetTitle,
   SheetTrigger
-} from "./chunks/chunk-DHZWXYDX.js";
+} from "./chunks/chunk-6V6K5G72.js";
 import {
   Sheet
-} from "./chunks/chunk-YTDMREDR.js";
+} from "./chunks/chunk-A2NLFM6R.js";
+import "./chunks/chunk-JXSJTIX7.js";
 import "./chunks/chunk-VIB7OX7D.js";
 export {
   Sheet,

package/dist/sidebar.js

@@ -16,8 +16,10 @@ import {
   SidebarProvider,
   SidebarTrigger,
   useSidebar
-} from "./chunks/chunk-LHHUTDZR.js";
-import "./chunks/chunk-YTDMREDR.js";
+} from "./chunks/chunk-HQTC542T.js";
+import "./chunks/chunk-F74Y4WRX.js";
+import "./chunks/chunk-A2NLFM6R.js";
+import "./chunks/chunk-JXSJTIX7.js";
 import "./chunks/chunk-VIB7OX7D.js";
 export {
   Sidebar,

package/dist/text.js

@@ -1,7 +1,7 @@
 import {
   StackedDisplay,
   Text
-} from "./chunks/chunk-CIYWFBEJ.js";
+} from "./chunks/chunk-OU7YQUU2.js";
 import "./chunks/chunk-VIB7OX7D.js";
 export {
   StackedDisplay,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@warmio/ui",
-  "version": "1.3.0",
+  "version": "1.5.2",
   "description": "Portable, sealed React components for Warm products.",
   "license": "MIT",
   "type": "module",
@@ -17,7 +17,8 @@
   "files": [
     "dist",
     "types",
-    "README.md"
+    "README.md",
+    "LICENSES"
   ],
   "exports": {
     ".": {
@@ -68,11 +69,12 @@
   },
   "peerDependencies": {
     "@base-ui/react": ">=1.6.0 <2.0.0",
-    "@warmio/design": "1.5.0",
+    "@warmio/design": "1.10.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cuelume": "0.1.0",
     "lucide-react": ">=0.562.0 <2.0.0",
+    "motion": "^12.42.2",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwind-merge": ">=3.6.0 <4.0.0"

package/types/badge.d.ts

@@ -4,19 +4,27 @@ import type { AriaAttributes, ReactNode } from 'react';
 export type FeedbackTone = 'default' | 'info' | 'success' | 'warning' | 'destructive';
 export type FeedbackSize = 'sm' | 'default';
 
-export type BadgeProps = {
+export type BadgeToneProps = {
   tone?: FeedbackTone;
   size?: FeedbackSize;
   shape?: 'pill' | 'circle';
+  emphasis?: 'subtle' | 'solid';
+};
+
+export type BadgeLayoutProps = {
   surface?: 'default' | 'floating';
   placement?: 'inline' | 'top-end';
-  emphasis?: 'subtle' | 'solid';
   width?: 'auto' | 'metric' | 'compact';
   truncate?: boolean;
+};
+
+export type BadgeContentProps = {
   children?: ReactNode;
   numeric?: boolean;
   id?: string;
   'aria-label'?: AriaAttributes['aria-label'];
 };
 
+export type BadgeProps = BadgeToneProps & BadgeLayoutProps & BadgeContentProps;
+
 export declare function Badge(props: BadgeProps): ReactNode;

package/types/index.d.ts

@@ -1,8 +1,113 @@
-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';
+export { Badge, type BadgeProps, type FeedbackSize, type FeedbackTone } from './badge.js';
+export {
+  Button,
+  ButtonLink,
+  type ButtonLinkProps,
+  type ButtonPresentation,
+  type ButtonProps,
+  type ButtonSize,
+  type ButtonVariant,
+} from './button.js';
+export {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuLinkItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+  type DropdownMenuAlign,
+  type DropdownMenuCheckboxItemProps,
+  type DropdownMenuContentProps,
+  type DropdownMenuContentSize,
+  type DropdownMenuContentSpacing,
+  type DropdownMenuGroupProps,
+  type DropdownMenuItemProps,
+  type DropdownMenuItemVariant,
+  type DropdownMenuLabelProps,
+  type DropdownMenuLinkItemProps,
+  type DropdownMenuRadioGroupProps,
+  type DropdownMenuRadioItemProps,
+  type DropdownMenuSeparatorProps,
+  type DropdownMenuSide,
+  type DropdownMenuTriggerProps,
+} from './dropdown-menu.js';
+export {
+  Logo,
+  WarmLogoIcon,
+  type LogoProps,
+  type WarmLogoIconProps,
+  type WarmLogoSize,
+  type WarmLogoTone,
+} from './logo.js';
+export {
+  ProductHeader,
+  ProductHeaderBreadcrumb,
+  type ProductHeaderBreadcrumbProps,
+  type ProductHeaderProps,
+  type ProductHeaderVisibility,
+} from './product-header.js';
+export {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+  type SheetCloseProps,
+  type SheetContentProps,
+  type SheetFooterProps,
+  type SheetHeaderProps,
+  type SheetTitleProps,
+  type SheetTriggerProps,
+} from './sheet.js';
+export {
+  Sidebar,
+  SidebarAccountTrigger,
+  SidebarBrand,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuBadge,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarProvider,
+  useSidebar,
+  SidebarTrigger,
+  type SidebarAccountTriggerProps,
+  type SidebarBrandProps,
+  type SidebarContentProps,
+  type SidebarContextValue,
+  type SidebarFooterProps,
+  type SidebarGroupContentProps,
+  type SidebarGroupLabelProps,
+  type SidebarGroupProps,
+  type SidebarHeaderProps,
+  type SidebarInsetProps,
+  type SidebarMenuBadgeProps,
+  type SidebarMenuButtonProps,
+  type SidebarMenuItemProps,
+  type SidebarMenuProps,
+  type SidebarProps,
+  type SidebarProviderProps,
+} from './sidebar.js';
+export {
+  StackedDisplay,
+  Text,
+  type StackedDisplayProps,
+  type TextAlign,
+  type TextProps,
+  type TextTone,
+  type TextVariant,
+} from './text.js';

package/types/sidebar.d.ts

@@ -11,6 +11,7 @@ export type SidebarProviderProps = WithoutChrome<ComponentProps<'div'>> & {
   onOpenChange?: (open: boolean) => void;
   forceIconAtTablet?: boolean;
   allowUserCollapse?: boolean;
+  expandOnHover?: boolean;
   presentation?: 'mockup' | 'preview';
 };
 

package/types/text.d.ts

@@ -7,7 +7,10 @@ export type TextVariant =
   | 'display'
   | 'displayCompact'
   | 'displayHero'
+  | 'heading'
   | 'helper'
+  | 'lede'
+  | 'metric'
   | 'micro'
   | 'microStrong'
   | 'overline'

package/dist/chunks/chunk-GKEYV2XW.js

@@ -1,10 +0,0 @@
-// ../ui/src/warmio/button.tsx
-import {
-  Button,
-  ButtonLink
-} from "@warmio/design/button";
-
-export {
-  Button,
-  ButtonLink
-};