@razorpay/blade 8.8.0 → 8.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/build/components/index.d.ts +2112 -201
  2. package/build/components/index.native.d.ts +1292 -200
  3. package/build/components/index.native.js +3 -3
  4. package/build/components/index.native.js.map +1 -1
  5. package/build/components/index.web.js +20 -27
  6. package/build/components/index.web.js.map +1 -1
  7. package/build/css/bankingThemeDarkDesktop.css +1 -1
  8. package/build/css/bankingThemeDarkMobile.css +1 -1
  9. package/build/css/bankingThemeLightDesktop.css +32 -32
  10. package/build/css/bankingThemeLightMobile.css +32 -32
  11. package/build/css/paymentThemeDarkDesktop.css +1 -1
  12. package/build/css/paymentThemeDarkMobile.css +1 -1
  13. package/build/css/paymentThemeLightDesktop.css +32 -32
  14. package/build/css/paymentThemeLightMobile.css +32 -32
  15. package/build/tokens/index.native.js +2 -2
  16. package/build/tokens/index.native.js.map +1 -1
  17. package/build/tokens/index.web.js +62 -62
  18. package/build/tokens/index.web.js.map +1 -1
  19. package/package.json +1 -1
package/build/components/index.native.d.ts CHANGED
@@ -984,7 +984,7 @@ type TestID = {
984
984
  * native: PickIfExist<ViewStyle, T>;
985
985
  * ```
986
986
  */
987
- type PickIfExist$1<T, K extends keyof T> = {
987
+ type PickIfExist<T, K extends keyof T> = {
988
988
  [P in K]: P extends keyof T ? T[P] : never;
989
989
  };
990
990
 
@@ -998,10 +998,10 @@ type PickIfExist$1<T, K extends keyof T> = {
998
998
  * // On Native --> This will be just `flex` and `none`
999
999
  * ```
1000
1000
  */
1001
- type PickCSSByPlatform$1<T extends keyof React__default.CSSProperties | keyof ViewStyle> = Platform.Select<{
1002
- web: PickIfExist$1<CSSObject, T>;
1001
+ type PickCSSByPlatform<T extends keyof React__default.CSSProperties | keyof ViewStyle> = Platform.Select<{
1002
+ web: PickIfExist<CSSObject, T>;
1003
1003
  // @ts-expect-error: T passed here may not neccessarily exist. We return `never` type when it doesn't
1004
- native: PickIfExist$1<ViewStyle, T>;
1004
+ native: PickIfExist<ViewStyle, T>;
1005
1005
  }>;
1006
1006
 
1007
1007
  declare type ActionListContextProp = Pick<ActionListProps, 'surfaceLevel'>;
@@ -1073,7 +1073,14 @@ type MakeValueResponsive$1<T> = [T] extends [never]
1073
1073
  * }
1074
1074
  * ```
1075
1075
  */
1076
- type MakeObjectResponsive$1<T> = { [P in keyof T]: MakeValueResponsive$1<T[P]> };
1076
+ type MakeObjectResponsive$1<
1077
+ T,
1078
+ // using this workaround to preserve the jsdocs
1079
+ // https://github.com/microsoft/TypeScript/issues/31992
1080
+ K extends keyof T = Extract<keyof T, string>
1081
+ > = {
1082
+ [P in K]: MakeValueResponsive$1<T[P]>;
1083
+ };
1077
1084
 
1078
1085
  type ArrayOfMaxLength4$1<T> = readonly [T?, T?, T?, T?];
1079
1086
  type SpaceUnits$1 = 'px' | '%' | 'fr' | 'rem' | 'em' | 'vh' | 'vw';
@@ -1322,7 +1329,7 @@ type FlexboxProps$1 = MakeObjectResponsive$1<
1322
1329
  * @see https://developer.mozilla.org/docs/Web/CSS/flex
1323
1330
  */
1324
1331
  flex: string | number;
1325
- } & PickCSSByPlatform$1<
1332
+ } & PickCSSByPlatform<
1326
1333
  | 'flexWrap'
1327
1334
  | 'flexDirection'
1328
1335
  | 'flexGrow'
@@ -1345,11 +1352,11 @@ type PositionProps$1 = MakeObjectResponsive$1<
1345
1352
  right: SpacingValueType$1;
1346
1353
  bottom: SpacingValueType$1;
1347
1354
  left: SpacingValueType$1;
1348
- } & PickCSSByPlatform$1<'position' | 'zIndex'>
1355
+ } & PickCSSByPlatform<'position' | 'zIndex'>
1349
1356
  >;
1350
1357
 
1351
1358
  type GridProps$1 = MakeObjectResponsive$1<
1352
- PickCSSByPlatform$1<
1359
+ PickCSSByPlatform<
1353
1360
  | 'grid'
1354
1361
  | 'gridColumn'
1355
1362
  | 'gridRow'
@@ -1728,8 +1735,8 @@ declare type MakeValueResponsive<T> = [T] extends [never] ? never : T | {
1728
1735
  * }
1729
1736
  * ```
1730
1737
  */
1731
- declare type MakeObjectResponsive<T> = {
1732
- [P in keyof T]: MakeValueResponsive<T[P]>;
1738
+ declare type MakeObjectResponsive<T, K extends keyof T = Extract<keyof T, string>> = {
1739
+ [P in K]: MakeValueResponsive<T[P]>;
1733
1740
  };
1734
1741
 
1735
1742
  declare type ArrayOfMaxLength4<T> = readonly [T?, T?, T?, T?];
@@ -2172,7 +2179,7 @@ declare type LayoutProps = MakeObjectResponsive<{
2172
2179
  width: SpacingValueType;
2173
2180
  minWidth: SpacingValueType;
2174
2181
  maxWidth: SpacingValueType;
2175
- } & PickCSSByPlatform$1<'display' | 'overflow' | 'overflowX' | 'overflowY' | 'textAlign'>>;
2182
+ } & PickCSSByPlatform<'display' | 'overflow' | 'overflowX' | 'overflowY' | 'textAlign'>>;
2176
2183
  declare type FlexboxProps = MakeObjectResponsive<{
2177
2184
  /**
2178
2185
  * This uses the native gap property which might not work on older browsers.
@@ -2201,14 +2208,14 @@ declare type FlexboxProps = MakeObjectResponsive<{
2201
2208
  * @see https://developer.mozilla.org/docs/Web/CSS/flex
2202
2209
  */
2203
2210
  flex: string | number;
2204
- } & PickCSSByPlatform$1<'flexWrap' | 'flexDirection' | 'flexGrow' | 'flexShrink' | 'flexBasis' | 'alignItems' | 'alignContent' | 'alignSelf' | 'justifyItems' | 'justifyContent' | 'justifySelf' | 'placeSelf' | 'order'>>;
2211
+ } & PickCSSByPlatform<'flexWrap' | 'flexDirection' | 'flexGrow' | 'flexShrink' | 'flexBasis' | 'alignItems' | 'alignContent' | 'alignSelf' | 'justifyItems' | 'justifyContent' | 'justifySelf' | 'placeSelf' | 'order'>>;
2205
2212
  declare type PositionProps = MakeObjectResponsive<{
2206
2213
  top: SpacingValueType;
2207
2214
  right: SpacingValueType;
2208
2215
  bottom: SpacingValueType;
2209
2216
  left: SpacingValueType;
2210
- } & PickCSSByPlatform$1<'position' | 'zIndex'>>;
2211
- declare type GridProps = MakeObjectResponsive<PickCSSByPlatform$1<'grid' | 'gridColumn' | 'gridRow' | 'gridRowStart' | 'gridRowEnd' | 'gridColumnStart' | 'gridColumnEnd' | 'gridArea' | 'gridAutoFlow' | 'gridAutoRows' | 'gridAutoColumns' | 'gridTemplate' | 'gridTemplateAreas' | 'gridTemplateColumns' | 'gridTemplateRows'>>;
2217
+ } & PickCSSByPlatform<'position' | 'zIndex'>>;
2218
+ declare type GridProps = MakeObjectResponsive<PickCSSByPlatform<'grid' | 'gridColumn' | 'gridRow' | 'gridRowStart' | 'gridRowEnd' | 'gridColumnStart' | 'gridColumnEnd' | 'gridArea' | 'gridAutoFlow' | 'gridAutoRows' | 'gridAutoColumns' | 'gridTemplate' | 'gridTemplateAreas' | 'gridTemplateColumns' | 'gridTemplateRows'>>;
2212
2219
  declare type ColorObjects = 'feedback' | 'surface' | 'action';
2213
2220
  declare type BackgroundColorString<T extends ColorObjects> = `${T}.background.${DotNotationColorStringToken<Theme$1['colors'][T]['background']>}`;
2214
2221
  declare type BorderColorString<T extends ColorObjects> = `${T}.border.${DotNotationColorStringToken<Theme$1['colors'][T]['border']>}`;
@@ -2275,46 +2282,281 @@ declare type BoxRefType = Platform.Select<{
2275
2282
  native: View;
2276
2283
  }>;
2277
2284
 
