@agnos-ui/react-bootstrap 0.3.0

package/index.cjs

@@ -0,0 +1,298 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const accordion = require("./accordion-BaQCaLLI.cjs");
+const alert = require("./alert-DOBOL4nD.cjs");
+const modal = require("./modal-2qAV4Hjl.cjs");
+const pagination = require("./pagination-CKUbq-OI.cjs");
+const progressbar = require("./progressbar-D-yo9AHH.cjs");
+const rating = require("./rating-D2Ajh4vg.cjs");
+const select = require("./select-DHik5ocI.cjs");
+const slider = require("./slider-DUv6gRI9.cjs");
+const toast = require("./toast-Dp_zjIff.cjs");
+const accordion$1 = require("@agnos-ui/core-bootstrap/components/accordion");
+const alert$1 = require("@agnos-ui/core-bootstrap/components/alert");
+const modal$1 = require("@agnos-ui/core-bootstrap/components/modal");
+const pagination$1 = require("@agnos-ui/core-bootstrap/components/pagination");
+const progressbar$1 = require("@agnos-ui/core-bootstrap/components/progressbar");
+const rating$1 = require("@agnos-ui/react-headless/components/rating");
+const select$1 = require("@agnos-ui/core-bootstrap/components/select");
+const slider$1 = require("@agnos-ui/core-bootstrap/components/slider");
+const toast$1 = require("@agnos-ui/core-bootstrap/components/toast");
+const types = require("@agnos-ui/react-headless/types");
+const slot = require("@agnos-ui/react-headless/slot");
+const config = require("@agnos-ui/react-headless/config");
+const generated_config = require("./generated/config.cjs");
+const widget = require("@agnos-ui/react-headless/utils/widget");
+const stores = require("@agnos-ui/react-headless/utils/stores");
+const portal = require("@agnos-ui/react-headless/utils/portal");
+const directive = require("@agnos-ui/react-headless/utils/directive");
+const writables = require("@agnos-ui/react-headless/utils/writables");
+const siblingsInert = require("@agnos-ui/react-headless/services/siblingsInert");
+const resizeObserver = require("@agnos-ui/react-headless/services/resizeObserver");
+const portal$1 = require("@agnos-ui/react-headless/services/portal");
+const navManager = require("@agnos-ui/react-headless/services/navManager");
+const matchMedia = require("@agnos-ui/react-headless/services/matchMedia");
+const intersection = require("@agnos-ui/react-headless/services/intersection");
+const hash = require("@agnos-ui/react-headless/services/hash");
+const focustrack = require("@agnos-ui/react-headless/services/focustrack");
+const floatingUI = require("@agnos-ui/react-headless/services/floatingUI");
+const extendWidget = require("@agnos-ui/react-headless/services/extendWidget");
+const simpleClassTransition = require("@agnos-ui/react-headless/services/transitions/simpleClassTransition");
+const cssTransitions = require("@agnos-ui/react-headless/services/transitions/cssTransitions");
+const collapse = require("@agnos-ui/react-headless/services/transitions/collapse");
+const baseTransitions = require("@agnos-ui/react-headless/services/transitions/baseTransitions");
+const transitions = require("@agnos-ui/core-bootstrap/services/transitions");
+exports.Accordion = accordion.Accordion;
+exports.AccordionItem = accordion.AccordionItem;
+exports.createAccordion = accordion.createAccordion;
+exports.Alert = alert.Alert;
+exports.createAlert = alert.createAlert;
+exports.Modal = modal.Modal;
+exports.createModal = modal.createModal;
+exports.openModal = modal.openModal;
+exports.DefaultPages = pagination.DefaultPages;
+exports.DefaultStructure = pagination.DefaultStructure;
+exports.NavButton = pagination.NavButton;
+exports.PageItem = pagination.PageItem;
+exports.Pagination = pagination.Pagination;
+exports.createPagination = pagination.createPagination;
+exports.Progressbar = progressbar.Progressbar;
+exports.createProgressbar = progressbar.createProgressbar;
+exports.Rating = rating.Rating;
+exports.createRating = rating.createRating;
+exports.Select = select.Select;
+exports.createSelect = select.createSelect;
+exports.DefaultSlotHandle = slider.DefaultSlotHandle;
+exports.DefaultSlotStructure = slider.DefaultSlotStructure;
+exports.Slider = slider.Slider;
+exports.createSlider = slider.createSlider;
+exports.Toast = toast.Toast;
+exports.createToast = toast.createToast;
+exports.WidgetsDefaultConfig = generated_config.WidgetsDefaultConfig;
+exports.useWidgetContext = generated_config.useWidgetContext;
+exports.useWidgetWithConfig = generated_config.useWidgetWithConfig;
+exports.widgetsConfigContext = generated_config.widgetsConfigContext;
+Object.keys(accordion$1).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => accordion$1[k]
+    });
+});
+Object.keys(alert$1).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => alert$1[k]
+    });
+});
+Object.keys(modal$1).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => modal$1[k]
+    });
+});
+Object.keys(pagination$1).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => pagination$1[k]
+    });
+});
+Object.keys(progressbar$1).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => progressbar$1[k]
+    });
+});
+Object.keys(rating$1).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => rating$1[k]
+    });
+});
+Object.keys(select$1).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => select$1[k]
+    });
+});
+Object.keys(slider$1).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => slider$1[k]
+    });
+});
+Object.keys(toast$1).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => toast$1[k]
+    });
+});
+Object.keys(types).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => types[k]
+    });
+});
+Object.keys(slot).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => slot[k]
+    });
+});
+Object.keys(config).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => config[k]
+    });
+});
+Object.keys(widget).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => widget[k]
+    });
+});
+Object.keys(stores).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => stores[k]
+    });
+});
+Object.keys(portal).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => portal[k]
+    });
+});
+Object.keys(directive).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => directive[k]
+    });
+});
+Object.keys(writables).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => writables[k]
+    });
+});
+Object.keys(siblingsInert).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => siblingsInert[k]
+    });
+});
+Object.keys(resizeObserver).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => resizeObserver[k]
+    });
+});
+Object.keys(portal$1).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => portal$1[k]
+    });
+});
+Object.keys(navManager).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => navManager[k]
+    });
+});
+Object.keys(matchMedia).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => matchMedia[k]
+    });
+});
+Object.keys(intersection).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => intersection[k]
+    });
+});
+Object.keys(hash).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => hash[k]
+    });
+});
+Object.keys(focustrack).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => focustrack[k]
+    });
+});
+Object.keys(floatingUI).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => floatingUI[k]
+    });
+});
+Object.keys(extendWidget).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => extendWidget[k]
+    });
+});
+Object.keys(simpleClassTransition).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => simpleClassTransition[k]
+    });
+});
+Object.keys(cssTransitions).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => cssTransitions[k]
+    });
+});
+Object.keys(collapse).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => collapse[k]
+    });
+});
+Object.keys(baseTransitions).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => baseTransitions[k]
+    });
+});
+Object.keys(transitions).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => transitions[k]
+    });
+});

