@multiplatform.one/components 0.7.1 → 0.7.2

package/dist/jsx/panels/SimpleTooltip/index.native.js

@@ -1,14 +1,7 @@
-import { Paragraph, Theme, Tooltip } from "tamagui";
-function SimpleTooltip({
-  Icon,
-  children,
-  element,
-  themeStyle,
-  paragraphStyle,
-  ...props
-}) {
+import { Theme, Tooltip } from "tamagui";
+function SimpleTooltip({ Icon, children, themeStyle, trigger, ...props }) {
   return <Tooltip {...props}>
-    <Tooltip.Trigger cursor="pointer" ai="center">{children}</Tooltip.Trigger>
+    <Tooltip.Trigger cursor="pointer" ai="center" jc="center">{trigger}</Tooltip.Trigger>
     <Theme inverse {...themeStyle}><Tooltip.Content
       enterStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}
       exitStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}
@@ -26,7 +19,7 @@ function SimpleTooltip({
       ]}
     >
       <Tooltip.Arrow />
-      <Paragraph ai="center" size="$2" lineHeight="$1" {...paragraphStyle}>{element}</Paragraph>
+      {children}
     </Tooltip.Content></Theme>
   </Tooltip>;
 }

package/dist/jsx/panels/SimpleTooltip/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleTooltip/index.tsx"],
-  "mappings": "AAEA,SAAS,WAAW,OAAO,eAAe;AAMnC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwC;AACtC,SACE,CAAC,YAAY;AAAA,IACX,CAAC,QAAQ,QAAQ,OAAO,UAAU,GAAG,UAClC,SACH,EAFC,QAAQ;AAAA,IAGT,CAAC,MAAM,YAAY,YACjB,CAAC,QAAQ;AAAA,MACP,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC5C,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC3C,OAAO;AAAA,MACP,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA;AAAA,MAEA,CAAC,QAAQ,MAAM;AAAA,MACf,CAAC,UAAU,GAAG,SAAS,KAAK,KAAK,WAAW,SAAS,iBAClD,QACH,EAFC;AAAA,IAGH,EApBC,QAAQ,QAqBX,EAtBC;AAAA,EAuBH,EA3BC;AA6BL;",
+  "mappings": "AAuBA,SAAS,OAAO,eAAe;AAIxB,SAAS,cAAc,EAAE,MAAM,UAAU,YAAY,SAAS,GAAG,MAAM,GAAwC;AACpH,SACE,CAAC,YAAY;AAAA,IACX,CAAC,QAAQ,QAAQ,OAAO,UAAU,GAAG,SAAS,GAAG,UAC9C,QACH,EAFC,QAAQ;AAAA,IAGT,CAAC,MAAM,YAAY,YACjB,CAAC,QAAQ;AAAA,MACP,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC5C,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC3C,OAAO;AAAA,MACP,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA;AAAA,MAEA,CAAC,QAAQ,MAAM;AAAA,OACd;AAAA,IACH,EAlBC,QAAQ,QAmBX,EApBC;AAAA,EAqBH,EAzBC;AA2BL;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/components",
-  "version": "0.7.1",
+  "version": "0.7.2",
   "sideEffects": [
     "*.css"
   ],
@@ -35,33 +35,34 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://gitlab.com/risserlabs/multiplatform.one/keycloak"
+    "url": "https://gitlab.com/bitspur/multiplatform.one/multiplatform.one.git"
   },
