noph-ui 0.39.0 → 0.40.0

package/dist/checkbox/Checkbox.svelte

@@ -7,13 +7,14 @@
 		checked = $bindable(),
 		element = $bindable(),
 		group = $bindable(),
-		error = false,
+		issues,
 		style,
 		value,
 		...attributes
 	}: CheckboxProps = $props()
 
 	let inputEl: HTMLInputElement | undefined = $state()
+	let hasError = $derived(!!issues?.length)
 
 	let groupValue = $derived(
 		typeof value === 'string' || typeof value === 'number' ? value : undefined,
@@ -39,7 +40,7 @@
 
 <div
 	{style}
-	class={['np-container', error && !attributes.disabled && 'np-error', attributes.class]}
+	class={['np-container', hasError && !attributes.disabled && 'np-error', attributes.class]}
 	bind:this={element}
 >
 	<div class="np-outline"></div>
@@ -62,7 +63,7 @@
 				bind:this={inputEl}
 				checked={groupChecked}
 				{onchange}
-				aria-invalid={error ? 'true' : undefined}
+				aria-invalid={hasError ? 'true' : undefined}
 				aria-checked={indeterminate ? 'mixed' : undefined}
 			/>
 		{:else}
@@ -74,7 +75,7 @@
 				bind:indeterminate
 				bind:checked
 				bind:this={inputEl}
-				aria-invalid={error ? 'true' : undefined}
+				aria-invalid={hasError ? 'true' : undefined}
 				aria-checked={indeterminate ? 'mixed' : undefined}
 			/>
 		{/if}
@@ -96,6 +97,9 @@
 		-webkit-tap-highlight-color: transparent;
 		margin: var(--np-checkbox-margin, max(0px, (48px - 18px)/2));
 	}
+	:global(label) {
+		-webkit-tap-highlight-color: transparent;
+	}
 	.np-container:has(input:disabled) {
 		cursor: default;
 	}

package/dist/checkbox/types.d.ts

@@ -2,5 +2,7 @@ import type { HTMLInputAttributes } from 'svelte/elements';
 export interface CheckboxProps extends Omit<HTMLInputAttributes, 'type'> {
     element?: HTMLElement;
     group?: (string | number)[] | null;
-    error?: boolean;
+    issues?: {
+        message: string;
+    }[];
 }

package/dist/date-picker/DockedDatePicker.svelte

@@ -4,6 +4,7 @@
 	import Divider from '../divider/Divider.svelte'
 	import CalendarToday from '../icons/CalendarToday.svelte'
 	import Menu from '../menu/Menu.svelte'
+	import { onFormReset } from '../form-reset.js'
 	import TextField from '../text-field/TextField.svelte'
 	import { onMount, tick } from 'svelte'
 	import Calendar from './Calendar.svelte'
@@ -32,6 +33,10 @@
 
 	let {
 		value = $bindable(),
+		defaultValue,
+		// eslint-disable-next-line @typescript-eslint/no-unused-vars -- absorbed on purpose
+		type,
+		'aria-invalid': ariaInvalid,
 		displayMonth = $bindable(),
 		open = $bindable(false),
 		element = $bindable(),
@@ -79,16 +84,21 @@
 	let pending = $state<ISODate | undefined>(undefined)
 	let focusedDay = $state<Date | undefined>(undefined)
 	let inputElement = $state<HTMLInputElement | HTMLTextAreaElement>()
+	let valueInput = $state<HTMLInputElement>()
 
 	let typed = $state.raw<{ source: ISODate | null | undefined; text: string } | undefined>()
 	let invalidText = $state<string | undefined>()
 	let monthBeforeOpen: ISODate | undefined
 
+	let current = $derived<ISODate | undefined>(
+		typeof value === 'string' ? value : typeof defaultValue === 'string' ? defaultValue : undefined,
+	)
+
 	let todayValue = $derived(getToday())
 	let week = $derived(firstDayOfWeek ?? getFirstDayOfWeek(locale))
 	let minDate = $derived(parseISODate(min))
 	let maxDate = $derived(parseISODate(max))
-	let committed = $derived(parseISODate(value))
+	let committed = $derived(parseISODate(current))
 	let pendingDate = $derived(open ? parseISODate(pending) : committed)
 	let mounted = $state(false)
 
@@ -122,7 +132,7 @@
 		return localeKnown ? formatDate(committed, locale) : toISODate(committed)
 	}
 
