@rio-cloud/rio-uikit 2.5.0 → 3.0.0-beta.1

package/TabbedPanel.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/tabbedPanel/TabbedPanel.js";
-export {
-  o as default
-};
-//# sourceMappingURL=TabbedPanel.js.map
+import e from "./components/tabbedPanel/TabbedPanel.js";
+export { e as default };

package/Table.js

@@ -1,25 +1,3 @@
-import { TableBatchDropdown as a, TableBody as l, TableColumn as b, TableColumnFilter as T, TableColumnsDropdown as t, TableExpandAllGroupsButton as r, TableExpandedContentRow as n, TableExpandedRow as d, TableExpanderButton as u, TableFooter as p, TableGroupFooterRow as w, TableGroupRow as R, TableHeader as m, TableHeaderColumn as x, TableHeaderRow as B, TableRow as C, TableSpacerRow as c, TableStickyRowButton as f, default as s } from "./components/table/Table.js";
-import { default as i } from "./components/table/selection/useTableSelection.js";
-export {
-  a as TableBatchDropdown,
-  l as TableBody,
-  b as TableColumn,
-  T as TableColumnFilter,
-  t as TableColumnsDropdown,
-  r as TableExpandAllGroupsButton,
-  n as TableExpandedContentRow,
-  d as TableExpandedRow,
-  u as TableExpanderButton,
-  p as TableFooter,
-  w as TableGroupFooterRow,
-  R as TableGroupRow,
-  m as TableHeader,
-  x as TableHeaderColumn,
-  B as TableHeaderRow,
-  C as TableRow,
-  c as TableSpacerRow,
-  f as TableStickyRowButton,
-  s as default,
-  i as useTableSelection
-};
-//# sourceMappingURL=Table.js.map
+import e from "./components/table/selection/useTableSelection.js";
+import t, { TableBatchDropdown as n, TableBody as r, TableColumn as i, TableColumnFilter as a, TableColumnsDropdown as o, TableExpandAllGroupsButton as s, TableExpandedContentRow as c, TableExpandedRow as l, TableExpanderButton as u, TableFooter as d, TableGroupFooterRow as f, TableGroupRow as p, TableHeader as m, TableHeaderColumn as h, TableHeaderRow as g, TableRow as _, TableSpacerRow as v, TableStickyRowButton as y } from "./components/table/Table.js";
+export { n as TableBatchDropdown, r as TableBody, i as TableColumn, a as TableColumnFilter, o as TableColumnsDropdown, s as TableExpandAllGroupsButton, c as TableExpandedContentRow, l as TableExpandedRow, u as TableExpanderButton, d as TableFooter, f as TableGroupFooterRow, p as TableGroupRow, m as TableHeader, h as TableHeaderColumn, g as TableHeaderRow, _ as TableRow, v as TableSpacerRow, y as TableStickyRowButton, t as default, e as useTableSelection };

package/TableCardsSorting.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/table/TableCardsSorting.js";
-export {
-  o as default
-};
-//# sourceMappingURL=TableCardsSorting.js.map
+import e from "./components/table/TableCardsSorting.js";
+export { e as default };

package/TableCol.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/table/native/TableCol.js";
-export {
-  o as default
-};
-//# sourceMappingURL=TableCol.js.map
+import e from "./components/table/native/TableCol.js";
+export { e as default };

package/TableHead.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/table/native/TableHead.js";
-export {
-  o as default
-};
-//# sourceMappingURL=TableHead.js.map
+import e from "./components/table/native/TableHead.js";
+export { e as default };

package/TableRowActionsDropdown.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/table/TableRowActionsDropdown.js";
-export {
-  o as default
-};
-//# sourceMappingURL=TableRowActionsDropdown.js.map
+import e from "./components/table/TableRowActionsDropdown.js";
+export { e as default };

package/TableSearch.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/table/TableSearch.js";
-export {
-  o as default
-};
-//# sourceMappingURL=TableSearch.js.map
+import e from "./components/table/TableSearch.js";
+export { e as default };

package/TableSettingsDialog.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/table/native/TableSettingsDialog.js";
-export {
-  o as default
-};
-//# sourceMappingURL=TableSettingsDialog.js.map
+import e from "./components/table/native/TableSettingsDialog.js";
+export { e as default };

package/TableToolbar.js

@@ -1,7 +1,3 @@
-import { default as e } from "./components/table/TableToolbar.js";
-import { default as r } from "./components/table/TableToolbarColumn.js";
-export {
-  r as TableToolbarColumn,
-  e as default
-};
-//# sourceMappingURL=TableToolbar.js.map
+import e from "./components/table/TableToolbarColumn.js";
+import t from "./components/table/TableToolbar.js";
+export { e as TableToolbarColumn, t as default };

package/TableViewToggles.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/table/TableViewToggles.js";
-export {
-  o as default
-};
-//# sourceMappingURL=TableViewToggles.js.map
+import e from "./components/table/TableViewToggles.js";
+export { e as default };

package/Tag.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/tag/Tag.js";
-export {
-  o as default
-};
-//# sourceMappingURL=Tag.js.map
+import e from "./components/tag/Tag.js";
+export { e as default };

package/TagList.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/tag/TagList.js";
-export {
-  o as default
-};
-//# sourceMappingURL=TagList.js.map
+import e from "./components/tag/TagList.js";
+export { e as default };

package/TagManager.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/tagManager/TagManager.js";
-export {
-  o as default
-};
-//# sourceMappingURL=TagManager.js.map
+import e from "./components/tagManager/TagManager.js";
+export { e as default };

package/Teaser.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/teaser/Teaser.js";
-export {
-  o as default
-};
-//# sourceMappingURL=Teaser.js.map
+import e from "./components/teaser/Teaser.js";
+export { e as default };

