@multiplatform.one/components 2.0.23 → 3.0.0

package/src/panels/SimpleDialog/SimpleDialog.stories.tsx

@@ -25,6 +25,7 @@ import { Button, Input, Dialog, YStack } from 'tamagui';
 import { SimpleDialog } from './index';
 import { action } from '@storybook/addon-actions';
 import { Text } from 'tamagui';
+import type { SimpleDialogProps } from './index';
 
 const meta: Meta = {
   title: 'panels/SimpleDialog',
@@ -32,12 +33,13 @@ const meta: Meta = {
   parameters: { status: { type: 'beta' } },
 };
 
-export const main = () => (
+export const main = (args) => (
   <SimpleDialog
     onOpenChange={action('onOpenChange')}
     trigger={<Button>Press Me</Button>}
     title="Fill the details"
     withoutCloseButton
+    {...args}
   >
     <Input placeholder="Enter your first name" />
     <Input placeholder="Enter your last name" />
@@ -46,6 +48,12 @@ export const main = () => (
     </Dialog.Close>
   </SimpleDialog>
 );
+const mainArgs: SimpleDialogProps = {
+  title: 'Simple Dialog Example',
+  description: 'This is a simple dialog example.',
+  withoutCloseButton: false,
+};
+main.args = mainArgs;
 
 function OpenWithFunction() {
   const [open, setOpen] = useState(false);
@@ -72,7 +80,9 @@ function OpenWithFunction() {
     </YStack>
   );
 }
-export const openWithFunction = () => <OpenWithFunction />;
+export const openWithFunction = (args) => <OpenWithFunction {...args} />;
+
+openWithFunction.args = mainArgs;
 
 export default meta;
 
@@ -84,11 +94,15 @@ export const customPosition = (args) => (
     portalStyle={{ jc: 'flex-start', paddingTop: 10 }}
   >
     <YStack width={800} height={400}>
-      <Input placeholder="search" />
+      <Input placeholder={args.search} />
     </YStack>
   </SimpleDialog>
 );
 
+customPosition.args = {
+  search: 'search',
+};
+
 export const rightSideDialog = (args) => (
   <SimpleDialog
     trigger={<Button>open side dialog</Button>}
@@ -107,6 +121,12 @@ export const rightSideDialog = (args) => (
   </SimpleDialog>
 );
 
+rightSideDialog.args = {
+  asRightSideSheet: true,
+  contentStyle: { animation: 'quick' },
+  transitionWidth: 400,
+};
+
 export const leftSideDialog = (args) => (
   <SimpleDialog
     trigger={<Button>open side dialog</Button>}
@@ -124,3 +144,9 @@ export const leftSideDialog = (args) => (
     </YStack>
   </SimpleDialog>
 );
+
+leftSideDialog.args = {
+  asLeftSideSheet: true,
+  contentStyle: { animation: 'lazy' },
+  transitionWidth: 300,
+};

package/src/panels/SimplePopover/SimplePopover.stories.tsx

@@ -21,26 +21,25 @@
 
 import React, { useState } from 'react';
 import { SimplePopover } from './index';
-import { Text, YStack, XStack, Switch, Label, Button } from 'tamagui';
-import type { Meta } from '@storybook/react';
+import { Text, YStack, XStack, Switch, Label, Button, Input, Popover } from 'tamagui';
+import type { SimplePopoverProps } from './index';
 
-const meta: Meta = {
+export default {
   title: 'panels/SimplePopover',
   component: SimplePopover,
   parameters: { status: { type: 'beta' } },
 };
+export const main = (args) => (
+  <SimplePopover trigger={<Button>Click here to get a Popover</Button>} title="Popover content" {...args}>
+    <Text>Popover content</Text>
+  </SimplePopover>
+);
 
-function Hoverable() {
+function Hoverable(args) {
   const [hoverable, setHoverable] = useState(true);
   return (
     <YStack>
-      <XStack gap padding="$4" alignItems="center">
-        <Label>Hoverable</Label>
-        <Switch size="$3" checked={hoverable} onCheckedChange={setHoverable}>
-          <Switch.Thumb animation="bouncy" />
-        </Switch>
-      </XStack>
-      <SimplePopover hoverable={hoverable} trigger={<Button>Click here to get a Popover</Button>}>
+      <SimplePopover hoverable={hoverable} trigger={<Button>Click here to get a Popover</Button>} {...args}>
         <YStack>
           <Text>popover content</Text>
         </YStack>
@@ -49,6 +48,4 @@ function Hoverable() {
   );
 }
 
-export const main = () => <Hoverable />;
-
-export default meta;
+export const hoverable = (args) => <Hoverable {...args} />;

package/src/panels/SimplePopover/index.tsx

@@ -1,26 +1,5 @@
-/**
- * File: /src/panels/SimplePopover/index.tsx
- * Project: @multiplatform.one/components
- * File Created: 13-10-2023 09:40:26
- * 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 type { PopoverArrowProps, PopoverContentProps, PopoverProps, PopoverTriggerProps } from 'tamagui';
-import { Adapt, Popover } from 'tamagui';
+import { Adapt, Button, Popover } from 'tamagui';
 import React from 'react';
 import type { ReactNode } from 'react';
 
@@ -29,8 +8,6 @@ export type SimplePopoverProps = PopoverProps & {
   arrowStyle?: PopoverArrowProps;
   triggerStyle?: PopoverTriggerProps;
   arrow?: boolean;
-  open?: boolean;
-  setOpen?: (open: boolean) => void;
   trigger: ReactNode;
 };
 
@@ -43,19 +20,19 @@ export function SimplePopover({
   trigger,
   ...props
 }: SimplePopoverProps) {
-  const [open, setOpen] = React.useState(false);
-
   return (
-    <Popover size="$5" allowFlip open={open} onOpenChange={setOpen} hoverable {...props}>
+    <Popover size="$5" allowFlip {...props}>
       <Popover.Trigger asChild {...triggerStyle}>
         {trigger}
       </Popover.Trigger>
-      <Adapt when={'sm' as any} platform="touch">
+      {/* @ts-ignore */}
+      <Adapt when="sm" platform="touch">
         <Popover.Sheet modal dismissOnSnapToBottom>
           <Popover.Sheet.Frame padding="$4">
             <Adapt.Contents />
           </Popover.Sheet.Frame>
-          <Popover.Sheet.Overlay />
+
+          <Popover.Sheet.Overlay animation="lazy" enterStyle={{ opacity: 0 }} exitStyle={{ opacity: 0 }} />
         </Popover.Sheet>
       </Adapt>
       <Popover.Content

package/src/panels/SimpleSheet/SimpleSheet.stories.tsx

@@ -23,12 +23,26 @@ import React from 'react';
 import { SimpleSheet } from './index';
 import type { Meta } from '@storybook/react';
 import { YStack, Button } from 'tamagui';
+import type { SimpleSheetProps } from './index';
+import { action } from '@storybook/addon-actions';
 
 const meta: Meta = {
   title: 'panels/SimpleSheet',
   component: SimpleSheet,
   parameters: { status: { type: 'beta' } },
 };
+export const main = (args) => <SimpleSheet onSheetChange={action('onSheetChange')} {...args} />;
+const mainArgs: SimpleSheetProps = {
+  forceRemoveScrollEnabled: true,
+  modal: true,
+  open: true,
+  onOpenChange: () => {},
+  snapPoints: [0, 100],
+  dismissOnSnapToBottom: true,
+  position: 0,
+  onPositionChange: () => {},
+  zIndex: 100_000,
+};
 
 function Sheet() {
   const [open, setOpen] = React.useState(false);
@@ -43,5 +57,5 @@ function Sheet() {
   );
 }
 
-export const main = () => <Sheet />;
+// export const main = () => <Sheet />;
 export default meta;

package/src/panels/SimpleTooltip/SimpleTooltip.stories.tsx

@@ -20,7 +20,7 @@
  */
 
 import React from 'react';
-import { SimpleTooltip } from './index';
+import { SimpleToolTipProps, SimpleTooltip } from './index';
 import { Button, Label, Switch, Text, XStack, YStack } from 'tamagui';
 import type { Meta } from '@storybook/react';
 
@@ -30,8 +30,12 @@ const meta: Meta = {
   parameters: { status: { type: 'beta' } },
 };
 
-function Tooltip() {
-  const [arrow, setArrow] = React.useState(true);
+function Tooltip(args: SimpleToolTipProps) {
+  const [arrow, setArrow] = React.useState(args.arrow);
+
+  React.useEffect(() => {
+    setArrow(args.arrow);
+  }, [args.arrow]);
   return (
     <YStack gap="$4">
       <XStack gap padding="$4" alignItems="center">
@@ -39,7 +43,7 @@ function Tooltip() {
           <Switch.Thumb animation="bouncy" />
         </Switch>
         <Label>arrow</Label>
-        <SimpleTooltip arrow={arrow} trigger={<Button>?</Button>}>
+        <SimpleTooltip {...args} arrow={arrow} trigger={<Button>?</Button>}>
           <Text>tooltip content</Text>
         </SimpleTooltip>
       </XStack>
@@ -47,5 +51,13 @@ function Tooltip() {
   );
 }
 
-export const main = () => <Tooltip />;
+export const main = (args) => <Tooltip {...args} />;
+main.args = {
+  arrow: true,
+  themeStyle: { background: 'black', color: 'white' },
+  triggerStyle: { background: 'black', color: 'white' },
+  contentStyle: { background: 'black', color: 'white' },
+  arrowStyle: { background: 'black' },
+};
+
 export default meta;

package/src/panels/SimpleTooltip/index.tsx

@@ -23,7 +23,7 @@ import React from 'react';
 import type { TooltipProps, ThemeProps, PopoverContentProps, PopoverTriggerProps, PopoverArrowProps } from 'tamagui';
 import { Theme, Tooltip } from 'tamagui';
 
-type SimpleToolTipProps = TooltipProps & {
+export type SimpleToolTipProps = TooltipProps & {
   trigger: React.ReactNode;
   themeStyle?: ThemeProps;
   contentStyle?: PopoverContentProps;

package/src/table/Table/Table.stories.tsx

@@ -1,3 +1,24 @@
+/**
+ * File: /src/table/Table/Table.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 { Table } from './index';
 
@@ -9,7 +30,7 @@ export default {
   },
 };
 
-export const main = () => (
+export const Main = () => (
   <Table heading="Choose your journey">
     <Table.Col>
       <Table.Cell head />
@@ -49,3 +70,8 @@ export const main = () => (
     </Table.Col>
   </Table>
 );
+export const main = (args) => <Main {...args} />;
+main.args = {
+  overflow: 'visible',
+  type: 'multiple',
+};

package/src/table/Table/index.tsx

@@ -25,18 +25,18 @@ import { TableCol } from '../TableCol';
 import { TableContext } from '../TableContext';
 import { styled, XStack, ThemeableStack, withStaticProperties } from 'tamagui';
 
-const StyledTableFrame = styled(ThemeableStack, {
+export const StyledTableFrame = styled(ThemeableStack, {
   name: 'Table',
   context: TableContext,
   bordered: true,
   borderRadius: '$4',
-  overflow: 'hidden',
+  overflow: 'scroll' as 'scroll' | 'hidden' | 'visible',
   marginVertical: '$4',
 });
 
 export const TableFrame = ({ heading, children, ...props }) => {
   return (
-    <StyledTableFrame overflow={'scroll' as any} {...props}>
+    <StyledTableFrame overflow={'scroll' as 'scroll' | 'hidden' | 'visible'} {...props}>
       {!!heading && (
         <TableCell size="$4" backgroundColor="$color1" fontWeight="500" color="$color9">
           {heading}

package/types/forms/Button/SubmitButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitButton.d.ts","sourceRoot":"","sources":["../../../src/forms/Button/SubmitButton.tsx"],"names":[],"mappings":"AA0CA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,MAAM,MAAM,iBAAiB,CAC3B,WAAW,GAAG,GAAG,EACjB,cAAc,SAAS,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,SAAS,GAAG,SAAS,IAC5E,WAAW,GAAG;IAChB,IAAI,EAAE,OAAO,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;CAC5C,CAAC;AAEF,wBAAgB,YAAY,CAC1B,WAAW,EACX,cAAc,SAAS,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,SAAS,GAAG,SAAS,EAC9E,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,WAAW,EAAE,EAAE,iBAAiB,CAAC,WAAW,EAAE,cAAc,CAAC,qBAWlF"}
+{"version":3,"file":"SubmitButton.d.ts","sourceRoot":"","sources":["../../../src/forms/Button/SubmitButton.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,MAAM,MAAM,iBAAiB,CAC3B,WAAW,GAAG,GAAG,EACjB,cAAc,SAAS,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,SAAS,GAAG,SAAS,IAC5E,WAAW,GAAG;IAChB,IAAI,EAAE,OAAO,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;CAC5C,CAAC;AAEF,wBAAgB,YAAY,CAC1B,WAAW,EACX,cAAc,SAAS,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,SAAS,GAAG,SAAS,EAC9E,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,WAAW,EAAE,EAAE,iBAAiB,CAAC,WAAW,EAAE,cAAc,CAAC,qBAYlF"}

package/types/forms/Button/SubmitButton.stories.d.ts

@@ -1,14 +1,10 @@
 import React from 'react';
-import { SubmitButton } from './SubmitButton';
-declare const _default: {
-    title: string;
-    component: typeof SubmitButton;
-    parameters: {
-        status: {
-            type: string;
-        };
-    };
+import { SubmitButtonProps } from './SubmitButton';
+import { Meta } from '@storybook/react';
+declare const meta: Meta;
+export declare const main: {
+    (args: any): React.JSX.Element;
+    args: Partial<SubmitButtonProps>;
 };
-export default _default;
-export declare const main: () => React.JSX.Element;
+export default meta;
 //# sourceMappingURL=SubmitButton.stories.d.ts.map

package/types/forms/Button/SubmitButton.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitButton.stories.d.ts","sourceRoot":"","sources":["../../../src/forms/Button/SubmitButton.stories.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;;;;;;;;;;AAI9C,wBAME;AAEF,eAAO,MAAM,IAAI,yBAAiB,CAAC"}
+{"version":3,"file":"SubmitButton.stories.d.ts","sourceRoot":"","sources":["../../../src/forms/Button/SubmitButton.stories.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGjE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAO,MAAM,IAAI;;;CAahB,CAAC;AAQF,eAAe,IAAI,CAAC"}

package/types/forms/FormField.d.ts

@@ -8,7 +8,7 @@ export interface FormFieldProps<TParentData, TName extends DeepKeys<TParentData>
     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/types/forms/FormField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../src/forms/FormField.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpF,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAkB,MAAM,SAAS,CAAC;AACnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,cAAc,CAC7B,WAAW,EACX,KAAK,SAAS,QAAQ,CAAC,WAAW,CAAC,EACnC,eAAe,SAAS,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG,SAAS,GAAG,SAAS,EACjG,cAAc,SAAS,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,SAAS,GAAG,SAAS,EAC9E,KAAK,SAAS,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,CAC3E,SAAQ,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,QAAQ,CAAC,WAAW,EAAE,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,KAAK,CAAC,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,wBAAgB,SAAS,CACvB,WAAW,EACX,KAAK,SAAS,QAAQ,CAAC,WAAW,CAAC,EACnC,eAAe,SAAS,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG,SAAS,GAAG,SAAS,EACjG,cAAc,SAAS,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,SAAS,GAAG,SAAS,EAC9E,KAAK,SAAS,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,EAC3E,KAAK,EAAE,cAAc,CAAC,WAAW,EAAE,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,KAAK,CAAC,qBAsBlF"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../src/forms/FormField.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpF,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAkB,MAAM,SAAS,CAAC;AACnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,cAAc,CAC7B,WAAW,EACX,KAAK,SAAS,QAAQ,CAAC,WAAW,CAAC,EACnC,eAAe,SAAS,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG,SAAS,GAAG,SAAS,EACjG,cAAc,SAAS,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,SAAS,GAAG,SAAS,EAC9E,KAAK,SAAS,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,CAC3E,SAAQ,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,QAAQ,CAAC,WAAW,EAAE,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,KAAK,CAAC,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,wBAAgB,SAAS,CACvB,WAAW,EACX,KAAK,SAAS,QAAQ,CAAC,WAAW,CAAC,EACnC,eAAe,SAAS,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG,SAAS,GAAG,SAAS,EACjG,cAAc,SAAS,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,SAAS,GAAG,SAAS,EAC9E,KAAK,SAAS,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,EAC3E,KAAK,EAAE,cAAc,CAAC,WAAW,EAAE,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,KAAK,CAAC,qBAsBlF"}

package/types/forms/Select/FieldSelectSimple.stories.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import { FieldSelectSimple } from './FieldSelectSimple';
-import type { FieldSelectSimpleProps } from './FieldSelectSimple';
+import { FieldSelectSimple } from './index';
 declare const _default: {
     title: string;
     component: typeof FieldSelectSimple;
@@ -13,6 +12,6 @@ declare const _default: {
 export default _default;
 export declare const main: {
     (args: any): React.JSX.Element;
-    args: FieldSelectSimpleProps;
+    args: {};
 };
 //# sourceMappingURL=FieldSelectSimple.stories.d.ts.map

package/types/forms/Select/FieldSelectSimple.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldSelectSimple.stories.d.ts","sourceRoot":"","sources":["../../../src/forms/Select/FieldSelectSimple.stories.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;;;;;;;;;;AAElE,wBAME;AAEF,eAAO,MAAM,IAAI;;;CAEhB,CAAC"}
+{"version":3,"file":"FieldSelectSimple.stories.d.ts","sourceRoot":"","sources":["../../../src/forms/Select/FieldSelectSimple.stories.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;AAM5C,wBAME;AAEF,eAAO,MAAM,IAAI;;;CA4BhB,CAAC"}

package/types/forms/Slider/FieldSlider.stories.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { FieldSlider } from './FieldSlider';
+import type { FieldSliderProps } from './FieldSlider';
 declare const _default: {
     title: string;
     component: typeof FieldSlider;
@@ -10,6 +11,9 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const main: () => React.JSX.Element;
+export declare const main: {
+    (args: any): React.JSX.Element;
+    args: FieldSliderProps;
+};
 export declare const form: () => React.JSX.Element;
 //# sourceMappingURL=FieldSlider.stories.d.ts.map

package/types/forms/Slider/FieldSlider.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldSlider.stories.d.ts","sourceRoot":"","sources":["../../../src/forms/Slider/FieldSlider.stories.tsx"],"names":[],"mappings":"AA0CA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;;;;;;;;;AAI5C,wBAME;AAEF,eAAO,MAAM,IAAI,yBAAgE,CAAC;AAElF,eAAO,MAAM,IAAI,yBAiBhB,CAAC"}
+{"version":3,"file":"FieldSlider.stories.d.ts","sourceRoot":"","sources":["../../../src/forms/Slider/FieldSlider.stories.tsx"],"names":[],"mappings":"AA0CA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;;;;;;;;;;AAEtD,wBAME;AAEF,eAAO,MAAM,IAAI;;;CAA8E,CAAC;AAShG,eAAO,MAAM,IAAI,yBAkBhB,CAAC"}

package/types/forms/Switch/FieldSwitch.stories.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { FieldSwitchProps } from './FieldSwitch';
 import { FieldSwitch } from './FieldSwitch';
 declare const _default: {
     title: string;
@@ -10,6 +11,9 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const main: () => React.JSX.Element;
+export declare const main: {
+    (args: any): React.JSX.Element;
+    args: FieldSwitchProps<any, any>;
+};
 export declare const form: () => React.JSX.Element;
 //# sourceMappingURL=FieldSwitch.stories.d.ts.map

package/types/forms/Switch/FieldSwitch.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldSwitch.stories.d.ts","sourceRoot":"","sources":["../../../src/forms/Switch/FieldSwitch.stories.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;;;;;;;;;AAK5C,wBAME;AAEF,eAAO,MAAM,IAAI,yBAShB,CAAC;AAEF,eAAO,MAAM,IAAI,yBAiBhB,CAAC"}
+{"version":3,"file":"FieldSwitch.stories.d.ts","sourceRoot":"","sources":["../../../src/forms/Switch/FieldSwitch.stories.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;;;;;;;;;AAK5C,wBAME;AAEF,eAAO,MAAM,IAAI;;;CAAkF,CAAC;AASpG,eAAO,MAAM,IAAI,yBAiBhB,CAAC"}

package/types/forms/TextArea/FieldTextArea.stories.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { FieldTextAreaProps } from './FieldTextArea';
 import { FieldTextArea } from './FieldTextArea';
 declare const _default: {
     title: string;
@@ -11,5 +12,17 @@ declare const _default: {
 };
 export default _default;
 export declare const main: () => React.JSX.Element;
-export declare const form: () => React.JSX.Element;
+export declare const form: {
+    (args: FieldTextAreaProps): React.JSX.Element;
+    args: {
+        label: string;
+        name: string;
+        defaultValue: string;
+        onChangeText: import("@storybook/addon-actions").HandlerFunction;
+        textAreaProps: {
+            placeholder: string;
+            disabled: boolean;
+        };
+    };
+};
 //# sourceMappingURL=FieldTextArea.stories.d.ts.map

package/types/forms/TextArea/FieldTextArea.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldTextArea.stories.d.ts","sourceRoot":"","sources":["../../../src/forms/TextArea/FieldTextArea.stories.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;;;;;;;;;;AAIhD,wBAME;AAEF,eAAO,MAAM,IAAI,yBAEhB,CAAC;AAEF,eAAO,MAAM,IAAI,yBAiBhB,CAAC"}
+{"version":3,"file":"FieldTextArea.stories.d.ts","sourceRoot":"","sources":["../../../src/forms/TextArea/FieldTextArea.stories.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;;;;;;;;;;AAIhD,wBAIE;AAEF,eAAO,MAAM,IAAI,yBAEhB,CAAC;AAEF,eAAO,MAAM,IAAI;WAAU,kBAAkB;;;;;;;;;;;CAiB5C,CAAC"}

package/types/images/SimpleImage/index.d.ts

@@ -4,6 +4,12 @@ import type { Image } from 'expo-image';
 import type { SolitoImageProps } from 'solito/build/image/image.types';
 import type { StackProps } from 'tamagui';
 import type { StaticImageData } from 'next/image';
+export type Props = Omit<SolitoImageProps, 'height' | 'width' | 'src' | 'fill' | 'style' | 'alt'> & Omit<StackProps, 'height' | 'width'> & {
+    alt?: string;
+    height?: number | string;
+    src?: StaticImport | string | number;
+    width?: number | string;
+};
 export declare const SimpleImage: import("tamagui").TamaguiComponent<Omit<SolitoImageProps, "style" | "height" | "width" | "fill" | "alt" | "src"> & Omit<StackProps, "height" | "width"> & {
     alt?: string | undefined;
     height?: string | number | undefined;

package/types/images/SimpleImage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/images/SimpleImage/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAiIlD,eAAO,MAAM,WAAW;;;;;mFAGtB,CAAC;AAEH,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,eAAe,CAAC;CAC1B;AAED,MAAM,MAAM,YAAY,GAAG,aAAa,GAAG,eAAe,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/images/SimpleImage/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAMlD,MAAM,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC,GAC/F,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,OAAO,CAAC,GAAG;IACrC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CAAC;AAqHJ,eAAO,MAAM,WAAW;;;;;mFAGtB,CAAC;AAEH,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,eAAe,CAAC;CAC1B;AAED,MAAM,MAAM,YAAY,GAAG,aAAa,GAAG,eAAe,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC"}

package/types/images/SimpleImage/index.stories.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Props } from './index';
 declare const _default: {
     title: string;
     component: import("tamagui").TamaguiComponent<Omit<import("solito/build/image/image.types").SolitoImageProps, "style" | "height" | "width" | "fill" | "alt" | "src"> & Omit<import("tamagui").StackProps, "height" | "width"> & {
@@ -14,6 +15,22 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const withYStack: () => React.JSX.Element;
-export declare const withTamagui: () => React.JSX.Element;
+export declare const withYStack: {
+    (args: Props): React.JSX.Element;
+    args: {
+        height: number;
+        width: string;
+        backgroundColor: string;
+        loading: string;
+    };
+};
+export declare const withTamagui: {
+    (args: Props): React.JSX.Element;
+    args: {
+        height: string;
+        width: string;
+        backgroundColor: string;
+        loading: string;
+    };
+};
 //# sourceMappingURL=index.stories.d.ts.map

package/types/images/SimpleImage/index.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../../src/images/SimpleImage/index.stories.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;AAK1B,wBAME;AA6CF,eAAO,MAAM,UAAU,yBAYtB,CAAC;AAEF,eAAO,MAAM,WAAW,yBASvB,CAAC"}
+{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../../src/images/SimpleImage/index.stories.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAe,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;AAG7C,wBAME;AA6CF,eAAO,MAAM,UAAU;WAAU,KAAK;;;;;;;CAarC,CAAC;AAUF,eAAO,MAAM,WAAW;WAAU,KAAK;;;;;;;CAUtC,CAAC"}

package/types/mdx/UL/UL.stories.d.ts

@@ -16,7 +16,11 @@ declare const _default: {
             type: string;
         };
     };
+    controls: boolean;
 };
 export default _default;
-export declare const main: () => React.JSX.Element;
+export declare const main: {
+    (args: any): React.JSX.Element;
+    args: {};
+};
 //# sourceMappingURL=UL.stories.d.ts.map

package/types/mdx/UL/UL.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UL.stories.d.ts","sourceRoot":"","sources":["../../../src/mdx/UL/UL.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;AAI1B,wBAIE;AAEF,eAAO,MAAM,IAAI,yBAIhB,CAAC"}
+{"version":3,"file":"UL.stories.d.ts","sourceRoot":"","sources":["../../../src/mdx/UL/UL.stories.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;AAI1B,wBAKE;AAEF,eAAO,MAAM,IAAI;;;CAIhB,CAAC"}

package/types/organize/SimpleAccordion/SimpleAccordion.stories.d.ts

@@ -10,5 +10,16 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const main: (args: any) => React.JSX.Element;
+export declare const main: {
+    (args: any): React.JSX.Element;
+    args: {
+        defaultValue: never[];
+        onValueChange: (value: any) => void;
+        collapsible: boolean;
+        disabled: boolean;
+        overflow: string;
+        type: string;
+        children: React.JSX.Element;
+    };
+};
 //# sourceMappingURL=SimpleAccordion.stories.d.ts.map

package/types/organize/SimpleAccordion/SimpleAccordion.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleAccordion.stories.d.ts","sourceRoot":"","sources":["../../../src/organize/SimpleAccordion/SimpleAccordion.stories.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAiB,eAAe,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;AAIzD,wBAME;AAEF,eAAO,MAAM,IAAI,kCA6ChB,CAAC"}
+{"version":3,"file":"SimpleAccordion.stories.d.ts","sourceRoot":"","sources":["../../../src/organize/SimpleAccordion/SimpleAccordion.stories.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAiB,eAAe,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;AAIzD,wBAME;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;CAEhB,CAAC"}

package/types/organize/SimpleCarousel/Carousel.stories.d.ts

@@ -1,4 +1,4 @@
-import { SimpleCarousel } from './index';
+import { SimpleCarousel, CarouselProps } from './index';
 import React from 'react';
 declare const _default: {
     title: string;
@@ -10,5 +10,12 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Main: () => React.JSX.Element;
+export declare const Main: {
+    (args: CarouselProps): React.JSX.Element;
+    args: {
+        speed: number;
+        showCenterIndicator: boolean;
+        showSideArrows: boolean;
+    };
+};
 //# sourceMappingURL=Carousel.stories.d.ts.map

package/types/organize/SimpleCarousel/Carousel.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.stories.d.ts","sourceRoot":"","sources":["../../../src/organize/SimpleCarousel/Carousel.stories.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;AAG1B,wBAQE;AAKF,eAAO,MAAM,IAAI,yBAOhB,CAAC"}
+{"version":3,"file":"Carousel.stories.d.ts","sourceRoot":"","sources":["../../../src/organize/SimpleCarousel/Carousel.stories.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;AAG1B,wBAQE;AAKF,eAAO,MAAM,IAAI;WAAU,aAAa;;;;;;CAOvC,CAAC"}

package/types/organize/SimpleCarousel/index.d.ts

@@ -1,7 +1,7 @@
 import type { YStackProps } from 'tamagui';
 import React from 'react';
 import type { IconProps } from '@tamagui/helpers-icon';
-type CarouselProps = YStackProps & {
+export type CarouselProps = YStackProps & {
     children: React.ReactNode;
     speed?: number;
     showCenterIndicator?: boolean;
@@ -10,5 +10,4 @@ type CarouselProps = YStackProps & {
     sideArrowStyle?: IconProps;
 };
 export declare function SimpleCarousel({ children, speed, showCenterIndicator, showSideArrows, defaultSlide, sideArrowStyle, ...props }: CarouselProps): React.JSX.Element;
-export {};
 //# sourceMappingURL=index.d.ts.map