xmlui 0.4.0

package/dist/scripts/src/components/HoverCard/HoverCard.js

@@ -0,0 +1,45 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hoverCardComponentRenderer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const renderers_1 = require("@components-core/renderers");
+const HoverCard = __importStar(require("@radix-ui/react-hover-card"));
+const ThemeContext_1 = require("@components-core/theming/ThemeContext");
+const descriptorHelper_1 = require("@components-core/descriptorHelper");
+const HoverCardComponent = ({ triggerTemplate, children }) => {
+    const { root } = (0, ThemeContext_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(HoverCard.Root, { openDelay: 100, closeDelay: 100, children: [(0, jsx_runtime_1.jsx)(HoverCard.Trigger, { children: triggerTemplate }), (0, jsx_runtime_1.jsx)(HoverCard.Portal, { container: root, children: (0, jsx_runtime_1.jsx)(HoverCard.Content, { side: "bottom", sideOffset: 5, children: children }) })] }));
+};
+const metadata = {
+    displayName: "HoverCard",
+    description: "This component displays some content when its parent component is hovered.",
+    props: {
+        triggerTemplate: (0, descriptorHelper_1.desc)("The component that opens the hover card when hovered.")
+    }
+};
+exports.hoverCardComponentRenderer = (0, renderers_1.createComponentRenderer)("HoverCard", ({ node, extractValue, renderChild }) => {
+    return ((0, jsx_runtime_1.jsx)(HoverCardComponent, { triggerTemplate: renderChild(extractValue(node.props.triggerTemplate)), children: renderChild(node.children) }));
+}, metadata);

package/dist/scripts/src/components/Icon/ApiIcon.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApiIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const api_svg_react_1 = __importDefault(require("./svg/api.svg?react"));
+const ApiIcon = (props) => (0, jsx_runtime_1.jsx)(api_svg_react_1.default, Object.assign({}, props));
+exports.ApiIcon = ApiIcon;

package/dist/scripts/src/components/Icon/Attach.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttachmentIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const attach_svg_react_1 = __importDefault(require("./svg/attach.svg?react"));
+const AttachmentIcon = (props) => ((0, jsx_runtime_1.jsx)(attach_svg_react_1.default, Object.assign({}, props)));
+exports.AttachmentIcon = AttachmentIcon;

package/dist/scripts/src/components/Icon/Binding.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BindingIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const binding_svg_react_1 = __importDefault(require("./svg/binding.svg?react"));
+const Binding_module_scss_1 = __importDefault(require("./Binding.module.scss"));
+const BindingIcon = (props) => (0, jsx_runtime_1.jsx)(binding_svg_react_1.default, Object.assign({ className: Binding_module_scss_1.default.binding }, props));
+exports.BindingIcon = BindingIcon;

package/dist/scripts/src/components/Icon/BoardIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BoardIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fi_1 = require("react-icons/fi");
+const BoardIcon = (props) => (0, jsx_runtime_1.jsx)(fi_1.FiGrid, Object.assign({}, props));
+exports.BoardIcon = BoardIcon;

package/dist/scripts/src/components/Icon/BoxIcon.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BoxIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const box_svg_react_1 = __importDefault(require("./svg/box.svg?react"));
+const BoxIcon = (props) => (0, jsx_runtime_1.jsx)(box_svg_react_1.default, Object.assign({}, props));
+exports.BoxIcon = BoxIcon;

package/dist/scripts/src/components/Icon/CheckIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fi_1 = require("react-icons/fi");
+const CheckIcon = (props) => (0, jsx_runtime_1.jsx)(fi_1.FiCheck, Object.assign({}, props));
+exports.CheckIcon = CheckIcon;

package/dist/scripts/src/components/Icon/ChevronDownIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChevronDownIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fi_1 = require("react-icons/fi");
+const ChevronDownIcon = (props) => (0, jsx_runtime_1.jsx)(fi_1.FiChevronDown, Object.assign({}, props));
+exports.ChevronDownIcon = ChevronDownIcon;

package/dist/scripts/src/components/Icon/ChevronLeft.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChevronLeftIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fi_1 = require("react-icons/fi");
+const ChevronLeftIcon = (props) => (0, jsx_runtime_1.jsx)(fi_1.FiChevronLeft, Object.assign({}, props));
+exports.ChevronLeftIcon = ChevronLeftIcon;

package/dist/scripts/src/components/Icon/ChevronRight.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChevronRightIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fi_1 = require("react-icons/fi");
+const ChevronRightIcon = (props) => (0, jsx_runtime_1.jsx)(fi_1.FiChevronRight, Object.assign({}, props));
+exports.ChevronRightIcon = ChevronRightIcon;

