@once-ui-system/core 1.6.4 → 1.7.0

package/dist/modules/data/PieChart.impl.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { ChartProps } from "../../";
+export interface PieChartProps extends ChartProps {
+    "data-viz-style"?: string;
+    ring?: {
+        inner: number;
+        outer: number;
+    };
+    dataKey?: string;
+    nameKey?: string;
+    origo?: {
+        x: number;
+        y: number;
+    };
+}
+declare const PieChart: React.FC<PieChartProps>;
+export default PieChart;
+//# sourceMappingURL=PieChart.impl.d.ts.map

package/dist/modules/data/PieChart.impl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.impl.d.ts","sourceRoot":"","sources":["../../../src/modules/data/PieChart.impl.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD,OAAO,EAKL,UAAU,EASX,MAAM,QAAQ,CAAC;AAIhB,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAClC;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoQrC,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/modules/data/PieChart.impl.js

@@ -0,0 +1,102 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useEffect } from "react";
+import { PieChart as RechartsPieChart, Pie as RechartsPie, Cell as RechartsCell, Tooltip as RechartsTooltip, ResponsiveContainer as RechartsResponsiveContainer, Legend as RechartsLegend, } from "recharts";
+import { schemes, Column, Row, ChartStatus, RadialGradient, DataTooltip, Legend, ChartHeader, useDataTheme, } from "../../";
+import { getDistributedColor } from "./utils/colorDistribution";
+const PieChart = ({ title, description, data, series, date, emptyState, errorState, error = false, loading = false, tooltip = true, origo = { x: 50, y: 50 }, legend: legendProp = {}, border = "neutral-alpha-weak", variant: variantProp, ring = { inner: 0, outer: 80 }, dataKey = "value", nameKey = "name", "data-viz-style": dataViz, ...flex }) => {
+    const { variant: themeVariant, mode, height } = useDataTheme();
+    const variant = variantProp || themeVariant;
+    const legend = {
+        display: legendProp.display !== undefined ? legendProp.display : true,
+        position: legendProp.position || "bottom-center",
+        direction: legendProp.direction,
+    };
+    const [selectedDateRange, setSelectedDateRange] = useState(date?.start && date?.end
+        ? {
+            startDate: date.start,
+            endDate: date.end,
+        }
+        : undefined);
+    useEffect(() => {
+        if (date?.start && date?.end) {
+            setSelectedDateRange({
+                startDate: date.start,
+                endDate: date.end,
+            });
+        }
+    }, [date?.start, date?.end]);
+    const handleDateRangeChange = (newRange) => {
+        setSelectedDateRange(newRange);
+        if (date?.onChange) {
+            date.onChange(newRange);
+        }
+    };
+    const colorPalette = React.useMemo(() => {
+        if (!data || data.length === 0)
+            return schemes.map((c) => `var(--data-${c})`);
+        return Array.from({ length: data.length }, (_, index) => {
+            const colorKey = getDistributedColor(index, data.length);
+            return `var(--data-${colorKey})`;
+        });
+    }, [data]);
+    const filteredData = React.useMemo(() => {
+        if (!selectedDateRange || !data || data.length === 0) {
+            return data;
+        }
+        return data.filter((item) => {
+            try {
+                if (!item.date || !selectedDateRange.startDate || !selectedDateRange.endDate) {
+                    return true;
+                }
+                const itemDate = typeof item.date === "string" ? new Date(item.date) : item.date;
+                return itemDate >= selectedDateRange.startDate && itemDate <= selectedDateRange.endDate;
+            }
+            catch (e) {
+                return true;
+            }
+        });
+    }, [data, selectedDateRange]);
+    const getGradientId = React.useCallback((colorKey) => {
+        return `pieGradient-${String(colorKey)}`;
+    }, []);
+    return (_jsxs(Column, { fillWidth: true, height: height, "data-viz-style": dataViz || mode, border: border, radius: "l", ...flex, children: [_jsx(ChartHeader, { title: title, description: description, dateRange: selectedDateRange, date: date, onDateRangeChange: handleDateRangeChange, presets: date?.presets }), _jsxs(Row, { fill: true, borderTop: (title || description || date?.selector) ? (border || "neutral-alpha-weak") : undefined, topRadius: flex.radius || "l", overflow: "hidden", children: [_jsx(ChartStatus, { loading: loading, empty: !filteredData || filteredData.length === 0, emptyState: emptyState, error: error, errorState: errorState }), !loading && !error && filteredData && filteredData.length > 0 && (_jsx(RechartsResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(RechartsPieChart, { children: [_jsxs("defs", { children: [_jsxs("pattern", { id: "pieChartMasterPattern", patternUnits: "userSpaceOnUse", width: "100%", height: "100%", children: [_jsx(RadialGradient, { id: "pieChartMasterGradient", color: "var(--page-background)", cx: "50%", cy: "50%", r: "50%", fx: "50%", fy: "50%", variant: variant }), _jsx("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: "url(#pieChartMasterGradient)" })] }), Array.from(new Set(filteredData.map((entry, index) => {
+                                            return entry.color || getDistributedColor(index, filteredData.length);
+                                        }))).map((colorKey) => {
+                                            const baseColor = `var(--data-${colorKey})`;
+                                            const patternId = getGradientId(colorKey);
+                                            return (_jsxs("pattern", { id: patternId, patternUnits: "userSpaceOnUse", width: "100%", height: "100%", children: [variant !== "outline" && (_jsx("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: baseColor })), variant === "gradient" && (_jsx("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: "url(#pieChartMasterPattern)" }))] }, `pattern-${colorKey}`));
+                                        })] }), legend.display && (_jsx(RechartsLegend, { content: (props) => (_jsx(Legend, { ...props, variant: variant, position: legend.position, direction: legend.direction, labels: "none", colors: colorPalette })), wrapperStyle: {
+                                        position: "absolute",
+                                        top: legend.position === "top-center" ||
+                                            legend.position === "top-left" ||
+                                            legend.position === "top-right"
+                                            ? 0
+                                            : undefined,
+                                        bottom: legend.position === "bottom-center" ||
+                                            legend.position === "bottom-left" ||
+                                            legend.position === "bottom-right"
+                                            ? 0
+                                            : undefined,
+                                        right: 0,
+                                        left: 0,
+                                        margin: 0,
+                                    } })), _jsx(RechartsPie, { data: filteredData, cx: origo.x + "%", cy: origo.y + "%", labelLine: false, innerRadius: ring.inner + "%", outerRadius: ring.outer + "%", dataKey: dataKey, nameKey: nameKey, stroke: variant === "outline" ? undefined : "none", children: filteredData.map((entry, index) => {
+                                        const colorKey = entry.color || getDistributedColor(index, filteredData.length);
+                                        const baseColor = `var(--data-${colorKey})`;
+                                        const gradientId = getGradientId(String(colorKey));
+                                        return (_jsx(RechartsCell, { fill: variant === "outline" ? "transparent" : `url(#${gradientId})`, strokeWidth: variant === "outline" ? 2 : 1, stroke: baseColor, style: { outline: "none" } }, `cell-${index}`));
+                                    }) }), tooltip && (_jsx(RechartsTooltip, { content: (props) => {
+                                        if (props.payload && props.payload.length > 0) {
+                                            const entry = props.payload[0];
+                                            const index = filteredData.findIndex((item) => item[nameKey] === entry.name);
+                                            const colorKey = filteredData[index]?.color || getDistributedColor(index, filteredData.length);
+                                            const color = `var(--data-${colorKey})`;
+                                            props.payload[0].color = color;
+                                        }
+                                        return (_jsx(DataTooltip, { ...props, label: undefined, date: date, variant: variant }));
+                                    } }))] }) }))] })] }));
+};
+PieChart.displayName = "PieChart";
+export default PieChart;
+//# sourceMappingURL=PieChart.impl.js.map

