@agnos-ui/core 0.8.0 → 0.9.0-next.0

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

@@ -1,9 +1,10 @@
-import { writablesForProps, idWithDefault, stateStores, mergeConfigStores, normalizeConfigStores, true$ } from "./utils/stores.js";
+import { writablesForProps, idWithDefault, stateStores, true$, mergeConfigStores, normalizeConfigStores } from "./utils/stores.js";
 import { createTransition } from "./services/transitions/baseTransitions.js";
-import { writable, computed, asWritable, readable } from "@amadeus-it-group/tansu";
+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 { createWidgetFactory } from "./utils/widget.js";
 function adjustItemsCloseOthers(items, openItems, oldOpen) {
   let keepOpen;
   if (openItems.length == 2) {
@@ -204,7 +205,7 @@ function createAccordionItem(config) {
   };
 }
 function factoryCreateAccordion(itemFactory = createAccordionItem, accordionItemProps = coreAccordionItemProps, accordionConfig = defaultAccordionConfig, accordionValidator = configAccordionValidator) {
-  return (config) => {
+  return createWidgetFactory("accordion", (config) => {
     const [writables, patch] = writablesForProps(accordionConfig, config, accordionValidator);
     const { closeOthers$, onItemShown$, onItemHidden$, className$ } = writables;
     const accordionItemConfig = Object.fromEntries(
@@ -306,7 +307,7 @@ function factoryCreateAccordion(itemFactory = createAccordionItem, accordionItem
         )
       }
     };
-  };
+  });
 }
 const createAccordion = factoryCreateAccordion();
 export {

package/{accordion-vfnqMstG.cjs → accordion-cR5JqWJ8.cjs}

@@ -5,6 +5,7 @@ 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_widget = require("./utils/widget.cjs");
 function adjustItemsCloseOthers(items, openItems, oldOpen) {
   let keepOpen;
   if (openItems.length == 2) {
@@ -205,7 +206,7 @@ function createAccordionItem(config) {
   };
 }
 function factoryCreateAccordion(itemFactory = createAccordionItem, accordionItemProps = coreAccordionItemProps, accordionConfig = defaultAccordionConfig, accordionValidator = configAccordionValidator) {
-  return (config) => {
+  return utils_widget.createWidgetFactory("accordion", (config) => {
     const [writables, patch] = utils_stores.writablesForProps(accordionConfig, config, accordionValidator);
     const { closeOthers$, onItemShown$, onItemHidden$, className$ } = writables;
     const accordionItemConfig = Object.fromEntries(
@@ -307,7 +308,7 @@ function factoryCreateAccordion(itemFactory = createAccordionItem, accordionItem
         )
       }
     };
-  };
+  });
 }
 const createAccordion = factoryCreateAccordion();
 exports.createAccordion = createAccordion;

package/{alert-D6W48Ffr.cjs → alert-DtDozJal.cjs}

@@ -1,8 +1,9 @@
 "use strict";
 const common = require("./common-BToNPUDq.cjs");
+const utils_widget = require("./utils/widget.cjs");
 function getAlertDefaultConfig() {
   return { ...common.getCommonAlertDefaultConfig() };
 }
-const createAlert = common.createCommonAlert;
+const createAlert = utils_widget.createWidgetFactory("alert", common.createCommonAlert);
 exports.createAlert = createAlert;
 exports.getAlertDefaultConfig = getAlertDefaultConfig;

package/alert-YIlqdEPO.js

@@ -0,0 +1,10 @@
+import { g as getCommonAlertDefaultConfig, c as createCommonAlert } from "./common-BqUjUBPy.js";
+import { createWidgetFactory } from "./utils/widget.js";
+function getAlertDefaultConfig() {
+  return { ...getCommonAlertDefaultConfig() };
+}
+const createAlert = createWidgetFactory("alert", createCommonAlert);
+export {
+  createAlert as c,
+  getAlertDefaultConfig as g
+};

package/components/accordion/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const accordion = require("../../accordion-vfnqMstG.cjs");
+const accordion = require("../../accordion-cR5JqWJ8.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-BLVIYePx.js";
+import { a, c, f, g } from "../../accordion-CoM4efp-.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-D6W48Ffr.cjs");
+const alert = require("../../alert-DtDozJal.cjs");
 exports.createAlert = alert.createAlert;
 exports.getAlertDefaultConfig = alert.getAlertDefaultConfig;

package/components/alert/index.js

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

package/components/carousel/carousel.d.ts

@@ -1,4 +1,4 @@
-import type { Directive, PropsConfig, Widget } from '../../types';
+import type { Directive, Widget, WidgetFactory } from '../../types';
 import type { EmblaCarouselType, EmblaPluginsType, EmblaPluginType } from 'embla-carousel';
 import type { ReadableSignal } from '@amadeus-it-group/tansu';
 /**
@@ -228,5 +228,5 @@ export declare function createEmblaCarousel(options$: ReadableSignal<Partial<Emb
  * @param config - an optional carousel config
  * @returns a CarouselWidget
  */
-export declare function createCarousel(config?: PropsConfig<CarouselProps>): CarouselWidget;
+export declare const createCarousel: WidgetFactory<CarouselWidget>;
 export {};

package/components/carousel/index.cjs

@@ -6,6 +6,7 @@ const EmblaCarousel = require("embla-carousel");
 const tansu = require("@amadeus-it-group/tansu");
 const utils_writables = require("../../writables-Bn3uhKEG.cjs");
 const services_navManager = require("../../services/navManager.cjs");
+const utils_widget = require("../../utils/widget.cjs");
 const defaultConfig = {
   align: "center",
   container: null,
@@ -119,7 +120,7 @@ function createEmblaCarousel(options$, plugins$) {
     }
   };
 }
-function createCarousel(config) {
+const createCarousel = utils_widget.createWidgetFactory("carousel", (config) => {
   const [
     {
       align$,
@@ -282,7 +283,7 @@ function createCarousel(config) {
       })
     }
   };
-}
+});
 exports.createCarousel = createCarousel;
 exports.createEmblaCarousel = createEmblaCarousel;
 exports.getCarouselDefaultConfig = getCarouselDefaultConfig;

