@multiplatform.one/components 2.0.24 → 3.0.0

package/dist/jsx/table/Table/index.js

@@ -8,7 +8,7 @@ const StyledTableFrame = styled(ThemeableStack, {
   context: TableContext,
   bordered: !0,
   borderRadius: "$4",
-  overflow: "hidden",
+  overflow: "scroll",
   marginVertical: "$4"
 }), TableFrame = ({ heading, children, ...props }) => /* @__PURE__ */ jsxs(StyledTableFrame, { overflow: "scroll", ...props, children: [
   !!heading && /* @__PURE__ */ jsx(TableCell, { size: "$4", backgroundColor: "$color1", fontWeight: "500", color: "$color9", children: heading }),
@@ -18,6 +18,7 @@ const StyledTableFrame = styled(ThemeableStack, {
   Col: TableCol
 });
 export {
+  StyledTableFrame,
   Table,
   TableFrame
 };

package/dist/jsx/table/Table/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/table/Table/index.tsx"],
-  "mappings": "AAsBA,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,QAAQ,QAAQ,gBAAgB,4BAA4B;AAajE,SAEI,KAFJ;AAXJ,MAAM,mBAAmB,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AAAA,EACV,cAAc;AAAA,EACd,UAAU;AAAA,EACV,gBAAgB;AAClB,CAAC,GAEY,aAAa,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAErD,qBAAC,oBAAiB,UAAU,UAAkB,GAAG,OAC9C;AAAA,GAAC,CAAC,WACD,oBAAC,aAAU,MAAK,MAAK,iBAAgB,WAAU,YAAW,OAAM,OAAM,WACnE,mBACH;AAAA,EAEF,oBAAC,UAAO,UAAS,QAAO,YAAW,WAChC,UACH;AAAA,GACF,GAIS,QAAQ,qBAAqB,YAAY;AAAA,EACpD,MAAM;AAAA,EACN,KAAK;AACP,CAAC;",
+  "mappings": "AAsBA,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,QAAQ,QAAQ,gBAAgB,4BAA4B;AAajE,SAEI,KAFJ;AAXG,MAAM,mBAAmB,OAAO,gBAAgB;AAAA,EACrD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AAAA,EACV,cAAc;AAAA,EACd,UAAU;AAAA,EACV,gBAAgB;AAClB,CAAC,GAEY,aAAa,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAErD,qBAAC,oBAAiB,UAAU,UAA8C,GAAG,OAC1E;AAAA,GAAC,CAAC,WACD,oBAAC,aAAU,MAAK,MAAK,iBAAgB,WAAU,YAAW,OAAM,OAAM,WACnE,mBACH;AAAA,EAEF,oBAAC,UAAO,UAAS,QAAO,YAAW,WAChC,UACH;AAAA,GACF,GAIS,QAAQ,qBAAqB,YAAY;AAAA,EACpD,MAAM;AAAA,EACN,KAAK;AACP,CAAC;",
   "names": []
 }

package/dist/jsx/table/Table/index.mjs

@@ -8,7 +8,7 @@ const StyledTableFrame = styled(ThemeableStack, {
     context: TableContext,
     bordered: !0,
     borderRadius: "$4",
-    overflow: "hidden",
+    overflow: "scroll",
     marginVertical: "$4"
   }),
   TableFrame = ({
@@ -34,4 +34,4 @@ const StyledTableFrame = styled(ThemeableStack, {
     Cell: TableCell,
     Col: TableCol
   });
-export { Table, TableFrame };
+export { StyledTableFrame, Table, TableFrame };

package/dist/jsx/table/Table/index.native.js

@@ -60,7 +60,7 @@ var StyledTableFrame = styled(ThemeableStack, {
   context: TableContext,
   bordered: !0,
   borderRadius: "$4",
-  overflow: "hidden",
+  overflow: "scroll",
   marginVertical: "$4"
 }), TableFrame = function(_param) {
   var heading = _param.heading, children = _param.children, props = _object_without_properties(_param, [
@@ -90,6 +90,7 @@ var StyledTableFrame = styled(ThemeableStack, {
   Col: TableCol
 });
 export {
+  StyledTableFrame,
   Table,
   TableFrame
 };

package/dist/jsx/table/Table/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/table/Table/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/table/Table/index.tsx"],
-  "mappings": ";AAqBA,OAAkB;AAClB,SAASA,iBAAiB;AAC1B,SAASC,gBAAgB;AACzB,SAASC,oBAAoB;AAC7B,SAASC,QAAQC,QAAQC,gBAAgBC,4BAA4B;AANpE,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQD,IAAMC,mBAAmBJ,OAAOE,gBAAgB;EAC9CG,MAAM;EACNC,SAASP;EACTQ,UAAU;EACVC,cAAc;EACdC,UAAU;EACVC,gBAAgB;AAClB,CAAA,GAEaC,aAAa,SAAA,QAAA;MAAGC,UAAAA,OAAAA,SAASC,WAAAA,OAAAA,UAAaC,QAAAA,2BAAAA,QAAAA;IAAtBF;IAASC;;AACpC,SACE,sBAACT,kBAAAA,qBAAAA,eAAAA;IAAiBK,UAAU;KAAqBK,KAAAA,GAAAA;;MAC9C,CAAC,CAACF,WACD,qBAACf,WAAAA;QAAUkB,MAAK;QAAKC,iBAAgB;QAAUC,YAAW;QAAMC,OAAM;kBACnEN;;MAGL,qBAACX,QAAAA;QAAOkB,UAAS;QAAOC,YAAW;;;;;AAKzC,GAEaC,QAAQlB,qBAAqBQ,YAAY;EACpDW,MAAMzB;EACN0B,KAAKzB;AACP,CAAA;",
+  "sources": ["../../../../src/table/Table/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/table/Table/index.tsx"],
+  "mappings": ";AAqBA,OAAkB;AAClB,SAASA,iBAAiB;AAC1B,SAASC,gBAAgB;AACzB,SAASC,oBAAoB;AAC7B,SAASC,QAAQC,QAAQC,gBAAgBC,4BAA4B;AANpE,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQM,IAAMC,mBAAmBJ,OAAOE,gBAAgB;EACrDG,MAAM;EACNC,SAASP;EACTQ,UAAU;EACVC,cAAc;EACdC,UAAU;EACVC,gBAAgB;AAClB,CAAA,GAEaC,aAAa,SAAA,QAAA;MAAGC,UAAAA,OAAAA,SAASC,WAAAA,OAAAA,UAAaC,QAAAA,2BAAAA,QAAAA;IAAtBF;IAASC;;AACpC,SACE,sBAACT,kBAAAA,qBAAAA,eAAAA;IAAiBK,UAAU;KAAiDK,KAAAA,GAAAA;;MAC1E,CAAC,CAACF,WACD,qBAACf,WAAAA;QAAUkB,MAAK;QAAKC,iBAAgB;QAAUC,YAAW;QAAMC,OAAM;kBACnEN;;MAGL,qBAACX,QAAAA;QAAOkB,UAAS;QAAOC,YAAW;;;;;AAKzC,GAEaC,QAAQlB,qBAAqBQ,YAAY;EACpDW,MAAMzB;EACN0B,KAAKzB;AACP,CAAA;",
   "names": ["TableCell", "TableCol", "TableContext", "styled", "XStack", "ThemeableStack", "withStaticProperties", "StyledTableFrame", "name", "context", "bordered", "borderRadius", "overflow", "marginVertical", "TableFrame", "heading", "children", "props", "size", "backgroundColor", "fontWeight", "color", "minWidth", "alignItems", "Table", "Cell", "Col"]
 }

package/dist/jsx/table/TableCell/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/table/TableCell/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/table/TableCell/index.ts"],
+  "sources": ["../../../../src/table/TableCell/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/table/TableCell/index.ts"],
   "mappings": "AAqBA,SAASA,oBAAoB;AAC7B,SAASC,QAAQC,iBAAiB;AAE3B,IAAMC,YAAYF,OAAOC,WAAW;EACzCE,MAAM;EACNC,SAASL;EACTM,aAAa;EACbC,aAAa;EACbC,eAAe;EACfC,YAAY;EACZC,UAAU;EACVC,MAAM;EACNC,gBAAgB;EAChBC,WAAW;EACXC,QAAQ;EACRC,SAAS;EACTC,mBAAmB;EACnBC,UAAU;EACVC,SAAS;EACTC,UAAU;IACRC,MAAM;MACJC,MAAM;QACJC,IAAI;MACN;IACF;IACAC,WAAW;MACTF,MAAM;QACJC,IAAI;MACN;IACF;EACF;AACF,CAAA;",
   "names": ["TableContext", "styled", "Paragraph", "TableCell", "name", "context", "borderWidth", "borderColor", "flexDirection", "alignItems", "position", "flex", "justifyContent", "textAlign", "height", "padding", "paddingHorizontal", "fontSize", "ellipse", "variants", "head", "true", "bc", "highlight"]
 }

package/dist/jsx/table/TableCol/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/table/TableCol/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/table/TableCol/index.ts"],
+  "sources": ["../../../../src/table/TableCol/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/table/TableCol/index.ts"],
   "mappings": "AAqBA,SAASA,oBAAoB;AAC7B,SAASC,QAAQC,sBAAsB;AAEhC,IAAMC,WAAWF,OAAOC,gBAAgB;EAC7CE,MAAM;EACNC,SAASL;EACTM,aAAa;EACbC,aAAa;EACbC,MAAM;EACNC,aAAa;EACbC,eAAe;AACjB,CAAA;",
   "names": ["TableContext", "styled", "ThemeableStack", "TableCol", "name", "context", "borderWidth", "borderColor", "flex", "marginRight", "flexDirection"]
 }

package/dist/jsx/table/TableContext.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/table/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/table/TableContext.ts"],
+  "sources": ["../../../src/table/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/table/TableContext.ts"],
   "mappings": "AAAA,SAASA,2BAA2B;AAE7B,IAAMC,eAAeD,oBAAoB,CAAC,CAAA;",
   "names": ["createStyledContext", "TableContext"]
 }

package/dist/jsx/table/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/table/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/table/index.ts"],
+  "sources": ["../../../src/table/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/table/index.ts"],
   "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/testSetup.ts"],
+  "sources": ["../../src/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/testSetup.ts"],
   "mappings": "AAqBA,OAAO;AACP,SAASA,WAAWC,UAAU;AAC9B,SAASC,eAAe;AAJvB,SAAA,yBAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMDC,OAAOC,eAAeC,QAAQ,cAAc;EAC1CC,UAAU;EACVC,OAAON,GAAGO,GAAE,EAAGC,mBAAmB,SAACC,OAAAA;WAAW;MAC5CC,kBAAkBV,GAAGO,GAAE;MACvBI,aAAaX,GAAGO,GAAE;MAClBK,eAAeZ,GAAGO,GAAE;MACpBM,SAAS;MACTC,OAAOL;MACPM,UAAU;MACVC,qBAAqBhB,GAAGO,GAAE;MAC1BU,gBAAgBjB,GAAGO,GAAE;IACvB;;AACF,CAAA;AAEA,IAAMW,uCAAN,yBAAA,cAAA;;YAAMA,uCAAAA,YAAAA;6BAAAA,qCAAAA;WAAAA,wCAAAA;mCAAAA,qCAAAA;;uBAAAA,uCAAAA;;MACJC,KAAAA;aAAAA,SAAOC,OAAa;AAClB,YAAI,OAAOA,SAAU,SAAU,OAAM,IAAIC,UAAU,0BAAA;AAInD,iBAHMC,aAAaC,mBAAmBC,mBAAmBJ,KAAAA,CAAAA,GACnDK,MAAM,IAAIC,WAAWJ,WAAWK,MAAM,GACtCC,QAAQN,WAAWO,MAAM,EAAA,GACtBC,IAAI,GAAGA,IAAIF,MAAMD,QAAQG;AAChCL,cAAIK,CAAAA,KAAMR,WAAWQ,CAAAA,KAAM,IAAIC,WAAW,CAAA;AAE5C,eAAON;MACT;;MAVIP;qBAA6Cc,WAAAA,CAAAA;AAanD9B,OAAOC,eAAe8B,QAAQ,eAAe;EAC3C3B,OAAOY;EACPb,UAAU;AACZ,CAAA;AAEAN,UAAU,WAAA;AACRE,UAAAA;AACF,CAAA;",
   "names": ["afterEach", "vi", "cleanup", "Object", "defineProperty", "window", "writable", "value", "fn", "mockImplementation", "query", "addEventListener", "addListener", "dispatchEvent", "matches", "media", "onchange", "removeEventListener", "removeListener", "ESBuildAndJSDOMCompatibleTextEncoder", "encode", "input", "TypeError", "decodedURI", "decodeURIComponent", "encodeURIComponent", "arr", "Uint8Array", "length", "chars", "split", "i", "charCodeAt", "TextEncoder", "global"]
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/tints.tsx"],
+  "sources": ["../../src/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/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", "prevFamily", "indexOf", "ThemeTint", "disable", "rest", "curTint", "ThemeTintAlt", "offset"]
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/utils/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/utils/setTinted.ts"],
+  "sources": ["../../../src/utils/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/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.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/utils/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/utils/unwrapText.ts"],
+  "sources": ["../../../src/utils/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/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": "2.0.24",
+  "version": "3.0.0",
   "sideEffects": [
     "*.css"
   ],

package/src/forms/Button/SubmitButton.stories.tsx

@@ -1,8 +1,8 @@
 /**
  * File: /src/forms/Button/SubmitButton.stories.tsx
  * Project: @multiplatform.one/components
- * File Created: 18-06-2024 18:02:12
- * Author: Clay Risser
+ * File Created: 25-06-2024 16:50:25
+ * Author: Lavanya Katari
  * -----
  * BitSpur (c) Copyright 2021 - 2024
  *
@@ -20,11 +20,12 @@
  */
 
 import React from 'react';
-import { SubmitButton } from './SubmitButton';
+import { SubmitButton, SubmitButtonProps } from './SubmitButton';
 import { action } from '@storybook/addon-actions';
 import { useForm } from '@tanstack/react-form';
+import { Meta } from '@storybook/react';
 
-export default {
+const meta: Meta = {
   title: 'forms/SubmitButton',
   component: SubmitButton,
   parameters: {
@@ -32,16 +33,25 @@ export default {
   },
 };
 
-export const main = () => <Main />;
-function Main() {
+export const main = (args) => {
   const form = useForm({
-    onSubmit(data) {
-      action('onSubmit')(data);
+    defaultValues: {
+      firstName: 'Hello',
+      lastName: 'Bob',
+      age: 24,
+      isGraduate: true,
     },
+    // onSubmit: async ({ value }) => {
+    //   action('onSubmit')(value);
+    // },
   });
-  return (
-    <SubmitButton form={form} onPress={action('onClick')}>
-      Click here
-    </SubmitButton>
-  );
-}
+  return <SubmitButton form={form} {...args} />;
+};
+
+const mainArgs: Partial<SubmitButtonProps> = {
+  children: 'Submit',
+};
+
+main.args = mainArgs;
+
+export default meta;

package/src/forms/Button/SubmitButton.tsx

@@ -19,27 +19,6 @@
  * limitations under the License.
  */
 
-/**
- * File: /src/forms/FormSubmitButton/index.tsx
- * Project: @multiplatform.one/components
- * File Created: 18-06-2024 18:02:12
- * Author: Clay Risser
- * -----
- * 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.
- * 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 { ButtonProps } from './Button';
 import type { FormApi } from '@tanstack/react-form';
@@ -62,6 +41,7 @@ export function SubmitButton<
   return (
     <Button
       onPress={(e) => {
+        e.preventDefault();
         if (onPress) onPress(e);
         form.handleSubmit();
       }}

package/src/forms/FormField.tsx

@@ -37,7 +37,7 @@ export interface FormFieldProps<
   field?: FieldApi<TParentData, TName, TFieldValidator, TFormValidator, TData>;
   helperText?: string;
   id?: string;
-  label?: string;
+  label?: ReactNode;
   labelProps?: Omit<LabelProps, 'htmlFor' | 'ref'>;
   required?: boolean;
   size?: SizeTokens;

package/src/forms/Select/FieldSelectSimple.stories.tsx

@@ -20,9 +20,11 @@
  */
 
 import React from 'react';
-import { FieldSelectSimple } from './FieldSelectSimple';
-import { Select } from 'tamagui';
-import type { FieldSelectSimpleProps } from './FieldSelectSimple';
+import { FieldSelectSimple } from './index';
+import { Select, YStack } from 'tamagui';
+import { SubmitButton } from '../Button';
+import { action } from '@storybook/addon-actions';
+import { useForm } from '@tanstack/react-form';
 
 export default {
   title: 'forms/FieldSelectSimple',
@@ -33,26 +35,34 @@ export default {
 };
 
 export const main = (args) => {
-  return <FieldSelectSimple {...args}>{args.children}</FieldSelectSimple>;
-};
-const mainArgs: FieldSelectSimpleProps = {
-  name: 'FormSelectSimple',
-  placeholder: 'select one of these',
-  defaultValue: 'bmw',
-  value: 'bmw',
-  children: [
-    <Select.Item key="bmw" index={0} value="bmw">
-      <Select.ItemText>BMW</Select.ItemText>
-    </Select.Item>,
-    <Select.Item key="audi" index={1} value="audi">
-      <Select.ItemText>AUDI</Select.ItemText>
-    </Select.Item>,
-    <Select.Item key="ford" index={2} value="ford">
-      <Select.ItemText>FORD</Select.ItemText>
-    </Select.Item>,
-    <Select.Item key="suzuki" index={3} value="suzuki">
-      <Select.ItemText>SUZUKI</Select.ItemText>
-    </Select.Item>,
-  ],
+  const form = useForm({
+    defaultValues: {
+      car: 'ford',
+    },
+    onSubmit: async ({ value }) => {
+      action('onSubmit')(value);
+    },
+  });
+  return (
+    <YStack>
+      <FieldSelectSimple label="SELECT VEHICLE" name="car" form={form} {...args}>
+        <Select.Item key="bmw" index={0} value="bmw">
+          <Select.ItemText>BMW</Select.ItemText>
+        </Select.Item>
+        <Select.Item key="audi" index={1} value="audi">
+          <Select.ItemText>AUDI</Select.ItemText>
+        </Select.Item>
+        <Select.Item key="ford" index={2} value="ford">
+          <Select.ItemText>FORD</Select.ItemText>
+        </Select.Item>
+        <Select.Item key="suzuki" index={3} value="suzuki">
+          <Select.ItemText>SUZUKI</Select.ItemText>
+        </Select.Item>
+      </FieldSelectSimple>
+      <SubmitButton form={form}> Submit</SubmitButton>
+    </YStack>
+  );
 };
+
+const mainArgs = {};
 main.args = mainArgs;

package/src/forms/Slider/FieldSlider.stories.tsx

@@ -45,6 +45,7 @@ import { Button, YStack } from 'tamagui';
 import { FieldSlider } from './FieldSlider';
 import { action } from '@storybook/addon-actions';
 import { useForm } from '@tanstack/react-form';
+import type { FieldSliderProps } from './FieldSlider';
 
 export default {
   title: 'forms/FieldSlider',
@@ -54,13 +55,20 @@ export default {
   },
 };
 
-export const main = () => <FieldSlider onValueChange={action(`onValueChange`)} />;
+export const main = (args) => <FieldSlider onValueChange={action(`onValueChange`)} {...args} />;
+const mainArgs: FieldSliderProps = {
+  label: 'film',
+  error: undefined,
+  helperText: 'please check this slider',
+  value: undefined,
+};
+main.args = mainArgs;
 
 export const form = () => {
   const form = useForm({
     defaultValues: {
-      firstName: '',
-      isChecked: false,
+      none: false,
+      auto: true,
       slider: [],
     },
     onSubmit: async ({ value }) => {
@@ -69,7 +77,8 @@ export const form = () => {
   });
   return (
     <YStack gap>
-      <FieldSlider form={form} name="slider" label="slider" />
+      <FieldSlider form={form} name="none" label="slider" />
+      <FieldSlider form={form} name="auto" label="slider" />
       <Button onPress={form.handleSubmit}>Submit</Button>
     </YStack>
   );

package/src/forms/Switch/FieldSwitch.stories.tsx

@@ -20,6 +20,7 @@
  */
 
 import React from 'react';
+import type { FieldSwitchProps } from './FieldSwitch';
 import { FieldSwitch } from './FieldSwitch';
 import { action } from '@storybook/addon-actions';
 import { useForm } from '@tanstack/react-form';
@@ -33,16 +34,14 @@ export default {
   },
 };
 
-export const main = () => (
-  <FieldSwitch
-    label="Example Switch"
-    name="exampleSwitch"
-    helperText="This is an example switch"
-    defaultValue={false}
-    onCheckedChange={action('onChange')}
-    onPress={action('onPress')}
-  />
-);
+export const main = (args) => <FieldSwitch onCheckedChange={action('onCheckedChange')} {...args} />;
+const mainArgs: FieldSwitchProps<any, any> = {
+  asyncAlways: true,
+  asyncDebounceMs: 500,
+  defaultValue: false,
+  mode: 'array',
+};
+main.args = mainArgs;
 
 export const form = () => {
   const form = useForm({

package/src/forms/TextArea/FieldTextArea.stories.tsx

@@ -20,6 +20,7 @@
  */
 
 import React from 'react';
+import type { FieldTextAreaProps } from './FieldTextArea';
 import { Button, YStack } from 'tamagui';
 import { FieldTextArea } from './FieldTextArea';
 import { action } from '@storybook/addon-actions';
@@ -28,16 +29,14 @@ import { useForm } from '@tanstack/react-form';
 export default {
   title: 'forms/FieldTextArea',
   component: FieldTextArea,
-  parameters: {
-    status: { type: 'beta' },
-  },
+  parameters: { status: { type: 'beta' } },
 };
 
 export const main = () => (
   <FieldTextArea label="Description" name="description" defaultValue="" onChangeText={action('onChangeText')} />
 );
 
-export const form = () => {
+export const form = (args: FieldTextAreaProps) => {
   const form = useForm({
     defaultValues: {
       firstName: '',
@@ -50,8 +49,19 @@ export const form = () => {
   });
   return (
     <YStack>
-      <FieldTextArea form={form} name="textArea" label="textArea" />
+      <FieldTextArea form={form} {...args} />
       <Button onPress={form.handleSubmit}>Submit</Button>
     </YStack>
   );
 };
+
+form.args = {
+  label: 'Sample Text Area',
+  name: 'sampleTextArea',
+  defaultValue: 'This is a sample text area',
+  onChangeText: action('onChangeText'),
+  textAreaProps: {
+    placeholder: 'Enter some text here...',
+    disabled: false,
+  },
+};

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

@@ -21,7 +21,7 @@
 
 import React from 'react';
 import { useAssets } from '../../hooks';
-import { SimpleImage } from './index';
+import { Props, SimpleImage } from './index';
 import { YStack } from 'tamagui';
 
 export default {
@@ -75,27 +75,45 @@ export default {
 // }
 // export const withRequire = () => <WithRequire />;
 
-export const withYStack = () => (
+export const withYStack = (args: Props) => (
   <YStack>
-    <YStack width="50%" height={200} backgroundColor="red" />
-    <YStack width="50%" height={200} backgroundColor="blue" />
+    <YStack {...args} />
+    <YStack {...args} backgroundColor="blue" />
     <SimpleImage
       backgroundColor="green"
       height={200}
       resizeMode="stretch"
       src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Inukshuk_Park_05.jpg/500px-Inukshuk_Park_05.jpg"
       width="50%"
+      {...args}
     />
   </YStack>
 );
 
-export const withTamagui = () => (
+withYStack.args = {
+  height: 200,
+  width: '50%',
+  backgroundColor: 'green',
+  // loader: 'ImageLoader',
+  loading: 'lazy',
+};
+
+export const withTamagui = (args: Props) => (
   <YStack>
     <SimpleImage
       backgroundColor="$green9"
       height="$19"
       src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Inukshuk_Park_05.jpg/500px-Inukshuk_Park_05.jpg"
       width="100%"
+      {...args}
     />
   </YStack>
 );
+
+withTamagui.args = {
+  height: '$20',
+  width: '100%',
+  backgroundColor: '$red8',
+  // loader: 'ImageLoader',
+  loading: 'lazy',
+};

package/src/images/SimpleImage/index.tsx

@@ -30,7 +30,7 @@ import { Stack, createComponent } from 'tamagui';
 import { StyleSheet } from 'react-native';
 import { useAssets } from '../../hooks/useAssets';
 
-type Props = Omit<SolitoImageProps, 'height' | 'width' | 'src' | 'fill' | 'style' | 'alt'> &
+export type Props = Omit<SolitoImageProps, 'height' | 'width' | 'src' | 'fill' | 'style' | 'alt'> &
   Omit<StackProps, 'height' | 'width'> & {
     alt?: string;
     height?: number | string;

package/src/mdx/UL/UL.stories.tsx

@@ -1,3 +1,24 @@
+/**
+ * File: /src/mdx/UL/UL.stories.tsx
+ * Project: @multiplatform.one/components
+ * File Created: 25-06-2024 16:50:25
+ * Author: Lavanya Katari
+ * -----
+ * 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.
+ * 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 { Text } from 'tamagui';
 import { UL } from './index';
@@ -6,10 +27,14 @@ export default {
   title: 'mdx/UL',
   component: UL,
   parameters: { status: { type: 'beta' } },
+  controls: true,
 };
 
-export const main = () => (
+export const main = (args) => (
   <UL>
     <Text>Hello world</Text>
   </UL>
 );
+
+const mainArgs = {};
+main.args = mainArgs;