@accelint/design-toolkit 9.12.0 → 10.0.0

package/dist/components/floating-card/types.d.ts

@@ -12,10 +12,35 @@
 
 import { MaybeFactory } from "./utils.js";
 import { PropsWithChildren, ReactNode } from "react";
-import { DockviewApi } from "dockview-react";
 import { UniqueId } from "@accelint/core/utility/uuid";
 
 //#region src/components/floating-card/types.d.ts
+/** A point in the provider's coordinate space. */
+type Position = {
+  x: number;
+  y: number;
+};
+/** A card's rendered size. */
+type Dimensions = {
+  width: number;
+  height: number;
+};
+/** The box a card is kept inside while dragging and resizing. */
+type Bounds = {
+  top: number;
+  left: number;
+  right: number;
+  bottom: number;
+};
+/** Edge or corner a resize gesture pulls from. */
+type ResizeHandle = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';
+/** Geometry, title, and stacking for one card, tracked by the provider. */
+type FloatingCardLayout = {
+  title: string | undefined;
+  position: Position;
+  dimensions: Dimensions;
+  zIndex: number;
+};
 /**
  * Context value providing floating card management functionality.
  *
@@ -25,20 +50,19 @@ import { UniqueId } from "@accelint/core/utility/uuid";
 type FloatingCardContextValue = {
   /** Registry mapping card IDs to their rendered DOM containers */
   cards: Record<UniqueId, HTMLDivElement>;
-  /** Registers a DOM ref for a card container after it mounts */
-  addRef: (id: UniqueId, ref: HTMLDivElement | null) => void;
-  /** Unregisters a card's DOM ref when it's removed */
-  removeRef: (view: UniqueId) => void;
-  /** Programmatically closes a floating card by ID */
+  /**
+   * Programmatically closes a floating card by ID.
+   *
+   * @remarks Closing clears the card's pin state, so a pinned card that closes
+   * reopens unpinned.
+   */
   closeCard: (id: UniqueId) => void;
-  /** Toggles pin state for a floating card, disabling drag when pinned */
+  /** Toggles pin state for a floating card, disabling drag and resize when pinned */
   togglePinCard: (id: UniqueId) => void;
   /** Checks if a floating card is currently pinned */
   isPinned: (id: UniqueId) => boolean;
   /** Subscribes to pin state changes; returns an unsubscribe function */
   subscribeToPinState: (callback: () => void) => () => void;
-  /** Dockview API instance, null until FloatingCardProvider's onReady fires */
-  api: DockviewApi | null;
 };
 /**
  * Props for the FloatingCard component.
@@ -109,6 +133,13 @@ type FloatingCardProps = Readonly<{
 type FloatingCardHeaderAction = {
   /** Icon to display in the action button */
   icon: ReactNode;
+  /**
+   * Accessible name for the button.
+   *
+   * @remarks The button renders an icon with no visible text, so without a
+   * label screen readers announce it only as "button".
+   */
+  label?: string;
   /** Handler called when the action button is clicked */
   onClick: () => void;
 } | 'divider' | 'pin';
