@keboola/design 11.6.1 → 12.0.0

package/dist/internal/components/StatusDot.js

@@ -0,0 +1,60 @@
+import { cn } from "../../classNames-BzrkDnOD.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/StatusDot/StatusDot.tsx
+/**
+* The dot's fill.
+*
+* - Brand-overridable status tokens only, never a primitive hue.
+* - `neutral`: no state yet, or one the caller cannot resolve.
+* - No foreground on top, so the status-surface "tint + foreground" rule does not apply.
+*/
+const statusDotVariants = cva([
+	"tw:inline-block",
+	"tw:shrink-0",
+	"tw:rounded-full"
+], {
+	defaultVariants: {
+		status: "neutral",
+		size: "default"
+	},
+	variants: {
+		status: {
+			success: ["tw:bg-success"],
+			warning: ["tw:bg-warning"],
+			info: ["tw:bg-info"],
+			destructive: ["tw:bg-destructive"],
+			neutral: ["tw:bg-muted-foreground"]
+		},
+		size: {
+			default: ["tw:size-1.5"],
+			large: ["tw:size-2"]
+		}
+	}
+});
+/**
+* A small round state mark — the platform's one way to paint status as a colour.
+*
+* **When to use:** an entity's state beside its name in a row, header or chip.
+* **When NOT to use:** colour alone as meaning — pair with text, or use `Badge` / `Alert`;
+* a flow step → `Stepper`; background work → `DotsLoader`.
+* **Composition:** a dot overlaying an icon needs a surface-coloured ring via `className`.
+*/
+const StatusDot = ({ ref, status, size, pulse = false, label, className, ...rest }) => /* @__PURE__ */ jsx("span", {
+	...rest,
+	ref,
+	"data-slot": "status-dot",
+	"data-status": status ?? "neutral",
+	...label == null ? { "aria-hidden": true } : {
+		role: "img",
+		"aria-label": label
+	},
+	className: cn(statusDotVariants({
+		status,
+		size
+	}), pulse && "tw:animate-pulse", className)
+});
+//#endregion
+export { StatusDot, statusDotVariants };
+
+//# sourceMappingURL=StatusDot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusDot.js","names":[],"sources":["../../../src/components/StatusDot/StatusDot.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\n/**\n * The dot's fill.\n *\n * - Brand-overridable status tokens only, never a primitive hue.\n * - `neutral`: no state yet, or one the caller cannot resolve.\n * - No foreground on top, so the status-surface \"tint + foreground\" rule does not apply.\n */\nexport const statusDotVariants = cva(['tw:inline-block', 'tw:shrink-0', 'tw:rounded-full'], {\n  defaultVariants: {\n    status: 'neutral',\n    size: 'default',\n  },\n  variants: {\n    status: {\n      success: ['tw:bg-success'],\n      warning: ['tw:bg-warning'],\n      info: ['tw:bg-info'],\n      destructive: ['tw:bg-destructive'],\n      neutral: ['tw:bg-muted-foreground'],\n    },\n    size: {\n      default: ['tw:size-1.5'],\n      large: ['tw:size-2'],\n    },\n  },\n});\n\ntype Props = Omit<ComponentProps<'span'>, 'children'> &\n  VariantProps<typeof statusDotVariants> & {\n    /** Only for work still running. */\n    pulse?: boolean;\n    /** Accessible name; omit when a visible label sits beside it (the dot is then `aria-hidden`). */\n    label?: string;\n  };\n\n/**\n * A small round state mark — the platform's one way to paint status as a colour.\n *\n * **When to use:** an entity's state beside its name in a row, header or chip.\n * **When NOT to use:** colour alone as meaning — pair with text, or use `Badge` / `Alert`;\n * a flow step → `Stepper`; background work → `DotsLoader`.\n * **Composition:** a dot overlaying an icon needs a surface-coloured ring via `className`.\n */\nexport const StatusDot = ({\n  ref,\n  status,\n  size,\n  pulse = false,\n  label,\n  className,\n  ...rest\n}: Props) => (\n  <span\n    {...rest}\n    ref={ref}\n    data-slot=\"status-dot\"\n    data-status={status ?? 'neutral'}\n    {...(label == null ? { 'aria-hidden': true } : { role: 'img', 'aria-label': label })}\n    className={cn(statusDotVariants({ status, size }), pulse && 'tw:animate-pulse', className)}\n  />\n);\n"],"mappings":";;;;;;;;;;;AAYA,MAAa,oBAAoB,IAAI;CAAC;CAAmB;CAAe;AAAiB,GAAG;CAC1F,iBAAiB;EACf,QAAQ;EACR,MAAM;CACR;CACA,UAAU;EACR,QAAQ;GACN,SAAS,CAAC,eAAe;GACzB,SAAS,CAAC,eAAe;GACzB,MAAM,CAAC,YAAY;GACnB,aAAa,CAAC,mBAAmB;GACjC,SAAS,CAAC,wBAAwB;EACpC;EACA,MAAM;GACJ,SAAS,CAAC,aAAa;GACvB,OAAO,CAAC,WAAW;EACrB;CACF;AACF,CAAC;;;;;;;;;AAkBD,MAAa,aAAa,EACxB,KACA,QACA,MACA,QAAQ,OACR,OACA,WACA,GAAG,WAEH,oBAAC,QAAD;CACE,GAAI;CACC;CACL,aAAU;CACV,eAAa,UAAU;CACvB,GAAK,SAAS,OAAO,EAAE,eAAe,KAAK,IAAI;EAAE,MAAM;EAAO,cAAc;CAAM;CAClF,WAAW,GAAG,kBAAkB;EAAE;EAAQ;CAAK,CAAC,GAAG,SAAS,oBAAoB,SAAS;AAC1F,CAAA"}

