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

package/{accordion-Dy6WokG3.js → accordion-fxxgzVzz.js}

@@ -1,4 +1,4 @@
-import { getAccordionDefaultConfig as getAccordionDefaultConfig$1, createAccordionItem as createAccordionItem$1, factoryCreateAccordion } from "@agnos-ui/core/components/accordion";
+import { factoryCreateAccordion, createAccordionItem as createAccordionItem$1, getAccordionDefaultConfig as getAccordionDefaultConfig$1 } from "@agnos-ui/core/components/accordion";
 import { c as collapseVerticalTransition } from "./collapse-CVjUhnIz.js";
 import { extendWidgetProps } from "@agnos-ui/core/services/extendWidget";
 import { noop } from "@agnos-ui/core/utils/func";

package/carousel-BR8jjX02.js

@@ -0,0 +1,86 @@
+import { getCarouselDefaultConfig as getCarouselDefaultConfig$1, createCarousel as createCarousel$1 } from "@agnos-ui/core/components/carousel";
+import { true$ } from "@agnos-ui/core/utils/stores";
+import { readable, computed } from "@amadeus-it-group/tansu";
+import { createAttributesDirective, mergeDirectives } from "@agnos-ui/core/utils/directive";
+import { extendWidgetProps } from "@agnos-ui/core/services/extendWidget";
+import { typeString, typeArray } from "@agnos-ui/core/utils/writables";
+const defaultConfigExtraProps = {
+  className: "",
+  containerClass: "",
+  slideClass: "",
+  slidesData: [],
+  structure: void 0,
+  navigation: void 0,
+  slide: void 0,
+  ariaLive: "polite"
+};
+const configValidator = {
+  className: typeString,
+  containerClass: typeString,
+  slideClass: void 0,
+  slidesData: typeArray,
+  structure: void 0,
+  navigation: void 0,
+  slide: void 0,
+  ariaLive: typeString
+};
+const coreOverride = {
+  container: ".au-carousel-container"
+};
+function getCarouselDefaultConfig() {
+  return { ...getCarouselDefaultConfig$1(), ...defaultConfigExtraProps };
+}
+function createCarousel(config) {
+  const widget = extendWidgetProps(createCarousel$1, defaultConfigExtraProps, configValidator, coreOverride)(config);
+  return {
+    ...widget,
+    directives: {
+      ...widget.directives,
+      root: mergeDirectives(
+        widget.directives.root,
+        createAttributesDirective(() => ({
+          classNames: {
+            carousel: true$
+          },
+          attributes: {
+            class: widget.stores.className$
+          }
+        }))
+      ),
+      slide: mergeDirectives(
+        widget.directives.slide,
+        createAttributesDirective((slideData$) => ({
+          attributes: {
+            class: computed(() => {
+              const slideClass = widget.stores.slideClass$();
+              if (typeof slideClass === "function") {
+                const slideData = slideData$();
+                return slideClass({
+                  id: slideData.id,
+                  index: slideData.index,
+                  active: slideData.index === widget.stores.selectedScrollSnap$()
+                });
+              } else {
+                return slideClass;
+              }
+            })
+          }
+        }))
+      ),
+      container: createAttributesDirective(() => ({
+        classNames: {
+          "au-carousel-container": true$
+        },
+        attributes: {
+          class: widget.stores.containerClass$,
+          "aria-atomic": readable("false"),
+          "aria-live": widget.stores.ariaLive$
+        }
+      }))
+    }
+  };
+}
+export {
+  createCarousel as c,
+  getCarouselDefaultConfig as g
+};

package/carousel-DxBhqvpX.cjs

