@warmio/ui 1.4.0 → 2.0.0

package/types/sidebar.d.ts

@@ -11,6 +11,8 @@ export type SidebarProviderProps = WithoutChrome<ComponentProps<'div'>> & {
   onOpenChange?: (open: boolean) => void;
   forceIconAtTablet?: boolean;
   allowUserCollapse?: boolean;
+  allowDesktopCollapse?: boolean;
+  expandOnHover?: boolean;
   presentation?: 'mockup' | 'preview';
 };
 
@@ -50,7 +52,10 @@ export type SidebarGroupLabelProps = WithoutChrome<ComponentProps<'div'>> & {
   presentation?: 'mockup' | 'navigation';
 };
 
-export type SidebarMenuProps = WithoutChrome<ComponentProps<'ul'>>;
+export type SidebarMenuProps = WithoutChrome<ComponentProps<'ul'>> & {
+  spacing?: 'default' | 'roomy' | 'collapsed';
+  fluidHighlights?: boolean;
+};
 export type SidebarMenuItemProps = WithoutChrome<ComponentProps<'li'>>;
 
 export type SidebarMenuButtonProps = WithoutChrome<ComponentProps<'button'>> & {
@@ -61,7 +66,7 @@ export type SidebarMenuButtonProps = WithoutChrome<ComponentProps<'button'>> & {
   variant?: 'default' | 'outline' | null;
   size?: 'default' | null;
   collapsed?: boolean;
-  presentation?: 'account' | 'disabled' | 'navigation' | 'previewCollapsed';
+  presentation?: 'account' | 'disabled' | 'navigation' | 'previewCollapsed' | 'sidebarIcon';
 };
 
 export type SidebarMenuBadgeProps = WithoutChrome<ComponentProps<'div'>> & {
@@ -76,6 +81,9 @@ export type SidebarContextValue = {
   setOpenMobile: (open: boolean | ((open: boolean) => boolean)) => void;
   isMobile: boolean;
   toggleSidebar: () => void;
+  sidebarMotionEnabled: boolean;
+  expandOnHover: boolean;
+  forceIconAtTablet: boolean;
 };
 
 export declare function SidebarProvider(props: SidebarProviderProps): ReactNode;

package/types/text.d.ts

@@ -7,15 +7,17 @@ export type TextVariant =
   | 'display'
   | 'displayCompact'
   | 'displayHero'
+  | 'heading'
   | 'helper'
   | 'lede'
+  | 'metric'
   | 'micro'
   | 'microStrong'
   | 'overline'
   | 'sectionTitle';
 export type TextTone = 'default' | 'foreground' | 'muted' | 'primary' | 'success' | 'warning';
 export type TextAlign = 'center' | 'end' | 'start';
-export type TextProps = {
+type TextBaseProps = {
   align?: TextAlign;
   as?: 'div' | 'h1' | 'h2' | 'h3' | 'p' | 'small' | 'span';
   children?: ReactNode;
@@ -24,8 +26,14 @@ export type TextProps = {
   style?: never;
   tone?: TextTone;
   truncate?: boolean;
-  variant?: TextVariant;
 };
+export type TextProps =
+  | (TextBaseProps & { size?: 'default' | 'large' | 'display'; variant: 'body' })
+  | (TextBaseProps & { size?: 'default' | 'display'; variant: 'heading' })
+  | (TextBaseProps & {
+      size?: never;
+      variant?: Exclude<TextVariant, 'body' | 'heading'>;
+    });
 export type StackedDisplayProps = {
   align?: TextAlign;
   className?: never;

package/dist/chunks/chunk-4RQCHKAW.js

@@ -1,105 +0,0 @@
-import {
-  cn
-} from "./chunk-VIB7OX7D.js";
-
-// ../ui/src/warmio/text.tsx
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var textClassNameByVariant = {
-  display: "block text-3xl font-normal leading-snug tracking-normal [font-family:var(--font-display)]",
-  displayCompact: "block text-xl font-normal leading-snug tracking-normal [font-family:var(--font-display)] @3xl/main:text-2xl",
-  displayHero: "block text-3xl font-bold leading-tight tracking-normal text-foreground sm:text-4xl lg:text-5xl",
-  metricValue: "block text-2xl",
-  metricValueLead: "block text-3xl",
-  metricDisplay: "block text-5xl font-bold leading-none tracking-tight",
-  metricDisplayCompact: "block text-4xl font-bold leading-none tracking-tight",
-  overline: "block font-mono text-xs font-bold uppercase tracking-[0.18em]",
-  micro: "text-xs font-normal leading-snug",
-  microStrong: "text-xs font-bold leading-snug",
-  body: "text-sm",
-  lede: "text-[1.35rem] leading-snug",
-  caption: "text-xs",
-  helper: "text-xs",
-  sectionTitle: "text-base font-bold leading-normal"
-};
-var defaultTextElementByVariant = {
-  display: "span",
-  displayCompact: "span",
-  displayHero: "h1",
-  metricValue: "span",
-  metricValueLead: "span",
-  metricDisplay: "span",
-  metricDisplayCompact: "span",
-  overline: "span",
-  micro: "span",
-  microStrong: "span",
-  body: "p",
-  lede: "p",
-  caption: "span",
-  helper: "small",
-  sectionTitle: "h3"
-};
-var textClassNameByTone = {
-  default: "",
-  muted: "text-muted-foreground",
-  foreground: "text-foreground",
-  primary: "text-primary",
-  success: "text-success",
-  warning: "text-warning",
-  financeCash: "text-finance-cash",
-  financeDebt: "text-finance-debt",
-  financeInvestment: "text-finance-investment"
-};
-var textClassNameByAlign = {
-  start: "text-left",
-  center: "text-center",
-  end: "text-right"
-};
-function Text({
-  as,
-  variant = "caption",
-  tone = "default",
-  align,
-  numeric = false,
-  mono = false,
-  truncate = false,
-  animateNumber = false,
-  className: _className,
-  style: _style,
-  ...props
-}) {
-  const Component = as ?? defaultTextElementByVariant[variant];
-  return React.createElement(Component, {
-    ...props,
-    "data-animate-number": animateNumber || void 0,
-    className: cn(
-      textClassNameByVariant[variant],
-      variant === "sectionTitle" && Component === "h2" && "text-lg leading-snug",
-      textClassNameByTone[tone],
-      align && textClassNameByAlign[align],
-      numeric && "tabular-nums",
-      mono && "font-mono",
-      truncate && "truncate"
-    )
-  });
-}
-Text.displayName = "WarmText";
-function StackedDisplay({
-  align = "start",
-  firstLine,
-  presentation = "dashboard",
-  secondLine
-}) {
-  const firstLineClassName = presentation === "welcome" ? "block text-muted-foreground" : "block text-foreground";
-  const secondLineClassName = presentation === "welcome" ? "block text-foreground" : "block text-muted-foreground";
-  return /* @__PURE__ */ jsxs(Text, { as: "span", variant: "displayCompact", align, children: [
-    /* @__PURE__ */ jsx("span", { className: firstLineClassName, children: firstLine }),
-    /* @__PURE__ */ jsx("span", { className: secondLineClassName, children: secondLine })
-  ] });
-}
-StackedDisplay.displayName = "WarmStackedDisplay";
-
-export {
-  Text,
-  StackedDisplay
-};