@@ -146,6 +177,16 @@ type FloatingCardProviderProps = Readonly<PropsWithChildren<{
    * per-floating card actions.
    */
   headerActions?: MaybeFactory<FloatingCardHeaderAction[]>;
+  /**
+   * Region that cards are kept inside while being dragged and resized.
+   *
+   * `'provider'` confines cards to the provider element, so a provider that
+   * occupies part of the page keeps its cards within that region.
+   * `'viewport'` lets cards move anywhere on screen.
+   *
+   * @defaultValue 'provider'
+   */
+  bounds?: 'provider' | 'viewport';
   /**
    * Optional set of card IDs that should be pinned when the provider first mounts.
    *
@@ -157,5 +198,5 @@ type FloatingCardProviderProps = Readonly<PropsWithChildren<{
   className?: string;
 }>>;
 //#endregion
-export { FloatingCardContextValue, FloatingCardHeaderAction, FloatingCardProps, FloatingCardProviderProps };
+export { Bounds, Dimensions, FloatingCardContextValue, FloatingCardHeaderAction, FloatingCardLayout, FloatingCardProps, FloatingCardProviderProps, Position, ResizeHandle };
 //# sourceMappingURL=types.d.ts.map

package/dist/components/floating-card/utils.d.ts

@@ -1,20 +1,3 @@
-/*
- * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at https://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import { FloatingCardHeaderAction } from "./types.js";
-import { FunctionComponent, ReactNode } from "react";
-import { IDockviewHeaderActionsProps } from "dockview-react";
-import { UniqueId } from "@accelint/core/utility/uuid";
-
 //#region src/components/floating-card/utils.d.ts
 /**
  * A value that can be static or dynamically computed per floating card.
@@ -26,79 +9,19 @@ import { UniqueId } from "@accelint/core/utility/uuid";
  */
 type MaybeFactory<T> = T | ((cardId: string) => T);
 /**
- * Configuration options passed to floating card header adapter functions.
- *
- * Used internally by the floating card system to provide header components
- * with the necessary props and callbacks for rendering customizable headers.
+ * Reads a value that callers may supply either directly or as a per-card factory.
  *
- * @remarks
- * This type is primarily used when creating custom header adapters that need
- * access to icon, actions, and pin state management from the FloatingCardProvider.
+ * @template T - Type of the resolved value.
+ * @param value - The static value or factory.
+ * @param cardId - Card the value is being resolved for.
+ * @returns The value for this card.
  *
  * @example
  * ```tsx
- * function createHeaderAdapter(options: HeaderAdapterOptions) {
- *   return (props: DockviewHeaderProps) => {
- *     const icon = typeof options.icon === 'function'
- *       ? options.icon(props.id)
- *       : options.icon;
- *     const actions = typeof options.headerActions === 'function'
- *       ? options.headerActions(props.id)
- *       : options.headerActions;
- *
- *     return (
- *       <CustomHeader
- *         icon={icon}
- *         actions={actions}
- *         isPinned={options.isPinned?.(props.id)}
- *         onTogglePin={() => options.togglePinCard?.(props.id)}
- *       />
- *     );
- *   };
- * }
+ * const icon = resolveMaybeFactory(props.icon, cardId);
  * ```
  */
-type HeaderAdapterOptions = {
-  icon?: MaybeFactory<ReactNode>;
-  headerActions?: MaybeFactory<FloatingCardHeaderProps['headerActions']>;
-  togglePinCard?: (id: UniqueId) => void;
-  isPinned?: (id: UniqueId) => boolean;
-  subscribeToPinState?: (callback: () => void) => () => void;
-};
-/**
- * Props passed to floating card header components.
- *
- * @remarks Internal type used by header adapters to map Dockview props to custom header components.
- */
-type FloatingCardHeaderProps = {
-  /** ID of the active floating card panel */
-  id?: string;
-  /** Title text displayed in the header */
-  title?: string;
-  /** Optional icon displayed at the start of the header */
-  icon?: ReactNode;
-  /** Callback to close the entire card group */
-  closeGroup: () => void;
-  /** Toggles pin state for the specified card */
-  togglePinCard?: (id: UniqueId) => void;
-  /** Checks if the specified card is pinned */
-  isPinned?: (id: UniqueId) => boolean;
-  /** Subscribes to pin state changes; returns an unsubscribe function */
-  subscribeToPinState?: (callback: () => void) => () => void;
-  /** Custom action buttons to render in the header */
-  headerActions?: FloatingCardHeaderAction[];
-};
-/**
- * Creates an adapter component to map Dockview's header action props to custom header component props.
- *
- * Handles title change subscriptions and resolves MaybeFactory options (icon, headerActions)
- * either as static values or by invoking factory functions with the active card ID.
- *
- * @param Component - The header component to wrap.
- * @param options - Configuration options including icon and headerActions (static or factory).
- * @returns Adapter component compatible with Dockview's header API.
- */
-declare function createHeaderAdapter(Component: FunctionComponent<FloatingCardHeaderProps>, options: HeaderAdapterOptions): FunctionComponent<IDockviewHeaderActionsProps>;
+declare function resolveMaybeFactory<T>(value: MaybeFactory<T> | undefined, cardId: string): T | undefined;
 //#endregion
-export { FloatingCardHeaderProps, MaybeFactory, createHeaderAdapter };
+export { MaybeFactory, resolveMaybeFactory };
 //# sourceMappingURL=utils.d.ts.map

package/dist/components/floating-card/utils.js

@@ -11,50 +11,24 @@
  */
 
 
-import { useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-
 //#region src/components/floating-card/utils.tsx
 /**
-* Creates an adapter component to map Dockview's header action props to custom header component props.
+* Reads a value that callers may supply either directly or as a per-card factory.
 *
-* Handles title change subscriptions and resolves MaybeFactory options (icon, headerActions)
-* either as static values or by invoking factory functions with the active card ID.
+* @template T - Type of the resolved value.
+* @param value - The static value or factory.
+* @param cardId - Card the value is being resolved for.
+* @returns The value for this card.
 *
-* @param Component - The header component to wrap.
-* @param options - Configuration options including icon and headerActions (static or factory).
-* @returns Adapter component compatible with Dockview's header API.
+* @example
+* ```tsx
+* const icon = resolveMaybeFactory(props.icon, cardId);
+* ```
 */
-function createHeaderAdapter(Component, options) {
-	function HeaderAdapter(props) {
-		const panelId = props.panels[0]?.id ?? "";
-		const [title, setTitle] = useState(props.activePanel?.title);
-		useEffect(() => {
-			const panel = props.activePanel;
-			if (!panel) return;
-			setTitle(panel.title);
-			const disposable = panel.api.onDidTitleChange(() => {
-				setTitle(panel.title);
-			});
-			return () => {
-				disposable.dispose();
-			};
-		}, [props.activePanel]);
-		return /* @__PURE__ */ jsx(Component, {
-			icon: props.activePanel ? typeof options?.icon === "function" ? options.icon(panelId) : options?.icon : void 0,
-			headerActions: typeof options?.headerActions === "function" ? options.headerActions(panelId) : options?.headerActions,
-			title,
-			id: props.activePanel?.id,
-			closeGroup: () => props.api.close(),
-			togglePinCard: options.togglePinCard,
-			isPinned: options.isPinned,
-			subscribeToPinState: options.subscribeToPinState
-		});
-	}
-	HeaderAdapter.displayName = `HeaderAdapter(${Component.displayName ?? Component.name ?? "Anonymous"})`;
-	return HeaderAdapter;
+function resolveMaybeFactory(value, cardId) {
+	return typeof value === "function" ? value(cardId) : value;
 }
 
 //#endregion
-export { createHeaderAdapter };
+export { resolveMaybeFactory };
 //# sourceMappingURL=utils.js.map

package/dist/components/floating-card/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/floating-card/utils.tsx"],"sourcesContent":["// __private-exports\n/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  type FunctionComponent,\n  type ReactNode,\n  useEffect,\n  useState,\n} from 'react';\nimport type { UniqueId } from '@accelint/core/utility/uuid';\nimport type { IDockviewHeaderActionsProps } from 'dockview-react';\nimport type { FloatingCardHeaderAction } from './types';\n\n/**\n * A value that can be static or dynamically computed per floating card.\n *\n * Enables per-card customization of props by passing a factory function\n * that receives the card ID and returns the appropriate value.\n *\n * @template T - The type of the static value or factory return type.\n */\nexport type MaybeFactory<T> = T | ((cardId: string) => T);\n\n/**\n * Configuration options passed to floating card header adapter functions.\n *\n * Used internally by the floating card system to provide header components\n * with the necessary props and callbacks for rendering customizable headers.\n *\n * @remarks\n * This type is primarily used when creating custom header adapters that need\n * access to icon, actions, and pin state management from the FloatingCardProvider.\n *\n * @example\n * ```tsx\n * function createHeaderAdapter(options: HeaderAdapterOptions) {\n *   return (props: DockviewHeaderProps) => {\n *     const icon = typeof options.icon === 'function'\n *       ? options.icon(props.id)\n *       : options.icon;\n *     const actions = typeof options.headerActions === 'function'\n *       ? options.headerActions(props.id)\n *       : options.headerActions;\n *\n *     return (\n *       <CustomHeader\n *         icon={icon}\n *         actions={actions}\n *         isPinned={options.isPinned?.(props.id)}\n *         onTogglePin={() => options.togglePinCard?.(props.id)}\n *       />\n *     );\n *   };\n * }\n * ```\n */\ntype HeaderAdapterOptions = {\n  icon?: MaybeFactory<ReactNode>;\n  headerActions?: MaybeFactory<FloatingCardHeaderProps['headerActions']>;\n  togglePinCard?: (id: UniqueId) => void;\n  isPinned?: (id: UniqueId) => boolean;\n  subscribeToPinState?: (callback: () => void) => () => void;\n};\n\n/**\n * Props passed to floating card header components.\n *\n * @remarks Internal type used by header adapters to map Dockview props to custom header components.\n */\nexport type FloatingCardHeaderProps = {\n  /** ID of the active floating card panel */\n  id?: string;\n  /** Title text displayed in the header */\n  title?: string;\n  /** Optional icon displayed at the start of the header */\n  icon?: ReactNode;\n  /** Callback to close the entire card group */\n  closeGroup: () => void;\n  /** Toggles pin state for the specified card */\n  togglePinCard?: (id: UniqueId) => void;\n  /** Checks if the specified card is pinned */\n  isPinned?: (id: UniqueId) => boolean;\n  /** Subscribes to pin state changes; returns an unsubscribe function */\n  subscribeToPinState?: (callback: () => void) => () => void;\n  /** Custom action buttons to render in the header */\n  headerActions?: FloatingCardHeaderAction[];\n};\n\n/**\n * Creates an adapter component to map Dockview's header action props to custom header component props.\n *\n * Handles title change subscriptions and resolves MaybeFactory options (icon, headerActions)\n * either as static values or by invoking factory functions with the active card ID.\n *\n * @param Component - The header component to wrap.\n * @param options - Configuration options including icon and headerActions (static or factory).\n * @returns Adapter component compatible with Dockview's header API.\n */\nexport function createHeaderAdapter(\n  Component: FunctionComponent<FloatingCardHeaderProps>,\n  options: HeaderAdapterOptions,\n): FunctionComponent<IDockviewHeaderActionsProps> {\n  function HeaderAdapter(props: Readonly<IDockviewHeaderActionsProps>) {\n    const panelId = props.panels[0]?.id ?? '';\n    const [title, setTitle] = useState(props.activePanel?.title);\n\n    useEffect(() => {\n      const panel = props.activePanel;\n\n      if (!panel) {\n        return;\n      }\n\n      setTitle(panel.title);\n\n      const disposable = panel.api.onDidTitleChange(() => {\n        setTitle(panel.title);\n      });\n\n      return () => {\n        disposable.dispose();\n      };\n    }, [props.activePanel]);\n    const icon = props.activePanel\n      ? typeof options?.icon === 'function'\n        ? options.icon(panelId)\n        : options?.icon\n      : undefined;\n    const headerActions =\n      typeof options?.headerActions === 'function'\n        ? options.headerActions(panelId)\n        : options?.headerActions;\n    return (\n      <Component\n        icon={icon}\n        headerActions={headerActions}\n        title={title}\n        id={props.activePanel?.id}\n        closeGroup={() => props.api.close()}\n        togglePinCard={options.togglePinCard}\n        isPinned={options.isPinned}\n        subscribeToPinState={options.subscribeToPinState}\n      />\n    );\n  }\n\n  HeaderAdapter.displayName = `HeaderAdapter(${Component.displayName ?? Component.name ?? 'Anonymous'})`;\n  return HeaderAdapter;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4GA,SAAgB,oBACd,WACA,SACgD;CAChD,SAAS,cAAc,OAA8C;EACnE,MAAM,UAAU,MAAM,OAAO,IAAI,MAAM;EACvC,MAAM,CAAC,OAAO,YAAY,SAAS,MAAM,aAAa,MAAM;AAE5D,kBAAgB;GACd,MAAM,QAAQ,MAAM;AAEpB,OAAI,CAAC,MACH;AAGF,YAAS,MAAM,MAAM;GAErB,MAAM,aAAa,MAAM,IAAI,uBAAuB;AAClD,aAAS,MAAM,MAAM;KACrB;AAEF,gBAAa;AACX,eAAW,SAAS;;KAErB,CAAC,MAAM,YAAY,CAAC;AAUvB,SACE,oBAAC;GACC,MAXS,MAAM,cACf,OAAO,SAAS,SAAS,aACvB,QAAQ,KAAK,QAAQ,GACrB,SAAS,OACX;GAQA,eANF,OAAO,SAAS,kBAAkB,aAC9B,QAAQ,cAAc,QAAQ,GAC9B,SAAS;GAKJ;GACP,IAAI,MAAM,aAAa;GACvB,kBAAkB,MAAM,IAAI,OAAO;GACnC,eAAe,QAAQ;GACvB,UAAU,QAAQ;GAClB,qBAAqB,QAAQ;IAC7B;;AAIN,eAAc,cAAc,iBAAiB,UAAU,eAAe,UAAU,QAAQ,YAAY;AACpG,QAAO"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/floating-card/utils.tsx"],"sourcesContent":["// __private-exports\n/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/**\n * A value that can be static or dynamically computed per floating card.\n *\n * Enables per-card customization of props by passing a factory function\n * that receives the card ID and returns the appropriate value.\n *\n * @template T - The type of the static value or factory return type.\n */\nexport type MaybeFactory<T> = T | ((cardId: string) => T);\n\n/**\n * Reads a value that callers may supply either directly or as a per-card factory.\n *\n * @template T - Type of the resolved value.\n * @param value - The static value or factory.\n * @param cardId - Card the value is being resolved for.\n * @returns The value for this card.\n *\n * @example\n * ```tsx\n * const icon = resolveMaybeFactory(props.icon, cardId);\n * ```\n */\nexport function resolveMaybeFactory<T>(\n  value: MaybeFactory<T> | undefined,\n  cardId: string,\n): T | undefined {\n  return typeof value === 'function'\n    ? (value as (cardId: string) => T)(cardId)\n    : value;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,SAAgB,oBACd,OACA,QACe;AACf,QAAO,OAAO,UAAU,aACnB,MAAgC,OAAO,GACxC"}

package/dist/components/gantt/components/base-elements/range.d.ts

@@ -12,7 +12,7 @@
 
 import { GanttRowElementColorProp } from "../../types.js";
 import { HTMLAttributes, PropsWithChildren } from "react";
-import * as react_jsx_runtime216 from "react/jsx-runtime";
+import * as react_jsx_runtime217 from "react/jsx-runtime";
 
 //#region src/components/gantt/components/base-elements/range.d.ts
 /** Props for range-based Gantt elements (blocks, spacers). */
@@ -24,7 +24,7 @@ type RangeProps = HTMLAttributes<HTMLDivElement> & {
   /** Visual color variant. @default 'accent' */
   color?: GanttRowElementColorProp;
 };
-declare function Range(props: PropsWithChildren<RangeProps>): react_jsx_runtime216.JSX.Element | null;
+declare function Range(props: PropsWithChildren<RangeProps>): react_jsx_runtime217.JSX.Element | null;
 //#endregion
 export { Range, RangeProps };
 //# sourceMappingURL=range.d.ts.map

package/dist/components/gantt/components/containers/external/gantt-panel-container/index.d.ts

@@ -11,13 +11,13 @@
  */
 
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime46 from "react/jsx-runtime";
+import * as react_jsx_runtime239 from "react/jsx-runtime";
 
 //#region src/components/gantt/components/containers/external/gantt-panel-container/index.d.ts
 /** Fixed-width side panel of the Gantt chart for row labels, paired alongside `GanttContentContainer`. */
 declare function GanttPanelContainer({
   children
-}: PropsWithChildren): react_jsx_runtime46.JSX.Element;
+}: PropsWithChildren): react_jsx_runtime239.JSX.Element;
 //#endregion
 export { GanttPanelContainer };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/gantt/components/containers/internal/index.d.ts

@@ -11,12 +11,12 @@
  */
 
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime234 from "react/jsx-runtime";
+import * as react_jsx_runtime235 from "react/jsx-runtime";
 
 //#region src/components/gantt/components/containers/internal/index.d.ts
 declare function RootContainer({
   children
-}: PropsWithChildren): react_jsx_runtime234.JSX.Element;
+}: PropsWithChildren): react_jsx_runtime235.JSX.Element;
 //#endregion
 export { RootContainer };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/gantt/components/containers/internal/layout-container/index.d.ts