package/index.d.ts

@@ -0,0 +1,10 @@
+export * from './components/accordion';
+export * from './components/alert';
+export * from './components/modal';
+export * from './components/pagination';
+export * from './components/progressbar';
+export * from './components/rating';
+export * from './components/select';
+export * from './components/slider';
+export * from './components/toast';
+export * from './generated';

package/index.js

@@ -0,0 +1,74 @@
+import { a, A, c } from "./accordion-Bpx0new2.js";
+import { A as A2, c as c2 } from "./alert-DWq65Emo.js";
+import { M, c as c3, o } from "./modal-B6rJgzVm.js";
+import { D, a as a2, N, b, P, c as c4 } from "./pagination-X2bugeX-.js";
+import { P as P2, c as c5 } from "./progressbar-D1-6Dzrf.js";
+import { R, c as c6 } from "./rating-Cvad2Z2H.js";
+import { S, c as c7 } from "./select-B_Thv-qd.js";
+import { D as D2, a as a3, S as S2, c as c8 } from "./slider-DLdA-y4u.js";
+import { T, c as c9 } from "./toast-BUiyh5r_.js";
+export * from "@agnos-ui/core-bootstrap/components/accordion";
+export * from "@agnos-ui/core-bootstrap/components/alert";
+export * from "@agnos-ui/core-bootstrap/components/modal";
+export * from "@agnos-ui/core-bootstrap/components/pagination";
+export * from "@agnos-ui/core-bootstrap/components/progressbar";
+export * from "@agnos-ui/react-headless/components/rating";
+export * from "@agnos-ui/core-bootstrap/components/select";
+export * from "@agnos-ui/core-bootstrap/components/slider";
+export * from "@agnos-ui/core-bootstrap/components/toast";
+export * from "@agnos-ui/react-headless/types";
+export * from "@agnos-ui/react-headless/slot";
+export * from "@agnos-ui/react-headless/config";
+import { WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig, widgetsConfigContext } from "./generated/config.js";
+export * from "@agnos-ui/react-headless/utils/widget";
+export * from "@agnos-ui/react-headless/utils/stores";
+export * from "@agnos-ui/react-headless/utils/portal";
+export * from "@agnos-ui/react-headless/utils/directive";
+export * from "@agnos-ui/react-headless/utils/writables";
+export * from "@agnos-ui/react-headless/services/siblingsInert";
+export * from "@agnos-ui/react-headless/services/resizeObserver";
+export * from "@agnos-ui/react-headless/services/portal";
+export * from "@agnos-ui/react-headless/services/navManager";
+export * from "@agnos-ui/react-headless/services/matchMedia";
+export * from "@agnos-ui/react-headless/services/intersection";
+export * from "@agnos-ui/react-headless/services/hash";
+export * from "@agnos-ui/react-headless/services/focustrack";
+export * from "@agnos-ui/react-headless/services/floatingUI";
+export * from "@agnos-ui/react-headless/services/extendWidget";
+export * from "@agnos-ui/react-headless/services/transitions/simpleClassTransition";
+export * from "@agnos-ui/react-headless/services/transitions/cssTransitions";
+export * from "@agnos-ui/react-headless/services/transitions/collapse";
+export * from "@agnos-ui/react-headless/services/transitions/baseTransitions";
+export * from "@agnos-ui/core-bootstrap/services/transitions";
+export {
+  a as Accordion,
+  A as AccordionItem,
+  A2 as Alert,
+  D as DefaultPages,
+  D2 as DefaultSlotHandle,
+  a3 as DefaultSlotStructure,
+  a2 as DefaultStructure,
+  M as Modal,
+  N as NavButton,
+  b as PageItem,
+  P as Pagination,
+  P2 as Progressbar,
+  R as Rating,
+  S as Select,
+  S2 as Slider,
+  T as Toast,
+  WidgetsDefaultConfig,
+  c as createAccordion,
+  c2 as createAlert,
+  c3 as createModal,
+  c4 as createPagination,
+  c5 as createProgressbar,
+  c6 as createRating,
+  c7 as createSelect,
+  c8 as createSlider,
+  c9 as createToast,
+  o as openModal,
+  useWidgetContext,
+  useWidgetWithConfig,
+  widgetsConfigContext
+};

