@keboola/design 11.0.0 → 11.0.1

package/dist/internal/components/Toggle.js

@@ -1,9 +1,169 @@
-export { Toggle } from '../../chunk-QQA37LFB.js';
-import '../../chunk-SWQFYNYG.js';
-import '../../chunk-3W27OLK5.js';
-import '../../chunk-MODE4QIA.js';
-import '../../chunk-WETKNYZX.js';
-import '../../chunk-LXLIQ2D6.js';
-import '../../chunk-G3PMV62Z.js';
-//# sourceMappingURL=Toggle.js.map
+import { cn } from "../../classNames-BzrkDnOD.js";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Root } from "@radix-ui/react-toggle";
+//#region src/components/Toggle/Toggle.tsx
+const toggleVariants = cva([
+	"tailwindcss-preflight",
+	"tw:relative",
+	"tw:flex",
+	"tw:items-center",
+	"tw:justify-center",
+	"tw:gap-2",
+	"tw:uppercase",
+	"tw:text-xs",
+	"tw:leading-5",
+	"tw:font-medium",
+	"tw:tracking-[1px]",
+	"tw:border",
+	"tw:rounded",
+	"tw:whitespace-nowrap",
+	"tw:transition-colors",
+	"tw:duration-100",
+	"tw:ease-linear",
+	"tw:[&_svg]:transition-colors",
+	"tw:[&_svg]:duration-100",
+	"tw:[&_svg]:ease-linear",
+	"tw:not-disabled:hover:border-neutral-300",
+	"tw:not-disabled:hover:bg-neutral-100",
+	"tw:disabled:opacity-50",
+	"tw:disabled:cursor-not-allowed",
+	"tw:[&:not(:active)]:not-disabled:focus-visible:outline",
+	"tw:!outline-offset-0",
+	"tw:[&:not(:active)]:not-disabled:focus-visible:outline-ring",
+	"tw:[&:not(:active)]:not-disabled:focus-visible:outline-1",
+	"tw:[&:not(:active)]:not-disabled:focus-visible:ring-4",
+	"tw:[&:not(:active)]:not-disabled:focus-visible:ring-ring/20"
+], {
+	variants: {
+		variant: {
+			ai: [
+				"tw:border-0",
+				"tw:aria-[pressed=false]:bg-gradient-to-br",
+				"tw:aria-[pressed=false]:from-secondary-100",
+				"tw:aria-[pressed=false]:to-purple-100",
+				"tw:hover:aria-[pressed=false]:from-secondary-200",
+				"tw:hover:aria-[pressed=false]:to-purple-200",
+				"tw:aria-pressed:bg-gradient-to-br",
+				"tw:aria-pressed:from-secondary-600",
+				"tw:aria-pressed:to-purple-600",
+				"tw:hover:aria-pressed:from-secondary-700",
+				"tw:hover:aria-pressed:to-purple-700",
+				"tw:[&_*]:stroke-aigradient-600",
+				"tw:aria-pressed:[&_*]:stroke-white",
+				"tw:*:aria-pressed:text-white"
+			],
+			"ai-vivid": [
+				"tw:border-0",
+				"tw:rounded-lg",
+				"tw:normal-case",
+				"tw:tracking-normal",
+				"tw:gap-1.5",
+				"tw:bg-gradient-to-br",
+				"tw:from-sky-400",
+				"tw:via-sky-600",
+				"tw:to-violet-600",
+				"tw:text-white",
+				"tw:not-disabled:hover:bg-none",
+				"tw:not-disabled:hover:bg-sky-100",
+				"tw:not-disabled:hover:border-transparent",
+				"tw:not-disabled:hover:text-sky-700",
+				"tw:not-disabled:hover:[&_svg]:text-sky-700",
+				"tw:aria-[pressed=true]:bg-gradient-to-br",
+				"tw:aria-[pressed=true]:from-sky-700",
+				"tw:aria-[pressed=true]:to-sky-900",
+				"tw:aria-[pressed=true]:text-white",
+				"tw:aria-[pressed=true]:[&_svg]:text-white"
+			],
+			ghost: [
+				"tw:border-0",
+				"tw:rounded-lg",
+				"tw:normal-case",
+				"tw:bg-transparent",
+				"tw:[&_svg]:text-muted-foreground",
+				"tw:not-disabled:hover:bg-muted",
+				"tw:not-disabled:hover:[&_svg]:text-secondary-500",
+				"tw:aria-pressed:bg-secondary-500/15",
+				"tw:aria-pressed:[&_svg]:text-secondary-500",
+				"tw:not-disabled:hover:aria-pressed:bg-secondary-500/25",
+				"tw:not-disabled:hover:aria-pressed:[&_svg]:text-secondary-500"
+			]
+		},
+		size: {
+			small: "tw:max-h-8 tw:min-h-8 tw:px-2 tw:py-1.5",
+			medium: "tw:max-h-10 tw:min-h-10 tw:px-4 tw:py-2.5",
+			large: "tw:max-h-12 tw:min-h-12 tw:px-4 tw:py-3.5"
+		},
+		orientation: {
+			horizontal: "",
+			vertical: [
+				"tw:flex-col",
+				"tw:gap-1",
+				"tw:whitespace-normal",
+				"tw:break-words",
+				"tw:text-center"
+			]
+		},
+		iconOnly: {
+			true: "tw:p-0",
+			false: ""
+		}
+	},
+	compoundVariants: [
+		{
+			iconOnly: true,
+			size: "small",
+			className: "tw:size-8"
+		},
+		{
+			iconOnly: true,
+			size: "medium",
+			className: "tw:size-10"
+		},
+		{
+			iconOnly: true,
+			size: "large",
+			className: "tw:size-12"
+		}
+	],
+	defaultVariants: {
+		variant: "ai",
+		size: "medium",
+		iconOnly: false,
+		orientation: "horizontal"
+	}
+});
+const Toggle = ({ ref, className, variant = "ai", size = "medium", orientation = "horizontal", children, icon, badge, disabled = false, ...props }) => {
+	const isAiVariant = variant === "ai";
+	const isIconOnly = Boolean(icon && children == null);
+	return /* @__PURE__ */ jsxs(Root, {
+		...props,
+		ref,
+		className: cn(toggleVariants({
+			variant,
+			size,
+			orientation,
+			iconOnly: isIconOnly,
+			className
+		})),
+		disabled,
+		children: [
+			badge && /* @__PURE__ */ jsx("span", {
+				className: "tw:absolute tw:right-0 tw:top-0 tw:-translate-y-1/2 tw:translate-x-1/4",
+				children: badge
+			}),
+			icon && /* @__PURE__ */ jsx("span", {
+				className: "tw:inline-flex tw:size-4 tw:shrink-0 tw:items-center tw:justify-center tw:align-middle tw:[&_svg:not([class*='tw:size-'])]:size-4",
+				children: icon
+			}),
+			isAiVariant ? /* @__PURE__ */ jsx("div", {
+				className: "tw:bg-gradient-to-br tw:from-secondary-700 tw:to-purple-700 tw:bg-clip-text tw:text-transparent",
+				children
+			}) : children
+		]
+	});
+};
+//#endregion
+export { Toggle };
+
 //# sourceMappingURL=Toggle.js.map

