@brytdesigns/web-component-drawer 1.1.11 → 3.0.0

package/dist/main/index.js

@@ -1,33 +1,29 @@
-import { customShadowlessElement, correctElementType } from '@brytdesigns/web-component-core/utils';
-import { DrawerContext, DrawerTrigger, DrawerBackdrop, DrawerContent } from './components/index.js';
-export { getDrawerContext, useDrawer, withDrawerElementContext } from './hooks/index.js';
+import { getDrawerContext, useDrawer, useDrawerAt } from "./hooks/useDrawer.js";
+import "./hooks/index.js";
+import { Component, Name } from "./components/drawer-backdrop.js";
+import { Component as Component$1, Name as Name$1 } from "./components/drawer-content.js";
+import { Component as Component$2, Name as Name$2 } from "./components/drawer-context.js";
+import { Component as Component$3, Name as Name$3 } from "./components/drawer-trigger.js";
+import "./components/index.js";
+import { customShadowlessElement } from "@brytdesigns/web-component-core/utils";
+//#region src/index.ts
+customShadowlessElement(Name$2, {
+	isOpen: false,
+	id: crypto.randomUUID(),
+	closeOnEscape: true,
+	shouldTrapFocus: true,
+	isAnimating: false,
+	debug: false
+}, Component$2);
+customShadowlessElement(Name$3, {
+	target: "",
+	action: "",
+	on: "click",
+	preventDefault: true
+}, Component$3);
+customShadowlessElement(Name, {}, Component);
+customShadowlessElement(Name$1, {}, Component$1);
+//#endregion
+export { getDrawerContext, useDrawer, useDrawerAt };
 
