@multiplatform.one/components 1.0.1 → 1.0.2

package/dist/jsx/tints.mjs

@@ -0,0 +1,92 @@
+import { Theme } from "tamagui";
+import { useState, createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+const defaultTintFamiliesContextValue = {
+    setFamily: () => {},
+    setTintIndex: _next => {},
+    family: "tamagui",
+    tintIndex: -3,
+    families: {
+      easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
+      halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"],
+      lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"],
+      tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
+      valentine: ["pink", "red", "pink", "red", "pink", "red", "pink"],
+      xmas: ["red", "green", "red", "green", "red", "green", "red"]
+    }
+  },
+  TintFamiliesContext = createContext(defaultTintFamiliesContextValue);
+function TintFamiliesProvider(props) {
+  const [family, setFamily] = useState(props.defaultFamily || defaultTintFamiliesContextValue.family),
+    [tintIndex, setTintIndex] = useState(props.defaultIndex || defaultTintFamiliesContextValue.tintIndex),
+    families = props.families || defaultTintFamiliesContextValue.families,
+    value = useMemo(() => ({
+      families,
+      family,
+      tintIndex,
+      setFamily,
+      setTintIndex: next => {
+        setTintIndex(next % families[family].length);
+      }
+    }), [family, setFamily, families, tintIndex, setTintIndex]);
+  return /* @__PURE__ */jsx(TintFamiliesContext.Provider, {
+    value,
+    children: props.children
+  });
+}
+function useTint(altOffset = -1) {
+  const {
+      families,
+      family,
+      setFamily,
+      setTintIndex,
+      tintIndex
+    } = useContext(TintFamiliesContext),
+    tints = families[family],
+    tintAltIndex = Math.abs((tintIndex + altOffset) % tints.length),
+    familiesNames = useMemo(() => Object.keys(families), [families]);
+  return {
+    families,
+    familiesNames,
+    name: family,
+    tint: tints[tintIndex],
+    tintAlt: tints[tintAltIndex],
+    tintAltIndex,
+    tintIndex,
+    tints,
+    setFamily,
+    setTintIndex,
+    setNextTint: () => {
+      setTintIndex(tintIndex + 1);
+    },
+    setNextTintFamily: () => {
+      setFamily(family2 => familiesNames[(familiesNames.indexOf(family2) + 1) % familiesNames.length]);
+    }
+  };
+}
+function ThemeTint({
+  disable,
+  children,
+  ...rest
+}) {
+  const curTint = useTint().tint;
+  return /* @__PURE__ */jsx(Theme, {
+    ...rest,
+    name: disable ? null : curTint,
+    children
+  });
+}
+function ThemeTintAlt({
+  children,
+  disable,
+  offset = 1,
+  ...rest
+}) {
+  const curTint = useTint(offset).tintAlt;
+  return /* @__PURE__ */jsx(Theme, {
+    name: disable ? null : curTint,
+    ...rest,
+    children
+  });
+}
+export { ThemeTint, ThemeTintAlt, TintFamiliesProvider, useTint };

package/dist/jsx/tints.native.js

@@ -0,0 +1,247 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "react";
+import { Theme } from "tamagui";
+import { useState, createContext, useContext, useMemo } from "react";
+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 defaultTintFamiliesContextValue = {
+  setFamily: function() {
+  },
+  setTintIndex: function(_next) {
+  },
+  family: "tamagui",
+  tintIndex: -3,
+  families: {
+    easter: [
+      "yellow",
+      "pink",
+      "yellow",
+      "pink",
+      "yellow",
+      "pink",
+      "yellow"
+    ],
+    halloween: [
+      "orange",
+      "gray",
+      "orange",
+      "gray",
+      "orange",
+      "gray",
+      "orange"
+    ],
+    lunar: [
+      "yellow",
+      "red",
+      "red",
+      "red",
+      "red",
+      "red",
+      "yellow"
+    ],
+    tamagui: [
+      "orange",
+      "yellow",
+      "green",
+      "blue",
+      "purple",
+      "pink",
+      "red"
+    ],
+    valentine: [
+      "pink",
+      "red",
+      "pink",
+      "red",
+      "pink",
+      "red",
+      "pink"
+    ],
+    xmas: [
+      "red",
+      "green",
+      "red",
+      "green",
+      "red",
+      "green",
+      "red"
+    ]
+  }
+}, TintFamiliesContext = /* @__PURE__ */ createContext(defaultTintFamiliesContextValue);
+function TintFamiliesProvider(props) {
+  var _useState = _sliced_to_array(useState(props.defaultFamily || defaultTintFamiliesContextValue.family), 2), family = _useState[0], setFamily = _useState[1], _useState1 = _sliced_to_array(useState(props.defaultIndex || defaultTintFamiliesContextValue.tintIndex), 2), tintIndex = _useState1[0], setTintIndex = _useState1[1], families = props.families || defaultTintFamiliesContextValue.families, value = useMemo(function() {
+    return {
+      families,
+      family,
+      tintIndex,
+      setFamily,
+      setTintIndex: function(next) {
+        setTintIndex(next % families[family].length);
+      }
+    };
+  }, [
+    family,
+    setFamily,
+    families,
+    tintIndex,
+    setTintIndex
+  ]);
+  return /* @__PURE__ */ _jsx(TintFamiliesContext.Provider, {
+    value,
+    children: props.children
+  });
+}
+function useTint() {
+  var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1, _useContext = useContext(TintFamiliesContext), families = _useContext.families, family = _useContext.family, setFamily = _useContext.setFamily, setTintIndex = _useContext.setTintIndex, tintIndex = _useContext.tintIndex, tints = families[family], tintAltIndex = Math.abs((tintIndex + altOffset) % tints.length), familiesNames = useMemo(function() {
+    return Object.keys(families);
+  }, [
+    families
+  ]);
+  return {
+    families,
+    familiesNames,
+    name: family,
+    tint: tints[tintIndex],
+    tintAlt: tints[tintAltIndex],
+    tintAltIndex,
+    tintIndex,
+    tints,
+    setFamily,
+    setTintIndex,
+    setNextTint: function() {
+      setTintIndex(tintIndex + 1);
+    },
+    setNextTintFamily: function() {
+      setFamily(function(family2) {
+        return familiesNames[(familiesNames.indexOf(family2) + 1) % familiesNames.length];
+      });
+    }
+  };
+}
+function ThemeTint(_param) {
+  var disable = _param.disable, children = _param.children, rest = _object_without_properties(_param, [
+    "disable",
+    "children"
+  ]), curTint = useTint().tint;
+  return /* @__PURE__ */ _jsx(Theme, _object_spread_props(_object_spread({}, rest), {
+    name: disable ? null : curTint,
+    children
+  }));
+}
+function ThemeTintAlt(_param) {
+  var children = _param.children, disable = _param.disable, _param_offset = _param.offset, offset = _param_offset === void 0 ? 1 : _param_offset, rest = _object_without_properties(_param, [
+    "children",
+    "disable",
+    "offset"
+  ]), curTint = useTint(offset).tintAlt, name = disable ? null : curTint;
+  return /* @__PURE__ */ _jsx(Theme, _object_spread_props(_object_spread({
+    name
+  }, rest), {
+    children
+  }));
+}
+export {
+  ThemeTint,
+  ThemeTintAlt,
+  TintFamiliesProvider,
+  useTint
+};
+//# sourceMappingURL=tints.js.map

package/dist/jsx/tints.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/tints.tsx"],
+  "mappings": "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",
+  "names": ["Theme", "useState", "createContext", "useContext", "useMemo", "defaultTintFamiliesContextValue", "setFamily", "setTintIndex", "_next", "family", "tintIndex", "families", "easter", "halloween", "lunar", "tamagui", "valentine", "xmas", "TintFamiliesContext", "TintFamiliesProvider", "props", "defaultFamily", "defaultIndex", "value", "next", "length", "Provider", "children", "useTint", "altOffset", "tints", "tintAltIndex", "Math", "abs", "familiesNames", "Object", "keys", "name", "tint", "tintAlt", "setNextTint", "setNextTintFamily", "indexOf", "ThemeTint", "disable", "rest", "curTint", "ThemeTintAlt", "offset"]
+}