package/dist/internal/components/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Toggle.js"}
+{"version":3,"file":"Toggle.js","names":[],"sources":["../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport { Root } from '@radix-ui/react-toggle';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nconst toggleVariants = cva(\n  [\n    'tailwindcss-preflight',\n\n    // layout\n    'tw:relative',\n    'tw:flex',\n    'tw:items-center',\n    'tw:justify-center',\n    'tw:gap-2',\n\n    // text\n    'tw:uppercase',\n    'tw:text-xs',\n    'tw:leading-5',\n    'tw:font-medium',\n    'tw:tracking-[1px]',\n\n    // border\n    'tw:border',\n\n    // style\n    'tw:rounded',\n    'tw:whitespace-nowrap',\n\n    // transitions\n    'tw:transition-colors',\n    'tw:duration-100',\n    'tw:ease-linear',\n    'tw:[&_svg]:transition-colors',\n    'tw:[&_svg]:duration-100',\n    'tw:[&_svg]:ease-linear',\n\n    // hover\n    'tw:not-disabled:hover:border-neutral-300',\n    'tw:not-disabled:hover:bg-neutral-100',\n\n    'tw:disabled:opacity-50',\n    'tw:disabled:cursor-not-allowed',\n\n    // focus-visible\n    'tw:[&:not(:active)]:not-disabled:focus-visible:outline',\n    'tw:!outline-offset-0',\n    'tw:[&:not(:active)]:not-disabled:focus-visible:outline-ring',\n    'tw:[&:not(:active)]:not-disabled:focus-visible:outline-1',\n    'tw:[&:not(:active)]:not-disabled:focus-visible:ring-4',\n    'tw:[&:not(:active)]:not-disabled:focus-visible:ring-ring/20',\n  ],\n  {\n    variants: {\n      variant: {\n        ai: [\n          'tw:border-0',\n\n          // off state\n          'tw:aria-[pressed=false]:bg-gradient-to-br',\n          'tw:aria-[pressed=false]:from-secondary-100',\n          'tw:aria-[pressed=false]:to-purple-100',\n          'tw:hover:aria-[pressed=false]:from-secondary-200',\n          'tw:hover:aria-[pressed=false]:to-purple-200',\n\n          // on state\n          'tw:aria-pressed:bg-gradient-to-br',\n          'tw:aria-pressed:from-secondary-600',\n          'tw:aria-pressed:to-purple-600',\n          'tw:hover:aria-pressed:from-secondary-700',\n          'tw:hover:aria-pressed:to-purple-700',\n\n          // icon color - gradient stroke when off, white stroke when on.\n          // Lucide icons are stroke-based; targeting every shape (`*`)\n          // catches paths, circles, and other non-path sub-shapes so the\n          // whole glyph picks up the gradient.\n          'tw:[&_*]:stroke-aigradient-600',\n          'tw:aria-pressed:[&_*]:stroke-white',\n          'tw:*:aria-pressed:text-white',\n        ],\n        'ai-vivid': [\n          'tw:border-0',\n          'tw:rounded-lg',\n          'tw:normal-case',\n          'tw:tracking-normal',\n          'tw:gap-1.5',\n\n          // default: sky → violet gradient, white text\n          'tw:bg-gradient-to-br',\n          'tw:from-sky-400',\n          'tw:via-sky-600',\n          'tw:to-violet-600',\n          'tw:text-white',\n\n          // hover: light sky bg, dark text\n          'tw:not-disabled:hover:bg-none',\n          'tw:not-disabled:hover:bg-sky-100',\n          'tw:not-disabled:hover:border-transparent',\n          'tw:not-disabled:hover:text-sky-700',\n          'tw:not-disabled:hover:[&_svg]:text-sky-700',\n\n          // pressed: dark navy gradient, white\n          'tw:aria-[pressed=true]:bg-gradient-to-br',\n          'tw:aria-[pressed=true]:from-sky-700',\n          'tw:aria-[pressed=true]:to-sky-900',\n          'tw:aria-[pressed=true]:text-white',\n          'tw:aria-[pressed=true]:[&_svg]:text-white',\n        ],\n        ghost: [\n          'tw:border-0',\n          'tw:rounded-lg',\n\n          // The neutral utility variant — mostly icon-only, and where it does carry a label that\n          // label is content (a value, an identifier), not chrome, so it keeps its own casing.\n          // `ai` / `ai-vivid` stay on the house `uppercase` (`ai-vivid` already opts out).\n          'tw:normal-case',\n\n          // The fills are surface-relative — `muted` for hover, a translucent\n          // blue tint for pressed — rather than the fixed pale `neutral-100` /\n          // `secondary-100`, which glared as bright blocks on the dark scheme.\n          // The blue mark itself is unchanged and reads on either surface.\n          // default state - transparent background\n          'tw:bg-transparent',\n          'tw:[&_svg]:text-muted-foreground',\n\n          // hover state\n          'tw:not-disabled:hover:bg-muted',\n          'tw:not-disabled:hover:[&_svg]:text-secondary-500',\n\n          // pressed state\n          'tw:aria-pressed:bg-secondary-500/15',\n          'tw:aria-pressed:[&_svg]:text-secondary-500',\n\n          // hover on pressed state\n          'tw:not-disabled:hover:aria-pressed:bg-secondary-500/25',\n          'tw:not-disabled:hover:aria-pressed:[&_svg]:text-secondary-500',\n        ],\n      },\n      size: {\n        small: 'tw:max-h-8 tw:min-h-8 tw:px-2 tw:py-1.5',\n        medium: 'tw:max-h-10 tw:min-h-10 tw:px-4 tw:py-2.5',\n        large: 'tw:max-h-12 tw:min-h-12 tw:px-4 tw:py-3.5',\n      },\n      // A stacked label wraps (`break-words` splits an identifier too long for its column) instead\n      // of forcing every cell as wide as its longest label.\n      orientation: {\n        horizontal: '',\n        vertical: [\n          'tw:flex-col',\n          'tw:gap-1',\n          'tw:whitespace-normal',\n          'tw:break-words',\n          'tw:text-center',\n        ],\n      },\n      iconOnly: {\n        true: 'tw:p-0',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      { iconOnly: true, size: 'small', className: 'tw:size-8' },\n      { iconOnly: true, size: 'medium', className: 'tw:size-10' },\n      { iconOnly: true, size: 'large', className: 'tw:size-12' },\n    ],\n    defaultVariants: {\n      variant: 'ai',\n      size: 'medium',\n      iconOnly: false,\n      orientation: 'horizontal',\n    },\n  },\n);\n\ntype Props = {\n  icon?: ReactNode;\n  badge?: ReactNode;\n  orientation?: 'horizontal' | 'vertical';\n} & ComponentProps<typeof Root> &\n  Omit<VariantProps<typeof toggleVariants>, 'iconOnly' | 'orientation'>;\n\nexport const Toggle = ({\n  ref,\n  className,\n  variant = 'ai',\n  size = 'medium',\n  orientation = 'horizontal',\n  children,\n  icon,\n  badge,\n  disabled = false,\n  ...props\n}: Props) => {\n  const isAiVariant = variant === 'ai';\n  const isIconOnly = Boolean(icon && children == null);\n\n  return (\n    <Root\n      {...props}\n      ref={ref}\n      className={cn(\n        toggleVariants({ variant, size, orientation, iconOnly: isIconOnly, className }),\n      )}\n      disabled={disabled}\n    >\n      {badge && (\n        <span className=\"tw:absolute tw:right-0 tw:top-0 tw:-translate-y-1/2 tw:translate-x-1/4\">\n          {badge}\n        </span>\n      )}\n      {icon && (\n        <span className=\"tw:inline-flex tw:size-4 tw:shrink-0 tw:items-center tw:justify-center tw:align-middle tw:[&_svg:not([class*='tw:size-'])]:size-4\">\n          {icon}\n        </span>\n      )}\n\n      {isAiVariant ? (\n        <div className=\"tw:bg-gradient-to-br tw:from-secondary-700 tw:to-purple-700 tw:bg-clip-text tw:text-transparent\">\n          {children}\n        </div>\n      ) : (\n        children\n      )}\n    </Root>\n  );\n};\n"],"mappings":";;;;;AAMA,MAAM,iBAAiB,IACrB;CACE;CAGA;CACA;CACA;CACA;CACA;CAGA;CACA;CACA;CACA;CACA;CAGA;CAGA;CACA;CAGA;CACA;CACA;CACA;CACA;CACA;CAGA;CACA;CAEA;CACA;CAGA;CACA;CACA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU;EACR,SAAS;GACP,IAAI;IACF;IAGA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IAMA;IACA;IACA;GACF;GACA,YAAY;IACV;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IAKA;IAOA;IACA;IAGA;IACA;IAGA;IACA;IAGA;IACA;GACF;EACF;EACA,MAAM;GACJ,OAAO;GACP,QAAQ;GACR,OAAO;EACT;EAGA,aAAa;GACX,YAAY;GACZ,UAAU;IACR;IACA;IACA;IACA;IACA;GACF;EACF;EACA,UAAU;GACR,MAAM;GACN,OAAO;EACT;CACF;CACA,kBAAkB;EAChB;GAAE,UAAU;GAAM,MAAM;GAAS,WAAW;EAAY;EACxD;GAAE,UAAU;GAAM,MAAM;GAAU,WAAW;EAAa;EAC1D;GAAE,UAAU;GAAM,MAAM;GAAS,WAAW;EAAa;CAC3D;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;EACN,UAAU;EACV,aAAa;CACf;AACF,CACF;AASA,MAAa,UAAU,EACrB,KACA,WACA,UAAU,MACV,OAAO,UACP,cAAc,cACd,UACA,MACA,OACA,WAAW,OACX,GAAG,YACQ;CACX,MAAM,cAAc,YAAY;CAChC,MAAM,aAAa,QAAQ,QAAQ,YAAY,IAAI;CAEnD,OACE,qBAAC,MAAD;EACE,GAAI;EACC;EACL,WAAW,GACT,eAAe;GAAE;GAAS;GAAM;GAAa,UAAU;GAAY;EAAU,CAAC,CAChF;EACU;EANZ,UAAA;GAQG,SACC,oBAAC,QAAD;IAAM,WAAU;IACb,UAAA;GACG,CAAA;GAEP,QACC,oBAAC,QAAD;IAAM,WAAU;IACb,UAAA;GACG,CAAA;GAGP,cACC,oBAAC,OAAD;IAAK,WAAU;IACZ;GACE,CAAA,IAEL;EAEE;;AAEV"}

