@agnos-ui/react-headless 0.2.0 → 0.3.1

package/components/accordion/accordion.d.ts

@@ -1,11 +1 @@
 export * from '@agnos-ui/core/components/accordion';
-import type { AdaptSlotContentProps, AdaptWidgetSlots, WidgetFactory, WidgetProps, WidgetState } from '../../types';
-export type AccordionWidget = AdaptWidgetSlots<import('@agnos-ui/core/components/accordion').AccordionWidget>;
-export type AccordionProps = WidgetProps<AccordionWidget>;
-export type AccordionState = WidgetState<AccordionWidget>;
-export type AccordionApi = AccordionWidget['api'];
-export type AccordionItemWidget = AdaptWidgetSlots<import('@agnos-ui/core/components/accordion').AccordionItemWidget>;
-export type AccordionItemProps = WidgetProps<AccordionItemWidget>;
-export type AccordionItemState = WidgetState<AccordionItemWidget>;
-export type AccordionItemContext = AdaptSlotContentProps<import('@agnos-ui/core/components/accordion').AccordionItemContext>;
-export declare const createAccordion: WidgetFactory<AccordionWidget>;

package/components/accordion/index.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const accordion = require("@agnos-ui/core/components/accordion");
+Object.keys(accordion).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => accordion[k]
+    });
+});

package/components/accordion/index.js

@@ -1 +1 @@
-export * from './accordion';
+export * from "@agnos-ui/core/components/accordion";

package/components/alert/alert.d.ts

@@ -1,7 +1 @@
 export * from '@agnos-ui/core/components/alert';
-import type { AdaptSlotContentProps, AdaptWidgetSlots, WidgetFactory, WidgetProps, WidgetState } from '../../types';
-export type AlertWidget = AdaptWidgetSlots<import('@agnos-ui/core/components/alert').AlertWidget>;
-export type AlertProps = WidgetProps<AlertWidget>;
-export type AlertState = WidgetState<AlertWidget>;
-export type AlertContext = AdaptSlotContentProps<import('@agnos-ui/core/components/alert').AlertContext>;
-export declare const createAlert: WidgetFactory<AlertWidget>;

package/components/alert/index.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const alert = require("@agnos-ui/core/components/alert");
+Object.keys(alert).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => alert[k]
+    });
+});

package/components/alert/index.js

@@ -1 +1 @@
-export * from './alert';
+export * from "@agnos-ui/core/components/alert";

package/components/modal/index.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const modal = require("@agnos-ui/core/components/modal");
+Object.keys(modal).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => modal[k]
+    });
+});

package/components/modal/index.js

@@ -1 +1 @@
-export * from './modal';
+export * from "@agnos-ui/core/components/modal";

package/components/modal/modal.d.ts

@@ -1,7 +1 @@
 export * from '@agnos-ui/core/components/modal';
-import type { AdaptSlotContentProps, AdaptWidgetSlots, PropsConfig, WidgetProps, WidgetState } from '../../types';
-export type ModalWidget<Data> = AdaptWidgetSlots<import('@agnos-ui/core/components/modal').ModalWidget<Data>>;
-export type ModalProps<Data> = WidgetProps<ModalWidget<Data>>;
-export type ModalState<Data> = WidgetState<ModalWidget<Data>>;
-export type ModalContext<Data> = AdaptSlotContentProps<import('@agnos-ui/core/components/modal').ModalContext<Data>>;
-export declare const createModal: <Data>(propsConfig?: PropsConfig<ModalProps<Data>>) => ModalWidget<Data>;

package/components/pagination/index.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const pagination = require("@agnos-ui/core/components/pagination");
+Object.keys(pagination).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => pagination[k]
+    });
+});

package/components/pagination/index.js

@@ -1 +1 @@
-export * from './pagination';
+export * from "@agnos-ui/core/components/pagination";

package/components/pagination/pagination.d.ts

@@ -1,8 +1 @@
 export * from '@agnos-ui/core/components/pagination';
