@agnos-ui/react-bootstrap 0.3.0

package/pagination-CKUbq-OI.cjs

@@ -0,0 +1,118 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const generated_config = require("./generated/config.cjs");
+const slot = require("@agnos-ui/react-headless/slot");
+const types = require("@agnos-ui/react-headless/types");
+const classNames = require("classnames");
+const React = require("react");
+const directive = require("@agnos-ui/react-headless/utils/directive");
+const pagination = require("@agnos-ui/core-bootstrap/components/pagination");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const PageItem = React__namespace.forwardRef(
+  ({ disabled, active, activeLabel, className, children, directive: directive$1, page }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: classNames("page-item", { active, disabled }), children: /* @__PURE__ */ jsxRuntime.jsxs("a", { ...directive.useDirectives([directive$1, { page }], [directive.classDirective, classNames("page-link", className)]), children: [
+      children,
+      active && activeLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "visually-hidden", children: activeLabel })
+    ] }) });
+  }
+);
+PageItem.displayName = "PageItem";
+const NavButton = React__namespace.forwardRef(({ disabled, className, children, directive: directive$1 }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: classNames("page-item", { disabled }), children: /* @__PURE__ */ jsxRuntime.jsx("a", { ...directive.useDirectives(directive$1, [directive.classDirective, classNames("page-link", className)]), children: /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children }) }) });
+});
+NavButton.displayName = "NavButton";
+const createPagination = pagination.createPagination;
+function DefaultPages(slotContext) {
+  const { widget, state } = slotContext;
+  const jsxPages = [];
+  for (let i = 0; i < state.pages.length; i++) {
+    if (state.pages[i] === -1) {
+      jsxPages.push(
+        /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "page-item disabled", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "page-link au-ellipsis", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.slotEllipsis, props: slotContext }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "visually-hidden", children: state.ariaEllipsisLabel })
+        ] }, "Ellipsis" + i)
+      );
+    } else {
+      jsxPages.push(
+        /* @__PURE__ */ jsxRuntime.jsx(
+          PageItem,
+          {
+            disabled: state.disabled,
+            active: state.pages[i] === state.page,
+            activeLabel: state.activeLabel,
+            directive: widget.directives["pageLink"],
+            page: state.pages[i],
+            children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.slotNumberLabel, props: { ...slotContext, displayedPage: state.pages[i] } })
+          },
+          state.pages[i]
+        )
+      );
+    }
+  }
+  return jsxPages.length ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxPages }) : null;
+}
+const defaultConfig = {
+  slotPages: DefaultPages,
+  slotStructure: DefaultStructure
+};
+function DefaultStructure(slotContext) {
+  const { widget, state } = slotContext;
+  const ItemsBefore = [];
+  const ItemsAfter = [];
+  if (state.boundaryLinks) {
+    ItemsBefore.push(
+      /* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.previousDisabled, directive: widget.directives["pageFirst"], children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.slotFirst, props: slotContext }) }, "first")
+    );
+  }
+  if (state.directionLinks) {
+    ItemsBefore.push(
+      /* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.previousDisabled, directive: widget.directives["pagePrev"], children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.slotPrevious, props: slotContext }) }, "prev")
+    );
+  }
+  if (state.directionLinks) {
+    ItemsAfter.push(
+      /* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.nextDisabled, directive: widget.directives["pageNext"], children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.slotNext, props: slotContext }) }, "next")
+    );
+  }
+  if (state.boundaryLinks) {
+    ItemsAfter.push(
+      /* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.nextDisabled, directive: widget.directives["pageLast"], children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.slotLast, props: slotContext }) }, "last")
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: classNames("au-pagination", "pagination", state.size ? `pagination-${state.size}` : "", state.className), children: [
+      ItemsBefore,
+      /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.slotPages, props: slotContext }),
+      ItemsAfter
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-live": "polite", className: "visually-hidden", children: `${state.ariaLiveLabelText}` })
+  ] });
+}
+function Pagination(props) {
+  const [state, widget] = generated_config.useWidgetWithConfig(createPagination, props, "pagination", defaultConfig);
+  const slotContext = { state, widget: types.toSlotContextWidget(widget) };
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": state.ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.slotStructure, props: slotContext }) });
+}
+exports.DefaultPages = DefaultPages;
+exports.DefaultStructure = DefaultStructure;
+exports.NavButton = NavButton;
+exports.PageItem = PageItem;
+exports.Pagination = Pagination;
+exports.createPagination = createPagination;

package/pagination-X2bugeX-.js

@@ -0,0 +1,102 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useWidgetWithConfig } from "./generated/config.js";
+import { Slot } from "@agnos-ui/react-headless/slot";
+import { toSlotContextWidget } from "@agnos-ui/react-headless/types";
+import classNames from "classnames";
+import * as React from "react";
+import { useDirectives, classDirective } from "@agnos-ui/react-headless/utils/directive";
+import { createPagination as createPagination$1 } from "@agnos-ui/core-bootstrap/components/pagination";
+const PageItem = React.forwardRef(
+  ({ disabled, active, activeLabel, className, children, directive, page }, ref) => {
+    return /* @__PURE__ */ jsx("li", { ref, className: classNames("page-item", { active, disabled }), children: /* @__PURE__ */ jsxs("a", { ...useDirectives([directive, { page }], [classDirective, classNames("page-link", className)]), children: [
+      children,
+      active && activeLabel && /* @__PURE__ */ jsx("span", { className: "visually-hidden", children: activeLabel })
+    ] }) });
+  }
+);
+PageItem.displayName = "PageItem";
+const NavButton = React.forwardRef(({ disabled, className, children, directive }, ref) => {
+  return /* @__PURE__ */ jsx("li", { ref, className: classNames("page-item", { disabled }), children: /* @__PURE__ */ jsx("a", { ...useDirectives(directive, [classDirective, classNames("page-link", className)]), children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children }) }) });
+});
+NavButton.displayName = "NavButton";
+const createPagination = createPagination$1;
+function DefaultPages(slotContext) {
+  const { widget, state } = slotContext;
+  const jsxPages = [];
+  for (let i = 0; i < state.pages.length; i++) {
+    if (state.pages[i] === -1) {
+      jsxPages.push(
+        /* @__PURE__ */ jsxs("li", { className: "page-item disabled", children: [
+          /* @__PURE__ */ jsx("div", { className: "page-link au-ellipsis", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Slot, { slotContent: state.slotEllipsis, props: slotContext }) }),
+          /* @__PURE__ */ jsx("span", { className: "visually-hidden", children: state.ariaEllipsisLabel })
+        ] }, "Ellipsis" + i)
+      );
+    } else {
+      jsxPages.push(
+        /* @__PURE__ */ jsx(
+          PageItem,
+          {
+            disabled: state.disabled,
+            active: state.pages[i] === state.page,
+            activeLabel: state.activeLabel,
+            directive: widget.directives["pageLink"],
+            page: state.pages[i],
+            children: /* @__PURE__ */ jsx(Slot, { slotContent: state.slotNumberLabel, props: { ...slotContext, displayedPage: state.pages[i] } })
+          },
+          state.pages[i]
+        )
+      );
+    }
+  }
+  return jsxPages.length ? /* @__PURE__ */ jsx(Fragment, { children: jsxPages }) : null;
+}
+const defaultConfig = {
+  slotPages: DefaultPages,
+  slotStructure: DefaultStructure
+};
+function DefaultStructure(slotContext) {
+  const { widget, state } = slotContext;
+  const ItemsBefore = [];
+  const ItemsAfter = [];
+  if (state.boundaryLinks) {
+    ItemsBefore.push(
+      /* @__PURE__ */ jsx(NavButton, { disabled: state.previousDisabled, directive: widget.directives["pageFirst"], children: /* @__PURE__ */ jsx(Slot, { slotContent: state.slotFirst, props: slotContext }) }, "first")
+    );
+  }
+  if (state.directionLinks) {
+    ItemsBefore.push(
+      /* @__PURE__ */ jsx(NavButton, { disabled: state.previousDisabled, directive: widget.directives["pagePrev"], children: /* @__PURE__ */ jsx(Slot, { slotContent: state.slotPrevious, props: slotContext }) }, "prev")
+    );
+  }
+  if (state.directionLinks) {
+    ItemsAfter.push(
+      /* @__PURE__ */ jsx(NavButton, { disabled: state.nextDisabled, directive: widget.directives["pageNext"], children: /* @__PURE__ */ jsx(Slot, { slotContent: state.slotNext, props: slotContext }) }, "next")
+    );
+  }
+  if (state.boundaryLinks) {
+    ItemsAfter.push(
+      /* @__PURE__ */ jsx(NavButton, { disabled: state.nextDisabled, directive: widget.directives["pageLast"], children: /* @__PURE__ */ jsx(Slot, { slotContent: state.slotLast, props: slotContext }) }, "last")
+    );
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("ul", { className: classNames("au-pagination", "pagination", state.size ? `pagination-${state.size}` : "", state.className), children: [
+      ItemsBefore,
+      /* @__PURE__ */ jsx(Slot, { slotContent: state.slotPages, props: slotContext }),
+      ItemsAfter
+    ] }),
+    /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "visually-hidden", children: `${state.ariaLiveLabelText}` })
+  ] });
+}
+function Pagination(props) {
+  const [state, widget] = useWidgetWithConfig(createPagination, props, "pagination", defaultConfig);
+  const slotContext = { state, widget: toSlotContextWidget(widget) };
+  return /* @__PURE__ */ jsx("nav", { "aria-label": state.ariaLabel, children: /* @__PURE__ */ jsx(Slot, { slotContent: state.slotStructure, props: slotContext }) });
+}
+export {
+  DefaultPages as D,
+  NavButton as N,
+  Pagination as P,
+  DefaultStructure as a,
+  PageItem as b,
+  createPagination as c
+};

