@multiplatform.one/forms 7.55.0 → 7.56.0

package/src/DescriptionList/index.tsx

@@ -7,15 +7,20 @@
  * read/edit flip moves no label (LC-44). Chromeless by default (LC-39);
  * the framed variant paints, so it earns the Card inset.
  *
- * House Text (14/25 + body fragment + textAccent) and house Separator
- * (1px `$borderColor`, quiet = opacity 0.5) own the term and the row rule.
+ * LC-169 CARD-HIERARCHY: the term is the label role (footnote size,
+ * secondary ink) and the value the body in the primary ink, so a label never
+ * reads at its value's size, weight and ink. An `identifier` row (a URL, an
+ * id) is mono, one line, truncated in the middle, with copy. House Separator
+ * (1px `$borderColor`, quiet = opacity 0.5) owns the row rule.
  * Forms cannot import `@multiplatform.one/components` (that package depends
  * on forms); the recipes are the same measured law.
  */
 
 import {
   Children,
+  createContext,
   isValidElement,
+  useContext,
   useLayoutEffect,
   useMemo,
   useRef,
@@ -25,7 +30,14 @@ import {
   type ReactNode,
   type Ref,
 } from "react";
-import { compareSizeTokens, useResolvedKnobs } from "@multiplatform.one/theme";
+import { writeToClipboard } from "@multiplatform.one/platform";
+import {
+  IconSlot,
+  compareSizeTokens,
+  useGlyphColor,
+  useResolvedKnobs,
+} from "@multiplatform.one/theme";
+import { CopyIcon } from "@phosphor-icons/react";
 import { type SizeTokens, Text, View, XStack, YStack, isWeb } from "tamagui";
 import { Button } from "../Button";
 import { FORM_GRID_COLLAPSE_WIDTH } from "../FormGrid";
@@ -34,10 +46,17 @@ import { formReadableMaxWidth } from "../formSpacing";
 import { DescriptionListSlotProvider, FieldDisplay, type FieldDisplayType } from "../FieldDisplay";
 import { t } from "../shared/t";
 
-export type DescriptionListPlacement = "side" | "top";
+/**
+ * `inline` is the card fact row (LC-169): glyph and label leading, the value
+ * trailing on the same line, a hairline between rows. An identifier row still
+ * stacks, since a long mono id cannot share its line.
+ */
+export type DescriptionListPlacement = "side" | "top" | "inline";
 
 export interface DescriptionListItem {
   term: ReactNode;
+  /** A glyph that names the fact's kind, before the term in the secondary ink. */
+  icon?: ReactNode;
   /** FieldDisplay type — every typed value mounts FieldDisplay (LC-12). */
   field?: FieldDisplayType;
   value?: any;
@@ -45,6 +64,11 @@ export interface DescriptionListItem {
   linkedValue?: any;
   /** Opt-in ellipsis for identifier-class values (DG-OVF). */
   truncate?: boolean;
+  /**
+   * A long identifier (URL, id, digest): mono, one line, truncated in the
+   * middle so both ends stay legible, with a copy action (LC-169).
+   */
+  identifier?: boolean;
   /** Optional per-row Change action. */
   onChange?: () => void;
   changeLabel?: string;
@@ -83,6 +107,8 @@ export interface DescriptionListProps {
    * tight rhythm (shorter rows, `gapSm` columns).
    */
   size?: SizeTokens;
+  /** Called after an identifier row's copy, for the owner's confirm (CopyField precedent). */
+  onCopyResult?: (ok: boolean) => void;
   testID?: string;
 }
 
@@ -114,7 +140,7 @@ function resolvePlacement(
   prop: DescriptionListPlacement | undefined,
   knobPlacement: string,
 ): DescriptionListPlacement {
-  if (prop === "side" || prop === "top") return prop;
+  if (prop === "side" || prop === "top" || prop === "inline") return prop;
   if (knobPlacement === "top" || knobPlacement === "side") {
     return knobPlacement;
   }
@@ -154,15 +180,17 @@ function ListRule({ quiet }: { quiet?: boolean }) {
   );
 }
 
-function TermText({ children }: { children: ReactNode }) {
+function TermText({ children, inline = false }: { children: ReactNode; inline?: boolean }) {
   const { knobProps } = useResolvedKnobs();
   return (
     <Text
       data-mpo-description-list-term=""
-      fontSize={14}
-      lineHeight={25}
-      {...knobProps.body}
-      color="$color11"
+      // LC-169: a stacked term is the label role (a size under its value, the
+      // secondary ink); an inline one shares the value's line, so it takes the
+      // value's size and differs by ink.
+      {...(inline
+        ? { ...knobProps.body, ...knobProps.label, color: "$textMuted" }
+        : knobProps.textRole.label)}
       minWidth={0}
       // `overflowWrap` is not a tamagui style prop; passed as one it reaches
       // the DOM host as an unknown React prop. Web takes it through `style`.
@@ -173,6 +201,24 @@ function TermText({ children }: { children: ReactNode }) {
   );
 }
 
+function TermLead({ row, inline = false }: { row: DescriptionListItem; inline?: boolean }) {
+  const { knobProps } = useResolvedKnobs();
+  const ink = useGlyphColor("$textMuted");
+  if (row.icon == null) return <TermText inline={inline}>{row.term}</TermText>;
+  return (
+    <XStack alignItems="center" minWidth={0} {...knobProps.gapSm}>
+      <View
+        aria-hidden
+        flexShrink={0}
+        {...(isWeb && ink ? ({ style: { color: ink } } as Record<string, unknown>) : {})}
+      >
+        <IconSlot icon={row.icon} color={ink} size={16} />
+      </View>
+      <TermText inline={inline}>{row.term}</TermText>
+    </XStack>
+  );
+}
+
 function ChangeAction({ onChange, label }: { onChange: () => void; label?: string }) {
   return (
     <View data-mpo-description-list-action="" alignItems="flex-start" justifyContent="flex-end">
@@ -183,21 +229,105 @@ function ChangeAction({ onChange, label }: { onChange: () => void; label?: strin
   );
 }
 
-function ValueSlot({ row }: { row: DescriptionListItem }) {
+/**
+ * Where a long identifier splits for middle truncation: the tail keeps the
+ * last path segments that fit in 20 characters (`/auth/realms/master`), or
+ * the last 12 characters when there is no path.
+ */
+export function middleSplit(text: string): [string, string] {
+  if (text.length <= 24) return [text, ""];
+  let start = text.length - 12;
+  let from = text.length - 2;
+  for (;;) {
+    const slash = text.lastIndexOf("/", from);
+    if (slash <= 0 || text.length - slash > 20) break;
+    start = slash;
+    from = slash - 1;
+  }
+  return [text.slice(0, start), text.slice(start)];
+}
+
+/**
+ * The glyph never flips (DG-FB-01 / LC-16): the confirm is the owner's, through
+ * `onCopyResult`, the same channel Input's copy end-cap uses (CopyField routes
+ * it to notify()).
+ */
+const CopyResultContext = createContext<((ok: boolean) => void) | undefined>(undefined);
+
+function IdentifierValue({ text }: { text: string }) {
+  const onCopyResult = useContext(CopyResultContext);
+  const { knobProps } = useResolvedKnobs();
+  const [head, tail] = middleSplit(text);
+  const ink = { ...knobProps.body, fontFamily: "$mono", color: "$color" } as const;
+  const copy = async () => {
+    const ok = await writeToClipboard(text);
+    onCopyResult?.(ok);
+  };
+  return (
+    <XStack
+      data-mpo-description-list-identifier=""
+      alignItems="center"
+      minWidth={0}
+      width="100%"
+      {...knobProps.gapSm}
+    >
+      {isWeb ? (
+        <XStack flex={1} minWidth={0} {...({ title: text } as Record<string, unknown>)}>
+          <Text {...ink} numberOfLines={1} flexShrink={1} minWidth={0}>
+            {head}
+          </Text>
+          {tail ? (
+            <Text {...ink} numberOfLines={1} flexShrink={0}>
+              {tail}
+            </Text>
+          ) : null}
+        </XStack>
+      ) : (
+        <Text {...ink} flex={1} minWidth={0} numberOfLines={1} ellipsizeMode="middle">
+          {text}
+        </Text>
+      )}
+      <Button
+        nested
+        chromeless
+        circular
+        flexShrink={0}
+        icon={<CopyIcon />}
+        aria-label={t("Copy to clipboard")}
+        onPress={() => void copy()}
+      />
+    </XStack>
+  );
+}
+
+function ValueSlot({ row, trailing = false }: { row: DescriptionListItem; trailing?: boolean }) {
   return (
     <View data-mpo-description-list-value="" minWidth={0} width="100%">
       {row.children != null ? (
-        row.children
+        trailing ? (
+          <XStack justifyContent="flex-end" alignItems="center" minWidth={0} width="100%">
+            {row.children}
+          </XStack>
+        ) : (
+          row.children
+        )
+      ) : row.identifier && row.value != null && row.value !== "" ? (
+        <IdentifierValue text={String(row.value)} />
       ) : (
-        <FieldDisplay
-          field={row.field ?? "input"}
-          value={row.value}
-          fieldProps={row.fieldProps}
-          linkedValue={row.linkedValue}
-          chromeless
-          align="left"
-          truncate={row.truncate}
-        />
+        // FieldDisplay grows on flex 1 from a zero basis; in a column with no
+        // height of its own that collapsed it to 0 and the next rule ran
+        // through the value. A row lets it grow across and keep its height.
+        <XStack minWidth={0} width="100%">
+          <FieldDisplay
+            field={row.field ?? "input"}
+            value={row.value}
+            fieldProps={row.fieldProps}
+            linkedValue={row.linkedValue}
+            chromeless
+            align={trailing ? "right" : "left"}
+            truncate={trailing || row.truncate}
+          />
+        </XStack>
       )}
     </View>
   );
@@ -206,6 +336,7 @@ function ValueSlot({ row }: { row: DescriptionListItem }) {
 function DescriptionListRowView({
   row,
   stacked,
+  inline = false,
   hasActionColumn,
   rhythm,
   showRule,
@@ -213,6 +344,7 @@ function DescriptionListRowView({
 }: {
   row: DescriptionListItem;
   stacked: boolean;
+  inline?: boolean;
   hasActionColumn: boolean;
   rhythm: ReturnType<typeof listItemRhythm>;
   showRule: boolean;
@@ -224,20 +356,23 @@ function DescriptionListRowView({
     <View data-mpo-description-list-action="" />
   ) : null;
 
-  const rowStyle: CSSProperties | undefined = isWeb
-    ? stacked
-      ? {
-          display: "grid",
-          gridTemplateColumns: hasActionColumn ? "minmax(0,1fr) max-content" : "minmax(0,1fr)",
-          columnGap: undefined,
-          rowGap: undefined,
-        }
-      : {
-          display: "grid",
-          gridTemplateColumns: "subgrid",
-          gridColumn: "1 / -1",
-        }
-    : undefined;
+  const oneLine = inline && !row.identifier;
+  const rowStyle: CSSProperties | undefined = oneLine
+    ? undefined
+    : isWeb
+      ? stacked
+        ? {
+            display: "grid",
+            gridTemplateColumns: hasActionColumn ? "minmax(0,1fr) max-content" : "minmax(0,1fr)",
+            columnGap: undefined,
+            rowGap: undefined,
+          }
+        : {
+            display: "grid",
+            gridTemplateColumns: "subgrid",
+            gridColumn: "1 / -1",
+          }
+      : undefined;
 
   const termStyle: CSSProperties | undefined = isWeb
     ? stacked
@@ -255,10 +390,20 @@ function DescriptionListRowView({
       : { justifySelf: "end" }
     : undefined;
 
-  const body = stacked ? (
+  const body = oneLine ? (
+    <XStack alignItems="center" width="100%" minWidth={0} gap={rhythm.columnGap as never}>
+      <View flexShrink={0} maxWidth="60%" minWidth={0}>
+        <TermLead row={row} inline />
+      </View>
+      <View flex={1} minWidth={0}>
+        <ValueSlot row={row} trailing />
+      </View>
+      {action}
+    </XStack>
+  ) : stacked ? (
     <>
       <View style={termStyle}>
-        <TermText>{row.term}</TermText>
+        <TermLead row={row} />
       </View>
       {action ? <View style={actionStyle}>{action}</View> : null}
       <View style={valueStyle} paddingTop={rhythm.stackGap as never}>
@@ -268,7 +413,7 @@ function DescriptionListRowView({
   ) : isWeb ? (
     <>
       <View style={termStyle}>
-        <TermText>{row.term}</TermText>
+        <TermLead row={row} />
       </View>
       <View style={valueStyle}>
         <ValueSlot row={row} />
@@ -283,7 +428,7 @@ function DescriptionListRowView({
         flexShrink={0}
         width={`${purposeMaxCh()}ch` as never}
       >
-        <TermText>{row.term}</TermText>
+        <TermLead row={row} />
       </View>
       <View flex={1} minWidth={0}>
         <ValueSlot row={row} />
@@ -314,6 +459,7 @@ function DescriptionListRowView({
 function DescriptionListWeb({
   rows,
   stacked,
+  inline,
   hasAction,
   rhythm,
   quiet,
@@ -324,6 +470,7 @@ function DescriptionListWeb({
 }: {
   rows: DescriptionListItem[];
   stacked: boolean;
+  inline: boolean;
   hasAction: boolean;
   rhythm: ReturnType<typeof listItemRhythm>;
   quiet?: boolean;
@@ -374,6 +521,7 @@ function DescriptionListWeb({
           key={index}
           row={row}
           stacked={stacked}
+          inline={inline}
           hasActionColumn={hasAction}
           rhythm={rhythm}
           showRule={index > 0}
@@ -443,6 +591,7 @@ export function DescriptionList({
   maxWidth = formReadableMaxWidth,
   labelColumnWidth = LABEL_COLUMN_WIDTH,
   size,
+  onCopyResult,
   testID,
 }: DescriptionListProps) {
   const { knobProps } = useResolvedKnobs({ size });
@@ -456,50 +605,55 @@ export function DescriptionList({
   const hasAction = rows.some(rowHasAction);
   const measureCollapse = placement === "side";
   const { ref, wide, onLayout } = useContainerWide(measureCollapse);
-  const stacked = placement === "top" || (placement === "side" && !wide);
+  const inline = placement === "inline";
+  const stacked = placement === "top" || inline || (placement === "side" && !wide);
 
   const list = (
-    <DescriptionListSlotProvider>
-      {isWeb ? (
-        <DescriptionListWeb
-          rows={rows}
-          stacked={stacked}
-          hasAction={hasAction}
-          rhythm={rhythm}
-          quiet={quiet}
-          labelColumnWidth={labelColumnWidth}
-          sizeToken={knobProps.sizeToken}
-          placement={placement}
-          framed={framed}
-        />
-      ) : (
-        <YStack
-          data-mpo-description-list=""
-          data-placement={placement}
-          data-stacked={stacked ? "true" : "false"}
-          data-rhythm={rhythm.tight ? "tight" : "regular"}
-          data-framed={framed ? "true" : "false"}
-          data-quiet={quiet ? "true" : "false"}
-          data-has-action={hasAction ? "true" : "false"}
-          data-label-column-width={labelColumnWidth}
-          data-size-token={knobProps.sizeToken}
-          width="100%"
-          minWidth={0}
-        >
-          {rows.map((row, index) => (
-            <DescriptionListRowView
-              key={index}
-              row={row}
-              stacked={stacked}
-              hasActionColumn={hasAction}
-              rhythm={rhythm}
-              showRule={index > 0}
-              quiet={quiet}
-            />
-          ))}
-        </YStack>
-      )}
-    </DescriptionListSlotProvider>
+    <CopyResultContext.Provider value={onCopyResult}>
+      <DescriptionListSlotProvider>
+        {isWeb ? (
+          <DescriptionListWeb
+            rows={rows}
+            stacked={stacked}
+            inline={inline}
+            hasAction={hasAction}
+            rhythm={rhythm}
+            quiet={quiet}
+            labelColumnWidth={labelColumnWidth}
+            sizeToken={knobProps.sizeToken}
+            placement={placement}
+            framed={framed}
+          />
+        ) : (
+          <YStack
+            data-mpo-description-list=""
+            data-placement={placement}
+            data-stacked={stacked ? "true" : "false"}
+            data-rhythm={rhythm.tight ? "tight" : "regular"}
+            data-framed={framed ? "true" : "false"}
+            data-quiet={quiet ? "true" : "false"}
+            data-has-action={hasAction ? "true" : "false"}
+            data-label-column-width={labelColumnWidth}
+            data-size-token={knobProps.sizeToken}
+            width="100%"
+            minWidth={0}
+          >
+            {rows.map((row, index) => (
+              <DescriptionListRowView
+                key={index}
+                row={row}
+                stacked={stacked}
+                inline={inline}
+                hasActionColumn={hasAction}
+                rhythm={rhythm}
+                showRule={index > 0}
+                quiet={quiet}
+              />
+            ))}
+          </YStack>
+        )}
+      </DescriptionListSlotProvider>
+    </CopyResultContext.Provider>
   );
 
   const widthProps = {

package/src/FieldDisplay/index.tsx

@@ -193,8 +193,10 @@ function useDisplayChrome() {
   };
 }
 
+const frameJustify = { left: "flex-start", center: "center", right: "flex-end" } as const;
+
 function DisplayFrame({ field, children }: { field: FieldDisplayType; children: ReactNode }) {
-  const { knobProps, chromeless } = useDisplayChrome();
+  const { knobProps, chromeless, align } = useDisplayChrome();
   if (chromeless) {
     return (
       <XStack
@@ -202,7 +204,7 @@ function DisplayFrame({ field, children }: { field: FieldDisplayType; children:
         data-field={field}
         data-chromeless=""
         alignItems="center"
-        justifyContent="flex-start"
+        justifyContent={frameJustify[align ?? "left"]}
         minWidth={0}
         flex={1}
         width="100%"

package/src/fields/Switch/Switch.spec.tsx

@@ -534,3 +534,24 @@ describe("Switch thumb and pointer paint", () => {
     expect(onPressOut).toHaveBeenCalledTimes(1);
   });
 });
+
+describe("Switch labelPlacement (HIG settings row)", () => {
+  it("leading: the label leads and the switch sits at the trailing edge, switch first in the DOM", () => {
+    const result = renderWithProviders(
+      <Switch id="lead" label="Email notifications" labelPlacement="leading" />,
+    );
+    const control = result.getByRole("switch");
+    const row = result.getByText("Email notifications").parentElement as HTMLElement;
+    expect(row.contains(control)).toBe(true);
+    expect(String(row.className)).toMatch(/_fd-row-reverse/);
+    // LC-102: the label takes the free space; the row is never spaced apart.
+    expect(String(row.className)).not.toMatch(/_jc-space-between/);
+    expect(String(result.getByText("Email notifications").className)).toMatch(/_fg-1/);
+  });
+
+  it("trailing (default): no reversed row", () => {
+    const result = renderWithProviders(<Switch id="trail" label="Push notifications" />);
+    const row = result.getByText("Push notifications").parentElement as HTMLElement;
+    expect(String(row.className)).not.toMatch(/_fd-row-reverse/);
+  });
+});

package/src/fields/Switch/index.tsx

@@ -721,6 +721,12 @@ export interface SwitchProps {
   "aria-labelledby"?: string;
   leftIcon?: ReactNode;
   rightIcon?: ReactNode;
+  /**
+   * `leading` puts the label first and the switch at the row's trailing edge,
+   * the HIG settings row (label left, control right, full width). Default
+   * `trailing`: switch, then label.
+   */
+  labelPlacement?: "leading" | "trailing";
   switchProps?: Omit<
     TamaguiSwitchProps,
     "checked" | "defaultChecked" | "id" | "onCheckedChange" | "children"
@@ -760,11 +766,21 @@ export function Switch({
   "aria-labelledby": ariaLabelledBy,
   leftIcon,
   rightIcon,
+  labelPlacement = "trailing",
   switchProps,
   pointy,
   skeleton,
   minTargetHeight,
 }: SwitchProps) {
+  // The switch stays first in the DOM (focus and reading order); the row
+  // reverses so the label leads and the switch sits at the trailing edge.
+  const labelLeadingRow =
+    labelPlacement === "leading" && label
+      ? ({ flexDirection: "row-reverse", width: "100%" } as const)
+      : undefined;
+  // LC-102: the leading label takes the free space, so the switch hugs the
+  // trailing edge without spacing the row apart.
+  const leadingLabelFill = labelLeadingRow ? ({ flex: 1, minWidth: 0 } as const) : undefined;
   const hydrationTouch = useTouchSurface();
   // Canonical `onChange` and the alias `onCheckedChange` both fire; standalone
   // (formless) callers get real toggling from either name.
@@ -1037,6 +1053,7 @@ export function Switch({
           alignItems="center"
           height={sizeToken}
           {...(rowMinHeight !== undefined && { minHeight: rowMinHeight })}
+          {...labelLeadingRow}
         >
           {renderSwitch(
             resolvedChecked,
@@ -1059,6 +1076,7 @@ export function Switch({
                 ...text.focusVisibleKnobProps,
               }}
               paddingInlineEnd="$1"
+              {...leadingLabelFill}
               {...labelProps}
             >
               {label}
@@ -1095,6 +1113,7 @@ export function Switch({
               alignItems="center"
               height={sizeToken}
               {...(rowMinHeight !== undefined && { minHeight: rowMinHeight })}
+              {...labelLeadingRow}
             >
               {renderSwitch(
                 checked !== undefined ? checked : Boolean(field.state.value),
@@ -1120,6 +1139,7 @@ export function Switch({
                   focusStyle={{ color: formLabelColor, ...text.focusKnobProps }}
                   focusVisibleStyle={{ color: formLabelColor, ...text.focusVisibleKnobProps }}
                   paddingInlineEnd="$1"
+                  {...leadingLabelFill}
                   {...labelProps}
                 >
                   {label}

package/types/DescriptionList/index.d.ts

@@ -7,17 +7,27 @@
  * read/edit flip moves no label (LC-44). Chromeless by default (LC-39);
  * the framed variant paints, so it earns the Card inset.
  *
- * House Text (14/25 + body fragment + textAccent) and house Separator
- * (1px `$borderColor`, quiet = opacity 0.5) own the term and the row rule.
+ * LC-169 CARD-HIERARCHY: the term is the label role (footnote size,
+ * secondary ink) and the value the body in the primary ink, so a label never
+ * reads at its value's size, weight and ink. An `identifier` row (a URL, an
+ * id) is mono, one line, truncated in the middle, with copy. House Separator
+ * (1px `$borderColor`, quiet = opacity 0.5) owns the row rule.
  * Forms cannot import `@multiplatform.one/components` (that package depends
  * on forms); the recipes are the same measured law.
  */
 import { type ReactElement, type ReactNode } from "react";
 import { type SizeTokens } from "tamagui";
 import { type FieldDisplayType } from "../FieldDisplay";
-export type DescriptionListPlacement = "side" | "top";
+/**
+ * `inline` is the card fact row (LC-169): glyph and label leading, the value
+ * trailing on the same line, a hairline between rows. An identifier row still
+ * stacks, since a long mono id cannot share its line.
+ */
+export type DescriptionListPlacement = "side" | "top" | "inline";
 export interface DescriptionListItem {
     term: ReactNode;
+    /** A glyph that names the fact's kind, before the term in the secondary ink. */
+    icon?: ReactNode;
     /** FieldDisplay type — every typed value mounts FieldDisplay (LC-12). */
     field?: FieldDisplayType;
     value?: any;
@@ -25,6 +35,11 @@ export interface DescriptionListItem {
     linkedValue?: any;
     /** Opt-in ellipsis for identifier-class values (DG-OVF). */
     truncate?: boolean;
+    /**
+     * A long identifier (URL, id, digest): mono, one line, truncated in the
+     * middle so both ends stay legible, with a copy action (LC-169).
+     */
+    identifier?: boolean;
     /** Optional per-row Change action. */
     onChange?: () => void;
     changeLabel?: string;
@@ -61,9 +76,17 @@ export interface DescriptionListProps {
      * tight rhythm (shorter rows, `gapSm` columns).
      */
     size?: SizeTokens;
+    /** Called after an identifier row's copy, for the owner's confirm (CopyField precedent). */
+    onCopyResult?: (ok: boolean) => void;
     testID?: string;
 }
-export declare function DescriptionList({ items, children, placement: placementProp, framed, quiet, maxWidth, labelColumnWidth, size, testID, }: DescriptionListProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Where a long identifier splits for middle truncation: the tail keeps the
+ * last path segments that fit in 20 characters (`/auth/realms/master`), or
+ * the last 12 characters when there is no path.
+ */
+export declare function middleSplit(text: string): [string, string];
+export declare function DescriptionList({ items, children, placement: placementProp, framed, quiet, maxWidth, labelColumnWidth, size, onCopyResult, testID, }: DescriptionListProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace DescriptionList {
     var Row: typeof DescriptionListRow;
 }

package/types/DescriptionList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DescriptionList/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,UAAU,EAAqC,MAAM,SAAS,CAAC;AAK7E,OAAO,EAA6C,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGnG,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,KAAK,CAAC;AAEtD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,CAAC;IAChB,yEAAyE;IACzE,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,CAAC;AAE1D,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,wBAAwB,CAAC;IACrC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA8VD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,MAAc,EACd,KAAa,EACb,QAA+B,EAC/B,gBAAqC,EACrC,IAAI,EACJ,MAAM,GACP,EAAE,oBAAoB,2CAqFtB;yBA/Fe,eAAe;;;AAiG/B,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,uBAAuB,GAAG,YAAY,GAAG,IAAI,CAEvF;AAID,oDAAoD;AACpD,eAAO,MAAM,YAAY,wBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DescriptionList/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAUL,KAAK,YAAY,EACjB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AASf,OAAO,EAAE,KAAK,UAAU,EAAqC,MAAM,SAAS,CAAC;AAK7E,OAAO,EAA6C,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGnG;;;;GAIG;AACH,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEjE,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,CAAC;IAChB,gFAAgF;IAChF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yEAAyE;IACzE,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,CAAC;AAE1D,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,wBAAwB,CAAC;IACrC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,4FAA4F;IAC5F,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAuHD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAW1D;AAiVD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,MAAc,EACd,KAAa,EACb,QAA+B,EAC/B,gBAAqC,EACrC,IAAI,EACJ,YAAY,EACZ,MAAM,GACP,EAAE,oBAAoB,2CA0FtB;yBArGe,eAAe;;;AAuG/B,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,uBAAuB,GAAG,YAAY,GAAG,IAAI,CAEvF;AAID,oDAAoD;AACpD,eAAO,MAAM,YAAY,wBAAkB,CAAC"}

package/types/FieldDisplay/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FieldDisplay/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAUH,OAAO,EAAgD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBrF,MAAM,MAAM,gBAAgB,GACxB,OAAO,GACP,UAAU,GACV,cAAc,GACd,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,aAAa,GACb,UAAU,GACV,QAAQ,GACR,YAAY,GACZ,gBAAgB,GAChB,YAAY,GACZ,iBAAiB,GACjB,iBAAiB,GACjB,UAAU,GACV,aAAa,GACb,YAAY,GACZ,KAAK,GACL,SAAS,GACT,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,OAAO,GACP,WAAW,GACX,aAAa,GACb,gBAAgB,GAChB,gBAAgB,GAChB,YAAY,GACZ,QAAQ,CAAC;AAEb,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5D,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjC,oCAAoC;IACpC,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,oEAAoE;AACpE,wBAAgB,sBAAsB,IAAI,OAAO,CAEhD;AAED,wBAAgB,2BAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAMhF;AAqkBD,wBAAgB,YAAY,CAAC,EAC3B,KAAe,EACf,KAAK,EACL,UAAU,EACV,WAAW,EACX,UAAkB,EAClB,KAAK,EACL,QAAgB,GACjB,EAAE,iBAAiB,2CAgHnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FieldDisplay/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAUH,OAAO,EAAgD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBrF,MAAM,MAAM,gBAAgB,GACxB,OAAO,GACP,UAAU,GACV,cAAc,GACd,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,aAAa,GACb,UAAU,GACV,QAAQ,GACR,YAAY,GACZ,gBAAgB,GAChB,YAAY,GACZ,iBAAiB,GACjB,iBAAiB,GACjB,UAAU,GACV,aAAa,GACb,YAAY,GACZ,KAAK,GACL,SAAS,GACT,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,OAAO,GACP,WAAW,GACX,aAAa,GACb,gBAAgB,GAChB,gBAAgB,GAChB,YAAY,GACZ,QAAQ,CAAC;AAEb,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5D,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjC,oCAAoC;IACpC,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,oEAAoE;AACpE,wBAAgB,sBAAsB,IAAI,OAAO,CAEhD;AAED,wBAAgB,2BAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAMhF;AAukBD,wBAAgB,YAAY,CAAC,EAC3B,KAAe,EACf,KAAK,EACL,UAAU,EACV,WAAW,EACX,UAAkB,EAClB,KAAK,EACL,QAAgB,GACjB,EAAE,iBAAiB,2CAgHnB"}