-import type { AdaptSlotContentProps, AdaptWidgetSlots, WidgetFactory, WidgetProps, WidgetState } from '../../types';
-export type PaginationWidget = AdaptWidgetSlots<import('@agnos-ui/core/components/pagination').PaginationWidget>;
-export type PaginationProps = WidgetProps<PaginationWidget>;
-export type PaginationState = WidgetState<PaginationWidget>;
-export type PaginationContext = AdaptSlotContentProps<import('@agnos-ui/core/components/pagination').PaginationContext>;
-export type PaginationNumberContext = AdaptSlotContentProps<import('@agnos-ui/core/components/pagination').PaginationNumberContext>;
-export declare const createPagination: WidgetFactory<PaginationWidget>;

package/components/progressbar/index.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const progressbar = require("@agnos-ui/core/components/progressbar");
+Object.keys(progressbar).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => progressbar[k]
+    });
+});

package/components/progressbar/index.js

@@ -1 +1 @@
-export * from './progressbar';
+export * from "@agnos-ui/core/components/progressbar";

package/components/progressbar/progressbar.d.ts

@@ -1,7 +1 @@
 export * from '@agnos-ui/core/components/progressbar';
-import type { AdaptSlotContentProps, AdaptWidgetSlots, WidgetFactory, WidgetProps, WidgetState } from '../../types';
-export type ProgressbarWidget = AdaptWidgetSlots<import('@agnos-ui/core/components/progressbar').ProgressbarWidget>;
-export type ProgressbarProps = WidgetProps<ProgressbarWidget>;
-export type ProgressbarState = WidgetState<ProgressbarWidget>;
-export type ProgressbarContext = AdaptSlotContentProps<import('@agnos-ui/core/components/progressbar').ProgressbarContext>;
-export declare const createProgressbar: WidgetFactory<ProgressbarWidget>;

package/components/rating/index.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const rating = require("@agnos-ui/core/components/rating");
+Object.keys(rating).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => rating[k]
+    });
+});

package/components/rating/index.js

@@ -1 +1 @@
-export * from './rating';
+export * from "@agnos-ui/core/components/rating";

package/components/rating/rating.d.ts

@@ -1,6 +1 @@
 export * from '@agnos-ui/core/components/rating';
-import type { AdaptWidgetSlots, WidgetFactory, WidgetProps, WidgetState } from '../../types';
-export type RatingWidget = AdaptWidgetSlots<import('@agnos-ui/core/components/rating').RatingWidget>;
-export type RatingProps = WidgetProps<RatingWidget>;
-export type RatingState = WidgetState<RatingWidget>;
-export declare const createRating: WidgetFactory<RatingWidget>;

package/components/select/index.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const select = require("@agnos-ui/core/components/select");
+Object.keys(select).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => select[k]
+    });
+});

package/components/select/index.js

@@ -1 +1 @@
-export * from './select';
+export * from "@agnos-ui/core/components/select";

package/components/select/select.d.ts

@@ -1,8 +1 @@
 export * from '@agnos-ui/core/components/select';
-import type { AdaptSlotContentProps, AdaptWidgetSlots, PropsConfig, WidgetProps, WidgetState } from '../../types';
-export type SelectWidget<Item> = AdaptWidgetSlots<import('@agnos-ui/core/components/select').SelectWidget<Item>>;
-export type SelectProps<Item> = WidgetProps<SelectWidget<Item>>;
-export type SelectState<Item> = WidgetState<SelectWidget<Item>>;
-export type SelectContext<Item> = AdaptSlotContentProps<import('@agnos-ui/core/components/select').SelectContext<Item>>;
-export type SelectItemContext<Item> = AdaptSlotContentProps<import('@agnos-ui/core/components/select').SelectItemContext<Item>>;
-export declare const createSelect: <Item>(propsConfig?: PropsConfig<SelectProps<Item>>) => SelectWidget<Item>;

package/components/slider/index.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const slider = require("@agnos-ui/core/components/slider");
+Object.keys(slider).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => slider[k]
+    });
+});

