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

package/dist/{chunk-VDRRD6GM.cjs → chunk-EWBBDVTM.cjs}

@@ -36,11 +36,12 @@ function _optionalChain(ops) {
   }
   return value;
 }
-var _chunkDXGQ43IVcjs = require('./chunk-DXGQ43IV.cjs');
-var _chunkBH5DSJVXcjs = require('./chunk-BH5DSJVX.cjs');
+var _chunkB4W2XNBPcjs = require('./chunk-B4W2XNBP.cjs');
+var _chunkIG4Q3WQOcjs = require('./chunk-IG4Q3WQO.cjs');
+var _chunkEJQCQPETcjs = require('./chunk-EJQCQPET.cjs');
 var _chunkYXVKQMCKcjs = require('./chunk-YXVKQMCK.cjs');
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 // src/components/button/button.context.ts
 var [ButtonProvider, useButton] = _chunkHUZ4AUM2cjs.createSlotContext.call(void 0, "Button");
@@ -55,7 +56,7 @@ function ButtonIcon({
   const {
     icon
   } = useButton();
-  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkDXGQ43IVcjs.Icon, {
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkB4W2XNBPcjs.Icon, {
     size: _nullishCoalesce(size, () => icon.size),
     color: _nullishCoalesce(color, () => icon.color),
     ...rest
@@ -109,10 +110,10 @@ function ButtonSpinner({
   });
 }
 ButtonSpinner.displayName = "XAUI.Button.Spinner";
-const _worklet_12867052884334_init_data = {
-  code: "function chunkVDRRD6GMCjs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-VDRRD6GM.cjs",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkVDRRD6GMCjs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-VDRRD6GM.cjs\"],\"mappings\":\"AAmF6E,SAAAA,iBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAE/E,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
+const _worklet_11964476235389_init_data = {
+  code: "function chunkEWBBDVTMCjs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-EWBBDVTM.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkEWBBDVTMCjs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-EWBBDVTM.cjs\"],\"mappings\":\"AAqF6E,SAAAA,iBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAE/E,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
 };
 function SpinningRing({
   style
@@ -125,28 +126,28 @@ function SpinningRing({
     }), -1, false);
     return () => _reactnativereanimated.cancelAnimation.call(void 0, angle);
   }, [angle]);
-  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkVDRRD6GMCjs1Factory({
-    _worklet_12867052884334_init_data,
+  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkEWBBDVTMCjs1Factory({
+    _worklet_11964476235389_init_data,
     angle
   }) {
     const _e = [new global.Error(), -2, -27];
-    const chunkVDRRD6GMCjs1 = function () {
+    const chunkEWBBDVTMCjs1 = function () {
       return {
         transform: [{
           rotate: `${angle.value}deg`
         }]
       };
     };
-    chunkVDRRD6GMCjs1.__closure = {
+    chunkEWBBDVTMCjs1.__closure = {
       angle
     };
-    chunkVDRRD6GMCjs1.__workletHash = 12867052884334;
-    chunkVDRRD6GMCjs1.__pluginVersion = "0.7.4";
-    chunkVDRRD6GMCjs1.__initData = _worklet_12867052884334_init_data;
-    chunkVDRRD6GMCjs1.__stackDetails = _e;
-    return chunkVDRRD6GMCjs1;
+    chunkEWBBDVTMCjs1.__workletHash = 11964476235389;
+    chunkEWBBDVTMCjs1.__pluginVersion = "0.7.4";
+    chunkEWBBDVTMCjs1.__initData = _worklet_11964476235389_init_data;
+    chunkEWBBDVTMCjs1.__stackDetails = _e;
+    return chunkEWBBDVTMCjs1;
   }({
-    _worklet_12867052884334_init_data,
+    _worklet_11964476235389_init_data,
     angle
   }), [angle]);
   return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
@@ -369,7 +370,7 @@ var ButtonRoot = _react.forwardRef.call(void 0, function Button({
 }, ref) {
   const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0);
   const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
-  const [isPressed, press] = _chunkBH5DSJVXcjs.usePressState.call(void 0, {
+  const [isPressed, press] = _chunkIG4Q3WQOcjs.usePressState.call(void 0, {
     onPressIn,
     onPressOut
   });
@@ -415,11 +416,11 @@ var ButtonRoot = _react.forwardRef.call(void 0, function Button({
   const text = _chunkHUZ4AUM2cjs.childrenToString.call(void 0, children);
   const showSpinner = isLoading && !containsElementOfType(children, ButtonSpinner);
   if (isIconOnly && !rest.accessibilityLabel && !rest["aria-label"]) {
-    _chunkBH5DSJVXcjs.warnDev.call(void 0, "Button: an icon-only button needs an `accessibilityLabel` \u2014 there is no text for a screen reader to read, so it announces as an unlabelled button.");
+    _chunkEJQCQPETcjs.warnDev.call(void 0, "Button: an icon-only button needs an `accessibilityLabel` \u2014 there is no text for a screen reader to read, so it announces as an unlabelled button.");
   }
   return /* @__PURE__ */_jsxruntime.jsx.call(void 0, ButtonProvider, {
     value: context,
-    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkBH5DSJVXcjs.PressableFeedback, {
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkIG4Q3WQOcjs.PressableFeedback, {
       ref,
       isPressed,
       isDisabled: isDisabled || isLoading,

package/dist/chunk-GSEK6OCY.cjs

@@ -0,0 +1,72 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+
+
+
+
+
+var _chunkYEW5LPWLcjs = require('./chunk-YEW5LPWL.cjs');
+
+
+
+var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
+
+// src/components/text-area/text-area-field.tsx
+var _react = require('react');
+
+// src/components/text-area/text-area.context.ts
+var [TextAreaProvider, useTextArea] = _chunkHUZ4AUM2cjs.createSlotContext.call(void 0, "TextArea");
+
+// src/components/text-area/text-area-field.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var TextAreaField = _react.forwardRef.call(void 0, 
+  function TextAreaField2({ style, scrollEnabled, ...props }, ref) {
+    const { textAreaStyle, textArea } = _chunkYEW5LPWLcjs.useInput.call(void 0, );
+    const { rows, maxRows } = useTextArea();
+    const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+    const height = _react.useMemo.call(void 0, () => {
+      const chrome = textArea.paddingVertical * 2;
+      return {
+        minHeight: rows * textArea.lineHeight + chrome,
+        // Unset, the field grows for as long as the text does. With a ceiling it stops
+        // there and scrolls, which is the only case that needs `scrollEnabled` — a
+        // multiline field that can grow has nothing to scroll.
+        maxHeight: maxRows ? maxRows * textArea.lineHeight + chrome : void 0
+      };
+    }, [rows, maxRows, textArea]);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkYEW5LPWLcjs.InputField,
+      {
+        ref,
+        multiline: true,
+        scrollEnabled: _nullishCoalesce(scrollEnabled, () => ( maxRows !== void 0)),
+        ...rest,
+        style: [textAreaStyle, height, styleProps, style]
+      }
+    );
+  }
+);
+TextAreaField.displayName = "XAUI.TextArea.Field";
+
+// src/components/text-area/text-area.tsx
+
+
+var DEFAULT_ROWS = 3;
+var TextAreaRoot = _react.forwardRef.call(void 0, function TextArea({ rows = DEFAULT_ROWS, maxRows, children, ...props }, ref) {
+  const context = _react.useMemo.call(void 0, () => ({ rows, maxRows }), [rows, maxRows]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextAreaProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYEW5LPWLcjs.InputRoot, { ref, ...props, children }) });
+});
+TextAreaRoot.displayName = "XAUI.TextArea.Root";
+
+// src/components/text-area/index.ts
+var TextArea2 = Object.assign(TextAreaRoot, {
+  Label: _chunkYEW5LPWLcjs.InputLabel,
+  Field: TextAreaField,
+  Description: _chunkYEW5LPWLcjs.InputDescription,
+  Error: _chunkYEW5LPWLcjs.InputError
+});
+
+
+
+
+exports.useTextArea = useTextArea; exports.TextArea = TextArea2;