@functionalcms/svelte-components 4.20.0 → 4.21.0

package/dist/components/form/SmartForm.svelte

@@ -70,15 +70,19 @@
 						isRequired={field.isRequired || false}
 					/>
 				{:else if field.type === FieldType.Radio}
-					<label>
-						<input type="radio" name={field.name} value={field.label} required={field.isRequired} />
-						{field.label}
-					</label>
+					{#each field.options as option}
+						<label>
+							<input type="radio" name={field.name} value={option.value} required={field.isRequired} />
+							{option.label}
+						</label>
+					{/each}
 				{:else if field.type === FieldType.Checkbox}
-					<label>
-						<input type="checkbox" name={field.name} required={field.isRequired} />
-						{field.label}
-					</label>
+					{#each field.options as option}
+						<label>
+							<input type="checkbox" name={field.name} value={option.value} required={field.isRequired} />
+							{option.label}
+						</label>
+					{/each}
 				{/if}
 			{/each}
 

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

@@ -32,4 +32,8 @@ export interface Field {
     subType?: InputType;
     isRequired?: boolean;
     placeholder?: string;
+    options?: Array<{
+        label: string;
+        value: string;
+    }>;
 }

package/dist/components/layouts/TwoColumnsLayout.svelte

@@ -22,7 +22,7 @@
 		containerCss = '',
 		leftCss = 'w50p',
 		rightCss = 'w50p'
-	}: TwoColumnLayoutProps = $props();
+	}: Partial<TwoColumnLayoutProps> = $props();
 
 	let containerCssEx = cn(
 		'flex flex-row-dynamic',

package/dist/components/layouts/TwoColumnsLayout.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-interface TwoColumnLayoutProps {
+declare const TwoColumnsLayout: import("svelte").Component<Partial<{
     leftRender: Snippet;
     rightRender: Snippet;
     containerCss: string;
@@ -7,7 +7,6 @@ interface TwoColumnLayoutProps {
     rightCss: string;
     isFullWidth: boolean;
     isFullHeight: boolean;
-}
-declare const TwoColumnsLayout: import("svelte").Component<TwoColumnLayoutProps, {}, "">;
+}>, {}, "">;
 type TwoColumnsLayout = ReturnType<typeof TwoColumnsLayout>;
 export default TwoColumnsLayout;

package/package.json

@@ -1,6 +1,7 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "4.20.0",
+	"version": "4.21.0",
+	"license": "MIT",
 	"watch": {
 		"build": {
 			"patterns": [