@vuer-ai/vuer-uikit 0.0.120 → 0.0.121

package/src/ui/waterfall/TimelineProcessBar.tsx

@@ -4,6 +4,8 @@ import { LogItemWithMeta } from "./types";
 import { borderColorClasses, colorClasses, formatDuration } from "./utils";
 import { cn } from "../../hooks";
 
+const clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max);
+
 export interface TimelineEventBarProps {
   item: LogItemWithMeta;
   isHovered: boolean;
@@ -188,17 +190,21 @@ export function TimelineProcessBar({
           const visibleDuration = visibleEnd - visibleStart;
           const visibleWidthPercent = (visibleDuration / viewWindow) * 100;
 
-          if (visibleWidthPercent < 8) return null;
-
           return (
             <div
-              className="pointer-events-none absolute top-1/2 flex -translate-y-1/2 items-center justify-center"
+              className="pointer-events-none absolute top-1/2 flex -translate-y-1/2 items-center justify-center overflow-hidden"
               style={{
                 left: `${timeToPercent(visibleStart)}%`,
                 width: `${visibleWidthPercent}%`,
+                zoom: clamp(visibleWidthPercent, 6, 12) / 12,
               }}
             >
-              <span className="text-text-secondary text-xs italic">Halted</span>
+              {visibleWidthPercent > 7 && (
+                <span className="rounded-full bg-orange-500 px-2 py-0.5 text-xs text-white">
+                  Halted
+                </span>
+              )}
+              {visibleWidthPercent < 7 && <span className="h-3 w-3 rounded-full bg-orange-500" />}
             </div>
           );
         })()}

package/dist/chunk-EOSYXHEH.mjs

@@ -1,27 +0,0 @@
-import { useState, useEffect } from 'react';
-import { Toaster as Toaster$1 } from 'sonner';
-export { toast } from 'sonner';
-import { jsx } from 'react/jsx-runtime';
-
-// src/ui/toast.tsx
-var Toaster = ({ ...props }) => {
-  const [isClient, setIsClient] = useState(false);
-  useEffect(() => {
-    setIsClient(true);
-  }, []);
-  if (!isClient) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    Toaster$1,
-    {
-      toastOptions: {
-        className: "vk-toast liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg",
-        descriptionClassName: "vk-toast-description"
-      },
-      ...props
-    }
-  );
-};
-
-export { Toaster };

package/dist/chunk-EXXV3BXT.cjs

@@ -1,23 +0,0 @@
-'use strict';
-
-var chunkEBFPZBUQ_cjs = require('./chunk-EBFPZBUQ.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-
-var LiquidLayoutView = ({
-  left,
-  right,
-  top,
-  bottom,
-  children,
-  className
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkEBFPZBUQ_cjs.LiquidLayout, { className, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkEBFPZBUQ_cjs.LiquidLayoutContent, { className: "absolute flex flex-col items-center justify-center", children }),
-    bottom && /* @__PURE__ */ jsxRuntime.jsx(chunkEBFPZBUQ_cjs.LiquidLayoutBottom, { className: "mt-4", children: bottom }),
-    right && /* @__PURE__ */ jsxRuntime.jsx(chunkEBFPZBUQ_cjs.LiquidLayoutRight, { className: "max-w-75", children: right }),
-    top && /* @__PURE__ */ jsxRuntime.jsx(chunkEBFPZBUQ_cjs.LiquidLayoutTop, { children: top }),
-    left && /* @__PURE__ */ jsxRuntime.jsx(chunkEBFPZBUQ_cjs.LiquidLayoutLeft, { className: "max-w-75", children: left })
-  ] });
-};
-
-exports.LiquidLayoutView = LiquidLayoutView;

package/dist/chunk-FZAGJSW2.cjs

@@ -1,47 +0,0 @@
-'use strict';
-
-var chunkLVIZRMYN_cjs = require('./chunk-LVIZRMYN.cjs');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-var EulerRadInput = react.forwardRef(
-  function EulerRadInput2({ value, onValuesChange, display = "rad", ...props }, ref) {
-    const displayValues = react.useMemo(() => {
-      if (display === "deg") {
-        return value.map((v) => v * 180 / Math.PI);
-      } else if (display === "pi") {
-        return value.map((v) => v / Math.PI);
-      }
-      return value;
-    }, [value, display]);
-    const handleChange = (displayVals) => {
-      let radValues;
-      if (display === "deg") {
-        radValues = displayVals.map((v) => v * Math.PI / 180);
-      } else if (display === "pi") {
-        radValues = displayVals.map((v) => v * Math.PI);
-      } else {
-        radValues = displayVals;
-      }
-      onValuesChange?.(radValues);
-    };
-    const unitSymbol = react.useMemo(() => {
-      if (display === "deg") return "\xB0";
-      if (display === "pi") return "\u03C0";
-      return "rad";
-    }, [display]);
-    const labels = [`x${unitSymbol}`, `y${unitSymbol}`, `z${unitSymbol}`];
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVIZRMYN_cjs.VectorInput,
-      {
-        ref,
-        value: displayValues,
-        onValuesChange: handleChange,
-        labels,
-        ...props
-      }
-    );
-  }
-);
-
-exports.EulerRadInput = EulerRadInput;

