@langchain/macaw-components 1.0.0-beta.0

package/dist/components/LinearProgress/LinearProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearProgress.js","names":[],"sources":["../../../src/components/LinearProgress/LinearProgress.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes } from 'react';\n\nimport { cn } from '../../utils/cn';\n\ninterface LinearProgressStyle extends CSSProperties {\n  '--linear-progress-thickness'?: string;\n}\n\ninterface LinearProgressProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children' | 'color'\n> {\n  /** Current progress value. Passing a value renders a determinate bar. */\n  value?: number;\n  /** Minimum value for determinate progress. */\n  min?: number;\n  /** Maximum value for determinate progress. */\n  max?: number;\n  /** Progress mode. Defaults to indeterminate unless a value is provided. */\n  variant?: 'indeterminate' | 'determinate';\n  /** Custom bar height in pixels. Defaults to 2px. */\n  thicknessPx?: number;\n}\n\nfunction clampValue(value: number, min: number, max: number) {\n  if (max <= min) return min;\n  return Math.min(Math.max(value, min), max);\n}\n\nfunction getPercent(value: number, min: number, max: number) {\n  if (max <= min) return 0;\n  return ((clampValue(value, min, max) - min) / (max - min)) * 100;\n}\n\nfunction getFiniteValue(value: number, fallback: number) {\n  return Number.isFinite(value) ? value : fallback;\n}\n\nconst LinearProgress = forwardRef<HTMLDivElement, LinearProgressProps>(\n  (\n    {\n      value,\n      min = 0,\n      max = 100,\n      variant,\n      thicknessPx,\n      className,\n      style,\n      ...props\n    },\n    ref\n  ) => {\n    const isDeterminate = variant === 'determinate' || value !== undefined;\n    const safeValue = getFiniteValue(value ?? min, min);\n    const clampedValue = clampValue(safeValue, min, max);\n    const progressPercent = getPercent(safeValue, min, max);\n    const rootStyle: LinearProgressStyle = { ...style };\n\n    if (thicknessPx !== undefined) {\n      rootStyle['--linear-progress-thickness'] = `${thicknessPx}px`;\n    }\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        role=\"progressbar\"\n        aria-valuemin={isDeterminate ? min : undefined}\n        aria-valuemax={isDeterminate ? max : undefined}\n        aria-valuenow={isDeterminate ? Math.round(clampedValue) : undefined}\n        className={cn(\n          'relative w-full flex-none overflow-hidden',\n          thicknessPx === undefined\n            ? 'h-0.5'\n            : 'h-[var(--linear-progress-thickness)]',\n          'bg-brand-subtle',\n          'rounded-none',\n          className\n        )}\n        style={rootStyle}\n      >\n        <div\n          className={cn(\n            'absolute inset-y-0 left-0',\n            'bg-brand',\n            'rounded-none',\n            isDeterminate\n              ? 'transition-[width] duration-200 ease-out'\n              : 'w-[12.5%] animate-linear-progress-indeterminate motion-reduce:animate-none'\n          )}\n          style={isDeterminate ? { width: `${progressPercent}%` } : undefined}\n        />\n      </div>\n    );\n  }\n);\n\nLinearProgress.displayName = 'LinearProgress';\n\nexport { LinearProgress };\nexport type { LinearProgressProps };\n"],"mappings":";;;;AAwBA,SAAS,WAAW,OAAe,KAAa,KAAa;CAC3D,IAAI,OAAO,KAAK,OAAO;CACvB,OAAO,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,GAAG;AAC3C;AAEA,SAAS,WAAW,OAAe,KAAa,KAAa;CAC3D,IAAI,OAAO,KAAK,OAAO;CACvB,QAAS,WAAW,OAAO,KAAK,GAAG,IAAI,QAAQ,MAAM,OAAQ;AAC/D;AAEA,SAAS,eAAe,OAAe,UAAkB;CACvD,OAAO,OAAO,SAAS,KAAK,IAAI,QAAQ;AAC1C;AAEA,IAAM,iBAAiB,YAEnB,EACE,OACA,MAAM,GACN,MAAM,KACN,SACA,aACA,WACA,OACA,GAAG,SAEL,QACG;CACH,MAAM,gBAAgB,YAAY,iBAAiB,UAAU,KAAA;CAC7D,MAAM,YAAY,eAAe,SAAS,KAAK,GAAG;CAClD,MAAM,eAAe,WAAW,WAAW,KAAK,GAAG;CACnD,MAAM,kBAAkB,WAAW,WAAW,KAAK,GAAG;CACtD,MAAM,YAAiC,EAAE,GAAG,MAAM;CAElD,IAAI,gBAAgB,KAAA,GAClB,UAAU,iCAAiC,GAAG,YAAY;CAG5D,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,MAAK;EACL,iBAAe,gBAAgB,MAAM,KAAA;EACrC,iBAAe,gBAAgB,MAAM,KAAA;EACrC,iBAAe,gBAAgB,KAAK,MAAM,YAAY,IAAI,KAAA;EAC1D,WAAW,GACT,6CACA,gBAAgB,KAAA,IACZ,UACA,wCACJ,mBACA,gBACA,SACF;EACA,OAAO;EAEP,UAAA,oBAAC,OAAD;GACE,WAAW,GACT,6BACA,YACA,gBACA,gBACI,6CACA,4EACN;GACA,OAAO,gBAAgB,EAAE,OAAO,GAAG,gBAAgB,GAAG,IAAI,KAAA;EAC3D,CAAA;CACE,CAAA;AAET,CACF;AAEA,eAAe,cAAc"}

