From 7f9b3b7aee04986457657b936ccf2f363c4914e9 Mon Sep 17 00:00:00 2001
From: MT Lewis <mtlewis@users.noreply.github.com>
Date: Fri, 17 Apr 2026 09:46:17 +0100
Subject: [PATCH] ui: allow all valid flex-basis values for `basis` prop

Signed-off-by: MT Lewis <mtlewis@users.noreply.github.com>
---
 packages/ui/report.api.md | 4 ++--
 packages/ui/src/types.ts  | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/ui/report.api.md b/packages/ui/report.api.md
index 66606652ad..57cc622161 100644
--- a/packages/ui/report.api.md
+++ b/packages/ui/report.api.md
@@ -13,7 +13,7 @@ import type { ColumnStaticSize } from 'react-stately';
 import type { ComponentProps } from 'react';
 import type { ComponentPropsWithoutRef } from 'react';
 import type { ComponentPropsWithRef } from 'react';
-import type { CSSProperties } from 'react';
+import { CSSProperties } from 'react';
 import type { DialogTriggerProps as DialogTriggerProps_2 } from 'react-aria-components';
 import type { DisclosureGroupProps } from 'react-aria-components';
 import type { DisclosurePanelProps } from 'react-aria-components';
@@ -1335,7 +1335,7 @@ export type FlexDirection = 'row' | 'column';
 // @public (undocumented)
 export interface FlexItemProps {
   // (undocumented)
-  basis?: Responsive<string>;
+  basis?: Responsive<CSSProperties['flexBasis']>;
   // (undocumented)
   grow?: Responsive<number | boolean>;
   // (undocumented)
diff --git a/packages/ui/src/types.ts b/packages/ui/src/types.ts
index 4c64c2fe25..e8ebfd654b 100644
--- a/packages/ui/src/types.ts
+++ b/packages/ui/src/types.ts
@@ -14,6 +14,8 @@
  * limitations under the License.
  */
 
+import { CSSProperties } from 'react';
+
 /** @public */
 export type Breakpoint = 'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 
@@ -124,7 +126,7 @@ export interface SpaceProps extends MarginProps, PaddingProps {}
 export interface FlexItemProps {
   grow?: Responsive<number | boolean>;
   shrink?: Responsive<number | boolean>;
-  basis?: Responsive<string>;
+  basis?: Responsive<CSSProperties['flexBasis']>;
 }
 
 /** @public */