@warkypublic/svelix 0.1.12 → 0.1.14

package/dist/components/BetterMenu/BetterMenu.svelte

@@ -5,7 +5,7 @@
 	import MenuRenderer from './MenuRenderer.svelte';
 	import type { BetterMenuInstance } from './types';
 
-	interface Props {
+	export interface Props {
 		children: Snippet;
 		disablePortal?: boolean;
 		providerID?: string;

package/dist/components/BetterMenu/BetterMenu.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Snippet } from 'svelte';
 import type { BetterMenuInstance } from './types';
-interface Props {
+export interface Props {
     children: Snippet;
     disablePortal?: boolean;
     providerID?: string;

package/dist/components/BetterMenu/BetterMenuAsyncButton.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { BetterMenuInstanceItem } from './types';
 
-	interface Props {
+	export interface Props {
 		item: BetterMenuInstanceItem;
 		onClose: () => void;
 	}

package/dist/components/BetterMenu/BetterMenuAsyncButton.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { BetterMenuInstanceItem } from './types';
-interface Props {
+export interface Props {
     item: BetterMenuInstanceItem;
     onClose: () => void;
 }

package/dist/components/BetterMenu/BetterMenuPreview.svelte

@@ -2,7 +2,7 @@
 	import BetterMenu from './BetterMenu.svelte';
 	import type { BetterMenuInstance } from './types';
 
-	interface Props {
+	export interface Props {
 		providerID?: string;
 		width?: number;
 	}

package/dist/components/BetterMenu/BetterMenuPreview.svelte.d.ts

@@ -1,4 +1,4 @@
-interface Props {
+export interface Props {
     providerID?: string;
     width?: number;
 }

package/dist/components/BetterMenu/MenuRenderer.svelte

@@ -6,7 +6,7 @@
 	import { registerOverlay } from '../OverlayStack';
 	import Portal from '../Portal/Portal.svelte';
 
-	interface Props {
+	export interface Props {
 		disablePortal?: boolean;
 	}
 	const { disablePortal = false }: Props = $props();

package/dist/components/BetterMenu/MenuRenderer.svelte.d.ts

@@ -1,4 +1,4 @@
-interface Props {
+export interface Props {
     disablePortal?: boolean;
 }
 declare const MenuRenderer: import("svelte").Component<Props, {}, "">;

package/dist/components/Boxer/BoxerTarget.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { Snippet } from "svelte";
 
-  interface Props {
+  export interface Props {
     clearable?: boolean;
     disabled?: boolean;
     error?: string;

package/dist/components/Boxer/BoxerTarget.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Snippet } from "svelte";
-interface Props {
+export interface Props {
     clearable?: boolean;
     disabled?: boolean;
     error?: string;

package/dist/components/ErrorBoundary/ErrorBoundary.svelte

@@ -2,7 +2,7 @@
 	import type { Snippet } from 'svelte';
 	import errorManager from './ErrorManager';
 
-	interface Props {
+	export interface Props {
 		children?: Snippet;
 		namespace?: string;
 		onReportClick?: () => void;

package/dist/components/ErrorBoundary/ErrorBoundary.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-interface Props {
+export interface Props {
     children?: Snippet;
     namespace?: string;
     onReportClick?: () => void;

package/dist/components/ErrorBoundary/ErrorBoundaryPreview.svelte

@@ -2,7 +2,7 @@
 	import Button from '../Button.svelte';
 	import ErrorBoundary from './ErrorBoundary.svelte';
 
-	interface Props {
+	export interface Props {
 		namespace?: string;
 	}
 

package/dist/components/ErrorBoundary/ErrorBoundaryPreview.svelte.d.ts

@@ -1,4 +1,4 @@
-interface Props {
+export interface Props {
     namespace?: string;
 }
 declare const ErrorBoundaryPreview: import("svelte").Component<Props, {}, "">;

package/dist/components/Former/Former.svelte

@@ -5,7 +5,7 @@
 	import type { FormRequestType, FormerAPICallType, FormerLayout, FormerState, FormerStateAndProps } from './types';
 	import FormerButtonArea from './FormerButtonArea.svelte';
 
-	interface Props<T = any> {
+	export interface Props<T = any> {
 		// Called before the GET request is made; can transform the outgoing payload.
 		beforeGet?: (data: T, state: Partial<FormerState<T>>) => Promise<T> | T;
 		afterGet?: (data: T, state: Partial<FormerState<T>>) => Promise<T> | void;

package/dist/components/Former/Former.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Snippet } from 'svelte';
 import type { FormRequestType, FormerAPICallType, FormerLayout, FormerState } from './types';
-interface Props<T = any> {
+export interface Props<T = any> {
     beforeGet?: (data: T, state: Partial<FormerState<T>>) => Promise<T> | T;
     afterGet?: (data: T, state: Partial<FormerState<T>>) => Promise<T> | void;
     afterSave?: (data: T, state: Partial<FormerState<T>>) => Promise<void> | void;

package/dist/components/Former/FormerButtonArea.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { FormRequestType } from "./types";
 
-  interface Props {
+  export interface Props {
     closeButtonTitle?: string;
     deleteConfirmed?: boolean;
     dirty?: boolean;

package/dist/components/Former/FormerButtonArea.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { FormRequestType } from "./types";
-interface Props {
+export interface Props {
     closeButtonTitle?: string;
     deleteConfirmed?: boolean;
     dirty?: boolean;

package/dist/components/Former/FormerDrawer.svelte

@@ -5,7 +5,7 @@
 	import Former from './Former.svelte';
 	import type { FormerProps, FormRequestType } from './types';
 
-	interface Props extends FormerProps {
+	export interface Props extends FormerProps {
 		/**
 		 * Override the auto-generated drawer title.
 		 * When omitted the title is derived from the request type and the unique key value:

package/dist/components/Former/FormerDrawer.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { FormerProps } from './types';
-interface Props extends FormerProps {
+export interface Props extends FormerProps {
     /**
      * Override the auto-generated drawer title.
      * When omitted the title is derived from the request type and the unique key value:

package/dist/components/Former/FormerDrawerPreview.svelte

@@ -24,7 +24,7 @@
 		active: boolean;
 	}
 
-	interface Props {
+	export interface Props {
 		request?: FormRequestType;
 	}
 

package/dist/components/Former/FormerDrawerPreview.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { FormRequestType } from './types';
-interface Props {
+export interface Props {
     request?: FormRequestType;
 }
 declare const FormerDrawerPreview: import("svelte").Component<Props, {}, "">;

package/dist/components/Former/FormerModal.svelte

@@ -5,7 +5,7 @@
 	import Former from './Former.svelte';
 	import type { FormerProps, FormRequestType } from './types';
 
-	interface Props extends FormerProps {
+	export interface Props extends FormerProps {
 		/**
 		 * Override the auto-generated dialog title.
 		 * When omitted the title is derived from the request type and the unique key value:

package/dist/components/Former/FormerModal.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { FormerProps } from './types';
-interface Props extends FormerProps {
+export interface Props extends FormerProps {
     /**
      * Override the auto-generated dialog title.
      * When omitted the title is derived from the request type and the unique key value:

package/dist/components/Former/FormerModalPreview.svelte

@@ -24,7 +24,7 @@
 		active: boolean;
 	}
 
-	interface Props {
+	export interface Props {
 		request?: FormRequestType;
 	}
 

package/dist/components/Former/FormerModalPreview.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { FormRequestType } from './types';
-interface Props {
+export interface Props {
     request?: FormRequestType;
 }
 declare const FormerModalPreview: import("svelte").Component<Props, {}, "">;

package/dist/components/Former/FormerPreview.svelte

@@ -23,7 +23,7 @@
     active: boolean;
   }
 
-  interface Props {
+  export interface Props {
     request?: FormRequestType;
     showKeepOpenSwitch?: boolean;
   }

package/dist/components/Former/FormerPreview.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { FormRequestType } from './types';
-interface Props {
+export interface Props {
     request?: FormRequestType;
     showKeepOpenSwitch?: boolean;
 }

package/dist/components/FormerControllers/ButtonCtrl.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 
-	interface Props {
+	export interface Props {
 		children?: Snippet;
 		disabled?: boolean;
 		loading?: boolean;

package/dist/components/FormerControllers/ButtonCtrl.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-interface Props {
+export interface Props {
     children?: Snippet;
     disabled?: boolean;
     loading?: boolean;

package/dist/components/FormerControllers/DateTimeCtrl/DateTimeCtrl.svelte

@@ -40,7 +40,7 @@
     panelClass?: string;
   }
 
-  interface Props extends CtrlBaseProps {
+  export interface Props extends CtrlBaseProps {
     amLabel?: string;
     closeOnPick?: boolean;
     clearable?: boolean;

package/dist/components/FormerControllers/DateTimeCtrl/DateTimeCtrl.svelte.d.ts

@@ -19,7 +19,7 @@ interface PopoverProps {
     dialogAriaLabel?: string;
     panelClass?: string;
 }
-interface Props extends CtrlBaseProps {
+export interface Props extends CtrlBaseProps {
     amLabel?: string;
     closeOnPick?: boolean;
     clearable?: boolean;

package/dist/components/FormerControllers/DateTimeCtrl/DateTimeCtrlCalendar.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { WEEKDAY_LABELS, type CalendarCell } from './DateTimeCtrl.utils';
 
-  interface Props {
+  export interface Props {
     cells: CalendarCell[];
     isDateSelectable?: (isoDate: string) => boolean;
     monthLabel: string;

package/dist/components/FormerControllers/DateTimeCtrl/DateTimeCtrlCalendar.svelte.d.ts

@@ -1,5 +1,5 @@
 import { type CalendarCell } from './DateTimeCtrl.utils';
-interface Props {
+export interface Props {
     cells: CalendarCell[];
     isDateSelectable?: (isoDate: string) => boolean;
     monthLabel: string;

package/dist/components/FormerControllers/DateTimeCtrl/DateTimeCtrlPickerPanel.svelte

@@ -3,7 +3,7 @@
   import DateTimeCtrlTimeFields from './DateTimeCtrlTimeFields.svelte';
   import type { CalendarCell } from './DateTimeCtrl.utils';
 
-  interface Props {
+  export interface Props {
     amLabel?: string;
     calendarCells?: CalendarCell[];
     calendarMonthLabel?: string;

package/dist/components/FormerControllers/DateTimeCtrl/DateTimeCtrlPickerPanel.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { CalendarCell } from './DateTimeCtrl.utils';
-interface Props {
+export interface Props {
     amLabel?: string;
     calendarCells?: CalendarCell[];
     calendarMonthLabel?: string;

package/dist/components/FormerControllers/DateTimeCtrl/DateTimeCtrlTimeFields.svelte

@@ -4,7 +4,7 @@
     value: string;
   }
 
-  interface Props {
+  export interface Props {
     amLabel?: string;
     hour?: number;
     hoursStep?: number;

package/dist/components/FormerControllers/DateTimeCtrl/DateTimeCtrlTimeFields.svelte.d.ts

@@ -2,7 +2,7 @@ interface TimePresetOption {
     label: string;
     value: string;
 }
-interface Props {
+export interface Props {
     amLabel?: string;
     hour?: number;
     hoursStep?: number;

package/dist/components/FormerControllers/IconButtonCtrl.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 
-	interface Props {
+	export interface Props {
 		children?: Snippet;
 		disabled?: boolean;
 		loading?: boolean;

package/dist/components/FormerControllers/IconButtonCtrl.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-interface Props {
+export interface Props {
     children?: Snippet;
     disabled?: boolean;
     loading?: boolean;

package/dist/components/FormerControllers/InlineWrapper.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 
-	interface Props {
+	export interface Props {
 		children?: Snippet;
 		error?: string;
 		label?: string | Snippet;
@@ -35,36 +35,63 @@
 	}
 
 	const isEmpty = $derived(isValueEmpty(value));
-
-	const labelBg = $derived(
-		error
-			? 'bg-error-100 dark:bg-error-900'
-			: required && isEmpty
-				? 'bg-warning-100 dark:bg-warning-900'
-				: 'bg-surface-100 dark:bg-surface-800'
-	);
-
-	const labelTextColor = $derived(
-		error ? 'text-error-700 dark:text-error-300' : 'text-surface-700 dark:text-surface-300'
-	);
+	const showErrorIcon = $derived(!!error);
+	const showWarningIcon = $derived(!error && !!required && isEmpty);
 </script>
 
 <div class="flex flex-col gap-0" title={tooltip}>
 	<div class="flex flex-nowrap gap-0">
-		{#if labelWidth && (label || promptArea)}
-			<div
-				class="flex items-center px-3 border border-surface-300 dark:border-surface-600 rounded-l {labelBg}"
-				style:min-width={labelWidth}
-			>
-				{#if promptArea}
-					{@render promptArea()}
-				{:else if typeof label === 'string'}
-					<span class="text-xs font-medium {labelTextColor}">
-						{label}{#if required && isEmpty}<span class="text-error-500">*</span>{/if}
-					</span>
-				{:else if label}
-					{@render label()}
-				{/if}
+			{#if labelWidth && (label || promptArea)}
+				<div
+					class="flex items-center px-3 border border-surface-300 dark:border-surface-600 rounded-l bg-surface-100 dark:bg-surface-800"
+					style:min-width={labelWidth}
+				>
+					{#if promptArea}
+						{@render promptArea()}
+					{:else if typeof label === 'string'}
+						<span class="inline-flex items-center gap-1.5 text-xs font-medium text-surface-700 dark:text-surface-300">
+							{label}{#if required && isEmpty}<span class="text-error-500">*</span>{/if}
+							{#if showErrorIcon}
+								<svg
+									xmlns="http://www.w3.org/2000/svg"
+									width="14"
+									height="14"
+									viewBox="0 0 24 24"
+									fill="none"
+									stroke="currentColor"
+									stroke-width="2"
+									stroke-linecap="round"
+									stroke-linejoin="round"
+									class="text-error-500"
+									aria-hidden="true"
+								>
+									<circle cx="12" cy="12" r="10"></circle>
+									<line x1="12" y1="8" x2="12" y2="12"></line>
+									<line x1="12" y1="16" x2="12.01" y2="16"></line>
+								</svg>
+							{:else if showWarningIcon}
+								<svg
+									xmlns="http://www.w3.org/2000/svg"
+									width="14"
+									height="14"
+									viewBox="0 0 24 24"
+									fill="none"
+									stroke="currentColor"
+									stroke-width="2"
+									stroke-linecap="round"
+									stroke-linejoin="round"
+									class="text-warning-500"
+									aria-hidden="true"
+								>
+									<path d="m10.29 3.86-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.71-3.14l-8-14a2 2 0 0 0-3.42 0z"></path>
+									<line x1="12" y1="9" x2="12" y2="13"></line>
+									<line x1="12" y1="17" x2="12.01" y2="17"></line>
+								</svg>
+							{/if}
+						</span>
+					{:else if label}
+						{@render label()}
+					{/if}
 			</div>
 		{/if}
 		{#if leftSection}

package/dist/components/FormerControllers/InlineWrapper.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-interface Props {
+export interface Props {
     children?: Snippet;
     error?: string;
     label?: string | Snippet;

package/dist/components/FormerControllers/InlineWrapperPreview.svelte

@@ -3,7 +3,7 @@
 	import TextInputCtrl from './TextInputCtrl.svelte';
 	import ButtonCtrl from './ButtonCtrl.svelte';
 
-	interface Props {
+	export interface Props {
 		error?: string;
 		label?: string;
 		labelWidth?: string;

package/dist/components/FormerControllers/InlineWrapperPreview.svelte.d.ts

@@ -1,4 +1,4 @@
-interface Props {
+export interface Props {
     error?: string;
     label?: string;
     labelWidth?: string;

package/dist/components/FormerControllers/NativeSelectCtrl.svelte

@@ -6,7 +6,7 @@
 		value: string;
 	}
 
-	interface Props extends CtrlBaseProps {
+	export interface Props extends CtrlBaseProps {
 		onchange?: (value: string) => void;
 		options?: Array<SelectOption | string>;
 		value?: string;

package/dist/components/FormerControllers/NativeSelectCtrl.svelte.d.ts

@@ -3,7 +3,7 @@ interface SelectOption {
     label: string;
     value: string;
 }
-interface Props extends CtrlBaseProps {
+export interface Props extends CtrlBaseProps {
     onchange?: (value: string) => void;
     options?: Array<SelectOption | string>;
     value?: string;

package/dist/components/FormerControllers/NumberInputCtrl.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { CtrlBaseProps } from './types';
 
-	interface Props extends CtrlBaseProps {
+	export interface Props extends CtrlBaseProps {
 		max?: number;
 		min?: number;
 		onchange?: (value: number | undefined) => void;

package/dist/components/FormerControllers/NumberInputCtrl.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { CtrlBaseProps } from './types';
-interface Props extends CtrlBaseProps {
+export interface Props extends CtrlBaseProps {
     max?: number;
     min?: number;
     onchange?: (value: number | undefined) => void;

package/dist/components/FormerControllers/PasswordInputCtrl.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { CtrlBaseProps } from './types';
 
-	interface Props extends CtrlBaseProps {
+	export interface Props extends CtrlBaseProps {
 		onchange?: (value: string) => void;
 		value?: string;
 	}

package/dist/components/FormerControllers/PasswordInputCtrl.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { CtrlBaseProps } from './types';
-interface Props extends CtrlBaseProps {
+export interface Props extends CtrlBaseProps {
     onchange?: (value: string) => void;
     value?: string;
 }

package/dist/components/FormerControllers/SwitchCtrl.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { CtrlBaseProps } from './types';
 
-	interface Props extends Omit<CtrlBaseProps, 'placeholder'> {
+	export interface Props extends Omit<CtrlBaseProps, 'placeholder'> {
 		checked?: boolean;
 		onchange?: (checked: boolean) => void;
 	}

package/dist/components/FormerControllers/SwitchCtrl.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { CtrlBaseProps } from './types';
-interface Props extends Omit<CtrlBaseProps, 'placeholder'> {
+export interface Props extends Omit<CtrlBaseProps, 'placeholder'> {
     checked?: boolean;
     onchange?: (checked: boolean) => void;
 }

package/dist/components/FormerControllers/TextAreaCtrl.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { CtrlBaseProps } from './types';
 
-	interface Props extends CtrlBaseProps {
+	export interface Props extends CtrlBaseProps {
 		onchange?: (value: string) => void;
 		rows?: number;
 		value?: string;

package/dist/components/FormerControllers/TextAreaCtrl.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { CtrlBaseProps } from './types';
-interface Props extends CtrlBaseProps {
+export interface Props extends CtrlBaseProps {
     onchange?: (value: string) => void;
     rows?: number;
     value?: string;

package/dist/components/FormerControllers/TextInputCtrl.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { CtrlBaseProps } from './types';
 
-	interface Props extends CtrlBaseProps {
+	export interface Props extends CtrlBaseProps {
 		onchange?: (value: string) => void;
 		type?: string;
 		value?: string;

package/dist/components/FormerControllers/TextInputCtrl.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { CtrlBaseProps } from './types';
-interface Props extends CtrlBaseProps {
+export interface Props extends CtrlBaseProps {
     onchange?: (value: string) => void;
     type?: string;
     value?: string;

package/dist/components/GlobalStateStore/GlobalStateStoreProvider.svelte

@@ -9,7 +9,7 @@
 	} from './GlobalStateStoreContext';
 	import type { GlobalState, ProgramState } from './GlobalStateStore.types';
 
-	interface Props {
+	export interface Props {
 		apiURL?: string;
 		autoFetch?: boolean;
 		children: Snippet;

package/dist/components/GlobalStateStore/GlobalStateStoreProvider.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Snippet } from 'svelte';
 import type { GlobalState, ProgramState } from './GlobalStateStore.types';
-interface Props {
+export interface Props {
     apiURL?: string;
     autoFetch?: boolean;
     children: Snippet;

package/dist/components/Svark/Svark.svelte

@@ -15,7 +15,7 @@
 		IConfig
 	} from './types.js';
 
-	interface Props {
+	export interface Props {
 		// Prefer `url`. `baseUrl` is kept for backwards compatibility.
 		url?: string;
 		baseUrl?: string;