package/TeaserContainer.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/teaser/TeaserContainer.js";
-export {
-  o as default
-};
-//# sourceMappingURL=TeaserContainer.js.map
+import e from "./components/teaser/TeaserContainer.js";
+export { e as default };

package/TextMarker.js

@@ -1,7 +1,2 @@
-import { default as o, emptyTextException as p, wrongTypeException as x } from "./components/map/components/features/basics/TextMarker.js";
-export {
-  o as default,
-  p as emptyTextException,
-  x as wrongTypeException
-};
-//# sourceMappingURL=TextMarker.js.map
+import e, { emptyTextException as t, wrongTypeException as n } from "./components/map/components/features/basics/TextMarker.js";
+export { e as default, t as emptyTextException, n as wrongTypeException };

package/TextTruncateMiddle.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/ellipsis/TextTruncateMiddle.js";
-export {
-  o as default
-};
-//# sourceMappingURL=TextTruncateMiddle.js.map
+import e from "./components/ellipsis/TextTruncateMiddle.js";
+export { e as default };

package/TimePicker.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/timepicker/TimePicker.js";
-export {
-  o as default
-};
-//# sourceMappingURL=TimePicker.js.map
+import e from "./components/timepicker/TimePicker.js";
+export { e as default };

package/TimedBottomSheet.js

@@ -1,6 +1,2 @@
-import { TimedBottomSheet as o, TimedBottomSheet as m } from "./components/bottomSheet/TimedBottomSheet.js";
-export {
-  o as TimedBottomSheet,
-  m as default
-};
-//# sourceMappingURL=TimedBottomSheet.js.map
+import { TimedBottomSheet as e } from "./components/bottomSheet/TimedBottomSheet.js";
+export { e as TimedBottomSheet, e as default };

package/ToggleButton.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/button/ToggleButton.js";
-export {
-  o as default
-};
-//# sourceMappingURL=ToggleButton.js.map
+import e from "./components/button/ToggleButton.js";
+export { e as default };

package/Tooltip.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/tooltip/Tooltip.js";
-export {
-  o as default
-};
-//# sourceMappingURL=Tooltip.js.map
+import e from "./components/tooltip/Tooltip.js";
+export { e as default };

package/Tracker.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/tracker/Tracker.js";
-export {
-  o as default
-};
-//# sourceMappingURL=Tracker.js.map
+import e from "./components/tracker/Tracker.js";
+export { e as default };

package/Tree.js

@@ -1,8 +1,3 @@
-import { default as o } from "./components/assetTree/Tree.js";
-import { getSubTypeCounts as r, getTypeCounts as u } from "./components/assetTree/treeUtils.js";
-export {
-  o as default,
-  r as getSubTypeCounts,
-  u as getTypeCounts
-};
-//# sourceMappingURL=Tree.js.map
+import { getSubTypeCounts as e, getTypeCounts as t } from "./components/assetTree/treeUtils.js";
+import n from "./components/assetTree/Tree.js";
+export { n as default, e as getSubTypeCounts, t as getTypeCounts };

package/TreeCategory.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/assetTree/TreeCategory.js";
-export {
-  o as default
-};
-//# sourceMappingURL=TreeCategory.js.map
+import e from "./components/assetTree/TreeCategory.js";
+export { e as default };

package/TreeOption.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/assetTree/TreeOption.js";
-export {
-  o as default
-};
-//# sourceMappingURL=TreeOption.js.map
+import e from "./components/assetTree/TreeOption.js";
+export { e as default };

package/TreeSearch.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/assetTree/TreeSearch.js";
-export {
-  o as default
-};
-//# sourceMappingURL=TreeSearch.js.map
+import e from "./components/assetTree/TreeSearch.js";
+export { e as default };

package/TreeSummary.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/assetTree/TreeSummary.js";
-export {
-  o as default
-};
-//# sourceMappingURL=TreeSummary.js.map
+import e from "./components/assetTree/TreeSummary.js";
+export { e as default };

package/TreeSummaryRow.js

@@ -1,6 +1,2 @@
-import { TreeSummaryRow as m, TreeSummaryRow as a } from "./components/assetTree/TreeSummaryRow.js";
-export {
-  m as TreeSummaryRow,
-  a as default
-};
-//# sourceMappingURL=TreeSummaryRow.js.map
+import { TreeSummaryRow as e } from "./components/assetTree/TreeSummaryRow.js";
+export { e as TreeSummaryRow, e as default };

package/TypeCounter.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/assetTree/TypeCounter.js";
-export {
-  o as default
-};
-//# sourceMappingURL=TypeCounter.js.map
+import e from "./components/assetTree/TypeCounter.js";
+export { e as default };

package/VirtualList.js

@@ -1,6 +1,2 @@
-import { VirtualList as i, VirtualList as r } from "./components/virtualList/VirtualList.js";
-export {
-  i as VirtualList,
-  r as default
-};
-//# sourceMappingURL=VirtualList.js.map
+import { VirtualList as e } from "./components/virtualList/VirtualList.js";
+export { e as VirtualList, e as default };

package/VolkswagenApplicationHeader.js

@@ -1,6 +1,2 @@
-import { VolkswagenApplicationHeader as o, VolkswagenApplicationHeader as l } from "./themes/Volkswagen/components/applicationHeader/VolkswagenApplicationHeader.js";
-export {
-  o as VolkswagenApplicationHeader,
-  l as default
-};
-//# sourceMappingURL=VolkswagenApplicationHeader.js.map
+import { VolkswagenApplicationHeader as e } from "./themes/Volkswagen/components/applicationHeader/VolkswagenApplicationHeader.js";
+export { e as VolkswagenApplicationHeader, e as default };

