@agnos-ui/svelte-bootstrap 0.3.0 → 0.4.0-next.0

package/components/slider/Slider.svelte

@@ -7,8 +7,8 @@ import { callWidgetFactory } from "../../config";
 import SliderDefaultStructure from "./SliderDefaultStructure.svelte";
 import SliderDefaultHandle from "./SliderDefaultHandle.svelte";
 const defaultConfig = {
-  slotStructure: SliderDefaultStructure,
-  slotHandle: SliderDefaultHandle
+  structure: SliderDefaultStructure,
+  handle: SliderDefaultHandle
 };
 </script>
 
@@ -27,19 +27,17 @@ const widget = callWidgetFactory({
 });
 export const api = widget.api;
 const {
-  stores: { slotStructure$ },
+  stores: { structure$ },
   directives: { sliderDirective },
   state$
 } = widget;
-$:
-  widget.patchChangedProps($$props);
-$:
-  slotContext = { widget, state: $state$ };
+$: widget.patchChangedProps($$props);
+$: slotContext = { widget, state: $state$ };
 </script>
 
 <!-- on:blur={onTouched} ?? -->
 <div use:sliderDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(sliderDirective)}>
-	<Slot slotContent={$slotStructure$} props={slotContext} let:component let:props>
+	<Slot slotContent={$structure$} props={slotContext} let:component let:props>
 		<svelte:fragment slot="slot" let:props><slot name="structure" {...props} /></svelte:fragment>
 		<svelte:component this={component} {...props}>
 			<svelte:fragment slot="handle" let:item let:state let:widget><slot name="handle" {item} {state} {widget} /></svelte:fragment>

