@lo-tek/interfaces 0.39.0 → 0.41.0

package/agent/react.md

@@ -8,7 +8,7 @@ enough to have its own file: React rewrites the attribute names. `class` is
 the main entry, React prints "Invalid DOM property" in the console, once for
 each attribute name. That is why the package has a React entry of its own.
 
-This is @lo-tek/interfaces 0.39.0. The file is generated by the package and
+This is @lo-tek/interfaces 0.41.0. The file is generated by the package and
 follows its version, so it can never say anything other than the code next to
 it.
 
@@ -55,7 +55,7 @@ The name of each stylesheet is in the tables below.
 
 ## 2. What exists
 
-35 CSS components and 9 web components, and this is the whole list. The
+36 CSS components and 10 web components, and this is the whole list. The
 classes are `lt-` + kebab-case. Variants are always `data-*` attributes, never
 classes of their own: `data-variant="secondary"`, not `lt-button--secondary`.
 The default variant has no attribute.
@@ -93,6 +93,7 @@ The default variant has no attribute.
 | `lt-skip-link` | `@lo-tek/interfaces/skip-link.css` | none |
 | `lt-spinner` | `@lo-tek/interfaces/spinner.css` | `data-size`: small, large |
 | `lt-sr-only` | `@lo-tek/interfaces/sr-only.css` | none |
+| `lt-steps` | `@lo-tek/interfaces/steps.css` | none |
 | `lt-switch`<br>`lt-switch-row` | `@lo-tek/interfaces/switch.css` | none |
 | `lt-table`<br>`lt-table__sort`<br>`lt-table-scroll` | `@lo-tek/interfaces/table.css` | `data-variant`: striped<br>`data-hoverable` (flag) |
 | `lt-tag` | `@lo-tek/interfaces/tag.css` | `data-variant`: filled<br>`data-selectable` (flag) |
@@ -277,6 +278,7 @@ Three rules apply to all of them:
 | `<lt-tabs>` | frame | `@lo-tek/interfaces/tabs.css` | `defineLtTabs()` from `@lo-tek/interfaces/tabs` | `server-controlled` (flag)<br>`activation`: manual, automatic | `tab-select` (index) | `lt-tabs__list`<br>`lt-tabs__panel` |
 | `<lt-error-summary>` | frame | `@lo-tek/interfaces/error-summary.css` | `defineLtErrorSummary()` from `@lo-tek/interfaces/error-summary` | `data-autofocus`: false, true<br>`hidden` (flag) | none | `lt-error-summary`<br>`lt-error-summary__title` |
 | `<lt-popover>` | frame | `@lo-tek/interfaces/popover.css` | `defineLtPopover()` from `@lo-tek/interfaces/popover` | `open` (flag)<br>`placement`: bottom-start, bottom-end, top-start, top-end<br>`server-controlled` (flag) | `popover-toggle` (open) | `lt-popover` |
+| `<lt-term>` | frame | `@lo-tek/interfaces/term.css` | `defineLtTerm()` from `@lo-tek/interfaces/term` | none | none | `lt-term`<br>`lt-term__entry` |
 | `<lt-suggestion>` | frame | `@lo-tek/interfaces/suggestion.css` | `defineLtSuggestion()` from `@lo-tek/interfaces/suggestion` | `prefiltered` (flag)<br>`count-none` (text)<br>`count-zero` (text)<br>`count-one` (text)<br>`count-two` (text)<br>`count-few` (text)<br>`count-many` (text)<br>`count-other` (text)<br>`server-controlled` (flag) | `suggestion-select` (value, label) | `lt-suggestion__list`<br>`lt-suggestion__option`<br>`lt-suggestion__value`<br>`lt-suggestion__empty` |
 | `<lt-dialog>` | frame | `@lo-tek/interfaces/dialog.css` | `defineLtDialog()` from `@lo-tek/interfaces/dialog` | `open` (flag)<br>`server-controlled` (flag) | `dialog-toggle` (open, returnValue) | `lt-dialog` (`data-color`: brand, info, success, warning, danger)<br>`lt-dialog__body`<br>`lt-dialog__title`<br>`lt-dialog__footer`<br>`lt-dialog__header`<br>`lt-dialog__subtitle` |
 | `<lt-toast>` | standalone | `@lo-tek/interfaces/toast.css` | `defineLtToast()` from `@lo-tek/interfaces/toast` | `duration` (number)<br>`label` (text)<br>`close-label` (text) | `toast-dismiss` | `lt-toast`<br>`lt-toast__message`<br>`lt-toast__close` |
