xmlui 0.7.13 → 0.7.15

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

@@ -0,0 +1,258 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.h6ComponentRenderer = exports.h5ComponentRenderer = exports.h4ComponentRenderer = exports.h3ComponentRenderer = exports.h2ComponentRenderer = exports.h1ComponentRenderer = exports.headingComponentRenderer = exports.H6Md = exports.H5Md = exports.H4Md = exports.H3Md = exports.H2Md = exports.H1Md = exports.HeadingMd = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Heading_module_scss_1 = __importDefault(require("./Heading.module.scss"));
+const renderers_1 = require("@components-core/renderers");
+const ComponentDefs_1 = require("@abstractions/ComponentDefs");
+const themeVars_1 = require("@components-core/theming/themeVars");
+const HeadingNative_1 = require("./HeadingNative");
+const COMP = "Heading";
+const VALUE_DESC = (0, ComponentDefs_1.d)(`This property determines the text displayed in the heading. \`${COMP}\` also accepts nested ` +
+    `text instead of specifying the \`value\`. If both \`value\` and a nested text are used, ` +
+    `the \`value\` will be displayed.`);
+const MAX_LINES_DESC = (0, ComponentDefs_1.d)(`This property determines the maximum number of lines the component can wrap to. If there is ` +
+    `not enough space for all of the text, the component wraps the text up to as many ` +
+    `lines as specified.`);
+const ELLIPSES_DESC = (0, ComponentDefs_1.d)(`This property indicates whether ellipses should be displayed (\`true\`) when the heading ` +
+    `text is cropped or not (\`false\`).`);
+const PRESERVE_DESC = (0, ComponentDefs_1.d)(`This property indicates whether linebreaks should be preserved when ` + `displaying text.`);
+const LEVEL_DESC = (level) => `Represents a heading level ${level} text`;
+exports.HeadingMd = (0, ComponentDefs_1.createMetadata)({
+    description: "Represents a heading text",
+    props: {
+        value: VALUE_DESC,
+        level: (0, ComponentDefs_1.d)(`This property sets the visual significance (level) of the heading.`),
+        maxLines: MAX_LINES_DESC,
+        ellipses: ELLIPSES_DESC,
+        preserveLinebreaks: PRESERVE_DESC,
+    },
+    themeVars: (0, themeVars_1.parseScssVar)(Heading_module_scss_1.default.themeVars),
+    defaultThemeVars: {
+        [`font-family-${COMP}`]: "$font-family",
+        [`color-text-${COMP}`]: "$color-text-primary",
+        [`font-weight-${COMP}`]: "$font-weight-bold",
+        [`letter-spacing-${COMP} `]: "0",
+        light: {
+        // --- No light-specific theme vars
+        },
+        dark: {
+        // --- No dark-specific theme vars
+        },
+    },
+});
+const H1 = "H1";
+exports.H1Md = (0, ComponentDefs_1.createMetadata)({
+    description: LEVEL_DESC(1),
+    specializedFrom: COMP,
+    props: {
+        value: VALUE_DESC,
+        maxLines: MAX_LINES_DESC,
+    },
+    themeVars: (0, themeVars_1.parseScssVar)(Heading_module_scss_1.default.themeVars),
+    defaultThemeVars: {
+        // letter-spacing
+        [`font-size-${H1}`]: "$font-size-large",
+        [`line-height-${H1}`]: "$line-height-none",
+        [`margin-top-${H1}`]: "0",
+        [`margin-bottom-${H1}`]: "0",
+        light: {
+        // --- No light-specific theme vars
+        },
+        dark: {
+        // --- No dark-specific theme vars
+        },
+    },
+});
+const H2 = "H2";
+exports.H2Md = (0, ComponentDefs_1.createMetadata)({
+    description: LEVEL_DESC(2),
+    specializedFrom: COMP,
+    props: {
+        value: VALUE_DESC,
+        maxLines: MAX_LINES_DESC,
+    },
+    themeVars: (0, themeVars_1.parseScssVar)(Heading_module_scss_1.default.themeVars),
+    defaultThemeVars: {
+        // letter-spacing
+        [`font-size-${H2}`]: "$font-size-medium",
+        [`line-height-${H2}`]: "$line-height-none",
+        [`margin-top-${H2}`]: "0",
+        [`margin-bottom-${H2}`]: "0",
+        light: {
+        // --- No light-specific theme vars
+        },
+        dark: {
+        // --- No dark-specific theme vars
+        },
+    },
+});
+const H3 = "H3";
+exports.H3Md = (0, ComponentDefs_1.createMetadata)({
+    description: LEVEL_DESC(3),
+    specializedFrom: COMP,
+    props: {
+        value: VALUE_DESC,
+        maxLines: MAX_LINES_DESC,
+    },
+    themeVars: (0, themeVars_1.parseScssVar)(Heading_module_scss_1.default.themeVars),
+    defaultThemeVars: {
+        // letter-spacing
+        [`font-size-${H3}`]: "$font-size-normal",
+        [`line-height-${H3}`]: "$line-height-none",
+        [`margin-top-${H3}`]: "0",
+        [`margin-bottom-${H3}`]: "0",
+        light: {
+        // --- No light-specific theme vars
+        },
+        dark: {
+        // --- No dark-specific theme vars
+        },
+    },
+});
+const H4 = "H4";
+exports.H4Md = (0, ComponentDefs_1.createMetadata)({
+    description: LEVEL_DESC(4),
+    specializedFrom: COMP,
+    props: {
+        value: VALUE_DESC,
+        maxLines: MAX_LINES_DESC,
+    },
+    themeVars: (0, themeVars_1.parseScssVar)(Heading_module_scss_1.default.themeVars),
+    defaultThemeVars: {
+        // letter-spacing
+        [`font-size-${H4}`]: "$font-size-small",
+        [`line-height-${H4}`]: "$line-height-none",
+        [`margin-top-${H4}`]: "0",
+        [`margin-bottom-${H4}`]: "0",
+        light: {
+        // --- No light-specific theme vars
+        },
+        dark: {
+        // --- No dark-specific theme vars
+        },
+    },
+});
+const H5 = "H5";
+exports.H5Md = (0, ComponentDefs_1.createMetadata)({
+    description: LEVEL_DESC(5),
+    specializedFrom: COMP,
+    props: {
+        value: VALUE_DESC,
+        maxLines: MAX_LINES_DESC,
+    },
+    themeVars: (0, themeVars_1.parseScssVar)(Heading_module_scss_1.default.themeVars),
+    defaultThemeVars: {
+        // letter-spacing
+        [`font-size-${H5}`]: "$font-size-smaller",
+        [`line-height-${H5}`]: "$line-height-none",
+        [`margin-top-${H5}`]: "0",
+        [`margin-bottom-${H5}`]: "0",
+        light: {
+        // --- No light-specific theme vars
+        },
+        dark: {
+        // --- No dark-specific theme vars
+        },
+    },
+});
+const H6 = "H6";
+exports.H6Md = (0, ComponentDefs_1.createMetadata)({
+    description: LEVEL_DESC(6),
+    specializedFrom: COMP,
+    props: {
+        value: VALUE_DESC,
+        maxLines: MAX_LINES_DESC,
+    },
+    themeVars: (0, themeVars_1.parseScssVar)(Heading_module_scss_1.default.themeVars),
+    defaultThemeVars: {
+        // letter-spacing
+        [`font-size-${H6}`]: "$font-size-tiny",
+        [`line-height-${H6}`]: "$line-height-none",
+        [`margin-top-${H6}`]: "0",
+        [`margin-bottom-${H6}`]: "0",
+        light: {
+        // --- No light-specific theme vars
+        },
+        dark: {
+        // --- No dark-specific theme vars
+        },
+    },
+});
+function renderHeading({ node, extractValue, layoutCss, level, renderChild }) {
+    var _a;
+    return ((0, jsx_runtime_1.jsx)(HeadingNative_1.Heading, { uid: node.uid, level: ((_a = extractValue.asOptionalString(level)) !== null && _a !== void 0 ? _a : "h1"), maxLines: extractValue.asOptionalNumber(node.props.maxLines), preserveLinebreaks: extractValue.asOptionalBoolean(node.props.preserveLinebreaks, false), ellipses: extractValue.asOptionalBoolean(node.props.ellipses, true), layout: layoutCss, children: extractValue.asDisplayText(node.props.value) || renderChild(node.children) }));
+}
+exports.headingComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.HeadingMd, ({ node, extractValue, layoutCss, layoutNonCss, renderChild }) => {
+    return renderHeading({
+        node,
+        extractValue,
+        layoutCss,
+        layoutNonCss,
+        level: node.props.level,
+        renderChild,
+    });
+});
+exports.h1ComponentRenderer = (0, renderers_1.createComponentRenderer)(H1, exports.H1Md, ({ node, extractValue, layoutCss, layoutNonCss, renderChild }) => {
+    return renderHeading({
+        node,
+        extractValue,
+        layoutCss,
+        layoutNonCss,
+        level: "h1",
+        renderChild,
+    });
+});
+exports.h2ComponentRenderer = (0, renderers_1.createComponentRenderer)(H2, exports.H2Md, ({ node, extractValue, layoutCss, layoutNonCss, renderChild }) => {
+    return renderHeading({
+        node,
+        extractValue,
+        layoutCss,
+        layoutNonCss,
+        level: "h2",
+        renderChild,
+    });
+});
+exports.h3ComponentRenderer = (0, renderers_1.createComponentRenderer)(H3, exports.H3Md, ({ node, extractValue, layoutCss, layoutNonCss, renderChild }) => {
+    return renderHeading({
+        node,
+        extractValue,
+        layoutCss,
+        layoutNonCss,
+        level: "h3",
+        renderChild,
+    });
+});
+exports.h4ComponentRenderer = (0, renderers_1.createComponentRenderer)(H4, exports.H4Md, ({ node, extractValue, layoutCss, layoutNonCss, renderChild }) => {
+    return renderHeading({
+        node,
+        extractValue,
+        layoutCss,
+        layoutNonCss,
+        level: "h4",
+        renderChild,
+    });
+});
+exports.h5ComponentRenderer = (0, renderers_1.createComponentRenderer)(H5, exports.H5Md, ({ node, extractValue, layoutCss, layoutNonCss, renderChild }) => {
+    return renderHeading({
+        node,
+        extractValue,
+        layoutCss,
+        layoutNonCss,
+        level: "h5",
+        renderChild,
+    });
+});
+exports.h6ComponentRenderer = (0, renderers_1.createComponentRenderer)(H6, exports.H6Md, ({ node, extractValue, layoutCss, layoutNonCss, renderChild }) => {
+    return renderHeading({
+        node,
+        extractValue,
+        layoutCss,
+        layoutNonCss,
+        level: "h6",
+        renderChild,
+    });
+});