package/modal-2qAV4Hjl.cjs

@@ -0,0 +1,59 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const portal = require("@agnos-ui/react-headless/utils/portal");
+const types = require("@agnos-ui/react-headless/types");
+const slot = require("@agnos-ui/react-headless/slot");
+const generated_config = require("./generated/config.cjs");
+const directive = require("@agnos-ui/react-headless/utils/directive");
+const ReactDOM = require("react-dom/client");
+const React = require("react");
+const modal = require("@agnos-ui/core-bootstrap/components/modal");
+const classNames = require("classnames");
+const createModal = modal.createModal;
+const DefaultSlotHeader = (slotContext) => {
+  const refCloseButton = directive.useDirective(slotContext.widget.directives.closeButtonDirective);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h5", { className: "modal-title", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotTitle, props: slotContext }) }),
+    slotContext.state.closeButton && /* @__PURE__ */ jsxRuntime.jsx("button", { className: "btn-close", ...refCloseButton })
+  ] });
+};
+const DefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  slotContext.state.slotTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-header", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotHeader, props: slotContext }) }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-body", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotDefault, props: slotContext }) }),
+  slotContext.state.slotFooter && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-footer", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotFooter, props: slotContext }) })
+] });
+const defaultConfig = {
+  slotHeader: DefaultSlotHeader,
+  slotStructure: DefaultSlotStructure
+};
+const BackdropElement = ({ widget }) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "modal-backdrop"], widget.directives.backdropDirective) });
+const ModalElement = (slotContext) => {
+  const { fullscreen } = slotContext.state;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "modal d-block"], slotContext.widget.directives.modalDirective), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames("modal-dialog", { "modal-fullscreen": fullscreen }), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-content", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotStructure, props: slotContext }) }) }) });
+};
+const Modal = React.forwardRef(function Modal2(props, ref) {
+  const [state, widget] = generated_config.useWidgetWithConfig(createModal, props, "modal", { ...defaultConfig, slotDefault: props.children });
+  React.useImperativeHandle(ref, () => widget.api, []);
+  const slotContext = {
+    state,
+    widget: types.toSlotContextWidget(widget)
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(portal.Portal, { container: state.container, children: [
+    !state.backdropHidden && /* @__PURE__ */ jsxRuntime.jsx(BackdropElement, { ...slotContext }),
+    !state.hidden && /* @__PURE__ */ jsxRuntime.jsx(ModalElement, { ...slotContext })
+  ] });
+});
+async function openModal(options) {
+  const root = ReactDOM.createRoot(document.createElement("div"));
+  try {
+    const api = await new Promise((resolve) => {
+      root.render(/* @__PURE__ */ jsxRuntime.jsx(Modal, { ...options, ref: resolve }));
+    });
+    return await api.open();
+  } finally {
+    root.unmount();
+  }
+}
+exports.Modal = Modal;
+exports.createModal = createModal;
+exports.openModal = openModal;

package/modal-B6rJgzVm.js

@@ -0,0 +1,60 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { Portal } from "@agnos-ui/react-headless/utils/portal";
+import { toSlotContextWidget } from "@agnos-ui/react-headless/types";
+import { Slot } from "@agnos-ui/react-headless/slot";
+import { useWidgetWithConfig } from "./generated/config.js";
+import { useDirectives, classDirective, useDirective } from "@agnos-ui/react-headless/utils/directive";
+import ReactDOM from "react-dom/client";
+import { forwardRef, useImperativeHandle } from "react";
+import { createModal as createModal$1 } from "@agnos-ui/core-bootstrap/components/modal";
+import classNames from "classnames";
+const createModal = createModal$1;
+const DefaultSlotHeader = (slotContext) => {
+  const refCloseButton = useDirective(slotContext.widget.directives.closeButtonDirective);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("h5", { className: "modal-title", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotTitle, props: slotContext }) }),
+    slotContext.state.closeButton && /* @__PURE__ */ jsx("button", { className: "btn-close", ...refCloseButton })
+  ] });
+};
+const DefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  slotContext.state.slotTitle && /* @__PURE__ */ jsx("div", { className: "modal-header", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotHeader, props: slotContext }) }),
+  /* @__PURE__ */ jsx("div", { className: "modal-body", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotDefault, props: slotContext }) }),
+  slotContext.state.slotFooter && /* @__PURE__ */ jsx("div", { className: "modal-footer", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotFooter, props: slotContext }) })
+] });
+const defaultConfig = {
+  slotHeader: DefaultSlotHeader,
+  slotStructure: DefaultSlotStructure
+};
+const BackdropElement = ({ widget }) => /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "modal-backdrop"], widget.directives.backdropDirective) });
+const ModalElement = (slotContext) => {
+  const { fullscreen } = slotContext.state;
+  return /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "modal d-block"], slotContext.widget.directives.modalDirective), children: /* @__PURE__ */ jsx("div", { className: classNames("modal-dialog", { "modal-fullscreen": fullscreen }), children: /* @__PURE__ */ jsx("div", { className: "modal-content", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotStructure, props: slotContext }) }) }) });
+};
+const Modal = forwardRef(function Modal2(props, ref) {
+  const [state, widget] = useWidgetWithConfig(createModal, props, "modal", { ...defaultConfig, slotDefault: props.children });
+  useImperativeHandle(ref, () => widget.api, []);
+  const slotContext = {
+    state,
+    widget: toSlotContextWidget(widget)
+  };
+  return /* @__PURE__ */ jsxs(Portal, { container: state.container, children: [
+    !state.backdropHidden && /* @__PURE__ */ jsx(BackdropElement, { ...slotContext }),
+    !state.hidden && /* @__PURE__ */ jsx(ModalElement, { ...slotContext })
+  ] });
+});
+async function openModal(options) {
+  const root = ReactDOM.createRoot(document.createElement("div"));
+  try {
+    const api = await new Promise((resolve) => {
+      root.render(/* @__PURE__ */ jsx(Modal, { ...options, ref: resolve }));
+    });
+    return await api.open();
+  } finally {
+    root.unmount();
+  }
+}
+export {
+  Modal as M,
+  createModal as c,
+  openModal as o
+};

