@once-ui-system/core 1.0.13 → 1.0.15

package/dist/modules/data/index.js

@@ -1,28 +1,12 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./interfaces"), exports);
-__exportStar(require("./LineChart"), exports);
-__exportStar(require("./BarChart"), exports);
-__exportStar(require("./PieChart"), exports);
-__exportStar(require("./LineBarChart"), exports);
-__exportStar(require("./ChartHeader"), exports);
-__exportStar(require("./ChartStatus"), exports);
-__exportStar(require("./Gradient"), exports);
-__exportStar(require("./DataTooltip"), exports);
-__exportStar(require("./Legend"), exports);
-__exportStar(require("./Swatch"), exports);
+export * from "./interfaces";
+export * from "./LineChart";
+export * from "./BarChart";
+export * from "./PieChart";
+export * from "./LineBarChart";
+export * from "./ChartHeader";
+export * from "./ChartStatus";
+export * from "./Gradient";
+export * from "./DataTooltip";
+export * from "./Legend";
+export * from "./Swatch";
 //# sourceMappingURL=index.js.map

package/dist/modules/data/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/data/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAE7B,8CAA4B;AAC5B,6CAA2B;AAC3B,6CAA2B;AAC3B,iDAA+B;AAE/B,gDAA8B;AAC9B,gDAA8B;AAC9B,6CAA2B;AAC3B,gDAA8B;AAC9B,2CAAyB;AACzB,2CAAyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/data/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}

package/dist/modules/data/interfaces.js

@@ -1,3 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};
 //# sourceMappingURL=interfaces.js.map

package/dist/modules/data/utils/colorDistribution.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDistributedColor = void 0;
-const types_1 = require("../../../types");
+import { schemes } from "../../../types";
 /**
  * Returns a color from the schemes array with even distribution
  * Instead of sequential colors (0,1,2), this distributes them evenly across the color spectrum
@@ -10,24 +7,24 @@ const types_1 = require("../../../types");
  * @param totalItems Total number of items in the series (if known)
  * @returns A color from the schemes array
  */