package/dist/scripts/src/components/Icon/ChevronUpIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChevronUpIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fi_1 = require("react-icons/fi");
+const ChevronUpIcon = (props) => (0, jsx_runtime_1.jsx)(fi_1.FiChevronUp, Object.assign({}, props));
+exports.ChevronUpIcon = ChevronUpIcon;

package/dist/scripts/src/components/Icon/CodeFileIcon.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CodeFileIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const code_file_svg_react_1 = __importDefault(require("./svg/code-file.svg?react"));
+const CodeFileIcon = (props) => (0, jsx_runtime_1.jsx)(code_file_svg_react_1.default, Object.assign({}, props));
+exports.CodeFileIcon = CodeFileIcon;

package/dist/scripts/src/components/Icon/CodeSandbox.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CodeSandboxIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const code_sandbox_svg_react_1 = __importDefault(require("./svg/code-sandbox.svg?react"));
+const CodeSandboxIcon = (props) => (0, jsx_runtime_1.jsx)(code_sandbox_svg_react_1.default, Object.assign({}, props));
+exports.CodeSandboxIcon = CodeSandboxIcon;

package/dist/scripts/src/components/Icon/CompactListIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CompactListIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fi_1 = require("react-icons/fi");
+const CompactListIcon = (props) => (0, jsx_runtime_1.jsx)(fi_1.FiList, Object.assign({}, props));
+exports.CompactListIcon = CompactListIcon;

package/dist/scripts/src/components/Icon/ContentCopyIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentCopyIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const md_1 = require("react-icons/md");
+const ContentCopyIcon = (props) => (0, jsx_runtime_1.jsx)(md_1.MdOutlineContentCopy, Object.assign({}, props));
+exports.ContentCopyIcon = ContentCopyIcon;

package/dist/scripts/src/components/Icon/DatabaseIcon.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatabaseIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const database_svg_react_1 = __importDefault(require("./svg/database.svg?react"));
+const DatabaseIcon_module_scss_1 = __importDefault(require("./DatabaseIcon.module.scss"));
+const DatabaseIcon = (props) => (0, jsx_runtime_1.jsx)(database_svg_react_1.default, Object.assign({ className: DatabaseIcon_module_scss_1.default.database }, props));
+exports.DatabaseIcon = DatabaseIcon;

package/dist/scripts/src/components/Icon/DocFileIcon.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocFileIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const file_text_svg_react_1 = __importDefault(require("./svg/file-text.svg?react"));
+const DocFileIcon = (props) => (0, jsx_runtime_1.jsx)(file_text_svg_react_1.default, Object.assign({}, props));
+exports.DocFileIcon = DocFileIcon;

package/dist/scripts/src/components/Icon/DocIcon.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const doc_svg_react_1 = __importDefault(require("./svg/doc.svg?react"));
+const DocIcon = (props) => ((0, jsx_runtime_1.jsx)(doc_svg_react_1.default, Object.assign({}, props)));
+exports.DocIcon = DocIcon;

package/dist/scripts/src/components/Icon/DotMenuHorizontalIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DotMenuHorizontalIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const io5_1 = require("react-icons/io5");
+const DotMenuHorizontalIcon = (props) => (0, jsx_runtime_1.jsx)(io5_1.IoEllipsisHorizontal, Object.assign({}, props));
+exports.DotMenuHorizontalIcon = DotMenuHorizontalIcon;

package/dist/scripts/src/components/Icon/DotMenuIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DotMenuIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const io5_1 = require("react-icons/io5");
+const DotMenuIcon = (props) => ((0, jsx_runtime_1.jsx)(io5_1.IoEllipsisVertical, Object.assign({}, props)));
+exports.DotMenuIcon = DotMenuIcon;

package/dist/scripts/src/components/Icon/EmailIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmailIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const md_1 = require("react-icons/md");
+const EmailIcon = (props) => (0, jsx_runtime_1.jsx)(md_1.MdOutlineMailOutline, Object.assign({}, props));
+exports.EmailIcon = EmailIcon;

package/dist/scripts/src/components/Icon/EmptyFolderIcon.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyFolderIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const empty_folder_svg_react_1 = __importDefault(require("./svg/empty-folder.svg?react"));
+const EmptyFolderIcon = (props) => (0, jsx_runtime_1.jsx)(empty_folder_svg_react_1.default, Object.assign({}, props));
+exports.EmptyFolderIcon = EmptyFolderIcon;

