xmlui 0.11.8 → 0.11.10

package/dist/lib/{initMock-DscB1vh1.js → initMock-DZD5kuk6.js}

@@ -1,6 +1,6 @@
 import { delay as delay$1, HttpResponse, matchRequestUrl } from "msw";
 import { isArray, isObject, mapValues } from "lodash-es";
-import { r as runEventHandlerCode, g as getDate, d as delay, m as miscellaneousUtils, a as dateFunctions, o as orderBy, T as ThrowStatementError } from "./index-Sebt9Sqs.js";
+import { r as runEventHandlerCode, g as getDate, d as delay, m as miscellaneousUtils, a as dateFunctions, o as orderBy, T as ThrowStatementError } from "./index-DfOJVz5h.js";
 import Dexie from "dexie";
 var HttpStatusCode = /* @__PURE__ */ ((HttpStatusCode2) => {
   HttpStatusCode2[HttpStatusCode2["Continue"] = 100] = "Continue";

package/dist/lib/xmlui.d.ts

@@ -559,7 +559,8 @@ declare type ContainerState = Record<string | symbol, any>;
 export declare const ContentSeparator: ForwardRefExoticComponent<ContentSeparatorProps & RefAttributes<HTMLDivElement>>;
 
 declare type ContentSeparatorProps = {
-    size?: number | string;
+    thickness?: number | string;
+    length?: number | string;
     orientation?: string;
     style?: CSSProperties;
     className?: string;

package/dist/lib/xmlui.js

@@ -1,4 +1,4 @@
-import { aa, Z, al, a1, ax, av, _, $, ai, ak, aw, ag, ab, a2, a0, S, ar, b, ao, ap, a4, a5, ae, af, as, aj, at, au, ah, ad, c, f, e, h, j, k, l, i, n, p, q, s, u, v, x, w, t, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, P, N, O, Q, R, U, V, a3, W, X, a7, an, a6, a8, aq, a9, am, Y, ac } from "./index-Sebt9Sqs.js";
+import { aa, Z, al, a1, ax, av, _, $, ai, ak, aw, ag, ab, a2, a0, S, ar, b, ao, ap, a4, a5, ae, af, as, aj, at, au, ah, ad, c, f, e, h, j, k, l, i, n, p, q, s, u, v, x, w, t, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, P, N, O, Q, R, U, V, a3, W, X, a7, an, a6, a8, aq, a9, am, Y, ac } from "./index-DfOJVz5h.js";
 import { e as e2, x as x2 } from "./xmlui-parser-CW8YmGjO.js";
 import { X as X2 } from "./xmlui-serializer-CeCcgdVR.js";
 export {

package/dist/metadata/{collectedComponentMetadata-CTUU7sdt.js → collectedComponentMetadata-BzigLDo6.js}

@@ -5879,6 +5879,8 @@ const RootThemeDefinition = {
     "boxShadow-spread-2-xl": "-6px -4px 40px 18px rgba(0, 0, 0, 0.1)",
     // --- The default maximum content width
     "maxWidth-content": "1280px",
+    // --- The default maximum content column width
+    "maxWidth-columnContent": "800px",
     // --- Background colors
     backgroundColor: "$color-surface-subtle",
     "backgroundColor-overlay": "rgba(0, 0, 0, 0.2)",
@@ -7456,23 +7458,24 @@ const themeComponentRenderer = createComponentRenderer(
   }
 );
 const themeVars$X = `'{"width-navPanel-App": "var(--xmlui-width-navPanel-App)", "backgroundColor-navPanel-App": "var(--xmlui-backgroundColor-navPanel-App)", "boxShadow-header-App": "var(--xmlui-boxShadow-header-App)", "boxShadow-navPanel-App": "var(--xmlui-boxShadow-navPanel-App)", "backgroundColor-content-App": "var(--xmlui-backgroundColor-content-App)", "borderLeft-content-App": "var(--xmlui-borderLeft-content-App)", "maxWidth-content-App": "var(--xmlui-maxWidth-content-App)", "maxWidth-App": "var(--xmlui-maxWidth-App)", "backgroundColor-AppHeader": "var(--xmlui-backgroundColor-AppHeader)", "borderBottom-AppHeader": "var(--xmlui-borderBottom-AppHeader)", "scroll-padding-block-Pages": "var(--xmlui-scroll-padding-block-Pages)"}'`;
-const wrapper$k = "_wrapper_1le1z_15";
-const verticalFullHeader = "_verticalFullHeader_1le1z_15";
-const navPanelWrapper = "_navPanelWrapper_1le1z_15";
-const vertical$7 = "_vertical_1le1z_15";
-const contentWrapper$2 = "_contentWrapper_1le1z_33";
-const noScrollbarGutters = "_noScrollbarGutters_1le1z_39";
-const PagesWrapper = "_PagesWrapper_1le1z_46";
-const footerWrapper = "_footerWrapper_1le1z_50";
-const sticky = "_sticky_1le1z_53";
-const nonSticky = "_nonSticky_1le1z_57";
-const horizontal$6 = "_horizontal_1le1z_60";
-const headerWrapper$1 = "_headerWrapper_1le1z_86";
-const desktop = "_desktop_1le1z_92";
-const PagesWrapperInner = "_PagesWrapperInner_1le1z_150";
-const scrollWholePage = "_scrollWholePage_1le1z_228";
-const content$8 = "_content_1le1z_33";
-const withDefaultContentPadding = "_withDefaultContentPadding_1le1z_342";
+const wrapper$k = "_wrapper_188ri_15";
+const verticalFullHeader = "_verticalFullHeader_188ri_15";
+const navPanelWrapper = "_navPanelWrapper_188ri_15";
+const vertical$7 = "_vertical_188ri_15";
+const contentWrapper$2 = "_contentWrapper_188ri_33";
+const noScrollbarGutters = "_noScrollbarGutters_188ri_39";
+const PagesWrapper = "_PagesWrapper_188ri_46";
+const footerWrapper = "_footerWrapper_188ri_50";
+const sticky = "_sticky_188ri_53";
+const nonSticky = "_nonSticky_188ri_57";
+const horizontal$6 = "_horizontal_188ri_60";
+const headerWrapper$1 = "_headerWrapper_188ri_86";
+const desktop = "_desktop_188ri_92";
+const PagesWrapperInner = "_PagesWrapperInner_188ri_150";
+const noFooter = "_noFooter_188ri_208";
+const scrollWholePage = "_scrollWholePage_188ri_234";
+const content$8 = "_content_188ri_33";
+const withDefaultContentPadding = "_withDefaultContentPadding_188ri_348";
 const styles$1b = {
   themeVars: themeVars$X,
   wrapper: wrapper$k,
@@ -7489,6 +7492,7 @@ const styles$1b = {
   headerWrapper: headerWrapper$1,
   desktop,
   PagesWrapperInner,
+  noFooter,
   scrollWholePage,
   content: content$8,
   withDefaultContentPadding
@@ -7675,7 +7679,7 @@ const Image = forwardRef(function Img({
         setBlobUrl(null);
       }
     }
-  }, [src, blobToRender]);
+  }, [src, blobToRender, blobUrl]);
   src = safeConvertPropToString(src);
   alt = safeConvertPropToString(alt);
   const imageSrc = src || blobUrl;
@@ -8007,7 +8011,8 @@ const defaultProps$18 = {
   iconHorizontalExpanded: "chevronright",
   iconHorizontalCollapsed: "chevronright",
   iconVerticalExpanded: "chevrondown",
-  iconVerticalCollapsed: "chevronright"
+  iconVerticalCollapsed: "chevronright",
+  noIndicator: false
 };
 const NavGroup = forwardRef(function NavGroup2({
   node,
@@ -8018,6 +8023,7 @@ const NavGroup = forwardRef(function NavGroup2({
   to,
   disabled: disabled2 = false,
   initiallyExpanded = false,
+  noIndicator = defaultProps$18.noIndicator,
   iconHorizontalCollapsed,
   iconHorizontalExpanded,
   iconVerticalCollapsed,
@@ -8062,7 +8068,8 @@ const NavGroup = forwardRef(function NavGroup2({
       renderChild: renderChild2,
       ref,
       initiallyExpanded,
-      disabled: disabled2
+      disabled: disabled2,
+      noIndicator
     }
   ) : /* @__PURE__ */ jsx(
     DropDownNavGroup,
@@ -8075,7 +8082,8 @@ const NavGroup = forwardRef(function NavGroup2({
       ref,
       to,
       initiallyExpanded,
-      disabled: disabled2
+      disabled: disabled2,
+      noIndicator
     }
   ) });
 });
@@ -8088,6 +8096,7 @@ const ExpandableNavGroup = forwardRef(function ExpandableNavGroup2({
   to,
   initiallyExpanded = false,
   disabled: disabled2 = false,
+  noIndicator = false,
   ...rest
 }, ref) {
   const { level, iconVerticalCollapsed, iconVerticalExpanded, layoutIsVertical } = useContext(NavGroupContext);
@@ -8119,6 +8128,7 @@ const ExpandableNavGroup = forwardRef(function ExpandableNavGroup2({
         icon: icon2,
         to,
         disabled: disabled2,
+        noIndicator,
         "aria-expanded": expanded2,
         children: [
           label2,
@@ -8147,6 +8157,7 @@ const DropDownNavGroup = forwardRef(function DropDownNavGroup2({
   to,
   disabled: disabled2 = false,
   initiallyExpanded = false,
+  noIndicator = false,
   ...rest
 }, ref) {
   const {
@@ -8185,6 +8196,7 @@ const DropDownNavGroup = forwardRef(function DropDownNavGroup2({
             vertical: level >= 1,
             to,
             disabled: disabled2,
+            noIndicator,
             children: [
               label2,
               /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
@@ -8238,7 +8250,8 @@ const NavGroupContext = createContext({
 });
 const defaultProps$17 = {
   active: false,
-  displayActive: true
+  displayActive: true,
+  noIndicator: false
 };
 const NavLink = forwardRef(function NavLink2({
   /* eslint-disable react/prop-types */
@@ -8247,6 +8260,7 @@ const NavLink = forwardRef(function NavLink2({
   disabled: disabled2,
   to,
   displayActive: displayActive2 = defaultProps$17.displayActive,
+  noIndicator = defaultProps$17.noIndicator,
   vertical: vertical2,
   style: style2,
   onClick,
@@ -8278,7 +8292,7 @@ const NavLink = forwardRef(function NavLink2({
   const baseClasses = classnames(navLinkStyles.content, navLinkStyles.base, className, {
     [navLinkStyles.disabled]: disabled2,
     [navLinkStyles.vertical]: safeVertical,
-    [navLinkStyles.includeHoverIndicator]: displayActive2,
+    [navLinkStyles.includeHoverIndicator]: displayActive2 && !noIndicator,
     [navLinkStyles.navItemActive]: displayActive2 && forceActive
   });
   let innerContent2 = /* @__PURE__ */ jsxs("div", { className: navLinkStyles.innerContent, children: [
@@ -14212,7 +14226,7 @@ function evalFunctionInvocation(evaluator, thisStack, expr, evalContext, thread)
   thisStack.push(value);
   return value;
 }
-function createArrowFunction(evaluator, expr, evalContext) {
+function createArrowFunction(evaluator, expr) {
   return (...args) => {
     const runTimeEvalContext = args[1];
     const runtimeThread = args[2];
@@ -15338,6 +15352,7 @@ function App({
     {
       [styles$1b.scrollWholePage]: scrollWholePage2,
       [styles$1b.noScrollbarGutters]: noScrollbarGutters2,
+      [styles$1b.noFooter]: !footerSticky,
       "media-large": mediaSize.largeScreen,
       "media-small": mediaSize.smallScreen,
       "media-desktop": mediaSize.desktop,
@@ -15899,6 +15914,7 @@ function AppNode({ node, extractValue, renderChild: renderChild2, className, loo
       ...appProps,
       header: renderedHeader,
       footer: renderedFooter,
+      footerSticky,
       navPanel: renderedNavPanel,
       navPanelDef: NavPanel3,
       logoContentDef: node.props.logoTemplate,
@@ -17566,10 +17582,10 @@ const checkboxComponentRenderer = createComponentRenderer(
     );
   }
 );
-const themeVars$K = `'{"backgroundColor-ContentSeparator": "var(--xmlui-backgroundColor-ContentSeparator)", "size-ContentSeparator": "var(--xmlui-size-ContentSeparator)", "marginTop-ContentSeparator": "var(--xmlui-marginTop-ContentSeparator)", "marginBottom-ContentSeparator": "var(--xmlui-marginBottom-ContentSeparator)", "marginVertical-ContentSeparator": "var(--xmlui-marginVertical-ContentSeparator)", "marginLeft-ContentSeparator": "var(--xmlui-marginLeft-ContentSeparator)", "marginRight-ContentSeparator": "var(--xmlui-marginRight-ContentSeparator)", "marginHorizontal-ContentSeparator": "var(--xmlui-marginHorizontal-ContentSeparator)", "paddingTop-ContentSeparator": "var(--xmlui-paddingTop-ContentSeparator)", "paddingBottom-ContentSeparator": "var(--xmlui-paddingBottom-ContentSeparator)", "paddingVertical-ContentSeparator": "var(--xmlui-paddingVertical-ContentSeparator)", "paddingLeft-ContentSeparator": "var(--xmlui-paddingLeft-ContentSeparator)", "paddingRight-ContentSeparator": "var(--xmlui-paddingRight-ContentSeparator)", "paddingHorizontal-ContentSeparator": "var(--xmlui-paddingHorizontal-ContentSeparator)"}'`;
-const separator = "_separator_m0e86_14";
-const horizontal$3 = "_horizontal_m0e86_27";
-const vertical$3 = "_vertical_m0e86_31";
+const themeVars$K = `'{"backgroundColor-ContentSeparator": "var(--xmlui-backgroundColor-ContentSeparator)", "thickness-ContentSeparator": "var(--xmlui-thickness-ContentSeparator)", "length-ContentSeparator": "var(--xmlui-length-ContentSeparator)", "marginTop-ContentSeparator": "var(--xmlui-marginTop-ContentSeparator)", "marginBottom-ContentSeparator": "var(--xmlui-marginBottom-ContentSeparator)", "marginVertical-ContentSeparator": "var(--xmlui-marginVertical-ContentSeparator)", "marginLeft-ContentSeparator": "var(--xmlui-marginLeft-ContentSeparator)", "marginRight-ContentSeparator": "var(--xmlui-marginRight-ContentSeparator)", "marginHorizontal-ContentSeparator": "var(--xmlui-marginHorizontal-ContentSeparator)", "paddingTop-ContentSeparator": "var(--xmlui-paddingTop-ContentSeparator)", "paddingBottom-ContentSeparator": "var(--xmlui-paddingBottom-ContentSeparator)", "paddingVertical-ContentSeparator": "var(--xmlui-paddingVertical-ContentSeparator)", "paddingLeft-ContentSeparator": "var(--xmlui-paddingLeft-ContentSeparator)", "paddingRight-ContentSeparator": "var(--xmlui-paddingRight-ContentSeparator)", "paddingHorizontal-ContentSeparator": "var(--xmlui-paddingHorizontal-ContentSeparator)"}'`;
+const separator = "_separator_1r9lf_14";
+const horizontal$3 = "_horizontal_1r9lf_27";
+const vertical$3 = "_vertical_1r9lf_31";
 const styles$$ = {
   themeVars: themeVars$K,
   separator,
@@ -17580,7 +17596,22 @@ const defaultProps$W = {
   orientation: "horizontal"
 };
 const ContentSeparator = forwardRef(
-  ({ orientation = defaultProps$W.orientation, size, style: style2, className, ...rest }, ref) => {
+  ({ orientation = defaultProps$W.orientation, thickness, length, style: style2, className, ...rest }, ref) => {
+    const inlineStyles = {};
+    if (thickness !== void 0) {
+      if (orientation === "horizontal") {
+        inlineStyles.height = thickness;
+      } else {
+        inlineStyles.width = thickness;
+      }
+    }
+    if (length !== void 0) {
+      if (orientation === "horizontal") {
+        inlineStyles.width = length;
+      } else {
+        inlineStyles.height = length;
+      }
+    }
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -17595,8 +17626,7 @@ const ContentSeparator = forwardRef(
           className
         ),
         style: {
-          height: orientation === "horizontal" ? size : void 0,
-          width: orientation === "horizontal" ? "100%" : size,
+          ...inlineStyles,
           ...style2
         }
       }
@@ -17608,8 +17638,12 @@ const ContentSeparatorMd = createMetadata({
   status: "stable",
   description: "`ContentSeparator` creates visual dividers between content sections using horizontal or vertical lines. It's essential for improving readability by breaking up dense content, separating list items, or creating clear boundaries between different UI sections.",
   props: {
-    size: {
-      description: "This property defines the component's height (if the `orientation` is horizontal) or the width (if the `orientation` is vertical). If not defined, the component uses the entire available width or height.",
+    thickness: {
+      description: "This property defines the component's height (if the `orientation` is horizontal) or the width (if the `orientation` is vertical). If not defined, the component uses the theme variable `thickness-ContentSeparator` (default: 1px).",
+      valueType: "any"
+    },
+    length: {
+      description: "This property defines the component's width (if the `orientation` is horizontal) or the height (if the `orientation` is vertical). If not defined, the component uses the theme variable `length-ContentSeparator` (default: 100%).",
       valueType: "any"
     },
     orientation: {
@@ -17622,7 +17656,8 @@ const ContentSeparatorMd = createMetadata({
   themeVars: parseScssVar(styles$$.themeVars),
   defaultThemeVars: {
     [`backgroundColor-${COMP$1k}`]: "$color-surface-200",
-    [`size-${COMP$1k}`]: "1px",
+    [`thickness-${COMP$1k}`]: "1px",
+    [`length-${COMP$1k}`]: "100%",
     [`marginVertical-${COMP$1k}`]: "0",
     [`marginHorizontal-${COMP$1k}`]: "0",
     [`paddingVertical-${COMP$1k}`]: "0",
@@ -17643,7 +17678,8 @@ const contentSeparatorComponentRenderer = createComponentRenderer(
       ContentSeparator,
       {
         orientation: extractValue(node.props.orientation),
-        size: extractValue.asSize(node.props.size),
+        thickness: extractValue.asSize(node.props.thickness),
+        length: extractValue.asSize(node.props.length),
         className
       }
     );
@@ -21088,7 +21124,7 @@ const Form = forwardRef(function({
     onCancel?.();
     void requestModalFormClose();
   });
-  const doValidate = useEvent(async () => {
+  const doValidate = useEvent(() => {
     dispatch(triedToSubmit());
     const { error: error2, warning: warning2 } = groupInvalidValidationResultsBySeverity(
       Object.values(formState.validationResults)
@@ -21108,7 +21144,7 @@ const Form = forwardRef(function({
       return;
     }
     setConfirmSubmitModalVisible(false);
-    const validationResult = await doValidate();
+    const validationResult = doValidate();
     if (!validationResult.isValid) {
       return;
     }
@@ -21208,7 +21244,16 @@ const Form = forwardRef(function({
     "cancel"
   );
   const submitButton = useMemo(
-    () => /* @__PURE__ */ jsx(Button, { "data-part-id": PART_SUBMIT_BUTTON, type: "submit", disabled: !isEnabled2 || !enableSubmit, children: formState.submitInProgress ? saveInProgressLabel : saveLabel }, "submit"),
+    () => /* @__PURE__ */ jsx(
+      Button,
+      {
+        "data-part-id": PART_SUBMIT_BUTTON,
+        type: "submit",
+        disabled: !isEnabled2 || !enableSubmit,
+        children: formState.submitInProgress ? saveInProgressLabel : saveLabel
+      },
+      "submit"
+    ),
     [isEnabled2, enableSubmit, formState.submitInProgress, saveInProgressLabel, saveLabel]
   );
   useEffect(() => {
@@ -23235,7 +23280,7 @@ const TextArea = forwardRef(function TextArea2({
         inputRef.current?.focus();
       }, 0);
     }
-  }, [autoFocus, inputRef.current]);
+  }, [autoFocus]);
   const handleCopy = (event) => {
     if (allowCopy) {
       return true;
@@ -25561,6 +25606,11 @@ const NavLinkMd = createMetadata({
       valueType: "boolean",
       defaultValue: defaultProps$17.displayActive
     },
+    noIndicator: {
+      description: `This Boolean property controls whether to hide the visual indicator for active and hovered states. When set to \`true\`, the indicator line will not be displayed.`,
+      valueType: "boolean",
+      defaultValue: defaultProps$17.noIndicator
+    },
     icon: d(
       `This property allows you to add an optional icon (specify the icon's name) to the navigation link.`
     )
@@ -25582,7 +25632,9 @@ const NavLinkMd = createMetadata({
     [`fontWeight-${COMP$19}`]: "$fontWeight-normal",
     [`fontFamily-${COMP$19}`]: "$fontFamily",
     [`textColor-${COMP$19}`]: "$textColor-primary",
-    [`fontWeight-${COMP$19}--pressed`]: "$fontWeight-normal",
+    [`textColor-${COMP$19}--active`]: "$color-primary-500",
+    [`fontWeight-${COMP$19}--active`]: "$fontWeight-bold",
+    [`fontWeight-${COMP$19}--pressed`]: "$fontWeight-bold",
     [`thickness-indicator-${COMP$19}`]: "$space-0_5",
     [`outlineColor-${COMP$19}--focus`]: "$outlineColor--focus",
     [`outlineWidth-${COMP$19}--focus`]: "$outlineWidth--focus",
@@ -25608,6 +25660,7 @@ const navLinkComponentRenderer = createComponentRenderer(
         disabled: !extractValue.asOptionalBoolean(node.props.enabled ?? true),
         vertical: extractValue.asOptionalBoolean(node.props.vertical),
         displayActive: extractValue.asOptionalBoolean(node.props.displayActive),
+        noIndicator: extractValue.asOptionalBoolean(node.props.noIndicator),
         forceActive: extractValue.asOptionalBoolean(node.props.active),
         className,
         target: extractValue(node.props?.target),
@@ -26213,7 +26266,7 @@ const TreeComponent = memo((props) => {
     } catch (error2) {
       return emptyTreeData;
     }
-  }, [effectiveData, dataFormat, fieldConfig, dataRevision]);
+  }, [effectiveData, dataFormat, fieldConfig]);
   const { treeData, treeItemsById } = transformedData;
   const mappedSelectedId = useMemo(() => {
     if (selectedValue) {
@@ -33204,6 +33257,7 @@ const NavPanelMd = createMetadata({
     [`backgroundColor-${COMP$M}-horizontal`]: "$backgroundColor-AppHeader",
     [`border-${COMP$M}`]: "0px solid $borderColor",
     [`borderRight-${COMP$M}-vertical`]: "1px solid $borderColor",
+    [`paddingVertical-${COMP$M}`]: "$space-5",
     [`paddingHorizontal-${COMP$M}`]: "0",
     [`paddingVertical-logo-${COMP$M}`]: "$space-4",
     [`paddingHorizontal-logo-${COMP$M}`]: "$space-4",
@@ -33420,6 +33474,11 @@ const NavGroupMd = createMetadata({
       description: "Set a custom icon to display when the navigation menu is collapsed, is in a **vertical** app layout, or is in a **horizontal** layout and is the top-level navigation item in the menu.",
       valueType: "string",
       defaultValue: defaultProps$18.iconVerticalCollapsed
+    },
+    noIndicator: {
+      description: `This Boolean property controls whether to hide the visual indicator for active and hovered states. When set to \`true\`, the indicator line will not be displayed on the \`${COMP$K}\` toggle button.`,
+      valueType: "boolean",
+      defaultValue: defaultProps$18.noIndicator
     }
   },
   themeVars: parseScssVar(styles$17.themeVars),
@@ -33442,6 +33501,7 @@ const navGroupComponentRenderer = createComponentRenderer(
         icon: /* @__PURE__ */ jsx(Icon$l, { name: extractValue.asString(node.props.icon), className: navLinkStyles.icon }),
         node,
         initiallyExpanded: extractValue.asOptionalBoolean(node.props.initiallyExpanded),
+        noIndicator: extractValue.asOptionalBoolean(node.props.noIndicator),
         renderChild: renderChild2,
         iconHorizontalExpanded: extractValue.asOptionalString(node.props.iconHorizontalExpanded),
         iconVerticalExpanded: extractValue.asOptionalString(node.props.iconVerticalExpanded),
@@ -35069,7 +35129,6 @@ const Animation$1 = forwardRef(function Animation2({
       onStart,
       onStop,
       reset,
-      once,
       reverse2,
       toggle
     ]
@@ -38765,12 +38824,15 @@ const Timer = forwardRef(function Timer2({
       setIsPaused(false);
     }
   }, [enabled2, isPaused]);
-  const timerApi = useMemo(() => ({
-    pause,
-    resume,
-    isPaused: () => isPaused,
-    isRunning: () => isRunning && !isPaused
-  }), [pause, resume, isPaused, isRunning]);
+  const timerApi = useMemo(
+    () => ({
+      pause,
+      resume,
+      isPaused: () => isPaused,
+      isRunning: () => isRunning && !isPaused
+    }),
+    [pause, resume, isPaused, isRunning]
+  );
   useEffect(() => {
     if (registerComponentApi) {
       registerComponentApi(timerApi);
@@ -38833,7 +38895,16 @@ const Timer = forwardRef(function Timer2({
         initialDelayRef.current = null;
       }
     };
-  }, [enabled2, interval, once, hasExecutedOnce, isPaused, initialDelay, hasEverStarted]);
+  }, [
+    enabled2,
+    interval,
+    once,
+    hasExecutedOnce,
+    isPaused,
+    initialDelay,
+    hasEverStarted,
+    handleTick
+  ]);
   useEffect(() => {
     if (enabled2 && once) {
       setHasExecutedOnce(false);
@@ -47841,7 +47912,7 @@ function IconProvider({ children }) {
     /* @__PURE__ */ jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
   ] });
 }
-const version = "0.11.8";
+const version = "0.11.10";
 const miscellaneousUtils = {
   capitalize,
   pluralize: pluralize$1,
@@ -55493,7 +55564,7 @@ function ApiInterceptorProvider({
       return;
     }
     void (async () => {
-      const { initMock } = await import("./initMock-yTa1A5M3.js");
+      const { initMock } = await import("./initMock-JW5A3SpD.js");
       const apiInstance2 = await initMock(interceptor);
       setApiInstance(apiInstance2);
       setInitialized(true);
@@ -55510,7 +55581,7 @@ function ApiInterceptorProvider({
           if (define_process_env_default.VITE_MOCK_ENABLED) {
             const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
               useWorker ? import("./apiInterceptorWorker-Wgm2_zjg.js") : Promise.resolve({ createApiInterceptorWorker: () => null }),
-              import("./initMock-yTa1A5M3.js")
+              import("./initMock-JW5A3SpD.js")
             ]);
             if (interceptor || forceInitialize) {
               const apiInstance2 = await initMock(interceptor || {});
@@ -55547,7 +55618,7 @@ function ApiInterceptorProvider({
         void (async () => {
           const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
             import("./apiInterceptorWorker-Wgm2_zjg.js"),
-            import("./initMock-yTa1A5M3.js")
+            import("./initMock-JW5A3SpD.js")
           ]);
           const apiInstance2 = await initMock(interceptor);
           await createApiInterceptorWorker(apiInstance2, parentInterceptorWorker);

package/dist/metadata/{initMock-yTa1A5M3.js → initMock-JW5A3SpD.js}

@@ -1,6 +1,6 @@
 import { delay as delay$1, HttpResponse, matchRequestUrl } from "msw";
 import { isArray, isObject, mapValues } from "lodash-es";
-import { r as runEventHandlerCode, g as getDate, d as delay, m as miscellaneousUtils, a as dateFunctions, o as orderBy, T as ThrowStatementError } from "./collectedComponentMetadata-CTUU7sdt.js";
+import { r as runEventHandlerCode, g as getDate, d as delay, m as miscellaneousUtils, a as dateFunctions, o as orderBy, T as ThrowStatementError } from "./collectedComponentMetadata-BzigLDo6.js";
 import Dexie from "dexie";
 var HttpStatusCode = /* @__PURE__ */ ((HttpStatusCode2) => {
   HttpStatusCode2[HttpStatusCode2["Continue"] = 100] = "Continue";