@ainsleydev/sveltekit-helper 0.1.0 → 0.1.1

package/dist/components/Grid/Column.svelte

@@ -0,0 +1,29 @@
+<!--
+	@component
+
+	Responsive column component.
+	Provides base column structure with customisable gap.
+	Consumers should define their own grid classes (col-12, col-tab-6, etc.) in their global styles.
+
+	@example
+	```svelte
+	<Column class="col-12 col-tab-6 col-desk-4">
+		Content
+	</Column>
+	```
+-->
+<div class="col" {...$$restProps}>
+	<slot />
+</div>
+
+<style>.col {
+  --col-gap: 1rem;
+  position: relative;
+  width: 100%;
+  padding-inline: var(--col-gap);
+}
+@media (max-width: 568px) {
+  .col {
+    --col-gap: 0.5rem;
+  }
+}</style>

package/dist/components/Grid/Column.svelte.d.ts

@@ -0,0 +1,52 @@
+export default Column;
+type Column = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> & {
+    $$bindings?: string | undefined;
+};
+/**
+ * Responsive column component.
+ * Provides base column structure with customisable gap.
+ * Consumers should define their own grid classes (col-12, col-tab-6, etc.) in their global styles.
+ *
+ * @example
+ * ```svelte
+ * <Column class="col-12 col-tab-6 col-desk-4">
+ * 	Content
+ * </Column>
+ * ```
+ */
+declare const Column: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+//# sourceMappingURL=Column.svelte.d.ts.map

package/dist/components/Grid/Column.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Column.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;AAyBA;;;;;;;;;;;GAWG;AACH;;;;;;;;eAAiI;sCArB3F,KAAK,EAAE,KAAK;;;;;6CALL,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/components/Grid/Container.svelte

@@ -0,0 +1,48 @@
+<!--
+	@component
+
+	Centre content such as rows & columns horizontally with predefined max-width.
+	Uses CSS Grid to provide breakout and full-width layout options.
+
+	@example
+	```svelte
+	<Container>
+		<Row></Row>
+	</Container>
+	```
+
+	@example
+	```svelte
+	<!-- Custom max width via CSS variable -->
+	<Container style="--container-max-width: 1400px">
+		<Row></Row>
+	</Container>
+	```
+-->
+<div class="container" {...$$restProps}>
+	<slot />
+</div>
+
+<style>.container {
+  --container-padding: 1rem;
+  --container-max-width: 1328px;
+  --container-breakout-max-width: 1500px;
+  --container-breakout-size: calc(
+  	(var(--container-breakout-max-width) - var(--container-max-width)) / 2
+  );
+  display: grid;
+  width: 100%;
+  position: relative;
+  grid-template-columns: [full-width-start] minmax(var(--container-padding), 1fr) [breakout-start] minmax(0, var(--container-breakout-size)) [content-start] min(100% - var(--container-padding) * 2, var(--container-max-width)) [content-end] minmax(0, var(--container-breakout-size)) [breakout-end] minmax(var(--container-padding), 1fr) [full-width-end];
+}
+.container :global(> *) {
+  grid-column: content;
+}
+.container :global(> .breakout) {
+  grid-column: breakout;
+}
+.container :global(> .full-width) {
+  display: grid;
+  grid-column: full-width;
+  grid-template-columns: inherit;
+}</style>

package/dist/components/Grid/Container.svelte.d.ts

@@ -0,0 +1,55 @@
+export default Container;
+type Container = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> & {
+    $$bindings?: string | undefined;
+};
+/**
+ * Centre content such as rows & columns horizontally with predefined max-width.
+ * Uses CSS Grid to provide breakout and full-width layout options.
+ *
+ * @example
+ * ```svelte
+ * <Container>
+ * 	<Row></Row>
+ * </Container>
+ * ```
+ *
+ * @example
+ * ```svelte
+ * <!-- Custom max width via CSS variable
+ */
+declare const Container: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+//# sourceMappingURL=Container.svelte.d.ts.map

package/dist/components/Grid/Container.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Container.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;AA8BA;;;;;;;;;;;;;;GAcG;AACH;;;;;;;;eAAoI;sCAxB9F,KAAK,EAAE,KAAK;;;;;6CALL,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/components/Grid/Row.svelte

@@ -0,0 +1,45 @@
+<script lang="ts">
+let noGaps = false;
+</script>
+
+<!--
+	@component
+
+	Flexbox row container for columns with gap management.
+
+	@example
+	```svelte
+	<Row>
+		<Column></Column>
+	</Row>
+	```
+
+	@example
+	```svelte
+	<Row noGaps>
+		<Column></Column>
+	</Row>
+	```
+-->
+<div class="row" class:row--no-gaps={noGaps} {...$$restProps}>
+	<slot />
+</div>
+
+<style>.row {
+  --row-gap: 1rem;
+  display: flex;
+  flex-wrap: wrap;
+  margin-inline: calc(var(--row-gap) * -1);
+}
+.row--no-gaps {
+  margin-inline: 0;
+}
+.row--no-gaps :global(.col),
+.row--no-gaps :global([class*="col-"]) {
+  padding-inline: 0;
+}
+@media (max-width: 568px) {
+  .row {
+    --row-gap: 0.5rem;
+  }
+}</style>

package/dist/components/Grid/Row.svelte.d.ts

@@ -0,0 +1,47 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+/**
+ * Flexbox row container for columns with gap management.
+ *
+ * @example
+ * ```svelte
+ * <Row>
+ * 	<Column></Column>
+ * </Row>
+ * ```
+ *
+ * @example
+ * ```svelte
+ * <Row noGaps>
+ * 	<Column></Column>
+ * </Row>
+ * ```
+ */
+declare const Row: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type Row = InstanceType<typeof Row>;
+export default Row;
+//# sourceMappingURL=Row.svelte.d.ts.map

package/dist/components/Grid/Row.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Row.svelte.ts"],"names":[],"mappings":"AAgBA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,GAAG;;;;;;;;cAA4G,CAAC;AACpG,KAAK,GAAG,GAAG,YAAY,CAAC,OAAO,GAAG,CAAC,CAAC;AACtC,eAAe,GAAG,CAAC"}

package/dist/components/Grid/index.js

@@ -1,5 +1,3 @@
 export { default as Container } from './Container.svelte';
 export { default as Row } from './Row.svelte';
 export { default as Column } from './Column.svelte';
-
-//# sourceMappingURL=index.js.map

package/dist/components/payload/PayloadForm.svelte

