@accelint/design-toolkit 9.9.2 → 9.10.0

package/dist/components/gantt/components/current-time/styles.module.css

@@ -0,0 +1,42 @@
+/*
+ * 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.
+ */
+
+@reference '@accelint/design-foundation/styles';
+
+@layer components.l1 {
+  .current-time-marker {
+    --top: attr(data-top px);
+
+    @apply font-display text-body-xs fg-primary-bold pointer-events-none absolute z-10 flex flex-col items-center justify-center;
+    top: var(--top);
+    transform: translateX(calc(var(--translate-x) - 50%));
+  }
+
+  .current-time-label {
+    @apply outline-accent-primary-bold p-xs text-body-xs border;
+    border-color: var(--outline-accent-primary-bold);
+    border-radius: 3px;
+  }
+
+  .current-time-indicator {
+    @apply fg-accent-primary-bold w-px;
+    --dash: 6px;
+    --gap: 6px;
+    --border: 3px;
+    background: repeating-linear-gradient(
+        to bottom,
+        currentColor 0 var(--dash),
+        transparent var(--dash) calc(var(--dash) + var(--gap))
+      )
+      left / var(--border) 100% no-repeat;
+  }
+}

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

@@ -0,0 +1,31 @@
+/*
+ * 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 { RefObject } from "react";
+
+//#region src/components/gantt/components/current-time/use-current-time-layout/index.d.ts
+type UseCurrentTimeLayoutProps = {
+  currentTimeElement: HTMLDivElement | null;
+  currentTimeMs: number;
+  indicatorElement: HTMLDivElement | null;
+};
+type UseCurrentTimeLayoutValue = {
+  labelElementRef: RefObject<HTMLDivElement | null>;
+};
+declare function useCurrentTimeLayout({
+  currentTimeElement,
+  currentTimeMs,
+  indicatorElement
+}: UseCurrentTimeLayoutProps): UseCurrentTimeLayoutValue;
+//#endregion
+export { useCurrentTimeLayout };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/gantt/components/current-time/use-current-time-layout/index.js

@@ -0,0 +1,58 @@
+/*
+ * 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 { GANTT_CONTAINER_TOP_PX } from "../../../constants.js";
+import { selectors } from "../../../store.js";
+import { useGanttContext } from "../../../context/index.js";
+import { useTemporalDataContext } from "../../../context/temporal-data/index.js";
+import { useLayoutSubscription } from "../../../hooks/use-layout-subscription/index.js";
+import { deriveCurrentTimeTranslateX } from "../../../utils/layout.js";
+import { useCallback, useRef } from "react";
+
+//#region src/components/gantt/components/current-time/use-current-time-layout/index.ts
+function calculateIndicatorHeight(headerElement, labelElement, verticalScrollElement, horizontalScrollElement, translateX = 0) {
+	const ganttHeaderHeight = headerElement?.clientHeight ?? 0;
+	const scrollWidth = horizontalScrollElement?.clientWidth ?? 0;
+	const scrollHeight = verticalScrollElement?.clientHeight ?? 0;
+	const indicatorHeightOffset = ganttHeaderHeight - (GANTT_CONTAINER_TOP_PX + (labelElement?.offsetHeight ?? 0));
+	const totalIndicatorHeight = scrollHeight + indicatorHeightOffset;
+	return translateX >= scrollWidth ? indicatorHeightOffset : totalIndicatorHeight;
+}
+function useCurrentTimeLayout({ currentTimeElement, currentTimeMs, indicatorElement }) {
+	const { rootElement, ganttContentElement, headerElement } = useGanttContext();
+	const { msPerPx } = useTemporalDataContext();
+	const labelElementRef = useRef(null);
+	useLayoutSubscription({
+		callback: useCallback((currentPositionMs) => {
+			if (!currentTimeElement) return;
+			const translateX = deriveCurrentTimeTranslateX(currentTimeMs, msPerPx, currentPositionMs);
+			const indicatorHeight = calculateIndicatorHeight(headerElement, labelElementRef.current, rootElement, ganttContentElement, translateX);
+			currentTimeElement.style.setProperty("--translate-x", `${translateX}px`);
+			if (indicatorElement) indicatorElement.style.height = `${indicatorHeight}px`;
+		}, [
+			currentTimeElement,
+			msPerPx,
+			currentTimeMs,
+			indicatorElement,
+			headerElement,
+			rootElement,
+			ganttContentElement
+		]),
+		selector: selectors.currentPositionMs
+	});
+	return { labelElementRef };
+}
+
+//#endregion
+export { useCurrentTimeLayout };
+//# sourceMappingURL=index.js.map

package/dist/components/gantt/components/current-time/use-current-time-layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/gantt/components/current-time/use-current-time-layout/index.ts"],"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 { type RefObject, useCallback, useRef } from 'react';\nimport { GANTT_CONTAINER_TOP_PX } from '@/components/gantt/constants';\nimport { useGanttContext } from '@/components/gantt/context';\nimport { useTemporalDataContext } from '@/components/gantt/context/temporal-data';\nimport { useLayoutSubscription } from '@/components/gantt/hooks/use-layout-subscription';\nimport { selectors } from '@/components/gantt/store';\nimport { deriveCurrentTimeTranslateX } from '@/components/gantt/utils/layout';\n\ntype UseCurrentTimeLayoutProps = {\n  currentTimeElement: HTMLDivElement | null;\n  currentTimeMs: number;\n  indicatorElement: HTMLDivElement | null;\n};\n\ntype UseCurrentTimeLayoutValue = {\n  labelElementRef: RefObject<HTMLDivElement | null>;\n};\n\nfunction calculateIndicatorHeight(\n  headerElement: HTMLDivElement | null,\n  labelElement: HTMLDivElement | null,\n  verticalScrollElement: HTMLDivElement | null,\n  horizontalScrollElement: HTMLDivElement | null,\n  translateX = 0,\n) {\n  const ganttHeaderHeight = headerElement?.clientHeight ?? 0;\n  const scrollWidth = horizontalScrollElement?.clientWidth ?? 0;\n  const scrollHeight = verticalScrollElement?.clientHeight ?? 0;\n  const labelHeight = labelElement?.offsetHeight ?? 0;\n\n  // Distance between vertical scrollbar and bottom of label element.\n  // Used as the indicator height when the indicator is visually\n  // located above the vertical scrollbar so that the indicator\n  // dashes aren't overlaid on the scrollbar\n  const indicatorHeightOffset =\n    ganttHeaderHeight - (GANTT_CONTAINER_TOP_PX + labelHeight);\n\n  // Default indicator height when the indicator is not\n  // visually located above the vertical scrollbar.\n  const totalIndicatorHeight = scrollHeight + indicatorHeightOffset;\n\n  return translateX >= scrollWidth\n    ? indicatorHeightOffset\n    : totalIndicatorHeight;\n}\n\nexport function useCurrentTimeLayout({\n  currentTimeElement,\n  currentTimeMs,\n  indicatorElement,\n}: UseCurrentTimeLayoutProps): UseCurrentTimeLayoutValue {\n  const { rootElement, ganttContentElement, headerElement } = useGanttContext();\n  const { msPerPx } = useTemporalDataContext();\n\n  const labelElementRef = useRef<HTMLDivElement>(null);\n\n  const updateElementLayout = useCallback(\n    (currentPositionMs: number) => {\n      if (!currentTimeElement) {\n        return;\n      }\n\n      const translateX = deriveCurrentTimeTranslateX(\n        currentTimeMs,\n        msPerPx,\n        currentPositionMs,\n      );\n      const indicatorHeight = calculateIndicatorHeight(\n        headerElement,\n        labelElementRef.current,\n        rootElement,\n        ganttContentElement,\n        translateX,\n      );\n\n      currentTimeElement.style.setProperty('--translate-x', `${translateX}px`);\n\n      if (indicatorElement) {\n        indicatorElement.style.height = `${indicatorHeight}px`;\n      }\n    },\n    [\n      currentTimeElement,\n      msPerPx,\n      currentTimeMs,\n      indicatorElement,\n      headerElement,\n      rootElement,\n      ganttContentElement,\n    ],\n  );\n\n  useLayoutSubscription({\n    callback: updateElementLayout,\n    selector: selectors.currentPositionMs,\n  });\n\n  return { labelElementRef };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAS,yBACP,eACA,cACA,uBACA,yBACA,aAAa,GACb;CACA,MAAM,oBAAoB,eAAe,gBAAgB;CACzD,MAAM,cAAc,yBAAyB,eAAe;CAC5D,MAAM,eAAe,uBAAuB,gBAAgB;CAO5D,MAAM,wBACJ,qBAAqB,0BAPH,cAAc,gBAAgB;CAWlD,MAAM,uBAAuB,eAAe;AAE5C,QAAO,cAAc,cACjB,wBACA;;AAGN,SAAgB,qBAAqB,EACnC,oBACA,eACA,oBACuD;CACvD,MAAM,EAAE,aAAa,qBAAqB,kBAAkB,iBAAiB;CAC7E,MAAM,EAAE,YAAY,wBAAwB;CAE5C,MAAM,kBAAkB,OAAuB,KAAK;AAsCpD,uBAAsB;EACpB,UArC0B,aACzB,sBAA8B;AAC7B,OAAI,CAAC,mBACH;GAGF,MAAM,aAAa,4BACjB,eACA,SACA,kBACD;GACD,MAAM,kBAAkB,yBACtB,eACA,gBAAgB,SAChB,aACA,qBACA,WACD;AAED,sBAAmB,MAAM,YAAY,iBAAiB,GAAG,WAAW,IAAI;AAExE,OAAI,iBACF,kBAAiB,MAAM,SAAS,GAAG,gBAAgB;KAGvD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAIC,UAAU,UAAU;EACrB,CAAC;AAEF,QAAO,EAAE,iBAAiB"}

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

@@ -0,0 +1,25 @@
+/*
+ * 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 { PropsWithChildren } from "react";
+import * as react_jsx_runtime211 from "react/jsx-runtime";
+
+//#region src/components/gantt/components/header/index.d.ts
+declare function ContentHeader({
+  children
+}: PropsWithChildren): react_jsx_runtime211.JSX.Element;
+declare function PanelHeader({
+  children
+}: PropsWithChildren): react_jsx_runtime211.JSX.Element;
+//#endregion
+export { ContentHeader, PanelHeader };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/gantt/components/header/index.js

@@ -0,0 +1,41 @@
+/*
+ * 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 { GANTT_HEADER_HEIGHT_PX } from "../../constants.js";
+import { useGanttContext } from "../../context/index.js";
+import { jsx } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/gantt/components/header/index.tsx
+function Header({ children, ref }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: styles.header,
+		"data-height": GANTT_HEADER_HEIGHT_PX,
+		children
+	});
+}
+function ContentHeader({ children }) {
+	const { assignHeaderElementRef } = useGanttContext();
+	return /* @__PURE__ */ jsx(Header, {
+		ref: assignHeaderElementRef,
+		children
+	});
+}
+function PanelHeader({ children }) {
+	return /* @__PURE__ */ jsx(Header, { children });
+}
+
+//#endregion
+export { ContentHeader, PanelHeader };
+//# sourceMappingURL=index.js.map