@@ -11,12 +11,12 @@
  */
 
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime236 from "react/jsx-runtime";
+import * as react_jsx_runtime238 from "react/jsx-runtime";
 
 //#region src/components/gantt/components/containers/internal/layout-container/index.d.ts
 declare function LayoutContainer({
   children
-}: PropsWithChildren): react_jsx_runtime236.JSX.Element;
+}: PropsWithChildren): react_jsx_runtime238.JSX.Element;
 //#endregion
 export { LayoutContainer };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/gantt/components/containers/internal/virtualized-content-height-container/index.d.ts

@@ -11,12 +11,12 @@
  */
 
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime238 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/gantt/components/containers/internal/virtualized-content-height-container/index.d.ts
 declare function VirtualizedContentHeightContainer({
   children
-}: PropsWithChildren): react_jsx_runtime238.JSX.Element;
+}: PropsWithChildren): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { VirtualizedContentHeightContainer };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/gantt/components/content-row/block.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { RangeProps } from "../base-elements/range.js";
-import * as react_jsx_runtime217 from "react/jsx-runtime";
+import * as react_jsx_runtime218 from "react/jsx-runtime";
 
 //#region src/components/gantt/components/content-row/block.d.ts
 /** Time-range element rendered as a filled bar on the timeline. Supports elapsed-percentage styling and child content. */