package/components/slider/index.js

@@ -1 +1 @@
-export * from './slider';
+export * from "@agnos-ui/core/components/slider";

package/components/slider/slider.d.ts

@@ -1,9 +1 @@
 export * from '@agnos-ui/core/components/slider';
-import type { AdaptSlotContentProps, AdaptWidgetSlots, WidgetFactory, WidgetProps, WidgetState } from '../../types';
-export type SliderWidget = AdaptWidgetSlots<import('@agnos-ui/core/components/slider').SliderWidget>;
-export type SliderProps = WidgetProps<SliderWidget>;
-export type SliderState = WidgetState<SliderWidget>;
-export type SliderContext = AdaptSlotContentProps<import('@agnos-ui/core/components/slider').SliderContext>;
-export type SliderSlotLabelContext = AdaptSlotContentProps<import('@agnos-ui/core/components/slider').SliderSlotLabelContext>;
-export type SliderSlotHandleContext = AdaptSlotContentProps<import('@agnos-ui/core/components/slider').SliderSlotHandleContext>;
-export declare const createSlider: WidgetFactory<SliderWidget>;

package/components/toast/index.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const toast = require("@agnos-ui/core/components/toast");
+Object.keys(toast).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => toast[k]
+    });
+});

package/components/toast/index.js

@@ -1 +1 @@
-export * from './toast';
+export * from "@agnos-ui/core/components/toast";

package/components/toast/toast.d.ts

@@ -1,7 +1 @@
 export * from '@agnos-ui/core/components/toast';
-import type { AdaptSlotContentProps, AdaptWidgetSlots, WidgetFactory, WidgetProps, WidgetState } from '../../types';
-export type ToastWidget = AdaptWidgetSlots<import('@agnos-ui/core/components/toast').ToastWidget>;
-export type ToastProps = WidgetProps<ToastWidget>;
-export type ToastState = WidgetState<ToastWidget>;
-export type ToastContext = AdaptSlotContentProps<import('@agnos-ui/core/components/toast').ToastContext>;
-export declare const createToast: WidgetFactory<ToastWidget>;

package/config.cjs

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const config = require("@agnos-ui/core/config");
+const tansu = require("@amadeus-it-group/tansu");
+const react = require("react");
+const widget = require("./widget-CqgI0B-w.cjs");
+const stores = require("./stores-DLkDMqBY.cjs");
+const widgetsConfigFactory = (widgetsConfigContext2 = react.createContext(void 0)) => {
+  const useWidgetContext2 = (widgetName, defaultConfig) => {
+    const widgetsConfig = react.useContext(widgetsConfigContext2);
+    const defaultConfig$ = stores.usePropsAsStore(defaultConfig);
+    return react.useMemo(() => tansu.computed(() => ({ ...defaultConfig$(), ...widgetName ? widgetsConfig == null ? void 0 : widgetsConfig()[widgetName] : void 0 })), [widgetsConfig]);
+  };
+  const useWidgetWithConfig2 = (factory, props, widgetName, defaultProps) => widget.useWidget(factory, props, { config: useWidgetContext2(widgetName, defaultProps) });
+  const WidgetsDefaultConfig2 = ({ children, adaptParentConfig, ...props }) => {
+    const config$ = react.useContext(widgetsConfigContext2);
+    let storeRecreated = false;
+    const store$ = react.useMemo(() => {
+      const store = config.createWidgetsConfig(config$, adaptParentConfig);
+      store.set(props);
+      storeRecreated = true;
+      return store;
+    }, [config$, adaptParentConfig]);
+    react.useEffect(() => {
+      if (!storeRecreated) {
+        store$.set(props);
+      }
+    }, [props]);
+    return /* @__PURE__ */ jsxRuntime.jsx(widgetsConfigContext2.Provider, { value: store$, children });
+  };
+  return {
+    /**
+     * React context which can be used to provide or consume the widgets default configuration store.
+     */
+    widgetsConfigContext: widgetsConfigContext2,
+    useWidgetContext: useWidgetContext2,
+    useWidgetWithConfig: useWidgetWithConfig2,
+    WidgetsDefaultConfig: WidgetsDefaultConfig2
+  };
+};
+const { widgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig } = widgetsConfigFactory();
+exports.WidgetsDefaultConfig = WidgetsDefaultConfig;
+exports.useWidgetContext = useWidgetContext;
+exports.useWidgetWithConfig = useWidgetWithConfig;
+exports.widgetsConfigContext = widgetsConfigContext;
+exports.widgetsConfigFactory = widgetsConfigFactory;
+Object.keys(config).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => config[k]
+    });
+});

