compote-ui 0.51.1 → 0.52.1

package/dist/components/qr-code/qr-code.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+	import { QrCode, type QrCodeRootBaseProps } from '@ark-ui/svelte/qr-code';
+	import { cn } from 'tailwind-variants';
+
+	type Size = 'sm' | 'md' | 'lg' | 'xl';
+
+	interface Props extends QrCodeRootBaseProps {
+		size?: Size;
+		class?: string;
+	}
+
+	const sizeMap: Record<Size, number> = {
+		sm: 80,
+		md: 120,
+		lg: 160,
+		xl: 200
+	};
+
+	let { size = 'md', class: className, ...restProps }: Props = $props();
+
+	const px = $derived(sizeMap[size]);
+</script>
+
+<QrCode.Root {...restProps} class={cn('inline-flex flex-col', className)} style="--qr-size: {px}px">
+	<QrCode.Frame class="fill-current" style="width: var(--qr-size); height: var(--qr-size);">
+		<QrCode.Pattern />
+	</QrCode.Frame>
+</QrCode.Root>

package/dist/components/qr-code/qr-code.svelte.d.ts

@@ -0,0 +1,9 @@
+import { QrCode, type QrCodeRootBaseProps } from '@ark-ui/svelte/qr-code';
+type Size = 'sm' | 'md' | 'lg' | 'xl';
+interface Props extends QrCodeRootBaseProps {
+    size?: Size;
+    class?: string;
+}
+declare const QrCode: import("svelte").Component<Props, {}, "">;
+type QrCode = ReturnType<typeof QrCode>;
+export default QrCode;

package/dist/index.d.ts

@@ -36,6 +36,7 @@ export * as Listbox from './components/listbox';
 export { default as NumberInput } from './components/number-input/number-input.svelte';
 export type { NumberInputProps } from './components/number-input/types';
 export * as Popover from './components/popover';
+export { default as QrCode } from './components/qr-code/qr-code.svelte';
 export { default as Select } from './components/select/select.svelte';
 export { default as Splitter } from './components/splitter/splitter.svelte';
 export type { SplitterPanelConfig, SplitterProps } from './components/splitter/types';
@@ -55,5 +56,5 @@ export type { PortalProps } from '@ark-ui/svelte/portal';
 export { createListCollection, createTreeCollection } from './utils/collections';
 export type { ListItem, TreeItem } from './utils/collections';
 export type { ListCollection, TreeCollection } from '@ark-ui/svelte/collection';
-export { PersistedState } from 'runed';
+export { PersistedState, Debounced } from 'runed';
 export { cn } from 'tailwind-variants';

package/dist/index.js

@@ -26,6 +26,7 @@ export { default as JsonTreeView } from './components/json-tree-view/json-tree-v
 export * as Listbox from './components/listbox';
 export { default as NumberInput } from './components/number-input/number-input.svelte';
 export * as Popover from './components/popover';
+export { default as QrCode } from './components/qr-code/qr-code.svelte';
 export { default as Select } from './components/select/select.svelte';
 export { default as Splitter } from './components/splitter/splitter.svelte';
 export { default as Switch } from './components/switch/switch.svelte';
@@ -40,5 +41,5 @@ export { default as TreeView } from './components/tree-view/tree-view.svelte';
 export { LocaleProvider, useLocaleContext } from '@ark-ui/svelte/locale';
 export { Portal } from '@ark-ui/svelte/portal';
 export { createListCollection, createTreeCollection } from './utils/collections';
-export { PersistedState } from 'runed';
+export { PersistedState, Debounced } from 'runed';
 export { cn } from 'tailwind-variants';

package/package.json

@@ -1,10 +1,11 @@
 {
 	"name": "compote-ui",
-	"version": "0.51.1",
+	"version": "0.52.1",
 	"license": "MIT",
 	"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",
@@ -60,6 +61,7 @@
 		"@faker-js/faker": "^10.4.0",
 		"@iconify-json/ph": "^1.2.2",
 		"@sveltejs/adapter-auto": "^7.0.0",
+		"@sveltejs/adapter-cloudflare": "^7.2.8",
 		"@sveltejs/kit": "^2.61.1",
 		"@sveltejs/package": "^2.5.7",
 		"@sveltejs/vite-plugin-svelte": "7.1.2",