@accelint/design-toolkit 9.9.2 → 9.11.0

package/dist/components/gantt/components/base-elements/use-point-element-layout/index.d.ts

@@ -0,0 +1,12 @@
+//#region src/components/gantt/components/base-elements/use-point-element-layout/index.d.ts
+type UsePointElementLayoutProps = {
+  element: HTMLDivElement | null;
+  timeMs: number;
+};
+declare function usePointElementLayout({
+  element,
+  timeMs
+}: UsePointElementLayoutProps): void;
+//#endregion
+export { usePointElementLayout };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/gantt/components/base-elements/use-point-element-layout/index.js

@@ -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.
+ */
+
+
+import { TIMESCALE_MAPPING } from "../../../constants.js";
+import { selectors } from "../../../store.js";
+import { useTemporalDataContext } from "../../../context/temporal-data/index.js";
+import { useLayoutSubscription } from "../../../hooks/use-layout-subscription/index.js";
+import { derivePointElementLayout } from "../../../utils/layout.js";
+import { useCallback, useMemo } from "react";
+
+//#region src/components/gantt/components/base-elements/use-point-element-layout/index.ts
+function usePointElementLayout({ element, timeMs }) {
+	const { renderedRegionBounds, msPerPx, timescale, totalBounds } = useTemporalDataContext();
+	useLayoutSubscription({
+		callback: useCallback(() => {
+			if (!element) return;
+			const { translateX } = derivePointElementLayout(renderedRegionBounds, timeMs, totalBounds, msPerPx);
+			element.style.setProperty("--translate-x", `${translateX}px`);
+		}, [
+			element,
+			renderedRegionBounds,
+			timeMs,
+			totalBounds,
+			msPerPx
+		]),
+		selector: useMemo(() => selectors.roundedCurrentPositionMs(TIMESCALE_MAPPING[timescale]), [timescale])
+	});
+}
+
+//#endregion
+export { usePointElementLayout };
+//# sourceMappingURL=index.js.map

