@keboola/design 15.0.0 → 16.0.0

package/dist/internal/components/Popover.js

@@ -1,2 +1 @@
-import { Popover } from "../../Popover-DtUDwUVO.js";
-export { Popover };
+export { Popover } from "../../Popover-DhOPlWgF.js";

package/dist/internal/components/Progress.js

@@ -1,8 +1,8 @@
-import { cn } from "../../classNames-DcGnTh2N.js";
+import { cn } from "../../classNames-DkX30VJU.js";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Indicator, Root } from "@radix-ui/react-progress";
-//#region src/components/Progress/Progress.tsx
+// src/components/Progress/Progress.tsx
 const variants = cva([
 	"tw:relative",
 	"tw:flex",
@@ -43,7 +43,6 @@ const Progress = ({ ref, className, value, variant, size, ...props }) => /* @__P
 		style: { transform: `translateX(-${100 - (value ?? 0)}%)` }
 	})
 });
-//#endregion
 export { Progress };
 
 //# sourceMappingURL=Progress.js.map

package/dist/internal/components/RadioGroup.js

@@ -1,2 +1 @@
-import { RadioGroup } from "../../RadioGroup-B0TwHjBb.js";
-export { RadioGroup };
+export { RadioGroup } from "../../RadioGroup-B9oC8P15.js";

package/dist/internal/components/Resizable.js

@@ -1,2 +1 @@
-import { ResizableHandle, ResizablePanel, ResizablePanelGroup, useDefaultLayout } from "../../Resizable-D8zs0kcq.js";
-export { ResizableHandle, ResizablePanel, ResizablePanelGroup, useDefaultLayout };
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup, useDefaultLayout } from "../../Resizable-Co-L3qg7.js";

package/dist/internal/components/ScrollArea.js

@@ -1,7 +1,7 @@
-import { cn } from "../../classNames-DcGnTh2N.js";
+import { cn } from "../../classNames-DkX30VJU.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-//#region src/components/ScrollArea/ScrollBar.tsx
+// src/components/ScrollArea/ScrollBar.tsx
 const ScrollBar = ({ className, orientation = "vertical", ...props }) => /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, {
 	orientation,
 	className: cn("tw:flex tw:touch-none tw:select-none tw:transition-color", {
@@ -11,8 +11,7 @@ const ScrollBar = ({ className, orientation = "vertical", ...props }) => /* @__P
 	...props,
 	children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: cn("tw:relative", "tw:flex-1", "tw:rounded-full", "tw:bg-border", "tw:hover:bg-muted-foreground") })
 });
-//#endregion
-//#region src/components/ScrollArea/ScrollArea.tsx
+// src/components/ScrollArea/ScrollArea.tsx
 const ScrollArea = ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }) => /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, {
 	"data-slot": "scroll-area",
 	className: cn("tw:peer/scroll-area tw:relative tw:overflow-hidden tw:focus-visible:outline-hidden", className),
@@ -36,7 +35,6 @@ const ScrollArea = ({ ref, className, children, viewPortClassName, orientation,
 		/* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
 	]
 });
-//#endregion
 export { ScrollArea, ScrollBar };
 
 //# sourceMappingURL=ScrollArea.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.js","names":[],"sources":["../../../src/components/ScrollArea/ScrollBar.tsx","../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;\n\nexport const ScrollBar = ({ className, orientation = 'vertical', ...props }: Props) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    orientation={orientation}\n    className={cn(\n      'tw:flex tw:touch-none tw:select-none tw:transition-color',\n      {\n        'tw:h-full tw:w-2.5 tw:p-px': orientation === 'vertical',\n        'tw:h-2.5 tw:flex-col tw:p-px': orientation === 'horizontal',\n      },\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb\n      className={cn(\n        'tw:relative',\n        'tw:flex-1',\n        'tw:rounded-full',\n        'tw:bg-border',\n        'tw:hover:bg-muted-foreground',\n      )}\n    />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n);\n","import type { ComponentProps } from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\n\nimport { cn } from '../../utils';\n\nimport { ScrollBar } from './ScrollBar';\n\ntype Props = ComponentProps<typeof ScrollAreaPrimitive.Root> & {\n  viewPortClassName?: string;\n  scrollBarClassName?: string;\n  orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];\n};\n\nexport const ScrollArea = ({\n  ref,\n  className,\n  children,\n  viewPortClassName,\n  orientation,\n  scrollBarClassName,\n  ...props\n}: Props) => (\n  <ScrollAreaPrimitive.Root\n    data-slot=\"scroll-area\"\n    className={cn(\n      'tw:peer/scroll-area tw:relative tw:overflow-hidden tw:focus-visible:outline-hidden',\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport\n      ref={ref}\n      className={cn(\n        'tw:h-full tw:w-full tw:rounded-[inherit] tw:focus-visible:outline-hidden',\n        viewPortClassName,\n      )}\n    >\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    {orientation ? (\n      <ScrollBar className={scrollBarClassName} orientation={orientation} />\n    ) : (\n      <>\n        <ScrollBar className={scrollBarClassName} orientation=\"vertical\" />\n        <ScrollBar className={scrollBarClassName} orientation=\"horizontal\" />\n      </>\n    )}\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n);\n"],"mappings":";;;;AAOA,MAAa,aAAa,EAAE,WAAW,cAAc,YAAY,GAAG,YAClE,oBAAC,oBAAoB,qBAArB;CACe;CACb,WAAW,GACT,4DACA;EACE,8BAA8B,gBAAgB;EAC9C,gCAAgC,gBAAgB;CAClD,GACA,SACF;CACA,GAAI;CAEJ,UAAA,oBAAC,oBAAoB,iBAArB,EACE,WAAW,GACT,eACA,aACA,mBACA,gBACA,8BACF,EACD,CAAA;AACsC,CAAA;;;AChB3C,MAAa,cAAc,EACzB,KACA,WACA,UACA,mBACA,aACA,oBACA,GAAG,YAEH,qBAAC,oBAAoB,MAArB;CACE,aAAU;CACV,WAAW,GACT,sFACA,SACF;CACA,GAAI;CANN,UAAA;EAQE,oBAAC,oBAAoB,UAArB;GACO;GACL,WAAW,GACT,4EACA,iBACF;GAEC;EAC2B,CAAA;EAC7B,cACC,oBAAC,WAAD;GAAW,WAAW;GAAiC;EAAc,CAAA,IAErE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,WAAD;GAAW,WAAW;GAAoB,aAAY;EAAY,CAAA,GAClE,oBAAC,WAAD;GAAW,WAAW;GAAoB,aAAY;EAAc,CAAA,CACpE,EAAA,CAAA;EAEJ,oBAAC,oBAAoB,QAArB,CAA6B,CAAA;CACL"}
+{"version":3,"file":"ScrollArea.js","names":[],"sources":["../../../src/components/ScrollArea/ScrollBar.tsx","../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;\n\nexport const ScrollBar = ({ className, orientation = 'vertical', ...props }: Props) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    orientation={orientation}\n    className={cn(\n      'tw:flex tw:touch-none tw:select-none tw:transition-color',\n      {\n        'tw:h-full tw:w-2.5 tw:p-px': orientation === 'vertical',\n        'tw:h-2.5 tw:flex-col tw:p-px': orientation === 'horizontal',\n      },\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb\n      className={cn(\n        'tw:relative',\n        'tw:flex-1',\n        'tw:rounded-full',\n        'tw:bg-border',\n        'tw:hover:bg-muted-foreground',\n      )}\n    />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n);\n","import type { ComponentProps } from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\n\nimport { cn } from '../../utils';\n\nimport { ScrollBar } from './ScrollBar';\n\ntype Props = ComponentProps<typeof ScrollAreaPrimitive.Root> & {\n  viewPortClassName?: string;\n  scrollBarClassName?: string;\n  orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];\n};\n\nexport const ScrollArea = ({\n  ref,\n  className,\n  children,\n  viewPortClassName,\n  orientation,\n  scrollBarClassName,\n  ...props\n}: Props) => (\n  <ScrollAreaPrimitive.Root\n    data-slot=\"scroll-area\"\n    className={cn(\n      'tw:peer/scroll-area tw:relative tw:overflow-hidden tw:focus-visible:outline-hidden',\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport\n      ref={ref}\n      className={cn(\n        'tw:h-full tw:w-full tw:rounded-[inherit] tw:focus-visible:outline-hidden',\n        viewPortClassName,\n      )}\n    >\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    {orientation ? (\n      <ScrollBar className={scrollBarClassName} orientation={orientation} />\n    ) : (\n      <>\n        <ScrollBar className={scrollBarClassName} orientation=\"vertical\" />\n        <ScrollBar className={scrollBarClassName} orientation=\"horizontal\" />\n      </>\n    )}\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n);\n"],"mappings":";;;;AAOA,MAAa,aAAa,EAAE,WAAW,cAAc,YAAY,GAAG,YAClE,oBAAC,oBAAoB,qBAArB;CACe;CACb,WAAW,GACT,4DACA;EACE,8BAA8B,gBAAgB;EAC9C,gCAAgC,gBAAgB;CAClD,GACA,SACF;CACA,GAAI;CAEJ,UAAA,oBAAC,oBAAoB,iBAArB,EACE,WAAW,GACT,eACA,aACA,mBACA,gBACA,8BACF,EACD,CAAA;AACsC,CAAA;;AChB3C,MAAa,cAAc,EACzB,KACA,WACA,UACA,mBACA,aACA,oBACA,GAAG,YAEH,qBAAC,oBAAoB,MAArB;CACE,aAAU;CACV,WAAW,GACT,sFACA,SACF;CACA,GAAI;CANN,UAAA;EAQE,oBAAC,oBAAoB,UAArB;GACO;GACL,WAAW,GACT,4EACA,iBACF;GAEC;EAC2B,CAAA;EAC7B,cACC,oBAAC,WAAD;GAAW,WAAW;GAAiC;EAAc,CAAA,IAErE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,WAAD;GAAW,WAAW;GAAoB,aAAY;EAAY,CAAA,GAClE,oBAAC,WAAD;GAAW,WAAW;GAAoB,aAAY;EAAc,CAAA,CACpE,EAAA,CAAA;EAEJ,oBAAC,oBAAoB,QAArB,CAA6B,CAAA;CACL"}

package/dist/internal/components/Search.js

@@ -1,2 +1 @@
-import { Search, SearchForm } from "../../Search-vyZwGKMU.js";
-export { Search, SearchForm };
+export { Search, SearchForm } from "../../Search-OgaNjqQM.js";

package/dist/internal/components/Select.js

@@ -1,2 +1 @@
-import { Select } from "../../Select-B22hB_-w.js";
-export { Select };
+export { Select } from "../../Select-DRdkdzBp.js";

package/dist/internal/components/Separator.js

@@ -1,8 +1,8 @@
-import { cn } from "../../classNames-DcGnTh2N.js";
+import { cn } from "../../classNames-DkX30VJU.js";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import * as RSeparator from "@radix-ui/react-separator";
-//#region src/components/Separator/Separator.tsx
+// src/components/Separator/Separator.tsx
 const separatorVariants = cva([
 	"tw:flex",
 	"tw:items-center",
@@ -78,7 +78,6 @@ const Separator = ({ className, orientation = "vertical", size = "full", label,
 		})
 	});
 };
-//#endregion
 export { Separator };
 
 //# sourceMappingURL=Separator.js.map

package/dist/internal/components/Sheet.js

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

package/dist/internal/components/Sidebar.js

@@ -1,2 +1 @@
-import { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar } from "../../Sidebar-C5hdANBU.js";
-export { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar };
+export { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar } from "../../Sidebar-DYvodJWN.js";

package/dist/internal/components/Skeleton/Skeleton.js

@@ -1,7 +1,7 @@
-import { cn } from "../../../classNames-DcGnTh2N.js";
+import { cn } from "../../../classNames-DkX30VJU.js";
 import { useId } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
-//#region src/components/Skeleton/Skeleton.tsx
+// src/components/Skeleton/Skeleton.tsx
 const HEIGHT_CLASS_NAME = {
 	xxs: "tw:h-3 tw:rounded",
 	xs: "tw:h-4 tw:rounded",
@@ -29,7 +29,6 @@ const Skeleton = ({ height = "md", className, count = 1 }) => {
 		className: cn(HEIGHT_CLASS_NAME[height], ANIMATION_CLASS_NAME, className)
 	}, key)) });
 };
-//#endregion
 export { Skeleton };
 
 //# sourceMappingURL=Skeleton.js.map

package/dist/internal/components/Skeleton/SkeletonList.js

@@ -1,7 +1,7 @@
-import { cn } from "../../../classNames-DcGnTh2N.js";
+import { cn } from "../../../classNames-DkX30VJU.js";
 import { Skeleton } from "./Skeleton.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Skeleton/SkeletonList.tsx
+// src/components/Skeleton/SkeletonList.tsx
 const duplicateArray = (arr, times) => {
 	return Array(times).fill(arr).flat();
 };
@@ -35,7 +35,6 @@ const SkeletonList = ({ hasHeading = false, groups = 3, className, iconHeight =
 		}, `${className}-${index}`))
 	})]
 });
-//#endregion
 export { SkeletonList };
 
 //# sourceMappingURL=SkeletonList.js.map

package/dist/internal/components/Slider.js

@@ -1,2 +1 @@
-import { Slider } from "../../Slider-DrcsM8_G.js";
-export { Slider };
+export { Slider } from "../../Slider-B9IskDxf.js";

package/dist/internal/components/SpotlightBackdrop.js

@@ -1,7 +1,7 @@
-import { cn } from "../../classNames-DcGnTh2N.js";
+import { cn } from "../../classNames-DkX30VJU.js";
 import { useId, useLayoutEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/SpotlightBackdrop/SpotlightBackdrop.tsx
+// src/components/SpotlightBackdrop/SpotlightBackdrop.tsx
 /**
 * Full-viewport dim with a spotlight cut-out around `rect`.
 *
@@ -52,8 +52,7 @@ const SpotlightBackdrop = ({ rect, padding = 8, radius = 8, className, onClick }
 		})
 	});
 };
-//#endregion
-//#region src/components/SpotlightBackdrop/useTargetRect.ts
+// src/components/SpotlightBackdrop/useTargetRect.ts
 const resolveElement = (target) => {
 	if (!target) return null;
 	if (typeof target !== "string") return target.current;
@@ -121,7 +120,6 @@ const useTargetRect = (target, enabled) => {
 	}, [target, enabled]);
 	return rect;
 };
-//#endregion
 export { SpotlightBackdrop, useTargetRect };
 
 //# sourceMappingURL=SpotlightBackdrop.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SpotlightBackdrop.js","names":[],"sources":["../../../src/components/SpotlightBackdrop/SpotlightBackdrop.tsx","../../../src/components/SpotlightBackdrop/useTargetRect.ts"],"sourcesContent":["import { type MouseEventHandler, useId } from 'react';\n\nimport { cn } from '../../utils';\n\nimport type { TargetRect } from './useTargetRect';\n\ntype Props = {\n  /** Box to cut out, or `null` to dim everything. */\n  rect: TargetRect | null;\n  /** In px. */\n  padding?: number;\n  /** In px. */\n  radius?: number;\n  className?: string;\n  /** Fires for clicks on the dim only — a click in the cut-out reaches the target. */\n  onClick?: MouseEventHandler<HTMLDivElement>;\n};\n\n/**\n * Full-viewport dim with a spotlight cut-out around `rect`.\n *\n * - Presentational: `rect` from `useTargetRect`, callout via `Popover`.\n * - Tour steps and \"seen\" persistence are app-owned — see the \"Guided tour (recipe)\" story.\n */\nexport const SpotlightBackdrop = ({ rect, padding = 8, radius = 8, className, onClick }: Props) => {\n  const maskId = useId();\n\n  const cutout = rect\n    ? {\n        x: rect.left - padding,\n        y: rect.top - padding,\n        width: rect.width + padding * 2,\n        height: rect.height + padding * 2,\n      }\n    : null;\n\n  return (\n    // - z above the portalled surface tier (1055); the callout must sit higher still.\n    // - Only the painted dim takes pointer events, so the cut-out stays clickable.\n    <div\n      aria-hidden\n      onClick={onClick}\n      className={cn('tw:pointer-events-none tw:fixed tw:inset-0 tw:z-[1056]', className)}\n    >\n      <svg width=\"100%\" height=\"100%\" className=\"tw:size-full\">\n        <defs>\n          <mask id={maskId}>\n            <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"white\" />\n            {cutout && (\n              <rect\n                x={cutout.x}\n                y={cutout.y}\n                width={cutout.width}\n                height={cutout.height}\n                rx={radius}\n                ry={radius}\n                fill=\"black\"\n              />\n            )}\n          </mask>\n        </defs>\n        <rect\n          x=\"0\"\n          y=\"0\"\n          width=\"100%\"\n          height=\"100%\"\n          mask={`url(#${maskId})`}\n          className=\"tw:pointer-events-auto tw:fill-foreground/50\"\n        />\n      </svg>\n    </div>\n  );\n};\n","import { type RefObject, useLayoutEffect, useState } from 'react';\n\n/** Viewport-relative box of the highlighted target. */\nexport type TargetRect = {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n};\n\n/** Element to track: a CSS selector, a React ref, or nothing (centered/no target). */\nexport type SpotlightTarget = string | RefObject<Element | null> | undefined;\n\nconst resolveElement = (target: SpotlightTarget): Element | null => {\n  if (!target) return null;\n  if (typeof target !== 'string') return target.current;\n  try {\n    return document.querySelector(target);\n  } catch (error) {\n    // An invalid selector throws a DOMException; don't crash the render.\n    console.error(`useTargetRect: invalid target selector \"${target}\"`, error);\n    return null;\n  }\n};\n\n/**\n * Resolves a `target` (CSS selector or React ref) to a live viewport rect and\n * keeps it in sync while `enabled` — re-measuring on resize and scroll so an\n * anchored overlay (e.g. `SpotlightBackdrop` + `Popover`) follows the element.\n * Returns `null` when disabled or the target is absent, so callers can fall\n * back to a centered/full-dim layout.\n */\nexport const useTargetRect = (target: SpotlightTarget, enabled: boolean): TargetRect | null => {\n  const [rect, setRect] = useState<TargetRect | null>(null);\n\n  useLayoutEffect(() => {\n    if (!enabled || !target) {\n      setRect(null);\n      return;\n    }\n\n    let frame = 0;\n    // Cap the lazy-mount poll so a permanently-absent target settles on `null`\n    // instead of spinning a frame forever. ~1s at 60fps is ample for a target\n    // that mounts a tick or two after the overlay opens.\n    let attemptsLeft = 60;\n\n    const same = (a: TargetRect | null, b: TargetRect) => {\n      if (a === null) return false;\n      return a.top === b.top && a.left === b.left && a.width === b.width && a.height === b.height;\n    };\n\n    // Re-resolve on every measure: the target may mount lazily after the overlay\n    // opens, so we poll (rAF) until it appears — up to `attemptsLeft` frames —\n    // then track it on resize/scroll. Until then `rect` stays `null` and the\n    // caller falls back to a centered/full-dim layout. State only updates when\n    // the rect actually changed, avoiding needless re-renders.\n    const measure = () => {\n      const element = resolveElement(target);\n      if (!element) {\n        setRect(null);\n        if (attemptsLeft > 0) {\n          attemptsLeft -= 1;\n          frame = requestAnimationFrame(measure);\n        }\n        return;\n      }\n      const box = element.getBoundingClientRect();\n      const next = { top: box.top, left: box.left, width: box.width, height: box.height };\n      setRect((prev) => (same(prev, next) ? prev : next));\n    };\n\n    // Coalesce scroll/resize bursts to at most one measure per animation frame.\n    const scheduleMeasure = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(measure);\n    };\n\n    measure();\n    window.addEventListener('resize', scheduleMeasure, { passive: true });\n    window.addEventListener('scroll', scheduleMeasure, { capture: true, passive: true });\n\n    return () => {\n      cancelAnimationFrame(frame);\n      window.removeEventListener('resize', scheduleMeasure);\n      window.removeEventListener('scroll', scheduleMeasure, true);\n    };\n  }, [target, enabled]);\n\n  return rect;\n};\n"],"mappings":";;;;;;;;;;AAwBA,MAAa,qBAAqB,EAAE,MAAM,UAAU,GAAG,SAAS,GAAG,WAAW,cAAqB;CACjG,MAAM,SAAS,MAAM;CAErB,MAAM,SAAS,OACX;EACE,GAAG,KAAK,OAAO;EACf,GAAG,KAAK,MAAM;EACd,OAAO,KAAK,QAAQ,UAAU;EAC9B,QAAQ,KAAK,SAAS,UAAU;CAClC,IACA;CAEJ,OAGE,oBAAC,OAAD;EACE,eAAA;EACS;EACT,WAAW,GAAG,0DAA0D,SAAS;EAEjF,UAAA,qBAAC,OAAD;GAAK,OAAM;GAAO,QAAO;GAAO,WAAU;GAA1C,UAAA,CACE,oBAAC,QAAD,EAAA,UACE,qBAAC,QAAD;IAAM,IAAI;IAAV,UAAA,CACE,oBAAC,QAAD;KAAM,GAAE;KAAI,GAAE;KAAI,OAAM;KAAO,QAAO;KAAO,MAAK;IAAS,CAAA,GAC1D,UACC,oBAAC,QAAD;KACE,GAAG,OAAO;KACV,GAAG,OAAO;KACV,OAAO,OAAO;KACd,QAAQ,OAAO;KACf,IAAI;KACJ,IAAI;KACJ,MAAK;IACN,CAAA,CAEC;GACF,CAAA,EAAA,CAAA,GACN,oBAAC,QAAD;IACE,GAAE;IACF,GAAE;IACF,OAAM;IACN,QAAO;IACP,MAAM,QAAQ,OAAO;IACrB,WAAU;GACX,CAAA,CACE;;CACF,CAAA;AAET;;;AC3DA,MAAM,kBAAkB,WAA4C;CAClE,IAAI,CAAC,QAAQ,OAAO;CACpB,IAAI,OAAO,WAAW,UAAU,OAAO,OAAO;CAC9C,IAAI;EACF,OAAO,SAAS,cAAc,MAAM;CACtC,SAAS,OAAO;EAEd,QAAQ,MAAM,2CAA2C,OAAO,IAAI,KAAK;EACzE,OAAO;CACT;AACF;;;;;;;;AASA,MAAa,iBAAiB,QAAyB,YAAwC;CAC7F,MAAM,CAAC,MAAM,WAAW,SAA4B,IAAI;CAExD,sBAAsB;EACpB,IAAI,CAAC,WAAW,CAAC,QAAQ;GACvB,QAAQ,IAAI;GACZ;EACF;EAEA,IAAI,QAAQ;EAIZ,IAAI,eAAe;EAEnB,MAAM,QAAQ,GAAsB,MAAkB;GACpD,IAAI,MAAM,MAAM,OAAO;GACvB,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE;EACvF;EAOA,MAAM,gBAAgB;GACpB,MAAM,UAAU,eAAe,MAAM;GACrC,IAAI,CAAC,SAAS;IACZ,QAAQ,IAAI;IACZ,IAAI,eAAe,GAAG;KACpB,gBAAgB;KAChB,QAAQ,sBAAsB,OAAO;IACvC;IACA;GACF;GACA,MAAM,MAAM,QAAQ,sBAAsB;GAC1C,MAAM,OAAO;IAAE,KAAK,IAAI;IAAK,MAAM,IAAI;IAAM,OAAO,IAAI;IAAO,QAAQ,IAAI;GAAO;GAClF,SAAS,SAAU,KAAK,MAAM,IAAI,IAAI,OAAO,IAAK;EACpD;EAGA,MAAM,wBAAwB;GAC5B,qBAAqB,KAAK;GAC1B,QAAQ,sBAAsB,OAAO;EACvC;EAEA,QAAQ;EACR,OAAO,iBAAiB,UAAU,iBAAiB,EAAE,SAAS,KAAK,CAAC;EACpE,OAAO,iBAAiB,UAAU,iBAAiB;GAAE,SAAS;GAAM,SAAS;EAAK,CAAC;EAEnF,aAAa;GACX,qBAAqB,KAAK;GAC1B,OAAO,oBAAoB,UAAU,eAAe;GACpD,OAAO,oBAAoB,UAAU,iBAAiB,IAAI;EAC5D;CACF,GAAG,CAAC,QAAQ,OAAO,CAAC;CAEpB,OAAO;AACT"}
+{"version":3,"file":"SpotlightBackdrop.js","names":[],"sources":["../../../src/components/SpotlightBackdrop/SpotlightBackdrop.tsx","../../../src/components/SpotlightBackdrop/useTargetRect.ts"],"sourcesContent":["import { type MouseEventHandler, useId } from 'react';\n\nimport { cn } from '../../utils';\n\nimport type { TargetRect } from './useTargetRect';\n\ntype Props = {\n  /** Box to cut out, or `null` to dim everything. */\n  rect: TargetRect | null;\n  /** In px. */\n  padding?: number;\n  /** In px. */\n  radius?: number;\n  className?: string;\n  /** Fires for clicks on the dim only — a click in the cut-out reaches the target. */\n  onClick?: MouseEventHandler<HTMLDivElement>;\n};\n\n/**\n * Full-viewport dim with a spotlight cut-out around `rect`.\n *\n * - Presentational: `rect` from `useTargetRect`, callout via `Popover`.\n * - Tour steps and \"seen\" persistence are app-owned — see the \"Guided tour (recipe)\" story.\n */\nexport const SpotlightBackdrop = ({ rect, padding = 8, radius = 8, className, onClick }: Props) => {\n  const maskId = useId();\n\n  const cutout = rect\n    ? {\n        x: rect.left - padding,\n        y: rect.top - padding,\n        width: rect.width + padding * 2,\n        height: rect.height + padding * 2,\n      }\n    : null;\n\n  return (\n    // - z above the portalled surface tier (1055); the callout must sit higher still.\n    // - Only the painted dim takes pointer events, so the cut-out stays clickable.\n    <div\n      aria-hidden\n      onClick={onClick}\n      className={cn('tw:pointer-events-none tw:fixed tw:inset-0 tw:z-[1056]', className)}\n    >\n      <svg width=\"100%\" height=\"100%\" className=\"tw:size-full\">\n        <defs>\n          <mask id={maskId}>\n            <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"white\" />\n            {cutout && (\n              <rect\n                x={cutout.x}\n                y={cutout.y}\n                width={cutout.width}\n                height={cutout.height}\n                rx={radius}\n                ry={radius}\n                fill=\"black\"\n              />\n            )}\n          </mask>\n        </defs>\n        <rect\n          x=\"0\"\n          y=\"0\"\n          width=\"100%\"\n          height=\"100%\"\n          mask={`url(#${maskId})`}\n          className=\"tw:pointer-events-auto tw:fill-foreground/50\"\n        />\n      </svg>\n    </div>\n  );\n};\n","import { type RefObject, useLayoutEffect, useState } from 'react';\n\n/** Viewport-relative box of the highlighted target. */\nexport type TargetRect = {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n};\n\n/** Element to track: a CSS selector, a React ref, or nothing (centered/no target). */\nexport type SpotlightTarget = string | RefObject<Element | null> | undefined;\n\nconst resolveElement = (target: SpotlightTarget): Element | null => {\n  if (!target) return null;\n  if (typeof target !== 'string') return target.current;\n  try {\n    return document.querySelector(target);\n  } catch (error) {\n    // An invalid selector throws a DOMException; don't crash the render.\n    console.error(`useTargetRect: invalid target selector \"${target}\"`, error);\n    return null;\n  }\n};\n\n/**\n * Resolves a `target` (CSS selector or React ref) to a live viewport rect and\n * keeps it in sync while `enabled` — re-measuring on resize and scroll so an\n * anchored overlay (e.g. `SpotlightBackdrop` + `Popover`) follows the element.\n * Returns `null` when disabled or the target is absent, so callers can fall\n * back to a centered/full-dim layout.\n */\nexport const useTargetRect = (target: SpotlightTarget, enabled: boolean): TargetRect | null => {\n  const [rect, setRect] = useState<TargetRect | null>(null);\n\n  useLayoutEffect(() => {\n    if (!enabled || !target) {\n      setRect(null);\n      return;\n    }\n\n    let frame = 0;\n    // Cap the lazy-mount poll so a permanently-absent target settles on `null`\n    // instead of spinning a frame forever. ~1s at 60fps is ample for a target\n    // that mounts a tick or two after the overlay opens.\n    let attemptsLeft = 60;\n\n    const same = (a: TargetRect | null, b: TargetRect) => {\n      if (a === null) return false;\n      return a.top === b.top && a.left === b.left && a.width === b.width && a.height === b.height;\n    };\n\n    // Re-resolve on every measure: the target may mount lazily after the overlay\n    // opens, so we poll (rAF) until it appears — up to `attemptsLeft` frames —\n    // then track it on resize/scroll. Until then `rect` stays `null` and the\n    // caller falls back to a centered/full-dim layout. State only updates when\n    // the rect actually changed, avoiding needless re-renders.\n    const measure = () => {\n      const element = resolveElement(target);\n      if (!element) {\n        setRect(null);\n        if (attemptsLeft > 0) {\n          attemptsLeft -= 1;\n          frame = requestAnimationFrame(measure);\n        }\n        return;\n      }\n      const box = element.getBoundingClientRect();\n      const next = { top: box.top, left: box.left, width: box.width, height: box.height };\n      setRect((prev) => (same(prev, next) ? prev : next));\n    };\n\n    // Coalesce scroll/resize bursts to at most one measure per animation frame.\n    const scheduleMeasure = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(measure);\n    };\n\n    measure();\n    window.addEventListener('resize', scheduleMeasure, { passive: true });\n    window.addEventListener('scroll', scheduleMeasure, { capture: true, passive: true });\n\n    return () => {\n      cancelAnimationFrame(frame);\n      window.removeEventListener('resize', scheduleMeasure);\n      window.removeEventListener('scroll', scheduleMeasure, true);\n    };\n  }, [target, enabled]);\n\n  return rect;\n};\n"],"mappings":";;;;;;;;;;AAwBA,MAAa,qBAAqB,EAAE,MAAM,UAAU,GAAG,SAAS,GAAG,WAAW,cAAqB;CACjG,MAAM,SAAS,MAAM;CAErB,MAAM,SAAS,OACX;EACE,GAAG,KAAK,OAAO;EACf,GAAG,KAAK,MAAM;EACd,OAAO,KAAK,QAAQ,UAAU;EAC9B,QAAQ,KAAK,SAAS,UAAU;CAClC,IACA;CAEJ,OAGE,oBAAC,OAAD;EACE,eAAA;EACS;EACT,WAAW,GAAG,0DAA0D,SAAS;EAEjF,UAAA,qBAAC,OAAD;GAAK,OAAM;GAAO,QAAO;GAAO,WAAU;GAA1C,UAAA,CACE,oBAAC,QAAD,EAAA,UACE,qBAAC,QAAD;IAAM,IAAI;IAAV,UAAA,CACE,oBAAC,QAAD;KAAM,GAAE;KAAI,GAAE;KAAI,OAAM;KAAO,QAAO;KAAO,MAAK;IAAS,CAAA,GAC1D,UACC,oBAAC,QAAD;KACE,GAAG,OAAO;KACV,GAAG,OAAO;KACV,OAAO,OAAO;KACd,QAAQ,OAAO;KACf,IAAI;KACJ,IAAI;KACJ,MAAK;IACN,CAAA,CAEC;GACF,CAAA,EAAA,CAAA,GACN,oBAAC,QAAD;IACE,GAAE;IACF,GAAE;IACF,OAAM;IACN,QAAO;IACP,MAAM,QAAQ,OAAO;IACrB,WAAU;GACX,CAAA,CACE;;CACF,CAAA;AAET;;AC3DA,MAAM,kBAAkB,WAA4C;CAClE,IAAI,CAAC,QAAQ,OAAO;CACpB,IAAI,OAAO,WAAW,UAAU,OAAO,OAAO;CAC9C,IAAI;EACF,OAAO,SAAS,cAAc,MAAM;CACtC,SAAS,OAAO;EAEd,QAAQ,MAAM,2CAA2C,OAAO,IAAI,KAAK;EACzE,OAAO;CACT;AACF;;;;;;;;AASA,MAAa,iBAAiB,QAAyB,YAAwC;CAC7F,MAAM,CAAC,MAAM,WAAW,SAA4B,IAAI;CAExD,sBAAsB;EACpB,IAAI,CAAC,WAAW,CAAC,QAAQ;GACvB,QAAQ,IAAI;GACZ;EACF;EAEA,IAAI,QAAQ;EAIZ,IAAI,eAAe;EAEnB,MAAM,QAAQ,GAAsB,MAAkB;GACpD,IAAI,MAAM,MAAM,OAAO;GACvB,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE;EACvF;EAOA,MAAM,gBAAgB;GACpB,MAAM,UAAU,eAAe,MAAM;GACrC,IAAI,CAAC,SAAS;IACZ,QAAQ,IAAI;IACZ,IAAI,eAAe,GAAG;KACpB,gBAAgB;KAChB,QAAQ,sBAAsB,OAAO;IACvC;IACA;GACF;GACA,MAAM,MAAM,QAAQ,sBAAsB;GAC1C,MAAM,OAAO;IAAE,KAAK,IAAI;IAAK,MAAM,IAAI;IAAM,OAAO,IAAI;IAAO,QAAQ,IAAI;GAAO;GAClF,SAAS,SAAU,KAAK,MAAM,IAAI,IAAI,OAAO,IAAK;EACpD;EAGA,MAAM,wBAAwB;GAC5B,qBAAqB,KAAK;GAC1B,QAAQ,sBAAsB,OAAO;EACvC;EAEA,QAAQ;EACR,OAAO,iBAAiB,UAAU,iBAAiB,EAAE,SAAS,KAAK,CAAC;EACpE,OAAO,iBAAiB,UAAU,iBAAiB;GAAE,SAAS;GAAM,SAAS;EAAK,CAAC;EAEnF,aAAa;GACX,qBAAqB,KAAK;GAC1B,OAAO,oBAAoB,UAAU,eAAe;GACpD,OAAO,oBAAoB,UAAU,iBAAiB,IAAI;EAC5D;CACF,GAAG,CAAC,QAAQ,OAAO,CAAC;CAEpB,OAAO;AACT"}

package/dist/internal/components/Stepper.js

@@ -1,2 +1 @@
-import { Stepper } from "../../Stepper-CQrUPVFL.js";
-export { Stepper };
+export { Stepper } from "../../Stepper-D7VspVEt.js";

package/dist/internal/components/Switch.js

@@ -1,2 +1 @@
-import { Switch } from "../../Switch-DccpSpzC.js";
-export { Switch };
+export { Switch } from "../../Switch-DONWW7ju.js";

package/dist/internal/components/Table.js

@@ -1,2 +1 @@
-import { Table, TableSortHeader, tableAriaSort } from "../../Table-CilEvpMq.js";
-export { Table, TableSortHeader, tableAriaSort };
+export { Table, TableSortHeader, tableAriaSort } from "../../Table-BwgBm3hJ.js";

package/dist/internal/components/Tabs.js

@@ -1,2 +1 @@
-import { Tabs, TabsContent } from "../../Tabs-Ck4uWf8U.js";
-export { Tabs, TabsContent };
+export { Tabs, TabsContent } from "../../Tabs-DmJB4l_N.js";

package/dist/internal/components/ThemeProvider.js

@@ -1,3 +1,3 @@
-import { ThemeProvider, ThemeScope, agnes, brandSchema, exampleCustomer, harbor, kbcUi, keboola, useTheme, useThemeScopeContainer } from "../../ThemeProvider-BTK7AL-T.js";
-import { DEFAULT_BRAND_ID, DEFAULT_COLOR_SCHEME } from "../../themeScopeContext-CEVXbYvZ.js";
+import { ThemeProvider, ThemeScope, agnes, brandSchema, exampleCustomer, harbor, kbcUi, keboola, useTheme, useThemeScopeContainer } from "../../ThemeProvider-BCHllN7d.js";
+import { DEFAULT_BRAND_ID, DEFAULT_COLOR_SCHEME } from "../../themeScopeContext-BZGPdyG8.js";
 export { DEFAULT_COLOR_SCHEME, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, ThemeProvider, ThemeScope, agnes, brandSchema, exampleCustomer, harbor, kbcUi, keboola, useTheme, useThemeScopeContainer };

package/dist/internal/components/TimePicker.js

@@ -1,2 +1 @@
-import { TimePicker } from "../../TimePicker-CoRpiEM3.js";
-export { TimePicker };
+export { TimePicker } from "../../TimePicker-CCV3SOw5.js";

package/dist/internal/components/Timeline.js

@@ -1,2 +1 @@
-import { Timeline } from "../../Timeline-DUXgByUE.js";
-export { Timeline };
+export { Timeline } from "../../Timeline-EMOpTLAT.js";

package/dist/internal/components/Toast.js

@@ -1,3 +1,3 @@
-import { toast } from "../../toast-Y3cTMBW8.js";
-import { Toaster, useNotification } from "../../Toast-937n7n8i.js";
+import { toast } from "../../toast-Dzj1EFOb.js";
+import { Toaster, useNotification } from "../../Toast-BOTINeTX.js";
 export { Toaster, toast, useNotification };

package/dist/internal/components/Toggle.js

@@ -1,8 +1,8 @@
-import { cn } from "../../classNames-DcGnTh2N.js";
+import { cn } from "../../classNames-DkX30VJU.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
+// src/components/Toggle/Toggle.tsx
 const toggleVariants = cva([
 	"tailwindcss-preflight",
 	"tw:relative",
@@ -173,7 +173,6 @@ const Toggle = ({ ref, className, variant = "ai", size = "medium", orientation =
 		]
 	});
 };
-//#endregion
 export { Toggle };
 
 //# sourceMappingURL=Toggle.js.map

package/dist/internal/components/ToggleGroup.js

@@ -1,2 +1 @@
-import { ToggleGroup } from "../../ToggleGroup-BOz1yyz6.js";
-export { ToggleGroup };
+export { ToggleGroup } from "../../ToggleGroup-DsDS7k70.js";

package/dist/internal/components/Tooltip.js

@@ -1,2 +1 @@
-import { HINT_UNDERLINE_CLASS_NAME, Tooltip, TooltipProvider } from "../../utils-DwC9u0tM.js";
-export { HINT_UNDERLINE_CLASS_NAME, Tooltip, TooltipProvider };
+export { HINT_UNDERLINE_CLASS_NAME, Tooltip, TooltipProvider } from "../../utils-DjFceY3H.js";

package/dist/internal/components/Truncated.js

@@ -1,8 +1,8 @@
-import { cn } from "../../classNames-DcGnTh2N.js";
-import { Tooltip } from "../../utils-DwC9u0tM.js";
+import { cn } from "../../classNames-DkX30VJU.js";
+import { Tooltip } from "../../utils-DjFceY3H.js";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/Truncated.tsx
+// src/components/Truncated.tsx
 const OFFSET_TOLERANCE = 2;
 /**
 * Whether the text is cut off, on either axis.
@@ -43,7 +43,6 @@ const Truncated = ({ ref, text, tooltip = text, className, twoLines = false, noT
 		})
 	});
 };
-//#endregion
 export { Truncated, hasTruncationOverflow };
 
 //# sourceMappingURL=Truncated.js.map

package/dist/internal/components/Workbench.js

@@ -1,2 +1 @@
-import { DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Workbench, useWorkbench } from "../../Workbench-CxgNCs3I.js";
-export { DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Workbench, useWorkbench };
+export { DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Workbench, useWorkbench } from "../../Workbench-4s0xP6XU.js";

package/dist/internal/components/ZoomableSvg.js

@@ -1,2 +1 @@
-import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "../../ZoomableSvg-DnFXo2L4.js";
-export { ZoomableSvg, svgToPngBlob, toSvgFileContent };
+export { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "../../ZoomableSvg-BRPGgaWJ.js";

package/dist/internal/hooks/useAltDigitHotkey.js

@@ -1,6 +1,6 @@
 import { useStableCallback } from "./useStableCallback.js";
 import { useEffect } from "react";
-//#region src/hooks/useAltDigitHotkey.ts
+// src/hooks/useAltDigitHotkey.ts
 const DIGIT_CODE = /^(?:Digit|Numpad)([1-9])$/;
 /** The highest digit a numbered option can be picked with. */
 const MAX_DIGIT_HOTKEY = 9;
@@ -45,7 +45,6 @@ const useAltDigitHotkey = ({ count, onDigit, enabled = true, ref }) => {
 		ref
 	]);
 };
-//#endregion
 export { MAX_DIGIT_HOTKEY, digitFromKeyCode, useAltDigitHotkey };
 
 //# sourceMappingURL=useAltDigitHotkey.js.map

package/dist/internal/hooks/useAutosizeInput.js

@@ -1,6 +1,6 @@
 import { useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/hooks/useAutosizeInput.tsx
+// src/hooks/useAutosizeInput.tsx
 const SIZER_STYLE = {
 	position: "absolute",
 	top: 0,
@@ -71,7 +71,6 @@ function useAutosizeInput({ value = "", placeholder, minWidth = 1 }) {
 		})] })
 	};
 }