package/components/carousel/index.js

@@ -4,6 +4,7 @@ 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 { createNavManager } from "../../services/navManager.js";
+import { createWidgetFactory } from "../../utils/widget.js";
 const defaultConfig = {
   align: "center",
   container: null,
@@ -117,7 +118,7 @@ function createEmblaCarousel(options$, plugins$) {
     }
   };
 }
-function createCarousel(config) {
+const createCarousel = createWidgetFactory("carousel", (config) => {
   const [
     {
       align$,
@@ -280,7 +281,7 @@ function createCarousel(config) {
       })
     }
   };
-}
+});
 export {
   createCarousel,
   createEmblaCarousel,

package/components/modal/index.cjs

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

package/components/modal/index.js

@@ -1,4 +1,4 @@
-import { c, g, a, m } from "../../modal-CGK3h9pR.js";
+import { c, g, a, m } from "../../modal-D3wGIDlj.js";
 export {
   c as createModal,
   g as getModalDefaultConfig,

package/components/modal/modal.d.ts

@@ -1,6 +1,6 @@
 import type { WidgetsCommonPropsAndState } from '../commonProps';
 import type { TransitionFn } from '../../services/transitions/baseTransitions';
-import type { Directive, PropsConfig, Widget } from '../../types';
+import type { Directive, Widget, WidgetFactory } from '../../types';
 /**
  * Value present in the {@link ModalBeforeCloseEvent.result|result} property of the {@link ModalProps.onBeforeClose|onBeforeClose} event
  * and returned by the {@link ModalApi.open|open} method, when the modal is closed by a click inside the viewport but outside the modal.
@@ -236,5 +236,5 @@ export declare function getModalDefaultConfig(): ModalProps;
  * @param config$ - config of the modal, either as a store or as an object containing values or stores.
  * @returns a new modal widget instance
  */
-export declare function createModal(config$?: PropsConfig<ModalProps>): ModalWidget;
+export declare const createModal: WidgetFactory<ModalWidget>;
 export {};

package/components/pagination/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const pagination = require("../../pagination-BzyKulaI.cjs");
+const pagination = require("../../pagination-C1TT-oea.cjs");
 exports.createPagination = pagination.createPagination;
 exports.getPaginationDefaultConfig = pagination.getPaginationDefaultConfig;

package/components/pagination/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../pagination-CRAKaOuh.js";
+import { c, g } from "../../pagination-B97wBLok.js";
 export {
   c as createPagination,
   g as getPaginationDefaultConfig

package/components/pagination/pagination.d.ts

@@ -1,4 +1,4 @@
-import type { PropsConfig, Widget, Directive } from '../../types';
+import type { Widget, Directive, WidgetFactory } from '../../types';
 import type { WidgetsCommonPropsAndState } from '../commonProps';
 /**
  * Interface representing the common properties and state for a pagination component.
@@ -310,5 +310,5 @@ export declare function getPaginationDefaultConfig(): PaginationProps;
  * @param config - an optional pagination config
  * @returns a PaginationWidget
  */
-export declare function createPagination(config?: PropsConfig<PaginationProps>): PaginationWidget;
+export declare const createPagination: WidgetFactory<PaginationWidget>;
 export {};

package/components/progressbar/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const progressbar = require("../../progressbar-D9rvrxXi.cjs");
+const progressbar = require("../../progressbar-CRvhNB5R.cjs");
 exports.createProgressbar = progressbar.createProgressbar;
 exports.getProgressbarDefaultConfig = progressbar.getProgressbarDefaultConfig;

package/components/progressbar/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../progressbar-Csnqx_Pk.js";
+import { c, g } from "../../progressbar-BWBlRk_Y.js";
 export {
   c as createProgressbar,
   g as getProgressbarDefaultConfig

package/components/progressbar/progressbar.d.ts

@@ -1,4 +1,4 @@
-import type { Directive, PropsConfig, Widget } from '../../types';
+import type { Directive, Widget, WidgetFactory } from '../../types';
 import type { WidgetsCommonPropsAndState } from '../commonProps';
 interface ProgressbarCommonPropsAndState extends WidgetsCommonPropsAndState {
     /**
@@ -87,5 +87,5 @@ export declare function getProgressbarDefaultConfig(): ProgressbarProps;
  * @param config - an optional progress bar config
  * @returns an ProgressbarWidget
  */
-export declare function createProgressbar(config?: PropsConfig<ProgressbarProps>): ProgressbarWidget;
+export declare const createProgressbar: WidgetFactory<ProgressbarWidget>;
 export {};

package/components/rating/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const rating = require("../../rating-C4c8Paz-.cjs");
+const rating = require("../../rating-DAb6nR67.cjs");
 exports.createRating = rating.createRating;
 exports.getRatingDefaultConfig = rating.getRatingDefaultConfig;

package/components/rating/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../rating-CvTnNxgN.js";
+import { c, g } from "../../rating-BXvy9kXq.js";
 export {
   c as createRating,
   g as getRatingDefaultConfig

package/components/rating/rating.d.ts

@@ -1,4 +1,4 @@
-import type { Directive, PropsConfig, Widget } from '../../types';
+import type { Directive, Widget, WidgetFactory } from '../../types';
 import type { WidgetsCommonPropsAndState } from '../commonProps';
 /**
  * Represents the context for a star in a rating component.
@@ -187,5 +187,5 @@ export declare function getRatingDefaultConfig(): RatingProps;
  * @param config - an optional alert config
  * @returns a RatingWidget
  */
-export declare function createRating(config?: PropsConfig<RatingProps>): RatingWidget;
+export declare const createRating: WidgetFactory<RatingWidget>;
 export {};

package/components/select/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const select = require("../../select-D1pBz4CM.cjs");
+const select = require("../../select-C0rJJQfl.cjs");
 exports.createSelect = select.createSelect;
 exports.getSelectDefaultConfig = select.getSelectDefaultConfig;

package/components/select/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../select-C-77MJfC.js";
+import { c, g } from "../../select-BdjpnE7_.js";
 export {
   c as createSelect,
   g as getSelectDefaultConfig

package/components/select/select.d.ts

@@ -1,7 +1,7 @@
 import type { Placement } from '@floating-ui/dom';
 import type { FloatingUI } from '../../services/floatingUI';
 import type { HasFocus } from '../../services/focustrack';
-import type { Directive, PropsConfig, Widget } from '../../types';
+import type { Directive, PropsConfig, Widget, WidgetFactory } from '../../types';
 import type { WidgetsCommonPropsAndState } from '../commonProps';
 interface SelectCommonPropsAndState<Item> extends WidgetsCommonPropsAndState {
     /**
@@ -307,5 +307,5 @@ export declare function getSelectDefaultConfig(): SelectProps<any>;
  * @param config - an optional alert config
  * @returns a SelectWidget
  */
-export declare function createSelect<Item>(config?: PropsConfig<SelectProps<Item>>): SelectWidget<Item>;
+export declare const createSelect: WidgetFactory<SelectWidget<unknown>, <Item>(config?: PropsConfig<SelectProps<Item>>) => SelectWidget<Item>>;
 export {};

package/components/slider/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const slider = require("../../slider-B0ZfAY0K.cjs");
+const slider = require("../../slider-xEieAbBb.cjs");
 exports.createSlider = slider.createSlider;
 exports.getSliderDefaultConfig = slider.getSliderDefaultConfig;

package/components/slider/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../slider-BF6a0eh_.js";
+import { c, g } from "../../slider-DVthNbSG.js";
 export {
   c as createSlider,
   g as getSliderDefaultConfig

package/components/slider/slider.d.ts

@@ -1,5 +1,5 @@
 import type { WidgetsCommonPropsAndState } from '../commonProps';
-import type { Directive, PropsConfig, Widget } from '../../types';
+import type { Directive, Widget, WidgetFactory } from '../../types';
 /**
  * Options for displaying progress in a slider component.
  */
@@ -354,5 +354,5 @@ export declare function getSliderDefaultConfig(): SliderProps;
  * @param config - an optional slider config
  * @returns a SliderWidget
  */
-export declare function createSlider(config?: PropsConfig<SliderProps>): SliderWidget;
+export declare const createSlider: WidgetFactory<SliderWidget>;
 export {};

package/components/toast/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const toaster = require("../../toaster-B2ibv38T.cjs");
+const toaster = require("../../toaster-Cayg6Lbq.cjs");
 exports.Toaster = toaster.Toaster;
 exports.createToast = toaster.createToast;
 exports.defaultToasterProps = toaster.defaultToasterProps;

package/components/toast/index.js

@@ -1,4 +1,4 @@
-import { T, c, d, g } from "../../toaster-PwfLC7FH.js";
+import { T, c, d, g } from "../../toaster-XfzHDqz_.js";
 export {
   T as Toaster,
   c as createToast,

package/components/toast/toast.d.ts

@@ -1,4 +1,4 @@
-import type { Directive, PropsConfig, Widget } from '../../types';
+import type { Directive, Widget, WidgetFactory } from '../../types';
 import type { CommonAlertApi, CommonAlertDirectives, CommonAlertProps, CommonAlertState } from '../alert/common';
 interface ToastExtraProps {
     /**
@@ -62,5 +62,5 @@ export declare function getToastDefaultConfig(): ToastProps;
  * @param config - an optional toast config
  * @returns a ToastWidget
  */
-export declare function createToast(config?: PropsConfig<ToastProps>): ToastWidget;
+export declare const createToast: WidgetFactory<ToastWidget>;
 export {};

package/components/tree/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tree = require("../../tree-Dwv2U0ea.cjs");
+const tree = require("../../tree-Pvr2rZ-D.cjs");
 exports.createTree = tree.createTree;
 exports.getTreeDefaultConfig = tree.getTreeDefaultConfig;

package/components/tree/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../tree-DUU_TWqy.js";
+import { c, g } from "../../tree-BFrXdJox.js";
 export {
   c as createTree,
   g as getTreeDefaultConfig

package/components/tree/tree.d.ts

@@ -1,5 +1,5 @@
-import type { Directive } from '../../types';
-import { type PropsConfig, type Widget } from '../../types';
+import type { Directive, WidgetFactory } from '../../types';
+import { type Widget } from '../../types';
 import type { WidgetsCommonPropsAndState } from '../commonProps';
 /**
  * Represents a tree item component.
@@ -145,5 +145,5 @@ export declare function getTreeDefaultConfig(): TreeProps;
  * @param config - an optional tree config
  * @returns a TreeWidget
  */
-export declare function createTree(config?: PropsConfig<TreeProps>): TreeWidget;
+export declare const createTree: WidgetFactory<TreeWidget>;
 export {};

package/index.cjs

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const types = require("./types.cjs");
-const accordion = require("./accordion-vfnqMstG.cjs");
-const alert = require("./alert-D6W48Ffr.cjs");
-const modal = require("./modal-Dw1MuWPV.cjs");
-const pagination = require("./pagination-BzyKulaI.cjs");
-const progressbar = require("./progressbar-D9rvrxXi.cjs");
-const rating = require("./rating-C4c8Paz-.cjs");
-const select = require("./select-D1pBz4CM.cjs");
-const slider = require("./slider-B0ZfAY0K.cjs");
-const toaster = require("./toaster-B2ibv38T.cjs");
-const tree = require("./tree-Dwv2U0ea.cjs");
+const accordion = require("./accordion-cR5JqWJ8.cjs");
+const alert = require("./alert-DtDozJal.cjs");
+const modal = require("./modal-BEnQ6c5M.cjs");
+const pagination = require("./pagination-C1TT-oea.cjs");
+const progressbar = require("./progressbar-CRvhNB5R.cjs");
+const rating = require("./rating-DAb6nR67.cjs");
+const select = require("./select-C0rJJQfl.cjs");
+const slider = require("./slider-xEieAbBb.cjs");
+const toaster = require("./toaster-Cayg6Lbq.cjs");
+const tree = require("./tree-Pvr2rZ-D.cjs");
 const config = require("./config.cjs");
 const services_extendWidget = require("./services/extendWidget.cjs");
 const services_floatingUI = require("./services/floatingUI.cjs");
@@ -28,6 +28,7 @@ const services_transitions_simpleClassTransition = require("./services/transitio
 const utils_directive = require("./dom-CuBx1JPZ.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const utils_writables = require("./writables-Bn3uhKEG.cjs");
+exports.FACTORY_WIDGET_NAME = types.FACTORY_WIDGET_NAME;
 exports.INVALID_VALUE = types.INVALID_VALUE;
 exports.createAccordion = accordion.createAccordion;
 exports.createAccordionItem = accordion.createAccordionItem;

package/index.js

@@ -1,14 +1,14 @@
-import { INVALID_VALUE } from "./types.js";
-import { a, c, f, g } from "./accordion-BLVIYePx.js";
-import { c as c2, g as g2 } from "./alert-BpepSIHu.js";
-import { c as c3, g as g3, a as a2, m } from "./modal-CGK3h9pR.js";
-import { c as c4, g as g4 } from "./pagination-CRAKaOuh.js";
-import { c as c5, g as g5 } from "./progressbar-Csnqx_Pk.js";
-import { c as c6, g as g6 } from "./rating-CvTnNxgN.js";
-import { c as c7, g as g7 } from "./select-C-77MJfC.js";
-import { c as c8, g as g8 } from "./slider-BF6a0eh_.js";
-import { T, c as c9, d, g as g9 } from "./toaster-PwfLC7FH.js";
-import { c as c10, g as g10 } from "./tree-DUU_TWqy.js";
+import { FACTORY_WIDGET_NAME, INVALID_VALUE } from "./types.js";
+import { a, c, f, g } from "./accordion-CoM4efp-.js";
+import { c as c2, g as g2 } from "./alert-YIlqdEPO.js";
+import { c as c3, g as g3, a as a2, m } from "./modal-D3wGIDlj.js";
+import { c as c4, g as g4 } from "./pagination-B97wBLok.js";
+import { c as c5, g as g5 } from "./progressbar-BWBlRk_Y.js";
+import { c as c6, g as g6 } from "./rating-BXvy9kXq.js";
+import { c as c7, g as g7 } from "./select-BdjpnE7_.js";
+import { c as c8, g as g8 } from "./slider-DVthNbSG.js";
+import { T, c as c9, d, g as g9 } from "./toaster-XfzHDqz_.js";
+import { c as c10, g as g10 } from "./tree-BFrXdJox.js";
 import { createWidgetsConfig, mergeInto } from "./config.js";
 import { extendWidgetProps } from "./services/extendWidget.js";
 import { createFloatingUI } from "./services/floatingUI.js";
@@ -27,6 +27,7 @@ import { o, a as a3, c as c11, b, p, n, g as g11, j, f as f2, h, q, d as d2, e,
 import { bindableDerived, bindableProp, createPatch, false$, findChangedProperties, idWithDefault, isStore, mergeConfigStores, normalizeConfigStores, stateStores, toReadableStore, toWritableStore, true$, writableWithDefault, writablesForProps, writablesWithDefault } from "./utils/stores.js";
 import { j as j2, t, i as i2, c as c12, d as d3, g as g12, h as h2, a as a4, b as b2, e as e2, f as f3 } from "./writables-CgpOQ4hA.js";
 export {
+  FACTORY_WIDGET_NAME,
   INVALID_VALUE,
   T as Toaster,
   activeElement$,

package/{modal-Dw1MuWPV.cjs → modal-BEnQ6c5M.cjs}

@@ -8,6 +8,7 @@ const utils_func = require("./utils/func.cjs");
 const utils_directive = require("./dom-CuBx1JPZ.cjs");
 const services_portal = require("./services/portal.cjs");
 const services_siblingsInert = require("./services/siblingsInert.cjs");
+const utils_widget = require("./utils/widget.cjs");
 const internalRemoveScrollbars = () => {
   const scrollbarWidth = Math.abs(window.innerWidth - document.documentElement.clientWidth);
   const body = document.body;
@@ -85,7 +86,7 @@ const scrollbarsAction$ = tansu.computed(() => {
 const modalsAction$ = tansu.computed(() => {
   scrollbarsAction$();
 });
-function createModal(config$) {
+const createModal = utils_widget.createWidgetFactory("modal", (config$) => {
   const [
     {
       animated$,
@@ -245,7 +246,7 @@ function createModal(config$) {
     }
   };
   return res;
-}
+});
 exports.createModal = createModal;
 exports.getModalDefaultConfig = getModalDefaultConfig;
 exports.modalCloseButtonClick = modalCloseButtonClick;

package/{modal-CGK3h9pR.js → modal-D3wGIDlj.js}

@@ -7,6 +7,7 @@ import { noop } from "./utils/func.js";
 import { a as bindDirective, r as registrationArray, n as createAttributesDirective, k as mergeDirectives, d as directiveSubscribe, b as browserDirective } from "./dom-gfxqXJpK.js";
 import { portal } from "./services/portal.js";
 import { siblingsInert } from "./services/siblingsInert.js";
+import { createWidgetFactory } from "./utils/widget.js";
 const internalRemoveScrollbars = () => {
   const scrollbarWidth = Math.abs(window.innerWidth - document.documentElement.clientWidth);
   const body = document.body;
@@ -84,7 +85,7 @@ const scrollbarsAction$ = computed(() => {
 const modalsAction$ = computed(() => {
   scrollbarsAction$();
 });
-function createModal(config$) {
+const createModal = createWidgetFactory("modal", (config$) => {
   const [
     {
       animated$,
@@ -244,7 +245,7 @@ function createModal(config$) {
     }
   };
   return res;
-}
+});
 export {
   modalCloseButtonClick as a,
   createModal as c,

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/core",
 	"description": "Framework-agnostic headless component library.",
-	"version": "0.8.0",
+	"version": "0.9.0-next.0",
 	"type": "module",
 	"main": "./index.cjs",
 	"module": "./index.js",

package/{pagination-CRAKaOuh.js → pagination-B97wBLok.js}

@@ -1,8 +1,9 @@
 import { computed } from "@amadeus-it-group/tansu";
 import { writablesForProps, bindableProp, stateStores, true$ } from "./utils/stores.js";
-import { e as typeString, g as typeFunction, c as typeBoolean, a as typeNumber, k as clamp, l as isNumber } from "./writables-CgpOQ4hA.js";
+import { l as isNumber, e as typeString, g as typeFunction, c as typeBoolean, a as typeNumber, k as clamp } from "./writables-CgpOQ4hA.js";
 import { noop } from "./utils/func.js";
 import { n as createAttributesDirective } from "./dom-gfxqXJpK.js";
+import { createWidgetFactory } from "./utils/widget.js";
 const PAGE_LINK_DEFAULT = "#";
 const defaultConfig = {
   page: 1,
@@ -55,7 +56,7 @@ const configValidator = {
   pageLink: typeFunction,
   ariaEllipsisLabel: typeString
 };
-function createPagination(config) {
+const createPagination = createWidgetFactory("pagination", (config) => {
   const [
     {
       // dirty inputs that need adjustment:
@@ -244,7 +245,7 @@ function createPagination(config) {
     }
   };
   return widget;
-}
+});
 export {
   createPagination as c,
   getPaginationDefaultConfig as g

package/{pagination-BzyKulaI.cjs → pagination-C1TT-oea.cjs}

@@ -4,6 +4,7 @@ const utils_stores = require("./utils/stores.cjs");
 const utils_writables = require("./writables-Bn3uhKEG.cjs");
 const utils_func = require("./utils/func.cjs");
 const utils_directive = require("./dom-CuBx1JPZ.cjs");
+const utils_widget = require("./utils/widget.cjs");
 const PAGE_LINK_DEFAULT = "#";
 const defaultConfig = {
   page: 1,
@@ -56,7 +57,7 @@ const configValidator = {
   pageLink: utils_writables.typeFunction,
   ariaEllipsisLabel: utils_writables.typeString
 };
-function createPagination(config) {
+const createPagination = utils_widget.createWidgetFactory("pagination", (config) => {
   const [
     {
       // dirty inputs that need adjustment:
@@ -245,6 +246,6 @@ function createPagination(config) {
     }
   };
   return widget;
-}
+});
 exports.createPagination = createPagination;
 exports.getPaginationDefaultConfig = getPaginationDefaultConfig;

package/{progressbar-Csnqx_Pk.js → progressbar-BWBlRk_Y.js}

@@ -2,6 +2,7 @@ import { k as clamp, g as typeFunction, e as typeString, a as typeNumber } from
 import { writablesForProps, stateStores } from "./utils/stores.js";
 import { computed, readable } from "@amadeus-it-group/tansu";
 import { n as createAttributesDirective } from "./dom-gfxqXJpK.js";
+import { createWidgetFactory } from "./utils/widget.js";
 const defaultConfig = {
   min: 0,
   max: 100,
@@ -21,7 +22,7 @@ const configValidator = {
   className: typeString,
   ariaValueTextFn: typeFunction
 };
-function createProgressbar(config) {
+const createProgressbar = createWidgetFactory("progressbar", (config) => {
   const [
     {
       // dirty inputs that need adjustment:
@@ -76,7 +77,7 @@ function createProgressbar(config) {
       }))
     }
   };
-}
+});
 export {
   createProgressbar as c,
   getProgressbarDefaultConfig as g

package/{progressbar-D9rvrxXi.cjs → progressbar-CRvhNB5R.cjs}

@@ -3,6 +3,7 @@ const utils_writables = require("./writables-Bn3uhKEG.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const tansu = require("@amadeus-it-group/tansu");
 const utils_directive = require("./dom-CuBx1JPZ.cjs");
+const utils_widget = require("./utils/widget.cjs");
 const defaultConfig = {
   min: 0,
   max: 100,
@@ -22,7 +23,7 @@ const configValidator = {
   className: utils_writables.typeString,
   ariaValueTextFn: utils_writables.typeFunction
 };
-function createProgressbar(config) {
+const createProgressbar = utils_widget.createWidgetFactory("progressbar", (config) => {
   const [
     {
       // dirty inputs that need adjustment:
@@ -77,6 +78,6 @@ function createProgressbar(config) {
       }))
     }
   };
-}
+});
 exports.createProgressbar = createProgressbar;
 exports.getProgressbarDefaultConfig = getProgressbarDefaultConfig;

package/{rating-CvTnNxgN.js → rating-BXvy9kXq.js}

@@ -4,6 +4,7 @@ import { n as createAttributesDirective } from "./dom-gfxqXJpK.js";
 import { e as typeString, g as typeFunction, c as typeBoolean, a as typeNumber, k as clamp, l as isNumber } from "./writables-CgpOQ4hA.js";
 import { noop } from "./utils/func.js";
 import { writablesForProps, bindableProp, stateStores, true$ } from "./utils/stores.js";
+import { createWidgetFactory } from "./utils/widget.js";
 const defaultConfig = {
   rating: 0,
   tabindex: 0,
@@ -37,7 +38,7 @@ const configValidator = {
   ariaLabel: typeString,
   ariaLabelledBy: typeString
 };
-function createRating(config) {
+const createRating = createWidgetFactory("rating", (config) => {
   const [
     {
       // dirty inputs that need adjustment:
@@ -173,7 +174,7 @@ function createRating(config) {
     }
   };
   return widget;
-}
+});
 export {
   createRating as c,
   getRatingDefaultConfig as g

package/{rating-C4c8Paz-.cjs → rating-DAb6nR67.cjs}

@@ -5,6 +5,7 @@ const utils_directive = require("./dom-CuBx1JPZ.cjs");
 const utils_writables = require("./writables-Bn3uhKEG.cjs");
 const utils_func = require("./utils/func.cjs");
 const utils_stores = require("./utils/stores.cjs");
+const utils_widget = require("./utils/widget.cjs");
 const defaultConfig = {
   rating: 0,
   tabindex: 0,
@@ -38,7 +39,7 @@ const configValidator = {
   ariaLabel: utils_writables.typeString,
   ariaLabelledBy: utils_writables.typeString
 };
-function createRating(config) {
+const createRating = utils_widget.createWidgetFactory("rating", (config) => {
   const [
     {
       // dirty inputs that need adjustment:
@@ -174,6 +175,6 @@ function createRating(config) {
     }
   };
   return widget;
-}
+});
 exports.createRating = createRating;
 exports.getRatingDefaultConfig = getRatingDefaultConfig;

package/{select-C-77MJfC.js → select-BdjpnE7_.js}

@@ -6,6 +6,7 @@ import { createNavManager } from "./services/navManager.js";
 import { t as generateId, k as mergeDirectives, n as createAttributesDirective, a as bindDirective } from "./dom-gfxqXJpK.js";
 import { noop } from "./utils/func.js";
 import { writablesForProps, bindableProp, bindableDerived, stateStores, true$ } from "./utils/stores.js";
+import { createWidgetFactory } from "./utils/widget.js";
 const defaultConfig = {
   id: void 0,
   ariaLabel: "Select",
@@ -29,7 +30,7 @@ const defaultConfig = {
 function getSelectDefaultConfig() {
   return { ...defaultConfig };
 }
-function createSelect(config) {
+const createSelect = createWidgetFactory("select", (config) => {
   const [
     {
       id$: _dirtyId$,
@@ -370,7 +371,7 @@ function createSelect(config) {
     }
   };
   return widget;
-}
+});
 export {
   createSelect as c,
   getSelectDefaultConfig as g

package/{select-D1pBz4CM.cjs → select-C0rJJQfl.cjs}

@@ -7,6 +7,7 @@ const services_navManager = require("./services/navManager.cjs");
 const utils_directive = require("./dom-CuBx1JPZ.cjs");
 const utils_func = require("./utils/func.cjs");
 const utils_stores = require("./utils/stores.cjs");
+const utils_widget = require("./utils/widget.cjs");
 const defaultConfig = {
   id: void 0,
   ariaLabel: "Select",
@@ -30,7 +31,7 @@ const defaultConfig = {
 function getSelectDefaultConfig() {
   return { ...defaultConfig };
 }
-function createSelect(config) {
+const createSelect = utils_widget.createWidgetFactory("select", (config) => {
   const [
     {
       id$: _dirtyId$,
@@ -371,6 +372,6 @@ function createSelect(config) {
     }
   };
   return widget;
-}
+});
 exports.createSelect = createSelect;
 exports.getSelectDefaultConfig = getSelectDefaultConfig;

package/services/extendWidget.cjs

@@ -2,31 +2,36 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tansu = require("@amadeus-it-group/tansu");
 const utils_stores = require("../utils/stores.cjs");
-const extendWidgetProps = (factory, extraPropsDefaults, extraPropsConfig, overrideDefaults) => (propsConfig) => {
-  const extraPropsWritables = utils_stores.writablesWithDefault(extraPropsDefaults, propsConfig, extraPropsConfig);
-  const propsConfigConfig = propsConfig == null ? void 0 : propsConfig.config;
-  const config = utils_stores.isStore(propsConfigConfig) ? tansu.computed(() => ({ ...overrideDefaults, ...propsConfigConfig() })) : { ...overrideDefaults, ...propsConfigConfig ?? {} };
-  const widget = factory({ props: propsConfig == null ? void 0 : propsConfig.props, config });
-  return {
-    ...widget,
-    ...utils_stores.stateStores({ ...widget.stores, ...extraPropsWritables }),
-    patch: (storesValues) => tansu.batch(() => {
-      let widgetProps;
-      for (const [name, value] of Object.entries(storesValues ?? {})) {
-        const extraPropsStore = extraPropsWritables[`${name}$`];
-        if (extraPropsStore) {
-          extraPropsStore.set(value);
-        } else {
-          if (!widgetProps) {
-            widgetProps = {};
+const types = require("../types.cjs");
+const extendWidgetProps = (factory, extraPropsDefaults, extraPropsConfig, overrideDefaults) => {
+  const extendedFactory = (propsConfig) => {
+    const extraPropsWritables = utils_stores.writablesWithDefault(extraPropsDefaults, propsConfig, extraPropsConfig);
+    const propsConfigConfig = propsConfig == null ? void 0 : propsConfig.config;
+    const config = utils_stores.isStore(propsConfigConfig) ? tansu.computed(() => ({ ...overrideDefaults, ...propsConfigConfig() })) : { ...overrideDefaults, ...propsConfigConfig ?? {} };
+    const widget = factory({ props: propsConfig == null ? void 0 : propsConfig.props, config });
+    return {
+      ...widget,
+      ...utils_stores.stateStores({ ...widget.stores, ...extraPropsWritables }),
+      patch: (storesValues) => tansu.batch(() => {
+        let widgetProps;
+        for (const [name, value] of Object.entries(storesValues ?? {})) {
+          const extraPropsStore = extraPropsWritables[`${name}$`];
+          if (extraPropsStore) {
+            extraPropsStore.set(value);
+          } else {
+            if (!widgetProps) {
+              widgetProps = {};
+            }
+            widgetProps[name] = value;
           }
-          widgetProps[name] = value;
         }
-      }
-      if (widgetProps) {
-        widget.patch(widgetProps);
-      }
-    })
+        if (widgetProps) {
+          widget.patch(widgetProps);
+        }
+      })
+    };
   };
+  extendedFactory[types.FACTORY_WIDGET_NAME] = factory[types.FACTORY_WIDGET_NAME];
+  return extendedFactory;
 };
 exports.extendWidgetProps = extendWidgetProps;

package/services/extendWidget.js

@@ -1,31 +1,36 @@
 import { computed, batch } from "@amadeus-it-group/tansu";
 import { writablesWithDefault, isStore, stateStores } from "../utils/stores.js";
-const extendWidgetProps = (factory, extraPropsDefaults, extraPropsConfig, overrideDefaults) => (propsConfig) => {
-  const extraPropsWritables = writablesWithDefault(extraPropsDefaults, propsConfig, extraPropsConfig);
-  const propsConfigConfig = propsConfig == null ? void 0 : propsConfig.config;
-  const config = isStore(propsConfigConfig) ? computed(() => ({ ...overrideDefaults, ...propsConfigConfig() })) : { ...overrideDefaults, ...propsConfigConfig ?? {} };
-  const widget = factory({ props: propsConfig == null ? void 0 : propsConfig.props, config });
-  return {
-    ...widget,
-    ...stateStores({ ...widget.stores, ...extraPropsWritables }),
-    patch: (storesValues) => batch(() => {
-      let widgetProps;
-      for (const [name, value] of Object.entries(storesValues ?? {})) {
-        const extraPropsStore = extraPropsWritables[`${name}$`];
-        if (extraPropsStore) {
-          extraPropsStore.set(value);
-        } else {
-          if (!widgetProps) {
-            widgetProps = {};
+import { FACTORY_WIDGET_NAME } from "../types.js";
+const extendWidgetProps = (factory, extraPropsDefaults, extraPropsConfig, overrideDefaults) => {
+  const extendedFactory = (propsConfig) => {
+    const extraPropsWritables = writablesWithDefault(extraPropsDefaults, propsConfig, extraPropsConfig);
+    const propsConfigConfig = propsConfig == null ? void 0 : propsConfig.config;
+    const config = isStore(propsConfigConfig) ? computed(() => ({ ...overrideDefaults, ...propsConfigConfig() })) : { ...overrideDefaults, ...propsConfigConfig ?? {} };
+    const widget = factory({ props: propsConfig == null ? void 0 : propsConfig.props, config });
+    return {
+      ...widget,
+      ...stateStores({ ...widget.stores, ...extraPropsWritables }),
+      patch: (storesValues) => batch(() => {
+        let widgetProps;
+        for (const [name, value] of Object.entries(storesValues ?? {})) {
+          const extraPropsStore = extraPropsWritables[`${name}$`];
+          if (extraPropsStore) {
+            extraPropsStore.set(value);
+          } else {
+            if (!widgetProps) {
+              widgetProps = {};
+            }
+            widgetProps[name] = value;
           }
-          widgetProps[name] = value;
         }
-      }
-      if (widgetProps) {
-        widget.patch(widgetProps);
-      }
-    })
+        if (widgetProps) {
+          widget.patch(widgetProps);
+        }
+      })
+    };
   };
+  extendedFactory[FACTORY_WIDGET_NAME] = factory[FACTORY_WIDGET_NAME];
+  return extendedFactory;
 };
 export {
   extendWidgetProps

package/{slider-BF6a0eh_.js → slider-DVthNbSG.js}

@@ -4,6 +4,7 @@ import { noop } from "./utils/func.js";
 import { writablesForProps, bindableProp, stateStores, true$ } from "./utils/stores.js";
 import { i as typeArray, e as typeString, c as typeBoolean, b as typeNumberInRangeFactory, g as typeFunction, a as typeNumber } from "./writables-CgpOQ4hA.js";
 import { createResizeObserver } from "./services/resizeObserver.js";
+import { createWidgetFactory } from "./utils/widget.js";
 const decimalRegExp = /(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/;
 function getDecimalPrecision(number) {
   var _a;
@@ -90,7 +91,7 @@ const getUpdateDirection = (vertical, rtl, keysVertical) => {
   return 1;
 };
 const percent = (value) => value != null ? `${value}%` : "";
-function createSlider(config) {
+const createSlider = createWidgetFactory("slider", (config) => {
   const [
     {
       // dirty inputs that need adjustment:
@@ -737,7 +738,7 @@ function createSlider(config) {
     }
   };
   return widget;
-}
+});
 export {
   createSlider as c,
   getSliderDefaultConfig as g

package/{slider-B0ZfAY0K.cjs → slider-xEieAbBb.cjs}

@@ -5,6 +5,7 @@ const utils_func = require("./utils/func.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const utils_writables = require("./writables-Bn3uhKEG.cjs");
 const services_resizeObserver = require("./services/resizeObserver.cjs");
+const utils_widget = require("./utils/widget.cjs");
 const decimalRegExp = /(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/;
 function getDecimalPrecision(number) {
   var _a;
@@ -91,7 +92,7 @@ const getUpdateDirection = (vertical, rtl, keysVertical) => {
   return 1;
 };
 const percent = (value) => value != null ? `${value}%` : "";
-function createSlider(config) {
+const createSlider = utils_widget.createWidgetFactory("slider", (config) => {
   const [
     {
       // dirty inputs that need adjustment:
@@ -738,6 +739,6 @@ function createSlider(config) {
     }
   };
   return widget;
-}
+});
 exports.createSlider = createSlider;
 exports.getSliderDefaultConfig = getSliderDefaultConfig;

package/{toaster-B2ibv38T.cjs → toaster-Cayg6Lbq.cjs}

@@ -24,6 +24,7 @@ const utils_directive = require("./dom-CuBx1JPZ.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const utils_writables = require("./writables-Bn3uhKEG.cjs");
 const common = require("./common-BToNPUDq.cjs");
+const utils_widget = require("./utils/widget.cjs");
 const toastDefaultConfig = {
   autoHide: true,
   delay: 5e3
@@ -35,7 +36,7 @@ const toastConfigValidator = {
 function getToastDefaultConfig() {
   return { ...common.getCommonAlertDefaultConfig(), ...toastDefaultConfig };
 }
-function createToast(config) {
+const createToast = utils_widget.createWidgetFactory("toast", (config) => {
   let _timeout;
   const extendedAlert = services_extendWidget.extendWidgetProps(
     common.createCommonAlert,
@@ -77,7 +78,7 @@ function createToast(config) {
       closeButtonDirective
     }
   };
-}
+});
 const defaultToasterProps = {
   duration: 5e3,
   position: "bottomRight",

package/{toaster-PwfLC7FH.js → toaster-XfzHDqz_.js}

@@ -23,6 +23,7 @@ import { n as createAttributesDirective, d as directiveSubscribe } from "./dom-g
 import { true$ } from "./utils/stores.js";
 import { b as typeNumberInRangeFactory, c as typeBoolean } from "./writables-CgpOQ4hA.js";
 import { g as getCommonAlertDefaultConfig, c as createCommonAlert } from "./common-BqUjUBPy.js";
+import { createWidgetFactory } from "./utils/widget.js";
 const toastDefaultConfig = {
   autoHide: true,
   delay: 5e3
@@ -34,7 +35,7 @@ const toastConfigValidator = {
 function getToastDefaultConfig() {
   return { ...getCommonAlertDefaultConfig(), ...toastDefaultConfig };
 }
-function createToast(config) {
+const createToast = createWidgetFactory("toast", (config) => {
   let _timeout;
   const extendedAlert = extendWidgetProps(
     createCommonAlert,
@@ -76,7 +77,7 @@ function createToast(config) {
       closeButtonDirective
     }
   };
-}
+});
 const defaultToasterProps = {
   duration: 5e3,
   position: "bottomRight",

package/{tree-DUU_TWqy.js → tree-BFrXdJox.js}

@@ -4,6 +4,7 @@ import { k as mergeDirectives, n as createAttributesDirective, b as browserDirec
 import { noop } from "./utils/func.js";
 import { writablesForProps, stateStores, true$ } from "./utils/stores.js";
 import { g as typeFunction, i as typeArray, e as typeString } from "./writables-CgpOQ4hA.js";
+import { createWidgetFactory } from "./utils/widget.js";
 function getTreeDefaultConfig() {
   return {
     ...defaultTreeConfig
@@ -23,7 +24,7 @@ const configValidator = {
   navSelector: typeFunction,
   ariaLabelToggleFn: typeFunction
 };
-function createTree(config) {
+const createTree = createWidgetFactory("tree", (config) => {
   const [{ nodes$, onExpandToggle$, navSelector$, ariaLabelToggleFn$, ...stateProps }, patch] = writablesForProps(
     defaultTreeConfig,
     config,
@@ -219,7 +220,7 @@ function createTree(config) {
     }
   };
   return widget;
-}
+});
 export {
   createTree as c,
   getTreeDefaultConfig as g

package/{tree-Dwv2U0ea.cjs → tree-Pvr2rZ-D.cjs}

@@ -5,6 +5,7 @@ const utils_directive = require("./dom-CuBx1JPZ.cjs");
 const utils_func = require("./utils/func.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const utils_writables = require("./writables-Bn3uhKEG.cjs");
+const utils_widget = require("./utils/widget.cjs");
 function getTreeDefaultConfig() {
   return {
     ...defaultTreeConfig
@@ -24,7 +25,7 @@ const configValidator = {
   navSelector: utils_writables.typeFunction,
   ariaLabelToggleFn: utils_writables.typeFunction
 };
-function createTree(config) {
+const createTree = utils_widget.createWidgetFactory("tree", (config) => {
   const [{ nodes$, onExpandToggle$, navSelector$, ariaLabelToggleFn$, ...stateProps }, patch] = utils_stores.writablesForProps(
     defaultTreeConfig,
     config,
@@ -220,6 +221,6 @@ function createTree(config) {
     }
   };
   return widget;
-}
+});
 exports.createTree = createTree;
 exports.getTreeDefaultConfig = getTreeDefaultConfig;

package/types.cjs

@@ -1,4 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const FACTORY_WIDGET_NAME = Symbol();
 const INVALID_VALUE = Symbol();
+exports.FACTORY_WIDGET_NAME = FACTORY_WIDGET_NAME;
 exports.INVALID_VALUE = INVALID_VALUE;

package/types.d.ts

@@ -102,14 +102,21 @@ export type WidgetProps<T extends {
 }> = T extends {
     patch: (arg: Partial<infer U extends object>) => void;
 } ? U : never;
+/**
+ * A unique symbol representing a widget factory widget name.
+ */
+export declare const FACTORY_WIDGET_NAME: unique symbol;
 /**
  * A factory function type for creating instances of a widget.
  *
  * @template W - The type of the widget that extends the base Widget type.
+ * @template T - The type of the factory function that creates the widget. Useful when the factory function has a generic
  * @param props - Optional configuration properties for the widget.
  * @returns An instance of the widget.
  */
-export type WidgetFactory<W extends Widget> = (props?: PropsConfig<WidgetProps<W>>) => W;
+export type WidgetFactory<W extends Widget, T extends (props?: PropsConfig<WidgetProps<W>>) => W = (props?: PropsConfig<WidgetProps<W>>) => W> = T & {
+    [FACTORY_WIDGET_NAME]?: string;
+};
 /**
  * Represents a server-side rendered HTML element with limited functionality.
  *

package/types.js

@@ -1,4 +1,6 @@
+const FACTORY_WIDGET_NAME = Symbol();
 const INVALID_VALUE = Symbol();
 export {
+  FACTORY_WIDGET_NAME,
   INVALID_VALUE
 };

package/utils/widget.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const types = require("../types.cjs");
+function createWidgetFactory(widgetName, factory) {
+  factory[types.FACTORY_WIDGET_NAME] = widgetName;
+  return factory;
+}
+exports.createWidgetFactory = createWidgetFactory;

package/utils/widget.d.ts

@@ -0,0 +1,11 @@
+import type { PropsConfig, Widget, WidgetFactory, WidgetProps } from '../types';
+/**
+ * Define a widget factory that can be linked with configuration through the provided widget name.
+ *
+ * @param widgetName - the widget name, used for configuration injection
+ * @param factory - the widget factory function
+ * @template W - The type of the widget
+ * @template T - The type of the widget factory function. Useful when the widget factory has a generic.
+ * @returns the widget factory
+ */
+export declare function createWidgetFactory<W extends Widget, T extends (config?: PropsConfig<WidgetProps<W>>) => W = (config?: PropsConfig<WidgetProps<W>>) => W>(widgetName: string, factory: T): WidgetFactory<W, T>;

package/utils/widget.js

@@ -0,0 +1,8 @@
+import { FACTORY_WIDGET_NAME } from "../types.js";
+function createWidgetFactory(widgetName, factory) {
+  factory[FACTORY_WIDGET_NAME] = widgetName;
+  return factory;
+}
+export {
+  createWidgetFactory
+};

package/alert-BpepSIHu.js

@@ -1,9 +0,0 @@
-import { c as createCommonAlert, g as getCommonAlertDefaultConfig } from "./common-BqUjUBPy.js";
-function getAlertDefaultConfig() {
-  return { ...getCommonAlertDefaultConfig() };
-}
-const createAlert = createCommonAlert;
-export {
-  createAlert as c,
-  getAlertDefaultConfig as g
-};