@widgetic/design-system 0.3.79 → 0.3.81

package/dist/components/CopyableHeader.svelte

@@ -30,10 +30,8 @@ const dispatch = createEventDispatcher();
 /**
  * COMPONENT IMPORTS
  */
-// import { toast, Button, Tooltip, Portal } from '@widgetic/design-system/components';
-import { toast, Button, Tooltip, Portal } from './';
-// import { IconCopy, IconHelp } from '@widgetic/design-system/icons';
-import { IconCopy, IconHelp } from '../icons';
+import { toast, Button, Tooltip, Portal } from '@widgetic/design-system/components';
+import { IconCopy, IconHelp } from '@widgetic/design-system/icons';
 
 /**
  * COMPONENT PROPS
@@ -191,7 +189,7 @@ function showToast(type: 'success' | 'error', message: string, options = {}) {
         {#if showHelp && helpUrl}
           <Tooltip.Provider>
             <Tooltip.Root open={showHelpTooltip}>
-              <Tooltip.Trigger class="focus:outline-hidden">
+              <Tooltip.Trigger class="focus:outline-none">
                 <a 
                   href={helpUrl} 
                   target="_blank"
@@ -220,7 +218,7 @@ function showToast(type: 'success' | 'error', message: string, options = {}) {
                   <Tooltip.Content 
                     side="right" 
                     sideOffset={5}
-                    class="bg-[hsl(var(--dark))] text-white z-200000 overflow-hidden rounded-md px-2 py-1.5 shadow-md widgetic-colors widgetic-radius"
+                    class="bg-[hsl(var(--dark))] text-white z-[200000] overflow-hidden rounded-md px-2 py-1.5 shadow-md widgetic-colors widgetic-radius"
                   >
                     <p class="caption text-white">{helpText}</p>
                   </Tooltip.Content>
@@ -233,7 +231,7 @@ function showToast(type: 'success' | 'error', message: string, options = {}) {
       {#if showStandaloneCopyButton}
         <Tooltip.Provider>
           <Tooltip.Root open={showCopyTooltip}>
-            <Tooltip.Trigger class="focus:outline-hidden">
+            <Tooltip.Trigger class="focus:outline-none">
               <Button 
                 variant="default" 
                 class="h-9 w-6 {headerBackgroundColor ? headerBackgroundColor + ' text-[hsl(var(--grey7))]' : buttonClass || 'bg-[hsl(var(--dark))] hover:bg-white text-white rounded-full'} flex items-center justify-center active:scale-95 transition-transform duration-150"
@@ -258,7 +256,7 @@ function showToast(type: 'success' | 'error', message: string, options = {}) {
                 <Tooltip.Content 
                   side="left" 
                   sideOffset={5}
-                  class="bg-[hsl(var(--dark))] text-white z-200000 overflow-hidden rounded-md px-3 py-1.5 shadow-md widgetic-colors widgetic-radius"
+                  class="bg-[hsl(var(--dark))] text-white z-[200000] overflow-hidden rounded-md px-3 py-1.5 shadow-md widgetic-colors widgetic-radius"
                 >
                   <p class="caption text-white">{standaloneCopyButtonText}</p>
                 </Tooltip.Content>
@@ -269,7 +267,7 @@ function showToast(type: 'success' | 'error', message: string, options = {}) {
       {:else}
         <Tooltip.Provider>
           <Tooltip.Root open={showCopyTooltip}>
-            <Tooltip.Trigger class="focus:outline-hidden">
+            <Tooltip.Trigger class="focus:outline-none">
               <Button 
                 variant="ghost" 
                 size="icon"
@@ -296,7 +294,7 @@ function showToast(type: 'success' | 'error', message: string, options = {}) {
                 <Tooltip.Content 
                   side="left" 
                   sideOffset={5}
-                  class="bg-[hsl(var(--dark))] text-white z-200000 overflow-hidden rounded-md px-3 py-1.5 shadow-md widgetic-colors widgetic-radius"
+                  class="bg-[hsl(var(--dark))] text-white z-[200000] overflow-hidden rounded-md px-3 py-1.5 shadow-md widgetic-colors widgetic-radius"
                 >
                   <p class="caption text-white">{standaloneCopyButtonText}</p>
                 </Tooltip.Content>
@@ -341,11 +339,15 @@ function showToast(type: 'success' | 'error', message: string, options = {}) {
   .copyable-content-area {
     -webkit-user-select: text !important;
     -moz-user-select: text !important;
-    -ms-user-select: text !important;
     user-select: text !important;
     overflow-y: auto !important;
   }
 
+  .copyable-content-area::-moz-selection {
+    background-color: rgba(59, 130, 246, 0.2) !important;
+    color: inherit !important;
+  }
+
   .copyable-content-area::selection {
     background-color: rgba(59, 130, 246, 0.2) !important;
     color: inherit !important;

package/dist/components/CopyableHeader.svelte.d.ts

@@ -1,40 +1,36 @@
-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;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        /**
+         * COMPONENT PROPS
+         */ class?: string;
+        style?: string;
+        headerText?: string;
+        content?: string;
+        helpText?: string;
+        helpUrl?: string;
+        showHelp?: boolean;
+        monospaceContent?: boolean;
+        showStandaloneCopyButton?: boolean;
+        standaloneCopyButtonText?: string;
+        showButtonText?: boolean;
+        buttonClass?: string;
+        showInternalToast?: boolean;
+        headerTextClass?: string;
+        headerBackgroundColor?: string;
+        contentBorderColor?: string;
     };
