@agnos-ui/react-bootstrap 0.4.4 → 0.5.0

package/{progressbar-B0keLNtE.js → progressbar-DKFR5epE.js}

@@ -1,27 +1,26 @@
 import { jsx } from "react/jsx-runtime";
 import { Slot } from "@agnos-ui/react-headless/slot";
-import { toSlotContextWidget } from "@agnos-ui/react-headless/types";
 import { useDirective } from "@agnos-ui/react-headless/utils/directive";
 import classNames from "classnames";
 import { useWidgetWithConfig } from "./generated/config.js";
 import { getProgressbarDefaultConfig, createProgressbar } from "@agnos-ui/core-bootstrap/components/progressbar";
 const export_getProgressbarDefaultConfig = getProgressbarDefaultConfig;
 const export_createProgressbar = createProgressbar;
-function DefaultSlotContent(slotContext) {
+const ProgressbarDefaultSlotStructure = (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.children, props: slotContext }) }) });
-}
-const defaultConfig = {
-  structure: DefaultSlotContent
 };
 const Progressbar = (props) => {
-  const [state, widget] = useWidgetWithConfig(export_createProgressbar, props, "progressbar", defaultConfig);
-  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.structure, props: slotContext }) });
+  const widgetContext = useWidgetWithConfig(export_createProgressbar, props, "progressbar", {
+    structure: ProgressbarDefaultSlotStructure
+  });
+  const { state, directives } = widgetContext;
+  return /* @__PURE__ */ jsx("div", { ...useDirective(directives.ariaDirective), className: state.className || void 0, children: /* @__PURE__ */ jsx(Slot, { slotContent: state.structure, props: widgetContext }) });
 };
 export {
-  Progressbar as P,
-  export_createProgressbar as a,
+  ProgressbarDefaultSlotStructure as P,
+  Progressbar as a,
+  export_createProgressbar as b,
   export_getProgressbarDefaultConfig as e
 };

package/{progressbar-Fa1PDviu.cjs → progressbar-JO1ey9mx.cjs}

@@ -1,26 +1,25 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 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 progressbar = require("@agnos-ui/core-bootstrap/components/progressbar");
 const export_getProgressbarDefaultConfig = progressbar.getProgressbarDefaultConfig;
 const export_createProgressbar = progressbar.createProgressbar;
-function DefaultSlotContent(slotContext) {
+const ProgressbarDefaultSlotStructure = (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.children, props: slotContext }) }) });
-}
-const defaultConfig = {
-  structure: DefaultSlotContent
 };
 const Progressbar = (props) => {
-  const [state, widget] = generated_config.useWidgetWithConfig(export_createProgressbar, props, "progressbar", defaultConfig);
-  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.structure, props: slotContext }) });
+  const widgetContext = generated_config.useWidgetWithConfig(export_createProgressbar, props, "progressbar", {
+    structure: ProgressbarDefaultSlotStructure
+  });
+  const { state, directives } = widgetContext;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(directives.ariaDirective), className: state.className || void 0, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.structure, props: widgetContext }) });
 };
 exports.Progressbar = Progressbar;
+exports.ProgressbarDefaultSlotStructure = ProgressbarDefaultSlotStructure;
 exports.export_createProgressbar = export_createProgressbar;
 exports.export_getProgressbarDefaultConfig = export_getProgressbarDefaultConfig;

package/{rating-CWOEBPWs.js → rating-CTfRQGGu.js}

@@ -18,10 +18,10 @@ function Star({ star, state, directive }) {
   ] }, star.index);
 }
 function Rating(props) {
-  const [state, widget] = useWidgetWithConfig(export_createRating, props, "rating");
   const {
+    state,
     directives: { containerDirective, starDirective }
-  } = widget;
+  } = useWidgetWithConfig(export_createRating, props, "rating");
   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 {

package/{rating-D5-3ELHv.cjs → rating-eI8T0zvS.cjs}

@@ -19,10 +19,10 @@ function Star({ star, state, directive: directive$1 }) {
   ] }, star.index);
 }
 function Rating(props) {
-  const [state, widget] = generated_config.useWidgetWithConfig(export_createRating, props, "rating");
   const {
+    state,
     directives: { containerDirective, starDirective }
-  } = widget;
+  } = generated_config.useWidgetWithConfig(export_createRating, props, "rating");
   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;

