@warmio/ui 1.4.0 → 2.0.0

package/dist/chunks/chunk-KN6WVLCR.js

@@ -1,261 +0,0 @@
-import {
-  cn
-} from "./chunk-VIB7OX7D.js";
-
-// ../ui/src/warmio/dropdown-menu.tsx
-import * as React from "react";
-import { Menu as MenuPrimitive } from "@base-ui/react/menu";
-import { CheckIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function DropdownMenu(props) {
-  return /* @__PURE__ */ jsx(MenuPrimitive.Root, { ...props });
-}
-function DropdownMenuTrigger({
-  asChild = false,
-  children,
-  render,
-  className: _className,
-  style: _style,
-  ...props
-}) {
-  const resolvedRender = render ?? (asChild && React.isValidElement(children) ? children : void 0);
-  return /* @__PURE__ */ jsx(MenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", render: resolvedRender, ...props, children: resolvedRender ? void 0 : children });
-}
-var dropdownMenuContentSizeClasses = {
-  default: "w-(--anchor-width) min-w-32",
-  auto: "w-auto min-w-[14rem]",
-  sidebar: "w-(--sidebar-width)"
-};
-var dropdownMenuContentSpacingClasses = {
-  default: "",
-  roomy: "flex flex-col gap-2"
-};
-function DropdownMenuContent({
-  align = "start",
-  alignOffset = 0,
-  side = "bottom",
-  sideOffset = 4,
-  portal = true,
-  size = "default",
-  spacing = "default",
-  children,
-  ref,
-  className: _className,
-  style: _style,
-  ...props
-}) {
-  const content = /* @__PURE__ */ jsx(
-    MenuPrimitive.Positioner,
-    {
-      align,
-      alignOffset,
-      side,
-      sideOffset,
-      className: "isolate z-50 outline-none",
-      children: /* @__PURE__ */ jsx(
-        MenuPrimitive.Popup,
-        {
-          ref,
-          "data-slot": "dropdown-menu-content",
-          className: cn(
-            "z-[var(--z-popover)] max-h-(--available-height) origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-2 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none",
-            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-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
-        }
-      )
-    }
-  );
-  return portal ? /* @__PURE__ */ jsx(MenuPrimitive.Portal, { children: content }) : content;
-}
-function DropdownMenuGroup({
-  className: _className,
-  style: _style,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(MenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
-}
-function DropdownMenuItem({
-  className: _className,
-  inset,
-  variant = "default",
-  ref,
-  style: _style,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    MenuPrimitive.Item,
-    {
-      ref,
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: "group/dropdown-menu-item relative flex w-full cursor-default items-center gap-2 rounded-lg px-2 py-2 text-sm outline-hidden select-none not-data-[variant=destructive]:focus:bg-sidebar-accent not-data-[variant=destructive]:focus:text-sidebar-accent-foreground not-data-[variant=destructive]:focus:**:text-sidebar-accent-foreground data-inset:pl-4 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive",
-      ...props
-    }
-  );
-}
-function DropdownMenuLinkItem({
-  className: _className,
-  children,
-  href,
-  inset,
-  variant = "default",
-  ref,
-  style: _style,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    MenuPrimitive.Item,
-    {
-      ref,
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: "group/dropdown-menu-item relative flex w-full cursor-default items-center gap-2 rounded-lg px-2 py-2 text-sm outline-hidden select-none not-data-[variant=destructive]:focus:bg-sidebar-accent not-data-[variant=destructive]:focus:text-sidebar-accent-foreground not-data-[variant=destructive]:focus:**:text-sidebar-accent-foreground data-inset:pl-4 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive",
-      render: /* @__PURE__ */ jsx("a", { href, children }),
-      ...props
-    }
-  );
-}
-function DropdownMenuCheckboxItem({
-  children,
-  checked,
-  inset,
-  className: _className,
-  ref,
-  style: _style,
-  onCheckedChange,
-  ...props
-}) {
-  const handleCheckedChange = (nextChecked, eventDetails) => {
-    onCheckedChange?.(nextChecked, eventDetails);
-  };
-  return /* @__PURE__ */ jsxs(
-    MenuPrimitive.CheckboxItem,
-    {
-      ref,
-      "data-slot": "dropdown-menu-checkbox-item",
-      "data-inset": inset,
-      className: "relative flex cursor-default items-center gap-2 rounded-lg py-2 pr-4 pl-2 text-sm outline-hidden select-none focus:bg-sidebar-accent focus:text-sidebar-accent-foreground focus:**:text-sidebar-accent-foreground data-inset:pl-4 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-      checked,
-      onCheckedChange: handleCheckedChange,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: "pointer-events-none absolute right-2 flex items-center justify-center",
-            "data-slot": "dropdown-menu-checkbox-item-indicator",
-            children: /* @__PURE__ */ jsx(MenuPrimitive.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
-          }
-        ),
-        children
-      ]
-    }
-  );
-}
-function DropdownMenuRadioGroup({
-  className: _className,
-  onValueChange,
-  style: _style,
-  ...props
-}) {
-  const handleValueChange = (value, eventDetails) => {
-    onValueChange?.(value, eventDetails);
-  };
-  return /* @__PURE__ */ jsx(
-    MenuPrimitive.RadioGroup,
-    {
-      "data-slot": "dropdown-menu-radio-group",
-      onValueChange: handleValueChange,
-      ...props
-    }
-  );
-}
-function DropdownMenuRadioItem({
-  children,
-  inset,
-  className: _className,
-  presentation,
-  ref,
-  style: _style,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    MenuPrimitive.RadioItem,
-    {
-      ref,
-      "data-slot": "dropdown-menu-radio-item",
-      "data-inset": inset,
-      className: cn(
-        "relative flex cursor-default items-center gap-2 rounded-lg py-2 pr-4 pl-2 text-sm outline-hidden select-none focus:bg-sidebar-accent focus:text-sidebar-accent-foreground focus:**:text-sidebar-accent-foreground data-inset:pl-4 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        presentation === "selectMenu" && "min-h-12 text-base"
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: "pointer-events-none absolute right-2 flex items-center justify-center",
-            "data-slot": "dropdown-menu-radio-item-indicator",
-            children: /* @__PURE__ */ jsx(MenuPrimitive.RadioItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
-          }
-        ),
-        children
-      ]
-    }
-  );
-}
-function DropdownMenuLabel({
-  className: _className,
-  inset,
-  ref,
-  style: _style,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    MenuPrimitive.GroupLabel,
-    {
-      ref,
-      "data-slot": "dropdown-menu-label",
-      "data-inset": inset,
-      className: "px-2 py-2 text-xs font-bold text-muted-foreground data-inset:pl-4",
-      ...props
-    }
-  );
-}
-function DropdownMenuSeparator({
-  className: _className,
-  ref,
-  style: _style,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    MenuPrimitive.Separator,
-    {
-      ref,
-      "data-slot": "dropdown-menu-separator",
-      className: "mx-0 my-0 h-px bg-border",
-      ...props
-    }
-  );
-}
-
-export {
-  DropdownMenu,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuLinkItem,
-  DropdownMenuCheckboxItem,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator
-};

package/dist/chunks/chunk-MIMC4M6W.js

@@ -1,86 +0,0 @@
-import {
-  SheetClose,
-  SheetContent,
-  SheetDescription,
-  SheetFooter,
-  SheetHeader,
-  SheetTitle,
-  SheetTrigger
-} from "./chunk-YTDMREDR.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" ? `w-[var(--sidebar-width-mobile)] gap-0 overflow-hidden border-border bg-sidebar p-0 text-foreground duration-200 ease-in-out data-open:fade-in-100 data-closed:fade-out-100${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" : width === "wide" ? "w-full data-[side=left]:sm:max-w-lg data-[side=right]:sm:max-w-lg" : void 0;
-  const contentClassName = presentation === "scroll" ? `overflow-y-auto${widthClassName ? ` ${widthClassName}` : ""}` : navigationClassName ?? widthClassName;
-  return /* @__PURE__ */ jsx(
-    SheetContent,
-    {
-      ...props,
-      className: contentClassName,
-      ...presentation === "navigation" ? { overlayClassName: "duration-200 ease-in-out" } : {}
-    }
-  );
-}
-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,
-      className: presentation === "navigation" ? "min-w-0 truncate text-left text-base font-bold 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-PBWF6BDE.js

@@ -1,88 +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"
-}) {
-  const titleSegments = getTitleSegments(pageTitle, productName);
-  return /* @__PURE__ */ jsxs(Fragment2, { children: [
-    /* @__PURE__ */ jsx("span", { className: "text-sm text-foreground", children: productName }),
-    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", { "aria-current": "page", children: segment }) : /* @__PURE__ */ jsx("span", { className: "text-sm text-foreground", children: segment })
-      ] }, `${segment}-${index}`);
-    })
-  ] });
-}
-var ProductHeader = memo(function ProductHeader2({
-  actions,
-  actionsTargetRef,
-  desktopShell = false,
-  hideBreadcrumb = false,
-  leading,
-  pageTitle,
-  productName,
-  titleTargetRef,
-  visibility = "desktop"
-}) {
-  return /* @__PURE__ */ jsxs(
-    "header",
-    {
-      className: cn(
-        "sticky top-0 z-20 h-[var(--header-height)] shrink-0 items-center border-b border-border bg-sidebar",
-        visibility === "always" ? "flex" : visibility === "container" ? "hidden @3xl/main:flex" : "hidden md:flex",
-        desktopShell && "select-none bg-sidebar/95 supports-[backdrop-filter]:bg-sidebar/85 supports-[backdrop-filter]:backdrop-blur"
-      ),
-      "data-tauri-drag-region": desktopShell ? "deep" : void 0,
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            ref: titleTargetRef,
-            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,
-              hideBreadcrumb ? null : /* @__PURE__ */ jsx("div", { "data-page-chrome-fallback": true, className: "contents", children: /* @__PURE__ */ jsx(
-                ProductHeaderBreadcrumb,
-                {
-                  ...pageTitle !== void 0 ? { pageTitle } : {},
-                  ...productName !== void 0 ? { productName } : {}
-                }
-              ) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref: actionsTargetRef,
-            className: "ml-auto flex items-center gap-2 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-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
-};

package/dist/chunks/chunk-YTDMREDR.js

@@ -1,201 +0,0 @@
-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
-};