package/dist/internal/components/ToggleGroup.js

@@ -1,9 +1,2 @@
-export { ToggleGroup } from '../../chunk-M4CTURKX.js';
-import '../../chunk-SWQFYNYG.js';
-import '../../chunk-3W27OLK5.js';
-import '../../chunk-MODE4QIA.js';
-import '../../chunk-WETKNYZX.js';
-import '../../chunk-LXLIQ2D6.js';
-import '../../chunk-G3PMV62Z.js';
-//# sourceMappingURL=ToggleGroup.js.map
-//# sourceMappingURL=ToggleGroup.js.map
+import { ToggleGroup } from "../../ToggleGroup-Cy_10Mvu.js";
+export { ToggleGroup };

package/dist/internal/components/Tooltip.js

@@ -1,8 +1,2 @@
-export { Tooltip, TooltipProvider } from '../../chunk-SWQFYNYG.js';
-import '../../chunk-3W27OLK5.js';
-import '../../chunk-MODE4QIA.js';
-import '../../chunk-WETKNYZX.js';
-import '../../chunk-LXLIQ2D6.js';
-import '../../chunk-G3PMV62Z.js';
-//# sourceMappingURL=Tooltip.js.map
-//# sourceMappingURL=Tooltip.js.map
+import { Tooltip, TooltipProvider } from "../../utils-D0c5VAyF.js";
+export { Tooltip, TooltipProvider };

