entasis 0.13.5 → 0.13.6

package/dist/components/Form/SignatureInput/signatureInput.strokes.d.ts

@@ -0,0 +1,77 @@
+/**
+ * Strokes of a signature and the images they export to. Pure geometry: no DOM except the
+ * canvas context a caller passes in, so it runs the same in a test, on the pad and on export.
+ */
+/** One sampled pointer position, in CSS pixels of the pad. */
+export type SignaturePoint = {
+    x: number;
+    y: number;
+    /** Pen pressure from 0 to 1. Mouse and touch report 0.5. */
+    pressure: number;
+};
+/** One continuous line, from a pointer down to its pointer up. */
+export type SignatureStroke = readonly SignaturePoint[];
+export type SignatureBounds = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+/** Exported image format: a PNG or an SVG, each as a data URL. */
+export type SignatureFormat = 'png' | 'svg';
+export type SignatureRenderOptions = {
+    /** CSS color of the ink. */
+    color: string;
+    /** Base line width in CSS pixels, at a pressure of 0.5. */
+    width: number;
+};
+/** Width of a segment drawn at `pressure`: half the base at no pressure, 1.5 times at full. */
+export declare const strokeWidthAt: (pressure: number, width: number) => number;
+/**
+ * The segments a stroke is drawn as: quadratic curves through the midpoints of its samples, so
+ * the line is smooth however coarse the pointer events were. Each segment carries the pressure it
+ * is drawn at, so a pen's line thickens and thins along the way.
+ */
+export declare function strokeSegments(stroke: SignatureStroke): {
+    from: SignaturePoint;
+    control: SignaturePoint;
+    to: SignaturePoint;
+    pressure: number;
+}[];
+/** Draws `strokes` on a 2D context already scaled to CSS pixels. A tap draws a dot. */
+export declare function drawStrokes(context: CanvasRenderingContext2D, strokes: readonly SignatureStroke[], { color, width }: SignatureRenderOptions): void;
+/** The box the ink covers, line width included, or null when there is no ink. */
+export declare function strokesBounds(strokes: readonly SignatureStroke[], width: number): SignatureBounds | null;
+/** One drawable piece of a stroke: a dot for a tap, or a path at one line width. */
+export type SignatureShape = {
+    kind: 'dot';
+    x: number;
+    y: number;
+    r: number;
+} | {
+    kind: 'path';
+    d: string;
+    width: number;
+};
+/**
+ * The shapes a stroke draws as, in SVG path syntax, shifted by `offset`. Consecutive segments
+ * at the same width share one path, so a mouse or finger stroke is a single path and only a
+ * pen's changing pressure splits it.
+ */
+export declare function strokeShapes(stroke: SignatureStroke, width: number, offset?: {
+    x: number;
+    y: number;
+}): SignatureShape[];
+/** A standalone SVG of the strokes, cropped to the ink plus `padding`. */
+export declare function strokesToSvg(strokes: readonly SignatureStroke[], { color, width, padding }: SignatureRenderOptions & {
+    padding: number;
+}): string | null;
+/**
+ * Exports the strokes as a data URL cropped to the ink plus `padding`: an SVG, or a PNG drawn at
+ * `scale` device pixels per CSS pixel so it stays sharp in a document. Null when there is no ink.
+ */
+export declare function exportStrokes(strokes: readonly SignatureStroke[], { format, color, width, padding, scale }: SignatureRenderOptions & {
+    format: SignatureFormat;
+    padding: number;
+    scale: number;
+}): string | null;

package/dist/components/Form/SignatureInput/signatureInput.strokes.js