-    z_$$bindings?: Bindings;
+    events: {
+        copy: CustomEvent<any>;
+        copyError: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type CopyableHeaderProps = typeof __propDef.props;
+export type CopyableHeaderEvents = typeof __propDef.events;
+export type CopyableHeaderSlots = typeof __propDef.slots;
+export default class CopyableHeader extends SvelteComponentTyped<CopyableHeaderProps, CopyableHeaderEvents, CopyableHeaderSlots> {
 }
-declare const CopyableHeader: $$__sveltets_2_IsomorphicComponent<{
-    /**
-     * COMPONENT PROPS
-     */ class?: string;
-    style?: string;
-    headerText?: string;
-    content?: string;
-    helpText?: string;
-    helpUrl?: string;
-    showHelp?: boolean;
-    monospaceContent?: boolean;
-    showStandaloneCopyButton?: boolean;
-    standaloneCopyButtonText?: string;
-    showButtonText?: boolean;
-    buttonClass?: string;
-    showInternalToast?: boolean;
-    headerTextClass?: string;
-    headerBackgroundColor?: string;
-    contentBorderColor?: string;
-}, {
-    copy: CustomEvent<any>;
-    copyError: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type CopyableHeader = InstanceType<typeof CopyableHeader>;
-export default CopyableHeader;
+export {};

package/dist/components/EmptyState.svelte

@@ -11,10 +11,8 @@
  * - Responsive: hides icon when space is limited
  -->
 <script lang="ts">
+  import { IconExclamationCircle } from '@widgetic/design-system/icons';
   import { onMount } from 'svelte';
-
-  // import { IconExclamationCircle } from '@widgetic/design-system/icons';
-  import { IconExclamationCircle } from '../icons';
   
   /**
    * Component Props
@@ -98,11 +96,6 @@
     align-items: center;
     justify-content: center;
     overflow: hidden;
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
     z-index: 0; /* Lower z-index so it doesn't block interactive elements */
     pointer-events: none; /* Allow clicks to pass through to elements behind */
   }
@@ -123,7 +116,7 @@
 
   /* Icon container to prevent scaling */
   .icon-container {
-    shrink: 0;
+    flex-shrink: 0;
     width: 24px;
     height: 24px;
     display: flex;

package/dist/components/EmptyState.svelte.d.ts

@@ -1,37 +1,32 @@
-import { IconExclamationCircle } from '../icons';
-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;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        /**
+           * Component Props
+           * @prop {string} message - The message to display in the empty state
+           * @prop {string} height - The height of the empty state container (default: '50vh')
+           * @prop {boolean} showIcon - Whether to show the icon (default: true)
+           * @prop {string} iconColor - The color of the icon (default: 'hsl(var(--grey3))')
+           * @prop {string} textColor - The color of the text (default: 'hsl(var(--grey3))')
+           */ class?: string;
+        style?: string;
+        message?: string;
+        height?: string;
+        showIcon?: boolean;
+        iconColor?: string;
+        textColor?: string;
+        icon?: any;
     };
-    z_$$bindings?: Bindings;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        action: {};
+    };
+};
+export type EmptyStateProps = typeof __propDef.props;
+export type EmptyStateEvents = typeof __propDef.events;
+export type EmptyStateSlots = typeof __propDef.slots;
+export default class EmptyState extends SvelteComponentTyped<EmptyStateProps, EmptyStateEvents, EmptyStateSlots> {
 }