package/dist/internal/components/Stepper.js

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

package/dist/internal/components/Switch.js

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

package/dist/internal/components/Table.js

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

package/dist/internal/components/Tabs.js

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

package/dist/internal/components/ThemeProvider.js

@@ -1,4 +1,4 @@
 import { DEFAULT_BRAND_ID, DEFAULT_COLOR_SCHEME } from "../../defaults-i_xG2F_1.js";
-import { ArgoDesignContext, useArgoDesign, useTheme } from "../../context-D7X470dy.js";
-import { ThemeProvider, ThemeScope, brandSchema, exampleCustomer, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, useThemeScopeContainer } from "../../ThemeProvider-BI6JWBdJ.js";
-export { ArgoDesignContext, DEFAULT_COLOR_SCHEME, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, ThemeProvider, ThemeScope, brandSchema, exampleCustomer, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, useArgoDesign, useTheme, useThemeScopeContainer };
+import { ArgoDesignContext, useArgoDesign, useTheme } from "../../context-U293r3v-.js";
+import { ThemeProvider, ThemeScope, agnes, brandSchema, exampleCustomer, harbor, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, useThemeScopeContainer } from "../../ThemeProvider-DXsxFg1U.js";
+export { ArgoDesignContext, DEFAULT_COLOR_SCHEME, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, ThemeProvider, ThemeScope, agnes, brandSchema, exampleCustomer, harbor, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, useArgoDesign, useTheme, useThemeScopeContainer };

package/dist/internal/components/TimePicker.js

@@ -1,2 +1,2 @@
-import { TimePicker } from "../../TimePicker-BGeqc-Ed.js";
+import { TimePicker } from "../../TimePicker-CDGYrRxi.js";
 export { TimePicker };

package/dist/internal/components/Timeline.js

@@ -1,2 +1,2 @@
-import { Timeline } from "../../Timeline-BG5Xogxh.js";
+import { Timeline } from "../../Timeline-B-I6sb0M.js";
 export { Timeline };