package/dist/components/LinearProgress/index.d.ts

@@ -0,0 +1,2 @@
+export { LinearProgress } from './LinearProgress.js';
+export type { LinearProgressProps } from './LinearProgress.js';

package/dist/components/LinearProgress/index.js

@@ -0,0 +1,2 @@
+import { LinearProgress } from "./LinearProgress.js";
+export { LinearProgress };

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,30 @@
+import { type AnchorHTMLAttributes, type ReactElement, type ReactNode } from 'react';
+import type { IconComponent, IconWeight } from '../../utils/icon-types.js';
+import type { TextProps } from '../Text/index.js';
+type LinkRenderElement = ReactElement<{
+    children?: ReactNode;
+    className?: string;
+    [key: string]: unknown;
+}>;
+type LinkProps = {
+    /** Typography size — mirrors <Text> styles */
+    variant?: TextProps['variant'];
+    leftDecorator?: IconComponent;
+    rightDecorator?: IconComponent;
+    /** Phosphor weight used for decorator icons. */
+    iconWeight?: IconWeight;
+} & ((AnchorHTMLAttributes<HTMLAnchorElement> & {
+    /** Render a native anchor with this URL. */
+    href: string;
+    as?: never;
+}) | (Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> & {
+    /**
+     * Render link styling through a routing framework's anchor component.
+     * For example: `as={<RouterLink to="/runs" />}`.
+     */
+    as: LinkRenderElement;
+    href?: never;
+}));
+declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export { Link };
+export type { LinkProps };

package/dist/components/Link/Link.js

