@placeholderco/placeholder-ui 2.1.1 → 2.2.1

package/dist/form/SelectMulti.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { clickOutside } from '../util/ClickOutside.js';
+	import { floating } from '../util/Floating.js';
 	import type {
 		ComboBoxGroup,
 		ComboBoxItem,
@@ -245,6 +246,7 @@
 	}
 
 	let comboBoxEl: ReturnType<typeof ComboBoxMulti> | undefined = $state(undefined);
+	let containerElement: HTMLElement | undefined = $state(undefined);
 	let textboxElement: HTMLElement | undefined = $state(undefined);
 	let buttonElement: HTMLElement;
 	let comboBoxKeyDown: ((e: KeyboardEvent) => void) | undefined = $state(undefined);
@@ -283,6 +285,7 @@
 <div
 	class="select-container {containerClass}"
 	class:mb-[1px]={computedAllowSearch && open && !isEmpty}
+	bind:this={containerElement}
 >
 	<FormGroup {label} {required} {tooltipContent} {tooltipLocation}>
 		<button
@@ -313,22 +316,6 @@
 								}}>{value.label}</Badge
 							>
 						{/if}
-						<!-- <span class="inline-flex items-center bg-midnight text-white rounded-md px-2">
-						{value.label}
-						<button
-							class="leading-0 ml-1 size-4 rounded hover:bg-neutral-400/25"
-							{disabled}
-							onclick={(e) => {
-								if (disabled) return;
-
-								value.selected = !value.selected;
-								onSelection(value);
-								open = false;
-								e.stopPropagation();
-							}}
-							>×
-						</button>
-					</span> -->
 					{/each}
 				</div>
 			{/if}
@@ -363,39 +350,40 @@
 			{/if}
 		</button>
 	</FormGroup>
