@formbox/htmx 0.3.0

package/dist/templates/AnswerList.html.hbs

@@ -0,0 +1,17 @@
+{{!--
+Template: AnswerList
+
+Inputs:
+- children: rendered repeated answer rows.
+- hasCount/countName/count: hidden occurrence count state.
+- actionName/addAction/addLabel: add-answer submit action.
+- linkId: current question link id for data attributes.
+- path: renderer node path, when present.
+--}}
+{{#if hasCount}}
+  <input type="hidden"{{{attr "name" countName}}}{{{attr "value" count}}}>
+{{/if}}
+{{{children}}}
+{{#if addAction}}
+  <button type="submit"{{{attr "data-fb-link-id" linkId}}} data-fb-field="add-action"{{{attr "name" actionName}}}{{{attr "value" addAction}}}>{{addLabel}}</button>
+{{/if}}

package/dist/templates/AnswerScaffold.html.hbs

@@ -0,0 +1,19 @@
+{{!--
+Template: AnswerScaffold
+
+Inputs:
+- control: rendered answer control.
+- errors: rendered answer errors.
+- children: rendered answer child items.
+- actionName/removeAction/removeLabel: remove-answer submit action.
+- linkId: current question link id for data attributes.
+- path/canRemove: repeat answer state used to derive removeAction.
+--}}
+<div>
+  {{{control}}}
+  {{{errors}}}
+  {{{children}}}
+  {{#if removeAction}}
+    <button type="submit"{{{attr "data-fb-link-id" linkId}}} data-fb-field="remove-action"{{{attr "name" actionName}}}{{{attr "value" removeAction}}}>{{removeLabel}}</button>
+  {{/if}}
+</div>

package/dist/templates/Checkbox.html.hbs

@@ -0,0 +1,14 @@
+{{!--
+Template: Checkbox
+
+Inputs:
+- id: control id.
+- checkedValue/uncheckedValue: submitted values for checked and unchecked states.
+- checked/disabled: current boolean state.
+- hiddenValue: hidden mirror value for unchecked or disabled checked state.
+- label: rendered inline label html.
+- ariaLabelledBy/ariaDescribedBy: accessibility references.
+- field/name/data-fb-link-id/data-fb-field/hx-include: generated form field attributes.
+- path: renderer node path, when present.
+--}}
+<label>{{#if hiddenValue}}<input type="hidden"{{{attr "name" name}}}{{{attr "value" hiddenValue}}}>{{/if}}<input{{{fieldAttributes}}}{{{attr "id" id}}} type="checkbox"{{{attr "value" checkedValue}}}{{{attr "checked" checked}}}{{{attr "disabled" disabled}}}{{{attr "aria-labelledby" ariaLabelledBy}}}{{{attr "aria-describedby" ariaDescribedBy}}}>{{{label}}}</label>

package/dist/templates/CheckboxList.html.hbs

@@ -0,0 +1,29 @@
+{{!--
+Template: CheckboxList
+
+Inputs:
+- id: fieldset id.
+- options: items with token, label, selected, disabled, and hiddenInput.
+- selectedOptions/selectedName: selected option state and hidden selected-token field name.
+- hiddenInputs/trailingHiddenInputs: hidden values that preserve disabled or off-list selections.
+- specifyOtherOption/customOptionForm: custom option entry controls.
+- orientation/disabled/isLoading: list presentation and state.
+- ariaLabelledBy/ariaDescribedBy: accessibility references.
+- field/name/data-fb-link-id/data-fb-field/hx-include: generated form field attributes.
+- path: renderer node path, when present.
+--}}
+<fieldset{{{attr "id" id}}}{{{attr "data-orientation" orientation}}}{{{attr "aria-labelledby" ariaLabelledBy}}}>
+  {{#each hiddenInputs}}
+    <input type="hidden"{{{attr "name" name}}}{{{attr "value" value}}}>
+  {{/each}}
+  {{#each options}}
+    {{#if hiddenInput}}
+      <input type="hidden"{{{attr "name" hiddenInput.name}}}{{{attr "value" hiddenInput.value}}}>
+    {{/if}}
+    <label><input{{{fieldAttributes ..}}} type="checkbox"{{{attr "value" token}}}{{{attr "checked" selected}}}{{{attr "disabled" disabled}}}{{{attr "aria-describedby" ../ariaDescribedBy}}}>{{{label}}}</label>
+  {{/each}}
+  {{#each trailingHiddenInputs}}
+    <input type="hidden"{{{attr "name" name}}}{{{attr "value" value}}}>
+  {{/each}}
+  {{{customOptionForm}}}
+</fieldset>

package/dist/templates/CustomOptionForm.html.hbs

@@ -0,0 +1,16 @@
+{{!--
+Template: CustomOptionForm
+
+Inputs:
+- content: rendered custom option fields.
+- errors: rendered validation errors.
+- actionName: submit action field name.
+- submitLabel/cancelLabel: button labels.
+- canSubmit: source theme state, if supplied.
+--}}
+<fieldset>
+  {{{content}}}
+  {{{errors}}}
+  <button type="submit"{{{attr "name" actionName}}} value="submit-custom">{{submitLabel}}</button>
+  <button type="submit"{{{attr "name" actionName}}} value="cancel-custom">{{cancelLabel}}</button>
+</fieldset>

package/dist/templates/DateInput.html.hbs

@@ -0,0 +1,14 @@
+{{!--
+Template: DateInput
+
+Inputs:
+- id: control id.
+- inputType: date or text fallback input type.
+- step: date step attribute, currently undefined.
+- value: submitted date string.
+- disabled/placeholder/min/max: native input state and constraints.
+- ariaLabelledBy/ariaDescribedBy: accessibility references.
+- field/name/data-fb-link-id/data-fb-field/hx-include: generated form field attributes.
+- path: renderer node path, when present.
+--}}
+<input{{{fieldAttributes}}}{{{attr "id" id}}}{{{attr "type" inputType}}}{{{attr "step" step}}}{{{attr "value" value}}}{{{attr "readonly" disabled}}}{{{attr "placeholder" placeholder}}}{{{attr "aria-labelledby" ariaLabelledBy}}}{{{attr "aria-describedby" ariaDescribedBy}}}{{{attr "min" min}}}{{{attr "max" max}}}>

package/dist/templates/DateTimeInput.html.hbs

@@ -0,0 +1,18 @@
+{{!--
+Template: DateTimeInput
+
+Inputs:
+- id: control id.
+- inputType: datetime-local or text fallback input type.
+- inputValue/inputMin/inputMax: browser-local datetime value and constraints.
+- baselineName/baselineValue: hidden original value for protected datetime state.
+- step: native input step attribute.
+- disabled/placeholder: native input state.
+- ariaLabelledBy/ariaDescribedBy: accessibility references.
+- field/name/data-fb-link-id/data-fb-field/hx-include: generated form field attributes.
+- path: renderer node path, when present.
+--}}
+{{#if baselineValue}}
+  <input type="hidden"{{{attr "name" baselineName}}}{{{attr "value" baselineValue}}}>
+{{/if}}
+<input{{{fieldAttributes}}}{{{attr "id" id}}}{{{attr "type" inputType}}}{{{attr "step" step}}}{{{attr "value" inputValue}}}{{{attr "readonly" disabled}}}{{{attr "placeholder" placeholder}}}{{{attr "aria-labelledby" ariaLabelledBy}}}{{{attr "aria-describedby" ariaDescribedBy}}}{{{attr "min" inputMin}}}{{{attr "max" inputMax}}}>

package/dist/templates/DisplayRenderer.html.hbs

@@ -0,0 +1,9 @@
+{{!--
+Template: DisplayRenderer
+
+Inputs:
+- linkId: display item link id.
+- children: rendered display html.
+- customExtensions: source extension values, if supplied.
+--}}
+<p{{{attr "data-fb-link-id" linkId}}}>{{{children}}}</p>

package/dist/templates/Errors.html.hbs

@@ -0,0 +1,15 @@
+{{!--
+Template: Errors
+
+Inputs:
+- id: error container id.
+- messages: escaped validation messages as html entries.
+- hasMessages: true when messages should render.
+--}}
+{{#if hasMessages}}
+  <ul{{{attr "id" id}}} class="fb-errors">
+    {{#each messages}}
+      <li>{{{html}}}</li>
+    {{/each}}
+  </ul>
+{{/if}}

package/dist/templates/FileInput.html.hbs

@@ -0,0 +1,20 @@
+{{!--
+Template: FileInput
+
+Inputs:
+- id: control id.
+- value/hiddenValue: current attachment and hidden JSON mirror.
+- clearAction/clearLabel: clear-file submit control state.
+- dataLinkId/hxInclude: clear button HTMX attributes.
+- disabled/accept: native file input state.
+- ariaLabelledBy/ariaDescribedBy: accessibility references.
+- field/name/data-fb-link-id/data-fb-field/hx-include: generated form field attributes.
+- path: renderer node path, when present.
+--}}
+{{#if hiddenValue}}
+  <input type="hidden"{{{attr "name" name}}}{{{attr "value" hiddenValue}}}>
+{{/if}}
+<input{{{fieldAttributes}}}{{{attr "id" id}}} type="file"{{{attr "disabled" disabled}}}{{{attr "accept" accept}}}{{{attr "aria-labelledby" ariaLabelledBy}}}{{{attr "aria-describedby" ariaDescribedBy}}}>
+{{#if clearAction}}
+  <button type="submit"{{{attr "data-fb-link-id" dataLinkId}}} data-fb-field="value"{{{attr "name" name}}} value=""{{{attr "hx-include" hxInclude}}}>{{clearLabel}}</button>
+{{/if}}

package/dist/templates/Flyover.html.hbs

@@ -0,0 +1,12 @@
+{{!--
+Template: Flyover
+
+Inputs:
+- id: tooltip id.
+- children: rendered flyover content.
+- ariaLabel: button accessible label.
+--}}
+<span>
+  <button type="button"{{{attr "aria-describedby" id}}}{{{attr "aria-label" ariaLabel}}}>i</button>
+  <span{{{attr "id" id}}} role="tooltip">{{{children}}}</span>
+</span>

package/dist/templates/Footer.html.hbs

@@ -0,0 +1,8 @@
+{{!--
+Template: Footer
+
+Inputs:
+- linkId: item link id.
+- children: rendered footer content.
+--}}
+<section{{{attr "data-fb-link-id" linkId}}}>{{{children}}}</section>

package/dist/templates/Form.html.hbs

@@ -0,0 +1,13 @@
+{{!--
+Template: Form
+
+Inputs:
+- attributes: native form attributes generated by the renderer.
+- fields: full rendered field html.
+- customExtensions: source extension values, if supplied.
+- title/description/languageSelector/errors/before/children/after/signature: source sections already included in fields.
+- pagination/submitLabel: source action state already included in fields.
+--}}
+<form{{{attrs attributes}}}>
+  {{{fields}}}
+</form>

package/dist/templates/GroupList.html.hbs

@@ -0,0 +1,22 @@
+{{!--
+Template: GroupList
+
+Inputs:
+- linkId: repeated group link id.
+- header/errors/children: rendered group list sections.
+- hasCount/countName/count: hidden occurrence count state.
+- actionName/addAction/addLabel: add-group submit action.
+- path/canAdd: repeat group state used to derive addAction.
+- customExtensions: source extension values, if supplied.
+--}}
+<section{{{attr "data-fb-group-list" linkId}}}>
+  {{#if hasCount}}
+    <input type="hidden"{{{attr "name" countName}}}{{{attr "value" count}}}>
+  {{/if}}
+  {{{header}}}
+  {{{errors}}}
+  {{{children}}}
+  {{#if addAction}}
+    <button type="submit"{{{attr "data-fb-link-id" linkId}}} data-fb-field="add-action"{{{attr "name" actionName}}}{{{attr "value" addAction}}}>{{addLabel}}</button>
+  {{/if}}
+</section>

package/dist/templates/GroupScaffold.html.hbs

@@ -0,0 +1,36 @@
+{{!--
+Template: GroupScaffold
+
+Inputs:
+- linkId: group link id.
+- header/children/expandedChildren/errors/signature: rendered group sections.
+- isExpandable/isExpanded/expandedName/expandedValue: collapsible group state.
+- summaryLabel/collapseLabel/expandLabel/toggleAction: collapsible submit control state.
+- actionName/removeAction/removeLabel: remove-group submit action.
+- path/canRemove: repeat group state used to derive removeAction.
+- customExtensions: source extension values, if supplied.
+--}}
+<fieldset{{{attr "data-fb-link-id" linkId}}}>
+  {{{header}}}
+  {{#if isExpandable}}
+    {{#if expandedName}}
+      <input type="hidden"{{{attr "name" expandedName}}}{{{attr "value" expandedValue}}}>
+    {{/if}}
+    <details{{{attr "data-fb-collapsible" linkId}}}{{{attr "open" isExpanded}}}>
+      <summary>{{#if toggleAction}}<button type="submit"{{{attr "name" actionName}}}{{{attr "value" toggleAction}}}>{{summaryLabel}}</button>{{else}}{{summaryLabel}}{{/if}}</summary>
+      {{{expandedChildren}}}
+    </details>
+    {{{errors}}}
+    {{{signature}}}
+    {{#if removeAction}}
+      <button type="submit"{{{attr "data-fb-link-id" linkId}}} data-fb-field="remove-action"{{{attr "name" actionName}}}{{{attr "value" removeAction}}}>{{removeLabel}}</button>
+    {{/if}}
+  {{else}}
+    {{{errors}}}
+    {{{children}}}
+    {{{signature}}}
+    {{#if removeAction}}
+      <button type="submit"{{{attr "data-fb-link-id" linkId}}} data-fb-field="remove-action"{{{attr "name" actionName}}}{{{attr "value" removeAction}}}>{{removeLabel}}</button>
+    {{/if}}
+  {{/if}}
+</fieldset>

package/dist/templates/Header.html.hbs

@@ -0,0 +1,8 @@
+{{!--
+Template: Header
+
+Inputs:
+- linkId: item link id.
+- children: rendered header content.
+--}}
+<section{{{attr "data-fb-link-id" linkId}}}>{{{children}}}</section>

package/dist/templates/Help.html.hbs

@@ -0,0 +1,12 @@
+{{!--
+Template: Help
+
+Inputs:
+- id: tooltip id.
+- children: rendered help content.
+- ariaLabel: button accessible label.
+--}}
+<span>
+  <button type="button"{{{attr "aria-describedby" id}}}{{{attr "aria-label" ariaLabel}}}>?</button>
+  <span{{{attr "id" id}}} role="tooltip">{{{children}}}</span>
+</span>

package/dist/templates/InputGroup.html.hbs

@@ -0,0 +1,10 @@
+{{!--
+Template: InputGroup
+
+Inputs:
+- children: rendered grouped input controls.
+- spans: source layout spans, if supplied.
+--}}
+<div>
+  {{{children}}}
+</div>

package/dist/templates/Label.html.hbs

@@ -0,0 +1,23 @@
+{{!--
+Template: Label
+
+Inputs:
+- id/htmlFor: label id and target control id.
+- as/isLegend/isText: rendered label element kind.
+- content: rendered label text, prefix, required marker, and help/legal/flyover html.
+- children/prefix/required/shortText: source label text state.
+- supportHyperlinks: links with href and labelHtml.
+- media: rendered attachment media html.
+- help/legal/flyover: rendered extension slots.
+- isExpanded: source expansion state, if supplied.
+- attachmentLabel: accessible text used while rendering media.
+--}}
+{{#if isLegend}}
+  <legend{{{attr "id" id}}}{{{attr "data-short-text" shortText}}}>{{{content}}}{{#if supportHyperlinks.length}}<div>{{#each supportHyperlinks}}<a{{{attr "href" href}}} target="_blank" rel="noreferrer">{{{labelHtml}}}</a>{{/each}}</div>{{/if}}{{{media}}}</legend>
+{{else}}
+  {{#if isText}}
+    <span{{{attr "id" id}}}{{{attr "data-short-text" shortText}}}>{{{content}}}{{#if supportHyperlinks.length}}<div>{{#each supportHyperlinks}}<a{{{attr "href" href}}} target="_blank" rel="noreferrer">{{{labelHtml}}}</a>{{/each}}</div>{{/if}}{{{media}}}</span>
+  {{else}}
+    <label{{{attr "id" id}}}{{{attr "for" htmlFor}}}{{{attr "data-short-text" shortText}}}>{{{content}}}{{#if supportHyperlinks.length}}<div>{{#each supportHyperlinks}}<a{{{attr "href" href}}} target="_blank" rel="noreferrer">{{{labelHtml}}}</a>{{/each}}</div>{{/if}}{{{media}}}</label>
+  {{/if}}
+{{/if}}

package/dist/templates/LanguageSelector.html.hbs

@@ -0,0 +1,13 @@
+{{!--
+Template: LanguageSelector
+
+Inputs:
+- name: generated language field name.
+- value: current language code.
+- options: language options with value, label, and selected.
+--}}
+<select{{{attr "name" name}}}>
+  {{#each options}}
+    <option{{{attr "value" value}}}{{{attr "selected" selected}}}>{{label}}</option>
+  {{/each}}
+</select>

package/dist/templates/Legal.html.hbs

@@ -0,0 +1,12 @@
+{{!--
+Template: Legal
+
+Inputs:
+- id: dialog id.
+- children: rendered legal content.
+- ariaLabel: button accessible label.
+--}}
+<span>
+  <button type="button"{{{attr "aria-describedby" id}}}{{{attr "aria-label" ariaLabel}}}>!</button>
+  <span{{{attr "id" id}}} role="dialog">{{{children}}}</span>
+</span>

package/dist/templates/Link.html.hbs

@@ -0,0 +1,9 @@
+{{!--
+Template: Link
+
+Inputs:
+- href: link target.
+- target/rel: link browsing attributes.
+- children: rendered link content.
+--}}
+<a{{{attr "href" href}}}{{{attr "target" target}}}{{{attr "rel" rel}}}>{{{children}}}</a>

package/dist/templates/MultiSelectInput.html.hbs

@@ -0,0 +1,30 @@
+{{!--
+Template: MultiSelectInput
+
+Inputs:
+- id: fieldset id.
+- options: items with token, label, selected, disabled, and hiddenInput.
+- selectedOptions/selectedName: selected option state and hidden selected-token field name.
+- hiddenInputs/trailingHiddenInputs: hidden values that preserve disabled or off-list selections.
+- searchQuery/searchName/searchLabel: server-side option search state.
+- specifyOtherOption/customOptionForm: custom option entry controls.
+- orientation/disabled/isLoading/placeholder: list presentation and state.
+- ariaLabelledBy/ariaDescribedBy: accessibility references.
+- field/name/data-fb-link-id/data-fb-field/hx-include: generated form field attributes.
+- path: renderer node path, when present.
+--}}
+<fieldset{{{attr "id" id}}}{{{attr "data-orientation" orientation}}}{{{attr "aria-labelledby" ariaLabelledBy}}}>
+  {{#each hiddenInputs}}
+    <input type="hidden"{{{attr "name" name}}}{{{attr "value" value}}}>
+  {{/each}}
+  {{#each options}}
+    {{#if hiddenInput}}
+      <input type="hidden"{{{attr "name" hiddenInput.name}}}{{{attr "value" hiddenInput.value}}}>
+    {{/if}}
+    <label><input{{{fieldAttributes ..}}} type="checkbox"{{{attr "value" token}}}{{{attr "checked" selected}}}{{{attr "disabled" disabled}}}{{{attr "aria-describedby" ../ariaDescribedBy}}}>{{{label}}}</label>
+  {{/each}}
+  {{#each trailingHiddenInputs}}
+    <input type="hidden"{{{attr "name" name}}}{{{attr "value" value}}}>
+  {{/each}}
+  {{{customOptionForm}}}
+</fieldset>

package/dist/templates/NumberInput.html.hbs

@@ -0,0 +1,16 @@
+{{!--
+Template: NumberInput
+
+Inputs:
+- id: control id.
+- value/inputValue: numeric answer value prepared for the native input.
+- unitLabel/unitId/describedBy: optional rendered unit text and combined aria description.
+- disabled/placeholder/step/min/max: native input state and constraints.
+- ariaLabelledBy/ariaDescribedBy: accessibility references.
+- field/name/data-fb-link-id/data-fb-field/hx-include: generated form field attributes.
+- path: renderer node path, when present.
+--}}
+<input{{{fieldAttributes}}}{{{attr "id" id}}} type="number"{{{attr "value" inputValue}}}{{{attr "readonly" disabled}}}{{{attr "placeholder" placeholder}}}{{{attr "step" step}}}{{{attr "min" min}}}{{{attr "max" max}}}{{{attr "aria-labelledby" ariaLabelledBy}}}{{{attr "aria-describedby" describedBy}}}>
+{{#if unitLabel}}
+  <span{{{attr "id" unitId}}}>{{unitLabel}}</span>
+{{/if}}

package/dist/templates/OptionDisplay.html.hbs

@@ -0,0 +1,10 @@
+{{!--
+Template: OptionDisplay
+
+Inputs:
+- children: rendered option text.
+- prefix: optional option prefix.
+- media: rendered attachment media html.
+- attachmentLabel: accessible text used while rendering media.
+--}}
+<span>{{{media}}}{{#if prefix}}{{{prefix}}} {{/if}}{{{children}}}</span>

package/dist/templates/OptionsLoading.html.hbs

@@ -0,0 +1,10 @@
+{{!--
+Template: OptionsLoading
+
+Inputs:
+- isLoading: true when options are loading.
+- loadingLabel: loading message text.
+--}}
+{{#if isLoading}}
+  <span>{{loadingLabel}}</span>
+{{/if}}

package/dist/templates/QuestionScaffold.html.hbs

@@ -0,0 +1,30 @@
+{{!--
+Template: QuestionScaffold
+
+Inputs:
+- linkId: question link id.
+- header/children/expandedChildren/errors/signature: rendered question sections.
+- isExpandable/isExpanded/expandedName/expandedValue: collapsible question state.
+- summaryLabel/collapseLabel/expandLabel/toggleAction: collapsible submit control state.
+- actionName: submit action field name.
+- path: renderer node path, when present.
+- customExtensions: source extension values, if supplied.
+--}}
+<div{{{attr "data-fb-question" linkId}}}>
+  {{{header}}}
+  {{#if isExpandable}}
+    {{#if expandedName}}
+      <input type="hidden"{{{attr "name" expandedName}}}{{{attr "value" expandedValue}}}>
+    {{/if}}
+    <details{{{attr "data-fb-collapsible" linkId}}}{{{attr "open" isExpanded}}}>
+      <summary>{{#if toggleAction}}<button type="submit"{{{attr "name" actionName}}}{{{attr "value" toggleAction}}}>{{summaryLabel}}</button>{{else}}{{summaryLabel}}{{/if}}</summary>
+      {{{expandedChildren}}}
+    </details>
+    {{{errors}}}
+    {{{signature}}}
+  {{else}}
+    {{{errors}}}
+    {{{children}}}
+    {{{signature}}}
+  {{/if}}
+</div>

package/dist/templates/RadioButton.html.hbs

@@ -0,0 +1,14 @@
+{{!--
+Template: RadioButton
+
+Inputs:
+- id: control id.
+- groupName: source radio group name, if supplied.
+- value/hiddenValue: submitted radio value and hidden mirror.
+- checked/disabled: current radio state.
+- label: rendered inline label html.
+- ariaLabelledBy/ariaDescribedBy: accessibility references.
+- field/name/data-fb-link-id/data-fb-field/hx-include: generated form field attributes.
+- path: renderer node path, when present.
+--}}
+<label>{{#if hiddenValue}}<input type="hidden"{{{attr "name" name}}}{{{attr "value" hiddenValue}}}>{{/if}}<input{{{fieldAttributes}}}{{{attr "id" id}}} type="radio"{{{attr "value" value}}}{{{attr "checked" checked}}}{{{attr "disabled" disabled}}}{{{attr "aria-labelledby" ariaLabelledBy}}}{{{attr "aria-describedby" ariaDescribedBy}}}>{{{label}}}</label>

package/dist/templates/RadioButtonList.html.hbs

@@ -0,0 +1,27 @@
+{{!--
+Template: RadioButtonList
+
+Inputs:
+- id: fieldset id.
+- options: items with token, label, checked, and disabled.
+- selectedOption: current selected option state.
+- hiddenValue: hidden mirror value for disabled or preserved selections.
+- baselineName/baselineValue: hidden original value for protected selection state.
+- specifyOtherOption/customOptionForm: custom option entry controls.
+- orientation/disabled/isLoading: list presentation and state.
+- ariaLabelledBy/ariaDescribedBy: accessibility references.
+- field/name/data-fb-link-id/data-fb-field/hx-include: generated form field attributes.
+- path: renderer node path, when present.
+--}}
+<fieldset{{{attr "id" id}}} role="radiogroup"{{{attr "data-orientation" orientation}}}{{{attr "aria-labelledby" ariaLabelledBy}}}>
+  {{#if hiddenValue}}
+    <input type="hidden"{{{attr "name" name}}}{{{attr "value" hiddenValue}}}>
+  {{/if}}
+  {{#if baselineValue}}
+    <input type="hidden"{{{attr "name" baselineName}}}{{{attr "value" baselineValue}}}>
+  {{/if}}
+  {{#each options}}
+    <label><input{{{fieldAttributes ..}}} type="radio"{{{attr "value" token}}}{{{attr "checked" checked}}}{{{attr "disabled" disabled}}}{{{attr "aria-describedby" ../ariaDescribedBy}}}>{{{label}}}</label>
+  {{/each}}
+  {{{customOptionForm}}}
+</fieldset>

package/dist/templates/SelectInput.html.hbs

@@ -0,0 +1,32 @@
+{{!--
+Template: SelectInput
+
+Inputs:
+- id: select id.
+- value: selected option token.
+- options: items with token, label, selected, disabled, and exclusive.
+- selectedOption: current selected option state.
+- hiddenValue: true when the selected token needs a hidden mirror.
+- baselineName/baselineValue: hidden original value for protected selection state.
+- searchName/searchLabel: server-side option search state.
+- placeholder/specifyOtherOption/customOptionForm: option presentation and custom entry controls.
+- disabled/isLoading/isBusy: select state.
+- ariaLabelledBy/ariaDescribedBy: accessibility references.
+- field/name/data-fb-link-id/data-fb-field/hx-include: generated form field attributes.
+- path: renderer node path, when present.
+--}}
+{{#if hiddenValue}}
+  <input type="hidden"{{{attr "name" name}}}{{{attr "value" value}}}>
+{{/if}}
+{{#if baselineValue}}
+  <input type="hidden"{{{attr "name" baselineName}}}{{{attr "value" baselineValue}}}>
+{{/if}}
+<select{{{fieldAttributes}}}{{{attr "id" id}}}{{{attr "disabled" disabled}}}{{{attr "aria-labelledby" ariaLabelledBy}}}{{{attr "aria-describedby" ariaDescribedBy}}}{{{attr "aria-busy" isBusy}}}>
+  {{#unless placeholder}}
+    <option value=""></option>
+  {{/unless}}
+  {{#each options}}
+    <option{{{attr "value" token}}}{{{attr "disabled" disabled}}}{{{attr "selected" selected}}}>{{{label}}}</option>
+  {{/each}}
+</select>
+{{{customOptionForm}}}

package/dist/templates/SignatureInput.html.hbs

@@ -0,0 +1,12 @@
+{{!--
+Template: SignatureInput
+
+Inputs:
+- id: control id.
+- value/inputValue: serialized signature value.
+- disabled: source disabled state, if supplied.
+- ariaLabelledBy/ariaDescribedBy: accessibility references.
+- field/name/data-fb-link-id/data-fb-field/hx-include: generated form field attributes.
+- path: renderer node path, when present.
+--}}
+<input{{{fieldAttributes}}}{{{attr "id" id}}} type="hidden"{{{attr "value" inputValue}}}{{{attr "aria-labelledby" ariaLabelledBy}}}{{{attr "aria-describedby" ariaDescribedBy}}}>

package/dist/templates/SliderInput.html.hbs

@@ -0,0 +1,23 @@
+{{!--
+Template: SliderInput
+
+Inputs:
+- id: control id.
+- value/inputValue: numeric answer value prepared for the native range input.
+- lowerLabel/upperLabel: rendered range end labels.
+- unitLabel/unitId/describedBy: optional rendered unit text and combined aria description.
+- disabled/step/min/max: native range state and constraints.
+- ariaLabelledBy/ariaDescribedBy: accessibility references.
+- field/name/data-fb-link-id/data-fb-field/hx-include: generated form field attributes.
+- path: renderer node path, when present.
+--}}
+{{#if lowerLabel}}
+  <span>{{lowerLabel}}</span>
+{{/if}}
+<input{{{fieldAttributes}}}{{{attr "id" id}}} type="range"{{{attr "value" inputValue}}}{{{attr "disabled" disabled}}}{{{attr "step" step}}}{{{attr "min" min}}}{{{attr "max" max}}}{{{attr "aria-labelledby" ariaLabelledBy}}}{{{attr "aria-describedby" describedBy}}}>
+{{#if upperLabel}}
+  <span>{{upperLabel}}</span>
+{{/if}}
+{{#if unitLabel}}
+  <span{{{attr "id" unitId}}}>{{unitLabel}}</span>
+{{/if}}

package/dist/templates/SpinnerInput.html.hbs

@@ -0,0 +1,16 @@
+{{!--
+Template: SpinnerInput
+
+Inputs:
+- id: control id.
+- value/inputValue: numeric answer value prepared for the native number input.
+- unitLabel/unitId/describedBy: optional rendered unit text and combined aria description.
+- disabled/placeholder/step/min/max: native input state and constraints.
+- ariaLabelledBy/ariaDescribedBy: accessibility references.
+- field/name/data-fb-link-id/data-fb-field/hx-include: generated form field attributes.
+- path: renderer node path, when present.
+--}}
+<input{{{fieldAttributes}}}{{{attr "id" id}}} type="number"{{{attr "value" inputValue}}}{{{attr "readonly" disabled}}}{{{attr "placeholder" placeholder}}}{{{attr "step" step}}}{{{attr "min" min}}}{{{attr "max" max}}}{{{attr "aria-labelledby" ariaLabelledBy}}}{{{attr "aria-describedby" describedBy}}}>
+{{#if unitLabel}}
+  <span{{{attr "id" unitId}}}>{{unitLabel}}</span>
+{{/if}}

package/dist/templates/Stack.html.hbs

@@ -0,0 +1,7 @@
+{{!--
+Template: Stack
+
+Inputs:
+- children: rendered stacked content.
+--}}
+{{{children}}}