-	let text = $derived(typed && typed.source === value ? typed.text : formatValue())
+	let text = $derived(typed && typed.source === current ? typed.text : formatValue())
 
 	let inputInvalid = $derived(invalidText !== undefined && invalidText === text)
 
@@ -167,11 +177,25 @@
 	}
 
 	const commit = (next: ISODate | undefined) => {
-		if (value === next) return
+		if (current === next) return
 		value = next
 		onchange?.(next)
 	}
 
+	const restoreDefault = () => {
+		const next = typeof defaultValue === 'string' ? defaultValue : undefined
+		if (valueInput) valueInput.value = next ?? ''
+		queueMicrotask(() => {
+			typed = undefined
+			invalidText = undefined
+			pending = undefined
+			value = next
+			text = formatValue()
+		})
+	}
+
+	$effect(() => onFormReset(valueInput, restoreDefault))
+
 	const isShowing = () => !!menuElement?.matches(':popover-open')
 
 	const openPicker = () => {
@@ -230,7 +254,7 @@
 		commit(parsed ? toISODate(parsed) : undefined)
 		if (parsed) setMonth(parsed)
 		// Recorded after the commit, so that it is remembered against the value it just produced.
-		typed = { source: value, text: next }
+		typed = { source: current, text: next }
 		invalidText = undefined
 	}
 
@@ -280,7 +304,9 @@
 			supportingText={supportingText ?? pattern}
 			bind:value={text}
 			bind:inputElement
-			aria-invalid={inputInvalid || issues?.length ? 'true' : undefined}
+			aria-invalid={inputInvalid || issues?.length || ariaInvalid === true || ariaInvalid === 'true'
+				? 'true'
+				: undefined}
 			oninput={handleInput}
 			onblur={handleBlur}
 		>
@@ -302,9 +328,10 @@
 			{/snippet}
 		</TextField>
 		<input
+			bind:this={valueInput}
 			class="np-docked-date-picker-value"
 			type="hidden"
-			value={value ?? ''}
+			value={current ?? ''}
 			{name}
 			{form}
 			{disabled}