package/{select-DmgOBdqs.js → select-BriGqe3k.js}

@@ -1,6 +1,5 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 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";
@@ -14,7 +13,7 @@ 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.badgeLabel, props: { ...slotContext, itemContext } }) });
+  return /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.directives.badgeAttributesDirective, itemContext), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.badgeLabel, props: { ...slotContext, itemContext } }) });
 }
 function Badges({ slotContext }) {
   const badges = [];
@@ -25,49 +24,33 @@ function Badges({ slotContext }) {
 }
 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.itemLabel, props: { ...slotContext, itemContext } }) });
+  return /* @__PURE__ */ jsx("li", { className: classname, ...useDirective(slotContext.directives.itemAttributesDirective, itemContext), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.itemLabel, props: { ...slotContext, itemContext } }) });
 }
 function Rows({ slotContext }) {
   const {
     directives: { hasFocusDirective, floatingDirective, menuAttributesDirective }
-  } = slotContext.widget;
+  } = slotContext;
   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 = {
-  badgeLabel: DefaultBadge,
-  itemLabel: DefaultItem
-};
 function Select(props) {
-  const [state, widget] = useWidgetWithConfig(export_createSelect, props, "select", defaultConfig);
-  const slotContext = { state, widget: toSlotContextWidget(widget) };
-  const { id, ariaLabel, visibleItems, filterText, open, className } = state;
-  const menuId = `${id}-menu`;
+  const widgetContext = useWidgetWithConfig(export_createSelect, props, "select", {
+    badgeLabel: DefaultBadge,
+    itemLabel: DefaultItem
+  });
   const {
-    directives: { hasFocusDirective, referenceDirective, inputContainerDirective }
-  } = widget;
+    state: { id, visibleItems, filterText, open, className },
+    directives: { hasFocusDirective, referenceDirective, inputContainerDirective, inputDirective }
+  } = widgetContext;
+  const menuId = `${id}-menu`;
   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)
-        }
-      )
+      /* @__PURE__ */ jsx(Badges, { slotContext: widgetContext }),
+      /* @__PURE__ */ jsx("input", { value: filterText, ...useDirective(inputDirective), onChange: () => {
+      } })
     ] }),
-    open && visibleItems.length > 0 && /* @__PURE__ */ jsx(Rows, { slotContext, menuId })
+    open && visibleItems.length > 0 && /* @__PURE__ */ jsx(Rows, { slotContext: widgetContext, menuId })
   ] });
 }
 export {

package/{select-C4STYCmG.cjs → select-XHUAqTDw.cjs}

@@ -1,7 +1,6 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 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");
@@ -15,7 +14,7 @@ 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.badgeLabel, props: { ...slotContext, itemContext } }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.directives.badgeAttributesDirective, itemContext), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.badgeLabel, props: { ...slotContext, itemContext } }) });
 }
 function Badges({ slotContext }) {
   const badges = [];
@@ -26,49 +25,33 @@ function Badges({ slotContext }) {
 }
 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.itemLabel, props: { ...slotContext, itemContext } }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { className: classname, ...directive.useDirective(slotContext.directives.itemAttributesDirective, itemContext), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.itemLabel, props: { ...slotContext, itemContext } }) });
 }
 function Rows({ slotContext }) {
   const {
     directives: { hasFocusDirective, floatingDirective, menuAttributesDirective }
-  } = slotContext.widget;
+  } = slotContext;
   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 = {
-  badgeLabel: DefaultBadge,
-  itemLabel: DefaultItem
-};
 function Select(props) {
-  const [state, widget] = generated_config.useWidgetWithConfig(export_createSelect, props, "select", defaultConfig);
-  const slotContext = { state, widget: types.toSlotContextWidget(widget) };
-  const { id, ariaLabel, visibleItems, filterText, open, className } = state;
-  const menuId = `${id}-menu`;
+  const widgetContext = generated_config.useWidgetWithConfig(export_createSelect, props, "select", {
+    badgeLabel: DefaultBadge,
+    itemLabel: DefaultItem
+  });
   const {
-    directives: { hasFocusDirective, referenceDirective, inputContainerDirective }
-  } = widget;
+    state: { id, visibleItems, filterText, open, className },
+    directives: { hasFocusDirective, referenceDirective, inputContainerDirective, inputDirective }
+  } = widgetContext;
+  const menuId = `${id}-menu`;
   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)