package/dist/internal/components/Truncated.js

@@ -1,9 +1,45 @@
-export { Truncated } from '../../chunk-SVPLTL35.js';
-import '../../chunk-SWQFYNYG.js';
-import '../../chunk-3W27OLK5.js';
-import '../../chunk-MODE4QIA.js';
-import '../../chunk-WETKNYZX.js';
-import '../../chunk-LXLIQ2D6.js';
-import '../../chunk-G3PMV62Z.js';
-//# sourceMappingURL=Truncated.js.map
+import { cn } from "../../classNames-BzrkDnOD.js";
+import { Tooltip } from "../../utils-D0c5VAyF.js";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Truncated.tsx
+const OFFSET_TOLERANCE = 2;
+const Truncated = ({ ref, text, tooltip = text, className, twoLines = false, noTooltip = false, tooltipVariant = "explanatory", tooltipPlacement = "top", ...rest }) => {
+	const tooltipText = typeof tooltip === "string" ? tooltip : "";
+	const [showTooltip, setShowTooltip] = useState(false);
+	const isScrollableTarget = (e) => {
+		return e.scrollHeight - OFFSET_TOLERANCE >= e.clientHeight;
+	};
+	const truncatedClasses = cn(className, "tw:[word-break:break-all]", twoLines ? "tw:line-clamp-2 tw:[word-break:break-word]" : "tw:line-clamp-1");
+	if (noTooltip || !tooltipText) return /* @__PURE__ */ jsx("span", {
+		ref,
+		className: truncatedClasses,
+		...rest,
+		children: text
+	});
+	return /* @__PURE__ */ jsx(Tooltip, {
+		placement: tooltipPlacement,
+		variant: tooltipVariant,
+		forceHide: !showTooltip,
+		tooltip: /* @__PURE__ */ jsx("div", { children: tooltipText }),
+		triggerAsChild: true,
+		children: /* @__PURE__ */ jsx("span", {
+			ref,
+			className: truncatedClasses,
+			...rest,
+			onMouseOver: (e) => {
+				setShowTooltip(isScrollableTarget(e.currentTarget));
+				rest.onMouseOver?.(e);
+			},
+			onFocus: (e) => {
+				setShowTooltip(isScrollableTarget(e.currentTarget));
+				rest.onFocus?.(e);
+			},
+			children: text
+		})
+	});
+};
+//#endregion
+export { Truncated };
+
 //# sourceMappingURL=Truncated.js.map

package/dist/internal/components/Truncated.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Truncated.js"}
+{"version":3,"file":"Truncated.js","names":[],"sources":["../../../src/components/Truncated.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '../utils';\n\nimport { type Props as TooltipProps, Tooltip } from './Tooltip';\n\nconst OFFSET_TOLERANCE = 2;\n\ntype Props = {\n  text: ReactNode;\n  tooltip?: ReactNode;\n  twoLines?: boolean;\n  noTooltip?: boolean;\n  tooltipVariant?: TooltipProps['variant'];\n  tooltipPlacement?: TooltipProps['placement'];\n} & Omit<ComponentProps<'span'>, 'children'>;\n\nexport const Truncated = ({\n  ref,\n  text,\n  tooltip = text,\n  className,\n  twoLines = false,\n  noTooltip = false,\n  tooltipVariant = 'explanatory',\n  tooltipPlacement = 'top',\n  ...rest\n}: Props) => {\n  const tooltipText = typeof tooltip === 'string' ? tooltip : '';\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  const isScrollableTarget = (e: HTMLElement): boolean => {\n    return e.scrollHeight - OFFSET_TOLERANCE >= e.clientHeight;\n  };\n\n  // v4's native `line-clamp-*` emits the full `-webkit-box` recipe (display,\n  // box-orient, line-clamp, overflow). The old hand-rolled `[display:-webkit-box!important]`\n  // arbitrary property produced NO rule under v4 — it doesn't support `!important` inside\n  // arbitrary-property brackets (v3 did) — so the clamp silently stopped applying and long\n  // text wrapped instead of truncating.\n  const truncatedClasses = cn(\n    className,\n    'tw:[word-break:break-all]',\n    twoLines ? 'tw:line-clamp-2 tw:[word-break:break-word]' : 'tw:line-clamp-1',\n  );\n\n  if (noTooltip || !tooltipText) {\n    return (\n      <span ref={ref} className={truncatedClasses} {...rest}>\n        {text}\n      </span>\n    );\n  }\n\n  return (\n    <Tooltip\n      placement={tooltipPlacement}\n      variant={tooltipVariant}\n      forceHide={!showTooltip}\n      tooltip={<div>{tooltipText}</div>}\n      triggerAsChild\n    >\n      <span\n        ref={ref}\n        className={truncatedClasses}\n        {...rest}\n        onMouseOver={(e) => {\n          setShowTooltip(isScrollableTarget(e.currentTarget));\n          rest.onMouseOver?.(e);\n        }}\n        onFocus={(e) => {\n          setShowTooltip(isScrollableTarget(e.currentTarget));\n          rest.onFocus?.(e);\n        }}\n      >\n        {text}\n      </span>\n    </Tooltip>\n  );\n};\n"],"mappings":";;;;;AAOA,MAAM,mBAAmB;AAWzB,MAAa,aAAa,EACxB,KACA,MACA,UAAU,MACV,WACA,WAAW,OACX,YAAY,OACZ,iBAAiB,eACjB,mBAAmB,OACnB,GAAG,WACQ;CACX,MAAM,cAAc,OAAO,YAAY,WAAW,UAAU;CAC5D,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CAEpD,MAAM,sBAAsB,MAA4B;EACtD,OAAO,EAAE,eAAe,oBAAoB,EAAE;CAChD;CAOA,MAAM,mBAAmB,GACvB,WACA,6BACA,WAAW,+CAA+C,iBAC5D;CAEA,IAAI,aAAa,CAAC,aAChB,OACE,oBAAC,QAAD;EAAW;EAAK,WAAW;EAAkB,GAAI;EAC9C,UAAA;CACG,CAAA;CAIV,OACE,oBAAC,SAAD;EACE,WAAW;EACX,SAAS;EACT,WAAW,CAAC;EACZ,SAAS,oBAAC,OAAD,EAAA,UAAM,YAAiB,CAAA;EAChC,gBAAA;EAEA,UAAA,oBAAC,QAAD;GACO;GACL,WAAW;GACX,GAAI;GACJ,cAAc,MAAM;IAClB,eAAe,mBAAmB,EAAE,aAAa,CAAC;IAClD,KAAK,cAAc,CAAC;GACtB;GACA,UAAU,MAAM;IACd,eAAe,mBAAmB,EAAE,aAAa,CAAC;IAClD,KAAK,UAAU,CAAC;GAClB;GAEC,UAAA;EACG,CAAA;CACC,CAAA;AAEb"}