-//#endregion
 export { useAutosizeInput };
 
 //# sourceMappingURL=useAutosizeInput.js.map

package/dist/internal/hooks/useScrollbarPosition.js

@@ -1,6 +1,6 @@
-import { useElement } from "../../useElement-D-RjrGa4.js";
+import { useElement } from "../../useElement-Dcoo9Jlr.js";
 import { useEffect, useState } from "react";
-//#region src/hooks/useScrollbarPosition.ts
+// src/hooks/useScrollbarPosition.ts
 const calcPosition = ({ scrollHeight, clientHeight, scrollTop }) => {
 	if (scrollHeight <= clientHeight) return "none";
 	if (scrollTop === 0) return "top";
@@ -39,7 +39,6 @@ const useScrollbarPosition = () => {
 		isNone: scrollbarPosition === "none"
 	};
 };
-//#endregion
 export { useScrollbarPosition };
 
 //# sourceMappingURL=useScrollbarPosition.js.map

package/dist/internal/hooks/useStableCallback.js

@@ -1,5 +1,5 @@
 import { useCallback, useLayoutEffect, useRef } from "react";
-//#region src/hooks/useStableCallback.ts
+// src/hooks/useStableCallback.ts
 /**
 * A callback with a stable identity that always sees the latest render's values.
 *
@@ -14,7 +14,6 @@ const useStableCallback = (callback) => {
 	}, [callback]);
 	return useCallback((...args) => latestRef.current(...args), []);
 };
-//#endregion
 export { useStableCallback };
 
 //# sourceMappingURL=useStableCallback.js.map

package/dist/internal/hooks/useTimeout.js

@@ -0,0 +1,18 @@
+import { useStableCallback } from "./useStableCallback.js";
+import { useEffect } from "react";
+// src/hooks/useTimeout.ts
+/**
+* Runs `callback` once, `delayMs` after mount; cleared on unmount.
+*
+* - A new `callback` identity does not restart the timer; a new `delayMs` does.
+*/
+const useTimeout = (callback, delayMs) => {
+	const stableCallback = useStableCallback(callback);
+	useEffect(() => {
+		const timer = window.setTimeout(stableCallback, delayMs);
+		return () => window.clearTimeout(timer);
+	}, [stableCallback, delayMs]);
+};
+export { useTimeout };
+
+//# sourceMappingURL=useTimeout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTimeout.js","names":[],"sources":["../../../src/hooks/useTimeout.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useStableCallback } from './useStableCallback';\n\n/**\n * Runs `callback` once, `delayMs` after mount; cleared on unmount.\n *\n * - A new `callback` identity does not restart the timer; a new `delayMs` does.\n */\nexport const useTimeout = (callback: () => unknown, delayMs: number): void => {\n  const stableCallback = useStableCallback(callback);\n\n  useEffect(() => {\n    const timer = window.setTimeout(stableCallback, delayMs);\n\n    return () => window.clearTimeout(timer);\n  }, [stableCallback, delayMs]);\n};\n"],"mappings":";;;;;;;;AASA,MAAa,cAAc,UAAyB,YAA0B;CAC5E,MAAM,iBAAiB,kBAAkB,QAAQ;CAEjD,gBAAgB;EACd,MAAM,QAAQ,OAAO,WAAW,gBAAgB,OAAO;EAEvD,aAAa,OAAO,aAAa,KAAK;CACxC,GAAG,CAAC,gBAAgB,OAAO,CAAC;AAC9B"}