package/dist/components/gantt/components/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/gantt/components/header/index.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 { GANTT_HEADER_HEIGHT_PX } from '../../constants';\nimport { useGanttContext } from '../../context';\nimport styles from './styles.module.css';\nimport type { PropsWithChildren, Ref } from 'react';\n\ntype HeaderProps = {\n  ref?: Ref<HTMLDivElement | null>;\n};\n\nfunction Header({ children, ref }: PropsWithChildren<HeaderProps>) {\n  return (\n    <div\n      ref={ref}\n      className={styles.header}\n      data-height={GANTT_HEADER_HEIGHT_PX}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function ContentHeader({ children }: PropsWithChildren) {\n  const { assignHeaderElementRef } = useGanttContext();\n\n  return <Header ref={assignHeaderElementRef}>{children}</Header>;\n}\n\nexport function PanelHeader({ children }: PropsWithChildren) {\n  return <Header>{children}</Header>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAsBA,SAAS,OAAO,EAAE,UAAU,OAAuC;AACjE,QACE,oBAAC;EACM;EACL,WAAW,OAAO;EAClB,eAAa;EAEZ;GACG;;AAIV,SAAgB,cAAc,EAAE,YAA+B;CAC7D,MAAM,EAAE,2BAA2B,iBAAiB;AAEpD,QAAO,oBAAC;EAAO,KAAK;EAAyB;GAAkB;;AAGjE,SAAgB,YAAY,EAAE,YAA+B;AAC3D,QAAO,oBAAC,UAAQ,WAAkB"}

package/dist/components/gantt/components/header/styles.module.css

@@ -0,0 +1,23 @@
+/*
+ * 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.
+ */
+
+@reference '@accelint/design-foundation/styles';
+
+@layer components.l1 {
+  .header {
+    @apply sticky top-0 left-0 z-10 flex shrink-0 grow-0 items-end border-b bg-inherit;
+
+    --height: attr(data-height px);
+    height: var(--height);
+    border-color: var(--outline-static);
+  }
+}

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

@@ -0,0 +1,24 @@
+/*
+ * 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 { PropsWithChildren } from "react";
+import * as react_jsx_runtime214 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_runtime214.JSX.Element;
+//#endregion
+export { GanttPanelRow };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/gantt/components/panel-row/index.js

@@ -0,0 +1,33 @@
+/*
+ * 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 { useGanttContext } from "../../context/index.js";
+import { jsx } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/gantt/components/panel-row/index.tsx
+/** Row wrapper for the panel side, typically containing a row label. Paired 1:1 with `GanttContentRow`. */
+function GanttPanelRow({ children, ...rest }) {
+	const { rowHeightPx } = useGanttContext();
+	return /* @__PURE__ */ jsx("div", {
+		className: styles.row,
+		role: "listitem",
+		"data-height": rowHeightPx,
+		...rest,
+		children
+	});
+}
+
+//#endregion
+export { GanttPanelRow };
+//# sourceMappingURL=index.js.map

package/dist/components/gantt/components/panel-row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/gantt/components/panel-row/index.tsx"],"sourcesContent":["/*\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 { useGanttContext } from '../../context';\nimport styles from './styles.module.css';\nimport type { PropsWithChildren } from 'react';\n\n/** Row wrapper for the panel side, typically containing a row label. Paired 1:1 with `GanttContentRow`. */\nexport function GanttPanelRow({ children, ...rest }: PropsWithChildren) {\n  const { rowHeightPx } = useGanttContext();\n\n  return (\n    // biome-ignore lint/a11y/useSemanticElements: <parent div role list>\n    <div\n      className={styles.row}\n      role='listitem'\n      data-height={rowHeightPx}\n      // spread props, including virtualizer-augmented style prop, if used\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAiBA,SAAgB,cAAc,EAAE,UAAU,GAAG,QAA2B;CACtE,MAAM,EAAE,gBAAgB,iBAAiB;AAEzC,QAEE,oBAAC;EACC,WAAW,OAAO;EAClB,MAAK;EACL,eAAa;EAEb,GAAI;EAEH;GACG"}

package/dist/components/gantt/components/panel-row/styles.module.css

@@ -0,0 +1,24 @@
+/*
+ * 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.
+ */
+
+@reference '@accelint/design-foundation/styles';
+
+@layer components.l1 {
+  .row {
+    --height: attr(data-height px);
+
+    @apply py-xxs px-m relative flex items-center border-b;
+
+    height: var(--height);
+    border-color: var(--outline-static);
+  }
+}

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

@@ -0,0 +1,25 @@
+/*
+ * 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 { PropsWithChildren } from "react";
+import * as react_jsx_runtime218 from "react/jsx-runtime";
+
+//#region src/components/gantt/components/rows-virtualizer/index.d.ts
+declare function ContentRowsVirtualizer({
+  children
+}: PropsWithChildren): react_jsx_runtime218.JSX.Element;
+declare function PanelRowsVirtualizer({
+  children
+}: PropsWithChildren): react_jsx_runtime218.JSX.Element;
+//#endregion
+export { ContentRowsVirtualizer, PanelRowsVirtualizer };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/gantt/components/rows-virtualizer/index.js

@@ -0,0 +1,67 @@
+/*
+ * 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 { GANTT_HEADER_HEIGHT_PX } from "../../constants.js";
+import { useRootElementHeight } from "../../hooks/use-root-element-height/index.js";
+import { useGanttContext } from "../../context/index.js";
+import { useTemporalDataContext } from "../../context/temporal-data/index.js";
+import { useTotalDataRegionThresholds } from "../../hooks/use-total-data-region-thresholds/index.js";
+import { useRenderedRows } from "./use-rendered-rows/index.js";
+import { useScrollSync } from "./use-scroll-sync/index.js";
+import { Children } from "react";
+import { jsx } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/gantt/components/rows-virtualizer/index.tsx
+function RowsVirtualizerRoot({ children, role, ...rest }) {
+	const rootElementHeight = useRootElementHeight();
+	const { height, renderedRows } = useRenderedRows({
+		children,
+		heightPx: rootElementHeight - GANTT_HEADER_HEIGHT_PX
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: styles.container,
+		"data-height": rootElementHeight - GANTT_HEADER_HEIGHT_PX,
+		...rest,
+		children: /* @__PURE__ */ jsx("div", {
+			className: styles["inner-container"],
+			"data-height": height,
+			role,
+			children: renderedRows
+		})
+	});
+}
+function ContentRowsVirtualizer({ children }) {
+	const { ganttContentElement } = useGanttContext();
+	const { totalBounds, msPerPx } = useTemporalDataContext();
+	const width = (totalBounds.endMs - totalBounds.startMs) / msPerPx;
+	useTotalDataRegionThresholds({
+		totalRowsCount: Children.count(children),
+		verticalScrollElement: ganttContentElement
+	});
+	useScrollSync({ horizontalScrollElement: ganttContentElement });
+	return /* @__PURE__ */ jsx(RowsVirtualizerRoot, {
+		"data-width": width,
+		children
+	});
+}
+function PanelRowsVirtualizer({ children }) {
+	return /* @__PURE__ */ jsx(RowsVirtualizerRoot, {
+		role: "list",
+		children
+	});
+}
+
+//#endregion
+export { ContentRowsVirtualizer, PanelRowsVirtualizer };
+//# sourceMappingURL=index.js.map

package/dist/components/gantt/components/rows-virtualizer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/gantt/components/rows-virtualizer/index.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 { Children, type ComponentProps, type PropsWithChildren } from 'react';\nimport { useGanttContext } from '@/components/gantt/context';\nimport { useRootElementHeight } from '@/components/gantt/hooks/use-root-element-height';\nimport { useTotalDataRegionThresholds } from '@/components/gantt/hooks/use-total-data-region-thresholds';\nimport { GANTT_HEADER_HEIGHT_PX } from '../../constants';\nimport { useTemporalDataContext } from '../../context/temporal-data';\nimport styles from './styles.module.css';\nimport { useRenderedRows } from './use-rendered-rows';\nimport { useScrollSync } from './use-scroll-sync';\n\ntype RowsVirtualizerRootProps = ComponentProps<'div'>;\n\nfunction RowsVirtualizerRoot({\n  children,\n  role,\n  ...rest\n}: RowsVirtualizerRootProps) {\n  const rootElementHeight = useRootElementHeight();\n\n  const { height, renderedRows } = useRenderedRows({\n    children,\n    heightPx: rootElementHeight - GANTT_HEADER_HEIGHT_PX,\n  });\n\n  return (\n    <div\n      className={styles.container}\n      data-height={rootElementHeight - GANTT_HEADER_HEIGHT_PX}\n      {...rest}\n    >\n      <div\n        className={styles['inner-container']}\n        data-height={height}\n        role={role}\n      >\n        {renderedRows}\n      </div>\n    </div>\n  );\n}\n\nexport function ContentRowsVirtualizer({ children }: PropsWithChildren) {\n  const { ganttContentElement } = useGanttContext();\n  const { totalBounds, msPerPx } = useTemporalDataContext();\n\n  const width = (totalBounds.endMs - totalBounds.startMs) / msPerPx;\n\n  useTotalDataRegionThresholds({\n    totalRowsCount: Children.count(children),\n    verticalScrollElement: ganttContentElement,\n  });\n\n  useScrollSync({\n    horizontalScrollElement: ganttContentElement,\n  });\n\n  return (\n    <RowsVirtualizerRoot data-width={width}>{children}</RowsVirtualizerRoot>\n  );\n}\n\nexport function PanelRowsVirtualizer({ children }: PropsWithChildren) {\n  return <RowsVirtualizerRoot role='list'>{children}</RowsVirtualizerRoot>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,SAAS,oBAAoB,EAC3B,UACA,MACA,GAAG,QACwB;CAC3B,MAAM,oBAAoB,sBAAsB;CAEhD,MAAM,EAAE,QAAQ,iBAAiB,gBAAgB;EAC/C;EACA,UAAU,oBAAoB;EAC/B,CAAC;AAEF,QACE,oBAAC;EACC,WAAW,OAAO;EAClB,eAAa,oBAAoB;EACjC,GAAI;YAEJ,oBAAC;GACC,WAAW,OAAO;GAClB,eAAa;GACP;aAEL;IACG;GACF;;AAIV,SAAgB,uBAAuB,EAAE,YAA+B;CACtE,MAAM,EAAE,wBAAwB,iBAAiB;CACjD,MAAM,EAAE,aAAa,YAAY,wBAAwB;CAEzD,MAAM,SAAS,YAAY,QAAQ,YAAY,WAAW;AAE1D,8BAA6B;EAC3B,gBAAgB,SAAS,MAAM,SAAS;EACxC,uBAAuB;EACxB,CAAC;AAEF,eAAc,EACZ,yBAAyB,qBAC1B,CAAC;AAEF,QACE,oBAAC;EAAoB,cAAY;EAAQ;GAA+B;;AAI5E,SAAgB,qBAAqB,EAAE,YAA+B;AACpE,QAAO,oBAAC;EAAoB,MAAK;EAAQ;GAA+B"}

package/dist/components/gantt/components/rows-virtualizer/styles.module.css

@@ -0,0 +1,30 @@
+/*
+ * 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.
+ */
+
+@reference '@accelint/design-foundation/styles';
+
+@layer components.l1 {
+  .container {
+    @apply relative min-w-full overflow-y-hidden;
+
+    --width: attr(data-width px);
+    width: var(--width);
+  }
+  .inner-container {
+    --height: attr(data-height px);
+    --width: attr(data-width px);
+
+    @apply relative w-full min-w-full overflow-hidden;
+    height: var(--height);
+    width: var(--width);
+  }
+}

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

@@ -0,0 +1,29 @@
+/*
+ * 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 { JSX, PropsWithChildren, ReactElement } from "react";
+
+//#region src/components/gantt/components/rows-virtualizer/use-rendered-rows/index.d.ts
+type UseRenderedRowsValue = {
+  height: number;
+  renderedRows: ReactElement<JSX.IntrinsicElements['div']>[];
+};
+type UseRenderedRowsProps = {
+  heightPx: number;
+};
+declare function useRenderedRows({
+  children,
+  heightPx
+}: PropsWithChildren<UseRenderedRowsProps>): UseRenderedRowsValue;
+//#endregion
+export { useRenderedRows };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/gantt/components/rows-virtualizer/use-rendered-rows/index.js

@@ -0,0 +1,57 @@
+/*
+ * 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 { selectors } from "../../../store.js";
+import { useGanttStore, useGanttStoreApi } from "../../../context/store/index.js";
+import { useGanttContext } from "../../../context/index.js";
+import { deriveRenderedSlice } from "../../../utils/layout.js";
+import { useScrollbarHeight } from "../../../hooks/use-scrollbar-height/index.js";
+import { Children, cloneElement, useEffect, useMemo } from "react";
+
+//#region src/components/gantt/components/rows-virtualizer/use-rendered-rows/index.ts
+const applyVirtualizedRowStyles = (startIndex, rowHeightPx) => (element, index) => cloneElement(element, { style: {
+	...element.props.style,
+	position: "absolute",
+	transform: `translateY(${rowHeightPx * (startIndex + index)}px)`,
+	width: "100%"
+} });
+function useRenderedRows({ children, heightPx }) {
+	const { rowHeightPx } = useGanttContext();
+	const store = useGanttStoreApi();
+	const roundedCurrentRowScrollPx = useGanttStore(selectors.roundedCurrentRowScrollPx);
+	const horizontalScrollbarHeight = useScrollbarHeight();
+	const { start, end } = deriveRenderedSlice(roundedCurrentRowScrollPx, rowHeightPx, heightPx);
+	const allRows = useMemo(() => Children.toArray(children), [children]);
+	const renderedRows = useMemo(() => Children.map(allRows.slice(start, end), applyVirtualizedRowStyles(start, rowHeightPx)) ?? [], [
+		allRows,
+		start,
+		end,
+		rowHeightPx
+	]);
+	const virtualizedHeight = useMemo(() => Children.count(children) * rowHeightPx + horizontalScrollbarHeight, [
+		children,
+		rowHeightPx,
+		horizontalScrollbarHeight
+	]);
+	useEffect(() => {
+		store.setState({ virtualizedHeightPx: virtualizedHeight });
+	}, [virtualizedHeight, store]);
+	return {
+		height: virtualizedHeight,
+		renderedRows
+	};
+}
+
+//#endregion
+export { useRenderedRows };
+//# sourceMappingURL=index.js.map

package/dist/components/gantt/components/rows-virtualizer/use-rendered-rows/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/gantt/components/rows-virtualizer/use-rendered-rows/index.ts"],"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  Children,\n  cloneElement,\n  type JSX,\n  type PropsWithChildren,\n  type ReactElement,\n  useEffect,\n  useMemo,\n} from 'react';\nimport { useGanttContext } from '@/components/gantt/context';\nimport {\n  useGanttStore,\n  useGanttStoreApi,\n} from '@/components/gantt/context/store';\nimport { useScrollbarHeight } from '@/components/gantt/hooks/use-scrollbar-height';\nimport { selectors } from '@/components/gantt/store';\nimport { deriveRenderedSlice } from '@/components/gantt/utils/layout';\n\ntype RowChild = ReactElement<JSX.IntrinsicElements['div']>;\n\nconst applyVirtualizedRowStyles =\n  (startIndex: number, rowHeightPx: number) =>\n  (element: RowChild, index: number) =>\n    cloneElement(element, {\n      style: {\n        ...element.props.style,\n        position: 'absolute',\n        transform: `translateY(${rowHeightPx * (startIndex + index)}px)`,\n        width: '100%',\n      },\n    });\n\ntype UseRenderedRowsValue = {\n  height: number;\n  renderedRows: ReactElement<JSX.IntrinsicElements['div']>[];\n};\n\ntype UseRenderedRowsProps = {\n  heightPx: number;\n};\n\nexport function useRenderedRows({\n  children,\n  heightPx,\n}: PropsWithChildren<UseRenderedRowsProps>): UseRenderedRowsValue {\n  const { rowHeightPx } = useGanttContext();\n  const store = useGanttStoreApi();\n  const roundedCurrentRowScrollPx = useGanttStore(\n    selectors.roundedCurrentRowScrollPx,\n  );\n  const horizontalScrollbarHeight = useScrollbarHeight();\n\n  const { start, end } = deriveRenderedSlice(\n    roundedCurrentRowScrollPx,\n    rowHeightPx,\n    heightPx,\n  );\n\n  const allRows = useMemo(\n    () => Children.toArray(children) as RowChild[],\n    [children],\n  );\n\n  const renderedRows = useMemo(\n    () =>\n      Children.map(\n        allRows.slice(start, end),\n        applyVirtualizedRowStyles(start, rowHeightPx),\n      ) ?? [],\n    [allRows, start, end, rowHeightPx],\n  );\n\n  const virtualizedHeight = useMemo(\n    () => Children.count(children) * rowHeightPx + horizontalScrollbarHeight,\n    [children, rowHeightPx, horizontalScrollbarHeight],\n  );\n\n  // Sets the total virtualized height in store so that it can be used\n  // for Gantt overflow management.\n  useEffect(() => {\n    store.setState({ virtualizedHeightPx: virtualizedHeight });\n  }, [virtualizedHeight, store]);\n\n  return {\n    height: virtualizedHeight,\n    renderedRows,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiCA,MAAM,6BACH,YAAoB,iBACpB,SAAmB,UAClB,aAAa,SAAS,EACpB,OAAO;CACL,GAAG,QAAQ,MAAM;CACjB,UAAU;CACV,WAAW,cAAc,eAAe,aAAa,OAAO;CAC5D,OAAO;CACR,EACF,CAAC;AAWN,SAAgB,gBAAgB,EAC9B,UACA,YACgE;CAChE,MAAM,EAAE,gBAAgB,iBAAiB;CACzC,MAAM,QAAQ,kBAAkB;CAChC,MAAM,4BAA4B,cAChC,UAAU,0BACX;CACD,MAAM,4BAA4B,oBAAoB;CAEtD,MAAM,EAAE,OAAO,QAAQ,oBACrB,2BACA,aACA,SACD;CAED,MAAM,UAAU,cACR,SAAS,QAAQ,SAAS,EAChC,CAAC,SAAS,CACX;CAED,MAAM,eAAe,cAEjB,SAAS,IACP,QAAQ,MAAM,OAAO,IAAI,EACzB,0BAA0B,OAAO,YAAY,CAC9C,IAAI,EAAE,EACT;EAAC;EAAS;EAAO;EAAK;EAAY,CACnC;CAED,MAAM,oBAAoB,cAClB,SAAS,MAAM,SAAS,GAAG,cAAc,2BAC/C;EAAC;EAAU;EAAa;EAA0B,CACnD;AAID,iBAAgB;AACd,QAAM,SAAS,EAAE,qBAAqB,mBAAmB,CAAC;IACzD,CAAC,mBAAmB,MAAM,CAAC;AAE9B,QAAO;EACL,QAAQ;EACR;EACD"}

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

@@ -0,0 +1,10 @@
+//#region src/components/gantt/components/rows-virtualizer/use-scroll-sync/index.d.ts
+type UseScrollSyncProps = {
+  horizontalScrollElement: HTMLDivElement | null;
+};
+declare function useScrollSync({
+  horizontalScrollElement
+}: UseScrollSyncProps): void;
+//#endregion
+export { useScrollSync };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/gantt/components/rows-virtualizer/use-scroll-sync/index.js

@@ -0,0 +1,58 @@
+/*
+ * 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 { useGanttStoreApi } from "../../../context/store/index.js";
+import { timestampWithinBounds } from "../../../utils/helpers.js";
+import { useGanttContext } from "../../../context/index.js";
+import { useTemporalDataContext } from "../../../context/temporal-data/index.js";
+import { deriveHorizontalScrollPosition } from "../../../utils/layout.js";
+import { useEffect } from "react";
+
+//#region src/components/gantt/components/rows-virtualizer/use-scroll-sync/index.ts
+function useScrollSync({ horizontalScrollElement }) {
+	const { ganttContentElement, ganttPanelElement, rootElement } = useGanttContext();
+	const { totalBounds, msPerPx } = useTemporalDataContext();
+	const { startMs: totalStartMs, endMs: totalEndMs } = totalBounds;
+	const store = useGanttStoreApi();
+	useEffect(() => {
+		if (!horizontalScrollElement) return;
+		const currentPositionMs = store.getState().currentPositionMs;
+		const bounds = {
+			startMs: totalStartMs,
+			endMs: totalEndMs
+		};
+		const resetScrollPosition = () => horizontalScrollElement.scrollTo({ left: 0 });
+		ganttContentElement?.scrollTo({ top: rootElement?.scrollTop ?? 0 });
+		ganttPanelElement?.scrollTo({ top: rootElement?.scrollTop ?? 0 });
+		if (!timestampWithinBounds(currentPositionMs, bounds)) {
+			resetScrollPosition();
+			store.setState({ currentPositionMs: totalStartMs });
+			return;
+		}
+		const scrollPosition = deriveHorizontalScrollPosition(currentPositionMs, msPerPx, bounds);
+		horizontalScrollElement.scrollTo({ left: scrollPosition });
+	}, [
+		totalStartMs,
+		totalEndMs,
+		msPerPx,
+		horizontalScrollElement,
+		store,
+		ganttContentElement,
+		ganttPanelElement,
+		rootElement
+	]);
+}
+
+//#endregion
+export { useScrollSync };
+//# sourceMappingURL=index.js.map