@medyll/idae-slotui-svelte 0.3.0 → 0.4.0

package/dist/slotui-css/textfield.min.css

@@ -0,0 +1 @@
+.textfield{--textfield-background: var(--sld-color-background-alpha-high);--textfield-border-width: 1px;--textfield-border-color: var(--sld-color-foreground-alpha-mid);--textfield-border-bottom-width: 2px;--textfield-border-bottom-color: var(--sld-color-primary-darker, rgb(208, 191, 151));--textfield-radius: var(--sld-radius-small);--textfield-padding: 0 0.5rem;--textfield-shadow: inset 0px 0px 3px 1px rgba(51, 51, 51, 0.1)}.textfield{border:var(--textfield-border-width) solid var(--textfield-border-color);border-bottom:var(--textfield-border-bottom-width) solid var(--textfield-border-bottom-color);border-radius:var(--textfield-radius);padding:var(--textfield-padding);box-shadow:var(--textfield-shadow);background-color:var(--textfield-background);color:var(--sld-color-foreground);--preset-width: var(--sld-width-small);width:var(--preset-width-small)}.textfield [error]{border-bottom:red}.textfield{--preset-width: var(--sld-width-small);width:var(--preset-width-small);min-width:var(--preset-width-small)}.textfield[width=tiny],.textfield.width-tiny{--preset-width: var(--sld-width-tiny);width:var(--sld-width-tiny) !important}.textfield[width=mini],.textfield.width-mini{--preset-width: var(--sld-width-mini);width:var(--sld-width-mini) !important}.textfield[width=small],.textfield.width-small{--preset-width: var(--sld-width-small);width:var(--sld-width-small) !important}.textfield[width=med],.textfield.width-med{--preset-width: var(--sld-width-med);width:var(--sld-width-med) !important}.textfield[width=kind],.textfield.width-kind{--preset-width: var(--sld-width-kind);width:var(--sld-width-kind) !important}.textfield[width=full],.textfield.width-full{--preset-width: var(--sld-width-full);width:var(--sld-width-full) !important}.textfield[width=auto],.textfield.width-auto{--preset-width: var(--sld-width-auto);width:var(--sld-width-auto) !important}.textfield[width=default],.textfield.width-default{--preset-width: var(--sld-width-default);width:var(--sld-width-default) !important}.textfield{--preset-tall: var(--sld-tall-small);min-height:var(--preset-tall-small);height:var(--preset-tall-small)}.textfield[tall=tiny],.textfield.tall-tiny{min-height:var(--sld-tall-tiny) !important}.textfield[tall=mini],.textfield.tall-mini{min-height:var(--sld-tall-mini) !important}.textfield[tall=small],.textfield.tall-small{min-height:var(--sld-tall-small) !important}.textfield[tall=med],.textfield.tall-med{min-height:var(--sld-tall-med) !important}.textfield[tall=kind],.textfield.tall-kind{min-height:var(--sld-tall-kind) !important}.textfield[tall=auto],.textfield.tall-auto{min-height:var(--sld-tall-auto) !important}.textfield[tall=default],.textfield.tall-default{min-height:var(--sld-tall-default) !important}.textfield:hover{border-color:var(--sld-hover-border-color);background-color:var(--sld-background-disabled)}.textfield-container{position:relative;display:inline-flex;overflow:hidden}.textfield-start{position:absolute;height:100%;max-height:100%;width:24px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:.25rem;background-color:rgba(255,255,255,.1);border-radius:var(--textfield-radius, var(--sld-radius-small))}.textfield-end{position:absolute;right:0;height:100%;max-height:100%;min-width:24px;overflow:hidden;display:flex;gap:4px;padding:2px;align-items:center;border-radius:var(--textfield-radius, var(--sld-radius-small))}.textfield-end>*{max-height:calc(100% - 40px) !important;border:1px solid pink}

package/dist/slotui-css/title-bar.css

@@ -0,0 +1,26 @@
+:root {
+  --title-bar-gap: var(--sld-gap-med);
+  --title-bar-pad: var(--sld-pad-med);
+  --title-bar-color-border-bottom: var(--sld-color-border);
+}
+
+.title-bar {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  border-bottom: 1px solid var(--title-bar-color-border-bottom);
+}
+.title-bar-content {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: var(--title-bar-gap);
+  min-height: 34px;
+  flex: 1;
+}
+.title-bar-content-icon {
+  padding: var(--title-bar-pad);
+}
+.title-bar-content-title {
+  flex: 1;
+}