package/dist/scripts/src/components/Icon/ErrorIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const bi_1 = require("react-icons/bi");
+const ErrorIcon = (props) => (0, jsx_runtime_1.jsx)(bi_1.BiErrorCircle, Object.assign({}, props));
+exports.ErrorIcon = ErrorIcon;

package/dist/scripts/src/components/Icon/ExpressionIcon.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExpressionIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const expression_svg_react_1 = __importDefault(require("./svg/expression.svg?react"));
+const ExpressionIcon = (props) => (0, jsx_runtime_1.jsx)(expression_svg_react_1.default, Object.assign({}, props));
+exports.ExpressionIcon = ExpressionIcon;

package/dist/scripts/src/components/Icon/FillPlusCricleIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FillPlusCircleIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ai_1 = require("react-icons/ai");
+const FillPlusCircleIcon = (props) => (0, jsx_runtime_1.jsx)(ai_1.AiFillPlusCircle, Object.assign({}, props));
+exports.FillPlusCircleIcon = FillPlusCircleIcon;

package/dist/scripts/src/components/Icon/FilterIcon.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const filter_svg_react_1 = __importDefault(require("./svg/filter.svg?react"));
+const FilterIcon = (props) => (0, jsx_runtime_1.jsx)(filter_svg_react_1.default, Object.assign({}, props));
+exports.FilterIcon = FilterIcon;

package/dist/scripts/src/components/Icon/FolderIcon.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FolderIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const folder_svg_react_1 = __importDefault(require("./svg/folder.svg?react"));
+const FolderIcon = (props) => (0, jsx_runtime_1.jsx)(folder_svg_react_1.default, Object.assign({}, props));
+exports.FolderIcon = FolderIcon;

package/dist/scripts/src/components/Icon/GlobeIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GlobeIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const md_1 = require("react-icons/md");
+const GlobeIcon = (props) => (0, jsx_runtime_1.jsx)(md_1.MdOutlineLanguage, Object.assign({}, props));
+exports.GlobeIcon = GlobeIcon;

package/dist/scripts/src/components/Icon/HomeIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HomeIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fi_1 = require("react-icons/fi");
+const HomeIcon = (props) => (0, jsx_runtime_1.jsx)(fi_1.FiHome, Object.assign({}, props));
+exports.HomeIcon = HomeIcon;

package/dist/scripts/src/components/Icon/HyperLinkIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HyperLinkIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const md_1 = require("react-icons/md");
+const HyperLinkIcon = (props) => (0, jsx_runtime_1.jsx)(md_1.MdOutlineLaunch, Object.assign({}, props));
+exports.HyperLinkIcon = HyperLinkIcon;

package/dist/scripts/src/components/Icon/Icon.js