2278
- declare const Box: React__default.ForwardRefExoticComponent<Partial<MakeObjectResponsive<{
2279
- padding: SpacingValueType | ArrayOfMaxLength4<SpacingValueType>;
2280
- paddingX: SpacingValueType;
2281
- paddingY: SpacingValueType;
2282
- paddingTop: SpacingValueType;
2283
- paddingRight: SpacingValueType;
2284
- paddingBottom: SpacingValueType;
2285
- paddingLeft: SpacingValueType;
2286
- }> & MakeObjectResponsive<{
2287
- margin: SpacingValueType | ArrayOfMaxLength4<SpacingValueType>;
2288
- marginX: SpacingValueType;
2289
- marginY: SpacingValueType;
2290
- marginTop: SpacingValueType;
2291
- marginRight: SpacingValueType;
2292
- marginBottom: SpacingValueType;
2293
- marginLeft: SpacingValueType;
2294
- }> & MakeObjectResponsive<{
2295
- height: SpacingValueType;
2296
- minHeight: SpacingValueType;
2297
- maxHeight: SpacingValueType;
2298
- width: SpacingValueType;
2299
- minWidth: SpacingValueType;
2300
- maxWidth: SpacingValueType;
2301
- } & PickIfExist$1<react_native.ViewStyle, "display" | "overflowX" | "overflowY" | "textAlign" | "overflow"> & {
2302
- __brand__?: "platform-native" | undefined;
2303
- }> & MakeObjectResponsive<{
2304
- gap: SpacingValueType;
2305
- rowGap: SpacingValueType;
2306
- columnGap: SpacingValueType;
2307
- flex: string | number;
2308
- } & PickIfExist$1<react_native.ViewStyle, "alignContent" | "alignItems" | "alignSelf" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "justifyItems" | "justifySelf" | "order" | "placeSelf"> & {
2309
- __brand__?: "platform-native" | undefined;
2310
- }> & MakeObjectResponsive<{
2311
- top: SpacingValueType;
2312
- right: SpacingValueType;
2313
- bottom: SpacingValueType;
2314
- left: SpacingValueType;
2315
- } & PickIfExist$1<react_native.ViewStyle, "position" | "zIndex"> & {
2316
- __brand__?: "platform-native" | undefined;
2317
- }> & MakeObjectResponsive<PickCSSByPlatform$1<"grid" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate">> & {
2285
+ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps & MarginProps & {
2286
+ width: SpacingValueType | {
2287
+ readonly base?: SpacingValueType | undefined;
2288
+ readonly xs?: SpacingValueType | undefined;
2289
+ readonly s?: SpacingValueType | undefined;
2290
+ readonly m?: SpacingValueType | undefined;
2291
+ readonly l?: SpacingValueType | undefined;
2292
+ readonly xl?: SpacingValueType | undefined;
2293
+ };
2294
+ display?: "none" | "flex" | {
2295
+ readonly base?: "none" | "flex" | undefined;
2296
+ readonly xs?: "none" | "flex" | undefined;
2297
+ readonly s?: "none" | "flex" | undefined;
2298
+ readonly m?: "none" | "flex" | undefined;
2299
+ readonly l?: "none" | "flex" | undefined;
2300
+ readonly xl?: "none" | "flex" | undefined;
2301
+ } | undefined;
2302
+ height: SpacingValueType | {
2303
+ readonly base?: SpacingValueType | undefined;
2304
+ readonly xs?: SpacingValueType | undefined;
2305
+ readonly s?: SpacingValueType | undefined;
2306
+ readonly m?: SpacingValueType | undefined;
2307
+ readonly l?: SpacingValueType | undefined;
2308
+ readonly xl?: SpacingValueType | undefined;
2309
+ };
2310
+ maxHeight: SpacingValueType | {
2311
+ readonly base?: SpacingValueType | undefined;
2312
+ readonly xs?: SpacingValueType | undefined;
2313
+ readonly s?: SpacingValueType | undefined;
2314
+ readonly m?: SpacingValueType | undefined;
2315
+ readonly l?: SpacingValueType | undefined;
2316
+ readonly xl?: SpacingValueType | undefined;
2317
+ };
2318
+ maxWidth: SpacingValueType | {
2319
+ readonly base?: SpacingValueType | undefined;
2320
+ readonly xs?: SpacingValueType | undefined;
2321
+ readonly s?: SpacingValueType | undefined;
2322
+ readonly m?: SpacingValueType | undefined;
2323
+ readonly l?: SpacingValueType | undefined;
2324
+ readonly xl?: SpacingValueType | undefined;
2325
+ };
2326
+ minHeight: SpacingValueType | {
2327
+ readonly base?: SpacingValueType | undefined;
2328
+ readonly xs?: SpacingValueType | undefined;
2329
+ readonly s?: SpacingValueType | undefined;
2330
+ readonly m?: SpacingValueType | undefined;
2331
+ readonly l?: SpacingValueType | undefined;
2332
+ readonly xl?: SpacingValueType | undefined;
2333
+ };
2334
+ minWidth: SpacingValueType | {
2335
+ readonly base?: SpacingValueType | undefined;
2336
+ readonly xs?: SpacingValueType | undefined;
2337
+ readonly s?: SpacingValueType | undefined;
2338
+ readonly m?: SpacingValueType | undefined;
2339
+ readonly l?: SpacingValueType | undefined;
2340
+ readonly xl?: SpacingValueType | undefined;
2341
+ };
2342
+ overflowX: never;
2343
+ overflowY: never;
2344
+ textAlign: never;
2345
+ overflow?: "hidden" | "scroll" | "visible" | {
2346
+ readonly base?: "hidden" | "scroll" | "visible" | undefined;
2347
+ readonly xs?: "hidden" | "scroll" | "visible" | undefined;
2348
+ readonly s?: "hidden" | "scroll" | "visible" | undefined;
2349
+ readonly m?: "hidden" | "scroll" | "visible" | undefined;
2350
+ readonly l?: "hidden" | "scroll" | "visible" | undefined;
2351
+ readonly xl?: "hidden" | "scroll" | "visible" | undefined;
2352
+ } | undefined;
2353
+ __brand__?: "platform-native" | {
2354
+ readonly base?: "platform-native" | undefined;
2355
+ readonly xs?: "platform-native" | undefined;
2356
+ readonly s?: "platform-native" | undefined;
2357
+ readonly m?: "platform-native" | undefined;
2358
+ readonly l?: "platform-native" | undefined;
2359
+ readonly xl?: "platform-native" | undefined;
2360
+ } | undefined;
2361
+ } & {
2362
+ alignContent?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | {
2363
+ readonly base?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
2364
+ readonly xs?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
2365
+ readonly s?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
2366
+ readonly m?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
2367
+ readonly l?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
2368
+ readonly xl?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
2369
+ } | undefined;
2370
+ alignItems?: react_native.FlexAlignType | {
2371
+ readonly base?: react_native.FlexAlignType | undefined;
2372
+ readonly xs?: react_native.FlexAlignType | undefined;
2373
+ readonly s?: react_native.FlexAlignType | undefined;
2374
+ readonly m?: react_native.FlexAlignType | undefined;
2375
+ readonly l?: react_native.FlexAlignType | undefined;
2376
+ readonly xl?: react_native.FlexAlignType | undefined;
2377
+ } | undefined;
2378
+ alignSelf?: "auto" | react_native.FlexAlignType | {
2379
+ readonly base?: "auto" | react_native.FlexAlignType | undefined;
2380
+ readonly xs?: "auto" | react_native.FlexAlignType | undefined;
2381
+ readonly s?: "auto" | react_native.FlexAlignType | undefined;
2382
+ readonly m?: "auto" | react_native.FlexAlignType | undefined;
2383
+ readonly l?: "auto" | react_native.FlexAlignType | undefined;
2384
+ readonly xl?: "auto" | react_native.FlexAlignType | undefined;
2385
+ } | undefined;
2386
+ columnGap: SpacingValueType | {
2387
+ readonly base?: SpacingValueType | undefined;
2388
+ readonly xs?: SpacingValueType | undefined;
2389
+ readonly s?: SpacingValueType | undefined;
2390
+ readonly m?: SpacingValueType | undefined;
2391
+ readonly l?: SpacingValueType | undefined;
2392
+ readonly xl?: SpacingValueType | undefined;
2393
+ };
2394
+ flexBasis?: string | number | {
2395
+ readonly base?: string | number | undefined;
2396
+ readonly xs?: string | number | undefined;
2397
+ readonly s?: string | number | undefined;
2398
+ readonly m?: string | number | undefined;
2399
+ readonly l?: string | number | undefined;
2400
+ readonly xl?: string | number | undefined;
2401
+ } | undefined;
2402
+ flexDirection?: "row" | "column" | "column-reverse" | "row-reverse" | {
2403
+ readonly base?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
2404
+ readonly xs?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
2405
+ readonly s?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
2406
+ readonly m?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
2407
+ readonly l?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
2408
+ readonly xl?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
2409
+ } | undefined;
2410
+ flexGrow?: number | {
2411
+ readonly base?: number | undefined;
2412
+ readonly xs?: number | undefined;
2413
+ readonly s?: number | undefined;
2414
+ readonly m?: number | undefined;
2415
+ readonly l?: number | undefined;
2416
+ readonly xl?: number | undefined;
2417
+ } | undefined;
2418
+ flexShrink?: number | {
2419
+ readonly base?: number | undefined;
2420
+ readonly xs?: number | undefined;
2421
+ readonly s?: number | undefined;
2422
+ readonly m?: number | undefined;
2423
+ readonly l?: number | undefined;
2424
+ readonly xl?: number | undefined;
2425
+ } | undefined;
2426
+ flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
2427
+ readonly base?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
2428
+ readonly xs?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
2429
+ readonly s?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
2430
+ readonly m?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
2431
+ readonly l?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
2432
+ readonly xl?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
2433
+ } | undefined;
2434
+ justifyContent?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
2435
+ readonly base?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
2436
+ readonly xs?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
2437
+ readonly s?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
2438
+ readonly m?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
2439
+ readonly l?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
2440
+ readonly xl?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
2441
+ } | undefined;
2442
+ justifyItems: never;
2443
+ justifySelf: never;
2444
+ order: never;
2445
+ rowGap: SpacingValueType | {
2446
+ readonly base?: SpacingValueType | undefined;
2447
+ readonly xs?: SpacingValueType | undefined;
2448
+ readonly s?: SpacingValueType | undefined;
2449
+ readonly m?: SpacingValueType | undefined;
2450
+ readonly l?: SpacingValueType | undefined;
2451
+ readonly xl?: SpacingValueType | undefined;
2452
+ };
2453
+ flex: string | number | {
2454
+ readonly base?: string | number | undefined;
2455
+ readonly xs?: string | number | undefined;
2456
+ readonly s?: string | number | undefined;
2457
+ readonly m?: string | number | undefined;
2458
+ readonly l?: string | number | undefined;
2459
+ readonly xl?: string | number | undefined;
2460
+ };
2461
+ gap: SpacingValueType | {
2462
+ readonly base?: SpacingValueType | undefined;
2463
+ readonly xs?: SpacingValueType | undefined;
2464
+ readonly s?: SpacingValueType | undefined;
2465
+ readonly m?: SpacingValueType | undefined;
2466
+ readonly l?: SpacingValueType | undefined;
2467
+ readonly xl?: SpacingValueType | undefined;
2468
+ };
2469
+ placeSelf: never;
2470
+ __brand__?: "platform-native" | {
2471
+ readonly base?: "platform-native" | undefined;
2472
+ readonly xs?: "platform-native" | undefined;
2473
+ readonly s?: "platform-native" | undefined;
2474
+ readonly m?: "platform-native" | undefined;
2475
+ readonly l?: "platform-native" | undefined;
2476
+ readonly xl?: "platform-native" | undefined;
2477
+ } | undefined;
2478
+ } & {
2479
+ bottom: SpacingValueType | {
2480
+ readonly base?: SpacingValueType | undefined;
2481
+ readonly xs?: SpacingValueType | undefined;
2482
+ readonly s?: SpacingValueType | undefined;
2483
+ readonly m?: SpacingValueType | undefined;
2484
+ readonly l?: SpacingValueType | undefined;
2485
+ readonly xl?: SpacingValueType | undefined;
2486
+ };
2487
+ left: SpacingValueType | {
2488
+ readonly base?: SpacingValueType | undefined;
2489
+ readonly xs?: SpacingValueType | undefined;
2490
+ readonly s?: SpacingValueType | undefined;
2491
+ readonly m?: SpacingValueType | undefined;
2492
+ readonly l?: SpacingValueType | undefined;
2493
+ readonly xl?: SpacingValueType | undefined;
2494
+ };
2495
+ position?: "absolute" | "relative" | {
2496
+ readonly base?: "absolute" | "relative" | undefined;
2497
+ readonly xs?: "absolute" | "relative" | undefined;
2498
+ readonly s?: "absolute" | "relative" | undefined;
2499
+ readonly m?: "absolute" | "relative" | undefined;
2500
+ readonly l?: "absolute" | "relative" | undefined;
2501
+ readonly xl?: "absolute" | "relative" | undefined;
2502
+ } | undefined;
2503
+ right: SpacingValueType | {
2504
+ readonly base?: SpacingValueType | undefined;
2505
+ readonly xs?: SpacingValueType | undefined;
2506
+ readonly s?: SpacingValueType | undefined;
2507
+ readonly m?: SpacingValueType | undefined;
2508
+ readonly l?: SpacingValueType | undefined;
2509
+ readonly xl?: SpacingValueType | undefined;
2510
+ };
2511
+ top: SpacingValueType | {
2512
+ readonly base?: SpacingValueType | undefined;
2513
+ readonly xs?: SpacingValueType | undefined;
2514
+ readonly s?: SpacingValueType | undefined;
2515
+ readonly m?: SpacingValueType | undefined;
2516
+ readonly l?: SpacingValueType | undefined;
2517
+ readonly xl?: SpacingValueType | undefined;
2518
+ };
2519
+ zIndex?: number | {
2520
+ readonly base?: number | undefined;
2521
+ readonly xs?: number | undefined;
2522
+ readonly s?: number | undefined;
2523
+ readonly m?: number | undefined;
2524
+ readonly l?: number | undefined;
2525
+ readonly xl?: number | undefined;
2526
+ } | undefined;
2527
+ __brand__?: "platform-native" | {
2528
+ readonly base?: "platform-native" | undefined;
2529
+ readonly xs?: "platform-native" | undefined;
2530
+ readonly s?: "platform-native" | undefined;
2531
+ readonly m?: "platform-native" | undefined;
2532
+ readonly l?: "platform-native" | undefined;
2533
+ readonly xl?: "platform-native" | undefined;
2534
+ } | undefined;
2535
+ } & {
2536
+ grid: never;
2537
+ gridAutoColumns: never;
2538
+ gridAutoFlow: never;
2539
+ gridAutoRows: never;
2540
+ gridColumnEnd: never;
2541
+ gridColumnStart: never;
2542
+ gridRowEnd: never;
2543
+ gridRowStart: never;
2544
+ gridTemplateAreas: never;
2545
+ gridTemplateColumns: never;
2546
+ gridTemplateRows: never;
2547
+ gridArea: never;
2548
+ gridColumn: never;
2549
+ gridRow: never;
2550
+ gridTemplate: never;
2551
+ __brand__?: "platform-native" | {
2552
+ readonly base?: "platform-native" | undefined;
2553
+ readonly xs?: "platform-native" | undefined;
2554
+ readonly s?: "platform-native" | undefined;
2555
+ readonly m?: "platform-native" | undefined;
2556
+ readonly l?: "platform-native" | undefined;
2557
+ readonly xl?: "platform-native" | undefined;
2558
+ } | undefined;
2559
+ } & {
2318
2560
  onMouseOver: undefined;
2319
2561
  onMouseEnter: undefined;
2320
2562
  onMouseLeave: undefined;
@@ -2336,7 +2578,7 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<MakeObjectRe
2336
2578
  borderTopRightRadius: "none" | "small" | "medium" | "large" | "max" | "round";
2337
2579
  borderBottomRightRadius: "none" | "small" | "medium" | "large" | "max" | "round";
2338
2580
  borderBottomLeftRadius: "none" | "small" | "medium" | "large" | "max" | "round";
2339
- }> & {
2581
+ }, "backgroundColor" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderLeftColor" | "borderLeftWidth" | "borderRightColor" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "borderColor" | "borderRadius" | "borderWidth"> & {
2340
2582
  as: "header" | "main" | "label" | "aside" | "div" | "footer" | "nav" | "section" | "span";