@@ -319,15 +321,15 @@ reports mismatches on the label, the field and the error text. Without a
 server it works, but `lt.field()` is the way in both.
 
 ```tsx
-// ContactForm.tsx
+// JobOrder.tsx
 import { lt } from "@lo-tek/interfaces/react"
 import { useId, useState } from "react"
 
-export function ContactForm() {
-  const [name, setName] = useState("")
+export function JobOrder() {
+  const [codename, setCodename] = useState("")
   const [touched, setTouched] = useState(false)
 
-  const invalid = touched && name.trim() === ""
+  const invalid = touched && codename.trim() === ""
   const field = lt.field({
     id: useId(),
     required: "symbol",
@@ -337,19 +339,19 @@ export function ContactForm() {
 
   return (
     <form onSubmit={(e) => e.preventDefault()}>
-      <label {...field.label}>Full name</label>
+      <label {...field.label}>Codename</label>
       <input
         {...lt.input({ type: "text" })}
         {...field.control}
-        name="name"
+        name="codename"
         required
-        value={name}
-        onChange={(e) => setName(e.target.value)}
+        value={codename}
+        onChange={(e) => setCodename(e.target.value)}
         onBlur={() => setTouched(true)}
       />
-      <p {...lt.errorText()} {...field.error}>Enter your name.</p>
+      <p {...lt.errorText()} {...field.error}>Enter a codename.</p>
 
-      <button {...lt.button()} type="submit">Send</button>
+      <button {...lt.button()} type="submit">Order the job</button>
     </form>
   )
 }
@@ -360,7 +362,7 @@ one.
 
 `lt` is imported from `@lo-tek/interfaces/react`, never from the main entry:
 the React entry gives `className` and `htmlFor`, the main entry gives `class`
-and `for`. The 46 builder functions are in both:
+and `for`. The 48 builder functions are in both:
 
 `lt.accordion()`, `lt.alert()`, `lt.avatar()`, `lt.badge()`,
 `lt.breadcrumbs()`, `lt.button()`, `lt.card()`, `lt.checkbox()`,
@@ -370,9 +372,9 @@ and `for`. The 46 builder functions are in both:
 `lt.legend()`, `lt.link()`, `lt.list()`, `lt.pagination()`, `lt.paragraph()`,
 `lt.popover()`, `lt.progress()`, `lt.radio()`, `lt.search()`, `lt.select()`,
 `lt.sessionTimeout()`, `lt.skeleton()`, `lt.skipLink()`, `lt.spinner()`,
-`lt.srOnly()`, `lt.suggestion()`, `lt.switch()`, `lt.table()`,
-`lt.tableSort()`, `lt.tabs()`, `lt.tag()`, `lt.textarea()`, `lt.toast()`,
-`lt.toggleGroup()`, `lt.tooltip()`
+`lt.srOnly()`, `lt.steps()`, `lt.suggestion()`, `lt.switch()`, `lt.table()`,
+`lt.tableSort()`, `lt.tabs()`, `lt.tag()`, `lt.term()`, `lt.textarea()`,
+`lt.toast()`, `lt.toggleGroup()`, `lt.tooltip()`
 
 ## 6. Only `open={isOpen || undefined}` works
 

package/agent/templates.md

@@ -2,19 +2,25 @@
 
 The rulebook for LO-TEK where the server produces the markup: Go templates,
 Razor, PHP, Blade, Twig, Jinja, Django, ERB, Liquid, Handlebars, Nunjucks and
-Edge, and HTML built as strings in Kotlin, Java, C# or Python.
+Edge, and HTML built as strings in C# or Python.
 
 This is the environment LO-TEK is made for. The components are CSS classes and
 web components, that is, things the browser understands directly, so a Go
 template gets the same components as a React app without taking in any
 JavaScript framework.
 
+In Kotlin or Java code that writes the HTML, the builder functions are
+`Lt.field()`, `Lt.button()` and the others, with enums for the values, and
+`Lt.field()` makes `<lt-field>` unnecessary. The rulebook for a JVM server is
+https://lo-tek.sobernetics.no/agent/kotlin.md. The rest of this file is for
+templates that cannot call them.
+
 It is also the environment with the smallest safety net. No compiler looks at
-the attributes in a template, and no type stops `data-variant="outlined"`.
-That is why item 5 applies more strictly here than anywhere else: the check is
-the only thing that reads your markup.
+the attributes in a template that cannot call a builder function, and no type
+stops `data-variant="outlined"`. That is why item 5 applies more strictly here
+than anywhere else: the check is the only thing that reads your markup.
 
-This is @lo-tek/interfaces 0.39.0. The file is generated by the package and
+This is @lo-tek/interfaces 0.41.0. The file is generated by the package and
 follows its version, so it can never say anything other than the code next to
 it.
 
@@ -48,11 +54,11 @@ it.
 One link in the page template, with all the components:
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/dist/lotek.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/dist/lotek.css">
 ```
 
 Or from your own server, if you copy the file into your static assets.
-`lotek.css` is 103 kB, 13 kB compressed, has everything flattened without
+`lotek.css` is 112 kB, 14 kB compressed, has everything flattened without
 `@import`, and is the fastest option when you link.
 
 If you want only the stylesheets the pages actually use, `tokens.css` defines
@@ -65,7 +71,7 @@ always the right choice.
 
 ## 2. What exists
 
-35 CSS components and 9 web components, and this is the whole list. The
+36 CSS components and 10 web components, and this is the whole list. The
 classes are `lt-` + kebab-case. Variants are always `data-*` attributes, never
 classes of their own: `data-variant="secondary"`, not `lt-button--secondary`.
 The default variant has no attribute.