package/package.json

@@ -0,0 +1,85 @@
+{
+	"name": "@agnos-ui/react-bootstrap",
+	"description": "Bootstrap-based widget library for React.",
+	"version": "0.3.0",
+	"type": "module",
+	"main": "./index.cjs",
+	"module": "./index.js",
+	"types": "./index.d.ts",
+	"exports": {
+		".": {
+			"types": "./index.d.ts",
+			"require": "./index.cjs",
+			"default": "./index.js"
+		},
+		"./components/*": {
+			"types": "./components/*/index.d.ts",
+			"require": "./components/*/index.cjs",
+			"default": "./components/*/index.js"
+		},
+		"./config": {
+			"types": "./generated/config.d.ts",
+			"require": "./generated/config.cjs",
+			"default": "./generated/config.js"
+		},
+		"./slot": {
+			"types": "./generated/slot.d.ts",
+			"require": "./generated/slot.cjs",
+			"default": "./generated/slot.js"
+		},
+		"./types": {
+			"types": "./generated/types.d.ts",
+			"require": "./generated/types.cjs",
+			"default": "./generated/types.js"
+		},
+		"./services/*": {
+			"types": "./generated/services/*.d.ts",
+			"require": "./generated/services/*.cjs",
+			"default": "./generated/services/*.js"
+		},
+		"./services/transitions/*": {
+			"types": "./generated/services/transitions/*.d.ts",
+			"require": "./generated/services/transitions/*.cjs",
+			"default": "./generated/services/transitions/*.js"
+		},
+		"./utils/*": {
+			"types": "./generated/utils/*.d.ts",
+			"require": "./generated/utils/*.cjs",
+			"default": "./generated/utils/*.js"
+		}
+	},
+	"dependencies": {
+		"@agnos-ui/core-bootstrap": "0.3.0",
+		"@agnos-ui/react-headless": "0.3.0",
+		"classnames": "^2.5.1"
+	},
+	"peerDependencies": {
+		"@amadeus-it-group/tansu": "*",
+		"react": "*",
+		"react-dom": "*"
+	},
+	"sideEffects": false,
+	"homepage": "https://amadeusitgroup.github.io/AgnosUI/latest/",
+	"bugs": "https://github.com/AmadeusITGroup/AgnosUI/issues",
+	"license": "MIT",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/AmadeusITGroup/AgnosUI.git",
+		"directory": "react/bootstrap"
+	},
+	"keywords": [
+		"react",
+		"bootstrap",
+		"AgnosUI",
+		"accordion",
+		"alert",
+		"components",
+		"modal",
+		"pagination",
+		"progressbar",
+		"rating",
+		"slider",
+		"toast",
+		"widgets"
+	]
+}