@functionalcms/svelte-components 4.10.7 → 4.10.9

package/dist/components/form/ChoiceInput.svelte

@@ -35,7 +35,7 @@
 		label = type || 'choice input',
 		size = '',
 		// Provides bind:checked capabilities that consumer can use
-		checked = [],
+		checked = $bindable([]),
         ...restProps
 	}: Partial<Props & HtmlParts> = $props();
 

package/dist/components/form/ChoiceInput.svelte.d.ts

@@ -12,6 +12,6 @@ declare const ChoiceInput: import("svelte").Component<Partial<{
     label: string;
     size: ChoiceInputSize;
     checked: string[];
-} & HtmlParts>, {}, "">;
+} & HtmlParts>, {}, "checked">;
 type ChoiceInput = ReturnType<typeof ChoiceInput>;
 export default ChoiceInput;

package/dist/components/form/Dropzone.svelte

@@ -1,53 +1,5 @@
-<script lang="ts" module>
-	import type { Snippet } from 'svelte';
-	import type { HTMLInputAttributes } from 'svelte/elements';
-
-	export type FileRejectedReason =
-		| 'Maximum file size exceeded'
-		| 'File type not allowed'
-		| 'Maximum files uploaded';
-
-	export interface FileDropZoneProps extends Omit<HTMLInputAttributes, 'multiple'> {
-		/** Called with the uploaded files when the user drops or clicks and selects their files.
-		 *
-		 * @param files
-		 */
-		onUpload: (files: File[]) => Promise<void>;
-		/** The maximum amount files allowed to be uploaded */
-		maxFiles?: number;
-		fileCount?: number;
-		/** The maximum size of a file in bytes */
-		maxFileSize?: number;
-		children?: Snippet<[]>;
-		css: string;
-		/** Called when a file does not meet the upload criteria (size, or type) */
-		onFileRejected?: (opts: { reason: FileRejectedReason; file: File }) => void;
-
-		// just for extra documentation
-		/** Takes a comma separated list of one or more file types.
-		 *
-		 *  [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept)
-		 *
-		 * ### Usage
-		 * ```svelte
-		 * <FileDropZone
-		 * 		accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"
-		 * />
-		 * ```
-		 *
-		 * ### Common Values
-		 * ```svelte
-		 * <FileDropZone accept="audio/*"/>
-		 * <FileDropZone accept="image/*"/>
-		 * <FileDropZone accept="video/*"/>
-		 * ```
-		 */
-		accept?: string;
-	}
-</script>
-
 <script lang="ts">
-	import { displaySize } from './dropzone.js';
+	import { displaySize, type FileDropZoneProps, type FileRejectedReason } from './dropzone.js';
 	import { cn } from '../../utils.js';
 
 	let {

package/dist/components/form/Dropzone.svelte.d.ts

@@ -1,44 +1,4 @@
-import type { Snippet } from 'svelte';
-import type { HTMLInputAttributes } from 'svelte/elements';
-export type FileRejectedReason = 'Maximum file size exceeded' | 'File type not allowed' | 'Maximum files uploaded';
-export interface FileDropZoneProps extends Omit<HTMLInputAttributes, 'multiple'> {
-    /** Called with the uploaded files when the user drops or clicks and selects their files.
-     *
-     * @param files
-     */
-    onUpload: (files: File[]) => Promise<void>;
-    /** The maximum amount files allowed to be uploaded */
-    maxFiles?: number;
-    fileCount?: number;
-    /** The maximum size of a file in bytes */
-    maxFileSize?: number;
-    children?: Snippet<[]>;
-    css: string;
-    /** Called when a file does not meet the upload criteria (size, or type) */
-    onFileRejected?: (opts: {
-        reason: FileRejectedReason;
-        file: File;
-    }) => void;
-    /** Takes a comma separated list of one or more file types.
-     *
-     *  [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept)
-     *
-     * ### Usage
-     * ```svelte
-     * <FileDropZone
-     * 		accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"
-     * />
-     * ```
-     *
-     * ### Common Values
-     * ```svelte
-     * <FileDropZone accept="audio/*"/>
-     * <FileDropZone accept="image/*"/>
-     * <FileDropZone accept="video/*"/>
-     * ```
-     */
-    accept?: string;
-}
+import { type FileDropZoneProps } from './dropzone.js';
 declare const Dropzone: import("svelte").Component<FileDropZoneProps, {}, "">;
 type Dropzone = ReturnType<typeof Dropzone>;
 export default Dropzone;

package/dist/components/form/Select.svelte

@@ -4,7 +4,7 @@
 	interface Props {
 		id: string;
 		name: string;
-		labelCopy: string;
+		label: string;
 		options: Array<{ value: string; label: string }>;
 		size: string;
 		multipleSize: number;
@@ -21,7 +21,7 @@
 	let {
 		id = '',
 		name = '',
-		labelCopy = '',
+		label = '',
 		options = [],
 		size = '',
 		multipleSize = 1,
@@ -48,7 +48,7 @@
 			css ? `${css}` : ''));
 </script>
 
-<label class="screenreader-only" for={id}> {labelCopy} </label>
+<label class="screenreader-only" for={id}> {label} </label>
 {#if isMultiple}
 	<select
 		id={id}

package/dist/components/form/Select.svelte.d.ts

@@ -1,7 +1,7 @@
 declare const Select: import("svelte").Component<Partial<{
     id: string;
     name: string;
-    labelCopy: string;
+    label: string;
     options: Array<{
         value: string;
         label: string;

package/dist/components/form/dropzone.d.ts

@@ -6,3 +6,44 @@ export declare const GIGABYTE: number;
 export declare const ACCEPT_IMAGE = "image/*";
 export declare const ACCEPT_VIDEO = "video/*";
 export declare const ACCEPT_AUDIO = "audio/*";
+import type { Snippet } from 'svelte';
+import type { HTMLInputAttributes } from 'svelte/elements';
+export type FileRejectedReason = 'Maximum file size exceeded' | 'File type not allowed' | 'Maximum files uploaded';
+export interface FileDropZoneProps extends Omit<HTMLInputAttributes, 'multiple'> {
+    /** Called with the uploaded files when the user drops or clicks and selects their files.
+     *
+     * @param files
+     */
+    onUpload: (files: File[]) => Promise<void>;
+    /** The maximum amount files allowed to be uploaded */
+    maxFiles?: number;
+    fileCount?: number;
+    /** The maximum size of a file in bytes */
+    maxFileSize?: number;
+    children?: Snippet<[]>;
+    css: string;
+    /** Called when a file does not meet the upload criteria (size, or type) */
+    onFileRejected?: (opts: {
+        reason: FileRejectedReason;
+        file: File;
+    }) => void;
+    /** Takes a comma separated list of one or more file types.
+     *
+     *  [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept)
+     *
+     * ### Usage
+     * ```svelte
+     * <FileDropZone
+     * 		accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+     * />
+     * ```
+     *
+     * ### Common Values
+     * ```svelte
+     * <FileDropZone accept="audio/*"/>
+     * <FileDropZone accept="image/*"/>
+     * <FileDropZone accept="video/*"/>
+     * ```
+     */
+    accept?: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "4.10.7",
+	"version": "4.10.9",
 	"watch": {
 		"build": {
 			"patterns": [