@@ -74,41 +80,42 @@ The default variant has no attribute.
 
 | Class | Stylesheet | Attributes |
 | --- | --- | --- |
-| `lt-accordion`<br>`lt-accordion__content` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/accordion/accordion.css` | `data-variant`: plain |
-| `lt-alert`<br>`lt-alert__title` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/alert/alert.css` | `data-color`: info, success, warning, danger |
-| `lt-avatar`<br>`lt-avatar-stack` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/avatar/avatar.css` | `data-variant`: square<br>`data-size`: small, large |
-| `lt-badge` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/badge/badge.css` | `data-color`: success, warning, danger, neutral |
-| `lt-breadcrumbs` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/breadcrumbs/breadcrumbs.css` | none |
-| `lt-button` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/button/button.css` | `data-variant`: secondary, ghost, danger |
-| `lt-card`<br>`lt-card__title` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/card/card.css` | `data-variant`: filled<br>`data-interactive` (flag) |
-| `lt-checkbox`<br>`lt-checkbox-row` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/checkbox/checkbox.css` | `data-state`: invalid, success |
-| `lt-divider` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/divider/divider.css` | `data-variant`: subtle, strong |
-| `lt-error-text` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/error-text/error-text.css` | `data-variant`: warning |
-| `lt-fieldset`<br>`lt-legend` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/fieldset/fieldset.css` | `data-state`: invalid, success<br>`data-required`: symbol, text<br>`data-optional` (flag) |
-| `lt-file-upload`<br>`lt-file-upload-list` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/file-upload/file-upload.css` | `data-state`: invalid, success |
-| `lt-heading` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/heading/heading.css` | `data-size`: xs, s, m, xl, mega |
-| `lt-help-text` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/help-text/help-text.css` | `data-variant`: strong, success, warning |
-| `lt-icon` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/icon/icon.css` | none |
-| `lt-input` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/input/input.css` | `data-state`: invalid, success<br>`data-variant`: date, datetime-local, time |
-| `lt-label` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/label/label.css` | `data-required`: symbol, text<br>`data-optional` (flag) |
-| `lt-link` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/link/link.css` | none |
-| `lt-list` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/list/list.css` | `data-variant`: plain, divided |
-| `lt-pagination`<br>`lt-pagination__gap` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/pagination/pagination.css` | none |
-| `lt-paragraph` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/paragraph/paragraph.css` | `data-variant`: lead<br>`data-size`: small, large |
-| `lt-progress` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/progress/progress.css` | `data-color`: success, warning, danger |
-| `lt-radio`<br>`lt-radio-row` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/radio/radio.css` | `data-state`: invalid, success |
-| `lt-search`<br>`lt-search-row` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/search/search.css` | `data-state`: invalid, success |
-| `lt-select` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/select/select.css` | `data-state`: invalid, success<br>`data-picker`: styled |
-| `lt-skeleton` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/skeleton/skeleton.css` | `data-variant`: text, circle |
-| `lt-skip-link` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/skip-link/skip-link.css` | none |
-| `lt-spinner` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/spinner/spinner.css` | `data-size`: small, large |
-| `lt-sr-only` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/sr-only/sr-only.css` | none |
-| `lt-switch`<br>`lt-switch-row` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/switch/switch.css` | none |
-| `lt-table`<br>`lt-table__sort`<br>`lt-table-scroll` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/table/table.css` | `data-variant`: striped<br>`data-hoverable` (flag) |
-| `lt-tag` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/tag/tag.css` | `data-variant`: filled<br>`data-selectable` (flag) |
-| `lt-textarea` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/textarea/textarea.css` | `data-state`: invalid, success |
-| `lt-toggle-group`<br>`lt-toggle-group__option` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/toggle-group/toggle-group.css` | none |
-| `lt-tooltip`<br>`lt-tooltip__bubble` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/css/tooltip/tooltip.css` | none |
+| `lt-accordion`<br>`lt-accordion__content` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/accordion/accordion.css` | `data-variant`: plain |
+| `lt-alert`<br>`lt-alert__title` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/alert/alert.css` | `data-color`: info, success, warning, danger |
+| `lt-avatar`<br>`lt-avatar-stack` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/avatar/avatar.css` | `data-variant`: square<br>`data-size`: small, large |
+| `lt-badge` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/badge/badge.css` | `data-color`: success, warning, danger, neutral |
+| `lt-breadcrumbs` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/breadcrumbs/breadcrumbs.css` | none |
+| `lt-button` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/button/button.css` | `data-variant`: secondary, ghost, danger |
+| `lt-card`<br>`lt-card__title` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/card/card.css` | `data-variant`: filled<br>`data-interactive` (flag) |
+| `lt-checkbox`<br>`lt-checkbox-row` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/checkbox/checkbox.css` | `data-state`: invalid, success |
+| `lt-divider` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/divider/divider.css` | `data-variant`: subtle, strong |
+| `lt-error-text` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/error-text/error-text.css` | `data-variant`: warning |
+| `lt-fieldset`<br>`lt-legend` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/fieldset/fieldset.css` | `data-state`: invalid, success<br>`data-required`: symbol, text<br>`data-optional` (flag) |
+| `lt-file-upload`<br>`lt-file-upload-list` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/file-upload/file-upload.css` | `data-state`: invalid, success |
+| `lt-heading` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/heading/heading.css` | `data-size`: xs, s, m, xl, mega |
+| `lt-help-text` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/help-text/help-text.css` | `data-variant`: strong, success, warning |
+| `lt-icon` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/icon/icon.css` | none |
+| `lt-input` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/input/input.css` | `data-state`: invalid, success<br>`data-variant`: date, datetime-local, time |
+| `lt-label` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/label/label.css` | `data-required`: symbol, text<br>`data-optional` (flag) |
+| `lt-link` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/link/link.css` | none |
+| `lt-list` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/list/list.css` | `data-variant`: plain, divided |
+| `lt-pagination`<br>`lt-pagination__gap` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/pagination/pagination.css` | none |
+| `lt-paragraph` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/paragraph/paragraph.css` | `data-variant`: lead<br>`data-size`: small, large |
+| `lt-progress` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/progress/progress.css` | `data-color`: success, warning, danger |
+| `lt-radio`<br>`lt-radio-row` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/radio/radio.css` | `data-state`: invalid, success |
+| `lt-search`<br>`lt-search-row` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/search/search.css` | `data-state`: invalid, success |
+| `lt-select` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/select/select.css` | `data-state`: invalid, success<br>`data-picker`: styled |
+| `lt-skeleton` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/skeleton/skeleton.css` | `data-variant`: text, circle |
+| `lt-skip-link` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/skip-link/skip-link.css` | none |
+| `lt-spinner` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/spinner/spinner.css` | `data-size`: small, large |
+| `lt-sr-only` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/sr-only/sr-only.css` | none |
+| `lt-steps` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/steps/steps.css` | none |
+| `lt-switch`<br>`lt-switch-row` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/switch/switch.css` | none |
+| `lt-table`<br>`lt-table__sort`<br>`lt-table-scroll` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/table/table.css` | `data-variant`: striped<br>`data-hoverable` (flag) |
+| `lt-tag` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/tag/tag.css` | `data-variant`: filled<br>`data-selectable` (flag) |
+| `lt-textarea` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/textarea/textarea.css` | `data-state`: invalid, success |
+| `lt-toggle-group`<br>`lt-toggle-group__option` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/toggle-group/toggle-group.css` | none |
+| `lt-tooltip`<br>`lt-tooltip__bubble` | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/css/tooltip/tooltip.css` | none |
 
 There is also `lt-theme-control`, a class on a radio button that lets the user
 choose a theme. It is in `tokens.css`, and is described under Tokens.
@@ -187,7 +194,7 @@ root element:
 Below the root element the browser then ignores the host's CSS without a
 layer, unless a rule of the host's wins on specificity as described below, and
 LO-TEK's layer applies again. The rule is in `lotek.css` and in
-`https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/tokens/boundary.css`.
+`https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/tokens/boundary.css`.
 Fonts and other inherited properties still come from the host, and the
 `--lt-*` variables work. Three things follow from it:
 
@@ -281,15 +288,16 @@ Three rules apply to all of them:
 
 | Element | Category | Stylesheet | Registration | Attributes | Events | Classes inside |
 | --- | --- | --- | --- | --- | --- | --- |
-| `<lt-field>` | frame | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/frame/field/field.css` | `defineLtField()` from `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/dist/components/frame/field/lt-field.js` | `disabled` (flag)<br>`optional` (flag)<br>`described-by` (text) | none | none |
-| `<lt-tabs>` | frame | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/frame/tabs/tabs.css` | `defineLtTabs()` from `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/dist/components/frame/tabs/lt-tabs.js` | `server-controlled` (flag)<br>`activation`: manual, automatic | `tab-select` (index) | `lt-tabs__list`<br>`lt-tabs__panel` |
-| `<lt-error-summary>` | frame | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/frame/error-summary/error-summary.css` | `defineLtErrorSummary()` from `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/dist/components/frame/error-summary/lt-error-summary.js` | `data-autofocus`: false, true<br>`hidden` (flag) | none | `lt-error-summary`<br>`lt-error-summary__title` |
-| `<lt-popover>` | frame | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/frame/popover/popover.css` | `defineLtPopover()` from `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/dist/components/frame/popover/lt-popover.js` | `open` (flag)<br>`placement`: bottom-start, bottom-end, top-start, top-end<br>`server-controlled` (flag) | `popover-toggle` (open) | `lt-popover` |
-| `<lt-suggestion>` | frame | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/frame/suggestion/suggestion.css` | `defineLtSuggestion()` from `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/dist/components/frame/suggestion/lt-suggestion.js` | `prefiltered` (flag)<br>`count-none` (text)<br>`count-zero` (text)<br>`count-one` (text)<br>`count-two` (text)<br>`count-few` (text)<br>`count-many` (text)<br>`count-other` (text)<br>`server-controlled` (flag) | `suggestion-select` (value, label) | `lt-suggestion__list`<br>`lt-suggestion__option`<br>`lt-suggestion__value`<br>`lt-suggestion__empty` |
-| `<lt-dialog>` | frame | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/frame/dialog/dialog.css` | `defineLtDialog()` from `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/dist/components/frame/dialog/lt-dialog.js` | `open` (flag)<br>`server-controlled` (flag) | `dialog-toggle` (open, returnValue) | `lt-dialog` (`data-color`: brand, info, success, warning, danger)<br>`lt-dialog__body`<br>`lt-dialog__title`<br>`lt-dialog__footer`<br>`lt-dialog__header`<br>`lt-dialog__subtitle` |
-| `<lt-toast>` | standalone | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/standalone/toast/toast.css` | `defineLtToast()` from `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/dist/components/standalone/toast/lt-toast.js` | `duration` (number)<br>`label` (text)<br>`close-label` (text) | `toast-dismiss` | `lt-toast`<br>`lt-toast__message`<br>`lt-toast__close` |
-| `<lt-session-timeout>` | frame | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/frame/session-timeout/session-timeout.css` | `defineLtSessionTimeout()` from `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/dist/components/frame/session-timeout/lt-session-timeout.js` | `warn-at` (number)<br>`expires-at` (number)<br>`activity-interval` (number) | `session-warn`<br>`session-extend`<br>`session-logout`<br>`session-expired`<br>`session-activity` | `lt-session-timeout`<br>`lt-session-timeout__dialog`<br>`lt-session-timeout__title`<br>`lt-session-timeout__text`<br>`lt-session-timeout__count`<br>`lt-session-timeout__actions` |
-| `<lt-connection-status>` | standalone | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/src/components/standalone/connection-status/connection-status.css` | `defineLtConnectionStatus()` from `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/dist/components/standalone/connection-status/lt-connection-status.js` | `offline-text` (text)<br>`online-text` (text) | `connection-lost`<br>`connection-restored` | `lt-connection-status`<br>`lt-connection-status__bar` |
+| `<lt-field>` | frame | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/frame/field/field.css` | `defineLtField()` from `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/dist/components/frame/field/lt-field.js` | `disabled` (flag)<br>`optional` (flag)<br>`described-by` (text) | none | none |
+| `<lt-tabs>` | frame | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/frame/tabs/tabs.css` | `defineLtTabs()` from `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/dist/components/frame/tabs/lt-tabs.js` | `server-controlled` (flag)<br>`activation`: manual, automatic | `tab-select` (index) | `lt-tabs__list`<br>`lt-tabs__panel` |
+| `<lt-error-summary>` | frame | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/frame/error-summary/error-summary.css` | `defineLtErrorSummary()` from `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/dist/components/frame/error-summary/lt-error-summary.js` | `data-autofocus`: false, true<br>`hidden` (flag) | none | `lt-error-summary`<br>`lt-error-summary__title` |
+| `<lt-popover>` | frame | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/frame/popover/popover.css` | `defineLtPopover()` from `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/dist/components/frame/popover/lt-popover.js` | `open` (flag)<br>`placement`: bottom-start, bottom-end, top-start, top-end<br>`server-controlled` (flag) | `popover-toggle` (open) | `lt-popover` |
+| `<lt-term>` | frame | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/frame/term/term.css` | `defineLtTerm()` from `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/dist/components/frame/term/lt-term.js` | none | none | `lt-term`<br>`lt-term__entry` |
+| `<lt-suggestion>` | frame | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/frame/suggestion/suggestion.css` | `defineLtSuggestion()` from `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/dist/components/frame/suggestion/lt-suggestion.js` | `prefiltered` (flag)<br>`count-none` (text)<br>`count-zero` (text)<br>`count-one` (text)<br>`count-two` (text)<br>`count-few` (text)<br>`count-many` (text)<br>`count-other` (text)<br>`server-controlled` (flag) | `suggestion-select` (value, label) | `lt-suggestion__list`<br>`lt-suggestion__option`<br>`lt-suggestion__value`<br>`lt-suggestion__empty` |
+| `<lt-dialog>` | frame | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/frame/dialog/dialog.css` | `defineLtDialog()` from `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/dist/components/frame/dialog/lt-dialog.js` | `open` (flag)<br>`server-controlled` (flag) | `dialog-toggle` (open, returnValue) | `lt-dialog` (`data-color`: brand, info, success, warning, danger)<br>`lt-dialog__body`<br>`lt-dialog__title`<br>`lt-dialog__footer`<br>`lt-dialog__header`<br>`lt-dialog__subtitle` |
+| `<lt-toast>` | standalone | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/standalone/toast/toast.css` | `defineLtToast()` from `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/dist/components/standalone/toast/lt-toast.js` | `duration` (number)<br>`label` (text)<br>`close-label` (text) | `toast-dismiss` | `lt-toast`<br>`lt-toast__message`<br>`lt-toast__close` |
+| `<lt-session-timeout>` | frame | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/frame/session-timeout/session-timeout.css` | `defineLtSessionTimeout()` from `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/dist/components/frame/session-timeout/lt-session-timeout.js` | `warn-at` (number)<br>`expires-at` (number)<br>`activity-interval` (number) | `session-warn`<br>`session-extend`<br>`session-logout`<br>`session-expired`<br>`session-activity` | `lt-session-timeout`<br>`lt-session-timeout__dialog`<br>`lt-session-timeout__title`<br>`lt-session-timeout__text`<br>`lt-session-timeout__count`<br>`lt-session-timeout__actions` |
+| `<lt-connection-status>` | standalone | `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/src/components/standalone/connection-status/connection-status.css` | `defineLtConnectionStatus()` from `https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/dist/components/standalone/connection-status/lt-connection-status.js` | `offline-text` (text)<br>`online-text` (text) | `connection-lost`<br>`connection-restored` | `lt-connection-status`<br>`lt-connection-status__bar` |
 
 None of them uses shadow DOM. The content is in plain DOM, so `querySelector`,
 `FormData` and ordinary CSS work straight into it.
@@ -298,8 +306,8 @@ None of them uses shadow DOM. The content is in plain DOM, so `querySelector`,
 
 ```html
 <lt-field>