2341
2583
  } & {
2342
2584
  children?: React__default.ReactNode | React__default.ReactNode[];
@@ -3018,29 +3260,205 @@ declare const Checkbox: React__default.ForwardRefExoticComponent<{
3018
3260
  *
3019
3261
  */
3020
3262
  tabIndex?: number | undefined;
3021
- } & TestID & Partial<Omit<MakeObjectResponsive<{
3022
- margin: SpacingValueType | ArrayOfMaxLength4<SpacingValueType>;
3023
- marginX: SpacingValueType;
3024
- marginY: SpacingValueType;
3025
- marginTop: SpacingValueType;
3026
- marginRight: SpacingValueType;
3027
- marginBottom: SpacingValueType;
3028
- marginLeft: SpacingValueType;
3029
- }> & Pick<MakeObjectResponsive<{
3030
- gap: SpacingValueType;
3031
- rowGap: SpacingValueType;
3032
- columnGap: SpacingValueType;
3033
- flex: string | number;
3034
- } & PickIfExist$1<react_native.ViewStyle, "alignContent" | "alignItems" | "alignSelf" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "justifyItems" | "justifySelf" | "order" | "placeSelf"> & {
3035
- __brand__?: "platform-native" | undefined;
3036
- }>, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & MakeObjectResponsive<{
3037
- top: SpacingValueType;
3038
- right: SpacingValueType;
3039
- bottom: SpacingValueType;
3040
- left: SpacingValueType;
3041
- } & PickIfExist$1<react_native.ViewStyle, "position" | "zIndex"> & {
3042
- __brand__?: "platform-native" | undefined;
3043
- }> & Pick<MakeObjectResponsive<PickCSSByPlatform$1<"grid" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate">>, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
3263
+ } & TestID & Partial<Omit<MarginProps & Pick<{
3264
+ alignContent?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | {
3265
+ readonly base?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
3266
+ readonly xs?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
3267
+ readonly s?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
3268
+ readonly m?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
3269
+ readonly l?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
3270
+ readonly xl?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
3271
+ } | undefined;
3272
+ alignItems?: react_native.FlexAlignType | {
3273
+ readonly base?: react_native.FlexAlignType | undefined;
3274
+ readonly xs?: react_native.FlexAlignType | undefined;
3275
+ readonly s?: react_native.FlexAlignType | undefined;
3276
+ readonly m?: react_native.FlexAlignType | undefined;
3277
+ readonly l?: react_native.FlexAlignType | undefined;
3278
+ readonly xl?: react_native.FlexAlignType | undefined;
3279
+ } | undefined;
3280
+ alignSelf?: "auto" | react_native.FlexAlignType | {
3281
+ readonly base?: "auto" | react_native.FlexAlignType | undefined;
3282
+ readonly xs?: "auto" | react_native.FlexAlignType | undefined;
3283
+ readonly s?: "auto" | react_native.FlexAlignType | undefined;
3284
+ readonly m?: "auto" | react_native.FlexAlignType | undefined;
3285
+ readonly l?: "auto" | react_native.FlexAlignType | undefined;
3286
+ readonly xl?: "auto" | react_native.FlexAlignType | undefined;
3287
+ } | undefined;
3288
+ columnGap: SpacingValueType | {
3289
+ readonly base?: SpacingValueType | undefined;
3290
+ readonly xs?: SpacingValueType | undefined;
3291
+ readonly s?: SpacingValueType | undefined;
3292
+ readonly m?: SpacingValueType | undefined;
3293
+ readonly l?: SpacingValueType | undefined;
3294
+ readonly xl?: SpacingValueType | undefined;
3295
+ };
3296
+ flexBasis?: string | number | {
3297
+ readonly base?: string | number | undefined;
3298
+ readonly xs?: string | number | undefined;
3299
+ readonly s?: string | number | undefined;
3300
+ readonly m?: string | number | undefined;
3301
+ readonly l?: string | number | undefined;
3302
+ readonly xl?: string | number | undefined;
3303
+ } | undefined;
3304
+ flexDirection?: "row" | "column" | "column-reverse" | "row-reverse" | {
3305
+ readonly base?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
3306
+ readonly xs?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
3307
+ readonly s?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
3308
+ readonly m?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
3309
+ readonly l?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
3310
+ readonly xl?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
3311
+ } | undefined;
3312
+ flexGrow?: number | {
3313
+ readonly base?: number | undefined;
3314
+ readonly xs?: number | undefined;
3315
+ readonly s?: number | undefined;
3316
+ readonly m?: number | undefined;
3317
+ readonly l?: number | undefined;
3318
+ readonly xl?: number | undefined;
3319
+ } | undefined;
3320
+ flexShrink?: number | {
3321
+ readonly base?: number | undefined;
3322
+ readonly xs?: number | undefined;
3323
+ readonly s?: number | undefined;
3324
+ readonly m?: number | undefined;
3325
+ readonly l?: number | undefined;
3326
+ readonly xl?: number | undefined;
3327
+ } | undefined;
3328
+ flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
3329
+ readonly base?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
3330
+ readonly xs?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
3331
+ readonly s?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
3332
+ readonly m?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
3333
+ readonly l?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
3334
+ readonly xl?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
3335
+ } | undefined;
3336
+ justifyContent?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
3337
+ readonly base?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
3338
+ readonly xs?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
3339
+ readonly s?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
3340
+ readonly m?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
3341
+ readonly l?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
3342
+ readonly xl?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
3343
+ } | undefined;
3344
+ justifyItems: never;
3345
+ justifySelf: never;
3346
+ order: never;
3347
+ rowGap: SpacingValueType | {
3348
+ readonly base?: SpacingValueType | undefined;
3349
+ readonly xs?: SpacingValueType | undefined;
3350
+ readonly s?: SpacingValueType | undefined;
3351
+ readonly m?: SpacingValueType | undefined;
3352
+ readonly l?: SpacingValueType | undefined;
3353
+ readonly xl?: SpacingValueType | undefined;
3354
+ };
3355
+ flex: string | number | {
3356
+ readonly base?: string | number | undefined;
3357
+ readonly xs?: string | number | undefined;
3358
+ readonly s?: string | number | undefined;
3359
+ readonly m?: string | number | undefined;
3360
+ readonly l?: string | number | undefined;
3361
+ readonly xl?: string | number | undefined;
3362
+ };
3363
+ gap: SpacingValueType | {
3364
+ readonly base?: SpacingValueType | undefined;
3365
+ readonly xs?: SpacingValueType | undefined;
3366
+ readonly s?: SpacingValueType | undefined;
3367
+ readonly m?: SpacingValueType | undefined;
3368
+ readonly l?: SpacingValueType | undefined;
3369
+ readonly xl?: SpacingValueType | undefined;
3370
+ };
3371
+ placeSelf: never;
3372
+ __brand__?: "platform-native" | {
3373
+ readonly base?: "platform-native" | undefined;
3374
+ readonly xs?: "platform-native" | undefined;
3375
+ readonly s?: "platform-native" | undefined;
3376
+ readonly m?: "platform-native" | undefined;
3377
+ readonly l?: "platform-native" | undefined;
3378
+ readonly xl?: "platform-native" | undefined;
3379
+ } | undefined;
3380
+ }, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
3381
+ bottom: SpacingValueType | {
3382
+ readonly base?: SpacingValueType | undefined;
3383
+ readonly xs?: SpacingValueType | undefined;
3384
+ readonly s?: SpacingValueType | undefined;
3385
+ readonly m?: SpacingValueType | undefined;
3386
+ readonly l?: SpacingValueType | undefined;
3387
+ readonly xl?: SpacingValueType | undefined;
3388
+ };
3389
+ left: SpacingValueType | {
3390
+ readonly base?: SpacingValueType | undefined;
3391
+ readonly xs?: SpacingValueType | undefined;
3392
+ readonly s?: SpacingValueType | undefined;
3393
+ readonly m?: SpacingValueType | undefined;
3394
+ readonly l?: SpacingValueType | undefined;
3395
+ readonly xl?: SpacingValueType | undefined;
3396
+ };
3397
+ position?: "absolute" | "relative" | {
3398
+ readonly base?: "absolute" | "relative" | undefined;
3399
+ readonly xs?: "absolute" | "relative" | undefined;
3400
+ readonly s?: "absolute" | "relative" | undefined;
3401
+ readonly m?: "absolute" | "relative" | undefined;
3402
+ readonly l?: "absolute" | "relative" | undefined;
3403
+ readonly xl?: "absolute" | "relative" | undefined;
3404
+ } | undefined;
3405
+ right: SpacingValueType | {
3406
+ readonly base?: SpacingValueType | undefined;
3407
+ readonly xs?: SpacingValueType | undefined;
3408
+ readonly s?: SpacingValueType | undefined;
3409
+ readonly m?: SpacingValueType | undefined;
3410
+ readonly l?: SpacingValueType | undefined;
3411
+ readonly xl?: SpacingValueType | undefined;
3412
+ };
3413
+ top: SpacingValueType | {
3414
+ readonly base?: SpacingValueType | undefined;
3415
+ readonly xs?: SpacingValueType | undefined;
3416
+ readonly s?: SpacingValueType | undefined;
3417
+ readonly m?: SpacingValueType | undefined;
3418
+ readonly l?: SpacingValueType | undefined;
3419
+ readonly xl?: SpacingValueType | undefined;
3420
+ };
3421
+ zIndex?: number | {
3422
+ readonly base?: number | undefined;
3423
+ readonly xs?: number | undefined;
3424
+ readonly s?: number | undefined;
3425
+ readonly m?: number | undefined;
3426
+ readonly l?: number | undefined;
3427
+ readonly xl?: number | undefined;
3428
+ } | undefined;
3429
+ __brand__?: "platform-native" | {
3430
+ readonly base?: "platform-native" | undefined;
3431
+ readonly xs?: "platform-native" | undefined;
3432
+ readonly s?: "platform-native" | undefined;
3433
+ readonly m?: "platform-native" | undefined;
3434
+ readonly l?: "platform-native" | undefined;
3435
+ readonly xl?: "platform-native" | undefined;
3436
+ } | undefined;
3437
+ } & Pick<{
3438
+ grid: never;
3439
+ gridAutoColumns: never;
3440
+ gridAutoFlow: never;
3441
+ gridAutoRows: never;
3442
+ gridColumnEnd: never;
3443
+ gridColumnStart: never;
3444
+ gridRowEnd: never;
3445
+ gridRowStart: never;
3446
+ gridTemplateAreas: never;
3447
+ gridTemplateColumns: never;
3448
+ gridTemplateRows: never;
3449
+ gridArea: never;
3450
+ gridColumn: never;
3451
+ gridRow: never;
3452
+ gridTemplate: never;
3453
+ __brand__?: "platform-native" | {
3454
+ readonly base?: "platform-native" | undefined;
3455
+ readonly xs?: "platform-native" | undefined;
3456
+ readonly s?: "platform-native" | undefined;
3457
+ readonly m?: "platform-native" | undefined;
3458
+ readonly l?: "platform-native" | undefined;
3459
+ readonly xl?: "platform-native" | undefined;
3460
+ } | undefined;
3461
+ }, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
3044
3462
 
