@multiplatform.one/components 2.0.4 → 2.0.6

package/src/forms/Checkbox/FieldCheckbox.tsx

@@ -0,0 +1,176 @@
+/**
+ * File: /src/forms/Checkbox/FieldCheckbox.tsx
+ * Project: @multiplatform.one/components
+ * File Created: 19-06-2024 09:37:30
+ * 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, { useId } from 'react';
+import type { CheckboxProps } from './Checkbox';
+import type { CheckedState, FontSizeTokens } from 'tamagui';
+import type { DeepKeys, DeepValue, Validator } from '@tanstack/form-core';
+import type { FieldComponentProps } from '../types';
+import type { FormFieldProps } from '../FormField';
+import { CheckRegular, MinusRegular } from '../../icons';
+import { Checkbox } from './Checkbox';
+import { Field, useForm } from '@tanstack/react-form';
+import { useProps, XStack, Label, Paragraph, YStack } from 'tamagui';
+
+export type FieldCheckboxProps<
+  TParentData = any,
+  TName extends DeepKeys<TParentData> = any,
+  TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined,
+  TFormValidator extends Validator<TParentData, unknown> | undefined = undefined,
+  TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>,
+> = Omit<FormFieldProps<TParentData, TName, TFieldValidator, TFormValidator, TData>, 'children' | 'field'> &
+  Pick<CheckboxProps, 'checked' | 'children' | 'onCheckedChange'> &
+  Partial<Omit<FieldComponentProps<TParentData, TName, TFieldValidator, TFormValidator, TData>, 'children'>> & {
+    checkboxProps?: Omit<CheckboxProps, 'children' | 'checked' | 'id' | 'onCheckedChange'>;
+  };
+
+export function FieldCheckbox<
+  TParentData,
+  TName extends DeepKeys<TParentData>,
+  TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined,
+  TFormValidator extends Validator<TParentData, unknown> | undefined = undefined,
+  TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>,
+>(props: FieldCheckboxProps<TParentData, TName, TFieldValidator, TFormValidator, TData>) {
+  let {
+    asyncAlways,
+    asyncDebounceMs,
+    checkboxProps,
+    checked,
+    children,
+    defaultMeta,
+    defaultValue,
+    error,
+    form,
+    helperText,
+    label,
+    labelProps,
+    mode,
+    name,
+    onBlur,
+    onCheckedChange,
+    preserveValue,
+    required,
+    size,
+    validatorAdapter,
+    validators,
+    ...fieldProps
+  } = useProps(props);
+  form = form || useForm();
+  const id = fieldProps.id || useId();
+  helperText = error && typeof error === 'string' ? error : helperText;
+  if (!form || !name) {
+    return (
+      <YStack theme={error ? 'red' : undefined} {...fieldProps} onBlur={onBlur}>
+        <XStack gap="$2" alignItems="center">
+          <Checkbox
+            {...checkboxProps}
+            onCheckedChange={onCheckedChange}
+            checked={checked ?? (defaultValue as boolean | 'indeterminate')}
+            id={id}
+          >
+            {children ?? (
+              <Checkbox.Indicator>
+                {(checked ?? (defaultValue as boolean | 'indeterminate')) === 'indeterminate' ? (
+                  <MinusRegular />
+                ) : (
+                  <CheckRegular />
+                )}
+              </Checkbox.Indicator>
+            )}
+          </Checkbox>
+          {label && (
+            <Label htmlFor={id} size={size || '$3'} color={error ? '$red10' : undefined} {...labelProps}>
+              {label}
+              {required && ` *`}
+            </Label>
+          )}
+        </XStack>
+        {helperText && (
+          <Paragraph paddingLeft="$2" size={size as FontSizeTokens} color={error ? '$red10' : undefined}>
+            {helperText}
+          </Paragraph>
+        )}
+      </YStack>
+    );
+  }
+  return (
+    <Field
+      asyncAlways={asyncAlways}
+      asyncDebounceMs={asyncDebounceMs}
+      defaultMeta={defaultMeta}
+      defaultValue={defaultValue}
+      form={form}
+      mode={mode}
+      name={name}
+      preserveValue={preserveValue}
+      validatorAdapter={validatorAdapter}
+      validators={validators}
+    >
+      {(field) => {
+        error = field.state.meta.errors.length ? field.state.meta.errors.join(', ') : error;
+        helperText = typeof error === 'string' ? error : helperText;
+        return (
+          <YStack
+            theme={error ? 'red' : undefined}
+            {...fieldProps}
+            onBlur={(e) => {
+              field.handleBlur();
+              return onBlur?.(e);
+            }}
+          >
+            <XStack gap="$2" alignItems="center">
+              <Checkbox
+                {...checkboxProps}
+                checked={checked ?? (field.state.value as CheckedState)}
+                id={id}
+                onCheckedChange={(checked) => {
+                  field.handleChange(checked as TData);
+                  return onCheckedChange?.(checked);
+                }}
+              >
+                {children ?? (
+                  <Checkbox.Indicator>
+                    {(checked ?? (field.state.value as CheckedState)) === 'indeterminate' ? (
+                      <MinusRegular />
+                    ) : (
+                      <CheckRegular />
+                    )}
+                  </Checkbox.Indicator>
+                )}
+              </Checkbox>
+              {label && (
+                <Label htmlFor={id} size={size || '$3'} color={error ? '$red10' : undefined} {...labelProps}>
+                  {label}
+                  {required && ` *`}
+                </Label>
+              )}
+            </XStack>
+            {helperText && (
+              <Paragraph paddingLeft="$2" size={size as FontSizeTokens} color={error ? '$red10' : undefined}>
+                {helperText}
+              </Paragraph>
+            )}
+          </YStack>
+        );
+      }}
+    </Field>
+  );
+}

package/src/forms/Checkbox/index.ts

@@ -0,0 +1,23 @@
+/*
+ * File: /src/forms/Checkbox/index.ts
+ * Project: @multiplatform.one/components
+ * File Created: 20-06-2024 10:45:14
+ * 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.
+ */
+
+export * from './Checkbox';
+export * from './FieldCheckbox';