@@ -0,0 +1,85 @@
+"use strict";
+const carousel = require("@agnos-ui/core/components/carousel");
+const stores = require("@agnos-ui/core/utils/stores");
+const tansu = require("@amadeus-it-group/tansu");
+const directive = require("@agnos-ui/core/utils/directive");
+const extendWidget = require("@agnos-ui/core/services/extendWidget");
+const writables = require("@agnos-ui/core/utils/writables");
+const defaultConfigExtraProps = {
+  className: "",
+  containerClass: "",
+  slideClass: "",
+  slidesData: [],
+  structure: void 0,
+  navigation: void 0,
+  slide: void 0,
+  ariaLive: "polite"
+};
+const configValidator = {
+  className: writables.typeString,
+  containerClass: writables.typeString,
+  slideClass: void 0,
+  slidesData: writables.typeArray,
+  structure: void 0,
+  navigation: void 0,
+  slide: void 0,
+  ariaLive: writables.typeString
+};
+const coreOverride = {
+  container: ".au-carousel-container"
+};
+function getCarouselDefaultConfig() {
+  return { ...carousel.getCarouselDefaultConfig(), ...defaultConfigExtraProps };
+}
+function createCarousel(config) {
+  const widget = extendWidget.extendWidgetProps(carousel.createCarousel, defaultConfigExtraProps, configValidator, coreOverride)(config);
+  return {
+    ...widget,
+    directives: {
+      ...widget.directives,
+      root: directive.mergeDirectives(
+        widget.directives.root,
+        directive.createAttributesDirective(() => ({
+          classNames: {
+            carousel: stores.true$
+          },
+          attributes: {
+            class: widget.stores.className$
+          }
+        }))
+      ),
+      slide: directive.mergeDirectives(
+        widget.directives.slide,
+        directive.createAttributesDirective((slideData$) => ({
+          attributes: {
+            class: tansu.computed(() => {
+              const slideClass = widget.stores.slideClass$();
+              if (typeof slideClass === "function") {
+                const slideData = slideData$();
+                return slideClass({
+                  id: slideData.id,
+                  index: slideData.index,
+                  active: slideData.index === widget.stores.selectedScrollSnap$()
+                });
+              } else {
+                return slideClass;
+              }
+            })
+          }
+        }))
+      ),
+      container: directive.createAttributesDirective(() => ({
+        classNames: {
+          "au-carousel-container": stores.true$
+        },
+        attributes: {
+          class: widget.stores.containerClass$,
+          "aria-atomic": tansu.readable("false"),
+          "aria-live": widget.stores.ariaLive$
+        }
+      }))
+    }
+  };
+}
+exports.createCarousel = createCarousel;
+exports.getCarouselDefaultConfig = getCarouselDefaultConfig;

package/collapse-DgIqRvXl.js

@@ -0,0 +1,88 @@
+import { createTransition } from "@agnos-ui/core/services/transitions/baseTransitions";
+import { writablesForProps, idWithDefault, stateStores, true$ } from "@agnos-ui/core/utils/stores";
+import { createAttributesDirective, mergeDirectives } from "@agnos-ui/core/utils/directive";
+import { typeString, typeBoolean, typeFunction } from "@agnos-ui/core/utils/writables";
+import { a as collapseHorizontalTransition, c as collapseVerticalTransition } from "./collapse-CVjUhnIz.js";
+import { asWritable, computed } from "@amadeus-it-group/tansu";
+import { noop } from "@agnos-ui/core/utils/func";
+const defaultCollapseConfig = {
+  visible: true,
+  horizontal: false,
+  onVisibleChange: noop,
+  onShown: noop,
+  onHidden: noop,
+  animated: true,
+  animatedOnInit: false,
+  className: "",
+  id: ""
+};
+function getCollapseDefaultConfig() {
+  return { ...defaultCollapseConfig };
+}
+const commonCollapseConfigValidator = {
+  horizontal: typeBoolean,
+  onVisibleChange: typeFunction,
+  onHidden: typeFunction,
+  onShown: typeFunction,
+  animatedOnInit: typeBoolean,
+  animated: typeBoolean,
+  className: typeString,
+  visible: typeBoolean,
+  id: typeString
+};
+function createCollapse(config) {
+  const [
+    { animatedOnInit$, animated$, visible$: requestedVisible$, onVisibleChange$, onHidden$, onShown$, horizontal$, id$: _dirtyId$, ...stateProps },
+    patch
+  ] = writablesForProps(defaultCollapseConfig, config, commonCollapseConfigValidator);
+  const id$ = idWithDefault(_dirtyId$);
+  const currentTransitionFn$ = asWritable(computed(() => horizontal$() ? collapseHorizontalTransition : collapseVerticalTransition));
+  const transition = createTransition({
+    props: {
+      transition: currentTransitionFn$,
+      visible: requestedVisible$,
+      animated: animated$,
+      animatedOnInit: animatedOnInit$,
+      onVisibleChange: onVisibleChange$,
+      onHidden: onHidden$,
+      onShown: onShown$
+    }
+  });
+  const visible$ = transition.stores.visible$;
+  const hidden$ = transition.stores.hidden$;
+  return {
+    ...stateStores({ ...stateProps, visible$, hidden$, horizontal$ }),
+    patch,
+    api: {
+      open: transition.api.show,
+      close: transition.api.hide,
+      toggle: transition.api.toggle
+    },
+    directives: {
+      collapseDirective: mergeDirectives(
+        transition.directives.directive,
+        createAttributesDirective(() => ({
+          attributes: {
+            id: id$
+          },
+          classNames: {
+            "au-collapse": true$
+          }
+        }))
+      ),
+      triggerDirective: createAttributesDirective(() => ({
+        attributes: {
+          "aria-expanded": computed(() => `${visible$()}`),
+          "aria-controls": id$
+        },
+        events: {
+          click: () => transition.api.toggle()
+        }
+      }))
+    }
+  };
+}
+export {
+  createCollapse as c,
+  getCollapseDefaultConfig as g
+};

