@multiplatform.one/components 1.0.1 → 1.0.3

package/dist/esm/forms/FormTextArea/index.native.js

@@ -1,53 +1,107 @@
-import React, { useId } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useId } from "react";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormField } from "../FormField";
 import { TextArea } from "tamagui";
-function FormTextArea({
-  control,
-  defaultValue,
-  error,
-  fieldProps,
-  helperText,
-  label,
-  name,
-  required,
-  rules,
-  ...textAreaProps
-}) {
-  const formContext = useFormContext(), id = useId();
-  return formContext ? /* @__PURE__ */ React.createElement(
-    Controller,
-    {
-      name,
-      control,
-      rules,
-      defaultValue,
-      render: ({ field: { onChange, value, onBlur }, fieldState: { error: error2 } }) => /* @__PURE__ */ React.createElement(
-        FormField,
-        {
-          id,
-          error: !!error2,
-          helperText: error2 ? error2.message : helperText,
-          label,
-          required,
-          ...fieldProps
-        },
-        /* @__PURE__ */ React.createElement(
-          TextArea,
-          {
-            ...textAreaProps,
-            value: value ?? "",
-            onBlur: (e) => {
-              onBlur(), textAreaProps.onBlur && textAreaProps.onBlur(e);
-            },
-            onChangeText: (e) => {
-              onChange(e), textAreaProps.onChangeText && textAreaProps.onChangeText(e);
-            }
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys2.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _object_spread_props(target, source) {
+  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  }), target;
+}
+function _object_without_properties(source, excluded) {
+  if (source == null)
+    return {};
+  var target = _object_without_properties_loose(source, excluded), key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++)
+      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
+  }
+  return target;
+}
+function _object_without_properties_loose(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {}, sourceKeys = Object.keys(source), key, i;
+  for (i = 0; i < sourceKeys.length; i++)
+    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
+  return target;
+}
+function FormTextArea(_param) {
+  var control = _param.control, defaultValue = _param.defaultValue, error = _param.error, fieldProps = _param.fieldProps, helperText = _param.helperText, label = _param.label, name = _param.name, required = _param.required, rules = _param.rules, textAreaProps = _object_without_properties(_param, [
+    "control",
+    "defaultValue",
+    "error",
+    "fieldProps",
+    "helperText",
+    "label",
+    "name",
+    "required",
+    "rules"
+  ]), formContext = useFormContext(), id = useId();
+  return formContext ? /* @__PURE__ */ _jsx(Controller, {
+    name,
+    control,
+    rules,
+    defaultValue,
+    render: function(param) {
+      var _param_field = param.field, onChange = _param_field.onChange, value = _param_field.value, onBlur = _param_field.onBlur, error2 = param.fieldState.error;
+      return /* @__PURE__ */ _jsx(FormField, _object_spread_props(_object_spread({
+        id,
+        error: !!error2,
+        helperText: error2 ? error2.message : helperText,
+        label,
+        required
+      }, fieldProps), {
+        children: /* @__PURE__ */ _jsx(TextArea, _object_spread_props(_object_spread({}, textAreaProps), {
+          value: value ?? "",
+          onBlur: function(e) {
+            onBlur(), textAreaProps.onBlur && textAreaProps.onBlur(e);
+          },
+          onChangeText: function(e) {
+            onChange(e), textAreaProps.onChangeText && textAreaProps.onChangeText(e);
           }
-        )
-      )
+        }))
+      }));
     }
-  ) : /* @__PURE__ */ React.createElement(FormField, { id, error: !!error, helperText, label, required, ...fieldProps }, /* @__PURE__ */ React.createElement(TextArea, { ...textAreaProps }));
+  }) : /* @__PURE__ */ _jsx(FormField, _object_spread_props(_object_spread({
+    id,
+    error: !!error,
+    helperText,
+    label,
+    required
+  }, fieldProps), {
+    children: /* @__PURE__ */ _jsx(TextArea, _object_spread({}, textAreaProps))
+  }));
 }
 export {
   FormTextArea

package/dist/esm/forms/FormTextArea/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/forms/FormTextArea/index.tsx"],
-  "mappings": "AAAA,OAAO,SAAS,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AAOlB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM;AACjB,SAAK,cAQH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,OAAO,OAAO,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MACnE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,CAAC,CAACA;AAAA,UACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,UACpC;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACJ,OAAO,SAAS;AAAA,YAChB,QAAQ,CAAC,MAAM;AACb,qBAAO,GACH,cAAc,UAAQ,cAAc,OAAO,CAAC;AAAA,YAClD;AAAA,YACA,cAAc,CAAC,MAAM;AACnB,uBAAS,CAAC,GACN,cAAc,gBAAc,cAAc,aAAa,CAAC;AAAA,YAC9D;AAAA;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EAEJ,IAlCE,oCAAC,aAAU,IAAQ,OAAO,CAAC,CAAC,OAAO,YAAwB,OAAc,UAAqB,GAAG,cAC/F,oCAAC,YAAU,GAAG,eAAe,CAC/B;AAkCN;",
-  "names": ["error"]
+  "sources": ["../../../../src/forms/FormTextArea/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/forms/FormTextArea/index.tsx"],
+  "mappings": ";AAAA,SAAgBA,aAAa;AAI7B,SAASC,YAAYC,sBAAsB;AAC3C,SAASC,iBAAiB;AAC1B,SAASC,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOlB,SAASC,aAAa,QAAA;MAC3BC,UAD2B,OAC3BA,SACAC,eAF2B,OAE3BA,cACAC,QAH2B,OAG3BA,OACAC,aAJ2B,OAI3BA,YACAC,aAL2B,OAK3BA,YACAC,QAN2B,OAM3BA,OACAC,OAP2B,OAO3BA,MACAC,WAR2B,OAQ3BA,UACAC,QAT2B,OAS3BA,OACGC,gBAAAA,2BAVwB,QAAA;IAC3BT;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;MAGME,cAAcd,eAAAA,GACde,KAAKjB,MAAAA;AACX,SAAKgB,cAQH,qBAACf,YAAAA;IACCW;IACAN;IACAQ;IACAP;IACAW,QAAQ,SAAA,OAAA;+BAAGC,OAASC,WAAAA,aAAAA,UAAUC,QAAAA,aAAAA,OAAOC,SAAAA,aAAAA,QAAwBd,SAAAA,MAAde,WAAcf;aAC3D,qBAACL,WAAAA,qBAAAA,eAAAA;QACCc;QACAT,OAAO,CAAC,CAACA;QACTE,YAAYF,SAAQA,OAAMgB,UAAUd;QACpCC;QACAE;SACIJ,UAAAA,GAAAA;kBAEJ,qBAACL,UAAAA,qBAAAA,eAAAA,CAAAA,GACKW,aAAAA,GAAAA;UACJM,OAAOA,SAAS;UAChBC,QAAQ,SAACG,GAAAA;AACPH,mBAAAA,GACIP,cAAcO,UAAQP,cAAcO,OAAOG,CAAAA;UACjD;UACAC,cAAc,SAACD,GAAAA;AACbL,qBAASK,CAAAA,GACLV,cAAcW,gBAAcX,cAAcW,aAAaD,CAAAA;UAC7D;;;;OA9BN,qBAACtB,WAAAA,qBAAAA,eAAAA;IAAUc;IAAQT,OAAO,CAAC,CAACA;IAAOE;IAAwBC;IAAcE;KAAwBJ,UAAAA,GAAAA;cAC/F,qBAACL,UAAAA,eAAAA,CAAAA,GAAaW,aAAAA,CAAAA;;AAmCtB;",
+  "names": ["useId", "Controller", "useFormContext", "FormField", "TextArea", "FormTextArea", "control", "defaultValue", "error", "fieldProps", "helperText", "label", "name", "required", "rules", "textAreaProps", "formContext", "id", "render", "field", "onChange", "value", "onBlur", "fieldState", "message", "e", "onChangeText"]
 }