-customShadowlessElement(
-  DrawerContext.Name,
-  {
-    isOpen: false,
-    id: crypto.randomUUID(),
-    closeOnEscape: false,
-    shouldTrapFocus: false,
-    isAnimating: false,
-    debug: false
-  },
-  correctElementType(DrawerContext.Component)
-);
-customShadowlessElement(
-  DrawerTrigger.Name,
-  { target: "", action: "", on: "click", preventDefault: true },
-  correctElementType(DrawerTrigger.Component)
-);
-customShadowlessElement(
-  DrawerBackdrop.Name,
-  {},
-  correctElementType(DrawerBackdrop.Component)
-);
-customShadowlessElement(
-  DrawerContent.Name,
-  {},
-  correctElementType(DrawerContent.Component)
-);
-//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/main/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAiBA,uBAAA;AAAA,EACC,aAAc,CAAA,IAAA;AAAA,EACd;AAAA,IACC,MAAQ,EAAA,KAAA;AAAA,IACR,EAAA,EAAI,OAAO,UAAW,EAAA;AAAA,IACtB,aAAe,EAAA,KAAA;AAAA,IACf,eAAiB,EAAA,KAAA;AAAA,IACjB,WAAa,EAAA,KAAA;AAAA,IACb,KAAO,EAAA;AAAA,GACR;AAAA,EACA,kBAAA,CAAmB,cAAc,SAAS;AAC3C,CAAA;AAEA,uBAAA;AAAA,EACC,aAAc,CAAA,IAAA;AAAA,EACd,EAAE,QAAQ,EAAI,EAAA,MAAA,EAAQ,IAAI,EAAI,EAAA,OAAA,EAAS,gBAAgB,IAAK,EAAA;AAAA,EAC5D,kBAAA,CAAmB,cAAc,SAAS;AAC3C,CAAA;AAEA,uBAAA;AAAA,EACC,cAAe,CAAA,IAAA;AAAA,EACf,EAAC;AAAA,EACD,kBAAA,CAAmB,eAAe,SAAS;AAC5C,CAAA;AAEA,uBAAA;AAAA,EACC,aAAc,CAAA,IAAA;AAAA,EACd,EAAC;AAAA,EACD,kBAAA,CAAmB,cAAc,SAAS;AAC3C,CAAA","file":"index.js","sourcesContent":["import {\n\tcustomShadowlessElement,\n\tcorrectElementType,\n} from \"@brytdesigns/web-component-core/utils\";\n\nimport {\n\tDrawerContent,\n\tDrawerContext,\n\tDrawerTrigger,\n\tDrawerBackdrop,\n} from \"./components/index.js\";\n\nexport type DrawerContentProps = DrawerContent.Props;\nexport type DrawerContextProps = DrawerContext.Props;\nexport type DrawerTriggerProps = DrawerTrigger.Props;\nexport type DrawerBackdropProps = DrawerBackdrop.Props;\n\ncustomShadowlessElement(\n\tDrawerContext.Name,\n\t{\n\t\tisOpen: false,\n\t\tid: crypto.randomUUID(),\n\t\tcloseOnEscape: false,\n\t\tshouldTrapFocus: false,\n\t\tisAnimating: false,\n\t\tdebug: false,\n\t},\n\tcorrectElementType(DrawerContext.Component),\n);\n\ncustomShadowlessElement(\n\tDrawerTrigger.Name,\n\t{ target: \"\", action: \"\", on: \"click\", preventDefault: true },\n\tcorrectElementType(DrawerTrigger.Component),\n);\n\ncustomShadowlessElement(\n\tDrawerBackdrop.Name,\n\t{},\n\tcorrectElementType(DrawerBackdrop.Component),\n);\n\ncustomShadowlessElement(\n\tDrawerContent.Name,\n\t{},\n\tcorrectElementType(DrawerContent.Component),\n);\n\nexport {\n\tuseDrawer,\n\twithDrawerElementContext,\n\tgetDrawerContext,\n} from \"./hooks/index.js\";\n"]}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["import { customShadowlessElement } from \"@brytdesigns/web-component-core/utils\";\n\nimport {\n\tDrawerBackdrop,\n\tDrawerContent,\n\tDrawerContext,\n\tDrawerTrigger,\n} from \"./components/index.js\";\n\nexport type DrawerContentProps = DrawerContent.Props;\nexport type DrawerContextProps = DrawerContext.Props;\nexport type DrawerTriggerProps = DrawerTrigger.Props;\nexport type DrawerBackdropProps = DrawerBackdrop.Props;\n\ncustomShadowlessElement(\n\tDrawerContext.Name,\n\t{\n\t\tisOpen: false,\n\t\tid: crypto.randomUUID(),\n\t\t// On by default: an overlay that traps nothing and closes on no key is\n\t\t// not a dialog. Set close-on-escape=\"false\" / should-trap-focus=\"false\"\n\t\t// in markup to opt out.\n\t\tcloseOnEscape: true,\n\t\tshouldTrapFocus: true,\n\t\tisAnimating: false,\n\t\tdebug: false,\n\t},\n\tDrawerContext.Component,\n);\n\ncustomShadowlessElement(\n\tDrawerTrigger.Name,\n\t{ target: \"\", action: \"\", on: \"click\", preventDefault: true },\n\tDrawerTrigger.Component,\n);\n\ncustomShadowlessElement(DrawerBackdrop.Name, {}, DrawerBackdrop.Component);\n\ncustomShadowlessElement(DrawerContent.Name, {}, DrawerContent.Component);\n\nexport {\n\tgetDrawerContext,\n\tuseDrawer,\n\tuseDrawerAt,\n} from \"./hooks/index.js\";\n"],"mappings":";;;;;;;;;AAcA,wBACC,QACA;CACC,QAAQ;CACR,IAAI,OAAO,WAAW;CAItB,eAAe;CACf,iBAAiB;CACjB,aAAa;CACb,OAAO;AACR,GACA,WACD;AAEA,wBACC,QACA;CAAE,QAAQ;CAAI,QAAQ;CAAI,IAAI;CAAS,gBAAgB;AAAK,GAC5D,WACD;AAEA,wBAAwB,MAAqB,CAAC,GAAG,SAAwB;AAEzE,wBAAwB,QAAoB,CAAC,GAAG,WAAuB"}

package/dist/main/utils.js

@@ -1,10 +1,11 @@
+//#region src/utils.ts
 function hideElement(element) {
-  element.style.display = "none";
+	element.style.display = "none";
 }
 function showElement(element) {
-  element.style.display = "block";
+	element.style.display = "block";
 }
-
+//#endregion
 export { hideElement, showElement };
-//# sourceMappingURL=utils.js.map
+
 //# sourceMappingURL=utils.js.map