-        }
-      )
+      /* @__PURE__ */ jsxRuntime.jsx(Badges, { slotContext: widgetContext }),
+      /* @__PURE__ */ jsxRuntime.jsx("input", { value: filterText, ...directive.useDirective(inputDirective), onChange: () => {
+      } })
     ] }),
-    open && visibleItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Rows, { slotContext, menuId })
+    open && visibleItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Rows, { slotContext: widgetContext, menuId })
   ] });
 }
 exports.Select = Select;

package/{slider-CxodlRoZ.js → slider--K7ri_0l.js}

@@ -1,14 +1,13 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { Slot } from "@agnos-ui/react-headless/slot";
-import { toSlotContextWidget } from "@agnos-ui/react-headless/types";
 import { useDirective } from "@agnos-ui/react-headless/utils/directive";
 import React__default from "react";
 import { useWidgetWithConfig } from "./generated/config.js";
 import { getSliderDefaultConfig, createSlider } from "@agnos-ui/core-bootstrap/components/slider";
 const export_getSliderDefaultConfig = getSliderDefaultConfig;
 const export_createSlider = createSlider;
-const DefaultSlotHandle = (slotContext) => {
-  return /* @__PURE__ */ jsx("button", { ...useDirective(slotContext.widget.directives.handleDirective, { item: slotContext.item }), children: " " });
+const SliderDefaultSlotHandle = (slotContext) => {
+  return /* @__PURE__ */ jsx("button", { ...useDirective(slotContext.directives.handleDirective, { item: slotContext.item }), children: " " });
 };
 const ProgressDisplay = ({ directive, option }) => {
   return /* @__PURE__ */ jsx("div", { ...useDirective(directive, { option }) });
@@ -21,10 +20,10 @@ const HandleLabelDisplay = ({
   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.label, props: { value: slotContext.state.min, ...slotContext } }) }),
-  /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.widget.directives.maxLabelDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.max, ...slotContext } }) })
+  /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.directives.minLabelDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.min, ...slotContext } }) }),
+  /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.directives.maxLabelDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.label, 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: [
+const CombinedLabel = (slotContext) => /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.directives.combinedHandleLabelDisplayDirective), children: slotContext.state.rtl ? /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.sortedValues[1], ...slotContext } }),
   " - ",
   /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.sortedValues[0], ...slotContext } })
@@ -33,29 +32,27 @@ const CombinedLabel = (slotContext) => /* @__PURE__ */ jsx("div", { ...useDirect
   " - ",
   /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.label, 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) }),
+const SliderDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  slotContext.state.progressDisplayOptions.map((option, index) => /* @__PURE__ */ jsx(ProgressDisplay, { directive: slotContext.directives.progressDisplayDirective, option }, index)),
+  /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.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.handle, 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.label, props: { value: slotContext.state.values[i], ...slotContext } }) })
+    slotContext.state.showValueLabels && !slotContext.state.combinedLabelDisplay && /* @__PURE__ */ jsx(HandleLabelDisplay, { directive: slotContext.directives.handleLabelDisplayDirective, index: i, children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.values[i], ...slotContext } }) })
   ] }, item.id))
 ] });
