@agnos-ui/core 0.9.2 → 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-BV4kD3j9.js

@@ -0,0 +1,82 @@
+import { createTransition } from "./services/transitions/baseTransitions.js";
+import { writablesForProps, idWithDefault, stateStores } from "./utils/stores.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";
+const defaultCollapseConfig = {
+  visible: false,
+  onVisibleChange: noop,
+  onShown: noop,
+  onHidden: noop,
+  animated: true,
+  animatedOnInit: false,
+  id: "",
+  transition: noop
+};
+function getCollapseDefaultConfig() {
+  return { ...defaultCollapseConfig };
+}
+const commonCollapseConfigValidator = {
+  onVisibleChange: typeFunction,
+  onHidden: typeFunction,
+  onShown: typeFunction,
+  animatedOnInit: typeBoolean,
+  animated: typeBoolean,
+  visible: typeBoolean,
+  id: typeString,
+  transition: typeFunction
+};
+const createCollapse = createWidgetFactory("collapse", (config) => {
+  const [
+    { transition$, animatedOnInit$, animated$, visible$: requestedVisible$, onVisibleChange$, onHidden$, onShown$, id$: _dirtyId$, ...stateProps },
+    patch
+  ] = writablesForProps(defaultCollapseConfig, config, commonCollapseConfigValidator);
+  const id$ = idWithDefault(_dirtyId$);
+  const transition = createTransition({
+    props: {
+      transition: transition$,
+      visible: requestedVisible$,
+      animated: animated$,
+      animatedOnInit: animatedOnInit$,
+      onVisibleChange: onVisibleChange$,
+      onHidden: onHidden$,
+      onShown: onShown$
+    }
+  });
+  const visible$ = transition.stores.visible$;
+  const hidden$ = transition.stores.hidden$;
+  return {
+    ...stateStores({ ...stateProps, visible$, hidden$ }),
+    patch,
+    api: {
+      open: transition.api.show,
+      close: transition.api.hide,
+      toggle: transition.api.toggle
+    },
+    directives: {
+      collapseDirective: mergeDirectives(
+        transition.directives.directive,
+        createAttributesDirective(() => ({
+          attributes: {
+            id: id$
+          }
+        }))
+      ),
+      triggerDirective: createAttributesDirective(() => ({
+        attributes: {
+          "aria-expanded": computed(() => `${visible$()}`),
+          "aria-controls": id$
+        },
+        events: {
+          click: () => transition.api.toggle()
+        }
+      }))
+    }
+  };
+});
+export {
+  createCollapse as c,
+  getCollapseDefaultConfig as g
+};

package/collapse-gLiT080Y.cjs

@@ -0,0 +1,81 @@
+"use strict";
+const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
+const utils_stores = require("./utils/stores.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");
+const defaultCollapseConfig = {
+  visible: false,
+  onVisibleChange: utils_func.noop,
+  onShown: utils_func.noop,
+  onHidden: utils_func.noop,
+  animated: true,
+  animatedOnInit: false,
+  id: "",
+  transition: utils_func.noop
+};
+function getCollapseDefaultConfig() {
+  return { ...defaultCollapseConfig };
+}
+const commonCollapseConfigValidator = {
+  onVisibleChange: utils_writables.typeFunction,
+  onHidden: utils_writables.typeFunction,
+  onShown: utils_writables.typeFunction,
+  animatedOnInit: utils_writables.typeBoolean,
+  animated: utils_writables.typeBoolean,
+  visible: utils_writables.typeBoolean,
+  id: utils_writables.typeString,
+  transition: utils_writables.typeFunction
+};
+const createCollapse = utils_widget.createWidgetFactory("collapse", (config) => {
+  const [
+    { transition$, animatedOnInit$, animated$, visible$: requestedVisible$, onVisibleChange$, onHidden$, onShown$, id$: _dirtyId$, ...stateProps },
+    patch
+  ] = utils_stores.writablesForProps(defaultCollapseConfig, config, commonCollapseConfigValidator);
+  const id$ = utils_stores.idWithDefault(_dirtyId$);
+  const transition = services_transitions_baseTransitions.createTransition({
+    props: {
+      transition: transition$,
+      visible: requestedVisible$,
+      animated: animated$,
+      animatedOnInit: animatedOnInit$,
+      onVisibleChange: onVisibleChange$,
+      onHidden: onHidden$,
+      onShown: onShown$
+    }
+  });
+  const visible$ = transition.stores.visible$;
+  const hidden$ = transition.stores.hidden$;
+  return {
+    ...utils_stores.stateStores({ ...stateProps, visible$, hidden$ }),
+    patch,
+    api: {
+      open: transition.api.show,
+      close: transition.api.hide,
+      toggle: transition.api.toggle
+    },
+    directives: {
+      collapseDirective: utils_directive.mergeDirectives(
+        transition.directives.directive,
+        utils_directive.createAttributesDirective(() => ({
+          attributes: {
+            id: id$
+          }
+        }))
+      ),
+      triggerDirective: utils_directive.createAttributesDirective(() => ({
+        attributes: {
+          "aria-expanded": tansu.computed(() => `${visible$()}`),
+          "aria-controls": id$
+        },
+        events: {
+          click: () => transition.api.toggle()
+        }
+      }))
+    }
+  };
+});
+exports.createCollapse = createCollapse;
+exports.getCollapseDefaultConfig = getCollapseDefaultConfig;

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/collapse.d.ts

