xmlui 0.7.21 → 0.7.22

package/dist/xmlui.d.ts

@@ -585,7 +585,7 @@ export declare type ComponentLike = ComponentDef | CompoundComponentDef;
  * the metadata defined here in concert with the renderer object using the
  * same metadata type.
  */
-declare type ComponentMetadata<TProps extends Record<string, ComponentPropertyMetadata> = Record<string, any>, TEvents extends Record<string, ComponentPropertyMetadata> = Record<string, any>, TContextValues extends Record<string, ComponentPropertyMetadata> = Record<string, any>, TApis extends Record<string, ComponentPropertyMetadata> = Record<string, any>> = {
+export declare type ComponentMetadata<TProps extends Record<string, ComponentPropertyMetadata> = Record<string, any>, TEvents extends Record<string, ComponentPropertyMetadata> = Record<string, any>, TContextValues extends Record<string, ComponentPropertyMetadata> = Record<string, any>, TApis extends Record<string, ComponentPropertyMetadata> = Record<string, any>> = {
     status?: "stable" | "experimental" | "deprecated" | "in progress";
     description?: string;
     shortDescription?: string;
@@ -601,6 +601,7 @@ declare type ComponentMetadata<TProps extends Record<string, ComponentPropertyMe
     allowArbitraryProps?: boolean;
     specializedFrom?: string;
     docFolder?: string;
+    isHtmlTag?: boolean;
 };
 
 /**
@@ -768,7 +769,7 @@ declare type ContributesDefinition = {
  */
 export declare function createComponentRenderer<TMd extends ComponentMetadata>(type: string, metadata: TMd, renderer: ComponentRendererFn<ComponentDef<TMd>>): ComponentRendererDef;
 
-export declare function createMetadata<TProps extends Record<string, ComponentPropertyMetadata>, TEvents extends Record<string, ComponentPropertyMetadata>, TContextVars extends Record<string, ComponentPropertyMetadata> = Record<string, any>, TApis extends Record<string, ComponentPropertyMetadata> = Record<string, any>>({ description, shortDescription, specializedFrom, status, props, events, contextVars, apis, nonVisual, opaque, themeVars, defaultThemeVars, toneSpecificThemeVars, allowArbitraryProps, docFolder, }: ComponentMetadata<TProps, TEvents, TContextVars, TApis>): ComponentMetadata<TProps, TEvents, TContextVars, TApis>;
+export declare function createMetadata<TProps extends Record<string, ComponentPropertyMetadata>, TEvents extends Record<string, ComponentPropertyMetadata>, TContextVars extends Record<string, ComponentPropertyMetadata> = Record<string, any>, TApis extends Record<string, ComponentPropertyMetadata> = Record<string, any>>({ description, shortDescription, specializedFrom, status, props, events, contextVars, apis, nonVisual, opaque, themeVars, defaultThemeVars, toneSpecificThemeVars, allowArbitraryProps, docFolder, isHtmlTag, }: ComponentMetadata<TProps, TEvents, TContextVars, TApis>): ComponentMetadata<TProps, TEvents, TContextVars, TApis>;
 
 export declare function d(description: string, availableValues?: readonly PropertyValueDescription[], valueType?: PropertyValueType, defaultValue?: any, isValid?: IsValidFunction<any>): ComponentPropertyMetadata;
 

package/dist/xmlui.mjs

@@ -1,4 +1,4 @@
-import { A as e, B as t, E as r, I as o, h as p, f as n, S as c, c as d, b as u, e as S, i as l, p as A, s as C, t as m, j as B, u as f } from "./index-5NLXyjX0.mjs";
+import { A as e, B as t, E as r, I as o, h as p, f as n, S as c, c as d, b as u, e as S, i as l, p as A, s as C, t as m, j as B, u as f } from "./index-BLoqesEB.mjs";
 export {
   e as AppRoot,
   t as Button,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xmlui",
-  "version": "0.7.21",
+  "version": "0.7.22",
   "sideEffects": false,
   "scripts": {
     "start-test-bed": "cd src/testing/infrastructure && xmlui start",
@@ -26,7 +26,6 @@
     "@eslint-community/regexpp": "4.10.0",
     "@formkit/auto-animate": "0.7.0",
     "@headlessui/react": "1.7.16",
-    "@microsoft/tsdoc-config": "0.17.0",
     "@modyfi/vite-plugin-yaml": "1.1.0",
     "@monaco-editor/react": "4.4.6",
     "@nivo/bar": "0.87.0",
@@ -42,6 +41,7 @@
     "@radix-ui/react-popover": "^1.1.2",
     "@radix-ui/react-radio-group": "1.1.3",
     "@radix-ui/react-select": "^2.1.2",
+    "@radix-ui/react-slider": "^1.2.3",
     "@radix-ui/react-tabs": "1.1.0",
     "@radix-ui/react-visually-hidden": "1.0.3",
     "@remix-run/react": "2.9.1",
@@ -97,6 +97,7 @@
     "shiki": "^1.14.1",
     "ts-node": "10.9.1",
     "use-context-selector": "1.4.1",
+    "virtua": "0.40.0",
     "vite-plugin-lib-inject-css": "1.3.0",
     "vite-plugin-svgr": "4.2.0",
     "yargs": "17.7.2"
@@ -131,7 +132,6 @@
     "rimraf": "6.0.1",
     "rollup-plugin-visualizer": "5.8.3",
     "serve": "14.2.0",
-    "typedoc": "^0.26.2",
     "typescript": "5.7.3",
     "vite": "5.4.9",
     "vite-plugin-dts": "4.5.0",

package/dist/scripts/package.json

@@ -1,210 +0,0 @@
-{
-    "name": "xmlui",
-    "version": "0.7.21",
-    "sideEffects": false,
-    "scripts": {
-        "start-test-bed": "cd src/testing/infrastructure && xmlui start",
-        "build:test-bed": "cd src/testing/infrastructure && xmlui build --build-mode=INLINE_ALL --withHostingMetaFiles",
-        "build:bin": "tsc -p tsconfig.bin.json",
-        "build:xmlui": "vite build --mode lib",
-        "build:xmlui-standalone": "vite build --mode standalone",
-        "build:xmlui-metadata": "vite build --mode metadata",
-        "build": "rimraf dist && tsc && npm run build:bin && npm run build:xmlui-metadata && npm run build:xmlui && npm run build:xmlui-standalone",
-        "test": "npm run test:unit",
-        "test:unit": "vitest run",
-        "test:e2e": "playwright test",
-        "test:e2e-smoke": "playwright test --project smoke",
-        "test:e2e-ui": "npm run test:e2e -- --ui",
-        "prepublishOnly": "clean-package && npm run build",
-        "postpublish": "clean-package restore",
-        "prepare-docs-data": "npm run build:xmlui-metadata",
-        "generate-docs": "node scripts/generate-docs/get-docs.mjs"
-    },
-    "dependencies": {
-        "@azure/msal-browser": "2.30.0",
-        "@azure/msal-react": "1.4.9",
-        "@eslint-community/regexpp": "4.10.0",
-        "@formkit/auto-animate": "0.7.0",
-        "@headlessui/react": "1.7.16",
-        "@microsoft/tsdoc-config": "0.17.0",
-        "@modyfi/vite-plugin-yaml": "1.1.0",
-        "@monaco-editor/react": "4.4.6",
-        "@nivo/bar": "0.87.0",
-        "@nivo/core": "0.87.0",
-        "@nivo/geo": "0.87.0",
-        "@nivo/pie": "0.87.0",
-        "@popperjs/core": "2.11.6",
-        "@radix-ui/react-accordion": "^1.2.0",
-        "@radix-ui/react-alert-dialog": "^1.1.2",
-        "@radix-ui/react-dialog": "1.0.5",
-        "@radix-ui/react-dropdown-menu": "2.0.6",
-        "@radix-ui/react-hover-card": "1.0.7",
-        "@radix-ui/react-popover": "^1.1.2",
-        "@radix-ui/react-radio-group": "1.1.3",
-        "@radix-ui/react-select": "^2.1.2",
-        "@radix-ui/react-tabs": "1.1.0",
-        "@radix-ui/react-visually-hidden": "1.0.3",
-        "@remix-run/react": "2.9.1",
-        "@tanstack/react-query": "4.32.6",
-        "@tanstack/react-query-devtools": "4.32.6",
-        "@tanstack/react-table": "8.17.3",
-        "@tanstack/react-virtual": "3.10.8",
-        "@types/color": "3.0.6",
-        "@vitejs/plugin-react": "4.3.0",
-        "adm-zip": "0.5.10",
-        "apexcharts": "3.44.0",
-        "axios": "1.7.7",
-        "cmdk": "^1.0.4",
-        "color": "4.2.3",
-        "date-fns": "2.30.0",
-        "dexie": "3.2.4",
-        "dotenv": "16.3.1",
-        "downshift": "8.2.3",
-        "embla-carousel-autoplay": "^8.3.0",
-        "embla-carousel-react": "^8.3.0",
-        "emoji-picker-react": "4.4.10",
-        "glob": "7.2.0",
-        "immer": "9.0.16",
-        "lodash-es": "4.17.21",
-        "memoize-one": "6.0.0",
-        "monaco-editor": "0.34.1",
-        "msw": "2.0.1",
-        "oidc-client-ts": "2.1.0",
-        "react": "18.2.0",
-        "react-apexcharts": "1.4.1",
-        "react-currency-input-field": "3.6.9",
-        "react-datepicker": "4.25.0",
-        "react-day-picker": "8.10.1",
-        "react-dom": "18.2.0",
-        "react-dropzone": "14.2.3",
-        "react-helmet-async": "1.3.0",
-        "react-hot-toast": "2.4.1",
-        "react-icons": "4.8.0",
-        "react-imask": "7.1.3",
-        "react-markdown": "9.0.1",
-        "react-measure": "2.5.2",
-        "react-oidc-context": "2.2.0",
-        "react-popper": "2.3.0",
-        "react-resizable-panels": "2.0.19",
-        "react-router-dom": "6.23.0",
-        "react-select": "5.7.4",
-        "react-textarea-autosize": "8.5.3",
-        "react-virtualized-auto-sizer": "1.0.24",
-        "react-window": "1.8.10",
-        "recharts": "^2.15.1",
-        "sass": "1.55.0",
-        "scroll-into-view-if-needed": "^3.1.0",
-        "shiki": "^1.14.1",
-        "ts-node": "10.9.1",
-        "use-context-selector": "1.4.1",
-        "vite-plugin-lib-inject-css": "1.3.0",
-        "vite-plugin-svgr": "4.2.0",
-        "yargs": "17.7.2"
-    },
-    "devDependencies": {
-        "@babel/core": "7.19.6",
-        "@babel/preset-env": "7.19.4",
-        "@babel/preset-typescript": "7.18.6",
-        "@playwright/test": "^1.49.0",
-        "@types/adm-zip": "0.5.4",
-        "@types/glob": "7.2.0",
-        "@types/lodash-es": "4.17.6",
-        "@types/node": "18.11.5",
-        "@types/react": "18.2.23",
-        "@types/react-datepicker": "4.19.5",
-        "@types/react-dom": "18.2.8",
-        "@types/react-measure": "^2.0.8",
-        "@types/react-pdf": "5.7.2",
-        "@types/react-window": "1.8.8",
-        "@types/yargs": "17.0.31",
-        "@typescript-eslint/eslint-plugin": "6.7.4",
-        "@typescript-eslint/parser": "6.19.0",
-        "babel-loader": "8.2.5",
-        "clean-package": "2.2.0",
-        "eslint": "^8.57.0",
-        "eslint-import-resolver-typescript": "3.6.1",
-        "eslint-plugin-import": "2.28.1",
-        "eslint-plugin-jsx-a11y": "6.7.1",
-        "eslint-plugin-react": "7.33.2",
-        "eslint-plugin-react-hooks": "4.6.0",
-        "prettier": "^3.3.3",
-        "rimraf": "6.0.1",
-        "rollup-plugin-visualizer": "5.8.3",
-        "serve": "14.2.0",
-        "typedoc": "^0.26.2",
-        "typescript": "5.7.3",
-        "vite": "5.4.9",
-        "vite-plugin-dts": "4.5.0",
-        "vitest": "^3.0.3"
-    },
-    "optionalDependencies": {
-        "@rollup/rollup-linux-x64-gnu": "4.20.0",
-        "@rollup/rollup-win32-x64-msvc": "4.20.0"
-    },
-    "files": [
-        "dist",
-        "src/styles"
-    ],
-    "bin": {
-        "xmlui": "dist/scripts/bin/bootstrap.js"
-    },
-    "clean-package": {
-        "replace": {
-            "bin": {
-                "xmlui": "dist/scripts/bin/bootstrap.js"
-            },
-            "main": "./dist/xmlui.umd.js",
-            "module": "./dist/xmlui.mjs",
-            "types": "./dist/xmlui.d.ts",
-            "exports": {
-                ".": {
-                    "import": "./dist/xmlui.mjs",
-                    "require": "./dist/xmlui.umd.js"
-                },
-                "./*.css": {
-                    "import": "./dist/*.css",
-                    "require": "./dist/*.css"
-                },
-                "./index.scss": {
-                    "import": "./src/index.scss",
-                    "require": "./src/index.scss"
-                }
-            }
-        }
-    },
-    "main": "./dist/xmlui.umd.js",
-    "exports": {
-        ".": {
-            "import": "./dist/xmlui.mjs",
-            "require": "./dist/xmlui.umd.js"
-        },
-        "./*.css": {
-            "import": "./dist/*.css",
-            "require": "./dist/*.css"
-        },
-        "./index.scss": {
-            "import": "./src/index.scss",
-            "require": "./src/index.scss"
-        }
-    },
-    "browserslist": {
-        "production": [
-            ">0.2%",
-            "not dead",
-            "not op_mini all"
-        ],
-        "development": [
-            "last 1 chrome version",
-            "last 1 firefox version",
-            "last 1 safari version"
-        ]
-    },
-    "repository": {
-        "url": "https://github.com/xmlui-com/xmlui.git"
-    },
-    "msw": {
-        "workerDirectory": "src/testing/infrastructure"
-    },
-    "module": "./dist/xmlui.mjs",
-    "types": "./dist/xmlui.d.ts"
-}

package/dist/scripts/src/components/ModalDialog/ConfirmationModalContextProvider.js

@@ -1,116 +0,0 @@
-"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;
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfirmationModalContextProvider = exports.useConfirm = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const ButtonNative_1 = require("@components/Button/ButtonNative");
-const StackNative_1 = require("@components/Stack/StackNative");
-const Dialog_1 = require("./Dialog");
-const ConfirmationModalContext = react_1.default.createContext({
-    confirm: (title, message, actionLabel) => __awaiter(void 0, void 0, void 0, function* () { return false; }),
-});
-const useConfirm = () => (0, react_1.useContext)(ConfirmationModalContext);
-exports.useConfirm = useConfirm;
-const ConfirmationModalContextProvider = ({ children }) => {
-    // State
-    const [showConfirmationModal, setShowConfirmationModal] = (0, react_1.useState)(false);
-    const [title, setTitle] = (0, react_1.useState)("Are you sure?");
-    const [message, setMessage] = (0, react_1.useState)();
-    const [buttons, setButtons] = (0, react_1.useState)([]);
-    // Refs and other
-    const resolver = (0, react_1.useRef)(null);
-    const buttonsRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (showConfirmationModal) {
-            setTimeout(() => {
-                var _a;
-                const focusable = (_a = buttonsRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll("button");
-                if (focusable) {
-                    focusable[focusable.length - 1].focus();
-                }
-            }, 0);
-        }
-    }, [showConfirmationModal]);
-    const handleShow = (0, react_1.useCallback)((title, message, actionLabel) => __awaiter(void 0, void 0, void 0, function* () {
-        if (typeof title === "string") {
-            setTitle(title);
-            setButtons([
-                {
-                    label: actionLabel || "Ok",
-                    value: true,
-                },
-            ]);
-            setMessage(message);
-        }
-        else {
-            setTitle(title.title);
-            setButtons(title.buttons);
-            setMessage(title.message);
-        }
-        setShowConfirmationModal(true);
-        return new Promise(function (resolve) {
-            resolver.current = resolve;
-        });
-    }), []);
-    const handleOk = (0, react_1.useCallback)((value) => {
-        resolver.current && resolver.current(value);
-        setShowConfirmationModal(false);
-    }, []);
-    const handleCancel = (0, react_1.useCallback)(() => {
-        resolver.current && resolver.current(false);
-        setShowConfirmationModal(false);
-    }, []);
-    const contextValue = (0, react_1.useMemo)(() => {
-        return {
-            confirm: handleShow,
-        };
-    }, [handleShow]);
-    return ((0, jsx_runtime_1.jsxs)(ConfirmationModalContext.Provider, { value: contextValue, children: [children, showConfirmationModal && ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { title: title, description: message, isOpen: true, onClose: handleCancel, buttons: (0, jsx_runtime_1.jsxs)(StackNative_1.Stack, { orientation: "horizontal", horizontalAlignment: "end", style: { width: "100%", gap: "1em" }, ref: buttonsRef, children: [(0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { variant: "ghost", themeColor: "secondary", size: "sm", onClick: handleCancel, children: "Cancel" }), buttons.length > 1 ? (0, jsx_runtime_1.jsx)("div", { style: { flex: 1 } }) : undefined, buttons.map(({ label, value, variant = "solid", themeColor = "attention" }, index) => {
-                            return ((0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { variant: variant, themeColor: themeColor, size: "sm", type: "submit", onClick: () => {
-                                    handleOk(value);
-                                }, children: label }, index));
-                        })] }) }))] }));
-};
-exports.ConfirmationModalContextProvider = ConfirmationModalContextProvider;