package/dist/internal/components/Toast.js

@@ -1,3 +1,3 @@
-import { toast } from "../../toast-DIC0iNRf.js";
-import { Toaster, useNotification } from "../../Toast-Dr6Uw7ao.js";
+import { toast } from "../../toast-CyXEdaCZ.js";
+import { Toaster, useNotification } from "../../Toast-PfQf3vj-.js";
 export { Toaster, toast, useNotification };

package/dist/internal/components/Tooltip.js

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

package/dist/internal/components/Truncated.js

@@ -1,18 +1,14 @@
 import { cn } from "../../classNames-BzrkDnOD.js";
-import { Tooltip } from "../../utils-DnkrFYqY.js";
+import { Tooltip } from "../../utils-Bd28bWgm.js";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Truncated.tsx
 const OFFSET_TOLERANCE = 2;
 /**
-* Whether the text is actually cut off, on either axis.
+* Whether the text is cut off, on either axis.
 *
-* - A clamp that wraps overflows **vertically**.
-* - A single line that cannot wrap overflows **horizontally** — the case an
-*   inherited `white-space: nowrap` produces (e.g. inside a `Button` under a
-*   non-legacy brand).
-* - The tolerance absorbs subpixel rounding, which would otherwise report
-*   overflow on text that fits exactly.
+* - Horizontal covers text that cannot wrap (inherited `white-space: nowrap`).
+* - The tolerance absorbs subpixel rounding on text that fits exactly.
 */
 const hasTruncationOverflow = (m) => m.scrollHeight - OFFSET_TOLERANCE >= m.clientHeight || m.scrollWidth - OFFSET_TOLERANCE >= m.clientWidth;
 const Truncated = ({ ref, text, tooltip = text, className, twoLines = false, noTooltip = false, tooltipVariant = "explanatory", tooltipPlacement = "top", ...rest }) => {

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

@@ -1 +1 @@
-{"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 Metrics = Pick<HTMLElement, 'scrollWidth' | 'clientWidth' | 'scrollHeight' | 'clientHeight'>;\n\n/**\n * Whether the text is actually cut off, on either axis.\n *\n * - A clamp that wraps overflows **vertically**.\n * - A single line that cannot wrap overflows **horizontally** — the case an\n *   inherited `white-space: nowrap` produces (e.g. inside a `Button` under a\n *   non-legacy brand).\n * - The tolerance absorbs subpixel rounding, which would otherwise report\n *   overflow on text that fits exactly.\n */\nexport const hasTruncationOverflow = (m: Metrics): boolean =>\n  m.scrollHeight - OFFSET_TOLERANCE >= m.clientHeight ||\n  m.scrollWidth - OFFSET_TOLERANCE >= m.clientWidth;\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  // 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  //\n  // `text-ellipsis` covers what the clamp cannot: `-webkit-line-clamp` draws its ellipsis\n  // only on text it wrapped itself, so text that cannot wrap (an inherited\n  // `white-space: nowrap`) was cut mid-word with no ellipsis at all.\n  const truncatedClasses = cn(\n    className,\n    'tw:[word-break:break-all] tw:text-ellipsis',\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(hasTruncationOverflow(e.currentTarget));\n          rest.onMouseOver?.(e);\n        }}\n        onFocus={(e) => {\n          setShowTooltip(hasTruncationOverflow(e.currentTarget));\n          rest.onFocus?.(e);\n        }}\n      >\n        {text}\n      </span>\n    </Tooltip>\n  );\n};\n"],"mappings":";;;;;AAOA,MAAM,mBAAmB;;;;;;;;;;;AAczB,MAAa,yBAAyB,MACpC,EAAE,eAAe,oBAAoB,EAAE,gBACvC,EAAE,cAAc,oBAAoB,EAAE;AAWxC,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;CAWpD,MAAM,mBAAmB,GACvB,WACA,8CACA,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,sBAAsB,EAAE,aAAa,CAAC;IACrD,KAAK,cAAc,CAAC;GACtB;GACA,UAAU,MAAM;IACd,eAAe,sBAAsB,EAAE,aAAa,CAAC;IACrD,KAAK,UAAU,CAAC;GAClB;GAEC,UAAA;EACG,CAAA;CACC,CAAA;AAEb"}
+{"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 Metrics = Pick<HTMLElement, 'scrollWidth' | 'clientWidth' | 'scrollHeight' | 'clientHeight'>;\n\n/**\n * Whether the text is cut off, on either axis.\n *\n * - Horizontal covers text that cannot wrap (inherited `white-space: nowrap`).\n * - The tolerance absorbs subpixel rounding on text that fits exactly.\n */\nexport const hasTruncationOverflow = (m: Metrics): boolean =>\n  m.scrollHeight - OFFSET_TOLERANCE >= m.clientHeight ||\n  m.scrollWidth - OFFSET_TOLERANCE >= m.clientWidth;\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  // `text-ellipsis`: the clamp draws an ellipsis only on text it wrapped, not on `nowrap` text.\n  const truncatedClasses = cn(\n    className,\n    'tw:[word-break:break-all] tw:text-ellipsis',\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(hasTruncationOverflow(e.currentTarget));\n          rest.onMouseOver?.(e);\n        }}\n        onFocus={(e) => {\n          setShowTooltip(hasTruncationOverflow(e.currentTarget));\n          rest.onFocus?.(e);\n        }}\n      >\n        {text}\n      </span>\n    </Tooltip>\n  );\n};\n"],"mappings":";;;;;AAOA,MAAM,mBAAmB;;;;;;;AAUzB,MAAa,yBAAyB,MACpC,EAAE,eAAe,oBAAoB,EAAE,gBACvC,EAAE,cAAc,oBAAoB,EAAE;AAWxC,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;CAGpD,MAAM,mBAAmB,GACvB,WACA,8CACA,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,sBAAsB,EAAE,aAAa,CAAC;IACrD,KAAK,cAAc,CAAC;GACtB;GACA,UAAU,MAAM;IACd,eAAe,sBAAsB,EAAE,aAAa,CAAC;IACrD,KAAK,UAAU,CAAC;GAClB;GAEC,UAAA;EACG,CAAA;CACC,CAAA;AAEb"}