-	<div
-		class="select-panel top-full
-			{open ? '' : 'hidden'}"
-	>
-		<div class="select-panel-inner" use:clickOutside={closePopover}>
-			{#if computedAllowSearch}
-				<Textbox
-					bind:value={filterString}
-					class="w-full
-						{open ? '!border-accent' : 'hidden'}
-						{open && !isEmpty ? 'border-t-0 rounded-t-none' : ''}"
-					bind:textboxElement
-					placeholder="Start typing to search..."
-					disabled={core.preloading}
-					autocomplete="off"
-					oninput={() => onFilterChange(filterString)}
-					onkeydown={onKeyDown}
+	{#if open}
+		<!-- Rendered in the top layer so a scrolling Dialog body cannot clip it -->
+		<div
+			class="select-panel"
+			use:floating={{ anchor: () => containerElement, placement: 'bottom-start', matchWidth: true }}
+		>
+			<div class="select-panel-inner" use:clickOutside={closePopover}>
+				{#if computedAllowSearch}
+					<Textbox
+						bind:value={filterString}
+						class="w-full !border-accent {!isEmpty ? 'border-t-0 rounded-t-none' : ''}"
+						bind:textboxElement
+						placeholder="Start typing to search..."
+						disabled={core.preloading}
+						autocomplete="off"
+						oninput={() => onFilterChange(filterString)}
+						onkeydown={onKeyDown}
+					/>
+				{/if}
+				<ComboBoxMulti
+					bind:this={comboBoxEl}
+					{filterString}
+					values={rawValues}
+					{onSelection}
+					onkeydown={comboBoxKeyDown}
+					groupedOptions={core.filteredGroups}
+					open={open && !hideCombobox}
+					loading={core.searching}
+					{hideNoResults}
+					{loadingText}
 				/>
-			{/if}
-			<ComboBoxMulti
-				bind:this={comboBoxEl}
-				{filterString}
-				values={rawValues}
-				{onSelection}
-				onkeydown={comboBoxKeyDown}
-				groupedOptions={core.filteredGroups}
-				open={open && !hideCombobox}
-				loading={core.searching}
-				{hideNoResults}
-				{loadingText}
-			/>
+			</div>
 		</div>
-	</div>
+	{/if}
 	{#if showError && errorText}
 		<div class="text-error text-xs">{errorText}</div>
 	{/if}
@@ -453,10 +441,8 @@
 		padding: 0.25rem;
 	}
 
+	/* Position, width and top-layer promotion come from use:floating */
 	.select-panel {
-		position: absolute;
-		width: 100%;
-		left: 0;
 		z-index: 70;
 	}
 
@@ -469,10 +455,6 @@
 		color: var(--placeholder-color);
 	}
 
-	.hidden {
-		display: none;
-	}
-
 	.disabled {
 		opacity: 0.5;
 		cursor: not-allowed;

package/dist/form/StringArrayBuilder.svelte

@@ -34,9 +34,7 @@
 		return items.some((item, i) => item === value && i !== excludeIndex);
 	}
 
-	let isDuplicateNewValue = $derived(
-		newValue.trim() !== '' && valueExists(newValue.trim())
-	);
+	let isDuplicateNewValue = $derived(newValue.trim() !== '' && valueExists(newValue.trim()));
 
 	function addItem() {
 		const trimmed = newValue.trim();

package/dist/form/TextArea.svelte

@@ -78,9 +78,7 @@
 		onkeyup = undefined
 	}: TextAreaProps = $props();
 
-	let resolvedName = $derived(
-		(name || label || autoName).replace(/[^a-zA-Z0-9_\-:.]/g, '_')
-	);
+	let resolvedName = $derived((name || label || autoName).replace(/[^a-zA-Z0-9_\-:.]/g, '_'));
 
 	let showRequiredRing = $state(false);
 	const id = $derived(inputId ?? `input-${label.replaceAll(' ', '')}`);
@@ -109,8 +107,7 @@
 			{oninput}
 			{onkeydown}
 			{onkeypress}
-			{onkeyup}
-		></textarea>
+			{onkeyup}></textarea>
 	</FormGroup>
 </div>
 
@@ -129,7 +126,9 @@
 		border: 1px solid var(--border-color);
 		border-radius: 0.375rem;
 		appearance: none;
-		transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+		transition:
+			border-color 0.15s ease-in-out,
+			box-shadow 0.15s ease-in-out;
 		resize: vertical;
 
 		&::placeholder {

package/dist/form/Textbox.svelte

@@ -108,9 +108,7 @@
 		type = 'text'
 	}: TextboxProps = $props();
 
-	let resolvedName = $derived(
-		(name || label || autoName).replace(/[^a-zA-Z0-9_\-:.]/g, '_')
-	);
+	let resolvedName = $derived((name || label || autoName).replace(/[^a-zA-Z0-9_\-:.]/g, '_'));
 
 	let id = $derived.by(() => {
 		if (inputId) return inputId;
@@ -132,7 +130,15 @@
 </script>
 
 <div class="textbox-container {containerClass}">
-	<FormGroup {label} {required} {id} class={groupClass} {tooltipLocation} {tooltipContent} {tooltipText}>
+	<FormGroup
+		{label}
+		{required}
+		{id}
+		class={groupClass}
+		{tooltipLocation}
+		{tooltipContent}
+		{tooltipText}
+	>
 		<div class="textbox-input">
 			<!-- svelte-ignore a11y_autofocus -->
 			<input

package/dist/form/TimePicker.svelte

@@ -49,8 +49,12 @@
 	let minutes: number = $derived(time.minute());
 
 	// Calculate time constraints based on selected date
-	const isMinDateSelected = $derived(selectedDate && minDate && dayjs(selectedDate).isSame(dayjs(minDate), 'day'));
-	const isMaxDateSelected = $derived(selectedDate && maxDate && dayjs(selectedDate).isSame(dayjs(maxDate), 'day'));
+	const isMinDateSelected = $derived(
+		selectedDate && minDate && dayjs(selectedDate).isSame(dayjs(minDate), 'day')
+	);
+	const isMaxDateSelected = $derived(
+		selectedDate && maxDate && dayjs(selectedDate).isSame(dayjs(maxDate), 'day')
+	);
 
 	const minHour = $derived.by(() => {
 		if (!isMinDateSelected || !minDate) return 1;
@@ -86,7 +90,8 @@
 		if (!isMinDateSelected || !minDate) return 0;
 		const minTime = dayjs(minDate);
 		const minHour24 = minTime.hour();
-		const currentHour24 = amPm === 'pm' ? (hours === 12 ? 12 : hours + 12) : (hours === 12 ? 0 : hours);
+		const currentHour24 =
+			amPm === 'pm' ? (hours === 12 ? 12 : hours + 12) : hours === 12 ? 0 : hours;
 
 		// Only apply minute constraint if we're on the same hour
 		return minHour24 === currentHour24 ? minTime.minute() : 0;
@@ -96,7 +101,8 @@
 		if (!isMaxDateSelected || !maxDate) return 59;
 		const maxTime = dayjs(maxDate);
 		const maxHour24 = maxTime.hour();
-		const currentHour24 = amPm === 'pm' ? (hours === 12 ? 12 : hours + 12) : (hours === 12 ? 0 : hours);
+		const currentHour24 =
+			amPm === 'pm' ? (hours === 12 ? 12 : hours + 12) : hours === 12 ? 0 : hours;
 
 		// Only apply minute constraint if we're on the same hour
 		return maxHour24 === currentHour24 ? maxTime.minute() : 59;

package/dist/icon/Icon.svelte

@@ -26,23 +26,27 @@
 	let sizeStyle = $derived(size ? `width:${size};height:${size};` : '');
 </script>
 
-<span style="--svg-stroke: {stroke}; --svg-fill: {fill}; {sizeStyle}" class:flip class="cu-icon {classes}">
+<span
+	style="--svg-stroke: {stroke}; --svg-fill: {fill}; {sizeStyle}"
+	class:flip
+	class="pui-icon {classes}"
+>
 	{@html svg}
 </span>
 
 <style>
-	.cu-icon {
+	.pui-icon {
 		display: inline-flex;
 		align-items: center;
 		justify-content: center;
 	}
 
-	.cu-icon :global(svg) {
+	.pui-icon :global(svg) {
 		width: 100%;
 		height: 100%;
 	}
 
-	.cu-icon :global(svg:not(.icons-tabler-filled)) {
+	.pui-icon :global(svg:not(.icons-tabler-filled)) {
 		stroke: var(--svg-stroke);
 		fill: var(--svg-fill);
 	}

package/dist/index.d.ts

@@ -1,146 +1,147 @@
-export { default as Accordion } from "./ui/Accordion.svelte";
-export type { AccordionProps, AccordionContext, AccordionTitleContext, AccordionSize, } from "./ui/Accordion.svelte";
-export { default as AccordionItem } from "./ui/AccordionItem.svelte";
-export type { AccordionItemProps } from "./ui/AccordionItem.svelte";
-export { default as Button } from "./ui/Button.svelte";
-export type { ButtonProps } from "./ui/Button.svelte";
-export { default as ActionIcon } from "./ui/ActionIcon.svelte";
-export type { ActionIconProps } from "./ui/ActionIcon.svelte";
-export { default as Badge } from "./ui/Badge.svelte";
-export type { BadgeProps } from "./ui/Badge.svelte";
-export { default as Dialog } from "./ui/Dialog.svelte";
-export type { DialogProps, DialogContext } from "./ui/Dialog.svelte";
-export { default as Drawer } from "./ui/Drawer.svelte";
-export type { DrawerProps } from "./ui/Drawer.svelte";
-export { default as Dropdown } from "./ui/Dropdown.svelte";
-export type { DropdownProps } from "./ui/Dropdown.svelte";
-export { default as Dropzone } from "./ui/Dropzone.svelte";
-export type { DropzoneProps } from "./ui/Dropzone.svelte";
-export { default as Link } from "./ui/Link.svelte";
-export type { LinkProps } from "./ui/Link.svelte";
-export { default as Loader } from "./ui/Loader.svelte";
-export type { LoaderProps } from "./ui/Loader.svelte";
-export { default as Logo } from "./ui/Logo.svelte";
-export type { LogoProps } from "./ui/Logo.svelte";
-export { default as Pagination } from "./ui/Pagination.svelte";
-export type { PaginationProps } from "./ui/Pagination.svelte";
-export { default as Popover } from "./ui/Popover.svelte";
-export type { PopoverProps } from "./ui/Popover.svelte";
-export { default as ContextMenu } from "./ui/ContextMenu.svelte";
-export type { ContextMenuProps, ContextMenuItem, } from "./ui/ContextMenu.svelte";
-export { default as ProgressBar } from "./ui/ProgressBar.svelte";
-export type { ProgressBarProps, ProgressBarSegment, } from "./ui/ProgressBar.svelte";
-export type { ProgressBarVariant, LegacyProgressBarVariant, } from "./ui/ProgressBarVariant.js";
-export { default as Tabs } from "./ui/Tabs.svelte";
-export type { TabsProps } from "./ui/Tabs.svelte";
-export { default as Table } from "./ui/Table.svelte";
-export type { Column, TableProps } from "./ui/Table.svelte";
-export { default as ThemeSwitcher } from "./ui/ThemeSwitcher.svelte";
-export type { ThemeSwitcherProps } from "./ui/ThemeSwitcher.svelte";
-export { default as Sortable } from "./ui/Sortable.svelte";
-export type { SortableProps } from "./ui/Sortable.svelte";
-export { default as MultiSortable } from "./ui/MultiSortable.svelte";
-export type { MultiSortableProps } from "./ui/MultiSortable.svelte";
-export { default as Toaster } from "./ui/Toaster.svelte";
-export { default as Tooltip } from "./ui/Tooltip.svelte";
-export type { TooltipProps, TooltipLocation } from "./ui/Tooltip.svelte";
-export { default as Alert } from "./display/alert/Alert.svelte";
-export type { AlertProps } from "./display/alert/Alert.svelte";
-export { default as LinkCollection } from "./display/LinkCollection.svelte";
-export type { LinkCollectionProps } from "./display/LinkCollection.svelte";
-export { default as Navbar } from "./layout/Navbar.svelte";
-export type { NavbarProps, NavbarVariant } from "./layout/Navbar.svelte";
-export { default as NavbarItemView } from "./layout/NavbarItemView.svelte";
-export type { NavbarItemViewProps } from "./layout/NavbarItemView.svelte";
-export { default as CustomNavbar } from "./layout/CustomNavbar.svelte";
-export type { CustomNavbarProps } from "./layout/CustomNavbar.svelte";
-export { default as AppShell } from "./layout/AppShell.svelte";
-export type { AppShellProps } from "./layout/AppShell.svelte";
-export { default as Sidenav } from "./layout/Sidenav.svelte";
-export type { SidenavItem, SidenavItemAction, SidenavSection, SidenavProps, } from "./layout/Sidenav.svelte";
-export { default as Paper } from "./display/Paper.svelte";
-export type { PaperProps } from "./display/Paper.svelte";
-export { default as Avatar } from "./display/Avatar.svelte";
-export type { AvatarProps } from "./display/Avatar.svelte";
-export { default as Autocomplete } from "./form/Autocomplete.svelte";
-export type { AutocompleteProps } from "./form/Autocomplete.svelte";
-export { default as AutocompleteMulti } from "./form/AutocompleteMulti.svelte";
-export type { AutocompleteMultiProps } from "./form/AutocompleteMulti.svelte";
-export { default as Checkbox } from "./form/Checkbox.svelte";
-export type { CheckboxProps } from "./form/Checkbox.svelte";
-export { default as ComboBoxItemBuilder } from "./form/ComboBoxItemBuilder.svelte";
-export type { ComboBoxItemBuilderProps } from "./form/ComboBoxItemBuilder.svelte";
-export { default as StringArrayBuilder } from "./form/StringArrayBuilder.svelte";
-export type { StringArrayBuilderProps } from "./form/StringArrayBuilder.svelte";
-export { default as CronBuilder } from "./form/CronBuilder.svelte";
-export type { CronBuilderProps } from "./form/CronBuilder.svelte";
-export { default as DatePicker } from "./form/DatePicker.svelte";
-export type { DatePickerProps } from "./form/DatePicker.svelte";
-export { default as DateRangePicker } from "./form/DateRangePicker.svelte";
-export type { DateRangePickerProps } from "./form/DateRangePicker.svelte";
-export { default as TimePicker } from "./form/TimePicker.svelte";
-export type { TimePickerProps } from "./form/TimePicker.svelte";
-export { default as DateTimePicker } from "./form/DateTimePicker.svelte";
-export type { DateTimePickerProps } from "./form/DateTimePicker.svelte";
-export { default as FormGroup } from "./form/FormGroup.svelte";
-export type { FormGroupProps } from "./form/FormGroup.svelte";
-export { default as Number } from "./form/Number.svelte";
-export type { NumberProps } from "./form/Number.svelte";
-export { default as Radio } from "./form/Radio.svelte";
-export type { RadioProps } from "./form/Radio.svelte";
-export { default as RadioGroup } from "./form/RadioGroup.svelte";
-export type { RadioGroupProps } from "./form/RadioGroup.svelte";
-export { default as Select } from "./form/Select.svelte";
-export type { SelectProps } from "./form/Select.svelte";
-export { default as SelectMulti } from "./form/SelectMulti.svelte";
-export type { SelectMultiProps } from "./form/SelectMulti.svelte";
-export { default as SegmentedControl } from "./form/SegmentedControl.svelte";
-export type { SegmentedControlProps, SegmentedControlSize, } from "./form/SegmentedControl.svelte";
-export { default as TextArea } from "./form/TextArea.svelte";
-export type { TextAreaProps } from "./form/TextArea.svelte";
-export { default as Textbox } from "./form/Textbox.svelte";
-export type { TextboxProps } from "./form/Textbox.svelte";
-export { default as Slider } from "./form/Slider.svelte";
-export type { SliderProps } from "./form/Slider.svelte";
-export { default as Switch } from "./form/Switch.svelte";
-export type { SwitchProps } from "./form/Switch.svelte";
-export { default as Chips } from "./form/Chips.svelte";
-export type { ChipsProps } from "./form/Chips.svelte";
-export { default as ColorPicker } from "./form/ColorPicker.svelte";
-export type { ColorPickerProps, ColorFormat } from "./form/ColorPicker.svelte";
-export { parseColor, parseHex, toHex, formatColor, rgbToHsv, hsvToRgb, rgbToHsl, } from "./form/ColorPicker.svelte";
-export { default as TipTap } from "./editors/tiptap/TipTap.svelte";
-export type { TipTapProps, DocumentUploadResult, } from "./editors/tiptap/TipTap.svelte";
-export { default as TipTapBubble } from "./editors/tiptap/TipTapBubble.svelte";
-export type { TipTapBubbleProps } from "./editors/tiptap/TipTapBubble.svelte";
-export type { CollaborationConfig, CollaborationUser, } from "./editors/tiptap/collaboration.js";
-export { CodeBlockEditor, codeBlockLanguages, resolveCodeBlockLanguage, } from "./editors/tiptap/extensions/index.js";
-export type { CodeBlocksOptions, CodeBlockEditorOptions, CodeBlockLanguageDef, CodeBlockLanguageId, } from "./editors/tiptap/extensions/index.js";
-export type { AnyExtension } from "@tiptap/core";
-export { default as CodeMirror } from "./editors/CodeMirror.svelte";
-export type { CodeMirrorProps } from "./editors/CodeMirror.svelte";
-export { default as GitCard } from "./cards/GitCard.svelte";
-export type { GitCardProps } from "./cards/GitCard.svelte";
-export * from "./icon/index.js";
-export type { IconProps } from "./icon/Icon.svelte";
-export type { ButtonVariant, LegacyButtonVariant } from "./ui/ButtonVariant.js";
-export type { ButtonSize } from "./ui/ButtonSize.js";
-export type { Hyperlink } from "./models/Hyperlink.js";
-export type { LinkCollectionItem } from "./models/LinkCollectionItem.js";
-export type { Employee, GitEmployee } from "./models/Employee.js";
-export * from "./models/ComboBoxItem.js";
-export * from "./models/NavbarItem.js";
-export * from "./models/NotifyModel.js";
-export * from "./util/ClickOutside.js";
-export * from "./util/CronParser.js";
-export { dayjs } from "./util/dayjs.js";
-export type { Dayjs, ConfigType, OpUnitType, QUnitType, UnitType, } from "./util/dayjs.js";
-export * from "./util/DateFunctions.js";
-export * from "./util/DragDrop.js";
-export * from "./util/Transitions.js";
-export * from "./util/interceptLinkClick.js";
-export * from "./util/NavigateTo.js";
-export * from "./display/filetree/index.js";
-export * from "./theme.svelte.js";
-export * from "./uiTheme.svelte.js";
-export * from "./ui/Toast.svelte.js";
+export { default as Accordion } from './ui/Accordion.svelte';
+export type { AccordionProps, AccordionContext, AccordionTitleContext, AccordionSize } from './ui/Accordion.svelte';
+export { default as AccordionItem } from './ui/AccordionItem.svelte';
+export type { AccordionItemProps } from './ui/AccordionItem.svelte';
+export { default as Button } from './ui/Button.svelte';
+export type { ButtonProps } from './ui/Button.svelte';
+export { default as ActionIcon } from './ui/ActionIcon.svelte';
+export type { ActionIconProps } from './ui/ActionIcon.svelte';
+export { default as Badge } from './ui/Badge.svelte';
+export type { BadgeProps } from './ui/Badge.svelte';
+export { default as Dialog } from './ui/Dialog.svelte';
+export type { DialogProps, DialogContext } from './ui/Dialog.svelte';
+export { default as Drawer } from './ui/Drawer.svelte';
+export type { DrawerProps } from './ui/Drawer.svelte';
+export { default as Dropdown } from './ui/Dropdown.svelte';
+export type { DropdownProps } from './ui/Dropdown.svelte';
+export { default as Dropzone } from './ui/Dropzone.svelte';
+export type { DropzoneProps } from './ui/Dropzone.svelte';
+export { default as Link } from './ui/Link.svelte';
+export type { LinkProps } from './ui/Link.svelte';
+export { default as Loader } from './ui/Loader.svelte';
+export type { LoaderProps } from './ui/Loader.svelte';
+export { default as Logo } from './ui/Logo.svelte';
+export type { LogoProps } from './ui/Logo.svelte';
+export { default as Pagination } from './ui/Pagination.svelte';
+export type { PaginationProps } from './ui/Pagination.svelte';
+export { default as Popover } from './ui/Popover.svelte';
+export type { PopoverProps } from './ui/Popover.svelte';
+export { default as ContextMenu } from './ui/ContextMenu.svelte';
+export type { ContextMenuProps, ContextMenuItem } from './ui/ContextMenu.svelte';
+export { default as ProgressBar } from './ui/ProgressBar.svelte';
+export type { ProgressBarProps, ProgressBarSegment } from './ui/ProgressBar.svelte';
+export type { ProgressBarVariant } from './ui/ProgressBarVariant.js';
+export { default as Tabs } from './ui/Tabs.svelte';
+export type { TabsProps } from './ui/Tabs.svelte';
+export { default as Table } from './ui/Table.svelte';
+export type { Column, TableProps } from './ui/Table.svelte';
+export { default as ThemeSwitcher } from './ui/ThemeSwitcher.svelte';
+export type { ThemeSwitcherProps } from './ui/ThemeSwitcher.svelte';
+export { default as Sortable } from './ui/Sortable.svelte';
+export type { SortableProps } from './ui/Sortable.svelte';
+export { default as MultiSortable } from './ui/MultiSortable.svelte';
+export type { MultiSortableProps } from './ui/MultiSortable.svelte';
+export { default as Toaster } from './ui/Toaster.svelte';
+export { default as Tooltip } from './ui/Tooltip.svelte';
+export type { TooltipProps, TooltipLocation } from './ui/Tooltip.svelte';
+export { default as Alert } from './display/alert/Alert.svelte';
+export type { AlertProps } from './display/alert/Alert.svelte';
+export { default as LinkCollection } from './display/LinkCollection.svelte';
+export type { LinkCollectionProps } from './display/LinkCollection.svelte';
+export { default as Navbar } from './layout/Navbar.svelte';
+export type { NavbarProps, NavbarVariant } from './layout/Navbar.svelte';
+export { default as NavbarItemView } from './layout/NavbarItemView.svelte';
+export type { NavbarItemViewProps } from './layout/NavbarItemView.svelte';
+export { default as CustomNavbar } from './layout/CustomNavbar.svelte';
+export type { CustomNavbarProps } from './layout/CustomNavbar.svelte';
+export { default as AppShell } from './layout/AppShell.svelte';
+export type { AppShellProps } from './layout/AppShell.svelte';
+export { default as Sidenav } from './layout/Sidenav.svelte';
+export type { SidenavItem, SidenavItemAction, SidenavSection, SidenavProps } from './layout/Sidenav.svelte';
+export { default as Paper } from './display/Paper.svelte';
+export type { PaperProps } from './display/Paper.svelte';
+export { default as Avatar } from './display/Avatar.svelte';
+export type { AvatarProps } from './display/Avatar.svelte';
+export { default as Autocomplete } from './form/Autocomplete.svelte';
+export type { AutocompleteProps } from './form/Autocomplete.svelte';
+export { default as AutocompleteMulti } from './form/AutocompleteMulti.svelte';
+export type { AutocompleteMultiProps } from './form/AutocompleteMulti.svelte';
+export { default as Checkbox } from './form/Checkbox.svelte';
+export type { CheckboxProps } from './form/Checkbox.svelte';
+export { default as ComboBoxItemBuilder } from './form/ComboBoxItemBuilder.svelte';
+export type { ComboBoxItemBuilderProps } from './form/ComboBoxItemBuilder.svelte';
+export { default as StringArrayBuilder } from './form/StringArrayBuilder.svelte';
+export type { StringArrayBuilderProps } from './form/StringArrayBuilder.svelte';
+export { default as CronBuilder } from './form/CronBuilder.svelte';
+export type { CronBuilderProps } from './form/CronBuilder.svelte';
+export { default as DatePicker } from './form/DatePicker.svelte';
+export type { DatePickerProps } from './form/DatePicker.svelte';
+export { default as DateRangePicker } from './form/DateRangePicker.svelte';
+export type { DateRangePickerProps } from './form/DateRangePicker.svelte';
+export { default as TimePicker } from './form/TimePicker.svelte';
+export type { TimePickerProps } from './form/TimePicker.svelte';
+export { default as DateTimePicker } from './form/DateTimePicker.svelte';
+export type { DateTimePickerProps } from './form/DateTimePicker.svelte';
+export { default as FormGroup } from './form/FormGroup.svelte';
+export type { FormGroupProps } from './form/FormGroup.svelte';
+export { default as Number } from './form/Number.svelte';
+export type { NumberProps } from './form/Number.svelte';
+export { default as Radio } from './form/Radio.svelte';
+export type { RadioProps } from './form/Radio.svelte';
+export { default as RadioGroup } from './form/RadioGroup.svelte';
+export type { RadioGroupProps } from './form/RadioGroup.svelte';
+export { default as Select } from './form/Select.svelte';
+export type { SelectProps } from './form/Select.svelte';
+export { default as SelectMulti } from './form/SelectMulti.svelte';
+export type { SelectMultiProps } from './form/SelectMulti.svelte';
+export { default as SegmentedControl } from './form/SegmentedControl.svelte';
+export type { SegmentedControlProps, SegmentedControlSize } from './form/SegmentedControl.svelte';
+export { default as TextArea } from './form/TextArea.svelte';
+export type { TextAreaProps } from './form/TextArea.svelte';
+export { default as Textbox } from './form/Textbox.svelte';
+export type { TextboxProps } from './form/Textbox.svelte';
+export { default as Slider } from './form/Slider.svelte';
+export type { SliderProps } from './form/Slider.svelte';
+export { default as Switch } from './form/Switch.svelte';
+export type { SwitchProps } from './form/Switch.svelte';
+export { default as Chips } from './form/Chips.svelte';
+export type { ChipsProps } from './form/Chips.svelte';
+export { default as ColorPicker } from './form/ColorPicker.svelte';
+export type { ColorPickerProps, ColorFormat } from './form/ColorPicker.svelte';
+export { parseColor, parseHex, toHex, formatColor, rgbToHsv, hsvToRgb, rgbToHsl } from './form/ColorPicker.svelte';
+export { default as TipTap } from './editors/tiptap/TipTap.svelte';
+export type { TipTapProps, DocumentUploadResult } from './editors/tiptap/TipTap.svelte';
+export { default as TipTapBubble } from './editors/tiptap/TipTapBubble.svelte';
+export type { TipTapBubbleProps } from './editors/tiptap/TipTapBubble.svelte';
+export type { CollaborationConfig, CollaborationUser } from './editors/tiptap/collaboration.js';
+export { CodeBlockEditor, codeBlockLanguages, resolveCodeBlockLanguage } from './editors/tiptap/extensions/index.js';
+export type { CodeBlocksOptions, CodeBlockEditorOptions, CodeBlockLanguageDef, CodeBlockLanguageId } from './editors/tiptap/extensions/index.js';
+export type { AnyExtension } from '@tiptap/core';
+export { default as CodeMirror } from './editors/CodeMirror.svelte';
+export type { CodeMirrorProps } from './editors/CodeMirror.svelte';
+export { default as GitCard } from './cards/GitCard.svelte';
+export type { GitCardProps } from './cards/GitCard.svelte';
+export * from './icon/index.js';
+export type { IconProps } from './icon/Icon.svelte';
+export type { ButtonVariant } from './ui/ButtonVariant.js';
+export type { ButtonSize } from './ui/ButtonSize.js';
+export type { Hyperlink } from './models/Hyperlink.js';
+export type { LinkCollectionItem } from './models/LinkCollectionItem.js';
+export type { Employee, GitEmployee } from './models/Employee.js';
+export * from './models/ComboBoxItem.js';
+export * from './models/NavbarItem.js';
+export * from './models/NotifyModel.js';
+export * from './util/ClickOutside.js';
+export * from './util/Floating.js';
+export * from './util/CronParser.js';
+export { dayjs } from './util/dayjs.js';
+export type { Dayjs, ConfigType, OpUnitType, QUnitType, UnitType } from './util/dayjs.js';
+export * from './util/DateFunctions.js';
+export * from './util/DragDrop.js';
+export * from './util/Transitions.js';
+export * from './util/interceptLinkClick.js';
+export * from './util/NavigateTo.js';
+export * from './display/filetree/index.js';
+export * from './theme.svelte.js';
+export * from './uiTheme.svelte.js';
+export * from './ui/Toast.svelte.js';