package/XAxis.js

@@ -1,6 +1,2 @@
-import { default as d, renderAxis as f } from "./components/charts/XAxis.js";
-export {
-  d as default,
-  f as renderAxis
-};
-//# sourceMappingURL=XAxis.js.map
+import e, { renderAxis as t } from "./components/charts/XAxis.js";
+export { e as default, t as renderAxis };

package/YAxis.js

@@ -1,5 +1,2 @@
-import { default as o } from "./components/charts/YAxis.js";
-export {
-  o as default
-};
-//# sourceMappingURL=YAxis.js.map
+import e from "./components/charts/YAxis.js";
+export { e as default };

package/_virtual/__vite-optional-peer-dep_@emotion/is-prop-valid_framer-motion.js

@@ -0,0 +1,10 @@
+import { __esmMin as e, __exportAll as t } from "../_rolldown/runtime.js";
+//#region __vite-optional-peer-dep:@emotion/is-prop-valid:framer-motion
+var n = /* @__PURE__ */ t({ default: () => r }), r, i = e((() => {
+	throw r = {}, Error("Could not resolve \"@emotion/is-prop-valid\" imported by \"framer-motion\". Is it installed?");
+}));
+//#endregion
+i();
+export { r as default, i as init_is_prop_valid_framer_motion, n as is_prop_valid_framer_motion_exports };
+
+//# sourceMappingURL=is-prop-valid_framer-motion.js.map

package/_virtual/__vite-optional-peer-dep_@emotion/is-prop-valid_framer-motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-prop-valid_framer-motion.js","names":[],"sources":["../../../__vite-optional-peer-dep:@emotion/is-prop-valid:framer-motion"],"sourcesContent":["export default {};\nthrow new Error(`Could not resolve \"@emotion/is-prop-valid\" imported by \"framer-motion\". Is it installed?`)"],"mappings":";;;CACA,UADe,CAAC,GACN,MAAM,8FAA0F"}

package/_virtual/_rolldown/runtime.js