package/dist/esm/forms/SelectButton/OptionButton.mjs

@@ -0,0 +1,60 @@
+import { useContext, useState, useEffect, useCallback } from "react";
+import { Button, styled } from "tamagui";
+import { SelectButtonContext } from "./context.mjs";
+import { jsx } from "react/jsx-runtime";
+const defaultSelectedStyle = {
+    backgroundColor: "$color7"
+  },
+  StyledButton = styled(Button, {
+    focusStyle: defaultSelectedStyle,
+    variants: {
+      selected: {
+        true: {
+          ...defaultSelectedStyle,
+          focusStyle: defaultSelectedStyle,
+          hoverStyle: defaultSelectedStyle,
+          pressStyle: defaultSelectedStyle
+        }
+      }
+    }
+  });
+function OptionButton({
+  index,
+  value,
+  selectedStyle,
+  onPress,
+  ...buttonProps
+}) {
+  const [selected, setSelected] = useState(!1),
+    context = useContext(SelectButtonContext),
+    mergedSelectedStyle = {
+      ...context.selectedStyle,
+      ...selectedStyle
+    };
+  useEffect(() => {
+    context.setValues && context.setValues(values => (values[index] = value, values));
+  }, [context.setValues]), useEffect(() => {
+    setSelected(typeof context.selectedIndex < "u" && context.selectedIndex === index);
+  }, [context.selectedIndex]);
+  const handlePress = useCallback(e => {
+    context.setSelectedIndex && context.setSelectedIndex(index), onPress && onPress(e);
+  }, [context.setSelectedIndex, onPress]);
+  return /* @__PURE__ */jsx(StyledButton, {
+    ...buttonProps,
+    selected,
+    ...(selected ? {
+      ...(Object.keys(mergedSelectedStyle).length ? {
+        focusStyle: mergedSelectedStyle,
+        hoverStyle: mergedSelectedStyle,
+        pressStyle: mergedSelectedStyle
+      } : {}),
+      ...mergedSelectedStyle
+    } : {
+      ...(Object.keys(mergedSelectedStyle).length ? {
+        focusStyle: mergedSelectedStyle
+      } : {})
+    }),
+    onPress: handlePress
+  });
+}
+export { OptionButton };