-declare const EmptyState: $$__sveltets_2_IsomorphicComponent<{
-    /**
-       * Component Props
-       * @prop {string} message - The message to display in the empty state
-       * @prop {string} height - The height of the empty state container (default: '50vh')
-       * @prop {boolean} showIcon - Whether to show the icon (default: true)
-       * @prop {string} iconColor - The color of the icon (default: 'hsl(var(--grey3))')
-       * @prop {string} textColor - The color of the text (default: 'hsl(var(--grey3))')
-       */ class?: string;
-    style?: string;
-    message?: string;
-    height?: string;
-    showIcon?: boolean;
-    iconColor?: string;
-    textColor?: string;
-    icon?: typeof IconExclamationCircle;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    action: {};
-}, {}, string>;
-type EmptyState = InstanceType<typeof EmptyState>;
-export default EmptyState;
+export {};

package/dist/components/PasswordInput.svelte

@@ -5,10 +5,6 @@
   // SHADCN Imports
   import { Input } from './ui/input';
 
-  // Import icon URLs
-  import eyeIconUrl from '../icons/eye.svg?url';
-  import eyeOffIconUrl from '../icons/eye-off.svg?url';
-
   // External Props
   export let value = '';
   export let placeholder = 'Enter password';
@@ -41,7 +37,7 @@
       on:click={() => showPassword = !showPassword}
     >
       <img 
-        src={showPassword ? eyeOffIconUrl : eyeIconUrl}
+        src={showPassword ? '/icons/eye-off.svg' : '/icons/eye.svg'} 
         alt={showPassword ? 'Hide password' : 'Show password'} 
         class="w-5 h-5"
       />

package/dist/components/PasswordInput.svelte.d.ts

@@ -1,26 +1,22 @@
+import { SvelteComponentTyped } from "svelte";
 import type { FullAutoFill } from 'svelte/elements';
-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;
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        value?: string | undefined;
+        placeholder?: string | undefined;
+        name?: string | undefined;
+        autocomplete?: FullAutoFill | undefined;
+        disabled?: boolean | undefined;
     };
-    z_$$bindings?: Bindings;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type PasswordInputProps = typeof __propDef.props;
+export type PasswordInputEvents = typeof __propDef.events;
+export type PasswordInputSlots = typeof __propDef.slots;
+export default class PasswordInput extends SvelteComponentTyped<PasswordInputProps, PasswordInputEvents, PasswordInputSlots> {
 }
-declare const PasswordInput: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
-    value?: string | undefined;
-    placeholder?: string | undefined;
-    name?: string | undefined;
-    autocomplete?: FullAutoFill | undefined;
-    disabled?: boolean | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type PasswordInput = InstanceType<typeof PasswordInput>;
-export default PasswordInput;
+export {};

package/dist/components/ThumbHashImage.svelte.d.ts

@@ -1,26 +1,22 @@
-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;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        src: string;
+        alt?: string;
+        thumbhash: string;
+        class_?: string;
+        style?: string;
+        roundedCorners?: string;
+        onLoad?: (() => void) | undefined;
     };
-    z_$$bindings?: Bindings;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ThumbHashImageProps = typeof __propDef.props;
+export type ThumbHashImageEvents = typeof __propDef.events;
+export type ThumbHashImageSlots = typeof __propDef.slots;
+export default class ThumbHashImage extends SvelteComponentTyped<ThumbHashImageProps, ThumbHashImageEvents, ThumbHashImageSlots> {
 }