package/dist/internal/components/Workbench.js

@@ -1,11 +1,2 @@
-export { DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Workbench, useWorkbench } from '../../chunk-F6BTWFOC.js';
-import '../../chunk-FVPGQ6UE.js';
-import '../../chunk-WKAUEL6I.js';
-import '../../chunk-SWQFYNYG.js';
-import '../../chunk-3W27OLK5.js';
-import '../../chunk-MODE4QIA.js';
-import '../../chunk-WETKNYZX.js';
-import '../../chunk-LXLIQ2D6.js';
-import '../../chunk-G3PMV62Z.js';
-//# sourceMappingURL=Workbench.js.map
-//# sourceMappingURL=Workbench.js.map
+import { DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Workbench, useWorkbench } from "../../Workbench-BzE-Vvd9.js";
+export { DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Workbench, useWorkbench };

package/dist/internal/components/ZoomableSvg.js

@@ -1,13 +1,2 @@
-export { ZoomableSvg, svgToPngBlob, toSvgFileContent } from '../../chunk-SVBSNSD4.js';
-import '../../chunk-FUFMVW7O.js';
-import '../../chunk-7P6PLZ4B.js';
-import '../../chunk-IXAYNBOY.js';
-import '../../chunk-RQVK4IYC.js';
-import '../../chunk-SWQFYNYG.js';
-import '../../chunk-3W27OLK5.js';
-import '../../chunk-MODE4QIA.js';
-import '../../chunk-WETKNYZX.js';
-import '../../chunk-LXLIQ2D6.js';
-import '../../chunk-G3PMV62Z.js';
-//# sourceMappingURL=ZoomableSvg.js.map
-//# sourceMappingURL=ZoomableSvg.js.map
+import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "../../ZoomableSvg-DG9PnAm8.js";
+export { ZoomableSvg, svgToPngBlob, toSvgFileContent };

package/dist/internal/hooks/useAutosizeInput.js

@@ -1,4 +1,77 @@
-export { useAutosizeInput } from '../../chunk-IEGDZUVM.js';
-import '../../chunk-G3PMV62Z.js';
-//# sourceMappingURL=useAutosizeInput.js.map
+import { useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/hooks/useAutosizeInput.tsx
+const SIZER_STYLE = {
+	position: "absolute",
+	top: 0,
+	left: 0,
+	visibility: "hidden",
+	height: 0,
+	overflow: "scroll",
+	whiteSpace: "pre"
+};
+const CARET_BUFFER_PX = 2;
+const FONT_PROPERTIES = [
+	"fontSize",
+	"fontFamily",
+	"fontWeight",
+	"fontStyle",
+	"letterSpacing",
+	"textTransform"
+];
+function syncFontStyles(source, ...targets) {
+	const computed = window.getComputedStyle(source);
+	for (const target of targets) {
+		if (!target) continue;
+		for (const prop of FONT_PROPERTIES) target.style[prop] = computed[prop];
+	}
+}
+/**
+* Render `sizerElement` inside a positioned ancestor (e.g. `position: relative`,
+* `inline-flex`, or `InputGroup`) so the absolutely-positioned measurement spans
+* don't anchor to the viewport.
+*/
+function useAutosizeInput({ value = "", placeholder, minWidth = 1 }) {
+	const inputRef = useRef(null);
+	const [sizerNode, setSizerNode] = useState(null);
+	const [placeholderSizerNode, setPlaceholderSizerNode] = useState(null);
+	const [width, setWidth] = useState(minWidth);
+	useLayoutEffect(() => {
+		if (inputRef.current) syncFontStyles(inputRef.current, sizerNode, placeholderSizerNode);
+	}, [sizerNode, placeholderSizerNode]);
+	useLayoutEffect(() => {
+		if (!sizerNode) return;
+		let next = sizerNode.scrollWidth;
+		if (placeholderSizerNode) next = Math.max(next, placeholderSizerNode.scrollWidth);
+		setWidth(Math.max(next + CARET_BUFFER_PX, minWidth));
+	}, [
+		value,
+		placeholder,
+		minWidth,
+		sizerNode,
+		placeholderSizerNode
+	]);
+	return {
+		inputRef,
+		inputStyle: useMemo(() => ({
+			width,
+			boxSizing: "content-box",
+			flex: "none"
+		}), [width]),
+		sizerElement: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+			ref: setSizerNode,
+			"data-slot": "autosize-sizer",
+			style: SIZER_STYLE,
+			children: value
+		}), placeholder && /* @__PURE__ */ jsx("span", {
+			ref: setPlaceholderSizerNode,
+			"data-slot": "autosize-placeholder-sizer",
+			style: SIZER_STYLE,
+			children: placeholder
+		})] })
+	};
+}
+//#endregion
+export { useAutosizeInput };
+
 //# sourceMappingURL=useAutosizeInput.js.map

