xmlui 0.7.21 → 0.7.23

package/dist/scripts/src/components/Table/TableNative.js

@@ -26,26 +26,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Table = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const react_dom_1 = require("react-dom");
 const fi_1 = require("react-icons/fi");
 const react_table_1 = require("@tanstack/react-table");
+const react_compose_refs_1 = require("@radix-ui/react-compose-refs");
+const react_virtual_1 = require("@tanstack/react-virtual");
+const lodash_es_1 = require("lodash-es");
+const classnames_1 = __importDefault(require("classnames"));
 const Table_module_scss_1 = __importDefault(require("./Table.module.scss"));
 require("./react-table-config.d.ts");
-const ButtonNative_1 = require("@components/Button/ButtonNative");
-const SpinnerNative_1 = require("@components/Spinner/SpinnerNative");
-const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
+const constants_1 = require("../../components-core/constants");
+const ScrollContext_1 = require("../../components-core/ScrollContext");
+const misc_1 = require("../../components-core/utils/misc");
+const hooks_1 = require("../../components-core/utils/hooks");
+const ThemeContext_1 = require("../../components-core/theming/ThemeContext");
+const transformThemeVars_1 = require("../../components-core/theming/transformThemeVars");
+const ButtonNative_1 = require("../Button/ButtonNative");
+const SpinnerNative_1 = require("../Spinner/SpinnerNative");
+const Toggle_1 = require("../Toggle/Toggle");
+const IconNative_1 = require("../Icon/IconNative");
 const useRowSelection_1 = __importDefault(require("./useRowSelection"));
-const Toggle_1 = require("@components/Toggle/Toggle");
-const IconNative_1 = require("@components/Icon/IconNative");
-const react_virtual_1 = require("@tanstack/react-virtual");
-const lodash_es_1 = require("lodash-es");
-const constants_1 = require("@components-core/constants");
-const ScrollContext_1 = require("@components-core/ScrollContext");
-const misc_1 = require("@components-core/utils/misc");
-const react_dom_1 = require("react-dom");
-const hooks_1 = require("@components-core/utils/hooks");
-const react_compose_refs_1 = require("@radix-ui/react-compose-refs");
-const ThemeContext_1 = require("@components-core/theming/ThemeContext");
-const transformThemeVars_1 = require("@components-core/theming/transformThemeVars");
 function defaultIsRowDisabled(_) {
     return false;
 }

package/dist/scripts/src/components/Table/useRowSelection.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = useRowSelection;
 const react_1 = require("react");
-const misc_1 = require("@components-core/utils/misc");
 const lodash_es_1 = require("lodash-es");
