@reshape-biotech/design-system 1.2.6 → 2.0.0

package/dist/components/select/Select.svelte

@@ -1,139 +0,0 @@
-<!-- @migration-task Error while migrating Svelte code: Cannot overwrite a zero-length range – use appendLeft or prependRight instead -->
-<!-- @migration-task Error while migrating Svelte code: This migration would change the name of a slot making the component unusable -->
-<script lang="ts">
-	import { backgroundColor, borderColor, textColor } from '../../tokens';
-	import { Icon } from '../icons';
-	import { createEventDispatcher } from 'svelte';
-	let className = '';
-	export { className as class };
-	import SvelteSelect from 'svelte-select';
-	import type { SelectItemProps } from '.';
-
-	const dispatch = createEventDispatcher();
-
-	export let items: SelectItemProps[] = [];
-	export let id: string | undefined = undefined;
-	export let value: SelectItemProps | SelectItemProps[] | null = null;
-	export let searchable = false;
-	export let listOpen = false;
-	export let placeholder: string | undefined = undefined;
-	export let disabled = false;
-	export let hasError = false;
-	export let withGroup = false;
-	export let multiple = false;
-	export let clearable = true;
-	export let required = false;
-	export let onChange: (value: SelectItemProps | SelectItemProps[]) => void = () => {};
-
-	const groupBy = withGroup ? (item: SelectItemProps) => item.group : undefined;
-</script>
-
-<SvelteSelect
-	{items}
-	{searchable}
-	{placeholder}
-	{disabled}
-	{id}
-	{hasError}
-	{multiple}
-	{clearable}
-	{groupBy}
-	on:select={(e) => dispatch('change', e.detail)}
-	on:input={(e) => dispatch('input', e.detail)}
-	on:change={(e) => {
-		dispatch('change', e.detail);
-		onChange(e.detail);
-	}}
-	class={`select ${className} h-10`}
-	{required}
-	bind:value
-	bind:listOpen
-	showChevron={true}
-	floatingConfig={{
-		placement: 'bottom'
-	}}
-	createGroupHeaderItem={(groupValue) => {
-		return {
-			value: groupValue,
-			label: groupValue
-		};
-	}}
-	--group-title-border-style="1px solid black"
-	--group-item-padding-left="1rem"
-	--item-height="100%"
-	--group-title-color={textColor['secondary']}
-	--group-title-font-size="0.75rem"
-	--group-title-font-weight="400"
-	--group-title-text-transform="none"
-	--placeholder-color={textColor['secondary']}
-	--item-is-active-bg={backgroundColor['accent']}
-	--item-is-active-color={textColor['primary']}
-	--item-hover-bg={backgroundColor['neutral']}
-	--border="1px solid {borderColor['input']}"
-	--border-hover="1px solid {borderColor['hover']}"
-	--border-focused="1px solid {borderColor['focus']}"
-	--border-radius="8px"
-	--font-size="text-sm"
->
-	<div slot="chevron-icon" class="">
-		<Icon iconName="CaretDown" color="icon-secondary" />
-	</div>
-
-	<div slot="selection" let:selection>
-		{#if $$slots['custom-selection']}
-			<slot name="custom-selection" {selection} />
-		{:else}
-			{selection.label}
-		{/if}
-	</div>
-
-	<div slot="clear-icon">
-		<Icon iconName="X" />
-	</div>
-
-	<div slot="item" let:item let:index class="flex">
-		<div class="relative flex flex-1 justify-between">
-			{#if $$slots['custom-item']}
-				<slot name="custom-item" {item} {index} />
-			{:else}
-				<div class="flex h-full flex-1 items-center text-ellipsis whitespace-nowrap">
-					<p>{item.label}</p>
-				</div>
-			{/if}
-		</div>
-		<slot />
-	</div>
-</SvelteSelect>
-
-<style>
-	:global(.svelte-select.focused) {
-		outline: 1px solid var(--colors-gray-1) !important;
-	}
-
-	:global(.svelte-select) {
-		width: 100%;
-		--tw-shadow: 0 1px 4px 0 rgba(18, 25, 42, 0.04);
-		--tw-shadow-colored: 0 1px 4px 0 var(--tw-shadow-color);
-		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-	:global(.svelte-select .item.active) {
-		background-color: #5750ee1A;
-}
-
-	:global(.svelte-select .list-item:not(:first-of-type) > .list-group-title) {
-		padding-top: 0.5rem;
-}
-
-	:global(.svelte-select .list-item:not(:first-of-type) > .list-group-title)::before {
-		position: relative;
-		bottom: 0px;
-		left: 0px;
-		clear: both;
-		display: block;
-		border-top-width: 1px;
-		border-color: #12192A26;
-		--tw-content: '';
-		content: var(--tw-content);
-}
-</style>

package/dist/components/select/Select.svelte.d.ts

@@ -1,60 +0,0 @@
-import type { SelectItemProps } from '.';
-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;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const Select: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    class?: string;
-    items?: SelectItemProps[];
-    id?: string | undefined;
-    value?: SelectItemProps | SelectItemProps[] | null;
-    searchable?: boolean;
-    listOpen?: boolean;
-    placeholder?: string | undefined;
-    disabled?: boolean;
-    hasError?: boolean;
-    withGroup?: boolean;
-    multiple?: boolean;
-    clearable?: boolean;
-    required?: boolean;
-    onChange?: (value: SelectItemProps | SelectItemProps[]) => void;
-}, {
-    'custom-selection': {
-        selection: any;
-    };
-    'custom-item': {
-        item: any;
-        index: any;
-    };
-    default: {};
-}>, {
-    change: CustomEvent<any>;
-    input: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {
-    'custom-selection': {
-        selection: any;
-    };
-    'custom-item': {
-        item: any;
-        index: any;
-    };
-    default: {};
-}, {}, string>;
-type Select = InstanceType<typeof Select>;
-export default Select;

package/dist/components/select-new/Select.stories.svelte

@@ -1,219 +0,0 @@
-<script module lang="ts">
-	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import * as Select from './index';
-	import { Icon, type IconName } from '../icons';
-
-	const { Story } = defineMeta({
-		title: 'Design System/Select(New)',
-
-		argTypes: {
-			placeholder: { control: 'text', defaultValue: 'Select an option...' },
-			disabled: { control: 'boolean', defaultValue: false },
-			multiple: { control: 'boolean', defaultValue: false }
-		}
-	});
-
-	const foodGroups = [
-		{ value: 'fruits', label: 'Fruits' },
-		{ value: 'vegetables', label: 'Vegetables' },
-		{ value: 'grains', label: 'Grains' },
-		{ value: 'protein', label: 'Protein Foods' },
-		{ value: 'dairy', label: 'Dairy' }
-	];
-
-	const moreFruits = [
-		{ value: 'apple', label: 'Apple' },
-		{ value: 'banana', label: 'Banana' },
-		{ value: 'blueberry', label: 'Blueberry' },
-		{ value: 'grapes', label: 'Grapes' },
-		{ value: 'mango', label: 'Mango' }
-	];
-
-	let selectedValueSingle = $state<string | undefined>(undefined);
-	let selectedValueMultiple = $state<string[]>([]);
-	let selectedValueSinglePreselected = $state<string | undefined>('vegetables');
-	let selectedValueMultiplePreselected = $state<string[]>(['fruits', 'grains']);
-
-	const customIconItems = [
-		{ value: 'insect_count', label: 'Insect count', iconName: 'Hash' },
-		{ value: 'insect_health', label: 'Insect health', iconName: 'Hash' },
-		{ value: 'leaf_area', label: 'Leaf area', iconName: 'Ruler' },
-		{ value: 'time_spent', label: 'Time spent on leaf', iconName: 'Timer' }
-	];
-	let selectedCustomItems = $state<string[]>(['insect_count', 'leaf_area']);
-
-	const handleRemoveCustomItem = (itemValue: string) => {
-		selectedCustomItems = selectedCustomItems.filter((v) => v !== itemValue);
-	};
-	const handleRemoveValueMultiple = (itemValue: string) => {
-		selectedValueMultiple = selectedValueMultiple.filter((v) => v !== itemValue);
-	};
-	const handleRemoveValueMultiplePreselected = (itemValue: string) => {
-		selectedValueMultiplePreselected = selectedValueMultiplePreselected.filter(
-			(v) => v !== itemValue
-		);
-	};
-</script>
-
-<Story name="Default (Single Select)" asChild>
-	<div class="p-4">
-		<Select.Root bind:value={selectedValueSingle} items={foodGroups} type="single" open>
-			<Select.Trigger
-				class="w-[250px]"
-				placeholder={'Select a food group'}
-				displayValue={foodGroups.find((f) => f.value === selectedValueSingle)?.label}
-			/>
-
-			<Select.Content>
-				{#each foodGroups as item (item.value)}
-					<Select.Item value={item.value} label={item.label} />
-				{/each}
-			</Select.Content>
-		</Select.Root>
-		<div class="mt-2 rounded bg-gray-100 p-2 text-sm">
-			Selected: {selectedValueSingle ?? 'Nothing'}
-		</div>
-	</div>
-</Story>
-
-<Story name="With Groups (Single Select)" asChild>
-	<div class="p-4">
-		<Select.Root bind:value={selectedValueSingle} items={moreFruits} type="single">
-			<Select.Trigger
-				class="w-[250px]"
-				placeholder={'Select a fruit'}
-				displayValue={moreFruits.find((f) => f.value === selectedValueSingle)?.label}
-			/>
-			<Select.Portal>
-				<Select.Content>
-					<Select.Group label="Fruits">
-						{#each moreFruits.slice(0, 2) as item (item.value)}
-							<Select.Item value={item.value} label={item.label} />
-						{/each}
-					</Select.Group>
-					<Select.Group label="More Fruits">
-						{#each moreFruits.slice(2) as item (item.value)}
-							<Select.Item value={item.value} label={item.label} />
-						{/each}
-					</Select.Group>
-				</Select.Content>
-			</Select.Portal>
-		</Select.Root>
-		<div class="mt-2 rounded bg-gray-100 p-2 text-sm">
-			Selected: {selectedValueSingle ?? 'Nothing'}
-		</div>
-	</div>
-</Story>
-
-<Story name="Multiple Select Example" asChild>
-	<div class="p-4">
-		<Select.Root bind:value={selectedValueMultiple} items={foodGroups} type="multiple">
-			<Select.MultiSelectTrigger
-				selectedValues={selectedValueMultiple}
-				items={foodGroups}
-				onRemoveItem={handleRemoveValueMultiple}
-			/>
-			<Select.Portal>
-				<Select.Content>
-					{#each foodGroups as item (item.value)}
-						<Select.Item value={item.value} label={item.label} />
-					{/each}
-				</Select.Content>
-			</Select.Portal>
-		</Select.Root>
-		<div class="mt-2 rounded bg-gray-100 p-2 text-sm">
-			Selected: {selectedValueMultiple.join(', ') || 'Nothing'}
-		</div>
-	</div>
-</Story>
-
-<Story name="Disabled Select" asChild>
-	<div class="p-4">
-		<Select.Root items={foodGroups} type="single" disabled={true}>
-			<Select.Trigger class="w-[250px]" placeholder={'Cannot select (disabled)'} disabled={true} />
-			<Select.Portal>
-				<Select.Content>
-					{#each foodGroups as item (item.value)}
-						<Select.Item value={item.value} label={item.label} disabled={true} />
-					{/each}
-				</Select.Content>
-			</Select.Portal>
-		</Select.Root>
-		<div class="mt-2 rounded bg-gray-100 p-2 text-sm">Selected: Nothing (disabled)</div>
-	</div>
-</Story>
-
-<Story name="Pre-selected (Single Select)" asChild>
-	<div class="p-4">
-		<Select.Root bind:value={selectedValueSinglePreselected} items={foodGroups} type="single">
-			<Select.Trigger
-				class="w-[250px]"
-				placeholder={'Select a food group'}
-				displayValue={foodGroups.find((f) => f.value === selectedValueSinglePreselected)?.label}
-			/>
-			<Select.Portal>
-				<Select.Content>
-					{#each foodGroups as item (item.value)}
-						<Select.Item value={item.value} label={item.label} />
-					{/each}
-				</Select.Content>
-			</Select.Portal>
-		</Select.Root>
-		<div class="mt-2 rounded bg-gray-100 p-2 text-sm">
-			Selected: {selectedValueSinglePreselected ?? 'Nothing'}
-		</div>
-	</div>
-</Story>
-
-<Story name="Pre-selected (Multiple Select)" asChild>
-	<div class="p-4">
-		<Select.Root bind:value={selectedValueMultiplePreselected} items={foodGroups} type="multiple">
-			<Select.MultiSelectTrigger
-				selectedValues={selectedValueMultiplePreselected}
-				items={foodGroups}
-				onRemoveItem={handleRemoveValueMultiplePreselected}
-			/>
-			<Select.Portal>
-				<Select.Content>
-					{#each foodGroups as item (item.value)}
-						<Select.Item value={item.value} label={item.label} />
-					{/each}
-				</Select.Content>
-			</Select.Portal>
-		</Select.Root>
-		<div class="mt-2 rounded bg-gray-100 p-2 text-sm">
-			Selected: {selectedValueMultiplePreselected.join(', ') || 'Nothing'}
-		</div>
-	</div>
-</Story>
-
-<Story name="Multiple Select with Custom Icons and Dismissible Tags" asChild>
-	<div class="p-4">
-		<Select.Root bind:value={selectedCustomItems} items={customIconItems} type="multiple">
-			<Select.MultiSelectTrigger
-				class="w-[350px]"
-				selectedValues={selectedCustomItems}
-				items={customIconItems}
-				placeholder="Select metrics..."
-				onRemoveItem={handleRemoveCustomItem}
-			/>
-			<Select.Portal>
-				<Select.Content>
-					{#each customIconItems as item (item.value)}
-						<Select.Item value={item.value} label={item.label}>
-							{#snippet children()}
-								<div class="flex items-center gap-2">
-									<Icon iconName={item.iconName as IconName} class="h-4 w-4" />
-									<span>{item.label}</span>
-								</div>
-							{/snippet}
-						</Select.Item>
-					{/each}
-				</Select.Content>
-			</Select.Portal>
-		</Select.Root>
-		<div class="mt-2 rounded bg-neutral p-2 text-sm">
-			Selected Values: {selectedCustomItems.join(', ') || 'Nothing'}
-		</div>
-	</div>
-</Story>

package/dist/components/select-new/Select.stories.svelte.d.ts

@@ -1,19 +0,0 @@
-import * as Select from './index';
-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;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Select: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Select = InstanceType<typeof Select>;
-export default Select;

package/dist/components/select-new/components/Group.svelte

@@ -1,24 +0,0 @@
-<script lang="ts">
-	import { Select as SelectPrimitive } from 'bits-ui';
-	import type { Snippet } from 'svelte';
-	import type { GroupProps as PrimitiveGroupProps } from '../types';
-	import GroupHeading from './SelectGroupHeading.svelte';
-
-	interface Props extends PrimitiveGroupProps {
-		label?: string;
-		children: Snippet;
-		class?: string;
-		contentClass?: string;
-	}
-
-	let { label, children, class: className, contentClass, ...restProps }: Props = $props();
-</script>
-
-<SelectPrimitive.Group class={className} {...restProps}>
-	{#if label}
-		<GroupHeading>{label}</GroupHeading>
-	{/if}
-	<div class={contentClass}>
-		{@render children()}
-	</div>
-</SelectPrimitive.Group>

package/dist/components/select-new/components/MultiSelectTrigger.svelte

@@ -1,66 +0,0 @@
-<script lang="ts">
-	import * as Select from '../index';
-	import { Icon, type IconName } from '../../icons';
-	import IconButton from '../../icon-button/IconButton.svelte';
-
-	type ItemType = {
-		value: string;
-		label: string;
-		iconName?: IconName | string;
-	};
-
-	interface Props {
-		selectedValues: string[];
-		items: ItemType[];
-		onRemoveItem: (itemValue: string) => void;
-		placeholder?: string;
-		class?: string;
-		[key: string]: any;
-	}
-
-	let {
-		selectedValues,
-		items,
-		onRemoveItem,
-		placeholder = 'Select items...',
-		class: className,
-		...restProps
-	}: Props = $props();
-</script>
-
-<Select.Trigger
-	class={'bg-background ring-offset-background placeholder:text-muted-foreground focus:ring-ring flex h-10 w-full items-center justify-between rounded-md border border-input px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50' +
-		(className || '')}
-	{...restProps}
->
-	{#if selectedValues.length === 0}
-		<span class="flex-grow px-2 text-tertiary">{placeholder}</span>
-	{:else}
-		<div class="flex flex-grow flex-wrap items-center gap-1">
-			{#each selectedValues as selectedVal (selectedVal)}
-				{@const item = items.find((i) => i.value === selectedVal)}
-				{#if item}
-					<div
-						class="flex w-fit items-center gap-1 rounded-sm bg-neutral px-1 py-0.5 text-sm"
-						aria-label={`Selected item ${item.label}`}
-					>
-						{#if item.iconName}
-							<Icon iconName={item.iconName as IconName} />
-						{/if}
-						<span>{item.label}</span>
-						<IconButton
-							type="button"
-							aria-label={`Remove ${item.label}`}
-							onclick={() => onRemoveItem(item.value)}
-							size="xs"
-							variant="transparent"
-							class="text-primary focus:outline-none"
-						>
-							<Icon iconName="X" />
-						</IconButton>
-					</div>
-				{/if}
-			{/each}
-		</div>
-	{/if}
-</Select.Trigger>

package/dist/components/select-new/components/SelectContent.svelte

@@ -1,33 +0,0 @@
-<script lang="ts">
-	import { Select as SelectPrimitive } from 'bits-ui';
-	import type { ContentProps } from '../types';
-
-	import type { Snippet } from 'svelte';
-	import Icon from '../../icons/Icon.svelte';
-
-	interface Props extends ContentProps {
-		children: Snippet;
-		class?: string;
-		sideOffset?: number;
-	}
-
-	let { class: className = '', sideOffset = 4, children, ...restProps }: Props = $props();
-
-	const baseClasses = `
-		w-[var(--bits-select-anchor-width)] relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-surface text-surface-foreground shadow-md
-    `;
-</script>
-
-<SelectPrimitive.Portal>
-	<SelectPrimitive.Content {...restProps} {sideOffset} class={baseClasses + ' ' + className}>
-		<SelectPrimitive.ScrollUpButton class="flex justify-center">
-			<Icon iconName="CaretUp" />
-		</SelectPrimitive.ScrollUpButton>
-		<SelectPrimitive.Viewport class="p-1 ">
-			{@render children()}
-		</SelectPrimitive.Viewport>
-		<SelectPrimitive.ScrollDownButton class="flex justify-center">
-			<Icon iconName="CaretDown" />
-		</SelectPrimitive.ScrollDownButton>
-	</SelectPrimitive.Content>
-</SelectPrimitive.Portal>

package/dist/components/select-new/components/SelectGroupHeading.svelte

@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { Select as SelectPrimitive } from 'bits-ui';
-	import type { GroupHeadingProps } from '../types';
-
-	import type { Snippet } from 'svelte';
-
-	interface Props extends GroupHeadingProps {
-		children: Snippet;
-		class?: string;
-	}
-
-	let { class: className = '', children, ...restProps }: Props = $props();
-
-	const baseClasses = 'py-1.5 pl-2 pr-2 text-sm font-semibold text-muted-foreground';
-</script>
-
-<SelectPrimitive.GroupHeading {...restProps} class="{baseClasses} {className}">
-	{@render children()}
-</SelectPrimitive.GroupHeading>

package/dist/components/select-new/components/SelectItem.svelte

@@ -1,39 +0,0 @@
-<script lang="ts">
-	import { Select as SelectPrimitive } from 'bits-ui';
-	import type { ItemProps, ItemSlotProps } from '../types';
-
-	import type { Snippet } from 'svelte';
-	import Icon from '../../icons/Icon.svelte';
-
-	interface Props extends ItemProps {
-		children?: Snippet<[ItemSlotProps]>;
-		class?: string;
-	}
-
-	let { class: className = '', children, ...restProps }: Props = $props();
-
-	const baseClasses = `
-        relative flex w-full h-auto gap-2 cursor-default select-none items-center justify-between rounded-lg p-3 text-sm outline-none 
-        focus:bg-neutral focus:text-accent-foreground 
-        data-[disabled]:pointer-events-none data-[disabled]:opacity-50
-        data-[highlighted]:bg-neutral data-[highlighted]:text-accent-foreground
-    `;
-</script>
-
-<SelectPrimitive.Item {...restProps} class={baseClasses + ' ' + className}>
-	{#snippet children(params: ItemSlotProps)}
-		{#if children}
-			{@render children(params)}
-		{:else}
-			<span>
-				{restProps.label ??
-					(typeof restProps.value === 'string' || typeof restProps.value === 'number'
-						? restProps.value
-						: 'Item')}</span
-			>
-		{/if}
-		{#if params.selected}
-			<Icon iconName="Check" color="accent" />
-		{/if}
-	{/snippet}
-</SelectPrimitive.Item>

package/dist/components/select-new/components/SelectTrigger.svelte

@@ -1,48 +0,0 @@
-<script lang="ts">
-	import { Select as SelectPrimitive } from 'bits-ui';
-	import type { TriggerProps, IconSnippet } from '../types';
-
-	import type { Snippet } from 'svelte';
-	import { Icon } from '../../icons';
-
-	interface Props extends TriggerProps {
-		TriggerIcon?: IconSnippet;
-		children?: Snippet;
-		class?: string;
-		placeholder?: string;
-		displayValue?: string;
-	}
-
-	let {
-		class: className = '',
-		TriggerIcon = undefined,
-		children,
-		placeholder = 'Select an option',
-		displayValue = undefined,
-		...restProps
-	}: Props = $props();
-
-	const baseClasses =
-		'flex h-10 w-full items-center justify-between rounded-lg border border-input bg-surface p-2 text-sm placeholder:text-tertiary focus:outline-none hover:border-hover focus:border-accent disabled:cursor-not-allowed disabled:opacity-50 transition-colors shadow-input';
-</script>
-
-<SelectPrimitive.Trigger
-	{...restProps}
-	class={baseClasses + ' ' + className}
-	aria-label={placeholder}
->
-	<div class="flex-1 truncate text-left">
-		{#if children}
-			{@render children()}
-		{:else if displayValue !== undefined}
-			{displayValue}
-		{:else}
-			<span class="text-tertiary">{placeholder}</span>
-		{/if}
-	</div>
-	{#if TriggerIcon}
-		{@render TriggerIcon()}
-	{:else}
-		<Icon iconName="CaretDown" color="secondary" class="mx-1 shrink-0" />
-	{/if}
-</SelectPrimitive.Trigger>

package/dist/components/select-new/index.d.ts

@@ -1,10 +0,0 @@
-import Content from './components/SelectContent.svelte';
-import Item from './components/SelectItem.svelte';
-import GroupHeading from './components/SelectGroupHeading.svelte';
-import Trigger from './components/SelectTrigger.svelte';
-import MultiSelectTrigger from './components/MultiSelectTrigger.svelte';
-import Group from './components/Group.svelte';
-export declare const Root: import("svelte").Component<import("bits-ui").ComboboxRootPropsWithoutHTML, {}, "open" | "value">;
-export declare const Portal: import("svelte").Component<import("bits-ui").PortalProps, {}, "">;
-export { Content, Item, Group, GroupHeading, Trigger, MultiSelectTrigger };
-export * from './types';