package/progressbar-D-yo9AHH.cjs

@@ -0,0 +1,24 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const generated_config = require("./generated/config.cjs");
+const types = require("@agnos-ui/react-headless/types");
+const slot = require("@agnos-ui/react-headless/slot");
+const directive = require("@agnos-ui/react-headless/utils/directive");
+const classNames = require("classnames");
+const progressbar = require("@agnos-ui/core-bootstrap/components/progressbar");
+const createProgressbar = progressbar.createProgressbar;
+function DefaultSlotContent(slotContext) {
+  const { striped, animated, type } = slotContext.state;
+  const classes = classNames("progress-bar", { "progress-bar-striped": striped }, { "progress-bar-animated": animated }, { [`text-bg-${type}`]: !!type });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "progress", style: { height: slotContext.state.height || void 0 }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes, style: { width: `${slotContext.state.percentage}%` }, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotDefault, props: slotContext }) }) });
+}
+const defaultConfig = {
+  slotStructure: DefaultSlotContent
+};
+const Progressbar = (props) => {
+  const [state, widget] = generated_config.useWidgetWithConfig(createProgressbar, props, "progressbar", { ...defaultConfig, slotDefault: props.children });
+  const slotContext = { state, widget: types.toSlotContextWidget(widget) };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(widget.directives.ariaDirective), className: state.className || void 0, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.slotStructure, props: slotContext }) });
+};
+exports.Progressbar = Progressbar;
+exports.createProgressbar = createProgressbar;