package/config.d.ts

@@ -25,8 +25,8 @@ export declare const widgetsConfigFactory: <Config extends {
      * React context which can be used to provide or consume the widgets default configuration store.
      */
     widgetsConfigContext: import("react").Context<WidgetsConfigStore<Config> | undefined>;
-    useWidgetContext: <Props extends object>(widgetName: keyof Config | null, defaultConfig?: Partial<Props> | undefined) => import("@amadeus-it-group/tansu").ReadableSignal<Partial<Props>>;
-    useWidgetWithConfig: <W extends Widget<object, object, object, object, object>>(factory: WidgetFactory<W>, props: Partial<WidgetProps<W>> | undefined, widgetName: keyof Config | null, defaultProps?: Partial<WidgetProps<W>> | undefined) => [WidgetState<W>, W];
+    useWidgetContext: <Props extends object>(widgetName: keyof Config | null, defaultConfig?: Partial<Props>) => import("@amadeus-it-group/tansu").ReadableSignal<Partial<Props>>;
+    useWidgetWithConfig: <W extends Widget<object, object, object, object, object>>(factory: WidgetFactory<W>, props: Partial<WidgetProps<W>> | undefined, widgetName: keyof Config | null, defaultProps?: Partial<WidgetProps<W>>) => [WidgetState<W>, W];
     WidgetsDefaultConfig: ({ children, adaptParentConfig, ...props }: DefaultConfigInput<Config>) => import("react/jsx-runtime").JSX.Element;
 };
 export declare const widgetsConfigContext: import("react").Context<WidgetsConfigStore<WidgetsConfig> | undefined>, WidgetsDefaultConfig: ({ children, adaptParentConfig, ...props }: DefaultConfigInput<WidgetsConfig>) => import("react/jsx-runtime").JSX.Element, useWidgetContext: <Props extends object>(widgetName: keyof CoreWidgetsConfig | null, defaultConfig?: Partial<Props> | undefined) => import("@amadeus-it-group/tansu").ReadableSignal<Partial<Props>>, useWidgetWithConfig: <W extends Widget<object, object, object, object, object>>(factory: WidgetFactory<W>, props: Partial<WidgetProps<W>> | undefined, widgetName: keyof CoreWidgetsConfig | null, defaultProps?: Partial<WidgetProps<W>> | undefined) => [WidgetState<W>, W];

package/config.js