@@ -0,0 +1,24 @@
+//#region \0rolldown/runtime.js
+var e = Object.defineProperty, t = Object.getOwnPropertyDescriptor, n = Object.getOwnPropertyNames, r = Object.prototype.hasOwnProperty, i = (e, t, n) => () => {
+	if (n) throw n[0];
+	try {
+		return e && (t = e(e = 0)), t;
+	} catch (e) {
+		throw n = [e], e;
+	}
+}, a = (t, n) => {
+	let r = {};
+	for (var i in t) e(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
+}, o = (i, a, o, s) => {
+	if (a && typeof a == "object" || typeof a == "function") for (var c = n(a), l = 0, u = c.length, d; l < u; l++) d = c[l], !r.call(i, d) && d !== o && e(i, d, {
+		get: ((e) => a[e]).bind(null, d),
+		enumerable: !(s = t(a, d)) || s.enumerable
+	});
+	return i;
+}, s = (t) => r.call(t, "module.exports") ? t["module.exports"] : o(e({}, "__esModule", { value: !0 }), t);
+//#endregion
+export { i as __esmMin, a as __exportAll, s as __toCommonJS };

package/analyticsAnalysisUtils.js

@@ -1,13 +1,2 @@
-import { ANALYTICS_OVERLAY_SELECTOR as E, EVENT_TYPE_ICON_CLASS as a, LOOKUP_MAX_LENGTH as t, REQUIRED_ANALYTICS_HEADER_ROW as _, buildAnalyticsAnalysisData as s, createAnalyticsLookupKey as R, hasRequiredAnalyticsHeaderRow as L, parseAnalyticsReportCsv as i, toEventType as o } from "./utils/analytics/analyticsAnalysisUtils.js";
-export {
-  E as ANALYTICS_OVERLAY_SELECTOR,
-  a as EVENT_TYPE_ICON_CLASS,
-  t as LOOKUP_MAX_LENGTH,
-  _ as REQUIRED_ANALYTICS_HEADER_ROW,
-  s as buildAnalyticsAnalysisData,
-  R as createAnalyticsLookupKey,
-  L as hasRequiredAnalyticsHeaderRow,
-  i as parseAnalyticsReportCsv,
-  o as toEventType
-};
-//# sourceMappingURL=analyticsAnalysisUtils.js.map
+import { ANALYTICS_OVERLAY_SELECTOR as e, EVENT_TYPE_ICON_CLASS as t, LOOKUP_MAX_LENGTH as n, REQUIRED_ANALYTICS_HEADER_ROW as r, buildAnalyticsAnalysisData as i, createAnalyticsLookupKey as a, hasRequiredAnalyticsHeaderRow as o, parseAnalyticsReportCsv as s, toEventType as c } from "./utils/analytics/analyticsAnalysisUtils.js";
+export { e as ANALYTICS_OVERLAY_SELECTOR, t as EVENT_TYPE_ICON_CLASS, n as LOOKUP_MAX_LENGTH, r as REQUIRED_ANALYTICS_HEADER_ROW, i as buildAnalyticsAnalysisData, a as createAnalyticsLookupKey, o as hasRequiredAnalyticsHeaderRow, s as parseAnalyticsReportCsv, c as toEventType };

package/classNames.js

@@ -1,5 +1,2 @@
-import { default as o } from "./utils/classNames.js";
-export {
-  o as default
-};
-//# sourceMappingURL=classNames.js.map
+import e from "./utils/classNames.js";
+export { e as default };

package/components/Illustration/Illustration.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { ColorOverridesMap } from './illustrationConverter';
+type IllustrationProps = {
+    /**
+     * The path/name of the image file.
+     */
+    name: string;
+    /**
+     * The height and width of the SVG image in pixels.
+     *
+     * @default 150
+     */
+    size?: number;
+    /**
+     * Customize color using the color map and define the CSS variable name that shall be used.
+     */
+    colorMap?: ColorOverridesMap;
+    /**
+     * Additional class names added to the SVG element.
+     */
+    className?: string;
+};
+declare const Illustration: (props: IllustrationProps) => React.ReactElement<React.SVGProps<SVGSVGElement>, string | React.JSXElementConstructor<any>> | null;
+export default Illustration;
+export { cssColorVars } from './illustrationConverter';
+export type { ColorOverridesMap, CSSColorVar } from './illustrationConverter';

package/components/Illustration/Illustration.js

@@ -0,0 +1,17 @@
+import { version as e } from "../../version.js";
+import { cssColorVars as t } from "./illustrationConverter.js";
+import { useIllustrationLoader as n } from "./useIllustrationLoader.js";
+import r from "react";
+//#region src/components/Illustration/Illustration.tsx
+var i = `https://uikit.developers.rio.cloud/${"3.0.0-beta.1".includes("-") ? e : "static"}/illustrations`, a = (e) => {
+	let { name: t, className: a = "", size: o = 150, colorMap: s } = e, { svgElement: c, error: l } = n(t, i, s);
+	return l ? (console.error(`Icon "${t}" not found`), null) : c ? r.cloneElement(c, {
+		width: o,
+		height: o,
+		className: a
+	}) : null;
+};
+//#endregion
+export { t as cssColorVars, a as default };
+
+//# sourceMappingURL=Illustration.js.map

package/components/Illustration/Illustration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Illustration.js","names":[],"sources":["../../../src/components/Illustration/Illustration.tsx"],"sourcesContent":["import React from 'react';\n\nimport { version } from '../../version';\nimport { useIllustrationLoader } from './useIllustrationLoader';\nimport type { ColorOverridesMap } from './illustrationConverter';\n\nconst BASE_ILLUSTRATIONS_URL = import.meta.env.DEV\n    ? '/static/illustrations'\n    : `https://uikit.developers.rio.cloud/${version.includes('-') ? version : 'static'}/illustrations`;\n\ntype IllustrationProps = {\n    /**\n     * The path/name of the image file.\n     */\n    name: string;\n\n    /**\n     * The height and width of the SVG image in pixels.\n     *\n     * @default 150\n     */\n    size?: number;\n\n    /**\n     * Customize color using the color map and define the CSS variable name that shall be used.\n     */\n    colorMap?: ColorOverridesMap;\n\n    /**\n     * Additional class names added to the SVG element.\n     */\n    className?: string;\n};\n\nconst Illustration = (props: IllustrationProps) => {\n    const { name, className = '', size = 150, colorMap } = props;\n\n    const { svgElement, error } = useIllustrationLoader(name, BASE_ILLUSTRATIONS_URL, colorMap);\n\n    if (error) {\n        console.error(`Icon \"${name}\" not found`);\n        return null;\n    }\n\n    if (!svgElement) {\n        return null;\n    }\n\n    return React.cloneElement(svgElement as React.ReactElement<React.SVGProps<SVGSVGElement>>, {\n        width: size,\n        height: size,\n        className,\n    });\n};\n\nexport default Illustration;\nexport { cssColorVars } from './illustrationConverter';\nexport type { ColorOverridesMap, CSSColorVar } from './illustrationConverter';\n"],"mappings":";;;;;AAMA,IAAM,IAEA,sCAAA,eAA8C,SAAS,GAAG,IAAI,IAAU,SAAS,iBA0BjF,KAAgB,MAA6B;CAC/C,IAAM,EAAE,SAAM,eAAY,IAAI,UAAO,KAAK,gBAAa,GAEjD,EAAE,eAAY,aAAU,EAAsB,GAAM,GAAwB,CAAQ;CAW1F,OATI,KACA,QAAQ,MAAM,SAAS,EAAK,YAAY,GACjC,QAGN,IAIE,EAAM,aAAa,GAAiE;EACvF,OAAO;EACP,QAAQ;EACR;CACJ,CAAC,IAPU;AAQf"}

package/components/Illustration/illustrationConverter.d.ts

@@ -0,0 +1,18 @@
+export declare const cssColorVars: readonly ["color-white", "color-black", "always-color-white", "always-color-black", "gray-darkest", "gray-darker", "gray-dark", "gray", "gray-light", "gray-lighter", "gray-lightest", "gray-decent", "brand-primary", "brand-secondary", "brand-primary-decent", "brand-secondary-decent", "brand-info", "brand-success", "brand-warning", "brand-danger", "brand-info-decent", "brand-success-decent", "brand-warning-decent", "brand-danger-decent", "color-code", "color-status-available", "color-status-driving", "color-status-resting", "color-status-working", "color-map-marker-asset", "color-map-marker-poi", "color-map-marker-geofence", "color-map-marker-route", "color-map-marker-info", "color-map-marker-success", "color-map-marker-warning", "color-map-marker-danger", "color-map-marker-restrictions", "color-map-marker-text", "color-map-marker-active", "color-highlight-darkest", "color-highlight-darker", "color-highlight-dark", "color-highlight", "color-highlight-light", "color-highlight-lighter", "color-highlight-lightest", "color-highlight-decent", "color-rating-1", "color-rating-2", "color-rating-3", "color-rating-4", "color-rating-5", "color-coldplay-wine", "color-coldplay-aubergine", "color-coldplay-kashmir", "color-coldplay-fountain", "color-coldplay-turquoise", "color-coldplay-bermuda", "color-coldplay-moos", "color-coldplay-primrose", "color-coldplay-khaki", "color-warmup-crimson", "color-warmup-victoria", "color-warmup-cadillac", "color-warmup-raspberry", "color-warmup-cerise", "color-warmup-charm", "color-warmup-salmon", "color-warmup-cherokee", "color-warmup-corn", "color-spectrum-indigo", "color-spectrum-violet", "color-spectrum-purple", "color-spectrum-fuchsia", "color-spectrum-pink", "color-spectrum-rose"];
+export type CSSColorVar = (typeof cssColorVars)[number];
+export type ColorOverridesMap = {
+    mainStrokeColor?: CSSColorVar;
+    mainFillColor?: CSSColorVar;
+    secondaryStrokeColor?: CSSColorVar;
+    backgroundFillColor?: CSSColorVar;
+};
+export declare const defaultColorMap: ColorOverridesMap;
+type StyleObject = Record<string, string>;
+export declare const parseStyleString: (style: string) => StyleObject;
+export declare const camelCase: (str: string) => string;
+type ConvertedAttributes = {
+    style?: React.CSSProperties;
+    [key: string]: string | React.CSSProperties | undefined;
+};
+export declare const convertAttributes: (node: Element, colorOverrides: ColorOverridesMap) => ConvertedAttributes;
+export {};

package/components/Illustration/illustrationConverter.js

@@ -0,0 +1,48 @@
+//#region src/components/Illustration/illustrationConverter.tsx
+var e = /* @__PURE__ */ "color-white.color-black.always-color-white.always-color-black.gray-darkest.gray-darker.gray-dark.gray.gray-light.gray-lighter.gray-lightest.gray-decent.brand-primary.brand-secondary.brand-primary-decent.brand-secondary-decent.brand-info.brand-success.brand-warning.brand-danger.brand-info-decent.brand-success-decent.brand-warning-decent.brand-danger-decent.color-code.color-status-available.color-status-driving.color-status-resting.color-status-working.color-map-marker-asset.color-map-marker-poi.color-map-marker-geofence.color-map-marker-route.color-map-marker-info.color-map-marker-success.color-map-marker-warning.color-map-marker-danger.color-map-marker-restrictions.color-map-marker-text.color-map-marker-active.color-highlight-darkest.color-highlight-darker.color-highlight-dark.color-highlight.color-highlight-light.color-highlight-lighter.color-highlight-lightest.color-highlight-decent.color-rating-1.color-rating-2.color-rating-3.color-rating-4.color-rating-5.color-coldplay-wine.color-coldplay-aubergine.color-coldplay-kashmir.color-coldplay-fountain.color-coldplay-turquoise.color-coldplay-bermuda.color-coldplay-moos.color-coldplay-primrose.color-coldplay-khaki.color-warmup-crimson.color-warmup-victoria.color-warmup-cadillac.color-warmup-raspberry.color-warmup-cerise.color-warmup-charm.color-warmup-salmon.color-warmup-cherokee.color-warmup-corn.color-spectrum-indigo.color-spectrum-violet.color-spectrum-purple.color-spectrum-fuchsia.color-spectrum-pink.color-spectrum-rose".split("."), t = {
+	mainStrokeColor: "illustrationMainStrokeColor",
+	mainFillColor: "illustrationMainFillColor",
+	secondaryStrokeColor: "illustrationSecondaryStrokeColor",
+	backgroundFillColor: "illustrationBackgroundFillColor"
+}, n = {}, r = (e) => e === "color-black" ? "always-color-black" : e === "color-white" ? "always-color-white" : e, i = (e, t) => `var(--${e ? r(e) : t})`, a = (e) => e.replace(/\s+/g, "").toLowerCase(), o = (e) => e.split(";").reduce((e, t) => {
+	let [n, r] = t.split(":").map((e) => e.trim());
+	return n && r && (e[s(n)] = r), e;
+}, {}), s = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), c = {
+	"xml:space": "xmlSpace",
+	"xmlns:xlink": "xmlnsXlink",
+	"stroke-width": "strokeWidth",
+	"fill-opacity": "fillOpacity",
+	"stroke-opacity": "strokeOpacity",
+	"clip-path": "clipPath"
+}, l = (e, n) => {
+	let r = {}, s = e.attributes, l = {
+		"rgb(168,210,240)": i(n.mainFillColor, t.mainFillColor),
+		"rgb(207, 240, 243)": i(n.mainFillColor, t.mainFillColor),
+		"#cff0f3": i(n.mainFillColor, t.mainFillColor),
+		"rgb(40,80,130)": i(n.mainStrokeColor, t.mainStrokeColor),
+		"rgb(40,81,131)": i(n.mainStrokeColor, t.mainStrokeColor),
+		"rgb(75, 128, 166)": i(n.mainStrokeColor, t.mainStrokeColor),
+		"#4b80a6": i(n.mainStrokeColor, t.mainStrokeColor),
+		"rgb(188,192,196)": i(n.secondaryStrokeColor, t.secondaryStrokeColor),
+		"rgb(188, 192, 196)": i(n.secondaryStrokeColor, t.secondaryStrokeColor),
+		"#bcc0c4": i(n.secondaryStrokeColor, t.secondaryStrokeColor),
+		"rgb(233,235,236)": i(n.backgroundFillColor, t.backgroundFillColor),
+		"rgb(233, 235, 236)": i(n.backgroundFillColor, t.backgroundFillColor),
+		"#e9ebec": i(n.backgroundFillColor, t.backgroundFillColor),
+		"rgb(255, 255, 255)": "var(--color-white)",
+		"#fff": "var(--color-white)",
+		"#ffffff": "var(--color-white)"
+	};
+	for (let e of s) {
+		let t = c[e.name] || e.name, n = e.value;
+		if (t === "style") {
+			let e = o(n);
+			e.fill &&= l[a(e.fill)] || e.fill, e.stroke &&= l[a(e.stroke)] || e.stroke, r.style = e;
+		} else (t === "fill" || t === "stroke") && (n = l[a(n)] || n), r[t] = n;
+	}
+	return r;
+};
+//#endregion
+export { s as camelCase, l as convertAttributes, e as cssColorVars, n as defaultColorMap, o as parseStyleString };
+
+//# sourceMappingURL=illustrationConverter.js.map