-  <label class="lt-label" for="name" data-required="symbol">Full name</label>
-  <input class="lt-input" id="name" type="text" name="name" value="{{.Name}}" required />
+  <label class="lt-label" for="codename" data-required="symbol">Codename</label>
+  <input class="lt-input" id="codename" type="text" name="codename" value="{{.Codename}}" required />
   {{if .Error}}<p class="lt-error-text">{{.Error}}</p>{{end}}
 </lt-field>
 ```
@@ -313,7 +321,7 @@ In a loop the id comes from a key in the data, never from the index or a
 counter:
 
 ```html
-{{range .Municipalities}}
+{{range .Targets}}
 <lt-field>
   <label for="note-{{.Code}}">{{.Name}}</label>
   <input class="lt-input" id="note-{{.Code}}" name="note-{{.Code}}" value="{{.Note}}" />
@@ -326,7 +334,7 @@ The registration, once in the page template:
 ```html
 <script type="module">
   import { defineLtField } from
-    "https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.39.0/dist/components/frame/field/lt-field.js"
+    "https://cdn.jsdelivr.net/npm/@lo-tek/interfaces@0.41.0/dist/components/frame/field/lt-field.js"
 
   defineLtField()
 </script>
@@ -372,11 +380,11 @@ putting the user's choice back:
 
 ```html
 <lt-tabs server-controlled>