package/dist/main/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils.ts"],"names":[],"mappings":"AAAO,SAAS,YAAmC,OAAY,EAAA;AAC7D,EAAA,OAAA,CAAQ,MAAM,OAAU,GAAA,MAAA;AAC1B;AAEO,SAAS,YAAmC,OAAY,EAAA;AAC7D,EAAA,OAAA,CAAQ,MAAM,OAAU,GAAA,OAAA;AAC1B","file":"utils.js","sourcesContent":["export function hideElement<T extends HTMLElement>(element: T) {\n  element.style.display = \"none\";\n}\n\nexport function showElement<T extends HTMLElement>(element: T) {\n  element.style.display = \"block\";\n}\n"]}
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/utils.ts"],"sourcesContent":["export function hideElement<T extends HTMLElement>(element: T) {\n\telement.style.display = \"none\";\n}\n\nexport function showElement<T extends HTMLElement>(element: T) {\n\telement.style.display = \"block\";\n}\n"],"mappings":";AAAA,SAAgB,YAAmC,SAAY;CAC9D,QAAQ,MAAM,UAAU;AACzB;AAEA,SAAgB,YAAmC,SAAY;CAC9D,QAAQ,MAAM,UAAU;AACzB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brytdesigns/web-component-drawer",
-  "version": "1.1.11",
+  "version": "3.0.0",
   "description": "Headless drawer web component",
   "main": "./dist/main/index.js",
   "module": "./dist/main/index.js",
@@ -9,7 +9,7 @@
   "exports": {
     ".": {
       "types": "./dist/main/index.d.ts",
-      "module": "./dist/main/index.js"
+      "default": "./dist/main/index.js"
     }
   },
   "files": [
@@ -20,20 +20,19 @@
   "license": "ISC",
   "peer-dependencies": {},
   "dependencies": {
+    "@brytdesigns/web-component-core": "3.0.0",
     "body-scroll-lock-upgrade": "^1.1.0",
     "component-register": "0.8.7",
-    "motion": "^12.18.1",
+    "motion": "^12.43.0",
     "observe-element-in-viewport": "^0.0.15",
-    "solid-element": "^1.9.1",
-    "solid-js": "^1.9.9",
-    "@brytdesigns/web-component-core": "1.1.6"
+    "solid-js": "2.0.0-rc.14"
   },
   "devDependencies": {
-    "dts-bundle-generator": "^9.5.1",
-    "tsup": "^8.4.0"
+    "@repo/vite-config": "0.0.0",
+    "vite": "^8.2.2"
   },
   "scripts": {
-    "build": "tsup --clean",
+    "build": "vite build",
     "typecheck": "tsc --noEmit"
   }
 }

package/dist/esm/index.js

