@lo-tek/interfaces 0.0.0 → 0.37.0

package/dist/lt.d.ts

@@ -0,0 +1,325 @@
+import { computeFieldAttributes } from "./components/frame/field/field-core.js";
+import { setAttributes } from "./dom.js";
+/**
+ * The whole component API in one place.
+ *
+ * Each component is a function that takes an object of options and returns
+ * the attributes you spread onto the element:
+ *
+ * ```ts
+ * import { lt } from "@lo-tek/interfaces"
+ *
+ * <button {...lt.button({ variant: "secondary" })}>Save draft</button>
+ * <input {...lt.input({ type: "email", state: "invalid" })} />
+ * <span {...lt.badge({ color: "success" })}>Approved</span>
+ * ```
+ *
+ * The shape is the same for all of them, so you learn it once. Type `lt.` in
+ * the editor to see what exists; type `lt.button.` to see the allowed
+ * variants and the guard that validates values from outside.
+ *
+ * The return values are plain objects. That is why the same API works in
+ * React, Astro, Datastar and plain HTML.
+ */
+export declare const lt: {
+    readonly accordion: (({ variant }?: import("./index.js").AccordionOptions) => import("./index.js").AccordionAttributes) & {
+        content: "lt-accordion__content";
+        variants: readonly ["default", "plain"];
+        isVariant: (value: string) => value is "default" | "plain";
+    };
+    readonly alert: (({ color }?: import("./index.js").AlertOptions) => import("./index.js").AlertAttributes) & {
+        title: "lt-alert__title";
+        colors: readonly ["info", "success", "warning", "danger"];
+        isColor: (value: string) => value is "warning" | "info" | "success" | "danger";
+    };
+    readonly avatar: (({ size, variant, }?: import("./index.js").AvatarOptions) => import("./index.js").AvatarAttributes) & {
+        stack: "lt-avatar-stack";
+        sizes: readonly ["small", "medium", "large"];
+        isSize: (value: string) => value is "small" | "medium" | "large";
+        variants: readonly ["circle", "square"];
+        isVariant: (value: string) => value is "circle" | "square";
+    };
+    readonly badge: (({ color }?: import("./index.js").BadgeOptions) => import("./index.js").BadgeAttributes) & {
+        colors: readonly ["info", "success", "warning", "danger", "neutral"];
+        isColor: (value: string) => value is "warning" | "info" | "success" | "danger" | "neutral";
+    };
+    readonly breadcrumbs: () => import("./index.js").BreadcrumbsAttributes;
+    readonly button: (({ variant }?: import("./index.js").ButtonOptions) => import("./index.js").ButtonAttributes) & {
+        variants: readonly ["primary", "secondary", "ghost", "danger"];
+        isVariant: (value: string) => value is "danger" | "primary" | "secondary" | "ghost";
+    };
+    readonly card: (({ variant, interactive }?: import("./index.js").CardOptions) => import("./index.js").CardAttributes) & {
+        title: "lt-card__title";
+        variants: readonly ["outline", "filled"];
+        isVariant: (value: string) => value is "outline" | "filled";
+    };
+    readonly checkbox: (({ state }?: import("./index.js").CheckboxOptions) => import("./index.js").CheckboxAttributes) & {
+        row: "lt-checkbox-row";
+        states: readonly ["default", "invalid", "success"];
+        isState: (value: string) => value is "default" | "invalid" | "success";
+    };
+    /**
+     * The bar that says the connection to the server is lost. The server
+     * cannot report that itself, so `<lt-connection-status>` creates the
+     * content.
+     */
+    readonly connectionStatus: ({ offlineText, onlineText, }?: import("./index.js").ConnectionStatusOptions) => import("./index.js").ConnectionStatusAttributes;
+    readonly dialog: (({ titleId: givenId, open, color, }: import("./index.js").DialogOptions) => import("./index.js").DialogAttributes) & {
+        dialog: "lt-dialog";
+        header: "lt-dialog__header";
+        title: "lt-dialog__title";
+        subtitle: "lt-dialog__subtitle";
+        body: "lt-dialog__body";
+        footer: "lt-dialog__footer";
+        colors: readonly ["neutral", "brand", "info", "success", "warning", "danger"];
+        isColor: (value: string) => value is "warning" | "info" | "success" | "danger" | "neutral" | "brand";
+    };
+    readonly divider: (({ variant }?: import("./index.js").DividerOptions) => import("./index.js").DividerAttributes) & {
+        variants: readonly ["default", "subtle", "strong"];
+        isVariant: (value: string) => value is "default" | "subtle" | "strong";
+    };
+    readonly errorText: (({ variant }?: import("./index.js").ErrorTextOptions) => import("./index.js").ErrorTextAttributes) & {
+        variants: readonly ["error", "warning"];
+        isVariant: (value: string) => value is "error" | "warning";
+    };
+    /**
+     * The error summary above a form. The server writes the whole box, heading
+     * included, and `<lt-error-summary>` only moves focus.
+     */
+    readonly errorSummary: ({ count, id, }?: import("./index.js").ErrorSummaryOptions) => import("./index.js").ErrorSummaryAttributes;
+    /**
+     * Connects the label, field, help text and error text.
+     *
+     * ```ts
+     * const field = lt.field({ id: "email", required: "text", help: true, error: true, invalid })
+     *
+     * <label {...field.label}>Email address</label>
+     * <input {...lt.input({ type: "email", state: field.state })} {...field.control} />
+     * <p {...lt.helpText()} {...field.help}>We send the receipt here.</p>
+     * <p {...lt.errorText()} {...field.error}>Enter a valid address.</p>
+     * ```
+     *
+     * The same calculation `<lt-field>` does, but as data, for markup created
+     * with JavaScript. Then no web component is needed.
+     */
+    readonly field: typeof computeFieldAttributes;
+    /** A group of controls that belong together. Its label is `lt.legend`. */
+    readonly fieldset: (({ state, disabled }?: import("./index.js").FieldsetOptions) => import("./index.js").FieldsetAttributes) & {
+        states: readonly ["default", "invalid", "success"];
+        isState: (value: string) => value is "default" | "invalid" | "success";
+    };
+    readonly heading: (({ size }?: import("./index.js").HeadingOptions) => import("./index.js").HeadingAttributes) & {
+        sizes: readonly ["xs", "s", "m", "l", "xl", "mega"];
+        isSize: (value: string) => value is "xs" | "s" | "m" | "l" | "xl" | "mega";
+    };
+    readonly fileUpload: (({ state, multiple, accept, }?: import("./index.js").FileUploadOptions) => import("./index.js").FileUploadAttributes) & {
+        list: "lt-file-upload-list";
+        states: readonly ["default", "invalid", "success"];
+        isState: (value: string) => value is "default" | "invalid" | "success";
+    };
+    readonly helpText: (({ variant }?: import("./index.js").HelpTextOptions) => import("./index.js").HelpTextAttributes) & {
+        variants: readonly ["muted", "strong", "success", "warning"];
+        isVariant: (value: string) => value is "warning" | "success" | "strong" | "muted";
+    };
+    readonly icon: ({ label }?: import("./index.js").IconOptions) => import("./index.js").IconAttributes;
+    readonly input: (({ type, state }?: import("./index.js").InputOptions) => import("./index.js").InputAttributes) & {
+        types: readonly ["text", "password", "email", "number", "date", "datetime-local", "week", "month", "tel", "url", "search", "time"];
+        isType: (value: string) => value is "number" | "date" | "search" | "url" | "text" | "password" | "email" | "datetime-local" | "week" | "month" | "tel" | "time";
+        states: readonly ["default", "invalid", "success"];
+        isState: (value: string) => value is "default" | "invalid" | "success";
+    };
+    readonly label: (({ required, optional, disabled }?: import("./index.js").LabelOptions) => import("./index.js").LabelAttributes) & {
+        markers: readonly ["symbol", "text"];
+        isMarker: (value: string) => value is "symbol" | "text";
+    };
+    readonly legend: (({ required, optional, disabled }?: import("./index.js").LegendOptions) => import("./index.js").LegendAttributes) & {
+        markers: readonly ["symbol", "text"];
+        isMarker: (value: string) => value is "symbol" | "text";
+    };
+    readonly link: ({ disabled }?: import("./index.js").LinkOptions) => import("./index.js").LinkAttributes;
+    readonly list: (({ variant }?: import("./index.js").ListOptions) => import("./index.js").ListAttributes) & {
+        variants: readonly ["default", "plain", "divided"];
+        isVariant: (value: string) => value is "default" | "plain" | "divided";
+    };
+    readonly pagination: (() => import("./index.js").PaginationAttributes) & {
+        gap: "lt-pagination__gap";
+    };
+    readonly paragraph: (({ size, variant, }?: import("./index.js").ParagraphOptions) => import("./index.js").ParagraphAttributes) & {
+        sizes: readonly ["small", "medium", "large"];
+        isSize: (value: string) => value is "small" | "medium" | "large";
+        variants: readonly ["default", "lead"];
+        isVariant: (value: string) => value is "default" | "lead";
+    };
+    /**
+     * The button and panel of a popover. `<lt-popover>` calculates the
+     * position, the server writes the wiring.
+     */
+    readonly popover: (({ id: givenId, open, placement, }: import("./index.js").PopoverOptions) => import("./index.js").PopoverAttributes) & {
+        isPlacement: typeof import("./index.js").isPopoverPlacement;
+    };
+    readonly radio: (({ state }?: import("./index.js").RadioOptions) => import("./index.js").RadioAttributes) & {
+        row: "lt-radio-row";
+        states: readonly ["default", "invalid", "success"];
+        isState: (value: string) => value is "default" | "invalid" | "success";
+    };
+    readonly search: (({ state }?: import("./index.js").SearchOptions) => import("./index.js").SearchAttributes) & {
+        row: "lt-search-row";
+        states: readonly ["default", "invalid", "success"];
+        isState: (value: string) => value is "default" | "invalid" | "success";
+    };
+    readonly select: (({ state, picker, }?: import("./index.js").SelectOptions) => import("./index.js").SelectAttributes) & {
+        states: readonly ["default", "invalid", "success"];
+        isState: (value: string) => value is "default" | "invalid" | "success";
+        pickers: readonly ["auto", "styled"];
+        isPicker: (value: string) => value is "auto" | "styled";
+    };
+    /**
+     * The warning that a signed-in session is about to expire. The countdown
+     * runs on the client's clock, so `<lt-session-timeout>` is responsible for
+     * the content.
+     */
+    readonly sessionTimeout: (({ titleId: givenId, warnAt, expiresAt, activityInterval, }: import("./index.js").SessionTimeoutOptions) => import("./index.js").SessionTimeoutAttributes) & {
+        dialog: "lt-session-timeout__dialog";
+        title: "lt-session-timeout__title";
+        text: "lt-session-timeout__text";
+        count: "lt-session-timeout__count";
+        actions: "lt-session-timeout__actions";
+    };
+    readonly skeleton: (({ variant }?: import("./index.js").SkeletonOptions) => import("./index.js").SkeletonAttributes) & {
+        variants: readonly ["block", "text", "circle"];
+        isVariant: (value: string) => value is "text" | "circle" | "block";
+    };
+    readonly skipLink: () => import("./index.js").SkipLinkAttributes;
+    readonly progress: (({ value, max, color, label, valueText, }?: import("./index.js").ProgressOptions) => import("./index.js").ProgressAttributes) & {
+        colors: readonly ["success", "warning", "danger"];
+        isColor: (value: string) => value is "warning" | "success" | "danger";
+    };
+    readonly spinner: (({ size, label }?: import("./index.js").SpinnerOptions) => import("./index.js").SpinnerAttributes) & {
+        sizes: readonly ["small", "medium", "large"];
+        isSize: (value: string) => value is "small" | "medium" | "large";
+    };
+    /** Text only screen readers get. Requires `sr-only.css`. */
+    readonly srOnly: () => import("./index.js").SrOnlyAttributes;
+    /**
+     * The field and the suggestion list. `<lt-suggestion>` handles the
+     * keyboard and the filtering, the server writes the markup.
+     */
+    readonly suggestion: ({ id: givenId, keys: givenKeys, activeIndex, open, pending, ...field }: import("./index.js").SuggestionOptions) => {
+        label: {
+            id: string;
+            class: "lt-label";
+            for: string;
+            "data-required"?: import("./index.js").RequiredMarker;
+            "data-optional"?: "";
+            "aria-disabled"?: "true";
+        };
+        control: {
+            class: "lt-input";
+            type: "text";
+            role: "combobox";
+            autocomplete: "off";
+            "aria-expanded": "true" | "false";
+            "aria-controls": string;
+            "aria-describedby": string;
+            "aria-autocomplete": "list";
+            "aria-activedescendant": string | undefined;
+            id: string;
+            "aria-invalid"?: "true";
+            "data-state"?: "invalid";
+            disabled?: true;
+        };
+        list: {
+            class: "lt-suggestion__list";
+            id: string;
+            role: "listbox";
+            "aria-labelledby": string;
+            popover: "manual";
+            hidden: true | undefined;
+            "aria-busy": "true" | undefined;
+        };
+        options: {
+            class: "lt-suggestion__option";
+            id: string;
+            role: "option";
+            "aria-selected": "true" | "false";
+        }[];
+        empty: {
+            class: "lt-suggestion__empty";
+            hidden: true | undefined;
+        };
+        status: {
+            class: "lt-sr-only";
+            id: string;
+            role: "status";
+        };
+        value: {
+            class: "lt-suggestion__value";
+            type: "hidden";
+        };
+        help: {
+            id: string;
+        };
+        error: {
+            id: string;
+            hidden?: true;
+        };
+        state: "default" | "invalid" | "success";
+    };
+    /** On and off. Named `switchControl` when you import it directly. */
+    readonly switch: (({ disabled }?: import("./index.js").SwitchOptions) => import("./index.js").SwitchAttributes) & {
+        row: "lt-switch-row";
+    };
+    /**
+     * A tab list with panels. The server writes the links, ids and classes;
+     * `<lt-tabs>` adds the roles, the selection and the arrow keys.
+     */
+    readonly tabs: (options: import("./index.js").TabsOptions) => import("./index.js").TabsAttributes;
+    /**
+     * The toast region. Sets `data-ignore-morph`, because `<lt-toast>` creates
+     * and removes its messages inside it.
+     */
+    readonly toast: ({ label, closeLabel, }?: import("./index.js").ToastOptions) => import("./index.js").ToastAttributes;
+    readonly toggleGroup: (() => import("./index.js").ToggleGroupAttributes) & {
+        option: "lt-toggle-group__option";
+    };
+    readonly tooltip: (() => import("./index.js").TooltipAttributes) & {
+        bubble: "lt-tooltip__bubble";
+    };
+    readonly table: (({ variant, hoverable }?: import("./index.js").TableOptions) => import("./index.js").TableAttributes) & {
+        scroll: "lt-table-scroll";
+        variants: readonly ["default", "striped"];
+        isVariant: (value: string) => value is "default" | "striped";
+    };
+    /**
+     * The header and button in a sortable column. `aria-sort` on the `<th>` is
+     * the state, and the arrow is drawn from it. The sorting is up to the app.
+     */
+    readonly tableSort: (({ direction }?: import("./index.js").TableSortOptions) => import("./index.js").TableSortAttributes) & {
+        isDirection: (value: string) => value is "ascending" | "descending";
+    };
+    readonly tag: (({ variant, selectable }?: import("./index.js").TagOptions) => import("./index.js").TagAttributes) & {
+        variants: readonly ["outline", "filled"];
+        isVariant: (value: string) => value is "outline" | "filled";
+    };
+    readonly textarea: (({ state }?: import("./index.js").TextareaOptions) => import("./index.js").TextareaAttributes) & {
+        states: readonly ["default", "invalid", "success"];
+        isState: (value: string) => value is "default" | "invalid" | "success";
+    };
+    /**
+     * Applies an attribute set to an element in the plain DOM.
+     *
+     * In JSX you spread the object. Without JSX this function does the job,
+     * and cleans up what the builder function manages from the previous state.
+     * Several sets are passed separately:
+     * `lt.setAttributes(field, lt.input(), wiring.control)`.
+     */
+    readonly setAttributes: typeof setAttributes;
+    /** The validation states shared by input, textarea and select. */
+    readonly states: readonly ["default", "invalid", "success"];
+    readonly isState: (value: string) => value is "default" | "invalid" | "success";
+    /** The ways a required field can be marked. */
+    readonly markers: readonly ["symbol", "text"];
+    readonly isMarker: (value: string) => value is "symbol" | "text";
+};
+export type Lt = typeof lt;
+//# sourceMappingURL=lt.d.ts.map

