@once-ui-system/core 1.0.0

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

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDistributedColor = void 0;
+const types_1 = require("../../../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
+ * For small sets (2-4 items), uses a predefined optimal distribution
+ * @param index The index of the item in the series
+ * @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;
+    // 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]];
+        }
+        // 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]];
+        }
+        // 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]];
+        }
+        // For 5+ items, use a more sophisticated distribution
+        if (totalItems > 1) {
+            // Use a prime number as step to avoid repetitive patterns
+            // 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];
+        }
+    }
+    // If we don't know the total or there's only one item,
+    // use a simple distribution based on the golden ratio
+    // This creates a visually pleasing distribution even as items are added one by one
+    const goldenRatioConjugate = 0.618033988749895;
+    const hue = (index * goldenRatioConjugate) % 1;
+    const colorIndex = Math.floor(hue * totalColors);
+    return types_1.schemes[colorIndex];
+};
+exports.getDistributedColor = getDistributedColor;
+//# sourceMappingURL=colorDistribution.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colorDistribution.js","sourceRoot":"","sources":["../../../../src/once-ui/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"}

package/dist/modules/data/utils/formatDate.d.ts

@@ -0,0 +1,12 @@
+import { DateConfig } from "../interfaces";
+/**
+ * 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
+ *
+ * @param value - The value to format (could be a date, string, or any other value)
+ * @param dateConfig - Optional date configuration with format string
+ * @param dataPoint - Optional data point object that might contain a label property
+ * @returns Formatted date string or original value
+ */
+export declare function formatDate(value: any, dateConfig?: DateConfig, dataPoint?: Record<string, any>): string;
+//# sourceMappingURL=formatDate.d.ts.map

package/dist/modules/data/utils/formatDate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatDate.d.ts","sourceRoot":"","sources":["../../../../src/once-ui/modules/data/utils/formatDate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,GAAG,EACV,UAAU,CAAC,EAAE,UAAU,EACvB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAC9B,MAAM,CAoBR"}

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatDate = formatDate;
+const date_fns_1 = require("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
+ *
+ * @param value - The value to format (could be a date, string, or any other value)
+ * @param dateConfig - Optional date configuration with format string
+ * @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) {
+        return dataPoint.label;
+    }
+    if (dateConfig === null || dateConfig === void 0 ? void 0 : dateConfig.format) {
+        try {
+            // Check if it's already a Date object
+            if (value instanceof Date) {
+                return (0, date_fns_1.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);
+            }
+        }
+        catch (error) { }
+    }
+    return value;
+}
+//# sourceMappingURL=formatDate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formatDate.js","sourceRoot":"","sources":["../../../../src/once-ui/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"}

package/dist/modules/index.d.ts

@@ -0,0 +1,16 @@
+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 { 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.d.ts.map

package/dist/modules/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/once-ui/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,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/index.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Legend = exports.DataTooltip = exports.LineBarChart = exports.PieChart = exports.LineChart = exports.BarChart = 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 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; } });
+//# sourceMappingURL=index.js.map

package/dist/modules/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/once-ui/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,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"}

package/dist/modules/media/MediaUpload.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { Flex } from "@/once-ui/components";
+interface MediaUploadProps extends React.ComponentProps<typeof Flex> {
+    onFileUpload?: (file: File) => Promise<void>;
+    compress?: boolean;
+    aspectRatio?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    initialPreviewImage?: string | null;
+    emptyState?: React.ReactNode;
+    quality?: number;
+    sizes?: string;
+    children?: React.ReactNode;
+    convertTypes?: string[];
+    resizeMaxWidth?: number;
+    resizeMaxHeight?: number;
+    resizeWidth?: number;
+    resizeHeight?: number;
+    loading?: boolean;
+    accept?: string;
+}
+declare const MediaUpload: React.ForwardRefExoticComponent<Omit<MediaUploadProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { MediaUpload };
+//# sourceMappingURL=MediaUpload.d.ts.map

package/dist/modules/media/MediaUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaUpload.d.ts","sourceRoot":"","sources":["../../../src/once-ui/modules/media/MediaUpload.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,IAAI,EAA8B,MAAM,sBAAsB,CAAC;AAGxE,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAClE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,WAAW,wGAiLhB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/modules/media/MediaUpload.js

