langgraph-ui-components 0.0.3 → 0.0.6

package/dist/index.es248.js

@@ -1,15 +1,15 @@
-import { __require as requireCompareBuild } from "./index.es247.js";
-var sort_1;
-var hasRequiredSort;
-function requireSort() {
-  if (hasRequiredSort) return sort_1;
-  hasRequiredSort = 1;
-  const compareBuild = requireCompareBuild();
-  const sort = (list, loose) => list.sort((a, b) => compareBuild(a, b, loose));
-  sort_1 = sort;
-  return sort_1;
+import { __require as requireCompare } from "./index.es247.js";
+var rcompare_1;
+var hasRequiredRcompare;
+function requireRcompare() {
+  if (hasRequiredRcompare) return rcompare_1;
+  hasRequiredRcompare = 1;
+  const compare = requireCompare();
+  const rcompare = (a, b, loose) => compare(b, a, loose);
+  rcompare_1 = rcompare;
+  return rcompare_1;
 }
 export {
-  requireSort as __require
+  requireRcompare as __require
 };
 //# sourceMappingURL=index.es248.js.map

package/dist/index.es248.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es248.js","sources":["../node_modules/.pnpm/semver@7.7.3/node_modules/semver/functions/sort.js"],"sourcesContent":["'use strict'\n\nconst compareBuild = require('./compare-build')\nconst sort = (list, loose) => list.sort((a, b) => compareBuild(a, b, loose))\nmodule.exports = sort\n"],"names":["require$$0"],"mappings":";;;;;;AAEA,QAAM,eAAeA,oBAAA;AACrB,QAAM,OAAO,CAAC,MAAM,UAAU,KAAK,KAAK,CAAC,GAAG,MAAM,aAAa,GAAG,GAAG,KAAK,CAAC;AAC3E,WAAiB;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es248.js","sources":["../node_modules/.pnpm/semver@7.7.3/node_modules/semver/functions/rcompare.js"],"sourcesContent":["'use strict'\n\nconst compare = require('./compare')\nconst rcompare = (a, b, loose) => compare(b, a, loose)\nmodule.exports = rcompare\n"],"names":["require$$0"],"mappings":";;;;;;AAEA,QAAM,UAAUA,eAAA;AAChB,QAAM,WAAW,CAAC,GAAG,GAAG,UAAU,QAAQ,GAAG,GAAG,KAAK;AACrD,eAAiB;;;","x_google_ignoreList":[0]}

package/dist/index.es249.js

@@ -1,15 +1,15 @@
-import { __require as requireCompareBuild } from "./index.es247.js";
-var rsort_1;
-var hasRequiredRsort;
-function requireRsort() {
-  if (hasRequiredRsort) return rsort_1;
-  hasRequiredRsort = 1;
-  const compareBuild = requireCompareBuild();
-  const rsort = (list, loose) => list.sort((a, b) => compareBuild(b, a, loose));
-  rsort_1 = rsort;
-  return rsort_1;
+import { __require as requireCompare } from "./index.es247.js";
+var compareLoose_1;
+var hasRequiredCompareLoose;
+function requireCompareLoose() {
+  if (hasRequiredCompareLoose) return compareLoose_1;
+  hasRequiredCompareLoose = 1;
+  const compare = requireCompare();
+  const compareLoose = (a, b) => compare(a, b, true);
+  compareLoose_1 = compareLoose;
+  return compareLoose_1;
 }
 export {
-  requireRsort as __require
+  requireCompareLoose as __require
 };
 //# sourceMappingURL=index.es249.js.map

package/dist/index.es249.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es249.js","sources":["../node_modules/.pnpm/semver@7.7.3/node_modules/semver/functions/rsort.js"],"sourcesContent":["'use strict'\n\nconst compareBuild = require('./compare-build')\nconst rsort = (list, loose) => list.sort((a, b) => compareBuild(b, a, loose))\nmodule.exports = rsort\n"],"names":["require$$0"],"mappings":";;;;;;AAEA,QAAM,eAAeA,oBAAA;AACrB,QAAM,QAAQ,CAAC,MAAM,UAAU,KAAK,KAAK,CAAC,GAAG,MAAM,aAAa,GAAG,GAAG,KAAK,CAAC;AAC5E,YAAiB;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es249.js","sources":["../node_modules/.pnpm/semver@7.7.3/node_modules/semver/functions/compare-loose.js"],"sourcesContent":["'use strict'\n\nconst compare = require('./compare')\nconst compareLoose = (a, b) => compare(a, b, true)\nmodule.exports = compareLoose\n"],"names":["require$$0"],"mappings":";;;;;;AAEA,QAAM,UAAUA,eAAA;AAChB,QAAM,eAAe,CAAC,GAAG,MAAM,QAAQ,GAAG,GAAG,IAAI;AACjD,mBAAiB;;;","x_google_ignoreList":[0]}

package/dist/index.es25.js

@@ -1,105 +1,309 @@
-import { MessageTupleManager } from "./index.es26.js";
-import { StreamManager } from "./index.es27.js";
-import { getToolCallsWithResults } from "./index.es28.js";
-import { useControllableThreadId } from "./index.es29.js";
-import { useState, useSyncExternalStore, useRef, useEffect } from "react";
-function useStreamCustom(options) {
-  const [messageManager] = useState(() => new MessageTupleManager());
-  const [stream] = useState(() => new StreamManager(messageManager, { throttle: options.throttle ?? false }));
-  useSyncExternalStore(stream.subscribe, stream.getSnapshot, stream.getSnapshot);
-  const [threadId, onThreadId] = useControllableThreadId(options);
-  const threadIdRef = useRef(threadId);
-  useEffect(() => {
-    if (threadIdRef.current !== threadId) {
-      threadIdRef.current = threadId;
-      stream.clear();
-    }
-  }, [threadId, stream]);
-  const getMessages = (value) => {
-    const messagesKey = options.messagesKey ?? "messages";
-    return Array.isArray(value[messagesKey]) ? value[messagesKey] : [];
-  };
-  const setMessages = (current, messages) => {
-    const messagesKey = options.messagesKey ?? "messages";
-    return {
-      ...current,
-      [messagesKey]: messages
-    };
-  };
-  const historyValues = options.initialValues ?? {};
-  const stop = () => stream.stop(historyValues, { onStop: options.onStop });
-  const submit = async (values, submitOptions) => {
-    let callbackMeta;
-    let usableThreadId = threadId;
-    stream.setStreamValues(() => {
-      if (submitOptions?.optimisticValues != null) return {
-        ...historyValues,
-        ...typeof submitOptions.optimisticValues === "function" ? submitOptions.optimisticValues(historyValues) : submitOptions.optimisticValues
-      };
-      return { ...historyValues };
-    });
-    await stream.start(async (signal) => {
-      if (!usableThreadId) {
-        usableThreadId = crypto.randomUUID();
-        threadIdRef.current = usableThreadId;
-        onThreadId(usableThreadId);
-      }
-      if (!usableThreadId) throw new Error("Failed to obtain valid thread ID.");
-      return options.transport.stream({
-        input: values,
-        context: submitOptions?.context,
-        command: submitOptions?.command,
-        signal,
-        config: {
-          ...submitOptions?.config,
-          configurable: {
-            thread_id: usableThreadId,
-            ...submitOptions?.config?.configurable
-          }
-        }
-      });
-    }, {
-      getMessages,
-      setMessages,
-      initialValues: {},
-      callbacks: options,
-      onSuccess: () => void 0,
-      onError(error) {
-        options.onError?.(error, callbackMeta);
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "./index.es49.js";
+const buttonVariants = cva(
+  "inline-flex items-center cursor-pointer justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-primary-foreground hover:bg-destructive/90",
+        cool: "dark:inset-shadow-2xs dark:inset-shadow-white/10 bg-linear-to-t border border-b-2 border-zinc-950/40 from-primary to-primary/85 shadow-md shadow-primary/20 ring-1 ring-inset ring-white/25 transition-[filter] duration-200 hover:brightness-110 active:brightness-90 dark:border-x-0 text-primary-foreground dark:text-primary-foreground dark:border-t-0 dark:border-primary/50 dark:ring-white/5",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
       }
-    });
-  };
-  return {
-    get values() {
-      return stream.values ?? {};
     },
-    error: stream.error,
-    isLoading: stream.isLoading,
-    stop,
-    submit,
-    get interrupt() {
-      if (stream.values != null && "__interrupt__" in stream.values && Array.isArray(stream.values.__interrupt__)) {
-        const valueInterrupts = stream.values.__interrupt__;
-        if (valueInterrupts.length === 0) return { when: "breakpoint" };
-        if (valueInterrupts.length === 1) return valueInterrupts[0];
-        return valueInterrupts;
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+const Button = React.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+const liquidbuttonVariants = cva(
+  "inline-flex items-center transition-colors justify-center cursor-pointer gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent hover:scale-105 duration-300 transition text-primary",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 text-xs gap-1.5 px-4 has-[>svg]:px-4",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        xl: "h-12 rounded-md px-8 has-[>svg]:px-6",
+        xxl: "h-14 rounded-md px-10 has-[>svg]:px-8",
+        icon: "size-9"
       }
     },
-    get messages() {
-      if (!stream.values) return [];
-      return getMessages(stream.values);
+    defaultVariants: {
+      variant: "default",
+      size: "xxl"
+    }
+  }
+);
+function LiquidButton({
+  className,
+  variant,
+  size,
+  asChild = false,
+  children,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+    Comp,
+    {
+      "data-slot": "button",
+      className: cn(
+        "relative",
+        liquidbuttonVariants({ variant, size, className })
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 z-0 h-full w-full rounded-full \n            shadow-[0_0_6px_rgba(0,0,0,0.03),0_2px_6px_rgba(0,0,0,0.08),inset_3px_3px_0.5px_-3px_rgba(0,0,0,0.9),inset_-3px_-3px_0.5px_-3px_rgba(0,0,0,0.85),inset_1px_1px_1px_-0.5px_rgba(0,0,0,0.6),inset_-1px_-1px_1px_-0.5px_rgba(0,0,0,0.6),inset_0_0_6px_6px_rgba(0,0,0,0.12),inset_0_0_2px_2px_rgba(0,0,0,0.06),0_0_12px_rgba(255,255,255,0.15)] \n        transition-all \n        dark:shadow-[0_0_8px_rgba(0,0,0,0.03),0_2px_6px_rgba(0,0,0,0.08),inset_3px_3px_0.5px_-3.5px_rgba(255,255,255,0.09),inset_-3px_-3px_0.5px_-3.5px_rgba(255,255,255,0.85),inset_1px_1px_1px_-0.5px_rgba(255,255,255,0.6),inset_-1px_-1px_1px_-0.5px_rgba(255,255,255,0.6),inset_0_0_6px_6px_rgba(255,255,255,0.12),inset_0_0_2px_2px_rgba(255,255,255,0.06),0_0_12px_rgba(0,0,0,0.15)]" }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "absolute top-0 left-0 w-full h-full overflow-hidden rounded-md isolate -z-10",
+            style: { backdropFilter: 'url("#container-glass")' }
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "z-10 pointer-events-none ", children }),
+        /* @__PURE__ */ jsx(GlassFilter, {})
+      ]
+    }
+  ) });
+}
+function GlassFilter() {
+  return /* @__PURE__ */ jsx("svg", { className: "hidden", children: /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+    "filter",
+    {
+      id: "container-glass",
+      x: "0%",
+      y: "0%",
+      width: "100%",
+      height: "100%",
+      colorInterpolationFilters: "sRGB",
+      children: [
+        /* @__PURE__ */ jsx(
+          "feTurbulence",
+          {
+            type: "fractalNoise",
+            baseFrequency: "0.05 0.05",
+            numOctaves: "1",
+            seed: "1",
+            result: "turbulence"
+          }
+        ),
+        /* @__PURE__ */ jsx("feGaussianBlur", { in: "turbulence", stdDeviation: "2", result: "blurredNoise" }),
+        /* @__PURE__ */ jsx(
+          "feDisplacementMap",
+          {
+            in: "SourceGraphic",
+            in2: "blurredNoise",
+            scale: "70",
+            xChannelSelector: "R",
+            yChannelSelector: "B",
+            result: "displaced"
+          }
+        ),
+        /* @__PURE__ */ jsx("feGaussianBlur", { in: "displaced", stdDeviation: "4", result: "finalBlur" }),
+        /* @__PURE__ */ jsx("feComposite", { in: "finalBlur", in2: "finalBlur", operator: "over" })
+      ]
+    }
+  ) }) });
+}
+const colorVariants = {
+  default: {
+    outer: "bg-gradient-to-b from-[#000] to-[#A0A0A0]",
+    inner: "bg-gradient-to-b from-[#FAFAFA] via-[#3E3E3E] to-[#E5E5E5]",
+    button: "bg-gradient-to-b from-[#B9B9B9] to-[#969696]",
+    textColor: "text-white",
+    textShadow: "[text-shadow:0-1px_0_rgb(80_80_80_/_100%)]"
+  },
+  primary: {
+    outer: "bg-gradient-to-b from-[#000] to-[#A0A0A0]",
+    inner: "bg-gradient-to-b from-primary via-secondary to-muted",
+    button: "bg-gradient-to-b from-primary to-primary/40",
+    textColor: "text-white",
+    textShadow: "[text-shadow:0-1px_0_rgb(30_58_138_/_100%)]"
+  },
+  success: {
+    outer: "bg-gradient-to-b from-[#005A43] to-[#7CCB9B]",
+    inner: "bg-gradient-to-b from-[#E5F8F0] via-[#00352F] to-[#D1F0E6]",
+    button: "bg-gradient-to-b from-[#9ADBC8] to-[#3E8F7C]",
+    textColor: "text-[#FFF7F0]",
+    textShadow: "[text-shadow:0-1px_0_rgb(6_78_59_/_100%)]"
+  },
+  error: {
+    outer: "bg-gradient-to-b from-[#5A0000] to-[#FFAEB0]",
+    inner: "bg-gradient-to-b from-[#FFDEDE] via-[#680002] to-[#FFE9E9]",
+    button: "bg-gradient-to-b from-[#F08D8F] to-[#A45253]",
+    textColor: "text-[#FFF7F0]",
+    textShadow: "[text-shadow:0-1px_0_rgb(146_64_14_/_100%)]"
+  },
+  gold: {
+    outer: "bg-gradient-to-b from-[#917100] to-[#EAD98F]",
+    inner: "bg-gradient-to-b from-[#FFFDDD] via-[#856807] to-[#FFF1B3]",
+    button: "bg-gradient-to-b from-[#FFEBA1] to-[#9B873F]",
+    textColor: "text-[#FFFDE5]",
+    textShadow: "[text-shadow:0-1px_0_rgb(178_140_2_/_100%)]"
+  },
+  bronze: {
+    outer: "bg-gradient-to-b from-[#864813] to-[#E9B486]",
+    inner: "bg-gradient-to-b from-[#EDC5A1] via-[#5F2D01] to-[#FFDEC1]",
+    button: "bg-gradient-to-b from-[#FFE3C9] to-[#A36F3D]",
+    textColor: "text-[#FFF7F0]",
+    textShadow: "[text-shadow:0-1px_0_rgb(124_45_18_/_100%)]"
+  }
+};
+const metalButtonVariants = (variant = "default", isPressed, isHovered, isTouchDevice) => {
+  const colors = colorVariants[variant];
+  const transitionStyle = "all 250ms cubic-bezier(0.1, 0.4, 0.2, 1)";
+  return {
+    wrapper: cn(
+      "relative inline-flex transform-gpu rounded-md p-[1.25px] will-change-transform",
+      colors.outer
+    ),
+    wrapperStyle: {
+      transform: isPressed ? "translateY(2.5px) scale(0.99)" : "translateY(0) scale(1)",
+      boxShadow: isPressed ? "0 1px 2px rgba(0, 0, 0, 0.15)" : isHovered && !isTouchDevice ? "0 4px 12px rgba(0, 0, 0, 0.12)" : "0 3px 8px rgba(0, 0, 0, 0.08)",
+      transition: transitionStyle,
+      transformOrigin: "center center"
     },
-    get toolCalls() {
-      if (!stream.values) return [];
-      return getToolCallsWithResults(getMessages(stream.values));
+    inner: cn(
+      "absolute inset-[1px] transform-gpu rounded-lg will-change-transform",
+      colors.inner
+    ),
+    innerStyle: {
+      transition: transitionStyle,
+      transformOrigin: "center center",
+      filter: isHovered && !isPressed && !isTouchDevice ? "brightness(1.05)" : "none"
     },
-    getToolCalls(message) {
-      if (!stream.values) return [];
-      return getToolCallsWithResults(getMessages(stream.values)).filter((tc) => tc.aiMessage.id === message.id);
+    button: cn(
+      "relative z-10 m-[1px] rounded-md inline-flex h-11 transform-gpu cursor-pointer items-center justify-center overflow-hidden rounded-md px-6 py-2 text-sm leading-none font-semibold will-change-transform outline-none",
+      colors.button,
+      colors.textColor,
+      colors.textShadow
+    ),
+    buttonStyle: {
+      transform: isPressed ? "scale(0.97)" : "scale(1)",
+      transition: transitionStyle,
+      transformOrigin: "center center",
+      filter: isHovered && !isPressed && !isTouchDevice ? "brightness(1.02)" : "none"
     }
   };
-}
+};
+const ShineEffect = ({ isPressed }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "pointer-events-none absolute inset-0 z-20 overflow-hidden transition-opacity duration-300",
+        isPressed ? "opacity-20" : "opacity-0"
+      ),
+      children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 rounded-md bg-gradient-to-r from-transparent via-neutral-100 to-transparent" })
+    }
+  );
+};
+const MetalButton = React.forwardRef(({ children, className, variant = "default", ...props }, ref) => {
+  const [isPressed, setIsPressed] = React.useState(false);
+  const [isHovered, setIsHovered] = React.useState(false);
+  const [isTouchDevice, setIsTouchDevice] = React.useState(false);
+  React.useEffect(() => {
+    setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
+  }, []);
+  const buttonText = children || "Button";
+  const variants = metalButtonVariants(
+    variant,
+    isPressed,
+    isHovered,
+    isTouchDevice
+  );
+  const handleInternalMouseDown = () => {
+    setIsPressed(true);
+  };
+  const handleInternalMouseUp = () => {
+    setIsPressed(false);
+  };
+  const handleInternalMouseLeave = () => {
+    setIsPressed(false);
+    setIsHovered(false);
+  };
+  const handleInternalMouseEnter = () => {
+    if (!isTouchDevice) {
+      setIsHovered(true);
+    }
+  };
+  const handleInternalTouchStart = () => {
+    setIsPressed(true);
+  };
+  const handleInternalTouchEnd = () => {
+    setIsPressed(false);
+  };
+  const handleInternalTouchCancel = () => {
+    setIsPressed(false);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: variants.wrapper, style: variants.wrapperStyle, children: [
+    /* @__PURE__ */ jsx("div", { className: variants.inner, style: variants.innerStyle }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        className: cn(variants.button, className),
+        style: variants.buttonStyle,
+        ...props,
+        onMouseDown: handleInternalMouseDown,
+        onMouseUp: handleInternalMouseUp,
+        onMouseLeave: handleInternalMouseLeave,
+        onMouseEnter: handleInternalMouseEnter,
+        onTouchStart: handleInternalTouchStart,
+        onTouchEnd: handleInternalTouchEnd,
+        onTouchCancel: handleInternalTouchCancel,
+        children: [
+          /* @__PURE__ */ jsx(ShineEffect, { isPressed }),
+          buttonText,
+          isHovered && !isPressed && !isTouchDevice && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 rounded-lg pointer-events-none bg-gradient-to-t from-transparent to-white/5" })
+        ]
+      }
+    )
+  ] });
+});
+MetalButton.displayName = "MetalButton";
 export {
-  useStreamCustom
+  Button,
+  LiquidButton,
+  MetalButton,
+  buttonVariants,
+  liquidbuttonVariants
 };
 //# sourceMappingURL=index.es25.js.map

