@app-studio/web 0.3.64 → 0.3.65

package/dist/components/Form/TextArea/examples/index.d.ts

@@ -1,13 +1,14 @@
-export { ColorArea } from '../../../Form/TextArea/examples/ColorScheme';
-export { DefaultArea } from '../../../Form/TextArea/examples/Default';
-export { DisabledArea } from '../../../Form/TextArea/examples/DisabledInput';
-export { ErrorArea } from '../../../Form/TextArea/examples/ErrorInput';
-export { HelperTextArea } from '../../../Form/TextArea/examples/HelperText';
-export { LabelArea } from '../../../Form/TextArea/examples/LabelInput';
-export { MaxArea } from '../../../Form/TextArea/examples/MaxRowCol';
-export { PlaceholderArea } from '../../../Form/TextArea/examples/Placeholder';
-export { ReadOnlyArea } from '../../../Form/TextArea/examples/ReadOnlyInput';
-export { ShapesArea } from '../../../Form/TextArea/examples/ShapeInput';
-export { SizeArea } from '../../../Form/TextArea/examples/SizeInput';
-export { StyledArea } from '../../../Form/TextArea/examples/StylesInput';
-export { VariantsArea } from '../../../Form/TextArea/examples/VariantsInputs';
+export * from './ColorScheme';
+export * from './Default';
+export * from './DisabledInput';
+export * from './ErrorInput';
+export * from './HelperText';
+export * from './LabelInput';
+export * from './MaxRowCol';
+export * from './Placeholder';
+export * from './ReadOnlyInput';
+export * from './ShadowArea';
+export * from './ShapeInput';
+export * from './SizeInput';
+export * from './StylesInput';
+export * from './VariantsInputs';

package/dist/components/Form/TextField/examples/colorScheme.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ColorSchemeDemo: () => React.JSX.Element;

package/dist/components/Form/TextField/examples/index.d.ts

@@ -1,15 +1,15 @@
-export * from '../../../Form/TextField/examples/ClearInput';
-export * from '../../../Form/TextField/examples/ColorScheme';
-export * from '../../../Form/TextField/examples/Default';
-export * from '../../../Form/TextField/examples/DisabledInput';
-export * from '../../../Form/TextField/examples/ErrorInput';
-export * from '../../../Form/TextField/examples/HelperText';
-export * from '../../../Form/TextField/examples/LabelInput';
-export * from '../../../Form/TextField/examples/LeftChild';
-export * from '../../../Form/TextField/examples/Placeholder';
-export * from '../../../Form/TextField/examples/ReadOnlyInput';
-export * from '../../../Form/TextField/examples/RightChild';
-export * from '../../../Form/TextField/examples/ShapeInput';
-export * from '../../../Form/TextField/examples/SizeInput';
-export * from '../../../Form/TextField/examples/StylesInput';
-export * from '../../../Form/TextField/examples/VariantsInputs';
+export * from './Default';
+export * from './DisabledInput';
+export * from './ErrorInput';
+export * from './HelperText';
+export * from './LabelInput';
+export * from './LeftChild';
+export * from './Placeholder';
+export * from './ReadOnlyInput';
+export * from './RightChild';
+export * from './ShapeInput';
+export * from './SizeInput';
+export * from './StylesInput';
+export * from './VariantsInputs';
+export * from './colorScheme';
+export * from './isClearable';

package/dist/components/Form/TextField/examples/isClearable.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const IsClearableDemo: () => React.JSX.Element;

package/dist/components/Formik/examples/index.d.ts

@@ -1,9 +1,8 @@
-export * from './FormikTextField';
-export * from './FormikCountryPicker';
 export * from './FormikCheckbox';
-export * from './FormikTextArea';
+export * from './FormikCountryPicker';
 export * from './FormikDatePicker';
-export * from './FormikTextField';
 export * from './FormikPassword';
 export * from './FormikSelect';
 export * from './FormikSwitch';
+export * from './FormikTextArea';
+export * from './FormikTextField';

package/dist/components/Layout/Horizontal/examples/index.d.ts

@@ -1,4 +1,4 @@
-export * from '../../../Layout/Horizontal/examples/Default';
-export * from '../../../Layout/Horizontal/examples/Justify';
-export * from '../../../Layout/Horizontal/examples/Reversed';
-export * from '../../../Layout/Horizontal/examples/Wrap';
+export * from './Default';
+export * from './Justify';
+export * from './Reversed';
+export * from './Wrap';

package/dist/components/Link/examples/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Default';
+export * from './IsExternal';
+export * from './Underline';

package/dist/components/Loader/examples/index.d.ts