-const defaultConfig = {
-  structure: DefaultSlotStructure,
-  handle: DefaultSlotHandle
-};
 function Slider(props) {
-  const [state, widget] = useWidgetWithConfig(export_createSlider, props, "slider", { ...defaultConfig });
-  const slotContext = { state, widget: toSlotContextWidget(widget) };
-  return /* @__PURE__ */ jsx("div", { ...useDirective(widget.directives.sliderDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: state.structure, props: slotContext }) });
+  const widgetContext = useWidgetWithConfig(export_createSlider, props, "slider", {
+    structure: SliderDefaultSlotStructure,
+    handle: SliderDefaultSlotHandle
+  });
+  return /* @__PURE__ */ jsx("div", { ...useDirective(widgetContext.directives.sliderDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: widgetContext.state.structure, props: widgetContext }) });
 }
 export {
-  DefaultSlotHandle as D,
-  Slider as S,
-  DefaultSlotStructure as a,
-  export_createSlider as b,
+  SliderDefaultSlotHandle as S,
+  SliderDefaultSlotStructure as a,
+  Slider as b,
+  export_createSlider as c,
   export_getSliderDefaultConfig as e
 };

package/{slider-MNZTN_vu.cjs → slider-BUQne5aJ.cjs}

@@ -1,15 +1,14 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 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 React = require("react");
 const generated_config = require("./generated/config.cjs");
 const slider = require("@agnos-ui/core-bootstrap/components/slider");
 const export_getSliderDefaultConfig = slider.getSliderDefaultConfig;
 const export_createSlider = slider.createSlider;
-const DefaultSlotHandle = (slotContext) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("button", { ...directive.useDirective(slotContext.widget.directives.handleDirective, { item: slotContext.item }), children: " " });
+const SliderDefaultSlotHandle = (slotContext) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("button", { ...directive.useDirective(slotContext.directives.handleDirective, { item: slotContext.item }), children: " " });
 };
 const ProgressDisplay = ({ directive: directive$1, option }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(directive$1, { option }) });
@@ -22,10 +21,10 @@ const HandleLabelDisplay = ({
   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.label, 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.label, props: { value: slotContext.state.max, ...slotContext } }) })
+  /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.directives.minLabelDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.min, ...slotContext } }) }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.directives.maxLabelDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.label, 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: [
+const CombinedLabel = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.directives.combinedHandleLabelDisplayDirective), children: slotContext.state.rtl ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.sortedValues[1], ...slotContext } }),
   " - ",
   /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.sortedValues[0], ...slotContext } })
@@ -34,27 +33,25 @@ const CombinedLabel = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx("div", { .
   " - ",
   /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.label, 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) }),
+const SliderDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  slotContext.state.progressDisplayOptions.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(ProgressDisplay, { directive: slotContext.directives.progressDisplayDirective, option }, index)),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.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.handle, 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.label, props: { value: slotContext.state.values[i], ...slotContext } }) })
+    slotContext.state.showValueLabels && !slotContext.state.combinedLabelDisplay && /* @__PURE__ */ jsxRuntime.jsx(HandleLabelDisplay, { directive: slotContext.directives.handleLabelDisplayDirective, index: i, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.values[i], ...slotContext } }) })
   ] }, item.id))
 ] });
-const defaultConfig = {
-  structure: DefaultSlotStructure,
-  handle: DefaultSlotHandle
-};
 function Slider(props) {
-  const [state, widget] = generated_config.useWidgetWithConfig(export_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.structure, props: slotContext }) });
+  const widgetContext = generated_config.useWidgetWithConfig(export_createSlider, props, "slider", {
+    structure: SliderDefaultSlotStructure,
+    handle: SliderDefaultSlotHandle
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(widgetContext.directives.sliderDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: widgetContext.state.structure, props: widgetContext }) });
 }
