@ainsleydev/sveltekit-helper 0.1.1 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,7 @@
1
+ <script lang="ts">
2
+ const { ...restProps } = $props();
3
+ </script>
4
+
1
5
  <!--
2
6
  @component
3
7
 
@@ -12,7 +16,7 @@
12
16
  </Column>
13
17
  ```
14
18
  -->
15
- <div class="col" {...$$restProps}>
19
+ <div class="col" {...restProps}>
16
20
  <slot />
17
21
  </div>
18
22
 
@@ -1,15 +1,21 @@
1
- export default Column;
2
- type Column = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
3
- [x: string]: any;
4
- }, {
5
- default: {};
6
- }>, {
7
- [evt: string]: CustomEvent<any>;
8
- }, {
9
- default: {};
10
- }> & {
11
- $$bindings?: string | undefined;
12
- };
1
+ 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> {
2
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
3
+ $$bindings?: Bindings;
4
+ } & Exports;
5
+ (internal: unknown, props: Props & {
6
+ $$events?: Events;
7
+ $$slots?: Slots;
8
+ }): Exports & {
9
+ $set?: any;
10
+ $on?: any;
11
+ };
12
+ z_$$bindings?: Bindings;
13
+ }
14
+ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
15
+ default: any;
16
+ } ? Props extends Record<string, never> ? any : {
17
+ children?: any;
18
+ } : {});
13
19
  /**
14
20
  * Responsive column component.
15
21
  * Provides base column structure with customisable gap.
@@ -22,31 +28,13 @@ type Column = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
22
28
  * </Column>
23
29
  * ```
24
30
  */
25
- declare const Column: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
26
- [x: string]: any;
27
- }, {
31
+ declare const Column: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<Record<string, any>, {
28
32
  default: {};
29
33
  }>, {
30
34
  [evt: string]: CustomEvent<any>;
31
35
  }, {
32
36
  default: {};
33
- }, {}, string>;
34
- type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
35
- default: any;
36
- } ? Props extends Record<string, never> ? any : {
37
- children?: any;
38
- } : {});
39
- 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> {
40
- new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
41
- $$bindings?: Bindings;
42
- } & Exports;
43
- (internal: unknown, props: Props & {
44
- $$events?: Events;
45
- $$slots?: Slots;
46
- }): Exports & {
47
- $set?: any;
48
- $on?: any;
49
- };
50
- z_$$bindings?: Bindings;
51
- }
37
+ }, {}, "">;
38
+ type Column = InstanceType<typeof Column>;
39
+ export default Column;
52
40
  //# sourceMappingURL=Column.svelte.d.ts.map
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"Column.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Column.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;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,MAAM;;;;;;UAAqF,CAAC;AAChF,KAAK,MAAM,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;AAC5C,eAAe,MAAM,CAAC"}
@@ -1,3 +1,7 @@
1
+ <script lang="ts">
2
+ const { ...restProps } = $props();
3
+ </script>
4
+
1
5
  <!--
2
6
  @component
3
7
 
@@ -19,7 +23,7 @@
19
23
  </Container>
20
24
  ```
21
25
  -->
22
- <div class="container" {...$$restProps}>
26
+ <div class="container" {...restProps}>
23
27
  <slot />
24
28
  </div>
25
29
 
@@ -1,15 +1,21 @@
1
- export default Container;
2
- type Container = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
3
- [x: string]: any;
4
- }, {
5
- default: {};
6
- }>, {
7
- [evt: string]: CustomEvent<any>;
8
- }, {
9
- default: {};
10
- }> & {
11
- $$bindings?: string | undefined;
12
- };
1
+ 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> {
2
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
3
+ $$bindings?: Bindings;
4
+ } & Exports;
5
+ (internal: unknown, props: Props & {
6
+ $$events?: Events;
7
+ $$slots?: Slots;
8
+ }): Exports & {
9
+ $set?: any;
10
+ $on?: any;
11
+ };
12
+ z_$$bindings?: Bindings;
13
+ }
14
+ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
15
+ default: any;
16
+ } ? Props extends Record<string, never> ? any : {
17
+ children?: any;
18
+ } : {});
13
19
  /**
14
20
  * Centre content such as rows & columns horizontally with predefined max-width.
15
21
  * Uses CSS Grid to provide breakout and full-width layout options.
@@ -25,31 +31,13 @@ type Container = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
25
31
  * ```svelte
26
32
  * <!-- Custom max width via CSS variable
27
33
  */
28
- declare const Container: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
29
- [x: string]: any;
30
- }, {
34
+ declare const Container: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<Record<string, any>, {
31
35
  default: {};
32
36
  }>, {
33
37
  [evt: string]: CustomEvent<any>;
34
38
  }, {
35
39
  default: {};
36
- }, {}, string>;
37
- type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
38
- default: any;
39
- } ? Props extends Record<string, never> ? any : {
40
- children?: any;
41
- } : {});
42
- 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> {
43
- new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
44
- $$bindings?: Bindings;
45
- } & Exports;
46
- (internal: unknown, props: Props & {
47
- $$events?: Events;
48
- $$slots?: Slots;
49
- }): Exports & {
50
- $set?: any;
51
- $on?: any;
52
- };
53
- z_$$bindings?: Bindings;
54
- }
40
+ }, {}, "">;
41
+ type Container = InstanceType<typeof Container>;
42
+ export default Container;
55
43
  //# sourceMappingURL=Container.svelte.d.ts.map
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"Container.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Container.svelte.ts"],"names":[],"mappings":"AAqBA,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;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,SAAS;;;;;;UAAqF,CAAC;AACnF,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC;AAClD,eAAe,SAAS,CAAC"}
@@ -1,5 +1,11 @@
1
+ <script lang="ts" module>
2
+ export type RowProps = {
3
+ noGaps?: boolean;
4
+ };
5
+ </script>
6
+
1
7
  <script lang="ts">