package/dist/scripts/src/components/Heading/HeadingNative.js

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Heading = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Heading_module_scss_1 = __importDefault(require("./Heading.module.scss"));
+const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
+const css_utils_1 = require("@components-core/utils/css-utils");
+const TableOfContentsContext_1 = require("@components-core/TableOfContentsContext");
+const HeadingLevelKeys = ["h1", "h2", "h3", "h4", "h5", "h6"];
+const Heading = ({ uid, level = "h1", children, sx, layout, title, maxLines = 0, preserveLinebreaks, ellipses = true, className, }) => {
+    const Element = level === null || level === void 0 ? void 0 : level.toLowerCase();
+    const elementRef = (0, react_1.useRef)(null);
+    const [anchorId, setAnchorId] = (0, react_1.useState)(null);
+    const anchorRef = (0, react_1.useRef)(null);
+    const tableOfContentsContext = (0, react_1.useContext)(TableOfContentsContext_1.TableOfContentsContext);
+    const registerHeading = tableOfContentsContext === null || tableOfContentsContext === void 0 ? void 0 : tableOfContentsContext.registerHeading;
+    const observeIntersection = tableOfContentsContext === null || tableOfContentsContext === void 0 ? void 0 : tableOfContentsContext.observeIntersection;
+    (0, react_1.useEffect)(() => {
+        var _a, _b, _c, _d;
+        if (observeIntersection && elementRef.current) {
+            const newAnchorId = (_d = (_c = (_b = (_a = elementRef.current.textContent) === null || _a === void 0 ? void 0 : _a.trim()) === null || _b === void 0 ? void 0 : _b.replace(/[^\w\s-]/g, "")) === null || _c === void 0 ? void 0 : _c.replace(/\s+/g, "-")) === null || _d === void 0 ? void 0 : _d.toLowerCase();
+            setAnchorId(newAnchorId || null);
+        }
+    }, [observeIntersection]);
+    (0, react_1.useEffect)(() => {
+        if (observeIntersection && elementRef.current && anchorId) {
+            return registerHeading === null || registerHeading === void 0 ? void 0 : registerHeading({
+                id: anchorId,
+                level: parseInt(level.replace("h", "")),
+                text: elementRef.current.textContent.trim(),
+                anchor: anchorRef.current,
+            });
+        }
+    }, [anchorId, observeIntersection, registerHeading, level]);
+    return ((0, jsx_runtime_1.jsxs)(Element, { ref: elementRef, id: uid, title: title, style: Object.assign(Object.assign(Object.assign({}, sx), layout), (0, css_utils_1.getMaxLinesStyle)(maxLines)), className: (0, classnames_1.default)(Heading_module_scss_1.default.heading, Heading_module_scss_1.default[Element], className || "", {
+            [Heading_module_scss_1.default.truncateOverflow]: maxLines > 0,
+            [Heading_module_scss_1.default.preserveLinebreaks]: preserveLinebreaks,
+            [Heading_module_scss_1.default.noEllipsis]: !ellipses,
+        }), children: [anchorId && observeIntersection && (0, jsx_runtime_1.jsx)("span", { ref: anchorRef, id: anchorId, style: { width: 0, height: 0 } }), children] }));
+};
+exports.Heading = Heading;

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hoverCardComponentRenderer = exports.HoverCardMd = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ComponentDefs_1 = require("@abstractions/ComponentDefs");
+const renderers_1 = require("@components-core/renderers");
+const HovercardNative_1 = require("./HovercardNative");
+const metadata_helpers_1 = require("@components/metadata-helpers");
+const COMP = "HoverCard";
+exports.HoverCardMd = (0, ComponentDefs_1.createMetadata)({
+    status: "deprecated",
+    description: "(**OBSOLETE**) This component displays some content when its parent component is hovered.",
+    props: {
+        triggerTemplate: (0, metadata_helpers_1.dComponent)("The component that opens the hover card when hovered."),
+    },
+});
+exports.hoverCardComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.HoverCardMd, ({ node, extractValue, renderChild }) => {
+    return ((0, jsx_runtime_1.jsx)(HovercardNative_1.HoverCardComponent, { triggerTemplate: renderChild(extractValue(node.props.triggerTemplate)), children: renderChild(node.children) }));
+});

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

@@ -0,0 +1,44 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HoverCardComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const HoverCard = __importStar(require("@radix-ui/react-hover-card"));
+const ThemeContext_1 = require("@components-core/theming/ThemeContext");
+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 }) })] }));
+};
+exports.HoverCardComponent = HoverCardComponent;

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/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/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;