package/dist/slotui-css/title-bar.min.css

@@ -0,0 +1 @@
+:root{--title-bar-gap: var(--sld-gap-med);--title-bar-pad: var(--sld-pad-med);--title-bar-color-border-bottom: var(--sld-color-border)}.title-bar{display:flex;flex-direction:row;align-items:center;border-bottom:1px solid var(--title-bar-color-border-bottom)}.title-bar-content{display:flex;flex-direction:row;align-items:center;gap:var(--title-bar-gap);min-height:34px;flex:1}.title-bar-content-icon{padding:var(--title-bar-pad)}.title-bar-content-title{flex:1}

package/dist/slotui-css/toggle-bar.css

@@ -0,0 +1,41 @@
+:root {
+  --toggle-bar-padding: var(--sld-commandbar-padding, var(--box-density-1));
+  --toggle-bar-border-bottom: var(--sld-topbar-border-bottom-color, var(--sld-color-border));
+  --toggle-bar-gap: var(--sld-commandbar-gap, var(--sld-pad-tiny));
+  --toggle-bar-icon-padding: var(--sld-pad-medium);
+  --toggle-bar-title-font-weight: 500;
+  --toggle-bar-title-content-font-size: 18px;
+}
+
+.toggle-bar {
+  padding: var(--toggle-bar-padding);
+  display: flex;
+  border-bottom: var(--toggle-bar-border-bottom);
+  width: 100%;
+  max-width: 100%;
+  min-width: auto;
+  position: relative;
+  gap: var(--toggle-bar-gap);
+}
+.toggle-bar-icon {
+  padding: var(--toggle-bar-icon-padding);
+}
+.toggle-bar-title {
+  flex: 1;
+  font-weight: var(--toggle-bar-title-font-weight);
+  min-width: auto;
+}
+.toggle-bar-title-content {
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: var(--toggle-bar-title-content-font-size);
+  min-width: auto;
+  height: 100%;
+}
+.toggle-bar-content {
+  position: relative;
+  min-width: auto;
+  overflow: hidden;
+}

package/dist/slotui-css/toggle-bar.min.css

@@ -0,0 +1 @@
+:root{--toggle-bar-padding: var(--sld-commandbar-padding, var(--box-density-1));--toggle-bar-border-bottom: var(--sld-topbar-border-bottom-color, var(--sld-color-border));--toggle-bar-gap: var(--sld-commandbar-gap, var(--sld-pad-tiny));--toggle-bar-icon-padding: var(--sld-pad-medium);--toggle-bar-title-font-weight: 500;--toggle-bar-title-content-font-size: 18px}.toggle-bar{padding:var(--toggle-bar-padding);display:flex;border-bottom:var(--toggle-bar-border-bottom);width:100%;max-width:100%;min-width:auto;position:relative;gap:var(--toggle-bar-gap)}.toggle-bar-icon{padding:var(--toggle-bar-icon-padding)}.toggle-bar-title{flex:1;font-weight:var(--toggle-bar-title-font-weight);min-width:auto}.toggle-bar-title-content{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;font-size:var(--toggle-bar-title-content-font-size);min-width:auto;height:100%}.toggle-bar-content{position:relative;min-width:auto;overflow:hidden}

package/dist/slotui-css/toolbar.css

@@ -0,0 +1,28 @@
+:root {
+  --toolbar-padding: var(--sld-toolbar-padding, var(--box-density-1, var(--sld-pad-tiny)));
+  --toolbar-gap: var(--sld-pad-tiny);
+  --toolbar-divider-border: 1px solid red;
+  --toolbar-divider-height: 1rem;
+  --toolbar-vertical-divider-border: 1px solid green;
+  --toolbar-vertical-divider-width: 1rem;
+}
+
+.toolbar {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: var(--toolbar-padding);
+  gap: var(--toolbar-gap);
+}
+.toolbar divider {
+  border: var(--toolbar-divider-border);
+  height: var(--toolbar-divider-height);
+}
+
+.toolbar.vertical {
+  flex-direction: column;
+}
+.toolbar.vertical divider {
+  border: var(--toolbar-vertical-divider-border);
+  width: var(--toolbar-vertical-divider-width);
+}