-const constants_1 = require("@components-core/constants");
-const SelectionStoreNative_1 = require("@components/SelectionStore/SelectionStoreNative");
-const hooks_1 = require("@components-core/utils/hooks");
+const misc_1 = require("../../components-core/utils/misc");
+const constants_1 = require("../../components-core/constants");
+const hooks_1 = require("../../components-core/utils/hooks");
+const SelectionStoreNative_1 = require("../SelectionStore/SelectionStoreNative");
 function useRowSelection({ items = constants_1.EMPTY_ARRAY, visibleItems = items, rowsSelectable, enableMultiRowSelection, onSelectionDidChange, }) {
     // --- The focused index in the row source (if there is any)
     const [focusedIndex, setFocusedIndex] = (0, react_1.useState)(-1);

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tableHeaderRenderer = exports.TableHeaderMd = void 0;
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const compound_utils_1 = require("@components-core/utils/compound-utils");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const compound_utils_1 = require("../../components-core/utils/compound-utils");
 // --- We cannot use this with nextra
 //import componentSource from "./TableHeader.xmlui?raw";
 const COMP = "TableHeader";

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

@@ -5,10 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tableOfContentsRenderer = exports.TableOfContentsMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const renderers_1 = require("@components-core/renderers");
 const TableOfContents_module_scss_1 = __importDefault(require("./TableOfContents.module.scss"));
-const themeVars_1 = require("@components-core/theming/themeVars");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
+const themeVars_1 = require("../../components-core/theming/themeVars");
 const TableOfContentsNative_1 = require("./TableOfContentsNative");
 const COMP = "TableOfContents";
 exports.TableOfContentsMd = (0, ComponentDefs_1.createMetadata)({
@@ -19,6 +19,8 @@ exports.TableOfContentsMd = (0, ComponentDefs_1.createMetadata)({
     props: {
         smoothScrolling: (0, ComponentDefs_1.d)(`This property indicates that smooth scrolling is used while scrolling the selected table ` +
             `of contents items into view.`),
+        maxHeadingLevel: (0, ComponentDefs_1.d)("Defines the maximum heading level to include in the table of contents. Headings " +
+            "with a level greater than this value will be excluded."),
     },
     themeVars: (0, themeVars_1.parseScssVar)(TableOfContents_module_scss_1.default.themeVars),
     defaultThemeVars: {
@@ -69,6 +71,6 @@ exports.TableOfContentsMd = (0, ComponentDefs_1.createMetadata)({
     },
 });
 exports.tableOfContentsRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.TableOfContentsMd, ({ layoutCss, node, extractValue }) => {
-    var _a;
-    return ((0, jsx_runtime_1.jsx)(TableOfContentsNative_1.TableOfContents, { style: layoutCss, smoothScrolling: extractValue.asOptionalBoolean((_a = node.props) === null || _a === void 0 ? void 0 : _a.smoothScrolling) }));
+    var _a, _b;
+    return ((0, jsx_runtime_1.jsx)(TableOfContentsNative_1.TableOfContents, { style: layoutCss, smoothScrolling: extractValue.asOptionalBoolean((_a = node.props) === null || _a === void 0 ? void 0 : _a.smoothScrolling), maxHeadingLevel: extractValue.asOptionalNumber((_b = node.props) === null || _b === void 0 ? void 0 : _b.maxHeadingLevel) }));
 });

package/dist/scripts/src/components/TableOfContents/TableOfContentsNative.js

@@ -5,14 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableOfContents = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const TableOfContents_module_scss_1 = __importDefault(require("./TableOfContents.module.scss"));
 const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-const TableOfContentsContext_1 = require("@components-core/TableOfContentsContext");
 const react_2 = require("@remix-run/react");
 const scroll_into_view_if_needed_1 = __importDefault(require("scroll-into-view-if-needed"));
 const react_compose_refs_1 = require("@radix-ui/react-compose-refs");
-exports.TableOfContents = (0, react_1.forwardRef)(function TableOfContents({ style, smoothScrolling }, forwardedRef) {
+const classnames_1 = __importDefault(require("classnames"));
+const TableOfContents_module_scss_1 = __importDefault(require("./TableOfContents.module.scss"));
+const TableOfContentsContext_1 = require("../../components-core/TableOfContentsContext");
+exports.TableOfContents = (0, react_1.forwardRef)(function TableOfContents({ style, smoothScrolling, maxHeadingLevel = 6 }, forwardedRef) {
     const tocRef = (0, react_1.useRef)(null);
     const { headings, setObserveIntersection, activeAnchorId, setActiveAnchorId } = (0, TableOfContentsContext_1.useTableOfContents)();
     const ref = forwardedRef ? (0, react_compose_refs_1.composeRefs)(tocRef, forwardedRef) : tocRef;
@@ -33,24 +33,29 @@ exports.TableOfContents = (0, react_1.forwardRef)(function TableOfContents({ sty
             }
         }
     }, [activeAnchorId, headings]);
-    return ((0, jsx_runtime_1.jsx)("div", { className: TableOfContents_module_scss_1.default.nav, ref: ref, style: style, children: (0, jsx_runtime_1.jsx)("ul", { className: TableOfContents_module_scss_1.default.list, children: headings.map((value) => ((0, jsx_runtime_1.jsx)("li", { className: (0, classnames_1.default)(TableOfContents_module_scss_1.default.listItem, {
-                    [TableOfContents_module_scss_1.default.active]: value.id === activeAnchorId,
-                }), children: (0, jsx_runtime_1.jsx)(react_2.NavLink, { className: (0, classnames_1.default)(TableOfContents_module_scss_1.default.link, {
-                        [TableOfContents_module_scss_1.default.head_1]: value.level === 1,
-                        [TableOfContents_module_scss_1.default.head_2]: value.level === 2,
-                        [TableOfContents_module_scss_1.default.head_3]: value.level === 3,
-                        [TableOfContents_module_scss_1.default.head_4]: value.level === 4,
-                        [TableOfContents_module_scss_1.default.head_5]: value.level === 5,
-                        [TableOfContents_module_scss_1.default.head_6]: value.level === 6,
-                    }), to: `#${value.id}`, onClick: () => {
-                        if (smoothScrolling) {
-                            (0, scroll_into_view_if_needed_1.default)(value.anchor, {
-                                block: "start",
-                                inline: "start",
-                                behavior: "smooth",
-                                scrollMode: "if-needed",
-                            });
-                        }
-                        setActiveAnchorId(value.id);
-                    }, id: value.id, children: value.text }) }, value.id))) }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: TableOfContents_module_scss_1.default.nav, ref: ref, style: style, children: (0, jsx_runtime_1.jsx)("ul", { className: TableOfContents_module_scss_1.default.list, children: headings.map((value) => {
+                if (value.level <= maxHeadingLevel) {
+                    return ((0, jsx_runtime_1.jsx)("li", { className: (0, classnames_1.default)(TableOfContents_module_scss_1.default.listItem, {
+                            [TableOfContents_module_scss_1.default.active]: value.id === activeAnchorId,
+                        }), children: (0, jsx_runtime_1.jsx)(react_2.NavLink, { className: (0, classnames_1.default)(TableOfContents_module_scss_1.default.link, {
+                                [TableOfContents_module_scss_1.default.head_1]: value.level === 1,
+                                [TableOfContents_module_scss_1.default.head_2]: value.level === 2,
+                                [TableOfContents_module_scss_1.default.head_3]: value.level === 3,
+                                [TableOfContents_module_scss_1.default.head_4]: value.level === 4,
+                                [TableOfContents_module_scss_1.default.head_5]: value.level === 5,
+                                [TableOfContents_module_scss_1.default.head_6]: value.level === 6,
+                            }), to: `#${value.id}`, onClick: () => {
+                                if (smoothScrolling) {
+                                    (0, scroll_into_view_if_needed_1.default)(value.anchor, {
+                                        block: "start",
+                                        inline: "start",
+                                        behavior: "smooth",
+                                        scrollMode: "if-needed",
+                                    });
+                                }
+                                setActiveAnchorId(value.id);
+                            }, id: value.id, children: value.text }) }, value.id));
+                }
+                return null;
+            }) }) }));
 });

package/dist/scripts/src/components/Tabs/TabContext.js

@@ -8,7 +8,7 @@ exports.useTabContextValue = useTabContextValue;
 exports.useTabContext = useTabContext;
 const react_1 = require("react");
 const immer_1 = __importDefault(require("immer"));
-const constants_1 = require("@components-core/constants");
+const constants_1 = require("../../components-core/constants");
 exports.TabContext = (0, react_1.createContext)({
     register: (tabItem) => { },
     unRegister: (id) => { },

package/dist/scripts/src/components/Tabs/TabItem.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tabItemComponentRenderer = exports.TabItemMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const renderers_1 = require("@components-core/renderers");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
 const TabItemNative_1 = require("./TabItemNative");
-const metadata_helpers_1 = require("@components/metadata-helpers");
+const metadata_helpers_1 = require("../metadata-helpers");
 const COMP = "TabItem";
 exports.TabItemMd = (0, ComponentDefs_1.createMetadata)({
     description: `\`${COMP}\` is a non-visual component describing a tab. Tabs component may use nested ` +

package/dist/scripts/src/components/Tabs/TabItemNative.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabItemComponent = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const Tabs_module_scss_1 = __importDefault(require("@components/Tabs/Tabs.module.scss"));
 const react_tabs_1 = require("@radix-ui/react-tabs");
-const TabContext_1 = require("@components/Tabs/TabContext");
+const Tabs_module_scss_1 = __importDefault(require("../Tabs/Tabs.module.scss"));
+const TabContext_1 = require("../Tabs/TabContext");
 exports.TabItemComponent = (0, react_1.forwardRef)(function TabItemComponent({ children, label, style }, forwardedRef) {
     const id = (0, react_1.useId)();
     const { register, unRegister, activeTabId } = (0, TabContext_1.useTabContext)();

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

@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tabsComponentRenderer = exports.TabsMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const themeVars_1 = require("@components-core/theming/themeVars");
 const Tabs_module_scss_1 = __importDefault(require("./Tabs.module.scss"));
-const container_helpers_1 = require("@components/container-helpers");
-const metadata_helpers_1 = require("@components/metadata-helpers");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const themeVars_1 = require("../../components-core/theming/themeVars");
+const renderers_1 = require("../../components-core/renderers");
+const container_helpers_1 = require("../container-helpers");
+const metadata_helpers_1 = require("../metadata-helpers");
 const TabsNative_1 = require("./TabsNative");
-const renderers_1 = require("@components-core/renderers");
 const COMP = "Tabs";
 exports.TabsMd = (0, ComponentDefs_1.createMetadata)({
     status: "experimental",

package/dist/scripts/src/components/Tabs/TabsNative.js

@@ -41,8 +41,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const RTabs = __importStar(require("@radix-ui/react-tabs"));
 const Tabs_module_scss_1 = __importDefault(require("./Tabs.module.scss"));
-const TabContext_1 = require("@components/Tabs/TabContext");
-const misc_1 = require("@components-core/utils/misc");
+const misc_1 = require("../../components-core/utils/misc");
+const TabContext_1 = require("../Tabs/TabContext");
 exports.Tabs = (0, react_1.forwardRef)(function Tabs({ activeTab = 0, orientation = "vertical", tabRenderer, style, children, registerComponentApi, }, forwardedRef) {
     const { tabItems, tabContextValue } = (0, TabContext_1.useTabContextValue)();
     const [activeIndex, setActiveIndex] = (0, react_1.useState)(activeTab);

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

@@ -17,10 +17,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.textComponentRenderer = exports.TextMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Text_module_scss_1 = __importDefault(require("./Text.module.scss"));
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const renderers_1 = require("@components-core/renderers");
-const themeVars_1 = require("@components-core/theming/themeVars");
-const abstractions_1 = require("@components/abstractions");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
+const themeVars_1 = require("../../components-core/theming/themeVars");
+const abstractions_1 = require("../abstractions");
 const TextNative_1 = require("./TextNative");
 const COMP = "Text";
 exports.TextMd = (0, ComponentDefs_1.createMetadata)({
@@ -115,6 +115,7 @@ exports.TextMd = (0, ComponentDefs_1.createMetadata)({
     },
 });
 exports.textComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.TextMd, ({ node, extractValue, layoutCss, renderChild }) => {
+    // TEMP: Need to use the resolveAndCleanProps function here and handle VariantTypes correctly
     const _a = node.props, { variant, maxLines, preserveLinebreaks, ellipses, value } = _a, variantSpecific = __rest(_a, ["variant", "maxLines", "preserveLinebreaks", "ellipses", "value"]);
     const variantSpecificProps = Object.fromEntries(Object.entries(variantSpecific)
         .filter(([key, _]) => abstractions_1.VariantPropsKeys.includes(key))

package/dist/scripts/src/components/Text/TextNative.js

@@ -17,17 +17,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Text = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const react_2 = require("react");
-const Text_module_scss_1 = __importDefault(require("./Text.module.scss"));
-const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
-const css_utils_1 = require("@components-core/utils/css-utils");
 const react_compose_refs_1 = require("@radix-ui/react-compose-refs");
-const abstractions_1 = require("@components/abstractions");
+const classnames_1 = __importDefault(require("classnames"));
+const Text_module_scss_1 = __importDefault(require("./Text.module.scss"));
+const css_utils_1 = require("../../components-core/utils/css-utils");
+const abstractions_1 = require("../abstractions");
 exports.Text = (0, react_1.forwardRef)(function Text(_a, forwardedRef) {
     var { uid, variant, maxLines = 0, style, children, preserveLinebreaks, ellipses = true } = _a, variantSpecificProps = __rest(_a, ["uid", "variant", "maxLines", "style", "children", "preserveLinebreaks", "ellipses"]);
-    const innerRef = (0, react_2.useRef)(null);
+    const innerRef = (0, react_1.useRef)(null);
     const ref = forwardedRef ? (0, react_compose_refs_1.composeRefs)(innerRef, forwardedRef) : innerRef;
-    const Element = (0, react_2.useMemo)(() => {
+    const Element = (0, react_1.useMemo)(() => {
         if (!variant || !abstractions_1.TextVariantElement[variant])
             return "div"; //todo illesg, could be a span?
         return abstractions_1.TextVariantElement[variant];

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

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.textAreaComponentRenderer = exports.TextAreaMd = exports.resizeOptionsMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const TextArea_module_scss_1 = __importDefault(require("./TextArea.module.scss"));
-const renderers_1 = require("@components-core/renderers");
-const themeVars_1 = require("@components-core/theming/themeVars");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
+const themeVars_1 = require("../../components-core/theming/themeVars");
+const metadata_helpers_1 = require("../metadata-helpers");
 const TextAreaNative_1 = require("./TextAreaNative");
-const metadata_helpers_1 = require("@components/metadata-helpers");
 const COMP = "TextArea";
 exports.resizeOptionsMd = [
     { value: "undefined", description: "No resizing" },

package/dist/scripts/src/components/TextArea/TextAreaNative.js

@@ -39,14 +39,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextArea = exports.resizeOptionKeys = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
-const TextArea_module_scss_1 = __importDefault(require("./TextArea.module.scss"));
-const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
-const constants_1 = require("@components-core/constants");
-const TextAreaResizable_1 = __importDefault(require("./TextAreaResizable"));
+const classnames_1 = __importDefault(require("classnames"));
 const react_textarea_autosize_1 = __importDefault(require("react-textarea-autosize"));
 const lodash_es_1 = require("lodash-es");
-const misc_1 = require("@components-core/utils/misc");
-const ItemWithLabel_1 = require("@components/FormItem/ItemWithLabel");
+const TextArea_module_scss_1 = __importDefault(require("./TextArea.module.scss"));
+const constants_1 = require("../../components-core/constants");
+const misc_1 = require("../../components-core/utils/misc");
+const ItemWithLabel_1 = require("../FormItem/ItemWithLabel");
+const TextAreaResizable_1 = __importDefault(require("./TextAreaResizable"));
 exports.resizeOptionKeys = ["horizontal", "vertical", "both"];
 const resizeMap = {
     horizontal: TextArea_module_scss_1.default.resizeHorizontal,

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

@@ -5,11 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.passwordInputComponentRenderer = exports.PasswordMd = exports.textBoxComponentRenderer = exports.TextBoxMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const renderers_1 = require("@components-core/renderers");
 const TextBox_module_scss_1 = __importDefault(require("./TextBox.module.scss"));
-const themeVars_1 = require("@components-core/theming/themeVars");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const metadata_helpers_1 = require("@components/metadata-helpers");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
+const themeVars_1 = require("../../components-core/theming/themeVars");
+const metadata_helpers_1 = require("../metadata-helpers");
 const TextBoxNative_1 = require("./TextBoxNative");
 const COMP = "TextBox";
 exports.TextBoxMd = (0, ComponentDefs_1.createMetadata)({

package/dist/scripts/src/components/TextBox/TextBoxNative.js

@@ -40,12 +40,12 @@ exports.TextBox = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_2 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
+const classnames_1 = __importDefault(require("classnames"));
 const TextBox_module_scss_1 = __importDefault(require("./TextBox.module.scss"));
-const constants_1 = require("@components-core/constants");
-const InputAdornment_1 = require("@components/Input/InputAdornment");
-const misc_1 = require("@components-core/utils/misc");
-const ItemWithLabel_1 = require("@components/FormItem/ItemWithLabel");
+const constants_1 = require("../../components-core/constants");
+const misc_1 = require("../../components-core/utils/misc");
+const InputAdornment_1 = require("../Input/InputAdornment");
+const ItemWithLabel_1 = require("../FormItem/ItemWithLabel");
 exports.TextBox = (0, react_1.forwardRef)(function TextBox({ id, type = "text", value = "", updateState = constants_1.noop, initialValue = "", style, maxLength, enabled = true, placeholder, validationStatus = "none", onDidChange = constants_1.noop, onFocus = constants_1.noop, onBlur = constants_1.noop, registerComponentApi, startText, startIcon, endText, endIcon, autoFocus, readOnly, tabIndex, label, labelPosition, labelWidth, labelBreak, required, }, ref) {
     const inputRef = (0, react_2.useRef)(null);
     (0, react_2.useEffect)(() => {

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

@@ -13,8 +13,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.themeComponentRenderer = exports.ThemeMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const renderers_1 = require("@components-core/renderers");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
 const ThemeNative_1 = require("./ThemeNative");
 const COMP = "Theme";
 exports.ThemeMd = (0, ComponentDefs_1.createMetadata)({

package/dist/scripts/src/components/Theme/ThemeNative.js

@@ -6,16 +6,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Theme = Theme;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const Theme_module_scss_1 = __importDefault(require("./Theme.module.scss"));
-const ThemeProvider_1 = require("@components-core/theming/ThemeProvider");
-const ThemeContext_1 = require("@components-core/theming/ThemeContext");
-const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
 const react_helmet_async_1 = require("react-helmet-async");
 const react_dom_1 = require("react-dom");
-const constants_1 = require("@components-core/constants");
-const ErrorBoundary_1 = require("@components-core/rendering/ErrorBoundary");
+const classnames_1 = __importDefault(require("classnames"));
+const Theme_module_scss_1 = __importDefault(require("./Theme.module.scss"));
+const ThemeProvider_1 = require("../../components-core/theming/ThemeProvider");
+const ThemeContext_1 = require("../../components-core/theming/ThemeContext");
+const themeVars_1 = require("../../components-core/theming/themeVars");
+const constants_1 = require("../../components-core/constants");
+const ErrorBoundary_1 = require("../../components-core/rendering/ErrorBoundary");
 const NotificationToast_1 = require("./NotificationToast");
-const themeVars_1 = require("@components-core/theming/themeVars");
 function getClassName(css) {
     return `theme-${calculateHash(css)}`;
 }

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

@@ -2,18 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.themeChangerButtonComponentRenderer = exports.ThemeChangerButtonMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const DropdownMenuNative_1 = require("@components/DropdownMenu/DropdownMenuNative");
-const ButtonNative_1 = require("@components/Button/ButtonNative");
-const ContentSeparatorNative_1 = require("@components/ContentSeparator/ContentSeparatorNative");
-const ModalDialogNative_1 = require("@components/ModalDialog/ModalDialogNative");
-const RadioGroupNative_1 = require("@components/RadioGroup/RadioGroupNative");
 const react_1 = require("react");
-const ThemeContext_1 = require("@components-core/theming/ThemeContext");
-const renderers_1 = require("@components-core/renderers");
-const StackNative_1 = require("@components/Stack/StackNative");
-const TextNative_1 = require("@components/Text/TextNative");
-const IconNative_1 = require("@components/Icon/IconNative");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const ThemeContext_1 = require("../../components-core/theming/ThemeContext");
+const renderers_1 = require("../../components-core/renderers");
+const DropdownMenuNative_1 = require("../DropdownMenu/DropdownMenuNative");
+const ButtonNative_1 = require("../Button/ButtonNative");
+const ContentSeparatorNative_1 = require("../ContentSeparator/ContentSeparatorNative");
+const ModalDialogNative_1 = require("../ModalDialog/ModalDialogNative");
+const RadioGroupNative_1 = require("../RadioGroup/RadioGroupNative");
+const StackNative_1 = require("../Stack/StackNative");
+const TextNative_1 = require("../Text/TextNative");
+const IconNative_1 = require("../Icon/IconNative");
 const COMP = "ThemeChangerButton";
 exports.ThemeChangerButtonMd = (0, ComponentDefs_1.createMetadata)({
     status: "experimental",

package/dist/scripts/src/components/ThemeChanger/ToneChangerButton.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.toneChangerButtonComponentRenderer = exports.ToneChangerButtonMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const ButtonNative_1 = require("@components/Button/ButtonNative");
-const ThemeContext_1 = require("@components-core/theming/ThemeContext");
-const renderers_1 = require("@components-core/renderers");
-const IconNative_1 = require("@components/Icon/IconNative");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const ThemeContext_1 = require("../../components-core/theming/ThemeContext");
+const renderers_1 = require("../../components-core/renderers");
+const ButtonNative_1 = require("../Button/ButtonNative");
+const IconNative_1 = require("../Icon/IconNative");
 const COMP = "ToneChangerButton";
 exports.ToneChangerButtonMd = (0, ComponentDefs_1.createMetadata)({
     status: "experimental",

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

@@ -39,11 +39,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Toggle = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
+const classnames_1 = __importDefault(require("classnames"));
 const Toggle_module_scss_1 = __importDefault(require("./Toggle.module.scss"));
-const constants_1 = require("@components-core/constants");
-const ItemWithLabel_1 = require("@components/FormItem/ItemWithLabel");
-const misc_1 = require("@components-core/utils/misc");
+const constants_1 = require("../../components-core/constants");
+const misc_1 = require("../../components-core/utils/misc");
+const ItemWithLabel_1 = require("../FormItem/ItemWithLabel");
 exports.Toggle = (0, react_1.forwardRef)(function Toggle({ id, initialValue = false, value = false, enabled = true, style, readOnly, validationStatus = "none", updateState = constants_1.noop, onDidChange = constants_1.noop, onFocus = constants_1.noop, onBlur = constants_1.noop, variant = "checkbox", indeterminate = false, className, label, labelPosition = "start", labelWidth, labelBreak, required, registerComponentApi, }, forwardedRef) {
     const innerRef = react_1.default.useRef(null);
     (0, react_1.useEffect)(() => {

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.toolbarRenderer = exports.ToolbarMd = void 0;
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const compound_utils_1 = require("@components-core/utils/compound-utils");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const compound_utils_1 = require("../../components-core/utils/compound-utils");
 // --- We cannot use this with nextra
 // import componentSource from "./Toolbar.xmlui?raw";
 const COMP = "Toolbar";

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.toolbarButtonRenderer = exports.ToolbarButtonMd = void 0;
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const compound_utils_1 = require("@components-core/utils/compound-utils");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const compound_utils_1 = require("../../components-core/utils/compound-utils");
 // --- We cannot use this with nextra
 // import componentSource from "./ToolbarButton.xmlui?raw";
 const COMP = "ToolbarButton";

package/dist/scripts/src/components/Tree/TreeComponent.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.treeComponentRenderer = exports.TreeMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const container_helpers_1 = require("@components/container-helpers");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const renderers_1 = require("@components-core/renderers");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
+const container_helpers_1 = require("../container-helpers");
+const metadata_helpers_1 = require("../metadata-helpers");
 const TreeNative_1 = require("./TreeNative");
-const metadata_helpers_1 = require("@components/metadata-helpers");
 const COMP = "Tree";
 exports.TreeMd = (0, ComponentDefs_1.createMetadata)({
     status: "in progress",

package/dist/scripts/src/components/Tree/TreeNative.js

@@ -8,9 +8,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_window_1 = require("react-window");
 const react_virtualized_auto_sizer_1 = __importDefault(require("react-virtualized-auto-sizer"));
+const classnames_1 = __importDefault(require("classnames"));
 const TreeComponent_module_scss_1 = __importDefault(require("./TreeComponent.module.scss"));
-const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
-const treeUtils_1 = require("@components-core/utils/treeUtils");
+const treeUtils_1 = require("../../components-core/utils/treeUtils");
 const TreeRow = (0, react_1.memo)(function TreeRow({ index, style, data }) {
     const { nodes, toggleNode, selectedUid, itemRenderer } = data;
     const treeItem = nodes[index];

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.trendLabelRenderer = exports.TrendLabelMd = void 0;
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const compound_utils_1 = require("@components-core/utils/compound-utils");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const compound_utils_1 = require("../../components-core/utils/compound-utils");
 // --- We cannot use this with nextra
 //import componentSource from "./TrendLabel.xmlui?raw";
 const COMP = "TrendLabel";

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

@@ -6,15 +6,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ValidationSummary = ValidationSummary;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const StackNative_1 = require("@components/Stack/StackNative");
-const IconNative_1 = require("@components/Icon/IconNative");
-const TextNative_1 = require("@components/Text/TextNative");
-const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
-const ValidationSummary_module_scss_1 = __importDefault(require("./ValidationSummary.module.scss"));
-const SpaceFillerNative_1 = require("@components/SpaceFiller/SpaceFillerNative");
-const ButtonNative_1 = require("@components/Button/ButtonNative");
-const constants_1 = require("@components-core/constants");
 const react_2 = require("@formkit/auto-animate/react");
+const classnames_1 = __importDefault(require("classnames"));
+const ValidationSummary_module_scss_1 = __importDefault(require("./ValidationSummary.module.scss"));
+const constants_1 = require("../../components-core/constants");
+const StackNative_1 = require("../Stack/StackNative");
+const IconNative_1 = require("../Icon/IconNative");
+const TextNative_1 = require("../Text/TextNative");
+const SpaceFillerNative_1 = require("../SpaceFiller/SpaceFillerNative");
+const ButtonNative_1 = require("../Button/ButtonNative");
 function ValidationSummary({ fieldValidationResults = constants_1.EMPTY_OBJECT, generalValidationResults = constants_1.EMPTY_ARRAY, }) {
     const [animateContainerRef] = (0, react_2.useAutoAnimate)({ duration: 100 });
     const groupedInvalidResults = (0, react_1.useMemo)(() => {

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VariantPropsKeys = exports.variantOptionsMd = exports.TextVariantElement = exports.orderingValues = exports.scrollAnchoringNames = exports.scrollAnchoringValues = exports.validationStatusMd = exports.validationStatusNames = exports.validationStatusValues = exports.triggerPositionNames = exports.labelPositionMd = exports.labelPositionNames = exports.labelPositionValues = exports.placementMd = exports.placementNames = exports.statusColorMd = exports.statusColorNames = exports.iconPositionMd = exports.iconPositionNames = exports.iconPositionValues = exports.orientationOptionMd = exports.orientationOptionNames = exports.alignmentOptionMd = exports.alignmentOptionNames = exports.alignmentOptionValues = exports.buttonAriaNames = exports.buttonVariantMd = exports.buttonVariantNames = exports.defaultButtonType = exports.buttonTypesMd = exports.buttonTypeNames = exports.buttonTypeValues = exports.buttonThemeMd = exports.buttonThemeNames = exports.sizeNames = exports.sizeMd = exports.viewportSizeNames = exports.viewportSizeMd = exports.LinkTargetMd = exports.LinkTargetNames = void 0;
-exports.LinkTargetNames = ["_self", "_blank", "_parent", "_top"];
+exports.LinkTargetNames = ["_self", "_blank", "_parent", "_top", "_unfencedTop"];
 exports.LinkTargetMd = [
     {
         value: "_self",
@@ -19,6 +19,10 @@ exports.LinkTargetMd = [
         value: "_top",
         description: "The topmost browsing context. The link will open in the full body of the window. If no ancestors, behaves as _self.",
     },
+    {
+        value: "_unfencedTop",
+        description: "Allows embedded fenced frames to navigate the top-level frame, i.e. traversing beyond the root of the fenced frame."
+    }
 ];
 // --- Available view sizes
 exports.viewportSizeMd = [
@@ -201,7 +205,7 @@ const TextVariantKeys = [
     "sample", // use <samp>
     "sub", // use <sub>
     "sup", // use <sup>
-    "var", // use <var>
+    "var", // use <variable>
     "strong", // use <strong> element for content that is of greater importance (used in Markdown)
     "em", // use <em> element changes the meaning of a sentence - as spoken emphasis does (used in Markdown)
     "mono", // use monospace font with <![CDATA[