package/dist/scripts/src/components/ModalDialog/Dialog.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dialog = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const TextNative_1 = require("../Text/TextNative");
-const Dialog_module_scss_1 = __importDefault(require("./Dialog.module.scss"));
-const ModalDialogNative_1 = require("./ModalDialogNative");
-/**
- * Dialog component that is customizable with action buttons. The children prop accepts React elements.
- *
- * Note that clicking outside of the dialog or pressing Escape will call the onClose function.
- * Thus, if you want to stop that from firing, do so in the onClose function from outside.
- */
-const Dialog = ({ title, description, children, isOpen, onClose, buttons, }) => {
-    return ((0, jsx_runtime_1.jsxs)(ModalDialogNative_1.ModalDialog, { onClose: onClose, isInitiallyOpen: isOpen, title: title, children: [(0, jsx_runtime_1.jsxs)("div", { className: Dialog_module_scss_1.default.dialogContent, children: [(0, jsx_runtime_1.jsx)("div", { id: "dialogDesc", children: (0, jsx_runtime_1.jsx)(TextNative_1.Text, { children: description }) }), children] }), !!buttons && (0, jsx_runtime_1.jsx)("footer", { className: Dialog_module_scss_1.default.dialogActions, children: buttons })] }));
-};
-exports.Dialog = Dialog;

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