package/dist/esm/forms/SelectButton/OptionButton.native.js

@@ -1,57 +1,156 @@
-import React, { useContext, useState, useEffect, useCallback } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useState, useEffect, useCallback } from "react";
 import { Button, styled } from "tamagui";
 import { SelectButtonContext } from "./context";
-const defaultSelectedStyle = {
+function _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys2.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _object_spread_props(target, source) {
+  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  }), target;
+}
+function _object_without_properties(source, excluded) {
+  if (source == null)
+    return {};
+  var target = _object_without_properties_loose(source, excluded), key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++)
+      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
+  }
+  return target;
+}
+function _object_without_properties_loose(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {}, sourceKeys = Object.keys(source), key, i;
+  for (i = 0; i < sourceKeys.length; i++)
+    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
+  return target;
+}
+function _sliced_to_array(arr, i) {
+  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
+  }
+}
+var defaultSelectedStyle = {
   backgroundColor: "$color7"
 }, StyledButton = styled(Button, {
   focusStyle: defaultSelectedStyle,
   variants: {
     selected: {
-      true: {
-        ...defaultSelectedStyle,
+      true: _object_spread_props(_object_spread({}, defaultSelectedStyle), {
         focusStyle: defaultSelectedStyle,
         hoverStyle: defaultSelectedStyle,
         pressStyle: defaultSelectedStyle
-      }
+      })
     }
   }
 });
