@agnos-ui/svelte-bootstrap 0.4.4 → 0.5.0-next.0

package/components/alert/alert.gen.d.ts

@@ -7,7 +7,14 @@ import type { TransitionFn } from '@agnos-ui/svelte-headless/services/transition
  */
 declare const export_getAlertDefaultConfig: () => AlertProps;
 export { export_getAlertDefaultConfig as getAlertDefaultConfig };
-export type AlertContext = WidgetSlotContext<AlertWidget>;
+/**
+ * Represents the context for an Alert component.
+ */
+export interface AlertContext extends WidgetSlotContext<AlertWidget> {
+}
+/**
+ * Represents the state of an alert component.
+ */
 export interface AlertState {
     /**
      * Is `true` when the alert is hidden. Compared to `visible`, this is updated after the transition is executed.
@@ -53,6 +60,9 @@ export interface AlertState {
      */
     type: BSContextualClass;
 }
+/**
+ * Represents the properties for the Alert component.
+ */
 export interface AlertProps {
     /**
      * The transition function will be executed when the alert is displayed or hidden.
@@ -147,7 +157,10 @@ export interface AlertProps {
      */
     type: BSContextualClass;
 }
-export type AlertWidget = Widget<AlertProps, AlertState, AlertApi, object, AlertDirectives>;
+/**
+ * Represents an alert widget component.
+ */
+export type AlertWidget = Widget<AlertProps, AlertState, AlertApi, AlertDirectives>;
 /**
  * Create an AlertWidget with given config props
  * @param config - an optional alert config
@@ -155,6 +168,9 @@ export type AlertWidget = Widget<AlertProps, AlertState, AlertApi, object, Alert
  */
 declare const export_createAlert: WidgetFactory<AlertWidget>;
 export { export_createAlert as createAlert };
+/**
+ * Represents the API for an alert component.
+ */
 export interface AlertApi {
     /**
      * Triggers alert closing programmatically (same as clicking on the close button (×)).
@@ -165,6 +181,9 @@ export interface AlertApi {
      */
     open(): void;
 }
