@ctlyst.id/internal-ui 2.1.8 → 2.1.10

package/dist/components/{checkbox/__stories__/checkbox-group.stories.d.ts → anchor/__stories__/anchor.stories.d.ts}

@@ -5,6 +5,5 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: () => JSX.Element;
-export declare const RequiredLabel: () => JSX.Element;
-export declare const WithHelpText: () => JSX.Element;
-export declare const WithError: () => JSX.Element;
+export declare const AnchorWithPill: () => JSX.Element;
+export declare const AnchorChildl: () => JSX.Element;

package/dist/components/anchor/components/anchor.d.ts

@@ -0,0 +1,20 @@
+import type { LinkProps } from '@chakra-ui/layout';
+import type { PropsWithChildren } from 'react';
+import * as React from 'react';
+export interface AnchorProps extends LinkProps, PropsWithChildren {
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    isActive?: boolean;
+    isChild?: boolean;
+}
+export declare const Anchor: {
+    ({ children, leftIcon, rightIcon, isActive, isChild, ...props }: AnchorProps): JSX.Element;
+    displayName: string;
+    defaultProps: {
+        leftIcon: undefined;
+        rightIcon: undefined;
+        isActive: boolean;
+        isChild: boolean;
+    };
+};
+export default Anchor;

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

@@ -0,0 +1 @@
+export { Anchor, AnchorProps } from './anchor';

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

@@ -0,0 +1 @@
+export * from './components';

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

@@ -0,0 +1 @@
+export { default as Badge, BadgeProps } from './badge';

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

@@ -1,2 +1 @@
-export { default as Badge } from './components/badge';
-export * from './components/badge';
+export * from './components';

package/dist/components/checkbox/__stories__/checkbox.stories.d.ts

@@ -7,3 +7,7 @@ export default _default;
 export declare const Default: () => JSX.Element;
 export declare const WithLabel: () => JSX.Element;
 export declare const WithHelpText: () => JSX.Element;
+export declare const DefaultGroup: () => JSX.Element;
+export declare const GroupRequiredLabel: () => JSX.Element;
+export declare const GroupWithHelpText: () => JSX.Element;
+export declare const GroupWithError: () => JSX.Element;

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

@@ -2,3 +2,4 @@ export { default as Checkbox } from './components/checkbox';
 export * from './components/checkbox';
 export { default as CheckboxGroup } from './components/checkbox-group';
 export * from './components/checkbox-group';
+export { CheckboxGroupContext, CheckboxGroupProps, CheckboxIcon, CheckboxIconProps, CheckboxState, useCheckbox, useCheckboxGroup, UseCheckboxGroupProps, UseCheckboxGroupReturn, UseCheckboxProps, UseCheckboxReturn, } from '@chakra-ui/checkbox';

package/dist/components/{base/__stories__/switch.stories.d.ts → collapse/__stories__/collapse.stories.d.ts}

@@ -4,5 +4,4 @@ declare const _default: {
     decorators: ((Story: React.ElementType) => JSX.Element)[];
 };
 export default _default;
-export declare const SwitchDefault: () => JSX.Element;
-export declare const SwitchDisabled: () => JSX.Element;
+export declare const Default: () => JSX.Element;

package/dist/components/counter/__stories__/counter.stories.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Counter: () => JSX.Element;
+export declare const CounterHelperText: () => JSX.Element;
+export declare const CounterError: () => JSX.Element;
+export declare const CounterDisable: () => JSX.Element;

package/dist/components/counter/components/counter.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface CounterProps {
+    value: number;
+    size?: string;
+    min?: number;
+    max?: number;
+    onChange: (val: number) => void;
+    isError?: boolean;
+    disabled?: boolean;
+    error?: string | React.ReactNode;
+    helperText?: string | React.ReactNode;
+    isReadOnly?: boolean;
+}
+declare const Counter: ({ value, size, min, max, onChange, isError, disabled, error, helperText, isReadOnly, }: CounterProps) => JSX.Element;
+export default Counter;

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

@@ -0,0 +1 @@
+export { default as Counter } from './components/counter';

package/dist/components/dialog/__stories__/dialog.stories.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;

package/dist/components/dialog/components/dialog.d.ts

@@ -0,0 +1,12 @@
+import type { ModalProps as ChakraModalProps } from '@chakra-ui/react';
+import React from 'react';
+interface DialogProps extends Omit<ChakraModalProps, 'children'> {
+    title: string;
+    content: React.ReactNode;
+    footer: React.ReactNode;
+    isModalOverlay?: boolean;
+    width?: string;
+    isOverlayClickable?: boolean;
+}
+declare const Dialog: React.FC<DialogProps>;
+export default Dialog;

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

@@ -0,0 +1 @@
+export { default as Dialog } from './components/dialog';

package/dist/components/empty-state/__stories__/dialog.stories.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;

package/dist/components/field/__stories__/field.stories.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Field: () => JSX.Element;