package/dist/modules/data/PieChart.impl.js.map

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

package/dist/modules/data/PieChart.js

@@ -1,100 +1,14 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState, useEffect } from "react";
-import { PieChart as RechartsPieChart, Pie as RechartsPie, Cell as RechartsCell, Tooltip as RechartsTooltip, ResponsiveContainer as RechartsResponsiveContainer, Legend as RechartsLegend, } from "recharts";
-import { schemes, Column, Row, ChartStatus, RadialGradient, DataTooltip, Legend, ChartHeader, useDataTheme, } from "../../";
-import { getDistributedColor } from "./utils/colorDistribution";
-export const PieChart = ({ title, description, data, series, date, emptyState, errorState, error = false, loading = false, tooltip = true, origo = { x: 50, y: 50 }, legend: legendProp = {}, border = "neutral-alpha-weak", variant: variantProp, ring = { inner: 0, outer: 80 }, dataKey = "value", nameKey = "name", "data-viz-style": dataViz, ...flex }) => {
-    const { variant: themeVariant, mode, height } = useDataTheme();
-    const variant = variantProp || themeVariant;
-    const legend = {
-        display: legendProp.display !== undefined ? legendProp.display : true,
-        position: legendProp.position || "bottom-center",
-        direction: legendProp.direction,
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { Suspense } from "react";
+import { MissingDependency } from "../../utils/MissingDependency";
+const PieChartImpl = React.lazy(() => import("./PieChart.impl").catch(() => {
+    console.warn('[@once-ui-system/core] <PieChart /> requires the "recharts" package. Install it with: npm install recharts');
+    return {
+        default: () => _jsx(MissingDependency, { component: "PieChart", packageName: "recharts" }),
     };
-    const [selectedDateRange, setSelectedDateRange] = useState(date?.start && date?.end
-        ? {
-            startDate: date.start,
-            endDate: date.end,
-        }
-        : undefined);
-    useEffect(() => {
-        if (date?.start && date?.end) {
-            setSelectedDateRange({
-                startDate: date.start,
-                endDate: date.end,
-            });
-        }
-    }, [date?.start, date?.end]);
-    const handleDateRangeChange = (newRange) => {
-        setSelectedDateRange(newRange);
-        if (date?.onChange) {
-            date.onChange(newRange);
-        }
-    };
-    const colorPalette = React.useMemo(() => {
-        if (!data || data.length === 0)
-            return schemes.map((c) => `var(--data-${c})`);
-        return Array.from({ length: data.length }, (_, index) => {
-            const colorKey = getDistributedColor(index, data.length);
-            return `var(--data-${colorKey})`;
-        });
-    }, [data]);
-    const filteredData = React.useMemo(() => {
-        if (!selectedDateRange || !data || data.length === 0) {
-            return data;
-        }
-        return data.filter((item) => {
-            try {
-                if (!item.date || !selectedDateRange.startDate || !selectedDateRange.endDate) {
-                    return true;
-                }
-                const itemDate = typeof item.date === "string" ? new Date(item.date) : item.date;
-                return itemDate >= selectedDateRange.startDate && itemDate <= selectedDateRange.endDate;
-            }
-            catch (e) {
-                return true;
-            }
-        });
-    }, [data, selectedDateRange]);
-    const getGradientId = React.useCallback((colorKey) => {
-        return `pieGradient-${String(colorKey)}`;
-    }, []);
-    return (_jsxs(Column, { fillWidth: true, height: height, "data-viz-style": dataViz || mode, border: border, radius: "l", ...flex, children: [_jsx(ChartHeader, { title: title, description: description, dateRange: selectedDateRange, date: date, onDateRangeChange: handleDateRangeChange, presets: date?.presets }), _jsxs(Row, { fill: true, borderTop: (title || description || date?.selector) ? (border || "neutral-alpha-weak") : undefined, topRadius: flex.radius || "l", overflow: "hidden", children: [_jsx(ChartStatus, { loading: loading, empty: !filteredData || filteredData.length === 0, emptyState: emptyState, error: error, errorState: errorState }), !loading && !error && filteredData && filteredData.length > 0 && (_jsx(RechartsResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(RechartsPieChart, { children: [_jsxs("defs", { children: [_jsxs("pattern", { id: "pieChartMasterPattern", patternUnits: "userSpaceOnUse", width: "100%", height: "100%", children: [_jsx(RadialGradient, { id: "pieChartMasterGradient", color: "var(--page-background)", cx: "50%", cy: "50%", r: "50%", fx: "50%", fy: "50%", variant: variant }), _jsx("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: "url(#pieChartMasterGradient)" })] }), Array.from(new Set(filteredData.map((entry, index) => {
-                                            return entry.color || getDistributedColor(index, filteredData.length);
-                                        }))).map((colorKey) => {
-                                            const baseColor = `var(--data-${colorKey})`;
-                                            const patternId = getGradientId(colorKey);
-                                            return (_jsxs("pattern", { id: patternId, patternUnits: "userSpaceOnUse", width: "100%", height: "100%", children: [variant !== "outline" && (_jsx("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: baseColor })), variant === "gradient" && (_jsx("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: "url(#pieChartMasterPattern)" }))] }, `pattern-${colorKey}`));
-                                        })] }), legend.display && (_jsx(RechartsLegend, { content: (props) => (_jsx(Legend, { ...props, variant: variant, position: legend.position, direction: legend.direction, labels: "none", colors: colorPalette })), wrapperStyle: {
-                                        position: "absolute",
-                                        top: legend.position === "top-center" ||
-                                            legend.position === "top-left" ||
-                                            legend.position === "top-right"
-                                            ? 0
-                                            : undefined,
-                                        bottom: legend.position === "bottom-center" ||
-                                            legend.position === "bottom-left" ||
-                                            legend.position === "bottom-right"
-                                            ? 0
-                                            : undefined,
-                                        right: 0,
-                                        left: 0,
-                                        margin: 0,
-                                    } })), _jsx(RechartsPie, { data: filteredData, cx: origo.x + "%", cy: origo.y + "%", labelLine: false, innerRadius: ring.inner + "%", outerRadius: ring.outer + "%", dataKey: dataKey, nameKey: nameKey, stroke: variant === "outline" ? undefined : "none", children: filteredData.map((entry, index) => {
-                                        const colorKey = entry.color || getDistributedColor(index, filteredData.length);
-                                        const baseColor = `var(--data-${colorKey})`;
-                                        const gradientId = getGradientId(String(colorKey));
-                                        return (_jsx(RechartsCell, { fill: variant === "outline" ? "transparent" : `url(#${gradientId})`, strokeWidth: variant === "outline" ? 2 : 1, stroke: baseColor, style: { outline: "none" } }, `cell-${index}`));
-                                    }) }), tooltip && (_jsx(RechartsTooltip, { content: (props) => {
-                                        if (props.payload && props.payload.length > 0) {
-                                            const entry = props.payload[0];
-                                            const index = filteredData.findIndex((item) => item[nameKey] === entry.name);
-                                            const colorKey = filteredData[index]?.color || getDistributedColor(index, filteredData.length);
-                                            const color = `var(--data-${colorKey})`;
-                                            props.payload[0].color = color;
-                                        }
-                                        return (_jsx(DataTooltip, { ...props, label: undefined, date: date, variant: variant }));
-                                    } }))] }) }))] })] }));
-};
+}));
+const PieChart = (props) => (_jsx(Suspense, { fallback: null, children: _jsx(PieChartImpl, { ...props }) }));
+PieChart.displayName = "PieChart";
+export { PieChart };
 //# sourceMappingURL=PieChart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PieChart.js","sourceRoot":"","sources":["../../../src/modules/data/PieChart.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PieChart.js","sourceRoot":"","sources":["../../../src/modules/data/PieChart.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAGlE,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CACnC,MAAM,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE;IACnC,OAAO,CAAC,IAAI,CACV,4GAA4G,CAC7G,CAAC;IACF,OAAO;QACL,OAAO,EAAE,GAAG,EAAE,CAAC,KAAC,iBAAiB,IAAC,SAAS,EAAC,UAAU,EAAC,WAAW,EAAC,UAAU,GAAG;KACjF,CAAC;AACJ,CAAC,CAAC,CACH,CAAC;AAEF,MAAM,QAAQ,GAA4B,CAAC,KAAK,EAAE,EAAE,CAAC,CACnD,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACtB,KAAC,YAAY,OAAK,KAAK,GAAI,GAClB,CACZ,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -1,24 +1,6 @@
 import React from "react";