-const getDistributedColor = (index, totalItems) => {
-    const totalColors = types_1.schemes.length;
+export const getDistributedColor = (index, totalItems) => {
+    const totalColors = schemes.length;
     // For small sets, use predefined optimal distributions
     if (totalItems) {
         // Special case for 3 items - use blue, orange, cyan (maximally distinct)
         if (totalItems === 3) {
             const optimalIndices = [0, 6, 12]; // blue, orange, cyan
-            return types_1.schemes[optimalIndices[index % 3]];
+            return schemes[optimalIndices[index % 3]];
         }
         // Special case for 2 items - use blue and orange (complementary colors)
         if (totalItems === 2) {
             const optimalIndices = [0, 6]; // blue, orange
-            return types_1.schemes[optimalIndices[index % 2]];
+            return schemes[optimalIndices[index % 2]];
         }
         // Special case for 4 items - use blue, orange, green, magenta (balanced tetrad)
         if (totalItems === 4) {
             const optimalIndices = [0, 6, 9, 3]; // blue, orange, green, magenta
-            return types_1.schemes[optimalIndices[index % 4]];
+            return schemes[optimalIndices[index % 4]];
         }
         // For 5+ items, use a more sophisticated distribution
         if (totalItems > 1) {
@@ -35,7 +32,7 @@ const getDistributedColor = (index, totalItems) => {
             // and ensure better distribution across the spectrum
             const step = Math.max(1, Math.floor(totalColors / totalItems));
             const offset = Math.floor(totalColors / (2 * totalItems)); // Add offset for better distribution
-            return types_1.schemes[(index * step + offset) % totalColors];
+            return schemes[(index * step + offset) % totalColors];
         }
     }
     // If we don't know the total or there's only one item,
@@ -44,7 +41,6 @@ const getDistributedColor = (index, totalItems) => {
     const goldenRatioConjugate = 0.618033988749895;
     const hue = (index * goldenRatioConjugate) % 1;
     const colorIndex = Math.floor(hue * totalColors);
-    return types_1.schemes[colorIndex];
+    return schemes[colorIndex];
 };
-exports.getDistributedColor = getDistributedColor;
 //# sourceMappingURL=colorDistribution.js.map

package/dist/modules/data/utils/colorDistribution.js.map

@@ -1 +1 @@
-{"version":3,"file":"colorDistribution.js","sourceRoot":"","sources":["../../../../src/modules/data/utils/colorDistribution.ts"],"names":[],"mappings":";;;AAAA,0CAAyC;AAEzC;;;;;;;GAOG;AACI,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,UAAmB,EAAU,EAAE;IAChF,MAAM,WAAW,GAAG,eAAO,CAAC,MAAM,CAAC;IAEnC,uDAAuD;IACvD,IAAI,UAAU,EAAE,CAAC;QACf,yEAAyE;QACzE,IAAI,UAAU,KAAK,CAAC,EAAE,CAAC;YACrB,MAAM,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,qBAAqB;YACxD,OAAO,eAAO,CAAC,cAAc,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;QAC5C,CAAC;QAED,wEAAwE;QACxE,IAAI,UAAU,KAAK,CAAC,EAAE,CAAC;YACrB,MAAM,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,eAAe;YAC9C,OAAO,eAAO,CAAC,cAAc,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;QAC5C,CAAC;QAED,gFAAgF;QAChF,IAAI,UAAU,KAAK,CAAC,EAAE,CAAC;YACrB,MAAM,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,+BAA+B;YACpE,OAAO,eAAO,CAAC,cAAc,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;QAC5C,CAAC;QAED,sDAAsD;QACtD,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;YACnB,0DAA0D;YAC1D,qDAAqD;YACrD,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC;YAC/D,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,qCAAqC;YAChG,OAAO,eAAO,CAAC,CAAC,KAAK,GAAG,IAAI,GAAG,MAAM,CAAC,GAAG,WAAW,CAAC,CAAC;QACxD,CAAC;IACH,CAAC;IAED,uDAAuD;IACvD,sDAAsD;IACtD,mFAAmF;IACnF,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IAC/C,MAAM,GAAG,GAAG,CAAC,KAAK,GAAG,oBAAoB,CAAC,GAAG,CAAC,CAAC;IAC/C,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC;IAEjD,OAAO,eAAO,CAAC,UAAU,CAAC,CAAC;AAC7B,CAAC,CAAC;AAzCW,QAAA,mBAAmB,uBAyC9B"}
+{"version":3,"file":"colorDistribution.js","sourceRoot":"","sources":["../../../../src/modules/data/utils/colorDistribution.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,UAAmB,EAAU,EAAE;IAChF,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC;IAEnC,uDAAuD;IACvD,IAAI,UAAU,EAAE,CAAC;QACf,yEAAyE;QACzE,IAAI,UAAU,KAAK,CAAC,EAAE,CAAC;YACrB,MAAM,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,qBAAqB;YACxD,OAAO,OAAO,CAAC,cAAc,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;QAC5C,CAAC;QAED,wEAAwE;QACxE,IAAI,UAAU,KAAK,CAAC,EAAE,CAAC;YACrB,MAAM,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,eAAe;YAC9C,OAAO,OAAO,CAAC,cAAc,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;QAC5C,CAAC;QAED,gFAAgF;QAChF,IAAI,UAAU,KAAK,CAAC,EAAE,CAAC;YACrB,MAAM,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,+BAA+B;YACpE,OAAO,OAAO,CAAC,cAAc,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;QAC5C,CAAC;QAED,sDAAsD;QACtD,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;YACnB,0DAA0D;YAC1D,qDAAqD;YACrD,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC;YAC/D,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,qCAAqC;YAChG,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,IAAI,GAAG,MAAM,CAAC,GAAG,WAAW,CAAC,CAAC;QACxD,CAAC;IACH,CAAC;IAED,uDAAuD;IACvD,sDAAsD;IACtD,mFAAmF;IACnF,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IAC/C,MAAM,GAAG,GAAG,CAAC,KAAK,GAAG,oBAAoB,CAAC,GAAG,CAAC,CAAC;IAC/C,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC;IAEjD,OAAO,OAAO,CAAC,UAAU,CAAC,CAAC;AAC7B,CAAC,CAAC"}

package/dist/modules/data/utils/formatDate.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatDate = formatDate;
-const date_fns_1 = require("date-fns");
+import { format, parseISO } from "date-fns";
 /**
  * Formats a value as a date if it's a valid date and a format is provided
  * Otherwise returns the original value or label if available
@@ -11,19 +8,19 @@ const date_fns_1 = require("date-fns");
  * @param dataPoint - Optional data point object that might contain a label property
  * @returns Formatted date string or original value
  */
-function formatDate(value, dateConfig, dataPoint) {
-    if (dataPoint === null || dataPoint === void 0 ? void 0 : dataPoint.label) {
+export function formatDate(value, dateConfig, dataPoint) {
+    if (dataPoint?.label) {
         return dataPoint.label;
     }
-    if (dateConfig === null || dateConfig === void 0 ? void 0 : dateConfig.format) {
+    if (dateConfig?.format) {
         try {
             // Check if it's already a Date object
             if (value instanceof Date) {
-                return (0, date_fns_1.format)(value, dateConfig.format);
+                return format(value, dateConfig.format);
             }
             // Check if it's an ISO date string
             if (typeof value === "string" && /^\d{4}-\d{2}-\d{2}/.test(value)) {
-                return (0, date_fns_1.format)((0, date_fns_1.parseISO)(value), dateConfig.format);
+                return format(parseISO(value), dateConfig.format);
             }
         }
         catch (error) { }

package/dist/modules/data/utils/formatDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatDate.js","sourceRoot":"","sources":["../../../../src/modules/data/utils/formatDate.ts"],"names":[],"mappings":";;AAYA,gCAwBC;AApCD,uCAA4C;AAG5C;;;;;;;;GAQG;AACH,SAAgB,UAAU,CACxB,KAAU,EACV,UAAuB,EACvB,SAA+B;IAE/B,IAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EAAE,CAAC;QACrB,OAAO,SAAS,CAAC,KAAK,CAAC;IACzB,CAAC;IAED,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,EAAE,CAAC;QACvB,IAAI,CAAC;YACH,sCAAsC;YACtC,IAAI,KAAK,YAAY,IAAI,EAAE,CAAC;gBAC1B,OAAO,IAAA,iBAAM,EAAC,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;YAC1C,CAAC;YAED,mCAAmC;YACnC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;gBAClE,OAAO,IAAA,iBAAM,EAAC,IAAA,mBAAQ,EAAC,KAAK,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;YACpD,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC,CAAA,CAAC;IACpB,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}
+{"version":3,"file":"formatDate.js","sourceRoot":"","sources":["../../../../src/modules/data/utils/formatDate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAG5C;;;;;;;;GAQG;AACH,MAAM,UAAU,UAAU,CACxB,KAAU,EACV,UAAuB,EACvB,SAA+B;IAE/B,IAAI,SAAS,EAAE,KAAK,EAAE,CAAC;QACrB,OAAO,SAAS,CAAC,KAAK,CAAC;IACzB,CAAC;IAED,IAAI,UAAU,EAAE,MAAM,EAAE,CAAC;QACvB,IAAI,CAAC;YACH,sCAAsC;YACtC,IAAI,KAAK,YAAY,IAAI,EAAE,CAAC;gBAC1B,OAAO,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;YAC1C,CAAC;YAED,mCAAmC;YACnC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;gBAClE,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;YACpD,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC,CAAA,CAAC;IACpB,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/modules/index.js

@@ -1,42 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Legend = exports.DataTooltip = exports.LineBarChart = exports.PieChart = exports.LineChart = exports.BarChart = exports.RadialGradient = exports.LinearGradient = exports.ChartStatus = exports.ChartHeader = exports.Kbar = exports.MobileMegaMenu = exports.MegaMenu = exports.HeadingLink = exports.HeadingNav = exports.Schema = exports.Meta = exports.MediaUpload = exports.CodeBlock = void 0;
-var CodeBlock_1 = require("./code/CodeBlock");
-Object.defineProperty(exports, "CodeBlock", { enumerable: true, get: function () { return CodeBlock_1.CodeBlock; } });
-var MediaUpload_1 = require("./media/MediaUpload");
-Object.defineProperty(exports, "MediaUpload", { enumerable: true, get: function () { return MediaUpload_1.MediaUpload; } });
-var Meta_1 = require("./seo/Meta");
-Object.defineProperty(exports, "Meta", { enumerable: true, get: function () { return Meta_1.Meta; } });
-var Schema_1 = require("./seo/Schema");
-Object.defineProperty(exports, "Schema", { enumerable: true, get: function () { return Schema_1.Schema; } });
-var HeadingNav_1 = require("./navigation/HeadingNav");
-Object.defineProperty(exports, "HeadingNav", { enumerable: true, get: function () { return HeadingNav_1.HeadingNav; } });
-var HeadingLink_1 = require("./navigation/HeadingLink");
-Object.defineProperty(exports, "HeadingLink", { enumerable: true, get: function () { return HeadingLink_1.HeadingLink; } });
-var MegaMenu_1 = require("./navigation/MegaMenu");
-Object.defineProperty(exports, "MegaMenu", { enumerable: true, get: function () { return MegaMenu_1.MegaMenu; } });
-var MobileMegaMenu_1 = require("./navigation/MobileMegaMenu");
-Object.defineProperty(exports, "MobileMegaMenu", { enumerable: true, get: function () { return MobileMegaMenu_1.MobileMegaMenu; } });
-var Kbar_1 = require("./navigation/Kbar");
-Object.defineProperty(exports, "Kbar", { enumerable: true, get: function () { return Kbar_1.Kbar; } });
-var ChartHeader_1 = require("./data/ChartHeader");
-Object.defineProperty(exports, "ChartHeader", { enumerable: true, get: function () { return ChartHeader_1.ChartHeader; } });
-var ChartStatus_1 = require("./data/ChartStatus");
-Object.defineProperty(exports, "ChartStatus", { enumerable: true, get: function () { return ChartStatus_1.ChartStatus; } });
-var Gradient_1 = require("./data/Gradient");
-Object.defineProperty(exports, "LinearGradient", { enumerable: true, get: function () { return Gradient_1.LinearGradient; } });
-var Gradient_2 = require("./data/Gradient");
-Object.defineProperty(exports, "RadialGradient", { enumerable: true, get: function () { return Gradient_2.RadialGradient; } });
-var BarChart_1 = require("./data/BarChart");
-Object.defineProperty(exports, "BarChart", { enumerable: true, get: function () { return BarChart_1.BarChart; } });
-var LineChart_1 = require("./data/LineChart");
-Object.defineProperty(exports, "LineChart", { enumerable: true, get: function () { return LineChart_1.LineChart; } });
-var PieChart_1 = require("./data/PieChart");
-Object.defineProperty(exports, "PieChart", { enumerable: true, get: function () { return PieChart_1.PieChart; } });
-var LineBarChart_1 = require("./data/LineBarChart");
-Object.defineProperty(exports, "LineBarChart", { enumerable: true, get: function () { return LineBarChart_1.LineBarChart; } });
-var DataTooltip_1 = require("./data/DataTooltip");
-Object.defineProperty(exports, "DataTooltip", { enumerable: true, get: function () { return DataTooltip_1.DataTooltip; } });
-var Legend_1 = require("./data/Legend");
-Object.defineProperty(exports, "Legend", { enumerable: true, get: function () { return Legend_1.Legend; } });
+export { CodeBlock } from "./code/CodeBlock";
+export { MediaUpload } from "./media/MediaUpload";
+export { Meta } from "./seo/Meta";
+export { Schema } from "./seo/Schema";
+export { HeadingNav } from "./navigation/HeadingNav";
+export { HeadingLink } from "./navigation/HeadingLink";
+export { MegaMenu } from "./navigation/MegaMenu";
+export { MobileMegaMenu } from "./navigation/MobileMegaMenu";
+export { Kbar } from "./navigation/Kbar";
+export { ChartHeader } from "./data/ChartHeader";
+export { ChartStatus } from "./data/ChartStatus";
+export { LinearGradient } from "./data/Gradient";
+export { RadialGradient } from "./data/Gradient";
+export { BarChart } from "./data/BarChart";
+export { LineChart } from "./data/LineChart";
+export { PieChart } from "./data/PieChart";
+export { LineBarChart } from "./data/LineBarChart";
+export { DataTooltip } from "./data/DataTooltip";
+export { Legend } from "./data/Legend";
 //# sourceMappingURL=index.js.map

package/dist/modules/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/modules/index.ts"],"names":[],"mappings":";;;AAAA,8CAA6C;AAApC,sGAAA,SAAS,OAAA;AAClB,mDAAkD;AAAzC,0GAAA,WAAW,OAAA;AAEpB,mCAAkC;AAAzB,4FAAA,IAAI,OAAA;AACb,uCAAsC;AAA7B,gGAAA,MAAM,OAAA;AACf,sDAAqD;AAA5C,wGAAA,UAAU,OAAA;AACnB,wDAAuD;AAA9C,0GAAA,WAAW,OAAA;AACpB,kDAAiD;AAAxC,oGAAA,QAAQ,OAAA;AACjB,8DAA6D;AAApD,gHAAA,cAAc,OAAA;AACvB,0CAAyC;AAAhC,4FAAA,IAAI,OAAA;AAEb,kDAAiD;AAAxC,0GAAA,WAAW,OAAA;AACpB,kDAAiD;AAAxC,0GAAA,WAAW,OAAA;AAEpB,4CAAiD;AAAxC,0GAAA,cAAc,OAAA;AACvB,4CAAiD;AAAxC,0GAAA,cAAc,OAAA;AACvB,4CAA2C;AAAlC,oGAAA,QAAQ,OAAA;AACjB,8CAA6C;AAApC,sGAAA,SAAS,OAAA;AAClB,4CAA2C;AAAlC,oGAAA,QAAQ,OAAA;AACjB,oDAAmD;AAA1C,4GAAA,YAAY,OAAA;AACrB,kDAAiD;AAAxC,0GAAA,WAAW,OAAA;AACpB,wCAAuC;AAA9B,gGAAA,MAAM,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/modules/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC"}

package/dist/modules/media/MediaUpload.js

@@ -1,33 +1,15 @@
-"use strict";
 "use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediaUpload = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const compressorjs_1 = __importDefault(require("compressorjs"));
-const __1 = require("../../");
-const MediaUpload_module_scss_1 = __importDefault(require("./MediaUpload.module.scss"));
-const MediaUpload = (0, react_1.forwardRef)((_a, ref) => {
-    var { onFileUpload, compress = true, aspectRatio = "16 / 9", quality = 0.8, convertTypes = ["image/png", "image/webp", "image/jpg"], emptyState = "Drag and drop or click to browse", resizeMaxWidth = 1920, resizeMaxHeight = 1920, resizeWidth = 1200, resizeHeight = 1200, loading = false, sizes, children, initialPreviewImage = null, accept = "image/*" } = _a, rest = __rest(_a, ["onFileUpload", "compress", "aspectRatio", "quality", "convertTypes", "emptyState", "resizeMaxWidth", "resizeMaxHeight", "resizeWidth", "resizeHeight", "loading", "sizes", "children", "initialPreviewImage", "accept"]);
-    const [dragActive, setDragActive] = (0, react_1.useState)(false);
-    const [previewImage, setPreviewImage] = (0, react_1.useState)(initialPreviewImage); // Use prop as initial state
-    const [uploading, setUploading] = (0, react_1.useState)(false);
-    const inputRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState, forwardRef, useEffect } from "react";
+import Compressor from "compressorjs";
+import { Flex, Icon, Media, Spinner, Text } from "../../";
+import styles from "./MediaUpload.module.scss";
+const MediaUpload = forwardRef(({ onFileUpload, compress = true, aspectRatio = "16 / 9", quality = 0.8, convertTypes = ["image/png", "image/webp", "image/jpg"], emptyState = "Drag and drop or click to browse", resizeMaxWidth = 1920, resizeMaxHeight = 1920, resizeWidth = 1200, resizeHeight = 1200, loading = false, sizes, children, initialPreviewImage = null, accept = "image/*", ...rest }, ref) => {
+    const [dragActive, setDragActive] = useState(false);
+    const [previewImage, setPreviewImage] = useState(initialPreviewImage); // Use prop as initial state
+    const [uploading, setUploading] = useState(false);
+    const inputRef = useRef(null);
+    useEffect(() => {
         if (initialPreviewImage) {
             setPreviewImage(initialPreviewImage);
         }
@@ -73,7 +55,7 @@ const MediaUpload = (0, react_1.forwardRef)((_a, ref) => {
         }
     };
     const compressImage = (file) => {
-        new compressorjs_1.default(file, {
+        new Compressor(file, {
             convertTypes: convertTypes,
             quality: quality,
             maxWidth: resizeMaxWidth,
@@ -97,15 +79,15 @@ const MediaUpload = (0, react_1.forwardRef)((_a, ref) => {
         }
         setUploading(false);
     };
-    return ((0, jsx_runtime_1.jsxs)(__1.Flex, Object.assign({ style: { isolation: "isolate" }, transition: "micro-medium", overflow: "hidden", cursor: "interactive", className: MediaUpload_module_scss_1.default.container, aspectRatio: aspectRatio, fillWidth: true, horizontal: "center", vertical: "center", border: "neutral-medium", radius: "l", onClick: handleFileSelection, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop }, rest, { children: [!loading && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: previewImage ? ((0, jsx_runtime_1.jsx)(__1.Media, { style: {
+    return (_jsxs(Flex, { style: { isolation: "isolate" }, transition: "micro-medium", overflow: "hidden", cursor: "interactive", className: styles.container, aspectRatio: aspectRatio, fillWidth: true, horizontal: "center", vertical: "center", border: "neutral-medium", radius: "l", onClick: handleFileSelection, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, ...rest, children: [!loading && (_jsx(_Fragment, { children: previewImage ? (_jsx(Media, { style: {
                         cursor: "pointer",
                         filter: uploading ? "grayscale(1)" : "",
-                    }, sizes: sizes, fill: true, src: previewImage ? previewImage : "", alt: "Preview of uploaded image" })) : ((0, jsx_runtime_1.jsx)(__1.Flex, { fill: true, center: true, children: (0, jsx_runtime_1.jsx)(__1.Icon, { name: "plus", size: "l" }) })) })), children, (0, jsx_runtime_1.jsx)(__1.Flex, { className: MediaUpload_module_scss_1.default.upload, zIndex: 1, transition: "micro-medium", position: "absolute", fill: true, padding: "m", horizontal: "center", vertical: "center", children: uploading || loading ? ((0, jsx_runtime_1.jsx)(__1.Spinner, { size: "l" })) : ((0, jsx_runtime_1.jsx)(__1.Text, { className: MediaUpload_module_scss_1.default.text, align: "center", children: emptyState })) }), (0, jsx_runtime_1.jsx)("input", { type: "file", ref: inputRef, accept: accept, style: { display: "none" }, onChange: (e) => {
+                    }, sizes: sizes, fill: true, src: previewImage ? previewImage : "", alt: "Preview of uploaded image" })) : (_jsx(Flex, { fill: true, center: true, children: _jsx(Icon, { name: "plus", size: "l" }) })) })), children, _jsx(Flex, { className: styles.upload, zIndex: 1, transition: "micro-medium", position: "absolute", fill: true, padding: "m", horizontal: "center", vertical: "center", children: uploading || loading ? (_jsx(Spinner, { size: "l" })) : (_jsx(Text, { className: styles.text, align: "center", children: emptyState })) }), _jsx("input", { type: "file", ref: inputRef, accept: accept, style: { display: "none" }, onChange: (e) => {
                     if (e.target.files) {
                         handleFiles(e.target.files);
                     }
-                } })] })));
+                } })] }));
 });
-exports.MediaUpload = MediaUpload;
 MediaUpload.displayName = "MediaUpload";
+export { MediaUpload };
 //# sourceMappingURL=MediaUpload.js.map

package/dist/modules/media/MediaUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaUpload.js","sourceRoot":"","sources":["../../../src/modules/media/MediaUpload.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MediaUpload.js","sourceRoot":"","sources":["../../../src/modules/media/MediaUpload.tsx"],"names":[],"mappings":"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"}

package/dist/modules/navigation/HeadingLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeadingLink.d.ts","sourceRoot":"","sources":["../../../src/modules/navigation/HeadingLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAoB,MAAM,kBAAkB,CAAC;AAK7D,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC;IACrE,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2DlD,CAAC"}
+{"version":3,"file":"HeadingLink.d.ts","sourceRoot":"","sources":["../../../src/modules/navigation/HeadingLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAoB,MAAM,kBAAkB,CAAC;AAI7D,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC;IACrE,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAWD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsDlD,CAAC"}

package/dist/modules/navigation/HeadingLink.js

@@ -1,52 +1,39 @@
-"use strict";
 "use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { Heading, Flex, IconButton } from "../../components";
+import { useToast } from "../../contexts";
+import styles from "./HeadingLink.module.scss";
+const variantMap = {
+    h1: "display-strong-xs",
+    h2: "heading-strong-xl",
+    h3: "heading-strong-l",
+    h4: "heading-strong-m",
+    h5: "heading-strong-s",
+    h6: "heading-strong-xs",
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeadingLink = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const components_1 = require("../../components");
-const contexts_1 = require("../../contexts");
-const HeadingLink_module_scss_1 = __importDefault(require("./HeadingLink.module.scss"));
-const HeadingLink = (_a) => {
-    var { id, as, children, style } = _a, heading = __rest(_a, ["id", "as", "children", "style"]);
-    const { addToast } = (0, contexts_1.useToast)();
-    const copyURL = (id) => {
-        const url = `${window.location.origin}${window.location.pathname}#${id}`;
-        navigator.clipboard.writeText(url).then(() => {
-            addToast({
-                variant: "success",
-                message: "Link copied to clipboard.",
-            });
-        }, () => {
-            addToast({
-                variant: "danger",
-                message: "Failed to copy link.",
+export const HeadingLink = ({ id, as, children, style, ...heading }) => {
+    const { addToast } = useToast();
+    const copyURL = useCallback((id) => {
+        try {
+            const url = `${window.location.origin}${window.location.pathname}#${id}`;
+            navigator.clipboard.writeText(url).then(() => {
+                addToast?.({
+                    variant: "success",
+                    message: "Link copied to clipboard.",
+                });
+            }, () => {
+                addToast?.({
+                    variant: "danger",
+                    message: "Failed to copy link.",
+                });
             });
-        });
-    };
-    const variantMap = {
-        h1: "display-strong-xs",
-        h2: "heading-strong-xl",
-        h3: "heading-strong-l",
-        h4: "heading-strong-m",
-        h5: "heading-strong-s",
-        h6: "heading-strong-xs",
-    };
+        }
+        catch (error) {
+            console.error("Error copying to clipboard:", error);
+        }
+    }, [addToast]);
     const variant = variantMap[as];
-    return ((0, jsx_runtime_1.jsxs)(components_1.Flex, { style: style, onClick: () => copyURL(id), className: HeadingLink_module_scss_1.default.control, vertical: "center", gap: "8", children: [(0, jsx_runtime_1.jsx)(components_1.Heading, Object.assign({ className: HeadingLink_module_scss_1.default.text, id: id, variant: variant, as: as }, heading, { children: children })), (0, jsx_runtime_1.jsx)(components_1.IconButton, { className: HeadingLink_module_scss_1.default.visibility, size: "m", icon: "openLink", variant: "secondary", tooltip: "Copy", tooltipPosition: "right" })] }));
+    return (_jsxs(Flex, { style: style, onClick: () => copyURL(id), className: styles.control, vertical: "center", gap: "8", children: [_jsx(Heading, { className: styles.text, id: id, variant: variant, as: as, ...heading, children: children }), _jsx(IconButton, { className: styles.visibility, size: "m", icon: "openLink", variant: "secondary", tooltip: "Copy", tooltipPosition: "right" })] }));
 };
-exports.HeadingLink = HeadingLink;
 //# sourceMappingURL=HeadingLink.js.map

package/dist/modules/navigation/HeadingLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeadingLink.js","sourceRoot":"","sources":["../../../src/modules/navigation/HeadingLink.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAGb,iDAA6D;AAC7D,6CAA0C;AAE1C,wFAA+C;AASxC,MAAM,WAAW,GAA+B,CAAC,EAMvD,EAAE,EAAE;QANmD,EACtD,EAAE,EACF,EAAE,EACF,QAAQ,EACR,KAAK,OAEN,EADI,OAAO,cAL4C,iCAMvD,CADW;IAEV,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAEhC,MAAM,OAAO,GAAG,CAAC,EAAU,EAAQ,EAAE;QACnC,MAAM,GAAG,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,IAAI,EAAE,EAAE,CAAC;QACzE,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,CACrC,GAAG,EAAE;YACH,QAAQ,CAAC;gBACP,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,2BAA2B;aACrC,CAAC,CAAC;QACL,CAAC,EACD,GAAG,EAAE;YACH,QAAQ,CAAC;gBACP,OAAO,EAAE,QAAQ;gBACjB,OAAO,EAAE,sBAAsB;aAChC,CAAC,CAAC;QACL,CAAC,CACF,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,EAAE,EAAE,mBAAmB;QACvB,EAAE,EAAE,mBAAmB;QACvB,EAAE,EAAE,kBAAkB;QACtB,EAAE,EAAE,kBAAkB;QACtB,EAAE,EAAE,kBAAkB;QACtB,EAAE,EAAE,mBAAmB;KACf,CAAC;IAEX,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;IAE/B,OAAO,CACL,wBAAC,iBAAI,IACH,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,EAC1B,SAAS,EAAE,iCAAM,CAAC,OAAO,EACzB,QAAQ,EAAC,QAAQ,EACjB,GAAG,EAAC,GAAG,aAEP,uBAAC,oBAAO,kBAAC,SAAS,EAAE,iCAAM,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,IAAM,OAAO,cAC3E,QAAQ,IACD,EACV,uBAAC,uBAAU,IACT,SAAS,EAAE,iCAAM,CAAC,UAAU,EAC5B,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,UAAU,EACf,OAAO,EAAC,WAAW,EACnB,OAAO,EAAC,MAAM,EACd,eAAe,EAAC,OAAO,GACvB,IACG,CACR,CAAC;AACJ,CAAC,CAAC;AA3DW,QAAA,WAAW,eA2DtB"}
+{"version":3,"file":"HeadingLink.js","sourceRoot":"","sources":["../../../src/modules/navigation/HeadingLink.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAS/C,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE,mBAAmB;IACvB,EAAE,EAAE,mBAAmB;IACvB,EAAE,EAAE,kBAAkB;IACtB,EAAE,EAAE,kBAAkB;IACtB,EAAE,EAAE,kBAAkB;IACtB,EAAE,EAAE,mBAAmB;CACf,CAAC;AAEX,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,EAAE,EACF,EAAE,EACF,QAAQ,EACR,KAAK,EACL,GAAG,OAAO,EACX,EAAE,EAAE;IACH,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;IAEhC,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,EAAU,EAAE,EAAE;QACzC,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,IAAI,EAAE,EAAE,CAAC;YACzE,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,CACrC,GAAG,EAAE;gBACH,QAAQ,EAAE,CAAC;oBACT,OAAO,EAAE,SAAS;oBAClB,OAAO,EAAE,2BAA2B;iBACrC,CAAC,CAAC;YACL,CAAC,EACD,GAAG,EAAE;gBACH,QAAQ,EAAE,CAAC;oBACT,OAAO,EAAE,QAAQ;oBACjB,OAAO,EAAE,sBAAsB;iBAChC,CAAC,CAAC;YACL,CAAC,CACF,CAAC;QACJ,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,KAAK,CAAC,CAAC;QACtD,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;IAE/B,OAAO,CACL,MAAC,IAAI,IACH,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,EAC1B,SAAS,EAAE,MAAM,CAAC,OAAO,EACzB,QAAQ,EAAC,QAAQ,EACjB,GAAG,EAAC,GAAG,aAEP,KAAC,OAAO,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,KAAM,OAAO,YAC3E,QAAQ,GACD,EACV,KAAC,UAAU,IACT,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,UAAU,EACf,OAAO,EAAC,WAAW,EACnB,OAAO,EAAC,MAAM,EACd,eAAe,EAAC,OAAO,GACvB,IACG,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/modules/navigation/HeadingNav.js

@@ -1,33 +1,18 @@
-"use strict";
 "use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeadingNav = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const __1 = require("../../");
-const HeadingNav = (0, react_1.forwardRef)((_a, ref) => {
-    var { className, style } = _a, rest = __rest(_a, ["className", "style"]);
-    const [activeHeadingId, setActiveHeadingId] = (0, react_1.useState)(null);
-    const [activeIndex, setActiveIndex] = (0, react_1.useState)(0);
-    const indicatorRef = (0, react_1.useRef)(null);
-    const headings = (0, __1.useHeadingLinks)();
-    const observerRef = (0, react_1.useRef)(null);
-    const lastUpdateTimeRef = (0, react_1.useRef)(0);
-    const pendingUpdateRef = (0, react_1.useRef)(null);
-    const scrollTimeoutRef = (0, react_1.useRef)(null);
-    const isUpdatingRef = (0, react_1.useRef)(false);
-    const updateActiveHeadingInternal = (0, react_1.useCallback)((id) => {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useState, useRef, useCallback } from "react";
+import { Column, Flex, Row, SmartLink, Text, useHeadingLinks } from "../../";
+const HeadingNav = forwardRef(({ className, style, ...rest }, ref) => {
+    const [activeHeadingId, setActiveHeadingId] = useState(null);
+    const [activeIndex, setActiveIndex] = useState(0);
+    const indicatorRef = useRef(null);
+    const headings = useHeadingLinks();
+    const observerRef = useRef(null);
+    const lastUpdateTimeRef = useRef(0);
+    const pendingUpdateRef = useRef(null);
+    const scrollTimeoutRef = useRef(null);
+    const isUpdatingRef = useRef(false);
+    const updateActiveHeadingInternal = useCallback((id) => {
         const index = headings.findIndex((h) => h.id === id);
         if (index !== -1) {
             setActiveHeadingId(id);
@@ -39,11 +24,10 @@ const HeadingNav = (0, react_1.forwardRef)((_a, ref) => {
             isUpdatingRef.current = false;
         }
     }, [headings]);
-    (0, react_1.useEffect)(() => {
-        var _a;
+    useEffect(() => {
         if (headings.length === 0)
             return;
-        setActiveHeadingId(((_a = headings[0]) === null || _a === void 0 ? void 0 : _a.id) || null);
+        setActiveHeadingId(headings[0]?.id || null);
         const headingElements = headings
             .map((heading) => document.getElementById(heading.id))
             .filter(Boolean);
@@ -80,9 +64,8 @@ const HeadingNav = (0, react_1.forwardRef)((_a, ref) => {
             updateActiveHeadingInternal(id);
         };
         const findActiveHeading = () => {
-            var _a;
             const scrollPosition = window.scrollY;
-            let activeId = (_a = headings[0]) === null || _a === void 0 ? void 0 : _a.id;
+            let activeId = headings[0]?.id;
             let closestPosition = -Infinity;
             headingPositions.forEach((position, id) => {
                 if (position <= scrollPosition && position > closestPosition) {
@@ -131,9 +114,8 @@ const HeadingNav = (0, react_1.forwardRef)((_a, ref) => {
         return () => {
             if (observerRef.current) {
                 headingElements.forEach((element) => {
-                    var _a;
                     if (element)
-                        (_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.unobserve(element);
+                        observerRef.current?.unobserve(element);
                 });
             }
             window.removeEventListener("scroll", handleScroll);
@@ -151,13 +133,13 @@ const HeadingNav = (0, react_1.forwardRef)((_a, ref) => {
         }
         lastUpdateTimeRef.current = Date.now();
     };
-    return ((0, jsx_runtime_1.jsxs)(__1.Row, Object.assign({ paddingLeft: "8", gap: "12", className: className, style: style, ref: ref }, rest, { children: [(0, jsx_runtime_1.jsx)(__1.Row, { width: "2", background: "neutral-alpha-medium", radius: "full", overflow: "hidden", children: (0, jsx_runtime_1.jsx)(__1.Row, { ref: indicatorRef, height: "32", paddingY: "4", fillWidth: true, position: "absolute", style: {
+    return (_jsxs(Row, { paddingLeft: "8", gap: "12", className: className, style: style, ref: ref, ...rest, children: [_jsx(Row, { width: "2", background: "neutral-alpha-medium", radius: "full", overflow: "hidden", children: _jsx(Row, { ref: indicatorRef, height: "32", paddingY: "4", fillWidth: true, position: "absolute", style: {
                         top: `calc(${activeIndex} * var(--static-space-32))`,
                         transition: "top 0.3s ease",
-                    }, children: (0, jsx_runtime_1.jsx)(__1.Row, { fillWidth: true, solid: "brand-strong", radius: "full" }) }) }), (0, jsx_runtime_1.jsx)(__1.Column, { fillWidth: true, children: headings.map((heading, index) => {
+                    }, children: _jsx(Row, { fillWidth: true, solid: "brand-strong", radius: "full" }) }) }), _jsx(Column, { fillWidth: true, children: headings.map((heading, index) => {
                     const indent = heading.level - 2;
                     const isActive = heading.id === activeHeadingId;
-                    return ((0, jsx_runtime_1.jsx)(__1.Flex, { fillWidth: true, height: "32", paddingX: "4", children: (0, jsx_runtime_1.jsx)(__1.SmartLink, { fillWidth: true, href: "#" + heading.id, onClick: (e) => {
+                    return (_jsx(Flex, { fillWidth: true, height: "32", paddingX: "4", children: _jsx(SmartLink, { fillWidth: true, href: "#" + heading.id, onClick: (e) => {
                                 e.preventDefault();
                                 const target = document.getElementById(heading.id);
                                 if (target) {
@@ -174,11 +156,11 @@ const HeadingNav = (0, react_1.forwardRef)((_a, ref) => {
                                     ? "var(--neutral-on-background-strong)"
                                     : "var(--neutral-on-background-weak)",
                                 transition: "color 0.2s ease",
-                            }, children: (0, jsx_runtime_1.jsx)(__1.Text, { variant: isActive ? "body-strong-s" : "body-default-s", truncate: true, style: {
+                            }, children: _jsx(Text, { variant: isActive ? "body-strong-s" : "body-default-s", truncate: true, style: {
                                     transition: "font-weight 0.2s ease",
                                 }, children: heading.text }) }) }, heading.id));
-                }) })] })));
+                }) })] }));
 });
-exports.HeadingNav = HeadingNav;
 HeadingNav.displayName = "HeadingNav";
+export { HeadingNav };
 //# sourceMappingURL=HeadingNav.js.map