package/dist/internal/hooks/useAutosizeInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"useAutosizeInput.js"}
+{"version":3,"file":"useAutosizeInput.js","names":[],"sources":["../../../src/hooks/useAutosizeInput.tsx"],"sourcesContent":["import {\n  type CSSProperties,\n  type ReactNode,\n  type RefObject,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nconst SIZER_STYLE = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  visibility: 'hidden',\n  height: 0,\n  overflow: 'scroll',\n  whiteSpace: 'pre',\n} satisfies CSSProperties;\n\nconst CARET_BUFFER_PX = 2;\n\nconst FONT_PROPERTIES = [\n  'fontSize',\n  'fontFamily',\n  'fontWeight',\n  'fontStyle',\n  'letterSpacing',\n  'textTransform',\n] as const;\n\nfunction syncFontStyles(source: HTMLElement, ...targets: (HTMLElement | null)[]) {\n  const computed = window.getComputedStyle(source);\n  for (const target of targets) {\n    if (!target) continue;\n    for (const prop of FONT_PROPERTIES) {\n      target.style[prop] = computed[prop];\n    }\n  }\n}\n\nexport type UseAutosizeInputOptions = {\n  value?: string;\n  placeholder?: string;\n  minWidth?: number;\n};\n\nexport type UseAutosizeInputReturn = {\n  inputRef: RefObject<HTMLInputElement | null>;\n  inputStyle: CSSProperties;\n  sizerElement: ReactNode;\n};\n\n/**\n * Render `sizerElement` inside a positioned ancestor (e.g. `position: relative`,\n * `inline-flex`, or `InputGroup`) so the absolutely-positioned measurement spans\n * don't anchor to the viewport.\n */\nexport function useAutosizeInput({\n  value = '',\n  placeholder,\n  minWidth = 1,\n}: UseAutosizeInputOptions): UseAutosizeInputReturn {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [sizerNode, setSizerNode] = useState<HTMLSpanElement | null>(null);\n  const [placeholderSizerNode, setPlaceholderSizerNode] = useState<HTMLSpanElement | null>(null);\n  const [width, setWidth] = useState(minWidth);\n\n  useLayoutEffect(() => {\n    if (inputRef.current) {\n      syncFontStyles(inputRef.current, sizerNode, placeholderSizerNode);\n    }\n  }, [sizerNode, placeholderSizerNode]);\n\n  useLayoutEffect(() => {\n    if (!sizerNode) return;\n    let next = sizerNode.scrollWidth;\n    if (placeholderSizerNode) {\n      next = Math.max(next, placeholderSizerNode.scrollWidth);\n    }\n    setWidth(Math.max(next + CARET_BUFFER_PX, minWidth));\n  }, [value, placeholder, minWidth, sizerNode, placeholderSizerNode]);\n\n  const inputStyle = useMemo<CSSProperties>(\n    () => ({ width, boxSizing: 'content-box', flex: 'none' }),\n    [width],\n  );\n\n  const sizerElement = (\n    <>\n      <span ref={setSizerNode} data-slot=\"autosize-sizer\" style={SIZER_STYLE}>\n        {value}\n      </span>\n      {placeholder && (\n        <span\n          ref={setPlaceholderSizerNode}\n          data-slot=\"autosize-placeholder-sizer\"\n          style={SIZER_STYLE}\n        >\n          {placeholder}\n        </span>\n      )}\n    </>\n  );\n\n  return { inputRef, inputStyle, sizerElement };\n}\n"],"mappings":";;;AAUA,MAAM,cAAc;CAClB,UAAU;CACV,KAAK;CACL,MAAM;CACN,YAAY;CACZ,QAAQ;CACR,UAAU;CACV,YAAY;AACd;AAEA,MAAM,kBAAkB;AAExB,MAAM,kBAAkB;CACtB;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,SAAS,eAAe,QAAqB,GAAG,SAAiC;CAC/E,MAAM,WAAW,OAAO,iBAAiB,MAAM;CAC/C,KAAK,MAAM,UAAU,SAAS;EAC5B,IAAI,CAAC,QAAQ;EACb,KAAK,MAAM,QAAQ,iBACjB,OAAO,MAAM,QAAQ,SAAS;CAElC;AACF;;;;;;AAmBA,SAAgB,iBAAiB,EAC/B,QAAQ,IACR,aACA,WAAW,KACuC;CAClD,MAAM,WAAW,OAAyB,IAAI;CAC9C,MAAM,CAAC,WAAW,gBAAgB,SAAiC,IAAI;CACvE,MAAM,CAAC,sBAAsB,2BAA2B,SAAiC,IAAI;CAC7F,MAAM,CAAC,OAAO,YAAY,SAAS,QAAQ;CAE3C,sBAAsB;EACpB,IAAI,SAAS,SACX,eAAe,SAAS,SAAS,WAAW,oBAAoB;CAEpE,GAAG,CAAC,WAAW,oBAAoB,CAAC;CAEpC,sBAAsB;EACpB,IAAI,CAAC,WAAW;EAChB,IAAI,OAAO,UAAU;EACrB,IAAI,sBACF,OAAO,KAAK,IAAI,MAAM,qBAAqB,WAAW;EAExD,SAAS,KAAK,IAAI,OAAO,iBAAiB,QAAQ,CAAC;CACrD,GAAG;EAAC;EAAO;EAAa;EAAU;EAAW;CAAoB,CAAC;CAwBlE,OAAO;EAAE;EAAU,YAtBA,eACV;GAAE;GAAO,WAAW;GAAe,MAAM;EAAO,IACvD,CAAC,KAAK,CAoBoB;EAAG,cAAA,qBAAA,YAhB7B,EAAA,UAAA,CACE,oBAAC,QAAD;GAAM,KAAK;GAAc,aAAU;GAAiB,OAAO;GACxD,UAAA;EACG,CAAA,GACL,eACC,oBAAC,QAAD;GACE,KAAK;GACL,aAAU;GACV,OAAO;GAEN,UAAA;EACG,CAAA,CAER,EAAA,CAGsC;CAAE;AAC9C"}

package/dist/internal/hooks/useScrollbarPosition.js