package/src/forms/FormField.tsx

@@ -20,26 +20,43 @@
  */
 
 import React from 'react';
+import type { DeepKeys, DeepValue, Validator, FieldApi } from '@tanstack/form-core';
 import type { LabelProps, YStackProps, SizeTokens, FontSizeTokens } from 'tamagui';
 import type { ReactNode } from 'react';
-import { Label, Paragraph, YStack } from 'tamagui';
+import { Label, Paragraph, YStack, useProps } from 'tamagui';
 
-export interface FormFieldProps extends YStackProps {
+export interface FormFieldProps<
+  TParentData,
+  TName extends DeepKeys<TParentData>,
+  TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined,
+  TFormValidator extends Validator<TParentData, unknown> | undefined = undefined,
+  TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>,
+> extends YStackProps {
   children: ReactNode;
+  error?: string | boolean;
+  field?: FieldApi<TParentData, TName, TFieldValidator, TFormValidator, TData>;
+  helperText?: string;
+  id?: string;
   label?: string;
   labelProps?: Omit<LabelProps, 'htmlFor' | 'ref'>;
-  helperText?: string;
   required?: boolean;
-  error?: boolean;
-  id: string;
   size?: SizeTokens;
 }
 
-export function FormField({ children, label, error, helperText, labelProps, id, size, required }: FormFieldProps) {
+export function FormField<
+  TParentData,
+  TName extends DeepKeys<TParentData>,
+  TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined,
+  TFormValidator extends Validator<TParentData, unknown> | undefined = undefined,
+  TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>,
+>(props: FormFieldProps<TParentData, TName, TFieldValidator, TFormValidator, TData>) {
+  let { children, error, field, helperText, id, label, labelProps, required, size, ...stackProps } = useProps(props);
+  error = field?.state.meta.errors.length ? field.state.meta.errors.join(', ') : error;
+  helperText = error && typeof error === 'string' ? error : helperText;
   return (
-    <YStack>
+    <YStack theme={error ? 'red' : undefined} {...stackProps}>
       {label && (
-        <Label htmlFor={id} size={size || '$3'} {...labelProps} color={error ? '$red10' : undefined}>
+        <Label htmlFor={id} size={size || '$3'} color={error ? '$red10' : undefined} {...labelProps}>
           {label}
           {required && ` *`}
         </Label>

package/src/forms/Input/FieldInput.stories.tsx

@@ -0,0 +1,65 @@
+/**
+ * File: /src/forms/Input/FieldInput.stories.tsx
+ * Project: @multiplatform.one/components
+ * File Created: 10-10-2023 06:39:34
+ * 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 { Button } from 'tamagui';
+import { FieldInput } from './FieldInput';
+import { YStack } from 'tamagui';
+import { action } from '@storybook/addon-actions';
+import { useForm } from '@tanstack/react-form';
+import type { FieldInputProps } from './FieldInput';
+
+export default {
+  title: 'forms/FieldInput',
+  component: FieldInput,
+  parameters: {
+    status: { type: 'beta' },
+  },
+};
+
+export const main = (args) => <FieldInput onCheckedChange={action('onCheckedChange')} {...args} />;
+const mainArgs: FieldInputProps = {
+  label: 'Hi',
+  error: undefined,
+  helperText: 'please check this input',
+  mode: undefined,
+  size: '$1',
+};
+main.args = mainArgs;
+
+export const form = () => {
+  const form = useForm({
+    defaultValues: {
+      none: false,
+      auto: true,
+    },
+    onSubmit: async ({ value }) => {
+      action('onSubmit')(value);
+    },
+  });
+  return (
+    <YStack>
+      <FieldInput label="Accept" name="none" form={form} />
+      <FieldInput label="Accept" name="auto" form={form} />
+      <Button onPress={form.handleSubmit}>Submit</Button>
+    </YStack>
+  );
+};

package/src/forms/Input/FieldInput.tsx

@@ -0,0 +1,118 @@
+/**
+ * File: /src/forms/Input/FieldInput.tsx
+ * Project: @multiplatform.one/components
+ * File Created: 20-06-2024 06:03:52
+ * 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, { useId } from 'react';
+import type { DeepKeys, DeepValue, Validator } from '@tanstack/form-core';
+import type { FieldComponentProps } from '../types';
+import type { FormFieldProps } from '../FormField';
+import type { InputProps } from './Input';
+import { FormField } from '../FormField';
+import { Input } from './Input';
+import { useForm, Field } from '@tanstack/react-form';
+import { useProps } from 'tamagui';
+
+export type FieldInputProps<
+  TParentData = any,
+  TName extends DeepKeys<TParentData> = any,
+  TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined,
+  TFormValidator extends Validator<TParentData, unknown> | undefined = undefined,
+  TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>,
+> = Omit<FormFieldProps<TParentData, TName, TFieldValidator, TFormValidator, TData>, 'children' | 'field'> &
+  Pick<InputProps, 'value' | 'onChange' | 'onChangeText'> &
+  Partial<Omit<FieldComponentProps<TParentData, TName, TFieldValidator, TFormValidator, TData>, 'children'>> & {
+    inputProps?: Omit<InputProps, 'value' | 'id' | 'onChange' | 'onChangeText'>;
+  };
+
+export function FieldInput<
+  TParentData,
+  TName extends DeepKeys<TParentData>,
+  TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined,
+  TFormValidator extends Validator<TParentData, unknown> | undefined = undefined,
+  TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>,
+>(props: FieldInputProps<TParentData, TName, TFieldValidator, TFormValidator, TData>) {
+  let {
+    asyncAlways,
+    asyncDebounceMs,
+    defaultMeta,
+    defaultValue,
+    form,
+    inputProps,
+    mode,
+    name,
+    onBlur,
+    onChange,
+    onChangeText,
+    preserveValue,
+    validatorAdapter,
+    validators,
+    value,
+    ...fieldProps
+  } = useProps(props);
+  form = form || useForm();
+  const id = fieldProps.id || useId();
+  if (!form || !name) {
+    return (
+      <FormField {...fieldProps} id={id} onBlur={onBlur}>
+        <Input {...inputProps} id={id} value={value ?? (defaultValue as string)} onChange={onChange} />
+      </FormField>
+    );
+  }
+  return (
+    <Field
+      asyncAlways={asyncAlways}
+      asyncDebounceMs={asyncDebounceMs}
+      defaultMeta={defaultMeta}
+      defaultValue={defaultValue}
+      form={form}
+      mode={mode}
+      name={name}
+      preserveValue={preserveValue}
+      validatorAdapter={validatorAdapter}
+      validators={validators}
+    >
+      {(field) => {
+        const error = field.state.meta.errors.length ? field.state.meta.errors.join(', ') : fieldProps.error;
+        return (
+          <FormField
+            error={error}
+            {...fieldProps}
+            id={id}
+            onBlur={(e) => {
+              field.handleBlur();
+              return onBlur?.(e);
+            }}
+          >
+            <Input
+              {...inputProps}
+              id={id}
+              onChange={onChange}
+              value={value ?? (field.state.value as string)}
+              onChangeText={(text) => {
+                field.handleChange(text as TData);
+                return onChangeText?.(text);
+              }}
+            />
+          </FormField>
+        );
+      }}
+    </Field>
+  );
+}

package/src/forms/Input/Input.ts

@@ -0,0 +1,23 @@
+/*
+ * File: /src/forms/Input/Input.ts
+ * Project: @multiplatform.one/components
+ * File Created: 20-06-2024 11:25:58
+ * 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.
+ */
+
+export type { InputProps } from 'tamagui';
+export { Input } from 'tamagui';

package/src/forms/Input/index.ts

@@ -0,0 +1,23 @@
+/*
+ * File: /src/forms/Input/index.ts
+ * Project: @multiplatform.one/components
+ * File Created: 20-06-2024 11:30:58
+ * 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.
+ */
+
+export * from './FieldInput';
+export * from './Input';

package/src/forms/Progress/FieldProgress.stories.tsx

@@ -0,0 +1,62 @@
+/**
+ * File: /src/forms/Progress/FieldProgress.stories.tsx
+ * Project: @multiplatform.one/components
+ * File Created: 19-06-2024 09:37:30
+ * 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 { FieldProgressProps } from './FieldProgress';
+import { Button, YStack } from 'tamagui';
+import { FieldProgress } from './FieldProgress';
+import { action } from '@storybook/addon-actions';
+import { useForm } from '@tanstack/react-form';
+
+export default {
+  title: 'forms/FieldProgress',
+  component: FieldProgress,
+  parameters: {
+    status: {
+      type: 'beta',
+    },
+  },
+};
+
+export const main = (args) => <FieldProgress onProgressChange={action('onProgressChange')} {...args} />;
+const mainArgs: FieldProgressProps = {
+  label: 'john',
+  error: undefined,
+  helperText: 'please check this progress',
+  size: '$2',
+};
+main.args = mainArgs;
+export const form = () => {
+  const form = useForm({
+    defaultValues: {
+      foo: false,
+      bar: true,
+    },
+    onSubmit: async ({ value }) => {
+      action('onSubmit')(value);
+    },
+  });
+  return (
+    <YStack>
+      <Button onPress={form.handleSubmit}>Submit</Button>
+    </YStack>
+  );
+};

package/src/forms/Progress/FieldProgress.tsx

@@ -0,0 +1,108 @@
+/**
+ * File: /src/forms/Progress/FieldProgress.tsx
+ * Project: @multiplatform.one/components
+ * File Created: 19-06-2024 09:37:30
+ * 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, { useId } from 'react';
+import type { DeepKeys, DeepValue, Validator } from '@tanstack/form-core';
+import type { FieldComponentProps } from '../types';
+import type { FormFieldProps } from '../FormField';
+import type { ProgressProps } from './Progress';
+import { FormField } from '../FormField';
+import { Progress } from './Progress';
+import { useForm, Field } from '@tanstack/react-form';
+import { useProps } from 'tamagui';
+
+export type FieldProgressProps<
+  TParentData = any,
+  TName extends DeepKeys<TParentData> = any,
+  TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined,
+  TFormValidator extends Validator<TParentData, unknown> | undefined = undefined,
+  TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>,
+> = Omit<FormFieldProps<TParentData, TName, TFieldValidator, TFormValidator, TData>, 'children' | 'field'> &
+  Pick<ProgressProps, 'id' | 'value'> &
+  Partial<Omit<FieldComponentProps<TParentData, TName, TFieldValidator, TFormValidator, TData>, 'children'>> & {
+    progressProps?: Omit<ProgressProps, 'id' | 'value'>;
+  };
+
+export function FieldProgress<
+  TParentData,
+  TName extends DeepKeys<TParentData>,
+  TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined,
+  TFormValidator extends Validator<TParentData, unknown> | undefined = undefined,
+  TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>,
+>(props: FieldProgressProps<TParentData, TName, TFieldValidator, TFormValidator, TData>) {
+  let {
+    asyncAlways,
+    asyncDebounceMs,
+    defaultMeta,
+    defaultValue,
+    form,
+    mode,
+    name,
+    value,
+    preserveValue,
+    progressProps,
+    validatorAdapter,
+    validators,
+    ...fieldProps
+  } = useProps(props);
+  form = form ?? useForm();
+  const id = fieldProps.id || useId();
+  if (!form || !name) {
+    return (
+      <FormField {...fieldProps} id={id}>
+        <Progress
+          borderColor={fieldProps.error ? '$red8' : undefined}
+          {...progressProps}
+          id={id}
+          value={value ?? (defaultValue as number)}
+        />
+      </FormField>
+    );
+  }
+  return (
+    <Field
+      asyncAlways={asyncAlways}
+      asyncDebounceMs={asyncDebounceMs}
+      defaultMeta={defaultMeta}
+      defaultValue={defaultValue}
+      form={form}
+      mode={mode}
+      name={name}
+      preserveValue={preserveValue}
+      validatorAdapter={validatorAdapter}
+      validators={validators}
+    >
+      {(field) => {
+        const error = field.state.meta.errors.length ? field.state.meta.errors.join(', ') : fieldProps.error;
+        return (
+          <FormField error={error} {...fieldProps} id={id}>
+            <Progress
+              borderColor={error ? '$red8' : undefined}
+              {...progressProps}
+              id={id}
+              value={value ?? (field.state.value as number)}
+            />
+          </FormField>
+        );
+      }}
+    </Field>
+  );
+}

package/src/forms/Progress/Progress.ts

@@ -0,0 +1,23 @@
+/*
+ * File: /src/forms/Progress/Progress.ts
+ * Project: @multiplatform.one/components
+ * File Created: 20-06-2024 11:32:07
+ * 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.
+ */
+
+export type { ProgressProps } from 'tamagui';
+export { Progress } from 'tamagui';