@multiplatform.one/forms 7.28.0 → 7.29.0

package/src/Button/Button.stories.tsx

@@ -7,7 +7,7 @@ import {
   ensureFocusVisibleRing,
 } from "@multiplatform.one/theme";
 import { Button as TamaguiButton, Paragraph, XStack, YStack, useTheme } from "tamagui";
-import { Button } from "./index";
+import { Button, type ButtonProps } from "./index";
 import { useState } from "react";
 
 const pressed = (name: string) => () => action(name)();
@@ -45,23 +45,39 @@ const meta: Meta<typeof Button> = {
 export default meta;
 type Story = StoryObj<typeof Button>;
 
-function DestructiveContrastExample({ disabled = false }: { disabled?: boolean }) {
+function ContrastExample({ children = "Save", ...props }: ButtonProps) {
   const [presses, setPresses] = useState(0);
   return (
     <YStack data-lc-clicks={presses}>
-      <Button error disabled={disabled} onPress={() => setPresses((value) => value + 1)}>
-        Delete
+      <Button {...props} onPress={() => setPresses((value) => value + 1)}>
+        {children}
       </Button>
     </YStack>
   );
 }
 
 export const DestructiveEnabled: Story = {
-  render: () => <DestructiveContrastExample />,
+  render: () => <ContrastExample error>Delete</ContrastExample>,
 };
 
 export const DestructiveDisabled: Story = {
-  render: () => <DestructiveContrastExample disabled />,
+  render: () => (
+    <ContrastExample error disabled>
+      Delete
+    </ContrastExample>
+  ),
+};
+
+/** LC-40 sweeps each intent through args, enabled and disabled (MPO-433). */
+export const IntentContrast: Story = {
+  argTypes: {
+    accent: { control: "boolean" },
+    warning: { control: "boolean" },
+    success: { control: "boolean" },
+    theme: { control: "text" },
+    disabled: { control: "boolean" },
+  },
+  render: (args) => <ContrastExample {...args} />,
 };
 
 export const Basic: Story = {

package/src/Button/index.tsx

@@ -20,6 +20,8 @@ import {
   sizeRecipeForToken,
   sizeRecipeFromHeight,
   solidButtonIntents,
+  solidPaletteThemes,
+  useAccentOnSurface,
   useResolvedKnobs,
   type RecipeFamilyName,
   type SizeRecipe,
@@ -426,6 +428,7 @@ export function Button({
   // page-scope `$outlineColor` literal (DG-A11Y-01; see focusVisibleStyle).
   const parentScopeTheme = useTheme();
   const pageOutlineColor = parentScopeTheme.outlineColor?.val as string | undefined;
+  const hostAccentInk = useAccentOnSurface();
   const grouped = useControlGrouped();
   const sizeProp = (props as { size?: SizeTokens | number }).size;
   const resolvedSize = sizeProp ?? knobProps.sizeToken;
@@ -484,6 +487,32 @@ export function Button({
   };
 
   const activeThemeName = theme ?? intent;
+  const hostScoped = <T extends object>(fragment: T): T =>
+    Object.fromEntries(
+      Object.entries(fragment).map(([key, value]) => [
+        key,
+        typeof value === "string" && value.startsWith("$")
+          ? (parentScopeTheme[value.slice(1) as keyof typeof parentScopeTheme]?.val ?? value)
+          : value,
+      ]),
+    ) as T;
+  // LC-40 / MPO-433: a solid-palette theme has no wash tier, so the wash and
+  // its ink come from the host scope. Solid-intent ramps keep their own wash,
+  // where `$color11` misses 4.5:1 (light warning 4.48, success 4.27) and the
+  // hue's `$color12` text step clears it.
+  const washOnHost = Boolean(
+    isDisabled && activeThemeName && solidPaletteThemes.has(activeThemeName),
+  );
+  const disabledSurface = washOnHost
+    ? hostScoped(disabledState.surfaceKnobProps)
+    : disabledState.surfaceKnobProps;
+  const disabledText = washOnHost
+    ? hostScoped(disabledState.textKnobProps)
+    : activeThemeName &&
+        solidButtonIntents.has(activeThemeName) &&
+        disabledState.textKnobProps.color
+      ? { ...disabledState.textKnobProps, color: "$color12" }
+      : disabledState.textKnobProps;
   outlined = outlined ?? knobProps.outlined;
   const isLow = knobProps.textAccent === "low";
   const isMedium = knobProps.textAccent === "medium";
@@ -513,7 +542,16 @@ export function Button({
   // (measured 1.02–1.06:1 on the page in both schemes). At the default
   // textAccent (`high`, textColor undefined) the label must re-anchor to the
   // same readable text tier the frame uses.
-  const outlinedIntentInk = Boolean(outlined && intent && solidButtonIntents.has(intent));
+  const outlinedIntentInk = Boolean(
+    outlined && activeThemeName && solidButtonIntents.has(activeThemeName),
+  );
+  // MPO-447: a solid-palette theme (accent) has no readable-on-page step at
+  // all, `$color11` included, so an outlined one takes its ink from the host:
+  // the accent that clears AA there, or host-scoped text under a textAccent.
+  const outlinedOnHost = Boolean(
+    outlined && activeThemeName && solidPaletteThemes.has(activeThemeName),
+  );
+  const outlinedInk = outlinedOnHost ? hostAccentInk : outlinedIntentInk ? "$color11" : undefined;
 
   const resolvedRole: ButtonActionRole | undefined = actionRole ?? (accent ? "primary" : undefined);
   const labelFromParts =
@@ -541,13 +579,15 @@ export function Button({
       {...knobProps.body}
       {...(nested ? knobProps.label : { fontSize: recipe.fontSize })}
       {...(textColor
-        ? { color: textColor }
-        : outlinedIntentInk
-          ? { color: "$color11" }
+        ? outlinedOnHost
+          ? hostScoped({ color: textColor })
+          : { color: textColor }
+        : outlinedInk
+          ? { color: outlinedInk }
           : undefined)}
       // LC-40: on the washed disabled chrome the label leaves the on-fill
-      // foreground and pins to the lowest AA tier (keepLabel keeps >=4.5:1).
-      {...(isDisabled ? disabledState.textKnobProps : undefined)}
+      // foreground for the wash's AA ink (keepLabel keeps >=4.5:1).
+      {...(isDisabled ? disabledText : undefined)}
       // Boards measure ink.weight on the TEXT NODE, never the frame. The
       // prop is restated after the spreads because SizableText's size
       // variant otherwise leaks 500/600 over it (MPO-125: a literal 400
@@ -692,9 +732,7 @@ export function Button({
       // Solid-intent sub-themes carry the on-fill foreground as `$color`
       // (LC-05); outlined frames sit on the page, so re-anchor inherited
       // text/icon color (currentColor) to the hue's readable text tier.
-      {...(outlined && intent && solidButtonIntents.has(intent)
-        ? { color: "$color11" }
-        : undefined)}
+      {...(outlinedInk ? { color: outlinedInk } : undefined)}
       // LC-40 DISABLED-VISIBLE: keepLabel washes the chrome (muted fill/
       // border) while label/glyphs re-anchor to the lowest AA text tier
       // (`color` inherits into currentColor icons); dimWhole dims the
@@ -702,8 +740,8 @@ export function Button({
       // whole-dim that dropped label contrast under AA.
       {...(isDisabled
         ? {
-            ...disabledState.surfaceKnobProps,
-            ...disabledState.textKnobProps,
+            ...disabledSurface,
+            ...disabledText,
             ...disabledState.assemblyKnobProps,
           }
         : undefined)}
@@ -784,11 +822,11 @@ export function Button({
             // control must not light up like a pressable one.
             hoverStyle: {
               backgroundColor: outlined ? "transparent" : "$background",
-              ...disabledState.surfaceKnobProps,
+              ...disabledSurface,
             },
             pressStyle: {
               backgroundColor: outlined ? "transparent" : "$background",
-              ...disabledState.surfaceKnobProps,
+              ...disabledSurface,
             },
             "data-mp-disabled-explained": "true",
           }
@@ -814,11 +852,20 @@ export function Button({
     </ButtonFrame>
   );
 
+  const themedButton = activeThemeName ? (
+    <Theme name={activeThemeName as ThemeName}>{buttonElement}</Theme>
+  ) : (
+    buttonElement
+  );
+
   // DG-ST-03 explain affordance: visible reason adjacent to the control —
   // discoverable by pointer, touch, keyboard, and SR (aria-describedby)
   // without any hover interaction (Axiom 12). "below" stacks (forms);
   // "inline" keeps toolbar rows on one shared control line, where the
   // stacked reason wrapped into cramped multi-line type under the button.
+  // The reason stays OUTSIDE the intent Theme: it is T-HELPER copy on the
+  // host surface, and inside it `$color11` is the intent's on-fill ramp
+  // (MPO-431: 1.17:1 on the light page under accent).
   const reasonText = explainedDisable ? (
     <SizableText
       id={reasonId}
@@ -830,26 +877,18 @@ export function Button({
       {disabledReason}
     </SizableText>
   ) : null;
-  const explainedElement = explainedDisable ? (
-    disabledReasonPlacement === "inline" ? (
-      <XStack gap="$2" alignItems="center" flexShrink={1} data-mp-disabled-reason-wrapper="true">
-        {buttonElement}
-        {reasonText}
-      </XStack>
-    ) : (
-      <YStack gap="$1" flexShrink={1} data-mp-disabled-reason-wrapper="true">
-        {buttonElement}
-        {reasonText}
-      </YStack>
-    )
+  if (!explainedDisable) return themedButton;
+  return disabledReasonPlacement === "inline" ? (
+    <XStack gap="$2" alignItems="center" flexShrink={1} data-mp-disabled-reason-wrapper="true">
+      {themedButton}
+      {reasonText}
+    </XStack>
   ) : (
-    buttonElement
+    <YStack gap="$1" flexShrink={1} data-mp-disabled-reason-wrapper="true">
+      {themedButton}
+      {reasonText}
+    </YStack>
   );
-
-  if (activeThemeName) {
-    return <Theme name={activeThemeName as ThemeName}>{explainedElement}</Theme>;
-  }
-  return explainedElement;
 }
 
 Button.Icon = TamaguiButton.Icon;

package/src/Chip/index.tsx

@@ -10,6 +10,7 @@ import {
   resolveRadiusClass,
   sizeRecipeForToken,
   stackRadiusProps,
+  useLegibleInkOn,
   useResolvedKnobs,
   type GroupOrientation,
   type GroupPosition,
@@ -416,7 +417,10 @@ export function Chip({
     }
   };
 
-  const textColor = colors.text;
+  // Selected paints the family's step 8, where step-12 ink misses AA in dark
+  // (#c2e6ff on #2870bd, 3.88:1); the fill keeps its ink only while it reads.
+  const selectedInk = useLegibleInkOn(colors.fill, colors.text);
+  const textColor = (selected ? selectedInk : colors.text) as ColorTokens;
   const borderColor = selected
     ? "transparent"
     : variant === "outline"
@@ -434,9 +438,10 @@ export function Chip({
   // 1.32:1 on the dark tint — the "invisible ✕" regression). useTheme gives
   // the scheme-aware value for the same step-12 ink the label uses.
   const theme = useTheme();
-  const glyphInk =
-    (theme as Record<string, { val?: string } | undefined>)[(textColor as string).replace("$", "")]
-      ?.val ?? "currentColor";
+  const glyphInk = (textColor as string).startsWith("$")
+    ? ((theme as Record<string, { val?: string } | undefined>)[(textColor as string).slice(1)]
+        ?.val ?? "currentColor")
+    : (textColor as string);
   // Undifferentiated "Remove" fails when a row holds many chips (UX-019);
   // interpolate the label whenever it is a plain string.
   const dismissLabel =

package/src/ContextualSaveBar/UnsavedChangesDialog.spec.tsx

@@ -7,9 +7,10 @@
  * outside click from dismissing a destructive confirm. Those are the parts a
  * refactor of the save bar would carry away without noticing.
  */
-import { cleanup, fireEvent } from "@testing-library/react";
-import { renderWithProviders } from "@multiplatform.one/test-utils";
-import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, screen, waitFor } from "@testing-library/react";
+import { modelFirstFocusableShow, renderWithProviders } from "@multiplatform.one/test-utils";
+import { useState } from "react";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 import { UnsavedChangesDialog } from "./UnsavedChangesDialog";
 
 afterEach(cleanup);
@@ -165,3 +166,49 @@ describe("UnsavedChangesDialog", () => {
     expect(cssOf(dialog() as HTMLElement, "max-width")).toBe("440px");
   });
 });
+
+// MPO-472: Chromium and WebKit's <dialog>.show() focuses the first focusable
+// descendant, and the panel is tabindex=-1, so those two opened on the panel
+// while Firefox and the HTML spec open on Keep editing, the first tab stop.
+// Keep editing is the alertdialog's least destructive action, the one tamagui's
+// AlertDialog.Cancel takes on open, so every browser opens there.
+describe("UnsavedChangesDialog open focus", () => {
+  function LeavePage() {
+    const [open, setOpen] = useState(false);
+    return (
+      <>
+        <button type="button" onClick={() => setOpen(true)}>
+          Leave the page
+        </button>
+        <UnsavedChangesDialog
+          open={open}
+          fieldCount={2}
+          onKeepEditing={() => setOpen(false)}
+          onDiscard={() => setOpen(false)}
+        />
+      </>
+    );
+  }
+
+  it("opens on Keep editing", async () => {
+    renderWithProviders(<LeavePage />);
+    fireEvent.click(screen.getByRole("button", { name: "Leave the page" }));
+    await waitFor(() => expect(dialog()).not.toBeNull());
+    await waitFor(() => expect(document.activeElement).toBe(button("data-mp-savebar-keep")));
+  });
+
+  describe("behind <dialog>.show()", () => {
+    let restoreShow = () => {};
+    beforeEach(() => {
+      restoreShow = modelFirstFocusableShow();
+    });
+    afterEach(() => restoreShow());
+
+    it("moves focus off the panel onto Keep editing", async () => {
+      renderWithProviders(<LeavePage />);
+      fireEvent.click(screen.getByRole("button", { name: "Leave the page" }));
+      await waitFor(() => expect(dialog()).not.toBeNull());
+      await waitFor(() => expect(document.activeElement).toBe(button("data-mp-savebar-keep")));
+    });
+  });
+});

package/src/ContextualSaveBar/UnsavedChangesDialog.tsx

@@ -1,9 +1,14 @@
-import { useResolvedKnobs, warnCancelDisabled } from "@multiplatform.one/theme";
+import {
+  ensureKeyboardModalityTracking,
+  useResolvedKnobs,
+  warnCancelDisabled,
+  wasKeyboardFocus,
+} from "@multiplatform.one/theme";
 import { useEffect } from "react";
 import { Dialog, Paragraph, XStack } from "tamagui";
 import { Button } from "../Button";
 import { formCommonColors } from "../shared/colorRamps";
-import { useReturnFocusOnClose } from "../shared/focusManagement";
+import { DialogShowFocus, useReturnFocusOnClose } from "../shared/focusManagement";
 import { t } from "../shared/t";
 
 export interface UnsavedChangesDialogProps {
@@ -13,6 +18,22 @@ export interface UnsavedChangesDialogProps {
   onDiscard: () => void;
 }
 
+/**
+ * Opens on Keep editing, the least destructive action, as tamagui's
+ * AlertDialog.Cancel does. Without it Chromium and WebKit's `<dialog>.show()`
+ * parks focus on the tabIndex -1 panel and Firefox on Keep editing (MPO-472).
+ * WebKit's show() also marks the panel :focus-visible, which a plain focus()
+ * would carry onto the button after a pointer open; the ring is keyboard-only
+ * (LC-71).
+ */
+function focusKeepEditing(event: Event) {
+  const root = event.currentTarget as HTMLElement | null;
+  const keep = root?.querySelector<HTMLElement>("[data-mp-savebar-keep]");
+  if (!keep) return;
+  event.preventDefault();
+  keep.focus({ preventScroll: true, focusVisible: wasKeyboardFocus() } as FocusOptions);
+}
+
 /**
  * Route-leave / Discard confirm (DG-OVL-02). Lives in forms so ContextualSaveBar
  * does not import `@multiplatform.one/components` (ConfirmDialog → forms Button
@@ -25,6 +46,7 @@ export function UnsavedChangesDialog({
   onDiscard,
 }: UnsavedChangesDialogProps) {
   const { knobProps } = useResolvedKnobs();
+  ensureKeyboardModalityTracking();
   useReturnFocusOnClose(open);
 
   useEffect(() => {
@@ -73,6 +95,7 @@ export function UnsavedChangesDialog({
           data-mp-savebar-guard=""
           onPointerDownOutside={(e) => e.preventDefault()}
           onInteractOutside={(e) => e.preventDefault()}
+          onOpenAutoFocus={focusKeepEditing}
         >
           <Dialog.Title {...knobProps.body} fontSize="$4">
             {t("Discard unsaved changes?")}
@@ -103,6 +126,7 @@ export function UnsavedChangesDialog({
               {t("Discard changes")}
             </Button>
           </XStack>
+          <DialogShowFocus onOpenAutoFocus={focusKeepEditing} />
         </Dialog.Content>
       </Dialog.Portal>
     </Dialog>

package/src/fields/Geolocation/index.tsx

@@ -1420,7 +1420,9 @@ export function Geolocation({
             overflow="hidden"
             style={{ boxShadow: RESULTS_PANEL_SHADOW }}
           >
-            <ScrollView maxHeight={mapHeight * 1.5}>{renderResults(handlers)}</ScrollView>
+            <ScrollView keyboardShouldPersistTaps="handled" maxHeight={mapHeight * 1.5}>
+              {renderResults(handlers)}
+            </ScrollView>
           </YStack>
         )
       ) : null;

package/src/shared/focusManagement.ts

@@ -15,6 +15,9 @@
  *   focus INTO the sheet frame on open, keeps Tab cycling within it while
  *   open (Tamagui Sheet has no focus scope), and treats focus left inside
  *   the closed (offscreen-parked, still-mounted) frame as dropped.
+ * - `useDialogShowFocus(onOpenAutoFocus)` — runs a dialog's open focus when
+ *   the browser's `<dialog>.show()` left focus on an element that is not a
+ *   tab stop (MPO-470).
  *
  * Capture happens during RENDER, not in an effect: child effects (the Dialog
  * focus scope) run before parent effects, so an effect-time capture would
@@ -32,7 +35,7 @@
  */
 
 import { useEffect, useRef, type RefObject } from "react";
-import { isWeb } from "tamagui";
+import { isWeb, useDialogContext } from "tamagui";
 import { wasKeyboardFocus } from "@multiplatform.one/theme";
 
 const FOCUSABLE =
@@ -164,3 +167,39 @@ export function useSheetModalFocus(
     };
   }, [open, frameRef, prevRef, generationRef, skipReturnFocusRef]);
 }
+
+const DIALOG_SHOW_FOCUS_EVENT = "mp.dialogShowFocus";
+
+/**
+ * Chromium and WebKit's `<dialog>.show()` focuses the first focusable
+ * descendant, so a tabIndex -1 surface or field frame takes focus; Firefox and
+ * the HTML spec take the first tab stop. Focus is then inside before tamagui's
+ * FocusScope checks, and its open auto-focus never fires. When focus sits on
+ * something that is not a tab stop, run `onOpenAutoFocus` against the content
+ * the way FocusScope would. Call it inside the Dialog. The content is found by
+ * its id because FocusScope clones it with its own ref, so a ref passed to
+ * `Dialog.Content` never attaches on web. Passive effects run after the
+ * portal's layout-effect `show()`, which is why this is not a layout effect.
+ */
+export function useDialogShowFocus(onOpenAutoFocus: (event: Event) => void) {
+  const { open, contentId } = useDialogContext();
+  useEffect(() => {
+    if (!open || !contentId || !canUseDom()) return;
+    const content = document.getElementById(contentId);
+    const focused = document.activeElement;
+    if (!content || !(focused instanceof HTMLElement)) return;
+    if (!content.contains(focused) || focused.tabIndex >= 0) return;
+    content.addEventListener(DIALOG_SHOW_FOCUS_EVENT, onOpenAutoFocus, { once: true });
+    content.dispatchEvent(new CustomEvent(DIALOG_SHOW_FOCUS_EVENT, { cancelable: true }));
+  }, [open, contentId]);
+}
+
+/** `useDialogShowFocus` for a caller that renders the Dialog itself. */
+export function DialogShowFocus({
+  onOpenAutoFocus,
+}: {
+  onOpenAutoFocus: (event: Event) => void;
+}): null {
+  useDialogShowFocus(onOpenAutoFocus);
+  return null;
+}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AdaptivePopup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAwB5D,MAAM,WAAW,kBAAkB;IACjC,4BAA4B;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,uCAAuC;IACvC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,gFAAgF;IAChF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wCAAwC;IACxC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,YAAY,CAAC;IAChD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,sDAAsD;IACtD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kDAAkD;IAClD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkBD,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtE;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE;IAC7C,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,aAAa,EAAE,MAAM,CAAC;CACvB,GAAG,yBAAyB,CAK5B;AAmED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,IAAW,EACX,IAAe,EACf,eAAsB,EACtB,MAAM,EACN,QAAQ,GACT,EAAE,kBAAkB,2CAsTpB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AdaptivePopup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA4B5D,MAAM,WAAW,kBAAkB;IACjC,4BAA4B;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,uCAAuC;IACvC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,gFAAgF;IAChF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wCAAwC;IACxC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,YAAY,CAAC;IAChD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,sDAAsD;IACtD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kDAAkD;IAClD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkBD,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtE;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE;IAC7C,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,aAAa,EAAE,MAAM,CAAC;CACvB,GAAG,yBAAyB,CAK5B;AA6ED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,IAAW,EACX,IAAe,EACf,eAAsB,EACtB,MAAM,EACN,QAAQ,GACT,EAAE,kBAAkB,2CAwSpB"}

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

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

package/types/Chip/index.d.ts

@@ -29,7 +29,7 @@ export interface ChipProps {
  */
 export declare const ChipFrame: import("tamagui").TamaguiComponent<import("@tamagui/web").TamaDefer, import("tamagui").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
     size?: import("tamagui").SizeTokens | undefined;
-    variant?: "outline" | "solid" | "subtle" | undefined;
+    variant?: "solid" | "outline" | "subtle" | undefined;
 }, import("@tamagui/web").StaticConfigPublic>;
 export declare const ChipText: import("tamagui").TamaguiComponent<import("@tamagui/web").TamaDefer, import("tamagui").TamaguiTextElement, import("@tamagui/core").RNTamaguiTextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
     size?: import("tamagui").SizeTokens | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Chip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAUL,KAAK,gBAAgB,EACrB,KAAK,aAAa,EACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAe,QAAQ,EAAE,MAAM,SAAS,CAAC;AAMrD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AACzD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC3F,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,gFAAgF;AAChF,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAE5E,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oEAAoE;IACpE,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AAqID;;;;GAIG;AACH,eAAO,MAAM,SAAS;;;6CA+BpB,CAAC;AAEH,eAAO,MAAM,QAAQ;;;6CAenB,CAAC;AAiBH,sFAAsF;AACtF,wBAAgB,YAAY,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAEnD;AAED;;;;;GAKG;AACH,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAE/C;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE3D;AA2GD,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,IAAI,EACJ,OAAO,EAAE,WAAsB,EAC/B,KAAc,EACd,SAAS,EACT,QAAQ,EACR,QAAgB,EAChB,OAAO,EACP,IAAI,EACJ,aAAa,EACb,gBAA+B,GAChC,EAAE,SAAS,2CAsNX;AAED,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Chip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAWL,KAAK,gBAAgB,EACrB,KAAK,aAAa,EACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAe,QAAQ,EAAE,MAAM,SAAS,CAAC;AAMrD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AACzD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC3F,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,gFAAgF;AAChF,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAE5E,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oEAAoE;IACpE,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AAqID;;;;GAIG;AACH,eAAO,MAAM,SAAS;;;6CA+BpB,CAAC;AAEH,eAAO,MAAM,QAAQ;;;6CAenB,CAAC;AAiBH,sFAAsF;AACtF,wBAAgB,YAAY,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAEnD;AAED;;;;;GAKG;AACH,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAE/C;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE3D;AA2GD,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,IAAI,EACJ,OAAO,EAAE,WAAsB,EAC/B,KAAc,EACd,SAAS,EACT,QAAQ,EACR,QAAgB,EAChB,OAAO,EACP,IAAI,EACJ,aAAa,EACb,gBAA+B,GAChC,EAAE,SAAS,2CA0NX;AAED,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC"}

package/types/ContextualSaveBar/UnsavedChangesDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnsavedChangesDialog.d.ts","sourceRoot":"","sources":["../../src/ContextualSaveBar/UnsavedChangesDialog.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,UAAU,EACV,aAAa,EACb,SAAS,GACV,EAAE,yBAAyB,2CAoF3B"}
+{"version":3,"file":"UnsavedChangesDialog.d.ts","sourceRoot":"","sources":["../../src/ContextualSaveBar/UnsavedChangesDialog.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAkBD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,UAAU,EACV,aAAa,EACb,SAAS,GACV,EAAE,yBAAyB,2CAuF3B"}