+/**
+ * Represents the directives for an alert component.
+ */
 export interface AlertDirectives {
     /**
      * the transition directive, piloting what is the visual effect of going from hidden to visible

package/components/alert/index.d.ts

@@ -1,3 +1,3 @@
 import Alert from './Alert.svelte';
-export * from './alert';
+export * from './alert.gen';
 export { Alert };

package/components/alert/index.js

@@ -1,3 +1,3 @@
 import Alert from './Alert.svelte';
-export * from './alert';
+export * from './alert.gen';
 export { Alert };

package/components/collapse/Collapse.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+import {ssrAttributes as __AgnosUISveltePreprocess__ssrAttributes} from '@agnos-ui/svelte-headless/utils/directive';
+import {BROWSER as __AgnosUISveltePreprocess__BROWSER} from 'esm-env';
+
+	import type {CollapseProps, CollapseApi} from './collapse.gen';
+	import {createCollapse} from './collapse.gen';
+	import {callWidgetFactory} from '../../config';
+	import type {Snippet} from 'svelte';
+
+	let {children, visible = $bindable(), ...props}: Partial<CollapseProps> & {children: Snippet} = $props();
+
+	const {
+		directives: {collapseDirective},
+		api: collapseApi,
+	} = callWidgetFactory({
+		factory: createCollapse,
+		widgetName: 'collapse',
+		get props() {
+			return {...props, visible};
+		},
+		events: {
+			onVisibleChange: (event) => {
+				visible = event;
+			},
+		},
+		enablePatchChanged: true,
+	});
+	export const api: CollapseApi = collapseApi;
+</script>
+
+<div use:collapseDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(collapseDirective)}>
+	{@render children()}
+</div>

package/components/collapse/Collapse.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { CollapseProps, CollapseApi } from './collapse.gen';
+import type { Snippet } from 'svelte';
+declare const Collapse: import("svelte").Component<Partial<CollapseProps> & {
+    children: Snippet;
+}, {
+    api: CollapseApi;
+}, "visible">;
+export default Collapse;

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

@@ -0,0 +1,146 @@
+import type { PropsConfig, Directive, Widget } from '@agnos-ui/svelte-headless/types';
+/**
+ * Retrieve a shallow copy of the default collapse config
+ * @returns the default collapse config
+ */
+declare const export_getCollapseDefaultConfig: () => CollapseProps;
+export { export_getCollapseDefaultConfig as getCollapseDefaultConfig };
+/**
+ * Create an CollapseWidget with given config props
+ * @param config - an optional collapse config
+ * @returns an CollapseWidget
+ */
+declare const export_createCollapse: (config?: PropsConfig<CollapseProps>) => CollapseWidget;
+export { export_createCollapse as createCollapse };
+/**
+ * Represents the state of a collapse component.
+ * Extends the properties and state from `CollapseCommonPropsAndState`.
+ */
+export interface CollapseState {
+    /**
+     * Is `true` when the collapse is hidden. Compared to `visible`, this is updated after the transition is executed.
+     */
+    hidden: boolean;
+    /**
+     * CSS classes to be applied on the widget main container
+     *
+     * @defaultValue `''`
+     */
+    className: string;
+    /**
+     * If `true`, collapse will be done horizontally.
+     *
+     * @defaultValue `false`
+     */
+    horizontal: boolean;
+    /**
+     * If `true` the collapse is visible to the user
+     *
+     * @defaultValue `true`
+     */
+    visible: boolean;
+}
+/**
+ * Properties for the Collapse component.
+ */
+export interface CollapseProps {
+    /**
+     * Callback called when the collapse visibility changed.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     * @param visible - The new visibility state of the collapse.
+     */
+    onVisibleChange: (visible: boolean) => void;
+    /**
+     * Callback called when the collapse is hidden.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onHidden: () => void;
+    /**
+     * Callback called when the collapse is shown.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onShown: () => void;
+    /**
+     * If `true`, collapse opening will be animated at init time.
+     *
+     * @defaultValue `false`
+     */
+    animatedOnInit: boolean;
+    /**
+     * If `true`, collapse closing and opening will be animated.
+     *
+     * @defaultValue `true`
+     */
+    animated: boolean;
+    /**
+     * id of the collapse
+     *
+     * @defaultValue `''`
+     */
+    id: string;
+    /**
+     * CSS classes to be applied on the widget main container
+     *
+     * @defaultValue `''`
+     */
+    className: string;
+    /**
+     * If `true`, collapse will be done horizontally.
+     *
+     * @defaultValue `false`
+     */
+    horizontal: boolean;
+    /**
+     * If `true` the collapse is visible to the user
+     *
+     * @defaultValue `true`
+     */
+    visible: boolean;
+}
+/**
+ * Interface representing the API for a collapsible component.
+ */
+export interface CollapseApi {
+    /**
+     * Triggers collapse closing programmatically.
+     */
+    close(): void;
+    /**
+     * Triggers the collapse content to be displayed for the user.
+     */
+    open(): void;
+    /**
+     * Toggles the collapse content visibility.
+     */
+    toggle(): void;
+}
+/**
+ * Interface representing the directives used in a collapse component.
+ */
+export interface CollapseDirectives {
+    /**
+     * Directive to apply the collapse.
+     */
+    collapseDirective: Directive;
+}
+/**
+ * Represents a widget for handling collapse functionality.
+ *
+ * This type defines the structure of a CollapseWidget, which includes properties, state, API, and directives
+ * necessary for managing the collapse behavior in the UI.
+ *
+ * @type {Widget<CollapseProps, CollapseState, CollapseApi, CollapseDirectives>}
+ */
+export type CollapseWidget = Widget<CollapseProps, CollapseState, CollapseApi, CollapseDirectives>;

package/components/collapse/collapse.gen.js

@@ -0,0 +1,14 @@
+import { getCollapseDefaultConfig, createCollapse } from '@agnos-ui/core-bootstrap/components/collapse';
+/**
+ * Retrieve a shallow copy of the default collapse config
+ * @returns the default collapse config
+ */
+const export_getCollapseDefaultConfig = getCollapseDefaultConfig;
+export { export_getCollapseDefaultConfig as getCollapseDefaultConfig };
+/**
+ * Create an CollapseWidget with given config props
+ * @param config - an optional collapse config
+ * @returns an CollapseWidget
+ */
+const export_createCollapse = createCollapse;
+export { export_createCollapse as createCollapse };

package/components/collapse/index.d.ts

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

package/components/collapse/index.js

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

package/components/modal/Modal.svelte

@@ -1,59 +1,57 @@
-<script context="module">
+<script lang="ts" generics="Data">
 import {ssrAttributes as __AgnosUISveltePreprocess__ssrAttributes, classDirective as __AgnosUISveltePreprocess__classDirective} from '@agnos-ui/svelte-headless/utils/directive';
 import {BROWSER as __AgnosUISveltePreprocess__BROWSER} from 'esm-env';
-import { toSlotContextWidget } from "@agnos-ui/svelte-headless/types";
-import { createModal } from "./modal";
-import { Slot } from "@agnos-ui/svelte-headless/slot";
-import { callWidgetFactory } from "../../config";
-import ModalDefaultHeader from "./ModalDefaultHeader.svelte";
-import ModalDefaultStructure from "./ModalDefaultStructure.svelte";
-const defaultConfig = {
-  structure: ModalDefaultStructure,
-  header: ModalDefaultHeader
-};
-</script>
 
-<script>export let visible = void 0;
-const widget = callWidgetFactory({
-  factory: createModal,
-  widgetName: "modal",
-  $$slots,
-  $$props,
-  defaultConfig,
-  events: {
-    onVisibleChange: (event) => {
-      visible = event;
-    }
-  }
-});
-export const api = widget.api;
-const {
-  stores: { backdropHidden$, hidden$, structure$ },
-  directives: { backdropDirective, backdropPortalDirective, modalDirective, modalPortalDirective },
-  state$
-} = widget;
-$: widget.patchChangedProps($$props);
-$: slotContext = { widget: toSlotContextWidget(widget), state: $state$ };
+	import type {ModalWidget, ModalProps, ModalApi, ModalContext} from './modal.gen';
+	import {createModal} from './modal.gen';
+	import {Slot} from '@agnos-ui/svelte-headless/slot';
+	import {callWidgetFactory} from '../../config';
+	import ModalDefaultHeader from './ModalDefaultHeader.svelte';
+	import ModalDefaultStructure from './ModalDefaultStructure.svelte';
+
+	let {visible = $bindable(), ...props}: Partial<ModalProps<Data>> = $props();
+
+	const widget = callWidgetFactory<ModalWidget<Data>>({
+		factory: createModal,
+		widgetName: 'modal',
+		get props() {
+			return {...props, visible};
+		},
+		enablePatchChanged: true,
+		defaultConfig: {
+			header,
+			structure,
+		},
+		events: {
+			onVisibleChange: (event) => {
+				visible = event;
+			},
+		},
+	});
+	export const api: ModalApi<Data> = widget.api;
+
+	const {
+		directives: {backdropDirective, backdropPortalDirective, modalDirective, modalPortalDirective},
+		state,
+	} = widget;
 </script>
 
-{#if !$backdropHidden$}
-	<div use:__AgnosUISveltePreprocess__classDirective={"modal-backdrop"} use:backdropPortalDirective use:backdropDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(backdropPortalDirective, backdropDirective, [__AgnosUISveltePreprocess__classDirective, "modal-backdrop"])} />
+{#snippet structure(props: ModalContext<Data>)}
+	<ModalDefaultStructure {...props} />
+{/snippet}
+{#snippet header(props: ModalContext<Data>)}
+	<ModalDefaultHeader {...props} />
+{/snippet}
+
+{#if !state.backdropHidden}
+	<div use:__AgnosUISveltePreprocess__classDirective={"modal-backdrop"} use:backdropPortalDirective use:backdropDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(backdropPortalDirective, backdropDirective, [__AgnosUISveltePreprocess__classDirective, "modal-backdrop"])}></div>
 {/if}
 
-{#if !$hidden$}
+{#if !state.hidden}
 	<div use:__AgnosUISveltePreprocess__classDirective={"modal d-block"} use:modalPortalDirective use:modalDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(modalPortalDirective, modalDirective, [__AgnosUISveltePreprocess__classDirective, "modal d-block"])}>
-		<div class="modal-dialog {$state$.fullscreen ? 'modal-fullscreen' : ''}">
+		<div class="modal-dialog {state.fullscreen ? 'modal-fullscreen' : ''}">
 			<div class="modal-content">
-				<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>
-						<svelte:fragment slot="footer" let:state let:widget><slot name="footer" {state} {widget} /></svelte:fragment>
-						<svelte:fragment slot="header" let:state let:widget><slot name="header" {state} {widget} /></svelte:fragment>
-						<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
-						<svelte:fragment slot="title" let:state let:widget><slot name="title" {state} {widget} /></svelte:fragment>
-					</svelte:component>
-				</Slot>
+				<Slot content={state.structure} props={widget} />
 			</div>
 		</div>
 	</div>

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

@@ -1,18 +1,20 @@
-import { SvelteComponent } from "svelte";
-import type { ModalProps, ModalSlots, ModalApi } from './modal';
+import type { ModalProps, ModalApi } from './modal.gen';
 declare class __sveltets_Render<Data> {
-    props(): {
-        api?: ModalApi<Data> | undefined;
-    } & Partial<ModalProps<Data>>;
-    events(): {} & {
-        [evt: string]: CustomEvent<any>;
+    props(): Partial<ModalProps<Data>>;
+    events(): {};
+    slots(): {};
+    bindings(): "visible";
+    exports(): {
+        api: ModalApi<Data>;
     };
-    slots(): ModalSlots;
 }
-export type ModalProps_<Data> = ReturnType<__sveltets_Render<Data>['props']>;
-export type ModalEvents<Data> = ReturnType<__sveltets_Render<Data>['events']>;
-export type ModalSlots_<Data> = ReturnType<__sveltets_Render<Data>['slots']>;
-export default class Modal<Data> extends SvelteComponent<ModalProps_<Data>, ModalEvents<Data>, ModalSlots_<Data>> {
-    get api(): ModalApi<Data>;
+interface $$IsomorphicComponent {
+    new <Data>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Data>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Data>['props']>, ReturnType<__sveltets_Render<Data>['events']>, ReturnType<__sveltets_Render<Data>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<Data>['bindings']>;
+    } & ReturnType<__sveltets_Render<Data>['exports']>;
+    <Data>(internal: unknown, props: ReturnType<__sveltets_Render<Data>['props']> & {}): ReturnType<__sveltets_Render<Data>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
-export {};
+declare const Modal: $$IsomorphicComponent;
+type Modal<Data> = InstanceType<typeof Modal<Data>>;
+export default Modal;

package/components/modal/ModalDefaultHeader.svelte

@@ -1,24 +1,17 @@
-<script>
+<script lang="ts" generics="Data">
 import {ssrAttributes as __AgnosUISveltePreprocess__ssrAttributes, classDirective as __AgnosUISveltePreprocess__classDirective} from '@agnos-ui/svelte-headless/utils/directive';
 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 };
+
+	import type {ModalContext} from './modal.gen';
+	import {Slot} from '@agnos-ui/svelte-headless/slot';
+
+	let widget: ModalContext<Data> = $props();
 </script>
 
 <h5 class="modal-title">
-	<Slot slotContent={state.title} props={slotContext} let:component let:props>
-		<svelte:fragment slot="slot" let:props><slot name="title" {...props} /></svelte:fragment>
-		<svelte:component this={component} {...props}>
-			<svelte:fragment let:state let:widget><slot {state} {widget} /></svelte:fragment>
-			<svelte:fragment slot="footer" let:state let:widget><slot name="footer" {state} {widget} /></svelte:fragment>
-			<svelte:fragment slot="header" let:state let:widget><slot name="header" {state} {widget} /></svelte:fragment>
-			<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
-			<svelte:fragment slot="title" let:state let:widget><slot name="title" {state} {widget} /></svelte:fragment>
-		</svelte:component>
-	</Slot>
+	<Slot content={widget.state.title} props={widget} />
 </h5>
-{#if state.closeButton}
-	<button use:__AgnosUISveltePreprocess__classDirective={"btn-close"} use:widget.directives.closeButtonDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.closeButtonDirective, [__AgnosUISveltePreprocess__classDirective, "btn-close"])} />
+{#if widget.state.closeButton}
+	<!-- svelte-ignore a11y_consider_explicit_label -->
+	<button use:__AgnosUISveltePreprocess__classDirective={"btn-close"} use:widget.directives.closeButtonDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(widget.directives.closeButtonDirective, [__AgnosUISveltePreprocess__classDirective, "btn-close"])}></button>
 {/if}

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

@@ -1,15 +1,18 @@
-import { SvelteComponent } from "svelte";
-import type { ModalSlots } from './modal';
+import type { ModalContext } from './modal.gen';
 declare class __sveltets_Render<Data> {
-    props(): WidgetSlotContext<Widget<import("./modal.gen").ModalProps<Data_1>, import("./modal.gen").ModalState<Data_1>, import("./modal.gen").ModalApi<Data_1>, import("./modal.gen").ModalActions, import("./modal.gen").ModalDirectives>>;
-    events(): {} & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots(): ModalSlots;
+    props(): ModalContext<Data>;
+    events(): {};
+    slots(): {};
+    bindings(): "";
+    exports(): {};
 }
-export type ModalDefaultHeaderProps<Data> = ReturnType<__sveltets_Render<Data>['props']>;
-export type ModalDefaultHeaderEvents<Data> = ReturnType<__sveltets_Render<Data>['events']>;
-export type ModalDefaultHeaderSlots<Data> = ReturnType<__sveltets_Render<Data>['slots']>;
-export default class ModalDefaultHeader<Data> extends SvelteComponent<ModalDefaultHeaderProps<Data>, ModalDefaultHeaderEvents<Data>, ModalDefaultHeaderSlots<Data>> {
+interface $$IsomorphicComponent {
+    new <Data>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Data>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Data>['props']>, ReturnType<__sveltets_Render<Data>['events']>, ReturnType<__sveltets_Render<Data>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<Data>['bindings']>;
+    } & ReturnType<__sveltets_Render<Data>['exports']>;
+    <Data>(internal: unknown, props: ReturnType<__sveltets_Render<Data>['props']> & {}): ReturnType<__sveltets_Render<Data>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
-export {};
+declare const ModalDefaultHeader: $$IsomorphicComponent;
+type ModalDefaultHeader<Data> = InstanceType<typeof ModalDefaultHeader<Data>>;
+export default ModalDefaultHeader;

package/components/modal/ModalDefaultStructure.svelte

@@ -1,47 +1,21 @@
-<script>import { Slot } from "@agnos-ui/svelte-headless/slot";
-export let state;
-export let widget;
-$: slotContext = { widget, state };
+<script lang="ts" generics="Data">
+	import type {ModalContext} from './modal.gen';
+	import {Slot} from '@agnos-ui/svelte-headless/slot';
+
+	let widget: ModalContext<Data> = $props();
 </script>
 
-{#if state.title}
+{#if widget.state.title}
 	<div class="modal-header">
-		<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>
-				<svelte:fragment slot="footer" let:state let:widget><slot name="footer" {state} {widget} /></svelte:fragment>
-				<svelte:fragment slot="header" let:state let:widget><slot name="header" {state} {widget} /></svelte:fragment>
-				<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
-				<svelte:fragment slot="title" let:state let:widget><slot name="title" {state} {widget} /></svelte:fragment>
-			</svelte:component>
-		</Slot>
+		<Slot content={widget.state.header} props={widget} />
 	</div>
 {/if}
 
 <div class="modal-body">
-	<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>
-			<svelte:fragment slot="footer" let:state let:widget><slot name="footer" {state} {widget} /></svelte:fragment>
-			<svelte:fragment slot="header" let:state let:widget><slot name="header" {state} {widget} /></svelte:fragment>
-			<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
-			<svelte:fragment slot="title" let:state let:widget><slot name="title" {state} {widget} /></svelte:fragment>
-		</svelte:component>
-	</Slot>
+	<Slot content={widget.state.children} props={widget} />
 </div>
-{#if state.footer}
+{#if widget.state.footer}
 	<div class="modal-footer">
-		<Slot slotContent={state.footer} props={slotContext} let:component let:props>
-			<svelte:fragment slot="slot" let:props><slot name="footer" {...props} /></svelte:fragment>
-			<svelte:component this={component} {...props}>
-				<svelte:fragment let:state let:widget><slot {state} {widget} /></svelte:fragment>
-				<svelte:fragment slot="footer" let:state let:widget><slot name="footer" {state} {widget} /></svelte:fragment>
-				<svelte:fragment slot="header" let:state let:widget><slot name="header" {state} {widget} /></svelte:fragment>
-				<svelte:fragment slot="structure" let:state let:widget><slot name="structure" {state} {widget} /></svelte:fragment>
-				<svelte:fragment slot="title" let:state let:widget><slot name="title" {state} {widget} /></svelte:fragment>
-			</svelte:component>
-		</Slot>
+		<Slot content={widget.state.footer} props={widget} />
 	</div>
 {/if}

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

@@ -1,15 +1,18 @@
-import { SvelteComponent } from "svelte";
-import type { ModalSlots } from './modal';
+import type { ModalContext } from './modal.gen';
 declare class __sveltets_Render<Data> {
-    props(): WidgetSlotContext<Widget<import("./modal.gen").ModalProps<Data_1>, import("./modal.gen").ModalState<Data_1>, import("./modal.gen").ModalApi<Data_1>, import("./modal.gen").ModalActions, import("./modal.gen").ModalDirectives>>;
-    events(): {} & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots(): ModalSlots;
+    props(): ModalContext<Data>;
+    events(): {};
+    slots(): {};
+    bindings(): "";
+    exports(): {};
 }
-export type ModalDefaultStructureProps<Data> = ReturnType<__sveltets_Render<Data>['props']>;
-export type ModalDefaultStructureEvents<Data> = ReturnType<__sveltets_Render<Data>['events']>;
-export type ModalDefaultStructureSlots<Data> = ReturnType<__sveltets_Render<Data>['slots']>;
-export default class ModalDefaultStructure<Data> extends SvelteComponent<ModalDefaultStructureProps<Data>, ModalDefaultStructureEvents<Data>, ModalDefaultStructureSlots<Data>> {
+interface $$IsomorphicComponent {
+    new <Data>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Data>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Data>['props']>, ReturnType<__sveltets_Render<Data>['events']>, ReturnType<__sveltets_Render<Data>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<Data>['bindings']>;
+    } & ReturnType<__sveltets_Render<Data>['exports']>;
+    <Data>(internal: unknown, props: ReturnType<__sveltets_Render<Data>['props']> & {}): ReturnType<__sveltets_Render<Data>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
-export {};
+declare const ModalDefaultStructure: $$IsomorphicComponent;
+type ModalDefaultStructure<Data> = InstanceType<typeof ModalDefaultStructure<Data>>;
+export default ModalDefaultStructure;

package/components/modal/index.d.ts

@@ -1,4 +1,4 @@
 import Modal from './Modal.svelte';
-export * from './modal';
+export * from './modal.gen';
 export * from './modalService';
 export { Modal };

package/components/modal/index.js

@@ -1,4 +1,4 @@
 import Modal from './Modal.svelte';
-export * from './modal';
+export * from './modal.gen';
 export * from './modalService';
 export { Modal };