package/dist/components/gantt/components/base-elements/use-point-element-layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/gantt/components/base-elements/use-point-element-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 { useCallback, useMemo } from 'react';\nimport { TIMESCALE_MAPPING } from '@/components/gantt/constants';\nimport { useTemporalDataContext } from '@/components/gantt/context/temporal-data';\nimport { useLayoutSubscription } from '@/components/gantt/hooks/use-layout-subscription';\nimport { selectors } from '@/components/gantt/store';\nimport { derivePointElementLayout } from '@/components/gantt/utils/layout';\n\ntype UsePointElementLayoutProps = {\n  element: HTMLDivElement | null;\n  timeMs: number;\n};\n\nexport function usePointElementLayout({\n  element,\n  timeMs,\n}: UsePointElementLayoutProps) {\n  const { renderedRegionBounds, msPerPx, timescale, totalBounds } =\n    useTemporalDataContext();\n\n  const applyLayout = useCallback(() => {\n    if (!element) {\n      return;\n    }\n\n    const { translateX } = derivePointElementLayout(\n      renderedRegionBounds,\n      timeMs,\n      totalBounds,\n      msPerPx,\n    );\n\n    element.style.setProperty('--translate-x', `${translateX}px`);\n  }, [element, renderedRegionBounds, timeMs, totalBounds, msPerPx]);\n\n  const selector = useMemo(\n    () => selectors.roundedCurrentPositionMs(TIMESCALE_MAPPING[timescale]),\n    [timescale],\n  );\n\n  useLayoutSubscription({\n    callback: applyLayout,\n    selector,\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyBA,SAAgB,sBAAsB,EACpC,SACA,UAC6B;CAC7B,MAAM,EAAE,sBAAsB,SAAS,WAAW,gBAChD,wBAAwB;AAsB1B,uBAAsB;EACpB,UArBkB,kBAAkB;AACpC,OAAI,CAAC,QACH;GAGF,MAAM,EAAE,eAAe,yBACrB,sBACA,QACA,aACA,QACD;AAED,WAAQ,MAAM,YAAY,iBAAiB,GAAG,WAAW,IAAI;KAC5D;GAAC;GAAS;GAAsB;GAAQ;GAAa;GAAQ,CAAC;EAS/D,UAPe,cACT,UAAU,yBAAyB,kBAAkB,WAAW,EACtE,CAAC,UAAU,CACZ;EAKA,CAAC"}

package/dist/components/gantt/components/base-elements/use-range-element-layout/index.d.ts

@@ -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.
+ */
+
+import { GanttTimeBounds } from "../../../types.js";
+
+//#region src/components/gantt/components/base-elements/use-range-element-layout/index.d.ts
+type UseRangeElementLayoutProps = {
+  element: HTMLDivElement | null;
+  timeBounds: GanttTimeBounds;
+};
+declare function useRangeElementLayout(props: UseRangeElementLayoutProps): void;
+//#endregion
+export { useRangeElementLayout };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/gantt/components/base-elements/use-range-element-layout/index.js

@@ -0,0 +1,50 @@
+/*
+ * 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 { TIMESCALE_MAPPING } from "../../../constants.js";
+import { selectors } from "../../../store.js";
+import { useTemporalDataContext } from "../../../context/temporal-data/index.js";
+import { useLayoutSubscription } from "../../../hooks/use-layout-subscription/index.js";
+import { deriveRangeElementLayout } from "../../../utils/layout.js";
+import { useCallback, useMemo } from "react";
+
+//#region src/components/gantt/components/base-elements/use-range-element-layout/index.ts
+const storeSelector = (timescale) => (state) => [selectors.roundedCurrentPositionMs(TIMESCALE_MAPPING[timescale])(state), selectors.roundedCurrentRowScrollPx(state)];
+function useRangeElementLayout(props) {
+	const { timeBounds, element } = props;
+	const { startMs, endMs } = timeBounds;
+	const { renderedRegionBounds, msPerPx, timescale, totalBounds } = useTemporalDataContext();
+	useLayoutSubscription({
+		callback: useCallback(() => {
+			if (!element) return;
+			const { widthPx, translateX } = deriveRangeElementLayout(renderedRegionBounds, {
+				startMs,
+				endMs
+			}, totalBounds, msPerPx);
+			element.style.width = `${widthPx}px`;
+			element.style.transform = `translateX(${translateX}px)`;
+		}, [
+			element,
+			renderedRegionBounds,
+			startMs,
+			endMs,
+			totalBounds,
+			msPerPx
+		]),
+		selector: useMemo(() => storeSelector(timescale), [timescale])
+	});
+}
+
+//#endregion
+export { useRangeElementLayout };
+//# sourceMappingURL=index.js.map

package/dist/components/gantt/components/base-elements/use-range-element-layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/gantt/components/base-elements/use-range-element-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 { useCallback, useMemo } from 'react';\nimport { TIMESCALE_MAPPING } from '@/components/gantt/constants';\nimport { useTemporalDataContext } from '@/components/gantt/context/temporal-data';\nimport { useLayoutSubscription } from '@/components/gantt/hooks/use-layout-subscription';\nimport { type GanttState, selectors } from '@/components/gantt/store';\nimport { deriveRangeElementLayout } from '@/components/gantt/utils/layout';\nimport type { GanttTimeBounds, GanttTimescale } from '@/components/gantt/types';\n\ntype UseRangeElementLayoutProps = {\n  element: HTMLDivElement | null;\n  timeBounds: GanttTimeBounds;\n};\n\nconst storeSelector = (timescale: GanttTimescale) => (state: GanttState) => [\n  selectors.roundedCurrentPositionMs(TIMESCALE_MAPPING[timescale])(state),\n  selectors.roundedCurrentRowScrollPx(state),\n];\n\nexport function useRangeElementLayout(props: UseRangeElementLayoutProps) {\n  const { timeBounds, element } = props;\n  const { startMs, endMs } = timeBounds;\n\n  const { renderedRegionBounds, msPerPx, timescale, totalBounds } =\n    useTemporalDataContext();\n\n  const applyRangeElementLayout = useCallback(() => {\n    if (!element) {\n      return;\n    }\n\n    const { widthPx, translateX } = deriveRangeElementLayout(\n      renderedRegionBounds,\n      { startMs, endMs },\n      totalBounds,\n      msPerPx,\n    );\n\n    element.style.width = `${widthPx}px`;\n    element.style.transform = `translateX(${translateX}px)`;\n  }, [element, renderedRegionBounds, startMs, endMs, totalBounds, msPerPx]);\n\n  const selector = useMemo(() => storeSelector(timescale), [timescale]);\n\n  useLayoutSubscription({\n    callback: applyRangeElementLayout,\n    selector,\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0BA,MAAM,iBAAiB,eAA+B,UAAsB,CAC1E,UAAU,yBAAyB,kBAAkB,WAAW,CAAC,MAAM,EACvE,UAAU,0BAA0B,MAAM,CAC3C;AAED,SAAgB,sBAAsB,OAAmC;CACvE,MAAM,EAAE,YAAY,YAAY;CAChC,MAAM,EAAE,SAAS,UAAU;CAE3B,MAAM,EAAE,sBAAsB,SAAS,WAAW,gBAChD,wBAAwB;AAoB1B,uBAAsB;EACpB,UAnB8B,kBAAkB;AAChD,OAAI,CAAC,QACH;GAGF,MAAM,EAAE,SAAS,eAAe,yBAC9B,sBACA;IAAE;IAAS;IAAO,EAClB,aACA,QACD;AAED,WAAQ,MAAM,QAAQ,GAAG,QAAQ;AACjC,WAAQ,MAAM,YAAY,cAAc,WAAW;KAClD;GAAC;GAAS;GAAsB;GAAS;GAAO;GAAa;GAAQ,CAAC;EAMvE,UAJe,cAAc,cAAc,UAAU,EAAE,CAAC,UAAU,CAAC;EAKpE,CAAC"}

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

@@ -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.
+ */
+
+import { PropsWithChildren } from "react";
+import * as react_jsx_runtime207 from "react/jsx-runtime";
+
+//#region src/components/gantt/components/containers/external/gantt-content-container/index.d.ts
+/** Scrollable content area of the Gantt chart containing the timeline header and virtualized content rows. */
+declare function GanttContentContainer({
+  children
+}: PropsWithChildren): react_jsx_runtime207.JSX.Element;
+//#endregion
+export { GanttContentContainer };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/gantt/components/containers/external/gantt-content-container/index.js

@@ -0,0 +1,40 @@
+/*
+ * 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 { useTemporalDataContext } from "../../../../context/temporal-data/index.js";
+import { CurrentTime } from "../../../current-time/index.js";
+import { ContentHeader } from "../../../header/index.js";
+import { ContentRowsVirtualizer } from "../../../rows-virtualizer/index.js";
+import { Timeline } from "../../../timeline/index.js";
+import { useHorizontalScrollUpdate } from "../../../../hooks/use-horizontal-scroll-update/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import styles from "../styles.module.css";
+
+//#region src/components/gantt/components/containers/external/gantt-content-container/index.tsx
+/** Scrollable content area of the Gantt chart containing the timeline header and virtualized content rows. */
+function GanttContentContainer({ children }) {
+	const { assignGanttContentElementRef } = useGanttContext();
+	const { currentTimeMs } = useTemporalDataContext();
+	const { onScroll } = useHorizontalScrollUpdate();
+	return /* @__PURE__ */ jsxs("div", {
+		ref: assignGanttContentElementRef,
+		className: styles["gantt-content"],
+		onScroll,
+		children: [/* @__PURE__ */ jsxs(ContentHeader, { children: [currentTimeMs && /* @__PURE__ */ jsx(CurrentTime, { currentTimeMs }), /* @__PURE__ */ jsx(Timeline, {})] }), /* @__PURE__ */ jsx(ContentRowsVirtualizer, { children })]
+	});
+}
+
+//#endregion
+export { GanttContentContainer };
+//# sourceMappingURL=index.js.map

package/dist/components/gantt/components/containers/external/gantt-content-container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../../src/components/gantt/components/containers/external/gantt-content-container/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 { CurrentTime } from '@/components/gantt/components/current-time';\nimport { ContentHeader } from '@/components/gantt/components/header';\nimport { ContentRowsVirtualizer } from '@/components/gantt/components/rows-virtualizer';\nimport { Timeline } from '@/components/gantt/components/timeline';\nimport { useGanttContext } from '@/components/gantt/context';\nimport { useTemporalDataContext } from '@/components/gantt/context/temporal-data';\nimport { useHorizontalScrollUpdate } from '@/components/gantt/hooks/use-horizontal-scroll-update';\nimport styles from '../styles.module.css';\nimport type { PropsWithChildren } from 'react';\n\n/** Scrollable content area of the Gantt chart containing the timeline header and virtualized content rows. */\nexport function GanttContentContainer({ children }: PropsWithChildren) {\n  const { assignGanttContentElementRef } = useGanttContext();\n  const { currentTimeMs } = useTemporalDataContext();\n  const { onScroll } = useHorizontalScrollUpdate();\n\n  return (\n    <div\n      ref={assignGanttContentElementRef}\n      className={styles['gantt-content']}\n      onScroll={onScroll}\n    >\n      <ContentHeader>\n        {currentTimeMs && <CurrentTime currentTimeMs={currentTimeMs} />}\n        <Timeline />\n      </ContentHeader>\n      <ContentRowsVirtualizer>{children}</ContentRowsVirtualizer>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,SAAgB,sBAAsB,EAAE,YAA+B;CACrE,MAAM,EAAE,iCAAiC,iBAAiB;CAC1D,MAAM,EAAE,kBAAkB,wBAAwB;CAClD,MAAM,EAAE,aAAa,2BAA2B;AAEhD,QACE,qBAAC;EACC,KAAK;EACL,WAAW,OAAO;EACR;aAEV,qBAAC,4BACE,iBAAiB,oBAAC,eAA2B,gBAAiB,EAC/D,oBAAC,aAAW,IACE,EAChB,oBAAC,0BAAwB,WAAkC;GACvD"}

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

@@ -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.
+ */
+
+import { PropsWithChildren } from "react";
+import * as react_jsx_runtime208 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_runtime208.JSX.Element;
+//#endregion
+export { GanttPanelContainer };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/gantt/components/containers/external/gantt-panel-container/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 { PanelHeader } from "../../../header/index.js";
+import { PanelRowsVirtualizer } from "../../../rows-virtualizer/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import styles from "../styles.module.css";
+
+//#region src/components/gantt/components/containers/external/gantt-panel-container/index.tsx
+/** Fixed-width side panel of the Gantt chart for row labels, paired alongside `GanttContentContainer`. */
+function GanttPanelContainer({ children }) {
+	const { assignGanttPanelElementRef } = useGanttContext();
+	return /* @__PURE__ */ jsxs("div", {
+		ref: assignGanttPanelElementRef,
+		className: styles["gantt-panel"],
+		children: [/* @__PURE__ */ jsx(PanelHeader, {}), /* @__PURE__ */ jsx(PanelRowsVirtualizer, { children })]
+	});
+}
+
+//#endregion
+export { GanttPanelContainer };
+//# sourceMappingURL=index.js.map

package/dist/components/gantt/components/containers/external/gantt-panel-container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../../src/components/gantt/components/containers/external/gantt-panel-container/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 { PanelHeader } from '@/components/gantt/components/header';\nimport { PanelRowsVirtualizer } from '@/components/gantt/components/rows-virtualizer';\nimport { useGanttContext } from '@/components/gantt/context';\nimport styles from '../styles.module.css';\nimport type { PropsWithChildren } from 'react';\n\n/** Fixed-width side panel of the Gantt chart for row labels, paired alongside `GanttContentContainer`. */\nexport function GanttPanelContainer({ children }: PropsWithChildren) {\n  const { assignGanttPanelElementRef } = useGanttContext();\n\n  return (\n    <div ref={assignGanttPanelElementRef} className={styles['gantt-panel']}>\n      <PanelHeader />\n      <PanelRowsVirtualizer>{children}</PanelRowsVirtualizer>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBA,SAAgB,oBAAoB,EAAE,YAA+B;CACnE,MAAM,EAAE,+BAA+B,iBAAiB;AAExD,QACE,qBAAC;EAAI,KAAK;EAA4B,WAAW,OAAO;aACtD,oBAAC,gBAAc,EACf,oBAAC,wBAAsB,WAAgC;GACnD"}

package/dist/components/gantt/components/containers/external/styles.module.css

@@ -0,0 +1,32 @@
+/*
+ * 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 {
+  .gantt-content {
+    @apply bg-surface-default relative max-h-full overflow-x-auto overflow-y-hidden;
+
+    flex: 1 1 auto;
+  }
+
+  .gantt-panel-content-root {
+    @apply bg-surface-default relative max-h-full overflow-x-hidden overflow-y-hidden;
+  }
+
+  .gantt-panel {
+    @apply bg-surface-default relative max-h-full max-w-full overflow-x-hidden overflow-y-hidden border-r;
+
+    border-color: var(--outline-static);
+    flex: 0 0 238px;
+  }
+}

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

@@ -0,0 +1,22 @@
+/*
+ * 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_runtime230 from "react/jsx-runtime";
+
+//#region src/components/gantt/components/containers/internal/index.d.ts
+declare function RootContainer({
+  children
+}: PropsWithChildren): react_jsx_runtime230.JSX.Element;
+//#endregion
+export { RootContainer };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/gantt/components/containers/internal/index.js

@@ -0,0 +1,35 @@
+/*
+ * 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 { useVerticalScrollUpdate } from "../../../hooks/use-vertical-scroll-update/index.js";
+import { LayoutContainer } from "./layout-container/index.js";
+import { VirtualizedContentHeightContainer } from "./virtualized-content-height-container/index.js";
+import { useGanttContext } from "../../../context/index.js";
+import { jsx } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/gantt/components/containers/internal/index.tsx
+function RootContainer({ children }) {
+	const { assignRootElementRef } = useGanttContext();
+	const { onScroll } = useVerticalScrollUpdate();
+	return /* @__PURE__ */ jsx("div", {
+		ref: assignRootElementRef,
+		className: styles.root,
+		onScroll,
+		children: /* @__PURE__ */ jsx(VirtualizedContentHeightContainer, { children: /* @__PURE__ */ jsx(LayoutContainer, { children }) })
+	});
+}
+
+//#endregion
+export { RootContainer };
+//# sourceMappingURL=index.js.map

package/dist/components/gantt/components/containers/internal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/gantt/components/containers/internal/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 { useGanttContext } from '@/components/gantt/context';\nimport { useVerticalScrollUpdate } from '@/components/gantt/hooks/use-vertical-scroll-update';\nimport { LayoutContainer } from './layout-container';\nimport styles from './styles.module.css';\nimport { VirtualizedContentHeightContainer } from './virtualized-content-height-container';\nimport type { PropsWithChildren } from 'react';\n\nexport function RootContainer({ children }: PropsWithChildren) {\n  const { assignRootElementRef } = useGanttContext();\n  const { onScroll } = useVerticalScrollUpdate();\n\n  return (\n    <div ref={assignRootElementRef} className={styles.root} onScroll={onScroll}>\n      <VirtualizedContentHeightContainer>\n        <LayoutContainer>{children}</LayoutContainer>\n      </VirtualizedContentHeightContainer>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,SAAgB,cAAc,EAAE,YAA+B;CAC7D,MAAM,EAAE,yBAAyB,iBAAiB;CAClD,MAAM,EAAE,aAAa,yBAAyB;AAE9C,QACE,oBAAC;EAAI,KAAK;EAAsB,WAAW,OAAO;EAAgB;YAChE,oBAAC,+CACC,oBAAC,mBAAiB,WAA2B,GACX;GAChC"}

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

@@ -0,0 +1,22 @@
+/*
+ * 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_runtime210 from "react/jsx-runtime";
+
+//#region src/components/gantt/components/containers/internal/layout-container/index.d.ts
+declare function LayoutContainer({
+  children
+}: PropsWithChildren): react_jsx_runtime210.JSX.Element;
+//#endregion
+export { LayoutContainer };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,27 @@
+/*
+ * 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 } from "react/jsx-runtime";
+import styles from "../styles.module.css";
+
+//#region src/components/gantt/components/containers/internal/layout-container/index.tsx
+function LayoutContainer({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: styles.layout,
+		children
+	});
+}
+
+//#endregion
+export { LayoutContainer };
+//# sourceMappingURL=index.js.map

package/dist/components/gantt/components/containers/internal/layout-container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../../src/components/gantt/components/containers/internal/layout-container/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 styles from '../styles.module.css';\nimport type { PropsWithChildren } from 'react';\n\nexport function LayoutContainer({ children }: PropsWithChildren) {\n  return <div className={styles.layout}>{children}</div>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAgBA,SAAgB,gBAAgB,EAAE,YAA+B;AAC/D,QAAO,oBAAC;EAAI,WAAW,OAAO;EAAS;GAAe"}

package/dist/components/gantt/components/containers/internal/styles.module.css

@@ -0,0 +1,35 @@
+/*
+ * 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 {
+  .virtualized-content-height {
+    --height: attr(data-height px);
+    height: var(--height);
+  }
+
+  .stuck {
+    @apply sticky top-0 max-h-full;
+
+    --height: attr(data-height px);
+    height: var(--height);
+  }
+
+  .layout {
+    @apply relative flex max-h-full flex-row;
+  }
+
+  .root {
+    @apply relative h-full max-h-full w-full overflow-x-hidden overflow-y-auto;
+  }
+}

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

@@ -0,0 +1,22 @@
+/*
+ * 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_runtime121 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_runtime121.JSX.Element;
+//#endregion
+export { VirtualizedContentHeightContainer };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,38 @@
+/*
+ * 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 { selectors } from "../../../../store.js";
+import { useGanttStore } from "../../../../context/store/index.js";
+import { useRootElementHeight } from "../../../../hooks/use-root-element-height/index.js";
+import { jsx } from "react/jsx-runtime";
+import styles from "../styles.module.css";
+
+//#region src/components/gantt/components/containers/internal/virtualized-content-height-container/index.tsx
+function VirtualizedContentHeightContainer({ children }) {
+	const virtualizedHeightPx = useGanttStore(selectors.virtualizedHeightPx);
+	const rootElementHeight = useRootElementHeight();
+	return /* @__PURE__ */ jsx("div", {
+		className: styles["virtualized-content-height"],
+		"data-height": virtualizedHeightPx + GANTT_HEADER_HEIGHT_PX,
+		children: /* @__PURE__ */ jsx("div", {
+			className: styles.stuck,
+			"data-height": rootElementHeight,
+			children
+		})
+	});
+}
+
+//#endregion
+export { VirtualizedContentHeightContainer };
+//# sourceMappingURL=index.js.map

package/dist/components/gantt/components/containers/internal/virtualized-content-height-container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../../src/components/gantt/components/containers/internal/virtualized-content-height-container/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 type { PropsWithChildren } from 'react';\nimport { GANTT_HEADER_HEIGHT_PX } from '@/components/gantt/constants';\nimport { useGanttStore } from '@/components/gantt/context/store';\nimport { useRootElementHeight } from '@/components/gantt/hooks/use-root-element-height';\nimport { selectors } from '@/components/gantt/store';\nimport styles from '../styles.module.css';\n\nexport function VirtualizedContentHeightContainer({\n  children,\n}: PropsWithChildren) {\n  const virtualizedHeightPx = useGanttStore(selectors.virtualizedHeightPx);\n  const rootElementHeight = useRootElementHeight();\n\n  return (\n    <div\n      className={styles['virtualized-content-height']}\n      data-height={virtualizedHeightPx + GANTT_HEADER_HEIGHT_PX}\n    >\n      <div className={styles.stuck} data-height={rootElementHeight}>\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,SAAgB,kCAAkC,EAChD,YACoB;CACpB,MAAM,sBAAsB,cAAc,UAAU,oBAAoB;CACxE,MAAM,oBAAoB,sBAAsB;AAEhD,QACE,oBAAC;EACC,WAAW,OAAO;EAClB,eAAa,sBAAsB;YAEnC,oBAAC;GAAI,WAAW,OAAO;GAAO,eAAa;GACxC;IACG;GACF"}

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

@@ -0,0 +1,27 @@
+/*
+ * 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 { RangeProps } from "../base-elements/range.js";
+import * as react_jsx_runtime225 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. */
+declare function GanttBlock({
+  children,
+  startTimeMs,
+  endTimeMs,
+  className,
+  ...rest
+}: RangeProps): react_jsx_runtime225.JSX.Element;
+//#endregion
+export { GanttBlock };
+//# sourceMappingURL=block.d.ts.map

package/dist/components/gantt/components/content-row/block.js

@@ -0,0 +1,39 @@
+/*
+ * 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 { Range } from "../base-elements/range.js";
+import { useElapsedPercentage } from "./use-elapsed-percentage/index.js";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { jsx } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/gantt/components/content-row/block.tsx
+/** Time-range element rendered as a filled bar on the timeline. Supports elapsed-percentage styling and child content. */
+function GanttBlock({ children, startTimeMs, endTimeMs, className, ...rest }) {
+	const elapsedPct = useElapsedPercentage({
+		startMs: startTimeMs,
+		endMs: endTimeMs
+	});
+	return /* @__PURE__ */ jsx(Range, {
+		...rest,
+		startTimeMs,
+		endTimeMs,
+		className: clsx(styles["row-block"], className),
+		"data-elapsed-pct": elapsedPct,
+		children
+	});
+}
+
+//#endregion
+export { GanttBlock };
+//# sourceMappingURL=block.js.map

package/dist/components/gantt/components/content-row/block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"block.js","names":[],"sources":["../../../../../src/components/gantt/components/content-row/block.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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Range, type RangeProps } from '../base-elements/range';\nimport styles from './styles.module.css';\nimport { useElapsedPercentage } from './use-elapsed-percentage';\n\n/** Time-range element rendered as a filled bar on the timeline. Supports elapsed-percentage styling and child content. */\nexport function GanttBlock({\n  children,\n  startTimeMs,\n  endTimeMs,\n  className,\n  ...rest\n}: RangeProps) {\n  const elapsedPct = useElapsedPercentage({\n    startMs: startTimeMs,\n    endMs: endTimeMs,\n  });\n\n  return (\n    <Range\n      {...rest}\n      startTimeMs={startTimeMs}\n      endTimeMs={endTimeMs}\n      className={clsx(styles['row-block'], className)}\n      data-elapsed-pct={elapsedPct}\n    >\n      {children}\n    </Range>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkBA,SAAgB,WAAW,EACzB,UACA,aACA,WACA,WACA,GAAG,QACU;CACb,MAAM,aAAa,qBAAqB;EACtC,SAAS;EACT,OAAO;EACR,CAAC;AAEF,QACE,oBAAC;EACC,GAAI;EACS;EACF;EACX,WAAW,KAAK,OAAO,cAAc,UAAU;EAC/C,oBAAkB;EAEjB;GACK"}