@@ -21,7 +21,7 @@ declare function GanttBlock({
   endTimeMs,
   className,
   ...rest
-}: RangeProps): react_jsx_runtime217.JSX.Element;
+}: RangeProps): react_jsx_runtime218.JSX.Element;
 //#endregion
 export { GanttBlock };
 //# sourceMappingURL=block.d.ts.map

package/dist/components/gantt/components/content-row/bracket.d.ts

@@ -11,13 +11,13 @@
  */
 
 import { PointProps } from "../base-elements/point.js";
-import * as react_jsx_runtime218 from "react/jsx-runtime";
+import * as react_jsx_runtime219 from "react/jsx-runtime";
 
 //#region src/components/gantt/components/content-row/bracket.d.ts
 /** Opening bracket marker at a specific timestamp, indicating the start of a grouped range. */
-declare function GanttBracketOpen(props: PointProps): react_jsx_runtime218.JSX.Element;
+declare function GanttBracketOpen(props: PointProps): react_jsx_runtime219.JSX.Element;
 /** Closing bracket marker at a specific timestamp, indicating the end of a grouped range. */
-declare function GanttBracketClose(props: PointProps): react_jsx_runtime218.JSX.Element;
+declare function GanttBracketClose(props: PointProps): react_jsx_runtime219.JSX.Element;
 //#endregion
 export { GanttBracketClose, GanttBracketOpen };
 //# sourceMappingURL=bracket.d.ts.map