@@ -330,7 +357,7 @@
 		ontoggle={({ newState }) => {
 			if (newState === 'open') {
 				monthBeforeOpen = displayMonth
-				pending = value ?? undefined
+				pending = current
 				focusCalendarWhenReady()
 			}
 			if (newState === 'closed') {

package/dist/date-picker/DockedDateTimePicker.svelte

@@ -4,6 +4,7 @@
 	import Divider from '../divider/Divider.svelte'
 	import CalendarToday from '../icons/CalendarToday.svelte'
 	import Menu from '../menu/Menu.svelte'
+	import { onFormReset } from '../form-reset.js'
 	import TextField from '../text-field/TextField.svelte'
 	import { onMount, tick } from 'svelte'
 	import Calendar from './Calendar.svelte'
@@ -46,6 +47,10 @@
 
 	let {
 		value = $bindable(),
+		defaultValue,
+		// eslint-disable-next-line @typescript-eslint/no-unused-vars -- absorbed on purpose
+		type,
+		'aria-invalid': ariaInvalid,
 		displayMonth = $bindable(),
 		open = $bindable(false),
 		element = $bindable(),
@@ -101,6 +106,7 @@
 	let pendingMinutes = $state(0)
 	let focusedDay = $state<Date | undefined>(undefined)
 	let inputElement = $state<HTMLInputElement | HTMLTextAreaElement>()
+	let valueInput = $state<HTMLInputElement>()
 
 	let typed = $state.raw<{ source: string | null | undefined; text: string } | undefined>()
 	let invalidText = $state<string | undefined>()
@@ -110,7 +116,13 @@
 	let week = $derived(firstDayOfWeek ?? getFirstDayOfWeek(locale))
 	let minDate = $derived(parseISODateTime(min))
 	let maxDate = $derived(parseISODateTime(max, MINUTES_IN_DAY - 1))
-	let committed = $derived(parseISODateTime(value))
+	// `as('datetime-local')` types its value as `string | number` and carries the last submission in
+	// `defaultValue`, so both are funnelled into one ISO string the rest of the component reads.
+	let current = $derived<string | undefined>(
+		typeof value === 'string' ? value : typeof defaultValue === 'string' ? defaultValue : undefined,
+	)
+
+	let committed = $derived(parseISODateTime(current))
 	let pendingDayDate = $derived(open ? parseISODate(pendingDay) : undefined)
 	let pendingDate = $derived(
 		open ? (pendingDayDate ? withMinutes(pendingDayDate, pendingMinutes) : undefined) : committed,
@@ -153,7 +165,7 @@
 		return localeKnown ? formatDateTime(committed, locale, hour12) : toISODateTime(committed)
 	}
 
-	let text = $derived(typed && typed.source === value ? typed.text : formatValue())
+	let text = $derived(typed && typed.source === current ? typed.text : formatValue())
 
 	let inputInvalid = $derived(invalidText !== undefined && invalidText === text)
 
@@ -247,11 +259,26 @@
 	}
 
 	const commit = (next: string | undefined) => {
-		if (value === next) return
+		if (current === next) return
 		value = next
 		onchange?.(next)
 	}
 
+	const restoreDefault = () => {
+		const next = typeof defaultValue === 'string' ? defaultValue : undefined
+		if (valueInput) valueInput.value = next ?? ''
+		queueMicrotask(() => {
+			typed = undefined
+			invalidText = undefined
+			pendingDay = undefined
+			pendingMinutes = 0
+			value = next
+			text = formatValue()
+		})
+	}
+
+	$effect(() => onFormReset(valueInput, restoreDefault))
+
 	const isShowing = () => !!menuElement?.matches(':popover-open')
 
 	const openPicker = () => {
@@ -321,7 +348,7 @@
 		const parsed = usableDate(next)
 		commit(parsed ? toISODateTime(parsed) : undefined)
 		if (parsed) setMonth(parsed)
-		typed = { source: value, text: next }
+		typed = { source: current, text: next }
 		invalidText = undefined
 	}
 
@@ -371,7 +398,9 @@
 			supportingText={supportingText ?? pattern}
 			bind:value={text}
 			bind:inputElement
-			aria-invalid={inputInvalid || issues?.length ? 'true' : undefined}
+			aria-invalid={inputInvalid || issues?.length || ariaInvalid === true || ariaInvalid === 'true'
+				? 'true'
+				: undefined}
 			oninput={handleInput}
 			onblur={handleBlur}
 		>
@@ -393,9 +422,10 @@
 			{/snippet}
 		</TextField>
 		<input
+			bind:this={valueInput}
 			class="np-docked-date-time-picker-value"
 			type="hidden"
-			value={value ?? ''}
+			value={current ?? ''}
 			{name}
 			{form}
 			{disabled}

package/dist/date-picker/types.d.ts

@@ -27,7 +27,7 @@ interface MonthStepperLabelProps {
     previousMonthLabel?: string;
 }
 export interface DockedDatePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onchange'>, DatePickerLocaleProps, DatePickerRangeProps, DatePickerCommonLabelProps, MonthStepperLabelProps {
-    value?: ISODate | null;
+    value?: ISODate | number | null;
     displayMonth?: ISODate;
     open?: boolean;
     element?: HTMLDivElement;
@@ -40,6 +40,8 @@ export interface DockedDatePickerProps extends Omit<HTMLAttributes<HTMLDivElemen
     issues?: {
         message: string;
     }[];
+    defaultValue?: ISODate | number | null;
+    type?: 'date';
     noAsterisk?: boolean;
     autocomplete?: HTMLInputAttributes['autocomplete'];
     label?: string;
@@ -53,7 +55,7 @@ export interface DockedDatePickerProps extends Omit<HTMLAttributes<HTMLDivElemen
     onchange?: (value: ISODate | undefined) => void;
 }
 export interface DockedDateTimePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onchange'>, DatePickerLocaleProps, Omit<DatePickerRangeProps, 'min' | 'max'>, DatePickerCommonLabelProps, MonthStepperLabelProps {
-    value?: ISODateTime | null;
+    value?: ISODateTime | number | null;
     displayMonth?: ISODate;
     open?: boolean;
     element?: HTMLDivElement;
@@ -68,6 +70,8 @@ export interface DockedDateTimePickerProps extends Omit<HTMLAttributes<HTMLDivEl
     issues?: {
         message: string;
     }[];
+    defaultValue?: ISODateTime | number | null;
+    type?: 'datetime-local';
     noAsterisk?: boolean;
     autocomplete?: HTMLInputAttributes['autocomplete'];
     label?: string;

package/dist/form-reset.d.ts

@@ -0,0 +1 @@
+export declare const onFormReset: (control: HTMLInputElement | HTMLSelectElement | undefined, restore: () => void) => (() => void) | undefined;

package/dist/form-reset.js

@@ -0,0 +1,7 @@
+import { on } from 'svelte/events';
+export const onFormReset = (control, restore) => {
+    const form = control?.form;
+    if (!form)
+        return;
+    return on(form, 'reset', restore);
+};

package/dist/icons/index.d.ts

@@ -1,28 +1,8 @@
-export { default as AccountCircleIcon } from './AccountCircleIcon.svelte';
-export { default as ArrowBackIcon } from './ArrowBackIcon.svelte';
 export { default as ArrowDropDownIcon } from './ArrowDropDownIcon.svelte';
-export { default as ArrowForwardIcon } from './ArrowForwardIcon.svelte';
-export { default as BreakingNewsIcon } from './BreakingNewsIcon.svelte';
-export { default as BrightnessMediumIcon } from './BrightnessMediumIcon.svelte';
 export { default as CalendarToday } from './CalendarToday.svelte';
-export { default as ChatIcon } from './ChatIcon.svelte';
 export { default as CheckIcon } from './CheckIcon.svelte';
 export { default as ChevronLeftIcon } from './ChevronLeftIcon.svelte';
 export { default as ChevronRightIcon } from './ChevronRightIcon.svelte';
 export { default as CloseIcon } from './CloseIcon.svelte';
-export { default as DarkModeIcon } from './DarkModeIcon.svelte';
-export { default as DashboardIcon } from './DashboardIcon.svelte';
-export { default as DownloadIcon } from './DownloadIcon.svelte';
 export { default as EditCalendarIcon } from './EditCalendarIcon.svelte';
-export { default as ErrorIcon } from './ErrorIcon.svelte';
-export { default as GroupsIcon } from './GroupsIcon.svelte';
-export { default as LanguageIcon } from './LanguageIcon.svelte';
-export { default as LightModeIcon } from './LightModeIcon.svelte';
-export { default as MenuIcon } from './MenuIcon.svelte';
-export { default as OpenInNewIcon } from './OpenInNewIcon.svelte';
-export { default as SearchIcon } from './SearchIcon.svelte';
-export { default as SendIcon } from './SendIcon.svelte';
-export { default as SportsGymnasticsIcon } from './SportsGymnasticsIcon.svelte';
-export { default as VisibilityIcon } from './VisibilityIcon.svelte';
-export { default as VisibilityOffIcon } from './VisibilityOffIcon.svelte';
 export { default as Icon } from './Icon.svelte';

package/dist/icons/index.js

@@ -1,28 +1,8 @@
-export { default as AccountCircleIcon } from './AccountCircleIcon.svelte';
-export { default as ArrowBackIcon } from './ArrowBackIcon.svelte';
 export { default as ArrowDropDownIcon } from './ArrowDropDownIcon.svelte';
-export { default as ArrowForwardIcon } from './ArrowForwardIcon.svelte';
-export { default as BreakingNewsIcon } from './BreakingNewsIcon.svelte';
-export { default as BrightnessMediumIcon } from './BrightnessMediumIcon.svelte';
 export { default as CalendarToday } from './CalendarToday.svelte';
-export { default as ChatIcon } from './ChatIcon.svelte';
 export { default as CheckIcon } from './CheckIcon.svelte';
 export { default as ChevronLeftIcon } from './ChevronLeftIcon.svelte';
 export { default as ChevronRightIcon } from './ChevronRightIcon.svelte';
 export { default as CloseIcon } from './CloseIcon.svelte';
-export { default as DarkModeIcon } from './DarkModeIcon.svelte';
-export { default as DashboardIcon } from './DashboardIcon.svelte';
-export { default as DownloadIcon } from './DownloadIcon.svelte';
 export { default as EditCalendarIcon } from './EditCalendarIcon.svelte';
-export { default as ErrorIcon } from './ErrorIcon.svelte';
-export { default as GroupsIcon } from './GroupsIcon.svelte';
-export { default as LanguageIcon } from './LanguageIcon.svelte';
-export { default as LightModeIcon } from './LightModeIcon.svelte';
-export { default as MenuIcon } from './MenuIcon.svelte';
-export { default as OpenInNewIcon } from './OpenInNewIcon.svelte';
-export { default as SearchIcon } from './SearchIcon.svelte';
-export { default as SendIcon } from './SendIcon.svelte';
-export { default as SportsGymnasticsIcon } from './SportsGymnasticsIcon.svelte';
-export { default as VisibilityIcon } from './VisibilityIcon.svelte';
-export { default as VisibilityOffIcon } from './VisibilityOffIcon.svelte';
 export { default as Icon } from './Icon.svelte';

package/dist/radio/Radio.svelte

@@ -65,6 +65,10 @@
 		width: 48px;
 	}
 
+	:global(label) {
+		-webkit-tap-highlight-color: transparent;
+	}
+
 	.np-container {
 		margin: max(0px, (40px - var(--np-radio-icon-size, 20px))/2);
 		display: inline-flex;

package/dist/select/NativeSelect.svelte

@@ -278,6 +278,10 @@
 		opacity: 0.08;
 	}
 
+	:global(label) {
+		-webkit-tap-highlight-color: transparent;
+	}
+
 	label {
 		display: inline-block;
 		pointer-events: none;

package/dist/select/Select.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { onFormReset } from '../form-reset.js'
 	import Item from '../list/Item.svelte'
 	import Menu from '../menu/Menu.svelte'
 	import Check from './Check.svelte'
@@ -60,6 +61,17 @@
 	let selectElement = $state<HTMLSelectElement>()
 	let menuElement = $state<HTMLDivElement>()
 	let anchorElement = $state<HTMLDivElement>()
+
+	$effect(() =>
+		onFormReset(selectElement, () => {
+			queueMicrotask(() => {
+				value = multiple
+					? options.filter((option) => option.selected).map((option) => option.value)
+					: options.find((option) => option.selected)?.value
+			})
+		}),
+	)
+
 	let field = $state<HTMLDivElement>()
 	let clientWidth = $state(0)
 	let menuOpen = $state(false)

package/dist/switch/Switch.svelte

@@ -69,6 +69,9 @@
 		border-radius: var(--np-shape-corner-full);
 		-webkit-tap-highlight-color: transparent;
 	}
+	:global(label) {
+		-webkit-tap-highlight-color: transparent;
+	}
 	.np-track {
 		position: absolute;
 		width: 3.25rem;

package/dist/text-field/TextField.svelte

@@ -275,6 +275,9 @@
 		resize: both;
 		text-align: start;
 	}
+	:global(label) {
+		-webkit-tap-highlight-color: transparent;
+	}
 
 	.field {
 		cursor: text;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "noph-ui",
-	"version": "0.39.0",
+	"version": "0.40.0",
 	"license": "MIT",
 	"homepage": "https://noph.dev",
 	"repository": {

package/dist/icons/AccountCircleIcon.svelte

@@ -1,15 +0,0 @@
-<script lang="ts">
-	let {
-		height = 24,
-		width = 24,
-	}: {
-		height?: number
-		width?: number
-	} = $props()
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" {height} viewBox="0 -960 960 960" {width}
-	><path
-		d="M242-251.154q56.846-38.615 113.461-60.577Q412.077-333.692 480-333.692t124.654 21.961q56.731 21.962 113.577 60.577 43.231-47.077 67.115-104.451Q809.231-412.978 809.231-480q0-138.077-95.577-233.654T480-809.231q-138.077 0-233.654 95.577T150.769-480q0 67.022 24 124.395 24 57.374 67.231 104.451Zm237.752-213.461q-50.06 0-84.175-34.364-34.116-34.363-34.116-84.423t34.364-84.175q34.363-34.115 84.423-34.115t84.175 34.363q34.116 34.363 34.116 84.423t-34.364 84.175q-34.363 34.116-84.423 34.116ZM480.468-120q-75.545 0-141.016-28.038-65.472-28.039-114.423-77.154-48.952-49.116-76.991-114.189Q120-404.455 120-479.881q0-75.427 28.038-140.619 28.039-65.192 77.154-114.308 49.116-49.115 114.189-77.154Q404.455-840 479.881-840q75.427 0 140.619 28.038 65.192 28.039 114.308 77.154 49.115 49.116 77.154 114.34Q840-555.244 840-480.468q0 75.545-28.038 141.016-28.039 65.472-77.154 114.423-49.116 48.952-114.34 76.991Q555.244-120 480.468-120ZM480-150.769q56.538 0 112.5-19.462 55.961-19.461 100.808-58.692-44.847-34.462-99-54.231Q540.154-302.923 480-302.923t-114.692 19.385q-54.539 19.384-97.846 54.615 44.077 39.231 100.038 58.692 55.962 19.462 112.5 19.462Zm.107-344.616q37.739 0 62.701-25.069 24.961-25.068 24.961-62.807 0-37.739-25.069-62.701-25.069-24.961-62.807-24.961-37.739 0-62.701 25.069-24.961 25.069-24.961 62.807 0 37.739 25.069 62.701 25.069 24.961 62.807 24.961ZM480-583.154Zm0 356.308Z"
-	/></svg
->

package/dist/icons/AccountCircleIcon.svelte.d.ts

@@ -1,7 +0,0 @@
-type $$ComponentProps = {
-    height?: number;
-    width?: number;
-};
-declare const AccountCircleIcon: import("svelte").Component<$$ComponentProps, {}, "">;
-type AccountCircleIcon = ReturnType<typeof AccountCircleIcon>;
-export default AccountCircleIcon;

package/dist/icons/ArrowBackIcon.svelte

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"
-	><path d="m313-440 224 224-57 56-320-320 320-320 57 56-224 224h487v80H313Z" /></svg
->

package/dist/icons/ArrowBackIcon.svelte.d.ts

@@ -1,26 +0,0 @@
-export default ArrowBackIcon;
-type ArrowBackIcon = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const ArrowBackIcon: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-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;
-}

package/dist/icons/ArrowForwardIcon.svelte

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"
-	><path d="M647-440H160v-80h487L423-744l57-56 320 320-320 320-57-56 224-224Z" /></svg
->

package/dist/icons/ArrowForwardIcon.svelte.d.ts

@@ -1,26 +0,0 @@
-export default ArrowForwardIcon;
-type ArrowForwardIcon = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const ArrowForwardIcon: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-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;
-}

package/dist/icons/BreakingNewsIcon.svelte

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"
-	><path
-		d="M280-280q17 0 28.5-11.5T320-320q0-17-11.5-28.5T280-360q-17 0-28.5 11.5T240-320q0 17 11.5 28.5T280-280Zm-40-160h80v-240h-80v240Zm200 160h280v-80H440v80Zm0-160h280v-80H440v80Zm0-160h280v-80H440v80ZM160-120q-33 0-56.5-23.5T80-200v-560q0-33 23.5-56.5T160-840h640q33 0 56.5 23.5T880-760v560q0 33-23.5 56.5T800-120H160Zm0-80h640v-560H160v560Zm0 0v-560 560Z"
-	/></svg
->

package/dist/icons/BreakingNewsIcon.svelte.d.ts

@@ -1,26 +0,0 @@
-export default BreakingNewsIcon;
-type BreakingNewsIcon = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const BreakingNewsIcon: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-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;
-}

package/dist/icons/BrightnessMediumIcon.svelte

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"
-	><path
-		d="M480-28 346-160H160v-186L28-480l132-134v-186h186l134-132 134 132h186v186l132 134-132 134v186H614L480-28Zm0-252q83 0 141.5-58.5T680-480q0-83-58.5-141.5T480-680v400Zm0 140 100-100h140v-140l100-100-100-100v-140H580L480-820 380-720H240v140L140-480l100 100v140h140l100 100Zm0-340Z"
-	/></svg
->

package/dist/icons/BrightnessMediumIcon.svelte.d.ts

@@ -1,26 +0,0 @@
-export default BrightnessMediumIcon;
-type BrightnessMediumIcon = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const BrightnessMediumIcon: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-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;
-}

package/dist/icons/ChatIcon.svelte

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"
-	><path
-		d="M240-400h320v-80H240v80Zm0-120h480v-80H240v80Zm0-120h480v-80H240v80ZM80-80v-720q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240L80-80Zm126-240h594v-480H160v525l46-45Zm-46 0v-480 480Z"
-	/></svg
->