package/dist/internal/components/Workbench.js

@@ -1,2 +1,2 @@
-import { DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Workbench, useWorkbench } from "../../Workbench-UR2FBC7I.js";
+import { DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Workbench, useWorkbench } from "../../Workbench-DmZzpkj7.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,2 +1,2 @@
-import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "../../ZoomableSvg-U_VH3QRO.js";
+import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "../../ZoomableSvg-BzXVfgnI.js";
 export { ZoomableSvg, svgToPngBlob, toSvgFileContent };

package/dist/internal/hooks/useScrollbarPosition.js

@@ -1,4 +1,4 @@
-import { useElement } from "../../useElement-DkF6esWL.js";
+import { useElement } from "../../useElement-D-RjrGa4.js";
 import { useEffect, useState } from "react";
 //#region src/hooks/useScrollbarPosition.ts
 const calcPosition = ({ scrollHeight, clientHeight, scrollTop }) => {

package/dist/internal/hooks/useStableCallback.js

@@ -1,20 +1,11 @@
 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.
+* A callback with a stable identity that always sees the latest render's values.
 *
-* 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.
+* - Not `useEffectEvent`: that one must not be passed to other components.
+* - Updated in a layout effect, so it lands before paint and input.
+* - A child's layout effect calling it still sees the previous render's closure.
 */
 const useStableCallback = (callback) => {
 	const latestRef = useRef(callback);

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

@@ -1 +1 @@
-{"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"}
+{"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 stable identity that always sees the latest render's values.\n *\n * - Not `useEffectEvent`: that one must not be passed to other components.\n * - Updated in a layout effect, so it lands before paint and input.\n * - A child's layout effect calling it still sees the 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":";;;;;;;;;AASA,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,18 +1,36 @@
 //#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)
+* Attach a node to one ref, and hand back the way to detach it.
+*
+* - A callback ref that returns its own cleanup gets that cleanup back; React 19 owns the
+*   contract, and a hook using it never sees the legacy `null` call.
+* - One that returns nothing is detached the legacy way instead, with a `null` call.
+* - An object ref's `current` is cleared.
 */
-function setRef(ref, value) {
-	if (typeof ref === "function") ref(value);
-	else if (ref != null) ref.current = value;
-}
+const attachRef = (ref, node) => {
+	if (typeof ref === "function") {
+		const cleanup = ref(node);
+		return typeof cleanup === "function" ? cleanup : () => ref(null);
+	}
+	if (ref == null) return () => {};
+	ref.current = node;
+	return () => {
+		ref.current = null;
+	};
+};
 /**
-* A utility to compose multiple refs together
-* Accepts callback refs and RefObject(s)
+* Compose several refs into the one a component can hand to an element.
+*
+* - Accepts callback refs and ref objects, in any mix.
+* - Returns a cleanup of its own, so a callback ref's cleanup survives the merge. Dropping it
+*   would leave a hook that detaches through its cleanup — `useElement` does — holding a node
+*   that is no longer in the document.
 */
 const mergeRefs = (...refs) => {
-	return (node) => refs.forEach((ref) => setRef(ref, node));
+	return (node) => {
+		const cleanups = refs.map((ref) => attachRef(ref, node));
+		return () => cleanups.forEach((cleanup) => cleanup());
+	};
 };
 //#endregion
 export { mergeRefs };

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"mergeRefs.js","names":[],"sources":["../../../src/utils/mergeRefs.ts"],"sourcesContent":["import type { Ref, RefCallback } from 'react';\n\ntype PossibleRef<T> = Ref<T> | undefined;\n\n/**\n * Attach a node to one ref, and hand back the way to detach it.\n *\n * - A callback ref that returns its own cleanup gets that cleanup back; React 19 owns the\n *   contract, and a hook using it never sees the legacy `null` call.\n * - One that returns nothing is detached the legacy way instead, with a `null` call.\n * - An object ref's `current` is cleared.\n */\nconst attachRef = <T>(ref: PossibleRef<T>, node: T): (() => void) => {\n  if (typeof ref === 'function') {\n    const cleanup = ref(node);\n    return typeof cleanup === 'function' ? cleanup : () => ref(null);\n  }\n\n  if (ref == null) return () => {};\n\n  ref.current = node;\n  return () => {\n    ref.current = null;\n  };\n};\n\n/**\n * Compose several refs into the one a component can hand to an element.\n *\n * - Accepts callback refs and ref objects, in any mix.\n * - Returns a cleanup of its own, so a callback ref's cleanup survives the merge. Dropping it\n *   would leave a hook that detaches through its cleanup — `useElement` does — holding a node\n *   that is no longer in the document.\n */\nexport const mergeRefs = <T>(...refs: PossibleRef<T>[]): RefCallback<T> => {\n  return (node) => {\n    const cleanups = refs.map((ref) => attachRef(ref, node));\n    return () => cleanups.forEach((cleanup) => cleanup());\n  };\n};\n"],"mappings":";;;;;;;;;AAYA,MAAM,aAAgB,KAAqB,SAA0B;CACnE,IAAI,OAAO,QAAQ,YAAY;EAC7B,MAAM,UAAU,IAAI,IAAI;EACxB,OAAO,OAAO,YAAY,aAAa,gBAAgB,IAAI,IAAI;CACjE;CAEA,IAAI,OAAO,MAAM,aAAa,CAAC;CAE/B,IAAI,UAAU;CACd,aAAa;EACX,IAAI,UAAU;CAChB;AACF;;;;;;;;;AAUA,MAAa,aAAgB,GAAG,SAA2C;CACzE,QAAQ,SAAS;EACf,MAAM,WAAW,KAAK,KAAK,QAAQ,UAAU,KAAK,IAAI,CAAC;EACvD,aAAa,SAAS,SAAS,YAAY,QAAQ,CAAC;CACtD;AACF"}

package/dist/internal/utils.js

@@ -1,5 +1,5 @@
 import { cn } from "../classNames-BzrkDnOD.js";
-import { copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, isMac, noop, useSHA256, withHiddenFullscreen, withTooltipProvider, withVisualSettle } from "../utils-DnkrFYqY.js";
-import { findLiteralMatches, findLiteralTermMatches, hasLiteralMatch } from "../findLiteralMatches-BGBw8Vbl.js";
+import { DEFAULT_ENTRY_SEPARATOR, copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, isMac, noop, splitEntry, useSHA256, withHiddenFullscreen, withTooltipProvider, withVisualSettle } from "../utils-Bd28bWgm.js";
+import { findLiteralMatches, findLiteralTermMatches, hasLiteralMatch } from "../findLiteralMatches-DgGLzyG0.js";
 import { mergeRefs } from "./utils/mergeRefs.js";
-export { cn, copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, findLiteralMatches, findLiteralTermMatches, hasLiteralMatch, isMac, mergeRefs, noop, useSHA256, withHiddenFullscreen, withTooltipProvider, withVisualSettle };
+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

@@ -4,30 +4,20 @@ type MarkdownEditorProps = {
   /** Markdown string (controlled) */
   value: string;
   onChange?: (markdown: string) => void;
-  /**
-   * Renders content but never accepts input. Use for permanent view-only contexts
-   * (e.g. a current user lacks edit permission). Toolbar is hidden.
-   */
+  /** Permanent view-only (e.g. no edit permission). Hides the toolbar. */
   readOnly?: boolean;
-  /**
-   * Temporarily blocks input but signals intent to re-enable
-   * (e.g. while a save is in flight). Functionally identical to `readOnly` today.
-   */
+  /** Temporary block (e.g. save in flight). Behaves like `readOnly`. */
   disabled?: boolean;
   placeholder?: string;
   autoFocus?: boolean;
-  /** Invoked on Cmd/Ctrl+Enter — typically used to commit a form. */
+  /** Invoked on Cmd/Ctrl+Enter. */
   onSave?: () => void;
   /**
-   * Invoked on Escape in inline-edit mode (`singleLine || saveOnBlur`). Per the
-   * inline-editable-text pattern spec, Esc reverts the in-progress edit — callers
-   * reset `value` to the last-committed state inside this handler.
+   * Escape in inline-edit mode (`singleLine || saveOnBlur`).
+   * Callers reset `value` to the last-committed state here.
    */
   onCancel?: () => void;
-  /**
-   * Async image upload. Resolved URL is embedded as the image src
-   * (`![alt](url)` in the underlying markdown).
-   */
+  /** The resolved URL becomes the image src in the markdown. */
   onImageUpload?: (file: File) => Promise<{
     url: string;
   }>;
@@ -38,38 +28,26 @@ type MarkdownEditorProps = {
   }) => ReactNode;
   showToolbar?: boolean;
   /**
-   * Strips the prose typography wrapper, removes the min-height, and tightens padding so
-   * the editor visually blends with surrounding text. Use for inline / Linear-style edit
-   * affordances inside headings, list rows, or table cells. Pair with `className` to set
-   * the caller's typography.
+   * No prose wrapper, min-height or padding — blends into surrounding text for inline editing.
+   * Set typography via `className`.
    */
   compact?: boolean;
-  /**
-   * Calls `onSave` when focus leaves the editor (and is not moved into the toolbar).
-   * `onChange` already keeps the caller's value in sync — `onSave` is the "commit" signal.
-   */
+  /** Calls `onSave` when focus leaves the editor (the toolbar doesn't count). */
   saveOnBlur?: boolean;
   /**
-   * Disables block-level markdown (lists, headings, code blocks, HR) and makes a plain
-   * Enter press trigger `onSave` and blur the editor. Shift+Enter still inserts a soft
-   * line break. Use for editable titles.
+   * No block-level markdown; Enter blurs the editor, Shift+Enter inserts a soft break.
+   * Use for editable titles.
    */
   singleLine?: boolean;
-  /**
-   * Clamps content to 2 lines (truncating with an ellipsis) in the display (not-focused)
-   * state; focus expands the editor to full height (no clamp). `line-clamp` is self-gating,
-   * so short/empty content renders fully with no truncation. Per the inline-editable-text
-   * pattern spec for description-style slots.
-   */
+  /** Clamps to 2 lines with an ellipsis while not focused; focus shows everything. */
   clampDisplay?: boolean;
   /**
-   * Minimum visible height in lines. `1` renders as a single line that grows with
-   * content (Linear/Slack/GitHub-PR-comment pattern); `0` removes the floor entirely.
-   * Omit to keep the default ~4-line floor. Ignored in `compact` mode (which has no floor).
+   * Minimum height in lines; `0` removes the floor. Default ~4 lines.
+   * Ignored in `compact` mode.
    */
   minRows?: number;
 };
-declare const MarkdownEditor: ({ value, onChange, readOnly, placeholder, autoFocus, disabled, onSave, onCancel, onImageUpload, className, imageRenderer, showToolbar, compact, saveOnBlur, singleLine, clampDisplay, minRows }: MarkdownEditorProps) => import("react/jsx-runtime").JSX.Element;
+declare const MarkdownEditor: ({ value, onChange, readOnly, placeholder, autoFocus, disabled, onSave, onCancel, onImageUpload, className, imageRenderer, showToolbar, compact, saveOnBlur, singleLine, clampDisplay, minRows }: MarkdownEditorProps) => import("react").JSX.Element;
 //#endregion
 export { MarkdownEditor, type MarkdownEditorProps };
 //# sourceMappingURL=markdown-editor.d.ts.map

package/dist/markdown-editor.js

@@ -1,15 +1,15 @@
 import { cn } from "./classNames-BzrkDnOD.js";
-import { Tooltip } from "./utils-DnkrFYqY.js";
-import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Bold, ChevronDown, Code, Heading1, Heading2, Heading3, Italic, Link, List, ListOrdered, Quote, SquareCode, Strikethrough, Type, Underline } from "./icons-Cek151jC.js";
-import { Button } from "./Button-DsRrU5F1.js";
+import { Tooltip } from "./utils-Bd28bWgm.js";
+import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Bold, ChevronDown, Code, Heading1, Heading2, Heading3, Italic, Link, List, ListOrdered, Quote, SquareCode, Strikethrough, Type, Underline } from "./icons-wcA70iQx.js";
+import { Button } from "./Button-Ca4Q3VJU.js";
 import { ButtonGroup } from "./internal/components/ButtonGroup.js";