@@ -0,0 +1,101 @@
+"use strict";
+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.iconComponentRenderer = exports.Icon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const renderers_1 = require("@components-core/renderers");
+const Icon_module_scss_1 = __importDefault(require("./Icon.module.scss"));
+const IconRegistryContext_1 = require("@components/IconRegistryContext");
+const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
+const ThemeContext_1 = require("@components-core/theming/ThemeContext");
+const themeVars_1 = require("@components-core/theming/themeVars");
+const descriptorHelper_1 = require("@components-core/descriptorHelper");
+const Icon = (_a) => {
+    var { name, fallback, layout, className } = _a, restProps = __rest(_a, ["name", "fallback", "layout", "className"]);
+    const lowerCaseIconName = name === null || name === void 0 ? void 0 : name.toLowerCase();
+    const iconRegistry = (0, IconRegistryContext_1.useIconRegistry)();
+    const customIconUrl = useCustomIconUrl(name);
+    const computedSize = typeof (restProps === null || restProps === void 0 ? void 0 : restProps.size) === "string" ? mapSizeToIconPack(restProps.size) : restProps === null || restProps === void 0 ? void 0 : restProps.size;
+    let iconRenderer = iconRegistry.lookupIconRenderer(lowerCaseIconName || "");
+    if (!iconRenderer && typeof fallback === "string") {
+        iconRenderer = iconRegistry.lookupIconRenderer(fallback);
+    }
+    const renderIcon = iconRenderer === null || iconRenderer === void 0 ? void 0 : iconRenderer.renderer;
+    const width = computedSize || restProps.width;
+    const height = computedSize || restProps.height;
+    const computedProps = Object.assign(Object.assign({ 
+        // className is needed to apply a default color to the icon, thus other component classes can override this one
+        className: (0, classnames_1.default)(Icon_module_scss_1.default.base, className) }, restProps), { size: computedSize, width: width, height: height, style: Object.assign(Object.assign({}, layout), { "--icon-width": width, "--icon-height": height }) });
+    // ---
+    if (customIconUrl) {
+        return ((0, jsx_runtime_1.jsx)(CustomIcon, Object.assign({}, computedProps, { url: customIconUrl, name: name })));
+    }
+    return renderIcon ? renderIcon(computedProps) : null;
+};
+exports.Icon = Icon;
+function CustomIcon(props) {
+    var _a;
+    const { url, width, height, name, style, className } = props;
+    const resourceUrl = (0, ThemeContext_1.useResourceUrl)(url);
+    const isSvgIcon = (_a = resourceUrl === null || resourceUrl === void 0 ? void 0 : resourceUrl.toLowerCase()) === null || _a === void 0 ? void 0 : _a.endsWith(".svg");
+    const customSvgIconRenderer = (0, IconRegistryContext_1.useCustomSvgIconRenderer)(resourceUrl);
+    if (resourceUrl && isSvgIcon) {
+        const renderedIcon = customSvgIconRenderer === null || customSvgIconRenderer === void 0 ? void 0 : customSvgIconRenderer({ style, className });
+        if (!renderedIcon) {
+            //to prevent layout shift
+            return (0, jsx_runtime_1.jsx)("span", { style: style, className: className });
+        }
+        return renderedIcon;
+    }
+    return (0, jsx_runtime_1.jsx)("img", { src: resourceUrl, style: Object.assign({ width, height }, style), alt: name });
+}
+function useCustomIconUrl(iconName) {
+    const { getResourceUrl } = (0, ThemeContext_1.useTheme)();
+    if (!iconName) {
+        return iconName;
+    }
+    return getResourceUrl(`resource:icon.${iconName}`);
+}
+function mapSizeToIconPack(size) {
+    return ({
+        xs: "0.75em",
+        sm: "1em",
+        md: "1.5rem",
+        lg: "2em",
+    }[size] || size);
+}
+exports.default = exports.Icon;
+const IconSizeKeys = ["xs", "sm", "md", "lg"];
+const isIconSize = (str) => IconSizeKeys.indexOf(str) !== -1;
+const metadata = {
+    displayName: "Icon",
+    description: "Represent a button component that can be used to trigger a use action",
+    props: {
+        name: (0, descriptorHelper_1.desc)("Name (and ID) of the icon to display"),
+        size: (0, descriptorHelper_1.desc)("Set the size of the icon which comes from a set of predefined sizes - applied to our icon pack elements"),
+        fallback: (0, descriptorHelper_1.desc)("Fallback icon if the original is unavailable - can only be an icon from our icon pack, otherwise error are abound"),
+    },
+    themeVars: (0, themeVars_1.parseScssVar)(Icon_module_scss_1.default.themeVars),
+    defaultThemeVars: {
+        "size-Icon": "1.25em",
+    },
+};
+exports.iconComponentRenderer = (0, renderers_1.createComponentRenderer)("Icon", ({ node, extractValue, renderChild, layoutCss }) => {
+    var _a;
+    return ((0, jsx_runtime_1.jsx)(exports.Icon, { name: extractValue.asOptionalString(node.props.name), size: extractValue(node.props.size), layout: layoutCss, fallback: ((_a = node.props.fallback) !== null && _a !== void 0 ? _a : typeof node.props.fallback === "string")
+            ? extractValue(node.props.fallback)
+            : renderChild(node.props.fallback) }));
+}, metadata);

package/dist/scripts/src/components/Icon/ImageFileIcon.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageFileIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const img_svg_react_1 = __importDefault(require("./svg/img.svg?react"));
+const ImageFileIcon = (props) => ((0, jsx_runtime_1.jsx)(img_svg_react_1.default, Object.assign({}, props)));
+exports.ImageFileIcon = ImageFileIcon;

package/dist/scripts/src/components/Icon/LinkIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const io_1 = require("react-icons/io");
+const LinkIcon = (props) => (0, jsx_runtime_1.jsx)(io_1.IoMdLink, Object.assign({}, props));
+exports.LinkIcon = LinkIcon;

package/dist/scripts/src/components/Icon/ListIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fi_1 = require("react-icons/fi");
+const ListIcon = (props) => (0, jsx_runtime_1.jsx)(fi_1.FiList, Object.assign({}, props));
+exports.ListIcon = ListIcon;