package/dist/components/{radio/__stories__/radio-group.stories.d.ts → image/__stories__/image.stories.d.ts}

@@ -5,6 +5,5 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: () => JSX.Element;
-export declare const RequiredLabel: () => JSX.Element;
-export declare const WithHelpText: () => JSX.Element;
-export declare const WithError: () => JSX.Element;
+export declare const NoImage: () => JSX.Element;
+export declare const ErrorImage: () => JSX.Element;

package/dist/components/index.d.ts

@@ -1,12 +1,16 @@
+export * from './accordion';
 export * from './alert';
+export * from './anchor';
 export * from './badge';
 export * from './breadcrumb';
 export * from './button';
 export * from './card';
 export * from './checkbox';
 export * from './chips';
+export * from './counter';
 export * from './data-table';
 export * from './datepicker';
+export * from './dialog';
 export * from './field';
 export * from './form';
 export * from './header';
@@ -27,3 +31,4 @@ export * from './tabs';
 export * from './text';
 export * from './tooltip';
 export * from './uploader';
+export { Avatar, AvatarBadge, AvatarBadgeProps, AvatarGroup, AvatarGroupProps, AvatarProps, Collapse, CollapseProps, Fade, FadeProps, Hide, HideProps, Img, ImgProps, ScaleFade, ScaleFadeProps, Show, ShowProps, Slide, SlideFade, SlideFadeProps, SlideProps, Step, StepDescription, StepIcon, StepIndicator, StepNumber, Stepper, StepSeparator, StepStatus, StepTitle, useBreakpoint, UseBreakpointOptions, useBreakpointValue, useColorModePreference, useImage, UseImageProps, UseImageReturn, useMediaQuery, UseMediaQueryOptions, usePrefersReducedMotion, useQuery, UseQueryProps, useSteps, VisuallyHidden, VisuallyHiddenInput, } from '@chakra-ui/react';

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

@@ -1 +1 @@
-export { Box, BoxProps, Center, Collapse, Container, ContainerProps, Divider, DividerProps, Flex, FlexProps, Grid, GridItem, GridItemProps, GridProps, HStack, SimpleGrid, Spacer, Stack, StackProps, VStack, Wrap, WrapItem, WrapItemProps, WrapProps, } from '@chakra-ui/react';
+export { Box, BoxProps, Center, Container, ContainerProps, Divider, DividerProps, Flex, FlexProps, Grid, GridItem, GridItemProps, GridProps, HStack, SimpleGrid, Spacer, Stack, StackProps, VStack, Wrap, WrapItem, WrapItemProps, WrapProps, } from '@chakra-ui/react';

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

@@ -1,3 +1,3 @@
 export { default as Loader } from './components/loader';
 export * from './components/loader';
-export { ScaleFade, ScaleFadeProps, Skeleton } from '@chakra-ui/react';
+export { Skeleton } from '@chakra-ui/react';

package/dist/components/radio/__stories__/radio.stories.d.ts

@@ -7,3 +7,7 @@ export default _default;
 export declare const Default: () => JSX.Element;
 export declare const WithLabel: () => JSX.Element;
 export declare const WithHelpText: () => JSX.Element;
+export declare const GroupDefault: () => JSX.Element;
+export declare const GroupRequiredLabel: () => JSX.Element;
+export declare const GroupWithHelpText: () => JSX.Element;
+export declare const WithError: () => JSX.Element;

package/dist/components/radio/components/radio-group.d.ts

@@ -6,12 +6,13 @@ export interface RadioGroupComponentProps extends FieldProps, RadioGroupProps {
     isError?: boolean;
     errorMessage?: string;
 }
