@warmio/ui 1.2.0 → 1.3.0

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-IOUIACNV.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-CIYWFBEJ.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-IOUIACNV.js";
 import {
   Logo,
+  WarmBrandedLogoLink,
+  WarmBrandedLogoMark,
+  WarmBrandedLogoMarkStatic,
   WarmLogoIcon
-} from "./chunks/chunk-VNQVIATP.js";
+} from "./chunks/chunk-P3AJ2REZ.js";
 import {
   ProductHeader,
   ProductHeaderBreadcrumb
-} from "./chunks/chunk-4UZNCKKG.js";
+} from "./chunks/chunk-BG6USQSY.js";
 import {
   SheetClose,
   SheetContent,
@@ -38,7 +41,7 @@ import {
   SheetHeader,
   SheetTitle,
   SheetTrigger
-} from "./chunks/chunk-ZEDHNFX6.js";
+} from "./chunks/chunk-DHZWXYDX.js";
 import {
   Sidebar,
   SidebarAccountTrigger,
@@ -55,12 +58,12 @@ import {
   SidebarMenuButton,
   SidebarMenuItem,
   SidebarProvider,
+  SidebarTrigger,
   useSidebar
-} from "./chunks/chunk-UB25BRXT.js";
+} from "./chunks/chunk-LHHUTDZR.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-P3AJ2REZ.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-BG6USQSY.js";
 import "./chunks/chunk-VIB7OX7D.js";
 export {
   ProductHeader,

package/dist/sheet.js

@@ -6,11 +6,10 @@ import {
   SheetHeader,
   SheetTitle,
   SheetTrigger
-} from "./chunks/chunk-ZEDHNFX6.js";
+} from "./chunks/chunk-DHZWXYDX.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-LHHUTDZR.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-CIYWFBEJ.js";
 import "./chunks/chunk-VIB7OX7D.js";
 export {
   StackedDisplay,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@warmio/ui",
-  "version": "1.2.0",
+  "version": "1.3.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.5.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/logo.d.ts

@@ -1,25 +1,8 @@
-import type { ReactNode } from 'react';
-
-export type WarmLogoSize = 'badge' | 'default' | 'feature' | 'hero';
-export type WarmLogoTone = 'default' | 'foreground' | 'sidebar';
-
-type StrictLogoProps = {
-  className?: never;
-  style?: never;
-  textClass?: never;
-};
-
-export type WarmLogoIconProps = StrictLogoProps & {
-  size?: WarmLogoSize;
-  tone?: WarmLogoTone;
-  decorative?: boolean;
-};
-
-export type LogoProps = StrictLogoProps & {
-  size?: WarmLogoSize;
-  tone?: WarmLogoTone;
-  showText?: boolean;
-};
-
-export declare function WarmLogoIcon(props: WarmLogoIconProps): ReactNode;
-export declare function Logo(props: LogoProps): ReactNode;
+export {
+  Logo,
+  WarmLogoIcon,
+  type LogoProps,
+  type WarmLogoIconProps,
+  type WarmLogoSize,
+  type WarmLogoTone,
+} from '@warmio/design/logo';

package/types/sheet.d.ts

@@ -15,12 +15,9 @@ export type SheetContentProps = Omit<WithoutChrome<Dialog.Popup.Props>, 'overlay
   responsive?: 'always' | 'mobileOnly';
   width?: 'default' | 'full' | 'wide';
 };
