@multiplatform.one/forms 7.58.0 → 7.59.0

package/src/fields/Select/index.tsx

@@ -1,4 +1,4 @@
-import { useTouchSurface } from "@multiplatform.one/theme";
+import { IconSlot, useTouchSurface } from "@multiplatform.one/theme";
 import type { KeyboardEvent, MouseEvent, ReactNode, RefObject, UIEvent } from "react";
 import {
   useCallback,
@@ -71,6 +71,8 @@ import { useIsInTableCell } from "../../shared/tableCellContext";
 import { t } from "../../shared/t";
 import { orderOptionsBySelected, type SelectedOrder } from "../selectedOrder";
 import { shouldUseIosNativeSelect } from "../nativeSelect";
+import { InlineChoices } from "./InlineChoices";
+import { shouldInlineChoices } from "./shouldInlineChoices";
 
 /** Undefined on web (RNW ships no ActionSheetIOS); real on iOS. */
 const actionSheetIOS = (ReactNative as { ActionSheetIOS?: typeof ReactNative.ActionSheetIOS })
@@ -83,6 +85,12 @@ export interface SelectOption {
   label: string;
   /** Optional group label for grouping options */
   group?: string;
+  /**
+   * Leading glyph on the option's row (LC-112: every menu row carries one when
+   * the options have them). Inside a sheet, five or fewer options that all
+   * carry one render inline as an icon choice list (LC-262).
+   */
+  icon?: ReactNode;
 }
 
 export interface SelectProps {
@@ -160,8 +168,9 @@ const SelectRow = styled(View, {
   // Do not put outlineWidth here — Tamagui maps these onto mouse :focus and
   // they beat instance ring props. Rows paint the ring via selectItemRingProps.
   variants: {
+    // LC-262: the accent check alone marks the chosen row, never a grey fill.
     selected: {
-      true: { backgroundColor: formInputColors.background.base, borderRadius: 0 },
+      true: { backgroundColor: "transparent", borderRadius: 0 },
       false: { backgroundColor: "transparent" },
     },
     active: {
@@ -174,6 +183,15 @@ const SelectRow = styled(View, {
   } as const,
 });
 
+/** An option's leading glyph, in the row's ink. */
+function OptionGlyph({ icon, color }: { icon: ReactNode; color?: string }) {
+  return (
+    <View flexShrink={0} alignItems="center" justifyContent="center" minWidth={18}>
+      <IconSlot icon={icon} color={color} />
+    </View>
+  );
+}
+
 function GroupHeader(props: HouseTextProps) {
   return (
     <HouseText
@@ -442,7 +460,9 @@ const SelectItem = memo(function SelectItem({
       role="option"
       tabIndex={-1}
       selected={isSelected}
-      active={isActive}
+      // The open-time cursor sits on the chosen row; it only paints while the
+      // keyboard drives it, so the chosen row never opens grey (LC-262).
+      active={Boolean(isActive) && ctx.kbNav}
       aria-selected={isSelected}
       data-state={isSelected ? "active" : "inactive"}
       height={ctx.knobProps.menuRow.minHeight}
@@ -456,22 +476,15 @@ const SelectItem = memo(function SelectItem({
       {...(suppressHover
         ? {
             hoverStyle: {
-              backgroundColor: isActive
-                ? formInputColors.background.focus
-                : isSelected
-                  ? formInputColors.background.base
-                  : "transparent",
+              backgroundColor: isActive ? formInputColors.background.focus : "transparent",
             },
           }
         : {
-            hoverStyle: {
-              backgroundColor: isSelected
-                ? formInputColors.background.base
-                : formInputColors.background.focus,
-            },
+            hoverStyle: { backgroundColor: formInputColors.background.focus },
           })}
       {...transitionProps(ctx.knobProps.motion.control)}
     >
+      {option.icon ? <OptionGlyph icon={option.icon} color={ctx.textColor} /> : null}
       <Text
         fontFamily={ctx.knobProps.body.fontFamily}
         fontWeight={ctx.knobProps.body.fontWeight}
@@ -1435,30 +1448,16 @@ function NativeSelectCore({
             {...(isWeb ? selectItemRingProps(active, kbNav) : undefined)}
             hoverStyle={
               activeIndex != null
-                ? {
-                    backgroundColor: active
-                      ? formInputColors.background.focus
-                      : selected
-                        ? formInputColors.background.base
-                        : "transparent",
-                  }
-                : {
-                    backgroundColor: selected
-                      ? formInputColors.background.base
-                      : formInputColors.background.focus,
-                  }
-            }
-            backgroundColor={
-              active
-                ? formInputColors.background.focus
-                : selected
-                  ? formInputColors.background.base
-                  : "transparent"
+                ? { backgroundColor: active ? formInputColors.background.focus : "transparent" }
+                : { backgroundColor: formInputColors.background.focus }
             }
+            // LC-262: the accent check alone marks the chosen row.
+            backgroundColor={active && kbNav ? formInputColors.background.focus : "transparent"}
             pressStyle={{ backgroundColor: formInputColors.background.focus }}
             // Native: parent RNPressable owns the hit; disable child stealing.
             pointerEvents={isWeb ? undefined : "none"}
           >
+            {option.icon ? <OptionGlyph icon={option.icon} color={textColor} /> : null}
             <Text
               fontFamily={knobProps.body.fontFamily}
               fontWeight={knobProps.body.fontWeight}
@@ -1747,13 +1746,6 @@ export function Select({
   const isControlled = value !== undefined;
   const hasLabel = Boolean(label);
 
-  // DG-CTRL-01 / DG-CTRL-05 — short single-select lists prefer RadioGroup.
-  warnSelectTooFewOptions({
-    count: options?.length ?? 0,
-    multiple,
-    component: "Select",
-    id,
-  });
   const viewportGtSm = useViewportGtSm();
   const insideOverlay = useInsideOverlay();
   // Sheet core on native and below `$sm` (viewport < 640, OVERLAY_BREAKPOINT).
@@ -1767,6 +1759,19 @@ export function Select({
     hydrated &&
     resolveCompactFace(pickerCompactFace(options?.length ?? 0), insideOverlay) === "menu";
   const shouldUseSheet = !isWeb || (!effectiveGtSm && !compactMenu);
+  const inTableCell = useIsInTableCell();
+  const inline = !inTableCell && shouldInlineChoices({ insideOverlay, multiple, options });
+  // DG-CTRL-01 / DG-CTRL-05 — short single-select lists prefer RadioGroup,
+  // which the inline face already is.
+  if (!inline) {
+    warnSelectTooFewOptions({
+      count: options?.length ?? 0,
+      multiple,
+      component: "Select",
+      id,
+    });
+  }
+  const markColor = useSelectedMarkColor();
 
   // Render skeleton placeholder
   if (skeleton) {
@@ -1831,6 +1836,26 @@ export function Select({
     handleBlur?: (...args: any[]) => void,
   ) => {
     if (readOnly) return renderReadOnly(selectValue);
+    if (inline) {
+      return (
+        <InlineChoices
+          options={options}
+          value={typeof selectValue === "string" ? selectValue : undefined}
+          onValueChange={(val) => {
+            if (disabled) return;
+            handleValueChange?.(val);
+            emitValueChange(val);
+          }}
+          onBlur={handleBlur}
+          disabled={disabled}
+          id={id}
+          labelledBy={hasLabel ? `${id}-label` : undefined}
+          aria-label={ariaLabel}
+          knobProps={knobProps}
+          markColor={markColor}
+        />
+      );
+    }
     const SelectCore = shouldUseSheet ? NativeSelectCore : FloatingSelectCore;
     return (
       <SelectCore

package/src/fields/Select/shouldInlineChoices.spec.ts

@@ -0,0 +1,25 @@
+import { describe, expect, it } from "vitest";
+import { INLINE_CHOICES_MAX, shouldInlineChoices } from "./shouldInlineChoices";
+
+const glyph = "•";
+const withIcons = (n: number) => Array.from({ length: n }, () => ({ icon: glyph }));
+
+describe("shouldInlineChoices (LC-262, FZ-7830)", () => {
+  it("lays out five or fewer glyphed options inline inside an overlay", () => {
+    expect(INLINE_CHOICES_MAX).toBe(5);
+    expect(shouldInlineChoices({ insideOverlay: true, options: withIcons(2) })).toBe(true);
+    expect(shouldInlineChoices({ insideOverlay: true, options: withIcons(5) })).toBe(true);
+  });
+
+  it("keeps the trigger past five, without a glyph on every option, at page level, or for multiple", () => {
+    expect(shouldInlineChoices({ insideOverlay: true, options: withIcons(6) })).toBe(false);
+    expect(shouldInlineChoices({ insideOverlay: true, options: [...withIcons(3), {}] })).toBe(
+      false,
+    );
+    expect(shouldInlineChoices({ insideOverlay: false, options: withIcons(3) })).toBe(false);
+    expect(
+      shouldInlineChoices({ insideOverlay: true, multiple: true, options: withIcons(3) }),
+    ).toBe(false);
+    expect(shouldInlineChoices({ insideOverlay: true, options: [] })).toBe(false);
+  });
+});

package/src/fields/Select/shouldInlineChoices.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from "react";
+
+/** The most options a Select inside a sheet lays out inline (LC-262). */
+export const INLINE_CHOICES_MAX = 5;
+
+/**
+ * A single-choice Select inside a sheet, dialog or popover with five or fewer
+ * options that all carry a glyph renders inline as an icon choice list: no
+ * trigger and no popover, the choices sit in the sheet (LC-262, FZ-7830).
+ */
+export function shouldInlineChoices({
+  insideOverlay,
+  multiple,
+  options,
+}: {
+  insideOverlay: boolean;
+  multiple?: boolean;
+  options: ReadonlyArray<{ icon?: ReactNode }> | undefined;
+}): boolean {
+  if (!insideOverlay || multiple || !options?.length) return false;
+  return options.length <= INLINE_CHOICES_MAX && options.every((option) => option.icon != null);
+}

package/types/FloatingPanel/index.native.d.ts

@@ -63,5 +63,5 @@ export type { FloatingPanelProps } from "./index";
 export { floatingPanelActionProps, isNestedPanelAction } from "./nestedAction";
 /** Native never has a >sm web viewport; AdaptivePopup uses this to pick Sheet mode. */
 export declare function useViewportGtSm(): boolean;
-export declare function FloatingPanel({ open, onOpenChange, onNativeShow, trigger, triggerEnd, triggerSizing, children: panelChildren, scrollable, disabled, contentPadding, header, scrollViewProps, triggerA11y, sheetFill, openOn, compactFace, triggerRow, triggerEcho, }: FloatingPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatingPanel({ open, onOpenChange, onNativeShow, trigger, triggerEnd, triggerSizing, children: panelChildren, scrollable, disabled, contentPadding, header, scrollViewProps, triggerA11y, sheetFill, openOn, compactFace, triggerRow, triggerEcho, anchorMode, }: FloatingPanelProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.native.d.ts.map

package/types/FloatingPanel/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../src/FloatingPanel/index.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AAuCH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAelD,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,GACrB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAE/E,uFAAuF;AACvF,wBAAgB,eAAe,YAE9B;AAiBD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,UAAU,EACV,aAAyB,EACzB,QAAQ,EAAE,aAAa,EACvB,UAAU,EACV,QAAQ,EACR,cAA0B,EAC1B,MAAM,EACN,eAAe,EACf,WAAW,EACX,SAAS,EACT,MAAgB,EAChB,WAAW,EACX,UAAU,EACV,WAAkB,GACnB,EAAE,kBAAkB,2CA4iBpB"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../src/FloatingPanel/index.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AAuCH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAelD,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,GACrB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAE/E,uFAAuF;AACvF,wBAAgB,eAAe,YAE9B;AAiBD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,UAAU,EACV,aAAyB,EACzB,QAAQ,EAAE,aAAa,EACvB,UAAU,EACV,QAAQ,EACR,cAA0B,EAC1B,MAAM,EACN,eAAe,EACf,WAAW,EACX,SAAS,EACT,MAAgB,EAChB,WAAW,EACX,UAAU,EACV,WAAkB,EAClB,UAAU,GACX,EAAE,kBAAkB,2CAkjBpB"}

package/types/fields/Checkbox/index.d.ts

@@ -68,7 +68,7 @@ export declare const Checkboxes: (<K extends string>(checkboxesProps: PropsWithC
         unstyled?: boolean | undefined;
         elevation?: number | import("tamagui").SizeTokens | undefined;
         fullscreen?: boolean | undefined;
-    }>, "theme" | "native" | "debug" | "size" | "zIndex" | "top" | "bottom" | "display" | "paddingHorizontal" | "name" | "borderRadius" | "borderWidth" | "disabledStyle" | "children" | "filter" | "value" | "style" | `$${string}` | "id" | "scale" | "transform" | "background" | "borderColor" | "shadowColor" | "border" | "outlineColor" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftWidth" | "borderRightColor" | "borderRightWidth" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "boxShadow" | "boxSizing" | "caretColor" | "clipPath" | "columnGap" | "contain" | "containerType" | "content" | "cursor" | "direction" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "gap" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "height" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "left" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "mask" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "opacity" | "outline" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowBlock" | "overflowInline" | "overflowX" | "overflowY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "perspective" | "pointerEvents" | "position" | "right" | "rotate" | "rowGap" | "textEmphasis" | "transformOrigin" | "transformStyle" | "transition" | "userSelect" | "verticalAlign" | "width" | "x" | "y" | "marginHorizontal" | "marginVertical" | "paddingVertical" | "shadowRadius" | "shadowOffset" | "shadowOpacity" | "disabled" | "end" | "start" | "group" | "onChange" | "className" | "onMouseEnter" | "onMouseLeave" | "onClick" | "role" | "checked" | `$${number}` | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onMouseOver" | "onMouseOut" | "onFocus" | "onBlur" | "onDoubleClick" | "onContextMenu" | "onWheel" | "onKeyDown" | "onKeyUp" | "onInput" | "onBeforeInput" | "onScroll" | "onCopy" | "onCut" | "onPaste" | "onDrag" | "onDragStart" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop" | "onPointerDown" | "onPointerMove" | "onPointerUp" | "onPointerCancel" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "themeShallow" | "unstyled" | "render" | "untilMeasured" | "componentName" | "tabIndex" | "disableOptimization" | "forceStyle" | "disableClassName" | "hitSlop" | "animatedBy" | "scaleX" | "scaleY" | "skewX" | "skewY" | "matrix" | "rotateY" | "rotateX" | "rotateZ" | "borderCurve" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "animateOnly" | "animatePresence" | "passThrough" | "borderBottomEndRadius" | "borderBottomStartRadius" | "borderEndColor" | "borderStartColor" | "borderTopEndRadius" | "borderTopStartRadius" | "experimental_backgroundImage" | "borderEndWidth" | "borderStartWidth" | "marginEnd" | "marginStart" | "paddingEnd" | "paddingStart" | "transformMatrix" | "rotation" | "translateX" | "translateY" | `$group-${string}` | `$group-${number}` | `$group-${string}-hover` | `$group-${string}-press` | `$group-${string}-focus` | `$group-${string}-focusVisible` | `$group-${string}-focusWithin` | `$group-${number}-hover` | `$group-${number}-press` | `$group-${number}-focus` | `$group-${number}-focusVisible` | `$group-${number}-focusWithin` | "hoverStyle" | "pressStyle" | "focusStyle" | "focusWithinStyle" | "focusVisibleStyle" | "exitStyle" | "enterStyle" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancelCapture" | "onPointerDownCapture" | "onPointerUpCapture" | "required" | "scaleIcon" | "defaultChecked" | "activeStyle" | "onCheckedChange" | "labelledBy" | "scaleSize" | "sizeAdjust" | "activeTheme"> & import("tamagui").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {}>> & import("@tamagui/checkbox-headless").CheckboxExtraProps & {
+    }>, "theme" | "native" | "debug" | "size" | "zIndex" | "top" | "bottom" | "display" | "paddingHorizontal" | "name" | "borderRadius" | "borderWidth" | "disabledStyle" | "children" | "filter" | "value" | "style" | `$${string}` | "id" | "scale" | "transform" | "background" | "borderColor" | "shadowColor" | "border" | "outlineColor" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftWidth" | "borderRightColor" | "borderRightWidth" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "boxShadow" | "boxSizing" | "caretColor" | "clipPath" | "columnGap" | "contain" | "containerType" | "content" | "cursor" | "direction" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "gap" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "height" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "left" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "mask" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "opacity" | "outline" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowBlock" | "overflowInline" | "overflowX" | "overflowY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "perspective" | "pointerEvents" | "position" | "right" | "rotate" | "rowGap" | "textEmphasis" | "transformOrigin" | "transformStyle" | "transition" | "userSelect" | "verticalAlign" | "width" | "x" | "y" | "marginHorizontal" | "marginVertical" | "paddingVertical" | "shadowRadius" | "shadowOffset" | "shadowOpacity" | "disabled" | "end" | "start" | "group" | "onChange" | "className" | "onMouseEnter" | "onMouseLeave" | "onClick" | "role" | "checked" | `$${number}` | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onMouseOver" | "onMouseOut" | "onFocus" | "onBlur" | "onDoubleClick" | "onContextMenu" | "onWheel" | "onKeyDown" | "onKeyUp" | "onInput" | "onBeforeInput" | "onScroll" | "onCopy" | "onCut" | "onPaste" | "onDrag" | "onDragStart" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop" | "onPointerDown" | "onPointerMove" | "onPointerUp" | "onPointerCancel" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "themeShallow" | "unstyled" | "render" | "untilMeasured" | "componentName" | "tabIndex" | "disableOptimization" | "forceStyle" | "disableClassName" | "hitSlop" | "animatedBy" | "scaleX" | "scaleY" | "skewX" | "skewY" | "matrix" | "rotateY" | "rotateX" | "rotateZ" | "borderCurve" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "animateOnly" | "animatePresence" | "passThrough" | "borderBottomEndRadius" | "borderBottomStartRadius" | "borderEndColor" | "borderStartColor" | "borderTopEndRadius" | "borderTopStartRadius" | "experimental_backgroundImage" | "borderEndWidth" | "borderStartWidth" | "marginEnd" | "marginStart" | "paddingEnd" | "paddingStart" | "transformMatrix" | "rotation" | "translateX" | "translateY" | `$group-${string}` | `$group-${number}` | `$group-${string}-hover` | `$group-${string}-press` | `$group-${string}-focus` | `$group-${string}-focusVisible` | `$group-${string}-focusWithin` | `$group-${number}-hover` | `$group-${number}-press` | `$group-${number}-focus` | `$group-${number}-focusVisible` | `$group-${number}-focusWithin` | "hoverStyle" | "pressStyle" | "focusStyle" | "focusWithinStyle" | "focusVisibleStyle" | "exitStyle" | "enterStyle" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancelCapture" | "onPointerDownCapture" | "onPointerUpCapture" | "required" | "scaleIcon" | "defaultChecked" | "labelledBy" | "activeStyle" | "onCheckedChange" | "scaleSize" | "sizeAdjust" | "activeTheme"> & import("tamagui").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {}>> & import("@tamagui/checkbox-headless").CheckboxExtraProps & {
         scaleIcon?: number;
         scaleSize?: number;
         sizeAdjust?: number;
@@ -113,7 +113,7 @@ export declare const Checkboxes: (<K extends string>(checkboxesProps: PropsWithC
         unstyled?: boolean | undefined;
         elevation?: number | import("tamagui").SizeTokens | undefined;
         fullscreen?: boolean | undefined;
-    }>, "theme" | "native" | "debug" | "size" | "zIndex" | "top" | "bottom" | "display" | "paddingHorizontal" | "name" | "borderRadius" | "borderWidth" | "disabledStyle" | "children" | "filter" | "value" | "style" | `$${string}` | "id" | "scale" | "transform" | "background" | "borderColor" | "shadowColor" | "border" | "outlineColor" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftWidth" | "borderRightColor" | "borderRightWidth" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "boxShadow" | "boxSizing" | "caretColor" | "clipPath" | "columnGap" | "contain" | "containerType" | "content" | "cursor" | "direction" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "gap" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "height" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "left" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "mask" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "opacity" | "outline" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowBlock" | "overflowInline" | "overflowX" | "overflowY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "perspective" | "pointerEvents" | "position" | "right" | "rotate" | "rowGap" | "textEmphasis" | "transformOrigin" | "transformStyle" | "transition" | "userSelect" | "verticalAlign" | "width" | "x" | "y" | "marginHorizontal" | "marginVertical" | "paddingVertical" | "shadowRadius" | "shadowOffset" | "shadowOpacity" | "disabled" | "end" | "start" | "group" | "onChange" | "className" | "onMouseEnter" | "onMouseLeave" | "onClick" | "role" | "checked" | `$${number}` | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onMouseOver" | "onMouseOut" | "onFocus" | "onBlur" | "onDoubleClick" | "onContextMenu" | "onWheel" | "onKeyDown" | "onKeyUp" | "onInput" | "onBeforeInput" | "onScroll" | "onCopy" | "onCut" | "onPaste" | "onDrag" | "onDragStart" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop" | "onPointerDown" | "onPointerMove" | "onPointerUp" | "onPointerCancel" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "themeShallow" | "unstyled" | "render" | "untilMeasured" | "componentName" | "tabIndex" | "disableOptimization" | "forceStyle" | "disableClassName" | "hitSlop" | "animatedBy" | "scaleX" | "scaleY" | "skewX" | "skewY" | "matrix" | "rotateY" | "rotateX" | "rotateZ" | "borderCurve" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "animateOnly" | "animatePresence" | "passThrough" | "borderBottomEndRadius" | "borderBottomStartRadius" | "borderEndColor" | "borderStartColor" | "borderTopEndRadius" | "borderTopStartRadius" | "experimental_backgroundImage" | "borderEndWidth" | "borderStartWidth" | "marginEnd" | "marginStart" | "paddingEnd" | "paddingStart" | "transformMatrix" | "rotation" | "translateX" | "translateY" | `$group-${string}` | `$group-${number}` | `$group-${string}-hover` | `$group-${string}-press` | `$group-${string}-focus` | `$group-${string}-focusVisible` | `$group-${string}-focusWithin` | `$group-${number}-hover` | `$group-${number}-press` | `$group-${number}-focus` | `$group-${number}-focusVisible` | `$group-${number}-focusWithin` | "hoverStyle" | "pressStyle" | "focusStyle" | "focusWithinStyle" | "focusVisibleStyle" | "exitStyle" | "enterStyle" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancelCapture" | "onPointerDownCapture" | "onPointerUpCapture" | "required" | "scaleIcon" | "defaultChecked" | "activeStyle" | "onCheckedChange" | "labelledBy" | "scaleSize" | "sizeAdjust" | "activeTheme"> & import("tamagui").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {}>> & import("@tamagui/checkbox-headless").CheckboxExtraProps & {
+    }>, "theme" | "native" | "debug" | "size" | "zIndex" | "top" | "bottom" | "display" | "paddingHorizontal" | "name" | "borderRadius" | "borderWidth" | "disabledStyle" | "children" | "filter" | "value" | "style" | `$${string}` | "id" | "scale" | "transform" | "background" | "borderColor" | "shadowColor" | "border" | "outlineColor" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftWidth" | "borderRightColor" | "borderRightWidth" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "boxShadow" | "boxSizing" | "caretColor" | "clipPath" | "columnGap" | "contain" | "containerType" | "content" | "cursor" | "direction" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "gap" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "height" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "left" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "mask" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "opacity" | "outline" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowBlock" | "overflowInline" | "overflowX" | "overflowY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "perspective" | "pointerEvents" | "position" | "right" | "rotate" | "rowGap" | "textEmphasis" | "transformOrigin" | "transformStyle" | "transition" | "userSelect" | "verticalAlign" | "width" | "x" | "y" | "marginHorizontal" | "marginVertical" | "paddingVertical" | "shadowRadius" | "shadowOffset" | "shadowOpacity" | "disabled" | "end" | "start" | "group" | "onChange" | "className" | "onMouseEnter" | "onMouseLeave" | "onClick" | "role" | "checked" | `$${number}` | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onMouseOver" | "onMouseOut" | "onFocus" | "onBlur" | "onDoubleClick" | "onContextMenu" | "onWheel" | "onKeyDown" | "onKeyUp" | "onInput" | "onBeforeInput" | "onScroll" | "onCopy" | "onCut" | "onPaste" | "onDrag" | "onDragStart" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop" | "onPointerDown" | "onPointerMove" | "onPointerUp" | "onPointerCancel" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "themeShallow" | "unstyled" | "render" | "untilMeasured" | "componentName" | "tabIndex" | "disableOptimization" | "forceStyle" | "disableClassName" | "hitSlop" | "animatedBy" | "scaleX" | "scaleY" | "skewX" | "skewY" | "matrix" | "rotateY" | "rotateX" | "rotateZ" | "borderCurve" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "animateOnly" | "animatePresence" | "passThrough" | "borderBottomEndRadius" | "borderBottomStartRadius" | "borderEndColor" | "borderStartColor" | "borderTopEndRadius" | "borderTopStartRadius" | "experimental_backgroundImage" | "borderEndWidth" | "borderStartWidth" | "marginEnd" | "marginStart" | "paddingEnd" | "paddingStart" | "transformMatrix" | "rotation" | "translateX" | "translateY" | `$group-${string}` | `$group-${number}` | `$group-${string}-hover` | `$group-${string}-press` | `$group-${string}-focus` | `$group-${string}-focusVisible` | `$group-${string}-focusWithin` | `$group-${number}-hover` | `$group-${number}-press` | `$group-${number}-focus` | `$group-${number}-focusVisible` | `$group-${number}-focusWithin` | "hoverStyle" | "pressStyle" | "focusStyle" | "focusWithinStyle" | "focusVisibleStyle" | "exitStyle" | "enterStyle" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancelCapture" | "onPointerDownCapture" | "onPointerUpCapture" | "required" | "scaleIcon" | "defaultChecked" | "labelledBy" | "activeStyle" | "onCheckedChange" | "scaleSize" | "sizeAdjust" | "activeTheme"> & import("tamagui").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {}>> & import("@tamagui/checkbox-headless").CheckboxExtraProps & {
         scaleIcon?: number;
         scaleSize?: number;
         sizeAdjust?: number;
@@ -212,7 +212,7 @@ export declare const Checkboxes: (<K extends string>(checkboxesProps: PropsWithC
             unstyled?: boolean | undefined;
             elevation?: number | import("tamagui").SizeTokens | undefined;
             fullscreen?: boolean | undefined;
-        }>, "theme" | "native" | "debug" | "size" | "zIndex" | "top" | "bottom" | "display" | "paddingHorizontal" | "name" | "borderRadius" | "borderWidth" | "disabledStyle" | "children" | "filter" | "value" | "style" | `$${string}` | "id" | "scale" | "transform" | "background" | "borderColor" | "shadowColor" | "border" | "outlineColor" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftWidth" | "borderRightColor" | "borderRightWidth" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "boxShadow" | "boxSizing" | "caretColor" | "clipPath" | "columnGap" | "contain" | "containerType" | "content" | "cursor" | "direction" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "gap" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "height" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "left" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "mask" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "opacity" | "outline" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowBlock" | "overflowInline" | "overflowX" | "overflowY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "perspective" | "pointerEvents" | "position" | "right" | "rotate" | "rowGap" | "textEmphasis" | "transformOrigin" | "transformStyle" | "transition" | "userSelect" | "verticalAlign" | "width" | "x" | "y" | "marginHorizontal" | "marginVertical" | "paddingVertical" | "shadowRadius" | "shadowOffset" | "shadowOpacity" | "disabled" | "end" | "start" | "group" | "onChange" | "className" | "onMouseEnter" | "onMouseLeave" | "onClick" | "role" | "checked" | `$${number}` | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onMouseOver" | "onMouseOut" | "onFocus" | "onBlur" | "onDoubleClick" | "onContextMenu" | "onWheel" | "onKeyDown" | "onKeyUp" | "onInput" | "onBeforeInput" | "onScroll" | "onCopy" | "onCut" | "onPaste" | "onDrag" | "onDragStart" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop" | "onPointerDown" | "onPointerMove" | "onPointerUp" | "onPointerCancel" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "themeShallow" | "unstyled" | "render" | "untilMeasured" | "componentName" | "tabIndex" | "disableOptimization" | "forceStyle" | "disableClassName" | "hitSlop" | "animatedBy" | "scaleX" | "scaleY" | "skewX" | "skewY" | "matrix" | "rotateY" | "rotateX" | "rotateZ" | "borderCurve" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "animateOnly" | "animatePresence" | "passThrough" | "borderBottomEndRadius" | "borderBottomStartRadius" | "borderEndColor" | "borderStartColor" | "borderTopEndRadius" | "borderTopStartRadius" | "experimental_backgroundImage" | "borderEndWidth" | "borderStartWidth" | "marginEnd" | "marginStart" | "paddingEnd" | "paddingStart" | "transformMatrix" | "rotation" | "translateX" | "translateY" | `$group-${string}` | `$group-${number}` | `$group-${string}-hover` | `$group-${string}-press` | `$group-${string}-focus` | `$group-${string}-focusVisible` | `$group-${string}-focusWithin` | `$group-${number}-hover` | `$group-${number}-press` | `$group-${number}-focus` | `$group-${number}-focusVisible` | `$group-${number}-focusWithin` | "hoverStyle" | "pressStyle" | "focusStyle" | "focusWithinStyle" | "focusVisibleStyle" | "exitStyle" | "enterStyle" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancelCapture" | "onPointerDownCapture" | "onPointerUpCapture" | "required" | "scaleIcon" | "defaultChecked" | "activeStyle" | "onCheckedChange" | "labelledBy" | "scaleSize" | "sizeAdjust" | "activeTheme"> & import("tamagui").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {}>> & import("@tamagui/checkbox-headless").CheckboxExtraProps & {
+        }>, "theme" | "native" | "debug" | "size" | "zIndex" | "top" | "bottom" | "display" | "paddingHorizontal" | "name" | "borderRadius" | "borderWidth" | "disabledStyle" | "children" | "filter" | "value" | "style" | `$${string}` | "id" | "scale" | "transform" | "background" | "borderColor" | "shadowColor" | "border" | "outlineColor" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftWidth" | "borderRightColor" | "borderRightWidth" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "boxShadow" | "boxSizing" | "caretColor" | "clipPath" | "columnGap" | "contain" | "containerType" | "content" | "cursor" | "direction" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "gap" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "height" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "left" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "mask" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "opacity" | "outline" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowBlock" | "overflowInline" | "overflowX" | "overflowY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "perspective" | "pointerEvents" | "position" | "right" | "rotate" | "rowGap" | "textEmphasis" | "transformOrigin" | "transformStyle" | "transition" | "userSelect" | "verticalAlign" | "width" | "x" | "y" | "marginHorizontal" | "marginVertical" | "paddingVertical" | "shadowRadius" | "shadowOffset" | "shadowOpacity" | "disabled" | "end" | "start" | "group" | "onChange" | "className" | "onMouseEnter" | "onMouseLeave" | "onClick" | "role" | "checked" | `$${number}` | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onMouseOver" | "onMouseOut" | "onFocus" | "onBlur" | "onDoubleClick" | "onContextMenu" | "onWheel" | "onKeyDown" | "onKeyUp" | "onInput" | "onBeforeInput" | "onScroll" | "onCopy" | "onCut" | "onPaste" | "onDrag" | "onDragStart" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop" | "onPointerDown" | "onPointerMove" | "onPointerUp" | "onPointerCancel" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "themeShallow" | "unstyled" | "render" | "untilMeasured" | "componentName" | "tabIndex" | "disableOptimization" | "forceStyle" | "disableClassName" | "hitSlop" | "animatedBy" | "scaleX" | "scaleY" | "skewX" | "skewY" | "matrix" | "rotateY" | "rotateX" | "rotateZ" | "borderCurve" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "animateOnly" | "animatePresence" | "passThrough" | "borderBottomEndRadius" | "borderBottomStartRadius" | "borderEndColor" | "borderStartColor" | "borderTopEndRadius" | "borderTopStartRadius" | "experimental_backgroundImage" | "borderEndWidth" | "borderStartWidth" | "marginEnd" | "marginStart" | "paddingEnd" | "paddingStart" | "transformMatrix" | "rotation" | "translateX" | "translateY" | `$group-${string}` | `$group-${number}` | `$group-${string}-hover` | `$group-${string}-press` | `$group-${string}-focus` | `$group-${string}-focusVisible` | `$group-${string}-focusWithin` | `$group-${number}-hover` | `$group-${number}-press` | `$group-${number}-focus` | `$group-${number}-focusVisible` | `$group-${number}-focusWithin` | "hoverStyle" | "pressStyle" | "focusStyle" | "focusWithinStyle" | "focusVisibleStyle" | "exitStyle" | "enterStyle" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancelCapture" | "onPointerDownCapture" | "onPointerUpCapture" | "required" | "scaleIcon" | "defaultChecked" | "labelledBy" | "activeStyle" | "onCheckedChange" | "scaleSize" | "sizeAdjust" | "activeTheme"> & import("tamagui").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {}>> & import("@tamagui/checkbox-headless").CheckboxExtraProps & {
             scaleIcon?: number;
             scaleSize?: number;
             sizeAdjust?: number;

package/types/fields/Select/InlineChoices.d.ts

@@ -0,0 +1,29 @@
+import { type ReactNode } from "react";
+export interface InlineChoice {
+    value: string;
+    label: string;
+    icon?: ReactNode;
+}
+export interface InlineChoicesProps {
+    options: InlineChoice[];
+    value?: string;
+    onValueChange: (value: string) => void;
+    onBlur?: (...args: any[]) => void;
+    disabled?: boolean;
+    /** The field id: FieldLayout's label points at it. */
+    id?: string;
+    labelledBy?: string;
+    "aria-label"?: string;
+    knobProps: any;
+    /** The LC-05 selected mark, already resolved to a paint. */
+    markColor: string;
+}
+/**
+ * A short Select inside a sheet laid out in place (LC-262 DIRECT-ACTIONS): one
+ * grouped list of radio rows, each with its glyph and label, the chosen row
+ * marked by the accent check alone. No trigger and no popover. On the web it
+ * is one tab stop, arrows move and choose, Space and Enter choose (APG radio
+ * group).
+ */
+export declare function InlineChoices({ options, value, onValueChange, onBlur, disabled, id, labelledBy, "aria-label": ariaLabel, knobProps, markColor, }: InlineChoicesProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InlineChoices.d.ts.map

package/types/fields/Select/InlineChoices.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineChoices.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/InlineChoices.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOnE,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,GAAG,CAAC;IACf,4DAA4D;IAC5D,SAAS,EAAE,MAAM,CAAC;CACnB;AAKD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,KAAK,EACL,aAAa,EACb,MAAM,EACN,QAAQ,EACR,EAAE,EACF,UAAU,EACV,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,SAAS,GACV,EAAE,kBAAkB,2CAwGpB"}

package/types/fields/Select/index.d.ts

@@ -7,6 +7,12 @@ export interface SelectOption {
     label: string;
     /** Optional group label for grouping options */
     group?: string;
+    /**
+     * Leading glyph on the option's row (LC-112: every menu row carries one when
+     * the options have them). Inside a sheet, five or fewer options that all
+     * carry one render inline as an icon choice list (LC-262).
+     */
+    icon?: ReactNode;
 }
 export interface SelectProps {
     name?: string;

package/types/fields/Select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA6B,SAAS,EAAsB,MAAM,OAAO,CAAC;AAqBtF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAa9C,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAoCtD,OAAO,EAA0B,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAS9E,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,KAAK,CAAC,CAAC;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,uFAAuF;IACvF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,+FAA+F;IAC/F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAmiDD,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,IAAI,EAAE,QAAQ,EACd,UAAU,EACV,KAAK,EACL,UAAU,EACV,UAAU,EACV,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,EAAE,EAAE,MAAM,EACV,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,MAAM,EACN,OAAO,EACP,WAAmC,EACnC,UAAU,EACV,QAAQ,EACR,aAAa,EACb,WAAW,EACX,QAAQ,EACR,MAAM,EACN,YAAY,EAAE,SAAS,EACvB,GAAG,IAAI,EACR,EAAE,WAAW,2CAiMb"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA6B,SAAS,EAAsB,MAAM,OAAO,CAAC;AAqBtF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAa9C,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAoCtD,OAAO,EAA0B,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAW9E,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,KAAK,CAAC,CAAC;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,uFAAuF;IACvF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,+FAA+F;IAC/F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA0hDD,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,IAAI,EAAE,QAAQ,EACd,UAAU,EACV,KAAK,EACL,UAAU,EACV,UAAU,EACV,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,EAAE,EAAE,MAAM,EACV,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,MAAM,EACN,OAAO,EACP,WAAmC,EACnC,UAAU,EACV,QAAQ,EACR,aAAa,EACb,WAAW,EACX,QAAQ,EACR,MAAM,EACN,YAAY,EAAE,SAAS,EACvB,GAAG,IAAI,EACR,EAAE,WAAW,2CA2Nb"}

package/types/fields/Select/shouldInlineChoices.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+/** The most options a Select inside a sheet lays out inline (LC-262). */
+export declare const INLINE_CHOICES_MAX = 5;
+/**
+ * A single-choice Select inside a sheet, dialog or popover with five or fewer
+ * options that all carry a glyph renders inline as an icon choice list: no
+ * trigger and no popover, the choices sit in the sheet (LC-262, FZ-7830).
+ */
+export declare function shouldInlineChoices({ insideOverlay, multiple, options, }: {
+    insideOverlay: boolean;
+    multiple?: boolean;
+    options: ReadonlyArray<{
+        icon?: ReactNode;
+    }> | undefined;
+}): boolean;
+//# sourceMappingURL=shouldInlineChoices.d.ts.map

package/types/fields/Select/shouldInlineChoices.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shouldInlineChoices.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/shouldInlineChoices.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,yEAAyE;AACzE,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAEpC;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,aAAa,EACb,QAAQ,EACR,OAAO,GACR,EAAE;IACD,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;CAC1D,GAAG,OAAO,CAGV"}