@xaui/native 0.9.1-alpha.23 → 0.9.1-alpha.25

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 (59) hide show
  1. package/dist/{chunk-E3LXUXE7.js → chunk-2OY76YNB.js} +47 -13
  2. package/dist/{chunk-KM2TI5IC.js → chunk-4HELPMAK.js} +76 -82
  3. package/dist/{chunk-AHL33YAO.js → chunk-4J26FA6O.js} +9 -7
  4. package/dist/{chunk-BNWS26PX.cjs → chunk-6FBGCF5T.cjs} +9 -7
  5. package/dist/{chunk-ZQ3JSWRO.js → chunk-A4RGJBP2.js} +4 -2
  6. package/dist/{chunk-I6PE5UUH.cjs → chunk-AV5LMFS3.cjs} +13 -11
  7. package/dist/{chunk-OGC4RKE3.js → chunk-AXSJPWSJ.js} +5 -5
  8. package/dist/chunk-BULNTP5N.cjs +620 -0
  9. package/dist/chunk-EGLLDKN6.js +9 -0
  10. package/dist/chunk-EJQCQPET.cjs +9 -0
  11. package/dist/{chunk-VDRRD6GM.cjs → chunk-EWBBDVTM.cjs} +22 -21
  12. package/dist/chunk-GSEK6OCY.cjs +72 -0
  13. package/dist/chunk-I6UCYAO2.js +731 -0
  14. package/dist/{chunk-BH5DSJVX.cjs → chunk-IG4Q3WQO.cjs} +61 -68
  15. package/dist/{chunk-6WW4CSPY.cjs → chunk-J2JJLKLG.cjs} +6 -4
  16. package/dist/{chunk-4MHJOWM4.cjs → chunk-J4JFIC4W.cjs} +7 -7
  17. package/dist/{chunk-FNQF4KQV.js → chunk-MRYLLKML.js} +18 -17
  18. package/dist/{chunk-GBPWTFTU.cjs → chunk-OHEHPQLC.cjs} +10 -1
  19. package/dist/{chunk-GG2WWCBK.js → chunk-TZG3DERP.js} +10 -1
  20. package/dist/{chunk-TIP3T7JJ.cjs → chunk-YEW5LPWL.cjs} +47 -13
  21. package/dist/chunk-ZDCGPK5Z.js +72 -0
  22. package/dist/{chunk-FTCTTBLG.js → chunk-ZTA47PO5.js} +7 -5
  23. package/dist/components/alert/index.cjs +7 -6
  24. package/dist/components/alert/index.js +6 -5
  25. package/dist/components/button/index.cjs +6 -5
  26. package/dist/components/button/index.js +5 -4
  27. package/dist/components/card/index.cjs +5 -4
  28. package/dist/components/card/index.js +4 -3
  29. package/dist/components/chip/index.cjs +7 -6
  30. package/dist/components/chip/index.js +6 -5
  31. package/dist/components/input/index.cjs +13 -3
  32. package/dist/components/input/index.d.cts +109 -117
  33. package/dist/components/input/index.d.ts +109 -117
  34. package/dist/components/input/index.js +12 -2
  35. package/dist/components/input-otp/index.cjs +27 -0
  36. package/dist/components/input-otp/index.d.cts +325 -0
  37. package/dist/components/input-otp/index.d.ts +325 -0
  38. package/dist/components/input-otp/index.js +27 -0
  39. package/dist/components/text-area/index.cjs +13 -0
  40. package/dist/components/text-area/index.d.cts +73 -0
  41. package/dist/components/text-area/index.d.ts +73 -0
  42. package/dist/components/text-area/index.js +13 -0
  43. package/dist/components/typography/index.cjs +3 -3
  44. package/dist/components/typography/index.js +2 -2
  45. package/dist/index.cjs +53 -51
  46. package/dist/index.d.cts +4 -1
  47. package/dist/index.d.ts +4 -1
  48. package/dist/index.js +69 -67
  49. package/dist/input.type-BpJeUIe8.d.cts +151 -0
  50. package/dist/input.type-DjyZ6P2C.d.ts +151 -0
  51. package/dist/system/index.cjs +6 -5
  52. package/dist/system/index.js +5 -4
  53. package/dist/theme/index.cjs +2 -2
  54. package/dist/theme/index.js +1 -1
  55. package/package.json +21 -1
  56. package/dist/{chunk-DXGQ43IV.cjs → chunk-B4W2XNBP.cjs} +2 -2
  57. package/dist/{chunk-2U6JR7BF.js → chunk-G52TQJBI.js} +3 -3
  58. package/dist/{chunk-FVP5FUVS.js → chunk-ICR42HHG.js} +3 -3
  59. package/dist/{chunk-RAWOJ3N3.cjs → chunk-Y7U6ACMB.cjs} +2 -2
@@ -36,8 +36,8 @@ function _optionalChain(ops) {
36
36
  }
37
37
  return value;
38
38
  }
39
- var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
40
39
  var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
40
+ var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
41
41
 
42
42
  // src/hooks/use-press-state.ts
43
43
  var _react = require('react');
@@ -69,13 +69,13 @@ var DisableAllContext = _react.createContext.call(void 0, false);
69
69
  var PRESS_SCALE = 0.985;
70
70
  var PRESS_DURATION = 300;
71
71
  var SCALE_REFERENCE_WIDTH = 300;