package/dist/components/gantt/components/content-row/icon-marker.d.ts

@@ -12,7 +12,7 @@
 
 import { PointProps } from "../base-elements/point.js";
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime220 from "react/jsx-runtime";
+import * as react_jsx_runtime222 from "react/jsx-runtime";
 
 //#region src/components/gantt/components/content-row/icon-marker.d.ts
 type GanttIconMarkerProps = PropsWithChildren<PointProps>;
@@ -21,7 +21,7 @@ declare function GanttIconMarker({
   children,
   color,
   ...rest
-}: GanttIconMarkerProps): react_jsx_runtime220.JSX.Element;
+}: GanttIconMarkerProps): react_jsx_runtime222.JSX.Element;
 //#endregion
 export { GanttIconMarker };
 //# sourceMappingURL=icon-marker.d.ts.map

package/dist/components/gantt/components/content-row/index.d.ts

@@ -11,14 +11,14 @@
  */
 
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime221 from "react/jsx-runtime";
+import * as react_jsx_runtime223 from "react/jsx-runtime";
 
 //#region src/components/gantt/components/content-row/index.d.ts
 /** Row wrapper for content-side elements (blocks, markers, spacers, brackets). Paired 1:1 with `GanttPanelRow`. */
 declare function GanttContentRow({
   children,
   ...rest
-}: PropsWithChildren): react_jsx_runtime221.JSX.Element;
+}: PropsWithChildren): react_jsx_runtime223.JSX.Element;
 //#endregion
 export { GanttContentRow };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/gantt/components/content-row/marker.d.ts