package/dist/slotui-css/toolbar.min.css

@@ -0,0 +1 @@
+:root{--toolbar-padding: var(--sld-toolbar-padding, var(--box-density-1, var(--sld-pad-tiny)));--toolbar-gap: var(--sld-pad-tiny);--toolbar-divider-border: 1px solid red;--toolbar-divider-height: 1rem;--toolbar-vertical-divider-border: 1px solid green;--toolbar-vertical-divider-width: 1rem}.toolbar{display:flex;flex-direction:row;align-items:center;padding:var(--toolbar-padding);gap:var(--toolbar-gap)}.toolbar divider{border:var(--toolbar-divider-border);height:var(--toolbar-divider-height)}.toolbar.vertical{flex-direction:column}.toolbar.vertical divider{border:var(--toolbar-vertical-divider-border);width:var(--toolbar-vertical-divider-width)}

package/dist/slotui-css/tree.css

@@ -0,0 +1,51 @@
+:root {
+  --tree-cell-border: 1px solid transparent;
+  --tree-cell-padding: var(--sld-pad-tiny);
+  --tree-cell-border-radius: var(--sld-radius-small);
+  --tree-cell-gap: var(--sld-gap-tiny);
+  --tree-cell-arrow-width: 16px;
+  --tree-cell-title-gutter-gap: var(--sld-pad-tiny);
+}
+
+.tree-cell {
+  border: var(--tree-cell-border);
+  padding: var(--tree-cell-padding);
+  padding-left: var(--tree-level);
+  border-radius: var(--tree-cell-border-radius);
+  gap: var(--tree-cell-gap);
+  display: flex;
+  align-items: center;
+  width: 100%;
+  cursor: pointer;
+}
+.tree-cell-arrow {
+  width: var(--tree-cell-arrow-width);
+  text-align: center;
+}
+.tree-cell-title-gutter {
+  display: flex;
+  align-items: center;
+  gap: var(--tree-cell-title-gutter-gap);
+}
+.tree-cell:hover {
+  border-color: var(--sld-hover-border-color);
+  background-color: var(--sld-background-disabled);
+}
+.tree-cell.selected, .tree-cell[aria-selected=true], .tree-cell[data-selected=true] {
+  border-color: none;
+  background-color: var(--sld-selected-background-color, var(--sld-color-background-darken-mid));
+  box-shadow: var(--sld-selected-shadow);
+}
+.tree-cell.selected .listItemChip,
+.tree-cell.selected .menuItemChip, .tree-cell[aria-selected=true] .listItemChip,
+.tree-cell[aria-selected=true] .menuItemChip, .tree-cell[data-selected=true] .listItemChip,
+.tree-cell[data-selected=true] .menuItemChip {
+  position: absolute;
+  min-height: 16px;
+  height: 50%;
+  width: 3px;
+  background-color: var(--sld-color-primary);
+  border-radius: var(--sld-radius-med);
+  left: 0;
+  border: 1px solid var(--sld-color-primary-alpha-mid);
+}

package/dist/slotui-css/tree.min.css

@@ -0,0 +1 @@
+:root{--tree-cell-border: 1px solid transparent;--tree-cell-padding: var(--sld-pad-tiny);--tree-cell-border-radius: var(--sld-radius-small);--tree-cell-gap: var(--sld-gap-tiny);--tree-cell-arrow-width: 16px;--tree-cell-title-gutter-gap: var(--sld-pad-tiny)}.tree-cell{border:var(--tree-cell-border);padding:var(--tree-cell-padding);padding-left:var(--tree-level);border-radius:var(--tree-cell-border-radius);gap:var(--tree-cell-gap);display:flex;align-items:center;width:100%;cursor:pointer}.tree-cell-arrow{width:var(--tree-cell-arrow-width);text-align:center}.tree-cell-title-gutter{display:flex;align-items:center;gap:var(--tree-cell-title-gutter-gap)}.tree-cell:hover{border-color:var(--sld-hover-border-color);background-color:var(--sld-background-disabled)}.tree-cell.selected,.tree-cell[aria-selected=true],.tree-cell[data-selected=true]{border-color:none;background-color:var(--sld-selected-background-color, var(--sld-color-background-darken-mid));box-shadow:var(--sld-selected-shadow)}.tree-cell.selected .listItemChip,.tree-cell.selected .menuItemChip,.tree-cell[aria-selected=true] .listItemChip,.tree-cell[aria-selected=true] .menuItemChip,.tree-cell[data-selected=true] .listItemChip,.tree-cell[data-selected=true] .menuItemChip{position:absolute;min-height:16px;height:50%;width:3px;background-color:var(--sld-color-primary);border-radius:var(--sld-radius-med);left:0;border:1px solid var(--sld-color-primary-alpha-mid)}

