langgraph-ui-components 0.0.4 → 0.0.6

package/dist/index.es25.js

@@ -1,125 +1,309 @@
-import { useStream } from "./index.es16.js";
-import "./index.es15.js";
-import * as React from "react";
-import * as ReactDOM from "react-dom";
-import * as JsxRuntime from "react/jsx-runtime";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-const UseStreamContext = React.createContext(null);
-function useStreamContext() {
-  const ctx = React.useContext(UseStreamContext);
-  if (!ctx) throw new Error("useStreamContext must be used within a LoadExternalComponent");
-  return new Proxy(ctx, { get(target, prop) {
-    if (prop === "meta") return target.meta;
-    return target.stream[prop];
-  } });
-}
-var ComponentStore = class {
-  cache = {};
-  boundCache = {};
-  callbacks = {};
-  respond(shadowRootId, comp, targetElement) {
-    this.cache[shadowRootId] = {
-      comp,
-      target: targetElement
-    };
-    this.callbacks[shadowRootId]?.forEach((c) => c(comp, targetElement));
+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"
+      }
+    },
+    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
+      }
+    );
   }
-  getBoundStore(shadowRootId) {
-    this.boundCache[shadowRootId] ??= {
-      subscribe: (onStoreChange) => {
-        this.callbacks[shadowRootId] ??= [];
-        this.callbacks[shadowRootId].push(onStoreChange);
-        return () => {
-          this.callbacks[shadowRootId] = this.callbacks[shadowRootId].filter((c) => c !== onStoreChange);
-        };
+);
+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"
       },
-      getSnapshot: () => this.cache[shadowRootId]
-    };
-    return this.boundCache[shadowRootId];
+      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"
+      }
+    },
+    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 COMPONENT_STORE = new ComponentStore();
-const EXT_STORE_SYMBOL = /* @__PURE__ */ Symbol.for("LGUI_EXT_STORE");
-const REQUIRE_SYMBOL = /* @__PURE__ */ Symbol.for("LGUI_REQUIRE");
-const REQUIRE_EXTRA_SYMBOL = /* @__PURE__ */ Symbol.for("LGUI_REQUIRE_EXTRA");
-const isIterable = (value) => value != null && typeof value === "object" && Symbol.iterator in value;
-const isPromise = (value) => value != null && typeof value === "object" && "then" in value && typeof value.then === "function";
-const isReactNode = (value) => {
-  if (React.isValidElement(value)) return true;
-  if (value == null) return true;
-  if (typeof value === "string" || typeof value === "number" || typeof value === "bigint" || typeof value === "boolean") return true;
-  if (isIterable(value)) return true;
-  if (isPromise(value)) return true;
-  return false;
-};
-function LoadExternalComponent({ stream, namespace, message, meta, fallback, components, ...props }) {
-  const ref = React.useRef(null);
-  const shadowRootId = `child-shadow-${React.useId()}`;
-  const store = React.useMemo(() => COMPONENT_STORE.getBoundStore(shadowRootId), [shadowRootId]);
-  const state = React.useSyncExternalStore(store.subscribe, store.getSnapshot);
-  const clientComponent = components?.[message.name];
-  const hasClientComponent = clientComponent != null;
-  let fallbackComponent = null;
-  if (isReactNode(fallback)) fallbackComponent = fallback;
-  else if (typeof fallback === "object" && fallback != null) fallbackComponent = fallback?.[message.name];
-  const uiNamespace = namespace ?? stream.assistantId;
-  const uiClient = stream.client["~ui"];
-  React.useEffect(() => {
-    if (hasClientComponent) return;
-    uiClient.getComponent(uiNamespace, message.name).then((html) => {
-      const dom = ref.current;
-      if (!dom) return;
-      const root = dom.shadowRoot ?? dom.attachShadow({ mode: "open" });
-      const fragment = document.createRange().createContextualFragment(html.replace("{{shadowRootId}}", shadowRootId));
-      root.appendChild(fragment);
-    });
-  }, [
-    uiClient,
-    uiNamespace,
-    message.name,
-    shadowRootId,
-    hasClientComponent
-  ]);
-  if (hasClientComponent) return /* @__PURE__ */ jsx(UseStreamContext.Provider, {
-    value: {
-      stream,
-      meta
+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"
     },
-    children: React.createElement(clientComponent, message.props)
-  });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
-    id: shadowRootId,
-    ref,
-    ...props
-  }), /* @__PURE__ */ jsx(UseStreamContext.Provider, {
-    value: {
-      stream,
-      meta
+    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"
     },
-    children: state?.target != null ? ReactDOM.createPortal(React.createElement(state.comp, message.props), state.target) : fallbackComponent
-  })] });
-}
-function bootstrapUiContext() {
-  if (typeof window === "undefined") return;
-  window[EXT_STORE_SYMBOL] = COMPONENT_STORE;
-  window[REQUIRE_SYMBOL] = (name) => {
-    if (name === "react") return React;
-    if (name === "react-dom") return ReactDOM;
-    if (name === "react/jsx-runtime") return JsxRuntime;
-    if (name === "@langchain/langgraph-sdk/react") return { useStream };
-    if (name === "@langchain/langgraph-sdk/react-ui") return {
-      useStreamContext,
-      LoadExternalComponent: () => {
-        throw new Error("Nesting LoadExternalComponent is not supported");
-      }
-    };
-    if (window[REQUIRE_EXTRA_SYMBOL] != null && typeof window[REQUIRE_EXTRA_SYMBOL] === "object" && name in window[REQUIRE_EXTRA_SYMBOL]) return window[REQUIRE_EXTRA_SYMBOL][name];
-    throw new Error(`Unknown module...: ${name}`);
+    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 {
-  LoadExternalComponent,
-  bootstrapUiContext,
-  useStreamContext
+  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-ui/client.js"],"sourcesContent":["\"use client\";\n\nimport { useStream } from \"../react/stream.js\";\nimport \"../react/index.js\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport * as JsxRuntime from \"react/jsx-runtime\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region src/react-ui/client.tsx\nconst UseStreamContext = React.createContext(null);\nfunction useStreamContext() {\n\tconst ctx = React.useContext(UseStreamContext);\n\tif (!ctx) throw new Error(\"useStreamContext must be used within a LoadExternalComponent\");\n\treturn new Proxy(ctx, { get(target, prop) {\n\t\tif (prop === \"meta\") return target.meta;\n\t\treturn target.stream[prop];\n\t} });\n}\nvar ComponentStore = class {\n\tcache = {};\n\tboundCache = {};\n\tcallbacks = {};\n\trespond(shadowRootId, comp, targetElement) {\n\t\tthis.cache[shadowRootId] = {\n\t\t\tcomp,\n\t\t\ttarget: targetElement\n\t\t};\n\t\tthis.callbacks[shadowRootId]?.forEach((c) => c(comp, targetElement));\n\t}\n\tgetBoundStore(shadowRootId) {\n\t\tthis.boundCache[shadowRootId] ??= {\n\t\t\tsubscribe: (onStoreChange) => {\n\t\t\t\tthis.callbacks[shadowRootId] ??= [];\n\t\t\t\tthis.callbacks[shadowRootId].push(onStoreChange);\n\t\t\t\treturn () => {\n\t\t\t\t\tthis.callbacks[shadowRootId] = this.callbacks[shadowRootId].filter((c) => c !== onStoreChange);\n\t\t\t\t};\n\t\t\t},\n\t\t\tgetSnapshot: () => this.cache[shadowRootId]\n\t\t};\n\t\treturn this.boundCache[shadowRootId];\n\t}\n};\nconst COMPONENT_STORE = new ComponentStore();\nconst EXT_STORE_SYMBOL = Symbol.for(\"LGUI_EXT_STORE\");\nconst REQUIRE_SYMBOL = Symbol.for(\"LGUI_REQUIRE\");\nconst REQUIRE_EXTRA_SYMBOL = Symbol.for(\"LGUI_REQUIRE_EXTRA\");\nconst isIterable = (value) => value != null && typeof value === \"object\" && Symbol.iterator in value;\nconst isPromise = (value) => value != null && typeof value === \"object\" && \"then\" in value && typeof value.then === \"function\";\nconst isReactNode = (value) => {\n\tif (React.isValidElement(value)) return true;\n\tif (value == null) return true;\n\tif (typeof value === \"string\" || typeof value === \"number\" || typeof value === \"bigint\" || typeof value === \"boolean\") return true;\n\tif (isIterable(value)) return true;\n\tif (isPromise(value)) return true;\n\treturn false;\n};\nfunction LoadExternalComponent({ stream, namespace, message, meta, fallback, components, ...props }) {\n\tconst ref = React.useRef(null);\n\tconst shadowRootId = `child-shadow-${React.useId()}`;\n\tconst store = React.useMemo(() => COMPONENT_STORE.getBoundStore(shadowRootId), [shadowRootId]);\n\tconst state = React.useSyncExternalStore(store.subscribe, store.getSnapshot);\n\tconst clientComponent = components?.[message.name];\n\tconst hasClientComponent = clientComponent != null;\n\tlet fallbackComponent = null;\n\tif (isReactNode(fallback)) fallbackComponent = fallback;\n\telse if (typeof fallback === \"object\" && fallback != null) fallbackComponent = fallback?.[message.name];\n\tconst uiNamespace = namespace ?? stream.assistantId;\n\tconst uiClient = stream.client[\"~ui\"];\n\tReact.useEffect(() => {\n\t\tif (hasClientComponent) return;\n\t\tuiClient.getComponent(uiNamespace, message.name).then((html) => {\n\t\t\tconst dom = ref.current;\n\t\t\tif (!dom) return;\n\t\t\tconst root = dom.shadowRoot ?? dom.attachShadow({ mode: \"open\" });\n\t\t\tconst fragment = document.createRange().createContextualFragment(html.replace(\"{{shadowRootId}}\", shadowRootId));\n\t\t\troot.appendChild(fragment);\n\t\t});\n\t}, [\n\t\tuiClient,\n\t\tuiNamespace,\n\t\tmessage.name,\n\t\tshadowRootId,\n\t\thasClientComponent\n\t]);\n\tif (hasClientComponent) return /* @__PURE__ */ jsx(UseStreamContext.Provider, {\n\t\tvalue: {\n\t\t\tstream,\n\t\t\tmeta\n\t\t},\n\t\tchildren: React.createElement(clientComponent, message.props)\n\t});\n\treturn /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(\"div\", {\n\t\tid: shadowRootId,\n\t\tref,\n\t\t...props\n\t}), /* @__PURE__ */ jsx(UseStreamContext.Provider, {\n\t\tvalue: {\n\t\t\tstream,\n\t\t\tmeta\n\t\t},\n\t\tchildren: state?.target != null ? ReactDOM.createPortal(React.createElement(state.comp, message.props), state.target) : fallbackComponent\n\t})] });\n}\nfunction experimental_loadShare(name, module) {\n\tif (typeof window === \"undefined\") return;\n\twindow[REQUIRE_EXTRA_SYMBOL] ??= {};\n\twindow[REQUIRE_EXTRA_SYMBOL][name] = module;\n}\nfunction bootstrapUiContext() {\n\tif (typeof window === \"undefined\") return;\n\twindow[EXT_STORE_SYMBOL] = COMPONENT_STORE;\n\twindow[REQUIRE_SYMBOL] = (name) => {\n\t\tif (name === \"react\") return React;\n\t\tif (name === \"react-dom\") return ReactDOM;\n\t\tif (name === \"react/jsx-runtime\") return JsxRuntime;\n\t\tif (name === \"@langchain/langgraph-sdk/react\") return { useStream };\n\t\tif (name === \"@langchain/langgraph-sdk/react-ui\") return {\n\t\t\tuseStreamContext,\n\t\t\tLoadExternalComponent: () => {\n\t\t\t\tthrow new Error(\"Nesting LoadExternalComponent is not supported\");\n\t\t\t}\n\t\t};\n\t\tif (window[REQUIRE_EXTRA_SYMBOL] != null && typeof window[REQUIRE_EXTRA_SYMBOL] === \"object\" && name in window[REQUIRE_EXTRA_SYMBOL]) return window[REQUIRE_EXTRA_SYMBOL][name];\n\t\tthrow new Error(`Unknown module...: ${name}`);\n\t};\n}\n\n//#endregion\nexport { LoadExternalComponent, bootstrapUiContext, experimental_loadShare, useStreamContext };\n//# sourceMappingURL=client.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 requireCompareBuild } from "./index.es249.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 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 {
-  requireSort 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/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.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 requireCompareBuild } from "./index.es249.js";
-var rsort_1;
-var hasRequiredRsort;
-function requireRsort() {
-  if (hasRequiredRsort) return rsort_1;
-  hasRequiredRsort = 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 rsort = (list, loose) => list.sort((a, b) => compareBuild(b, a, loose));
-  rsort_1 = rsort;
-  return rsort_1;
+  const sort = (list, loose) => list.sort((a, b) => compareBuild(a, b, loose));
+  sort_1 = sort;
+  return sort_1;
 }
 export {
-  requireRsort 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/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.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.es246.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 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 {
-  requireGt as __require
+  requireRsort as __require
 };
 //# sourceMappingURL=index.es252.js.map

package/dist/index.es252.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es252.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.es252.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]}

package/dist/index.es253.js

@@ -1,15 +1,15 @@
-import { __require as requireCompare } from "./index.es246.js";
-var lt_1;
-var hasRequiredLt;
-function requireLt() {
-  if (hasRequiredLt) return lt_1;
-  hasRequiredLt = 1;
+import { __require as requireCompare } from "./index.es247.js";
+var gt_1;
+var hasRequiredGt;
+function requireGt() {
+  if (hasRequiredGt) return gt_1;
+  hasRequiredGt = 1;
   const compare = requireCompare();
-  const lt = (a, b, loose) => compare(a, b, loose) < 0;
-  lt_1 = lt;
-  return lt_1;
+  const gt = (a, b, loose) => compare(a, b, loose) > 0;
+  gt_1 = gt;
+  return gt_1;
 }
 export {
-  requireLt as __require
+  requireGt as __require
 };
 //# sourceMappingURL=index.es253.js.map

package/dist/index.es253.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es253.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.es253.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]}