@keboola/design 11.9.0 → 12.0.0

package/dist/internal/components/StatusDot.js

@@ -5,11 +5,9 @@ import { jsx } from "react/jsx-runtime";
 /**
 * The dot's fill.
 *
-* - One class per state, each a brand-overridable status token — never a primitive hue.
-* - `neutral` is chrome, not a status: an entity that has no state yet, or one the caller cannot
-*   resolve.
-* - A solid fill is the whole mark, so the "tint + legible foreground" rule for status _surfaces_
-*   does not apply — there is no foreground on top of it.
+* - 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",
@@ -35,17 +33,12 @@ const statusDotVariants = cva([
 	}
 });
 /**
-* A small round state mark — the one way the platform paints status as a colour.
+* 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, a header or a chip — running,
-* failed, stale, idle. `status` is the whole colour API, so a customer brand recolours every dot
-* on the platform at once.
-* **When NOT to use:** as the only carrier of meaning where colour is the sole difference between
-* two rows — pair it with text, or use `Badge` (a labelled pill) / `Alert` (a contextual message).
-* For an in-flight *step* use `Stepper`, and for indeterminate background work `DotsLoader`.
-* **Composition:** `tw:flex tw:items-center tw:gap-2` with the label next to it. An overlay dot on
-* top of an icon needs a ring in the surface's own colour (`tw:ring-2 tw:ring-card`) — pass it in
-* `className` at the call site, since only the call site knows what it overlaps.
+* **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,

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

@@ -1 +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 * - One class per state, each a brand-overridable status token — never a primitive hue.\n * - `neutral` is chrome, not a status: an entity that has no state yet, or one the caller cannot\n *   resolve.\n * - A solid fill is the whole mark, so the \"tint + legible foreground\" rule for status _surfaces_\n *   does not apply — there is no foreground on top of it.\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    /** Animates the dot. Reserve it for work that is still running. */\n    pulse?: boolean;\n    /**\n     * What the dot says on its own.\n     *\n     * - Omitted, the dot is decorative (`aria-hidden`) — the right choice whenever a visible label\n     *   sits beside it, which would otherwise be announced twice.\n     * - Given, the dot becomes an image with that name: the only state a screen reader gets.\n     */\n    label?: string;\n  };\n\n/**\n * A small round state mark — the one way the platform paints status as a colour.\n *\n * **When to use:** an entity's state beside its name in a row, a header or a chip — running,\n * failed, stale, idle. `status` is the whole colour API, so a customer brand recolours every dot\n * on the platform at once.\n * **When NOT to use:** as the only carrier of meaning where colour is the sole difference between\n * two rows — pair it with text, or use `Badge` (a labelled pill) / `Alert` (a contextual message).\n * For an in-flight *step* use `Stepper`, and for indeterminate background work `DotsLoader`.\n * **Composition:** `tw:flex tw:items-center tw:gap-2` with the label next to it. An overlay dot on\n * top of an icon needs a ring in the surface's own colour (`tw:ring-2 tw:ring-card`) — pass it in\n * `className` at the call site, since only the call site knows what it overlaps.\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":";;;;;;;;;;;;;AAcA,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;;;;;;;;;;;;;;AA6BD,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"}
+{"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-DAmNn9Sd.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-C8-wnRRr.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 { HINT_UNDERLINE_CLASS_NAME, Tooltip, TooltipProvider } from "../../utils-BW4AE8VP.js";
+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-BW4AE8VP.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-BZlk3PFJ.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-BK3AAiIf.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.js

@@ -1,5 +1,5 @@
 import { cn } from "../classNames-BzrkDnOD.js";
-import { DEFAULT_ENTRY_SEPARATOR, copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, isMac, noop, splitEntry, useSHA256, withHiddenFullscreen, withTooltipProvider, withVisualSettle } from "../utils-BW4AE8VP.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 { 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-BW4AE8VP.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-CgVwhDvl.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-CFTf4Cz1.js";
-import { FormGroup } from "./FormGroup-DR_gZ25-.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-ZG0iiDV_.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