package/collapse-klnTiwop.cjs

@@ -0,0 +1,87 @@
+"use strict";
+const baseTransitions = require("@agnos-ui/core/services/transitions/baseTransitions");
+const stores = require("@agnos-ui/core/utils/stores");
+const directive = require("@agnos-ui/core/utils/directive");
+const writables = require("@agnos-ui/core/utils/writables");
+const collapse = require("./collapse-sUYbZqEx.cjs");
+const tansu = require("@amadeus-it-group/tansu");
+const func = require("@agnos-ui/core/utils/func");
+const defaultCollapseConfig = {
+  visible: true,
+  horizontal: false,
+  onVisibleChange: func.noop,
+  onShown: func.noop,
+  onHidden: func.noop,
+  animated: true,
+  animatedOnInit: false,
+  className: "",
+  id: ""
+};
+function getCollapseDefaultConfig() {
+  return { ...defaultCollapseConfig };
+}
+const commonCollapseConfigValidator = {
+  horizontal: writables.typeBoolean,
+  onVisibleChange: writables.typeFunction,
+  onHidden: writables.typeFunction,
+  onShown: writables.typeFunction,
+  animatedOnInit: writables.typeBoolean,
+  animated: writables.typeBoolean,
+  className: writables.typeString,
+  visible: writables.typeBoolean,
+  id: writables.typeString
+};
+function createCollapse(config) {
+  const [
+    { animatedOnInit$, animated$, visible$: requestedVisible$, onVisibleChange$, onHidden$, onShown$, horizontal$, id$: _dirtyId$, ...stateProps },
+    patch
+  ] = stores.writablesForProps(defaultCollapseConfig, config, commonCollapseConfigValidator);
+  const id$ = stores.idWithDefault(_dirtyId$);
+  const currentTransitionFn$ = tansu.asWritable(tansu.computed(() => horizontal$() ? collapse.collapseHorizontalTransition : collapse.collapseVerticalTransition));
+  const transition = baseTransitions.createTransition({
+    props: {
+      transition: currentTransitionFn$,
+      visible: requestedVisible$,
+      animated: animated$,
+      animatedOnInit: animatedOnInit$,
+      onVisibleChange: onVisibleChange$,
+      onHidden: onHidden$,
+      onShown: onShown$
+    }
+  });
+  const visible$ = transition.stores.visible$;
+  const hidden$ = transition.stores.hidden$;
+  return {
+    ...stores.stateStores({ ...stateProps, visible$, hidden$, horizontal$ }),
+    patch,
+    api: {
+      open: transition.api.show,
+      close: transition.api.hide,
+      toggle: transition.api.toggle
+    },
+    directives: {
+      collapseDirective: directive.mergeDirectives(
+        transition.directives.directive,
+        directive.createAttributesDirective(() => ({
+          attributes: {
+            id: id$
+          },
+          classNames: {
+            "au-collapse": stores.true$
+          }
+        }))
+      ),
+      triggerDirective: directive.createAttributesDirective(() => ({
+        attributes: {
+          "aria-expanded": tansu.computed(() => `${visible$()}`),
+          "aria-controls": id$
+        },
+        events: {
+          click: () => transition.api.toggle()
+        }
+      }))
+    }
+  };
+}
+exports.createCollapse = createCollapse;
+exports.getCollapseDefaultConfig = getCollapseDefaultConfig;