package/progressbar-D1-6Dzrf.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { useWidgetWithConfig } from "./generated/config.js";
+import { toSlotContextWidget } from "@agnos-ui/react-headless/types";
+import { Slot } from "@agnos-ui/react-headless/slot";
+import { useDirective } from "@agnos-ui/react-headless/utils/directive";
+import classNames from "classnames";
+import { createProgressbar as createProgressbar$1 } from "@agnos-ui/core-bootstrap/components/progressbar";
+const createProgressbar = createProgressbar$1;
+function DefaultSlotContent(slotContext) {
+  const { striped, animated, type } = slotContext.state;
+  const classes = classNames("progress-bar", { "progress-bar-striped": striped }, { "progress-bar-animated": animated }, { [`text-bg-${type}`]: !!type });
+  return /* @__PURE__ */ jsx("div", { className: "progress", style: { height: slotContext.state.height || void 0 }, children: /* @__PURE__ */ jsx("div", { className: classes, style: { width: `${slotContext.state.percentage}%` }, children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotDefault, props: slotContext }) }) });
+}
+const defaultConfig = {
+  slotStructure: DefaultSlotContent
+};
+const Progressbar = (props) => {
+  const [state, widget] = useWidgetWithConfig(createProgressbar, props, "progressbar", { ...defaultConfig, slotDefault: props.children });
+  const slotContext = { state, widget: toSlotContextWidget(widget) };
+  return /* @__PURE__ */ jsx("div", { ...useDirective(widget.directives.ariaDirective), className: state.className || void 0, children: /* @__PURE__ */ jsx(Slot, { slotContent: state.slotStructure, props: slotContext }) });
+};
+export {
+  Progressbar as P,
+  createProgressbar as c
+};