-import { DropdownMenu } from "./DropdownMenu-CASr-jgl.js";
+import { DropdownMenu } from "./DropdownMenu-gRM-A8qU.js";
 import { Label } from "./internal/components/Label.js";
 import { useStableCallback } from "./internal/hooks/useStableCallback.js";
-import { TextInput } from "./TextInput-DiEMxVF6.js";
-import { FormGroup } from "./FormGroup-Bl8JmnzJ.js";
+import { TextInput } from "./TextInput-CDG2XpBl.js";
+import { FormGroup } from "./FormGroup-CmNiAtU6.js";
 import { Skeleton } from "./internal/components/Skeleton/Skeleton.js";
-import { toast } from "./toast-DIC0iNRf.js";
+import { toast } from "./toast-CyXEdaCZ.js";
 import { Suspense, createContext, lazy, use, useCallback, useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
@@ -141,7 +141,7 @@ const $isImageNode = (node) => {
 };
 //#endregion
 //#region src/blocks/MarkdownEditor/nodes/MermaidNodeComponent.tsx
-const MermaidDiagram = lazy(() => import("./MermaidDiagram-CujFxVzk.js").then((n) => n.MermaidDiagram_exports).then((m) => ({ default: m.MermaidDiagram }), (error) => {
+const MermaidDiagram = lazy(() => import("./MermaidDiagram-BQvz6bhv.js").then((n) => n.MermaidDiagram_exports).then((m) => ({ default: m.MermaidDiagram }), (error) => {
 	console.error("[MarkdownEditor] failed to load MermaidDiagram chunk", error);
 	return { default: ({ code }) => /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: code }) }) };
 }));