@@ -11,11 +11,11 @@
  */
 
 import { PointProps } from "../base-elements/point.js";
-import * as react_jsx_runtime222 from "react/jsx-runtime";
+import * as react_jsx_runtime221 from "react/jsx-runtime";
 
 //#region src/components/gantt/components/content-row/marker.d.ts
 /** Point marker rendered as a vertical line with a dot at a specific timestamp on the timeline. */
-declare function GanttMarker(props: PointProps): react_jsx_runtime222.JSX.Element;
+declare function GanttMarker(props: PointProps): react_jsx_runtime221.JSX.Element;
 //#endregion
 export { GanttMarker };
 //# sourceMappingURL=marker.d.ts.map

package/dist/components/gantt/components/content-row/spacer.d.ts

@@ -11,13 +11,13 @@
  */
 
 import { RangeProps } from "../base-elements/range.js";
-import * as react_jsx_runtime223 from "react/jsx-runtime";
+import * as react_jsx_runtime224 from "react/jsx-runtime";
 
 //#region src/components/gantt/components/content-row/spacer.d.ts
 /** Props for the GanttSpacer component. Inherits RangeProps except className. */
 type GanttSpacerProps = Omit<RangeProps, 'className'>;
 /** Time-range connector line between visible elements on the timeline. */