package/rating-Cvad2Z2H.js

@@ -0,0 +1,30 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+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 React__default from "react";
+import { createRating as createRating$1 } from "@agnos-ui/core-bootstrap/components/rating";
+import "@agnos-ui/react-headless/components/rating";
+const createRating = createRating$1;
+function Star({ star, state, directive }) {
+  const arg = { index: star.index };
+  return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+    /* @__PURE__ */ jsxs("span", { className: "visually-hidden", children: [
+      "(",
+      star.index < state.visibleRating ? "*" : " ",
+      ")"
+    ] }),
+    /* @__PURE__ */ jsx("span", { ...useDirective(directive, arg), children: /* @__PURE__ */ jsx(Slot, { slotContent: state.slotStar, props: star }) })
+  ] }, star.index);
+}
+function Rating(props) {
+  const [state, widget] = useWidgetWithConfig(createRating, props, "rating");
+  const {
+    directives: { containerDirective, starDirective }
+  } = widget;
+  return /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "d-inline-flex"], containerDirective), children: state.stars.map((star) => /* @__PURE__ */ jsx(Star, { star, state, directive: starDirective }, star.index)) });
+}
+export {
+  Rating as R,
+  createRating as c
+};

package/rating-D2Ajh4vg.cjs

@@ -0,0 +1,29 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+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 React = require("react");
+const rating = require("@agnos-ui/core-bootstrap/components/rating");
+require("@agnos-ui/react-headless/components/rating");
+const createRating = rating.createRating;
+function Star({ star, state, directive: directive$1 }) {
+  const arg = { index: star.index };
+  return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "visually-hidden", children: [
+      "(",
+      star.index < state.visibleRating ? "*" : " ",
+      ")"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { ...directive.useDirective(directive$1, arg), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.slotStar, props: star }) })
+  ] }, star.index);
+}
+function Rating(props) {
+  const [state, widget] = generated_config.useWidgetWithConfig(createRating, props, "rating");
+  const {
+    directives: { containerDirective, starDirective }
+  } = widget;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "d-inline-flex"], containerDirective), children: state.stars.map((star) => /* @__PURE__ */ jsxRuntime.jsx(Star, { star, state, directive: starDirective }, star.index)) });
+}
+exports.Rating = Rating;
+exports.createRating = createRating;

package/select-B_Thv-qd.js