2
- let noGaps = false;
8
+ const { noGaps = false, ...restProps }: RowProps = $props();
3
9
  </script>
4
10
 
5
11
  <!--
@@ -21,7 +27,7 @@ let noGaps = false;
21
27
  </Row>
22
28
  ```
23
29
  -->
24
- <div class="row" class:row--no-gaps={noGaps} {...$$restProps}>
30
+ <div class="row" class:row--no-gaps={noGaps} {...restProps}>
25
31
  <slot />
26
32
  </div>
27
33
 
@@ -1,3 +1,6 @@
1
+ export type RowProps = {
2
+ noGaps?: boolean;
3
+ };
1
4
  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> {
2
5
  new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
3
6
  $$bindings?: Bindings;
@@ -33,15 +36,13 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
33
36
  * </Row>
34
37
  * ```
35
38
  */
36
- declare const Row: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
37
- [x: string]: any;
38
- }, {
39
+ declare const Row: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<RowProps, {
39
40
  default: {};
40
41
  }>, {
41
42
  [evt: string]: CustomEvent<any>;
42
43
  }, {
43
44
  default: {};
44
- }, {}, string>;
45
+ }, {}, "">;
45
46
  type Row = InstanceType<typeof Row>;
46
47
  export default Row;
47
48
  //# sourceMappingURL=Row.svelte.d.ts.map
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"Row.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Row.svelte.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,QAAQ,GAAG;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAiBF,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;;;;;;UAAqF,CAAC;AAC7E,KAAK,GAAG,GAAG,YAAY,CAAC,OAAO,GAAG,CAAC,CAAC;AACtC,eAAe,GAAG,CAAC"}
@@ -1,25 +1,31 @@
1
- <script lang="ts">
1
+ <script lang="ts" module>
2
2
  import type { PayloadFormField } from '../../utils/forms/schema';
3
3
 
4
- /**
5
- * Payload form configuration
6
- */
7
- export let form: {
8
- id: number | string;
9
- fields?: PayloadFormField[] | null;
10
- confirmationMessage?: string | null;
11
- submitButtonLabel?: string | null;
4
+ export type PayloadFormProps = {
5
+ /**
6
+ * Payload form configuration
7
+ */
8
+ form: {
9
+ id: number | string;
10
+ fields?: PayloadFormField[] | null;
11
+ confirmationMessage?: string | null;
12
+ submitButtonLabel?: string | null;
13
+ };
14
+ /**
15
+ * API endpoint to submit form data to (defaults to '/api/forms')
16
+ */
17
+ apiEndpoint?: string;
18
+ /**
19
+ * Custom submit handler (overrides default API submission)
20
+ */
21
+ onSubmit?: ((data: Record<string, unknown>) => Promise<void>) | undefined;
12
22
  };
23
+ </script>
13
24
 
14
- /**
15
- * API endpoint to submit form data to (defaults to '/api/forms')
16
- */
17
- export let apiEndpoint = '/api/forms';
25
+ <script lang="ts">
26
+ import type { PayloadFormField } from '../../utils/forms/schema';
18
27
 
19
- /**
20
- * Custom submit handler (overrides default API submission)
21
- */
22
- export let onSubmit: ((data: Record<string, unknown>) => Promise<void>) | undefined = undefined;
28
+ const { form, apiEndpoint = '/api/forms', onSubmit = undefined }: PayloadFormProps = $props();
23
29
 
24
30
  let formData = $state<Record<string, unknown>>({});
25
31
  let errors: Record<string, string> = $state({});
@@ -1,3 +1,23 @@
1
+ import type { PayloadFormField } from '../../utils/forms/schema';
2
+ export type PayloadFormProps = {
3
+ /**
4
+ * Payload form configuration
5
+ */
6
+ form: {
7
+ id: number | string;
8
+ fields?: PayloadFormField[] | null;
9
+ confirmationMessage?: string | null;
10
+ submitButtonLabel?: string | null;
11
+ };
12
+ /**
13
+ * API endpoint to submit form data to (defaults to '/api/forms')
14
+ */
15
+ apiEndpoint?: string;
16
+ /**
17
+ * Custom submit handler (overrides default API submission)
18
+ */
19
+ onSubmit?: ((data: Record<string, unknown>) => Promise<void>) | undefined;
20
+ };
1
21
  /**
2
22
  * PayloadForm renders a form dynamically from Payload CMS form builder fields.
3
23
  * Uses basic HTML elements that can be styled via CSS variables or custom classes.
@@ -21,7 +41,7 @@
21
41
  * />
22
42
  * ```
23
43
  */
24
- declare const PayloadForm: import("svelte").Component<Record<string, never>, {}, "">;
44
+ declare const PayloadForm: import("svelte").Component<PayloadFormProps, {}, "">;
25
45
  type PayloadForm = ReturnType<typeof PayloadForm>;
26
46
  export default PayloadForm;
27
47
  //# sourceMappingURL=PayloadForm.svelte.d.ts.map
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"PayloadForm.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/payload/PayloadForm.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;OAEG;IACH,IAAI,EAAE;QACL,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;QACpB,MAAM,CAAC,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC;QACnC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACpC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KAClC,CAAC;IACF;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAC;CAC1E,CAAC;AA4HF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ainsleydev/sveltekit-helper",
3
- "version": "0.1.1",
3
+ "version": "0.1.3",
4
4
  "description": "SvelteKit utilities, components and helpers for ainsley.dev builds",
5
5
  "license": "MIT",
6
6
  "type": "module",