package/dist/chunk-IPQU5CJD.mjs

@@ -1,21 +0,0 @@
-import { LiquidLayout, LiquidLayoutContent, LiquidLayoutBottom, LiquidLayoutRight, LiquidLayoutTop, LiquidLayoutLeft } from './chunk-TWQONYWC.mjs';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var LiquidLayoutView = ({
-  left,
-  right,
-  top,
-  bottom,
-  children,
-  className
-}) => {
-  return /* @__PURE__ */ jsxs(LiquidLayout, { className, children: [
-    /* @__PURE__ */ jsx(LiquidLayoutContent, { className: "absolute flex flex-col items-center justify-center", children }),
-    bottom && /* @__PURE__ */ jsx(LiquidLayoutBottom, { className: "mt-4", children: bottom }),
-    right && /* @__PURE__ */ jsx(LiquidLayoutRight, { className: "max-w-75", children: right }),
-    top && /* @__PURE__ */ jsx(LiquidLayoutTop, { children: top }),
-    left && /* @__PURE__ */ jsx(LiquidLayoutLeft, { className: "max-w-75", children: left })
-  ] });
-};
-
-export { LiquidLayoutView };

package/dist/chunk-JR4TVE43.cjs

@@ -1,31 +0,0 @@
-'use strict';
-
-var react = require('react');
-
-// src/hooks/useIsMobile.ts
-var MOBILE_BREAKPOINT = 768;
-function subscribe(callback) {
-  if (typeof window === "undefined") {
-    return () => {
-    };
-  }
-  const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-  if (mql.addEventListener) {
-    mql.addEventListener("change", callback);
-    return () => mql.removeEventListener("change", callback);
-  }
-  mql.addListener(callback);
-  return () => mql.removeListener(callback);
-}
-function getSnapshot() {
-  if (typeof window === "undefined") return false;
-  return window.innerWidth < MOBILE_BREAKPOINT;
-}
-function getServerSnapshot() {
-  return false;
-}
-function useIsMobile() {
-  return react.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-}
-
-exports.useIsMobile = useIsMobile;

package/dist/chunk-LAPOK2L4.mjs