+  "license": "Apache-2.0",
   "dependencies": {
     "@mdx-js/mdx": "^2.3.0",
     "@mdx-js/react": "^2.3.0",
-    "@tamagui/font-inter": "^1.68.1",
-    "@tamagui/logo": "^1.68.1",
-    "@tamagui/react-native-media-driver": "^1.68.1",
-    "@tamagui/shorthands": "^1.68.1",
-    "@tamagui/themes": "^1.68.1",
-    "burnt": "^0.11.7",
-    "expo-asset": "^8.11.0",
-    "expo-image": "^1.4.1",
-    "fast-xml-parser": "^4.2.7",
+    "@tamagui/font-inter": "^1.75.4",
+    "@tamagui/logo": "^1.75.4",
+    "@tamagui/react-native-media-driver": "^1.75.4",
+    "@tamagui/shorthands": "^1.75.4",
+    "@tamagui/themes": "^1.75.4",
+    "burnt": "^0.12.1",
+    "expo-asset": "^8.13.0",
+    "expo-image": "^1.6.0",
+    "fast-xml-parser": "^4.3.2",
     "gray-matter": "^4.0.3",
     "hast-util-to-html": "8.0.4",
-    "immer": "^10.0.2",
+    "immer": "^10.0.3",
     "parse-numeric-range": "^1.3.0",
-    "react-hook-form": "^7.45.4",
-    "react-native-svg": "13.11.0",
+    "react-hook-form": "^7.47.0",
+    "react-native-svg": "13.14.0",
     "refractor": "^4.8.1",
-    "rehype-autolink-headings": "^6.1.1",
-    "rehype-parse": "^8.0.4",
-    "rehype-slug": "^5.1.0",
-    "remark-frontmatter": "^4.0.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.68.1",
+    "tamagui": "^1.75.4",
     "unist-util-visit": "^5.0.0"
   },
   "peerDependencies": {
@@ -70,10 +71,10 @@
     "solito": "^3.2.6"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.68.1",
-    "moti": "^0.26.0",
-    "react-native-reanimated": "3.4.2",
-    "solito": "^4.0.1",
+    "@tamagui/build": "^1.75.4",
+    "moti": "^0.27.0",
+    "react-native-reanimated": "3.5.4",
+    "solito": "^4.1.3",
     "ui": "workspace:^"
   },
   "jest": {

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

@@ -1,3 +1,24 @@
+/**
+ * File: /src/code/Code/Code.stories.tsx
+ * Project: @multiplatform.one/components
+ * File Created: 22-06-2023 05:33:09
+ * 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 { Code } from './index';
 import type { Meta, StoryObj } from '@storybook/react';
 

package/src/code/Code/index.ts

@@ -1,3 +1,24 @@
+/*
+ *  File: /src/code/Code/index.ts
+ *  Project: @multiplatform.one/components
+ *  File Created: 22-06-2023 05:33:09
+ *  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 { GetProps } from 'tamagui';
 import { Paragraph, styled } from 'tamagui';
 import { Platform } from 'react-native';

package/src/forms/FormCheckBox/index.tsx

@@ -1,3 +1,24 @@
+/**
+ * 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';
@@ -13,7 +34,9 @@ export type FormCheckBoxProps = CheckboxProps &
     fieldProps?: Omit<FormFieldProps, 'helperText' | 'required' | 'error' | 'label'>;
   } & Pick<FormFieldProps, 'helperText' | 'required' | 'error' | 'label'> & {
     IndicatorStyle?: CheckboxIndicatorProps;
-  } & { LabelStyle?: LabelProps } & { iconColor?: string | ThemeName | ThemeKeys };
+    LabelStyle?: Omit<LabelProps, 'ref'>;
+    iconColor?: string | ThemeName | ThemeKeys;
+  };
 
 export interface CheckBoxElement {
   label?: string;

package/src/forms/FormField.tsx

@@ -1,3 +1,24 @@
+/**
+ * File: /src/forms/FormField.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 React from 'react';
 import type { LabelProps, YStackProps, SizeTokens, FontSizeTokens } from 'tamagui';
 import type { ReactNode } from 'react';
@@ -6,7 +27,7 @@ import { Label, Paragraph, YStack } from 'tamagui';
 export interface FormFieldProps extends YStackProps {
   children: ReactNode;
   label?: string;
-  labelProps?: Omit<LabelProps, 'htmlFor'>;
+  labelProps?: Omit<LabelProps, 'htmlFor' | 'ref'>;
   helperText?: string;
   required?: boolean;
   error?: boolean;

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

@@ -1,6 +1,29 @@
+/**
+ * File: /src/forms/FormRadioGroup/FormRadioGroup.stories.tsx
+ * Project: @multiplatform.one/components
+ * File Created: 18-10-2023 15:23:17
+ * Author: Lalit rajak
+ * -----
+ * 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 React from 'react';
-import { FormRadioGroup } from './index';
+import { FormRadio, FormRadioGroup } from './index';
 import { action } from '@storybook/addon-actions';
+import { SimpleForm } from '../SimpleForm';
+import { Label } from 'tamagui';
 
 export default {
   title: 'forms/FormRadioGroup',
@@ -8,17 +31,35 @@ export default {
   parameters: { status: { type: 'beta' } },
 };
 
-export const main = () => (
-  <FormRadioGroup
-    name="radio group"
-    label="radio group"
-    helperText="select an option"
-    required
-    radioElements={[
-      { label: 'option 1', value: 'option1' },
-      { label: 'option 2', value: 'option2' },
-      { label: 'option 3', value: 'option3' },
-    ]}
-    onValueChange={action('onValueChange')}
-  />
+export const main = (args) => (
+  <SimpleForm>
+    <FormRadioGroup
+      name="radio group"
+      label="radio group"
+      helperText="select an option"
+      contentStyle={{ space: '$4' }}
+      required
+      onValueChange={action('onValueChange')}
+      space
+      {...args}
+    >
+      <FormRadio size="$4" value="option1">
+        <Label htmlFor="option1">option 1</Label>
+      </FormRadio>
+      <FormRadio size="$4" value="option2">
+        <Label htmlFor="option2">option 2</Label>
+      </FormRadio>
+      <FormRadio size="$4" value="option3">
+        <Label htmlFor="option3">option 3</Label>
+      </FormRadio>
+      <FormRadio size="$4" value="option4">
+        <Label htmlFor="option4">option 4</Label>
+      </FormRadio>
+    </FormRadioGroup>
+  </SimpleForm>
 );
+
+main.args = {
+  defaultValue: 'option1',
+  horizontal: false,
+};

package/src/forms/FormRadioGroup/index.tsx

@@ -1,33 +1,48 @@
+/**
+ * File: /src/forms/FormRadioGroup/index.tsx
+ * Project: @multiplatform.one/components
+ * File Created: 18-10-2023 15:23:17
+ * Author: Lalit rajak
+ * -----
+ * 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 React, { useId } from 'react';
 import type { FormControllerProps } from '../types';
 import type { FormFieldProps } from '../FormField';
-import type { SizeTokens, RadioGroupProps, LabelProps } from 'tamagui';
+import type { SizeTokens, RadioGroupProps, YStackProps } from 'tamagui';
 import { Controller, useFormContext } from 'react-hook-form';
 import { FormField } from '../FormField';
-import { Label, RadioGroup, XStack, YStack } from 'tamagui';
+import { RadioGroup, XStack, YStack } from 'tamagui';
 
 export type FormRadioGroupProps = RadioGroupProps &
   FormControllerProps & {
     fieldProps?: Omit<FormFieldProps, 'helperText' | 'required' | 'error' | 'label'>;
-  } & Pick<FormFieldProps, 'helperText' | 'required' | 'error' | 'label'> & { horizontal?: boolean } & {
-    labelStyle?: LabelProps;
+  } & Pick<FormFieldProps, 'helperText' | 'required' | 'error' | 'label'> & {
+    horizontal?: boolean;
+    contentStyle: YStackProps;
   };
 
 export interface FormRadioProps {
-  label: string;
+  children?: React.ReactNode;
   value: string;
   size?: SizeTokens;
   disabled?: boolean;
   id?: string;
 }
 
-export interface spacingProps {
-  space?: any;
-  justifyContent?: any;
-  alignItems?: any;
-  alignSelf?: any;
-}
-
 export function FormRadioGroup({
   children,
   control,
@@ -40,28 +55,17 @@ export function FormRadioGroup({
   required,
   horizontal,
   rules,
-  labelStyle,
-  spacingProps,
+  contentStyle,
   ...radioProps
-}: FormRadioGroupProps & { radioElements: FormRadioProps[] } & { spacingProps?: spacingProps }) {
+}: FormRadioGroupProps) {
   const formContext = useFormContext();
   const id = useId();
   if (!formContext) {
     return (
       <RadioGroup name={name} {...radioProps}>
-        {horizontal ? (
-          <XStack {...spacingProps}>
-            {radioProps.radioElements.map((item) => (
-              <FormRadio {...item} key={item.value} />
-            ))}
-          </XStack>
-        ) : (
-          <YStack {...spacingProps}>
-            {radioProps.radioElements.map((item) => (
-              <FormRadio {...item} key={item.value} />
-            ))}
-          </YStack>
-        )}
+        <YStack display="flex" flexDirection={horizontal ? 'row' : 'column'} {...contentStyle}>
+          {children}
+        </YStack>
       </RadioGroup>
     );
   }
@@ -89,19 +93,9 @@ export function FormRadioGroup({
               if (radioProps.onValueChange) radioProps.onValueChange(e);
             }}
           >
-            {horizontal ? (
-              <XStack {...spacingProps}>
-                {radioProps.radioElements.map((item) => (
-                  <FormRadio {...item} key={item.value} {...labelStyle} />
-                ))}
-              </XStack>
-            ) : (
-              <YStack {...spacingProps}>
-                {radioProps.radioElements.map((item) => (
-                  <FormRadio {...item} key={item.value} {...labelStyle} />
-                ))}
-              </YStack>
-            )}
+            <YStack display="flex" flexDirection={horizontal ? 'row' : 'column'} {...contentStyle}>
+              {children}
+            </YStack>
           </RadioGroup>
         </FormField>
       )}
@@ -109,15 +103,13 @@ export function FormRadioGroup({
   );
 }
 
-export function FormRadio({ label, value, size, disabled, id, ...labelStyle }: FormRadioProps) {
+export function FormRadio({ children, value, size, disabled, id, ...props }: FormRadioProps) {
   return (
     <XStack alignItems="center" space="$1">
-      <RadioGroup.Item value={value} id={id} size={size}>
+      <RadioGroup.Item value={value} id={id} size={size || '$4'} {...props}>
         <RadioGroup.Indicator disabled={disabled} />
       </RadioGroup.Item>
-      <Label size={size} htmlFor={id} {...labelStyle}>
-        {label}
-      </Label>
+      {children}
     </XStack>
   );
 }

package/src/forms/FormSwitch/FormSwitch.stories.tsx

@@ -1,6 +1,29 @@
+/**
+ * File: /src/forms/FormSwitch/FormSwitch.stories.tsx
+ * Project: @multiplatform.one/components
+ * File Created: 18-10-2023 15:23:17
+ * Author: Lalit rajak
+ * -----
+ * 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 React from 'react';
 import { FormSwitch } from './index';
 import { action } from '@storybook/addon-actions';
+import { SimpleForm } from '../SimpleForm';
+import { FormSubmitButton } from '../FormSubmitButton';
 
 export default {
   title: 'forms/FormSwitch',
@@ -11,11 +34,15 @@ export default {
 };
 
 export const main = () => (
-  <FormSwitch
-    label="Example Switch"
-    name="exampleSwitch"
-    helperText="This is an example switch"
-    defaultValue={false}
-    onCheckedChange={action('onCheckedChange')}
-  />
+  <SimpleForm>
+    <FormSwitch
+      label="Example Switch"
+      name="exampleSwitch"
+      helperText="This is an example switch"
+      defaultValue={false}
+      onCheckedChange={action('onChange')}
+      onPress={action('onPress')}
+    />
+    <FormSubmitButton onSubmit={action('onSubmit')}>Submit</FormSubmitButton>
+  </SimpleForm>
 );

package/src/forms/FormSwitch/index.tsx

@@ -1,3 +1,24 @@
+/**
+ * File: /src/forms/FormSwitch/index.tsx
+ * Project: @multiplatform.one/components
+ * File Created: 18-10-2023 15:23:17
+ * Author: Lalit rajak
+ * -----
+ * 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 React, { useId } from 'react';
 import type { ComponentProps } from 'react';
 import type { FormControllerProps } from '../types';
@@ -57,12 +78,10 @@ export function FormSwitch({
             checked={value ?? false}
             id={id}
             {...switchProps}
-            onCheckedChange={(e) => {
-              onChange(e);
-              if (switchProps.onCheckedChange) switchProps.onCheckedChange(e);
-            }}
+            onCheckedChange={switchProps.onCheckedChange ?? onChange}
             onPress={(e) => {
               e.preventDefault();
+              onChange(e);
               if (switchProps.onPress) switchProps.onPress(e);
             }}
           >

package/src/forms/SimpleForm/SimpleForm.stories.tsx

@@ -1,3 +1,24 @@
+/**
+ * File: /src/forms/SimpleForm/SimpleForm.stories.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 React from 'react';
 import { SimpleForm } from './index';
 import { FormInput } from '../FormInput';
@@ -5,7 +26,7 @@ import { FormSelectSimple } from '../FormSelectSimple';
 import { FormSubmitButton } from '../FormSubmitButton';
 import { FormTextArea } from '../FormTextArea';
 import { FormSwitch } from '../FormSwitch';
-import { FormRadioGroup } from '../FormRadioGroup';
+// import { FormRadioGroup } from '../FormRadioGroup';
 import { Select } from 'tamagui';
 import { action } from '@storybook/addon-actions';
 
@@ -46,7 +67,8 @@ export const main = () => (
     </FormSelectSimple>
     <FormTextArea name="bio" label="Bio" />
     <FormSwitch name="isAwesome" label="Is Awesome" />
-    <FormRadioGroup
+    {/* TODO: fix type error below */}
+    {/* <FormRadioGroup
       radioElements={[
         { label: 'male', value: 'male' },
         { label: 'female', value: 'female' },
@@ -55,7 +77,7 @@ export const main = () => (
       label="Gender"
       horizontal
       spacingProps={{ space: true }}
-    />
+    /> */}
     <FormSubmitButton onSubmit={action('onSubmit')}>Submit</FormSubmitButton>
   </SimpleForm>
 );

package/src/images/SimpleImage/index.stories.tsx

@@ -1,3 +1,24 @@
+/**
+ * File: /src/images/SimpleImage/index.stories.tsx
+ * Project: @multiplatform.one/components
+ * File Created: 22-06-2023 05:33:09
+ * 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 React from 'react';
 import { Platform } from 'react-native';
 import { useAssets } from '../../hooks';