@@ -0,0 +1,51 @@
+import { cn } from "../../utils/cn.js";
+import { textVariantClasses } from "../Text/Text.js";
+import { cloneElement, forwardRef, isValidElement } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/components/src/components/Link/Link.tsx
+var TextContent = (children, leftDecorator, rightDecorator, iconWeight) => {
+	const LeftIcon = leftDecorator;
+	const RightIcon = rightDecorator;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		LeftIcon && /* @__PURE__ */ jsx(LeftIcon, {
+			"aria-hidden": true,
+			className: "h-[1em] w-[1em] flex-shrink-0 text-link dark:text-brand-secondary dark:group-hover:text-brand-primary",
+			weight: iconWeight
+		}),
+		/* @__PURE__ */ jsx("span", {
+			className: "text-link underline-offset-2 hover:text-link-hover hover:underline hover:decoration-ls-neutral-300 hover:decoration-1 dark:text-brand-secondary dark:hover:text-brand-primary dark:hover:decoration-ls-neutral-400",
+			children
+		}),
+		RightIcon && /* @__PURE__ */ jsx(RightIcon, {
+			"aria-hidden": true,
+			className: "h-[1em] w-[1em] flex-shrink-0 text-link dark:text-brand-secondary dark:group-hover:text-brand-primary",
+			weight: iconWeight
+		})
+	] });
+};
+var Link = forwardRef(({ variant = "body", leftDecorator, rightDecorator, iconWeight, className, children, as, ...props }, ref) => {
+	const containerClass = cn("group inline-flex items-center gap-[2px]", textVariantClasses[variant], className);
+	const content = TextContent(children, leftDecorator, rightDecorator, iconWeight);
+	if (as) {
+		if (!isValidElement(as)) return null;
+		return cloneElement(as, {
+			...props,
+			ref,
+			className: cn(as.props.className, containerClass),
+			children: content
+		});
+	}
+	const { href, ...anchorProps } = props;
+	return /* @__PURE__ */ jsx("a", {
+		ref,
+		href,
+		className: containerClass,
+		...anchorProps,
+		children: content
+	});
+});
+Link.displayName = "Link";
+//#endregion
+export { Link };
+
+//# sourceMappingURL=Link.js.map