@@ -1,193 +0,0 @@
-import { createClientOnlyComponent } from './chunk-4NABYVCK.mjs';
-import { cn } from './chunk-T66ETI7E.mjs';
-import * as SheetPrimitive from '@radix-ui/react-dialog';
-import { XIcon } from 'lucide-react';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-
-function SheetRoot({ ...props }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
-}
-function SheetFallback({ ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "sheet", ...props });
-}
-var Sheet = createClientOnlyComponent(SheetRoot, SheetFallback);
-function SheetTriggerRoot({ ...props }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
-}
-function SheetTriggerFallback({
-  asChild,
-  children,
-  ...props
-}) {
-  if (asChild) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  return /* @__PURE__ */ jsx("button", { "data-slot": "sheet-trigger", ...props, children });
-}
-var SheetTrigger = createClientOnlyComponent(SheetTriggerRoot, SheetTriggerFallback);
-function SheetCloseRoot({ ...props }) {
-  return /* @__PURE__ */ jsx(
-    SheetPrimitive.Close,
-    {
-      "data-slot": "sheet-close",
-      className: cn("focus:ring-0 focus:outline-none"),
-      ...props
-    }
-  );
-}
-function SheetCloseFallback({
-  asChild,
-  children,
-  ...props
-}) {
-  if (asChild) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  return /* @__PURE__ */ jsx("button", { "data-slot": "sheet-close", className: cn("focus:ring-0 focus:outline-none"), ...props, children });
-}
-var SheetClose = createClientOnlyComponent(SheetCloseRoot, SheetCloseFallback);
-function SheetPortal({ ...props }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
-}
-function SheetOverlay({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    SheetPrimitive.Overlay,
-    {
-      "data-slot": "sheet-overlay",
-      className: cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-bg-mask fixed inset-0 z-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function SheetContentRoot({
-  className,
-  children,
-  side = "right",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
-    /* @__PURE__ */ jsx(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs(
-      SheetPrimitive.Content,
-      {
-        "data-slot": "sheet-content",
-        className: cn(
-          "liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg bg-bg-primary data-[state=open]:animate-in data-[state=closed]:animate-out p-xl fixed z-50 flex flex-col gap-4 shadow-[0_4px_16px_0_var(--color-shadow-secondary)] transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
-          side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-[340px]",
-          side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-[340px]",
-          side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto",
-          side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto",
-          className
-        ),
-        ...props,
-        children: [
-          children,
-          /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "text-icon-primary hover:text-icon-highlight absolute top-4 right-4 disabled:pointer-events-none", children: [
-            /* @__PURE__ */ jsx(XIcon, { className: "size-4" }),
-            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function SheetContentFallback({
-  className,
-  children,
-  side = "right",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "sheet-content",
-      className: cn(
-        "liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg bg-bg-primary p-xl fixed z-50 flex flex-col gap-4 shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
-        side === "right" && "inset-y-0 right-0 h-full w-[340px]",
-        side === "left" && "inset-y-0 left-0 h-full w-[340px]",
-        side === "top" && "inset-x-0 top-0 h-auto",
-        side === "bottom" && "inset-x-0 bottom-0 h-auto",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxs("button", { className: "text-icon-primary hover:text-icon-highlight absolute top-4 right-4 disabled:pointer-events-none", children: [
-          /* @__PURE__ */ jsx(XIcon, { className: "size-4" }),
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  );
-}
-var SheetContent = createClientOnlyComponent(SheetContentRoot, SheetContentFallback);
-function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sheet-header",
-      className: cn("gap-md pb-xl flex flex-col", className),
-      ...props
-    }
-  );
-}
-function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sheet-footer",
-      className: cn("gap-lg pt-xl mt-auto flex flex-col", className),
-      ...props
-    }
-  );
-}
-function SheetTitleRoot({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    SheetPrimitive.Title,
-    {
-      "data-slot": "sheet-title",
-      className: cn("text-text-highlight text-uk-xl leading-uk-xl font-medium", className),
-      ...props
-    }
-  );
-}
-function SheetTitleFallback({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "h2",
-    {
-      "data-slot": "sheet-title",
-      className: cn("text-text-highlight text-uk-xl leading-uk-xl font-medium", className),
-      ...props
-    }
-  );
-}
-var SheetTitle = createClientOnlyComponent(SheetTitleRoot, SheetTitleFallback);
-function SheetDescriptionRoot({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    SheetPrimitive.Description,
-    {
-      "data-slot": "sheet-description",
-      className: cn("text-text-secondary text-uk-md leading-uk-md", className),
-      ...props
-    }
-  );
-}
-function SheetDescriptionFallback({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      "data-slot": "sheet-description",
-      className: cn("text-text-secondary text-uk-md leading-uk-md", className),
-      ...props
-    }
-  );
-}
-var SheetDescription = createClientOnlyComponent(SheetDescriptionRoot, SheetDescriptionFallback);
-
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/chunk-MFYDZKQF.mjs

@@ -1,28 +0,0 @@
-import { DockLayout, DockLayoutTop, DockLayoutLeft, DockLayoutContent, DockLayoutRight, DockLayoutBottom } from './chunk-U22YVR7M.mjs';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var DockLayoutView = ({
-  left,
-  right,
-  top,
-  bottom,
-  children,
-  className,
-  leftClassName,
-  rightClassName,
-  topClassName,
-  bottomClassName,
-  contentClassName
-}) => {
-  return /* @__PURE__ */ jsxs(DockLayout, { className, children: [
-    top && /* @__PURE__ */ jsx(DockLayoutTop, { className: topClassName, children: top }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 overflow-hidden", children: [
-      left && /* @__PURE__ */ jsx(DockLayoutLeft, { className: leftClassName, children: left }),
-      /* @__PURE__ */ jsx(DockLayoutContent, { className: contentClassName, children }),
-      right && /* @__PURE__ */ jsx(DockLayoutRight, { className: rightClassName, children: right })
-    ] }),
-    bottom && /* @__PURE__ */ jsx(DockLayoutBottom, { className: bottomClassName, children: bottom })
-  ] });
-};
-
-export { DockLayoutView };

package/dist/chunk-Q3CJUGX3.cjs

@@ -1,21 +0,0 @@
-'use strict';
-
-var chunkWJY6BMVR_cjs = require('./chunk-WJY6BMVR.cjs');
-var chunkPRNBDGOF_cjs = require('./chunk-PRNBDGOF.cjs');
-var chunk4OUQ6NSX_cjs = require('./chunk-4OUQ6NSX.cjs');
-var chunkF3HOBNGR_cjs = require('./chunk-F3HOBNGR.cjs');
-var chunk5AKVDZMA_cjs = require('./chunk-5AKVDZMA.cjs');
-var chunkJYYAGDLZ_cjs = require('./chunk-JYYAGDLZ.cjs');
-
-// src/highlight-cursor/enhanced-components.tsx
-var CursorButton = chunkWJY6BMVR_cjs.withCursor(chunkJYYAGDLZ_cjs.Button);
-var CursorTabs = chunkWJY6BMVR_cjs.withCursor(chunkPRNBDGOF_cjs.Tabs);
-var CursorInputRoot = chunkWJY6BMVR_cjs.withCursor(chunkF3HOBNGR_cjs.InputRoot);
-var CursorSelectTrigger = chunkWJY6BMVR_cjs.withCursor(chunk5AKVDZMA_cjs.SelectTrigger);
-var CursorTextarea = chunkWJY6BMVR_cjs.withCursor(chunk4OUQ6NSX_cjs.Textarea);
-
-exports.CursorButton = CursorButton;
-exports.CursorInputRoot = CursorInputRoot;
-exports.CursorSelectTrigger = CursorSelectTrigger;
-exports.CursorTabs = CursorTabs;
-exports.CursorTextarea = CursorTextarea;

package/dist/chunk-RTYZO2AC.cjs

@@ -1,30 +0,0 @@
-'use strict';
-
-var chunkS7CCCMMU_cjs = require('./chunk-S7CCCMMU.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-
-var DockLayoutView = ({
-  left,
-  right,
-  top,
-  bottom,
-  children,
-  className,
-  leftClassName,
-  rightClassName,
-  topClassName,
-  bottomClassName,
-  contentClassName
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkS7CCCMMU_cjs.DockLayout, { className, children: [
-    top && /* @__PURE__ */ jsxRuntime.jsx(chunkS7CCCMMU_cjs.DockLayoutTop, { className: topClassName, children: top }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 overflow-hidden", children: [
-      left && /* @__PURE__ */ jsxRuntime.jsx(chunkS7CCCMMU_cjs.DockLayoutLeft, { className: leftClassName, children: left }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkS7CCCMMU_cjs.DockLayoutContent, { className: contentClassName, children }),
-      right && /* @__PURE__ */ jsxRuntime.jsx(chunkS7CCCMMU_cjs.DockLayoutRight, { className: rightClassName, children: right })
-    ] }),
-    bottom && /* @__PURE__ */ jsxRuntime.jsx(chunkS7CCCMMU_cjs.DockLayoutBottom, { className: bottomClassName, children: bottom })
-  ] });
-};
-
-exports.DockLayoutView = DockLayoutView;

package/dist/chunk-V5T6XOSB.cjs

@@ -1,222 +0,0 @@
-'use strict';
-
-var chunkGEGPGQVH_cjs = require('./chunk-GEGPGQVH.cjs');
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
-var SheetPrimitive = require('@radix-ui/react-dialog');
-var lucideReact = require('lucide-react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var SheetPrimitive__namespace = /*#__PURE__*/_interopNamespace(SheetPrimitive);
-
-function SheetRoot({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Root, { "data-slot": "sheet", ...props });
-}
-function SheetFallback({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "sheet", ...props });
-}
-var Sheet = chunkGEGPGQVH_cjs.createClientOnlyComponent(SheetRoot, SheetFallback);
-function SheetTriggerRoot({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Trigger, { "data-slot": "sheet-trigger", ...props });
-}
-function SheetTriggerFallback({
-  asChild,
-  children,
-  ...props
-}) {
-  if (asChild) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("button", { "data-slot": "sheet-trigger", ...props, children });
-}
-var SheetTrigger = chunkGEGPGQVH_cjs.createClientOnlyComponent(SheetTriggerRoot, SheetTriggerFallback);
-function SheetCloseRoot({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SheetPrimitive__namespace.Close,
-    {
-      "data-slot": "sheet-close",
-      className: chunkCRX2ZCM2_cjs.cn("focus:ring-0 focus:outline-none"),
-      ...props
-    }
-  );
-}
-function SheetCloseFallback({
-  asChild,
-  children,
-  ...props
-}) {
-  if (asChild) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("button", { "data-slot": "sheet-close", className: chunkCRX2ZCM2_cjs.cn("focus:ring-0 focus:outline-none"), ...props, children });
-}
-var SheetClose = chunkGEGPGQVH_cjs.createClientOnlyComponent(SheetCloseRoot, SheetCloseFallback);
-function SheetPortal({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Portal, { "data-slot": "sheet-portal", ...props });
-}
-function SheetOverlay({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SheetPrimitive__namespace.Overlay,
-    {
-      "data-slot": "sheet-overlay",
-      className: chunkCRX2ZCM2_cjs.cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-bg-mask fixed inset-0 z-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function SheetContentRoot({
-  className,
-  children,
-  side = "right",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      SheetPrimitive__namespace.Content,
-      {
-        "data-slot": "sheet-content",
-        className: chunkCRX2ZCM2_cjs.cn(
-          "liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg bg-bg-primary data-[state=open]:animate-in data-[state=closed]:animate-out p-xl fixed z-50 flex flex-col gap-4 shadow-[0_4px_16px_0_var(--color-shadow-secondary)] transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
-          side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-[340px]",
-          side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-[340px]",
-          side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto",
-          side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto",
-          className
-        ),
-        ...props,
-        children: [
-          children,
-          /* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Close, { className: "text-icon-primary hover:text-icon-highlight absolute top-4 right-4 disabled:pointer-events-none", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "size-4" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function SheetContentFallback({
-  className,
-  children,
-  side = "right",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "data-slot": "sheet-content",
-      className: chunkCRX2ZCM2_cjs.cn(
-        "liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg bg-bg-primary p-xl fixed z-50 flex flex-col gap-4 shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
-        side === "right" && "inset-y-0 right-0 h-full w-[340px]",
-        side === "left" && "inset-y-0 left-0 h-full w-[340px]",
-        side === "top" && "inset-x-0 top-0 h-auto",
-        side === "bottom" && "inset-x-0 bottom-0 h-auto",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "text-icon-primary hover:text-icon-highlight absolute top-4 right-4 disabled:pointer-events-none", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "size-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  );
-}
-var SheetContent = chunkGEGPGQVH_cjs.createClientOnlyComponent(SheetContentRoot, SheetContentFallback);
-function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "sheet-header",
-      className: chunkCRX2ZCM2_cjs.cn("gap-md pb-xl flex flex-col", className),
-      ...props
-    }
-  );
-}
-function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "sheet-footer",
-      className: chunkCRX2ZCM2_cjs.cn("gap-lg pt-xl mt-auto flex flex-col", className),
-      ...props
-    }
-  );
-}
-function SheetTitleRoot({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SheetPrimitive__namespace.Title,
-    {
-      "data-slot": "sheet-title",
-      className: chunkCRX2ZCM2_cjs.cn("text-text-highlight text-uk-xl leading-uk-xl font-medium", className),
-      ...props
-    }
-  );
-}
-function SheetTitleFallback({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "h2",
-    {
-      "data-slot": "sheet-title",
-      className: chunkCRX2ZCM2_cjs.cn("text-text-highlight text-uk-xl leading-uk-xl font-medium", className),
-      ...props
-    }
-  );
-}
-var SheetTitle = chunkGEGPGQVH_cjs.createClientOnlyComponent(SheetTitleRoot, SheetTitleFallback);
-function SheetDescriptionRoot({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SheetPrimitive__namespace.Description,
-    {
-      "data-slot": "sheet-description",
-      className: chunkCRX2ZCM2_cjs.cn("text-text-secondary text-uk-md leading-uk-md", className),
-      ...props
-    }
-  );
-}
-function SheetDescriptionFallback({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "p",
-    {
-      "data-slot": "sheet-description",
-      className: chunkCRX2ZCM2_cjs.cn("text-text-secondary text-uk-md leading-uk-md", className),
-      ...props
-    }
-  );
-}
-var SheetDescription = chunkGEGPGQVH_cjs.createClientOnlyComponent(SheetDescriptionRoot, SheetDescriptionFallback);
-
-exports.Sheet = Sheet;
-exports.SheetClose = SheetClose;
-exports.SheetContent = SheetContent;
-exports.SheetDescription = SheetDescription;
-exports.SheetFooter = SheetFooter;
-exports.SheetHeader = SheetHeader;
-exports.SheetTitle = SheetTitle;
-exports.SheetTrigger = SheetTrigger;