@agnos-ui/core 0.10.0-next.2 → 0.10.0-next.3

package/drawer-Caz4Uypu.js

@@ -0,0 +1,291 @@
+import { computed, asWritable, writable, untrack, readable } from "@amadeus-it-group/tansu";
+import { focusElement } from "./services/focusElement.js";
+import { createPointerdownPositionDirective } from "./services/pointerdownPosition.js";
+import { portal } from "./services/portal.js";
+import { siblingsInert } from "./services/siblingsInert.js";
+import { createTransition } from "./services/transitions/baseTransitions.js";
+import { a as bindDirective, l as createBrowserStoreDirective, n as mergeDirectives, p as createAttributesDirective, d as directiveSubscribe, i as isBrowserHTMLElement } from "./dom-DD1hAVZy.js";
+import { noop } from "./utils/func.js";
+import { r as removeScrollbars, a as revertScrollbars } from "./scrollbars-CcxSrnCx.js";
+import { writablesForProps, bindableProp, stateStores, true$ } from "./utils/stores.js";
+import { createWidgetFactory } from "./utils/widget.js";
+import { g as typeNumberOrNull, c as typeBoolean, h as typeFunction, i as typeHTMLElementOrNull, e as typeString } from "./writables-Is1bF1Vt.js";
+function getDrawerDefaultConfig() {
+  return {
+    ...defaultDrawerConfig
+  };
+}
+const defaultDrawerConfig = {
+  animated: true,
+  ariaDescribedBy: "",
+  ariaLabelledBy: "",
+  backdropClass: "",
+  backdropTransition: noop,
+  className: "w-full",
+  visible: false,
+  container: typeof window !== "undefined" ? document.body : null,
+  transition: noop,
+  verticalTransition: noop,
+  onHidden: noop,
+  onShown: noop,
+  onSizeChange: noop,
+  onVisibleChange: noop,
+  onMinimizedChange: noop,
+  onMaximizedChange: noop,
+  onResizingChange: noop,
+  resizable: false,
+  backdrop: true,
+  bodyScroll: false,
+  size: null
+};
+const configValidator = {
+  animated: typeBoolean,
+  ariaDescribedBy: typeString,
+  ariaLabelledBy: typeString,
+  backdropClass: typeString,
+  backdropTransition: typeFunction,
+  className: typeString,
+  visible: typeBoolean,
+  transition: typeFunction,
+  verticalTransition: typeFunction,
+  container: typeHTMLElementOrNull,
+  onHidden: typeFunction,
+  onShown: typeFunction,
+  onSizeChange: typeFunction,
+  onVisibleChange: typeFunction,
+  onMinimizedChange: typeFunction,
+  onMaximizedChange: typeFunction,
+  onResizingChange: typeFunction,
+  resizable: typeBoolean,
+  backdrop: typeBoolean,
+  bodyScroll: typeBoolean,
+  size: typeNumberOrNull
+};
+const createDrawer = createWidgetFactory("drawer", (config) => {
+  const [
+    {
+      backdrop$,
+      backdropTransition$,
+      backdropClass$,
+      bodyScroll$,
+      transition$,
+      verticalTransition$,
+      visible$: requestedVisible$,
+      container$,
+      className$,
+      size$: _dirtySize$,
+      animated$,
+      ariaDescribedBy$,
+      ariaLabelledBy$,
+      onHidden$,
+      onShown$,
+      onSizeChange$,
+      onVisibleChange$,
+      onMinimizedChange$,
+      onMaximizedChange$,
+      onResizingChange$,
+      ...stateProps
+    },
+    patch
+  ] = writablesForProps(defaultDrawerConfig, config, configValidator);
+  const size$ = bindableProp(_dirtySize$, onSizeChange$, (value) => value ? Math.round(value) : value);
+  const isVertical$ = computed(() => {
+    const isVertical = ["block-start", "block-end"].some((placement) => className$().includes(placement));
+    return isVertical;
+  });
+  const transition = createTransition({
+    props: {
+      animated: animated$,
+      animatedOnInit: animated$,
+      transition: asWritable(computed(() => isVertical$() ? verticalTransition$() : transition$())),
+      visible: requestedVisible$,
+      onVisibleChange: onVisibleChange$,
+      onHidden: onHidden$,
+      onShown: onShown$
+    }
+  });
+  const drawerPortalDirective = bindDirective(
+    portal,
+    computed(() => ({ container: container$() }))
+  );
+  const { directive: drawerElementDirective, element$: drawerElement$ } = createBrowserStoreDirective();
+  const drawerAttributeDirective = mergeDirectives(
+    drawerElementDirective,
+    createAttributesDirective(() => ({
+      attributes: {
+        class: className$,
+        role: readable("dialog"),
+        "aria-describedby": ariaDescribedBy$,
+        "aria-labelledby": ariaLabelledBy$,
+        "aria-modal": readable("true"),
+        tabIndex: readable("-1")
+      },
+      styles: {
+        position: computed(() => {
+          const container = container$();
+          return container && isBrowserHTMLElement(container) && container !== document.body ? "relative" : "fixed";
+        }),
+        outline: readable("none")
+      },
+      events: {
+        keydown: async (e) => {
+          if (e.key === "Escape") {
+            await transition.api.hide();
+          }
+        }
+      }
+    }))
+  );
+  const backdropTransition = createTransition({
+    props: {
+      animated: animated$,
+      transition: backdropTransition$
+    }
+  });
+  const backdropPortalDirective = bindDirective(
+    portal,
+    computed(() => {
+      const container = container$();
+      const element = container ? transition.stores.element$() : void 0;
+      return {
+        container,
+        insertBefore: element?.parentElement === container ? element : void 0
+      };
+    })
+  );
+  const backdropHidden$ = computed(() => {
+    if (!bodyScroll$()) {
+      if (hidden$()) {
+        revertScrollbars();
+      } else {
+        removeScrollbars();
+      }
+    }
+    return !backdrop$() || hidden$();
+  });
+  const backdropAttributeDirective = createAttributesDirective(() => ({
+    attributes: {
+      class: backdropClass$,
+      "data-agnos-ignore-inert": true$
+    },
+    events: {
+      click: async () => await transition.api.hide()
+    }
+  }));
+  const direction$ = computed(() => ["inline-start", "block-start"].some((placement) => className$().includes(placement)) ? 1 : -1);
+  const isMinimized$ = writable(void 0);
+  const isMaximized$ = writable(void 0);
+  function setSize(size) {
+    const drawerElement = drawerElement$();
+    const isVertical = isVertical$();
+    size = Math.round(Math.max(0, size));
+    drawerElement.style[isVertical ? "height" : "width"] = `${size}px`;
+    const elementSize = Math.round(drawerElement[isVertical ? "offsetHeight" : "offsetWidth"]);
+    size$.set(elementSize);
+    isMinimized$.set(size != null && (size < elementSize || size === 0));
+    isMaximized$.set(!!size && size > elementSize);
+    return elementSize;
+  }
+  const splitterDirective = mergeDirectives(
+    createPointerdownPositionDirective((event) => {
+      const drawerElement = drawerElement$();
+      const isVertical = isVertical$();
+      const startSize = drawerElement[isVertical ? "offsetHeight" : "offsetWidth"];
+      const clientXorY = isVertical ? "clientY" : "clientX";
+      const startPos = event[clientXorY];
+      const direction = direction$();
+      onResizingChange$()(true);
+      return {
+        onMove(event2) {
+          setSize(startSize + direction * (event2[clientXorY] - startPos));
+        },
+        onEnd() {
+          drawerElement.style[isVertical ? "height" : "width"] = "";
+          onResizingChange$()(false);
+        }
+      };
+    }),
+    createAttributesDirective(() => ({
+      events: {
+        keydown: (e) => {
+          const { key } = e;
+          const size = size$() || drawerElement$()?.[isVertical$() ? "offsetHeight" : "offsetWidth"];
+          if (size != null) {
+            switch (key) {
+              case "ArrowLeft":
+              case "ArrowDown":
+                onResizingChange$()(true);
+                setSize(size - 10);
+                onResizingChange$()(false);
+                break;
+              case "ArrowRight":
+              case "ArrowUp":
+                onResizingChange$()(true);
+                setSize(size + 10);
+                onResizingChange$()(false);
+                break;
+            }
+          }
+        }
+      }
+    }))
+  );
+  const visible$ = transition.stores.visible$;
+  const transitioning$ = computed(() => transition.stores.transitioning$() || backdropTransition.stores.transitioning$());
+  const hidden$ = computed(() => !transitioning$() && !visible$());
+  const minSizeAction$ = computed(() => {
+    const isMinimized = isMinimized$();
+    if (isMinimized != null) {
+      untrack(() => onMinimizedChange$()(isMinimized));
+    }
+  });
+  const maxSizeAction$ = computed(() => {
+    const isMaximized = isMaximized$();
+    if (isMaximized != null) {
+      untrack(() => onMaximizedChange$()(isMaximized));
+    }
+  });
+  const action$ = computed(() => {
+    minSizeAction$();
+    maxSizeAction$();
+  });
+  const widget = {
+    ...stateStores({
+      ...stateProps,
+      backdropClass$,
+      className$,
+      container$,
+      size$,
+      visible$,
+      backdropHidden$,
+      hidden$
+    }),
+    patch,
+    api: {
+      open: transition.api.show,
+      close: transition.api.hide
+    },
+    directives: {
+      drawerPortalDirective,
+      drawerDirective: mergeDirectives(
+        directiveSubscribe(action$),
+        drawerAttributeDirective,
+        bindDirective(
+          siblingsInert,
+          computed(() => !bodyScroll$())
+        ),
+        // This directive must come after the attribute directive, to ensure that all the classes and attributes are applied for the transition
+        transition.directives.directive,
+        focusElement
+      ),
+      backdropPortalDirective,
+      backdropDirective: mergeDirectives(backdropTransition.directives.directive, backdropAttributeDirective),
+      splitterDirective
+    }
+  };
+  return widget;
+});
+export {
+  createDrawer as c,
+  getDrawerDefaultConfig as g
+};

