sv5ui-plus 5.0.4 → 5.0.6

package/dist/components/DateRangePickerField/index.d.ts

@@ -1,2 +1,2 @@
-export { default as DateRangePickerField } from './DateRangePickerField.svelte';
-export type { DateRangePickerFieldProps } from './date-range-picker-field.types.js';
+export { default as DateRangePickerField } from "./DateRangePickerField.svelte";
+export type { DateRangePickerFieldProps } from "./date-range-picker-field.types.js";

package/dist/components/DateRangePickerField/index.js

@@ -1 +1 @@
-export { default as DateRangePickerField } from './DateRangePickerField.svelte';
+export { default as DateRangePickerField } from "./DateRangePickerField.svelte";

package/dist/components/Fonts/Fonts.svelte

@@ -17,16 +17,16 @@ const hasFonts = $derived(href.length > 0 || inlineCss.length > 0);
 </script>
 
 <svelte:head>
-    {#if hasFonts}
-        {#if resolvedPreconnect && href}
-            <link rel="preconnect" href="https://fonts.googleapis.com" />
-            <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
-        {/if}
-        {#if href}
-            <link rel="stylesheet" href={href} />
-        {/if}
-        {#if inlineCss}
-            <svelte:element this={'style'}>{inlineCss}</svelte:element>
-        {/if}
-    {/if}
+	{#if hasFonts}
+		{#if resolvedPreconnect && href}
+			<link rel="preconnect" href="https://fonts.googleapis.com" />
+			<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
+		{/if}
+		{#if href}
+			<link rel="stylesheet" {href} />
+		{/if}
+		{#if inlineCss}
+			<svelte:element this={"style"}>{inlineCss}</svelte:element>
+		{/if}
+	{/if}
 </svelte:head>

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

@@ -1,4 +1,4 @@
-import type { FontsProps } from './fonts.types.js';
+import type { FontsProps } from "./fonts.types.js";
 export type Props = FontsProps;
 declare const Fonts: import("svelte").Component<FontsProps, {}, "">;
 type Fonts = ReturnType<typeof Fonts>;

package/dist/components/Fonts/fonts.d.ts

@@ -1,4 +1,4 @@
-import type { FontDefinition, GoogleFontDisplay, FontsConfig, FontsOptions } from './fonts.types.js';
+import type { FontDefinition, GoogleFontDisplay, FontsConfig, FontsOptions } from "./fonts.types.js";
 export declare const defaultFontFamilies: FontDefinition[];
 export declare const fontsDefaults: {
     families: FontDefinition[];

package/dist/components/Fonts/fonts.js

@@ -2,31 +2,31 @@ const defaultSansFallback = "ui-sans-serif, system-ui, -apple-system, BlinkMacSy
 const defaultMonoFallback = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace";
 export const defaultFontFamilies = [
     {
-        name: 'Inter',
-        variable: '--font-sans-family',
-        weights: [400, 500, 600, 700]
+        name: "Inter",
+        variable: "--font-sans-family",
+        weights: [400, 500, 600, 700],
     },
     {
-        name: 'Inter',
-        variable: '--font-heading-family',
-        weights: [400, 500, 600, 700]
+        name: "Inter",
+        variable: "--font-heading-family",
+        weights: [400, 500, 600, 700],
     },
     {
-        name: 'JetBrains Mono',
-        variable: '--font-mono-family',
-        weights: [400, 500, 700]
-    }
+        name: "JetBrains Mono",
+        variable: "--font-mono-family",
+        weights: [400, 500, 700],
+    },
 ];
 export const fontsDefaults = {
     families: defaultFontFamilies,
-    display: 'swap',
-    preconnect: true
+    display: "swap",
+    preconnect: true,
 };
 function isLocalFont(font) {
-    return font.provider === 'local';
+    return font.provider === "local";
 }
 function normalizeFontName(name) {
-    return name.trim().replace(/\s+/g, ' ');
+    return name.trim().replace(/\s+/g, " ");
 }
 function getFontWeights(weights) {
     const normalized = (weights ?? [400]).filter((weight, index, source) => Number.isInteger(weight) &&
@@ -36,43 +36,43 @@ function getFontWeights(weights) {
     return normalized.length > 0 ? [...normalized].sort((a, b) => a - b) : [400];
 }
 function getFontStyles(styles) {
-    const normalized = (styles ?? ['normal']).filter((style, index, source) => (style === 'normal' || style === 'italic') && source.indexOf(style) === index);
+    const normalized = (styles ?? ["normal"]).filter((style, index, source) => (style === "normal" || style === "italic") && source.indexOf(style) === index);
     if (normalized.length === 0)
-        return ['normal'];
-    if (normalized.includes('normal') && normalized.includes('italic')) {
-        return ['normal', 'italic'];
+        return ["normal"];
+    if (normalized.includes("normal") && normalized.includes("italic")) {
+        return ["normal", "italic"];
     }
-    return normalized[0] === 'italic' ? ['italic'] : ['normal'];
+    return normalized[0] === "italic" ? ["italic"] : ["normal"];
 }
 function encodeFamilyName(name) {
-    return normalizeFontName(name).replaceAll(' ', '+');
+    return normalizeFontName(name).replaceAll(" ", "+");
 }
 function escapeFontName(name) {
-    return name.replaceAll('\\', '\\\\').replaceAll("'", "\\'");
+    return name.replaceAll("\\", "\\\\").replaceAll("'", "\\'");
 }
 function getDefaultFallback(variable) {
-    return variable?.includes('mono') ? defaultMonoFallback : defaultSansFallback;
+    return variable?.includes("mono") ? defaultMonoFallback : defaultSansFallback;
 }
 function buildFamilyQuery(font) {
     const name = encodeFamilyName(font.name);
     const weights = getFontWeights(font.weights);
     const styles = getFontStyles(font.styles);
-    if (styles.length === 1 && styles[0] === 'normal') {
-        return `${name}:wght@${weights.join(';')}`;
+    if (styles.length === 1 && styles[0] === "normal") {
+        return `${name}:wght@${weights.join(";")}`;
     }
-    const pairs = styles.flatMap((style) => weights.map((weight) => `${style === 'italic' ? 1 : 0},${weight}`));
-    return `${name}:ital,wght@${pairs.join(';')}`;
+    const pairs = styles.flatMap((style) => weights.map((weight) => `${style === "italic" ? 1 : 0},${weight}`));
+    return `${name}:ital,wght@${pairs.join(";")}`;
 }
-export function buildGoogleFontsUrl(fonts, display = 'swap') {
+export function buildGoogleFontsUrl(fonts, display = "swap") {
     const families = fonts
         .filter((font) => !isLocalFont(font))
         .map((font) => buildFamilyQuery(font))
         .filter((family, index, source) => family.length > 0 && source.indexOf(family) === index);
     if (families.length === 0)
-        return '';
+        return "";
     const familyParams = families
-        .map((f) => `family=${encodeURIComponent(f).replaceAll('%2B', '+')}`)
-        .join('&');
+        .map((f) => `family=${encodeURIComponent(f).replaceAll("%2B", "+")}`)
+        .join("&");
     return `https://fonts.googleapis.com/css2?${familyParams}&display=${display}`;
 }
 export function buildFontFamily(font) {
@@ -83,31 +83,31 @@ function buildLocalFontSourceReference(source) {
     const url = `url('${source.src.replaceAll("'", "\\'")}')`;
     return source.format ? `${url} format('${source.format}')` : url;
 }
-export function buildLocalFontFaceCss(fonts, defaultDisplay = 'swap') {
+export function buildLocalFontFaceCss(fonts, defaultDisplay = "swap") {
     const declarations = fonts.filter(isLocalFont).flatMap((font) => font.sources.map((source) => {
         const lines = [
-            '@font-face {',
+            "@font-face {",
             `    font-family: '${escapeFontName(normalizeFontName(font.name))}';`,
             `    src: ${buildLocalFontSourceReference(source)};`,
             `    font-display: ${font.display ?? defaultDisplay};`,
-            `    font-style: ${source.style ?? 'normal'};`,
-            `    font-weight: ${source.weight ?? 400};`
+            `    font-style: ${source.style ?? "normal"};`,
+            `    font-weight: ${source.weight ?? 400};`,
         ];
         if (source.unicodeRange) {
             lines.push(`    unicode-range: ${source.unicodeRange};`);
         }
-        lines.push('}');
-        return lines.join('\n');
+        lines.push("}");
+        return lines.join("\n");
     }));
-    return declarations.join('\n\n');
+    return declarations.join("\n\n");
 }
 export function buildFontVariablesCss(fonts) {
     const declarations = fonts
-        .filter((font) => typeof font.variable === 'string' && font.variable.length > 2)
+        .filter((font) => typeof font.variable === "string" && font.variable.length > 2)
         .map((font) => `    ${font.variable}: ${buildFontFamily(font)};`);
     if (declarations.length === 0)
-        return '';
-    return `:root {\n${declarations.join('\n')}\n}`;
+        return "";
+    return `:root {\n${declarations.join("\n")}\n}`;
 }
 export function resolveFontsOptions(config) {
     if (config === false)
@@ -115,11 +115,11 @@ export function resolveFontsOptions(config) {
     if (config === true) {
         return fontsDefaults;
     }
-    if (config && typeof config === 'object') {
+    if (config && typeof config === "object") {
         return {
             families: config.families ?? fontsDefaults.families,
             display: config.display ?? fontsDefaults.display,
-            preconnect: config.preconnect ?? fontsDefaults.preconnect
+            preconnect: config.preconnect ?? fontsDefaults.preconnect,
         };
     }
     return fontsDefaults;

package/dist/components/Fonts/fonts.types.d.ts

@@ -1,15 +1,15 @@
-export type GoogleFontStyle = 'normal' | 'italic';
-export type GoogleFontDisplay = 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
-export type FontProvider = 'google' | 'local';
+export type GoogleFontStyle = "normal" | "italic";
+export type GoogleFontDisplay = "auto" | "block" | "swap" | "fallback" | "optional";
+export type FontProvider = "google" | "local";
 export type GoogleFontDefinition = {
-    provider?: 'google';
+    provider?: "google";
     name: string;
     weights?: number[];
     styles?: GoogleFontStyle[];
     variable?: `--${string}`;
     fallback?: string;
 };
-export type LocalFontSourceFormat = 'woff2' | 'woff' | 'truetype' | 'opentype' | 'embedded-opentype' | 'svg';
+export type LocalFontSourceFormat = "woff2" | "woff" | "truetype" | "opentype" | "embedded-opentype" | "svg";
 export type LocalFontSource = {
     src: string;
     format?: LocalFontSourceFormat;
@@ -18,7 +18,7 @@ export type LocalFontSource = {
     unicodeRange?: string;
 };
 export type LocalFontDefinition = {
-    provider: 'local';
+    provider: "local";
     name: string;
     sources: LocalFontSource[];
     variable?: `--${string}`;

package/dist/components/Fonts/index.d.ts

@@ -1,3 +1,3 @@
-export { default as Fonts } from './Fonts.svelte';
-export { buildFontFamily, buildFontVariablesCss, buildGoogleFontsUrl, buildLocalFontFaceCss, defaultFontFamilies, fontsDefaults, resolveFontsOptions } from './fonts.js';
-export type { FontDefinition, FontsConfig, FontsOptions, GoogleFontDefinition, GoogleFontDisplay, GoogleFontStyle, LocalFontDefinition, LocalFontSource, LocalFontSourceFormat, FontsProps, FontProvider } from './fonts.types.js';
+export { default as Fonts } from "./Fonts.svelte";
+export { buildFontFamily, buildFontVariablesCss, buildGoogleFontsUrl, buildLocalFontFaceCss, defaultFontFamilies, fontsDefaults, resolveFontsOptions, } from "./fonts.js";
+export type { FontDefinition, FontsConfig, FontsOptions, GoogleFontDefinition, GoogleFontDisplay, GoogleFontStyle, LocalFontDefinition, LocalFontSource, LocalFontSourceFormat, FontsProps, FontProvider, } from "./fonts.types.js";

package/dist/components/Fonts/index.js

@@ -1,2 +1,2 @@
-export { default as Fonts } from './Fonts.svelte';
-export { buildFontFamily, buildFontVariablesCss, buildGoogleFontsUrl, buildLocalFontFaceCss, defaultFontFamilies, fontsDefaults, resolveFontsOptions } from './fonts.js';
+export { default as Fonts } from "./Fonts.svelte";
+export { buildFontFamily, buildFontVariablesCss, buildGoogleFontsUrl, buildLocalFontFaceCss, defaultFontFamilies, fontsDefaults, resolveFontsOptions, } from "./fonts.js";

package/dist/components/FormSelect/FormSelect.svelte

@@ -9,9 +9,9 @@ let { name, value = $bindable(""), disabled = false, ...selectProps } = $props()
 <Select {...selectProps} bind:value {disabled} />
 
 {#if Array.isArray(value)}
-    {#each value as item (item)}
-        <input type="hidden" {name} value={item} {disabled} />
-    {/each}
+	{#each value as item (item)}
+		<input type="hidden" {name} value={item} {disabled} />
+	{/each}
 {:else}
-    <input type="hidden" {name} value={value ?? ''} {disabled} />
+	<input type="hidden" {name} value={value ?? ""} {disabled} />
 {/if}

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

@@ -1,5 +1,5 @@
-export type { FormSelectProps as Props } from './form-select.types.js';
-import type { FormSelectProps } from './form-select.types.js';
+export type { FormSelectProps as Props } from "./form-select.types.js";
+import type { FormSelectProps } from "./form-select.types.js";
 declare const FormSelect: import("svelte").Component<FormSelectProps, {}, "value">;
 type FormSelect = ReturnType<typeof FormSelect>;
 export default FormSelect;

package/dist/components/FormSelect/form-select.types.d.ts

@@ -1,6 +1,6 @@
-import type { ComponentProps } from 'svelte';
-import type { Select } from 'sv5ui';
-export type FormSelectProps = Omit<ComponentProps<typeof Select>, 'name'> & {
+import type { ComponentProps } from "svelte";
+import type { Select } from "sv5ui";
+export type FormSelectProps = Omit<ComponentProps<typeof Select>, "name"> & {
     /** Native form field name (written to hidden inputs). */
     name: string;
 };

package/dist/components/FormSelect/index.d.ts

@@ -1,2 +1,2 @@
-export { default as FormSelect } from './FormSelect.svelte';
-export type { FormSelectProps } from './form-select.types.js';
+export { default as FormSelect } from "./FormSelect.svelte";
+export type { FormSelectProps } from "./form-select.types.js";

package/dist/components/FormSelect/index.js

@@ -1 +1 @@
-export { default as FormSelect } from './FormSelect.svelte';
+export { default as FormSelect } from "./FormSelect.svelte";

package/dist/components/List/List.svelte

@@ -10,5 +10,5 @@ setContext("list-variant", () => variant);
 </script>
 
 <ul class={twMerge(styles.base(), className)} {...restProps}>
-    {@render children?.()}
+	{@render children?.()}
 </ul>

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

@@ -1,4 +1,4 @@
-import type { ListProps } from './list.types.js';
+import type { ListProps } from "./list.types.js";
 declare const List: import("svelte").Component<ListProps, {}, "">;
 type List = ReturnType<typeof List>;
 export default List;

package/dist/components/List/ListItem.svelte

@@ -17,48 +17,40 @@ let styles = $derived(listVariants({
 </script>
 
 {#snippet contentWrapper()}
-    {#if leading}
-        <div class={styles.leading()}>
-            {@render leading()}
-        </div>
-    {/if}
+	{#if leading}
+		<div class={styles.leading()}>
+			{@render leading()}
+		</div>
+	{/if}
 
-    <div class={styles.itemContent()}>
-        {#if children}
-            {@render children()}
-        {:else}
-            {#if title}
-                <div class={styles.itemTitle()}>{title}</div>
-            {/if}
-            {#if description}
-                <div class={styles.itemDescription()}>{description}</div>
-            {/if}
-        {/if}
-    </div>
+	<div class={styles.itemContent()}>
+		{#if children}
+			{@render children()}
+		{:else}
+			{#if title}
+				<div class={styles.itemTitle()}>{title}</div>
+			{/if}
+			{#if description}
+				<div class={styles.itemDescription()}>{description}</div>
+			{/if}
+		{/if}
+	</div>
 
-    {#if trailing}
-        <div class={styles.trailing()}>
-            {@render trailing()}
-        </div>
-    {/if}
+	{#if trailing}
+		<div class={styles.trailing()}>
+			{@render trailing()}
+		</div>
+	{/if}
 {/snippet}
 
 <li>
-    {#if href}
-        <a 
-            {href}
-            {target}
-            class={twMerge(styles.item(), className)}
-            {...restProps as any}
-        >
-            {@render contentWrapper()}
-        </a>
-    {:else}
-        <div 
-            class={twMerge(styles.item(), className)}
-            {...restProps as any}
-        >
-            {@render contentWrapper()}
-        </div>
-    {/if}
+	{#if href}
+		<a {href} {target} class={twMerge(styles.item(), className)} {...restProps as any}>
+			{@render contentWrapper()}
+		</a>
+	{:else}
+		<div class={twMerge(styles.item(), className)} {...restProps as any}>
+			{@render contentWrapper()}
+		</div>
+	{/if}
 </li>

package/dist/components/List/ListItem.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ListItemProps } from './list.types.js';
+import type { ListItemProps } from "./list.types.js";
 declare const ListItem: import("svelte").Component<ListItemProps, {}, "">;
 type ListItem = ReturnType<typeof ListItem>;
 export default ListItem;

package/dist/components/List/index.d.ts

@@ -1,5 +1,5 @@
-import List from './List.svelte';
-import ListItem from './ListItem.svelte';
+import List from "./List.svelte";
+import ListItem from "./ListItem.svelte";
 export { List, ListItem };
-export * from './list.types.js';
-export * from './list.variants.js';
+export * from "./list.types.js";
+export * from "./list.variants.js";

package/dist/components/List/index.js

@@ -1,5 +1,5 @@
-import List from './List.svelte';
-import ListItem from './ListItem.svelte';
+import List from "./List.svelte";
+import ListItem from "./ListItem.svelte";
 export { List, ListItem };
-export * from './list.types.js';
-export * from './list.variants.js';
+export * from "./list.types.js";
+export * from "./list.variants.js";

package/dist/components/List/list.types.d.ts

@@ -1,12 +1,12 @@
-import type { Snippet } from 'svelte';
-import type { HTMLAttributes, HTMLLiAttributes } from 'svelte/elements';
-import type { ListVariantProps } from './list.variants.js';
+import type { Snippet } from "svelte";
+import type { HTMLAttributes, HTMLLiAttributes } from "svelte/elements";
+import type { ListVariantProps } from "./list.variants.js";
 export interface ListProps extends HTMLAttributes<HTMLUListElement> {
     /**
      * The variant of the list.
      * @default 'default'
      */
-    variant?: ListVariantProps['variant'];
+    variant?: ListVariantProps["variant"];
     /**
      * Additional CSS classes.
      */

package/dist/components/List/list.variants.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from 'tailwind-variants';
+import { type VariantProps } from "tailwind-variants";
 export declare const listVariants: import("tailwind-variants").TVReturnType<{
     variant: {
         default: {

package/dist/components/List/list.variants.js

@@ -1,42 +1,42 @@
-import { tv } from 'tailwind-variants';
+import { tv } from "tailwind-variants";
 export const listVariants = tv({
     slots: {
-        base: 'flex flex-col w-full text-surface-900 dark:text-surface-50',
-        item: 'flex items-center justify-between w-full px-4 py-3',
-        itemContent: 'flex flex-col flex-1 min-w-0',
-        itemTitle: 'text-sm font-medium truncate',
-        itemDescription: 'text-xs text-surface-500 dark:text-surface-400 truncate mt-0.5',
-        leading: 'mr-3 shrink-0 flex items-center justify-center',
-        trailing: 'ml-3 shrink-0 flex items-center justify-center text-surface-500 dark:text-surface-400'
+        base: "flex flex-col w-full text-surface-900 dark:text-surface-50",
+        item: "flex items-center justify-between w-full px-4 py-3",
+        itemContent: "flex flex-col flex-1 min-w-0",
+        itemTitle: "text-sm font-medium truncate",
+        itemDescription: "text-xs text-surface-500 dark:text-surface-400 truncate mt-0.5",
+        leading: "mr-3 shrink-0 flex items-center justify-center",
+        trailing: "ml-3 shrink-0 flex items-center justify-center text-surface-500 dark:text-surface-400",
     },
     variants: {
         variant: {
             default: {
-                base: ''
+                base: "",
             },
             bordered: {
-                base: 'border border-outline-variant rounded-lg overflow-hidden',
-                item: 'border-b border-outline-variant last:border-b-0'
+                base: "border border-outline-variant rounded-lg overflow-hidden",
+                item: "border-b border-outline-variant last:border-b-0",
             },
             separated: {
-                base: 'gap-2',
-                item: 'rounded-lg border border-outline-variant'
-            }
+                base: "gap-2",
+                item: "rounded-lg border border-outline-variant",
+            },
         },
         interactive: {
             true: {
-                item: 'transition-colors hover:bg-surface-100 dark:hover:bg-surface-800 cursor-pointer active:bg-surface-200 dark:active:bg-surface-700'
-            }
+                item: "transition-colors hover:bg-surface-100 dark:hover:bg-surface-800 cursor-pointer active:bg-surface-200 dark:active:bg-surface-700",
+            },
         },
         disabled: {
             true: {
-                item: 'opacity-50 cursor-not-allowed hover:bg-transparent dark:hover:bg-transparent active:bg-transparent dark:active:bg-transparent'
-            }
-        }
+                item: "opacity-50 cursor-not-allowed hover:bg-transparent dark:hover:bg-transparent active:bg-transparent dark:active:bg-transparent",
+            },
+        },
     },
     defaultVariants: {
-        variant: 'default',
+        variant: "default",
         interactive: false,
-        disabled: false
-    }
+        disabled: false,
+    },
 });