package/dist/index.es25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es25.js","sources":["../node_modules/.pnpm/@langchain+langgraph-sdk@1.5.3_@langchain+core@1.1.13_openai@6.16.0_zod@4.3.5___react-d_6e8116ad15c37793c6138fe0d58aa04e/node_modules/@langchain/langgraph-sdk/dist/react/stream.custom.js"],"sourcesContent":["\"use client\";\n\nimport { BytesLineDecoder, SSEDecoder } from \"../utils/sse.js\";\nimport { IterableReadableStream } from \"../utils/stream.js\";\nimport { MessageTupleManager } from \"../ui/messages.js\";\nimport { StreamManager } from \"../ui/manager.js\";\nimport { getToolCallsWithResults } from \"../utils/tools.js\";\nimport { useControllableThreadId } from \"./thread.js\";\nimport { useEffect, useRef, useState, useSyncExternalStore } from \"react\";\n\n//#region src/react/stream.custom.tsx\nvar FetchStreamTransport = class {\n\tconstructor(options) {\n\t\tthis.options = options;\n\t}\n\tasync stream(payload) {\n\t\tconst { signal, ...body } = payload;\n\t\tlet requestInit = {\n\t\t\tmethod: \"POST\",\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": \"application/json\",\n\t\t\t\t...this.options.defaultHeaders\n\t\t\t},\n\t\t\tbody: JSON.stringify(body),\n\t\t\tsignal\n\t\t};\n\t\tif (this.options.onRequest) requestInit = await this.options.onRequest(this.options.apiUrl, requestInit);\n\t\tconst response = await (this.options.fetch ?? fetch)(this.options.apiUrl, requestInit);\n\t\tif (!response.ok) throw new Error(`Failed to stream: ${response.statusText}`);\n\t\tconst stream = (response.body || new ReadableStream({ start: (ctrl) => ctrl.close() })).pipeThrough(BytesLineDecoder()).pipeThrough(SSEDecoder());\n\t\treturn IterableReadableStream.fromReadableStream(stream);\n\t}\n};\nfunction useStreamCustom(options) {\n\tconst [messageManager] = useState(() => new MessageTupleManager());\n\tconst [stream] = useState(() => new StreamManager(messageManager, { throttle: options.throttle ?? false }));\n\tuseSyncExternalStore(stream.subscribe, stream.getSnapshot, stream.getSnapshot);\n\tconst [threadId, onThreadId] = useControllableThreadId(options);\n\tconst threadIdRef = useRef(threadId);\n\tuseEffect(() => {\n\t\tif (threadIdRef.current !== threadId) {\n\t\t\tthreadIdRef.current = threadId;\n\t\t\tstream.clear();\n\t\t}\n\t}, [threadId, stream]);\n\tconst getMessages = (value) => {\n\t\tconst messagesKey = options.messagesKey ?? \"messages\";\n\t\treturn Array.isArray(value[messagesKey]) ? value[messagesKey] : [];\n\t};\n\tconst setMessages = (current, messages) => {\n\t\tconst messagesKey = options.messagesKey ?? \"messages\";\n\t\treturn {\n\t\t\t...current,\n\t\t\t[messagesKey]: messages\n\t\t};\n\t};\n\tconst historyValues = options.initialValues ?? {};\n\tconst stop = () => stream.stop(historyValues, { onStop: options.onStop });\n\tconst submit = async (values, submitOptions) => {\n\t\tlet callbackMeta;\n\t\tlet usableThreadId = threadId;\n\t\tstream.setStreamValues(() => {\n\t\t\tif (submitOptions?.optimisticValues != null) return {\n\t\t\t\t...historyValues,\n\t\t\t\t...typeof submitOptions.optimisticValues === \"function\" ? submitOptions.optimisticValues(historyValues) : submitOptions.optimisticValues\n\t\t\t};\n\t\t\treturn { ...historyValues };\n\t\t});\n\t\tawait stream.start(async (signal) => {\n\t\t\tif (!usableThreadId) {\n\t\t\t\tusableThreadId = crypto.randomUUID();\n\t\t\t\tthreadIdRef.current = usableThreadId;\n\t\t\t\tonThreadId(usableThreadId);\n\t\t\t}\n\t\t\tif (!usableThreadId) throw new Error(\"Failed to obtain valid thread ID.\");\n\t\t\treturn options.transport.stream({\n\t\t\t\tinput: values,\n\t\t\t\tcontext: submitOptions?.context,\n\t\t\t\tcommand: submitOptions?.command,\n\t\t\t\tsignal,\n\t\t\t\tconfig: {\n\t\t\t\t\t...submitOptions?.config,\n\t\t\t\t\tconfigurable: {\n\t\t\t\t\t\tthread_id: usableThreadId,\n\t\t\t\t\t\t...submitOptions?.config?.configurable\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}, {\n\t\t\tgetMessages,\n\t\t\tsetMessages,\n\t\t\tinitialValues: {},\n\t\t\tcallbacks: options,\n\t\t\tonSuccess: () => void 0,\n\t\t\tonError(error) {\n\t\t\t\toptions.onError?.(error, callbackMeta);\n\t\t\t}\n\t\t});\n\t};\n\treturn {\n\t\tget values() {\n\t\t\treturn stream.values ?? {};\n\t\t},\n\t\terror: stream.error,\n\t\tisLoading: stream.isLoading,\n\t\tstop,\n\t\tsubmit,\n\t\tget interrupt() {\n\t\t\tif (stream.values != null && \"__interrupt__\" in stream.values && Array.isArray(stream.values.__interrupt__)) {\n\t\t\t\tconst valueInterrupts = stream.values.__interrupt__;\n\t\t\t\tif (valueInterrupts.length === 0) return { when: \"breakpoint\" };\n\t\t\t\tif (valueInterrupts.length === 1) return valueInterrupts[0];\n\t\t\t\treturn valueInterrupts;\n\t\t\t}\n\t\t},\n\t\tget messages() {\n\t\t\tif (!stream.values) return [];\n\t\t\treturn getMessages(stream.values);\n\t\t},\n\t\tget toolCalls() {\n\t\t\tif (!stream.values) return [];\n\t\t\treturn getToolCallsWithResults(getMessages(stream.values));\n\t\t},\n\t\tgetToolCalls(message) {\n\t\t\tif (!stream.values) return [];\n\t\t\treturn getToolCallsWithResults(getMessages(stream.values)).filter((tc) => tc.aiMessage.id === message.id);\n\t\t}\n\t};\n}\n\n//#endregion\nexport { FetchStreamTransport, useStreamCustom };\n//# sourceMappingURL=stream.custom.js.map"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es25.js","sources":["../src/components/ui/button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils/tailwindUtil\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center cursor-pointer justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-primary-foreground hover:bg-destructive/90\",\n        cool: \"dark:inset-shadow-2xs dark:inset-shadow-white/10 bg-linear-to-t border border-b-2 border-zinc-950/40 from-primary to-primary/85 shadow-md shadow-primary/20 ring-1 ring-inset ring-white/25 transition-[filter] duration-200 hover:brightness-110 active:brightness-90 dark:border-x-0 text-primary-foreground dark:text-primary-foreground dark:border-t-0 dark:border-primary/50 dark:ring-white/5\",\n        outline:\n          \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2\",\n        sm: \"h-8 rounded-md px-3 text-xs\",\n        lg: \"h-10 rounded-md px-8\",\n        icon: \"h-9 w-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\"\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nconst liquidbuttonVariants = cva(\n  \"inline-flex items-center transition-colors justify-center cursor-pointer gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent hover:scale-105 duration-300 transition text-primary\",\n        destructive:\n          \"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40\",\n        outline:\n          \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 text-xs gap-1.5 px-4 has-[>svg]:px-4\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        xl: \"h-12 rounded-md px-8 has-[>svg]:px-6\",\n        xxl: \"h-14 rounded-md px-10 has-[>svg]:px-8\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"xxl\",\n    },\n  }\n)\n\nfunction LiquidButton({\n  className,\n  variant,\n  size,\n  asChild = false,\n  children,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof liquidbuttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? Slot : \"button\"\n\n  return (\n    <>\n      <Comp\n        data-slot=\"button\"\n        className={cn(\n          \"relative\",\n          liquidbuttonVariants({ variant, size, className })\n        )}\n        {...props}\n      >\n        <div className=\"absolute top-0 left-0 z-0 h-full w-full rounded-full \n            shadow-[0_0_6px_rgba(0,0,0,0.03),0_2px_6px_rgba(0,0,0,0.08),inset_3px_3px_0.5px_-3px_rgba(0,0,0,0.9),inset_-3px_-3px_0.5px_-3px_rgba(0,0,0,0.85),inset_1px_1px_1px_-0.5px_rgba(0,0,0,0.6),inset_-1px_-1px_1px_-0.5px_rgba(0,0,0,0.6),inset_0_0_6px_6px_rgba(0,0,0,0.12),inset_0_0_2px_2px_rgba(0,0,0,0.06),0_0_12px_rgba(255,255,255,0.15)] \n        transition-all \n        dark:shadow-[0_0_8px_rgba(0,0,0,0.03),0_2px_6px_rgba(0,0,0,0.08),inset_3px_3px_0.5px_-3.5px_rgba(255,255,255,0.09),inset_-3px_-3px_0.5px_-3.5px_rgba(255,255,255,0.85),inset_1px_1px_1px_-0.5px_rgba(255,255,255,0.6),inset_-1px_-1px_1px_-0.5px_rgba(255,255,255,0.6),inset_0_0_6px_6px_rgba(255,255,255,0.12),inset_0_0_2px_2px_rgba(255,255,255,0.06),0_0_12px_rgba(0,0,0,0.15)]\" />\n        <div\n          className=\"absolute top-0 left-0 w-full h-full overflow-hidden rounded-md isolate -z-10\"\n          style={{ backdropFilter: 'url(\"#container-glass\")' }}\n        />\n\n        <div className=\"z-10 pointer-events-none \">\n          {children}\n        </div>\n        <GlassFilter />\n      </Comp>\n    </>\n  )\n}\n\n\nfunction GlassFilter() {\n  return (\n    <svg className=\"hidden\">\n      <defs>\n        <filter\n          id=\"container-glass\"\n          x=\"0%\"\n          y=\"0%\"\n          width=\"100%\"\n          height=\"100%\"\n          colorInterpolationFilters=\"sRGB\"\n        >\n          {/* Generate turbulent noise for distortion */}\n          <feTurbulence\n            type=\"fractalNoise\"\n            baseFrequency=\"0.05 0.05\"\n            numOctaves=\"1\"\n            seed=\"1\"\n            result=\"turbulence\"\n          />\n\n          {/* Blur the turbulence pattern slightly */}\n          <feGaussianBlur in=\"turbulence\" stdDeviation=\"2\" result=\"blurredNoise\" />\n\n          {/* Displace the source graphic with the noise */}\n          <feDisplacementMap\n            in=\"SourceGraphic\"\n            in2=\"blurredNoise\"\n            scale=\"70\"\n            xChannelSelector=\"R\"\n            yChannelSelector=\"B\"\n            result=\"displaced\"\n          />\n\n          {/* Apply overall blur on the final result */}\n          <feGaussianBlur in=\"displaced\" stdDeviation=\"4\" result=\"finalBlur\" />\n\n          {/* Output the result */}\n          <feComposite in=\"finalBlur\" in2=\"finalBlur\" operator=\"over\" />\n        </filter>\n      </defs>\n    </svg>\n  );\n}\n\ntype ColorVariant =\n  | \"default\"\n  | \"primary\"\n  | \"success\"\n  | \"error\"\n  | \"gold\"\n  | \"bronze\";\n \ninterface MetalButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ColorVariant;\n}\n \nconst colorVariants: Record<\n  ColorVariant,\n  {\n    outer: string;\n    inner: string;\n    button: string;\n    textColor: string;\n    textShadow: string;\n  }\n> = {\n  default: {\n    outer: \"bg-gradient-to-b from-[#000] to-[#A0A0A0]\",\n    inner: \"bg-gradient-to-b from-[#FAFAFA] via-[#3E3E3E] to-[#E5E5E5]\",\n    button: \"bg-gradient-to-b from-[#B9B9B9] to-[#969696]\",\n    textColor: \"text-white\",\n    textShadow: \"[text-shadow:0-1px_0_rgb(80_80_80_/_100%)]\",\n  },\n  primary: {\n    outer: \"bg-gradient-to-b from-[#000] to-[#A0A0A0]\",\n    inner: \"bg-gradient-to-b from-primary via-secondary to-muted\",\n    button: \"bg-gradient-to-b from-primary to-primary/40\",\n    textColor: \"text-white\",\n    textShadow: \"[text-shadow:0-1px_0_rgb(30_58_138_/_100%)]\",\n  },\n  success: {\n    outer: \"bg-gradient-to-b from-[#005A43] to-[#7CCB9B]\",\n    inner: \"bg-gradient-to-b from-[#E5F8F0] via-[#00352F] to-[#D1F0E6]\",\n    button: \"bg-gradient-to-b from-[#9ADBC8] to-[#3E8F7C]\",\n    textColor: \"text-[#FFF7F0]\",\n    textShadow: \"[text-shadow:0-1px_0_rgb(6_78_59_/_100%)]\",\n  },\n  error: {\n    outer: \"bg-gradient-to-b from-[#5A0000] to-[#FFAEB0]\",\n    inner: \"bg-gradient-to-b from-[#FFDEDE] via-[#680002] to-[#FFE9E9]\",\n    button: \"bg-gradient-to-b from-[#F08D8F] to-[#A45253]\",\n    textColor: \"text-[#FFF7F0]\",\n    textShadow: \"[text-shadow:0-1px_0_rgb(146_64_14_/_100%)]\",\n  },\n  gold: {\n    outer: \"bg-gradient-to-b from-[#917100] to-[#EAD98F]\",\n    inner: \"bg-gradient-to-b from-[#FFFDDD] via-[#856807] to-[#FFF1B3]\",\n    button: \"bg-gradient-to-b from-[#FFEBA1] to-[#9B873F]\",\n    textColor: \"text-[#FFFDE5]\",\n    textShadow: \"[text-shadow:0-1px_0_rgb(178_140_2_/_100%)]\",\n  },\n  bronze: {\n    outer: \"bg-gradient-to-b from-[#864813] to-[#E9B486]\",\n    inner: \"bg-gradient-to-b from-[#EDC5A1] via-[#5F2D01] to-[#FFDEC1]\",\n    button: \"bg-gradient-to-b from-[#FFE3C9] to-[#A36F3D]\",\n    textColor: \"text-[#FFF7F0]\",\n    textShadow: \"[text-shadow:0-1px_0_rgb(124_45_18_/_100%)]\",\n  },\n};\n \nconst metalButtonVariants = (\n  variant: ColorVariant = \"default\",\n  isPressed: boolean,\n  isHovered: boolean,\n  isTouchDevice: boolean,\n) => {\n  const colors = colorVariants[variant];\n  const transitionStyle = \"all 250ms cubic-bezier(0.1, 0.4, 0.2, 1)\";\n \n  return {\n    wrapper: cn(\n      \"relative inline-flex transform-gpu rounded-md p-[1.25px] will-change-transform\",\n      colors.outer,\n    ),\n    wrapperStyle: {\n      transform: isPressed\n        ? \"translateY(2.5px) scale(0.99)\"\n        : \"translateY(0) scale(1)\",\n      boxShadow: isPressed\n        ? \"0 1px 2px rgba(0, 0, 0, 0.15)\"\n        : isHovered && !isTouchDevice\n          ? \"0 4px 12px rgba(0, 0, 0, 0.12)\"\n          : \"0 3px 8px rgba(0, 0, 0, 0.08)\",\n      transition: transitionStyle,\n      transformOrigin: \"center center\",\n    },\n    inner: cn(\n      \"absolute inset-[1px] transform-gpu rounded-lg will-change-transform\",\n      colors.inner,\n    ),\n    innerStyle: {\n      transition: transitionStyle,\n      transformOrigin: \"center center\",\n      filter:\n        isHovered && !isPressed && !isTouchDevice ? \"brightness(1.05)\" : \"none\",\n    },\n    button: cn(\n      \"relative z-10 m-[1px] rounded-md inline-flex h-11 transform-gpu cursor-pointer items-center justify-center overflow-hidden rounded-md px-6 py-2 text-sm leading-none font-semibold will-change-transform outline-none\",\n      colors.button,\n      colors.textColor,\n      colors.textShadow,\n    ),\n    buttonStyle: {\n      transform: isPressed ? \"scale(0.97)\" : \"scale(1)\",\n      transition: transitionStyle,\n      transformOrigin: \"center center\",\n      filter:\n        isHovered && !isPressed && !isTouchDevice ? \"brightness(1.02)\" : \"none\",\n    },\n  };\n};\n \nconst ShineEffect = ({ isPressed }: { isPressed: boolean }) => {\n  return (\n    <div\n      className={cn(\n        \"pointer-events-none absolute inset-0 z-20 overflow-hidden transition-opacity duration-300\",\n        isPressed ? \"opacity-20\" : \"opacity-0\",\n      )}\n    >\n      <div className=\"absolute inset-0 rounded-md bg-gradient-to-r from-transparent via-neutral-100 to-transparent\" />\n    </div>\n  );\n};\n \nexport const MetalButton = React.forwardRef<\n  HTMLButtonElement,\n  MetalButtonProps\n>(({ children, className, variant = \"default\", ...props }, ref) => {\n  const [isPressed, setIsPressed] = React.useState(false);\n  const [isHovered, setIsHovered] = React.useState(false);\n  const [isTouchDevice, setIsTouchDevice] = React.useState(false);\n \n  React.useEffect(() => {\n    setIsTouchDevice(\"ontouchstart\" in window || navigator.maxTouchPoints > 0);\n  }, []);\n \n  const buttonText = children || \"Button\";\n  const variants = metalButtonVariants(\n    variant,\n    isPressed,\n    isHovered,\n    isTouchDevice,\n  );\n \n  const handleInternalMouseDown = () => {\n    setIsPressed(true);\n  };\n  const handleInternalMouseUp = () => {\n    setIsPressed(false);\n  };\n  const handleInternalMouseLeave = () => {\n    setIsPressed(false);\n    setIsHovered(false);\n  };\n  const handleInternalMouseEnter = () => {\n    if (!isTouchDevice) {\n      setIsHovered(true);\n    }\n  };\n  const handleInternalTouchStart = () => {\n    setIsPressed(true);\n  };\n  const handleInternalTouchEnd = () => {\n    setIsPressed(false);\n  };\n  const handleInternalTouchCancel = () => {\n    setIsPressed(false);\n  };\n \n  return (\n    <div className={variants.wrapper} style={variants.wrapperStyle}>\n      <div className={variants.inner} style={variants.innerStyle}></div>\n      <button\n        ref={ref}\n        className={cn(variants.button, className)}\n        style={variants.buttonStyle}\n        {...props}\n        onMouseDown={handleInternalMouseDown}\n        onMouseUp={handleInternalMouseUp}\n        onMouseLeave={handleInternalMouseLeave}\n        onMouseEnter={handleInternalMouseEnter}\n        onTouchStart={handleInternalTouchStart}\n        onTouchEnd={handleInternalTouchEnd}\n        onTouchCancel={handleInternalTouchCancel}\n      >\n        <ShineEffect isPressed={isPressed} />\n        {buttonText}\n        {isHovered && !isPressed && !isTouchDevice && (\n          <div className=\"absolute inset-0 rounded-lg pointer-events-none bg-gradient-to-t from-transparent to-white/5\" />\n        )}\n      </button>\n    </div>\n  );\n});\n \nMetalButton.displayName = \"MetalButton\";\n\nexport { Button, buttonVariants, liquidbuttonVariants, LiquidButton }\n"],"names":[],"mappings":"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"}