package/dist/internal/utils/accessibleName.js

@@ -1,11 +1,10 @@
-//#region src/utils/accessibleName.ts
+// src/utils/accessibleName.ts
 /**
 * Passes the rest of a destructure on as the control's accessible name.
 *
 * - A prop left in the rest, besides the three names, fails type-check.
 */
 const forwardAccessibleName = (rest) => rest;
-//#endregion
 export { forwardAccessibleName };
 
 //# sourceMappingURL=accessibleName.js.map

package/dist/internal/utils/mergeRefs.js

@@ -1,4 +1,4 @@
-//#region src/utils/mergeRefs.ts
+// src/utils/mergeRefs.ts
 /**
 * Attach a node to one ref, and hand back the way to detach it.
 *
@@ -32,7 +32,6 @@ const mergeRefs = (...refs) => {
 		return () => cleanups.forEach((cleanup) => cleanup());
 	};
 };
-//#endregion
 export { mergeRefs };
 
 //# sourceMappingURL=mergeRefs.js.map

package/dist/internal/utils.js

@@ -1,5 +1,5 @@
-import { cn } from "../classNames-DcGnTh2N.js";
-import { DEFAULT_ENTRY_SEPARATOR, copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, isMac, noop, splitEntry, useSHA256, withHiddenFullscreen, withTooltipProvider, withVisualSettle } from "../utils-DwC9u0tM.js";
-import { findLiteralMatches, findLiteralTermMatches, hasLiteralMatch } from "../findLiteralMatches-DgGLzyG0.js";
+import { cn } from "../classNames-DkX30VJU.js";
+import { DEFAULT_ENTRY_SEPARATOR, copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, isMac, noop, splitEntry, useSHA256, withHiddenFullscreen, withTooltipProvider, withVisualSettle } from "../utils-DjFceY3H.js";
+import { findLiteralMatches, findLiteralTermMatches, hasLiteralMatch } from "../findLiteralMatches-BaLZTPtx.js";
 import { mergeRefs } from "./utils/mergeRefs.js";
 export { DEFAULT_ENTRY_SEPARATOR, cn, copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, findLiteralMatches, findLiteralTermMatches, hasLiteralMatch, isMac, mergeRefs, noop, splitEntry, useSHA256, withHiddenFullscreen, withTooltipProvider, withVisualSettle };

package/dist/markdown-editor.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/blocks/MarkdownEditor/plugins/ToolbarPlugin.d.ts
 /**
  * How the toolbar is presented.
  *
@@ -7,8 +6,6 @@ import { ReactNode } from "react";
  * - `fixed`: a static bar at the top of the editor, visible with no selection.
  */
 type ToolbarMode = 'floating' | 'fixed';
-//#endregion
-//#region src/blocks/MarkdownEditor/MarkdownEditor.d.ts
 type MarkdownEditorProps = {
   /** Markdown string (controlled) */
   value: string;
@@ -69,6 +66,5 @@ type MarkdownEditorProps = {
   pasteMarkdown?: boolean;
 };
 declare const MarkdownEditor: ({ value, onChange, readOnly, placeholder, autoFocus, disabled, onSave, onCancel, onImageUpload, className, imageRenderer, showToolbar, toolbarMode, compact, saveOnBlur, singleLine, clampDisplay, minRows, autoLink, pasteMarkdown }: MarkdownEditorProps) => import("react").JSX.Element;
-//#endregion
 export { MarkdownEditor, type MarkdownEditorProps };
 //# sourceMappingURL=markdown-editor.d.ts.map