@@ -0,0 +1,75 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { createSelect as createSelect$1 } from "@agnos-ui/core-bootstrap/components/select";
+import { Slot } from "@agnos-ui/react-headless/slot";
+import { toSlotContextWidget } from "@agnos-ui/react-headless/types";
+import { useDirectives, classDirective, useDirective } from "@agnos-ui/react-headless/utils/directive";
+import classNames from "classnames";
+import { useWidgetWithConfig } from "./generated/config.js";
+const createSelect = createSelect$1;
+function DefaultBadge(slotContext) {
+  return /* @__PURE__ */ jsx(Fragment, { children: "" + slotContext.itemContext.item });
+}
+function DefaultItem(slotContext) {
+  return /* @__PURE__ */ jsx(Fragment, { children: "" + slotContext.itemContext.item });
+}
+function BadgeContainer({ itemContext, slotContext }) {
+  return /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.widget.directives.badgeAttributesDirective, itemContext), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotBadgeLabel, props: { ...slotContext, itemContext } }) });
+}
+function Badges({ slotContext }) {
+  const badges = [];
+  for (const itemContext of slotContext.state.selectedContexts) {
+    badges.push(/* @__PURE__ */ jsx(BadgeContainer, { itemContext, slotContext }, itemContext.id));
+  }
+  return badges.length ? /* @__PURE__ */ jsx(Fragment, { children: badges }) : null;
+}
+function SelectItem({ itemContext, slotContext }) {
+  const classname = classNames("dropdown-item", "position-relative", { "text-bg-primary": itemContext === slotContext.state.highlighted });
+  return /* @__PURE__ */ jsx("li", { className: classname, ...useDirective(slotContext.widget.directives.itemAttributesDirective, itemContext), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotItem, props: { ...slotContext, itemContext } }) });
+}
+function Rows({ slotContext }) {
+  const {
+    directives: { hasFocusDirective, floatingDirective, menuAttributesDirective }
+  } = slotContext.widget;
+  return /* @__PURE__ */ jsx("ul", { ...useDirectives([classDirective, "dropdown-menu show"], hasFocusDirective, floatingDirective, menuAttributesDirective), children: slotContext.state.visibleItems.map((itemContext) => {
+    return /* @__PURE__ */ jsx(SelectItem, { slotContext, itemContext }, itemContext.id);
+  }) });
+}
+const defaultConfig = {
+  slotBadgeLabel: DefaultBadge,
+  slotItem: DefaultItem
+};
+function Select(props) {
+  const [state, widget] = useWidgetWithConfig(createSelect, props, "select", defaultConfig);
+  const slotContext = { state, widget: toSlotContextWidget(widget) };
+  const { id, ariaLabel, visibleItems, filterText, open, className } = state;
+  const menuId = `${id}-menu`;
+  const {
+    directives: { hasFocusDirective, referenceDirective, inputContainerDirective }
+  } = widget;
+  return /* @__PURE__ */ jsxs("div", { ...useDirectives([classDirective, `au-select dropdown border border-1 p-1 mb-3 d-block ${className}`], referenceDirective), children: [
+    /* @__PURE__ */ jsxs("div", { ...useDirectives([classDirective, "d-flex align-items-center flex-wrap gap-1"], hasFocusDirective, inputContainerDirective), children: [
+      /* @__PURE__ */ jsx(Badges, { slotContext }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id,
+          "aria-label": ariaLabel,
+          className: "au-select-input flex-grow-1 border-0",
+          type: "text",
+          value: filterText,
+          "aria-autocomplete": "list",
+          autoCorrect: "off",
+          autoCapitalize: "none",
+          autoComplete: "off",
+          onInput: widget.actions.onInput,
+          onKeyDown: (e) => widget.actions.onInputKeydown(e.nativeEvent)
+        }
+      )
+    ] }),
+    open && visibleItems.length > 0 && /* @__PURE__ */ jsx(Rows, { slotContext, menuId })
+  ] });
+}
+export {
+  Select as S,
+  createSelect as c
+};

package/select-DHik5ocI.cjs