-declare function GanttSpacer(props: GanttSpacerProps): react_jsx_runtime223.JSX.Element;
+declare function GanttSpacer(props: GanttSpacerProps): react_jsx_runtime224.JSX.Element;
 //#endregion
 export { GanttSpacer, GanttSpacerProps };
 //# sourceMappingURL=spacer.d.ts.map

package/dist/components/gantt/components/current-time/index.d.ts

@@ -10,7 +10,7 @@
  * governing permissions and limitations under the License.
  */
 
-import * as react_jsx_runtime224 from "react/jsx-runtime";
+import * as react_jsx_runtime225 from "react/jsx-runtime";
 
 //#region src/components/gantt/components/current-time/index.d.ts
 /**
@@ -22,7 +22,7 @@ declare function CurrentTime({
   currentTimeMs
 }: {
   currentTimeMs: number;
-}): react_jsx_runtime224.JSX.Element | null;
+}): react_jsx_runtime225.JSX.Element | null;
 //#endregion
 export { CurrentTime };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/gantt/components/header/index.d.ts

@@ -11,15 +11,15 @@
  */
 
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime225 from "react/jsx-runtime";
+import * as react_jsx_runtime226 from "react/jsx-runtime";
 
 //#region src/components/gantt/components/header/index.d.ts
 declare function ContentHeader({
   children
-}: PropsWithChildren): react_jsx_runtime225.JSX.Element;
+}: PropsWithChildren): react_jsx_runtime226.JSX.Element;
 declare function PanelHeader({
   children
-}: PropsWithChildren): react_jsx_runtime225.JSX.Element;
+}: PropsWithChildren): react_jsx_runtime226.JSX.Element;
 //#endregion
 export { ContentHeader, PanelHeader };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/gantt/components/panel-row/index.d.ts

@@ -11,14 +11,14 @@
  */
 
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime227 from "react/jsx-runtime";
+import * as react_jsx_runtime228 from "react/jsx-runtime";
 
 //#region src/components/gantt/components/panel-row/index.d.ts
 /** Row wrapper for the panel side, typically containing a row label. Paired 1:1 with `GanttContentRow`. */
 declare function GanttPanelRow({
   children,
   ...rest
-}: PropsWithChildren): react_jsx_runtime227.JSX.Element;
+}: PropsWithChildren): react_jsx_runtime228.JSX.Element;
 //#endregion
 export { GanttPanelRow };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/gantt/components/rows-virtualizer/index.d.ts