package/dist/scripts/src/components/Icon/LooseListIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LooseListIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hi_1 = require("react-icons/hi");
+const LooseListIcon = (props) => (0, jsx_runtime_1.jsx)(hi_1.HiOutlineViewList, Object.assign({}, props));
+exports.LooseListIcon = LooseListIcon;

package/dist/scripts/src/components/Icon/MoonIcon.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MoonIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const moon_svg_react_1 = __importDefault(require("./svg/moon.svg?react"));
+const MoonIcon = (props) => ((0, jsx_runtime_1.jsx)(moon_svg_react_1.default, Object.assign({}, props)));
+exports.MoonIcon = MoonIcon;

package/dist/scripts/src/components/Icon/MoreOptionsIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MoreOptionsIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fi_1 = require("react-icons/fi");
+const MoreOptionsIcon = (props) => (0, jsx_runtime_1.jsx)(fi_1.FiMoreHorizontal, Object.assign({}, props));
+exports.MoreOptionsIcon = MoreOptionsIcon;

package/dist/scripts/src/components/Icon/PDFIcon.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PDFIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const pdf_svg_react_1 = __importDefault(require("./svg/pdf.svg?react"));
+const PDFIcon = (props) => (0, jsx_runtime_1.jsx)(pdf_svg_react_1.default, Object.assign({}, props));
+exports.PDFIcon = PDFIcon;

package/dist/scripts/src/components/Icon/PenIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PenIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hi_1 = require("react-icons/hi");
+const PenIcon = (props) => (0, jsx_runtime_1.jsx)(hi_1.HiOutlinePencil, Object.assign({}, props));
+exports.PenIcon = PenIcon;

package/dist/scripts/src/components/Icon/PhoneIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PhoneIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fi_1 = require("react-icons/fi");
+const PhoneIcon = (props) => (0, jsx_runtime_1.jsx)(fi_1.FiPhone, Object.assign({}, props));
+exports.PhoneIcon = PhoneIcon;

package/dist/scripts/src/components/Icon/PhotoIcon.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PhotoIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const photo_svg_react_1 = __importDefault(require("./svg/photo.svg?react"));
+const PhotoIcon = (props) => (0, jsx_runtime_1.jsx)(photo_svg_react_1.default, Object.assign({}, props));
+exports.PhotoIcon = PhotoIcon;

package/dist/scripts/src/components/Icon/PlusIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlusIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ai_1 = require("react-icons/ai");
+const PlusIcon = (props) => (0, jsx_runtime_1.jsx)(ai_1.AiOutlinePlus, Object.assign({}, props));
+exports.PlusIcon = PlusIcon;

package/dist/scripts/src/components/Icon/SearchIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fi_1 = require("react-icons/fi");
+const SearchIcon = (props) => (0, jsx_runtime_1.jsx)(fi_1.FiSearch, Object.assign({}, props));
+exports.SearchIcon = SearchIcon;

package/dist/scripts/src/components/Icon/ShareIcon.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShareIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const share_svg_react_1 = __importDefault(require("./svg/share.svg?react"));
+const ShareIcon = (props) => (0, jsx_runtime_1.jsx)(share_svg_react_1.default, Object.assign({}, props));
+exports.ShareIcon = ShareIcon;

package/dist/scripts/src/components/Icon/SunIcon.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SunIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const sun_svg_react_1 = __importDefault(require("./svg/sun.svg?react"));
+const SunIcon = (props) => ((0, jsx_runtime_1.jsx)(sun_svg_react_1.default, Object.assign({}, props)));
+exports.SunIcon = SunIcon;

package/dist/scripts/src/components/Icon/TrashIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TrashIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const md_1 = require("react-icons/md");
+const TrashIcon = (props) => (0, jsx_runtime_1.jsx)(md_1.MdOutlineDeleteForever, Object.assign({}, props));
+exports.TrashIcon = TrashIcon;

package/dist/scripts/src/components/Icon/TxtIcon.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TxtIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const txt_svg_react_1 = __importDefault(require("./svg/txt.svg?react"));
+const TxtIcon = (props) => (0, jsx_runtime_1.jsx)(txt_svg_react_1.default, Object.assign({}, props));
+exports.TxtIcon = TxtIcon;

package/dist/scripts/src/components/Icon/UnknownFileIcon.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnknownFileIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const unknown_file_svg_react_1 = __importDefault(require("./svg/unknown-file.svg?react"));
+const UnknownFileIcon = (props) => (0, jsx_runtime_1.jsx)(unknown_file_svg_react_1.default, Object.assign({}, props));
+exports.UnknownFileIcon = UnknownFileIcon;