@@ -1,84 +1,48 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createWidgetsConfig } from '@agnos-ui/core/config';
-import { computed } from '@amadeus-it-group/tansu';
-import { createContext, useContext, useEffect, useMemo } from 'react';
-import { useWidget } from './utils/widget';
-import { usePropsAsStore } from './utils/stores';
-export * from '@agnos-ui/core/config';
-/**
- * A factory to create the use functions and react component to allow widgets to be context-aware.
- *
- * It can be used when extending the core and creating new widgets.
- *
- * @param widgetsConfigContext - the widgets config context
- * @returns the use functions and react component
- */
-export const widgetsConfigFactory = (widgetsConfigContext = createContext(undefined)) => {
-    const useWidgetContext = (widgetName, defaultConfig) => {
-        const widgetsConfig = useContext(widgetsConfigContext);
-        const defaultConfig$ = usePropsAsStore(defaultConfig);
-        return useMemo(() => computed(() => ({ ...defaultConfig$(), ...(widgetName ? widgetsConfig?.()[widgetName] : undefined) })), [widgetsConfig]);
-    };
-    const useWidgetWithConfig = (factory, props, widgetName, defaultProps) => useWidget(factory, props, { config: useWidgetContext(widgetName, defaultProps) });
+import { jsx } from "react/jsx-runtime";
+import { createWidgetsConfig } from "@agnos-ui/core/config";
+export * from "@agnos-ui/core/config";
+import { computed } from "@amadeus-it-group/tansu";
+import { createContext, useContext, useMemo, useEffect } from "react";
+import { u as useWidget } from "./widget-DAs9_HQ1.js";
+import { a as usePropsAsStore } from "./stores-B8YEDwZq.js";
+const widgetsConfigFactory = (widgetsConfigContext2 = createContext(void 0)) => {
+  const useWidgetContext2 = (widgetName, defaultConfig) => {
+    const widgetsConfig = useContext(widgetsConfigContext2);
+    const defaultConfig$ = usePropsAsStore(defaultConfig);
+    return useMemo(() => computed(() => ({ ...defaultConfig$(), ...widgetName ? widgetsConfig == null ? void 0 : widgetsConfig()[widgetName] : void 0 })), [widgetsConfig]);
+  };
+  const useWidgetWithConfig2 = (factory, props, widgetName, defaultProps) => useWidget(factory, props, { config: useWidgetContext2(widgetName, defaultProps) });
+  const WidgetsDefaultConfig2 = ({ children, adaptParentConfig, ...props }) => {
+    const config$ = useContext(widgetsConfigContext2);
+    let storeRecreated = false;
+    const store$ = useMemo(() => {
+      const store = createWidgetsConfig(config$, adaptParentConfig);
+      store.set(props);
+      storeRecreated = true;
+      return store;
+    }, [config$, adaptParentConfig]);
+    useEffect(() => {
+      if (!storeRecreated) {
+        store$.set(props);
+      }
+    }, [props]);
+    return /* @__PURE__ */ jsx(widgetsConfigContext2.Provider, { value: store$, children });
+  };
+  return {
     /**
-     * React component that provides in the React context (for all AgnosUI descendant widgets) a new widgets default configuration
-     * store that inherits from any widgets default configuration store already defined at an upper level in the React context hierarchy.
-     * It contains its own set of widgets configuration properties that override the same properties form the parent configuration.
-     *
-     * @remarks
-     * The configuration is computed from the parent configuration in two steps:
-     * - first step: the parent configuration is transformed by the adaptParentConfig function (if specified).
-     * If adaptParentConfig is not specified, this step is skipped.
-     * - second step: the configuration from step 1 is merged (2-levels deep) with the properties of the component.
-     *
-     * @param componentInputs - the react component inputs
-     * @param componentInputs.children - the react component children
-     * @param componentInputs.adaptParentConfig - optional function that receives a 2-levels copy of the widgets default configuration
-     * defined at an upper level in the Svelte context hierarchy (or an empty object if there is none) and returns the widgets
-     * default configuration to be used.
-     * It is called only if the configuration is needed, and was not yet computed for the current value of the parent configuration.
-     * It is called in a tansu reactive context, so it can use any tansu store and will be called again if those stores change.
-     *
-     * @returns the resulting widgets default configuration store, which contains 3 additional properties that are stores:
-     * parent$, adaptedParent$ (containing the value computed after the first step), and own$ (that contains only overridding properties).
-     * The resulting store is writable, its set function is actually the set function of the own$ store.
-     *
-     * @example
-     * ```tsx
-     * <WidgetsDefaultConfig
-     *   adaptParentConfig={(parentConfig) => {
-     *     parentConfig.rating = parentConfig.rating ?? {};
-     *     parentConfig.rating.className = `${parentConfig.rating.className ?? ''} my-rating-extra-class`
-     *     return parentConfig;
-     *   }}
-     *   rating={{slotStar: MyCustomSlotStar}}
-     * />
-     * ```
+     * React context which can be used to provide or consume the widgets default configuration store.
      */
-    const WidgetsDefaultConfig = ({ children, adaptParentConfig, ...props }) => {
-        const config$ = useContext(widgetsConfigContext);
-        let storeRecreated = false;
-        const store$ = useMemo(() => {
-            const store = createWidgetsConfig(config$, adaptParentConfig);
-            store.set(props);
-            storeRecreated = true;
-            return store;
-        }, [config$, adaptParentConfig]);
-        useEffect(() => {
-            if (!storeRecreated) {
-                store$.set(props);
-            }
-        }, [props]);
-        return _jsx(widgetsConfigContext.Provider, { value: store$, children: children });
-    };
-    return {
-        /**
-         * React context which can be used to provide or consume the widgets default configuration store.
-         */
-        widgetsConfigContext,
-        useWidgetContext,
-        useWidgetWithConfig,
-        WidgetsDefaultConfig,
-    };
+    widgetsConfigContext: widgetsConfigContext2,
+    useWidgetContext: useWidgetContext2,
+    useWidgetWithConfig: useWidgetWithConfig2,
+    WidgetsDefaultConfig: WidgetsDefaultConfig2
+  };
+};
+const { widgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig } = widgetsConfigFactory();
+export {
+  WidgetsDefaultConfig,
+  useWidgetContext,
+  useWidgetWithConfig,
+  widgetsConfigContext,
+  widgetsConfigFactory
 };
-export const { widgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig } = widgetsConfigFactory();

package/directive-4SKmV5bk.cjs

@@ -0,0 +1,47 @@
+"use strict";
+const directive = require("@agnos-ui/core/utils/directive");
+const esmEnv = require("esm-env");
+const react = require("react");
+const attributesMap = /* @__PURE__ */ new Map([
+  ["tabindex", "tabIndex"],
+  ["for", "htmlFor"]
+]);
+function directiveAttributes(...directives) {
+  const reactAttributes = {};
+  const { attributes, style, classNames } = directive.attributesData(...directives);
+  for (const [name, value] of Object.entries(attributes)) {
+    reactAttributes[attributesMap.get(name) ?? name] = value;
+  }
+  if (classNames == null ? void 0 : classNames.length) {
+    reactAttributes.className = classNames.join(" ");
+  }
+  if (Object.keys(style).length) {
+    reactAttributes.style = style;
+  }
+  return reactAttributes;
+}
+const ssrAttributes = esmEnv.BROWSER ? () => ({}) : directiveAttributes;
+const useDirective = esmEnv.BROWSER ? (directive2, args) => {
+  var _a, _b;
+  const instance = react.useRef();
+  const propsRef = react.useRef();
+  const ref = react.useCallback(
+    (element) => {
+      var _a2, _b2;
+      (_b2 = (_a2 = instance.current) == null ? void 0 : _a2.destroy) == null ? void 0 : _b2.call(_a2);
+      instance.current = void 0;
+      if (element) {
+        instance.current = directive2(element, propsRef.current);
+      }
+    },
+    [directive2]
+  );
+  propsRef.current = args;
+  (_b = (_a = instance.current) == null ? void 0 : _a.update) == null ? void 0 : _b.call(_a, args);
+  return { ref };
+} : (directive2, args) => ssrAttributes([directive2, args]);
+const useDirectives = esmEnv.BROWSER ? (...directives) => useDirective(directive.multiDirective, directives) : directiveAttributes;
+exports.directiveAttributes = directiveAttributes;
+exports.ssrAttributes = ssrAttributes;
+exports.useDirective = useDirective;
+exports.useDirectives = useDirectives;

package/directive-Kqp31pwt.js

@@ -0,0 +1,48 @@
+import { attributesData, multiDirective } from "@agnos-ui/core/utils/directive";
+import { BROWSER } from "esm-env";
+import { useRef, useCallback } from "react";
+const attributesMap = /* @__PURE__ */ new Map([
+  ["tabindex", "tabIndex"],
+  ["for", "htmlFor"]
+]);
+function directiveAttributes(...directives) {
+  const reactAttributes = {};
+  const { attributes, style, classNames } = attributesData(...directives);
+  for (const [name, value] of Object.entries(attributes)) {
+    reactAttributes[attributesMap.get(name) ?? name] = value;
+  }
+  if (classNames == null ? void 0 : classNames.length) {
+    reactAttributes.className = classNames.join(" ");
+  }
+  if (Object.keys(style).length) {
+    reactAttributes.style = style;
+  }
+  return reactAttributes;
+}
+const ssrAttributes = BROWSER ? () => ({}) : directiveAttributes;
+const useDirective = BROWSER ? (directive, args) => {
+  var _a, _b;
+  const instance = useRef();
+  const propsRef = useRef();
+  const ref = useCallback(
+    (element) => {
+      var _a2, _b2;
+      (_b2 = (_a2 = instance.current) == null ? void 0 : _a2.destroy) == null ? void 0 : _b2.call(_a2);
+      instance.current = void 0;
+      if (element) {
+        instance.current = directive(element, propsRef.current);
+      }
+    },
+    [directive]
+  );
+  propsRef.current = args;
+  (_b = (_a = instance.current) == null ? void 0 : _a.update) == null ? void 0 : _b.call(_a, args);
+  return { ref };
+} : (directive, args) => ssrAttributes([directive, args]);
+const useDirectives = BROWSER ? (...directives) => useDirective(multiDirective, directives) : directiveAttributes;
+export {
+  useDirectives as a,
+  directiveAttributes as d,
+  ssrAttributes as s,
+  useDirective as u
+};

package/generated/index.d.ts

@@ -2,19 +2,19 @@ export * from './services/siblingsInert';
 export * from './services/resizeObserver';
 export * from './services/portal';
 export * from './services/navManager';
+export * from './services/matchMedia';
 export * from './services/intersection';
 export * from './services/hash';
 export * from './services/focustrack';
 export * from './services/floatingUI';
 export * from './services/extendWidget';
+export * from './utils/writables';
+export * from './utils/stores';
+export * from './utils/directive';
 export * from './services/transitions/simpleClassTransition';
 export * from './services/transitions/cssTransitions';
 export * from './services/transitions/collapse';
-export * from './services/transitions/bootstrap';
 export * from './services/transitions/baseTransitions';
-export * from './utils/writables';
-export * from './utils/stores';
-export * from './utils/directive';
 export * from './types';
 export * from './config';
 export * from './utils/widget';

package/generated/services/extendWidget.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const extendWidget = require("@agnos-ui/core/services/extendWidget");
+Object.keys(extendWidget).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => extendWidget[k]
+    });
+});

package/generated/services/extendWidget.js

@@ -1 +1 @@
-export * from '@agnos-ui/core/services/extendWidget';
+export * from "@agnos-ui/core/services/extendWidget";

package/generated/services/floatingUI.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const floatingUI = require("@agnos-ui/core/services/floatingUI");
+Object.keys(floatingUI).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => floatingUI[k]
+    });
+});

package/generated/services/floatingUI.js

@@ -1 +1 @@
-export * from '@agnos-ui/core/services/floatingUI';
+export * from "@agnos-ui/core/services/floatingUI";

package/generated/services/focustrack.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const focustrack = require("@agnos-ui/core/services/focustrack");
+Object.keys(focustrack).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => focustrack[k]
+    });
+});

package/generated/services/focustrack.js

@@ -1 +1 @@
-export * from '@agnos-ui/core/services/focustrack';
+export * from "@agnos-ui/core/services/focustrack";

package/generated/services/hash.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const hash = require("@agnos-ui/core/services/hash");
+Object.keys(hash).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => hash[k]
+    });
+});

package/generated/services/hash.js

@@ -1 +1 @@
-export * from '@agnos-ui/core/services/hash';
+export * from "@agnos-ui/core/services/hash";