compote-ui 0.84.0 → 0.85.0

package/dist/components/data-table-v9/toolbar/data-table-export.svelte

@@ -1,146 +1,146 @@
-<script lang="ts" generics="T extends RowData">
-	import type { RowData } from '@tanstack/svelte-table';
-	import { Menu as ArkMenu } from '@ark-ui/svelte/menu';
-	import * as Menu from '../../menu';
-	import * as Tooltip from '../../tooltip';
-	import { button } from '../../button/button.variants';
-	import { PhDownloadSimple } from '../../../icons';
-	import type { DataTableInstance } from '../data-table-utils';
-	import { csvExporter } from '../export/csv-exporter';
-	import { getExportData, getExportRows, type DataTableExportScope } from '../export/export-data';
-	import type { DataTableExporter } from '../export/types';
-
-	type Props = {
-		table: DataTableInstance<T>;
-		/** File formats to offer. One format and no selected rows: a plain button; otherwise a menu. */
-		exporters?: DataTableExporter[];
-		/** File name without extension. */
-		filename?: string;
-		/** Text label for the trigger. When omitted, a download icon is shown instead. */
-		triggerLabel?: string;
-	};
-
-	let { table, exporters = [csvExporter], filename = 'export', triggerLabel }: Props = $props();
-
-	// Menu and tooltip share one trigger element, so both must agree on its id.
-	const triggerId = $props.id();
-
-	let pending = $state(false);
-
-	// Row model reads aren't reactive on their own: read the slices they depend on first.
-	const rowSlices = $derived.by(() => [
-		table.options.data,
-		table.atoms.columnFilters.get(),
-		table.atoms.globalFilter.get(),
-		table.atoms.sorting.get(),
-		table.atoms.rowSelection.get()
-	]);
-	const rowCount = $derived.by(() => {
-		void rowSlices;
-		return getExportRows(table, 'filtered').length;
-	});
-	// Counted exactly as the export picks them: selected rows the filter keeps.
-	const selectedCount = $derived.by(() => {
-		void rowSlices;
-		return getExportRows(table, 'selected').length;
-	});
-	const hasSelection = $derived(selectedCount > 0);
-	// The menu's choice, reset to all rows whenever the selection empties or starts again, so a
-	// "Selected rows" pick from an earlier selection never carries over to a new one.
-	let chosenScope = $derived.by<DataTableExportScope>(() => {
-		void hasSelection;
-		return 'filtered';
-	});
-	// `selected` with nothing selected would write an empty file: fall back to all rows.
-	const scope = $derived<DataTableExportScope>(hasSelection ? chosenScope : 'filtered');
-	const showMenu = $derived(exporters.length > 1 || hasSelection);
-
-	async function runExport(exporter: DataTableExporter) {
-		if (pending) return;
-		pending = true;
-		const exportScope = scope;
-		try {
-			await exporter.export({
-				table,
-				scope: exportScope,
-				filename,
-				getData: () => getExportData(table, exportScope)
-			});
-		} finally {
-			pending = false;
-		}
-	}
-</script>
-
-{#snippet triggerContent()}
-	<PhDownloadSimple />
-	{triggerLabel}
-{/snippet}
-
-{#if showMenu}
-	<Menu.Root ids={{ trigger: triggerId }} positioning={{ placement: 'bottom-end' }}>
-		<Tooltip.Root ids={{ trigger: triggerId }} disabled={!!triggerLabel}>
-			<Tooltip.Trigger>
-				{#snippet asChild(tooltipProps)}
-					<ArkMenu.Trigger
-						{...tooltipProps()}
-						aria-label={triggerLabel ? undefined : 'Export'}
-						aria-busy={pending}
-						class={button({ variant: 'outline', size: triggerLabel ? 'default' : 'icon' })}
-					>
-						{@render triggerContent()}
-					</ArkMenu.Trigger>
-				{/snippet}
-			</Tooltip.Trigger>
-			<Tooltip.Content>Export</Tooltip.Content>
-		</Tooltip.Root>
-
-		<Menu.Content class="min-w-44">
-			{#if hasSelection}
-				<Menu.RadioItemGroup
-					value={scope}
-					onValueChange={(details) => (chosenScope = details.value as DataTableExportScope)}
-				>
-					<Menu.RadioItem value="filtered" closeOnSelect={false}>
-						All rows ({rowCount})
-					</Menu.RadioItem>
-					<Menu.RadioItem value="selected" closeOnSelect={false}>
-						Selected rows ({selectedCount})
-					</Menu.RadioItem>
-				</Menu.RadioItemGroup>
-				<Menu.Separator />
-			{/if}
-			{#each exporters as exporter (exporter.id)}
-				{@const Icon = exporter.icon}
-				<Menu.Item
-					value={`export:${exporter.id}`}
-					disabled={pending}
-					onSelect={() => runExport(exporter)}
-				>
-					{#if Icon}<Icon class="text-ink-dim" />{/if}
-					{exporter.label}
-				</Menu.Item>
-			{/each}
-		</Menu.Content>
-	</Menu.Root>
-{:else}
-	{@const exporter = exporters[0]}
-	{#if exporter}
-		<Tooltip.Root disabled={!!triggerLabel}>
-			<!-- aria-disabled instead of disabled so keyboard focus isn't lost mid-export -->
-			<Tooltip.Trigger
-				type="button"
-				variant="outline"
-				size={triggerLabel ? 'default' : 'icon'}
-				class="aria-disabled:cursor-default"
-				aria-label={triggerLabel ? undefined : `Export ${exporter.label}`}
-				aria-busy={pending}
-				aria-disabled={pending}
-				onclick={() => runExport(exporter)}
-			>
-				{@render triggerContent()}
-			</Tooltip.Trigger>
-			<Tooltip.Content>Export {exporter.label}</Tooltip.Content>
-		</Tooltip.Root>
-	{/if}
-{/if}
+<script lang="ts" generics="T extends RowData">
+	import type { RowData } from '@tanstack/svelte-table';
+	import { Menu as ArkMenu } from '@ark-ui/svelte/menu';
+	import * as Menu from '../../menu';
+	import * as Tooltip from '../../tooltip';
+	import { button } from '../../button/button.variants';
+	import { PhDownloadSimple } from '../../../icons';
+	import type { DataTableInstance } from '../data-table-utils';
+	import { csvExporter } from '../export/csv-exporter';
+	import { getExportData, getExportRows, type DataTableExportScope } from '../export/export-data';
+	import type { DataTableExporter } from '../export/types';
+
+	type Props = {
+		table: DataTableInstance<T>;
+		/** File formats to offer. One format and no selected rows: a plain button; otherwise a menu. */
+		exporters?: DataTableExporter[];
+		/** File name without extension. */
+		filename?: string;
+		/** Text label for the trigger. When omitted, a download icon is shown instead. */
+		triggerLabel?: string;
+	};
+
+	let { table, exporters = [csvExporter], filename = 'export', triggerLabel }: Props = $props();
+
+	// Menu and tooltip share one trigger element, so both must agree on its id.
+	const triggerId = $props.id();
+
+	let pending = $state(false);
+
+	// Row model reads aren't reactive on their own: read the slices they depend on first.
+	const rowSlices = $derived.by(() => [
+		table.options.data,
+		table.atoms.columnFilters.get(),
+		table.atoms.globalFilter.get(),
+		table.atoms.sorting.get(),
+		table.atoms.rowSelection.get()
+	]);
+	const rowCount = $derived.by(() => {
+		void rowSlices;
+		return getExportRows(table, 'filtered').length;
+	});
+	// Counted exactly as the export picks them: selected rows the filter keeps.
+	const selectedCount = $derived.by(() => {
+		void rowSlices;
+		return getExportRows(table, 'selected').length;
+	});
+	const hasSelection = $derived(selectedCount > 0);
+	// The menu's choice, reset to all rows whenever the selection empties or starts again, so a
+	// "Selected rows" pick from an earlier selection never carries over to a new one.
+	let chosenScope = $derived.by<DataTableExportScope>(() => {
+		void hasSelection;
+		return 'filtered';
+	});
+	// `selected` with nothing selected would write an empty file: fall back to all rows.
+	const scope = $derived<DataTableExportScope>(hasSelection ? chosenScope : 'filtered');
+	const showMenu = $derived(exporters.length > 1 || hasSelection);
+
+	async function runExport(exporter: DataTableExporter) {
+		if (pending) return;
+		pending = true;
+		const exportScope = scope;
+		try {
+			await exporter.export({
+				table,
+				scope: exportScope,
+				filename,
+				getData: () => getExportData(table, exportScope)
+			});
+		} finally {
+			pending = false;
+		}
+	}
+</script>
+
+{#snippet triggerContent()}
+	<PhDownloadSimple />
+	{triggerLabel}
+{/snippet}
+
+{#if showMenu}
+	<Menu.Root ids={{ trigger: triggerId }} positioning={{ placement: 'bottom-end' }}>
+		<Tooltip.Root ids={{ trigger: triggerId }} disabled={!!triggerLabel}>
+			<Tooltip.Trigger>
+				{#snippet asChild(tooltipProps)}
+					<ArkMenu.Trigger
+						{...tooltipProps()}
+						aria-label={triggerLabel ? undefined : 'Export'}
+						aria-busy={pending}
+						class={button({ variant: 'outline', size: triggerLabel ? 'default' : 'icon' })}
+					>
+						{@render triggerContent()}
+					</ArkMenu.Trigger>
+				{/snippet}
+			</Tooltip.Trigger>
+			<Tooltip.Content>Export</Tooltip.Content>
+		</Tooltip.Root>
+
+		<Menu.Content class="min-w-44">
+			{#if hasSelection}
+				<Menu.RadioItemGroup
+					value={scope}
+					onValueChange={(details) => (chosenScope = details.value as DataTableExportScope)}
+				>
+					<Menu.RadioItem value="filtered" closeOnSelect={false}>
+						All rows ({rowCount})
+					</Menu.RadioItem>
+					<Menu.RadioItem value="selected" closeOnSelect={false}>
+						Selected rows ({selectedCount})
+					</Menu.RadioItem>
+				</Menu.RadioItemGroup>
+				<Menu.Separator />
+			{/if}
+			{#each exporters as exporter (exporter.id)}
+				{@const Icon = exporter.icon}
+				<Menu.Item
+					value={`export:${exporter.id}`}
+					disabled={pending}
+					onSelect={() => runExport(exporter)}
+				>
+					{#if Icon}<Icon class="text-ink-dim" />{/if}
+					{exporter.label}
+				</Menu.Item>
+			{/each}
+		</Menu.Content>
+	</Menu.Root>
+{:else}
+	{@const exporter = exporters[0]}
+	{#if exporter}
+		<Tooltip.Root disabled={!!triggerLabel}>
+			<!-- aria-disabled instead of disabled so keyboard focus isn't lost mid-export -->
+			<Tooltip.Trigger
+				type="button"
+				variant="outline"
+				size={triggerLabel ? 'default' : 'icon'}
+				class="aria-disabled:cursor-default"
+				aria-label={triggerLabel ? undefined : `Export ${exporter.label}`}
+				aria-busy={pending}
+				aria-disabled={pending}
+				onclick={() => runExport(exporter)}
+			>
+				{@render triggerContent()}
+			</Tooltip.Trigger>
+			<Tooltip.Content>Export {exporter.label}</Tooltip.Content>
+		</Tooltip.Root>
+	{/if}
+{/if}

package/dist/components/data-table-v9/xlsx/index.d.ts

@@ -9,6 +9,11 @@ export type XlsxExporterOptions = Partial<XlsxDateFormats> & {
     /** Sheet name (Excel allows 31 characters, without `[ ] : * ? / \`). */
     sheet?: string;
 };
+/**
+ * A width per column that fits its header and the longest cell text (the text the table
+ * shows, which is close to what Excel shows), plus padding, between 8 and 60 characters.
+ */
+export declare function xlsxColumnWidths(data: DataTableExportData): number[];
 /** The export data as sheet rows: a bold header row, then typed cells. */
 export declare function exportDataToSheet(data: DataTableExportData, formats?: XlsxDateFormats): XlsxCell[][];
 /**

package/dist/components/data-table-v9/xlsx/index.js

@@ -2,8 +2,34 @@ import { PhMicrosoftExcelLogo } from '../../../icons';
 import { downloadBlob } from '../../../utils/download';
 import { DEFAULT_XLSX_DATE_FORMATS, toXlsxCell } from './xlsx-cell';
 export { DEFAULT_XLSX_DATE_FORMATS, toXlsxCell, xlsxNumberFormat } from './xlsx-cell';
-// Roughly how many px a character of Excel's default font takes.
-const PX_PER_CHAR = 7;
+// Column widths in characters of Excel's default font.
+const MIN_COLUMN_WIDTH = 8;
+const MAX_COLUMN_WIDTH = 60;
+// One character of slack: char counts already overshoot narrow lowercase text, and this keeps
+// wide letters (W, M, capitals) from being cut off.
+const COLUMN_WIDTH_PADDING = 1;
+/** Characters in the longest line of `text` (code points, so č or 🙂 count once). */
+function longestLine(text) {
+    let longest = 0;
+    for (const line of text.split(/\r\n|\r|\n/))
+        longest = Math.max(longest, Array.from(line).length);
+    return longest;
+}
+/**
+ * A width per column that fits its header and the longest cell text (the text the table
+ * shows, which is close to what Excel shows), plus padding, between 8 and 60 characters.
+ */
+export function xlsxColumnWidths(data) {
+    return data.columns.map((column, index) => {
+        let longest = longestLine(column.header);
+        for (const cells of data.rows) {
+            const text = cells[index]?.text;
+            if (text)
+                longest = Math.max(longest, longestLine(text));
+        }
+        return Math.min(MAX_COLUMN_WIDTH, Math.max(MIN_COLUMN_WIDTH, longest + COLUMN_WIDTH_PADDING));
+    });
+}
 /** The export data as sheet rows: a bold header row, then typed cells. */
 export function exportDataToSheet(data, formats = DEFAULT_XLSX_DATE_FORMATS) {
     const header = data.columns.map((column) => ({
@@ -29,9 +55,7 @@ export async function exportDataToXlsxBlob(data, options = {}) {
     return writeXlsxFile(sheetData, {
         sheet: options.sheet,
         stickyRowsCount: 1,
-        columns: data.columns.map((column) => ({
-            width: Math.max(8, Math.round(column.size / PX_PER_CHAR))
-        }))
+        columns: xlsxColumnWidths(data).map((width) => ({ width }))
     }).toBlob();
 }
 function pickFormats({ date, time, dateTime }) {

package/dist/icons/PhDownloadSimple.svelte

@@ -1,18 +1,18 @@
-<script lang="ts">
-	let { class: className = '', ...restProps } = $props();
-</script>
-
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	width="1em"
-	height="1em"
-	viewBox="0 0 256 256"
-	class={className}
-	{...restProps}
->
-	<path
-		fill="currentColor"
-		d="M224 144v64a8 8 0 0 1-8 8H40a8 8 0 0 1-8-8v-64a8 8 0 0 1 16 0v56h160v-56a8 8 0 0 1 16 0m-101.66 5.66a8 8 0 0 0 11.32 0l40-40a8 8 0 0 0-11.32-11.32L136 124.69V32a8 8 0 0 0-16 0v92.69L93.66 98.34a8 8 0 0 0-11.32 11.32Z"
-	/>
-</svg>
-<!-- Icon from Phosphor by Phosphor Icons - https://github.com/phosphor-icons/core/blob/main/LICENSE -->
+<script lang="ts">
+	let { class: className = '', ...restProps } = $props();
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="1em"
+	height="1em"
+	viewBox="0 0 256 256"
+	class={className}
+	{...restProps}
+>
+	<path
+		fill="currentColor"
+		d="M224 144v64a8 8 0 0 1-8 8H40a8 8 0 0 1-8-8v-64a8 8 0 0 1 16 0v56h160v-56a8 8 0 0 1 16 0m-101.66 5.66a8 8 0 0 0 11.32 0l40-40a8 8 0 0 0-11.32-11.32L136 124.69V32a8 8 0 0 0-16 0v92.69L93.66 98.34a8 8 0 0 0-11.32 11.32Z"
+	/>
+</svg>
+<!-- Icon from Phosphor by Phosphor Icons - https://github.com/phosphor-icons/core/blob/main/LICENSE -->

package/package.json

@@ -1,129 +1,129 @@
-{
-	"name": "compote-ui",
-	"version": "0.84.0",
-	"license": "MIT",
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/Tihomir971/compote-ui.git"
-	},
-	"scripts": {
-		"dev": "vite dev --open",
-		"build": "vite build && npm run prepack",
-		"build:docs": "vite build",
-		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
-		"prepack": "svelte-kit sync && svelte-package && publint",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"test": "vitest run",
-		"test:watch": "vitest",
-		"lint": "prettier --check . && eslint .",
-		"format": "prettier --write .",
-		"patch": "npm version patch && npm publish",
-		"minor": "npm version minor && npm publish"
-	},
-	"imports": {
-		"#lib": "./src/lib/index.ts",
-		"#lib/*": "./src/lib/*"
-	},
-	"files": [
-		"dist",
-		"!dist/**/*.test.*",
-		"!dist/**/*.spec.*",
-		"skills",
-		"!skills/_artifacts"
-	],
-	"sideEffects": [
-		"**/*.css",
-		".svelte-kit/**"
-	],
-	"svelte": "./dist/index.js",
-	"types": "./dist/index.d.ts",
-	"type": "module",
-	"exports": {
-		".": {
-			"types": "./dist/index.d.ts",
-			"svelte": "./dist/index.js"
-		},
-		"./data-table": {
-			"types": "./dist/components/data-table-v9/index.d.ts",
-			"svelte": "./dist/components/data-table-v9/index.js"
-		},
-		"./data-table/virtual": {
-			"types": "./dist/components/data-table-v9/virtual/index.d.ts",
-			"svelte": "./dist/components/data-table-v9/virtual/index.js"
-		},
-		"./data-table/xlsx": {
-			"types": "./dist/components/data-table-v9/xlsx/index.d.ts",
-			"svelte": "./dist/components/data-table-v9/xlsx/index.js"
-		},
-		"./theme.css": "./dist/theme.css"
-	},
-	"peerDependencies": {
-		"@tanstack/svelte-table": ">=9.1.0 <10",
-		"svelte": "^5.0.0",
-		"write-excel-file": "^4.1.0"
-	},
-	"peerDependenciesMeta": {
-		"@tanstack/svelte-table": {
-			"optional": true
-		},
-		"write-excel-file": {
-			"optional": true
-		}
-	},
-	"devDependencies": {
-		"@eslint/js": "^10.0.1",
-		"@faker-js/faker": "^10.6.0",
-		"@iconify-json/ph": "^1.2.2",
-		"@sveltejs/adapter-auto": "^8.0.0",
-		"@sveltejs/adapter-cloudflare": "^8.0.1",
-		"@sveltejs/kit": "^3.1.0",
-		"@sveltejs/package": "^3.0.1",
-		"@sveltejs/vite-plugin-svelte": "^7.3.1",
-		"@tailwindcss/vite": "^4.3.3",
-		"@tanstack/intent": "^0.5.5",
-		"@tanstack/svelte-table": "9.3.1",
-		"@types/node": "^24.19.2",
-		"eslint": "^10.12.0",
-		"eslint-config-prettier": "^10.1.8",
-		"eslint-plugin-svelte": "^3.23.1",
-		"fflate": "^0.8.2",
-		"globals": "^17.13.0",
-		"prettier": "^3.9.10",
-		"prettier-plugin-svelte": "^4.1.1",
-		"prettier-plugin-tailwindcss": "^0.8.1",
-		"publint": "^0.3.25",
-		"svelte": "^5.57.2",
-		"svelte-check": "^4.7.6",
-		"tailwindcss": "^4.3.3",
-		"tw-animate-css": "^1.4.0",
-		"typescript": "^6.0.3",
-		"typescript-eslint": "^8.71.2",
-		"unplugin-icons": "^24.0.0",
-		"vite": "^8.3.4",
-		"vitest": "^5.0.4",
-		"wrangler": "^4.151.0",
-		"write-excel-file": "^4.1.1"
-	},
-	"keywords": [
-		"svelte",
-		"tanstack-intent"
-	],
-	"dependencies": {
-		"@ark-ui/svelte": "^5.24.3",
-		"@fontsource-variable/nunito-sans": "^5.2.7",
-		"@internationalized/date": "^3.12.4",
-		"@tanstack/svelte-virtual": "^3.13.45",
-		"runed": "^0.37.1",
-		"svelte-tel-input": "^4.3.3",
-		"tailwind-merge": "^3.7.0",
-		"tailwind-variants": "^3.3.1"
-	},
-	"intent": {
-		"skills": [
-			"compote-ui",
-			"@tanstack/svelte-table"
-		]
-	}
-}
+{
+	"name": "compote-ui",
+	"version": "0.85.0",
+	"license": "MIT",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/Tihomir971/compote-ui.git"
+	},
+	"scripts": {
+		"dev": "vite dev --open",
+		"build": "vite build && npm run prepack",
+		"build:docs": "vite build",
+		"preview": "vite preview",
+		"prepare": "svelte-kit sync || echo ''",
+		"prepack": "svelte-kit sync && svelte-package && publint",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"test": "vitest run",
+		"test:watch": "vitest",
+		"lint": "prettier --check . && eslint .",
+		"format": "prettier --write .",
+		"patch": "npm version patch && npm publish",
+		"minor": "npm version minor && npm publish"
+	},
+	"imports": {
+		"#lib": "./src/lib/index.ts",
+		"#lib/*": "./src/lib/*"
+	},
+	"files": [
+		"dist",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*",
+		"skills",
+		"!skills/_artifacts"
+	],
+	"sideEffects": [
+		"**/*.css",
+		".svelte-kit/**"
+	],
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"type": "module",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js"
+		},
+		"./data-table": {
+			"types": "./dist/components/data-table-v9/index.d.ts",
+			"svelte": "./dist/components/data-table-v9/index.js"
+		},
+		"./data-table/virtual": {
+			"types": "./dist/components/data-table-v9/virtual/index.d.ts",
+			"svelte": "./dist/components/data-table-v9/virtual/index.js"
+		},
+		"./data-table/xlsx": {
+			"types": "./dist/components/data-table-v9/xlsx/index.d.ts",
+			"svelte": "./dist/components/data-table-v9/xlsx/index.js"
+		},
+		"./theme.css": "./dist/theme.css"
+	},
+	"peerDependencies": {
+		"@tanstack/svelte-table": ">=9.1.0 <10",
+		"svelte": "^5.0.0",
+		"write-excel-file": "^4.1.0"
+	},
+	"peerDependenciesMeta": {
+		"@tanstack/svelte-table": {
+			"optional": true
+		},
+		"write-excel-file": {
+			"optional": true
+		}
+	},
+	"devDependencies": {
+		"@eslint/js": "^10.0.1",
+		"@faker-js/faker": "^10.6.0",
+		"@iconify-json/ph": "^1.2.2",
+		"@sveltejs/adapter-auto": "^8.0.0",
+		"@sveltejs/adapter-cloudflare": "^8.0.1",
+		"@sveltejs/kit": "^3.1.0",
+		"@sveltejs/package": "^3.0.1",
+		"@sveltejs/vite-plugin-svelte": "^7.3.1",
+		"@tailwindcss/vite": "^4.3.3",
+		"@tanstack/intent": "^0.5.5",
+		"@tanstack/svelte-table": "9.3.1",
+		"@types/node": "^24.19.2",
+		"eslint": "^10.12.0",
+		"eslint-config-prettier": "^10.1.8",
+		"eslint-plugin-svelte": "^3.23.1",
+		"fflate": "^0.8.2",
+		"globals": "^17.13.0",
+		"prettier": "^3.9.10",
+		"prettier-plugin-svelte": "^4.1.1",
+		"prettier-plugin-tailwindcss": "^0.8.1",
+		"publint": "^0.3.25",
+		"svelte": "^5.57.2",
+		"svelte-check": "^4.7.6",
+		"tailwindcss": "^4.3.3",
+		"tw-animate-css": "^1.4.0",
+		"typescript": "^6.0.3",
+		"typescript-eslint": "^8.71.2",
+		"unplugin-icons": "^24.0.0",
+		"vite": "^8.3.4",
+		"vitest": "^5.0.4",
+		"wrangler": "^4.151.0",
+		"write-excel-file": "^4.1.1"
+	},
+	"keywords": [
+		"svelte",
+		"tanstack-intent"
+	],
+	"dependencies": {
+		"@ark-ui/svelte": "^5.24.3",
+		"@fontsource-variable/nunito-sans": "^5.2.7",
+		"@internationalized/date": "^3.12.4",
+		"@tanstack/svelte-virtual": "^3.13.45",
+		"runed": "^0.37.1",
+		"svelte-tel-input": "^4.3.3",
+		"tailwind-merge": "^3.7.0",
+		"tailwind-variants": "^3.3.1"
+	},
+	"intent": {
+		"skills": [
+			"compote-ui",
+			"@tanstack/svelte-table"
+		]
+	}
+}