package/components/Illustration/illustrationConverter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"illustrationConverter.js","names":[],"sources":["../../../src/components/Illustration/illustrationConverter.tsx"],"sourcesContent":["// Define the illustration color replacements - handle hex colors and fallbacks\n// const svgColorReplacement: Record<string, string> = {\n//     'rgb(255, 255, 255)': 'var(--color-white)',\n//     '#fff': 'var(--color-white)',\n//     '#ffffff': 'var(--color-white)',\n\n//     // Main stroke color\n//     'rgb(75, 128, 166)': 'var(--brand-info)',\n//     '#4b80a6': 'var(--brand-info)',\n\n//     // Main fill color\n//     'rgb(207, 240, 243)': 'var(--color-highlight-lighter)',\n//     '#cff0f3': 'var(--color-highlight-lighter)',\n\n//     // Gray elements color\n//     'rgb(188, 192, 196)': 'var(--gray-dark)',\n//     '#bcc0c4': 'var(--gray-dark)',\n\n//     // Light background fill color\n//     'rgb(233, 235, 236)': 'var(--gray-lighter)',\n//     '#e9ebec': 'var(--gray-lighter)',\n// };\n\nexport const cssColorVars = [\n    'color-white',\n    'color-black',\n    'always-color-white',\n    'always-color-black',\n    'gray-darkest',\n    'gray-darker',\n    'gray-dark',\n    'gray',\n    'gray-light',\n    'gray-lighter',\n    'gray-lightest',\n    'gray-decent',\n    'brand-primary',\n    'brand-secondary',\n    'brand-primary-decent',\n    'brand-secondary-decent',\n    'brand-info',\n    'brand-success',\n    'brand-warning',\n    'brand-danger',\n    'brand-info-decent',\n    'brand-success-decent',\n    'brand-warning-decent',\n    'brand-danger-decent',\n    'color-code',\n    'color-status-available',\n    'color-status-driving',\n    'color-status-resting',\n    'color-status-working',\n    'color-map-marker-asset',\n    'color-map-marker-poi',\n    'color-map-marker-geofence',\n    'color-map-marker-route',\n    'color-map-marker-info',\n    'color-map-marker-success',\n    'color-map-marker-warning',\n    'color-map-marker-danger',\n    'color-map-marker-restrictions',\n    'color-map-marker-text',\n    'color-map-marker-active',\n    'color-highlight-darkest',\n    'color-highlight-darker',\n    'color-highlight-dark',\n    'color-highlight',\n    'color-highlight-light',\n    'color-highlight-lighter',\n    'color-highlight-lightest',\n    'color-highlight-decent',\n    'color-rating-1',\n    'color-rating-2',\n    'color-rating-3',\n    'color-rating-4',\n    'color-rating-5',\n    'color-coldplay-wine',\n    'color-coldplay-aubergine',\n    'color-coldplay-kashmir',\n    'color-coldplay-fountain',\n    'color-coldplay-turquoise',\n    'color-coldplay-bermuda',\n    'color-coldplay-moos',\n    'color-coldplay-primrose',\n    'color-coldplay-khaki',\n    'color-warmup-crimson',\n    'color-warmup-victoria',\n    'color-warmup-cadillac',\n    'color-warmup-raspberry',\n    'color-warmup-cerise',\n    'color-warmup-charm',\n    'color-warmup-salmon',\n    'color-warmup-cherokee',\n    'color-warmup-corn',\n    'color-spectrum-indigo',\n    'color-spectrum-violet',\n    'color-spectrum-purple',\n    'color-spectrum-fuchsia',\n    'color-spectrum-pink',\n    'color-spectrum-rose',\n] as const;\n\nexport type CSSColorVar = (typeof cssColorVars)[number];\n\nexport type ColorOverridesMap = {\n    mainStrokeColor?: CSSColorVar;\n    mainFillColor?: CSSColorVar;\n    secondaryStrokeColor?: CSSColorVar;\n    backgroundFillColor?: CSSColorVar;\n};\n\nconst defaultColorVars: Required<Record<keyof ColorOverridesMap, string>> = {\n    mainStrokeColor: 'illustrationMainStrokeColor',\n    mainFillColor: 'illustrationMainFillColor',\n    secondaryStrokeColor: 'illustrationSecondaryStrokeColor',\n    backgroundFillColor: 'illustrationBackgroundFillColor',\n};\n\nexport const defaultColorMap: ColorOverridesMap = {};\n\nconst getIllustrationColorVar = (color: CSSColorVar) => {\n    if (color === 'color-black') {\n        return 'always-color-black';\n    }\n\n    if (color === 'color-white') {\n        return 'always-color-white';\n    }\n\n    return color;\n};\n\nconst getColorValue = (color: CSSColorVar | undefined, fallback: string) =>\n    `var(--${color ? getIllustrationColorVar(color) : fallback})`;\n\n// Utility function to normalize RGB values (removes spaces, converts case)\nconst normalizeColor = (color: string) => color.replace(/\\s+/g, '').toLowerCase();\n\ntype StyleObject = Record<string, string>;\n\nexport const parseStyleString = (style: string): StyleObject =>\n    style.split(';').reduce((acc, rule) => {\n        const [key, value] = rule.split(':').map(s => s.trim());\n        if (key && value) {\n            acc[camelCase(key)] = value;\n        }\n        return acc;\n    }, {} as StyleObject);\n\nexport const camelCase = (str: string): string => str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());\n\nconst REACT_ATTRIBUTE_MAP: Record<string, string> = {\n    'xml:space': 'xmlSpace',\n    'xmlns:xlink': 'xmlnsXlink',\n    'stroke-width': 'strokeWidth',\n    'fill-opacity': 'fillOpacity',\n    'stroke-opacity': 'strokeOpacity',\n    'clip-path': 'clipPath',\n};\n\ntype ConvertedAttributes = {\n    style?: React.CSSProperties;\n    [key: string]: string | React.CSSProperties | undefined;\n};\n\nexport const convertAttributes = (node: Element, colorOverrides: ColorOverridesMap) => {\n    const attributes: ConvertedAttributes = {};\n\n    const attrs = node.attributes;\n\n    // Create a dynamic color map based on the overrides. Please note that the defined colors com from the\n    // illustration sets hen exported, so it is better to keep them here in case new illustration exports are added\n    // to the list of SVGs.\n    const colorMap = {\n        // Main fill color\n        'rgb(168,210,240)': getColorValue(colorOverrides.mainFillColor, defaultColorVars.mainFillColor),\n        'rgb(207, 240, 243)': getColorValue(colorOverrides.mainFillColor, defaultColorVars.mainFillColor),\n        '#cff0f3': getColorValue(colorOverrides.mainFillColor, defaultColorVars.mainFillColor),\n\n        // Main stroke color\n        'rgb(40,80,130)': getColorValue(colorOverrides.mainStrokeColor, defaultColorVars.mainStrokeColor),\n        'rgb(40,81,131)': getColorValue(colorOverrides.mainStrokeColor, defaultColorVars.mainStrokeColor),\n        'rgb(75, 128, 166)': getColorValue(colorOverrides.mainStrokeColor, defaultColorVars.mainStrokeColor),\n        '#4b80a6': getColorValue(colorOverrides.mainStrokeColor, defaultColorVars.mainStrokeColor),\n\n        // Secondary stroke color (gray elements)\n        'rgb(188,192,196)': getColorValue(colorOverrides.secondaryStrokeColor, defaultColorVars.secondaryStrokeColor),\n        'rgb(188, 192, 196)': getColorValue(colorOverrides.secondaryStrokeColor, defaultColorVars.secondaryStrokeColor),\n        '#bcc0c4': getColorValue(colorOverrides.secondaryStrokeColor, defaultColorVars.secondaryStrokeColor),\n\n        // Background fill color\n        'rgb(233,235,236)': getColorValue(colorOverrides.backgroundFillColor, defaultColorVars.backgroundFillColor),\n        'rgb(233, 235, 236)': getColorValue(colorOverrides.backgroundFillColor, defaultColorVars.backgroundFillColor),\n        '#e9ebec': getColorValue(colorOverrides.backgroundFillColor, defaultColorVars.backgroundFillColor),\n\n        // Static colors that don't change\n        'rgb(255, 255, 255)': 'var(--color-white)',\n        '#fff': 'var(--color-white)',\n        '#ffffff': 'var(--color-white)',\n    };\n\n    for (const attr of attrs) {\n        const attrName = REACT_ATTRIBUTE_MAP[attr.name] || attr.name;\n        let value = attr.value;\n\n        if (attrName === 'style') {\n            const parsedStyle = parseStyleString(value);\n\n            if (parsedStyle.fill) {\n                const normalizedFill = normalizeColor(parsedStyle.fill);\n                parsedStyle.fill = colorMap[normalizedFill as keyof typeof colorMap] || parsedStyle.fill;\n            }\n\n            if (parsedStyle.stroke) {\n                const normalizedStroke = normalizeColor(parsedStyle.stroke);\n                parsedStyle.stroke = colorMap[normalizedStroke as keyof typeof colorMap] || parsedStyle.stroke;\n            }\n\n            attributes.style = parsedStyle;\n        } else {\n            if (attrName === 'fill' || attrName === 'stroke') {\n                const normalizedColor = normalizeColor(value);\n                value = colorMap[normalizedColor as keyof typeof colorMap] || value;\n            }\n\n            attributes[attrName] = value;\n        }\n    }\n\n    return attributes;\n};\n"],"mappings":";AAuBA,IAAa,IAAe,i/CA8E5B,GAWM,IAAsE;CACxE,iBAAiB;CACjB,eAAe;CACf,sBAAsB;CACtB,qBAAqB;AACzB,GAEa,IAAqC,CAAC,GAE7C,KAA2B,MACzB,MAAU,gBACH,uBAGP,MAAU,gBACH,uBAGJ,GAGL,KAAiB,GAAgC,MACnD,SAAS,IAAQ,EAAwB,CAAK,IAAI,EAAS,IAGzD,KAAkB,MAAkB,EAAM,QAAQ,QAAQ,EAAE,CAAC,CAAC,YAAY,GAInE,KAAoB,MAC7B,EAAM,MAAM,GAAG,CAAC,CAAC,QAAQ,GAAK,MAAS;CACnC,IAAM,CAAC,GAAK,KAAS,EAAK,MAAM,GAAG,CAAC,CAAC,KAAI,MAAK,EAAE,KAAK,CAAC;CAItD,OAHI,KAAO,MACP,EAAI,EAAU,CAAG,KAAK,IAEnB;AACX,GAAG,CAAC,CAAgB,GAEX,KAAa,MAAwB,EAAI,QAAQ,cAAc,GAAG,MAAW,EAAO,YAAY,CAAC,GAExG,IAA8C;CAChD,aAAa;CACb,eAAe;CACf,gBAAgB;CAChB,gBAAgB;CAChB,kBAAkB;CAClB,aAAa;AACjB,GAOa,KAAqB,GAAe,MAAsC;CACnF,IAAM,IAAkC,CAAC,GAEnC,IAAQ,EAAK,YAKb,IAAW;EAEb,oBAAoB,EAAc,EAAe,eAAe,EAAiB,aAAa;EAC9F,sBAAsB,EAAc,EAAe,eAAe,EAAiB,aAAa;EAChG,WAAW,EAAc,EAAe,eAAe,EAAiB,aAAa;EAGrF,kBAAkB,EAAc,EAAe,iBAAiB,EAAiB,eAAe;EAChG,kBAAkB,EAAc,EAAe,iBAAiB,EAAiB,eAAe;EAChG,qBAAqB,EAAc,EAAe,iBAAiB,EAAiB,eAAe;EACnG,WAAW,EAAc,EAAe,iBAAiB,EAAiB,eAAe;EAGzF,oBAAoB,EAAc,EAAe,sBAAsB,EAAiB,oBAAoB;EAC5G,sBAAsB,EAAc,EAAe,sBAAsB,EAAiB,oBAAoB;EAC9G,WAAW,EAAc,EAAe,sBAAsB,EAAiB,oBAAoB;EAGnG,oBAAoB,EAAc,EAAe,qBAAqB,EAAiB,mBAAmB;EAC1G,sBAAsB,EAAc,EAAe,qBAAqB,EAAiB,mBAAmB;EAC5G,WAAW,EAAc,EAAe,qBAAqB,EAAiB,mBAAmB;EAGjG,sBAAsB;EACtB,QAAQ;EACR,WAAW;CACf;CAEA,KAAK,IAAM,KAAQ,GAAO;EACtB,IAAM,IAAW,EAAoB,EAAK,SAAS,EAAK,MACpD,IAAQ,EAAK;EAEjB,IAAI,MAAa,SAAS;GACtB,IAAM,IAAc,EAAiB,CAAK;GAY1C,AAVA,AAEI,EAAY,SAAO,EADI,EAAe,EAAY,IACtB,MAA4C,EAAY,MAGxF,AAEI,EAAY,WAAS,EADI,EAAe,EAAY,MACtB,MAA8C,EAAY,QAG5F,EAAW,QAAQ;EACvB,OAMI,CALI,MAAa,UAAU,MAAa,cAEpC,IAAQ,EADgB,EAAe,CACtB,MAA6C,IAGlE,EAAW,KAAY;CAE/B;CAEA,OAAO;AACX"}

