@warmio/ui 1.2.0 → 1.4.0

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,7 +6,9 @@ export type TextVariant =
   | 'caption'
   | 'display'
   | 'displayCompact'
+  | 'displayHero'
   | 'helper'
+  | 'lede'
   | 'micro'
   | 'microStrong'
   | 'overline'
@@ -15,7 +17,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
-};

package/dist/chunks/chunk-OWDC2VC6.js

@@ -1,135 +0,0 @@
-import {
-  Button
-} from "./chunk-T2TXMN3G.js";
-import {
-  cn
-} from "./chunk-VIB7OX7D.js";
-
-// ../ui/src/components/sheet.tsx
-import * as React from "react";
-import { Dialog as SheetPrimitive } from "@base-ui/react/dialog";
-import { XIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Sheet(props) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Root, { ...props });
-}
-function SheetTrigger({ asChild = false, children, render, ...props }) {
-  const resolvedRender = render ?? (asChild && React.isValidElement(children) ? children : void 0);
-  return /* @__PURE__ */ jsx(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 && React.isValidElement(children) ? children : void 0);
-  return /* @__PURE__ */ jsx(SheetPrimitive.Close, { "data-slot": "sheet-close", render: resolvedRender, ...props, children: resolvedRender ? void 0 : children });
-}
-function SheetPortal({ ...props }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
-}
-function SheetOverlay({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    SheetPrimitive.Backdrop,
-    {
-      "data-slot": "sheet-overlay",
-      className: cn(
-        "fixed inset-0 z-[var(--z-overlay-backdrop)] bg-black/20 duration-100 supports-backdrop-filter:backdrop-blur data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function SheetContent({
-  className,
-  children,
-  side = "right",
-  showCloseButton = true,
-  overlayClassName,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
-    /* @__PURE__ */ jsx(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=bottom]:pb-[var(--safe-area-inset-bottom)] 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=left]:pt-[var(--safe-area-inset-top)] data-[side=left]:pb-[var(--safe-area-inset-bottom)] data-[side=left]:pl-[var(--safe-area-inset-left)] 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=right]:pt-[var(--safe-area-inset-top)] data-[side=right]:pr-[var(--safe-area-inset-right)] data-[side=right]:pb-[var(--safe-area-inset-bottom)] 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=top]:pt-[var(--safe-area-inset-top)] 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__ */ jsx(
-                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__ */ jsx(XIcon, {}),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sheet-header",
-      className: cn("flex flex-col gap-1.5 p-4", className),
-      ...props
-    }
-  );
-}
-function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sheet-footer",
-      className: cn("mt-auto flex flex-col gap-2 p-4", className),
-      ...props
-    }
-  );
-}
-function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    SheetPrimitive.Title,
-    {
-      "data-slot": "sheet-title",
-      className: cn("font-heading font-bold text-foreground", className),
-      ...props
-    }
-  );
-}
-function SheetDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    SheetPrimitive.Description,
-    {
-      "data-slot": "sheet-description",
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-
-export {
-  Sheet,
-  SheetTrigger,
-  SheetClose,
-  SheetContent,
-  SheetHeader,
-  SheetFooter,
-  SheetTitle,
-  SheetDescription
-};

package/dist/chunks/chunk-T2TXMN3G.js

@@ -1,74 +0,0 @@
-import {
-  cn
-} from "./chunk-VIB7OX7D.js";
-
-// ../ui/src/components/button.variants.ts
-import { cva } from "class-variance-authority";
-var buttonVariants = cva(
-  "group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-inset focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-inset aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-  {
-    variants: {
-      variant: {
-        default: "border-[color:var(--button-primary-border)] 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)] active:bg-[var(--button-primary-active)]",
-        outline: "border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-        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-lg px-3 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5",
-        xs: "h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
-        md: "h-9 gap-2 rounded-lg px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5",
-        lg: "h-11 gap-2 rounded-xl px-5 text-base has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4",
-        xl: "h-12 gap-2 rounded-xl px-6 text-base has-data-[icon=inline-end]:pr-5 has-data-[icon=inline-start]:pl-5",
-        option: "h-auto min-h-16 items-start justify-start gap-2 whitespace-normal rounded-xl px-3 py-3 text-sm",
-        icon: "size-9",
-        "icon-round": "size-9 rounded-full",
-        "icon-xs": "size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md",
-        "icon-lg": "size-10",
-        "icon-xl": "size-11 rounded-lg",
-        "input-icon": "h-full w-10 rounded-l-none"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-
-// ../ui/src/components/button.tsx
-import * as React from "react";
-import { Button as ButtonPrimitive } from "@base-ui/react/button";
-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
-    }
-  );
-}
-
-export {
-  buttonVariants,
-  Button
-};

package/dist/chunks/chunk-VNQVIATP.js

@@ -1,91 +0,0 @@
-import {
-  cn
-} from "./chunk-VIB7OX7D.js";
-
-// ../ui/src/components/logo.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var WarmLogoIcon = ({
-  className = "h-5 w-5",
-  width = 20,
-  height = 16,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width,
-      height,
-      viewBox: "0 0 600 469",
-      className,
-      "aria-label": "Warm logo",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M 33.500 40.660 C 20.206 42.744, 0 48.560, -0 50.302 C -0 51.759, 123.955 348.889, 127.738 356.500 C 142.182 385.561, 169.450 410.275, 198.946 421.040 C 218.922 428.330, 243.683 430.825, 264.526 427.648 C 277.151 425.724, 294.628 420.011, 294.194 417.952 C 293.790 416.040, 172.732 124.599, 168.522 115.405 C 161.779 100.679, 149.168 84.171, 135.093 71.646 C 119.358 57.644, 98.880 47.362, 77 42.478 C 69.645 40.836, 40.220 39.606, 33.500 40.660",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M 229.651 41.597 C 217.916 43.718, 202.443 49.144, 202.744 51.035 C 203.418 55.268, 329.689 356.584, 333.687 363.500 C 340.525 375.327, 345.293 381.483, 355.408 391.538 C 374.603 410.619, 398.878 423.014, 425.907 427.533 C 439.649 429.831, 463.594 429.132, 476 426.072 C 489.892 422.645, 497.188 419.815, 496.703 418.043 C 495.416 413.331, 371.058 116.094, 367.406 109 C 349.467 74.149, 313.008 47.875, 273.752 41.509 C 262.281 39.648, 240.195 39.693, 229.651 41.597",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M 463 40.593 C 451.670 42.545, 447.288 43.569, 439 46.203 C 433.775 47.864, 429.338 49.372, 429.140 49.555 C 428.942 49.737, 434.670 64.021, 441.868 81.297 C 455.574 114.190, 462.215 131.660, 468.447 151.208 C 475.360 172.892, 486.124 186.213, 503.834 194.997 C 530.956 208.450, 564.982 201.679, 583.654 179.112 C 604.399 154.041, 605.407 121.944, 586.291 95.155 C 567.827 69.280, 539.107 50.114, 508 42.907 C 500.680 41.212, 494.713 40.644, 482 40.434 C 472.925 40.284, 464.375 40.356, 463 40.593",
-            fill: "currentColor"
-          }
-        )
-      ]
-    }
-  );
-};
-
-// ../ui/src/warmio/logo.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var iconSizeClasses = {
-  badge: "size-3",
-  default: "size-7",
-  feature: "size-8",
-  hero: "size-14"
-};
-var toneClasses = {
-  default: "",
-  foreground: "text-foreground",
-  sidebar: "text-sidebar-foreground"
-};
-function WarmLogoIcon2({
-  size = "default",
-  tone = "default",
-  decorative = false
-}) {
-  return /* @__PURE__ */ jsx2(
-    WarmLogoIcon,
-    {
-      className: cn(iconSizeClasses[size], toneClasses[tone]),
-      "aria-hidden": decorative ? true : void 0,
-      "aria-label": decorative ? void 0 : "Warm logo"
-    }
-  );
-}
-var Logo = ({
-  size = "default",
-  tone = "default",
-  showText = true
-}) => {
-  return /* @__PURE__ */ jsxs2("div", { className: "inline-flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx2(WarmLogoIcon2, { size, tone, decorative: showText }),
-    showText ? /* @__PURE__ */ jsx2("span", { className: cn("text-sm font-bold tracking-wide", toneClasses[tone]), children: "Warm" }) : null
-  ] });
-};
-
-export {
-  WarmLogoIcon2 as WarmLogoIcon,
-  Logo
-};