@@ -1,491 +0,0 @@
-import { createWithElementContext, customShadowlessElement, correctElementType, toHyphenated, getContextFromProvider, disableBodyScroll, enableBodyScroll } from '@brytdesigns/web-component-core/utils';
-import { splitProps, createEffect, on, batch, onCleanup, untrack, mergeProps, onMount } from 'solid-js';
-import { animate } from 'motion';
-import { awaitAllAnimations, getTransitionConfig } from '@brytdesigns/web-component-core/animation';
-import { createContext, consume, provide } from 'component-register';
-import { createStore } from 'solid-js/store';
-import { abortablePromise } from '@brytdesigns/web-component-core/promise';
-import { observeElementInViewport } from 'observe-element-in-viewport';
-import { createFocusTrap } from '@brytdesigns/web-component-core/focusTrap';
-
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-// src/components/drawer-content.ts
-var drawer_content_exports = {};
-__export(drawer_content_exports, {
-  Component: () => Component,
-  Name: () => Name
-});
-function initializeDrawerContext(props) {
-  const [_internal, _state] = splitProps(props, ["root"]);
-  const [store, setStore] = createStore({ animationQueue: [] });
-  createEffect(
-    on(
-      () => store.animationQueue,
-      (animationQueue) => {
-        if (!animationQueue.length) return;
-        const controller = new AbortController();
-        const animations = awaitAllAnimations(animationQueue);
-        const abortableAnimations = abortablePromise(
-          animations,
-          controller.signal
-        );
-        setElementState("isAnimating", true);
-        abortableAnimations.finally(() => {
-          batch(() => {
-            setElementState("isAnimating", false);
-            setStore("animationQueue", []);
-          });
-        });
-        return onCleanup(() => {
-          controller.abort("Aborting drawer animations");
-        });
-      }
-    )
-  );
-  function setElementState(key, value) {
-    const currentValue = untrack(() => props[key]);
-    if (typeof value === "function") {
-      const result = value(currentValue || false);
-      if (`${currentValue}` === `${result}`) return;
-      _internal.root.setAttribute(toHyphenated(key), `${result}`);
-      return;
-    }
-    if (`${currentValue}` === `${value}`) return;
-    return _internal.root.setAttribute(toHyphenated(key), `${value}`);
-  }
-  return [mergeProps(_state, store), { setElementState, setStore }];
-}
-var DrawerContextState = createContext(initializeDrawerContext);
-var provideDrawerContext = (initialState, element) => {
-  const props = mergeProps(initialState, { root: element });
-  return provide(DrawerContextState, props, element);
-};
-var useDrawerContext = (context) => {
-  const [state, { setElementState, setStore: setState }] = context;
-  function updateAnimationQueue(animation) {
-    setState("animationQueue", (state2) => [...state2, animation]);
-  }
-  function close() {
-    setElementState("isOpen", false);
-  }
-  function open() {
-    setElementState("isOpen", true);
-  }
-  function toggle() {
-    setElementState("isOpen", (open2) => !open2);
-  }
-  return [state, { updateAnimationQueue, close, open, toggle }];
-};
-var useDrawer = (element) => {
-  const context = consume(DrawerContextState, element);
-  if (!context) {
-    throw console.error(
-      "DrawerContext not found! Please ensure to wrap your custom element with drawer-context element."
-    );
-  }
-  return useDrawerContext(context);
-};
-var withDrawerElementContext = createWithElementContext(DrawerContextState);
-var getDrawerContext = (element) => {
-  const context = getContextFromProvider(
-    DrawerContextState,
-    element
-  );
-  return useDrawerContext(context);
-};
-
-// src/consts.ts
-var POSITION = {
-  TOP: "top",
-  BOTTOM: "bottom",
-  LEFT: "left"};
-
-// src/components/drawer-content.ts
-var Name = `drawer-content`;
-var Component = (_, { element }) => {
-  const [state, { updateAnimationQueue }] = useDrawer(element);
-  let isFirstRender = true;
-  createEffect(
-    on(
-      () => state.isOpen,
-      (isOpen) => {
-        if (!isOpen || isFirstRender) return;
-        const animation = enter(element);
-        updateAnimationQueue(animation);
-        return onCleanup(() => {
-          if (animation.state !== "finished") animation.complete();
-        });
-      }
-    )
-  );
-  createEffect(
-    on(
-      () => state.isOpen,
-      (isOpen) => {
-        if (isOpen || isFirstRender) return;
-        const animation = exit(element);
-        updateAnimationQueue(animation);
-        return onCleanup(() => {
-          if (animation.state !== "finished") animation.complete();
-        });
-      }
-    )
-  );
-  onMount(() => {
-    isFirstRender = false;
-  });
-  function enter(element2) {
-    const style = window.getComputedStyle(element2);
-    const transition = getTransitionConfig(style);
-    let position = style.getPropertyValue(`--drawer--position`);
-    if (!position) position = POSITION.LEFT;
-    let transform = {
-      x: [`var(--drawer--slide-from)`, `var(--drawer--slide-to)`]
-    };
-    if (position === POSITION.TOP || position === POSITION.BOTTOM) {
-      transform = {
-        y: [`var(--drawer--slide-from)`, `var(--drawer--slide-to)`]
-      };
-    }
-    return animate(
-      element2,
-      {
-        ...transform
-      },
-      transition
-    );
-  }
-  function exit(element2) {
-    const style = window.getComputedStyle(element2);
-    const transition = getTransitionConfig(style);
-    let position = style.getPropertyValue(`--drawer--position`);
-    if (!position) position = POSITION.LEFT;
-    let transform = {
-      x: [`var(--drawer--slide-to)`, `var(--drawer--slide-from)`]
-    };
-    if (position === POSITION.TOP || position === POSITION.BOTTOM) {
-      transform = {
-        y: [`var(--drawer--slide-to)`, `var(--drawer--slide-from)`]
-      };
-    }
-    return animate(
-      element2,
-      {
-        ...transform
-      },
-      transition
-    );
-  }
-};
-
-// src/components/drawer-trigger.ts
-var drawer_trigger_exports = {};
-__export(drawer_trigger_exports, {
-  Component: () => Component2,
-  Name: () => Name2
-});
-var Name2 = "drawer-trigger";
-var Component2 = (props, { element }) => {
-  withDrawerElementContext(
-    () => props.target || "",
-    () => {
-      return {
-        action: props.action,
-        on: props.on,
-        preventDefault: props.preventDefault
-      };
-    },
-    (context, props2) => {
-      const controller = new AbortController();
-      const { action, on: on5, preventDefault } = props2;
-      const [state, { open, close, toggle }] = useDrawerContext(context);
-      switch (on5) {
-        case "enter": {
-          let unsubscribe = null;
-          if (action === "toggle") {
-            unsubscribe = observeElementInViewport(element, open, close);
-          }
-          if (unsubscribe) onCleanup(unsubscribe);
-          break;
-        }
-        case "exit": {
-          let unsubscribe = null;
-          if (action === "toggle") {
-            unsubscribe = observeElementInViewport(element, close, open);
-          }
-          if (unsubscribe) onCleanup(unsubscribe);
-          break;
-        }
-        default: {
-          element.addEventListener(
-            //@ts-ignore
-            on5,
-            (event) => {
-              if (preventDefault) event.preventDefault();
-              if (state.isAnimating) return;
-              switch (action) {
-                case "close":
-                  close();
-                  break;
-                case "open":
-                  open();
-                  break;
-                case "toggle":
-                  toggle();
-                  break;
-              }
-            },
-            { signal: controller.signal }
-          );
-          break;
-        }
-      }
-      createEffect(() => {
-        element.setAttribute("is-open", `${state.isOpen}`);
-        element.setAttribute("is-animating", `${state.isAnimating}`);
-      });
-      onCleanup(() => {
-        controller.abort();
-      });
-    }
-  );
-};
-
-// src/components/drawer-backdrop.ts
-var drawer_backdrop_exports = {};
-__export(drawer_backdrop_exports, {
-  Component: () => Component3,
-  Name: () => Name3
-});
-var Name3 = `drawer-backdrop`;
-var Component3 = (_, { element }) => {
-  const [state, { updateAnimationQueue, close }] = useDrawer(element);
-  const controller = new AbortController();
-  let isFirstRender = true;
-  createEffect(
-    on(
-      () => state.isOpen,
-      (isOpen) => {
-        if (!isOpen || isFirstRender) return;
-        const animation = enter(element);
-        updateAnimationQueue(animation);
-        return onCleanup(() => {
-          if (animation.state !== "finished") animation.complete();
-        });
-      }
-    )
-  );
-  createEffect(
-    on(
-      () => state.isOpen,
-      (isOpen) => {
-        if (isOpen || isFirstRender) return;
-        const animation = exit(element);
-        updateAnimationQueue(animation);
-        return onCleanup(() => {
-          if (animation.state !== "finished") animation.complete();
-        });
-      }
-    )
-  );
-  onMount(() => {
-    isFirstRender = false;
-  });
-  function enter(element2) {
-    const style = window.getComputedStyle(element2);
-    const options = getTransitionConfig(style);
-    return animate(
-      element2,
-      {
-        opacity: [`var(--drawer--opacity-from)`, `var(--drawer--opacity-to)`]
-      },
-      options
-    );
-  }
-  function exit(element2) {
-    const style = window.getComputedStyle(element2);
-    const options = getTransitionConfig(style);
-    return animate(
-      element2,
-      {
-        opacity: [`var(--drawer--opacity-to)`, `var(--drawer--opacity-from)`]
-      },
-      options
-    );
-  }
-  element.addEventListener(
-    "click",
-    () => {
-      if (state.isAnimating) return;
-      close();
-    },
-    {
-      signal: controller.signal
-    }
-  );
-  onCleanup(() => {
-    controller.abort();
-  });
-  isFirstRender = false;
-};
-
-// src/components/drawer-context.ts
-var drawer_context_exports = {};
-__export(drawer_context_exports, {
-  Component: () => Component4,
-  Name: () => Name4
-});
-
-// src/utils.ts
-function hideElement(element) {
-  element.style.display = "none";
-}
-function showElement(element) {
-  element.style.display = "block";
-}
-
-// src/components/drawer-context.ts
-var Name4 = `drawer-context`;
-var Component4 = (props, { element }) => {
-  const [contextProps, restProps] = splitProps(props, [
-    "isOpen",
-    "isAnimating"
-  ]);
-  const context = provideDrawerContext(contextProps, element);
-  const [state, { setElementState }] = context;
-  const [_, { updateAnimationQueue, ...events }] = useDrawerContext(context);
-  element.actions = events;
-  const focusTrap = createFocusTrap(element, () => ({
-    allowOutsideClick: true,
-    escapeDeactivates: restProps.closeOnEscape,
-    onDeactivate: () => {
-      setElementState("isOpen", false);
-    }
-  }));
-  createEffect(() => {
-    if (!props.debug) return;
-    console.table({
-      ...state
-    });
-  });
-  createEffect(
-    on(
-      () => state.isOpen,
-      (isOpen) => {
-        const eventName = isOpen ? "drawer:open" : "drawer:close";
-        element.dispatchEvent(
-          new CustomEvent(eventName, {
-            bubbles: true,
-            detail: { isOpen, relatedTarget: element }
-          })
-        );
-        element.dispatchEvent(
-          new CustomEvent("drawer:toggle", {
-            bubbles: true,
-            detail: { isOpen, relatedTarget: element }
-          })
-        );
-      }
-    )
-  );
-  createEffect(
-    on(
-      () => ({
-        isOpen: state.isOpen,
-        focusTrap: focusTrap(),
-        shouldTrapFocus: restProps.shouldTrapFocus
-      }),
-      ({ isOpen, focusTrap: focusTrap2, shouldTrapFocus }) => {
-        if (!isOpen) return;
-        if (props.debug) console.log("Showing element", element);
-        showElement(element);
-        if (!shouldTrapFocus) return;
-        focusTrap2.activate();
-        onCleanup(focusTrap2.deactivate);
-      }
-    )
-  );
-  createEffect(
-    on(
-      () => ({
-        isOpen: state.isOpen,
-        isAnimating: state.isAnimating,
-        shouldTrapFocus: props.shouldTrapFocus
-      }),
-      ({ isOpen, isAnimating, shouldTrapFocus }) => {
-        if (isOpen && !isAnimating && shouldTrapFocus)
-          return disableBodyScroll(element, {
-            allowTouchMove: (el) => {
-              if (el instanceof HTMLElement) {
-                let element2 = el;
-                while (element2 && element2 !== document.body) {
-                  if (element2.tagName === "DRAWER-CONTENT") {
-                    return true;
-                  }
-                  element2 = element2.parentElement;
-                }
-              }
-              return false;
-            }
-          });
-        onCleanup(() => {
-          enableBodyScroll(element);
-        });
-      }
-    )
-  );
-  createEffect(
-    on(
-      () => ({ isOpen: state.isOpen, animationQueue: state.animationQueue }),
-      ({ isOpen, animationQueue }) => {
-        if (isOpen) return;
-        if (props.debug)
-          console.log("Waiting for animations to complete...", animationQueue);
-        return Promise.all(animationQueue).then(() => hideElement(element)).then(() => {
-          if (props.debug) console.log("Hiding element", element);
-        });
-      }
-    )
-  );
-  onCleanup(() => {
-    enableBodyScroll(element);
-  });
-};
-
-// src/index.ts
-customShadowlessElement(
-  drawer_context_exports.Name,
-  {
-    isOpen: false,
-    id: crypto.randomUUID(),
-    closeOnEscape: false,
-    shouldTrapFocus: false,
-    isAnimating: false,
-    debug: false
-  },
-  correctElementType(drawer_context_exports.Component)
-);
-customShadowlessElement(
-  drawer_trigger_exports.Name,
-  { target: "", action: "", on: "click", preventDefault: true },
-  correctElementType(drawer_trigger_exports.Component)
-);
-customShadowlessElement(
-  drawer_backdrop_exports.Name,
-  {},
-  correctElementType(drawer_backdrop_exports.Component)
-);
-customShadowlessElement(
-  drawer_content_exports.Name,
-  {},
-  correctElementType(drawer_content_exports.Component)
-);
-
-export { getDrawerContext, useDrawer, withDrawerElementContext };
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map