package/dist/index.es250.js

@@ -1,15 +1,19 @@
-import { __require as requireCompare } from "./index.es244.js";
-var gt_1;
-var hasRequiredGt;
-function requireGt() {
-  if (hasRequiredGt) return gt_1;
-  hasRequiredGt = 1;
-  const compare = requireCompare();
-  const gt = (a, b, loose) => compare(a, b, loose) > 0;
-  gt_1 = gt;
-  return gt_1;
+import { __require as requireSemver } from "./index.es236.js";
+var compareBuild_1;
+var hasRequiredCompareBuild;
+function requireCompareBuild() {
+  if (hasRequiredCompareBuild) return compareBuild_1;
+  hasRequiredCompareBuild = 1;
+  const SemVer = requireSemver();
+  const compareBuild = (a, b, loose) => {
+    const versionA = new SemVer(a, loose);
+    const versionB = new SemVer(b, loose);
+    return versionA.compare(versionB) || versionA.compareBuild(versionB);
+  };
+  compareBuild_1 = compareBuild;
+  return compareBuild_1;
 }
 export {
-  requireGt as __require
+  requireCompareBuild as __require
 };
 //# sourceMappingURL=index.es250.js.map

package/dist/index.es250.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es250.js","sources":["../node_modules/.pnpm/semver@7.7.3/node_modules/semver/functions/gt.js"],"sourcesContent":["'use strict'\n\nconst compare = require('./compare')\nconst gt = (a, b, loose) => compare(a, b, loose) > 0\nmodule.exports = gt\n"],"names":["require$$0"],"mappings":";;;;;;AAEA,QAAM,UAAUA,eAAA;AAChB,QAAM,KAAK,CAAC,GAAG,GAAG,UAAU,QAAQ,GAAG,GAAG,KAAK,IAAI;AACnD,SAAiB;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es250.js","sources":["../node_modules/.pnpm/semver@7.7.3/node_modules/semver/functions/compare-build.js"],"sourcesContent":["'use strict'\n\nconst SemVer = require('../classes/semver')\nconst compareBuild = (a, b, loose) => {\n  const versionA = new SemVer(a, loose)\n  const versionB = new SemVer(b, loose)\n  return versionA.compare(versionB) || versionA.compareBuild(versionB)\n}\nmodule.exports = compareBuild\n"],"names":["require$$0"],"mappings":";;;;;;AAEA,QAAM,SAASA,cAAA;AACf,QAAM,eAAe,CAAC,GAAG,GAAG,UAAU;AACpC,UAAM,WAAW,IAAI,OAAO,GAAG,KAAK;AACpC,UAAM,WAAW,IAAI,OAAO,GAAG,KAAK;AACpC,WAAO,SAAS,QAAQ,QAAQ,KAAK,SAAS,aAAa,QAAQ;AAAA,EACrE;AACA,mBAAiB;;;","x_google_ignoreList":[0]}

package/dist/index.es251.js

@@ -1,15 +1,15 @@
-import { __require as requireCompare } from "./index.es244.js";
-var lt_1;
-var hasRequiredLt;
-function requireLt() {
-  if (hasRequiredLt) return lt_1;
-  hasRequiredLt = 1;
-  const compare = requireCompare();
-  const lt = (a, b, loose) => compare(a, b, loose) < 0;
-  lt_1 = lt;
-  return lt_1;
+import { __require as requireCompareBuild } from "./index.es250.js";
+var sort_1;
+var hasRequiredSort;
+function requireSort() {
+  if (hasRequiredSort) return sort_1;
+  hasRequiredSort = 1;
+  const compareBuild = requireCompareBuild();
+  const sort = (list, loose) => list.sort((a, b) => compareBuild(a, b, loose));
+  sort_1 = sort;
+  return sort_1;
 }
 export {
-  requireLt as __require
+  requireSort as __require
 };
 //# sourceMappingURL=index.es251.js.map

package/dist/index.es251.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es251.js","sources":["../node_modules/.pnpm/semver@7.7.3/node_modules/semver/functions/lt.js"],"sourcesContent":["'use strict'\n\nconst compare = require('./compare')\nconst lt = (a, b, loose) => compare(a, b, loose) < 0\nmodule.exports = lt\n"],"names":["require$$0"],"mappings":";;;;;;AAEA,QAAM,UAAUA,eAAA;AAChB,QAAM,KAAK,CAAC,GAAG,GAAG,UAAU,QAAQ,GAAG,GAAG,KAAK,IAAI;AACnD,SAAiB;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es251.js","sources":["../node_modules/.pnpm/semver@7.7.3/node_modules/semver/functions/sort.js"],"sourcesContent":["'use strict'\n\nconst compareBuild = require('./compare-build')\nconst sort = (list, loose) => list.sort((a, b) => compareBuild(a, b, loose))\nmodule.exports = sort\n"],"names":["require$$0"],"mappings":";;;;;;AAEA,QAAM,eAAeA,oBAAA;AACrB,QAAM,OAAO,CAAC,MAAM,UAAU,KAAK,KAAK,CAAC,GAAG,MAAM,aAAa,GAAG,GAAG,KAAK,CAAC;AAC3E,WAAiB;;;","x_google_ignoreList":[0]}

package/dist/index.es252.js

@@ -1,15 +1,15 @@
-import { __require as requireCompare } from "./index.es244.js";
-var eq_1;
-var hasRequiredEq;
-function requireEq() {
-  if (hasRequiredEq) return eq_1;
-  hasRequiredEq = 1;
-  const compare = requireCompare();
-  const eq = (a, b, loose) => compare(a, b, loose) === 0;
-  eq_1 = eq;
-  return eq_1;
+import { __require as requireCompareBuild } from "./index.es250.js";
+var rsort_1;
+var hasRequiredRsort;
+function requireRsort() {
+  if (hasRequiredRsort) return rsort_1;
+  hasRequiredRsort = 1;
+  const compareBuild = requireCompareBuild();
+  const rsort = (list, loose) => list.sort((a, b) => compareBuild(b, a, loose));
+  rsort_1 = rsort;
+  return rsort_1;
 }
 export {
-  requireEq as __require
+  requireRsort as __require
 };
 //# sourceMappingURL=index.es252.js.map