package/dist/components/Link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","names":[],"sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type AnchorHTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport { cn } from '../../utils/cn';\nimport type { IconComponent, IconWeight } from '../../utils/icon-types';\nimport { textVariantClasses } from '../Text';\nimport type { TextProps } from '../Text';\n\ntype LinkRenderElement = ReactElement<{\n  children?: ReactNode;\n  className?: string;\n  [key: string]: unknown;\n}>;\n\ntype LinkProps = {\n  /** Typography size — mirrors <Text> styles */\n  variant?: TextProps['variant'];\n  leftDecorator?: IconComponent;\n  rightDecorator?: IconComponent;\n  /** Phosphor weight used for decorator icons. */\n  iconWeight?: IconWeight;\n} & (\n  | (AnchorHTMLAttributes<HTMLAnchorElement> & {\n      /** Render a native anchor with this URL. */\n      href: string;\n      as?: never;\n    })\n  | (Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> & {\n      /**\n       * Render link styling through a routing framework's anchor component.\n       * For example: `as={<RouterLink to=\"/runs\" />}`.\n       */\n      as: LinkRenderElement;\n      href?: never;\n    })\n);\n\nconst TextContent = (\n  children: React.ReactNode,\n  leftDecorator: IconComponent | undefined,\n  rightDecorator: IconComponent | undefined,\n  iconWeight: IconWeight | undefined\n) => {\n  const LeftIcon = leftDecorator;\n  const RightIcon = rightDecorator;\n  return (\n    <>\n      {LeftIcon && (\n        <LeftIcon\n          aria-hidden\n          className=\"h-[1em] w-[1em] flex-shrink-0 text-link dark:text-brand-secondary dark:group-hover:text-brand-primary\"\n          weight={iconWeight}\n        />\n      )}\n      <span className=\"text-link underline-offset-2 hover:text-link-hover hover:underline hover:decoration-ls-neutral-300 hover:decoration-1 dark:text-brand-secondary dark:hover:text-brand-primary dark:hover:decoration-ls-neutral-400\">\n        {children}\n      </span>\n      {RightIcon && (\n        <RightIcon\n          aria-hidden\n          className=\"h-[1em] w-[1em] flex-shrink-0 text-link dark:text-brand-secondary dark:group-hover:text-brand-primary\"\n          weight={iconWeight}\n        />\n      )}\n    </>\n  );\n};\n\nconst Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      variant = 'body',\n      leftDecorator,\n      rightDecorator,\n      iconWeight,\n      className,\n      children,\n      as,\n      ...props\n    },\n    ref\n  ) => {\n    const containerClass = cn(\n      'group inline-flex items-center gap-[2px]',\n      textVariantClasses[variant],\n      className\n    );\n\n    const content = TextContent(\n      children,\n      leftDecorator,\n      rightDecorator,\n      iconWeight\n    );\n\n    if (as) {\n      if (!isValidElement(as)) return null;\n\n      return cloneElement(as, {\n        ...props,\n        ref,\n        className: cn(as.props.className, containerClass),\n        children: content,\n      });\n    }\n\n    const { href, ...anchorProps } = props;\n    return (\n      // eslint-disable-next-line react/forbid-elements\n      <a ref={ref} href={href} className={containerClass} {...anchorProps}>\n        {content}\n      </a>\n    );\n  }\n);\n\nLink.displayName = 'Link';\n\nexport { Link };\nexport type { LinkProps };\n"],"mappings":";;;;;AA2CA,IAAM,eACJ,UACA,eACA,gBACA,eACG;CACH,MAAM,WAAW;CACjB,MAAM,YAAY;CAClB,OACE,qBAAA,YAAA,EAAA,UAAA;EACG,YACC,oBAAC,UAAD;GACE,eAAA;GACA,WAAU;GACV,QAAQ;EACT,CAAA;EAEH,oBAAC,QAAD;GAAM,WAAU;GACb;EACG,CAAA;EACL,aACC,oBAAC,WAAD;GACE,eAAA;GACA,WAAU;GACV,QAAQ;EACT,CAAA;CAEH,EAAA,CAAA;AAEN;AAEA,IAAM,OAAO,YAET,EACE,UAAU,QACV,eACA,gBACA,YACA,WACA,UACA,IACA,GAAG,SAEL,QACG;CACH,MAAM,iBAAiB,GACrB,4CACA,mBAAmB,UACnB,SACF;CAEA,MAAM,UAAU,YACd,UACA,eACA,gBACA,UACF;CAEA,IAAI,IAAI;EACN,IAAI,CAAC,eAAe,EAAE,GAAG,OAAO;EAEhC,OAAO,aAAa,IAAI;GACtB,GAAG;GACH;GACA,WAAW,GAAG,GAAG,MAAM,WAAW,cAAc;GAChD,UAAU;EACZ,CAAC;CACH;CAEA,MAAM,EAAE,MAAM,GAAG,gBAAgB;CACjC,OAEE,oBAAC,KAAD;EAAQ;EAAW;EAAM,WAAW;EAAgB,GAAI;EACrD,UAAA;CACA,CAAA;AAEP,CACF;AAEA,KAAK,cAAc"}

package/dist/components/Link/index.d.ts

@@ -0,0 +1,2 @@
+export { Link } from './Link.js';
+export type { LinkProps } from './Link.js';

package/dist/components/Link/index.js

@@ -0,0 +1,2 @@
+import { Link } from "./Link.js";
+export { Link };

package/dist/components/Logo/index.d.ts

@@ -0,0 +1,17 @@
+export type LogoBrand = 'langsmith' | 'langchain' | 'fleet' | 'engine';
+export type LogoVariant = 'logomark' | 'wordmark' | 'full';
+export type LogoSize = 'sm' | 'md' | 'lg' | 'xl';
+export declare const EngineBadge: ({ className }: {
+    className?: string;
+}) => import("react").JSX.Element;
+export interface LogoProps {
+    size?: LogoSize;
+    className?: string;
+    variant?: LogoVariant;
+    brand?: LogoBrand;
+    customLogoUrl?: string | null;
+}
+/**
+ * Logo use: the `Logo` component renders the logo for a specified brand, variant, and size. When using this component you MUST follow LangChain's brand guidelines, which can be found on LangChain's official website.
+ **/
+export declare function Logo(props: LogoProps): import("react").JSX.Element;