@plitzi/sdk-elements 0.37.2 → 0.37.4

package/dist/elements/declarations/index.d.ts

@@ -23,6 +23,7 @@ import { default as FontAwesomeDeclaration } from '../media/FontAwesome/declarat
 import { default as ImageDeclaration } from '../media/Image/declaration';
 import { default as VideoDeclaration } from '../media/Video/declaration';
 import { default as ApiContainerDeclaration } from '../provider/ApiContainer/declaration';
+import { default as ChannelDeclaration } from '../provider/Channel/declaration';
 import { default as ContainerDeclaration } from '../structure/Container/declaration';
 import { default as DialogContainerDeclaration } from '../structure/DialogContainer/declaration';
 import { default as ListDeclaration } from '../structure/List/declaration';
@@ -36,6 +37,12 @@ import { default as TabContainerItemDeclaration } from '../structure/TabContaine
 export declare const elementDeclarations: {
     readonly ApiContainer: {
         readonly type: "apiContainer";
+        readonly attributeValues: {
+            readonly subType: readonly string[];
+            readonly method: readonly string[];
+            readonly credentials: readonly string[];
+            readonly pagination: readonly string[];
+        };
         readonly sourceType: "apiContainer";
         readonly triggers: {
             readonly onApiError: {
@@ -69,7 +76,14 @@ export declare const elementDeclarations: {
                 readonly title: "Perform Query";
                 readonly type: "callback";
                 readonly preview: {};
-                readonly params: {};
+                readonly params: {
+                    readonly input: {
+                        readonly label: "Input (server providers)";
+                        readonly type: "codemirror-json";
+                        readonly defaultValue: "{}";
+                        readonly description: string;
+                    };
+                };
             };
             readonly loadMore: {
                 readonly action: "loadMore";
@@ -279,6 +293,10 @@ export declare const elementDeclarations: {
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<import('../advanced/BlockJsx/declaration').BlockJsxAttributes>;
     readonly Button: {
         readonly type: "button";
+        readonly attributeValues: {
+            readonly subType: readonly string[];
+            readonly contentPlacement: readonly string[];
+        };
         readonly content: {
             readonly attributes: {
                 readonly contentPlacement: "after";
@@ -338,7 +356,7 @@ export declare const elementDeclarations: {
                                     readonly 'padding-bottom': "6px";
                                     readonly cursor: "pointer";
                                     readonly 'font-size': "16px";
-                                    readonly 'line-height': "24px";
+                                    readonly 'line-height': "1.5";
                                     readonly 'border-top-left-radius': "4px";
                                     readonly 'border-top-right-radius': "4px";
                                     readonly 'border-bottom-left-radius': "4px";
@@ -359,7 +377,7 @@ export declare const elementDeclarations: {
                                     readonly 'padding-bottom': "6px";
                                     readonly cursor: "pointer";
                                     readonly 'font-size': "16px";
-                                    readonly 'line-height': "24px";
+                                    readonly 'line-height': "1.5";
                                     readonly 'border-top-left-radius': "4px";
                                     readonly 'border-top-right-radius': "4px";
                                     readonly 'border-bottom-left-radius': "4px";
@@ -380,7 +398,7 @@ export declare const elementDeclarations: {
                                     readonly 'padding-bottom': "6px";
                                     readonly cursor: "pointer";
                                     readonly 'font-size': "16px";
-                                    readonly 'line-height': "24px";
+                                    readonly 'line-height': "1.5";
                                     readonly 'border-top-left-radius': "4px";
                                     readonly 'border-top-right-radius': "4px";
                                     readonly 'border-bottom-left-radius': "4px";
@@ -394,6 +412,7 @@ export declare const elementDeclarations: {
             readonly settings: {};
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+        label?: string | undefined;
         title?: string | undefined;
         content?: string | undefined;
         disabled?: boolean | undefined;
@@ -402,8 +421,144 @@ export declare const elementDeclarations: {
         ariaExpanded?: boolean | undefined;
         ariaPressed?: boolean | undefined;
     }>>;
+    readonly Channel: {
+        readonly type: "channel";
+        readonly attributeValues: {
+            readonly subType: readonly string[];
+        };
+        readonly sourceType: "channel";
+        readonly triggers: {
+            readonly onMessage: {
+                readonly action: "onMessage";
+                readonly title: "On Message";
+                readonly type: "trigger";
+                readonly params: {};
+                readonly preview: {
+                    readonly type: "";
+                    readonly data: "";
+                    readonly from: "";
+                    readonly user: "";
+                    readonly at: "";
+                };
+            };
+            readonly onJoin: {
+                readonly action: "onJoin";
+                readonly title: "On Join";
+                readonly type: "trigger";
+                readonly params: {};
+                readonly preview: {
+                    readonly from: "";
+                    readonly user: "";
+                    readonly state: {};
+                };
+            };
+            readonly onLeave: {
+                readonly action: "onLeave";
+                readonly title: "On Leave";
+                readonly type: "trigger";
+                readonly params: {};
+                readonly preview: {
+                    readonly from: "";
+                    readonly user: "";
+                    readonly state: {};
+                };
+            };
+        };
+        readonly callbacks: {
+            readonly publish: {
+                readonly action: "publish";
+                readonly title: "Publish";
+                readonly type: "callback";
+                readonly preview: {};
+                readonly params: {
+                    readonly type: {
+                        readonly label: "Type";
+                        readonly defaultValue: "";
+                        readonly type: "text";
+                    };
+                    readonly data: {
+                        readonly label: "Data (JSON or a template)";
+                        readonly defaultValue: "";
+                        readonly type: "text";
+                    };
+                };
+            };
+            readonly setPresence: {
+                readonly action: "setPresence";
+                readonly title: "Set Presence";
+                readonly type: "callback";
+                readonly preview: {};
+                readonly params: {
+                    readonly data: {
+                        readonly label: "State (JSON or a template)";
+                        readonly defaultValue: "";
+                        readonly type: "text";
+                    };
+                };
+            };
+        };
+        readonly content: {
+            readonly attributes: {
+                readonly topic: "";
+                readonly grant: "";
+                readonly keep: 20;
+                readonly subType: "";
+            };
+            readonly definition: {
+                readonly label: "Channel";
+                readonly type: "channel";
+                readonly description: string;
+                readonly items: readonly [];
+                readonly bindings: {};
+                readonly styleSelectors: {
+                    readonly base: "";
+                };
+                readonly initialState: {
+                    readonly visibility: true;
+                };
+            };
+            readonly builder: {
+                readonly canDelete: true;
+                readonly canSelect: true;
+                readonly canDragDrop: true;
+                readonly canMove: true;
+                readonly canTemplate: true;
+                readonly itemsAllowed: readonly [];
+                readonly itemsNotAllowed: readonly [];
+            };
+            readonly market: {
+                readonly category: "provider";
+                readonly owner: "Plitzi";
+                readonly verified: true;
+                readonly license: "MIT";
+                readonly website: "https://plitzi.com";
+                readonly backgroundColor: "#4422ee";
+                readonly icon: "fa-solid fa-tower-broadcast";
+            };
+            readonly defaultStyle: {
+                readonly name: "Channel";
+                readonly displayMode: "desktop";
+                readonly style: {
+                    readonly base: {
+                        readonly default: {};
+                    };
+                };
+                readonly subTypes: {};
+            };
+            readonly settings: {};
+        };
+    } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+        subType?: "" | "div" | "section" | "aside" | "main" | undefined;
+        topic?: string | undefined;
+        grant?: string | undefined;
+        presence?: unknown;
+        keep?: number | string | undefined;
+    }>>;
     readonly Container: {
         readonly type: "container";
+        readonly attributeValues: {
+            readonly subType: readonly string[];
+        };
         readonly content: {
             readonly attributes: {
                 readonly subType: "div";
@@ -452,7 +607,9 @@ export declare const elementDeclarations: {
             readonly settings: {};
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
-        subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | "li" | undefined;
+        label?: string | undefined;
+        subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | "li" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+        decorative?: boolean | undefined;
     }>>;
     readonly Custom: {
         readonly type: "custom";
@@ -739,6 +896,9 @@ export declare const elementDeclarations: {
     }>>;
     readonly Dropdown: {
         readonly type: "dropdown";
+        readonly attributeValues: {
+            readonly popupPlacement: readonly string[];
+        };
         readonly content: {
             readonly attributes: {
                 readonly popupPlacement: "bottom";
@@ -935,11 +1095,15 @@ export declare const elementDeclarations: {
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
         size?: string | undefined;
+        label?: string | undefined;
         icon?: string | undefined;
         iconAnimation?: string | undefined;
     }>>;
     readonly Form: {
         readonly type: "form";
+        readonly attributeValues: {
+            readonly method: readonly string[];
+        };
         readonly sourceType: "apiContainer";
         readonly triggers: {
             readonly onSubmit: {
@@ -1058,6 +1222,9 @@ export declare const elementDeclarations: {
     }>>;
     readonly FormControl: {
         readonly type: "formControl";
+        readonly attributeValues: {
+            readonly subType: readonly string[];
+        };
         readonly triggers: {
             readonly onChange: {
                 readonly action: "onChange";
@@ -1075,9 +1242,11 @@ export declare const elementDeclarations: {
                 readonly subType: "text";
                 readonly name: "";
                 readonly label: "Label";
+                readonly hideLabel: false;
                 readonly placeholder: "";
                 readonly defaultValue: "";
                 readonly autoComplete: true;
+                readonly autoFocus: false;
                 readonly disabled: false;
                 readonly options: readonly [];
                 readonly required: true;
@@ -1564,6 +1733,9 @@ export declare const elementDeclarations: {
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<import('../form/FormControl/declaration').FormControlAttributes>;
     readonly Heading: {
         readonly type: "heading";
+        readonly attributeValues: {
+            readonly subType: readonly string[];
+        };
         readonly content: {
             readonly attributes: {
                 readonly content: "Heading";
@@ -1618,7 +1790,7 @@ export declare const elementDeclarations: {
                                     readonly 'margin-bottom': "25px";
                                     readonly 'font-size': "38px";
                                     readonly 'font-weight': 700;
-                                    readonly 'line-height': "44px";
+                                    readonly 'line-height': "1.158";
                                 };
                             };
                         };
@@ -1633,7 +1805,7 @@ export declare const elementDeclarations: {
                                     readonly 'margin-bottom': "25px";
                                     readonly 'font-size': "32px";
                                     readonly 'font-weight': 700;
-                                    readonly 'line-height': "36px";
+                                    readonly 'line-height': "1.125";
                                 };
                             };
                         };
@@ -1648,7 +1820,7 @@ export declare const elementDeclarations: {
                                     readonly 'margin-bottom': "25px";
                                     readonly 'font-size': "24px";
                                     readonly 'font-weight': 700;
-                                    readonly 'line-height': "30px";
+                                    readonly 'line-height': "1.25";
                                 };
                             };
                         };
@@ -1663,7 +1835,7 @@ export declare const elementDeclarations: {
                                     readonly 'margin-bottom': "25px";
                                     readonly 'font-size': "18px";
                                     readonly 'font-weight': 700;
-                                    readonly 'line-height': "24px";
+                                    readonly 'line-height': "1.333";
                                 };
                             };
                         };
@@ -1678,7 +1850,7 @@ export declare const elementDeclarations: {
                                     readonly 'margin-bottom': "25px";
                                     readonly 'font-size': "14px";
                                     readonly 'font-weight': 700;
-                                    readonly 'line-height': "20px";
+                                    readonly 'line-height': "1.429";
                                 };
                             };
                         };
@@ -1693,7 +1865,7 @@ export declare const elementDeclarations: {
                                     readonly 'margin-bottom': "25px";
                                     readonly 'font-size': "12px";
                                     readonly 'font-weight': 700;
-                                    readonly 'line-height': "18px";
+                                    readonly 'line-height': "1.5";
                                 };
                             };
                         };
@@ -1708,10 +1880,15 @@ export declare const elementDeclarations: {
     }>>;
     readonly Image: {
         readonly type: "image";
+        readonly attributeValues: {
+            readonly fetchPriority: readonly string[];
+            readonly loadMode: readonly string[];
+        };
         readonly content: {
             readonly attributes: {
                 readonly src: "https://cdn.plitzi.com/resources/img/placeholder-img.svg";
                 readonly alt: "";
+                readonly decorative: false;
                 readonly fetchPriority: "auto";
                 readonly loadMode: "auto";
             };
@@ -1764,10 +1941,14 @@ export declare const elementDeclarations: {
         fetchPriority?: "high" | "low" | "auto" | undefined;
         src?: string | undefined;
         alt?: string | undefined;
-        loadMode?: "eager" | "lazy" | undefined;
+        decorative?: boolean | undefined;
+        loadMode?: "auto" | "eager" | "lazy" | undefined;
     }>>;
     readonly LayoutContainer: {
         readonly type: "layoutContainer";
+        readonly attributeValues: {
+            readonly subType: readonly string[];
+        };
         readonly content: {
             readonly attributes: {
                 readonly subType: "div";
@@ -1822,6 +2003,10 @@ export declare const elementDeclarations: {
     }>>;
     readonly Link: {
         readonly type: "link";
+        readonly attributeValues: {
+            readonly mode: readonly string[];
+            readonly target: readonly string[];
+        };
         readonly content: {
             readonly attributes: {
                 readonly href: "#";
@@ -1877,12 +2062,16 @@ export declare const elementDeclarations: {
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
         mode?: "page" | "internal" | "external" | undefined;
+        href?: string | undefined;
         label?: string | undefined;
         target?: "self" | "blank" | "parent" | "top" | undefined;
-        href?: string | undefined;
     }>>;
     readonly List: {
         readonly type: "list";
+        readonly attributeValues: {
+            readonly subType: readonly string[];
+            readonly source: readonly string[];
+        };
         readonly sourceType: "list";
         readonly content: {
             readonly attributes: {
@@ -2102,7 +2291,7 @@ export declare const elementDeclarations: {
                     readonly base: {
                         readonly default: {
                             readonly 'font-size': "14px";
-                            readonly 'line-height': "24px";
+                            readonly 'line-height': "1.714";
                         };
                     };
                 };
@@ -2368,6 +2557,7 @@ export declare const elementDeclarations: {
         defaultValue?: string | number | readonly string[] | undefined;
         onLoad?: import('react').ReactEventHandler<"span"> | undefined;
         onClick?: import('react').MouseEventHandler<"span"> | undefined;
+        onPointerDown?: import('react').PointerEventHandler<"span"> | undefined;
         onMouseEnter?: import('react').MouseEventHandler<"span"> | undefined;
         onMouseLeave?: import('react').MouseEventHandler<"span"> | undefined;
         onFocus?: import('react').FocusEventHandler<"span"> | undefined;
@@ -2556,7 +2746,6 @@ export declare const elementDeclarations: {
         onTouchMoveCapture?: import('react').TouchEventHandler<"span"> | undefined;
         onTouchStart?: import('react').TouchEventHandler<"span"> | undefined;
         onTouchStartCapture?: import('react').TouchEventHandler<"span"> | undefined;
-        onPointerDown?: import('react').PointerEventHandler<"span"> | undefined;
         onPointerDownCapture?: import('react').PointerEventHandler<"span"> | undefined;
         onPointerMove?: import('react').PointerEventHandler<"span"> | undefined;
         onPointerMoveCapture?: import('react').PointerEventHandler<"span"> | undefined;
@@ -2776,6 +2965,10 @@ export declare const elementDeclarations: {
     }>>;
     readonly Pagination: {
         readonly type: "pagination";
+        readonly attributeValues: {
+            readonly mode: readonly string[];
+            readonly target: readonly string[];
+        };
         readonly triggers: {
             readonly onPageChange: {
                 readonly action: "onPageChange";
@@ -2848,6 +3041,7 @@ export declare const elementDeclarations: {
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
         mode?: "pages" | "loadMore" | undefined;
+        label?: string | undefined;
         target?: "url" | "interaction" | undefined;
         pageParam?: string | undefined;
         pageInfo?: import('../structure/Pagination/Pagination').PaginationPageInfo | undefined;
@@ -2966,6 +3160,9 @@ export declare const elementDeclarations: {
     }>>;
     readonly RichText: {
         readonly type: "richText";
+        readonly attributeValues: {
+            readonly format: readonly string[];
+        };
         readonly content: {
             readonly attributes: {
                 readonly content: "";
@@ -3260,7 +3457,7 @@ export declare const elementDeclarations: {
                     readonly base: {
                         readonly default: {
                             readonly 'font-size': "14px";
-                            readonly 'line-height': "24px";
+                            readonly 'line-height': "1.714";
                             readonly display: "inline";
                         };
                     };
@@ -3273,6 +3470,9 @@ export declare const elementDeclarations: {
     }>>;
     readonly ThemeToggle: {
         readonly type: "themeToggle";
+        readonly attributeValues: {
+            readonly subType: readonly string[];
+        };
         readonly triggers: {
             readonly onThemeChange: {
                 readonly action: "onThemeChange";
@@ -3412,4 +3612,4 @@ export declare const elementDeclarations: {
     }>>;
 };
 export type ElementDeclarationName = keyof typeof elementDeclarations;
-export { ApiContainerDeclaration, BlockHtmlDeclaration, BlockJsxDeclaration, ButtonDeclaration, ContainerDeclaration, CustomDeclaration, DialogContainerDeclaration, DropdownDeclaration, DropdownPopupDeclaration, FontAwesomeDeclaration, FormControlDeclaration, FormDeclaration, HeadingDeclaration, ImageDeclaration, LayoutContainerDeclaration, LinkDeclaration, ListDeclaration, ListItemDeclaration, LoadingDeclaration, MarkdownDeclaration, ModalContainerDeclaration, NodeHtmlDeclaration, NotFoundDeclaration, PageDeclaration, PaginationDeclaration, ParagraphDeclaration, ReferenceDeclaration, RichTextDeclaration, TabContainerBodyDeclaration, TabContainerDeclaration, TabContainerHeaderDeclaration, TabContainerItemDeclaration, TextDeclaration, ThemeToggleDeclaration, VideoDeclaration };
+export { ApiContainerDeclaration, BlockHtmlDeclaration, BlockJsxDeclaration, ButtonDeclaration, ChannelDeclaration, ContainerDeclaration, CustomDeclaration, DialogContainerDeclaration, DropdownDeclaration, DropdownPopupDeclaration, FontAwesomeDeclaration, FormControlDeclaration, FormDeclaration, HeadingDeclaration, ImageDeclaration, LayoutContainerDeclaration, LinkDeclaration, ListDeclaration, ListItemDeclaration, LoadingDeclaration, MarkdownDeclaration, ModalContainerDeclaration, NodeHtmlDeclaration, NotFoundDeclaration, PageDeclaration, PaginationDeclaration, ParagraphDeclaration, ReferenceDeclaration, RichTextDeclaration, TabContainerBodyDeclaration, TabContainerDeclaration, TabContainerHeaderDeclaration, TabContainerItemDeclaration, TextDeclaration, ThemeToggleDeclaration, VideoDeclaration };

package/dist/elements/declarations/index.mjs

@@ -23,25 +23,27 @@ import x from "../media/FontAwesome/declaration.mjs";
 import S from "../media/Image/declaration.mjs";
 import C from "../media/Video/declaration.mjs";
 import w from "../provider/ApiContainer/declaration.mjs";
-import T from "../structure/Container/declaration.mjs";
-import E from "../structure/DialogContainer/declaration.mjs";
-import D from "../structure/List/declaration.mjs";
-import O from "../structure/List/ListItem/declaration.mjs";
-import k from "../structure/ModalContainer/declaration.mjs";
-import A from "../structure/Pagination/declaration.mjs";
-import j from "../structure/TabContainer/declaration.mjs";
-import M from "../structure/TabContainer/TabContainerBody/declaration.mjs";
-import N from "../structure/TabContainer/TabContainerHeader/declaration.mjs";
-import P from "../structure/TabContainer/TabContainerItem/declaration.mjs";
+import T from "../provider/Channel/declaration.mjs";
+import E from "../structure/Container/declaration.mjs";
+import D from "../structure/DialogContainer/declaration.mjs";
+import O from "../structure/List/declaration.mjs";
+import k from "../structure/List/ListItem/declaration.mjs";
+import A from "../structure/ModalContainer/declaration.mjs";
+import j from "../structure/Pagination/declaration.mjs";
+import M from "../structure/TabContainer/declaration.mjs";
+import N from "../structure/TabContainer/TabContainerBody/declaration.mjs";
+import P from "../structure/TabContainer/TabContainerHeader/declaration.mjs";
+import F from "../structure/TabContainer/TabContainerItem/declaration.mjs";
 //#region src/elements/declarations/index.ts
-var F = {
+var I = {
 	ApiContainer: w,
 	BlockHtml: e,
 	BlockJsx: t,
 	Button: a,
-	Container: T,
+	Channel: T,
+	Container: E,
 	Custom: n,
-	DialogContainer: E,
+	DialogContainer: D,
 	Dropdown: o,
 	DropdownPopup: s,
 	FontAwesome: x,
@@ -51,25 +53,25 @@ var F = {
 	Image: S,
 	LayoutContainer: _,
 	Link: l,
-	List: D,
-	ListItem: O,
+	List: O,
+	ListItem: k,
 	Loading: v,
 	Markdown: u,
-	ModalContainer: k,
+	ModalContainer: A,
 	NodeHtml: r,
 	NotFound: y,
 	Page: b,
-	Pagination: A,
+	Pagination: j,
 	Paragraph: d,
 	Reference: i,
 	RichText: f,
-	TabContainer: j,
-	TabContainerBody: M,
-	TabContainerHeader: N,
-	TabContainerItem: P,
+	TabContainer: M,
+	TabContainerBody: N,
+	TabContainerHeader: P,
+	TabContainerItem: F,
 	Text: p,
 	ThemeToggle: m,
 	Video: C
 };
 //#endregion
-export { w as ApiContainerDeclaration, e as BlockHtmlDeclaration, t as BlockJsxDeclaration, a as ButtonDeclaration, T as ContainerDeclaration, n as CustomDeclaration, E as DialogContainerDeclaration, o as DropdownDeclaration, s as DropdownPopupDeclaration, x as FontAwesomeDeclaration, g as FormControlDeclaration, h as FormDeclaration, c as HeadingDeclaration, S as ImageDeclaration, _ as LayoutContainerDeclaration, l as LinkDeclaration, D as ListDeclaration, O as ListItemDeclaration, v as LoadingDeclaration, u as MarkdownDeclaration, k as ModalContainerDeclaration, r as NodeHtmlDeclaration, y as NotFoundDeclaration, b as PageDeclaration, A as PaginationDeclaration, d as ParagraphDeclaration, i as ReferenceDeclaration, f as RichTextDeclaration, M as TabContainerBodyDeclaration, j as TabContainerDeclaration, N as TabContainerHeaderDeclaration, P as TabContainerItemDeclaration, p as TextDeclaration, m as ThemeToggleDeclaration, C as VideoDeclaration, F as elementDeclarations };
+export { w as ApiContainerDeclaration, e as BlockHtmlDeclaration, t as BlockJsxDeclaration, a as ButtonDeclaration, T as ChannelDeclaration, E as ContainerDeclaration, n as CustomDeclaration, D as DialogContainerDeclaration, o as DropdownDeclaration, s as DropdownPopupDeclaration, x as FontAwesomeDeclaration, g as FormControlDeclaration, h as FormDeclaration, c as HeadingDeclaration, S as ImageDeclaration, _ as LayoutContainerDeclaration, l as LinkDeclaration, O as ListDeclaration, k as ListItemDeclaration, v as LoadingDeclaration, u as MarkdownDeclaration, A as ModalContainerDeclaration, r as NodeHtmlDeclaration, y as NotFoundDeclaration, b as PageDeclaration, j as PaginationDeclaration, d as ParagraphDeclaration, i as ReferenceDeclaration, f as RichTextDeclaration, N as TabContainerBodyDeclaration, M as TabContainerDeclaration, P as TabContainerHeaderDeclaration, F as TabContainerItemDeclaration, p as TextDeclaration, m as ThemeToggleDeclaration, C as VideoDeclaration, I as elementDeclarations };

package/dist/elements/form/Form/declaration.d.ts

@@ -4,6 +4,9 @@ import { AuthorableAttributes } from '@plitzi/sdk-shared/authoring/declare';
 export type FormAttributes = AuthorableAttributes<FormProps>;
 declare const declaration: {
     readonly type: "form";
+    readonly attributeValues: {
+        readonly method: readonly string[];
+    };
     readonly sourceType: "apiContainer";
     readonly triggers: {
         readonly onSubmit: {

package/dist/elements/form/Form/declaration.mjs

@@ -1,7 +1,8 @@
-import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
+import { elementDeclaration as e, valuesOf as t } from "@plitzi/sdk-shared/authoring/declare";
 //#region src/elements/form/Form/declaration.ts
-var t = e()({
+var n = e()({
 	type: "form",
+	attributeValues: { method: t()(["get", "post"]) },
 	sourceType: "apiContainer",
 	triggers: { onSubmit: {
 		action: "onSubmit",
@@ -102,4 +103,4 @@ var t = e()({
 	}
 });
 //#endregion
-export { t as default };
+export { n as default };

package/dist/elements/form/Form/index.d.ts

@@ -54,6 +54,9 @@ declare const Form: {
         settings: {};
     };
     type: "form";
+    attributeValues: {
+        readonly method: readonly string[];
+    };
     sourceType: "apiContainer";
     triggers: {
         readonly onSubmit: {

package/dist/elements/form/FormControl/FormControl.d.ts

@@ -2,11 +2,24 @@ import { ChangeEvent, RefObject } from 'react';
 export type FormControlProps = {
     ref: RefObject<HTMLElement>;
     className: string;
-    subType: 'text' | 'number' | 'email' | 'password' | 'date' | 'time' | 'checkbox' | 'switch' | 'select' | 'textarea' | 'hidden';
+    subType: 'text' | 'number' | 'email' | 'password' | 'date' | 'time' | 'checkbox' | 'switch' | 'select' | 'textarea' | 'hidden'
+    /** The browser's own colour picker: its value is `#rrggbb`. */
+     | 'color';
     name: string;
     label: string;
+    /**
+     * Keeps `label` out of sight while it still names the field — for a field whose design already says what it is for:
+     * a search box with a magnifier, a colour swatch. Without a label a screen reader or a browser agent finds an unnamed
+     * box; a placeholder names only a text field, and only until something is typed.
+     */
+    hideLabel: boolean;
     placeholder: string;
     autoComplete: boolean;
+    /**
+     * Takes the focus as it appears — a search box opened by a shortcut is typed into at once. With the control's
+     * container shown only while wanted (`loadStrategy: 'visible'`), it appears each time it is opened.
+     */
+    autoFocus: boolean;
     disabled: boolean;
     options: {
         label: string;
@@ -36,16 +49,15 @@ export type FormControlProps = {
     value: string;
     error: string;
     /**
-     * Supplied by `withFieldValue` — and only when there is a form to supply it.
+     * Supplied by `withFieldValue`, with or without a form around the control.
      *
-     * A control outside a form is a state that HOC handles explicitly (it renders the component with none of its
-     * additions), so these are optional in fact and were only ever required in the type. A select that filters a
-     * screen is exactly such a control: nothing to submit, and the change itself is the event.
+     * Inside a form the value is the form's; outside one it is the control's own, so a select that filters a screen
+     * works on its own — nothing to submit, and its `onChange` is the whole event. Validation only runs inside a form.
      */
     handleChange?: (e: ChangeEvent<HTMLInputElement> | ChangeEvent<HTMLSelectElement> | ChangeEvent<HTMLTextAreaElement>) => void;
     handleValidate?: () => void;
 };
-declare const FormControl: ({ ref, className, subType, name, label, placeholder, autoComplete, disabled, options, required, maxLength, readOnly, value, error, handleChange, handleValidate }: FormControlProps) => import('react').JSX.Element | null;
+declare const FormControl: ({ ref, className, subType, name, label, hideLabel, placeholder, autoComplete, autoFocus, disabled, options, required, maxLength, readOnly, value, error, handleChange, handleValidate }: FormControlProps) => import('react').JSX.Element;
 declare const _default: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<import('./hocs/withFieldValue').WithFieldValueProps<FormControlProps>>): import('react').JSX.Element;
     displayName: string;