3045
3463
  declare type CheckboxGroupProps = {
3046
3464
  /**
@@ -3701,36 +4119,6 @@ declare type IconProps = {
3701
4119
  } & StyledPropsBlade;
3702
4120
  declare type IconComponent = React.ComponentType<IconProps>;
3703
4121
 
3704
- /**
3705
- * Similar to `Pick` except this returns `never` when value doesn't exist (native `Pick` returns `unknown`).
3706
- *
3707
- * You might have to ts-ignore the non-existing type error while using this. This is done so that you can get jsdoc from actual type.
3708
- *
3709
- * E.g. This will pick from ViewStyle prop if value exists else returns undefined.
3710
- *
3711
- * ```ts
3712
- * // @ts-expect-error: T passed here may not neccessarily exist. We return `never` type when it doesn't
3713
- * native: PickIfExist<ViewStyle, T>;
3714
- * ```
3715
- */
3716
- declare type PickIfExist<T, K extends keyof T> = {
3717
- [P in K]: P extends keyof T ? T[P] : never;
3718
- };
3719
- /**
3720
- * Picks the types based on the platform (web / native).
3721
- *
3722
- * E.g.
3723
- * ```ts
3724
- * type CSSObject = PickCSSByPlatform<'display'>
3725
- * // On Web --> This will be all possible web display properties like `block`, `flex`, `inline`, and more.
3726
- * // On Native --> This will be just `flex` and `none`
3727
- * ```
3728
- */
3729
- declare type PickCSSByPlatform<T extends keyof React__default.CSSProperties | keyof ViewStyle> = Platform.Select<{
3730
- web: PickIfExist<CSSObject, T>;
3731
- native: PickIfExist<ViewStyle, T>;
3732
- }>;
3733
-
3734
4122
  declare type FormInputLabelProps = {
3735
4123
  /**
3736
4124
  * Label to be shown for the input field
@@ -4074,29 +4462,205 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Pick<BaseInput
4074
4462
  * @default text
4075
4463
  */
4076
4464
  type?: Type;
4077
- } & Partial<Omit<MakeObjectResponsive<{
4078
- margin: SpacingValueType | ArrayOfMaxLength4<SpacingValueType>;
4079
- marginX: SpacingValueType;
4080
- marginY: SpacingValueType;
4081
- marginTop: SpacingValueType;
4082
- marginRight: SpacingValueType;
4083
- marginBottom: SpacingValueType;
4084
- marginLeft: SpacingValueType;
4085
- }> & Pick<MakeObjectResponsive<{
4086
- gap: SpacingValueType;
4087
- rowGap: SpacingValueType;
4088
- columnGap: SpacingValueType;
4089
- flex: string | number;
4090
- } & PickIfExist<react_native.ViewStyle, "alignContent" | "alignItems" | "alignSelf" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "justifyItems" | "justifySelf" | "order" | "placeSelf"> & {
4091
- __brand__?: "platform-native" | undefined;
4092
- }>, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & MakeObjectResponsive<{
4093
- top: SpacingValueType;
4094
- right: SpacingValueType;
4095
- bottom: SpacingValueType;
4096
- left: SpacingValueType;
4097
- } & PickIfExist<react_native.ViewStyle, "position" | "zIndex"> & {
4098
- __brand__?: "platform-native" | undefined;
4099
- }> & Pick<MakeObjectResponsive<PickCSSByPlatform<"grid" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate">>, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
4465
+ } & Partial<Omit<MarginProps & Pick<{
4466
+ alignContent?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | {
4467
+ readonly base?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4468
+ readonly xs?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4469
+ readonly s?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4470
+ readonly m?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4471
+ readonly l?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4472
+ readonly xl?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4473
+ } | undefined;
4474
+ alignItems?: react_native.FlexAlignType | {
4475
+ readonly base?: react_native.FlexAlignType | undefined;
4476
+ readonly xs?: react_native.FlexAlignType | undefined;
4477
+ readonly s?: react_native.FlexAlignType | undefined;
4478
+ readonly m?: react_native.FlexAlignType | undefined;
4479
+ readonly l?: react_native.FlexAlignType | undefined;
4480
+ readonly xl?: react_native.FlexAlignType | undefined;
4481
+ } | undefined;
4482
+ alignSelf?: "auto" | react_native.FlexAlignType | {
4483
+ readonly base?: "auto" | react_native.FlexAlignType | undefined;
4484
+ readonly xs?: "auto" | react_native.FlexAlignType | undefined;
4485
+ readonly s?: "auto" | react_native.FlexAlignType | undefined;
4486
+ readonly m?: "auto" | react_native.FlexAlignType | undefined;
4487
+ readonly l?: "auto" | react_native.FlexAlignType | undefined;
4488
+ readonly xl?: "auto" | react_native.FlexAlignType | undefined;
4489
+ } | undefined;
4490
+ columnGap: SpacingValueType | {
4491
+ readonly base?: SpacingValueType | undefined;
4492
+ readonly xs?: SpacingValueType | undefined;
4493
+ readonly s?: SpacingValueType | undefined;
4494
+ readonly m?: SpacingValueType | undefined;
4495
+ readonly l?: SpacingValueType | undefined;
4496
+ readonly xl?: SpacingValueType | undefined;
4497
+ };
4498
+ flexBasis?: string | number | {
4499
+ readonly base?: string | number | undefined;
4500
+ readonly xs?: string | number | undefined;
4501
+ readonly s?: string | number | undefined;
4502
+ readonly m?: string | number | undefined;
4503
+ readonly l?: string | number | undefined;
4504
+ readonly xl?: string | number | undefined;
4505
+ } | undefined;
4506
+ flexDirection?: "row" | "column" | "column-reverse" | "row-reverse" | {
4507
+ readonly base?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4508
+ readonly xs?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4509
+ readonly s?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4510
+ readonly m?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4511
+ readonly l?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4512
+ readonly xl?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4513
+ } | undefined;
4514
+ flexGrow?: number | {
4515
+ readonly base?: number | undefined;
4516
+ readonly xs?: number | undefined;
4517
+ readonly s?: number | undefined;
4518
+ readonly m?: number | undefined;
4519
+ readonly l?: number | undefined;
4520
+ readonly xl?: number | undefined;
4521
+ } | undefined;
4522
+ flexShrink?: number | {
4523
+ readonly base?: number | undefined;
4524
+ readonly xs?: number | undefined;
4525
+ readonly s?: number | undefined;
4526
+ readonly m?: number | undefined;
4527
+ readonly l?: number | undefined;
4528
+ readonly xl?: number | undefined;
4529
+ } | undefined;
4530
+ flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
4531
+ readonly base?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4532
+ readonly xs?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4533
+ readonly s?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4534
+ readonly m?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4535
+ readonly l?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4536
+ readonly xl?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4537
+ } | undefined;
4538
+ justifyContent?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
4539
+ readonly base?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4540
+ readonly xs?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4541
+ readonly s?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4542
+ readonly m?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4543
+ readonly l?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4544
+ readonly xl?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4545
+ } | undefined;
4546
+ justifyItems: never;
4547
+ justifySelf: never;
4548
+ order: never;
4549
+ rowGap: SpacingValueType | {
4550
+ readonly base?: SpacingValueType | undefined;
4551
+ readonly xs?: SpacingValueType | undefined;
4552
+ readonly s?: SpacingValueType | undefined;
4553
+ readonly m?: SpacingValueType | undefined;
4554
+ readonly l?: SpacingValueType | undefined;
4555
+ readonly xl?: SpacingValueType | undefined;
4556
+ };
4557
+ flex: string | number | {
4558
+ readonly base?: string | number | undefined;
4559
+ readonly xs?: string | number | undefined;
4560
+ readonly s?: string | number | undefined;
4561
+ readonly m?: string | number | undefined;
4562
+ readonly l?: string | number | undefined;
4563
+ readonly xl?: string | number | undefined;
4564
+ };
4565
+ gap: SpacingValueType | {
4566
+ readonly base?: SpacingValueType | undefined;
4567
+ readonly xs?: SpacingValueType | undefined;
4568
+ readonly s?: SpacingValueType | undefined;
4569
+ readonly m?: SpacingValueType | undefined;
4570
+ readonly l?: SpacingValueType | undefined;
4571
+ readonly xl?: SpacingValueType | undefined;
4572
+ };
4573
+ placeSelf: never;
4574
+ __brand__?: "platform-native" | {
4575
+ readonly base?: "platform-native" | undefined;
4576
+ readonly xs?: "platform-native" | undefined;
4577
+ readonly s?: "platform-native" | undefined;
4578
+ readonly m?: "platform-native" | undefined;
4579
+ readonly l?: "platform-native" | undefined;
4580
+ readonly xl?: "platform-native" | undefined;
4581
+ } | undefined;
4582
+ }, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
4583
+ bottom: SpacingValueType | {
4584
+ readonly base?: SpacingValueType | undefined;
4585
+ readonly xs?: SpacingValueType | undefined;
4586
+ readonly s?: SpacingValueType | undefined;
4587
+ readonly m?: SpacingValueType | undefined;
4588
+ readonly l?: SpacingValueType | undefined;
4589
+ readonly xl?: SpacingValueType | undefined;
4590
+ };
4591
+ left: SpacingValueType | {
4592
+ readonly base?: SpacingValueType | undefined;
4593
+ readonly xs?: SpacingValueType | undefined;
4594
+ readonly s?: SpacingValueType | undefined;
4595
+ readonly m?: SpacingValueType | undefined;
4596
+ readonly l?: SpacingValueType | undefined;
4597
+ readonly xl?: SpacingValueType | undefined;
4598
+ };
4599
+ position?: "absolute" | "relative" | {
4600
+ readonly base?: "absolute" | "relative" | undefined;
4601
+ readonly xs?: "absolute" | "relative" | undefined;
4602
+ readonly s?: "absolute" | "relative" | undefined;
4603
+ readonly m?: "absolute" | "relative" | undefined;
4604
+ readonly l?: "absolute" | "relative" | undefined;
4605
+ readonly xl?: "absolute" | "relative" | undefined;
4606
+ } | undefined;
4607
+ right: SpacingValueType | {
4608
+ readonly base?: SpacingValueType | undefined;
4609
+ readonly xs?: SpacingValueType | undefined;
4610
+ readonly s?: SpacingValueType | undefined;
4611
+ readonly m?: SpacingValueType | undefined;
4612
+ readonly l?: SpacingValueType | undefined;
4613
+ readonly xl?: SpacingValueType | undefined;
4614
+ };
4615
+ top: SpacingValueType | {
4616
+ readonly base?: SpacingValueType | undefined;
4617
+ readonly xs?: SpacingValueType | undefined;
4618
+ readonly s?: SpacingValueType | undefined;
4619
+ readonly m?: SpacingValueType | undefined;
4620
+ readonly l?: SpacingValueType | undefined;
4621
+ readonly xl?: SpacingValueType | undefined;
4622
+ };
4623
+ zIndex?: number | {
4624
+ readonly base?: number | undefined;
4625
+ readonly xs?: number | undefined;
4626
+ readonly s?: number | undefined;
4627
+ readonly m?: number | undefined;
4628
+ readonly l?: number | undefined;
4629
+ readonly xl?: number | undefined;
4630
+ } | undefined;
4631
+ __brand__?: "platform-native" | {
4632
+ readonly base?: "platform-native" | undefined;
4633
+ readonly xs?: "platform-native" | undefined;
4634
+ readonly s?: "platform-native" | undefined;
4635
+ readonly m?: "platform-native" | undefined;
4636
+ readonly l?: "platform-native" | undefined;
4637
+ readonly xl?: "platform-native" | undefined;
4638
+ } | undefined;
4639
+ } & Pick<{
4640
+ grid: never;
4641
+ gridAutoColumns: never;
4642
+ gridAutoFlow: never;
4643
+ gridAutoRows: never;
4644
+ gridColumnEnd: never;
4645
+ gridColumnStart: never;
4646
+ gridRowEnd: never;
4647
+ gridRowStart: never;
4648
+ gridTemplateAreas: never;
4649
+ gridTemplateColumns: never;
4650
+ gridTemplateRows: never;
4651
+ gridArea: never;
4652
+ gridColumn: never;
4653
+ gridRow: never;
4654
+ gridTemplate: never;
4655
+ __brand__?: "platform-native" | {
4656
+ readonly base?: "platform-native" | undefined;
4657
+ readonly xs?: "platform-native" | undefined;
4658
+ readonly s?: "platform-native" | undefined;
4659
+ readonly m?: "platform-native" | undefined;
4660
+ readonly l?: "platform-native" | undefined;
4661
+ readonly xl?: "platform-native" | undefined;
4662
+ } | undefined;
4663
+ }, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
4100
4664
 