@@ -1,7 +1,7 @@
-export { StyleLoader } from '../../Loader/examples/ColorLoader';
-export { DefaultLoader } from '../../Loader/examples/DefaultLoader';
-export { PositionLoader } from '../../Loader/examples/PositionLoader';
-export { SizeLoader } from '../../Loader/examples/SizeLoader';
-export { SpeedLoader } from '../../Loader/examples/SpeedLoader';
-export { TextLoader } from '../../Loader/examples/TextLoader';
-export { TypeLoader } from '../../Loader/examples/VariantLoader';
+export * from './ColorLoader';
+export * from './DefaultLoader';
+export * from './PositionLoader';
+export * from './SizeLoader';
+export * from './SpeedLoader';
+export * from './TextLoader';
+export * from './VariantLoader';

package/dist/components/Svg/DustBin.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 interface SvgProps {
     size?: number;
+    color?: string;
     [x: string]: any;
 }
 export declare const DustBinSvg: React.FC<SvgProps>;

package/dist/components/Svg/Warning.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SvgProps {
+    size?: number;
+    color?: string;
+    [x: string]: any;
+}
+export declare const WarningSvg: React.FC<SvgProps>;
+export {};

package/dist/components/Svg/index.d.ts

@@ -10,3 +10,4 @@ export * from './Indeterminate';
 export * from './OpenEye';
 export * from './Profile';
 export * from './RightArrow';
+export * from './Warning';

package/dist/components/Tabs/Tabs/Tabs.props.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TabsStyles, Tab } from './Tabs.type';
+export interface TabsProps {
+    tabs: Tab[];
+    styles?: TabsStyles;
+}
+export interface TabsViewProps extends TabsProps {
+    isActive: Tab;
+    setIsActive: React.Dispatch<React.SetStateAction<Tab>>;
+    tabsState: Tab[];
+    setTabsState: React.Dispatch<React.SetStateAction<Tab[]>>;
+}

package/dist/components/Tabs/Tabs/Tabs.state.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Tab } from 'src/components/Tabs/Tabs/Tabs.type';
+export declare const useTabsState: (propTabs: Tab[]) => {
+    isActive: Tab;
+    setIsActive: import("react").Dispatch<import("react").SetStateAction<Tab>>;
+    tabsState: Tab[];
+    setTabsState: import("react").Dispatch<import("react").SetStateAction<Tab[]>>;
+};

package/dist/components/Tabs/Tabs/Tabs.view.d.ts

@@ -0,0 +1,3 @@
+import { TabsViewProps } from './Tabs.props';
+import React from 'react';
+export declare const TabsView: (props: TabsViewProps) => React.JSX.Element;

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TabsProps } from './Tabs/Tabs.props';
+export declare const Tabs: React.NamedExoticComponent<TabsProps>;

package/dist/components/Tabs/examples/default.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Default: () => React.JSX.Element;

package/dist/components/Tabs/examples/index.d.ts

@@ -0,0 +1,2 @@
+export * from './default';
+export * from './styles';

package/dist/components/Tabs/examples/styles.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const StylesTabs: () => React.JSX.Element;

package/dist/components/Toggle/Toggle/Toggle.props.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { Shape, Variant } from './Toggle.type';
+export interface ToggleProps {
+    shape?: Shape;
+    isToggled?: boolean;
+    isDisabled?: boolean;
+    children: React.ReactNode;
+    variant?: Variant;
+    colorScheme?: string;
+    onToggle?: (isToggled: boolean) => void;
+    [x: string]: any;
+}
+export interface ToggleViewProps extends ToggleProps {
+    isHovered: boolean;
+    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
+    isToggle: boolean;
+    setIsToggled: React.Dispatch<React.SetStateAction<boolean>>;
+}

package/dist/components/Toggle/Toggle/Toggle.state.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const useToggleState: (defaultToggled: boolean) => {
+    isHovered: boolean;
+    setIsHovered: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    isToggle: boolean;
+    setIsToggled: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};

package/dist/components/Toggle/Toggle/Toggle.style.d.ts

@@ -0,0 +1,2 @@
+import { Shape } from './Toggle.type';
+export declare const ToggleShapes: Record<Shape, number | string>;

package/dist/components/Toggle/Toggle/Toggle.type.d.ts

@@ -0,0 +1,2 @@
+export declare type Shape = 'sharp' | 'rounded' | 'pillShaped';
+export declare type Variant = 'outline' | 'link' | 'ghost';

package/dist/components/Toggle/Toggle/Toggle.view.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ToggleViewProps } from './Toggle.props';
+declare const ToggleView: React.FC<ToggleViewProps>;
+export default ToggleView;

package/dist/components/Toggle/Toggle.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ToggleProps } from './Toggle/Toggle.props';
+export declare const Toggle: ({ children, shape, colorScheme, variant, isDisabled, isToggled, onToggle, ...props }: ToggleProps) => React.JSX.Element;

package/dist/components/Toggle/examples/colorScheme.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ColorSchemeDemo: () => React.JSX.Element;

package/dist/components/Toggle/examples/default.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DefaultDemo: () => React.JSX.Element;

package/dist/components/Toggle/examples/index.d.ts

@@ -0,0 +1,7 @@
+export * from './colorScheme';
+export * from './default';
+export * from './isDisabled';
+export * from './isToggled';
+export * from './onToggle';
+export * from './shape';
+export * from './variant';