package/dist/slotui-css/window.css

@@ -0,0 +1,60 @@
+:root {
+  --window-border-radius: var(--sld-radius-small);
+  --window-background-color: var(--sld-color-background);
+  --window-color: var(--sld-color-foreground);
+  --window-border: 1px solid rgba(255, 255, 255, 0.1);
+  --window-min-width: 250px;
+  --window-z-index: 70000;
+  --window-box-shadow: var(--sld-elevation-1);
+  --window-active-border: 1px solid var(--sld-color-primary);
+  --window-active-box-shadow: var(--sld-elevation-3);
+  --window-header-bar-background-color: var(--sld-color-paper);
+  --window-header-bar-padding: var(--sld-pad-tiny) 0;
+  --window-header-bar-icon-padding: unset var(--sld-pad-med);
+  --window-footer-button-zone-padding: var(--sld-pad-tiny);
+  --window-footer-button-zone-gap: var(--sld-gap-small);
+}
+
+dialog.window {
+  display: block;
+  border-radius: var(--window-border-radius);
+  background-color: var(--window-background-color);
+  color: var(--window-color);
+  border: var(--window-border);
+  min-width: var(--window-min-width);
+  top: 0;
+  left: 0;
+  overflow: hidden;
+  z-index: var(--window-z-index);
+  max-height: 100%;
+  padding: 0;
+  box-shadow: var(--window-box-shadow);
+}
+dialog.window.active {
+  border: var(--window-active-border);
+  box-shadow: var(--window-active-box-shadow);
+}
+dialog.window header.bar {
+  display: flex;
+  align-items: center;
+  text-align: center;
+  background-color: var(--window-header-bar-background-color);
+  color: var(--window-color);
+  padding: var(--window-header-bar-padding);
+}
+dialog.window header.bar-icon {
+  padding: var(--window-header-bar-icon-padding);
+}
+dialog.window header.bar .handle {
+  flex: 1;
+  cursor: pointer;
+}
+dialog.window footer.buttonZone {
+  padding: var(--window-footer-button-zone-padding);
+  display: flex;
+  justify-content: end;
+  gap: var(--window-footer-button-zone-gap);
+}
+dialog.window .ctrlZone {
+  display: flex;
+}

package/dist/slotui-css/window.min.css

@@ -0,0 +1 @@
+:root{--window-border-radius: var(--sld-radius-small);--window-background-color: var(--sld-color-background);--window-color: var(--sld-color-foreground);--window-border: 1px solid rgba(255, 255, 255, 0.1);--window-min-width: 250px;--window-z-index: 70000;--window-box-shadow: var(--sld-elevation-1);--window-active-border: 1px solid var(--sld-color-primary);--window-active-box-shadow: var(--sld-elevation-3);--window-header-bar-background-color: var(--sld-color-paper);--window-header-bar-padding: var(--sld-pad-tiny) 0;--window-header-bar-icon-padding: unset var(--sld-pad-med);--window-footer-button-zone-padding: var(--sld-pad-tiny);--window-footer-button-zone-gap: var(--sld-gap-small)}dialog.window{display:block;border-radius:var(--window-border-radius);background-color:var(--window-background-color);color:var(--window-color);border:var(--window-border);min-width:var(--window-min-width);top:0;left:0;overflow:hidden;z-index:var(--window-z-index);max-height:100%;padding:0;box-shadow:var(--window-box-shadow)}dialog.window.active{border:var(--window-active-border);box-shadow:var(--window-active-box-shadow)}dialog.window header.bar{display:flex;align-items:center;text-align:center;background-color:var(--window-header-bar-background-color);color:var(--window-color);padding:var(--window-header-bar-padding)}dialog.window header.bar-icon{padding:var(--window-header-bar-icon-padding)}dialog.window header.bar .handle{flex:1;cursor:pointer}dialog.window footer.buttonZone{padding:var(--window-footer-button-zone-padding);display:flex;justify-content:end;gap:var(--window-footer-button-zone-gap)}dialog.window .ctrlZone{display:flex}