4101
4665
  declare type PasswordInputExtraProps = {
4102
4666
  /**
@@ -4129,29 +4693,205 @@ declare type PasswordInputExtraProps = {
4129
4693
  autoCompleteSuggestionType?: Extract<BaseInputProps['autoCompleteSuggestionType'], 'none' | 'password' | 'newPassword'>;
4130
4694
  };
4131
4695
  declare type PasswordInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'maxCharacters' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'isDisabled' | 'defaultValue' | 'placeholder' | 'isRequired' | 'value' | 'onChange' | 'onBlur' | 'onSubmit' | 'onFocus' | 'name' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'testID'> & PasswordInputExtraProps & StyledPropsBlade;
4132
- declare const PasswordInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "testID" | "name" | "placeholder" | "label" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "autoFocus" | "isDisabled" | "labelPosition" | "validationState" | "helpText" | "errorText" | "successText" | "isRequired" | "maxCharacters" | "keyboardReturnKeyType" | "autoCompleteSuggestionType"> & PasswordInputExtraProps & Partial<Omit<MakeObjectResponsive<{
4133
- margin: SpacingValueType | ArrayOfMaxLength4<SpacingValueType>;
4134
- marginX: SpacingValueType;
4135
- marginY: SpacingValueType;
4136
- marginTop: SpacingValueType;
4137
- marginRight: SpacingValueType;
4138
- marginBottom: SpacingValueType;
4139
- marginLeft: SpacingValueType;
4140
- }> & Pick<MakeObjectResponsive<{
4141
- gap: SpacingValueType;
4142
- rowGap: SpacingValueType;
4143
- columnGap: SpacingValueType;
4144
- flex: string | number;
4145
- } & PickIfExist<react_native.ViewStyle, "alignContent" | "alignItems" | "alignSelf" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "justifyItems" | "justifySelf" | "order" | "placeSelf"> & {
4146
- __brand__?: "platform-native" | undefined;
4147
- }>, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & MakeObjectResponsive<{
4148
- top: SpacingValueType;
4149
- right: SpacingValueType;
4150
- bottom: SpacingValueType;
4151
- left: SpacingValueType;
4152
- } & PickIfExist<react_native.ViewStyle, "position" | "zIndex"> & {
4153
- __brand__?: "platform-native" | undefined;
4154
- }> & Pick<MakeObjectResponsive<PickCSSByPlatform<"grid" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate">>, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
4696
+ declare const PasswordInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "testID" | "name" | "placeholder" | "label" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "autoFocus" | "isDisabled" | "labelPosition" | "validationState" | "helpText" | "errorText" | "successText" | "isRequired" | "maxCharacters" | "keyboardReturnKeyType" | "autoCompleteSuggestionType"> & PasswordInputExtraProps & Partial<Omit<MarginProps & Pick<{
4697
+ alignContent?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | {
4698
+ readonly base?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4699
+ readonly xs?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4700
+ readonly s?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4701
+ readonly m?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4702
+ readonly l?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4703
+ readonly xl?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4704
+ } | undefined;
4705
+ alignItems?: react_native.FlexAlignType | {
4706
+ readonly base?: react_native.FlexAlignType | undefined;
4707
+ readonly xs?: react_native.FlexAlignType | undefined;
4708
+ readonly s?: react_native.FlexAlignType | undefined;
4709
+ readonly m?: react_native.FlexAlignType | undefined;
4710
+ readonly l?: react_native.FlexAlignType | undefined;
4711
+ readonly xl?: react_native.FlexAlignType | undefined;
4712
+ } | undefined;
4713
+ alignSelf?: "auto" | react_native.FlexAlignType | {
4714
+ readonly base?: "auto" | react_native.FlexAlignType | undefined;
4715
+ readonly xs?: "auto" | react_native.FlexAlignType | undefined;
4716
+ readonly s?: "auto" | react_native.FlexAlignType | undefined;
4717
+ readonly m?: "auto" | react_native.FlexAlignType | undefined;
4718
+ readonly l?: "auto" | react_native.FlexAlignType | undefined;
4719
+ readonly xl?: "auto" | react_native.FlexAlignType | undefined;
4720
+ } | undefined;
4721
+ columnGap: SpacingValueType | {
4722
+ readonly base?: SpacingValueType | undefined;
4723
+ readonly xs?: SpacingValueType | undefined;
4724
+ readonly s?: SpacingValueType | undefined;
4725
+ readonly m?: SpacingValueType | undefined;
4726
+ readonly l?: SpacingValueType | undefined;
4727
+ readonly xl?: SpacingValueType | undefined;
4728
+ };
4729
+ flexBasis?: string | number | {
4730
+ readonly base?: string | number | undefined;
4731
+ readonly xs?: string | number | undefined;
4732
+ readonly s?: string | number | undefined;
4733
+ readonly m?: string | number | undefined;
4734
+ readonly l?: string | number | undefined;
4735
+ readonly xl?: string | number | undefined;
4736
+ } | undefined;
4737
+ flexDirection?: "row" | "column" | "column-reverse" | "row-reverse" | {
4738
+ readonly base?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4739
+ readonly xs?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4740
+ readonly s?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4741
+ readonly m?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4742
+ readonly l?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4743
+ readonly xl?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4744
+ } | undefined;
4745
+ flexGrow?: number | {
4746
+ readonly base?: number | undefined;
4747
+ readonly xs?: number | undefined;
4748
+ readonly s?: number | undefined;
4749
+ readonly m?: number | undefined;
4750
+ readonly l?: number | undefined;
4751
+ readonly xl?: number | undefined;
4752
+ } | undefined;
4753
+ flexShrink?: number | {
4754
+ readonly base?: number | undefined;
4755
+ readonly xs?: number | undefined;
4756
+ readonly s?: number | undefined;
4757
+ readonly m?: number | undefined;
4758
+ readonly l?: number | undefined;
4759
+ readonly xl?: number | undefined;
4760
+ } | undefined;
4761
+ flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
4762
+ readonly base?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4763
+ readonly xs?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4764
+ readonly s?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4765
+ readonly m?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4766
+ readonly l?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4767
+ readonly xl?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4768
+ } | undefined;
4769
+ justifyContent?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
4770
+ readonly base?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4771
+ readonly xs?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4772
+ readonly s?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4773
+ readonly m?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4774
+ readonly l?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4775
+ readonly xl?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4776
+ } | undefined;
4777
+ justifyItems: never;
4778
+ justifySelf: never;
4779
+ order: never;
4780
+ rowGap: SpacingValueType | {
4781
+ readonly base?: SpacingValueType | undefined;
4782
+ readonly xs?: SpacingValueType | undefined;
4783
+ readonly s?: SpacingValueType | undefined;
4784
+ readonly m?: SpacingValueType | undefined;
4785
+ readonly l?: SpacingValueType | undefined;
4786
+ readonly xl?: SpacingValueType | undefined;
4787
+ };
4788
+ flex: string | number | {
4789
+ readonly base?: string | number | undefined;
4790
+ readonly xs?: string | number | undefined;
4791
+ readonly s?: string | number | undefined;
4792
+ readonly m?: string | number | undefined;
4793
+ readonly l?: string | number | undefined;
4794
+ readonly xl?: string | number | undefined;
4795
+ };
4796
+ gap: SpacingValueType | {
4797
+ readonly base?: SpacingValueType | undefined;
4798
+ readonly xs?: SpacingValueType | undefined;
4799
+ readonly s?: SpacingValueType | undefined;
4800
+ readonly m?: SpacingValueType | undefined;
4801
+ readonly l?: SpacingValueType | undefined;
4802
+ readonly xl?: SpacingValueType | undefined;
4803
+ };
4804
+ placeSelf: never;
4805
+ __brand__?: "platform-native" | {
4806
+ readonly base?: "platform-native" | undefined;
4807
+ readonly xs?: "platform-native" | undefined;
4808
+ readonly s?: "platform-native" | undefined;
4809
+ readonly m?: "platform-native" | undefined;
4810
+ readonly l?: "platform-native" | undefined;
4811
+ readonly xl?: "platform-native" | undefined;
4812
+ } | undefined;
4813
+ }, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
4814
+ bottom: SpacingValueType | {
4815
+ readonly base?: SpacingValueType | undefined;
4816
+ readonly xs?: SpacingValueType | undefined;
4817
+ readonly s?: SpacingValueType | undefined;
4818
+ readonly m?: SpacingValueType | undefined;
4819
+ readonly l?: SpacingValueType | undefined;
4820
+ readonly xl?: SpacingValueType | undefined;
4821
+ };
4822
+ left: SpacingValueType | {
4823
+ readonly base?: SpacingValueType | undefined;
4824
+ readonly xs?: SpacingValueType | undefined;
4825
+ readonly s?: SpacingValueType | undefined;
4826
+ readonly m?: SpacingValueType | undefined;
4827
+ readonly l?: SpacingValueType | undefined;
4828
+ readonly xl?: SpacingValueType | undefined;
4829
+ };
4830
+ position?: "absolute" | "relative" | {
4831
+ readonly base?: "absolute" | "relative" | undefined;
4832
+ readonly xs?: "absolute" | "relative" | undefined;
4833
+ readonly s?: "absolute" | "relative" | undefined;
4834
+ readonly m?: "absolute" | "relative" | undefined;
4835
+ readonly l?: "absolute" | "relative" | undefined;
4836
+ readonly xl?: "absolute" | "relative" | undefined;
4837
+ } | undefined;
4838
+ right: SpacingValueType | {
4839
+ readonly base?: SpacingValueType | undefined;
4840
+ readonly xs?: SpacingValueType | undefined;
4841
+ readonly s?: SpacingValueType | undefined;
4842
+ readonly m?: SpacingValueType | undefined;
4843
+ readonly l?: SpacingValueType | undefined;
4844
+ readonly xl?: SpacingValueType | undefined;
4845
+ };
4846
+ top: SpacingValueType | {
4847
+ readonly base?: SpacingValueType | undefined;
4848
+ readonly xs?: SpacingValueType | undefined;
4849
+ readonly s?: SpacingValueType | undefined;
4850
+ readonly m?: SpacingValueType | undefined;
4851
+ readonly l?: SpacingValueType | undefined;
4852
+ readonly xl?: SpacingValueType | undefined;
4853
+ };
4854
+ zIndex?: number | {
4855
+ readonly base?: number | undefined;
4856
+ readonly xs?: number | undefined;
4857
+ readonly s?: number | undefined;
4858
+ readonly m?: number | undefined;
4859
+ readonly l?: number | undefined;
4860
+ readonly xl?: number | undefined;
4861
+ } | undefined;
4862
+ __brand__?: "platform-native" | {
4863
+ readonly base?: "platform-native" | undefined;
4864
+ readonly xs?: "platform-native" | undefined;
4865
+ readonly s?: "platform-native" | undefined;
4866
+ readonly m?: "platform-native" | undefined;
4867
+ readonly l?: "platform-native" | undefined;
4868
+ readonly xl?: "platform-native" | undefined;
4869
+ } | undefined;
4870
+ } & Pick<{
4871
+ grid: never;
4872
+ gridAutoColumns: never;
4873
+ gridAutoFlow: never;
4874
+ gridAutoRows: never;
4875
+ gridColumnEnd: never;
4876
+ gridColumnStart: never;
4877
+ gridRowEnd: never;
4878
+ gridRowStart: never;
4879
+ gridTemplateAreas: never;
4880
+ gridTemplateColumns: never;
4881
+ gridTemplateRows: never;
4882
+ gridArea: never;
4883
+ gridColumn: never;
4884
+ gridRow: never;
4885
+ gridTemplate: never;
4886
+ __brand__?: "platform-native" | {
4887
+ readonly base?: "platform-native" | undefined;
4888
+ readonly xs?: "platform-native" | undefined;
4889
+ readonly s?: "platform-native" | undefined;
4890
+ readonly m?: "platform-native" | undefined;
4891
+ readonly l?: "platform-native" | undefined;
4892
+ readonly xl?: "platform-native" | undefined;
4893
+ } | undefined;
4894
+ }, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
4155
4895
 
4156
4896
  declare type TextAreaProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'onSubmit' | 'value' | 'isDisabled' | 'isRequired' | 'maxCharacters' | 'autoFocus' | 'numberOfLines' | 'testID'> & {
4157
4897
  /**
@@ -4172,29 +4912,205 @@ declare const TextArea: React__default.ForwardRefExoticComponent<Pick<BaseInputP
4172
4912
  * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`
4173
4913
  */
4174
4914
  onClearButtonClick?: (() => void) | undefined;
4175
- } & Partial<Omit<MakeObjectResponsive<{
4176
- margin: SpacingValueType | ArrayOfMaxLength4<SpacingValueType>;
4177
- marginX: SpacingValueType;
4178
- marginY: SpacingValueType;
4179
- marginTop: SpacingValueType;
4180
- marginRight: SpacingValueType;
4181
- marginBottom: SpacingValueType;
4182
- marginLeft: SpacingValueType;
4183
- }> & Pick<MakeObjectResponsive<{
4184
- gap: SpacingValueType;
4185
- rowGap: SpacingValueType;
4186
- columnGap: SpacingValueType;
4187
- flex: string | number;
4188
- } & PickIfExist<react_native.ViewStyle, "alignContent" | "alignItems" | "alignSelf" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "justifyItems" | "justifySelf" | "order" | "placeSelf"> & {
4189
- __brand__?: "platform-native" | undefined;
4190
- }>, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & MakeObjectResponsive<{
4191
- top: SpacingValueType;
4192
- right: SpacingValueType;
4193
- bottom: SpacingValueType;
4194
- left: SpacingValueType;
4195
- } & PickIfExist<react_native.ViewStyle, "position" | "zIndex"> & {
4196
- __brand__?: "platform-native" | undefined;
4197
- }> & Pick<MakeObjectResponsive<PickCSSByPlatform<"grid" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate">>, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
4915
+ } & Partial<Omit<MarginProps & Pick<{
4916
+ alignContent?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | {
4917
+ readonly base?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4918
+ readonly xs?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4919
+ readonly s?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4920
+ readonly m?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4921
+ readonly l?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4922
+ readonly xl?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
4923
+ } | undefined;
4924
+ alignItems?: react_native.FlexAlignType | {
4925
+ readonly base?: react_native.FlexAlignType | undefined;
4926
+ readonly xs?: react_native.FlexAlignType | undefined;
4927
+ readonly s?: react_native.FlexAlignType | undefined;
4928
+ readonly m?: react_native.FlexAlignType | undefined;
4929
+ readonly l?: react_native.FlexAlignType | undefined;
4930
+ readonly xl?: react_native.FlexAlignType | undefined;
4931
+ } | undefined;
4932
+ alignSelf?: "auto" | react_native.FlexAlignType | {
4933
+ readonly base?: "auto" | react_native.FlexAlignType | undefined;
4934
+ readonly xs?: "auto" | react_native.FlexAlignType | undefined;
4935
+ readonly s?: "auto" | react_native.FlexAlignType | undefined;
4936
+ readonly m?: "auto" | react_native.FlexAlignType | undefined;
4937
+ readonly l?: "auto" | react_native.FlexAlignType | undefined;
4938
+ readonly xl?: "auto" | react_native.FlexAlignType | undefined;
4939
+ } | undefined;
4940
+ columnGap: SpacingValueType | {
4941
+ readonly base?: SpacingValueType | undefined;
4942
+ readonly xs?: SpacingValueType | undefined;
4943
+ readonly s?: SpacingValueType | undefined;
4944
+ readonly m?: SpacingValueType | undefined;
4945
+ readonly l?: SpacingValueType | undefined;
4946
+ readonly xl?: SpacingValueType | undefined;
4947
+ };
4948
+ flexBasis?: string | number | {
4949
+ readonly base?: string | number | undefined;
4950
+ readonly xs?: string | number | undefined;
4951
+ readonly s?: string | number | undefined;
4952
+ readonly m?: string | number | undefined;
4953
+ readonly l?: string | number | undefined;
4954
+ readonly xl?: string | number | undefined;
4955
+ } | undefined;
4956
+ flexDirection?: "row" | "column" | "column-reverse" | "row-reverse" | {
4957
+ readonly base?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4958
+ readonly xs?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4959
+ readonly s?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4960
+ readonly m?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4961
+ readonly l?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4962
+ readonly xl?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
4963
+ } | undefined;
4964
+ flexGrow?: number | {
4965
+ readonly base?: number | undefined;
4966
+ readonly xs?: number | undefined;
4967
+ readonly s?: number | undefined;
4968
+ readonly m?: number | undefined;
4969
+ readonly l?: number | undefined;
4970
+ readonly xl?: number | undefined;
4971
+ } | undefined;
4972
+ flexShrink?: number | {
4973
+ readonly base?: number | undefined;
4974
+ readonly xs?: number | undefined;
4975
+ readonly s?: number | undefined;
4976
+ readonly m?: number | undefined;
4977
+ readonly l?: number | undefined;
4978
+ readonly xl?: number | undefined;
4979
+ } | undefined;
4980
+ flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
4981
+ readonly base?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4982
+ readonly xs?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4983
+ readonly s?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4984
+ readonly m?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4985
+ readonly l?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4986
+ readonly xl?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
4987
+ } | undefined;
4988
+ justifyContent?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
4989
+ readonly base?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4990
+ readonly xs?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4991
+ readonly s?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4992
+ readonly m?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4993
+ readonly l?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4994
+ readonly xl?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
4995
+ } | undefined;
4996
+ justifyItems: never;
4997
+ justifySelf: never;
4998
+ order: never;
4999
+ rowGap: SpacingValueType | {
5000
+ readonly base?: SpacingValueType | undefined;
5001
+ readonly xs?: SpacingValueType | undefined;
5002
+ readonly s?: SpacingValueType | undefined;
5003
+ readonly m?: SpacingValueType | undefined;
5004
+ readonly l?: SpacingValueType | undefined;
5005
+ readonly xl?: SpacingValueType | undefined;
5006
+ };
5007
+ flex: string | number | {
5008
+ readonly base?: string | number | undefined;
5009
+ readonly xs?: string | number | undefined;
5010
+ readonly s?: string | number | undefined;
5011
+ readonly m?: string | number | undefined;
5012
+ readonly l?: string | number | undefined;
5013
+ readonly xl?: string | number | undefined;
5014
+ };
5015
+ gap: SpacingValueType | {
5016
+ readonly base?: SpacingValueType | undefined;
5017
+ readonly xs?: SpacingValueType | undefined;
5018
+ readonly s?: SpacingValueType | undefined;
5019
+ readonly m?: SpacingValueType | undefined;
5020
+ readonly l?: SpacingValueType | undefined;
5021
+ readonly xl?: SpacingValueType | undefined;
5022
+ };
5023
+ placeSelf: never;
5024
+ __brand__?: "platform-native" | {
5025
+ readonly base?: "platform-native" | undefined;
5026
+ readonly xs?: "platform-native" | undefined;
5027
+ readonly s?: "platform-native" | undefined;
5028
+ readonly m?: "platform-native" | undefined;
5029
+ readonly l?: "platform-native" | undefined;
5030
+ readonly xl?: "platform-native" | undefined;
5031
+ } | undefined;
5032
+ }, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
5033
+ bottom: SpacingValueType | {
5034
+ readonly base?: SpacingValueType | undefined;
5035
+ readonly xs?: SpacingValueType | undefined;
5036
+ readonly s?: SpacingValueType | undefined;
5037
+ readonly m?: SpacingValueType | undefined;
5038
+ readonly l?: SpacingValueType | undefined;
5039
+ readonly xl?: SpacingValueType | undefined;
5040
+ };
5041
+ left: SpacingValueType | {
5042
+ readonly base?: SpacingValueType | undefined;
5043
+ readonly xs?: SpacingValueType | undefined;
5044
+ readonly s?: SpacingValueType | undefined;
5045
+ readonly m?: SpacingValueType | undefined;
5046
+ readonly l?: SpacingValueType | undefined;
5047
+ readonly xl?: SpacingValueType | undefined;
5048
+ };
5049
+ position?: "absolute" | "relative" | {
5050
+ readonly base?: "absolute" | "relative" | undefined;
5051
+ readonly xs?: "absolute" | "relative" | undefined;
5052
+ readonly s?: "absolute" | "relative" | undefined;
5053
+ readonly m?: "absolute" | "relative" | undefined;
5054
+ readonly l?: "absolute" | "relative" | undefined;
5055
+ readonly xl?: "absolute" | "relative" | undefined;
5056
+ } | undefined;
5057
+ right: SpacingValueType | {
5058
+ readonly base?: SpacingValueType | undefined;
5059
+ readonly xs?: SpacingValueType | undefined;
5060
+ readonly s?: SpacingValueType | undefined;
5061
+ readonly m?: SpacingValueType | undefined;
5062
+ readonly l?: SpacingValueType | undefined;
5063
+ readonly xl?: SpacingValueType | undefined;
5064
+ };
5065
+ top: SpacingValueType | {
5066
+ readonly base?: SpacingValueType | undefined;
5067
+ readonly xs?: SpacingValueType | undefined;
5068
+ readonly s?: SpacingValueType | undefined;
5069
+ readonly m?: SpacingValueType | undefined;
5070
+ readonly l?: SpacingValueType | undefined;
5071
+ readonly xl?: SpacingValueType | undefined;
5072
+ };
5073
+ zIndex?: number | {
5074
+ readonly base?: number | undefined;
5075
+ readonly xs?: number | undefined;
5076
+ readonly s?: number | undefined;
5077
+ readonly m?: number | undefined;
5078
+ readonly l?: number | undefined;
5079
+ readonly xl?: number | undefined;
5080
+ } | undefined;
5081
+ __brand__?: "platform-native" | {
5082
+ readonly base?: "platform-native" | undefined;
5083
+ readonly xs?: "platform-native" | undefined;
5084
+ readonly s?: "platform-native" | undefined;
5085
+ readonly m?: "platform-native" | undefined;
5086
+ readonly l?: "platform-native" | undefined;
5087
+ readonly xl?: "platform-native" | undefined;
5088
+ } | undefined;
5089
+ } & Pick<{
5090
+ grid: never;
5091
+ gridAutoColumns: never;
5092
+ gridAutoFlow: never;
5093
+ gridAutoRows: never;
5094
+ gridColumnEnd: never;
5095
+ gridColumnStart: never;
5096
+ gridRowEnd: never;
5097
+ gridRowStart: never;
5098
+ gridTemplateAreas: never;
5099
+ gridTemplateColumns: never;
5100
+ gridTemplateRows: never;
5101
+ gridArea: never;
5102
+ gridColumn: never;
5103
+ gridRow: never;
5104
+ gridTemplate: never;
5105
+ __brand__?: "platform-native" | {
5106
+ readonly base?: "platform-native" | undefined;
5107
+ readonly xs?: "platform-native" | undefined;
5108
+ readonly s?: "platform-native" | undefined;
5109
+ readonly m?: "platform-native" | undefined;
5110
+ readonly l?: "platform-native" | undefined;
5111
+ readonly xl?: "platform-native" | undefined;
5112
+ } | undefined;
5113
+ }, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
4198
5114
 