@@ -0,0 +1,111 @@
+"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 components_1 = require("@/once-ui/components");
+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)(() => {
+        if (initialPreviewImage) {
+            setPreviewImage(initialPreviewImage);
+        }
+    }, [initialPreviewImage]);
+    const handleDragOver = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDragActive(true);
+    };
+    const handleDragLeave = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDragActive(false);
+    };
+    const handleDrop = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDragActive(false);
+        if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+            handleFiles(e.dataTransfer.files);
+        }
+    };
+    const handleFileSelection = () => {
+        if (inputRef.current) {
+            inputRef.current.click();
+        }
+    };
+    const handleFiles = (files) => {
+        const file = files[0];
+        if (!file)
+            return;
+        if (file.type.startsWith("image/")) {
+            setPreviewImage(URL.createObjectURL(file));
+            if (compress && file.type.startsWith("image/")) {
+                compressImage(file);
+            }
+            else {
+                uploadFile(file);
+            }
+        }
+        else {
+            console.warn("Unsupported file type:", file.type);
+        }
+    };
+    const compressImage = (file) => {
+        new compressorjs_1.default(file, {
+            convertTypes: convertTypes,
+            quality: quality,
+            maxWidth: resizeMaxWidth,
+            maxHeight: resizeMaxHeight,
+            convertSize: 400 * 1024,
+            width: resizeWidth,
+            height: resizeHeight,
+            success(compressedFile) {
+                uploadFile(compressedFile);
+            },
+            error(err) {
+                console.error("Compression error:", err);
+                uploadFile(file);
+            },
+        });
+    };
+    const uploadFile = async (file) => {
+        setUploading(true);
+        if (onFileUpload) {
+            await onFileUpload(file);
+        }
+        setUploading(false);
+    };
+    return ((0, jsx_runtime_1.jsxs)(components_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)(components_1.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)(components_1.Flex, { fill: true, center: true, children: (0, jsx_runtime_1.jsx)(components_1.Icon, { name: "plus", size: "l" }) })) })), children, (0, jsx_runtime_1.jsx)(components_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)(components_1.Spinner, { size: "l" })) : ((0, jsx_runtime_1.jsx)(components_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) => {
+                    if (e.target.files) {
+                        handleFiles(e.target.files);
+                    }
+                } })] })));
+});
+exports.MediaUpload = MediaUpload;
+MediaUpload.displayName = "MediaUpload";
+//# sourceMappingURL=MediaUpload.js.map

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

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

package/dist/modules/media/MediaUpload.module.scss

@@ -0,0 +1,24 @@
+.container {
+    &:hover, &:focus {
+        background-color: var(--neutral-background-strong);
+    }
+}
+
+.text {
+    display: none;
+    visibility: hidden;
+    opacity: 0;
+}
+
+.upload {
+    &:hover {
+        background: var(--backdrop);
+        backdrop-filter: blur(0.25rem);
+
+        .text {
+            display: block;
+            visibility: visible;
+            opacity: 1;
+        }
+    }
+}

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { Heading } from "../../components";
+interface HeadingLinkProps extends React.ComponentProps<typeof Heading> {
+    id: string;
+    as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+}
+export declare const HeadingLink: React.FC<HeadingLinkProps>;
+export {};
+//# sourceMappingURL=HeadingLink.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingLink.d.ts","sourceRoot":"","sources":["../../../src/once-ui/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"}

package/dist/modules/navigation/HeadingLink.js

@@ -0,0 +1,52 @@
+"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.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.",
+            });
+        });
+    };
+    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",
+    };
+    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" })] }));
+};
+exports.HeadingLink = HeadingLink;
+//# sourceMappingURL=HeadingLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingLink.js","sourceRoot":"","sources":["../../../src/once-ui/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"}

package/dist/modules/navigation/HeadingLink.module.scss

@@ -0,0 +1,24 @@
+.control {
+    cursor: pointer;
+
+    &:hover {
+        .visibility {
+            opacity: 1;
+        }
+
+        .text {
+            text-decoration-line: underline;
+        }
+    }
+}
+
+.text {
+    text-decoration-thickness: 1px;
+    text-underline-offset: 0.25em;
+    text-decoration-color: var(--neutral-border-strong);
+}
+
+.visibility {
+    opacity: 0;
+    transform: scale(0.875);
+}

package/dist/modules/navigation/HeadingNav.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { Flex } from "@/once-ui/components";
+interface props extends React.ComponentProps<typeof Flex> {
+}
+declare const HeadingNav: React.ForwardRefExoticComponent<Omit<props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { HeadingNav };
+//# sourceMappingURL=HeadingNav.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingNav.d.ts","sourceRoot":"","sources":["../../../src/once-ui/modules/navigation/HeadingNav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+D,MAAM,OAAO,CAAC;AACpF,OAAO,EAAU,IAAI,EAAwB,MAAM,sBAAsB,CAAC;AAG1E,UAAU,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;CAAG;AAE5D,QAAA,MAAM,UAAU,2FA0Od,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,CAAC"}