@@ -0,0 +1,303 @@
+<script lang="ts">
+import type { PayloadFormField } from '../../utils/forms/schema';
+
+/**
+ * Payload form configuration
+ */
+export let form: {
+	id: number | string;
+	fields?: PayloadFormField[] | null;
+	confirmationMessage?: string | null;
+	submitButtonLabel?: string | null;
+};
+
+/**
+ * API endpoint to submit form data to (defaults to '/api/forms')
+ */
+export let apiEndpoint = '/api/forms';
+
+/**
+ * Custom submit handler (overrides default API submission)
+ */
+export let onSubmit: ((data: Record<string, unknown>) => Promise<void>) | undefined = undefined;
+
+let formData = $state<Record<string, unknown>>({});
+let errors: Record<string, string> = $state({});
+let success = $state(false);
+let error: string | null = $state(null);
+let submitting = $state(false);
+
+const typeMap = { text: 'text', email: 'email', number: 'number' };
+
+async function handleSubmit(event: SubmitEvent) {
+	event.preventDefault();
+	errors = {};
+	error = null;
+	submitting = true;
+
+	try {
+		if (onSubmit) {
+			await onSubmit(formData);
+		} else {
+			const response = await fetch(apiEndpoint, {
+				method: 'POST',
+				headers: {
+					'Content-Type': 'application/json',
+				},
+				body: JSON.stringify({
+					formID: form.id,
+					data: formData,
+				}),
+			});
+
+			const result = await response.json();
+			if (!result.success) {
+				error = result.error || 'Failed to submit form';
+				return;
+			}
+		}
+
+		success = true;
+	} catch (err) {
+		error = err instanceof Error ? err.message : 'Failed to submit form';
+		success = false;
+	} finally {
+		submitting = false;
+	}
+}
+</script>
+
+<!--
+	@component
+
+	PayloadForm renders a form dynamically from Payload CMS form builder fields.
+	Uses basic HTML elements that can be styled via CSS variables or custom classes.
+
+	@example
+	```svelte
+	<PayloadForm
+		form={payloadFormData}
+		apiEndpoint="/api/forms"
+	/>
+	```
+
+	@example
+	```svelte
+	<PayloadForm
+		form={payloadFormData}
+		onSubmit={async (data) => {
+			// Custom submission logic
+			await customAPI.submit(data)
+		}}
+	/>
+	```
+-->
+<form method="POST" onsubmit={handleSubmit} class="payload-form">
+	{#if form.fields?.length}
+		{#each form.fields as field, index (index)}
+			{@const required = field.required ?? false}
+			{@const name = field.name}
+			<div class="payload-form__group" class:payload-form__group--error={errors[name]}>
+				{#if field.blockType === 'text' || field.blockType === 'email' || field.blockType === 'number'}
+					<label for={field.id || name} class="payload-form__label">
+						{field.label}
+						{#if required}
+							<span class="payload-form__required">*</span>
+						{/if}
+					</label>
+					<input
+						id={field.id || name}
+						{name}
+						type={typeMap[field.blockType]}
+						placeholder={field.placeholder ?? ''}
+						bind:value={formData[name]}
+						disabled={success}
+						class="payload-form__input"
+						class:payload-form__input--error={errors[name]}
+					/>
+				{:else if field.blockType === 'textarea'}
+					<label for={field.id || name} class="payload-form__label">
+						{field.label}
+						{#if required}
+							<span class="payload-form__required">*</span>
+						{/if}
+					</label>
+					<textarea
+						id={field.id || name}
+						{name}
+						placeholder={field.placeholder ?? ''}
+						rows={8}
+						bind:value={formData[name]}
+						disabled={success}
+						class="payload-form__textarea"
+						class:payload-form__textarea--error={errors[name]}
+					/>
+				{:else if field.blockType === 'checkbox'}
+					<div class="payload-form__checkbox-wrapper">
+						<input
+							id={field.id || name}
+							type="checkbox"
+							{name}
+							bind:checked={formData[name]}
+							disabled={success}
+							class="payload-form__checkbox"
+							class:payload-form__checkbox--error={errors[name]}
+						/>
+						<label for={field.id || name} class="payload-form__label payload-form__label--checkbox">
+							{field.label}
+							{#if required}
+								<span class="payload-form__required">*</span>
+							{/if}
+						</label>
+					</div>
+				{/if}
+
+				{#if errors[name]}
+					<span class="payload-form__error">{errors[name]}</span>
+				{/if}
+			</div>
+		{/each}
+	{/if}
+
+	{#if success}
+		<div class="payload-form__success">
+			{form.confirmationMessage ?? 'Form submitted successfully!'}
+		</div>
+	{/if}
+
+	{#if error}
+		<div class="payload-form__alert">
+			{error}
+		</div>
+	{/if}
+
+	<button type="submit" disabled={success || submitting} class="payload-form__submit">
+		{#if submitting}
+			<span class="payload-form__loader"></span>
+		{/if}
+		{form.submitButtonLabel ?? 'Send'}
+	</button>
+</form>
+
+<style>.payload-form {
+  --form-gap: 1rem;
+  --form-input-padding: 0.75rem;
+  --form-input-border: 1px solid #d1d5db;
+  --form-input-border-radius: 0.375rem;
+  --form-input-bg: #ffffff;
+  --form-input-text: #111827;
+  --form-error-color: #ef4444;
+  --form-error-bg: #fee2e2;
+  --form-success-color: #10b981;
+  --form-success-bg: #d1fae5;
+  --form-button-bg: #3b82f6;
+  --form-button-text: #ffffff;
+  --form-button-hover-bg: #2563eb;
+  --form-button-disabled-bg: #9ca3af;
+  display: flex;
+  flex-direction: column;
+  gap: var(--form-gap);
+}
+.payload-form__group {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+.payload-form__label {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--form-input-text);
+}
+.payload-form__label--checkbox {
+  font-weight: 400;
+  cursor: pointer;
+}
+.payload-form__required {
+  color: var(--form-error-color);
+  margin-left: 0.25rem;
+}
+.payload-form__input, .payload-form__textarea {
+  padding: var(--form-input-padding);
+  border: var(--form-input-border);
+  border-radius: var(--form-input-border-radius);
+  background: var(--form-input-bg);
+  color: var(--form-input-text);
+  font-size: 1rem;
+  font-family: inherit;
+}
+.payload-form__input:focus, .payload-form__textarea:focus {
+  outline: 2px solid var(--form-button-bg);
+  outline-offset: 2px;
+}
+.payload-form__input--error, .payload-form__textarea--error {
+  border-color: var(--form-error-color);
+}
+.payload-form__textarea {
+  resize: vertical;
+  min-height: 8rem;
+}
+.payload-form__checkbox-wrapper {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.5rem;
+}
+.payload-form__checkbox {
+  margin-top: 0.25rem;
+  width: 1rem;
+  height: 1rem;
+  cursor: pointer;
+}
+.payload-form__error {
+  font-size: 0.875rem;
+  color: var(--form-error-color);
+}
+.payload-form__success {
+  padding: 1rem;
+  background-color: var(--form-success-bg);
+  color: var(--form-success-color);
+  border-radius: var(--form-input-border-radius);
+  font-weight: 500;
+}
+.payload-form__alert {
+  padding: 1rem;
+  background-color: var(--form-error-bg);
+  color: var(--form-error-color);
+  border-radius: var(--form-input-border-radius);
+  font-weight: 500;
+}
+.payload-form__submit {
+  padding: var(--form-input-padding) 1.5rem;
+  background-color: var(--form-button-bg);
+  color: var(--form-button-text);
+  border: none;
+  border-radius: var(--form-input-border-radius);
+  font-size: 1rem;
+  font-weight: 500;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  transition: background-color 0.2s;
+}
+.payload-form__submit:hover:not(:disabled) {
+  background-color: var(--form-button-hover-bg);
+}
+.payload-form__submit:disabled {
+  background-color: var(--form-button-disabled-bg);
+  cursor: not-allowed;
+}
+.payload-form__loader {
+  width: 1rem;
+  height: 1rem;
+  border: 2px solid currentColor;
+  border-top-color: transparent;
+  border-radius: 50%;
+  animation: spin 0.6s linear infinite;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}</style>

package/dist/components/payload/PayloadForm.svelte.d.ts

@@ -0,0 +1,27 @@
+/**
+ * PayloadForm renders a form dynamically from Payload CMS form builder fields.
+ * Uses basic HTML elements that can be styled via CSS variables or custom classes.
+ *
+ * @example
+ * ```svelte
+ * <PayloadForm
+ * 	form={payloadFormData}
+ * 	apiEndpoint="/api/forms"
+ * />
+ * ```
+ *
+ * @example
+ * ```svelte
+ * <PayloadForm
+ * 	form={payloadFormData}
+ * 	onSubmit={async (data) => {
+ * 		// Custom submission logic
+ * 		await customAPI.submit(data)
+ * 	}}
+ * />
+ * ```
+ */
+declare const PayloadForm: import("svelte").Component<Record<string, never>, {}, "">;
+type PayloadForm = ReturnType<typeof PayloadForm>;
+export default PayloadForm;
+//# sourceMappingURL=PayloadForm.svelte.d.ts.map

package/dist/components/payload/PayloadForm.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadForm.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/payload/PayloadForm.svelte.ts"],"names":[],"mappings":"AA4IA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,WAAW,2DAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/payload/PayloadMedia.svelte

@@ -0,0 +1,136 @@
+<script lang="ts">
+import type { Media, MediaSizes, PayloadMediaProps } from './types.js';
+
+const {
+	data,
+	loading = undefined,
+	className = '',
+	breakpointBuffer = 50,
+	maxWidth = undefined,
+	onload = () => null,
+	...restProps
+}: PayloadMediaProps = $props();
+
+/**
+ * Returns sources grouped by breakpoint/width, then sorted by mime priority within each group:
+ * For each width: avif → webp → jpeg/png → others
+ */
+const getSources = (sizesMap?: MediaSizes) => {
+	if (!sizesMap) return [];
+
+	const arr = Object.values(sizesMap)
+		.filter((s) => s?.url && s?.width)
+		.map((s) => ({
+			url: s.url as string,
+			width: s.width as number,
+			mimeType: s.mimeType ?? '',
+		}));
+
+	const filtered = maxWidth ? arr.filter((s) => s.width <= maxWidth) : arr;
+
+	const mimePriority = (mime: string, url: string) => {
+		if (/avif/i.test(mime) || /\.avif$/i.test(url)) return 1;
+		if (/webp/i.test(mime) || /\.webp$/i.test(url)) return 2;
+		if (/jpe?g|png/i.test(mime) || /\.(jpe?g|png)$/i.test(url)) return 3;
+		return 4;
+	};
+
+	return filtered.sort((a, b) => {
+		if (a.width !== b.width) return a.width - b.width;
+		return mimePriority(a.mimeType, a.url) - mimePriority(b.mimeType, b.url);
+	});
+};
+
+const isImage = $derived((data?.mimeType ?? '').startsWith('image'));
+const isVideo = $derived((data?.mimeType ?? '').startsWith('video'));
+const isSVG = $derived(!!(data?.filename && /\.svg$/i.test(data.filename)));
+
+const sources = $derived(isImage && !isSVG ? getSources(data.sizes) : []);
+const fallbackSource = $derived(sources[sources.length - 1]);
+const imgAlt = $derived(data?.alt ?? '');
+const imgLoading = $derived(loading ?? undefined);
+const imgWidth = $derived(fallbackSource?.width ?? data?.width ?? undefined);
+const imgHeight = $derived(
+	fallbackSource && data?.width && data?.height
+		? Math.round((fallbackSource.width / data.width) * data.height)
+		: data?.height ?? undefined,
+);
+const fallbackUrl = $derived(sources[sources.length - 1]?.url ?? data?.url ?? '');
+</script>
+
+<!--
+	@component
+
+	PayloadMedia renders responsive images and videos from Payload CMS media fields.
+	Handles multiple image sizes with automatic AVIF/WebP format prioritisation.
+
+	@example
+	```svelte
+	<PayloadMedia
+		data={media}
+		loading="lazy"
+		maxWidth={1200}
+	/>
+	```
+
+	@example
+	```svelte
+	<PayloadMedia
+		data={videoMedia}
+		className="custom-video"
+	/>
+	```
+-->
+{#if isImage}
+	{#if isSVG}
+		<img
+			src={data.url}
+			alt={imgAlt}
+			width={imgWidth}
+			height={imgHeight}
+			loading={imgLoading}
+			class={className}
+			{onload}
+			{...restProps}
+		/>
+	{:else}
+		<picture class={className} {...restProps}>
+			{#each sources as source, index (index)}
+				<source
+					media={`(max-width: ${source.width + breakpointBuffer}px)`}
+					srcset={source.url}
+					type={source.mimeType}
+				/>
+			{/each}
+			<img
+				src={fallbackUrl}
+				alt={imgAlt}
+				width={imgWidth}
+				height={imgHeight}
+				loading={imgLoading}
+				{onload}
+			/>
+		</picture>
+	{/if}
+{:else if isVideo}
+	<video
+		controls
+		width={imgWidth}
+		height={imgHeight}
+		preload={loading === 'lazy' ? 'metadata' : 'auto'}
+		poster={data.thumbnailURL}
+		class={className}
+		{onload}
+		{...restProps}
+	>
+		<source src={data.url} type={data.mimeType} />
+		<track kind="captions" />
+	</video>
+{/if}
+
+<style>img,
+video {
+  max-width: 100%;
+  height: auto;
+  display: block;
+}</style>

package/dist/components/payload/PayloadMedia.svelte.d.ts

@@ -0,0 +1,26 @@
+import type { PayloadMediaProps } from './types.js';
+/**
+ * PayloadMedia renders responsive images and videos from Payload CMS media fields.
+ * Handles multiple image sizes with automatic AVIF/WebP format prioritisation.
+ *
+ * @example
+ * ```svelte
+ * <PayloadMedia
+ * 	data={media}
+ * 	loading="lazy"
+ * 	maxWidth={1200}
+ * />
+ * ```
+ *
+ * @example
+ * ```svelte
+ * <PayloadMedia
+ * 	data={videoMedia}
+ * 	className="custom-video"
+ * />
+ * ```
+ */
+declare const PayloadMedia: import("svelte").Component<PayloadMediaProps, {}, "">;
+type PayloadMedia = ReturnType<typeof PayloadMedia>;
+export default PayloadMedia;
+//# sourceMappingURL=PayloadMedia.svelte.d.ts.map

package/dist/components/payload/PayloadMedia.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadMedia.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/payload/PayloadMedia.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAqB,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAqFvE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,YAAY,uDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/components/payload/index.js

@@ -1,4 +1,2 @@
 export { default as PayloadForm } from './PayloadForm.svelte';
 export { default as PayloadMedia } from './PayloadMedia.svelte';
-
-//# sourceMappingURL=index.js.map

package/dist/components/payload/types.js

@@ -1,3 +1 @@
-export { };
-
-//# sourceMappingURL=types.js.map
+export {};

package/dist/index.js

@@ -3,9 +3,8 @@
  *
  * SvelteKit utilities, components and helpers for ainsley.dev builds.
  * Provides form utilities, grid components, and Payload CMS integrations.
- */ // Re-export all exports from submodules
+ */
+// Re-export all exports from submodules
 export * from './components/Grid/index.js';
 export * from './components/payload/index.js';
 export * from './utils/forms/index.js';
-
-//# sourceMappingURL=index.js.map

package/dist/utils/forms/helpers.js

@@ -17,9 +17,10 @@
  *   // { email: 'Invalid email' }
  * }
  * ```
- */ export const flattenZodErrors = (error)=>{
+ */
+export const flattenZodErrors = (error) => {
     const errors = {};
-    for (const issue of error.issues){
+    for (const issue of error.issues) {
         const path = issue.path.join('.');
         if (!errors[path]) {
             errors[path] = issue.message;
@@ -27,5 +28,3 @@
     }
     return errors;
 };
-
-//# sourceMappingURL=helpers.js.map

package/dist/utils/forms/index.js

@@ -1,4 +1,2 @@
 export { flattenZodErrors } from './helpers.js';
 export { generateFormSchema } from './schema.js';
-
-//# sourceMappingURL=index.js.map

package/dist/utils/forms/schema.js

@@ -25,29 +25,32 @@ import { z } from 'zod';
  * //   message: z.string().optional()
  * // })
  * ```
- */ export const generateFormSchema = (fields)=>{
-    if (!fields?.length) return z.object({});
+ */
+export const generateFormSchema = (fields) => {
+    if (!fields?.length)
+        return z.object({});
     const shape = {};
-    for (const field of fields){
+    for (const field of fields) {
         if (field.blockType === 'text' || field.blockType === 'textarea') {
-            shape[field.name] = field.required ? z.string().min(1, {
-                message: `${field.label || field.name} is required`
-            }) : z.string().optional();
-        } else if (field.blockType === 'email') {
-            shape[field.name] = field.required ? z.string().email({
-                message: 'Invalid email'
-            }) : z.string().email({
-                message: 'Invalid email'
-            }).optional();
-        } else if (field.blockType === 'number') {
+            shape[field.name] = field.required
+                ? z.string().min(1, { message: `${field.label || field.name} is required` })
+                : z.string().optional();
+        }
+        else if (field.blockType === 'email') {
+            shape[field.name] = field.required
+                ? z.string().email({ message: 'Invalid email' })
+                : z.string().email({ message: 'Invalid email' }).optional();
+        }
+        else if (field.blockType === 'number') {
             shape[field.name] = field.required ? z.number() : z.number().optional();
-        } else if (field.blockType === 'checkbox') {
-            shape[field.name] = field.required ? z.boolean().refine((val)=>val === true, {
-                message: `${field.label || field.name} must be checked`
-            }) : z.boolean().optional();
+        }
+        else if (field.blockType === 'checkbox') {
+            shape[field.name] = field.required
+                ? z.boolean().refine((val) => val === true, {
+                    message: `${field.label || field.name} must be checked`,
+                })
+                : z.boolean().optional();
         }
     }
     return z.object(shape);
 };
-
-//# sourceMappingURL=schema.js.map

package/dist/utils/forms/schema.test.js

@@ -1,115 +1,101 @@
 import { describe, expect, test } from 'vitest';
 import { z } from 'zod';
 import { generateFormSchema } from './schema';
-describe('generateFormSchema', ()=>{
-    test('returns empty object schema when no fields provided', ()=>{
+describe('generateFormSchema', () => {
+    test('returns empty object schema when no fields provided', () => {
         const schema = generateFormSchema(null);
         expect(schema).toBeInstanceOf(z.ZodObject);
         expect(schema.shape).toEqual({});
     });
-    test('returns empty object schema for empty array', ()=>{
+    test('returns empty object schema for empty array', () => {
         const schema = generateFormSchema([]);
         expect(schema).toBeInstanceOf(z.ZodObject);
         expect(schema.shape).toEqual({});
     });
-    test('generates required text field schema', ()=>{
+    test('generates required text field schema', () => {
         const fields = [
             {
                 blockType: 'text',
                 name: 'firstName',
                 label: 'First Name',
-                required: true
-            }
+                required: true,
+            },
         ];
         const schema = generateFormSchema(fields);
-        const result = schema.safeParse({
-            firstName: ''
-        });
+        const result = schema.safeParse({ firstName: '' });
         expect(result.success).toBe(false);
-        const validResult = schema.safeParse({
-            firstName: 'John'
-        });
+        const validResult = schema.safeParse({ firstName: 'John' });
         expect(validResult.success).toBe(true);
     });
-    test('generates optional text field schema', ()=>{
+    test('generates optional text field schema', () => {
         const fields = [
             {
                 blockType: 'text',
                 name: 'middleName',
                 label: 'Middle Name',
-                required: false
-            }
+                required: false,
+            },
         ];
         const schema = generateFormSchema(fields);
         const result = schema.safeParse({});
         expect(result.success).toBe(true);
     });
-    test('generates required email field schema', ()=>{
+    test('generates required email field schema', () => {
         const fields = [
             {
                 blockType: 'email',
                 name: 'email',
                 label: 'Email',
-                required: true
-            }
+                required: true,
+            },
         ];
         const schema = generateFormSchema(fields);
-        const invalidResult = schema.safeParse({
-            email: 'not-an-email'
-        });
+        const invalidResult = schema.safeParse({ email: 'not-an-email' });
         expect(invalidResult.success).toBe(false);
-        const validResult = schema.safeParse({
-            email: 'test@example.com'
-        });
+        const validResult = schema.safeParse({ email: 'test@example.com' });
         expect(validResult.success).toBe(true);
     });
-    test('generates required checkbox field schema', ()=>{
+    test('generates required checkbox field schema', () => {
         const fields = [
             {
                 blockType: 'checkbox',
                 name: 'terms',
                 label: 'Accept Terms',
-                required: true
-            }
+                required: true,
+            },
         ];
         const schema = generateFormSchema(fields);
-        const falseResult = schema.safeParse({
-            terms: false
-        });
+        const falseResult = schema.safeParse({ terms: false });
         expect(falseResult.success).toBe(false);
-        const trueResult = schema.safeParse({
-            terms: true
-        });
+        const trueResult = schema.safeParse({ terms: true });
         expect(trueResult.success).toBe(true);
     });
-    test('generates schema with multiple fields', ()=>{
+    test('generates schema with multiple fields', () => {
         const fields = [
             {
                 blockType: 'text',
                 name: 'name',
                 label: 'Name',
-                required: true
+                required: true,
             },
             {
                 blockType: 'email',
                 name: 'email',
                 label: 'Email',
-                required: true
+                required: true,
             },
             {
                 blockType: 'textarea',
                 name: 'message',
                 label: 'Message',
-                required: false
-            }
+                required: false,
+            },
         ];
         const schema = generateFormSchema(fields);
         const result = schema.safeParse({
             name: 'John',
-            email: 'john@example.com'
+            email: 'john@example.com',
         });
         expect(result.success).toBe(true);
     });
 });
-
-//# sourceMappingURL=schema.test.js.map

package/dist/utils/strings/index.js

@@ -9,12 +9,11 @@
  * const id = generateRandomString(10)
  * // Returns something like: "a3k9mxp2q1"
  * ```
- */ export const generateRandomString = (length)=>{
+ */
+export const generateRandomString = (length) => {
     let result = '';
-    while(result.length < length){
+    while (result.length < length) {
         result += (Math.random() + 1).toString(36).substring(2);
     }
     return result.substring(0, length);
 };
-
-//# sourceMappingURL=index.js.map

package/dist/utils/strings/index.test.js

@@ -1,28 +1,26 @@
 import { describe, expect, test } from 'vitest';
 import { generateRandomString } from './index';
-describe('generateRandomString', ()=>{
-    test('generates a string of the specified length', ()=>{
+describe('generateRandomString', () => {
+    test('generates a string of the specified length', () => {
         const length = 10;
         const result = generateRandomString(length);
         expect(result).toHaveLength(length);
     });
-    test('generates alphanumeric characters only', ()=>{
+    test('generates alphanumeric characters only', () => {
         const result = generateRandomString(100);
         expect(result).toMatch(/^[a-z0-9]+$/);
     });
-    test('generates different strings on multiple calls', ()=>{
+    test('generates different strings on multiple calls', () => {
         const first = generateRandomString(20);
         const second = generateRandomString(20);
         expect(first).not.toBe(second);
     });
-    test('handles length of 0', ()=>{
+    test('handles length of 0', () => {
         const result = generateRandomString(0);
         expect(result).toBe('');
     });
-    test('handles length of 1', ()=>{
+    test('handles length of 1', () => {
         const result = generateRandomString(1);
         expect(result).toHaveLength(1);
     });
 });
-
-//# sourceMappingURL=index.test.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ainsleydev/sveltekit-helper",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "SvelteKit utilities, components and helpers for ainsley.dev builds",
   "license": "MIT",
   "type": "module",
@@ -26,16 +26,18 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
+      "svelte": "./dist/index.js",
       "default": "./dist/index.js"
     },
     "./components/Grid": {
       "types": "./dist/components/Grid/index.d.ts",
-      "import": "./dist/components/Grid/index.js"
+      "svelte": "./dist/components/Grid/index.js",
+      "default": "./dist/components/Grid/index.js"
     },
     "./components/payload": {
       "types": "./dist/components/payload/index.d.ts",
-      "import": "./dist/components/payload/index.js"
+      "svelte": "./dist/components/payload/index.js",
+      "default": "./dist/components/payload/index.js"
     },
     "./utils/forms": {
       "types": "./dist/utils/forms/index.d.ts",
@@ -69,13 +71,13 @@
   "devDependencies": {
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/package": "^2.0.0",
-    "@swc/cli": "^0.7.8",
-    "@swc/core": "^1.7.2",
+    "@sveltejs/vite-plugin-svelte": "^5.0.0",
     "@types/node": "^24.10.1",
     "payload": "3.63.0",
     "rimraf": "6.1.0",
     "svelte": "^5.0.0",
     "typescript": "^5.5.4",
+    "vite": "^6.0.0",
     "vitest": "^2.0.5",
     "zod": "^3.24.3",
     "@ainsleydev/eslint-config": "0.0.9"
@@ -85,9 +87,7 @@
     "pnpm": ">=9"
   },
   "scripts": {
-    "build": "pnpm clean && pnpm build:types && pnpm build:swc",
-    "build:swc": "swc ./src -d ./dist --config-file .swcrc --strip-leading-paths",
-    "build:types": "tsc --emitDeclarationOnly --outDir dist",
+    "build": "pnpm clean && svelte-kit sync && svelte-package -i src",
     "format": "biome check --write --unsafe .",
     "lint": "biome lint --write .",
     "clean": "rimraf {dist,*.tsbuildinfo}",

package/dist/components/Grid/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Grid/index.ts"],"sourcesContent":["export { default as Container } from './Container.svelte';\nexport { default as Row } from './Row.svelte';\nexport { default as Column } from './Column.svelte';\n"],"names":["default","Container","Row","Column"],"mappings":"AAAA,SAASA,WAAWC,SAAS,QAAQ,qBAAqB;AAC1D,SAASD,WAAWE,GAAG,QAAQ,eAAe;AAC9C,SAASF,WAAWG,MAAM,QAAQ,kBAAkB"}

package/dist/components/payload/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/payload/index.ts"],"sourcesContent":["export { default as PayloadForm } from './PayloadForm.svelte';\nexport { default as PayloadMedia } from './PayloadMedia.svelte';\nexport type { Media, MediaSizes, PayloadMediaProps } from './types.js';\n"],"names":["default","PayloadForm","PayloadMedia"],"mappings":"AAAA,SAASA,WAAWC,WAAW,QAAQ,uBAAuB;AAC9D,SAASD,WAAWE,YAAY,QAAQ,wBAAwB"}

package/dist/components/payload/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/payload/types.ts"],"sourcesContent":["import type { HTMLAttributes } from 'svelte/elements';\n\nexport type MediaSizes = Record<\n\tstring,\n\t| Partial<{\n\t\t\turl?: string | null;\n\t\t\twidth?: number | null;\n\t\t\theight?: number | null;\n\t\t\tmimeType?: string | null;\n\t  }>\n\t| undefined\n>;\n\nexport type PayloadMediaProps = HTMLAttributes<HTMLElement> & {\n\tdata: Media;\n\tloading?: 'lazy' | 'eager' | undefined;\n\tclassName?: string;\n\tbreakpointBuffer?: number;\n\tmaxWidth?: number | undefined;\n\tonload?: (event: Event) => void;\n};\n\nexport type Media = {\n\tid: number;\n\talt?: string;\n\tupdatedAt: string;\n\tcreatedAt: string;\n\tdeletedAt?: string | null;\n\turl?: string | null;\n\tthumbnailURL?: string | null;\n\tfilename?: string | null;\n\tmimeType?: string | null;\n\tfilesize?: number | null;\n\twidth?: number | null;\n\theight?: number | null;\n\tfocalX?: number | null;\n\tfocalY?: number | null;\n\tsizes?: MediaSizes;\n};\n"],"names":[],"mappings":"AAsBA,WAgBE"}

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["/**\n * @ainsleydev/sveltekit-helper\n *\n * SvelteKit utilities, components and helpers for ainsley.dev builds.\n * Provides form utilities, grid components, and Payload CMS integrations.\n */\n\n// Re-export all exports from submodules\nexport * from './components/Grid/index.js';\nexport * from './components/payload/index.js';\nexport * from './utils/forms/index.js';\n"],"names":[],"mappings":"AAAA;;;;;CAKC,GAED,wCAAwC;AACxC,cAAc,6BAA6B;AAC3C,cAAc,gCAAgC;AAC9C,cAAc,yBAAyB"}

package/dist/utils/forms/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/utils/forms/helpers.ts"],"sourcesContent":["import type { z } from 'zod';\n\nexport type FormErrors = Record<string, string>;\n\n/**\n * Flattens Zod validation errors into a simple key-value object.\n * Takes only the first error message for each field.\n *\n * @param error - ZodError from validation failure.\n * @returns Object mapping field names to error messages.\n *\n * @example\n * ```typescript\n * import { flattenZodErrors } from '@ainsleydev/sveltekit-helper/utils/forms'\n *\n * const schema = z.object({ email: z.string().email() })\n * const result = schema.safeParse({ email: 'invalid' })\n *\n * if (!result.success) {\n *   const errors = flattenZodErrors(result.error)\n *   // { email: 'Invalid email' }\n * }\n * ```\n */\nexport const flattenZodErrors = (error: z.ZodError): FormErrors => {\n\tconst errors: FormErrors = {};\n\n\tfor (const issue of error.issues) {\n\t\tconst path = issue.path.join('.');\n\t\tif (!errors[path]) {\n\t\t\terrors[path] = issue.message;\n\t\t}\n\t}\n\n\treturn errors;\n};\n"],"names":["flattenZodErrors","error","errors","issue","issues","path","join","message"],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;CAmBC,GACD,OAAO,MAAMA,mBAAmB,CAACC;IAChC,MAAMC,SAAqB,CAAC;IAE5B,KAAK,MAAMC,SAASF,MAAMG,MAAM,CAAE;QACjC,MAAMC,OAAOF,MAAME,IAAI,CAACC,IAAI,CAAC;QAC7B,IAAI,CAACJ,MAAM,CAACG,KAAK,EAAE;YAClBH,MAAM,CAACG,KAAK,GAAGF,MAAMI,OAAO;QAC7B;IACD;IAEA,OAAOL;AACR,EAAE"}

package/dist/utils/forms/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/utils/forms/index.ts"],"sourcesContent":["export { flattenZodErrors, type FormErrors } from './helpers.js';\nexport { generateFormSchema, type PayloadFormField } from './schema.js';\n"],"names":["flattenZodErrors","generateFormSchema"],"mappings":"AAAA,SAASA,gBAAgB,QAAyB,eAAe;AACjE,SAASC,kBAAkB,QAA+B,cAAc"}

package/dist/utils/forms/schema.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/utils/forms/schema.ts"],"sourcesContent":["import { z } from 'zod';\n\n/**\n * Represents a form field from Payload CMS form builder.\n * This is a simplified type that covers the most common field types.\n */\nexport type PayloadFormField =\n\t| {\n\t\t\tname: string;\n\t\t\tlabel?: string | null;\n\t\t\tplaceholder?: string | null;\n\t\t\tdefaultValue?: string | null;\n\t\t\trequired?: boolean | null;\n\t\t\tid?: string | null;\n\t\t\tblockName?: string | null;\n\t\t\tblockType: 'text';\n\t  }\n\t| {\n\t\t\tname: string;\n\t\t\tlabel?: string | null;\n\t\t\tplaceholder?: string | null;\n\t\t\tdefaultValue?: string | null;\n\t\t\trequired?: boolean | null;\n\t\t\tid?: string | null;\n\t\t\tblockName?: string | null;\n\t\t\tblockType: 'email';\n\t  }\n\t| {\n\t\t\tname: string;\n\t\t\tlabel?: string | null;\n\t\t\tplaceholder?: string | null;\n\t\t\tdefaultValue?: number | null;\n\t\t\trequired?: boolean | null;\n\t\t\tid?: string | null;\n\t\t\tblockName?: string | null;\n\t\t\tblockType: 'number';\n\t  }\n\t| {\n\t\t\tname: string;\n\t\t\tlabel?: string | null;\n\t\t\tplaceholder?: string | null;\n\t\t\tdefaultValue?: string | null;\n\t\t\trequired?: boolean | null;\n\t\t\tid?: string | null;\n\t\t\tblockName?: string | null;\n\t\t\tblockType: 'textarea';\n\t  }\n\t| {\n\t\t\tname: string;\n\t\t\tlabel?: string | null;\n\t\t\tdefaultValue?: boolean | null;\n\t\t\trequired?: boolean | null;\n\t\t\tid?: string | null;\n\t\t\tblockName?: string | null;\n\t\t\tblockType: 'checkbox';\n\t  };\n\n/**\n * Generates a dynamic Zod schema from Payload CMS Form Fields.\n *\n * This utility automatically creates validation schemas for Payload form fields,\n * respecting required flags and field types.\n *\n * @param fields - Array of form fields from Payload CMS form builder.\n * @returns Zod object schema for validating the form.\n *\n * @example\n * ```typescript\n * import { generateFormSchema } from '@ainsleydev/sveltekit-helper/utils/forms'\n *\n * const fields = [\n *   { blockType: 'text', name: 'name', label: 'Name', required: true },\n *   { blockType: 'email', name: 'email', label: 'Email', required: true },\n *   { blockType: 'textarea', name: 'message', label: 'Message', required: false }\n * ]\n *\n * const schema = generateFormSchema(fields)\n * // Returns z.object({\n * //   name: z.string().min(1, { message: 'Name is required' }),\n * //   email: z.string().email({ message: 'Invalid email' }),\n * //   message: z.string().optional()\n * // })\n * ```\n */\nexport const generateFormSchema = (\n\tfields?: PayloadFormField[] | null,\n): z.ZodObject<Record<string, z.ZodTypeAny>> => {\n\tif (!fields?.length) return z.object({}) as z.ZodObject<Record<string, z.ZodTypeAny>>;\n\n\tconst shape: Record<string, z.ZodTypeAny> = {};\n\n\tfor (const field of fields) {\n\t\tif (field.blockType === 'text' || field.blockType === 'textarea') {\n\t\t\tshape[field.name] = field.required\n\t\t\t\t? z.string().min(1, { message: `${field.label || field.name} is required` })\n\t\t\t\t: z.string().optional();\n\t\t} else if (field.blockType === 'email') {\n\t\t\tshape[field.name] = field.required\n\t\t\t\t? z.string().email({ message: 'Invalid email' })\n\t\t\t\t: z.string().email({ message: 'Invalid email' }).optional();\n\t\t} else if (field.blockType === 'number') {\n\t\t\tshape[field.name] = field.required ? z.number() : z.number().optional();\n\t\t} else if (field.blockType === 'checkbox') {\n\t\t\tshape[field.name] = field.required\n\t\t\t\t? z.boolean().refine((val) => val === true, {\n\t\t\t\t\t\tmessage: `${field.label || field.name} must be checked`,\n\t\t\t\t\t})\n\t\t\t\t: z.boolean().optional();\n\t\t}\n\t}\n\n\treturn z.object(shape) as z.ZodObject<Record<string, z.ZodTypeAny>>;\n};\n"],"names":["z","generateFormSchema","fields","length","object","shape","field","blockType","name","required","string","min","message","label","optional","email","number","boolean","refine","val"],"mappings":"AAAA,SAASA,CAAC,QAAQ,MAAM;AAyDxB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BC,GACD,OAAO,MAAMC,qBAAqB,CACjCC;IAEA,IAAI,CAACA,QAAQC,QAAQ,OAAOH,EAAEI,MAAM,CAAC,CAAC;IAEtC,MAAMC,QAAsC,CAAC;IAE7C,KAAK,MAAMC,SAASJ,OAAQ;QAC3B,IAAII,MAAMC,SAAS,KAAK,UAAUD,MAAMC,SAAS,KAAK,YAAY;YACjEF,KAAK,CAACC,MAAME,IAAI,CAAC,GAAGF,MAAMG,QAAQ,GAC/BT,EAAEU,MAAM,GAAGC,GAAG,CAAC,GAAG;gBAAEC,SAAS,GAAGN,MAAMO,KAAK,IAAIP,MAAME,IAAI,CAAC,YAAY,CAAC;YAAC,KACxER,EAAEU,MAAM,GAAGI,QAAQ;QACvB,OAAO,IAAIR,MAAMC,SAAS,KAAK,SAAS;YACvCF,KAAK,CAACC,MAAME,IAAI,CAAC,GAAGF,MAAMG,QAAQ,GAC/BT,EAAEU,MAAM,GAAGK,KAAK,CAAC;gBAAEH,SAAS;YAAgB,KAC5CZ,EAAEU,MAAM,GAAGK,KAAK,CAAC;gBAAEH,SAAS;YAAgB,GAAGE,QAAQ;QAC3D,OAAO,IAAIR,MAAMC,SAAS,KAAK,UAAU;YACxCF,KAAK,CAACC,MAAME,IAAI,CAAC,GAAGF,MAAMG,QAAQ,GAAGT,EAAEgB,MAAM,KAAKhB,EAAEgB,MAAM,GAAGF,QAAQ;QACtE,OAAO,IAAIR,MAAMC,SAAS,KAAK,YAAY;YAC1CF,KAAK,CAACC,MAAME,IAAI,CAAC,GAAGF,MAAMG,QAAQ,GAC/BT,EAAEiB,OAAO,GAAGC,MAAM,CAAC,CAACC,MAAQA,QAAQ,MAAM;gBAC1CP,SAAS,GAAGN,MAAMO,KAAK,IAAIP,MAAME,IAAI,CAAC,gBAAgB,CAAC;YACxD,KACCR,EAAEiB,OAAO,GAAGH,QAAQ;QACxB;IACD;IAEA,OAAOd,EAAEI,MAAM,CAACC;AACjB,EAAE"}

package/dist/utils/forms/schema.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/utils/forms/schema.test.ts"],"sourcesContent":["import { describe, expect, test } from 'vitest';\nimport { z } from 'zod';\n\nimport { generateFormSchema } from './schema';\n\ndescribe('generateFormSchema', () => {\n\ttest('returns empty object schema when no fields provided', () => {\n\t\tconst schema = generateFormSchema(null);\n\t\texpect(schema).toBeInstanceOf(z.ZodObject);\n\t\texpect(schema.shape).toEqual({});\n\t});\n\n\ttest('returns empty object schema for empty array', () => {\n\t\tconst schema = generateFormSchema([]);\n\t\texpect(schema).toBeInstanceOf(z.ZodObject);\n\t\texpect(schema.shape).toEqual({});\n\t});\n\n\ttest('generates required text field schema', () => {\n\t\tconst fields = [\n\t\t\t{\n\t\t\t\tblockType: 'text' as const,\n\t\t\t\tname: 'firstName',\n\t\t\t\tlabel: 'First Name',\n\t\t\t\trequired: true,\n\t\t\t},\n\t\t];\n\n\t\tconst schema = generateFormSchema(fields);\n\t\tconst result = schema.safeParse({ firstName: '' });\n\t\texpect(result.success).toBe(false);\n\n\t\tconst validResult = schema.safeParse({ firstName: 'John' });\n\t\texpect(validResult.success).toBe(true);\n\t});\n\n\ttest('generates optional text field schema', () => {\n\t\tconst fields = [\n\t\t\t{\n\t\t\t\tblockType: 'text' as const,\n\t\t\t\tname: 'middleName',\n\t\t\t\tlabel: 'Middle Name',\n\t\t\t\trequired: false,\n\t\t\t},\n\t\t];\n\n\t\tconst schema = generateFormSchema(fields);\n\t\tconst result = schema.safeParse({});\n\t\texpect(result.success).toBe(true);\n\t});\n\n\ttest('generates required email field schema', () => {\n\t\tconst fields = [\n\t\t\t{\n\t\t\t\tblockType: 'email' as const,\n\t\t\t\tname: 'email',\n\t\t\t\tlabel: 'Email',\n\t\t\t\trequired: true,\n\t\t\t},\n\t\t];\n\n\t\tconst schema = generateFormSchema(fields);\n\t\tconst invalidResult = schema.safeParse({ email: 'not-an-email' });\n\t\texpect(invalidResult.success).toBe(false);\n\n\t\tconst validResult = schema.safeParse({ email: 'test@example.com' });\n\t\texpect(validResult.success).toBe(true);\n\t});\n\n\ttest('generates required checkbox field schema', () => {\n\t\tconst fields = [\n\t\t\t{\n\t\t\t\tblockType: 'checkbox' as const,\n\t\t\t\tname: 'terms',\n\t\t\t\tlabel: 'Accept Terms',\n\t\t\t\trequired: true,\n\t\t\t},\n\t\t];\n\n\t\tconst schema = generateFormSchema(fields);\n\t\tconst falseResult = schema.safeParse({ terms: false });\n\t\texpect(falseResult.success).toBe(false);\n\n\t\tconst trueResult = schema.safeParse({ terms: true });\n\t\texpect(trueResult.success).toBe(true);\n\t});\n\n\ttest('generates schema with multiple fields', () => {\n\t\tconst fields = [\n\t\t\t{\n\t\t\t\tblockType: 'text' as const,\n\t\t\t\tname: 'name',\n\t\t\t\tlabel: 'Name',\n\t\t\t\trequired: true,\n\t\t\t},\n\t\t\t{\n\t\t\t\tblockType: 'email' as const,\n\t\t\t\tname: 'email',\n\t\t\t\tlabel: 'Email',\n\t\t\t\trequired: true,\n\t\t\t},\n\t\t\t{\n\t\t\t\tblockType: 'textarea' as const,\n\t\t\t\tname: 'message',\n\t\t\t\tlabel: 'Message',\n\t\t\t\trequired: false,\n\t\t\t},\n\t\t];\n\n\t\tconst schema = generateFormSchema(fields);\n\t\tconst result = schema.safeParse({\n\t\t\tname: 'John',\n\t\t\temail: 'john@example.com',\n\t\t});\n\t\texpect(result.success).toBe(true);\n\t});\n});\n"],"names":["describe","expect","test","z","generateFormSchema","schema","toBeInstanceOf","ZodObject","shape","toEqual","fields","blockType","name","label","required","result","safeParse","firstName","success","toBe","validResult","invalidResult","email","falseResult","terms","trueResult"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,IAAI,QAAQ,SAAS;AAChD,SAASC,CAAC,QAAQ,MAAM;AAExB,SAASC,kBAAkB,QAAQ,WAAW;AAE9CJ,SAAS,sBAAsB;IAC9BE,KAAK,uDAAuD;QAC3D,MAAMG,SAASD,mBAAmB;QAClCH,OAAOI,QAAQC,cAAc,CAACH,EAAEI,SAAS;QACzCN,OAAOI,OAAOG,KAAK,EAAEC,OAAO,CAAC,CAAC;IAC/B;IAEAP,KAAK,+CAA+C;QACnD,MAAMG,SAASD,mBAAmB,EAAE;QACpCH,OAAOI,QAAQC,cAAc,CAACH,EAAEI,SAAS;QACzCN,OAAOI,OAAOG,KAAK,EAAEC,OAAO,CAAC,CAAC;IAC/B;IAEAP,KAAK,wCAAwC;QAC5C,MAAMQ,SAAS;YACd;gBACCC,WAAW;gBACXC,MAAM;gBACNC,OAAO;gBACPC,UAAU;YACX;SACA;QAED,MAAMT,SAASD,mBAAmBM;QAClC,MAAMK,SAASV,OAAOW,SAAS,CAAC;YAAEC,WAAW;QAAG;QAChDhB,OAAOc,OAAOG,OAAO,EAAEC,IAAI,CAAC;QAE5B,MAAMC,cAAcf,OAAOW,SAAS,CAAC;YAAEC,WAAW;QAAO;QACzDhB,OAAOmB,YAAYF,OAAO,EAAEC,IAAI,CAAC;IAClC;IAEAjB,KAAK,wCAAwC;QAC5C,MAAMQ,SAAS;YACd;gBACCC,WAAW;gBACXC,MAAM;gBACNC,OAAO;gBACPC,UAAU;YACX;SACA;QAED,MAAMT,SAASD,mBAAmBM;QAClC,MAAMK,SAASV,OAAOW,SAAS,CAAC,CAAC;QACjCf,OAAOc,OAAOG,OAAO,EAAEC,IAAI,CAAC;IAC7B;IAEAjB,KAAK,yCAAyC;QAC7C,MAAMQ,SAAS;YACd;gBACCC,WAAW;gBACXC,MAAM;gBACNC,OAAO;gBACPC,UAAU;YACX;SACA;QAED,MAAMT,SAASD,mBAAmBM;QAClC,MAAMW,gBAAgBhB,OAAOW,SAAS,CAAC;YAAEM,OAAO;QAAe;QAC/DrB,OAAOoB,cAAcH,OAAO,EAAEC,IAAI,CAAC;QAEnC,MAAMC,cAAcf,OAAOW,SAAS,CAAC;YAAEM,OAAO;QAAmB;QACjErB,OAAOmB,YAAYF,OAAO,EAAEC,IAAI,CAAC;IAClC;IAEAjB,KAAK,4CAA4C;QAChD,MAAMQ,SAAS;YACd;gBACCC,WAAW;gBACXC,MAAM;gBACNC,OAAO;gBACPC,UAAU;YACX;SACA;QAED,MAAMT,SAASD,mBAAmBM;QAClC,MAAMa,cAAclB,OAAOW,SAAS,CAAC;YAAEQ,OAAO;QAAM;QACpDvB,OAAOsB,YAAYL,OAAO,EAAEC,IAAI,CAAC;QAEjC,MAAMM,aAAapB,OAAOW,SAAS,CAAC;YAAEQ,OAAO;QAAK;QAClDvB,OAAOwB,WAAWP,OAAO,EAAEC,IAAI,CAAC;IACjC;IAEAjB,KAAK,yCAAyC;QAC7C,MAAMQ,SAAS;YACd;gBACCC,WAAW;gBACXC,MAAM;gBACNC,OAAO;gBACPC,UAAU;YACX;YACA;gBACCH,WAAW;gBACXC,MAAM;gBACNC,OAAO;gBACPC,UAAU;YACX;YACA;gBACCH,WAAW;gBACXC,MAAM;gBACNC,OAAO;gBACPC,UAAU;YACX;SACA;QAED,MAAMT,SAASD,mBAAmBM;QAClC,MAAMK,SAASV,OAAOW,SAAS,CAAC;YAC/BJ,MAAM;YACNU,OAAO;QACR;QACArB,OAAOc,OAAOG,OAAO,EAAEC,IAAI,CAAC;IAC7B;AACD"}

package/dist/utils/strings/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/utils/strings/index.ts"],"sourcesContent":["/**\n * Generates an alphanumeric random string.\n *\n * @param length - The length of the string to generate.\n * @returns The generated random string.\n *\n * @example\n * ```typescript\n * const id = generateRandomString(10)\n * // Returns something like: \"a3k9mxp2q1\"\n * ```\n */\nexport const generateRandomString = (length: number): string => {\n\tlet result = '';\n\twhile (result.length < length) {\n\t\tresult += (Math.random() + 1).toString(36).substring(2);\n\t}\n\treturn result.substring(0, length);\n};\n"],"names":["generateRandomString","length","result","Math","random","toString","substring"],"mappings":"AAAA;;;;;;;;;;;CAWC,GACD,OAAO,MAAMA,uBAAuB,CAACC;IACpC,IAAIC,SAAS;IACb,MAAOA,OAAOD,MAAM,GAAGA,OAAQ;QAC9BC,UAAU,AAACC,CAAAA,KAAKC,MAAM,KAAK,CAAA,EAAGC,QAAQ,CAAC,IAAIC,SAAS,CAAC;IACtD;IACA,OAAOJ,OAAOI,SAAS,CAAC,GAAGL;AAC5B,EAAE"}

package/dist/utils/strings/index.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/utils/strings/index.test.ts"],"sourcesContent":["import { describe, expect, test } from 'vitest';\n\nimport { generateRandomString } from './index';\n\ndescribe('generateRandomString', () => {\n\ttest('generates a string of the specified length', () => {\n\t\tconst length = 10;\n\t\tconst result = generateRandomString(length);\n\t\texpect(result).toHaveLength(length);\n\t});\n\n\ttest('generates alphanumeric characters only', () => {\n\t\tconst result = generateRandomString(100);\n\t\texpect(result).toMatch(/^[a-z0-9]+$/);\n\t});\n\n\ttest('generates different strings on multiple calls', () => {\n\t\tconst first = generateRandomString(20);\n\t\tconst second = generateRandomString(20);\n\t\texpect(first).not.toBe(second);\n\t});\n\n\ttest('handles length of 0', () => {\n\t\tconst result = generateRandomString(0);\n\t\texpect(result).toBe('');\n\t});\n\n\ttest('handles length of 1', () => {\n\t\tconst result = generateRandomString(1);\n\t\texpect(result).toHaveLength(1);\n\t});\n});\n"],"names":["describe","expect","test","generateRandomString","length","result","toHaveLength","toMatch","first","second","not","toBe"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,IAAI,QAAQ,SAAS;AAEhD,SAASC,oBAAoB,QAAQ,UAAU;AAE/CH,SAAS,wBAAwB;IAChCE,KAAK,8CAA8C;QAClD,MAAME,SAAS;QACf,MAAMC,SAASF,qBAAqBC;QACpCH,OAAOI,QAAQC,YAAY,CAACF;IAC7B;IAEAF,KAAK,0CAA0C;QAC9C,MAAMG,SAASF,qBAAqB;QACpCF,OAAOI,QAAQE,OAAO,CAAC;IACxB;IAEAL,KAAK,iDAAiD;QACrD,MAAMM,QAAQL,qBAAqB;QACnC,MAAMM,SAASN,qBAAqB;QACpCF,OAAOO,OAAOE,GAAG,CAACC,IAAI,CAACF;IACxB;IAEAP,KAAK,uBAAuB;QAC3B,MAAMG,SAASF,qBAAqB;QACpCF,OAAOI,QAAQM,IAAI,CAAC;IACrB;IAEAT,KAAK,uBAAuB;QAC3B,MAAMG,SAASF,qBAAqB;QACpCF,OAAOI,QAAQC,YAAY,CAAC;IAC7B;AACD"}