package/dist/styles/slotuisheet/SlotuiSheet.svelte.d.ts

@@ -1,15 +1,19 @@
-import { SvelteComponent } from "svelte";
 import { type SlotUiStyleSheet } from './types.js';
-declare const __propDef: {
-    props: SlotUiStyleSheet;
-    events: {
-        [evt: string]: CustomEvent<any>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-};
-export type SlotuiSheetProps = typeof __propDef.props;
-export type SlotuiSheetEvents = typeof __propDef.events;
-export type SlotuiSheetSlots = typeof __propDef.slots;
-export default class SlotuiSheet extends SvelteComponent<SlotuiSheetProps, SlotuiSheetEvents, SlotuiSheetSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const SlotuiSheet: $$__sveltets_2_IsomorphicComponent<SlotUiStyleSheet, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type SlotuiSheet = InstanceType<typeof SlotuiSheet>;
+export default SlotuiSheet;

package/dist/styles/slotuisheet/SlotyuiSheet.demo.svelte.d.ts

@@ -1,14 +1,18 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-};
-export type SlotyuiSheetProps = typeof __propDef.props;
-export type SlotyuiSheetEvents = typeof __propDef.events;
-export type SlotyuiSheetSlots = typeof __propDef.slots;
-export default class SlotyuiSheet extends SvelteComponent<SlotyuiSheetProps, SlotyuiSheetEvents, SlotyuiSheetSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const SlotyuiSheet: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type SlotyuiSheet = InstanceType<typeof SlotyuiSheet>;
+export default SlotyuiSheet;

package/dist/ui/bootstrapp/BootStrApp.svelte.d.ts

@@ -1,16 +1,20 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        children: unknown;
-    } & Record<string, unknown>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-};
-export type BootStrAppProps = typeof __propDef.props;
-export type BootStrAppEvents = typeof __propDef.events;
-export type BootStrAppSlots = typeof __propDef.slots;
-export default class BootStrApp extends SvelteComponent<BootStrAppProps, BootStrAppEvents, BootStrAppSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const BootStrApp: $$__sveltets_2_IsomorphicComponent<{
+    children: unknown;
+} & Record<string, unknown>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type BootStrApp = InstanceType<typeof BootStrApp>;
+export default BootStrApp;

package/dist/ui/chromeFrame/ChromeFrame.svelte.d.ts

@@ -1,17 +1,21 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        frameId: string;
-        showCommands: boolean;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type ChromeFrameProps_ = typeof __propDef.props;
-export { ChromeFrameProps_ as ChromeFrameProps };
-export type ChromeFrameEvents = typeof __propDef.events;
-export type ChromeFrameSlots = typeof __propDef.slots;
-export default class ChromeFrame extends SvelteComponent<ChromeFrameProps_, ChromeFrameEvents, ChromeFrameSlots> {
+    z_$$bindings?: Bindings;
 }
+declare const ChromeFrame: $$__sveltets_2_IsomorphicComponent<{
+    frameId: string;
+    showCommands: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type ChromeFrame = InstanceType<typeof ChromeFrame>;
+export default ChromeFrame;

package/dist/ui/chromeFrame/ChromeFrameButtonList.svelte.d.ts

@@ -1,18 +1,22 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        class?: string;
-        element: unknown;
-        children: unknown;
-    } & Record<string, unknown>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-};
-export type ChromeFrameButtonListProps = typeof __propDef.props;
-export type ChromeFrameButtonListEvents = typeof __propDef.events;
-export type ChromeFrameButtonListSlots = typeof __propDef.slots;
-export default class ChromeFrameButtonList extends SvelteComponent<ChromeFrameButtonListProps, ChromeFrameButtonListEvents, ChromeFrameButtonListSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const ChromeFrameButtonList: $$__sveltets_2_IsomorphicComponent<{
+    class?: string;
+    element: unknown;
+    children: unknown;
+} & Record<string, unknown>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type ChromeFrameButtonList = InstanceType<typeof ChromeFrameButtonList>;
+export default ChromeFrameButtonList;

package/dist/ui/chromeFrame/ChromeFrameList.svelte.d.ts