-exports.DefaultSlotHandle = DefaultSlotHandle;
-exports.DefaultSlotStructure = DefaultSlotStructure;
 exports.Slider = Slider;
+exports.SliderDefaultSlotHandle = SliderDefaultSlotHandle;
+exports.SliderDefaultSlotStructure = SliderDefaultSlotStructure;
 exports.export_createSlider = export_createSlider;
 exports.export_getSliderDefaultConfig = export_getSliderDefaultConfig;

package/{toast-3amUxqw1.js → toast-Dgfv5S_p.js}

@@ -1,4 +1,4 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Slot } from "@agnos-ui/react-headless/slot";
 import { useDirectives, classDirective } from "@agnos-ui/react-headless/utils/directive";
 import { forwardRef, useImperativeHandle } from "react";
@@ -8,40 +8,37 @@ const export_getToastDefaultConfig = getToastDefaultConfig;
 const export_createToast = createToast;
 const ToastHeader = (slotContext) => /* @__PURE__ */ jsxs("div", { className: "toast-header", children: [
   /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.header, props: slotContext }),
-  slotContext.state.dismissible && /* @__PURE__ */ jsx("button", { ...useDirectives([classDirective, "btn-close me-0 ms-auto"], slotContext.widget.directives.closeButtonDirective) })
+  slotContext.state.dismissible && /* @__PURE__ */ jsx("button", { ...useDirectives([classDirective, "btn-close me-0 ms-auto"], slotContext.directives.closeButtonDirective) })
 ] });
-const ToastCloseButtonNoHeader = (slotContext) => /* @__PURE__ */ jsx("button", { ...useDirectives([classDirective, "btn-close btn-close-white me-2 m-auto"], slotContext.widget.directives.closeButtonDirective) });
-const DefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
+const ToastCloseButtonNoHeader = (slotContext) => /* @__PURE__ */ jsx("button", { ...useDirectives([classDirective, "btn-close btn-close-white me-2 m-auto"], slotContext.directives.closeButtonDirective) });
+const ToastDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
   slotContext.state.header && /* @__PURE__ */ jsx(ToastHeader, { ...slotContext }),
   /* @__PURE__ */ jsx("div", { className: "toast-body", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.children, props: slotContext }) }),
   slotContext.state.dismissible && !slotContext.state.header && /* @__PURE__ */ jsx(ToastCloseButtonNoHeader, { ...slotContext })
 ] });
-const defaultConfig = {
-  structure: DefaultSlotStructure
-};
 const ToastElement = (slotContext) => /* @__PURE__ */ jsx(
   "div",
   {
     ...useDirectives(
       [classDirective, `toast ${slotContext.state.dismissible ? "toast-dismissible" : ""} ${!slotContext.state.header ? "d-flex" : ""}`],
-      slotContext.widget.directives.transitionDirective,
-      slotContext.widget.directives.autoHideDirective,
-      slotContext.widget.directives.bodyDirective
+      slotContext.directives.transitionDirective,
+      slotContext.directives.autoHideDirective,
+      slotContext.directives.bodyDirective
     ),
     children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.structure, props: slotContext })
   }
 );
 const Toast = forwardRef(function Toast2(props, ref) {
-  const [state, widget] = useWidgetWithConfig(export_createToast, props, "toast", { ...defaultConfig, children: props.children });
-  useImperativeHandle(ref, () => widget.api, []);
-  const slotContext = {
-    state,
-    widget
-  };
-  return /* @__PURE__ */ jsx(Fragment, { children: !state.hidden && /* @__PURE__ */ jsx(ToastElement, { ...slotContext }) });
+  const widgetContext = useWidgetWithConfig(export_createToast, props, "toast", {
+    structure: ToastDefaultSlotStructure,
+    children: props.children
+  });
+  useImperativeHandle(ref, () => widgetContext.api, []);
+  return /* @__PURE__ */ jsx(Fragment, { children: !widgetContext.state.hidden && /* @__PURE__ */ jsx(ToastElement, { ...widgetContext }) });
 });
 export {
-  Toast as T,
-  export_createToast as a,
+  ToastDefaultSlotStructure as T,
+  Toast as a,
+  export_createToast as b,
   export_getToastDefaultConfig as e
 };