-function OptionButton({ index, value, selectedStyle, onPress, ...buttonProps }) {
-  const [selected, setSelected] = useState(!1), context = useContext(SelectButtonContext), mergedSelectedStyle = {
-    ...context.selectedStyle,
-    ...selectedStyle
-  };
-  useEffect(() => {
-    context.setValues && context.setValues((values) => (values[index] = value, values));
-  }, [context.setValues]), useEffect(() => {
+function OptionButton(_param) {
+  var index = _param.index, value = _param.value, selectedStyle = _param.selectedStyle, onPress = _param.onPress, buttonProps = _object_without_properties(_param, [
+    "index",
+    "value",
+    "selectedStyle",
+    "onPress"
+  ]), _useState = _sliced_to_array(useState(!1), 2), selected = _useState[0], setSelected = _useState[1], context = useContext(SelectButtonContext), mergedSelectedStyle = _object_spread({}, context.selectedStyle, selectedStyle);
+  useEffect(function() {
+    context.setValues && context.setValues(function(values) {
+      return values[index] = value, values;
+    });
+  }, [
+    context.setValues
+  ]), useEffect(function() {
     setSelected(typeof context.selectedIndex < "u" && context.selectedIndex === index);
-  }, [context.selectedIndex]);
-  const handlePress = useCallback(
-    (e) => {
-      context.setSelectedIndex && context.setSelectedIndex(index), onPress && onPress(e);
-    },
-    [context.setSelectedIndex, onPress]
-  );
-  return /* @__PURE__ */ React.createElement(
-    StyledButton,
-    {
-      ...buttonProps,
-      selected,
-      ...selected ? {
-        ...Object.keys(mergedSelectedStyle).length ? {
-          focusStyle: mergedSelectedStyle,
-          hoverStyle: mergedSelectedStyle,
-          pressStyle: mergedSelectedStyle
-        } : {},
-        ...mergedSelectedStyle
-      } : {
-        ...Object.keys(mergedSelectedStyle).length ? {
-          focusStyle: mergedSelectedStyle
-        } : {}
-      },
-      onPress: handlePress
-    }
-  );
+  }, [
+    context.selectedIndex
+  ]);
+  var handlePress = useCallback(function(e) {
+    context.setSelectedIndex && context.setSelectedIndex(index), onPress && onPress(e);
+  }, [
+    context.setSelectedIndex,
+    onPress
+  ]);
+  return /* @__PURE__ */ _jsx(StyledButton, _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, buttonProps), {
+    selected
+  }), selected ? _object_spread({}, Object.keys(mergedSelectedStyle).length ? {
+    focusStyle: mergedSelectedStyle,
+    hoverStyle: mergedSelectedStyle,
+    pressStyle: mergedSelectedStyle
+  } : {}, mergedSelectedStyle) : _object_spread({}, Object.keys(mergedSelectedStyle).length ? {
+    focusStyle: mergedSelectedStyle
+  } : {})), {
+    onPress: handlePress
+  }));
 }
 export {
   OptionButton

package/dist/esm/forms/SelectButton/OptionButton.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/forms/SelectButton/OptionButton.tsx"],
-  "mappings": "AAAA,OAAO,SAAS,YAAY,UAAU,WAAW,mBAAmB;AAIpE,SAAS,QAAQ,cAAc;AAC/B,SAAS,2BAA2B;AAEpC,MAAM,uBAAoC;AAAA,EACxC,iBAAiB;AACnB,GAEM,eAAe,OAAO,QAAQ;AAAA,EAClC,YAAY;AAAA,EACZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAQM,SAAS,aAAa,EAAE,OAAO,OAAO,eAAe,SAAS,GAAG,YAAY,GAAsB;AACxG,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAK,GACxC,UAAU,WAAW,mBAAmB,GACxC,sBAAsB;AAAA,IAC1B,GAAG,QAAQ;AAAA,IACX,GAAG;AAAA,EACL;AAEA,YAAU,MAAM;AACd,IAAK,QAAQ,aACb,QAAQ,UAAU,CAAC,YACjB,OAAO,KAAK,IAAI,OACT,OACR;AAAA,EACH,GAAG,CAAC,QAAQ,SAAS,CAAC,GAEtB,UAAU,MAAM;AACd,gBAAY,OAAO,QAAQ,gBAAkB,OAAe,QAAQ,kBAAkB,KAAK;AAAA,EAC7F,GAAG,CAAC,QAAQ,aAAa,CAAC;AAE1B,QAAM,cAAc;AAAA,IAClB,CAAC,MAA6B;AAC5B,MAAI,QAAQ,oBAAkB,QAAQ,iBAAiB,KAAK,GACxD,WAAS,QAAQ,CAAC;AAAA,IACxB;AAAA,IACA,CAAC,QAAQ,kBAAkB,OAAO;AAAA,EACpC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAI;AAAA,MACL;AAAA,MACC,GAAI,WACD;AAAA,QACE,GAAI,OAAO,KAAK,mBAAmB,EAAE,SACjC;AAAA,UACE,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,YAAY;AAAA,QACd,IACA,CAAC;AAAA,QACL,GAAG;AAAA,MACL,IACA;AAAA,QACE,GAAI,OAAO,KAAK,mBAAmB,EAAE,SACjC;AAAA,UACE,YAAY;AAAA,QACd,IACA,CAAC;AAAA,MACP;AAAA,MACJ,SAAS;AAAA;AAAA,EACX;AAEJ;",
-  "names": []
+  "sources": ["../../../../src/forms/SelectButton/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/forms/SelectButton/OptionButton.tsx"],
+  "mappings": ";AAAA,SAAgBA,YAAYC,UAAUC,WAAWC,mBAAmB;AAIpE,SAASC,QAAQC,cAAc;AAC/B,SAASC,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEpC,IAAMC,uBAAoC;EACxCC,iBAAiB;AACnB,GAEMC,eAAeJ,OAAOD,QAAQ;EAClCM,YAAYH;EACZI,UAAU;IACRC,UAAU;MACRC,MAAM,qBAAA,eAAA,CAAA,GACDN,oBAAAA,GAAAA;QACHG,YAAYH;QACZO,YAAYP;QACZQ,YAAYR;;IAEhB;EACF;AACF,CAAA;AAQO,SAASS,aAAa,QAAA;MAAEC,QAAF,OAAEA,OAAOC,QAAT,OAASA,OAAOC,gBAAhB,OAAgBA,eAAeC,UAA/B,OAA+BA,SAAYC,cAAAA,2BAA3C,QAAA;IAAEJ;IAAOC;IAAOC;IAAeC;MAC1BnB,YAAAA,iBAAAA,SAAS,EAAA,GAAA,CAAA,GAAlCW,WAAyBX,UAAAA,CAAAA,GAAfqB,cAAerB,UAAAA,CAAAA,GAC1BsB,UAAUvB,WAAWM,mBAAAA,GACrBkB,sBAAsB,eAAA,CAAA,GACvBD,QAAQJ,eACRA,aAAAA;AAGLjB,YAAU,WAAA;AACR,IAAKqB,QAAQE,aACbF,QAAQE,UAAU,SAACC,QAAAA;AACjBA,oBAAOT,KAAAA,IAASC,OACTQ;IACT,CAAA;EACF,GAAG;IAACH,QAAQE;GAAU,GAEtBvB,UAAU,WAAA;AACRoB,gBAAY,OAAOC,QAAQI,gBAAkB,OAAeJ,QAAQI,kBAAkBV,KAAAA;EACxF,GAAG;IAACM,QAAQI;GAAc;AAE1B,MAAMC,cAAczB,YAClB,SAAC0B,GAAAA;AACC,IAAIN,QAAQO,oBAAkBP,QAAQO,iBAAiBb,KAAAA,GACnDG,WAASA,QAAQS,CAAAA;EACvB,GACA;IAACN,QAAQO;IAAkBV;GAAQ;AAGrC,SACE,qBAACX,cAAAA,qBAAAA,eAAAA,qBAAAA,eAAAA,CAAAA,GACMY,WAAAA,GAAAA;IACLT;MACKA,WACD,eAAA,CAAA,GACMmB,OAAOC,KAAKR,mBAAAA,EAAqBS,SACjC;IACEvB,YAAYc;IACZV,YAAYU;IACZT,YAAYS;EACd,IACA,CAAC,GACFA,mBAAAA,IAEL,eAAA,CAAA,GACMO,OAAOC,KAAKR,mBAAAA,EAAqBS,SACjC;IACEvB,YAAYc;EACd,IACA,CAAC,CAAA,CAAA,GAAA;IAEXJ,SAASQ;;AAGf;",
+  "names": ["useContext", "useState", "useEffect", "useCallback", "Button", "styled", "SelectButtonContext", "defaultSelectedStyle", "backgroundColor", "StyledButton", "focusStyle", "variants", "selected", "true", "hoverStyle", "pressStyle", "OptionButton", "index", "value", "selectedStyle", "onPress", "buttonProps", "setSelected", "context", "mergedSelectedStyle", "setValues", "values", "selectedIndex", "handlePress", "e", "setSelectedIndex", "Object", "keys", "length"]
 }