4199
5115
  declare type FormInputOnEventWithIndex = ({ name, value, inputIndex, }: {
4200
5116
  name?: string;
@@ -4804,29 +5720,205 @@ declare const Radio: React__default.ForwardRefExoticComponent<{
4804
5720
  * @default "medium"
4805
5721
  */
4806
5722
  size?: "small" | "medium" | undefined;
4807
- } & TestID & Partial<Omit<MakeObjectResponsive<{
4808
- margin: SpacingValueType | ArrayOfMaxLength4<SpacingValueType>;
4809
- marginX: SpacingValueType;
4810
- marginY: SpacingValueType;
4811
- marginTop: SpacingValueType;
4812
- marginRight: SpacingValueType;
4813
- marginBottom: SpacingValueType;
4814
- marginLeft: SpacingValueType;
4815
- }> & Pick<MakeObjectResponsive<{
4816
- gap: SpacingValueType;
4817
- rowGap: SpacingValueType;
4818
- columnGap: SpacingValueType;
4819
- flex: string | number;
4820
- } & PickIfExist$1<react_native.ViewStyle, "alignContent" | "alignItems" | "alignSelf" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "justifyItems" | "justifySelf" | "order" | "placeSelf"> & {
4821
- __brand__?: "platform-native" | undefined;
4822
- }>, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & MakeObjectResponsive<{
4823
- top: SpacingValueType;
4824
- right: SpacingValueType;
4825
- bottom: SpacingValueType;
4826
- left: SpacingValueType;
4827
- } & PickIfExist$1<react_native.ViewStyle, "position" | "zIndex"> & {
4828
- __brand__?: "platform-native" | undefined;
4829
- }> & Pick<MakeObjectResponsive<PickCSSByPlatform$1<"grid" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate">>, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
5723
+ } & TestID & Partial<Omit<MarginProps & Pick<{
5724
+ alignContent?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | {
5725
+ readonly base?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
5726
+ readonly xs?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
5727
+ readonly s?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
5728
+ readonly m?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
5729
+ readonly l?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
5730
+ readonly xl?: "center" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | undefined;
5731
+ } | undefined;
5732
+ alignItems?: react_native.FlexAlignType | {
5733
+ readonly base?: react_native.FlexAlignType | undefined;
5734
+ readonly xs?: react_native.FlexAlignType | undefined;
5735
+ readonly s?: react_native.FlexAlignType | undefined;
5736
+ readonly m?: react_native.FlexAlignType | undefined;
5737
+ readonly l?: react_native.FlexAlignType | undefined;
5738
+ readonly xl?: react_native.FlexAlignType | undefined;
5739
+ } | undefined;
5740
+ alignSelf?: "auto" | react_native.FlexAlignType | {
5741
+ readonly base?: "auto" | react_native.FlexAlignType | undefined;
5742
+ readonly xs?: "auto" | react_native.FlexAlignType | undefined;
5743
+ readonly s?: "auto" | react_native.FlexAlignType | undefined;
5744
+ readonly m?: "auto" | react_native.FlexAlignType | undefined;
5745
+ readonly l?: "auto" | react_native.FlexAlignType | undefined;
5746
+ readonly xl?: "auto" | react_native.FlexAlignType | undefined;
5747
+ } | undefined;
5748
+ columnGap: SpacingValueType | {
5749
+ readonly base?: SpacingValueType | undefined;
5750
+ readonly xs?: SpacingValueType | undefined;
5751
+ readonly s?: SpacingValueType | undefined;
5752
+ readonly m?: SpacingValueType | undefined;
5753
+ readonly l?: SpacingValueType | undefined;
5754
+ readonly xl?: SpacingValueType | undefined;
5755
+ };
5756
+ flexBasis?: string | number | {
5757
+ readonly base?: string | number | undefined;
5758
+ readonly xs?: string | number | undefined;
5759
+ readonly s?: string | number | undefined;
5760
+ readonly m?: string | number | undefined;
5761
+ readonly l?: string | number | undefined;
5762
+ readonly xl?: string | number | undefined;
5763
+ } | undefined;
5764
+ flexDirection?: "row" | "column" | "column-reverse" | "row-reverse" | {
5765
+ readonly base?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
5766
+ readonly xs?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
5767
+ readonly s?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
5768
+ readonly m?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
5769
+ readonly l?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
5770
+ readonly xl?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
5771
+ } | undefined;
5772
+ flexGrow?: number | {
5773
+ readonly base?: number | undefined;
5774
+ readonly xs?: number | undefined;
5775
+ readonly s?: number | undefined;
5776
+ readonly m?: number | undefined;
5777
+ readonly l?: number | undefined;
5778
+ readonly xl?: number | undefined;
5779
+ } | undefined;
5780
+ flexShrink?: number | {
5781
+ readonly base?: number | undefined;
5782
+ readonly xs?: number | undefined;
5783
+ readonly s?: number | undefined;
5784
+ readonly m?: number | undefined;
5785
+ readonly l?: number | undefined;
5786
+ readonly xl?: number | undefined;
5787
+ } | undefined;
5788
+ flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | {
5789
+ readonly base?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
5790
+ readonly xs?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
5791
+ readonly s?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
5792
+ readonly m?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
5793
+ readonly l?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
5794
+ readonly xl?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
5795
+ } | undefined;
5796
+ justifyContent?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
5797
+ readonly base?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
5798
+ readonly xs?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
5799
+ readonly s?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
5800
+ readonly m?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
5801
+ readonly l?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
5802
+ readonly xl?: "center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | undefined;
5803
+ } | undefined;
5804
+ justifyItems: never;
5805
+ justifySelf: never;
5806
+ order: never;
5807
+ rowGap: SpacingValueType | {
5808
+ readonly base?: SpacingValueType | undefined;
5809
+ readonly xs?: SpacingValueType | undefined;
5810
+ readonly s?: SpacingValueType | undefined;
5811
+ readonly m?: SpacingValueType | undefined;
5812
+ readonly l?: SpacingValueType | undefined;
5813
+ readonly xl?: SpacingValueType | undefined;
5814
+ };
5815
+ flex: string | number | {
5816
+ readonly base?: string | number | undefined;
5817
+ readonly xs?: string | number | undefined;
5818
+ readonly s?: string | number | undefined;
5819
+ readonly m?: string | number | undefined;
5820
+ readonly l?: string | number | undefined;
5821
+ readonly xl?: string | number | undefined;
5822
+ };
5823
+ gap: SpacingValueType | {
5824
+ readonly base?: SpacingValueType | undefined;
5825
+ readonly xs?: SpacingValueType | undefined;
5826
+ readonly s?: SpacingValueType | undefined;
5827
+ readonly m?: SpacingValueType | undefined;
5828
+ readonly l?: SpacingValueType | undefined;
5829
+ readonly xl?: SpacingValueType | undefined;
5830
+ };
5831
+ placeSelf: never;
5832
+ __brand__?: "platform-native" | {
5833
+ readonly base?: "platform-native" | undefined;
5834
+ readonly xs?: "platform-native" | undefined;
5835
+ readonly s?: "platform-native" | undefined;
5836
+ readonly m?: "platform-native" | undefined;
5837
+ readonly l?: "platform-native" | undefined;
5838
+ readonly xl?: "platform-native" | undefined;
5839
+ } | undefined;
5840
+ }, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
5841
+ bottom: SpacingValueType | {
5842
+ readonly base?: SpacingValueType | undefined;
5843
+ readonly xs?: SpacingValueType | undefined;
5844
+ readonly s?: SpacingValueType | undefined;
5845
+ readonly m?: SpacingValueType | undefined;
5846
+ readonly l?: SpacingValueType | undefined;
5847
+ readonly xl?: SpacingValueType | undefined;
5848
+ };
5849
+ left: SpacingValueType | {
5850
+ readonly base?: SpacingValueType | undefined;
5851
+ readonly xs?: SpacingValueType | undefined;
5852
+ readonly s?: SpacingValueType | undefined;
5853
+ readonly m?: SpacingValueType | undefined;
5854
+ readonly l?: SpacingValueType | undefined;
5855
+ readonly xl?: SpacingValueType | undefined;
5856
+ };
5857
+ position?: "absolute" | "relative" | {
5858
+ readonly base?: "absolute" | "relative" | undefined;
5859
+ readonly xs?: "absolute" | "relative" | undefined;
5860
+ readonly s?: "absolute" | "relative" | undefined;
5861
+ readonly m?: "absolute" | "relative" | undefined;
5862
+ readonly l?: "absolute" | "relative" | undefined;
5863
+ readonly xl?: "absolute" | "relative" | undefined;
5864
+ } | undefined;
5865
+ right: SpacingValueType | {
5866
+ readonly base?: SpacingValueType | undefined;
5867
+ readonly xs?: SpacingValueType | undefined;
5868
+ readonly s?: SpacingValueType | undefined;
5869
+ readonly m?: SpacingValueType | undefined;
5870
+ readonly l?: SpacingValueType | undefined;
5871
+ readonly xl?: SpacingValueType | undefined;
5872
+ };
5873
+ top: SpacingValueType | {
5874
+ readonly base?: SpacingValueType | undefined;
5875
+ readonly xs?: SpacingValueType | undefined;
5876
+ readonly s?: SpacingValueType | undefined;
5877
+ readonly m?: SpacingValueType | undefined;
5878
+ readonly l?: SpacingValueType | undefined;
5879
+ readonly xl?: SpacingValueType | undefined;
5880
+ };
5881
+ zIndex?: number | {
5882
+ readonly base?: number | undefined;
5883
+ readonly xs?: number | undefined;
5884
+ readonly s?: number | undefined;
5885
+ readonly m?: number | undefined;
5886
+ readonly l?: number | undefined;
5887
+ readonly xl?: number | undefined;
5888
+ } | undefined;
5889
+ __brand__?: "platform-native" | {
5890
+ readonly base?: "platform-native" | undefined;
5891
+ readonly xs?: "platform-native" | undefined;
5892
+ readonly s?: "platform-native" | undefined;
5893
+ readonly m?: "platform-native" | undefined;
5894
+ readonly l?: "platform-native" | undefined;
5895
+ readonly xl?: "platform-native" | undefined;
5896
+ } | undefined;
5897
+ } & Pick<{
5898
+ grid: never;
5899
+ gridAutoColumns: never;
5900
+ gridAutoFlow: never;
5901
+ gridAutoRows: never;
5902
+ gridColumnEnd: never;
5903
+ gridColumnStart: never;
5904
+ gridRowEnd: never;
5905
+ gridRowStart: never;
5906
+ gridTemplateAreas: never;
5907
+ gridTemplateColumns: never;
5908
+ gridTemplateRows: never;
5909
+ gridArea: never;
5910
+ gridColumn: never;
5911
+ gridRow: never;
5912
+ gridTemplate: never;
5913
+ __brand__?: "platform-native" | {
5914
+ readonly base?: "platform-native" | undefined;
5915
+ readonly xs?: "platform-native" | undefined;
5916
+ readonly s?: "platform-native" | undefined;
5917
+ readonly m?: "platform-native" | undefined;
5918
+ readonly l?: "platform-native" | undefined;
5919
+ readonly xl?: "platform-native" | undefined;
5920
+ } | undefined;
5921
+ }, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
4830
5922
 
4831
5923
  declare type RadioGroupProps = {
4832
5924
  /**