@pathscale/ui 2.1.0 → 2.2.0

package/README.md

@@ -162,7 +162,7 @@ import — the published size is the whole library, not what ships to your users
 |---|---|
 | **[Live showcase](https://js.software)** | every component, rendered and interactive |
 | **[Usage reference](https://github.com/pathscale/ui/blob/master/docs/ui-usage.md)** | theming, conventions, forms, table, toast, icons, dates |
-| **[Contributing](https://github.com/pathscale/ui/blob/master/CONTRIBUTING.md)** | local setup, playground, component checklist, proposal template |
+| **[Contributing](https://github.com/pathscale/ui/blob/master/CONTRIBUTING.md)** | local setup, component checklist, proposal template |
 
 ## License
 

package/dist/components/accordion/Accordion.css

@@ -16,7 +16,7 @@
     left: 0;
     height: 1px;
     width: 100%;
-    border-radius: 9999px;
+    border-radius: var(--radius-pill, 9999px);
     background-color: var(--color-base-300);
   }
 
@@ -54,8 +54,8 @@
 
   .accordion__trigger:focus-visible,
   .accordion__trigger[data-focus-visible="true"] {
-    outline: 2px solid var(--color-base-content);
-    outline-offset: 2px;
+    outline: var(--focus-ring-width, 2px) solid var(--color-base-content);
+    outline-offset: var(--focus-ring-offset, 2px);
   }
 
   .accordion__item--disabled .accordion__trigger,

package/dist/components/accordion/Accordion.generated.d.ts

@@ -1,11 +1,11 @@
 import type { Component as __LayoutComponent } from "solid-js";
 import "./Accordion.css";
 import { type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
+import type { UIBaseProps, State } from "../vocabulary";
 export type AccordionSelectionMode = "single" | "multiple";
 export type AccordionVariant = "default" | "surface";
 export type AccordionValue = string | string[];
-export type AccordionRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+export type AccordionRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & UIBaseProps & {
     children?: JSX.Element;
     selectionMode?: AccordionSelectionMode;
     value?: AccordionValue;
@@ -13,25 +13,25 @@ export type AccordionRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "child
     onValueChange?: (value: string[]) => void;
     hideSeparator?: boolean;
     variant?: AccordionVariant;
-    isDisabled?: boolean;
+    state?: State;
     disabled?: boolean;
 };
-export type AccordionItemProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+export type AccordionItemProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & UIBaseProps & {
     value?: string;
     children?: JSX.Element;
-    isDisabled?: boolean;
+    state?: State;
     disabled?: boolean;
 };
-export type AccordionTriggerProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "disabled"> & IComponentBaseProps & {
+export type AccordionTriggerProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "disabled"> & UIBaseProps & {
     children?: JSX.Element;
     showIndicator?: boolean;
     indicator?: JSX.Element;
 };
-export type AccordionContentProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+export type AccordionContentProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & UIBaseProps & {
     children?: JSX.Element;
     keepMounted?: boolean;
 };
-export type AccordionIndicatorProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "children"> & IComponentBaseProps & {
+export type AccordionIndicatorProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "children"> & UIBaseProps & {
     children?: JSX.Element;
 };
 declare const AccordionRoot: __LayoutComponent<AccordionRootProps>;

package/dist/components/accordion/Accordion.generated.js

@@ -23,7 +23,6 @@ const __solidLayoutAccordionRoot = (_stable, p)=>{
     const [local, others] = splitProps(p, [
         "children",
         "class",
-        "className",
         "dataTheme",
         "style",
         "selectionMode",
@@ -32,14 +31,14 @@ const __solidLayoutAccordionRoot = (_stable, p)=>{
         "onValueChange",
         "hideSeparator",
         "variant",
-        "isDisabled",
+        "state",
         "disabled",
         "ref"
     ]);
     const selectionMode = ()=>local.selectionMode ?? "single";
     const variant = ()=>local.variant ?? "default";
     const hideSeparator = ()=>Boolean(local.hideSeparator);
-    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled);
+    const isDisabled = ()=>Boolean("disabled" === local.state) || Boolean(local.disabled);
     const [internalValue, setInternalValue] = createSignal(normalizeAccordionValue(local.defaultValue, selectionMode()));
     const selectedValues = createMemo(()=>void 0 !== local.value ? normalizeAccordionValue(local.value, selectionMode()) : normalizeAccordionValue(internalValue(), selectionMode()));
     const isItemExpanded = (value)=>selectedValues().includes(value);
@@ -93,7 +92,7 @@ const __solidLayoutAccordionRoot = (_stable, p)=>{
                 if ("function" == typeof local.ref) local.ref(node);
             }, _el$);
             spread(_el$, mergeProps(others, ()=>({
-                    class: twMerge(CLASSES.Root.base, CLASSES.Root.variant[variant()], local.class, local.className)
+                    class: twMerge(CLASSES.Root.base, CLASSES.Root.variant[variant()], local.class)
                 }), {
                 "data-slot": "accordion",
                 get ["data-selection-mode"] () {
@@ -134,10 +133,9 @@ const __solidLayoutAccordionItem = (_stable, p)=>{
         "value",
         "children",
         "class",
-        "className",
         "dataTheme",
         "style",
-        "isDisabled",
+        "state",
         "disabled"
     ]);
     const uniqueId = createUniqueId();
@@ -145,7 +143,7 @@ const __solidLayoutAccordionItem = (_stable, p)=>{
     const triggerId = ()=>`accordion-trigger-${uniqueId}`;
     const contentId = ()=>`accordion-content-${uniqueId}`;
     const isExpanded = ()=>accordion?.isItemExpanded(itemValue()) ?? false;
-    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled) || Boolean(accordion?.isDisabled());
+    const isDisabled = ()=>Boolean("disabled" === local.state) || Boolean(local.disabled) || Boolean(accordion?.isDisabled());
     const toggle = ()=>{
         if (isDisabled()) return;
         accordion?.toggleItem(itemValue());
@@ -163,7 +161,7 @@ const __solidLayoutAccordionItem = (_stable, p)=>{
         get children () {
             var _el$2 = _tmpl$();
             spread(_el$2, mergeProps(others, ()=>({
-                    class: twMerge(CLASSES.Item.base, isExpanded() && CLASSES.Item.flag.expanded, isDisabled() && CLASSES.Item.flag.disabled, accordion?.hideSeparator() && CLASSES.Item.flag.hideSeparator, local.class, local.className)
+                    class: twMerge(CLASSES.Item.base, isExpanded() && CLASSES.Item.flag.expanded, isDisabled() && CLASSES.Item.flag.disabled, accordion?.hideSeparator() && CLASSES.Item.flag.hideSeparator, local.class)
                 }), {
                 "data-slot": "accordion-item",
                 get ["data-expanded"] () {
@@ -195,7 +193,6 @@ const __solidLayoutAccordionTrigger = (_stable, p)=>{
     const [local, others] = splitProps(p, [
         "children",
         "class",
-        "className",
         "dataTheme",
         "style",
         "onClick",
@@ -230,7 +227,7 @@ const __solidLayoutAccordionTrigger = (_stable, p)=>{
                 return local.type ?? "button";
             }
         }, ()=>({
-                class: twMerge(CLASSES.Trigger.base, local.class, local.className)
+                class: twMerge(CLASSES.Trigger.base, local.class)
             }), {
             "data-slot": "accordion-trigger",
             get ["data-expanded"] () {
@@ -283,7 +280,6 @@ const __solidLayoutAccordionContent = (_stable, p)=>{
     const [local, others] = splitProps(p, [
         "children",
         "class",
-        "className",
         "dataTheme",
         "style",
         "keepMounted"
@@ -299,7 +295,7 @@ const __solidLayoutAccordionContent = (_stable, p)=>{
             },
             role: "region"
         }, ()=>({
-                class: twMerge(CLASSES.Content.base, expanded() && CLASSES.Content.flag.expanded, local.class, local.className)
+                class: twMerge(CLASSES.Content.base, expanded() && CLASSES.Content.flag.expanded, local.class)
             }), {
             "data-slot": "accordion-content",
             get ["data-expanded"] () {
@@ -342,7 +338,6 @@ const __solidLayoutAccordionIndicator = (_stable, p)=>{
     const [local, others] = splitProps(p, [
         "children",
         "class",
-        "className",
         "dataTheme",
         "style"
     ]);
@@ -352,7 +347,7 @@ const __solidLayoutAccordionIndicator = (_stable, p)=>{
         spread(_el$7, mergeProps(others, {
             "aria-hidden": "true"
         }, ()=>({
-                class: twMerge(CLASSES.Indicator.base, expanded() && CLASSES.Indicator.flag.expanded, local.class, local.className)
+                class: twMerge(CLASSES.Indicator.base, expanded() && CLASSES.Indicator.flag.expanded, local.class)
             }), {
             "data-slot": "accordion-indicator",
             get ["data-expanded"] () {

package/dist/components/address/Address.css

@@ -0,0 +1,66 @@
+@layer components {
+  .address {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.375rem;
+    min-width: 0;
+  }
+
+  /* Hex is compared character by character, and a proportional face makes
+     `1` and `l` the same shape. */
+  .address--mono .address__value {
+    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
+    font-variant-ligatures: none;
+  }
+
+  .address__value {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .address__copy,
+  .address__link {
+    display: inline-flex;
+    align-items: center;
+    flex-shrink: 0;
+    border: 0;
+    background: none;
+    padding: 0;
+    color: var(--color-primary);
+    cursor: pointer;
+    text-decoration: none;
+  }
+
+  .address__copy:hover,
+  .address__link:hover {
+    text-decoration: underline;
+  }
+
+  .address__copy:disabled {
+    cursor: not-allowed;
+    color: var(--color-base-content);
+    opacity: 0.5;
+  }
+
+  .address__feedback {
+    color: var(--color-success);
+  }
+
+  .address--xs { font-size: 0.75rem; }
+  .address--sm { font-size: 0.8125rem; }
+  .address--md { font-size: 0.875rem; }
+  .address--lg { font-size: 1rem; }
+  .address--xl { font-size: 1.125rem; }
+
+  .address--loading { opacity: 0.6; }
+  .address--error .address__value,
+  .address--invalid .address__value { color: var(--color-error); }
+
+  .address--disabled {
+    opacity: 0.5;
+    pointer-events: none;
+  }
+
+  .address--hidden { display: none; }
+}

package/dist/components/address/Address.generated.d.ts

@@ -0,0 +1,35 @@
+import type { Component as __LayoutComponent } from "solid-js";
+import "./Address.css";
+import { type JSX } from "solid-js";
+import type { Size, State, UIBaseProps } from "../vocabulary";
+export type AddressTruncate = "middle" | "none";
+export type AddressProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "onCopy"> & UIBaseProps & {
+    /** The address itself. Always the full value, whatever is displayed. */
+    value: string;
+    /**
+     * A resolved name, shown in place of the hex.
+     *
+     * ENS and its equivalents are what the address *means* to a person, so when
+     * one is known it leads. The hex stays reachable through the title and the
+     * copy, because the name is a lookup that can be wrong and the address
+     * cannot.
+     */
+    name?: JSX.Element;
+    /** Full URL to a block explorer. No link is rendered without one. */
+    explorerUrl?: string;
+    truncate?: AddressTruncate;
+    /** Characters kept at each end when truncating. */
+    lead?: number;
+    tail?: number;
+    size?: Size;
+    state?: State;
+    font?: "mono" | "inherit";
+    /** Copying is on by default: it is the reason most of these are on screen. */
+    copyable?: boolean;
+    /** Fired after a successful copy, with the full value. */
+    onCopy?: (value: string) => void;
+    copyLabel?: JSX.Element;
+    copiedLabel?: JSX.Element;
+    explorerLabel?: JSX.Element;
+};
+export declare const AddressLayout: __LayoutComponent<AddressProps>;

package/dist/components/address/Address.generated.js

@@ -0,0 +1,106 @@
+import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
+import { defineComponent } from "solid-layouts/application-boundary";
+import "./Address.css";
+import { Show, createSignal, onCleanup } from "solid-js";
+import { address } from "./Address.recipe.js";
+import { DEFAULT_LEAD, DEFAULT_TAIL, copyAddress, scheduleCopyReset, truncateAddress } from "./Address.interactions.js";
+var _tmpl$ = /*#__PURE__*/ template("<span>"), _tmpl$2 = /*#__PURE__*/ template("<button>"), _tmpl$3 = /*#__PURE__*/ template("<a>"), _tmpl$4 = /*#__PURE__*/ template("<span><span>");
+const __solidLayoutAddressLayout = (_stable, p)=>{
+    const [copied, setCopied] = createSignal(false);
+    let cancel;
+    onCleanup(()=>cancel?.());
+    const shown = ()=>"none" === p.truncate ? p.value : truncateAddress(p.value, {
+            lead: p.lead ?? DEFAULT_LEAD,
+            tail: p.tail ?? DEFAULT_TAIL
+        });
+    const copy = async ()=>{
+        if (!await copyAddress(p.value)) return;
+        p.onCopy?.(p.value);
+        setCopied(true);
+        cancel?.();
+        cancel = scheduleCopyReset(()=>setCopied(false));
+    };
+    return (()=>{
+        var _el$ = _tmpl$4(), _el$2 = _el$.firstChild;
+        spread(_el$, mergeProps(()=>_stable.slot.root, {
+            get ["data-state"] () {
+                return p.state ?? "default";
+            }
+        }), false, true);
+        spread(_el$2, mergeProps(()=>_stable.slot.value, {
+            get title () {
+                return p.value;
+            }
+        }), false, true);
+        insert(_el$2, createComponent(Show, {
+            get when () {
+                return p.name;
+            },
+            get fallback () {
+                return shown();
+            },
+            get children () {
+                return p.name;
+            }
+        }));
+        insert(_el$, createComponent(Show, {
+            get when () {
+                return false !== p.copyable;
+            },
+            get children () {
+                var _el$3 = _tmpl$2();
+                spread(_el$3, mergeProps(()=>_stable.slot.copy, {
+                    type: "button",
+                    onClick: copy,
+                    get disabled () {
+                        return "disabled" === p.state;
+                    },
+                    get ["aria-label"] () {
+                        return memo(()=>!!copied())() ? void 0 : p.copyLabel ?? "Copy address";
+                    }
+                }), false, true);
+                insert(_el$3, createComponent(Show, {
+                    get when () {
+                        return copied();
+                    },
+                    get fallback () {
+                        return p.copyLabel ?? "Copy";
+                    },
+                    get children () {
+                        var _el$4 = _tmpl$();
+                        spread(_el$4, mergeProps(()=>_stable.slot.feedback, {
+                            role: "status"
+                        }), false, true);
+                        insert(_el$4, ()=>p.copiedLabel ?? "Copied");
+                        return _el$4;
+                    }
+                }));
+                return _el$3;
+            }
+        }), null);
+        insert(_el$, createComponent(Show, {
+            get when () {
+                return p.explorerUrl;
+            },
+            get children () {
+                var _el$5 = _tmpl$3();
+                spread(_el$5, mergeProps(()=>_stable.slot.link, {
+                    get href () {
+                        return p.explorerUrl;
+                    },
+                    target: "_blank",
+                    rel: "noreferrer noopener"
+                }), false, true);
+                insert(_el$5, ()=>p.explorerLabel ?? "View");
+                return _el$5;
+            }
+        }), null);
+        return _el$;
+    })();
+};
+const AddressLayout = defineComponent({
+    recipe: address,
+    layout: __solidLayoutAddressLayout,
+    embedded: true
+});
+export { AddressLayout };

package/dist/components/address/Address.interactions.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Pure helpers behind `Address`.
+ *
+ * They live apart from the Layout for two reasons. A `.layout.tsx` template
+ * resolves free identifiers against props, so a bare `setTimeout` in that file
+ * compiles to `props.setTimeout`; and truncation is the part worth testing
+ * directly, because getting it wrong is how two different addresses come to
+ * look identical on screen.
+ */
+/** How long "Copied" stays up. Long enough to read, short enough not to lie. */
+export declare const COPY_FEEDBACK_MS = 1200;
+export type TruncateOptions = {
+    /** Characters kept at the front, including any `0x`. */
+    lead?: number;
+    /** Characters kept at the end. */
+    tail?: number;
+};
+export declare const DEFAULT_LEAD = 6;
+export declare const DEFAULT_TAIL = 4;
+/**
+ * Shorten in the middle, never at the end.
+ *
+ * The tail is the part that distinguishes two addresses at a glance — every
+ * Ethereum address starts `0x` and a shared prefix is common, so an ellipsis
+ * at the end produces two labels that look the same and refer to different
+ * wallets. Keeping both ends is what makes the short form safe to compare.
+ *
+ * Returns the value unchanged when shortening would not actually shorten it,
+ * so a short address never gains an ellipsis it does not need.
+ */
+export declare const truncateAddress: (value: string, options?: TruncateOptions) => string;
+/**
+ * Copy, and report whether it worked.
+ *
+ * The clipboard is permission-gated and absent in several runtimes we ship
+ * into — Blitz exposes the DOM shape before every method has an implementation,
+ * so a bare call throws rather than returning a rejected promise. A caller that
+ * gets `false` should leave the address selectable rather than claim a copy
+ * that did not happen.
+ */
+export declare const copyAddress: (value: string) => Promise<boolean>;
+/**
+ * Clear the copied flag after the feedback window.
+ *
+ * Returns the cancel function so an unmount between the copy and the timeout
+ * does not write to a disposed signal.
+ */
+export declare const scheduleCopyReset: (reset: () => void) => (() => void);

package/dist/components/address/Address.interactions.js

@@ -0,0 +1,25 @@
+const COPY_FEEDBACK_MS = 1200;
+const DEFAULT_LEAD = 6;
+const DEFAULT_TAIL = 4;
+const truncateAddress = (value, options = {})=>{
+    const lead = Math.max(0, options.lead ?? DEFAULT_LEAD);
+    const tail = Math.max(0, options.tail ?? DEFAULT_TAIL);
+    if (!value) return "";
+    if (value.length <= lead + tail + 1) return value;
+    return `${value.slice(0, lead)}…${value.slice(value.length - tail)}`;
+};
+const copyAddress = async (value)=>{
+    try {
+        const clipboard = globalThis.navigator?.clipboard;
+        if ("function" != typeof clipboard?.writeText) return false;
+        await clipboard.writeText(value);
+        return true;
+    } catch  {
+        return false;
+    }
+};
+const scheduleCopyReset = (reset)=>{
+    const handle = setTimeout(reset, COPY_FEEDBACK_MS);
+    return ()=>clearTimeout(handle);
+};
+export { COPY_FEEDBACK_MS, DEFAULT_LEAD, DEFAULT_TAIL, copyAddress, scheduleCopyReset, truncateAddress };

package/dist/components/address/Address.recipe.d.ts

@@ -0,0 +1,60 @@
+/**
+ * A blockchain address, shown the way people actually read one.
+ *
+ * The survey found wallet addresses in two apps and a `truncateAddress` helper
+ * living in one of them and nowhere else, which is the usual sign that a
+ * component is missing rather than that the need is rare. Rendering the hex is
+ * the easy part; what every call site rebuilds is the middle truncation, the
+ * copy affordance and its confirmation, and the link out to an explorer.
+ *
+ * Deliberately not a form input. This displays an address someone already has;
+ * entering one is `Input` with a validator.
+ */
+export declare const address: import("solid-layouts").Recipe<{
+    readonly component: "address";
+    readonly element: "span";
+    readonly slots: {
+        readonly root: {
+            readonly base: "address";
+        };
+        readonly value: {
+            readonly base: "address__value";
+        };
+        readonly copy: {
+            readonly base: "address__copy";
+        };
+        readonly link: {
+            readonly base: "address__link";
+        };
+        readonly feedback: {
+            readonly base: "address__feedback";
+        };
+    };
+    readonly props: {
+        readonly size: {
+            readonly xs: "address--xs";
+            readonly sm: "address--sm";
+            readonly md: "address--md";
+            readonly lg: "address--lg";
+            readonly xl: "address--xl";
+        };
+        readonly state: {
+            readonly default: "";
+            readonly loading: "address--loading";
+            readonly error: "address--error";
+            readonly invalid: "address--invalid";
+            readonly disabled: "address--disabled";
+            readonly hidden: "address--hidden";
+        };
+        /** Monospace by default: hex is compared character by character. */
+        readonly font: {
+            readonly mono: "address--mono";
+            readonly inherit: "";
+        };
+    };
+    readonly defaults: {
+        readonly size: "md";
+        readonly state: "default";
+        readonly font: "mono";
+    };
+}>;

package/dist/components/address/Address.recipe.js

@@ -0,0 +1,101 @@
+import { recipe } from "../../lib/layouts/index.js";
+const address = recipe({
+    component: "address",
+    element: "span",
+    slots: {
+        root: {
+            base: "address"
+        },
+        value: {
+            base: "address__value"
+        },
+        copy: {
+            base: "address__copy"
+        },
+        link: {
+            base: "address__link"
+        },
+        feedback: {
+            base: "address__feedback"
+        }
+    },
+    props: {
+        size: {
+            xs: "address--xs",
+            sm: "address--sm",
+            md: "address--md",
+            lg: "address--lg",
+            xl: "address--xl"
+        },
+        state: {
+            default: "",
+            loading: "address--loading",
+            error: "address--error",
+            invalid: "address--invalid",
+            disabled: "address--disabled",
+            hidden: "address--hidden"
+        },
+        font: {
+            mono: "address--mono",
+            inherit: ""
+        }
+    },
+    defaults: {
+        size: "md",
+        state: "default",
+        font: "mono"
+    },
+    _layouts: {
+        slots: {
+            root: {
+                base: "address",
+                axes: {
+                    size: {
+                        xs: "address--xs",
+                        sm: "address--sm",
+                        md: "address--md",
+                        lg: "address--lg",
+                        xl: "address--xl"
+                    },
+                    state: {
+                        default: "",
+                        loading: "address--loading",
+                        error: "address--error",
+                        invalid: "address--invalid",
+                        disabled: "address--disabled",
+                        hidden: "address--hidden"
+                    },
+                    font: {
+                        mono: "address--mono",
+                        inherit: ""
+                    }
+                }
+            },
+            value: {
+                base: "address__value",
+                axes: {}
+            },
+            copy: {
+                base: "address__copy",
+                axes: {}
+            },
+            link: {
+                base: "address__link",
+                axes: {}
+            },
+            feedback: {
+                base: "address__feedback",
+                axes: {}
+            }
+        },
+        stateKeys: [],
+        slotIds: {
+            root: 3,
+            value: 4,
+            copy: 0,
+            link: 2,
+            feedback: 1
+        }
+    }
+});
+export { address };

package/dist/components/address/index.d.ts

@@ -0,0 +1,5 @@
+export { AddressLayout as default, AddressLayout as Address } from "./Address.generated";
+export type { AddressProps, AddressTruncate } from "./Address.generated";
+export { address } from "./Address.recipe";
+export { truncateAddress, copyAddress, COPY_FEEDBACK_MS, DEFAULT_LEAD, DEFAULT_TAIL, } from "./Address.interactions";
+export type { TruncateOptions } from "./Address.interactions";

package/dist/components/address/index.js

@@ -0,0 +1,3 @@
+export { AddressLayout as Address, AddressLayout as default } from "./Address.generated.js";
+export { address } from "./Address.recipe.js";
+export { COPY_FEEDBACK_MS, DEFAULT_LEAD, DEFAULT_TAIL, copyAddress, truncateAddress } from "./Address.interactions.js";