package/dist/jsx/utils/setTinted.mjs

@@ -0,0 +1,9 @@
+let isTinted = !0;
+const setTinted = next => {
+    isTinted = next, listeners.forEach(cb => cb(next));
+  },
+  toggleTinted = () => {
+    setTinted(!isTinted);
+  },
+  listeners = /* @__PURE__ */new Set();
+export { isTinted, listeners, setTinted, toggleTinted };

package/dist/jsx/utils/setTinted.native.js

@@ -1,7 +1,8 @@
-let isTinted = !0;
-const setTinted = (next) => {
-  isTinted = next, listeners.forEach((cb) => cb(next));
-}, toggleTinted = () => {
+var isTinted = !0, setTinted = function(next) {
+  isTinted = next, listeners.forEach(function(cb) {
+    return cb(next);
+  });
+}, toggleTinted = function() {
   setTinted(!isTinted);
 }, listeners = /* @__PURE__ */ new Set();
 export {

package/dist/jsx/utils/setTinted.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/utils/setTinted.ts"],
-  "mappings": "AAAO,IAAI,WAAW;AAEf,MAAM,YAAY,CAAC,SAAkB;AAC1C,aAAW,MACX,UAAU,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;AACpC,GAEa,eAAe,MAAM;AAChC,YAAU,CAAC,QAAQ;AACrB,GAEa,YAAY,oBAAI,IAAc;",
-  "names": []
+  "sources": ["../../../src/utils/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/utils/setTinted.ts"],
+  "mappings": "AAAO,IAAIA,WAAW,IAETC,YAAY,SAACC,MAAAA;AACxBF,aAAWE,MACXC,UAAUC,QAAQ,SAACC,IAAAA;WAAOA,GAAGH,IAAAA;;AAC/B,GAEaI,eAAe,WAAA;AAC1BL,YAAU,CAACD,QAAAA;AACb,GAEaG,YAAY,oBAAII,IAAAA;",
+  "names": ["isTinted", "setTinted", "next", "listeners", "forEach", "cb", "toggleTinted", "Set"]
 }

package/dist/jsx/utils/unwrapText.mjs

@@ -0,0 +1,5 @@
+import React from "react";
+function unwrapText(children) {
+  return React.Children.toArray(children).map(x => x?.props?.children ? x.props.children : x);
+}
+export { unwrapText };

package/dist/jsx/utils/unwrapText.native.js

@@ -1,8 +1,8 @@
 import React from "react";
 function unwrapText(children) {
-  return React.Children.toArray(children).map((x) => {
-    var _a;
-    return (_a = x == null ? void 0 : x.props) != null && _a.children ? x.props.children : x;
+  return React.Children.toArray(children).map(function(x) {
+    var _x_props;
+    return !(x == null || (_x_props = x.props) === null || _x_props === void 0) && _x_props.children ? x.props.children : x;
   });
 }
 export {

package/dist/jsx/utils/unwrapText.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/utils/unwrapText.ts"],
-  "mappings": "AAAA,OAAO,WAAW;AAEX,SAAS,WAAW,UAAe;AACxC,SAAO,MAAM,SAAS,QAAQ,QAAQ,EAAE,IAAI,CAAC,MAAM;AAHrD;AAKI,YAAO,4BAAG,UAAH,WAAU,WAAW,EAAE,MAAM,WAAW;AAAA,EACjD,CAAC;AACH;",
-  "names": []
+  "sources": ["../../../src/utils/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/utils/unwrapText.ts"],
+  "mappings": "AAAA,OAAOA,WAAW;AAEX,SAASC,WAAWC,UAAa;AACtC,SAAOF,MAAMG,SAASC,QAAQF,QAAAA,EAAUG,IAAI,SAACC,GAAAA;QAEpCA;AAAP,WAAOA,OAAAA,SAAAA,WAAAA,EAAGC,WAAK,QAARD,aAAAA,WAAAA,SAAUJ,WAAWI,EAAEC,MAAML,WAAWI;EACjD,CAAA;AACF;",
+  "names": ["React", "unwrapText", "children", "Children", "toArray", "map", "x", "props"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/components",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "sideEffects": [
     "*.css"
   ],
@@ -17,11 +17,6 @@
       "require": "./dist/cjs/index.js",
       "types": "./types/index.d.ts"
     },
-    "./tamagui": {
-      "import": "./dist/esm/tamagui",
-      "require": "./dist/cjs/tamagui",
-      "types": "./types/tamagui"
-    },
     "./css/code-highlight.css": {
       "import": "./css/code-highlight.css",
       "require": "./css/code-highlight.css"
@@ -39,30 +34,31 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@mdx-js/mdx": "^2.3.0",
-    "@mdx-js/react": "^2.3.0",
-    "@tamagui/font-inter": "^1.86.6",
-    "@tamagui/logo": "^1.86.6",
-    "@tamagui/react-native-media-driver": "^1.86.6",
-    "@tamagui/shorthands": "^1.86.6",
-    "@tamagui/themes": "^1.86.6",
+    "@mdx-js/mdx": "^3.0.1",
+    "@mdx-js/react": "^3.0.1",
+    "@multiplatform.one/locales": "1.0.3",
+    "@tamagui/font-inter": "^1.95.1",
+    "@tamagui/logo": "^1.95.1",
+    "@tamagui/react-native-media-driver": "^1.95.1",
+    "@tamagui/shorthands": "^1.95.1",
+    "@tamagui/themes": "^1.95.1",
     "burnt": "^0.12.2",
-    "expo-asset": "^8.14.0",
-    "expo-image": "^1.10.4",
-    "fast-xml-parser": "^4.3.3",
+    "expo-asset": "^9.0.2",
+    "expo-image": "^1.12.4",
+    "fast-xml-parser": "^4.3.6",
     "gray-matter": "^4.0.3",
     "hast-util-to-html": "8.0.4",
-    "immer": "^10.0.3",
+    "immer": "^10.0.4",
     "parse-numeric-range": "^1.3.0",
-    "react-hook-form": "^7.49.3",
+    "react-hook-form": "^7.51.3",
     "react-native-svg": "14.1.0",
     "refractor": "^4.8.1",
     "rehype-autolink-headings": "~6.1.1",
     "rehype-parse": "~8.0.5",
     "rehype-slug": "~5.1.0",
     "remark-frontmatter": "^5.0.0",
-    "remark-mdx-frontmatter": "^3.0.0",
-    "tamagui": "^1.86.6",
+    "remark-mdx-frontmatter": "^4.0.0",
+    "tamagui": "^1.95.1",
     "unist-util-visit": "^5.0.0"
   },
   "peerDependencies": {
@@ -71,16 +67,20 @@
     "solito": "^3.2.6"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.86.6",
-    "@types/eslint": "^8.56.2",
-    "eslint": "^8.56.0",
-    "moti": "^0.27.2",
-    "prettier": "^3.2.4",
-    "react-native-reanimated": "3.6.1",
-    "solito": "^4.2.0",
-    "tsup": "^8.0.1",
-    "ui": "1.0.1"
+    "@tamagui/build": "^1.95.1",
+    "@types/eslint": "^8.56.10",
+    "eslint": "~8.56.0",
+    "moti": "^0.28.1",
+    "prettier": "^3.2.5",
+    "react-native-reanimated": "3.8.1",
+    "solito": "^4.2.2",
+    "tsup": "^8.0.2",
+    "ui": "1.0.2"
   },
+  "eslintIgnore": [
+    "dist",
+    "types"
+  ],
   "jest": {
     "testRegex": "((/(tests|__tests__)((/|/[^_.\n][^/\n]*(/[^_.\n][^/\n]+)*/)[^_.\n][^/\n]*))|((/|/.*/)(([^_.\n][^/\n]*.(spec|test))|(spec|test)))).[jt]sx?$",
     "verbose": true,

package/src/code/Code/Code.stories.tsx

@@ -1,10 +1,10 @@
 /**
  * File: /src/code/Code/Code.stories.tsx
  * Project: @multiplatform.one/components
- * File Created: 22-06-2023 05:33:09
+ * File Created: 04-04-2024 15:50:39
  * Author: Clay Risser
  * -----
- * BitSpur (c) Copyright 2021 - 2023
+ * BitSpur (c) Copyright 2021 - 2024
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/code/Code/index.ts

@@ -1,10 +1,10 @@
 /*
  *  File: /src/code/Code/index.ts
  *  Project: @multiplatform.one/components
- *  File Created: 22-06-2023 05:33:09
+ *  File Created: 04-04-2024 15:50:39
  *  Author: Clay Risser
  *  -----
- *  BitSpur (c) Copyright 2021 - 2023
+ *  BitSpur (c) Copyright 2021 - 2024
  *
  *  Licensed under the Apache License, Version 2.0 (the "License");
  *  you may not use this file except in compliance with the License.

package/src/forms/FormCheckBox/index.tsx

@@ -1,24 +1,3 @@
-/**
- * File: /src/forms/FormCheckBox/index.tsx
- * Project: @multiplatform.one/components
- * File Created: 17-09-2023 13:57:00
- * Author: Clay Risser
- * -----
- * BitSpur (c) Copyright 2021 - 2023
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 import type { SizeTokens, CheckboxProps, CheckboxIndicatorProps, LabelProps, ThemeName, ThemeKeys } from 'tamagui';
 import { Label, Checkbox, XStack, YStack } from 'tamagui';
 import { Controller, useFormContext } from 'react-hook-form';
@@ -50,7 +29,7 @@ export interface CheckBoxElement {
 export interface CheckBoxElementSizing {
   width?: any;
   height?: any;
-  space?: SizeTokens;
+  gap?: SizeTokens;
   ai?: FlexAlignType;
 }
 
@@ -76,10 +55,10 @@ export function FormCheckBox({
   const id = useId();
   if (!formContext) {
     return (
-      <YStack space>
+      <YStack gap>
         <XStack
           style={{ alignItems: 'center' }}
-          space={CheckBoxElementSizing?.space || '$3'}
+          gap={CheckBoxElementSizing?.gap || '$3'}
           height={CheckBoxElementSizing?.height}
           width={CheckBoxElementSizing?.width || '300'}
           ai="center"
@@ -121,7 +100,7 @@ export function FormCheckBox({
           <YStack>
             <XStack
               alignItems={CheckBoxElementSizing?.ai || 'center'}
-              space={CheckBoxElementSizing?.space || '$3'}
+              gap={CheckBoxElementSizing?.gap || '$3'}
               height={CheckBoxElementSizing?.height}
               width={CheckBoxElementSizing?.width || '300'}
             >

package/src/forms/FormField.tsx

@@ -1,10 +1,10 @@
 /**
  * File: /src/forms/FormField.tsx
  * Project: @multiplatform.one/components
- * File Created: 17-09-2023 13:57:00
+ * File Created: 04-04-2024 15:50:39
  * Author: Clay Risser
  * -----
- * BitSpur (c) Copyright 2021 - 2023
+ * BitSpur (c) Copyright 2021 - 2024
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/forms/FormInput/FormInput.stories.tsx

@@ -12,7 +12,7 @@ export default {
 };
 
 export const main = () => (
-  <YStack padding="$4" space>
+  <YStack padding="$4" gap>
     <FormInput onChangeText={action('onTextChange')} name="firstName" label="First Name" />
     <FormInput onChangeText={action('onTextChange')} name="lastName" label="Last Name" />
   </YStack>

package/src/forms/FormRadioGroup/FormRadioGroup.stories.tsx

@@ -1,10 +1,10 @@
 /**
  * File: /src/forms/FormRadioGroup/FormRadioGroup.stories.tsx
  * Project: @multiplatform.one/components
- * File Created: 18-10-2023 15:23:17
- * Author: Lalit rajak
+ * File Created: 04-04-2024 15:50:39
+ * Author: Clay Risser
  * -----
- * BitSpur (c) Copyright 2021 - 2023
+ * BitSpur (c) Copyright 2021 - 2024
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -37,10 +37,10 @@ export const main = (args) => (
       name="radio group"
       label="radio group"
       helperText="select an option"
-      contentStyle={{ space: '$4' }}
+      contentStyle={{ gap: '$4' }}
       required
       onValueChange={action('onValueChange')}
-      space
+      gap
       {...args}
     >
       <FormRadio size="$4" value="option1">

package/src/forms/FormRadioGroup/index.tsx

@@ -105,7 +105,7 @@ export function FormRadioGroup({
 
 export function FormRadio({ children, value, size, disabled, id, ...props }: FormRadioProps) {
   return (
-    <XStack alignItems="center" space="$1">
+    <XStack alignItems="center" gap="$1">
       <RadioGroup.Item value={value} id={id} size={size || '$4'} {...props}>
         <RadioGroup.Indicator disabled={disabled} />
       </RadioGroup.Item>