@@ -11,15 +11,15 @@
  */
 
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime228 from "react/jsx-runtime";
+import * as react_jsx_runtime229 from "react/jsx-runtime";
 
 //#region src/components/gantt/components/rows-virtualizer/index.d.ts
 declare function ContentRowsVirtualizer({
   children
-}: PropsWithChildren): react_jsx_runtime228.JSX.Element;
+}: PropsWithChildren): react_jsx_runtime229.JSX.Element;
 declare function PanelRowsVirtualizer({
   children
-}: PropsWithChildren): react_jsx_runtime228.JSX.Element;
+}: PropsWithChildren): react_jsx_runtime229.JSX.Element;
 //#endregion
 export { ContentRowsVirtualizer, PanelRowsVirtualizer };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/gantt/components/timeline/index.d.ts

@@ -10,10 +10,10 @@
  * governing permissions and limitations under the License.
  */
 
-import * as react_jsx_runtime230 from "react/jsx-runtime";
+import * as react_jsx_runtime231 from "react/jsx-runtime";
 
 //#region src/components/gantt/components/timeline/index.d.ts
-declare function Timeline(): react_jsx_runtime230.JSX.Element;
+declare function Timeline(): react_jsx_runtime231.JSX.Element;
 //#endregion
 export { Timeline };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/gantt/context/index.d.ts

@@ -11,9 +11,9 @@
  */
 
 import { GanttThresholdProps, GanttTimescale } from "../types.js";
-import * as react56 from "react";
+import * as react55 from "react";
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime235 from "react/jsx-runtime";
+import * as react_jsx_runtime214 from "react/jsx-runtime";
 
 //#region src/components/gantt/context/index.d.ts
 type GanttContextValue = {
@@ -29,7 +29,7 @@ type GanttContextValue = {
   assignGanttContentElementRef: (node: HTMLDivElement | null) => void;
   assignGanttPanelElementRef: (node: HTMLDivElement | null) => void;
 };
-declare const GanttContext: react56.Context<GanttContextValue | undefined>;
+declare const GanttContext: react55.Context<GanttContextValue | undefined>;
 type GanttProviderProps = {
   /** Start of the total timeline range in epoch milliseconds. */
   startTimeMs: number;
@@ -52,7 +52,7 @@ declare function GanttProvider({
   thresholdProps,
   currentTimeMs,
   rowHeightPx
-}: PropsWithChildren<GanttProviderProps>): react_jsx_runtime235.JSX.Element;
+}: PropsWithChildren<GanttProviderProps>): react_jsx_runtime214.JSX.Element;
 /** @throws {Error} If called outside of a GanttProvider. */
 declare function useGanttContext(): GanttContextValue;
 //#endregion

package/dist/components/gantt/context/store/index.d.ts

@@ -11,13 +11,13 @@
  */
 
 import { GanttActions, GanttState, GanttStoreProps } from "../../store.js";
-import * as react55 from "react";
+import * as react57 from "react";
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime231 from "react/jsx-runtime";
+import * as react_jsx_runtime234 from "react/jsx-runtime";
 import * as zustand0 from "zustand";
 
 //#region src/components/gantt/context/store/index.d.ts
-declare const GanttStoreContext: react55.Context<(Omit<zustand0.StoreApi<GanttState & GanttActions>, "subscribe"> & {
+declare const GanttStoreContext: react57.Context<(Omit<zustand0.StoreApi<GanttState & GanttActions>, "subscribe"> & {
   subscribe: {
     (listener: (selectedState: GanttState & GanttActions, previousSelectedState: GanttState & GanttActions) => void): () => void;
     <U>(selector: (state: GanttState & GanttActions) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
@@ -29,7 +29,7 @@ declare const GanttStoreContext: react55.Context<(Omit<zustand0.StoreApi<GanttSt
 declare function GanttStoreProvider({
   children,
   startTimeMs
-}: PropsWithChildren<GanttStoreProps>): react_jsx_runtime231.JSX.Element;
+}: PropsWithChildren<GanttStoreProps>): react_jsx_runtime234.JSX.Element;
 declare function useGanttStore<T>(selector: (state: GanttState & GanttActions) => T): T;
 declare function useGanttStoreApi(): Omit<zustand0.StoreApi<GanttState & GanttActions>, "subscribe"> & {
   subscribe: {