package/dist/esm/forms/SelectButton/SelectButton.stories.js

@@ -9,12 +9,12 @@ var SelectButton_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => /* @__PURE__ */ jsxs(SelectButton, { onValueChange: action("onValueChange"), space: !0, children: [
+const main = () => /* @__PURE__ */ jsxs(SelectButton, { onValueChange: action("onValueChange"), gap: !0, children: [
   /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 0, value: "bmw", children: /* @__PURE__ */ jsx(Text, { children: "BMW" }) }),
   /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 1, value: "audi", children: /* @__PURE__ */ jsx(Text, { children: "AUDI" }) }),
   /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 2, value: "ford", children: /* @__PURE__ */ jsx(Text, { children: "FORD" }) }),
   /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 3, value: "suzuki", children: /* @__PURE__ */ jsx(Text, { children: "SUZUKI" }) })
-] }), x = () => /* @__PURE__ */ jsxs(SelectButton, { onValueChange: action("onValueChange"), space: !0, xStack: !0, children: [
+] }), x = () => /* @__PURE__ */ jsxs(SelectButton, { onValueChange: action("onValueChange"), gap: !0, xStack: !0, children: [
   /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 0, value: "bmw", children: /* @__PURE__ */ jsx(Text, { children: "BMW" }) }),
   /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 1, value: "audi", children: /* @__PURE__ */ jsx(Text, { children: "AUDI" }) }),
   /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 2, value: "ford", children: /* @__PURE__ */ jsx(Text, { children: "FORD" }) }),