-declare function RadioGroupComponent(props: RadioGroupComponentProps): JSX.Element;
-declare namespace RadioGroupComponent {
-    var defaultProps: {
+export declare const RadioGroup: {
+    ({ children, label, helpText, isError, errorMessage, ...props }: RadioGroupComponentProps): JSX.Element;
+    displayName: string;
+    defaultProps: {
         helpText: string;
         isError: boolean;
         errorMessage: string;
     };
-}
-export default RadioGroupComponent;
+};
+export default RadioGroup;

package/dist/components/radio/components/radio.d.ts

@@ -1,16 +1,17 @@
-import type { RadioProps } from '@chakra-ui/react';
+import type { RadioProps as ChakraRadioProps } from '@chakra-ui/react';
 import type { PropsWithChildren } from 'react';
-export interface RadioComponentProps extends RadioProps, PropsWithChildren {
+export interface RadioProps extends ChakraRadioProps, PropsWithChildren {
     isError?: boolean;
     helpText?: string;
     errorText?: string;
 }
-declare function RadioComponent({ isError, helpText, errorText, children, isDisabled, ...rest }: RadioComponentProps): JSX.Element;
-declare namespace RadioComponent {
-    var defaultProps: {
+export declare const Radio: {
+    ({ isError, helpText, errorText, children, isDisabled, ...rest }: RadioProps): JSX.Element;
+    displayName: string;
+    defaultProps: {
         isError: boolean;
         helpText: string;
         errorText: string;
     };
-}
-export default RadioComponent;
+};
+export default Radio;

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

@@ -1,4 +1,3 @@
-export { default as Radio } from './components/radio';
 export * from './components/radio';
-export { default as RadioGroup } from './components/radio-group';
 export * from './components/radio-group';
+export { RadioGroupContext, useRadio, useRadioGroup, useRadioGroupContext, UseRadioGroupProps, UseRadioGroupReturn, UseRadioProps, UseRadioReturn, } from '@chakra-ui/radio';

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

@@ -1,4 +1,2 @@
 export { default as Tab } from './components/tab';
-export { default as TabList } from './components/tab-list';
-export { default as TabPanel } from './components/tab-panel';
-export { TabIndicator, TabIndicatorProps, TabListProps, TabPanelProps, TabPanels, TabPanelsProps, TabProps, Tabs, TabsDescendantsProvider, TabsProps, TabsProvider, useTab, useTabIndicator, useTabList, UseTabListProps, UseTabListReturn, UseTabOptions, useTabPanel, useTabPanels, UseTabPanelsProps, UseTabProps, useTabs, useTabsContext, useTabsDescendant, useTabsDescendants, useTabsDescendantsContext, UseTabsProps, UseTabsReturn, useTabsStyles, } from '@chakra-ui/react';
+export { TabIndicator, TabIndicatorProps, TabList, TabListProps, TabPanel, TabPanelProps, TabPanels, TabPanelsProps, TabProps, Tabs, TabsDescendantsProvider, TabsProps, TabsProvider, useTab, useTabIndicator, useTabList, UseTabListProps, UseTabListReturn, UseTabOptions, useTabPanel, useTabPanels, UseTabPanelsProps, UseTabProps, useTabs, useTabsContext, useTabsDescendant, useTabsDescendants, useTabsDescendantsContext, UseTabsProps, UseTabsReturn, useTabsStyles, } from '@chakra-ui/react';

package/dist/components/toast/__stories__/toast.stories.d.ts

@@ -10,4 +10,3 @@ export declare const ToastIcon: () => JSX.Element;
 export declare const ToastLink: () => JSX.Element;
 export declare const ToastIconAndLink: () => JSX.Element;
 export declare const ToastCustomColor: () => JSX.Element;
-export declare const ToastPhone: () => JSX.Element;

package/dist/components/toast/components/toast.d.ts

@@ -1,3 +1,5 @@
+import 'react-toastify/dist/ReactToastify.css';
+import '@fontsource/poppins/400.css';
 import type { ToastOptions } from 'react-toastify';
 import type { ToastIcon } from 'react-toastify/dist/types';
 interface CustomToastOptions extends Omit<ToastOptions, 'icon'> {

package/dist/config/theme/components/index.d.ts

@@ -12,4 +12,5 @@ export { default as Popover } from './popover';
 export { default as Radio } from './radio';
 export { default as Switch } from './switch';
 export { default as Table } from './table';
+export { default as Tabs } from './tabs';
 export { default as Textarea } from './textarea';

package/dist/config/theme/components/tabs.d.ts

@@ -0,0 +1,30 @@
+declare const tabsTheme: {
+    baseStyle?: Partial<Record<"root" | "tab" | "tablist" | "tabpanel" | "tabpanels" | "indicator", import("@chakra-ui/styled-system").RecursiveCSSObject<import("@chakra-ui/styled-system").CSSWithMultiValues>>> | import("@chakra-ui/styled-system").PartsStyleFunction<{
+        keys: ("root" | "tab" | "tablist" | "tabpanel" | "tabpanels" | "indicator")[];
+    }> | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("root" | "tab" | "tablist" | "tabpanel" | "tabpanels" | "indicator")[];
+        }>;
+    } | undefined;
+    variants?: {
+        line: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
+            tablist: {
+                [x: string]: string;
+                borderColor: string;
+            };
+            tab: {
+                [x: string]: string;
+                borderColor: string;
+            };
+        };
+        unstyled: {};
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: "line" | "unstyled" | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("root" | "tab" | "tablist" | "tabpanel" | "tabpanels" | "indicator")[];
+};
+export default tabsTheme;

package/dist/hooks/index.d.ts

@@ -1,2 +1,2 @@
 export { default as useFetcher } from './useFetcher';
-export { useBoolean, useColorMode, useColorModeValue, useDisclosure, UseDisclosureProps, UseRadioGroupProps, useToken, } from '@chakra-ui/react';
+export { useBoolean, useBreakpointValue, useClipboard, useColorMode, useColorModeValue, useConst, useControllableProp, useControllableState, useDimensions, useDisclosure, UseDisclosureProps, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, UseRadioGroupProps, useTheme, useToken, } from '@chakra-ui/react';