@warmio/ui 1.0.0 → 1.1.0

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-PBTUB66J.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.1.0",
+  "description": "Portable, sealed React components for Warm products.",
   "license": "MIT",
   "type": "module",
   "sideEffects": false,
@@ -30,6 +30,16 @@
       "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",
@@ -39,6 +49,16 @@
       "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 +66,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,7 @@
 export * from './badge.js';
+export * from './button.js';
+export * from './dropdown-menu.js';
 export * from './logo.js';
+export * from './sheet.js';
 export * from './sidebar.js';
+export * from './text.js';

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;