package/dist/esm/forms/SelectButton/SelectButton.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/SelectButton/SelectButton.stories.tsx"],
-  "mappings": "AACA,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,cAAc;AAWrB,SAEI,KAFJ;AATF,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,qBAAC,gBAAa,eAAe,OAAO,eAAe,GAAG,OAAK,IACzD;AAAA,sBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,OACzC,8BAAC,QAAK,iBAAG,GACX;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,QACzC,8BAAC,QAAK,kBAAI,GACZ;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,QACzC,8BAAC,QAAK,kBAAI,GACZ;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,UACzC,8BAAC,QAAK,oBAAM,GACd;AAAA,GACF,GAGW,IAAI,MACf,qBAAC,gBAAa,eAAe,OAAO,eAAe,GAAG,OAAK,IAAC,QAAM,IAChE;AAAA,sBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,OACzC,8BAAC,QAAK,iBAAG,GACX;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,QACzC,8BAAC,QAAK,kBAAI,GACZ;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,QACzC,8BAAC,QAAK,kBAAI,GACZ;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,UACzC,8BAAC,QAAK,oBAAM,GACd;AAAA,GACF;",
+  "mappings": "AACA,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,cAAc;AAWrB,SAEI,KAFJ;AATF,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,qBAAC,gBAAa,eAAe,OAAO,eAAe,GAAG,KAAG,IACvD;AAAA,sBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,OACzC,8BAAC,QAAK,iBAAG,GACX;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,QACzC,8BAAC,QAAK,kBAAI,GACZ;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,QACzC,8BAAC,QAAK,kBAAI,GACZ;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,UACzC,8BAAC,QAAK,oBAAM,GACd;AAAA,GACF,GAGW,IAAI,MACf,qBAAC,gBAAa,eAAe,OAAO,eAAe,GAAG,KAAG,IAAC,QAAM,IAC9D;AAAA,sBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,OACzC,8BAAC,QAAK,iBAAG,GACX;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,QACzC,8BAAC,QAAK,kBAAI,GACZ;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,QACzC,8BAAC,QAAK,kBAAI,GACZ;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,UACzC,8BAAC,QAAK,oBAAM,GACd;AAAA,GACF;",
   "names": []
 }