@@ -0,0 +1,74 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const select = require("@agnos-ui/core-bootstrap/components/select");
+const slot = require("@agnos-ui/react-headless/slot");
+const types = require("@agnos-ui/react-headless/types");
+const directive = require("@agnos-ui/react-headless/utils/directive");
+const classNames = require("classnames");
+const generated_config = require("./generated/config.cjs");
+const createSelect = select.createSelect;
+function DefaultBadge(slotContext) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "" + slotContext.itemContext.item });
+}
+function DefaultItem(slotContext) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "" + slotContext.itemContext.item });
+}
+function BadgeContainer({ itemContext, slotContext }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.widget.directives.badgeAttributesDirective, itemContext), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotBadgeLabel, props: { ...slotContext, itemContext } }) });
+}
+function Badges({ slotContext }) {
+  const badges = [];
+  for (const itemContext of slotContext.state.selectedContexts) {
+    badges.push(/* @__PURE__ */ jsxRuntime.jsx(BadgeContainer, { itemContext, slotContext }, itemContext.id));
+  }
+  return badges.length ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: badges }) : null;
+}
+function SelectItem({ itemContext, slotContext }) {
+  const classname = classNames("dropdown-item", "position-relative", { "text-bg-primary": itemContext === slotContext.state.highlighted });
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { className: classname, ...directive.useDirective(slotContext.widget.directives.itemAttributesDirective, itemContext), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotItem, props: { ...slotContext, itemContext } }) });
+}
+function Rows({ slotContext }) {
+  const {
+    directives: { hasFocusDirective, floatingDirective, menuAttributesDirective }
+  } = slotContext.widget;
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { ...directive.useDirectives([directive.classDirective, "dropdown-menu show"], hasFocusDirective, floatingDirective, menuAttributesDirective), children: slotContext.state.visibleItems.map((itemContext) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { slotContext, itemContext }, itemContext.id);
+  }) });
+}
+const defaultConfig = {
+  slotBadgeLabel: DefaultBadge,
+  slotItem: DefaultItem
+};
+function Select(props) {
+  const [state, widget] = generated_config.useWidgetWithConfig(createSelect, props, "select", defaultConfig);
+  const slotContext = { state, widget: types.toSlotContextWidget(widget) };
+  const { id, ariaLabel, visibleItems, filterText, open, className } = state;
+  const menuId = `${id}-menu`;
+  const {
+    directives: { hasFocusDirective, referenceDirective, inputContainerDirective }
+  } = widget;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...directive.useDirectives([directive.classDirective, `au-select dropdown border border-1 p-1 mb-3 d-block ${className}`], referenceDirective), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { ...directive.useDirectives([directive.classDirective, "d-flex align-items-center flex-wrap gap-1"], hasFocusDirective, inputContainerDirective), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Badges, { slotContext }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          id,
+          "aria-label": ariaLabel,
+          className: "au-select-input flex-grow-1 border-0",
+          type: "text",
+          value: filterText,
+          "aria-autocomplete": "list",
+          autoCorrect: "off",
+          autoCapitalize: "none",
+          autoComplete: "off",
+          onInput: widget.actions.onInput,
+          onKeyDown: (e) => widget.actions.onInputKeydown(e.nativeEvent)
+        }
+      )
+    ] }),
+    open && visibleItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Rows, { slotContext, menuId })
+  ] });
+}
+exports.Select = Select;
+exports.createSelect = createSelect;

package/services/transitions/bootstrap.d.ts

@@ -0,0 +1 @@
+export * from '@agnos-ui/core-bootstrap/services/transitions';

package/slider-DLdA-y4u.js

@@ -0,0 +1,59 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useDirective } from "@agnos-ui/react-headless/utils/directive";
+import { useWidgetWithConfig } from "./generated/config.js";
+import { toSlotContextWidget } from "@agnos-ui/react-headless/types";
+import React__default from "react";
+import { Slot } from "@agnos-ui/react-headless/slot";
+import { createSlider as createSlider$1 } from "@agnos-ui/core-bootstrap/components/slider";
+const createSlider = createSlider$1;
+const DefaultSlotHandle = (slotContext) => {
+  return /* @__PURE__ */ jsx("button", { ...useDirective(slotContext.widget.directives.handleDirective, { item: slotContext.item }), children: " " });
+};
+const ProgressDisplay = ({ directive, option }) => {
+  return /* @__PURE__ */ jsx("div", { ...useDirective(directive, { option }) });
+};
+const HandleLabelDisplay = ({
+  directive,
+  index,
+  children
+}) => {
+  return /* @__PURE__ */ jsx("div", { ...useDirective(directive, { index }), children });
+};
+const MinMaxLabels = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.widget.directives.minLabelDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.min, ...slotContext } }) }),
+  /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.widget.directives.maxLabelDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.max, ...slotContext } }) })
+] });
+const CombinedLabel = (slotContext) => /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.widget.directives.combinedHandleLabelDisplayDirective), children: slotContext.state.rtl ? /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.sortedValues[1], ...slotContext } }),
+  " - ",
+  /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.sortedValues[0], ...slotContext } })
+] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.sortedValues[0], ...slotContext } }),
+  " - ",
+  /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.sortedValues[1], ...slotContext } })
+] }) });
+const DefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  slotContext.state.progressDisplayOptions.map((option, index) => /* @__PURE__ */ jsx(ProgressDisplay, { directive: slotContext.widget.directives.progressDisplayDirective, option }, index)),
+  /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.widget.directives.clickableAreaDirective) }),
+  slotContext.state.showMinMaxLabels && /* @__PURE__ */ jsx(MinMaxLabels, { ...slotContext }),
+  slotContext.state.showValueLabels && slotContext.state.combinedLabelDisplay && /* @__PURE__ */ jsx(CombinedLabel, { ...slotContext }),
+  slotContext.state.sortedHandles.map((item, i) => /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+    /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotHandle, props: { item, ...slotContext } }),
+    slotContext.state.showValueLabels && !slotContext.state.combinedLabelDisplay && /* @__PURE__ */ jsx(HandleLabelDisplay, { directive: slotContext.widget.directives.handleLabelDisplayDirective, index: i, children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.values[i], ...slotContext } }) })
+  ] }, item.id))
+] });
+const defaultConfig = {
+  slotStructure: DefaultSlotStructure,
+  slotHandle: DefaultSlotHandle
+};
+function Slider(props) {
+  const [state, widget] = useWidgetWithConfig(createSlider, props, "slider", { ...defaultConfig });
+  const slotContext = { state, widget: toSlotContextWidget(widget) };
+  return /* @__PURE__ */ jsx("div", { ...useDirective(widget.directives.sliderDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: state.slotStructure, props: slotContext }) });
+}
+export {
+  DefaultSlotHandle as D,
+  Slider as S,
+  DefaultSlotStructure as a,
+  createSlider as c
+};

