@functionalcms/svelte-components 4.10.7 → 4.10.8

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,4 +1,4 @@
-<script lang="ts" module>
+<!-- <script lang="ts" module>
 	import type { Snippet } from 'svelte';
 	import type { HTMLInputAttributes } from 'svelte/elements';
 
@@ -44,7 +44,7 @@
 		 */
 		accept?: string;
 	}
-</script>
+</script> -->
 
 <script lang="ts">
 	import { displaySize } from './dropzone.js';

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

@@ -1,44 +1,3 @@
-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;
-}
 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/package.json

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