@@ -340,9 +340,10 @@ const KeyboardPlugin = ({ onSave, onCancel, singleLine, blurOnEscape, skipBlurSa
 	return null;
 };
 /**
-* Custom transformers = our additions + built-in Lexical transformers.
-* MERMAID is placed before TRANSFORMERS so it intercepts ` ```mermaid ``` ` before the generic CODE transformer.
-* IMAGE is placed before built-in LINK to prevent `![alt](url)` from being parsed as `!` + link.
+* Our transformers plus Lexical's built-ins; order matters.
+*
+* - MERMAID precedes TRANSFORMERS, so it wins over the generic CODE transformer.
+* - IMAGE precedes LINK, so `![alt](url)` is not parsed as `!` + link.
 */
 const CUSTOM_TRANSFORMERS = [
 	{
@@ -409,13 +410,10 @@ const CUSTOM_TRANSFORMERS = [
 	...TRANSFORMERS
 ];
 /**
-* No transformers = plain text. `singleLine` mode edits entity names / titles, which are
-* plain text, not markdown. Parsing inline formatting here corrupts ordinary names: e.g.
-* `staging_chargebee_invoices` would render the `_chargebee_` span as italics, and Lexical
-* escapes the underscores on export (`\_`) to prevent exactly that — but those backslashes
-* then leak into the persisted name. Dropping every transformer keeps `_`, `*`, `` ` ``, `~`
-* literal on both import and export; pair the empty set with `unescapeMarkdownText` on export
-* to strip Lexical's escaping (see MarkdownSyncPlugin).
+* No transformers: `singleLine` mode edits plain-text entity names, not markdown.
+*
+* - Inline formatting would corrupt names like `a_b_c` (italics, then `\_` on export).
+* - Pair with `unescapeMarkdownText` on export (see MarkdownSyncPlugin).
 */
 const SINGLE_LINE_TRANSFORMERS = [];
 const TABLE_FENCE_LANG = "__kbc_table__";
@@ -463,11 +461,7 @@ const postprocessMarkdown = (markdown) => {
 	const regex = new RegExp(`\`\`\`${TABLE_FENCE_LANG}\\n([\\s\\S]*?)\\n\`\`\``, "g");
 	return markdown.replace(regex, "$1");
 };
-/**
-* Reverses the backslash-escaping Lexical applies to markdown punctuation (`* _ ` ~ \`) when
-* exporting text nodes. Used for `singleLine` (plain-text) mode, where the export value is a
-* bare entity name — the escaping would otherwise persist as literal backslashes in the name.
-*/
+/** Reverses Lexical's export escaping of `* _ ` ~ \`, for `singleLine` plain-text names. */
 const unescapeMarkdownText = (markdown) => markdown.replace(/\\([*_`~\\])/g, "$1");
 //#endregion
 //#region src/blocks/MarkdownEditor/plugins/MarkdownSyncPlugin.tsx