@agnos-ui/svelte-bootstrap 0.9.3 → 0.10.0-next.1

package/components/accordion/ItemDefaultStructure.svelte

@@ -8,9 +8,7 @@ import {BROWSER as __AgnosUISveltePreprocess__BROWSER} from 'esm-env';
 	let widget: AccordionItemContext = $props();
 	const {state, directives} = widget;
 
-	const re = new RegExp('^h[1-6]$');
-
-	let headingTag = $derived(re.test(state.headingTag) ? state.headingTag : 'h2');
+	let headingTag = $derived(`h${state.headingLevel}`);
 </script>
 
 <svelte:element this={headingTag} use:__AgnosUISveltePreprocess__classDirective={"accordion-header"} use:directives.headerDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(directives.headerDirective, [__AgnosUISveltePreprocess__classDirective, "accordion-header"])}>

package/components/accordion/accordion.gen.d.ts

@@ -120,11 +120,11 @@ export interface AccordionProps {
      */
     itemBodyClassName: string;
     /**
-     * The html tag to use for the accordion-item-header.
+     * The html heading level to use for the accordion-item-header.
      *
-     * @defaultValue `''`
+     * @defaultValue `2`
      */
-    itemHeadingTag: string;
+    itemHeadingLevel: 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * CSS classes to be applied on the widget main container
      *
@@ -185,9 +185,9 @@ export interface AccordionItemState {
      */
     bodyClassName: string;
     /**
-     * The html tag to use for the accordion-item-header.
+     * The html heading level to use for the accordion-item-header.
      */
-    headingTag: string;
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * CSS classes to be applied on the widget main container
      *
@@ -277,9 +277,9 @@ export interface AccordionItemProps {
      */
     bodyClassName: string;
     /**
-     * The html tag to use for the accordion-item-header.
+     * The html heading level to use for the accordion-item-header.
      */
-    headingTag: string;
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * CSS classes to be applied on the widget main container
      *
@@ -327,7 +327,7 @@ export { export_createAccordionItem as createAccordionItem };
 declare const export_createAccordion: WidgetFactory<AccordionWidget>;
 export { export_createAccordion as createAccordion };
 /**
- * Create an accordion WidgetFactory based on a item factory and the list of item props that should inherit from the parent accordion
+ * Create an accordion WidgetFactory based on an item factory and the list of item props that should inherit from the parent accordion
  *
  * @param itemFactory - the item factory
  * @param accordionItemProps - the list of item props

package/components/accordion/accordion.gen.js

@@ -20,7 +20,7 @@ export { export_createAccordionItem as createAccordionItem };
 const export_createAccordion = createAccordion;
 export { export_createAccordion as createAccordion };
 /**
- * Create an accordion WidgetFactory based on a item factory and the list of item props that should inherit from the parent accordion
+ * Create an accordion WidgetFactory based on an item factory and the list of item props that should inherit from the parent accordion
  *
  * @param itemFactory - the item factory
  * @param accordionItemProps - the list of item props

package/components/carousel/Carousel.svelte.d.ts

@@ -1,10 +1,21 @@
 import type { CarouselProps, CarouselApi } from './carousel.gen';
+declare function $$render<SlideData extends {
+    id: string;
+}>(): {
+    props: Partial<CarouselProps<SlideData>>;
+    exports: {
+        api: CarouselApi;
+    };
+    bindings: "";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<SlideData extends {
     id: string;
 }> {
-    props(): Partial<CarouselProps<SlideData>>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<SlideData>>['props'];
+    events(): ReturnType<typeof $$render<SlideData>>['events'];
+    slots(): ReturnType<typeof $$render<SlideData>>['slots'];
     bindings(): "";
     exports(): {
         api: CarouselApi;

package/components/carousel/CarouselDefaultNavigation.svelte.d.ts

@@ -1,9 +1,19 @@
+import type { CarouselContext } from './carousel.gen';
+declare function $$render<SlideData extends {
+    id: string;
+}>(): {
+    props: CarouselContext<SlideData>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<SlideData extends {
     id: string;
 }> {
-    props(): WidgetSlotContext<Widget<import("./carousel.gen").CarouselProps<SlideData_1>, import("./carousel.gen").CarouselState<SlideData_1>, import("./carousel.gen").CarouselApi, import("./carousel.gen").CarouselDirectives>>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<SlideData>>['props'];
+    events(): ReturnType<typeof $$render<SlideData>>['events'];
+    slots(): ReturnType<typeof $$render<SlideData>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/components/carousel/CarouselDefaultStructure.svelte.d.ts

@@ -1,9 +1,19 @@
+import type { CarouselContext } from './carousel.gen';
+declare function $$render<SlideData extends {
+    id: string;
+}>(): {
+    props: CarouselContext<SlideData>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<SlideData extends {
     id: string;
 }> {
-    props(): WidgetSlotContext<Widget<import("./carousel.gen").CarouselProps<SlideData_1>, import("./carousel.gen").CarouselState<SlideData_1>, import("./carousel.gen").CarouselApi, import("./carousel.gen").CarouselDirectives>>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<SlideData>>['props'];
+    events(): ReturnType<typeof $$render<SlideData>>['events'];
+    slots(): ReturnType<typeof $$render<SlideData>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/components/carousel/carousel.gen.d.ts

@@ -52,10 +52,14 @@ export interface CarouselState<SlideData extends {
     initialized: boolean;
     /**
      * If `true`, 'previous' and 'next' navigation arrows will be visible.
+     *
+     * @defaultValue `true`
      */
     showNavigationArrows: boolean;
     /**
      * If `true`, navigation indicators at the bottom of the slide will be visible.
+     *
+     * @defaultValue `true`
      */
     showNavigationIndicators: boolean;
     /**
@@ -95,20 +99,14 @@ export interface CarouselState<SlideData extends {
     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>>;
     /**
@@ -133,14 +131,23 @@ export interface CarouselProps<SlideData extends {
     plugins: EmblaPluginType[];
     /**
      * Aria label for navigation indicators
+     *
+     * @defaultValue
+     * ```ts
+     * (index: number) => `Select slide ${index + 1}`
+     * ```
      */
     ariaIndicatorLabel: (index: number) => string;
     /**
      * Aria label for previous button
+     *
+     * @defaultValue `'Select previous slide'`
      */
     ariaPrevLabel: string;
     /**
      * Aria label for next button
+     *
+     * @defaultValue `'Select next slide'`
      */
     ariaNextLabel: string;
     /**
@@ -154,6 +161,8 @@ export interface CarouselProps<SlideData extends {
      * Enables choosing a custom container element which holds the slides. By default, Embla will choose the first direct child element of the root element. Provide a valid CSS selector string.
      *
      * @see {@link https://www.embla-carousel.com/api/options/#container}
+     *
+     * @defaultValue `null`
      */
     container: string | null;
     /**
@@ -207,10 +216,14 @@ export interface CarouselProps<SlideData extends {
     skipSnaps: boolean;
     /**
      * If `true`, 'previous' and 'next' navigation arrows will be visible.
+     *
+     * @defaultValue `true`
      */
     showNavigationArrows: boolean;
     /**
      * If `true`, navigation indicators at the bottom of the slide will be visible.
+     *
+     * @defaultValue `true`
      */
     showNavigationIndicators: boolean;
     /**
@@ -243,20 +256,14 @@ export interface CarouselProps<SlideData extends {
     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>>;
     /**

package/components/collapse/collapse.gen.d.ts

@@ -58,7 +58,7 @@ export interface CollapseProps {
     /**
      * If `true` the collapse is visible to the user
      *
-     * @defaultValue `true`
+     * @defaultValue `false`
      */
     visible: boolean;
     /**
@@ -101,7 +101,7 @@ export interface CollapseState {
     /**
      * If `true` the collapse is visible to the user
      *
-     * @defaultValue `true`
+     * @defaultValue `false`
      */
     visible: boolean;
 }

package/components/drawer/Drawer.svelte

@@ -0,0 +1,51 @@
+<script lang="ts">
+import {ssrAttributes as __AgnosUISveltePreprocess__ssrAttributes} from '@agnos-ui/svelte-headless/utils/directive';
+import {BROWSER as __AgnosUISveltePreprocess__BROWSER} from 'esm-env';
+
+	import {Slot} from '@agnos-ui/svelte-headless/slot';
+	import {callWidgetFactory} from '../../config';
+	import type {DrawerApi, DrawerContext, DrawerProps} from './drawer.gen';
+	import {createDrawer} from './drawer.gen';
+	import DrawerDefaultStructure from './DrawerDefaultStructure.svelte';
+
+	let {width = $bindable(), height = $bindable(), visible = $bindable(), ...props}: Partial<DrawerProps> = $props();
+
+	const widget = callWidgetFactory(createDrawer, {
+		get props() {
+			return {...props, width, height, visible};
+		},
+		defaultConfig: {structure},
+		events: {
+			onWidthChange: (value: number) => {
+				width = value;
+			},
+			onHeightChange: (value: number) => {
+				height = value;
+			},
+			onVisibleChange: (event) => {
+				visible = event;
+			},
+		},
+	});
+	const {
+		directives: {backdropDirective, backdropPortalDirective, drawerDirective, drawerPortalDirective, containerDirective},
+		state,
+	} = widget;
+
+	export const api: DrawerApi = widget.api;
+</script>
+
+{#snippet structure(props: DrawerContext)}
+	<DrawerDefaultStructure {...props} />
+{/snippet}
+
+{#if !state.hidden}
+	<div use:drawerPortalDirective use:drawerDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(drawerPortalDirective, drawerDirective)}>
+		<div use:containerDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(containerDirective)}>
+			<Slot content={state.structure} props={widget} />
+		</div>
+	</div>
+{/if}
+{#if !state.backdropHidden}
+	<div use:backdropPortalDirective use:backdropDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(backdropPortalDirective, backdropDirective)}></div>
+{/if}

package/components/drawer/Drawer.svelte.d.ts

@@ -0,0 +1,6 @@
+import type { DrawerApi, DrawerProps } from './drawer.gen';
+declare const Drawer: import("svelte").Component<Partial<DrawerProps>, {
+    api: DrawerApi;
+}, "visible" | "width" | "height">;
+type Drawer = ReturnType<typeof Drawer>;
+export default Drawer;

package/components/drawer/DrawerDefaultStructure.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+import {ssrAttributes as __AgnosUISveltePreprocess__ssrAttributes} from '@agnos-ui/svelte-headless/utils/directive';
+import {BROWSER as __AgnosUISveltePreprocess__BROWSER} from 'esm-env';
+
+	import {Slot} from '@agnos-ui/svelte-headless/slot';
+	import type {DrawerContext} from './drawer.gen';
+
+	let widget: DrawerContext = $props();
+	let {state, directives} = widget;
+</script>
+
+<div class="au-drawer-header">
+	<Slot content={state.header} props={widget} />
+</div>
+<div class="au-drawer-body">
+	<Slot content={state.children} props={widget} />
+</div>
+{#if state.resizable}
+	<div use:directives.splitterDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(directives.splitterDirective)}></div>
+{/if}

package/components/drawer/DrawerDefaultStructure.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const DrawerDefaultStructure: import("svelte").Component<WidgetSlotContext<Widget<import("./drawer.gen").DrawerProps, import("./drawer.gen").DrawerState, import("./drawer.gen").DrawerApi, import("./drawer.gen").DrawerDirectives>>, {}, "">;
+type DrawerDefaultStructure = ReturnType<typeof DrawerDefaultStructure>;
+export default DrawerDefaultStructure;

package/components/drawer/drawer.gen.d.ts

@@ -0,0 +1,300 @@
+import type { WidgetSlotContext, SlotContent, Directive, Widget, WidgetFactory } from '@agnos-ui/svelte-headless/types';
+import type { TransitionFn } from '@agnos-ui/svelte-headless/services/transitions/baseTransitions';
+/**
+ * Retrieve a shallow copy of the default Drawer config
+ * @returns the default Drawer config
+ */
+declare const export_getDrawerDefaultConfig: () => DrawerProps;
+export { export_getDrawerDefaultConfig as getDrawerDefaultConfig };
+/**
+ * Represents the context for a Drawer widget.
+ * This interface is an alias for `WidgetSlotContext<DrawerWidget>`.
+ */
+export type DrawerContext = WidgetSlotContext<DrawerWidget>;
+/**
+ * Represents the state of a Drawer component.
+ */
+export interface DrawerState {
+    /**
+     * Whether the backdrop is fully hidden. This can be true either because {@link DrawerProps.backdrop|backdrop} is false or
+     * because {@link DrawerProps.visible|visible} is false and there is no current transition.
+     */
+    backdropHidden: boolean;
+    /**
+     * Flag to show whether the drawer is fully hidden.
+     */
+    hidden: boolean;
+    /**
+     * CSS classes to be applied on the widget main container
+     *
+     * @defaultValue `'w-full'`
+     */
+    className: string;
+    /**
+     * Which element should contain the drawer and backdrop DOM elements.
+     * If it is not null, the drawer and backdrop DOM elements are moved to the specified container.
+     * Otherwise, they stay where the widget is located.
+     *
+     * @defaultValue
+     * ```ts
+     * typeof window !== 'undefined' ? document.body : null
+     * ```
+     */
+    container: HTMLElement | null;
+    /**
+     * Classes to add on the backdrop DOM element.
+     *
+     * @defaultValue `''`
+     */
+    backdropClass: string;
+    /**
+     * If `true`, the drawer is shown; otherwise, it is hidden.
+     *
+     * @defaultValue `false`
+     */
+    visible: boolean;
+    /**
+     * If `true`, the drawer can be resized by the user.
+     *
+     * @defaultValue `false`
+     */
+    resizable: boolean;
+    /**
+     * Global template for the drawer component
+     */
+    structure: SlotContent<DrawerContext>;
+    /**
+     * Template for the drawer header
+     */
+    header: SlotContent<DrawerContext>;
+    /**
+     * Template for the drawer body
+     */
+    children: SlotContent<DrawerContext>;
+}
+/**
+ * Represents the properties for the Drawer component.
+ */
+export interface DrawerProps {
+    /**
+     * The transition function will be executed when the drawer is displayed or hidden.
+     *
+     * @defaultValue
+     * ```ts
+     * collapseHorizontalTransition
+     * ```
+     */
+    transition: TransitionFn;
+    /**
+     * The transition function for vertically positioned drawer (top, bottom) that will be executed when the drawer is displayed or hidden.
+     *
+     * @defaultValue
+     * ```ts
+     * collapseVerticalTransition
+     * ```
+     */
+    verticalTransition: TransitionFn;
+    /**
+     * The transition to use for the backdrop behind the drawer (if present).
+     *
+     * @defaultValue `fadeTransition`
+     */
+    backdropTransition: TransitionFn;
+    /**
+     * If `true` opening and closing will be animated.
+     *
+     * @defaultValue `true`
+     */
+    animated: boolean;
+    /**
+     * aria-labelledby attribute to use for the drawer element.
+     *
+     * @defaultValue `''`
+     */
+    ariaLabelledBy: string;
+    /**
+     * aria-describedby attribute to use for the drawer element.
+     *
+     * @defaultValue `''`
+     */
+    ariaDescribedBy: string;
+    /**
+     * The width of the drawer in pixels.
+     *
+     * @defaultValue `200`
+     */
+    width: number;
+    /**
+     * The height of the drawer in pixels.
+     *
+     * @defaultValue `200`
+     */
+    height: number;
+    /**
+     * If `true` displays the backdrop element and disables the body scrolling, otherwise the body of the document is navigable
+     *
+     * @defaultValue `true`
+     */
+    backdrop: boolean;
+    /**
+     * If `true` allows body scrolling when the drawer is open.
+     *
+     * @defaultValue `false`
+     */
+    bodyScroll: boolean;
+    /**
+     * Event to be triggered when the transition is completed and the drawer is not visible.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onHidden: () => void;
+    /**
+     * Event to be triggered when the transition is completed and the drawer is visible.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onShown: () => void;
+    /**
+     * An event emitted when the width is changed.
+     *
+     * Event payload is equal to the newly selected width.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onWidthChange: (width: number) => void;
+    /**
+     * An event emitted when the height is changed.
+     *
+     * Event payload is equal to the newly selected height.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onHeightChange: (width: number) => void;
+    /**
+     * Event to be triggered when the visible property changes.
+     *
+     * @param visible - new value of the visible propery
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onVisibleChange: (visible: boolean) => void;
+    /**
+     * CSS classes to be applied on the widget main container
+     *
+     * @defaultValue `'w-full'`
+     */
+    className: string;
+    /**
+     * Which element should contain the drawer and backdrop DOM elements.
+     * If it is not null, the drawer and backdrop DOM elements are moved to the specified container.
+     * Otherwise, they stay where the widget is located.
+     *
+     * @defaultValue
+     * ```ts
+     * typeof window !== 'undefined' ? document.body : null
+     * ```
+     */
+    container: HTMLElement | null;
+    /**
+     * Classes to add on the backdrop DOM element.
+     *
+     * @defaultValue `''`
+     */
+    backdropClass: string;
+    /**
+     * If `true`, the drawer is shown; otherwise, it is hidden.
+     *
+     * @defaultValue `false`
+     */
+    visible: boolean;
+    /**
+     * If `true`, the drawer can be resized by the user.
+     *
+     * @defaultValue `false`
+     */
+    resizable: boolean;
+    /**
+     * Global template for the drawer component
+     */
+    structure: SlotContent<DrawerContext>;
+    /**
+     * Template for the drawer header
+     */
+    header: SlotContent<DrawerContext>;
+    /**
+     * Template for the drawer body
+     */
+    children: SlotContent<DrawerContext>;
+}
+/**
+ * Represents the directives for the Drawer component.
+ */
+export interface DrawerDirectives {
+    /**
+     * Directive to put on the drawer DOM element.
+     */
+    drawerDirective: Directive;
+    /**
+     * Directive to put on the backdrop DOM element.
+     */
+    backdropDirective: Directive;
+    /**
+     * Directive to put on the splitter DOM element.
+     */
+    splitterDirective: Directive;
+    /**
+     * Directive to put on the container DOM element in order for the drawer to size correctly.
+     */
+    containerDirective: Directive;
+    /**
+     * Portal directive to put on the drawer DOM element.
+     */
+    drawerPortalDirective: Directive;
+    /**
+     * Portal directive to put on the backdrop DOM element.
+     */
+    backdropPortalDirective: Directive;
+}
+/**
+ * Represents a Drawer widget component.
+ */
+export type DrawerWidget = Widget<DrawerProps, DrawerState, DrawerApi, DrawerDirectives>;
+/**
+ * Create a Drawer with given config props
+ * @param config - an optional Drawer config
+ * @returns a DrawerWidget
+ */
+declare const export_createDrawer: WidgetFactory<DrawerWidget>;
+export { export_createDrawer as createDrawer };
+/**
+ * Possible values for the drawer positions
+ */
+export type DrawerPositions = 'inline-start' | 'inline-end' | 'block-start' | 'block-end';
+/**
+ * Interface representing the API for a Drawer component.
+ */
+export interface DrawerApi {
+    /**
+     * Trigger the opening of the drawer.
+     */
+    open: () => void;
+    /**
+     * Trigger the closing of the drawer.
+     */
+    close: () => void;
+}

package/components/drawer/drawer.gen.js

@@ -0,0 +1,14 @@
+import { getDrawerDefaultConfig, createDrawer } from '@agnos-ui/core-bootstrap/components/drawer';
+/**
+ * Retrieve a shallow copy of the default Drawer config
+ * @returns the default Drawer config
+ */
+const export_getDrawerDefaultConfig = getDrawerDefaultConfig;
+export { export_getDrawerDefaultConfig as getDrawerDefaultConfig };
+/**
+ * Create a Drawer with given config props
+ * @param config - an optional Drawer config
+ * @returns a DrawerWidget
+ */
+const export_createDrawer = createDrawer;
+export { export_createDrawer as createDrawer };

package/components/drawer/index.d.ts

@@ -0,0 +1,3 @@
+export * from './drawer.gen';
+import Drawer from './Drawer.svelte';
+export { Drawer };

package/components/drawer/index.js

@@ -0,0 +1,3 @@
+export * from './drawer.gen';
+import Drawer from './Drawer.svelte';
+export { Drawer };

package/components/modal/Modal.svelte.d.ts

@@ -1,8 +1,17 @@
 import type { ModalProps, ModalApi } from './modal.gen';
+declare function $$render<Data>(): {
+    props: Partial<ModalProps<Data>>;
+    exports: {
+        api: ModalApi<Data>;
+    };
+    bindings: "visible";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<Data> {
-    props(): Partial<ModalProps<Data>>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<Data>>['props'];
+    events(): ReturnType<typeof $$render<Data>>['events'];
+    slots(): ReturnType<typeof $$render<Data>>['slots'];
     bindings(): "visible";
     exports(): {
         api: ModalApi<Data>;

package/components/modal/ModalDefaultHeader.svelte.d.ts

@@ -1,8 +1,15 @@
 import type { ModalContext } from './modal.gen';
+declare function $$render<Data>(): {
+    props: ModalContext<Data>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<Data> {
-    props(): ModalContext<Data>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<Data>>['props'];
+    events(): ReturnType<typeof $$render<Data>>['events'];
+    slots(): ReturnType<typeof $$render<Data>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/components/modal/ModalDefaultStructure.svelte.d.ts

@@ -1,8 +1,15 @@
 import type { ModalContext } from './modal.gen';
+declare function $$render<Data>(): {
+    props: ModalContext<Data>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<Data> {
-    props(): ModalContext<Data>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<Data>>['props'];
+    events(): ReturnType<typeof $$render<Data>>['events'];
+    slots(): ReturnType<typeof $$render<Data>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/components/modal/modal.gen.d.ts

@@ -1,4 +1,4 @@
-import { modalOutsideClick, modalCloseButtonClick } from '@agnos-ui/core-bootstrap/components/modal';
+import { modalOutsideClick, modalCloseButtonClick, modalCloseEscape } from '@agnos-ui/core-bootstrap/components/modal';
 import type { WidgetSlotContext, SlotContent, Widget, PropsConfig, Directive } from '@agnos-ui/svelte-headless/types';
 import type { TransitionFn } from '@agnos-ui/svelte-headless/services/transitions/baseTransitions';
 /**
@@ -309,6 +309,12 @@ export { export_modalOutsideClick as modalOutsideClick };
  */
 declare const export_modalCloseButtonClick: typeof modalCloseButtonClick;
 export { export_modalCloseButtonClick as modalCloseButtonClick };
+/**
+ * Value present in the {@link ModalBeforeCloseEvent.result|result} property of the {@link ModalProps.onBeforeClose|onBeforeClose} event
+ * and returned by the {@link ModalApi.open|open} method, when the modal is closed by pressing the Escape key.
+ */
+declare const export_modalCloseEscape: typeof modalCloseEscape;
+export { export_modalCloseEscape as modalCloseEscape };
 /**
  * Type of the parameter of {@link ModalProps.onBeforeClose|onBeforeClose}.
  */

package/components/modal/modal.gen.js

@@ -1,4 +1,4 @@
-import { getModalDefaultConfig, createModal, modalOutsideClick, modalCloseButtonClick } from '@agnos-ui/core-bootstrap/components/modal';
+import { getModalDefaultConfig, createModal, modalOutsideClick, modalCloseButtonClick, modalCloseEscape } from '@agnos-ui/core-bootstrap/components/modal';
 /**
  * Retrieve a shallow copy of the default modal config
  * @returns the default modal config
@@ -24,3 +24,9 @@ export { export_modalOutsideClick as modalOutsideClick };
  */
 const export_modalCloseButtonClick = modalCloseButtonClick;
 export { export_modalCloseButtonClick as modalCloseButtonClick };
+/**
+ * Value present in the {@link ModalBeforeCloseEvent.result|result} property of the {@link ModalProps.onBeforeClose|onBeforeClose} event
+ * and returned by the {@link ModalApi.open|open} method, when the modal is closed by pressing the Escape key.
+ */
+const export_modalCloseEscape = modalCloseEscape;
+export { export_modalCloseEscape as modalCloseEscape };

package/components/select/Select.svelte.d.ts

@@ -1,8 +1,17 @@
 import type { SelectApi, SelectProps } from './select.gen';
+declare function $$render<Item>(): {
+    props: Partial<SelectProps<Item>>;
+    exports: {
+        api: SelectApi<Item>;
+    };
+    bindings: "open" | "selected" | "filterText";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<Item> {
-    props(): Partial<SelectProps<Item>>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<Item>>['props'];
+    events(): ReturnType<typeof $$render<Item>>['events'];
+    slots(): ReturnType<typeof $$render<Item>>['slots'];
     bindings(): "open" | "selected" | "filterText";
     exports(): {
         api: SelectApi<Item>;

package/components/slider/slider.gen.d.ts

@@ -213,7 +213,7 @@ export interface SliderProps {
      *
      * @defaultValue
      * ```ts
-     * (value: number) => ''
+     * () => ''
      * ```
      */
     ariaValueText: (value: number, sortedIndex: number) => string;
@@ -245,21 +245,21 @@ export interface SliderProps {
      * Minimum distance between two values.
      * When set to 0, no minimum distance constraint is applied.
      *
-     * @defaultValue 0
+     * @defaultValue `0`
      */
     minRange: number;
     /**
      * Maximum distance between two values
      * When set to 0, no maximum distance constraint is applied.
      *
-     * @defaultValue 0
+     * @defaultValue `0`
      */
     maxRange: number;
     /**
      * When true, if moving a value would break the minRange or maxRange constraint,
      * it will instead push or pull the neighboring values to keep the allowed range rather than just stopping.
      *
-     * @defaultValue false
+     * @defaultValue `false`
      */
     pushRange: boolean;
     /**

package/components/tree/tree.gen.d.ts

@@ -31,12 +31,6 @@ export interface TreeState {
     expandedMap: {
         get(item: NormalizedTreeItem): boolean | undefined;
     };
-    /**
-     * Optional accessibility label for the tree if there is no explicit label
-     *
-     * @defaultValue `''`
-     */
-    ariaLabel?: string;
     /**
      * CSS classes to be applied on the widget main container
      *
@@ -102,12 +96,6 @@ export interface TreeProps {
      * ```
      */
     ariaLabelToggleFn: (label: string) => string;
-    /**
-     * Optional accessibility label for the tree if there is no explicit label
-     *
-     * @defaultValue `''`
-     */
-    ariaLabel?: string;
     /**
      * CSS classes to be applied on the widget main container
      *

package/config.gen.d.ts

@@ -2,6 +2,7 @@ import type { AccordionProps } from './components/accordion';
 import type { AlertProps } from './components/alert';
 import type { CarouselProps } from './components/carousel';
 import type { CollapseProps } from './components/collapse';
+import type { DrawerProps } from './components/drawer';
 import type { ModalProps } from './components/modal';
 import type { PaginationProps } from './components/pagination';
 import type { ProgressbarProps } from './components/progressbar';
@@ -27,6 +28,10 @@ export type WidgetsConfig = {
      * the collapse widget config
      */
     collapse: CollapseProps;
+    /**
+     * the drawer widget config
+     */
+    drawer: DrawerProps;
     /**
      * the modal widget config
      */

package/generated/index.d.ts

@@ -16,6 +16,7 @@ export * from './services/matchMedia';
 export * from './services/intersection';
 export * from './services/hash';
 export * from './services/focustrack';
+export * from './services/focusElement';
 export * from './services/floatingUI';
 export * from './services/extendWidget';
 export * from './services/transitions/simpleClassTransition';

package/generated/index.js

@@ -16,6 +16,7 @@ export * from './services/matchMedia';
 export * from './services/intersection';
 export * from './services/hash';
 export * from './services/focustrack';
+export * from './services/focusElement';
 export * from './services/floatingUI';
 export * from './services/extendWidget';
 export * from './services/transitions/simpleClassTransition';

package/generated/services/focusElement.d.ts

@@ -0,0 +1 @@
+export * from '@agnos-ui/svelte-headless/services/focusElement';

package/generated/services/focusElement.js

@@ -0,0 +1 @@
+export * from '@agnos-ui/svelte-headless/services/focusElement';

package/index.d.ts

@@ -10,4 +10,5 @@ export * from './components/select';
 export * from './components/slider';
 export * from './components/toast';
 export * from './components/tree';
+export * from './components/drawer';
 export * from './generated';

package/index.js

@@ -10,4 +10,6 @@ export * from './components/select';
 export * from './components/slider';
 export * from './components/toast';
 export * from './components/tree';
+export * from './components/drawer';
+// [export-placeholder]
 export * from './generated';

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/svelte-bootstrap",
 	"description": "Bootstrap-based component library for Svelte.",
-	"version": "0.9.3",
+	"version": "0.10.0-next.1",
 	"type": "module",
 	"main": "./index.js",
 	"module": "./index.js",
@@ -49,8 +49,8 @@
 		}
 	},
 	"dependencies": {
-		"@agnos-ui/core-bootstrap": "0.9.3",
-		"@agnos-ui/svelte-headless": "0.9.3"
+		"@agnos-ui/core-bootstrap": "0.10.0-next.1",
+		"@agnos-ui/svelte-headless": "0.10.0-next.1"
 	},
 	"peerDependencies": {
 		"@amadeus-it-group/tansu": "^2.0.0",