package/{drawer-DP7UPojk.cjs → drawer-DOi0TqZC.cjs}

@@ -1,15 +1,16 @@
 "use strict";
 const tansu = require("@amadeus-it-group/tansu");
+const services_focusElement = require("./services/focusElement.cjs");
+const services_pointerdownPosition = require("./services/pointerdownPosition.cjs");
 const services_portal = require("./services/portal.cjs");
 const services_siblingsInert = require("./services/siblingsInert.cjs");
 const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
-const utils_directive = require("./dom-C2gi9OCP.cjs");
+const utils_directive = require("./dom-Cm9_uROp.cjs");
 const utils_func = require("./utils/func.cjs");
 const scrollbars = require("./scrollbars-CT87iv_6.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const utils_widget = require("./utils/widget.cjs");
-const utils_writables = require("./writables-DcGT98a7.cjs");
-const services_focusElement = require("./services/focusElement.cjs");
+const utils_writables = require("./writables-Dt68gADJ.cjs");
 function getDrawerDefaultConfig() {
   return {
     ...defaultDrawerConfig
@@ -28,14 +29,15 @@ const defaultDrawerConfig = {
   verticalTransition: utils_func.noop,
   onHidden: utils_func.noop,
   onShown: utils_func.noop,
-  width: 200,
-  height: 200,
-  onWidthChange: utils_func.noop,
-  onHeightChange: utils_func.noop,
+  onSizeChange: utils_func.noop,
   onVisibleChange: utils_func.noop,
+  onMinimizedChange: utils_func.noop,
+  onMaximizedChange: utils_func.noop,
+  onResizingChange: utils_func.noop,
   resizable: false,
   backdrop: true,
-  bodyScroll: false
+  bodyScroll: false,
+  size: null
 };
 const configValidator = {
   animated: utils_writables.typeBoolean,
@@ -50,14 +52,15 @@ const configValidator = {
   container: utils_writables.typeHTMLElementOrNull,
   onHidden: utils_writables.typeFunction,
   onShown: utils_writables.typeFunction,
-  width: utils_writables.typeNumberInRangeFactory(0, Infinity),
-  height: utils_writables.typeNumberInRangeFactory(0, Infinity),
-  onWidthChange: utils_writables.typeFunction,
-  onHeightChange: utils_writables.typeFunction,
+  onSizeChange: utils_writables.typeFunction,
   onVisibleChange: utils_writables.typeFunction,
+  onMinimizedChange: utils_writables.typeFunction,
+  onMaximizedChange: utils_writables.typeFunction,
+  onResizingChange: utils_writables.typeFunction,
   resizable: utils_writables.typeBoolean,
   backdrop: utils_writables.typeBoolean,
-  bodyScroll: utils_writables.typeBoolean
+  bodyScroll: utils_writables.typeBoolean,
+  size: utils_writables.typeNumberOrNull
 };
 const createDrawer = utils_widget.createWidgetFactory("drawer", (config) => {
   const [
@@ -71,71 +74,69 @@ const createDrawer = utils_widget.createWidgetFactory("drawer", (config) => {
       visible$: requestedVisible$,
       container$,
       className$,
+      size$: _dirtySize$,
       animated$,
       ariaDescribedBy$,
       ariaLabelledBy$,
       onHidden$,
       onShown$,
-      width$: _dirtyWidth$,
-      height$: _dirtyHeight$,
-      onWidthChange$,
-      onHeightChange$,
+      onSizeChange$,
       onVisibleChange$,
+      onMinimizedChange$,
+      onMaximizedChange$,
+      onResizingChange$,
       ...stateProps
     },
     patch
   ] = utils_stores.writablesForProps(defaultDrawerConfig, config, configValidator);
-  const isVertical = tansu.computed(() => {
-    const isVertical2 = ["block-start", "block-end"].some((placement) => className$().includes(placement));
-    return isVertical2;
+  const size$ = utils_stores.bindableProp(_dirtySize$, onSizeChange$, (value) => value ? Math.round(value) : value);
+  const isVertical$ = tansu.computed(() => {
+    const isVertical = ["block-start", "block-end"].some((placement) => className$().includes(placement));
+    return isVertical;
   });
   const transition = services_transitions_baseTransitions.createTransition({
     props: {
       animated: animated$,
       animatedOnInit: animated$,
-      transition: tansu.asWritable(tansu.computed(() => isVertical() ? verticalTransition$() : transition$())),
+      transition: tansu.asWritable(tansu.computed(() => isVertical$() ? verticalTransition$() : transition$())),
       visible: requestedVisible$,
       onVisibleChange: onVisibleChange$,
       onHidden: onHidden$,
       onShown: onShown$
     }
   });
-  const width$ = utils_stores.bindableProp(_dirtyWidth$, onWidthChange$);
-  const height$ = utils_stores.bindableProp(_dirtyHeight$, onHeightChange$);
   const drawerPortalDirective = utils_directive.bindDirective(
     services_portal.portal,
     tansu.computed(() => ({ container: container$() }))
   );
-  const drawerAttributeDirective = utils_directive.createAttributesDirective(() => ({
-    attributes: {
-      class: className$,
-      role: tansu.readable("dialog"),
-      "aria-describedby": ariaDescribedBy$,
-      "aria-labelledby": ariaLabelledBy$,
-      "aria-modal": tansu.readable("true"),
-      tabIndex: tansu.readable("-1")
-    },
-    styles: {
-      width: tansu.computed(() => isVertical() ? "100%" : `${width$()}px`),
-      height: tansu.computed(() => isVertical() ? `${height$()}px` : "100%"),
-      position: tansu.computed(() => container$() !== document.body && container$() !== null ? "relative" : "fixed"),
-      outline: tansu.readable("none")
-    },
-    events: {
-      keydown: async (e) => {
-        const { key } = e;
-        if (key === "Escape") {
-          await transition.api.hide();
+  const { directive: drawerElementDirective, element$: drawerElement$ } = utils_directive.createBrowserStoreDirective();
+  const drawerAttributeDirective = utils_directive.mergeDirectives(
+    drawerElementDirective,
+    utils_directive.createAttributesDirective(() => ({
+      attributes: {
+        class: className$,
+        role: tansu.readable("dialog"),
+        "aria-describedby": ariaDescribedBy$,
+        "aria-labelledby": ariaLabelledBy$,
+        "aria-modal": tansu.readable("true"),
+        tabIndex: tansu.readable("-1")
+      },
+      styles: {
+        position: tansu.computed(() => {
+          const container = container$();
+          return container && utils_directive.isBrowserHTMLElement(container) && container !== document.body ? "relative" : "fixed";
+        }),
+        outline: tansu.readable("none")
+      },
+      events: {
+        keydown: async (e) => {
+          if (e.key === "Escape") {
+            await transition.api.hide();
+          }
         }
       }
-    }
-  }));
-  const containerDirective = utils_directive.createAttributesDirective(() => ({
-    styles: {
-      width: tansu.computed(() => isVertical() ? "100%" : `${width$()}px`),
-      height: tansu.computed(() => isVertical() ? `${height$()}px` : "100%")
-    }
-  }));
+    }))
+  );
   const backdropTransition = services_transitions_baseTransitions.createTransition({
     props: {
       animated: animated$,
@@ -169,55 +170,93 @@ const createDrawer = utils_widget.createWidgetFactory("drawer", (config) => {
       "data-agnos-ignore-inert": utils_stores.true$
     },
     events: {
-      click: async () => {
-        await transition.api.hide();
-      }
+      click: async () => await transition.api.hide()
     }
   }));
-  const direction = tansu.computed(() => ["inline-start", "block-start"].some((placement) => className$().includes(placement)) ? 1 : -1);
-  const startDimension = tansu.writable(0);
-  const startPos = tansu.writable(0);
-  const dimension = tansu.writable(0);
-  const splitterDirective = utils_directive.createAttributesDirective(() => ({
-    attributes: {
-      draggable: tansu.readable("true")
-    },
-    events: {
-      dragstart: (e) => {
-        startPos.set(isVertical() ? e.clientY : e.clientX);
-        startDimension.set(isVertical() ? height$() : width$());
-        e.dataTransfer?.setDragImage(new Image(), 0, 0);
-      },
-      dragend: (e) => {
-        document.body.style.cursor = "";
-        updateDimension(e);
-      },
-      dragover: (event) => {
-        event.preventDefault();
-      },
-      drag: (e) => {
-        updateDimension(e);
+  const direction$ = tansu.computed(() => ["inline-start", "block-start"].some((placement) => className$().includes(placement)) ? 1 : -1);
+  const isMinimized$ = tansu.writable(void 0);
+  const isMaximized$ = tansu.writable(void 0);
+  function setSize(size) {
+    const drawerElement = drawerElement$();
+    const isVertical = isVertical$();
+    size = Math.round(Math.max(0, size));
+    drawerElement.style[isVertical ? "height" : "width"] = `${size}px`;
+    const elementSize = Math.round(drawerElement[isVertical ? "offsetHeight" : "offsetWidth"]);
+    size$.set(elementSize);
+    isMinimized$.set(size != null && (size < elementSize || size === 0));
+    isMaximized$.set(!!size && size > elementSize);
+    return elementSize;
+  }
+  const splitterDirective = utils_directive.mergeDirectives(
+    services_pointerdownPosition.createPointerdownPositionDirective((event) => {
+      const drawerElement = drawerElement$();
+      const isVertical = isVertical$();
+      const startSize = drawerElement[isVertical ? "offsetHeight" : "offsetWidth"];
+      const clientXorY = isVertical ? "clientY" : "clientX";
+      const startPos = event[clientXorY];
+      const direction = direction$();
+      onResizingChange$()(true);
+      return {
+        onMove(event2) {
+          setSize(startSize + direction * (event2[clientXorY] - startPos));
+        },
+        onEnd() {
+          drawerElement.style[isVertical ? "height" : "width"] = "";
+          onResizingChange$()(false);
+        }
+      };
+    }),
+    utils_directive.createAttributesDirective(() => ({
+      events: {
+        keydown: (e) => {
+          const { key } = e;
+          const size = size$() || drawerElement$()?.[isVertical$() ? "offsetHeight" : "offsetWidth"];
+          if (size != null) {
+            switch (key) {
+              case "ArrowLeft":
+              case "ArrowDown":
+                onResizingChange$()(true);
+                setSize(size - 10);
+                onResizingChange$()(false);
+                break;
+              case "ArrowRight":
+              case "ArrowUp":
+                onResizingChange$()(true);
+                setSize(size + 10);
+                onResizingChange$()(false);
+                break;
+            }
+          }
+        }
       }
-    }
-  }));
-  const updateDimension = (e) => {
-    if (!isVertical() && e.clientX > 0) {
-      dimension.set(startDimension() + direction() * (e.clientX - startPos()));
-      width$.set(dimension());
-    } else if (isVertical() && e.clientY > 0) {
-      dimension.set(startDimension() + direction() * (e.clientY - startPos()));
-      height$.set(dimension());
-    }
-  };
+    }))
+  );
   const visible$ = transition.stores.visible$;
   const transitioning$ = tansu.computed(() => transition.stores.transitioning$() || backdropTransition.stores.transitioning$());
   const hidden$ = tansu.computed(() => !transitioning$() && !visible$());
+  const minSizeAction$ = tansu.computed(() => {
+    const isMinimized = isMinimized$();
+    if (isMinimized != null) {
+      tansu.untrack(() => onMinimizedChange$()(isMinimized));
+    }
+  });
+  const maxSizeAction$ = tansu.computed(() => {
+    const isMaximized = isMaximized$();
+    if (isMaximized != null) {
+      tansu.untrack(() => onMaximizedChange$()(isMaximized));
+    }
+  });
+  const action$ = tansu.computed(() => {
+    minSizeAction$();
+    maxSizeAction$();
+  });
   const widget = {
     ...utils_stores.stateStores({
       ...stateProps,
       backdropClass$,
       className$,
       container$,
+      size$,
       visible$,
       backdropHidden$,
       hidden$
@@ -228,15 +267,16 @@ const createDrawer = utils_widget.createWidgetFactory("drawer", (config) => {
       close: transition.api.hide
     },
     directives: {
-      containerDirective,
       drawerPortalDirective,
       drawerDirective: utils_directive.mergeDirectives(
-        transition.directives.directive,
+        utils_directive.directiveSubscribe(action$),
+        drawerAttributeDirective,
         utils_directive.bindDirective(
           services_siblingsInert.siblingsInert,
           tansu.computed(() => !bodyScroll$())
         ),
-        drawerAttributeDirective,
+        // This directive must come after the attribute directive, to ensure that all the classes and attributes are applied for the transition
+        transition.directives.directive,
         services_focusElement.focusElement
       ),
       backdropPortalDirective,

package/index.cjs

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const types = require("./types.cjs");
-const accordion = require("./accordion-DRIm0xHf.cjs");
-const alert = require("./alert-B-jQDQcB.cjs");
-const collapse = require("./collapse-gLiT080Y.cjs");
-const modal = require("./modal-DiXZXYjR.cjs");
-const pagination = require("./pagination-DvZ2rLsz.cjs");
-const progressbar = require("./progressbar-i9xfAxb7.cjs");
-const rating = require("./rating-DmG4oUkr.cjs");
-const select = require("./select-MFjAnIt7.cjs");
-const slider = require("./slider-Dl4Trh32.cjs");
-const toaster = require("./toaster-UDglac7x.cjs");
-const tree = require("./tree-rGHtmCnS.cjs");
-const drawer = require("./drawer-DP7UPojk.cjs");
+const accordion = require("./accordion-nxveC0GZ.cjs");
+const alert = require("./alert-AhaliJ17.cjs");
+const collapse = require("./collapse-Da_27YUU.cjs");
+const modal = require("./modal-B_3Uxplo.cjs");
+const pagination = require("./pagination-2Vor6JPZ.cjs");
+const progressbar = require("./progressbar-DyBRINco.cjs");
+const rating = require("./rating-C0y1j4SC.cjs");
+const select = require("./select-Dhsb9msC.cjs");
+const slider = require("./slider-DTO58syz.cjs");
+const toaster = require("./toaster-CT148JSJ.cjs");
+const tree = require("./tree-C4l2Wqny.cjs");
+const drawer = require("./drawer-DOi0TqZC.cjs");
 const config = require("./config.cjs");
 const services_extendWidget = require("./services/extendWidget.cjs");
 const services_floatingUI = require("./services/floatingUI.cjs");
@@ -27,9 +27,9 @@ const services_hash = require("./services/hash.cjs");
 const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
 const services_transitions_cssTransitions = require("./services/transitions/cssTransitions.cjs");
 const services_transitions_simpleClassTransition = require("./services/transitions/simpleClassTransition.cjs");
-const utils_directive = require("./dom-C2gi9OCP.cjs");
+const utils_directive = require("./dom-Cm9_uROp.cjs");
 const utils_stores = require("./utils/stores.cjs");
-const utils_writables = require("./writables-DcGT98a7.cjs");
+const utils_writables = require("./writables-Dt68gADJ.cjs");
 exports.FACTORY_WIDGET_NAME = types.FACTORY_WIDGET_NAME;
 exports.INVALID_VALUE = types.INVALID_VALUE;
 exports.createAccordion = accordion.createAccordion;
@@ -76,6 +76,7 @@ exports.getKeyName = services_navManager.getKeyName;
 exports.isInternalInputNavigation = services_navManager.isInternalInputNavigation;
 exports.portal = services_portal.portal;
 exports.createResizeObserver = services_resizeObserver.createResizeObserver;
+exports.createResizeObserverMap = services_resizeObserver.createResizeObserverMap;
 exports.siblingsInert = services_siblingsInert.siblingsInert;
 exports.hash$ = services_hash.hash$;
 exports.createTransition = services_transitions_baseTransitions.createTransition;
@@ -130,5 +131,6 @@ exports.typeFunction = utils_writables.typeFunction;
 exports.typeHTMLElementOrNull = utils_writables.typeHTMLElementOrNull;
 exports.typeNumber = utils_writables.typeNumber;
 exports.typeNumberInRangeFactory = utils_writables.typeNumberInRangeFactory;
+exports.typeNumberOrNull = utils_writables.typeNumberOrNull;
 exports.typeString = utils_writables.typeString;
 exports.typeStringOrNull = utils_writables.typeStringOrNull;