-import { Flex } from "../../";
-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;
-}
+import type { MediaUploadProps } from "./MediaUpload.impl";
 declare const MediaUpload: React.ForwardRefExoticComponent<Omit<MediaUploadProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export { MediaUpload };
+export type { MediaUploadProps };
 //# sourceMappingURL=MediaUpload.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MediaUpload.d.ts","sourceRoot":"","sources":["../../../src/modules/media/MediaUpload.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,IAAI,EAA8B,MAAM,QAAQ,CAAC;AAG1D,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,wGA8KhB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"MediaUpload.d.ts","sourceRoot":"","sources":["../../../src/modules/media/MediaUpload.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAe3D,QAAA,MAAM,WAAW,wGAIf,CAAC;AAIH,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -0,0 +1,24 @@
+import React from "react";
+import { Flex } from "../../";
+export 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 default MediaUpload;
+//# sourceMappingURL=MediaUpload.impl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaUpload.impl.d.ts","sourceRoot":"","sources":["../../../src/modules/media/MediaUpload.impl.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,IAAI,EAA8B,MAAM,QAAQ,CAAC;AAG1D,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACzE,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,wGA8KhB,CAAC;AAIF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,92 @@
+"use client";
+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);
+        }
+    }, [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 Compressor(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 (_jsxs(Flex, { style: { isolation: "isolate", cursor: "pointer" }, transition: "micro-medium", overflow: "hidden", className: styles.container, aspectRatio: aspectRatio, fillWidth: true, center: true, border: "neutral-medium", radius: "l", onClick: handleFileSelection, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, ...rest, children: [!loading && (_jsx(_Fragment, { children: previewImage ? (_jsx(Media, { height: undefined, style: {
+                        filter: uploading ? "grayscale(1)" : "",
+                    }, sizes: sizes, 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);
+                    }
+                } })] }));
+});
+MediaUpload.displayName = "MediaUpload";
+export default MediaUpload;
+//# sourceMappingURL=MediaUpload.impl.js.map

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

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

package/dist/modules/media/MediaUpload.js

@@ -1,92 +1,14 @@
 "use client";
-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);
-        }
-    }, [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 Compressor(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 (_jsxs(Flex, { style: { isolation: "isolate", cursor: "pointer" }, transition: "micro-medium", overflow: "hidden", className: styles.container, aspectRatio: aspectRatio, fillWidth: true, center: true, border: "neutral-medium", radius: "l", onClick: handleFileSelection, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, ...rest, children: [!loading && (_jsx(_Fragment, { children: previewImage ? (_jsx(Media, { height: undefined, style: {
-                        filter: uploading ? "grayscale(1)" : "",
-                    }, sizes: sizes, 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);
-                    }
-                } })] }));
-});
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { forwardRef, Suspense } from "react";
+import { MissingDependency } from "../../utils/MissingDependency";
+const MediaUploadImpl = React.lazy(() => import("./MediaUpload.impl").catch(() => {
+    console.warn('[@once-ui-system/core] <MediaUpload /> requires the "compressorjs" package. Install it with: npm install compressorjs');
+    return {
+        default: forwardRef(() => (_jsx(MissingDependency, { component: "MediaUpload", packageName: "compressorjs" }))),
+    };
+}));
+const MediaUpload = forwardRef((props, ref) => (_jsx(Suspense, { fallback: null, children: _jsx(MediaUploadImpl, { ...props, ref: ref }) })));
 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":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAGlE,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CACtC,MAAM,CAAC,oBAAoB,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE;IACtC,OAAO,CAAC,IAAI,CACV,uHAAuH,CACxH,CAAC;IACF,OAAO;QACL,OAAO,EAAE,UAAU,CAAqC,GAAG,EAAE,CAAC,CAC5D,KAAC,iBAAiB,IAAC,SAAS,EAAC,aAAa,EAAC,WAAW,EAAC,cAAc,GAAG,CACzE,CAAC;KACH,CAAC;AACJ,CAAC,CAAC,CACH,CAAC;AAEF,MAAM,WAAW,GAAG,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CACjF,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACtB,KAAC,eAAe,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC/B,CACZ,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Kbar.d.ts","sourceRoot":"","sources":["../../../src/modules/navigation/Kbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAqD,SAAS,EAAE,MAAM,OAAO,CAAC;AAM5F,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA+CD,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAMlD,CAAC;AAEF,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0RlD,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6DpC,CAAC"}
+{"version":3,"file":"Kbar.d.ts","sourceRoot":"","sources":["../../../src/modules/navigation/Kbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAqD,SAAS,EAAE,MAAM,OAAO,CAAC;AAkB5F,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA+CD,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAMlD,CAAC;AAEF,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0RlD,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6DpC,CAAC"}

package/dist/modules/navigation/Kbar.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useState, useEffect, useRef, useCallback, useMemo } from "react";
-import { Flex, Text, Icon, Column, Input, Option, Row, Kbd, ArrowNavigation, useArrowNavigationContext, ScrollLock } from "../../";
+import { Flex, Text, Icon, Column, Input, Option, Row, Kbd, ArrowNavigation, useArrowNavigationContext, ScrollLock, } from "../../components";
 import { createPortal } from "react-dom";
 import { useRouter, usePathname } from "next/navigation";
 import styles from "./Kbar.module.scss";