-declare const ThumbHashImage: $$__sveltets_2_IsomorphicComponent<{
-    src: string;
-    alt?: string;
-    thumbhash: string;
-    class_?: string;
-    style?: string;
-    roundedCorners?: string;
-    onLoad?: (() => void) | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ThumbHashImage = InstanceType<typeof ThumbHashImage>;
-export default ThumbHashImage;
+export {};

package/dist/components/WScrollArea.svelte

@@ -26,16 +26,16 @@ export let element: HTMLElement | null = null;
 <ScrollArea bind:ref={element}
         class={(className ? className + ' ' : '') + "scroll-area-container w-full h-full " + 
               "widgetic-radius widgetic-colors select-text " +  
-              "**:!data-scroll-area-viewport:pr-(--scrollbar-width)"}
+              "[&_[data-scroll-area-viewport]]:!pr-[var(--scrollbar-width)]"}
         style="{style} {scrollOutside ? `width: calc(100% + ${scrollbarWidth}px) !important;` : ''}
                 --scrollbar-width: {scrollbarWidth}px; --scrollbar-padding: {scrollbarWidth/4}px; "
         {orientation}
         {type}
         {scrollHideDelay}
-        scrollbarYClasses={scrollbarYClasses + "flex w-[var(--scrollbar-width)] !p-(--scrollbar-padding) " + 
+        scrollbarYClasses={scrollbarYClasses + "flex w-[var(--scrollbar-width)] !p-[var(--scrollbar-padding)] " + 
                           "!bg-transparent border-none select-none touch-none " + 
                           "[&>div]:rounded-[var(--radius-pill)] [&>div]:cursor-pointer " + 
-                          "[&>div]:bg-[hsl(var(--grey1))] hover:[&>div]:bg-[hsl(var(--grey2))] " + 
+                          "[&>div]:bg-[hsl(var(--grey1))] [&>div]:hover:bg-[hsl(var(--grey2))] " + 
                           "[&>div]:transition-colors [&>div]:duration-250"}
       >
       <div class="actual-viewport {viewPortClass ? viewPortClass + ' ' : ''} absolute inset-0 z-[-1]" style="margin-right: {scrollbarWidth}px;">

package/dist/components/WScrollArea.svelte.d.ts

@@ -1,38 +1,27 @@
-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;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        class?: string;
+        style?: string;
+        viewPortClass?: string;
+        orientation?: "horizontal" | "vertical";
+        scrollOutside?: boolean;
+        scrollbarWidth?: number;
+        scrollbarYClasses?: string;
+        scrollHideDelay?: number;
+        type?: any;
+        element?: HTMLElement | null;
     };
-    z_$$bindings?: Bindings;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type WScrollAreaProps = typeof __propDef.props;
+export type WScrollAreaEvents = typeof __propDef.events;
+export type WScrollAreaSlots = typeof __propDef.slots;
+export default class WScrollArea extends SvelteComponentTyped<WScrollAreaProps, WScrollAreaEvents, WScrollAreaSlots> {
 }
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const WScrollArea: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    class?: string;
-    style?: string;
-    viewPortClass?: string;
-    orientation?: "horizontal" | "vertical";
-    scrollOutside?: boolean;
-    scrollbarWidth?: number;
-    scrollbarYClasses?: string;
-    scrollHideDelay?: number;
-    type?: any;
-    element?: HTMLElement | null;
-}, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type WScrollArea = InstanceType<typeof WScrollArea>;
-export default WScrollArea;
+export {};

package/dist/components/debug-grid/DebugGrid.svelte

@@ -163,7 +163,7 @@
                   {#if isDashboard && !isMobile}
                     <div class="grid-sidebar flex">
                       <div class="grid-sidebar-margin-left grid-margin-left" style="width: {marginWidth}px"></div>
-                      <div class="grid-sidebar-content grid-column grow"></div>
+                      <div class="grid-sidebar-content grid-column flex-grow"></div>
                       <div class="grid-sidebar-margin-right grid-margin-right" style="width: {marginWidth}px"></div>
                     </div>
                   {/if}

package/dist/components/debug-grid/DebugGrid.svelte.d.ts

@@ -1,32 +1,28 @@
-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;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        /***
+           * COMPONENT PROPS
+           **/ class?: string;
+        gridClass?: string;
+        headerGridClass?: string;
+        mainGridClass?: string;
+        headerHeight?: string | undefined;
+        portalTarget?: string;
+        columns?: number;
+        columnWidth?: number;
+        isMobile?: boolean;
+        isTablet?: boolean;
+        isDesktop?: boolean;
     };