package/slider-DUv6gRI9.cjs

@@ -0,0 +1,58 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const directive = require("@agnos-ui/react-headless/utils/directive");
+const generated_config = require("./generated/config.cjs");
+const types = require("@agnos-ui/react-headless/types");
+const React = require("react");
+const slot = require("@agnos-ui/react-headless/slot");
+const slider = require("@agnos-ui/core-bootstrap/components/slider");
+const createSlider = slider.createSlider;
+const DefaultSlotHandle = (slotContext) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("button", { ...directive.useDirective(slotContext.widget.directives.handleDirective, { item: slotContext.item }), children: " " });
+};
+const ProgressDisplay = ({ directive: directive$1, option }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(directive$1, { option }) });
+};
+const HandleLabelDisplay = ({
+  directive: directive$1,
+  index,
+  children
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(directive$1, { index }), children });
+};
+const MinMaxLabels = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.widget.directives.minLabelDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.min, ...slotContext } }) }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.widget.directives.maxLabelDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.max, ...slotContext } }) })
+] });
+const CombinedLabel = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.widget.directives.combinedHandleLabelDisplayDirective), children: slotContext.state.rtl ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.sortedValues[1], ...slotContext } }),
+  " - ",
+  /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.sortedValues[0], ...slotContext } })
+] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.sortedValues[0], ...slotContext } }),
+  " - ",
+  /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.sortedValues[1], ...slotContext } })
+] }) });
+const DefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  slotContext.state.progressDisplayOptions.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(ProgressDisplay, { directive: slotContext.widget.directives.progressDisplayDirective, option }, index)),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.widget.directives.clickableAreaDirective) }),
+  slotContext.state.showMinMaxLabels && /* @__PURE__ */ jsxRuntime.jsx(MinMaxLabels, { ...slotContext }),
+  slotContext.state.showValueLabels && slotContext.state.combinedLabelDisplay && /* @__PURE__ */ jsxRuntime.jsx(CombinedLabel, { ...slotContext }),
+  slotContext.state.sortedHandles.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotHandle, props: { item, ...slotContext } }),
+    slotContext.state.showValueLabels && !slotContext.state.combinedLabelDisplay && /* @__PURE__ */ jsxRuntime.jsx(HandleLabelDisplay, { directive: slotContext.widget.directives.handleLabelDisplayDirective, index: i, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.values[i], ...slotContext } }) })
+  ] }, item.id))
+] });
+const defaultConfig = {
+  slotStructure: DefaultSlotStructure,
+  slotHandle: DefaultSlotHandle
+};
+function Slider(props) {
+  const [state, widget] = generated_config.useWidgetWithConfig(createSlider, props, "slider", { ...defaultConfig });
+  const slotContext = { state, widget: types.toSlotContextWidget(widget) };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(widget.directives.sliderDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.slotStructure, props: slotContext }) });
+}
+exports.DefaultSlotHandle = DefaultSlotHandle;
+exports.DefaultSlotStructure = DefaultSlotStructure;
+exports.Slider = Slider;
+exports.createSlider = createSlider;