package/{toast-BXMjE9E3.cjs → toast-E1DM85iZ.cjs}

@@ -9,38 +9,35 @@ const export_getToastDefaultConfig = toast.getToastDefaultConfig;
 const export_createToast = toast.createToast;
 const ToastHeader = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "toast-header", children: [
   /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.header, props: slotContext }),
-  slotContext.state.dismissible && /* @__PURE__ */ jsxRuntime.jsx("button", { ...directive.useDirectives([directive.classDirective, "btn-close me-0 ms-auto"], slotContext.widget.directives.closeButtonDirective) })
+  slotContext.state.dismissible && /* @__PURE__ */ jsxRuntime.jsx("button", { ...directive.useDirectives([directive.classDirective, "btn-close me-0 ms-auto"], slotContext.directives.closeButtonDirective) })
 ] });
-const ToastCloseButtonNoHeader = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx("button", { ...directive.useDirectives([directive.classDirective, "btn-close btn-close-white me-2 m-auto"], slotContext.widget.directives.closeButtonDirective) });
-const DefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+const ToastCloseButtonNoHeader = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx("button", { ...directive.useDirectives([directive.classDirective, "btn-close btn-close-white me-2 m-auto"], slotContext.directives.closeButtonDirective) });
+const ToastDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
   slotContext.state.header && /* @__PURE__ */ jsxRuntime.jsx(ToastHeader, { ...slotContext }),
   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "toast-body", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.children, props: slotContext }) }),
   slotContext.state.dismissible && !slotContext.state.header && /* @__PURE__ */ jsxRuntime.jsx(ToastCloseButtonNoHeader, { ...slotContext })
 ] });
-const defaultConfig = {
-  structure: DefaultSlotStructure
-};
 const ToastElement = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ...directive.useDirectives(
       [directive.classDirective, `toast ${slotContext.state.dismissible ? "toast-dismissible" : ""} ${!slotContext.state.header ? "d-flex" : ""}`],
-      slotContext.widget.directives.transitionDirective,
-      slotContext.widget.directives.autoHideDirective,
-      slotContext.widget.directives.bodyDirective
+      slotContext.directives.transitionDirective,
+      slotContext.directives.autoHideDirective,
+      slotContext.directives.bodyDirective
     ),
     children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.structure, props: slotContext })
   }
 );
 const Toast = React.forwardRef(function Toast2(props, ref) {
-  const [state, widget] = generated_config.useWidgetWithConfig(export_createToast, props, "toast", { ...defaultConfig, children: props.children });
-  React.useImperativeHandle(ref, () => widget.api, []);
-  const slotContext = {
-    state,
-    widget
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: !state.hidden && /* @__PURE__ */ jsxRuntime.jsx(ToastElement, { ...slotContext }) });
+  const widgetContext = generated_config.useWidgetWithConfig(export_createToast, props, "toast", {
+    structure: ToastDefaultSlotStructure,
+    children: props.children
+  });
+  React.useImperativeHandle(ref, () => widgetContext.api, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: !widgetContext.state.hidden && /* @__PURE__ */ jsxRuntime.jsx(ToastElement, { ...widgetContext }) });
 });
 exports.Toast = Toast;
+exports.ToastDefaultSlotStructure = ToastDefaultSlotStructure;
 exports.export_createToast = export_createToast;
 exports.export_getToastDefaultConfig = export_getToastDefaultConfig;