package/components/accordion/index.js

@@ -1,4 +1,4 @@
-import { a, c, g } from "../../accordion-Dy6WokG3.js";
+import { a, c, g } from "../../accordion-fxxgzVzz.js";
 export * from "@agnos-ui/core/components/accordion";
 export {
   a as createAccordion,

package/components/carousel/carousel.d.ts

@@ -0,0 +1,132 @@
+import type { Directive, PropsConfig, SlotContent, Widget, WidgetSlotContext } from '@agnos-ui/core/types';
+import type { CarouselProps as CoreProps, CarouselState as CoreState, CarouselApi, CarouselDirectives as CoreDirectives } from '@agnos-ui/core/components/carousel';
+export * from '@agnos-ui/core/components/carousel';
+/**
+ * Represents the context for a carousel.
+ *
+ * @template SlideData - The type of data used by each slide in the carousel.
+ */
+export type CarouselContext<SlideData extends {
+    id: string;
+}> = WidgetSlotContext<CarouselWidget<SlideData>>;
+/**
+ * Represents the context for a carousel slide.
+ *
+ * @template SlideData - The type of data used by each slide in the carousel.
+ */
+export type CarouselSlideContext<SlideData extends {
+    id: string;
+}> = WidgetSlotContext<CarouselWidget<SlideData>> & SlideData;
+interface CarouselExtraProps<SlideData extends {
+    id: string;
+}> {
+    /**
+     * CSS classes to be applied on the widget main container
+     *
+     * @defaultValue `''`
+     */
+    className: string;
+    /**
+     * Class name to apply to the container of the carousel.
+     *
+     * @defaultValue `''`
+     */
+    containerClass: string;
+    /**
+     * Class name to apply to each slide in the carousel.
+     *
+     * @defaultValue `''`
+     */
+    slideClass: string | ((slideContext: {
+        id: string;
+        index: number;
+        active: boolean;
+    }) => string);
+    /**
+     * The data for each slide in the carousel.
+     *
+     * @defaultValue `[]`
+     */
+    slidesData: SlideData[];
+    /**
+     * The structure of the carousel.
+     *
+     * @defaultValue `undefined`
+     */
+    structure: SlotContent<CarouselContext<SlideData>>;
+    /**
+     * The navigation layer of the carousel.
+     *
+     * @defaultValue `undefined`
+     */
+    navigation: SlotContent<CarouselContext<SlideData>>;
+    /**
+     * The content of each slide in the carousel.
+     *
+     * @defaultValue `undefined`
+     */
+    slide: SlotContent<CarouselSlideContext<SlideData>>;
+    /**
+     * The aria-live attribute value for the carousel container.
+     *
+     * @defaultValue `'polite'`
+     */
+    ariaLive: string;
+}
+/**
+ * Represents the state of a carousel component.
+ *
+ * @template SlideData - The type of data used by each slide in the carousel.
+ */
+export interface CarouselState<SlideData extends {
+    id: string;
+}> extends CoreState, CarouselExtraProps<SlideData> {
+}
+/**
+ * Interface representing the properties for a carousel component.
+ *
+ * @template SlideData - The type of data used by each slide in the carousel.
+ */
+export interface CarouselProps<SlideData extends {
+    id: string;
+}> extends CoreProps, CarouselExtraProps<SlideData> {
+}
+/**
+ * Represents the directives for a carousel component.
+ */
+export interface CarouselDirectives extends Omit<CoreDirectives, 'slide'> {
+    /**
+     * A directive to be applied to each slide in the carousel.
+     */
+    slide: Directive<{
+        id: string;
+        index: number;
+    }>;
+    /**
+     * A directive to be applied to container of the carousel.
+     */
+    container: Directive;
+}
+/**
+ * Represents a carousel widget with specific properties, state, API, and directives.
+ *
+ * @template SlideData - The type of the data for each slide.
+ */
+export type CarouselWidget<SlideData extends {
+    id: string;
+}> = Widget<CarouselProps<SlideData>, CarouselState<SlideData>, CarouselApi, CarouselDirectives>;
+/**
+ * Retrieve a shallow copy of the default Carousel config
+ * @returns the default Carousel config
+ */
+export declare function getCarouselDefaultConfig(): CarouselProps<any>;
+/**
+ * Create a Carousel with given config props
+ *
+ * @template SlideData - The type of the data for each slide.
+ * @param config - an optional carousel config
+ * @returns a CarouselWidget
+ */
+export declare function createCarousel<SlideData extends {
+    id: string;
+}>(config?: PropsConfig<CarouselProps<SlideData>>): CarouselWidget<SlideData>;

package/components/carousel/index.cjs

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

package/components/carousel/index.d.ts

@@ -0,0 +1 @@
+export * from './carousel';

package/components/carousel/index.js

@@ -0,0 +1,6 @@
+import { c, g } from "../../carousel-BR8jjX02.js";
+export * from "@agnos-ui/core/components/carousel";
+export {
+  c as createCarousel,
+  g as getCarouselDefaultConfig
+};

package/components/collapse/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const collapse = require("../../collapse-CSP8JFq-.cjs");
+const collapse = require("../../collapse-klnTiwop.cjs");
 exports.createCollapse = collapse.createCollapse;
 exports.getCollapseDefaultConfig = collapse.getCollapseDefaultConfig;

package/components/collapse/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../collapse-DJJ1jB2v.js";
+import { c, g } from "../../collapse-DgIqRvXl.js";
 export {
   c as createCollapse,
   g as getCollapseDefaultConfig

package/components/progressbar/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../progressbar-D9S5NLpS.js";
+import { c, g } from "../../progressbar-DcUv6Lh4.js";
 export * from "@agnos-ui/core/components/progressbar";
 export {
   c as createProgressbar,

package/components/toast/index.cjs

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const toast = require("../../toast-BYDfN1cI.cjs");
+const toast = require("../../toast-C4gj0rX-.cjs");
 const toast$1 = require("@agnos-ui/core/components/toast");
 exports.createToast = toast.createToast;
 exports.getToastDefaultConfig = toast.getToastDefaultConfig;
+exports.toastPositions = toast.toastPositions;
 Object.keys(toast$1).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/components/toast/index.js

@@ -1,6 +1,7 @@
-import { c, g } from "../../toast-D-by8Hwt.js";
+import { c, g, t } from "../../toast-Dggjpjqk.js";
 export * from "@agnos-ui/core/components/toast";
 export {
   c as createToast,
-  g as getToastDefaultConfig
+  g as getToastDefaultConfig,
+  t as toastPositions
 };

package/components/toast/toast.d.ts

@@ -1,6 +1,7 @@
 import type { ToastDirectives, ToastState as CoreState, ToastProps as CoreProps, ToastApi } from '@agnos-ui/core/components/toast';
 import type { SlotContent, Widget, WidgetFactory, WidgetSlotContext } from '@agnos-ui/core/types';
 import type { TransitionFn } from '@agnos-ui/core/services/transitions/baseTransitions';
+import type { ToastPositions } from '@agnos-ui/core/components/toast';
 export * from '@agnos-ui/core/components/toast';
 /**
  * Represents the context for a Toast widget.
@@ -58,3 +59,17 @@ export declare function getToastDefaultConfig(): ToastProps;
  * @returns an ToastWidget
  */
 export declare const createToast: WidgetFactory<ToastWidget>;
+/**
+ * A mapping of toast position keys to their corresponding CSS class strings of bootstrap.
+ * These classes define the positioning of toast notifications on the screen.
+ *
+ * The keys represent various positions on the screen, such as top-left, top-center,
+ * middle-right, etc., and the values are the CSS classes of bootstrap that apply the respective
+ * positioning styles.
+ *
+ * Example usage:
+ * ```typescript
+ * const positionClass = toastPositions.topLeft; // "top-0 start-0"
+ * ```
+ */
+export declare const toastPositions: Record<ToastPositions, string>;

package/config.d.ts

@@ -1,3 +1,4 @@
+import type { CarouselProps } from './components/carousel';
 import type { AccordionProps } from './components/accordion';
 import type { AlertProps } from './components/alert';
 import type { CollapseProps } from './components/collapse';
@@ -57,4 +58,8 @@ export interface BootstrapWidgetsConfig {
      * tree widget config
      */
     tree: TreeProps;
+    /**
+     * carousel widget config
+     */
+    carousel: CarouselProps<any>;
 }

package/css/agnosui.css

@@ -102,6 +102,7 @@
   --bs-slider-tick-neutral-color: var(--bs-light-emphasis, #666666);
   --bs-slider-tick-selected-color: var(--bs-primary, #0d6efd);
   --bs-slider-tick-disabled-color: var(--bs-dark-bg-subtle, #ced4da);
+  --bs-slider-tick-fill-color: var(--bs-white, #ffffff);
   --bs-slider-tick-label-translate-vertical: translateY(75%);
   --bs-slider-progress-color: var(--bs-primary, #0d6efd);
   --bs-slider-progress-height: 0.25rem;
@@ -219,6 +220,33 @@
 }
 .au-slider .au-slider-tick svg {
   display: block;
+  width: var(--bs-slider-tick-secondary-size);
+  height: var(--bs-slider-tick-primary-size);
+  fill: none;
+}
+.au-slider .au-slider-tick svg circle {
+  cx: 50%;
+  cy: 50%;
+  fill: var(--bs-slider-tick-fill-color);
+}
+.au-slider .au-slider-tick svg circle.au-slider-tick-outer {
+  r: 45%;
+  stroke: var(--bs-slider-tick-neutral-color);
+  stroke-width: 1.5;
+}
+.au-slider .au-slider-tick svg circle.au-slider-tick-outer.au-slider-tick-disabled {
+  stroke: var(--bs-slider-tick-disabled-color);
+}
+.au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-outer {
+  fill: var(--bs-slider-tick-selected-color);
+  stroke: none;
+  r: 50%;
+}
+.au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-outer.au-slider-tick-disabled {
+  fill: var(--bs-slider-tick-disabled-color);
+}
+.au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-inner {
+  r: 25%;
 }
 .au-slider .au-slider-tick-label {
   position: absolute;
@@ -231,6 +259,9 @@
   margin-inline-start: var(--bs-slider-label-vertical-margin-inline-start);
   transform: var(--bs-slider-tick-label-translate-vertical);
 }
+.au-slider .au-slider-tick-label-now {
+  font-weight: var(--bs-slider-label-now-font-weight);
+}
 .au-slider .au-slider-progress {
   background-color: var(--bs-slider-progress-color);
   border-radius: var(--bs-slider-border-radius);
@@ -339,4 +370,27 @@
   border: 0;
 }
 
+.au-carousel {
+  overflow: hidden;
+}
+
+.au-carousel-container {
+  display: flex;
+  touch-action: pan-y pinch-zoom;
+}
+
+.au-carousel-slide {
+  flex: 0 0 100%;
+  user-select: none;
+  position: relative;
+}
+
+.au-toaster {
+  display: flex;
+}
+
+.au-toaster-container {
+  padding: 1rem;
+}
+
 /*# sourceMappingURL=agnosui.css.map */