@@ -0,0 +1,149 @@
+/**
+ * Strokes of a signature and the images they export to. Pure geometry: no DOM except the
+ * canvas context a caller passes in, so it runs the same in a test, on the pad and on export.
+ */
+/** Width of a segment drawn at `pressure`: half the base at no pressure, 1.5 times at full. */
+export const strokeWidthAt = (pressure, width) => width * (0.5 + Math.min(Math.max(pressure, 0), 1));
+const midpoint = (a, b) => ({
+    x: (a.x + b.x) / 2,
+    y: (a.y + b.y) / 2,
+    pressure: (a.pressure + b.pressure) / 2
+});
+/**
+ * The segments a stroke is drawn as: quadratic curves through the midpoints of its samples, so
+ * the line is smooth however coarse the pointer events were. Each segment carries the pressure it
+ * is drawn at, so a pen's line thickens and thins along the way.
+ */
+export function strokeSegments(stroke) {
+    const segments = [];
+    if (stroke.length < 2)
+        return segments;
+    let from = stroke[0];
+    for (let index = 1; index < stroke.length - 1; index++) {
+        const control = stroke[index];
+        const to = midpoint(control, stroke[index + 1]);
+        segments.push({ from, control, to, pressure: control.pressure });
+        from = to;
+    }
+    const last = stroke[stroke.length - 1];
+    segments.push({ from, control: last, to: last, pressure: last.pressure });
+    return segments;
+}
+/** Draws `strokes` on a 2D context already scaled to CSS pixels. A tap draws a dot. */
+export function drawStrokes(context, strokes, { color, width }) {
+    context.save();
+    context.strokeStyle = color;
+    context.fillStyle = color;
+    context.lineCap = 'round';
+    context.lineJoin = 'round';
+    for (const stroke of strokes) {
+        if (stroke.length === 1) {
+            const [dot] = stroke;
+            context.beginPath();
+            context.arc(dot.x, dot.y, strokeWidthAt(dot.pressure, width) / 2, 0, Math.PI * 2);
+            context.fill();
+            continue;
+        }
+        for (const segment of strokeSegments(stroke)) {
+            context.beginPath();
+            context.lineWidth = strokeWidthAt(segment.pressure, width);
+            context.moveTo(segment.from.x, segment.from.y);
+            context.quadraticCurveTo(segment.control.x, segment.control.y, segment.to.x, segment.to.y);
+            context.stroke();
+        }
+    }
+    context.restore();
+}
+/** The box the ink covers, line width included, or null when there is no ink. */
+export function strokesBounds(strokes, width) {
+    let minX = Infinity;
+    let minY = Infinity;
+    let maxX = -Infinity;
+    let maxY = -Infinity;
+    for (const stroke of strokes) {
+        for (const point of stroke) {
+            const half = strokeWidthAt(point.pressure, width) / 2;
+            minX = Math.min(minX, point.x - half);
+            minY = Math.min(minY, point.y - half);
+            maxX = Math.max(maxX, point.x + half);
+            maxY = Math.max(maxY, point.y + half);
+        }
+    }
+    if (minX === Infinity)
+        return null;
+    return { x: minX, y: minY, width: maxX - minX, height: maxY - minY };
+}
+const round = (value) => Math.round(value * 100) / 100;
+/**
+ * The shapes a stroke draws as, in SVG path syntax, shifted by `offset`. Consecutive segments
+ * at the same width share one path, so a mouse or finger stroke is a single path and only a
+ * pen's changing pressure splits it.
+ */
+export function strokeShapes(stroke, width, offset = { x: 0, y: 0 }) {
+    const x = (value) => round(value - offset.x);
+    const y = (value) => round(value - offset.y);
+    if (stroke.length === 1) {
+        const [dot] = stroke;
+        return [
+            { kind: 'dot', x: x(dot.x), y: y(dot.y), r: round(strokeWidthAt(dot.pressure, width) / 2) }
+        ];
+    }
+    const shapes = [];
+    for (const segment of strokeSegments(stroke)) {
+        const segmentWidth = round(strokeWidthAt(segment.pressure, width));
+        const curve = `Q${x(segment.control.x)} ${y(segment.control.y)} ${x(segment.to.x)} ${y(segment.to.y)}`;
+        const last = shapes.at(-1);
+        if (last?.kind === 'path' && last.width === segmentWidth)
+            last.d += curve;
+        else
+            shapes.push({
+                kind: 'path',
+                d: `M${x(segment.from.x)} ${y(segment.from.y)}${curve}`,
+                width: segmentWidth
+            });
+    }
+    return shapes;
+}
+/** A standalone SVG of the strokes, cropped to the ink plus `padding`. */
+export function strokesToSvg(strokes, { color, width, padding }) {
+    const bounds = strokesBounds(strokes, width);
+    if (!bounds)
+        return null;
+    const offset = { x: bounds.x - padding, y: bounds.y - padding };
+    const boxWidth = round(bounds.width + padding * 2);
+    const boxHeight = round(bounds.height + padding * 2);
+    const shapes = strokes
+        .flatMap((stroke) => strokeShapes(stroke, width, offset))
+        .map((shape) => shape.kind === 'dot'
+        ? `<circle cx="${shape.x}" cy="${shape.y}" r="${shape.r}" fill="${color}"/>`
+        : `<path d="${shape.d}" stroke-width="${shape.width}"/>`);
+    return [
+        `<svg xmlns="http://www.w3.org/2000/svg" width="${boxWidth}" height="${boxHeight}" viewBox="0 0 ${boxWidth} ${boxHeight}">`,
+        `<g fill="none" stroke="${color}" stroke-linecap="round" stroke-linejoin="round">`,
+        shapes.join(''),
+        '</g></svg>'
+    ].join('');
+}
+/**
+ * Exports the strokes as a data URL cropped to the ink plus `padding`: an SVG, or a PNG drawn at
+ * `scale` device pixels per CSS pixel so it stays sharp in a document. Null when there is no ink.
+ */
+export function exportStrokes(strokes, { format, color, width, padding, scale }) {
+    if (format === 'svg') {
+        const svg = strokesToSvg(strokes, { color, width, padding });
+        return svg ? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}` : null;
+    }
+    const bounds = strokesBounds(strokes, width);
+    if (!bounds || typeof document === 'undefined')
+        return null;
+    const canvas = document.createElement('canvas');
+    canvas.width = Math.ceil((bounds.width + padding * 2) * scale);
+    canvas.height = Math.ceil((bounds.height + padding * 2) * scale);
+    const context = canvas.getContext('2d');
+    if (!context)
+        return null;
+    context.scale(scale, scale);
+    context.translate(padding - bounds.x, padding - bounds.y);
+    drawStrokes(context, strokes, { color, width });
+    return canvas.toDataURL('image/png');
+}

package/dist/components/Form/SignatureInput/signatureInput.theme.d.ts

@@ -0,0 +1,99 @@
+import { type InferComponentTheme } from '../../../utils/cva/index.js';
+export declare const signatureInputTheme: {
+    frame: (props?: import("../../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    pad: (props?: (import("../../../utils/cva/types.ts").CVAVariantSchema<{
+        size: {
+            small: string;
+            normal: string;
+            large: string;
+        };
+        interactive: {
+            true: string;
+            false: string;
+        };
+        disabled: {
+            true: string;
+            false: string;
+        };
+        hasError: {
+            true: string;
+            false: string;
+        };
+    }> & import("../../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    ink: (props?: import("../../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    image: (props?: import("../../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    placeholder: (props?: (import("../../../utils/cva/types.ts").CVAVariantSchema<{
+        size: {
+            small: string;
+            normal: string;
+            large: string;
+        };
+    }> & import("../../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    actions: (props?: import("../../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+};
+export type SignatureInputTheme = typeof signatureInputTheme;
+export type SignatureInputThemeProps = InferComponentTheme<SignatureInputTheme>;
+export declare const setSignatureInputTheme: (theme: InferComponentTheme<{
+    frame: (props?: import("../../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    pad: (props?: (import("../../../utils/cva/types.ts").CVAVariantSchema<{
+        size: {
+            small: string;
+            normal: string;
+            large: string;
+        };
+        interactive: {
+            true: string;
+            false: string;
+        };
+        disabled: {
+            true: string;
+            false: string;
+        };
+        hasError: {
+            true: string;
+            false: string;
+        };
+    }> & import("../../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    ink: (props?: import("../../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    image: (props?: import("../../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    placeholder: (props?: (import("../../../utils/cva/types.ts").CVAVariantSchema<{
+        size: {
+            small: string;
+            normal: string;
+            large: string;
+        };
+    }> & import("../../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    actions: (props?: import("../../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+}>) => void;
+export declare const useSignatureInputTheme: import("../../../utils/cva/theme.ts").UseComponentTheme<{
+    frame: (props?: import("../../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    pad: (props?: (import("../../../utils/cva/types.ts").CVAVariantSchema<{
+        size: {
+            small: string;
+            normal: string;
+            large: string;
+        };
+        interactive: {
+            true: string;
+            false: string;
+        };
+        disabled: {
+            true: string;
+            false: string;
+        };
+        hasError: {
+            true: string;
+            false: string;
+        };
+    }> & import("../../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    ink: (props?: import("../../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    image: (props?: import("../../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    placeholder: (props?: (import("../../../utils/cva/types.ts").CVAVariantSchema<{
+        size: {
+            small: string;
+            normal: string;
+            large: string;
+        };
+    }> & import("../../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    actions: (props?: import("../../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+}>;

package/dist/components/Form/SignatureInput/signatureInput.theme.js

@@ -0,0 +1,70 @@
+import { cva, setComponentTheme, useComponentTheme } from '../../../utils/cva/index.js';
+// Holds the pad and, over its corner, the buttons: they cannot sit inside the pad, whose image
+// role would hide them from assistive technology.
+const defaultFrame = cva({
+    base: 'relative w-full min-w-0'
+});
+// The pad is the control: it takes focus, so its own ring shows keyboard focus, and the strokes
+// are drawn in its text color (an SVG in `currentColor`), so they follow the theme.
+const defaultPad = cva({
+    base: 'relative w-full min-w-0 touch-none overflow-hidden rounded-md border border-neutral-muted bg-surface-raised text-neutral outline-none select-none focus-visible:ring-2 focus-visible:ring-focus/50',
+    variants: {
+        size: {
+            small: 'h-28',
+            normal: 'h-36',
+            large: 'h-44'
+        },
+        interactive: {
+            true: 'cursor-crosshair',
+            false: ''
+        },
+        disabled: {
+            true: 'cursor-not-allowed opacity-50',
+            false: ''
+        },
+        hasError: {
+            true: 'border-danger focus-visible:ring-danger/50',
+            false: ''
+        }
+    },
+    defaultVariants: {
+        size: 'normal',
+        interactive: true,
+        disabled: false,
+        hasError: false
+    }
+});
+const defaultInk = cva({
+    base: 'pointer-events-none absolute inset-0 size-full overflow-visible'
+});
+// A value set from outside (a saved signature) shows as an image, scaled to fit the pad.
+const defaultImage = cva({
+    base: 'pointer-events-none absolute inset-0 size-full object-contain p-md'
+});
+// The line to sign on and its hint: decorative, gone as soon as there is ink.
+const defaultPlaceholder = cva({
+    base: 'pointer-events-none absolute inset-x-[var(--space-xl)] bottom-1/4 flex items-end gap-sm border-b border-dashed border-neutral-muted pb-xs text-neutral/45',
+    variants: {
+        size: {
+            small: 'text-xs',
+            normal: 'text-sm',
+            large: 'text-base'
+        }
+    },
+    defaultVariants: {
+        size: 'normal'
+    }
+});
+const defaultActions = cva({
+    base: 'absolute end-[var(--space-xs)] top-[var(--space-xs)] flex items-center gap-xs'
+});
+export const signatureInputTheme = {
+    frame: defaultFrame,
+    pad: defaultPad,
+    ink: defaultInk,
+    image: defaultImage,
+    placeholder: defaultPlaceholder,
+    actions: defaultActions
+};
+export const setSignatureInputTheme = setComponentTheme('signature-input');
+export const useSignatureInputTheme = useComponentTheme('signature-input', signatureInputTheme);

package/dist/generated/componentAliases.d.ts

@@ -36,6 +36,7 @@ export const componentAliases: {
     'entasis/selection-menu': string;
     'entasis/ask': string;
     'entasis/field': string;
+    'entasis/address-input': string;
     'entasis/autocomplete': string;
     'entasis/calendar': string;
     'entasis/checkbox': string;
@@ -57,6 +58,7 @@ export const componentAliases: {
     'entasis/rating-input': string;
     'entasis/rich-text-input': string;
     'entasis/select': string;
+    'entasis/signature-input': string;
     'entasis/slider': string;
     'entasis/switch': string;
     'entasis/tag-group': string;
@@ -65,6 +67,7 @@ export const componentAliases: {
     'entasis/text-area': string;
     'entasis/time-input': string;
     'entasis/voice-input': string;
+    'entasis/address': string;
     'entasis/avatar': string;
     'entasis/chart': string;
     'entasis/chip': string;

package/dist/generated/componentAliases.js

@@ -37,6 +37,7 @@ export const componentAliases = {
 	'entasis/selection-menu': './src/lib/components/SelectionMenu/index.ts',
 	'entasis/ask': './src/lib/components/Form/Ask/index.ts',
 	'entasis/field': './src/lib/components/Form/Field/index.ts',
+	'entasis/address-input': './src/lib/components/Form/AddressInput/index.ts',
 	'entasis/autocomplete': './src/lib/components/Form/Autocomplete/index.ts',
 	'entasis/calendar': './src/lib/components/Form/Calendar/index.ts',
 	'entasis/checkbox': './src/lib/components/Form/Checkbox/index.ts',
@@ -58,6 +59,7 @@ export const componentAliases = {
 	'entasis/rating-input': './src/lib/components/Form/RatingInput/index.ts',
 	'entasis/rich-text-input': './src/lib/components/RichTextInput/index.ts',
 	'entasis/select': './src/lib/components/Form/Select/index.ts',
+	'entasis/signature-input': './src/lib/components/Form/SignatureInput/index.ts',
 	'entasis/slider': './src/lib/components/Form/Slider/index.ts',
 	'entasis/switch': './src/lib/components/Form/Switch/index.ts',
 	'entasis/tag-group': './src/lib/components/Form/TagGroup/index.ts',
@@ -66,6 +68,7 @@ export const componentAliases = {
 	'entasis/text-area': './src/lib/components/Form/TextArea/index.ts',
 	'entasis/time-input': './src/lib/components/Form/TimeInput/index.ts',
 	'entasis/voice-input': './src/lib/components/Form/VoiceInput/index.ts',
+	'entasis/address': './src/lib/components/Address/index.ts',
 	'entasis/avatar': './src/lib/components/Avatar/index.ts',
 	'entasis/chart': './src/lib/components/Chart/index.ts',
 	'entasis/chip': './src/lib/components/Chip/index.ts',

package/dist/generated/componentContract.d.ts

@@ -482,11 +482,25 @@ export declare const componentInventory: readonly [{
     readonly id: "field";
     readonly subpath: "entasis/field";
     readonly sourceIndex: "src/lib/components/Form/Field/index.ts";
-    readonly exportedSymbols: readonly ["BooleanInputType", "CalendarInputType", "ColorInputType", "DateInputType", "Field", "FieldActionButton", "FieldAttributes", "FieldButtonAttributes", "FieldControlAttributes", "FieldHiddenInputOption", "FieldHiddenInputValue", "FieldHiddenInputs", "FieldHiddenInputsProps", "FieldLabelPosition", "FieldMessageOverrides", "FieldMessages", "FieldProps", "FieldState", "FieldTheme", "FieldThemeProps", "FieldValidationResult", "FieldValidatorResult", "FieldValue", "FileInputType", "InputProps", "InputType", "KeyValueInputType", "KeyValuePair", "MultipleChoiceInputType", "NumberInputType", "PinInputType", "RatingInputType", "RichTextInputType", "SingleOptionInputType", "SliderRangeInputType", "TagGroupInputType", "TagInputType", "TextInputType", "TimeInputType", "ValidationMode", "VoiceInputType", "createFieldState", "fieldSchemas", "fieldStructure", "fieldTheme", "llmDescription", "setFieldTheme", "useFieldTheme"];
+    readonly exportedSymbols: readonly ["AddressInputType", "BooleanInputType", "CalendarInputType", "ColorInputType", "DateInputType", "Field", "FieldActionButton", "FieldAttributes", "FieldButtonAttributes", "FieldControlAttributes", "FieldHiddenInputOption", "FieldHiddenInputValue", "FieldHiddenInputs", "FieldHiddenInputsProps", "FieldLabelPosition", "FieldMessageOverrides", "FieldMessages", "FieldProps", "FieldState", "FieldTheme", "FieldThemeProps", "FieldValidationResult", "FieldValidatorResult", "FieldValue", "FileInputType", "InputProps", "InputType", "KeyValueInputType", "KeyValuePair", "MultipleChoiceInputType", "NumberInputType", "PinInputType", "RatingInputType", "RichTextInputType", "SignatureInputType", "SingleOptionInputType", "SliderRangeInputType", "TagGroupInputType", "TagInputType", "TextInputType", "TimeInputType", "ValidationMode", "VoiceInputType", "createFieldState", "fieldSchemas", "fieldStructure", "fieldTheme", "llmDescription", "setFieldTheme", "useFieldTheme"];
     readonly docs: readonly [];
     readonly capabilities: readonly ["svelte", "component", "forms"];
     readonly relatedComponents: readonly ["form"];
     readonly visibility: "public";
+}, {
+    readonly id: "address-input";
+    readonly subpath: "entasis/address-input";
+    readonly sourceIndex: "src/lib/components/Form/AddressInput/index.ts";
+    readonly exportedSymbols: readonly ["AddressFieldConfig", "AddressFieldItem", "AddressFieldRow", "AddressInput", "AddressInputLayout", "AddressInputProps", "AddressInputTheme", "AddressInputThemeProps", "addressInputTheme", "setAddressInputTheme", "useAddressInputTheme"];
+    readonly docs: readonly [{
+        readonly id: "address-input";
+        readonly route: "/components/address-input";
+        readonly category: "Forms";
+        readonly label: "Address input";
+    }];
+    readonly capabilities: readonly ["svelte", "component", "forms"];
+    readonly relatedComponents: readonly ["address", "autocomplete"];
+    readonly visibility: "public";
 }, {
     readonly id: "autocomplete";
     readonly subpath: "entasis/autocomplete";
@@ -781,6 +795,20 @@ export declare const componentInventory: readonly [{
     readonly capabilities: readonly ["svelte", "component", "forms"];
     readonly relatedComponents: readonly ["combobox", "selection-menu"];
     readonly visibility: "public";
+}, {
+    readonly id: "signature-input";
+    readonly subpath: "entasis/signature-input";
+    readonly sourceIndex: "src/lib/components/Form/SignatureInput/index.ts";
+    readonly exportedSymbols: readonly ["SignatureFormat", "SignatureInput", "SignatureInputProps", "SignatureInputTheme", "SignatureInputThemeProps", "SignaturePoint", "SignatureStroke", "setSignatureInputTheme", "signatureInputTheme", "useSignatureInputTheme"];
+    readonly docs: readonly [{
+        readonly id: "signature-input";
+        readonly route: "/components/signature-input";
+        readonly category: "Forms";
+        readonly label: "Signature input";
+    }];
+    readonly capabilities: readonly ["svelte", "component", "forms"];
+    readonly relatedComponents: readonly ["voice-input", "file-input"];
+    readonly visibility: "public";
 }, {
     readonly id: "slider";
     readonly subpath: "entasis/slider";
@@ -893,6 +921,20 @@ export declare const componentInventory: readonly [{
     readonly capabilities: readonly ["svelte", "component", "forms"];
     readonly relatedComponents: readonly ["text-input", "ai-composer"];
     readonly visibility: "public";
+}, {
+    readonly id: "address";
+    readonly subpath: "entasis/address";
+    readonly sourceIndex: "src/lib/components/Address/index.ts";
+    readonly exportedSymbols: readonly ["ADDRESS_FIELDS", "Address", "AddressField", "AddressLayout", "AddressLocation", "AddressProps", "AddressProvider", "AddressProviderRequest", "AddressSuggestion", "AddressTheme", "AddressThemeProps", "AddressValue", "COUNTRY_CODES", "DEFAULT_ADDRESS_ENDPOINT", "FormatAddressOptions", "GooglePlace", "GooglePlaceAddressComponent", "GooglePlacesError", "GooglePlacesProviderOptions", "GooglePlacesProxyOptions", "addressCountryName", "addressTheme", "composeStreetLine", "countryName", "createGooglePlacesProvider", "createGooglePlacesProxy", "formatAddress", "formatAddressLine", "isAddressEmpty", "parseGooglePlace", "setAddressProvider", "setAddressTheme", "useAddressTheme"];
+    readonly docs: readonly [{
+        readonly id: "address";
+        readonly route: "/components/address";
+        readonly category: "Data display";
+        readonly label: "Address";
+    }];
+    readonly capabilities: readonly ["svelte", "component", "dataDisplay"];
+    readonly relatedComponents: readonly ["address-input"];
+    readonly visibility: "public";
 }, {
     readonly id: "avatar";
     readonly subpath: "entasis/avatar";
@@ -1963,6 +2005,7 @@ export declare const relatedComponents: {
     readonly 'selection-menu': readonly ["toggle-menu", "select"];
     readonly ask: readonly [];
     readonly field: readonly ["form"];
+    readonly 'address-input': readonly ["address", "autocomplete"];
     readonly autocomplete: readonly ["combobox", "text-input", "tags-input"];
     readonly calendar: readonly ["date-input", "date-selector", "mini-calendar"];
     readonly checkbox: readonly [];
@@ -1984,6 +2027,7 @@ export declare const relatedComponents: {
     readonly 'rating-input': readonly ["rating"];
     readonly 'rich-text-input': readonly ["text-area", "markdown"];
     readonly select: readonly ["combobox", "selection-menu"];
+    readonly 'signature-input': readonly ["voice-input", "file-input"];
     readonly slider: readonly ["number-input"];
     readonly switch: readonly ["checkbox", "toggle-button"];
     readonly 'tag-group': readonly ["tags-input", "chip"];
@@ -1992,6 +2036,7 @@ export declare const relatedComponents: {
     readonly 'text-area': readonly ["text-input", "rich-text-input"];
     readonly 'time-input': readonly ["date-input"];
     readonly 'voice-input': readonly ["text-input", "ai-composer"];
+    readonly address: readonly ["address-input"];
     readonly avatar: readonly [];
     readonly 'avatar-group': readonly [];
     readonly chart: readonly [];