@warmio/ui 1.2.0 → 1.4.0

package/dist/chunks/{chunk-4UZNCKKG.js → chunk-PBWF6BDE.js}

@@ -20,12 +20,12 @@ function ProductHeaderBreadcrumb({
 }) {
   const titleSegments = getTitleSegments(pageTitle, productName);
   return /* @__PURE__ */ jsxs(Fragment2, { children: [
-    /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: productName }),
+    /* @__PURE__ */ jsx("span", { className: "text-sm text-foreground", children: productName }),
     titleSegments?.map((segment, index) => {
       const isLast = index === titleSegments.length - 1;
       return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 text-muted-foreground" }),
-        isLast ? /* @__PURE__ */ jsx("h1", { "aria-current": "page", children: segment }) : /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: segment })
+        /* @__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 })
       ] }, `${segment}-${index}`);
     })
   ] });
@@ -34,6 +34,7 @@ var ProductHeader = memo(function ProductHeader2({
   actions,
   actionsTargetRef,
   desktopShell = false,
+  hideBreadcrumb = false,
   leading,
   pageTitle,
   productName,
@@ -57,7 +58,13 @@ var ProductHeader = memo(function ProductHeader2({
             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",
             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 } : {}
+                }
+              ) })
             ]
           }
         ),

package/dist/chunks/chunk-YTDMREDR.js

@@ -0,0 +1,201 @@
+import {
+  cn
+} from "./chunk-VIB7OX7D.js";
+
+// ../ui/src/components/sheet.tsx
+import * as React2 from "react";
+import { Dialog as SheetPrimitive } from "@base-ui/react/dialog";
+
+// ../ui/src/lib/modal-backdrop.ts
+var MODAL_BACKDROP_CLASS_NAME = "bg-black/50 supports-backdrop-filter:backdrop-blur-[2px]";
+
+// ../ui/src/components/button.tsx
+import * as React from "react";
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+
+// ../ui/src/components/button.variants.ts
+import { cva } from "class-variance-authority";
+var buttonVariants = cva(
+  "group/button inline-flex box-border shrink-0 items-center justify-center rounded-full bg-clip-padding text-sm font-normal whitespace-nowrap transition-[color,background-color,box-shadow,border-color,transform] duration-200 ease-out outline-none select-none focus-visible:ring-3 focus-visible:ring-inset focus-visible:ring-ring/50 active:not-aria-[haspopup]:scale-[0.97] motion-reduce:transition-none motion-reduce:active:scale-100 disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 aria-invalid:ring-inset aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-[var(--button-primary-bg)] bg-[image:var(--button-primary-gradient)] text-[color:var(--button-primary-foreground)] shadow-[var(--button-primary-shadow)] hover:bg-[var(--button-primary-hover)] hover:bg-[image:var(--button-primary-gradient-hover)] active:bg-[var(--button-primary-active)]",
+        outline: "bg-background shadow-[var(--button-outline-shadow)] hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:bg-[var(--warm-surface-raised-dark,var(--input))] dark:[--button-outline-shadow:inset_0_1px_0_rgb(255_255_255_/_0.1)] dark:hover:bg-[var(--warm-surface-raised-hover-dark,var(--muted))]",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "underline-offset-4 decoration-current hover:underline"
+      },
+      size: {
+        default: "h-9 gap-2 rounded-full px-4 in-data-[slot=button-group]:rounded-full has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-2 rounded-full px-2 text-xs in-data-[slot=button-group]:rounded-full has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-8 gap-2 rounded-full px-2 in-data-[slot=button-group]:rounded-full has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        md: "h-9 gap-2 rounded-full px-4 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        lg: "h-11 gap-2 rounded-full px-4 text-base has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4",
+        xl: "h-12 gap-2 rounded-full px-4 text-base has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4",
+        jumbo: "h-14 gap-2 rounded-full px-4 text-lg font-bold has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4 [&_svg:not([class*='size-'])]:size-5",
+        option: "h-auto min-h-16 items-start justify-start gap-2 whitespace-normal rounded-full px-4 py-4 text-sm",
+        icon: "size-9",
+        "icon-round": "size-9 rounded-full",
+        "icon-xs": "size-6 rounded-full in-data-[slot=button-group]:rounded-full [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8 rounded-full in-data-[slot=button-group]:rounded-full",
+        "icon-lg": "size-10",
+        "icon-xl": "size-11 rounded-full",
+        "input-icon": "h-full w-10 rounded-l-none"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+
+// ../ui/src/components/button.tsx
+import { jsx } from "react/jsx-runtime";
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  render,
+  children,
+  ...props
+}) {
+  const resolvedRender = render ?? (asChild && React.isValidElement(children) ? children : void 0);
+  return /* @__PURE__ */ jsx(
+    ButtonPrimitive,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size }), className),
+      ...props,
+      render: resolvedRender,
+      children: resolvedRender ? void 0 : children
+    }
+  );
+}
+
+// ../ui/src/components/sheet.tsx
+import { XIcon } from "lucide-react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function Sheet(props) {
+  return /* @__PURE__ */ jsx2(SheetPrimitive.Root, { ...props });
+}
+function SheetTrigger({ asChild = false, children, render, ...props }) {
+  const resolvedRender = render ?? (asChild && React2.isValidElement(children) ? children : void 0);
+  return /* @__PURE__ */ jsx2(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", render: resolvedRender, ...props, children: resolvedRender ? void 0 : children });
+}
+function SheetClose({ asChild = false, children, render, ...props }) {
+  const resolvedRender = render ?? (asChild && React2.isValidElement(children) ? children : void 0);
+  return /* @__PURE__ */ jsx2(SheetPrimitive.Close, { "data-slot": "sheet-close", render: resolvedRender, ...props, children: resolvedRender ? void 0 : children });
+}
+function SheetPortal({ ...props }) {
+  return /* @__PURE__ */ jsx2(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsx2(
+    SheetPrimitive.Backdrop,
+    {
+      "data-slot": "sheet-overlay",
+      className: cn(
+        "fixed inset-0 z-[var(--z-overlay-backdrop)] duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        MODAL_BACKDROP_CLASS_NAME,
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  showCloseButton = true,
+  overlayClassName,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx2(SheetOverlay, { className: overlayClassName }),
+    /* @__PURE__ */ jsxs(
+      SheetPrimitive.Popup,
+      {
+        "data-slot": "sheet-content",
+        "data-side": side,
+        className: cn(
+          "fixed z-[calc(var(--z-overlay-backdrop)+1)] flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:max-h-[calc(100dvh-var(--safe-area-inset-top)-var(--safe-area-inset-bottom))] data-[side=bottom]:overflow-y-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:max-h-[calc(100dvh-var(--safe-area-inset-top)-var(--safe-area-inset-bottom))] data-[side=top]:overflow-y-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:animate-out data-closed:fade-out-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=top]:data-closed:slide-out-to-top-10 motion-reduce:animate-none motion-reduce:transition-none",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            SheetPrimitive.Close,
+            {
+              "data-slot": "sheet-close",
+              render: /* @__PURE__ */ jsx2(
+                Button,
+                {
+                  variant: "ghost",
+                  className: "absolute top-[max(1rem,var(--safe-area-inset-top))] right-[max(1rem,var(--safe-area-inset-right))]",
+                  size: "icon-sm"
+                }
+              ),
+              children: [
+                /* @__PURE__ */ jsx2(XIcon, {}),
+                /* @__PURE__ */ jsx2("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx2("div", { "data-slot": "sheet-header", className: cn("flex flex-col gap-2 p-4", className), ...props });
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx2(
+    SheetPrimitive.Title,
+    {
+      "data-slot": "sheet-title",
+      className: cn("font-heading font-bold text-foreground", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx2(
+    SheetPrimitive.Description,
+    {
+      "data-slot": "sheet-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+
+export {
+  Button,
+  Sheet,
+  SheetTrigger,
+  SheetClose,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription
+};

package/dist/dropdown-menu.js

@@ -11,7 +11,7 @@ import {
   DropdownMenuRadioItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger
-} from "./chunks/chunk-SK7IZUFC.js";
+} from "./chunks/chunk-KN6WVLCR.js";
 import "./chunks/chunk-VIB7OX7D.js";
 export {
   DropdownMenu,

package/dist/index.js

@@ -1,14 +1,14 @@
 import {
   StackedDisplay,
   Text
-} from "./chunks/chunk-D25QMXJR.js";
+} from "./chunks/chunk-4RQCHKAW.js";
 import {
   Badge
 } from "./chunks/chunk-ICC7GQXS.js";
 import {
   Button,
   ButtonLink
-} from "./chunks/chunk-KCEDMF2I.js";
+} from "./chunks/chunk-GKEYV2XW.js";
 import {
   DropdownMenu,
   DropdownMenuCheckboxItem,
@@ -21,15 +21,18 @@ import {
   DropdownMenuRadioItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger
-} from "./chunks/chunk-SK7IZUFC.js";
+} from "./chunks/chunk-KN6WVLCR.js";
 import {
   Logo,
+  WarmBrandedLogoLink,
+  WarmBrandedLogoMark,
+  WarmBrandedLogoMarkStatic,
   WarmLogoIcon
-} from "./chunks/chunk-VNQVIATP.js";
+} from "./chunks/chunk-HDCV4ACN.js";
 import {
   ProductHeader,
   ProductHeaderBreadcrumb
-} from "./chunks/chunk-4UZNCKKG.js";
+} from "./chunks/chunk-PBWF6BDE.js";
 import {
   SheetClose,
   SheetContent,
@@ -38,7 +41,7 @@ import {
   SheetHeader,
   SheetTitle,
   SheetTrigger
-} from "./chunks/chunk-ZEDHNFX6.js";
+} from "./chunks/chunk-MIMC4M6W.js";
 import {
   Sidebar,
   SidebarAccountTrigger,
@@ -55,12 +58,12 @@ import {
   SidebarMenuButton,
   SidebarMenuItem,
   SidebarProvider,
+  SidebarTrigger,
   useSidebar
-} from "./chunks/chunk-UB25BRXT.js";
+} from "./chunks/chunk-FW2EHGRK.js";
 import {
   Sheet
-} from "./chunks/chunk-OWDC2VC6.js";
-import "./chunks/chunk-T2TXMN3G.js";
+} from "./chunks/chunk-YTDMREDR.js";
 import "./chunks/chunk-VIB7OX7D.js";
 export {
   Badge,
@@ -103,8 +106,12 @@ export {
   SidebarMenuButton,
   SidebarMenuItem,
   SidebarProvider,
+  SidebarTrigger,
   StackedDisplay,
   Text,
+  WarmBrandedLogoLink,
+  WarmBrandedLogoMark,
+  WarmBrandedLogoMarkStatic,
   WarmLogoIcon,
   useSidebar
 };

package/dist/logo.js

@@ -1,9 +1,15 @@
 import {
   Logo,
+  WarmBrandedLogoLink,
+  WarmBrandedLogoMark,
+  WarmBrandedLogoMarkStatic,
   WarmLogoIcon
-} from "./chunks/chunk-VNQVIATP.js";
+} from "./chunks/chunk-HDCV4ACN.js";
 import "./chunks/chunk-VIB7OX7D.js";
 export {
   Logo,
+  WarmBrandedLogoLink,
+  WarmBrandedLogoMark,
+  WarmBrandedLogoMarkStatic,
   WarmLogoIcon
 };

package/dist/product-header.js

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

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

@@ -3,15 +3,16 @@ import type { ReactNode, Ref } from 'react';
 export type ProductHeaderVisibility = 'always' | 'container' | 'desktop';
 
 export interface ProductHeaderBreadcrumbProps {
-  pageTitle?: string;
-  productName?: string;
+  pageTitle?: string | undefined;
+  productName?: 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,11 +6,10 @@ import {
   SheetHeader,
   SheetTitle,
   SheetTrigger
-} from "./chunks/chunk-ZEDHNFX6.js";
+} from "./chunks/chunk-MIMC4M6W.js";
 import {
   Sheet
-} from "./chunks/chunk-OWDC2VC6.js";
-import "./chunks/chunk-T2TXMN3G.js";
+} from "./chunks/chunk-YTDMREDR.js";
 import "./chunks/chunk-VIB7OX7D.js";
 export {
   Sheet,

package/dist/sidebar.js

@@ -14,10 +14,10 @@ import {
   SidebarMenuButton,
   SidebarMenuItem,
   SidebarProvider,
+  SidebarTrigger,
   useSidebar
-} from "./chunks/chunk-UB25BRXT.js";
-import "./chunks/chunk-OWDC2VC6.js";
-import "./chunks/chunk-T2TXMN3G.js";
+} from "./chunks/chunk-FW2EHGRK.js";
+import "./chunks/chunk-YTDMREDR.js";
 import "./chunks/chunk-VIB7OX7D.js";
 export {
   Sidebar,
@@ -35,5 +35,6 @@ export {
   SidebarMenuButton,
   SidebarMenuItem,
   SidebarProvider,
+  SidebarTrigger,
   useSidebar
 };

package/dist/text.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@warmio/ui",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "Portable, sealed React components for Warm products.",
   "license": "MIT",
   "type": "module",
@@ -68,7 +68,7 @@
   },
   "peerDependencies": {
     "@base-ui/react": ">=1.6.0 <2.0.0",
-    "@warmio/design": "1.0.0",
+    "@warmio/design": "1.6.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cuelume": "0.1.0",

package/types/badge.d.ts

@@ -1,3 +1,4 @@
+/* oxlint-disable anti-slop/no-shape-in-symbol-names -- Badge shape is part of the aligned public declaration contract. */
 import type { AriaAttributes, ReactNode } from 'react';
 
 export type FeedbackTone = 'default' | 'info' | 'success' | 'warning' | 'destructive';

package/types/button.d.ts

@@ -1,48 +1,9 @@
-// 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;
+export {
+  Button,
+  ButtonLink,
+  type ButtonLinkProps,
+  type ButtonPresentation,
+  type ButtonProps,
+  type ButtonSize,
+  type ButtonVariant,
+} from '@warmio/design/button';

package/types/dropdown-menu.d.ts

@@ -1,6 +1,6 @@
 // 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';
+import type { ReactNode } from 'react';
 
 type WithoutChrome<T> = Omit<T, 'className' | 'style'> & {
   className?: never;
@@ -8,7 +8,7 @@ type WithoutChrome<T> = Omit<T, 'className' | 'style'> & {
 };
 type WithoutStyling<T> = Omit<T, 'asChild' | 'className' | 'render' | 'style'>;
 
-export type DropdownMenuSide = 'top' | 'right' | 'bottom' | 'left';
+export type DropdownMenuSide = 'top' | 'right' | 'bottom' | 'left' | 'inline-start' | 'inline-end';
 export type DropdownMenuAlign = 'start' | 'center' | 'end';
 export type DropdownMenuContentSize = 'default' | 'auto' | 'sidebar';
 export type DropdownMenuContentSpacing = 'default' | 'roomy';

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';