-  <ul class="lt-tabs__list" aria-label="Parts of the case">
-    <li><a href="#application">Application</a></li>
+  <ul class="lt-tabs__list" aria-label="Parts of the claim">
+    <li><a href="#claim">Claim</a></li>
     <li><a href="#attachments">Attachments</a></li>
   </ul>
-  <section class="lt-tabs__panel" id="application">…</section>
+  <section class="lt-tabs__panel" id="claim">…</section>
   <section class="lt-tabs__panel" id="attachments" hidden="until-found">…</section>
 </lt-tabs>
 ```
@@ -437,14 +445,10 @@ sixteen template languages. WebStorm and IntelliJ IDEA Ultimate read
 completion in HTML in a string marked with `@Language("HTML")` or
 `// language=HTML`.
 
-On the JVM without Node there is LO-TEK for Kotlin
-(https://lo-tek.sobernetics.no/kotlin/). `lotek.jar` is the command line as
-`java -jar lotek.jar check`, and is attached to every release on GitHub:
-https://github.com/MarkusAugust/lo-tek/releases/latest. The Maven package
-`io.github.markusaugust:lo-tek-interfaces` with `assertLotek(html)` and the
-Gradle plugin `io.github.markusaugust.lo-tek` are on Maven Central, with the
-same version as the npm package. Not every npm version is on Maven: use the
-newest one there, and never write a `version` you have not seen on Central.
+On the JVM without Node, JTE and Thymeleaf templates included, the check is
+`assertLotek(html)` in a test, the Gradle plugin and
+`java -jar lotek.jar check`. All of it is in
+https://lo-tek.sobernetics.no/agent/kotlin.md.
 
 ## Known pitfalls
 

package/dist/components/css/accordion/accordion.d.ts

@@ -23,7 +23,7 @@ export type AccordionAttributes = {
  *
  * ```ts
  * <details {...accordion()}>
- *   <summary>Who can apply?</summary>
+ *   <summary>Who can take out a policy?</summary>
  *   <div class={accordion.content}>…</div>
  * </details>
  * ```

package/dist/components/css/accordion/accordion.js

@@ -14,7 +14,7 @@ export const accordionVariants = ["default", "plain"];
  *
  * ```ts
  * <details {...accordion()}>
- *   <summary>Who can apply?</summary>
+ *   <summary>Who can take out a policy?</summary>
  *   <div class={accordion.content}>…</div>
  * </details>
  * ```

package/dist/components/css/alert/alert.d.ts

@@ -22,7 +22,7 @@ export type AlertAttributes = {
  *
  * ```ts
  * <div {...alert({ color: "warning" })}>
- *   <p class={alert.title}>The application has not been sent</p>
+ *   <p class={alert.title}>Your routes have not been saved</p>
  * </div>
  * ```
  */

package/dist/components/css/alert/alert.js

@@ -13,7 +13,7 @@ export const alertColors = ["info", "success", "warning", "danger"];
  *
  * ```ts
  * <div {...alert({ color: "warning" })}>
- *   <p class={alert.title}>The application has not been sent</p>
+ *   <p class={alert.title}>Your routes have not been saved</p>
  * </div>
  * ```
  */

package/dist/components/css/avatar/avatar.d.ts

@@ -26,7 +26,7 @@ export type AvatarAttributes = {
  * picture stands alone, it must have a text that says who it is.
  *
  * ```ts
- * <span {...avatar({ size: "small" })} aria-hidden="true">ON</span>
+ * <span {...avatar({ size: "small" })} aria-hidden="true">DP</span>
  * ```
  */
 export declare const avatar: (({ size, variant, }?: AvatarOptions) => AvatarAttributes) & {

package/dist/components/css/avatar/avatar.js

@@ -12,7 +12,7 @@ export const avatarVariants = ["circle", "square"];
  * picture stands alone, it must have a text that says who it is.
  *
  * ```ts
- * <span {...avatar({ size: "small" })} aria-hidden="true">ON</span>
+ * <span {...avatar({ size: "small" })} aria-hidden="true">DP</span>
  * ```
  */
 export const avatar = Object.assign(({ size = "medium", variant = "circle", } = {}) => attributes({

package/dist/components/css/badge/badge.d.ts

@@ -14,7 +14,7 @@ export type BadgeAttributes = {
  * The attributes for a status badge.
  *
  * ```ts
- * <span {...badge({ color: "success" })}>Approved</span>
+ * <span {...badge({ color: "success" })}>Paid</span>
  * ```
  */
 export declare const badge: (({ color }?: BadgeOptions) => BadgeAttributes) & {

package/dist/components/css/badge/badge.js

@@ -11,7 +11,7 @@ export const badgeColors = [
  * The attributes for a status badge.
  *
  * ```ts
- * <span {...badge({ color: "success" })}>Approved</span>
+ * <span {...badge({ color: "success" })}>Paid</span>
  * ```
  */
 export const badge = Object.assign(({ color = "info" } = {}) => attributes({

package/dist/components/css/breadcrumbs/breadcrumbs.d.ts

@@ -17,7 +17,7 @@ export type BreadcrumbsAttributes = {
  * <nav aria-label="You are here">
  *   <ol {...breadcrumbs()}>
  *     <li><a href="/">Home</a></li>
- *     <li><a href="/cases" aria-current="page">My cases</a></li>
+ *     <li><a href="/claims" aria-current="page">My claims</a></li>
  *   </ol>
  * </nav>
  * ```

package/dist/components/css/breadcrumbs/breadcrumbs.js

@@ -15,7 +15,7 @@ export const BREADCRUMBS_CLASS = "lt-breadcrumbs";
  * <nav aria-label="You are here">
  *   <ol {...breadcrumbs()}>
  *     <li><a href="/">Home</a></li>
- *     <li><a href="/cases" aria-current="page">My cases</a></li>
+ *     <li><a href="/claims" aria-current="page">My claims</a></li>
  *   </ol>
  * </nav>
  * ```

package/dist/components/css/card/card.d.ts

@@ -24,7 +24,7 @@ export type CardAttributes = {
  * reached with the keyboard nor be announced as something to press.
  *
  * ```ts
- * <a {...card({ interactive: true })} href="/case/481">…</a>
+ * <a {...card({ interactive: true })} href="/claims/AV-2079-0481">…</a>
  * ```
  */
 export declare const card: (({ variant, interactive }?: CardOptions) => CardAttributes) & {

package/dist/components/css/card/card.js

@@ -12,7 +12,7 @@ export const cardVariants = ["outline", "filled"];
  * reached with the keyboard nor be announced as something to press.
  *
  * ```ts
- * <a {...card({ interactive: true })} href="/case/481">…</a>
+ * <a {...card({ interactive: true })} href="/claims/AV-2079-0481">…</a>
  * ```
  */
 export const card = Object.assign(({ variant = "outline", interactive } = {}) => attributes({

package/dist/components/css/file-upload/file-upload.d.ts

@@ -29,7 +29,7 @@ export type FileUploadAttributes = {
  * "all files", so the type must be checked on the server anyway.
  *
  * ```ts
- * <input {...fileUpload({ multiple: true, accept: ".pdf" })} />
+ * <input {...fileUpload({ multiple: true, accept: ".bin" })} />
  * ```
  */
 export declare const fileUpload: (({ state, multiple, accept, }?: FileUploadOptions) => FileUploadAttributes) & {

package/dist/components/css/file-upload/file-upload.js

@@ -13,7 +13,7 @@ export const FILE_UPLOAD_LIST_CLASS = "lt-file-upload-list";
  * "all files", so the type must be checked on the server anyway.
  *
  * ```ts
- * <input {...fileUpload({ multiple: true, accept: ".pdf" })} />
+ * <input {...fileUpload({ multiple: true, accept: ".bin" })} />
  * ```
  */
 export const fileUpload = Object.assign(({ state = "default", multiple, accept, } = {}) => attributes({

package/dist/components/css/icon/icon.d.ts

@@ -25,7 +25,7 @@ export type IconAttributes = {
  * reports a button that lacks one.
  *
  * ```ts
- * <button {...button()} aria-label="Delete the application">
+ * <button {...button()} aria-label="Delete ticket #0331">
  *   <svg {...icon()} viewBox="0 0 24 24">…</svg>
  * </button>
  * ```

package/dist/components/css/icon/icon.js

@@ -11,7 +11,7 @@ export const ICON_CLASS = "lt-icon";
  * reports a button that lacks one.
  *
  * ```ts
- * <button {...button()} aria-label="Delete the application">
+ * <button {...button()} aria-label="Delete ticket #0331">
  *   <svg {...icon()} viewBox="0 0 24 24">…</svg>
  * </button>
  * ```

package/dist/components/css/label/label.d.ts

@@ -23,7 +23,7 @@ export type LabelAttributes = {
  * or the screen reader is not told that it must be filled in.
  *
  * ```ts
- * <label {...label({ required: "symbol" })} htmlFor="email">Email address</label>
+ * <label {...label({ required: "symbol" })} htmlFor="fixer">Fixer's address</label>
  * ```
  */
 export declare const label: (({ required, optional, disabled }?: LabelOptions) => LabelAttributes) & {

package/dist/components/css/label/label.js

@@ -8,7 +8,7 @@ export { requiredMarkers };
  * or the screen reader is not told that it must be filled in.
  *
  * ```ts
- * <label {...label({ required: "symbol" })} htmlFor="email">Email address</label>
+ * <label {...label({ required: "symbol" })} htmlFor="fixer">Fixer's address</label>
  * ```
  */
 export const label = Object.assign(({ required, optional, disabled } = {}) => attributes({

package/dist/components/css/link/link.d.ts

@@ -17,7 +17,7 @@ export type LinkAttributes = {
  * The attributes for a link.
  *
  * ```ts
- * <a {...link()} href="/receipt">See receipt</a>
+ * <a {...link()} href="/small-print">Read the small print</a>
  * <a {...link({ disabled: true })}>See annual statement</a>
  * ```
  *

package/dist/components/css/link/link.js

@@ -4,7 +4,7 @@ export const LINK_CLASS = "lt-link";
  * The attributes for a link.
  *
  * ```ts
- * <a {...link()} href="/receipt">See receipt</a>
+ * <a {...link()} href="/small-print">Read the small print</a>
  * <a {...link({ disabled: true })}>See annual statement</a>
  * ```
  *

package/dist/components/css/spinner/spinner.d.ts

@@ -13,17 +13,19 @@ export type SpinnerAttributes = {
     "data-size"?: NonDefaultSpinnerSize;
     role?: "status";
     "aria-label"?: string;
+    "aria-hidden"?: "true";
 };
 /**
  * The attributes for a loading indicator.
  *
- * Without `label` the ring is only a shape, and screen readers announce
- * nothing. With `label` it becomes a `role="status"` that says what is going
- * on. If you already have a visible text next to it, let that carry the
- * message and drop `label`, so the same thing is not announced twice.
+ * Without `label` the ring is only a shape, and is hidden from screen readers
+ * with `aria-hidden`, as an icon without a label is. With `label` it becomes a
+ * `role="status"` that says what is going on. If you already have a visible
+ * text next to it, let that carry the message and drop `label`, so the same
+ * thing is not announced twice.
  *
  * ```ts
- * <span {...spinner({ label: "Loading applications" })} />
+ * <span {...spinner({ label: "Loading sectors" })} />
  * ```
  */
 export declare const spinner: (({ size, label }?: SpinnerOptions) => SpinnerAttributes) & {

package/dist/components/css/spinner/spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/css/spinner/spinner.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,EAAG,YAAqB,CAAA;AAElD,eAAO,MAAM,YAAY,uCAAwC,CAAA;AAEjE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;AACvD,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;AAElE,MAAM,MAAM,cAAc,GAAG;IAC3B,+BAA+B;IAC/B,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,wFAAwF;IACxF,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,OAAO,aAAa,CAAA;IAC3B,WAAW,CAAC,EAAE,qBAAqB,CAAA;IACnC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,sBACW,cAAc,KAAQ,iBAAiB;;;CAWrE,CAAA"}
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/css/spinner/spinner.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,EAAG,YAAqB,CAAA;AAElD,eAAO,MAAM,YAAY,uCAAwC,CAAA;AAEjE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;AACvD,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;AAElE,MAAM,MAAM,cAAc,GAAG;IAC3B,+BAA+B;IAC/B,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,wFAAwF;IACxF,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,OAAO,aAAa,CAAA;IAC3B,WAAW,CAAC,EAAE,qBAAqB,CAAA;IACnC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO,sBACW,cAAc,KAAQ,iBAAiB;;;CAYrE,CAAA"}