@@ -1,5 +1,45 @@
-export { useScrollbarPosition } from '../../chunk-VYG7BDXC.js';
-import '../../chunk-MWS4VCLV.js';
-import '../../chunk-G3PMV62Z.js';
-//# sourceMappingURL=useScrollbarPosition.js.map
+import { useElement } from "../../useElement-DkF6esWL.js";
+import { useEffect, useState } from "react";
+//#region src/hooks/useScrollbarPosition.ts
+const calcPosition = ({ scrollHeight, clientHeight, scrollTop }) => {
+	if (scrollHeight <= clientHeight) return "none";
+	if (scrollTop === 0) return "top";
+	if (scrollTop + clientHeight >= scrollHeight - 1) return "bottom";
+	return "middle";
+};
+const useScrollbarPosition = () => {
+	const [element, setElement] = useElement();
+	const [scrollbarPosition, setPosition] = useState("none");
+	useEffect(() => {
+		if (element === null) return;
+		const updatePosition = () => {
+			if (element === null) return;
+			const position = calcPosition({
+				scrollHeight: element.scrollHeight,
+				clientHeight: element.clientHeight,
+				scrollTop: element.scrollTop
+			});
+			setPosition(position);
+		};
+		const rafId = requestAnimationFrame(updatePosition);
+		element.addEventListener("scroll", updatePosition);
+		const resizeObserver = new ResizeObserver(updatePosition);
+		resizeObserver.observe(element);
+		return () => {
+			cancelAnimationFrame(rafId);
+			element.removeEventListener("scroll", updatePosition);
+			resizeObserver.disconnect();
+		};
+	}, [element]);
+	return {
+		setElement,
+		isTop: scrollbarPosition === "top",
+		isBottom: scrollbarPosition === "bottom",
+		isMiddle: scrollbarPosition === "middle",
+		isNone: scrollbarPosition === "none"
+	};
+};
+//#endregion
+export { useScrollbarPosition };
+
 //# sourceMappingURL=useScrollbarPosition.js.map

package/dist/internal/hooks/useScrollbarPosition.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"useScrollbarPosition.js"}
+{"version":3,"file":"useScrollbarPosition.js","names":[],"sources":["../../../src/hooks/useScrollbarPosition.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useElement } from './useElement';\n\nconst calcPosition = ({\n  scrollHeight,\n  clientHeight,\n  scrollTop,\n}: {\n  scrollHeight: number;\n  clientHeight: number;\n  scrollTop: number;\n}) => {\n  // If content doesn't overflow, no scrollbar\n  if (scrollHeight <= clientHeight) return 'none';\n\n  if (scrollTop === 0) return 'top';\n\n  // At the bottom (with small tolerance for precision issues)\n  if (scrollTop + clientHeight >= scrollHeight - 1) return 'bottom';\n\n  return 'middle';\n};\n\nexport const useScrollbarPosition = () => {\n  const [element, setElement] = useElement();\n  const [scrollbarPosition, setPosition] = useState<ReturnType<typeof calcPosition>>('none');\n\n  useEffect(() => {\n    if (element === null) return;\n\n    const updatePosition = () => {\n      if (element === null) return;\n\n      const position = calcPosition({\n        scrollHeight: element.scrollHeight,\n        clientHeight: element.clientHeight,\n        scrollTop: element.scrollTop,\n      });\n\n      setPosition(position);\n    };\n\n    // Initial check.\n    const rafId = requestAnimationFrame(updatePosition);\n\n    // Listening for scroll events.\n    element.addEventListener('scroll', updatePosition);\n\n    // Listen for the resize event that might affect scrollbar visibility.\n    const resizeObserver = new ResizeObserver(updatePosition);\n    resizeObserver.observe(element);\n\n    return () => {\n      cancelAnimationFrame(rafId);\n      element.removeEventListener('scroll', updatePosition);\n      resizeObserver.disconnect();\n    };\n  }, [element]);\n\n  return {\n    setElement,\n    isTop: scrollbarPosition === 'top',\n    isBottom: scrollbarPosition === 'bottom',\n    isMiddle: scrollbarPosition === 'middle',\n    isNone: scrollbarPosition === 'none',\n  };\n};\n"],"mappings":";;;AAIA,MAAM,gBAAgB,EACpB,cACA,cACA,gBAKI;CAEJ,IAAI,gBAAgB,cAAc,OAAO;CAEzC,IAAI,cAAc,GAAG,OAAO;CAG5B,IAAI,YAAY,gBAAgB,eAAe,GAAG,OAAO;CAEzD,OAAO;AACT;AAEA,MAAa,6BAA6B;CACxC,MAAM,CAAC,SAAS,cAAc,WAAW;CACzC,MAAM,CAAC,mBAAmB,eAAe,SAA0C,MAAM;CAEzF,gBAAgB;EACd,IAAI,YAAY,MAAM;EAEtB,MAAM,uBAAuB;GAC3B,IAAI,YAAY,MAAM;GAEtB,MAAM,WAAW,aAAa;IAC5B,cAAc,QAAQ;IACtB,cAAc,QAAQ;IACtB,WAAW,QAAQ;GACrB,CAAC;GAED,YAAY,QAAQ;EACtB;EAGA,MAAM,QAAQ,sBAAsB,cAAc;EAGlD,QAAQ,iBAAiB,UAAU,cAAc;EAGjD,MAAM,iBAAiB,IAAI,eAAe,cAAc;EACxD,eAAe,QAAQ,OAAO;EAE9B,aAAa;GACX,qBAAqB,KAAK;GAC1B,QAAQ,oBAAoB,UAAU,cAAc;GACpD,eAAe,WAAW;EAC5B;CACF,GAAG,CAAC,OAAO,CAAC;CAEZ,OAAO;EACL;EACA,OAAO,sBAAsB;EAC7B,UAAU,sBAAsB;EAChC,UAAU,sBAAsB;EAChC,QAAQ,sBAAsB;CAChC;AACF"}

package/dist/internal/hooks/useStableCallback.js