package/components/slider/Slider.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { SliderApi, SliderProps, SliderSlots } from './slider';
 declare const __propDef: {
     props: {
@@ -8,12 +8,14 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: SliderSlots;
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 type SliderProps_ = typeof __propDef.props;
 export { SliderProps_ as SliderProps };
 export type SliderEvents = typeof __propDef.events;
 type SliderSlots_ = typeof __propDef.slots;
 export { SliderSlots_ as SliderSlots };
-export default class Slider extends SvelteComponentTyped<SliderProps_, SliderEvents, SliderSlots_> {
+export default class Slider extends SvelteComponent<SliderProps_, SliderEvents, SliderSlots_> {
     get api(): SliderApi;
 }

package/components/slider/SliderDefaultHandle.svelte.d.ts

@@ -1,15 +1,17 @@
-import { SvelteComponentTyped } from "svelte";
-import type { SliderSlotHandleContext, SliderSlots } from './slider';
+import { SvelteComponent } from "svelte";
+import type { SliderSlots } from './slider';
 declare const __propDef: {
-    props: SliderSlotHandleContext;
+    props: any;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: SliderSlots;
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SliderDefaultHandleProps = typeof __propDef.props;
 export type SliderDefaultHandleEvents = typeof __propDef.events;
 export type SliderDefaultHandleSlots = typeof __propDef.slots;
-export default class SliderDefaultHandle extends SvelteComponentTyped<SliderDefaultHandleProps, SliderDefaultHandleEvents, SliderDefaultHandleSlots> {
+export default class SliderDefaultHandle extends SvelteComponent<SliderDefaultHandleProps, SliderDefaultHandleEvents, SliderDefaultHandleSlots> {
 }
 export {};

package/components/slider/SliderDefaultStructure.svelte

@@ -4,8 +4,7 @@ import {BROWSER as __AgnosUISveltePreprocess__BROWSER} from 'esm-env';
 import { Slot } from "@agnos-ui/svelte-headless/slot";
 export let state;
 export let widget;
-$:
-  slotContext = { widget, state };
+$: slotContext = { widget, state };
 </script>
 
 {#each state.progressDisplayOptions as option}
@@ -14,7 +13,7 @@ $:
 <div use:widget.directives.clickableAreaDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.clickableAreaDirective)} />
 {#if state.showMinMaxLabels}
 	<div use:widget.directives.minLabelDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.minLabelDirective)}>
-		<Slot slotContent={state.slotLabel} props={{value: state.min, ...slotContext}} let:component let:props>
+		<Slot slotContent={state.label} props={{value: state.min, ...slotContext}} let:component let:props>
 			<svelte:fragment slot="slot" let:props><slot name="label" {...props} /></svelte:fragment>
 			<svelte:component this={component} {...props}>
 				<svelte:fragment slot="handle" let:item let:state let:widget><slot name="handle" {item} {state} {widget} /></svelte:fragment>
@@ -24,7 +23,7 @@ $:
 		</Slot>
 	</div>
 	<div use:widget.directives.maxLabelDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.maxLabelDirective)}>
-		<Slot slotContent={state.slotLabel} props={{value: state.max, ...slotContext}} let:component let:props>
+		<Slot slotContent={state.label} props={{value: state.max, ...slotContext}} let:component let:props>
 			<svelte:fragment slot="slot" let:props><slot name="label" {...props} /></svelte:fragment>
 			<svelte:component this={component} {...props}>
 				<svelte:fragment slot="handle" let:item let:state let:widget><slot name="handle" {item} {state} {widget} /></svelte:fragment>
@@ -37,7 +36,7 @@ $:
 {#if state.showValueLabels && state.combinedLabelDisplay}
 	<div use:widget.directives.combinedHandleLabelDisplayDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.combinedHandleLabelDisplayDirective)}>
 		{#if state.rtl}
-			<Slot slotContent={state.slotLabel} props={{value: state.sortedValues[1], ...slotContext}} let:component let:props>
+			<Slot slotContent={state.label} props={{value: state.sortedValues[1], ...slotContext}} let:component let:props>
 				<svelte:fragment slot="slot" let:props><slot name="label" {...props} /></svelte:fragment>
 				<svelte:component this={component} {...props}>
 					<svelte:fragment slot="handle" let:item let:state let:widget><slot name="handle" {item} {state} {widget} /></svelte:fragment>
@@ -45,7 +44,7 @@ $:
 					<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
 				</svelte:component>
 			</Slot> -
-			<Slot slotContent={state.slotLabel} props={{value: state.sortedValues[0], ...slotContext}} let:component let:props>
+			<Slot slotContent={state.label} props={{value: state.sortedValues[0], ...slotContext}} let:component let:props>
 				<svelte:fragment slot="slot" let:props><slot name="label" {...props} /></svelte:fragment>
 				<svelte:component this={component} {...props}>
 					<svelte:fragment slot="handle" let:item let:state let:widget><slot name="handle" {item} {state} {widget} /></svelte:fragment>
@@ -54,7 +53,7 @@ $:
 				</svelte:component>
 			</Slot>
 		{:else}
-			<Slot slotContent={state.slotLabel} props={{value: state.sortedValues[0], ...slotContext}} let:component let:props>
+			<Slot slotContent={state.label} props={{value: state.sortedValues[0], ...slotContext}} let:component let:props>
 				<svelte:fragment slot="slot" let:props><slot name="label" {...props} /></svelte:fragment>
 				<svelte:component this={component} {...props}>
 					<svelte:fragment slot="handle" let:item let:state let:widget><slot name="handle" {item} {state} {widget} /></svelte:fragment>
@@ -62,7 +61,7 @@ $:
 					<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
 				</svelte:component>
 			</Slot> -
-			<Slot slotContent={state.slotLabel} props={{value: state.sortedValues[1], ...slotContext}} let:component let:props>
+			<Slot slotContent={state.label} props={{value: state.sortedValues[1], ...slotContext}} let:component let:props>
 				<svelte:fragment slot="slot" let:props><slot name="label" {...props} /></svelte:fragment>
 				<svelte:component this={component} {...props}>
 					<svelte:fragment slot="handle" let:item let:state let:widget><slot name="handle" {item} {state} {widget} /></svelte:fragment>
@@ -74,7 +73,7 @@ $:
 	</div>
 {/if}
 {#each state.sortedHandles as item, i (item.id)}
-	<Slot slotContent={state.slotHandle} props={{item, ...slotContext}} let:component let:props>
+	<Slot slotContent={state.handle} props={{item, ...slotContext}} let:component let:props>
 		<svelte:fragment slot="slot" let:props><slot name="handle" {...props} /></svelte:fragment>
 		<svelte:component this={component} {...props}>
 			<svelte:fragment slot="handle" let:item let:state let:widget><slot name="handle" {item} {state} {widget} /></svelte:fragment>
@@ -84,7 +83,7 @@ $:
 	</Slot>
 	{#if state.showValueLabels && !state.combinedLabelDisplay}
 		<div use:widget.directives.handleLabelDisplayDirective={{index: i}} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes([widget.directives.handleLabelDisplayDirective, {index: i}])}>
-			<Slot slotContent={state.slotLabel} props={{value: state.values[i], ...slotContext}} let:component let:props>
+			<Slot slotContent={state.label} props={{value: state.values[i], ...slotContext}} let:component let:props>
 				<svelte:fragment slot="slot" let:props><slot name="label" {...props} /></svelte:fragment>
 				<svelte:component this={component} {...props}>
 					<svelte:fragment slot="handle" let:item let:state let:widget><slot name="handle" {item} {state} {widget} /></svelte:fragment>

package/components/slider/SliderDefaultStructure.svelte.d.ts

@@ -1,15 +1,17 @@
-import { SvelteComponentTyped } from "svelte";
-import type { SliderContext, SliderSlots } from './slider';
+import { SvelteComponent } from "svelte";
+import type { SliderSlots } from './slider';
 declare const __propDef: {
-    props: SliderContext;
+    props: WidgetSlotContext<Widget<import("./slider.gen").SliderProps, import("./slider.gen").SliderState, import("./slider.gen").SliderApi, import("./slider.gen").SliderActions, import("./slider.gen").SliderDirectives>>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: SliderSlots;
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SliderDefaultStructureProps = typeof __propDef.props;
 export type SliderDefaultStructureEvents = typeof __propDef.events;
 export type SliderDefaultStructureSlots = typeof __propDef.slots;
-export default class SliderDefaultStructure extends SvelteComponentTyped<SliderDefaultStructureProps, SliderDefaultStructureEvents, SliderDefaultStructureSlots> {
+export default class SliderDefaultStructure extends SvelteComponent<SliderDefaultStructureProps, SliderDefaultStructureEvents, SliderDefaultStructureSlots> {
 }
 export {};

package/components/slider/slider.d.ts

@@ -1,20 +1,7 @@
-export * from '@agnos-ui/core-bootstrap/components/slider';
-import type { AdaptWidgetSlots, WidgetPropsSlots, WidgetFactory, WidgetProps, WidgetState, PropType, AdaptSlotContentProps } from '@agnos-ui/svelte-headless/types';
-import type { SliderWidget as CoreWidget, SliderContext as CoreContext, SliderSlotLabelContext as CoreLabelContext, SliderSlotHandleContext as CoreHandleContext } from '@agnos-ui/core-bootstrap/components/slider';
-export interface SliderWidget extends AdaptWidgetSlots<CoreWidget> {
-}
-export interface SliderProps extends WidgetProps<SliderWidget> {
-}
-export interface SliderState extends WidgetState<SliderWidget> {
-}
-export interface SliderApi extends PropType<SliderWidget, 'api'> {
-}
+import type { WidgetPropsSlots, WidgetFactory } from '@agnos-ui/svelte-headless/types';
+import type { SliderWidget, SliderProps } from './slider.gen';
+export type * from './slider.gen';
+export declare const createSlider: WidgetFactory<SliderWidget>;
+export declare const getSliderDefaultConfig: () => SliderProps;
 export interface SliderSlots extends WidgetPropsSlots<SliderProps> {
 }
-export interface SliderContext extends AdaptSlotContentProps<CoreContext> {
-}
-export interface SliderSlotHandleContext extends AdaptSlotContentProps<CoreHandleContext> {
-}
-export interface SliderSlotLabelContext extends AdaptSlotContentProps<CoreLabelContext> {
-}
-export declare const createSlider: WidgetFactory<SliderWidget>;

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

@@ -0,0 +1,293 @@
+import type { WidgetSlotContext, SlotContent, Widget, Directive } from '@agnos-ui/svelte-headless/types';
+export type SliderContext = WidgetSlotContext<SliderWidget>;
+export type SliderSlotLabelContext = SliderContext & {
+    value: number;
+};
+export type SliderSlotHandleContext = SliderContext & {
+    item: SliderHandle;
+};
+export interface SliderState {
+    /**
+     * Sorted slider values
+     */
+    sortedValues: number[];
+    /**
+     * Combined label left offset in %
+     */
+    combinedLabelPositionLeft: number;
+    /**
+     * Combined label top offset in %
+     */
+    combinedLabelPositionTop: number;
+    /**
+     * If true, the minimum label will be visible
+     */
+    minValueLabelDisplay: boolean;
+    /**
+     * If true, the maximum label will be visible
+     */
+    maxValueLabelDisplay: boolean;
+    /**
+     * If true, the label when the handles are close is visible
+     */
+    combinedLabelDisplay: boolean;
+    /**
+     * Array of the sorted handles to display
+     */
+    sortedHandles: SliderHandle[];
+    /**
+     * Array of objects representing progress display options
+     */
+    progressDisplayOptions: ProgressDisplayOptions[];
+    /**
+     * Array of objects representing handle display options
+     */
+    handleDisplayOptions: HandleDisplayOptions[];
+    /**
+     * Check if the slider is interactive, meaning it is not disabled or readonly
+     */
+    interactive: boolean;
+    /**
+     * Minimum value that can be assigned to the slider
+     */
+    min: number;
+    /**
+     * Maximum value that can be assigned to the slider
+     */
+    max: number;
+    /**
+     * Unit value between slider steps
+     */
+    stepSize: number;
+    /**
+     * If `true` slider value cannot be changed but the slider is still focusable
+     */
+    readonly: boolean;
+    /**
+     * If `true` slider value cannot be changed and the slider cannot be focused
+     */
+    disabled: boolean;
+    /**
+     * If `true` is vertically positioned otherwise it is horizontal
+     */
+    vertical: boolean;
+    /**
+     * Current slider values
+     */
+    values: number[];
+    /**
+     * If `true` the value labels are displayed on the slider
+     */
+    showValueLabels: boolean;
+    /**
+     * If `true` the min and max labels are displayed on the slider
+     */
+    showMinMaxLabels: boolean;
+    /**
+     * It `true` slider display is inversed
+     */
+    rtl: boolean;
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string;
+    /**
+     * Slot to change the default display of the slider
+     */
+    structure: SlotContent<SliderContext>;
+    /**
+     * Slot to change the default labels of the slider
+     */
+    label: SlotContent<SliderSlotLabelContext>;
+    /**
+     * Slot to change the handlers
+     */
+    handle: SlotContent<SliderSlotHandleContext>;
+}
+export interface SliderProps {
+    /**
+     * Return the value for the 'aria-label' attribute for the handle
+     */
+    ariaLabelHandle: (value: number, sortedIndex: number, index: number) => string;
+    /**
+     * Return the value for the 'aria-valuetext' attribute for the handle
+     */
+    ariaValueText: (value: number, sortedIndex: number, index: number) => string;
+    /**
+     * An event emitted when slider values are changed
+     *
+     * Event payload equals to the updated slider values
+     */
+    onValuesChange: (values: number[]) => void;
+    /**
+     * Minimum value that can be assigned to the slider
+     */
+    min: number;
+    /**
+     * Maximum value that can be assigned to the slider
+     */
+    max: number;
+    /**
+     * Unit value between slider steps
+     */
+    stepSize: number;
+    /**
+     * If `true` slider value cannot be changed but the slider is still focusable
+     */
+    readonly: boolean;
+    /**
+     * If `true` slider value cannot be changed and the slider cannot be focused
+     */
+    disabled: boolean;
+    /**
+     * If `true` is vertically positioned otherwise it is horizontal
+     */
+    vertical: boolean;
+    /**
+     * Current slider values
+     */
+    values: number[];
+    /**
+     * If `true` the value labels are displayed on the slider
+     */
+    showValueLabels: boolean;
+    /**
+     * If `true` the min and max labels are displayed on the slider
+     */
+    showMinMaxLabels: boolean;
+    /**
+     * It `true` slider display is inversed
+     */
+    rtl: boolean;
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string;
+    /**
+     * Slot to change the default display of the slider
+     */
+    structure: SlotContent<SliderContext>;
+    /**
+     * Slot to change the default labels of the slider
+     */
+    label: SlotContent<SliderSlotLabelContext>;
+    /**
+     * Slot to change the handlers
+     */
+    handle: SlotContent<SliderSlotHandleContext>;
+}
+export type SliderWidget = Widget<SliderProps, SliderState, SliderApi, SliderActions, SliderDirectives>;
+export interface ProgressDisplayOptions {
+    /**
+     * Right offset of the progress in %
+     */
+    left: number | null;
+    /**
+     * Left offset of the progress in %
+     */
+    right: number | null;
+    /**
+     * Top offset of the progress in %
+     */
+    top: number | null;
+    /**
+     * Bottom offset of the progress in %
+     */
+    bottom: number | null;
+    /**
+     * Width of the progress in %
+     */
+    width: number;
+    /**
+     * Height of hte progress in %
+     */
+    height: number;
+}
+export interface HandleDisplayOptions {
+    /**
+     * Left offset of the handle in %
+     */
+    left: number | null;
+    /**
+     * Top offset of the handle in %
+     */
+    top: number | null;
+}
+export interface SliderHandle {
+    /**
+     * Value of the handle
+     */
+    value: number;
+    /**
+     * Handle id
+     */
+    id: number;
+    /**
+     * ariaLabel of the handle
+     */
+    ariaLabel: string;
+    /**
+     * ariaValueText of the handle
+     */
+    ariaValueText: string;
+}
+export interface SliderApi {
+}
+export interface SliderDirectives {
+    /**
+     * Directive to get the slider component elementRef
+     */
+    sliderDirective: Directive;
+    /**
+     * Directive used to style the progress display for each handle
+     */
+    progressDisplayDirective: Directive<{
+        option: ProgressDisplayOptions;
+    }>;
+    /**
+     * Directive to apply to the slider clickable area, to directly move the handle to a given specific position
+     */
+    clickableAreaDirective: Directive;
+    /**
+     * Directive to apply to the slider handle if any
+     */
+    handleDirective: Directive<{
+        item: SliderHandle;
+    }>;
+    /**
+     * Directive to get the minLabel elementRef
+     */
+    minLabelDirective: Directive;
+    /**
+     * Directive to get the maxLabel elementRef
+     */
+    maxLabelDirective: Directive;
+    /**
+     * Directive to apply to the handle when combined label display is active
+     */
+    combinedHandleLabelDisplayDirective: Directive;
+    /**
+     * Directive to apply to the handle when combined label display is not active
+     */
+    handleLabelDisplayDirective: Directive<{
+        index: number;
+    }>;
+}
+export interface SliderActions {
+    /**
+     * Method to handle click on the slider
+     */
+    click(event: MouseEvent): void;
+    /**
+     * Method to process the keyboard event
+     */
+    keydown(event: KeyboardEvent, handleNumber: number): void;
+    /**
+     * Method describing the behavior of the slider handle on mouse down event
+     */
+    mouseDown(event: MouseEvent, handleId: number): void;
+    /**
+     * Method describing the behavior of the slider handle on touch start event
+     */
+    touchStart(event: TouchEvent, handleId: number): void;
+}

package/components/slider/slider.gen.js

@@ -0,0 +1 @@
+export {};

package/components/slider/slider.js

@@ -1,4 +1,3 @@
-export * from '@agnos-ui/core-bootstrap/components/slider';
-import { createSlider as coreCreateSlider } from '@agnos-ui/core-bootstrap/components/slider';
-// factory
+import { createSlider as coreCreateSlider, getSliderDefaultConfig as coreGetSliderDefaultConfig } from '@agnos-ui/core-bootstrap/components/slider';
 export const createSlider = coreCreateSlider;
+export const getSliderDefaultConfig = coreGetSliderDefaultConfig;

package/components/toast/Toast.svelte

@@ -6,7 +6,7 @@ import { createToast } from "./toast";
 import { callWidgetFactory } from "../../config";
 import ToastDefaultStructure from "./ToastDefaultStructure.svelte";
 const defaultConfig = {
-  slotStructure: ToastDefaultStructure
+  structure: ToastDefaultStructure
 };
 </script>
 
@@ -25,26 +25,17 @@ const defaultConfig = {
 export let visible = void 0;
 export const api = widget.api;
 const {
-  stores: { slotStructure$, hidden$ },
+  stores: { structure$, hidden$, header$, dismissible$ },
   directives: { transitionDirective, autoHideDirective, bodyDirective },
   state$
 } = widget;
-$:
-  widget.patchChangedProps($$props);
-$:
-  slotContext = { widget, state: $state$ };
+$: widget.patchChangedProps($$props);
+$: slotContext = { widget, state: $state$ };
 </script>
 
 {#if !$hidden$}
-	<div
-		use:__AgnosUISveltePreprocess__classDirective={"toast"}
-		class:toast-dismissible={$state$.dismissible}
-		class:d-flex={!$state$.slotHeader}
-		use:transitionDirective
-		use:autoHideDirective
-		use:bodyDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(transitionDirective, autoHideDirective, bodyDirective, [__AgnosUISveltePreprocess__classDirective, "toast"])}
-	>
-		<Slot slotContent={$slotStructure$} props={slotContext} let:component let:props>
+	<div use:__AgnosUISveltePreprocess__classDirective={"toast"} class:toast-dismissible={$dismissible$} class:d-flex={!$header$} use:transitionDirective use:autoHideDirective use:bodyDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(transitionDirective, autoHideDirective, bodyDirective, [__AgnosUISveltePreprocess__classDirective, "toast"])}>
+		<Slot slotContent={$structure$} props={slotContext} let:component let:props>
 			<svelte:fragment slot="slot" let:props><slot name="structure" {...props} /></svelte:fragment>
 			<svelte:component this={component} {...props}>
 				<svelte:fragment let:state let:widget><slot {state} {widget} /></svelte:fragment>

package/components/toast/Toast.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { ToastApi, ToastProps, ToastSlots } from './toast';
 declare const __propDef: {
     props: {
@@ -8,12 +8,14 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: ToastSlots;
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 type ToastProps_ = typeof __propDef.props;
 export { ToastProps_ as ToastProps };
 export type ToastEvents = typeof __propDef.events;
 type ToastSlots_ = typeof __propDef.slots;
 export { ToastSlots_ as ToastSlots };
-export default class Toast extends SvelteComponentTyped<ToastProps_, ToastEvents, ToastSlots_> {
+export default class Toast extends SvelteComponent<ToastProps_, ToastEvents, ToastSlots_> {
     get api(): ToastApi;
 }

package/components/toast/ToastDefaultStructure.svelte

@@ -4,13 +4,12 @@ import {BROWSER as __AgnosUISveltePreprocess__BROWSER} from 'esm-env';
 import { Slot } from "@agnos-ui/svelte-headless/slot";
 export let state;
 export let widget;
-$:
-  slotContext = { widget, state };
+$: slotContext = { widget, state };
 </script>
 
-{#if state.slotHeader}
+{#if state.header}
 	<div class="toast-header">
-		<Slot slotContent={state.slotHeader} props={slotContext} let:component let:props>
+		<Slot slotContent={state.header} props={slotContext} let:component let:props>
 			<svelte:fragment slot="slot" let:props><slot name="header" {...props} /></svelte:fragment>
 			<svelte:component this={component} {...props}>
 				<svelte:fragment let:state let:widget><slot {state} {widget} /></svelte:fragment>
@@ -25,7 +24,7 @@ $:
 {/if}
 
 <div class="toast-body">
-	<Slot slotContent={state.slotDefault} props={slotContext} let:component let:props>
+	<Slot slotContent={state.children} props={slotContext} let:component let:props>
 		<svelte:fragment slot="slot" let:props><slot {...props} /></svelte:fragment>
 		<svelte:component this={component} {...props}>
 			<svelte:fragment let:state let:widget><slot {state} {widget} /></svelte:fragment>
@@ -34,6 +33,6 @@ $:
 		</svelte:component>
 	</Slot>
 </div>
-{#if state.dismissible && !state.slotHeader}
+{#if state.dismissible && !state.header}
 	<button use:__AgnosUISveltePreprocess__classDirective={"btn-close btn-close-white me-2 m-auto"} use:widget.directives.closeButtonDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.closeButtonDirective, [__AgnosUISveltePreprocess__classDirective, "btn-close btn-close-white me-2 m-auto"])} />
 {/if}

package/components/toast/ToastDefaultStructure.svelte.d.ts

@@ -1,15 +1,17 @@
-import { SvelteComponentTyped } from "svelte";
-import type { ToastContext, ToastSlots } from './toast';
+import { SvelteComponent } from "svelte";
+import type { ToastSlots } from './toast';
 declare const __propDef: {
-    props: ToastContext;
+    props: WidgetSlotContext<Widget<import("./toast.gen").ToastProps, import("./toast.gen").ToastState, import("./toast.gen").ToastApi, object, import("./toast.gen").ToastDirectives>>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: ToastSlots;
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ToastDefaultStructureProps = typeof __propDef.props;
 export type ToastDefaultStructureEvents = typeof __propDef.events;
 export type ToastDefaultStructureSlots = typeof __propDef.slots;
-export default class ToastDefaultStructure extends SvelteComponentTyped<ToastDefaultStructureProps, ToastDefaultStructureEvents, ToastDefaultStructureSlots> {
+export default class ToastDefaultStructure extends SvelteComponent<ToastDefaultStructureProps, ToastDefaultStructureEvents, ToastDefaultStructureSlots> {
 }
 export {};

package/components/toast/toast.d.ts

@@ -1,16 +1,7 @@
-export * from '@agnos-ui/core-bootstrap/components/toast';
-import type { AdaptWidgetSlots, WidgetPropsSlots, WidgetFactory, WidgetProps, WidgetState, PropType, AdaptSlotContentProps } from '@agnos-ui/svelte-headless/types';
-import type { ToastWidget as CoreWidget, ToastContext as CoreContext } from '@agnos-ui/core-bootstrap/components/toast';
-export interface ToastWidget extends AdaptWidgetSlots<CoreWidget> {
-}
-export interface ToastProps extends WidgetProps<ToastWidget> {
-}
-export interface ToastState extends WidgetState<ToastWidget> {
-}
-export interface ToastApi extends PropType<ToastWidget, 'api'> {
-}
+import type { WidgetPropsSlots, WidgetFactory } from '@agnos-ui/svelte-headless/types';
+import type { ToastWidget, ToastProps } from './toast.gen';
+export type * from './toast.gen';
+export declare const createToast: WidgetFactory<ToastWidget>;
+export declare const getToastDefaultConfig: () => ToastProps;
 export interface ToastSlots extends WidgetPropsSlots<ToastProps> {
 }
-export interface ToastContext extends AdaptSlotContentProps<CoreContext> {
-}
-export declare const createToast: WidgetFactory<ToastWidget>;