package/dist/components/Toggle/examples/isDisabled.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const IsDisabledDemo: () => React.JSX.Element;

package/dist/components/Toggle/examples/isToggled.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const IsToggledDemo: () => React.JSX.Element;

package/dist/components/Toggle/examples/onToggle.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const OnToggleDemo: () => React.JSX.Element;

package/dist/components/Toggle/examples/shape.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ShapeDemo: () => React.JSX.Element;

package/dist/components/Toggle/examples/variant.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VariantDemo: () => React.JSX.Element;

package/dist/components/ToggleGroup/ToggleGroup/ToggleGroup.props.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export interface ToggleGroupProps {
+}
+import { Shape, ToggleItem, Variant } from './ToggleGroup.type';
+export interface ToggleGroupProps {
+    shape?: Shape;
+    items: ToggleItem[];
+    variant?: Variant;
+    colorScheme?: string;
+    onToggleChange?: (activeIds: string[]) => void;
+    [x: string]: any;
+}
+export interface ToggleGroupViewProps extends ToggleGroupProps {
+    activeToggles: string[];
+    setActiveToggles: React.Dispatch<React.SetStateAction<string[]>>;
+}

package/dist/components/ToggleGroup/ToggleGroup/ToggleGroup.state.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const useToggleGroupState: () => {
+    activeToggles: string[];
+    setActiveToggles: import("react").Dispatch<import("react").SetStateAction<string[]>>;
+};

package/dist/components/ToggleGroup/ToggleGroup/ToggleGroup.style.d.ts

@@ -0,0 +1,2 @@
+import { Shape } from './ToggleGroup.type';
+export declare const ToggleGroupShapes: Record<Shape, number | string>;

package/dist/components/ToggleGroup/ToggleGroup/ToggleGroup.type.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare type Shape = 'sharp' | 'rounded' | 'pillShaped';
+export declare type Variant = 'outline' | 'link' | 'ghost';
+export declare type ToggleItem = {
+    id: string;
+    value: React.ReactNode;
+    state?: boolean;
+    isDisabled?: boolean;
+    isActive?: boolean;
+};

package/dist/components/ToggleGroup/ToggleGroup/ToggleGroup.view.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ToggleGroupViewProps } from './ToggleGroup.props';
+export declare const ToggleGroupView: ({ items, onToggleChange, activeToggles, setActiveToggles, shape, variant, colorScheme, }: ToggleGroupViewProps) => React.JSX.Element;

package/dist/components/ToggleGroup/ToggleGroup.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ToggleGroupProps } from './ToggleGroup/ToggleGroup.props';
+export declare const ToggleGroup: ({ items, shape, colorScheme, variant, onToggleChange, }: ToggleGroupProps) => React.JSX.Element;

package/dist/components/ToggleGroup/examples/colorScheme.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ColorSchemeDemo: () => React.JSX.Element;

package/dist/components/ToggleGroup/examples/default.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DefaultDemo: () => React.JSX.Element;

package/dist/components/ToggleGroup/examples/index.d.ts

@@ -0,0 +1,6 @@
+export * from './colorScheme';
+export * from './default';
+export * from './items';
+export * from './onToggleChange';
+export * from './shape';
+export * from './variant';

package/dist/components/ToggleGroup/examples/items.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ItemsDemo: () => React.JSX.Element;

package/dist/components/ToggleGroup/examples/onToggleChange.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const OnToggleChangeDemo: () => React.JSX.Element;

package/dist/components/ToggleGroup/examples/shape.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ShapeDemo: () => React.JSX.Element;

package/dist/components/ToggleGroup/examples/variant.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VariantDemo: () => React.JSX.Element;

package/dist/components/index.d.ts

@@ -18,3 +18,10 @@ export * from './Loader/Loader';
 export * from './Modal/Modal';
 export * from './Text/Text';
 export * from './File/File';
+export * from './Tabs/Tabs';
+export * from './Alert/Alert';
+export * from './AspectRatio/AspectRatio';
+export * from './Avatar/Avatar';
+export * from './Badge/Badge';
+export * from './Toggle/Toggle';
+export * from './ToggleGroup/ToggleGroup';

package/dist/pages/alert.page.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AlertPage: () => React.JSX.Element;
+export default AlertPage;

package/dist/pages/aspectRatio.page.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AspectRatioPage: () => React.JSX.Element;
+export default AspectRatioPage;

package/dist/pages/avatar.page.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AvatarPage: () => React.JSX.Element;
+export default AvatarPage;

package/dist/pages/badge.page.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const BadgePage: () => React.JSX.Element;
+export default BadgePage;

package/dist/pages/tabs.page.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const TabsPage: () => React.JSX.Element;
+export default TabsPage;

package/dist/pages/toggle.page.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TogglePage: () => React.JSX.Element;
+export default TogglePage;

package/dist/pages/toggleGroup.page.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ToggleGroupPage: () => React.JSX.Element;
+export default ToggleGroupPage;