@ctlyst.id/internal-ui 1.1.0-canary.0 → 1.1.0-canary.1

package/README.md

@@ -1 +1 @@
-# @ctlyst.id/internal-ui
+## @ctlyst.id/internal-ui

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+declare const _default: {
+    chakra: {
+        theme: Record<string, any>;
+    };
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const AlertWithClose: () => JSX.Element;
+export declare const AlertWithCTA: () => JSX.Element;
+export declare const AlertWithCloseAndCTA: () => JSX.Element;
+export declare const Variant: () => JSX.Element;

package/dist/components/alert/components/alert-action.d.ts

@@ -0,0 +1,6 @@
+import type { HTMLChakraProps } from '@chakra-ui/system';
+export declare type AlertActionProps = HTMLChakraProps<'button'>;
+export declare function AlertAction({ children, className }: AlertActionProps): JSX.Element;
+export declare namespace AlertAction {
+    var displayName: string;
+}

package/dist/components/alert/components/alert-close.d.ts

@@ -0,0 +1,6 @@
+import type { HTMLChakraProps } from '@chakra-ui/system';
+export declare type AlertCloseProps = HTMLChakraProps<'span'>;
+export declare function AlertClose({ className, children, ...rest }: AlertCloseProps): JSX.Element;
+export declare namespace AlertClose {
+    var displayName: string;
+}

package/dist/components/alert/components/alert-context.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { CheckIcon, InfoIcon, WarningIcon } from './icons';
+export declare const AlertProvider: import("react").Provider<AlertContext>, useAlertContext: () => AlertContext;
+export declare const AlertStylesProvider: import("react").Provider<Record<string, import("@chakra-ui/styled-system").RecursiveCSSObject<import("@chakra-ui/styled-system").CSSWithMultiValues>>>, useAlertStyles: () => Record<string, import("@chakra-ui/styled-system").RecursiveCSSObject<import("@chakra-ui/styled-system").CSSWithMultiValues>>;
+declare const STATUSES: {
+    info: {
+        icon: typeof InfoIcon;
+        colorScheme: string;
+    };
+    warning: {
+        icon: typeof InfoIcon;
+        colorScheme: string;
+    };
+    success: {
+        icon: typeof CheckIcon;
+        colorScheme: string;
+    };
+    error: {
+        icon: typeof WarningIcon;
+        colorScheme: string;
+    };
+};
+export declare function getStatusColorScheme(status: AlertStatus): string;
+export declare function getStatusIcon(status: AlertStatus): typeof InfoIcon | typeof CheckIcon | typeof WarningIcon;
+export declare type AlertStatus = keyof typeof STATUSES;
+export interface AlertContext {
+    status: AlertStatus;
+}
+export {};

package/dist/components/alert/components/alert-description.d.ts

@@ -0,0 +1,3 @@
+import type { HTMLChakraProps } from '@chakra-ui/system';
+export declare type AlertDescriptionProps = HTMLChakraProps<'div'>;
+export declare const AlertDescription: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"div", HTMLChakraProps<"div">>;

package/dist/components/alert/components/alert-icon.d.ts

@@ -0,0 +1,6 @@
+import type { HTMLChakraProps } from '@chakra-ui/system';
+export declare type AlertIconProps = HTMLChakraProps<'span'>;
+export declare function AlertIcon({ className, children, ...rest }: AlertIconProps): JSX.Element;
+export declare namespace AlertIcon {
+    var displayName: string;
+}

package/dist/components/alert/components/alert-title.d.ts

@@ -0,0 +1,3 @@
+import type { HTMLChakraProps } from '@chakra-ui/system';
+export declare type AlertTitleProps = HTMLChakraProps<'div'>;
+export declare const AlertTitle: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"div", HTMLChakraProps<"div">>;

package/dist/components/alert/components/alert.d.ts

@@ -0,0 +1,25 @@
+import type { HTMLChakraProps, ThemingProps } from '@chakra-ui/system';
+import type { AlertStatus } from './alert-context';
+interface AlertOptions {
+    /**
+     * The status of the alert
+     * @default "info"
+     */
+    status?: AlertStatus;
+}
+export declare type AlertVariant = 'solid' | 'subtle';
+export interface AlertProps extends HTMLChakraProps<'div'>, AlertOptions, ThemingProps<'Alert'> {
+    /**
+     * @default false
+     */
+    addRole?: boolean;
+}
+/**
+ * Alert is used to communicate the state or status of a
+ * page, feature or action
+ *
+ * @see Docs https://chakra-ui.com/docs/components/alert
+ * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/alert/
+ */
+export declare const Alert: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"div", AlertProps>;
+export {};

package/dist/components/alert/components/icons.d.ts

@@ -0,0 +1,3 @@
+export declare function CheckIcon(): JSX.Element;
+export declare function InfoIcon(): JSX.Element;
+export declare function WarningIcon(): JSX.Element;

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

@@ -0,0 +1,14 @@
+export type { AlertProps } from './alert';
+export { Alert } from './alert';
+export type { AlertActionProps } from './alert-action';
+export { AlertAction } from './alert-action';
+export type { AlertCloseProps } from './alert-close';
+export { AlertClose } from './alert-close';
+export type { AlertStatus } from './alert-context';
+export { useAlertStyles } from './alert-context';
+export type { AlertDescriptionProps } from './alert-description';
+export { AlertDescription } from './alert-description';
+export type { AlertIconProps } from './alert-icon';
+export { AlertIcon } from './alert-icon';
+export type { AlertTitleProps } from './alert-title';
+export { AlertTitle } from './alert-title';

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

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

package/dist/components/{base/__stories__/button.stories.d.ts → badge/__stories__/badge.stories.d.ts}

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

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

@@ -0,0 +1,11 @@
+import type { BadgeProps as BadgeChakraProps } from '@chakra-ui/react';
+export interface BadgeProps extends BadgeChakraProps {
+    pill?: boolean;
+}
+declare const Badge: {
+    (props: BadgeProps): JSX.Element;
+    defaultProps: {
+        pill: boolean;
+    };
+};
+export default Badge;

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

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

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+declare const _default: {
+    chakra: {
+        theme: Record<string, any>;
+    };
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Size: () => JSX.Element;
+export declare const Variant: () => JSX.Element;
+export declare const TextLink: () => JSX.Element;
+export declare const IconButton: () => JSX.Element;

package/dist/components/button/components/button.d.ts

@@ -0,0 +1,4 @@
+import type { ButtonProps as ButtonChakraProps } from '@chakra-ui/react';
+export declare type ButtonProps = ButtonChakraProps;
+declare const Button: (props: ButtonProps) => JSX.Element;
+export default Button;

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

@@ -0,0 +1,2 @@
+export { default as Button } from './components/button';
+export * from './components/button';

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+declare const _default: {
+    chakra: {
+        theme: Record<string, any>;
+    };
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+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;

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

@@ -0,0 +1,18 @@
+import type { CheckboxGroupProps } from '@chakra-ui/react';
+import type { PropsWithChildren } from 'react';
+import type { FieldProps } from '../../field';
+export interface CheckboxGroupComponentProps extends FieldProps, CheckboxGroupProps, PropsWithChildren {
+    label: string;
+    helpText?: string;
+    isError?: boolean;
+    errorMessage?: string;
+}
+declare function CheckboxGroupComponent(props: CheckboxGroupComponentProps): JSX.Element;
+declare namespace CheckboxGroupComponent {
+    var defaultProps: {
+        helpText: string;
+        isError: boolean;
+        errorMessage: string;
+    };
+}
+export default CheckboxGroupComponent;

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

@@ -1,2 +1,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';

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+declare const _default: {
+    chakra: {
+        theme: Record<string, any>;
+    };
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Variant: () => JSX.Element;
+export declare const WithClose: () => JSX.Element;

package/dist/components/chips/components/chips.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+export interface ChipsProps {
+    isDisabled?: boolean;
+    isActive?: boolean;
+    onClose?: () => void;
+    children?: ReactNode;
+    size?: 'sm' | 'md';
+}
+declare const Chips: {
+    ({ children, ...rest }: ChipsProps): JSX.Element;
+    defaultProps: {
+        isDisabled: boolean;
+        isActive: boolean;
+        onClose: undefined;
+        children: undefined;
+        size: string;
+    };
+};
+export default Chips;

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

@@ -0,0 +1,2 @@
+export { default as Chips } from './components/chips';
+export * from './components/chips';

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

@@ -3,7 +3,6 @@ export interface Props {
     label?: string | ReactNode;
     isError?: boolean;
     isSuccess?: boolean;
-    isDisabled?: boolean;
     errorMessage?: string | ReactNode;
     leftHelperText?: string | ReactNode;
     rightHelperText?: string | ReactNode;

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

@@ -1,6 +1,2 @@
 export { default as Field } from './components/field';
 export * from './components/field';
-export { default as InputField } from './components/input-field';
-export * from './components/input-field';
-export { default as TextareaField } from './components/textarea-field';
-export * from './components/textarea-field';

package/dist/components/form/__stories__/input.stories.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+declare const _default: {
+    chakra: {
+        theme: Record<string, any>;
+    };
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Variant: () => JSX.Element;
+export declare const PasswordField: () => JSX.Element;
+export declare const WithClear: () => JSX.Element;
+export declare const WithAddOn: () => JSX.Element;

package/dist/components/form/__stories__/textarea.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    chakra: {
+        theme: Record<string, any>;
+    };
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const TextArea: () => JSX.Element;

package/dist/components/form/components/input-addon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface InputAddonProps {
+    children: React.ReactNode;
+}
+export declare const InputAddonLeft: ({ children }: InputAddonProps) => JSX.Element;
+export declare const InputAddonRight: ({ children }: InputAddonProps) => JSX.Element;
+export {};

package/dist/components/{field → form}/components/input-field.d.ts

@@ -1,12 +1,15 @@
 import type { InputProps as ChakraInputProps } from '@chakra-ui/react';
 import type { ReactNode } from 'react';
 import React from 'react';
-import type { FieldProps } from './field';
+import type { FieldProps } from '../../field/components/field';
 export interface InputFieldProps extends ChakraInputProps, FieldProps {
     addOnLeft?: ReactNode;
     addOnRight?: ReactNode;
     elementLeft?: ReactNode;
     elementRight?: ReactNode;
+    withClear?: boolean;
+    isLoading?: boolean;
+    onClear?: () => void;
 }
 declare const InputField: React.ForwardRefExoticComponent<InputFieldProps & React.RefAttributes<HTMLInputElement>>;
 export default InputField;

package/dist/components/{field/components/textarea-field.d.ts → form/components/textarea.d.ts}

@@ -1,12 +1,8 @@
 import type { TextareaProps as ChakraTextareaProps } from '@chakra-ui/react';
-import type { ReactNode } from 'react';
 import React from 'react';
-import type { FieldProps } from './field';
+import type { FieldProps } from '../../field';
 export interface TextAreaProps extends ChakraTextareaProps, FieldProps {
-    addOnLeft?: ReactNode;
-    addOnRight?: ReactNode;
-    elementLeft?: ReactNode;
-    elementRight?: ReactNode;
+    isLoading?: boolean;
 }
 declare const TextareaField: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export default TextareaField;

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

@@ -0,0 +1,4 @@
+export { default as InputField } from './components/input-field';
+export * from './components/input-field';
+export { default as TextareaField } from './components/textarea';
+export * from './components/textarea';

package/dist/components/form/styles/input-field.d.ts

@@ -0,0 +1,4 @@
+import type { BoxProps } from '@chakra-ui/react';
+import type { InputFieldProps } from '../components/input-field';
+declare const getWrapperStyle: (props: InputFieldProps) => BoxProps;
+export default getWrapperStyle;

package/dist/components/index.d.ts

@@ -1,14 +1,20 @@
 export * from './breadcrumb';
+export * from './button';
 export * from './card';
 export * from './checkbox';
 export * from './data-table';
 export * from './datepicker';
 export * from './field';
+export * from './form';
 export * from './header';
+export * from './layouting';
 export * from './loader';
 export * from './modal';
 export * from './navigation';
 export * from './pagination';
+export * from './radio';
 export * from './select';
+export * from './switch';
 export * from './tabs';
+export * from './text';
 export * from './uploader';

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

@@ -0,0 +1,4 @@
+import type { BoxProps as BoxPropsChakra } from '@chakra-ui/react';
+import { Box } from '@chakra-ui/react';
+export declare type BoxProps = BoxPropsChakra;
+export default Box;

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

@@ -0,0 +1,4 @@
+import type { ContainerProps as ContainerPropsChakra } from '@chakra-ui/react';
+import { Container } from '@chakra-ui/react';
+export declare type ContainerProps = ContainerPropsChakra;
+export default Container;

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

@@ -0,0 +1,4 @@
+import type { FlexProps as FlexPropsChakra } from '@chakra-ui/react';
+import { Flex } from '@chakra-ui/react';
+export declare type FlexProps = FlexPropsChakra;
+export default Flex;

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

@@ -0,0 +1,4 @@
+import type { GridProps as GridPropsChakra } from '@chakra-ui/react';
+import { Grid } from '@chakra-ui/react';
+export declare type GridProps = GridPropsChakra;
+export default Grid;

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

@@ -0,0 +1,4 @@
+import type { StackProps as StackPropsChakra } from '@chakra-ui/react';
+import { Stack } from '@chakra-ui/react';
+export declare type StackProps = StackPropsChakra;
+export default Stack;

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

@@ -0,0 +1,4 @@
+import type { WrapProps as WrapPropsChakra } from '@chakra-ui/react';
+import { Wrap } from '@chakra-ui/react';
+export declare type WrapProps = WrapPropsChakra;
+export default Wrap;

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

@@ -0,0 +1,12 @@
+export { default as Box } from './components/box';
+export * from './components/box';
+export { default as Container } from './components/container';
+export * from './components/container';
+export { default as Flex } from './components/flex';
+export * from './components/flex';
+export { default as Grid } from './components/grid';
+export * from './components/grid';
+export { default as Stack } from './components/stack';
+export * from './components/stack';
+export { default as Wrap } from './components/wrap';
+export * from './components/wrap';

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+declare const _default: {
+    chakra: {
+        theme: Record<string, any>;
+    };
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+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;

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+declare const _default: {
+    chakra: {
+        theme: Record<string, any>;
+    };
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const WithLabel: () => JSX.Element;
+export declare const WithHelpText: () => JSX.Element;

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

@@ -0,0 +1,17 @@
+import type { RadioGroupProps } from '@chakra-ui/react';
+import type { FieldProps } from '../../field';
+export interface RadioGroupComponentProps extends FieldProps, RadioGroupProps {
+    label: string;
+    helpText?: string;
+    isError?: boolean;
+    errorMessage?: string;
+}
+declare function RadioGroupComponent(props: RadioGroupComponentProps): JSX.Element;
+declare namespace RadioGroupComponent {
+    var defaultProps: {
+        helpText: string;
+        isError: boolean;
+        errorMessage: string;
+    };
+}
+export default RadioGroupComponent;

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

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

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

@@ -0,0 +1,4 @@
+export { default as Radio } from './components/radio';
+export * from './components/radio';
+export { default as RadioGroup } from './components/radio-group';
+export * from './components/radio-group';

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+declare const _default: {
+    chakra: {
+        theme: Record<string, any>;
+    };
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;

package/dist/components/rating/components/rating.d.ts

@@ -0,0 +1,6 @@
+declare type PropsValue = 0 | 1 | 2 | 3 | 4 | 5;
+export interface RatingProps {
+    value: PropsValue;
+}
+declare const Rating: ({ value }: RatingProps) => JSX.Element;
+export default Rating;

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

@@ -0,0 +1,2 @@
+export { default as Rating } from './components/rating';
+export * from './components/rating';

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+declare const _default: {
+    chakra: {
+        theme: Record<string, any>;
+    };
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Disabled: () => JSX.Element;
+export declare const Size: () => JSX.Element;
+export declare const WithLabel: () => JSX.Element;

package/dist/components/switch/components/switch.d.ts

@@ -0,0 +1,18 @@
+import type { HTMLChakraProps, SystemProps, ThemingProps, UseCheckboxProps } from '@chakra-ui/react';
+export interface SwitchProps extends Omit<UseCheckboxProps, 'isIndeterminate'>, Omit<HTMLChakraProps<'label'>, keyof UseCheckboxProps>, ThemingProps<'Switch'> {
+    /**
+     * The spacing between the switch and its label text
+     * @default 0.5rem
+     * @type SystemProps["marginLeft"]
+     */
+    spacing?: SystemProps['marginLeft'];
+    size?: 'sm' | 'md' | 'lg';
+}
+/**
+ * The `Switch` component is used as an alternative for the checkbox component for switching between "enabled" and "disabled" states.
+ *
+ * @see Docs https://chakra-ui.com/docs/components/switch
+ * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/switch/
+ */
+declare const Switch: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"input", SwitchProps>;
+export default Switch;

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

@@ -0,0 +1,2 @@
+export { default as Switch } from './components/switch';
+export * from './components/switch';

package/dist/components/text/components/text.d.ts

@@ -0,0 +1,4 @@
+import type { TextProps as TextPropsChakra } from '@chakra-ui/react';
+import { Text } from '@chakra-ui/react';
+export declare type TextProps = TextPropsChakra;
+export default Text;

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

@@ -0,0 +1,2 @@
+export { default as Text } from './components/text';
+export * from './components/text';