@agnos-ui/core 0.9.3 → 0.10.0-next.0

package/{accordion-CoM4efp-.js → accordion-CcirvrjR.js}

@@ -2,8 +2,8 @@ import { writablesForProps, idWithDefault, stateStores, true$, mergeConfigStores
 import { createTransition } from "./services/transitions/baseTransitions.js";
 import { writable, computed, readable, asWritable } from "@amadeus-it-group/tansu";
 import { noop } from "./utils/func.js";
-import { e as typeString, g as typeFunction, c as typeBoolean } from "./writables-CgpOQ4hA.js";
-import { k as mergeDirectives, n as createAttributesDirective, r as registrationArray, d as directiveSubscribe } from "./dom-gfxqXJpK.js";
+import { e as typeString, g as typeFunction, c as typeBoolean } from "./writables-e0tyaQpe.js";
+import { n as mergeDirectives, p as createAttributesDirective, r as registrationArray, d as directiveSubscribe } from "./dom-Bcg9ORcA.js";
 import { createWidgetFactory } from "./utils/widget.js";
 function adjustItemsCloseOthers(items, openItems, oldOpen) {
   let keepOpen;
@@ -236,16 +236,13 @@ function factoryCreateAccordion(itemFactory = createAccordionItem, accordionItem
       patch,
       api: {
         expand: (id) => {
-          var _a;
-          (_a = getItem(itemWidgets$(), id)) == null ? void 0 : _a.api.expand();
+          getItem(itemWidgets$(), id)?.api.expand();
         },
         collapse: (id) => {
-          var _a;
-          (_a = getItem(itemWidgets$(), id)) == null ? void 0 : _a.api.collapse();
+          getItem(itemWidgets$(), id)?.api.collapse();
         },
         toggle: (id) => {
-          var _a;
-          (_a = getItem(itemWidgets$(), id)) == null ? void 0 : _a.api.toggle();
+          getItem(itemWidgets$(), id)?.api.toggle();
         },
         expandAll: () => {
           itemWidgets$().forEach((i) => i.api.expand());
@@ -255,23 +252,22 @@ function factoryCreateAccordion(itemFactory = createAccordionItem, accordionItem
         },
         registerItem: (propsConfig) => {
           const itemProps = accordionItemProps;
-          const config2 = mergeConfigStores(itemProps, normalizeConfigStores(itemProps, propsConfig == null ? void 0 : propsConfig.config), accordionItemConfig);
+          const config2 = mergeConfigStores(itemProps, normalizeConfigStores(itemProps, propsConfig?.config), accordionItemConfig);
           const [{ onHidden$, onShown$ }] = writablesForProps(
             {
               onHidden: defaultItemConfig.onHidden,
               onShown: defaultItemConfig.onShown
             },
-            { config: config2, props: propsConfig == null ? void 0 : propsConfig.props }
+            { config: config2, props: propsConfig?.props }
           );
           const item = itemFactory({
             config: config2,
             props: {
-              ...propsConfig == null ? void 0 : propsConfig.props,
+              ...propsConfig?.props,
               onHidden: asWritable(
                 readable(() => {
-                  var _a;
                   onItemHidden$()(item.stores.id$());
-                  (_a = onHidden$()) == null ? void 0 : _a();
+                  onHidden$()?.();
                 }),
                 (val) => {
                   onItemHidden$.set(val);
@@ -279,9 +275,8 @@ function factoryCreateAccordion(itemFactory = createAccordionItem, accordionItem
               ),
               onShown: asWritable(
                 readable(() => {
-                  var _a;
                   onItemShown$()(item.stores.id$());
-                  (_a = onShown$()) == null ? void 0 : _a();
+                  onShown$()?.();
                 }),
                 (val) => {
                   onItemShown$.set(val);

package/{accordion-cR5JqWJ8.cjs → accordion-yD-czBna.cjs}

@@ -3,8 +3,8 @@ const utils_stores = require("./utils/stores.cjs");
 const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
 const tansu = require("@amadeus-it-group/tansu");
 const utils_func = require("./utils/func.cjs");
-const utils_writables = require("./writables-Bn3uhKEG.cjs");
-const utils_directive = require("./dom-CuBx1JPZ.cjs");
+const utils_writables = require("./writables-DcGT98a7.cjs");
+const utils_directive = require("./dom-C2gi9OCP.cjs");
 const utils_widget = require("./utils/widget.cjs");
 function adjustItemsCloseOthers(items, openItems, oldOpen) {
   let keepOpen;
@@ -237,16 +237,13 @@ function factoryCreateAccordion(itemFactory = createAccordionItem, accordionItem
       patch,
       api: {
         expand: (id) => {
-          var _a;
-          (_a = getItem(itemWidgets$(), id)) == null ? void 0 : _a.api.expand();
+          getItem(itemWidgets$(), id)?.api.expand();
         },
         collapse: (id) => {
-          var _a;
-          (_a = getItem(itemWidgets$(), id)) == null ? void 0 : _a.api.collapse();
+          getItem(itemWidgets$(), id)?.api.collapse();
         },
         toggle: (id) => {
-          var _a;
-          (_a = getItem(itemWidgets$(), id)) == null ? void 0 : _a.api.toggle();
+          getItem(itemWidgets$(), id)?.api.toggle();
         },
         expandAll: () => {
           itemWidgets$().forEach((i) => i.api.expand());
@@ -256,23 +253,22 @@ function factoryCreateAccordion(itemFactory = createAccordionItem, accordionItem
         },
         registerItem: (propsConfig) => {
           const itemProps = accordionItemProps;
-          const config2 = utils_stores.mergeConfigStores(itemProps, utils_stores.normalizeConfigStores(itemProps, propsConfig == null ? void 0 : propsConfig.config), accordionItemConfig);
+          const config2 = utils_stores.mergeConfigStores(itemProps, utils_stores.normalizeConfigStores(itemProps, propsConfig?.config), accordionItemConfig);
           const [{ onHidden$, onShown$ }] = utils_stores.writablesForProps(
             {
               onHidden: defaultItemConfig.onHidden,
               onShown: defaultItemConfig.onShown
             },
-            { config: config2, props: propsConfig == null ? void 0 : propsConfig.props }
+            { config: config2, props: propsConfig?.props }
           );
           const item = itemFactory({
             config: config2,
             props: {
-              ...propsConfig == null ? void 0 : propsConfig.props,
+              ...propsConfig?.props,
               onHidden: tansu.asWritable(
                 tansu.readable(() => {
-                  var _a;
                   onItemHidden$()(item.stores.id$());
-                  (_a = onHidden$()) == null ? void 0 : _a();
+                  onHidden$()?.();
                 }),
                 (val) => {
                   onItemHidden$.set(val);
@@ -280,9 +276,8 @@ function factoryCreateAccordion(itemFactory = createAccordionItem, accordionItem
               ),
               onShown: tansu.asWritable(
                 tansu.readable(() => {
-                  var _a;
                   onItemShown$()(item.stores.id$());
-                  (_a = onShown$()) == null ? void 0 : _a();
+                  onShown$()?.();
                 }),
                 (val) => {
                   onItemShown$.set(val);

package/{alert-DtDozJal.cjs → alert-B-jQDQcB.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const common = require("./common-BToNPUDq.cjs");
+const common = require("./common-D3QcdJ6S.cjs");
 const utils_widget = require("./utils/widget.cjs");
 function getAlertDefaultConfig() {
   return { ...common.getCommonAlertDefaultConfig() };

package/{alert-YIlqdEPO.js → alert-gGz2CDS9.js}

@@ -1,4 +1,4 @@
-import { g as getCommonAlertDefaultConfig, c as createCommonAlert } from "./common-BqUjUBPy.js";
+import { g as getCommonAlertDefaultConfig, c as createCommonAlert } from "./common-DK0ADNTX.js";
 import { createWidgetFactory } from "./utils/widget.js";
 function getAlertDefaultConfig() {
   return { ...getCommonAlertDefaultConfig() };

package/{collapse-DwXz2kNw.js → collapse-BV4kD3j9.js}

@@ -1,7 +1,7 @@
 import { createTransition } from "./services/transitions/baseTransitions.js";
 import { writablesForProps, idWithDefault, stateStores } from "./utils/stores.js";
-import { n as createAttributesDirective, k as mergeDirectives } from "./dom-gfxqXJpK.js";
-import { g as typeFunction, e as typeString, c as typeBoolean } from "./writables-CgpOQ4hA.js";
+import { p as createAttributesDirective, n as mergeDirectives } from "./dom-Bcg9ORcA.js";
+import { g as typeFunction, e as typeString, c as typeBoolean } from "./writables-e0tyaQpe.js";
 import { computed } from "@amadeus-it-group/tansu";
 import { noop } from "./utils/func.js";
 import { createWidgetFactory } from "./utils/widget.js";

package/{collapse-DRp53EuG.cjs → collapse-gLiT080Y.cjs}

@@ -1,8 +1,8 @@
 "use strict";
 const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
 const utils_stores = require("./utils/stores.cjs");
-const utils_directive = require("./dom-CuBx1JPZ.cjs");
-const utils_writables = require("./writables-Bn3uhKEG.cjs");
+const utils_directive = require("./dom-C2gi9OCP.cjs");
+const utils_writables = require("./writables-DcGT98a7.cjs");
 const tansu = require("@amadeus-it-group/tansu");
 const utils_func = require("./utils/func.cjs");
 const utils_widget = require("./utils/widget.cjs");

package/{common-BToNPUDq.cjs → common-D3QcdJ6S.cjs}

@@ -2,7 +2,7 @@
 const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
 const utils_func = require("./utils/func.cjs");
 const utils_stores = require("./utils/stores.cjs");
-const utils_writables = require("./writables-Bn3uhKEG.cjs");
+const utils_writables = require("./writables-DcGT98a7.cjs");
 const defaultCommonAlertConfig = {
   visible: true,
   dismissible: true,

package/{common-BqUjUBPy.js → common-DK0ADNTX.js}

@@ -1,7 +1,7 @@
 import { createTransition } from "./services/transitions/baseTransitions.js";
 import { noop } from "./utils/func.js";
 import { writablesForProps, stateStores } from "./utils/stores.js";
-import { e as typeString, c as typeBoolean, g as typeFunction } from "./writables-CgpOQ4hA.js";
+import { e as typeString, c as typeBoolean, g as typeFunction } from "./writables-e0tyaQpe.js";
 const defaultCommonAlertConfig = {
   visible: true,
   dismissible: true,

package/components/accordion/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const accordion = require("../../accordion-cR5JqWJ8.cjs");
+const accordion = require("../../accordion-yD-czBna.cjs");
 exports.createAccordion = accordion.createAccordion;
 exports.createAccordionItem = accordion.createAccordionItem;
 exports.factoryCreateAccordion = accordion.factoryCreateAccordion;

package/components/accordion/index.js

@@ -1,4 +1,4 @@
-import { a, c, f, g } from "../../accordion-CoM4efp-.js";
+import { a, c, f, g } from "../../accordion-CcirvrjR.js";
 export {
   a as createAccordion,
   c as createAccordionItem,

package/components/alert/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const alert = require("../../alert-DtDozJal.cjs");
+const alert = require("../../alert-B-jQDQcB.cjs");
 exports.createAlert = alert.createAlert;
 exports.getAlertDefaultConfig = alert.getAlertDefaultConfig;

package/components/alert/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../alert-YIlqdEPO.js";
+import { c, g } from "../../alert-gGz2CDS9.js";
 export {
   c as createAlert,
   g as getAlertDefaultConfig

package/components/carousel/index.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const utils_stores = require("../../utils/stores.cjs");
-const utils_directive = require("../../dom-CuBx1JPZ.cjs");
+const utils_directive = require("../../dom-C2gi9OCP.cjs");
 const EmblaCarousel = require("embla-carousel");
 const tansu = require("@amadeus-it-group/tansu");
-const utils_writables = require("../../writables-Bn3uhKEG.cjs");
+const utils_writables = require("../../writables-DcGT98a7.cjs");
 const services_navManager = require("../../services/navManager.cjs");
 const utils_widget = require("../../utils/widget.cjs");
 const defaultConfig = {
@@ -94,7 +94,7 @@ function createEmblaCarousel(options$, plugins$) {
             emblaApi.reInit(options2, plugins2);
           },
           destroy: () => {
-            emblaApi == null ? void 0 : emblaApi.destroy();
+            emblaApi?.destroy();
             emblaApi = void 0;
             initialized$.set(false);
             scrolling$.set(false);
@@ -176,21 +176,15 @@ const createCarousel = utils_widget.createWidgetFactory("carousel", (config) =>
     patch,
     api: {
       scrollPrev: (jump) => {
-        var _a, _b;
-        (_b = (_a = emblaCarousel.api) == null ? void 0 : _a.scrollPrev) == null ? void 0 : _b.call(_a, jump);
+        emblaCarousel.api?.scrollPrev?.(jump);
       },
       scrollNext: (jump) => {
-        var _a, _b;
-        (_b = (_a = emblaCarousel.api) == null ? void 0 : _a.scrollNext) == null ? void 0 : _b.call(_a, jump);
+        emblaCarousel.api?.scrollNext?.(jump);
       },
       scrollTo: (index, jump) => {
-        var _a, _b;
-        (_b = (_a = emblaCarousel.api) == null ? void 0 : _a.scrollTo) == null ? void 0 : _b.call(_a, index, jump);
-      },
-      plugins: () => {
-        var _a, _b;
-        return (_b = (_a = emblaCarousel.api) == null ? void 0 : _a.plugins) == null ? void 0 : _b.call(_a);
+        emblaCarousel.api?.scrollTo?.(index, jump);
       },
+      plugins: () => emblaCarousel.api?.plugins?.(),
       emblaApi: () => emblaCarousel.api
     },
     directives: {
@@ -213,10 +207,7 @@ const createCarousel = utils_widget.createWidgetFactory("carousel", (config) =>
           disabled: tansu.computed(() => !emblaCarousel.stores.canScrollPrev$() || void 0)
         },
         events: {
-          click: () => {
-            var _a;
-            return (_a = emblaCarousel.api) == null ? void 0 : _a.scrollPrev();
-          },
+          click: () => emblaCarousel.api?.scrollPrev(),
           pointerdown: (event) => event.preventDefault(),
           touchstart: (event) => event.stopPropagation()
         }
@@ -227,10 +218,7 @@ const createCarousel = utils_widget.createWidgetFactory("carousel", (config) =>
           disabled: tansu.computed(() => !emblaCarousel.stores.canScrollNext$() || void 0)
         },
         events: {
-          click: () => {
-            var _a;
-            return (_a = emblaCarousel.api) == null ? void 0 : _a.scrollNext();
-          },
+          click: () => emblaCarousel.api?.scrollNext(),
           pointerdown: (event) => event.preventDefault(),
           touchstart: (event) => event.stopPropagation()
         }
@@ -254,8 +242,7 @@ const createCarousel = utils_widget.createWidgetFactory("carousel", (config) =>
       tabIndicator: utils_directive.createAttributesDirective((slide$) => ({
         events: {
           click: () => {
-            var _a;
-            (_a = emblaCarousel.api) == null ? void 0 : _a.scrollTo(slide$().index, slide$().jump ?? true);
+            emblaCarousel.api?.scrollTo(slide$().index, slide$().jump ?? true);
           }
         },
         attributes: {

package/components/carousel/index.js

@@ -1,8 +1,8 @@
 import { writablesForProps, stateStores, true$ } from "../../utils/stores.js";
-import { a as bindDirective, b as browserDirective, n as createAttributesDirective, k as mergeDirectives } from "../../dom-gfxqXJpK.js";
+import { a as bindDirective, b as browserDirective, p as createAttributesDirective, n as mergeDirectives } from "../../dom-Bcg9ORcA.js";
 import EmblaCarousel from "embla-carousel";
 import { writable, computed, asReadable, readable } from "@amadeus-it-group/tansu";
-import { g as typeFunction, e as typeString, c as typeBoolean, a as typeNumber, j as createTypeEnum, f as typeStringOrNull, i as typeArray } from "../../writables-CgpOQ4hA.js";
+import { g as typeFunction, e as typeString, c as typeBoolean, a as typeNumber, j as createTypeEnum, f as typeStringOrNull, i as typeArray } from "../../writables-e0tyaQpe.js";
 import { createNavManager } from "../../services/navManager.js";
 import { createWidgetFactory } from "../../utils/widget.js";
 const defaultConfig = {
@@ -92,7 +92,7 @@ function createEmblaCarousel(options$, plugins$) {
             emblaApi.reInit(options2, plugins2);
           },
           destroy: () => {
-            emblaApi == null ? void 0 : emblaApi.destroy();
+            emblaApi?.destroy();
             emblaApi = void 0;
             initialized$.set(false);
             scrolling$.set(false);
@@ -174,21 +174,15 @@ const createCarousel = createWidgetFactory("carousel", (config) => {
     patch,
     api: {
       scrollPrev: (jump) => {
-        var _a, _b;
-        (_b = (_a = emblaCarousel.api) == null ? void 0 : _a.scrollPrev) == null ? void 0 : _b.call(_a, jump);
+        emblaCarousel.api?.scrollPrev?.(jump);
       },
       scrollNext: (jump) => {
-        var _a, _b;
-        (_b = (_a = emblaCarousel.api) == null ? void 0 : _a.scrollNext) == null ? void 0 : _b.call(_a, jump);
+        emblaCarousel.api?.scrollNext?.(jump);
       },
       scrollTo: (index, jump) => {
-        var _a, _b;
-        (_b = (_a = emblaCarousel.api) == null ? void 0 : _a.scrollTo) == null ? void 0 : _b.call(_a, index, jump);
-      },
-      plugins: () => {
-        var _a, _b;
-        return (_b = (_a = emblaCarousel.api) == null ? void 0 : _a.plugins) == null ? void 0 : _b.call(_a);
+        emblaCarousel.api?.scrollTo?.(index, jump);
       },
+      plugins: () => emblaCarousel.api?.plugins?.(),
       emblaApi: () => emblaCarousel.api
     },
     directives: {
@@ -211,10 +205,7 @@ const createCarousel = createWidgetFactory("carousel", (config) => {
           disabled: computed(() => !emblaCarousel.stores.canScrollPrev$() || void 0)
         },
         events: {
-          click: () => {
-            var _a;
-            return (_a = emblaCarousel.api) == null ? void 0 : _a.scrollPrev();
-          },
+          click: () => emblaCarousel.api?.scrollPrev(),
           pointerdown: (event) => event.preventDefault(),
           touchstart: (event) => event.stopPropagation()
         }
@@ -225,10 +216,7 @@ const createCarousel = createWidgetFactory("carousel", (config) => {
           disabled: computed(() => !emblaCarousel.stores.canScrollNext$() || void 0)
         },
         events: {
-          click: () => {
-            var _a;
-            return (_a = emblaCarousel.api) == null ? void 0 : _a.scrollNext();
-          },
+          click: () => emblaCarousel.api?.scrollNext(),
           pointerdown: (event) => event.preventDefault(),
           touchstart: (event) => event.stopPropagation()
         }
@@ -252,8 +240,7 @@ const createCarousel = createWidgetFactory("carousel", (config) => {
       tabIndicator: createAttributesDirective((slide$) => ({
         events: {
           click: () => {
-            var _a;
-            (_a = emblaCarousel.api) == null ? void 0 : _a.scrollTo(slide$().index, slide$().jump ?? true);
+            emblaCarousel.api?.scrollTo(slide$().index, slide$().jump ?? true);
           }
         },
         attributes: {

package/components/collapse/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const collapse = require("../../collapse-DRp53EuG.cjs");
+const collapse = require("../../collapse-gLiT080Y.cjs");
 exports.createCollapse = collapse.createCollapse;
 exports.getCollapseDefaultConfig = collapse.getCollapseDefaultConfig;

package/components/collapse/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../collapse-DwXz2kNw.js";
+import { c, g } from "../../collapse-BV4kD3j9.js";
 export {
   c as createCollapse,
   g as getCollapseDefaultConfig

package/components/drawer/drawer.d.ts

@@ -0,0 +1,222 @@
+import type { TransitionFn } from '../../services/transitions/baseTransitions';
+import type { Directive, WidgetFactory } from '../../types';
+import { type Widget } from '../../types';
+import type { WidgetsCommonPropsAndState } from '../commonProps';
+/**
+ * Possible values for the drawer positions
+ */
+export type DrawerPositions = 'inline-start' | 'inline-end' | 'block-start' | 'block-end';
+interface DrawerCommonPropsAndState extends WidgetsCommonPropsAndState {
+    /**
+     * Which element should contain the drawer and backdrop DOM elements.
+     * If it is not null, the drawer and backdrop DOM elements are moved to the specified container.
+     * Otherwise, they stay where the widget is located.
+     *
+     * @defaultValue
+     * ```ts
+     * typeof window !== 'undefined' ? document.body : null
+     * ```
+     */
+    container: HTMLElement | null;
+    /**
+     * Classes to add on the backdrop DOM element.
+     *
+     * @defaultValue `''`
+     */
+    backdropClass: string;
+    /**
+     * If `true`, the drawer is shown; otherwise, it is hidden.
+     *
+     * @defaultValue `false`
+     */
+    visible: boolean;
+    /**
+     * If `true`, the drawer can be resized by the user.
+     *
+     * @defaultValue `false`
+     */
+    resizable: boolean;
+}
+/**
+ * Interface representing the properties for the Drawer component.
+ */
+export interface DrawerProps extends DrawerCommonPropsAndState {
+    /**
+     * The transition function will be executed when the drawer is displayed or hidden.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    transition: TransitionFn;
+    /**
+     * The transition function for vertically positioned drawer (top, bottom) that will be executed when the drawer is displayed or hidden.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    verticalTransition: TransitionFn;
+    /**
+     * The transition to use for the backdrop behind the drawer (if present).
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    backdropTransition: TransitionFn;
+    /**
+     * If `true` opening and closing will be animated.
+     */
+    animated: boolean;
+    /**
+     * aria-labelledby attribute to use for the drawer element.
+     */
+    ariaLabelledBy: string;
+    /**
+     * aria-describedby attribute to use for the drawer element.
+     */
+    ariaDescribedBy: string;
+    /**
+     * The width of the drawer in pixels.
+     */
+    width: number;
+    /**
+     * The height of the drawer in pixels.
+     */
+    height: number;
+    /**
+     * If `true` displays the backdrop element and disables the body scrolling, otherwise the body of the document is navigable
+     */
+    backdrop: boolean;
+    /**
+     * If `true` allows body scrolling when the drawer is open.
+     */
+    bodyScroll: boolean;
+    /**
+     * Event to be triggered when the transition is completed and the drawer is not visible.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onHidden: () => void;
+    /**
+     * Event to be triggered when the transition is completed and the drawer is visible.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onShown: () => void;
+    /**
+     * An event emitted when the width is changed.
+     *
+     * Event payload is equal to the newly selected width.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onWidthChange: (width: number) => void;
+    /**
+     * An event emitted when the height is changed.
+     *
+     * Event payload is equal to the newly selected height.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onHeightChange: (width: number) => void;
+    /**
+     * Event to be triggered when the visible property changes.
+     *
+     * @param visible - new value of the visible propery
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onVisibleChange: (visible: boolean) => void;
+}
+/**
+ * Represents the state of a Drawer component.
+ */
+export interface DrawerState extends DrawerCommonPropsAndState {
+    /**
+     * Whether the backdrop is fully hidden. This can be true either because {@link DrawerProps.backdrop|backdrop} is false or
+     * because {@link DrawerProps.visible|visible} is false and there is no current transition.
+     */
+    backdropHidden: boolean;
+    /**
+     * Flag to show whether the drawer is fully hidden.
+     */
+    hidden: boolean;
+}
+/**
+ * Interface representing the API for a Drawer component.
+ */
+export interface DrawerApi {
+    /**
+     * Trigger the opening of the drawer.
+     */
+    open: () => void;
+    /**
+     * Trigger the closing of the drawer.
+     */
+    close: () => void;
+}
+/**
+ * Interface representing various directives used in the Drawer component.
+ */
+export interface DrawerDirectives {
+    /**
+     * Directive to put on the drawer DOM element.
+     */
+    drawerDirective: Directive;
+    /**
+     * Portal directive to put on the drawer DOM element.
+     */
+    drawerPortalDirective: Directive;
+    /**
+     * Directive to put on the backdrop DOM element.
+     */
+    backdropDirective: Directive;
+    /**
+     * Portal directive to put on the backdrop DOM element.
+     */
+    backdropPortalDirective: Directive;
+    /**
+     * Directive to put on the splitter DOM element.
+     */
+    splitterDirective: Directive;
+    /**
+     * Directive to put on the container DOM element in order for the drawer to size correctly.
+     */
+    containerDirective: Directive;
+}
+/**
+ * Represents a Drawer widget component.
+ */
+export type DrawerWidget = Widget<DrawerProps, DrawerState, DrawerApi, DrawerDirectives>;
+/**
+ * Retrieve a shallow copy of the default Drawer config
+ * @returns the default Drawer config
+ */
+export declare function getDrawerDefaultConfig(): DrawerProps;
+/**
+ * Create a Drawer widget with given config props
+ * @param config - an optional Drawer config
+ * @returns a DrawerWidget
+ */
+export declare const createDrawer: WidgetFactory<DrawerWidget>;
+export {};

package/components/drawer/index.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const drawer = require("../../drawer-DP7UPojk.cjs");
+exports.createDrawer = drawer.createDrawer;
+exports.getDrawerDefaultConfig = drawer.getDrawerDefaultConfig;

package/components/drawer/index.d.ts

@@ -0,0 +1 @@
+export * from './drawer';

package/components/drawer/index.js

@@ -0,0 +1,5 @@
+import { c, g } from "../../drawer-D5SO73ew.js";
+export {
+  c as createDrawer,
+  g as getDrawerDefaultConfig
+};

package/components/modal/index.cjs

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const modal = require("../../modal-BEnQ6c5M.cjs");
+const modal = require("../../modal-DiXZXYjR.cjs");
 exports.createModal = modal.createModal;
 exports.getModalDefaultConfig = modal.getModalDefaultConfig;
 exports.modalCloseButtonClick = modal.modalCloseButtonClick;
+exports.modalCloseEscape = modal.modalCloseEscape;
 exports.modalOutsideClick = modal.modalOutsideClick;

package/components/modal/index.js

@@ -1,7 +1,8 @@
-import { c, g, a, m } from "../../modal-D3wGIDlj.js";
+import { c, g, a, b, m } from "../../modal-CAvQW-vo.js";
 export {
   c as createModal,
   g as getModalDefaultConfig,
   a as modalCloseButtonClick,
+  b as modalCloseEscape,
   m as modalOutsideClick
 };