@@ -1,24 +1,28 @@
-import { SvelteComponent } from "svelte";
 import type { IChromeOptionsArgs } from './types.js';
-declare const __propDef: {
-    props: {
-        /** The class name of the component */
-        className: string;
-        /** The style of the component */
-        style: string;
-        /** The HTML element of the component */
-        element: HTMLDivElement | null;
-        /** The configuration for the chrome list */
-        chromeListConfig: IChromeOptionsArgs;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type ChromeFrameListProps_ = typeof __propDef.props;
-export { ChromeFrameListProps_ as ChromeFrameListProps };
-export type ChromeFrameListEvents = typeof __propDef.events;
-export type ChromeFrameListSlots = typeof __propDef.slots;
-export default class ChromeFrameList extends SvelteComponent<ChromeFrameListProps_, ChromeFrameListEvents, ChromeFrameListSlots> {
+    z_$$bindings?: Bindings;
 }
+declare const ChromeFrameList: $$__sveltets_2_IsomorphicComponent<{
+    /** The class name of the component */
+    className: string;
+    /** The style of the component */
+    style: string;
+    /** The HTML element of the component */
+    element: HTMLDivElement | null;
+    /** The configuration for the chrome list */
+    chromeListConfig: IChromeOptionsArgs;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type ChromeFrameList = InstanceType<typeof ChromeFrameList>;
+export default ChromeFrameList;

package/dist/ui/frame/Frame.demo.svelte.d.ts

@@ -1,14 +1,19 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+import Frame from './Frame.svelte';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-};
-export type FrameProps = typeof __propDef.props;
-export type FrameEvents = typeof __propDef.events;
-export type FrameSlots = typeof __propDef.slots;
-export default class Frame extends SvelteComponent<FrameProps, FrameEvents, FrameSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Frame: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Frame = InstanceType<typeof Frame>;
+export default Frame;

package/dist/ui/frame/Frame.svelte.d.ts

@@ -1,44 +1,25 @@
-import { SvelteComponent } from "svelte";
-import Drawer from '../../navigation/drawer/Drawer.svelte';
-import type { DrawerProps } from '../../navigation/drawer/types.js';
-declare const __propDef: {
-    props: import("../../types/index.js").CommonProps & {
-        drawerWidth?: string;
-        drawerProps?: DrawerProps;
-        frameDrawerRef?: typeof Drawer;
-        elementNav?: HTMLDivElement;
-        children?: import("svelte").Snippet;
-        frameContent?: import("svelte").Snippet;
-        frameNavHeader?: import("svelte").Snippet;
-        frameTop?: import("svelte").Snippet;
-        frameBottom?: import("svelte").Snippet;
-        drawerTop?: import("svelte").Snippet;
-        drawerContent?: import("svelte").Snippet;
-        drawerIcon?: import("svelte").Snippet;
-        drawerTitle?: import("svelte").Snippet;
-        drawerPrimary?: import("svelte").Snippet;
-        drawerSecondary?: import("svelte").Snippet;
-        drawerFooter?: import("svelte").Snippet;
-    } & {
-        actions?: {
-            openNavLeft: () => void;
-            toggleNavLeft: () => void;
-            closeNavLeft: () => void;
-        };
+import type { FrameProps } from './types.js';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type FrameProps_ = typeof __propDef.props;
-export { FrameProps_ as FrameProps };
-export type FrameEvents = typeof __propDef.events;
-export type FrameSlots = typeof __propDef.slots;
-export default class Frame extends SvelteComponent<FrameProps_, FrameEvents, FrameSlots> {
-    get actions(): {
+    z_$$bindings?: Bindings;
+}
+declare const Frame: $$__sveltets_2_IsomorphicComponent<FrameProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {
+    actions: {
         openNavLeft: () => void;
         toggleNavLeft: () => void;
         closeNavLeft: () => void;
     };
-}
+}, "element">;
+type Frame = InstanceType<typeof Frame>;
+export default Frame;

package/dist/ui/login/Login.demo.svelte.d.ts

@@ -1,14 +1,19 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+import Login from './Login.svelte';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-};
-export type LoginProps = typeof __propDef.props;
-export type LoginEvents = typeof __propDef.events;
-export type LoginSlots = typeof __propDef.slots;
-export default class Login extends SvelteComponent<LoginProps, LoginEvents, LoginSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Login: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Login = InstanceType<typeof Login>;
+export default Login;