package/dist/esm/forms/SelectButton/SelectButton.stories.mjs

@@ -0,0 +1,73 @@
+import { SelectButton } from "./index.mjs";
+import { Text } from "tamagui";
+import { action } from "@storybook/addon-actions";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SelectButton_stories_default = {
+  title: "forms/SelectButton",
+  component: SelectButton,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+const main = () => /* @__PURE__ */jsxs(SelectButton, {
+    onValueChange: action("onValueChange"),
+    gap: !0,
+    children: [/* @__PURE__ */jsx(SelectButton.OptionButton, {
+      index: 0,
+      value: "bmw",
+      children: /* @__PURE__ */jsx(Text, {
+        children: "BMW"
+      })
+    }), /* @__PURE__ */jsx(SelectButton.OptionButton, {
+      index: 1,
+      value: "audi",
+      children: /* @__PURE__ */jsx(Text, {
+        children: "AUDI"
+      })
+    }), /* @__PURE__ */jsx(SelectButton.OptionButton, {
+      index: 2,
+      value: "ford",
+      children: /* @__PURE__ */jsx(Text, {
+        children: "FORD"
+      })
+    }), /* @__PURE__ */jsx(SelectButton.OptionButton, {
+      index: 3,
+      value: "suzuki",
+      children: /* @__PURE__ */jsx(Text, {
+        children: "SUZUKI"
+      })
+    })]
+  }),
+  x = () => /* @__PURE__ */jsxs(SelectButton, {
+    onValueChange: action("onValueChange"),
+    gap: !0,
+    xStack: !0,
+    children: [/* @__PURE__ */jsx(SelectButton.OptionButton, {
+      index: 0,
+      value: "bmw",
+      children: /* @__PURE__ */jsx(Text, {
+        children: "BMW"
+      })
+    }), /* @__PURE__ */jsx(SelectButton.OptionButton, {
+      index: 1,
+      value: "audi",
+      children: /* @__PURE__ */jsx(Text, {
+        children: "AUDI"
+      })
+    }), /* @__PURE__ */jsx(SelectButton.OptionButton, {
+      index: 2,
+      value: "ford",
+      children: /* @__PURE__ */jsx(Text, {
+        children: "FORD"
+      })
+    }), /* @__PURE__ */jsx(SelectButton.OptionButton, {
+      index: 3,
+      value: "suzuki",
+      children: /* @__PURE__ */jsx(Text, {
+        children: "SUZUKI"
+      })
+    })]
+  });
+export { SelectButton_stories_default as default, main, x };

package/dist/esm/forms/SelectButton/SelectButton.stories.native.js

@@ -1,4 +1,5 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "react";
 import { SelectButton } from "./index";
 import { Text } from "tamagui";
 import { action } from "@storybook/addon-actions";
@@ -6,10 +7,82 @@ var SelectButton_stories_default = {
   title: "forms/SelectButton",
   component: SelectButton,
   parameters: {
-    status: { type: "beta" }
+    status: {
+      type: "beta"
+    }
   }
+}, main = function() {
+  return /* @__PURE__ */ _jsxs(SelectButton, {
+    onValueChange: action("onValueChange"),
+    gap: !0,
+    children: [
+      /* @__PURE__ */ _jsx(SelectButton.OptionButton, {
+        index: 0,
+        value: "bmw",
+        children: /* @__PURE__ */ _jsx(Text, {
+          children: "BMW"
+        })
+      }),
+      /* @__PURE__ */ _jsx(SelectButton.OptionButton, {
+        index: 1,
+        value: "audi",
+        children: /* @__PURE__ */ _jsx(Text, {
+          children: "AUDI"
+        })
+      }),
+      /* @__PURE__ */ _jsx(SelectButton.OptionButton, {
+        index: 2,
+        value: "ford",
+        children: /* @__PURE__ */ _jsx(Text, {
+          children: "FORD"
+        })
+      }),
+      /* @__PURE__ */ _jsx(SelectButton.OptionButton, {
+        index: 3,
+        value: "suzuki",
+        children: /* @__PURE__ */ _jsx(Text, {
+          children: "SUZUKI"
+        })
+      })
+    ]
+  });
+}, x = function() {
+  return /* @__PURE__ */ _jsxs(SelectButton, {
+    onValueChange: action("onValueChange"),
+    gap: !0,
+    xStack: !0,
+    children: [
+      /* @__PURE__ */ _jsx(SelectButton.OptionButton, {
+        index: 0,
+        value: "bmw",
+        children: /* @__PURE__ */ _jsx(Text, {
+          children: "BMW"
+        })
+      }),
+      /* @__PURE__ */ _jsx(SelectButton.OptionButton, {
+        index: 1,
+        value: "audi",
+        children: /* @__PURE__ */ _jsx(Text, {
+          children: "AUDI"
+        })
+      }),
+      /* @__PURE__ */ _jsx(SelectButton.OptionButton, {
+        index: 2,
+        value: "ford",
+        children: /* @__PURE__ */ _jsx(Text, {
+          children: "FORD"
+        })
+      }),
+      /* @__PURE__ */ _jsx(SelectButton.OptionButton, {
+        index: 3,
+        value: "suzuki",
+        children: /* @__PURE__ */ _jsx(Text, {
+          children: "SUZUKI"
+        })
+      })
+    ]
+  });
 };
-const main = () => /* @__PURE__ */ React.createElement(SelectButton, { onValueChange: action("onValueChange"), space: !0 }, /* @__PURE__ */ React.createElement(SelectButton.OptionButton, { index: 0, value: "bmw" }, /* @__PURE__ */ React.createElement(Text, null, "BMW")), /* @__PURE__ */ React.createElement(SelectButton.OptionButton, { index: 1, value: "audi" }, /* @__PURE__ */ React.createElement(Text, null, "AUDI")), /* @__PURE__ */ React.createElement(SelectButton.OptionButton, { index: 2, value: "ford" }, /* @__PURE__ */ React.createElement(Text, null, "FORD")), /* @__PURE__ */ React.createElement(SelectButton.OptionButton, { index: 3, value: "suzuki" }, /* @__PURE__ */ React.createElement(Text, null, "SUZUKI"))), x = () => /* @__PURE__ */ React.createElement(SelectButton, { onValueChange: action("onValueChange"), space: !0, xStack: !0 }, /* @__PURE__ */ React.createElement(SelectButton.OptionButton, { index: 0, value: "bmw" }, /* @__PURE__ */ React.createElement(Text, null, "BMW")), /* @__PURE__ */ React.createElement(SelectButton.OptionButton, { index: 1, value: "audi" }, /* @__PURE__ */ React.createElement(Text, null, "AUDI")), /* @__PURE__ */ React.createElement(SelectButton.OptionButton, { index: 2, value: "ford" }, /* @__PURE__ */ React.createElement(Text, null, "FORD")), /* @__PURE__ */ React.createElement(SelectButton.OptionButton, { index: 3, value: "suzuki" }, /* @__PURE__ */ React.createElement(Text, null, "SUZUKI")));
 export {
   SelectButton_stories_default as default,
   main,