-    z_$$bindings?: Bindings;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type DebugGridProps = typeof __propDef.props;
+export type DebugGridEvents = typeof __propDef.events;
+export type DebugGridSlots = typeof __propDef.slots;
+export default class DebugGrid extends SvelteComponentTyped<DebugGridProps, DebugGridEvents, DebugGridSlots> {
 }
-declare const DebugGrid: $$__sveltets_2_IsomorphicComponent<{
-    /***
-       * COMPONENT PROPS
-       **/ class?: string;
-    gridClass?: string;
-    headerGridClass?: string;
-    mainGridClass?: string;
-    headerHeight?: string | undefined;
-    portalTarget?: string;
-    columns?: number;
-    columnWidth?: number;
-    isMobile?: boolean;
-    isTablet?: boolean;
-    isDesktop?: boolean;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type DebugGrid = InstanceType<typeof DebugGrid>;
-export default DebugGrid;
+export {};

package/dist/components/ic/browser/BrowserInputController.svelte

@@ -333,7 +333,7 @@
           <Tooltip.Content 
             side="right" 
             sideOffset={5}
-            class="bg-gray-900 text-white z-99999 overflow-hidden rounded-md px-3 py-1.5 text-sm shadow-md"
+            class="bg-gray-900 text-white z-[99999] overflow-hidden rounded-md px-3 py-1.5 text-sm shadow-md"
             style="position: fixed; left: {mouseX + 20}px; top: {mouseY}px; z-index: 999999;"
           >
             <p class="text-sm">{header.helpText}</p>

package/dist/components/ic/browser/BrowserInputController.svelte.d.ts

@@ -1,34 +1,29 @@
+import { SvelteComponentTyped } from "svelte";
 import type { InputControllerConfig } from '../types';
-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;
+declare const __propDef: {
+    props: {
+        header?: {
+            label: string;
+            helpText?: string;
+        } | undefined;
+        label?: string;
+        value?: string | {
+            id: string;
+            file: string;
+            url: string;
+        };
+        onChange?: (newValue: string) => void;
+        config?: InputControllerConfig;
     };
-    z_$$bindings?: Bindings;
-}
-declare const BrowserInputController: $$__sveltets_2_IsomorphicComponent<{
-    header?: {
-        label: string;
-        helpText?: string;
-    } | undefined;
-    label?: string;
-    value?: string | {
-        id: string;
-        file: string;
-        url: string;
+    events: {
+        [evt: string]: CustomEvent<any>;
     };
-    onChange?: (newValue: string) => void;
-    config?: InputControllerConfig;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {
-    onChange: (newValue: string) => void;
-}, string>;
-type BrowserInputController = InstanceType<typeof BrowserInputController>;
-export default BrowserInputController;
+    slots: {};
+};
+export type BrowserInputControllerProps = typeof __propDef.props;
+export type BrowserInputControllerEvents = typeof __propDef.events;
+export type BrowserInputControllerSlots = typeof __propDef.slots;
+export default class BrowserInputController extends SvelteComponentTyped<BrowserInputControllerProps, BrowserInputControllerEvents, BrowserInputControllerSlots> {
+    get onChange(): (newValue: string) => void;
+}
+export {};

package/dist/components/index.d.ts

@@ -12,7 +12,7 @@ export { default as Portal } from './modals/Portal.svelte';
 export { default as RenameDialog } from './modals/RenameDialog.svelte';
 export { Breadcrumbs, type BreadcrumbsProps } from './navigation';
 export { default as PDFViewer } from './pdf/PDFViewer.svelte';
-export { SearchInput } from './search-input';
+export { default as SearchInput } from './search-input/SearchInput.svelte';
 export { ShadEditor, type TipTapEditor, type TipTapEditorLevel } from './shad-editor';
 export { ToasterModal, showToast } from './toast';
 export * as Accordion from './ui/accordion';

package/dist/components/index.js

@@ -13,7 +13,7 @@ export { default as Portal } from './modals/Portal.svelte';
 export { default as RenameDialog } from './modals/RenameDialog.svelte';
 export { Breadcrumbs } from './navigation';
 export { default as PDFViewer } from './pdf/PDFViewer.svelte';
-export { SearchInput } from './search-input';
+export { default as SearchInput } from './search-input/SearchInput.svelte';
 export { ShadEditor } from './shad-editor';
 export { ToasterModal, showToast } from './toast';
 export * as Accordion from './ui/accordion';