@@ -0,0 +1,132 @@
+import { type TransitionFn } from '../../services/transitions/baseTransitions';
+import type { Directive, Widget, WidgetFactory } from '../../types';
+/**
+ * Interface representing the common properties and state for a collapse component.
+ */
+interface CollapseCommonPropsAndState {
+    /**
+     * If `true` the collapse is visible to the user
+     *
+     * @defaultValue `true`
+     */
+    visible: boolean;
+}
+/**
+ * Represents the state of a Collapse component.
+ */
+export interface CollapseState extends CollapseCommonPropsAndState {
+    /**
+     * Is `true` when the collapse is hidden. Compared to `visible`, this is updated after the transition is executed.
+     */
+    hidden: boolean;
+}
+/**
+ * Properties for the Collapse component.
+ */
+export interface CollapseProps extends CollapseCommonPropsAndState {
+    /**
+     * Callback called when the collapse visibility changed.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     * @param visible - The new visibility state of the collapse.
+     */
+    onVisibleChange: (visible: boolean) => void;
+    /**
+     * Callback called when the collapse is hidden.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onHidden: () => void;
+    /**
+     * Callback called when the collapse is shown.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onShown: () => void;
+    /**
+     * If `true`, collapse opening will be animated at init time.
+     *
+     * @defaultValue `false`
+     */
+    animatedOnInit: boolean;
+    /**
+     * If `true`, collapse closing and opening will be animated.
+     *
+     * @defaultValue `true`
+     */
+    animated: boolean;
+    /**
+     * id of the collapse
+     *
+     * @defaultValue `''`
+     */
+    id: string;
+    /**
+     * The transition function will be executed when the collapse is displayed or hidden.
+     *
+     * Depending on the value of `animatedOnInit`, the animation can be optionally skipped during the showing process.
+     *
+     * @defaultValue `() => {}`
+     */
+    transition: TransitionFn;
+}
+/**
+ * Interface representing the API for a collapsible component.
+ */
+export interface CollapseApi {
+    /**
+     * Triggers collapse closing programmatically.
+     */
+    close(): void;
+    /**
+     * Triggers the collapse content to be displayed for the user.
+     */
+    open(): void;
+    /**
+     * Toggles the collapse content visibility.
+     */
+    toggle(): void;
+}
+/**
+ * Interface representing the directives used in a collapse component.
+ */
+export interface CollapseDirectives {
+    /**
+     * Directive to apply the collapse.
+     */
+    collapseDirective: Directive;
+    /**
+     * Directive to apply to a trigger;
+     */
+    triggerDirective: Directive;
+}
+/**
+ * Represents a widget for handling collapse functionality.
+ *
+ * This type defines the structure of a CollapseWidget, which includes properties, state, API, and directives
+ * necessary for managing the collapse behavior in the UI.
+ *
+ * @type {Widget<CollapseProps, CollapseState, CollapseApi, CollapseDirectives>}
+ */
+export type CollapseWidget = Widget<CollapseProps, CollapseState, CollapseApi, CollapseDirectives>;
+/**
+ * Retrieve a shallow copy of the default collapse config
+ * @returns the default collapse config
+ */
+export declare function getCollapseDefaultConfig(): CollapseProps;
+/**
+ * Create an CollapseWidget factory
+ * @param transitionFn - the transition function that will be used for the collapse
+ * @returns an CollapseWidget
+ */
+export declare const createCollapse: WidgetFactory<CollapseWidget>;
+export {};

package/components/collapse/index.cjs

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

package/components/collapse/index.d.ts

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