72
- const _worklet_2473680578943_init_data = {
73
- code: "function pressScaleFor_chunkBH5DSJVXCjs1(width){const{SCALE_REFERENCE_WIDTH,PRESS_SCALE}=this.__closure;const coefficient=width>0?SCALE_REFERENCE_WIDTH/width:1;return 1-(1-PRESS_SCALE)*coefficient;}",
74
- location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-BH5DSJVX.cjs",
75
- sourceMap: "{\"version\":3,\"names\":[\"pressScaleFor_chunkBH5DSJVXCjs1\",\"width\",\"SCALE_REFERENCE_WIDTH\",\"PRESS_SCALE\",\"__closure\",\"coefficient\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-BH5DSJVX.cjs\"],\"mappings\":\"AAsCA,SAAAA,+BAA8BA,CAAAC,KAAA,QAAAC,qBAAA,CAAAC,WAAA,OAAAC,SAAA,CAE5B,KAAM,CAAAC,WAAW,CAAGJ,KAAK,CAAG,CAAC,CAAGC,qBAAqB,CAAGD,KAAK,CAAG,CAAC,CACjE,MAAO,EAAC,CAAG,CAAC,CAAC,CAAGE,WAAW,EAAIE,WAAW,CAC5C\",\"ignoreList\":[]}"
72
+ const _worklet_8978529535682_init_data = {
73
+ code: "function pressScaleFor_chunkIG4Q3WQOCjs1(width){const{SCALE_REFERENCE_WIDTH,PRESS_SCALE}=this.__closure;const coefficient=width>0?SCALE_REFERENCE_WIDTH/width:1;return 1-(1-PRESS_SCALE)*coefficient;}",
74
+ location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-IG4Q3WQO.cjs",
75
+ sourceMap: "{\"version\":3,\"names\":[\"pressScaleFor_chunkIG4Q3WQOCjs1\",\"width\",\"SCALE_REFERENCE_WIDTH\",\"PRESS_SCALE\",\"__closure\",\"coefficient\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-IG4Q3WQO.cjs\"],\"mappings\":\"AAsCA,SAAAA,+BAA8BA,CAAAC,KAAA,QAAAC,qBAAA,CAAAC,WAAA,OAAAC,SAAA,CAE5B,KAAM,CAAAC,WAAW,CAAGJ,KAAK,CAAG,CAAC,CAAGC,qBAAqB,CAAGD,KAAK,CAAG,CAAC,CACjE,MAAO,EAAC,CAAG,CAAC,CAAC,CAAGE,WAAW,EAAIE,WAAW,CAC5C\",\"ignoreList\":[]}"
76
76
  };
77
- const pressScaleFor = function pressScaleFor_chunkBH5DSJVXCjs1Factory({
78
- _worklet_2473680578943_init_data,
77
+ const pressScaleFor = function pressScaleFor_chunkIG4Q3WQOCjs1Factory({
78
+ _worklet_8978529535682_init_data,
79
79
  SCALE_REFERENCE_WIDTH,
80
80
  PRESS_SCALE
81
81
  }) {
@@ -88,13 +88,13 @@ const pressScaleFor = function pressScaleFor_chunkBH5DSJVXCjs1Factory({
88
88
  SCALE_REFERENCE_WIDTH,
89
89
  PRESS_SCALE
90
90
  };
91
- pressScaleFor.__workletHash = 2473680578943;
91
+ pressScaleFor.__workletHash = 8978529535682;
92
92
  pressScaleFor.__pluginVersion = "0.7.4";
93
- pressScaleFor.__initData = _worklet_2473680578943_init_data;
93
+ pressScaleFor.__initData = _worklet_8978529535682_init_data;
94
94
  pressScaleFor.__stackDetails = _e;
95
95
  return pressScaleFor;
96
96
  }({
97
- _worklet_2473680578943_init_data,
97
+ _worklet_8978529535682_init_data,
98
98
  SCALE_REFERENCE_WIDTH,
99
99
  PRESS_SCALE
100
100
  });
@@ -107,26 +107,26 @@ var RIPPLE_CONFIRM_DURATION = 225;
107
107
  var RIPPLE_FADE_IN = 75;
108
108
  var RIPPLE_FADE_OUT_DELAY = 225;
109
109
  var RIPPLE_FADE_OUT = 150;
110
- const _worklet_4147430980612_init_data = {
111
- code: "function rippleRadiusFor_chunkBH5DSJVXCjs2(width,height){return Math.sqrt(width*width+height*height)/2+5;}",
112
- location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-BH5DSJVX.cjs",
113
- sourceMap: "{\"version\":3,\"names\":[\"rippleRadiusFor_chunkBH5DSJVXCjs2\",\"width\",\"height\",\"Math\",\"sqrt\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-BH5DSJVX.cjs\"],\"mappings\":\"AAoDA,SAAAA,iCAAwCA,CAAAC,KAAA,CAAAC,MAAA,EAEtC,MAAO,CAAAC,IAAI,CAACC,IAAI,CAACH,KAAK,CAAGA,KAAK,CAAGC,MAAM,CAAGA,MAAM,CAAC,CAAG,CAAC,CAAG,CAAC,CAC3D\",\"ignoreList\":[]}"
110
+ const _worklet_15110245587321_init_data = {
111
+ code: "function rippleRadiusFor_chunkIG4Q3WQOCjs2(width,height){return Math.sqrt(width*width+height*height)/2+5;}",
112
+ location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-IG4Q3WQO.cjs",
113
+ sourceMap: "{\"version\":3,\"names\":[\"rippleRadiusFor_chunkIG4Q3WQOCjs2\",\"width\",\"height\",\"Math\",\"sqrt\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-IG4Q3WQO.cjs\"],\"mappings\":\"AAoDA,SAAAA,iCAAwCA,CAAAC,KAAA,CAAAC,MAAA,EAEtC,MAAO,CAAAC,IAAI,CAACC,IAAI,CAACH,KAAK,CAAGA,KAAK,CAAGC,MAAM,CAAGA,MAAM,CAAC,CAAG,CAAC,CAAG,CAAC,CAC3D\",\"ignoreList\":[]}"
114
114
  };
115
- const rippleRadiusFor = function rippleRadiusFor_chunkBH5DSJVXCjs2Factory({
116
- _worklet_4147430980612_init_data
115
+ const rippleRadiusFor = function rippleRadiusFor_chunkIG4Q3WQOCjs2Factory({
116
+ _worklet_15110245587321_init_data
117
117
  }) {
118
118
  const _e = [new global.Error(), 1, -27];
119
119
  const rippleRadiusFor = function (width, height) {
120
120
  return Math.sqrt(width * width + height * height) / 2 + 5;
121
121
  };
122
122
  rippleRadiusFor.__closure = {};
123
- rippleRadiusFor.__workletHash = 4147430980612;
123
+ rippleRadiusFor.__workletHash = 15110245587321;
124
124
  rippleRadiusFor.__pluginVersion = "0.7.4";
125
- rippleRadiusFor.__initData = _worklet_4147430980612_init_data;
125
+ rippleRadiusFor.__initData = _worklet_15110245587321_init_data;
126
126
  rippleRadiusFor.__stackDetails = _e;
127
127
  return rippleRadiusFor;
128
128
  }({
129
- _worklet_4147430980612_init_data
129
+ _worklet_15110245587321_init_data
130
130
  });
131
131
  var ALL_OFF = {
132
132
  scale: false,
@@ -301,10 +301,10 @@ var StaticFeedback = _react.forwardRef.call(void 0, function StaticFeedback2({
301
301
  })
302
302
  });
303
303
  });
304
- const _worklet_314928651622_init_data = {
305
- code: "function chunkBH5DSJVXCjs3(){const{animation,pressedScale,progress}=this.__closure;if(!animation.scale)return{};return{transform:[{scale:1-(1-pressedScale.value)*progress.value}]};}",
306
- location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-BH5DSJVX.cjs",
307
- sourceMap: "{\"version\":3,\"names\":[\"chunkBH5DSJVXCjs3\",\"animation\",\"pressedScale\",\"progress\",\"__closure\",\"scale\",\"transform\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-BH5DSJVX.cjs\"],\"mappings\":\"AAmO6E,SAAAA,iBAAMA,CAAA,QAAAC,SAAA,CAAAC,YAAA,CAAAC,QAAA,OAAAC,SAAA,CAE/E,GAAI,CAACH,SAAS,CAACI,KAAK,CAAE,MAAO,CAAC,CAAC,CAC/B,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAED,KAAK,CAAE,CAAC,CAAG,CAAC,CAAC,CAAGH,YAAY,CAACK,KAAK,EAAIJ,QAAQ,CAACI,KAAM,CAAC,CAAE,CAAC,CAClF\",\"ignoreList\":[]}"
304
+ const _worklet_11170261292187_init_data = {
305
+ code: "function chunkIG4Q3WQOCjs3(){const{animation,pressedScale,progress}=this.__closure;if(!animation.scale)return{};return{transform:[{scale:1-(1-pressedScale.value)*progress.value}]};}",
306
+ location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-IG4Q3WQO.cjs",
307
+ sourceMap: "{\"version\":3,\"names\":[\"chunkIG4Q3WQOCjs3\",\"animation\",\"pressedScale\",\"progress\",\"__closure\",\"scale\",\"transform\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-IG4Q3WQO.cjs\"],\"mappings\":\"AAmO6E,SAAAA,iBAAMA,CAAA,QAAAC,SAAA,CAAAC,YAAA,CAAAC,QAAA,OAAAC,SAAA,CAE/E,GAAI,CAACH,SAAS,CAACI,KAAK,CAAE,MAAO,CAAC,CAAC,CAC/B,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAED,KAAK,CAAE,CAAC,CAAG,CAAC,CAAC,CAAGH,YAAY,CAACK,KAAK,EAAIJ,QAAQ,CAACI,KAAM,CAAC,CAAE,CAAC,CAClF\",\"ignoreList\":[]}"
308
308
  };
309
309
  var AnimatedFeedback = _react.forwardRef.call(void 0, function AnimatedFeedback2({
310
310
  isPressed = false,
@@ -333,14 +333,14 @@ var AnimatedFeedback = _react.forwardRef.call(void 0, function AnimatedFeedback2
333
333
  });
334
334
  }, [isPressed, progress]);
335
335
  const pressedScale = _reactnativereanimated.useDerivedValue.call(void 0, () => pressScaleFor(size.value.width));
336
- const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkBH5DSJVXCjs3Factory({
337
- _worklet_314928651622_init_data,
336
+ const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkIG4Q3WQOCjs3Factory({
337
+ _worklet_11170261292187_init_data,
338
338
  animation,
339
339
  pressedScale,
340
340
  progress
341
341
  }) {
342
342
  const _e = [new global.Error(), -4, -27];
343
- const chunkBH5DSJVXCjs3 = function () {
343
+ const chunkIG4Q3WQOCjs3 = function () {
344
344
  if (!animation.scale) return {};
345
345
  return {
346
346
  transform: [{
@@ -348,18 +348,18 @@ var AnimatedFeedback = _react.forwardRef.call(void 0, function AnimatedFeedback2
348
348
  }]
349
349
  };
350
350
  };
351
- chunkBH5DSJVXCjs3.__closure = {
351
+ chunkIG4Q3WQOCjs3.__closure = {
352
352
  animation,
353
353
  pressedScale,
354
354
  progress
355
355
  };
356
- chunkBH5DSJVXCjs3.__workletHash = 314928651622;
357
- chunkBH5DSJVXCjs3.__pluginVersion = "0.7.4";
358
- chunkBH5DSJVXCjs3.__initData = _worklet_314928651622_init_data;
359
- chunkBH5DSJVXCjs3.__stackDetails = _e;
360
- return chunkBH5DSJVXCjs3;
356
+ chunkIG4Q3WQOCjs3.__workletHash = 11170261292187;
357
+ chunkIG4Q3WQOCjs3.__pluginVersion = "0.7.4";
358
+ chunkIG4Q3WQOCjs3.__initData = _worklet_11170261292187_init_data;
359
+ chunkIG4Q3WQOCjs3.__stackDetails = _e;
360
+ return chunkIG4Q3WQOCjs3;
361
361
  }({
362
- _worklet_314928651622_init_data,
362
+ _worklet_11170261292187_init_data,
363
363
  animation,
364
364
  pressedScale,
365
365
  progress
@@ -501,10 +501,10 @@ function PressableFeedbackHighlight({
501
501
  }
502
502
  PressableFeedbackHighlight.displayName = "XAUI.PressableFeedback.Highlight";
503
503
  markOverlay(PressableFeedbackHighlight);
504
- const _worklet_6319284215504_init_data = {
505
- code: "function chunkBH5DSJVXCjs4(){const{shown,opacity}=this.__closure;return{opacity:shown.value*opacity};}",
506
- location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-BH5DSJVX.cjs",
507
- sourceMap: "{\"version\":3,\"names\":[\"chunkBH5DSJVXCjs4\",\"shown\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-BH5DSJVX.cjs\"],\"mappings\":\"AAiX6E,SAAAA,iBAAMA,CAAA,QAAAC,KAAA,CAAAC,OAAA,OAAAC,SAAA,CAE/E,MAAO,CAAED,OAAO,CAAED,KAAK,CAACG,KAAK,CAAGF,OAAQ,CAAC,CAC3C\",\"ignoreList\":[]}"
504
+ const _worklet_1569499264813_init_data = {
505
+ code: "function chunkIG4Q3WQOCjs4(){const{shown,opacity}=this.__closure;return{opacity:shown.value*opacity};}",
506
+ location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-IG4Q3WQO.cjs",
507
+ sourceMap: "{\"version\":3,\"names\":[\"chunkIG4Q3WQOCjs4\",\"shown\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-IG4Q3WQO.cjs\"],\"mappings\":\"AAiX6E,SAAAA,iBAAMA,CAAA,QAAAC,KAAA,CAAAC,OAAA,OAAAC,SAAA,CAE/E,MAAO,CAAED,OAAO,CAAED,KAAK,CAACG,KAAK,CAAGF,OAAQ,CAAC,CAC3C\",\"ignoreList\":[]}"
508
508
  };
509
509
  function AnimatedHighlight({
510
510
  base,
@@ -520,28 +520,28 @@ function AnimatedHighlight({
520
520
  duration
521
521
  });
522
522
  }, [isPressed, shown, duration]);
523
- const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkBH5DSJVXCjs4Factory({
524
- _worklet_6319284215504_init_data,
523
+ const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkIG4Q3WQOCjs4Factory({
524
+ _worklet_1569499264813_init_data,
525
525
  shown,
526
526
  opacity
527
527
  }) {
528
528
  const _e = [new global.Error(), -3, -27];
529
- const chunkBH5DSJVXCjs4 = function () {
529
+ const chunkIG4Q3WQOCjs4 = function () {
530
530
  return {
531
531
  opacity: shown.value * opacity
532
532
  };
533
533
  };
534
- chunkBH5DSJVXCjs4.__closure = {
534
+ chunkIG4Q3WQOCjs4.__closure = {
535
535
  shown,
536
536
  opacity
537
537
  };
538
- chunkBH5DSJVXCjs4.__workletHash = 6319284215504;
539
- chunkBH5DSJVXCjs4.__pluginVersion = "0.7.4";
540
- chunkBH5DSJVXCjs4.__initData = _worklet_6319284215504_init_data;
541
- chunkBH5DSJVXCjs4.__stackDetails = _e;
542
- return chunkBH5DSJVXCjs4;
538
+ chunkIG4Q3WQOCjs4.__workletHash = 1569499264813;
539
+ chunkIG4Q3WQOCjs4.__pluginVersion = "0.7.4";
540
+ chunkIG4Q3WQOCjs4.__initData = _worklet_1569499264813_init_data;
541
+ chunkIG4Q3WQOCjs4.__stackDetails = _e;
542
+ return chunkIG4Q3WQOCjs4;
543
543
  }({
544
- _worklet_6319284215504_init_data,
544
+ _worklet_1569499264813_init_data,
545
545
  shown,
546
546
  opacity
547
547
  }), [shown, opacity]);
@@ -605,10 +605,10 @@ function PressableFeedbackRipple({
605
605
  }
606
606
  PressableFeedbackRipple.displayName = "XAUI.PressableFeedback.Ripple";
607
607
  markOverlay(PressableFeedbackRipple);
608
- const _worklet_5095514393341_init_data = {
609
- code: "function chunkBH5DSJVXCjs5(){const{wave,RIPPLE_START_SCALE,center,opacity,radius}=this.__closure;const t=wave.expand.value;const from=wave.origin.value;const scale=RIPPLE_START_SCALE+(1-RIPPLE_START_SCALE)*t;const x=from.x+(center.x-from.x)*t;const y=from.y+(center.y-from.y)*t;return{opacity:wave.alpha.value*opacity,transform:[{translateX:x-radius},{translateY:y-radius},{scale:scale}]};}",
610
- location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-BH5DSJVX.cjs",
611
- sourceMap: "{\"version\":3,\"names\":[\"chunkBH5DSJVXCjs5\",\"wave\",\"RIPPLE_START_SCALE\",\"center\",\"opacity\",\"radius\",\"__closure\",\"t\",\"expand\",\"value\",\"from\",\"origin\",\"scale\",\"x\",\"y\",\"alpha\",\"transform\",\"translateX\",\"translateY\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-BH5DSJVX.cjs\"],\"mappings\":\"AAib6E,SAAAA,iBAAMA,CAAA,QAAAC,IAAA,CAAAC,kBAAA,CAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA,OAAAC,SAAA,CAE/E,KAAM,CAAAC,CAAC,CAAGN,IAAI,CAACO,MAAM,CAACC,KAAK,CAC3B,KAAM,CAAAC,IAAI,CAAGT,IAAI,CAACU,MAAM,CAACF,KAAK,CAC9B,KAAM,CAAAG,KAAK,CAAGV,kBAAkB,CAAG,CAAC,CAAC,CAAGA,kBAAkB,EAAIK,CAAC,CAC/D,KAAM,CAAAM,CAAC,CAAGH,IAAI,CAACG,CAAC,CAAG,CAACV,MAAM,CAACU,CAAC,CAAGH,IAAI,CAACG,CAAC,EAAIN,CAAC,CAC1C,KAAM,CAAAO,CAAC,CAAGJ,IAAI,CAACI,CAAC,CAAG,CAACX,MAAM,CAACW,CAAC,CAAGJ,IAAI,CAACI,CAAC,EAAIP,CAAC,CAC1C,MAAO,CAELH,OAAO,CAAEH,IAAI,CAACc,KAAK,CAACN,KAAK,CAAGL,OAAO,CACnCY,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEJ,CAAC,CAAGR,MAAO,CAAC,CAAE,CAAEa,UAAU,CAAEJ,CAAC,CAAGT,MAAO,CAAC,CAAE,CAAEO,KAAA,CAAAA,KAAM,CAAC,CAC/E,CAAC,CACH\",\"ignoreList\":[]}"
608
+ const _worklet_17516747206400_init_data = {
609
+ code: "function chunkIG4Q3WQOCjs5(){const{wave,RIPPLE_START_SCALE,center,opacity,radius}=this.__closure;const t=wave.expand.value;const from=wave.origin.value;const scale=RIPPLE_START_SCALE+(1-RIPPLE_START_SCALE)*t;const x=from.x+(center.x-from.x)*t;const y=from.y+(center.y-from.y)*t;return{opacity:wave.alpha.value*opacity,transform:[{translateX:x-radius},{translateY:y-radius},{scale:scale}]};}",
610
+ location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-IG4Q3WQO.cjs",
611
+ sourceMap: "{\"version\":3,\"names\":[\"chunkIG4Q3WQOCjs5\",\"wave\",\"RIPPLE_START_SCALE\",\"center\",\"opacity\",\"radius\",\"__closure\",\"t\",\"expand\",\"value\",\"from\",\"origin\",\"scale\",\"x\",\"y\",\"alpha\",\"transform\",\"translateX\",\"translateY\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-IG4Q3WQO.cjs\"],\"mappings\":\"AAib6E,SAAAA,iBAAMA,CAAA,QAAAC,IAAA,CAAAC,kBAAA,CAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA,OAAAC,SAAA,CAE/E,KAAM,CAAAC,CAAC,CAAGN,IAAI,CAACO,MAAM,CAACC,KAAK,CAC3B,KAAM,CAAAC,IAAI,CAAGT,IAAI,CAACU,MAAM,CAACF,KAAK,CAC9B,KAAM,CAAAG,KAAK,CAAGV,kBAAkB,CAAG,CAAC,CAAC,CAAGA,kBAAkB,EAAIK,CAAC,CAC/D,KAAM,CAAAM,CAAC,CAAGH,IAAI,CAACG,CAAC,CAAG,CAACV,MAAM,CAACU,CAAC,CAAGH,IAAI,CAACG,CAAC,EAAIN,CAAC,CAC1C,KAAM,CAAAO,CAAC,CAAGJ,IAAI,CAACI,CAAC,CAAG,CAACX,MAAM,CAACW,CAAC,CAAGJ,IAAI,CAACI,CAAC,EAAIP,CAAC,CAC1C,MAAO,CAELH,OAAO,CAAEH,IAAI,CAACc,KAAK,CAACN,KAAK,CAAGL,OAAO,CACnCY,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEJ,CAAC,CAAGR,MAAO,CAAC,CAAE,CAAEa,UAAU,CAAEJ,CAAC,CAAGT,MAAO,CAAC,CAAE,CAAEO,KAAA,CAAAA,KAAM,CAAC,CAC/E,CAAC,CACH\",\"ignoreList\":[]}"
612
612
  };
613
613
  function RippleWave({
614
614
  wave,
@@ -618,8 +618,8 @@ function RippleWave({
618
618
  opacity,
619
619
  style
620
620
  }) {
621
- const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkBH5DSJVXCjs5Factory({
622
- _worklet_5095514393341_init_data,
621
+ const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkIG4Q3WQOCjs5Factory({
622
+ _worklet_17516747206400_init_data,
623
623
  wave,
624
624
  RIPPLE_START_SCALE,
625
625
  center,
@@ -627,7 +627,7 @@ function RippleWave({
627
627
  radius
628
628
  }) {
629
629
  const _e = [new global.Error(), -6, -27];
630
- const chunkBH5DSJVXCjs5 = function () {
630
+ const chunkIG4Q3WQOCjs5 = function () {
631
631
  const t = wave.expand.value;
632
632
  const from = wave.origin.value;
633
633
  const scale = RIPPLE_START_SCALE + (1 - RIPPLE_START_SCALE) * t;
@@ -645,20 +645,20 @@ function RippleWave({
645
645
  }]
646
646
  };
647
647
  };
648
- chunkBH5DSJVXCjs5.__closure = {
648
+ chunkIG4Q3WQOCjs5.__closure = {
649
649
  wave,
650
650
  RIPPLE_START_SCALE,
651
651
  center,
652
652
  opacity,
653
653
  radius
654
654
  };
655
- chunkBH5DSJVXCjs5.__workletHash = 5095514393341;
656
- chunkBH5DSJVXCjs5.__pluginVersion = "0.7.4";
657
- chunkBH5DSJVXCjs5.__initData = _worklet_5095514393341_init_data;
658
- chunkBH5DSJVXCjs5.__stackDetails = _e;
659
- return chunkBH5DSJVXCjs5;
655
+ chunkIG4Q3WQOCjs5.__workletHash = 17516747206400;
656
+ chunkIG4Q3WQOCjs5.__pluginVersion = "0.7.4";
657
+ chunkIG4Q3WQOCjs5.__initData = _worklet_17516747206400_init_data;
658
+ chunkIG4Q3WQOCjs5.__stackDetails = _e;
659
+ return chunkIG4Q3WQOCjs5;
660
660
  }({
661
- _worklet_5095514393341_init_data,
661
+ _worklet_17516747206400_init_data,
662
662
  wave,
663
663
  RIPPLE_START_SCALE,
664
664
  center,
@@ -694,14 +694,7 @@ var PressableFeedback3 = Object.assign(PressableFeedback, {
694
694
  Highlight: PressableFeedbackHighlight,
695
695
  Ripple: PressableFeedbackRipple
696
696
  });
697
-
698
- // src/utils/warn-dev.ts
699
- function warnDev(message) {
700
- if (typeof __DEV__ !== "undefined" && !__DEV__) return;
701
- console.warn(`XAUI: ${message}`);
702
- }
703
697
  exports.usePressState = usePressState;
704
- exports.warnDev = warnDev;
705
698
  exports.useFeedback = useFeedback;
706
699
  exports.PRESS_SCALE = PRESS_SCALE;
707
700
  exports.PRESS_DURATION = PRESS_DURATION;
@@ -1,8 +1,10 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
2
2
 
3
3
 
4
+ var _chunkIG4Q3WQOcjs = require('./chunk-IG4Q3WQO.cjs');
4
5
 
5
- var _chunkBH5DSJVXcjs = require('./chunk-BH5DSJVX.cjs');
6
+
7
+ var _chunkEJQCQPETcjs = require('./chunk-EJQCQPET.cjs');
6
8
 
7
9
 
8
10
  var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
@@ -34,14 +36,14 @@ var CloseButton = _react.forwardRef.call(void 0, function CloseButton2({
34
36
  ...props
35
37
  }, ref) {
36
38
  const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
37
- const [isPressed, press] = _chunkBH5DSJVXcjs.usePressState.call(void 0, { onPressIn, onPressOut });
39
+ const [isPressed, press] = _chunkIG4Q3WQOcjs.usePressState.call(void 0, { onPressIn, onPressOut });
38
40
  if (!rest.accessibilityLabel && !rest["aria-label"]) {
39
- _chunkBH5DSJVXcjs.warnDev.call(void 0,
41
+ _chunkEJQCQPETcjs.warnDev.call(void 0,
40
42
  `${name}: a close button needs an \`accessibilityLabel\` \u2014 the cross is not text, and the label beside it names what is being dismissed, not the action.`
41
43
  );
42
44
  }
43
45
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
44
- _chunkBH5DSJVXcjs.PressableFeedback,
46
+ _chunkIG4Q3WQOcjs.PressableFeedback,
45
47
  {
46
48
  ref,
47
49
  isPressed,
@@ -1,23 +1,23 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
2
2
 
3
3
 
4
- var _chunk6WW4CSPYcjs = require('./chunk-6WW4CSPY.cjs');
4
+ var _chunkJ2JJLKLGcjs = require('./chunk-J2JJLKLG.cjs');
5
5
 
6
6
 
7
- var _chunkDXGQ43IVcjs = require('./chunk-DXGQ43IV.cjs');
7
+ var _chunkB4W2XNBPcjs = require('./chunk-B4W2XNBP.cjs');
8
8
 
9
9
 
10
10
 
11
11
  var _chunkYXVKQMCKcjs = require('./chunk-YXVKQMCK.cjs');
12
12
 
13
13
 
14
- var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
15
14
 
16
15
 
17
16
 
17
+ var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
18
18
 
19
19
 
20
- var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
20
+ var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
21
21
 
22
22
  // src/components/alert/alert-close.tsx
23
23
  var _react = require('react');
@@ -30,7 +30,7 @@ var _jsxruntime = require('react/jsx-runtime');
30
30
  var AlertClose = _react.forwardRef.call(void 0, function AlertClose2({ isDisabled, ...props }, ref) {
31
31
  const { closeStyle, closeGlyphStyle, isDisabled: isAlertDisabled } = useAlert();
32
32
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
33
- _chunk6WW4CSPYcjs.CloseButton,
33
+ _chunkJ2JJLKLGcjs.CloseButton,
34
34
  {
35
35
  ref,
36
36
  name: "Alert.Close",
@@ -78,7 +78,7 @@ var AlertIcon = _react.forwardRef.call(void 0, function AlertIcon2({ as, childre
78
78
  const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
79
79
  const glyphSize = _nullishCoalesce(size, () => ( icon.size));
80
80
  const glyphColor = _nullishCoalesce(color, () => ( icon.color));
81
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [iconStyle, styleProps, style], ...rest, children: as ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDXGQ43IVcjs.Icon, { as, size: glyphSize, color: glyphColor }) : source ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDXGQ43IVcjs.Icon, { source, size: glyphSize, color: glyphColor }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDXGQ43IVcjs.Icon, { size: glyphSize, color: glyphColor, children }) });
81
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [iconStyle, styleProps, style], ...rest, children: as ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB4W2XNBPcjs.Icon, { as, size: glyphSize, color: glyphColor }) : source ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB4W2XNBPcjs.Icon, { source, size: glyphSize, color: glyphColor }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB4W2XNBPcjs.Icon, { size: glyphSize, color: glyphColor, children }) });
82
82
  });
83
83
  AlertIcon.displayName = "XAUI.Alert.Icon";
84
84
 
@@ -192,7 +192,7 @@ var alertRecipe = _chunkYXVKQMCKcjs.createRecipe.call(void 0, {
192
192
  // The cross's own geometry — thickness and centring — belongs to the shared
193
193
  // `CloseButton`; what stays below is the box and bar size this component's scale sets.
194
194
  base: (theme) => ({
195
- ..._chunk6WW4CSPYcjs.closeButtonBase.call(void 0, theme),
195
+ ..._chunkJ2JJLKLGcjs.closeButtonBase.call(void 0, theme),
196
196
  root: {
197
197
  flexDirection: "row",
198
198
  // Top-aligned, not centred: an alert's message can run to three lines, and an icon
@@ -1,8 +1,9 @@
1
- import { Icon } from "./chunk-FVP5FUVS.js";
2
- import { PressableFeedback, usePressState, warnDev } from "./chunk-KM2TI5IC.js";
1
+ import { Icon } from "./chunk-ICR42HHG.js";
2
+ import { PressableFeedback, usePressState } from "./chunk-4HELPMAK.js";
3
+ import { warnDev } from "./chunk-EGLLDKN6.js";
3
4
  import { createRecipe, radiusAxis } from "./chunk-3JATAB7S.js";
4
- import { useXAUITheme } from "./chunk-A3EGFI6T.js";
5
5
  import { childrenToString, createSlotContext, useStyleProps } from "./chunk-PMO62QK4.js";
6
+ import { useXAUITheme } from "./chunk-A3EGFI6T.js";
6
7
 
7
8
  // src/components/button/button.context.ts
8
9
  var [ButtonProvider, useButton] = createSlotContext("Button");
@@ -73,10 +74,10 @@ function ButtonSpinner({
73
74
  });
74
75
  }
75
76
  ButtonSpinner.displayName = "XAUI.Button.Spinner";
76
- const _worklet_763735822272_init_data = {
77
- code: "function chunkFNQF4KQVJs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
78
- location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-FNQF4KQV.js",
79
- sourceMap: "{\"version\":3,\"names\":[\"chunkFNQF4KQVJs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-FNQF4KQV.js\"],\"mappings\":\"AAmFyC,SAAAA,gBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAE3C,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
77
+ const _worklet_12240051127083_init_data = {
78
+ code: "function chunkMRYLLKMLJs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
79
+ location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-MRYLLKML.js",
80
+ sourceMap: "{\"version\":3,\"names\":[\"chunkMRYLLKMLJs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-MRYLLKML.js\"],\"mappings\":\"AAqFyC,SAAAA,gBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAE3C,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
80
81
  };
81
82
  function SpinningRing({
82
83
  style
@@ -89,28 +90,28 @@ function SpinningRing({
89
90
  }), -1, false);
90
91
  return () => cancelAnimation(angle);
91
92
  }, [angle]);
92
- const animatedStyle = useAnimatedStyle(function chunkFNQF4KQVJs1Factory({
93
- _worklet_763735822272_init_data,
93
+ const animatedStyle = useAnimatedStyle(function chunkMRYLLKMLJs1Factory({
94
+ _worklet_12240051127083_init_data,
94
95
  angle
95
96
  }) {
96
97
  const _e = [new global.Error(), -2, -27];
97
- const chunkFNQF4KQVJs1 = function () {
98
+ const chunkMRYLLKMLJs1 = function () {
98
99
  return {
99
100
  transform: [{
100
101
  rotate: `${angle.value}deg`
101
102
  }]
102
103
  };
103
104
  };
104
- chunkFNQF4KQVJs1.__closure = {
105
+ chunkMRYLLKMLJs1.__closure = {
105
106
  angle
106
107
  };
107
- chunkFNQF4KQVJs1.__workletHash = 763735822272;
108
- chunkFNQF4KQVJs1.__pluginVersion = "0.7.4";
109
- chunkFNQF4KQVJs1.__initData = _worklet_763735822272_init_data;
110
- chunkFNQF4KQVJs1.__stackDetails = _e;
111
- return chunkFNQF4KQVJs1;
108
+ chunkMRYLLKMLJs1.__workletHash = 12240051127083;
109
+ chunkMRYLLKMLJs1.__pluginVersion = "0.7.4";
110
+ chunkMRYLLKMLJs1.__initData = _worklet_12240051127083_init_data;
111
+ chunkMRYLLKMLJs1.__stackDetails = _e;
112
+ return chunkMRYLLKMLJs1;
112
113
  }({
113
- _worklet_763735822272_init_data,
114
+ _worklet_12240051127083_init_data,
114
115
  angle
115
116
  }), [angle]);
116
117
  return /* @__PURE__ */jsx3(Animated.View, {
@@ -62,7 +62,16 @@ function buildRadius(base) {
62
62
  "2xl": base * 2,
63
63
  "3xl": base * 3,
64
64
  "4xl": base * 4,
65
- field: base * 1.75,
65
+ /**
66
+ * HeroUI's value, reached from the other side of the scale: their `--radius-field` is
67
+ * an alias of their `--radius-xl`, and their base is 8 where ours is 12 — so their
68
+ * field corner is 12 points and, at our default base, so is this.
69
+ *
70
+ * It coincides with `lg` today and is still its own key, because that is what lets a
71
+ * theme round its fields without rounding its cards. It was `base * 1.75`, which put a
72
+ * 48-tall field at 87% of its geometric maximum — a gélule rather than a rounded box.
73
+ */
74
+ field: base,
66
75
  full: 9999
67
76
  };
68
77
  }
@@ -62,7 +62,16 @@ function buildRadius(base) {
62
62
  "2xl": base * 2,
63
63
  "3xl": base * 3,
64
64
  "4xl": base * 4,
65
- field: base * 1.75,
65
+ /**
66
+ * HeroUI's value, reached from the other side of the scale: their `--radius-field` is
67
+ * an alias of their `--radius-xl`, and their base is 8 where ours is 12 — so their
68
+ * field corner is 12 points and, at our default base, so is this.
69
+ *
70
+ * It coincides with `lg` today and is still its own key, because that is what lets a
71
+ * theme round its fields without rounding its cards. It was `base * 1.75`, which put a
72
+ * 48-tall field at 87% of its geometric maximum — a gélule rather than a rounded box.
73
+ */
74
+ field: base,
66
75
  full: 9999
67
76
  };
68
77
  }
@@ -4,12 +4,12 @@
4
4
  var _chunkYXVKQMCKcjs = require('./chunk-YXVKQMCK.cjs');
5
5
 
6
6
 
7
- var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
8
7
 
9
8
 
9
+ var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
10
10
 
11
11
 
12
- var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
12
+ var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
13
13
 
14
14
  // src/components/input/input-description.tsx
15
15
  var _react = require('react');
@@ -127,6 +127,7 @@ var SLOTS = [
127
127
  "root",
128
128
  "label",
129
129
  "field",
130
+ "textArea",
130
131
  "placeholder",
131
132
  "description",
132
133
  "error"
@@ -155,7 +156,7 @@ var VARIANT_TOKENS = {
155
156
  ghost: { borderFocus: "fieldBorderFocus", fg: "fieldForeground" }
156
157
  };
157
158
  function sizeAxis(step) {
158
- const { control, padding, gap, field, label, help } = step;
159
+ const { control, padding, gap, field, label, help, textAreaPadding } = step;
159
160
  return (theme) => {
160
161
  const inset = { paddingHorizontal: theme.spacing(LABEL_INSET) };
161
162
  const helpType = {
@@ -174,6 +175,15 @@ function sizeAxis(step) {
174
175
  paddingHorizontal: theme.spacing(padding),
175
176
  fontSize: theme.fontSizes[field]
176
177
  },
178
+ // Only what a multiline field *adds* — `Input.TextArea` layers this over the field's
179
+ // own style rather than restating it, so the colours, the border and the radius are
180
+ // resolved once for both. The height is not here: `rows` is a raw value, and the
181
+ // slot computes it from the two numbers below.
182
+ textArea: {
183
+ lineHeight: theme.lineHeights[field],
184
+ paddingTop: theme.spacing(textAreaPadding),
185
+ paddingBottom: theme.spacing(textAreaPadding)
186
+ },
177
187
  description: { ...inset, ...helpType },
178
188
  error: { ...inset, ...helpType }
179
189
  };
@@ -184,38 +194,42 @@ var SIZES = {
184
194
  xs: {
185
195
  control: "xs",
186
196
  padding: 2.5,
187
- gap: 1,
197
+ gap: 0.75,
188
198
  field: "sm",
189
199
  label: "sm",
190
200
  help: "xs",
191
- labelInside: "xs"
201
+ labelInside: "xs",
202
+ textAreaPadding: 1.5
192
203
  },
193
204
  sm: {
194
205
  control: "sm",
195
206
  padding: 3,
196
- gap: 1,
207
+ gap: 0.75,
197
208
  field: "md",
198
209
  label: "sm",
199
210
  help: "xs",
200
- labelInside: "xs"
211
+ labelInside: "xs",
212
+ textAreaPadding: 2
201
213
  },
202
214
  md: {
203
215
  control: "md",
204
216
  padding: 3,
205
- gap: 1.5,
217
+ gap: 1.25,
206
218
  field: "md",
207
219
  label: "md",
208
220
  help: "sm",
209
- labelInside: "xs"
221
+ labelInside: "xs",
222
+ textAreaPadding: 2
210
223
  },
211
224
  lg: {
212
225
  control: "lg",
213
226
  padding: 4,
214
- gap: 2,
227
+ gap: 1.75,
215
228
  field: "lg",
216
229
  label: "lg",
217
230
  help: "md",
218
- labelInside: "sm"
231
+ labelInside: "sm",
232
+ textAreaPadding: 2.5
219
233
  }
220
234
  };
221
235
  function insideLabel(step) {
@@ -245,7 +259,10 @@ function insideLabel(step) {
245
259
  ),
246
260
  paddingTop: block,
247
261
  paddingBottom: top
248
- }
262
+ },
263
+ // The same room, because `Input.TextArea` layers its own padding over the field's
264
+ // and would otherwise put the first line back under the label.
265
+ textArea: { paddingTop: block, paddingBottom: top }
249
266
  };
250
267
  };
251
268
  }
@@ -266,12 +283,16 @@ var inputRecipe = _chunkYXVKQMCKcjs.createRecipe.call(void 0, {
266
283
  borderWidth: theme.borderWidth.field,
267
284
  // The theme has a radius named for this component, so every size uses it and the
268
285
  // `radius` axis is what overrides it — the same shape a `Chip` takes from `full`.
286
+ // It is HeroUI's twelve points since the scale was aligned on theirs; it was 21,
287
+ // which put a 48-tall field at 87% of its geometric maximum.
269
288
  borderRadius: theme.radius.field,
270
289
  borderCurve: "continuous",
271
290
  // RN centres a single line inside `minHeight` on iOS and pins it to the top on
272
291
  // Android. Saying it removes a difference nobody chose.
273
292
  textAlignVertical: "center"
274
293
  },
294
+ // Several lines start at the top; only a single line is centred in its box.
295
+ textArea: { textAlignVertical: "top" },
275
296
  // Not a node — the root flattens this one into `placeholderTextColor`, which is a
276
297
  // `TextInput` prop rather than a style.
277
298
  placeholder: { color: theme.colors.fieldPlaceholder },
@@ -402,9 +423,17 @@ var InputRoot = _react.forwardRef.call(void 0, function Input({
402
423
  const tint = color ? inputRecipe.tint({ theme, color, selection, states }) : void 0;
403
424
  const context = _react.useMemo.call(void 0, () => {
404
425
  const placeholder = _reactnative.StyleSheet.flatten(styles.placeholder);
426
+ const textArea = _reactnative.StyleSheet.flatten(styles.textArea);
405
427
  return {
406
428
  labelStyle: tint ? [styles.label, tint.label] : styles.label,
407
429
  fieldStyle: tint ? [styles.field, tint.field] : styles.field,
430
+ textAreaStyle: styles.textArea,
431
+ textArea: {
432
+ lineHeight: _nullishCoalesce(textArea.lineHeight, () => ( 0)),
433
+ // `DimensionValue` also covers a percentage and `auto`, neither of which can be
434
+ // multiplied by a number of rows. The recipe only ever writes points here.
435
+ paddingVertical: typeof textArea.paddingBottom === "number" ? textArea.paddingBottom : 0
436
+ },
408
437
  descriptionStyle: styles.description,
409
438
  errorStyle: styles.error,
410
439
  // `ColorValue` also covers the platform's opaque colours, which `TextInput` cannot
@@ -448,4 +477,9 @@ var Input2 = Object.assign(InputRoot, {
448
477
 
449
478
 
450
479
 
451
- exports.useInput = useInput; exports.inputRecipe = inputRecipe; exports.Input = Input2;
480
+
481
+
482
+
483
+
484
+
485
+ exports.useInput = useInput; exports.InputDescription = InputDescription; exports.InputError = InputError; exports.InputField = InputField; exports.InputLabel = InputLabel; exports.inputRecipe = inputRecipe; exports.InputRoot = InputRoot; exports.Input = Input2;