@warmio/ui 1.5.2 → 2.0.0

package/dist/chunks/chunk-3AVFUXCV.js

@@ -1,76 +0,0 @@
-import {
-  cn
-} from "./chunk-VIB7OX7D.js";
-
-// ../ui/src/warmio/badge.tsx
-import { jsx } from "react/jsx-runtime";
-var badgeToneClassNameByTone = {
-  default: "border-border bg-muted text-foreground",
-  info: "border-info-border bg-info-bg-subtle text-info-text",
-  success: "border-success-border bg-success/10 text-success",
-  warning: "border-warning-border bg-warning/10 text-warning",
-  destructive: "border-destructive/20 bg-destructive/10 text-destructive"
-};
-var solidBadgeToneClassNameByTone = {
-  default: "border-foreground bg-foreground text-background",
-  info: "border-info bg-info text-background",
-  success: "border-success bg-success text-background",
-  warning: "border-warning bg-warning text-background",
-  destructive: "border-destructive bg-destructive text-destructive-foreground"
-};
-var badgeSizeClassNameBySize = {
-  sm: "h-5 px-2 py-0",
-  default: "h-6 px-2 py-0"
-};
-var badgeCircleClassNameBySize = {
-  sm: "size-5 px-0 py-0",
-  default: "size-6 px-0 py-0"
-};
-function Badge({
-  tone,
-  size = "default",
-  shape = "pill",
-  surface = "default",
-  placement = "inline",
-  emphasis = "subtle",
-  width = "auto",
-  truncate = false,
-  numeric = false,
-  children,
-  id,
-  "aria-label": ariaLabel
-}) {
-  const resolvedTone = tone ?? "default";
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "badge",
-      "data-tone": resolvedTone,
-      "data-shape": shape,
-      "data-surface": surface,
-      "data-placement": placement,
-      "data-size": size,
-      id,
-      "aria-label": ariaLabel,
-      className: cn(
-        "inline-flex w-fit max-w-full items-center justify-center gap-2 overflow-hidden rounded-full border whitespace-nowrap transition-colors",
-        emphasis === "solid" ? solidBadgeToneClassNameByTone[resolvedTone] : badgeToneClassNameByTone[resolvedTone],
-        badgeSizeClassNameBySize[size],
-        shape === "circle" && badgeCircleClassNameBySize[size],
-        surface === "floating" && "border-background ring-2 ring-background",
-        placement === "inline" && "align-middle",
-        placement === "top-end" && "pointer-events-none absolute -right-2 -top-2 z-10",
-        width === "metric" && "w-12",
-        width === "compact" && "min-w-6",
-        truncate ? "min-w-0 shrink truncate" : "shrink-0",
-        numeric && "tabular-nums",
-        "[&>svg]:shrink-0 [&>svg:not([class*=size-])]:size-3"
-      ),
-      children: truncate ? /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children }) : children
-    }
-  );
-}
-
-export {
-  Badge
-};

package/dist/chunks/chunk-6V6K5G72.js

