@streamscloud/kit 0.2.42 → 0.9.0

package/dist/ui/dropdown/cmp.dropdown.svelte

@@ -1,289 +0,0 @@
-<script lang="ts">import { Icon } from '../icon';
-import { isIgnored } from './dropdown-ignore';
-import IconChevronDown from '@fluentui/svg-icons/icons/chevron_down_20_regular.svg?raw';
-import { createPopper } from '@popperjs/core';
-import { untrack } from 'svelte';
-let { position = 'bottom-start', disabled = false, keepDropdownOpen = false, fixedPosition = false, offset = 4, boundaryMargin = 8, backdrop = false, isOpenRequested, matchTriggerWidth = false, panel = true, on, children, trigger } = $props();
-let opened = $state(false);
-let dropdownEl = $state(null);
-let triggerEl = $state(null);
-let actualPlacement = $state(untrack(() => position));
-$effect(() => untrack(() => {
-    on?.mounted?.({
-        toggleOpen: (value) => {
-            if (value === undefined) {
-                if (opened) {
-                    close();
-                }
-                else {
-                    open();
-                }
-            }
-            else if (value) {
-                open();
-            }
-            else {
-                close();
-            }
-        }
-    });
-}));
-$effect(() => {
-    if (opened) {
-        on?.opened?.();
-    }
-    else {
-        on?.closed?.();
-    }
-});
-untrack(() => {
-    if (isOpenRequested) {
-        open();
-    }
-});
-$effect(() => {
-    return () => {
-        window.removeEventListener('pointerdown', handleOutsidePointerDown, true);
-    };
-});
-const handleOutsidePointerDown = (event) => {
-    if (dropdownEl?.contains(event.target)) {
-        return;
-    }
-    close();
-};
-const open = () => {
-    opened = true;
-    window.addEventListener('pointerdown', handleOutsidePointerDown, true);
-};
-const close = () => {
-    opened = false;
-    window.removeEventListener('pointerdown', handleOutsidePointerDown, true);
-};
-const handleClick = (event) => {
-    event.stopPropagation();
-    if (disabled) {
-        return;
-    }
-    if (!opened) {
-        open();
-        return;
-    }
-    const target = event.target;
-    const isTriggerClick = triggerEl?.contains(target) ?? false;
-    if (isTriggerClick || canClose(target, event.currentTarget)) {
-        close();
-    }
-};
-const canClose = (target, container) => {
-    if (keepDropdownOpen) {
-        return false;
-    }
-    let node = target;
-    while (node && node !== container) {
-        if (isIgnored(node)) {
-            return false;
-        }
-        node = node.parentElement;
-    }
-    return true;
-};
-const initPopper = (node) => {
-    if (!triggerEl) {
-        return;
-    }
-    const popper = createPopper(triggerEl, node, {
-        placement: position,
-        strategy: fixedPosition ? 'fixed' : 'absolute',
-        modifiers: [
-            {
-                name: 'offset',
-                options: {
-                    offset: () => [0, offset]
-                }
-            },
-            { name: 'eventListeners', enabled: true },
-            { name: 'flip' },
-            {
-                name: 'preventOverflow',
-                options: {
-                    boundary: document.body,
-                    padding: boundaryMargin
-                }
-            },
-            {
-                name: 'sameWidth',
-                enabled: matchTriggerWidth,
-                phase: 'beforeWrite',
-                requires: ['computeStyles'],
-                fn: ({ state }) => {
-                    state.styles.popper.width = `${state.rects.reference.width}px`;
-                }
-            },
-            {
-                name: 'syncPlacement',
-                enabled: true,
-                phase: 'afterWrite',
-                fn: ({ state }) => {
-                    actualPlacement = state.placement;
-                }
-            }
-        ]
-    });
-    return {
-        destroy() {
-            popper.destroy();
-        }
-    };
-};
-</script>
-
-{#if opened && backdrop}
-  <div
-    class="dropdown-backdrop"
-    onclick={(e) => {
-      e.stopPropagation();
-      close();
-    }}
-    onkeydown={() => ({})}
-    role="none">
-  </div>
-{/if}
-<div class="dropdown" class:dropdown--disabled={disabled} bind:this={dropdownEl} onclick={handleClick} onkeydown={() => ({})} role="none">
-  <button type="button" class="dropdown__trigger" bind:this={triggerEl}>
-    {#if trigger}
-      {@render trigger()}
-    {:else}
-      <Icon src={IconChevronDown} />
-    {/if}
-  </button>
-  {#if opened}
-    <div use:initPopper class="dropdown__popper" data-placement={actualPlacement} role="tooltip" tabindex="-1">
-      <div class="dropdown__content" class:dropdown__content--match-width={matchTriggerWidth} class:dropdown__content--panel={panel}>
-        {@render children()}
-      </div>
-    </div>
-  {/if}
-</div>
-
-<!--
-@component
-A Popper.js-powered dropdown that positions content relative to a trigger element, with click-outside-to-close, optional backdrop, imperative open/close control, and optional trigger-width matching. Includes built-in panel styling (background, shadow, radius) enabled by default.
-
-### CSS Custom Properties
-| Property | Description | Default |
-|---|---|---|
-| `--sc-kit--dropdown--width` | Trigger element width | `auto` |
-| `--sc-kit--dropdown--content--background` | Content background | light-dark white/gray-900 |
-| `--sc-kit--dropdown--content--box-shadow` | Content shadow | `0 2px 10px` light/dark |
-| `--sc-kit--dropdown--content--border-radius` | Content corner radius | `0` |
--->
-
-<style>.dropdown-backdrop {
-  position: fixed;
-  inset: 0;
-  background: light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.1));
-  z-index: 998;
-}
-
-.dropdown {
-  --_dropdown--width: var(--sc-kit--dropdown--width, auto);
-  --_dropdown--content--background: var(--sc-kit--dropdown--content--background);
-  --_dropdown--content--box-shadow: var(--sc-kit--dropdown--content--box-shadow);
-  --_dropdown--content--border-radius: var(--sc-kit--dropdown--content--border-radius);
-  height: 100%;
-  width: var(--_dropdown--width);
-  -webkit-user-drag: none;
-  user-select: none;
-}
-.dropdown :global([contenteditable]) {
-  user-select: text;
-}
-.dropdown__trigger {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  line-height: 1;
-}
-.dropdown--disabled {
-  opacity: 0.5;
-  pointer-events: none;
-}
-.dropdown__popper {
-  z-index: 999;
-  --_dd-origin-y: top;
-  --_dd-shift-x: 0;
-  --_dd-shift-y: -4px;
-  --_dd-origin-x: left;
-}
-.dropdown__popper[data-placement=bottom] {
-  --_dd-origin-x: center;
-}
-.dropdown__popper[data-placement=bottom-end] {
-  --_dd-origin-x: right;
-}
-.dropdown__popper[data-placement^=top] {
-  --_dd-origin-y: bottom;
-  --_dd-shift-y: 4px;
-}
-.dropdown__popper[data-placement=top] {
-  --_dd-origin-x: center;
-}
-.dropdown__popper[data-placement=top-end] {
-  --_dd-origin-x: right;
-}
-.dropdown__popper[data-placement^=left] {
-  --_dd-origin-x: right;
-  --_dd-origin-y: top;
-  --_dd-shift-x: 4px;
-  --_dd-shift-y: 0;
-}
-.dropdown__popper[data-placement=left] {
-  --_dd-origin-y: center;
-}
-.dropdown__popper[data-placement=left-end] {
-  --_dd-origin-y: bottom;
-}
-.dropdown__popper[data-placement^=right] {
-  --_dd-origin-x: left;
-  --_dd-origin-y: top;
-  --_dd-shift-x: -4px;
-  --_dd-shift-y: 0;
-}
-.dropdown__popper[data-placement=right] {
-  --_dd-origin-y: center;
-}
-.dropdown__popper[data-placement=right-end] {
-  --_dd-origin-y: bottom;
-}
-.dropdown__content {
-  width: max-content;
-  transform-origin: var(--_dd-origin-x) var(--_dd-origin-y);
-  animation: dropdown-appear 150ms cubic-bezier(0, 0, 0.2, 1) both;
-  background: var(--_dropdown--content--background);
-  box-shadow: var(--_dropdown--content--box-shadow);
-  border-radius: var(--_dropdown--content--border-radius);
-}
-.dropdown__content--match-width {
-  width: 100%;
-}
-.dropdown__content--panel {
-  --_dropdown--content--background: var(--sc-kit--dropdown--content--background, light-dark(#ffffff, #1c1c1c));
-  --_dropdown--content--box-shadow: var(--sc-kit--dropdown--content--box-shadow, 0 2px 10px light-dark(rgb(0 0 0 / 15%), rgb(255 255 255 / 20%)));
-  --_dropdown--content--border-radius: var(--sc-kit--dropdown--content--border-radius, 0);
-}
-.dropdown :global([data-popper-escaped]) {
-  visibility: hidden !important;
-}
-
-@keyframes dropdown-appear {
-  from {
-    opacity: 0;
-    transform: scale(0.95) translate(var(--_dd-shift-x), var(--_dd-shift-y));
-  }
-  to {
-    opacity: 1;
-    transform: scale(1) translate(0, 0);
-  }
-}</style>

package/dist/ui/dropdown/cmp.dropdown.svelte.d.ts

@@ -1,48 +0,0 @@
-import { type Placement } from '@popperjs/core';
-import type { Snippet } from 'svelte';
-type Props = {
-    /** Popper.js placement of the dropdown content @default 'bottom-start' */
-    position?: Placement;
-    disabled?: boolean;
-    /** Prevent the dropdown from closing when clicking inside its content */
-    keepDropdownOpen?: boolean;
-    /** Use `position: fixed` for the Popper strategy (useful inside overflow containers) */
-    fixedPosition?: boolean;
-    /** Distance in px between the trigger and the dropdown content @default 4 */
-    offset?: number;
-    /** Padding in px from the viewport boundary @default 8 */
-    boundaryMargin?: number;
-    /** Show a semi-transparent backdrop overlay when open */
-    backdrop?: boolean;
-    /** Programmatically request the dropdown to open */
-    isOpenRequested?: boolean;
-    /** Make the popper content match the trigger element width */
-    matchTriggerWidth?: boolean;
-    /** Apply content styling (background, box-shadow, border-radius) @default true */
-    panel?: boolean;
-    on?: {
-        opened?: () => void;
-        closed?: () => void;
-        /** Fires after mount, providing a `toggleOpen` callback for imperative control */
-        mounted?: (callbacks: {
-            toggleOpen: (value?: boolean) => void;
-        }) => void;
-    };
-    children: Snippet;
-    /** Custom trigger snippet; defaults to a chevron-down icon */
-    trigger?: Snippet;
-};
-/**
- * A Popper.js-powered dropdown that positions content relative to a trigger element, with click-outside-to-close, optional backdrop, imperative open/close control, and optional trigger-width matching. Includes built-in panel styling (background, shadow, radius) enabled by default.
- *
- * ### CSS Custom Properties
- * | Property | Description | Default |
- * |---|---|---|
- * | `--sc-kit--dropdown--width` | Trigger element width | `auto` |
- * | `--sc-kit--dropdown--content--background` | Content background | light-dark white/gray-900 |
- * | `--sc-kit--dropdown--content--box-shadow` | Content shadow | `0 2px 10px` light/dark |
- * | `--sc-kit--dropdown--content--border-radius` | Content corner radius | `0` |
- */
-declare const Cmp: import("svelte").Component<Props, {}, "">;
-type Cmp = ReturnType<typeof Cmp>;
-export default Cmp;

package/dist/ui/dropdown/index.d.ts

@@ -1,4 +0,0 @@
-export { default as Dropdown } from './cmp.dropdown.svelte';
-export { default as DropdownItem } from './cmp.dropdown-item.svelte';
-export type { Placement as DropdownPosition } from '@popperjs/core';
-export { dropdownIgnore } from './dropdown-ignore';

package/dist/ui/dropdown/index.js

@@ -1,3 +0,0 @@
-export { default as Dropdown } from './cmp.dropdown.svelte';
-export { default as DropdownItem } from './cmp.dropdown-item.svelte';
-export { dropdownIgnore } from './dropdown-ignore';

package/dist/ui/form-group/cmp.form-group-label.svelte

@@ -1,25 +0,0 @@
-<script lang="ts">let { withTooltip = false, children } = $props();
-export {};
-</script>
-
-<div class="form-group-label" class:form-group-label--with-tooltip={withTooltip}>
-  {@render children()}
-</div>
-
-<style>.form-group-label {
-  --_form-group--label--font-size: var(--sc-kit--form-group--label--font-size, 0.875rem);
-  --_form-group--label--font-weight: var(--sc-kit--form-group--label--font-weight, 400);
-  --_form-group--label--color: var(--sc-kit--form-group--label--color);
-  --_form-group--label--margin-bottom: var(--sc-kit--form-group--label--margin-bottom, 0.5rem);
-  font-size: var(--_form-group--label--font-size);
-  padding: 0;
-  margin-bottom: var(--_form-group--label--margin-bottom);
-  font-weight: var(--_form-group--label--font-weight);
-  display: block;
-  color: var(--_form-group--label--color);
-}
-.form-group-label--with-tooltip {
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
-}</style>

package/dist/ui/form-group/cmp.form-group-note.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">let { children } = $props();
-export {};
-</script>
-
-<div class="form-group-note">
-  {@render children()}
-</div>
-
-<style>.form-group-note {
-  --_form-group--note--font-size: var(--sc-kit--form-group--note--font-size, 0.875rem);
-  --_form-group--note--font-weight: var(--sc-kit--form-group--note--font-weight, 300);
-  margin-top: 0.5rem;
-  color: #9ca3af;
-  font-size: var(--_form-group--note--font-size);
-  font-weight: var(--_form-group--note--font-weight);
-}</style>

package/dist/ui/form-group/cmp.form-group.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">let { noMargin = false, children } = $props();
-export {};
-</script>
-
-<div class="form-group" class:form-group--no-margin={noMargin}>
-  {@render children()}
-</div>
-
-<style>.form-group {
-  --_form-group--margin-bottom: var(--sc-kit--form-group--margin-bottom, 1.25rem);
-  display: block;
-  margin-bottom: var(--_form-group--margin-bottom);
-}
-.form-group--no-margin {
-  margin-bottom: 0;
-}</style>

package/dist/ui/form-group/index.d.ts

@@ -1,3 +0,0 @@
-export { default as FormGroup } from './cmp.form-group.svelte';
-export { default as FormGroupLabel } from './cmp.form-group-label.svelte';
-export { default as FormGroupNote } from './cmp.form-group-note.svelte';

package/dist/ui/form-group/index.js

@@ -1,3 +0,0 @@
-export { default as FormGroup } from './cmp.form-group.svelte';
-export { default as FormGroupLabel } from './cmp.form-group-label.svelte';
-export { default as FormGroupNote } from './cmp.form-group-note.svelte';

package/dist/ui/infinite-scrolling/cmp.infinite-scrolling.svelte

@@ -1,101 +0,0 @@
-<script lang="ts">import { Loading } from '../loading';
-let { loadMore, container = null, actuationOffset = '', children, loading } = $props();
-let isLoading = $state(false);
-let paginationTrigger = $state(null);
-let itemsContainer = $state(null);
-$effect(() => {
-    if (!paginationTrigger || !itemsContainer) {
-        return;
-    }
-    const trigger = paginationTrigger;
-    const items = itemsContainer;
-    const intersectionObserver = new IntersectionObserver((e) => {
-        const [entries] = e;
-        if (entries.isIntersecting) {
-            void onLoadMore();
-        }
-    }, {
-        root: container,
-        rootMargin: actuationOffset
-    });
-    // Re-observe trigger on container resize to force IntersectionObserver
-    // to re-evaluate visibility — it won't fire on its own when siblings resize
-    const resizeObserver = new ResizeObserver(() => {
-        intersectionObserver.unobserve(trigger);
-        intersectionObserver.observe(trigger);
-    });
-    resizeObserver.observe(items);
-    return () => {
-        resizeObserver.disconnect();
-        intersectionObserver.disconnect();
-    };
-});
-const onLoadMore = async () => {
-    if (isLoading) {
-        return;
-    }
-    isLoading = true;
-    try {
-        await loadMore();
-    }
-    finally {
-        isLoading = false;
-    }
-};
-</script>
-
-<div class="infinite-scrolling">
-  <div class="infinite-scrolling__items" bind:this={itemsContainer}>
-    {@render children()}
-  </div>
-
-  <div class="infinite-scrolling__pagination-trigger" bind:this={paginationTrigger}></div>
-  {#if isLoading}
-    {#if loading}
-      {@render loading()}
-    {:else}
-      <div class="infinite-scrolling__loading-container">
-        <Loading timeout={500} />
-      </div>
-    {/if}
-  {/if}
-</div>
-
-<!--
-@component
-Triggers an async `loadMore` callback when a sentinel element scrolls into view, using IntersectionObserver.
-
-### CSS Custom Properties
-| Property | Description | Default |
-|---|---|---|
-| `--sc-kit--infinite-scrolling--display` | Display mode for root and items container | `block` |
-| `--sc-kit--infinite-scrolling--flex` | Flex shorthand for root and items container | `initial` |
-| `--sc-kit--infinite-scrolling--overflow-y` | Vertical overflow behavior | `initial` |
--->
-
-<style>.infinite-scrolling {
-  --_infinite-scrolling--display: var(--sc-kit--infinite-scrolling--display, block);
-  --_infinite-scrolling--flex: var(--sc-kit--infinite-scrolling--flex, initial);
-  --_infinite-scrolling--overflow-y: var(--sc-kit--infinite-scrolling--overflow-y, initial);
-  display: var(--_infinite-scrolling--display);
-  flex-direction: column;
-  flex: var(--_infinite-scrolling--flex);
-  overflow-y: var(--_infinite-scrolling--overflow-y);
-  min-height: 2.625em;
-  position: relative;
-  width: 100%;
-}
-.infinite-scrolling__items {
-  display: var(--_infinite-scrolling--display);
-  flex-direction: column;
-  flex: var(--_infinite-scrolling--flex);
-}
-.infinite-scrolling__pagination-trigger {
-  border: 1px solid transparent;
-}
-.infinite-scrolling__loading-container {
-  position: absolute;
-  bottom: 0.3125em;
-  left: 50%;
-  transform: translateX(-50%);
-}</style>

package/dist/ui/infinite-scrolling/cmp.infinite-scrolling.svelte.d.ts

@@ -1,25 +0,0 @@
-import type { Snippet } from 'svelte';
-type Props = {
-    /** Async callback invoked when the scroll trigger becomes visible */
-    loadMore: () => Promise<unknown>;
-    /** Scroll ancestor for IntersectionObserver root; required when viewport differs from scroll container */
-    container?: HTMLElement | null;
-    /** IntersectionObserver rootMargin to trigger loading before reaching the bottom */
-    actuationOffset?: string;
-    children: Snippet;
-    /** Custom loading indicator snippet; defaults to the built-in `Loading` spinner */
-    loading?: Snippet;
-};
-/**
- * Triggers an async `loadMore` callback when a sentinel element scrolls into view, using IntersectionObserver.
- *
- * ### CSS Custom Properties
- * | Property | Description | Default |
- * |---|---|---|
- * | `--sc-kit--infinite-scrolling--display` | Display mode for root and items container | `block` |
- * | `--sc-kit--infinite-scrolling--flex` | Flex shorthand for root and items container | `initial` |
- * | `--sc-kit--infinite-scrolling--overflow-y` | Vertical overflow behavior | `initial` |
- */
-declare const Cmp: import("svelte").Component<Props, {}, "">;
-type Cmp = ReturnType<typeof Cmp>;
-export default Cmp;

package/dist/ui/infinite-scrolling/index.d.ts

@@ -1 +0,0 @@
-export { default as InfiniteScrolling } from './cmp.infinite-scrolling.svelte';

package/dist/ui/infinite-scrolling/index.js

@@ -1 +0,0 @@
-export { default as InfiniteScrolling } from './cmp.infinite-scrolling.svelte';

package/dist/ui/inputs/index.d.ts

@@ -1,6 +0,0 @@
-export { Input, InputValidatable } from './input';
-export { NumeralInput, NumeralInputValidatable } from './numeral-input';
-export { PinInput } from './pin-input';
-export { RichTextInput } from './rich-text-input';
-export type { RichTextInputOptions } from './rich-text-input';
-export { Textarea, TextareaValidatable } from './textarea';

package/dist/ui/inputs/index.js

@@ -1,5 +0,0 @@
-export { Input, InputValidatable } from './input';
-export { NumeralInput, NumeralInputValidatable } from './numeral-input';
-export { PinInput } from './pin-input';
-export { RichTextInput } from './rich-text-input';
-export { Textarea, TextareaValidatable } from './textarea';

package/dist/ui/inputs/input/cmp.input-validatable.svelte

@@ -1,57 +0,0 @@
-<script lang="ts" generics="T extends Record<string, unknown>">import { Utils } from '../../../core/utils';
-import { FormValidationHandler } from '../../../core/validation';
-import { Validatable } from '../../validatable';
-import { default as Input } from './cmp.input.svelte';
-let { name, handler, id = undefined, type = 'text', debounce = 0, disabled = false, autofocus = false, placeholder = '', maxLength = null, clearable = false, validateOnChange = false, on, icon, clearButton } = $props();
-let inputRef = null;
-const onInput = (value) => {
-    if (!validateOnChange) {
-        handler.updateValidateField(name, value);
-    }
-    on?.input?.(value);
-};
-const onChange = (value) => {
-    if (validateOnChange) {
-        handler.updateValidateField(name, value);
-    }
-    on?.change?.(value);
-};
-const onBlur = () => {
-    if (inputRef) {
-        handler.updateValidateField(name, inputRef.value);
-    }
-};
-const handleMounted = (input) => {
-    inputRef = input;
-    on?.mounted?.({ input });
-};
-const handleInputDebounced = $derived(debounce ? Utils.debounce(onInput, debounce) : onInput);
-const handleChangeDebounced = $derived(debounce ? Utils.debounce(onChange, debounce) : onChange);
-</script>
-
-<Validatable handler={handler} name={name}>
-  <Input
-    value={handler.form[name] as string | null | undefined}
-    name={name}
-    id={id}
-    type={type}
-    autofocus={autofocus}
-    disabled={disabled}
-    placeholder={placeholder}
-    maxLength={maxLength}
-    clearable={clearable}
-    title={!!handler.touched[name] && !!handler.errors[name] ? handler.errors[name] : ''}
-    on={{
-      input: handleInputDebounced,
-      change: handleChangeDebounced,
-      mounted: (e) => handleMounted(e.input),
-      blur: onBlur
-    }}
-    icon={icon}
-    clearButton={clearButton} />
-</Validatable>
-
-<!--
-@component
-Input wrapped with form validation. Validates on input or change based on `validateOnChange` prop.
--->

package/dist/ui/inputs/input/cmp.input-validatable.svelte.d.ts

@@ -1,57 +0,0 @@
-import { FormValidationHandler } from '../../../core/validation';
-import type { Snippet } from 'svelte';
-declare function $$render<T extends Record<string, unknown>>(): {
-    props: {
-        /** Field name in the form handler */
-        name: keyof T & string;
-        /** Form validation handler instance */
-        handler: FormValidationHandler<T>;
-        id?: string;
-        /** @default 'text' */
-        type?: "text" | "password";
-        /** Debounce delay in ms for input/change handlers @default 0 */
-        debounce?: number;
-        disabled?: boolean;
-        autofocus?: boolean;
-        placeholder?: string;
-        maxLength?: number | null;
-        /** Show clear button when value is present */
-        clearable?: boolean;
-        /** Validate on change event instead of input @default false */
-        validateOnChange?: boolean;
-        on?: {
-            input?: (value: string) => void;
-            change?: (value: string) => void;
-            /** Fires after mount, provides the input element ref */
-            mounted?: (data: {
-                input: HTMLInputElement;
-            }) => void;
-        };
-        /** Left icon snippet */
-        icon?: Snippet;
-        /** Custom clear button snippet */
-        clearButton?: Snippet;
-    };
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
-};
-declare class __sveltets_Render<T extends Record<string, unknown>> {
-    props(): ReturnType<typeof $$render<T>>['props'];
-    events(): ReturnType<typeof $$render<T>>['events'];
-    slots(): ReturnType<typeof $$render<T>>['slots'];
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <T extends Record<string, unknown>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
-    } & ReturnType<__sveltets_Render<T>['exports']>;
-    <T extends Record<string, unknown>>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-/** Input wrapped with form validation. Validates on input or change based on `validateOnChange` prop. */
-declare const Cmp: $$IsomorphicComponent;
-type Cmp<T extends Record<string, unknown>> = InstanceType<typeof Cmp<T>>;
-export default Cmp;