@casinogate/ui 1.11.14 → 2.0.0

package/dist/composed/select/async/select.async.svelte

@@ -0,0 +1,323 @@
+<script lang="ts" generics="TItem extends SelectItem">
+  import { Icon } from '../../../atomic/icons/index.js';
+  import { SELECTION_TYPE } from '../../../internal/constants/selection-type.js';
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import * as Primitive from '../../../primitives/select/components/index.js';
+  import { Spinner } from '../../../primitives/spinner/index.js';
+  import { watch } from 'runed';
+  import { onMountEffect } from 'svelte-toolbelt';
+  import type { Attachment } from 'svelte/attachments';
+  import { cubicInOut } from 'svelte/easing';
+  import { fly } from 'svelte/transition';
+  import { SELECT_UNGROUPED_KEY, useSelectItems } from '../model/use-select-items.svelte.js';
+  import { isEmptyValue, resolveDisplayLabel, resolveSelectedItems } from '../model/value.js';
+  import type { SelectAsyncProps, SelectItem } from '../types.js';
+
+  let {
+    value = $bindable(),
+    open = $bindable(false),
+    type,
+    empty = 'No results found',
+    groups = [],
+    item: itemSnippet,
+    trigger: triggerSnippet,
+    label: labelSnippet,
+    contentProps,
+    contentClass,
+    contentRef = $bindable(null),
+    triggerClass,
+    triggerProps,
+    placeholder: placeholderProp = '',
+    clearable = false,
+    disabledPortal = false,
+    loading: loadingSnippet,
+    pageSize = 10,
+    callback,
+    initialItems = [],
+    loadImmediate = true,
+    dependsOn,
+    onChangeDependency,
+    clearOnDependencyChange = true,
+    onSelect,
+    ...restProps
+  }: SelectAsyncProps<TItem> = $props();
+
+  const isMultiple = $derived(type === SELECTION_TYPE.MULTIPLE);
+
+  if (value === undefined) value = type === SELECTION_TYPE.MULTIPLE ? [] : '';
+
+  let items = $state<TItem[]>(initialItems);
+  let isLoading = $state(false);
+  let hasMore = $state(true);
+  let currentPage = $state(1);
+  let error = $state<string | null>(null);
+  let viewportRef = $state<HTMLElement | null>(null);
+
+  const itemsModel = useSelectItems<TItem>({
+    items: () => items,
+    groups: () => groups,
+  });
+
+  const displayLabel = $derived(resolveDisplayLabel(value!, itemsModel.itemByValue, placeholderProp));
+  const selectedItems = $derived(resolveSelectedItems(value!, itemsModel.itemByValue));
+  const isNotEmpty = $derived(!isEmptyValue(value!));
+
+  let previousValue: string | string[] = value!;
+
+  const handleValueChange = (newValue: string | string[]) => {
+    if (onSelect) {
+      let changed: string | undefined;
+      if (typeof newValue === 'string') {
+        changed = newValue || undefined;
+      } else {
+        const prev = Array.isArray(previousValue) ? previousValue : [];
+        changed = newValue.find((v) => !prev.includes(v)) ?? prev.find((v) => !newValue.includes(v));
+      }
+      const item = changed ? (itemsModel.itemByValue.get(changed) ?? null) : null;
+      (onSelect as (v: string | string[], i: TItem | null) => void)(newValue, item);
+    }
+    previousValue = newValue;
+  };
+
+  const clearValue = (event: Event) => {
+    event.stopPropagation();
+    value = isMultiple ? [] : '';
+  };
+
+  const onClearKeyDown = (event: KeyboardEvent) => {
+    if (event.key !== 'Enter' && event.key !== ' ') return;
+    event.preventDefault();
+    event.stopPropagation();
+    value = isMultiple ? [] : '';
+  };
+
+  const fetchData = async (page: number, append = false) => {
+    if (isLoading) return;
+
+    isLoading = true;
+    error = null;
+
+    try {
+      const result = await callback({ page, pageSize });
+      items = append ? [...items, ...result.items] : result.items;
+      currentPage = page;
+      hasMore = result.hasMore;
+    } catch (err) {
+      error = err instanceof Error ? err.message : 'Failed to fetch data';
+    } finally {
+      isLoading = false;
+    }
+  };
+
+  watch(
+    () => open,
+    () => {
+      if (!open) return;
+      if (isLoading || items.length > 0 || loadImmediate) return;
+      fetchData(1);
+    }
+  );
+
+  onMountEffect(() => {
+    if (loadImmediate) fetchData(1);
+  });
+
+  $effect(() => {
+    return () => {
+      currentPage = 1;
+    };
+  });
+
+  let previousDependency = $state<unknown>(dependsOn?.());
+  watch(
+    () => $state.snapshot(dependsOn?.()),
+    (newValue) => {
+      if (previousDependency === newValue) return;
+      previousDependency = newValue;
+      onChangeDependency?.(newValue);
+
+      items = [];
+      currentPage = 1;
+      hasMore = true;
+      error = null;
+
+      if (clearOnDependencyChange) value = isMultiple ? [] : '';
+
+      fetchData(1);
+    },
+    { lazy: true }
+  );
+
+  const loadMore = () => {
+    if (!isLoading && hasMore) fetchData(currentPage + 1, true);
+  };
+
+  const anchorAttachment: Attachment = (el) => {
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (entries[0]?.isIntersecting) loadMore();
+      },
+      { threshold: 0 }
+    );
+
+    observer.observe(el);
+    return () => observer.disconnect();
+  };
+
+  const retry = () => {
+    error = null;
+    fetchData(currentPage);
+  };
+
+  const scrollToTop = () => {
+    if (!viewportRef) return;
+    viewportRef.scrollTo({ top: 0, behavior: 'smooth' });
+  };
+</script>
+
+{#snippet clearControl()}
+  {#if clearable && isNotEmpty}
+    <span
+      role="button"
+      tabindex={0}
+      aria-label="Clear selection"
+      class="cgui:ms-auto cgui:text-icon-regular cgui:size-4 cgui:cursor-pointer cgui:flex cgui:items-center cgui:justify-center cgui:shrink-0"
+      onclick={clearValue}
+      onkeydown={onClearKeyDown}
+    >
+      <Icon.Cross width={16} height={16} />
+    </span>
+  {/if}
+{/snippet}
+
+{#snippet renderItem(item: TItem)}
+  {#if itemSnippet}
+    <Primitive.Item value={item.value} label={item.label} disabled={item.disabled} data-value={item.value}>
+      {#snippet child({ selected, highlighted, props })}
+        {@render itemSnippet({ item, props, selected, highlighted })}
+      {/snippet}
+    </Primitive.Item>
+  {:else}
+    <Primitive.Item value={item.value} label={item.label} disabled={item.disabled} data-value={item.value}>
+      {#snippet children({ selected })}
+        {#if item.icon}
+          <item.icon width={16} height={16} />
+        {/if}
+        {item.label}
+
+        {#if selected}
+          <span class="cgui:ms-auto" transition:fly={{ duration: 250, y: 4, easing: cubicInOut }}>
+            <Icon.Checkmark class="cgui:ms-auto" width={16} height={16} />
+          </span>
+        {/if}
+      {/snippet}
+    </Primitive.Item>
+  {/if}
+{/snippet}
+
+{#snippet renderItems(list: TItem[])}
+  {#each list as item (item.value)}
+    {@render renderItem(item)}
+  {/each}
+{/snippet}
+
+{#snippet loadingSpinner()}
+  <div class="cgui:p-4 cgui:flex cgui:items-center cgui:h-full cgui:justify-center cgui:text-icon-default">
+    <Spinner />
+  </div>
+{/snippet}
+
+{#snippet loadingMore()}
+  <div class="cgui:p-2 cgui:flex cgui:items-center cgui:justify-center cgui:text-icon-default">
+    <Spinner />
+  </div>
+{/snippet}
+
+{#snippet errorState()}
+  <div role="alert" class="cgui:p-4 cgui:text-center cgui:text-body-2">
+    <p class="cgui:text-destructive cgui:mb-2">{error}</p>
+    <button type="button" class="cgui:text-sm cgui:text-primary cgui:underline cgui:hover:no-underline" onclick={retry}>
+      Try again
+    </button>
+  </div>
+{/snippet}
+
+<Primitive.Root bind:value={value as never} bind:open {type} {...restProps} onValueChange={handleValueChange as never}>
+  {#if triggerSnippet}
+    <Primitive.Trigger class={cn(triggerClass)} {...triggerProps}>
+      {#snippet child({ props })}
+        {@render triggerSnippet({ props, label: displayLabel, selectedItems })}
+      {/snippet}
+    </Primitive.Trigger>
+  {:else}
+    <Primitive.Trigger class={cn(triggerClass)} {...triggerProps}>
+      {#if labelSnippet}
+        {@render labelSnippet({ placeholder: displayLabel, value: value!, selectedItems })}
+      {:else}
+        {displayLabel}
+      {/if}
+
+      {@render clearControl()}
+    </Primitive.Trigger>
+  {/if}
+
+  <Primitive.Portal disabled={disabledPortal}>
+    <Primitive.Content bind:ref={contentRef} class={cn(contentClass)} {...contentProps}>
+      <Primitive.Viewport bind:ref={viewportRef}>
+        {#if error}
+          {@render errorState()}
+        {:else if isLoading && !itemsModel.hasResults}
+          {#if loadingSnippet}
+            {@render loadingSnippet()}
+          {:else}
+            {@render loadingSpinner()}
+          {/if}
+        {:else if itemsModel.hasResults}
+          {#each itemsModel.groupedItems as [groupKey, groupItems] (groupKey || SELECT_UNGROUPED_KEY)}
+            {#if groupKey}
+              <Primitive.Group>
+                <Primitive.GroupHeading>
+                  {itemsModel.groupLabelMap.get(groupKey) ?? groupKey}
+                </Primitive.GroupHeading>
+                {@render renderItems(groupItems)}
+              </Primitive.Group>
+            {:else}
+              {@render renderItems(groupItems)}
+            {/if}
+          {/each}
+
+          {#if isLoading}
+            {@render loadingMore()}
+          {/if}
+
+          {#if hasMore}
+            {#key items.length}
+              <div class="cgui:h-1 cgui:w-full" {@attach anchorAttachment}></div>
+            {/key}
+          {/if}
+
+          {#if !hasMore && items.length > pageSize}
+            <button
+              type="button"
+              aria-label="Scroll to top"
+              class="cgui:w-full cgui:flex cgui:justify-center cgui:cursor-pointer cgui:items-center cgui:text-xs cgui:text-icon-default cgui:underline cgui:hover:no-underline"
+              onclick={scrollToTop}
+            >
+              <Icon.ChevronUp />
+            </button>
+          {/if}
+        {:else if typeof empty === 'string'}
+          <div
+            role="status"
+            aria-live="polite"
+            class="cgui:p-4 cgui:flex cgui:items-center cgui:h-full cgui:justify-center cgui:text-center cgui:text-body-2 cgui:text-fg-regular"
+          >
+            {empty}
+          </div>
+        {:else}
+          {@render empty?.()}
+        {/if}
+      </Primitive.Viewport>
+    </Primitive.Content>
+  </Primitive.Portal>
+</Primitive.Root>

package/dist/composed/select/async/select.async.svelte.d.ts

@@ -0,0 +1,25 @@
+import type { SelectAsyncProps, SelectItem } from '../types.js';
+declare function $$render<TItem extends SelectItem>(): {
+    props: SelectAsyncProps<TItem>;
+    exports: {};
+    bindings: "value" | "open" | "contentRef";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<TItem extends SelectItem> {
+    props(): ReturnType<typeof $$render<TItem>>['props'];
+    events(): ReturnType<typeof $$render<TItem>>['events'];
+    slots(): ReturnType<typeof $$render<TItem>>['slots'];
+    bindings(): "value" | "open" | "contentRef";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TItem extends SelectItem>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TItem>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TItem>['props']>, ReturnType<__sveltets_Render<TItem>['events']>, ReturnType<__sveltets_Render<TItem>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TItem>['bindings']>;
+    } & ReturnType<__sveltets_Render<TItem>['exports']>;
+    <TItem extends SelectItem>(internal: unknown, props: ReturnType<__sveltets_Render<TItem>['props']> & {}): ReturnType<__sveltets_Render<TItem>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Select: $$IsomorphicComponent;
+type Select<TItem extends SelectItem> = InstanceType<typeof Select<TItem>>;
+export default Select;

package/dist/composed/select/exports.d.ts

@@ -0,0 +1,2 @@
+export { Async } from './async/index.js';
+export { Root } from './root/index.js';

package/dist/composed/select/exports.js

@@ -0,0 +1,2 @@
+export { Async } from './async/index.js';
+export { Root } from './root/index.js';

package/dist/composed/select/index.d.ts

@@ -0,0 +1,2 @@
+export * as Select from './exports.js';
+export type * from './types.js';

package/dist/composed/select/index.js

@@ -0,0 +1 @@
+export * as Select from './exports.js';

package/dist/composed/select/model/use-select-items.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteMap } from 'svelte/reactivity';
+import type { SelectGroup, SelectItem } from '../types.js';
+export declare const SELECT_UNGROUPED_KEY = "__ungrouped__";
+type Opts<TItem extends SelectItem> = {
+    items: () => TItem[];
+    groups: () => SelectGroup[];
+};
+export declare const useSelectItems: <TItem extends SelectItem>({ items, groups }: Opts<TItem>) => {
+    readonly itemByValue: SvelteMap<string, TItem>;
+    readonly groupLabelMap: SvelteMap<string, string>;
+    readonly groupedItems: [string, TItem[]][];
+    readonly hasResults: boolean;
+};
+export {};

package/dist/composed/select/model/use-select-items.svelte.js

@@ -0,0 +1,54 @@
+import { SvelteMap } from 'svelte/reactivity';
+export const SELECT_UNGROUPED_KEY = '__ungrouped__';
+const LAST_GROUP_ORDER = Number.MAX_SAFE_INTEGER;
+export const useSelectItems = ({ items, groups }) => {
+    const itemByValue = $derived.by(() => {
+        const map = new SvelteMap();
+        for (const item of items())
+            map.set(item.value, item);
+        return map;
+    });
+    const groupLabelMap = $derived.by(() => {
+        const map = new SvelteMap();
+        for (const group of groups())
+            map.set(group.key, group.label ?? group.key);
+        return map;
+    });
+    const groupOrderMap = $derived.by(() => {
+        const map = new SvelteMap();
+        groups().forEach((g, index) => map.set(g.key, g.order ?? index));
+        return map;
+    });
+    const groupedItems = $derived.by(() => {
+        const buckets = new SvelteMap();
+        for (const item of items()) {
+            const key = item.group ?? '';
+            const bucket = buckets.get(key);
+            if (bucket)
+                bucket.push(item);
+            else
+                buckets.set(key, [item]);
+        }
+        return [...buckets.entries()].sort(([a], [b]) => {
+            const orderA = groupOrderMap.get(a) ?? LAST_GROUP_ORDER;
+            const orderB = groupOrderMap.get(b) ?? LAST_GROUP_ORDER;
+            if (orderA !== orderB)
+                return orderA - orderB;
+            return a.localeCompare(b);
+        });
+    });
+    return {
+        get itemByValue() {
+            return itemByValue;
+        },
+        get groupLabelMap() {
+            return groupLabelMap;
+        },
+        get groupedItems() {
+            return groupedItems;
+        },
+        get hasResults() {
+            return items().length > 0;
+        },
+    };
+};

package/dist/composed/select/model/value.d.ts

@@ -0,0 +1,4 @@
+import type { SelectItem } from '../types.js';
+export declare const isEmptyValue: (value: string | string[]) => boolean;
+export declare const resolveSelectedItems: <TItem extends SelectItem>(value: string | string[], itemByValue: ReadonlyMap<string, TItem>) => TItem[];
+export declare const resolveDisplayLabel: <TItem extends SelectItem>(value: string | string[], itemByValue: ReadonlyMap<string, TItem>, placeholder: string) => string;

package/dist/composed/select/model/value.js

@@ -0,0 +1,32 @@
+export const isEmptyValue = (value) => {
+    if (Array.isArray(value))
+        return value.length === 0;
+    return value === '';
+};
+export const resolveSelectedItems = (value, itemByValue) => {
+    if (typeof value === 'string') {
+        if (value === '')
+            return [];
+        const item = itemByValue.get(value);
+        return item ? [item] : [];
+    }
+    if (value.length === 0)
+        return [];
+    const result = [];
+    for (const v of value) {
+        const item = itemByValue.get(v);
+        if (item)
+            result.push(item);
+    }
+    return result;
+};
+export const resolveDisplayLabel = (value, itemByValue, placeholder) => {
+    if (typeof value === 'string') {
+        if (value === '')
+            return placeholder;
+        return itemByValue.get(value)?.label ?? value;
+    }
+    if (value.length === 0)
+        return placeholder;
+    return value.map((v) => itemByValue.get(v)?.label ?? v).join(', ');
+};

package/dist/composed/select/root/index.d.ts

@@ -0,0 +1 @@
+export { default as Root } from './select.root.svelte';

package/dist/composed/select/root/index.js

@@ -0,0 +1 @@
+export { default as Root } from './select.root.svelte';

package/dist/composed/select/root/select.root.svelte

@@ -0,0 +1,175 @@
+<script lang="ts" generics="TItem extends SelectItem">
+  import { Icon } from '../../../atomic/icons/index.js';
+  import { SELECTION_TYPE } from '../../../internal/constants/selection-type.js';
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import * as Primitive from '../../../primitives/select/components/index.js';
+  import { cubicInOut } from 'svelte/easing';
+  import { fly } from 'svelte/transition';
+  import { SELECT_UNGROUPED_KEY, useSelectItems } from '../model/use-select-items.svelte.js';
+  import { isEmptyValue, resolveDisplayLabel, resolveSelectedItems } from '../model/value.js';
+  import type { SelectItem, SelectProps } from '../types.js';
+
+  let {
+    value = $bindable(),
+    open = $bindable(false),
+    type,
+    empty = 'No results found',
+    items = [],
+    groups = [],
+    item: itemSnippet,
+    trigger: triggerSnippet,
+    label: labelSnippet,
+    contentProps,
+    contentClass,
+    contentRef = $bindable(null),
+    triggerClass,
+    triggerProps,
+    placeholder: placeholderProp = '',
+    clearable = false,
+    disabledPortal = false,
+    onSelect,
+    ...restProps
+  }: SelectProps<TItem> = $props();
+
+  const isMultiple = $derived(type === SELECTION_TYPE.MULTIPLE);
+
+  if (value === undefined) value = type === SELECTION_TYPE.MULTIPLE ? [] : '';
+
+  const itemsModel = useSelectItems<TItem>({
+    items: () => items,
+    groups: () => groups,
+  });
+
+  const displayLabel = $derived(resolveDisplayLabel(value!, itemsModel.itemByValue, placeholderProp));
+  const selectedItems = $derived(resolveSelectedItems(value!, itemsModel.itemByValue));
+  const isNotEmpty = $derived(!isEmptyValue(value!));
+
+  let previousValue: string | string[] = value!;
+
+  const handleValueChange = (newValue: string | string[]) => {
+    if (onSelect) {
+      let changed: string | undefined;
+      if (typeof newValue === 'string') {
+        changed = newValue || undefined;
+      } else {
+        const prev = Array.isArray(previousValue) ? previousValue : [];
+        changed = newValue.find((v) => !prev.includes(v)) ?? prev.find((v) => !newValue.includes(v));
+      }
+      const item = changed ? (itemsModel.itemByValue.get(changed) ?? null) : null;
+      (onSelect as (v: string | string[], i: TItem | null) => void)(newValue, item);
+    }
+    previousValue = newValue;
+  };
+
+  const clearValue = (event: Event) => {
+    event.stopPropagation();
+    value = isMultiple ? [] : '';
+  };
+
+  const onClearKeyDown = (event: KeyboardEvent) => {
+    if (event.key !== 'Enter' && event.key !== ' ') return;
+    event.preventDefault();
+    event.stopPropagation();
+    value = isMultiple ? [] : '';
+  };
+</script>
+
+{#snippet clearControl()}
+  {#if clearable && isNotEmpty}
+    <span
+      role="button"
+      tabindex={0}
+      aria-label="Clear selection"
+      class="cgui:ms-auto cgui:text-icon-regular cgui:size-4 cgui:cursor-pointer cgui:flex cgui:items-center cgui:justify-center cgui:shrink-0"
+      onclick={clearValue}
+      onkeydown={onClearKeyDown}
+    >
+      <Icon.Cross width={16} height={16} />
+    </span>
+  {/if}
+{/snippet}
+
+{#snippet renderItem(item: TItem)}
+  {#if itemSnippet}
+    <Primitive.Item value={item.value} label={item.label} disabled={item.disabled} data-value={item.value}>
+      {#snippet child({ selected, highlighted, props })}
+        {@render itemSnippet({ item, props, selected, highlighted })}
+      {/snippet}
+    </Primitive.Item>
+  {:else}
+    <Primitive.Item value={item.value} label={item.label} disabled={item.disabled} data-value={item.value}>
+      {#snippet children({ selected })}
+        {#if item.icon}
+          <item.icon width={16} height={16} />
+        {/if}
+        {item.label}
+
+        {#if selected}
+          <span
+            class="cgui:ms-auto cgui:size-4 cgui:flex cgui:items-center cgui:justify-center cgui:shrink-0"
+            transition:fly={{ duration: 250, y: 4, easing: cubicInOut }}
+          >
+            <Icon.Checkmark class="cgui:ms-auto" width={16} height={16} />
+          </span>
+        {/if}
+      {/snippet}
+    </Primitive.Item>
+  {/if}
+{/snippet}
+
+{#snippet renderItems(list: TItem[])}
+  {#each list as item (item.value)}
+    {@render renderItem(item)}
+  {/each}
+{/snippet}
+
+<Primitive.Root bind:value={value as never} bind:open {type} {...restProps} onValueChange={handleValueChange as never}>
+  {#if triggerSnippet}
+    <Primitive.Trigger class={cn(triggerClass)} {...triggerProps}>
+      {#snippet child({ props })}
+        {@render triggerSnippet({ props, label: displayLabel, selectedItems })}
+      {/snippet}
+    </Primitive.Trigger>
+  {:else}
+    <Primitive.Trigger class={cn(triggerClass)} {...triggerProps}>
+      {#if labelSnippet}
+        {@render labelSnippet({ placeholder: displayLabel, value: value!, selectedItems })}
+      {:else}
+        {displayLabel}
+      {/if}
+
+      {@render clearControl()}
+    </Primitive.Trigger>
+  {/if}
+
+  <Primitive.Portal disabled={disabledPortal}>
+    <Primitive.Content bind:ref={contentRef} class={cn(contentClass)} {...contentProps}>
+      <Primitive.Viewport>
+        {#if itemsModel.hasResults}
+          {#each itemsModel.groupedItems as [groupKey, groupItems] (groupKey || SELECT_UNGROUPED_KEY)}
+            {#if groupKey}
+              <Primitive.Group>
+                <Primitive.GroupHeading>
+                  {itemsModel.groupLabelMap.get(groupKey) ?? groupKey}
+                </Primitive.GroupHeading>
+                {@render renderItems(groupItems)}
+              </Primitive.Group>
+            {:else}
+              {@render renderItems(groupItems)}
+            {/if}
+          {/each}
+        {:else if typeof empty === 'string'}
+          <div
+            role="status"
+            aria-live="polite"
+            class="cgui:p-4 cgui:flex cgui:items-center cgui:h-full cgui:justify-center cgui:text-center cgui:text-body-2 cgui:text-fg-regular"
+          >
+            {empty}
+          </div>
+        {:else}
+          {@render empty?.()}
+        {/if}
+      </Primitive.Viewport>
+    </Primitive.Content>
+  </Primitive.Portal>
+</Primitive.Root>

package/dist/composed/select/root/select.root.svelte.d.ts

@@ -0,0 +1,25 @@
+import type { SelectItem, SelectProps } from '../types.js';
+declare function $$render<TItem extends SelectItem>(): {
+    props: SelectProps<TItem>;
+    exports: {};
+    bindings: "value" | "open" | "contentRef";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<TItem extends SelectItem> {
+    props(): ReturnType<typeof $$render<TItem>>['props'];
+    events(): ReturnType<typeof $$render<TItem>>['events'];
+    slots(): ReturnType<typeof $$render<TItem>>['slots'];
+    bindings(): "value" | "open" | "contentRef";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TItem extends SelectItem>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TItem>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TItem>['props']>, ReturnType<__sveltets_Render<TItem>['events']>, ReturnType<__sveltets_Render<TItem>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TItem>['bindings']>;
+    } & ReturnType<__sveltets_Render<TItem>['exports']>;
+    <TItem extends SelectItem>(internal: unknown, props: ReturnType<__sveltets_Render<TItem>['props']> & {}): ReturnType<__sveltets_Render<TItem>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Select: $$IsomorphicComponent;
+type Select<TItem extends SelectItem> = InstanceType<typeof Select<TItem>>;
+export default Select;