@@ -1,4 +1,29 @@
-export { useStableCallback } from '../../chunk-TV4WAP2R.js';
-import '../../chunk-G3PMV62Z.js';
-//# sourceMappingURL=useStableCallback.js.map
+import { useCallback, useLayoutEffect, useRef } from "react";
+//#region src/hooks/useStableCallback.ts
+/**
+* A callback with a permanently stable identity that always sees the latest
+* render's values — for any consumer that keys off the handler's identity: a
+* third-party component that redoes expensive work when it changes, or a
+* memoized context value.
+*
+* React 19.2's `useEffectEvent` does this in one line, but it is scoped to
+* Effects and explicitly not to be passed to another component, which is the
+* whole point here.
+*
+* The swap is a layout effect rather than a passive one so it lands before the
+* browser can paint and accept input against the previous render's handler. It
+* is still an effect, and a child's runs before its parent's — so a consumer
+* calling the returned function from its own layout effect can still see the
+* previous render's closure.
+*/
+const useStableCallback = (callback) => {
+	const latestRef = useRef(callback);
+	useLayoutEffect(() => {
+		latestRef.current = callback;
+	}, [callback]);
+	return useCallback((...args) => latestRef.current(...args), []);
+};
+//#endregion
+export { useStableCallback };
+
 //# sourceMappingURL=useStableCallback.js.map

package/dist/internal/hooks/useStableCallback.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"useStableCallback.js"}
+{"version":3,"file":"useStableCallback.js","names":[],"sources":["../../../src/hooks/useStableCallback.ts"],"sourcesContent":["import { useCallback, useLayoutEffect, useRef } from 'react';\n\n/**\n * A callback with a permanently stable identity that always sees the latest\n * render's values — for any consumer that keys off the handler's identity: a\n * third-party component that redoes expensive work when it changes, or a\n * memoized context value.\n *\n * React 19.2's `useEffectEvent` does this in one line, but it is scoped to\n * Effects and explicitly not to be passed to another component, which is the\n * whole point here.\n *\n * The swap is a layout effect rather than a passive one so it lands before the\n * browser can paint and accept input against the previous render's handler. It\n * is still an effect, and a child's runs before its parent's — so a consumer\n * calling the returned function from its own layout effect can still see the\n * previous render's closure.\n */\nexport const useStableCallback = <Args extends unknown[], Result>(\n  callback: (...args: Args) => Result,\n): ((...args: Args) => Result) => {\n  const latestRef = useRef(callback);\n\n  useLayoutEffect(() => {\n    latestRef.current = callback;\n  }, [callback]);\n\n  return useCallback((...args: Args) => latestRef.current(...args), []);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,MAAa,qBACX,aACgC;CAChC,MAAM,YAAY,OAAO,QAAQ;CAEjC,sBAAsB;EACpB,UAAU,UAAU;CACtB,GAAG,CAAC,QAAQ,CAAC;CAEb,OAAO,aAAa,GAAG,SAAe,UAAU,QAAQ,GAAG,IAAI,GAAG,CAAC,CAAC;AACtE"}

package/dist/internal/utils/mergeRefs.js

@@ -1,4 +1,20 @@
-export { mergeRefs } from '../../chunk-3W27OLK5.js';
-import '../../chunk-G3PMV62Z.js';
-//# sourceMappingURL=mergeRefs.js.map
+//#region src/utils/mergeRefs.ts
+/**
+* Set a given ref to a given value
+* This utility takes care of different types of refs: callback refs and RefObject(s)
+*/
+function setRef(ref, value) {
+	if (typeof ref === "function") ref(value);
+	else if (ref != null) ref.current = value;
+}
+/**
+* A utility to compose multiple refs together
+* Accepts callback refs and RefObject(s)
+*/
+const mergeRefs = (...refs) => {
+	return (node) => refs.forEach((ref) => setRef(ref, node));
+};
+//#endregion
+export { mergeRefs };
+
 //# sourceMappingURL=mergeRefs.js.map

package/dist/internal/utils/mergeRefs.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"mergeRefs.js"}
+{"version":3,"file":"mergeRefs.js","names":[],"sources":["../../../src/utils/mergeRefs.ts"],"sourcesContent":["import type { MutableRefObject, RefCallback } from 'react';\n\ntype PossibleRef<T> = MutableRefObject<T> | RefCallback<T> | null;\n\n/**\n * Set a given ref to a given value\n * This utility takes care of different types of refs: callback refs and RefObject(s)\n */\nfunction setRef<T>(ref: PossibleRef<T>, value: T) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    ref.current = value;\n  }\n}\n\n/**\n * A utility to compose multiple refs together\n * Accepts callback refs and RefObject(s)\n */\nexport const mergeRefs = <T>(...refs: PossibleRef<T>[]) => {\n  return (node: T) => refs.forEach((ref) => setRef(ref, node));\n};\n"],"mappings":";;;;;AAQA,SAAS,OAAU,KAAqB,OAAU;CAChD,IAAI,OAAO,QAAQ,YACjB,IAAI,KAAK;MACJ,IAAI,OAAO,MAChB,IAAI,UAAU;AAElB;;;;;AAMA,MAAa,aAAgB,GAAG,SAA2B;CACzD,QAAQ,SAAY,KAAK,SAAS,QAAQ,OAAO,KAAK,IAAI,CAAC;AAC7D"}

package/dist/internal/utils.js

@@ -1,8 +1,5 @@
-export { copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, isMac, noop, useSHA256, withHiddenFullscreen, withTooltipProvider } from '../chunk-SWQFYNYG.js';
-export { mergeRefs } from '../chunk-3W27OLK5.js';
-export { escapeStringRegexp } from '../chunk-MODE4QIA.js';
-import '../chunk-WETKNYZX.js';
-export { cn } from '../chunk-LXLIQ2D6.js';
-import '../chunk-G3PMV62Z.js';
-//# sourceMappingURL=utils.js.map
-//# sourceMappingURL=utils.js.map
+import { cn } from "../classNames-BzrkDnOD.js";
+import { copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, isMac, noop, useSHA256, withHiddenFullscreen, withTooltipProvider } from "../utils-D0c5VAyF.js";
+import { escapeStringRegexp } from "../escapeStringRegexp-8MxP2knR.js";
+import { mergeRefs } from "./utils/mergeRefs.js";
+export { cn, copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, escapeStringRegexp, isMac, mergeRefs, noop, useSHA256, withHiddenFullscreen, withTooltipProvider };