-export type SheetFooterProps = WithoutChrome<ComponentProps<'div'>> & {
-  spacing?: 'default' | 'roomy';
-};
+export type SheetFooterProps = WithoutChrome<ComponentProps<'div'>>;
 export type SheetHeaderProps = WithoutChrome<ComponentProps<'div'>> & {
   presentation?: 'navigation';
-  spacing?: 'default' | 'roomy';
 };
 export type SheetTitleProps = WithoutChrome<Dialog.Title.Props> & {
   presentation?: 'navigation';

package/types/sidebar.d.ts

@@ -59,7 +59,7 @@ export type SidebarMenuButtonProps = WithoutChrome<ComponentProps<'button'>> & {
   tooltip?: string | ReactNode;
   render?: ReactElement;
   variant?: 'default' | 'outline' | null;
-  size?: 'default' | 'sm' | 'lg' | null;
+  size?: 'default' | null;
   collapsed?: boolean;
   presentation?: 'account' | 'disabled' | 'navigation' | 'previewCollapsed';
 };
@@ -92,6 +92,7 @@ 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 declare function SidebarTrigger(props: WithoutChrome<ComponentProps<'button'>>): ReactNode;
 
 export type SidebarBrandProps = {
   actions?: ReactNode;

package/types/text.d.ts

@@ -6,6 +6,7 @@ export type TextVariant =
   | 'caption'
   | 'display'
   | 'displayCompact'
+  | 'displayHero'
   | 'helper'
   | 'micro'
   | 'microStrong'
@@ -15,7 +16,7 @@ export type TextTone = 'default' | 'foreground' | 'muted' | 'primary' | 'success
 export type TextAlign = 'center' | 'end' | 'start';
 export type TextProps = {
   align?: TextAlign;
-  as?: 'div' | 'h2' | 'h3' | 'p' | 'small' | 'span';
+  as?: 'div' | 'h1' | 'h2' | 'h3' | 'p' | 'small' | 'span';
   children?: ReactNode;
   className?: never;
   numeric?: boolean;

package/dist/chunks/chunk-KCEDMF2I.js

@@ -1,124 +0,0 @@
-import {
-  Button,
-  buttonVariants
-} from "./chunk-T2TXMN3G.js";
-import {
-  cn
-} from "./chunk-VIB7OX7D.js";
-
-// ../ui/src/warmio/button.tsx
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var buttonPresentationSize = {
-  assistantIcon: "icon-xs",
-  assistantRoundIcon: "icon-round",
-  composerIcon: "icon-sm",
-  default: "default",
-  compact: "sm",
-  controlPeer: "default",
-  editPill: "sm",
-  hero: "lg",
-  menuOption: "option",
-  promptCategory: "default",
-  promptOption: "option",
-  sidebarIcon: "icon",
-  tableHeader: "default",
-  threadMore: "icon-xs",
-  threadNew: "sm",
-  touch: "default"
-};
-var buttonPresentationClasses = {
-  assistantIcon: "size-6 p-1 active:scale-90",
-  composerIcon: "size-7 p-1",
-  editPill: "rounded-full px-3",
-  hero: "h-12 rounded-xl bg-clip-border px-6 py-2 text-base font-bold",
-  promptCategory: "h-9 gap-1.5 rounded-full border border-border bg-background px-3.5 text-sm font-normal text-foreground shadow-xs transition-colors hover:bg-muted",
-  promptOption: "min-h-16 items-start justify-start gap-2 rounded-xl px-3 py-3 text-sm",
-  sidebarIcon: "bg-clip-border text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:bg-white/6 dark:hover:text-sidebar-foreground",
-  // Flush with WarmTableHead/Cell edge inset so labels align with row content.
-  tableHeader: "h-auto min-h-0 w-full justify-start gap-1 rounded-lg px-0 py-0 font-normal text-muted-foreground hover:bg-transparent hover:text-foreground data-[align=end]:justify-end",
-  touch: "min-h-11",
-  threadMore: "size-6 p-0",
-  threadNew: "h-8 justify-start gap-2 rounded-lg px-2.5 text-sm font-normal hover:bg-muted data-active:bg-muted"
-};
-var buttonVariantBase = {
-  apple: "outline",
-  default: "default",
-  destructive: "destructive",
-  ghost: "ghost",
-  outline: "outline"
-};
-var buttonVariantClasses = {
-  apple: "border-black bg-black text-white hover:bg-black/90 hover:text-white [&_.warm-loader-logo]:invert"
-};
-var buttonInputAlignmentClasses = {
-  default: "bg-clip-border py-1"
-};
-function resolveButton(presentation, size, variant) {
-  const resolvedSize = size ?? buttonPresentationSize[presentation];
-  const presentationClassName = !size && buttonPresentationClasses[presentation] ? buttonPresentationClasses[presentation] : buttonInputAlignmentClasses[resolvedSize];
-  return {
-    presentationClassName,
-    primitiveVariant: buttonVariantBase[variant],
-    resolvedSize,
-    variantClassName: buttonVariantClasses[variant]
-  };
-}
-var Button2 = React.forwardRef(function Button3({
-  className: _className,
-  presentation = "default",
-  size,
-  style: _style,
-  variant = "default",
-  width,
-  ...props
-}, ref) {
-  const { presentationClassName, primitiveVariant, resolvedSize, variantClassName } = resolveButton(
-    presentation,
-    size,
-    variant
-  );
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      ...props,
-      ref,
-      variant: primitiveVariant,
-      size: resolvedSize,
-      "data-variant": variant,
-      className: cn(presentationClassName, variantClassName, width === "full" && "w-full")
-    }
-  );
-});
-Button2.displayName = "WarmButton";
-var ButtonLink = React.forwardRef(function ButtonLink2({ children, presentation = "default", size, variant = "default", width, ...props }, ref) {
-  const { presentationClassName, primitiveVariant, resolvedSize, variantClassName } = resolveButton(
-    presentation,
-    size,
-    variant
-  );
-  return /* @__PURE__ */ jsx(
-    "a",
-    {
-      ...props,
-      ref,
-      "data-slot": "button",
-      "data-variant": variant,
-      "data-size": resolvedSize,
-      className: cn(
-        buttonVariants({ size: resolvedSize, variant: primitiveVariant }),
-        presentationClassName,
-        variantClassName,
-        "focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-2 focus-visible:outline-ring",
-        width === "full" && "w-full"
-      ),
-      children
-    }
-  );
-});
-ButtonLink.displayName = "WarmButtonLink";
-
-export {
-  Button2 as Button,
-  ButtonLink
-};