@@ -1,56 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.rangeComponentRenderer = exports.RangeMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const Range_module_scss_1 = __importDefault(require("./Range.module.scss"));
-const renderers_1 = require("@components-core/renderers");
-const themeVars_1 = require("@components-core/theming/themeVars");
-const RangeNative_1 = require("./RangeNative");
-const metadata_helpers_1 = require("@components/metadata-helpers");
-const COMP = "Range";
-// See "Range input" here: https://tabler.io/admin-template/preview
-// This component must be focusable and keyboard accessible.
-// Add this component to the form infrastructure.
-exports.RangeMd = (0, ComponentDefs_1.createMetadata)({
-    status: "in progress",
-    description: `(**NOT IMPLEMENTED YET**) The \`${COMP}\` component allows you to select a numeric range (lower ` +
-        `and upper boundary values) between the complete range specified by minimum and maximum values.`,
-    props: {
-        initialValue: (0, ComponentDefs_1.d)(""),
-        minValue: (0, ComponentDefs_1.d)(`This property specifies the minimum value of the entire value domain to select the lower ` +
-            `and upper boundary range values.`, null, "number", 0),
-        maxValue: (0, ComponentDefs_1.d)(`This property specifies the maximum value of the entire value domain to select the lower ` +
-            `and upper boundary range values.`, null, "number", 10),
-        lowerInclusive: (0, ComponentDefs_1.d)(`This boolean property specifies whether the lower boundary value is inclusive (\`true\`) ` +
-            `or exclusive (\`false\`).`, null, "boolean", true),
-        upperInclusive: (0, ComponentDefs_1.d)(`This boolean property specifies whether the upper boundary value is inclusive (\`true\`) ` +
-            `or exclusive (\`false\`).`, null, "boolean", true),
-        complementary: (0, ComponentDefs_1.d)(`This boolean property specifies whether the range is complementary to the selected ` +
-            `set of values (\`true\`) or not (\`false\`). The value of this property is indicated visually.`, null, "boolean", false),
-    },
-    events: {
-        didChange: (0, ComponentDefs_1.d)(`This event is fired when a range boundary has been changed. The event parameters are ` +
-            `the new lower and upper boundary values (in this order).`),
-        getFocus: (0, metadata_helpers_1.dGotFocus)(COMP),
-        dostFocus: (0, metadata_helpers_1.dLostFocus)(COMP),
-    },
-    apis: {
-        focus: (0, metadata_helpers_1.dFocus)(COMP),
-        value: (0, ComponentDefs_1.d)(`You can query the component's value. The value is a two-item array with the ` +
-            `lower (first) and upper (second) boundary values.`),
-        setValue: (0, ComponentDefs_1.d)(`This method sets the component's lower and upper range values. The value must be a ` +
-            `two-item array with the lower (first) and upper (second) boundary values.`),
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(Range_module_scss_1.default.themeVars),
-    defaultThemeVars: {
-        light: {},
-        dark: {},
-    },
-});
-exports.rangeComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.RangeMd, ({ node, extractValue, lookupEventHandler, layoutCss }) => {
-    return (0, jsx_runtime_1.jsx)(RangeNative_1.Range, {});
-});