package/dist/lt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lt.d.ts","sourceRoot":"","sources":["../src/lt.ts"],"names":[],"mappings":"AA2CA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAA;AAO/E,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASb;;;;OAIG;;;;;;;;;;;;;;;;;;;;IAKH;;;OAGG;;IAEH;;;;;;;;;;;;;;OAcG;;IAEH,0EAA0E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAa1E;;;OAGG;;;;;;;;;;;;;;;;;;;;IAKH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;IAMH,4DAA4D;;IAE5D;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH,qEAAqE;;;;IAErE;;;OAGG;;IAEH;;;OAGG;;;;;;;;;;;;;IAKH;;;OAGG;;;;;;;;;;;;IAKH;;;;;;;OAOG;;IAGH,kEAAkE;;;IAGlE,+CAA+C;;;CAGvC,CAAA;AAEV,MAAM,MAAM,EAAE,GAAG,OAAO,EAAE,CAAA"}

package/dist/lt.js

@@ -0,0 +1,183 @@
+import { accordion } from "./components/css/accordion/accordion.js";
+import { alert } from "./components/css/alert/alert.js";
+import { avatar } from "./components/css/avatar/avatar.js";
+import { badge } from "./components/css/badge/badge.js";
+import { breadcrumbs } from "./components/css/breadcrumbs/breadcrumbs.js";
+import { button } from "./components/css/button/button.js";
+import { card } from "./components/css/card/card.js";
+import { checkbox } from "./components/css/checkbox/checkbox.js";
+import { divider } from "./components/css/divider/divider.js";
+import { errorText } from "./components/css/error-text/error-text.js";
+import { fieldset, legend } from "./components/css/fieldset/fieldset.js";
+import { fileUpload } from "./components/css/file-upload/file-upload.js";
+import { heading } from "./components/css/heading/heading.js";
+import { helpText } from "./components/css/help-text/help-text.js";
+import { icon } from "./components/css/icon/icon.js";
+import { input } from "./components/css/input/input.js";
+import { label } from "./components/css/label/label.js";
+import { link } from "./components/css/link/link.js";
+import { list } from "./components/css/list/list.js";
+import { pagination } from "./components/css/pagination/pagination.js";
+import { paragraph } from "./components/css/paragraph/paragraph.js";
+import { progress } from "./components/css/progress/progress.js";
+import { radio } from "./components/css/radio/radio.js";
+import { search } from "./components/css/search/search.js";
+import { select } from "./components/css/select/select.js";
+import { fieldStates, isFieldState, isRequiredMarker, requiredMarkers, } from "./components/css/shared.js";
+import { skeleton } from "./components/css/skeleton/skeleton.js";
+import { skipLink } from "./components/css/skip-link/skip-link.js";
+import { spinner } from "./components/css/spinner/spinner.js";
+import { srOnly } from "./components/css/sr-only/sr-only.js";
+import { switchControl } from "./components/css/switch/switch.js";
+import { table, tableSort } from "./components/css/table/table.js";
+import { tag } from "./components/css/tag/tag.js";
+import { textarea } from "./components/css/textarea/textarea.js";
+import { toggleGroup } from "./components/css/toggle-group/toggle-group.js";
+import { tooltip } from "./components/css/tooltip/tooltip.js";
+import { dialog } from "./components/frame/dialog/dialog.js";
+import { errorSummary } from "./components/frame/error-summary/error-summary.js";
+import { computeFieldAttributes } from "./components/frame/field/field-core.js";
+import { popover } from "./components/frame/popover/popover.js";
+import { sessionTimeout } from "./components/frame/session-timeout/session-timeout.js";
+import { suggestion } from "./components/frame/suggestion/suggestion.js";
+import { tabs } from "./components/frame/tabs/tabs.js";
+import { connectionStatus } from "./components/standalone/connection-status/connection-status.js";
+import { toast } from "./components/standalone/toast/toast.js";
+import { setAttributes } from "./dom.js";
+/**
+ * The whole component API in one place.
+ *
+ * Each component is a function that takes an object of options and returns
+ * the attributes you spread onto the element:
+ *
+ * ```ts
+ * import { lt } from "@lo-tek/interfaces"
+ *
+ * <button {...lt.button({ variant: "secondary" })}>Save draft</button>
+ * <input {...lt.input({ type: "email", state: "invalid" })} />
+ * <span {...lt.badge({ color: "success" })}>Approved</span>
+ * ```
+ *
+ * The shape is the same for all of them, so you learn it once. Type `lt.` in
+ * the editor to see what exists; type `lt.button.` to see the allowed
+ * variants and the guard that validates values from outside.
+ *
+ * The return values are plain objects. That is why the same API works in
+ * React, Astro, Datastar and plain HTML.
+ */
+export const lt = {
+    accordion,
+    alert,
+    avatar,
+    badge,
+    breadcrumbs,
+    button,
+    card,
+    checkbox,
+    /**
+     * The bar that says the connection to the server is lost. The server
+     * cannot report that itself, so `<lt-connection-status>` creates the
+     * content.
+     */
+    connectionStatus,
+    dialog,
+    divider,
+    errorText,
+    /**
+     * The error summary above a form. The server writes the whole box, heading
+     * included, and `<lt-error-summary>` only moves focus.
+     */
+    errorSummary,
+    /**
+     * Connects the label, field, help text and error text.
+     *
+     * ```ts
+     * const field = lt.field({ id: "email", required: "text", help: true, error: true, invalid })
+     *
+     * <label {...field.label}>Email address</label>
+     * <input {...lt.input({ type: "email", state: field.state })} {...field.control} />
+     * <p {...lt.helpText()} {...field.help}>We send the receipt here.</p>
+     * <p {...lt.errorText()} {...field.error}>Enter a valid address.</p>
+     * ```
+     *
+     * The same calculation `<lt-field>` does, but as data, for markup created
+     * with JavaScript. Then no web component is needed.
+     */
+    field: computeFieldAttributes,
+    /** A group of controls that belong together. Its label is `lt.legend`. */
+    fieldset,
+    heading,
+    fileUpload,
+    helpText,
+    icon,
+    input,
+    label,
+    legend,
+    link,
+    list,
+    pagination,
+    paragraph,
+    /**
+     * The button and panel of a popover. `<lt-popover>` calculates the
+     * position, the server writes the wiring.
+     */
+    popover,
+    radio,
+    search,
+    select,
+    /**
+     * The warning that a signed-in session is about to expire. The countdown
+     * runs on the client's clock, so `<lt-session-timeout>` is responsible for
+     * the content.
+     */
+    sessionTimeout,
+    skeleton,
+    skipLink,
+    progress,
+    spinner,
+    /** Text only screen readers get. Requires `sr-only.css`. */
+    srOnly,
+    /**
+     * The field and the suggestion list. `<lt-suggestion>` handles the
+     * keyboard and the filtering, the server writes the markup.
+     */
+    suggestion,
+    /** On and off. Named `switchControl` when you import it directly. */
+    switch: switchControl,
+    /**
+     * A tab list with panels. The server writes the links, ids and classes;
+     * `<lt-tabs>` adds the roles, the selection and the arrow keys.
+     */
+    tabs,
+    /**
+     * The toast region. Sets `data-ignore-morph`, because `<lt-toast>` creates
+     * and removes its messages inside it.
+     */
+    toast,
+    toggleGroup,
+    tooltip,
+    table,
+    /**
+     * The header and button in a sortable column. `aria-sort` on the `<th>` is
+     * the state, and the arrow is drawn from it. The sorting is up to the app.
+     */
+    tableSort,
+    tag,
+    textarea,
+    /**
+     * Applies an attribute set to an element in the plain DOM.
+     *
+     * In JSX you spread the object. Without JSX this function does the job,
+     * and cleans up what the builder function manages from the previous state.
+     * Several sets are passed separately:
+     * `lt.setAttributes(field, lt.input(), wiring.control)`.
+     */
+    setAttributes,
+    /** The validation states shared by input, textarea and select. */
+    states: fieldStates,
+    isState: isFieldState,
+    /** The ways a required field can be marked. */
+    markers: requiredMarkers,
+    isMarker: isRequiredMarker,
+};
+//# sourceMappingURL=lt.js.map

package/dist/lt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lt.js","sourceRoot":"","sources":["../src/lt.ts"],"names":[],"mappings":"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"}