package/components/Illustration/illustrationElement.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { ColorOverridesMap } from './illustrationConverter';
+type IllustrationElementProps = {
+    node: Element;
+    colorMap: ColorOverridesMap;
+};
+declare const IllustrationElement: ({ node, colorMap }: IllustrationElementProps) => React.DOMElement<React.DOMAttributes<Element>, Element>;
+export default IllustrationElement;

package/components/Illustration/illustrationElement.js

@@ -0,0 +1,18 @@
+import { convertAttributes as e } from "./illustrationConverter.js";
+import t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Illustration/illustrationElement.tsx
+var r = ({ node: i, colorMap: a }) => {
+	let o = e(i, a);
+	return t.createElement(i.tagName.toLowerCase(), {
+		...o,
+		key: o.id || Math.random()
+	}, Array.from(i.childNodes).map((e, t) => e.nodeType === 1 ? /* @__PURE__ */ n(r, {
+		node: e,
+		colorMap: a
+	}, t) : null));
+};
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=illustrationElement.js.map

package/components/Illustration/illustrationElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"illustrationElement.js","names":[],"sources":["../../../src/components/Illustration/illustrationElement.tsx"],"sourcesContent":["import React from 'react';\n\nimport { type ColorOverridesMap, convertAttributes } from './illustrationConverter';\n\ntype IllustrationElementProps = {\n    node: Element;\n    colorMap: ColorOverridesMap;\n};\n\nconst IllustrationElement = ({ node, colorMap }: IllustrationElementProps) => {\n    const attributes = convertAttributes(node, colorMap);\n\n    return React.createElement(\n        node.tagName.toLowerCase(),\n        {\n            ...attributes,\n            key: (attributes.id as string) || Math.random(),\n        },\n        Array.from(node.childNodes).map((child, idx) =>\n            child.nodeType === 1 ? <IllustrationElement key={idx} node={child as Element} colorMap={colorMap} /> : null\n        )\n    );\n};\n\nexport default IllustrationElement;\n"],"mappings":";;;;AASA,IAAM,KAAuB,EAAE,SAAM,kBAAyC;CAC1E,IAAM,IAAa,EAAkB,GAAM,CAAQ;CAEnD,OAAO,EAAM,cACT,EAAK,QAAQ,YAAY,GACzB;EACI,GAAG;EACH,KAAM,EAAW,MAAiB,KAAK,OAAO;CAClD,GACA,MAAM,KAAK,EAAK,UAAU,CAAC,CAAC,KAAK,GAAO,MACpC,EAAM,aAAa,IAAI,kBAAC,GAAD;EAA+B,MAAM;EAA4B;CAAW,GAAlD,CAAkD,IAAI,IAC3G,CACJ;AACJ"}

package/components/Illustration/useIllustrationLoader.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { ColorOverridesMap } from './illustrationConverter';
+type UseIllustrationLoaderResult = {
+    svgElement: ReactNode | null;
+    error: boolean;
+    colorMap?: ColorOverridesMap;
+};
+export declare const useIllustrationLoader: (name: string, baseUrl: string, colorMap?: ColorOverridesMap) => UseIllustrationLoaderResult;
+export {};