package/dist/scripts/src/components/Range/RangeNative.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Range = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-exports.Range = (0, react_1.forwardRef)(function Range({ style }, forwardedRef) {
-    return ((0, jsx_runtime_1.jsx)("div", { ref: forwardedRef, style: Object.assign({ backgroundColor: "orangered", color: "white", padding: 2 }, style), children: "Range component is not implemented yet" }));
-});

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

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.rawHtmlComponentRenderer = exports.RawHtmlMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const renderers_1 = require("@components-core/renderers");
-const RawHtmlNative_1 = require("./RawHtmlNative");
-const COMP = "RawHtml";
-const hostTypesMd = [
-    {
-        value: "div",
-        description: "Use a 'div' as the host element.",
-    },
-    {
-        value: "span",
-        description: "Use a 'span' as the host element.",
-    },
-];
-exports.RawHtmlMd = (0, ComponentDefs_1.createMetadata)({
-    status: "experimental",
-    description: "This component injects a raw HTML string into the DOM.",
-    props: {
-        content: (0, ComponentDefs_1.d)("Specifies the raw HTML content to inject"),
-        hostElement: (0, ComponentDefs_1.d)("Specifies the host element to inject the content into.", hostTypesMd, "string", "span"),
-    },
-    events: {},
-    apis: {},
-    themeVars: [],
-    defaultThemeVars: {
-        light: {},
-        dark: {},
-    },
-});
-exports.rawHtmlComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.RawHtmlMd, ({ node, extractValue, renderChild, layoutCss }) => {
-    const childText = renderChild(node.children);
-    const content = extractValue.asDisplayText(node.props.content) ||
-        (typeof childText === "string" ? childText : "");
-    return ((0, jsx_runtime_1.jsx)(RawHtmlNative_1.RawHtml, { content: content, hostElement: node.props.hostElement, style: layoutCss }));
-});

package/dist/scripts/src/components/RawHtml/RawHtmlNative.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RawHtml = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const RawHtml = ({ content, hostElement, style }) => {
-    if (hostElement === "div") {
-        return (0, jsx_runtime_1.jsx)("div", { style: style, dangerouslySetInnerHTML: { __html: content } });
-    }
-    else {
-        return (0, jsx_runtime_1.jsx)("span", { style: style, dangerouslySetInnerHTML: { __html: content } });
-    }
-};
-exports.RawHtml = RawHtml;