@warmio/ui 1.3.0 → 1.4.0

package/dist/chunks/{chunk-IOUIACNV.js → chunk-KN6WVLCR.js}

@@ -6,76 +6,6 @@ import {
 import * as React from "react";
 import { Menu as MenuPrimitive } from "@base-ui/react/menu";
 import { CheckIcon } from "lucide-react";
-
-// ../ui/src/lib/interaction-feedback.ts
-import { play, setEnabled } from "cuelume";
-
-// ../ui/src/lib/haptic.ts
-var supportsHaptic = globalThis.window?.matchMedia?.("(pointer: coarse)").matches ?? false;
-function getWarmCapacitor(win) {
-  return win?.Capacitor;
-}
-function isIosCapacitorApp(win = globalThis.window) {
-  const capacitor = getWarmCapacitor(win);
-  return capacitor?.getPlatform?.() === "ios" && capacitor?.isNativePlatform?.() === true;
-}
-function hasVibrate(nav) {
-  return "vibrate" in nav && typeof nav.vibrate === "function";
-}
-function triggerIosCapacitorHaptic() {
-  const haptics = getWarmCapacitor(globalThis.window)?.Plugins?.Haptics;
-  void haptics?.impact?.({ style: "LIGHT" }).catch(() => {
-  });
-}
-function haptic(pattern = 50) {
-  try {
-    if (isIosCapacitorApp()) {
-      triggerIosCapacitorHaptic();
-      return;
-    }
-    if (!supportsHaptic) return;
-    if (hasVibrate(navigator)) {
-      navigator.vibrate(pattern);
-      return;
-    }
-    const label = document.createElement("label");
-    label.ariaHidden = "true";
-    label.style.display = "none";
-    const input = document.createElement("input");
-    input.type = "checkbox";
-    input.setAttribute("switch", "");
-    label.appendChild(input);
-    try {
-      document.head.appendChild(label);
-      label.click();
-    } finally {
-      document.head.removeChild(label);
-    }
-  } catch {
-  }
-}
-
-// ../ui/src/lib/interaction-feedback.ts
-var soundByIntent = {
-  press: "press",
-  selection: "tick",
-  toggle: "toggle"
-};
-var soundsEnabled = false;
-setEnabled(false);
-function triggerInteractionFeedback(intent, options = {}) {
-  if (options.haptic) {
-    haptic();
-  }
-  if (!soundsEnabled) return;
-  if (globalThis.document?.hidden) return;
-  try {
-    play(soundByIntent[intent]);
-  } catch {
-  }
-}
-
-// ../ui/src/warmio/dropdown-menu.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 function DropdownMenu(props) {
   return /* @__PURE__ */ jsx(MenuPrimitive.Root, { ...props });
@@ -132,7 +62,7 @@ function DropdownMenuContent({
             dropdownMenuContentSizeClasses[size],
             dropdownMenuContentSpacingClasses[spacing],
             "data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-            "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95 motion-reduce:animate-none"
+            "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-90 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95 motion-reduce:animate-none"
           ),
           ...props,
           children
@@ -203,7 +133,6 @@ function DropdownMenuCheckboxItem({
   ...props
 }) {
   const handleCheckedChange = (nextChecked, eventDetails) => {
-    triggerInteractionFeedback("toggle");
     onCheckedChange?.(nextChecked, eventDetails);
   };
   return /* @__PURE__ */ jsxs(
@@ -237,7 +166,6 @@ function DropdownMenuRadioGroup({
   ...props
 }) {
   const handleValueChange = (value, eventDetails) => {
-    triggerInteractionFeedback("selection");
     onValueChange?.(value, eventDetails);
   };
   return /* @__PURE__ */ jsx(

package/dist/chunks/{chunk-DHZWXYDX.js → chunk-MIMC4M6W.js}

@@ -37,7 +37,7 @@ function SheetContent2({
     {
       ...props,
       className: contentClassName,
-      overlayClassName: presentation === "navigation" ? "duration-200 ease-in-out" : void 0
+      ...presentation === "navigation" ? { overlayClassName: "duration-200 ease-in-out" } : {}
     }
   );
 }

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

@@ -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/dropdown-menu.js

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

package/dist/index.js

@@ -1,7 +1,7 @@
 import {
   StackedDisplay,
   Text
-} from "./chunks/chunk-CIYWFBEJ.js";
+} from "./chunks/chunk-4RQCHKAW.js";
 import {
   Badge
 } from "./chunks/chunk-ICC7GQXS.js";
@@ -21,18 +21,18 @@ import {
   DropdownMenuRadioItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger
-} from "./chunks/chunk-IOUIACNV.js";
+} from "./chunks/chunk-KN6WVLCR.js";
 import {
   Logo,
   WarmBrandedLogoLink,
   WarmBrandedLogoMark,
   WarmBrandedLogoMarkStatic,
   WarmLogoIcon
-} from "./chunks/chunk-P3AJ2REZ.js";
+} from "./chunks/chunk-HDCV4ACN.js";
 import {
   ProductHeader,
   ProductHeaderBreadcrumb
-} from "./chunks/chunk-BG6USQSY.js";
+} from "./chunks/chunk-PBWF6BDE.js";
 import {
   SheetClose,
   SheetContent,
@@ -41,7 +41,7 @@ import {
   SheetHeader,
   SheetTitle,
   SheetTrigger
-} from "./chunks/chunk-DHZWXYDX.js";
+} from "./chunks/chunk-MIMC4M6W.js";
 import {
   Sidebar,
   SidebarAccountTrigger,
@@ -60,7 +60,7 @@ import {
   SidebarProvider,
   SidebarTrigger,
   useSidebar
-} from "./chunks/chunk-LHHUTDZR.js";
+} from "./chunks/chunk-FW2EHGRK.js";
 import {
   Sheet
 } from "./chunks/chunk-YTDMREDR.js";

package/dist/logo.js

@@ -4,7 +4,7 @@ import {
   WarmBrandedLogoMark,
   WarmBrandedLogoMarkStatic,
   WarmLogoIcon
-} from "./chunks/chunk-P3AJ2REZ.js";
+} from "./chunks/chunk-HDCV4ACN.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-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,7 +6,7 @@ import {
   SheetHeader,
   SheetTitle,
   SheetTrigger
-} from "./chunks/chunk-DHZWXYDX.js";
+} from "./chunks/chunk-MIMC4M6W.js";
 import {
   Sheet
 } from "./chunks/chunk-YTDMREDR.js";

package/dist/sidebar.js

@@ -16,7 +16,7 @@ import {
   SidebarProvider,
   SidebarTrigger,
   useSidebar
-} from "./chunks/chunk-LHHUTDZR.js";
+} from "./chunks/chunk-FW2EHGRK.js";
 import "./chunks/chunk-YTDMREDR.js";
 import "./chunks/chunk-VIB7OX7D.js";
 export {

package/dist/text.js

@@ -1,7 +1,7 @@
 import {
   StackedDisplay,
   Text
-} from "./chunks/chunk-CIYWFBEJ.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.3.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.5.0",
+    "@warmio/design": "1.6.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cuelume": "0.1.0",

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/text.d.ts

@@ -8,6 +8,7 @@ export type TextVariant =
   | 'displayCompact'
   | 'displayHero'
   | 'helper'
+  | 'lede'
   | 'micro'
   | 'microStrong'
   | 'overline'