@@ -1,80 +0,0 @@
-import {
-  SheetClose,
-  SheetContent,
-  SheetDescription,
-  SheetFooter,
-  SheetHeader,
-  SheetTitle,
-  SheetTrigger
-} from "./chunk-A2NLFM6R.js";
-
-// ../ui/src/warmio/sheet.tsx
-import { jsx } from "react/jsx-runtime";
-function SheetTrigger2({
-  className: _className,
-  style: _style,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(SheetTrigger, { ...props });
-}
-function SheetClose2({ className: _className, style: _style, ...props }) {
-  return /* @__PURE__ */ jsx(SheetClose, { ...props });
-}
-function SheetContent2({
-  className: _className,
-  overlayClassName: _overlayClassName,
-  presentation,
-  responsive = "always",
-  style: _style,
-  width = "default",
-  ...props
-}) {
-  const navigationClassName = presentation === "navigation" ? `max-lg:w-auto lg:w-[var(--sidebar-width-mobile)] gap-0 overflow-hidden border-border bg-sidebar p-0 text-foreground${responsive === "mobileOnly" ? " md:hidden" : ""}` : void 0;
-  const widthClassName = width === "full" ? "w-full data-[side=left]:sm:max-w-none data-[side=right]:sm:max-w-none data-[side=responsive]:lg:max-w-none" : width === "wide" ? "w-full data-[side=left]:sm:max-w-lg data-[side=right]:sm:max-w-lg data-[side=responsive]:lg:max-w-lg" : void 0;
-  const contentClassName = presentation === "scroll" ? widthClassName : navigationClassName ?? widthClassName;
-  return /* @__PURE__ */ jsx(SheetContent, { ...props, className: contentClassName });
-}
-function SheetFooter2({ className: _className, style: _style, ...props }) {
-  return /* @__PURE__ */ jsx(SheetFooter, { ...props });
-}
-function SheetHeader2({
-  className: _className,
-  presentation,
-  style: _style,
-  ...props
-}) {
-  const className = presentation === "navigation" ? "border-b border-border bg-background p-0" : void 0;
-  return /* @__PURE__ */ jsx(SheetHeader, { ...props, className });
-}
-function SheetTitle2({
-  className: _className,
-  presentation,
-  style: _style,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    SheetTitle,
-    {
-      ...props,
-      "data-presentation": presentation,
-      className: presentation === "navigation" ? "min-w-0 truncate text-left text-foreground" : void 0
-    }
-  );
-}
-function SheetDescription2({
-  className: _className,
-  style: _style,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(SheetDescription, { ...props });
-}
-
-export {
-  SheetTrigger2 as SheetTrigger,
-  SheetClose2 as SheetClose,
-  SheetContent2 as SheetContent,
-  SheetFooter2 as SheetFooter,
-  SheetHeader2 as SheetHeader,
-  SheetTitle2 as SheetTitle,
-  SheetDescription2 as SheetDescription
-};

package/dist/chunks/chunk-A2NLFM6R.js

@@ -1,227 +0,0 @@
-import {
-  FluidOverlay
-} from "./chunk-JXSJTIX7.js";
-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: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: "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-sm has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4",
-        xl: "h-12 gap-2 rounded-full px-4 text-sm has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4",
-        jumbo: "h-14 gap-2 rounded-full px-4 text-sm font-medium 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";
-var SheetCloseSlotContext = React2.createContext(null);
-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)]",
-        MODAL_BACKDROP_CLASS_NAME,
-        className
-      ),
-      ...props,
-      render: (props2, state) => /* @__PURE__ */ jsx2(FluidOverlay, { props: props2, state, motion: "backdrop", tier: "moderate" })
-    }
-  );
-}
-function SheetContent({
-  className,
-  children,
-  side = "responsive",
-  showCloseButton = true,
-  overlayClassName,
-  render,
-  ...props
-}) {
-  const closeButton = showCloseButton ? /* @__PURE__ */ jsxs(
-    SheetPrimitive.Close,
-    {
-      "data-slot": "sheet-close",
-      render: /* @__PURE__ */ jsx2(Button, { variant: "ghost", className: "border border-border", size: "icon-sm" }),
-      children: [
-        /* @__PURE__ */ jsx2(XIcon, {}),
-        /* @__PURE__ */ jsx2("span", { className: "sr-only", children: "Close" })
-      ]
-    }
-  ) : null;
-  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
-    /* @__PURE__ */ jsx2(SheetOverlay, { className: overlayClassName }),
-    /* @__PURE__ */ jsx2(
-      SheetPrimitive.Popup,
-      {
-        "data-slot": "sheet-content",
-        "data-side": side,
-        className: cn(
-          "fixed z-[calc(var(--z-overlay-backdrop)+1)] flex min-h-0 flex-col gap-0 rounded-xl border border-border bg-popover bg-clip-padding text-popover-foreground shadow-lg data-[side=left]:w-3/4 data-[side=right]:w-3/4 data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm data-[side=responsive]:lg:w-3/4 data-[side=responsive]:lg:max-w-sm",
-          className
-        ),
-        ...props,
-        render: (props2, state) => /* @__PURE__ */ jsx2(
-          FluidOverlay,
-          {
-            props: props2,
-            state,
-            render,
-            motion: "sheet",
-            side,
-            tier: "moderate"
-          }
-        ),
-        children: /* @__PURE__ */ jsx2(SheetCloseSlotContext.Provider, { value: closeButton, children })
-      }
-    )
-  ] });
-}
-function SheetHeader({ className, children, ...props }) {
-  const closeButton = React2.useContext(SheetCloseSlotContext);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "sheet-header",
-      className: cn(
-        "grid grid-cols-[minmax(0,1fr)_auto] items-start gap-x-4 gap-y-2 p-4",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        closeButton
-      ]
-    }
-  );
-}
-function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(
-    "div",
-    {
-      "data-slot": "sheet-footer",
-      className: cn(
-        "mt-auto flex w-full flex-row flex-wrap items-center justify-end gap-2 border-t border-border p-4 [&>:first-child]:me-auto [&>:only-child]:me-0",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(
-    SheetPrimitive.Title,
-    {
-      "data-slot": "sheet-title",
-      className: cn("text-foreground", className),
-      ...props
-    }
-  );
-}
-function SheetDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(
-    SheetPrimitive.Description,
-    {
-      "data-slot": "sheet-description",
-      className: cn("text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-
-export {
-  Button,
-  Sheet,
-  SheetTrigger,
-  SheetClose,
-  SheetContent,
-  SheetHeader,
-  SheetFooter,
-  SheetTitle,
-  SheetDescription
-};

package/dist/chunks/chunk-IK5RHPN3.js

@@ -1,93 +0,0 @@
-import {
-  cn
-} from "./chunk-VIB7OX7D.js";
-
-// ../ui/src/warmio/product-header.tsx
-import { Fragment, memo } from "react";
-import { ChevronRight } from "lucide-react";
-import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
-function getTitleSegments(pageTitle, productName) {
-  return pageTitle?.split(">").reduce((segments, rawSegment) => {
-    const segment = rawSegment.trim();
-    if (!segment || segments.length === 0 && segment === productName) return segments;
-    segments.push(segment);
-    return segments;
-  }, []);
-}
-function ProductHeaderBreadcrumb({
-  pageTitle,
-  productName = "Warm",
-  homeHref
-}) {
-  const titleSegments = getTitleSegments(pageTitle, productName);
-  const productNameNode = homeHref ? /* @__PURE__ */ jsx("a", { "data-slot": "product-header-title", href: homeHref, className: "text-foreground", children: productName }) : /* @__PURE__ */ jsx("span", { "data-slot": "product-header-title", className: "text-foreground", children: productName });
-  return /* @__PURE__ */ jsxs(Fragment2, { children: [
-    productNameNode,
-    titleSegments?.map((segment, index) => {
-      const isLast = index === titleSegments.length - 1;
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 text-foreground" }),
-        isLast ? /* @__PURE__ */ jsx("h1", { "data-slot": "product-header-title", "aria-current": "page", children: segment }) : /* @__PURE__ */ jsx("span", { "data-slot": "product-header-title", className: "text-foreground", children: segment })
-      ] }, `${segment}-${index}`);
-    })
-  ] });
-}
-var ProductHeader = memo(function ProductHeader2({
-  actions,
-  actionsTargetRef,
-  desktopShell = false,
-  hideBreadcrumb = false,
-  homeHref,
-  leading,
-  pageTitle,
-  productName,
-  titleTargetRef,
-  visibility = "desktop"
-}) {
-  return /* @__PURE__ */ jsxs(
-    "header",
-    {
-      "data-slot": "product-header",
-      className: cn(
-        "sticky top-0 z-20 relative flex h-[var(--header-height)] shrink-0 flex-nowrap items-center overflow-visible",
-        visibility === "always" ? "flex" : visibility === "container" ? "hidden @3xl/main:flex" : "hidden md:flex",
-        desktopShell && "select-none supports-[backdrop-filter]:backdrop-blur"
-      ),
-      "data-tauri-drag-region": desktopShell ? "deep" : void 0,
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            ref: titleTargetRef,
-            className: "flex shrink-0 items-center gap-2 whitespace-nowrap px-4 [&:has(>[data-page-chrome-content])>[data-page-chrome-fallback]]:hidden",
-            children: [
-              leading,
-              hideBreadcrumb ? null : /* @__PURE__ */ jsx("div", { "data-page-chrome-fallback": true, className: "contents", children: /* @__PURE__ */ jsx(
-                ProductHeaderBreadcrumb,
-                {
-                  ...pageTitle !== void 0 ? { pageTitle } : {},
-                  ...productName !== void 0 ? { productName } : {},
-                  ...homeHref !== void 0 ? { homeHref } : {}
-                }
-              ) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref: actionsTargetRef,
-            className: "ml-auto flex min-w-0 shrink items-center gap-2 overflow-visible px-4 [&:has(>[data-page-chrome-content])>[data-page-chrome-fallback]]:hidden",
-            children: actions ? /* @__PURE__ */ jsx("div", { "data-page-chrome-fallback": true, className: "contents", children: actions }) : null
-          }
-        )
-      ]
-    }
-  );
-});
-ProductHeader.displayName = "ProductHeader";
-
-export {
-  ProductHeaderBreadcrumb,
-  ProductHeader
-};

package/dist/chunks/chunk-OU7YQUU2.js

@@ -1,84 +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 = {
-  heading: "",
-  metric: "",
-  body: "",
-  caption: ""
-};
-var defaultTextElementByVariant = {
-  heading: "h3",
-  metric: "span",
-  body: "p",
-  caption: "span"
-};
-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,
-    "data-text-variant": variant,
-    "data-text-element": Component,
-    "data-mono": mono || void 0,
-    className: cn(
-      textClassNameByVariant[variant],
-      textClassNameByTone[tone],
-      align && textClassNameByAlign[align],
-      numeric && "tabular-nums",
-      truncate && "truncate"
-    ) || void 0
-  });
-}
-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: "h2", variant: "heading", align, children: [
-    /* @__PURE__ */ jsx("span", { className: firstLineClassName, children: firstLine }),
-    /* @__PURE__ */ jsx("span", { className: secondLineClassName, children: secondLine })
-  ] });
-}
-StackedDisplay.displayName = "WarmStackedDisplay";
-
-export {
-  Text,
-  StackedDisplay
-};

package/dist/chunks/chunk-VIB7OX7D.js

@@ -1,10 +0,0 @@
-// ../ui/src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-export {
-  cn
-};